/* ************************************************* 프로그램 ID : CmnLayout.css 프로그램 명 : 메인 -> 커뮤니티 작 성 자 : IDENVI 퍼블리셔 서정민(dark@idenvi.com) 최초 작성일 : 2007/08/16 최종 작성일 : 참고 사항 : **************************************************** */ /* 큰제목 */ /*일반*/ .abtTitle {height:122px;} dl.abtTitle dt.contentTit {margin-top:54px;float:left;margin-right:9px;} dl.abtTitle dt.contentTit02{margin-top:39px;float:left;margin-right:9px;padding-left:10px;} /* 큰제목설명 */ dl.abtTitle dd.contentTxt{margin-top:67px;float:left;} /* 타이틀 */ ul.abtMainTit { clear:both; margin-top:22px; } ul.abtMainTit li.mainVisual {margin-bottom:-7px;} ul.abtMainTit li.topTitle { background: url('/eng/images/community/CmnBul_01.gif') 0 0 no-repeat; padding-left:12px; } /* 본문내용감싸기 */ ul.abtMainDate {clear:both;margin-top:0px;} ul.abtMainDate li.data01{} ul.abtMainDate li.data02{font-family:Verdana; color:#9D9D9D;margin-top:11px; line-height:18px;font-size:12px;} ul.abtMainDate li.data03{margin-top:15px;} ul.abtMainDate li.data04{font-family:Verdana; color:#9D9D9D;margin-top:11px; line-height:18px;font-size:12px;} ul.abtMainDate li.data05{margin-top:25px;} /* 텝메뉴 */ ul.abtTopTab { clear:both; background: url('/eng/images/community/CmnTabBg_01.gif') 0 29px repeat-x; width:680px; height:26px; padding-top:29px; } ul.abtTopTab li {float:left;} dl.abtData{margin-left:10px;margin-top:10px;color:#8D8D8D;} dl.abtData dd.data02 {margin-left:15px;margin-top:5px;} dl.abtData dd.data02 p.txt {font-family:Verdana; margin-top:10px;line-height:18px;} dl.abtData dd.data02 p.txt span{font-family:Verdana; font-weight:bold;} dl.abtData dt.data03 {margin-top:35px;} dl.abtData dd.data04 {margin-left:15px;margin-top:5px;} ul.mainWrap {width:680px;margin-top:9px;} ul.mainWrap li.selectMenu {float: right;padding-right:10px;padding-top:3px;} ul.mainWrap li.pic01 {clear:both;margin-left:-10px;} ul.mainWrap li.content {margin-left:10px;margin-top:7px;} ul.mainWrap li.content div.pic02{ float:left;margin-right:10px;} ul.mainWrap li.content table.data{float:left;margin-top:5px;width:406px;border:0;} ul.mainWrap li.content table.data tr td.tit01 {vertical-align:top;} ul.mainWrap li.content table.data tr td.data01 {font-family:Verdana; font-size:11px;color:#959595;padding-left:7px;} ul.mainWrap li.content table.data tr td.tit02 {vertical-align:top;} ul.mainWrap li.content table.data tr td.data02 {font-family:Verdana; font-size:11px;color:#959595;padding-left:7px;} ul.mainWrap li.content table.data tr td.tit03 {vertical-align:top;} ul.mainWrap li.content table.data tr td.data03 {font-family:Verdana; font-size:11px;color:#959595;padding-left:7px;} ul.mainWrap li.content table.data tr td.tit04 {vertical-align:top;} ul.mainWrap li.content table.data tr td.data04 {font-family:Verdana; font-size:11px;color:#959595;padding-left:7px;} ul.mainWrap li.content table.data tr td.tit05 {vertical-align:top;} ul.mainWrap li.content table.data tr td.data05 {font-family:Verdana; font-size:11px;color:#959595;padding-left:7px;} ul.mainWrap li.tit02 {clear:both;margin-top:20px;} ul.mainWrap li.pic02 {margin-top:26px;} ul.mainWrap li.pic02 table{border:0;} /* 인쇄 -----------------------------------------------------------------------------*/ div.mainWrap02 {width:680px;} ul.leftBg {float:left;background: url('/eng/images/about/abtPrsBg_02.gif') 0 0 no-repeat; width:340px;height:505px;} ul.leftBg li.pic {margin:20px 0 0 22px;} ul.leftBg li.zoom {margin:6px 0 0 269px;} ul.rightBg {float:left;background: url('/eng/images/about/abtPrsBg_03.gif') 0 0 no-repeat; width:340px;height:505px;} ul.rightBg li.title {margin:20px 0 12px 20px;} ul.rightBg li.data {margin-left:5px;} ul.rightBg li.data table.contentData {width:324px;height:360px;border:0;} ul.rightBg li.data table.contentData tr td {position:relative;width:162px;height:180px;text-align:center ; } ul.rightBg li.data table.contentData tr td div.img {position:relative;top:19px;} ul.rightBg li.data table.contentData tr td div.data {font-family:Dotum, 돋움; position:absolute;left:13px;top:160px;color:#fff;font-weight:bold;} ul.rightBg li.data table.contentData tr td div.zoom {position:absolute;left:106px;top:158px;} ul.rightBg li.naviWrap {margin-top:10px;} ul.rightBg li.naviWrap table.navi{font-family:Dotum, 돋움; margin: 0 auto;} ul.rightBg li.naviWrap table.navi span.on{font-family:Dotum, 돋움; font-weight:bold;font-size:12px;} /* TV -----------------------------------------------------------------------------*/ div.tvWrapBg{background: url('/eng/images/about/abtPrsBg_01.gif') 0 0 no-repeat;width:701px;height:323px;margin-left:-10px;} div.tvArea{float:left;width:293px;height:323px;position:relative;} ul.tv {} ul.tv li.vision{position:absolute;left:68px;top:37px;} ul.tv li.play {position:absolute;left:142px;top:190px;} ul.tv li.stop {position:absolute;left:186px;top:190px;} ul.tv li.pause {position:absolute;left:161px;top:190px;} ul.tvData {position:absolute;left:86px;top:249px;} ul.tvData li.title {font-family:Verdana; border-bottom:1px solid #E7E7E7;width:204px;height:15px;padding-top:5px; letter-spacing:-1px; font-weight:bold;color:#96C100; font-size:11px;} ul.tvData li.date {font-family:Verdana; border-bottom:1px solid #E7E7E7;width:204px;height:15px;padding-top:5px;letter-spacing:-1px; font-size:11px;} ul.tvData li.name {font-family:Verdana; border-bottom:1px solid #E7E7E7;width:204px;height:15px;padding-top:5px;letter-spacing:-1px; font-size:11px;} div.tvList {float:left;width:408px;height:323px;position:relative;} div.tvList p.title {position:absolute;left:26px;top:25px;} div.tvList ul.listWrap {position:absolute;left:30px;top:57px;} div.tvList ul.listWrap li{background: url('/eng/images/about/abtPrsBul_01.gif') 0 6px no-repeat; padding-left:10px;font-family:Verdana; letter-spacing:-1px; font-size:12px; height:20px;} div.tvList p.wime {position:absolute;left:150px;top:242px;} div.navi02Wrap {position:absolute;left:24px;top:189px;background: url('/eng/images/about/abtPrsBg_04.gif') 0 0 no-repeat;width:214px;height:20px;} table.navi02 {width:214px;height:20px;border:0;} table.navi02 tr td.on {font-weight:bold;font-size:12px; } table.tvPhoto {margin-top:10px;margin-left:5px;width:673px;height:284px;border:0;} /* 해찬들이야기 LEFT MENU (서브) -------------------------------------------------------------------------------*/ ul.abtLeftMenu03 {} ul.abtLeftMenu03 li.abtLeftFlash01{} ul.abtLeftMenu03 li.abtLeftMenuList {background:url('/eng/images/about/AbtLeftMenuBg_01.jpg') 0 0 no-repeat;padding-left:12px;height:131px;width:228px;} ul.abtLeftMenu03 li.abtLeftMenuList ul.wrap {padding-top:2px;width:228px;} ul.abtLeftMenu03 li.abtLeftMenuList ul.wrap li{margin-bottom:1px;height:21px;} ul.abtLeftMenu03 li.abtLeftMenuList ul.wrap li img{vertical-align: top;} ul.abtLeftMenu03 li.abtLeftFlash02{} p.abtcon {margin:0;} p.abtcon img{margin-top:0;}