@charset "utf-8";

/* 오늘 본 상품 */
#stv {position:relative}
#stv h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#stv_ul {padding:10px 0}
#stv_ul:after {display:block;visibility:hidden;clear:both;content:""}
#stv_ul li {float:left;width:33.333%}
#stv_ul li img {width:100%;height:auto}
#stv_pg {display:block;text-align:center;margin:0;line-height:20px}
.stv_item {display:none;padding:3px;word-break:break-all}
#stv_btn {position:relative}
#up {position:absolute;top:0px;left:5px;background:url(img/btn_prev.gif) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc}
#down {position:absolute;top:0px;right:5px;background:url(img/btn_next.gif) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc}
#stv .li_empty {text-align:center;padding:50px 0;color:#666}

/*메인배너*/
#main_bn {position:relative}
#main_bn img {width:100%;height:auto}
#main_bn .bx-prev {position:absolute;top:50%;z-index:10;left:0;margin-top:-20px;background:url(img/btn_prev.png) no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-next {position:absolute;top:50%;z-index:10;right:0;margin-top:-20px;background:url(img/btn_next.png) no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .swiper-pagination-bullet {display:inline-block;margin:2px;opacity:1;width:20px;height:5px;background:#a4b3ab;border-radius:3px;text-indent:-999px;overflow:hidden}
#main_bn .swiper-pagination-bullet-active {background:#3e976c;width:18px}

/*사이드배너-왼쪽배너*/
#sbn_side {position:relative;max-width:1120px;height:870px;margin:100px auto !important}
#sbn_side:after {display:block;visibility:hidden;clear:both;content:""}
#sbn_side h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sb_bn:after {display:block;visibility:hidden;clear:both;content:""}
.sb_bn li {position:absolute;width:550px}
.sb_bn li.sb_0 {left:0;top:0}
.sb_bn li.sb_1 {left:0;top:570px}
.sb_bn li.sb_2 {right:0;top:0}
.sb_bn li.sb_3 {right:0;top:280px}
.sb_bn img {width:100%;height:auto;
-webkit-transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
transition:all 0.7s ease}
.sb_bn li:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)}
.sb_bn li .sb_wrap {overflow:hidden;position:relative}
.sb_bn li .sb_txt {position:absolute;left:30px;top:30px;color:#3e976c;font-size:1.4em;font-weight:bold}
.sb_bn li:hover .sb_txt {color:#2f7955}
.sb_bn li:hover .view {color:#3e976c}
.sb_bn li .view {font-size:0.65em;color:#000}
.sb_bn li .view i {display:inline-block;margin-left:5px;width:20px;height:20px;line-height:20px;font-size:0.45em;background:#a5e2c0;color:#5eb183;border-radius:50px;text-align:center}

@media (max-width:1120px) {
	#container .idx_only {width:100%;height:100%}
	.sb_bn li {width:100%;position:inherit;margin-bottom:10px}
}


/* 쇼핑몰 이벤트 */
#sev {text-align:center}
#sev .bx-wrapper {position:relative}
#sev h2 {text-align:center;font-size:1.8em;margin:80px 0 50px;color:#000}
#sev li img {width:100%}
.sev_admin {margin:10px;text-align:right}
.sev_admin .btn_admin {line-height:30px;padding:0 10px}
#sev .bx-pager-item {display:inline-block;margin:2px}
#sev .bx-pager-link {display:inline-block;width:20px;height:5px;background:#a4b3ab;border-radius:3px;text-indent:-999px;overflow:hidden}
#sev .active {background:#3e976c;width:18px}
#sev_list {margin:10px}
#sev_list #sct_sort {background:#fff}

/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {}
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {text-align:center;font-size:1.4em;margin:80px 0 50px}
.sct_wrap h2 a {display:inline-block;padding-bottom:5px;text-decoration:none}

@media (max-width:969px) {
	.sct_wrap h2 {text-align:center;font-size:1.4em;margin:40px 0 20px}
	#sev h2 {text-align:center;font-size:1.4em;margin:40px 0 20px}
}

.sct {margin:10px 0;padding:0;list-style:none;clear:both; width: 100%; float: left}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative;text-align:center}

.sct_li  img{width:100%;     object-fit: cover;
    width: 100%;
    height: 100%;
}


.sct_noitem {padding:50px 0;text-align:center}
.sct_img img {max-width:100%;height:auto}
.sct_icon img {margin:0 1px 0 0}
.sct_sns a {display:inline-block;margin:0 2px;width:28px;height:28px;line-height:28px;border-radius:3px;font-size:0;text-align:center}
.share-facebook {background:#415b92}
.share-twitter {background:#35b3dc}
.share-googleplus {background:#d5503a}
.share-kakaotalk {background:#ffeb00}
.sct_sns img {width:20px;height:auto;vertical-align:middle}
.sct_sns button {margin:0 4px 0 0;padding:0;border:0}
.sct_icon {text-align:center}
.sct_icon .shop_icon {display:inline-block;border-radius:2px;background:#fff;line-height:20px;padding:0 5px;font-size:0.75em;margin:1px;color:#a9d6c0;border:1px solid #a9d6c0}
.sct_icon .shop_icon_soldout {position:absolute;left:10px;top:10px;display:inline-block;color:red;font-style:italic;font-weight:bold;font-size:1em;z-index:0}

.sct_icon .shop_icon_1 {} /* 히트 아이콘 */
.sct_icon .shop_icon_2 {} /* 추천 아이콘 */
.sct_icon .shop_icon_3 {} /* 최신 아이콘 */
.sct_icon .shop_icon_4 {position:absolute;right:10px;top:10px;line-height:50px;height:50px;width:50px;border:0;background:#3e976c;color:#fff;font-size:0.85em} /* 인기 아이콘 */
.sct_icon .shop_icon_5 {} /* 할인 아이콘 */
.sct_icon .shop_icon_coupon {}

.mli_btn button {background:url(img/mainlist_btn.gif) no-repeat;width:30px;height:30px;border:none;text-indent:-9999px}
.mli_btn button.mli_pre {position:absolute;top:0;left:10px}
.mli_btn button.mli_next {background-position:-33px 0;position:absolute;top:0;right:10px}



/* 상품 목록 스킨 20 */
.sct_20 .sct_li {background:#fff;border-bottom:1px solid #e6e6e6;width:100% !important;margin:0 !important;padding:10px;text-align:left}
.sct_20 .sct_img {position:absolute;top:0;left:0}
.sct_20 .li_wr {position:relative}
.sct_20 .sct_id {margin:0px 10px 5px;font-size:0.92em;color:#666}
.sct_20 .sct_txt {font-weight:bold;font-size:1.083em;margin:0px 10px 5px;line-height:1.5em; border-bottom: none}
.sct_20 .sct_cost {margin:5px 10px}
.sct_20 .sct_sns {margin:10px 10px}
.sct_20 .li_wr.is_view_type_list {padding-left:130px;height:130px}
.sct_20 .li_wr.is_view_type_list .sct_img {width:130px}
.sct_20 .li_wr.is_view_type_list .sct_img a {display:block}
.sct_20 .li_wr.is_view_type_list img {width:100%;height:auto}

#item_load_msg {display:none}
#btn_more_item {height:43px;width:100%;border:1px solid #eee;font-size:1em;color:#282828;line-height:43px;background:none}


/* 관련상품 목록 스킨 10 */
#sit_rel {background:#fff;margin:20px 0}
#sit_rel h2 {text-align:left;padding:20px 10px;border-top:1px solid #eee;color:#000; font-size: 20px!important}
#sit_rel .sct_wrap {margin:0}
.srl_10 {padding:0 10px 10px}
.srl_10:after {display:block;visibility:hidden;clear:both;content:""}
.srl_10 li {float:left;width:33.333%;padding:5px;text-align:center}
.srl_10 li img {width:100%;height:auto}
.srl_10 .sct_clear {clear:both}
.srl_10 .sct_txt {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:10px 0 5px}
.srl_10 .sct_cost {color:#3e976c;font-weight:bold}

/* 베스트상품 스킨 10 */
#best_item {margin:20px 0;overflow:hidden;position:relative}
#best_item h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#best_item #sbest_list {width:100%;overflow:hidden}
#best_item .slide-wrap {margin:0px;overflow:hidden;position:relative;top:0;left:0;float:left}
#best_item .slide-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#best_item .sct_best {width:100%;position:relative;padding:0;float:left}
#best_item .best_on {}
.sct_best .sct_li {position:relative;float:left;max-width:257.5px}
.sct_best .sct_last {margin:0 0 15px !important}
.sct_best .sct_clear {clear:both;margin-left:0}
.sct_best .sct_a {display:block;position:relative;text-decoration:none;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sct_best .sct_txt .sct_a {margin:0 0 5px}
.sct_best .sct_a img {width:100%;height:auto}
.sct_best .sct_id {display:block;margin:0 0 5px}
.sct_best .sct_basic {margin:0 0 10px}
.sct_best .sct_cost {display:block;margin:0 0 10px;font-size:0.917em}
.sct_best .sct_icon {margin:0 0 10px}
.sct_best .sct_sns {margin:15px 0 0}
.sct_best .sct_img {position:relative;margin:0 5px 5px}
.sct_best .best_icon {position:absolute;right:10px;top:10px;line-height:50px;height:50px;width:50px;border:0;background:#3e976c;color:#fff;font-size:0.85em;border-radius:2px}
.bst_silde_btn {text-align:center;clear:both;margin:10px 0}
.bst_silde_btn button {border:0;display:inline-block;width:30px;height:3px;background:#afafaf;text-indent:-999px;overflow:hidden;margin:3px}
.bst_silde_btn button.bst_sl {background:#3e976c}

/* 개인결제 목록 */
#sct_pv {margin:10px 5px}
.sct_pv {margin:10px 0}
.sct_pv .sct_li {position:relative;float:left;position:relative;float:left;margin-bottom:10px}
.sct_pv .sct_img {padding:0 5px}
.sct_pv .sct_img a {}
.sct_pv .sct_img img {width:100%}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:block;position:relative;margin:0 0 5px;text-decoration:none;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px}
.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:0 0 10px}
.sct_pv .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_icon {margin:0 0 10px}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct { width: 100%; float: left}
.sct_admin {margin:0 0 10px;text-align:right}
#sit_hhtml img {max-width:100%;height:auto}

/* 상품 목록 현재 위치 */
#sct_location {border:1px solid #e9e9e9;background:#f2f5f9;letter-spacing:-4px}
#sct_location a {display:inline-block;padding:5px 10px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:13px !important;background:url('img/sct_bg_toright.gif') right 8px no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct {text-align:left;width:100%; margin-bottom: 50px}
.sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sct_ct ul {list-style:none;margin:0;padding:0px}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct ul li {display:inline-block;padding:0 0px;line-height:30px;font-size:0.95em ; }

.sct_ct ul li a{display:inline-block;padding:0 15px;line-height:40px;font-size:0.95em ; background-color: #f7f7f7; border-radius: 50px}
.sct_ct ul li a:hover {color:#3e976c}
.sct_ct ul li span {color:#3e976c}
.sct_ct ul li:first-child {background:none}
.sct_ct a {text-decoration:none;color:#656565}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}

/* 상품 정렬 */



#sct_sortlst {position:relative; line-height:45px; height:48px;  border: none!important; padding: 0px!important;  width: 100%; float: left; margin-bottom: 10px }

#sct_sort {padding: 0px!important;bwidth: 100%;}


#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sct_sort button {height:45px;line-height:45px;border:0;padding:0 10px; background-color: #fff ;  }
#sct_sort .btn_sort {font-size:0.85em;  position: absolute; right: 0px;  border: none!important; width: auto; float: left; z-index: 99999}
#sct_sort .btn_sort i {color:#ddd;display:inline-block;margin-left:5px}

#sct_sort ul:before {content:"";position:absolute;top:-8px;right:30px;width:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #bbb transparent}
#sct_sort ul:after {content:"";position:absolute;top:-7px;right:30px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#sct_sort ul {display:none;position:absolute;border:1px solid #bbb;z-index:99; right: 0px; top: 45px; background-color: #fff}
#sct_sort li {border-top:1px solid #eee}
#sct_sort li a {display:block;text-align:center;color:#333;background:#fff; font-size:0.8em;padding:0px 10px 5px;}

/* 상품 리스트 스타일 선택 */
#sct_lst {position:absolute;top:0;right: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;padding:0;width:40px;height:40px;border:0; background:#fff;color:#9a9a9a;font-size:15px}

/* 상품 상세보기 */
#sit {margin:0}
.sit_admin {margin:10px 10px 0;text-align:right}
.sit_empty {padding:30px 0;text-align:center}

/* 상품상세 */
#info_content {padding:0 10px 30px}
#info_content:after {display:block;visibility:hidden;clear:both;content:""}
#info_content h3 {margin:0 0 10px}
.if_tit {text-align:center;margin-top:10px;padding:10px;background:#f5f5f5;border:1px solid #e9e9e9}
.win_desc_if {border:1px solid #e9e9e9;padding:10px;border-top:none}
.win_desc {margin-top:10px}

/* 상품 상세보기 - 개요 */
#sit {background:#fffefe}
#sit_ov_wrap {/*position:absolute;top:101px;left:0;*/width:100%;}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sit_ov_innr {max-width:100%;margin:0 auto}

#sit_ov_bottom {max-width:100%;margin:0 auto}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {float:left;position:relative;width:100%;margin:0; text-align:center;}
#sit_pvi img {width:100%;     object-fit: cover;
    width: 100%;
    height: 100%;
}
#sit_pvi .owl-next {position:absolute;top:50%;right:15px;margin-top:-18px;background:url(img/btn_next.png) no-repeat 50%  50%;width:37px;height:37px;text-indent:-999px;overflow:hidden;opacity:0.4}
#sit_pvi .owl-prev {position:absolute;top:50%;left:15px;margin-top:-18px;background:url(img/btn_prev.png) no-repeat 50% 50%;width:37px;height:37px;text-indent:-999px;overflow:hidden;opacity:0.4}
#sit_pvi .owl-prev:hover, #sit_pvi .owl-next:hover {opacity:1}
#sit_pvi .disabled, #sit_pvi .disabled:hover {opacity:0}

#sit_pvi .owl-wrapper {position:relative}
#sit_pvi_nw h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#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;padding:0 10px;list-style:none;text-align:center}
#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}

@media (max-width:970px) {
    #sit_pvi {padding:0;width:100%;margin:0;border:0}
}

/* 상품 상세보기 - 다른 상품 보기 */
#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:inline-block;padding:0 12px;line-height:45px;color:#8e8e96;text-indent:-999px;overflow:hidden}
#sit_siblings #siblings_prev {background:url('./img/btn-prev.png') no-repeat 50% 50% #ececec;width:50%;float:left}
#sit_siblings #siblings_next {background:url('./img/btn-next.png') no-repeat 50% 50% #ececec;width:50%;float:right}

@media (min-width:970px) {
    #sit_siblings a#siblings_prev {position:fixed;top:50%;left:0;z-index:93;width:45px}
    #sit_siblings a#siblings_next {position:fixed;top:50%;right:0;z-index:99;width:45px}
    #sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
}

/* 상품 상세보기 - sns */
#sit_star_sns {margin-bottom:10px}
#sit_star_sns a {display:inline-block;vertical-align:middle}

.sns_share {text-align:center;position:absolute;right:0;top:0}
.btn_sns_share {background:#ececec;border:0;width:30px;height:30px;text-align:center;border-radius:50px;font-weight:bold;font-size:0.85em}
.btn_sns_share:hover {background:#b3b3b3}
.btn_sns_share i {color:#b3b3b3}
.btn_sns_share:hover i {color:#fff}

@media (max-width:970px) {
    .sns_share {position:inherit}
}


.sns_area {display:none;position:fixed;top:0px;left:0;width:100%;height:100%;z-index:1650}
.sns_wr {position:absolute;background:#fff;top:50%;left:50%;width:300px;padding-bottom:20px;margin-top:-70px;margin-left:-150px}
.sns_area .bg {width:100%;height:100%;background:rgba(0,0,0,0.3)}
.sns_area h3 {font-size:1.2em;line-height:20px;padding:20px !important;text-align:left;font-weight:700;border-bottom:1px solid #f3f3f3;margin-bottom:20px !important}
.sns_area a {display:inline-block;width:50px;height:50px;line-height:50px;background:#eee;text-align:center;vertical-align:top;border-radius:50%}
.sns_area a img {width:24px;height:auto;vertical-align:top}
.sns_area .btn_close {position:absolute;font-size:16px;top:0;right:0;width:50px;height:60px;color:#aaa;background:none;border:0}
.sns_area #sit_btn_rec {font-size:15px}
.sns_area .share-googleplus {background:#d5503a;padding:12px}
.sns_area .share-facebook {background:#415b92;padding:12px}
.sns_area .share-twitter {background:#35b3dc;padding:12px}
.sns_area .share-kakaotalk {background:#ffeb00;padding-top:12px}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {float:right;position:relative;width:100%;padding:0;height:auto !important;}
#sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_ov h3 {font-size:1.2em;line-height:20px;padding:10px 0;text-align:left;font-weight:700;border-bottom:1px solid #e6e6e6;margin-bottom:10px}
#sit_ov .sit_ov_wr {}
.sit_option {padding:20px 0;border-top:1px solid #e6e6e6;font-size:0.85em}
.sit_option label {display:block;margin:0 0 5px}
.sit_option select {width:100%;height:45px;border:1px solid #e6e6e6;margin:0 0 10px;padding:0 10px}

#sit_title {display:block;position:relative;font-size:1.6em;line-height:1.6em;font-weight:bold;text-align:left;color:#000}
#sit_desc {padding:0 0 20px;color:#a2a2a2;line-height:1.5em;text-align:left;font-size:1em}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_icon {display:block;margin:0}
.sit_icon img {margin:0 1px 0 0;vertical-align:top;margin:0 1px}

#sit_star {color:#b8afa2;font-size:0.95em;padding:0 10px;line-height:2.2em}
#sit_star span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
#sit_star a {display:inline-block;vertical-align:middle}
#sit_star button {margin:0;padding:0;border:0}

.sit_ov_tbl {padding:10px 0 20px;margin-top:10px;color:#777;border-top:1px solid #e6e6e6;font-size:0.95em}
.sit_ov_tbl table {border-collapse:collapse;width:100%;border:0}
.sit_ov_tbl th {font-weight:normal;text-align:left;padding:5px 0}
.sit_ov_tbl td {padding:5px 15px}
.sit_ov_tbl tr:first-child td,
.sit_ov_tbl tr:first-child th {border:none}
.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 {height:1.8em;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
.sit_ov_tbl button {margin:0}

.sit_op_sl {width:100%;border-collapse:collapse;border:1px solid #e9e9e9}
.sit_op_sl th {font-weight:normal;text-align:left;padding:0 0 0 10px}
.sit_op_sl td {text-align:left;padding:9px 10px 9px 0}

.sit_sel_btn {position:relative;top:-15px;right:-2px} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {width:100%}

#sit_ov_soldout {margin:20px 0;color:#ff3061;font-weight:bold;text-align:center}
#sit_ov_btn {padding:0 0 10px;text-align:center;font-size:0.85em; display: grid;grid-template-columns: auto auto  auto;; width: 100%; float: left }
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn a {display:inline-block;padding:0;vertical-align:middle;text-decoration:none;line-height:45px;height:45px;border:1px solid #ddd;color:#3d3e3e;font-weight:bold;background:#fff;width:100%;margin-bottom:10px}
#sit_ov_btn a:hover {color:#3e976c;border-color:#3e976c}
#sit_ov_btn button {height:45px;line-height:45px;vertical-align:middle;font-weight:bold}
#sit_ov_btn input{height:45px;line-height:45px;vertical-align:middle;font-weight:bold}

#sit_btn_buy {background:#3d3e3e;border:0;color:#fff;width:100%;margin:0 0 10px}
#sit_btn_buy:hover {background:#111;color:#fff !important;border:0}

#sit_btn_cart {background:#fff;border:1px solid #ddd;color:#3d3e3e;width:100%;margin-bottom:10px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }
.sct_img:hover .sct_btn #sit_btn_cart {color:#3e976c;border-color:#3e976c}
#sit_sns {text-align:center;padding:10px 0 20px}
#sit_sns img {width:20px;height:auto}
#sit_sel_option {padding:0;font-size:0.85em; }
#sit_tot_price {text-align:right;padding:20px 0; width: 100%; float: left}
#sit_tot_price span {float:left}
#sit_tot_price strong {font-weight:bold;font-size:1.2em;color:#000}

@media (max-width:970px) {
    #sit_ov {width:100%;float:none;clear:both;padding:10px}
    .sit_ov_height {clear:both}
}

/* 상품 상세보기 - 상품정보 */
.sit_con h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.close_btn {margin:30px 10px 10px}
#sit_inf {background:#fff;padding:0}
#sit_inf h3 {margin-top:10px}

#iteminfo_close {width:100%;background:#000;border:none;color:#fff;padding:10px 0}
#sit_inf_basic {margin:0 0 20px}
#sit_inf_explan {margin:0 0 10px;line-height:1.5em}
#sit_inf_explan img {max-width:100%;height:auto}
#sit_inf_open {margin:0;padding:0;list-style:none}
#sit_inf_open {border-collapse:collapse;width:100%;font-size:0.92em}
#sit_inf_open th {background:#f3f3f3}
#sit_inf_open th,#sit_inf_open td {text-align:left;border:1px solid #eee;padding:7px;color:#666}
#sit_inf_open li {margin:0 0 1px;padding:8px 0;background:#fff;border:1px solid #f2f2f2;border-top:none;color:#727272}
#sit_inf_open li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_inf_open strong {clear:both;float:left;padding:0 1%;width:28%;letter-spacing:-0.1em}
#sit_inf_open span {float:left;margin:0;padding:0 1%;width:68%}
#sit_inf h3 {margin-bottom:5px}

@media (max-width:640px) {
    #sit_inf_open th {text-align:center}
    #sit_inf_open th, #sit_inf_open td {width:100%;display:block}
    #sit_inf {padding:10px}
}

/* 상품 상세보기 - 사용후기 */
.tit_no {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_use_ol {margin:0 0 5px;padding:0;list-style:none}
.sit_use_li {position:relative;border-bottom:1px solid #e9e9e9;background:#fff}
.sit_use_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_li_title {display:block;margin:0;padding:0 10px;line-height:45px;width:100%;border:0;background:transparent;text-align:left;padding-right:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sit_use_li_title b {font-weight:normal;margin-right:2px}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.sit_use_dl {margin:0;padding:0 10px;position:absolute;top:0;right:30px;line-height:45px;font-size:0.92em; height: 60px;;display: flex;   align-items: center; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.sit_use_dl {margin:0;padding:0 10px;position:absolute;top:0;right:0px;line-height:45px;font-size:0.92em; height: 60px;;display: flex;   align-items: center; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_use_dl dd {float:left;margin:0 10px 0 0;color:#888}
.sit_use_dl dd img {width:80px;height:auto}
.sit_use_con {display:none;border-top:1px solid #eee;padding:15px}
.sit_use_p {margin:0 0 10px}
.sit_use_cmd {text-align:right}

.sit_use_cmd a.btn01 {padding:5px 7px; font-size:calc(var(--tx-sm-size) * 0.8); border-radius: 4px}
#sit_use_wbtn {margin:10px 0;text-align:right}
#sit_use_wbtn a {vertical-align:middle;font-size:0.85em}
#sit_use_write {}
#sit_use_write #is_subject {width:100%}
#sit_use_write ul {margin:5px 0 0}
#sit_use_write li {margin:0 0 5px}
#sit_use_write li label {display:inline-block;width:80px}
#sit_use_write_star {margin:0;padding:0;list-style:none}

/* 상품 상세보기 - 상품문의 */
#sit_qa_ol {margin:0 0 5px;padding:0;list-style:none; border-bottom:1px solid #e9e9e9;}
.sit_qa_li {position:relative;border-top:1px solid #e9e9e9;background:#fff;margin-top:-1px; width: 100%; float: left}
.sit_qa_li_title {display:block;margin:0;padding:0 10px;line-height:45px;width:100%;border:0;background:transparent;text-align:left;padding-right:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sit_qa_li_title b {font-weight:normal;margin-right:2px}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.sit_qa_dl {margin:0;padding:0 80px 0px 10px;position:absolute;top:0;right:30px; height: 60px; display: flex;   align-items: center; line-height:45px;font-size:0.92em}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.sit_qa_dl {margin:0;padding:0 10px;position:absolute;top:0;right:0px; height: 60px; display: flex;   align-items: center; line-height:45px;font-size:0.92em}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_qa_dl dd {float:left;margin:0 10px 0 0;color:#888}
.sit_qa_dl dd.sit_qaa_yet, .sit_qa_dl dd.sit_qaa_done {display:inline-block;width:80px;text-align:center;font-weight:bold;margin:0 ;padding: 5px!important; line-height: 100%!important}
.sit_qa_dl dd.sit_qaa_done {color:#fff; font-size: 13px}
.sit_qa_con {display:none;padding:15px;border-top:1px solid #eee}
.sit_qa_p {background:#fff;line-height:1.8em}
.sit_qa_p strong {display:inline-block;margin:0 0 0px}
.sit_qa_qaq {width: 100%; float: left; margin-bottom: 30px}

.sit_qa_con textarea {display:none}
.sit_qa_cmd {text-align:right}
.sit_qa_cmd a.btn01 {padding:5px 7px; font-size:calc(var(--tx-sm-size) * 0.8); border-radius: 4px}
.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_qaa_done {display:inline-block;width:80px;text-align:center;font-weight:bold;margin:0; background-color: #f60; color: #Fff; position: absolute; right: 0px; top: 20px; padding: 5px ; border-radius: 6px}


#sit_qa_wbtn {margin:10px 0;text-align:right}
#sit_qa_wbtn a {vertical-align:middle;font-size:0.85em}
#sit_qa_w {display:none}
a.qa_wr {padding:0 10px;height:35px;line-height:35px;display:inline-block;text-align:center;background:#3c3c3c;color:#fff}
#itemqa_list, #itemuse_list {height:35px;line-height:35px;border:1px solid #d0d0d0;background:#fff;cursor:pointer;padding:0 10px;color:#666}

@media (max-width:640px) {
    .sit_use_dl,.sit_qa_dl {position:relative;line-height:20px;padding-bottom:5px}
    .sit_qa_li_title,.sit_use_li_title {line-height:20px;padding-top:5px}
}


.review_box{ width: 100%; float: left ; margin-top:-50px!important }

/* 사용후기 모음 */

/* 사용후기 모음 */

#sit_qa_list{margin-bottom: 20px; display: inline-block; width: 100%}
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {#sps_sch {margin:20px 0 30px}
#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; font-size: 13px;}
#sps_sch .sch_wr {width:250px!important;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff; position: relative}
#sps_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sps_sch select {float:left;border:0;width:120px;height:40px!important;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sps_sch .sch_input {width:200px;height:39px!important;border:0!important;outline:none!important;box-shadow:none!important;padding-left:10px!important;background-color:transparent;float:left;position:relative}
#sps_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:16px!important; position: absolute; right: 0px; top: 0px}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {#sps_sch {margin:10px 0 10px; display: flex;flex-direction: row; justify-content: space-between;}
#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; font-size: 13px;}
#sps_sch .sch_wr {width:100%!important;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff; position: relative}
#sps_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sps_sch select {float:left;border:0;width:120px;height:40px!important;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sps_sch .sch_input {width:100%;height:39px!important;border:0!important;outline:none!important;box-shadow:none!important;padding-left:10px!important;background-color:transparent;float:left;position:relative}
#sps_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:16px!important; position: absolute; right: 0px; top: 0px}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.sps_pd_name{width: 100%; float: left}
.sps_rv_tit{width: 100%; float: left}
#sps {}
#sps ol {margin:0;padding:0;list-style:none}
#sps li {position:relative;border-bottom:1px solid #f0f0f0;background:#fff; position: relative}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

.sps_img {position:absolute;top:20px!important;left:20px!important; border: 1px solid #ccc}
.sps_img_inner {float:left;position:relative}
.sps_img_inner a{float:left;position:relative; border-radius: 0px!important}
.sps_img_inner a img{float:left;position:relative; border-radius: 0px!important}

.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.45)}
.review_detail_in {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:590px;max-width:92vw;max-height:80vh;background:#fff;text-align:left;overflow:hidden;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,0.18)}
.review_detail_in h3 {padding:16px 20px;font-size:1.2em;background:var(--primary);color:#fff;margin:0;flex-shrink:0}
.review_cnt {padding:20px;overflow-y:auto;flex:1}
.rd_cls {position:absolute;top:21px;right:10px;transform:translateY(-50%);border:0!important;padding:0;font-size:16px;background:none!important;z-index:1;line-height:1}
.rd_cls i{font-size:24px!important;color:#fff!important}

.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}

.review_detail {position: absolute; right: 20px; bottom: 10px}

.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}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {#sps ol {width: 100%; float: left;display: grid; grid-template-columns: repeat(3, 1fr);grid-gap: 30px; margin-bottom: 50px}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {#sps ol {width: 100%; float: left;display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; margin-bottom: 20px}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



#sps ol li{width: 100%; float: left; padding: 30px 40px; background-color: #f7f7f7;  border-radius: 10px; min-height: 150px}

.sps_img {position:absolute;top:10px;left:10px}
.sps_img img {border-radius:50%}
.sps_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sps dl {margin:5px 0;color:#888;font-size:0.917em;overflow:hidden}
#sps dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sps dd {float:left;margin:0 10px 0 0;line-height:18px;height:18px}
#sps dd img {position:relative;top:-2px}

.sps_section {margin-left:80px;display:block;font-size:0.85em}
.sps_section .is_use_reply {background:url('../mobile/shop/img/use_reply.png') no-repeat;text-indent:30px;line-height:1.5em}
.sps_section p {padding:0;width:100%}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {margin:5px 0 0}
.sps_con_btn button {border:0;padding:6px 14px;color:#fff;font-size:0.85em;margin:5px 0;background:#333;border-radius:6px}

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

@media (min-width:641px) {
    #sps_sch .sch_wr {width:300px;display:inline-block}
    #sps_sch a {display:inline-block;margin:0}
}

/* 상품문의 모음 */

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {#sqa_sch {margin:20px 0 30px}
#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; font-size: 13px;}
#sqa_sch .sch_wr {width:250px!important;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff; position: relative}
#sqa_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sqa_sch select {float:left;border:0;width:120px;height:40px!important;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sqa_sch .sch_input {width:200px;height:39px!important;border:0; padding-left: 10px!important; background-color:transparent;float:left ; position: relative}
#sqa_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:16px!important; position: absolute; right: 0px; top: 0px}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {#sqa_sch {margin:10px 0 10px; display: flex;flex-direction: row; justify-content: space-between;}
#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; font-size: 13px;}
#sqa_sch .sch_wr {width:100%!important;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff; position: relative}
#sqa_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sqa_sch select {float:left;border:0;width:120px;height:40px!important;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sqa_sch .sch_input {width:100%;height:39px!important;border:0; padding-left: 10px!important; background-color:transparent;float:left ; position: relative}
#sqa_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:16px!important; position: absolute; right: 0px; top: 0px}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




#sqa ol {margin:10px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#sqa li {position:relative;padding:10px;border-bottom:1px solid #eee;background:#fff;margin:0 0 5px}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}

.sqa_img {position:absolute;top:10px;left:10px}
.sqa_img img {}
.sqa_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sqa dl {margin:5px 0 10px;color:#888;font-size:0.917em;overflow:hidden}
#sqa dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sqa dd {float:left;margin:0 10px 0 0}
#sqa dd img {position:relative;top:-2px; border-radius: 0px}

.sqa_section {font-size:0.85em;margin-left:80px;display:block}
.sqa_section h2 {font-size:1em;font-weight:bold;margin:5px 0}
.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 {margin:5px 0 0 ; position: absolute; right:100px; top: 10px}
.sqa_con_btn button {border:1px solid #ddd;padding:5px 8px;color:#666;font-size:calc(var(--tx-sm-size) * 0.8);margin:5px 0;background:#fff; border-radius: 6px}

#sqa .sit_qa_qaq, #sqa .sit_qa_qaa {padding:10px 5px 10px 40px;position:relative;margin:0 ;width: 100%; float: left; background:#f3f3f3!important;}
#sqa .sit_qa_qaq .tx, #sqa .sit_qa_qaa .tx{width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 0.9)!important; color:#333}


.sqa_con .qa_alp {position:absolute;top:10px;left:15px;font-size:calc(var(--tx-sm-size) * 1); color:#333}
#sqa .sit_qa_qaa {border-top:1px solid #ddd}








#sqa_empty {text-align:center;color:#777;padding:50px 0}

@media (min-width:641px) {
    #sqa_sch .sch_wr {width:300px;display:inline-block}
    #sqa_sch a {display:inline-block;margin:0}
}

/* 로딩안내 레이어 */
#loading_message {z-index:10000;position:absolute;top:0;left:0;background:#fff;opacity:0.7}
#loading_message img {position:relative;opacity:1.0}

/* 알림 box */
#fancyalert {display:block;z-index:10000;position:absolute;top:0;left:0}
#fancyalert_inner {display:table;z-index:2;position:relative}
#fancyalert_inner div {display:table-cell;vertical-align:middle;text-align:center}
#fancyalert_inner span {display:block;margin:0 auto;padding:30px;width:200px;background:#1f1f1f;color:#f0f1f2}
#fancyalert_inner button {margin:15px 0 0;padding:10px 30px;border:0;background:#000;color:#fff}
#fancyalert_bg {z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;background:#000;text-align:center;opacity:0.7}

#sit_sms_new .tbl_frm01 th {width:100px}

/* 상품검색 */
#ssch_frm {margin:10px auto;max-width:1120px;font-size:0.85em}
#ssch_frm h2 {color:#888;line-height:30px;border:1px solid #e3e5e8;border-bottom:0;padding:10px 15px}
#ssch_frm h2 span {font-size:1.333em;color:#000}
#ssch_frm h2 strong {color:#3e976c}
#ssch_frm form {border:1px solid #e3e5e8}
#ssch_frm .ssch_scharea {min-height:50px;padding:10px 15px}
#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_left {float:left;position:relative}
#ssch_frm .ssch_left .ssch_input {max-width:250px}
#ssch_frm .ssch_right {float:right}
#ssch_frm .ssch_input {height:40px;border:1px solid #e3e5e8;padding:0 10px}
#ssch_frm .btn_submit {width:50px;height:40px}
#ssch_frm p {padding:15px;background:#f5f5f5;color:#737373}

#ssch_cate ul {border-bottom: 1px solid #e3e5e8}

@media (max-width:970px){
    #ssch_frm .ssch_left {float:none;display:inline-block}
    #ssch_frm .ssch_right {float:none}
    #ssch_frm .ssch_right span {display:block;margin:10px 0}
}

@media (max-width:640px){
    #ssch_frm .ssch_left .ssch_input {width:100%}
    #ssch_frm h2 span {font-size:1.083em}
}

/*쿠폰존 리스트*/
.couponzone_list {margin:20px 0;background:#fff;border-bottom:1px solid #ccc;padding:20px}
.couponzone_list h2 {margin:0 0 5px;font-size:1.2em}
.couponzone_list p {margin:0 0 10px;font-size:0.85em}
.couponzone_list ul {padding:0;margin:0;list-style:none;background:#fff}
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li {padding:10px 0;line-height:1.2em;margin:5px 0}
.couponzone_list ul li .coupon_img {}
.couponzone_list ul li img {width:100%;height:auto}
.couponzone_list ul li .coupon_img {}
.couponzone_list ul li .coupon_tit {margin:10px 0 5px;font-size:1.083em;line-height:1.4em;font-weight:bold}
.couponzone_list ul li .coupon_date {margin:5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target {margin:5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target a {color:#777;text-decoration:underline}
.couponzone_list ul li .coupon_point {margin:5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_btn {margin:10px 0 0;text-align:center}
.couponzone_list ul li .coupon_btn .btn02 {width:100%;height:35px;padding:0;font-weight:bold;background:#8183c3;border:0}
.couponzone_list ul li .coupon_btn .btn02:hover {background:#5255cc;color:#fff}
.couponzone_list ul li .coupon_btn .disabled {background:#ddd;border:1px;color:#999;border-color:#ddd}
.couponzone_list ul li .coupon_btn .disabled:hover {background:#ddd;border:1px;color:#999;border-color:#ddd}
.couponzone_list .no_coupon {padding:100px 0;text-align:center;color:#999}
#point_coupon li {height:250px}

@media (max-width:969px) {
    .couponzone_list ul li {width:50%;float:left;padding:10px}
    .couponzone_list ul li:nth-child(2n+1) {clear:both}
}

@media (min-width:970px) {
    .couponzone_list ul li {width:25%;float:left;padding:10px}
    .couponzone_list ul li:nth-child(4n+1) {clear:both}
}



/* 상품 목록 스킨 10 */

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.sct_10 {margin:0px 0;  display: grid; grid-template-columns: repeat(5, 1fr); gap:2%;grid-gap: 40px}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.sct_10 {margin:0px 0;  display: grid; grid-template-columns: repeat(2, 1fr); gap:2%;grid-gap: 40px}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.sct_10.lists-row{}
.sct_10 .sct_li {position:relative;float:left;text-align:left; padding: 0px; width: 100%; }
.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; width: 100%!important; position: relative; margin-bottom: 20px}
.sct_10 .sct_img img{width:100%;     object-fit: cover;
    width: 100%;
    height: 100%;
}

.sct_10 .sct_img a {display:block}
 .sct_10 .sct_img .sct_btn {  width:50px!important; height:50px!important;  position:absolute;right:0%!important; left: auto;top:0%; display: flex;  justify-content: center;  align-items: center; 
}

 .sct_btn { width:50px!important; height:50px!important;  position:absolute;right:0%!important; left: auto;top:0%; display: flex;  justify-content: center;  align-items: center; 
}
.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);z-index: 99999999999999999}
.sct_10 .sct_cart {  width:50px!important; height:50px!important;  opacity: 0; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
.list-10-btn .sct_cart {  width:50px!important; height:50px!important;  opacity: 1; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
.list-10-btn:hover .sct_cart {  width:50px!important; height:50px!important;  opacity: 1; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
 .sct_10 .sct_img:hover .sct_btn { opacity: 1; width:50px!important; height:50px!important;  position:absolute;right:0%!important; left: auto;top:0%; display: flex;  justify-content: center;  align-items: center; 
}

.sct_10 .sct_ct_wrap {position:relative; text-align: left!important}
.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:none!important;font-size:1.1em;margin:10px 0;padding-bottom:10px; text-align: left!important}
.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; text-align: left!important}
.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}







#btn_option {display:none;position:fixed;bottom:0;left:0;width:100%;background:#fff;z-index:90;border-top:1px solid #ccc;
-webkit-box-shadow:0 0 9px rgba(0,0,0,0.2)
-moz-box-shadow0 0 9px rgba(0,0,0,0.2);
box-shadow:0 0 6px rgba(0,0,0,0.2)}
#btn_option .sl_option {max-height:240px;overflow-y:auto;padding:10px}
#btn_option h3 {margin-bottom:10px}
#btn_option .btn_close {position:absolute;top:-25px;left:50%;width:60px;height:25px;margin-left:-30px; color: #Fff; background-color:#333;border-radius:3px 3px 0 0}
.btn_cart_op {width:100%;text-align:center;font-weight:bold}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.btn_option_wr {position:fixed;bottom:0;left:0;width:100%;padding:10px;background:#fff;border-top:1px solid #000;z-index:8899999999;
-webkit-box-shadow:0 0 9px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 9px rgba(0,0,0,0.2);
box-shadow:0 0 6px rgba(0,0,0,0.2) ;  display: none}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.btn_option_wr {position:fixed;bottom:0;left:0;width:100%;padding:15px;background:#fff;border-top:1px solid #000;z-index:8899999999;
-webkit-box-shadow:0 0 9px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 9px rgba(0,0,0,0.2);
box-shadow:0 0 6px rgba(0,0,0,0.2)}

.btn_option_wr button{;background:#fff!important;}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.btn_submit{border:1px solid var(--primary)!important; background-color: var(--primary)!important;border-radius:3px 3px 0 0; color: #fff!important}
.breadcrumb{ width: 100%; float: left; margin-bottom: 20px; font-size:calc(var(--tx-sm-size) * 0.9); }
.sit_opt_added{ width: 100%!important; float: left!important; }
.sit_opt_list{ width: 100%!important; float: left!important; }
#sit_opt_added{ width: 100%; float: left!important;}
#sit_opt_added .sit_opt_list:nth-child(2){ width: 100%!important; float: left!important; }

/* 옵션 수량 컨트롤: - [숫자] + 가격 x 가로정렬 */
.opt_count { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; }
.opt_count .num_input{ width: 40px!important; max-width: 40px!important; min-width: 40px!important; height: 30px!important; border-radius: 0!important; border-left: none!important; border-right: none!important; border-top: 1px solid #ccc!important; border-bottom: 1px solid #ccc!important; text-align: center; padding: 0 5px!important; box-sizing: border-box; flex-shrink: 0 !important; }

/* ✅ 클릭(포커스) 시에도 스타일 유지 */
.opt_count .num_input:focus {
  height: 30px !important;
  line-height: 30px !important;
  padding: 0px 5px !important;
  border-radius: 0px !important;
  box-sizing: border-box;
  outline: none;
}
.opt_count .sit_qty_minus,
.opt_count .sit_qty_plus { width: 30px !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; background: #fff !important; color: #555 !important; flex-shrink: 0 !important; }
.sit_qty_minus{border: 1px solid #ccc!important; border-radius: 4px 0 0 4px!important; margin-right: -1px!important}
.sit_qty_plus{border: 1px solid #ccc!important; border-radius: 0 4px 4px 0!important; margin-left: -1px!important}
.sit_qty_plus i, .sit_qty_minus i{font-size: 16px!important; font-weight: 300!important}
.opt_count .sit_opt_del { width: 30px !important; height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; background: #fff !important; color: #555 !important; flex-shrink: 0 !important; }
.sit_opt_del{border: 1px solid #ccc!important; margin-left: 5px!important; margin-right: 0!important; border-radius: 4px!important}
.opt_count .sit_opt_prc { margin-left: auto !important; white-space: nowrap; flex-shrink: 0; font-size: 14px; font-weight: 600; }



input.frm_input2{ width: 40px!important; height: 30px!important; padding: 0px 5px!important; border-radius: 0px!important; padding-top: 0px!important; line-height: 30px!important}

/* ✅ 클릭(포커스) 시에도 스타일 유지 */
input.frm_input2:focus {
  height: 30px !important;
  line-height: 30px !important;
  padding: 0px 5px !important;
  border-radius: 0px !important;
  box-sizing: border-box;
  outline: none; /* 필요 시 포커스 테두리 제거 */
}


@media (max-width:1024px) {
    #sit_ov_btn {
        display: none;
    }
}

/* 기본: 모바일에서 숨김 */
/* 기본: PC에서는 항상 표시 */
#sit_ov {
    display: block;
}

/* 모바일일 때만 숨김 */
@media (max-width: 1024px) {
    #sit_ov {
        display: none;
    }
    #sit_ov.show {
        display: block;
    }
}
body.mobile #sit_ov.show {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

    border-radius: 20px 20px 0 0;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
    max-height: 90%;
    overflow-y: auto;z-index: 999999999999999999999999999999!important}



#sit_ov_btn {
    display: flex;
    gap: 5px;
}
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.btn_close_ov {display: none
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.btn_close_ov {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10000;
    background: none;
    border: none;
    font-size: 24px;
    color: #333;
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.btn_close_ov:hover {
    color: #000;
}

.sit_use_li_title {
    display:block;           /* 버튼 전체 클릭 가능 */
    width:100%;
    text-align:left;
    padding:7px 44px 7px 16px;
    position:relative;
    background:#f9f9f9;
    border-top:1px solid #e3e3e3;
    cursor:pointer;
    transition:background .25s; font-size:calc(var(--tx-sm-size) * 0.9);
}
.sit_use_li_title::after{   /* ▼ 화살표 */
    content:"";
    position:absolute;
    top:50%; right:16px;
    width:8px; height:8px;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    transform:translateY(-50%) rotate(45deg);
    transition:transform .25s;
}
.sit_use_li.open .sit_use_li_title{background:#fff;}
.sit_use_li.open .sit_use_li_title::after{
    transform:translateY(-50%) rotate(-135deg); /* ▲ */
}
.sit_use_con{display:none; padding:16px;}


.sit_qa_li_title {
    display: block;
    width: 100%;
    text-align: left;
    padding:7px 44px 7px 16px;
    position: relative;
    background: #f9f9f9;

    cursor: pointer;
    transition: background 0.25s;font-size:calc(var(--tx-sm-size) * 0.9);
}
.sit_qa_li_title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 8px;
    height: 8px;
       border-right:2px solid #333;
    border-bottom:2px solid #333;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.25s;
}
.sit_qa_li.open .sit_qa_li_title {
    background: #fff;
}
.sit_qa_li.open .sit_qa_li_title::after {
    transform: translateY(-50%) rotate(-135deg);
}
.sit_qa_con {
    display: none;
    padding: 16px;
    border-top: 1px solid #e3e3e3;
  
}
.sit_qa_qaq .tx,  .sit_qa_qaa .tx{width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 0.9)!important; color:#666}
 .sit_qa_qaq .tx p, .sit_qa_qaa .tx p{width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 0.9)!important; color:#333}
.sit_qa_qaq .tx p span,  .sit_qa_qaa .tx p span{width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 0.9)!important; color:#333}




/*최근상품 후기 */
.review_cont .title{ font-size:calc(var(--tit-mds-size) * 0.9);  margin-bottom: 10px; font-weight: 700}


.in_review2 {
  display: flex;
  gap: 10px;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.in_review2 .img {
  position: relative;
  flex-shrink: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.in_review2 .img img {
  display: block;
}

.in_review2 .img > a:first-child {
  display: block;
  line-height: 0;
}

.in_review2 .img_overlay {
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

.in_review2 .btn_link {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.in_review2 .img:hover .btn_link {
  opacity: 1;
}

.in_review2 .txt_area {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;

  gap: 4px;
}

.in_review2 .tx1 {
  font-weight: bold;
  font-size: 15px;
  color: #333;
}

.in_review2 .tx2 {
  font-size: 14px;
  color: #666;
}

.in_review2 .tx3 {
  font-size: 13px;
  color: #999;
}

.txt_overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;


  opacity: 0;
  transition: all 0.3s ease;
}

.in_review2 .txt_area:hover .txt_overlay {
  opacity: 1;
}

.btn_link:hover {
  color: #fff;
}



.btn_link2 {
  display: inline-block;
 background-color: #000; 
  color: #fff;
  padding: 3px;
  border-radius: 4px;
  font-size: 13px;
  text-decoration: none;
  transition: background 0.2s ease; position: absolute; right: 0PX; bottom: 0PX;width: auto; width: 30PX; height: 30PX; 
}

.btn_link2:before {content: "\eb6d";    font-family: unicons-line; color: #fff; width: 100%;width: 30PX; height: 30PX; font-size: 25px 
}

.btn_link2:hover {
  color: #fff;
}

/* 수량 +/- 및 삭제 버튼 */
.sit_qty_plus,
.sit_qty_minus,
.sit_opt_del {
    position: relative;
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #555;
    font-size: 0;
    overflow: hidden;
}
.sit_qty_plus .sound_only,
.sit_qty_minus .sound_only,
.sit_opt_del .sound_only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}
.sit_qty_plus i,
.sit_qty_minus i,
.sit_opt_del i {
    font-size: 16px;
    color: #555;
}


/* 예시: 초기 숨김 */
#sit_ov.mobile_layer {
  display: none;
}

/* 활성화 시 보이게 처리 */
#sit_ov.mobile_layer.active {
  display: block;
}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.pro_info{ position: relative; display: block}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.pro_info{ position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 9999999999999}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/

.sit_qa_li_title { cursor:pointer; }
.sit_qa_li_title:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }

/* 페이징 디자인 */
.pg_wrap {text-align:center;margin:25px 0}
.pg_wrap .pg {display:inline-flex;align-items:center;gap:4px}
.pg_wrap .pg a, .pg_wrap .pg strong {display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:50px;font-size:13px;text-decoration:none;border:0!important;background:transparent;color:#666}
.pg_wrap .pg .pg_current {background:#222!important;color:#fff!important;font-weight:700}
.pg_wrap .pg .pg_start, .pg_wrap .pg .pg_prev, .pg_wrap .pg .pg_next, .pg_wrap .pg .pg_end {color:#999}


/* ===================================================================
   ★ 쇼핑몰 리스트 커스텀 설정 (CSS 변수 기반)
   wing_shop.php 설정 패널에서 관리자가 설정한 값이 CSS 변수로 적용됨
   =================================================================== */

/* ---------- 원본 #sct_sortlst 숨김 (sort가 .shop_cate_area로 이동됨) ---------- */
#sct_sortlst { display: none !important; }

/* ---------- 카테고리 헤더 영역 ---------- */
.shop_cate_area {
  position: relative;
  margin-bottom: var(--shop-cate-title-mb, 20px);
}
.shop_cate_area.has_tabs { margin-bottom: var(--shop-cate-sub-mb, 20px); }

/* ---------- 카테고리 제목 ---------- */
.shop_cate_title {
  font-size: var(--shop-cate-title-size, 22px);
  color: var(--shop-cate-title-color, #222);
  text-align: var(--shop-cate-title-align, left);
  font-weight: 700;
  line-height: 1.3;
  padding-right: 120px;
}
.shop_cate_area.has_tabs .shop_cate_title {
  margin-bottom: 15px;
  padding-right: 0;
}
.shop_cate_title .shop_cate_link {
  color: var(--shop-cate-title-color, #222);
  opacity: 0.5;
  text-decoration: none;
  transition: opacity 0.3s;
}
.shop_cate_title .shop_cate_link:hover { opacity: 0.8; }
.shop_cate_title .shop_cate_sep {
  display: inline-block;
  margin: 0 8px;
  opacity: 0.3;
  font-weight: 400;
}
.shop_cate_title .shop_cate_current {
  color: var(--shop-cate-title-color, #222);
}

/* ---------- 하위 카테고리 탭 ---------- */
.shop_cate_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-right: 120px;
  justify-content: var(--shop-cate-tab-align-flex, flex-start);
}
/* 정렬 변환: left=flex-start, center=center, right=flex-end */
.shop_cate_area[data-tab-align="center"] .shop_cate_tabs { justify-content: center; }
.shop_cate_area[data-tab-align="right"] .shop_cate_tabs { justify-content: flex-end; padding-right: 0; }

/* 우측정렬 + 상품정렬 겹침 → 상품정렬 밑으로 */
.shop_cate_area[data-tab-align="right"].has_sort .shop_cate_tabs { padding-right: 0; }
.shop_cate_area[data-tab-align="right"].has_sort #sct_sort {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.shop_cate_tab {
  display: inline-block;
  padding: var(--shop-cate-tab-py, 7px) var(--shop-cate-tab-px, 18px);
  border: 1px solid #ddd;
  border-radius: 30px;
  font-size: var(--shop-cate-tab-size, 13px);
  color: #666;
  text-decoration: none;
  transition: all 0.3s;
  white-space: nowrap;
}
.shop_cate_tab:hover {
  border-color: #333;
  color: #333;
}
.shop_cate_tab.shop_cate_tab_active {
  background: #333;
  border-color: #333;
  color: #fff;
}

/* ---------- #sct_sort (JS로 .shop_cate_area 안에 이동됨) ---------- */
/* ★ 원본 CSS 완전 오버라이드: position/height/float/z-index 등 */
.shop_cate_area #sct_sort {
  position: absolute !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
  height: auto !important;
  line-height: normal !important;
}
.shop_cate_area #sct_sort:after { display: none !important; }
.shop_cate_area #sct_sort h2 { display: none !important; }

/* ★ .btn_sort: 원본 position:absolute / height:45px 완전 오버라이드 */
.shop_cate_area #sct_sort .btn_sort {
  position: static !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 7px 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px;
  background: #fff !important;
  font-size: 13px !important;
  color: #555;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
  white-space: nowrap;
  height: auto !important;
  line-height: 1.4 !important;
  width: auto !important;
  z-index: auto !important;
}
.shop_cate_area #sct_sort .btn_sort i {
  color: #999 !important;
  margin-left: 2px !important;
  font-size: 11px;
}
.shop_cate_area #sct_sort .btn_sort:hover {
  border-color: #999 !important;
  color: #333;
}

/* ★ 드롭다운 레이어: 깔끔한 디자인 */
.shop_cate_area #sct_sort ul {
  display: none;
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: calc(100% + 6px) !important;
  min-width: 140px;
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
  list-style: none;
  padding: 6px 0 !important;
  margin: 0 !important;
  z-index: 9999 !important;
}
/* ★ 원본 ul 화살표(삼각형) 숨김 */
.shop_cate_area #sct_sort ul:before,
.shop_cate_area #sct_sort ul:after { display: none !important; }

/* ★ 드롭다운 항목 */
.shop_cate_area #sct_sort ul li {
  border-top: none !important;
}
.shop_cate_area #sct_sort ul li + li {
  border-top: 1px solid #f0f0f0 !important;
}
.shop_cate_area #sct_sort ul li a {
  display: block !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  color: #555 !important;
  text-decoration: none !important;
  text-align: left !important;
  background: #fff !important;
  transition: background 0.15s, color 0.15s;
}
.shop_cate_area #sct_sort ul li a:hover {
  background: #f7f7f7 !important;
  color: #222 !important;
}

/* 타이틀도 탭도 없음 → 단독 우측 정렬 */
.shop_cate_area:not(.has_title):not(.has_tabs) #sct_sort {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 640px) {
  .shop_cate_title {
    font-size: calc(var(--shop-cate-title-size, 22px) * 0.82);
    padding-right: 100px;
  }
  .shop_cate_area.has_tabs .shop_cate_title { padding-right: 0; }
  .shop_cate_tabs { gap: 6px; padding-right: 100px; }
  .shop_cate_tab { padding: calc(var(--shop-cate-tab-py, 7px) * 0.85) calc(var(--shop-cate-tab-px, 18px) * 0.8); font-size: calc(var(--shop-cate-tab-size, 13px) * 0.92); }
  .shop_cate_area #sct_sort .btn_sort { padding: 5px 10px !important; font-size: 12px !important; }
  /* 우측 정렬 탭: 모바일에서 패딩 조정 */
  .shop_cate_area[data-tab-align="right"] .shop_cate_tabs { padding-right: 0; }
}

/* ---------- 그리드 레이아웃 ---------- */
.sct.sct_10 {
  display: grid !important;
  grid-template-columns: repeat(var(--shop-grid-pc, 4), 1fr);
  gap: var(--shop-grid-gap, 20px);
}
.sct.sct_10 .sct_li {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------- 상품 이미지 ---------- */
.sct.sct_10 .sct_img {
  border-radius: var(--shop-img-radius, 0px);
  border: var(--shop-img-border-width, 0px) solid var(--shop-img-border-color, #eee);
  background: var(--shop-img-bg, #fff);
  overflow: hidden;
  position: relative;
}
.sct.sct_10 .sct_img img {
  opacity: var(--shop-img-opacity, 1);
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: 100%;
  display: block;
}
.sct.sct_10 .sct_img:hover img {
  opacity: var(--shop-img-hover-opacity, 1);
  transform: scale(var(--shop-img-hover-scale, 1));
}

/* ---------- 제목 ---------- */
.sct.sct_10 .sct_txt,
.sct.sct_10 .sct_txt a {
  font-size: var(--shop-title-size, 14px);
  color: var(--shop-title-color, #333);
}

/* ---------- 가격 ---------- */
.sct.sct_10 .sct_cost {
  font-size: var(--shop-price-size, 15px);
  color: var(--shop-price-color, #111);
}

/* ---------- 위시/SNS 아이콘 크기 & 호버 ---------- */
.sct.sct_10 .sct_op_btn .btn_wish,
.sct.sct_10 .sct_op_btn .btn_share {
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.35s ease;
}
.sct.sct_10 .sct_op_btn .btn_wish i,
.sct.sct_10 .sct_op_btn .btn_share i {
  font-size: var(--shop-icon-size, 16px);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.35s ease;
}
.sct.sct_10 .sct_op_btn .btn_wish:hover i {
  transform: scale(1.15);
  color: #e91e63;
}
.sct.sct_10 .sct_op_btn .btn_share:hover i {
  transform: scale(1.15);
  color: #9c27b0;
}

/* ---------- 장바구니 아이콘 ---------- */
.sct.sct_10 .sct_btn .btn_cart {
  border-radius: var(--shop-cart-radius, 50px);
  background: var(--shop-cart-bg, #333) !important;
}
.sct.sct_10 .sct_btn .btn_cart i {
  font-size: var(--shop-cart-size, 16px);
  color: var(--shop-cart-icon-color, #fff) !important;
}

/* 장바구니 위치 - 이미지 우상단 */
.sct_cart_img_tr .sct_img .sct_btn.list-10-btn,
.sct_cart_img_tr .sct_img:hover .sct_btn.list-10-btn {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 2;
}

/* 장바구니 위치 - 이미지 우하단 */
.sct_cart_img_br .sct_img .sct_btn.list-10-btn,
.sct_cart_img_br .sct_img:hover .sct_btn.list-10-btn {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  top: auto !important;
  left: auto !important;
  z-index: 2;
}

/* 장바구니 위치 - 이미지 중앙 (호버시 표시) */
.sct_cart_img_cc .sct_img .sct_btn.list-10-btn,
.sct_cart_img_cc .sct_img:hover .sct_btn.list-10-btn {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2;
}
.sct_cart_img_cc .sct_img .sct_btn.list-10-btn {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.sct_cart_img_cc .sct_img:hover .sct_btn.list-10-btn {
  opacity: 1;
}

/* ---------- 상세보기(돋보기) 아이콘 ---------- */
.sct.sct_10 .sct_btn_search {
  width: 50px !important;
  height: 50px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
}
.sct.sct_10 .sct_btn_search .btn_search {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: var(--shop-search-radius, 50px);
  background: var(--shop-search-bg, #333);
  color: var(--shop-search-icon-color, #fff);
  text-decoration: none;
  transition: all 0.3s;
}
.sct.sct_10 .sct_btn_search .btn_search:hover {
  opacity: 0.85;
}
.sct.sct_10 .sct_btn_search .btn_search i {
  font-size: var(--shop-search-size, 16px);
  color: var(--shop-search-icon-color, #fff);
}

/* 상세보기 위치 - 이미지 좌상단 */
.sct_search_img_tl .sct_img .sct_btn_search.list-10-search,
.sct_search_img_tl .sct_img:hover .sct_btn_search.list-10-search {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  bottom: auto !important;
}
/* 상세보기 위치 - 이미지 우상단 */
.sct_search_img_tr .sct_img .sct_btn_search.list-10-search,
.sct_search_img_tr .sct_img:hover .sct_btn_search.list-10-search {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
}
/* 상세보기 위치 - 이미지 좌하단 */
.sct_search_img_bl .sct_img .sct_btn_search.list-10-search,
.sct_search_img_bl .sct_img:hover .sct_btn_search.list-10-search {
  position: absolute !important;
  bottom: 8px !important;
  left: 8px !important;
  top: auto !important;
  right: auto !important;
}
/* 상세보기 위치 - 이미지 우하단 */
.sct_search_img_br .sct_img .sct_btn_search.list-10-search,
.sct_search_img_br .sct_img:hover .sct_btn_search.list-10-search {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  top: auto !important;
  left: auto !important;
}
/* 상세보기 위치 - 이미지 중앙 (호버시 표시) */
.sct_search_img_cc .sct_img .sct_btn_search.list-10-search,
.sct_search_img_cc .sct_img:hover .sct_btn_search.list-10-search {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
}
.sct_search_img_cc .sct_img .sct_btn_search.list-10-search {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.sct_search_img_cc .sct_img:hover .sct_btn_search.list-10-search {
  opacity: 1;
}

/* 장바구니 + 돋보기 둘 다 중앙일 때 나란히 배치 */
.sct_cart_img_cc.sct_search_img_cc .sct_img .sct_btn.list-10-btn,
.sct_cart_img_cc.sct_search_img_cc .sct_img:hover .sct_btn.list-10-btn {
  transform: translate(-110%, -50%) !important;
}
.sct_cart_img_cc.sct_search_img_cc .sct_img .sct_btn_search.list-10-search,
.sct_cart_img_cc.sct_search_img_cc .sct_img:hover .sct_btn_search.list-10-search {
  transform: translate(10%, -50%) !important;
}

/* ---------- 위시 아이콘 위치 ---------- */
.sct.sct_10 .sct_btn_wish {
  width: 40px !important;
  height: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
}
.sct.sct_10 .sct_btn_wish .btn_wish {
  background: rgba(255,255,255,0.85);
  border: none;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sct.sct_10 .sct_btn_wish .btn_wish i {
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.35s ease;
}
.sct.sct_10 .sct_btn_wish .btn_wish:hover {
  background: rgba(255,255,255,1);
}
.sct.sct_10 .sct_btn_wish .btn_wish:hover i { color: #e91e63; transform: scale(1.15); }

/* 위시 - 이미지 우상단 */
.sct_wish_img_tr .sct_img .sct_btn_wish.list-10-wish,
.sct_wish_img_tr .sct_img:hover .sct_btn_wish.list-10-wish {
  top: 8px !important; right: 8px !important; bottom: auto !important; left: auto !important;
}
/* 위시 - 이미지 우중 */
.sct_wish_img_cr .sct_img .sct_btn_wish.list-10-wish,
.sct_wish_img_cr .sct_img:hover .sct_btn_wish.list-10-wish {
  top: 50% !important; right: 8px !important; bottom: auto !important; left: auto !important;
  transform: translateY(-50%) !important;
}
/* 위시 - 이미지 우하단 */
.sct_wish_img_br .sct_img .sct_btn_wish.list-10-wish,
.sct_wish_img_br .sct_img:hover .sct_btn_wish.list-10-wish {
  bottom: 8px !important; right: 8px !important; top: auto !important; left: auto !important;
}
/* 위시 - 텍스트 영역 우측 */
.sct_wish_txt_right .sct_ct_wrap { position: relative; }
.sct_wish_txt_right .sct_op_btn .btn_wish {
  position: absolute !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* ---------- SNS 아이콘 위치 ---------- */
.sct.sct_10 .sct_btn_sns {
  width: 40px !important;
  height: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
}
.sct.sct_10 .sct_btn_sns .btn_share {
  background: rgba(255,255,255,0.85);
  border: none;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.sct.sct_10 .sct_btn_sns .btn_share:hover {
  background: rgba(255,255,255,1);
}
.sct.sct_10 .sct_btn_sns .btn_share:hover i { color: #9c27b0; transform: scale(1.2); }

/* SNS - 이미지 우상단 */
.sct_sns_img_tr .sct_img .sct_btn_sns.list-10-sns,
.sct_sns_img_tr .sct_img:hover .sct_btn_sns.list-10-sns {
  top: 8px !important; right: 8px !important; bottom: auto !important; left: auto !important;
}
/* SNS - 이미지 우중 */
.sct_sns_img_cr .sct_img .sct_btn_sns.list-10-sns,
.sct_sns_img_cr .sct_img:hover .sct_btn_sns.list-10-sns {
  top: 50% !important; right: 8px !important; bottom: auto !important; left: auto !important;
  transform: translateY(-50%) !important;
}
/* SNS - 이미지 우하단 */
.sct_sns_img_br .sct_img .sct_btn_sns.list-10-sns,
.sct_sns_img_br .sct_img:hover .sct_btn_sns.list-10-sns {
  bottom: 8px !important; right: 8px !important; top: auto !important; left: auto !important;
}
/* SNS - 텍스트 영역 우측 */
.sct_sns_txt_right .sct_op_btn .btn_share {
  position: absolute !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* 위시+SNS 같은 이미지 위치일 때 세로 배치 */
.sct_wish_img_tr.sct_sns_img_tr .sct_img .sct_btn_sns.list-10-sns,
.sct_wish_img_tr.sct_sns_img_tr .sct_img:hover .sct_btn_sns.list-10-sns {
  top: 52px !important;
}
.sct_wish_img_br.sct_sns_img_br .sct_img .sct_btn_sns.list-10-sns,
.sct_wish_img_br.sct_sns_img_br .sct_img:hover .sct_btn_sns.list-10-sns {
  bottom: 52px !important;
}
.sct_wish_img_cr.sct_sns_img_cr .sct_img .sct_btn_sns.list-10-sns,
.sct_wish_img_cr.sct_sns_img_cr .sct_img:hover .sct_btn_sns.list-10-sns {
  top: calc(50% + 24px) !important;
  transform: translateY(-50%) !important;
}
.sct_wish_img_cr.sct_sns_img_cr .sct_img .sct_btn_wish.list-10-wish,
.sct_wish_img_cr.sct_sns_img_cr .sct_img:hover .sct_btn_wish.list-10-wish {
  top: calc(50% - 24px) !important;
}

/* 오버레이 모드: sct_li 전체 호버 시 위시/SNS 버튼 유지 */
.sct_overlay_mode .sct_li:hover .sct_btn_wish.list-10-wish,
.sct_overlay_mode .sct_li:hover .sct_btn_sns.list-10-sns {
  opacity: 1 !important;
}

/* ---------- 라벨 오버레이 위치 ---------- */
.sct_label_img_tl .sct_img .sit_icon_li {
  position: absolute;
  top: 8px;
  left: 8px;
  right: auto;
  bottom: auto;
  z-index: 2;
}
.sct_label_img_tr .sct_img .sit_icon_li {
  position: absolute;
  top: 8px;
  right: 8px;
  left: auto;
  bottom: auto;
  z-index: 2;
}
.sct_label_img_bl .sct_img .sit_icon_li {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: auto;
  top: auto;
  z-index: 2;
}
.sct_label_img_br .sct_img .sit_icon_li {
  position: absolute;
  bottom: 8px;
  right: 8px;
  left: auto;
  top: auto;
  z-index: 2;
}

/* 라벨 스타일 */
.sct.sct_10 .sit_icon_li span {
  border-radius: var(--shop-label-radius, 3px);
  font-size: var(--shop-label-size, 12px);
}
/* 라벨 기본 위치(텍스트 하단)일 때 상단 여백 */
.sct.sct_10 > .sct_li > .sct_ct_wrap > .sit_icon_li,
.sct.sct_10 .sct_ct_wrap + .sit_icon_li {
  margin-top: var(--shop-label-mt, 10px);
}

/* ---------- 텍스트 오버레이 모드 ---------- */
.sct_overlay_mode .sct_li {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--shop-img-radius, 0px) !important;
  isolation: isolate;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.sct_overlay_mode .sct_img {
  border-radius: var(--shop-img-radius, 0px);
  position: relative;
  z-index: 1;
  margin-bottom: 0 !important;
}
.sct_overlay_mode .sct_img img {
  display: block;
  width: 100%;
  height: auto !important;
  object-fit: cover;
}
.sct_overlay_mode.sct_10 .sct_ct_wrap,
.sct_overlay_mode .sct_ct_wrap {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  padding: 60px 15px var(--shop-txt-overlay-pb, 20px) 15px !important;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%) !important;
  color: #fff;
  z-index: 3;
  pointer-events: none;
  margin: 0 !important;
  box-sizing: border-box !important;
  max-height: 100% !important;
  overflow: hidden !important;
}
.sct_overlay_mode .sct_txt,
.sct_overlay_mode .sct_txt a {
  color: #fff !important;
}
.sct_overlay_mode .sct_cost {
  color: rgba(255,255,255,0.9) !important;
}
.sct_overlay_mode .sct_cost .sct_dict {
  color: rgba(255,255,255,0.6) !important;
}
.sct_overlay_mode .sct_op_btn .btn_wish,
.sct_overlay_mode .sct_op_btn .btn_share {
  color: #fff !important;
}
.sct_overlay_mode .sct_op_btn .btn_wish i,
.sct_overlay_mode .sct_op_btn .btn_share i {
  color: #fff !important;
}
.sct_overlay_mode .sct_star .sit_star {
  filter: brightness(0) invert(1);
}
/* 오버레이 내부 클릭 가능 요소 복원 */
.sct_overlay_mode .sct_ct_wrap a,
.sct_overlay_mode .sct_ct_wrap button,
.sct_overlay_mode .sct_ct_wrap .btn_wish,
.sct_overlay_mode .sct_ct_wrap .btn_share,
.sct_overlay_mode .sct_ct_wrap .sct_op_btn {
  pointer-events: auto;
}

/* 오버레이 모드: sct_li 전체 호버 시 장바구니/돋보기 버튼 유지 표시 */
.sct_overlay_mode .sct_li:hover .sct_btn.list-10-btn,
.sct_overlay_mode .sct_li:hover .sct_btn_search.list-10-search {
  opacity: 1 !important;
}

/* ---------- 반응형: 태블릿 ---------- */
@media screen and (max-width: 1024px) {
  .sct.sct_10 {
    grid-template-columns: repeat(var(--shop-grid-tablet, 3), 1fr);
  }
}

/* ---------- 반응형: 모바일 ---------- */
@media screen and (max-width: 640px) {
  .sct.sct_10 {
    grid-template-columns: repeat(var(--shop-grid-mobile, 2), 1fr);
  }
  .sct_overlay_mode .sct_ct_wrap {
    padding: 20px 10px var(--shop-txt-overlay-pb, 15px) 10px;
  }
}