@charset "UTF-8";
.comment { width:100%; }
.comment .reply pre {white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word;}
.comment .blind, 
.comment legend, 
.comment caption { overflow: hidden; visibility: hidden; position: absolute; left: -9999px; width: 0; height: 0; color: transparent; font-size: 0;}
.comment button {background:none; border: 0;cursor: pointer;}

/* SNS 로그인 영역 */
.sns_wrap{ overflow: hidden; margin : 10px 0;}
.sns_wrap .sns_list { display: inline-block; float:left; }
.sns_wrap .sns_list dt,
.sns_wrap .sns_list dd{ display:inline-block;vertical-align:middle; }
.sns_wrap .sns_list dt{ margin-right:17px;letter-spacing:-1px; }
.sns_wrap .sns_list dd{}
.sns_wrap .sns_list dd a{display:block; width:48px;height:48px;font-size:0;}
.sns_wrap .sns_list dd a.off{opacity:0.3}
.sns_wrap .sns_list dd.facebook a{background:url(../img/facebook.png) no-repeat;}
.sns_wrap .sns_list dd.twitter a{background:url(../img/twitter.png) no-repeat;}
.sns_wrap .sns_list dd.naver a{background:url(../img/naver.png) no-repeat;}
.sns_wrap .sns_list dd.google a{background:url(../img/google.png) no-repeat;}
.sns_wrap .sns_list dd.kakao a{background:url(../img/kakao.png) no-repeat;}
.sns_wrap .sns_logout { float: right; padding: 11px; background-color:#656d78;}
.sns_wrap .sns_logout a { color:#fff; }
.sns_wrap .sns_logout.facebook { background-color:#3b5a9b; }
.sns_wrap .sns_logout.facebook a { color: #fff; }
.sns_wrap .sns_logout.twitter { background-color:#2eade2; }
.sns_wrap .sns_logout.twitter a { color: #fff; }
.sns_wrap .sns_logout.naver { background-color:#1ec800; }
.sns_wrap .sns_logout.naver a { color: #fff; }
.sns_wrap .sns_logout.google { background-color:#cb212b; }
.sns_wrap .sns_logout.google a { color: #fff; }
.sns_wrap .sns_logout.kakao { background-color:#f9ee2b; }
.sns_wrap .sns_logout.kakao a { color: #322323; }
.comment .reply .write-area.facebook textarea { border:2px solid #3b5a9b; }
.comment .reply .write-area.facebook button { border: 1px solid #3b5a9b; background-color: #3b5a9b; color: #fff;}
.comment .reply .write-area.twitter textarea { border:2px solid #2eade2; }
.comment .reply .write-area.twitter button { border: 1px solid #2eade2; background-color: #2eade2; color: #fff;}
.comment .reply .write-area.naver textarea { border:2px solid #1ec800; }
.comment .reply .write-area.naver button { border: 1px solid #1ec800; background-color: #1ec800; color: #fff;}
.comment .reply .write-area.google textarea { border:2px solid #cb212b; }
.comment .reply .write-area.google button { border: 1px solid #cb212b; background-color: #cb212b; color: #fff;}
.comment .reply .write-area.kakao textarea { border:2px solid #f9ee2b; }
.comment .reply .write-area.kakao button { border: 1px solid #f9ee2b; background-color: #f9ee2b; color: #322323;}

.comment .write-area { 
	position: relative;
    display: flex;
    display: -webkit-flex;
    -ms-display: flexbox;
    flex-direction: row;
}
.comment .user_thumb_img{
	margin-right:11px;
	position: relative;
    width: 61px;
    height: 61px;	
}
.comment .comment-data .user_thumb_img { float:left; }
.comment .user_thumb_img img {
	display: block;
    width: 100%;
    height: 100%;
}
.comment .user_thumb_img .sns_thumb {
	position: absolute;
    right: 0;
    bottom: 0;
    width: 17px;
    height: 17px;
}
.comment .write-area textarea,
.comment .write-area .cmt-input{
	flex:1;
	-webkit-flex:1;
	-ms-flex:1;

    border: 1px solid #cccccc;
    height: 61px;
    box-sizing: border-box;
    width: 80%;
}
.comment .write-area .input_count{position:absolute;right:15px;bottom:10px}
.comment .comment_btn{text-align:right}

.comment .reply {    
	border: 1px solid #e3e2e2;
    padding: 20px 35px;
}
.comment .reply button{display:block; }
.comment .reply li{  
	margin: 30px 0 0 0;
    border-bottom: 1px solid #cccccc;
    padding: 15px;
    padding-top: 0;
    overflow: hidden;
	position:relative;}
.comment .reply .count{ text-align:right; }
.comment .reply .count span{margin-right:4px;}
.comment .reply .depth { padding-left:30px; background:url(../img/reply.png) no-repeat 0 5px; }
.comment .reply .write-area{    
	padding: 20px 0 0 0;
    overflow: hidden;
    width: 100%;}

/*.comment .reply .write-area textarea,
.comment .reply .write-area button{display:block;float:left;}
.comment .reply textarea { width:70%;height:90px; border: 1px solid #ccc; }
.comment .reply textarea { border-right:0; }*/

.comment .reply li textarea{width:729px;}
.comment .reply button.write{
	background: #464646;
    text-align: center;
    color: #fff;
    font-size: 17px;
    line-height: 61px;
    border: 0;
    width: 102px;
    margin: 0 0 0 2%;}
.comment .reply .btn-area button.modc{float:left;color:#1a1a1a;}
.comment .reply .btn-area{position:absolute;top:20px;right:0;min-width:74px;}
.comment .reply .btn-area button{float:left;font-size:0.93em;color:#737373;}
.comment .reply .btn-area button.l-bar{ padding-left:0.5em; background:url(../img/bg_bar.png) no-repeat 7% 7px;}


.comment .reply .writer{overflow : hidden; margin-right:75px;font-size:17px;color:#737373;}
.comment .reply .writer em{margin-left:10px;color:#737373;}
.comment .reply .txt{padding:20px 17px 0 0; overflow : hidden; }
.comment .reply li.mod .btn-area{min-width:100px;background-position:64% 4px;}
/*.comment .reply .write-area div.cmt-input {  display: block;  float: left; }
.comment .reply div.cmt-input { width: 70%;  height: 90px;  border: 1px solid #ccc;  border-right: 0; }*/
.comment .paging-comm {overflow:hidden;width:100%;text-align:center;margin-top:4em;}
.comment .paging-comm .link_page{display:inline-block;width:17px;height:22px;margin:0 6px;color:#737373;text-indent:0;vertical-align: middle;}
.comment .paging-comm .link_page.on{font-weight:bold;color:#1a1a1a;border-bottom:1px solid #666;}
.comment .paging-comm .ico_comm{display:inline-block;width:28px;height:28px;margin:0 -2px;border:1px solid #e6e6e6;padding:0;font-size:0;vertical-align:middle;background:url(../img/btn1.png) no-repeat 0 0;}
.comment .paging-comm .btn_fst{background-position:6px -25px}
.comment .paging-comm .btn_prev{margin:0 6px 0 -2px;background-position:-26px -25px}
.comment .paging-comm .btn_next{margin:0 -2px 0 6px;background-position:-57px -25px}
.comment .paging-comm .btn_lst{background-position:-89px -25px}
.comment .paging-comm .txt_lst{display:none;}
.comment .paging-comm.ty1{margin-top:2em;}

.ng-binding:last-child {padding:0 0 0 20px;}

/*토의게시판*/
.discomment div.commWriteWrap {width:100%;}
.discomment .write-area .ng-valid {width:100%;}
.discomment .write-area .cmt-input.discussion-input {width:100%;}
.discomment.comment .write-area textarea, .comment .write-area .cmt-input {width:100%; padding:5px;}
.discomment .discussion-comment-table {border-top:none; border-collapse:separate; border-spacing:0 15px;}
.discomment .discussion-comment-table th {text-align:center;}
.discomment .discussion-comment-table td {text-align:left;}
.discomment .discussion-comment-table td #jwxe_catpcha3 {display:inline-block;}
.discomment .discussion-comment-table td #captcha {margin-top:10px; width:100%;}
.discomment .discussion-comment-table td #reply-captcha {width:100%;}
.discomment .discussion-comment-table .dis-irtComment td {border:0;}
.discomment .discussion-comment-table .dis-irtComment td button.write {width:100%; margin:0;}

.discomment .color-blue {color:#0887c2; font-weight:700;}