/* 공통적용 */ * { margin: 0; padding: 0; } html, body { height: 100%; /* Required */ background-color:#000; } body,table, tr, td,input,select,form,textarea { color: #636363; font-family:"돋움",verdana,arial; font-size: 12px; line-height:16px; clear:both; LETTER-SPACING: 0; } a:link {font-family:"돋움",arial; font-size: 12px; color:#636363; text-decoration: none; } a:visited {font-family:"돋움",arial; font-size: 12px; color:#636363; text-decoration: none; } a:hover, a:active {font-family:"돋움",arial; font-size: 12px; color:#636363; text-decoration: none; text-decoration:underline } font { line-height:1.5; } ul, li {list-style: none; display:block;} img { border:0px; } @media print { body { background-color:#FFF; } #GNBFlash { display:none; } #contactusTop { display:none; } #contactusMid #contactusMLeft { display:none; } #contactusMid #contactusMCenter #dir { display:none; } #contactusMid #contactusMCenter #contents { display:block; } #contactusMid #contactusMRight { display:none; } #contactusBtm { display:none; } #contactXBtn { display:none; } } /* layout */ #mainFlash { width:990px; height:640px; position:absolute; z-index:1; } #GNBFlash1 { width:990px; height:80px; position:absolute; z-index:10; } #subTop { background:url(/img/bg/bg_subTop.jpg) no-repeat 0 0; width:990px; height:47px; } #subMid { width:990px; height:459px; } #subMLeft { float:left; background:url(/img/bg/bg_subLeft.jpg) no-repeat 0 0; width:95px; height:459px; } #subMCenter { float:left; width:803px; height:459px; background-color:#FFF; } #subMRight { float:left; background:url(/img/bg/bg_subRight.jpg) no-repeat 0 0; width:92px; height:459px; } #subBtm { clear:both; background:url(/img/bg/bg_subBtm.jpg) no-repeat 0 0; width:990px; height:54px;} #boardTop { background:url(/img/bg/bg_boardTop.jpg) no-repeat 0 0; width:990px; height:72px; } #boardMid { width:990px; height:430px; } #boardMLeft { float:left; background:url(/img/bg/bg_boardLeft.jpg) no-repeat 0 0; width:95px; height:430px; } #boardMCenter { float:left; background:url(/img/bg/bg_boardCon.jpg) no-repeat 0 0; width:803px; height:430px; } #boardMRight { float:left; background:url(/img/bg/bg_boardRight.jpg) no-repeat 0 0; width:92px; height:430px; } #boardBtm { clear:both; background:url(/img/bg/bg_boardBtm.jpg) no-repeat 0 0; width:990px; height:58px;} #qnaTop { background:url(/img/bg/bg_qnaTop.jpg) no-repeat 0 0; width:990px; height:61px; } #qnaMid { width:990px; height:442px; } #qnaMLeft { float:left; background:url(/img/bg/bg_qnaLeft.jpg) no-repeat 0 0; width:139px; height:442px; } #qnaMCenter { float:left; width:713px; height:442px; background-color:#FFF; } #qnaMRight { float:left; background:url(/img/bg/bg_qnaRight.jpg) no-repeat 0 0; width:138px; height:442px; } #qnaBtm { clear:both; background:url(/img/bg/bg_qnaBtm.jpg) no-repeat 0 0; width:990px; height:57px;} #siteLinkTop { background:url(/img/bg/bg_siteLinkTop.jpg) no-repeat 0 0; width:990px; height:128px; } #siteLinkMid { width:990px; height:340px; } #siteLinkMLeft { float:left; background:url(/img/bg/bg_siteLinkLeft.jpg) no-repeat 0 0; width:73px; height:340px; } #siteLinkMCenter { float:left; width:824px; height:340px; background-color:#FFF; } #siteLinkMRight { float:left; background:url(/img/bg/bg_siteLinkRight.jpg) no-repeat 0 0; width:93px; height:340px; } #siteLinkBtm { clear:both; background:url(/img/bg/bg_siteLinkBtm.jpg) no-repeat 0 0; width:897px; height:71px; text-align:right; padding:21px 93px 0 0; } #siteMapTop { background:url(/img/bg/bg_siteMapTop.jpg) no-repeat 0 0; width:990px; height:145px; } #siteMapMid { width:990px; height:327px; } #siteMapMLeft { float:left; background:url(/img/bg/bg_siteMapLeft.jpg) no-repeat 0 0; width:104px; height:327px; } #siteMapMCenter { float:left; width:783px; height:327px; background-color:#FFF; } #siteMapMRight { float:left; background:url(/img/bg/bg_siteMapRight.jpg) no-repeat 0 0; width:103px; height:327px; } #siteMapBtm { clear:both; background:url(/img/bg/bg_siteMapBtm.jpg) no-repeat 0 0; width:990px; height:88px; } #printTop { background:url(/img/bg/bg_printTop.jpg) no-repeat 0 0; width:990px; height:46px; } #printMid { width:990px; height:455px; } #printMLeft { float:left; background:url(/img/bg/bg_printLeft.jpg) no-repeat 0 0; width:43px; height:455px; } #printMCenter { float:left; width:683px; height:441px; background-color:#FFF; padding:14px 0 0 32px; } #printMRight { float:left; background:url(/img/bg/bg_printRight.jpg) no-repeat 0 0; width:205px; height:431px; padding:24px 0 0 27px; } #printBtm { clear:both; background:url(/img/bg/bg_printBtm.jpg) no-repeat 0 0; width:990px; height:59px; } #contactusTop { background:url(/img/bg/bg_contactusTop.jpg) no-repeat 0 0; width:990px; height:71px; } #contactusMid { width:990px; height:429px; } #contactusMLeft { float:left; background:url(/img/bg/bg_contactusLeft.jpg) no-repeat 0 0; width:85px; height:429px; } #contactusMCenter { float:left; width:827px; height:429px; background-color:#FFF; } #contactusMCenter #dir { height:27px; background:url(/img/share/bd_1.gif) repeat-x 0 bottom; margin:0 15px 0 10px; } #contactusMCenter h1 { float:left; padding:0 5px 8px 5px; border-bottom:2px solid #c40003; } #contactusMCenter #lineMap { float:right; padding-top:6px; } #contactusMRight { float:left; background:url(/img/bg/bg_contactusRight.jpg) no-repeat 0 0; width:78px; height:429px; } #contactusBtm { clear:both; background:url(/img/bg/bg_contactusBtm.jpg) no-repeat 0 0; width:990px; height:60px; text-align:right; } /* 센터 정렬*/ /* styles for IE 5 Mac */ #centerwrap { width:990px; height:640px; background-color:transparent; margin: 10px auto; position:relative; } /* commented backslash hack - invisible to IE 5 \*/ #centerwrap { position:absolute; margin:-305px 0 0 -495px; left:50%; top:50%; } /* end hack */ /* decoration */ #closeBtn { position:absolute; z-index:20; left:935px; top:128px; } #xBtn { position:absolute; z-index:20; left:850px; top:125px; } #siteLinkxBtn { position:absolute; z-index:20; left:900px; top:106px; } #siteMapxBtn { position:absolute; z-index:20; left:901px; top:119px; } #creativeXBtn { position:absolute; z-index:20; left:948px; top:126px; } #boardXBtn { position:absolute; z-index:20; left:889px; top:130px; } #contactXBtn { position:absolute; z-index:20; left:938px; top:110px; } #dir { height:27px; background:url(/img/share/bd_1.gif) repeat-x 0 bottom; } h1 { float:left; padding:0 5px 8px 5px; border-bottom:2px solid #c40003; } #lineMap { float:right; padding-top:6px; } #boardMCenter #dir { height:33px; background:none; } #boardMCenter #dir h1 { float:left; padding:0 5px 8px 5px; border-bottom:none; } #boardMCenter #dir #lineMap { float:right; padding-top:10px; } #contactusMCenter #contents { padding-top:10px; } #contents { padding-top:28px; } table.ad_list { width:803px; background:url(/img/share/thCell1_center.gif) repeat-x 0 0; border-bottom:1px solid #e6898b; } table.ad_list th { background:url(/img/share/bar_1.gif) no-repeat right 8px; height:30px; } table.ad_list th.none { background:none; height:30px; } table.ad_list th.leftCell { background:url(/img/share/thCell1_left.gif) no-repeat 0 0; width:5px; } table.ad_list th.rightCell { background:url(/img/share/thCell1_right.gif) no-repeat 0 0; width:5px; } table.ad_list td { height:33px; background:url(/img/share/dot_1.gif) repeat-x 0 top; text-align:center; } table.ad_list td.top { height:33px; background:none; text-align:center; } table.ad_view { width:803px; background:url(/img/share/thCell1_center.gif) repeat-x 0 0; border-bottom:1px solid #e6898b; } table.ad_view th { background:url(/img/share/bar_1.gif) no-repeat right 8px; height:30px; font-weight:normal; } table.ad_view th.none { background:none; height:30px; } table.ad_view th.leftCell { background:url(/img/share/thCell1_left.gif) no-repeat 0 0; width:5px; } table.ad_view th.rightCell { background:url(/img/share/thCell1_right.gif) no-repeat 0 0; width:5px; } table.ad_view td { background:none; } table.ad_view td.content { padding:10px; background:none; } table.ad_view td div { width:773px; height:265px; overflow:auto; color:#636363; font-size:12px; } table.ad_view th span.cate { color:#d20002; font-size:12px; } table.ad_view th span.cate_tit { color:#000000; font-size:12px; } table.ad_view_List { width:803px; border-bottom:1px solid #e6898b; } table.ad_view_List th { text-align:left; padding-left:5px; border-bottom:1px solid #dedede; } table.ad_view_List td { background:url(/img/share/bar_2.gif) no-repeat left 8px; height:26px; text-align:center; border-bottom:1px solid #dedede; } table.ad_view_List th.none { text-align:left; padding-left:5px; border-bottom:none; } table.ad_view_List td.none { background:url(/img/share/bar_2.gif) no-repeat left 8px; height:26px; text-align:center; border-bottom:none; } table.ad_view_List td span { color:#d20002; font-size:12px; } table.news_list { width:803px; background:url(/img/share/thCell2_center.gif) repeat-x 0 0; border-bottom:1px solid #a0b400; } table.news_list th { background:url(/img/share/bar_3.gif) no-repeat right 8px; height:30px; } table.news_list th.none { background:none; height:30px; } table.news_list th.leftCell { background:url(/img/share/thCell2_left.gif) no-repeat 0 0; width:5px; } table.news_list th.rightCell { background:url(/img/share/thCell2_right.gif) no-repeat 0 0; width:5px; } table.news_list td { height:33px; background:url(/img/share/dot_1.gif) repeat-x 0 top; text-align:center; } table.news_list td.top { height:33px; background:none; text-align:center; } table.news_view { width:803px; background:url(/img/share/thCell2_center.gif) repeat-x 0 0; border-bottom:1px solid #a0b400; } table.news_view th { background:url(/img/share/bar_3.gif) no-repeat right 8px; height:30px; font-weight:normal; } table.news_view th.none { background:none; height:30px; } table.news_view th.leftCell { background:url(/img/share/thCell2_left.gif) no-repeat 0 0; width:5px; } table.news_view th.rightCell { background:url(/img/share/thCell2_right.gif) no-repeat 0 0; width:5px; } table.news_view td { background:none; } table.news_view td.content { padding:10px; background:none; } table.news_view td div { width:773px; height:265px; overflow:auto; color:#636363; font-size:12px; } table.news_view th span.cate { color:#637500; font-size:12px; } table.news_view th span.cate_tit { color:#000000; font-size:12px; } table.news_view_List { width:803px; border-bottom:1px solid #a0b400; } table.news_view_List th { text-align:left; padding-left:5px; border-bottom:1px solid #dedede; } table.news_view_List td { background:url(/img/share/bar_2.gif) no-repeat left 8px; height:26px; text-align:center; border-bottom:1px solid #dedede; } table.news_view_List th.none { text-align:left; padding-left:5px; border-bottom:none; } table.news_view_List td.none { background:url(/img/share/bar_2.gif) no-repeat left 8px; height:26px; text-align:center; border-bottom:none; } table.news_view_List td span { color:#637500; font-size:12px; } #paging { text-align:center; padding-top:15px; } #paging span { padding-left:5px; } #paging a, #paging a:link, #paging a:visited { color:#636363; font-size:12px; text-decoration:none; } #paging a:hover, #paging a:active { color:#c40003; font-size:12px; text-decoration:none; } #boardPaging { text-align:center; padding:15px 0 0 315px; } #boardPaging div { float:left; padding-left:5px; } #boardPaging div.pd { float:left; padding-top:5px; } #boardPaging span { padding-left:5px; } #boardPaging a, #boardPaging a:link, #boardPaging a:visited { color:#fff; font-weight:bold; font-size:12px; text-decoration:none; } #boardPaging a:hover, #boardPaging a:active { color:#ffce3d; font-weight:bold; font-size:12px; text-decoration:none; } #contents div.btn { padding-top:10px; text-align:right; } /* free board */ #boardCont { padding:15px 0 2px 0; background:url(/img/share/boardLine_tb.gif) no-repeat 0 bottom; } table.board_list { background:url(/img/share/boardTb_th.jpg) no-repeat 0 0; width:803px; } table.board_list th { background:url(/img/share/bar_5.gif) no-repeat 0 13px; height:34px; padding:2px 0 0 0; } table.board_list th.none { background:none; height:34px; } table.board_list td { color:#FFF; font-size:12px; padding:5px 0; text-align:center; background:none; border-top:1px solid #5d7b80; } table.board_list td.top { color:#FFF; font-size:12px; padding:8px 0 5px 0; text-align:center; background:none; border-top:none; } table.board_list td a, table.board_list td a:link, table.board_list td a:visited { color:#FFF; font-size:12px; text-decoration:none; } table.board_list td a:hover, table.board_list td a:active { color:#FFF; font-size:12px; text-decoration:underline; } table.board_view { background:url(/img/share/boardTb_th.jpg) no-repeat 0 0; width:803px; } table.board_view th { background:url(/img/share/bar_5.gif) no-repeat 0 13px; height:34px; padding:2px 0 0 0; color:#FFF; font-size:12px; font-weight:normal; } table.board_view th.none { background:none; height:34px; color:#FFF; font-size:12px; font-weight:bold; } table.board_view td { color:#FFF; font-size:12px; padding:20px; background:none; } table.board_view td div { width:758px; height:200px; overflow:auto; color:#c8c8c8; font-size:12px; } table.board_view_List { width:803px; background:url(/img/share/boardLine_tb.gif) no-repeat 0 bottom; } table.board_view_List th { background:none; text-align:left; padding-left:5px; border-bottom:1px solid #5d7b80; } table.board_view_List td { background:url(/img/share/bar_2.gif) no-repeat left 8px; height:26px; text-align:center; border-bottom:1px solid #5d7b80; color:#c8aa87; } table.board_view_List td a, table.board_view_List td a:link, table.board_view_List td a:visited { height:26px; text-align:center; color:#c8aa87; text-decoration:none; } table.board_view_List td a:hover, table.board_view_List td a:active { height:26px; text-align:center; color:#c8aa87; text-decoration:underline; } table.board_view_List th.none { text-align:left; padding-left:5px; border-bottom:none; } table.board_view_List td.none { background:url(/img/share/bar_2.gif) no-repeat left 8px; height:30px; text-align:center; border-bottom:none; } #boardMCenter div.btn { text-align:right; padding-top:10px; } /* Q&A */ #qnaMCenter1 { background:url(/img/bg/bg_qnaMid1.jpg) no-repeat 0 0; width:713px; height:40px; } #qnaMCenter2 { background:url(/img/bg/bg_qnaMid2.jpg) no-repeat 0 0; width:590px; height:346px; padding:8px 0 0 123px; } #qnaMCenter2 div { padding:4px 0 5px 0; } #qnaMCenter2 input { border:1px solid #d6d6d6; background-color:#FFF; padding:2px; height:16px; } #qnaMCenter2 textarea { border:1px solid #d6d6d6; background-color:#FFF; padding:2px; height:20px; } #qnaMCenter3 { background:url(/img/bg/bg_qnaMid3.jpg) no-repeat 0 0; width:431px; height:38px; padding:10px 0 0 282px; } #qnaMCenter3 div { float:left; } /* Site Link */ #siteLinkMCenter_1 { float:left; width:390px; height:340px; background:url(/img/bg/bg_siteLinkMid1.jpg) no-repeat 0 0; padding-left:32px; } #siteLinkMCenter_1 li { background:url(/img/share/bul_adOrg.png) no-repeat 0 0; padding-left:32px; height:26px; } #siteLinkMCenter_1 li.last { background:url(/img/share/bul_adOrgLast.png) no-repeat 0 0; padding-left:32px; height:16px; } #siteLinkMCenter_2 { float:left; width:359px; height:340px; background:url(/img/bg/bg_siteLinkMid2.jpg) no-repeat 0 0; padding-left:43px; } #siteLinkMCenter_2 li { background:url(/img/share/bul_adSite.png) no-repeat 0 0; padding-left:32px; height:26px; } #siteLinkMCenter_2 li.last { background:url(/img/share/bul_adSiteLast.png) no-repeat 0 0; padding-left:32px; height:16px; } /* creative */ #printMCenter div.list { border-bottom:1px solid #c5c5c5; width:651px; } #tvcmRight div.list { border-bottom:1px solid #c5c5c5; width:310px; } #printMCenter ul.listBg li.list { float:left; background:url(/img/bg/bg_creativeList.gif) no-repeat center 0; width:303px; height:112px; padding:11px 11px 9px 11px; } #tvcmRight ul.listBg li.list { float:left; background:url(/img/bg/bg_creativeList.gif) no-repeat center 0; width:305px; height:73px; padding:14px 0 11px 11px; } #tvcmRight ul.listBg ul.listDetail li.img { float:left; width:112px; height:72px; background:#CCC; margin-right:10px; } #printMCenter ul.listDetail li { line-height:12px; color:#000; font-size:11px; } #printMCenter ul.listDetail li.img { float:left; width:92px; height:112px; background:#CCC; margin-right:10px; } #printMCenter ul.listDetail li a, #printMCenter ul.listDetail li a:link, #printMCenter ul.listDetail li a:visited { color:#000; font-size:11px; text-decoration:none; font-weight:normal; } #printMCenter ul.listDetail li a:hover, #printMCenter ul.listDetail li a:active { color:#000; font-size:11px; text-decoration:underline; font-weight:bold; } #printMCenter ul.listDetail li.tPd { padding-top:5px; } #printMCenter ul.listDetail li dl dt { float:left; background-color:#ccc; width:74px; height:55px; } #printMCenter ul.listDetail li dl dd { float:left; } #printMRight div.location { font-size:11px; padding-bottom:19px; } #printMRight div.location img { padding:0 3px; } #printMRight h1 { float:none; border-bottom:1px solid #3b3433; width:160px; } #printMRight div.year { padding:29px 0 185px 0; } #printMRight div.year table td { height:30px; vertical-align:top; width:55px; } #tvcmLeft { float:left; width:350px; } div.moviePlayer { border:3px solid #adadad; width:320px; height:279px; margin-top:50px; } #tvcmRight { float:left; width:330px; } /* contact us */ /* 텍스트 형식의 페이지 */ ul.contactus li.map { float:left; width:490px; } ul.contactus li.list { float:left; width:260px; } ul.list li { line-height:14px; } ul.list li.titTop { padding-bottom:7px; } ul.list li.tit { padding:20px 0 7px 0; } ul.list li div { padding-left:10px; } ul.list li span { color:#db0507; font-size:12px; } #ask { clear:both; padding-top:13px; } #ask table { background:url(/img/share/thCell3_bg.gif) repeat-x 0 0; width:785px; border-top:2px solid #689c04; border-bottom:1px solid #97b366; margin-top:5px; } #ask table th { background:url(/img/share/bar_4.gif) no-repeat 0 bottom; padding:9px 0 8px 0; } #ask table th.first { background:none; padding:7px 0 5px 0; } #ask table td { background:url(/img/share/bar_4.gif) no-repeat 0 bottom; padding:7px 0 5px 0; text-align:center; } #ask table td.first { background:none; padding:7px 0 5px 0; text-align:center; } /* 이미지로된 페이지 */ .contactusCon1 { float:left; width:436px; } .contactusCon2 { float:left; width:391px; } /* popup */ body#pop { background-color:#FFF; } #popPrint { width:385px; height:600px; } #popPrint div.tit { background:url(/img/bg/pop_printTop.gif) #d30002 no-repeat 0 0; width:396px; height:35px; } #popPrint div.contents { background-color:#fff; padding:31px 33px; } #popPrint div.contents div.img { border:1px solid #dddddd; width:318px; height:448px; } #popPrint_H { width:565px; height:505px; } #popPrint_H div.tit { background:url(/img/bg/pop_printTop_H.gif) no-repeat 0 0; height:35px; } #popPrint_H div.contents { background-color:#fff; padding:31px 45px; } #popPrint_H div.contents div.img { border:1px solid #dddddd; width:464px; height:317px; } #popPrint_H div.contents div.popTxt { font-size:11px; color:#b80909; padding-top:3px; } div.detailData { padding-top:10px; } div.detailData table { overflow:hidden; table-layout:fixed;} div.detailData table th { border-left:1px solid #f7b4c8; text-align:left; padding:0 0 0 10px; } div.detailData table td { color:#000; font-size:11px; font-weight:bold; padding:2px 0 1px 0; overflow:hidden; height:15px; } div.detailData table td.title { color:#636363; font-size:11px; font-weight:normal; }