body,div,dl,dt,dd,ul,li,h2,h3,form,fieldset,p,table,input {margin:0;padding:0;border:0;} body,div,dl,dt,dd,h2,h3,p{color:#333333;font-family:Malgun Gothic, 맑은고딕, dotum,돋움,sans-serif;font-size:12px;font-weight:normal;} body {background-color:#fff; background:url('/img/comm/ytn_bg_2015.gif') repeat-x top;} img,table,fieldset {border:0 none;} legend {display:none;} img {border:0 none;} img, input, select, textarea {vertical-align:middle;font-family:Malgun Gothic, 맑은고딕, dotum,돋움,sans-serif;} img,table,fieldset {border:0 none;} form {margin:0} ul, li {list-style:none} a{color:#333;text-decoration:none} a:visited{color:#6e4987} a:active{color:#2f2f2f} a:hover{text-decoration:underline; color:#666} div.hr2 {height:1px; background:url("../img/comm/dot_line.gif") repeat-x left bottom;/*border-bottom:1px dotted #b7b7b7;*/} .bold {font-weight:bold;} .center {text-align:center;} .clear {clear:both;} .fleft {float:left;} .fright {float:right;} .input {border:1px solid #cdcdcd; font-size:12px; line-height:19px; color:#4a4a4a;} .theme_input{border:1px solid #cdcdcd; font-size:12px; line-height:19px;color:#4a4a4a; padding:4px;} /*공통*/ .black{color:#000 !important;} /*margin*/ .mgnone{margin:0 !important;} .mgT3{margin-top:3px;} .mgT5{margin-top:5px;} .mgT8{margin-top:8px;} .mgT10{margin-top:10px;} .mgT15{margin-top:15px;} .mgT20{margin-top:20px;} .mgT25{margin-top:25px;} .mgB5{margin-bottom:5px;} .mgB10{margin-bottom:10px;} .mgB15{margin-bottom:15px;} .mgB20{margin-bottom:20px;} .mgB25{margin-bottom:25px;} .mgB30{margin-bottom:30px;} .mgB40{margin-bottom:40px;} .mgL3 {margin-left:3px;} .mgL8 {margin-left:8px;} .mgL10 {margin-left:10px;} .mgL15 {margin-left:15px;} .mgL20 {margin-left:20px;} .mgL25 {margin-left:25px;} /*border-none*/ .borderTN{border-top:none !important;} .borderBN{border-bottom:none !important;} .btwrap {margin-top:20px; width:100%; text-align:center !important;} /*2014 수정*/ #wrap {position:relative; margin:0 auto; width:985px; text-align:left;} #gnb {width:985px; margin-bottom:8px;overflow:hidden;}/**/ /* GNB */ /*계열사링크*/ #topLink {width:985px;height:36px; margin-bottom:43px;} #topLink li.a {float:left;width:300px;text-align:center;height:32px;margin-top:5px; } #topLink li.a .loginMenu {float:left;margin-right:10px;} #topLink li.a .loginMenu li {display:inline;} #topLink li.a .loginMenu .login_bar img {vertical-align:middle;margin-top:-4px;} #topLink li.a .loginMenu li a {display:inline;color:#727272;font-size:16px;letter-spacing:-1px;} #topLink li.a .loginMenu li.bar {padding:0;color:#dedede;} #topLink li.a .loginMenu img {padding:0 10px;} #topLink li.a img {cursor:pointer;vertical-align:baseline;} #topLink li.b {float:left;width:685px;text-align:right;} #topLink li.b ul {margin:0 0 0 auto;overflow:hidden;width:630px;} #topLink li.b li {float:left;text-align:center;} #topLink li.b li.bar {width:11px;height:9px;background:url('/img/top/tlink_bar.gif') no-repeat center center;margin-top:13px;font-size:1px;} #topLink li.b li.none {width:20px;height:9px;} #topLink li.b li.c {width:160px;margin-top:9px;} #topLink li.b li.d {width:52px;margin-top:9px;} #topLink li.b li.e {width:58px;margin-top:9px;} #topLink li.b li.f {width:45px;margin-top:9px;} #topLink li.b li.g {width:32px;margin-top:9px;} #topLink li.b li.h {width:37px;margin-top:9px;} #topLink li.b li.i {width:94px;margin-top:9px;} #topLink li.b li.j {width:65px;margin-top:9px;} /*로고_상단배너*/ #nav1 {width:985px; height:100px; overflow:hidden;} #nav1 li.a {float:left;width:257px;height:90px; font-size:1px;} #nav1 li.a img {vertical-align:baseline;} #nav1 li.c {float:right; width:728px;} #nav1 li.c .ad_728x90 {width:728px; height:90px; } #nav1 li.c .ad_728x90 .soje {width:728px;height:90px; margin:0 auto 0 auto;} /*수정 nav2*/ #nav2_v2 {position:relative;width:985px;height:46px;background-color:#00aeef;} #nav2_v2 li {float:left;text-align:left;height:40px;} #nav2_v2 li.a {width:113px;height:46px;display:inline;}/*뉴스홈*/ #nav2_v2 li.b {width:112px;height:46px;}/*영상콕*/ #nav2_v2 li.c {width:114px;height:46px;}/*방송프로그램*/ #nav2_v2 li.d {width:112px;height:46px;}/*연예스포츠*/ #nav2_v2 li.g {width:113px;height:46px;}/*헬스_라이프*/ #nav2_v2 li.e {width:112px;height:46px;}/*제보영상*/ #nav2_v2 li.f {width:112px;height:46px;}/*이벤트*/ #nav2_v2 li.space {width:2px;height:40px;background:url('/img/_top/gnb2_line.gif') no-repeat} #nav2_v2 li.span2 {width:50px;height:40px} #nav2_v2 li.span3 {width:154px;height:40px;}/*gnb 영상콕추가 공백*/ #nav2_v2 li.span4 {width:46px;height:40px;}/*gnb 헬스라이프추가 공백*/ #nav2_v2 li.d1 {width:96px;height:46px;margin-left:50px;} #nav2_v2 li.d2 {width:78px;height:18px;padding-top:12px; margin-right:10px;} #nav2_v2 li.d3 {width:96px;height:46px;} #nav2_v2 li.d4 {width:96px;height:46px;margin-left:0;} #nav2_v2_hd {position:absolute;width:75px;height:59px;top:175px;left:782px ;z-index:1000;padding-top:50px;cursor:pointer;} #nav2_v2_hd li img{vertical-align:top;} #nav2_v2_app {position:absolute;width:80px;height:59px;top:165px;left:610px ;z-index:1000;padding-top:30px;} #nav2_v2_app li img{vertical-align:top;} /****************************************************************************/ /*2depth 영상콕*/ #nav3_video {width:900px; position:absolute; top:11px; left:60px;} #nav3_video li {display:inline;padding:0 10px;} #nav3_video li a {color:#ffffff;font-size:15px;} /*2depth 헬스+라이프섹션*/ #nav3_healthLife {width:900px; position:absolute; top:10px; left:200px;} #nav3_healthLife li {display:inline;padding:0 10px;} #nav3_healthLife li a {color:#ffffff;font-size:15px;} /*라이프*/ #nav3_life {width: 985px;height: 45px;padding: 0; position: absolute;/*background-color: #000000;*/margin-bottom: 8px; top: 10px;left: 210px;} #nav3_life li {display: inline;padding: 0 10px;} #nav3_life li a {color: #ffffff;font-size: 15px;} /* 2depth */ #nav3{width:985px; height:45px; padding:0; position:relative;background-color:#000000;margin-bottom:8px;} #nav3_news {width:954px; position:absolute; top:11px; left:20px;} #nav3_news li {display:inline;padding:0 10px;;} #nav3_news li a {color:#ffffff;font-size:15px;} #nav3_news li.ad {float:right;width:310px;text-align:right;position:absolute;top:0px;left:635px;} #nav3_news li.ad a {font:11px gulim;color:#012F79;} /*sub_menu font*/ #nav3_news li .navinews2 {color:#ff0000;font-weight:bold} #nav3_issue {width:954px; position:absolute; top:11px; left:20px;} #nav3_issue li {display:inline;padding:0 10px;} #nav3_issue li a {color:#fffff;font-size:15px;} #nav3_issue li.ad {float:right;width:310px;text-align:right;position:absolute;top:0px;left:635px;} #nav3_issue li.ad a {font:bold 11px gulim;color:#012F79;} #nav3_program {width:954px; position:absolute; top:11px; left:20px;} #nav3_program li {display:inline;padding:0 10px;} #nav3_program li a {color:#ffffff;font-size:15px;} #nav3_program li.ad {float:right;width:310px;text-align:right;position:absolute;top:0px;left:635px;} #nav3_program li.ad a {font:bold 11px gulim;color:#012F79;} #nav3_entsports {width:954px; position:absolute; top:11px; left:110px;} #nav3_entsports li {display:inline;padding:0 10px;} #nav3_entsports li a {color:#ffffff;font-size:15px;} #nav3_entsports li.ad {float:right;width:310px;text-align:right;position:absolute;top:0px;left:635px;} #nav3_entsports li.ad a {font:bold 11px gulim;color:#012F79;} #nav3_jebo {position:absolute; top:11px; left:460px;} #nav3_jebo li {display:inline;padding:0 10px;} #nav3_jebo li a {color:#ffffff;font-size:15px;} #nav3_jebo li.ad {float:right;width:310px;text-align:right;position:absolute;top:0px;left:350px;} #nav3_jebo li.ad a {font:bold 11px gulim;color:#012F79;} .ad_text{float:right;width:310px;text-align:right;position:absolute;top:13px;left:657px;} .ad_text a{font-weight:bold; font-size:11px; color:#012F79;} /* layout */ #czone {width:985px; margin:0 auto; overflow:hidden; margin-bottom:10px; position:relative; } /*background:url('../img/comm/czone_bg.gif') repeat-y;*/ #zone1 {width:676px; float:left; text-align:left;padding-bottom: 10px;}/*기사뷰개편*/ #zone2 {width:300px; float:right; margin-bottom:10px;} #zone2 #aside.stop_scroll {position: absolute;right:auto;bottom:0;background-color:#ffffff;} #zone2 #aside.has_scroll {position: fixed;right:auto;bottom:0;} /*news*/ .smallMain {width:650px;overflow:hidden; margin-top:20px; margin-bottom:20px;} .smallMain2 {width:650px;overflow:hidden;} #zone5 {width:315px;float:left; } #zone6 {width:315px; float:right; } /*program*/ #zone7 {width:170px; float:left;} #zone8 {width:450px; float:right;} /* weather */ #zone14{width:50px;float:left;} #zone15 {width:590px; float:right; } .article{ position:relative; width:650px; text-align:left; margin-top:10px ;z-index:100} .ad_ti {height:70px; float:right; position:absolute; left:570px; top:0px;} /* 20130516 뉴스스탠드 ti */ .newsad_ti {position:absolute;float:left; top:0px; left:00px;} .newsad_ti_photo {position:absolute; float:left; top:120px; left:0px;} /*타이틀*/ #zone1 h3 {width:650px; height:34px; margin-bottom:19px; } .gr_table {border:1px solid #d7d7d7; background-color:#f9f9f9; } .gr_table h3{width:100%; border-bottom:1px solid #d7d7d7; text-align:center; padding-top:8px; padding-bottom:6px; background-color:#fff; } .gr_table h3 img{margin:0px; vertical-align:middle;} /* 프로그램/ 글로벌 코리안 레프트 */ /*#zone7 .gr_table1 {width:100%; border:1px solid #d7d7d7; background-color:#f9f9f9; } #zone7 .gr_table1 h3{width:100%; border-bottom:1px solid #d7d7d7; text-align:center; padding-top:8px; padding-bottom:6px; background-color:#fff; } #zone7 .gr_table1 h3 img {margin:0px; vertical-align:middle;} #zone7 .gr_table2 {border:1px solid #d7d7d7; background-color:#f9f9f9; } #zone7 .gr_table2 h3 {width:100%; border-bottom:1px solid #d7d7d7; text-align:center; background-color:#fff; } #zone7 .gr_table2 h3 img {margin:0px; vertical-align:middle;} #zone7 .gr_table2 h3.narrow {width:100%; border-bottom:1px solid #d7d7d7; text-align:center; height:20px; padding:7px 0 0 0; background-color:#fff; } #zone7 .gr_table2 h3.narrow img {margin:0px; vertical-align:middle;} .zone7_left {width:100%; margin-top:-7px;} .zone7_left li {background:url('../img/comm/dot_gray.gif') no-repeat 1px 5px; margin-left:10px; padding-left:8px; padding-bottom:6px; color:#545454;font-weight:normal;} .zone7_left li a{color:#545454;} .zone7_left li.on{background:url('../img/comm/dot_gray.gif') no-repeat 1px 5px; margin-left:10px; padding-left:8px; padding-bottom:6px; color:#26397b; font-weight:bold;} .zone7_left li.on a{background:url('../img/theme/zone_left_on.gif') no-repeat right; background-position:right; padding-right:12px; color:#26397b;}*/ /********************************************************* list ******************************************************** */ #ytn_list {margin-top:10px;} #ytn_list_0 {margin-top:0px;} /*뉴스 .news_list{overflow:hidden; padding-bottom:15px; padding-top:15px; width:650px; background:url("../img/comm/dot_line.gif") repeat-x bottom center;} .news_list dt{max-width:650px; font-size:16px; font-weight:bold; line-height:18px; color:#344692; padding-bottom:7px; padding-top:4px;} .news_list dt a{color:#304692;} .news_list dd.text{max-width:650px; font-size:12px; color:#424242;} .news_list dd.text a{font-size:12px;} .news_list dd.img{float:left; border:1px solid #ababad; margin-right:15px;padding:0; vertical-align:middle; background-color:#000; text-align:center; width:150px; height:84px;} .news_list dd.data{font:11px/1.5em; padding-top:7px; color:#a9a9a9;}*/ /*======================뉴스리스트2010407===================================*/ #ytn_list_v2014 {margin:0;padding:0;} .news_list_v2014 {overflow:hidden; padding:15px 0; width:650px; background:url("../img/comm/dot_line.gif") repeat-x bottom center;} .news_list_v2014 dt {max-width:650px; font-size:16px; letter-spacing:-1px; font-weight:bold; line-height:16px; color:#333333; padding-bottom:9px;} .news_list_v2014 dt a {color:#333333;} .news_list_v2014 dd.text {max-width:640px; font-size:13px; color:#767676;line-height: 19px; letter-spacing:-1px;margin-bottom:5px;} .news_list_v2014 dd.text a {color:#767676;} .news_list_v2014 dd.img {position:relative;float:left; border:none; margin-right:15px; margin-bottom:1px; padding:0; vertical-align:middle; text-align:center; width:150px; height:84px;} .news_list_v2014 dd.date {font-size:12px; line-height: 13px; height:15px; padding:0; margin:0; color:#888;} /*============================================================================*/ #zone1 h4.newstitle_h4 {margin-top:0; margin-bottom:10px; border-bottom:1px solid #e4e4e4; width:650px; height:28px; font-size:16px; padding:0;} #zone1 h4.newstitle_h4 img {margin-right:5px;} #zone1 h4.newstitle_h4 span {color:#12398f; font-size:16px; padding-left:5px; font-weight:bold;} #zone1 h5.newstitle_h5 {margin-top:0; margin-bottom:0; width:650px; height:28px; font-size:16px; padding:0;} #zone1 h5.newstitle_h5 img {margin-right:5px;} #zone1 h5.newstitle_h5 span {color:#12398f; font-size:16px; padding-left:5px; font-weight:bold;} /********************************************************* paging **********************************************************/ #paging {clear:both; width:650px; height:50px; margin:10px 0 0 0; text-align:center; color:#666666;padding:0;} #paging a {text-decoration:none; margin-top:2px;color:#666666; font:11px Verdana; border:1px solid #e2e2e6; padding:5px 8px 5px 9px; _padding:5px 8px 4px 9px; *padding:5px 8px 4px 9px; display:inline-block; } #paging a.prev {display:inline; border:none;width:26px;height:26px;margin:-3px 3px 0 0;padding:0 0 0 0;overflow:hidden;} #paging a.next {display:inline; border:none;width:26px;height:26px;margin:-3px 0 0 0;padding:0 0 0 0;overflow:hidden;} #paging img {vertical-align:middle;margin:0;padding:0;} #paging a.now {border:1px solid #3a479d; color:#fff; font-weight:bold; background-color:#606ec7; text-decoration: none;font-weight:bold;} .paging { height:25px; font-size:11px; font-family: verdana,sans-serif; color: #c1c1c1; background-color:#fff; vertical-align: top; } .paging img {width:25px;height:25px;vertical-align:tex-top;margin:0;padding:0;} .paging a { display:inline-block; height:16px; margin:0 1px; padding:4px 8px 3px 8px; border:1px solid #dfdfdf; font-size:11px; font-family: verdana,sans-serif; color: #c1c1c1; background-color:#fff; vertical-align: top; } #paging1 {clear:both; width:100%; height:50px; margin:10px 0 0 0; text-align:center; color:#666666;padding:0;} #paging1 a {text-decoration:none; margin-top:2px;color:#666666; font:11px Verdana; border:1px solid #e2e2e6; padding:4px 6px 4px 6px; _padding:4px 6px 4px 6px; *padding:4px 6px 4px 6px; display:inline-block; } #paging1 a.prev {display:inline; border:none;width:26px;height:26px;margin:-3px 3px 0 0;padding:0 0 0 0;overflow:hidden;} #paging1 a.next {display:inline; border:none;width:26px;height:26px;margin:-3px 0 0 0;padding:0 0 0 0;overflow:hidden;} #paging1 img {vertical-align:middle;margin:0;padding:0;} #paging1 a.now {border:1px solid #3a479d; color:#fff; font-weight:bold; background-color:#606ec7; text-decoration: none;font-weight:bold;} .paging1 { width:100%; height:25px; font-size:11px; font-family: verdana,sans-serif; color: #c1c1c1; background-color:#fff; vertical-align: top; } .paging1 img {width:25px;height:25px;vertical-align:tex-top;margin:0;padding:0;} .paging1 a { display:inline-block; height:16px; margin:0 1px; padding:4px 8px 3px 8px; border:1px solid #dfdfdf; font-size:11px; font-family: verdana,sans-serif; color: #c1c1c1; background-color:#fff; vertical-align: top; } /************************************************* 뉴스 보기 *************************************************/ /* 뉴스 제목 */ #news_top{margin-bottom:10px;} .news_title{width:650px; padding:5px 0 8px 0; _padding:10px 0 14px 0; border-bottom:2px solid #014b7a; background-color:#fff; overflow:hidden;} .news_title h2{float:left;padding:2px 5px 0 5px; min-height:33px; letter-spacing:0.3px; font-weight:bold; font-size:24px; color:#000; line-height:25px;} /*기사/테마탭*/ .tab_ctrl{clear:both; float:none; position:relative; width:648px; height:32px; border-top:1px solid #a0a1a3; border-right:1px solid #cfcfd1; border-bottom:none; border-left:1px solid #cfcfd1; background-color:#f1f2f6; margin-top:-1px; *margin-top:0px; _margin-top:0px;} .art_tab{position:absolute; top:0px; left:0px; height:32px;} .art_tab li{float:left; text-align:center; padding:8px 20px 6px 20px; font-size:12px; color:#333;display:inline;font-weight:bold; border-right:1px solid #d6d6d6; border-top:1px solid #d6d6d6; border-bottom:none;} .art_tab li.on{border-bottom:1px solid #fff;font-weight:bold;padding:8px 20px 6px 20px; font-size:12px;color:#000;background-color:#fff;} .art_tab li a{font-size:12px; color:#333; text-decoration:none;} html:first-child .art_tab{position:absolute; top:5px; left:9px; height:20px; border-left:1px solid #d6d6d6;} .dan {position:absolute; top:5px; left:15px; height:22px} .dan li.date_text{color:#333; padding-right:15px; font-size:12px; margin-top:2px; border:none;} /*날짜 트위터 보내 */ .date_ctrl ul.ctrl {margin-right:3px; margin-top:5px;} .ctrl li {float:left; line-height:15px; padding:0 4px;} .ctrl li.date_text{color:#999999; padding-right:15px; font-size:11px; margin-top:2px;} .ctrl li.font{padding:0 1px;} .date_ctrl{clear:both;margin-top:1px;overflow:hidden;} .date_ctrl p{float:left;margin-left:20px;display:inline;font-size:11px;color:#9a9a9a;} .date_ctrl ul{float:right;font-size:10px;line-height:12px;text-align:left;margin-right:8px;display:inline;} .date_ctrl ul.chn_jpn li{float:left;margin-left:5px;display:inline;} .date_ctrl ul.chn_jpn li.bar{margin-left:2px;display:inline;} .date_ctrl ul.chn_jpn li img{vertical-align:top;padding:0 2px 0 3px;cursor:pointer;_cursor /**/:hand;} /*뉴스 view*/ #newsContent {margin:0px auto 0px auto;} /*width:650px; */ #newsContent .imgArea {margin:0 auto; text-align:center;} /*width:480px; */ #newsContent .playButton {width:510px;height:28px;text-align:center;overflow:hidden; margin-bottom:20px;} #newsContent .playButton img {cursor:pointer;vertical-align:baseline;} #newsContent .newsContent_text {margin:0 auto 20px; font-size:16px; line-height:27px; width:510px; text-align:justify;word-break: break-all;} #newsContent .newsContent_text p {font-size:16px; line-height:27px;} #newsContent .link {font-size:16px;text-align:center; height:25px; margin:10px auto 20px auto; width:510px;} #YTN_Player {position:relative;width:640px;height:395px;overflow:hidden;clear:both;margin:0 auto;margin-bottom:5px;}/*기사뷰개편*/ #YTN_Player img {vertical-align:baseline;}/*기사뷰개편*/ #YTN_Player .vImg {width:640px;height:360px; background-color:#000; text-align:center;}/*기사뷰개편*/ #YTN_Player .vState {width:640px;height:50px;position:relative;}/*기사뷰개편*/ #YTN_Player .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:10px;cursor:pointer;}/*기사뷰개편*/ #YTN_Player .playbt {position:absolute;width:640px;height:123px;top:123px;left:18px;text-align:center;cursor:pointer;}/*기사뷰개편*/ #YTN_Player .playtime {position:absolute;bottom:53px;right:0;width:67px;height:27px;text-align:center;background:url('../img/news/bg_playtime.png') no-repeat 0 0;font-size:18px;color:#dddddd;line-height:24px;}/*기사뷰개편*/ /*복수 플레이어*/ .YTN_Player {position:relative;width:640px;height:395px;overflow:hidden;clear:both;margin:0 auto;margin-bottom:5px;}/*기사뷰개편*/ .YTN_Player img {vertical-align:baseline;}/*기사뷰개편*/ .YTN_Player .vImg {width:640px;height:360px; background-color:#000; text-align:center;}/*기사뷰개편*/ .YTN_Player .vState {width:640px;height:50px;position:relative;}/*기사뷰개편*/ .YTN_Player .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:10px;cursor:pointer;}/*기사뷰개편*/ .YTN_Player .playbt {position:absolute;width:640px;height:123px;top:123px;left:18px;text-align:center;cursor:pointer;}/*기사뷰개편*/ .YTN_Player .playtime {position:absolute;bottom:53px;right:0;width:67px;height:27px;text-align:center;background:url('../img/news/bg_playtime.png') no-repeat 0 0;font-size:18px;color:#dddddd;line-height:24px;}/*기사뷰개편*/ #YPlayer {width:480px; height:311px; overflow:hidden; clear:both; margin:0 auto;} #YPlayer img {vertical-align:baseline;} #YPlayer .vImg {width:480px;height:270px; background-color:#000; text-align:center;} #YPlayer .vState {width:480px;height:38px;position:relative;} #YPlayer .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:11px;cursor:pointer;} #YPlayer .playbt {position:absolute;width:77px;height:78px;top:185px;left:480px;cursor:pointer;} #YPlayer .playbt2 {position:absolute;width:77px;height:78px;top:365px;left:530px;cursor:pointer;}/*뉴스 날씨기사보기*/ #YPlayer .playbt3 {position:absolute;width:77px;height:78px;top:350px;left:490px;cursor:pointer;}/*제보 기사보기*/ #YPlayer .playbt4 {position:absolute;width:77px;height:78px;top:105px;left:218px;cursor:pointer;}/*이벤트 기사보기*/ #YPlayer_1 {width:480px; height:311px; overflow:hidden; clear:both; margin:0 auto;} #YPlayer_1 img {vertical-align:baseline;} #YPlayer_1 .vImg {width:480px;height:270px; background-color:#000; text-align:center;} #YPlayer_1 .vState {width:480px;height:38px;position:relative;} #YPlayer_1 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:11px;cursor:pointer;} #YPlayer_1 .vState .playbt {position:absolute;width:69px;height:69px;top:-75px;left:405px;cursor:pointer;} /*똑같음*/ #YPlayer_2 {width:480px; height:311px; overflow:hidden; clear:both; margin:0 auto;} #YPlayer_2 img {vertical-align:baseline;} #YPlayer_2 .vImg {width:480px;height:270px; background-color:#000; text-align:center;} #YPlayer_2 .vState {width:480px;height:38px;position:relative;} #YPlayer_2 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:11px;cursor:pointer;} #YPlayer_2 .vState .playbt {position:absolute;width:69px;height:69px;top:-75px;left:405px;cursor:pointer;} #YPlayer_3, #YPlayer_4 {width:480px; height:311px; overflow:hidden; clear:both; margin:0 auto;} #YPlayer_3 img, #YPlayer_4 img {vertical-align:baseline;} #YPlayer_3 .vImg, #YPlayer_4 .vImg {width:480px;height:270px; background-color:#000; text-align:center;} #YPlayer_3 .vState, #YPlayer_4 .vState {width:480px;height:38px;position:relative;} #YPlayer_3 .vState .Pbutton, #YPlayer_4 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:11px;cursor:pointer;} #YPlayer_3 .vState .playbt, #YPlayer_4 .vState .playbt {position:absolute;width:69px;height:69px;top:-75px;left:405px;cursor:pointer;} #YPlayer_5, #YPlayer_6 {width:480px; height:311px; overflow:hidden; clear:both; margin:0 auto;} #YPlayer_5 img, #YPlayer_6 img {vertical-align:baseline;} #YPlayer_5 .vImg, #YPlayer_6 .vImg {width:480px;height:270px; background-color:#000; text-align:center;} #YPlayer_5 .vState, #YPlayer_6 .vState {width:480px;height:38px;position:relative;} #YPlayer_5 .vState .Pbutton, #YPlayer_6 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:11px;cursor:pointer;} #YPlayer_5 .vState .playbt, #YPlayer_6 .vState .playbt {position:absolute;width:69px;height:69px;top:-75px;left:405px;cursor:pointer;} #YPlayer_7, #YPlayer_8 {width:480px; height:311px; overflow:hidden; clear:both; margin:0 auto;} #YPlayer_7 img, #YPlayer_8 img {vertical-align:baseline;} #YPlayer_7 .vImg, #YPlayer_8 .vImg {width:480px;height:270px; background-color:#000; text-align:center;} #YPlayer_7 .vState, #YPlayer_8 .vState {width:480px;height:38px;position:relative;} #YPlayer_7 .vState .Pbutton, #YPlayer_8 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:11px;cursor:pointer;} #YPlayer_7 .vState .playbt, #YPlayer_8 .vState .playbt {position:absolute;width:69px;height:69px;top:-75px;left:405px;cursor:pointer;} #YPlayer_9, #YPlayer_10 {width:480px; height:311px; overflow:hidden; clear:both; margin:0 auto;} #YPlayer_9 img, #YPlayer_10 img {vertical-align:baseline;} #YPlayer_9 .vImg, #YPlayer_10 .vImg {width:480px;height:270px; background-color:#000; text-align:center;} #YPlayer_9 .vState, #YPlayer_10 .vState {width:480px;height:38px;position:relative;} #YPlayer_9 .vState .Pbutton, #YPlayer_10 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:11px;cursor:pointer;} #YPlayer_9 .vState .playbt, #YPlayer_10 .vState .playbt {position:absolute;width:69px;height:69px;top:-75px;left:405px;cursor:pointer;} /*똑같음*/ /* 2012.04.05 추가 */ #newsContent .vodinfoButton {width:480px;height:20px;text-align:right;overflow:hidden;margin:0 auto 5px auto;} #newsContent .vodinfoButton img {cursor:pointer;vertical-align:baseline;} /* 20131010_본문부제노출 추가 */ #newsContent .newsContent_subtitle {font-size:16px; line-height:27px; margin:0 auto; width:510px;text-align:justify; font-weight:bold; color:#4a4a4a; background:#fff; margin-bottom:30px;} #newsContent .newsContent_subtitle p {font-size:16px; line-height:27px} /*201407 수정*/ /*기사보기*/ #zone1 .article_nav {color:#333;font-size:16px;padding:0;margin:0;display:block;height:28px;font-weight:bold;vertical-align:text-top;} #zone1 .div_article{display:inline-block;width: 620px; background-color:#f4f4f4;padding:15px;border-top: 2px solid #000;background:url('../img/comm/bg_article_line.gif') #f4f4f4 repeat-x left bottom;margin-bottom:20px;} #zone1 .article_headline {height:54px;text-align: left;font-weight: bold; font-size: 24px;line-height:30px;letter-spacing:-1px;display: table-cell;vertical-align: middle;-webkit-font-smoothing: antialiased;} #zone1 .interest_bar {margin-top:15px;height:18px;float:right;text-align:right;} #zone1 .interest_bar .date {font-weight:bold; font-size:12px; color:#b5b5b5; padding:1px 8px 0 2px} #zone1 .interest_bar .sns {font-weight:bold; font-size:12px; color:#4b4875; padding:1px 2px 2px 2px} #zone1 .interest_bar .sns a{color:#858585;text-decoration:none;} #zone1 .interest_bar .red {font-size:13px; color:#636363; padding:3px 2px 0 0} #zone1 .interest_bar .red a {color:#636363;font-weight:bold;} #zone1 .interest_bar .img {vertical-align:middle;} #zone1 .interest_bar ul{padding:0;margin:0;} #zone1 .interest_bar li{padding:0; height:18px; float:left; margin-left:6px; list-style: none;} #zone1 .realnews_border {width:100%; margin:50px 0 18px 0; padding:0;} #zone1 .realnews_box {background-color:#f9faff; padding:10px 15px;border-left:1px solid #1c9de9;border-right:1px solid #1c9de9; border-bottom:1px solid #1c9de9; overflow:hidden} #zone1 .realnews_box ul{ margin:0; padding:10px; overflow:hidden;} #zone1 .realnews_box li {display: inline;float: left; width:300px; height: 26px; background:url('../img/comm/ico_blit_blue.gif') no-repeat 0 11px ; padding-left:9px;} #zone1 .realnews_box li a {font-size:14px;color:#4a4a4a; list-style: none; letter-spacing:-1px;line-height:22px;} /*=======================이시각주요뉴스=======================*/ .nownews_box {margin:0; padding:0;width:648px; height:1343px; overflow: hidden; border:1px solid #cbccd0;font-size:0;} .nownews_box .title {height:23px;border-bottom:1px solid #cbccd0; padding:10px 0 0 10px} /* top_news */ .nownews_box .top_news {width: 630px;height:153px;margin: 0 0 0 5px;border-bottom:1px solid #e3e3e3;padding-bottom:12px;} .nownews_box .top_news_img{margin-right:15px; width:190px; height:107px; float:left; overflow:hidden;} .nownews_box .top_news h1 {margin:15px 0 10px 0;width:620px; overflow:hidden; height:32px;} .nownews_box .top_news h1 a {margin:0;padding:0;font-weight:bold; font-size:24px; line-height:1.2em; letter-spacing:-1px; color:#000;text-decoration:none;} .nownews_box .relation {width:410px; overflow:hidden; padding-top:5px; padding-bottom:5px;font-size:13px;} .nownews_box .relation ul {width:410px;overflow:hidden;} .nownews_box .relation li {width:410px;height:25px; background:url('./../img/news/ico_blit_relnews.gif') no-repeat 0 6px;padding-left:10px;} .nownews_box .relation li a {color:#666666; font-size:15px; letter-spacing:-1px;} .nownews_box .left_news {float:left; width:310px; margin: 0 10px 0 5px; overflow: hidden; padding:0; letter-spacing:-1px;} .nownews_box .right_news {float:left; width:310px; overflow: hidden; margin:0; padding:0; letter-spacing:-1px;} .nownews_box .middle li {width:315px; display:inline-block; padding:0; margin:0; overflow:hidden; border-bottom:1px solid #e3e3e3;} .nownews_box .middle li dl.type1{padding:15px 0 13px 0;margin:0; height:84px;*height:84px;} .nownews_box .middle li dl.type1 dd.img {width:110px;height:56px;*height:56px; float:left;} .nownews_box .middle li dl.type1 dd.img img {vertical-align:absmiddle;} .nownews_box .middle li dl.type1 dt {width:315px; overflow:hidden; padding:0 0 8px 0; float:left;font-size:15px;height:17px; line-height:15px; letter-spacing:-1px;} .nownews_box .middle li dl.type1 dt a {color:#333333;} .nownews_box .middle li dl.type1 dd.txt {float:left; width:195px;margin:0;height: 56px;overflow: hidden} .nownews_box .middle li dl.type1 dd.txt a {color:#797979;line-height:18px;} .nownews_box .middle li.type2 {width:310px; height:20px; color:#333333; margin:0; padding:13px 0; font-size:15px; letter-spacing:-1px; overflow:hidden;} .nownews_box .middle li.type2 a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /*--------------------------------------------------------*/ /*탬*/ .program_tab{width:638px; border-top:1px solid #d6d6d6; background-color:#f6f6f6; height:23px; padding:8px 6px 0 6px; margin-bottom:23px;} .program_tab li{background:url('../img/program/tab_blit.gif') no-repeat right top; padding-left:9px; color:#434343; list-style:none; float:left; letter-spacing:-1px;} /*padding-right:15px;*/ .program_tab li.on{color:#304892; font-weight:bold; text-decoration:underline !important;} .program_tab li.on a{color:#304892; font-weight:bold; text-decoration:underline !important;} .program_tab li.last{background:none; padding-right:11px;padding-left:11px;color:#333333; list-style:none; float:left;letter-spacing:-1px;} .program_tab2{width:650px; border-top:1px solid #d6d6d6; background-color:#f6f6f6; height:23px; padding:8px 7px 0 7px; margin-bottom:23px;} .program_tab2 li{background:url('../img/program/tab_blit.gif') no-repeat right top; padding-right:13px;padding-left:13px;color:#434343; list-style:none; float:left;letter-spacing:-1px;} .program_tab2 li.on{color:#304892; font-weight:bold; text-decoration:underline !important;} .program_tab2 li.on a{color:#304892; font-weight:bold; text-decoration:underline !important;} .program_tab2 li.last{background:none; padding-right:15px;padding-left:15px;color:#333333; list-style:none; float:left;} /*VOD PLAYER*/ .playerBox {width:480px; height:311px ;margin:0 auto 20px auto;} .playerBox .a1 {background-color:#000;background-repeat:no-repeat;background-position:center center;height:270px;text-align:center;} .playerBox .a2 {background:url('/img/vod/b1.gif') repeat-x;width:480px;height:38px;} .playerBox .a2 img {cursor:pointer;} .playerBox .a2 .buttonBox {float:left; padding:7px 10px 0 10px;width:55px;position:relative; } .playerBox .a2 .barBox {float:left; width:202px; padding-top:13px;} .playerBox .a2 .barBox .barSide {float:left;width:1px;height:8px;background:url('/img/vod/bar_side.gif') no-repeat;} .playerBox .a2 .barBox .barBack {float:left;width:194px;height:8px;background:url('/img/vod/bar_back.gif') repeat-x;position:relative;} .playerBox .a2 .barBox .barBack #progress_bar {z-index:2;margin:0;position:absolute;top:0;left:0;width:26px;height:8px;} .playerBox .a2 .barBox .barBack #progress_bar img {vertical-align:baseline;} .playerBox .a2 .barBox .barBack .state {z-index:1;margin:0;position:absolute;top:0;left:0;} .playerBox .a2 .barBox .barBack .state img {vertical-align:baseline;} .playerBox .a2 .timeBox {float:left;width:70px;height:26px;padding-top:12px;color:#c0c0c0;} .playerBox .a2 .soundBox {float:left;width:77px; position:relative; padding:14px 0 0 21px;} .playerBox .a2 .soundBox .mute {position:absolute; top:11px;left: 7px;width:14px;} .playerBox .a2 .soundBox .soundBack {float:left;width:66px;height:6px;background:url('/img/vod/sound_back.gif') repeat-x;position:relative;padding-top:2px;} .playerBox .a2 .soundBox .soundBack #sound_progress {z-index:2;margin:0;position:absolute;top:0;left:0;width:15px;height:6px;} .playerBox .a2 .soundBox .soundBack #sound_progress img {vertical-align:baseline;} .playerBox .a2 .soundBox .soundBack .soundState {z-index:1;margin:0;position:absolute;top:0;left:0;} .playerBox .a2 .soundBox .soundBack .soundState img {vertical-align:baseline;} .playerBox .a2 .soundBox .soundSide {float:left;width:2px;height:6px;background:url('/img/vod/sound_side.gif') no-repeat;padding-top:2px} .playerBox .a2 .allView {float:left;width:22px;padding-top:7px;} .playerBox .a3 .logo {width:50px;padding-left:12px;float:left;} .playerBox .a3 .ment {width:200px;float:left;} .playerBox .a3 .time {float:right;color:#fff;padding:10px 10px 0 0;} .playerBox .a3 .ment .movTextAd {margin-top:9px;width:180px;height:18px;} .playerBox .a3 .ment .movTextAd li {width:180px;text-align:center;} .playerBox .a3 .ment .movTextAd li a {color:#fff;} /*2014.8추가 wmv버튼*/ .wmvinfo {height:37px;width:480px;overfolow:hidden;padding:0; margin:-20px 0 40px 85px;} .wmvinfo_left {position:absolute;width:480px;text-align:center;} .wmvinfo_right {position:relative;z-index:200px;text-align:right} /* 관련이슈 */ #relation_theme {width:650px; margin-top:50px;margin-bottom:10px;} #relation_theme .title{background:url('../img/comm/relation_themeTop.gif') no-repeat; width:555px; height:22px; color:#0b779b; font-size:14px; font-weight:bold; padding:5px 0 0 95px; position:relative;} #relation_theme .title a{color:#bc0e0d; font-size:16px; font-weight:bold;} #relation_theme .title a:hover{color:#bc0e0d; font-size:16px; font-weight:bold;} #relation_theme .title .issue_bt_more {position:absolute; left:600px; top:5px;} #relation_theme .conten{margin:0 auto; width:510px;} #relation_theme .conten .list {width:510px; margin:0px 15px 0 13px; padding-top:10px;} #relation_theme .conten .list li{background:url('../img/comm/relation_themeList.gif') no-repeat 0px 5px; padding-left:7px; padding-bottom:10px;} #relation_theme .conten .list li a{color:#333; font-size:14px; font-weight:bold; } #relation_theme .conten .list li a:hover{color:#333; font-size:14px; font-weight:bold; } /* 인기 이슈 */ #photo_theme {width:650px; margin-top:50px;margin-bottom:10px;} #photo_theme .title{background:url('../img/comm/photo_themeTop.gif') no-repeat; width:555px; height:22px; color:#0b779b; font-size:14px; font-weight:bold; padding:5px 0 0 95px; position:relative;} #photo_theme .title a{color:#0b779b; font-size:14px; font-weight:bold;} #photo_theme .title a:hover{color:#d12819; font-size:14px; font-weight:bold;} #photo_theme .title .issue_bt_more {position:absolute; left:600px; top:5px;} #photo_theme .conten{margin:0 auto; width:510px;padding-left:24px;} #photo_theme .conten .list {width:510px; margin:0px 15px 0 0px; padding-top:10px;} #photo_theme .conten .list li{background:url('../img/comm/relation_themeList.gif') no-repeat 0px 5px; padding-left:7px; padding-bottom:10px;} #photo_theme .conten .list li a{color:#333333; font-size:14px; font-weight:bold; } #photo_theme .conten .list li a:hover{color:#333333; font-size:14px; font-weight:bold; } /* 인기 이슈 추가131007 */ #photo_theme2 {width:650px; height:305px; margin-top:50px;margin-bottom:30px; overflow:hidden;} #photo_theme2 .title{background:url('../img/comm/photo_themeTop.gif') no-repeat; width:650px; height:22px; color:#0b779b; font-size:14px; font-weight:bold; padding:5px 0 20px 0; position:relative;} #photo_theme2 .title a{color:#0b779b; font-size:14px; font-weight:bold;} #photo_theme2 .title a:hover{color:#d12819; font-size:14px; font-weight:bold;} #photo_theme2 .title .issue_bt_more {position:absolute; left:600px; top:5px;} #photo_theme2 .conten{margin:0 auto; width:620px;padding-left:24px;} #photo_theme2 .photoGallery_top .fl .title{position:absolute; height:20px; top:215px; left:0px; width:465px; background:#000; filter:alpha(opacity=70);/*익스용 투명도 필터*/ opacity:.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--익스8용 투명도 필터--*/ } /* 투데이핫 */ .todayhot{width:200px; overflow:hidden;} .title_todayhot{width:200px; height:17px; margin:0px; padding:0px;} .today_area {width:198px; background:#ebf2fa; border:1px solid #d2d2d2; overflow:hidden;} .todayhot_ul{margin:0 auto; width:184px;} .todayhot_ul li {width:184px; margin-top:17px; *margin-top:19px; margin-bottom:20px; } .todayhot_ul li h2 {font-size:12px; font-weight:bold; margin-bottom:7px; color:#363233;} .todayhot_ul li .today_img{width:184px; height:104px; overflow:hidden; position:relative;} .todayhot_ul li .today_img .today_title{position:absolute; text-align:center; height:23px; top:81px; left:0px; width:184px; background:#000; filter:alpha(opacity=70);/*익스용 투명도 필터*/ opacity:.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--익스8용 투명도 필터--*/ } .todayhot_ul li .today_img .texton{color:#ffffff !important; font-weight:bold; letter-spacing:-1px; position:absolute; top:86px; left:0px; width:184px; text-align:center;} .todayhot_ul li .today_img .texton a{color:#ffffff !important; font-weight:bold;} .todayhot_ul li .today_img span.play_bt {position:absolute; top:59px; left:158px;} /* 투데이핫 131021 추가*/ .todayhot2_ul{margin:0 auto; width:184px;} .todayhot2_ul li {width:184px; margin-top:17px; *margin-top:19px; margin-bottom:50px; } .todayhot2_ul li .today_img{width:184px; height:104px; position:relative;} .todayhot2_ul li .today_title{position:absolute; text-align:left; width:184px; padding-top:8px; letter-spacing:-1px; color: #363636; font-weight:bold;} .todayhot2_ul li .today_img span.play_bt {position:absolute; top:78px; left:158px;} .todayhot2_ul li .today_img span.today_title a{color: #363636 !important;} /*=========================================================================*/ /********************************************************* 분야탭 *****************************************************************/ .cate_tab_ctrl{clear:both; float:none; position:relative; width:650px; height:25px; border-bottom:1px solid #d7d7d7; background-color:#fff;} .cate_tab{position:absolute; top:1px; left:0; height:25px; border-left:1px solid #d7d8d3;} .cate_tab li {float:left; text-align:center; padding:5px 20px 4px 20px; font-size:12px; color:#999999; display:inline; font-weight:bold; border-right:1px solid #d7d8d3; border-top:1px solid #d7d8d3; border-bottom:none; background-color:#eaeaea;} .cate_tab li.on{border-bottom:4px solid #fff; border-top:1px solid #5a8ab8; border-left:1px solid #5a8ab8; border-right:1px solid #5a8ab8; background-color:#fff;font-weight:bold;padding:4px 20px 4px 20px; font-size:12px; color:#000;} .cate_tab li a{font-size:12px; color:#999999; text-decoration:none;} html:first-child .cate_tab{position:absolute; top:2px; left:0; height:25px; border-left:1px solid #d7d8d3;} /*인기기사*/ #mnewsdate{width:648px;height:35px;margin-top:10px;background-color:#f6f6f6;border:1px solid #d9d9d9;margin-bottom:15px} #mnewsdate span{width:95px;margin:0 4px 0 2px;font:bold 12px dotum;color:#666666; letter-spacing:-1px;} #mnewsdate span a{font:bold 12px dotum;color:#666666;} #mnewsdate span a:hover {font:bold 12px dotum;color:#2f4590;} #mnewsdate div .calendar {height:20px;display:inline;width:80px;margin-top:13px;padding:0;font:bold 12px dotum;text-align:center} #calendar {width:189px; padding:0 0 5px 0;border:2px solid #6088c4; font:12px dotum} #calendar .ym {padding:2px 5px 5px 5px;color:#2a529c;text-align:center;font:bold 12px dotum} #calendar .week {color:#fff;background-color:#6d8dc9;width:27px;height:25px} #calendar .img {vertical-align:top} #calendar .close {text-align:right;padding:5px 7px 0 0} #calendar .date_on{font:bold 12px dotum;color:#2f71d3;} .news_listdel{width:650px; margin:15px 0 5px 0; clear:both; padding:0px; height:23px;} .news_listdel li{float:left;} .news_listdel li.a{float:left;padding-top:7px;} .news_listdel li.b{float:right;} /*2014.07.25 수정*/ .manyThemeList {width:650px;overflow:hidden;padding-bottom:15px;border-bottom:1px solid #eeeeee; margin-bottom:15px;} .manyThemeList dt {width:622px;height:19px;padding:0 0 0 28px;background:url('../img/comm/bul_issue.gif') no-repeat 7px 0; overflow:hidden;font-size:16px;font-weight:bold;color:#12398f;margin-bottom:10px;} .manyThemeList dt a {color:#12398f;} .manyThemeList dd.img {width:210px;height:107px; margin-right:10px; float:left;background-color:#ededed;overflow:hidden;text-align:center;} .manyThemeList dd.img img {border:none;vertical-align:text-top;} .manyThemeList dd.tit {max-width:440px;background:url('../img/comm/ico_blit_gray.gif') no-repeat 1px 5px;padding-left:10px;overflow:hidden;font-size:14px;font-weight:bold;margin-bottom:8px;} .manyThemeList dd.tit a {color:#333333;} .mynewsHalf_bar {width:705px;height:10px;background:url(/img/comm/dot_line.gif) repeat-x bottom center;margin-bottom:10px;} /* dy */ .sub_dyZone {width:650px;overflow:hidden; margin-bottom:30px;} .sub_dyZone li.left {float:left;width:315px; border-top:3px solid #fa5c03; } .sub_dyZone li.right {float:right; width:315px; border-top:3px solid #fa5c03;} .dy_box {background:#f9f9f9; width:312x; padding:15px 0 0px 0; border:1px solid #e3e3e3; border-top:none; overflow:hidden;} .dy_box h2 {width:296x;height:20px;padding:0 0 0 16px; font-weight:bold; border-bottom:1px solid #e3e3e3; margin-bottom:10px;color:#fb5b03;} .dy_box h2 a {color:#fb5b03; text-decoration:none;} .dy_box dl {width:295px; overflow:hidden; margin:11px auto 0 auto; height:67px; } .dy_box dd.img {width:93px; height:54px; overflow:hidden; float:left; margin-right:8px;} .dy_box dd.img img {vertical-align:baseline; border:1px solid #afaeac;} .dy_box dt {width:194px; overflow:hidden; font-weight:bold; float:right; font-size:12px; letter-spacing:-1px; height:14px; padding-top:6px;} .dy_box dt a {color:#2b2b2d;} .dy_box dd.txt {width:194px; float:right; height:29px; overflow:hidden; line-height:1.2em; letter-spacing:-1px; padding-top:5px;} .dy_box dd.txt a {color:#727272;} .dy_box_line {width:297px; height:1px; background:url('../img/comm/dy_dotline.gif') repeat-x left; margin:0 auto;} /************************************************* 포토 뉴스 보기 *************************************************/ .photo_top_thm { width:630px; overflow:hidden; position:relative; height:84px; margin:0 0 0 10px;} .photo2_thm{width:630px; overflow:hidden; float:left;} .photo2_thm li{float:left;} .photo2_thm li.img{width:153px; height:120px;} .photo2_thm li.space{width:6px; height:120px;} .photo2_thm li.img dl{width:153px;} .photo2_thm li.img dl{width:153px; height:84px; position:relative;} .photo2_thm li.img dl a .line_box{width:153px; height:84px; position:absolute; top:0; left:0; float:left;} .photo2_thm li.img dl a:hover .line_box{display: block; background:url('../img/photo/top2_a_on.png') no-repeat; width:153px; height:84px; position:absolute; top:0; left:0; z-index:1; color:#2f2f2f;cursor:pointer;} .photo2_thm li.img dl a .line_box_on{display: block; background:url('../img/photo/top2_a_on.png') no-repeat; width:153px; height:84px; position:absolute; top:0; left:0; z-index:1; color:#2f2f2f;} /* 포토테마썸네일 끝20131010 */ /* 포토테마기사보기 */ .thphotoimg_view{position:relative; width:645px; margin-bottom:25px;} .thphotoimg_viewOut {margin:0 0 0 0px; position:relative; overflow:hidden; width:650px; white-space:nowrap; } .thphotoimg_viewOut .thphotoimg {padding-bottom:3px; text-align:center;} /*.thphotoimg_viewOut .thphotoimg li {display:inline; white-space:nowrap;} */ .thphotoimg_viewOut .thphotoimg li img{ border:none;} .thphotoimg_btn_prev {position:absolute; left:23px; top:50%; z-index:1;} .thphotoimg_btn_next {position:absolute; right:23px; top:50%; z-index:2;} /************************************************* 이슈 리스트 *************************************************/ /* 이슈 주제*/ .theme_title {width:633px; background-color:#efefef; border:1px solid #d1d1d1; padding:10px 8px 8px 7px;} .theme_title span{background:url('../img/comm/bul_issue.gif') no-repeat left top; padding-left:30px; padding-top:2px; font-size:16px; color:#095579; font-weight:bold;} .theme_title span a{font-size:14px; color:#095579; font-weight:bold;} body:first-of-type .theme_title span{background:url('../img/comm/bul_issue.gif') no-repeat left top; padding-left:30px; padding-top:3px; font-size:16px; color:#095579; font-weight:bold;} /********************************************************* right *****************************************************************/ /*우측단 공통*/ #zone2 .Conbox {width:298px;overflow:hidden; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; border-left:1px solid #dedede; border-right:1px solid #dedede;} #zone2 .Conbox .ConTitle {width:298px; margin-top:10px; overflow:hidden;} #zone2 .Conbox .ConTitle h2 {margin-left:14px; width:298px; margin-top:7px; margin-bottom:10px; *margin-bottom:5px;} #zone2 .Conbox .ConTitle h2.ent {margin-left:14px; width:298px; margin-top:7px; margin-bottom:20px; *margin-bottom:15px;} /*우측단 공통 추가 포토갤러리20131023*/ #zone2 .Conbox .ConTitle .title {margin-left:14px; width:271px; margin-top:7px; margin-bottom:15px;position:relative;} #zone2 .Conbox .ConTitle .title .btmore{top:0; left:226px; position:absolute;} /* 많이본 뉴스 2단 탭 */ #zone2 .Conbox .many_news_tab {width:298px; margin-top:10px; float:left;} #zone2 .Conbox .many_news_tab li{width:148px; float:left;} #zone2 .Conbox .many_news_tab li.many_on{width:148px; border-top:2px solid #1d409c; border-bottom:2px solid #fff; border-left:1px solid #dedede; border-right:1px solid #dedede; height:21px; padding-top:8px; background:#fff; text-align:center; color:#0b6dce; font-weight:bold;} #zone2 .Conbox .many_news_tab li.many_on a{width:148px; border-top:2px solid #1d409c; border-bottom:2px solid #fff; border-left:1px solid #dedede; border-right:1px solid #dedede; height:21px; padding-top:8px; background:#fff; text-align:center; color:#0b6dce; font-weight:bold;} #zone2 .Conbox .many_news_tab li.many_off{width:148px; border-top:2px solid #dedede; border-bottom:2px solid #dedede; border-left:none; border-right:none; height:21px; padding-top:8px;background:#f7f7f7; text-align:center; color:#4b4b4b;font-weight:bold;} #zone2 .Conbox .many_news_tab li.many_off a{width:148px; border-top:2px solid #dedede; border-bottom:2px solid #dedede; border-left:none; border-right:none; height:21px; padding-top:8px;background:#f7f7f7; text-align:center; color:#4b4b4b;font-weight:bold;} #zone2 .Conbox .many_news_tab li.many_off a:hover{width:148px; border-top:2px solid #1d409c; border-bottom:2px solid #fff; border-left:none; border-right:1px solid #fff; height:21px; padding-top:8px; background:#fff; text-align:center; color:#0b6dce; font-weight:bold;} #zone2 .Conbox .Conarea {width:270px; margin:8px auto 20px auto; } #zone2 .Conbox .many_list{ width:270px; overflow:hidden; clear:both; padding-top:15px; *padding-top:10px;} #zone2 .Conbox .many_list li.li_a{background:url('../img/comm/dot_gray.gif') no-repeat 0px 9px; color:#232323; font-weight:bold;width:264px; padding:5px 0 5px 6px;} #zone2 .Conbox .many_list li.li_a a{color:#232323; font-weight:bold;} #zone2 .Conbox .many_list li.li_b{background:url('../img/comm/dot_gray.gif') no-repeat 0px 9px; color:#232323; font-weight:normal; width:264px; padding:5px 0 5px 6px;} #zone2 .Conbox .many_list li.li_b a{color:#232323; font-weight:normal;} #zone2 .Conbox .enter_dllist{width:270px; overflow:hidden; clear:both; margin-bottom:20px; float:left;} #zone2 .Conbox .enter_dllist li.li_a{float:left; width:130px; } #zone2 .Conbox .enter_dllist li.li_b{float:right; width:130px; } #zone2 .Conbox .enter_dllist li dl{width:130px;} #zone2 .Conbox .enter_dllist li dl dt {width:130px; margin-bottom:9px; height:73px;} #zone2 .Conbox .enter_dllist li dl dd {width:130px; text-align:center; color:#232323;} #zone2 .Conbox .enter_dllist li dl dd a{ cololr:#232323; font-weight:bold;} #zone2 .Conbox .edu_dl {width:270px; overflow:hidden; margin-top:10px; clear:both;} #zone2 .Conbox .edu_dl dt{float:right; width:198px; margin-bottom:8px; color:#2b2b2b; margin-top:5px;} #zone2 .Conbox .edu_dl dt a{font-weight:bold; color:#2b2b2b;} #zone2 .Conbox .edu_dl dd.text{float:right; width:198px; color:#747474;} #zone2 .Conbox .edu_dl dd.text a{font-weight:normal; color:#747474;} #zone2 .Conbox .edu_dl dd.img{float:left; width:62px; height:62px;} #zone2 .Conbox .edu_dl dd.img img{vertical-align:baseline;border:1px solid #afaeac;} /*=======================2단인기뉴스===============*/ .sub_manybox {overflow: hidden;width:268px;border-left:1px solid #cbcccf;border-right:1px solid #cbcccf;border-bottom:1px solid #cbcccf;margin-bottom: 10px;margin-top: 0px;letter-spacing:-1px;padding:12px 15px;} .sub_manybox li {background:url('./../img/comm/ico_dot_gray.gif') no-repeat 0 11px ;width:270px; padding-left:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .sub_manybox li a {width:270px;font-size:13px; line-height:24px;font-weight:normal;} .many_news_tab {width:300px;margin:0;padding:0;list-style: none;font-size:14px;} .many_news_tab li.many_on {float:left;width: 149px;border-top: 1px solid #cccbd0;border-left: 1px solid #cccbd0;border-right: 1px solid #cccbd0;height: 25px;padding-top: 6px;background: #fff;text-align: center;color: #123a92;font-weight:bold; } .many_news_tab li.many_off {float:left;width: 149px;border-bottom: 1px solid #cccbd0;border-left: none;border-right: none;height: 24px;padding-top: 7px;background: #fff;text-align: center;color: #b8c3d7;font-weight:bold; } /*2단 광고 전체 박스_지우지마세욤*/ #zone2 .sub_adbox2 {width:298px;border:1px solid #cbcccf;margin-bottom: 20px;font-size:12px; letter-spacing:-1px;}/*2단 텍스트*/ /* 기사뷰개편 margin-bottom: 10px에서 20px으로 바꿈*/ #zone2 .ico_station {float:right;position:relative;z-index:100;margin:0;padding:0;} #zone2 .sub_adbox2 .head {height:31px;padding:0;margin:0;border-bottom:1px solid #cbcccf;} #zone2 .sub_adbox2 .title {float:left;padding:10px 0 0 15px;} #zone2 .ad_zone {padding:12px 15px 16px 15px;} /*2단 포토갤러리 추가 20131023*/ #zone2 .sub_box3 {width:298px; border:1px solid #cbcccf;margin-bottom:10px;} #zone2 .ico_more {float:right;position:relative;z-index:100;margin:0;padding:11px 10px 0 0;} #zone2 .sub_box3 .head {height:31px;padding:0;margin:0;border-bottom:1px solid #cbcccf;} #zone2 .sub_box3 .title {float:left;padding:10px 0 0 15px;color:#333; font-weight:bold; font-size:12px; line-height:14px;} #zone2 .sub_box3 .photog_b {width:271px; position:relative;margin-bottom:2px; overflow:hidden;} #zone2 .sub_box3 .photog_b .text_area { text-align:center;width:271px; height:14px; padding:8px 0 8px 0;position:absolute;bottom:0px;background:#000;opacity:0.8;filter:alpha(opacity=80);left:0;} #zone2 .sub_box3 .photog_b .text_area a {color:#fff; text-align:center} #zone2 .sub_box3 .photog_b img {width:271px;height:153px; border:0 none;} #zone2 .sub_box3 .photog_s {width:271px; height:69px; } #zone2 .sub_box3 .photog_s li {float:left; width:89px; height:67px; margin-right:2px; } #zone2 .sub_box3 .photog_s li.last {float:left; width:89px; height:67px; margin-right:0;} #zone2 .sub_box3 .photog_s img {border:0 none;} /* 광고 */ #zone2 .Conbox .ConTitle_ad {width:298px; overflow:hidden; clear:both;float:left;} #zone2 .Conbox .ConTitle_ad li.left {float:left; margin-left:14px; _margin-left:8px; margin-top:18px; margin-bottom:15px; width:160px; text-align:left; } #zone2 .Conbox .ConTitle_ad li.right{float:right; width:90px; margin:18px 0 0 0; padding:0 15px 0 0; border:none; text-align:right;} #zone2 .Conbox .ad_list{ width:270px; overflow:hidden;clear:both; margin-top:13px;} #zone2 .Conbox .ad_list li.li_a{background:url('../img/comm/dot_gray.gif') no-repeat 0px 9px; float:left; color:#646464; font-weight:bold; float:left; width:264px; padding:3px 0 3px 6px;} #zone2 .Conbox .ad_list li.li_a a{color:#646464; font-weight:bold; } #zone2 .Conbox .ad_list li.li_b{background:url('../img/comm/dot_gray.gif') no-repeat 0px 9px; float:left; color:#646464; font-weight:normal; float:left; width:264px; padding:3px 0 3px 6px;} #zone2 .Conbox .ad_list li.li_b a{color:#646464; font-weight:normal; } #zone2 .Conbox .ad_dllist{width:270px; overflow:hidden;clear:both; margin-top:20px;} #zone2 .Conbox .ad_dllist li.li_a{float:left; width:130px; } #zone2 .Conbox .ad_dllist li.li_b{float:right; width:130px; } #zone2 .Conbox .ad_dllist li dl{width:130px;} #zone2 .Conbox .ad_dllist li dl dt {width:130px; margin-bottom:9px; height:73px;} #zone2 .Conbox .ad_dllist li dl dd {width:130px; text-align:center; cololr:#232323;} #zone2 .Conbox .ad_dllist li dl dd a {color:#232323; font-weight:normal;} /*====================업체=========================================*/ /*2단 추가 */ #zone2 .sub_box2 {width:298px;border:1px solid #cbcccf;margin-bottom: 10px;} #zone2 .ico_more {float:right;position:relative;z-index:100;margin:0;padding:11px 10px 0 0;} #zone2 .sub_box2 .head {height:31px;padding:0;margin:0;border-bottom:1px solid #cbcccf;} #zone2 .sub_box2 .title {float:left;padding:10px 0 0 15px;font-weight:bold; font-size:12px;letter-spacing:-1px;} #zone2 .sub_dllist {padding:15px 10px 5px 4px; margin:0; overflow:hidden;} #zone2 .sub_dllist ul {margin:0; padding:0; } #zone2 .sub_dllist li {float:left; width:130px; height:135px; margin:0 0 0 10px; padding:0;overflow:hidden;} #zone2 .sub_dllist dl {width:130px; margin:0; padding:0; overflow:hidden;} #zone2 .sub_dllist dt {position:relative;width:130px; height:73px; margin:0; padding:0;} #zone2 .sub_dllist dd {padding:0; margin-top:7px; width:130px;height:46px; text-align:left; color:#333; font-size:13px; line-height:15px; overflow:hidden;word-wrap:break-word;word-break:break-all;} #zone2 .sub_dllist dd a {margin:0; padding:0; width:130px; letter-spacing:-1px;word-wrap:break-word; word-break:break-all;} /* 기사보기 TI 및 리마인더 위치 지정 */ #float1 {position:absolute;width:300px;height:300px;top:0px;left:658px;display:block;z-index:10000;} #float2 {position:absolute;width:80px;height:70px;top:0px;left:658px;z-index:10000;display:none;} /********************************************************* 광고 *****************************************************************/ .ad650x140 {margin:0 auto 10px auto; width:648px; height:170px; border:1px solid #c0c0c0;} .ad650x140 li.a {float:left;width:325px;height:170px;} .ad650x140 li.b {float:left;width:323px;height:170px;} /*뉴스 텍스트 광고*/ .articleAd {width:510px;background:none; } .articleAd body{ background:none;} .articleAd li {width:510px; font-weight:600; font-size:15px; letter-spacing:-1px;color:#143582; } .articleTextAd {width:510px margin:0 auto 10px auto; font:bold 15px/1.4 dotum !important; color:#143582;} /*우측단 공통 광고*/ #zone2 .ad_300x240 {width:300px; height:340px; background:gray;overflow:hidden;/*border:1px solid #eeeeee;*/ } #zone2 .adbox {width:238px;margin:0 0 10px 0;border:1px solid #dbdbd9;background-color:#fff; padding:10px 0 0 0;overflow:hidden;} #zone2 .adbox .adTitle {width:220px; height:20px; border-bottom:1px solid #ebebeb; margin:0 auto; padding:0;background-color:#fff;} #zone2 .adbox .adTitle li.left {float:left;margin:0;padding:0 0 0 0;font:600; font-size:13px;font-family:dotum;color:#e82c2d;} #zone2 .adbox .adTitle li.right {float:right;margin:0;padding:0 0 0 0;color:#9c9c9c;} #zone2 .adbox .adarea {margin:0;} #zone2 .adbox .adarea .dotList {width:220px; margin:10px auto 3px auto; overflow:hidden;} #zone2 .adbox .adarea .dotList li{width:98%; background:url('../img/comm/dot_gray.gif') no-repeat 3px 6px; padding:0 0 8px 12px;letter-spacing:-1px;} #zone2 .adbox2 {overflow:hidden;} /*뉴스브랜드 광고*/ #zone2 .adbox_border {margin:10px 0 10px 0;border:1px solid #dbdbd9;background-color:#fff; padding:10px 0 0 0;} #zone2 .adbox_border .newsBrandAd {width:270px; margin:0 auto;padding:0;overflow:hidden;} #zone2 .adbox_border .newsBrandAd li.a {float:left;width:130px;height:130px;margin:0;padding:0 0 0 0;} #zone2 .adbox_border .newsBrandAd li.b {float:right;width:130px;height:130px;margin:0;padding:0 0 0 0;} /* 기사 목록, 기사 보기 우측 날개 광고 */ #rightWingBanner {position:absolute;left:990px;} #leftWingBanner {position:absolute;left:-130px;} /*우측단 240 광고 #zone2 .ad240240_cover {margin:0 auto 5px auto;width:238px;height:238px;border:5px solid #cccccc;position:relative;} #zone2 .ad240240_cover .soje {width:240px;height:240px;position:absolute;top:1px;left:1px;} */ /*좌측단 240 광고*/ #zone2 .ad22080_cover2 {margin:0 auto 5px auto;width:240px;height:82px;/*border:1px solid #cccccc;*/position:relative;background-color:#fff;} #zone2 .ad22080_cover2 .soje {width:220px;height:40px;position:absolute;top:1px;left:8px;} #zone2 .ad240100_cover {margin:10px auto 5px auto;width:240px;height:102px;/*border:1px solid #cccccc;*/background-color:#fff;overflow:hidden;} #zone2 .ad240100_cover .soje {width:238px;height:100px;margin:0 auto;} #zone2 .ad24080_cover {margin:10px auto 5px auto;width:240px;height:82px;/*border:1px solid #cccccc;*/background-color:#fff;overflow:hidden;} #zone2 .ad24080_cover .soje {width:238px; height:80px;margin:0 auto;} .ad700x140 {margin:0 auto 10px auto; width:703px; height:140px; border:1px solid #c0c0c0;} .ad700x140 li.a {float:left;width:280px;height:140px;} .ad700x140 li.b {float:left;width:420px;height:140px;} .adnew700x140 {margin:0 auto 10px auto; width:703px; height:140px; border:1px solid #c0c0c0;} .adnew700x140 li.a {float:left;width:350px;height:140px;} .adnew700x140 li.b {float:left;width:350px;height:140px;} /*광고*/ .ad650x80_cover {width:652px;height:82px;border:1px solid #dedede;position:relative;margin-bottom:10px;overflow:hidden;} .ad650x80_cover .soje {width:650px;height:80px;position:absolute;top:1px;left:1px;} .ad240240_cover {width:238px;height:238px;position:relative;margin-bottom:10px;} .ad240240_cover .soje {width:240px;height:240px;position:absolute;top:1px;left:1px;} .ad240200_cover {width:238px;height:202px;border:1px solid #cccccc;position:relative;margin:0 auto 10px auto;} .ad240200_cover .soje {width:240px;height:200px;position:absolute;top:1px;left:1px;} .ad240240_cover #expansionAd {position:absolute;top:-1px;left:-1px;width:470px;350px;display:none;z-index:10;} .ad244100_cover {width:240px;height:100px;} /* 2012.0907 추가 */ #nav1 li.c .ad_728x90 {width:728px; height:90px; } #nav1 li.c .ad_728x90 .soje {width:728px;height:92px;margin:2px auto 0 auto;} /********************************************************* footer *****************************************************************/ .appsns ul {margin:0 ;padding:0;} .appsns li {display:inline;margin-right:46px} /************************ #mZone2 ********************************/ #footer {clear:both;width:985px; height:17px;margin:25px 0 20px 0;} #footer .footer .noticeBox {width:985px;;border-bottom:1px solid #b8bbc0;overflow:hidden;margin-bottom:10px;} #footer .footer .noticeBox ul {width:985px;height:33px;} #footer .footer .noticeBox li.tit{float:left;width:56px;} #footer .footer .noticeBox li.tit img{vertical-align:top;} #footer .footer .noticeBox li a {color:#4f4f4f;} #footer .footer .noticeBox li.a {float:left;width:228px;height:22px;padding:11px 0 0 3px;} #footer .footer .noticeBox li.b {float:left;width:228px;height:22px;padding:11px 0 0 3px;} #footer .footer .noticeBox li.c {float:left;width:228px;height:22px;padding:11px 0 0 3px;} #footer .footer .noticeBox li.d {float:left;width:50px;height:22px;padding:11px 0 0 8px;} #footer .footer .map1 {width:985px;overflow:hidden;margin-bottom:13px;} #footer .footer .map1 dt {float:left;width:135px;height:12px;text-align:right;font-weight:bold;color:#707070;} #footer .footer .map1 dd {float:right;width:816px;height:25px;overflow:hidden;} #footer .footer .map1 dd ul {width:816px;overflow:hidden;} #footer .footer .map1 dd li {display:inline;color:#494949;} #footer .footer .map1 dd li.bar {padding:0 6px;} #footer .footer .map1 dd li a {color:#494949;} #footer .footer .map2 {width:985px;height:21px;padding:10px 30px 0 0;overflow:hidden;background-color:#f0f0f0;text-align:center;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin-bottom:20px;} #footer .footer .map2 li {display:inline;font-weight:bold;} #footer .footer .map2 li a {color:#494949;} #footer .footer .map2 li.dot {padding:0 8px;} #footer .footer .map2 li.eng {position:absolute;width:52px;height:19px;top:6px;right:160px;} #footer .footer .map2 li.eng img {vertical-align:baseline;} #footer .footer .map3 {width:985px;padding:0;position:relative; text-align:left;font-size:13px;color:#727272;font-size:13px;} #footer .footer .map3 a {color:#727272;font-size:13px;} #footer .footer .map3 li {display:inline;} #footer .footer .map3 li.link {cursor:pointer;} #footer .footer .map3 li.link img {border:none; margin-left:5px;} #footer .footer .map3 li.blit {margin:0 6px;} #footer .footer .map4 {width:985px; height:21px; padding:0 0 0 11px; position:relative; margin-top:-10px;} #footer .footer .map4 li {display:inline;} #footer .footer .map4 li.link{font-weight:bold;cursor:pointer;} #footer .footer .map4 li.link img {border:none; margin-left:3px; vertical-align:top;} #footer .footer .map4 li.blit{margin-left:13px; margin-right:13px;} #footer .footer .copyright {width:985px;height:32px;overflow:hidden;margin:0 0 20px 190px;padding:0;letter-spacing:0px;} #footer .footer .copyright dt {float:left;width:190px;height:32px;} #footer .footer .copyright dd {float:right;padding-top:2px;width:410px;height:32px;margin-bottom:4px;color:#858585;font-size:11px; line-height:13px; overflow:hidden;} #map3_a {position:absolute;top:-151px;left:0;display:none; text-align:left} #map3_a .box {background:#fff;border:1px solid #757678;border-bottom:none;width:84px;height:120px;padding:10px 5px 10px 5px; } #map3_a .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 7px; height:20px; padding-left:9px; padding-bottom:5px; width:107px; list-style:none; float:left;} #map3_a .footerArrow{background:url(/img/comm/footerArrow.gif) repeat-x left;height:6px;width:96px;_width:106px; margin-top:-1px; _margin-top:-6px;} #map3_b {position:absolute; top:-176px;left:80px; display:none; text-align:left} #map3_b .box {background:#fff; border:1px solid #757678; border-bottom:none; width:125px; height:145px; padding:10px 5px 10px 5px;} #map3_b .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 7px; height:20px; padding-left:9px; padding-bottom:5px; width:125px; list-style:none; float:left;letter-spacing:-1px;} #map3_b .footerArrow{background:url(/img/comm/footerArrow.gif) repeat-x left; height:6px; width:137px; _width:137px; margin-top:-1px;_margin-top:-6px;} #map3_c {position:absolute; top:-225px; _top:-199px; left:202px;*left:240px;_left:242px;display:none; text-align:left} #map3_c .box {background:#fff; border:1px solid #757678; border-bottom:none; width:128px;height:194px; padding:10px 5px 10px 5px; } #map3_c .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 7px; height:20px; padding-left:9px; padding-bottom:5px; width:131px; list-style:none; float:left;letter-spacing:-1px;} #map3_c .footerArrow{background:url(/img/comm/footerArrow.gif) repeat-x left; height:6px; width:140px;_width:150px; margin-top:-1px;_margin-top:-6px;} #map3_d {position:absolute; top:-126px; _top:-125px; left:306px;display:none; text-align:left} #map3_d .box {background:#fff; border:1px solid #757678; border-bottom:none; width:120px; height:95px; padding:10px 5px 10px 5px; } #map3_d .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 7px; height:20px; padding-left:9px; padding-bottom:5px; width:123px; list-style:none; float:left;} #map3_d .footerArrow{background:url(/img/comm/footerArrow.gif) repeat-x left; height:6px; width:132px; _width:142px;margin-top:-1px;_margin-top:-6px;} #map3_e {position:absolute; top:-150px; left:453px;display:none; text-align:left} #map3_e .box {display:block;background:#fff; border:1px solid #757678; border-bottom:none; width:100px; height:120px; padding:10px 5px 10px 5px; } #map3_e .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 7px; height:20px;padding-left:9px; padding-bottom:5px; width:123px; list-style:none; float:left;} #map3_e .footerArrow{background:url(/img/comm/footerArrow.gif) repeat-x left; height:6px; width:112px; _width:142px; margin-top:-1px;_margin-top:-6px;} #map4_a {position:absolute; top:13px; _top:10px; left:50px; _left:50px; z-index:99999;display:none; text-align:left} #map4_a .box {background:#fff; border:1px solid #757678; border-top:none; width:84px; height:70px; padding:10px 5px 10px 5px; _margin-top:-4px; } #map4_a .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 7px; padding-left:9px; padding-bottom:5px; width:87px; list-style:none; float:left;} #map4_a .footerArrow{background:url(/img/comm/footerArrow2.gif) repeat-x left; height:6px; width:96px;_width:106px; margin-bottom:-1px; } #map4_b {position:absolute; top:13px; _top:10px; left:104px;*left:105px;_left:107px; z-index:1000;display:none; text-align:left} #map4_b .box {background:#fff; border:1px solid #757678; border-top:none; width:115px; height:127px; padding:10px 5px 10px 5px; _margin-top:-4px; } #map4_b .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 7px; padding-left:7px; padding-bottom:5px; width:118px; list-style:none; float:left;} #map4_b .footerArrow{background:url(/img/comm/footerArrow2.gif) repeat-x left; height:6px; width:127px;_width:137px; margin-bottom:-1px;} #map4_c {position:absolute; top:13px; _top:10px; left:240px;*left:242px;_left:243px; z-index:1000;display:none; text-align:left} #map4_c .box {background:#fff; border:1px solid #757678; border-top:none; width:128px; height:127px; padding:10px 5px 10px 5px; _margin-top:-4px; } #map4_c .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 4px; padding-left:7px; padding-bottom:5px; width:131px; list-style:none; float:left;} #map4_c .footerArrow{background:url(/img/comm/footerArrow2.gif) repeat-x left; height:6px; width:140px;_width:150px; margin-bottom:-1px;} #map4_d {position:absolute; top:13px; _top:10px; left:355px;*left:358px; z-index:1000;display:none; text-align:left} #map4_d .box {background:#fff; border:1px solid #757678; border-top:none; width:120px; height:108px; padding:10px 5px 10px 5px; _margin-top:-4px; } #map4_d .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 7px; padding-left:7px; padding-bottom:5px; width:123px; list-style:none; float:left;} #map4_d .footerArrow{background:url(/img/comm/footerArrow2.gif) repeat-x left; height:6px; width:132px;_width:142px; margin-bottom:-1px;} #map4_e {position:absolute; top:13px; _top:10px; left:501px;*left:505px; z-index:1000;display:none; text-align:left} #map4_e .box {background:#fff; border:1px solid #757678; border-top:none; width:120px; height:168px; padding:10px 5px 10px 5px; _margin-top:-4px; } #map4_e .box li{background:url(/img/comm/dot_gray2px.gif) no-repeat 3px 7px; padding-left:7px; padding-bottom:5px; width:123px; list-style:none; float:left;} #map4_e .footerArrow{background:url(/img/comm/footerArrow2.gif) repeat-x left; height:6px; width:132px;_width:142px;margin-bottom:-1px;} .copy1 { font:bold 14px/1.5em dotum;color:#25457e;} .copy1 a{ font:bold 14px/1.5em dotum;color:#25457e;} .copy2 {padding-top:5px; font:bold 14px/1.5em dotum;color:#25457e;} .copy2 a{ font:bold 14px/1.5em dotum;color:#25457e;} .copy3 {font:bold 14px/1.5em dotum;color:#01947d;} .copy3 a{ font:bold 14px/1.5em dotum;color:#01947d;} *푸터*/ .footer_wrap {width:100%;margin:0 auto;background-color:#e6e9ee;height:85px;} .footer_wrap .sub_footer {width:985px;background-color:#e6e9ee;margin:0 auto;height:85px;} .footer_wrap .copyright {width:985px;height:36px;display:block;} .footer_wrap .copyright dt {float:left; width:180px;height:20px;} .footer_wrap .copyright dd {float:right;text-align:right;width:779px;padding-top:10px; padding-bottom:10px;font-size:13px;color:#727272;} /********************************************************* footer *****************************************************************/ /*실시간뉴스*/ .flash_news {float:left;width:676px;height:31px;margin:0;padding:0;}/*기사뷰개편*/ .flash_news li.a {float:left; background:url('/img/main/img_flashnews.gif'); width:100px; height:31px; text-align:center;} .flash_news li.b {float:left; width:574px; height:22px;padding-top:7px; font-weight:bold; font-size:16px; background:#fde6f0;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} .brfnews_left {float:left;width:84px} .brfnews_right {float:left;width:590px;height:29px;background-color:#ffffff;border:1px solid #dbdbdb;}/*기사뷰개편*/ ul.marquee { /* required styles */ display: block; padding: 0; margin: 0; list-style: none; line-height: 16px; position: relative; overflow: hidden; /* optional styles for appearance */ width: 480px; height: 29px; /* height should be included to reserve visual space for the marquee */ background-color: #ffffff; } ul.marquee li { /* required styles */ position: absolute; top: -999em; left: 0; display: block; white-space: nowrap; /* keep all text on a single line */ font-weight:bold; letter-spacing:-0.5px; /* optional styles for appearance */ font-size: 15px; padding: 5px 10px 0 10px; color:#000; } ul.marquee li a, ul.marquee li{ font-size: 15px; font-weight:bold; letter-spacing:-0.5px;} /*검색*/ .input_area {float:left;width:188px;height:31px;margin:0;margin-left:9px;background:url(/img/_top/header_search_new.gif) no-repeat 0 0;} .input_area .inp {margin-left:112px;width:187px;height:29px;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} .input_area .input_1 {width:150px;height:23px;padding:4px 0 0 5px;font-size:14px;} /*----------------------------------------------------------------------------------------------*/ /*기사뷰개편*/ /*2015-07*/ #zone1 .article_info {position:relative;width:100%;height:41px;background-color:#00aeef;} #zone1 .article_info .cate {color:#caf1ff;font-size:18px;height:41px;line-height:38px;padding-left:14px;} #zone1 .article_info .cate b {color:#e0f7ff;} #zone1 .article_info .extra_info {position:absolute;top:0;right:0;color:#bcecff;font-size:16px;height:41px;line-height:41px;padding-right:10px;} #zone1 .article_info .extra_info select {color:#ffffff;font-size:14px;line-height:28px;height:31px;margin-left:10px;margin-top:-4px;padding:5px;background-color:#3fc6f9;border:1px solid #00aeef;} #zone1 .article_info .hits {background:url('/img/news/ico_hits.gif') no-repeat 0 50%;position:absolute;top:0;right:210px;color:#ffffff;font-size:16px;height:41px;line-height:41px;padding-left:24px;} #zone1 .article_info .hits .vborder {padding-left:8px;padding-right:6px;width:1px;line-height:41px;} #zone1 .article_info .hits .vborder img {width:1px;height:16px;display:inline-block;margin-top:-4px;} #zone1 .article_tit {font-size:30px;line-height:40px;background-color:#000000;color:#ffffff;font-weight:bold;letter-spacing:-1px;padding:13px 14px 20px 14px;} #zone1 .bt_back_article {clear:both;padding:10px 11px 10px 0;background-color:#e6e9ee;margin-bottom:10px;text-align:right;} #zone1 .article_wrap {position:relative;background-color:#e6e9ee;padding:18px 18px 0 18px;margin-bottom:23px;} .article_wrap .news_slide {position:relative;overflow:hidden;width:676px;height:151px;margin-left:-18px;margin-right:-18px;margin-bottom:20px;background-color:#00aeef;} /*.article_wrap .news_slide .slide_list {width:1750px;}margin-left:-94px;*/ .article_wrap .news_slide .slide_list li {float:left;width:175px;margin-right:-2px;position:relative;} .article_wrap .news_slide .slide_list li a:hover {text-decoration:none;} .article_wrap .news_slide .slide_list li dt {width:173px;border:2px solid #000000;} .article_wrap .news_slide .slide_list li dd {color:#ffffff;opacity:0.8;padding:0 10px;font-size:14px;line-height:22px;letter-spacing:-1px;filter: alpha(opacity=80);} .article_wrap .news_slide .slide_list li .bg_thumb {z-index:10;position:absolute;top:2px;left:0;width:175px;height:97px;background-color:#000000;opacity:0.4;padding:0; filter:alpha(opacity=40);} .article_wrap .news_slide .slide_list li .playtime {z-index:10;position:absolute;top:74px;right:2px;padding:0;text-align:center;font-size:14px;line-height:20px;font-weight:normal;letter-spacing:0;width:55px;height:22px;background:url('../img/news/bg_playtime_s_off.png') no-repeat 0 0;} .article_wrap .news_slide .slide_list li.on dd {opacity:1;filter: alpha(opacity=100);font-weight:bold;} .article_wrap .news_slide .slide_list li.on .bg_thumb {z-index:10;position:absolute;top:2px;left:0;width:175px;height:97px;background-color:transparent;opacity:1;padding:0;} .article_wrap .news_slide .slide_list li.on .playtime {z-index:10;position:absolute;top:74px;right:2px;padding:0;text-align:center;font-size:14px;line-height:20px;font-weight:normal;letter-spacing:0;width:55px;height:22px;background:url('../img/news/bg_playtime_s_on.png') no-repeat 0 0;} .article_wrap .news_slide .bt_prev {z-index:11;position:absolute;top:25px;left:25px;cursor:pointer;} .article_wrap .news_slide .bt_next {z-index:11;position:absolute;top:25px;right:25px;cursor:pointer;} .article_wrap .imgArea {padding-bottom:18px;text-align:center;} .article_wrap .article_paragraph {border-top:1px solid #cbcccf;border-bottom:1px solid #cbcccf;margin-top:20px;padding:18px 0 28px 0;text-align:justify;} .article_wrap .article_paragraph .ico_anchor {display:block;width:88px;height:44px;text-indent:-9999px;background:url('../img/news/ico_anchor.gif') no-repeat 0 0;} .article_wrap .article_paragraph .ico_reporter {display:block;width:88px;height:44px;text-indent:-9999px;background:url('../img/news/ico_reporter.gif') no-repeat 0 0;} .article_wrap .article_paragraph span,.article_wrap .article_paragraph span p {font-size:18px;line-height:34px;color:#000000;letter-spacing:-1px;} .article_wrap .article_paragraph .bt_jebo_me {width:100%;text-align:center;padding:20px 0 30px 0;} .article_wrap .share_btns {padding:20px 0;height:26px;margin:0 auto;width:336px;} .article_wrap .share_btns li {float:left;position:relative;} .article_wrap .share_btns li .num {position:absolute;top:-11px;left:0;width:23px;height:23px;font-size:12px;line-height:22px;color:#ffffff;background-color:#ff0000;text-align:center;background:url('../img/news/bg_comment_num.png') no-repeat 0 0;} .article_wrap .share_arti_box {width:490px;height:293px;border-bottom:5px solid #00aeef;margin:0 auto 20px auto;background-color:#ffffff;display:none;} .article_wrap .share_arti_box .top {width:100%;height:54px;background-color:#00aeef;position:relative;} .article_wrap .share_arti_box .top .bt_close {position:absolute;top:0;right:0;} .article_wrap .share_arti_box .content {padding:19px 20px;} .article_wrap .share_arti_box .content .sns_share {display:inline-block;width:100%;padding-bottom:18px;border-bottom:1px solid #e7e9ec;} .article_wrap .share_arti_box .content .sns_share dt {float:left;width:43px;height:19px;padding-right:13px;} .article_wrap .share_arti_box .content .sns_share dd {float:left;width:52px;height:73px;padding-right:10px;} .article_wrap .share_arti_box .content .url_share {clear:left;;} .article_wrap .share_arti_box .content .url_share dt {width:71px;height:23px;padding:15px 0 5px 0;} .article_wrap .share_arti_box .content .url_share .inp {width:444px;height:35px;border:3px solid #d1d1d1;background-color:#f4f5f7;} .article_wrap .share_arti_box .content .url_share .inp input {width:444px;height:35px;border:0px;font-size:16px;color:#7f889a;background-color:#f4f5f7;} .article_wrap .share_arti_box .content .url_share .desc {width:316px;height:14px;padding-top:8px;} .article_wrap .copyright {margin-left:-18px;margin-right:-18px;background-color:#00aeef;font-size:16px;color:#ffffff;text-align:center;line-height:45px;height:49px;} /*SNS세상 한컷뉴스 포토갤러리*/ .newsview_newsbox {width:676px;overflow:hidden;padding:13px 0 22px 0;} .newsview_newsbox .tit_area {width:100%;height:26px;display:inline-block;border-bottom:6px solid #000000;} .newsview_newsbox .tit_area .title {float:left;} .newsview_newsbox .tit_area .more {float:right;padding-top:8px;} .newsview_newsbox .newsbox_list {background-color:#e6e9ee;display:inline-block;width:670px;padding-left:6px;} .newsview_newsbox .newsbox_list li {float:left;padding:6px 6px 6px 0;} .newsview_newsbox .newsbox_list dd {width:323px;;padding:4px 6px 3px 0;} .newsview_newsbox .newsbox_list dd a {font-size:16px;line-height:30px;color:#606060;letter-spacing:-1px;} .newsview_newsbox .newsbox_list .w_border {padding:0;margin:0;margin-left:-6px;width:676px;height:1px;background-color:#ffffff;} .newsview_newsbox .newsbox_list .border {padding:0;margin-top:-1px;margin-left:-6px;width:676px;height:6px;background-color:#00aeef;} .newsview_newsbox .newsbox_list dl {position:relative;} .newsview_newsbox .newsbox_list dl .ico_jebo {margin:0;position:absolute;top:0;left:0;} /*연예스포츠 서브메인 2015-09-11 추가*/ .entertain_newsbox {width:676px;overflow:hidden;padding:13px 0 16px 0;} .entertain_newsbox .tit_area {width:100%;height:27px;display:inline-block;border-bottom:6px solid #000000;} .entertain_newsbox .tit_area .title {float:left;} .entertain_newsbox .tit_area .more {float:right;padding-top:8px;} .entertain_newsbox .newsbox_list {background-color:#000000;display:inline-block;width:670px;padding-left:6px;} .entertain_newsbox .newsbox_list li {float:left;padding:6px 6px 6px 0;} .entertain_newsbox .newsbox_list dd {width:323px;;padding:4px 6px 3px 0;} .entertain_newsbox .newsbox_list dd a {font-size:16px;line-height:30px;color:#ffffff;letter-spacing:-1px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .entertain_newsbox .newsbox_list .w_border {padding:0;margin:0;margin-left:-6px;width:676px;height:1px;background-color:#ffffff;} .entertain_newsbox .newsbox_list .border {padding:0;margin-top:-1px;margin-left:-6px;width:676px;height:6px;background-color:#ff006f;} /*인기뉴스*/ .main_manybox {overflow:hidden;width:300px;height:439px;margin-bottom:7px;letter-spacing:-1px;} .main_manybox ul {width:300px;margin:0;padding:0}/*높이값 조절*/ .main_manybox li {width:269px;height:43px;padding:0 0 0 29px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px solid #dfdfdf;} .main_manybox li a {width:270px;font-size:13px; line-height:40px;font-weight:normal;text-overflow:ellipsis;letter-spacing:0;color:#333333;} .main_manybox .num01 {background:url(/img/comm/ico_num01.gif) no-repeat 1px 12px ;display:block;} .main_manybox .num02 {background:url(/img/comm/ico_num02.gif) no-repeat 1px 12px ;display:block;} .main_manybox .num03 {background:url(/img/comm/ico_num03.gif) no-repeat 1px 12px ;display:block;} .main_manybox .num04 {background:url(/img/comm/ico_num04.gif) no-repeat 1px 12px ;display:block;} .main_manybox .num05 {background:url(/img/comm/ico_num05.gif) no-repeat 1px 12px ;display:block;} .main_manybox .num06 {background:url(/img/comm/ico_num06.gif) no-repeat 1px 12px ;display:block;} .main_manybox .num07 {background:url(/img/comm/ico_num07.gif) no-repeat 1px 12px ;display:block;} .main_manybox .num08 {background:url(/img/comm/ico_num08.gif) no-repeat 1px 12px ;display:block;} .main_manybox .num09 {background:url(/img/comm/ico_num09.gif) no-repeat 1px 12px ;display:block;} .main_manybox .num010 {background:url(/img/comm/ico_num10.gif) no-repeat 1px 12px ;display:block;border-bottom:0px;} .many_news_tab {width:300px;margin:16px 0 0 0;padding:0;list-style: none;} .many_news_tab li {float:left;width: 150px;border-bottom: 2px solid #161616;height: 24px;} /*오늘의뉴스시리즈*/ .sub_right_box {width:300px;padding:5px 0 25px 0;} .sub_right_box .tit_area {position:relative;height:23px;border-bottom:2px solid #12b4f0;} .sub_right_box .tit_area .title {float:left;} .sub_right_box .tit_area .more {float:right;padding-top:5px;} .sub_right_box .tit_area .outlink {float:right;} .sub_right_list {padding:8px 0 0 0;} .sub_right_list dd {padding-top:5px;font-size:16px;line-height:26px;color:#5b5b5b;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .sub_right_list dd a, .sub_right_list dd a:hover {color:#5b5b5b;} .sub_right_box .tit_area .sub_right_tab {width:300px;height:23px;} .sub_right_box .tit_area .sub_right_tab li {float:left;display:inline-block;cursor:pointer;} /*동영상시청 도움말*/ .article_wrap .bt_vodinfo {width:100%;text-align:right;overflow:hidden;margin:0 auto 10px auto;} .article_wrap .bt_vodinfo img {cursor:pointer;vertical-align:baseline;} .wmv_info {height:37px;padding:0;margin:10px 0;} .wmv_info_l {position:absolute;width:100%;text-align:center;} .wmv_info_r {position:relative;z-index:200;text-align:right;} .lazy-hidden{opacity:0}.lazy-loaded{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:1} /*----------------------------------------------------------------------------------------------*/ /*리우올림픽_gnb버튼*/ #nav3 .rio_gnb_btn {position:absolute; right:5px; top:9px; display:block; z-index:999 }