@charset "utf-8";

/* 리스트 공통 */
.lists-row{margin-right:-10px;margin-left:-10px}
.lists-row .col-row-0,.lists-row .col-row-1,.lists-row .col-row-2,.lists-row .col-row-3,.lists-row .col-row-4,.lists-row .col-row-5,.lists-row .col-row-6,.lists-row .col-row-7,.lists-row .col-row-8,.lists-row .col-row-9,.lists-row .col-row-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
.lists-row .col-row-0,.lists-row .col-row-1{width:100%}
.lists-row .col-row-2{width:50%}
.lists-row .col-row-3{width:33.33333333%}
.lists-row .col-row-4{width:25%}
.lists-row .col-row-5{width:20%}
.lists-row .col-row-6{width:16.66666667%}
.lists-row .col-row-7{width:14.28571428%}
.lists-row .col-row-8{width:12.5%}
.lists-row .col-row-9{width:11.11111111%}
.lists-row .col-row-10{width:10%}
.row-clear{clear:both!important}
.lists-row .sct_img img{max-width:100%;height:auto}

/* aside:gnb */
#gnb {margin-bottom:15px;background:#fff;border:1px solid #e8e8e8;border-top:0}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1dli {position:relative;word-wrap:break-word}
.gnb_1dli_on {color:#fff;text-decoration:none}
.gnb_1da {display:block;padding:0 20px;line-height:48px;color:#010101;text-decoration:none;font-size:1.167em}
.gnb_1da i {position:absolute;right:0;top:0;display:inline-block;color:#c4c4c4;padding:15px;font-size:1.45em}

.gnb_1dam {background:url('img/gnb_bg.png') center right no-repeat}
.gnb_1dli_on .gnb_1da {background-color:#f5f5f5;color:#3a8afd;font-weight:bold;text-decoration:none}
.gnb_1dli_on .gnb_1da:after {position:absolute;left:-1px;top:0;content:"";background:#3a8afd;width:3px;height:100%}

.gnb_1dli_on .gnb_1dam {text-decoration:none}
.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #e8e8e8;padding:10px}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:inline-block;top:0;left:263px;width:200px;background:#fff}
.gnb_1dli_over .gnb_2dul:after, .gnb_1dli_over2 .gnb_2dul:after {content:"";position:absolute;top:10px;left:-6px;display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff}
.gnb_1dli_over .gnb_2dul:before, .gnb_1dli_over2 .gnb_2dul:before {content:"";position:absolute;top:9px;left:-7px;display:inline-block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #e8e8e8}

.gnb_2da {}
.gnb_1dli_over .gnb_2da {display:block;padding:5px 10px;line-height:20px;font-size:1.083em}
.gnb_2da:focus, .gnb_2da:hover {text-decoration:none;color:#3a8afd}

/* 오늘 본 상품 */
#stv {position:relative;height:100%}
#stv .li_empty {text-align:center;line-height:100px}
#stv_pg {display:block;position:fixed;right:0;bottom:0;width:229px;text-align:center;margin:10px 0 0;padding:15px;line-height:20px;background:#fff}
.stv_item {display:none;padding:15px;word-break:break-all;border-bottom:1px solid #f6f6f6}
.stv_item:after {display:block;visibility:hidden;clear:both;content:""}
.stv_item .prd_img {display:inline-block;float:left;margin-right:10px}
.stv_item .prd_cnt {display:inline-block;float:left}
.stv_item .prd_cnt span {display:block;max-width:105px}
.stv_item .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}

#stv_btn {position:absolute;top:10px;right:10px;width:60px;height:50px}
#up {position:absolute;top:0;left:0;background:url('img/btn_sb_prev.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0}
#down {position:absolute;top:0;right:0;background:url('img/btn_sb_next.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0}

/* 이벤트 링크 */
#sev {margin:20px 0;text-align:center}
#sev header {margin:0 0 20px}
#sev header:after {display:block;visibility:hidden;clear:both;content:""}
#sev h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em}
#sev h2:after {display:block;visibility:hidden;clear:both;content:""}
#sev ul:after {display:block;visibility:hidden;clear:both;content:""}
#sev>ul {margin:0 -10px}
#sev .ev_li {float:left;padding:0 10px;width:33.333%}
#sev .ev_li:first-child {margin-left:0}
#sev .ev_li .sev_img img {width:100%;height:auto}
#sev .ev_prd {border:1px solid #ddd;text-align:center;background:#fff}
#sev .ev_prd li {position:relative;display:block;padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid #f6f6f6}
#sev .ev_prd li:last-child {border-bottom:0}
#sev .ev_prd li:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_prd .ev_prd_tit {display:block;color:#000;font-size:1.1em;margin-bottom:5px}
#sev .ev_prd .ev_prd_img {float:left;display:inline-block}
#sev .ev_prd .ev_txt_wr {float:left;max-width:139px;margin-left:10px}
#sev .ev_prd .ev_prd_price {font-weight:bold;display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold}
#sev .ev_prd .sev_more {color:#3a8afd;background:#fff;display:block;text-align:center}


/* 커뮤니티 링크 */
#scomm {padding:20px}
#scomm h2 {margin:0 0 5px}
#scomm li {display:block;margin:3px}
#scomm li a {line-height:25px;color:#555}
#scomm li a:hover {color:#be334a}

/* 메인배너 */
#main_bn {border:1px solid #e3e5e8;position:relative;margin:19px 0 30px}
#main_bn:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn .slide-wrap {padding:0;margin:0}
#main_bn .slide-wrap img {max-width:100%;height:auto}
#main_bn .main_image_area{position:relative}
#main_bn .owl_pager {position:relative;width:100%;background:#fff;border-top:1px solid #e3e5e8}
#main_bn .owl_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn .owl_pager li {float:left;position:relative;width:20%;border-left:1px solid #e3e5e8;text-align:center;line-height:45px;height:45px;font-size:1.2em}
#main_bn .owl_pager li:first-child, #main_bn .owl_pager li:nth-child(5n+1) {border-left:0}
#main_bn .owl_pager li a {display:block}
#main_bn .owl_pager li a:after {content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#e3e5e8}
#main_bn .owl_pager li.active a {color:#3a8afd}
#main_bn .owl_pager li.active a:after {background:#3a8afd;top:-1px}

.btn_wr {background:rgba(0,0,0,0.5);display:inline-block;position:absolute;right:20px;bottom:65px;border-radius:30px;padding:3px 5px}
#main_bn .btn_wr{z-index:2}
.btn_wr .pager-prev {margin-left:5px;font-weight:bold}
.btn_wr .pager-next {margin-right:5px;font-weight:bold}
.btn_wr .pager-prev, .btn_wr .pager-next, #slide-counter {float:left;display:inline-block;padding:5px;color:#fff}
#slide-counter {margin:0 5px}

/*서브배너*/
#sbn_side {position:relative;width:100%;margin-bottom:20px}
.sb_bn {}
.sb_bn img {width:100%;height:auto}
#sbn_side h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_side .bx-controls {position:absolute;bottom:10px;left:15px}
#sbn_side .bx-pager-item {display:inline-block}
#sbn_side .bx-pager-item a {float:left;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#fff;text-indent:-9999px;opacity:0.5}
#sbn_side .bx-pager-item a.active {opacity:1}
#sbn_side .bx-controls-direction {display:none}

/*장바구니*/
#sbsk {position:relative}
#sbsk li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
#sbsk li:after {display:block;visibility:hidden;clear:both;content:""}
#sbsk .go_cart {position:absolute;top:11px;right:15px;display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;background:#fff;padding:2px 5px}
#sbsk .btn_buy {padding:15px;font-weight:bold;text-align:center}
#sbsk .btn_buy .btn_submit {width:100%;height:40px}
#sbsk .li_empty {text-align:center;line-height:100px}
#sbsk .prd_img {display:inline-block;float:left;margin-right:10px}
#sbsk .prd_cnt {display:inline-block;float:left}
#sbsk .prd_cnt a, #sbsk .prd_cnt span {display:block;max-width:105px}
#sbsk .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}
#sbsk .cart_del {border:0;width:35px;height:35px;text-align:center;position:absolute;right:0;bottom:0;color:#c5c8ca;background:#fff;font-size:1.25em}

/*위시리스트*/
#wish {}	
#wish li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
#wish li:after {display:block;visibility:hidden;clear:both;content:""}
#wish .li_empty {text-align:center;line-height:100px}
#wish .prd_img {display:inline-block;float:left;margin-right:10px}
#wish .prd_cnt {display:inline-block;float:left}
#wish .prd_cnt a {display:block;max-width:105px}
#wish .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}

/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */

/* 공통 */
.sct_wrap {position:relative;margin:0 0 20px}
.sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap header {padding:10px 0 20px}
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em}
.sct_wrap h2:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 a {text-decoration:none}

#sct {clear:both}

.sct {clear:both;margin:0;padding:0;list-style:none}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center}
.sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
.shop_icon {display:inline-block;color:#fff;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px;border-radius:2px}
.shop_icon_1 {background:#3ec1d3}
.shop_icon_2 {background:#ffb722}
.shop_icon_3 {background:#2dd49f}
.shop_icon_4 {background:#556ee6}
.shop_icon_5 {background:#ff5081}

.shop_icon_soldout {position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px;box-sizing:border-box}
.shop_icon_soldout.h160{line-height:normal}
.shop_icon_coupon {background:#d45959}

/* 재생/정지/이전/다음 버튼 */
.sctrl {margin:0;padding:0;list-style:none}
.sctrl:after {display:block;visibility:hidden;clear:both;content:""}
.sctrl li {position:relative;float:left}
.sctrl button {position:relative;margin:0;padding:0;width:20px;height:20px;border:0;cursor:pointer;overflow:hidden}
.sctrl button span {position:absolute;top:0;left:0;width:20px;height:20px;border:0;background:url('img/is_button.gif') no-repeat}
.sctrl button.sctrl_play span {background-position:-60px 0}
.sctrl button.sctrl_play span.sctrl_on {background-position:-60px -30px}
.sctrl button.sctrl_stop span {background-position:-90px 0}
.sctrl button.sctrl_stop span.sctrl_on {background-position:-90px -30px}
.sctrl button.sctrl_prev span {background-position:-120px 0}
.sctrl button.sctrl_prev span.sctrl_on {background-position:-120px -30px}
.sctrl button.sctrl_next span {background-position:-150px 0}
.sctrl button.sctrl_next span.sctrl_on {background-position:-150px -30px}

/* 메인리스트 별점 공통 */
.sct_li .sct_star img, .sct_li img.sit_star{width:72px !important;height:auto}

/* 상품 목록 스킨 10 */
.sct_10 {margin:25px 0}
.sct_10.lists-row{margin-right:-10px;margin-left:-10px}
.sct_10 .sct_li {position:relative;float:left;margin-bottom:40px;text-align:left}
.sct_10 .sct_last {margin-right:0}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}

.sct_10 .sct_img {position:relative;text-align:center}
.sct_10 .sct_img a {display:block}
.sct_10 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.sct_10 .sct_img:hover .sct_cart {display:block}
.sct_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_10 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}

.sct_10 .sct_ct_wrap {position:relative}
.sct_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_10 .sct_star {margin: 10px 0 5px}
.sct_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.sct_10 .sct_basic {margin-bottom:5px;color:#6e7f88}
.sct_10 .sct_bottom {position:relative;min-height:20px}
.sct_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.sct_10 .sct_dict {display:block;text-decoration:line-through;font-weight:normal;font-size:0.85em;color:#858a8d}

.sct_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}  
.sct_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.sct_10 .sct_sns .share-facebook {background:#415b92}
.sct_10 .sct_sns .share-twitter {background:#35b3dc}
.sct_10 .sct_sns img {width:24px}
.sct_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

.sct_10 .sct_op_btn {position:absolute;right:5px;bottom:0}
.sct_10 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}

/* 상품 목록 스킨 20 */
.sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_20 .sct_last {margin:0 0 15px !important}
.sct_20 .sct_clear {clear:both}
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
.sct_20 .sct_img {}
.sct_20 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
.sct_20 .sct_icon img {display:block;margin:0 0 3px}
.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
.sct_20 .sct_txt {padding:10px;background:#f2f5f9}
.sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em}
.sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:bold}
.sct_20 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}

/* 상품 목록 스킨 30 */
.sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa}
.sct_30 .sct_last {margin:0 0 15px !important}
.sct_30 .sct_clear {clear:both}
.sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('img/icon_arw_toleft.gif') no-repeat}
.sct_30 .sct_a {text-decoration:none}
.sct_30 .sct_img {position:absolute;top:0;left:0}
.sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_30 .sct_icon img {display:block;margin:0 0 3px}
.sct_30 .sct_txt {display:inline-block;margin:0 0 20px}
.sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_30 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_30 .sct_sns {position:absolute;bottom:20px;right:10px}

/* 상품 목록 스킨 40 */
.sct_40 {margin:20px 0}
.sct_40 .sct_clear {border-top:1px solid #dadada}
.sct_40 .sct_li {position:relative;padding:15px 0;border-bottom:1px solid #dadada}
.sct_40 .sct_li:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_a {text-decoration:none}
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}

.sct_40 .sct_img {text-align:center;float:left;margin-right:20px}
.sct_40 .sct_img a {display:block;position:relative;z-index: 9999;}
.sct_40 .sct_cart {position:absolute;right:0;bottom:0;border:0;width:150px;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold;z-index:99999}
.sct_40 .list-10-btn .sct_cart{z-index:1;top:40px;right:10px;bottom:initial;padding:8px 0;width:140px;border:1px solid #1c70e9;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.sct_40 .list-10-btn .sct_cart:hover {background:#2375eb}
.sct_40 .list-10-btn .sct_cart i{display:none}
.sct_40 .sct_img:hover .sct_cart {display:block}
.sct_40 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_40 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}
.sct_40 .sit_icon_li{margin-top:10px}

.sct_40 .sct_ct_wrap {position:relative}
.sct_40 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_star {margin:10px 0 5px}
.sct_40 .sct_txt {font-size:1.1em;margin:10px 0;padding-bottom:10px}
.sct_40 .sct_txt a{font-weight:600;font-size:1.2em}
.sct_40 .sct_basic {margin-bottom:5px;color:#6e7f88}
.sct_40 .sct_cost {position:absolute;right:200px;top:15px;font-size:1.35em;font-weight:bold}
.sct_40 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}

.sct_40 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_40 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}    
.sct_40 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_40 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.sct_40 .sct_sns .share-facebook {background:#415b92}
.sct_40 .sct_sns .share-twitter {background:#35b3dc}
.sct_40 .sct_sns img {width:24px}
.sct_40 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_40 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

.sct_40 .sct_op_btn {position:absolute;right:20px;bottom:20px}
.sct_40 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}



/* 개인결제 목록 */
.sct_pv .sct_li {position:relative;float:left;margin:0 18px 15px 0}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none;font-size:1.1em}
.sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none}
.sct_pv .sct_img {margin:0 0 10px}
.sct_pv .sct_txt {margin:0 0 5px}
.sct_pv .sct_icon {margin:0 0 10px}
.sct_pv .sct_id {display:block;margin:0 0 5px}
.sct_pv .sct_basic {margin:0 0 10px}
.sct_pv .sct_cost {display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.sct_pv .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_sns {}

/* 메인 상품 목록 스킨 10 */
.smt_10 {margin:0 -5px}
.smt_10 .sct_li {position:relative;float:left;width:215px;margin-right:15px;margin-bottom:15px;text-align:left}
.smt_10 .sct_last {margin-right:0}
.smt_10 .sct_clear {clear:both}
.smt_10 .sct_a {text-decoration:none}
.smt_10 .sct_a:focus, .smt_10 .sct_a:hover {text-decoration:none}
.smt_10 .sct_ct_wrap {position:relative}
.smt_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.smt_10 .sct_img {position:relative;text-align:center}
.smt_10 .sct_img a {display:block}
.smt_10 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.smt_10 .sct_img:hover .sct_cart {display:block}
.smt_10 .sct_li.overlay .sct_cart{display:none !important}
.smt_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.smt_10 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}

.smt_10 .sct_star {margin: 10px 0 5px}
.smt_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.smt_10 .sct_basic {margin-bottom:5px;color:#6e7f88}
.smt_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.smt_10 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}

.smt_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.smt_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}    
.smt_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.smt_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.smt_10 .sct_sns .share-facebook {background:#415b92}
.smt_10 .sct_sns .share-twitter {background:#35b3dc}
.smt_10 .sct_sns img {width:24px}
.smt_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.smt_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

.smt_10 .sct_op_btn {position:absolute;right:5px;bottom:0}
.smt_10 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}

.sct_cartop_wr {position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;padding:10px;text-align:left;background:rgba(0,0,0,0.5);opacity:0.98}
.sct_cartop_wr .it_option {width:100%;height:35px;margin-bottom:5px;}
.sct_cartop_wr .cartopt_cart_btn {width:100%;border:1px solid #1c70e9;padding:8px 5px;margin-bottom:5px;background:#3a8afd;color:#fff;border-radius:3px}
.sct_cartop_wr .cartopt_close_btn {width:100%;border:1px solid #1c70e9;padding:8px 5px;background:#fff;color:#1c70e9;border-radius:3px}

/* 메인 상품 목록 스킨 20 */
.smt_20 {position:relative;overflow-y:hidden;margin:0 -5px}
.smt_20 .sct_ul {width:100%;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_20 .sct_ul_first {display:block;top:0}
.smt_20 .sct_li {position:relative;float:left;width:215px;margin-right:15px;margin-bottom:15px;text-align:left}
.smt_20 .sct_last {margin:0 0 15px !important}
.smt_20 .sct_clear {clear:both}
.smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
.smt_20 .sct_img {position:relative;text-align:center}
.smt_20 .sct_img a {display:block}
.smt_20 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.smt_20 .sct_img:hover .sct_cart {display:block}
.smt_20 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.smt_20 .sct_basic {margin-bottom:5px;color:#6e7f88}
.smt_20 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.smt_20 .sct_dict {text-decoration:line-through;display:block;font-size:0.85em;color:#858a8d}

.smt_20 .sct_sns {margin-bottom:10px} 
.smt_20 .sct_sns a {display:inline-block;border-radius:50%;width:30px;height:30px;line-height:28px;margin-right:5px;text-align:center}
.smt_20 .sct_sns .share-facebook {background:#415b92}
.smt_20 .sct_sns .share-twitter {background:#35b3dc}
.smt_20 .sct_sns img {width:20px}

.smt_20 .sct_icon {margin:0 0 10px}
.smt_20 .sct_id {display:block;margin:0 0 5px}


/* 메인 상품 목록 스킨 30 */
.smt_30 {position:relative}
.smt_30 li {position:relative;min-height:50px;padding:10px 15px;background:#fff}
.smt_30 li:after {display:block;visibility:hidden;clear:both;content:""}
.smt_30 .sct_clear {clear:both}
.smt_30 .sct_img {float:left;width:80px;margin-right:10px}
.smt_30 .sct_img img {width:100%;height:auto}
.smt_30 .sct_cnt {display:inline-block;float:left;max-width:143px;line-height:20px}
.smt_30 .sct_txt a {display:block;font-size:1em;color:#000;max-height:40px;overflow:hidden;text-overflow:ellipsis;list-style:none}
.smt_30 .sct_cost {font-weight:bold;font-size:1.2em}


/* 메인 상품 목록 스킨 40 */
.smt_40 {background:#fff;padding:20px;border:1px solid #e3e5e8}
.smt_40 .sct_li {position:relative;float:left;width:20%;margin:0 8px}
.smt_40 .sct_last {}
.smt_40 .sct_clear {clear:both}
.smt_40 .sct_img {position:relative;text-align:center}
.smt_40 .sct_star {margin:10px 0 5px}
.smt_40 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.smt_40 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}


/* 관련상품 목록 스킨 10 */
#sit_rel {position:relative;border:1px solid #e8e8e8;padding:35px;margin-top:20px;background:#fff}
#sit_rel:after {display:block;visibility:hidden;clear:both;content:""}
#sit_rel h2 {font-size:1.6em;margin:0 0 30px;text-align:center}
#sit_rel .bx-wrapper {margin:0 auto}
#sit_rel .bx-controls-direction {position:absolute;top:25px;right:35px}
#sit_rel .bx-prev {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;border-right:0;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_left.png') no-repeat 50% 50%}
#sit_rel .bx-next {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_right.png') no-repeat 50% 50%}
.scr_10 li img {width:100%;height:auto}
.scr_10 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.scr_10 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}

/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct {margin:0}
.sct_admin {text-align:right}
.sct_admin a {}

/* 상품 목록 현재 위치 */
#sct_location {display:inline-block;float:right;padding:12px 0;position:absolute;right:0;top:12px}
#sct_location .go_home {display:inline-block;font-size:1.4em;color:#a2a2a2;line-height:17px;text-decoration:none;vertical-align:top;padding:0 12px}
#sct_location i.dividing-line {vertical-align:top;font-size:1.2em;color:#a2a2a2;display:inline-block;margin:0;line-height:17px}
#sct_location select {float:left;border:1px solid #d3d3d3;height:26px;padding:0 5px;margin:0 12px}
#sct_location.is_right select{float:right}
#sct_location.view_location{display:block;float:none!important;position:relative;top:0;left:0}
#sct_location.view_location:after{display:block;visibility:hidden;clear:both;content:""}
.view_location .go_home{float:left}
.view_location i.dividing-line{float:left}
.view_location .shop_select_to_html.shop_hover_selectbox{float:left}
.shop_select_to_html{position:relative;display:inline-block}
.shop_select_to_html span{padding:0}
.shop_select_to_html .menulist{position:absolute;top:20px;display:none;opacity:0;transition:all .2s ease-in-out}
.view_location .shop_select_to_html .menulist{left:0}
.is_right .shop_select_to_html .menulist{right:0}
.shop_select_to_html:hover .category_title,.shop_select_to_html:hover .category_title i{color:#69aa6f}
.shop_select_to_html:hover .menulist{display:block;opacity:1;transition:all .2s ease-in-out}
.shop_select_to_html .menulist{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,88,112,0.11);box-sizing:border-box;margin-top:4px;overflow:hidden;padding:6px 0;-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:9;white-space:nowrap;width:auto}
.shop_select_to_html .menulist ul.wide{display:inline-block!important;width:146px;vertical-align:top;min-height:360px}
.shop_select_to_html .menulist ul.left-border{border-left:1px dashed #e6e9ed}
.shop_select_to_html .option{font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;text-align:left;-webkit-transition:all .2s;transition:all .2s}
.shop_select_to_html .option:hover,.shop_select_to_html .option.focus,.shop_select_to_html .option.selected.focus{background-color:#f6f7f9}
.shop_select_to_html .option.selected,.shop_select_to_html .option.selected a{font-weight:700;color:#69aa6f}
.shop_select_to_html .option.disabled{background-color:transparent;color:#90a1b5;cursor:default}
.shop_select_to_html .option a{display:block;padding-left:28px;padding-right:49px}
.shop_select_to_html .category_title{color:#4F4F4F;font-size:1.1em}
.shop_select_to_html .category_title i{margin-left:5px;color:#a2a2a2}

.sct_here {font-weight:bold}
.sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 50% no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct {clear:both;margin:10px 0 20px;background:#fff;border:1px solid #d3d3d3;border-top:2px solid #000;padding:10px}
.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct a {text-decoration:none}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}

#sct_ct_1 li {float:left;width:20%;border-right:1px solid #f6f6f6}
#sct_ct_1 li:nth-child(5n) {border-right:0}
#sct_ct_1 li a {display:block;padding:0 10px;line-height:40px;font-weight:bold}
#sct_ct_1 li a:hover {color:#3a8afd}

#sct_ct_2 li {margin:0 0 10px}
#sct_ct_2 a {display:inline-block;width:120px}

#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}

/* 상품 정렬 리스트 스타일 선택 공통 */
#sct_sortlst {clear:both;background:#fff;border:1px solid #e3e5e8}
#sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 정렬 */
#sct_sort {float:left;width:80%}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sct_sort ul {margin:0;padding:0 0 0 1px;list-style:none}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
#sct_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px}
#sct_sort li a:hover {color:#be334a}
#sct_sort li:first-child a {border:0}

/* 상품 리스트 스타일 선택 */
#sct_lst {float:right;margin:0 0;padding:0;list-style:none}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left}
#sct_lst button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;color:#adadad;font-size:15px}
#sct_lst button:hover {color:#000}
#sct_lst button.sct_lst_list {}
#sct_lst button .icon {display:block}

/* 상품 상세보기 */
#sit {margin:0 0 10px}
.sit_admin {position:absolute;right:0;top:2px;text-align:right}
.sit_admin a {line-height:35px;padding:0 10px}
.sit_empty {padding:60px 0;text-align:center}

.is_search #wrapper_title, .is_item #wrapper_title{display:none}

/* 상품 상세보기 - 개요 */
#sit_ov_from {background:#fff;border-bottom:1px solid #e3e3e3;clear:both}
#sit_ov_wrap {width:1200px;margin:0 auto;padding:45px;border-top:1px solid #e3e3e3}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {float:left;position:relative}
#sit_pvi_big {float:right;text-align:center}
#sit_pvi_big a {display:none}
#sit_pvi_big a.visible {display:block}
#sit_pvi_big #popup_item_image {display:inline-block;position:absolute;bottom:0;right:0;width:43px;height:43px;line-height:43px;background:#fff;color:#8c9195;border:1px solid #e0e0e0;font-size:1.4em}
#sit_pvi_big img {width:500px;height:auto}
#sit_pvi_thumb {float:left;margin:0;padding:0;list-style:none;text-align:center}
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_thumb li {margin:0 15px 15px 0}
#sit_pvi_thumb img {border:1px solid #dbdbdb}
#sit_pvi_thumb img:hover {border:1px solid #010101}

#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {position:relative;float:right;width:448px;height:auto !important;height:355px;min-height:355px;padding-bottom:20px}
#sit_ov h3 {margin:0 0 10px}

#sit_title {margin:0 0 10px;font-size:2.4em}
#sit_desc {margin:0 0 10px;padding:0;color:#474747;font-size:1.167em}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sit_star_sns {position:relative}
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}

#sit_star_sns a {display:inline-block;vertical-align:middle}
#sit_star_sns .btn_sns_share {float:left;background:transparent;width:35px;height:25px;border:0;color:#4b5259;font-size:1.6em;font-weight:bold}
#sit_star_sns .btn_sns_share:hover {color:#3a8afd}
#sit_star_sns .sns_area {display:none;position:absolute;top:45px;right:0;max-width:175px;text-align:center;background:#fff;border:1px solid #e2e2e2;padding:10px;z-index:10}
#sit_star_sns .sns_area:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #e2e2e2 transparent}
#sit_star_sns .sns_area:after {content:"";position:absolute;top:-7px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#sit_star_sns .sns_area a {display:inline-block;width:35px;height:35px;line-height:35px;margin-bottom:5px;background:#eee;text-align:center;border-radius:50%}
#sit_star_sns .sns_area a img {width:24px;height:auto}
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
#sit_star_sns .sns_area .share-facebook {background:#415b92}
#sit_star_sns .sns_area .share-twitter {background:#35b3dc}

#sit_btn_opt {position:absolute;right:0;bottom:0}
#btn_wish {float:left;position:relative;display:inline-block;padding-right:5px;color:#4b5259;width:35px;height:25px;text-align:center;font-size:1.25em;font-weight:bold}
#btn_wish i {font-size:1.6em;font-weight:bold}
#btn_wish .btn_wish_num {position:absolute;right:0;bottom:-2px;margin:0;padding:0 2px;height:17px;line-height:15px;border-radius:30px;background:#fff;color:#4b5259;font-size:0.75em}

.sit_info {padding:10px 0;border-top:1px solid #e2e2e2;margin:10px 0 0;border-bottom:1px solid #e2e2e2}
.sit_info .tr_price {border-bottom:1px solid #e2e2e2}
.sit_info .tr_price th,
.sit_info .tr_price td {padding-bottom:15px}

.sit_ov_tbl {width:100%;border:0;border-collapse:collapse;color:#666}
.sit_ov_tbl th {font-weight:normal;text-align:left}
.sit_ov_tbl td {padding:10px 0}
.sit_ov_tbl th,
.sit_ov_tbl td {vertical-align:middle}
.sit_ov_tbl td strong {color:#000;line-height:1.2;font-size:1.25em}
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
.sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
#sit_ov_tbl button {margin:0 1px 0 0}

.sit_option {padding:10px 0;margin:10px 0 0}
.sit_option label {display:block;margin:0 0 5px;color:#666}
.sit_option label.label-title{display:none}
.sit_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
-moz-appearance:none;    /* 화살표 없애기 for firefox*/
appearance:none;         /* 화살표 없애기 공통*/
background:url('img/select_arrow.png') no-repeat 96% 50%/* 화살표 아이콘 추가 */
}
.sit_option select::-ms-expand {display:none/* 화살표 없애기 for IE10, 11*/}

.sit_option h3 {font-size:1.083em}
.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px}

#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sit_tot_price {font-size:1.167em;line-height:45px;font-weight:bold;text-align:right}
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_price span {float:left}
#sit_tot_price strong {font-size:1.5em;margin-left:15px}

#sit_ov_soldout {padding:20px 0;margin:10px 0;color:#ff3061;background:#fff6f6;font-weight:bold;text-align:center}

#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn button {width:186px;float:left;margin-right:5px;height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em}
.sit_btn_buy {background:#3a8afd;border-radius:3px;border:1px solid #1c70e9;color:#fff}
.sit_btn_buy:hover {background:#2176f1}
.sit_btn_cart {background:#fff;border-radius:3px;border:1px solid #98a3b3;color:#000}
.sit_btn_cart:hover {background:#f3f3f3}
#sit_btn_alm {float:left;display:inline-block;width:186px;height:50px;margin-left:5px;line-height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em;background:#d50c0c;border-radius:3px;color:#fff;border:0;text-align:center}
.sit_btn_wish {float:left;display:inline-block;width:65px;height:50px;margin-bottom:10px;line-height:50px;color:#8c9195;font-size:1.6em;border:1px solid #98a3b3;text-align:center;border-radius:3px;font-weight:bold}
.sit_btn_wish:hover {color:red}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {clear:both;width:100%;border-top:1px solid #f1f3f6;background:#fff;text-align:center;position:relative}
#sit_siblings:after {display:block;visibility:hidden;clear:both;content:""}
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_siblings a {display:block;position:relative;padding:0;margin: 15px;line-height:35px;color:#999}
#sit_siblings a#siblings_prev {float:left;padding-left:20px}
#sit_siblings a#siblings_prev:after {content:"";background:url('img/sit_siblings.jpg') no-repeat;position:absolute;left:0;top:10px;width:10px;height:15px;display:inline-block}
#sit_siblings a#siblings_next {float:right;padding-right:20px}
#sit_siblings a#siblings_next:after {content:"";background:url('img/sit_siblings.jpg') -14px 0px no-repeat;position:absolute;right:0;top:10px;width:10px;height:15px;display:inline-block}
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sit_info {display:inline-flex;position:relative;width:100%;min-height:600px;margin-top:20px;margin-bottom:30px;border:1px solid #e8e8e8;background:#fff}
#sit_info:after {display:block;visibility:hidden;clear:both;content:""}

#sit_tab {width:928px;display:table-cell}
#sit_tab:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit {border-bottom:1px solid #e8e8e8;background:#fff;padding:0 10px}
#sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit li {display:inline-block;float:left}
#sit_tab .tab_tit li button {display:block;width:100%;position:relative;font-size:1.2em;padding:10px 15px;border:0;color:#666;background:#fff;line-height:38px;text-align:center;z-index:1}
#sit_tab .tab_tit li .selected {background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:bold}
#sit_tab .tab_tit li .selected:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#3a8afd;display:inline-block}
#sit_tab .tab_con {background:#fff;padding:15px}
#sit_tab .item_use_count, #sit_tab .item_qa_count {display:inline-block;min-width:20px;height:20px;font-size:0.75em;line-height:20px;padding:0 5px;background:#eee;border-radius:10px;color:#777}

#sit_buy {display:table-cell;width:270px;border-left:1px solid #e8e8e8;vertical-align:top}
.sit_buy_inner {position:relative;top:0 !important;vertical-align:top}
.sit_side_option {padding:15px 15px 10px;border-bottom:1px solid #ebeff3}
.sit_side_option h3 {margin-bottom:10px}
.sit_side_option label {display:block;margin:0 0 5px;color:#666}
.sit_side_option label.label-title{display:none}
.sit_side_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
-moz-appearance:none;    /* 화살표 없애기 for firefox*/
appearance:none;         /* 화살표 없애기 공통*/
background:url('img/select_arrow.png') no-repeat 96% 50%/* 화살표 아이콘 추가 */}
.sit_side_option select::-ms-expand {display:none/* 화살표 없애기 for IE10, 11*/}

.sit_sel_option {overflow-y:auto;height:300px}
.sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sit_sel_option:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option li {position:relative;padding:15px;border-bottom:1px solid #e6e9ed}
.sit_sel_option li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option .sit_opt_del {position:absolute;top:0;right:0;width:30px;height:30px;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed;background:#fff;color:#c6c8ca}
.sit_sel_option .opt_name {font-weight:bold;line-height:28px}
.sit_sel_option .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
.sit_sel_option .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}
.sit_sel_option button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
.sit_sel_option button:hover {color:#000}

.sum_section {padding:15px;z-index:3}
.sum_section:after {display:block;visibility:hidden;clear:both;content:""}
.sit_tot_price {font-weight:bold;padding-bottom:10px;line-height:25px;font-size:1.167em;text-align:right}
.sit_tot_price strong {font-size: 1.5em;margin-left:15px}
.sit_tot_price span {float:left}
.sit_order_btn button {display:block;width:100%;padding:15px 0;font-size:1.25em;font-weight:bold}
.sit_order_btn .sit_btn_cart {margin-bottom:5px}

/* 상품 재입고 알림 (SMS) */
#sit_sms_new {}
#sit_sms_new .form_01 {padding:20px}
#sit_sms_new #sms_agree {padding:5px 0 20px}
#sit_sms_new li strong {display:inline-block;margin:10px 0}
#sit_sms_new textarea {line-height:1.5em;color:#555}
#sit_sms_new .prd_name {background:#f3f3f3;padding:15px 20px;font-weight:bold;font-size:1.167em}
#sit_sms_new .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd}

/* 상품 상세보기 - 상품정보 */
#sit_inf {margin:20px 0}
#sit_inf h2 {position:absolute;font-size:0;line-height:0;content:""}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_basic {margin:0 0 20px;line-height:1.7em}
#sit_inf_explan {margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
#sit_inf_explan img {max-width:100%;height:auto}

#sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse}
#sit_inf_open th {padding:10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left}
#sit_inf_open td {padding:10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top}

/* 상품 상세보기 - 사용후기 */
#sit_use {}
#sit_use h2 {position:absolute;font-size:0;line-height:0;content:""}
#sit_use h3:not(.iu_title) {position:absolute;font-size:0;line-height:0;content:""}
/* UI-033 fix — 우리 .iu_title h3는 노출 */
#sit_use h3.iu_title{position:static !important;font-size:22px !important;line-height:130% !important;height:auto !important;color:var(--color, #004E73) !important;font-weight:700 !important;margin:0 !important;}

/* 영카트 기본 sit_use_top / #sit_use_wbtn 비활성 — 우리 .iu_head/.iu_toolbar 사용 (아래 정의) */
.sit_use_top, #sit_use_wbtn {position:static;background:transparent;border:0;padding:0;margin:0;min-height:0;display:contents}
#sit_use_wbtn a {padding:0;line-height:normal;font-weight:normal;font-size:inherit}

/* ─── 리뷰 신고 버튼 (Phase 5.4) ─── */
.sit_use_report{margin-top:8px;text-align:right}
.btn_review_report{
    display:inline-flex;align-items:center;gap:5px;
    padding:5px 12px;border-radius:100px;
    background:#fff;border:1px solid #d4d6db;color:#888;
    font-size:11px;font-weight:500;cursor:pointer;
    transition:all .15s;
}
.btn_review_report:hover{background:#fff5f5;border-color:#c0392b;color:#c0392b}
.btn_review_report:disabled{opacity:.5;cursor:not-allowed}
.btn_review_report i{font-size:10px}

/* ─── 포토 리뷰 입력 폼 (Phase 5.3) ─── */
.sit_use_photo{padding:10px 0}
.sit_use_photo_lbl{display:block;font-size:13px;color:#555;margin-bottom:8px;font-weight:500}
.sit_use_photo_grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;max-width:600px}
.sit_use_photo_slot{
    border:1.5px dashed #d4d6db;border-radius:6px;padding:8px;text-align:center;
    background:#fafbfc;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;
}
.sit_use_photo_thumb{width:100%;max-width:100px;aspect-ratio:1/1;overflow:hidden;border-radius:4px;background:#fff}
.sit_use_photo_thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sit_use_photo_slot input[type=file]{font-size:11px;width:100%;cursor:pointer}
.sit_use_photo_del{font-size:11px;color:#c00;cursor:pointer;display:inline-flex;align-items:center;gap:3px}

/* ─── 포토 리뷰 표시 (리뷰 목록의 사진 갤러리) ─── */
.sit_use_photos{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}
.sit_use_photo_item{display:block;width:96px;height:96px;border-radius:6px;overflow:hidden;border:1px solid #EAE6DE;background:#fff;transition:transform .15s}
.sit_use_photo_item:hover{transform:scale(1.04);border-color:var(--color, #004E73)}
.sit_use_photo_item img{width:100%;height:100%;object-fit:cover;display:block}

/* ─── 포토 필터 토글 (Phase 5.7) ─── */
.sit_use_filter{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.sit_use_filter_btn{
    display:inline-flex;align-items:center;gap:6px;
    padding:6px 14px;border-radius:100px;font-size:13px;font-weight:500;
    color:#666;background:#F7F4EE;border:1px solid transparent;
    text-decoration:none;transition:all .15s;
}
.sit_use_filter_btn:hover{background:#EFEBE3;color:#222}
.sit_use_filter_btn.on{background:var(--color, #004E73);color:#fff;border-color:var(--color, #004E73)}
.sit_use_filter_btn.on:hover{background:var(--color, #004E73);opacity:.85}
.sit_use_filter_btn i{font-size:12px}

#sit_use_ol {margin:0 0 5px;padding:0;list-style:none}
.sit_use_li {position:relative;padding:10px 0;padding-left:110px;min-height:120px;border-bottom:1px solid #e0e0e0}
.sit_use_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_li_title {position:absolute;right:20px;bottom:20px;border:1px solid #ddd;padding:8px 10px;border-radius:3px;color:#666;font-size:0.92em;background:#fff}
.sit_use_li_title:hover {background:#6b99ee;border-color:#6b99ee;color:#fff}

.sit_thum {margin:0;position:absolute;top:10px;left:0}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {position:absolute;font-size:0;line-height:0;content:""}
.sit_use_dl dd {color:#7f7f7f;line-height:1.5em}
.sit_use_dl .sit_use_star {margin:0 0 5px}
.sit_use_dl .sit_use_tit {font-weight:bold;font-size:1.167em;color:#000 !important}

.sit_use_con {display:none;margin-right:110px;margin-bottom:10px}
.sit_use_p {margin:10px 0;padding:10px 0}
.sit_use_cmd {}

.sit_use_reply {position:relative;border-top:1px dotted #bbb;margin:10px 0 0;padding:10px 0 0 40px}
.use_reply_icon {position:absolute;top:10px;left:5px;background:url('./img/use_reply.png') no-repeat 0 0;width:28px;height:17px;text-indent:-999px;overflow:hidden}
.use_reply_tit {font-weight:bold;line-height:1.5em;padding-right:100px}
.use_reply_name {font-size:0.92em;color:#777;margin:5px;position:absolute;top:10px;right:0}
.use_reply_p {padding:10px 0;background:#fff;line-height:1.5em}

#sit_use_write_star:after {display:block;visibility:hidden;clear:both;content:""}
#sit_use_write_star li {float:left;width:33.333%}
#sit_use_write_star li img {width:100px}

/* 상품 상세보기 - 상품문의 */
#sit_qa {margin:20px 0}
#sit_qa h2 {position:absolute;font-size:0;line-height:0;content:""}
#sit_qa h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #f0f0f0;list-style:none}
.sit_qa_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_li {position:relative;border-bottom:1px solid #f0f0f0;padding:15px 10px}
.sit_qa_li_title {display:block;float:left;width:80%;text-align:left;background:none;border:0;line-height:25px;font-weight:bold;font-size:1.167em}

.sit_qa_dl {float:right;width:20%;line-height:30px;color:#7f7f7f;text-align:right;margin:0}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {position:absolute;font-size:0;line-height:0;content:""}
.sit_qa_dl dd {display:inline-block;margin-left:10px}
.sit_qaa_done {display:inline-block;height:30px;line-height:30px;background:#f6bb42;color:#fff;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:3px}
.sit_qaa_yet {display:inline-block;height:30px;line-height:30px;background:#ccd1d9;color:#fff;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:3px}

.sit_qa_con {display:none;clear:both}
.sit_qa_p {margin:10px 0;background:#f3f3f3;line-height:1.5em}
.sit_qa_p .qa_alp {position:absolute;top:13px;left:15px;font-size:2em;color:#000}
.sit_qa_qaa {padding:15px 20px;padding-left:50px;position:relative;min-height:50px;border-top:1px solid #fff}
.sit_qa_qaq {padding:15px 20px;padding-left:50px;position:relative;min-height:50px}
.sit_qa_con textarea {display:none}
.sit_qa_cmd {text-align:right}

.sit_qa_pw {display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center}
.sit_qa_pw span {display:block;margin:0 0 5px}

#sit_qa_wbtn {text-align:right;margin:0 0 20px}
#sit_qa_wbtn a {padding:0 20px;line-height:45px;font-weight:bold;font-size:1.167em}

#sit_qa_write {}
#sit_qa_write #iq_subject {width:100%}
#sit_qa_write .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd}

/* 상품 상세보기 - 배송정보 */
#sit_dvr {margin:20px 0}
#sit_dvr h2 {position:absolute;font-size:0;line-height:0;content:""}

/* 상품 상세보기 - 교환정보 */
#sit_ex {margin:20px 0}
#sit_ex h2 {position:absolute;font-size:0;line-height:0;content:""}


/* 사용후기 모음 */
#sps_sch {margin:0 0 10px}
#sps_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none}
#sps_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff}
#sps_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sps_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sps_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
#sps_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

#sps {}
#sps ol {margin:0;padding:0;list-style:none}
#sps li {position:relative;padding:15px;border-bottom:1px solid #f0f0f0;background:#fff}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

.sps_img {position:absolute;top:15px;left:15px}
.sps_img_inner {float:left;position:relative}
.sps_img a span {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sps_img .prd_detail {position:absolute;right:0;bottom:0;border:0;color:#fff;background:#078601;width:34px;height:34px;text-align:center;opacity:0.8}
.sps_img .prd_detail:hover {opacity:1}

.review_detail_cnt {display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0,0,0,0.1)}
.review_detail_in {position:absolute;top:50%;left:50%;width:590px;max-height:450px;background:#fff;text-align:left;margin-left:-300px;margin-top:-180px;overflow-y:auto;border-radius:3px;border:1px solid #dde7e9;background:#fff;border-radius:3px}
.review_detail_in h3 {padding:15px;border-bottom:1px solid #e8e8e8;font-size:1.4em}
.review_cnt {padding:25px}
.rd_cls {position:absolute;top:0;right:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

.review_tp_cnt {position:relative;padding:0 0 10px;margin-bottom:15px;border-bottom:1px solid #f1f1f1}
.review_tp_cnt>span {font-size:1.2em;display:block}
.review_tp_cnt:after {display:block;visibility:hidden;clear:both;content:""}
.review_tp_cnt .sps_opt_btn_more {position:absolute;top:0;right:0;border:0;padding:5px 5px 5px 10px;background:#fff;color:#c4c8cb;font-size:1.4em}
.review_tp_cnt .sps_opt_li {display:none;position:absolute;top:40px;right:0;border:1px solid #b8bfc4}
.review_tp_cnt .sps_opt_li:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.review_tp_cnt .sps_opt_li:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.review_tp_cnt .sps_opt_li li {border-bottom:1px solid #f1f1f1;padding:10px !important;color:#6b757c}

.review_summ {background:#fcfcfc;border:2px solid #efeff1;padding:10px}
.review_bt_cnt {margin:15px 0}

.sps_reply {margin-top:10px;padding-top:10px;border-top:1px dotted #bbb}
.sps_reply .sps_img {text-align:right;width:70px}
.sps_reply .sps_section h2 {background:url('./img/use_reply.png') no-repeat 0 0;text-indent:30px;line-height:1.5em}

#sps dl {margin:5px 0}
#sps dl:after {display:block;visibility:hidden;clear:both;content:""}
#sps dt {float:left}
#sps dd {float:left;margin:0 10px 0 0;color:#999}
#sps dd img {position:relative;top:-2px}

.sps_section {float:left;width:100%;padding-left:115px}
.sps_section .sps_pd_name {display:block;color:#3a8afd;padding:10px 0 5px}
.sps_section .sps_rv_tit {display:block;font-size:1.2em;font-weight:bold}
.sps_section .sps_rv_thum {position:absolute;top:15px;right:15px}
.sps_section p {padding:0;width:100%}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {clear:both;margin:5px 0}
.sps_con_btn:after {display:block;visibility:hidden;clear:both;content:""}
.sps_con_btn .sps_dl {float:left}
.sps_con_btn button.review_detail {float:right;border-radius:3px;border:1px solid #d4d6db;color:#666;font-size:0.92em;padding:5px 7px;background:#fff}
.sps_con_btn button.review_detail:hover {background:#6b99ee;border-color:#6b99ee;color:#fff}

/* 상품문의 모음 */
#sqa_sch {margin:0 0 10px}
#sqa_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none}
#sqa_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff}
#sqa_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sqa_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sqa_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
#sqa_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

#sqa {margin-bottom:20px}
#sqa ol {margin:0;padding:0;list-style:none}
#sqa li {position:relative;padding:15px 20px 15px 15px;border-bottom:1px solid #f0f0f0;background:#fff}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}
#sqa li .sit_qaa_yet {position:absolute;right:20px;top:20px;margin-right:0}
#sqa li .sit_qaa_done {position:absolute;right:20px;top:20px;margin-right:0}

.sqa_img {float:left;margin:0 10px 0 0}
.sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sqa dl {margin:5px 0}
#sqa dl:after {display:block;visibility:hidden;clear:both;content:""}
#sqa dt {float:left}
#sqa dd {float:left;margin:0 10px 0 0;color:#999}

#sqa dd img {position:relative;top:-2px}
.sqa_con {margin:10px 0;background:#f3f3f3;line-height:1.5em}
.sqa_con .qa_alp {position:absolute;top:13px;left:15px;font-size:2em;color:#000}

.sqa_section {float:left;width:1100px}
.sqa_section h2 {padding-right:70px;font-size:1.2em;font-weight:bold}
.sqa_section .sqa_con {line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn button {border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:5px 0;background:#fff}
.sqa_con_btn button:hover {background:#6b99ee;border-color:#6b99ee;color:#fff}

/* 상품검색 */
#ssch {margin:20px 0}
#ssch h2 {font-size:1.8em;line-height:30px;margin:10px 0}
#ssch h2 .ssch_result_total {float:right;color:#6f6f6f;font-size:0.55em;font-weight:normal}
#ssch h2 strong {color:#ff005a}
#ssch_frm {background:#fff;border:1px solid #e3e5e8}
#ssch_frm .ssch_scharea {padding:15px;border-bottom:1px solid #e3e5e8}
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm .ssch_scharea label {display:inline-block;margin:0 8px 0 0}
#ssch_frm .ssch_scharea .ssch_input {height:45px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
#ssch_frm .ssch_scharea .btn_submit {width:90px;height:45px;margin-right:5px;padding:0 5px;font-weight:bold;border:1px solid #2e3745;background:#434a54}

#ssch_frm .ssch_left {}
#ssch_frm .ssch_option {padding:15px;border-bottom:1px solid #e3e5e8}
#ssch_frm .ssch_option .ssch_input {height:32px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}

#ssch_frm p {padding:15px;color:#737373;border-bottom:1px solid #e3e5e8}

#ssch_cate {background:#fff;border-bottom:1px solid #e3e5e8;padding:15px}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;width:20%;border-right:1px solid #f6f6f6}
#ssch_cate li:nth-child(5n) {border-right:0}
#ssch_cate li span {font-weight:normal}
#ssch_cate a {display:block;padding:0 10px;line-height:40px}
#ssch_cate a:hover {color:#3a8afd}

#ssch_sort {float:left;width:80%}
#ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ssch_sort ul {margin:0;padding:0 0 0 1px;list-style:none}
#ssch_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
#ssch_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px}
#ssch_sort li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd}
#ssch_sort li:hover a {color:#3a8afd}
#ssch_sort li:first-child a {border:0}

#ssch_sort_all {margin:0;padding:0 15px;list-style:none}
#ssch_sort_all:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort_all li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
#ssch_sort_all li a {display:block;padding:0 10px}
#ssch_sort_all li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd}
#ssch_sort_all li:hover a {color:#3a8afd}
#ssch_sort_all li:first-child a {border:0}

/*쿠폰존 리스트*/
.couponzone_list {margin:0 0 20px;position:relative}
.couponzone_list h2 {padding:15px 20px;font-size:1.25em;border:1px solid #e3e5e8;background:#fff}
.couponzone_list p {position:absolute;top:5px;right:0;margin:15px 20px;color:#666}
.couponzone_list ul {padding:30px;margin:0;list-style:none;background:#fff;border:1px solid #e3e5e8;border-top:0}
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li {float:left;width:262px;margin:0 0 30px 30px;background:#fff}
.couponzone_list ul li:nth-child(4n+1) {clear:both;margin-left:0}
.couponzone_list ul li img {width:100%;height:auto;line-height:1.2em;border-radius:5px 5px 0 0}
.couponzone_list ul li .cp_inner {border:1px solid #ddd;border-radius:5px;
-webkit-box-shadow:0px 1px 6px 0 #dedede;
-moz-box-shadow:0px 1px 6px 0 #dedede;
box-shadow:0px 1px 6px 0 #dedede
}
.couponzone_list ul li .coupon_img {position:relative;height:98px;overflow:hidden;border-bottom:1px dashed #ccc}
.couponzone_list ul li .coupon_tit {position:absolute;top:0;left:0;width:100%;height:98px;padding-top:30px;text-align:center;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.couponzone_list ul li .coupon_tit strong {display:inline-block;font-size:1.3em}
.couponzone_list ul li .coupon_tit .cp_evt,
.couponzone_list ul li .coupon_tit .cp_evt b {font-size:1.4em}
.couponzone_list ul li .cp_cnt {padding:10px}
.couponzone_list ul li .coupon_date {display:inline-block;float:right;padding:2px 3px;margin:5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target {display:inline-block;margin:5px 0px}
.couponzone_list ul li .coupon_target>button {display:inline-block;max-width:125px;padding:2px 3px;font-size:0.92em;border:0;border-radius:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.couponzone_list ul li .coupon_target .cp_1 {background:#edfbde;color:#8cc152}/*카테고리할인*/
.couponzone_list ul li .coupon_target .cp_2 {background:#fbdef3;color:#c15293}/*개별상품할인*/
.couponzone_list ul li .coupon_target .cp_3 {background:#fbf1de;color:#c18b52}/*주문금액할인*/
.couponzone_list ul li .coupon_target .cp_4 {background:#f2defb;color:#7c52c1}/*배송비할인*/

.couponzone_list ul li .coupon_info {display:none;position:absolute;min-width:235px;background:#fff;border:1px solid #000;padding:15px}
.couponzone_list ul li .coupon_info:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li .coupon_info h4 {font-size:1.2em;margin-bottom:10px}
.couponzone_list ul li .coupon_info ul {padding:0;margin:0;position:relative;border:0}
.couponzone_list ul li .coupon_info li {width:auto;margin:0;float:inherit;color:#5e5e5e;line-height:18px}
.couponzone_list ul li .coupon_info li a {text-decoration:underline;color:#5e5e5e}
.couponzone_list ul li .coupon_info .coupon_info_cls {position:absolute;right:0;top:0;color:#c7c9cc;border:0;background:#fff;padding:10px;font-size:1.2em}

.couponzone_list ul li .coupon_btn {text-align:center}
.couponzone_list ul li .coupon_btn .btn02 {width:100%;height:42px;line-height:28px;margin-top:15px;border:0;color:#fff;background:#3a8afd;border-radius:5px;font-weight:bold}
.couponzone_list ul li .coupon_btn .btn02:hover {background:#2176f1;color:#fff}
.couponzone_list ul li .coupon_btn .disabled {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
.couponzone_list ul li .coupon_btn .disabled:hover {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
.couponzone_list .no_coupon {position:relative;padding:100px 0;text-align:center;color:#999}

/* ============================================================
   📦 상품 상세 페이지 — 민트원 디자인 (네이비 + 골드 + 라운드)
   영카트 표준 마크업 그대로, CSS만 오버라이드
   ============================================================ */

/* ─── 전체 컨테이너 ─── */
#sit{margin: 40px auto 80px; padding: 0;}
#sit_ov_from{margin: 0;}
#sit_ov_wrap{display: flex; gap: 50px; align-items: flex-start; width: 100% !important; max-width: none !important; margin: 0 auto 80px !important; padding: 0 !important; border-top: none !important;}

/* ─── 이미지 영역 ─── */
#sit_pvi{flex: 1.2; max-width: 560px; padding: 0; margin: 0; float: none !important; display: flex; flex-direction: column;}
#sit_pvi_big{position: relative; width: 100% !important; float: none !important; aspect-ratio: 1; background: var(--off-white); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 14px; cursor: zoom-in;}
#sit_pvi_big #popup_item_image{display: none !important;}
#sit_pvi_big a{display: block; width: 100%; height: 100%;}
#sit_pvi_big img{width: 100% !important; height: 100% !important; object-fit: cover; max-width: none !important; max-height: none !important; will-change: transform; backface-visibility: hidden;}

/* 줌 호버 가이드 */
#sit_pvi_big::after{content: ""; position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; background: rgba(255,255,255,0.92); border-radius: 50%; pointer-events: none; opacity: 0.95; transition: opacity 0.2s; z-index: 2; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230D1B2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/><line x1='11' y1='8' x2='11' y2='14'/><line x1='8' y1='11' x2='14' y2='11'/></svg>"); background-repeat: no-repeat; background-position: center;}
#sit_pvi_big.is-zooming{cursor: zoom-out;}
#sit_pvi_big.is-zooming::after{opacity: 0;}

/* 썸네일 */
#sit_pvi_thumb{display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; float: none !important; width: 100% !important;}
#sit_pvi_thumb li{width: 80px; aspect-ratio: 1; padding: 0; margin: 0; border-radius: var(--radius-md); overflow: hidden; border: 1px solid #EAE6DE; cursor: pointer; transition: var(--transition); flex-shrink: 0;}
#sit_pvi_thumb li:hover, #sit_pvi_thumb li.active{border-color: var(--gold);}
#sit_pvi_thumb li a{display: block; width: 100%; height: 100%;}
#sit_pvi_thumb li img{width: 100% !important; height: 100% !important; object-fit: cover; max-width: none !important; max-height: none !important;}

/* ─── 우측 정보 영역 ─── */
#sit_ov{flex: 1; min-width: 0; width: auto !important; height: auto !important; min-height: 0 !important; float: none !important; padding: 0; margin: 0; border: none; background: transparent;}
#sit_title{font-size: 28px; font-weight: 700; color: var(--color); line-height: 130%; margin: 0 0 12px; padding: 0; border: none; letter-spacing: -0.01em;}
#sit_desc{font-size: var(--fs15); color: var(--gray); line-height: 150%; margin: 0 0 24px; padding: 0; border: none;}

/* 별점 + SNS — 숨김 */
#sit_star_sns{display: none !important;}

/* 정보 표 (가격/포인트/배송) */
.sit_info{margin: 0 0 24px;}
.sit_ov_tbl{width: 100%; border: none; border-collapse: collapse;}
.sit_ov_tbl tbody tr{border-bottom: 1px solid #F2F0EC;}
.sit_ov_tbl tbody tr:last-child{border-bottom: none;}
.sit_ov_tbl th{padding: 14px 0; text-align: left; font-size: var(--fs14); font-weight: 500; color: var(--gray); width: 110px; border: none; background: transparent; vertical-align: middle;}
.sit_ov_tbl td{padding: 14px 0; font-size: var(--fs14); color: var(--color); border: none; background: transparent; vertical-align: middle;}
.sit_ov_tbl strong{font-weight: 700; color: var(--color);}

/* 옵션 영역 */
.sit_option{margin: 24px 0; padding: 0;}
.sit_option_subj{display: block; font-size: var(--fs14); font-weight: 600; color: var(--color); margin-bottom: 8px;}
.sit_option select, .sit_supply_subject select{width: 100%; height: 44px; padding: 0 16px; border: 1px solid #E0DAD0; border-radius: var(--radius-md); background: #fff; font-size: var(--fs14); color: var(--color); cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239A9A9A' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat: no-repeat; background-position: right 14px center;}
.sit_option select:focus, .sit_supply_subject select:focus{border-color: var(--gold); outline: none;}

/* 선택된 옵션 (수량 박스) — 상품명 위 / 수량+가격 아래 */
#sit_sel_option{margin: 16px 0; padding: 18px 20px; background: var(--off-white); border-radius: var(--radius-md);}
#sit_opt_added{margin: 0; padding: 0; list-style: none;}
#sit_opt_added .sit_opt_list{display: block; padding: 0; border: none;}
#sit_opt_added .sit_opt_list .opt_name{margin-bottom: 12px;}
#sit_opt_added .sit_opt_list .opt_count{display: flex; align-items: center; gap: 12px;}
.sit_opt_subj{display: block; font-size: var(--fs14); color: var(--color); font-weight: 500; line-height: 130%;}
.sit_opt_prc{margin-left: auto; font-size: var(--fs14); font-weight: 700; color: var(--color);}

/* 수량 +/- 버튼 */
.sit_qty_minus, .sit_qty_plus{width: 32px; height: 32px; border: 1px solid #E0DAD0; background: #fff; color: var(--color); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--transition); border-radius: var(--radius-sm);}
.sit_qty_minus:hover, .sit_qty_plus:hover{background: var(--color); color: #fff; border-color: var(--color);}
#sit_opt_added .sit_opt_list .num_input,
.sit_opt_qty{width: 50px; height: 32px; border: 1px solid #E0DAD0; text-align: center; font-size: var(--fs14); color: var(--color); background: #fff; border-radius: var(--radius-sm);}

/* 총 가격 */
#sit_tot_price{margin: 24px 0; padding: 20px 22px; background: var(--color); border-radius: var(--radius-md); display: flex; align-items: baseline; justify-content: flex-start; font-size: var(--fs14); font-weight: 500; color: rgba(255,255,255,0.7);}
#sit_tot_price strong{margin-left: auto; margin-right: 4px; font-size: 24px; font-weight: 700; color: var(--gold); line-height: 100%;}

/* 품절 메시지 */
#sit_ov_soldout{margin: 16px 0; padding: 16px; background: rgba(192,57,43,0.08); border: 1px solid rgba(192,57,43,0.2); color: var(--red); border-radius: var(--radius-md); font-size: var(--fs14); text-align: center; font-weight: 500;}

/* ─── 액션 버튼들 (장바구니/바로구매/위시) ─── */
#sit_ov_btn{display: flex !important; align-items: center !important; gap: 8px; margin: 24px 0 0; padding: 0; float: none !important;}
#sit_ov_btn .sit_btn_cart, #sit_ov_btn .sit_btn_buy{flex: 1; height: 56px !important; line-height: 1 !important; border: none; border-radius: var(--radius-md); font-size: var(--fs15); font-weight: 600; cursor: pointer; transition: var(--transition); display: inline-flex !important; align-items: center; justify-content: center; float: none !important; margin: 0 !important;}
#sit_ov_btn .sit_btn_cart{background: var(--off-white); color: var(--color); border: 1px solid #E0DAD0;}
#sit_ov_btn .sit_btn_cart:hover{background: var(--color); color: #fff; border-color: var(--color);}
#sit_ov_btn .sit_btn_buy{background: var(--color); color: #fff;}
#sit_ov_btn .sit_btn_buy:hover{background: var(--gold); color: var(--color);}
#sit_ov_btn .sit_btn_wish{flex: 0 0 56px !important; width: 56px !important; height: 56px !important; line-height: 1 !important; border: 1px solid #E0DAD0; border-radius: var(--radius-md); background: #fff; color: var(--gray-dk); font-size: 18px; cursor: pointer; display: inline-flex !important; align-items: center; justify-content: center; transition: var(--transition); float: none !important; margin: 0 !important;}
#sit_ov_btn .sit_btn_wish:hover{background: var(--gold); color: #fff; border-color: var(--gold);}
#sit_ov_btn #sit_btn_alm{flex: 1 !important; width: auto !important; height: 56px !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; background: var(--color); color: #fff; border: none; border-radius: var(--radius-md); font-size: var(--fs15); font-weight: 600; text-align: center; box-sizing: border-box; cursor: pointer; transition: var(--transition); float: none !important;}
#sit_ov_btn #sit_btn_alm:hover{background: var(--gold); color: var(--color);}

/* 관리자 + 추천 버튼 */
#sit_btn_opt{display: flex; gap: 4px;}
#sit_btn_opt a{width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: var(--off-white); border-radius: var(--radius-sm); color: var(--gray-dk); transition: var(--transition);}
#sit_btn_opt a:hover{background: var(--gold); color: #fff;}
#sit_btn_rec{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--off-white); border-radius: var(--radius-sm); color: var(--gray-dk);}

/* ─── 관련 상품 ─── */
#sit_rel{margin: 0 0 60px; padding: 0;}
#sit_rel h2{font-size: var(--fs24); font-weight: 700; color: var(--color); margin: 0 0 24px;}

/* ─── 탭 풀어놓기 (.unfold_section 모드) ─── */
#sit_info.sit_info_unfold #sit_tab .tab_tit{display: none !important;}
#sit_info.sit_info_unfold #sit_tab .tab_con{padding: 0; margin: 0; list-style: none;}
#sit_info.sit_info_unfold #sit_tab .tab_con > li{display: block !important; padding: 50px 0; border-top: 1px solid #EAE6DE; list-style: none; margin: 0;}
#sit_info.sit_info_unfold #sit_tab .tab_con > li:first-child{border-top: none; padding-top: 0;}
#sit_info.sit_info_unfold .contents_tit, #sit_info.sit_info_unfold li#sit_use > h2, #sit_info.sit_info_unfold li#sit_qa > h2{position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; overflow: visible !important; font-size: var(--fs24) !important; line-height: 130% !important; font-weight: 700 !important; color: var(--color) !important; margin: 0 0 24px !important; padding: 0 !important; border: none !important; background: transparent !important; content: none !important;}
#sit_info.sit_info_unfold .contents_tit span{padding: 0; background: transparent; color: var(--color); position: static !important; font-size: var(--fs24) !important; font-weight: 700 !important;}

/* 상품 정보 영역 내부 h3 (상품 상세설명 / 상품 정보 고시) — 영카트 표준대로 시각 숨김
   대신 콘텐츠 영역(#sit_inf_explan, #sit_inf_open)에 자체 마진/디자인으로 구분 */
#sit_info.sit_info_unfold #sit_inf > h3{
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}
#sit_info.sit_info_unfold #sit_inf_explan{margin: 0 0 40px;}
#sit_info.sit_info_unfold #sit_inf_open{margin: 40px 0 0;}

/* 사용후기 / 상품문의 영역의 영카트 표준 헤더(h3) 시각 숨김 — 폰트 깨짐 방지 */
/* UI-033 fix — .iu_title 은 노출 대상 */
#sit_info.sit_info_unfold #sit_use_list > h3:not(.iu_title),
#sit_info.sit_info_unfold #sit_use h3:not(.iu_title),
#sit_info.sit_info_unfold #sit_qa h3:not(.iu_title),
#sit_info.sit_info_unfold #sit_use_list h4{
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* ─── 구매 안내 아코디언 ─── */
.purchase_info_wrap{display: flex; flex-direction: column; gap: 12px; margin: 0;}
.purchase_info{background: #fff; border: 1px solid #EAE6DE; border-radius: var(--radius-md); overflow: hidden;}
.purchase_info[open]{border-color: var(--gold);}
.purchase_info summary{padding: 18px 22px; font-size: var(--fs15); font-weight: 600; color: var(--color); cursor: pointer; list-style: none; display: flex; align-items: center; gap: 10px; transition: var(--transition); user-select: none;}
.purchase_info summary::-webkit-details-marker{display: none;}
.purchase_info summary::after{content: '+'; margin-left: auto; font-size: 22px; color: var(--gray); font-weight: 300; line-height: 1; transition: var(--transition);}
.purchase_info[open] summary::after{content: '−'; color: var(--gold);}
.purchase_info[open] summary{border-bottom: 1px solid #EAE6DE;}
.purchase_info summary:hover{background: var(--off-white);}
.purchase_info summary i{color: var(--gold); font-size: 18px; line-height: 1;}
.purchase_info summary span{flex: 1;}
.purchase_info .content{padding: 22px; font-size: var(--fs14); color: var(--gray-dk); line-height: 180%; background: var(--off-white);}
.purchase_info .content.cs{display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap;}
.purchase_info .content.cs strong{font-size: var(--fs24); font-weight: 700; color: var(--gold); line-height: 100%;}
.purchase_info .content.cs span{color: var(--gray-dk); font-size: var(--fs14);}

/* 사이드 buy 박스 — #sit_ov_btn과 중복이라 숨김 */
#sit_buy{display: none !important;}

/* 형제 상품 (#sit_siblings) 숨김 */
#sit_siblings{display: none !important;}

/* 관련 상품 (#sit_rel) 숨김 */
#sit_rel{display: none !important;}

/* 탭 영역 풀너비 */
#sit_tab{width: 100% !important; max-width: none !important;}
#sit_info{width: 100% !important; border: none !important;}

/* ─── 한글 폰트 강제 (영카트 표준 css의 옛날 폰트 fallback 깨짐 방지) ─── */
#sit, #sit *, #sit_info, #sit_info *,
#sit_use_list, #sit_use_list *, #itemqa, #itemqa *, #itemuse, #itemuse *{
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', sans-serif !important;
}
/* 단 아이콘은 자기 폰트 유지 */
#sit i, #sit_info i, #sit_use_list i, #itemqa i, #itemuse i,
#sit [class^="fa-"], #sit [class*=" fa-"],
#sit [class^="ri-"], #sit [class*=" ri-"],
#sit_info [class^="fa-"], #sit_info [class*=" fa-"],
#sit_info [class^="ri-"], #sit_info [class*=" ri-"]{
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome', 'remixicon' !important;
}

/* ============================================================
   📋 위시리스트 (.list_02) — m4 추천상품과 동일 카드 그리드
   영카트 default_shop.css의 float:left, width:225px 무력화
   ============================================================ */
.list_02{margin: 30px 0; padding: 0;}
.list_02 ul{display: flex !important; flex-wrap: wrap !important; gap: 30px 1.5% !important; margin: 0 !important; padding: 0 !important; list-style: none !important;}
.list_02 ul::after{display: none !important;}
.list_02 li{float: none !important; width: calc((100% - 4.5%) / 4) !important; margin: 0 !important; padding: 0 !important; display: block; background: #fff; border: 1px solid #EAE6DE; border-radius: var(--radius-lg); overflow: hidden; position: relative; transition: var(--transition);}
.list_02 li:nth-child(5n+1){margin-left: 0 !important;}
.list_02 li input[type="hidden"]{display: none !important;}
#sod_ws li .wish_info{border-bottom: none !important;}
.list_02 li:hover{transform: translateY(-8px); box-shadow: var(--shadow-md); border-color: var(--gold);}

/* 이미지 영역 — 정사각형 카드 위쪽 */
.list_02 .sod_ws_img{width: 100%; aspect-ratio: 1; overflow: hidden; background: var(--off-white); margin: 0;}
.list_02 .sod_ws_img a{display: block; width: 100%; height: 100%;}
.list_02 .sod_ws_img img{width: 100% !important; height: 100% !important; object-fit: cover; max-width: none !important; max-height: none !important; transition: transform 0.6s;}
.list_02 li:hover .sod_ws_img img{transform: scale(1.05);}

/* 정보 영역 — 카드 아래쪽 */
.list_02 .wish_info{display: block; padding: 18px 20px;}

/* 체크박스 — 좌상단 카드 위 */
.list_02 .wish_chk{position: absolute; top: 12px; left: 12px; z-index: 2;}
.list_02 .wish_chk .chk_box{background: rgba(255,255,255,0.95); border-radius: 4px; padding: 4px;}
.list_02 .wish_chk label{cursor: pointer;}

/* 상품명 */
.list_02 .info_link{display: block; font-size: var(--fs15); font-weight: 600; color: var(--color); line-height: 130%; min-height: 2.6em; margin-bottom: 8px; transition: var(--transition); white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_02 .info_link:hover{color: var(--gold);}

/* 날짜 */
.list_02 .info_date{font-size: var(--fs12); color: var(--gray); line-height: 130%;}

/* 삭제 버튼 — 우상단 카드 위 */
.list_02 .wish_del{position: absolute; top: 12px; right: 12px; z-index: 2; width: 36px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.95); border-radius: 50%; color: var(--color); transition: var(--transition);}
.list_02 .wish_del:hover{background: var(--red); color: #fff;}
.list_02 .wish_del i{font-size: 14px;}

/* 빈 상태 */
.list_02 .empty_table{width: 100% !important; padding: 60px 0 !important; text-align: center; color: var(--gray); list-style: none; border: 1px dashed #EAE6DE !important; background: var(--off-white); border-radius: var(--radius-md);}

/* 위시리스트 하단 버튼 (장바구니 담기 / 주문하기) */
#sod_ws_act{text-align: center; margin: 40px 0 !important; display: flex; gap: 8px; justify-content: center;}
#sod_ws_act button{height: 50px !important; min-width: 180px; padding: 0 24px; font-weight: 600 !important; font-size: var(--fs15) !important; border-radius: var(--radius-md) !important; transition: var(--transition); cursor: pointer;}
#sod_ws_act .btn01{background: var(--off-white) !important; color: var(--color) !important; border: 1px solid #E0DAD0 !important;}
#sod_ws_act .btn01:hover{background: var(--color) !important; color: #fff !important; border-color: var(--color) !important;}
#sod_ws_act .btn02{background: var(--color) !important; color: #fff !important; border: 1px solid var(--color) !important;}
#sod_ws_act .btn02:hover{background: var(--gold) !important; color: var(--color) !important; border-color: var(--gold) !important;}

/* 반응형 */
@media all and (max-width: 1024px){
    .list_02 li{width: calc((100% - 1.5%) / 2);}
}
@media all and (max-width: 768px){
    .list_02{gap: 16px 2%;}
    .list_02 li{width: calc((100% - 2%) / 2); border-radius: var(--radius-md);}
    .list_02 .wish_info{padding: 12px 14px;}
    .list_02 .info_link{font-size: var(--fs14);}
    .list_02 .wish_del{width: 32px; top: 8px; right: 8px;}
    .list_02 .wish_chk{top: 8px; left: 8px;}
}

/* 탭 콘텐츠 (상품정보) */
#sit_inf{padding: 30px 0; border: none; list-style: none;}
#sit_inf_explan{font-size: var(--fs15); color: var(--color); line-height: 180%; word-break: keep-all;}
#sit_inf_explan img{max-width: 100%; height: auto; border-radius: var(--radius-md);}

/* 상품정보고시 표 */
#sit_inf_open{width: 100%; margin: 40px 0 0; border-collapse: collapse; border-top: 2px solid var(--color); border-bottom: 1px solid #EAE6DE;}
#sit_inf_open caption{padding: 16px 0; text-align: left; font-size: var(--fs16); font-weight: 700; color: var(--color); caption-side: top;}
#sit_inf_open th{padding: 14px 16px; font-size: 13px; font-weight: 500; color: var(--color); background: var(--off-white); border-bottom: 1px solid #EAE6DE; text-align: left; width: 180px; vertical-align: top;}
#sit_inf_open td{padding: 14px 16px; font-size: 13px; color: var(--gray-dk); border-bottom: 1px solid #EAE6DE; line-height: 150%;}

/* ─── 사용후기 / 상품문의 탭 ─── */
#sit_use, #sit_qa{padding: 30px 0; border: none; list-style: none;}
.sit_use_title, .sit_qa_title{display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; padding: 0;}
.sit_use_title strong, .sit_qa_title strong{font-size: var(--fs18); font-weight: 700; color: var(--color);}

/* ─── 형제 상품 (sit_siblings) ─── */
#sit_siblings{margin: 24px 0; padding: 16px; background: var(--off-white); border-radius: var(--radius-md);}

/* ─── 반응형 ─── */
@media all and (max-width: 1024px){
    #sit_ov_wrap{flex-direction: column; gap: 30px;}
    #sit_pvi{flex: none; max-width: 100%; width: 100%;}
    #sit_pvi_big{max-width: 500px; margin-left: auto; margin-right: auto;}
    #sit_ov{flex: none !important; width: 100% !important; max-width: 100% !important;}
    #sit_title{font-size: 24px;}
    #sit_tab ul li a{padding: 14px 20px; font-size: var(--fs14);}
}

@media all and (max-width: 768px){
    #sit{margin: 20px auto 60px;}
    #sit_ov_wrap{margin-bottom: 50px; gap: 24px;}
    #sit_pvi{flex: none !important; width: 100% !important; max-width: 100% !important;}
    #sit_pvi_big{max-width: 100% !important;}
    #sit_ov{flex: none !important; width: 100% !important; max-width: 100% !important;}
    #sit_title{font-size: 20px;}
    #sit_desc{font-size: var(--fs14); margin-bottom: 18px;}
    .sit_ov_tbl th{width: 90px; font-size: 13px; padding: 10px 0;}
    .sit_ov_tbl td{font-size: 13px; padding: 10px 0;}
    #sit_tot_price{padding: 14px 16px; font-size: var(--fs18);}
    #sit_ov_btn{flex-wrap: wrap;}
    #sit_ov_btn .sit_btn_cart, #sit_ov_btn .sit_btn_buy{height: 48px; font-size: var(--fs14);}
    #sit_ov_btn .sit_btn_wish{width: 48px; height: 48px;}
    #sit_btn_alm{height: 48px; font-size: var(--fs14);}
    #sit_pvi_thumb li{width: calc((100% - 24px) / 4);}
    #sit_tab ul{overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch;}
    #sit_tab ul::-webkit-scrollbar{display: none;}
    #sit_tab ul li a{padding: 12px 16px; font-size: 13px; white-space: nowrap;}
    #sit_inf_open th{width: 110px; padding: 10px 12px;}
    #sit_inf_open td{padding: 10px 12px;}
}

/* ============================================================
   ℹ️ 실시간 경매 서비스 안내 (#auction_info_wrap)
   ============================================================ */
#auction_info_wrap{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 30px 0 60px !important;}

/* 섹션 카드 */
.info_section{background: #fff; border: 1px solid #EAE6DE; border-radius: 16px; padding: 40px 44px; margin: 0 0 20px; box-shadow: 0 2px 12px rgba(13,27,42,0.03);}

/* 단순 섹션 타이틀 (서비스 안내용) */
.info_section_title_simple{font-size: 22px; font-weight: 800; color: var(--color, #0D1B2A); margin: 0 0 14px; letter-spacing: -0.02em; line-height: 130%; padding-bottom: 14px; border-bottom: 2px solid var(--color, #0D1B2A);}
.info_section_text{font-size: 14px; color: var(--gray-dk, #555); margin: 0 0 28px; line-height: 180%;}
.info_caution_list_simple{list-style: none; padding: 0; margin: 0;}
.info_caution_list_simple > li{position: relative; padding: 8px 0 8px 24px; font-size: 14px; color: var(--gray-dk, #555); line-height: 170%;}
.info_caution_list_simple > li::before{content: ""; position: absolute; left: 6px; top: 16px; width: 6px; height: 6px; border-radius: 50%; background: var(--gold, #C9A84C);}
.info_section_head{margin-bottom: 28px; text-align: center;}
.info_eyebrow{display: inline-block; padding: 4px 14px; background: var(--off-white, #F8F4EA); color: var(--gold, #C9A84C); font-size: 11px; font-weight: 800; letter-spacing: 0.15em; border-radius: 100px; margin-bottom: 12px;}
.info_eyebrow_red{background: rgba(230,57,70,0.1); color: #E63946;}
.info_eyebrow_red i{margin-right: 4px;}
.info_section_title{font-size: 26px; font-weight: 800; color: var(--color, #0D1B2A); margin: 0 0 12px; letter-spacing: -0.02em; line-height: 130%;}
.info_section_lead{font-size: 14px; color: var(--gray, #888); margin: 0 auto; line-height: 170%; max-width: 640px;}

/* 5 STEP 카드 */
.info_steps{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; counter-reset: stp;}
.info_step{position: relative; padding: 28px 22px; background: var(--off-white, #F8F4EA); border: 1px solid #EAE6DE; border-radius: 14px; text-align: center; transition: all 0.25s ease;}
.info_step:hover{transform: translateY(-4px); border-color: var(--gold, #C9A84C); box-shadow: 0 8px 24px rgba(201,168,76,0.12);}
.info_step_no{display: inline-block; padding: 5px 14px; background: linear-gradient(135deg, var(--color, #0D1B2A) 0%, #1A2C42 100%); color: var(--gold, #C9A84C); font-size: 11px; font-weight: 800; letter-spacing: 0.1em; border-radius: 100px; margin-bottom: 14px;}
.info_step_title{display: block; font-size: 16px; font-weight: 800; color: var(--color, #0D1B2A); margin: 0 0 8px; line-height: 130%;}
.info_step_desc{font-size: 12px; color: var(--gray, #888); margin: 0; line-height: 160%;}

/* 액션 버튼 영역 */
.info_action_row{display: flex; justify-content: center; margin-top: 28px;}
.btn_info_primary{display: inline-flex; align-items: center; gap: 6px; height: 50px; padding: 0 28px; background: linear-gradient(135deg, var(--color, #0D1B2A) 0%, #1A2C42 50%, var(--gold, #C9A84C) 100%); background-size: 200% 100%; background-position: 0% 50%; color: #fff; border-radius: 100px; font-size: 14px; font-weight: 700; text-decoration: none; transition: background-position 0.5s ease, transform 0.2s ease, box-shadow 0.3s ease; box-shadow: 0 4px 20px rgba(13,27,42,0.15);}
.btn_info_primary:hover{background-position: 100% 50%; transform: translateY(-1px); box-shadow: 0 6px 25px rgba(201,168,76,0.3);}
.btn_info_primary i{font-size: 16px;}

.btn_info_outline{display: inline-flex; align-items: center; gap: 6px; height: 50px; padding: 0 28px; background: #fff; border: 1px solid var(--color, #0D1B2A); color: var(--color, #0D1B2A); border-radius: 100px; font-size: 14px; font-weight: 700; text-decoration: none; transition: all 0.2s ease;}
.btn_info_outline:hover{background: var(--color, #0D1B2A); color: #fff;}
.btn_info_outline i{font-size: 16px;}

/* 주의사항 */
.info_caution{border-color: rgba(230,57,70,0.2);}
.info_caution_list{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.info_caution_list > li{display: flex; gap: 14px; padding: 18px 22px; background: var(--off-white, #F8F4EA); border-radius: 12px; align-items: flex-start;}
.info_caution_list > li i{font-size: 22px; color: var(--gold, #C9A84C); flex-shrink: 0; line-height: 1;}
.info_caution_list > li > div{flex: 1; min-width: 0;}
.info_caution_list strong{display: block; font-size: 14px; font-weight: 800; color: var(--color, #0D1B2A); margin-bottom: 4px;}
.info_caution_list span{display: block; font-size: 13px; color: var(--gray-dk, #555); line-height: 160%;}

/* FAQ */
.info_faq_list{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px;}
.info_faq_item{background: var(--off-white, #F8F4EA); border-radius: 12px; overflow: hidden; transition: all 0.2s ease;}
.info_faq_item.open{background: #fff; box-shadow: 0 4px 16px rgba(13,27,42,0.06); border: 1px solid var(--gold, #C9A84C);}
.info_faq_q{display: flex; align-items: center; gap: 14px; width: 100%; padding: 18px 22px; background: transparent; border: none; cursor: pointer; text-align: left; transition: all 0.2s ease;}
.info_faq_mark{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--color, #0D1B2A); color: var(--gold, #C9A84C); font-size: 14px; font-weight: 800; border-radius: 50%; flex-shrink: 0;}
.info_faq_mark_a{background: var(--gold, #C9A84C); color: var(--color, #0D1B2A);}
.info_faq_q > span:nth-child(2){flex: 1; font-size: 15px; font-weight: 700; color: var(--color, #0D1B2A); line-height: 140%;}
.info_faq_q > i{font-size: 22px; color: var(--gray, #888); transition: transform 0.3s ease; flex-shrink: 0;}
.info_faq_item.open .info_faq_q > i{transform: rotate(180deg); color: var(--gold, #C9A84C);}
.info_faq_a{display: flex; gap: 14px; padding: 0 22px; max-height: 0; overflow: hidden; transition: all 0.3s ease;}
.info_faq_item.open .info_faq_a{max-height: 300px; padding: 4px 22px 22px;}
.info_faq_a p{flex: 1; margin: 0; font-size: 14px; color: var(--gray-dk, #555); line-height: 170%;}

/* Contact 박스 */
.info_contact_box{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 50px 56px; background: linear-gradient(135deg, var(--color, #0D1B2A) 0%, #1A2C42 100%); border-radius: 20px; color: #fff; position: relative; overflow: hidden; margin: 30px 0 0; align-items: center;}
.info_contact_box::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent 0%, var(--gold, #C9A84C) 50%, transparent 100%);}
.info_contact_box::after{content: ""; position: absolute; top: -100px; right: -100px; width: 280px; height: 280px; background: radial-gradient(circle, rgba(201,168,76,0.15) 0%, transparent 70%); pointer-events: none;}

.info_contact_left{position: relative; z-index: 1;}
.info_contact_eyebrow{display: inline-block; padding: 4px 14px; background: rgba(201,168,76,0.15); color: var(--gold, #C9A84C); font-size: 11px; font-weight: 800; letter-spacing: 0.15em; border-radius: 100px; margin-bottom: 12px;}
.info_contact_title{font-size: 28px; font-weight: 800; color: #fff; margin: 0 0 10px; letter-spacing: -0.02em;}
.info_contact_lead{font-size: 14px; color: rgba(255,255,255,0.7); margin: 0; line-height: 160%;}

.info_contact_list{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 1;}
.info_contact_list > li{display: flex; align-items: center; gap: 16px; padding: 14px 18px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px;}
.info_contact_label{display: inline-flex; align-items: center; gap: 6px; min-width: 80px; font-size: 12px; color: rgba(255,255,255,0.6); font-weight: 600; letter-spacing: 0.02em;}
.info_contact_label i{font-size: 16px; color: var(--gold, #C9A84C);}
.info_contact_value{font-size: 14px; color: #fff; font-weight: 700;}

/* 반응형 */
@media all and (max-width: 1024px){
    .info_section{padding: 32px 28px;}
    .info_steps{grid-template-columns: repeat(3, 1fr);}
    .info_caution_list{grid-template-columns: 1fr;}
    .info_contact_box{grid-template-columns: 1fr; gap: 28px; padding: 36px 32px;}
}
@media all and (max-width: 768px){
    .info_section{padding: 28px 22px; border-radius: 12px;}
    .info_section_title{font-size: 22px;}
    .info_steps{grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .info_step{padding: 22px 16px;}
    .info_step_title{font-size: 14px;}
    .info_faq_q > span:nth-child(2){font-size: 14px;}
    .info_contact_title{font-size: 22px;}
    .info_contact_box{padding: 28px 22px;}
}
/* ============================================================ */

/* ============================================================
   📝 실시간 경매 출품하기 (#auction_apply_wrap)
   ============================================================ */
#auction_apply_wrap{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 30px 0 60px !important;}

/* 출품 안내 박스 */
.apply_guide{background: linear-gradient(135deg, var(--color, #0D1B2A) 0%, #1A2C42 100%); border-radius: 20px; padding: 36px 40px; margin: 24px 0 36px; color: #fff; position: relative; overflow: hidden;}
.apply_guide::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent 0%, var(--gold, #C9A84C) 50%, transparent 100%);}
.apply_guide::after{content: ""; position: absolute; top: -80px; right: -80px; width: 240px; height: 240px; background: radial-gradient(circle, rgba(201,168,76,0.12) 0%, transparent 70%); pointer-events: none;}

.apply_guide_head{display: flex; align-items: center; gap: 18px; margin-bottom: 28px; position: relative; z-index: 1;}
.apply_guide_icon{width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; background: rgba(201,168,76,0.15); border-radius: 16px; color: var(--gold, #C9A84C); font-size: 28px; flex-shrink: 0;}
.apply_guide_title{font-size: 22px; font-weight: 800; color: #fff; margin: 0 0 4px; letter-spacing: -0.02em;}
.apply_guide_sub{font-size: 14px; color: rgba(255,255,255,0.7); margin: 0; line-height: 150%;}

.apply_guide_steps{display: flex; gap: 16px; padding: 0; margin: 0 0 24px; list-style: none; position: relative; z-index: 1; flex-wrap: wrap;}
.apply_guide_steps li{flex: 1; min-width: 200px; padding: 18px 20px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; backdrop-filter: blur(4px);}
.apply_step_no{display: inline-block; padding: 3px 10px; background: var(--gold, #C9A84C); color: var(--color, #0D1B2A); border-radius: 100px; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; margin-bottom: 10px;}
.apply_guide_steps strong{display: block; font-size: 15px; color: #fff; font-weight: 700; margin-bottom: 4px;}
.apply_guide_steps span{font-size: 12px; color: rgba(255,255,255,0.6); line-height: 150%;}

.apply_guide_notes{list-style: none; padding: 16px 20px; margin: 0; background: rgba(0,0,0,0.2); border-radius: 12px; position: relative; z-index: 1;}
.apply_guide_notes li{display: flex; align-items: flex-start; gap: 8px; padding: 4px 0; font-size: 13px; color: rgba(255,255,255,0.75); line-height: 150%;}
.apply_guide_notes li i{color: var(--gold, #C9A84C); font-size: 16px; flex-shrink: 0;}

/* 비회원 안내 (양식 위에 띠 형태) */
.apply_guest_notice{display: flex; align-items: center; gap: 10px; padding: 14px 20px; background: rgba(201,168,76,0.1); border: 1px solid rgba(201,168,76,0.35); border-radius: 12px; margin: 0 0 20px; font-size: 14px; color: var(--color, #0D1B2A); font-weight: 500;}
.apply_guest_notice i{font-size: 20px; color: var(--gold, #C9A84C); flex-shrink: 0;}
.apply_guest_notice a{color: var(--gold, #C9A84C); font-weight: 800; text-decoration: underline; text-underline-offset: 3px;}
.apply_guest_notice a:hover{color: var(--color, #0D1B2A);}

/* 비회원용 출품자 정보 박스 */
.apply_user_guest{display: flex; align-items: center; gap: 14px; padding: 6px 0; flex-wrap: wrap;}
.apply_user_guest i{width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; color: var(--gray, #888); font-size: 22px; flex-shrink: 0;}
.apply_user_guest > span{flex: 1; min-width: 200px; font-size: 14px; color: var(--gray, #888); font-weight: 500;}
.apply_user_login_btn{display: inline-flex; align-items: center; height: 40px; padding: 0 22px; background: var(--color, #0D1B2A); color: #fff; border-radius: 100px; font-size: 13px; font-weight: 700; text-decoration: none; transition: all 0.2s ease;}
.apply_user_login_btn:hover{background: var(--gold, #C9A84C); color: var(--color, #0D1B2A);}

/* 비로그인 안내 (구버전 — 사용 안 함, 호환용) */
.apply_login_required{text-align: center; padding: 80px 30px; background: var(--off-white, #F8F4EA); border: 1px dashed #D9D2C4; border-radius: 16px; margin: 30px 0;}
.apply_login_icon{width: 80px; height: 80px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; color: var(--gold, #C9A84C); font-size: 36px; box-shadow: 0 4px 20px rgba(201,168,76,0.15);}
.apply_login_required h3{font-size: 22px; font-weight: 800; color: var(--color, #0D1B2A); margin: 0 0 10px;}
.apply_login_required p{font-size: 14px; color: var(--gray, #888); margin: 0 0 28px; line-height: 150%;}
.apply_login_actions{display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;}
.apply_login_actions .btn_login_primary{display: inline-flex; align-items: center; justify-content: center; height: 50px; min-width: 160px; padding: 0 28px; background: linear-gradient(135deg, var(--color, #0D1B2A) 0%, var(--gold, #C9A84C) 100%); color: #fff; border-radius: 100px; font-size: 14px; font-weight: 700; text-decoration: none; transition: var(--transition); box-shadow: 0 4px 20px rgba(13,27,42,0.15);}
.apply_login_actions .btn_login_primary:hover{transform: translateY(-1px); box-shadow: 0 6px 25px rgba(201,168,76,0.3);}
.apply_login_actions .btn_login_secondary{display: inline-flex; align-items: center; justify-content: center; height: 50px; min-width: 160px; padding: 0 28px; background: #fff; border: 1px solid var(--color, #0D1B2A); color: var(--color, #0D1B2A); border-radius: 100px; font-size: 14px; font-weight: 700; text-decoration: none; transition: var(--transition);}
.apply_login_actions .btn_login_secondary:hover{background: var(--color, #0D1B2A); color: #fff;}

/* 폼 섹션 카드 */
.apply_section{background: #fff; border: 1px solid #EAE6DE; border-radius: 16px; padding: 36px 40px; margin: 0 0 20px; box-shadow: 0 2px 12px rgba(13,27,42,0.03);}
.apply_section_head{margin-bottom: 24px;}
.apply_step_label{display: inline-block; padding: 4px 12px; background: var(--off-white, #F8F4EA); color: var(--gold, #C9A84C); font-size: 11px; font-weight: 800; letter-spacing: 0.1em; border-radius: 100px; margin-bottom: 10px;}
.apply_section_title{font-size: 20px; font-weight: 800; color: var(--color, #0D1B2A); margin: 0 0 6px; letter-spacing: -0.02em; line-height: 130%;}
.apply_section_desc{font-size: 13px; color: var(--gray, #888); margin: 0; line-height: 150%;}
.apply_required{color: #E63946; font-weight: 700; margin-left: 2px;}

/* 출품자 정보 박스 */
.apply_user_box{background: var(--off-white, #F8F4EA); border-radius: 12px; padding: 24px 28px;}
.apply_user_grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px 24px;}
.apply_user_item{display: flex; flex-direction: column; gap: 4px;}
.apply_user_label{font-size: 12px; color: var(--gray, #888); font-weight: 600; letter-spacing: 0.02em;}
.apply_user_value{font-size: 15px; color: var(--color, #0D1B2A); font-weight: 700; line-height: 130%; word-break: break-all;}
.apply_b2b_tag{display: inline-block; padding: 2px 8px; background: linear-gradient(135deg, var(--gold, #C9A84C), #B8923A); color: #fff; font-size: 10px; font-weight: 700; border-radius: 100px; margin-left: 6px; letter-spacing: 0.05em; vertical-align: middle;}

/* 카테고리 카드 */
.apply_category_cards{display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px;}
.apply_cat_card{cursor: pointer; position: relative;}
.apply_cat_card input[type=radio]{position: absolute; opacity: 0; width: 0; height: 0;}
.apply_cat_inner{display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 24px 18px; background: #fff; border: 2px solid #EAE6DE; border-radius: 14px; transition: all 0.2s ease; text-align: center; height: 100%;}
.apply_cat_card:hover .apply_cat_inner{border-color: var(--gold, #C9A84C); background: #FFFCF5; transform: translateY(-2px);}
.apply_cat_card.selected .apply_cat_inner{border-color: var(--gold, #C9A84C); background: linear-gradient(135deg, #FFFCF5 0%, rgba(201,168,76,0.1) 100%); box-shadow: 0 4px 20px rgba(201,168,76,0.15);}
.apply_cat_icon{width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: var(--off-white, #F8F4EA); border-radius: 50%; color: var(--color, #0D1B2A); font-size: 22px; transition: all 0.2s ease;}
.apply_cat_card.selected .apply_cat_icon{background: linear-gradient(135deg, var(--gold, #C9A84C), #B8923A); color: #fff;}
.apply_cat_badge{display: inline-block; padding: 2px 8px; background: var(--off-white, #F8F4EA); color: var(--gray, #888); font-size: 10px; font-weight: 700; border-radius: 100px; letter-spacing: 0.05em;}
.apply_cat_card.selected .apply_cat_badge{background: var(--gold, #C9A84C); color: #fff;}
.apply_cat_inner strong{font-size: 15px; font-weight: 800; color: var(--color, #0D1B2A);}
.apply_cat_inner em{font-size: 11px; color: var(--gray, #888); font-style: normal; line-height: 130%;}

/* 폼 필드 그리드 */
.apply_form_grid{display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px;}
.apply_field{display: flex; flex-direction: column; gap: 8px;}
.apply_field.full{grid-column: 1 / -1;}
.apply_field label{font-size: 13px; font-weight: 700; color: var(--color, #0D1B2A); line-height: 1;}
.apply_field input[type=text],
.apply_field input[type=number],
.apply_field input[type=tel],
.apply_field select,
.apply_field textarea{width: 100%; height: 48px; padding: 0 16px; background: var(--off-white, #F8F4EA); border: 1px solid transparent; border-radius: 12px; font-size: 14px; color: var(--color, #0D1B2A); outline: none; transition: all 0.2s ease; box-shadow: none; font-family: 'Pretendard', sans-serif;}
.apply_field textarea{height: auto; min-height: 140px; padding: 14px 16px; resize: vertical; line-height: 150%;}
.apply_field input::placeholder,
.apply_field textarea::placeholder{color: #B5AC9A;}
.apply_field input:focus,
.apply_field select:focus,
.apply_field textarea:focus{background: #fff; border-color: var(--gold, #C9A84C); box-shadow: 0 0 0 4px rgba(201,168,76,0.15);}
.apply_field select{cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239A9A9A' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 38px;}

/* 입력 + 단위 */
.apply_input_with_unit{position: relative; display: flex;}
.apply_input_with_unit input{flex: 1; padding-right: 48px !important; text-align: right; font-weight: 600;}
.apply_input_with_unit .apply_unit{position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 14px; color: var(--gray, #888); font-weight: 600; pointer-events: none;}

/* 글자수 카운터 */
.apply_char_count{display: block; text-align: right; font-size: 12px; color: var(--gray, #888); margin-top: 4px;}

/* 보존 상태 등급 (필 라디오) */
.apply_grade_radios{display: flex; flex-wrap: wrap; gap: 6px;}
.apply_grade_pill{cursor: pointer; flex: 1; min-width: 60px;}
.apply_grade_pill input[type=radio]{position: absolute; opacity: 0; width: 0; height: 0;}
.apply_grade_pill > span{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 10px 8px; background: var(--off-white, #F8F4EA); border: 1px solid #EAE6DE; border-radius: 10px; transition: all 0.2s ease; font-weight: 800; color: var(--color, #0D1B2A); font-size: 14px; line-height: 1;}
.apply_grade_pill > span em{font-size: 10px; font-weight: 600; color: var(--gray, #888); font-style: normal;}
.apply_grade_pill:hover > span{border-color: var(--gold, #C9A84C); color: var(--gold, #C9A84C);}
.apply_grade_pill.selected > span{background: var(--color, #0D1B2A); border-color: var(--color, #0D1B2A); color: #fff;}
.apply_grade_pill.selected > span em{color: rgba(255,255,255,0.7);}

/* 라디오 행 (인라인 라디오) */
.apply_radio_row{display: flex; gap: 16px; flex-wrap: wrap;}
.apply_radio_row label{display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 14px; color: var(--color, #0D1B2A); font-weight: 500;}
.apply_radio_row input[type=radio]{accent-color: var(--gold, #C9A84C); width: 16px; height: 16px;}

/* 라디오 카드 (인도 방법) */
.apply_radio_cards{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px;}
.apply_radio_card{cursor: pointer;}
.apply_radio_card input[type=radio]{position: absolute; opacity: 0; width: 0; height: 0;}
.apply_rc_inner{display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 18px 20px; background: var(--off-white, #F8F4EA); border: 2px solid transparent; border-radius: 12px; transition: all 0.2s ease;}
.apply_radio_card:hover .apply_rc_inner{border-color: var(--gold, #C9A84C); background: #FFFCF5;}
.apply_radio_card.selected .apply_rc_inner{border-color: var(--gold, #C9A84C); background: linear-gradient(135deg, #FFFCF5 0%, rgba(201,168,76,0.08) 100%);}
.apply_rc_inner i{font-size: 22px; color: var(--gold, #C9A84C);}
.apply_rc_inner strong{font-size: 15px; font-weight: 800; color: var(--color, #0D1B2A);}
.apply_rc_inner em{font-size: 12px; color: var(--gray, #888); font-style: normal; line-height: 150%;}

/* 이미지 업로드 슬롯 */
.apply_image_upload_wrap{display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px;}
.apply_img_slot{position: relative; aspect-ratio: 1; cursor: pointer; display: block;}
.apply_img_slot input[type=file]{position: absolute; left: -9999px; opacity: 0;}
.apply_img_preview{width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; background: var(--off-white, #F8F4EA); border: 2px dashed #D9D2C4; border-radius: 12px; transition: all 0.2s ease; overflow: hidden; padding: 12px;}
.apply_img_slot:hover .apply_img_preview{border-color: var(--gold, #C9A84C); background: #FFFCF5;}
.apply_img_preview i{font-size: 28px; color: #B5AC9A;}
.apply_img_label{font-size: 13px; font-weight: 700; color: var(--color, #0D1B2A); text-align: center;}
.apply_img_label em{color: #E63946; font-style: normal;}
.apply_img_help{font-size: 11px; color: var(--gray, #888);}
.apply_img_preview img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.apply_img_slot.has_image .apply_img_preview{border-style: solid; padding: 0; background: #fff;}
.apply_img_slot.has_image .apply_img_preview > i,
.apply_img_slot.has_image .apply_img_label,
.apply_img_slot.has_image .apply_img_help{display: none;}
.apply_img_remove{position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; padding: 0; background: rgba(13,27,42,0.85); color: #fff; border: none; border-radius: 50%; cursor: pointer; display: none; align-items: center; justify-content: center; font-size: 16px; transition: all 0.2s ease; z-index: 2;}
.apply_img_slot.has_image .apply_img_remove{display: inline-flex;}
.apply_img_remove:hover{background: #E63946;}

/* 약관 박스 */
.apply_agree_box{background: var(--off-white, #F8F4EA); border-radius: 12px; padding: 24px 28px;}
.apply_agree_all{display: flex; align-items: center; gap: 10px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px dashed #D9D2C4; cursor: pointer;}
.apply_agree_all input[type=checkbox]{position: absolute; opacity: 0; width: 0; height: 0;}
.apply_agree_all strong{font-size: 15px; font-weight: 800; color: var(--color, #0D1B2A);}

.apply_agree_list{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px;}
.apply_agree_list > li{display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; align-items: center;}
.apply_agree_list label{display: inline-flex; align-items: center; gap: 8px; cursor: pointer;}
.apply_agree_list input[type=checkbox]{position: absolute; opacity: 0; width: 0; height: 0;}
.apply_agree_text{font-size: 14px; color: var(--color, #0D1B2A); font-weight: 600;}
.apply_agree_view{padding: 6px 12px; background: transparent; border: 1px solid #D9D2C4; border-radius: 100px; color: var(--gray, #888); font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s ease;}
.apply_agree_view:hover{border-color: var(--gold, #C9A84C); color: var(--gold, #C9A84C);}
.apply_agree_terms{grid-column: 1 / -1; padding: 14px 16px; background: #fff; border: 1px solid #EAE6DE; border-radius: 8px; font-size: 13px; color: var(--gray-dk, #555); line-height: 160%; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease, margin-top 0.3s ease; padding-top: 0; padding-bottom: 0; margin-top: 0;}
.apply_agree_terms.open{max-height: 400px; padding-top: 14px; padding-bottom: 14px; margin-top: 4px;}

/* 커스텀 체크박스 */
.apply_chk_box{display: inline-block; width: 20px; height: 20px; border: 1px solid #C9C2B4; border-radius: 5px; background: #fff; position: relative; transition: all 0.2s ease; flex-shrink: 0;}
.apply_agree_all input:checked + .apply_chk_box,
.apply_agree_list label input:checked + .apply_chk_box{background: var(--color, #0D1B2A); border-color: var(--color, #0D1B2A);}
.apply_agree_all input:checked + .apply_chk_box::after,
.apply_agree_list label input:checked + .apply_chk_box::after{content: ""; position: absolute; left: 6px; top: 2px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}

/* 액션 버튼 */
.apply_actions{display: flex; justify-content: flex-end; gap: 10px; margin: 30px 0 50px; flex-wrap: wrap;}
.btn_apply_cancel,
.btn_apply_save,
.btn_apply_submit{display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 56px; padding: 0 32px; border-radius: 100px; font-size: 15px; font-weight: 700; cursor: pointer; transition: all 0.2s ease; border: 1px solid transparent; box-shadow: none; text-decoration: none; line-height: 1;}
.btn_apply_cancel{background: #fff; border: 1px solid var(--color, #0D1B2A); color: var(--color, #0D1B2A);}
.btn_apply_cancel:hover{background: var(--color, #0D1B2A); color: #fff;}
.btn_apply_save{background: var(--off-white, #F8F4EA); border: 1px solid #D9D2C4; color: var(--color, #0D1B2A);}
.btn_apply_save:hover{background: var(--gold, #C9A84C); border-color: var(--gold, #C9A84C); color: #fff;}
.btn_apply_submit{background: linear-gradient(135deg, var(--color, #0D1B2A) 0%, #1A2C42 50%, var(--gold, #C9A84C) 100%); background-size: 200% 100%; background-position: 0% 50%; color: #fff; border: none; box-shadow: 0 4px 20px rgba(13,27,42,0.15); min-width: 200px;}
.btn_apply_submit:hover{background-position: 100% 50%; transform: translateY(-1px); box-shadow: 0 6px 25px rgba(201,168,76,0.3);}

/* 문의 박스 */
.apply_contact{display: flex; align-items: center; gap: 16px; padding: 24px 28px; background: var(--off-white, #F8F4EA); border: 1px solid #EAE6DE; border-radius: 14px; margin: 24px 0;}
.apply_contact_icon{width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; color: var(--gold, #C9A84C); font-size: 22px; flex-shrink: 0;}
.apply_contact_text{display: flex; flex-direction: column; gap: 2px;}
.apply_contact_text strong{font-size: 14px; font-weight: 700; color: var(--color, #0D1B2A);}
.apply_contact_text span{font-size: 13px; color: var(--gray, #888);}

/* 반응형 */
@media all and (max-width: 1024px){
    .apply_section{padding: 28px 24px;}
    .apply_form_grid{grid-template-columns: 1fr;}
    .apply_guide_steps li{min-width: 160px;}
    .apply_image_upload_wrap{grid-template-columns: repeat(3, 1fr);}
}
@media all and (max-width: 768px){
    .apply_guide{padding: 24px 22px;}
    .apply_guide_title{font-size: 18px;}
    .apply_guide_steps{gap: 10px;}
    .apply_guide_steps li{flex: 1 1 100%; min-width: 0;}
    .apply_section{padding: 24px 20px; border-radius: 12px;}
    .apply_section_title{font-size: 18px;}
    .apply_user_grid{grid-template-columns: 1fr 1fr;}
    .apply_category_cards{grid-template-columns: 1fr 1fr;}
    .apply_radio_cards{grid-template-columns: 1fr;}
    .apply_image_upload_wrap{grid-template-columns: repeat(2, 1fr);}
    .apply_actions{flex-direction: column;}
    .apply_actions > *{width: 100%;}
    .btn_apply_cancel, .btn_apply_save, .btn_apply_submit{height: 50px;}
    .apply_contact{flex-direction: column; text-align: center;}
}
/* ============================================================ */

/* ============================================================
   🔨 실시간 경매 상세 (#auction_view_wrap) — item.php 레이아웃 재활용
   ============================================================ */
#auction_view_wrap{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 30px 0 60px !important;}

/* 브레드크럼 */
.auc_breadcrumb{display: flex; align-items: center; gap: 8px; margin: 0 0 24px; font-size: var(--fs14); color: var(--gray);}
.auc_breadcrumb a{display: inline-flex; align-items: center; gap: 4px; color: var(--color); text-decoration: none; font-weight: 600; transition: var(--transition);}
.auc_breadcrumb a:hover{color: var(--gold);}
.auc_breadcrumb .auc_bc_sep{color: #C9C2B4;}
.auc_breadcrumb .auc_bc_current{color: var(--color); font-weight: 600;}

/* 메인 영역 — item.php #sit_ov_wrap 그대로 활용 (이미 flex로 셋업됨) */
.auc_ov_wrap{margin-bottom: 60px !important;}

/* 좌측: 이미지 박스 */
.auc_pvi .auc_pvi_big,
#auction_view_wrap #sit_pvi_big{position: relative; width: 100%; aspect-ratio: 1; background: var(--off-white); border-radius: var(--radius-lg); overflow: hidden; cursor: default !important;}
.auc_pvi_big .auc_no_image{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: linear-gradient(135deg, #F8F4EA 0%, #EDE6D2 100%); color: #B5AC9A;}
.auc_pvi_big .auc_no_image i{font-size: 100px;}
.auc_pvi_big .auc_no_image span{font-size: 14px; font-weight: 700; letter-spacing: 0.2em;}
.auc_view_badge_wrap{position: absolute; top: 18px; left: 18px; z-index: 3;}
#auction_view_wrap #sit_pvi_big::after{display: none !important;}

/* 우측: 입찰 패널 */
.auc_ov{flex: 1; min-width: 0;}

.auc_lot_head{padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #EAE6DE;}
.auc_lot_no{display: inline-block; padding: 4px 12px; background: var(--off-white); color: var(--color); font-size: var(--fs12); font-weight: 700; border-radius: 100px; letter-spacing: 0.05em; margin-bottom: 12px;}
.auc_title{font-size: 28px; font-weight: 800; color: var(--color); line-height: 130%; margin: 0; letter-spacing: -0.02em;}

/* 현재가 박스 */
.auc_price_box{padding: 24px 28px; background: linear-gradient(135deg, var(--off-white) 0%, #F0EBE0 100%); border-radius: 16px; margin-bottom: 16px;}
.auc_price_main{display: flex; align-items: baseline; gap: 12px; margin-bottom: 6px;}
.auc_price_label{font-size: var(--fs14); color: var(--gray); font-weight: 600;}
.auc_price_amount{font-size: 36px; font-weight: 800; color: #E63946; line-height: 1; letter-spacing: -0.02em;}
.auc_price_amount em{font-size: 16px; color: #E63946; margin-left: 4px; font-weight: 700; font-style: normal;}
.auc_price_sub{font-size: var(--fs13, 13px); color: var(--gray); font-weight: 500;}

/* 카운트다운 */
.auc_countdown{display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; background: rgba(201,168,76,0.12); color: var(--gold); border-radius: 100px; font-size: var(--fs14); font-weight: 700; margin-bottom: 24px;}
.auc_countdown i{font-size: 16px;}
.auc_countdown.is_ended{background: rgba(107,114,128,0.12); color: #6B7280;}

/* 입찰 폼 */
.auc_bid_form{margin-top: 8px;}
.auc_bid_label{display: block; font-size: var(--fs14); font-weight: 600; color: var(--color); margin-bottom: 10px;}
.auc_bid_label .auc_min{color: var(--gray); font-weight: 500; margin-left: 4px;}
.auc_bid_row{display: flex; gap: 8px; align-items: stretch;}
.auc_bid_input{flex: 1; min-width: 0; height: 56px; padding: 0 18px; background: var(--off-white); border: 1px solid #EAE6DE; border-radius: 14px; font-size: var(--fs15); font-weight: 600; color: var(--color); outline: none; transition: var(--transition); text-align: right; font-family: 'Pretendard', sans-serif;}
.auc_bid_input::placeholder{color: var(--gray); font-weight: 400; text-align: left;}
.auc_bid_input:focus{background: #fff; border-color: var(--gold); box-shadow: 0 0 0 4px rgba(201,168,76,0.15);}
.auc_bid_input:disabled{background: #F5F1E8; cursor: not-allowed; color: var(--gray);}
.auc_bid_btn{flex: 0 0 140px; height: 56px; padding: 0 20px; background: linear-gradient(135deg, var(--color) 0%, #1A2C42 50%, var(--gold) 100%); background-size: 200% 100%; background-position: 0% 50%; color: #fff; border: none; border-radius: 100px; font-size: var(--fs15); font-weight: 700; cursor: pointer; transition: background-position 0.5s ease, transform 0.2s ease; box-shadow: 0 4px 20px rgba(13,27,42,0.15); white-space: nowrap;}
.auc_bid_btn:hover{background-position: 100% 50%; transform: translateY(-1px); box-shadow: 0 6px 25px rgba(201,168,76,0.3);}
.auc_bid_btn.is_disabled{background: #C9C2B4 !important; color: #fff !important; cursor: not-allowed; box-shadow: none !important; transform: none !important; opacity: 0.7;}

.auc_bid_notice{margin-top: 14px; padding: 12px 16px; background: rgba(201,168,76,0.08); border: 1px solid rgba(201,168,76,0.25); border-radius: 10px; font-size: var(--fs13, 13px); color: var(--gray-dk, #555);}
.auc_bid_notice a{color: var(--gold); font-weight: 700; text-decoration: none; margin-left: 4px;}

/* ─── 자동입찰 한도 영역 ─── */
.auc_autobid_row{
    margin-top: 14px;
    padding: 14px 16px;
    background: rgba(0,78,115,0.04);
    border: 1px solid rgba(0,78,115,0.15);
    border-radius: 10px;
}
.auc_autobid_label{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fs14, 14px);
    font-weight: 600;
    color: var(--color, #0D1B2A);
    cursor: pointer;
    flex-wrap: wrap;
}
.auc_autobid_label input[type=checkbox]{
    width: 16px; height: 16px;
    accent-color: var(--color, #0D1B2A);
    cursor: pointer;
    flex-shrink: 0;
}
.auc_autobid_help{
    font-size: var(--fs12, 12px);
    color: var(--gray, #888);
    font-weight: 400;
}
.auc_autobid_input_wrap{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}
.auc_autobid_max{
    flex: 1;
    min-width: 180px;
    height: 44px;
    padding: 0 16px;
    background: #fff;
    border: 1px solid #EAE6DE;
    border-radius: 10px;
    font-size: var(--fs14, 14px);
    font-weight: 600;
    color: var(--color, #0D1B2A);
    outline: none;
    text-align: right;
    transition: border-color .15s;
}
.auc_autobid_max::placeholder{color: var(--gray, #aaa); font-weight: 400; text-align: left;}
.auc_autobid_max:focus{border-color: var(--gold, #C9A84C); background: #fff;}
.auc_autobid_save,
.auc_autobid_cancel{
    flex-shrink: 0;
    height: 44px;
    padding: 0 16px;
    border-radius: 10px;
    font-size: var(--fs13, 13px);
    font-weight: 600;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
    border: 1px solid transparent;
}
.auc_autobid_save{
    background: var(--color, #0D1B2A);
    color: #fff;
    border-color: var(--color, #0D1B2A);
}
.auc_autobid_save:hover{
    background: var(--gold, #C9A84C);
    border-color: var(--gold, #C9A84C);
    color: var(--color, #0D1B2A);
}
.auc_autobid_cancel{
    background: #fff;
    border-color: #EAE6DE;
    color: #c0392b;
}
.auc_autobid_cancel:hover{
    background: #fff5f5;
    border-color: #c0392b;
}
.auc_autobid_hint{
    margin: 10px 0 0;
    font-size: var(--fs12, 12px);
    color: var(--gray, #888);
    line-height: 1.5;
}
.auc_autobid_hint strong{color: var(--color, #0D1B2A); font-weight: 700;}

@media all and (max-width: 600px){
    .auc_autobid_max{width: 100%; flex: none;}
    .auc_autobid_save, .auc_autobid_cancel{width: 100%; flex: none;}
}
.auc_bid_notice a:hover{text-decoration: underline;}

/* 섹션 공통 */
.auc_section{margin-bottom: 50px;}
.auc_section_title{font-size: 20px; font-weight: 800; color: var(--color); margin: 0 0 20px; line-height: 1; letter-spacing: -0.02em; padding-bottom: 14px; border-bottom: 2px solid var(--color);}

/* 품목/경매 정보 그리드 */
.auc_details_grid{display: flex; gap: 40px;}
.auc_details_col{flex: 1; min-width: 0;}
.auc_col_title{font-size: var(--fs14); font-weight: 700; color: var(--gold); margin: 0 0 16px; letter-spacing: 0.05em; text-transform: uppercase;}

.auc_dl{margin: 0; padding: 0; display: grid; grid-template-columns: 120px 1fr; column-gap: 16px; row-gap: 0;}
.auc_dl dt,
.auc_dl dd{padding: 12px 0; border-bottom: 1px solid #F0EBE0; line-height: 130%; margin: 0;}
.auc_dl dt{font-size: var(--fs14); color: var(--gray); font-weight: 500;}
.auc_dl dd{font-size: var(--fs14); color: var(--color); font-weight: 600; text-align: right; word-break: break-all;}
.auc_dl dd strong{color: #E63946; font-weight: 800;}
.auc_dl .auc_status_text{display: inline-block; padding: 3px 10px; background: rgba(230,57,70,0.1); color: #E63946; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: 0.05em;}
.auc_dl .auc_session_link{color: var(--color); font-weight: 600; text-decoration: none; transition: var(--transition);}
.auc_dl .auc_session_link:hover{color: var(--gold);}

/* 설명 */
.auc_desc_content{padding: 24px 0; font-size: var(--fs15); color: var(--color); line-height: 150%;}

/* 입찰 이력 테이블 */
.auc_history_table_wrap{overflow-x: auto;}
.auc_history_table{width: 100%; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden;}
.auc_history_table thead{background: var(--off-white);}
.auc_history_table th{padding: 14px 16px; font-size: var(--fs13, 13px); font-weight: 700; color: var(--gray); text-align: left; letter-spacing: 0.02em; border-bottom: 1px solid #EAE6DE;}
.auc_history_table th:nth-child(3){text-align: right;}
.auc_history_table td{padding: 14px 16px; font-size: var(--fs14); color: var(--color); border-bottom: 1px solid #F4EFE2; vertical-align: middle;}
.auc_history_table td:nth-child(3){text-align: right;}
.auc_history_table tr:last-child td{border-bottom: none;}
.auc_history_table .auc_top_bid{background: rgba(201,168,76,0.06);}
.auc_history_table .auc_top_bid td{font-weight: 700;}
.auc_history_table .auc_top_bid strong{color: #E63946;}
.auc_rank_top{display: inline-flex; align-items: center; gap: 4px; color: var(--gold); font-weight: 800;}
.auc_rank_top i{font-size: 16px;}

.auc_no_history{padding: 60px 20px; text-align: center; color: var(--gray); font-size: var(--fs15); background: var(--off-white); border: 1px dashed #D9D2C4; border-radius: 12px;}

/* 하단 돌아가기 */
.auc_bottom_action{display: flex; justify-content: center; margin: 60px 0 20px;}
.btn_back_list{display: inline-flex; align-items: center; gap: 6px; height: 50px; padding: 0 28px; background: #fff; border: 1px solid var(--color); color: var(--color); border-radius: 100px; font-size: var(--fs14); font-weight: 700; text-decoration: none; transition: var(--transition);}
.btn_back_list:hover{background: var(--color); color: #fff;}
.btn_back_list i{font-size: 16px;}

/* 반응형 */
@media all and (max-width: 1024px){
    .auc_title{font-size: 24px;}
    .auc_price_amount{font-size: 30px;}
    .auc_details_grid{flex-direction: column; gap: 24px;}
    .auc_dl{grid-template-columns: 100px 1fr;}
}
@media all and (max-width: 768px){
    .auc_title{font-size: 20px;}
    .auc_lot_head{padding-bottom: 16px; margin-bottom: 18px;}
    .auc_price_box{padding: 18px 20px;}
    .auc_price_amount{font-size: 26px;}
    .auc_bid_row{flex-direction: column; align-items: stretch;}
    .auc_bid_input{flex: none; width: 100%; height: 52px;}
    .auc_bid_btn{flex: none; width: 100%; height: 52px;}
    .auc_section_title{font-size: 18px;}
    .auc_dl{grid-template-columns: 90px 1fr;}
    .auc_dl dt, .auc_dl dd{font-size: 13px;}
    .auc_history_table th, .auc_history_table td{padding: 10px 12px; font-size: 13px;}
}
/* ============================================================ */

/* ============================================================
   🔨 실시간 경매 (#auction_wrap) — m4 카드 스타일 재활용
   ============================================================ */
#auction_wrap{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 30px 0 60px !important;}

/* 경매 탭 — 일반 토글 대체 */
.auction_header .list_header_bot{justify-content: flex-start !important;}
.auction_tabs{display: flex; gap: 8px; flex-wrap: wrap; align-items: center;}
.auction_tabs .auc_tab{display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 18px; background: #fff; border: 1px solid #EAE6DE; border-radius: 100px; color: var(--color); font-size: var(--fs14); font-weight: 600; text-decoration: none; transition: var(--transition); white-space: nowrap;}
.auction_tabs .auc_tab:hover{border-color: var(--gold); color: var(--gold); background: #FFFCF5;}
.auction_tabs .auc_tab.active{background: var(--color); border-color: var(--color); color: #fff;}
.auction_tabs .auc_tab.active:hover{background: var(--gold); border-color: var(--gold); color: var(--color);}

/* 카드 그리드 — .sct.sct_10 가 자동 적용됨 (auction_grid 추가 클래스만 보강) */
.auction_grid .sct_li{background: #fff !important;}

/* NO IMAGE 자리 표시 */
.auc_no_image{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #F8F4EA 0%, #EDE6D2 100%); color: #B5AC9A;}
.auc_no_image i{font-size: 60px;}
.auc_no_image span{font-size: 12px; font-weight: 700; letter-spacing: 0.15em;}

/* 상태 뱃지 (좌상단) */
.auc_badge{display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; font-size: 11px !important; font-weight: 700 !important; border-radius: 100px !important; line-height: 1 !important; letter-spacing: 0.05em;}
.auc_badge_live{background: #E63946 !important; color: #fff !important; animation: aucPulse 2s ease-in-out infinite;}
.auc_badge_end{background: #6B7280 !important; color: #fff !important;}
.auc_badge i{font-size: 12px;}
@keyframes aucPulse{0%,100%{opacity: 1;} 50%{opacity: 0.7;}}

/* 입찰수 (우상단, 위시 자리 대체) */
.sct_10 .sct_img .auc_bid_count{display: inline-flex !important; align-items: center; gap: 4px; height: 28px; padding: 0 10px; background: rgba(13,27,42,0.9); color: #fff; border-radius: 100px; font-size: 11px; font-weight: 700; line-height: 1; backdrop-filter: blur(4px);}
.sct_10 .sct_img .auc_bid_count i{font-size: 13px; color: var(--gold);}

/* 가격 영역 — auction 전용 (현재가 라벨 + 시작가) */
.sct_10 .auc_price_row{flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; padding-right: 0 !important; min-height: auto !important;}
.sct_10 .auc_price_row::after{display: none !important;}
.sct_10 .auc_price{flex: none !important; width: 100%;}
.sct_10 .auc_price_label{display: block; font-size: 11px !important; color: var(--gray) !important; font-weight: 600 !important; letter-spacing: 0.05em; margin-bottom: 2px; text-transform: uppercase;}
.sct_10 .auc_price strong{display: block; font-size: var(--fs20, 20px) !important; font-weight: 800 !important; color: var(--color) !important; line-height: 1 !important; letter-spacing: -0.02em;}
.sct_10 .auc_price strong em{font-size: 11px !important; color: var(--gray) !important; font-weight: 600 !important; margin-left: 4px; font-style: normal;}
.sct_10 .auc_price .auc_start{display: block !important; font-size: 11px !important; color: var(--gray) !important; font-weight: 400 !important; text-decoration: line-through !important; margin-top: 4px !important;}

/* 메타 (중량/순도) */
.sct_10 .auc_meta{display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 8px 0; margin: 0 0 12px; font-size: 12px; color: var(--gray-dk, #666); border-top: 1px dashed #F0EBE0; border-bottom: 1px dashed #F0EBE0;}
.sct_10 .auc_meta_item em{font-style: normal; color: var(--gray); font-weight: 500; margin-right: 3px;}

/* 마감 카운트다운 */
.sct_10 .auc_remain{display: inline-flex; align-items: center; gap: 4px; margin-top: 12px; padding: 6px 12px; background: rgba(201,168,76,0.1); color: var(--gold); border-radius: 100px; font-size: 12px; font-weight: 700;}
.sct_10 .auc_remain i{font-size: 14px;}
.sct_10 .auc_remain.is_ended{background: rgba(107,114,128,0.1); color: #6B7280;}
.auc_ended{color: #6B7280; font-weight: 700;}

/* 종료된 카드 — 살짝 흐리게 */
.auc_ended_card{opacity: 0.7;}
.auc_ended_card:hover{opacity: 1;}

/* 반응형 */
@media all and (max-width: 768px){
    .auction_tabs{width: 100%;}
    .auction_tabs .auc_tab{height: 36px; padding: 0 14px; font-size: 13px;}
    .auc_no_image i{font-size: 40px;}
    .sct_10 .auc_price strong{font-size: 16px !important;}
}
/* ============================================================ */

/* ============================================================
   📦 상품 리스트 (.sct.sct_10) — m4와 동일 카드 그리드
   영카트 default_shop.css 강제 스타일 무력화
   ============================================================ */
#sct{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 30px 0 60px !important;}
#sct_lst{display: none !important;}
#sct_sortlst{display: none !important;}

/* 장바구니/주문서 컨테이너 — 폭/패딩 정리 */
#sod_bsk{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 60px !important;}
#sod_frm{margin: 0 !important; padding: 0 0 60px !important;}
#sod_fin{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 30px 0 60px !important;}
#ssch{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 30px 0 60px !important;}
#ssch_sort_all{display: none !important;}

/* ============================================================
   📁 2차/하위 분류 네비게이션 (.sct_ct) — 칩(pill) 스타일
   ============================================================ */
.sct_ct{clear: both !important; margin: 0 0 24px !important; padding: 0 !important; background: transparent !important; border: none !important;}
.sct_ct h2{position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; font-size: 0 !important;}

.sct_ct ul{list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important;}
.sct_ct ul::after{display: none !important;}

.sct_ct li{float: none !important; padding: 0 !important; margin: 0 !important; list-style: none !important; display: inline-flex; flex-wrap: wrap; gap: 6px;}

/* 분류 링크(칩) — 흰 배경 + 골드 호버 */
.sct_ct a{display: inline-flex !important; align-items: center; justify-content: center; height: 38px; padding: 0 18px !important; background: #fff !important; border: 1px solid #EAE6DE !important; border-radius: 100px !important; color: var(--color) !important; font-size: var(--fs14) !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; transition: var(--transition); white-space: nowrap;}
.sct_ct a:hover{border-color: var(--gold) !important; color: var(--gold) !important; background: #FFFCF5 !important;}

/* 활성 분류 — 네이비 채움 */
.sct_ct a.sct_ct_here,
.sct_ct .sct_ct_here{background: var(--color) !important; border-color: var(--color) !important; color: #fff !important;}
.sct_ct a.sct_ct_here:hover{background: var(--gold) !important; border-color: var(--gold) !important; color: var(--color) !important;}

/* legacy #sct_ct_1 (float:left; width:20%) override — chip 레이아웃 유지 */
#sct_ct_1 li{float: none !important; width: auto !important; border-right: none !important;}
#sct_ct_1 li a{display: inline-flex !important; padding: 0 18px !important; line-height: 1 !important; font-weight: 600 !important;}

/* 부모 분류(상위 카테고리) — 골드 강조 */
.sct_ct a.sct_ct_parent{font-weight: 700 !important; color: var(--gold) !important; border-color: var(--gold) !important; background: #FFFCF5 !important;}
.sct_ct a.sct_ct_parent.sct_ct_here{background: var(--gold) !important; border-color: var(--gold) !important; color: var(--color) !important;}
.sct_ct a.sct_ct_parent:hover{background: var(--gold) !important; color: var(--color) !important;}

/* 모바일 — 가로 스크롤 */
@media all and (max-width: 768px){
    .sct_ct ul{flex-wrap: nowrap !important; overflow-x: auto; padding-bottom: 6px !important; -webkit-overflow-scrolling: touch; scrollbar-width: thin;}
    .sct_ct ul::-webkit-scrollbar{height: 4px;}
    .sct_ct ul::-webkit-scrollbar-thumb{background: var(--gold); border-radius: 2px;}
    .sct_ct a{height: 34px; padding: 0 14px !important; font-size: var(--fs13, 13px) !important;}
}
/* ============================================================ */
#ssch_frm,
#ssch_frm .ssch_option,
#ssch_cate,
#ssch > h2,
#ssch .ssch_result_total{display: none !important;}

/* #wrapper_title 모든 페이지에서 숨김 */
.is_search #wrapper_title,
.is_item #wrapper_title{display: none !important;}

/* 검색 페이지에서도 .list_header 동일하게 적용 (이미 .list_header 선언이 아래 있음) */
#ssch .ssch_result_wrap{margin-top: 0;}

/* ============================================================
   🛒 장바구니 카드형 레이아웃 (#sod_bsk.cart_card_view)
   ============================================================ */
.cart_card_view{font-family: 'Pretendard', sans-serif;}

/* 헤더 — 전체선택 + 선택삭제/비우기 (배경 없이 깔끔) */
.cart_card_view .cart_list_head{display: flex !important; align-items: center; justify-content: space-between; padding: 4px 4px 14px; background: transparent; border: none; border-radius: 0; margin-bottom: 8px;}
.cart_card_view .cart_chk_all label{display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs14); font-weight: 600; color: var(--color); cursor: pointer;}
.cart_card_view .cart_chk_all input[type=checkbox]{position: absolute; opacity: 0; width: 0; height: 0;}
.cart_card_view .cart_chk_all .chk_box_v,
.cart_card_view .cc_chk .chk_box_v{display: inline-block; width: 20px; height: 20px; border: 1px solid #C9C2B4; border-radius: 4px; background: #fff; position: relative; transition: var(--transition); flex-shrink: 0;}
.cart_card_view .cart_chk_all input:checked + label .chk_box_v,
.cart_card_view .cc_chk input:checked + label .chk_box_v{background: var(--color); border-color: var(--color);}
.cart_card_view .cart_chk_all input:checked + label .chk_box_v::after,
.cart_card_view .cc_chk input:checked + label .chk_box_v::after{content: ""; position: absolute; left: 6px; top: 2px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}

.cart_card_view .btn_cart_del{display: inline-flex; gap: 8px; padding: 0 !important; border-bottom: none !important;}
.cart_card_view .btn_cart_del button{height: 34px; padding: 0 14px; background: #fff; border: 1px solid #D9D2C4; color: var(--color); font-size: var(--fs13, 13px); font-weight: 600; border-radius: 100px; cursor: pointer; transition: var(--transition);}
.cart_card_view .btn_cart_del button:hover{background: var(--color); color: #fff; border-color: var(--color);}

/* 카드 리스트 */
.cart_card_view .cart_list{list-style: none !important; padding: 0 !important; margin: 0 0 24px !important; display: flex; flex-direction: column; gap: 12px;}
.cart_card_view .cart_card{display: flex; align-items: stretch; gap: 18px; padding: 20px; background: #fff; border: 1px solid #EAE6DE; border-radius: var(--radius-md); transition: var(--transition); list-style: none;}
.cart_card_view .cart_card:hover{border-color: var(--gold); box-shadow: var(--shadow-sm);}

.cart_card_view .cc_chk{display: flex; align-items: flex-start; padding-top: 6px;}
.cart_card_view .cc_chk label{cursor: pointer; display: inline-flex;}

.cart_card_view .cc_img{flex-shrink: 0; width: 120px; height: 120px; overflow: hidden; border-radius: var(--radius-sm); background: var(--off-white);}
.cart_card_view .cc_img a{display: block; width: 100%; height: 100%;}
.cart_card_view .cc_img img{width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: none !important;}

.cart_card_view .cc_info{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; padding-top: 4px;}
.cart_card_view .cc_name{font-size: var(--fs16, 16px); font-weight: 700; color: var(--color); line-height: 130%; text-decoration: none; transition: var(--transition); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cart_card_view .cc_name:hover{color: var(--gold);}
.cart_card_view .cc_opt{font-size: var(--fs13, 13px); color: var(--gray); line-height: 150%; padding: 8px 12px; background: var(--off-white); border-radius: 6px;}
.cart_card_view .cc_opt > div{margin: 0;}
.cart_card_view .cc_meta{display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: auto; font-size: var(--fs13, 13px); color: var(--gray-dk, #666);}
.cart_card_view .cc_meta_item em{font-style: normal; color: var(--gray); margin-right: 4px;}

.cart_card_view .cc_price{flex-shrink: 0; width: 200px; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 8px; text-align: right; padding-left: 18px; border-left: 1px solid #F0EBE0;}
.cart_card_view .cc_unit{font-size: var(--fs13, 13px); color: var(--gray);}
.cart_card_view .cc_unit span{font-size: 11px; margin-left: 2px;}
.cart_card_view .cc_subtotal{display: flex; flex-direction: column; gap: 2px;}
.cart_card_view .cc_subtotal em{font-style: normal; font-size: 12px; color: var(--gray); font-weight: 500;}
.cart_card_view .cc_subtotal strong{font-size: var(--fs20, 20px); font-weight: 800; color: var(--color); line-height: 1;}
.cart_card_view .cc_subtotal strong span{font-size: 12px; color: var(--gray); font-weight: 600; margin-left: 2px;}
.cart_card_view .btn_opt_mod{height: 32px; padding: 0 14px; background: transparent; border: 1px solid #D9D2C4; color: var(--color); font-size: 12px; font-weight: 600; border-radius: 100px; cursor: pointer; transition: var(--transition);}
.cart_card_view .btn_opt_mod:hover{background: var(--gold); border-color: var(--gold); color: var(--color);}

/* 빈 장바구니 */
.cart_card_view .cart_empty{padding: 80px 20px !important; text-align: center !important; background: var(--off-white); border: 1px dashed #D9D2C4; border-radius: var(--radius-md); color: var(--gray); font-size: var(--fs15);}

/* 합계 박스 — 좌우 분할 (내역 + 총결제) */
.cart_card_view .cart_total_box{position: relative !important; background: linear-gradient(135deg, #0D1B2A 0%, #1A2C42 100%) !important; border: none !important; padding: 0 !important; border-radius: var(--radius-md) !important; margin: 0 0 24px !important; overflow: hidden;}
.cart_card_view .cart_total_box::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent 0%, var(--gold) 50%, transparent 100%);}
.cart_card_view .cart_total_box::after{content: ""; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(201,168,76,0.12) 0%, transparent 70%); pointer-events: none;}

.cart_card_view .ctb_inner{display: flex; align-items: stretch; gap: 0; position: relative; z-index: 1;}
.cart_card_view .ctb_left{flex: 1; padding: 28px 32px;}
.cart_card_view .ctb_right{flex-shrink: 0; width: 320px; padding: 28px 32px; background: rgba(255,255,255,0.04); border-left: 1px dashed rgba(201,168,76,0.3); display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 8px; text-align: right;}

.cart_card_view .ctb_title{font-size: 13px !important; font-weight: 600 !important; color: var(--gold) !important; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 18px !important; line-height: 1 !important;}

.cart_card_view .ctb_breakdown{list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 10px;}
.cart_card_view .ctb_breakdown .ctb_row{display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 !important; float: none !important; width: auto !important; background: transparent !important; border: none !important; text-align: left !important; color: rgba(255,255,255,0.85) !important; font-size: var(--fs14) !important;}

.cart_card_view .ctb_label{display: inline-flex !important; align-items: center; gap: 8px; color: rgba(255,255,255,0.7) !important; font-weight: 500;}
.cart_card_view .ctb_label i{font-size: 16px; color: var(--gold); width: 20px; text-align: center;}

.cart_card_view .ctb_breakdown strong{color: #fff !important; font-weight: 700 !important; font-size: var(--fs15);}
.cart_card_view .ctb_breakdown strong em{font-style: normal; font-size: 11px; color: rgba(255,255,255,0.5); margin-left: 2px; font-weight: 600;}
.cart_card_view .ctb_free{color: var(--gold); font-weight: 700; font-size: var(--fs13);}

.cart_card_view .ctb_total_label{font-size: 12px !important; font-weight: 600 !important; color: rgba(255,255,255,0.6); letter-spacing: 0.1em; text-transform: uppercase;}
.cart_card_view .ctb_total_amount{display: block !important; font-size: 36px !important; font-weight: 800 !important; color: var(--gold) !important; line-height: 1 !important; letter-spacing: -0.02em; text-shadow: 0 2px 12px rgba(201,168,76,0.25);}
.cart_card_view .ctb_total_amount em{font-style: normal !important; font-size: 14px !important; color: rgba(201,168,76,0.7) !important; margin-left: 6px; font-weight: 700; letter-spacing: 0.05em;}
.cart_card_view .ctb_total_sub{margin: 0 !important; font-size: 11px; color: rgba(255,255,255,0.4); font-weight: 500;}

/* 반응형 */
@media all and (max-width: 1024px){
    .cart_card_view .cart_card{padding: 16px;}
    .cart_card_view .cc_img{width: 100px; height: 100px;}
    .cart_card_view .cc_price{width: 160px;}
}
@media all and (max-width: 768px){
    .cart_card_view .cart_list_head{flex-direction: column; gap: 10px; align-items: stretch;}
    .cart_card_view .btn_cart_del{justify-content: flex-end;}
    .cart_card_view .cart_card{flex-wrap: wrap; gap: 12px; padding: 14px;}
    .cart_card_view .cc_chk{order: 1; padding-top: 0; align-items: center;}
    .cart_card_view .cc_img{order: 2; width: 88px; height: 88px;}
    .cart_card_view .cc_info{order: 3; flex: 1; min-width: 0;}
    .cart_card_view .cc_price{order: 4; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 0 0; border-left: none; border-top: 1px dashed #EAE6DE; text-align: left;}
    .cart_card_view .cc_subtotal{flex-direction: row; align-items: baseline; gap: 8px;}
    .cart_card_view .ctb_inner{flex-direction: column;}
    .cart_card_view .ctb_left{padding: 22px 22px 18px;}
    .cart_card_view .ctb_right{width: 100%; padding: 18px 22px 22px; border-left: none; border-top: 1px dashed rgba(201,168,76,0.3); align-items: flex-start; text-align: left;}
    .cart_card_view .ctb_total_amount{font-size: 30px !important;}
}
@media all and (max-width: 1024px){
    .cart_card_view .ctb_left,
    .cart_card_view .ctb_right{padding: 24px;}
    .cart_card_view .ctb_right{width: 280px;}
    .cart_card_view .ctb_total_amount{font-size: 30px !important;}
}
/* ============================================================
   🛒 장바구니 끝
   ============================================================ */

/* 장바구니 액션 버튼 — 사이트 테마(네이비/골드) 적용 */
#sod_bsk_act{text-align: center !important; margin: 30px 0 !important; display: flex !important; justify-content: center !important; gap: 10px !important; flex-wrap: wrap;}
#sod_bsk_act p{margin: 0 !important; display: contents;}

/* 메인 액션 (선택상품 주문 / 전체상품 주문) — 골드 */
#sod_bsk_act .btn_submit{display: inline-flex !important; align-items: center; justify-content: center; height: 52px !important; min-width: 180px !important; padding: 0 28px !important; background: var(--gold) !important; border: 1px solid var(--gold) !important; color: var(--color) !important; font-size: var(--fs15) !important; font-weight: 700 !important; border-radius: 100px !important; cursor: pointer; transition: var(--transition); letter-spacing: 0.02em; line-height: 1 !important;}
#sod_bsk_act .btn_submit:hover{background: var(--color) !important; border-color: var(--color) !important; color: var(--gold) !important;}

/* 보조 액션 (계속 쇼핑 / 선택삭제 등) — 네이비 아웃라인 */
#sod_bsk_act .btn01{display: inline-flex !important; align-items: center; justify-content: center; height: 52px !important; min-width: 180px !important; padding: 0 28px !important; background: #fff !important; border: 1px solid var(--color) !important; color: var(--color) !important; font-size: var(--fs15) !important; font-weight: 600 !important; border-radius: 100px !important; cursor: pointer; transition: var(--transition); text-decoration: none !important; line-height: 1 !important;}
#sod_bsk_act .btn01:hover{background: var(--color) !important; color: #fff !important;}

/* 모바일 — 풀 너비 */
@media all and (max-width: 768px){
    #sod_bsk_act{flex-direction: column;}
    #sod_bsk_act .btn_submit,
    #sod_bsk_act .btn01{width: 100% !important; min-width: 0 !important; height: 48px !important;}
}

/* 카테고리 페이지 타이틀 — wrapper_title 통일 */
.shop-content{position: relative !important;}
#wrapper_title{position: relative !important; padding: 0 0 20px !important; margin: 0 !important; font-size: 32px !important; font-weight: 800 !important; color: var(--color) !important; line-height: 130% !important; border: none !important;}

/* 관리자 분류수정 톱니바퀴 — wrapper_title 우측 상단 */
.sct_admin{position: absolute !important; right: 0 !important; top: 0 !important; margin: 0 !important; text-align: right !important; z-index: 2;}
.sct_admin .btn_admin{display: inline-flex !important; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; border: 1px solid #EAE6DE; border-radius: 50%; color: #999 !important; font-size: 12px; padding: 0 !important; transition: var(--transition); line-height: 1 !important;}
.sct_admin .btn_admin:hover{color: var(--gold) !important; border-color: var(--gold);}
.sct_admin .btn_admin .fa-spin{animation: none !important;}

/* ============================================================
   📋 리스트 헤더 박스 (어두운 네이비)
   ============================================================ */
.list_header{background: transparent; color: var(--color); border-radius: 0; padding: 0 0 30px; margin: 0;}
.list_header .list_header_top{display: none !important;}
.list_header .lh_title{display: none !important;}

/* 상품 카운트 — JS로 #wrapper_title 안으로 이동됨 */
#wrapper_title .lh_count{display: inline-block; margin-left: 14px; font-size: var(--fs14); font-weight: 500; color: var(--gray); vertical-align: middle; line-height: 1;}
#wrapper_title .lh_count strong{color: var(--gold); font-weight: 700;}

.list_header .list_header_bot{display: flex; align-items: center; gap: 12px;}

/* 검색창 — 흰 배경에 보더 */
.list_header .lh_search{flex: 1; position: relative;}
.list_header .lh_search input[type=text]{width: 100%; height: 48px; border: 1px solid #E0DAD0; border-radius: 100px; padding: 0 50px 0 22px; font-size: var(--fs14); background: var(--off-white); color: var(--color); outline: none; transition: var(--transition);}
.list_header .lh_search input[type=text]::placeholder{color: var(--gray);}
.list_header .lh_search input[type=text]:focus{border-color: var(--gold); background: #fff; box-shadow: 0 0 0 3px rgba(201,168,76,0.15);}
.list_header .lh_search button{position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; background: transparent; border: none; color: var(--gray); cursor: pointer; display: flex; align-items: center; justify-content: center;}
.list_header .lh_search button i{font-size: 18px;}
.list_header .lh_search button:hover{color: var(--gold);}

/* 우측 액션 */
.list_header .lh_actions{display: flex; align-items: center; gap: 8px; flex-shrink: 0;}

/* 카테고리 드롭다운 */
.list_header .lh_cat{height: 40px; padding: 0 32px 0 14px; border: 1px solid #E0DAD0; border-radius: var(--radius-md); background: #fff; color: var(--color); font-size: var(--fs14); cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239A9A9A' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat: no-repeat; background-position: right 10px center;}
.list_header .lh_cat:focus{border-color: var(--gold); outline: none;}
.list_header .lh_cat option{color: var(--color); background: #fff;}

/* 가격 토글 */
.list_header .lh_price_toggle{display: inline-flex; background: var(--off-white); border: 1px solid #E0DAD0; border-radius: var(--radius-md); padding: 3px;}
.list_header .lh_price_toggle button{height: 32px; padding: 0 14px; background: transparent; border: none; color: var(--gray-dk); font-size: var(--fs13, 13px); font-weight: 600; border-radius: var(--radius-sm); cursor: pointer; transition: var(--transition);}
.list_header .lh_price_toggle button.active{background: var(--gold); color: var(--color);}
.list_header .lh_price_toggle button:not(.active):hover{color: var(--color);}

/* 가격 토글 — 일반/도매 노출 분기 */
.sct_cost .price_retail{display: inline;}
.sct_cost .price_wholesale{display: none;}
body.lh_show_wholesale .sct_cost .price_retail{display: none;}
body.lh_show_wholesale .sct_cost .price_wholesale{display: inline;}

/* 반응형 */
@media all and (max-width: 1024px){
    .list_header{padding: 0 0 30px;}
    .list_header .lh_title{font-size: 24px;}
}
@media all and (max-width: 768px){
    .list_header{padding: 0 0 30px; border-radius: var(--radius-md);}
    .list_header .list_header_top{margin-bottom: 18px;}
    .list_header .lh_title{font-size: 20px;}
    .list_header .list_header_bot{flex-direction: column; align-items: stretch; gap: 10px;}
    .list_header .lh_search input[type=text]{height: 42px;}
    .list_header .lh_actions{justify-content: space-between;}
    .list_header .lh_cat{flex: 1;}
}
.sct.sct_10{display: flex !important; flex-wrap: wrap !important; gap: 30px 1.5% !important; padding: 0 !important; margin: 30px 0 !important; list-style: none !important; width: 100% !important; max-width: none !important;}
.sct.sct_10::after{display: none !important;}
.sct_10 .sct_li{
    float: none !important;
    width: calc((100% - 4.5%) / 4) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border: 1px solid #EAE6DE !important;
    border-radius: var(--radius-lg) !important;
    overflow: hidden !important;
    position: relative !important;
    transition: var(--transition);
}
.sct_10 .sct_li:hover{transform: none; box-shadow: none; border-color: transparent !important;}

/* 이미지 영역 */
.sct_10 .sct_img{position: relative !important; width: 100% !important; aspect-ratio: 1 !important; overflow: hidden !important; background: var(--off-white) !important; margin: 0 !important; padding: 0 !important; border: none !important; display: block !important;}
.sct_10 .sct_img a{display: block; width: 100%; height: 100%;}
.sct_10 .sct_img img{width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: none !important; max-height: none !important; transition: transform 0.6s !important;}
.sct_10 .sct_li:hover .sct_img img{transform: none !important;}

/* 호버 장바구니 — m4와 통일 위해 숨김 */
.sct_10 .sct_btn{display: none !important;}
.sct_10 .cart-layer{display: none !important;}

/* ─── 이미지 안 오버레이 요소 ───────────────────────── */

/* 추천/최신/히트 뱃지 — 이미지 좌상단 (.sct_img 내부로만 한정) */
.sct.sct_10 .sct_li .sct_img .sit_icon_li{
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    gap: 4px !important;
    flex-wrap: wrap;
}
.sct.sct_10 .sct_li .sct_img .sit_icon{display: inline-flex !important; gap: 4px; flex-wrap: wrap; margin: 0 !important; padding: 0 !important;}
.sct.sct_10 .sct_li .sct_img .shop_icon{padding: 4px 10px !important; font-size: 11px !important; font-weight: 700 !important; border-radius: 4px !important; line-height: 1 !important; display: inline-block !important; color: #fff !important;}

/* 위시 버튼 — 이미지 우상단 (.sct_img 내부) */
.sct_10 .sct_img .sct_op_btn{position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; bottom: auto !important; z-index: 3 !important; padding: 0 !important; margin: 0 !important; display: flex !important; gap: 4px;}
.sct_10 .sct_img .sct_op_btn button,
.sct_10 .sct_img .sct_op_btn .btn_wish{width: 36px !important; height: 36px !important; background: rgba(255,255,255,0.95) !important; border: none !important; border-radius: 50% !important; color: var(--color) !important; font-size: 16px !important; cursor: pointer; transition: var(--transition); display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important;}
.sct_10 .sct_img .sct_op_btn button:hover,
.sct_10 .sct_img .sct_op_btn .btn_wish:hover{background: var(--gold) !important; color: #fff !important;}

/* 품절 — 좌상단 (뱃지보다 우선 표시) */
.sct_10 .shop_icon_soldout{position: absolute !important; padding: 5px 10px !important; background: var(--red) !important; color: #fff !important; font-size: var(--fs12) !important; font-weight: 700 !important; border-radius: 4px !important; z-index: 4 !important;}

/* SNS 영역 숨김 */
.sct_10 .sct_sns_wrap, .sct_10 .sct_sns, .sct_10 .sct_sns_bg{display: none !important;}

/* ─── 정보 영역 ───────────────────────── */

.sct_10 .sct_ct_wrap{padding: 18px 20px !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; border: none !important; background: transparent !important;}
.sct_10 .sct_ct_wrap .sct_bottom{margin-top: auto !important;}

/* 별점 */
.sct_10 .sct_star{margin: 0 0 8px !important; height: 16px; line-height: 16px;}
.sct_10 .sct_star img{height: 14px; width: auto; vertical-align: middle;}

/* 상품 ID 숨김 */
.sct_10 .sct_id{display: none !important;}

/* it_basic — 메타 (Gold · 26.73g) */
.sct_10 .sct_basic{font-size: var(--fs12) !important; color: var(--gold) !important; letter-spacing: 0.05em; text-transform: uppercase; margin: 0 0 8px !important; line-height: 130% !important; font-weight: 600 !important; padding: 0 !important;}

/* 상품명 */
.sct_10 .sct_txt{margin: 0 0 14px !important; padding: 0 !important; border: none !important;}
.sct_10 .sct_txt a{display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: var(--fs15) !important; font-weight: 600 !important; color: var(--color) !important; line-height: 130% !important; min-height: 2.6em; transition: var(--transition); overflow: hidden; text-overflow: ellipsis;}
.sct_10 .sct_txt a:hover{color: var(--gold) !important;}

/* 하단 (가격 + 카트 + 버튼) — 통합 선언 */
.sct_10 .sct_bottom{position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin: 0 !important; padding: 0 44px 0 0 !important; border: none !important; min-height: 36px !important;}

/* 가격 */
.sct_10 .sct_cost{flex: 1 !important; font-size: var(--fs18) !important; font-weight: 700 !important; color: var(--color) !important; line-height: 130% !important; padding: 0 !important; margin: 0 !important;}
.sct_10 .sct_cost .sct_dict{display: block !important; font-size: var(--fs12) !important; color: var(--gray) !important; font-weight: 400 !important; text-decoration: line-through !important; margin-bottom: 2px !important;}

/* 카트(+) 버튼 — 가격 우측 absolute */
.sct_10 .sct_bottom::after{content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background: var(--color); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 400; line-height: 1; cursor: pointer; transition: var(--transition); pointer-events: none;}
.sct_10 .sct_li:hover .sct_bottom::after{background: var(--gold); color: var(--color);}

/* 빈 상태 */
.sct_noitem{padding: 80px 0 !important; text-align: center !important; color: var(--gray) !important; border: 1px dashed #EAE6DE !important; background: var(--off-white) !important; border-radius: var(--radius-md) !important; margin: 30px 0 !important; font-size: var(--fs15) !important;}

/* 반응형 */
@media all and (max-width: 1024px){
    .sct_10 .sct_li{width: calc((100% - 1.5%) / 2) !important;}
}
@media all and (max-width: 768px){
    .sct.sct_10{gap: 16px 2% !important;}
    .sct_10 .sct_li{width: calc((100% - 2%) / 2) !important; border-radius: var(--radius-md) !important;}
    .sct_10 .sct_ct_wrap{padding: 12px 14px !important;}
    .sct_10 .sct_txt a{font-size: var(--fs14) !important;}
    .sct_10 .sct_cost{font-size: var(--fs15) !important;}
    .sct_10 .sct_img .sct_op_btn button,
    .sct_10 .sct_img .sct_op_btn .btn_wish{width: 30px !important; height: 30px !important; font-size: 14px !important;}
    .sct.sct_10 .sct_li .sct_img .sit_icon_li{top: 8px !important; left: 8px !important;}
    .sct_10 .sct_img .sct_op_btn{top: 8px !important; right: 8px !important;}
    .sct_10 .sct_bottom{padding-right: 36px !important; min-height: 30px !important;}
    .sct_10 .sct_bottom::after{width: 30px; height: 30px; font-size: 18px;}
}


/* =====================================================
   상담 안내형 신청 페이지 — 출품하기 / 위탁판매 공통
   (.apply_page = .auction_apply_page / .consign_apply_page)
   ===================================================== */

#consign_apply_wrap{padding-top: 30px; padding-bottom: 60px;}

.apply_page .apply_card{background: #fff; border: 1px solid #EAE6DE; border-radius: 16px; padding: 36px 40px; margin: 0 0 20px; box-shadow: 0 2px 12px rgba(13,27,42,0.03);}

/* 접수 안내 인트로 */
.apply_page .apply_intro .apply_eyebrow{display: inline-flex; align-items: center; height: 28px; padding: 0 14px; background: rgba(91,143,196,0.12); color: #5B8FC4; font-size: var(--fs13, 13px); font-weight: 600; border-radius: 100px; letter-spacing: -0.01em;}
.apply_page .apply_intro_title{font-size: 26px; font-weight: 800; color: var(--color, #0D1B2A); margin: 14px 0 10px; letter-spacing: -0.02em; line-height: 130%;}
.apply_page .apply_intro_desc{font-size: var(--fs15, 15px); color: var(--gray-dk, #4a5568); margin: 0 0 20px; line-height: 150%;}
.apply_page .apply_intro_note{padding: 16px 20px; background: var(--off-white, #FAF7F0); border: 1px solid #EAE6DE; border-radius: 12px;}
.apply_page .apply_intro_note p{margin: 0; font-size: var(--fs14, 14px); color: var(--color, #0D1B2A); line-height: 150%;}

/* 카드 공통 타이틀 */
.apply_page .apply_card_title{font-size: 20px; font-weight: 800; color: var(--color, #0D1B2A); margin: 0 0 8px; letter-spacing: -0.02em; line-height: 130%;}
.apply_page .apply_card_desc{font-size: var(--fs14, 14px); color: var(--gray, #888); margin: 0 0 22px; line-height: 150%;}

/* 상담 접수 채널 */
.apply_page .apply_channel_grid{display: flex; flex-wrap: wrap; gap: 16px;}
.apply_page .apply_channel_item{flex: 1; min-width: 220px; padding: 20px 22px; background: var(--off-white, #FAF7F0); border: 1px solid #EAE6DE; border-radius: 12px; display: flex; flex-direction: column; gap: 8px;}
.apply_page .apply_channel_label{font-size: var(--fs13, 13px); color: var(--gray, #888); font-weight: 600;}
.apply_page .apply_channel_value{font-size: var(--fs18, 18px); color: var(--color, #0D1B2A); font-weight: 700; letter-spacing: -0.01em;}

/* 좌우 분할 (진행 절차 + 조건) */
.apply_page .apply_dual_row{display: flex; gap: 20px; margin: 0 0 20px;}
.apply_page .apply_dual_row > .apply_card{flex: 1; margin: 0;}

/* 진행 절차 */
.apply_page .apply_steps_list{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px;}
.apply_page .apply_steps_list li{display: flex; align-items: flex-start; gap: 16px; padding: 16px 18px; background: var(--off-white, #FAF7F0); border: 1px solid #EAE6DE; border-radius: 12px;}
.apply_page .apply_step_num{flex-shrink: 0; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--color, #0D1B2A); border-radius: 50%; color: var(--color, #0D1B2A); font-size: var(--fs14, 14px); font-weight: 700;}
.apply_page .apply_step_text strong{display: block; font-size: var(--fs15, 15px); font-weight: 700; color: var(--color, #0D1B2A); margin: 4px 0 4px;}
.apply_page .apply_step_text p{margin: 0; font-size: var(--fs13, 13px); color: var(--gray-dk, #4a5568); line-height: 150%;}

/* 조건 */
.apply_page .apply_terms_list{list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-direction: column; gap: 10px;}
.apply_page .apply_terms_list li{position: relative; padding: 0 0 0 12px; font-size: var(--fs14, 14px); color: var(--color, #0D1B2A); line-height: 150%;}
.apply_page .apply_terms_list li::before{content: ""; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: var(--gold, #C9A84C); border-radius: 50%;}
.apply_page .apply_terms_outro{margin: 0 0 18px; font-size: var(--fs14, 14px); color: var(--color, #0D1B2A); font-weight: 600;}
.apply_page .apply_terms_action{display: flex;}
.apply_page .btn_apply_download{display: inline-flex; align-items: center; height: 44px; padding: 0 22px; background: #5B8FC4; color: #fff; font-size: var(--fs14, 14px); font-weight: 600; border: none; border-radius: 10px; text-decoration: none; transition: var(--transition);}
.apply_page .btn_apply_download:hover{background: #4a78a8; color: #fff;}

/* 안내 문서 */
.apply_page .apply_doc_action{display: flex;}
.apply_page .btn_apply_doc{display: inline-flex; align-items: center; height: 44px; padding: 0 22px; background: transparent; color: #5B8FC4; font-size: var(--fs14, 14px); font-weight: 600; border: 1px solid #5B8FC4; border-radius: 10px; text-decoration: none; transition: var(--transition);}
.apply_page .btn_apply_doc:hover{background: #5B8FC4; color: #fff;}

/* 반응형 — apply_page 공통 */
@media all and (max-width: 1024px){
    .apply_page .apply_dual_row{flex-direction: column; gap: 20px;}
    .apply_page .apply_card{padding: 28px 24px;}
    .apply_page .apply_intro_title{font-size: 22px;}
}
@media all and (max-width: 768px){
    .apply_page .apply_card{padding: 24px 20px; border-radius: 12px;}
    .apply_page .apply_intro_title{font-size: 20px;}
    .apply_page .apply_card_title{font-size: 18px;}
    .apply_page .apply_channel_item{min-width: 0; flex: 1 1 100%;}
    .apply_page .apply_steps_list li{padding: 14px 16px;}
}


/* =====================================================
   🛒 장바구니 옵션수정 모달 (#mod_option_frm)
   ===================================================== */

/* 배경 오버레이 */
#sod_bsk_list .mod_option_bg{background: rgba(0,0,0,0.5) !important;}

/* 모달 박스 — default_shop.css의 540px/border 무력화 */
#sod_bsk_list #mod_option_frm{
    position: fixed !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 92% !important; max-width: 560px !important;
    max-height: 80vh !important;
    margin: 0 !important;
    padding: 28px 28px 24px !important;
    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.18) !important;
    overflow-y: auto !important;
    z-index: 10000;
}

#mod_option_frm h2{
    margin: 0 0 18px;
    padding: 0 40px 14px 0;
    border-bottom: 1px solid #EAE6DE;
    font-size: var(--fs18, 18px);
    font-weight: 700;
    color: var(--color, #0D1B2A);
    letter-spacing: -0.02em;
    line-height: 130%;
    text-align: left !important;
}

/* 닫기 X 버튼 — 우상단 absolute */
#mod_option_frm .btn_confirm .btn_close{
    position: absolute;
    top: 16px; right: 16px;
    width: 32px; height: 32px;
    padding: 0;
    background: transparent;
    border: none;
    color: var(--gray, #888);
    cursor: pointer;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
#mod_option_frm .btn_confirm .btn_close:hover{
    background: var(--off-white, #FAF7F0);
    color: var(--color, #0D1B2A);
}
#mod_option_frm .btn_confirm .btn_close i{font-size: 16px;}

/* 옵션 select 영역 */
#mod_option_frm .option_wr{margin: 0 0 16px;}
#mod_option_frm .option_wr h3{
    margin: 0 0 8px;
    font-size: var(--fs14, 14px);
    font-weight: 600;
    color: var(--color, #0D1B2A);
}
#mod_option_frm .option_wr select{
    width: 100%;
    height: 42px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #D9D2C4;
    border-radius: 10px;
    font-size: var(--fs14, 14px);
    color: var(--color, #0D1B2A);
}

/* 선택된 옵션 리스트 박스 */
#mod_option_frm #sit_sel_option{
    margin: 0 0 16px;
    padding: 14px;
    background: var(--off-white, #FAF7F0);
    border-radius: 12px;
}
#mod_option_frm #sit_sel_option h3{
    margin: 0 0 10px;
    font-size: var(--fs13, 13px);
    font-weight: 600;
    color: var(--gray-dk, #4a5568);
}

#mod_option_frm #sit_opt_added{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#mod_option_frm #sit_opt_added > li{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #EAE6DE;
    border-radius: 10px;
    list-style: none;
}

#mod_option_frm .opt_name{
    font-size: var(--fs13, 13px);
    font-weight: 600;
    color: var(--color, #0D1B2A);
    line-height: 130%;
    text-align: left !important;
}
#mod_option_frm .opt_name .sit_opt_subj{text-align: left !important; display: block;}

#mod_option_frm .opt_count{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
#mod_option_frm .opt_count .sit_qty_minus,
#mod_option_frm .opt_count .sit_qty_plus{
    width: 28px; height: 28px;
    padding: 0;
    background: #fff;
    border: 1px solid #D9D2C4;
    border-radius: 50%;
    color: var(--color, #0D1B2A);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
#mod_option_frm .opt_count .sit_qty_minus:hover,
#mod_option_frm .opt_count .sit_qty_plus:hover{
    background: var(--color, #0D1B2A);
    border-color: var(--color, #0D1B2A);
    color: #fff;
}
#mod_option_frm .opt_count .sit_qty_minus i,
#mod_option_frm .opt_count .sit_qty_plus i{font-size: 11px;}

#mod_option_frm .opt_count .num_input{
    width: 52px; height: 30px;
    padding: 0;
    text-align: center;
    border: 1px solid #D9D2C4;
    border-radius: 6px;
    background: #fff;
    font-size: var(--fs14, 14px);
    font-weight: 600;
    color: var(--color, #0D1B2A);
}
#mod_option_frm .opt_count .sit_opt_prc{
    margin-left: auto;
    font-size: var(--fs13, 13px);
    color: var(--gray-dk, #4a5568);
    font-weight: 500;
}
#mod_option_frm .opt_count .sit_opt_del{
    width: 26px; height: 26px;
    padding: 0;
    background: transparent;
    border: none;
    color: var(--gray, #888);
    cursor: pointer;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
#mod_option_frm .opt_count .sit_opt_del:hover{
    background: rgba(220,53,69,0.1);
    color: #dc3545;
}
#mod_option_frm .opt_count .sit_opt_del i{font-size: 11px;}

/* 총금액 — 베이지 톤, full width (default_shop.css의 float/inline-block 무력화) */
#mod_option_frm #sit_tot_price{
    float: none !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 16px 0 18px !important;
    padding: 14px 18px !important;
    background: var(--off-white, #FAF7F0) !important;
    color: var(--color, #0D1B2A);
    border: 1px solid #EAE6DE;
    border-radius: 10px;
    font-size: var(--fs15, 15px);
    font-weight: 700;
    text-align: right;
    line-height: 130%;
}
#mod_option_frm #sit_tot_price strong{color: var(--color, #0D1B2A); font-size: var(--fs18, 18px);}

/* 확인 버튼 영역 — full width (default_shop.css의 float:right/yellow 무력화) */
#mod_option_frm .btn_confirm{
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none;
}
#mod_option_frm .btn_confirm .btn_submit{
    width: 100% !important;
    height: 48px !important;
    padding: 0 !important;
    background: var(--color, #0D1B2A) !important;
    color: #fff !important;
    font-size: var(--fs14, 14px) !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer;
    transition: var(--transition);
}
#mod_option_frm .btn_confirm .btn_submit:hover{
    background: var(--gold, #C9A84C) !important;
    color: var(--color, #0D1B2A) !important;
}

@media all and (max-width: 768px){
    #sod_bsk_list #mod_option_frm{padding: 22px 18px 18px !important; border-radius: 12px !important;}
    #mod_option_frm h2{font-size: 16px;}
    #mod_option_frm .opt_count .sit_opt_prc{margin-left: 0;}
}


/* =====================================================
   💳 현금영수증 신청 페이지 (.cr_wrap)
   ===================================================== */

.cr_wrap{padding: 30px 0 60px;}

/* 주문 정보 dl */
.cr_wrap .cr_order_info{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cr_wrap .cr_order_row{
    width: calc((100% - 10px) / 2);
    box-sizing: border-box;
    display: flex;
    align-items: baseline;
    gap: 14px;
    padding: 14px 18px;
    background: var(--off-white, #FAF7F0);
    border: 1px solid #EAE6DE;
    border-radius: 10px;
    margin: 0;
}
.cr_wrap .cr_order_row dt{
    flex-shrink: 0;
    width: 80px;
    margin: 0;
    font-size: 13px;
    color: var(--gray, #888);
    font-weight: 600;
}
.cr_wrap .cr_order_row dd{
    flex: 1;
    margin: 0;
    font-size: var(--fs14, 14px);
    color: var(--color, #0D1B2A);
}
.cr_wrap .cr_order_row strong{font-weight: 800; color: var(--color, #0D1B2A);}

/* 주문 정보 없음 */
.cr_wrap .cr_no_order{
    text-align: center;
    padding: 40px 20px;
    background: var(--off-white, #FAF7F0);
    border-radius: 12px;
    border: 1px dashed #EAE6DE;
}
.cr_wrap .cr_no_order i{font-size: 32px; color: var(--gray, #888); margin-bottom: 12px; display: block;}
.cr_wrap .cr_no_order p{margin: 0 0 16px; font-size: var(--fs14, 14px); color: var(--gray-dk, #4a5568); line-height: 150%;}
.cr_wrap .cr_no_order .btn_apply_doc{display: inline-flex; align-items: center; height: 40px; padding: 0 18px;}

/* 발급 형식 카드 */
.cr_wrap .cr_type_cards{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.cr_wrap .cr_type_card{
    width: calc((100% - 12px) / 2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
}
.cr_wrap .cr_type_card input[type=radio]{
    position: absolute;
    opacity: 0;
    width: 0; height: 0;
}
.cr_wrap .cr_type_inner{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid #EAE6DE;
    border-radius: 12px;
    transition: var(--transition);
}
.cr_wrap .cr_type_inner i{
    width: 36px; height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--off-white, #FAF7F0);
    color: var(--color, #0D1B2A);
    border-radius: 50%;
    font-size: 14px;
    transition: var(--transition);
}
.cr_wrap .cr_type_inner strong{
    font-size: var(--fs15, 15px);
    font-weight: 700;
    color: var(--color, #0D1B2A);
}
.cr_wrap .cr_type_inner em{
    font-style: normal;
    font-size: var(--fs13, 13px);
    color: var(--gray, #888);
}
.cr_wrap .cr_type_card:hover .cr_type_inner{border-color: var(--gold, #C9A84C);}
.cr_wrap .cr_type_card.selected .cr_type_inner{
    border-color: var(--color, #0D1B2A);
    background: var(--off-white, #FAF7F0);
}
.cr_wrap .cr_type_card.selected .cr_type_inner i{
    background: var(--color, #0D1B2A);
    color: #fff;
}

/* 입력 폼 */
.cr_wrap .cr_field_grid{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.cr_wrap .cr_field{
    width: calc((100% - 14px) / 2);
    box-sizing: border-box;
}
.cr_wrap .cr_field label{
    display: block;
    margin-bottom: 6px;
    font-size: var(--fs13, 13px);
    font-weight: 600;
    color: var(--color, #0D1B2A);
}
.cr_wrap .cr_field input[type=text]{
    width: 100%;
    height: 44px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #D9D2C4;
    border-radius: 10px;
    font-size: var(--fs14, 14px);
    color: var(--color, #0D1B2A);
    box-sizing: border-box;
    transition: var(--transition);
}
.cr_wrap .cr_field input[type=text]:focus{
    border-color: var(--gold, #C9A84C);
    outline: none;
}

.cr_wrap textarea[name="cr_memo"]{
    width: 100%;
    padding: 14px;
    background: #fff;
    border: 1px solid #D9D2C4;
    border-radius: 10px;
    font-size: var(--fs14, 14px);
    color: var(--color, #0D1B2A);
    line-height: 150%;
    box-sizing: border-box;
    resize: vertical;
    transition: var(--transition);
}
.cr_wrap textarea[name="cr_memo"]:focus{
    border-color: var(--gold, #C9A84C);
    outline: none;
}

/* 약관 */
.cr_wrap .cr_agree{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: var(--off-white, #FAF7F0);
    border-radius: 10px;
    cursor: pointer;
    margin: 0;
}
.cr_wrap .cr_agree input[type=checkbox]{
    width: 18px; height: 18px;
    accent-color: var(--color, #0D1B2A);
    cursor: pointer;
}
.cr_wrap .cr_agree span{font-size: var(--fs14, 14px); color: var(--color, #0D1B2A); line-height: 150%;}

/* 필수 표기 */
.cr_wrap .apply_required{color: #dc3545; font-weight: 700;}

/* 액션 */
.cr_wrap .cr_actions{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 8px;
}
.cr_wrap .cr_actions .btn_apply_doc,
.cr_wrap .cr_actions .btn_apply_download{
    display: inline-flex;
    align-items: center;
    height: 48px;
    padding: 0 28px;
    border-radius: 10px;
    font-size: var(--fs14, 14px);
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid var(--color, #0D1B2A);
    transition: var(--transition);
}
.cr_wrap .cr_actions .btn_apply_doc{background: #fff; color: var(--color, #0D1B2A);}
.cr_wrap .cr_actions .btn_apply_doc:hover{background: var(--color, #0D1B2A); color: #fff;}
.cr_wrap .cr_actions .btn_apply_download{background: var(--color, #0D1B2A); color: #fff;}
.cr_wrap .cr_actions .btn_apply_download:hover{background: var(--gold, #C9A84C); border-color: var(--gold, #C9A84C); color: var(--color, #0D1B2A);}

@media all and (max-width: 768px){
    .cr_wrap .cr_order_row{width: 100%;}
    .cr_wrap .cr_type_card{width: 100%;}
    .cr_wrap .cr_field{width: 100%;}
    .cr_wrap .cr_actions{flex-direction: column;}
    .cr_wrap .cr_actions .btn_apply_doc,
    .cr_wrap .cr_actions .btn_apply_download{width: 100%; justify-content: center;}
}


/* =====================================================
   사용후기 / 상품문의 영역 버튼 정리 (#sit_use_wbtn, #sit_qa_wbtn)
   영카트 기본의 position:absolute / line-height:45px 강제 무력화
   ===================================================== */

/* 상단 박스 — 보더/패딩 제거 */
#sit_use .sit_use_top{
    position: relative !important;
    background: transparent !important;
    border: none !important;
    padding: 0 0 16px !important;
    margin: 0 0 16px !important;
    min-height: 0 !important;
}

/* 버튼 그룹 — absolute 해제, flex 정렬 */
#sit_use_wbtn,
#sit_qa_wbtn{
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: flex !important;
    justify-content: flex-end;
    gap: 8px;
    margin: 0 0 20px !important;
    padding: 0 !important;
}

/* 버튼 통일 디자인 */
#sit_use_wbtn a,
#sit_qa_wbtn a{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 40px !important;
    padding: 0 20px !important;
    font-size: var(--fs14, 14px) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: var(--transition);
    white-space: nowrap;
}

/* 작성 버튼 (사용후기 쓰기 / 상품문의 쓰기) — 다크 네이비 */
#sit_use_wbtn a.itemuse_form,
#sit_qa_wbtn a.itemqa_form{
    background: var(--color, #0D1B2A) !important;
    color: #fff !important;
    border: 1px solid var(--color, #0D1B2A) !important;
}
#sit_use_wbtn a.itemuse_form:hover,
#sit_qa_wbtn a.itemqa_form:hover{
    background: var(--gold, #C9A84C) !important;
    color: var(--color, #0D1B2A) !important;
    border-color: var(--gold, #C9A84C) !important;
}

/* 더보기 버튼 — 숨김 (class와 id 양쪽 모두 매칭) */
#sit_use_wbtn a.itemuse_list,
#sit_qa_wbtn a.itemqa_list,
a#itemuse_list,
a#itemqa_list{
    display: none !important;
}


/* =====================================================
   📝 사용후기 / 상품문의 작성 팝업 (#sit_use_write, #sit_qa_write)
   ===================================================== */

body.new_win,
#sit_use_write.new_win, #sit_qa_write.new_win{
    background: #FAF8F3 !important;
}
#sit_use_write.new_win, #sit_qa_write.new_win{
    max-width: 720px !important;
    margin: 24px auto !important;
    padding: 24px 16px !important;
    width: auto !important;
}
#sit_use_write #win_title, #sit_qa_write #win_title{
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--color, #0D1B2A) !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    text-align: left !important;
    height: auto !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#sit_use_write .new_win_con, #sit_qa_write .new_win_con{
    background: #fff !important;
    border: 1px solid #EAE6DE !important;
    border-radius: 12px !important;
    padding: 24px !important;
}

/* 폼 리스트 — 기본 list 마커 제거 */
#sit_use_write .new_win_con > ul,
#sit_qa_write .new_win_con > ul{
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#sit_use_write .new_win_con > ul > li,
#sit_qa_write .new_win_con > ul > li{
    margin: 0 0 16px !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
}

/* 라벨 */
#sit_use_write .iuf_label,
#sit_qa_write .iuf_label{
    display: block !important;
    margin: 0 0 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333 !important;
    line-height: 1.4 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
}
.iuf_req{color: #c0392b; margin-left: 2px;}
.iuf_optional{
    margin-left: 6px;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #999;
}

/* 입력 필드 */
#sit_use_write .frm_input,
#sit_qa_write .frm_input{
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #EAE6DE !important;
    border-radius: 8px !important;
    background: #fff !important;
    font-size: 14px !important;
    color: #222 !important;
    box-sizing: border-box;
    transition: border-color .15s;
}
#sit_use_write .frm_input:focus,
#sit_qa_write .frm_input:focus{
    outline: none !important;
    border-color: var(--color, #004E73) !important;
}
#sit_use_write .frm_info,
#sit_qa_write .frm_info{
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #888;
    line-height: 150%;
}

/* 좌/우 분할 (이메일 + 휴대폰) */
#sit_qa_write .form_left,
#sit_qa_write .form_right{
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin-bottom: 14px;
}
@media all and (min-width: 600px){
    #sit_qa_write .new_win_con > ul > li:has(.form_left){
        display: flex;
        gap: 14px;
    }
    #sit_qa_write .form_left,
    #sit_qa_write .form_right{flex: 1; margin-bottom: 0;}
}

/* 평점 라디오 — 칩 버튼 스타일 */
#sit_use_write_star{
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
}
#sit_use_write_star::after{display: none !important;}
#sit_use_write_star li{
    float: none !important;
    width: auto !important;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
}
#sit_use_write_star li input[type=radio]{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
#sit_use_write_star li label{
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0 14px !important;
    border: 1px solid #EAE6DE !important;
    border-radius: 100px;
    background: #fff;
    color: #555;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s;
    margin: 0 !important;
}
#sit_use_write_star li label span{display: none !important;}
#sit_use_write_star li label::before{
    content: '★';
    color: #ddd;
    font-size: 14px;
    line-height: 1;
}
#sit_use_write_star li:nth-child(1) label::before{content: '★★★★★';}
#sit_use_write_star li:nth-child(2) label::before{content: '★★★★';}
#sit_use_write_star li:nth-child(3) label::before{content: '★★★';}
#sit_use_write_star li:nth-child(4) label::before{content: '★★';}
#sit_use_write_star li:nth-child(5) label::before{content: '★';}
#sit_use_write_star li label:hover{
    border-color: var(--gold, #C9A84C) !important;
    color: #222;
}
#sit_use_write_star li input[type=radio]:checked + label{
    background: var(--color, #004E73) !important;
    border-color: var(--color, #004E73) !important;
    color: #fff !important;
}
#sit_use_write_star li input[type=radio]:checked + label::before{
    color: var(--gold, #C9A84C);
}
#sit_use_write_star li img{display: none !important;}

/* 포토 업로드 영역 (P-009) — 카드 톤 보강 */
.sit_use_photo{
    padding: 16px !important;
    background: #FAF8F3;
    border-radius: 8px;
}
.sit_use_photo_lbl{
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    color: #555;
    font-weight: 600;
}
.sit_use_photo_grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.sit_use_photo_slot{
    background: #fff;
    border: 1px dashed #D8D2C5;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.sit_use_photo_thumb{
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 6px;
    background: #FAF8F3;
}
.sit_use_photo_thumb img{width: 100%; height: 100%; object-fit: cover; display: block;}
.sit_use_photo_slot input[type=file]{
    font-size: 11px;
    color: #555;
    cursor: pointer;
    width: 100%;
}
.sit_use_photo_del{
    font-size: 11px;
    color: #c0392b;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

/* 하단 버튼 */
#sit_use_write .win_btn, #sit_qa_write .win_btn{
    display: flex !important;
    justify-content: flex-end;
    gap: 8px;
    margin: 24px 0 0 !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid #EAE6DE;
}
#sit_use_write .win_btn .btn_submit, #sit_qa_write .win_btn .btn_submit,
#sit_use_write .win_btn .btn_close,  #sit_qa_write .win_btn .btn_close{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 44px !important;
    padding: 0 22px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer;
    transition: all .15s;
    border: 1px solid transparent;
    text-decoration: none;
}
#sit_use_write .win_btn .btn_submit, #sit_qa_write .win_btn .btn_submit{
    background: var(--color, #0D1B2A) !important;
    border-color: var(--color, #0D1B2A) !important;
    color: #fff !important;
}
#sit_use_write .win_btn .btn_submit:hover, #sit_qa_write .win_btn .btn_submit:hover{
    background: var(--gold, #C9A84C) !important;
    border-color: var(--gold, #C9A84C) !important;
    color: var(--color, #0D1B2A) !important;
}
#sit_use_write .win_btn .btn_close, #sit_qa_write .win_btn .btn_close{
    background: #fff !important;
    border-color: #EAE6DE !important;
    color: #555 !important;
}
#sit_use_write .win_btn .btn_close:hover, #sit_qa_write .win_btn .btn_close:hover{
    background: #f7f5f0 !important;
    color: #222 !important;
}

@media all and (max-width: 600px){
    #sit_use_write.new_win, #sit_qa_write.new_win{padding: 0 12px !important; margin: 16px auto !important;}
    #sit_use_write .new_win_con, #sit_qa_write .new_win_con{padding: 18px !important;}
    .sit_use_photo_grid{grid-template-columns: repeat(2, 1fr) !important;}
    #sit_use_write_star li label{font-size: 12px; height: 36px; padding: 0 10px !important;}
}


/* 상품문의 폼 — 비밀글 안내 */
.iqa_secret_notice{
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 14px 16px !important;
    background: rgba(0,78,115,0.05);
    border: 1px solid rgba(0,78,115,0.15);
    border-radius: 8px;
    color: var(--color, #004E73);
    font-size: 13px;
    line-height: 150%;
    margin: 0 0 14px;
    list-style: none;
}
.iqa_secret_notice i{font-size: 14px; flex-shrink: 0;}
.iqa_secret_notice strong{font-weight: 700;}


/* =====================================================
   상품문의 카드 (.sit_qa_li) — 후기 카드와 동일 톤
   ===================================================== */

#sit_qa_list{margin: 30px 0 60px;}
#sit_qa_list h3{position: static !important; font-size: 0 !important; line-height: 0 !important; height: 0 !important; margin: 0 !important;}

#sit_qa_ol{
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 0 !important;
}

.sit_qa_li{
    position: relative !important;
    border: 1px solid #EAE6DE !important;
    border-bottom: 1px solid #EAE6DE !important;
    border-radius: 12px !important;
    background: #fff !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: hidden;
    transition: border-color .15s, box-shadow .15s;
}
.sit_qa_li:hover{border-color: #D8D2C5 !important;}
.sit_qa_li.is_open{
    border-color: var(--color, #004E73) !important;
    box-shadow: 0 4px 12px rgba(0,78,115,0.06);
}

/* 헤더 (제목 토글 + 작성자/날짜) */
.sit_qa_li_title{
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: auto !important;
    float: none !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    padding: 18px 22px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
    cursor: pointer;
    width: 100% !important;
}
.sit_qa_li_title:hover{color: var(--color, #004E73) !important;}
.sit_qa_li_title img{vertical-align: middle; margin-left: 4px;}

.sit_qa_dl{
    position: absolute !important;
    top: 0;
    right: 22px;
    height: 60px;
    display: flex;
    align-items: center;
    float: none !important;
    width: auto !important;
    line-height: 1 !important;
    color: #999 !important;
    font-size: 12px;
    margin: 0 !important;
    text-align: right !important;
    pointer-events: none;
}
.sit_qa_dl dd{
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    margin: 0 0 0 10px !important;
}
.sit_qa_dl .st_bg{
    display: inline-block;
    width: 1px; height: 10px;
    background: #ddd;
    margin: 0 4px;
}
.sit_qa_dl .fa-clock-o{font-size: 11px; color: #bbb;}

/* 상태 칩 */
.sit_qaa_done, .sit_qaa_yet{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 22px !important;
    line-height: 1 !important;
    padding: 0 8px !important;
    margin-right: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    flex-shrink: 0;
}
.sit_qaa_done{background: rgba(0,78,115,0.08) !important; color: var(--color, #004E73) !important;}
.sit_qaa_yet{background: #f0eee8 !important; color: #999 !important;}

/* 펼침 영역 */
.sit_qa_con{
    display: none;
    border-top: 1px solid #EAE6DE;
    padding: 0 22px 18px;
    background: transparent;
}
.sit_qa_li.is_open .sit_qa_con{display: block;}

/* Q/A 블록 */
.sit_qa_p{
    margin: 0 !important;
    background: transparent !important;
    line-height: 160% !important;
}
.sit_qa_qaq, .sit_qa_qaa{
    position: relative !important;
    padding: 16px 16px 16px 48px !important;
    min-height: 56px !important;
    margin-top: 14px;
    background: #FAF8F3;
    border-radius: 8px;
    border: 0 !important;
    color: #333;
    font-size: 14px;
    line-height: 160%;
    word-break: break-all;
}
.sit_qa_qaa{
    background: rgba(0,78,115,0.04);
    color: #444;
}
.sit_qa_p .qa_alp{
    position: absolute !important;
    top: 14px !important;
    left: 16px !important;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: var(--color, #004E73);
    border-radius: 50%;
}
.sit_qa_qaa .qa_alp{background: var(--gold, #C9A84C);}

/* 액션 (수정/삭제) */
.sit_qa_cmd{
    text-align: right !important;
    margin: 14px 0 0;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}
.sit_qa_cmd a{
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 6px 12px !important;
    background: #fff !important;
    border: 1px solid #EAE6DE !important;
    border-radius: 6px !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all .15s;
    line-height: 1 !important;
    height: auto !important;
}
.sit_qa_cmd a:hover{background: #f7f7f7 !important; color: #222 !important;}
.sit_qa_cmd a.itemqa_delete:hover{
    background: #fff5f5 !important;
    color: #c0392b !important;
    border-color: #c0392b !important;
}

/* 빈 상태 */
.sit_empty{
    text-align: center;
    padding: 60px 20px;
    color: #999;
    font-size: 14px;
    background: #FAF8F3;
    border-radius: 12px;
    margin: 0;
}

@media all and (max-width: 600px){
    .sit_qa_li_title{padding: 14px 16px !important; padding-right: 100px !important; font-size: 14px !important;}
    .sit_qa_dl{right: 14px; height: 48px;}
    .sit_qa_dl dd{font-size: 11px;}
    .sit_qa_con{padding: 0 14px 14px;}
    .sit_qa_qaq, .sit_qa_qaa{padding: 14px 14px 14px 44px !important; font-size: 13px;}
}


/* =====================================================
   👤 마이페이지 (#smb_my.mp_wrap) — 대시보드형 카드 레이아웃
   영카트 기본의 #smb_my_ov(265px) / #smb_my_list(915px) float 강제 무력화
   ===================================================== */

#smb_my.mp_wrap{
    margin: 0 auto 80px !important;
    padding: 30px 0 0 !important;
}

/* 영카트 기본 float/width 강제 무력화 */
#smb_my.mp_wrap #smb_my_ov,
#smb_my.mp_wrap #smb_my_list{
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* ─── 헤더 (인사 + 핵심 지표) ─── */
.mp_header{
    margin: 0 0 28px;
    padding: 28px 32px;
    background: linear-gradient(135deg, var(--color, #0D1B2A) 0%, #1A2C42 100%);
    color: #fff;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.mp_header::before{
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, var(--gold, #C9A84C) 50%, transparent 100%);
}

.mp_greeting{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.mp_avatar{
    width: 72px; height: 72px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(255,255,255,0.1);
    border: 2px solid rgba(201,168,76,0.4);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mp_avatar img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.mp_greeting_text{flex: 1; min-width: 200px;}
.mp_greet_eyebrow{
    display: inline-block;
    font-size: 11px;
    color: var(--gold, #C9A84C);
    font-weight: 700;
    letter-spacing: 0.15em;
    margin-bottom: 6px;
}
.mp_greet_title{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 8px;
    letter-spacing: -0.02em;
    line-height: 130%;
}
.mp_greet_title strong{font-weight: 800; color: var(--gold, #C9A84C);}
.mp_greet_meta{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    flex-wrap: wrap;
}
.mp_type_tag{
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    background: rgba(201,168,76,0.18);
    color: var(--gold, #C9A84C);
    font-size: 11px;
    font-weight: 700;
    border-radius: 100px;
    letter-spacing: 0.02em;
}
.mp_type_tag.is_b2b{
    background: rgba(91,143,196,0.25);
    color: #87B8E0;
}
.mp_grade_tag{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 10px;
    background: rgba(201,168,76,0.10);
    border: 1px solid rgba(201,168,76,0.45);
    color: var(--gold, #C9A84C);
    font-size: 11px;
    font-weight: 700;
    border-radius: 100px;
    letter-spacing: 0.02em;
}
.mp_grade_tag .fa{font-size: 10px;}
.mp_grade_tag em{
    font-style: normal;
    font-weight: 500;
    color: rgba(255,255,255,0.7);
    padding-left: 6px;
    border-left: 1px solid rgba(201,168,76,0.35);
}

.mp_quick_actions{
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
.mp_qa_btn{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding: 0 16px;
    background: var(--gold, #C9A84C);
    color: var(--color, #0D1B2A);
    font-size: 13px;
    font-weight: 600;
    border-radius: 100px;
    text-decoration: none;
    transition: var(--transition);
    white-space: nowrap;
}
.mp_qa_btn:hover{background: #fff; color: var(--color, #0D1B2A);}
.mp_qa_btn.mp_qa_outline{
    background: transparent;
    color: rgba(255,255,255,0.85);
    border: 1px solid rgba(255,255,255,0.25);
}
.mp_qa_btn.mp_qa_outline:hover{
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-color: rgba(255,255,255,0.5);
}

/* 핵심 지표 4개 카드 — 영카트 기본 #smb_private 강제 스타일 무력화 포함 */
#smb_my.mp_wrap #smb_private,
#smb_my.mp_wrap .mp_stats{
    display: flex !important;
    flex-wrap: wrap;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 12px;
}
#smb_my.mp_wrap .mp_stats .mp_stat_card,
#smb_my.mp_wrap #smb_private li,
#smb_my.mp_wrap #smb_private li:nth-child(3),
#smb_my.mp_wrap #smb_private li:last-child{
    display: block !important;
    width: calc((100% - 36px) / 4);
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: none !important;
    background: transparent !important;
    text-align: left !important;
}
@media all and (max-width: 768px){
    #smb_my.mp_wrap .mp_stats .mp_stat_card,
    #smb_my.mp_wrap #smb_private li,
    #smb_my.mp_wrap #smb_private li:nth-child(3),
    #smb_my.mp_wrap #smb_private li:last-child{
        width: calc((100% - 12px) / 2) !important;
    }
}
#smb_my.mp_wrap .mp_stats .mp_stat_card a,
#smb_my.mp_wrap #smb_private a{
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 18px 20px !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: var(--transition);
    backdrop-filter: blur(4px);
    height: 100%;
    box-sizing: border-box;
    line-height: 130% !important;
}
#smb_my.mp_wrap .mp_stats .mp_stat_card a:hover,
#smb_my.mp_wrap #smb_private a:hover{
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(201,168,76,0.4) !important;
    transform: translateY(-2px);
}
#smb_my.mp_wrap #smb_private a:hover:after{display: none !important;}
#smb_my.mp_wrap #smb_private li i{width: auto !important; color: inherit !important; margin: 0 !important;}
.mp_stat_icon{
    display: inline-flex;
    width: 32px; height: 32px;
    align-items: center;
    justify-content: center;
    background: rgba(201,168,76,0.15);
    color: var(--gold, #C9A84C);
    border-radius: 10px;
    font-size: 14px;
}
.mp_stat_label{
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    font-weight: 500;
}
/* 영카트 기본 #smb_private a strong (float:right; max-width:87px; 등) 무력화 */
#smb_my.mp_wrap #smb_private a strong,
#smb_my.mp_wrap .mp_stats .mp_stat_value{
    display: block !important;
    float: none !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: normal !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -0.02em;
    line-height: 100% !important;
}
#smb_my.mp_wrap #smb_private .win_point strong,
#smb_my.mp_wrap #smb_private .win_memo strong,
#smb_my.mp_wrap #smb_private .win_scrap strong,
#smb_my.mp_wrap #smb_private .win_coupon strong{
    background: transparent !important;
    color: #fff !important;
}
.mp_stat_value em{
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,0.5);
    margin-left: 4px;
}

/* ─── 카드 그리드 (메인) — flex 기반 ─── */
.mp_grid{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.mp_card{
    background: #fff;
    border: 1px solid #EAE6DE;
    border-radius: 16px;
    padding: 28px 30px;
    box-sizing: border-box;
}
.mp_card_full{width: 100%;}
.mp_card_half{width: calc((100% - 20px) / 2);}

.mp_card_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 20px;
    padding: 0 0 14px;
    border-bottom: 1px solid #EAE6DE;
}
.mp_section_title{
    margin: 0;
    font-size: var(--fs18, 18px);
    font-weight: 700;
    color: var(--color, #0D1B2A);
    letter-spacing: -0.02em;
    line-height: 130%;
}
.mp_section_more{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: var(--gray, #888);
    text-decoration: none;
    transition: var(--transition);
    font-weight: 500;
}
.mp_section_more:hover{color: var(--gold, #C9A84C);}
.mp_section_more i{font-size: 14px;}

/* 빈 상태 */
.mp_empty{
    list-style: none !important;
    padding: 40px 0 !important;
    margin: 0 !important;
    text-align: center;
    color: var(--gray, #888);
    font-size: var(--fs14, 14px);
    border: 1px dashed #EAE6DE !important;
    border-radius: 12px;
    background: var(--off-white, #FAF7F0);
}

/* ─── 위시리스트 (m4_recom 디자인 톤) ─── */
.mp_wish_wrap.box_wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 24px 1.5%;
}
.mp_wish_wrap > .mp_empty{flex: 1 1 100%; width: 100%;}
.mp_wish_wrap .box.mp_wish_box{
    position: relative;
    width: calc((100% - 4.5%) / 4);
    background: #fff;
    border: 1px solid #EAE6DE;
    border-radius: var(--radius-lg, 20px);
    overflow: hidden;
    transition: var(--transition);
    box-sizing: border-box;
}
.mp_wish_wrap .box.mp_wish_box:hover{
    transform: translateY(-6px);
    box-shadow: var(--shadow-md, 0 8px 24px rgba(13,27,42,0.08));
    border-color: var(--gold, #C9A84C);
}

/* 이미지 */
.mp_wish_box .img{
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1;
    background: var(--off-white, #FAF7F0);
    overflow: hidden;
}
.mp_wish_box .img img{
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    transition: transform 0.6s !important;
}
.mp_wish_box:hover .img img{transform: scale(1.05) !important;}

/* 좌상단 체크박스 / 품절 */
.mp_wish_box .mp_wish_chk{
    position: absolute;
    top: 12px; left: 12px;
    z-index: 2;
}
.mp_wish_box .chk_box label span{
    display: inline-block;
    width: 24px; height: 24px;
    background: rgba(255,255,255,0.95);
    border: 1px solid #C9C2B4;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.mp_wish_box .mp_wish_chk input[type=checkbox]{
    position: absolute; opacity: 0; width: 0; height: 0;
}
.mp_wish_box .chk_box input:checked + label span{
    background: var(--color, #0D1B2A);
    border-color: var(--color, #0D1B2A);
}
.mp_wish_box .chk_box input:checked + label span::after{
    content: "";
    position: absolute;
    left: 8px; top: 4px;
    width: 6px; height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.mp_wish_soldout{
    display: inline-block;
    padding: 4px 10px;
    background: #dc3545;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
}

/* 우상단 삭제 (m4의 .wish 자리) */
.mp_wish_box .mp_wish_del{
    position: absolute;
    top: 12px; right: 12px;
    width: 36px;
    aspect-ratio: 1;
    background: rgba(255,255,255,0.92);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    z-index: 2;
    color: var(--color, #0D1B2A);
    text-decoration: none;
}
.mp_wish_box .mp_wish_del:hover{background: #dc3545; color: #fff;}
.mp_wish_box .mp_wish_del i{font-size: 16px; line-height: 100%;}

/* 본문 (m4 .text 패턴) */
.mp_wish_box .text{padding: 18px 20px;}
.mp_wish_box .text .meta{
    display: block;
    font-size: var(--fs12, 12px);
    color: var(--gold, #C9A84C);
    letter-spacing: 0.05em;
    margin-bottom: 8px;
    line-height: 130%;
    font-weight: 600;
}
.mp_wish_box .text strong{
    display: block;
    margin-bottom: 14px;
    line-height: 130%;
    min-height: 2.6em;
}
.mp_wish_box .text strong a{
    font-size: var(--fs15, 15px);
    font-weight: 600;
    color: var(--color, #0D1B2A);
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: var(--transition);
}
.mp_wish_box .text strong a:hover{color: var(--gold, #C9A84C);}

.mp_wish_box .price{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mp_wish_box .price > span{
    font-size: var(--fs18, 18px);
    font-weight: 700;
    color: var(--color, #0D1B2A);
    line-height: 100%;
}

/* 위시리스트 액션 버튼 */
#smb_my.mp_wrap #smb_ws_act.mp_wish_actions{
    display: flex !important;
    justify-content: flex-end;
    gap: 8px;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
#smb_my.mp_wrap #smb_ws_act.mp_wish_actions button{
    height: 42px;
    padding: 0 22px !important;
    border-radius: 10px !important;
    font-size: var(--fs14, 14px) !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: var(--transition);
}
#smb_my.mp_wrap #smb_ws_act.mp_wish_actions .btn01{
    background: #fff !important;
    color: var(--color, #0D1B2A) !important;
    border: 1px solid var(--color, #0D1B2A) !important;
}
#smb_my.mp_wrap #smb_ws_act.mp_wish_actions .btn01:hover{
    background: var(--color, #0D1B2A) !important;
    color: #fff !important;
}
#smb_my.mp_wrap #smb_ws_act.mp_wish_actions .btn02{
    background: var(--color, #0D1B2A) !important;
    color: #fff !important;
    border: 1px solid var(--color, #0D1B2A) !important;
}
#smb_my.mp_wrap #smb_ws_act.mp_wish_actions .btn02:hover{
    background: var(--gold, #C9A84C) !important;
    color: var(--color, #0D1B2A) !important;
    border-color: var(--gold, #C9A84C) !important;
}

/* ─── 위시리스트 알림 토글 (Phase 5.2) ─── */
.mp_wish_notify{
    display: flex; gap: 6px; margin-top: 10px; padding-top: 10px;
    border-top: 1px dashed #EAE6DE;
}
.mp_wish_notify_lbl{
    display: inline-flex; align-items: center; gap: 4px;
    cursor: pointer; user-select: none;
    padding: 4px 10px; border-radius: 100px;
    background: #F7F4EE; border: 1px solid transparent;
    font-size: 11px; color: #888; line-height: 1.4;
    transition: all .15s;
}
.mp_wish_notify_lbl:hover{background: #EFEBE3;}
.mp_wish_notify_lbl input{
    width: 12px; height: 12px; margin: 0;
    accent-color: var(--color, #004E73); cursor: pointer;
}
.mp_wish_notify_lbl input:checked + span{color: var(--color, #004E73); font-weight: 600;}
.mp_wish_notify_lbl span{display: inline-flex; align-items: center; gap: 3px;}
.mp_wish_notify_lbl span i{font-size: 10px;}
.mp_wish_notify_lbl input:disabled{cursor: wait; opacity: .5;}

/* ─── 알림 설정 카드 (Phase 6.6 — 마이페이지 인라인) ─── */
.mp_notify_table{width: 100%; border-collapse: collapse;}
.mp_notify_table thead th{
    padding: 12px 14px; text-align: left; font-size: 13px; font-weight: 600;
    color: #555; background: #FAF8F4; border-bottom: 1px solid #EAE6DE;
    letter-spacing: 0;
}
.mp_notify_table thead th.center{text-align: center;}
.mp_notify_table tbody td{
    padding: 16px 14px; border-bottom: 1px solid #F2EEE6;
    font-size: 14px; vertical-align: middle;
}
.mp_notify_table tbody tr:last-child td{border-bottom: 0;}
.mp_notify_table tbody td.center{text-align: center;}
.mp_notify_label_main{
    display: block; font-weight: 600; color: var(--color, #004E73);
    margin-bottom: 4px; font-size: 14px;
}
.mp_notify_label_desc{font-size: 12px; color: #888; line-height: 150%;}
.mp_notify_check{width: 18px; height: 18px; cursor: pointer; accent-color: var(--color, #004E73);}
.mp_notify_check:disabled{cursor: not-allowed; opacity: .35;}
.mp_notify_pending{
    display: inline-block; margin-left: 4px; padding: 1px 7px;
    font-size: 11px; background: #FFF5F5; color: #C0392B;
    border-radius: 4px; font-weight: 500; letter-spacing: 0;
}
.mp_notify_actions{
    display: flex; justify-content: flex-end; align-items: center;
    gap: 14px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #F2EEE6;
}
.mp_notify_msg{font-size: 13px; color: #0a8f5d; opacity: 0; transition: opacity .2s;}
.mp_notify_msg.is_show{opacity: 1;}
.mp_notify_msg.is_err{color: #C0392B;}
.mp_notify_btn{
    display: inline-flex; align-items: center; gap: 6px;
    padding: 11px 22px; background: var(--color, #004E73); color: #fff;
    border: 0; border-radius: 8px; font-size: 14px; font-weight: 600;
    cursor: pointer; transition: opacity .15s;
}
.mp_notify_btn:hover{opacity: .85;}
.mp_notify_btn:disabled{opacity: .5; cursor: not-allowed;}

/* ─── 경매/위탁판매 준비 중 카드 ─── */
.mp_card_soon .mp_card_body{padding: 0;}
.mp_soon_tag{
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    background: rgba(91,143,196,0.12);
    color: #5B8FC4;
    font-size: 11px;
    font-weight: 700;
    border-radius: 100px;
    letter-spacing: 0.02em;
}
.mp_coming_soon{
    text-align: center;
    padding: 28px 20px 24px;
    background: var(--off-white, #FAF7F0);
    border-radius: 12px;
    border: 1px dashed #EAE6DE;
}
.mp_coming_soon > i{
    display: inline-flex;
    width: 48px; height: 48px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #EAE6DE;
    color: var(--gold, #C9A84C);
    border-radius: 50%;
    font-size: 18px;
    margin-bottom: 12px;
}
.mp_coming_link i{
    width: auto;
    height: auto;
    background: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
    font-size: 14px;
    color: inherit;
    line-height: 1;
}
.mp_coming_soon p{
    margin: 0 0 14px;
    font-size: var(--fs14, 14px);
    color: var(--gray-dk, #4a5568);
    line-height: 150%;
}
.mp_coming_link{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 36px;
    padding: 0 16px;
    background: #fff;
    color: var(--color, #0D1B2A);
    font-size: 13px;
    font-weight: 600;
    border: 1px solid var(--color, #0D1B2A);
    border-radius: 100px;
    text-decoration: none;
    transition: var(--transition);
}
.mp_coming_link:hover{background: var(--color, #0D1B2A); color: #fff;}

/* ─── 내 정보 — flex 기반 ─── */
.mp_card_info .mp_info_grid{
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    border: none !important;
}
.mp_info_row{
    width: calc((100% - 12px) / 2);
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 18px;
    background: var(--off-white, #FAF7F0);
    border: 1px solid #EAE6DE;
    border-radius: 10px;
    margin: 0 !important;
}
.mp_info_row.mp_info_row_full{width: 100%;}
.mp_info_row dt{
    flex-shrink: 0;
    width: 90px;
    font-size: 13px;
    font-weight: 600;
    color: var(--gray, #888);
    margin: 0;
    padding: 0;
    border: none !important;
}
.mp_info_row dd{
    flex: 1;
    margin: 0;
    padding: 0;
    font-size: var(--fs14, 14px);
    color: var(--color, #0D1B2A);
    border: none !important;
    line-height: 150%;
}
.mp_info_empty{color: var(--gray, #888); font-style: italic;}

.mp_info_actions{
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}
.mp_btn_leave{
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    background: transparent;
    color: var(--gray, #888);
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #E0DAD0;
    border-radius: 100px;
    text-decoration: none;
    transition: var(--transition);
}
.mp_btn_leave:hover{background: #fff5f5; color: #dc3545; border-color: #dc3545;}

/* ─── 영카트 기본 #smb_my_od (주문조회) 영역 일부 정리 ─── */
#smb_my.mp_wrap #smb_my_od{
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
#smb_my.mp_wrap #smb_my_od h2{display: none !important;}
#smb_my.mp_wrap #smb_my_od .smb_my_more{display: none !important;}

/* ─── 주문 내역 카드 (.mp_order_*) ─── */
.mp_order_total_count{
    margin: 0 0 12px;
    padding: 0;
    font-size: var(--fs13, 13px);
    color: var(--gray, #888);
}
.mp_order_total_count strong{color: var(--color, #0D1B2A); font-weight: 700;}

.mp_order_list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mp_order_card{
    list-style: none;
    background: #fff;
    border: 1px solid #EAE6DE;
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}
.mp_order_card:hover{border-color: var(--gold, #C9A84C); box-shadow: var(--shadow-sm);}

.mp_order_head{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: var(--off-white, #FAF7F0);
    border-bottom: 1px solid #EAE6DE;
    flex-wrap: wrap;
}
.mp_order_status{
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #EAE6DE;
    color: var(--color, #0D1B2A);
    font-size: 12px;
    font-weight: 700;
    border-radius: 100px;
    letter-spacing: -0.01em;
}
.mp_order_status.is_wait{background: rgba(91,143,196,0.12); color: #5B8FC4; border-color: transparent;}
.mp_order_status.is_paid{background: rgba(76,217,100,0.15); color: #2D9D4A; border-color: transparent;}
.mp_order_status.is_ready{background: rgba(201,168,76,0.18); color: #B58F3A; border-color: transparent;}
.mp_order_status.is_ship{background: rgba(91,143,196,0.18); color: #4178A8; border-color: transparent;}
.mp_order_status.is_done{background: var(--color, #0D1B2A); color: #fff; border-color: transparent;}
.mp_order_status.is_cancel{background: rgba(220,53,69,0.12); color: #c53030; border-color: transparent;}

.mp_order_date{font-size: var(--fs13, 13px); color: var(--color, #0D1B2A); font-weight: 600;}
.mp_order_id{margin-left: auto; font-size: 12px; color: var(--gray, #888);}

.mp_order_items{padding: 18px;}
.mp_order_item{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 0;
    text-decoration: none;
    color: inherit;
}
.mp_order_img{
    flex-shrink: 0;
    width: 76px;
    height: 76px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--off-white, #FAF7F0);
}
.mp_order_img img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    max-width: none !important;
}
.mp_order_info{
    flex: 1;
    min-width: 0;
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.mp_order_name{
    font-size: var(--fs15, 15px);
    font-weight: 700;
    color: var(--color, #0D1B2A);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mp_order_item:hover .mp_order_name{color: var(--gold, #C9A84C);}
.mp_order_opt{
    display: inline-block;
    align-self: flex-start;
    max-width: 100%;
    padding: 3px 9px;
    background: var(--off-white, #FAF7F0);
    border: 1px solid #EAE6DE;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.4;
    color: var(--gray-dk, #4a5568);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mp_order_meta{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    font-size: var(--fs14, 14px);
    color: var(--gray-dk, #4a5568);
    line-height: 1.2;
}
.mp_order_meta em{font-style: normal; font-weight: 600; color: var(--color, #0D1B2A);}
.mp_order_meta em + *{margin-left: -2px;}
.mp_order_extra{
    padding: 3px 8px;
    background: var(--color, #0D1B2A);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    border-radius: 100px;
}
.mp_order_price{
    flex-shrink: 0;
    align-self: center;
    font-size: var(--fs15, 15px);
    font-weight: 800;
    color: var(--color, #0D1B2A);
    text-align: right;
    white-space: nowrap;
}

.mp_order_foot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 18px 14px;
    border-top: 1px dashed #EAE6DE;
    flex-wrap: wrap;
}
.mp_order_total{
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.mp_order_total em{font-style: normal; font-size: 12px; color: var(--gray, #888); font-weight: 500;}
.mp_order_total strong{font-size: var(--fs16, 16px); font-weight: 800; color: var(--color, #0D1B2A);}

.mp_order_actions{display: flex; align-items: center; gap: 12px;}
.mp_order_misu{font-size: 12px; color: #c53030;}
.mp_order_misu strong{font-weight: 700;}
.mp_order_detail{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 34px;
    padding: 0 14px;
    background: #fff;
    color: var(--color, #0D1B2A);
    font-size: 12px;
    font-weight: 600;
    border: 1px solid var(--color, #0D1B2A);
    border-radius: 100px;
    text-decoration: none;
    transition: var(--transition);
}
.mp_order_detail:hover{background: var(--color, #0D1B2A); color: #fff;}

.mp_order_empty{
    list-style: none;
    padding: 40px 0;
    text-align: center;
    color: var(--gray, #888);
    font-size: var(--fs14, 14px);
    border: 1px dashed #EAE6DE;
    border-radius: 12px;
    background: var(--off-white, #FAF7F0);
}

/* ============================================================
   상품 사용후기 (.iu_*) — Phase 5.7 디자인 리프레시
   영카트 기본 sit_use_li/sit_use_dl/sit_use_con은 마크업 미사용으로 무력화
   ============================================================ */
.iu_section{margin: 30px 0 60px;}
.iu_section h3{position: static !important; font-size: 0; line-height: 0; height: 0; margin: 0;}

/* ─── 헤더: 타이틀 + 총평점 ─── */
.iu_head{
    display: flex; align-items: flex-end; justify-content: space-between;
    gap: 20px; flex-wrap: wrap;
    margin: 0 0 20px; padding: 0 0 18px;
    border-bottom: 1px solid #EAE6DE;
}
.iu_head_left{display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap;}
.iu_title{
    font-size: 22px; font-weight: 700; color: var(--color, #004E73);
    margin: 0; letter-spacing: -0.02em; line-height: 130%;
}
.iu_count{font-size: 13px; color: #888;}
.iu_count strong{color: var(--color, #004E73); font-weight: 700; margin-right: 2px;}

.iu_score{display: flex; align-items: center; gap: 10px;}
.iu_score_num{
    font-size: 28px; font-weight: 700; color: var(--gold, #C9A84C);
    line-height: 100%; letter-spacing: -0.02em;
}
.iu_score_star{height: 20px; display: block;}

/* ─── 툴바: 필터 + 후기쓰기 버튼 ─── */
.iu_toolbar{
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap; margin-bottom: 18px;
}
.iu_filter{display: flex; gap: 6px; flex-wrap: wrap;}
.iu_filter_btn{
    display: inline-flex; align-items: center; gap: 5px;
    padding: 7px 14px; border-radius: 100px;
    font-size: 13px; font-weight: 500;
    color: #666; background: #F7F4EE; border: 1px solid transparent;
    text-decoration: none; transition: all .15s;
}
.iu_filter_btn:hover{background: #EFEBE3; color: #222;}
.iu_filter_btn.on{background: var(--color, #004E73); color: #fff; border-color: var(--color, #004E73);}
.iu_filter_btn i{font-size: 11px;}

.iu_actions{display: flex; gap: 8px;}
.iu_section .iu_btn{
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: 6px;
    padding: 11px 18px !important; border-radius: 8px;
    font-size: 13px !important; font-weight: 600; text-decoration: none;
    transition: all .15s; cursor: pointer; border: 1.5px solid transparent;
    line-height: 1 !important; height: auto !important; min-height: 0 !important;
    box-sizing: border-box; width: auto !important;
    vertical-align: middle;
}
.iu_section .iu_btn i{
    font-size: 13px !important; line-height: 1 !important;
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.iu_section .iu_btn span{
    line-height: 1 !important;
    display: inline-flex; align-items: center;
}
.iu_btn_primary{background: var(--color, #004E73); color: #fff; border-color: var(--color, #004E73);}
.iu_btn_primary:hover{opacity: .88; color: #fff;}
.iu_btn_outline{background: #fff; color: var(--color, #004E73); border-color: var(--color, #004E73);}
.iu_btn_outline:hover{background: var(--color, #004E73); color: #fff;}

/* ─── 리뷰 리스트 ─── */
.iu_section .iu_list{list-style: none; padding: 0; margin: 0; border-top: 0;}
.iu_section .iu_item{
    background: #fff; border: 1px solid #EAE6DE; border-radius: 12px;
    margin: 0 0 12px; padding: 0; overflow: hidden; min-height: 0;
    transition: border-color .15s, box-shadow .15s;
    position: static;
}
.iu_section .iu_item:hover{border-color: #D8D2C5;}
.iu_section .iu_item.is_open{border-color: var(--color, #004E73); box-shadow: 0 4px 12px rgba(0,78,115,0.06);}

.iu_item_head{padding: 18px 22px;}
.iu_item_meta{
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    font-size: 12px; color: #888; margin-bottom: 8px;
}
.iu_item_star img{height: 14px; display: block; width: auto;}
.iu_item_author{color: #444; font-weight: 600; font-size: 13px;}
.iu_item_dot{color: #ccc;}
.iu_item_date{color: #999;}
.iu_item_photoflag{
    display: inline-flex; align-items: center; gap: 4px;
    margin-left: auto; padding: 2px 8px; border-radius: 100px;
    background: #FFF5ED; color: #C9A84C; font-size: 11px; font-weight: 600;
}
.iu_item_photoflag i{font-size: 10px;}

.iu_section .iu_item_toggle{
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; padding: 0; border: 0; background: transparent;
    text-align: left; cursor: pointer; color: #222;
    position: static !important;
}
.iu_section .iu_item_toggle:hover{background: transparent; color: #222; border: 0;}
.iu_item_subject{
    flex: 1; font-size: 15px; font-weight: 600; line-height: 140%;
    color: #1a1a1a; letter-spacing: -0.01em;
}
.iu_item_toggle > i{font-size: 14px; color: #aaa; transition: transform .2s; flex-shrink: 0; margin-left: 12px;}
.iu_item.is_open .iu_item_toggle > i{transform: rotate(180deg); color: var(--color, #004E73);}

.iu_section .iu_item_body{
    display: none; padding: 0 22px 22px; margin: 14px 0 0 0 !important;
    border-top: 1px solid #F2EEE6; padding-top: 18px;
}
.iu_section .iu_item.is_open .iu_item_body,
.iu_section .iu_item.is_open .sit_use_con,
.sit_use_li.is_open .sit_use_con{display: block !important;}
.iu_item_content{
    font-size: 14px; color: #444; line-height: 170%;
    word-wrap: break-word; overflow-wrap: break-word; padding: 0; margin: 0;
}
.iu_item_content img{max-width: 100%; height: auto; border-radius: 8px; margin: 8px 0; display: block;}

/* 사진 갤러리 (큰 사이즈, 우리 디자인) */
.iu_item_photos{display: flex; gap: 10px; margin: 18px 0 0; flex-wrap: wrap;}
.iu_item_photo{
    display: block; width: 120px; height: 120px;
    border-radius: 8px; overflow: hidden;
    border: 1px solid #EAE6DE; background: #fff;
    transition: transform .15s, border-color .15s;
}
.iu_item_photo:hover{transform: scale(1.04); border-color: var(--color, #004E73);}
.iu_item_photo img{width: 100%; height: 100%; object-fit: cover; display: block;}

/* 액션 (수정/삭제/신고) */
.iu_item_actions{
    display: flex; gap: 8px; flex-wrap: wrap;
    margin-top: 18px; padding-top: 14px;
    border-top: 1px solid #F2EEE6;
}
.iu_item_action{
    display: inline-flex; align-items: center; gap: 5px;
    padding: 6px 12px; border-radius: 6px;
    font-size: 12px; font-weight: 500; text-decoration: none; cursor: pointer;
    background: #fff; color: #666; border: 1px solid #d4d6db; transition: all .15s;
}
.iu_item_action:hover{background: #f7f7f7; color: #222;}
.iu_item_action i{font-size: 11px;}
.iu_item_action--del:hover{background: #fff5f5; color: #c0392b; border-color: #c0392b;}
.iu_item_action--report{margin-left: auto;}
.iu_item_action--report:hover{background: #fff5f5; color: #c0392b; border-color: #c0392b;}

/* 판매자 답변 */
.iu_reply{
    margin-top: 18px; padding: 16px 18px;
    background: #FAF8F4; border-left: 3px solid var(--gold, #C9A84C);
    border-radius: 0 8px 8px 0; position: static;
}
.iu_reply_label{
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 12px; font-weight: 700; color: var(--gold, #C9A84C);
    letter-spacing: 0.05em; margin-bottom: 6px;
}
.iu_reply_subject{font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 4px; line-height: 140%; padding: 0;}
.iu_reply_meta{font-size: 11px; color: #888; margin: 0 0 10px; position: static;}
.iu_reply_content{font-size: 13px; color: #555; line-height: 160%; padding: 0; background: transparent;}

/* ─── 빈 상태 ─── */
.iu_empty{
    text-align: center; padding: 60px 20px;
    background: #FAF8F4; border: 1px dashed #EAE6DE; border-radius: 12px;
}
.iu_empty i{
    font-size: 42px; color: #D8D2C5;
    display: block; margin-bottom: 16px;
}
.iu_empty_msg{
    font-size: 14px; color: #888; line-height: 170%;
    margin: 0 0 20px;
}
.iu_empty .iu_btn{margin: 0 auto;}

/* 영카트 페이지네이션 톤 통일 */
.iu_section + .pg_wrap, #sit_use_list + script + .pg_wrap{margin-top: 24px; text-align: center;}

/* ─── 전체 후기 (itemuselist) 전용 ───────────────────────── */
.iu_section--all{margin: 24px auto 60px;}

.iu_search{
    display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
    margin: 0 0 22px; padding: 12px 14px;
    background: #fff; border: 1px solid #EAE6DE; border-radius: 10px;
}
.iu_search_select{
    height: 40px; padding: 0 12px;
    border: 1px solid #EAE6DE; border-radius: 8px;
    background: #fff; color: #333; font-size: 13px;
    min-width: 130px; cursor: pointer;
}
.iu_search_select:focus{outline: none; border-color: var(--color, #004E73);}
.iu_search_input{
    flex: 1; min-width: 220px;
    display: flex; align-items: center;
    height: 40px; border: 1px solid #EAE6DE; border-radius: 8px; background: #fff;
    overflow: hidden;
}
.iu_search_input input[type=text]{
    flex: 1; height: 100%; padding: 0 12px;
    border: 0; background: transparent;
    font-size: 13px; color: #222;
}
.iu_search_input input[type=text]:focus{outline: none;}
.iu_search_input:focus-within{border-color: var(--color, #004E73);}
.iu_search_btn{
    width: 44px; height: 100%;
    border: 0; background: transparent; color: #666;
    cursor: pointer; transition: color .15s;
}
.iu_search_btn:hover{color: var(--color, #004E73);}
.iu_search_reset{
    display: inline-flex; align-items: center; justify-content: center;
    height: 40px; padding: 0 14px;
    border: 1px solid #EAE6DE; border-radius: 8px;
    background: #fff; color: #555; font-size: 13px; font-weight: 500;
    text-decoration: none; transition: all .15s;
}
.iu_search_reset:hover{background: #f7f5f0; color: #222;}

/* 카드 head 안 상품 정보 (썸네일 + 상품명 링크) */
.iu_section .iu_item_head{display: flex; flex-direction: column; gap: 10px;}
.iu_item_product{
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px;
    background: #FAF8F3; border-radius: 8px;
    text-decoration: none; color: inherit;
    transition: background .15s;
}
.iu_item_product:hover{background: #F2EEE3;}
.iu_item_product_thumb{
    flex-shrink: 0;
    width: 48px; height: 48px;
    border-radius: 6px; overflow: hidden;
    background: #fff; border: 1px solid #EAE6DE;
}
.iu_item_product_thumb img{width: 100%; height: 100%; object-fit: cover; display: block;}
.iu_item_product_name{
    flex: 1;
    font-size: 13px; font-weight: 600; color: #333;
    line-height: 140%;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; text-overflow: ellipsis;
}
.iu_item_product:hover .iu_item_product_name{color: var(--color, #004E73);}

@media all and (max-width: 600px){
    .iu_search{padding: 10px;}
    .iu_search_select{width: 100%;}
    .iu_search_input{width: 100%;}
    .iu_search_reset{width: 100%;}
}

@media all and (max-width: 768px){
    .mp_order_head{padding: 10px 14px; gap: 8px;}
    .mp_order_id{margin-left: 0; width: 100%;}
    .mp_order_items{padding: 14px;}
    .mp_order_item{
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }
    .mp_order_img{width: 100%; height: auto; aspect-ratio: 1 / 1; max-width: 120px;}
    .mp_order_img img{aspect-ratio: 1 / 1;}
    .mp_order_info{gap: 6px;}
    .mp_order_name{font-size: 14px; -webkit-line-clamp: 3;}
    .mp_order_opt{font-size: 11px; padding: 2px 8px;}
    .mp_order_meta{font-size: 13px; gap: 8px; margin-top: 4px;}
    .mp_order_price{
        font-size: 15px;
        text-align: left;
        margin-top: 2px;
        padding-top: 10px;
        border-top: 1px dashed #EAE6DE;
    }
    .mp_order_foot{padding: 10px 14px 12px;}
}

/* ─── 반응형 ─── */
@media all and (max-width: 1024px){
    #smb_my.mp_wrap{padding: 30px 0 0 !important; margin-bottom: 60px !important;}
    .mp_header{padding: 24px 22px;}
    .mp_greet_title{font-size: 20px;}
    .mp_stats .mp_stat_card{width: calc((100% - 12px) / 2);}
    .mp_card_full, .mp_card_half{width: 100%;}
    .mp_card{padding: 24px 22px;}
    .mp_wish_wrap.box_wrap{gap: 20px 2%;}
    .mp_wish_wrap .box.mp_wish_box{width: calc((100% - 4%) / 3);}
    .mp_card_info .mp_info_row,
    .mp_card_info .mp_info_row.mp_info_row_full{width: 100%;}
}
@media all and (max-width: 768px){
    .mp_header{padding: 20px 18px; border-radius: 14px;}
    .mp_greeting{gap: 14px; margin-bottom: 18px;}
    .mp_avatar{width: 56px; height: 56px;}
    .mp_greet_title{font-size: 17px;}
    .mp_quick_actions{width: 100%; flex-wrap: wrap;}
    .mp_qa_btn{flex: 1; justify-content: center;}
    #smb_my.mp_wrap .mp_stats{gap: 8px;}
    .mp_stats .mp_stat_card{width: calc((100% - 8px) / 2);}
    .mp_stats .mp_stat_card a{padding: 14px 14px;}
    .mp_stat_value{font-size: 18px;}
    .mp_card{padding: 20px 18px; border-radius: 12px;}
    .mp_section_title{font-size: 16px;}
    .mp_wish_wrap.box_wrap{gap: 14px 2%;}
    .mp_wish_wrap .box.mp_wish_box{width: calc((100% - 2%) / 2); border-radius: 12px;}
    .mp_wish_box .text{padding: 14px 14px;}
    .mp_wish_box .text strong a{font-size: var(--fs14, 14px);}
    .mp_wish_box .price > span{font-size: var(--fs15, 15px);}
    .mp_wish_box .mp_wish_del{width: 32px; top: 8px; right: 8px;}
    .mp_wish_box .mp_wish_del i{font-size: 14px;}
    #smb_my.mp_wrap #smb_ws_act.mp_wish_actions{flex-direction: column;}
    #smb_my.mp_wrap #smb_ws_act.mp_wish_actions button{width: 100%;}

    /* 알림 설정 카드 모바일 */
    .mp_notify_table thead th{padding: 10px 8px; font-size: 12px;}
    .mp_notify_table tbody td{padding: 14px 8px;}
    .mp_notify_label_main{font-size: 13px;}
    .mp_notify_label_desc{font-size: 11px;}
    .mp_notify_actions{flex-direction: column-reverse; align-items: stretch; gap: 10px;}
    .mp_notify_btn{width: 100%; justify-content: center; padding: 13px;}
    .mp_notify_msg{text-align: center;}
}


/* =====================================================
   📝 주문서 작성 (#sod_frm) — 카드형 리디자인
   영카트 default_shop.css의 강제 스타일 무력화 + 사이트 톤(다크 네이비/베이지/골드) 적용
   ===================================================== */

#sod_frm.sod_frm_pc{
    margin: 30px auto 80px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* 좌우 분할 (좌: 정보, 우: 결제) — flex 기반 */
#sod_frm .sod_left,
#sod_frm .sod_right{
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    vertical-align: top;
}
#sod_frm > form,
#sod_frm form[name=fbasket]{
    display: flex;
    flex-wrap: wrap;
    gap: 24px 2%;
}
#sod_frm .sod_left{width: 100% !important;}
#sod_frm .sod_right{width: 100% !important;}

/* 주문상세 페이지 .sod_right 하단 여백 (Phase 6 후속, orderinquiryview.php 등) */
.sod_right{margin-bottom: 50px;}

/* 주문상품 목록 (#sod_list) — 풀폭 */
#sod_frm #sod_list{
    width: 100% !important;
    margin: 0 0 24px !important;
    background: #fff;
    border: 1px solid #EAE6DE;
    border-radius: 16px;
    overflow: hidden;
}
#sod_frm #sod_list table{
    width: 100% !important;
    border-collapse: collapse;
    border: none !important;
    margin: 0 !important;
}
#sod_frm #sod_list thead th{
    padding: 14px 16px !important;
    background: var(--off-white, #FAF7F0) !important;
    border: none !important;
    border-bottom: 1px solid #EAE6DE !important;
    font-size: var(--fs13, 13px);
    font-weight: 700;
    color: var(--color, #0D1B2A);
    text-align: center;
}
#sod_frm #sod_list tbody td{
    padding: 16px !important;
    border: none !important;
    border-bottom: 1px solid #F2F0EC !important;
    background: #fff !important;
    vertical-align: middle;
    font-size: var(--fs14, 14px);
    color: var(--color, #0D1B2A);
}
#sod_frm #sod_list tbody tr:last-child td{border-bottom: none !important;}

/* 상품 셀 — 영카트 기본 .sod_img absolute 무력화 + flex 가로 정렬 */
#sod_frm #sod_list tbody td.td_prd{
    display: flex !important;
    align-items: center;
    gap: 14px;
    text-align: left !important;
    padding: 14px 16px !important;
}
#sod_frm #sod_list .sod_img{
    position: static !important;
    top: auto !important;
    left: auto !important;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
}
#sod_frm #sod_list .sod_img img{
    width: 70px !important;
    height: 70px !important;
    border-radius: 8px;
    object-fit: cover;
    background: var(--off-white);
    display: block;
}
#sod_frm #sod_list .sod_name{
    flex: 1;
    min-width: 0;
    min-height: 0 !important;
    padding-left: 0 !important;
    font-weight: 600;
    color: var(--color, #0D1B2A);
    line-height: 140%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
#sod_frm #sod_list .sod_opt,
#sod_frm #sod_list .sod_opt *{
    font-size: 11px !important;
}
#sod_frm #sod_list .sod_opt{
    display: inline-block;
    margin: 0 !important;
    padding: 5px 9px;
    background: var(--off-white, #FAF7F0);
    border-radius: 6px;
    color: var(--gray-dk, #4a5568) !important;
    font-weight: 500;
    line-height: 130%;
}

/* 섹션 카드 — 주문자/받는사람/결제수단 공통 */
#sod_frm_orderer,
#sod_frm_taker,
#sod_frm_pay{
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #EAE6DE !important;
    border-radius: 16px !important;
    overflow: hidden;
}
#sod_frm_orderer h2,
#sod_frm_taker h2,
#sod_frm_pay h2{
    margin: 0 !important;
    padding: 18px 24px !important;
    background: var(--off-white, #FAF7F0) !important;
    border: none !important;
    border-bottom: 1px solid #EAE6DE !important;
    font-size: var(--fs16, 16px);
    font-weight: 700;
    color: var(--color, #0D1B2A);
    letter-spacing: -0.02em;
}

/* 폼 테이블 (.tbl_frm01) */
#sod_frm .tbl_frm01,
#sod_frm_orderer .tbl_frm01,
#sod_frm_taker .tbl_frm01{
    padding: 22px 24px !important;
    margin: 0 !important;
}
#sod_frm .tbl_frm01 table,
#sod_frm_pay table{
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    border: none !important;
}
#sod_frm .tbl_frm01 th,
#sod_frm_pay th{
    width: 130px !important;
    padding: 12px 0 !important;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    vertical-align: top !important;
    font-size: var(--fs13, 13px) !important;
    font-weight: 600 !important;
    color: var(--color, #0D1B2A) !important;
    line-height: 44px !important;
}
#sod_frm .tbl_frm01 td,
#sod_frm_pay td{
    padding: 6px 0 !important;
    background: transparent !important;
    border: none !important;
    vertical-align: middle !important;
}

/* 입력 필드 통일 */
#sod_frm input[type=text],
#sod_frm input[type=password],
#sod_frm input[type=email],
#sod_frm input[type=tel],
#sod_frm input[type=number],
#sod_frm select,
#sod_frm textarea{
    width: 100%;
    height: 44px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #D9D2C4;
    border-radius: 10px;
    font-size: var(--fs14, 14px);
    color: var(--color, #0D1B2A);
    box-sizing: border-box;
    transition: var(--transition);
}
#sod_frm textarea{height: auto; min-height: 80px; padding: 12px 14px; line-height: 150%;}
#sod_frm input[type=text]:focus,
#sod_frm input[type=password]:focus,
#sod_frm input[type=email]:focus,
#sod_frm input[type=tel]:focus,
#sod_frm input[type=number]:focus,
#sod_frm select:focus,
#sod_frm textarea:focus{
    border-color: var(--gold, #C9A84C);
    outline: none;
}

/* 주소 검색 영역 */
#sod_frm .addr{display: flex; flex-wrap: wrap; gap: 8px;}
#sod_frm .addr input[type=text]{width: auto !important; flex: 1; min-width: 100px;}
#sod_frm .addr button,
#sod_frm_taker .tbl_frm01 td .addr button{
    background: var(--color, #0D1B2A) !important;
    color: #fff !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 18px !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: var(--fs13, 13px) !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: var(--transition);
}
#sod_frm .addr button:hover{background: var(--gold, #C9A84C) !important; color: var(--color, #0D1B2A) !important;}

/* 받는사람 — choice_place (배송지 선택 박스) */
#sod_frm_taker .tbl_frm01 .choice_place{
    background: var(--off-white, #FAF7F0) !important;
    padding: 12px 16px !important;
    border: 1px solid #EAE6DE !important;
    border-radius: 10px !important;
    margin: 0 0 12px !important;
}
#sod_frm_taker .tbl_frm01 .choice_place .chk_box{width: auto !important;}
#sod_frm_taker .tbl_frm01 .btn_frmline{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    border: 1px solid var(--color, #0D1B2A) !important;
    color: var(--color, #0D1B2A) !important;
    height: 32px !important;
    padding: 0 14px !important;
    width: auto !important;
    border-radius: 100px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer;
    transition: var(--transition);
    top: 50% !important;
    transform: translateY(-50%);
}
#sod_frm_taker .tbl_frm01 .btn_frmline:hover{background: var(--color, #0D1B2A) !important; color: #fff !important;}

/* ─── 우측: 결제 정보 / 결제 수단 ─── */

/* #sod_bsk_tot — 총 결제 정보 박스 (다크 네이비 + 골드 강조) */
#sod_frm #sod_bsk_tot{
    position: relative;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 26px 28px !important;
    background: linear-gradient(160deg, #11233a 0%, var(--color, #0D1B2A) 60%, #08121f 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(13,27,42,0.18);
}
#sod_frm #sod_bsk_tot::before{
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 180px; height: 180px;
    background: radial-gradient(circle, rgba(201,168,76,0.18), transparent 70%);
    pointer-events: none;
}
#sod_frm #sod_bsk_tot ul{
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}
#sod_frm #sod_bsk_tot li{
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 10px 0 !important;
    text-align: left !important;
    font-size: var(--fs14, 14px);
    color: rgba(255,255,255,0.78);
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px;
    line-height: 130%;
    position: static !important;
}
#sod_frm #sod_bsk_tot li:first-child{border: none !important;}
#sod_frm #sod_bsk_tot li:before,
#sod_frm #sod_bsk_tot li:after{display: none !important; content: none !important;}
#sod_frm #sod_bsk_tot li span{
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    text-align: left;
    font-weight: 500;
}
/* 항목별 아이콘 (FontAwesome) */
#sod_frm #sod_bsk_tot li.sod_bsk_sell span:first-child::before{content: "\f291"; font-family: 'FontAwesome'; color: rgba(255,255,255,0.55); font-size: 13px; width: 16px;}
#sod_frm #sod_bsk_tot li.sod_bsk_coupon span:first-child::before{content: "\f145"; font-family: 'FontAwesome'; color: rgba(255,255,255,0.55); font-size: 13px; width: 16px;}
#sod_frm #sod_bsk_tot li.sod_bsk_dvr span:first-child::before{content: "\f0d1"; font-family: 'FontAwesome'; color: rgba(255,255,255,0.55); font-size: 13px; width: 16px;}
#sod_frm #sod_bsk_tot li.sod_bsk_cnt span:first-child::before{content: "\f155"; font-family: 'FontAwesome'; color: var(--gold, #C9A84C); font-size: 14px; width: 16px;}

#sod_frm #sod_bsk_tot li strong{
    text-align: right;
    color: #fff;
    font-weight: 700;
    font-size: var(--fs15, 15px);
    letter-spacing: -0.2px;
    font-variant-numeric: tabular-nums;
    margin-left: auto;
}
/* "원" 단위 — 값 바로 옆에 작게 붙임 */
#sod_frm #sod_bsk_tot li > strong + *,
#sod_frm #sod_bsk_tot li{ }
#sod_frm #sod_bsk_tot li::after{
    content: "";
}
#sod_frm #sod_bsk_tot li.sod_bsk_cnt{
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 130% !important;
    background: transparent !important;
    margin-top: 12px !important;
    padding: 18px 0 6px !important;
    border-top: 1px solid rgba(255,255,255,0.18) !important;
    font-size: var(--fs15, 15px);
    font-weight: 700;
    color: #fff;
    align-items: center !important;
}
#sod_frm #sod_bsk_tot li.sod_bsk_cnt span:first-child{
    color: #fff !important;
    font-size: var(--fs15, 15px);
    font-weight: 700;
}
#sod_frm #sod_bsk_tot li.sod_bsk_cnt strong{
    color: var(--gold, #C9A84C) !important;
    font-size: var(--fs24, 24px);
    font-weight: 800;
    letter-spacing: -0.5px;
}
#sod_frm #sod_bsk_tot li.sod_bsk_cnt > span:last-of-type{
    color: var(--gold, #C9A84C) !important;
    font-size: var(--fs15, 15px);
    font-weight: 700;
}

/* 결제 수단 라디오 (#sod_frm_paysel) */
#sod_frm #sod_frm_paysel{
    border: none !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
#sod_frm #sod_frm_paysel label{
    flex: 1;
    min-width: calc((100% - 8px) / 2);
    margin: 0 !important;
    cursor: pointer;
    box-sizing: border-box;
}
#sod_frm #sod_frm_paysel input[type=radio]{
    position: absolute;
    opacity: 0;
    width: 0; height: 0;
}
#sod_frm #sod_frm_paysel label > span,
#sod_frm #sod_frm_paysel input + span{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #EAE6DE;
    border-radius: 10px;
    font-size: var(--fs13, 13px);
    font-weight: 600;
    color: var(--color, #0D1B2A);
    transition: var(--transition);
    text-align: center;
}
#sod_frm #sod_frm_paysel input:checked + span{
    background: var(--color, #0D1B2A) !important;
    border-color: var(--color, #0D1B2A) !important;
    color: #fff !important;
}

/* 포인트 관련 영역 — 2026-05-12 옵션 C 활성화로 노출 복원.
   1차 출시 미운영 시 display:none 처리했던 영역이지만 P-056 등급별 적립 hook 활성 후
   주문상품 포인트 / 총 결제 박스 / 사용 포인트 입력 / 미적립 안내 모두 노출 필요.
   향후 재숨김이 필요하면 본 블록 주석 해제하면 됨.
*/
/*
#sod_frm #sod_list thead th:nth-child(5),
#sod_frm #sod_list tbody td:nth-child(5),
#sod_frm #sod_bsk_tot .sod_bsk_point,
#sod_frm .sod_frm_point,
#sod_frm #sod_frm_pt,
#sod_frm #sod_frm_pt_alert{display: none !important;}
*/

/* 포인트 사용 입력 영역 디자인 정돈 (2026-05-12) */
#sod_frm .sod_frm_point{
    margin: 16px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
#sod_frm .sod_frm_point > div{
    margin: 0 !important;
    padding: 18px 20px !important;
    background: #fff !important;
    border: 1px solid #e3e5e8 !important;
    border-radius: 8px !important;
    text-align: left !important;
    overflow: visible !important;
}
#sod_frm .sod_frm_point > div:first-child{
    border-radius: 8px 8px 0 0 !important;
    border-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    line-height: 40px !important;
    font-size: 14px !important;
    color: #555 !important;
}
#sod_frm .sod_frm_point > div:first-child label{
    flex: 0 0 100% !important;
    float: none !important;
    margin: 0 0 6px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #333 !important;
    font-size: 14px !important;
}
#sod_frm .sod_frm_point #od_temp_point{
    flex: 1 1 200px !important;
    max-width: 280px !important;
    height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid #d0d3db !important;
    border-radius: 6px !important;
    text-align: right !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #004E73 !important;
    background: #fafbfc !important;
}
#sod_frm .sod_frm_point #od_temp_point:focus{
    border-color: #004E73 !important;
    background: #fff !important;
    outline: none !important;
}
#sod_frm .sod_frm_point #btn_use_max_point{
    height: 40px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #004E73 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.15s ease;
}
#sod_frm .sod_frm_point #btn_use_max_point:hover{
    background: #0066a0 !important;
}
#sod_frm #sod_frm_pt{
    margin: 0 !important;
    padding: 14px 20px !important;
    background: #f8fafc !important;
    border: 1px solid #e3e5e8 !important;
    border-top: 1px dashed #d0d3db !important;
    border-radius: 0 0 8px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    text-align: left !important;
}
#sod_frm #sod_frm_pt span{
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: #555 !important;
}
#sod_frm #sod_frm_pt span strong{
    float: none !important;
    font-weight: 500 !important;
    color: #777 !important;
}
#sod_frm #sod_frm_pt .max_point_box em{
    color: #004E73 !important;
    font-weight: 800 !important;
    font-style: normal !important;
    font-size: 14px !important;
}
/* 영카트 표준 clearfix :after 무력화 (flex 레이아웃에서 불필요한 빈 박스 제거) */
#sod_frm .sod_frm_point > div:after,
#sod_frm .sod_frm_point > div > div:after,
#sod_frm .sod_frm_point span:after,
#sod_frm #sod_frm_pt > div:after,
#sod_frm #sod_frm_pt span:after{
    display: none !important;
    content: none !important;
}

/* 결제정보 표 (.pay_tbl) — 그누보드 기본 흰배경/하단보더 제거 + 정렬 통일 */
#sod_frm_pay .pay_tbl table{border-collapse: separate !important; border-spacing: 0 8px !important;}
#sod_frm_pay .pay_tbl th{
    width: 130px !important;
    padding: 12px 0 !important;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: var(--fs13, 13px) !important;
    font-weight: 600 !important;
    color: var(--color, #0D1B2A) !important;
    line-height: 150% !important;
}
#sod_frm_pay .pay_tbl td{
    padding: 12px 0 !important;
    background: transparent !important;
    border: none !important;
    height: auto !important;
    text-align: left !important;
    vertical-align: middle !important;
    line-height: 150% !important;
}

/* 추가배송비 행 — 안내 카드 스타일 (P-015 mintone_addship 클래스) */
#sod_frm_pay .pay_tbl tr.mintone_addship{
    display: block;
    background: var(--off-white, #FAF7F0);
    border: 1px solid #EAE6DE;
    border-left: 3px solid var(--gold, #C9A84C);
    border-radius: 12px;
    padding: 16px 20px;
    margin-top: 8px;
}
#sod_frm_pay .pay_tbl tr.mintone_addship th,
#sod_frm_pay .pay_tbl tr.mintone_addship td{
    display: block;
    width: 100% !important;
    padding: 0 !important;
    text-align: left !important;
}
#sod_frm_pay .pay_tbl tr.mintone_addship th{
    margin-bottom: 6px;
    font-size: var(--fs13, 13px) !important;
    color: var(--gray-dk, #6B6557) !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
}
#sod_frm_pay .pay_tbl tr.mintone_addship th::before{
    display: none !important;
    content: none !important;
}
#sod_frm_pay .pay_tbl tr.mintone_addship td{
    font-size: var(--fs13, 13px);
    color: var(--gray-dk, #6B6557);
}
#sod_frm_pay .pay_tbl tr.mintone_addship td #od_send_cost2{
    color: var(--color, #0D1B2A) !important;
    font-size: var(--fs18, 18px) !important;
    font-weight: 700;
    margin-right: 2px;
}
#sod_frm_pay .pay_tbl tr.mintone_addship td br{display: block;}

/* 무통장입금 안내 (#settle_bank) — paysel flex 안에서 한 줄 차지 + 박스 정리 */
#sod_frm #sod_frm_paysel #settle_bank,
#sod_frm #settle_bank{
    flex-basis: 100% !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 14px 16px !important;
    background: var(--off-white, #FAF7F0) !important;
    border: 1px solid #EAE6DE !important;
    border-radius: 10px !important;
    margin: 12px 0 0 !important;
    font-size: var(--fs13, 13px) !important;
    line-height: 150% !important;
    text-align: left !important;
    float: none !important;
    clear: both;
}
#sod_frm #settle_bank br{display: none;}
#sod_frm #settle_bank label{
    float: none !important;
    width: auto !important;
    display: inline-block;
    font-weight: 600;
    color: var(--color, #0D1B2A);
    line-height: 150% !important;
    margin: 0 0 4px;
}
#sod_frm #settle_bank select,
#sod_frm #settle_bank input[type=text],
#sod_frm #settle_bank #od_deposit_name{
    width: 100% !important;
    height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid #EAE6DE !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    text-align: left !important;
    float: none !important;
    box-sizing: border-box;
}

/* 합계 표시 — #od_tot_price */
#sod_frm #od_tot_price{
    display: none !important; /* #sod_bsk_tot에 통합 표시 */
}

/* 결제 버튼 영역 (.btn_confirm 또는 #sod_frm 끝의 버튼들) */
#sod_frm .btn_confirm,
#sod_frm #sod_frm_pay + .btn_confirm,
#sod_frm form > .btn_confirm{
    display: flex !important;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    width: 100%;
}

/* .btn_confirm 내부 모든 버튼: 크기·폰트 통일 */
#sod_frm .btn_confirm > .btn_submit,
#sod_frm .btn_confirm > input[type=submit],
#sod_frm .btn_confirm > input[type=button],
#sod_frm .btn_confirm > button,
#sod_frm .btn_confirm > .btn_close,
#sod_frm .btn_confirm > .btn_cancel,
#sod_frm .btn_confirm > .btn01,
#sod_frm .btn_confirm > a.btn,
#sod_frm .btn_confirm > a{
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 56px !important;
    padding: 0 16px !important;
    font-size: var(--fs16, 16px) !important;
    font-weight: 700 !important;
    line-height: 56px !important;
    border-radius: 12px !important;
    letter-spacing: -0.01em;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    box-sizing: border-box;
}

/* 주 버튼 (확인/주문하기) */
#sod_frm .btn_confirm > .btn_submit,
#sod_frm .btn_confirm > input[type=submit].btn_submit,
#sod_frm .btn_confirm > button[type=submit]{
    background: var(--color, #0D1B2A) !important;
    color: #fff !important;
    border: 1px solid var(--color, #0D1B2A) !important;
}
#sod_frm .btn_confirm > .btn_submit:hover,
#sod_frm .btn_confirm > input[type=submit].btn_submit:hover,
#sod_frm .btn_confirm > button[type=submit]:hover{
    background: var(--gold, #C9A84C) !important;
    color: var(--color, #0D1B2A) !important;
    border-color: var(--gold, #C9A84C) !important;
}

/* 보조 버튼 (취소/닫기) */
#sod_frm .btn_confirm > .btn_close,
#sod_frm .btn_confirm > .btn_cancel,
#sod_frm .btn_confirm > .btn01,
#sod_frm .btn_confirm > a.btn{
    background: #fff !important;
    color: var(--color, #0D1B2A) !important;
    border: 1px solid var(--color, #0D1B2A) !important;
}
#sod_frm .btn_confirm > .btn_close:hover,
#sod_frm .btn_confirm > .btn_cancel:hover,
#sod_frm .btn_confirm > .btn01:hover,
#sod_frm .btn_confirm > a.btn:hover{
    background: var(--color, #0D1B2A) !important;
    color: #fff !important;
}

/* 약관/체크박스 정렬 */
#sod_frm input[type=checkbox] + label{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--fs13, 13px);
    color: var(--color, #0D1B2A);
    cursor: pointer;
}

/* 반응형 */
@media all and (max-width: 1024px){
    #sod_frm.sod_frm_pc{margin: 24px auto 60px !important;}
    #sod_frm > form,
    #sod_frm form[name=fbasket]{flex-direction: column; gap: 16px;}
    #sod_frm .sod_left,
    #sod_frm .sod_right{width: 100% !important;}
    #sod_frm .tbl_frm01 th,
    #sod_frm_pay th{width: 110px !important;}
}
@media all and (max-width: 768px){
    #sod_frm.sod_frm_pc{margin: 18px auto 40px !important;}
    #sod_frm_orderer h2,
    #sod_frm_taker h2,
    #sod_frm_pay h2{padding: 14px 18px !important; font-size: var(--fs15, 15px);}
    #sod_frm .tbl_frm01,
    #sod_frm_orderer .tbl_frm01,
    #sod_frm_taker .tbl_frm01{padding: 16px 18px !important;}
    #sod_frm .tbl_frm01 table,
    #sod_frm_pay table{display: block;}
    #sod_frm .tbl_frm01 tbody,
    #sod_frm_pay tbody{display: block;}
    #sod_frm .tbl_frm01 tr,
    #sod_frm_pay tr{display: block; padding: 8px 0;}
    #sod_frm .tbl_frm01 th,
    #sod_frm_pay th{
        display: block !important;
        width: 100% !important;
        padding: 0 0 6px !important;
        line-height: 1.2 !important;
    }
    #sod_frm .tbl_frm01 td,
    #sod_frm_pay td{display: block !important; padding: 0 !important;}
    #sod_frm #sod_bsk_tot{padding: 18px 18px !important;}
    #sod_frm #sod_frm_paysel label{min-width: 100% !important;}
}

/* === 민트원: 쿠폰할인 영역 비활성화 (1차 출시 — 쿠폰 미운영) === */
/* orderform.sub.php의 sod_right > sod_bsk_tot li.sod_bsk_coupon, orderresult의 sod_info 등 모든 위치 강제 숨김 */
#sod_bsk_tot .sod_bsk_coupon,
.sod_right .sod_bsk_coupon,
.sod_info .sod_bsk_coupon,
li.sod_bsk_coupon { display: none !important; }