@charset "utf-8";

/* Chosun.com Main Stylesheet  2018
  작성자 : Park Yu Jin 
  작업시작일 : 2018.01
*/

/* Reset import */
@import url("//news.chosun.com/dhtm/css/css_reset_2018.css");
/*@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");*/
/*@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');*/
@import url('//fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');


html, body{height:100%;}
html{-webkit-text-size-adjust:none;}
body{min-width:320px;word-break:keep-all;word-wrap:break-word;white-space:inherit;color:#000; /*background: #a2b8ea;*/}
body, input, button, textarea{font-family:AppleSDGothicNeo-Regular,'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif; letter-spacing:-0.05em}
a, a:visited{color:#000;text-decoration:none;background-position: -213px 0;}

/* layout */
#csWrap { min-width:1216px; }
#csHeader {position:relative;}
#csContent {position:relative; width: 100%;margin: 0 auto; padding-top:10px; box-sizing: border-box;}
iframe{display:block}
.ad_gg {width:1196px; text-align:center; margin: 0 auto; padding-bottom:30px}
.ad_gg iframe {text-align:center; margin: 0 auto;}
.ad_gg_top {width:1196px; text-align:center; margin: 0 auto;font-size:0;}
.ad_gg_top a{font-size:0;}
.ad_gg_top a img {padding:20px 0}
.ad_gg_top a img[height="1"] {padding:0}

/* GNB css*/
.top_head {background:#f8f8f8;}
.top_head .inner {position:relative; width:1196px; height:36px; margin: 0 auto;}
.top_head ul.lang {width:150px; overflow:hidden; padding-top:8px;}
.top_head ul.lang li {float:left; font-size:13px; }
.top_head ul.lang li a {color:#777; padding-right:15px;}

.top_head .guest_info {position:absolute; top:0; right:0; padding-top:6px;}
.top_head .guest_info span{font-size:13px; padding-left:12px}
.top_head .guest_info span a {color:#777;}
.top_head .guest_info span.noti{position:relative}
.top_head .guest_info span.noti a {display:inline-block;width:21px; height:20px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -105px 0; text-indent:-99999px;}
.top_head .guest_info span.noti a:hover{background-position:-140px 0;}
.top_head .guest_info span.noti em{position:absolute; right: -9px; top: -4px; width:19px; height:13px; background:#e63935; border-radius: 20px;}
.top_head .guest_info span.noti em i {color:#fff; display:block; font-style: normal; padding: 1px 4px 0 4px;font-size: 10px; vertical-align:top; }
.top_area {position:relative; height:85px; width:1196px; background: #fff; margin: 0 auto; text-align: center}
.top_area .cs_logo{text-align:center;padding-top: 35px;}
.top_area .top_ad1 {position: absolute;left: 0;top: 10px;}
.top_area .top_ad2 {position:absolute;right:0;top:10px;}
.top_area .top_ad1 img, .top_area .top_ad2 img {width:220px; height:65px}  

.gnb_menu {position:relative; width:100%; height: 48px;background: #fff; border-top:1px solid #d7d7d7; border-bottom:3px solid #c51a18}
.gnb_menu_inner{position:relative; width:1196px; height: 48px; margin: 0 auto;}
.gnb_menu_inner .btn_menu a,
.gnb_menu_inner .btn_menu button {position:absolute; left:0px; top:8px; width:30px; height:30px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -141px -29px; border:0; text-indent:-99999px;}
.gnb_menu_inner .img_logo {float:left; margin-top:12px; width:223px; height:24px; background:url(https://image.chosun.com/cs/logo_cs_online.png) no-repeat}
.gnb_menu_inner ul{overflow:hidden;}
.gnb_menu_inner ul li{float:left;}
.gnb_menu_inner ul li a {display: inline-block; color:#000; height:34px; padding:15px 12px 0; font-size:15px; font-weight: bold}
.gnb_menu_inner ul.newsmenu{display: inline-block; overflow:hidden; padding-left:173px;}
ul.panmenu {position:relative; display:inline-block; padding-left:13px;}
ul.panmenu:before {content:''; display:inline-block; background:#d7d7d7; position:absolute; left:0; top:34%; width:1px; height:13px;}
ul.panmenu li a{padding:15px 8px 0; font-weight: normal; font-size:14px;}
.gnb_menu_inner > ul.panmenu li a:hover {text-decoration: underline; color:#000;}
ul.panmenu li.menu_set a{width:25px; height:25px; padding:0; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -170px 7px; line-height: 0; text-indent:-99999px;}
.gnb_menu_inner > ul li a:hover, 
.gnb_menu_inner > ul li a.current{text-decoration:none; color: #c41916; transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
/* 메뉴셀렉 레이어 팝업 */
.naviEmpty.vis {visibility:visible; width: 960px;}
.naviEmpty {visibility:hidden; position:absolute; left:235px; top:0; height:48px;  background:#fff}
.naviEmpty ul {margin-top:9px; float:left;}
.naviEmpty ul li.menu_item{margin-left:6px;}
.naviEmpty ul li.menu_item .empty{display:inline-block; width:63px; height:30px; border:1px solid #d7d7d7; background:#f9f9f9; box-sizing: border-box }
.naviEmpty ul li.menu_item.menu_pointer .empty{border:1px solid #c41916; background:#fff}
.naviEmpty ul.panempty {position:relative; margin-left:25px;padding-left: 23px;}
.naviEmpty ul.panempty li.menu_item .empty{ width:60px;}
.naviEmpty ul.panempty li.menu_item{margin-left:7px;}
.naviEmpty ul.panempty li a{font-weight:normal; font-size:14px;}
.naviEmpty ul.panempty:before {content:''; display:inline-block; background:#d7d7d7; position:absolute; left:0; top:25%; width:1px; height:13px;}
.naviEmpty ul li a {padding-top: 7px}

.fix_s_logo {display:none}
.gnbfixed {position: fixed;top: 0;width: 100%;z-index: 999;}
.gnbfixed + #csContent {padding-top: 102px;}
.gnbfixed .fix_s_logo {display:block; position: absolute; width:100px;  top: 10px; left: 37px;}
.gnbfixed .fix_s_logo a { display: block;margin-top: 6px;width: 100px; height: 20px;background: url(https://image.chosun.com/main/201803/icon_article.png) no-repeat -200px -25px; font-size:0}
.menu_all { visibility:hidden; width:100%; height:100%; position: fixed;top: 0;left: 0;right: 0;background: #fff; opacity: 0; transform: translateY(-10px); transition: ease all 0.4s;}

 /****************************/
.csh_art_in.sch_area {position:relative}
.csh_search {float:right; margin-top:3px;}
.csh_search a {width:40px;height: 40px;display:block; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -90px -25px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.csh_search a.search_close {background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -355px -359px;}
.csh_search_area.vis {visibility:visible;opacity: 1; transform: translateX(0px); z-index:999}
.csh_search_area.vis.searchfixed {position:fixed; top:52px; transform: inherit;transition: inherit; height: 65px; }
.csh_search_area.vis.searchfixed .searchTerm{font-size: 22px; height:30px; margin: 13px 0 0 0;}
.csh_search_area.vis.searchfixed .csh_search_inputbox .InputOutline .searchBtn {height:36px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -97px -28px;}
.csh_search_area {visibility:hidden;position:absolute;top:52px;left:0;width:100%; margin-top:0;height:80px;z-index:9999;background:#fff;border-bottom:1px solid #d7d7d7;box-shadow: 1px 1px 4px #e7e7e7;opacity: 0; transform: translateY(-10px); transition: ease all 0.4s;}
.csh_search_area .csh_search_inputbox {width:1115px; margin:0 auto;height:80px}
.csh_search_area .csh_search_inputbox fieldset {text-align:center}
.csh_search_area .csh_search_inputbox .InputOutline {position:relative}
.csh_search_area .csh_search_inputbox .InputOutline .searchBtn{position:absolute;top:-1px;right:0;width:40px; height:40px; margin-right:0; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -97px -24px; border:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; cursor:pointer;}
.csh_search_area .searchTerm {width:475px; height:39px;padding:0 40px 4px 5px;margin:18px 0 0 0;background:#fff; text-align:left;border:0;border-bottom:2px solid #222; font-family: AppleSDGothicNeo-Regular,'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif;font-size:30px; line-height:39px; color:#000}
.search_close {position:absolute;top:0;right:0; width:30px; height:30px; background:url(https://image.chosun.com/main/201505/csh_main_ico.png) no-repeat -41px -541px;font-size:0; line-height:0; text-indent:-9999px;}
#mask {position:absolute;left:0;top:0;z-index:600;background-color:#fff; display:none;}


.menu_all.vis{visibility:visible;opacity:1; transform: translateY(0px); z-index: 999;}
.menu_all_box {width:1196px; position:relative; margin:70px auto 0; text-align:center;}
.menu_all_box .btn_layer_close {width:20px; height:20px;top:65px; left:0; right: inherit; background-position:-372px -372px;}
.menu_all_box .layer_logo {display: inline-block;}
.menu_all_inner{overflow: hidden; max-width: 700px; padding-top:49px; padding-left:186px;}
.menu_all_inner .menu_all_inner_box {overflow:hidden}
.menu_all_inner .menu_all_inner_box .menu_gnb {float:left; width:210px; text-align: left; border-right:1px solid #d7d7d7}
.menu_all_inner .menu_all_inner_box .menu_gnb strong{display: inline-block; font-size:28px; text-align:left; margin-bottom:15px; letter-spacing:-0.1em; }
.menu_all_inner .menu_all_inner_box .hot_box {float:left; padding-left:30px}
.menu_all_inner .menu_all_inner_box .hot_box strong{display: block; font-size:20px; text-align: left; margin-bottom: 10px;}
.menu_gnb_inner {position:relative;}
.accod_scroll {width:200px; height:534px; }
.menu_gnb_inner::after {content:""; display:inline-block; position: absolute; bottom:-18px; height:1px; width:200px;background: #fff;; -webkit-box-shadow: 0px 2px 29px 30px rgba(255, 255, 255, 1);-moz-box-shadow: 0px 2px 29px 30px rgba(255, 255, 255, 1);box-shadow: 0px 2px 29px 30px rgba(255, 255, 255, 1);}

#accordian {height:534px;}
#accordian h4 {position:relative; margin-bottom:12px;}
#accordian h4 a {display:block; padding: 0 10px 0 0; font-size:28px; color: #000; text-decoration: none; letter-spacing:-0.1em;}
#accordian ul ul li a {position: relative;text-decoration: none;font-size: 18px;line-height: 29px;display: block;padding: 0 15px 0 0;}
#accordian ul ul {display: none;}
#accordian li.active>ul {display: block; margin-bottom: 7px;}
#accordian li h4 a::after { content: ""; display:inline-block; margin:0 0 0 10px; width:16px; height:9px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -106px -178px; vertical-align: middle;}
#accordian li.active h4 >a::after {background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -106px -160px;}

#accordian ul ul li:first-child a { font-weight: bold }
#accordian ul ul li a:hover { color: #c41916}

/* 설정레이어 */
.gnb_set_layer.vis {visibility:visible;}
.gnb_set_layer.vis.setfixed{ position:fixed; top:52px;}
.gnb_set_layer {visibility:hidden; width:100%;/*height:457px;*/ position:absolute; top:0; right:0; left: 0;background: #fff; z-index: 100}
.gnb_set_layer p.set_tit_txt {font-size:13px; color:#777; margin-bottom: 7px;}
.gnb_set_layer p.set_tit_txt strong{display:inline-block;font-size:15px; color:#000; padding-right:8px}
ul.set_menu{}
ul.set_menu li {float:left; width:33.333%; margin: 9px 0;}
ul.set_menu li a{display:inline-block;width:145px;height:45px; text-align:center; line-height:41px;color:#777;border:1px solid #d7d7d7; box-sizing: border-box;text-decoration:none}
ul.set_menu li a:hover{border:1px solid #c41916;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
ul.set_menu li a::before{content: ""; display:inline-block; width:19px; height:13px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -176px -160px; vertical-align: middle; padding-right: 5px;}
ul.set_menu li.select a {border:1px solid #c41916;color:#000; font-weight:bold}
ul.set_menu li.select a::before{background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -140px -160px;}
/* 설정레이어 */

.hot_box ul.pan_thumb{padding-bottom: 14px;overflow: hidden;} 
.hot_box ul.pan_thumb li{float:left; position:relative; margin-left:20px} 
.hot_box ul.pan_thumb li span{position:absolute; left:0; top:0; display:inline-block; width:25px; height:25px; background:#c41916; color:#fff; font-size:16px; font-weight: bold; line-height: 25px} 
.hot_box ul.pan_thumb li a {display: block; max-width:210px; height:auto;}
.hot_box ul.pan_thumb li a img { max-width: 210px; max-height: 118px }
.hot_box ul.pan_thumb > li:first-child {margin-left:0}
.hot_box ul.pan_thumb .pt_tit {position: inherit; font-size:15px; padding: 1px 0 0 0;text-align: left; color: #000; line-height: 1.333em}
.hot_box ul.pan_thumb li a > span:first-child + .pt_tit { display: table; width: 210px; height: 164px; background: #f8f8f8 }
.hot_box ul.pan_thumb li a > span:first-child + .pt_tit em { display: table-cell; padding: 15px; vertical-align: middle; font-size: 20px; line-height: 1.3; text-align: center; word-break: keep-all }


.aside_list_rank { }
.aside_list_rank ul { counter-reset: aside_rank 4}
.aside_list_rank ul li { position: relative; padding-left: 25px; font-size: 15px; line-height: 2.2; color: #000; white-space: nowrap; text-overflow: ellipsis; counter-increment: aside_rank; overflow: hidden; text-align: left;}
.aside_list_rank ul li:before { content: counter(aside_rank); position: absolute; left: 0; margin-right: 15px; font-size: 16px; font-weight: bold; }
.aside_list_rank ul li a {}


dl.link_other{clear:both; background:#f8f8f8;; padding:10px 0; margin-top:50px}
dl.link_other dt {display:inline-block; width:77px; font-weight:bold; font-size:15px;margin-bottom:12px}
dl.link_other dd {position:relative;display:inline-block;font-size:13px;padding-left:17px;margin-left:17px;}
dl.link_other dd a {color:#777}
dl.link_other dt + dd{padding-left:0; margin-left:0;}
dl.link_other dd:first-child::before {border-left:0}
dl.link_other dd:before {content:""; display:block; position:absolute; top:1px; left:0; height:14px; border-left:1px solid #d7d7d7;}

/* in section items */
/* #csContent section:first-child {border-top:0} */
section.art_list{width:100%;}
section.art_list:after{content:""; display:block; clear:both; *zoom:1}
section.art_list#sec_my_pan {background:#f1f1f4; border-top:1px solid #cbccd2;}
section.art_list#sec_photo {border-top:1px solid #cbccd2;}
section.art_list#sec_my_pan .sec_inner{padding:40px 0 32px 0;}
section.art_list#sec_photo .sec_inner{padding:40px 0 40px 0;}
section.art_list#sec_live .sec_inner{ position:relative; padding:21px 0; border-top:0; height:180px; background:#21242a; margin: 20px auto 10px;}
section.art_list#sec_headline .sec_inner, section.art_list#sec_my_pan .sec_inner, section.art_list#sec_photo .sec_inner, section.art_list#gnb_set .sec_inner {border-top:0}
section.art_list#gnb_set .sec_con {width:505px;}
section.art_list#gnb_set .sec_sub.line {width:524px; padding:0 0 0 15px;}
section.art_list#gnb_set .sec_inner{position:relative; padding:30px 0 40px 0;}
section.art_list#gnb_set .sec_inner .btn_reset { position: absolute; bottom: -51px; right:26px; height: 48px;background: #fff;}
section.art_list#gnb_set .sec_inner .btn_reset a {position:relative; display: block; font-size:14px; color:#777; border: 1px solid #d7d7d7; padding:5px 12px }
section.art_list#gnb_set .sec_inner .btn_reset a:after {content:""; display:inline-block; margin: 2px 0 0 7px; width:18px; height:17px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -248px -74px; vertical-align: top}

section.art_list .sec_inner {width: 1196px; margin: 0 auto; padding:20px 0 40px 0; border-top:1px solid #000; position: relative;} 
section.art_list .sec_inner:after{content:""; display:block; clear:both; *zoom:1}
.sec_tit {float:left; width:166px; position:relative;}
.sec_con {float:left; width:700px; padding: 0 20px;border-left: solid 1px #d7d7d7; box-sizing: border-box}
.sec_con.wide {position:relative; width:1030px; padding-right: 0;}
.sec_con.listemp {padding:0; }
.sec_sub {float:left; width:330px; box-sizing: border-box;}
.sec_sub.line {width: 330px;border-left: solid 1px #d7d7d7; padding:0 15px;}/* 레이아웃 라인이 있으면 패딩값이 있음 */
#sec_headline .sec_con {padding-bottom: 20px;}

section.art_list#sec_live {visibility:visible; display:none;}
.live_video_box {padding-left:186px}
dl.news_item.video {}
dl.news_item.video dd.thumb {width:248px; height:139px;}
dl.news_item.video dt {font-size:18px;padding-bottom: 4px; }
dl.news_item.video dt a {color:#fff}
dl.news_item.video dd.title{color:#ef2425; font-size:14px; margin:17px 0 12px 0 }
dl.news_item.video dd.title span{border:1px solid #ef2425; border-radius:30px; box-sizing: border-box;padding:0 10px}
dl.news_item.video dd.desc{font-size:14px; color:#868b96; line-height: 1.500em}
section.art_list#sec_live .sec_inner .btn_layer_close {width:20px; height:20px;top:20px; right:20px; background-position:-336px -372px;}
a.btn_view_larger{position:absolute; bottom:20px; right:20px; font-size:12px;  }
a.btn_view_larger span {position:relative; display:inline-block; color:#868b96}
a.btn_view_larger span:before{content:""; display:inline-block; margin:1px 5px 0 0; width:14px; height:13px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -216px -34px; vertical-align: top}

/* in sec_tit items */
.sec_tit h3{font-size:20px; font-weight: 600; letter-spacing:-1px}

.sec_date_weather{ margin-top: 3px;display: inline-block;font-size: 15px;}
.sec_date_weather .sec_date{display:block; font-size:14px;  margin-bottom:5px;}
.sec_date_weather .sec_date {display: block;margin-bottom: 3px;padding-right: 19px;font-size: 14px;font-weight:bold; text-align: left;letter-spacing: 0;}
.sec_date_weather .sec_weather {display: block; padding-top:4px; font-size:20px}
.sec_date_weather .sec_weather_local_now {position:relative; display:block; margin-top:3px; padding-right: 19px;font-size: 17px;text-align: left;color:#222}
.sec_date_weather .sec_weather img { vertical-align:text-top; height:28px;}
.sec_date_weather a#sec_weather_id:after {content: ' '; display: inline-block; width: 9px; height: 5px; margin-left:5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAMAAACgjTZZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTcwNTA1QUYyNzMxMTFFODkwNTBFRkRCQURGN0MzQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTcwNTA1QjAyNzMxMTFFODkwNTBFRkRCQURGN0MzQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NzA1MDVBRDI3MzExMUU4OTA1MEVGREJBREY3QzNCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NzA1MDVBRTI3MzExMUU4OTA1MEVGREJBREY3QzNCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu7CjnwAAAAGUExURQAAAP///6XZn90AAAACdFJOU/8A5bcwSgAAAB1JREFUeNpiYGCEAAYGRggTTDOAGVAKyoESAAEGAAOiACVW8lQmAAAAAElFTkSuQmCC') no-repeat left top; vertical-align: middle }
.sec_date_weather a#sec_weather_id.current:after {background-position: -25px 0px;}
.sec_date_weather ul.sec_weather_list {visibility:hidden; width: 95px;padding: 6px 9px;background: #fff;border: solid 1px #dedede;position: absolute;top: 23px;left: 0px;opacity: 0; transform: translateY(-10px); transition: ease all 0.4s;}
.sec_date_weather ul.sec_weather_list.vis{visibility:visible;opacity: 1; transform: translateY(0px); z-index:1}
.sec_date_weather ul.sec_weather_list li {text-align: left;}
.sec_date_weather ul.sec_weather_list a {font-size: 13px;}
.sec_date_weather ul.sec_weather_list a:hover {color: #c51814;}
.sec_date_weather ul.sec_weather_list a.current {display: inline; font-weight: bold;}

.txt_state {font-size:12px; padding-top:5px;}
.txt_state span{display:inline-block; padding-left:6px}
.txt_state span.state_good{ color:#3c7fd3}
.txt_state span.usually {color:#317e37}
.txt_state span.bad {color:#be8f36}
.txt_state span.very_bad {color:#ab4f4f}

.trending {margin-top:100px}
.trending strong{font-size:18px}
.trending ul {}
.trending ul li{font-size:15px;padding-top:13px}

ul.sec_tit_sub { position: absolute; bottom: 40px; left: 0; }
ul.sec_tit_sub li {display:block; padding-top: 5px;}
ul.sec_tit_sub li a {width:150px; font-size:13px; display:inline-block;  color:#777; text-align:left; border-radius:3px; }

.pan_tit_box {position:relative; width:145px; height:170px; background:#21242a;}
.pan_tit_box h3 {padding:9px 0 0 15px; color:#fff}
.pan_tit_box h3 a{color:#fff}
.pan_tit_box span{display: block; color:#868b96; font-size:13px; padding:12px 0 0 15px; line-height: 1.538em}
.pan_tit_box .btn_set {position:absolute; right:20px; bottom:20px; width:23px; height:24px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat  -177px -35px; text-indent: -9999px;}
.pan_notice {position:relative;font-size: 12px; color:#21242a;letter-spacing: -.05em; padding-left:20px;margin-top:15px}
.pan_notice:before{content:""; position: absolute; top:0; left:0; display:block; width:15px; height:15px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat  -106px -339px;}

.today_recomd {margin-top:53px}
.today_recomd strong{}

.sec_tit_link {display:block; width:138px; margin-top:484px; padding-left:0px; font-size:0}
.special_banner {display:block; width:138px; margin-top:100px; padding-left:0px; font-size:0}

/* in sec_con items */
dl.news_item.thum {margin-top: 16px}
dl.news_item.thum dt {font-weight: bold}
dl.news_item.thum dd.thumb { max-width:145px; height:85px;}
#second_news dd.thumb{position: relative;}
#second_news dd.thumb img{position: absolute;top: 0;left: 50%;width: auto; height: 85px;max-width: none;transform: translateX(-50%);}
dl.news_item.thum ul.rel_art {float:left; padding-top:5px}

dl.news_item {overflow: hidden; display:block; width:100%; margin-top:16px}
dl.news_item:after{content:""; display:block; clear:both; *zoom:1}
dl.news_item dd.desc:first-child{max-width:100%;}
dl.news_item dt {font-size:18px; display: block; line-height: 1.2em;}
#sec_headline dl.news_item dt{ letter-spacing:-1px}
#sec_headline dl.news_item dt a img{vertical-align: middle}
dl.news_item dt a {line-height: 1.1em;}
dl.news_item dt .name {margin-left:5px; font-size:12px; color:#999;}
dl.news_item.thum dt:first-child{font-weight:bold; font-size:18px;}
.label_tit, dl.news_item .red {display:inline-block; font-size:17px; height:22px; background:#fff; color:#000; padding-right:3px;}
.label_tit.v1 {background:#fff; color:#c41916; border:1px solid #c41916; padding:0 3px; box-sizing: border-box;}
.label_tit.v2 {background:#fff; color:#396dbb; border:1px solid #396dbb; padding:0 3px; box-sizing: border-box;}

dl.news_item dd.up_tit{font-size:14px; padding-bottom:5px}
dl.news_item dd.thumb {float:left; display: block; overflow:hidden; margin-right:13px; vertical-align: middle; line-height: 0;}
dl.news_item dd.thumb > a {display:inline-block; line-height: 0;}
dl.news_item dd.thumb img{ max-height:85px;  width: auto;}
dl.news_item dd.desc {overflow: hidden; display: block; font-size:14px; margin-top:4px; line-height: 1.47em}
dl.news_item dd.desc {color:#777; letter-spacing:-.05em;}

.top_news dl.news_item {width:660px}
.top_news {border-bottom:1px solid #eaeaea; padding-bottom:20px;}
.top_news p {font-size:15px; font-weight:bold;padding-bottom:5px; letter-spacing:-.075em; line-height: 1.1;}
.top_news h2{font-size:32px; font-weight:bold; line-height: 1.1em; letter-spacing:-.075em; }
.top_news h2 em{display:inline-block; width:34px; height:34px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -141px -231px; margin-left:10px;vertical-align: middle;}
.top_news h2.center_tit { text-align: center }
.top_news h2 .center_tit { display: inline-block; line-height: 1.3; text-align: left }
.top_news dl.news_item dd.thumb {width:660px; max-width:660px; height:230px; display: block; padding:0; overflow: visible;}
.top_news dl.news_item dd.thumb a {display:block}
.top_news dl.news_item dd.thumb img{max-width:660px; height:230px;max-height:none}
.top_news span.red {display: inline-block; line-height: 1.3em; vertical-align: top; margin: 10px 0 0 0; font-weight:normal;font-size: 17px;height: 22px;color:#000;padding: 0;letter-spacing: -0.05em;}
.top_news span.read {display: inline-block; font-size:15px; margin-top:6px}
.top_news ul.rel_art li a {font-size: 17px}
.top_news h2.center_tit p {font-size: 17px;}

dl.news_item.headline_top dt {font-weight: bold}
dl.news_item.headline_top dd.thumb{position: relative;width:210px; height:119px; overflow:hidden}
dl.news_item.headline_top dd.thumb a {display:block;width:210px!important; height:119px;}
dl.news_item.headline_top dd.thumb img {position: absolute!important; top: 0; left: 50%;width: auto!important;height: 119px;max-width: none;transform: translateX(-50%); max-height: 100%;}
dl.news_item.headline_top ul.rel_art {float:left;}

.news_item_box {*zoom:1}
.news_item_box:after {content:" "; display:block; clear:both;}
.news_item_box > dl.news_item.round:first-child:before {border-left:0}
dl.news_item.round {float:left; width:49%; margin-top:0; padding-right:10px; position:relative; box-sizing: border-box;}
dl.news_item.round:before {content:""; position:absolute; top:0; left:0; height:78px; border-left:1px solid #d7d7d7;}

dl.news_item.round dd.thumb{width:64px; height:72px; background:#fff; border-radius: 55px}
dl.news_item.round dd.thumb.photo{ width:72px;}
dl.news_item.round dd.thumb.photo img{ width:72px;height:72px; border-radius:55px}
dl.news_item.round dd.thumb.nonept img {width:auto;height:auto;}
dl.news_item.round dd.thumb img.icon{margin:10px 0 0 30px}
dl.news_item.round dt{ font-size: 15px; line-height:1.389em}
dl.news_item.round dd.tit {padding-top:5px}
dl.news_item.round dd.tit a{color:#777;font-size: 14px;}

.ic_play {display:inline-block; width:16px; height:16px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -106px -232px; margin-left:6px;}
.ic_photo {display:inline-block; width:16px; height:17px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -106px -248px; margin-left:6px;}
.ic_vr {display:inline-block; width:21px; height:15px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -106px -268px; margin-left:6px;}

ul.rel_art{padding-top: 8px;}
ul.rel_art li {position:relative; padding-top: 3px;}
ul.rel_art li:first-child { margin-top:0;}
ul.rel_art li:before {content:''; display:block; width:7px; height:7px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat 0px -348px; position: absolute; top: 50%; margin-top: -3px;}
ul.rel_art li a { color:#222; padding-left: 12px; font-size:15px;}
ul.rel_art li a img{vertical-align: middle}
ul.rel_art li span {display: inline-block; font-size:12px; color:#999; font-weight:normal; padding-left:8px}
ul.rel_art.dot li {padding:5px 16px 5px 0; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
ul.rel_art.dot li:before {background-color:#222;background-image: none;width: 2px;height: 2px;content: '';position: absolute;display: block;top: 17px;left: 2px;}
ul.rel_art.check {}
ul.rel_art.check li:before {width:12px; height:9px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -34px -159px; position: absolute; top: 50%; margin-top: -3px;}
ul.rel_art.check li {padding:5px 0}
ul.rel_art.check li a {padding-left: 17px;}

.more_news {overflow:hidden; width:330px; height:240px; display:inline-block; padding-left:20px; margin-top: 19px; border-left:1px solid #d7d7d7; box-sizing: border-box;}
.more_news.pt_area{ padding:0; border-left:0}
.more_news strong {display:block; padding-top:2px; }
ul.categy_thumb{padding: 0 0 15px 0;padding-bottom:13px;overflow: hidden;box-sizing: border-box} 
ul.categy_thumb > li{float:left;} 
ul.categy_thumb > li a {display: block; max-width:145px; height:auto; margin-left:19px}
ul.categy_thumb > li a img{width: 145px; height:85px;}
ul.categy_thumb > li:first-child a {margin-left:0}
ul.categy_thumb .pt_tit {position: inherit; font-size:15px; padding: 1px 0 0 0; text-align:center; color: #000; white-space: normal; overflow: hidden;height: 2.6em; line-height: 1.333em}
dl.nation_news {padding-top:16px}
dl.nation_news dt {float:left; width:48px; color:#4273be; font-size:14px; font-weight:bold}
dl.nation_news dd { font-size:15px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
dl.nation_news dd  a {}


.exchange_area {position: absolute;bottom:60px;left:0;width:160px; height:215px; overflow:hidden;}
.exchange_area > li {width:160px}
.exchange_area strong.title {font-size:18px; font-weight:bold}
.markets_in {margin-top:76px}
.markets_in div {padding-top:16px}
.markets_in dl { font-size:12px;}
.markets_in dl dt {display: inline-block; width:60px; color:#777;}
.markets_in dl dd {display: inline-block; font-size:14px; font-weight:normal; color:#000;}
.markets_in dl dd.ic_finance{color:#396dbb; padding-left:6px}
.markets_in dl dd.ic_finance em{ display: inline-block; width:8px; height:5px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat; vertical-align: top; padding-left:3px; margin-top: 8px;}
.markets_in dl dd.ic_finance.down {color:#396dbb}
.markets_in dl dd.ic_finance.down em{background-position:-106px -201px;}
.markets_in dl dd.ic_finance.up {color:#c51a18}
.markets_in dl dd.ic_finance.up em {background-position:-106px -195px;}
.markets_in.line dl {}
.markets_in.line dl dt{width:auto; font-size:20px;color:#000;}
.markets_in.line p{color:#999;font-size:11px;}
.markets_info {font-size:11px; color:#999; padding-top:11px}
.tit_kospi {font-size:12px;color:#222; padding-right:11px}
.txt_time {padding:0 4px}
.markets_in.exchange {margin-top:25px}
.markets_in.exchange li {padding-top:14px}
.markets_in.exchange dl dt {display: inline-block; font-size:14px; color:#222;}
.markets_in.exchange dl dd {display: inline-block; font-size:12px; font-weight:normal; color:#000;}
.markets_in.exchange dl dd.ic_finance em{ display: inline-block; width:8px; height:5px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat; vertical-align: top; padding-left:3px; margin-top:5px;}
.markets_in.exchange dl dd.ic_finance.down {color:#396dbb}
.markets_in.exchange dl dd.ic_finance.down em{background-position:-106px -201px;}
.markets_in.exchange dl dd.ic_finance.up {color:#c51a18}
.markets_in.exchange dl dd.ic_finance.up em {background-position:-106px -195px;}
.exchange_area .bx-controls .bx-controls-direction{display:none}

a.stock_today {display:block;font-size:15px; font-weight:bold}
a.stock_today:before{content: ''; display: inline-block;width: 22px;height: 22px;background: url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -247px -243px;   vertical-align:middle;padding-right:7px;}
a.stock_more {display:block;font-size:11px; color:#999; margin-left: 29px;}
a.stock_more:after {content: ''; display: inline-block;width: 4px;height: 7px;background: url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -52px -384px;   vertical-align:middle;margin-left:4px;margin-top:1px}

.sec_con .comt_item:first-child {padding-left:0}
.comt_item_box {*zoom:1}
.comt_item_box:after {content:" "; display:block; clear:both; margin-bottom:20px;}
.comt_item { width:210px; padding-left:14px; float:left;}
.comt_item span.thumb {display: block; position:relative;line-height:0;overflow: hidden;}
.comt_item span.thumb img { width:210px; height:118px;-webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
.comt_item span.thumb a:hover img {transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}

.comt_item .comt_txt {position:relative;padding:10px 8px 13px; min-height: 61px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.comt_item .comt_txt .item_tag {display: block; font-size:14px; bottom: 13px;position: absolute;}
.comt_item .comt_txt .item_tag a{color:#777;}
.comt_item .comt_txt .item_tit {display: block; font-size: 15px; color:#000; line-height: 1.333em;letter-spacing:-.05em;}

.my_pan {position:relative; min-height: 530px;}
ol.pan_panel {}
ol.pan_panel div.around {overflow:hidden}
div.around li.panel_box:first-child{margin-left:0}
li.panel_box strong + .panel_list{border-top:1px solid #d7d7d7; box-sizing: border-box;}
li.panel_box.v1 strong + .panel_list, li.panel_box.v2 strong + .panel_list, li.panel_box.v3 strong + .panel_list {border-top:0}
li.panel_box.v1 .pan_bn_box, li.panel_box.v2 .pan_bn_box, li.panel_box.v4 .pan_bn_box{display:none}
li.panel_box strong + .panel_list .tempstep:first-child{border-top:0}
li.panel_box a.pan_bn_box {display:block; padding:28px 0 12px 0; line-height: 0;}

/* pan style */
li.panel_box {float:left; width:330px;margin:0 0 29px 9px; position: relative}
li.panel_box.v1 strong, li.panel_box.v2 strong, li.panel_box.v3 strong{font-weight:bold}
li.panel_box strong {display:inline-block; font-size:18px;}
li.panel_box strong a img{height:30px;vertical-align: middle;}
li.panel_box .panel_list .pan_list_box {padding:0 15px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
li.panel_box .ic_ad + .panel_list .pan_list_box{border-top:1px solid #d7d7d7}

li.panel_box .panel_list { width:330px; height:396px; margin-top:6px; background: #fff;}
li.panel_box.v1 .panel_list ul.pan_thumb{padding: 15px 15px 0;padding-bottom:13px;overflow: hidden;border-left: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7;box-sizing: border-box} 
li.panel_box.v1 .panel_list ul.pan_thumb li{float:left;} 
li.panel_box.v1 .panel_list ul.pan_thumb li a {display: block; max-width:145px; height:auto; margin-left:8px}
li.panel_box.v1 .panel_list ul.pan_thumb li a img{width: 145px; height:85px;}
li.panel_box.v1 .panel_list ul.pan_thumb > li:first-child a {margin-left:0}
li.panel_box.v1 .panel_list ul.pan_thumb .pt_tit {position: inherit; font-size:15px; padding: 1px 0 0 0; text-align:center; color: #000; white-space: normal; overflow: hidden;height: 2.6em; line-height: 1.333em}
li.panel_box.v1 .panel_list .tempstep:first-child {border-top:1px solid #d7d7d7;}

li.panel_box.v2 .panel_list ul.pan_thumb li a {position:relative; display: block; height:159px; overflow: hidden;}
li.panel_box.v2 .panel_list ul.pan_thumb li a:before {content:''; display:block; position: absolute;bottom: 0;left: 0;right: 0;height:91px;background:url(https://image.chosun.com/main/201803//bg_st02.png) 0 0 repeat-x; z-index: 1;}
li.panel_box.v2 .panel_list ul.pan_thumb li a img{width: 330px; height:159px;-webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
li.panel_box.v2 .panel_list ul.pan_thumb li a:hover img {transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
li.panel_box.v2 .panel_list ul.pan_thumb li + li {display:none}
li.panel_box.v2 .panel_list ul.pan_thumb .pt_tit {position: absolute; left:0; right:0; bottom:0; font-size:18px; padding: 0 15px 15px;color: #fff; line-height: 1.333em; z-index: 9;}

li.panel_box.v3 .panel_list ul.pan_thumb{padding: 15px 15px 0;padding-bottom: 13px;overflow: hidden;border-left: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7;box-sizing: border-box} 
li.panel_box.v3 .panel_list ul.pan_thumb li{float:left;} 
li.panel_box.v3 .panel_list ul.pan_thumb li a {display: block; max-width:145px; height:auto; margin-left:8px}
li.panel_box.v3 .panel_list ul.pan_thumb li a img{width: 145px; height:85px;}
li.panel_box.v3 .panel_list ul.pan_thumb > li:first-child a {margin-left:0}
li.panel_box.v3 .panel_list ul.pan_thumb .pt_tit {position: inherit; font-size:15px; padding: 1px 0 0 0; text-align:center; color: #000; white-space: normal; overflow: hidden;height: 2.6em; line-height: 1.333em}

li.panel_box.v3 .panel_list .pan_list_box{}
li.panel_box.v3 .panel_list .pan_list_box div.tempstep{height:auto;border-top:0;}
li.panel_box.v3 .panel_list .pan_list_box div.tempstep:first-child {border-top:1px solid #d7d7d7; padding-top: 14px;}
li.panel_box.v3 .panel_list .pan_list_box div.tempstep .step_thumb {display:none}
li.panel_box.v3 .panel_list .pan_list_box dl {}
li.panel_box.v3 .panel_list .pan_list_box dl dt {position:relative; padding: 5px 0; width: 298px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
li.panel_box.v3 .panel_list .pan_list_box dl dt a { color:#222; padding-left: 12px; font-size:15px;}
li.panel_box.v3 .panel_list .pan_list_box dl dt:before {position: absolute; top: 50%; margin-top: -3px; content:''; background-color:#222; width: 2px;height: 2px;position: absolute;display: block;top: 17px;left: 2px;}
li.panel_box.v3 .panel_list .pan_list_box div.tempstep dl dd.step_info {display:none}

li.panel_box.v4 .panel_list ul.pan_thumb{display:none}
li.panel_box .by_line {font-size:11px; color:#999; position:absolute; right:2px; bottom:-18px}
li.panel_box .panel_list .pan_list_box .tempstep .step_thumb a {width:87px; height:50px; overflow: hidden;}
strong .source {position:relative; font-size:14px; margin-left:8px; padding-left:8px}
strong .source:before {content: ''; display:inline-block; background: #d7d7d7; position:absolute; left:0; top:10%; width:1px; height:16px;}
/* pan style */

.ic_ad {float:right; width:31px; height:19px; line-height: 19px; border:1px solid #d7d7d7; box-sizing: border-box; background: #fff; font-size: 12px; color:#777; padding:0 5px 0 7px;letter-spacing: 0;}


/*공통*/
.tempstep {display:table; width:100%; border-top:1px solid #eaeaea; /*padding:6px 0 9px; */    height: 78px;}
.tempstep:first-child {padding-top:0; border-top:0}
.tempstep .step_thumb{display:table-cell; vertical-align: middle; text-align:right; padding-left: 8px;}
.tempstep .step_thumb a {line-height:0; display:block}
.tempstep .step_thumb a img{max-width: 87px; height:auto;}
.tempstep dl {width: 100%;display:table-cell; vertical-align: middle;}
.tempstep dl dt{font-size:15px; padding-top:5px;}
.tempstep dl dd.step_info {color:#777; font-size:13px}
.tempstep dl dd.step_info span {position:relative}
.tempstep dl dd.step_info span.time{font-size:12px; padding-left: 8px; margin-left: 8px;}
.tempstep dl dd.step_info span.time:before{content:""; position:absolute; top:1px; left:0; height:14px; border-left:1px solid #b4b4b4;}
.btn_layer_close {display:inline-block; position: absolute; top:20px; right:20px; width:40px; height:40px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -353px -317px; transform: rotate(-180deg); transition: ease transform 0.4s; text-indent:-9999px; overflow:hidden; font-size:0;}
.btn_layer_close:hover { transform: rotate(0deg) }
/*공통*/

.vod_scroll .tempstep .step_thumb a {width:87px; height:50px; overflow:hidden}

/*섹션 3단공통*/
ul.cate_news_box.listemp{float:left; width:1029px; box-sizing:border-box}
ul.cate_news_box.listemp.twostep {width:700px;}
ul.cate_news_box.listemp.twostep > li {width:350px; border-right:1px solid #eaeaea; border-left:0}
ul.cate_news_box.listemp li > .gdBox, ul.cate_news_box.listemp.twostep li > .gdBox {padding-top:17px; margin-top:35px; border-top:1px solid #eaeaea}
ul.cate_news_box.listemp li > .gdBox:first-child{border:0; margin-top:0; padding-top:0}
.cate_in_aside_bn {float:left; width:329px;}
.cate_in_aside_bn .aside_bn { text-align:right; margin-top:14px; margin-bottom:0}

ul.cate_news_box {overflow:hidden;}
ul.cate_news_box > li {float:left; width:350px; border-left:1px solid #eaeaea; box-sizing:border-box}

ul.cate_news_box > li:first-child {border-left:0;}
ul.cate_news_box h4{font-size:15px; font-weight:bold}
ul.cate_news_box li > .gdBox{margin:0 20px;}
ul.cate_news_box li.lastW {width:329px}
ul.cate_news_box li.lastW > .gdBox, ul.cate_news_box.listemp.twostep li > .gdBox {margin-top:14px;}
ul.cate_news_box li.lastW .gdBox{overflow:hidden; margin-right:0} 

ul.cate_news_box li .gdBox.tech h4+dl.news_item dt {white-space: nowrap; overflow: hidden;}

ul.cate_news_box li dl.news_item {margin-top:8px;}
ul.cate_news_box li dl.news_item dt {font-size:15px; color:#000; padding:5px 0 0 0;}
ul.cate_news_box li dl.news_item > dt {white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.cate_news_box li .gdBox h4 + dl.news_item {margin-top:9px;}
ul.cate_news_box li .gdBox h4 + dl.news_item dt{overflow: visible; white-space: inherit;}
ul.cate_news_box li dl.news_item dd.thumb {margin-right: 9px; width:87px;height:50px; overflow: hidden;}
ul.cate_news_box li dl.news_item dd.thumb img{width:87px; height:auto;}
ul.cate_news_box li dl.news_item dd.desc {float:left; color:#777;}
ul.cate_news_box li dl.news_item dd.tit {float:left; width:309px; display: block; padding-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

ul.cate_news_box li.lastW dl.news_item {float:left; display:inline-block; width:145px; margin:8px 0 0 0; padding-left:18px;}
ul.cate_news_box li.lastW .gdBox h4 + dl.news_item { padding-left:0}
ul.cate_news_box li.lastW .gdBox h4 + dl.news_item dt{overflow: hidden; white-space: inherit;}
ul.cate_news_box li.lastW dl.news_item dt{display:inline-block; height:38px; line-height:1.333em; text-align:center; overflow: hidden; padding-bottom:0; white-space: inherit;}
ul.cate_news_box li.lastW dl.news_item dd.thumb {margin-right:0; width:145px; height:85px;}
ul.cate_news_box li.lastW dl.news_item dd.thumb img{min-width: 145px; height: 85px;width: auto;}
/* ul.cate_news_box.listemp li.lastW > .gdBox { margin-top: 13px;} */
/*섹션 3단공통*/




/* 판설정 레이어***************/
#pan_set_id {visibility:hidden; position:absolute; top:-41px; left:0px; opacity: 0; transform: translateX(-10px); transition: ease all 0.4s }
#pan_set_id.vis {visibility:visible; opacity: 1; transform: translateX(0px); z-index:9}
.pan_set {position:relative; width:1009px;/*height:675px;*/border:1px solid #000; background:#fff; box-sizing:border-box; padding:20px 8px}

.pan_set p{text-align:center; font-size:32px}
.pan_set .pan_txt{font-size:13px; color:#777; margin:25px 0 13px 9px;}
.pan_set .pan_txt strong{font-size:20px; color:#000; padding-right:17px; letter-spacing:-.075em;}
.pan_set .pan_txt a {position:relative; color:#777}
.pan_set .pan_txt a.login {text-decoration:underline; color:#000}
.pan_set .pan_txt a.btn_reset {padding-right:20px; float:right; margin:6px 12px 0 0;}
.pan_set .pan_txt a.btn_reset:after {content:""; display:inline-block; position: absolute; top:0px; right:-3px;width:18px; height:18px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -211px -73px}
.pan_set .pan_txt a.btn_reset:hover {text-decoration:none}
#sortable li {display:inline-block;background:#fff;margin: 5px 10px;padding:8px 0 0 10px;font-size: 15px;height: 18px;border:1px #d7d7d7 dotted;  width:145px;height:35px;vertical-align: top;box-sizing:border-box;}
.btn_delete {display:block; width:18px; height:18px; float:right; margin-right:4px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -31px -350px; text-indent: -9999px;}
.btn_delete:hover {background-position: -31px -377px}
.pan_set .btn_close {position:absolute; top:2px; right:0px}

.all_cont_pan {margin-top:25px;}
.all_cont_pan strong {font-size:20px; margin-left:11px; letter-spacing:-.075em;}
.all_cont_pan .inner{margin-top:17px}
.all_cont_pan ul.pan_check {}
.all_cont_pan ul.pan_check li{float:left; display:block; width:80px; height:119px; margin: 0 9px 10px 10px;}
.all_cont_pan ul.pan_check li a {overflow:hidden; position:relative; display:inline-block; width:80px; height:80px;}
.all_cont_pan ul.pan_check li.check a:after {content:""; display:inline-block; width:80px; height:80px; position:absolute; top:0px; left:0px; background:#21242a; opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);}
.all_cont_pan ul.pan_check li.check a:before {content:"";display:inline-block; width:33px; height:24px; position:absolute;left:0; right:0; top:0; bottom:0; margin:auto auto; text-align:center; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -107px -283px;z-index: 1;}
.all_cont_pan ul.pan_check li span{display: block; text-align: center; font-size:14px}

.btn_set { clear:both; text-align: center; margin-top:2px}
.btn_set a {display:inline-block; height:50px; width:160px; box-sizing: border-box; font-size:18px; padding: 11px 10px 0 12px;;margin: 0 5px; color:#fff; text-decoration:none}
.btn_set.pan a {background:#396dbb;}
.btn_set.menu {margin-top:0; margin-bottom: 40px;}
.btn_set.menu a {background:#c41916;}
.btn_set a.cancer {border:1px solid #222; color:#000; background:#fff;}
/* 판설정 레이어***************/


/* input style common*/
.checks {display:inline-block;}
.checks input[type="checkbox"] {width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; opacity:.01;-ms-filter:"alpha(opacity=1)";cursor:pointer;}
.checks input[type="checkbox"] + label {position:relative; display:inline-block; position:relative; color:#777; padding-right: 25px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; font-size:14px; }
.checks input[type="checkbox"] + label:before {content: ''; position: absolute; right:0; display:inline-block; width:20px; height:20px;background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -177px -106px; text-align: center; vertical-align: top }
.checks input[type="checkbox"]:checked + label:before {background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -212px -106px;}
.checks input[type="radio"] + label { display:inline-block;padding-left:22px; position:relative; display:inline-block; position:relative; color:#000; }
.checks input[type="radio"] + label:before {}
/* input style common*/

.checks.pan{float: right; margin-right:13px;}
.checks.menu {width:33.2%; margin:9px 0}
.checks.menu input[type="checkbox"] + label {padding-right:0; font-size:14px; color:#000;}
.checks.menu input[type="checkbox"] + label:before {position:inherit;right: auto; width:17px; height:17px; background-position:-248px -159px; margin-right:5px;vertical-align: middle;}
.checks.menu input[type="checkbox"]:checked + label:before {background-position:-212px -159px;  }

.tooltip_btn {position: relative; display: inline-block; width:18px;height:18px;background:url('https://image.chosun.com/main/201803//icon_common.png') no-repeat -213px 0;left: 123px;top: -20px}
.tooltip_btn + .tooltiptxt {visibility: hidden; display: inline-block;width:127px; background-color: #fff; text-align: left; color: #868686; padding: 13px 9px;font-size: 13px; line-height: 1.500em; letter-spacing: -0.05em; border:1px solid #d7d7d7; position: absolute; left:4px; top:36px; opacity: 0; transform: translateY(-10px); transition: ease all 0.4s;  z-index: 1; }
.tooltip_btn + .tooltiptxt span{display:block; padding-bottom:5px}
.tooltiptxt::before{content:' '; display: block; width:14px; height:17px;background:url('https://image.chosun.com/main/201803//icon_common.png') no-repeat 0px -383px; position:absolute;left: 120px;top: -6px;}
.tooltip_btn:hover { background-position: -248px 0;}
.tooltip_btn:hover  + .tooltiptxt, .tooltiptxt:hover { visibility: visible; opacity: 1; transform: translateY(0px); z-index: 999}
.tooltip_btn.story  {position: absolute; right: 250px; top: 20px; left: inherit;}
.Cont_wrap_sub .tooltip_btn {left: 210px; top: -29px;}

.menu_area_setting {position: absolute;top: 173px;right: 0;bottom: 0;left: 0;}
.menu_area_setting .menu_area_bg {visibility: hidden;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #000;opacity: .3;filter: alpha(opacity=30);}
.menu_area_setting .menu_area_bg.vis {visibility: visible; z-index:1;}

.searh_area_bg {visibility: hidden;position: absolute;top: 51px;right: 0;bottom: 0;left: 0;background: #fff; opacity: .6;filter: alpha(opacity=30);}
.searh_area_bg.vis {visibility: visible; z-index:99;}



/* in sec_sub items **************************/
/* slider common */
.bx-controls-direction a {display:inline-block; width:17px; height:17px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat; text-indent: -9999px;z-index: 9999;}
.bx-controls-direction .bx-prev {background-position: 0 0;}
.bx-controls-direction .bx-next {background-position: -17px 0;}
.bx-pager.bx-default-pager {display:inline-block; font-size:11px; color:#999; margin-top:1px; letter-spacing:-2px; font-weight:bold; vertical-align:top}
.bx-pager.bx-default-pager:first-letter {color:#777;}
/* slider common */

.sub_item_box{position:relative; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:2px solid #222; padding:0 15px 5px 15px; margin-bottom: 20px;}
.sub_item_box .ic_qst {position:absolute; top:-12px; right:44%;}

.sub_item_box .tempstep.title{text-align:left; border-top:0;font-weight:bold;}
#opi_02_id dl.news_item dt{font-size: 18px;}
/* .sub_item_box .tempstep.title .label_tit.v1{display:inline-block} */
.sub_item_box .tempstep .step_thumb {width:87px; text-align: left;}
.sub_item_box .tempstep .step_thumb img{width:87px; height:50px; box-sizing: border-box}
.sub_item_box .tempstep dl dd.step_info {color:#777; font-size:13px; padding-top:3px;}

.sub_item_box#opi_box { padding: 0 15px 0 15px}
#opi_box .tempstep .step_thumb {width: 50px;}
#opi_box .tempstep .step_thumb img {width: 50px;}
#opi_box .tempstep {height:auto; font-size: 17px; padding: 14px 0 13px;}
#opi_box .tempstep dl dt {font-size:17px; padding-top:2px;}
#opi_box .tempstep.title#opi_02_id dl dt{font-size:18px; font-weight:bold}
#opi_box .tempstep dl dd.step_info {padding-top:0;}
#opi_box .tempstep dl dd.step_info span {display:inline-block; vertical-align:top;}
#opi_box .tempstep dl dd.step_info span.time {width:145px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.tempstep.title dl dt >div{display:table}
.tempstep.title dl dt span{display: table-cell; vertical-align: middle}
.tempstep.title dl dt span em{width: 35px; margin-right:7px; height: auto;font-size: 14px;}
.tempstep.title dl dt a {display:inline}

.channel_box{display:none; max-height:60px; position:relative; border-top:1px solid #396dbb; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:10px 0px 10px 0px; margin-bottom:20px; background:#f8f8f8; overflow:hidden}
.channel_box li {width:auto !important; overflow:hidden}
.channel_box .tempstep {height: 60px; width:300px; margin-left:15px; border-top:0 }
.channel_box .tempstep .step_thumb {width:60px; padding-right:10px; padding-left:0;text-align:left;}
.channel_box .tempstep dl dt {padding-top:4px;}
.channel_box .tempstep dl dd.step_info {color:#777; font-size:13px; padding-top:3px;color:#396dbb; font-weight:bold}
.channel_box .bx-controls {position:absolute; top:10px; right:15px}
.channel_box .bx-controls-direction {float:right; margin-left:6px}
.channel_box .bx-controls-direction a {display:inline-block; width:17px; height:17px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat; text-indent: -9999px;z-index: 9999;}
.channel_box .bx-controls-direction .bx-prev {background-position: 0 0;}
.channel_box .bx-controls-direction .bx-next {background-position: -17px 0;}
.channel_box .bx-pager.bx-default-pager {display:inline-block; font-size:11px; color:#999; margin-top:1px; letter-spacing:-2px; font-weight:bold; vertical-align:top}
.channel_box .bx-pager.bx-default-pager:first-letter {color:#777;}

.aside_bn {text-align:center; margin-bottom:20px; padding-left:15px;}

ul#people_id_new {height: 110px;overflow:hidden}
.people_box {position:relative; margin-bottom:20px; overflow:hidden }
.people_box strong{display:block; font-size:15px; margin-bottom: 6px}
.people_box ul li {overflow:hidden; width:330px; height:110px; background:#f8f8f8}
.people_box ul li .people_inner { display:table; height:110px;}
.people_box ul li span.thumb { display: block; line-height:0; overflow:hidden;}
.people_box ul li.st_01 {position:relative; border:1px solid #d7d7d7; box-sizing: border-box;}
.people_box ul li.st_03 .comt_txt {position: absolute}

.people_box ul li.st_01 span.thumb img {position:absolute; top:0px; right:0px; width:140px; height:108px}
.people_box ul li.st_03 .news_bg {position: absolute;bottom: 0;left: 0; right: 0;top: 0;background-color: #000;opacity: .4;}
.people_box ul li.st_03{position: relative;}
.people_box ul li.st_03 .comt_txt {top:50%; transform: translateY(-50%); text-align: center;}
.people_box ul li.st_03 .comt_txt .item_tag a{color:#fff; opacity: .8;}
.people_box ul li.st_03 .comt_txt .item_tit {padding:0 30px}
.people_box ul li.st_03 .comt_txt .item_tit a{color:#fff;}
.people_box ul li .comt_txt {display:table-cell;vertical-align:middle; padding-left:14px;    padding-right: 150px}
.people_box ul li .comt_txt.st_02 {border-right:1px solid #d7d7d7;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.people_box ul li .comt_txt .item_tag {display:block; font-size:13px; font-weight:bold; margin-bottom:4px; }
.people_box ul li .comt_txt .item_tag a{color:#396dbb;}
.people_box ul li .comt_txt .item_tit {display: block; font-size: 17px; color:#000; line-height: 1.333em; letter-spacing:-.05em;}
.people_box .bx-controls {position:absolute; top:7px; right:0px}
.people_box .bx-controls-direction { display:none}
.people_box .bx-pager.bx-default-pager{width:100%;text-align:center;color:#666}
.people_box .bx-pager.bx-default-pager .bx-pager-item,
.people_box .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.people_box .bx-pager.bx-default-pager a{background:#adb0bf;text-indent:-9999px;display:block;width:10px;height:10px;	margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.people_box .bx-pager.bx-default-pager a:hover,
.people_box .bx-pager.bx-default-pager a.active{background:#396dbb;}

.live_box {position:relative; margin-bottom:20px}
.live_box strong{display:block; font-size:15px;line-height: 1.2em; margin-bottom:9px}
.live_box .inner {overflow: hidden; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:2px solid #222; padding-top:12px}
.live_box a.btn_refresh {display:block;  position:absolute; top:-2px; right:0px; width:26px; height:25px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -106px -71px;}
.live_box a.btn_refresh:hover{background-position: -106px -311px;}
dl.live_item { clear:both; width: 260px; position: relative; border-left: solid 1px #eaeaea; margin-left: 20px;padding: 0 0px 12px 29px;}
dl.live_item dd.time { position: absolute; height:17px; top:0px; left:-12px; background: #fff; font-family: Tahoma; font-size: 11px; line-height:17px; color: #777;}
dl.live_item dd.thumb { float:right; margin-left: 10px; }
dl.live_item dd.thumb img { max-width: 87px; height: 50px; }
dl.live_item dt {font-size: 15px; line-height: 1.333em; }
dl.live_item dt a {}

.hash_box {position:relative; width:330px; height:318px; overflow:hidden;}
.hash_box .bx-wrapper { background: none }
.hash_box .bx-viewport {padding:21px 25px 0 25px; width: 280px !important; }
.hash_box .bx-controls {position:absolute; top:27px; right:14px}
.hash_box .bx-controls-direction {float:right; margin-left:6px}
.hash_box .bx-controls-direction .bx-prev {background-position: 0 -21px; text-indent:-9999px;}
.hash_box .bx-controls-direction .bx-next {right:16px; background-position: -17px -21px; text-indent:-9999px;}
.page_num {position:absolute; top:29px; left: 264px; font-size:11px; color:#b9b6b6;}
.page_num em{color:#fff;}

.hash_box .hash_item{}
.hash_box .hash_item strong{font-size:20px; color:#fff; padding-left:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hash_box .hash_item strong a {color:#fff;}
.hash_box .hash_item dl {width:240px; height:216px; background:#fff; opacity: 0.9; padding:20px 20px 0 20px; margin-top:15px}
.hash_box .hash_item dl dt{font-size:15px; padding-top:14px}
.hash_box .hash_item dl dt:first-child{padding-top:0}
.hash_box .hash_item dl dt a img{vertical-align:middle}
.hash_bg {position:absolute; top:0; left: 0 }
.hash_bg ul { position: relative }
.hash_bg ul li { position: absolute; top: 0; left: 0 }
.hash_bg ul li .news_bg {position: absolute;bottom: 0;left: 0;right: 0;top: 0;background-color: #000;opacity: .3;}
.hash_bg ul li a { opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}  
.hash_bg ul li a.active { opacity: 1 } 

.ent_link {position:absolute; top:0; right:0;}
.ent_link a {font-size:14px; color:#222; padding-left:16px}
.ent_link a:after {content:""; display:inline-block; width:6px; height:9px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat 0 -159px; margin-left:6px}
.ent_thumb {position:relative; overflow:hidden; width:330px; height:236px;} 
.ent_thumb .tit_item {font-size:18px}
.ent_thumb a img {width:330px;}
.ent_thumb .bx-controls-direction {margin-left:0; opacity: 0;}
.ent_thumb:hover .bx-controls-direction{opacity: 1;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.ent_thumb .bx-controls-direction a {top:28%;width:40px; height:40px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat;}
.ent_thumb .bx-controls-direction .bx-prev {position:absolute;left:0; background-position: 14px -49px;}
.ent_thumb .bx-controls-direction .bx-next {position:absolute;right:0; background-position: 8px -101px;}
/* .ent_thumb .bx-controls-direction .bx-next:focus{background: red;} */

.photo_wrap {position:relative; width:660px; height:290px;overflow:hidden}
.photo_wrap ul li a {display: block; height: 290px;}
.photo_wrap ul li a img { width:660px; height:290px;-webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
.photo_wrap ul li a:hover img {transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.photo_wrap .pt_bg {overflow: hidden;position: absolute;bottom: 0;left: 0;right: 0;height:169px;background:url(https://image.chosun.com/main/201803//bg_st01.png) 0 0 repeat-x;}
.photo_wrap .pt_tit {position: absolute; left:0; right:0; bottom:0px; font-size:22px;padding: 0 30px 28px 30px;color: #fff;}
.photo_wrap .pt_tit em.play{width:34px; height:34px; display:inline-block; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -177px -231px; vertical-align: top;margin-right: 9px;}
.photo_wrap .pt_tit em.vr {width:34px; height:24px; display:inline-block; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -211px -241px; vertical-align: top; margin-top: 4px;margin-right: 9px;}

.photo_wrap .bx-controls-direction {float:none; margin-left:0; opacity: 0;}
.photo_wrap:hover .bx-controls-direction{opacity: 1;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.photo_wrap .bx-controls-direction a {display:inline-block; top:42%; width:39px; height:40px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat;}
.photo_wrap .bx-controls-direction .bx-prev {position:absolute;left:0; background-position: 14px -49px;}
.photo_wrap .bx-controls-direction .bx-next {position:absolute;right:0; background-position: 8px -101px;}

.video_wrap {width:310px; height:290px;}

.my_pan .bx-controls-direction {position:absolute; right:-72px; top:50%; height:159px; margin-left:5px; overflow:hidden;}
.my_pan .bx-controls-direction a {display:block; width:50px; height:80px; background: #fff url(https://image.chosun.com/main/201803//icon_common.png) no-repeat; border:1px solid #c4c4c4; box-sizing: border-box;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.my_pan .bx-controls-direction a.bx-prev {background-position: -40px -31px; text-indent:-9999px;}
.my_pan .bx-controls-direction a.bx-prev:hover {background-position: -50px -31px;}
.my_pan .bx-controls-direction a.bx-next {background-position: -12px -81px; text-indent:-9999px; margin-top:-1px;}
.my_pan .bx-controls-direction a.bx-next:hover {background-position: -2px -81px;}
.my_pan .bx-pager.bx-default-pager{width:100%;text-align:center;color:#666}
.my_pan .bx-pager.bx-default-pager .bx-pager-item,
.my_pan .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.my_pan .bx-pager.bx-default-pager a{background:#adb0bf;text-indent:-9999px;display:block;width:10px;height:10px;	margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.my_pan .bx-pager.bx-default-pager a:hover,
.my_pan .bx-pager.bx-default-pager a.active{background:#396dbb;}


/* 투표하기 그래프 영역 */
.vote_area {width: 300px;}
.vote_area .tit {display: block; font-size:14px; color:#777; padding-top: 13px; margin-bottom: 20px }
.vote_area .tit strong{display:block; font-size:18px; color:#000; font-weight:normal; padding-bottom:3px}
.chart_box {margin:20px 13px 4px;}
.chart {position: relative;display: inline-block;width: 110px;height: 110px;text-align: center;}
.chart canvas {position: absolute; top:0; left: 0;}
.chart div{display: inline-block; z-index: 2;font-size:20px;font-weight: bold;color:#396dbb;margin-top: 32px;}
.chart em{display:block;font-size:13px;color:#777;font-style:normal}
.chart div:after {content: '%';margin-left: 0.1em;font-size: 15px;/*color:#396dbb*/}
.txt_vs {font-size:20px; color:#777; display: inline; margin-left: 10px; opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
.vote_txt { display: inline-block; width: 100%; font-size:15px; /*margin: auto 10px;*/ text-align:left; color:#000;}
.vote_txt_inner {position: relative; width:50%; float:left; text-align:center}
.chart.v2 {float:right}
.chart.v2 div {color:#777;}
.chart.v2 div:after {/*color:#777;*/}
.btn_vote {text-align: center; margin-top:17px;}
.btn_vote a {display:inline-block; height:30px; background:#fff; border:1px solid #d7d7d7; box-sizing: border-box;font-size:15px;line-height:28px;padding:0 10px 0 12px;margin: 0 5px}
/* 투표하기 그래프 영역 */

.event {position:relative; margin-bottom:12px}
.event strong{display:block; padding-bottom:10px} 
.event .bx-controls {position:absolute; top:0px; right:0}
.event .bx-controls-direction { float:right; margin-left:6px}

.notice {float:left; width:50%; margin-top:1px}
.notice strong{display:block; font-size:15px; color:#000}
.more_link {float:left;}
.more_link dl{}
.more_link dl dt {display:inline-block; width:77px; font-weight:bold; font-size:15px;margin-bottom:12px}
.more_link dl dd {position:relative;display:inline-block;font-size:13px;padding-left:6px;margin-left:6px;}
.more_link dl dt + dd{padding-left:0; margin-left:0;}
.more_link dl dt + dd:before {border-left:0}
.more_link dl dd:before {content:""; display:block; position:absolute; top:1px; left:0; height:14px; border-left:1px solid #b4b4b4;}
.more_link dl.link_sns dt{margin-bottom: 0;  margin-top: 20px;vertical-align: middle;}
.more_link dl.link_sns dd:before {border-left:0}
.more_link dl.link_sns dd a{display:inline-block; width:40px; height:40px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat; text-indent: -9999px; }
.more_link dl.link_sns dd.fb a{background-position: -301px 0px}
.more_link dl.link_sns dd.fb a:hover{background-position: -354px 0px;}
.more_link dl.link_sns dd.tw a{background-position: -301px -49px}
.more_link dl.link_sns dd.tw a:hover{background-position: -354px -49px}
.more_link dl.link_sns dd.kas a{background-position: -301px -97px}
.more_link dl.link_sns dd.kas a:hover{background-position: -354px -97px}
.more_link dl.link_sns dd.gp a{background-position: -301px -146px}
.more_link dl.link_sns dd.gp a:hover{background-position: -354px -146px}
.more_link dl.link_member {margin-top:12px}
.more_link dl dd a {color:#777}

/*2019.08.13 new banner*/
#eco_tech .tech_banner {width: 330px; padding-bottom: 20px; overflow: hidden;}
#eco_tech .tech_banner a {display: block; font-size: 0; line-height: 0;}
#sec_reader_private>.sec_inner {padding: 20px 0 20px 0;}
.service_banner {clear: both; width: 1010px; padding-top: 5px; overflow: hidden;}
.service_banner a {display: block; font-size: 0; line-height: 0;}


.paper_pdf {position:relative; width:330px; height:190px; padding:15px 15px 0 15px; background:#f8f8f8; border:1px solid #dadada; box-sizing:border-box;  margin-bottom:16px}
.paper_pdf dl{overflow:hidden}
.paper_pdf dd.thumb{float:left; margin-right:14px}
.paper_pdf dt {font-weight:bold; font-size:15px;}
.paper_pdf dd{font-size:13px; color:#777;}
.paper_pdf dd.date {color:#777; padding:5px 0 11px 0}
.paper_pdf dd.desc {padding-bottom:9px;}
.paper_pdf dd.desc a{color:#222;}
.paper_pdf dd.btn_pdf {position:absolute; left:145px; bottom:13px;}
.paper_pdf dd.btn_pdf a {display:block; width:51px; height:20px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -142px -70px; text-indent: -9999px;}

ul.paper_link {width:330px; height:39px; border:1px solid #dadada}
ul.paper_link li {position:relative; width:32.3%; display: inline-block; text-align:center;}
ul.paper_link li a {display:inline-block; font-weight:bold; font-size:15px; padding-top:8px}
ul.paper_link li a:before{content:""; position:absolute; top:9px; left:0; height:19px; border-left:1px solid #d7d7d7;}
ul.paper_link li:first-child a:before {border-left:0}

.banner_sub_tit {position:absolute; bottom:40px; left:0;}

.left_sp_banner {position: absolute;line-height: 0;font-size: 0;left: 50%;top: 20px;width: 350px;height: 710px;margin-left: -956px;}
.right_sp_banner {position: absolute;line-height: 0;font-size: 0;right: 50%;top: 20px;width: 300px;height: 710px;margin-right: -910px;}


/* quick 메뉴 */
.news_go { position: fixed; bottom: 240px; left: 50%; width: 50px; margin-left: 620px; box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: ease opacity 0.4s, visibility 0.4s; z-index:0 }
.news_go.vis { opacity: 1; visibility: visible;}
.news_go a { position: relative; display: block; width: 48px; height: 48px; margin-top: -1px; background: #000; border: solid 1px #d7d7d7 }
.news_go a > span { position: absolute; display: block; visibility: hidden; opacity: 0; height: 25px; padding: 0 8px; top: 13px; left: 60px; background: #4c4c4c; border-radius: 3px; font-size: 11px; line-height: 23px; color: #fff; white-space: nowrap; transform: translateX(-10px); transition: ease all 0.4s }
.news_go a.news_go_top > span { display: none }
.news_go a:hover > span { visibility: visible; opacity: 1; transform: translateY(0px) }
.news_go a:after { content: ' '; position: absolute; display: block; width: 48px; height: 48px; top: 0; left: 0; background:#000 url('https://image.chosun.com/main/201803/icon_common.png') no-repeat }
.news_go a:hover:after { opacity: 0.9 }
.news_go a.news_go_recent:after { background-position: -340px -195px; }
.news_go a.news_go_top:after { background-position: -340px -244px; }


/*************** add 오른쪽 슬라이더***************/
.box_style_wrap {position:relative; width:330px; height:160px; overflow:hidden;margin-bottom:22px}
.box_style_wrap .up_tit {position: absolute; top:0; left:0; background:#396dbb; color:#fff; font-size:13px; padding:3px 6px; letter-spacing: 0;}
ul.box_style { width:330px; float:left; height:160px;}
ul.box_style li:first-child, ul.box_style.right li:first-child {margin-top:0}
ul.box_style li{position:relative; width:330px; } 
ul.box_style li > dl {position: relative; height:160px;overflow: hidden;}
ul.box_style li > dl dt.title{width: 270px; font-size:17px; position: absolute; left:0; bottom:0; padding: 15px 30px;/*min-height: 38px;*/ text-align: center;} 
ul.box_style li > dl dt.title a {color:#fff;} 
ul.box_style li > dl dd.thumb {} 
ul.box_style .pt_bg {overflow: hidden;position: absolute;bottom: 0;left: 0;right: 0;height:160px;background:url(https://image.chosun.com/main/201803//bg_st01.png) 0 0 repeat-x;}
ul.box_style li > dl dd.thumb img {width:330px; height:160px;-webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
ul.box_style li > dl dd.thumb a{line-height: 0; display: block;}
.box_style_wrap .bx-controls-direction {float:none; margin-left:0; opacity: 0;}
.box_style_wrap:hover .bx-controls-direction{opacity: 1;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.box_style_wrap .bx-controls-direction a {display:inline-block; top:36%; width:39px; height:40px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat;}
.box_style_wrap .bx-controls-direction .bx-prev {position:absolute;left:0; background-position: 14px -49px;}
.box_style_wrap .bx-controls-direction .bx-next {position:absolute;right:0; background-position: 10px -101px;}


/*************** add special 선거/북미정상회담/ 월드컵***************/
/* #csContent.special_temp {}
#csContent.special_temp.vote .left_sp_banner,
#csContent.special_temp.vote .right_sp_banner {top:461px;}
#csContent.special_temp.summit .left_sp_banner,
#csContent.special_temp.summit .right_sp_banner {top:625px;}
#csContent.special_temp iframe {display:block; margin-bottom:20px}
#csContent.special_temp iframe.iframe01 {margin-top:10px}
#csContent.special_temp iframe.iframe02 {}
#csContent.special_temp iframe.iframe03 {}
#csContent.special_temp.vote iframe {display:block;}

section.art_list.na_summit { background:url(https://image.chosun.com/main/201803//summit_bg.png) no-repeat center 0;margin-bottom:10px}
section.art_list.na_summit .sec_inner {overflow: hidden; border-top: 0; height:595px; padding: 0;}
section.art_list.na_summit .sec_inner h1 {font-size:34px; font-weight:bold; text-align:center; letter-spacing: -.1em; padding: 40px 0 20px 0;}
section.art_list.na_summit .sec_inner h1 a {color:#fff;}
section.art_list.na_summit .sec_inner h1 span{display: inline-block;color:#99bbfd; font-size:20px; letter-spacing: -.07em; padding:11px 14px 0 0;vertical-align: top;}
.summit_vod {float:left; width:866px; height:487px; }
.summit_art_area {float:left; width:330px;  height:487px; background:#f4f5fe;}
.summit_art_area .title {color:#2564de; font-size:14px; letter-spacing: -0.1em; padding: 16px 0 3px 20px; display: block;}
.summit_art {width:290px; padding:0px 20px; margin-bottom:17px; height:338px; overflow:hidden}
.summit_art > dl {border-top:1px solid #dddfee}
.summit_art > dl:first-child{border-top:0}
.summit_art > dl:first-child dt {padding-top:0}
.summit_art > dl dt {font-size:17px; line-height:1.25em; padding:9px 0 15px 0}
.summit_art > dl dt a {font-size:17px; color:#222}
.summit_slider {position:relative; width:330px; height:115px; background:#e6e8f9; position: absolute; bottom:4px;}
.summit_slider ul {}
.summit_slider ul li {width:330px; height:115px}
.summit_slider ul li .txt {font-size:16px; font-weight:bold; padding:20px 0 0 20px; letter-spacing: -.075em}
.summit_slider ul li .txt a:hover{text-decoration: none}
.summit_slider ul li .txt span{display:block; font-size: 14px; font-weight:normal; color:#2564de; padding-bottom:3px;}
.summit_slider ul li img{position:absolute; right:28px; bottom:0}
.summit_slider .bx-controls-direction{display:none}
.summit_slider .bx-pager.bx-default-pager{position: absolute;bottom:10px;left: 17px;color:#aeb3dd}
.summit_slider .bx-pager.bx-default-pager .bx-pager-item,
.summit_slider .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.summit_slider .bx-pager.bx-default-pager a{background:#aeb3dd;text-indent:-9999px;display:block;width:6px;height:6px;margin:0 3px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.summit_slider .bx-pager.bx-default-pager a:hover,
.summit_slider .bx-pager.bx-default-pager a.active{background:#00117a;}

.regional_elect {border:1px solid #d7d7d7; margin-bottom:15px; display:none}
.regional_elect .title{width:328px; height:45px; line-height:45px; background:url(https://image.chosun.com/main/201803//elect_tit_bg.png) no-repeat}
.regional_elect .title a {font-size:15px; color:#fff; font-weight: bold; padding-left:10px}
.regional_elect .title a:before{content: ""; display:inline-block; margin:13px 5px 0 0; width:20px; height:20px; background:url(https://image.chosun.com/election2018_iframe/vote_right_title.png) no-repeat 0 0; vertical-align: top;}
.elect_box {padding:0 15px}
.elect_box_inner {border-top:1px solid #eaeaea; margin-top:10px;padding-top:5px}
.elect_box .elect_box_inner:first-child {border-top:0; margin-top:0}
.elect_box dl{overflow:hidden; padding:5px 0}
.elect_box dl dt{padding-right:95px; padding: 6px 0;} 
.elect_box dl dd.thumb{float:right; padding-left:5px;}
.elect_box dl dd.thumb a {display:inline-block; width:87px; height:50px}
.elect_box .rel_art {padding-top:0}
.elect_box .rel_art li{width: 298px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

section.art_list.asian_2018 {height:435px; background:url(https://image.chosun.com/special/2018_main//asian_bg.png) no-repeat center 0;}
section.art_list.asian_2018 .sec_inner {border-top:0; padding: 30px 0 25px 0;}
section.art_list.asian_2018 .sec_con {border-left:0; position:relative; z-index:99}
section.art_list.asian_2018 .comt_item {position:relative;  width:210px; padding-left:0; margin-left:15px}
section.art_list.asian_2018 .comt_item:first-child {margin-left:0}
section.art_list.asian_2018 .comt_item_box {height:176px; margin-bottom:26px}
section.art_list.asian_2018 .comt_item_box:after {}
section.art_list.asian_2018 .comt_item span.thumb img { width:210px; height:118px;-webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
section.art_list.asian_2018 .comt_item span.thumb a:hover img {transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
section.art_list.asian_2018 .comt_item .comt_txt {position:relative;padding:10px 13px 10px; min-height:32px; background:#fff; border:0;}
section.art_list.asian_2018 .comt_item .comt_txt .item_tit {display:inline-block; height:38px; text-overflow:ellipsis; overflow: hidden}
section.art_list.asian_2018 .comt_item .up_tit{position: absolute;top: 0;left: 0;height: 22px;line-height: 21px;background: #b3373f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8; color:#fff;font-size: 14px;padding: 0 7px;}
section.art_list.asian_2018 dl.news_item dt {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
section.art_list.asian_2018 dl.news_item dt a{color:#fff}

.score_area > strong{display:block; font-size:15px; color:#fff; padding-bottom:9px;}
.score_area > strong + .score_line{border-top:0}
.score_area .inner{background:#0f1b57; height:286px;}
.score_area .inner dl.live_item{width:248px; border-left: solid 1px #455383}
.score_area .live_line_bg, .score_area .inner .live_line_bg {vertical-align:top}
.score_area .inner dd.time{background:#0f1b57; color:#65d5ff;}
.score_area .inner dt a {color:#cadae9}
.score_area .scrollbar-inner > .scroll-element .scroll-element_track {background:#0f1b57}
.score_area .scrollbar-inner > .scroll-element .scroll-bar {background:#475393}
.score_area .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #475393;}
.score_area .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #475393;}
.asian_scroll {height:265px;overflow:hidden; margin-left:15px;}

.info_area {position:relative; margin-top:20px;}
.txt_info {}
.txt_info .info_tit {font-size:18px; color:#fff; font-weight:bold}
.txt_info .info_tit strong{color:#ffd61b;  font-size:18px;}
.txt_info em{font-size:11px; color:#b3b6cb }
.medal_box {position: absolute; top:0; right:23px}
.medal_box span {display:inline-block; width:44px; height:44px; margin-left:10px}
.medal_box span.gold {background:url(https://image.chosun.com/special/2018_main//asian_ic_gold.png) no-repeat;}
.medal_box span.gold em{ text-shadow: 2px 2px 3px #f99f0f;}
.medal_box span.silver {background:url(https://image.chosun.com/special/2018_main//asian_ic_silver.png) no-repeat;}
.medal_box span.silver em{ text-shadow: 2px 2px 3px #a5b0b0;}
.medal_box span.bronze {background:url(https://image.chosun.com/special/2018_main//asian_ic_bronze.png) no-repeat;}
.medal_box span.bronze em{ text-shadow: 2px 2px 3px #df8842;}
.medal_box em {display:block; font-size:24px; font-weight:bold; color:#fff; padding-top:5px; text-align:center;letter-spacing:-0.1em;}
section.art_list.asian_border .sec_inner {border-top:0} */
/*************** add special ***************/

/*************** 오른쪽 라이브영상 영역 ***************/
.live_vod_box.vis{display:none}
.live_vod_box {margin-bottom:18px; display:none}
.live_vod_box strong{display:inline-block; width:330px; height:40px; line-height:40px; background:url(https://image.chosun.com/main/201803//vod_tab_bg.png) no-repeat; color:#fff;}
.live_vod_box strong img{vertical-align: middle; padding-left:15px;}
.live_vod_box strong a {color:#fff; padding-left:6px;}
/*************** 오른쪽 라이브영상 영역 ***************/

/*************** 메인 탑영역 추가 템플릿 ***************/
.top_news_temp {position:relative;width:660px; height:338px;}
/*.top_news_temp img{max-width:660px; min-height:338px;}*/
dl.itv_area {position:absolute; top:50px; left:20px; width:400px}
dl.itv_area.v1 {width:610px}
dl.itv_area dd.thumb {}
dl.itv_area dd.up_title {display:inline-block; font-weight:bold; color:#fff;}
dl.itv_area dd.up_title > span{display:inline-block;height:23px; padding:2px 7px 0px 7px;}
dl.itv_area dt{color:#000; font-weight:bold; letter-spacing:-0.075em; line-height:1.250em; padding-top: 11px;}
dl.itv_area dt a{font-size:32px;}
dl.itv_area dd.read{/*width: 260px;*/ font-size:15px; font-weight:bold;padding-top:15px}
dl.itv_area dd.read a {color:#cc9999;}
dl.itv_area dd.read a:hover {text-decoration:none}
.top_news_temp ul.rel_art {position: absolute; bottom:40px; left:20px}
.top_news_temp ul.rel_art li {/*width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis*/}
.top_news_temp ul.rel_art li a{font-size:15px;}
dl.itv_area.v1 {left:25px;}
dl.itv_area.v1 dd.up_title {background:#d93232;}
dl.itv_area.v1 dt a {color:#fff; line-height:1.25 }
dl.itv_area.v1 dd.read a{}
dl.itv_area.v1 dd.read a:hover {text-decoration:none}
.top_news_temp ul.rel_art.v1 {left:30px}
.top_news_temp ul.rel_art.v1 li {width:auto;}
.top_news_temp ul.rel_art.v1 li a{color:#dadada; font-size:17px;}
.temp_bg{position:absolute; top:0; left:0; display:inline-block; width:660px; height:338px;background:url(https://image.chosun.com/main/201803//temp_bg.png) repeat-y; opacity: 0.95; filter: alpha(opacity=95);}
.temp_bg.v1{position:absolute; top:0; left:0; display:inline-block; width:660px; height:338px;background:url(https://image.chosun.com/main/201803//temp_bg_1.png) repeat-y;opacity: 1;}
dl.itv_area dt a > span {line-height: 1.25em;}
dl.itv_area dt a > span.size_s{font-size:28px; line-height:1.23em;}
dl.itv_area dt a > span.size_b{font-size:36px; line-height:1.23em;}

.top_news_temp.wide {position:relative;width:1010px; height:auto;}
.sec_sub.wide {margin-top:475px}
.top_news_temp.wide h2 {font-size: 40px; text-align: center; letter-spacing:-.075em; margin-bottom:20px}
.top_news_temp.wide h2 a {text-decoration: none}
.temp_wide_box {height:355px;}
.news_temp_left {float:left;}
.news_temp_right {position: relative; width:290px; height:335px; float:right; padding: 7px 20px 13px 20px; z-index: 1;overflow: hidden; }
.wide_bg {position:absolute; top:0; left:0; background: #21242a; width:100%; height:100%; z-index:2; opacity: .8;}
.wide_tempstep {position: relative; z-index: 9999;}
.blur_bg_img img{position:absolute; top:0; left:0; z-index:1; filter: url(#blur); filter: blur(1px);
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
  opacity: 0.2;-moz-opacity: 0.2;-khtml-opacity: 0.2;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter: alpha(opacity=20);}
.news_temp_right .tempstep {height:56px;border-top: 1px solid #656565;}
.news_temp_right .tempstep:first-child{border-top:0}
.news_temp_right .tempstep a {color:#fff}
.news_temp_right .tempstep dl:first-child dt{padding-top:0}
/*************** 메인 탑영역 추가 템플릿 ***************/

/*************** poll 추가영역 ***************/
.vote_area.v1 {width:300px}
/*.vote_area.v1 .tit {text-align: center}*/
.vote_area.v1 strong{}
.vote_area.v1 .btn_vote {margin-top: 46px}

.bar_stic {width:250px; position:relative; height:7px; margin-bottom: 36px;}
.bar-label { display: block; position: absolute; top: 11px; font-size: 14px;}
.bar-level-wrapper { display:block; width:250px; background:#f4f4f4; height:7px; border-radius:50px;}
.bar-level {vertical-align: top;  border-radius:50px;}
.bar-percent {position: absolute; top: -7px; right: -48px; font-size: 16px; font-weight: bold;}
.bar-percent em {font-size:13px}
/*************** poll 추가영역 ***************/


/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: hidden; overflow-x: hidden; overflow-y: scroll; padding: 0; position: relative !important; top: 0; width: auto !important; -ms-overflow-y:scroll }
  .scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-wrapper .scroll-x { display: none!important;}
.scroll-element { display: none; }
.scroll-element, .scroll-element div { box-sizing: content-box; }
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; }
.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; }
.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; }
.scroll-textarea > .scroll-content { overflow: hidden !important; }
.scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; }
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 4; }
.scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; }
.scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 5px; top: 0; width: 5px; }
.scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #fff; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #ccc; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #ccc; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #ccc; }
/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
.live_scroll {width:328px; height:232px; overflow: hidden;}
.vod_scroll {width:313px; height:290px; overflow: hidden;}
.vod_scroll .tempstep {width:298px;}
.pan_scroll {width:994px; /*height:320px;*/}

.menu_all_inner .menu_all_inner_box .hot_box { width: 450px }


/* small height window */
@media all and (max-height: 850px) {
  .menu_all_box { margin-top: 30px }
  .menu_all_inner { padding-top: 30px }
  .menu_all_inner .menu_all_inner_box .hot_box { width: 450px }
  
  .hot_box ul.pan_thumb + ul.pan_thumb { padding-bottom: 5px }
  .hot_box ul.pan_thumb + ul.pan_thumb li { float: none; left: 0; margin-left: 0; margin-top: 10px; padding-left: 0 }
  .hot_box ul.pan_thumb + ul.pan_thumb li span { display: inline; background: none; color: #000; text-align: left }
  .hot_box ul.pan_thumb + ul.pan_thumb li a { max-width: none }
  .hot_box ul.pan_thumb + ul.pan_thumb li a img { display: none }
  .hot_box ul.pan_thumb + ul.pan_thumb li a .pt_tit { padding-left: 25px; line-height: 1.5 }
  
  .hot_box ul.pan_thumb + ul.pan_thumb li a > span:first-child + .pt_tit { display: block; width: auto; height: auto; background: none;}
  .hot_box ul.pan_thumb + ul.pan_thumb li a > span:first-child + .pt_tit em { display: inline; padding: 0; text-align: left; font-size:15px; line-height: 1.5 }

  .accod_scroll { height: 480px }
  #menu_all_accod_id { height: 480px }
  dl.link_other { margin-top: 20px }
  }




/* footer */
.cs_Footer {width:100%;}
.cs_Footer:after{content:""; display:block; clear:both; *zoom:1}
.Footer_inner {position:relative; width:1196px; border-top:2px solid #ccc; margin: 0 auto; padding:27px 0 50px 0}
.Footer_inner .img_logo_footer {position:absolute; top:30px; left:6px}
.Footer_inner .Footer_add {padding-left:185px; position:relative;}
.Footer_add + .Footer_add dl:first-child{border-top: solid 1px #d9d9d9; padding-top: 12px; margin-top:12px}
.Footer_inner ul { overflow:hidden; font-size:13px; margin-bottom:1px; line-height: 1.846em; }
.Footer_inner ul li{position:relative; display:inline-block; color:#777; padding: 0 12px}
.Footer_inner ul li a {color:#777;}
.Footer_inner span {display:inline-block; font-size:13px; color:#222;  margin-top:9px }

.Footer_inner ul li:before { content:''; display:inline-block; background:#d7d7d7; position:absolute; left:0; top:25%; width:1px; height:13px;}
.Footer_inner ul li:first-child:before {display:none;}
.Footer_inner ul li:first-child {padding-left:0}
.Footer_inner .Footer_add ul li.border_none{padding-left:0}
.Footer_inner .Footer_add ul li.border_none:before {background:none;}
.Footer_inner ul li.sponsor {margin-left: 6px;}
.spon_area {position: absolute; right: 5px; top: 25px;}
.spon_area span{padding-left:12px}
.Footer_inner dl{ overflow:hidden; font-size:13px; margin-bottom:4px; line-height: 1.667em; }
.Footer_inner dl dt{display:inline-block; width:119px;  text-align:left; font-size:13px; color:#222}
.Footer_inner dl dd:before{content:''; display:inline-block; background:#d7d7d7; position:absolute; left:0; top:25%; width:1px; height:13px;}
.Footer_inner dl dd {position:relative; display:inline-block; color:#777; padding: 0 10px}
.Footer_inner dl dd strong{color:#000}
.Footer_inner dl dt + dd:before {background:none; }
.Footer_inner dl dt + dd {padding-left:0}
.Footer_inner dl dd a {color:#777;}

.selectarea {/*width: 144px;*/position: absolute;top:94px;right:0px;text-align: left; border:1px solid #d7d7d7; box-sizing:border-box}
.selectarea .selectBox {display: inline-block;position: relative;vertical-align: middle;background: none;}
.selectarea .selectBox select {font-size:13px; font-weight: normal; color: #777;padding: 5px 42px 4px 9px;border: none;line-height: 1.2;
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance:none; appearance:none;  background:url('https://image.chosun.com/main/201803//btn_arrow.png') no-repeat 95% 52%; cursor:pointer;background:none\9;}


/* for section live mov 2018.05.21 */
#sec_live {}
#sec_live.vis {}
section.art_list#sec_live .sec_inner { padding: 20px 0; box-sizing: border-box; background: #132050 }
section.art_list#sec_live .sec_inner .btn_layer_close { display: none }
section.art_list#sec_live .sec_inner { height: 180px; max-height: 200px; transition: ease all 0.4s }
section.art_list#sec_live.vis .sec_inner { height: 430px; max-height: 600px; padding: 30px 0;box-sizing: border-box; transition: ease all 0.4s }

#sec_live_mov_id iframe { width: 250px; height: 141px; box-sizing: border-box; border: solid 1px #222; transition: ease all 0.4s }
.larger_box { display: block; position: absolute; left: 450px; top: 20px; bottom: auto; transition: ease all 0.4s }
dl.news_item.video { margin-top: 0 }
dl.news_item.video dd.thumb { transition: ease all 0.4s }
dl.news_item.video dd.title { display: inline }
dl.news_item.video dt { display: inline-block; font-size: 30px; color: #fff }
dl.news_item.video dd.desc { display: none }
dl.news_item.video dd.rel { margin-top: 11px; font-size: 15px }
dl.news_item.video dd.rel.over { visibility: hidden; opacity: 0; transition: ease all 0.5s }
dl.news_item.video dd.rel a { color: #fff}
dl.news_item.video dd.rel a:before { content: ' '; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border: solid 2px #c5c5c5; border-top: 0; border-right: 0; box-sizing: border-box;}
#sec_live.vis #sec_live_mov_id { width: 660px; height: 371px; transition: ease all 0.4s }
#sec_live.vis #sec_live_mov_id iframe { width: 660px; height: 371px; transition: ease all 0.4s }
.live_video_box { padding-left: 186px; transition: ease all 0.4s }
#sec_live.vis .live_video_box { padding-left: 30px }
#sec_live.vis dl.news_item.video dd.rel.over { visibility: visible; opacity: 1 }
#sec_live.vis .larger_box { display: block; position: absolute; left: 710px; top: auto; bottom: 35px }

/* for v.2 renewal index 20181001*/
/********** tab menu common layout 텝기본 보더 업는 스타일**********/
ul.tabs {height:41px; line-height:40px; border-top:2px solid #000; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
ul.tabs li {display:inline-block; cursor: pointer; width:17%; font-size:15px; text-align:center; color:#777; margin-left:0}
ul.tabs li:first-child {margin-left:0}
ul.tabs li span  {display:inline-block; padding: 0 10px; font-weight:normal; font-size:13px; color:#777;}
ul.tabs li.current span {border-bottom: 1px solid #000; font-weight: bold; color: #000;}

.tab_cont{} 
.tab_content{display: none; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;padding:0 15px}
.tab_content.none_tab{display: block}
.tab_content.current{display: inherit;}
/********** tab menu common layout **********/

.infogrps_box {margin:16px 0 20px 0}
.infogrps_box strong {display:inline-block; font-size:15px; margin-bottom:8px}
/*.infogrps_box strong + .info_inner + .info_inner{margin-top:10px}*/
.infogrps_box .info_inner {display:table; width:330px; height:110px; margin-bottom:10px}
.infogrps_box .info_inner a.thumb img{display:block; width:330px;}
.infogrps_box .info_inner dl.news_item {display:table-cell; vertical-align:middle; padding-left:10px; margin-top:0;}
.infogrps_box .info_inner dl.news_item dd.up_tit {font-size:14px; padding-bottom:2px;}
.infogrps_box .info_inner dl.news_item dd.up_tit a {color:#777;}
.infogrps_box .info_inner dl.news_item dt {font-size:17px; line-height:initial;}

.hash_box_v2 {float:left; overflow:hidden; display: none;}
.hash_box_v2 ul{display:inline-block; width:1010px; border-left:solid 1px #d7d7d7; margin-left:166px; padding-left:20px;}
.hash_box_v2 ul li{float:left; width:330px; padding-left:10px}
.hash_box_v2 ul>li:first-child {padding-left:0;}
.hash_box_v2 ul li .box_v2_inner {position:relative; width:330px; height:185px; overflow:hidden;}

.hash_box_v2 ul li .box_v2_inner img{display:block; max-width:330px; min-height:185px;}
.hash_box_v2 ul li .box_v2_inner .hash_bg {overflow:hidden; position: absolute; bottom:0; left:0; right:0; width:330px; height:185px; background:#21242a; opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
.hash_box_v2 ul li .box_v2_inner .hover_cont {height:200px; position:absolute; top:124px; left:0; right:0; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 99;}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox {position:relative; padding:15px 17px 0 17px; z-index:999;}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox h4{font-size:20px; font-weight:bold; color:#fff; margin-bottom:21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox h4 a {color:#fff;}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox .gdBox_inner {display:table; height:30px;}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox .gdBox_inner a.thumb{display:table-cell; vertical-align:middle; padding-right:10px;}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox .gdBox_inner a.thumb img{max-width:87px; height:50px; min-height: 50px;}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox > h4 + .gdBox_inner + .gdBox_inner {margin-top:10px}
/* .hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox>h4+.gdBox_inner+.gdBox_inner+.gdBox_inner {height: 37px;} */
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox > h4 + .gdBox_inner + .gdBox_inner dl dt {width:286px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox > h4 + .gdBox_inner + .gdBox_inner + .gdBox_inner dl dt {width:286px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox > h4 + .gdBox_inner + .gdBox_inner + .gdBox_inner + .gdBox_inner dl dt {display:none}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox .gdBox_inner dl.news_item {display:table-cell; vertical-align:middle;}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox .gdBox_inner dl.news_item dt{line-height:1.33em}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox dl.news_item dt{font-size:15px; color:#e0e1e1}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox dl.news_item dt a {color:#e0e1e1}
.hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox dl.news_item dt a img{display:none}
/* .hash_box_v2 ul li .box_v2_inner .hover_cont .gdBox .gdBox_inner.last {height:28px} */
.hash_box_v2 ul li .box_v2_inner .hover_bg {overflow:hidden; position: absolute; bottom:-7px; left:0; right:0; width:330px; height:185px; }
.hash_box_v2 ul li:hover .box_v2_inner .hash_bg {background:#21242a; opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=80);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;z-index:1}
.hash_box_v2 ul li:hover .box_v2_inner .hover_cont {height:210px; position:absolute; top:0px; left:0; right:0;}
.hash_box_v2 ul li:hover .box_v2_inner .hover_cont .gdBox h4 {margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color: #fff;}
.hash_box_v2 ul li:hover .box_v2_inner .hover_bg {bottom:0;}

.exchange_area {bottom: 97px;}
.a.stock_today {font-size:14px;}
.markets_in {margin-top:53px}
.markets_in.exchange {margin-top:0px}
.btn_stock {position:absolute; bottom:40px; left:0; width:140px; height:44px; border:1px solid #d7d7d7; background:#f8f8f8; padding-top:10px; padding-left:5px}

.real_news {padding:6px 0 6px 0}
.real_news .time{display:inline; font-weight:bold; font-size:12px; color:#396dbb; padding-right:12px; letter-spacing: 0;}
.real_news  a{display:inline-block; width:253px; font-size:15px; vertical-align: middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#eco_tech .tab_content{border-top:0; padding:5px 15px 3px 15px; padding-bottom:6px}
#eco_tech .live_box{margin:0}
#eco_tech .btn_view_all {position:absolute; bottom:-20px; right:0; color:#666; font-size:12px}
#eco_tech .tabs_box {border-top: 2px solid #000; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
#eco_tech ul.tabs {height:39px; line-height:38px; margin:0 15px; border-left: 0; border-right:0; border-top:0; border-bottom: 1px solid #d7d7d7;}
#eco_tech ul.tabs li.large {width:24%}
#eco_tech .live_box a.btn_refresh {top:-3px;}
#eco_tech dl.news_item.thum {margin-top:20px}
#eco_tech dl.news_item.thum:first-child {margin-top:0}
#eco_tech dl.news_item.thum dd.thumb {position:relative; width:145px;}
#eco_tech dl.news_item.thum dd.thumb img{position: absolute;top: 0;left: 50%;width: auto!important;height: 85px;max-width: none;transform: translateX(-50%);max-height: 100%;}

.btn_view_all:after {content:""; display:inline-block; width:6px; height:9px; background: url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -52px -371px; vertical-align:top; margin:4px 0 0 4px;}

#socia_issue .btn_view_all {position:absolute; top:2px; right:0; color:#666; font-size:12px; font-weight:normal}
#socia_issue .btn_view_all:after {content:""; display:inline-block; }
#socia_issue .sec_con h4{position:relative; margin-top:20px}
#socia_issue .sec_con h4:first-child{margin-top:0}
#socia_issue dl.news_item.thum {margin-top:9px}

.special_projec {position:relative; width:290px; background:#e3e8f5; padding:20px}
.special_projec:after {content:''; position:absolute; top:0; right:0; width:36px; height:36px; background:url(https://image.chosun.com/main/201803//bg_add_img.png) no-repeat}
.special_projec span.up_tit {display:block; color:#2868d2; font-weight:bold; font-size:13px; padding-bottom:2px}
.special_projec strong.title {display:block; font-size:25px; padding-bottom:13px}
dl.temp_thumB {width:290px; height:164px; position:relative;}
dl.temp_thumB dd.thumb {width:290px; height:164px}
dl.temp_thumB dd.thumb img{max-width:290px; height:164px}
dl.temp_thumB dd.thumb .pt_bg {overflow:hidden; position:absolute; bottom:0; left:0; right:0; height:140px; background: url(https://image.chosun.com/main/201803//bg_st01.png) 0 0 repeat-x;}
dl.temp_thumB dt.title {width:260px; position:absolute; left:0; bottom:0; padding:15px; font-size:18px; font-weight:bold; text-align:left;}
dl.temp_thumB dt.title a {color:#fff;}
ul.relation_art {}
ul.relation_art li {font-size:15px; line-height: 1.33; padding-top:12px}
ul.relation_art li a{}

.sub_news {/*margin-bottom:10px*/}
.sub_news dl.news_item:first-child {margin-top:0}
.sub_news dl.news_item {margin-top:20px}
.sub_news dl.news_item dd.thumb:first-child{margin-left:0}
.sub_news dl.news_item dd.thumb {width:210px; height:auto; margin-right: 15px;}
.sub_news dl.news_item dd.thumb span{display:block; font-size:15px; line-height:1.333em; padding-top:5px}
.sub_news dl.news_item dd.thumb span.up_tit {font-size:14px; color:#777 }
.sub_news dl.news_item dd.thumb img{max-width: 210px; height:118px; max-height:118px;} 
.sub_news dl.news_item dd + dt {padding-top:0}
.sub_news dl.news_item dt{padding-top:14px; font-weight:normal; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}

#spo_ent .gdBox .gdBox_inner {display:table; padding-top:15px}
#spo_ent .gdBox .gdBox_inner a.thumb{display:table-cell;  width:87px; height:50px; vertical-align:middle; padding-right:10px;}
#spo_ent .gdBox .gdBox_inner a.thumb img {display: block; max-width:87px; height:50px;}
#spo_ent .gdBox .gdBox_inner dl.news_item {display:table-cell; vertical-align:middle;}
#spo_ent .gdBox .gdBox_inner dl.news_item dt{font-size:15px; line-height:1.33em;}

.spo_ent_slider {position: relative;width: 330px; height:187px;overflow: hidden;}
.spo_ent_slider .bx-controls-direction {float:none; margin-left:0; opacity: 0;}
.spo_ent_slider:hover .bx-controls-direction{opacity: 1;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.spo_ent_slider .bx-controls-direction a {display:inline-block; top:36%; width:39px; height:40px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat;}
.spo_ent_slider .bx-controls-direction .bx-prev {position:absolute;left:0; background-position: 14px -49px;}
.spo_ent_slider .bx-controls-direction .bx-next {position:absolute;right:0; background-position: 10px -101px;}

#spo_ent dl.temp_thumB {width:330px; height:186px;}
#spo_ent dl.temp_thumB dd.thumb {width:330px; height:186px}
#spo_ent dl.temp_thumB dd.thumb img{max-width:330px; min-width:330px; height:186px}

#health_chosun .sec_sub.line, #realty .sec_sub.line, #specialist .sec_sub.line {padding:0 0 0 20px}
.sec_sub.line .news_item_v {float:left; width:145px; padding-left:19px}
.sec_sub.line .news_item_v:first-child {padding-left:0}
.sec_sub.line .news_item_v dd.thumb a img{display:block; max-width:145px; height:85px;}
.sec_sub.line .news_item_v span {display:block; padding-top:6px}
.sec_sub.line .news_item_v span.up_tit {display:block; font-size:14px; color:#777 }

#specialist dl.temp_thumB {width:325px; height:156px;}
#specialist dl.temp_thumB dd.thumb {width:325px; height:156px;}
#specialist dl.temp_thumB dd.thumb img{width:325px; height:156px; max-width:325px;}
#specialist .gdBox {overflow:hidden; width:325px;}
#specialist .gdBox .gdBox_inner {width:325px; display:table; padding-top:15px}
#specialist .gdBox .gdBox_inner a.thumb{display:table-cell; vertical-align:middle; padding-right:10px;}
#specialist .gdBox .gdBox_inner a.thumb img {display: block; max-width:87px; height:50px}
#specialist .gdBox .gdBox_inner dl.news_item {display:table-cell; vertical-align:middle; }
#specialist .gdBox .gdBox_inner dl.news_item dt{font-size:15px; line-height:1.33em;}
#specialist .gdBox .gdBox_inner > a + dl.news_item dt{white-space: initial;}
#specialist .gdBox .gdBox_inner > dl.news_item dt{white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
#specialist dl.temp_thumB dt.title {width:295px;}

.sec_con .half_inner {float:left; width:325px; padding-left:9px}
.sec_con .half_inner:first-child {padding-left:0}
.sec_con .half_inner h4 a{display:block; margin-bottom:6px;}
#specialist .ad_box {margin-top:36px}

ul.hot10_list {}
ul.hot10_list li{height:71px; display:table; width:100%; border-top:1px solid #eaeaea}
ul.hot10_list li:first-child {border-top:0}
ul.hot10_list li span{font-family: 'Noto Serif', serif; font-weight:700; font-style:italic; padding-right:20px; display:table-cell; vertical-align:middle; font-size:40px}
ul.hot10_list li a {display:table-cell; width:100%; vertical-align:middle; font-size:15px}

#HOT10 ul.tabs li {width:32.3333%;}

.tab_link{display:table; width:100%; border-top:1px solid #eaeaea; height: 78px;}
.tab_link:first-child {padding-top:0; border-top:0}
.tab_link .step_thumb{display:table-cell; vertical-align: middle; text-align:right; padding-left: 6px;}
.tab_link .step_thumb a {line-height:0; display:block}
.tab_link .step_thumb a img{max-width: 86px; height:50px;}
.tab_link dl {display:table-cell; vertical-align: middle;}
.tab_link dl dt{position: relative; font-size:15px; color: #000; counter-increment: aside_rank; overflow: hidden; text-align: left}
.tab_link dl dt:before { content: '';}
.tab_link dl dt span{ position: absolute; left: 0; margin-right: 15px; font-size: 16px; font-weight: bold; }

/* pan v2*/
.content_pan {overflow:hidden;}
.pan_innerL {float:left; width:659px;}
ul.pan_tab {overflow:hidden; border-bottom:1px solid #a8a8aa; margin-bottom:20px}
ul.pan_tab li {float:left; margin:0 11px; line-height:1.2; cursor: pointer;}
ul.pan_tab li:first-child{margin-left:0}
ul.pan_tab li.current span {display:inline-block; height:25px; line-height:1.2; padding: 0 5px; border-bottom: 2px solid #000; font-weight:bold; color: #000; cursor: pointer;}
ul.pan_tab li a {font-size:15px}

.pan_item_box .pan_item:first-child{padding-left:0; margin-top:0;}
.pan_item {float:left; width:210px; padding-left:14px}
.pan_item .thumb {position:relative; display:inline-block; width:210px; height:118px}
.pan_item .thumb a img{display:block; width:210px; height:118px;}
.pan_item .up_tit {position: absolute;top: 0;left: 0;background: #396dbb;color: #fff;font-size: 13px;padding: 3px 6px;letter-spacing: 0;}
.pan_item_tit {display:block; width:210px; font-size:15px; margin-top:3px; height:39px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.pan_art_cont {width: 659px; height: 365px; overflow: hidden; padding-top:21px;}
.art_thumb_cont {width:210px; float:left}
.art_thumb_cont .pan_item {padding-left:0; margin-top:20px;}
.art_cont{float:left; padding-left:13px; width:435px; overflow:hidden;}
.art_cont dl.news_item {margin-top:15px;}
.art_cont dl.news_item:first-child {margin-top:0}
.art_cont dl.news_item dt{font-size:17px;}
.art_cont dl.news_item dt span{font-size:11px; color:#999; display:inline-block; padding-left: 8px;}

dl.pan_breadcrumb {float:left; overflow:hidden; height:53px; background:#fff; border:1px solid #d7d7d7; width:639px; padding:0 10px; margin-top:21px;}
dl.pan_breadcrumb dt div a{font-size:14px; font-weight: bold}
dl.pan_breadcrumb dt, dl.pan_breadcrumb dd {float:left; height:53px; display:table; font-size:14px;}
dl.pan_breadcrumb dt:after {content:""; display:inline-block; width:22px; height:53px; background: url(https://image.chosun.com/main/201803//arrow_tab_bg.png) no-repeat; vertical-align:top;}
dl.pan_breadcrumb dt div, dl.pan_breadcrumb dd div{display:table-cell; vertical-align: middle}
dl.pan_breadcrumb dd {padding-left:20px}
dl.pan_breadcrumb dd span{display:block; font-style: italic; font-size:11px; color:#999}

.pan_innerR {float:left; width:330px;margin-left:20px}
.pan_innerR .bx_cont_pan {border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;}
.pan_innerR ul#cont_pan_id {overflow:hidden; height:395px;  }
.pan_innerR .sub_item_box {overflow:hidden; height:392px; background:#fff; padding-bottom:0; margin-bottom:0; border-left:0; border-right:0}
.my_pan_slider strong .btn_set {position:absolute; left:52px; top:0; width:23px; height:19px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat  -103px -384px; text-indent: -9999px;}
.my_pan_slider .tempstep {height: 77px;}

.slide_counte {position:absolute; top:1px; right:25px; color:#999; font-size:11px; z-index:9}
.pan_title {position:absolute; top:-2px; right:48px; width:130px; font-size:15px; font-weight:bold; text-align:center}
.my_pan_slider .bx-controls {position:absolute; top:0px; right:0; width:200px;}
.my_pan_slider .bx-controls-direction{}
.my_pan_slider .bx-controls-direction a.bx-prev {float:left}
.my_pan_slider .bx-controls-direction a.bx-next {float:right; border-left: 1px solid #d7d7d7;}
.my_pan_slider{position:relative;}
#pan_set_id {left: 20px;}

.promotion{position:relative; margin-top:17px;}
.promotion ul li a{display:block; margin-top:10px}
.promotion ul li a:first-child{margin-top:0}
.promotion ul li a img{display:block; width:330px; height:100px;}
.promotion strong, .my_pan_slider > strong{display:block;padding-bottom:6px;} 
.promotion .bx-controls{position:absolute; top:0px; right:0}
.promotion .bx-controls-direction{ float:right; margin-left:6px}
/* for v.2 renewal index 20181001*/

/* 2019 실시간 속보 추가 수정 */
#economy_news {position:relative;}
#economy_news .btn_view_all {position:absolute; bottom:initial; top:2px; right:0;}
#economy_news .top_txt {position:relative; width:330px; padding:11px 0 7px 12px; box-sizing: border-box; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-top:2px solid #222; background:#f8f8f8}
#economy_news .top_txt span.date{position:absolute; top:12px; right:15px; font-size:13px}
#economy_news .inner{height:240px; background:#f8f8f8; border-top:1px solid #d7d7d7; padding-top:20px;}
#economy_news .inner dl.live_item {width:285px; border-left:0; padding: 0 0px 12px 0;}
#economy_news .inner dl.live_item dt.title {text-align: center; font-weight: bold}
#economy_news .scrollbar-inner > .scroll-element .scroll-element_track {background-color: #f8f8f8;;}
.economy_news_scroll {width:328px; height:233px; overflow: hidden;}

#real_time_box {position:relative; margin-bottom:17px;}
#real_time_box .btn_view_all {position:absolute; bottom:initial; top:2px; right:0;}
.real_time {overflow:hidden; height:38px; padding:10px 0 0 15px;border:1px solid #d7d7d7; margin-top:9px; letter-spacing:0; box-sizing:border-box; font-size:15px}
ul.real_time_list{float:left; height:20px; }
ul.real_time_list .slider_cont .time{display:inline-block; padding:3px 10px 0 0; color:#777; font-size:11px; vertical-align: top;}
ul.real_time_list .slider_cont a{display:inline-block; font-size:15px; width:266px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
#real_time_box .bx-controls .bx-controls-direction{display:none}
/* 2019 실시간 속보 추가 수정 */

/* 포토영상 ui수정 201903*/
#sec_photo .sec_sub.line {border-left:0; padding:0 0 0 20px;}
#sec_photo .sec_con {border-right:solid 1px #d7d7d7;} 
.sec_con_inner {width: 660px;}
.photo_wrap {height:290px}
.photo_wrap .pt_tit {padding: 0 30px 15px 20px;} 
.photo_thumb {overflow:hidden; padding:10px 12px 10px 13px; background:#21242a}
.photo_thumb a {float:left; margin-left:7px; line-height:0;}
.photo_thumb a:first-child {margin-left:0;}
.photo_thumb a img{width:100px; height:52px;}
.photo_thumb a.active img{width:100px; height:52px; border:2px solid #fff; box-sizing: border-box;}

ul#photo_art_slider{display:inline-block; height:339px; overflow: hidden;}
.sec_sub.line .step {overflow: hidden;}
.sec_sub.line .step:first-child {padding-bottom:10px}
.sec_sub.line .step .art_item:first-child{padding-left:0}
.sec_sub.line .art_item {float:left; width:145px; padding-left:19px}
.sec_sub.line .art_item dt.thumb {position:relative;}
.sec_sub.line .art_item dt.thumb a { line-height:0;}
.sec_sub.line .art_item dt.thumb a img{display:block; max-width:145px; height:85px;}
.sec_sub.line .art_item dd span.up_tit {display:block; font-size:14px; color:#777; padding-top:6px}
.sec_sub.line .art_item dd span.desc {padding-top:4px; font-size:15px; display:inline-block;}
.sec_sub.line .art_item dd span.desc a {display:inline-block; height:57px; line-height:1.333em;overflow:hidden;}
.sec_sub.line .step:first-child .art_item dd span.desc a{display:inline-block; height:38px; line-height:1.333em; overflow:hidden;}

#sec_photo .sec_sub.line .bx-controls-direction .bx-prev, #sec_photo .sec_sub.line .bx-controls-direction .bx-next {display:none}
#sec_photo .sec_sub.line .bx-pager.bx-default-pager {display:block; text-align:center; margin-top: 0; padding-top: 20px; color:#adb0bf;}
#sec_photo .sec_sub.line .bx-pager .bx-pager-item,
#sec_photo .sec_sub.line .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom: 1; *display:inline;}
#sec_photo .sec_sub.line .bx-pager.bx-default-pager a {background: #adb0bf; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline: 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#sec_photo .sec_sub.line .bx-pager.bx-default-pager a:hover,
#sec_photo .sec_sub.line .bx-pager.bx-default-pager a.active {background: #396dbb;}
.sec_sub.line .art_item dt.thumb em.play {position: absolute; bottom:6px; left:7px; width:16px; height:17px;background: url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -274px -248px;}

.photo_thumb a.active { position:relative; }
.photo_thumb a.active img { border:0}
.photo_thumb a.active:after { content:' '; position: absolute; display:block; top:0; left:0; width:100%; height:100%; border:solid 2px #fff; box-sizing: border-box }

.photo_thumb > a { width:100px; height:52px; cursor:pointer }
.photo_thumb > a:not([data-slide-index]) { position:relative; display:block; margin-left: -100px; z-index:1 } 
.photo_thumb > a[data-slide-index="4"] {  position:relative; z-index:3; background:rgba(255, 255, 255, 0) }
.photo_thumb > a.active:not([data-slide-index]):after { display:none }
.photo_thumb > a.active:not([data-slide-index]) + a {position:relative; }
.photo_thumb > a.active:not([data-slide-index]) + a:after { content:' '; position: absolute; display:block; top:0; left:0; width:100%; height:100%; border:solid 2px #fff; box-sizing: border-box}
.up_tit_ad {position:absolute; top:0; left:0; background:#000; height:19px; color:#fff; padding:0 4px; line-height:1.6; font-size:11px; opacity:0.6;}
/* 포토영상 ui수정 201903*/

/* 미탐백2차 배너 */
#sec_headline .sec_con{position:relative; z-index: 4}
.btn_banner_mt100 {position: absolute; bottom: 20%; left:-141px;}

/* 2019 포토 슬라이더 ad block txt add */
li.photo_ad_box {}
.notice_ad_txt {position:absolute; bottom:10px; left:16px; color: #ada8a8; font-size:12px;}
/* li.photo_ad_box iframe + .notice_ad_txt{display:none} */

/* float AD margin fix for 2018.06.12 summit */
#FloatLayer1 { margin-top: 290px; margin-left: 200px }

/* for hitweb buttns 20190530 */
.top_news_temp > font,
.top_news_temp > #hit_icon { position: relative; z-index: 99999}
ul.rel_art font { margin-left: 10px }
font[style="background-color: #666666"] { padding: 0 3px }

.news_item.thum.center > font, 
.news_item.thum.center > #hit_icon, 
.news_item.thum > #hit_icon { position: relative; z-index: 99999}

.news_item.thum .thumb font[style="background-color: #666666"] {position: relative; z-index: 99999}

/* for CMS tune 20190605 */
ul#photo_slider > br,
div.photo_thumb > br { display: none }

/* 코로나 배너 */
/* .spe_banner {display: none;} */

/* 200326 pyj add */
.notice_tip {background: #f8f8f8; border-radius: 25px;height: 27px;line-height: 1.3; padding: 7px 15px 0 15px;margin-bottom: 20px;letter-spacing: -0.5px;color: #999999; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.notice_tip a {color: #222;}

.sec_sub.eco_tech .live_box .inner .live_scroll {height: 267px;}

/* 200511 pyj add*/
dl.news_item.thum.center {}
dl.news_item.thum.center dd.thumb {position: relative; width: 145px; overflow:hidden;}
dl.news_item.thum.center dd.thumb a{display: block; width: 145px!important;  height:85px;}
dl.news_item.thum.center dd.thumb img { position: absolute!important; top: 0; left: 50%; width: auto!important; height: 85px; max-width: none; transform: translateX(-50%); max-height: 100%;}
dl.news_item.thum.center dd.thumb img#hit_icon {  left: auto; position: relative !important; z-index: 99999;}
/* end */