@charset "utf-8";
/* chosun.com article styles 2018.03 */

/* Reset import */
@import url("//news.chosun.com/dhtm/css/css_reset_2018.css");
@import url("//news.chosun.com/dhtm18/css/art/cs_art_gnb_2018.css?ver=20180628");

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}

#csWrap { min-width: 1196px }
#csHeader { position: relative }
#csContent { width: 1196px; margin: 0 auto }

/* list left */
.list_left_aside { float: left; width: 186px; padding-top: 25px; box-sizing: border-box }
ul.list_left_cat { font-size: 18px }
ul.list_left_cat li { margin-bottom: 14px }
ul.list_left_cat > li:first-child { position: relative; padding-bottom: 18px; font-size: 16px; font-weight: bold }
ul.list_left_cat > li:first-child:after { content: ' '; position: absolute; display: block; bottom: 0; left: 0; width: 20px; height: 1px; background: #222 }
ul.list_left_cat li a { color: #000 }
ul.list_left_cat li a.current { font-weight: bold }
ul.list_left_cat > div { float:left; width: 33% }


/* list body */
.list_body { float: left; width: 640px; margin-right: 40px; padding-top: 20px; box-sizing: border-box; word-break: keep-all }
.list_header { position: relative; padding-bottom: 10px; border-bottom: solid 1px #222 }
.list_header h2 { display: inline; font-size: 20px; font-weight: normal; }
.list_header a.list_date_trig { position: relative; display: inline-block; height: 22px; padding: 0 5px; box-sizing: border-box; border: solid 1px #d7d7d7; font-size: 12px; line-height: 18px; color: #222; vertical-align: bottom }
.list_header a.list_date_trig:hover,
.list_header a.list_date_trig.vis { background: #f3f3f3; text-decoration: none  }
.list_header a.list_date_trig:before { content: ' '; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat -200px -50px; vertical-align: middle }
.list_header .list_header_option { float: right; white-space: nowrap; padding-top: 5px }
.list_header .list_header_option a { position: relative; display: inline-block; margin-left: 5px; font-size: 13px; color: #777 }
.list_header .list_header_option a.sel { color: #c51a18 }
.list_header .list_header_option a:before { content: ' '; display: inline-block; width: 14px; height: 14px; margin-right: 3px; vertical-align: middle; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat -300px -50px }
.list_header .list_header_option a.sel:before { background-position: -325px -50px }

/* date picker calendar */
.list_date_box { position: relative; display: inline-block; margin-left: 5px; vertical-align: bottom }
.pick_month { margin-bottom: 15px; text-align: center }
.pick_month a { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; font-size: 0; vertical-align: top  }
.pick_month a:after { content: ' '; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 14px; height: 14px; margin: auto; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat; }
.pick_month a.pick_month_prev:after { background-position: -250px -50px }
.pick_month a.pic_month_next:after { background-position: -275px -50px }
.pick_month span.pick_month_current { font-size: 15px; font-weight: bold; color: #000 }

.pick_btn { padding: 10px 0; border-top: solid 1px #eaeaea; font-size: 0; text-align: center }
.pick_btn a { display: inline-block; height: 20px; padding: 0 12px; border: solid 1px #d7d7d7; font-size: 12px; line-height: 18px; color: #777; text-decoration: none }
.pick_btn a:hover { background: #f3f3f3 }
.pick_btn a + a { margin-left: 10px }

.date_picker_calendar { position: absolute; left: 0; top: 32px; width: 210px; padding-top: 15px; box-sizing: border-box; background: #fff; border: solid 1px #d7d7d7; visibility: hidden; opacity: 0; transform: translateY(-10px); transition: ease all 0.3s  }
.date_picker_calendar.vis { visibility: visible; opacity: 1; transform: translateY(0px); z-index: 99 }
.date_picker_calendar table { margin: 0 auto; font-weight: bold }
.date_picker_calendar table tr th { padding-bottom: 5px; font-size: 11px; color: #000; text-align: center }
.date_picker_calendar table tr td { padding: 3px 2px; font-size: 13px; color: #000; text-align: center }
.date_picker_calendar table tr th:first-child,
.date_picker_calendar table tr td:first-child a,
.date_picker_calendar table tr th:last-child,
.date_picker_calendar table tr td:last-child a { color: #777 }
.date_picker_calendar table tr td a { display: block; padding: 3px 4px; color: #333 }
.date_picker_calendar table tr td a.today { background: #c51a18; border-radius: 100%; text-decoration: none; color: #fff }
.date_picker_calendar table tr td a:hover { background: #f3f3f3; border-radius: 100%; text-decoration: none; color: #000 }

/* list item */
.list_content {}
dl.list_item { position: relative; padding: 20px 0 0; border-bottom: solid 1px #eaeaea; overflow: hidden }
dl.list_item dd.thumb { position: relative; float: left; min-height: 105px; padding-right: 10px; font-size: 0 }
dl.list_item dd.thumb img { max-width: 145px; max-height: 85px }
dl.list_item dt { margin-top: -3px; margin-bottom: 4px; font-size: 18px; font-weight: normal }
dl.list_item dt a { color: #000 }
dl.list_item dd.desc { margin-bottom: 5px; font-size: 14px; line-height: 1.5; color: #777 }
dl.list_item dd.desc a { color: #777 }
dl.list_item dd.date_author { padding-bottom: 20px; font-size: 13px; color: #999 }
dl.list_item dd.date_author span + span:before { content: ' '; display: inline-block; width: 1px; height: 13px; margin: 0 5px; background: #d7d7d7; vertical-align: middle }
dl.list_item dd.rel_trig { float: right; margin-top: -40px }
dl.list_item dd.rel_trig > a { font-size: 13px; color: #222 }
dl.list_item dd.rel_trig > a:after { content: ' '; display: inline-block; width: 14px; height: 14px; margin-left: 10px; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat -275px -75px; vertical-align: middle; transition: ease transform 0.4s }
dl.list_item dd.rel_trig > a.open:after { transform: rotate( 180deg )}
dl.list_item dd.rel_box { clear: both; display: none }
dl.list_item dd.rel_box.open { display: block }
dl.list_item dd.rel_box ul.rel_list { padding: 20px; background: #f8f8f8; border: solid 1px #eaeaea; border-left: 0; border-right: 0 }
dl.list_item dd.rel_box ul.rel_list li { margin-top: 10px; font-size: 14px }
dl.list_item dd.rel_box ul.rel_list li:first-child { margin-top: 0 }
dl.list_item dd.rel_box ul.rel_list li a { color: #222 }
dl.list_item dd.rel_box ul.rel_list li a:before { content: ' '; display: inline-block; width: 14px; height: 14px; margin-right: 5px; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat -200px -75px }
dl.list_item dd.rel_box ul.rel_list li .date { margin-left: 10px; font-size: 13px; color: #999 }

/* list item only title */
.only_title { padding-top: 10px }
.only_title dl.list_item { padding: 7px 0; border: 0 }
.only_title dl.list_item:nth-child(5n+0) { margin-bottom: 8px; padding-bottom: 19px; border-bottom: solid 1px #eaeaea }
.only_title dl.list_item dt,
.only_title dl.list_item dd.date_author { display: inline }
.only_title dl.list_item dd.rel_trig { margin-top: 2px }
.only_title dl.list_item dd.rel_box { margin-top: 10px; margin-bottom: 0 }

.paginate { padding-top: 40px; padding-bottom: 50px }
.only_title + .paginate { margin-top: -9px; border-top: solid 1px #eaeaea }
ul.paginate_num { font-size: 14px; line-height: 24px; text-align: center }
ul.paginate_num li { display: inline }
ul.paginate_num li:first-child { margin-left: 0 }
ul.paginate_num li a { display: inline-block; width: 28px; height: 24px; box-sizing: border-box; border: solid 1px #fff; color: #000; line-height: 22px; text-align: center; text-decoration: none }
ul.paginate_num li a:hover { border: solid 1px #c51a18 }
ul.paginate_num li a.current { color: #c51a18 }
ul.paginate_num li a.prev,
ul.paginate_num li a.next { width: 17px; height: 17px; margin: 4px 3px 0; border: solid 1px #d7d7d7; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat -250px -50px; font-size: 0; vertical-align: top }
ul.paginate_num li a.next { background-position: -275px -50px }







/* list page */















/* news aside(right) */
.news_aside { float: left; width: 330px; padding-top: 20px; padding-bottom: 20px; will-change: min-height; box-sizing: border-box}
.news_aside_inner { position: relative; transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform }
.news_aside h3.aside_box_title { position: relative; height: 35px; border-bottom: solid 2px #222; font-size: 15px; line-height: 35px; color: #000 }
.news_aside h3.aside_box_title > .more { float: right }
.news_aside h3.aside_box_title > .more > a { font-size: 13px; font-weight: normal; color: #777 }
.news_aside h3.aside_box_title > .more > a.current { font-weight: bold; color: #000 }

.aside_sec_head_news {}
.aside_rank_news {}
.aside_pan_news {}

.aside_list_thumb { position: relative; border: solid 1px #d7d7d7; border-top: 0 }
.aside_list_thumb dl { height: 78px; margin: 0 14px; padding: 0; box-sizing: border-box; border-top: solid 1px #eaeaea }
.aside_list_thumb dl:first-child { border-top: 0 }
.aside_list_thumb dl dd.thumb { float: right; max-width: 87px; height: 50px; margin: 14px 0 14px 5px; overflow: hidden }
.aside_list_thumb dl dd.thumb img { height: 50px; max-width: 87px }
.aside_list_thumb dl dt { display: table; height: 100%; word-break: keep-all }
.aside_list_thumb dl dt a { display: table-cell; vertical-align: middle }
.aside_list_thumb dl dt em { font-size: 14px; color: #777 }
.aside_list_thumb dl dt em:after { content: '\A'; white-space: pre }

.aside_list_thumb .bx-controls { position: absolute; top: 0; right: 0 }
.aside_pan_news .aside_list_thumb .bx-controls { position: absolute; top: -28px; right: 0 }

.aside_list_rank_right { padding: 10px 14px; border: solid 1px #d7d7d7; border-top: 0 }
.aside_list_rank_right ul { counter-reset: aside_rank }
.aside_list_rank_right 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 }
.aside_list_rank_right ul li:first-child,
.aside_list_rank_right ul li:nth-child(2), 
.aside_list_rank_right ul li:nth-child(3) { font-weight: bold }
.aside_list_rank_right ul li:before { content: counter(aside_rank); position: absolute; left: 0; margin-right: 15px; font-size: 16px; font-weight: bold }
.aside_list_rank_right ul li:first-child:before { color: #c01919 }
.aside_list_rank_right ul li a {}
.aside_list_rank_right ul li:first-child:before, 
.aside_list_rank_right ul li:nth-child(2):before, 
.aside_list_rank_right ul li:nth-child(3):before { color: #c01919 }

/* hash box from main */
.hash_box {position:relative; width:330px; height:318px}
.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; right:57px; 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:16px}
.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_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 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 } 

/* 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;}











/* copyright */
.news_copyright { position: relative; padding: 3px 0 40px; border-top: solid 1px #d7d7d7; font-size: 13px; color: #777; overflow: hidden; letter-spacing: 0 }
.news_copyright span { float: left }
.news_copyright span + span { float: right }
.news_copyright a { margin-left: 10px; color: #777 }

#csCopy { width: 800px; margin: 0 auto; padding: 30px 0 100px }
ul.copy_links { font-size: 0; color: #777 }
ul.copy_links li { display: inline; font-size: 13px }
ul.copy_links li:before { content: ' '; display: inline-block; width: 1px; height: 14px; margin: 0 7px; background: #eaeaea; vertical-align: middle }
ul.copy_links li.copy_cslogo { float: left; display: block; width: 127px; height: 33px;  margin-right: 56px; padding-top: 5px }
ul.copy_links li.copy_cslogo:before,
ul.copy_links li.copy_cslogo + li:before { display: none }
ul.copy_links li.copy_text { display: block; padding-top: 10px}
ul.copy_links li.copy_text:before { display: none }
ul.copy_links li a { color: #777 }

/* ad box */
.news_ad_top { padding: 20px 0; background: #f3f3f3; text-align: center }
.news_ad_mid { clear: both; padding: 20px 0; border-top:solid 1px #000; }
.news_ad_aside_mid { width: 300px; height: 250px; margin: 20px auto; background: #f2f2f2; overflow: hidden }
.news_ad_aside_promo { width: 330px; height: 100px; background: #f2f2f2 }
.news_ad_aside_bottom { width: 330px; margin-top: 20px; text-align: center }

.news_ad_mid, .news_cmt { box-sizing: border-box }

/* end */