/* CSS Document */ @charset "utf-8"; body{margin:0;padding:0;overflow-x:hidden;background-color:#fcfbf7;color:#616161;text-align:center} ul,li,ol,p,h1,h2,h3,h4,h5,h6,h7,form,dl{margin:0;padding:0;list-style:none} input,select,textarea,td{font-size:12px;font-family:gulim;line-height:180%;padding:0px} img{vertical-align:top;border:0} img,p{border:0;margin:0;padding:0} form{display:inline;margin:0;padding:0} label{cursor:pointer} a{text-decoration:none;color:#000} a:hover{color:#FF6600} #wrap{width:1054px;margin:0 auto;padding:0 0 0 11px;background:url(./image/bg.gif) repeat-y;display:table; text-align:left} /* header */ #header{float:left;height:76px;background:url(./image/header_bg.gif) repeat-x left bottom;padding:0 28px 0 28px} #logo{float:left;margin:11px 0 0 10px;_margin:11px 0 0 5px} #gnb{float:left;width:145px;margin:38px 0 0 0;text-align:right} #gnb .space{margin-right:8px} /* topmenu */ #lnb{float:left;margin:30px 0 0 70px;width:610px} .lnb_line{margin:3px 13px 0 13px} #lnb ul{display:inline} .lnb{position:relative;*zoom:1} .lnb li{float:left;height:30px;display:inline} .lnb h2{} .lnb .selected h2{} .lnb li:hover h2{} .lnb li li{float:none;display:inline;margin-right:10px} .lnb li li:hover{background:url(./image/submenu_bg.gif) repeat-x left 14px} /* for IE6 */ .lnb li li.submenuOver{background:url(./image/submenu_bg.gif) repeat-x left 14px} .lnb li li{behavior: expression(this.onmouseover = new Function("this.className += ' submenuOver';"), this.onmouseout = new Function("this.className = this.className.replace(' submenuOver', '');"), this.style.behavior = null);} /*.lnb ol{display:none;width:200px;background-color:#ffffff;text-align:left} */ .lnb ol{display:none;width:700px;text-align:left;margin-left:-595px;.margin-left:0;} .lnb .selected ol{display:block;position:absolute;left:0px;top:27px} .lnb li:hover ol{display:block;position:absolute;left:0px;top:27px;z-index:255} /* for IE6 */ .lnb li.menuOver ol{display:block;position:absolute;left:0px;top:27px;z-index:255} .lnb li{behavior: expression(this.onmouseover = new Function("this.className += ' menuOver';"), this.onmouseout = new Function("this.className = this.className.replace(' menuOver', '');"), this.style.behavior = null);} .lnb .menu1{padding-left:0} .lnb .menu2{padding-left:90px} .lnb .menu8{padding-left:90px} .lnb .menu3{padding-left:150px} .lnb .menu4{padding-left:180px} .lnb .menu5{padding-left:280px} .lnb .menu6{padding-left:380px} .lnb .menu7{padding-left:450px} /* sitemap */ #sitemap{position:absolute;left:50%;width:824px;height:260px;top:76px;z-index:20;margin-left:-314px;background:url(./image/sitemap_bg.gif) no-repeat;padding-top:3px} #sitemap h4{margin-bottom:7px;padding:0 0 0 13px;background:url(./image/bu4.gif) no-repeat 0 5px;font-weight:bold;font-size:14px;letter-spacing:-2px;font-family:Malgun Gothic,Dotum;color:#2e3066} #sitemap ol{margin-bottom:7px} #sitemap li{margin-bottom:3px;background:url(./image/bu3.gif) no-repeat 0 5px;.background:url(./image/bu3.gif) no-repeat 0 10px;font-size:12px;padding-left:10px} #sitemap td{padding:15px 0 0 15px} /* container */ #left{float:left;width:180px;padding:0} #container{float:left;padding:0 0 20px 21px} #movie{float:left;padding:30px 0 0 0px;margin:0 0 52px 0;text-align:center} .l_movie_tit{margin-bottom:20px;.margin-bottom:10px} .movie{margin-bottom:8px} .movie_txt{margin-bottom:10px;font-size:12px;font-family:gulim;line-height:160%;font-weight:bold;color:#888888;letter-spacing:-1px} .btn_movie{margin-right:0px} #snb{clear:both;float:left;padding:0 0 0 10px;margin:0 0 36px 0} .l_menu_tit{margin-bottom:12px} #snb li{width:138px;background:url(./image/dot_line.gif) repeat-y left top;padding:7px 0 11px 18px;.padding:7px 0 7px 18px} #snb li:hover{width:138px;background:url(./image/dot_line_on.gif) repeat-y left top;padding:7px 0 11px 18px;.padding:7px 0 7px 18px} /* for IE6 */ #snb li.hover{width:138px;background:url(./image/dot_line_on.gif) repeat-y left top;padding:7px 0 11px 18px;.padding:7px 0 7px 18px} #snb li{behavior: expression(this.onmouseover = new Function("this.className += ' hover';"), this.onmouseout = new Function("this.className = this.className.replace(' hover', '');"), this.style.behavior = null);} #history25{clear:both;float:left} #l_bn{clear:both;float:left} .l_bn_tit{margin:41px 0 6px 0} #right{float:left;width:824px} #main_spot{clear:both;float:left} #main_content{clear:both;float:left;margin:23px 9px 0 16px;width:611px;display:inline} #board1{float:left;width:606px;margin:0 13px 0 0} #board2{float:left;width:295px;margin:0} #board3{clear:both;float:left;width:291px;margin:36px 18px 0 0} .board_tit5{margin-bottom:20px} #board4{float:left;width:295px;margin:44px 0 0 0} .board_tit6{float:left;margin-bottom:14px} .c3tv_down{float:right} #board4 {width:295px; height:260px} #search{float:left;margin:23px 0 0 0;vertical-align:top} .img_box{font-size:11px;border:1px solid #c7d8e3;width:118px;height:21px;padding:0 0 0 3px;color:#666666} #r_bn{float:left;margin:10px 0 0 0} #r_bn li{width:173px;height:72px;margin-bottom:10px;border:1px solid #e7e7e7} /* footer */ #footer{float:left;width:1026px;background:url(./image/footer_bg.gif) repeat-x left top;height:55px;padding-top:33px;margin-top:30px} #footer .adress{float:left;padding-left:330px} #footer .qrcode{float:right;padding-right:20px;margin-top:-5px} /* sub */ #sub_container{float:left;width:1026px;margin:36px 0 40px 20px;display:inline} #sub_right{float:left;margin-left:28px;width:771px} #sub_spot{float:left;margin:0 0 40px 0;height:185px;background:url(./image/sub_line.gif) repeat-x left bottom} #sub_content{float:left;font-size:12px;line-height:180%;font-family:Verdana, Arial, Helvetica, sans-serif, gulim;width:760px;padding-left:5px} .td_bg{background-color:#eff4fb;font-weight:bold;color:#7692b8} .td_bg2{background-color:#eff4fb} #tit{float:left} #tit_img{float:left;width:500px} #navi{float:right;width:270px;text-align:right;letter-spacing:-1px;font:normal 11px dotum;color:#999} #navi a{color:#999}