/*select{behavior: url('http://www.doriver.com/_sys/_global/image/js/selectBox.htc');}*/ /*---------------------------------------------------------- 01. Layout ----------------------------------------------------------*/ /* global */ body{text-align:center;} #sess-num{display:none;} #navigation ul li,#gnb ul li,#topline ul li,#footer ul li{display:inline;} #wrapper{width:100%;margin:0 auto;text-align:left;font-size:12px;} #wrapper-blank{width:780px;margin:0 auto;text-align:left;font-size:12px;} #header,#wrap-warp-main,#side-right,#wrap-gnb,#wrap-main,#wrap-sub-left,#wrap-sub-right,#footer{position:relative;} #pos_scroll,#scroll{position:absolute;} /* 전체 레이아웃 */ #wrap-wrap-wrap-main{width:995px;margin:29px auto;} #wrap-wrap-main{width:908px;float:left} #side-right{margin-left:28px;float:left} /* 사이드 스크롤 */ #pos_scroll {top:50px} #scroll {left:950px;top:50px;z-index:1000;width:108px;height:178px;} /* topline */ #topline{width:908px;height:15px;padding-right:87px;margin:3px auto 0 auto;font:12px;letter-spacing:-1px} #topline ul li img{vertical-align:-3px;display:block;} #topline div.fright{clear:both;float:right;padding:2px 0 0 10px;background:#fff url('../image/topline_right.gif') no-repeat left -1px;} /* top menu */ #topline ul.topline-menu{clear:both;float:left;padding:0;} #topline ul.topline-menu li{float:left;padding:2px 6px 0 0;background:url('../image/topline_bar.gif') no-repeat right 7px;} #topline ul.topline-menu li a{float:left;padding:0 0 0 6px;vertical-align:-3px;color:#aaaaaa;} #topline ul.topline-menu li img{float:left;padding:0 3px;display:block;} #topline ul.topline-menu li.on{font-weight:bold;letter-spacing:-1px;} #topline ul.topline-menu li.on a:link,#topline ul.topline-menu li.on a:visited,#topline ul.topline-menu li.on a:active{color:#e31010;} #topline ul.topline-menu li.on a:hover{text-decoration:none;} /* 헤더 */ #header{width:908px;height:50px;padding-right:87px;margin:2px auto 0px auto;font-size:12px;} /* GNB */ #wrap-gnb{width:100%;height:41px;background:url('../image/bg_gnb.gif') repeat-x left top;padding:0px} #gnb{width:908px; margin:0 auto;padding-right:87px;} /* 검색폼 */ #searchbox {background:url('../image/main_search_bg.gif') no-repeat left top;float:left;width:164px;height:23px;text-align:left;} #searchbox .search {float:left;margin:3px 4px 0 8px;_margin:3px 4px 0 4px;text-align:left;} #searchbox .keyword {z-index:2;position:relative;padding-top:3px;color:#222222;background:white;border:#111 solid 0px;width:126px;height:15px;} #searchbox .imgbox {float:right;z-index:1;position:relative;background:url('../image/search_btn.gif') no-repeat left top;width:24px;height:23px} /* 위치표시 */ #location {clear:both;width:100%;text-align:left;font:11px "돋움", Dotum, "굴림", Gulim,AppleGothic, Sans-serif;color:#c1c1c1;margin-bottom:2px;} /* flash-메인 */ #wrap-flash-main{width:100%;z-index:10;height:276px;background:url('../image/bg_main.gif') repeat-x left top;} #flash-main {width:908px;padding-right:87px;margin:0px auto} /* flash-서브 */ #wrap-flash-sub{width:100%;z-index:10;height:145px;background:url('../image/bg_sub.gif') repeat-x left top;} #flash-sub {width:908px;padding-right:87px;margin:0px auto} /* 메인영역 */ #title{padding:0 0 3px 0;margin-bottom:22px;} #wrap-main,#wrap-sub-left,#main-vod,#wrap-sub-right,#wrap-keyword,#cp-content,#lp-content,#rp-content,.cpl-cont,.cpr-cont{float:left;} #wrap-blank{border:1px solid #d2d2d2;border-top:none;padding:10px;background:#fbfbfb;} #wrap-main,#wrap-sub-left,#wrap-sub-right{margin-bottom:10px;} #wrap-main #lp-content{width:207px;display:inline;} #wrap-main #cp-content{width:673x;margin-left:28px;_margin-left:20px;margin-bottom:5px;_margin-bottom:5px;} #wrap-main #cp-content .cpl-cont{width:402px;text-align:left;} #wrap-main #cp-content .cpr-cont{width:243px;margin-left:28px;_margin-left:22px;text-align:left;} #wrap-main #main-vod {width:673x;margin-left:28px;_margin-left:20px;min-height:300px;position:relative;padding:15px;_padding:13px;border:1px solid #dcdcdc} #wrap-main #main-vod .left-vod {float:left;width:410px;text-align:left;} #wrap-main #main-vod .right-vod{float:left;margin-left:10px;_margin-left:10px;text-align:left;padding-top:17px} #section{clear:both;padding:0;margin:10px 0 0;} #cp-content .cpl-half{clear:both;} #cp-content .cpl-half .cpl-left-2{float:left;width:275px;margin-right:10px;} #cp-content .cpl-half .cpl-right-2{float:left;width:275px;} #cp-content .cpl-half .cpl-left-3{float:left;width:180px;margin-right:10px;} #cp-content .cpl-half .cpl-right-3{float:left;width:180px;} #btn_main_rolling {margin-left:343px;margin-top:-20px;z-index:1000;position:absolute} /* 서브 tab 뉴스 박스 */ #wrap-main #cp-content .cpl-cont .tab-wrap {display: inline; padding:0;width:402;clear:both;border:0px;margin:0 0 17px 0} #wrap-main #cp-content .cpl-cont .tab-wrap div.tab-cont{display:none;_margin-top:-3px;} #wrap-main #cp-content .cpl-cont .tab-wrap div.tab-cont.on{display:block;} div.cpl-cont .tab-wrap div.tab-title{height:26px;margin-bottom:7px;} #wrap-main #cp-content .cpl-cont .tab-wrap div.tab-title h5.cpit-st02{float:left;} #wrap-main #cp-content .cpl-cont .tab-wrap ul.tab-title{float:right;margin:0px;} #wrap-main #cp-content .cpl-cont .tab-wrap ul.tab-title li{margin-left:10px;display:inline;float:left;height:26px;font-size:11px;} #wrap-main #cp-content .cpl-cont .tab-wrap ul.tab-title li span{float:left;white-space:nowrap;padding:5px 10px 3px 10px;} #wrap-main #cp-content .cpl-cont .tab-wrap ul.tab-title li.on{background:letter-spacing:-1px;} #wrap-main #cp-content .cpl-cont .tab-wrap ul.tab-title li.on span{float:left;} #wrap-main #cp-content .cpl-cont .tab-wrap ul.tab-title li.end{margin:0;_padding-left:1px;} /* 서브영역 */ #wrap-sub-left #lp-content{width:164px;} #wrap-sub-left #cp-content{width:710px;height:1%;min-height:500px;margin-left:34px;_margin-left:29px;font:12px/1.6em "돋움", Dotum, "굴림", Gulim,AppleGothic, Sans-serif} #wrap-sub-left #cp-content .cpl-cont{width:710px;} #wrap-sub-left #cp-content .cpr-cont{width:220px;margin-left:16px;} #wrap-sub-left #cp-content .cpl-cont .content-title-left{width:290px;float:left} #wrap-sub-left #cp-content .cpl-cont .content-title-right{float:right;padding-top:17px;} /* 서브카테고리 박스 */ #left-menu-box {clear:both;background:url('../image/left/menubox_ml.gif') repeat-y left top;margin-bottom:10px;} #left-menu-box div.wrap{background:url('../image/left/menubox_mr.gif') repeat-y right top;zoom:1;} #left-menu-box div.top,div.ctbox-4 div.top span,div.ctbox-4 div.top2,div.ctbox-4 div.top2 span,div.ctbox-4 div.btm,div.ctbox-4 div.btm span{font-size:0;display:block;zoom:1;} #left-menu-box div.top{clear:both;height:48px;background:url('../image/left/menubox_tl.gif') no-repeat left top;padding-left:11px} #left-menu-box div.top span{font:bold 15px; text-align:left; letter-spacing:-2px;color:#FFFFFF;float:right;width:100%;height:46px;padding-top:10px;background:url('../image/left/menubox_tr.gif') no-repeat right top;} #left-menu-box div.top span h2 a{padding-left:10px;} #left-menu-box div.top2{clear:both;height:7px;background:url('../image/left/menubox_tl_2.gif') no-repeat left top;} #left-menu-box div.top2 span{float:right;width:9px;height:7px;background:url('./image./left/menubox_tr_2.gif') no-repeat;} #left-menu-box div.btm{clear:both;height:9px;background:url('../image/left/menubox_bl.gif') no-repeat left bottom;} #left-menu-box div.btm span{float:right;width:9px;height:9px;background:url('../image/left/menubox_br.gif') no-repeat right bottom;} /* 메인 리뷰 */ #main-review {clear:both;} #main-review .title {clear:both;margin-bottom:5px;} #main-review .title a{font:bold 15px "돋움";color:#237dbd;} #main-review .content {color:#808080;line-height:140%;} #main-review .content p {color:#808080;line-height:140%;} /* 서브카테고리 메뉴 1 */ ul.list-leftmnu{clear:both;position:relative;} ul.list-leftmnu li{padding:4px 0 11px 2px;padding-left:0px; background:url('../image/left/menu_ico1.gif') no-repeat 0px -2px;} ul.list-leftmnu li strong{clear:both;float:left;} ul.list-leftmnu li img{float:left;display:block;padding:5px 0 0 3px;} ul.list-leftmnu li h5{font-size:11px;color:gray;background-color:#efefef;padding-left:7px;border-bottom:1px solid #d7d7d7;} ul.list-leftmnu li ul li,ul.list-leftmnu li ul li.on{clear:both;position:relative;z-index:10;margin-bottom:0px;border-bottom:1px solid #efefef;letter-spacing:-1px;} ,ul.list-leftmnu li ul li strong,ul.list-leftmnu li ul li ul{clear:both;} ul.list-leftmnu li ul li.on a:link,ul.list-leftmnu li ul li.on a:visited,ul.list-leftmnu li ul li.on a:active{} ul.list-leftmnu li.on a:hover,ul.list-leftmnu li a:hover,ul.list-leftmnu li.on a:hover{color:#ffaa00 !important; font-weight:normal;text-decoration:none;} ul.list-leftmnu li.on a:link,ul.list-leftmnu li.on a:visited,ul.list-leftmnu li.on a:active{letter-spacing:-1px;color:#ffb502 !important; font-weight:bold;} ul.list-leftmnu li.on ul li.on{background:url('../image/left/menu_ico_on.gif') no-repeat 0px 0px;} ul.list-leftmnu li.on ul li a:link,ul.list-leftmnu li.on ul li a:visited,ul.list-leftmnu li.on ul li a:active{color:#348bc9 !important;} ul.list-leftmnu li.on ul li.on a:link,ul.list-leftmnu li.on ul li.on a:visited,ul.list-leftmnu li.on ul li.on a:active{color:#ed2900 !important;} ul.list-leftmnu li ul li ul{border:1px solid #3a3a3a;position:absolute;top:-6px;left:102px;z-index:999;background:#fff;width:120px;padding:3px;zoom:1;} ul.list-leftmnu li ul li ul li{margin:0 0 2px 5px;;border:none;font-size:11px;} ul.list-leftmnu li.on ul li.on ul li a:link,ul.list-leftmnu li.on ul li.on ul li a:visited,ul.list-leftmnu li.on ul li.on ul li a:active{color:#432f2f !important;} /* 하단영역 */ #footer{text-align:center;padding-top:5px;} #footer{clear:both;color:#aaa;margin-top:5px;} #footer .link{clear:both;color:#cccccc;font:12px/2em "굴림", Gulim,"돋움", Dotum, AppleGothic, Sans-serif;letter-spacing:-1px} #footer .link a{color:#999999;font:bold 12px/2em "굴림", Gulim,"돋움", Dotum, AppleGothic, Sans-serif;letter-spacing:-1px} #footer .link a:hover{color:#FF6600} #footer .shortcut{background:transparent;height:18px;left:180px;top:6px;color:#ccc;} #footer .shortcut a:link,#footer .shortcut a:visited,#footer .shortcut a:active{font-size:11px;color:#888;} #footer .shortcut img{padding:3px;margin-top:2px 0 0 0;vertical-align:top;} #footer .info{text-align:center;padding:10px 0 5px 0;font:12px/1.3em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} #footer .info .bizinfo span{padding:0 7px 0 0;margin:0;vertical-align:top;font-size:11px;} #footer .info .bizinfo span img{padding:0 2px 0 0;margin:0;vertical-align:top;} #footer .copy{text-align:center;font-size:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} /*----------------------------------------------------------*/ /* 설문조사 서비스 */ ul.vote-title{padding:2px 0 0px 17px;border-bottom:1px solid #d7d7d7;margin-bottom:5px;background:url('../image/icon/vote.gif') no-repeat left 5px;font:bold 13px "돋움", Dotum, "굴림", Gulim,AppleGothic, Sans-serif;} ul.vote-title li{padding-right:7px;display:inline;white-space:nowrap;} ul.vote-title li.first{padding-right:0px;} ul.vote-list{width:170px;} ul.vote-list li{float:left;padding-right:5px;white-space:nowrap;} ul.vote-title li.first{padding-right:0px;} #vote-content {color:#666666;} /* 라인 */ .line-gray {clear:both;border-top:1px solid #e1e1e1;} /* init.css */ body,td,th {font:12px "돋움", Dotum, "굴림", Gulim,AppleGothic, Sans-serif;} input,select,textarea {font:12px "돋움", Dotum, "굴림", Gulim,AppleGothic, Sans-serif;} form {display:inline;} label {cursor:pointer;} img {border:0px;} p {margin:0px;} a:link { color:#515151; text-decoration: none;} a:visited { color:#515151; text-decoration: none;} a:active { color: #515151; text-decoration: none;} a:hover { color: #FF6600; text-decoration: none;} .sys_f_11d { font-size:11px; font-family:dotum;} .sys_f_11g { font-size:11px; font-family:gulim;} .sys_hand {cursor:pointer;} .sys_pos_abs { position:absolute; } .sys_pos_rel { position:relative; } .sys_dis_none { display:none; } .sys_dis_block { display:block; } .sys_dis_inline { display:inline; } .tree_default_TextColor {font-size:12px;font-family:dotum;} .tree_default_SelectColor {color:#FF6600;font-size:12px;font-family:dotum;} .tree_default_NumColor {padding-left:3px;color:#AE5037;font-size:11px;font-family:arial;} .sys_debug {position:absolute;display:inline;width:260px;border:#FE5C30 solid 2px;background:#F5CDAD;filter:alpha(opacity=80);opacity:0.8;padding:10px;line-height:140%;text-align:left;z-index:1000;} .Klocation {font-size:11px;font-family:dotum;color:#c0c0c0;} .Klocation a:hover {text-decoration:none;} #mbr_layer_ul {list-style-type:none;width:100px; padding:2px 0 0 0; background:#F8F4CA; border-top:#F0E9BC solid 1px;border-left:#F0E9BC solid 1px;border-right:#F0E9BC solid 1px;text-align:left;} #mbr_layer_ul li { display:none;cursor:pointer; font:11px "돋움", Dotum, "굴림", Gulim,AppleGothic, Sans-serif; padding:1px 0 1px 3px;color:#6C552C;border-bottom:#F0E9BC solid 1px; } #mbr_layer_ul img { vertical-align:middle;} #mbr_layer_ul li:hover { cursor:pointer; font:11px "돋움", Dotum, "굴림", Gulim,AppleGothic, Sans-serif; padding:1px 0 1px 3px;color:#6C552C;background:#FEFDF1;border-bottom:#F0E9BC solid 1px; } /* init.css */ #wrap-edu{width:710px;height:190px;background:url('../image/bg_box.gif') no-repeat left top;font:12px "돋움", Dotum, "굴림", Gulim,AppleGothic, Sans-serif;} #edu{width:645px;height:180px;padding:15px 0px 20px 40px;}