@charset "UTF-8";


.comment_wrap { width: 830px; margin: 0 auto; border-bottom: solid 1px #e5e5e5; }
.comment_wrap * { font-family: '맑은 고딕', 'malgun gothic', 'Apple SD Gothic Neo', 'Apple SD 산돌고딕 Neo', -apple-system, sans-serif; }
/* news comment 100 */
.news_comment { clear:both; width:auto; padding:20px 0 30px; position:relative; border-top:solid 0px #000; overflow:hidden; }
.news_title + .news_comment { border-top:0;}
.news_comment .sec_tit { float:left; width:186px; position:relative}
.news_comment .sec_tit h3 { margin-bottom:10px; padding-left:5px; padding-right:10px; font-size:20px; font-weight:bold; color:#000; letter-spacing:-0.05em;}
.news_comment .sec_tit em.cmt_count { position: relative; display: block; padding-left: 30px; font-size:15px; line-height: 20px; color: #000 }
.news_comment .sec_tit em.cmt_count:before { content: ' '; position: absolute; display: block; top: 0; left: 0; width: 25px; height: 25px; background: url('http://image.chosun.com/main/201803/icon_article.png') no-repeat -100px 0 }
.news_comment .sec_tit #cmt_today_help_trig { font-size:10px; display:block;}
.news_comment .sec_tit .cmt_today_help { display:none;position:absolute;top:19px;left:0;font-size:12px;color:#666;padding:5px 6px 6px 8px;font-weight:normal;border:1px solid #d7d7d7;background:#fff;width:234px;z-index:999;}
.news_comment .sec_tit a:hover {color:#fff}

.news_comment .sec_con { position:relative; float:left; width:640px; padding:0; padding-right:0 }
.news_comment .sec_sub { float:left; width:320px; margin-top:-10px; padding-left:19px;}
.news_comment:after, .sec_tit:after, .sec_con:after, .sec_sub:after { content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both; }
.news_comment a.sec_close { width:25px; height:25px; display:none; position:absolute; top:0px; right:0px; background:red;}
.news_comment .sec_closed { overflow:hidden; }
.news_comment .sec_closed a.sec_close { background:blue}
.news_comment .sec_closed .sec_con, .news_comment.sec_closed .sec_sub, .news_comment .sec_closed ul.sec_tit_sub { display:none;}
body > .sec_sub { line-height:0}

ul.sec_tit_sub { position:absolute; width:115px; padding-right:19px; bottom:30px; left:0px; text-align:right;}
ul.sec_tit_sub li { line-height:24px;}
ul.sec_tit_sub li a { font-size:12px; color:#888;}

/* news comment 100 body */
.cmt_title { margin-bottom:18px; padding-bottom:10px; border-bottom:solid 1px #666; font-size:18px; line-height:20px; color:#222; }
.cmt_today_title { text-align:center; border-bottom:solid 1px #909090; padding-bottom:10px; margin-bottom:10px}
.cmt_today_title .cmt_today { font-size:20px; font-weight:bold; color:#222; }
.cmt_today_title .cmt_today_prev a { background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -300px -575px; width:7px; height:18px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle; margin-right:5px; }
.cmt_today_title .cmt_today_next a { background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -325px -575px; width:7px; height:18px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle; margin-left:5px; }
.cmt_today_title .cmt_today_cal { position:relative; margin-left:10px;}
.cmt_today_title .cmt_today_cal > a { background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -325px -550px; width:19px; height:19px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle;  }

#cmt_today_cal_layer_id { position:absolute; padding:5px; top:14px; left:0px; background:#fff; border:solid 1px #ccc; display:none;}
#cmt_today_cal_layer_id.open { display:block;}
#cmt_today_cal_layer_id table { width:170px; font-size:13px; font-weight:normal; }
#cmt_today_cal_layer_id table tr {}
#cmt_today_cal_layer_id table td { text-align:center;}
#cmt_today_cal_layer_id table td.f_yeaMonth { font-size:14px; font-weight:bold; padding-bottom:5px;}
#cmt_today_cal_layer_id table .f_title { display:none;}


.cmt_today_title .cmt_today_gotoday { font-size:12px; font-weight:normal;}

.cmt_title .cmt_user_name {}
.cmt_title .cmt_user_id { font-weight:normal; color:#666;}
.cmt_title em { color:#c51917;}

.cmt_top_btn { position:relative; margin-bottom:15px; font-size: 15px; display: none }
ul.cmt_order {}
ul.cmt_order li { display:inline; margin-right:10px;}
ul.cmt_order li a { color:#777;}
ul.cmt_order li a.current { color:#c01919; font-weight:bold;}
.cmt_font_sz { width:46px; position:absolute; top:00px; right:0px;}
.cmt_font_sz a { width:23px; height:22px; display:block; float:left; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -150px -550px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; cursor:pointer;}
.cmt_font_sz a + a { background-position:-173px -550px;}

.cmt_body {}
.cmt_box { padding-top:15px; border-bottom:solid 1px #eaeaea;} /* one comment */
.cmt_reply { padding:10px 20px 10px; background:#f8f8f8; border-top:solid 1px #eaeaea;}
.cmt_reply dl.cmt_comment:before { content:''; width:7px; height:7px; position:absolute; left:0px; top:14px; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -100px -300px;}
/* reply to one comment */
.cmt_go_all { padding-top:16px; padding-top: 5px; padding-bottom: 30px; text-align:right; font-weight:bold; font-size:15px}
.cmt_go_all span.light { font-weight:normal; color:#666;}
#contents .cmt_go_all a:after { content:''; display:inline-block; width:3px; height:5px; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -225px -500px; vertical-align:middle; margin-left:4px;}
.cmt_go_all em { margin-left:1px; color:#c41a1a;}

.cmt_reply_more { text-align:center; margin-top:8px; margin-bottom:10px;}
.cmt_reply_more:after { content:''; display:inline-block; width:3px; height:5px; margin-left:5px; vertical-align:middle; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -225px -500px;}
.cmt_reply_more a { font-weight:bold;}
.cmt_reply_more a em { color:#c41a1a;}

.cmt_pager { padding:15px 0; text-align:center; font-size:13px; }
.cmt_pager li { display:inline;}
.cmt_pager li a, .cmt_pager li strong { padding:3px 10px; border:solid 1px #fff;}
.cmt_pager li .current { color:#c41a1a; font-weight:bold; text-decoration:underline;}
.cmt_pager li a:hover { text-decoration:none; border:solid 1px #c41a1a}
.cmt_pager li a.cmt_pager_prev { background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -300px -575px; width:7px; height:13px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle;  }
.cmt_pager li a.cmt_pager_next { background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -325px -575px; width:7px; height:13px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle;  }


dl.cmt_comment { position:relative }

.cmt_reply dl.cmt_comment { padding-left:15px;padding-bottom:17px}
dl.cmt_comment .cmt_thumb { width:28px; height:28px; margin-right:10px; margin-bottom:6px; position:relative; float:left; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -200px -450px;}
dl.cmt_comment .cmt_thumb img { width:28px; height:28px; border-radius:17px}
dl.cmt_comment .cmt_thumb span { width:14px; height:14px; display:block; position:absolute; bottom:0px; right:0px;}
dl.cmt_comment .cmt_thumb span.fb { background: url(http://image.chosun.com/main/201803/icon_article.png) no-repeat -150px -300px; }
dl.cmt_comment .cmt_thumb span.tw { background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -250px -475px; }
dl.cmt_comment .cmt_thumb span.gp { background: url(http://image.chosun.com/main/201803/icon_article.png) no-repeat -200px -300px; }

dl.cmt_comment .cmt_user_name { float: left; margin-bottom:2px; font-size:15px; font-weight:bold; line-height:28px; color:#222; }
dl.cmt_comment .cmt_user_name a { margin-right:3px; color:#222;}
dl.cmt_comment .cmt_user_name .cmt_user_id {}
dl.cmt_comment .cmt_date_control { float: left; white-space:nowrap; font-size:13px; line-height: 28px; color:#999;}
dl.cmt_comment .cmt_date_control span { letter-spacing:0; margin:0 3px; color:#888}
dl.cmt_comment .cmt_date_control span.cmt_time { margin-right:10px;}
dl.cmt_comment .cmt_date_control a { color:#888; }
dl.cmt_comment .cmt_date_control a.go_logout { text-decoration:underline;}
dl.cmt_comment .cmt_date_control .cmt_mobile { width:7px; height:10px; display:inline-block; font-size:0; text-indent:-9999; overflow:hidden; background: url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -200px -575px;}
dl.cmt_comment .cmt_date_control > a { position: absolute; top: 0; right: 0; color:#777; }

dl.cmt_comment .cmt_news_tit { clear:both; padding-bottom:5px}
dl.cmt_comment .cmt_news_tit a { font-size:14px; color:#222;}
dl.cmt_comment .cmt_txt { clear:both; margin-bottom:12px; font-size:15px; line-height:1.533; color:#000; overflow: visible!important }

dl.cmt_comment .cmt_reply_link { position:relative; margin-bottom:11px; font-size:14px; color:#000}
dl.cmt_comment .cmt_reply_link a { color:#222; }

dl.cmt_comment .cmt_reply_link a.cmt_reply_now:after { content:''; width:5px; height:3px; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -200px -525px; margin-left:5px; display:inline-block; vertical-align:middle; }
dl.cmt_comment .cmt_reply_link a.cmt_reply_write:after { content:''; width:5px; height:3px; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -200px -525px; margin-left:3px; display:inline-block; vertical-align:middle; display: none }
dl.cmt_comment .cmt_reply_link .cmt_yesno_box { position:absolute; top:0px; right:2px; white-space:nowrap;}
dl.cmt_comment .cmt_reply_link span { width:14px; height:14px; display:inline-block; background:url('http://image.chosun.com/main/201803/icon_article.png') no-repeat; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
dl.cmt_comment .cmt_reply_link span.fb { width:18px; height:18px; background-position:-325px -450px;}
dl.cmt_comment .cmt_reply_link span.tw { width:21px; height:21px; background-position:-175px -250px;margin-left: 4px;}
dl.cmt_comment .cmt_reply_link span.gp { width:18px; height:18px; background-position:-325px -500px;}

dl.cmt_comment .cmt_reply_link a.cmt_reply_write,
dl.cmt_comment .cmt_reply_link a.cmt_reply_now,
dl.cmt_comment .cmt_reply_link .cmt_reply_yes,
dl.cmt_comment .cmt_reply_link .cmt_reply_no { display: inline-block; height: 30px; padding: 0 10px; box-sizing: border-box; border: solid 1px #ccc; color: #777; line-height: 26px }
dl.cmt_comment .cmt_reply_link a.cmt_reply_write,
dl.cmt_comment .cmt_reply_link a.cmt_reply_now { color: #000 }
dl.cmt_comment .cmt_reply_link .cmt_reply_yes span { margin-right:3px;  background-position:-150px -200px;}
dl.cmt_comment .cmt_reply_link .cmt_reply_no span { margin-right:3px; background-position:-175px -200px;}
dl.cmt_comment .cmt_reply_link .cmt_reply_yes { margin-left:15px; margin-right:10px; color:#777}
dl.cmt_comment .cmt_reply_link em { font-weight: bold; color:#000 }
dl.cmt_comment .cmt_export { margin-top:9px; overflow: hidden }
dl.cmt_comment .cmt_export .fl_left { float: left }
dl.cmt_comment .cmt_export .fl_right { float: right }
dl.cmt_comment .cmt_export .fl_right ul.cmt_help { padding-top: 0 }

dl.cmt_comment .cmt_export strong:after { content:''; display:inline-block; width:3px; height:5px; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -225px -500px; margin-left:4px;}
dl.cmt_comment .cmt_export span { display:inline-block; margin-right:5px; vertical-align:middle;}
dl.cmt_comment .cmt_export span a { width:18px; height:18px; display:block; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat; vertical-align:middle;}
dl.cmt_comment .cmt_export span.fb a { background-position:-300px -450px}
dl.cmt_comment .cmt_export span.tw a { background-position:-300px -475px}
dl.cmt_comment .cmt_export span.gp a { background-position:-300px -500px}
dl.cmt_comment .cmt_export span.fb a.selected { background-position:-325px -450px}
dl.cmt_comment .cmt_export span.tw a.selected { background-position:-325px -475px}
dl.cmt_comment .cmt_export span.gp a.selected { background-position:-325px -500px;}

dl.cmt_comment .cmt_export span a { width:21px; height:21px; display:block; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url("http://image.chosun.com/main/201803/icon_article.png") no-repeat; vertical-align:middle; cursor:pointer; /*transition:background 0.4s ease-out;*/}
dl.cmt_comment .cmt_export span.fb a {background-position: -150px -274px;}
dl.cmt_comment .cmt_export span.fb:hover a{background-position: -150px -249px;}
dl.cmt_comment .cmt_export span.tw a { background-position:-175px -274px}
dl.cmt_comment .cmt_export span.tw:hover a{background-position: -175px -249px;}

dl.cmt_comment .cmt_export span.fb a.selected{background-position: -150px -249px;}
dl.cmt_comment .cmt_export span.tw a.selected { background-position:-175px -249px}

.cmt_txt_input { clear:both; position:relative; line-height:0; margin-top:36px;}
.cmt_reply .cmt_txt_input { margin-top:0;}
dl.cmt_comment .cmt_date_control + #ifr_com_table > .cmt_txt_input { margin-top:0;}
.cmt_txt_input textarea.cmt_form_textarea { width:100%; height:78px; display:block; padding:7px 9px; border:solid 1px #d7d7d7; box-sizing: border-box; font-family: '맑은 고딕', '돋움', Arial, Helvetica, sans-serif; font-size:15px; line-height:1.533; overflow-y:auto; position:relative; z-index:3; color:#777; resize:vertical; box-sizing: border-box;}
.cmt_txt_input textarea.cmt_form_textarea:focus, .cmt_txt_input textarea.cmt_form_textarea:hover { color:#222;}
.cmt_txt_input input.cmt_form_submit_btn { float: right; width:70px; height:40px; background:#666; border:solid 1px #d7d7d7; font-size:15px; font-weight:bold; line-height: 40px; color:#fff; text-align:center; cursor:pointer;  z-index:2; -webkit-appearance: none;}
.cmt_txt_input:hover input.cmt_form_submit_btn { color:#C41A1A;}
.cmt_txt_input textarea.cmt_form_textarea:focus + input.cmt_form_submit_btn {color:#C41A1A;}
.cmt_txt_input input.cmt_form_submit_btn:focus { z-index:4;}

.cmt_many {}
dl.cmt_many_news { clear:both; padding:15px 0; overflow:hidden; border-bottom:solid 1px #eaeaea; position:relative;}
dl.cmt_many_news dt { margin-bottom:8px; font-size:17px; font-weight:bold; color:#222;}
dl.cmt_many_news dt a {}
dl.cmt_many_news dd.thumb  { float:left; margin-right:10px; line-height:0}
dl.cmt_many_news dd.thumb img { max-width:110px; max-height:80px}
dl.cmt_many_news dd.data { font-size:12px; color:#dadada}
dl.cmt_many_news dd.data span { color:#888; }
dl.cmt_many_news dd.count { position:absolute; top:15px; right:0px; letter-spacing:0; padding:0px 14px; border:solid 1px #d9d9d9; font-size:12px; color:#c21914; border-radius:10px; }
dl.cmt_many_news dd.count:before { content:''; display:inline-block; width:16px; height:14px; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -100px -100px; vertical-align:middle; margin-right:4px;}


ul.cmt_help { position:absolute; width:115px; padding-top: 10px; padding-right:19px; bottom:0px; left:-126px; text-align:right;}
ul.cmt_help li { line-height:24px;}
ul.cmt_help li a { font-size:12px; color:#888;}

.cmt_sns_icon{position: absolute; right:123px;top:3px;}
.cmt_sns_icon a{display:inline-block; width:21px; height:21px; margin-right:4px; overflow:hidden; background:url("http://image.chosun.com/main/201803/icon_article.png") no-repeat; vertical-align:middle;}
.cmt_sns_icon a.fb{background-position:-150px -250px;}
.cmt_sns_icon a.tw{background-position:-175px -250px;}
dl.cmt_comment .cmt_sns_icon em{font-size:13px; line-height:1.1em; color:#777; letter-spacing:-0.05em; position: relative; top:2px; font-weight:normal;}


/* fix! */
.cmt_top_btn ul.news_title_tools { bottom:  auto; top: 0 }
dl.cmt_comment .cmt_thumb { background: url('http://image.chosun.com/main/201803/icon_article.png') no-repeat -100px -200px }
.cmt_go_all { font-weight: normal; color: #000 }
.cmt_go_all em { font-weight: bold; color: #000 }
.cmt_go_all em:after { content: '개'}
.cmt_write { border: solid 0px #d7d7d7 }
.cmt_txt_input { margin-top: 0; overflow: hidden; border: solid 1px #d7d7d7 }
.cmt_txt_input textarea.cmt_form_textarea { border: 0; border-bottom: solid 1px #eaeaea }
.cmt_txt_input_count { float: right; margin-right: 10px; font-size: 15px; line-height: 40px; color: #777 }
.cmt_txt_input input.cmt_form_submit_btn { border: 0 }
.cmt_txt_input:hover input.cmt_form_submit_btn,
.cmt_txt_input textarea.cmt_form_textarea:focus + input.cmt_form_submit_btn { color: #e5e5e5 }
ul.cmt_help { position: static; width: auto; padding-right: 0; bottom: auto; left: auto;  }
ul.cmt_help li { display: inline }
ul.cmt_help li + li:before { content: ' '; display: inline-block; width: 1px; height: 14px; margin: 0 7px; background: #eaeaea; vertical-align: middle }
ul.cmt_help li a { font-size: 13px }
.u_logout { padding-bottom: 10px; font-size: 0; overflow: hidden }
.u_logout > strong { float:left; font-size: 16px }
.u_logout > strong:after { content: '님'; font-weight: normal }
.u_logout > a { float:right; font-size: 16px }


/* for mobile */
@media all and (max-width: 768px) {
.comment_wrap { width: 100% }


.news_comment .sec_con { width:100%;; padding:0; border:0; }
.news_comment .sec_tit h3 { margin-right:0; margin-bottom: 0; padding: 0 }
.news_comment .sec_tit em.cmt_count { display: inline; margin-left:0; padding-left: 0 ; font-size: 17px; font-weight: bold }
.news_comment .sec_tit em.cmt_count:before { content: '('; position: static; display: inline; background: none; font-weight: normal }
.news_comment .sec_tit em.cmt_count:after { content: ')'; font-weight: normal}

.news_comment { width:100%; margin-left:0; padding: 20px 15px 0; box-sizing: border-box }
.news_comment .sec_tit { float:none; width:100%; margin-bottom:0px;}
.news_comment .sec_tit h3 { display:inline; margin-right:10px; font-size: 20px; font-weight: normal }

dl.cmt_comment .cmt_thumb { display: none }
dl.cmt_comment .cmt_user_name { font-size: 14px }
dl.cmt_comment .cmt_date_control { font-size: 12px }
dl.cmt_comment .cmt_txt { font-size: 14px; font-weight: 1.5 }
dl.cmt_comment .cmt_reply_link { font-size: 12px }
.cmt_go_all { text-align: center }
.cmt_go_all a:after { content: ' '; display: inline-block; width: 9px!important; height: 9px!important; margin-left: -10px; border-left: solid 1px #666; border-bottom: solid 1px #666; transform: rotate(-135deg); background: #fff!important }

.cmt_top_btn { font-size:14px; display: none }
.cmt_txt_input { margin-top:10px;}

} /* end 768 */




/* end */