@charset "utf-8";

/* CSS style for chosun.com infographics article mobile */
@import url("//english.chosun.com/dhtm/css/ecs_reset_2016.css");



body { line-height: 1.2;font-family:'HelveticaNeue','AppleSDGothicNeo','sans-serif';font-weight:400}
.all_bg {background:#eaeaea}
#wrap {max-width:640px; margin: 0 auto;}
/* top_main */
.top_secWrap {overflow:hidden;position:relative;margin-bottom:8px; background:#fff;border-bottom:1px solid #d7d7d7;}
dl.top_news {position:relative;  width:100%;height:210px;background:#fff;overflow:hidden;}
dl.top_news dd.thumb {height:210px;}
dl.top_news dd.thumb img { width:100%; max-height:210px;min-height:210px;}
/* dl.top_news dd.thumb:after {content:'';width:100%; height:100%;display:block;position:absolute;top:0px;left:0px;background: url(//english.chosun.com/images/ecs_main_gra.png) repeat-x left bottom;} */
dl.top_news dd.thumb a:after {content:'';width:100%; height:100%;display:block;position:absolute;top:0px;left:0px;
background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(19,55,96,0) 37%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(19,55,96,0) 37%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(19,55,96,0) 37%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}
dl.top_news dt { position:absolute;bottom:10px;right: 0;left:0;margin-bottom:3px; padding:0 15px;  font-family: 'Georgia', sans-serif;font-size:24px;text-align:left; line-height:1.2; z-index:999}
dl.top_news dt a {color:#fff;}

ul.top_desc {margin:10px 0;}
ul.top_desc li {font-family: 'Open Sans', sans-serif;padding:10px 0 ;margin:0 15px;border-top:1px solid #eaeaea;font-size:17px;font-weight:400;line-height:1.176em}
ul.top_desc li:first-child{border-top:0}
ul.top_desc li a {color:#000;}

/* main_sec_box */
.secWrap{overflow:hidden;position:relative;padding:20px 15px 10px 15px; margin-bottom: 8px; background:#fff;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;font-family: 'Open Sans', sans-serif;text-align: center;}
.secWrap h2.tit {font-size:17px; font-weight:700}
.secWrap ol{}
.secWrap ol li {overflow:hidden;position:relative;line-height:1.286em;display:table;border-top:1px solid #eaeaea;padding:10px 0;width:100%;}
.secWrap ol li:first-child {border-top:0}
.secWrap ol li a {display:table-cell;width:100%;color:#222;font-size:17px;font-weight:normal;letter-spacing:0;vertical-align:middle;text-align:left}
.secWrap ol li span.thumb{float:left;display:block;overflow:hidden;height:80px;width:80px;margin-right:10px;border-radius:40px;}
.secWrap ol li span.thumb a img{width:80px;height:80px;vertical-align:top;}
.secWrap.add{padding:20px 10px 0px 10px;}
.secWrap.m_Ad {padding-bottom:15px}

/*swiper03 - photo/video */
.swiper_wrap03 {position:relative;padding:20px 0 20px 15px; margin-bottom: 10px; background:#fff;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;font-family: 'Open Sans', sans-serif;}
.swiper_wrap03 h2.tit { font-size:17px; font-weight:700;margin-bottom:7px;/*padding-left:15px*/}
.swiper_wrap03 .swiper-container{width:100%;height:100%;/*padding-left:15px*/}
.swiper_wrap03 .swiper-slide{width:86%;text-align:center;font-size:17px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-slide:nth-child(2n){width:86%;}
.swiper-slide:nth-child(3n){width:86%;}
.swiper_wrap03 .swiper-pagination-fraction { font-size:12px;top:23px;right:0px;left:inherit;width:54px;height:18px;color:#222;}
.swiper_wrap03 .swiper-pagination-bullet {display:none}
.swiper_wrap03 .swiper-slide span.thumb img {width:100%}
.swiper_wrap03 .swiper-slide p{text-align:left}
/*.swiper-slide.swiper-slide-active {margin-right:15px !important}*/





/********  common  *********/

/* most_readBox */
.most_readBox {font-family: 'Open Sans', sans-serif; padding:20px 15px 10px 15px; margin-bottom:8px; background:#fff;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.most_readBox h2.tit { font-size:17px; font-weight:700;}
ul.read_inner li{border-top:1px solid #ececec;}
ul.read_inner li:first-child {border-top:none}
ul.read_inner li a{position:relative;display:block;width:100%;padding:14px 0;}
ul.read_inner li a em {position:absolute;top:9px;left:0;width:15px;display:inline-block;vertical-align:top;font-size:24px;font-family:'Georgia', sans-serif;color:#888;line-height: 1.1;}
ul.read_inner li a:hover {text-decoration:none}
ul.read_inner li a div {font-size:17px;color:#222;text-align:left;padding-left:25px;line-height:1.176em}

/*swiper01 */
.swiper_wrap01 {position:relative;padding:20px 10px 35px 10px; margin-bottom:8px; background:#fff;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;font-family: 'Open Sans', sans-serif;}
.swiper_wrap01 h2.tit { font-size: 17px; font-weight:700;padding-left:5px;margin-bottom:7px}
.swiper_wrap01 .swiper-container{width:100%;height:100%;}
.swiper_wrap01 .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper_wrap01 .swiper-pagination {bottom:15px;left:0;width:100%;}
.swiper_wrap01 .swiper-pagination .swiper-pagination-bullet {margin: 0 2px;}
.swiper_wrap01 .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;box-sizing: border-box;border:1px solid #555;background:#fff;opacity: initial;}
.swiper_wrap01 .swiper-pagination-bullet-active {width:8px;height:8px;background:#555;border:none;}

ul.high_cont {overflow:hidden;width:100%;font-family: 'Open Sans', sans-serif;}
ul.high_cont li {float:left;width:50%;min-height:159px;margin-bottom:20px;}
ul.high_cont li a {display:block;position:relative;padding:0 5px}
ul.high_cont li span.thumb{max-width:167px;height:94px;} 
ul.high_cont li span.thumb img{width:100%;max-height:94px; min-height:94px;} 
ul.high_cont li p {text-align:left;font-size:15px;color:#222;font-weight:normal;min-height:56px}
ul.high_cont li.bg{height:94px}
ul.high_cont li.bg a{display:table;height:159px;}
ul.high_cont li.bg p {text-align:center;display:table-cell;vertical-align:middle;padding:0 15px;background:#f4f4f4;}

ul.high_cont.nofix li a em{position: absolute;top:0px;left:5px;font-size:12px;height:20px;line-height:20px;color:#fff;padding: 0 7px;background: url('//image.chosun.com/ecs/bg_black_v2.png') repeat;}
ul.high_cont.nofix li p {min-height:57px;line-height: 1.15em;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}

/* ad_banner */
.art_mobile_mid_ad {clear:both; margin-bottom: 0px; text-align: center; border-top:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; line-height:0; background:#fff;margin-bottom:8px}
.art_mobile_mid_ad img{width:320px;height:100px}
.art_mobile_bottom_ad {text-align: center; background:#fff;border-top:solid 1px #d7d7d7;padding-top:35px}

/* copy */
.copyright_bottom { padding: 20px 0 35px 0; font-size: 12px; color: #999; text-align: center;background:#fff}
.copyright_bottom input.button{display:block;border:0;background:#b1b1b1;color:#fff;font-size:19px;margin:0 auto;padding:5px 10px 4px 10px;border-radius:0px;-webkit-appearance: none;}
.copyright_bottom span{display:block;margin-top:15px;}

/* top */
.news_go { width:42px; height:42px; position:fixed; bottom:50px; bottom: 25px; right:10px;}
.news_go a { display:block; width:42px; height:42px; background:url(//image.chosun.com/main/201505/cs_art_ico.png) no-repeat; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.news_go #news_go_list { background-position: -150px -450px;}
.news_go #news_go_top { background-position: -150px -500px; margin-top:-1px;}

/* Mobile sidebar Search box, Menus */
.listIn_searchbox { padding:0 0 15px;position:relative}
.listIn_searchbox .search_txt { height: 40px; margin: 0 15px;padding: 0 50px 0 15px; background: #f8f8f8; position: relative;border-radius: 20px}
.listIn_searchbox .search_txt input.search_input { width: 100%; height: 40px; display: inline-block; padding: 0; font-size: 17px; font-weight:600;line-height: 1.3em; color: #222;  background: none; border: 0;}
.listIn_searchbox .search_txt input.search_input:focus { color: #333}
.listIn_searchbox  button.search_btn {position:absolute;top:10px;right: 21px;z-index: 10; width: 19px; height: 19px; border: 0; padding: 0; background: url(//news.chosun.com/issue/img/issue_gnb_ico.png) no-repeat -150px -100px; background-size: 250px; text-indent: -9999px; overflow: hidden; vertical-align: middle;margin-bottom: 3px}

.sch_text {border-bottom:1px solid #ccc;margin: 0 15px;font-size:15px;padding-bottom:3px}
.sch_text em{display:inline-block;font-weight:600}