@charset "utf-8";

@import url("https://news.chosun.com/dhtm/css/css_reset_2018.css");
@import url("https://news.chosun.com/dhtm/css/cs_webfont_set.css");
/* @import url('https://fonts.googleapis.com/css?family=Playfair+Display:700&display=swap'); */

html, body{height:100%; overflow:inherit;}
html{-webkit-text-size-adjust:none;}
body{min-width:320px;word-break:keep-all;word-wrap:break-word;white-space:inherit;color:#000;}
body, input, button, textarea {color:#333; font: 16px/1.3 '맑은 고딕', 'Malgun Gothic', '나눔고딕', '돋움', Dotum, '굴림', Gulim, 'Apple SD Gothic Neo', sans-serif }
a, a:visited{color:#000; text-decoration:none}
.txt_dot1{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.txt_dot2{overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; text-overflow:inherit;}
.txt_dot3{overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; text-overflow:inherit;}
.dis_table{display:table; width:100%;}
.dis_table_cell{display:table-cell;}
.hdTxt, .hide_txt {position:absolute; top:-9999px; left:-9999px; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; z-index:-1;}
.contain{position:relative; width:1196px; margin:0 auto; *zoom:1;}
.contain:after{display:block;content:"";clear:both;}
.s_gnb{position:absolute; left:0; top:0; z-index:10;}




/* 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('//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('//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('//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 */
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('//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('//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('//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 }

/* 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 #655ed9; 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_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: #655ed9 }
.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: #655ed9 }

/* 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('//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 }




.election_live_box strong{display:block; font-size:15px;line-height: 1.2em; margin-bottom:9px}
.election_live_box>.inner {overflow: hidden; border-left:1px solid #ededed; border-right:1px solid #ededed; border-bottom:1px solid #ededed; border-top:2px solid #655ed9; padding-top:18px}
.election_live_box a.btn_refresh {display:block; position:absolute; top:-2px; right:0px; width:22px; height:22px; background:url('//news.chosun.com/test_2010/nara_css/202003/election_2020//icon-refresh.png') no-repeat;}
.election_live_box dl.live_item {clear:both; width: 250px; border-left: solid 1px #e8e7ff; margin-left: 26px; margin-bottom: 0; padding: 0 0px 15px 33px;}
.election_live_box dl.live_item dd.time { position: absolute; height:17px; top:0px; left:-15px; background: #fff; font-family: '맑은 고딕'; font-size: 12px; line-height:17px; font-weight: bold; color: #655ed9;}
.election_live_box dl.live_item dd.thumb { float:right; margin-left: 10px; }
.election_live_box dl.live_item dd.thumb img { max-width: 87px; height: 50px; }
.election_live_box dl.live_item dt {font-size: 15px; line-height: 1.333em; }
.election_live_box .scrollbar-inner > .scroll-element.scroll-y {right: 5px;}
.election_live_box .polit .live_scroll {height: 448px;}

.footer_100 .btn_member{display:none}

/* end */