@charset "utf-8";
/* ************************************************************************
* 스페셜 블록 공통
************************************************************************ */
/* ******************************* 게시판 ******************************* */
.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; }
[data-board-search='no'] .board_top_area { display:none !important; }
[data-board-display-seq='no'] li.item_seq { display:none !important; }
[data-board-display-category='no'] li.item_category { display:none !important; }
[data-board-display-subject='no'] li.item_subject { display:none !important; }
[data-board-display-writer='no'] li.item_writer { display:none !important; }
[data-board-display-date='no'] li.item_date { display:none !important; }
[data-board-display-viewcount='no'] li.item_viewcount { display:none !important; }
.post_icons { display:inline-block; vertical-align:middle; padding-left: 5px; font-size:0; }
.post_icons > .post_icon { display:inline-block; width:15px; height:15px; line-height:15px; vertical-align:middle; margin-right:4px; background-position:50% 50%; background-repeat:no-repeat; }
.post_icons > .post_icon:last-child { margin-right:0; }
.post_icon.lock { background-image:url('/assets/images/module_contents/board_icon_lock.png'); }
.post_icon.image { background-image:url('/assets/images/module_contents/board_icon_image.png'); }
.post_icon.addfile { background-image:url('/assets/images/module_contents/board_icon_addfile.png'); }
.post_icon.new { background-image:url('/assets/images/module_contents/board_icon_new.png'); }
.post_icon.comment { font-size:13px; width:auto; color:#78a31f; }
.post_icon.comment:before { display:inline; content:'['; }
.post_icon.comment:after { display:inline; content:']'; }
.list_board .mo_title { display:none; }
.list_board .mo_title:after { display:inline; content:': '; }
.board_footer { position:relative; }
.board_top_area { margin-bottom:10px; position:relative; }
.board_top_area:after {display:block; content:""; clear:both;}
.board_top_area select { border:1px #bbb solid; font-size:14px; }
.board_category_area { float:left; }
.board_search_area { float:right; height:40px; }
.board_search_area > *{margin-left:-1px;}
.board_search {display: flex; position:absolute;top:0;right:0;text-align:right;}
.board_search > *{margin-left:-1px}
.board_search .search_input { width:240px; border-color:#bbb;}
.board_search .search_btn {min-width:40px;height:40px;border:1px solid #bbb; margin-left: -4px; border-left:0;padding:0;background: url(/assets/images/module_contents/icon_search_black.svg) no-repeat center/16px;text-indent: -9999em;}
.list_board > .tbody.reply1 li.item_subject:before { content:'└ RE: '; }
.list_board > .tbody.reply2 li.item_subject:before { content:'└ RE: RE: '; }
.list_board > .tbody.reply3 li.item_subject:before { content:'└ RE: RE: RE: '; }
.list_board > .tbody.reply4 li.item_subject:before { content:'└ RE: RE: RE: RE: '; }
.list_board > .tbody.reply5 li.item_subject:before { content:'└ RE: RE: RE: RE: RE: '; }
.list_board > .tbody.reply6 li.item_subject:before { content:'└ RE: RE: RE: RE: RE: RE: '; }
.list_board > .tbody.reply7 li.item_subject:before { content:'└ RE: RE: RE: RE: RE: RE: RE: '; }
.list_board > .tbody.reply8 li.item_subject:before { content:'└ RE: RE: RE: RE: RE: RE: RE: RE: '; }
.list_board > .tbody.reply9 li.item_subject:before { content:'└ RE: RE: RE: RE: RE: RE: RE: RE: RE: '; }
.list_board > .tbody.reply10 li.item_subject:before { content:'└ RE: RE: RE: RE: RE: RE: RE: RE: RE: RE: '; } */
/* 게시판 옵션 처리 관련 */
[data-board-category='no'] .board_category_area { display:none !important; }
[data-board-category='no'] .item_category { display:none !important; }
[data-board-category='no'][data-board-display-seq ='no'] .item_subject { border-left:none; }
@media only screen and (max-width:800px) {
.list_board .mo_title { display:inline; color:#767676; }
.list_board .mo_hide { display:none !important; }
.list_board .bracket:before { display:inline; content:'['; }
.list_board .bracket:after { display:inline; content:']'; }
}
@media only screen and (max-width:600px) {
.board_search_area .search_input { width:180px; transition:width 0.4s; }
.board_category_area + .board_search_area .search_input { width:100px; }
.board_search_area.on .board_search { left:0; background:#fff; }
.board_search_area.on .search_input { width:180px; }
[data-board-category='no'] .board_search_area .search_input { width:180px; transition:none; }
.board_top_area select { max-width: 110px; }
}
/* 게시판 쓰기폼 Froala */
.board_write_form .fr-wrapper.show-placeholder .fr-placeholder {position:absolute;}
.board_write_form .fr-box .fr-counter { display:none; }
.board_title { text-align:center; }
.board_desc { text-align:center; }
.list_board { display:table; width:100%; border-collapse:collapse; border-top:1px #333 solid; border-bottom:1px #8d8d8d solid; font-size:14px; }
.list_board .no_item {padding: 50px 10px;font-size:14px;color:#767676;font-weight: 300;text-align: center;}
.list_board .no_item::before{content:''; display:block; height:42px; margin-bottom:10px; background:url(/assets/images/module_common/icon_nodata.png) center / contain no-repeat; }
.list_board > ul { display:table-row; }
.list_board > ul > li {display:table-cell;text-align:center;vertical-align:middle;word-break:break-all;box-sizing:border-box;padding:19px 5px;border-top:1px #ddd solid;color:#000;}
.list_board > ul > li:first-child { border-left:none; }
.list_board > ul > li .starscore{margin:auto;}
.list_board > .thead > li { border-top:none; }
.list_board > .tbody li.item_subject { padding-left:10px; padding-right:10px; text-align:left; color:#333; }
.list_board > .tbody li.item_subject a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; max-width:calc(100% - 1px); color:#000; }
.list_board > .tbody li.item_subject a:hover { text-decoration: underline; }
.list_board > .tbody.notice { background-color:#fffdf2; }
.list_board > .tbody .product_name { display: block; white-space: initial;}
.list_board > .tbody .product_name::before{content: '[';}
.list_board > .tbody .product_name::after{content: ']';}
.list_board > .tbody a:hover .product_name { text-decoration: underline; }
.list_board > .tbody .item_order{text-align: left;}
.list_board > .tbody .item_order.tc{text-align:center;}
.list_board > .tbody .item_order .prod{display: flex;flex-flow: column;justify-content: center;align-items: flex-start;position: relative;padding-left: 100px;min-height: 70px;}
.list_board > .tbody .item_order .prod.unabled .thumb{filter: grayscale(100%); opacity: .5;}
.list_board > .tbody .item_order .prod.unabled .tit{text-decoration: line-through;}
.list_board > .tbody .item_order a:hover .tit{text-decoration: underline;}
.list_board > .tbody .item_order .thumb{display: inline-block;position: absolute;top: 0;left: 0;margin-right: auto;overflow: hidden;width: 70px;height: 70px;}
.list_board > .tbody .item_order .thumb img{display: inline-block; width: 100%; height: 100%; object-fit: cover;}
.list_board > .tbody .item_order .thumb img.noimage{/* object-fit: contain; */}
.list_board > .tbody .item_order .tit{font-weight: 500;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.list_board > .tbody .item_order .status{font-weight: 500; color: #777;}
.list_board > .tbody .item_order .option{font-size: 14px;color: #777;}
.list_board > .tbody .item_order .error_msg{display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; font-family: Roboto, 'Noto Sans KR', sans-serif; font-weight: 500; background: rgba(255,255,255,.7);}
.list_board > .tbody .item_count{font-size: 14px; color: #000; font-weight: 300;}
.list_board > .tbody .item_count .no{font-family: 'Montserrat', 'Noto Sans KR'; font-weight: 500;}
.list_board > .tbody .item_count .b .no{font-weight:700;}
.list_board > .tbody .item_count .desc{color: #777;}
.list_board > .tbody .rowspan{position: relative;}
.list_board > .tbody .rowspan > [class^='row']{display: flex; flex-flow: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.list_board > .tbody .rowspan > .row2{height: 200%;}
.list_board > .tbody .left_border {border: 0;border-left: 1px solid #ddd;}
.board_btns { position:absolute; right:0; top:0; }
.list_board .notice .item_category { color:#333; font-weight:500; }
.list_board > .tbody.reply li.item_subject:before { display:inline-block; font-size:10px; height:16px; line-height:15px; padding:0 6px 0 3px; margin-right:4px; background:#999; color:#fff; border-radius:4px; }
.list_board.list_prod > .tbody .item_order .btn-product_review{margin-top:10px;font-size: 13px;}
[data-module-name='inquiry_0001'][data-board-display-seq='no'] .item_category { border-left:none; }
[data-module-name='inquiry_0001'][data-board-display-seq='no'][data-board-display-category ='no'] .item_subject { border-left:none; }
.list_board .item_delivery_mobile {display: none;}
.list_board .item_delivery_mobile_sub {display:flex;flex-direction:column;align-items:flex-end;}
@media only screen and (max-width:800px) {
.list_board { display: display; width:100%; border:none; border-top:1px #333 solid; }
.list_board .no_item { padding: 40px 10px; border-top:1px #333 solid; border-bottom:1px #bbb solid; }
.list_board .no_item::before{content: none;}
.list_board > .thead { display:none !important; }
.list_board > .tbody {display:flex !important;flex-flow:row wrap; align-items: center;align-content: center;padding-top: 15px;padding-bottom: 15px;border-bottom:1px #dbdbdb solid;}
.list_board > .tbody:first-child { margin-top:0; }
.list_board > .thead + .tbody{border-top:1px solid #dbdbdb;}
.list_board > .tbody:last-child { margin-bottom:0; }
.list_board > .tbody.reply { margin-top:-1px; border-top-color:#ccc; }
.list_board > .tbody > li {flex:0 0 auto;padding:0 5px;border:none;text-align:left;}
.list_board > .tbody li.item_subject,
.list_board > .tbody li.item_order {flex-basis:100%;width:100%;order:-5;padding-left:5px;padding-right:5px;/* padding-bottom: 10px; */font-size:14px;line-height:1.4;font-weight:500;}
.list_board > .tbody .item_order.tc{text-align: left;}
.list_board > .tbody li.item_order_no,
.list_board > .tbody li.hide_mobile{ display: none; }
.list_board > .tbody .item_order .prod{padding-left: 0;}
.list_board > .tbody li.item_subject{padding-bottom:10px; font-weight:400;}
.list_board > .tbody li.item_subject .product_name{display:inline;}
.list_board > .tbody li.item_subject a:hover,
.list_board > .tbody li.item_subject a:hover .product_name{text-decoration:none;}
.list_board > .tbody li.item_state span{display:inline-block; padding:2px 3px; border-radius:3px; font-size:12px; color:#8f8f8f; border:1px solid #dbdbdb;}
.list_board.list_prod > .tbody{position:relative;min-height:105px;padding-left:85px;}
.list_board.list_prod > .tbody .item_order .option{flex-basis:100%;}
.list_board.list_prod > .tbody .item_date{font-size:12px;color:#8f8f8f;}
.list_board.list_prod > .tbody .item_date::before{content:'주문일자 '}
.list_board.list_prod > .tbody .item_order .prod{position: static;}
.list_board.list_prod > .tbody .item_order .thumb{left:5px;top:15px;}
.list_board.list_prod > .tbody .item_order .btn-product_review{position:absolute; top:15px; right:5px; margin-top:0; font-size:12px; border-radius:2px;}
/* 배송비 컬럼 모바일화면 */
.list_board .item_count.deliveryfee {display: none;}
.list_board .item_delivery_mobile {display: flex;width: 100%;margin: 40px 0 20px !important;padding:10px 20px !important;align-items: center;justify-content: space-between;border-top: 1px solid #e3e3e3 !important;border-bottom: 1px solid #e3e3e3 !important;}
#div-order-products.list_board .item_delivery_mobile,#div-order-product-units.list_board .item_delivery_mobile {width: calc(100% + 75px);transform: translateX(-80px);}
}
@media only screen and (max-width:600px) {
.board_btns { position:static; right:auto; top:auto; text-align:right; padding-top:10px; }
}
/* 별점 */
.starscore{display: block; position: relative; width: 95px; height: 16px; margin-top: 10px; background: url(/assets/images/module_common/review_star_blank.png) left center repeat-x; background-size: auto 100%;}
.starscore::before{content: ''; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; background: url(/assets/images/module_common/review_star_fill.png) left center repeat-x; background-size: auto 100%;}
.starscore[data-score="1"]::before{width: 20%;}
.starscore[data-score="2"]::before{width: 40%;}
.starscore[data-score="3"]::before{width: 60%;}
.starscore[data-score="4"]::before{width: 80%;}
.starscore[data-score="5"]::before{width: 100%;}
/* 게시판 상세 */
.board_view_header { padding: 5px 0; border-bottom: 1px #e7e7e7 solid; }
.board_view_header.product{ position: relative; padding-left: 100px; min-height:90px; }
.board_view_header1 { display: flex; align-items: start; justify-content: space-between; padding:15px 0 10px; }
.board_view_header3{ padding-top:10px; }
.board_view_header3 .thumb{ position:absolute; left:0; top: 25px; width: 80px; height:80px; }
.board_view_header3 .thumb img{ width: 100%; height: 100%; object-fit: cover; }
.post_title_category { flex: 8 10 auto; font-size: 0; }
.post_manage { min-width: 110px; padding-left: 10px; }
.post_manage > ul { font-size: 0; text-align: right; }
.post_manage > ul > li { display: inline-block; vertical-align: top; position: relative; padding: 3px 10px; font-size: 14px; color:#000; }
.post_manage > ul > li:not(:first-child)::after { content: ''; position: absolute; top:50%; left: 0; height: 14px; width: 1px; margin-top:-7px; background: #ddd; }
.post_sort { display: inline-block; vertical-align: middle; margin-right:5px; font-size: 18px; color:#767676; }
.post_title { vertical-align: middle; font-size: 18px; color:#000; font-weight: 500; word-break: break-all; }
.post_score{ vertical-align: middle; }
.post_info{ font-size: 0; }
.post_info > li { display:inline-block; vertical-align:top; margin:10px 12px 8px 0; font-size:13px; color:#999; }
.board_view_addfile { padding-top:5px; font-size: 13px; text-align: right; }
.board_view_addfile .addfile_title { padding-left:18px; background: url(/assets/images/module_common/clip.png) no-repeat center left; color:#767676; }
.board_view_addfile > a { color:#000; text-decoration: underline; }
.board_contents{ min-height:200px; padding: 12px 0 30px; border-bottom:1px solid #ddd; }
.board_view_comments {padding: 20px;background-color: #f6f6f6;}
.board_view_comments .comments_list > li { position:relative;}
.board_view_comments .comments_list > li + li{margin-top:20px;}
.board_view_comments .comments_list > li:not(:last-child) { 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 { padding-top: 10px; }
.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; }
.board_view_bottom .btn_resp{width:190px;}
@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 { padding:5px 15px; }
.board_view_comments .reply_list { padding-left:10px; padding-right:10px; }
.board_view_comments .comments_list > li { padding:10px 0; }
.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; }
}
/* ******************************* 폼 ******************************* */
/* type1 */
.form_contents > li { padding-top:4px; }
.form_contents > li:first-child { padding-top:0; }
.form_section > li { margin-top:2px; position:relative; }
.form_section > li:first-child { margin-top:0; }
.form_items { font-size: 0; }
.form_type_input input,
.form_type_pass input,
.form_type_email input,
.form_type_phone input { width:100%; }
.form_type_phone_auth .relative_item { position:relative; }
.form_type_phone_auth input { width:60%; }
.form_type_phone_auth input:disabled {background-color:rgb(231, 231, 231);}
.form_type_phone_auth input:read-only {background-color:rgb(231, 231, 231) !important;}
.form_type_phone_auth input.origin_input { width:100%; max-width:410px; }
.form_type_phone_auth button:not(.origin_btn_respo) {height:54px !important;margin-top:4px; margin-left: 5px;}
.form_type_phone_auth button:not(.wp100) {width:calc(39% - 5px) !important;}
.form_type_phone_auth button:disabled {background-color:rgb(231, 231, 231);}
.form_type_phone_auth button.visibler {border:none;background-color:#ffffff;color:#0084e0;}
.form_type_phone_auth button.visibler:disabled {border:none;background-color:#ffffff;color:#0084e0;}
.form_type_phone_auth .valid_time { position:absolute;top:40%;left:48%;color:#1e88e5;font-size:14px; }
.form_type_phone_auth .valid_time2 { position:absolute;top:0;left:45%;color:#1e88e5;font-size:14px; }
.form_type_radio .form_items,
.form_type_text { text-align:center; }
.form_type_combi .form_section { display: table; width:100%;}
.form_type_combi .form_items { display: table-cell; vertical-align: top; }
.form_type_combi input { width:100%; }
.item_article { display:table; width:100%; table-layout:fixed; }
.item_article > li { display:table-cell; }
.item_article > li.nation_select_area { width:150px; padding-right:5px; }
.item_article > li.nation_select_area select { width:100%; height:48px; margin-top: 4px; }
.radio_check_group { margin-left:-20px; }
.radio_check_group label { margin-left:20px; font-size: 14px; color:#666; }
.form_contents .form_title h4 { color:#333; }
.form_contents .pilsu .form_title { padding-right:20px; }
.form_contents .pilsu .fa { position: relative; height: 12px; }
.form_contents .pilsu .fa::after{ content:''; display: block; position: absolute; width: 3px; height: 3px; margin-left: 2px; border-radius: 1px;background:#ff0000;}
.form_msg { display:inline; font-size: 14px; line-height: 30px;}
.form_msg ~ input[type=text],
.form_msg ~ input[type=password],
.form_msg ~ input[type=email],
.form_msg ~ input[type=tel],
.form_msg ~ input[type=number] { margin-top:10px; }
.form_msg.warn { color:#f1504e !important; }
.form_msg.success { color:#0098f7 !important; }
.form_msg span { display: block; }
.form_attach_area { border:1px rgba(0,0,0,0.2) solid; background:rgba(255,255,255,0.2); }
.form_attach_area:after {display:block; content:''; clear:both;}
.form_attach_area .form_attach_btn { float:right; margin:-1px; }
.form_attach_area .form_attach_filename { display:inline-block; vertical-align:top; padding:0 10px; line-height:36px; color:#000; max-width:calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.form_foot_area { padding:10px 0; text-align: center; }
/**
type2
레이블과 입력 나란히 테이블 배열
*/
.form_contents.form_type2 .form_section { display: flex; align-items: center; min-height:30px; padding-top: 15px;}
.form_contents.form_type2 .form_texts,
.form_contents.form_type2 .form_items { font-size: 14px; }
.form_contents.form_type2 .form_texts { min-width:120px; color:#333; }
.form_contents.form_type2 .form_items { flex: 1 1 auto; color:#000; }
@media only screen and (max-width:767px) {
.form_contents > li { padding-top:15px; }
.form_contents.form_type2 .form_section { flex-wrap: wrap; }
.form_contents.form_type2 .form_texts,
.form_contents.form_type2 .form_items { width:100%; }
}
/**
파일첨부 버튼 왼쪽 정렬
*/
.board_write_form{ width:100%; }
.form_type_attach.attach_type2 { position: relative; margin-top:15px; }
.form_type_attach.attach_type2 .file_view { display: flex; position: absolute; width:100%; align-items: center; width:100%; }
.form_type_attach.attach_type2 .file { visibility: collapse; flex-shrink: 0; width:0; }
.form_attach_btn { flex-shrink: 0; min-width:120px; }
.form_attach_filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width:0; padding-left:10px; font-size: 14px; color:#333; line-height:38px; }
/* ******************************* SNS ******************************* */
.sns_login li a { background-repeat:no-repeat; background-position:center; }
.sns_login .naver a { background-image: url(/assets/images/module_common/sns_naver.png);}
.sns_login .kakao a { background-image: url(/assets/images/module_common/sns_kakao.png);}
.sns_login .kakao.on a { background-image: url(/assets/images/module_common/sns_login_kakao.png); background-size: 40px;}
.sns_login .google a { background-image: url(/assets/images/module_common/sns_google.png);}
.sns_login .facebook a { background-image: url(/assets/images/module_common/sns_facebook.png); background-size: 100% !important;}
.sns_login .apple a { background-image: url(/assets/images/module_common/sns_apple.png);}