@charset "utf-8";

.reply_write{padding: 20px;border-bottom:1px solid #b7b7b7;}
.reply_write .write_rlbox { padding: 0 247px 0 0; position: relative;overflow: hidden; }
.reply_write .write_rlbox span{ width:49.5%; float: left; }
.reply_write .write_rlbox span input[type="text"] { width: 100%;height: 40px; font-size: 15px; background: #f2f5f8;}
.reply_write .write_rlbox span input[type="password"] { width: 100%;height: 40px; font-size: 15px;background: #f2f5f8; }
.reply_write .write_rlbox .login { padding: 11px 30px; position: absolute; right: 131px; top:50%; margin:-20px 0 0;background: #fff;color: #323232; }
.reply_write .write_rlbox .join { padding: 11px 30px; position: absolute; right: 0; top: 50%;margin:-20px 0 0;background: #fff; color: #323232;}
.reply_write .area_box { position: relative; padding-right: 121px;overflow: hidden; }
.reply_write .area_box .text_bt {display: block; position: absolute; top: 6px; right: 0;background:#4357b3;padding: 55px 45px;color:#fff;height: 93%; }

.reply_write strong{display:block;line-height:17px;padding-left:22px;background:url(../images/board/re_blit.png) left center no-repeat;color:#323232;font-size: 16px;margin:10px 0}
.reply_write .rw_box{padding-left:9px;border:1px solid #d2d2d2}
.reply_write span{display:inline-block}
.reply_write span:first-child { margin-right: 1%; }
.reply_write .reply_con{margin-top: 6px; width: 100%;height:100%;border:1px solid #d2d2d2;resize: none; background: #f2f5f8;padding:8px}
.btn.board.submit { background: #4f76f8; color:#fff;border: 0; }
.btn.board.submit:hover{color:#4f76f8;background:#fff}

@media (max-width:1000px){
    .reply_write .write_rlbox { padding: 0 227px 0 0; }
    .reply_write .write_rlbox .login { right: 120px; }
    .reply_write .area_box .text_bt { padding:38px 45px; }
    .reply_write .area_box { padding-right: 118px; }
}


@media (max-width:767px){
    .reply_write .write_rlbox{padding-right:0}
    .reply_write .write_rlbox .login{position:relative;top:auto;right:auto;width:49.5%;margin:1% 1% 0 0;float:left;text-align:center}
    .reply_write .write_rlbox .join{position:relative;top:auto;right:auto;width:49.5%;margin:1% 0 0;text-align:center}
}
@media (max-width:420px) {
    .reply_write .area_box .text_bt { padding: 10px 20px;position: relative;top: auto;right: auto;text-align: center; }
    .reply_write .area_box { padding-right: 0; }
    .board_view dl dt { position: relative; top: auto; left: auto; width: 100%;text-align: left;padding: 10px 7px; }
    .board_view dl dd { margin-left: 0;padding: 10px 7px; }
}

.icon_reply{vertical-align:middle;margin:-2px 5px 0}

/*댓글리스트*/
.reply_list{padding:15px 0;border-bottom:1px solid #e2e2e2;}
.reply_list strong{display:block;padding:10px 20px}
.reply_list strong span{display:inline-block;padding:5px;margin-right:5px;line-height:100%;font-size:13px;border-radius:5px;border:1px solid #d2d2d2}

.reply_list .reply_util{clear:both;margin:7px 0; overflow:hidden;height:auto; }

.reply_list .reply_txt {padding:10px 0 0 20px;border-top:1px solid #ddd}
.reply_list .reply_txt:after{content:'';display:block;clear:both}
.reply_list .reply_txt strong { display: block; padding: 15px 20px 5px 25px; background: url(../images/common/reple_icon.png) left 8px no-repeat; }
.reply_list .reply_p { padding-left: 25px; }


.reply_list .reply_write_small{margin:0}

.reply_list .reply_write_small .reply_con {margin:0  0 6px 0; width:100%;border-color: #d2d2d2;resize: none;background: #f2f5f8;height:106px}


.reply_list .reply_date{float:left;margin-top:7px;font-size:16px;color:#616161;line-height:16px}

.reply_list .reply_sm_bt{float:right; }
.reply_list .reply_sm_bt a{ border:1px solid #475AB5;color:#475AB5;
 display: block; float: left; margin-top: 0px; margin-right: 10px; height: 35px; color:#475AB5 }
.reply_list .reply_sm_bt a:hover {background: #475AB5; color: #fff; }
.reply_list .reply_sm_bt .btn{border-radius:0;padding:7px 10px; border-radius:5px;}

.reply_util .reply_continue { padding: 10px 20px;display: inline-block;background: #f2f5f8;border: 1px solid #d2d2d2; margin-left: 10px; }
.reply_list .reply_txt .reply_txt .reply_date{padding-left:25px}

.reply_write_small .area_box { position: relative; padding-right: 121px; }
.reply_write_small .area_box .text_bt {display: block; position: absolute; top: 0; right: 0;padding:0;background:#4f76f8;color:#fff;height:106px;width:121px;text-align:center;line-height:106px}

.reply_list .reply_thumb{float:left;width:200px;padding:0 20px 20px 0}
.reply_list .reply_thumb img{max-width:none;width:100%}

.reply_like{padding:10px 0;border-top:1px solid #d2d2d2;font-size:14px;font-weight:400;color:#333}
.reply_like:after{content:'';display:block;clear:both}
.reply_like .like_btn,
.reply_like .cnt_group>span,
.reply_like .cnt_group>a{display:inline-block;padding:10px 10px;line-height:100%;border:1px solid #d2d2d2;color:#333}
.reply_like .like_btn{float:left;padding-left:30px;background:url(../images/board/network_like.png) no-repeat 5px 50%}
.reply_like .cnt_group{float:right}
.reply_like .cnt_group>span{padding-left:25px;background:url(../images/board/network_like_state.png) no-repeat 5px 50%}
.reply_like .cnt_group>a{padding-left:25px;background:url(../images/board/network_comment.png) no-repeat 5px 50%}

@media (max-width:1000px){
.reply_write_small .area_box .text_bt {}
.reply_write_small .area_box {}
}

@media (max-width:420px) {
.reply_write_small .area_box .text_bt {width:100%;padding: 10px 20px;position: relative;top: auto;right: auto;text-align: center; height:auto;line-height:inherit;}
.reply_write_small .area_box { padding-right: 0; }

.reply_like .like_btn, .reply_like .cnt_group>span, .reply_like .cnt_group>a{width:100%;padding-left:45px;font-size:13px;letter-spacing:-1px;background-position:15px 50%}
.reply_like .cnt_group{width:100%}
.reply_like .cnt_group>span, .reply_like .cnt_group>a{float:left;width:100%;margin-top:1%}
}

.reply_list .reply_txt > p{
	font-size: 18px;
	font-weight: 600;
}