/* Layout */ #wrap { width:980px; margin:0 auto; z-index:0 } #container { width:978px; clear:both; border-left:#d6d6d6 1px solid; border-right:#d6d6d6 1px solid; border-top:#d6d6d6 3px solid;} #header { width:980px; border-top:2px solid #333333; margin-top:29px;} #header h2 {height:45px; width:100%; background:#fff; font-size:16px; color:#000000; padding-top:30px; float:left; text-align:left;} #header .ad_top{ float:right; padding-top:10px } /* 상단 톱메뉴 */ #header .topmenu { clear:both; width:980px; background:#f7f7f7; border-top:#333333 2px solid; border-bottom:#333333 3px solid; height:33px; } #header .topmenu a{ color:#333333; font-weight:bold; font-size:14px;} #header .topmenu li {position:relative; text-align:left; cursor:pointer; float:left; height:33px; } #header .topmenu li span{display:none; } #header .topmenu .topmenu01 {background:url(/images/template/topmenu.gif) left top no-repeat scroll; width:100px; overflow:hidden;} #header .topmenu .topmenu01:hover { background-position:0px -33px;} #header .topmenu .topmenu01_on { background:url(/images/template/topmenu.gif); width:100px; background-position:0px -33px; } #header .topmenu .topmenu02 {background:url(/images/template/topmenu.gif) -100px 0px no-repeat scroll; width:100px; overflow:hidden;} #header .topmenu .topmenu02:hover { background-position:-100px -33px} #header .topmenu .topmenu02_on { background:url(/images/template/topmenu.gif); width:100px; background-position:-100px -33px} /*이하 텍스트로 된 링크입니다. */ #header .topmenu .topmenu03 {background:url(/images/template/topmenu_bg.gif) top right no-repeat scroll; overflow:hidden; text-align:center; width:; height:33px;} #header .topmenu a {display:block;padding:7px 15px} #header .topmenu a:hover{color:#ffffff; display:block; padding:7px 15px} #header .topmenu .topmenu03:hover{ background-position: 0px -33px; overflow:hidden; color:#ffffff;font-weight:bold; text-align:center; font-size:14px; width:; height:33px; } #header .topmenu .topmenu03_on{ background:url(/images/template/topmenu_bg.gif) 0px -33px; overflow:hidden; color:#ffffff; font-weight:bold; text-align:center; font-size:14px; width:; height:33px; } #header .topmenu .topmenu03.end {background:none;} /* 왼쪽 snb //////////////////////////////////////////////////////////////////*/ #content_template {clear:both; float:left; width:100%; text-align:left; background: url(/images/template/content_template_bg.gif) repeat-y ; padding-top:13px } #content_template .snb {width:173px; float:left;} /*지금취재중*/ #content_template .ing {width:143px; padding:10px 13px 0 17px; background:#444444; } #content_template .ing ul li{background:url(/images/template/ico_dot_white.gif) 0 4px no-repeat; padding-left:10px; line-height:18px; overflow:hidden;} #content_template .ing ul li a{color:#ffffff; font-weight:bold;} /*Wikitree 취재중*/ #content_template .ing2{width:143px; padding:10px 13px 10px 17px; background:#444444; } #content_template .ing2 ul li{background:url(/images/template/ico_dotline_white.gif) bottom left repeat-x; line-height:25px; overflow:hidden;} #content_template .ing2 ul li a{color:#ffffff; background:url(/images/template/ico_dot_white.gif) 0 4px no-repeat;padding-left:10px;} /*오른쪽 인기뉴스/최다댓글 탭메뉴 */ .snb .tab_popular li {position:relative; text-align:left; cursor:pointer; float:left; height:17px; } .snb .tab_popular li span{display:none; } .snb .tab_popular .tab_popular01 {background:url(/images/template/tab_popular.gif) left top no-repeat scroll; width:87px; overflow:hidden;} .snb .tab_popular .tab_popular01:hover { background-position:0px -17px;} .snb .tab_popular .tab_popular01_on { background:url(/images/template/tab_popular.gif); width:87px; background-position:0px -17px; } .snb .tab_popular .tab_popular01.selected { background:url(/images/template/tab_popular.gif); width:87px; background-position:0px -17px; } .snb .tab_popular .tab_popular02 {background:url(/images/template/tab_popular.gif) -87px 0px no-repeat scroll; width:86px; overflow:hidden;} .snb .tab_popular .tab_popular02:hover { background-position:-87px -17px} .snb .tab_popular .tab_popular02_on { background:url(/images/template/tab_popular.gif); width:86px; background-position:-87px -17px} .snb .tab_popular .tab_popular02.selected { background:url(/images/template/tab_popular.gif); width:86px; background-position:-87px -17px} #content_template .snb .tab_popular .list_num { margin:5px 5px 2px 10px; letter-spacing:-1px; } #content_template .snb .tab_popular .list_num li { height:15px; margin-bottom:5px; overflow:hidden; display:block; width:158px; clear:both; } #content_template .snb .tab_popular .list_num li img { margin-right:5px; vertical-align:middle;} #content_template .snb .tab_popular a{color:#444444;} #content_template .snb .tab_popular a:hover{font-weight:bold;} /* 오른쪽 탭뉴스 인기뉴스/ 최다댓글 */ .snb .popular { clear:both; position:relative; } .snb .popular h3 { margin-bottom:4px; } .snb .popular .list_num { margin:5px 10px 2px 10px; letter-spacing:-1px; } .snb .popular .list_num li { height:19px;overflow:hidden;} .snb .popular .list_num li img { margin-right:5px; vertical-align:middle;} .snb .popular a{color:#444444;} .snb .popular a:hover{font-weight:bold;} /*탭 베스트뉴스 /최다참여글 /최다댓글*/ .snb .boxmodule_text02 { position:relative; clear:both; width:150px; } /* main /////////////////////////////////////////////////////*/ .main { width:497px; float:left; text-align:left; padding:0 20px; } /*메인 상단 헤드라인 뉴스 */ .main .headline ul{border-bottom:#d6d6d6 1px solid; background:url(/images/common/line_dot2.gif) left top repeat-x; line-height:34px; clear:both; width:497px} .main .headline .photo{ border:#999999 1px solid; float:left; margin-right:10px; margin-bottom:10px}} .main .headline dl dt{overflow:hidden; height:40px; border-bottom:#d6d6d6 1px solid; width:340px } .main .headline dl dd{ margin:10px 0;width:340px; line-height:18px } .tit20 a{font-size:20px; color:#000; font-weight:bold; letter-spacing:-2px; text-decoration:none; font-family:dotum} .tit20 {font-size:20px; color:#000; font-weight:bold; letter-spacing:-2px; text-decoration:none; font-family:dotum} /* 헤드라인 톱뉴스 headline_tnews 에서 사용 */ .main .section_list5 { width:497px; } .main .section_list5 { padding:5px 0 10px 0; margin-top:5px; } .main .section_list5 .photo { border:#c0c0c0 1px solid; float:right; margin-top:0; margin-left:10px;} .main .section_list5 dl {overflow:hidden;} .main .section_list5 dt {margin-top:5px;} .main .section_list5 dd {margin-top:3px; overflow:hidden; line-height:18px} .main .section_list5 .tit14 a{color:#444; } .main .section_list5 .fl {float:left; } /*최신뉴스*/ .main .latest_news{ border:#bdbdbd 5px solid; background:#f6f6f6; float:left; clear:both; width:487px; } .main .latest_news .photo_ico {background: url(/images/template/ico_photo.gif) right 2px no-repeat; padding-right:40px} /*메인 main.css에도 section_list2 있습니다. */ .main .section_list2 { width:460px; float:left; clear:both; padding:10px 15px; line-height:25px!important;} .main .section_list2 ul li { height:25px; display:block; _clear:both; background:url(/images/common/line_dot2.gif) left bottom repeat-x; overflow:hidden;} .main .section_list2 ul li .vm {vertical-align:middle} .main .section_list2 .tit14 a{color:#444; } /*메인 하단 최근댓글 / 최근트랙백 박스 */ .main .box_d6 { width:465px; background:#f6f6f6; padding:10px 17px; margin-top:15px; float:left; clear:both; text-align:left; } .main .box_d6 ul li {line-height:24px; _height:24px; overflow:hidden; font-size:11px; color:#444444; letter-spacing:-1px; background:url(/images/common/ico_dot.gif) 0 10px no-repeat; padding-left:10px} .main .box_d6 ul li a{color:#444444; font-size:11px;} .main .box_d6 ul li a:hover{text-decoration:underline;} .main .box_d6 ul li span {letter-spacing:0} /*main 서브페이지 --타이틀*/ .main h2 {font-size:14px; color:b1b1b1; border-bottom:#b1b1b1 1px solid; padding:7px 0} /*오른쪽 aside /////////////////////////////////////////////////////////////////////*/ /*베스트 위키OPM -myfarm의 나의 위젯박스이용 */ #content_template .aside { width:265px; float:right; text-align:left; } #content_template .aside .widget_box_bl {background: url(/images/myfarm/widget_box_bl.gif) bottom left no-repeat; width:251px; margin-left:7px; padding:px; position:relative;} #content_template .aside .widget_box_br {background: url(/images/myfarm/widget_box_br.gif) bottom right no-repeat;padding-bottom:10px;} #content_template .aside .widget_box_tl {background: url(/images/myfarm/widget_box_tl.gif) top left no-repeat;} #content_template .aside .widget_box_tr {background: url(/images/myfarm/widget_box_tr.gif) top right no-repeat;;padding:10px;} #content_template .aside .widget_box_tr .opm dt span{ background: url(/images/myfarm/widget_box_bl.gif) -23px 70px repeat ;}/*주황색 글씨부분 그라데이션 배경위치 조절*/ #content_template .aside .opm_head h3 {margin-bottom:5px} #content_template .aside .opm_head .photo{float:left; margin-right:10px; margin-bottom:3px; border:#cccccc 1px solid} /*오른쪽 베스트 OPM */ #content_template .opm_head { clear:both; width:216px; margin-top:20px; margin-left:10px;} #content_template .opm { clear:both; float:left; width:216px; margin:10px; _margin-right:0;} #content_template .opm { _margin-left:5px} /* 회색바탕 작은 글씨 */ #content_template .opm dt{ background:#eeeeee; font-size:11px; } /* 주황색 타이틀 글씨 */ #content_template .opm dt span{ color:#e93700; font-weight:bold; font-size:12px; background:#ffffff url(/images/common/ico_dot.gif) left center no-repeat ; margin-right:10px; padding:0 10px; padding-top:2px; } #content_template .opm dd{ color:#444444; font-size:11px; border-bottom:#d6d6d6 1px solid; margin-bottom:8px; padding-bottom:9px; padding-left:10px;} #content_template .opm dd.end { border-bottom:none; margin-bottom:8px; padding-bottom:9px; padding-left:10px; } #content_template .opm dd a{ color:#444444; } /* 회색바탕 작은 글씨 링크*/ /*오른쪽 주황색 편집국 박스 */ #content_template .aside .editor_box{border:#f78d03 2px solid; padding:0 15px; width:217px; margin-left:7px;_margin-left:3px; margin-top:10px; clear:both; float:left; text-align:left; } #content_template .aside .editor_box .icon{margin-top:5px;} #content_template .aside .editor_box .icon img{margin-right:2px; margin-bottom:3px;} #content_template .aside .editor_box dd { line-height:18px} #content_template .aside .editor_box dd a{font-size:11px; letter-spacing:-1px; } /*오른쪽 방문자수 박스 */ #content_template .aside .total_box{border:#dedede 1px solid; border-right:#bdbdbd 1px solid; border-bottom:#bdbdbd 1px solid; background:#f5f5f5; padding:10px; width:228px; margin-left:7px; _margin-left:3px; margin-top:10px; clear:both; float:left; } #content_template .aside .total_box dl {display:inline; text-align:center; } #content_template .aside .total_box dl dt{float:left;} #content_template .aside .total_box dl dd{float:left; font-weight:bold; padding:0 10px; } /*오른쪽하단 위키트리 뉴스 박스 */ #content_template .aside .wikitree_news{background:#eeeeee; padding:10px; padding-top:5px; clear:both; margin-top:10px; width:245px; } #content_template .aside .wikitree_news a{color:#444444;} #content_template .aside .wikitree_news a:hover{text-decoration:underline} #content_template .aside .wikitree_news li{background: url(/images/common/ico_dot.gif) left center no-repeat ; padding-left:10px; line-height:18px; overflow:hidden; } #content_template .aside .wikitree_news .aside_headline a{color:#666666; line-height:15px;} #content_template .aside .wikitree_news .photo {float:left; border:1px #999999 solid; margin-right:5px;} #content_template .aside .wikitree_news .bot {border-bottom:#fff 1px solid; padding-bottom:10px} #content_template .aside .wikitree_news .top {border-top:#fff 1px solid; padding-top:10px} #content_template .aside .wikitree_news .ad {clear:both; text-align:center; padding-top:5px; border-top:#fff 1px solid; margin-top:10px} /*오른쪽하단 위키트리 뉴스 박스 -타입별다릅니다 */ #content_template .aside .wikitree_news h3{height:12px; margin:10px 0; _margin:10px 0 0 0; _width:220px} #content_template .aside .wikitree_news h3 span{display:none;} #content_template .aside .wikitree_news h3.wikitree_news{background: url(/images/template/tit_wikitree_news.gif) no-repeat; } #content_template .aside .wikitree_news h3.hot_issue{background: url(/images/template/tit_hot_issue.gif) no-repeat; margin-top:0;} #content_template .aside .wikitree_news h3.headline{background: url(/images/template/tit_headline.gif) no-repeat; } #content_template .aside .wikitree_news .headline{line-height:16px} #content_template .aside .wikitree_news h3.latest_news2{background: url(/images/template/tit_latest_news2.gif) no-repeat; } /*OPM 소개 */ .main h2.opm_about{color:#8b4acd} .opm_about {float:left} .opm_about h5 {background:#8b4acd; padding:10px; } .opm_about h5.tit2 {background:#d8d8d8; } .opm_about h5 p {display:inline; background:#ffffff; border:#d1bce6 1px solid; font-size:12px; color:#000000; padding:2px; } .opm_about h5.tit2 p { border:#666666 1px solid; } .opm_about h5 span.green {color:#298029; } .opm_about h5 span.f6 {color:#666666; } .opm_about .box {background:#f6f6f6; padding:10px; color:#666666; line-height:18px; margin-bottom:10px } .opm_about .box dl {clear:both; margin-left:10px} .opm_about .box dt {width:90px; float:left} .opm_about .box dd {float:left} .opm_about .box ul li {list-style:none; background: url(/images/common/ico_dot.gif) left center no-repeat; padding-left:10px; font-weight:bold; color:#888888; } .opm_about .box ul.box_info strong{color:#000000} .opm_about .box ul.box_info strong{color:#000000} .opm_about .opm_link_about {background:#8b4acd url(/images/template/tit_opm_link.gif) 10px 10px no-repeat; padding:34px 13px 20px 13px} .opm_about .opm_link_about .box{background:#6f3ba4; padding:10px; padding-top:20px;} .opm_about .opm_link_about .box ul li{ list-style:none; display:inline; background:#6f3ba4 url(/images/common/ico_dot.gif) left center no-repeat; padding-left:10px; color:#ffffff; width:200px; float:left; font-weight:normal; line-height:18px } .opm_about .opm_link_about .box ul li a{ color:#ffffff; } /* 하얀버튼 */ .pagemove_btn2_w { color:#ffffff; clear:both; margin:0 auto; text-align:center;} a.btn_white,a.btn_white_on{_width:30px; color:#ffffff;padding:0 5px; margin-right:1px; } a.btn_white:hover, a.btn_white_on{color:#ffffff;padding:0 5px; margin-right:1px;} a.btn_white_on{font-weight:bold; }