@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 { background: transparent none repeat scroll 0 0; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; } 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; background:transparent none repeat scroll 0 0; font-size:100%; margin:0; outline:0 none; padding:0; vertical-align:baseline;} 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 { background:none repeat scroll 0 0 none; border:0 none; cursor:pointer; font-size:100%; margin:0; outline:0 none; padding:0; vertical-align:baseline; } a, a:visited, a:active { color:#444; text-decoration:none; cursor:pointer; } a:hover { color:#3b57c4; text-decoration:underline; cursor:pointer;} .trans_border { border: 1px solid #000; cursor:pointer; position: absolute; left:0; top:0; right:0; bottom:0; opacity: 0.1; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);} /**************************************************************************** layout ****************************************************************************/ body { background: url('http://img.khan.co.kr/spko/main_2016/bg_top.gif') repeat-x scroll 0 0 transparent;} #wrap {width:100%;min-width:1100px;margin:0 auto; position:relative;} #header, #footer {width:1050px; margin:0 auto; } #container { *zoom:1; margin-bottom:30px; } #container:after { clear:both; display:block; content:""; } /**************************************************************************** common : update 20170817 장지훈 ****************************************************************************/ /* global */ .fnt_ta { font-family:tahoma;} .ovh {overflow:hidden;height:100%} .screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */ .line_clamp {display:block;overflow:hidden;/*line-height:1em;*line-height:normal;*/text-overflow:ellipsis;white-space:nowrap;word-wrap:normal} /* 한줄 텍스트 말줄임 */ .tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */ .show {display:block} .hide {display:none} .col2 {box-sizing:border-box} .col2:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .col2 > * {float:left;width:50%!important;*width:49.5%!important} .bg_thumb_overlay {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(http://img.khan.co.kr/spkn/main_2017/bg_thumb_overlay.png)} .not_scroll {overflow:hidden;width:100%;height:100%} /**************************************************************************** background-image 아이콘 : update 20170309 장지훈 ****************************************************************************/ /* 아이콘 공통요소 */ .ico_corp {display: inline-block;overflow: hidden;/*background:url(http://img.khan.co.kr/spko/aboutkh/ico_corp.png) no-repeat 0 0;*/font-size:0;line-height: 0;text-indent:-9999px;vertical-align:top;} /* 실시간 속보 시계 아이콘 */ .ico_clock {width:13px;height:12px;background:url(http://img.khan.co.kr/spko/main_2016/ico_realtime_clock.png) 0 0 no-repeat} /**************************************************************************** layout ****************************************************************************/ #header { position:relative;} /* 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; left:50%; top:32px; width:200px; height:57px; margin-left:-100px; padding:0; z-index:100;} /* #header .logo_area h1 {position:absolute; left:50%; top:34px; width:200px; height:57px; margin-left:-100px; padding:0; z-index:100;} */ #header .logo_area h1.flame {top:4px; width:270px; height:120px; margin-left:-135px;} #header .logo_area h1.newyear {top:24px; width:220px; height:100px; margin-left:-128px;} #header .logo_area h1.flag {top:4px; width:280px; height:120px; margin-left:-140px;} #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 .search_btn { float:left; position:relative; padding-left:10px;} #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 input { height:30px; margin:1px 0; vertical-align:middle; cursor:default;} #header .logo_area .sns_wrap .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;} #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 .logo_area .vote2017_dday {position:absolute; left:630px; top:63px; font-size:16px;} #header .logo_area .vote2017_dday strong {position:relative; top:1px; padding-right:26px; padding-left:2px; color:#0e82f1; font-size:19px; background:url("http://img.khan.co.kr/spko/2017_president/icon_check.png") no-repeat right 50%;} #header .logo_area .vote2017_dday a:hover {text-decoration:none;} #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;} #khanNavi 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:30px; z-index:30; text-indent:-9999px; width:39px; height:15px;} /* 네비 수정 20170928 : IH */ #header {width:100%;} #header .top_area {width:1050px; margin:0 auto;} #header .logo_area {width:1050px; margin:0 auto; border-bottom:none;} #khanNavi {width:100%; border-top:1px solid #cdd1d6; border-bottom:1px solid #cdd1d6; padding:0; position:relative; height:43px;} #khanNavi .navi_menu_wrap {position:relative; width:1050px; height:16px; margin:0 auto; padding:14px 0 13px;} #khanNavi .navi_menu {margin-left:60px; border-left:none;} #khanNavi .btn_all {position:absolute; top:0; left:0; border-right:1px solid #cdd1d6; border-left:1px solid #cdd1d6; z-index:5;} /* 푸터 */ #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 70px;} #footer .foot_info .cnt { float:left; width:755px;} #footer .foot_info .cnt .blind { display:block; position:absolute; left:0; top:-9999px; overflow:hidden;} #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; zoom:1; *display:inline;} #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; zoom:1; *display:inline;} #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:#2544a6; letter-spacing:0;} #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;} /* 모바일 화면으로 보기 링크 버튼 */ /**************************************************************************** content area : update 20170811 장지훈 ****************************************************************************/ /* 본문 */ #container { position:relative; z-index:60; background-color:#fff; margin-top:25px;} #container .spotMain {position:relative;width:1050px;margin:0 auto;background:url("http://img.khan.co.kr/spko/main_2015/bg_spotmain_line.gif") repeat-y scroll 0 0 transparent; } #container .spotMain:after { clear: both; content: ""; display: block;} #container .spotMain .mainLeft { width:795px; float:left;} #container .spotMain .mainLeft:after { clear: both; content: ""; display: block;} #container .spotMain .clt { float:left; width:324px;padding-right:21px;} #container .spotMain .cct { float:left; width:430px;padding-left:20px;} #container .spotMain .crt { float:right; width:220px;padding-left:14px; } .spotMain li { margin-top:5px; border-bottom:1px solid #ededed; padding-bottom:9px;} .spotMain li:after { clear: both; content: ""; display: block;} .spotMain li .hd_title { font-size:17px; display:block; font-weight:bold; letter-spacing:-0.07em; line-height:27px; } .spotMain li.last { border-bottom:0 none;} .spotMain li .hd_title a { color:#000;} .spotMain .clt li .top { margin-top:0; border-bottom:0 none;} .spotMain .clt li .hd_title.top { font-size:31px; line-height:38px; letter-spacing:-0.03em;} .spotMain .clt li .hd_title.top a { color:#000;} .spotMain .clt li .top .txt_relate { margin-top:9px;} .spotMain .clt li:first-child { margin-top:0;} .spotMain .txt_relate { margin-top:2px;} .spotMain .clt .lead .txt_relate { margin-top:-5px; height:64px; overflow:hidden;} .spotMain .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;} .spotMain .txt_relate li { margin-top:-1px; padding-bottom:0; border-bottom:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .spotMain .txt_relate li:after { clear: both; content: ""; display: block;} .spotMain .txt_relate li a { color:#444; letter-spacing:-0.03em;} .spotMain .clt .thumb { display:block; float:left; width:90px; height:62px; margin:10px 10px 0 0; overflow:hidden;} .spotMain .clt .thumb img {/* margin-left:-5px; */ margin-left:-18px; /* width:100px; */ width:auto; height:62px;} .spotMain .lead { display:block; font-size:12px; letter-spacing:-0.02em; line-height:20px; margin-bottom:-1px; margin-top:9px; max-height:62px;} .spotMain .lead a { color:#555;} .icon_news { border:1px solid #8c9bc8; height:18px; display:inline-block; margin-right:5px; /*margin-top:-1px;*/ margin-bottom:-1px; zoom:1; *display:inline;} .icon_news span { font-size:11px; color:#8c9bc8; font-weight:normal; display:block; height:18px; line-height:17px; padding:0 5px 0 4px; letter-spacing:0;} .icon_news.hot { border:1px solid #d76386; height:18px; display:inline-block; vertical-align:text-bottom; margin-right:5px; /*margin-top:-1px;*/ margin-bottom:-1px; zoom:1; *display:inline;} .icon_news.hot span { font-size:11px; color:#e16c8f; font-weight:normal; display:block; height:18px; line-height:17px; padding:0 5px 0 4px; letter-spacing:0;} .icon_news a:hover span {color:#4b6bcc; text-decoration:inherit; font-weight:bold; background-color:#f4f4f5;} .icon_news_exclusive { background:none repeat scroll 0 0 #5f7cd8; height:18px; display:inline-block; margin-right:5px; margin-top:-1px; margin-bottom:-1px; zoom:1; *display:inline;} .icon_news_breaking { background:none repeat scroll 0 0 #e29425; height:18px; display:inline-block; margin-right:5px; margin-top:-1px; margin-bottom:-1px; zoom:1; *display:inline;} .icon_news_hot { background:none repeat scroll 0 0 #000; height:18px; display:inline-block; margin-right:5px; margin-top:-1px; margin-bottom:-1px; zoom:1; *display:inline;} .icon_news_exclusive span, .icon_news_breaking span, .icon_news_hot span { font-size:11px; color:#fff; font-weight:normal; display:block; height:18px; line-height:17px; padding:0 5px 0 4px; text-decoration:none;} /* 탑뉴스 B타입 */ .spotMain .mainLeft .topNews { width:795px; background-color:#fff; border-bottom:1px solid #e6e6e6; padding-bottom:13px;} .spotMain .mainLeft .topNews:after { clear: both; content: ""; display: block;} .mainLeft .topNews .hd_title { font-size:32px; display:block; font-weight:bold; letter-spacing:-0.07em; line-height:38px; } .mainLeft .topNews .hd_title a { color:#000;} .mainLeft .topNews .txt_relate { overflow:hidden; margin-right:-10px;} .mainLeft .topNews .txt_relate li { width:380px; float:left; margin-right:10px; height:24px; line-height:23px;} .mainLeft .topNews .txt_relate li a { font-size:14px; color:#6d6d6d;} .mainLeft .spare { background-color:#fff; height:20px;} .spotMain .mArticle { width:430px;} .spotMain .mArticle .thumb { display:block; overflow:hidden; position:relative;} .spotMain .mArticle .thumb img { /* width:430px; */ width:auto; height:265px; margin-left:-55px;} .spotMain .mArticle .thumb .icon_play { background:url("http://img.khan.co.kr/spko/main_2015/icon_play02.png") no-repeat scroll 0 0 transparent; position:absolute; top:92px; left:185px; z-index:30; width:60px; height:60px; cursor:pointer;} .spotMain .mArticle .textArea { padding:4px 0 16px;} .spotMain .mArticle .textArea .hd_title { font-size:33px; display:block; font-weight:normal; letter-spacing:-2px; line-height:43px; } .spotMain .mArticle .textArea .hd_title a, .spotMain .mArticle .textArea .hd_title span { color:#000; cursor:pointer;} .spotMain .mArticle .textArea .lead { margin-top:3px; padding-left:5px;} .spotMain .mArticle .textArea .txt_relate li a { color:#666;} .spotMain .sArticle { border-bottom:1px solid #e6e6e6; padding-bottom:10px;} .spotMain .sArticle li { border-bottom:0 none; padding-bottom:0;} .spotMain .sArticle li:first-child { margin-top:0;} .spotMain .opinion_wrap { overflow:hidden; width:430px;} .spotMain .opinion_wrap:after { clear: both; content: ""; display: block;} .spotMain .opinion_wrap ul { overflow:hidden;} .spotMain .opinion_wrap li { display:block; float:left; width:205px; margin-right:20px; border-bottom:0 none; padding-bottom:0;} .spotMain .opinion_wrap li + li { margin-right:0;} .spotMain .opinion_wrap .photo { float:left; display:block; width:60px; height:60px; position:relative; overflow:hidden; margin:10px 8px 0;} .spotMain .opinion_wrap .photo img { width:60px; height:60px;} .spotMain .opinion_wrap .mask { background:url("http://img.khan.co.kr/spko/main_2015/circle_frame_60.png") no-repeat scroll 0 0 transparent; display:block; top:0; right:0; bottom:0; left:0; position:absolute;} .spotMain .opinion_wrap .txt_area { display:table-cell; vertical-align:middle;} .spotMain .opinion_wrap .txt_area .hd_title { display:-webkit-box; overflow:hidden; max-height:40px; min-height:22px; font-size:14px; font-weight:bold; line-height:20px; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 제목 최대 두 줄 처리, 두 줄 이상은 말줄임(웹킷webkit기반만 가능) */ .spotMain .opinion_wrap .txt_area .lead { margin-top:2px; line-height:17px;} /* 경향비즈 & 향이네 */ .spotMain .photonews_wrap { width:220px;} .spotMain .photonews_wrap.h { margin-top:40px; /*border-bottom:1px solid #dfdfdf; */padding-bottom:20px;} .spotMain .photonews_wrap:after { clear: both; content: ""; display: block;} .spotMain .photonews_wrap .sub_title { border-bottom:1px solid #000; padding:0 0 7px; font-size:14px; line-height:20px; } .spotMain .photonews_wrap .sub_title a { color:#000; text-decoration:none;} .spotMain .photonews_wrap .sub_title .logo_pyeongchang2018 {display:inline-block;margin-right:5px} .spotMain .photonews_wrap .con:after { clear: both; content: ""; display: block;} .spotMain .photonews_wrap ul { margin-top:-5px; } .spotMain .photonews_wrap li { margin-top:11px; border-bottom:0 none; padding-bottom:0; *zoom:1;} .spotMain .photonews_wrap .thumb { float:right; display:block; width:70px; height:60px; margin-left:10px; overflow:hidden;} .spotMain .photonews_wrap .thumb img { width:70px; height:60px;} .spotMain .photonews_wrap .lead { color:#525252; font-size:14px; line-height:20px; height:61px; margin-top:0; padding-top:1px;} .spotMain .photonews_wrap .lead a { color:#525252;} /* .spotMain .photonews_wrap.h .lead a { color:#525252; font-weight:bold;} 20170530 운영팀 요청으로 주석 HJ */ .spotMain .photonews_wrap.vote2017 .sub_title {margin-bottom:25px; font-size:15px;} /* 19대 대선 투표 독려 콘텐츠 */ .spotMain .photonews_wrap.vote2017 li {margin-top:15px;} .spotMain .photonews_wrap.vote2017 .lead {font-size:15px;} /* 토요툰 : 20190318 추가 IH */ .spotMain .photonews_wrap.stoon {margin-top:10px;} .spotMain .photonews_wrap.stoon .sub_title {border-bottom:none;} .spotMain .photonews_wrap.stoon li {margin-top:5px;} .spotMain .photonews_wrap.stoon .thumb {position:relative; margin-bottom:5px; width:220px; height:100px;} .spotMain .photonews_wrap.stoon .thumb img {width:220px; height:100px;} /* 실시간속보 : update 20170309 장지훈 */ .wrap_realtime {border-top:2px solid #000;border-bottom:2px solid #000;background-color:#f9f9f9} .wrap_realtime .list_realtime {overflow-x:hidden;overflow-y:scroll;position: relative;height:480px;padding:0 15px 0 30px;background:url(http://img.khan.co.kr/spko/main_2016/bg_realtime_dottedline.png) 15px 0 repeat-y} .wrap_realtime .list_realtime li {position: relative;padding:10px 0;border:0} .wrap_realtime .list_realtime li > a {display:inline-block;position:relative} .wrap_realtime .list_realtime a:hover {text-decoration:none} .wrap_realtime .list_realtime a:hover .tit {text-decoration:underline} .wrap_realtime .list_realtime .ico_clock {position:absolute;left:-20px;top:4px} .wrap_realtime .list_realtime .tit {display:block;font-size:13px;font-weight:normal;color:#525252;letter-spacing:-0.025em} .wrap_realtime .list_realtime .time {display:block;font-size:12px;color: #a5a5a5;letter-spacing:-0.025em;text-decoration:0} .wrap_realtime.vote2017 {width:220px;border-top:1px solid #000;border-bottom:1px solid #000;background-color:#f7f9fd;} /* 20170418 19대 대선관련 추가 IH */ .spotMain .attention_wrap { width:220px;} .spotMain .attention_wrap:after { clear: both; content: ""; display: block;} .spotMain .attention_wrap ul{ padding-top:26px; overflow:hidden;} .spotMain .attention_wrap li { margin-right:20px; margin-top:0; width:100px; float:left; border-bottom:0 none;} .spotMain .attention_wrap li + li { margin-right:0;} .spotMain .attention_wrap .thumb { display:block; width:100px; height:100px; margin-bottom:4px; overflow:hidden; position:relative;} .spotMain .attention_wrap .thumb img { width:100px; height:100px;} .spotMain .attention_wrap .hd_title { font-size:14px; display:block; font-weight:normal; line-height:19px; text-align:center; overflow:hidden; /* height:45px; */ max-height:46px;} .spotMain .attention_wrap .hd_title a { color:#666;} .spotMain .attention_wrap.sat {} /* 토요판 추가 : update 20171011 장지훈 */ .spotMain .attention_wrap.sat ul {padding-top:20px} .spotMain .attention_wrap.sat .sub_title { border-bottom:1px solid #000; padding:0 0 7px; font-size:14px; line-height:20px; } .spotMain .attention_wrap.sat .sub_title a { color:#000; text-decoration:none;} /* 탑기사 C타입 : 20161201 추가 IH / 20180102 update IH */ .feature_flame_wrap {width:1050px; margin:0 auto 25px;} .feature_flame_wrap .img_area a {display:block;} .feature_flame_wrap .img_area img {max-width:1050px;} .top_typeC {width:1050px; margin:0 auto;} .top_typeC .topNews {width:1050px; margin-bottom:20px; padding-bottom:25px; border-bottom:1px solid #e6e6e6; background-color:#fff;} .top_typeC .topNews:after { clear: both; content: ""; display: block;} .top_typeC .topNews .hd_title {display:block; overflow:hidden; width:1050px; line-height:56px; text-align:center; font-size:48px; font-weight:bold; letter-spacing:-0.07em; text-overflow:ellipsis; white-space:nowrap;} .top_typeC .topNews .hd_title a { color:#000;} .top_typeC .topNews .hd_title a img {vertical-align:baseline;} .top_typeC .topNews .txt_relate {overflow:hidden; margin-top:20px; margin-bottom:-10px;} .top_typeC .topNews .txt_relate li {overflow:hidden; float:left; width:514px; height:22px; margin-top:-1px; padding-left:11px; padding-bottom:0; border-bottom:0 none; text-overflow:ellipsis; white-space:nowrap; background:url("http://img.khan.co.kr/spko/main_2013/blit_relat.png") no-repeat scroll 1px 7px transparent; line-height:21px; color:#7d7d7d; font-size:13px;} .top_typeC .topNews .txt_relate li a { font-size:14px; color:#6d6d6d;} /* 2018 평창 동계올림픽 특집구역 : 20180123 IH */ .feature_op2018_wrap {position:relative; width:1050px; margin:0 auto 25px;} .feature_op2018_wrap .img_area {} .feature_op2018_wrap .img_area a {display:block;} .feature_op2018_wrap .img_area .feature_img img {max-width:1050px;} .feature_op2018_wrap .img_area .feature_tit_wrap {position:absolute; left:0; top:0; width:100%; height:100%;} .feature_op2018_wrap .img_area .feature_tit {display:table; position:absolute; left:0; top:0; width:100%; height:100%;} .feature_op2018_wrap .img_area .feature_tit strong {display:table-cell; padding:0 25px; text-align:center; vertical-align:middle; color:#fff; font-size:52px; line-height:1.2em; text-shadow:2px 2px 1px #000;} .feature_op2018_wrap .img_area .feature_tit.hide_txt strong {text-indent:-9999px;} .feature_op2018_wrap .wrap_medalinfo {display:none; position:absolute; right:0; top:0; width:370px; height:190px; background:url("http://img.khan.co.kr/spko/main_2017/bg_medalinfo.png") 0 -140px no-repeat;} .feature_op2018_wrap .wrap_medalinfo .dimm {position:absolute; width:100px height:100px; background-color:#000; z-index:10;} .feature_op2018_wrap .list_medalinfo {position:absolute; top:0; right:20px; z-index:20;} .feature_op2018_wrap .list_medalinfo:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;} .feature_op2018_wrap .list_medalinfo .tit_mi {position:absolute; top:73px; right:100%; width:150px; padding-right:12px; font-size:14px; font-weight:700; color:#fff; text-align:right; letter-spacing:-0.07em;} .feature_op2018_wrap .list_medalinfo .tit_mi .flag {position:absolute; left:103px; top:-34px;} .feature_op2018_wrap .list_medalinfo .tit_mi .flag img {width:45px;} .feature_op2018_wrap .list_medalinfo .item_mi {float:left; position:relative; margin-left:9px; width:54px; height:89px; background:url("http://img.khan.co.kr/spkn/pyeongchang2018/ico_sta_medalinfo.png") 0 0 no-repeat;} .feature_op2018_wrap .list_medalinfo .item_mi.fst {margin-left:0;} .feature_op2018_wrap .list_medalinfo .item_mi.gold {background-position:-1px -1px;} .feature_op2018_wrap .list_medalinfo .item_mi.silver {background-position:-56px -1px;} .feature_op2018_wrap .list_medalinfo .item_mi.bronze {background-position:-111px -1px;} .feature_op2018_wrap .list_medalinfo .item_mi .num {position:absolute; top:52px; left:9px; width:35px; font-size:30px; font-weight:bold; font-family:Arial; color:#FFF; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,.5);} .feature_op2018_wrap .top_relate {position:absolute; left:720px; bottom:40px;} .feature_op2018_wrap .top_relate li {padding-left:11px; background:url("http://img.khan.co.kr/spko/main_2017/icon_top_article.png") no-repeat scroll 0 50% transparent;} .feature_op2018_wrap .top_relate li a {display:block; overflow:hidden; width:304px; text-overflow:ellipsis; white-space:nowrap; line-height:1.8em; color:#fff; font-size:17px; font-weight:800; letter-spacing:-0.03em; text-shadow:1px 1px 1px #000;} #container .spotMain .crt.olympic2018 .photonews_wrap.op2018 {margin-bottom:20px;} #container .spotMain .crt.olympic2018 .photonews_wrap.h {margin-top:20px; padding-bottom:0;} /* 중간배너 */ #container .adBanner {position:relative;clear:both;width:1050px;padding:30px 0;margin:0 auto;background-color:#fff;} #container .adBanner:after { clear: both; content: ""; display: block;} .adBanner { clear:both; width:1050px; position:relative;} .adBanner:after { clear: both; content: ""; display: block;} .adBanner .trans_border { display:block; width:726px; height:88px;} .adBanner .bn01 { float:left; position:relative; width:728px; height:90px; margin-right:22px;} .adBanner .bn01 .trans_border { width:726px; height:88px;} .adBanner .bn02 { float:right; position:relative; width:240px; height:90px;} .adBanner .bn02 .trans_border { width:238px; height:88px;} #container .section_wrap {position:relative;width:1050px;margin:0 auto} #container .section_wrap:after { clear: both; content: ""; display: block;} .section_wrap .clt { float:left; width:700px; padding-right:26px; border-right:1px solid #e5e5e5; margin-right:-1px; z-index:1;} .section_wrap .sub_title { border-bottom:1px solid #000; padding:0 0 10px; font-size:15px; line-height:20px; color:#000;} .section_wrap .sub_title a { color:#000; text-decoration:none; display:block;} .section_wrap .con:after { clear: both; content: ""; display: block;} .section_wrap .sectionA, .section_wrap .sectionB, .section_wrap .sectionC, .section_wrap .sectionD, .section_wrap .sectionE, .section_wrap .sectionF { position:relative; width:700px; margin-bottom:50px;} .section_wrap .sectionA:after { clear: both; content: ""; display: block;} .section_wrap .sectionA .blog_news { float:left; width:514px;} .section_wrap .blog_news .con { margin-top:6px;} .section_wrap .sectionA .pot_cast { float:right; width:186px;} .section_wrap .sectionA .pot_cast .sub_title { border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; padding-left:20px;} .section_wrap .sectionA .showcase { float:left; width:150px; margin:12px 12px 0 0;} .showcase .text_area { border:1px solid #dfdfdf; background:none repeat scroll 0 0 #f8f8f8; width:134px; height:134px; padding:7px; position:relative;} .showcase .thumb { display:block; width:150px; height:84px; overflow:hidden; position:relative; margin:-8px -8px 0;} .showcase .thumb img { width:150px; height:84px;} .showcase .hd_title { font-size:14px; display:block; display:-webkit-box; overflow:hidden; height:45px; max-height:40px; font-weight:normal; line-height:18px; margin-top:5px; font-weight:bold; letter-spacing:-0.05em; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 제목 최대 두 줄 처리, 두 줄 이상은 말줄임(웹킷webkit기반만 가능) */ .showcase .hd_title a { color:#212121;} .showcase em { display:block; font-size:11px; line-height:14px; color:#999; margin-top:2px; position:absolute; left:7px; bottom:7px;} .section_wrap .sectionA .showcase.first { width:170px;} .showcase.first .text_area { width:154px; height:296px;} .showcase.first .thumb { width:170px; height:200px;} .showcase.first .thumb img { width:170px; height:200px;} .showcase.first .hd_title { line-height:20px; max-height:68px; height:66px;} .showcase .icon_cartoon { position:absolute; top:0; left:0; z-index:30; font-size:11px; background-color:#db3f50; padding:0 3px 1px;} .showcase .icon_cartoon span { color:#fff; font-family:verdana; font-weight:bold; letter-spacing:0;} .section_wrap .pot_cast .con { border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;} .section_wrap .pot_cast .slide_wrap { position:relative; width:184px; height:327px;} .section_wrap .pot_cast .slide_list { position:relative; width:184px; height:327px; overflow:hidden;} .section_wrap .pot_cast .pan { float:left; width:184px; height:327px;} .section_wrap .pot_cast .pan .photo { position:relative; width:184px; height:327px; display:block; overflow:hidden;} .section_wrap .pot_cast .pan .photo img { width:184px; height:327px;} .section_wrap .pot_cast .pan .text_area { position:absolute; top:160px; left:10px; z-index:20; width:164px; text-align:center;} .section_wrap .pot_cast .pan .hd_title { font-size:17px; line-height:25px; font-weight:bold; text-align:center;} .section_wrap .pot_cast .pan .hd_title a { color:#000; text-decoration:underline;} .section_wrap .pot_cast .pan .hd_title a:hover { color:#899ad2;} .pot_cast .slide_wrap .btn-prev, .pot_cast .slide_wrap .btn-next { background:url("http://img.khan.co.kr/spko/main_2015/btn_pot_arrow.png") no-repeat scroll 0 0 transparent; display:block; width:25px; height:25px; position:absolute; top:254px; overflow:hidden; text-indent:-9999px; z-index:30;} .pot_cast .slide_wrap .btn-prev { background-position:0 0; left:-12px;;} .pot_cast .slide_wrap .btn-prev:hover { background-position:0 100%;} .pot_cast .slide_wrap .btn-next { background-position:100% 0; right:-12px;;} .pot_cast .slide_wrap .btn-next:hover { background-position:100% 100%;} .pot_cast .slide_wrap .paging { position:absolute; right:5px; top:2px; z-index:30; font-size:12px; font-family:tahoma; color:#797979;} .pot_cast .slide_wrap .paging em { color:#000;} .sectionB:after { clear: both; content: ""; display: block;} .sectionB .con { margin-top:18px;} .sectionB .clt { width:200px; margin-right:30px; padding-right:0; border-right:0 none;} .sectionB .clt ul { width:200px; *position: relative; } .sectionB .clt li { width:200px; height:165px; overflow:hidden; margin-bottom:30px;} .sectionB .clt .thumb { display:block; position:relative; width:200px; height:113px; margin-bottom:4px; overflow:hidden;} .sectionB .clt .thumb img { /* width:200px; */ width:auto; height:113px; margin-left:-15px;} .sectionB .clt .hd_title { display:block; font-size:14px; line-height:23px; font-size:16px; font-weight:bold; height:50px;} .sectionB .clt .hd_title a { color:#000;} .section_wrap .sectionB .crt { width:470px; float:right; padding-left:0; margin-bottom:40px;} .sectionB .crt li { padding-bottom:7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionB .crt li:after { clear: both; content: ""; display: block;} .sectionB .crt li .hd_title { font-size:17px; display:block; font-weight:bold; letter-spacing:-0.07em; line-height:27px; height:29px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionB .crt li.last { border-bottom:0 none;} .sectionB .crt li .hd_title a { color:#000; } .sectionB .crt .clt li .top { margin-top:0; border-bottom:0 none;} .sectionB .crt .clt li .hd_title.top { font-size:31px; line-height:38px; letter-spacing:-0.03em;} .sectionB .crt .clt li .hd_title.top a { color:#000;} .sectionB .crt .clt li .top .txt_relate { margin-top:9px;} .sectionB .crt .clt li:first-child { margin-top:0;} .sectionB .crt .txt_relate { margin-top:7px;} .sectionB .crt .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:22px; color:#7d7d7d; overflow:hidden; padding-left:11px; height:22px; border-bottom:0 none;} .sectionB .crt .txt_relate li { margin-top:0; padding-bottom:0; border-bottom:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionB .crt .txt_relate li:after { clear: both; content: ""; display: block;} .sectionB .crt .txt_relate li a { color:#7d7d7d; letter-spacing:-0.03em;} .sectionB .card_news { clear: both; content: ""; display: block;} .sectionB .card_news { background:none repeat scroll 0 0 #d1d1d1; padding:12px; *zoom: 1;} .sectionB .card_news ul { overflow:hidden; margin-right:-16px; *position: relative;} .sectionB .card_news li { background:url("http://img.khan.co.kr/spko/main_2015/bg_quotation.png") no-repeat scroll 50% 10px #fff; width:138px; height:188px; border:1px solid #b6b6b6; float:left; padding:35px 10px 5px; margin-right:12px;} .sectionB .card_news li { text-align:center;} .sectionB .card_news li a { color:#000; } .sectionB .card_news .hd_title { display:inline-block; font-weight:bold; line-height:20px; font-size:15px; margin-bottom:15px; } .sectionB .card_news .hd_title .icon_news {margin-right:0;} .sectionB .card_news .photo { display:block; width:70px; height:70px; position:relative; overflow:hidden; margin:0 auto;} .sectionB .card_news .photo img { width:70px; height:70px;} .sectionB .card_news .mask { background:url("http://img.khan.co.kr/spko/main_2015/circle_frame_70.png") no-repeat scroll 0 0 transparent; display:block; top:0; right:0; bottom:0; left:0; position:absolute;} .sectionB .card_news .byline { text-align:center; margin-top:7px; color:#929292; display:block; font-size:11px; line-height:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionB .card_news li.noimg em {display:block; font-size:12px; line-height:19px; color:#777;} .sectionB .card_news li.noimg { background:none repeat scroll 0 0 #fff; padding:10px 10px 5px; height:213px;} .sectionB .card_news li.noimg .hd_title { font-size:17px; } .sectionB .card_news li.noimg .sb_title { color:#7b8390; display:block; margin-bottom:20px; font-weight:bold; font-size:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionC:after { clear: both; content: ""; display: block;} .sectionC .issue_wrap { width:471px; border-right:1px solid #ededed; float:left; margin-top:18px; padding-right:20px; margin-right:-1px; z-index:1;} .sectionC .clt { width:150px; margin-right:20px; padding-right:0; border-right:0 none;} .sectionC .clt ul { margin-bottom:-20px; *position: relative; } .sectionC .clt li { width:150px; overflow:hidden; margin-bottom:40px;} .sectionC .clt .thumb { display:block; position:relative; width:150px; height:85px; margin-bottom:4px; overflow:hidden;} .sectionC .clt .thumb img { /* width:150px; */ width:auto; height:85px; margin-left:-11px;} .sectionC .clt .hd_title { display:block; font-size:14px; line-height:21px; font-weight:bold;} .sectionC .clt .hd_title a { color:#000;} .section_wrap .sectionC .crt { width:300px; float:right; padding-left:0;} .sectionC .crt li { margin-top:6px; padding-bottom:2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionC .crt li:after { clear: both; content: ""; display: block;} .sectionC .crt li:first-child { margin-top:0;} .sectionC .crt li .hd_title { font-size:16px; display:block; font-weight:bold; letter-spacing:-0.07em; line-height:20px; height:26px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionC .crt li.last { border-bottom:0 none;} .sectionC .crt li .hd_title a { color:#000; } .sectionC .crt .clt li .top { margin-top:0; border-bottom:0 none;} .sectionC .crt .clt li .hd_title.top { font-size:31px; line-height:38px; letter-spacing:-0.03em;} .sectionC .crt .clt li .hd_title.top a { color:#000;} .sectionC .crt .clt li .top .txt_relate { margin-top:9px;} .sectionC .crt .clt li:first-child { margin-top:0;} .sectionC .crt .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:22px; color:#7d7d7d; overflow:hidden; padding-left:11px; height:22px; border-bottom:0 none;} .sectionC .crt .txt_relate li { margin-top:0; padding-bottom:0; border-bottom:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionC .crt .txt_relate li:after { clear: both; content: ""; display: block;} .sectionC .crt .txt_relate li a { color:#7d7d7d; letter-spacing:-0.03em;} .sectionC .say_news { float:right; width:148px; background:url("http://img.khan.co.kr/spko/main_2015/bg_say.png") no-repeat scroll 0 0 transparent; margin-top:35px; padding:80px 30px 0; margin-left:-1px; z-index:2;} .sectionC .say_news a { color:#000;} .sectionC .say_news .hd_title { display:block; font-size:17px; line-height:23px; font-weight:bold; text-align:center; height:76px; overflow:hidden;} .sectionC .say_news em { text-align:center; margin-top:7px; margin-bottom:15px; color:#9d9d9d; display:block; font-size:14px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionC .say_news .photo { display:block; width:102px; height:102px; position:relative; overflow:hidden; margin:0 auto;} .sectionC .say_news .photo img { width:102px; height:102px;} .sectionC .say_news .mask { background:url("http://img.khan.co.kr/spko/main_2015/circle_frame_102.png") no-repeat scroll 0 0 transparent; display:block; top:0; right:0; bottom:0; left:0; position:absolute;} /* .section_wrap .sectionD { margin-bottom:40px;} */ .sectionD .stock_wrap { height:41px; border-bottom:1px solid #ccc; background:none repeat scroll 0 0 #f9f9f9; position:relative; padding-left:16px; padding-right:10px;} .sectionD .stock_wrap:after { clear: both; content: ""; display: block;} .stock_wrap .economyBar { overflow:hidden; width:490px; height:35px; position:absolute; top:0; left:205px; z-index:10;} .stock_wrap .sb_tit { float:left; color:#3d5ec4; font-size:16px; font-weight:bold; line-height:21px; margin-right:40px; display:block; margin-top:9px;} .stock_wrap .sb_tit em { font-size:12px; color:#888; font-weight:normal; letter-spacing:0;} .stock_wrap .bar { color:#dfdfdf; font-size:22px; padding:0 2px; font-family:"돋움",Dotum; position:absolute; top:14px; left:175px; z-index:10;} .stock_wrap ul { float:left; display:block; margin-top:10px; width:490px; overflow:hidden;} .stock_wrap li { color:#000; font-weight:bold; font-size:15px; display:block; width:490px; height:25px;} .stock_wrap li span { float:left; line-height:20px;} .stock_wrap .currency { color:#000; margin-right:10px;} .stock_wrap .up { color:#e90000; font-size:15px; font-family:tahoma; letter-spacing:0;} .stock_wrap .down { color:#3d8de7; font-size:15px; font-family:tahoma; letter-spacing:0;} .stock_wrap .emo { font-family:"돋움",Dotum; font-size:12px; margin-left:10px;} .stock_wrap .text_bar { color:#f9f9f9; margin:0 15px;} .sectionD .con { margin-top:18px; clear:both;} .sectionD .clt { width:200px; margin-right:30px; padding-right:0; border-right:0 none;} .sectionD .clt ul { width:200px; margin-bottom:-20px; *position: relative; } .sectionD .clt li { width:200px; height:165px; overflow:hidden; margin-bottom:40px;} .sectionD .clt .thumb { display:block; position:relative; width:200px; height:113px; margin-bottom:4px; overflow:hidden;} .sectionD .clt .thumb img { width:200px; height:113px;} .sectionD .clt .hd_title { display:block; font-size:16px; line-height:23px; font-weight:bold;} .sectionD .clt .hd_title a { color:#000;} .section_wrap .sectionD .crt { width:470px; float:right; padding-left:0;} .sectionD .crt li { padding-bottom:7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionD .crt li:after { clear: both; content: ""; display: block;} .sectionD .crt li:first-child { margin-top:0;} .sectionD .crt li .hd_title { font-size:17px; display:block; font-weight:bold; letter-spacing:-0.07em; line-height:27px; height:29px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionD .crt li.last { border-bottom:0 none;} .sectionD .crt li .hd_title a { color:#000; } .sectionD .crt .clt li .top { margin-top:0; border-bottom:0 none;} .sectionD .crt .clt li .hd_title.top { font-size:31px; line-height:38px; letter-spacing:-0.03em;} .sectionD .crt .clt li .hd_title.top a { color:#000;} .sectionD .crt .clt li .top .txt_relate { margin-top:9px;} .sectionD .crt .clt li:first-child { margin-top:0;} .sectionD .crt .txt_relate { margin-top:7px;} .sectionD .crt .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:22px; color:#7d7d7d; overflow:hidden; padding-left:11px; height:22px; border-bottom:0 none;} .sectionD .crt .txt_relate li { margin-top:0; padding-bottom:0; border-bottom:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionD .crt .txt_relate li:after { clear: both; content: ""; display: block;} .sectionD .crt .txt_relate li a { color:#7d7d7d; letter-spacing:-0.03em;} .sectionD .card_news { width:700px; clear: both; display: block; overflow:hidden;} .sectionD .card_news:after { clear: both; content: ""; display: block;} .sectionD .card_news ul { overflow:hidden; margin-top:30px; margin-right:-18px; *position:relative;} .sectionD .card_news li { width:220px; height:177px; float:left; margin-right:18px; overflow:hidden; position:relative; } .sectionD .card_news .thumb { display:block; width:220px; height:177px; overflow:hidden; position:relative;} .sectionD .card_news .thumb img { width:220px; height:177px;} .sectionD .card_news .shadow { background:url("http://img.khan.co.kr/spko/main_2015/shdow_frame_01.png") no-repeat scroll 0 0 transparent; display:block; top:0; right:0; bottom:0; left:0; position:absolute;} .sectionD .card_news .icon_news_hot { position:absolute; top:8px; left:8px; z-index:10; height:20px;} .sectionD .card_news .icon_news_hot span { font-size:12px;} .sectionD .card_news .hd_title { position:absolute; bottom:8px; left:10px; z-index:20; font-size:15px; font-weight:bold; line-height:21px; display:block; width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionD .card_news .hd_title a { color:#fff; } .sectionD .card_news li.noimg { border:1px solid #ccc; width:194px; height:155px; padding:8px 12px 12px; text-align:center;} .sectionD .card_news .noimg .icon_news_hot2 { background:none repeat scroll 0 0 #000; display:inline-block; zoom:1; *display:inline;} .sectionD .card_news .noimg .icon_news_hot2 span { font-size:12px; color:#fff; display:block; font-weight:normal; height:20px; line-height:17px; padding:0 5px 0 4px;} .sectionD .card_news .noimg em { display:block; margin-top:7px; color:#929292; } .sectionD .card_news .noimg .hd_title2 { margin-top:20px; font-size:15px; font-weight:bold; line-height:21px; display:block; width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionD .card_news .noimg a { color:#000;} .sectionE { clear:both;} .sectionE:after { clear: both; content: ""; display: block;} .sectionE .con { margin-top:18px; position:relative; height:465px; overflow:hidden;} .sectionE .con:after { clear: both; content: ""; display: block;} .sectionE .photo_type { width:230px; position:absolute; top:0; left:0; z-index:10; overflow:hidden;} .sectionE .photo_type.p02 { left:235px;} .sectionE .photo_type.p03 { left:235px; top:195px;} .sectionE .photo_type.p04 { left:470px; top:0;} .sectionE .photo_type.p05 { left:0; top:275px;} .sectionE .photo_type.p06 { left:235px; top:275px;} .sectionE .photo_type.p07 { left:470px; top:195px;} .sectionE .photo_type .text_area { border:1px solid #ccc; position:relative; width:204px; height:244px; padding:12px;} .sectionE .photo_type.btype .text_area { height:164px;} .sectionE .photo_type.ctype .text_area { height:43px; background:none repeat scroll 0 0 #f4f4f5; padding:15px 12px; } .sectionE .photo_type.dtype .text_area { height:176px; background:none repeat scroll 0 0 #f4f4f5; padding:0 12px 12px;} .sectionE .photo_type .text_area .thumb { position:relative; overflow:hidden; display:block; width:230px; height:200px; margin:-13px -13px 0;} .sectionE .photo_type.btype .text_area .thumb { height:130px;} .sectionE .photo_type .text_area .thumb img { width:230px; height:200px;} .sectionE .photo_type.btype .text_area .thumb img { height:130px;} .sectionE .photo_type .hd_title { display:block; font-size:17px; font-weight:bold; line-height:20px; margin-top:11px; height:44px; overflow:hidden;} .sectionE .photo_type.btype .hd_title { margin-top:8px; font-size:15px;} .sectionE .photo_type.ctype .hd_title { margin-top:0; font-size:17px;} .sectionE .photo_type .hd_title a { color:#000;} .sectionE .photo_type em { margin-top:6px; display:block; font-size:14px; line-height:19px; max-height:114px; overflow:hidden;} .sectionE .photo_type em a { color:#828283;} .section_wrap .sectionF { margin-bottom:20px;} .sectionF:after { clear: both; content: ""; display: block;} .sectionF .con { margin-top:18px;} .section_wrap .sectionF .clt { width:126px; border-right:0 none; padding-right:0;} .section_wrap .sectionF .clt:after { clear: both; content: ""; display: block;} .section_wrap .sectionF .sub_title { border-bottom:0 none;} .sectionF .clt .magazine_menu { width:126px; overflow:hidden; float:left; font-size:17px; font-weight:bold; color:#8e8e8e;} .sectionF .clt .magazine_menu .menu span{ background:url("http://img.khan.co.kr/spko/main_2015/bg_magazine_menu.png") no-repeat scroll -136px 0 transparent; display:block; width:110px; height:45px; padding:20px 0 0 16px;} .sectionF .clt .magazine_menu .menu.m01 span { background-position:-136px 0; color:#8e8e8e;} .sectionF .clt .magazine_menu .menu.m01 a.on span { background-position:0 0; color:#000;} .sectionF .clt .magazine_menu .menu.m02 span { background-position:0 -65px; color:#8e8e8e;} .sectionF .clt .magazine_menu .menu.m02 a.on span { background-position:-136px -65px; color:#000;} .sectionF .clt .magazine_menu .menu a { text-decoration:none; display:block; width:126px; height:65px; cursor:pointer;} .sectionF .crt .photo_news { float:left; width:200px; overflow:hidden;} .sectionF .crt .photo_news .thumb { display:block; width:200px; height:125px; margin-bottom:4px; position:relative; overflow:hidden;} .sectionF .crt .photo_news .thumb img { width:200px; height:125px;} .sectionF .crt .photo_news .hd_title { display:block; font-size:14px; font-weight:bold; line-height:21px; height:50px; overflow:hidden;} .sectionF .crt .photo_news .hd_title a { color:#000;} .section_wrap .sectionF .crt { width:551px;} .sectionF .crt ul { margin-top:-5px; float:right; width:330px;} .sectionF .crt li { margin-top:3px; padding-bottom:4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionF .crt li:after { clear: both; content: ""; display: block;} .sectionF .crt li:first-child { margin-top:0;} .sectionF .crt li .hd_title { font-size:16px; display:block; font-weight:bold; letter-spacing:-0.07em; line-height:26px; height:24px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sectionF .crt li.last { border-bottom:0 none;} .sectionF .crt li .hd_title a { color:#000; } .sectionF .crt .clt li .top { margin-top:0; border-bottom:0 none;} .sectionF .crt .clt li .hd_title.top { font-size:31px; line-height:38px; letter-spacing:-0.03em;} .sectionF .crt .clt li .hd_title.top a { color:#000;} .sectionF .crt .clt li .top .txt_relate { margin-top:9px;} .sectionF .crt .clt li:first-child { margin-top:0;} .section_wrap .crt { float:right; width:300px; position:relative; padding-left:23px; margin-left:-1px; z-index:2;} .section_wrap .crt .sub_title { border-bottom:0 none; } .photo_slide_wrap { width:280px; margin-bottom:40px; background:none repeat scroll 0 0 #3a3d41; padding:10px 10px 5px 10px; position:relative;} .photo_slide_wrap .sub_title a { color:#fff; font-size:17px; line-height:22px;} .photo_slide_wrap .more { position:absolute; right:8px; top:10px;} .photo_slide_wrap .more a { background:url("http://img.khan.co.kr/spko/main_2015/icon_more_arrow03.png") no-repeat scroll 0 0 transparent; display:block; width:22px; height:22px; overflow:hidden; text-indent:-9999px;} .photo_slide_wrap .con { position:relative;} .photo_slide_wrap .slide_list { float:left; width:280px; height:300px;} .photo_slide_wrap .thumb { width:280px; height:236px; position:relative; display:block;} .photo_slide_wrap .thumb img { width:280px; height:236px;} .photo_slide_wrap .thumb .icon_play { background:url("http://img.khan.co.kr/spko/main_2015/icon_play03.png?qr") no-repeat scroll 0 0 transparent; position:absolute; top:92px; left:114px; z-index:30; width:52px; height:52px;} .photo_slide_wrap .hd_title { display:block; font-size:17px; line-height:23px; font-weight:bold; margin-top:10px; letter-spacing:-0.01em; height:50px; overflow:hidden;} .photo_slide_wrap .hd_title a { color:#fff;} .photo_slide_wrap .pt_paging { clear:both; font-size:12px; font-family:tahoma; color:#9bb0c0; text-align:right; display:block; padding:0 0 7px 0; letter-spacing:0;} .photo_slide_wrap .pt_paging em { color:#fff;} .photo_slide_wrap .pt_btn-prev , .photo_slide_wrap .pt_btn-next { background:url("http://img.khan.co.kr/spko/main_2015/btn_photo_arrow.png") no-repeat scroll 0 0 transparent; display:block; width:44px; height:44px; position:absolute; top:95px; overflow:hidden; text-indent:-9999px; z-index:30;} .photo_slide_wrap .pt_btn-prev { background-position:0 0; left:0;;} .photo_slide_wrap .pt_btn-prev:hover { background-position:0 100%;} .photo_slide_wrap .pt_btn-next { background-position:100% 0; right:0;} .photo_slide_wrap .pt_btn-next:hover { background-position:100% 100%;} .issue_news {width:300px} .issue_news .sub_title a { color:#000;} .issue_news .con { border:1px solid #c8c8c8; position:relative; width:298px;} .issue_news .issue_bn { border-bottom:1px solid #c8c8c8; height:60px; display:block;} .issue_news .news_box { position:relative; height:239px; overflow:hidden;} .issue_news .news_box li { text-align:center; padding:12px;} .issue_news .news_box li.is01 { position:absolute; top:0; left:0; z-index:10; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; width:125px; height:124px;} .issue_news .news_box li.is02 { position:absolute; top:0; left:150px; z-index:10; border-bottom:1px solid #d6d6d6; width:124px; height:66px;} .issue_news .news_box li.is03 { position:absolute; top:149px; left:0; z-index:10;border-right:1px solid #d6d6d6; width:125px; height:66px;} .issue_news .news_box li.is04 { position:absolute; top:91px; left:150px; z-index:10; width:124px; height:124px;} .issue_news .news_box li a { color:#000;} .issue_news .news_box .hd_title { display:block; overflow:hidden; font-size:14px; font-weight:bold; line-height:19px; margin-bottom:12px;} .issue_news .news_box .noimg .hd_title { height:62px;} .issue_news .news_box .photo { display:block; width:70px; height:70px; position:relative; overflow:hidden; margin:0 auto;} .issue_news .news_box .photo img { width:70px; height:70px;} .issue_news .news_box .photo .mask { background:url("http://img.khan.co.kr/spko/main_2015/circle_frame_70.png") no-repeat scroll 0 0 transparent; display:block; top:0; right:0; bottom:0; left:0; position:absolute;} .issue_news.sat {margin-bottom:40px} /* 토요판 : update 20171011 장지훈 */ .issue_news.sat .con {border:1px solid #e1e1e1} .issue_news.sat .news_box .noimg .hd_title {display:table-cell;*padding-top:15px;vertical-align:middle} .issue_news.sat .news_box li.is02, .issue_news.sat .news_box li.is03 {background-image:url(http://img.khan.co.kr/spko/main_2017/bg_pattern_issue_news.png)} .issue_news.sat .news_box .hd_title {text-shadow:1px 1px 0 #fff} .issue_news.issue {overflow:hidden;} /* 이슈 및 연재 : update 20171011 장지훈 */ .issue_news.issue .con {border:1px solid #e1e1e1} .issue_news.issue .news_box {height:157px} .issue_news.issue .news_box li {padding:0} .issue_news.issue .news_box li.is01 {width:auto;height:auto;} .issue_news.issue .news_box .noimg .hd_title {display:table-cell;*padding-top:15px;vertical-align:middle} .issue_news.issue .news_box li.is02 {top:90px;width:150px;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-bottom:0} .issue_news.issue .news_box li.is03 {top:90px;width:150px;border-top:1px solid #e1e1e1} .sports_news { margin-top:40px; margin-bottom:40px; position:relative;} .sports_news:after { clear: both; content: ""; display: block;} .sports_news .sub_title a { color:#000;} .sports_news .con { position:relative;} .sports_news .con .tab { position:absolute; top:-31px; right:0; z-index:10; background:none repeat scroll 0 0 #f4f4f5; border:1px solid #e1e1e1; height:30px;} .sports_news .con .tab:after { clear: both; content: ""; display: block;} .sports_news .con .tab li:first-child a { border-left:none; width:74px;} .sports_news .con .tab li {float:left; width:75px;} .sports_news .con .tab li a { color:#808080; display:block; font-size:13px; font-weight:bold; line-height:19px; padding:5px 0 7px; text-align:center; border-left:1px solid #e1e1e1;} .sports_news .con .tab li.on a { background:none repeat scroll 0 0 #fff; color:#3c57b0;} .sports_news .newscont_wrap { position:relative; height:256px; padding:14px; border:1px solid #e1e1e1;} .newscont_wrap .photo_news { border-bottom:1px solid #e3e4e7; padding-bottom:12px;} .newscont_wrap .photo_news .thumb { display:block; position:relative; width:270px; height:110px; margin-bottom:8px; overflow:hidden;} .newscont_wrap .photo_news .thumb img { width:270px; height:110px;} .newscont_wrap .photo_news .hd_title { display:block; font-size:15px; line-height:21px; font-weight:bold; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .newscont_wrap .photo_news .hd_title a { color:#000;} .sports_news .newscont_wrap ul { overflow:hidden; margin-top:12px;} .sports_news .newscont_wrap li { background:url("http://img.khan.co.kr/spko/main_2015/blit_blue.gif") no-repeat scroll 1px 8px transparent; padding-left:8px; font-size:14px; line-height:20px; margin-bottom:3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sports_news .newscont_wrap li a { color:#535353;} .life_news { margin-top:40px; position:relative; border-top:1px solid #c4c9cc;} .life_news:after { clear: both; content: ""; display: block;} .life_news .list { background:url("http://img.khan.co.kr/spko/main_2015/icon_more_arrow02.png") no-repeat scroll 274px 9px transparent; border-bottom:1px solid #c4c9cc; color:#666; font-size:15px; font-weight:bold; line-height:21px; } .life_news .list a { text-decoration:none; display:block;} .life_news .list a.on { background:none repeat scroll 0 0 #666e75; color:#fff;} .life_news .tit { height:30px; display:block; padding-top:5px; padding-left:10px;} .life_news .list .cont_news { width:300px; padding: 15px 0 10px 0; height:245px;} .life_news .list .cont_news .photo { overflow:hidden; margin-right:-10px;} .life_news .list .cont_news .photo:after { clear: both; content: ""; display: block;} .life_news .list .cont_news .photo li { float:left; width:145px; height:140px; overflow:hidden; margin-right:10px;} .life_news .list .cont_news .photo li .thumb { width:145px; height:90px; position:relative;} .life_news .list .cont_news .photo li .thumb a { display:block;} .life_news .list .cont_news .photo li .thumb img { width:145px; height:90px;} .life_news .list .cont_news .photo li .text { display:block; overflow:hidden; max-height:42px; text-align:center; margin-top:3px; line-height:21px; font-size:15px; font-weight:bold; color:#222;} .life_news .list .cont_news .txtList { overlof:hidden; margin-top:17px;} .life_news .list .cont_news .txtList li { background:url("http://img.khan.co.kr/spko/main_2015/blit_blue.gif") no-repeat scroll 1px 8px transparent; padding-left:8px; font-size:14px; font-weight:normal; line-height:20px; margin-bottom:3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .life_news .list .cont_news .txtList li a { color:#535353; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .life_news .list .cont_news .txtList li a:hover { text-decoration:underline;} .bestview_news { margin-top:40px; position:relative;} .bestview_news:after { clear: both; content: ""; display: block;} .bestview_news .con .tab { position:relative; background:none repeat scroll 0 0 #f4f4f5; border:1px solid #e1e1e1; height:53px; margin-left:-1px;} .bestview_news .con .tab:after { clear: both; content: ""; display: block;} .bestview_news .con .tab ul { position:absolute; top:0; left:0; width:100%; z-index:10;} .bestview_news .con .tab li:first-child span { border-left:none; width:74px;} .bestview_news .con .tab li {float:left; width:74px;} .bestview_news .con .tab li.last { width:76px;} .bestview_news .con .tab li.last span { padding:5px 0 5px;} .bestview_news .con .tab li span { cursor:pointer; color:#808080; display:block; font-size:16px; font-weight:bold; line-height:22px; padding:14px 0 18px; text-align:center; border-left:1px solid #e1e1e1;} .bestview_news .con .tab li.on span { background:none repeat scroll 0 0 #fff; color:#3c57b0;} .bestview_news .newscont_wrap { position:relative; height:122px; padding:14px; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .bestview_news .newscont_wrap li { font-size:14px; line-height:20px; margin-bottom:4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .bestview_news .newscont_wrap li a { color:#000;} .bestview_news .newscont_wrap li strong { color:#8e8e8e; display:inline-block; font-family:tahoma; font-size:12px; width:18px; zoom:1; *display:inline;} .bestview_news .newscont_wrap li.num_color strong { color:#4e7bcc; } .talktalk { margin-top:40px; position:relative;} .talktalk .sub_title a { color:#000;} .talktalk .more { position:absolute; right:0; top:3px;} .talktalk .more a { background:url("http://img.khan.co.kr/spko/main_2015/icon_more_arrow.png") no-repeat scroll 0 0 transparent; display:block; width:17px; height:17px; overflow:hidden; text-indent:-9999px;} .talktalk .con { border:1px solid #d6d6d6;} .talktalk .con a { display:block; width:298px; height:73px; position:relative;} .talktalk .con img { position:absolute; top:0; right:0; z-index:10; width:80px; height:73px;} .talktalk .con .speaker { color:#3b57b7; display:block; font-size:14px; position:absolute; top:15px; left:15px; z-index:15; width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .talktalk .con strong { color:#000; display:block; font-size:17px; font-weight:bold; position:absolute; left:15px; top:36px; width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .foreign { margin-top:40px; margin-bottom:40px; position:relative;} .foreign:after { clear: both; content: ""; display: block;} .foreign .con .tab { position:relative; background:none repeat scroll 0 0 #f4f4f5; border:1px solid #e1e1e1; height:35px; margin-left:-1px;} .foreign .con .tab:after { clear: both; content: ""; display: block;} .foreign .con .tab ul { position:absolute; top:0; left:0; width:100%; z-index:10;} .foreign .con .tab li:first-child a { border-left:none; width:100px;} .foreign .con .tab li {float:left; width:99px;} .foreign .con .tab li.last { width:100px;} .foreign .con .tab li a { color:#808080; display:block; font-size:14px; font-weight:bold; line-height:20px; padding:7px 0 9px; text-align:center; border-left:1px solid #e1e1e1;} .foreign .con .tab li.on a { background:none repeat scroll 0 0 #fff; color:#3c57b0;} .foreign .newscont_wrap { position:relative; height:45px; padding:13px; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .foreign .newscont_wrap li { background:url("http://img.khan.co.kr/spko/main_2015/blit_blue.gif") no-repeat scroll 1px 8px transparent; padding-left:8px; font-size:14px; width:127px; float:left; line-height:20px; margin-bottom:4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .foreign .newscont_wrap li a { color:#535353;} .notice { position:relative; margin-top:40px; } .notice:after { clear: both; content: ""; display: block;} .notice .con .tab { position:relative; background:none repeat scroll 0 0 #f4f4f5; border:1px solid #e1e1e1; height:35px; margin-left:-1px;} .notice .con .tab:after { clear: both; content: ""; display: block;} .notice .con .tab ul { position:absolute; top:0; left:0; width:100%; z-index:10;} .notice .con .tab li:first-child a { border-left:none; width:148px;} .notice .con .tab li {float:left; width:149px;} .notice .con .tab li a { color:#808080; display:block; font-size:14px; font-weight:bold; line-height:20px; padding:7px 0 9px; text-align:center; border-left:1px solid #e1e1e1;} .notice .con .tab li.on a { background:none repeat scroll 0 0 #fff; color:#3c57b0;} .notice .newscont_wrap { position:relative; padding:14px; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .notice .newscont_wrap .photo_news { border-bottom:0 none; margin-bottom:12px; padding-bottom:0;} .notice .newscont_wrap .photo_news .thumb { display:block; position:relative; width:270px; height:65px; margin-bottom:8px; overflow:hidden;} .notice .newscont_wrap .photo_news .thumb img { width:270px; height:65px;} .notice .newscont_wrap ul { overflow:hidden;} .notice .newscont_wrap li { background:url("http://img.khan.co.kr/spko/main_2015/blit_blue.gif") no-repeat scroll 1px 8px transparent; padding-left:8px; font-size:14px; line-height:20px; min-height:22px; margin-bottom:3px; /* text-overflow:ellipsis; overflow:hidden; white-space:nowrap; */} .notice .newscont_wrap li a { color:#535353} /* 미디어 스토리 콘텐츠 : update 20170811 장지훈 */ .section_mediastory {overflow:hidden;position:relative;width:100%;min-width:1050px;margin-bottom:30px;background:#3a4147;border-bottom:1px solid #191919;background:url(http://img.khan.co.kr/spko/main_2017/bg_mstory.png) 0 0 repeat-x} .wrap_mstory {position:relative;width:1050px;margin:0 auto;} .wrap_mstory:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0} .wrap_mstory .bg_pattern1 {position:absolute;top:-177px;left:-235px;width:524px;height:524px;background:url(http://img.khan.co.kr/spko/main_2017/bg_msotry_pattern1.png) 0 0 no-repeat} .wrap_mstory .bg_pattern2 {position:absolute;top:-20px;left:680px;width:161px;height:161px;background:url(http://img.khan.co.kr/spko/main_2017/bg_msotry_pattern2.png) 0 0 no-repeat} .wrap_mstory .bg_pattern3 {position:absolute;top:188px;right:-154px;width:357px;height:357px;background:url(http://img.khan.co.kr/spko/main_2017/bg_msotry_pattern3.png) 0 0 no-repeat} .wrap_mstory .group_mstory {float:left;position:relative;z-index:1;padding:30px 0;margin-left:30px} .wrap_mstory .group_mstory:first-child, .wrap_mstory .group_mstory.fst {margin-left:0} .wrap_mstory .tit_group {margin-bottom:15px;*margin-right:5px} .wrap_mstory .tit_group .link_more {width:13px;height:13px;margin:1px 0 0 5px;background:url(http://img.khan.co.kr/spko/main_2017/img_mstory_component.png) 0 0 no-repeat} .wrap_mstory .tit_group .link_more:hover {width:38px;background-position:100% 0} .wrap_mstory .slide_mstory {overflow:hidden;position:relative;width:240px;height:330px;background:#a9a9a9} .wrap_mstory .slide_mstory .paging_slide {} .wrap_mstory .slide_mstory .paging_slide .paging_now {position:absolute;top:10px;right:10px} .wrap_mstory .slide_mstory .paging_slide .paging_now:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0} .wrap_mstory .slide_mstory .paging_slide .btn_now {display:block;float:left;width:12px;height:20px;background:url(http://img.khan.co.kr/spko/main_2017/img_mstory_component.png) 0 -156px no-repeat} .wrap_mstory .slide_mstory .paging_slide .btn_now:hover, .wrap_mstory .slide_mstory .paging_slide .btn_now.on {background-position:-193px -156px} /* .wrap_mstory .slide_mstory .paging_slide .btn_now {*display:block;*float:left;width:5px;height:5px;margin-left:3px;border-radius:5px;background:#838383;background:rgba(255,255,255,0.3);box-shadow:0 0 1px #000000;box-shadow:0 0 1px rgba(0,0,0,0.8)} .wrap_mstory .slide_mstory .paging_slide .btn_now:first-child {margin-left:0} .wrap_mstory .slide_mstory .paging_slide .btn_now.on {background:#fff} */ .wrap_mstory .slide_mstory .paging_slide .btn_prev {position:absolute;top:50%;left:0;width:40px;height:60px;margin-top:-30px;background:url(http://img.khan.co.kr/spko/main_2017/img_mstory_component.png) 0 -14px no-repeat} .wrap_mstory .slide_mstory .paging_slide .btn_prev:hover {background-position:100% -14px} .wrap_mstory .slide_mstory .paging_slide .btn_next {position:absolute;top:50%;right:0;width:40px;height:60px;margin-top:-30px;background:url(http://img.khan.co.kr/spko/main_2017/img_mstory_component.png) 0 -77px no-repeat} .wrap_mstory .slide_mstory .paging_slide .btn_next:hover {background-position:100% -77px} .wrap_mstory .slide_mstory .list_thumb {position:absolute;top:0;height:100%} .wrap_mstory .slide_mstory .list_thumb .item_thumb {float:left;position:relative;width:240px;height:100%} .wrap_mstory .slide_mstory .list_thumb .thumb {width:100%;height:100%} .wrap_mstory .slide_mstory.blog {height:230px} .wrap_mstory .slide_mstory.blog .link_cate {position:absolute;left:0;bottom:48px;max-width:100%;word-break:break-all} .wrap_mstory .slide_mstory.blog .link_cate:hover .tit_cate {text-decoration:underline} .wrap_mstory .slide_mstory.blog .tit_cate {display:block;padding:0 15px 0 15px;font-size:11px;font-weight:normal;font-family:돋움,Dotum,"Baekmuk Dotum",Undotum,"Apple Gothic","Latin font",sans-serif;letter-spacing:-0.075em;color:#2fb8ff;text-shadow:1px 1px 0 rgba(0,0,0,0.2)} .wrap_mstory .slide_mstory.blog .box_caption {position:absolute;left:0;top:179px;margin:0 0 3px 15px;word-break:break-all} .wrap_mstory .slide_mstory.blog .box_caption:hover .tit_caption {text-decoration:underline} .wrap_mstory .slide_mstory.blog .tit_caption {display:block;font-size:17px;font-weight:normal;line-height:24px;letter-spacing:-0.05em;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2)} .wrap_mstory .slide_mstory.blog .bg_caption {position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(http://img.khan.co.kr/spko/main_2017/bg_msotry_blog_caption.png) 0 100% repeat-x} .wrap_mstory .list_blog {width:240px;height:330px;background:#f4f4f4} .wrap_mstory .list_blog.type2 {width:240px;height:99px;background:#f4f4f4} /* 삭제항목_시작 */ .wrap_mstory .list_blog .hdline {position:relative;overflow:hidden;width:240px;height:230px} .wrap_mstory .list_blog .hdline .thumb {width:auto;height:100%} .wrap_mstory .list_blog .hdline .box_caption {position:absolute;left:0;top:179px;width:100%;*width:95%;word-break:break-all} .wrap_mstory .list_blog .hdline .box_caption:hover .tit_caption {text-decoration:underline} .wrap_mstory .list_blog .hdline .tit_caption {display:block;overflow:hidden;height:30px;padding:0 15px 15px 15px;margin-bottom:5px;font-size:17px;font-weight:normal;line-height:22px;letter-spacing:-0.05em;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2)} .wrap_mstory .list_blog .hdline .link_cate {position:absolute;left:0;bottom:48px;max-width:100%;word-break:break-all} .wrap_mstory .list_blog .hdline .link_cate:hover .tit_cate {text-decoration:underline} .wrap_mstory .list_blog .hdline .tit_cate {display:block;padding:0 15px 0 15px;font-size:11px;font-weight:normal;font-family:돋움,Dotum,"Baekmuk Dotum",Undotum,"Apple Gothic","Latin font",sans-serif;letter-spacing:-0.075em;color:#2fb8ff;text-shadow:1px 1px 0 rgba(0,0,0,0.2)} .wrap_mstory .list_blog .hdline .bg_caption {position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(http://img.khan.co.kr/spko/main_2017/bg_msotry_blog_caption.png) 0 100% repeat-x} /* 삭제항목_끝 */ .wrap_mstory .list_blog .item_blog {height:30px;margin:0 15px;border-top:1px solid #fff;*border-top:1px solid #d0d0d0;box-shadow:0 -1px 0 #d0d0d0} @media \0screen { .wrap_mstory .list_blog .item_blog {border-top:1px solid #d0d0d0} } .wrap_mstory .list_blog .item_blog.item1 {padding-top:5px;border-top:0} .wrap_mstory .list_blog .item_blog.item2 .link_caption:after {background-position:0 -12px} .wrap_mstory .list_blog .item_blog.item3 .link_caption:after {background-position:0 -24px} .wrap_mstory .list_blog .item_blog .link_caption {display:block;position:relative;padding-top:6px} /*.wrap_mstory .list_blog .item_blog .link_caption:after {content:"";position:absolute;bottom:3px;left:2px;width:11px;height:13px;background:url(http://img.khan.co.kr/spko/main_2017/bg_msotry_item_blog.png) 0 0 no-repeat}*/ .wrap_mstory .list_blog .item_blog .tit_caption {padding:0 5px 0 0;font-size:14px;letter-spacing:-0.05em;color:#332828;text-shadow:1px 1px 0 #fff} .wrap_mstory .potcast .link_caption {position:absolute;left:0;bottom:0;width:210px;height:50px;margin:0 0 15px 15px;word-break:break-all;background:url(http://img.khan.co.kr/spko/main_2017/bg_msotry_potcast_link_acrtcle.png) 0 0 no-repeat} .wrap_mstory .potcast .link_caption:hover .tit_caption {text-decoration:underline} .wrap_mstory .potcast .tit_caption {display:inline-block;padding:8px 50px 0 20px;font-size:13px;font-weight:normal;line-height:17px;letter-spacing:-0.05em;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2)} .wrap_mstory .photo .box_caption {position:absolute;left:0;bottom:0;margin:0 0 15px 15px;word-break:break-all} .wrap_mstory .photo .box_caption:hover .tit_caption {text-decoration:underline} .wrap_mstory .photo .tit_caption {display:block;font-size:17px;font-weight:normal;line-height:24px;letter-spacing:-0.05em;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2)} .wrap_mstory .photo .bg_caption {position:absolute;left:0;top:0;width:100%;height:100%;background:url(http://img.khan.co.kr/spko/main_2017/bg_msotry_photo_caption.png) 0 0 repeat-x} /* 동영상 영역 추가 20190523 IH*/ .wrap_mstory .movlog .link_movthumb {position:absolute;left:0;bottom:70px;width:210px;height:118px;margin:0 0 15px 15px;word-break:break-all;} .wrap_mstory .movlog .link_movthumb .thumb {border-radius:5px; box-shadow:2px 2px 3px rgba(0,0,0,0.15);} .wrap_mstory .movlog .link_caption {position:absolute;left:0;bottom:0;width:210px;height:50px;margin:0 0 15px 15px;word-break:break-all;background:url("http://img.khan.co.kr/spko/main_2017/bg_msotry_potcast_link_acrtcle.png") 0 0 no-repeat;} .wrap_mstory .movlog .link_caption:hover .tit_caption {text-decoration:underline;} .wrap_mstory .movlog .tit_caption {display:inline-block;padding:8px 50px 0 20px;font-size:13px;font-weight:normal;line-height:17px;letter-spacing:-0.05em;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2);} /**************************************************************************** aside area ****************************************************************************/ .aside_wrap {position:relative;width:1050px;margin:0 auto} /**************************************************************************** 광고 ****************************************************************************/ .crt .kocef { position:relative; margin-top:40px;} .crt .ad_imgBanner { margin-top:30px;} .crt .bn_photobank { margin-top:30px;} /* 날개배너 : 우측컨텐츠 기준 */ #sideRight { position: relative; } #sideRight .ad_wingL { position: absolute; top: 0px; left: -875px; width:90px; text-align:right; } /*#sideRight .ad_wingR { position: absolute; top: 0px; left: 210px; width:90px; display:hidden; visibility:hidden; } */ #sideRight .ad_wingR { position: absolute; top: -10px; left: 210px; text-align:right; } /* 양쪽 광고 날개 배너 : update 20170811 장지훈 */ #iwm_fsa_wrap {position:relative;z-index:99;width:1050px;margin:0 auto;} #iwm_fsa_wrap .left_wing {left: -145px;overflow:visible;position:absolute;top:30px;} #iwm_fsa_wrap .left_wing .link_banner {display:block} #iwm_fsa_wrap .left_wing .link_banner+.link_banner {margin-top:20px} #iwm_fsa_wrap .left_wing .link_banner.pyeongchang2018 {width:120px;height:281px;text-align:center;background:url(http://img.khan.co.kr/spkn/pyeongchang2018/bg_bnr_paralympics2018_count.png) 0 0 no-repeat;} #iwm_fsa_wrap .left_wing .link_banner.pyeongchang2018 .num {display:inline-block;padding-top:205px;font-size:28px;font-weight:900;color:#C3390F;font-family:NanumSquare;letter-spacing:-0.06em;text-shadow:1px 1px 0 #fff} #iwm_fsa_wrap .right_wing { right: -130px; height:700px; top:30px!important; position:absolute; overflow:visible; } #iwm_fsa_wrap .left_wing2 { left: -130px; height:700px; top: 170px; position:absolute; overflow:visible; } #iwm_fsa_wrap .right_wing2 { right: -130px; height:700px; top: 170px; position:absolute; overflow:visible; } .ad_side_wrap { position:relative; width:1050px; margin:0 auto;} .ad_side_wrap .left_wing { left: -130px; height:700px; top: 0px; position:absolute; overflow:visible; } .ad_side_wrap .left_wing2 { left: -130px; height:700px; top: 170px; position:absolute; overflow:visible; } .ad_side_wrap .right_wing { right: -130px; height:700px; top: 0px; position:absolute; overflow:visible; } .ad_side_wrap .right_wing2 { right: -130px; height:700px; top: 170px; position:absolute; overflow:visible; } .ad_side_wrap .right_wing3 { right: -130px; top: 200px; position:absolute; overflow:visible; } /* 탑광고 : sub.css에도 있음 */ .ad_top { position: relative; width:728px; height:90px; margin:0 auto 10px auto; } .ad_top a { position:absolute; right:-33px; bottom:0px; display:block; width:33px; height:13px; text-indent:-9999px; background:url(http://img.khan.co.kr/spko/main_2011/btn_close.gif) no-repeat; } /* 양쪽 날개광고 */ .ad_fsa { position: relative; margin:0 auto; width:1050px; overflow:visible; } .ad_fsa div { position:absolute; top:0; height:600px; background:#F5F5F5; } .ad_fsa div.left_wingA { left:-140px; width:130px; text-align:right; } .ad_fsa div.left_wingB { left:-210px; width:200px; text-align:right; } .ad_fsa div.left_wingC { left:-230px; width:220px; text-align:right; } .ad_fsa div.right_wingA { right:-140px; width:130px; text-align:left; } .ad_fsa div.right_wingB { right:-210px; width:200px; text-align:left; } .ad_fsa div.right_wingC { right:-230px; width:220px; text-align:left; } /* 슬라이드 빅배너 광고 */ .slide_big {float:left;} /* 메인 탑 바 */ .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:110;} .fx_topbar_wrap .fx_topbar { min-height:56px; padding-bottom:15px; position:relative; width:100%; min-width:1024px;} .fx_topbar_wrap .fx_topbar .logo { margin:0 auto; width:103px; height:27px; padding-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 .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;} /* 왼쪽 메뉴박스 */ #menuBox { overflow:hidden; position:fixed; top:0; left:-430px; z-index:100; height:100%; width:410px; padding-right:10px; 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;} /* 2016년형 네비 */ #khanNavi { border-top:1px solid #e8e8e8; border-bottom:2px solid #000; padding:14px 0 13px; position:relative; height:16px;} #khanNavi:after { clear:both; display:block; content:""; } #khanNavi .navi_menu { border-left:1px solid #4f4f4f; height:16px; padding-left:10px; margin-left:90px; float:left; } #khanNavi .navi_menu:after { clear:both; display:block; content:""; } #khanNavi .navi_menu li { float:left; font-size:16px; font-weight:bold; line-height:15px; position:relative;} #khanNavi .navi_menu li a { display:block; padding:0 13px 0 12px; position:relative; /* top:-6px; */ white-space:nowrap; color:#000; } #khanNavi .navi_menu li a:hover { color:#356ae2;} #khanNavi .navi_menu li.etc a { color:#6397d5;} #khanNavi .navi_menu li a.jebo {position:relative;height:25px;padding-left:44px} #khanNavi .navi_menu li a.jebo .ico_jebo {position:absolute;left:12px;top:-5px;z-index:1} #khanNavi .btn_all { position:absolute; top:3px; left:0;} #khanNavi .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;} #khanNavi .btn_all .all_txt { display:inline-block; margin-left:40px; font-size:15px; line-height:26px; padding-top:6px; font-weight:bold; color:#000;} #khanNavi .btn_all a { color:#000; text-decoration:none; display:block;} #khanNavi .directlink {position:absolute; top:13px; right:0; z-index:5; color:#15a39e; font-size:16px; font-weight:bold; display:block;} #khanNavi .directlink a {color:#15a39e;} #khanNavi .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; */} #khanNavi .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%;} #khanNavi .ssgate.sewol {position:absolute; right:0; top:0; width:122px; height:20px; padding:12px 0 11px;} #khanNavi .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%;} #khanNavi .ssgate.vote2017 {position:absolute; right:0; top:0; width:167px; height:43px; padding:0;} #khanNavi .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;} #khanNavi .ssgate.jebo {position:absolute; right:0; top:0; width:100px; height:43px; padding:0;} #khanNavi .ssgate.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%;} #khanNavi .ssgate.egg {position:absolute; right:0; top:0; width:100px; height:43px; padding:0;} #khanNavi .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;} #khanNavi .ssgate .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;} #khanNavi .ssgate.foundation {position:absolute; right:0; top:0; width:130px; height:43px; padding:0;} /* 창간 71주년 기획 */ #khanNavi .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;} #khanNavi .ssgate.foundation .img_71th {padding-top:14px;vertical-align:top} /**************************************************************************** 컨텐츠 업데이트 ****************************************************************************/ /* 다이렉트 링크 : 20171016 IH */ #khanNavi .drt_link {position:absolute; right:0; top:0; width:auto; min-width:130px; height:43px;} #khanNavi .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;} #khanNavi .drt_link a img {vertical-align:top;} #khanNavi .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;} #khanNavi .drt_link.new .new {display:block;} /* 네이티브 광고 프로모션 바 추가 */ .spotMain .sArticle .promotion { color:#888; font-size:14px;} /* 왼쪽날개배너 추가 : 20160328 JE */ #wrap .ad_banner_wing { position:absolute; left:-56px; top:360px; z-index:99; } #wrap .ad_banner_wing a {display:block; margin-bottom:15px;} /* 탄핵시계 : 20161208 추가 IH */ .impeach_clock_wrap {position:relative; width:120px; height:170px; background:url("http://img.khan.co.kr/spko/main_2016/bg_impeachbn.png") no-repeat;} .impeach_clock_wrap .impeach_clock_area {position:absolute; left:25px; top:52px;} .impeach_clock_wrap .impeach_time {padding-right:10px; text-align:right; line-height:33px; color:#fff; font-size:34px; font-weight:bold;} /* 2017대선 카운트다운 : 20170508 추가 IH */ .bn_vote2017_countdown {width:130px; height:70px; text-align:center; background:url("http://img.khan.co.kr/spko/2017_president/bn_khan_leftwing.png") no-repeat scroll 0 0 transparent;} .bn_vote2017_countdown a {display:block; width:130px; height:70px;} .bn_vote2017_countdown a:hover {text-decoration:none;} .bn_vote2017_countdown .countdown {position:relative; top:37px; color:#fff; font-size:28px; font-weight:bold;} .bn_vote2017_countdown .countdown em {color:#fbec04;} /* 20160804 리우올림픽 특집구역 */ .special_area { width:220px; position:relative; margin-bottom:30px;} .special_area .sub_title { text-indent:-9999px; font-size:0; height:32px;} .special_area .sub_title a { background:url('http://img.khan.co.kr/spko/main_2016/rio_tit.png') no-repeat scroll 0 0 transparent; width:108px; height:28px; display:block;} .special_area .more { position:absolute; right:0; top:5px;} .special_area .more a { display:block; overflow:hidden; color:#888;} .special_area .medal_rank { background:url("http://img.khan.co.kr/spko/main_2016/bg_medal.png?wd") no-repeat scroll 0 0 transparent; height:37px; padding:0 5px 0 8px; } .special_area .medal_rank:after { clear: both; content: ""; display: block;} .special_area .medal_rank .ranking { float:left; width:90px; color:#fff; font-weight:bold; font-size:14px; line-height:20px; padding-top:7px;} .special_area .medal_rank .ranking strong { color:#fff600;} .special_area .medal_rank .medal { float:right; margin-top:4px;} .special_area .medal_rank .medal:after { clear: both; content: ""; display: block;} .special_area .medal_rank .medal ul { overflow:hidden; margin-right:-10px;} .special_area .medal_rank .medal li { float:left; width:30px; height:25px; padding-top:5px; margin-right:10px; text-align:center; color:#000; font-weight:bold; font-family:tahoma, sans-serif; background:url("http://img.khan.co.kr/spko/main_2016/bg_riomedal.png") no-repeat scroll 0 -1px transparent; border-bottom:none; margin-top:0; padding-bottom:0;} .special_area .medal_rank .medal li.g { background-position:-1px -1px; color:#6d4d00;} .special_area .medal_rank .medal li.s { background-position:-41px -1px; color:#5f5f5f;} .special_area .medal_rank .medal li.b { background-position:-81px -1px; color:#814000;} .special_area .con { clear:both; content:""; display:block; margin-top:10px;} .special_area .con li { border-bottom:0 none; margin-top:10px; padding-bottom:0;} .special_area .con .thumb { float:right; display:block; width:70px; height:60px; overflow:hidden; margin-left:10px;} .special_area .con .thumb img { width:70px; height:60px;} .special_area .con .lead { font-size:14px; color:#525252; line-height:18px; margin-top:0; padding-top:1px; height:57px; overflow:hidden;} .special_area .con .lead a { color:#525252;} /* 2017대선 투표중 데이터 노출 영역(iframe) : 20170419 IH */ .cct .sp_vote2017_cct {margin-top:-1px;} /* 네이티브애드(promotion) 구역 추가 : 20170810 IH */ .section_AD {position:relative; width:700px; margin-bottom:50px;} .section_AD .sub_title {margin-bottom:10px; padding:0; border:none; color:#000; font-size:15px;} .section_AD .cont {overflow:hidden; height:120px; position:relative;} .section_AD .thumb_area {overflow:hidden; float:left; position:relative; width:320px; height:120px; margin-right:20px; z-index:10;} .section_AD .thumb_area a {display:block; position:relative; width:320px; height:120px;} .section_AD .thumb_area .thumb {display:block; overflow:hidden; float:left; position:relative; width:140px; height:120px;} .section_AD .thumb_area .thumb img {width:140px; height:120px;} .section_AD .thumb_area .hd_title {overflow:hidden; width:179px; height:118px; border:1px solid #cccccc; border-left:none; background-color:#f4f4f5;} .section_AD .thumb_area .hd_title .txt_wrap {position:absolute; top:0; right:0; width:100%; height:100%;} .section_AD .thumb_area .hd_title .txt_tit {display:inline-block; width:150px; padding-left:155px; vertical-align:middle; line-height:1.45em; color:#000; font-size:16px; font-weight:bold; letter-spacing:-0.07em;} .section_AD .thumb_area a:hover .hd_title .txt_tit {color:#000; text-decoration:underline; cursor:pointer;} .section_AD .thumb_area .hd_title .blank{display:inline-block; width:0; height:100%; vertical-align:middle;} .section_AD .thumb_area a:hover .hd_title em {color:#000; text-decoration:underline; cursor:pointer;} .section_AD .list_txt {display:block; overflow:hidden; width:360px; margin-top:-4px;} .section_AD .list_txt li {display:block; overflow:hidden; padding-left:10px; line-height:2em; font-size:16px; font-weight:bold; letter-spacing:-0.07em; text-overflow:ellipsis; white-space:nowrap; background:url("http://img.khan.co.kr/spko/main_2015/blit_blue.gif") no-repeat scroll 0 50% transparent;} .section_AD .list_txt .list_tit {color:#000;} /* 2018남북정상회담 특집 레이아웃 */ #header.koreasummit {} #header.koreasummit .logo_area h1 {display:none;} #header.koreasummit .logo_area .issue {display:none;} #header.koreasummit #khanNavi .drt_link {display:none;} #header.koreasummit .logo_area .sns_wrap {top:132px;} #header.koreasummit .wrap_summit_logo {position:relative; width:100%; height:100%;} #header.koreasummit .wrap_summit_logo .logo_summit {position:absolute; left:0; /* top:37px; */ top:0;} #header.koreasummit .wrap_summit_logo .logo_khan {position:absolute; right:0; top:43px;} #header.koreasummit .btn_summit_replay {overflow:hidden; position:absolute; left:340px; top:69px; width:50px; height:35px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2017/btn_summit_replay.png") no-repeat scroll 0 0; background-size:50px 35px;} /* 2018지방선거 특집구역 추가 : 20180530 IH */ .wrap_election_2018 {position:relative; width:1050px; height:170px; margin:20px auto 0; clear:both; background:url("http://img.khan.co.kr/spko/election/2018/bg_khan_main_spot.jpg") 0 0 no-repeat;} .wrap_election_2018 .info_election_2018 {float:left; width:232px; height:126px; padding:22px;} .wrap_election_2018 .tit {width:232px; height:30px; margin-bottom:20px;} .wrap_election_2018 .tit a {display:block; width:232px; height:30px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/election/2018/h1_logo.png") 0 0 no-repeat; background-size:232px 30px;} .wrap_election_2018 .wrap_issue_keyword {overflow:hidden; width:232px; height:76px;} .wrap_election_2018 .wrap_issue_keyword .issue_keyword {float:left; margin:0 10px 10px 0; padding:5px 10px; border:1px solid #bebebe; border-radius:50px; color:#fff; font-size:14px;} .wrap_election_2018 .wrap_election_art_list {overflow:hidden; float:right; position:relative; width:774px; height:170px;} .wrap_election_2018 .election_art_list {overflow:hidden; float:right; position:relative; width:730px; height:126px; margin:0 22px; padding:22px 0;} .wrap_election_2018 .election_art_list .wrap_art_list {position:relative; width:3650px; z-index:9;} .wrap_election_2018 .election_art_list .wrap_art_list li {float:left; width:730px; height:126px;} .wrap_election_2018 article {display:table; overflow:hidden; position:relative; width:730px; height:126px; background-color:#fdfdfd;} .wrap_election_2018 article:last-child {border-bottom:0;} .wrap_election_2018 article a.image {display:block; overflow:hidden; float:right; width:213px; height:126px; margin:0 0 0 1.75em; line-height:0; text-align:center;} .wrap_election_2018 article a.image:after {display:block; content:''; clear:both;} .wrap_election_2018 article a.image img {width:213px; height:126px; -moz-transition: -moz-transform 0.2s ease; -webkit-transition: -webkit-transform 0.2s ease; -ms-transition: -ms-transform 0.2s ease; transition: transform 0.2s ease;} .wrap_election_2018 article a.image:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} .dot_paging {bottom:-8px; width:730px; text-align: center; position: relative;} .dot_paging li {display:inline-block; margin:0 4px;} .dot_paging li:first-child {margin-left:0;} .dot_paging button {width:6px; height:6px; border:1px solid #635eca; background-color:#635eca; font-size:0;} .dot_paging .on button {border:1px solid rgba(255, 255, 255, 1.0); background-color:rgba(255, 255, 255, 1.0);} .wrap_paginate .btn_prev,.wrap_paginate .btn_next {position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; border-radius:100px; cursor:pointer; box-shadow:1px 1px 1px 2px rgba(0,0,0,.3);} .wrap_paginate .btn_prev {left:3px; background:url("http://img.khan.co.kr/mobile/images/2018/ico_gnb_back.png") 45% 50% no-repeat; background-size:16px 16px; background-color:rgba(255, 255, 255, .95); z-index:10;} .wrap_paginate .btn_prev:hover {background-color:rgba(255, 255, 255, 1.0);} .wrap_paginate .btn_next{right:3px; background:url("http://img.khan.co.kr/mobile/images/2018/ico_gnb_forward.png") 55% 50% no-repeat; background-size:16px 16px; background-color:rgba(255, 255, 255, .95); z-index:10;} .wrap_paginate .btn_next:hover {background-color:rgba(255, 255, 255, 1.0);} .wrap_election_2018 article h3 {display:-webkit-box; overflow:hidden; max-height:2.4em; margin-top:0; margin-bottom:5px; margin-right:0; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.2; font-size:21px; font-weight:400;} .wrap_election_2018 article .content {display:block; height:96px; padding:15px 35px;} .wrap_election_2018 article .content:after {display:block; content:''; clear:both;} .wrap_election_2018 article .content:hover {text-decoration:none;} .wrap_election_2018 article .content .lead {display:-webkit-box; overflow:hidden; max-height:2.4em; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.2; color:#787878; font-size:14px; font-weight:400;} /* 2018지방선거 특집구역(선거당일) 추가 : 20180611 IH */ .group {width:100%;} section {display:block; max-width:1050px; margin-left:auto; margin-right:auto; /* padding-right:15px; padding-left:15px; */} .btn_dt_refresh {display:inline-block; white-space:nowrap; color:#454545; padding:7px 10px 7px 31px; border:1px solid #b2b0b0; border-radius:2px; vertical-align:top; font-size:14px; background:url("http://img.khan.co.kr/spko/election/2018/ico_data_refresh.png") 8px 50% no-repeat; background-size:20px 20px; background-color:#fdfdfd;} .btn_dt_refresh:hover{text-decoration:none;} /* 탭 메뉴 */ .tab_area {display:inline-block; padding:10px 0 10px 30px; text-align:left;} .tab_area .lst {display:inline-block; vertical-align:top;} .tab_area .lst li {position:relative; float:left; border-bottom:1px solid #fafafa; text-align:center;} .tab_area .lst li span {display:block; width:120px; height:35px; font-size:16px; color:#666; line-height:33px; letter-spacing:-1px; cursor:pointer; text-decoration:none;} .tab_area .lst li.on {z-index:1; border-bottom:1px solid #533ebd;} .tab_area .lst li.on span {color:#533ebd; font-weight:bold;} /* 지역별 투표율 */ .turnout_local_wrap {position:relative; padding:0 0 30px;} .turnout_local_wrap h2 {display:inline-block; margin:0.75em 0 0; font-size:20px; font-weight:700; letter-spacing:-0.075em;} .turnout_local_wrap h2 a {display:inline-block; /* width:100%; */ padding-right:18px; box-sizing:border-box; background:url("http://img.khan.co.kr/mobile/images/2018/ico_art_arr_right.png") no-repeat right 50%; background-size:10px 15px;} .turnout_local_wrap h2 a strong {color:#5B399E;} .turnout_local_wrap .fcn_area {display:inline-block; float:right; padding:10px 0 10px 0;} .turnout_local_wrap .fcn_area .date_info {display:inline-block; margin-right:10px; text-align:right; font-size:13px; font-weight:700;} .turnout_local_wrap .fcn_area .date_info em {display:block;} .turnout_local_wrap .cont_bx_wrap {overflow:hidden; position:relative; width:100%; border:1px solid #dedede;} .turnout_local_wrap .bx-wrapper {overflow:hidden; position:relative; width:100%; height:230px; margin:0; padding:5px 0; box-sizing:border-box;} .turnout_local_wrap .bx-wrapper .bx-viewport {left:0; border:none!important;} .turnout_local_wrap .slide {float:left; position:relative; width:150px; height:150px; margin:34px 20px; border:none; list-style:none; text-align:center; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;} .turnout_local_wrap .slide.on {width:190px; height:190px; margin:14px 0;} .turnout_local_wrap .slide .data_wrap {position:absolute; top:50%; width:92px; height:92px; margin:-46px 29px 0; text-align:center; border:12px solid #e9f1fb; border-radius:100px; line-height:2em; background-color:#e0eaf6; box-sizing:border-box;} .turnout_local_wrap .slide.on .data_wrap {position:absolute; top:50%; width:190px; height:76px; margin:-38px 0 0 0; text-align:center; border:none; border-radius:0; line-height:1.4em; background:none;} .turnout_local_wrap .slide.on .data_wrap .gauge_turnout {background-color:rgba(255,255,255,.55);} .turnout_local_wrap .slide .current_data {color:#416896; font-size:14px; letter-spacing:-0.07em;} .turnout_local_wrap .slide .current_data_full {display:none;} .turnout_local_wrap .slide .percent {display:block; position:relative; color:#416896; font-size:24px; font-weight:400; letter-spacing:-0.025em;} .turnout_local_wrap .slide.on .data_wrap .current_data {display:none; color:#333; font-size:20px; line-height:1.0em; letter-spacing:-0.07em;} .turnout_local_wrap .slide.on .current_data_full {display:block; color:#333; font-size:20px; line-height:1.3em; letter-spacing:-0.07em;} .turnout_local_wrap .slide.on .data_wrap .percent {display:block; position:relative; top:3px; color:#2f2c72; font-size:30px; font-weight:700; letter-spacing:-0.025em;} .turnout_local_wrap .slide .old_data {display:none; margin-top:10px; text-align:center;} .turnout_local_wrap .slide.on .data_wrap .old_data {display:block;} .turnout_local_wrap .slide .old_data .info {color:#666; font-size:14px; letter-spacing:-0.07em;} .turnout_local_wrap .slide .old_data .info strong {font-weight:normal; font-size:14px;} .turnout_local_wrap .slide .sign {position:absolute; left:50%; top:-36px; width:36px; height:36px; margin-left:-18px; border-radius:50px; color:#fff; font-size:12px; font-weight:bold; line-height:3em; letter-spacing:-0.07em;} .turnout_local_wrap .slide .sign.top {background-color:#2ca702;} .turnout_local_wrap .slide .sign.btm {background-color:#fa2502;} .turnout_local_wrap .slide canvas {background-color:rgba(255,255,255,.7);} /* 지역별 지도 배경이미지 */ .turnout_local_wrap .slide.committee_1100 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_1100.png");} /* 서울특별시 */ .turnout_local_wrap .slide.committee_2600 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_2600.png");} /* 부산광역시 */ .turnout_local_wrap .slide.committee_2700 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_2700.png");} /* 대구광역시 */ .turnout_local_wrap .slide.committee_2800 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_2800.png");} /* 인천광역시 */ .turnout_local_wrap .slide.committee_2900 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_2900.png");} /* 광주광역시 */ .turnout_local_wrap .slide.committee_3000 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_3000.png");} /* 대전광역시 */ .turnout_local_wrap .slide.committee_3100 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_3100.png");} /* 울산광역시 */ .turnout_local_wrap .slide.committee_5100 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_5100.png");} /* 세종특별자치시 */ .turnout_local_wrap .slide.committee_4100 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_4100.png");} /* 경기도 */ .turnout_local_wrap .slide.committee_4200 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_4200.png");} /* 강원도 */ .turnout_local_wrap .slide.committee_4300 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_4300.png");} /* 충청북도 */ .turnout_local_wrap .slide.committee_4400 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_4400.png");} /* 충청남도 */ .turnout_local_wrap .slide.committee_4500 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_4500.png");} /* 전라북도 */ .turnout_local_wrap .slide.committee_4600 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_4600.png");} /* 전라남도 */ .turnout_local_wrap .slide.committee_4700 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_4700.png");} /* 경상북도 */ .turnout_local_wrap .slide.committee_4800 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_4800.png");} /* 경상남도 */ .turnout_local_wrap .slide.committee_4900 {background-image:url("http://img.khan.co.kr/spko/election/2018/img_map_4900.png");} /* 제주특별자치도 */ .turnout_local_wrap .wrap_paginate .btn_prev, .turnout_local_wrap .wrap_paginate .btn_next {position:absolute; top:50%; width:53px; height:172px; margin-top:-86px; border-radius:0; cursor:pointer; z-index:10; box-shadow:none;} .turnout_local_wrap .wrap_paginate .btn_prev {left:0; background:url("http://img.khan.co.kr/spko/election/2018/ico_arrow_turnout_prev.png") 45% 50% no-repeat; background-color:#fff;} .turnout_local_wrap .wrap_paginate .btn_prev:hover {opacity:1.0;} .turnout_local_wrap .wrap_paginate .btn_next{right:0; background:url("http://img.khan.co.kr/spko/election/2018/ico_arrow_turnout_next.png") 55% 50% no-repeat; background-color:#fff;} .turnout_local_wrap .wrap_paginate .btn_next:hover {opacity:1.0;} /* 출구조사 & 후보별 득표율 */ .leading_wrap {padding:0 0 30px;} .leading_wrap h2 {margin:0.75em 0; font-size:20px; font-weight:700; letter-spacing:-0.075em;} .leading_wrap h2 a {display:inline-block; /* width:100%; */ padding-right:18px; box-sizing:border-box; background:url("http://img.khan.co.kr/mobile/images/2018/ico_art_arr_right.png") no-repeat right 50%; background-size:10px 15px;} .leading_wrap h2 .info_txt {float:right; padding:2px 15px; border-radius:50px; color:#666; font-size:13px; font-weight:400; letter-spacing:-0.05em; background-color:#fafafa;} .leading_wrap h2 .voteinfo {float:right; font-weight:400;} .leading_wrap h2 .voteinfo strong {margin-left:10px; font-size:22px;} .leading_wrap:after {display:block; clear:both; content:"";} .leading_wrap .head_data_wrap {position:relative; border:1px solid #e1e1e1; border-bottom:none;} .leading_wrap .head_data_wrap:after {clear:both; display:block; content:""; } .leading_wrap .head_data_wrap .fcn_area {display:inline-block; float:right; padding:10px 30px 10px 0;} .leading_wrap .head_data_wrap .fcn_area .date_info {display:inline-block; margin-right:10px; text-align:right; font-size:13px; font-weight:700;} .leading_wrap .head_data_wrap .fcn_area .date_info em {display:block;} .cluster_foot{margin-top:-23px;padding-bottom:14px;font-size:12px;line-height:38px;letter-spacing:-1px} .leading_wrap .cont_wrap {position:relative; padding:14px 44px; border:1px solid #4b6175; background-color:#5f809d;} .leading_wrap .cont_wrap .match_info_wrap {overflow:hidden;} .leading_wrap .cont_wrap ul {position:relative;} .leading_wrap .cont_wrap ul:after {display:block; clear:both; content:"";} .leading_wrap .cont_wrap .match_info_lst {float:left; margin:0 7px;} .leading_wrap .wrap_paginate .btn_prev, .leading_wrap .wrap_paginate .btn_next {position:absolute; top:50%; width:52px; height:52px; margin-top:-26px; border-radius:100px; cursor:pointer;} .leading_wrap .wrap_paginate .btn_prev {left:0; background:url("http://img.khan.co.kr/spko/election/2018/ico_arrow_match_prev.png") 45% 50% no-repeat; background-size:28px 46px; opacity:.75; z-index:10; box-shadow:none;} .leading_wrap .wrap_paginate .btn_prev:hover {opacity:1.0;} .leading_wrap .wrap_paginate .btn_next {right:0; background:url("http://img.khan.co.kr/spko/election/2018/ico_arrow_match_next.png") 55% 50% no-repeat; background-size:28px 46px; opacity:.75; z-index:10; box-shadow:none;} .leading_wrap .wrap_paginate .btn_next:hover {opacity:1.0;} .exit_poll .match_info .elective .rate_num {font-size:17px; letter-spacing:-0.075em;} /* 출구조사 */ .match_info {position:relative; width:304px; height:164px; border:1px solid #5c7992; background-color:#fff;} .match_info:after { clear:both; display:block; content:""; } .match_info h4 {overflow:hidden; padding:10px 18px; border-bottom:1px solid #e6e4e4; color:#333; font-size:16px; background-color:#fdfdfd;} .match_info p.rate {position:absolute; top:10px; right:14px; color:#666; font-size:13px; letter-spacing:-0.05em;} .match_info p.rate strong {font-family:"tahoma"; letter-spacing:0; font-weight:normal;} .match_info .cnt {overflow:hidden; position:relative; padding:18px 18px 13px;} .match_info .cnt .g1 {float:left;} .match_info .cnt .g2 {float:right;} .match_info .cnt .vsGraph {position:absolute; left:123px; top:18px; width:56px;} .match_info .cnt .vsGraph ul {overflow:hidden; width:42px; margin:0 auto; text-align:center;} .match_info .cnt .vsGraph li {float:left; position:relative; height:90px; width:20px; margin-right:2px; list-style:none outside none;} .match_info .cnt .vsGraph li.last {margin-right:0;} .match_info .cnt .vsGraph .cnt200 {position:absolute; left:0; bottom:0; width:100%; background-color:#cc2215;} .match_info .cnt .vsGraph .cnt100 {position:absolute; left:0; bottom:0; width:100%; background-color:#029b17;} .match_info .cnt .vsGraph img {margin-right:1px;} .match_info .cnt .vsGraph .majority {margin-top:27px; text-align:center; color:#cecece; font-size:16px; line-height:1em; letter-spacing:-1px;} .match_info .cnt .vsGraph .party100 {position:absolute; left:0; bottom:0; width:100%; background-color:#0362c1;} /* 더불어민주당 */ .match_info .cnt .vsGraph .party200 {position:absolute; left:0; bottom:0; width:100%; background-color:#d5141d;} /* 자유한국당 */ .match_info .cnt .vsGraph .party2080 {position:absolute; left:0; bottom:0; width:100%; background-color:#00b6b5;} /* 바른미래당 */ .match_info .cnt .vsGraph .party5020 {position:absolute; left:0; bottom:0; width:100%; background-color:#3fae2a;} /* 민주평화당 */ .match_info .cnt .vsGraph .party730 {position:absolute; left:0; bottom:0; width:100%; background-color:#f0a001;} /* 정의당 */ .match_info .cnt .vsGraph .party5010 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 민중당 */ .match_info .cnt .vsGraph .party5000 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 대한애국당 */ .match_info .cnt .vsGraph .party1970 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 코리아 */ .match_info .cnt .vsGraph .party3060 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 경제애국당 */ .match_info .cnt .vsGraph .party2010 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 공화당 */ .match_info .cnt .vsGraph .party4080 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 국민새정당 */ .match_info .cnt .vsGraph .party2060 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 국민행복당 */ .match_info .cnt .vsGraph .party700 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 국제녹색당 */ .match_info .cnt .vsGraph .party1980 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 그린불교연합당 */ .match_info .cnt .vsGraph .party2020 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 기독당 */ .match_info .cnt .vsGraph .party3040 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 기독자유당 */ .match_info .cnt .vsGraph .party1988 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 노동당 */ .match_info .cnt .vsGraph .party710 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 녹색당 */ .match_info .cnt .vsGraph .party650 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 대한민국당 */ .match_info .cnt .vsGraph .party4010 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 민중민주당 */ .match_info .cnt .vsGraph .party3020 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 사회민주당 */ .match_info .cnt .vsGraph .party4070 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 새누리당 */ .match_info .cnt .vsGraph .party4040 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 우리미래 */ .match_info .cnt .vsGraph .party3070 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 인권정당 */ .match_info .cnt .vsGraph .party3010 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 대한당 */ .match_info .cnt .vsGraph .party2000 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 친박연대 */ .match_info .cnt .vsGraph .party2070 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 통일한국당 */ .match_info .cnt .vsGraph .party4000 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 통합민주당 */ .match_info .cnt .vsGraph .party2050 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 한국국민당 */ .match_info .cnt .vsGraph .party1990 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 한나라당 */ .match_info .cnt .vsGraph .party3000 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 한누리평화통일당 */ .match_info .cnt .vsGraph .party3050 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 한반도미래연합 */ .match_info .cnt .vsGraph .party4060 {position:absolute; left:0; bottom:0; width:100%; background-color:#3c6270;} /* 홍익당 */ .match_info .cnt .vsGraph .party9999 {position:absolute; left:0; bottom:0; width:100%; background-color:#78736e;} /* 무소속 */ .match_info .elective {display:block; position:relative; width:105px; height:70px; padding:10px 0; text-align:center; background-color:#ecf7ff; text-decoration:none;} .match_info .elective p.thumb {display:none; position:relative; margin-bottom:5px;} .match_info .elective p.thumb img {width:105px; height:150px;} .match_info .elective p.thumb:after {content:"";position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;border:1px solid #d9d9d9 \0/IE8+9;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box} .match_info .elective .profile {overflow:hidden; margin-top:5px;} .match_info .elective .profile span.party {margin-top:1px; color:#888; line-height:1.6em; font-size:12px; font-weight:400; letter-spacing:-0.05em;} .match_info .elective .profile span.party.party100 {color:#0362c1;} /* 더불어민주당 */ .match_info .elective .profile span.party.party200 {color:#d5141d;} /* 자유한국당 */ .match_info .elective .profile span.party.party2080 {color:#00b6b5;} /* 바른미래당 */ .match_info .elective .profile span.party.party5020 {color:#3fae2a;} /* 민주평화당 */ .match_info .elective .profile span.party.party730 {color:#f0a001;} /* 정의당 */ .match_info .elective .profile span.party.party5010 {color:#3c6270;} /* 민중당 */ .match_info .elective .profile span.party.party5000 {color:#3c6270;} /* 대한애국당 */ .match_info .elective .profile span.party.party1970 {color:#3c6270;} /* 코리아 */ .match_info .elective .profile span.party.party3060 {color:#3c6270;} /* 경제애국당 */ .match_info .elective .profile span.party.party2010 {color:#3c6270;} /* 공화당 */ .match_info .elective .profile span.party.party4080 {color:#3c6270;} /* 국민새정당 */ .match_info .elective .profile span.party.party2060 {color:#3c6270;} /* 국민행복당 */ .match_info .elective .profile span.party.party700 {color:#3c6270;} /* 국제녹색당 */ .match_info .elective .profile span.party.party1980 {color:#3c6270;} /* 그린불교연합당 */ .match_info .elective .profile span.party.party2020 {color:#3c6270;} /* 기독당 */ .match_info .elective .profile span.party.party3040 {color:#3c6270;} /* 기독자유당 */ .match_info .elective .profile span.party.party1988 {color:#3c6270;} /* 노동당 */ .match_info .elective .profile span.party.party710 {color:#3c6270;} /* 녹색당 */ .match_info .elective .profile span.party.party650 {color:#3c6270;} /* 대한민국당 */ .match_info .elective .profile span.party.party4010 {color:#3c6270;} /* 민중민주당 */ .match_info .elective .profile span.party.party3020 {color:#3c6270;} /* 사회민주당 */ .match_info .elective .profile span.party.party4070 {color:#3c6270;} /* 새누리당 */ .match_info .elective .profile span.party.party4040 {color:#3c6270;} /* 우리미래 */ .match_info .elective .profile span.party.party3070 {color:#3c6270;} /* 인권정당 */ .match_info .elective .profile span.party.party3010 {color:#3c6270;} /* 대한당 */ .match_info .elective .profile span.party.party2000 {color:#3c6270;} /* 친박연대 */ .match_info .elective .profile span.party.party2070 {color:#3c6270;} /* 통일한국당 */ .match_info .elective .profile span.party.party4000 {color:#3c6270;} /* 통합민주당 */ .match_info .elective .profile span.party.party2050 {color:#3c6270;} /* 한국국민당 */ .match_info .elective .profile span.party.party1990 {color:#3c6270;} /* 한나라당 */ .match_info .elective .profile span.party.party3000 {color:#3c6270;} /* 한누리평화통일당 */ .match_info .elective .profile span.party.party3050 {color:#3c6270;} /* 한반도미래연합 */ .match_info .elective .profile span.party.party4060 {color:#3c6270;} /* 홍익당 */ .match_info .elective .profile span.party.party9999 {color:#78736e;} /* 무소속 */ .match_info .elective .profile span strong {display:block; color:#333333; font-size:16px;} .match_info .elective .rate_num {font-size:20px;} .match_info .cnt .badge {position:absolute; left:12px; top:5px; width:40px; height:30px; text-indent:-9999px;} .match_info .cnt .level1 {left:50%; margin-left:-20px; background:url("http://img.khan.co.kr/spko/election/2018/ico_candid_level1.png") no-repeat scroll transparent;} /* 경합 */ .match_info .cnt .level2 {background:url("http://img.khan.co.kr/spko/election/2018/ico_candid_level2.png") no-repeat scroll transparent;} /* 우세 */ .match_info .cnt .level3 {background:url("http://img.khan.co.kr/spko/election/2018/ico_candid_level3.png") no-repeat scroll transparent;} /* 확정 */ .match_info .cnt .level4 {background:url("http://img.khan.co.kr/spko/election/2018/ico_candid_level4.png?v=20180613") no-repeat scroll transparent;} /* 당선 */ .match_info .cnt .level5 {background:url("http://img.khan.co.kr/spko/election/2018/ico_candid_level5.png") no-repeat scroll transparent;} /* 확실 */ .match_info .other_lst {padding:0 18px 10px;} #wrapGaepyo .other_lst {display:none;} .match_info .other_lst .candid_pp {padding:5px 0; height:35px; border-top:1px solid #d6d6d6; box-sizing:border-box;} .match_info .other_lst .candid_pp span {font-size:14px; font-weight:700;} .match_info .other_lst .candid_pp .party {color:#999; font-weight:400;} .match_info .other_lst .candid_pp .rate_num {float:right;} /**************************************************************************** bakcEnd 미리보기 화면 : update 20180130 장지훈 ****************************************************************************/ /* 메인 - 톱기사 우측 주요뉴스 */ .spotMain.left {width:auto!important;background:none!important} .spotMain.left .mainLeft {float:none!important;width:220px!important;margin:0 auto!important} /* 2018 러시아 월드컵 특집 영역 - 20180530 정안리 */ #worldcup #biz_hidden {display: none;} #worldcup #h_hidden {display: none;} #worldcup .photonews_wrap.biz, #worldcup .photonews_wrap.h {margin-top:25px} #worldcuplogo .photonews_wrap.biz, #worldcuplogo .photonews_wrap.h {margin-top:20px} #worldcuplogo .wclogo h2 {font-size: 14px;} #worldcuplogo .wclogo h2 a img {padding-right: 5px} /* 탑배너 - 20190524 정안리 */ .top_bar {background: #505fdd;} .top_bar .top_bar_inner {position: relative; width: 1050px; margin: 0 auto; z-index: 1000;} .top_bar_inner .top_bar_btn {position: absolute; right: -36px; top: 0; display: block; width: 36px; height: 31px; font-size: 0; background: url("http://img.khan.co.kr/spko/main_2017/btn_topbar_toggle.png") no-repeat 0 0; background-position: 0 0;z-index: 10;} .top_bar.close .top_bar_btn {background-position: 0 -49px;}