@charset "utf-8";

/* ************************************************************************
* [게시판] 신고하기 모달 팝업
************************************************************************ */
.resp_layer_pop.st2.complain_pop_layer .layer_pop_contents { padding:25px 25px 40px; }
.resp_layer_pop.st2.complain_pop_layer .input_group { position:relative; }
.resp_layer_pop.st2.complain_pop_layer textarea { resize:none; }
.resp_layer_pop.st2.complain_pop_layer textarea + .input-group-text { position:absolute; right:10px; bottom:0; line-height:30px; }
.resp_layer_pop.st2.complain_pop_layer textarea + .input-group-text > .cur_cnt { color:#0081c8; }

/* ************************************************************************
* [게시판] View
************************************************************************ */
.board_contents,
.comment_contents,
.reply_contents { white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;word-break:break-all; }
.board_view_header { padding:20px 0 10px; border-top:1px #8d8d8d solid; border-bottom:1px #e7e7e7 solid; }
.board_view_header:after {display:block; content:""; clear:both;}
.board_view_header .board_view_header1 { }
.board_view_header .post_category { font-size:19px; line-height:1.4; color:#767676; font-weight:300; vertical-align:middle; }
.board_view_header .post_category:before { display:inline; content:'['; color:#999; }
.board_view_header .post_category:after { display:inline; content:']'; color:#999; }
.board_view_header .post_title { font-size:19px; line-height:1.4; color:#333; vertical-align:middle; margin-right:4px; }
.board_view_header .post_icons { margin-top:2px; }

.board_view_header .board_view_header2 { padding-top:6px; position:relative; }
.board_view_header .post_info { font-size:0; padding-right:78px; }
.board_view_header .post_info > li { display:inline-block; vertical-align:top; margin:10px 12px 0 0; font-size:13px; color:#999; }
.board_view_header .post_info > li:last-child { margin-right:0; }
.board_view_header .post_btns { position:absolute; right:0; bottom:0; font-size:0; }
.board_view_header .post_btns > li { display:inline-block; vertical-align:top; padding:0 9px; position:relative; }
.board_view_header .post_btns > li:first-child { padding-left:0; }
.board_view_header .post_btns > li:last-child { padding-right:0; }
.board_view_header .post_btns > li:after { position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; content:''; font-size:0; width:1px; height:13px; background-color:#b7b7b7; }
.board_view_header .post_btns > li:first-child:after { display:none; }
.board_view_header .post_btns button { font-size:15px; color:#333; }
.board_view_addfile {margin-top:10px;text-align:right;font-size:13px;color:#929292;margin-bottom: 10px;}
.board_view_addfile .addfile_title { display:inline-block; padding-left:15px; background:url('/assets/images/module_contents/board_icon_addfile.png') 0 50% no-repeat; }
.board_view_addfile a { color:#333; }
.board_contents { margin-top:16px; min-height:60px; }
.board_view_addfile + .board_contents { margin-top:6px; }
.board_sns_share { margin-top:30px; font-size:0; }
.board_sns_share > li { display:inline-block; vertical-align:top; }
.board_sns_share > li .sns_share_icon { display:block; width:30px; height:30px; margin-right:5px; background-position:50% 50%; background-repeat:no-repeat; }
.board_sns_share > li:last-child .sns_share_icon { margin-right:0; }
.board_sns_share > li .sns_share_icon.naver { background-image:url('/assets/images/module_contents/sns_t1_naver.png'); }
.board_sns_share > li .sns_share_icon.kakao { background-image:url('/assets/images/module_contents/sns_t1_kakao.png'); }
.board_sns_share > li .sns_share_icon.facebook { background-image:url('/assets/images/module_contents/sns_t1_facebook.png'); }
.board_sns_share > li .sns_share_icon.twitter { background-image:url('/assets/images/module_contents/sns_t1_twitter.png'); }

#comment_write_form { position:relative; }
#comment_write_form .cancel_btn_area { padding:8px 5px 0 0; text-align:right; /*position:absolute; right:2px; top:14px;*/ font-size:13px; color:#333; text-decoration:underline; text-underline-position:under; }
.board_view_comments .reply_list > li.reply_writer_wrap { position:relative; padding-top:0; }
.board_view_comments .reply_list > ul.reply_list_lay:not(:has(li.reply-item)) + ul.reply_write_lay li.reply_writer_wrap:has(.write_form_area.non-members-reply-comment-area:not([style*="display: none"])) { padding-top:16px; } /* 답글 없는 리스트의 비회원 댓글 작성 영역 공백 */
.board_view_comments .reply_list > ul.reply_write_lay li.reply_writer_wrap:has(.reply_id) { padding-top:0; } /* 회원 댓글 작성 영역 공백 제거 */
.reply_writer_wrap .reply_cancel_btn_area { position:absolute; right:2px; top:14px; font-size:13px; color:#333; text-decoration:underline; text-underline-position:under; }
@media only screen and (max-width:479px) {
	#comment_write_form .cancel_btn_area { /*position:static; padding:10px 5px 0 0; text-align:right;*/ }
	.reply_writer_wrap .reply_cancel_btn_area { position:static; padding:10px 5px 0 0; text-align:right; }
}

.write_form_area input[type='text'],
.write_form_area input[type='password'] { width:158px; background-color:#fff; }


.board_view_comments { margin-top:30px; }
.board_view_comments .comment_title { padding-bottom:8px; font-size:16px; font-weight:400; color:#333; }
.board_view_comments .comment_cnt { font-size:17px; font-weight:500; }
.board_view_comments .comment_login_btn { display:block; padding:15px 15px 25px; font-size:15px; color:#999; border:1px #d3d3d3 solid; border-top-color:#8d8d8d; background:#fff; border-radius:1px; }
.board_view_comments .comment_write_area { display:table; width:100%; table-layout:fixed; }
.board_view_comments .comment_write_area > li { display:table-cell; }
.board_view_comments .comment_write_area > li.write_btn_area { width:100px; }
.board_view_comments .comment_write_area .comment_write_form { padding:10px 15px; height:88px;  border-radius:0; resize: none; }
.board_view_comments .comment_write_area .comment_write_form:focus { border:1px solid; }
.board_view_comments .comment_write_area .comment_write_btn { width:100%; height:88px; background:#fff; border:1px #8d8d8d solid; color:#333; text-align:center; position:relative; margin-left:-1px; }
.board_view_comments .comment_write_form {}
.board_view_comments .comment_write_form {}

.board_view_comments .comments_list { margin-top:20px; }
.board_view_comments .comments_list > li { position:relative; padding:15px 0; border-bottom:1px #e7e7e7 solid; }
.board_view_comments .comment_writer_info { font-size:0; }
.board_view_comments .comment_writer_info > li { display:inline-block; vertical-align:top; margin-right:10px; font-size:13px; }
.board_view_comments .comment_writer_info > li:last-child { margin-right:0; }
.board_view_comments .comment_writer_info li.comment_id { color:#333; }
.board_view_comments .comment_writer_info li.comment_date { color:#999; }
.board_view_comments .comment_contents { margin-top:12px; font-size:14px; }
.board_view_comments .comment_writer_info.comment_deleted .comment_contents { color:#ccc; } /* 삭제된 댓글 UI 추가 */
.board_view_comments .comment_btns { position:absolute; right:0; top:14px; font-size:0; }
.board_view_comments .comment_btns > li { display:inline-block; vertical-align:top; padding:0 9px; position:relative; }
.board_view_comments .comment_btns > li:first-child { padding-left:0; }
.board_view_comments .comment_btns > li:last-child { padding-right:0; }
.board_view_comments .comment_btns > li:after { position:absolute; left:0; top:50%; transform:translateY(-40%); display:block; content:''; font-size:0; width:1px; height:11px; background-color:#999; }
.board_view_comments .comment_btns > li:first-child:after { display:none; }
.board_view_comments .comment_btns button { font-size:13px; color:#333; }

.board_view_comments .reply_title { display:inline-block; vertical-align:top; margin-top:15px; padding-right:16px; font-size:13px; color:#555; background-image:url('/assets/images/module_contents/arr_down_01.png'); background-position:100% 50%; background-repeat:no-repeat; opacity:0.6; }
.board_view_comments .reply_title.opened { background-image:url('/assets/images/module_contents/arr_up_01.png'); }
.board_view_comments .reply_cnt { color:#000; }
.board_view_comments .reply_cnt:before { display:inline; color:#999; content:'('; }
.board_view_comments .reply_cnt:after { display:inline; color:#999; content:')'; }
.board_view_comments .reply_list { display:none; padding:0 20px; margin-top:6px; background:#f6f6f6; }
.board_view_comments .reply_list.reply_wrap { padding:0; }
.board_view_comments .reply_list > li { position:relative; padding:16px 0; border-bottom:1px #e7e7e7 solid; }
.board_view_comments .reply_list > li:last-child { border:none; }
.board_view_comments .reply_title.opened + .reply_list { display:block; }
.board_view_comments .reply_writer_info { font-size:0; }
.board_view_comments .reply_writer_info > li { display:inline-block; vertical-align:top; margin-right:10px; font-size:13px; }
.board_view_comments .reply_writer_info > li:last-child { margin-right:0; }
.reply_list.reply_write_lay .reply_writer_info > li.reply_id { height:36px; padding-top:8px; }
.board_view_comments .reply_writer_info li.comment_id { color:#333; }
.board_view_comments .reply_writer_info li.comment_date { color:#999; }
.board_view_comments .reply_writer_info input[name='reply_writer_name'] { margin-right:3px; }
.board_view_comments .reply_contents { margin-top:8px; font-size:14px; }
.board_view_comments .reply_btns { position:absolute; right:0; top:14px; font-size:0; }
.board_view_comments .reply_btns > li { display:inline-block; vertical-align:top; padding:0 9px; position:relative; }
.board_view_comments .reply_btns > li:first-child { padding-left:0; }
.board_view_comments .reply_btns > li:last-child { padding-right:0; }
.board_view_comments .reply_btns > li:after { position:absolute; left:0; top:50%; transform:translateY(-40%); display:block; content:''; font-size:0; width:1px; height:11px; background-color:#bbb; }
.board_view_comments .reply_btns > li:first-child:after { display:none; }
.board_view_comments .reply_btns button { font-size:13px; color:#999; }

.board_view_comments .reply_write_area { display:table; width:100%; table-layout:fixed; margin-top:6px; }
.board_view_comments .reply_write_area > li { display:table-cell; }
.board_view_comments .reply_write_area > li.write_btn_area { width:100px; }
.board_view_comments .reply_write_area .reply_write_form { padding:10px 15px; height:88px; background:#fff; border-radius:0; resize: none; }
.board_view_comments .reply_write_area .reply_write_btn { width:100%; height:88px; background:#fff; border:1px rgba(0,0,0,0.2) solid; color:#333; text-align:center; position:relative; margin-left:-1px; }

.board_view_comments .comment_paging { border-bottom:1px #8d8d8d solid; }
.board_view_comments .comment_paging .comment_paging_btn { height:42px; width:100%; text-align:center; font-size:13px; line-height:1.0; color:#333; }
.board_view_comments .comment_paging .comment_paging_btn:after { display:inline-block; vertical-align:top; margin-left:4px; font-size:0; width:13px; height:13px; content:''; background:url('/assets/images/module_contents/arr_down_01.png') 50% 50% no-repeat; }

.board_view_bottom {margin-top: 60px;text-align:center;}
.board_view_bottom .btn_a { display:inline-block; vertical-align:top; height:42px; line-height:40px; min-width:120px; padding:0 30px; text-align:center; font-size:14px; color:#333; border:1px #333 solid; }


@media only screen and (max-width:479px) {
	.board_view_header .post_info { padding-right:0; }
	.board_view_header .post_btns { position:static; margin-top:10px; }
	.board_view_comments .reply_list { padding-left:10px; padding-right:10px; }
	.board_view_comments .comment_write_area > li.write_btn_area,
	.board_view_comments .reply_write_area > li.write_btn_area { width:60px; }
	.board_view_comments .comment_write_area .comment_write_form,
	.board_view_comments .reply_write_area .reply_write_form { padding-left:10px; padding-right:10px; }

}








/* ************************************************************************
* [게시판] Write
************************************************************************ */
.notify { margin-top:5px; color:#ff4a00; }
.notify:before { display:inline; font-family:FontAwesome; content:'\f06a'; margin-right:6px; }

.board_write_wrap {}
.board_write_wrap .post_category,
.board_write_wrap .post_subject,
.board_write_wrap .post_email,
.board_write_wrap .post_passwd { width:100%; }
.board_write_wrap .btn_attach_file { padding-left:20px; padding-right:20px; margin-right:8px; }
/* .board_write_wrap .pilsu:before { display:inline; content:'*'; color:#ff4a00; position:absolute; left:4px; top:2px; z-index:910; } */

.board_write_form { border-top:1px #8d8d8d solid; }
.board_write_form > li { margin-top:12px; position:relative; }
.board_write_form > li:first-child{margin-top: 20px;}
.board_write_form.product > li{margin-top:0;padding-top: 15px;padding-bottom: 15px;border-bottom:1px solid #ddd;}
.board_write_form.product .flex{align-items:center;}
.board_write_form.product .flex .fill{flex:1;}
.board_write_form.product .list_tit{width:140px; font-size:14px; color:#313131; padding-left:.5em;}
.board_write_form.product .content_area{padding-top:40px !important; border:none !important;;}
.board_write_form .product_area .product a{display: flex; align-items: center;}
.board_write_form .product_area .product .thumb{ display: inline-block; overflow: hidden; width: 95px; height: 95px; vertical-align: middle; flex-shrink: 0;}
.board_write_form .product_area .product .thumb img{ display: inline-block; width: 100%; height: 100%; object-fit: cover; }
.board_write_form .product_area .product .tit{margin-left: 45px;vertical-align: middle;font-size: 14px;color: #333;}
.board_write_form .score_area{text-align: left;}
.board_write_form .star_score{display: flex; align-items:center; height:40px;}
.board_write_form .star_score .star{display: inline-block; width: 19px; height: 16px; background: url(/assets/images/module_common/review_star_blank.png) center no-repeat;}
.board_write_form .star_score .star.over,
.board_write_form .star_score .star.on{background-image: url(/assets/images/module_common/review_star_fill.png);}
.board_write_form .score_area .desc{margin-top: 10px; font-size: 13px; color: #999;}
.board_write_form .file_area{padding-top:0 !important; border-bottom:none !important;}
.board_write_form .review_attached{display: inline-block;}
.board_write_form .review_attached .file{display: inline-block; position: relative; height: 100px; margin-right: 10px; margin-bottom: 10px;}
.board_write_form .review_attached .file img{display: inline-block; height: 100%; width: auto;}
.board_write_form .review_attached .file .btn_delete_file{display: inline-block; width: 20px; height: 20px; border-radius: 50%; position: absolute; top: -5px; right: -5px; background: #fff url(/assets/images/module_common/ico_close.png) center / cover no-repeat;}

.board_write_form #dropzone {min-height: 100px;border:1px rgba(0,0,0,0.2) dashed;background:#f5f5f5;padding: 5px;position:relative;}
.board_write_form #dropzone .fa-image { font-size:10rem; color:#adadad; }
.board_write_form #dropzone.dz-started .guide-item {padding: 10px 5px;border-radius: 0px;text-align:center;border: 1px dashed #9cabb7;background-color: #FFF;position: relative;display: inline-block;vertical-align: top;min-height: 100px;width: 120px;height: 120px;}
.board_write_form #dropzone.dz-started .guide-item .row { margin:0px; }
.board_write_form #dropzone.dz-started .guide-item .fa-image { font-size: 3rem; }
.board_write_form #dropzone.dz-started .guide-item h4 {margin-top:2px; font-size: 12px;word-break: keep-all;}
.board_write_form #dropzone.dropzone .guide-item .btn-add-img {font-size:13px;  border:1px dashed #a4a4a4; width: 100%; padding: 5px 0; margin-top: 6px;}
.board_write_form #dropzone.dropzone .guide-item .btn-add-img .icon_camera{display:inline-block; position:relative; top:1px;width:19px;height:16px;vertical-align: top;margin-right:7px;background:url(/assets/images/module_common/icon_camera.png) center / contain no-repeat;}
.board_write_form #dropzone .guide-item { display:none; }
.board_write_form #dropzone .dz-preview input.item-check { position: absolute; z-index: 99; left: 0px; top: 0px; width: 20px; height: 20px; cursor:pointer; }
.board_write_form #dropzone.dropzone .dz-preview .dz-remove {text-decoration: none !important;font-size: 1rem;color: #6f6f6f;font-weight: bold;position: absolute;top: 0px;right: 0px;z-index: 99;background: url(/assets/images/module_common/btn_delete_cart.png) no-repeat center center;width: 20px;height: 20px;border: 1px solid #c6d2dc;}
.board_write_form #dropzone.dropzone .dz-preview .dz-image { border-radius:0px !important; width:120px; height:120px;}
.board_write_form #dropzone.dropzone .dz-preview.dz-image-preview { border: 1px solid #c6d2dc; }
.board_write_form #dropzone .dz-preview .item-represent { display:none; }
.board_write_form #dropzone .dz-preview .label-represent {width:20px; height:20px; background:url("/assets/images/module_common/i_star.svg") no-repeat center center; position: absolute; z-index: 99; bottom: 25px; right: 4px; color: #ffd800; cursor:pointer; }
.board_write_form #dropzone .dz-preview .item-represent:checked + .label-represent {background:url("/assets/images/module_common/i_star2.svg") no-repeat center center;}
.board_write_form #dropzone .dz-preview .btn-detail { position: absolute; right: 3px; bottom: 3px; z-index: 99; color: white; width:20px; height:20px; background:url("/assets/images/module_common/i_extend.svg") no-repeat center center; cursor: pointer; }

.board_write_form #dropzone.dropzone .dz-preview.over { border: 3px dotted #666; }
.board_write_form #dropzone.dropzone .dz-preview[draggable] { user-select: none; }
.board_write_form #dropzone.dropzone .dz-preview, .board_write_form #dropzone.dz-started .guide-item{margin: 10px;}
.board_write_form .image-select-row {position: absolute; top:0; background: #FFF; padding: 10px 30px; left: 0; right: 0; bottom: 0;}
.board_write_form .image-select-row > *{font-weight:600;}
.board_write_form .image-select-row .mess {display:inline-block; margin: 10px 5px 10px 0; letter-spacing:-0.5px; vertical-align: middle;}
.board_write_form .content_dvs .dvs_header .right_dvs {float:right !important; display: inline-block !important; margin-top: 0 !important; }
.board_write_form #dropzone.dropzone .dz-default{background:#f5f5f5;padding: 20px 0;margin: 0;font-size: 12px;}
.board_write_form #dropzone.dropzone .dz-default .row-msg{font-size:13px; color: #999;}
.board_write_form #dropzone.dropzone .dz-default .row-msg-or{font-size:13px;color: #b9b9b9;}
.board_write_form #dropzone.dropzone .dz-default .btn-add-img{display:inline-block; width:150px; height:48px; margin-top:10px; font-size:13px; color:#333; text-align:center; border:1px dashed #a4a4a4; border-radius:3px; background:#fff;}
.board_write_form #dropzone.dropzone .dz-default .btn-add-img .icon_camera{display:inline-block; position:relative; top:1px;width:19px;height:16px;vertical-align: top;margin-right:10px;background:url(/assets/images/module_common/icon_camera.png) center / contain no-repeat;}
.board_write_form #dropzone.dropzone .dz-preview { cursor: move; z-index:1;}
.board_write_form #dropzone .guide-item .row-img {height: 40%; margin-top: 11px; background:url(/assets/images/module_common/no_image.svg) center top / 45px auto no-repeat; width: 100%; }


.nonmember_add_form { padding:20px; margin-top:12px; background-color:#f7f7f7; }
.nonmember_add_form > li { margin-top:8px; position:relative; }
.nonmember_add_form > li:first-child { margin-top:0; }
.nonmember_add_form .post_email,
.nonmember_add_form .post_passwd { background:#fff; }
.nonmember_add_form .agree_contents { margin-top:6px; padding:10px; max-height:128px; overflow-y:auto; border:1px rgba(0,0,0,0.2) solid; background:#fff; font-size:14px; color:#767676; }

.board_write_foot { text-align:center; }
.board_write_foot .btn_resp{width: 190px;}

@media only screen and (max-width:767px) {
    .board_write_form.product .list_tit{width: 120px;}
	.board_write_form .product_area .thumb{width: 75px !important; height: 75px !important;}
	.board_write_form .review_attached .file{height: 60px; margin-right: 6px; margin-bottom: 6px;}
	.board_write_foot { display:flex; justify-content:center; }
	.board_write_foot .btn_resp{flex:1; max-width: 190px;}
}

@media only screen and (max-width:479px) {
	.nonmember_add_form { padding:10px; }
	.nonmember_add_form .secret_area.radio_checkbox_type1 label {font-size: 14px;}
}