@charset "utf-8";

/* SUB */
.at-body {margin-bottom: 100px;}
.at-body.img_sec {margin-bottom: 0;}
.at-content {padding: 0;}
.pagination {margin: 0;}
.write-wrap .write-btn.btn_write {margin: 50px 0 0;}
/* .item-wrap__container {margin-bottom: 100px;} */
.sub_menu_box .cate_ul {display: none;}
/* aside#sidebar-box .sidebar-menu .menu_li_tt.active a {color: red !important;} */
aside#sidebar-box .sidebar-menu .menu_li_tt a.active {color: #222 !important;}

@media (max-width:991px) {
	.at-body {margin-bottom: 50px;}
}

/* 상품 리스트 */
.sub_text {margin: 90px 0 40px;}
.sub_text.type_mb h1 {font-family: 'pretendard';}
.fix_category .list_category_ul > li.active > a {background-color: #ffef9b;color: #222;}
.fix_category .list_category_ul > li > a {background: #fafaf8;}
.fix_category .list_sort .left_sort span {color:#c7a986;}
.fix_category .list_sort .right_sort > a.on {color: #c7a986;}
.shop_container.shop_basic .item_price_box .sale_cont span.percent {color: #ffd600;}
/* .text-center .pagination li.active a, .text-center .pagination li.active a:hover, .text-center .pagination-sm li.active a {color: #f79a3a !important;} */
.shop_container.shop_basic .item-icon {left: 5px;}

.list-page {margin: 0 !important; margin-top: 70px !important;}
.pull-right.list-admin {margin-top: 0; padding-top: 0;}
.text-center.list-admin {padding-top: 0;}

#item_list .btn_cart:hover {background: #ffd600 ;}
#item_list .btn_cart:hover img {filter: brightness(0) invert(1) ;}

@media (max-width:991px) {
	.fix_category .ca_frame ul li.active > a  {background-color: #ffef9b;color: #222; border-color: #ffef9b; font-weight: 400;}
	.list-page {margin: 0 !important; margin-top: 35px !important;}
	.sub_text {margin-top: 45px;margin-bottom: 20px;}
	.sub_text h1 .ca_tit,.sub_text h1 {font-size: 19px; font-weight: 600;}
	.fix_category .ca_frame ul li > a {color: #666;border: 1px solid #fafaf8;background-color: #fafaf8; font-weight: 400;}
}

/* 상품 상세페이지 */
.item_detail .label-tack span {margin-right: 7px;}
.item_detail .label-tack span:last-child {margin-right: 0;}
.item_sticker.discount_icon {background: #a79c8e;font-size: 12px;font-weight: 400;line-height: 18px;height: 18px;padding: 0 4px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .percent {color: #ffd600;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row .accumulate .accumulate_num {color: #222;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row03 img {filter: grayscale(100%) brightness(0);}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_popup {border-color: #ffd600;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_popup::after {border-color: #ffd600;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .point_text {color:#a79c8e;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_buy input {background: #ffef9b; border: 1px solid #ffef9b; color:#222;}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul .active {border-color: #a79c8e;}
.item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li span {color: #999; font-family: 'pretendard';}
.item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li.on span::after {background: #ffd600;}
.item_detail.item-wrap .review_banner {font-family: 'pretendard';}
.item_detail.item-wrap .review_banner .btn_write {background: #ffef9b;}
.item_detail .review_banner .btn_write > span {color: #222;}
.item_detail.item-wrap .panel.panel-default .fix_panel_head .btn {color: #a79c8e;}
.item_detail.item-wrap .panel.panel-default .fix_panel_head .btn::after, .item_detail.item-wrap .panel.panel-default .fix_panel_head .btn::before {background: #a79c8e;}
.item_detail.item-wrap .panel_banner .btn_write {background: #ffef9b;}
.item_detail.item-wrap .panel_banner .btn_write > span {color: #222;}
.qa_panel.panel .panel-heading .btn {color: #222;}
.qa_panel.panel .panel-heading .btn::before, .qa_panel.panel .panel-heading .btn::after {background: #222;}
.responsive .photo_review .img_review_tt a {color: #999;}
.panel-body #itemuse .list-board .list-board-tt .tab_box a.on {color: #a79c8e;}
.item_detail.item-wrap .item-head {padding-bottom: 20px;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period span {color: #a79c8e;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row03 {display: none;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color .fa-star:before {color: #f4c748;}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li .point_percent {text-align: left;width: 30px;left: 15px;}
.m-review-panel .review-body > div .table-row .table-cell ul li.active:after,
.item_detail .m-review-panel .review-body > div .table-row .table-cell ul li.active:after {background-color: #ffef9b;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .date {font-weight: 400;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_box p {font-weight: 400;}
.item_detail.item-wrap .review_banner {background: #fcfcfa;}
.m-review-panel .review-body > div .table-row {background-color: #fcfcfa;}
.item_detail.item-wrap .panel.panel-default h3, .item_detail.item-wrap .panel.panel-default .panel-title,
.responsive .photo_review .img_review_tt h4,
.panel-body #itemuse .list-board .list-board-tt h4 {font-family: 'pretendard';}
.item_detail.item-wrap .tab_etc .it_detail li .it_detail_tt {word-break: keep-all;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li input {border-color: #eee;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period {top: 0;line-height: 10px;margin-bottom: 25px;}
.item-wrap .tab-pane .img_btn {color: #999;border: 1px solid #eee;}
.item_detail.item-wrap .tab_etc .it_detail {border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.item_detail.item-wrap .form-container #buy_form .label-tack .item_sticker.free_shupping {display: none;}

@media (max-width: 991px) {
	.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period {margin-bottom: 10px;}
	.item_detail #msit_pvi_thumb .swiper-slide-thumb-active img {border: 1px solid #a79c8e;}
}

/* BUTTON */
.custom-login .member-login .login-btn button {background: #ffef9b; color:#222;}
.btn.btn-color {border: 1px solid #ffef9b;background: #ffef9b;}
.faq_box .div-panel .faq_a_content .faq_icon span {background: #ffef9b;border: 1px solid #ffef9b;}
.btn.btn-color {color:#222 !important;}
.item-wrap .tab-pane .img_btn img {filter: invert(66%) sepia(6%) saturate(10%) hue-rotate(347deg) brightness(93%) contrast(81%);}



/***** 230605 kyj 추가견적(1602번) *****/
/* 주문서 */
#tax_info_box{display:none}
.tax_info_wrap{margin-top:25px}
.check_box_wrap{display:flex;align-items:center;gap:0 20px;margin-bottom:25px}
.check_box_wrap .check_box{display:flex;align-items:center}
.check_box_wrap .check_box input{display:none}
.check_box_wrap .check_box input + label{font-size:16px;color:#222;font-weight:500}
.check_box_wrap .check_box input + label span{display:inline-block;width:18px;height:18px;border:1px solid #ccc;background:#fff;margin-right:7px;vertical-align:middle;cursor:pointer}
.check_box_wrap .check_box input:checked + label span{border-color:#ffd600;background:url('/img/od_checked_on.png') no-repeat center center}
.add_box{display:none}
.add_box .input-box{position:relative}
.add_box .input-box > span{display:block}
.add_box .input-box select{width:100%;height:44px;line-height:44px;padding-left:10px;border:1px solid #ccc;font-size:14px;color:#ccc;font-weight:400;background:url(/img/od_select_arrow.png) no-repeat 98% 50%;cursor:pointer;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
/* .add_box .input-box .select_tit{width:100%;height:44px;line-height:44px;padding-left:10px;border:1px solid #ccc;font-size:14px;color:#ccc;font-weight:400;background:url(/img/od_select_arrow.png) no-repeat 98% 50%;cursor:pointer}
.add_box .input-box .select_tit.active{background:url(/img/od_select_arrow_on.png) no-repeat 98% 50%}
.add_box .input-box .select_box{display:none;width:100%;height:auto;position:absolute;left:0;top:43px;border:1px solid #ccc;background:#fff;padding:10px 0;z-index:5}
.add_box .input-box .select_box::after{content:"";display:block;clear:both}
.add_box .input-box .select_box li{float:left;width:100%;text-align:center}
.add_box .input-box .select_box li > span{display:block;width:100%;line-height:35px;font-size:14px;color:#222;font-weight:300} */
.add_box .input-box .od_addr_label{width:77.605%}
.add_box .input-box .od_addr_btn{width:20.834%;margin-left:1.561%}
.add_box .input-box .od_addr_btn button{width:100%}
.add_box .addr_input_box label.label-css{width:100%}
.add_box .addr_input_box .input-box-sm.first{display:flex}



#tax_info_box .add_box{padding-bottom:30px;}
#tax_info_box .input-box{display:flex; align-items:center; justify-content:space-between;}
#tax_info_box .input-box.w485{width:445px;flex-wrap:wrap;}
#tax_info_box .input-box > label,
#tax_info_box .input-box > span{width:115px; margin:0; color:#000; font-size:16px; font-weight:400;word-break:keep-all; line-height:1.3; }
#tax_info_box .input-box input,
#tax_info_box .input-box select{width:calc(100% - 120px); border-radius:5px; padding: 0 15px; height:46px; line-height:44px; border:1px solid #d6d6d6; color:#999; font-size:16px;}
#tax_info_box .input-box input::placeholder,
#tax_info_box .input-box.addr_input_box.w615{width:615px;display:flex; flex-wrap:wrap; align-items:flex-start; margin-bottom:15px;}
#tax_info_box .input-box.addr_input_box.w615 > label{width:120px;}
#tax_info_box .input-box.addr_input_box.w615 .ordersheet_write_addr_wrap{width:calc(100% - 120px);}
#tax_info_box .input-box.addr_input_box.w615 .ordersheet_write_addr_wrap input{width:100%;}
#tax_info_box .input-box.addr_input_box.w615 .ordersheet_write_addr_wrap .od_addr_label{width:calc(100% - 170px);}
#tax_info_box .input-box.addr_input_box.w615 .ordersheet_write_addr_wrap .od_addr_btn{width:160px;}
#tax_info_box .input-box.addr_input_box.w615 .ordersheet_write_addr_wrap .od_addr_btn button{width:100%; height:45px; line-height:32px; background:#ffd600; color:#fff;text-align:center;display:block; border-radius: 5px !important; font-size:16px; font-weight:300; border:0;}
@media(max-width:991px){
	#tax_info_box .input-box input, #tax_info_box .input-box select,
	#tax_info_box .input-box.w485,#tax_info_box .input-box > label,
	#tax_info_box .input-box > span,
	#tax_info_box .input-box.addr_input_box.w615,
	#tax_info_box .input-box.addr_input_box.w615 > label,
	#tax_info_box .input-box.addr_input_box.w615 .ordersheet_write_addr_wrap{width:100%;}
	#tax_info_box .input-box.addr_input_box.w615{flex-wrap:wrap;}
	#tax_info_box .input-box > label,
	#tax_info_box .input-box > span{margin-bottom:10px;}
	#tax_info_box .input-box.addr_input_box.w615 .ordersheet_write_addr_wrap .od_addr_btn{width:120px;}
	#tax_info_box .input-box.addr_input_box.w615 .ordersheet_write_addr_wrap .od_addr_label{width:calc(100% - 130px);}
}
@media(max-width:480px){
	#tax_info_box .input-box input, #tax_info_box .input-box select{height:40px; line-height:38px; font-size:14px;}
	#tax_info_box .input-box > label, #tax_info_box .input-box > span{font-size:14px;}
}