@charset "euc-kr"; /**************************************************************************** reset ****************************************************************************/ html, body, div, p, span, strong, em, a, img, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, iframe,fieldset, form, label, legend, table, caption, thead, tbody, tfoot, tr, th, td {margin:0; padding:0; border:0 none; outline:0 none; vertical-align:baseline; font-size:100%; background:transparent none repeat scroll 0 0;} html {overflow-y:scroll;} body {color:#444; font-size:12px; font-family:'Apple SD Gothic Neo','맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; background-color:#fff; line-height:18px; letter-spacing:-0.07em;} dl,ul,ol {list-style:none;} img,fieldset {border:none; margin:0; padding:0; vertical-align:baseline; outline:0 none; font-size:100%; background:transparent none repeat scroll 0 0;} img {vertical-align:middle;} input,textarea,select {font-size:12px;} table {border-spacing:0; border-collapse:collapse; empty-cells:show;} legend,caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;} em, address {font-style:normal;} button, input {margin:0; padding:0; border:0 none; cursor:pointer; outline:0 none; vertical-align:baseline; font-size:100%; background:none repeat scroll 0 0 none;} a, a:visited, a:active {color:#444; text-decoration:none;} a:hover {color:#3b57c4; text-decoration:underline;} /**************************************************************************** layout ****************************************************************************/ /* body { background:url('http://img.khan.co.kr/spko/main_2016/bg_top.gif') repeat-x scroll 0 0 transparent;} */ #wrap {/* width:1225px; margin:0 auto; */ position:relative; background:url('http://img.khan.co.kr/spko/main_2016/bg_top.gif') repeat-x scroll 0 0 transparent;} #header, #container, #footer {width:1050px; margin:0 auto;} #container {*zoom:1; margin-bottom:30px;} #container:after {clear:both; display:block; content:"";} /**************************************************************************** common ****************************************************************************/ .f_l {float:left} .f_r {float:right} .fnt_ta { font-family:tahoma;} .shadow { position:absolute; top:0; right:0; left:0; bottom:0; width:100%; display:block;} .trans_border {position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #000; cursor:pointer; opacity:0.1; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);} .screen_out {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;} /* 마진 */ .mgt10 {margin-top:10px !important;} .mgt20 {margin-top:20px !important;} .mgt30 {margin-top:30px !important;} .mgr10 {margin-right:10px !important;} .mgb10 {margin-bottom:10px !important;} .mgb20 {margin-bottom:20px !important;} .mgb30 {margin-bottom:30px !important;} .mgb60 {margin-bottom:60px !important;} /**************************************************************************** & 디자인 ****************************************************************************/ /* CSS 버튼 공통요소 */ .link_corp {display:inline-block;position:relative;z-index:1;text-align:center;cursor:pointer} .link_corp:hover {text-decoration:none;} .link_corp span {display:inline-block;color:inherit;line-height:1em} /**************************************************************************** header ****************************************************************************/ #header { position:relative; z-index:50;} /* top */ #header .top_area { height:30px; line-height:29px; overflow:hidden; font-size:12px; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; } #header .top_area dd span { font-family:'돋움', Dotum, Helvetica, AppleGothic, Sans-serif; } #header .top_area .family_site { float: left; margin: 0;} #header .top_area .family_site dd a { color: #898989; font-size: 12px;} #header .top_area .family_site dd a.txt_v11 { color: #638ad2;} #header .top_area .family_site dd a.eng { letter-spacing:0px; } #header .top_area .family_site dd span { color: #dfdfdf; padding: 0 2px; font-size: 12px;} #header .top_area .membership { float: right;} #header .top_area .membership dd { float: left; margin-right: 6px; padding-right: 4px;} #header .top_area .membership dd a { color: #898989; font-size: 12px; } #header .top_area .membership dd a.log { font-weight:bold; color: #3b57c4;} #header .top_area .membership dd span { color: #dfdfdf; padding: 0 1px; font-size: 12px;} #header .top_area:after { clear: both; content: ""; display: block;} #header .logo_area { height:124px; position:relative; border-bottom:1px solid #e8e8e8; margin-bottom:2px;} /* #header .logobg {background:url("http://img.khan.co.kr/spko/main_2013/bg2014_logo.jpg") 290px 0px no-repeat;} */ #header .logobg {background:url("http://img.khan.co.kr/spko/main_2015/bg_newyear_2015.jpg") 331px 20px no-repeat;} /* #header .logo_area h1 { position:absolute; padding:0; left:50%; width:200px; height:57px; margin-left:-100px; top:32px; z-index:100;} */ #header .logo_area h1 {position:absolute; left:50%; top:36px; width:248px; height:51px; margin-left:-124px; padding:0; z-index:100;} #header .logo_area h1.flame {top:4px; width:270px; height:120px; margin-left:-135px;} #header .logo_area .issue { position:absolute; top:37px; left:0; width:235px; height:75px; } #header .logo_area .issue h3.blind { display:block; overflow:hidden; position:absolute; left:0; top:-9999px; } #header .logo_area .issue .banner { position:absolute; right:0; bottom:0; width:235px; height:75px; overflow:hidden; text-align:right; } #header .logo_area .issue .banner img { vertical-align:top; } #header .logo_area .issue .arw { position:absolute; right:-7px; bottom:-2px; width:40px; height:18px; text-indent:-9999px; } #header .logo_area .issue .arw a { float:left; display:block; overflow:hidden; width:20px; height:18px; background:url("http://img.khan.co.kr/spko/main_2011/imgset.gif") no-repeat; } #header .logo_area .issue .arw a.prev { background-position: 8px -98px; } #header .logo_area .issue .arw a.next { background-position: -12px -98px; } #header .logo_area .sns_wrap { position:absolute; top:84px; right:0; z-index:30;} #header .logo_area .sns_wrap:after { clear: both; content: ""; display: block;} #header .logo_area .sns_wrap .social { float:left;} #header .logo_area .sns_wrap .social li { float:left; background:url('http://img.khan.co.kr/spko/main_2015/set_common.png?v=20180927') no-repeat scroll 0 0 transparent; width:27px; height:30px;} #header .logo_area .sns_wrap .social li a { display:block; width:27px; height:30px; text-indent:-9999px;} #header .logo_area .sns_wrap .social li.facebook { background-position:0 0; margin-right:5px;} #header .logo_area .sns_wrap .social li.facebook:hover { background-position:0 -30px;} #header .logo_area .sns_wrap .social li.twitter { background-position:-32px 0; margin-right:6px;} #header .logo_area .sns_wrap .social li.twitter:hover { background-position:-32px -30px;} #header .logo_area .sns_wrap .social li.google { background-position:-65px 0; margin-right:4px;} #header .logo_area .sns_wrap .social li.google:hover { background-position:-65px -30px;} #header .logo_area .sns_wrap .social li.kakao { background-position:-92px 0; margin-right:4px;} #header .logo_area .sns_wrap .social li.kakao:hover { background-position:-92px -30px;} #header .logo_area .sns_wrap .social li.instagram { background-position:-121px 0; margin-right:4px;} #header .logo_area .sns_wrap .social li.instagram:hover { background-position:-121px -30px;} #header .logo_area .sns_wrap .social li.youtube {width:35px; margin-right:9px; background:url('http://img.khan.co.kr/spko/main_2015/icon_header_youtube.png') no-repeat scroll 0 0 transparent; background-position:0 0; margin-right:14px;} #header .logo_area .sns_wrap .social li.youtube:hover {background:url('http://img.khan.co.kr/spko/main_2015/icon_header_youtube.png') no-repeat scroll 0 0 transparent; background-position:0 -30px;} #header .logo_area .sns_wrap .bar { background:#d7d7d7 none repeat scroll 0 0; width:1px; height:21px; position:absolute; left:142px; top:6px;} #header .logo_area .sns_wrap .search_btn { float:left; position:relative; padding-left:10px;} #header .logo_area .sns_wrap .search_btn .bar { background:#d7d7d7 none repeat scroll 0 0; width:1px; height:21px; position:absolute; left:0; top:6px;} #header .logo_area .sns_wrap .search_btn input { height:30px; margin:1px 0; vertical-align:middle;} #header .logo_area .sns_wrap .search_btn .keyword { border:1px solid #c5c5c5; padding:4px 3px 6px; width:154px; height:11px; line-height:18px; color:#888;} #header .logo_area .sns_wrap .search_btn .bbs_srch img { cursor:pointer;} #header .logo_area .icon_new { background:url("http://img.khan.co.kr/spko/main_2014/icon_new.png") no-repeat scroll 0 0 transparent; display:block; position:absolute; top:113px; left:614px; z-index:1000; width:36px; height:18px; text-indent:-9999px;} #header .logo_area .newBadge {display:block; position:absolute; top:116px; left:745px; width:42px; height:17px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2015/icon_new_160204.png") no-repeat; z-index:30;} /* 신규런칭 메뉴 NEW 아이콘 */ #header #khanGnb { color:#444; font-size:12px; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; background-color: #FFF; line-height:17px;} /* gnb */ #header #khanGnb { width:1050px; height:45px; position:relative; background-color:#2544a6;} #header #khanGnb .gnb_list li { float:left;} #header #khanGnb .gnb_list li h2 a { background:url('http://img.khan.co.kr/spko/main_2015/set_navi.gif?v=20160204') no-repeat scroll 0 0 transparent; cursor:pointer; display:block; height:45px; text-indent:-9999px;} #header #khanGnb .gnb_list li.news h2 a { background-position:0 0; width:74px;} #header #khanGnb .gnb_list li.news h2 a.on{ background-position:0 -55px;} #header #khanGnb .gnb_list li.news h2 a.ove { background-position:0 -55px;} #header #khanGnb .gnb_list li.opinion h2 a { background-position:-74px 0; width:96px;} #header #khanGnb .gnb_list li.opinion h2 a.on{ background-position:-74px -55px;} #header #khanGnb .gnb_list li.opinion h2 a.ove { background-position:-74px -55px;} #header #khanGnb .gnb_list li.sports h2 a { background-position:-170px 0; width:84px;} #header #khanGnb .gnb_list li.sports h2 a.on{ background-position:-170px -55px;} #header #khanGnb .gnb_list li.sports h2 a.ove { background-position:-170px -55px;} #header #khanGnb .gnb_list li.entertain h2 a { background-position:-254px 0; width:70px;} #header #khanGnb .gnb_list li.entertain h2 a.on{ background-position:-254px -55px;} #header #khanGnb .gnb_list li.entertain h2 a.ove { background-position:-254px -55px;} #header #khanGnb .gnb_list li.life h2 a { background-position:-324px 0; width:70px;} #header #khanGnb .gnb_list li.life h2 a.on{ background-position:-324px -55px;} #header #khanGnb .gnb_list li.life h2 a.ove { background-position:-324px -55px;} #header #khanGnb .gnb_list li.photo h2 a { background-position:-394px 0; width:102px;} #header #khanGnb .gnb_list li.photo h2 a.on{ background-position:-394px -55px;} #header #khanGnb .gnb_list li.photo h2 a.ove { background-position:-394px -55px;} #header #khanGnb .gnb_list li.community h2 a { background-position:-496px 0; width:74px;} #header #khanGnb .gnb_list li.community h2 a.on{ background-position:-496px -55px;} #header #khanGnb .gnb_list li.community h2 a.ove { background-position:-496px -55px;} #header #khanGnb .gnb_list li.election h2 a { background-position:-570px 0; width:62px;} #header #khanGnb .gnb_list li.election h2 a.on{ background-position:-570px -55px;} #header #khanGnb .gnb_list li.election h2 a.ove{ background-position:-570px -55px;} #header #khanGnb .gnb_list li.people h2 a { background-position:-632px 0; width:74px;} #header #khanGnb .gnb_list li.people h2 a.on{ background-position:-632px -55px;} #header #khanGnb .gnb_list li.people h2 a.ove{ background-position:-632px -55px;} #header #khanGnb .gnb_list li.youngman h2 a { background-position:-710px 0; width:115px;} #header #khanGnb .gnb_list li.youngman h2 a.on{ background-position:-710px -55px;} #header #khanGnb .gnb_list li.youngman h2 a.ove{ background-position:-710px -55px;} #header #khanGnb .aside_more { position:absolute; top:13px; right:11px; width:55px; height:17px; z-index:30;} #header #khanGnb .aside_more a { background:url('http://img.khan.co.kr/spko/main_2015/set_common.png') no-repeat scroll 0 -90px transparent; display:block; width:55px; height:17px; overflow:hidden; text-indent:-9999px;} .section_navi li .ico_new_n { background:url('http://img.khan.co.kr/spko/main_2016/ico_new_160205.png') no-repeat scroll 0 0 transparent; display:block; position:absolute; top:-24px; left:24px; z-index:30; text-indent:-9999px; width:39px; height:15px;} /* 더보기 */ #navi_more_layer { float:left;position:absolute; top:198px; right:87px; z-index:70; width:454px; height:264px; border:1px solid #000; background:none repeat scroll 0 0 #fafcfe; color:#444; font-size:12px; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif;} #navi_more_layer .svc_wrap { width:583px; overflow:hidden;} #navi_more_layer .svc_wrap:after { clear: both; content: ""; display: block;} #navi_more_layer .svc_list { float:left; width:114px; height:234px; border-right:1px solid #e1e5ea; padding:0 15px;} #navi_more_layer .svc_list.last { border-right:0 none;} #navi_more_layer .svc_list .svc_menu { padding:12px 0;} #navi_more_layer .svc_list .svc_menu.line { border-top:1px solid #e1e5ea;} #navi_more_layer .svc_list .svc_menu h3 { color:#000; height:27px; font-size:14px;} #navi_more_layer .svc_list .svc_menu h3 a { background:url('http://img.khan.co.kr/spko/main_2013/arrow_svc.png') no-repeat scroll 100% 7px transparent; padding-right:8px;} #navi_more_layer .svc_list .svc_menu li { background:url("http://img.khan.co.kr/spko/main_2013/blit_blue.gif") no-repeat scroll 1px 8px transparent; margin-bottom:3px; padding-left:7px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #navi_more_layer .svc_list .svc_menu li a { color:#777; line-height:18px;} #navi_more_layer .svc_list .svc_menu.social { padding:0;} #navi_more_layer .svc_list .svc_menu.social li { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 0 transparent; width:22px; height:22px; padding-left:0; float:left; margin-right:5px; margin-bottom:5px; } #navi_more_layer .svc_list .svc_menu.social li.twitter { background-position:-140px -870px;} #navi_more_layer .svc_list .svc_menu.social li.facebook { background-position:-167px -870px;} #navi_more_layer .svc_list .svc_menu.social li.metoday { background-position:-193px -870px;} #navi_more_layer .svc_list .svc_menu.social li.google { background-position:-219px -870px;} #navi_more_layer .svc_list .svc_menu.social li.pinter { background-position:-245px -870px;} #navi_more_layer .svc_list .svc_menu.social li.kakao { background-position:-271px -870px;} #navi_more_layer .svc_list .svc_menu.social li a { display:block; text-indent:-9999px; overflow:hidden; width:22px; height:22px;} #navi_more_layer .svc_bottom { height:25px; background:none repeat scroll 0 0 #39425b; position:relative; padding:5px 0 0 9px;} #navi_more_layer .svc_bottom .all_view { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll -140px -915px transparent; width:95px; height:20px; display:block; } #navi_more_layer .svc_bottom .all_view a { text-indent:-9999px; display:block; width:95px; height:20px;} #navi_more_layer .svc_bottom .btn_close { position:absolute; top:6px; right:6px; z-index:5; width:19px; height:19px; display:block; background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll -140px -945px} #navi_more_layer .svc_bottom .btn_close a { text-indent:-9999px; display:block; width:19px; height:19px;} #navi_more_layer .svc_list .svc_menu.life { padding:12px 0 7px;} #navi_more_layer .svc_list .svc_menu.life h3 { color:#000; height:21px; font-size:14px;} /* sub메뉴 공통 */ #header #khanGnb .depth02 { background-color:#fff; border-left:1px solid #1d49ae; border-right:1px solid #1d49ae; border-bottom:1px solid #1d49ae; height:260px; position:absolute; left:0; top:45x; width:1048px; z-index:50; overflow:hidden;} #header #khanGnb .depth02:after { clear: both; content: ""; display: block;} #header #khanGnb .depth02 .depth02_menu { overflow:hidden; float:left;} #header #khanGnb .depth02 .depth02_menu:after { clear: both; content: ""; display: block;} #header #khanGnb .depth02 .depth02_menu li { border-right:1px solid #dee8f0; float:left; height:259px; position:relative;} #header #khanGnb .depth02 .depth02_menu li .title { color:#000; font-size:14px; font-weight:bold; line-height:24px; background-color:#f4faff; padding:7px 0 0 10px; height:31px; display:block; cursor:hand;} #header #khanGnb .depth02 .depth02_menu li a:hover .title_main { color:#2d72ee; text-decoration:underline;} #header #khanGnb .depth02 .depth02_menu li a { display:block;} #header #khanGnb .depth02 .depth02_menu li a:hover .title { color:#2d72ee; text-decoration:underline;} #header #khanGnb .depth02 .depth02_menu li a.select .title { color:#2d72ee; text-decoration:underline;} #header #khanGnb .depth02 .depth02_menu li .title_lst { background-color:#f4faff; padding:5px 0 14px; overflow:hidden;} #header #khanGnb .depth02 .depth02_menu li .title_lst:after { clear: both; content: ""; display: block;} #header #khanGnb .depth02 .depth02_menu li .title_lst li { border-right:0 none; height:24px;} #header #khanGnb .depth02 .depth02_menu li .title_lst .title { line-height:18px; padding:5px 0 0 10px; height:19px;} #header #khanGnb .depth02 .depth02_menu li .title_lst .nstory {color:#E4761A;} #header #khanGnb .depth02 .depth02_menu li a:hover .nstory {color:#E4761A; text-decoration:none!important;} /* 뉴스 */ #header #khanGnb .depth02.newsub .depth02_menu li { width:140px;} #header #khanGnb .depth02.newsub .depth02_menu li.first { width:138px; padding:0; position:relative; !important;} #header #khanGnb .depth02.newsub .depth02_menu li .title { padding:7px 0 0 15px;} #header #khanGnb .depth02.newsub .depth02_menu li .title_lst .title { line-height:18px; padding:5px 0 0 15px; height:19px;} #header #khanGnb .depth02.newsub .depth02_menu li.first a { display:block; width:138px; height:259px;} #header #khanGnb .depth02.newsub .depth02_menu li.first a:hover { background-color:#f4faff;} #header #khanGnb .depth02.newsub .depth02_menu li.first a .tit_main { position:absolute; top:62px; left:28px; z-index:60; background:url('http://img.khan.co.kr/spko/main_2013/navi_title_news.png') no-repeat scroll 0 0 transparent; display:block; width:84px; height:80px; overflow:hidden; text-indent:-9999px; cursor:hand;} #header #khanGnb .depth02.newsub .depth02_menu li.second { position:relative;} #header #khanGnb .depth02.newsub .depth02_menu li.second .news_lst { position:absolute; top:56px; left:15px; z-index:60; width:110px;} #header #khanGnb .depth02.newsub .depth02_menu li.second .news_lst a { background:url('http://img.khan.co.kr/spko/main_2013/blit_blue.gif') no-repeat scroll 0 7px transparent; display:block; font-size:12px; color:#777; line-height:17px; margin:0 0 4px; padding:0 0 0 6px;} #header #khanGnb .depth02.newsub .depth02_menu li.fourth { width:160px;} #header #khanGnb .depth02.newsub .depth02_menu li.fourth .issue { position:absolute; top:129px; left:15px; z-index:60; width:130px;} #header #khanGnb .depth02.newsub .depth02_menu li.fourth .issue a { background:url('http://img.khan.co.kr/spko/main_2013/blit_blue.gif') no-repeat scroll 0 7px transparent; display:block; font-size:12px; color:#777; line-height:17px; margin:0 0 7px; padding:0 0 0 6px;} #header #khanGnb .depth02 .many_news { float:left; border-right:1px solid #dee8f0; width:240px; height:239px; padding:10px 10px;} #header #khanGnb .depth02 .many_news:after { clear: both; content: ""; display: block;} #header #khanGnb .depth02 .many_news .tit { margin:0 auto 5px; background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -129px transparent; display:block; width:81px; height:18px; overflow:hidden; text-indent:-9999px;} #header #khanGnb .depth02 .many_news ol li { float:none; width:230px; height:21px; line-height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#777;} #header #khanGnb .depth02 .many_news ol li strong { width:20px; text-align:center; font-size:11px; font-family:Verdana; display:inline-block;} #header #khanGnb .depth02 .many_news ol li.num_color strong { color:#2d72ee;} #header #khanGnb .depth02 .many_news ol li a { color:#777;} #header #khanGnb .depth02 .many_news ol li.num_color a { color:#333; font-weight:bold;} #header #khanGnb .depth02 .sideNews { width:173px; height:239px; padding:10px 16px 10px 15px; float:right;} #header #khanGnb .depth02 .sideNews .photo { width:174px; height:170px; position:relative; overflow:hidden;} #header #khanGnb .depth02 .sideNews .photo .thumb { width:174px; height:127px; position:relative; } #header #khanGnb .depth02 .sideNews .photo .thumb a { display:block;} #header #khanGnb .depth02 .sideNews .photo .thumb .trans_border { width:172px; height:125px;} #header #khanGnb .depth02 .sideNews .photo .text { text-align:center; display:block; margin-top:2px; line-height:16px;} #header #khanGnb .depth02 .sideNews .photo .category { position:absolute; top:0; left:0; z-index:10; } #header #khanGnb .depth02 .sideNews .photo .pagination { position:absolute; top:6px; right:6px; z-index:10; height:10px;} #header #khanGnb .depth02 .sideNews .photo .pagination li { float:left; display:block; width:10px; height:10px; margin:0 2px; background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll -90px -75px transparent;} #header #khanGnb .depth02 .sideNews .photo .pagination li a { display:block; overflow:hidden; text-indent:-9999px;} #header #khanGnb .depth02 .sideNews .photo .pagination li span { display:block; overflow:hidden; text-indent:-9999px; cursor:pointer;} #header #khanGnb .depth02 .sideNews .photo .pagination li.current { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll -90px -95px transparent;} #header #khanGnb .depth02 .sideNews .stock { width:174px; position:relative; margin-top:6px;} #header #khanGnb .depth02 .sideNews .stock .tit { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -157px transparent; display:block; width:68px; height:18px; overflow:hidden; text-indent:-9999px;} #header #khanGnb .depth02 .sideNews .stock .day { position:absolute; top:0; right:0; z-index:10; font-size:11px; color:#909090;} #header #khanGnb .depth02 .sideNews .stock ul { overflow:hidden;} #header #khanGnb .depth02 .sideNews .stock ul li { display:block; color:#000; font-weight:bold; margin-top:3px; } #header #khanGnb .depth02 .sideNews .stock ul li .currency { float:left; font-weight:bold; color:#727272; margin-right:5px; } #header #khanGnb .depth02 .sideNews .stock ul li .won { float:left; font-family:Tahoma; width:75px; font-size:12px;} #header #khanGnb .depth02 .sideNews .stock ul li .stockUP { float:left; color:#e90000; width:55px; text-align:right; font-size:11px;} #header #khanGnb .depth02 .sideNews .stock ul li .stockDW { float:left; color:#3d8de7; width:55px; text-align:right; font-size:11px;} #header #khanGnb .depth02 .sideNews .stock ul:after { clear: both; content: ""; display: block;} /* 뉴스 신규 메뉴 new 아이콘 추가 */ #header #khanGnb .depth02 .menu_new {display:block;width:28px;height:12px;position:absolute;top:15px;left:482px;background:url('http://img.khan.co.kr/spko/main_2015/icon_menunew.png') no-repeat;text-indent:-9999px;z-index:30;} /* 오피니언 */ #header #khanGnb .depth02.opinionsub .depth02_menu li { width:130px;} #header #khanGnb .depth02.opinionsub .depth02_menu li.second .title_lst li { width:110px;} #header #khanGnb .depth02.opinionsub .depth02_menu li.first { width:138px;} #header #khanGnb .depth02.opinionsub .depth02_menu li.second { width:110px;} #header #khanGnb .depth02.opinionsub .depth02_menu li.first a { display:block; width:138px; height:259px;} #header #khanGnb .depth02.opinionsub .depth02_menu li.first a:hover { background-color:#f4faff;} #header #khanGnb .depth02.opinionsub .depth02_menu li.first a .tit_main { position:absolute; top:45px; left:28px; z-index:60; background:url('http://img.khan.co.kr/spko/main_2013/navi_title_opinion.png') no-repeat scroll 0 0 transparent; display:block; width:84px; height:150px; overflow:hidden; text-indent:-9999px; cursor:hand;} #header #khanGnb .depth02.opinionsub .depth02_menu li .txt_lst a { background:url("http://img.khan.co.kr/spko/main_2013/blit_blue.gif") no-repeat scroll 0 7px transparent; color:#777; display:block; font-size:12px; line-height:17px; margin:0 0 4px; padding:0 0 0 6px;} #header #khanGnb .depth02.opinionsub .depth02_menu li.third .txt_lst { position:absolute; top:50px; left:10px; z-index:60; width:100px;} #header #khanGnb .depth02.opinionsub .depth02_menu li.fourth .txt_lst { position:absolute; top:50px; left:10px; z-index:60; width:100px;} #header #khanGnb .depth02.opinionsub .depth02_menu li.fifth .txt_lst { position:absolute; top:50px; left:10px; z-index:60; width:100px;} #header #khanGnb .depth02.opinionsub .news_wrap { width:405px; float:left;} #header #khanGnb .depth02.opinionsub .news_wrap:after { clear: both; content: ""; display: block;} #header #khanGnb .depth02.opinionsub .news_wrap ul { overflow:hidden; width:405px; height:259px; background:url("http://img.khan.co.kr/spko/main_2013/bg_nv_opinion.gif") no-repeat scroll 15px 0 transparent;} #header #khanGnb .depth02.opinionsub .news_wrap ul li { float:left; width:182px; height:113px; padding:8px 10px;} #header #khanGnb .depth02.opinionsub .news_wrap ul li.first { margin:0 1px 1px 0;} #header #khanGnb .depth02.opinionsub .news_wrap ul li.last { margin:0 0 1px 0;} #header #khanGnb .depth02.opinionsub .news_wrap ul li .title { color:#000; display:block; font-size:12px; font-weight:bold; margin-bottom:8px; line-height:16px;} #header #khanGnb .depth02.opinionsub .news_wrap ul li .thumb { float:left; width:70px; margin-right:7px; position:relative;} #header #khanGnb .depth02.opinionsub .news_wrap ul li .thumb a { display:block; width:70px; height:70px;} #header #khanGnb .depth02.opinionsub .news_wrap ul li .thumb .trans_border { width:68px; height:68px;} #header #khanGnb .depth02.opinionsub .news_wrap ul li .cont { float:right; width:105px;} #header #khanGnb .depth02.opinionsub .news_wrap ul li .cont a {color:#888;} #header #khanGnb .depth02.opinionsub .news_wrap ul li.text .cont { float:none; width:167px;} /* 스포츠 */ #header #khanGnb .depth02.sportssub .depth02_menu li { width:163px;} #header #khanGnb .depth02.sportssub .depth02_menu li.first { width:138px;} #header #khanGnb .depth02.sportssub .depth02_menu li.second { width:163px;} #header #khanGnb .depth02.sportssub .depth02_menu li.first a { display:block; width:138px; height:259px;} #header #khanGnb .depth02.sportssub .depth02_menu li.first a:hover { background-color:#f4faff;} #header #khanGnb .depth02.sportssub .depth02_menu li.first a .tit_main { position:absolute; top:45px; left:28px; z-index:60; background:url('http://img.khan.co.kr/spko/main_2013/navi_title_sports.png') no-repeat scroll 0 0 transparent; display:block; width:84px; height:124px; overflow:hidden; text-indent:-9999px; cursor:hand;} #header #khanGnb .depth02.sportssub .many_news { width:263px;} #header #khanGnb .depth02.sportssub .many_news ol li { width:263px;} #header #khanGnb .depth02.sportssub .many_news .tit { background:url("http://img.khan.co.kr/spko/main_2013/set_common.png") no-repeat scroll -91px -129px transparent; width:122px;} #header #khanGnb .depth02.sportssub .news_wrap01 { float:left; width:190px; height:249px; border-right:1px dashed #dcdcdc; padding:10px 20px 0 20px;} #header #khanGnb .depth02.sportssub .news_wrap01 li { width:190px; height:118px; overflow:hidden;} #header #khanGnb .depth02.sportssub .news_wrap01 li.last { margin-top:7px;} #header #khanGnb .depth02.sportssub .news_wrap01 li .thumb { position:relative; width:190px; height:78px; margin-bottom:3px;} #header #khanGnb .depth02.sportssub .news_wrap01 li .thumb a { display:block;} #header #khanGnb .depth02.sportssub .news_wrap01 li .thumb .trans_border { width:188px; height:76px;} #header #khanGnb .depth02.sportssub .news_wrap01 li .text { font-size:12px; font-weight:bold;} #header #khanGnb .depth02.sportssub .news_wrap02 { float:left; width:180px; padding:10px 25px 0 25px;} #header #khanGnb .depth02.sportssub .news_wrap02 .photo { position:relative; margin:0; width:180px;} #header #khanGnb .depth02.sportssub .news_wrap02 .photo dt { position:absolute; top:114px; elft:0; text-align:center; z-index:2; padding:3px 5px 0; width:170px; height:24px;} #header #khanGnb .depth02.sportssub .news_wrap02 .photo dt a { color:#fff; font-size:12px; display:block; font-weight:bold; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;} #header #khanGnb .depth02.sportssub .news_wrap02 .photo dd { height:138px;} #header #khanGnb .depth02.sportssub .news_wrap02 .photo dd.bg { background:none repeat scroll 0 0 #000; position:absolute; top:114px; left:0; height:24px; width:180px; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);} #header #khanGnb .depth02.sportssub .news_wrap02 .series { overflow:hidden; width:180px; margin-top:18px;} #header #khanGnb .depth02.sportssub .news_wrap02 .series dt { margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:180px;} #header #khanGnb .depth02.sportssub .news_wrap02 .series dt a { color:#000; font-weight:bold; font-size:14px;} #header #khanGnb .depth02.sportssub .news_wrap02 .series dd a { margin-bottom:2px; width:172px; background:url("http://img.khan.co.kr/spko/main_2013/blit_blue.gif") no-repeat scroll 1px 8px transparent; color:#777; display:block; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* 연예 */ #header #khanGnb .depth02.entersub .depth02_menu li { width:163px;} #header #khanGnb .depth02.entersub .depth02_menu li.first { width:138px;} #header #khanGnb .depth02.entersub .depth02_menu li.second { width:163px;} #header #khanGnb .depth02.entersub .depth02_menu li.first a { display:block; width:138px; height:259px;} #header #khanGnb .depth02.entersub .depth02_menu li.first a:hover { background-color:#f4faff;} #header #khanGnb .depth02.entersub .depth02_menu li.first a .tit_main { position:absolute; top:73px; left:28px; z-index:60; background:url('http://img.khan.co.kr/spko/main_2013/navi_title_enter.png') no-repeat scroll 0 0 transparent; display:block; width:84px; height:88px; overflow:hidden; text-indent:-9999px; cursor:hand;} #header #khanGnb .depth02.entersub .many_news { width:263px;} #header #khanGnb .depth02.entersub .many_news ol li { width:263px;} #header #khanGnb .depth02.entersub .many_news .tit { background:url("http://img.khan.co.kr/spko/main_2013/set_common.png") no-repeat scroll -223px -129px transparent; width:109px;} #header #khanGnb .depth02.entersub .news_wrap01 { float:left; width:190px; height:249px; border-right:1px dashed #dcdcdc; padding:10px 20px 0 20px;} #header #khanGnb .depth02.entersub .news_wrap01 li { width:190px; height:118px; overflow:hidden;} #header #khanGnb .depth02.entersub .news_wrap01 li.last { margin-top:7px;} #header #khanGnb .depth02.entersub .news_wrap01 li .thumb { position:relative; width:190px; height:78px; margin-bottom:3px;} #header #khanGnb .depth02.entersub .news_wrap01 li .thumb a { display:block;} #header #khanGnb .depth02.entersub .news_wrap01 li .thumb .trans_border { width:188px; height:76px;} #header #khanGnb .depth02.entersub .news_wrap01 li .text { font-size:12px; font-weight:bold;} #header #khanGnb .depth02.entersub .news_wrap02 { float:left; width:180px; padding:10px 25px 0 25px;} #header #khanGnb .depth02.entersub .news_wrap02 .photo { position:relative; margin:0; width:180px;} #header #khanGnb .depth02.entersub .news_wrap02 .photo dt { position:absolute; top:114px; left:0; text-align:center; z-index:2; padding:3px 5px 0; width:180px; height:24px;} #header #khanGnb .depth02.entersub .news_wrap02 .photo dt a { color:#fff; font-size:12px; display:block; font-weight:bold; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;} #header #khanGnb .depth02.entersub .news_wrap02 .photo dd { height:138px;} #header #khanGnb .depth02.entersub .news_wrap02 .photo dd.bg { background:none repeat scroll 0 0 #000; position:absolute; top:114px; left:0; height:24px; width:180px; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);} #header #khanGnb .depth02.entersub .news_wrap02 .series { overflow:hidden; width:180px; margin-top:18px;} #header #khanGnb .depth02.entersub .news_wrap02 .series dt { margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:180px;} #header #khanGnb .depth02.entersub .news_wrap02 .series dt a { color:#000; font-weight:bold; font-size:14px;} #header #khanGnb .depth02.entersub .news_wrap02 .series dd a { margin-bottom:2px; width:172px; background:url("http://img.khan.co.kr/spko/main_2013/blit_blue.gif") no-repeat scroll 1px 8px transparent; color:#777; display:block; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* 포토·영상 */ #header #khanGnb .depth02.photosub .depth02_menu li { width:167px;} #header #khanGnb .depth02.photosub .depth02_menu li.first { width:138px;} #header #khanGnb .depth02.photosub .depth02_menu li.third { width:161px; border-right:0 none;} #header #khanGnb .depth02.photosub .depth02_menu li.first a { display:block; width:138px; height:259px;} #header #khanGnb .depth02.photosub .depth02_menu li.first a:hover { background-color:#f4faff;} #header #khanGnb .depth02.photosub .depth02_menu li.first a .tit_main { position:absolute; top:45px; left:28px; z-index:60; background:url('http://img.khan.co.kr/spko/main_2013/navi_title_photo.png') no-repeat scroll 0 0 transparent; display:block; width:84px; height:128px; overflow:hidden; text-indent:-9999px; cursor:hand;} #header #khanGnb .depth02.photosub .depth02_menu li .txt_lst a { background:url("http://img.khan.co.kr/spko/main_2013/blit_blue.gif") no-repeat scroll 0 7px transparent; color:#777; display:block; font-size:12px; line-height:17px; margin:0 0 4px; padding:0 0 0 6px;} #header #khanGnb .depth02.photosub .depth02_menu li.second .txt_lst { position:absolute; top:148px; left:14px; z-index:60; width:102px;} #header #khanGnb .depth02.photosub .depth02_menu li.second .txt_lst dl { width:109px;} #header #khanGnb .depth02.photosub .depth02_menu li.second .txt_lst dt { margin-bottom:7px; display:block;} #header #khanGnb .depth02.photosub .depth02_menu li.second .txt_lst dt .tit a { font-size:12px; line-height:15px; margin:0;} #header #khanGnb .depth02.photosub .depth02_menu li.second .txt_lst dt .subject a { font-size:12px; line-height:15px; font-weight:bold; color:#1cb3ff; background:none;} #header #khanGnb .depth02.photosub .depth02_menu li.second .txt_lst dd { margin-left:7px;} #header #khanGnb .depth02.photosub .depth02_menu li.second .txt_lst dd .btn { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 0 transparent; border:0 none; cursor:pointer; margin:0; width:72px; height:20px; padding:0; overflow:hidden; text-indent:-9999px; display:block;} #header #khanGnb .depth02.photosub .depth02_menu li.second .txt_lst dd .entry { background-position:-140px -830px; margin-bottom:5px;} #header #khanGnb .depth02.photosub .depth02_menu li.second .txt_lst dd .view { background-position:-222px -830px;} #header #khanGnb .depth02.photosub .depth02_menu li.third .txt_lst { position:absolute; top:50px; left:14px; z-index:60; width:102px;} #header #khanGnb .depth02.photosub .depth02_menu li.third .txt_lst dt .subject a { font-size:12px; line-height:15px; font-weight:bold; color:#1cb3ff; background:none;} #header #khanGnb .depth02.photosub .depth02_menu li.third .txt_lst dd { margin-left:7px;} #header #khanGnb .depth02.photosub .depth02_menu li.third .txt_lst dd .btn { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 0 transparent; border:0 none; cursor:pointer; margin:0; width:72px; height:20px; padding:0; overflow:hidden; text-indent:-9999px; display:block;} #header #khanGnb .depth02.photosub .depth02_menu li.third .txt_lst dd .entry { background-position:-140px -830px; margin-bottom:5px;} #header #khanGnb .depth02.photosub .depth02_menu li.third .txt_lst dd .view { background-position:-222px -830px;} #header #khanGnb .depth02.photosub .news_wrap01 { float:left; width:579px; height:257px; padding:2px 1px 0 0;} #header #khanGnb .depth02.photosub .news_wrap01 li { float:left; width:166px; height:127px; margin:0 1px 1px 0;} #header #khanGnb .depth02.photosub .news_wrap01 li dl { position:relative; margin:0; width:166px; height:127px;} #header #khanGnb .depth02.photosub .news_wrap01 li dl dt { position:absolute; top:105px; left:0; text-align:center; z-index:2; padding:1px 5px 0; width:156px; height:22px;} #header #khanGnb .depth02.photosub .news_wrap01 li dl dt a { color:#fff; font-size:12px; display:block; font-weight:bold; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;} #header #khanGnb .depth02.photosub .news_wrap01 li dl dd { height:127px;} #header #khanGnb .depth02.photosub .news_wrap01 li dl dd.bg { background:none repeat scroll 0 0 #000; position:absolute; top:105px; left:0; height:22px; width:166px; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);} #header #khanGnb .depth02.photosub .news_wrap01 li.big { width:244px;} #header #khanGnb .depth02.photosub .news_wrap01 li.big dl { width:244px;} #header #khanGnb .depth02.photosub .news_wrap01 li.big dl dt { width:234px;} #header #khanGnb .depth02.photosub .news_wrap01 li.big dl dd.bg { width:244px;} #header a.btn_pause { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll -360px 0 transparent; display:block; position:absolute; top:332px; right:-50px; width:40px; height:50px; text-indent:-9999px;} #header a.pause_on { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll -360px -60px transparent;} #header a.btn_close { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll -360px -120px transparent; display:block; position:absolute; top:389px; right:-50px; width:40px; height:50px; text-indent:-9999px;} /* 경제 */ #header #khanGnb .depth02.lifesub .depth02_menu li { width:125px;} #header #khanGnb .depth02.lifesub .depth02_menu li.first { width:128px;} #header #khanGnb .depth02.lifesub .depth02_menu li.first a { display:block; width:138px; height:259px;} #header #khanGnb .depth02.lifesub .depth02_menu li.first a:hover { background-color:#f4faff;} #header #khanGnb .depth02.lifesub .depth02_menu li.first .tit_main { position:absolute; top:45px; left:17px; z-index:60; background:url('http://img.khan.co.kr/spko/main_2015/navi_title_economy.png') no-repeat scroll 0 0 transparent; display:block; width:96px; height:113px; overflow:hidden; text-indent:-9999px; cursor:hand;} #header #khanGnb .depth02.lifesub .depth02_menu li .txt_lst a { background:url("http://img.khan.co.kr/spko/main_2013/blit_blue.gif") no-repeat scroll 0 7px transparent; color:#777; display:block; font-size:12px; line-height:17px; margin:0 0 4px; padding:0 0 0 6px;} #header #khanGnb .depth02.lifesub .depth02_menu li.third { width:125px;} #header #khanGnb .depth02.lifesub .depth02_menu li.fourth { width:165px;} #header #khanGnb .depth02.lifesub .depth02_menu li.fifth { width:95px;} #header #khanGnb .depth02.lifesub .depth02_menu li.second .txt_lst { position:absolute; top:50px; left:10px; z-index:60; width:100px;} #header #khanGnb .depth02.lifesub .depth02_menu li.third .txt_lst { position:absolute; top:50px; left:10px; z-index:60; width:83px;} #header #khanGnb .depth02.lifesub .depth02_menu li.fourth .txt_lst { position:absolute; top:50px; left:10px; z-index:60; width:140px;} #header #khanGnb .depth02.lifesub .depth02_menu li.fifth .txt_lst { position:absolute; top:50px; left:10px; z-index:60; width:83px;} #header #khanGnb .depth02.lifesub .news_wrap01 { float:left; height:248px; padding:10px 15px 0; width:235px; border-right:0 none;} #header #khanGnb .depth02.lifesub .news_wrap01 li { float:left; width:112px; margin:0 11px 18px 0;; overflow:hidden; } #header #khanGnb .depth02.lifesub .news_wrap01 li.last { margin-right:0;} #header #khanGnb .depth02.lifesub .news_wrap01 li .thumb { position:relative; width:112px; height:70px;} #header #khanGnb .depth02.lifesub .news_wrap01 li .thumb a { display:block;} #header #khanGnb .depth02.lifesub .news_wrap01 li .thumb .trans_border { width:110px; height:68px;} #header #khanGnb .depth02.lifesub .news_wrap01 li .thumb .life_icon { position:absolute; top:0; left:0; z-index:5;} #header #khanGnb .depth02.lifesub .news_wrap01 li .text { text-align:center; display:block; margin-top:2px;} #header #khanGnb .depth02.lifesub .news_wrap02 { float:left; width:180px; padding:4px 10px 0;} #header #khanGnb .depth02.lifesub .news_wrap02 dl { width:180px; border-bottom:1px dashed #dcdcdc; margin-top:6px; padding-bottom:8px;} #header #khanGnb .depth02.lifesub .news_wrap02 dl.last { border-bottom: none; } #header #khanGnb .depth02.lifesub .news_wrap02 dl dt { display:block; margin-bottom:2px;} #header #khanGnb .depth02.lifesub .news_wrap02 dl dt a { font-weight:bold;} #header #khanGnb .depth02.lifesub .news_wrap02 dl dd a { color:#777; line-height:16px;} #header #khanGnb .depth02.lifesub .news_wrap03 { border-right:1px solid #DEE8F0; float:left; width:234px; height:248px;} #header #khanGnb .depth02.lifesub .news_wrap03 .tit {display:block; height:31px; margin-bottom:10px; padding:7px 0 0 10px; color:#000000; font-size:14px; font-weight:bold; line-height:24px; background-color:#F4FAFF;} #header #khanGnb .depth02.lifesub .news_wrap03 .photo_news { width:204px; padding:0 15px;} #header #khanGnb .depth02.lifesub .news_wrap03 .photo_news:after { clear:both; display:block; content:""; } #header #khanGnb .depth02.lifesub .news_wrap03 .photo_news .title { display:block; margin-bottom:3px;} #header #khanGnb .depth02.lifesub .news_wrap03 .photo_news .title a { display:block; color:#222; font-size:13px; font-weight:bold; line-height:19px; } #header #khanGnb .depth02.lifesub .news_wrap03 .photo_news .cont { float:left; width:149px; margin-right:5px;} #header #khanGnb .depth02.lifesub .news_wrap03 .photo_news .cont a { color:#888; font-size:12px; line-height:16px;} #header #khanGnb .depth02.lifesub .news_wrap03 .photo_news .thumb { float:right; width:50px; height:50px; position:relative;} #header #khanGnb .depth02.lifesub .news_wrap03 .photo_news .thumb a { display:block; width:50px; height:50px;} #header #khanGnb .depth02.lifesub .news_wrap03 .photo_news .thumb img { width:50px; height:50px;} #header #khanGnb .depth02.lifesub .news_wrap03 .text_news { overflow:hidden; width:204px; padding:10px 15px 0;} #header #khanGnb .depth02.lifesub .news_wrap03 .text_news li { background:url("http://img.khan.co.kr/spko/biznlife/ico_dot02.gif") no-repeat scroll 1px 8px transparent; padding-left:5px; margin:2px 0 3px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:169px;} #header #khanGnb .depth02.lifesub .news_wrap03 .text_news li a { font-size:13px; font-weight:bold; line-height:19px;} /* 3depth 메뉴 */ #header .depth3 { height:28px; margin:15px 0 30px; background:url("http://img.khan.co.kr/spko/main_2013/bg_line.gif") repeat-x 0 27px; } #header .depth3:after { clear: both; content: ""; display: block;} #header .depth3 dt { float:left; text-indent:-9999px; padding-left:8px; padding-right:15px; background:#FFF; } #header .depth3 dt a { display:block; overflow:hidden; height:28px; background:url("http://img.khan.co.kr/spko/main_2013/set_lnb.gif?v=20151109") no-repeat left top; } #header .depth3 dd { float:left; position:relative; margin-top:5px; padding-right:2px; padding-left:16px; background:url("http://img.khan.co.kr/spko/main_2013/blit_bar.gif") no-repeat scroll 7px 6px transparent; } #header .depth3 dd a { color:#666; letter-spacing:-1px;} #header .depth3 dd a:hover { color:#000; } /* #header .depth3 dd a.more { display:block; padding-right:10px; background: url(http://img.khan.co.kr/spko/main_2011/imgset_arw_down.gif) no-repeat right 5px; } */ #header .depth3 dd a.more { display:block; } #header .depth3 dd.first { padding-left:1px; background:none; } #header .depth3 dt a.news0 { width:65px; background-position:0 0; } #header .depth3 dt a.news1 { width:65px; background-position:0 -35px; } #header .depth3 dt a.news2 { width:65px; background-position:0 -70px; } #header .depth3 dt a.news3 { width:65px; background-position:0 -105px; } #header .depth3 dt a.news4 { width:65px; background-position:0 -140px; } #header .depth3 dt a.news5 { width:65px; background-position:0 -175px; } #header .depth3 dt a.news6 { width:65px; background-position:0 -210px; } #header .depth3 dt a.news7 { width:36px; background-position:0 -280px; } #header .depth3 dt a.news8 { width:65px; background-position:0 -315px; } #header .depth3 dt a.news9 { width:65px; background-position:0 -385px; } #header .depth3 dt a.news10 { width:65px; background-position:0 -455px; } #header .depth3 dt a.news11 { width:130px; background-position:0 -245px; } #header .depth3 dt a.news12 { width:144px; background-position:0 -420px; } #header .depth3 dt a.news13 { width:144px; background-position:0 -350px; } #header .depth3 dt a.news14 { width:144px; background-position:0 -490px; } #header .depth3 dt a.news15 { width:120px; background-position:0 -525px; } #header .depth3 dt a.news16 { width:120px; background-position:0 -560px; } #header .depth3 dt a.opinion0 { width:118px; background-position:-200px 0; } #header .depth3 dt a.opinion1 { width:65px; background-position:-200px -35px; } #header .depth3 dt a.opinion2 { width:65px; background-position:-200px -70px; } #header .depth3 dt a.opinion3 { width:120px; background-position:-200px -140px; } #header .depth3 dt a.opinion4 { width:65px; background-position:-200px -143px; } #header .depth3 dt a.opinion5 { width:65px; background-position:-200px -105px; } #header .depth3 dt a.opinion6 { width:65px; background-position:-200px -215px; } #header .depth3 dt a.opinion7 { width:65px; background-position:-200px -175px; } #header .depth3 dt a.opinion8 { width:65px; background-position:-200px -210px; } #header .depth3 dt a.opinion9 { width:120px; background-position:-200px -245px; } #header .depth3 dt a.sports0 { width:90px; background-position:-400px 0; } #header .depth3 dt a.sports1 { width:65px; background-position:-400px -35px; } #header .depth3 dt a.sports2 { width:65px; background-position:-400px -70px; } #header .depth3 dt a.sports3 { width:65px; background-position:-400px -105px; } #header .depth3 dt a.sports4 { width:65px; background-position:-400px -140px; } #header .depth3 dt a.sports5 { width:130px; background-position:-400px -175px; } #header .depth3 dt a.sports6 { width:145px; background-position:-400px -210px; } #header .depth3 dt a.sports7 { width:90px; background-position:-400px -245px; } #header .depth3 dt a.sports8 { width:230px; background-position:-400px -280px; } #header .depth3 dt a.entmt0 { width:65px; background-position:-680px 0; } #header .depth3 dt a.entmt1 { width:65px; background-position:-680px -35px; } #header .depth3 dt a.entmt2 { width:130px; background-position:-680px -70px; } #header .depth3 dt a.entmt3 { width:120px; background-position:-680px -105px; } #header .depth3 dt a.entmt4 { width:65px; background-position:-680px -140px; } #header .depth3 dt a.plus0 { width:90px; background-position:-880px 0; } #header .depth3 dt a.plus1 { width:116px; background-position:-880px -35px; } #header .depth3 dt a.plus2 { width:90px; background-position:-880px -280px; } /* 트래블 */ #header .depth3 dt a.plus3 { width:118px; background-position:-880px -35px; } #header .depth3 dt a.plus4 { width:90px; background-position:-880px -105px; } #header .depth3 dt a.plus5 { width:121px; background-position:-880px -179px; } #header .depth3 dt a.life0 { width:90px; background-position:-880px 0; } #header .depth3 dt a.life1 { width:116px; background-position:-880px -35px; } #header .depth3 dt a.life2 { width:130px; background-position:-880px -70px; } #header .depth3 dt a.life3 { width:90px; background-position:-880px -105px; } #header .depth3 dt a.life4 { width:65px; background-position:-880px -140px; } #header .depth3 dt a.life5 { width:150px; background-position:-880px -175px; } #header .depth3 dt a.life6 { width:65px; background-position:-880px -210px; } #header .depth3 dt a.life7 { width:90px; background-position:-880px -245px; } #header .depth3 dt a.life8 { width:90px; background-position:-880px -280px; } #header .depth3 dt a.life9 { width:90px; background-position:-880px -315px; } #header .depth3 dt a.phmov0 { width:135px; background-position:-1080px 0; } #header .depth3 dt a.phmov1 { width:160px; background-position:-1080px -35px; } #header .depth3 dt a.phmov2 { width:95px; background-position:-1080px -70px; } #header .depth3 dt a.phmov3 { width:160px; background-position:-1080px -105px; } #header .depth3 dt a.phmov4 { width:120px; background-position:-1080px -140px; } #header .depth3 dt a.phmov5 { width:152px; background-position:-1080px -175px; } #header .depth3 dt a.phmov6 { width:152px; background-position:-1080px -210px; } #header .depth3 dt a.phmov7 { width:65px; background-position:-1080px -245px; } #header .depth3 dt a.phimg0 { width:106px; background-position:-800px 0; } #header .depth3 dt a.phimg1 { width:135px; background-position:-800px -180px; } #header .depth3 dt a.phimg2 { width:80px; background-position:-800px -215px; } #header .depth3 dt a.phimg3 { width:140px; background-position:-800px -250px; } #header .depth3 dt a.phimg4 { width:54px; background-position:-800px -285px; } #header .depth3 dt a.phimg5 { width:104px; background-position:-800px -325px; } #header .depth3 dt a.phimg6 { width:125px; background-position:-800px -360px; } #header .depth3 dt a.khross0 { width:76px; background-position:-1200px 0; } #header .depth3 dt a.khross1 { width:99px; background-position:-1200px -35px; } #header .depth3 dt a.help { width:76px; background-position:-1480px 0; } #header .depth3 dt a.sitemap { width:118px; background-position:-1480px -35px; } #header .depth3 dt a.repdata0 { width:120px; background-position:-1680px 0px; } #header .depth3 dt a.sat2014 { width:194px; background-position:-1680px -35px; } #header .depth3 dt a.notice { width:124px; background-position:-1680px -70px; } #header .depth3 dt a.inform { width:65px; background-position:-1680px -105px; } #header .depth3 dt a.tvguide { width:130px; background-position:-1680px -140px; } #header .depth3 dt a.localelection { width:165px; background-position:-1680px -175px; } #header .depth3 dt a.people0 { width:172px; height:35px; background-position:-1280px 0px; } #header .depth3 dt a.people1 { width:65px; background-position:-1280px -35px; } #header .depth3 dt a.people2 { width:65px; background-position:-1280px -70px; } #header .depth3 dt a.people3 { width:65px; background-position:-1280px -105px; } #header .depth3 dt a.people4 { width:65px; background-position:-1280px -140px; } #header .depth4 { position:absolute; top:16px; min-width:90px; padding:7px 0 5px 0; border:2px solid #DDD; background:#FFF; font-size:11px; letter-spacing:-1px; } #header .depth4 li { line-height:18px; line-height:18px; } #header .depth4 li a { display:block; _display:inline-block; white-space:nowrap; padding:3px 15px 0 10px; _padding-right:30px; } #header .depth4 li a:hover { color:#000; background:#EEE; _background:none; } /* 본문 */ #container { position:relative; z-index:40; background-color:#fff; margin-top:25px; margin-bottom:0;} #container .spotMain { position:relative; width:1050px; } #container .spotMain:after { clear: both; content: ""; display: block;} #container .spotMain .clt { float:left; width:324px; border-right:1px solid #d8d8d8; padding-right:20px;} #container .spotMain .cct { float:left; width:430px; border-right:1px solid #d8d8d8; padding-left:20px; padding-right:20px;} #container .spotMain .crt { float:right; width:220px; padding-left:14px; } /* 기사뷰 탑 바 */ .fx_topbar_wrap {position:fixed; left:0; top:-76px; width:100%; height:76px; padding:0; background:url("http://img.khan.co.kr/spko/sub_2015/bg_fx_topbar.png") repeat-x scroll 0 0; z-index:500;} .fx_topbar_wrap .fx_topbar {position:relative; width:100%; min-width:1024px; min-height:56px; margin:0 auto; padding-bottom:15px;} .fx_topbar_wrap .fx_topbar .logo {position:absolute; left:124px; top:17px;} .fx_topbar_wrap .fx_topbar .logo a {display:block; width:103px; height:27px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll -220px -420px;} .fx_topbar_wrap .fx_topbar .sns_wrap {position:absolute; top:16px; right:30px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social {float:left;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li {float:left; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll 0 0 transparent; width:27px; height:30px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li a {display:block; width:27px; height:30px; text-indent:-9999px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.facebook {background-position:0 -419px; margin-right:3px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.facebook:hover {background-position:0 -449px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.twitter {background-position:-32px -419px; margin-right:2px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.twitter:hover {background-position:-32px -449px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.kakao {background-position:-92px -419px; margin-right:1px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.kakao:hover {background-position:-92px -449px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.band {width:40px; background-position:-152px -419px; margin-right:8px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.band:hover {background-position:-152px -449px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.nhnblog {width:30px; background-position:-370px -419px; margin-right:5px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.nhnblog:hover {background-position:-370px -449px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.google {background-position:-65px -419px; margin-right:1px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.google:hover {background-position:-65px -449px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.email {background-position:-117px -419px;} .fx_topbar_wrap .fx_topbar .sns_wrap .social li.email:hover {background-position:-117px -449px;} .fx_topbar_wrap .fx_topbar .title { min-width:200px;} .fx_topbar_wrap .fx_topbar .title p { overflow:hidden; max-width:500px; height:22px; margin:0 auto; padding-top:18px; font-size:17px; font-weight:bold; letter-spacing:0; text-align:center; text-overflow:ellipsis; white-space:nowrap;} .fx_topbar_wrap .fx_topbar .btn_all { position:absolute; left:30px; top:14px; width:80px;} .fx_topbar_wrap .fx_topbar .btn_all a { text-decoration:none; display:block; width:auto; height:27px; padding:5px 10px 0 34px; border:1px solid #d7d7d7; background:url("http://img.khan.co.kr/spko/sub_2016/btn_all_sub.png") no-repeat 13px 11px;} .fx_topbar_wrap .fx_topbar .btn_all .all_txt { font-size:15px; color:#000; font-weight:bold; text-decoration:none;} /* 기사 헤더 */ .art_header {overflow:hidden; position:relative; padding:15px 0 15px; border-top:1px solid #000; z-index:3;} .art_header.borderless {border-top:none;} .art_header .subject {margin-bottom:40px;} .art_header .subject .issuetitle_box_wrap {overflow:hidden; height:18px;} .art_header .subject .issuetitle_box {display:block; float:left; width:25px; height:13px; margin-right:5px; padding:4px 2px 1px 4px; line-height:10px; color:#FFF; font-size:12px; font-weight:bold; background-color:#e96245;} .art_header .subject .issuetitle_box.timeline {width:auto; padding:2px 5px 1px 4px; border:1px solid #d76386; color:#d76386; font-weight:normal; font-size:11px; letter-spacing:0px; line-height:11px; background-color:#fff;} .art_header .subject .issuetitle_txt {display:block; float:left; line-height:15px; color:#000; font-size:14px;} .art_header .subject .issuetitle_pr {display:block; float:left; margin-left:3px; padding:2px 6px 2px 6px; border:1px solid #4a4a4a; border-radius:3px; line-height:12px; color:#000; font-size:12px; background-color:#fefefe;} .art_header .subject h1 {margin-bottom:5px; line-height:50px; color:#000; font-size:35px; font-weight:normal; letter-spacing:-2px;} .art_header .subject .headline span {color:#2167eb;} .art_header .subject .name {display:block; color:#8794a1; font-size:14px;} .art_header .subject .name a {color:#8794a1; box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);} .art_header .subject .name a:hover {color:#454545; text-decoration:none; -webkit-text-decoration:none; box-shadow:none;} .art_header .subject .tit_nativead {display:inline-block;*display:inline;*zoom:1; padding:4px 6px 6px 5px; line-height:10px; color:#fff; font-size:12px; font-weight:bold; letter-spacing:0; background-color:#5a77d1;} /* 네이티브 애드 용 */ .art_header .function_wrap {display:block; min-height:38px; padding-bottom:15px; border-bottom:1px solid #cdcdcd;} .art_header .art_share {position:relative;} .art_header .art_share li {float:left; margin-right:4px;} .art_header .art_share li .count {display:block; position:absolute; left:0; top:-22px; width:44px; text-align:center; color:#000; font-size:14px;} .art_header .art_share .hidden_sns {display:block; overflow:hidden; width:192px; height:38px; margin-right:0;} .art_header .art_share .hidden_sns a {float:left; margin-right:4px;} .art_header .art_share a {display:block; width:44px; height:38px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat left top;} .art_header .art_share a.facebook {background-position:0 0;} .art_header .art_share a.twitter {background-position:-50px 0;} .art_header .art_share a.kakaotalk {background-position:-100px 0;} .art_header .art_share a.band {background-position:-150px 0;} .art_header .art_share a.googleplus {background-position:-200px 0;} .art_header .art_share a.email {background-position:-250px 0;} .art_header .art_share a.moresns {background-position:-300px 0;} .art_header .art_share a.nhnblog {background-position:0 -510px;} .art_header .art_share a.copyurl {background-position:-50px -510px;} .art_header .art_share .reply {float:left; margin-left:25px;} .art_header .art_share .reply a {display:block; width:auto; height:36px; padding:0 10px 0 34px; border:1px solid #d7d7d7; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat -350px 0;} .art_header .art_share .reply .count {display:block; position:relative; margin-top:-10px; text-indent:0; color:#4e70c7; font-size:15px; font-weight:bold;} .art_header .art_share .bookmark {float:left; margin-left:4px;} .art_header .art_share .bookmark a {display:block; width:auto; height:36px; padding:0 10px 0 34px; border:1px solid #d7d7d7; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2017/ico_vp_bookmark_noad.png?v=20191023") no-repeat 50% 50%; background-size:21px 21px;} .art_header .art_share .bookmark.on a {background:url("http://img.khan.co.kr/spko/sub_2017/ico_vp_bookmark_noad_on.png?v=20191023") no-repeat 50% 50%; background-size:21px 21px;} .art_header .pagecontrol {float:right;} .art_header .pagecontrol:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;} .art_header .pagecontrol a {display:block; float:right; width:44px; height:38px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat 0 0;} .art_header .pagecontrol .btn_minus {background-position:0 -50px;} .art_header .pagecontrol .btn_plus {width:43px; background-position:-44px -50px; } .art_header .pagecontrol .btn_print {margin-left:5px; background-position:-100px -50px; } .art_header .byline {display:block; float:left; padding-top:10px; padding-right:20px;} .art_header .byline em {line-height:17px; color:#999; font-size:12px; letter-spacing:0;} /* .art_header .byline em:first-child {margin:0 4px 0 0; padding-right:5px; border-right:1px solid #ddd;} */ .art_header .byline em:nth-child(2) {margin:0 0 0 4px ; padding-left:5px; border-left:1px solid #ddd;} .art_header .byline a {margin:0 4px; color:#737475;} /* ********** 기사 본문 ********** */ .art_cont {float:left; position:relative; width:710px; padding:0 40px 100px 0; background:url("http://img.khan.co.kr/spko/sub_2015/bg_art_cont.png") repeat-y 0 0;} .art_cont_merge {margin:0 auto; padding:20px 0 0;} /* 인포그래픽 뷰 용 */ .art_cont_merge .related_art {margin-top:30px; border-bottom:0;} .art_body {margin-bottom:10px; line-height:1.9; color:#444; font-size:17px;} .art_body:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;} .art_body .art_subtit {margin:20px 0 40px; padding:0px 0 3px 5px; border-left:3px solid #898989;} /* 부제목 */ .art_body .art_subtit p {margin:0; padding-left:9px; line-height:34px; color:#000; font-size:17px; font-weight:bold;} .art_body .boxLineBG {float:left; width:658px; margin-bottom:20px; padding:15px 25px; border:solid 1px #ddd; font-size:16px; line-height:1.8; background-color:#f5f5f5;} /* .art_body .boxLineBG .content_text {margin-bottom:0;} 운영팀 요청으로 주석 160907 */ .art_body .boxLineBG .art_photo .art_photo_wrap img {display:block; max-width:658px; max-height:640px; vertical-align:top;} /* boxLineBG 안의 이미지일 경우 */ .art_cont .art_copyright, .art_cont_merge .art_copyright {margin-bottom:50px; font-size:14px;} /* 바이라인 */ .art_cont .art_copyright.crt {text-align:center;} .art_cont .btn {padding:0 0 40px; text-align:center;} .art_cont .art_btm_link {display:block; margin-top:-30px; margin-bottom:40px;} /* 기사뷰 하단 바로가기 배너 */ .art_cont .art_btm_link a.vote2016 {display:block; overflow:hidden; height:70px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2016/banner_artbtm_vote2016.png?v=20160314") no-repeat scroll 0 0} /* 20대 총선 */ .art_cont .art_btm_link a.with70 {display:block; overflow:hidden; height:50px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2016/banner_artbtm_70.png") no-repeat scroll 0 0} /* 70인과의 동행 */ /* 기사내 이미지&동영상 */ .art_photo, .art_vod {position:relative; clear:both; padding:10px 0 20px 0; text-align:center;} .art_photo:after, .art_vod:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;} /* .art_photo .art_photo_wrap {display:block; position:relative;} */ .art_photo .art_photo_wrap {display:table; max-width:710px; margin:0 auto; clear:left;} .art_photo .art_photo_wrap .fancy_group {display:block;} .art_photo .art_photo_wrap img {display:block; max-width:710px; vertical-align:top;} .art_photo.photo_center {margin:0 auto;} .art_photo.photo_left {float:left; margin:0 40px 0 0;} .art_photo.photo_right {float:right; margin: 0 0 0 40px;} .art_photo.ft {padding-top:0;} /* 기사본문 처음 노출 이미지일 경우 */ /* .art_photo .caption {padding-top:5px; line-height:1.7; text-align:left; color:#777; font-size:14px;} */ .art_photo .caption {display:table-caption; width:100%!important; max-width:710px; caption-side:bottom; padding-top:5px; line-height:1.7; text-align:left; color:#777; font-size:14px;} .art_photo .img_large {display:block; overflow:hidden; position:absolute; right:0; top:0; width:44px; height:44px; padding:6px 8px 8px 6px !important;} /* 크게보기 아이콘 */ .art_photo .img_large .icon {display:block; overflow:hidden; position:absolute; left:6px; top:6px; width:44px; height:44px; text-indent:-9999px; cursor:pointer; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll -150px -50px;} .art_photo .img_large.mover .icon {background-position:-200px -50px;} .art_photo .art_copyright {margin-bottom:0; font-size:14px;} /* 기사 본문 묶음, 여백 조절 */ .content_text {margin-bottom:20px; word-break: break-all;} .content_text a {position:relative; /* border-bottom:4px solid rgba(0,126,229,.25); */ box-shadow:inset 0 -4px 0 rgba(0,126,229,.25);} .content_text a:hover {text-decoration:none; box-shadow:inset 0 -4px 0 rgba(0,126,229,.5);} .content_text .strapline {display:inline-block; padding:2px 0 2px 10px; border-left:2px solid #a8a8a8; line-height:1.6em; font-size:1em; letter-spacing:-0.025em;} /* 기사내 동영상 */ .art_vod p {padding:5px 0 0 3px; text-align:left; color:#48647C; font-size:14px;} .art_vod.vod_left { display:inline-block; float:left; margin: 5px 20px 5px 0; text-align:center;} .art_vod.vod_center {margin:0 auto; text-align: center;} .art_vod.vod_right {display:inline-block; float:right; margin:5px 0 5px 20px; text-align:center;} .art_vod .art_vod_wrap {width:600px; margin:0 auto;} .art_vod .art_vod_wrap p {text-align:left; color:#777777; font-size:14px;} .art_vod .art_vod_wrap p.caption {padding:5px 0 0; line-height:1.7; text-align:left; color:#777; font-size:14px;} /* 본문 내 인용구 */ .art_cont .quoto_box {position:relative; max-width:700px; margin:35px 0 30px;} .art_cont .quoto_box .quoto_icon {position:absolute; left:0; top:0; width:30px; height:30px; background:url("http://img.khan.co.kr/spko/sub_2017/icon_quoto_wideview.png") no-repeat; background-size:30px 30px;} .art_cont .quoto_box .quoto_txt {width:100%; box-sizing:border-box; padding:0 0 0 40px; letter-spacing:-1.5px; text-shadow:0px 0px 1px rgba(0,0,0,0.3); font-weight:bold; font-size:19px; line-height:1.7em; font-style:italic;} .art_cont .quoto_box .quoto_txt .from {display:block; margin-top:10px; color:#999; font-size:14px; text-shadow:none; line-height:21px;} /* 영문 번역 링크 */ .btn_engtrans {display:inline-block; height:38px; margin:0 0 40px; border:1px solid #cecece; background-color:#fefefe; zoom:1; *display:inline;} .btn_engtrans span {display:block; width:207px; height:38px; padding:0px 28px 0 10px; line-height:38px; color:#000000; font-size:16px; font-weight:bold; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat 225px -356px;} .btn_engtrans a:hover {text-decoration:none;} /* 관련 기사 */ .related_art {margin-bottom:50px;} .related_art .tit {margin-bottom:10px; padding-left:10px; font-size:16px; font-weight:bold; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat 0 -137px;} .related_art li a {margin-left:12px; padding-left:13px; line-height:2em; font-size:16px; font-weight:bold; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat 0 -193px;} /* 관련 연재 */ .related_serial {margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;} .related_serial .tit {margin-bottom:18px; padding-left:10px; font-size:16px; font-weight:bold; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat 0 -137px;} .related_serial li {display:inline-block; *display:inline;*zoom:1; margin:0 5px 10px;} .related_serial li a.serial {display:block; padding:2px 10px 5px; border:1px solid #e77d58; border-radius:30px;} .related_serial li a.serial span {color:#e77d58; font-size:16px; font-weight:bold;} .related_serial li a.serial:hover {color:#e77d58; text-decoration:none!important;} /* 트위터, 페이스북 공유하기 */ .sns_share_major {margin:50px 0;} .sns_share_major .share_wrap {margin:0 auto; text-align:center;} .sns_share_major .share_wrap .major_sns {display:inline-block; *display:inline;*zoom:1;} .sns_share_major .share_wrap .major_sns a {display:block; padding:10px 35px 12px;} .sns_share_major .share_wrap .major_sns a:hover {text-decoration:none;} .sns_share_major .share_wrap .major_sns span {padding-left:25px; color:#fff; font-size:17px; font-weight:bold;} .sns_share_major .share_wrap .major_sns.facebook {margin-right:8px; background-color:#345fbb;} .sns_share_major .share_wrap .major_sns.twitter {margin-right:8px; background-color:#39a7e2;} .sns_share_major .share_wrap .major_sns.kakaofriend {background-color:#ffeb33;} .sns_share_major .share_wrap .major_sns.facebook span {background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll -365px -50px;} .sns_share_major .share_wrap .major_sns.twitter span {background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll -370px -97px;} .sns_share_major .share_wrap .major_sns.kakaofriend span {color:#493334; padding-left:30px; padding-bottom:7px; background:url("http://img.khan.co.kr/spko/main_2015/img_ci_kakaotalk_s.jpg") no-repeat scroll 0 0;} /* 트위터, 페이스북 공유하기 circle ver - AR */ .sns_share_major {margin:50px 0; position: relative;} .sns_share_major .share_wrap.circle {margin:0 auto; text-align:left; } .sns_share_major .share_wrap.circle .circle_sns {display:inline-block; *display:inline;*zoom:1;} .sns_share_major .share_wrap.circle .circle_sns a {display:block; width:40px; height: 40px; border-radius: 100%; border: 1px solid #ddd; box-sizing: border-box;} .sns_share_major .share_wrap.circle .circle_sns a:hover {text-decoration:none;} .sns_share_major .share_wrap.circle .circle_sns span {display: block; text-indent: -9999px;background: url(http://img.khan.co.kr/spko/main_2015/set_sub.png) no-repeat scroll 0 0 transparent;width: 38px;height: 38px;} .sns_share_major .share_wrap.circle .circle_sns.facebook {margin-right:8px; background-color:#fff;} .sns_share_major .share_wrap.circle .circle_sns.twitter {margin-right:8px; background-color:#fff;} .sns_share_major .share_wrap.circle .circle_sns.facebook span { background-position: 6px -412px;} .sns_share_major .share_wrap.circle .circle_sns.twitter span { background-position: -24px -412px;} /* 기사제보 지면구독신청 - AR */ .khlink {position: absolute; top: 10px; right: 0;} .khlink .text_link {font-size: 14px; color: #606060; margin-left: 20px} .khlink .text_link:hover {color: #3b57c4; text-decoration: underline;} /* 주요기사 */ .hot_article {overflow:hidden; position:relative; clear:both; margin:50px 0; padding-top:30px; border-top:1px solid #e5e5e5;} .hot_article .tit {margin-bottom:20px; font-size:17px; font-weight:bold;} .hot_article ul {position:relative; margin-right:-40px;} .hot_article li {float:left; position:relative; width:335px; height:50px; margin-right:40px;*margin-right:20px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #e5e5e5;} .hot_article li a {display:-webkit-box; overflow:hidden; float:right; width:290px; max-height:48px; padding-left:10px; line-height:24px; font-size:15px; font-weight:bold; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 제목 최대 두 줄 처리, 두 줄 이상은 말줄임(웹킷webkit기반만 가능) */ .hot_article .num {float:left; width:10px; height:19px; margin:7px 0 15px; padding:4px 10px; color:#fff; font-size:18px; font-weight:bold; background-color:#abb3d1;} .hot_article li:last-child .num {width:20px; padding:4px 7px;} /* 댓글 영역 */ .art_reply_wrap {margin:40px 0;} /* ******************************************* 기사뷰 우측영역 ******************************************* */ .art_side {float:right; width:300px;} .art_side .noline {border-bottom:none;} /* 컨텐츠 하단 라인(border-bottom) 제어 */ /* 카테고리별 많이 본 뉴스 */ .opinion_popular {width:280px; /* margin:30px 0; padding-left:20px; padding-bottom:20px; border-bottom:1px solid #e5e5e5; */} .opinion_popular .tit {margin-bottom:15px; color:#000; font-size:15px; font-weight:bold;} .opinion_popular .tit strong {color:#4763cf;} .opinion_popular li {overflow:hidden; position:relative; width:280px; margin-bottom:13px; padding-bottom:15px; border-bottom:1px solid #e5e5e5;} .opinion_popular li:last-child {margin-bottom:0; border-bottom:none;} .opinion_popular li a {display:-webkit-box; overflow:hidden; float:right; width:260px; max-height:42px; line-height:21px; color:#000; font-size:15px; font-weight:bold; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 제목 최대 두 줄 처리, 두 줄 이상은 말줄임(웹킷webkit기반만 가능) */ .opinion_popular .num {float:left; width:10px; padding:3px 10px 3px 0; color:#aaa; font-size:14px; font-weight:bold;} .opinion_popular li .thumb {position:relative; float:right; width:100px; height:67px; margin-left:10px;} .opinion_popular li .thumb img {width:100px; height:67px;} .opinion_popular.bgroup li a {display:block; overflow:hidden; float:left; width:260px; max-height:67px; line-height:21px;} .opinion_popular.bgroup li .txt {display:-webkit-box; overflow:hidden; float:left; width:150px; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#000; font-size:15px; font-weight:bold;} .opinion_popular.bgroup li a:hover .txt {text-decoration:underline;} .opinion_popular.cgroup li .thumb {position:relative; float:right; width:75px; height:75px; margin-left:10px;} .opinion_popular.cgroup li .thumb img {width:75px; height:75px;} .opinion_popular.cgroup li a {display:block; overflow:hidden; float:left; width:260px; max-height:75px; line-height:21px;} .opinion_popular.cgroup li .txt {display:-webkit-box; overflow:hidden; float:left; width:175px; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#000; font-size:15px; font-weight:bold;} .opinion_popular.cgroup li a:hover .txt {text-decoration:underline;} /* 블로그 */ .khan_blog {overflow:hidden; width:280px; /* margin:30px 0 0; padding:30px 0 30px 20px; border-top:1px solid #e5e5e5; */} .khan_blog .tit {margin-bottom:15px; color:#000; font-size:15px; font-weight:bold;} .khan_blog .tit strong, .khan_blog .tit strong a {color:#4763cf;} .dtype_wrap {display:block; overflow:hidden; margin-bottom:20px;} .dtype {overflow:hidden; float:left; position:relative; width:130px; margin-right:20px;} .dtype.cls {float:left;} .dtype.crs {float:right; margin-right:0;} .dtype.crs:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;} .dtype dt {display:block; position:relative;} .dtype dt a {display:block; color:#000063;} .dtype img {vertical-align:top;} .dtype dt .trans_border {width:128px; height:128px;} .dtype dd {display:block; position:absolute; left:0; bottom:0; width:114px; height:38px; margin:0; margin-top:6px; padding:6px 7px 6px 9px; line-height:16px; font-size:12px;} .dtype dd::after {display:block; clear:both; content:"";} .dtype dd p {overflow:hidden; position:relative; z-index:2;} .dtype dd a {display:block; display:-webkit-box; overflow:hidden; height:38px; line-height:19px; text-align:center; color:#ffffff; font-size:14px; font-weight:bold; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .dtype dd .bg_gray {position:absolute; width:135px; height:130px; left:0; top:0; opacity:0.65; background:#000000 none repeat scroll 0 0;} .dtype dd.badge_cartoon {position:absolute; left:0; top:0; width:55px; height:16px; margin-top:0; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll -250px -50px;} .khan_blog .art_blog {} .khan_blog .art_blog li a {display:block; overflow:hidden; padding-left:10px; line-height:24px; color:#666; font-size:14px; text-overflow:ellipsis; white-space:nowrap; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll 0 -250px;} /* 투데이스핫 Today`s HOT */ .todayshot_wrap {position:relative; width:280px; /* margin:35px 0 30px; padding-left:20px; padding-bottom:40px; border-bottom:1px solid #e5e5e5; */} .todayshot_wrap h3 {display:none;} .aSide .todayshot_wrap h3 {display:none;} .todayshot_wrap .tit {margin-bottom:15px; color:#000; font-size:15px; font-weight:bold; letter-spacing:0;} .todayshot_wrap .tit strong {color:#4763cf;} .todayHot_wrap {overflow:hidden;} .todayHot_wrap .cont {position:relative; width:280px; height:280px;} .todayHot_wrap table {width:280px; height:280px;} .todayHot_wrap table tr td {width:70px; height:70px;} .todayHot_wrap table tr td a {display:block; width:70px; height:70px;} .todayHot_wrap table tr td img {width:70px; height:70px; opacity:0.5;filter:alpha(opacity=50);} .todayHot_wrap table tr td img:hover {width:64px; height:64px; border:3px #2665f4 solid; opacity:1;filter:alpha(opacity=100);} .todayHot_wrap table tr td .thumb_on {width:64px; height:64px; border:3px #2665f4 solid; opacity:1;filter:alpha(opacity=100);} .todayHot_wrap .todayHot_big_img {position:absolute; width:210px; height:210px; display:none; z-index:2;} .todayHot_wrap .todayHot_big_img dl dd, .todayHot_big_img dl dd a img {overflow:hidden; width:210px; height:210px;} .todayHot_wrap .todayHot_big_img dl dt {position:absolute; left:0; bottom:0; width:210px; height:28px; background:#000000; opacity:0.5;filter:alpha(opacity=50);} .todayHot_wrap .todayHot_big_img dl div {overflow:hidden; position:absolute; left:0; bottom:5px; width:200px; padding:0 5px; color:#fff; font-size:14px; text-overflow:ellipsis; white-space:nowrap; text-align:center;} .todayHot_wrap .cont .todayHot_big_img.p00 {top:70px; left:70px;} .todayHot_wrap .cont .todayHot_big_img.p01 {top:70px; left:70px;} .todayHot_wrap .cont .todayHot_big_img.p11 {top:70px; left:70px;} .todayHot_wrap .cont .todayHot_big_img.p02 {top:70px; left:0px;} .todayHot_wrap .cont .todayHot_big_img.p03 {top:70px; left:0px;} .todayHot_wrap .cont .todayHot_big_img.p04 {top:70px; left:0px;} .todayHot_wrap .cont .todayHot_big_img.p05 {top:0px; left:0px;} .todayHot_wrap .cont .todayHot_big_img.p06 {top:0px; left:0px;} .todayHot_wrap .cont .todayHot_big_img.p07 {top:0px; left:0px;} .todayHot_wrap .cont .todayHot_big_img.p08 {top:0px; left:70px;} .todayHot_wrap .cont .todayHot_big_img.p09 {top:0px; left:70px;} .todayHot_wrap .cont .todayHot_big_img.p10 {top:0px; left:70px;} /* 카테고리별 최신기사 */ .opinion_latest {width:280px; /* margin:30px 0; padding:30px 0 20px 20px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; */} .opinion_latest .tit {position:relative; margin-bottom:20px; color:#000; font-size:15px; font-weight:bold;} .opinion_latest .tit strong {color:#4763cf;} .opinion_latest .tit .more {position:absolute; top:2px; right:0; width:16px; height:16px;} .opinion_latest .tit .more a {display:block; width:16px; height:16px; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll 0 -310px;} .opinion_latest .tit .more a span {display:block; text-indent:-9999px;} .opinion_latest li {margin-top:13px; vertical-align:top; padding-bottom:15px; border-bottom:1px solid #e9e9e9;} .opinion_latest li:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;} .opinion_latest li:last-child {border-bottom:none;} .opinion_latest .thumb {display:block; overflow:hidden; float:right; width:70px; height:60px; margin-bottom:3px; margin-left:10px;} .opinion_latest .thumb a {display:block; position:absolute;} .opinion_latest .thumb img {width:70px; height:60px; vertical-align:middle;} .opinion_latest .lead {display:block; display:-webkit-box; overflow:hidden; max-height:60px; margin-top:9px; margin-bottom:-1px; line-height:20px; font-size:14px; font-weight:bold; -webkit-line-clamp:3; -webkit-box-orient:vertical;} /* 제목 최대 세 줄 처리, 세 줄 이상은 말줄임(웹킷webkit기반만 가능) */ .opinion_latest .lead a {color:#222;} .opinion_latest.opn .thumb a {display:block; overflow:hidden; position:absolute; width:70px; height:80px;} .opinion_latest.opn .thumb img {width:auto; height:auto; vertical-align:middle;} /* 오피니언 섹션 최신기사일 때 별도 썸네일 값 */ .opinion_latest.opn .thumb {height:80px;} .opinion_latest.opn .byline { font-size:12px; display:block; margin-top:5px;} .opinion_latest.opn .byline a { color:#7c8bb8; text-decoration:none;} /* 이슈·연재 */ .issuenserial {width:280px; /* margin:30px 0; padding-left:20px; padding-top:30px; border-top:1px solid #e5e5e5; */} .issuenserial .tit {position:relative; margin-bottom:20px; color:#000; font-size:15px; font-weight:bold;} .issuenserial .tit strong {color:#4763cf;} .issuenserial .tit .more {position:absolute; top:2px; right:0; width:16px; height:16px;} .issuenserial .tit .more a {display:block; width:16px; height:16px; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll 0 -310px;} .issuenserial .tit .more a span {display:block; text-indent:-9999px;} .ctype_wrap {display:block; overflow:hidden; margin-bottom:10px;} .ctype {overflow:hidden; float:left; position:relative; width:130px; margin-right:20px;} .ctype.cls {float:left;} .ctype.crs {float:right; margin-right:0;} .ctype.crs:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;} .ctype dt {display:block; position:relative;} .ctype dt a {display:block; color:#000063;} .ctype img {vertical-align:top;} .ctype dt .trans_border {width:128px; height:128px;} .ctype dd {display:block; width:130px; margin:0; margin-top:6px; line-height:16px; font-size:12px;} .ctype dd::after {display:block; clear:both; content:"";} .ctype dd p {overflow:hidden; position:relative; z-index:2;} .ctype dd a {display:block; line-height:19px; text-align:left; color:#333; font-size:14px; font-weight:bold;} /* 스포츠·연예 */ .spoenter {width:280px; /* margin:30px 0; padding-left:20px; */} .spoenter .tit {position:relative; margin-bottom:20px; color:#000; font-size:15px; font-weight:bold;} .spoenter .tit strong {color:#4763cf;} /* 네이티브 애드 우측영역 간격 조절 */ .art_side.native_ad .opinion_popular {padding-bottom:0; border-bottom:none;} .art_side.native_ad .khan_blog {border-bottom:1px solid #e5e5e5;} .art_side.native_ad .todayshot_wrap {padding-bottom:0; border-bottom:none;} .art_side.native_ad .opinion_latest {padding-bottom:0; border-bottom:none;} .art_side.native_ad .issuenserial {border-bottom:1px solid #e5e5e5;} /* 동영상 : 20190527 추가 IH */ .sub_mov_wrap {width:280px;} .sub_mov_wrap .tit {margin-bottom:15px; color:#000; font-size:15px; font-weight:bold;} .sub_mov_wrap .tit strong, .sub_mov_wrap .tit strong a {color:#4763cf;} .main_mov {margin-bottom:8px;} .main_mov a.mainlink {display:block; width:100%; height:100%;} .main_mov span {display:block;} .main_mov .img {overflow:hidden; position:relative; height:158px;} .main_mov .img img.icon {position:absolute; left:50%; top:50%; margin-left:-27px; margin-top:-20px; z-index:120;} .main_mov .img img.thumb {position:absolute; top:-50%; left:-50%; right:-50%; bottom:-50%; width:100%; margin:auto; z-index:100;} .main_mov .img:before {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; /* border:1px solid rgba(0,0,0,0.2); */ box-sizing:border-box; background-color:rgba(0,0,0,0.2); z-index:110;} .main_mov .mainlink:hover .img:before, .main_mov .mainlink:hover .img img.icon {display:none;} .main_mov .img .time {position:absolute; right:0; bottom:0; color:#f5f5f5; padding:5px 8px; box-sizing:border-box; font-size:12px; font-weight:700; letter-spacing:0; background-color: rgba(0,0,0,.6); z-index:120;} .sub_mov_link {overflow:hidden;} .sub_mov_link ul {margin-right:-8px;} .sub_mov_link li {float:left; margin-right:8px;} .sub_mov_link li .thumb {display:block; position:relative;} .sub_mov_link li .thumb:after {content:""; display:block; position: absolute; left:50%; top:50%; width:27px; height:20px; margin-left:-13px; margin-top:-10px; background:url("http://img.khan.co.kr/spko/main_2017/icon_youtube_thumb.png") 0 0 no-repeat; background-size:27px 20px; z-index:2;} /* .sub_mov_link li:hover .thumb:after {visibility:hidden;} */ .sub_mov_link li a img {width:136px;} .sub_mov_link li .lead {display:block; display:-webkit-box; overflow:hidden; width:126px; max-height:2.6em; margin:5px 5px 0; line-height:1.3em; font-size:14px; font-weight:700; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .sub_mov_link li::after {display:block; clear:both; content:"";} /* B-type일 경우 */ .sub_mov_list li {margin-top:13px; vertical-align:top; padding-bottom:15px; border-bottom:1px solid #e9e9e9;} .sub_mov_list li:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;} .sub_mov_list li:last-child {border-bottom:none;} .sub_mov_list .thumb {display:block; overflow:hidden; float:right; width:107px; height:60px; margin-left:10px;} .sub_mov_list .thumb a {display:block; position:relative;} .sub_mov_list .thumb a:after {content:""; display:block; position: absolute; left:50%; top:50%; width:27px; height:20px; margin-left:-13px; margin-top:-10px; background:url("http://img.khan.co.kr/spko/main_2017/icon_youtube_thumb.png") 0 0 no-repeat; background-size:27px 20px; z-index:2;} .sub_mov_list .thumb img {width:107px; height:60px; vertical-align:middle;} .sub_mov_list .lead {display:block; display:-webkit-box; overflow:hidden; max-height:60px; margin-top:9px; margin-bottom:-1px; line-height:20px; font-size:14px; font-weight:bold; -webkit-line-clamp:3; -webkit-box-orient:vertical;} /* 제목 최대 세 줄 처리, 세 줄 이상은 말줄임(웹킷webkit기반만 가능) */ .sub_mov_list .lead a {color:#222;} /* 경향사업 */ .sub_notice_as {width:280px;} .sub_notice_as .tit {margin-bottom:15px; color:#000; font-size:15px; font-weight:bold;} .sub_notice_as .tit strong, .sub_notice_as .tit strong a {color:#4763cf;} .sub_notice_as .newscont_wrap {position:relative;} .sub_notice_as .newscont_wrap .photo_news { border-bottom:0 none; margin-bottom:12px; padding-bottom:0;} .sub_notice_as .newscont_wrap .photo_news .thumb {display:block; overflow:hidden; position:relative; width:270px; height:65px; margin:0 auto;} .sub_notice_as .newscont_wrap .photo_news .thumb img {width:270px; height:65px;} .sub_notice_as .newscont_wrap ul {overflow:hidden;} .sub_notice_as .newscont_wrap li {min-height:22px; padding-left:10px; margin-bottom:3px; line-height:20px; font-size:14px; background:url("http://img.khan.co.kr/spko/main_2015/blit_blue.gif") no-repeat scroll 1px 8px transparent;} .sub_notice_as .newscont_wrap li a {color:#535353;} /* ******************************************* 각종 기사뷰 형태 스타일 조정(만평, 운세, 포토, 동영상) ******************************************* */ /* 만평 기사뷰 + 전체목록용 */ .manpyunglist_wrap {overflow:hidden; margin-top:-45px; width:710px;} .manpyunglist_wrap .pathWrap { *zoom:1; height:32px; border-bottom:solid 1px #DDD; } .manpyunglist_wrap .pathWrap:after { clear:both; display:block; content:""; } .manpyunglist_wrap .pathWrap .path { float:left; font-size:14px; letter-spacing:-1px; } .manpyunglist_wrap .pathWrap .path a { color:#777; } .manpyunglist_wrap .pathWrap .path a:hover { color:#000; } .manpyunglist_wrap .pathWrap .tab { float:right; border-left:1px solid #DDD; margin-top:1px; _margin-bottom:-1px; _position:relative; } .manpyunglist_wrap .pathWrap .tab a { float:left; display:block; height:20px; padding:10px 20px 0; border:1px solid #DDD; border-left:none; background:#F5F5F5; color:#999; font-size:11px; letter-spacing:-1px; font-weight:bold; } .manpyunglist_wrap .pathWrap .tab a.on { color:#000; text-decoration:none; border-bottom:1px solid #FFF; background:#FFF; } .manpyung_view {text-align:center;} .manpyung_view .manpyung_title {padding:30px 0; color:#000; font-size:23px; font-weight:bold;} .manpyung_view .manpyung_title img {padding-bottom:3px;} .manpyung_view .photo {*zoom:1;} .manpyung_view .photo:after { clear:both; display:block; content:""; } .manpyung_view .photo li {float:left; margin-left:48px;} .manpyung_view .photo li span {display:block; overflow:hidden; position:relative; width:170px; height:180px;} .manpyung_view .photo li span img { width:170px; vertical-align:text-bottom; bottom:0; display:table-cell; position:absolute; } .manpyung_view .photo li p {width:170px; height:60px;} .manpyung_view .photo li p a {font-size:15px;} .manpyung_date { position: relative; text-align: center; font-size: 11px; color: #999; height: 20px; } /* 페이지 */ .paginate {padding:80px 0; line-height:normal; text-align:center;} .paginate a, .paginate strong{ position:relative; z-index:2; display:inline-block; margin:0 -3px; padding:1px 10px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-color:#FFF; font:bold 14px/16px Tahoma, Sans-serif; color:#333; text-decoration:none; vertical-align:top; } .paginate a:hover, .paginate a:active, .paginate a:focus { background-color:#f8f8f8; } .paginate strong { color:#CC0000; } .paginate .direction { border:0; color:#777; font-weight:normal; text-decoration:none !important; z-index:1; font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,Helvetica,AppleGothic,Sans-serif} .paginate .direction:hover, .paginate .direction:active, .paginate .direction:focus { color:#333; background-color:#FFF; } .paginate .prev { border-left:0 } .paginate .next { border-right:0 } .paginate .direction span { position:relative; top:8px; display:inline-block; vertical-align:top; width:0; height:0; font-size:0; line-height:0; } .paginate .prev span { *left:-4px; margin-right:1px; border:3px solid; border-top:solid #FFF; border-bottom:solid #FFF; border-left:0; } .paginate .next span { margin-left:1px; border:3px solid; border-top:solid #FFF; border-bottom:solid #FFF; border-right:0; } /* 만평 달력 */ .art_side .calendar {margin:20px 0 30px; padding:0 0 0 20px;} .art_side .calendar .title {height:32px; margin-bottom:5px;} .art_side .calendar .title:after {display:block; clear:both; content:"";} .art_side .calendar .title h3 {float:left;} .art_side .calendar form {float:right; padding-top:4px;} .art_side .calendar select {height:22px; padding:1px 5px 1px;} .art_side .calendar table {width:280px; margin:0 auto; border-collapse:collapse;} .art_side .calendar th, .art_side .calendar td {height:24px; border:2px solid #fff; text-align:center;} .art_side .calendar th {height:24px; font-size:11px; color:#666; background:url("http://img.khan.co.kr/spko/sub_2009/calendar_dot.gif") repeat-x left top;} .art_side .calendar td {color:#bbb; font-size:12px; letter-spacing:-1px; font-family:verdana;} .art_side .calendar td a {display:block; height:24px; padding-top:5px; background:#f5f5f5; text-decoration:none; font-weight:bold;} .art_side .calendar td a:hover {color:#333; background:#ccc;} .art_side .calendar .holyday {color:#4d84bc;} .art_side .calendar .today {border-left:none; font-weight:bold; background:url("http://img.khan.co.kr/spko/sub_2009/calendar_today.gif") no-repeat 7px 3px;} /* 오늘의 운세 */ .today_fortune_wrap {} .zodiac {width:100%; padding:20px 0; border-bottom:1px solid #e8e8e8; font-family:"맑은 고딕",Malgun Gothic,"돋움",Dotum,Helvetica,AppleGothic,sans-serif;} .zodiac:after {display:block; clear:both; content:"";} .zodiac dl {color:#777; line-height:21px; font-size:13px; text-align:justify;} .zodiac dt {margin-bottom:8px; color:#333; font-weight:bold;} .zodiac dd.thumb {float:left; width:110px; margin:35px 0;} .zodiac dd.thumb img {width:100px; height:100px;} .zodiac dd.cont {margin:0 0 5px 110px; color:#454545; font-size:16px;} .zodiac dd span {display:block; margin-left:110px; color:#777; font-size:15px;} .zodiac dd .goodman strong {color:#4e99e1;} /* 행운의 사람 */ .zodiac dd .badman strong {color:#e14eaf;} /* 주의할 사람 */ .zodiac dd .goodnum strong {color:#4e99e1;} /* 행운의 숫자 */ .sub_txt {width:100%; margin:20px 0 60px; color:#333; font-size:13px; line-height:19px;} /* 기사뷰(포토) */ /* 연관 포토 리스트 */ .preview_wrap { clear:both; width:100%; height:90px; position:relative; margin:20px 0 35px;} .preview_wrap .preview_thumb { position:absolute; left:55px; top:0; width:940px; height:100%; overflow:hidden;} .preview_wrap .btn_preview { position:absolute; top:0; width:33px; height:90px; overflow:hidden; display:block; text-indent:-9999px; background:url('http://img.khan.co.kr/spko/sub_2013/set_photo.png') no-repeat scroll 0 0 transparent;} .preview_wrap .btn_preview span { cursor:pointer; width:33px; height:90px; display:block;} .preview_wrap .btn_preview.prev { background-position:0 0; left:0;} .preview_wrap .btn_preview.prev:hover { background-position:0 -100px;} .preview_wrap .btn_preview.next { background-position:-38px 0; right:0;} .preview_wrap .btn_preview.next:hover { background-position:-38px -100px;} .preview_wrap .preview_thumb .thumb_small { position:relative; float:left; width:52700px;} .preview_wrap .preview_thumb .thumb_small li { float:left; margin-right:20px; position:relative; overflow:hidden; width:140px; height:90px; font-size:0;} .preview_wrap .preview_thumb .thumb_small li a { width:140px;} .preview_wrap .preview_thumb .thumb_small li a img { display:block;} .preview_wrap .preview_thumb .thumb_small li .mask { border:1px solid #000; height:88px; left:0; opacity:0.1; overflow:hidden; position:absolute; top:0; width:138px; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);} .preview_wrap .preview_thumb .thumb_small li.on .mask { border:5px solid #2665f4; height:80px; width:130px; opacity:1;} .preview_wrap .preview_thumb .thumb_small li:hover {width:132px; height:82px; border:4px solid #345fbb;} .preview_wrap .preview_thumb .thumb_small li:hover a img {display:block; position:absolute; left:-4px; top:-4px; width:140px; height:90px;} /* 포토화보 본문 */ .art_body .num_photo {display:block; margin-bottom:20px; color:#777; font-family:Tahoma; text-align:center;} .art_body .num_photo .num_count {color:#2665f4; font-weight:bold;} .art_body .article_photo_center {margin:0 auto; text-align:center;} .art_body .article_photo_wrap {display:inline-block; max-width:560px;} .art_body .article_photo_wrap .caption {margin:0 0 10px; line-height:1.4; color:#777; font-size:14px; text-align:left;} .art_body .photo_viewer_wrap {position:relative; width:710px; margin-bottom:10px;} .art_body .photo_viewer_wrap .pv_imgarea {display:inline-block; position:relative; width:100%;} .art_body .photo_viewer_wrap .pv_imgarea img {width:100%; max-width:560px; margin-bottom:5px;} .art_body .photo_viewer_wrap .pv_btn {display:block; position:absolute; top:0; width:75px; height:100%;} .art_body .photo_viewer_wrap .pv_btn.prev { left:-10px;} .art_body .photo_viewer_wrap .pv_btn.next { right:-10px;} .art_body .photo_viewer_wrap .pv_btn span {display:block; overflow:hidden; position:absolute; top:50%; margin-top:-50px; height:100px; width:76px; text-indent:-9999px; cursor:pointer; background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 0 transparent;} .art_body .photo_viewer_wrap .pv_btn.prev span { background-position:-16px -238px;} .art_body .photo_viewer_wrap .pv_btn.next span { background-position:-65px -238px;} .art_body .btn_newsMore { float:right; margin:10px 0;} .art_body .btn_newsMore:after { clear: both; content: ""; display: block;} .art_body .btn_newsMore a { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll -100px -50px transparent; display:block; height:27px; width:144px; overflow:hidden; text-indent:-9999px;} .art_body .clear { clear:both;} /* 만평 뷰 */ .art_body.mpview .content_text {text-align:center;} /* 오늘은 이런 경향 화면 */ .sub_today {} .sub_today .head_txt_khan {width:710px; height:90px; margin-bottom:25px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2015/bg_todayinfo.png") no-repeat 0 0;} .sub_today .article_wrap {position:relative; margin-bottom:25px; border:1px solid #c5c5c5;} .sub_today .article_wrap .title_num {position:absolute;top:-1px;left:-1px;width:28px;height:24px;padding:4px 0 0;background-color:#068fdb;border:1px solid #0174bd;color:#FFF;font-size:17px;line-height:21px;font-weight:bold;text-align:center;vertical-align:middle;} .sub_today .article_wrap .article {width:708px;margin:40px 0 20px 0;text-align:center;} .sub_today .article_wrap .article .to_img {margin-bottom:20px;} .sub_today .article_wrap .article .to_img img {max-width:700px;} .sub_today .article_wrap .article .to_img .p_txt {display:block;color:#999; font-size:12px;line-height:25px;} .sub_today .article_wrap .article .to_txt {padding:10px 34px 0;width:640px;text-align:left;color:#000;} .sub_today .article_wrap .today_related {background:url(http://img.khan.co.kr/spko/sub_2014/bg_relationdot.gif) repeat-x 0 0;padding:15px 0 0;} .sub_today .article_wrap .today_related .re_txt {position:relative;padding:0 34px;width:640px;font-size:15px;} .sub_today .article_wrap .today_related dt {color:#000; font-weight:bold;line-height:20px;} .sub_today .article_wrap .today_related dd {color:#888; margin:5px 0 0;} .sub_today .article_wrap .today_related a:hover dt {color:#3399ff;} .sub_today .article_wrap .today_related a:hover dd {color:#3399ff;} .sub_today .article_wrap .today_related .gradation {position:absolute;bottom:32px;left:24px;display:block;width:660px;height:20px;background:url(http://img.khan.co.kr/spko/sub_2014/today_gradation.png) repeat-x 0 0;} .sub_today .article_wrap .today_related .re_more_wrap {display:block;height:35px;overflow:hidden;} .sub_today .article_wrap .today_related .re_more_wrap a.re_more {float:right;display:block;width:55px;height:25px;background:url(http://img.khan.co.kr/spko/sub_2014/today_imgset.png) no-repeat 0 -158px;text-indent:-9999px;margin:10px 0 0;cursor:pointer;} .sub_today .today_btn_area {overflow:hidden; width:710px; height:25px;} .sub_today .today_btn_area .today_btn {float:right;display:block;width:136px;height:25px;background:url(http://img.khan.co.kr/spko/sub_2014/today_imgset.png) no-repeat 0 -200px;text-indent:-9999px;} /* 경향이 찍은 오늘 화면 */ .sub_today .head_txt_photo {width:710px; height:85px; margin-bottom:25px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2015/bg_todayinfo.png") no-repeat 0 -100px;} .sub_today .todayphoto_wrap {position:relative;} .sub_today .todayphoto_wrap .todayphoto_title {margin:30px 0 20px; font-size:17px; color:#000; font-weight:bold;} .sub_today .todayphoto_wrap .todayphoto img {display:block; margin:0 auto;} .sub_today .todayphoto_wrap .todayphoto .todayphoto_caption {font-size:11px; text-align:center; color:#999; line-height:25px;} .sub_today .todayphoto_wrap .todayphoto_txt {margin-top:5px; padding:20px 0; color:#000;} .sub_today .todayphoto_wrap .pic_btn {display:block; position:absolute; top:50%; width:50px; height:200px; margin-top:-100px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2013/set_photoslide_bigarrow_1.png") no-repeat scroll 0 0 transparent; z-index:50;} .sub_today .todayphoto_wrap .pic_btn.prev {left:-50px; background-position:-30px -120px;} .sub_today .todayphoto_wrap .pic_btn.prev:hover {background-position:-219px -120px;} .sub_today .todayphoto_wrap .pic_btn.next {right:-50px; background-position:-110px -120px;} .sub_today .todayphoto_wrap .pic_btn.next:hover {background-position:-300px -120px;} /* ******************************************* 인포그래픽 ******************************************* */ /* 공통 */ .infographic_wrap { position:relative; width:990px; text-align:center; } .infographic_wrap .cpr { width:990px; text-align:center; margin-top:20px; float: left;} .infographic_wrap .cpr:after { clear:both; display:block; content:""; } /* 선거운동 발도장 */ .mainWrap h2 { text-indent:-9999px; height:46px; margin-bottom:40px; background:url(http://img.khan.co.kr/spko/2012_election/h2.gif) no-repeat; } .mainWrap h2.m3_5 { /*선거운동발도장*/ background-position:0 -1105px; } .foot_stamp {border-bottom:solid 2px #444; margin-bottom:40px;} .foot_stamp .tab { *zoom:1; } .foot_stamp .tab:after { clear:both; display:block; content:""; } .foot_stamp .tab li { float:left; } .foot_stamp .tab li a span { display:block; height:33px; text-indent:-9999px; cursor:pointer; background:url(http://img.khan.co.kr/spko/2012_election/imgset.gif) no-repeat; } .foot_stamp .tab li.tab1 a span { width:200px; background-position:0 -755px; } .foot_stamp .tab li.tab2 a span { width:200px; background-position:-201px -755px; } .foot_stamp .tab li.tab3 a span { width:200px; background-position:-402px -755px; } .foot_stamp .tab li.tab1 a.on span { width:200px; background-position:0 -720px; } .foot_stamp .tab li.tab2 a.on span { width:200px; background-position:-201px -720px; } .foot_stamp .tab li.tab3 a.on span { width:200px; background-position:-402px -720px; } .stamp_area {position:relative; text-align:center;} .stamp_area .s_info1 {position:absolute; top:237px; left:405px; color:#000; font-size:11px; letter-spacing:-1px; padding:5px; background-color:#fff; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;} .stamp_area .s_info1 span {color:#d72c62; } .stamp_area .s_info2 {position:absolute; top:210px; left:420px; color:#000; font-size:11px; letter-spacing:-1px; padding:5px; background-color:#fff; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;} .stamp_area .s_info2 span {color:#bd7800; } .stamp_area .s_info3 {position:absolute; top:250px; left:370px; color:#000; font-size:11px; letter-spacing:-1px; padding:5px; background-color:#fff; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;} .stamp_area .s_info3 span {color:#c90190; } /* 이명박비리 */ .info_mb {position:relative; width:700px; margin:0 auto; line-height:15px; text-align:center; } .info_mb .mb_info1 { position:absolute; top:165px; right:-15px; color:#000; font-size:11px; text-align:left; letter-spacing:-1px; padding:5px; background-color:#fff; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;} .info_mb a { color:#000; text-decoration:none;} .info_mb a:hover { color:#3399ff; text-decoration:none;} /* 여의도 대선마을 */ .infographic_wrap .layer_info1 { position:absolute; top:348px; right:198px; width:245px; color:#000; font-size:12px; text-align:left; line-height:16px; letter-spacing:-1px; padding:10px; background-color:#fffff7; border:1px solid #1c1311;} .infographic_wrap .imglayer_info1 { position:absolute; top:15px; right:25px; width:438px;} .infographic_wrap .imglayer_info2 { position:absolute; top:28px; right:225px; width:438px;} .infographic_wrap .imglayer_info3 { position:absolute; top:125px; left:125px; width:438px;} .infographic_wrap .imglayer_info4 { position:absolute; top:8px; left:120px; width:438px;} .infographic_wrap .imglayer_info5 { position:absolute; top:19px; left:62px; width:438px;} .infographic_wrap .info_img { position:relative; width:438px;} .infographic_wrap .info_img .btn_close { position:absolute; top:0; right:4px; z-index:5;} .infographic_wrap .info_news { position:relative; width:416px; background-color:#fffff7; color:#000; border-right: 1px solid #1c1311; border-bottom: 1px solid #1c1311; border-left: 1px solid #1c1311; padding:10px; text-align:left; line-height:18px;} .infographic_wrap .info_news .box_line { background-color:#fdfdeb; border:1px solid #c1bbb0; padding:10px;} .infographic_wrap .info_news .red_tit { display:block; color:#ff0000; font-size:12px; font-weight:bold; margin-bottom:4px;} /* 대권주자출마선언 */ .infographic_wrap .runner_map { width:990px;} .infographic_wrap .profile { width:990px; margin-top:10px; position:relative; text-align:left;} .infographic_wrap .profile .name { background-color:#35384b; width:978px; height:32px; color:#fff; font-size:19px; font-weight:bold; padding:6px 0 0 12px;} .infographic_wrap .profile .runner_info { width:918px; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; padding:35px;} .infographic_wrap .top_profile { overflow:hidden; width:100%; position:relative;} .infographic_wrap .top_profile .profile_thumb { float:left; border:1px solid #d8d8d8; margin-right:40px;} .infographic_wrap .top_profile .profile_cont { float:left; width:636px;} .infographic_wrap .top_profile .profile_cont .profile_tit { float:left; width:100%; overflow:hidden; margin-bottom:20px; color:#000; font-size:18px; font-weight:bold; letter-spacing:-1px;} /*.infographic_wrap .top_profile .profile_cont .profile_tit span { color:#0096ff;} */ .infographic_wrap .top_profile .profile_cont .profile_tit span { background:url("http://img.khan.co.kr/spko/sub_2012/mark.gif") no-repeat scroll 0 0 transparent; width:10px; height:9px; overflow:hidden; text-indent:-9999px; display:inline-block;} .infographic_wrap .top_profile .profile_cont .profile_tit span.mark_left { background-position:0 0; margin:0 4px 0 0; padding-top:5px;} .infographic_wrap .top_profile .profile_cont .profile_tit span.mark_right { background-position:-30px 0; margin:0 0 0 4px; padding-top:5px;} .infographic_wrap .top_profile .profile_cont .info01 { clear:both; line-height:24px;} .infographic_wrap .top_profile .profile_cont .info01.role { margin-top:15px; position:relative;} .infographic_wrap .top_profile .profile_cont .info01 dt.tit { float:left; font-size:14px; color:#000; font-weight:bold; margin-right:20px; } .infographic_wrap .top_profile .profile_cont .info01 dd.con { float:none; overflow:hidden; color:#000; font-size:14px; letter-spacing:-1px;} .infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont { background-color:#f5f5f5; border:1px solid #cedfeb; padding:7px 5px 3px 50px; margin-top:3px; line-height:21px;} .infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_who { display:block; color:#000; font-size:14px; font-weight:bold; margin-bottom:1px;} .infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_why { color:#5c6871; font-size:14px;} .infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_why span { background:url("http://img.khan.co.kr/spko/sub_2012/mark.gif") no-repeat scroll 0 0 transparent; width:10px; height:9px; overflow:hidden; text-indent:-9999px; display:inline-block;} .infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_why span.mark_left { background-position:0 0; margin:0 4px 0 0; padding-top:5px;} .infographic_wrap .top_profile .profile_cont .info01 dd.con.rolecont .role_why span.mark_right { background-position:-30px 0; margin:0 0 0 4px; padding-top:5px;} .infographic_wrap .top_profile .profile_cont .info01.role .role01 { position:absolute; top:-10px; left:43px; z-index:20;} .infographic_wrap .top_profile:after { clear:both; display:block; content:""; } .infographic_wrap .run_news { overflow:hidden; width:100%; margin-top:40px;} .infographic_wrap .run_news strong.tit { background:url("http://img.khan.co.kr/spko/sub_2012/sub_tit01.gif") no-repeat scroll 0 0 transparent; display:block; width:100%; height:20px; border-bottom:1px solid #bebebe; text-indent:-9999px; padding-bottom:8px;} .infographic_wrap .run_news ul { overflow:hidden; width:100%; margin-top:10px;} .infographic_wrap .run_news ul li { padding-left:7px; line-height:26px; background:url("http://img.khan.co.kr/spko/sub_2012/runner_news_blit.gif") no-repeat scroll 0 10px transparent;} .infographic_wrap .run_news ul li a { font-size:14px;} .infographic_wrap .run_photo { overflow:hidden; width:100%; margin-top:40px;} .infographic_wrap .run_photo strong.tit { background:url("http://img.khan.co.kr/spko/sub_2012/sub_tit01.gif") no-repeat scroll 0 -30px transparent; display:block; width:100%; height:20px; border-bottom:1px solid #bebebe; text-indent:-9999px; padding-bottom:8px;} .infographic_wrap .run_photo ul.phtxt { overflow:hidden; width:100%; margin-top:20px;} .infographic_wrap .run_photo .phtxt li { float:left; margin-right:30px; width:122px; height:188px;} .infographic_wrap .run_photo .phtxt li .thumb { overflow:hidden; display:block; text-align:center; width:122px;} .infographic_wrap .run_photo .phtxt li .thumb a { display:table-cell; width:122px; height:122px;} .infographic_wrap .run_photo .phtxt li .thumb img { border:1px solid #c5c5c5; max-width:120px;} .infographic_wrap .run_photo .phtxt li .txt a { display:block; color:#000; font-size:12px; line-height:16px; margin-top:5px; letter-spacing:-1px;} .infographic_wrap .run_photo .phtxt li .txt a .video { display:block; text-align:center; color:#4373fd; font-weight:bold;} .infographic_wrap .pledge { overflow:hidden; width:100%; margin-top:40px; color:#000; font-weight:bold; font-size:18px; background-color:#FFF9F3; border:1px solid #E2D8CD; letter-spacing:-1px; padding:10px 0; text-align:center; font-family:"굴림",gulim,Sans-serif;} .infographic_wrap .pledge span.tit { color:#f45c00;} /* 낙동강 녹조현상 */ .infographic_wrap .greenMap { width:990px; position:relative;} .infographic_wrap .greenMap .title { width:990px; position:relative; margin-bottom:9px; height:34px;} .infographic_wrap .greenMap .title h3 { float:left; width:870px; background:url("http://img.khan.co.kr/spko/sub_2012/green_title.gif?ee") no-repeat scroll 0 0 transparent; font-size:0; height:34px; text-indent:-9999px;} .infographic_wrap .greenMap .title span.data { float:right; background:url("http://img.khan.co.kr/spko/sub_2012/green_title2.gif") no-repeat scroll 0 0 transparent; font-size:0; width:120px; height:34px; text-indent:-9999px;} .infographic_wrap .greenMap .mapView { width:990px; position:relative;} .infographic_wrap .greenMap .mapView .mapLeft { position:relative; float:left; width:246px; height:636px; background:url("http://img.khan.co.kr/spko/sub_2012/box_left_bg.gif") repeat-y scroll 0 0 transparent; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4;} .infographic_wrap .greenMap .mapView .mapLeft .gree_explan { background:url("http://img.khan.co.kr/spko/sub_2012/box_left_explan.gif?ee") no-repeat scroll 0 0 transparent; font-size:0; width:211px; height:243px; text-indent:-9999px; margin:32px 0 25px 13px;} .infographic_wrap .greenMap .mapView .mapLeft .green_bot {position:absolute; bottom:17px; right:22px; z-index:5;} .infographic_wrap .greenMap .mapView .mapright { float:left; width:744px;} .infographic_wrap .greenMap .mecha_layer { position:absolute; top:37px; left:225px; width:584px; z-index:10;} .infographic_wrap .greenMap .mecha_layer .tit { display:block; background:url("http://img.khan.co.kr/spko/sub_2012/mecha_title.gif") no-repeat scroll 0 0 transparent; width:584px; height:39px; font-size:0; text-indent:-9999px;} .infographic_wrap .greenMap .mecha_layer .btn_close { position:absolute; top:0; right:4px; z-index:5;} .infographic_wrap .greenMap .greenlayer { position:absolute; top:70px; right:4px; z-index:5; width:398px; text-align:left; line-height:16px; letter-spacing:-1px; background-color:#fffff7; border:1px solid #000;} .infographic_wrap .greenMap .greenlayer .name_tit { background-color:#000; height:26px; padding:9px 0 0 15px;} .infographic_wrap .greenMap .greenlayer .name_tit span { color:#fff; font-size:16px; font-weight:bold;} .infographic_wrap .greenMap .greenlayer .btn_close { position:absolute; top:0; right:4px; z-index:5;} .infographic_wrap .greenMap .greenlayer .cont { padding:12px;} .infographic_wrap .greenMap .greenlayer .cont .photo li { float:left; width:180px; height:120px; border:1px solid #57573c; margin-right:10px; margin-top:10px;} .infographic_wrap .greenMap .greenlayer .cont .photo li img { width:180px; height:120px;} .infographic_wrap .greenMap .greenlayer .cont .photo li.big { float:left; width:372px; height:247px; border:1px solid #57573c; margin-right:10px; margin-top:10px;} .infographic_wrap .greenMap .greenlayer .cont .photo li.big img { width:372px; height:247px;} .infographic_wrap .greenMap .greenlayer .cont .photo { margin-right:-10px; margin-top:-10px;} .infographic_wrap .greenMap .greenlayer .cont .photo:after { clear:both; content:""; display:block;} .infographic_wrap .greenMap .greenlayer .cont .graph { margin-top:35px;} .infographic_wrap .greenMap .mapView:after { clear:both; content:""; display:block;} .infographic_wrap .greenMap .green_news { overflow:hidden; width:948px; position:relative; background-color:#fffff7; border:1px solid #a8d4a7; padding:20px; margin-top:10px; text-align:left;} .infographic_wrap .greenMap .green_news .tit { display:block; background:url("http://img.khan.co.kr/spko/sub_2012/relation_tit.gif") no-repeat scroll 0 0 transparent; height:40px; font-size:0; text-indent:-9999px; border-bottom: 2px solid #777777; margin-bottom:20px;} .infographic_wrap .greenMap .green_news .news_list { width:990px; position:relative; background:url("http://img.khan.co.kr/spko/sub_2012/relation_num_bg.gif") repeat-y scroll 0 0 transparent;} .infographic_wrap .greenMap .green_news .news_list.last {background:none;} .infographic_wrap .greenMap .green_news .news_list .date {float:left; margin-right:12px; width:44px; } .infographic_wrap .greenMap .green_news .news_list dl { float:left; width:894px; margin-bottom:30px;} .infographic_wrap .greenMap .green_news .news_list dl dt { color:#2b9c17; font-size:16px; font-weight:bold; line-height:30px; margin-bottom:3px;} .infographic_wrap .greenMap .green_news .news_list dl dd.main { background:url("http://img.khan.co.kr/spko/sub_2012/relation_blit.gif") no-repeat scroll 0 5px transparent; color:#333333; font-size:14px; font-weight:bold; line-height:18px; padding-left:10px;} .infographic_wrap .greenMap .green_news .news_list .reNews {margin-top:5px;} .infographic_wrap .greenMap .green_news .news_list .reNews li {overflow:hidden; line-height:25px; padding-left:6px; font-size:14px;} .infographic_wrap .greenMap .green_news .news_list .reNews li .blit {font-weight:bold;} .infographic_wrap .greenMap .green_news .ex_photo { position:absolute; top:95px; right:20px; z-index:5; width:441px;} .infographic_wrap .greenMap .green_news .news_list:after { clear:both; content:""; display:block;} /* 박근혜정부 장관의 자격은 */ .infographic_wrap .minister {position:relative; width:990px;} .infographic_wrap .minister .checkList a {display:block; position:absolute; left:90px; top:85px; width:261px; height:40px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2013/btn_checklist.png") no-repeat scroll 0 0 transparent;} .infographic_wrap .minister .checkWrap {display:block; position:absolute; left:75px; top:90px; width:843px; height:589px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2013/img_checklist.gif") no-repeat scroll 0 0 transparent;} .infographic_wrap .minister .checkWrap p.close a {float:right; width:32px; height:30px; margin-right:25px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2013/btn_close_checklist.gif") no-repeat scroll 0 0 transparent;} .infographic_wrap .minister .fallfromList a {display:block; position:absolute; left:361px; top:85px; width:159px; height:40px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2013/btn_fallfrom.png") no-repeat scroll 0 0 transparent;} .infographic_wrap .minister .fallfromWrap {display:block; position:absolute; left:75px; top:90px; width:843px; height:459px;} .infographic_wrap .minister .fallfromWrap p.close a {position:absolute; right:25px; top:10px; width:32px; height:30px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2013/btn_close_checklist.gif") no-repeat scroll 0 0 transparent;} .infographic_wrap .minister .detailInfo {display:block; position:absolute; top:98px; width:406px; padding-bottom:20px; border:1px solid #111; background-color:#fffff7;} .infographic_wrap .minister .detailInfo p.close a {position:absolute; right:7px; top:7px; width:24px; height:24px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2013/btn_close_detailInfo.gif") no-repeat scroll 0 0 transparent;} .infographic_wrap .minister .detailInfo ul {padding-left:79px; text-align:left; background:url("http://img.khan.co.kr/spko/sub_2013/bg_detailInfo_list.gif") no-repeat scroll 0 0 transparent;} .infographic_wrap .minister .detailInfo li a {color:#555; font-size:13px; font-family:gulim; line-height:1.4em;} .infographic_wrap .minister .leftPop {left:20px!important;} .infographic_wrap .minister .rightPop {right:20px!important;} /* 인포그래픽 END */ /********************************************************************* 이슈·연재 (핫이슈 개편) : 201504 TY **********************************************************************/ /* 메인 레이아웃 */ .issueMwrap {overflow:hidden;width:1050px;} .issueMwrap .mainIssue {overflow:hidden;float:left;width:715px;} .issueMwrap .mainIssue .mleft {float:left;width:320px; margin-right:45px;} .issueMwrap .mainIssue .mright {float:left;width:320px;} .issueMwrap .mainSeries {float:left;width:320px;height:585px;margin-left:15px;background-color:#f2f2f2;} .issueSwrap {overflow:hidden;margin-top:30px;} .issueSwrap .issueList {float:left;width:683px; margin-right:45px;} .issueSwrap .issueAside {float:left;width:300px;} /* 메인 주요이슈 */ .mainIssue .issue01 {overflow:hidden;position:relative;width:320px;height:285px;} .mainIssue .issue01 img {display:block;width:320px;height:285px;} .mainIssue .issue01 .issueBg {display:block;position:absolute;left:0;top:0;width:320px;height:46px;background-color:#a4c7d1;opacity:0.9; -ms-filter:alpha(opacity=90); filter:alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);} .mainIssue .issue01 .issueName {display:block;position:absolute;left:0;top:0px;width:320px;height:36px;text-align:center;padding-top:10px;font-size:17px;color:#FFF;} .mainIssue .issue01 .tit_wrap {position:absolute; left:0; top:208px; width:300px; height:93px; padding:12px 10px 0 10px; background:url("http://img.khan.co.kr/spko/main_2013/bg_photoframe.png") repeat scroll 0 0 transparent;} .mainIssue .issue01 .tit_wrap .tt {display:block;color:#FFF;margin-bottom:10px;font-size:13px;} .mainIssue .issue01 .tit_wrap a {display:block;color:#dedede;font-size:12px;} .mainIssue .issue01 .tit_wrap a dt {color:#8be0ff;} .mainIssue .issue01 .tit_wrap a:hover dt {color:#8be0ff;} .mainIssue .issue01 .tit_wrap a:hover {color:#dedede;} .mainIssue .marginT15 {margin-top:15px} .mainIssue .issue02 {position:relative;width:320px;height:140px;} .mainIssue .issue02 a:hover {text-decoration:none;} .mainIssue .issue02 .issueName02 {cursor:pointer;display:block;position:absolute;left:0;bottom:0;width:320px;height:46px;text-align:center;opacity: 0.9; -ms-filter:alpha(opacity=90); filter:alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);} /*background-color:#a4c7d1;*/ .mainIssue .issue02 .issueName02 strong {display:block;color:#FFF;font-size:17px;margin-top:10px;} .mainIssue .issue03 {position:relative;width:320px;height:140px;} .mainIssue .issue03 a:hover {text-decoration:none;} .mainIssue .issue03 .issueName03 {cursor:pointer;display:block;position:absolute;right:0;top:0;width:143px;height:115px;padding:15px 10px 10px;opacity: 0.9; -ms-filter:alpha(opacity=90); filter:alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);} /*background-color:#a4c7d1;*/ .mainIssue .issue03 .issueName03 strong {display:block;color:#FFF;font-size:17px;line-height:20px;margin-top:42px;} /* .mainIssue .issue03 .issueName03 span {display:block;color:#FFF;font-size:12px;margin-top:5px;line-height:16px;} */ .mainIssue .marginT5 {margin-top:5px} /* 메인 연재 */ .mainSeries .series {position:relative;border-bottom:1px solid #c3c3c3;padding-bottom:20px;} .mainSeries .series .se_title {position:absolute;top:0;left:0;width:78px;height:76px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 0;text-indent:-99999px;} .mainSeries .series .se_list {overflow:hidden;} .mainSeries .series .se_list li {float:left;width:117px;margin-top:38px;} .mainSeries .series .se_list li.le {margin-left:38px;margin-right:20px;} .mainSeries .series .se_list img {display:block;width:117px;height:117px;} .mainSeries .series .se_list span {display:block;text-align:center;margin-top:10px;font-weight:bold;font-size:13px;} .mainSeries .series .frame {display:block;width:117px;height:117px;background:url(http://img.khan.co.kr/spko/sub_2013/bigcircle_frame.png) no-repeat 0 0;} .mainSeries .series .left {position:absolute;top:38px;left:38px;} .mainSeries .series .right{position:absolute;top:38px;right:28px;} .mainSeries .look {position:relative;height:170px;border-bottom:1px solid #c3c3c3;} .mainSeries .look .look_head {position:absolute;top:20px;left:15px;width:46px;height:58px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -100px;text-indent:-99999px;} .mainSeries .look .look_title {position:absolute;top:21px;left:70px;width:230px;} .mainSeries .look .look_title .bt {display:block;font-size:13px;font-weight:bold;color:#2765f4;margin-bottom:1px;} .mainSeries .look .look_title .st {line-height:1.3;font-size:14px;font-weight:bold;} .mainSeries .look .text {position:absolute;top:90px;left:15px;width:200px;font-size:12px;line-height:1.3;letter-spacing:-1;} .mainSeries .look .look_img {position:absolute;overflow:hidden;top:90px;right:25px;width:60px;height:60px;} .mainSeries .look .look_img img {width:60px;height:60px;} .mainSeries .look .frame_small {display:block;position:absolute;top:90px;right:25px;width:60px;height:60px;background:url(http://img.khan.co.kr/spko/sub_2013/smallcircle_frame.png) no-repeat 0 0;} .mainSeries .review {position:relative;margin:24px 0 0 15px;} .mainSeries .review .re_title {margin-bottom:10px;width:126px;height:24px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -200px;text-indent:-99999px;} .mainSeries .review .re_list li{padding-left:10px;height:23px;background:url(http://img.khan.co.kr/spko/main_2011/imgset_dot.gif) no-repeat 0 -13px;font-size:13px;} .mainSeries .review .re_all {display:block;position:absolute;top:0px;right:15px;font-size:11px;} /* 메인 이슈 네비게이션*/ .issueSwrap {position:relative;} .issueSwrap .issueList {border:1px solid #c7cbce;} .issueList .issueTab_wrap {overflow:hidden;width:683px;height:100px;background:url(http://img.khan.co.kr/spko/sub_2016/issue_tabset.png) no-repeat 0 0;} .issueList .issueTab_wrap .issueTab li {float:left;text-indent:-99999px;height:100px;} .issueList .issueTab_wrap .issueTab li.tab8 {width:86px;} .issueList .issueTab_wrap .issueTab li a {display:block;height:100px;background:url(http://img.khan.co.kr/spko/sub_2016/issue_tabset.png) no-repeat;} .issueList .issueTab_wrap .issueTab li.tab1 a {background-position:0 -100px;width:81px;} .issueList .issueTab_wrap .issueTab li.tab2 a {background-position:-81px -100px;width:86px;} .issueList .issueTab_wrap .issueTab li.tab3 a {background-position:-158px -100px;width:86px;} .issueList .issueTab_wrap .issueTab li.tab4 a {background-position:-238px -100px;width:86px;} .issueList .issueTab_wrap .issueTab li.tab5 a {background-position:-317px -100px;width:86px;} .issueList .issueTab_wrap .issueTab li.tab6 a {background-position:-397px -100px;width:86px;} .issueList .issueTab_wrap .issueTab li.tab7 a {background-position:-479px -100px;width:86px;} .issueList .issueTab_wrap .issueTab li.tab8 a {background-position:-560px -100px;width:86px;} .issueList .issueTab_wrap .issueTab li.tab1 a:hover {background-position:0 -200px;} .issueList .issueTab_wrap .issueTab li.tab2 a:hover {background-position:-81px -200px;} .issueList .issueTab_wrap .issueTab li.tab3 a:hover {background-position:-158px -200px;} .issueList .issueTab_wrap .issueTab li.tab4 a:hover {background-position:-238px -200px;} .issueList .issueTab_wrap .issueTab li.tab5 a:hover {background-position:-317px -200px;} .issueList .issueTab_wrap .issueTab li.tab6 a:hover {background-position:-397px -200px;} .issueList .issueTab_wrap .issueTab li.tab7 a:hover {background-position:-479px -200px;} .issueList .issueTab_wrap .issueTab li.tab8 a:hover {background-position:-560px -200px;width:86px;} .issueList .issueTab_wrap .issueTab li.tab1.on a {background-position:0 -200px;} .issueList .issueTab_wrap .issueTab li.tab2.on a {background-position:-81px -200px;} .issueList .issueTab_wrap .issueTab li.tab3.on a {background-position:-158px -200px;} .issueList .issueTab_wrap .issueTab li.tab4.on a {background-position:-238px -200px;} .issueList .issueTab_wrap .issueTab li.tab5.on a {background-position:-317px -200px;} .issueList .issueTab_wrap .issueTab li.tab6.on a {background-position:-397px -200px;} .issueList .issueTab_wrap .issueTab li.tab7.on a {background-position:-479px -200px;} .issueList .issueTab_wrap .issueTab li.tab8.on a {background-position:-560px -200px;width:86px;} .issueList .issue_search {padding:11px;border-bottom:1px solid #c7cbce;} .issueList .issue_search label {display:none;} .issueList .issue_search .issue_input {border:1px solid #cccdcd;width:560px;height:24px;font-size:14px;padding:0 10px;font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif;} .issueList .issue_search .i_search {vertical-align:top;display:inline-block;width:57px;height:21px;margin-left:5px;padding-top:3px;background-color:#0e51e0;border:1px solid #305fca;color:#FFF;font-size:13px;text-align:center;} .issueList .list_wrap {overflow:hidden;} .issueList .list_wrap .list_left {float:left;width:288px;background-color:#e5edf0;padding:20px 0 30px;} .issueList .list_wrap .list_right {float:left;width:390px;} .issueList .list_wrap .list_left li {display:block;font-size:15px;height:34px;padding:10px 0 0 20px;color:#000;font-weight:bold;cursor:pointer;} .issueList .list_wrap .list_left li:hover {display:block;background-color:#FFF;color:#356ff4;text-decoration:none;cursor:pointer;} .issueList .list_wrap .list_left li a img {margin-right:5px;} /*.issueList .list_wrap .list_left li.list_leftFirst {color:#356ff4;text-decoration:none;cursor:pointer;}*/ /*.issueList .list_wrap .list_left li:hover{display:block;text-decoration:none;cursor:pointer;})*/ /*.issueList .list_wrap .list_left li.list_leftFirst {text-decoration:none;cursor:pointer;}*/ .issueList .list_wrap .list_left .paging {text-align:center;padding-top:20px;} .issueList .list_wrap .list_left .paging span{vertical-align:top;display:inline-block;width:12px;height:11px;margin-top:5px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat;text-indent:-99999px;} .issueList .list_wrap .list_left .paging .front {background-position:0 -250px;} .issueList .list_wrap .list_left .paging .prev {background-position:-20px -250px;} .issueList .list_wrap .list_left .paging .next {background-position:-40px -250px;} .issueList .list_wrap .list_left .paging .back {background-position:-60px -250px;} .issueList .list_wrap .list_left .paging a { font-family:'tahoma'; padding:0 5px; font-size:14px;} .issueList .list_wrap .list_left .paging a:hover {color:#000;font-weight:bold;text-decoration:none;} .issueList .list_wrap .list_left .paging a.mr_no {margin-right:0px;} .issueList .list_wrap .list_right .list_right_thumb {position:relative;text-align:center; margin:30px auto 0; width:330px;} .issueList .list_wrap .list_right .list_right_thumb .trans_border {border:1px solid #000;cursor:pointer;position:absolute;left:0; top:0; right:0; bottom:0; display:block;opacity:0.1; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);} .issueList .list_wrap .list_right .list_right_title {margin:20px 0 10px 30px;} .issueList .list_wrap .list_right .list_right_title .st {display:block;font-size:14px;color:red;font-weight:bold;height:16px;} .issueList .list_wrap .list_right .list_right_title .bt a{font-size:23px; line-height:29px; color:#000;font-weight:bold;margin-top:5px; display:block;} .issueList .list_wrap .list_right .list_right_series {margin:10px 0 10px 30px;} .issueList .list_wrap .list_right .list_right_series li {height:20px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -296px; font-size:13px;} .issueList .list_wrap .list_right .list_right_series li a{color:#888888;margin-left:13px;} .issueList .list_wrap .list_right .list_right_txt {margin:10px 30px 10px 30px;font-size:13px;line-height:1.5;} .issueList .list_wrap .list_right .list_right_list {margin:10px 30px 10px 30px;} .issueList .list_wrap .list_right .list_right_list li {height:24px;background:url(http://img.khan.co.kr/spko/main_2011/imgset_dot.gif) no-repeat 0 -13px;} .issueList .list_wrap .list_right .list_right_list li a{margin-left:10px;font-size:12px;letter-spacing:-1;} .issueList .list_wrap .list_right .list_right_more a {display:block;margin:20px 20px 20px 30px;text-align:right;font-size:12px;color:#000;font-weight:bold;} .list_wrap .issue_search_no {padding:20px 0;width:430px;margin:0 auto;text-align:center;} .list_wrap .issue_search_no p {font-size:16px;font-weight:bold;margin-bottom:10px;} .list_wrap .issue_search_no p span {color:#2765f4;} /* 메인 만평 */ .issueAside .manpyung {margin-bottom:23px;} .issueAside .manpyung h3 {text-indent:-9999px; margin-bottom:10px; } .issueAside .manpyung h3 a {display:block; overflow:hidden; width:30px; height:15px; background:url(http://img.khan.co.kr/spko/main_2011/h3.gif) no-repeat 0 -180px; } .issueAside .manpyung .phTit {*zoom:1; } .issueAside .manpyung .phTit:after {clear:both; display:block; content:""; } .issueAside .manpyung .phTit li {float:left; width:107px; } .issueAside .manpyung .phTit li.first {margin-right:10px;margin-left:12px;} .issueAside .manpyung .phTit li a {cursor:pointer; } .issueAside .manpyung .phTit span {display:block; width:105px; border:1px solid #666; } .issueAside .manpyung .phTit span img {width:105px; height:95px; vertical-align:top; } .issueAside .manpyung .phTit strong {display:block; padding-top:7px; text-align:center; font-size:11px; letter-spacing:-1px; font-weight:normal; } /* 이슈 전체보기 */ .issue_all_search {padding-bottom:15px;text-align:right;} .issue_all_search select {border:1px solid #cccdcd;width:130px;height:26px;font-size:14px;padding:0 3px;font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif;} .issue_all_search input {vertical-align:top;border:1px solid #cccdcd;width:200px;height:24px;font-size:14px;padding:0 10px;font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif;} .issue_all_search .i_search {vertical-align:top;display:inline-block;width:57px;height:21px;margin-left:5px;padding-top:3px;background-color:#0e51e0;border:1px solid #305fca;color:#FFF;font-size:13px;text-align:center;} .issue_all_wrap {border:1px solid #c7cbce;} .issue_all_wrap .issueTab_wrap {overflow:hidden;width:708px;height:100px;background:url(http://img.khan.co.kr/spko/sub_2016/issue_tabset.png) repeat-x 0 0;border-bottom:1px solid #c7cbce;} .issue_all_wrap .issueTab_wrap .issueTab li {float:left;text-indent:-99999px;width:88px;height:100px;} .issue_all_wrap .issueTab_wrap .issueTab li a {display:block;width:87px;height:100px;background:url(http://img.khan.co.kr/spko/sub_2016/issue_tabset.png) no-repeat;} .issue_all_wrap .issueTab_wrap .issueTab li.tab1 a {background-position:0 -100px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab2 a {background-position:-78px -100px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab3 a {background-position:-156px -100px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab4 a {background-position:-236px -100px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab5 a {background-position:-313px -100px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab6 a {background-position:-393px -100px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab7 a {background-position:-475px -100px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab8 a {background-position:-561px -100px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab1 a:hover {background-position:0 -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab2 a:hover {background-position:-78px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab3 a:hover {background-position:-156px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab4 a:hover {background-position:-236px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab5 a:hover {background-position:-313px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab6 a:hover {background-position:-393px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab7 a:hover {background-position:-475px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab8 a:hover {background-position:-561px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab1.on a {background-position:0 -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab2.on a {background-position:-78px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab3.on a {background-position:-156px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab4.on a {background-position:-236px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab5.on a {background-position:-313px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab6.on a {background-position:-393px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab7.on a {background-position:-475px -200px;} .issue_all_wrap .issueTab_wrap .issueTab li.tab8.on a {background-position:-561px -200px;} .list_whole_wrap .list_whole {overflow:hidden;width:100%;padding:20px 0 10px 15px;} .list_whole_wrap .list_whole li {float:left;width:335px;height:25px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -323px;font-size:14px;padding-left:10px;} .list_whole_wrap .list_whole li.mb15 {margin-bottom:15px;} .list_whole_wrap .list_whole li a {color:#000;} .list_whole_wrap .list_whole li span {font-size:11px;color:#999;} .list_whole_wrap .list_whole .list_whole_wrap {padding:20px 0;width:430px;margin:0 auto;text-align:center;} .list_whole_wrap .list_whole .list_whole_wrap p {font-size:16px;font-weight:bold;margin-bottom:10px;} .list_whole_wrap .list_whole .list_whole_wrap p span {color:#2765f4;} .list_whole_wrap .list_whole .list_whole_wrap ul.list_whole_no {list-style:none;margin:0;padding:0;} .list_whole_wrap .list_whole .list_whole_wrap ul.list_whole_no li {background:none;width:430px;font-size:12px;margin:0;padding:0;height:17px;} .issue_all_wrap .issue_all .paging {text-align:center;padding:30px 0 30px;} .issue_all_wrap .issue_all .paging span{vertical-align:top;display:inline-block;width:12px;height:11px;margin-top:6px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat;text-indent:-99999px;} .issue_all_wrap .issue_all .paging .front {background-position:0 -250px;} .issue_all_wrap .issue_all .paging .prev {background-position:-20px -250px;} .issue_all_wrap .issue_all .paging .next {background-position:-40px -250px;} .issue_all_wrap .issue_all .paging .back {background-position:-60px -250px;} .issue_all_wrap .issue_all .paging a {margin-left:10px; font-size:16px; font-family:tahoma;} .issue_all_wrap .issue_all .paging a:hover {color:#000;font-weight:bold;text-decoration:none;} /* 기획연재 전체보기 */ .series_list_wrap {overflow:hidden;margin-bottom:20px;} .series_list_wrap li.series_list {float:left;} .series_list_wrap li.series_list.right {float:right;} .series_list_wrap .series_list {border:1px solid #c7cbce;width:298px;padding:10px;margin-bottom:10px;} .series_list_wrap .series_list .series_thumb_wrap {overflow:hidden;} .series_list_wrap .series_list .series_thumb {float:left;display:block;margin-right:15px;} .series_list_wrap .series_list .series_thumb a {display:block;position:relative;width:80px;height:80px;} .series_list_wrap .series_list .series_thumb .trans_border {width:78px;height:78px;border: 1px solid #000;cursor:pointer;position:absolute;left:0;top:0;display:block;opacity: 0.1; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);} .series_list_wrap .series_list .series_title {float:left;width:203px;height:80px;} .series_list_wrap .series_list .series_title .bt {display:block;height:21px;font-size:14px;font-weight:bold;color:#333;} .series_list_wrap .series_list .series_title .st a {display:block;font-size:15px;font-weight:bold;color:#002c77;} .series_list_wrap .series_list .series_title .txt a {font-size:12px;color:#888;line-height:18px;} .series_list_wrap .series_list .series_rel {padding:8px 0 0 5px;} .series_list_wrap .series_list .series_rel li {background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -355px;} .series_list_wrap .series_list .series_rel li a {padding-left:11px;display:block;width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .issue_all_wrap .issueTab_wrap1 {overflow:hidden;width:708px;height:33px;background-color:#f6f6f7;border-bottom:1px solid #c7cbce;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li {float:left;text-indent:-99999px;height:33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li a {display:block;height:33px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_tabset1.png) no-repeat;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li a:hover {background-color:#356ff4;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab1 a {width:65px;background-position:-4px 0;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab2 a {width:65px;background-position:-73px 0;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab3 a {width:65px;background-position:-139px 0;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab4 a {width:65px;background-position:-209px 0;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab5 a {width:65px;background-position:-276px 0;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab6 a {width:65px;background-position:-345px 0;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab7 a {width:75px;background-position:-413px 0;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab8 a {width:75px;background-position:-496px 0;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab9 a {width:108px;background-position:-580px 0;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab1 a:hover {background-position:-4px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab2 a:hover {background-position:-73px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab3 a:hover {background-position:-139px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab4 a:hover {background-position:-209px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab5 a:hover {background-position:-276px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab6 a:hover {background-position:-345px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab7 a:hover {background-position:-413px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab8 a:hover {background-position:-496px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab9 a:hover {background-position:-580px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab1.on a {background-position:-4px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab2.on a {background-position:-73px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab3.on a {background-position:-139px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab4.on a {background-position:-209px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab5.on a {background-position:-276px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab6.on a {background-position:-345px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab7.on a {background-position:-413px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab8.on a {background-position:-496px -33px;} .issue_all_wrap .issueTab_wrap1 .issueTab1 li.tab9.on a {background-position:-580px -33px;} /* 이슈 서브타입 A */ .issue_topzone {position:relative;margin-bottom:30px;margin-top:-25px;} .issue_topzone .topzone {overflow:hidden;border-bottom:2px solid #343841;} /* position:absolute;top:-30px;left:0; */ .topzone .top_title {float:left;width:610px;margin:20px 0 0 10px;} .topzone .top_title a:hover {text-decoration:none;} .topzone .top_title .st {display:block;font-size:13px;color:#fa2c44;font-weight:bold;} .topzone .top_title .st a {color:#fa2c44;} .topzone .top_title .st a:hover {color:#fa2c44;} .topzone .top_title .bt {display:block;font-size:25px;color:#000;margin-bottom:5px; line-height:31px;} .topzone .top_title .bt a:hover {color:#000;} .topzone .top_title .txt {font-size:13px;color:#979797;} .topzone .top_img {float:right;width:370px;} .relation {height:27px;padding:6px 10px 0 10px;overflow:hidden;background-color:#f5f5f5;} .relation .relation_list {overflow:hidden;float:left;} .relation .relation_list dt {float:left;color:#2765f4;font-weight:bold;margin-right:10px;} .relation .relation_list dd {float:left;padding:0 10px 0 8px;} .relation .relation_list dd.bar {background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -425px;} .relation .sns_list {overflow:hidden;float:right;} .relation .sns_list li {float:left;margin-left:5px;} .relation .sns_list li a {display:block;width:20px;height:20px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat;text-indent:-9999px;} .relation .sns_list li.twi a{background-position:0 -394px;} .relation .sns_list li.face a{background-position:-23px -394px;} .relation .sns_list li.kakao a{background-position:-46px -394px;} .relation .sns_list li.band a{background-position:-69px -394px;} /* 타임라인 */ .timeline_wrap .timeline {position:relative;background:url(http://img.khan.co.kr/spko/sub_2013/bg_timeline.png) repeat-y;} .timeline .timeline_list {position:relative;top:0;} .timeline .timeline_list .news {position:relative;padding:0 0 10px 115px;width:545px;} .timeline .news .circle {position:relative;top:16px;left:-20px;display:block;width:12px;height:12px;} .timeline .news .date {font-size:14px;font-weight:bold;color:#2765f4;margin-bottom:5px;height:18px;} .timeline .news .b_title {position:absolute;top:40px;left:0;width:95px;} .timeline .news .b_title a{font-size:13px;font-weight:bold;color:#000;} .timeline .news .s_title {margin-bottom:7px;} .timeline .news .s_title a{font-size:17px;font-weight:bold;color:#474747;} .timeline .news .time_thumb {overflow:hidden;margin-right:20px;} .timeline .news .time_thumb .time_img {position:relative;float:left;margin-right:10px;} .timeline .news .time_thumb .time_img .trans_border {width:133px;height:88px;border: 1px solid #000;cursor:pointer;position:absolute;left:0;top:0;display:block;opacity: 0.1; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);} .timeline .news .time_thumb .txt {font-size:12px;color:#888;} .timeline .news .time_thumb .t_rel span{display:block;} .timeline .news .time_rel {overflow:hidden;margin-top:10px;} .timeline .news .time_rel li {overflow:hidden; padding-left:14px; line-height:20px; font-size:12px; background:url("http://img.khan.co.kr/spko/sub_2013/issue_imgset.png") no-repeat 0 -355px; text-overflow:ellipsis; white-space:nowrap;} .timeline_wrap .more {height:27px;background-color:#f0f0f0;border:1px solid #cdcdcd;font-size:13px;font-weight:bold;text-align:center;padding-top:7px;margin-top:20px;} /* 이슈 키워드 */ .issueKey {position:relative;margin-bottom:20px;} .list_right .issueKey { padding:10px 10px 0;} .list_right .issueKey h3 { margin-bottom:15px; color:#4763cf; font-size:16px; font-weight:bold;} .issueKey .title_key {width:70px;height:15px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -455px;text-indent:-9999px;margin:20px 0 10px;} .issueKey .key1 {display:inline-block;margin-right:7px;font-size:15px;color:#000;} .issueKey .key2 {display:inline-block;margin-right:7px;font-size:12px;color:#FFF;background-color:#f09614;padding:0px 2px 2px;} .issueKey .key3 {display:inline-block;margin-right:7px;font-size:16px;font-weight:bold;color:#1751bd;} .issueKey .key4 {display:inline-block;margin-right:7px;font-size:15px;color:#FFF;background-color:#7bbff5;padding:0px 2px 2px;} .issueKey .key5 {display:inline-block;margin-right:7px;font-size:17px;font-weight:bold;color:#e10064;} /* 다시보는 기획연재 */ .seriesRe {position:relative;padding:0 24px;} .seriesRe .title_re {width:125px;height:15px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -480px;text-indent:-9999px;margin:20px 0 10px;} .seriesRe ul li a{display:block;width:230px;height:20px;padding:6px 10px 4px;text-decoration:none;color:#000;background:url(http://img.khan.co.kr/spko/sub_2013/hover_border.png) no-repeat 0 0;} .seriesRe ul li a.bor {background:url(http://img.khan.co.kr/spko/sub_2013/hover_border.png) no-repeat 0 -30px;} .seriesRe ul li a:hover {background:url(http://img.khan.co.kr/spko/sub_2013/hover_border.png) no-repeat 0 -60px;} /* 이슈 서브타입 B */ #issueB_bg {width:100%;background:url('http://img.khan.co.kr/spko/sub_2013/bg_typeb.png') repeat-x scroll 0 0 transparent;} #issueB_bg #container {width:990px; margin-top:0;} .issueB_top_area {height:48px;margin-bottom:20px;background: url('http://img.khan.co.kr/spko/sub_2013/bg_typeb.png') repeat-x scroll 0 0 transparent;} .issueB_top_area .khan_logo {float:left;width:83px;height:21px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -510px;margin-top:10px;text-indent:-9999px;} .issueB_top_area .issue_logo {float:left;width:72px;height:18px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat 0 -550px;margin:12px 0 0 15px;text-indent:-9999px;} .issueB_top_area.vote2016 .khan_logo {background:url("http://img.khan.co.kr/spko/sub_2016/sub_logo_vote2016.png") no-repeat 0 0; background-size:80px;} .issueB_top_area.vote2016 .issue_logo {width:164px; height:18px; margin:12px 0 0 2px; background:url("http://img.khan.co.kr/spko/sub_2016/tit_vote2016.png") no-repeat 0 0;} /* .dday_area {overflow:hidden; float:right; margin-top:10px;} .dday_area .dday {display:block; padding-left:130px; color:#2765f4; font-family:"NanumGothicExtraBold", "나눔고딕"; font-size:24px; font-weight:bold; line-height:24px; background:url(http://img.khan.co.kr/spko/sub_2016/tit_vote413.png) no-repeat 0 0;} */ .issueB_top_area .sns_list {overflow:hidden;float:right;margin-top:12px;} .issueB_top_area .sns_list li {float:left;margin-left:5px;} .issueB_top_area .sns_list li a {display:block;width:20px;height:20px;background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat;text-indent:-9999px;} .issueB_top_area .sns_list li.twi a{background-position:0 -394px;} .issueB_top_area .sns_list li.face a{background-position:-23px -394px;} .issueB_top_area .sns_list li.kakao a{background-position:-46px -394px;} .issueB_top_area .sns_list li.band a{background-position:-69px -394px;} .issueB_container .main_img {position:relative; margin-bottom:20px;} /* .issueB_container .main_img .dday_area {overflow:hidden; position:absolute; left:750px; top:46px; width:50px; text-align:center;} .issueB_container .main_img .dday_area .dday {color:#121212; font-size:16px; font-weight:bold; font-family:"georgia";} */ .issueB_container .typeb_list {position:relative; padding-bottom:50px;} .issueB_container .typeb_list:after {clear:both;display:block;content:"";} .issueB_container .typeb_list .list_left {width:325px;float:left;margin-right:20px;} .issueB_container .typeb_list .list_center {width:325px;float:left;margin-right:20px;} .issueB_container .typeb_list .list_right {width:300px;float:left;} .issueB_container .articleA {width:325px;border:1px solid #c7cbce;margin-bottom:15px;} .issueB_container .articleA:hover {border:1px solid #76bbd7;outline:3px solid #76bbd7;} .issueB_container .articleA .mimg img{width:325px;padding:0;} .issueB_container .articleA .bt a{display:block;font-size:14px;color:#002c77;font-weight:bold;padding:10px 17px 5px;} .issueB_container .articleA .st a{display:block;font-size:17px;color:#76bbd7;font-weight:bold;padding:0 17px 5px;} .issueB_container .articleA .txt a{display:block;font-size:12px;color:#989898;padding:0 17px 15px;} .issueB_container .articleA .rel {padding:0px 17px 10px;} .issueB_container .articleA .rel li {background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat -250px 5px;margin-bottom:3px;} .issueB_container .articleA .rel li a {display:block;color:#333;padding-left:12px;} .issueB_container .articleB {width:300px;border:1px solid #c7cbce;margin-bottom:15px;} .issueB_container .articleB:hover {border:1px solid #76bbd7;outline:3px solid #76bbd7;} .issueB_container .articleB .mimg img{width:300px;padding:0;} .issueB_container .articleB .bt a{display:block;font-size:14px;color:#002c77;font-weight:bold;padding:10px 17px 5px;} .issueB_container .articleB .st a{display:block;font-size:17px;color:#76bbd7;font-weight:bold;padding:0 17px 5px;} .issueB_container .articleB .txt a{display:block;font-size:12px;color:#989898;padding:0 17px 15px;} .issueB_container .articleB .rel {padding:0px 17px 10px;} .issueB_container .articleB .rel li {background:url(http://img.khan.co.kr/spko/sub_2013/issue_imgset.png) no-repeat -250px 5px;margin-bottom:3px;} .issueB_container .articleB .rel li a {display:block;color:#333;padding-left:12px;} .issueB_container .articleC { width:300px; margin-bottom:15px;} .issueB_container .articleC h3 { color:#000; font-size:17px; font-weight:bold; display:block; margin-bottom:10px; line-height:23px;} .issueB_container .articleC h3 .c_p { color:#f2512f;} .issueB_container .articleC li { border:1px solid #ddd; margin-bottom:5px; font-size:14px; font-weight:bold; color:#444; background:url("http://img.khan.co.kr/spko/main_2015/icon_more_arrow.png") no-repeat scroll 98% 9px transparent;} .issueB_container .articleC li.arr_style2 { background-position:98% 17px} .issueB_container .articleC li a { color:#444; display:block; padding:8px 33px 9px 10px; } .issueB_container .articleC li .c_r { color:#b71c23;} .issueB_container .articleC li .c_b { color:#2f599f;} .issueB_container .articleC li .name { color:#006df3;} /* issueKey_wrap */ .issueKey_wrap {padding:0; border:1px solid #D5D8DB;background-color:#f9f9f9;margin-bottom:15px;} /* 많이본기사,최신기사 */ .issB .bestNew {padding:20px 24px 10px; border:1px solid #D5D8DB;background-color:#f9f9f9;margin:15px 0;} .issB .bestNew .tab { *zoom:1; margin-bottom:12px; overflow:hidden; height:27px; padding-left:10px; border:1px solid #000; border-bottom:none; background-color:#444; } .issB .bestNew .tab:after { clear:both; display:block; content:""; } .issB .bestNew .tab li { float:left; text-align:center; } .issB .bestNew .tab li a { display:block; width:114px; height:23px; padding-top:4px; color:#FFF; } .issB .bestNew .tab li a:hover { text-decoration:none; } .issB .bestNew .tab li.on a { padding-top:2px; margin-top:4px; color:#333; font-weight:bold; letter-spacing:-1px; text-decoration:none; background-color:#f9f9f9; } .issB .bestNew .tab li.on em { color:#f04f83; } .issB .bestNew .sctList { *zoom:1; margin-bottom:12px; padding-bottom:10px; border-bottom:dashed 1px #DDD; } .issB .bestNew .sctList:after { clear:both; display:block; content:""; } .issB .bestNew .sctList li { float:left; padding-left:18px; padding-left:18px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_bar.gif) no-repeat 10px 1px; font-size:11px; letter-spacing:-1px; } .issB .bestNew .sctList li.first { padding-left:6px; background:none; } .issB .bestNew .sctList li.on a, .issB .bestNew .sctList li a:hover { color:#f04f83; text-decoration:underline; cursor:pointer; } .issB .bestNew .cnt { height:205px; } .issB .bestNew ol li { line-height:19px; height:19px; } .issB .bestNew ol li strong { display:inline-block; width:20px; padding-right:5px; text-align:center; color:#000; font-size:11px; font-family:Verdana; } .issB .bestNew ol li.num1 strong { color:#f04f83; } .issB .bestNew ol li.num6 { margin-top:10px; } /* 핫이슈,스포츠연예 */ .issB .hotSpEnt {padding:20px 24px 10px; border:1px solid #D5D8DB;background-color:#f9f9f9;margin-bottom:15px;} .issB .hotSpEnt .tab { *zoom:1; margin-bottom:15px; overflow:hidden; height:27px; padding-left:10px; border:1px solid #000; border-bottom:none; background-color:#444; } .issB .hotSpEnt .tab:after { clear:both; display:block; content:""; } .issB .hotSpEnt .tab li { float:left; text-align:center; } .issB .hotSpEnt .tab li a { display:block; width:114px; height:23px; padding-top:4px; color:#FFF; } .issB .hotSpEnt .tab li a:hover { text-decoration:none; } .issB .hotSpEnt .tab li.on a { padding-top:2px; margin-top:4px; color:#f04f83; font-weight:bold; letter-spacing:-1px; text-decoration:none; background-color:#f9f9f9; } .issB .hotSpEnt .cnt { height:210px; _overflow:hidden; } .issB .hotSpEnt .hot h4 { margin-bottom:7px; } .issB .hotSpEnt .hot h4 a { color:#000; font-size:12px; } .issB .hotSpEnt .hot .group { position:relative; margin-bottom:20px; } .issB .hotSpEnt .hot .first { position:relative; margin-top:0; } .issB .hotSpEnt .hot .phtxtList { *zoom:1; } .issB .hotSpEnt .hot .phtxtList:after { clear:both; display:block; content:""; } .issB .hotSpEnt .hot .phtxtList p { float:left; width:75px; margin-right:10px; } .issB .hotSpEnt .hot .phtxtList p img { width:75px; height:57px; vertical-align:top; } .issB .hotSpEnt .hot .phtxtList ul { float:left; width:165px; } .issB .hotSpEnt .hot .phtxtList li { line-height:20px; height:20px; overflow:hidden; letter-spacing:-0.5px; padding-left:6px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_dot.gif) no-repeat 0 -13px; } .issB .hotSpEnt .hot .more { position:absolute; right:0; top:1px; height:10px; } .issB .hotSpEnt .hot .more a { padding-right:8px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_arw.gif) no-repeat right 2px; color:#999; font-size:11px; letter-spacing:-1px; } .issB .hotSpEnt .spEnt .phTit { *zoom:1; } .issB .hotSpEnt .spEnt .phTit:after { clear:both; display:block; content:""; } .issB .hotSpEnt .spEnt .phTit li { float:left; width:120px; } .issB .hotSpEnt .spEnt .phTit li.first { margin-right:10px; } .issB .hotSpEnt .spEnt .phTit li a { cursor:pointer; } .issB .hotSpEnt .spEnt .phTit li span { display:block; width:120px; height:120px; overflow:hidden; } .issB .hotSpEnt .spEnt .phTit li span img { width:120px; vertical-align:top; } .issB .hotSpEnt .spEnt .phTit li strong { display:block; padding-top:4px; text-align:center; font-size:11px; line-height:14px; font-weight:normal; } .issB .hotSpEnt .spEnt .phTit li strong img { margin-top:-3px; } .issB .hotSpEnt .spEnt .txtList { margin-top:10px; } .issB .hotSpEnt .spEnt .txtList li { line-height:18px; padding-left:10px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_dot.gif) no-repeat 0 -13px; } /********************************************************************* 오늘 경향 : 20150402 TY **********************************************************************/ /* 오늘 경향 메인 */ .content_Wrap .today_top {position:relative;background:url(http://img.khan.co.kr/spko/sub_2014/bg_todaymain.gif) repeat 0 0;padding:20px 25px;margin-bottom:30px;} .content_Wrap .today_top .today_tag {position:absolute;top:5px;left:0;display:block;width:100px;height:40px;background:url(http://img.khan.co.kr/spko/sub_2014/today_imgset.png) repeat 0 0;text-indent:-9999px;} .content_Wrap .today_top .today_khan {overflow:hidden;height:108px;padding-bottom:13px;border-bottom:1px solid #bfc7cb;} .content_Wrap .today_top .today_khan .td_img {float:left;margin-right:20px;} .content_Wrap .today_top .today_khan .td_img img {border:4px solid #FFF;} .content_Wrap .today_top .today_khan .td_txt {float:left;width:420px;} .content_Wrap .today_top .today_khan .td_txt .title {width:480px;display:block;color:#1e51b6;font-size:21px; line-height:26px; margin-bottom:5px;letter-spacing:-1px;}/*overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*/ .content_Wrap .today_top .today_khan .td_txt .txt {display:block;color:#888;} .content_Wrap .today_top .today_khan .td_txt .td_date {padding-top:5px;height:17px;font-size:12px;letter-spacing:-0.5px;} .content_Wrap .today_top .today_khan .td_txt .td_date em {margin-right:3px;font-style:normal;color:#85a8d3;} .content_Wrap .today_top .today_khan .td_txt .td_date strong {margin:0 3px;color:#aaa;font-weight:normal;} .content_Wrap .today_top .today_khan .td_txt .td_date span {margin:0 3px;color:#aaa;font-family:Verdana, Arial, Helvetica;} .content_Wrap .today_top .today_photo {position:relative;border-top:1px solid #e5edf1;padding-top:13px;} .content_Wrap .today_top .today_photo .ph_img img {display:block;width:652px;height:120px;border:4px solid #FFF;} .content_Wrap .today_top .today_photo .ph_title a {z-index:2;position:absolute;top:40px;right:24px;width:235px;height:120px;color:#FFF;font-size:18px;letter-spacing:-1px;} .content_Wrap .today_top .today_photo .ph_title .bg{z-index:1;position:absolute;top:17px;right:4px;width:275px;height:120px;background:#000;opacity:0.5;filter:alpha(opacity=50);} .content_Wrap .today_list {position:relative;} .content_Wrap .today_list .today_tab {overflow:hidden;height:40px;} .content_Wrap .today_list .today_tab li {float:left;width:355px;height:40px;} .content_Wrap .today_list .today_tab li a {display:block;width:355px;height:40px;background:url(http://img.khan.co.kr/spko/sub_2016/today_tab.gif) no-repeat;text-indent:-9999px;} .content_Wrap .today_list .today_tab li a.tab1 {background-position:0 -40px} .content_Wrap .today_list .today_tab li a.tab2 {background-position:-355px -40px;} .content_Wrap .today_list .today_tab li a.tab1.on {background-position:0 0;} .content_Wrap .today_list .today_tab li a.tab2.on {background-position:-355px 0;} .content_Wrap .today_list .list_wrap {border:1px solid #949494;border-top:none;padding:30px 25px;} .content_Wrap .today_list .list_wrap .phArtc { *zoom:1; padding:15px 0 15px 0; border-bottom:1px solid #EEE; } .content_Wrap .today_list .list_wrap .phArtc:after { clear:both; display:block; content:""; } .content_Wrap .today_list .list_wrap .phArtc dt a { display:block; padding:0 0 8px 0; color:#000; font-size:15px; font-weight:bold; } .content_Wrap .today_list .list_wrap .phArtc dt a:hover { color:#3399FF; } .content_Wrap .today_list .list_wrap .phArtc dd.thumb { float:left; margin-right:15px; } .content_Wrap .today_list .list_wrap .phArtc dd.thumb img { width:130px; height:100px; vertical-align:top; } .content_Wrap .today_list .list_wrap .phArtc dd.txt, .content_Wrap .today_list .t_list .phArtc dd.txt a { color:#888; line-height:15px; } .content_Wrap .today_list .list_wrap .phArtc dd.date { padding-top:5px; height:17px; color:#BBB; font-size:10px; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica; } .content_Wrap .today_list .list_wrap .btn { text-align:center; padding:30px 0; } .content_Wrap .today_list .list_wrap .btn a { display:inline-block; padding:15px 50px 0 35px; height:30px; background:url(http://img.khan.co.kr/spko/sub_2011/btn_sctAll.gif) no-repeat right top; color:#FFF; } .content_Wrap .today_list .list_wrap .btn strong { display:inline-block; padding-left:2px; background:url(http://img.khan.co.kr/spko/sub_2011/btn_sctAll.gif) no-repeat left top; } .content_Wrap .today_list .list_wrap .phArtc dd.byline { padding-top:5px; height:17px; color:#9f9f9f; font-size:11px; letter-spacing:-1px;} .content_Wrap .today_list .list_wrap .phArtc dd.byline .by { color:#85A8D3;} .content_Wrap .today_list .list_wrap .phArtc dd.byline .bar { color:#dfdfe1; padding:0 5px;} .content_Wrap .today_list .list_wrap .phArtc dd.byline .time { font-family:Tahoma, Helvetica, Sans-serif; font-size:11px; letter-spacing:0;} .khan_list .paginate { padding:30px 0;} /* 오늘은 이런 경향, 경향이 찍은 오늘 타이틀 사이즈 색상 변경 */ #viewWrap .article_title_wrap .title_group .CR dt.today_t {width:590px;} #viewWrap .article_title_wrap .title_group .CR dt.today_t span {color:#2167eb;} /* 오늘은 이런 경향 화면 */ .cntWrap_view .sub_today {padding-top:20px;} .cntWrap_view .sub_today .head_txt_khan {width:650px;height:72px;background:url(http://img.khan.co.kr/spko/sub_2014/bg_todaytxt.gif) no-repeat 0 0;text-indent:-9999px;margin-bottom:25px;} .cntWrap_view .sub_today .article_wrap {position:relative;border:1px solid #c5c5c5;margin-bottom:25px;} .cntWrap_view .sub_today .article_wrap .title_num {position:absolute;top:-1px;left:-1px;width:28px;height:24px;padding:4px 0 0;background-color:#068fdb;border:1px solid #0174bd;color:#FFF;font-size:17px;line-height:21px;font-weight:bold;text-align:center;vertical-align:middle;} .cntWrap_view .sub_today .article_wrap .article {width:648px;margin:40px 0 20px 0;text-align:center;} .cntWrap_view .sub_today .article_wrap .article .to_img {margin-bottom:20px;} .cntWrap_view .sub_today .article_wrap .article .to_img .p_txt {display:block;color:#999;font-family:'맑은 고딕', Malgun Gothic;font-size:12px;line-height:25px;} .cntWrap_view .sub_today .article_wrap .article .to_txt {padding:10px 34px 0;width:580px;text-align:left;color:#000;font-family:'맑은 고딕', Malgun Gothic;font-size:13px;line-height:20px;} .cntWrap_view .sub_today .article_wrap .today_related {background:url(http://img.khan.co.kr/spko/sub_2014/bg_relationdot.gif) repeat-x 0 0;padding:15px 0 0;} .cntWrap_view .sub_today .article_wrap .today_related .re_txt {position:relative;padding:0 34px;width:580px;font-size:13px;} .cntWrap_view .sub_today .article_wrap .today_related dt {color:#000;font-family:'맑은 고딕', Malgun Gothic;font-weight:bold;line-height:20px;} .cntWrap_view .sub_today .article_wrap .today_related dd {color:#888;font-family:'맑은 고딕', Malgun Gothic;line-height:18px;margin:2px 0;} .cntWrap_view .sub_today .article_wrap .today_related a:hover dt {color:#3399ff;} .cntWrap_view .sub_today .article_wrap .today_related a:hover dd {color:#3399ff;} .cntWrap_view .sub_today .article_wrap .today_related .gradation {position:absolute;bottom:30px;left:24px;display:block;width:600px;height:20px;background:url(http://img.khan.co.kr/spko/sub_2014/today_gradation.png) repeat-x 0 0;} .cntWrap_view .sub_today .article_wrap .today_related .re_more_wrap {display:block;height:35px;overflow:hidden;} .cntWrap_view .sub_today .article_wrap .today_related .re_more_wrap a.re_more {float:right;display:block;width:55px;height:25px;background:url(http://img.khan.co.kr/spko/sub_2014/today_imgset.png) no-repeat 0 -158px;text-indent:-9999px;margin:10px 0 0;cursor:pointer;} .cntWrap_view .sub_today .today_btn_area {overflow:hidden;width:650px;height:25px;} .cntWrap_view .sub_today .today_btn_area .today_btn {float:right;display:block;width:136px;height:25px;background:url(http://img.khan.co.kr/spko/sub_2014/today_imgset.png) no-repeat 0 -200px;text-indent:-9999px;} /* 경향이 찍은 오늘 화면 */ .cntWrap_view .sub_today .head_txt_photo {width:650px;height:50px;background:url(http://img.khan.co.kr/spko/sub_2014/bg_todaytxt.gif) no-repeat 0 -72px;text-indent:-9999px;margin-bottom:25px;} .cntWrap_view .sub_today .todayphoto_wrap {position:relative;} .cntWrap_view .sub_today .todayphoto_wrap .todayphoto_title {margin:30px 0 20px;font-size:17px;color:#000;/*color:#0039ad;*/font-weight:bold;font-family:'맑은 고딕', Malgun Gothic;} .cntWrap_view .sub_today .todayphoto_wrap .todayphoto img {display:block;margin:0 auto;/*max-width:650px;max-height:500px;*/} .cntWrap_view .sub_today .todayphoto_wrap .todayphoto .todayphoto_caption {font-size:11px;text-align:center;color:#999;line-height:25px;} .cntWrap_view .sub_today .todayphoto_wrap .todayphoto_txt {padding:20px 0;color:#000;font-family:'맑은 고딕', Malgun Gothic;line-height:20px;margin-top:5px;} /*.cntWrap_view .sub_today .todayphoto_wrap .todayphoto_txt {margin:30px 0 20px;} .cntWrap_view .sub_today .todayphoto_wrap .todayphoto_txt dt {font-size:17px;color:#0039ad;font-weight:bold;font-family:'맑은 고딕', Malgun Gothic;} .cntWrap_view .sub_today .todayphoto_wrap .todayphoto_txt dd {font-size:14px;color:#000;font-family:'맑은 고딕', Malgun Gothic;line-height:20px;margin-top:5px;} */ .cntWrap_view .sub_today .todayphoto_wrap .pic_btn {display:block;background:url('http://img.khan.co.kr/spko/sub_2013/set_photoslide_bigarrow_1.png') no-repeat scroll 0 0 transparent;position:absolute;top:200px;z-index:50;width:80px;height:100px;text-indent:-9999px;} .cntWrap_view .sub_today .todayphoto_wrap .pic_btn.prev {background-position:-10px -170px;left:0;} .cntWrap_view .sub_today .todayphoto_wrap .pic_btn.prev:hover {background-position:-199px -170px;} .cntWrap_view .sub_today .todayphoto_wrap .pic_btn.next {background-position:-94px -170px; right:0px;} .cntWrap_view .sub_today .todayphoto_wrap .pic_btn.next:hover {background-position:-284px -170px;} /*.cntWrap_view .sub_today .todayphoto_wrap .pagenum {position:absolute;top:0;right:0;z-index:10;height:25px;display:block;background:url(http://img.khan.co.kr/spko/sub_2014/bg_black.png) repeat 0 0 transparent;color:#FFF;font-size:15px;font-weight:bold;padding:0 10px;}*/ /* 이슈 연재, 오늘 경향 끝 */ /* ******************************************* 푸터 ******************************************* */ #footer { position:relative;} #footer:after { clear: both; content: ""; display: block;} #footer .sevice_wrap { width:988px; background:none repeat scroll 0 0 #f4f4f4; border:1px solid #d9d9d9;} #footer .sevice_wrap:after { clear: both; content: ""; display: block;} #footer .sevice_wrap .bar { width:988px; height:30px; border-bottom:1px solid #cdcdcd;} #footer .sevice_wrap .bar:after { clear: both; content: ""; display: block;} #footer .sevice_wrap .bar .tit { float:left; margin:5px 0 0 14px; background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -800px transparent; display:block; width:95px; height:20px; overflow:hidden; text-indent:-9999px;} #footer .sevice_wrap .bar .close { float:right; padding:3px 9px 0 0;} #footer .sevice_wrap .bar .close a { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -1000px transparent; display:block; width:85px; height:23px; overflow:hidden; text-indent:-9999px;} #footer .sevice_wrap .bar .close a.open { background-position:0 -1030px;} #footer .sevice_wrap .cont { width:988px; position:relative;} #footer .sevice_wrap .cont:after { clear: both; content: ""; display: block;} #footer .sevice_wrap .cont .service .depth1 { float:left; width:134px; height:133px; border-left:1px solid #d1d1d1; padding:21px 10px 21px 52px;} #footer .sevice_wrap .cont .service .depth1.first { width:134px; border-left:0 none;} #footer .sevice_wrap .cont .service .depth1 em { color:#2558cd; font-weight:bold; display:block; font-size:16px; line-height:21px;} #footer .sevice_wrap .cont .service .depth1 em.rss { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -962px transparent; padding-left:19px; margin-bottom:25px;} #footer .sevice_wrap .cont .service .depth1 em.rss a { color:#2558cd; text-decoration:none;} #footer .sevice_wrap .cont .service li ul.depth2 { width:135px; clear:both; margin-top:14px;} #footer .sevice_wrap .cont .service li ul.depth2 li { background:url("http://img.khan.co.kr/spko/main_2013/blit_gray.gif") no-repeat scroll 1px 9px transparent; margin-bottom:6px; padding-left:7px;} #footer .sevice_wrap .cont .service li ul.depth2 li.twitter { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -868px transparent; padding-left:19px;} #footer .sevice_wrap .cont .service li ul.depth2 li.facebook { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -892px transparent; padding-left:19px;} #footer .sevice_wrap .cont .service li ul.depth2 li.metoday { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -916px transparent; padding-left:19px;} #footer .sevice_wrap .cont .service li ul.depth2 li.google { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -940px transparent; padding-left:19px;} #footer .sevice_wrap .cont .service li ul.depth2 li a { color:#868686; line-height:17px; font-weight:bold;} #footer .foot_info { border-top:1px solid #b9bbbe; padding:25px 0 20px;} #footer .foot_info:after { clear: both; content: ""; display: block;} #footer .foot_info a { color:#888; font-size:12px; line-height:15px;} #footer .foot_info h2 { float:left; margin:2px 70px 0 90px;} #footer .foot_info .cnt { float:left; width:755px;} #footer .foot_info .cnt .blind {display:block; overflow:hidden; left:-9999px; position:absolute; width:1px; height:1px; line-height:0; text-indent:-9999px; font-size:0;} #footer .foot_info .cnt dd.first { margin-bottom:2px;} #footer .foot_info .link span { background:url("http://img.khan.co.kr/spko/main_2013/blit_bar.gif") no-repeat scroll 2px 5px transparent; display:inline-block; padding-left:10px;} #footer .foot_info .link span.first { background:none repeat scroll 0 0 transparent; padding-left:0;} #footer .foot_info .adr { margin-top:4px; color:#888; font-size:12px;} #footer .foot_info .adr span { background:url("http://img.khan.co.kr/spko/main_2013/blit_bar.gif") no-repeat scroll 2px 5px transparent; display:inline-block; padding-left:10px;} #footer .foot_info .adr span.first { background:none repeat scroll 0 0 transparent; padding-left:0;} #footer .foot_info address { color:#aaa; float:left; font-family:Verdana, Sans-serif; font-weight:bold; font-size:11px; margin-top:6px;} #footer .foot_info address strong { color:#4d89f7;} #footer .foot_info .khRss { float:left; margin-left:5px; margin-top:2px;} #footer .foot_info .khRss a { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -964px transparent; display:block; width:14px; height:17px; overflow:hidden; text-indent:-9999px;} .gotomobile {text-align:center;} /* 모바일 화면으로 보기 링크 버튼 */ /**************************************************************************** 광고 정리 ****************************************************************************/ /* 하이라이트(기사제목 위 좌측 720X100) + 프로모션 배너(기사제목 위 우측 300X100) */ .ad_two_top {position:relative; width:100%;} .ad_two_top:after {display:block; clear:both; content:"";} .ad_two_top .ad_highlight {float:left; width:720px; margin-right:30px; margin-bottom:20px; text-align:left;} .ad_two_top .ad_promotion_top {float:left; width:300px; margin-bottom:20px; text-align:right;} /* 포토링크(기사 본문 첫번째 이미지 하단에 출력되는 두 줄 텍스트 광고) */ .ad_photolink {position:relative; height:55px; left:0; top:0; padding-top:5px; text-align:left;} /* 기사면 본문배너(기사 본문 마지막 문단 전 나오는 배너 250X250) */ .article_bottom_ad {float:left; padding:10px 20px 20px 0; text-align:left;} .article_bottom_ad.after_box {width:690px;} /* 본문하단 텍스트 5줄 */ .ad_adtive {position:relative; margin-bottom:20px;} /* 투데이 포커스 */ .ad_todayFocus {margin:20px 0 30px;} /* 아이엠애드 8줄 + 중앙썸네일 2개 */ .ad_two {position:relative; width:100%; padding-bottom:25px;} .ad_two iframe {float:left; width:355px!important; /* margin-bottom:20px!important; */} .ad_two:after {display:block; clear:both; content:"";} .ad_two .ad_imadtxt_octa {float:left; width:470px; height:210px; margin:23px 40px 10px 0;} .ad_two .ad_thum {float:right!important; width:200px; /* padding-top:30px; */} .ad_two .ad_thum li {width:200px;} .ad_two .ad_thum li.last {margin-top:15px;} .ad_two .ad_thum li .thumb {position:relative; width:200px; height:70px;} .ad_two .ad_thum li .thumb a {display:block;} .ad_two .ad_thum li .thumb .trans_border {width:198px; height:68px;} .ad_two .ad_thum li .text {display:block; margin-top:3px; font-weight:bold; font-family:'돋움', Dotum, Helvetica, AppleGothic, Sans-serif; text-align:center;} /* 오늘의 핫클릭 */ .hotclip {position:relative; clear:both; margin-bottom:27px; padding-top:30px; border-top:1px solid #e5e5e5;} .hotclip .tit {margin-bottom:20px; font-size:17px; font-weight:bold;} .hotclip .cont {overflow:hidden; position:relative; height:200px;} .hotclip .cont li {padding-left:17px; background:url(http://img.khan.co.kr/spko/main_2010/btn_graydot.gif) no-repeat 1px 7px;} .hotclip .cont li a {display:block; overflow:hidden; width:470px; color:#535353; font-size:14px; line-height:27px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; word-break:normal;} .hotclip .cont .aside {position:absolute; right:0px; top:0; z-index:10;} /* 아이엠애드 8줄 + 썸네일 5개 : 애드플렉스 */ .ad_adFlex {margin:50px 0;} /* 기사본문 하단 하이라이트 광고 : 썸네일 6개 */ .ad_artbtm_thumb {margin:0 0 30px;} /* 댓글 하단 배너 */ .ad_about {display:block; overflow:hidden;} /* 좌우측 날개배너(160x600px) */ .ad_subwing_wrap {position:relative; width:1120px; margin:0 auto;} .ad_subwing_wrap .left_wing {display:block; overflow:visible; position:absolute; left:-200px; top:370px;} .ad_subwing_wrap .right_wing {display:block; overflow:visible; position:absolute; left:1100px; top:370px;} .ad_subwing_wrap.ad_190429edit .left_wing {left:-145px; top:580px;} .ad_subwing_wrap.ad_190429edit .right_wing {top:780px;} /* 우측 중단 날개배너 */ .ad_subwing_mid {position:absolute;right:-140px;top:2350px;} /* 아이콘 애드 */ .wing_todaynews {left:51px!important;} .khan_view_icon_ad {position: absolute; top: 750px; left: 81px; z-index: 1200; margin-bottom: 20px;} #scrollDiv {z-index:60!important;} /* ****************************** 기사 뷰페이지 우측영역 ****************************** */ /* 기사뷰 우측영역 광고 패딩 */ .ad_aside {padding-left:20px;} /* 오늘의 인기 정보 */ .ad_popularInfo {position:relative; width:280px;} .ad_popularInfo h3 {margin-bottom:15px; color:#4763cf; font-size:15px; font-weight:bold;} .ad_popularInfo .ad_link {position:absolute; right:0; top:4px; width:32px; height:14px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -620px transparent;} .ad_popularInfo .ad_link a {display:block; width:32px; height:14px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -620px transparent;} .ad_popularInfo .cont {} /* 이시각 관심정보 */ .ad_interestInfo {position:relative; width:280px;} .ad_interestInfo h3 {margin-bottom:15px; color:#4763cf; font-size:15px; font-weight:bold;} .ad_interestInfo .ad_link {position:absolute; right:0; top:4px; width:42px; height:14px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -640px transparent;} .ad_interestInfo .ad_link a {display:block; width:42px; height:14px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -640px transparent;} .ad_interestInfo .cont {} /* 300X250 배너 */ .ad_movFocus2 {margin:0;} /* 300X600 배너 */ .ad_movFocus3 {margin:0;} /* 투데이 핫 이슈 */ .ad_hotIssue {position:relative; width:280px;} .ad_hotIssue h3 {margin-bottom:15px; color:#4763cf; font-size:15px; font-weight:bold;} .ad_hotIssue .ad_link {position:absolute; right:0; top:4px; width:34px; height:14px; background:url("http://img.khan.co.kr/spko/sub_2017/btn_ad_jad.png") no-repeat scroll right 0 transparent;} .ad_hotIssue .ad_link a {display:block; width:32px; height:17px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -620px transparent;} .ad_hotIssue .cont {} /* 수입차 명품관 */ .ad_thecar {position:relative; width:280px; margin:0;} .ad_thecar h3 {margin-bottom:15px; color:#4763cf; font-size:15px; font-weight:bold;} /* ********** 광고정보 노출 ********** */ .ad_info_wrap {position:absolute; right:0; top:0;} .ad_info_wrap.adTwo {right:210px; /* top:30px; */} .ad_info_i {float:right; width:16px; height:16px; /* cursor:pointer; */ background:url("http://img.khan.co.kr/spko/sub_2014/img_ad_info_i.png") no-repeat scroll 0 0;} .ad_info_o {display:none; position:absolute; right:0; top:0; background:url("http://img.khan.co.kr/spko/sub_2014/img_ad_info_o.png") no-repeat scroll 0 0;} .ad_info_o a {display:block; width:44px; height:16px; text-indent:-9999px;} /* .ad_info_wrap:hover .ad_info_o {display:block;} */ /* 탑광고 : ad.css에도 있음 */ .ad_top { position: relative; width:728px; height:90px; margin:0 auto 10px auto; } .ad_top p.adclose_btn {display:block; position:absolute; right:-33px; bottom:0px; width:33px; height:13px;} .ad_top p.adclose_btn a {display:block; text-indent:-9999px; background:url(http://img.khan.co.kr/spko/main_2011/btn_close.gif) no-repeat;} .ad_top .trans_border { display:block; width:726px; height:88px;} /* ****************************** 201904 광고개편 IH ****************************** */ /* #ad01 탑배너 970*90 */ .ad_wide_top {position:relative; width:970px; margin:10px auto; text-align:center;} .ad_wide_top:after {display:block; clear:both; content:"";} /* #ad12 바이라인 텍스트 광고 5slot */ .ad_txt_cont_btm.row5 {margin-bottom:50px;} .ad_txt_cont_btm.row5 li {height:35px; line-height:2em; font-size:16px;} /* #ad13 하이라이트 광고(투데이 포커스) */ .ad_highlight_tf {height:160px; margin:0 0 50px;} .ad_highlight_tf h4 {margin-bottom:20px; font-size:17px; font-weight:700;} .ad_highlight_tf .link_caption {display:block; position:relative; width:100%; height:150px; margin:0 auto; padding:25px 20px; box-sizing:border-box; background-color:#fafafa;} .ad_highlight_tf .link_caption:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;} .ad_highlight_tf .link_caption:hover {text-decoration:none;} .ad_highligh_tft .link_caption:hover .desc {text-decoration:underline;} .ad_highlight_tf .thumb_caption {display:block; position:absolute; left:0; top:0; width:220px; height:150px; vertical-align:top;} .ad_highlight_tf .desc_caption {display:block; margin-left:220px; color:#323232; font-size:15px; line-height:1.4em; vertical-align:top;} .ad_highlight_tf .desc_caption strong {display:block; overflow:hidden; height:25px; margin-bottom:15px; color:#121212; line-height:1.2em; font-size:23px; font-weight:700; letter-spacing:-0.07em; text-overflow:ellipsis; white-space:nowrap;} .wrap_ad_cont_btm {position:relative; margin-bottom:40px; z-index:10;} .wrap_ad_cont_btm:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;} .ad_cont_lt {float:left;} .ad_cont_rt {float:right;} .ad_bnr_cont_btm {margin-top:10px;} /* #ad14 하단 텍스트 광고 8slot */ .ad_txt_cont_btm.row8 {width:380px;} .ad_txt_cont_btm.row8 ul {margin-bottom:15px;} .ad_txt_cont_btm.row8 li {height:34px; padding-left:14px; line-height:1.9em; font-size:16px; background:url("http://img.khan.co.kr/spko/sub_2017/ico_ad_dot_bk.png") no-repeat scroll left 50% transparent;} /* #ad17 오늘의 핫클릭 */ .ad_hotclip {position:relative; clear:both; margin-bottom:40px; padding-top:50px; border-top:1px solid #e5e5e5;} .ad_hotclip .tit {margin-bottom:20px; font-size:17px; font-weight:bold;} .ad_hotclip .cont {overflow:hidden; position:relative; height:200px;} .ad_hotclip .cont li {padding-left:15px; background:url("http://img.khan.co.kr/spko/sub_2017/ico_ad_dot_bk.png") no-repeat scroll left 50% transparent;} .ad_hotclip .cont li a {display:block; overflow:hidden; width:470px; color:#535353; font-size:16px; line-height:2em; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; word-break:normal;} .ad_hotclip .cont .aside {position:absolute; right:0px; top:0; z-index:10;} /* #ad18 하단 썸네일+텍스트 광고 */ .wrap_newsrank {position:relative; margin:0 auto 60px} .wrap_newsrank:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;} .wrap_newsrank .item_newsrank {float:left; position:relative; width:230px; margin:0 4px;} .wrap_newsrank .item_newsrank:first-child {margin-left:0;} .wrap_newsrank .link_thumb {display:block; overflow:hidden; position:relative;} .wrap_newsrank .link_thumb:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #d9d9d9 \0/IE8+9; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; z-index:100;} .wrap_newsrank .link_thumb:hover:after {background-color:rgba(0,0,0,.15);} .wrap_newsrank .thumb {width:100%; height:100%;} .wrap_newsrank .link_cate {display:block; padding:0 20px 0 20px; color:#009fe4;} .wrap_newsrank .link_caption {display:block; padding:10px 15px 0; z-index:100;} .wrap_newsrank .tit_caption {display:block; overflow:hidden; max-height:2.6em; margin-bottom:0; line-height:1.3em; color:#121212; font-size:18px; font-weight:400;} /* 주요기사 개편 201904 */ .wrap_leading_art {overflow:hidden; position:relative; margin:60px 0; padding-bottom:50px; border-bottom:1px solid #e5e5e5;} .wrap_leading_art h4 {margin-bottom:20px; font-size:17px; font-weight:bold;} .wrap_leading_art ol {position:relative; margin-right:-40px;} .wrap_leading_art .item {display:table; float:left; position:relative; width:305px; height:70px; margin:0 40px 0 0; padding:10px 0 10px 30px;} .wrap_leading_art .item:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;} .wrap_leading_art li:nth-child(1) em, .wrap_leading_art li:nth-child(2) em, .wrap_leading_art li:nth-child(3) em, .wrap_leading_art li:nth-child(4) em {color:#4763cf; font-weight:600;} .wrap_leading_art .num {float:left; position:absolute; top:50%; left:0; width:20px; height:19px; margin:-0.5em 0 15px; text-align:center; line-height:1em; color:#121212; font-size:18px; font-weight:500; white-space:nowrap;} .wrap_leading_art .link_thumb {display:block; overflow:hidden; float:left; position:relative; height:70px; line-height:0; margin-right:12px;} .wrap_leading_art .link_thumb:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #d9d9d9 \0/IE8+9; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; z-index:100;} .wrap_leading_art .link_thumb .thumb {display:block; width:95px; height:70px;} .wrap_leading_art .link_caption {display:table-cell; width:100%; height:70px; vertical-align:middle;} .wrap_leading_art .link_caption .tit {display:block; display:-webkit-box; overflow:hidden; max-height:4.5em; line-height:1.5em; font-size:15px; font-weight:400; -webkit-line-clamp:3; -webkit-box-orient:vertical;} /* 제목 최대 두 줄 처리, 두 줄 이상은 말줄임(웹킷webkit기반만 가능) */ /* 데이블 : 당신이 좋아할 만한 콘텐츠 */ .dable_cont_wrap {position:relative; margin:0 0 50px;} .dable_cont_wrap:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;} .dable_cont_wrap h4 {margin-bottom:20px; font-size:17px; font-weight:700;} .dable_cont_wrap .powered-by {*zoom:1; display:block; float:right; position:absolute; right:0; top:5px; height:17px; padding:5px 8px; text-align:right; color:#999; font-weight:400; font-size:12px; text-decoration:none; cursor:pointer;} .dable_cont_wrap .powered-by-by {position:relative; padding-right:3px; vertical-align:middle; color:#999; font-size:11px; font-weight:400;} .dable_cont_wrap .powered-by-dable {display:inline-block; width:46px; height:16px; text-align:left; vertical-align:middle; text-indent:-9999px; background:url("http://images.dable.io/static/i/logo-text-tiny-gray.png") no-repeat 0 0; background-size:46px 14px;} .dable_cont_wrap .powered-by:hover .powered-by-dable {background:url("http://images.dable.io/static/i/logo-text-tiny-blue.png") no-repeat 0 0;} .dable_cont {float:left; width:50%;} .dable_cont .link_caption {display:block; position:relative; width:100%; height:110px; margin-bottom:10px;} .dable_cont .link_caption:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;} .dable_cont .link_caption:hover {text-decoration:none;} .dable_cont .thumb_caption {display:block; position:absolute; left:0; top:0; width:165px; height:110px; vertical-align:top;} .dable_cont .desc_caption {display:block; margin:0 30px 0 180px; color:#323232; font-size:15px; line-height:1.4em; vertical-align:top;} .dable_cont .desc_caption strong {display:block; display:-webkit-box; overflow:hidden; max-height:3.9em; margin-bottom:5px; padding-top:8px; line-height:1.3em; color:#121212; font-size:18px; font-weight:700; letter-spacing:-0.07em; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .dable_cont .desc_caption .desc {color:#6c7bb3; font-size:12px; font-weight:700;} .dable_cont .ad_txt_cont_btm li {overflow:hidden; padding-left:14px; line-height:1.9em; font-size:16px; background:url("http://img.khan.co.kr/spko/sub_2017/ico_ad_dot_bk.png") no-repeat scroll left 50% transparent; text-overflow:ellipsis; white-space:nowrap;} /* taboola 광고 추가 20190827 IH */ .wrap_ad_tba {margin:70px 0;} .wrap_ad_tba:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;} /* 로그인폼(라이브리 소셜댓글 로그인 할 때 사용) */ .loginbgcolor {background-color:#ececec;} /* 로그인 배경 색상-body에 설정 */ .login_wrap {position: relative;background-color:#ececec;} .login_area {width:282px;margin:0 auto;padding:30px 10px 30px;} .input_info {position:relative;border:1px solid #bebebf;padding:10px 35px 10px 15px;border-radius:5px;margin:0px 0px 10px;background:none repeat scroll 0% 0% #FFF;height:29px;} .input_info.focus {border:1px solid #2665f4;} .input_wrap {position:relative;display:block;overflow:hidden;} .lab_id, .lab_g {position:absolute;top:16px;left:15px;z-index:20;font-size:15px;color:#999;line-height:16px;} .int {position:relative;width:100%;padding:2px 0px 6px;height:23px;z-index:9;border:medium none;background:none repeat scroll 0% 0% #FFF;font-size:15px;color:#000;line-height:16px;} .login_wrap .btn_login {position:relative;width:100%;height:46px;border-radius:5px;padding:10px 15px 10px 15px;background:none repeat scroll 0% 0% #3165dc;color:#FFF;font-size:18px;} .login_wrap .txt {font-size:15px;text-align:center;margin-top:15px;} .login_wrap .khan_link {color:#2665f4;text-decoration:underline;} .login_footer .login_copyright {width:100%;margin:0px auto;padding:14px 0px 12px;text-align:center;background-color:#ececec;font-size:12px;color:#999;font-weight:bold;} /* 인쇄 미리보기 */ .viewprint_wrap {/* width:710px; min-height:300px;*/ margin:0 30px; padding:30px 0;} .viewprint_wrap.loading {background:url("http://img.khan.co.kr/spko/sub_2015/loding_cont.png") no-repeat scroll center 200px transparent;} .viewprint_wrap .logo {margin-bottom:20px;} .viewprint_wrap .logo img {width:100px; height:28px;} .viewprint_wrap .subject {margin-bottom:0;} .viewprint_wrap .subject h1 {margin-bottom: 5px; line-height:50px; color:#000; font-size:32px; font-weight:bold; letter-spacing:-2px;} .viewprint_wrap .name {display:block; color:#8794a1; font-size:14px;} .viewprint_wrap .art_body {margin-bottom:10px; line-height:1.9; color:#444; font-size:17px;} .viewprint_wrap .art_body:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;} .viewprint_wrap .art_body .art_subtit {margin:0 0 40px;} /* 부제목 */ .viewprint_wrap .art_body .art_subtit p {padding-left:5px; line-height:34px; color:#000; font-size:17px; font-weight:bold;} .viewprint_wrap .art_body img {max-width:710px;} .viewprint_wrap .art_body .photo_viewer_wrap {margin:0 auto;} /* 포토기사 뷰 이미지 정렬 */ .viewprint_wrap .art_body .btn_newsMore {display:none;} /* 기사 더 보기 가리기 */ .viewprint_wrap .byline {display:block; padding:5px 0 20px;} .viewprint_wrap .byline em {line-height:17px; color:#999; font-size:12px; letter-spacing:0;} .viewprint_wrap .byline em:first-child {margin:0 4px 0 0; padding-right:5px; border-right:1px solid #ddd;} .viewprint_wrap .byline a {margin:0 4px; color:#737475;} .viewprint_wrap .art_body .boxLineBG {float:left; margin-bottom:20px; padding:15px 25px; border:solid 1px #ddd; font-size:16px; line-height:1.8; background-color:#f5f5f5;} .viewprint_wrap .art_body .boxLineBG .content_text {margin-bottom:0;} .viewprint_wrap .art_copyright {margin-bottom:50px; font-size:14px;} /* 바이라인 */ .viewprint_wrap .art_copyright.ctr {text-align:center;} /* 바이라인: 만평 인쇄용 */ .viewprint_wrap .art_photo, .viewprint_wrap .art_vod {position:relative; clear:both; padding:10px 0 20px 0; text-align:center;} /* 기사내 이미지&동영상 */ .viewprint_wrap .art_photo .art_photo_wrap {/* display:block; */ position:relative;} .viewprint_wrap .art_photo .art_photo_wrap .fancy_group {display:block;} .viewprint_wrap .art_photo .art_photo_wrap img {max-width:710px; vertical-align:top;} .viewprint_wrap .art_photo.photo_center {margin:0 auto;} .viewprint_wrap .art_photo.photo_left {float:left; margin:0 40px 0 0;} .viewprint_wrap .art_photo.photo_right {float:right; margin: 0 0 0 40px;} .viewprint_wrap .art_photo.ft {padding-top:0;} /* 기사본문 처음 노출 이미지일 경우 */ .viewprint_wrap .art_photo .caption {padding-top:5px; line-height:1.7; text-align:left; color:#777; font-size:14px;} .viewprint_wrap .art_photo .img_large {display:none;} /* 크게보기 아이콘 */ .viewprint_wrap .content_text {margin-bottom:20px;} /* 기사 본문 간 여백 조절 */ .viewprint_wrap .art_vod p {display:none; padding:5px 0 0 3px; text-align:left; color:#48647C; font-size:14px;} /* 기사내 동영상 */ .viewprint_wrap #photoAD, .viewprint_wrap .ad_photolink {display:none;} /* 포토링크 광고 */ .viewprint_wrap .article_bottom_ad {display:none;} /* 기사 본문 광고 */ .viewprint_wrap address {text-align:center; color:#333; font-size:17px; font-weight:normal;} /* 경향 카피라이트 */ .viewprint_wrap .print_btn_wrap {margin:80px 0 0; padding-top:30px; border-top:1px dashed #aaa;} .viewprint_wrap .print_btn {margin:0 auto; text-align:center;} .viewprint_wrap .print_btn .btn {display:inline-block; *display:inline;*zoom:1;} .viewprint_wrap .print_btn .btn a {display:block; padding:10px 35px 12px;} .viewprint_wrap .print_btn .btn a:hover {text-decoration:none;} .viewprint_wrap .print_btn .btn span {color:#fff; font-size:17px; font-weight:bold;} .viewprint_wrap .print_btn .btn.confirm {margin-right:8px; background-color:#345fbb; border:1px solid #345fbb;} .viewprint_wrap .print_btn .btn.cancel {background-color:#fafafa; border:1px solid #ddd;} .viewprint_wrap .print_btn .btn.cancel span {color:#333;} .viewprint_wrap .print_btn_wrap.top {margin:0 0 40px; padding-top:0; padding-bottom:30px; border-top:none; border-bottom:1px dashed #aaa;} .viewprint_wrap .print_btn_wrap.top .print_btn .btn a {display:block; padding:3px 20px 7px;} .viewprint_wrap .print_btn_wrap.top .print_btn .btn span {color:#fff; font-size:14px; font-weight:bold;} .viewprint_wrap .print_btn_wrap.top .print_btn .btn.cancel span {color:#333;} /* 인쇄 미리보기 - 향이네 */ .viewprint_wrap .art_author {display:block; padding:5px 0 20px;} .viewprint_wrap .art_author .art_date {display:inline; line-height:17px; color:#999; font-size:12px; letter-spacing:0;} .viewprint_wrap .art_author .art_date.hidden {margin:0 0 0 4px; padding-left:5px; border-left:1px solid #ddd;} /* 청년기획 부들부들청년 퀴즈 레이아웃 */ .quiz_cont_wrap {} .quiz_cont_wrap .cont_thumb {margin:0 auto 15px; text-align:center;} .quiz_cont_wrap .cont_thumb img {max-width:710px;} .quiz_card_wrap {overflow:hidden; margin:50px 10px;} .quiz_card_wrap .quiz_num {margin-bottom:10px; padding:10px; border-top:2px solid #606060; color:#999; font-size:19px; font-weight:bold; background-color:#ececec;} .quiz_card_wrap .quiz_num em {color:#345fbb;} .quiz_card_wrap .quiz_thumb {width:80%; margin:15px auto 15px; text-align:center;} .quiz_card_wrap .quiz_thumb img {width:100%; max-width:600px;} .quiz_card_wrap .cont {padding:0 10px;} .quiz_card_wrap .example {padding:10px 10px 0; clear:both;} .quiz_card_wrap .example li {padding-left:23px; margin-bottom:2px; cursor:pointer; background:url("http://img.khan.co.kr/spko/hyangi/img_quiz_default_sm.png") no-repeat scroll 0 50%;} .quiz_card_wrap .example li span {display:inline-block; padding:5px 15px 5px 0; line-height:1.8; font-size:16px;} .quiz_card_wrap .example li.correct {background:url("http://img.khan.co.kr/spko/hyangi/img_quiz_default_sm.png") no-repeat scroll 0 50%;} /* 정답 */ .quiz_card_wrap .example li.correct span.explain {display:none;} .quiz_card_wrap .example li.correct span.quiz_art {display:none;} .quiz_card_wrap .example li.correct.on {margin-bottom:10px; background:url("http://img.khan.co.kr/spko/hyangi/img_quiz_right_sm_youngman.png") no-repeat scroll 0 12px; background-size:15px 15px;} .quiz_card_wrap .example li.correct.on span {padding:5px 15px 5px 10px; color:#fff; background-color:#345fbb;} .quiz_card_wrap .example li.correct.on span.explain {display:block; margin:5px 0 10px; border:none; border-left:2px solid #345fbb; color:#454545; background-color:#fff;} .quiz_card_wrap .example li.correct.on span.quiz_art {display:block; margin-left:3px; margin-top:-15px; border:none; color:#23527c; font-size:15px; background-color:#fff;} .quiz_card_wrap .example li.correct.on span.quiz_art a {color:#23527c; text-decoration:underline;} .quiz_card_wrap .example.wrong li.correct {background:url("http://img.khan.co.kr/spko/hyangi/img_quiz_right_sm_youngman.png") no-repeat scroll 0 12px; background-size:15px 15px;} .quiz_card_wrap .example.wrong li.correct span {padding:5px 15px 5px 10px; display:inline-block; background-color:#d3d5d6;} .quiz_card_wrap .example.wrong li.correct span.explain {display:block; margin:5px 0 10px; border:none; border-left:2px solid #345fbb; color:#454545; background-color:#fff;} .quiz_card_wrap .example.wrong li.on {background:url("http://img.khan.co.kr/spko/hyangi/img_quiz_wrong_sm.png") no-repeat scroll 0 50%;} /* 오답 */ .quiz_card_wrap .example.wrong li.on span {padding:5px 15px 5px 10px; color:#fff; background-color:#e63d41;} .quiz_card_wrap .example.wrong li.correct span.quiz_art {display:block; margin-left:3px; margin-top:-15px; border:none; color:#23527c; font-size:15px; background-color:#fff;} .quiz_card_wrap .example.wrong li.correct span.quiz_art a {color:#23527c; text-decoration:underline;} .quiz_card_wrap .stats {display:none;} .quiz_card_wrap .solve .stats {display:block; margin-top:20px; color:#345fbb; font-weight:bold;} .quiz_card_wrap .wrong .stats {display:block; margin-top:20px; color:#e63d41; font-weight:bold;} /* 퀴즈 결과 */ .quiz_result_wrap {padding:20px 15px; border:1px solid #aaa; text-align:center; background-color:#eaeced;} .quiz_result_wrap .tit {margin-bottom:20px; color:#333; font-size:21px; font-weight:bold;} .quiz_result_wrap .quiz_result {margin-bottom:20px; padding:20px; border-radius:10px; color:#74be30; font-size:23px; background-color:#4d4d4d;} .quiz_result_wrap .quiz_result em {color:#fff;} .quiz_result_wrap .quiz_result strong {display:block; color:#f3fb15;} .quiz_result_wrap .result_share {overflow:hidden; margin-bottom:20px; color:#454545; font-size:22px;} .quiz_result_wrap .result_share strong {display:block;} .quiz_result_wrap .result_share ul {margin:20px 30px;} .quiz_result_wrap .result_share li {width:33.3%; float:left;} .quiz_result_wrap .result_share li.facebook {height:50px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/hyangi/img_quiz_share_facebook.png") no-repeat scroll center 0; background-size:50px 50px;} .quiz_result_wrap .result_share li.twitter {height:50px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/hyangi/img_quiz_share_twitter.png") no-repeat scroll center 0; background-size:50px 50px;} .quiz_result_wrap .result_share li.kakaostory {height:50px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/hyangi/img_quiz_share_kakaostory.png") no-repeat scroll center 0; background-size:50px 50px;} .quiz_result_wrap .result_share li a {display:block; height:50px;} .quiz_result_wrap .again {border:1px solid #9d9b9b; border-radius:10px; color:#454545; font-size:22px; font-weight:bold; line-height:22px; background-color:#fff;} .quiz_result_wrap .again a {display:block; padding:20px 0; } /**************************************************************************** MediaQuery ****************************************************************************/ /* ********** 인쇄하기(인포그래픽 뷰 에서 사용) ********** */ @media print { #wrap, #container {width:100%!important;} #header {display:none;} /* 헤더 */ #menuBox {display:none; overflow:hidden; left:-9999px; position:absolute; width:1px; height:1px; line-height:0; text-indent:-9999px; font-size:0;} /* 메뉴 박스 */ #topBarWrap {display:none;} /* 따라다니는 탑 바 */ #container .ad_two_top {display:none;} /* 헤더 상단 광고 */ #container .ad_wide_top {display:none;} /* 상단 탑 배너 광고 */ #container .art_header {border-top:none;} #container .art_header .subject .issuetitle_box_wrap .issuetitle_txt {display:none;} #container .art_header .function_wrap {display:none;} #container .art_header .byline {margin-top:-30px; color:#333; font-size:17px;} #container .art_cont {width:100%; padding:0; border-right:0;} #container .art_body .photo_viewer_wrap {margin:0 auto;} /* 포토기사 이미지 중앙 정렬 용 */ #container .art_cont_merge .art_body .infographic_wrap {width:100%;} #container .art_cont_merge .art_body img {width:90%; text-align:center;} /* 인포그래픽 기사뷰 이미지 정렬 용 */ #container .art_cont_merge .art_body .cpr img {width:20%;} /* 인포그래픽 기사뷰 바이라인 */ #container .ad_photolink, #divBox {display:none;} /* 포토링크 */ #container .ad_subwing_wrap {display:none;} /* 날개 배너 */ #container .ad_subwing_mid {display:none;} /* 우측 중단 날개 배너 */ #container .article_bottom_ad {display:none;} #container .art_cont .related_art, #container .art_cont_merge .related_art {display:none;} /* 관련기사 */ #container .art_cont .ad_adtive {display:none;} #container .art_cont .sns_share_major {display:none;} #container .art_cont .ad_todayFocus {display:none;} #container .art_cont .ad_two {display:none;} #container .art_cont .hotclip {display:none;} #container .art_cont .ad_adFlex {display:none;} #container .art_cont .hot_article {display:none;} #lv-container, #livereContainer {display:none;} #container .art_cont .ad_about {display:none;} #container .art_side {display:none;} #container .preview_wrap {display:none;} /* 연관포토 리스트 */ #container .today_hotPhoto {display:none;} /* 오늘의 인기화보 */ #footer {display:none;} .banner_1024_1024_1422421689 {display:none;} /* 하단 빅 배너 */ .ad_top {display:none;} /* 상단 탑 배너 */ #scrollDiv, #pscroller2, #sliderAdText, #textLasOut, .wing_todaynews, .khan_view_icon_ad {display:none;} /* 아이콘애드 광고 */ } /**************************************************************************** 2016년 새롭게 개편되는 영역 ****************************************************************************/ /* 2016년형 서브네비 */ .section_navi { border-top:1px solid #e8e8e8; border-bottom:2px solid #000; padding:14px 0 13px; position:relative; height:16px;} .section_navi:after { clear:both; display:block; content:""; } .section_navi .navi_menu { border-left:1px solid #4f4f4f; height:16px; padding-left:10px; margin-left:90px; float:left; } .section_navi .navi_menu:after { clear:both; display:block; content:""; } .section_navi .navi_menu li { float:left; font-size:16px; font-weight:bold; line-height:15px; position:relative;} .section_navi .navi_menu li a { display:block; /* height:43px; */ padding:0 12px 0 11px; position:relative; /* top:-6px; */ white-space:nowrap; color:#858585; letter-spacing:-0.02em;} .section_navi .navi_menu li a:hover { color:#000;} .section_navi .navi_menu li.on a { color:#5a77d1; text-decoration:underline;} .section_navi .navi_menu li.etc a { color:#7aa4d7;} .section_navi .btn_all { position:absolute; top:3px; left:0;} .section_navi .btn_all .all_ico { background:url("http://img.khan.co.kr/spko/sub_2016/btn_all_sub.png") no-repeat 8px 7px; display:block; height:19px; width:24px; position:absolute; top:5px; left:0; vertical-align:middle; border:1px solid #d6d6d6; padding:7px 0 0 8px; width:23px; height:18px;} .section_navi .btn_all .all_txt { display:inline-block; margin-left:40px; font-size:15px; line-height:26px; padding-top:6px; font-weight:bold; color:#000;} .section_navi .btn_all a { color:#000; text-decoration:none; display:block;} .section_navi .sec_arw {background: url("http://img.khan.co.kr/spko/sub_2016/ico_sec_arrow.png") no-repeat scroll 0 0; width:5px; height:3px; position:absolute; top:7px; right:3px; text-indent:-9999px; overflow:hidden; } .section_navi .sec_submenu { display:none; position:absolute; top:30px; left:0; z-index:70; width:210px; background-color:#575b64; padding:7px 0 10px 0;} .section_navi .sec_submenu:after { clear:both; display:block; content:""; } .section_navi .sec_submenu li { float:none; font-size:14px; line-height:20px;} .section_navi .navi_menu .sec_submenu li a { color:#fff; top:0; padding:3px 15px; height:20px; text-decoration:none;} .section_navi .navi_menu .sec_submenu li a:hover { color:#fff; text-decoration:underline;} /* 네비 수정 20170928 : IH */ #header {width:100%;} #header .top_area {width:1050px; margin:0 auto;} #header .logo_area {width:1050px; margin:0 auto; border-bottom:none;} .section_navi {width:100%; border-top:1px solid #cdd1d6; border-bottom:1px solid #cdd1d6; padding:0; position:relative; height:43px;} .section_navi .navi_menu_wrap {position:relative; width:1050px; height:16px; margin:0 auto; padding:14px 0 13px;} .section_navi .navi_menu {margin-left:60px; border-left:none;} .section_navi .btn_all {position:absolute; top:0; left:0; border-right:1px solid #cdd1d6; border-left:1px solid #cdd1d6; z-index:5;} /* 왼쪽 메뉴박스 */ #menuBox { overflow:hidden; min-height:480px; position:fixed; top:0; left:-430px; z-index:90; height:100%; width:410px; padding-right:18px; background:url("http://img.khan.co.kr/spko/sub_2016/bg_menubox.png") repeat-y scroll 0 0;} #menuBox .menuBox_wrap { position:absolute; top:0; left:0; overflow-y:scroll; overflow-x:hidden; width:470px; height:100%;} #menuBox .open_menu { height:100%; } #menuBox .open_menu .hide { font-size:0; position:absolute; left:-9999px; height:1px; display:block; line-height:0; overflow:hidden; text-indent:-9999px; width:1px;} #menuBox .open_menu ul { position:relative; padding:70px 0 25px; width:200px; z-index:2;} #menuBox .open_menu ul.mn_other { padding-top:12px;} #menuBox .open_menu ul li { font-size:16px; font-weight:bold; line-height:23px; position:relative; } #menuBox .open_menu ul li.on a { background:#fff none repeat scroll 0 0; color:#5a77d1; text-decoration:none;} #menuBox .open_menu ul li a { color:#000; display:block; padding:3px 0 6px 32px; text-decoration:none;} #menuBox .open_menu ul li a.vote2017 {padding:3px 0 6px 80px; background:url("http://img.khan.co.kr/spko/2017_president/img_submenu_vote2017.png") no-repeat scroll 34px 45%;} #menuBox .open_menu ul li a.jebo {height:25px;padding-left:64px;background:url("http://img.khan.co.kr/spko/main_2016/ico_gnb_jebo.png") no-repeat no-repeat scroll 34px 45%;} #menuBox .open_menu ul li .arw { background:url("http://img.khan.co.kr/spko/sub_2016/ico_mb_arrow.png") no-repeat scroll 0 0; width:8px; height:8px; text-indent:-9999px; overflow:hidden; display:block; position:absolute; top:12px; right:10px;} #menuBox .open_menu ul li.on .arw { background-position:0 -12px;} #menuBox .open_menu .line {background-color:#dbdbdb; width:168px; height:1px; display:block; margin:10px 0 10px 32px;} #menuBox .open_menu ul li .sub_mn li.on a { color:#000; text-decoration:underline;} #menuBox .open_menu ul li .sub_mn { position:absolute; top:0; left:200px; width:180px; height:100%; padding:0; display:none; } #menuBox .open_menu ul li.service .sub_mn { top:-128px;} #menuBox .open_menu .bg_sub { display:block; background:url("http://img.khan.co.kr/spko/sub_2016/bg_menubox_sub.png") repeat-y scroll 0 0; position:absolute; width:198px; height:100%; top:0; left:200px; padding-right:8px;} #menuBox .btn_mb_close { background:url("http://img.khan.co.kr/spko/sub_2016/btn_mb_close.png") no-repeat scroll 0 0; width:36px; height:36px; position:absolute; top:10px; left:154px; overflow:hidden; text-indent:-9999px; z-index:3;} /* Header 부분 */ #header .sub_logo { position:absolute; top:21px; left:0; z-index:5;} #header .sub_logo a { background:url("http://img.khan.co.kr/spko/sub_2016/sub_logo.png") no-repeat scroll 0 0; width:134px; height:31px; display:block; text-indent:-9999px;} #header .sec_title { font-size:38px; font-weight:bold; letter-spacing:-2px; line-height:50px; text-align:center; padding-top:30px;} #header .sec_title a { color:#000;} /* 창간72주년기념제호 적용 20181004 추가 IH */ #header .sub_logo.ann72th a { background:url("http://img.khan.co.kr/spko/main_2017/sub_logo_181005.png") no-repeat scroll 0 0; width:132px; height:31px; display:block; text-indent:-9999px;} /********************* 2016년 섹션 시작 *********************/ /* 섹션 탑바 */ .fx_topbar_wrap .fx_topbar .logo_sec { margin:0 auto; width:103px; height:27px; padding-top:17px;} .fx_topbar_wrap .fx_topbar .logo_sec a {display:block; width:103px; height:27px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll -220px -420px;} .fx_topbar_wrap .fx_topbar .btn_all { position:absolute; left:30px; top:14px; width:80px;} .fx_topbar_wrap .fx_topbar .btn_all a { text-decoration:none; display:block; width:auto; height:26px; padding:6px 10px 0 34px; border:1px solid #d7d7d7; background:url("http://img.khan.co.kr/spko/sub_2016/btn_all_sub.png") no-repeat 13px 11px;} .fx_topbar_wrap .fx_topbar .btn_all .all_txt { font-size:15px; color:#000; font-weight:bold; text-decoration:none;} .fx_topbar_wrap .fx_topbar .search_btn { position:absolute; right:20px; top:14px;} .fx_topbar_wrap .fx_topbar .search_btn input { height:30px; margin:1px 0; vertical-align:middle; cursor:default;} .fx_topbar_wrap .fx_topbar .search_btn .keyword { display:inline-block; zoom:1; *display:inline; border:1px solid #c5c5c5; padding:4px 3px 6px; width:154px; height:11px; line-height:18px; color:#888;} .fx_topbar_wrap .fx_topbar .search_btn .bbs_srch img { cursor:pointer;} .content_Wrap { float:left; width:710px; padding-right:40px;} .content_Wrap .hd_title { display:block; font-size:19px; line-height:25px; font-weight:bold;} .content_Wrap .lead { display:block; font-size:13px; line-height:20px; margin-top:8px;} .topNews {margin-bottom:50px; width:710px;} .topNews:after { clear:both; display:block; content:""; } .topNews .article_top { float:left; width:398px; position:relative; text-align:center; border:1px solid #ddd;} .topNews .article_top .thumb { display:block; overflow:hidden; position:relative;} .topNews .article_top .thumb img { width:400px; height:250px;} .topNews .article_top dl { position:relative; padding:0 8px 15px;} .topNews .article_top dt { text-align:center;} .topNews .article_top .issue_name { background:url("http://img.khan.co.kr/spko/sub_2016/bg_news_name.png") no-repeat scroll 100% -30px; display:inline-block; position:relative; margin-top:-15px; height:30px; vertical-align:top; z-index:10; margin-left:20px;} .topNews .article_top .issue_name a { background:url("http://img.khan.co.kr/spko/sub_2016/bg_news_name.png") no-repeat scroll 0 0; display:inline-block; color:#fff; height:27px; position:relative; left:-20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:300px; text-decoration:none; font-weight:bold; font-size:14px; padding:3px 0 0 20px; line-height:22px;} .topNews .article_top dt strong { display:block; font-size:32px; line-height:40px; letter-spacing:-2px; padding-top:5px;} .topNews .article_top dt strong a { color:#000; display:block;} .topNews .article_top dd .lead { display:block; font-size:13px; line-height:20px; overflow:hidden; margin:8px 0 0; text-align:left;} .topNews .article_top dd .lead a { color:#888;} .topNews .article_staple { float:right; width:280px;} .topNews .article_staple li { margin-top:30px;} .topNews .article_staple li:first-child { margin-top:0; border-bottom:1px solid #e5e5e5; padding-bottom:30px;} .topNews .article_staple li .hd_title a { color:#000;} .topNews .article_staple li .lead { max-height:123px; overflow:hidden; font-size:14px;} .topNews .article_staple li .lead a { color:#888;} .topNews .article_staple .txt_relate { margin-top:13px;} .topNews .article_staple .txt_relate li { background:url("http://img.khan.co.kr/spko/main_2013/blit_relat.png") no-repeat scroll 1px 7px transparent; font-size:13px; line-height:21px; color:#7d7d7d; overflow:hidden; padding-left:11px; height:22px; border-bottom:0 none;} .topNews .article_staple .txt_relate li { margin-top:-1px; padding-bottom:0; border-bottom:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .topNews .article_staple .txt_relate li a { color:#444; letter-spacing:-0.03em;} .staple_wrap { width:710px;} .staple_wrap:after { clear:both; display:block; content:""; } .staple_wrap .clt { float:left; width:400px;} .staple_wrap .clt:after { clear:both; display:block; content:""; } .staple_wrap .clt li { width:400px;} .staple_wrap .clt li:first-child { margin-bottom:30px;} .staple_wrap .clt .thumb { display:block; float:left; width:100px; height:80px; margin-right:10px;} .staple_wrap .clt .thumb img { width:100px; height:80px;} .staple_wrap .clt .text_area { float:right; width:290px;} .staple_wrap .clt .hd_title { font-size:17px; line-height:22px; margin-top:-4px;} .staple_wrap .clt .hd_title a { color:#222;} .staple_wrap .clt .lead { margin-top:2px; line-height:18px;} .staple_wrap .clt .lead a { color:#888;} .staple_wrap .crt { float:right; width:280px;} .staple_wrap .crt .thumb { display:block; width:280px; height:165px; margin-bottom:4px;} .staple_wrap .crt .thumb img { width:280px; height:165px;} .staple_wrap .crt .hd_title { text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:17px;} .staple_wrap .crt .hd_title a { color:#000;} .series_wrap { overflow:hidden; border-top:1px solid #d4d4d4; padding-top:40px; margin-top:60px;} .series_wrap:after { clear:both; display:block; content:""; } .series_wrap h3 { color:#4763cf; font-size:15px; font-weight:bold; line-height:22px; display:block; margin-bottom:10px;} .series_wrap h3 a { color:#4763cf;} .series_box { margin-right:-40px; overflow:hidden;} .series_box .series_list { padding-right:30px;} .series_wrap .series_title { background:url("http://img.khan.co.kr/spko/sub_2016/bg_news_name02.png") no-repeat scroll 100% -30px; display:inline-block; height:30px; vertical-align:top; margin-left:20px;} .series_wrap .series_title a { background:url("http://img.khan.co.kr/spko/sub_2016/bg_news_name02.png") no-repeat scroll 0 0; display:inline-block; color:#4763d7; height:27px; position:relative; left:-20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:300px; text-decoration:none; font-weight:bold; font-size:16px; padding:3px 0 0 20px; line-height:22px;} .series_wrap .series_list { width:325px; float:left; margin:0 20px 40px 0;} .series_wrap .series_list.first { margin-right:-1px; padding-right:30px; padding-left:0;} .series_wrap.plan .series_list.first { border-right:none; margin-right:0;} .series_wrap .series_list .hd_title { font-size:15px;} .series_wrap .series_list .hd_title a { color:#222;} .series_wrap .series_list ul { padding-top:8px;} .series_wrap .series_list li { background:url("http://img.khan.co.kr/spko/main_2011/imgset_dot.gif") no-repeat scroll 0 -8px; padding-left:8px; font-size:15px; display:block; line-height:24px; padding-bottom:2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .series_wrap .series_list li a { color:#666;} .category_wrap { width:100%; border-top:1px solid #d4d4d4; padding-top:40px; margin-top:35px; overflow:hidden;} .category_wrap h3 { font-size:15px; font-weight:bold; line-height:22px; display:block; margin-bottom:10px; color:#4763cf;} .category_wrap .category_list { margin:-20px -26px 40px -25px; overflow:hidden;} .category_wrap .category_list:after { clear:both; display:block; content:""; } .category_list dl { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; float:left; width:329px; height:250px; padding:35px 25px 40px; margin-bottom:-1px;} .category_list dl.short { padding:35px 25px 10px;} .category_list dl.long { padding:35px 25px 10px; height:400px;} .category_list dt { display:block; height:26px; margin-bottom:12px;} .category_list dt strong { display:block; font-size:17px; font-weight:bold; line-height:23px; } .category_list dt strong a { background-color:#4763d7; color:#fff; text-decoration:none; padding:0 7px 2px;} .category_list .cont_area { display:block; overflow:hidden;} .category_list .thumb { float:left; width:90px; height:80px; overflow:hidden; margin:0 10px 0 0;} .category_list .thumb img { width:90px; height:80px;} .category_list .hd_title { font-size:17px; line-height:23px; margin-top:-3px;} .category_list .hd_title a { color:#000;} .category_list .lead { display:block; font-size:12px; line-height:17px; margin-top:4px;} .category_list .lead a { color:#888;} .category_list .text_list { clear:both; display:block; width:100%; overflow:hidden; padding-top:15px;} .category_list .text_list li { background:url("http://img.khan.co.kr/spko/main_2011/imgset_dot.gif") no-repeat scroll 0 -8px; display:block; font-size:15px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:8px;} .category_list .text_list li a { color:#666;} .area_history { width:100%; border-bottom:1px solid #ddd; padding-bottom:5px;} .aSide { float:right; width:300px;} .aSide h3 { font-size:15px; font-weight:bold; line-height:22px; display:block; margin-bottom:10px; color:#4763cf;} .aSide h3 a { color:#4763cf; text-decoration:none;} /* 카테고리별 최신기사 */ .category_latest { position:relative; width:280px; padding:0 0 30px 20px;} .category_latest:after { clear:both; display:block; content:""; } .category_latest .tit { font-size:15px; font-weight:bold; margin-bottom:8px; line-height:23px; color:#000;} .category_latest .tit span { color:#4763cf;} .category_latest .cont { background-color:#f9f9f9; border:1px solid #e2e2e2; width:278px; height:358px; overflow:hidden;} .category_latest .cont:after { clear:both; display:block; content:""; } .category_latest .cont li { border-top:1px solid #eaeaea; overflow:hidden; height:50px;} .category_latest .cont li:first-child { margin-top:0; border-top:none; padding-top:0;} .category_latest .cont li:after { clear:both; display:block; content:""; } .category_latest .cont li .thumb { display:block; float:left; width:70px; height:50px; margin-right:10px; overflow:hidden;} .category_latest .cont li .thumb img { width:70px; height:50px;} .category_latest .cont li .lead { display:block; font-size:14px; line-height:21px; font-weight:bold; max-height:46px; overflow:hidden; } .category_latest .cont li .lead a { color:#000; } .category_latest .av_btn { position:absolute; top:6px; right:5px;} .category_latest .av_btn a { background:url("http://img.khan.co.kr/spko/sub_2016/btn_roll_av.png") no-repeat scroll 3px 3px; text-indent:-9999px; display:block; width:15px; height:15px;} .category_latest .av_btn a.play { background-position:3px -14px;} .con_body { background:url("http://img.khan.co.kr/spko/sub_2015/bg_art_cont.png") repeat-y 0 0; width:100%;} .con_body:after { clear:both; display:block; content:""; } .con_body .area_history { width:100%; border-bottom:1px solid #ddd; padding-bottom:8px; font-size:13px;} .con_body .area_history a { color:#777; } .con_body .news_list li { border-bottom:1px solid #eee; padding:20px 0; position:relative; width:100%;} .con_body .news_list li:after { clear:both; display:block; content:""; } .con_body .news_list .thumb { float:left; width:150px; margin:0 20px 0 0; position:relative; overflow:hidden; display:block;} .con_body .news_list.fr .thumb { float:right; margin:0 0 0 20px;} .con_body .news_list .thumb img { width:150px;} .con_body .news_list .hd_title { display:block; font-size:17px; line-height:23px; font-weight:bold; margin-top:-3px;} .con_body .news_list .hd_title a { color:#000;} .con_body .news_list .lead { margin-top:4px;} .con_body .news_list .lead a { color:#888;} .con_body .news_list .byline { display:block; margin-top:5px; font-size:12px; line-height:17px; color:#e1e1e1;} .con_body .news_list .byline em { margin:0 3px; color:#aaa; display:inline-block;} .con_body .news_list .byline .clr { color:#85a8d3; margin:0 3px 0 0;} .con_body .news_list .byline .letter { font-family:Tahoma, '맑은 고딕', Malgun Gothic, '돋움', Dotum, Sans-serif; letter-spacing:0;} .con_body .issue_title .btn { position:absolute; top:3px; right:0; z-index:5;} /* 페이징 */ .news_list .paging { clear:both; line-height: normal; padding: 30px 0; text-align: center;} .news_list .paging a { margin:0 -2px 0 -1px; width:27px; background-color: #FFFFFF; color: #333333; display: inline-block; font: bold 13px/16px Tahoma,Sans-serif; padding: 3px 0 5px; position: relative; text-decoration: none; vertical-align: top; z-index: 2;} .news_list .paging a.prev { background: url("http://img.khan.co.kr/spko/lady/lady_2012/sub_set.gif") no-repeat scroll -20px -27px transparent; border: medium none; height: 15px; margin: 2px 0 0 0; overflow: hidden; padding: 3px 2px 0; text-indent: -9999px; width: 14px;} .news_list .paging a.next { margin:2px 0 0 5px; background: url("http://img.khan.co.kr/spko/lady/lady_2012/sub_set.gif") no-repeat scroll 0 -27px transparent; border: medium none; height: 15px; margin-top: 2px; overflow: hidden; padding: 3px 2px 0; text-indent: -9999px; width: 14px;} .news_list .paging a.on { color: #4763d7 !important; border:1px solid #c7c7c7;} /* 이슈연재 기사리스트 */ .content_Wrap .issue_title { position:relative; font-size:17px; font-weight:bold; color:#4763dd; line-height:23px; display:block; border-bottom:1px solid #ddd; padding-bottom:8px;} .content_Wrap .issue_headline { width:100%; margin: 15px 0 0; border-bottom:3px solid #e5e5e5; padding-bottom:20px;} .content_Wrap .issue_headline:after { clear:both; display:block; content:""; } .issue_headline h4 { color:#222; display:block; padding:0 0 10px 0; font-size:16px; line-height:21px;} .issue_headline .hd_title { font-size:23px; line-height:30px; letter-spacing:-0.09em; font-weight:normal; margin-top:-4px;} .issue_headline .hd_title a { color:#000;} .issue_headline .thumb { width:210px; height:180px; display:block; float:left; margin:0 15px 0 0; overflow:hidden; position:relative;} .issue_headline .thumb img { width:210px; height:180px;} .issue_headline .lead { font-size:14px; margin-top:5px;} .issue_headline .lead a { color:#777;} .issue_headline .txt_relate { margin-top:10px;} .issue_headline .txt_relate li { background:url("http://img.khan.co.kr/spko/main_2013/blit_relat.png") no-repeat scroll 1px 7px transparent; font-size:13px; line-height:21px; color:#7d7d7d; overflow:hidden; padding-left:11px; height:22px; border-bottom:0 none; margin-top:-1px; padding-bottom:0; border-bottom:none; text-overflow:ellipsis; white-space:nowrap;} .issue_headline .txt_relate li a { color:#444; letter-spacing:-0.03em;} .content_Wrap .hotplayer { width:100%; margin-bottom:20px;} /* 많이본기사 : 날짜선택 */ .content_Wrap .ssub_title { color:#000; display:block; font-size:17px; font-weight:bold; line-height:23px; padding-bottom:8px;} .content_Wrap .date_search { *zoom:1; padding:10px 15px 10px 15px; border:1px solid #ddd; margin-bottom:10px;} .content_Wrap .date_search:after { clear:both; display:block; content:""; } .content_Wrap .date_search .g1 { float:left; } .content_Wrap .date_search .g1 li { float: left; margin-right: 5px; } .content_Wrap .date_search select { font-size:14px; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum,; letter-spacing:-0.07em; height:24px;} .content_Wrap .date_search .g1 .btn { cursor:pointer;} .content_Wrap .date_search .select { padding: 1px 25px 0 10px; } .content_Wrap .date_search .select_yy { width: 40px; } .content_Wrap .date_search .select_mm { width: 25px; } .content_Wrap .date_search .select_dd { width: 25px; } .content_Wrap .date_search .select_last { width: 110px; } .content_Wrap .date_search .g2 { float:right; } .content_Wrap .date_search .g2 .textBar { margin: 0 10px; } .content_Wrap .date_search .g2 a { color: #666; } .content_Wrap .date_search .g2 a:hover { color: #3399FF; } .content_Wrap .list_cm { padding:10px 0;} .content_Wrap .list_cm li { background:url("http://img.khan.co.kr/spko/main_2011/imgset_dot.gif") no-repeat scroll 0 -8px; display:block; font-size:14px; line-height:23px; overflow:hidden; padding-bottom:5px; padding-left:8px; text-overflow:ellipsis; white-space:nowrap;} .content_Wrap .list_wrap .list_cm { border-bottom:1px dashed #ccc;} /* 전국 */ .con_body .fl { float:left; width:580px;} .con_body .fr { float:right;} .con_body .nonFl { clear:both; width:100%;} .con_body .snb { float:left; width:111px; margin-right:19px;} /* 시정소식지 바로가기(자치단체장) */ .gonewsletter {width:79px; margin-bottom:10px; padding:13px 15px 16px; text-align:center; border:1px solid #666;} .gonewsletter a {display:table-cell; width:81px; color:#333!important; font-size:14px; font-weight:bold; text-align:center; vertical-align:middle; letter-spacing:-1px;} .gonewsletter a:hover {text-decoration:none; color:#111!important;} /* 지역 바로가기(자치단체장) */ .snb .golocalgovmt {position:relative; left:0; top:0; width:101px; margin-bottom:30px; padding:4px; background-color:#666; border:1px solid #666;} .snb .golocalgovmt h3 {margin:0 0 7px 0; color:#fff; font-size:12px; font-weight:bold; text-align:center; letter-spacing:-1px;} .snb .golocalgovmt h3 a { color:#fff;} .snb .golocalgovmt ul.majorlist {width:75px; padding:12px; border:1px solid #d5d5d5; line-height:1.5em; background-color:#fff;} .snb .golocalgovmt h4 {padding-left:13px; background:url(http://img.khan.co.kr/spko/sub_2013/imgset_localgovmt.png) no-repeat -417px -158px;} .snb .golocalgovmt .btn_minus {padding-left:13px; background:url(http://img.khan.co.kr/spko/sub_2013/imgset_localgovmt.png) no-repeat -417px -138px;} .snb .golocalgovmt h4 a {color:#666; font-size:12px; font-weight:bold;} .snb .golocalgovmt h4 a:hover {color:#333; text-decoration:none;} .snb .golocalgovmt ul.locallist {margin:3px 0 3px 3px;} .snb .golocalgovmt ul.locallist li {line-height:1.3em;} .snb .golocalgovmt ul.locallist li a {color:#888; font-size:11px; letter-spacing:0;} .snb .golocalgovmt ul.locallist li.on a {color:#243860; font-size:11px; font-weight:bold; letter-spacing:-1px;} .snb .golocalgovmt ul.locallist li a:hover {color:#677b9b; text-decoration:none; font-weight:bold; letter-spacing:-1px;} /* 오피니언 섹션메인 */ .opi_topNews { width:710px;} .opi_topNews:after {display:block; clear:both; height:0; line-height:0; content:"."; font-size:0;} .opi_topNews .article_top { float:left; position:relative; width:470px;} .opi_topNews .article_top .thumb { display:block; overflow:hidden; position:relative; width:470px; height:310px;} .opi_topNews .article_top .thumb a { display:block; cursor:pointer;} .opi_topNews .article_top .thumb img { width:470px; height:310px;} .opi_topNews .article_top .thumb .shadow { background:#000 none repeat scroll 0 0; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);} .opi_topNews .article_top .text_area { position:absolute; top:40px; left:20px; width:430px; text-align:center;} .opi_topNews .text_area .issue_name { background:url("http://img.khan.co.kr/spko/sub_2016/bg_news_name03.png") no-repeat scroll 100% -30px; display:inline-block; position:relative; height:30px; vertical-align:top; z-index:10; margin-left:20px;} .opi_topNews .text_area .issue_name span { background:url("http://img.khan.co.kr/spko/sub_2016/bg_news_name03.png") no-repeat scroll 0 0; display:inline-block; color:#fff; height:27px; position:relative; left:-20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:300px; text-decoration:none; font-weight:bold; font-size:14px; padding:3px 0 0 20px; line-height:22px;} .opi_topNews .text_area dt { text-align:center;} .opi_topNews .text_area dt strong { display:block; font-size:32px; line-height:42px; letter-spacing:-2px; padding-top:10px;} .opi_topNews .text_area dt strong a { color:#fff;} .opi_topNews .text_area dd .lead { text-align:center; font-size:14px; line-height:22px;} .opi_topNews .text_area dd .lead a { color:#d9dadb;} .opi_topNews .article_column { position:relative; float:right; width:220px; height:310px; text-align:center; background:url("http://img.khan.co.kr/spko/main_2015/bg_quotation.png") no-repeat scroll 50% 55px;} .opi_topNews .article_column a { color:#000;} .opi_topNews .article_column .issue_name { background:url("http://img.khan.co.kr/spko/sub_2016/bg_news_name04.png") no-repeat scroll 100% -24px; display:inline-block; position:relative; height:24px; vertical-align:top; z-index:10; margin-left:15px;} .opi_topNews .article_column .issue_name span { background:url("http://img.khan.co.kr/spko/sub_2016/bg_news_name04.png") no-repeat scroll 0 0; display:inline-block; color:#dc6d00; height:24px; position:relative; left:-15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:220px; text-decoration:none; font-weight:bold; font-size:12px; padding:0 0 0 15px; line-height:21px;} .opi_topNews .article_column .text_area { position:absolute; top:80px; left:0; z-index:5; text-align:center;} .opi_topNews .article_column .hd_title { font-size:17px; line-height:23px;} .opi_topNews .article_column .lead { color:#888; line-height:18px;} .opi_topNews .article_column .photo { display:block; width:92px; height:92px; margin:28px auto 0; position:relative; overflow:hidden;} .opi_topNews .article_column .photo img { width:92px; height:92px;} .opi_topNews .article_column .photo .mask { background:url("http://img.khan.co.kr/spko/sub_2016/circle_frame_92.png") no-repeat scroll 0 0; position:absolute; top:0; right:0; left:0; bottom:0; display:block;} .opi_topNews .column_area { clear:both; width:100%; overflow:hidden; padding-top:20px;} .opi_topNews .column_area:after { clear: both; content: ""; display: block;} .column_area ul { margin-right:-10px; overflow:hidden;} .column_area li { width:200px; height:116px; float:left; margin-right:10px; padding:12px 15px;} .column_area li.first { background-color:#fff;} .column_area li.second { background-color:#f2f2f2;} .column_area li.third { background-color:#e1e1e2;} .column_area li em { color:#85a8d3; font-size:12px; font-weight:bold; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .column_area li .hd_title { font-size:17px; line-height:23px;} .column_area li .lead { line-height:18px;} .column_area li .lead a { color:#888;} .opi_topNews .editorial_area { border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin:50px 0 55px; width:100%; height:40px;} .opi_topNews .editorial_area:after { clear: both; content: ""; display: block;} .editorial_area .sub_tit { float:left; width:52px; height:32px; background:url("http://img.khan.co.kr/spko/sub_2016/bg_editorial.png") no-repeat scroll 0 0; padding:8px 0 0 8px; margin-right:20px;} .editorial_area .sub_tit a { color:#fff; font-size:17px; font-weight:bold;} .editorial_area ul { float:left; width:650px; overflow:hidden; margin-right:-25px; padding-top:6px} .editorial_area li { float:left; width:300px; margin-right:25px; font-size:15px; font-weight:bold; line-height:23px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .editorial_area li a { color:#000;} .opi_topNews .ptcolumn_area:after { clear: both; content: ""; display: block;} .opi_topNews .ptcolumn_area .pt_list { margin-right:-17px; overflow:hidden; } .opi_topNews .ptcolumn_area .pt_list:after { clear: both; content: ""; display: block;} .opi_topNews .ptcolumn_area dl { position:relative; width:225px; float:left; margin-right:17px;} .opi_topNews .ptcolumn_area dt { position:absolute; top:128px; left:0; height:42px; padding:5px 7px; z-index:5; width:211px;} .opi_topNews .ptcolumn_area dt em { display:block; font-size:13px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .opi_topNews .ptcolumn_area dt em a { color:#fff;} .opi_topNews .ptcolumn_area dt .hd_title { display:block; font-size:15px; line-height:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .opi_topNews .ptcolumn_area dt .hd_title a { color:#fff;} .opi_topNews .ptcolumn_area dd { height:180px;} .opi_topNews .ptcolumn_area dd img { width:225px; height:180px;} .opi_topNews .ptcolumn_area dd.bg { background-color:#000; width:225px; height:52px; position:absolute; left:0; top:128px; z-index:2; opacity:0.6;-ms-filter:alpha(opacity=60); filter:alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);} .opi_topNews h3 { font-size:15px; font-weight:bold; line-height:22px; display:block; margin-bottom:10px; color:#4763cf;} .column_area02 { margin-top:50px;} .column_area02:after { clear:both; display:block; content:""; } .column_area02 ul { margin-right:-17px; overflow:hidden;} .column_area02 li { float:left; width:225px; margin-right:17px;} .column_area02 li .thumb { float:left; width:60px; height:60px; margin-right:10px; overflow:hidden;} .column_area02 li .thumb img { width:60px; height:60px;} .column_area02 li .text_area { float:right; width:155px;} .column_area02 li em { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; font-size:12px; margin:-3px 0 2px;} .column_area02 li em span { color:#85a8dc;} .column_area02 li .hd_title { font-size:15px; line-height:20px;} .column_area02 li .hd_title a { color:#000;} .column_area02 li .lead { clear:both; line-height:19px; margin-top:0; padding-top:4px;} .column_area02 li .lead a { color:#888;} .signature_area { border-top:1px solid #d4d4d4; margin-top:50px; padding-top:30px;} .signature_area:after { clear:both; display:block; content:""; } .signature_area ul { overflow:hidden; margin-right:-15px;} .signature_area li { float:left; width:340px; margin:0 15px 25px 0;} .signature_area li .photo { display:block; float:left; width:70px; height:70px; margin:0 10px 0 0; overflow:hidden; position:relative;} .signature_area li .photo img { width:70px; height:70px;} .signature_area li .photo .mask { background:transparent url("http://img.khan.co.kr/spko/main_2015/circle_frame_70.png") no-repeat scroll 0 0; position:absolute; top:0; right:0; left:0; bottom:0; display:block;} .signature_area li .text_area { float:right; width:260px; padding-top:10px;} .signature_area li em { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; font-size:13px; margin:-3px 0 2px;} .signature_area li em a { color:#000;} .signature_area li .hd_title { font-size:15px; line-height:20px;} .signature_area li .hd_title a { color:#888;} .signature_area .paging {clear:both; padding:30px 0; line-height:normal; text-align:center;} /* 오피니언 섹션 기명칼럼 페이징 */ .signature_area .paging span {display:inline-block; position:relative; width:27px; padding:3px 0 5px; color:#333; font:bold 13px/16px Tahoma,Sans-serif; text-decoration:none; vertical-align:top; cursor:pointer; background-color:#fff; z-index:2;} .signature_area .paging span.prev {overflow:hidden; width:14px; height:15px; margin:2px 0 0 0; padding:3px 2px 0; border:medium none; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/lady/lady_2012/sub_set.gif") no-repeat scroll -20px -27px transparent;} .signature_area .paging span.next {overflow:hidden; width:14px; height:15px; margin:2px 0 0 5px; padding:3px 2px 0; border:medium none; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/lady/lady_2012/sub_set.gif") no-repeat scroll 0 -27px transparent;} .signature_area .paging span.on {color:#4763d7!important; border:1px solid #c7c7c7;} .newest_area { border-top:1px solid #d4d4d4; margin-top:50px; padding-top:30px;} .newest_area:after { clear:both; display:block; content:""; } .newest_area ul { overflow:hidden; margin-right:-30px; padding-bottom:20px;} .newest_area li { float:left; width:332px; margin-right:30px; background:url("http://img.khan.co.kr/spko/main_2011/imgset_dot.gif") no-repeat scroll 0 -8px; display:block; font-size:14px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:8px;} .newest_area li a { color:#888;} .all_column { margin:70px 0 20px;} .all_column:after { clear:both; display:block; content:""; } .all_column .con { position:relative; } .all_column .con .tab { background:#f4f4f5 none repeat scroll 0 0; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; height:34px; position:absolute; top:-35px; right:0; z-index:10;} .all_column .con .tab:after { clear:both; display:block; content:""; } .all_column .con .tab li { float:left; width:88px;} .all_column .con .tab li a { border-left:1px solid #e1e1e1; color:#808080; display:block; font-size:15px; font-weight:bold; line-height:21px; padding:6px 0 8px; text-align:center;} .all_column .con .tab li:first-child a { border-left:none; width:87px;} .all_column .con .tab li.on a { background:#fff none repeat scroll 0 0; color:#000;} .all_column .column_list { overflow:hidden; border-top:1px solid #e1e1e1; padding:25px 0 40px;} .all_column .column_list:after { clear:both; display:block; content:""; } .all_column .column_list ul { overflow:hidden; margin-right:-30px; } .all_column .column_list li { float:left; width:332px; margin-right:30px; background:url("http://img.khan.co.kr/spko/main_2011/imgset_dot.gif") no-repeat scroll 0 -8px; display:block; font-size:14px; line-height:25px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:8px;} .all_column .column_list li a { color:#818181;} .all_column .column_list .special_col:after { clear:both; display:block; content:""; } .all_column .column_list .column02 .col_name { float:left; width:340px; display:block; font-size:17px; line-height:26px; font-weight:bold;} .all_column .column_list .column02 .col_name a { color:#dc6d00; text-decoration:underline;} .all_column .column_list .column02 h4 { clear:both; display:block; font-size:17px; color:#000; text-decoration:underline; font-weight:bold; margin:30px 0 10px;} .all_column .column_list .column02 ul { padding-bottom:20px;} .cartoon_area { width:280px;} .cartoon_area li { width:280px; overflow:hidden; margin-bottom:30px;} .cartoon_area li .thumb { display:block; width:280px; height:170px; margin-bottom:3px; position:relative; overflow:hidden;} .cartoon_area li .thumb img { width:280px; height:170px;} .cartoon_area li .thumb .trans_border { opacity:1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);} .cartoon_area li .hd_title { display:block; font-size:14px; font-weight:bold; line-height:20px; text-align:center;} /* 인터랙티브 섹션 메인 */ .content_Wrap h3 { color:#4763cf; font-size:15px; font-weight:bold; line-height:22px; display:block; margin-bottom:10px;} .content_Wrap h3 a { color:#4763cf;} .content_Wrap .spot_inActv {margin:10px 0 20px;} .content_Wrap .default_inActv { overflow:hidden;} .content_Wrap .inActv_list {margin:25px 0 40px;} .content_Wrap .inActv_list .phTit {*zoom:1; position:relative; margin-right:-52px;} .content_Wrap .inActv_list .phTit:after {clear:both; display:block; content:"";} .content_Wrap .inActv_list .phTit li {float:left; width:202px; height:280px; margin-right:52px;} .content_Wrap .inActv_list .phTit span.thumb {display:block; overflow:hidden; position:relative; width:202px; height:202px; text-align:center; background:#fffffff;} .content_Wrap .inActv_list .phTit span.thumb a {display:table-cell; width:202px; height:202px; text-align:center; vertical-align:middle; *font-size:133px;} .content_Wrap .inActv_list .phTit span.thumb img {max-width:200px; border:1px solid #d2d2d2; vertical-align:middle;} .content_Wrap .inActv_list .phTit strong a {display:block; margin-top:6px; text-align:center; color:#333; font-size:13px; line-height:17px; font-weight:bold; *clear:both;} .content_Wrap .tit { position:relative; border-bottom:1px solid #ddd;} .content_Wrap .tit .more { position:absolute; top:7px; right:3px; z-index:5; display:block; } /* 스포츠 연예 섹션 메인 */ .entertain { padding-bottom:20px;} #container #spEnt_content { float:left; width:710px; padding-right:40px;} #container #spEnt_content:after {clear: both; content: ""; display: block;} #container #spEnt_content .trans_border { position:absolute; left:0; top:0; border:1px solid #000; cursor:pointer; display:block; opacity:0.1; _border:0; filter:alpha(opacity=10); -moz-opacity:0.1;} #container #spEnt_content .coverStory { width:670px; height:583px; background: url("http://img.khan.co.kr/spko/sub_2016/ent_topnewsbg_710.gif") no-repeat scroll 0 0 transparent; padding:15px 20px;} #container #spEnt_content .coverStory .topNews { width:670px; margin-bottom:16px;} #container #spEnt_content .coverStory .topNews:after {clear: both; content: ""; display: block;} #container #spEnt_content .coverStory .topNews .thumb { float:left; position:relative; width:330px;} #container #spEnt_content .coverStory .topNews .thumb a { position:relative; display:block;} #container #spEnt_content .coverStory .topNews .thumb .trans_border { width:328px; height:328px;} #container #spEnt_content .coverStory .topNews .thumb img { width:330px; height:330px;} #container #spEnt_content .coverStory .topNews .cnt { float:right; width:325px; height:330px; position:relative;} #container #spEnt_content .coverStory .topNews .cnt .title { display:block; margin-bottom:6px;} #container #spEnt_content .coverStory .topNews .cnt dt { margin:0 0 8px 0;} #container #spEnt_content .coverStory .topNews .cnt dt a { color:#fff; font-size:26px; letter-spacing:-1px; line-height:34px;} #container #spEnt_content .coverStory .topNews .cnt dd a { color:#9da1aa; line-height:19px; text-align: justify; letter-spacing:-1px;} #container #spEnt_content .coverStory .topNews .cnt .newlist { position:absolute; left:0; bottom:0; background-color:#3a3e48; border:1px solid #000; width:303px; padding:6px 10px;} #container #spEnt_content .coverStory .topNews .cnt .newlist ul {*zoom:1;} #container #spEnt_content .coverStory .topNews .cnt .newlist li { border-bottom:1px solid #61656d; height:23px; line-height:22px; padding-top:3px; width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #container #spEnt_content .coverStory .topNews .cnt .newlist li.end { border-bottom:0 none;} #container #spEnt_content .coverStory .topNews .cnt .newlist li a { color:#B9BFCD; font-weight:bold; font-size:13px;} #container #spEnt_content .coverStory .topNews .cnt .newlist li a strong { color:#6ab4ff;} #container #spEnt_content .coverStory .phTit { *zoom:1; width:650px; height:214px; background-color:#fff; padding:10px;} #container #spEnt_content .coverStory .phTit:after {clear: both; content: ""; display: block;} #container #spEnt_content .coverStory .phTit li { float:left; width:315px; margin-right:20px;} #container #spEnt_content .coverStory .phTit li.last { margin-right:0;} #container #spEnt_content .coverStory .phTit .thumb { display:block; width:315px; height:130px; overflow:hidden;} #container #spEnt_content .coverStory .phTit .thumb a { cursor:pointer; position:relative; text-decoration:none; display:block;} #container #spEnt_content .coverStory .phTit .thumb .trans_border { width:313px; height:128px;} #container #spEnt_content .coverStory .phTit .thumb img { width:315px; height:130px;} #container #spEnt_content .coverStory .phTit dl { display:block; margin-top:10px;} #container #spEnt_content .coverStory .phTit dt a { color:#ec0f96; display:block; font-size:16px; font-weight:bold; letter-spacing:-1px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #container #spEnt_content .coverStory .phTit dd a { color:#888; display:block; letter-spacing:-1px; line-height:17px; margin-top:3px;} #container #spEnt_content .newsContents_wrap { width:710px; background-color:#fff; padding-top:30px; overflow:hidden;} #spEnt_content .newsContents_wrap .nCnts_left { float:left; width:435px;} #spEnt_content .newsContents_wrap .nCnts_left .mainNews h3 { background: url("http://img.khan.co.kr/spko/sub_2012/khent_set.gif") no-repeat scroll 0 -110px transparent; display:block; width:49px; height:15px; margin-bottom:14px; overflow:hidden; text-indent:-9999px;} #spEnt_content .newsContents_wrap .nCnts_left .mainNews dl { margin-bottom:20px;} #spEnt_content .newsContents_wrap .nCnts_left .mainNews dt a { display:block; margin-bottom:4px; line-height:19px; color:#333; font-size:16px; font-weight:bold; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #spEnt_content .newsContents_wrap .nCnts_left .mainNews dd a { color:#888; display:block; font-size:12px; letter-spacing:-1px; line-height:18px;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews { width:435px; margin-top:40px;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews:after {clear: both; content: ""; display: block;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab { height:28px;overflow:hidden;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab:after {clear: both; content: ""; display: block;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab li { float:left;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab li span { background: url("http://img.khan.co.kr/spko/sub_2012/khent_set.gif") no-repeat scroll 0 0 transparent; display:block; cursor:pointer; height:28px; text-indent:-9999px;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab li.tab_m1 a span { background-position:0 -280px; width:217px;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab li.tab_m1 a.on span, #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab li.tab_m1 a.hover span { background-position:0 -308px; width:217px;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab li.tab_m2 a span { background-position:-217px -280px; width:218px;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab li.tab_m2 a.on span, #spEnt_content .newsContents_wrap .nCnts_left .tabNews .tab li.tab_m2 a.hover span { background-position:-217px -308px; width:218px;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .cnt1, #spEnt_content .newsContents_wrap .nCnts_left .tabNews .cnt2 { width:403px; padding:15px; border-right:1px solid #949494; border-bottom:1px solid #949494; border-left:1px solid #949494;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .cnt1 .txtList li, #spEnt_content .newsContents_wrap .nCnts_left .tabNews .cnt2 .txtList li { background: url("http://img.khan.co.kr/spko/newsstand/blit_dotted.gif") no-repeat scroll 0 50% transparent; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:1px 0 0 6px; width:397px;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .cnt1 .txtList li a { line-height:22px; } #spEnt_content .newsContents_wrap .nCnts_left .tabNews .cnt2 .txtList li a { line-height:19px; } #spEnt_content .newsContents_wrap .nCnts_left .tabNews .cnt2 .txtList { border-bottom:1px dashed #ccc; margin-bottom:12px; padding:0 0 10px 0;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .cnt2 .txtList.end { border-bottom:none 0; margin-bottom:0; padding:0;} #spEnt_content .newsContents_wrap .nCnts_left .tabNews .cnt2 .cate h4 { font-size:12px; padding-top:3px; margin-bottom:3px;} #spEnt_content .newsContents_wrap .nCnts_right { float:right; width:259px; border-left:1px solid #d2d2d2; } #spEnt_content .newsContents_wrap .nCnts_right .sportsHot { width:259px; border-bottom:1px solid #afb1b9; padding-bottom:17px;} #spEnt_content .newsContents_wrap .nCnts_right .sportsHot .title { width:230px; border-bottom:2px solid #c8c8c8; position:relative; margin:0 0 8px 15px;} #spEnt_content .newsContents_wrap .nCnts_right .sportsHot .title h3 { background: url("http://img.khan.co.kr/spko/sub_2012/khent_set.gif") no-repeat scroll 0 0 transparent; display:block; height:20px; margin-bottom:5px; overflow:hidden; text-indent:-9999px;} #spEnt_content .newsContents_wrap .nCnts_right .sportsHot .title h3.sports { background-position:0 -240px; width:106px;} #spEnt_content .newsContents_wrap .nCnts_right .sportsHot .title h3.ent { background-position:-160px -240px; width:167px;} #spEnt_content .newsContents_wrap .nCnts_right .sportsHot .title .more { position:absolute; right:9px; top:7px;} #spEnt_content .newsContents_wrap .nCnts_right .sportsHot .title .more a { background: url("http://img.khan.co.kr/spkn/main_2012/right_blset.gif") no-repeat scroll 100% 2px transparent; color:#81848d; font-size:11px; letter-spacing:-1px; padding-right:7px;} #spEnt_content .newsContents_wrap .nCnts_right .sportsHot .txtList { width:230px; margin-left:15px;} #spEnt_content .newsContents_wrap .nCnts_right .sportsHot .txtList li { background: url("http://img.khan.co.kr/spko/newsstand/blit_dotted.gif") no-repeat scroll 0 50% transparent; letter-spacing:-1px; height:19px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:3px 0 0 6px; width:224px;} #spEnt_content .newsContents_wrap .nCnts_right .familyNews { width:228px; background-color:#f5f5f5; border-top:2px solid #eaeaed; border-bottom:1px solid #d2d2d2; padding:20px 15px 0 15px; border-right:1px solid #d2d2d2; } #spEnt_content .newsContents_wrap .nCnts_right .familyNews .phTxtList { padding-bottom:24px; margin-bottom:18px; width:229px; background: url("http://img.khan.co.kr/spko/newsstand/bg_dotted.gif") repeat-x scroll 0 100% transparent} #spEnt_content .newsContents_wrap .nCnts_right .familyNews .phTxtList.weekly { background:none; margin-bottom:0;} #spEnt_content .newsContents_wrap .nCnts_right .familyNews .phTxtList:after {clear: both; content: ""; display: block;} #spEnt_content .newsContents_wrap .nCnts_right .familyNews .phTxtList h3 { background: url("http://img.khan.co.kr/spko/sub_2012/khent_set.gif") no-repeat scroll 0 -130px transparent; display:block; width:62px; height:17px; margin-bottom:8px; overflow:hidden; text-indent:-9999px;} #spEnt_content .newsContents_wrap .nCnts_right .familyNews .phTxtList.lady h3 { background: url("http://img.khan.co.kr/spko/sub_2012/khent_set.gif") no-repeat scroll 0 -160px transparent; display:block; width:62px; height:17px; margin-bottom:8px; overflow:hidden; text-indent:-9999px;} #spEnt_content .newsContents_wrap .nCnts_right .familyNews .phTxtList.weekly h3 { background: url("http://img.khan.co.kr/spko/sub_2012/khent_set.gif") no-repeat scroll 0 -190px transparent; display:block; width:49px; height:17px; margin-bottom:8px; overflow:hidden; text-indent:-9999px;} #spEnt_content .newsContents_wrap .nCnts_right .familyNews .phTxtList ul { width:228px;} #spEnt_content .newsContents_wrap .nCnts_right .familyNews .phTxtList ul li { background: url("http://img.khan.co.kr/spko/newsstand/blit_dotted.gif") no-repeat scroll 0 50% transparent; letter-spacing:-1px; height:18px; line-height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:3px 0 0 6px; width:222px;} #container .aSide.entertain { float:right; width:300px; border-left:0 none; padding-left:0;} #container .aSide.entertain .interview { width:282px; padding:0 9px 9px 9px; background-color:#474b52; display:block;} #container .aSide.entertain .interview h3 { display:block; color:#ff39b2; font-size:14px; line-height:18px; margin-bottom:7px; padding-top:7px;} #container .aSide.entertain .interview .phTit { display:block; width:282px;} #container .aSide.entertain .interview .phTit a:hover { color:#fff;} #container .aSide.entertain .interview .phTit img { border:1px solid #545454; display:block; margin-bottom:7px; width:280px; height:90px;} #container .aSide.entertain .interview .phTit strong { color:#fff; font-size:15px; display:block; font-weight:bold; line-height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #container .aSide.entertain .column { width:300px; background-color:#474b52; margin:15px 0 30px;} #container .aSide.entertain .column .title { height:23px; background-color:#31343d; padding:3px 0 0 9px; position:relative;} #container .aSide.entertain .column .title h3 { display:block;margin-bottom:9px; color:#ff39b2; font-size:14px; line-height:18px;} #container .aSide.entertain .column .title .more { position:absolute; right:9px; top:4px;} #container .aSide.entertain .column .title .more a { background: url("http://img.khan.co.kr/spko/sub_2012/right_blset.gif") no-repeat scroll 100% 7px transparent; color:#81848d; font-size:12px; letter-spacing:-1px; padding-right:7px;} #container .aSide.entertain .column .phTxtArtc { padding:9px; width:282px;} #container .aSide.entertain .column .phTxtArtc:after {clear: both; content: ""; display: block;} #container .aSide.entertain .column .phTxtArtc .thumb { float:left; width:92px;} #container .aSide.entertain .column .phTxtArtc .thumb img { border:1px solid #545454; width:90px; height:90px;} #container .aSide.entertain .column .phTxtArtc .thumb a { display:block;} #container .aSide.entertain .column .phTxtArtc dl { float:right; width:180px;} #container .aSide.entertain .column .phTxtArtc dt { margin:3px 0 6px 0; display:block;} #container .aSide.entertain .column .phTxtArtc dt a { color:#fff; font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:18px;} #container .aSide.entertain .column .phTxtArtc dd a { color:#9c9c9c; font-size:11px; letter-spacing:-1px; line-height:15px;} #container .aSide.entertain .gallery { width:250px; position:relative; margin:35px 0 30px 0;} #container .aSide.entertain .gallery h3 { background: url("http://img.khan.co.kr/spko/sub_2012/khent_set.gif") no-repeat scroll 0 -90px transparent; display:block; width:108px; height:14px; margin-bottom:5px; overflow:hidden; text-indent:-999px;} #container .aSide.entertain .gallery .more { position:absolute; top:-2px; right:0; } #container .aSide.entertain .gallery .more a { background: url("http://img.khan.co.kr/spko/sub_2012/right_blset.gif") no-repeat scroll 100% 6px transparent; color:#888; font-size:12px; letter-spacing:-1px; padding-right:7px; } #container .aSide.entertain .gallery dl { position:relative; margin:0; width:250px;} #container .aSide.entertain .gallery dt { padding:6px 0 0; text-align:center; z-index:2;} #container .aSide.entertain .gallery dt a { color:#fff; text-decoration:none; display:block; font-weight:bold; font-size:13px;} #container .aSide.entertain .gallery dt a:hover { color:#fff; text-decoration:none; } #container .aSide.entertain .gallery dd {height:184px; width:250px;} #container .aSide.entertain .gallery dd a { display:block;} #container .aSide.entertain .gallery dd a img { width:250px; height:184px;} #container .aSide.entertain .gallery dd.bg { background:none repeat scroll 0 0 #000; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity:0.5; } #container .aSide.entertain .gallery dt, #container .aSide.entertain .gallery dd.bg { position:absolute; top:154px; left:0; width:250px; height:30px; } #container .aSide.entertain .gallery .th_photo { position:relative; background-color:#15161a; padding:8px 21px; text-align:center; height:51px;} #container .aSide.entertain .gallery .th_photo:after { clear: both; content: ""; display: block;} #container .aSide.entertain .gallery .th_photo ul { overflow:hidden; width:100%; *zoom:1;} #container .aSide.entertain .gallery .th_photo li { float:left;} #container .aSide.entertain .gallery .th_photo li a img { border:2px solid #000; margin:1px;} #container .aSide.entertain .gallery .th_photo li a:hover img { border:3px solid #f00393; margin:0;} #container .aSide.entertain .gallery .th_photo span { background: url("http://img.khan.co.kr/spkn/main_2012/arrow_set.png") no-repeat scroll 0 0 transparent; position:absolute; top:26px; width:7px; height:13px; display:block; overflow:hidden; text-indent:-9999px; font-size:0; cursor:pointer;} #container .aSide.entertain .gallery .th_photo .prev { background-position:0 0; left:5px;} #container .aSide.entertain .gallery .th_photo .prev:hover { background-position:0 -13px;} #container .aSide.entertain .gallery .th_photo .next { background-position:-7px 0; right:5px;} #container .aSide.entertain .gallery .th_photo .next:hover { background-position:-7px -13px;} #container .aSide.entertain .gallery:after { clear: both; content: ""; display: block;} #container .aSide.entertain .cartoon { margin-top:30px; margin-bottom:0px;} .aSide .cartoon { margin-top:40px; margin-bottom:25px; } .aSide .cartoon ul { *zoom:1; } .aSide .cartoon ul:after { clear:both; display:block; content:""; } .aSide .cartoon li { float:left; width:135px; } .aSide .cartoon li.first { margin-right:10px; } .aSide .cartoon img { /* width:135px; */ width:280px; vertical-align:top; } #container .aSide.entertain .bestNew {margin-bottom:25px;} /* imad 광고 상단 여백 */ /* 이슈 연재 */ /* 기사리스트(혼합) */ #listWrap .phArtc_list .phArtc { *zoom:1; padding:15px 0 15px 0; border-bottom:1px solid #EEE; } #listWrap .phArtc_list .phArtc:after { clear:both; display:block; content:""; } #listWrap .phArtc_list .phArtc dt a { display:block; padding:8px 0; color:#000; font-size:14px; letter-spacing:-1px; font-weight:bold; } #listWrap .phArtc_list .phArtc dt a:hover { color:#3399FF; } #listWrap .phArtc_list .phArtc dd.thumb { float:right; margin-left:15px; } #listWrap .phArtc_list .phArtc dd.thumb img { width:100px; vertical-align:top; } #listWrap .phArtc_list .phArtc dd.txt, #listWrap .phArtc_list .phArtc dd.txt a { color:#888; line-height:15px; } /*#listWrap .phArtc_list .phArtc dd.date { padding-top:5px; height:17px; color:#BBB; font-size:10px; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica; }*/ #listWrap .phArtc_list .phArtc dd.date { padding-top:5px; height:17px; color:#CCC; font-size:11px; font-family:Verdana,Arial,Helvetica; letter-spacing:-0.5px; } #listWrap .phArtc_list .phArtc dd.date em { font-family:돋움; margin-right:3px; font-style:normal; color:#85a8d3; } #listWrap .phArtc_list .phArtc dd.date strong { margin:0 3px; color:#AAA; font-weight:normal; font-family:돋움; } #listWrap .phArtc_list .phArtc dd.date span { margin:0 3px; color:#AAA; font-family:Verdana, Arial, Helvetica; } /* 전국 */ .spot_localgovmt {position:relative; width:1048px; height:333px; margin-bottom:35px; border:1px solid #bbb; background:url("http://img.khan.co.kr/spko/sub_2016/bg_spot_local_election.gif") no-repeat scroll 0 0 transparent;} .spot_localgovmt .CL {float:left; position:relative; width:640px; height:274px; padding:27px 0 32px 29px;} .spot_localgovmt .CL .top {overflow:hidden;} .spot_localgovmt .CL .top dl {overflow:hidden;} .spot_localgovmt .CL .top dt a {display:block; overflow:hidden; width:600px; margin-bottom:10px; color:#b4292f; font-size:30px; line-height:37px; font-weight:bold; letter-spacing:-3px; text-overflow:ellipsis; white-space:nowrap;} .spot_localgovmt .CL .top dt a:hover {text-decoration:none;} .spot_localgovmt .CL .top dd {float:left; width:234px; color:#666; line-height:1.7em; font-size:13px;} .spot_localgovmt .CL .top dd.thumb, .spot_localgovmt .CL dd.thumb a img {width:380px; height:222px; margin-right:13px;} .spot_localgovmt .CL .top dd.thumb a {display:block; width:380px; height:222px;} .spot_localgovmt .CL .top dd.subTit, .spot_localgovmt .CL dd.subTit a {margin:5px 0 8px; color:#1751bd; font-size:16px; font-weight:bold; letter-spacing:-1px; line-height:1.3em;} .spot_localgovmt .CL .top dd.related {margin-top:10px;} .spot_localgovmt .CL .top dd.related span {display:block; margin-bottom:3px;} .spot_localgovmt .CL .top dd.related span a {display:block; overflow:hidden; width:196px; padding-left:8px; color:#454545; font-size:13px; font-weight:bold; font-family:gulim,'굴림'; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; background:url("http://img.khan.co.kr/spko/main_2013/blit_blue.gif") no-repeat scroll 1px 7px;} .spot_localgovmt .CL .top dd.relat {margin-top:7px; padding-left:7px; width:197px;} .spot_localgovmt .CL .top dd.relat span {display:block; width:186px; padding-left:11px; background:url("http://img.khan.co.kr/spko/main_2013/blit_relat.png") no-repeat scroll 1px 7px;} .spot_localgovmt .CL .top dd.relat span a {display:block; overflow:hidden; width:186px; color:#595757; font-size:12px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;} .spot_localgovmt .CR {float:right; position:relative; width:310px; height:287px; padding:23px 19px 23px 0;} .spot_localgovmt .CR dl {float:right; width:310px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #d6d6d6;} .spot_localgovmt .CR dl.last {margin-bottom:0; padding-bottom:0; border-bottom:0;} .spot_localgovmt .CR dt {margin-top:3px;} .spot_localgovmt .CR dt a {float:left; width:160px; margin-bottom:10px; color:#333; font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:1.3em;} .spot_localgovmt .CR dd {float:left; width:160px; color:#666; line-height:1.3em;} .spot_localgovmt .CR dd.thumb {float:right; width:140px; height:123px; background-color:#fff;} .spot_localgovmt .CR dd.thumb a {display:block; width:140px; height:123px;} .spot_localgovmt .CR dd.thumb img {width:132px; height:115px; padding:3px; border:1px solid #bcb9ba;} .localgovmt_wrap {overflow:hidden; margin-bottom:40px;} .localgovmt_wrap .localgovmt_cont {float:left; width:690px;} .localgovmt_wrap .localgovmt_cont:after {display:block; clear:both; content:"";} .localgovmt_wrap .localgovmt_cont .newszone {float:left; position:relative; width:430px; margin-right:20px;} .localgovmt_wrap .localgovmt_cont .mdl {float:right; width:230px;} .localgovmt_wrap .localgovmt_cont .subject_wrap {float:left; width:200px; padding:19px; border:1px solid #ddd; background-color:#f8f8f8;} .localgovmt_wrap .last {margin:0; padding:0; border:0;} .localgovmt_wrap .localgovmt_aside {float:right; width:330px;} .localgovmt_wrap .localgovmt_aside .map_tit {margin-bottom:9px; color:#333; font-size:16px; font-weight:bold; letter-spacing:-1px;} .localgovmt_wrap .localgovmt_aside .map_tit strong {color:#0e51e2;} .localgovmt_wrap .localgovmt_aside .box {width:328px; border:1px solid #ddd; border-bottom:none; background-color:#fff;} .localgovmt_wrap .trans_border {display:block; position:absolute; left:0; top:0; border:1px solid #000; cursor:pointer; opacity:0.1;} .golocalgovmt {position:absolute; left:-100px; top:0; width:81px; padding:4px; background-color:#f2f2f2; border:1px solid #d5d5d5;} .golocalgovmt h3 {margin:3px 0; color:#1a5297; font-size:11px; font-weight:bold; text-align:center; letter-spacing:-1px;} .golocalgovmt ul.majorlist {width:63px; padding:8px; border:1px solid #d5d5d5; line-height:1.5em; background-color:#fff;} .golocalgovmt h4 {padding-left:13px; background:url(http://img.khan.co.kr/spko/sub_2013/imgset_localgovmt.png) no-repeat -417px -158px;} .golocalgovmt .btn_minus {padding-left:13px; background:url(http://img.khan.co.kr/spko/sub_2013/imgset_localgovmt.png) no-repeat -417px -138px;} .golocalgovmt h4 a {color:#666; font-size:12px; font-weight:bold;} .golocalgovmt h4 a:hover {color:#333; text-decoration:none;} .golocalgovmt ul.locallist {margin:3px 0 3px 3px;} .golocalgovmt ul.locallist li {line-height:1.3em;} .golocalgovmt ul.locallist li a {color:#677b9b; font-size:11px; letter-spacing:-1px;} .golocalgovmt ul.locallist li.on a {color:#243860; font-size:11px; font-weight:bold; letter-spacing:-1px;} .golocalgovmt ul.locallist li a:hover {color:#677b9b; text-decoration:none; font-weight:bold; letter-spacing:-1px;} .newszone h3 {text-indent:-9999px; font-size:0;} .newszone h4 {margin-bottom:6px; color:#0e51e2; font-size:14px; font-weight:bold;} .newszone .phArtc {margin-bottom:15px; padding-bottom:20px; border-bottom:1px solid #e9eaec;} .newszone .phArtc:after {clear:both; display:block; content:"";} .newszone .phArtc dt a {display:block; padding:0 0 3px; color:#3a3a6d; font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:1.3em;} .newszone .phArtc dt a:hover {color:#3399FF;} .newszone .phArtc dd.thumb {float:left; position:relative; margin-right:10px;} .newszone .phArtc dd.thumb img {width:110px; height:110px; vertical-align:top;} .newszone .phArtc dd.thumb .trans_border {width:108px; height:108px;} .newszone .phArtc dd.txt, .newszone .phArtc dd.txt a {color:#888; font-size:11px;} .newszone .phArtc dd.related {margin:5px 0 0 120px;} .newszone .phArtc dd.related span {display:block; margin-bottom:2px;} .newszone .phArtc dd.related span a {display:block; overflow:hidden; width:240px; padding-left:6px; color:#666; font-size:12px; font-weight:bold; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; background:url(http://img.khan.co.kr/spko/sub_2013/imgset_localgovmt.png) no-repeat -417px -114px;} .newszone .last {margin-bottom:0; padding-bottom:0; border-bottom:0;} .subject_article {overflow:hidden; position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ddd;} .subject_article h3 {position:relative; margin-bottom:9px; color:#b4292f; font-size:14px; font-weight:bold;} .subject_article .more {position:absolute; right:0; top:7px; height:10px;} .subject_article .more a {padding-right:8px; color:#8d8d8d; font-size:11px; font-weight:normal; letter-spacing:-1px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_arw.gif) no-repeat right 5px;} .subject_article .thumb {display:block; position:relative; margin-bottom:5px; cursor:pointer;} .subject_article .thumb:hover { text-decoration:none;} .subject_article .thumb img {width:200px; height:180px; vertical-align:top;} .subject_article .thumb strong {display:block; overflow:hidden; position:absolute; left:0; bottom:0; width:180px; height:20px; padding:5px 10px; text-align:center; color:#ffffff; font-size:13px; font-weight:bold; line-height:1.4em; letter-spacing:-1px; z-index:2; text-overflow:ellipsis; white-space:nowrap;} .subject_article .thumb .trans_border {width:198px; height:178px;} .subject_article .bg {position:absolute; left:0; bottom:0; width:200px; height:51px; background:url("http://img.khan.co.kr/spko/sub_2014/bg_subject_article.png") center bottom; z-index:1;} .subject_article li {display:block; overflow:hidden; width:191px; padding-left:9px; line-height:1.8em; background:url(http://img.khan.co.kr/spko/sub_2013/imgset_localgovmt.png) no-repeat -417px -111px; text-overflow:ellipsis; white-space:nowrap;} .attraction {overflow:hidden; position:relative; padding:19px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .attraction h3 {position:relative; margin-bottom:9px; color:#0e51e2; font-size:14px; font-weight:bold;} .attraction .more {position:absolute; right:0; top:7px; height:10px;} .attraction .more a {padding-right:8px; color:#8d8d8d; font-size:11px; font-weight:normal; letter-spacing:-1px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_arw.gif) no-repeat right 5px;} .attraction .thumb {display:block; position:relative; cursor:pointer;} .attraction .thumb:hover { text-decoration:none;} .attraction .thumb img {width:290px; height:160px; vertical-align:top;} .attraction .thumb .trans_border {width:288px; height:158px;} .attraction span.icon_photo { position:absolute; right:31px; top:56px; z-index:50; text-indent:-9999px; overflow:hidden; display:block; cursor:pointer;} .attraction span.icon_photo.ico_bundle {background:url("http://img.khan.co.kr/spko/sub_2014/icon_pt_bundle.png") no-repeat scroll 0 0 transparent; width:20px; height:19px;} .attraction strong {display:block; overflow:hidden; width:270px; height:20px; padding:3px 10px 0; text-align:center;} .attraction strong a {color:#333; font-size:13px; font-weight:bold; line-height:1.4em; letter-spacing:-1px;} .attraction li {display:block; overflow:hidden; width:281px; padding-left:9px; line-height:1.8em; background:url(http://img.khan.co.kr/spko/sub_2013/imgset_localgovmt.png) no-repeat -417px -111px; text-overflow:ellipsis; white-space:nowrap;} .ad_focus_election {padding:20px 0; text-align:center;} #publicity {float:left; position:relative; width:1048px; height:117px; margin-top:30px; border:1px solid #e5e5e5; background-color:#fefefe;} .ui-carousel {overflow:auto; position:relative; width:886px; height:63px; margin:0; padding:27px 0;} .ui-carousel > .wrapper {width:9999px; margin:0; padding:0;} .ui-carousel > .wrapper > * {display:block; overflow:hidden; float:left; width:100px; height:100px; border:0;} #carousel {margin:0 auto;} #carousel img {width:161px; height:59px; border:1px solid #d8d6d7;} #ui-carousel-next, #ui-carousel-prev {display:block; position:absolute; top:0; width:51px; height:117px; z-index:100;} #ui-carousel-next {right:0; background:url(http://img.khan.co.kr/spko/sub_2013/imgset_localgovmt_arrow.png) no-repeat -51px 0;} #ui-carousel-next:hover {background-position:-51px -117px;} #ui-carousel-prev {left:0; background:url(http://img.khan.co.kr/spko/sub_2013/imgset_localgovmt_arrow.png) no-repeat 0 0;} #ui-carousel-prev:hover {background-position:0 -117px;} #ui-carousel-next > span, #ui-carousel-prev > span {display:none;} /* 기획&연재 : 결과 리스트 */ #sub_specialAll_wrap { } #listWrap .result { margin-bottom:20px; } #listWrap .result .boxLine { border:1px solid #DDD; overflow:hidden; } #listWrap .result .title { position:relative; border-bottom:1px solid #DCDCDC; margin: 1px 0 0 1px; height: 28px; background: url(http://img.khan.co.kr/spko/sub_2009/special_title_bg.gif) repeat-x; } #listWrap .result .title h3 { position:absolute; left: 17px; bottom: 6px; color: #0047d4; margin-bottom:0;} #listWrap .result .title h3 span.icon { margin-right: 7px; } #listWrap .result .content { padding: 12px 15px 0 15px; } #listWrap .result .content .list_wrap { border-top: dashed 1px #CCC; padding: 12px 0 8px 0; overflow: hidden; _height: 1%; } #listWrap .result .content .first { border-top: none; padding-top: 0; } #listWrap .result .content .medium { color: #7090b8; } #listWrap .result .content .no { text-align: center; margin-bottom: 10px; } #listWrap .result .sub_CL { float:left; width: 310px; } #listWrap .result .sub_CR { float:right;width: 310px; } #listWrap .result .list li { line-height:23px; _height:20px; padding-left:10px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_dot.gif) no-repeat 0 -9px; font-size:14px;} #listWrap .result .theme .title h3 { bottom: 4px; font-size:14px; } #listWrap .result .theme .list li { line-height: 22px; background-position: 3px 8px; } #listWrap .result .theme .content { padding: 12px 15px 8px 15px; } #listWrap .result .theme .content h3 { font-size: 12px; letter-spacing: normal; } #listWrap .result .theme .content h3 span.medium { color: #7090b8; } #listWrap .result .theme .content h3 a:hover { text-decoration: none; } #listWrap .result .theme .content .list_wrap { border-top: dashed 1px #CCC; padding: 10px 0 8px 0; overflow: hidden; _height: 1%; } #listWrap .result .theme .content .list_wrap .first { margin-top: 0; } #listWrap .result .theme .content .theme_group { padding-top: 10px; overflow: hidden; } #listWrap .result .theme .content .theme_group .list li { line-height: 18px; background-position: 3px 6px; } #listWrap .result .theme .content .first { border-top: none; padding-top: 0; } #listWrap .result .theme .content .list { margin-top: 3px; } /* 트래블 ********************/ /* 상단박스 */ #travel_index_wrap .top { *zoom: 1; } #travel_index_wrap .top:after { display: block; clear: both; content: ""; } #travel_index_wrap .top .CL { float: left; /*width: 240px; height: 330px;*/ width: 192px; height: 295px; padding: 35px 22px 0 26px; background: #222; margin-bottom: 0; } #travel_index_wrap .top .CC { float: left; width: 585px; height: 330px; } #travel_index_wrap .top .CR { float: right; width: 221px; height: 330px; } #travel_index_wrap .top .CL h3 a { color: #cf7b50; font-size: 12px; } #travel_index_wrap .top .CL dt { margin-top: 5px; } #travel_index_wrap .top .CL dt a { color: #FFF; font-size: 26px; letter-spacing: -2px; line-height: 30px; font-weight: bold; font-family: "나눔고딕","돋움","굴림",Helvetica; } #travel_index_wrap .top .CL dd { margin-top: 15px; color: #999; font-size: 11px; letter-spacing: -1px; line-height: 15px; } #travel_index_wrap .top .CL ul { margin-top: 20px; border-top: solid 1px #444; } #travel_index_wrap .top .CL li { height:17px; line-height:16px; padding-top:3px; border-bottom: solid 1px #444; } #travel_index_wrap .top .CL li a { display: block; _width: 100%; color: #999; font-size: 11px; letter-spacing: -1px; } #travel_index_wrap .top .CL li b { color: #55aec8; margin-right:5px; } #travel_index_wrap .top .CL li a:hover { color: #FFF; text-decoration: none; } #travel_index_wrap .top .CC img { width: 585px; height: 330px; } #travel_index_wrap .top .CR li { position: relative; width: 221px; height: 163px; } #travel_index_wrap .top .CR li.last { margin-top: 4px; } #travel_index_wrap .top .CR a { display: block; cursor: pointer; } #travel_index_wrap .top .CR a:hover { text-decoration: none; } #travel_index_wrap .top .CR img { width: 221px; height: 163px; vertical-align: top; } #travel_index_wrap .top .CR .txt { z-index: 2; position: absolute; left: 10px; top: 128px; color: #FFF; font-size: 12px; font-weight: bold; letter-spacing: -1px; line-height: 130%; } #travel_index_wrap .top .CR .txt em { font-style: normal; color: #FFCC00; } #travel_index_wrap .top .CR .bg { z-index: 1; position: absolute; left: 0; bottom: 0; display: block; width: 221px; height: 41px; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } .aSide .trv_sra { padding:0 0 20px 20px;; margin-bottom:30px; border-bottom:1px solid #e5e5e5;} /* 본문 레이아웃 */ #travel_index_wrap .cnt_wrap { *zoom: 1; margin-top: 40px; } #travel_index_wrap .cnt_wrap:after { display: block; clear: both; content: ""; } #travel_index_wrap .cntA { float: left; width: 215px; margin-right: 25px; } #travel_index_wrap .cntB { float: left; /*width: 490px;*/ width: 435px; padding-left: 24px; border-left: solid 1px #DDD; } #travel_index_wrap .aside { float: right; width:300px; } /* 본문A */ #travel_index_wrap .cntA h3 { height: 15px; text-indent: -9999px; overflow: hidden; margin-bottom: 7px; } #travel_index_wrap .cntA h3 a { display: block; } #travel_index_wrap .cntA dd img { width: 215px; height: 100px; vertical-align: top; } #travel_index_wrap .cntA dt { margin-top: 5px; } #travel_index_wrap .cntA ul { margin-top: 10px; margin-bottom: 45px; } #travel_index_wrap .cntA li { line-height: 20px; background: url("http://img.khan.co.kr/spko/section/bul_sqeare_gray.gif") no-repeat 0 7px; padding-left: 8px;} #travel_index_wrap .outdoor h3 { width: 61px; background: url("http://img.khan.co.kr/spko/section/travel_title_05.gif?v=190715") no-repeat 0 0; } #travel_index_wrap .taste h3 { width: 20px; background: url("http://img.khan.co.kr/spko/section/travel_title_02.gif") no-repeat 0 0; } #travel_index_wrap .special h3 { width: 110px; background: url("http://img.khan.co.kr/spko/section/travel_title_03.gif") no-repeat 0 0; } #travel_index_wrap .outdoor, #travel_index_wrap .taste, #travel_index_wrap .special { position: relative; } #travel_index_wrap .cntA .more { z-index: 1; position: absolute; right: 0; top: 2px; width: 36px; height: 15px; } /* 본문B */ #travel_index_wrap .intEnt h3 { width: 90px; height: 15px; text-indent: -9999px; overflow: hidden; margin-bottom: 7px; background: url(http://img.khan.co.kr/spko/section/travel_title_04.gif) no-repeat 0 0; } #travel_index_wrap .intEnt h3 a { display: block; } #travel_index_wrap .intEnt li { *zoom: 1; margin-bottom: 12px; } #travel_index_wrap .intEnt li:after { display: block; clear: both; content: ""; } #travel_index_wrap .intEnt img { width: 110px; height: 75px; } #travel_index_wrap .intEnt span { float: left; margin-right: 15px; } #travel_index_wrap .intEnt strong { display: block; padding-top:4px; margin-bottom:8px; } #travel_index_wrap .intEnt strong a { color: #000; font-weight: bold; font-size: 14px; letter-spacing: -1px; } #travel_index_wrap .intEnt strong a:hover { color: #3399FF; } #travel_index_wrap .intEnt p { color: #888; line-height: 15px; } #travel_index_wrap .articleList { margin-top: 35px; } #travel_index_wrap .articleList h3 { display: none; } #travel_index_wrap .articleList p { border-top: solid 1px #DDD; text-align: right; } #travel_index_wrap .articleList p a { display: inline-block; width: 66px; height: 15px; position: relative; right: 0; top: -8px; } #travel_index_wrap .articleList ul { margin-top: 5px; } #travel_index_wrap .articleList li a { color: #333; font-weight: bold; font-size: 14px; letter-spacing: -1px; line-height: 250%; } #travel_index_wrap .articleList li a:hover { color: #3399FF; } /* 연재 */ #travel_index_wrap .trv_sra h3 { width: 30px; height: 13px; text-indent: -9999px; overflow: hidden; margin-bottom: 7px; background: url(http://img.khan.co.kr/spko/section/sub_title_serial.gif) no-repeat 0 0; } #travel_index_wrap .trv_sra li { *zoom: 1; margin-bottom: 10px; } #travel_index_wrap .trv_sra li:after { display: block; clear: both; content: ""; } #travel_index_wrap .trv_sra img { width: 55px; height: 50px; } #travel_index_wrap .trv_sra span { float: left; margin-right: 10px; } #travel_index_wrap .trv_sra strong { display: block; margin-bottom: 2px; } #travel_index_wrap .trv_sra strong a { color: #333; font-weight: bold; font-size: 12px; line-height:15px;} #travel_index_wrap .trv_sra strong a:hover { color: #3399FF; } #travel_index_wrap .trv_sra p { color: #666; line-height: 14px; font-size: 11px; letter-spacing: -1px; } /* 협찬 */ #travel_index_wrap .sponsor { *zoom: 1; clear: both; border: solid 1px #DDD; height: 25px; padding: 8px 0 0 40px; margin:10px 0 20px 0; background-color:#fff; } #travel_index_wrap .sponsor:after { display: block; clear: both; content: ""; } #travel_index_wrap .sponsor h3 { display: none; } #travel_index_wrap .sponsor a { display: block; float: left; margin-right: 35px; } /* 포토·영상 섹션 ***********************/ .slide_main_wrap { position:relative; width:1050px; margin-bottom:40px;} .slide_main_wrap.docu { margin-bottom:55px;} .slide_main_wrap:after { clear: both; content: ""; display: block;} .slide_main_wrap .main_cont { background-color:#272727; height:690px; position:relative;} .slide_main_wrap .main_cont .slide_imgarea { position:relative; padding-top:40px;} .slide_main_wrap .main_cont .slide_imgarea dl { margin:0 auto; width:840px; height:500px; position:relative;} .slide_main_wrap .main_cont .slide_imgarea dl dt, .slide_main_wrap .main_cont .slide_imgarea dl dd.bg { position:absolute; bottom:15px; right:15px; padding:8px 15px 10px; width:240px; height:28px; z-index:20;} .slide_main_wrap .main_cont .slide_imgarea dl dd.bg { background-color:#000; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); z-index:10;} .slide_main_wrap .main_cont .slide_imgarea dl dt a { color:#fff; display:block; font-size:16px; font-weight:bold; line-height:23px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .slide_main_wrap .main_cont .slide_imgarea dl dd { height:500px;} .slide_main_wrap .main_cont .arr_btn { display:block; position:absolute; width:75px; height:500px; top:40px;} .slide_main_wrap .main_cont .arr_btn.prev { left:0;} .slide_main_wrap .main_cont .arr_btn.next { right:0;} .slide_main_wrap .main_cont .arr_btn span { position:absolute; top:200px; background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 0 transparent; display:block; width:32px; height:48px; cursor:pointer; overflow:hidden; text-indent:-9999px;} .slide_main_wrap .main_cont .arr_btn.prev span { background-position:-100px -100px; left:20px;} .slide_main_wrap .main_cont .arr_btn.prev:hover span { background-position:-180px -100px;} .slide_main_wrap .main_cont .arr_btn.next span { background-position:-132px -100px; right:20px;} .slide_main_wrap .main_cont .arr_btn.next:hover span { background-position:-212px -100px; right:20px;} .slide_main_wrap .thumb_cont { background-color:#1c1c1c; height:120px; position:relative; width:990px; overflow:hidden; padding:20px 0 0 60px ;} .slide_main_wrap .thumb_cont ul { position:relative;} .slide_main_wrap .thumb_cont ul li { float:left; font-size:0; width:170px; height:101px; margin-right:20px; overflow:hidden; position:relative;} .slide_main_wrap .thumb_cont ul li .mask { border:1px solid #1c1c1c; height:99px; left:0; opacity:0.1; overflow:hidden; position:absolute; top:0; width:168px;} .slide_main_wrap .thumb_cont ul li.on .mask { border:5px solid #2665f4; height:91px; width:160px; opacity:1;} .photocont_wrap { clear:both; width:1050px;} .photocont_wrap:after { clear: both; content: ""; display: block;} .photocont_wrap .phMain { float:left; width:710px;} .photocont_wrap .phMain .khan_photo { width:710px;} .photocont_wrap .phMain .khan_photo.news { margin-top:20px;} .photocont_wrap .phMain .khan_photo .title { position:relative; height:30px;} .photocont_wrap .phMain .khan_photo .title h4 { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll -300px 0 transparent; display:block; width:66px; height:22px; overflow:hidden; text-indent:-9999px;} .photocont_wrap .phMain .khan_photo.news .title h4 { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll -300px -64px transparent; display:block; width:66px; height:22px; overflow:hidden; text-indent:-9999px;} .photocont_wrap .phMain .khan_photo .title .more { position:absolute; top:2px; right:0; z-index:20;} .photocont_wrap .phMain .khan_photo .title .more a { background:url("http://img.khan.co.kr/spko/main_2013/set_common.png") no-repeat scroll -185px -234px transparent; display:block; width:44px; height:17px; overflow:hidden; text-indent:-9999px;} .photocont_wrap .phMain .khan_photo .cont { clear:both; overflow:hidden; width:100%;} .photocont_wrap .phMain .khan_photo .cont ul { width:110%; overflow:hidden;} .photocont_wrap .phMain .khan_photo .cont ul li { float:left; padding:0 55px 30px 0; width:200px;} .photocont_wrap .phMain .khan_photo .cont .photo { position:relative; width:200px; margin:0;} .photocont_wrap .phMain .khan_photo .cont .photo dt { position:absolute; top:136px; width:190px; height:22px; padding:2px 5px 0; z-index:20; text-align:center;} .photocont_wrap .phMain .khan_photo .cont .photo dt a { color:#fff; display:block; font-size:13px; font-weight:bold; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;} .photocont_wrap .phMain .khan_photo .cont .photo dd { height:160px;} .photocont_wrap .phMain .khan_photo .cont .photo dd.bg { background-color:#000; position:absolute; top:136px; left:0; width:200px; height:24px; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); z-index:10;} /* 사진 공모전 */ .photoContest_wrap { clear:both; margin-top:15px; width:710px; height:173px; background:url("http://img.khan.co.kr/spko/sub_2016/bg_ptcontest.jpg") no-repeat scroll 0 0 transparent; margin-bottom:20px;} .photoContest_wrap.list { margin-top:50px;} .photoContest_wrap:after { clear: both; content: ""; display: block;} .photoContest_wrap .title { float:left; width:254px; height:173px; position:relative;} .photoContest_wrap .title h4 { text-indent:-9999px; overflow:hidden;} .photoContest_wrap .title .date { position:absolute; bottom:17px; left:18px; color:#fff; font-weight:bold;} .photoContest_wrap .title .date em { color:#a0a0a0;} .photoContest_wrap .photo_list { float:right; width:396px; padding:15px 0 0;} .photoContest_wrap .photo_list li { float:left; width:84px; height:64px; padding:0 15px 15px 0;} .photoContest_wrap .photo_list li img { border:2px solid #585858; width:80px; height:60px;} /* 페이징 */ .ctPaginate { text-align:center; margin:10px 0 15px;} .ctPaginate a, .ctPaginate strong { border:1px solid #fff; color:#000; font:bold 15px Verdana; margin-right:1px; padding:1px 6px 2px; position:relative; text-decoration:none;} .ctPaginate strong { border:1px solid #ddd; color:#F23219 !important;} /* 리스트 */ #container .pMian { float:left; width:710px; position:relative;} #container .pMian:after { clear: both; content: ""; display: block;} .pMian .wrap_thumblist { clear:both; overflow:hidden; width:100%;} .pMian .wrap_thumblist .tab_mn { width:710px; background-color:#8b8e98; border-left:1px solid #6c7079; border-right:1px solid #6c7079; border-top:1px solid #6c7079; height:35px;} .pMian .wrap_thumblist .tab_mn:after { clear: both; content: ""; display: block;} .pMian .wrap_thumblist .tab_mn li { float:left; width:177px;} .pMian .wrap_thumblist .tab_mn li:first-child a { border-left:none; width:176px;} .pMian .wrap_thumblist .tab_mn li a { border-left:1px solid #6c7079; color:#fff; display:block; font-size:15px; font-weight:bold; line-height:21px; padding:6px 0 8px; text-align:center; } .pMian .wrap_thumblist .tab_mn li a.on { background-color:#fff; color:#000;} .pMian .wrap_thumblist .list_photo { clear:both; overflow:hidden; width:100%; margin-top:25px;} .pMian .wrap_thumblist .list_photo .photo_thumb { overflow:hidden; margin-right:-42px;} .pMian .wrap_thumblist .list_photo .photo_thumb li { float:left; width:146px; height:230px; padding:0 42px 0 0;} .pMian .wrap_thumblist .list_photo .photo_thumb li .thumb { position:relative; border:1px solid #e5e5e5; display:block; overflow:hiddenl text-align:center; width:144px; height:144px;} .pMian .wrap_thumblist .list_photo .photo_thumb li .thumb a { display:table-cell; text-align:center; vertical-align:middle; width:144px; height:144px; } .pMian .wrap_thumblist .list_photo .photo_thumb li .thumb img { max-height:144px; max-width:144px; vertical-align:middle;} .pMian .wrap_thumblist .list_photo .photo_thumb li .text { display:block; font-size:13px; line-height:17px; margin-top:3px;} .pMian .wrap_thumblist .list_photo .photo_thumb li .thumb .icon_photo { position:absolute; right:6px; bottom:6px; z-index:50; text-indent:-9999px; overflow:hidden; display:block; cursor:pointer;} .pMian .wrap_thumblist .list_photo .photo_thumb li .thumb .icon_photo.ico_slide { background:url("http://img.khan.co.kr/spko/sub_2013/icon_pt_slide.png") no-repeat scroll 0 0 transparent; width:39px; height:12px;} .pMian .wrap_thumblist .list_photo .photo_thumb li .thumb .icon_photo.ico_bundle { background:url("http://img.khan.co.kr/spko/sub_2013/icon_pt_bundle.png") no-repeat scroll 0 0 transparent; width:14px; height:13px;} /* 동영상 리스트 */ .pMian .wrap_thumblist .media_thumb { overflow:hidden; margin-right:-90px;} .pMian .wrap_thumblist .media_thumb li { float:left; padding:0 90px 60px 0; width:310px;} .pMian .wrap_thumblist .media_thumb li .thumb { position:relative; width:310px; height:126px; display:block;} .pMian .wrap_thumblist .media_thumb li .thumb a { display:block;} .pMian .wrap_thumblist .media_thumb li .thumb img { width:310px; height:126px;} .pMian .wrap_thumblist .media_thumb li .thumb .trans_border { width:308px; height:124px;} .pMian .wrap_thumblist .media_thumb li .text { display:block; font-size:13px; font-weight:bold; line-height:17px; margin-top:5px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .photocont_wrap .phAside { float:right; width:300px;} .photocont_wrap .phAside .picture_wrap { width:300px; position:relative;} .photocont_wrap .phAside .picture_wrap.docu { margin:47px 0 45px;} .photocont_wrap .phAside .picture_wrap h4 { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll -300px -32px transparent; display:block; width:55px; height:22px; margin-bottom:8px; overflow:hidden; text-indent:-9999px;} .photocont_wrap .phAside .picture_wrap.docu h4 { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll -300px -96px transparent; display:block; width:66px; height:22px; margin-bottom:8px; overflow:hidden; text-indent:-9999px;} .photocont_wrap .phAside .picture_wrap .photo { position:relative; width:300px; margin:0;} .photocont_wrap .phAside .picture_wrap .photo dt { position:absolute; top:210px; width:290px; height:27px; padding:3px 5px 0; z-index:20; text-align:center;} .photocont_wrap .phAside .picture_wrap .photo dt a { color:#fff; display:block; font-size:15px; font-weight:bold; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;} .photocont_wrap .phAside .picture_wrap .photo dd { height:240px;} .photocont_wrap .phAside .picture_wrap .photo dd.bg { background-color:#000; position:absolute; top:210px; left:0; width:300px; height:30px; opacity:0.6; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); z-index:10;} .photocont_wrap .phAside .picture_wrap .icon_hot { position:absolute; top:30px; left:0; z-index:50; } .photocont_wrap .phAside .picture_wrap .icon_hot span { display:block; text-indent:-9999px; overflow:hidden; width:48px; height:48px; background:url("http://img.khan.co.kr/spko/sub_2013/icon_hotphoto.png") no-repeat scroll 0 0 transparent; } /* 포토다큐 */ .slide_main_wrap.docu .title { margin:0 auto; width:835px; height:30px; background-color:#2b2e33; font-size:16px; color:#fff; font-weight:bold; padding:5px 0 0 15px;} .slide_main_wrap.docu .title em { color:#fff600; padding-right:10px;} .slide_main_wrap.docu .thumb_big { width:1050px; position:relative;} .slide_main_wrap.docu .thumb_big .docu_imgarea { margin:0 auto; width:850px; position:relative; overflow:hidden;} .slide_main_wrap.docu .thumb_big .docu_imgarea dl { position:relative; width:850px; margin:0 auto;} .slide_main_wrap.docu .thumb_big .docu_imgarea dt { position:absolute; top:416px; left:0; z-index:20; width:826px; height:66px; padding:8px 12px;} .slide_main_wrap.docu .thumb_big .docu_imgarea dt a { color:#fff; font-size:14px; display:block; line-height:21px; text-decoration:none;} .slide_main_wrap.docu .thumb_big .docu_imgarea dt a strong { color:#e15a00; font-weight:bold; padding-right:5px;} .slide_main_wrap.docu .thumb_big .docu_imgarea dd { height:500px;} .slide_main_wrap.docu .thumb_big .docu_imgarea dd img { width:850px; height:500px;} .slide_main_wrap.docu .thumb_big .docu_imgarea dd.bg { position:absolute; top:416px; left:0; z-index:10; width:850px; height:84px; background-color:#000; opacity:0.6; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);} .slide_main_wrap.docu .thumb_big .arr_btn { display:block; position:absolute; top:147px; width:70px; height:133px; z-index:20;} .slide_main_wrap.docu .thumb_big .arr_btn.prev { left:0;} .slide_main_wrap.docu .thumb_big .arr_btn.next { right:0;} .slide_main_wrap.docu .thumb_big .arr_btn span { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 0 transparent; display:block; width:70px; height:133px; text-indent:-9999px; overflow:hidden; cursor:pointer;} .slide_main_wrap.docu .thumb_big .arr_btn.prev span { background-position:0 -570px;} .slide_main_wrap.docu .thumb_big .arr_btn.prev:hover span { background-position:-152px -570px;} .slide_main_wrap.docu .thumb_big .arr_btn.next span { background-position:-72px -570px;} .slide_main_wrap.docu .thumb_big .arr_btn.next:hover span { background-position:-224px -570px;} .photocont_wrap .thumb_list { width:100%; overflow:hidden; position:relative;} .photocont_wrap .thumb_list .docu_list { width:110%; overflow:hidden;} .photocont_wrap .thumb_list .docu_list:after { clear: both; content: ""; display: block;} .photocont_wrap .thumb_list .docu_list li { float:left; padding:0 30px 35px 0; width:310px;} .photocont_wrap .thumb_list .docu_list .photo { position:relative; width:310px; margin:0;} .photocont_wrap .thumb_list .docu_list .photo dt { position:absolute; top:195px; z-index:20; width:300px; height:27px; padding:3px 5px 0; text-align:center;} .photocont_wrap .thumb_list .docu_list .photo dt a { color:#fff; display:block; font-size:16px; font-weight:bold; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;} .photocont_wrap .thumb_list .docu_list .photo dd { height:225px;} .photocont_wrap .thumb_list .docu_list .photo dd img { width:310px; height:225px;} .photocont_wrap .thumb_list .docu_list .photo dd.bg { position:absolute; top:195px; left:0; z-index:10; background-color:#000; width:310px; height:30px; opacity:0.6; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);} /* 360포토 : 20160810 YJ */ .vr_thumb { width: 100%; } .vr_thumb li { width: 710px; height: 260px; margin-bottom: 10px; cursor: pointer; position: relative; overflow: hidden; border: 1px solid #ddd; letter-spacing: -1px } .vr_thumb li > a { cursor: pointer; } .vr_thumb li:hover > a > div { text-decoration: none; } .vr_thumb li:hover > a > div > div > p.vr_txt { text-decoration: underline; } .vr_thumb_img { width: 710px; height: 260px; position: absolute; top: 0px; left:0px; } .vr_thumb_img img { position: absolute; top: 0px; left: 0px; height: 100%; width: auto; } .vr_cont { width: 320px; height: 260px; position: absolute; top: 0px; right: 0px; background:url("http://img.khan.co.kr/spko/sub_2016/vr_photo_shadow.png"); z-index: 1; } .vr_cont_wrap { width: 100%; height: 100%; padding: 60px 30px 50px 65px; position: relative; box-sizing: border-box; *width: 225px; *height: 150px; } .vr_title { width: 100%; max-height: 52px; font-size: 22px; color: #fff; font-weight: bold; line-height: 26px; margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp : 2; -webkit-box-orient: vertical; display: -webkit-box;} .vr_txt { width: 100%; max-height: 40px; font-size: 14px; color: #fff; font-weight: normal; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp : 2; -webkit-box-orient: vertical; display: -webkit-box;} .vr_info { position: absolute; bottom: 15px; right: 25px; } .vr_info p { display: inline-block; *display:inline; zoom:1; height: 25px; line-height: 22px; letter-spacing: 0px; } .vr_info .date { width: 130px; text-align: center; font-size: 13px; color: #bfbfbf; margin-right: 10px; background: url("http://img.khan.co.kr/spko/sub_2016/vr_info_date_bg.png") top left no-repeat; } .vr_info .view_numb { font-weight: bold; text-align: center; font-size: 13px; color: #bfbfbf; position: relative; padding: 0px 10px; min-width: 50px; } .vr_info .view_numb em { position: absolute; top: 0px; left: 5px; width: 25px; height: 25px; background: url("http://img.khan.co.kr/spko/sub_2016/view_icon.png") top left no-repeat;} .vr_info .view_numb span { min-width: 30px; padding: 0px 5px 0px 25px; height: 25px; display: block; } .vr360_icon { width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; background: url("http://img.khan.co.kr/spko/sub_2016/360vr_icon.png") top left no-repeat; display: none; } .browser_popUp { position: fixed; left: 50%; top: 50%; width: 670px; height: 180px; margin-left: -335px; margin-top: -90px; background: url("http://img.khan.co.kr/spko/2016_rio/bg_rio_browserpopup.png ") no-repeat 0 0; background-color: #363636; z-index: 9999; display: none; } .browser_popUp .info {display:block; position:relative; top:100px; margin:0 auto; text-align:center; color:#fff; font-size:22px;} .browser_popUp .check_wrap {display:block; position:relative; top:133px; clear:both; padding:0 0 0 10px; zoom:1;} .browser_popUp .check_wrap .input_area {float:left; color:#969696; font-size:13px;} .browser_popUp .check_wrap .input_area .input_box {width:14px; height:14px; margin:1px 3px 0 0; vertical-align:middle;} .browser_popUp .check_wrap .blind {overflow:hidden; visibility:hidden; position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0; cursor:pointer;} .browser_popUp .check_wrap .input_area.right {float:right; margin-right:10px;} .vr_viewer_wrap { width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0px; left: 0px; } .vr_viewer_container { width: 100%; height: 100%; position: relative; } .vr_img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .title_bar { width: 100%; height: 70px; background: url("http://img.khan.co.kr/spko/sub_2016/viwer_title_bar_bg.png") repeat-x; position: absolute; top:0px; left:0px; } .title_bar_wrap { width: 100%; height: 100%; position: relative; } .title_bar h2 { font-size: 18px; color: #fff; text-align: center; height: 70px; line-height: 65px; max-width: 800px; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr_close_btn { width: 22px; height: 22px; position: absolute; right: 22px; top: 22px; cursor: pointer; } .bottom_caption { width: 100%; background: #202020; position: absolute; bottom: 0px; left: 0px; } .bottom_caption_container { width: 1024px; margin: 0 auto ;} .bottom_caption_wrap { width: 100%; height: 100%; position: relative; overflow: hidden; } .viwer_txt_box { width: 800px; padding: 35px 0px; float: left; overflow: hidden; text-overflow: ellipsis; } .viwer_txt { font-size: 14px; color: #fff; font-weight: normal; line-height: 20px; margin-bottom: 10px; max-height: 40px; max-width: 800px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp : 2; -webkit-box-orient: vertical; display: -webkit-box; } .viwer_refer { font-size: 12px; color: #929292;} .vr_sns { float: right; padding: 40px 0px;} .vr_sns span { width: 35px; height: 35px; cursor: pointer; display: inline-block; margin-left: 5px; } .sns_twt { background: url("http://img.khan.co.kr/spko/sub_2016/twt_sprite.png"); background-position: top left; } .sns_fb { background: url("http://img.khan.co.kr/spko/sub_2016/fb_sprite.png"); background-position: top left; } .sns_ks { background: url("http://img.khan.co.kr/spko/sub_2016/ks_sprite.png"); background-position: top left; } .vr_sns span:hover { background-position: bottom left; } /* 포토화보 뷰 */ .con_Wrap .preview_wrap { clear:both; width:100%; height:90px; position:relative; margin-bottom:35px;} .con_Wrap .preview_thumb { position:absolute; left:55px; top:0; width:885px; height:100%; overflow:hidden;} .con_Wrap .preview_wrap .btn_preview { position:absolute; top:0; width:33px; height:90px; overflow:hidden; display:block; text-indent:-9999px; background:url('http://img.khan.co.kr/spko/sub_2013/set_photo.png') no-repeat scroll 0 0 transparent;} .con_Wrap .preview_wrap .btn_preview span { cursor:pointer; width:33px; height:90px; display:block;} .con_Wrap .preview_wrap .btn_preview.prev { background-position:0 0; left:0;} .con_Wrap .preview_wrap .btn_preview.prev:hover { background-position:0 -100px;} .con_Wrap .preview_wrap .btn_preview.next { background-position:-38px 0; right:0;} .con_Wrap .preview_wrap .btn_preview.next:hover { background-position:-38px -100px;} .con_Wrap .preview_thumb .thumb_small { position:relative; float:left; width:52700px;} .con_Wrap .preview_thumb .thumb_small li { float:left; margin-right:8px; position:relative; overflow:hidden; width:140px; height:90px; font-size:0;} .con_Wrap .preview_thumb .thumb_small li a { width:140px;} .con_Wrap .preview_thumb .thumb_small li a img { display:block;} .con_Wrap .preview_thumb .thumb_small li .mask { border:1px solid #000; height:88px; left:0; opacity:0.1; overflow:hidden; position:absolute; top:0; width:138px; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);} .con_Wrap .preview_thumb .thumb_small li.on .mask { border:5px solid #2665f4; height:80px; width:130px; opacity:1;} /* 포토화보 본문 */ #viewWrap .num_photo { display:block; color:#818181; font-family:Tahoma; font-size:12px; font-weight:bold; text-align:center; margin-bottom:15px;} #viewWrap .num_photo .num_count { color:#2665f4;} #viewWrap .photo_viewer_wrap { position:relative; width:650px;} #viewWrap .photo_viewer_wrap .pv_imgarea { display:inline-block; position:relative;} #viewWrap .photo_viewer_wrap .pv_imgarea img { max-width:492px;} #viewWrap .photo_viewer_wrap .pv_btn { position:absolute; top:110px; width:76px; height:300px; display:block; } #viewWrap .photo_viewer_wrap .pv_btn.prev { left:-10px;} #viewWrap .photo_viewer_wrap .pv_btn.next { right:-10px;} #viewWrap .photo_viewer_wrap .pv_btn span { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 0 transparent; display:block; height:106px; width:76px; overflow:hidden; text-indent:-9999px; cursor:pointer;} #viewWrap .photo_viewer_wrap .pv_btn.prev span { background-position:0 -235px;} #viewWrap .photo_viewer_wrap .pv_btn.next span { background-position:-81px -235px;} #viewWrap .photo_viewer_wrap .btn_newsMore { float:right; margin:10px 0;} #viewWrap .photo_viewer_wrap .btn_newsMore:after { clear: both; content: ""; display: block;} #viewWrap .photo_viewer_wrap .btn_newsMore a { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll -100px -50px transparent; display:block; height:27px; width:144px; overflow:hidden; text-indent:-9999px;} .clear { clear:both;} /* 오늘의 인기화보 */ .today_hotPhoto { clear:both; margin:20px 0 30px; width:710px; border-top:1px solid #9598a7; border-bottom:1px solid #9598a7; padding:20px 0; overflow:hidden;} .today_hotPhoto:after { clear: both; content: ""; display: block;} .today_hotPhoto .title { position:relative; margin-bottom:16px;} .today_hotPhoto .title .tit_text { background:url("http://img.khan.co.kr/spko/main_2013/set_common.png") no-repeat scroll -201px -551px transparent; display:block; width:110px; height:22px; overflow:hidden; text-indent:-9999px;} .today_hotPhoto .title .more { position:absolute; right:0; top:1px; z-index:20;} .today_hotPhoto .title .more a { background:url("http://img.khan.co.kr/spko/main_2013/set_common.png") no-repeat scroll -185px -234px transparent; display:block; height:17px; width:44px; overflow:hidden; text-indent:-9999px;} .today_hotPhoto .cont { overflow:hidden; margin-right:-53px;} .today_hotPhoto .cont li { float:left; width:200px; margin-right:53px;} .today_hotPhoto .cont li dl { position:relative; width:200px; height:160px; margin:0;} .today_hotPhoto .cont li dl dt { position:absolute; text-align:center; height:22px; left:0; padding:3px 5px 0; top:135px; width:190px; z-index:2;} .today_hotPhoto .cont li dl dt a { color:#fff; display:block; font-size:12px; font-weight:bold; overflow:hidden; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;} .today_hotPhoto .cont li dl dd { height:160px;} .today_hotPhoto .cont li dl dd.bg { background:none repeat scroll 0 0 #000; position:absolute; top:135px; left:0; height:25px; width:200px; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);} /* 테마화보 */ .aSide .theme_photo { border-top:1px solid #D5D8DB; margin-top:15px; padding:20px 24px;} .aSide .theme_photo h3 { background:url("http://img.khan.co.kr/spko/sub_2013/set_sub.png") no-repeat scroll 0 -81px transparent; display:block; width:54px; height:17px; overflow:hidden; text-indent:-9999px; margin-bottom:7px;} .aSide .theme_photo .cont_news { width:100%; overflow:hidden;} .aSide .theme_photo .cont_news:after { clear: both; content: ""; display: block;} .aSide .theme_photo .cont_news .photo { width:110%; overflow:hidden;} .aSide .theme_photo .cont_news .photo:after { clear: both; content: ""; display: block;} .aSide .theme_photo .cont_news .photo li { float:left; width:120px; margin-right:10px; overflow:hidden;} .aSide .theme_photo .cont_news .photo li .thumb { position:relative; width:120px; height:96px; display:block;} .aSide .theme_photo .cont_news .photo li .thumb a { display:block;} .aSide .theme_photo .cont_news .photo li .thumb img { width:120px; height:96px;} .aSide .theme_photo .cont_news .photo li .thumb .trans_border { width:118px; height:94px;} .aSide .theme_photo .cont_news .photo li .text { display:block; line-height:17px; margin-top:3px; text-align:center;} /* 많이 본 포토 */ .aSide .best_view_photo { margin:30px 0 20px;} .aSide .best_view_photo:after { clear: both; content: ""; display: block;} .aSide .best_view_photo h4 { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 -200px transparent; display:block; height:25px; width:280px; overflow:hidden; text-indent:-9999px; background-color:#333;} .aSide .best_view_photo .photo_slide { width:280px; height:411px; border-bottom:1px solid #c2c5c9; margin-bottom:10px; position:relative; overflow:hidden;} .aSide .best_view_photo .photo_slide ul { width:1250px;} .aSide .best_view_photo .photo_slide li {position:relative; height:380px; float:left;} .aSide .best_view_photo .photo_slide a { display:block;overflow:hidden;height:380px/*width:200px;height:385px*/} /*.aSide .best_view_photo .photo_slide a img {width:100%;height:100%}*/ .aSide .best_view_photo .photo_slide .trans_border { width:278px; height:378px;} .aSide .best_view_photo .photo_slide .txt { color:#000; font-size:13px; height:26px; position:absolute; left:0; top:380px; overflow:hidden; padding:6px 33px 0; text-align:center; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; width:214px; z-index:20;} .aSide .best_view_photo .photo_slide .txt a {text-decoration:none; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;word-break:normal} .aSide .best_view_photo .photo_slide .btns { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 0 transparent; display:block; height:31px; width:26px; overflow:hidden; text-indent:-9999px; cursor:pointer; font-size:0; position:absolute; z-index:40;} .aSide .best_view_photo .photo_slide .btns.prev { background-position:-100px 0; left:0; top:380px;} .aSide .best_view_photo .photo_slide .btns.next { background-position:-131px 0; right:0; top:380px;} .aSide .best_view_photo .pagination { margin:10px auto 0; text-align:center; width:80px;} .aSide .best_view_photo .pagination:after { clear: both; content: ""; display: block;} .aSide .best_view_photo .pagination li { background:url("http://img.khan.co.kr/spko/main_2013/set_common.png") no-repeat scroll -90px -75px transparent; display:block; float:left; height:10px; margin:0 3px; width:10px;} .aSide .best_view_photo .pagination li.current { background-position:-90px -95px;} .aSide .best_view_photo .pagination li a { display:block; overflow:hidden; text-indent:-9999px;} /* 많이 본 포토 : 기사 뷰 용 */ .art_side .best_view_photo { margin:30px 0 20px;} .art_side .best_view_photo:after { clear: both; content: ""; display: block;} .art_side .best_view_photo h4 { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 -200px transparent; display:block; height:25px; width:280px; overflow:hidden; text-indent:-9999px; background-color:#333;} .art_side .best_view_photo .photo_slide { width:280px; height:230px; border-bottom:1px solid #c2c5c9; margin-bottom:10px; position:relative; overflow:hidden;} .art_side .best_view_photo .photo_slide ul { width:1250px;} .art_side .best_view_photo .photo_slide li { position:relative; height:200px; float:left;} .art_side .best_view_photo .photo_slide a { display:block;} .art_side .best_view_photo .photo_slide .trans_border { width:278px; height:198px;} .art_side .best_view_photo .photo_slide .txt { color:#000; font-size:13px; height:26px; position:absolute; left:0; top:200px; overflow:hidden; padding:6px 33px 0; text-align:center; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; width:214px; background-color:#fff; z-index:20;} .art_side .best_view_photo .photo_slide .txt a { text-decoration:none; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;word-break:normal;} .art_side .best_view_photo .photo_slide .btns { background:url("http://img.khan.co.kr/spko/sub_2013/set_photo.png") no-repeat scroll 0 0 transparent; display:block; height:31px; width:26px; overflow:hidden; text-indent:-9999px; cursor:pointer; font-size:0; position:absolute; z-index:40;} .art_side .best_view_photo .photo_slide .btns.prev { background-position:-100px 0; left:0; top:200px;} .art_side .best_view_photo .photo_slide .btns.next { background-position:-131px 0; right:0; top:200px;} .art_side .best_view_photo .pagination { margin:10px auto 0; text-align:center; width:80px;} .art_side .best_view_photo .pagination:after { clear: both; content: ""; display: block;} .art_side .best_view_photo .pagination li { background:url("http://img.khan.co.kr/spko/main_2013/set_common.png") no-repeat scroll -90px -75px transparent; display:block; float:left; height:10px; margin:0 3px; width:10px;} .art_side .best_view_photo .pagination li.current { background-position:-90px -95px;} .art_side .best_view_photo .pagination li a { display:block; overflow:hidden; text-indent:-9999px;} /* 만평 */ .mp_List { position:relative; width:710px; border-bottom:1px dashed #989898; padding-bottom:10px; margin-top:20px; overflow:hidden;} .mp_List.second, .mp_List.third { margin-top:50px;} .mp_List.fourth { margin-top:50px; border-bottom:0 none;} .mp_List h4 { background:url("http://img.khan.co.kr/spko/sub_2013/mp_title.gif") no-repeat scroll 0 0 transparent; display:block; width:260px; height:42px; text-indent:-9999px; overflow:hidden; } .mp_List.second h4 { background-position: 0 -52px;} .mp_List.third h4 { background-position: 0 -104px;} .mp_List.fourth h4 { background-position: 0 -156px; width:370px;} .mp_List .more { position:absolute; right:0; top:15px; z-index:20;} .mp_List .more a { background:url("http://img.khan.co.kr/spko/main_2011/imgset_arw.gif") no-repeat scroll right 2px transparent; color:#888; font-size:11px; letter-spacing:-1px; padding-right:7px;} .mp_List .manpyung_title { text-align:center; color:#000; font-size:17px; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-weight:bold; padding:30px 0; } .mp_List .photo { margin-top:20px; overflow:hidden; margin-right:-80px;} .mp_List .photo:after { clear:both; content:""; display:block;} .mp_List .photo li { float:left; margin-right:80px;} .mp_List .photo li span { display:block; width:170px; height:180px; position: relative; overflow:hidden;} .mp_List.second .photo li span { height:180px;} .mp_List.third .photo li span { border:1px solid #C7C7C7; width:168px;} .mp_List.fourth .photo li span { border:1px solid #C7C7C7; width:168px;} .mp_List .photo li span img { vertical-align: text-bottom; width:170px; display: table-cell; position: absolute; bottom: 0;} .mp_List.third .photo li span img { width:170px; display: table-cell; position: absolute; top: -50%;} .mp_List.fourth .photo li span img { width:170px; display: table-cell; position: absolute; top: -50%;} .mp_List .photo li p { width:170px; height:50px; margin-top:10px; text-align:center;} /* 스타일 */ #plusWrap .spot_fasn { *zoom:1; width: 660px; height: 205px; margin-bottom:30px; padding: 25px; background: url(http://img.khan.co.kr/spko/sub_2016/bg_fasnbiz_spot.gif) no-repeat 0 0; } #plusWrap .spot_fasn:after { clear:both; display:block; content:""; } #plusWrap .spot_fasn .thumb { overflow: hidden; float: left; height: 205px; } #plusWrap .spot_fasn .thumb img { width: 300px; min-height: 205px; vertical-align: top; } #plusWrap .spot_fasn .cnt { float:right; width:330px; padding-top:10px; } #plusWrap .spot_fasn .txtArtc dt { margin:0 0 12px; } #plusWrap .spot_fasn .txtArtc dt a { color: #6ea91c; font-size:33px; letter-spacing: -1px; line-height:40px; font-weight:normal; } #plusWrap .spot_fasn .txtArtc dd, #plusWrap .spot_fasn .txtArtc dd a { color: #666; line-height: 18px; } #plusWrap .spot_fasn .txtArtc dd.subTitle { color:#333333; margin-bottom: 8px; font-size:16px; letter-spacing:-1px; font-weight:bold; } #plusWrap .phArtc_list .phArtc { *zoom:1; padding:15px 0 15px 0; border bottom:1px solid #EEE; } #plusWrap .phArtc_list .phArtc:after { clear:both; display:block; content:""; } #plusWrap .phArtc_list .phArtc dt a { display:block; padding:8px 0; color:#000; font-size:16px; letter-spacing:-1px; font-weight:bold; } #plusWrap .phArtc_list .phArtc dt a:hover { color:#3399FF; } #plusWrap .phArtc_list .phArtc dd.thumb { float:right; margin-left:15px; } #plusWrap .phArtc_list .phArtc dd.thumb img { width:100px; vertical-align:top; } #plusWrap .phArtc_list .phArtc dd.txt, #plusWrap .phArtc_list .phArtc dd.txt a { color:#888; line-height:19px; font-size:13px;} #plusWrap .phArtc_list .phArtc dd.date { padding-top:5px; height:17px; color:#BBB; font-size:10px; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica; } /* 디지털 지면보기 : 20131117 IH */ #dpaperWrap {overflow:hidden; margin-top:25px; line-height:1.6em; font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,Helvetica,AppleGothic,Sans-serif;} #dpaperWrap .current {float:left; width:1050px; height:55px; background:url('http://img.khan.co.kr/spko/sub_2016/bg_current.gif') no-repeat scroll 0 bottom transparent;} #dpaperWrap .snb {float:left; width:200px; margin-right:100px; background-color:#000;} #dpaperWrap .content {overflow:hidden; float:left; width:750px; margin-top:30px;} #dpaperWrap .current h2 {display:block; overflow:hidden; float:left; width:200px; height:53px; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll 17px 0 transparent; text-indent:-9999px;} #dpaperWrap .current span {display:block; float:left; padding-left:10px; padding-top:2px; font-size:20px; font-weight:bold; letter-spacing:-1px;} #dpaperWrap .tab_menu {height:42px; margin-bottom:0; border-bottom:0;} #dpaperWrap .snb .menu {margin-bottom:16px;} #dpaperWrap .snb .menu li {width:198px;} #dpaperWrap .snb .menu li span.mainmenu a {display:block; width:154px; height:20px; color:#ccc; font-size:15px; font-weight:bold; padding:12px 23px; letter-spacing:-1px;} #dpaperWrap .snb .menu li span.mainmenu a:hover {color:#e8efff; text-decoration:none; background-color:#333;} #dpaperWrap .snb .menu li span.mainmenu a.on {height:21px; padding-top:11px; color:#fff; font-size:16px; letter-spacing:-1px; background-color:#0e51e2;} #dpaperWrap .snb .menu li span.submenu {display:block;} #dpaperWrap .snb .menu li span.submenu a {display:block; width:142px; height:20px; color:#999; font-size:12px; font-weight:bold; padding:5px 23px 5px 35px; letter-spacing:-1px;} #dpaperWrap .snb .menu li span.submenu a:hover {color:#666; text-decoration:none;} #dpaperWrap .snb .menu li span.submenu a.on {color:#fff;} #dpaperWrap .snb .csInfo {width:200px; height:308px; margin-top:10px; text-indent:-9999px; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll 17px -313px transparent;} #dpaperWrap .snb .edit {background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll 17px -992px transparent;} #dpaperWrap .content .section {margin-top:10px; margin-bottom:15px;} #dpaperWrap .content .section h3 {margin-bottom:25px;color:#2665f4; font-size:17px; font-weight:bold; letter-spacing:-1px;} #dpaperWrap .content .section p.txt {margin-bottom:15px; padding-left:18px; color:#565656; font-size:15px; font-weight:bold; line-height:1.4em; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll 0 -649px transparent} #dpaperWrap .content .section p.txt.type1 {position:relative;background:none;color:#1a50c6} #dpaperWrap .content .section p.txt.type1:after {content:'';position:absolute;left:0;top:3px;z-index:1;width:13px;height:13px;background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat 0 -693px} #dpaperWrap .content .section p.txt.type2 {position:relative;background:none} #dpaperWrap .content .section p.txt.type2:after {content:'';position:absolute;left:0;top:3px;z-index:1;width:13px;height:13px;background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat 0 -655px} #dpaperWrap .content .section .box_step {padding:50px 0;text-align:center} #dpaperWrap .content .section p.app {color:#666; font-size:13px;} #dpaperWrap .content .section p.img {text-align:center; margin:35px 0 25px;} #dpaperWrap .content .section p.info_btn {text-align:right; padding-top:15px; padding-right:28px;} #dpaperWrap .content .section p.info_btn a {color:#0e51e2; font-size:15px; padding:4px 10px; border:1px solid #d7d4d4; border-radius:5px; background-color:#f3f4f5;} #dpaperWrap .content .section .sub_txt {margin-left:17px; margin-top:-10px; margin-bottom:25px;} #dpaperWrap .content .section .sub_txt li {margin-bottom:3px; padding-left:14px; color:#dc840e; font-size:14px; line-height:1.4em; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll -563px -343px transparent;} #dpaperWrap .content .section .sub_txt li.ico_arrow_r {padding-left:20px;background-position:-736px -448px;color:#44596a} #dpaperWrap .content .section .sub_notice {margin-left:17px; margin-bottom:10px;} #dpaperWrap .content .section .sub_notice:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} #dpaperWrap .content .section .sub_notice li {padding-left:18px; color:#5780d2; font-size:13px; font-weight:normal; line-height:1.6em; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll -563px -396px transparent;} #dpaperWrap .content .section .sub_notice .txt_emph {font-size:14px;color:#e02d2d} #dpaperWrap .content .section .sub_notice .f_r {background:none} #dpaperWrap .content .section .cont {padding:30px 14px; border:1px solid #aaa; border-top:none;} #dpaperWrap .content .section .payinfo {position:relative; margin:0 30px 30px; padding:20px; border:1px solid #ddd; background-color:#f8f8f8;} #dpaperWrap .content .section .close_ever {position:absolute; right:20px; bottom:10px; width:103px; height:21px; cursor:pointer; text-indent:-9999px; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll -190px -378px transparent;} #dpaperWrap .content .section .btn_member {width:205px;height:36px;border:1px solid #d7d4d4;border-radius:6px;background-color:#f3f4f5;font-size:16px;font-weight:bold;color:#0e51e2} #dpaperWrap .content .section .btn_member span {padding-top:10px} #dpaperWrap .content .section .btn_join {height:36px;padding:0 20px;border:1px solid #d7d4d4;border-radius:6px;background-color:#f3f4f5;font-size:16px;font-weight:bold;color:#0e51e2} #dpaperWrap .content .section .btn_join span {padding-top:10px} #dpaperWrap .content .section .btn_login {height:36px;padding:0 22px;border:1px solid #d7d4d4;border-radius:6px;background-color:#f3f4f5;font-size:16px;font-weight:bold;color:#0e51e2} #dpaperWrap .content .section .btn_login span {padding-top:10px} .infoPopupWrap {position:absolute; left:0; top:0; height:100%; width:100%; z-index:70;} .infoPopupCont {position:relative; left:50%; top:120px; width:720px; height:500px; margin-left:-360px; background:url("http://img.khan.co.kr/spko/sub_2013/bg_infoPopup.gif") no-repeat scroll 0 0; z-index:80;} .infoPopupWrap .edit{background:url("http://img.khan.co.kr/spko/sub_2013/bg_infoPopup.png") no-repeat scroll 0 0; z-index:80;} .infoPopupCont .close_ones {position:absolute; left:685px; top:16px; width:20px; height:20px;} .infoPopupCont .close_ones span {display:block; width:20px; height:20px; text-indent:-9999px; cursor:pointer; background:url("http://img.khan.co.kr/spko/sub_2013/btn_infoPopup_close.png") no-repeat scroll 0 0;} .winnersPopupWrap {position:absolute; left:0; top:0; height:100%; width:100%; z-index:70;} .winnersPopupCont {position:relative; left:50%; top:0; width:470px; height:560px; margin-left:-235px; background:url("http://img.khan.co.kr/spko/sub_2013/bg_winnersPopup.jpg") no-repeat scroll 0 0; z-index:80;} .winnersPopupCont span.close_ones {display:block; position:absolute; left:438px; top:12px; width:20px; height:20px; text-indent:-9999px; cursor:pointer; background:url("http://img.khan.co.kr/spko/sub_2013/btn_infoPopup_close.png") no-repeat scroll 0 0;} .winnersPopupCont span.close_ever {display:block; position:absolute; right:12px; bottom:12px; width:92px; height:16px; text-indent:-9999px; cursor:pointer; background:url("http://img.khan.co.kr/spko/sub_2013/btn_winnersNever.png") no-repeat scroll 0 0;} /* 온라인지면보기 */ #dpaperWrap .content .online_spot h3 {text-indent:-9999px; margin:0; height:0;} /* 온라인지면보기 콘텐츠영역 */ #dpaperWrap .content .paperview {padding:0; border:none;} #dpaperWrap .content .paperview .tab_menu {width:750px;} #dpaperWrap .content .paperview .tab_menu:after {clear:both; content:""; display:block;} #dpaperWrap .content .paperview .tab_menu li {float:left;} #dpaperWrap .content .paperview .tab_menu li span {display:block; overflow:hidden; width:375px; height:42px; text-indent:-9999px; cursor:pointer; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll 0 0 transparent;} #dpaperWrap .content .paperview .tab_menu li.tab_m1 a span {background-position:0 -219px;} #dpaperWrap .content .paperview .tab_menu li.tab_m1 a.on span {background-position:0 -271px;} #dpaperWrap .content .paperview .tab_menu li.tab_m2 a span {background-position:-375px -219px;} #dpaperWrap .content .paperview .tab_menu li.tab_m2 a.on span {background-position:-375px -271px;} /* 모바일지면보기 슬라이드갤러리 */ #dpaperWrap #slides {float:left; width:217px; height:370px; margin-right:30px; z-index:100;} #dpaperWrap #slides .slides_container {overflow:hidden; position:relative; width:217px; height:370px;} #dpaperWrap #slides .slides_container a {width:217px;height:370px;display:block;} #dpaperWrap #slides .slides_container .slides_control img {} #dpaperWrap .content .mobile_spot {float:left; width:503px;} #dpaperWrap .content .mobile_cont {float:left; width:100%;} #dpaperWrap .content .mobile_cont li {position:relative; float:left; width:194px; height:240px; padding:30px 23px; margin-right:15px; background:url('http://img.khan.co.kr/spko/sub_2013/bg_mobile_app.png') no-repeat scroll 0 0 transparent;} #dpaperWrap .content .mobile_cont .last {margin-right:0;} #dpaperWrap .content .mobile_cont h4 {margin-bottom:10px; color:#2665f4; font-size:16px; font-weight:bold; line-height:1.2em;} #dpaperWrap .content .mobile_cont span.qr {position:absolute; bottom:23px; left:23px; width:92px; height:92px;} #dpaperWrap .content .mobile_cont span.store {position:absolute; bottom:23px; right:23px; width:84px; height:92px;} /* 경향스토어 - 서비스가격,결제 */ #dpaperWrap .content .store {padding:0; border:none;} #dpaperWrap .content .store h3 {margin-top:30px;} #dpaperWrap .content .store h3 .openinfo {display:inline-block; width:51px; height:20px; margin-left:5px; cursor:pointer; text-indent:-9999px; vertical-align:middle; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll -190px -350px transparent;} #dpaperWrap .content .store h3 .closeinfo {display:inline-block; width:51px; height:20px; margin-left:5px; cursor:pointer; text-indent:-9999px; vertical-align:middle; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll -266px -350px transparent;} #dpaperWrap .content .store p.txt strong {font-weight:bold; text-decoration:underline;} #dpaperWrap .content .store .tab_menu {width:750px;} #dpaperWrap .content .store .tab_menu:after {clear:both; content:""; display:block;} #dpaperWrap .content .store .tab_menu li {float:left;} #dpaperWrap .content .store .tab_menu li span {display:block; overflow:hidden; width:375px; height:42px; text-indent:-9999px; cursor:pointer; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll 0 0 transparent;} #dpaperWrap .content .store .tab_menu li.tab_m1 a span {background-position:0 -100px;} #dpaperWrap .content .store .tab_menu li.tab_m1 a.on span {background-position:0 -152px;} #dpaperWrap .content .store .tab_menu li.tab_m2 a span {background-position:-375px -100px;} #dpaperWrap .content .store .tab_menu li.tab_m2 a.on span {background-position:-375px -152px;} #dpaperWrap .content .store .tab_menu li.m1 span, #dpaperWrap .content .store .tab_menu li.m2 span, #dpaperWrap .content .store .tab_menu li.m3 span {display:block; overflow:hidden; width:250px; height:42px; text-indent:-9999px; cursor:pointer; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll 0 0 transparent;} #dpaperWrap .content .store .tab_menu li.m1 a span {background-position:0 -850px;} #dpaperWrap .content .store .tab_menu li.m1 a.on span {background-position:0 -900px;} #dpaperWrap .content .store .tab_menu li.m2 a span {background-position:-250px -850px;} #dpaperWrap .content .store .tab_menu li.m2 a.on span {background-position:-250px -900px;} #dpaperWrap .content .store .tab_menu li.m3 a span {background-position:-500px -850px;} #dpaperWrap .content .store .tab_menu li.m3 a.on span {background-position:-500px -900px;} #dpaperWrap .content .price {margin-top:50px; padding:0; border:none;} #dpaperWrap .content .price table {width:100%; border:1px solid #d3d3d3; font-family:'맑은 고딕';} #dpaperWrap .content .price table td {padding:5px; border:1px solid #d3d3d3;} #dpaperWrap .content .price table td.media {padding:10px; color:#444; text-align:center; font-size:14px; font-weight:bold; background:#f8f8f8;} #dpaperWrap .content .price table td.cont {padding:20px 30px;} #dpaperWrap .content .price table th {padding:10px; border:1px solid #d3d3d3; color:#444; font-size:15px; background:#f8f8f8;} #dpaperWrap .content .price caption {overflow:hidden; visibility:hidden; width:1px; height:1px; font-size:0; line-height:0;} #dpaperWrap .content .price table .price_info {border:0;} #dpaperWrap .content .price table .price_info td {border:0;} #dpaperWrap .content .price table .price_info td.month {width:50px; color:#2665f4; font-size:15px; text-align:center;} #dpaperWrap .content .price table .price_info td.fixed {width:100px; font-size:15px; text-align:right;} #dpaperWrap .content .price table .price_info td.discount a {display:block; width:84px; height:22px; padding-top:3px; color:#de1e1e; font-size:15px; text-align:center; background:url('http://img.khan.co.kr/spko/sub_2013/btn_price.png') no-repeat scroll 0 0 transparent;} #dpaperWrap .content .price table .price_info td.discount a:hover {text-decoration:none;} /* 독자 구독 인증 */ #dpaperWrap .content .reader {margin-bottom:40px;} #dpaperWrap .content .reader h3 {text-indent:-9999px; margin:0; height:0;} #dpaperWrap .content .reader p.txt {font-weight:normal;} #dpaperWrap .content .section p.app {color:#666; font-size:13px;} #dpaperWrap .content .confirm {padding:0; border:none;} #dpaperWrap .content .confirm .tab_menu {width:750px;} #dpaperWrap .content .confirm .tab_menu:after {clear:both; content:""; display:block;} #dpaperWrap .content .confirm .tab_menu li {float:left;} #dpaperWrap .content .confirm .tab_menu li span {display:block; overflow:hidden; width:375px; height:42px; text-indent:-9999px; cursor:pointer; background:url('http://img.khan.co.kr/spko/sub_2013/set_dpaper.png') no-repeat scroll 0 0 transparent;} #dpaperWrap .content .confirm .tab_menu li.tab_m1 a span {background-position:0 -710px;} #dpaperWrap .content .confirm .tab_menu li.tab_m1 a.on span {background-position:0 -762px;} #dpaperWrap .content .confirm .tab_menu li.tab_m2 a span {background-position:-375px -710px;} #dpaperWrap .content .confirm .tab_menu li.tab_m2 a.on span {background-position:-375px -762px;} #dpaperWrap .content .confirm .cont {padding:34px;} #dpaperWrap .content .confirm .cont .info {margin-top:15px;} #dpaperWrap .content .confirm .cont .info li {color:#767676; font-size:14px; line-height:1.5em;} /* 독자 구독 인증 개편 update 20160329 장지훈 */ #dpaperWrap .content .confirm .tab_menu_n {width:100%} #dpaperWrap .content .confirm .tab_menu_n:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} #dpaperWrap .content .confirm .tab_menu_n li {float:left;width:50%} #dpaperWrap .content .confirm .tab_menu_n .btn_tap {display:block;height:45px;border:1px solid #d5dadc;font-size:16px;font-weight:bold;background-color:#f4f7f8;text-align:center;color:#444} #dpaperWrap .content .confirm .tab_menu_n .btn_tap.on {border:1px solid #5c6c81;background-color:#7488a2;color:#fff} #dpaperWrap .content .confirm .tab_menu_n .btn_tap span {display:inline-block;padding-top:11px} #dpaperWrap .content .confirm .cont_n .confirm_wrap {padding:45px 65px;border-top:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background-color:#f8f8f8} #dpaperWrap .content .confirm .list_note {font-size:14px} #dpaperWrap .content .confirm .list_note .indent {position:relative;margin-top:7px;padding-left:10px} #dpaperWrap .content .confirm .list_note .indent:first-child {margin-top:0} #dpaperWrap .content .confirm .list_note .indent .symbol {position:absolute;left:0px;top:0} /* 독자 구독 인증창 */ #dpaperWrap .confirm_wrap {overflow:hidden; padding:28px; border:1px solid #aaaaaa; background-color:#dddddd;} #dpaperWrap .confirm_wrap .form {display:block; position:relative;height:165px;min-height:108px;} #dpaperWrap .confirm_wrap .form .input_text {padding:2px 0;} #dpaperWrap .confirm_wrap .form .input_text {display:block; position:relative; height:18px; border:1px solid #BEBEBE; color:#444444; font-size:12px; vertical-align:top;} #dpaperWrap .confirm_wrap .form .input_text.focus {border:1px solid #003b73; background:none repeat scroll 0 0 #FFFFFF !important;} #dpaperWrap .confirm_wrap .form dl {display:block;overflow:hidden;height:25px;padding-top:10px;line-height:1.5em;} #dpaperWrap .confirm_wrap .form dl:first-child {padding-top:0} #dpaperWrap .confirm_wrap .form dl input {height:23px;padding-left:10px;border:1px solid #bebebe;vertical-align:middle} #dpaperWrap .confirm_wrap .form dl dt {float:left; padding-left:8px; background: url("http://img.khan.co.kr/spko/sub_2013/set_dpaper.png") no-repeat scroll -200px -491px transparent;} #dpaperWrap .confirm_wrap .form dl input[type=radio] {margin-right:3px} #dpaperWrap .confirm_wrap .form dl dt label {display:block; width:91px; font-size:15px;} #dpaperWrap .confirm_wrap .form dl dd {float:left;} #dpaperWrap .confirm_wrap .form dl dd select {height:22px; border:1px solid #BEBEBE; color:#444444; font-size:12px; vertical-align:top;} #dpaperWrap .confirm_wrap .form .pop_radio {width:13px; height:13px; margin:0 3px 2px 0; padding:0; vertical-align:middle;} #dpaperWrap .confirm_wrap .form .upay label {display:inline-block; margin:0 10px 8px 0; color:#333; letter-spacing:-1px; font-size:15px; cursor:pointer;} #dpaperWrap .confirm_wrap .form .uid {margin-bottom:5px;} #dpaperWrap .confirm_wrap .form .uid input {width:238px; border:1px solid #bebebe; background-color:#FFFFFF;} #dpaperWrap .confirm_wrap .form .upw {margin-bottom:5px;} #dpaperWrap .confirm_wrap .form .upw input {display:inline-block; width:109px; border:1px solid #bebebe; background-color:#FFFFFF;} #dpaperWrap .confirm_wrap .form .uphone {margin-bottom:5px;} #dpaperWrap .confirm_wrap .form .uphone input {display:inline-block; width:65px; border:1px solid #bebebe; background-color:#FFFFFF; } #dpaperWrap .confirm_wrap .form p.btnOk {display:block; position:absolute; bottom:0; right:0; width:112px; height:108px; text-indent:-9999px; background: url("http://img.khan.co.kr/spko/sub_2013/btn_confirm_confirm.png") no-repeat scroll 0 0 transparent; cursor:pointer;} #dpaperWrap .confirm_wrap .form p.btnOk a {display:block; width:112px; height:108px;} #dpaperWrap .confirm_wrap .form .btn_submit {position:absolute;top:50%;right:0;width:148px;height:78px;margin-top:-39px;border:1px solid #384a5e;border-radius:5px;font-size:18px;font-weight:bold;color:#fff;background-color:#495c73;box-shadow:inset 1px 1xp 0 #6b7b8d} #dpaperWrap .confirm_wrap .form .btn_submit span {padding-top:30px} /* 디지털 지면보기 FAQ */ #dpaperWrap .content .faq {padding:0; border:none;} #dpaperWrap .content .faq .faq_List li {margin-bottom:40px; font-size:14px;} #dpaperWrap .content .faq .faq_List li strong {display:block; height:20px; padding-bottom:5px; padding-left:25px; color:#444; font-size:15px; background: url("http://img.khan.co.kr/spko/sub_2013/set_dpaper.png") no-repeat scroll -200px -548px transparent;} #dpaperWrap .content .faq .faq_List li span {display:block;margin-left:28px;padding:10px;border:1px solid #ededed;background-color:#fafafa;color:#767676;} /* 디지털 지면보기 오픈 프로모션 */ .banner_event_main {display:none; padding-top:30px; background-color:#fff;} #dpaperWrap .content .eventWrap {overflow:hidden;} #dpaperWrap .content .eventWrap h3 {text-indent:-9999px;} #dpaperWrap .content .eventWrap .event_title {position:relative; width:750px; height:570px; background: url("http://img.khan.co.kr/spko/sub_2013/bg_event_main01.jpg") no-repeat scroll 0 0 transparent;} #dpaperWrap .content .eventWrap .event_title p.event_btn01 {position:absolute; left:57px; top:391px;} #dpaperWrap .content .eventWrap .event_title p.event_btn02 {position:absolute; left:445px; top:442px;} #dpaperWrap .content .eventWrap .event_contA {position:relative; width:750px; height:456px; background: url("http://img.khan.co.kr/spko/sub_2013/bg_event_main02.jpg") no-repeat scroll 0 0 transparent;} #dpaperWrap .content .eventWrap .event_contA p.event_btn03 {position:absolute; left:637px; top:217px;} #dpaperWrap .content .eventWrap .event_contA p.event_btn04 {position:absolute; left:114px; top:363px;} #dpaperWrap .content .eventWrap .event_contB {position:relative; width:750px; height:663px; background: url("http://img.khan.co.kr/spko/sub_2013/bg_event_main03.jpg") no-repeat scroll 0 0 transparent;} #dpaperWrap .content .eventWrap .event_contB p.event_btn05 {position:absolute; left:114px; top:365px;} /* 디지털지면보기 팝업*/ #container .newsZinepop {position:absolute;left:210px;top:-75px;border:3px solid #333;background:#fff;} #container .newsZinepop .zineCash{margin-left:20px;margin-bottom:20px;} #container .newsZinepop .zineClose {width:604px;height:23px;background:#333;padding-top:7px;text-align:right;padding-right:10px;} /* 디지털지면보기 팝업(ios11 앱지원 중단 공지) : 20170921 IH ******/ .ladyPopupWrap.ios_issue .ladyPopupCont {height:680px; background:url("http://img.khan.co.kr/spko/sub_2016/bg_ladyclosePopup_ios_Re2.png") no-repeat scroll 0 0;} /* 디지털지면보기 팝업(ios11 앱지원 중단 공지) : 20181121 AR ******/ .ladyPopupWrap.ios_issue {left:50%;margin-left: -290px;width: 580px;} /* 디지털지면보기 팝업(레이디잠정휴간안내) : 20160414 JE ******/ .ladyPopupWrap { position:absolute; left:0; top:0; height:100%; width:100%; z-index:70;} .ladyPopupCont { position:relative; left:50%; top:0; width:600px; height:494px; margin-left:-300px; background:url("http://img.khan.co.kr/spko/sub_2016/bg_ladyclosePopup.png") no-repeat scroll 0 0; z-index:80;} .ladyPopupCont .close_ones { position:absolute; top:16px; right:16px;} .ladyPopupCont .close_ones span { background:url("http://img.khan.co.kr/spko/sub_2016/btn_ladycPopup_close.png") no-repeat scroll 0 0; cursor:pointer; display:block; width:21px; height:21px; text-indent:-9999px;} .ladyPopupWrap .zineClose { position:relative; left:50%; top:0; margin-left:-300px; width:590px; height:23px; background:#5a5b6a; padding-top:7px; text-align:right; padding-right:10px;} /* TEXT 타입 */ .ladyPopupCont.type_textarea {width:580px;height:auto!important;padding:60px 40px 40px;border:1px solid #5f6062;background-image:none!important;background-color:#f8f8f8!important} .ladyPopupCont.type_textarea .tit {margin-bottom:30px;font-size:28px;text-align:center;letter-spacing:-0.08em;line-height:1.4em;text-shadow:1px 1px 0 #fff} .ladyPopupCont.type_textarea .txt {margin-top:10px;font-size:16px;line-height:1.6em} .ladyPopupCont.type_textarea .txt .mob_num {color:#fff; font-weight:normal;} .ladyPopupCont.type_textarea .txt:first-child {margin-top:0} .ladyPopupCont.type_textarea ~ .zineClose {width:652px!important} .ladyPopupCont.type_textarea .st_info {padding:10px 20px; border-radius:5px; color:#efefef; background:#5a5b6a;} .ladyPopupCont.type_textarea .st_info strong {color:#fff; font-weight:normal;} .ladyPopupCont.type_textarea .mr_info {font-size:15px; line-height:1.5em; font-weight:bold;} /* 알림&공지사항 게시판 : 20120511 IH **********/ .khnotice_bbs { width: 1050px;} .khnotice_bbs .paginate { padding:50px 0; } .khnotice_bbs .path { margin-bottom:5px; font-size:11px; text-align:left; letter-spacing:-1px; } .khnotice_bbs .path a { color:#777; } .khnotice_bbs .path a:hover { color:#000; } /* 리스트 */ .khnotice_bbs .list { margin-bottom:50px; border-top: 2px solid #666; } .khnotice_bbs .list table { font-family: 돋움, Gulim, Arial, sans-serif; } .khnotice_bbs .list thead { text-align: center; } .khnotice_bbs .list thead th { padding: 13px 0 14px 0; border-bottom: 1px solid #666; border-right: 1px solid #DDD; letter-spacing:-1px; } .khnotice_bbs .list thead th.last-child { border-right:none; } .khnotice_bbs .list tbody tr:hover td { background: #f8f8f8; color: #3399FF; } .khnotice_bbs .list tbody tr:hover td a { font-weight: bold; color: #3399FF; letter-spacing: -1px; } .khnotice_bbs .list tbody tr.last-child td{ border-bottom: 1px solid #404040; } .khnotice_bbs .list tbody td { padding: 12px 0 11px 0; text-align: center; border-bottom: 1px solid #dedede; color: #000; } .khnotice_bbs .list tbody td a{ color: #000; } .khnotice_bbs .list tbody td.left { padding-left: 30px; text-align: left; } .khnotice_bbs .list tbody td.left input { margin:0 7px 0 0; vertical-align:bottom; _vertical-align:baseline;} .khnotice_bbs .list tbody td.number { font-size: 12px; font-weight:bold; color: #444; } .khnotice_bbs .list tbody td.date { font-family: Verdana; font-size: 11px; } /* 검색 */ .khnotice_bbs .search { width:395px; height:25px; margin:0 auto; padding: 8px 16px; border:1px solid #d8d8d8; background-color: #fcfcfc; } .khnotice_bbs .search div {float: left; } .khnotice_bbs .search div select { width:78px; height: 25px; border: 1px solid #dbdbdb; } .khnotice_bbs .search .inner-customer-search { height: 25px; margin-left: 3px; _width:307px; } .khnotice_bbs .search .inner-customer-search a:hover { text-decoration:none; } .khnotice_bbs .search .inner-customer-search a { display:block; float:right; width:60px; height:25px; margin-left:10px; background:url(http://img.khan.co.kr/spko/sub_2012/notice_btn.gif) no-repeat -210px 0; text-indent:-9999px; } .khnotice_bbs .search .inner-customer-search input { float:left; width: 235px; height:20px; border: 1px solid #dbdbdb; background-color:#fff; } /* 기능버튼 */ .khnotice_bbs .view_funcBtn { float:right; margin-top:15px; } .khnotice_bbs .view_funcBtn:after { clear:both; display:block; content:""; } .khnotice_bbs .view_funcBtn li { display:inline; margin-left:5px; } .khnotice_bbs .view_funcBtn li a { display:inline-block; width:60px; height:30px; text-indent:-9999px; background:url(http://img.khan.co.kr/spko/sub_2012/notice_btn.gif) no-repeat 0 0;} .khnotice_bbs .view_funcBtn li a.write { background-position: 0 0; } .khnotice_bbs .view_funcBtn li a.modify { background-position: -70px 0px; } .khnotice_bbs .view_funcBtn li a.delete { background-position: -140px 0px; } .khnotice_bbs .view_funcBtn li a.prev { background-position: 0 -60px; } .khnotice_bbs .view_funcBtn li a.next { background-position: -70px -60px; } .khnotice_bbs .view_funcBtn li a.list { background-position: -140px -60px; } .khnotice_bbs .write_funcBtn { *zoom:1; width:135px; margin:0 auto; margin-top:15px; _text-align:center; } .khnotice_bbs .write_funcBtn:after { clear:both; display:block; content:""; } .khnotice_bbs .write_funcBtn li { display:inline; margin-left:5px; } .khnotice_bbs .write_funcBtn li a { display:inline-block; width:60px; height:30px; line-height:9999px; vertical-align:bottom; background:url(http://img.khan.co.kr/spko/sub_2012/notice_btn.gif) no-repeat 0 0; _overflow:hidden; } .khnotice_bbs .write_funcBtn li a.confirm { background-position: -0 -120px; } .khnotice_bbs .write_funcBtn li a.cancel { background-position: -70px -120px; } /* 뷰 */ .khnotice_bbs .view { overflow:hidden; margin-bottom:90px; } .khnotice_bbs .view_top { border-top: 2px solid #666; border-bottom: 1px solid #DDD; } .khnotice_bbs .view_top table { font-family: 돋움, Gulim, Arial, sans-serif; } .khnotice_bbs .view_top th { padding: 13px 0 14px 0; border-right: 1px solid #DDD; color:#666; letter-spacing:-1px; } .khnotice_bbs .view_top tbody tr.last-child td{ border-bottom: 1px solid #404040; } .khnotice_bbs .view_top tbody td { padding: 12px 0 11px 0; text-align: center; color: #000; } .khnotice_bbs .view_top tbody td a{ color: #000; } .khnotice_bbs .view_top tbody td.title { padding-left:10px; font-size: 14px; font-weight:bold; color: #333; text-align:left; letter-spacing:-0.5px; } .khnotice_bbs .view_top tbody td.number { font-size: 12px; font-weight:bold; color: #444; } .khnotice_bbs .view_top tbody td.date { font-family: Verdana; font-size: 11px; } .khnotice_bbs .view_cont { padding:60px 60px 60px 90px; line-height:24px; color:#555; font-size: 16px;} .khnotice_bbs .view_cont .article_photo_center, .khnotice_bbs .view_cont .article_photo_left, .khnotice_bbs .view_cont .article_photo_right { display:inline; text-align:center; } .khnotice_bbs .view_list { border-top: 2px solid #666; border-bottom: 2px solid #666; } .khnotice_bbs .view_list table { font-family: 돋움, Gulim, Arial, sans-serif; } .khnotice_bbs .view_list tbody tr:hover td { background: #f8f8f8; color: #3399FF; } .khnotice_bbs .view_list tbody tr:hover td a { font-weight: bold; color: #3399FF; letter-spacing: -1px; } .khnotice_bbs .view_list tbody tr.last-child td{ border-bottom: 1px solid #404040; } .khnotice_bbs .view_list tbody td { padding: 12px 0 11px 0; text-align: center; border-bottom: 1px solid #dedede; color: #000; } .khnotice_bbs .view_list tbody td a{ color: #000; } .khnotice_bbs .view_list tbody td.left { padding-left: 30px; text-align: left; } .khnotice_bbs .view_list tbody td.number { font-size: 12px; font-weight:bold; color: #444; } .khnotice_bbs .view_list tbody td.date { font-family: Verdana; font-size: 11px; } /* 쓰기 */ .khnotice_bbs .writing { width: 990px; margin-bottom:90px; border-top:2px solid #666; } .khnotice_bbs .writing table tr { border-bottom:1px solid #ddd; } .khnotice_bbs .writing table tr.last-child { border-bottom:none; _border-bottom:0; } .khnotice_bbs .writing table th { padding-left:29px; text-align:left; } .khnotice_bbs .writing table td { padding:10px 0 9px 0; } .khnotice_bbs .writing table td.title input { width:375px; height:20px; } .khnotice_bbs .writing table td.attach input { padding: 3px; margin: 0; background:#fff;} .khnotice_bbs .writing table td.attach span { margin-left:5px; text-decoration:underline; } .khnotice_bbs .writing table td.cont textarea { overflow-y: scroll; width: 750px; height: 300px; vertical-align: top; } .khnotice_bbs .boxLineBG a {line-height: 26px;} /* 수능 **********/ /* 헤드라인 뉴스 */ #sat2012Wrap .headline { *zoom:1; position:relative; border-bottom:3px solid #E5E5E5; padding-bottom:20px; margin-bottom:30px; } #sat2012Wrap .headline:after { clear:both; display:block; content:""; } #sat2012Wrap .headline h3.blind { display:block; overflow:hidden; position:absolute; left:0; top:-9999px; } #sat2012Wrap .headline .thumb { float:left; } #sat2012Wrap .headline .thumb img { width:220px; vertical-align:top; } /* #sat2012Wrap .headline .thumb img { width:220px; height:160px; vertical-align:top; } */ #sat2012Wrap .headline .cnt { float:right; width:455px; } #sat2012Wrap .headline .txtArtc dt a { display:block; padding:10px 0 8px 0;color:#002c77; font-size:24px; letter-spacing:-2px; line-height:110%; font-weight:bold; } #sat2012Wrap .headline .txtArtc dt a:hover { color:#3366FF; text-decoration:none; } #sat2012Wrap .headline .txtArtc dd, #sat2012Wrap .headline .txtArtc dd a { color:#888; line-height:16px; } #sat2012Wrap .headline .reList { margin-top:10px; } #sat2012Wrap .headline .reList li { line-height:18px; padding-left:13px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_re.gif) no-repeat 1px 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #sat2012Wrap .headline a.btn { position:absolute; right:0; bottom:10px; display:block; width:165px; height:20px; text-indent:-9999px; background:url(http://img.khan.co.kr/spko/special/sat2012_imgset.gif) no-repeat 0 -60px; } /* 주요기사 */ #sat2012Wrap .mjNews { margin-bottom:30px; } #sat2012Wrap .mjNews h3 { display:block; overflow:hidden; width:50px; height:15px; margin-bottom:10px; text-indent:-9999px; background:url(http://img.khan.co.kr/spko/main_2011/h3.gif) no-repeat 0 0; } #sat2012Wrap .mjNews .txtArtc dt { margin:20px 0 5px 0; } #sat2012Wrap .mjNews .txtArtc dt a { display:block; color:#000; font-size:14px; letter-spacing:-1px; font-weight:bold; } #sat2012Wrap .mjNews .txtArtc dt a:hover { color:#3399FF; } #sat2012Wrap .mjNews .txtArtc dd, #sat2012Wrap .mjNews .txtArtc dd a { color:#888; line-height:15px; } #sat2012Wrap .mjNews .phArtc { *zoom:1; padding:2px 0 8px 0; } #sat2012Wrap .mjNews .phArtc:after { clear:both; display:block; content:""; } #sat2012Wrap .mjNews .phArtc dt a { display:block; padding:3px 0 5px 0; color:#000; font-size:14px; letter-spacing:-1px; font-weight:bold; } #sat2012Wrap .mjNews .phArtc dt a:hover { color:#3399FF; } #sat2012Wrap .mjNews .phArtc dd.thumb { float:left; margin-right:12px; } #sat2012Wrap .mjNews .phArtc dd.thumb img { width:100px; height:70px; vertical-align:top; } #sat2012Wrap .mjNews .phArtc dd.txt, #sat2012Wrap .mjNews .phArtc dd.txt a { color:#888; line-height:15px; } #sat2012Wrap .mjNews .phArtc dd.date { padding-top:2px; height:17px; color:#BBB; font-size:10px; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica; } /* 포토뉴스 */ #sat2012Wrap .phNews { *zoom:1; margin-right:-6px; } #sat2012Wrap .phNews:after { clear:both; display:block; content:""; } #sat2012Wrap .phNews li { float:left; position:relative; margin-right:3px; } #sat2012Wrap .phNews li a { display:block; cursor:pointer; } #sat2012Wrap .phNews li a:hover { text-decoration:none; } #sat2012Wrap .phNews li img { width:107px; height:85px; vertical-align:top; } #sat2012Wrap .phNews li strong.txt { z-index:2; position:absolute; left:5px; bottom:3px; width:100px; height:13px; overflow:hidden; color:#FFF; font-size:11px; letter-spacing:-1px; font-weight:normal; } #sat2012Wrap .phNews li span.bg { z-index:1; position:absolute; left:0; bottom:0; width:107px; height:21px; background:#000; opacity: 0.5; filter: alpha(opacity=50); } #sat2012Wrap .phNews li.large { margin:0 6px 6px 0; } #sat2012Wrap .phNews li.large img { width:217px; height:170px; vertical-align:top; } #sat2012Wrap .phNews li.large strong.txt { z-index:2; position:absolute; left:5px; bottom:5px; width:210px; height:13px; overflow:hidden; color:#FFF; font-size:11px; letter-spacing:-1px; font-weight:bold; } #sat2012Wrap .phNews li.large span.bg { z-index:1; position:absolute; left:0; bottom:0; width:217px; height:25px; background:#000; opacity: 0.5; filter: alpha(opacity=50); } #sat2012Wrap .phNews li.hr { margin-right:6px; } /* 기출문제및답안 */ #sat2012Wrap .subSct .answer { position:relative; padding:20px 5px 5px 5px; background-color:#efefef; } /* #sat2012Wrap .subSct .answer { padding:20px 5px 5px 5px; background:#efefef url(http://img.khan.co.kr/spko/special/sat2012_icon_crayon.gif) no-repeat 152px 8px; } */ #sat2012Wrap .subSct .answer h3 { display:block; overflow:hidden; width:110px; height:17px; padding-left:8px; text-indent:-9999px; background:url(http://img.khan.co.kr/spko/special/sat2012_imgset.gif) no-repeat 0 0; } #sat2012Wrap .subSct .answer .more { position:absolute; right:6px; top:23px; height:10px; } #sat2012Wrap .subSct .answer .more a { padding-right:6px; color:#999999; font-size:11px; letter-spacing:-1px; background:url("http://img.khan.co.kr/spko/main_2011/imgset_arw.gif") no-repeat scroll right 2px transparent; } #sat2012Wrap .subSct .answer .cnt { padding:13px 5px 7px 8px; margin-top:6px; background:#FFF; border:1px solid #CCC; } #sat2012Wrap .subSct .answer .cnt h4 { color:#CC0000; font-size:12px; margin-bottom:8px; } #sat2012Wrap .subSct .answer .cnt span { display:inline-block; margin:0 0 5px 2px; padding-right:8px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_bar.gif) no-repeat right 2px; } #sat2012Wrap .subSct .answer .cnt span a { display:block; padding:2px 18px 0 0; background:url(http://img.khan.co.kr/spko/special/sat2012_btn_down.gif) no-repeat right 0; color:#666; } #sat2012Wrap .subSct .answer .cnt span a:hover { color:#000; } /* SNS검색결과 */ #sat2012Wrap .subSct .snsSearch { /*margin-top:30px;*/ } #sat2012Wrap .subSct .snsSearch h3 { text-indent:-9999px; height:17px; margin-bottom:8px; background:url(http://img.khan.co.kr/spko/special/sat2012_imgset.gif) no-repeat 0 -30px; } #sat2012Wrap .subSct .snsSearch .frameTop { height:15px; background:url(http://img.khan.co.kr/spko/special/sat2012_bg_sns.gif) no-repeat left top; } #sat2012Wrap .subSct .snsSearch .cnt { width:200px; padding:0 10px; background:url(http://img.khan.co.kr/spko/special/sat2012_bg_sns.gif) no-repeat left bottom; } #sat2012Wrap .subSct .snsSearch .cnt span { display:inline-block; padding:0 3px; margin-bottom:12px; } #sat2012Wrap .subSct .snsSearch .cnt span a { vertical-align:middle; } #sat2012Wrap .subSct .snsSearch .typeA a { color:#000; font-size:12px; font-weight:bold; letter-spacing:-1px; } #sat2012Wrap .subSct .snsSearch .typeB a { color:#525f7e; font-size:14px; font-weight:bold; letter-spacing:-1px; } #sat2012Wrap .subSct .snsSearch .typeC a { color:#8788d0; font-size:16px; font-weight:bold; letter-spacing:-1.5px; } #sat2012Wrap .subSct .snsSearch .typeD a { display:block; color:#FFF; font-size:12px; font-weight:bold; letter-spacing:-1px; background:#4b5262; padding:4px 7px 3px 7px; } /* 연재 */ #sat2012Wrap .subSct .serial { margin-top:30px; } #sat2012Wrap .subSct .serial h3 { display:block; overflow:hidden; width:30px; height:15px; margin-bottom:10px; text-indent:-9999px; background:url(http://img.khan.co.kr/spko/main_2011/h3.gif) no-repeat 0 -80px; } #sat2012Wrap .subSct .serial .group { margin-bottom:15px; } #sat2012Wrap .subSct .serial h4 { margin-bottom:10px; font-size:12px; color:#000; letter-spacing:-1px; border:1px solid #DDD; background:#F5F5F5; } #sat2012Wrap .subSct .serial h4 a { display:block; height:17px; padding:6px 0 0 9px; color:#000; background:url(http://img.khan.co.kr/spko/main_2011/imgset.gif) no-repeat 195px -150px; } #sat2012Wrap .subSct .serial .txtList li { line-height:20px; padding-left:10px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_dot.gif) no-repeat 0 -13px; } #sat2012Wrap .subSct .serial .txtList li a { display:block; _display:inline-block; } /* 댓글 */ #sat2012Wrap .scrollWrap { margin-top:50px; } #sat2012Wrap .comment { float:right; width:560px; } #sat2012Wrap .comment h3 { text-indent:-9999px; height:34px; margin-bottom:20px; background:url(http://img.khan.co.kr/spko/special/sat2012_title_comment.gif) no-repeat; } /* 2012수능 서브 (20111104 JW) **********/ /* 시행계획 */ #sat2012Wrap .subCnt_col3 { margin-bottom:30px; } #sat2012Wrap .subCnt_col3 h3 { margin:8px 0 0 0; border-bottom:solid 1px #DDD; color:#000; font-size:16px; letter-spacing:-1px; padding-bottom:7px; padding-left:25px; background:url(http://img.khan.co.kr/spko/main_2011/imgset.gif) no-repeat 0px -207px; } /* 전형일정 */ #sat2012Wrap .plan { line-height:180%; } #sat2012Wrap .plan h4 { margin: 30px 0 7px 0; color:#333; font-size:12px; } #sat2012Wrap .plan p { margin-bottom:7px; } #sat2012Wrap .plan strong { text-decoration:underline; } #sat2012Wrap .plan a { text-decoration:underline; } #sat2012Wrap .plan .hypen { padding-left:10px; } #sat2012Wrap .plan .hypen span { margin: 0 4px 0 -10px; } #sat2012Wrap .plan .korean { padding-left:20px; } #sat2012Wrap .plan .korean span { margin: 0 4px 0 -20px; } #sat2012Wrap .plan .number { padding-left:15px; } #sat2012Wrap .plan .number span { margin: 0 4px 0 -15px; } #sat2012Wrap .plan .circle { padding-left:15px; } #sat2012Wrap .plan .circle span { margin: 0 4px 0 -15px; } #sat2012Wrap .plan .circle .hypen { margin-left:6px; } /* 시간표 */ #sat2012Wrap .timetable { line-height:150%; } #sat2012Wrap .timetable h4 { margin: 30px 0 5px 0; color:#333; font-size:12px; } #sat2012Wrap .timetable table { width:100%; border:1px solid #DDD; margin-bottom:10px; } #sat2012Wrap .timetable th { padding:8px 0 6px 0; border:1px solid #DDD; background:#f5f5f5; } #sat2012Wrap .timetable td { padding:4px 0 2px 0; border:1px solid #DDD; text-align:center; line-height:120%; } #sat2012Wrap .timetable .num { width:8%; } #sat2012Wrap .timetable .subject { } #sat2012Wrap .timetable .time { width:18%; } #sat2012Wrap .timetable .score { width:8%; } #sat2012Wrap .timetable .qnum { width:9%; } #sat2012Wrap .timetable .etc { } #sat2012Wrap .timetable td.etc { width:30%; text-align:left; padding-left:7px; } #sat2012Wrap .timetable .ref { padding-left:16px; } #sat2012Wrap .timetable .ref span { margin: 0 4px 0 -16px; } #sat2012Wrap .timetable .ref li { margin-bottom:5px; } /* 전형일정 */ #sat2012Wrap .schedule h4 { margin: 30px 0 5px 0; color:#333; font-size:12px; } #sat2012Wrap .schedule table { width:100%; border:1px solid #DDD; margin-bottom:50px; } #sat2012Wrap .schedule th { padding:8px 0 6px 0; border:1px solid #DDD; font-size:11px; background:#f5f5f5; } #sat2012Wrap .schedule td { padding:4px 0 2px 0; border:1px solid #DDD; text-align:center; font-size:11px; line-height:120%; } #sat2012Wrap .schedule td span { display:inline-block; margin-top:5px; color:#999; font-size:11px; } #sat2012Wrap .schedule .division { width:12%; } #sat2012Wrap .schedule .period { } #sat2012Wrap .schedule .pass { width:22%; } #sat2012Wrap .schedule .enroll { width:24%; } #sat2012Wrap .schedule .etc { width:13%; } #sat2012Wrap .schedule .blue { color:#7392b3; } #sat2012Wrap .schedule .red { color:#f36894; } #sat2012Wrap .schedule .left { text-align:left; padding-left:5px; } #sat2012Wrap .schedule dl { padding:20px 20px 0px 20px; background:#f5f5f5; } #sat2012Wrap .schedule dt { font-weight:bold; margin-bottom:7px; padding-left:16px; background:url(http://img.khan.co.kr/spko/special/sat2012_imgset.gif) no-repeat 0 -95px; } #sat2012Wrap .schedule dd { padding-bottom:20px; } #sat2012Wrap .schedule p { margin-top:30px; color:#888; line-height:130%; } /* 기출문제및답안지 */ #sat2012Wrap .qaDown .btnGroup { *zoom:1; margin:30px 0 10px 0; } #sat2012Wrap .qaDown .btnGroup:after { clear:both; display:block; content:""; } #sat2012Wrap .qaDown .btnGroup .info_txt {float:left;} #sat2012Wrap .qaDown .btnGroup .year { float:left; width:350px; } #sat2012Wrap .qaDown .btnGroup .year a { display:inline-block; padding:4px 7px 2px 7px; font-weight:bold; color:#666; background:#f5f5f5; border:1px solid #DDD;} #sat2012Wrap .qaDown .btnGroup .year a.on { color:#FFF; background:#586689; border:1px solid #6e7480; } #sat2012Wrap .qaDown .btnGroup .viewer { float:right; width:350px; margin-top:4px; text-align:right; } #sat2012Wrap .qaDown .btnGroup .viewer a { display:inline-block; height:16px; margin-left:10px; padding:2px 0 0 20px; color:#666; font-size:11px; font-weight:bold; letter-spacing:-1px; } #sat2012Wrap .qaDown .btnGroup .viewer a.hwp { background:url(http://img.khan.co.kr/spko/special/icon_hwp.gif) no-repeat; } #sat2012Wrap .qaDown .btnGroup .viewer a.pdf { background:url(http://img.khan.co.kr/spko/special/icon_pdf.gif) no-repeat; } #sat2012Wrap .qaDown table { width:100%; border:1px solid #DDD; margin-bottom:30px; } #sat2012Wrap .qaDown th { padding:8px 0 6px 0; border:1px solid #DDD; background:#f5f5f5; } #sat2012Wrap .qaDown td { height:36px; padding:4px 0 2px 0; border:1px solid #DDD; text-align:center; line-height:120%; vertical-align:middle} #sat2012Wrap .qaDown td.ts01 strong {font-size:15px;} #sat2012Wrap .qaDown td.ts02 {font-size:14px;} #sat2012Wrap .qaDown .btn_sat_down {margin-left:5px; padding:3px 8px; border:1px solid #cecece; border-radius:5px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; background-color:#fafafa;} #sat2012Wrap .art_header {padding:0; border-top:0;} #sat2012Wrap .art_header .function_wrap {border-bottom:0;} /* 기사뷰페이지 하단 배너 */ .ipsi_btn {margin-bottom:40px;} /**************************************************************************** 우측 공통영역 레이아웃 : 20160218 IH ****************************************************************************/ .rt_box {padding-bottom:20px; padding-left:20px; margin-bottom:30px; border-bottom:1px solid #e5e5e5;} /* 박스형태 기본 정의 */ .rt_box.noline {padding-bottom:0; border-bottom:none;} .rt_box.ml00 {margin-left:0;} .rt_box.mb00 {margin-bottom:0;} .rt_box.mb15 {margin-bottom:15px;} .rt_box.pl00 {padding-left:0;} .rt_box.pb30 {padding-bottom:30px;} .rt_box.pb00 {padding-bottom:0;} .rt_box.border { border:1px solid #c7cbce; padding:10px;} /* 경향포럼 메뉴 추가 : 20160901 IH */ .section_navi .directlink {position:absolute; top:13px; right:0; z-index:5; color:#15a39e; font-size:16px; font-weight:bold; display:block;} .section_navi .directlink a {color:#15a39e;} /* 최순실게이트 메뉴 추가 : 20161026 IH */ .section_navi .ssgate {position:absolute; right:0; top:0; width:160px; height:20px; padding:12px 0 11px; /* background:url("http://img.khan.co.kr/spko/main_2016/bg_mainnavi_ss.jpg") no-repeat 0 0; */} .section_navi .ssgate.park a {display:block; float:right; position:relative; font-size:15px; font-weight:bold; line-height:20px; color:#333; padding-left:60px; background:url("http://img.khan.co.kr/spko/main_2016/bg_mainnavi_sspark.png") no-repeat 0 50%;} /* 세월호 올라오다 메뉴 추가 : 20170323 IH */ .section_navi .ssgate.sewol {position:absolute; right:0; top:0; width:122px; height:20px; padding:12px 0 11px;} .section_navi .ssgate.sewol a {display:block; float:none; position:relative; font-size:15px; font-weight:bold; line-height:20px; text-indent:-9999px; color:#333; padding-left:0; background:url("http://img.khan.co.kr/spko/main_2016/banner_sw_hot.png") no-repeat 0 50%;} /* 2017 대선 메뉴 추가 : 20170408 IH */ .section_navi .ssgate.vote2017 {position:absolute; right:0; top:0; width:167px; height:43px; padding:0;} .section_navi .ssgate.vote2017 a {display:block; float:none; position:relative; width:167px; height:43px; font-size:15px; font-weight:bold; line-height:20px; text-indent:-9999px; color:#333; padding-left:0; background:url("http://img.khan.co.kr/spko/2017_president/bg_mainnavi_vote2017.png") no-repeat 0 0;} /* 기사제보 메뉴 추가 : 20170408 IH */ .section_navi .ssgate.jebo {position:absolute; right:0; top:0; width:97px; height:43px; padding:0;} .section_navi .ssg.section_navi .ssg_newate.jebo a {display:block; float:none; position:relative; height:43px; padding-left:33px; text-align:right; font-size:16px; font-weight:bold; line-height:2.8em; color:#6397d5; background:url("http://img.khan.co.kr/spko/main_2016/ico_gnb_jebo.png") no-repeat 0 50%;} /* 살충제 계란 추가 : 20180818 IH */ .section_navi .ssgate.egg {position:absolute; right:0; top:0; width:100px; height:43px; padding:0;} .section_navi .ssgate.egg a {display:block; float:none; position:relative; height:43px; padding-left:0; text-align:right; font-size:16px; font-weight:bold; line-height:2.8em; color:#6397d5; background:none;} .section_navi .ssg_new {display:block; position:absolute; top:-7px; left:45px; z-index:30; text-indent:-9999px; width:39px; height:15px; background:url("http://img.khan.co.kr/spko/main_2016/ico_new_160205.png") no-repeat scroll 0 0 transparent;} /* 71주년 추가 : 20171001 IH */ .section_navi .ssgate.foundation {position:absolute; right:0; top:0; width:130px; height:43px; padding:0;} /* 창간 71주년 기획 */ .section_navi .ssgate.foundation a {display:block; float:none; position:relative; height:43px; padding-left:0; font-size:16px; font-weight:bold; line-height:2.8em; color:#6397d5; text-align: center; background:none;} .section_navi .ssgate.foundation .img_71th {padding-top:14px;vertical-align:top} /* 다이렉트 링크 : 20171016 IH */ .section_navi .drt_link {position:absolute; right:0; top:0; width:auto; min-width:130px; height:43px;} .section_navi .drt_link a {display:block; float:none; position:relative; height:43px; color:#6397d5; font-size:16px; font-weight:bold; line-height:2.8em; text-align:center;} .section_navi .drt_link a img {vertical-align:top;} .section_navi .drt_link .new {display:none; position:absolute; top:-7px; left:50%; width:39px; height:15px; margin-left:-19px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2016/ico_new_160205.png") no-repeat scroll 0 0 transparent; z-index:30;} .section_navi .drt_link.new .new {display:block;} /* AB테스트 - 경향기사뷰 우측 많이본 기사, 하단 연재영역 : 20170317 IH */ .related_serial.test_a .tit {display:inline;} .related_serial.test_a ul {display:inline;} .related_serial.test_a .relatelist {display:block; margin-top:7px;} .related_serial.test_a .relatelist li {display:block; overflow:hidden; margin:0; padding-bottom:6px; padding-left:10px; text-overflow:ellipsis; white-space:nowrap; font-size:15px; line-height:24px; background:url("http://img.khan.co.kr/spko/main_2015/set_sub.png") no-repeat scroll 0 -250px;} .related_serial.test_a li a.serial:hover {color:#e77d58; background-color:#fff;} .related_serial.test_a li a.serial:hover span {color:#e77d58;} .related_serial.test_a li a.serial.fst:hover {color:#fff; background-color:#e77d58;} .related_serial.test_a li a.serial.fst:hover span {color:#fff;} .related_serial.test_b {border-bottom:none;} .related_serial.test_b .tit {display:inline;} .related_serial.test_b ul {display:inline;} .related_serial.test_b .relatelist.pic {display:block; overflow:hidden; margin-top:7px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#fdfdfd;} .related_serial.test_b .relatelist.pic li {overflow:hidden; float:left; width:180px; height:150px; margin:0; padding:15px 28px 10px; color:#454545; font-size:14px;} .related_serial.test_b .relatelist.pic li a {display:block; display:-webkit-box; overflow:hidden; height:150px; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .related_serial.test_b .relatelist.pic li.clt, .related_serial.test_b .relatelist.pic li.cct {border-right:1px solid #e5e5e5;} .related_serial.test_b .relatelist.pic li .thumb {display:block; width:180px; height:108px; margin-bottom:5px;} .related_serial.test_b .relatelist.pic li .thumb img {display:block; width:180px; height:108px;} .related_serial.test_b .relatelist.pic li.txtonly {display:table;} .related_serial.test_b .relatelist.pic li.txtonly a {display:table-cell; vertical-align:middle; font-size:15px;} .related_serial.test_b li a.serial:hover {color:#e77d58; background-color:#fff;} .related_serial.test_b li a.serial:hover span {color:#e77d58;} .related_serial.test_b li a.serial.fst:hover {color:#fff; background-color:#e77d58;} .related_serial.test_b li a.serial.fst:hover span {color:#fff;} /* 라이브리 댓글 공지사항 : 20170417 IH */ .reply_notice {margin:20px 0 10px; padding:20px; border:1px solid #cecece; text-align:left; line-height:1.6em; letter-spacing:-0.07em; color:#444; font-size:14px; font-family:'Apple SD Gothic Neo','맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; background-color:#fcfcfc;} /* 평창올림픽 기사뷰 띠배너 */ .bnr-pyeongchang2018__byline {width:100%;height:50px} .bnr-pyeongchang2018__byline .link_pc2018 {display:block;width:100%;height:100%;text-align:center;background:url("http://img.khan.co.kr/spko/sub_2017/bg_bnr_pyeongchang2018_p_byline.png?v=20180308") 0 0 no-repeat} .bnr-pyeongchang2018__byline .img_tit {display:none} /* 기사 본문 내 투표하기 영역 추가 : 20181219 IH */ .wrap_khsurvey_area {margin:40px 0;} .khsurvey_title {padding:15px 20px; /* border:1px solid #aaa; */ border-bottom:none; font-size:17px; font-weight:700; background-color:#fff;} .wrap_khsurvey {overflow:hidden; width:660px; margin:-6px auto 0; padding-top:25px; border:6px solid #efefef; background-color:#fff;} .khsurvey_num {width:100%; height:40px; font-size:36px; font-weight:700;} .khsurvey_num span {margin-left:30px; line-height:1em;} .wrap_khsurvey_qstn {float:left; width:45%; padding:0 30px 30px; box-sizing:border-box;} .wrap_khsurvey_dstr {float:left; width:55%; padding:0 30px 40px 0; box-sizing:border-box;} .wrap_khsurvey_dstr:after {clear:both; display:block; content:"";} .wrap_khsurvey .voter {font-size:15px;} .wrap_khsurvey .khsurvey_qstn {font-size:22px; font-weight:700; line-height:1.4em;} .wrap_khsurvey .ex_date {margin-top:5px; font-size:15px;} .wrap_khsurvey .khsurvey_dstr_list {float:none; position:relative; width:100%; margin:15px 0 0 -20px; padding-left:21px; padding-bottom:17px; line-height:21px; letter-spacing:-1px; box-sizing:border-box;} .wrap_khsurvey .khsurvey_dstr_list:after {content:""; position:absolute; top:0; left:43px; width:2px; height:100%; background-color:#ccc;} .wrap_khsurvey .khsurvey_dstr_list input {position:relative; top:15px; margin:0 -20px 0 0;} .btn_area_survey {display:inline-block; position:relative; margin:20px 0 10px; text-align:center; cursor:pointer; z-index:1;} .btn_area_survey .btn_survey {width:110px; padding:8px 0; border:1px solid #999; border-radius:4px; background-color:#fff;} .btn_area_survey .btn_survey:hover {border:1px solid #333; color:#222;} .btn_area_survey .btn_survey.off {color:#ababab; border:1px solid #cacaca; cursor:default; background-color:#fdfdfd;} .wrap_khsurvey .khsurvey_dstr_info {display:inline; position:relative; left:35px;} .wrap_khsurvey .khsurvey_dstr_info label {} .wrap_khsurvey .khsurvey_dstr_info label span {color:#232323; font-size:14px;} .wrap_survey_graph {} .survey_graph {position:relative; line-height:1.2em; white-space:nowrap;} .survey_graph .s_bar {display:inline-block; position:relative; width:220px; height:11px; margin:0 5px 0 0; border:1px solid #dedede; border-radius:15px; font-size:11px; background-color:#f8f8f8;} .survey_graph .s_action {display:inline-block; position:relative; height:11px; margin:-1px; border:1px solid #fd6f61; border-radius:15px; background-color:#fd6f61;} .survey_graph .s_percent {color:#333; font-size:14px;} .survey_graph .s_percent strong {margin-right:3px; font-weight:400;} .wrap_khsurvey_dstr.hide_data .khsurvey_dstr_list {height:auto; min-height:50px; padding-bottom:17px; background:url("http://img.khan.co.kr/spko/sub_2017/bg_graph_blur.png") no-repeat 130% bottom;} .wrap_khsurvey_dstr.hide_data .survey_graph .s_bar {opacity:0;} .wrap_khsurvey_dstr.hide_data .survey_graph .s_action {display:none;} .wrap_khsurvey_dstr.hide_data .survey_graph .s_percent {display:none;} .wrap_khsurvey .khsurvey_dstr_list.inp_hidden {padding-left:0;} .wrap_khsurvey .khsurvey_dstr_list.inp_hidden input {display:none;} .wrap_khsurvey .khsurvey_dstr_list.inp_hidden:after {left:0; background-color:#fff;} /* 경향 SNS 팔로우 하기 20190828 추가 IH */ .wrap_snslink {position:relative; width:280px;} .wrap_snslink .tit {margin-bottom:15px; color:#000; font-size:15px; font-weight:bold;} .wrap_snslink .tit strong {color:#4763cf;} .wrap_snslink .list_tab {position:relative; width:280px; height:110px;} .wrap_snslink .list_tab li {float:left; width:70px; height:48px;} .wrap_snslink .list_tab li .box_more {display:none; position:absolute; left:0; top:48px; width:248px; height:43px; padding:15px 15px 0; border:1px solid #dedede; text-align:center; background-color:#fff;} .wrap_snslink .list_tab li .box_more .sub_txt {float:left; width:auto; margin:0 10px 0 0; font-size:14px; line-height:1.5em;} .wrap_snslink .list_tab li .box_more .btn_instagram {display:block;} .wrap_snslink .list_tab li .box_more .btn_instagram img {display:block; margin:0 auto; border-radius:4px;} .wrap_snslink .list_tab li.on .box_more, .wrap_snslink .list_tab li:hover .box_more {display:block;} .wrap_snslink .list_tab li.link_youtube.on .box_more div:first-child {width:85px!important;} .wrap_snslink .list_tab li .link_tab {display:block; position:relative; width:70px; height:50px;} .wrap_snslink .list_tab li .link_tab span {display:block; position:absolute; left:17px; top:10px; width:40px; height:30px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2017/imgset_sub.png?v=20190827") no-repeat 0 0;} .wrap_snslink .list_tab li .link_tab.ico_facebook_solid span {background-position:12px 0;} .wrap_snslink .list_tab li .link_tab.ico_twitter_solid span {background-position:-63px 0;} .wrap_snslink .list_tab li .link_tab.ico_instagram_solid span {background-position:-134px 0;} .wrap_snslink .list_tab li .link_tab.ico_youtube_solid span {background-position:-206px 0;} .wrap_snslink .list_tab li.on.link_facebook, .wrap_snslink .list_tab li.link_facebook:hover {height:44px; border-bottom:4px solid #325EA4;} .wrap_snslink .list_tab li.on.link_twitter, .wrap_snslink .list_tab li.link_twitter:hover {height:44px; border-bottom:4px solid #2EB1ED;} .wrap_snslink .list_tab li.on.link_instagram, .wrap_snslink .list_tab li.link_instagram:hover {height:44px; border-bottom:4px solid #ff0099;} .wrap_snslink .list_tab li.on.link_youtube, .wrap_snslink .list_tab li.link_youtube:hover {height:44px; border-bottom:4px solid #cc2429;} .wrap_snslink .list_tab li.on .link_tab.ico_facebook_solid span, .wrap_snslink .list_tab li:hover .link_tab.ico_facebook_solid span {background-position:12px -60px;} .wrap_snslink .list_tab li.on .link_tab.ico_twitter_solid span, .wrap_snslink .list_tab li:hover .link_tab.ico_twitter_solid span {background-position:-63px -60px;} .wrap_snslink .list_tab li.on .link_tab.ico_instagram_solid span, .wrap_snslink .list_tab li:hover .link_tab.ico_instagram_solid span {background-position:-134px -60px;} .wrap_snslink .list_tab li.on .link_tab.ico_youtube_solid span, .wrap_snslink .list_tab li:hover .link_tab.ico_youtube_solid span {background-position:-206px -60px;} .wrap_snslink .list_tab li.link_youtube .tit_more {float:left; margin-right:10px; font-size:14px; line-height:1.5em;} .wrap_snslink .list_tab li.link_youtube .list_more {float:left; margin-top:-2px;} .wrap_snslink .list_tab li.link_youtube .list_more a {margin-right:5px;} /* 연재 메일링 구독 신청 : 20190410 AR */ .subscribe_btn {float: right;position:relative;} .subscribe_btn:after {content:'';clear: both; display:block;} .subscribe_btn .txt_btn {display:inline-block; font-size: 14px; color:#000; text-decoration: underline; cursor: pointer;} .subscribe_btn .tip_hover {position: relative; width:16px; height:16px; background:url("http://img.khan.co.kr/spko/sub_2017/ico_explain.png") 0 0 no-repeat; margin: 1px 0 0 2px; vertical-align:top;} .subscribe_btn .blind {display:block; overflow:hidden; position:absolute; left:0; top:-9999px;} .subscribe_btn .tipbox {display: none} .subscribe_btn i {position:absolute; top:17px; right:0; z-index:101; width:16px; height:8px; margin-top:8px; margin-left:-8px; background:url("http://img.khan.co.kr/spko/sub_2017/box_pointer.png") no-repeat;} .subscribe_btn .sub_tip {position:absolute; top:32px; left:0; z-index:100; background:#fafafa; font-size:13px; color:#000; letter-spacing:-1px; white-space:nowrap;padding:13px 18px; border:1px solid #777; border-radius:6px;} /* 광고 없는 연재 기사 상세 페이지 */ .wrap_psrelative .subscribe_btn {float:none; display:inline-block; margin-top:20px; position:relative;} .wrap_psrelative .subscribe_btn .txt_btn {color:#fff;} .wrap_psrelative .subscribe_btn .tip_hover {background:url("http://img.khan.co.kr/spko/sub_2017/ico_explain_w.png") 0 0 no-repeat;} /* 구독신청 팝업 */ .subscribepopup_sec {width:420px; position:relative; background:#fcfcfc; box-sizing:border-box;} .subscribepopup_sec .hd {padding:30px 35px; border-bottom:1px solid #e9e9e9;font-size:21px; font-weight:bold; color:#000;} .subscribepopup_sec .radio_area {padding: 0 25px;} .subscribepopup_sec .email, .subscribepopup_sec .mypage_noti {padding:0 35px; border-bottom:1px solid #e9e9e9;} .subscribepopup_sec .serial_tit {text-align:center; font-size:20px; line-height:24px; color:#006be4; text-decoration:underline; padding:30px 0;} .subscribepopup_sec .email .explain, .subscribepopup_sec .mypage_noti .explain {position:relative; display:block; font-size: 15px; line-height:21px; padding:0 10px 0 25px;} .subscribepopup_sec .explain_tit {font-size:16px; font-weight: bold; padding:0 0 20px;} .subscribepopup_sec .email .explain:before, .subscribepopup_sec .mypage_noti .explain:before {content:''; position:absolute;top:2px;left:1px;width:16px; height:16px; margin-right:5px; background:url("http://img.khan.co.kr/spko/sub_2017/ico_explain.png") 0 0 no-repeat;vertical-align:middle;} .subscribepopup_sec .email input {width:350px; height:50px; background-color:#fff; font-size:14px; color:#222; border:1px solid #ababab; margin:15px 0 30px 0; padding:0 20px; box-sizing:border-box;} .subscribepopup_sec .check span {display:block; float:left; padding-left:8px;font-size:14px; color:#4a4a4a;} .subscribepopup_sec table {margin:30px 0 30px 0; font-size:16px; box-sizing:border-box;} .subscribepopup_sec table tr {height:45px; border-top:1px solid #e1e1e1;} .subscribepopup_sec .mypage_noti .em_txt {padding: 20px 15px 13px; margin: 20px 0 30px; border: 1px dashed #ccc; background-color: #fff; border-radius: 3px;} .subscribepopup_sec .mypage_noti .explain_txt {position:relative; display:block; font-size: 12px; line-height: 18px; color: #454545; padding:0 7px 7px;} .subscribepopup_sec .mypage_noti .explain_txt:before {content:''; position:absolute; top:2px; left:1px; width:3px; height:16px; margin-right:5px; background:url("http://img.khan.co.kr/spko/sub_2017/dot_explain.png") center no-repeat;vertical-align:middle;} .subscribepopup_sec .mypage_noti .explain_txt em {color:#0078fc;} .subscribepopup_sec .policy {position:relative; padding:20px 35px 0 35px;} .subscribepopup_sec .policy label {display:inline-block; height:45px; color:#3e3d3a; font-size:14px; margin-left:-18px; line-height:36px;cursor: pointer;} .subscribepopup_sec .policy input {position:relative; left:0; cursor:pointer; opacity:0; filter:alpha(opacity=0);background:transparent;} .subscribepopup_sec .policy label:before {content:''; display:inline-block; width:18px; height:18px; margin-right:5px; background:url("http://img.khan.co.kr/spko/sub_2017/checkbox.png") 0 0 no-repeat;vertical-align:middle;} .subscribepopup_sec .policy label.check:before {content:''; display:inline-block; width:18px; height:18px; margin-right:5px; background:url("http://img.khan.co.kr/spko/sub_2017/checkbox_check.png") 0 0 no-repeat;vertical-align:middle;} .subscribepopup_sec .policy label em {color:#006be4; font-weight:bold;} .subscribepopup_sec .policy .open_policy {position:absolute; top:25px; right:30px; width:20px; height:20px; padding:5px; background:url("http://img.khan.co.kr/spko/sub_2017/ico_open_policy.png") center no-repeat;} .subscribepopup_sec .policy .open_policy.close {background:url("http://img.khan.co.kr/spko/sub_2017/ico_close_policy.png") center no-repeat;} .subscribepopup_sec .policy dd textarea {width:350px; margin-top:-1px; padding:10px 10px 0px; box-sizing:border-box; border:1px solid #e0e0e0; color:#78756f; font-size:12px; line-height:18px; overflow-y:auto;} .subscribepopup_sec .btn {padding:20px 0 40px; text-align:center;} .subscribepopup_sec .btn .save {display: inline-block; width:140px; height:46px; border-radius:23px; background:#535353; font-size:18px; color:#fff; line-height:46px;margin:0 10px;text-decoration: none;} .subscribepopup_sec .btn .cancel {display: inline-block; width:140px; height:46px; border-radius:23px; background:#d0d0d0; font-size:18px; color:#000; line-height:46px;margin:0 10px;text-decoration: none;} .popup_close {position:absolute; top:25px; right:25px; cursor:pointer;} /* 구독하기란 */ .subscribepopup_tip_sec {width:420px; position:relative; background:#fcfcfc; box-sizing:border-box;} .subscribepopup_tip_sec .hd {padding:30px 35px; border-bottom:1px solid #e9e9e9;font-size:21px; font-weight:bold; color:#000;} .subscribepopup_tip_sec .step {padding:0 35px;} .subscribepopup_tip_sec .step .explain_tit {font-size:16px; font-weight: bold; padding:40px 0 30px;} .subscribepopup_tip_sec .step .stepimg {background:url("http://img.khan.co.kr/spko/sub_2017/img_subscribe_step.png") center top no-repeat; width:350px; height:75px; padding-bottom: 30px} .subscribepopup_tip_sec .step .em_txt {padding: 20px 15px 5px; margin: 0 0 20px; border: 1px dashed #ccc; background-color: #fff; border-radius: 3px;} .subscribepopup_tip_sec .step .explain_txt {position:relative; display:block; font-size: 13px; line-height: 19px; color: #454545; padding:0 10px 10px;} .subscribepopup_tip_sec .step .explain_txt:before {content:'';position:absolute; top:2px; left:1px; width:3px; height:16px; margin-right:5px; background:url("http://img.khan.co.kr/spko/sub_2017/dot_explain.png") center no-repeat;vertical-align:middle;} .subscribepopup_tip_sec .step .explain_txt em {color:#0078fc;} .subscribepopup_tip_sec .btn {padding:20px 0 40px; text-align:center;} .subscribepopup_tip_sec .btn .cancel {display:inline-block; width:140px; height:46px; border-radius:23px; background:#535353; font-size:18px; color:#fff; line-height:46px; text-decoration: none;} /* 연재 구독하기란? - 탭버튼 */ .tab_menu_btn {display:block; overflow:hidden; width:100%; margin: 25px 0 30px; padding:0 30px; box-sizing:border-box;} .tab_menu_btn a {display:inline-block; float:left; width:50%; padding-bottom:10px; border-bottom:1px solid #b6b6b6; text-align:center;} .tab_menu_btn a span {display:inline-block; position:relative; color:#4a4a4a; font-size:16px; line-height:1.5em; } .tab_menu_btn a.on {position:relative; top:-1px; border-bottom:3px solid #333; color:#121212;font-weight: bold;} .tab_menu_btn a.on span {position:relative; top:1px;} /* 이메일수신, 문자수신 */ .receive_email_area, .receive_message_area {height: 25px; padding-top: 10px;} .receive_message_area.area {margin-bottom: 0;} .receive_radio {display: inline-block; overflow: hidden; height: 25px; padding: 0 18px 25px;} .receive_radio label {white-space: nowrap;width: 100%;font-weight: 500;font-size: 14px;color: #333;} .radiobox_wrap {display: inline-block; cursor: pointer; vertical-align: middle;margin-right: 3px;} .radiobox_wrap input.radio[type="radio"] {display: none} .radiobox_wrap.radio {width: 25px; height: 25px; background: url("http://member.khan.co.kr/login/img/2019/btn_login_check_off.png") no-repeat;-webkit-background-size: 25px 25px;background-size: 25px 25px;} .radiobox_wrap.radio.checked {background: url("http://member.khan.co.kr/login/img/2019/btn_login_check_on.png") no-repeat;-webkit-background-size: 25px 25px;background-size: 25px 25px;}