@charset "utf-8";

#gnb h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#gnb_1dul{padding:20px 0}
#gnb_1dul .gnb_1dli{line-height:46px;padding:0 20px;font-size:1.077em}
.gnb_1dli:hover{background:#f5f6fb;
background: rgba(245,246,251,1);
background: -moz-linear-gradient(left, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,246,251,1)), color-stop(100%, rgba(245,246,251,0.54)));
background: -webkit-linear-gradient(left, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
background: -o-linear-gradient(left, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
background: -ms-linear-gradient(left, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
background: linear-gradient(to right, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6fb', endColorstr='#f5f6fb', GradientType=1 );}
.gnb_1dli .gnb_1da{display:block;color:#717989}
.gnb_1dli:hover .gnb_1da{color:#7d8dff}
.gnb_2dul{display:none}

/* 오늘 본 상품 */
#stv{position:relative}
#stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
.stv_item {display:none;padding:0 9px;word-break:break-all}
#up{position:absolute;bottom:0;left:0;background:url(img/btn_sb_prev.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#down{position:absolute;bottom:0;right:0;background:url(img/btn_sb_next.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}

/*메인배너*/
#main_bn{width:100%;z-index:1;position:relative}
#main_bn .main_bn_slide {z-index:1}
#main_bn .main_bn_slide .bn_wr{padding:0 10px;text-align:center;position:relative;outline:0}
#main_bn .main_bn_slide .bn_wr img{width:100%}
#main_bn .bn_text{position: absolute;top:0;left:0;height: 100%;width: 100%;}
#main_bn .txt_box{display: table;height: 100%; width: 100%;z-index: 20; text-align: left;position: absolute;top:0;left:0; }
#main_bn .txt_wr {display: table-cell; vertical-align: middle; padding: 0 50% 0 80px;  }
#main_bn .txt{font-size: 3em; font-weight: 600; word-break: keep-all; opacity: 0;}
#main_bn .txt_wr a{display:inline-block;background:#fff;line-height:50px;width:150px;text-align:center;margin-top:40px;
-webkit-transition:  all .2s ease-in-out;
-moz-transition: all .2s ease-in-out ;
transition: all .2s ease-in-out }
#main_bn .txt_wr a:hover{    background-color: rgb(51, 51, 51);color:#fff;}

#main_bn .slick-dots {position:absolute;bottom:0;left:0;width:100%;margin:0}
#gnb {position: absolute; top: -9999px; left: -9999px; z-index: -9999; opacity: 0;}
@media (max-width: 969px){
    #main_bn .main_bn_slide .bn_wr{padding:0}
    #main_bn .txt_wr{padding: 0 30% 0 30px;}
    #main_bn .txt{font-size:1.8em}
    #main_bn .txt_wr a{margin-top:20px;line-height:45px;width:100px}
}
/*사이드배너*/
/* #sbn_side{padding:10px} */
#sbn_side h2  {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
/* #sbn_side ul:after {display:block;visibility:hidden;clear:both;content:""} */
#sbn_side img{width:100%;height:auto}
/* #sbn_side > li{float:left;width:33.333%;padding:10px} */
#sbn_side .sb_box{position:relative;overflow:hidden;}
#sbn_side li .sb_wr{height:570px;;background-size:cover;background-repeat:no-repeat;background-position:bottom right;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;}
/* #sbn_side li .sb_wr:hover{transform:scale(1.1)} */

#sbn_side .bn-txt-wr{position:absolute;top:0;left:0;width:90%;display:block}
#sbn_side .bn-txt {display:block;color:#000;font-size:2em;padding:40px; font-weight:500;word-break: keep-all;line-height:1.5em;z-index:9;letter-spacing:-1px}
#sbn_side .btn_detail{display:inline-block;border-bottom:1px solid #9a9a9a;color:#666;;font-size:12px;line-height:25px;font-weight:300}

@media (max-width: 969px){
    #sbn_side li .sb_wr{height:350px}
    #sbn_side .bn-txt{font-size:1.5em;padding:15%}
}

@media (max-width: 640px){
    #sbn_side li{width:100%}
    #sbn_side li .sb_wr{height:300px;}
    #sbn_side .bn-txt{padding:30px}
}
/* 쇼핑몰 이벤트 */
#sev {position:relative;margin:0 auto;max-width:1200px;clear:both}
#sev h2 {font-size:2em;margin-bottom:40px}
#sev:after {display:block;visibility:hidden;clear:both;content:""}

#sev .sev_li{position:relative;float:left;width:50%;padding:0 10px;margin-bottom:40px}
#sev .sev_li:nth-child(2n+1){clear:both}
#sev .sev_li:after {display:block;visibility:hidden;clear:both;content:""}
#sev .sev_img {display:block;overflow:hidden}
#sev .sev_img img:hover{transform:scale(1.1)}
#sev .sev_img img{width:100%;height:100%;vertical-align:top;-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;}
#sev .event {margin:0 0 5px ;font-weight:300;display:block;font-size:12px}
#sev .sev_wr{position:relative;}
#sev .sev_text{position:absolute;bottom:0;left:0;background:#fff;font-size:1.5em;display:block;font-weight:600;padding:20px 20px 0;word-break: keep-all;width:80%;}
#sev .ev_prd{padding:20px 0}
#sev .ev_prd:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_prd li{padding:10px 20px;position:relative}
#sev .ev_prd .ev_li_wr{position:relative;padding-left:120px;min-height:100px}
#sev .ev_prd .ev_prd_img{position:absolute;top:0;left:0;}

#sev .ev_prd .ev_txt_wr a{display:block;margin:0 0 10px;font-size:1.077em}
#sev .ev_prd .ev_prd_price {display:inline-block;margin-left:5px;font-weight:600}
#sev .ev_prd .ev_discount {text-decoration:line-through;color:#aaa}
#sev .ev_prd .ev_basic {display:block;margin:10px 0 ;color:#8a8a8a;line-height:20px;font-weight:100;font-size:0.92em}
#sev .sev_link {display:block;margin:10px 20px;background:#f3f3f3;line-height:60px;color: #666;;font-weight:300;font-size:0.92em;text-align:center;}
#sev .sev_link:hover{background:#fafafa;color:#333}
@media (max-width: 969px){
    #sev .sev_text{font-size: 1.25em;}
}
@media (max-width: 639px){
    #sev .sev_li{width:100%;padding:0}
    #sev .sev_text{padding:15px;margin-left:-45%;left:50%;width:90%}
}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {margin:40px 0;zoom:1}
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {font-size:1.5em;margin: 0 20px 20px;position:relative }
.sct_wrap h2 a{background:#fff;padding-right: 20px;display:inline-block;position:relative}
.sct_wrap h2:before{position:absolute;top:50%;left:0;width:100%;height:1px;background:#ddd;content:''}

.sct {padding:0;list-style:none;zoom:1;clear:both;}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative;}
.sct_noitem {padding:100px 0;text-align:center}
.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 .shop_icon{display: inline-block;color: #fff;background: #a8aab1;line-height: 20px;padding: 0 5px;font-size: 0.92em;margin: 1px;}
.sct_icon .shop_icon_soldout {display: inline-block;color: #ff0000;font-style: italic;font-weight: bold;margin: 2px;}

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

.sct_icon {display:inline-block;}
.sct_icon .icon{display:inline-block;font-weight:100;color:#fff;;margin-bottom:2px;padding:0 7px;line-height:20px;font-size:10px;letter-spacing:0.1em}
.icon_hit {background:#ffc31b}
.icon_rec {background:#7522e6}
.icon_sale {background:#1b76ff}
.icon_new {background:#49d88b}
.icon_best {background:#ff3578}
.icon_cp {background:#4a4a4a}
.icon_soldout .soldout_txt{display:inline-block;font-weight:100;;padding:0 7px;margin:1px ;line-height:20px;font-size:10px;letter-spacing:0.1em;background:#ff0000;color:#fff}


@media (max-width:639px){
    .sct_wrap h2 {font-size:1.385em;}
    .sct_wrap{margin:40px 0}
}

/* 상품 목록 스킨 10 */
.list_prd{margin:0 auto;max-width:1200px;padding:10px}
.sct_10{padding:0 10px}
.sct_10 .sct_li {float:left;text-align:left;width:25% !important;padding:10px ;margin-bottom:10px;}
.sct_10 .sct_li:nth-child(4n+1){clear:both}
.sct_10 .sct_li .li_wr{position:relative;}
.sct_10 .sct_img{position:relative;overflow:hidden;}
.sct_10 .sct_img img{width:100%;height:auto;}
.sct_10 .sct_id{margin:5px  0;font-size:0.92em;color:#666 }
.sct_10 .txt_wr{margin-top:20px}
.sct_10 .sct_txt{display:block;margin:10px 0;line-height:1.3em;font-size:300}
.sct_10 .sct_cost{font-weight:700;}
.sct_10 .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
.sct_10 .sct_star{position:absolute;bottom:0;right:0;width:65px;}
.sct_10 .sct_icon {position:absolute;top:0;left:0px;}
.li_more{text-align:center}     /* BEST 아이콘 */
.sct_10 .sct_icon .shop_icon_5 {}   /* 할인 아이콘 */
.sct_10 .sct_basic{margin:10px 0;color:#999;padding-top:10px;border-top:1px dotted #eee;font-weight:300;font-size:0.92em}
.sct_10 .sct_li:hover .btn_cart {
transition: all .3s .1s; 
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}


.sct_10 .btn_wr { position:absolute;bottom:0;left:0;border:0;background: #000;background:rgba(0,0,0,0.5);color: #fff; font-weight: 500; display: block; width: 100%;text-align: center;padding-right:45px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
}
.sct_10 .sct_li:hover .btn_wr {
transition: all .3s .1s; 
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
.sct_10 .btn_wish{position:absolute;bottom:0;right:0;width:45px;color:#c1c4c6;border:0;background:none;font-size:15px; height: 45px; line-height: 45px;}
.sct_10 .btn_wish:hover{color:#fff}
.sct_10 .btn_cart{background:rgba(0,0,0,0.5);color: #fff; width:100%;height: 45px; line-height: 45px;border:0}
.sct_10 .btn_cart:hover{background:#000}

.sct_cartop{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.cartop_bg{background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%;}
.sct_cartop_wr{position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:300px;max-height:400px;margin-left:-150px;margin-top:-200px;overflow-y:auto;
-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);}
.sct_cartop_wr h3{font-size:1.154em;padding:0 20px;line-height:50px;border-bottom:1px solid #eee}
.sct_cartop_wr form{padding:20px;}
.sct_cartop_wr label{display:block;margin:5px 0;color:#777}
.sct_cartop_wr select{width:100%;height:40px;background:none;border: 1px solid #d8dee5;;font-size: 1.077em;margin-bottom:10px;
-webkit-box-shadow: 0 2px 2px #f3f3f3;
-moz-box-shadow: 0 2px 2px #f3f3f3;
box-shadow: 0 2px 2px #f3f3f3;}
.cartopt_cart_btn{width:100%;height:42px}
.cartopt_close_btn{position:absolute;top:0;right:0;background:none;color:#888;border:0;width:50px;height:50px;font-size:15px}
.cartopt_close_btn:hover{color:#000}


#item_load_msg{display:none}
.li_more_btn{text-align:center;padding:40px 0}
#btn_more_item{height: 43px;width:300px;background:#fff;border:0;border-radius:55px;color: #282828;height: 43px; border: 1px solid #dee3ed;color: #7d7c90;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
#btn_more_item:hover {
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.08);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.08);
box-shadow: 0 2px 5px rgba(0,0,0,0.08);}

@media (max-width:639px){
    .sct_10 .sct_li {width:50% !important;padding:10px}
    .sct_10 .sct_li:nth-child(2n+1){clear:both}
    .sct_10 .sct_discount{display:none}
}

/* 상품 목록 스킨 20 */

.sct_20 {margin:0 auto;max-width:1200px;padding:20px}
.sct_20 .sct_li:first-child{border-top:1px solid #eee}
.sct_20 .sct_li{width:100%;padding:20px 0;text-align:left;border-bottom:1px solid #eee;}
.sct_20 .li_wr:after {display:block;visibility:hidden;clear:both;content:""}
.sct_20 .sct_img {position:relative;float:left;width:20%;overflow:hidden}
.sct_20 .li_wr{position:relative}
.sct_20 .txt_wr{float:left;width:80%;padding-left:20px}
.sct_20 br{display:none}
.sct_20 .sct_icon{margin:10px 0}
.sct_20 .icon{margin-right:2px}
.sct_20 .sct_id{margin:0px 10px 5px;font-size:0.92em;color:#666 }
.sct_20 .sct_txt{margin:0 0 10px;font-size:1.083em;line-height:1.3em}
.sct_20 .sct_cost{font-weight:700;margin-top:40px}
.sct_20 .sct_sns{margin:10px 10px}
.sct_20 .li_wr.is_view_type_list img{width:100%;height:auto}
.sct_20 .sct_basic{margin:20px 0;color:#999;font-weight:300}
.sct_20 .sct_star{display:block;margin-top:10px;width:65px;}

.sct_20 .sct_li:hover .btn_cart {
transition: all .3s .1s; 
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
.sct_20 .btn_wr { position:absolute;bottom:0;left:0;border:0;background: #000;background:rgba(0,0,0,0.5);color: #fff; font-weight: 500; display: block; width: 100%;text-align: center;padding-right:45px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
}
.sct_20 .sct_li:hover .btn_wr {
transition: all .3s .1s; 
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
.sct_20 .btn_wish{position:absolute;bottom:0;right:0;width:45px;color:#c1c4c6;border:0;background:none;font-size:15px; height: 45px; line-height: 45px;}
.sct_20 .btn_wish:hover{color:#fff}
.sct_20 .btn_cart{background:rgba(0,0,0,0.5);color: #fff; width:100%;height: 45px; line-height: 45px;border:0}
.sct_20 .btn_cart:hover{background:#000}



/* 메인 상품 목록 스킨 20 */

.smt_20{text-align:left;margin: 0 auto;max-width:1200px}
.smt_20 .li_wr{padding-left: 80px !important; min-height: 80px !important;}
.smt_20 a > img{width: 80px !important; height: 80px !important;}
.smt_20 li:after {display:block;visibility:hidden;clear:both;content:""}
.smt_20 li{margin:20px }
.smt_20 .sct_img{position:relative;margin-bottom:10px;position:absolute;top:0;left:0;padding-right:10px}
.smt_20 .btn_wish{position:absolute;bottom:0;right:0;width:50px;height:50px;color:#c1c4c6;border:0;background:none;font-size:18px}
.smt_20 .btn_wish:hover{color:#ff0000}
.smt_20 .sct_cost{margin-top:10px;font-weight:700;}
.smt_20 .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
.smt_20 .sct_star{width:65px;display:inline-block;margin:10px 0}
.smt_20 .sct_txt {display:block;}
.smt_20 .sct_txt_wr {padding-left:10px}

@media (max-width:969px){
    .smt_20 .sct_discount{display:none}
}
@media (max-width:639px){
    .smt_20 li{width:50%;padding:10px; margin:10px 20px;}
}

 /* 메인 상품 목록 스킨 30 */
#idx_best{background:#f8f9fa;;padding:60px 0;}
.smt_30{margin:0 auto;max-width:1200px;padding:0 10px}
.smt_30 .sct_li{padding:10px; float:left;width:25%;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
.smt_30 .sct_li:first-child{width:50%}
.smt_30 .li_wr{position:relative;overflow:hidden}
.smt_30 .sct_img{position:relative}
.smt_30 .sct_img img{width:100%;height:auto}
.smt_30 .sct_txt_wr{position:absolute;bottom:0;left:0;width:100%;padding:20px;text-align:left;background:rgba(0,0,0,0.5); color:#fff;
opacity:0;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s easfe-in-out;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);}

.smt_30 .sct_li:hover .sct_txt_wr {
opacity:1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}


.smt_30 .sct_a{color:#fff}

.smt_30 .sct_cost{margin-top:10px;font-weight:700;}
.smt_30 .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
.smt_30 .sct_rank {position:absolute;top:10px;left:10px;border:1px solid #000;padding:5px 10px;text-align:center; background: #ffffff5c;}
.smt_30 .sct_rank .num {font-size:15px;font-weight:800;display:block;line-height:20px;}
.smt_30 .sct_rank .text{display:block;font-weight:300;font-size:0.923em;line-height:15px}


@media (max-width:639px){
    .smt_30 .sct_li{width:50%}
    .smt_30 .sct_li:first-child{width:100%}

    #idx_best {padding: 50px 0;}
    #idx_best .tit-box {margin: 0 0 10px;}

    .sct.smt_20 .sct_li {width: 85%;}

}
/* 관련상품 목록 스킨 10 */
#sit_rel{display: none !important; background:#f3f3f3;margin:20px 0;padding:50px 0;border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
#sit_rel h2{margin:0 auto;max-width:1200px;padding:0 20px;font-size:1.25em;font-weight:500;text-align:center}
#sit_rel .sct_wrap{margin:0}
.srl_10{padding:10px;margin:0 auto;max-width:1200px; }
.srl_10:after {display:block;visibility:hidden;clear:both;content:""}
.srl_10 li{float:left;width:20%;padding:10px;text-align:left}
.srl_10 li img{width:100%;height:auto;}
.srl_10 .sct_txt{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin:10px 0 5px}
.srl_10 .sct_cost{font-weight:700}
@media (max-width: 639px){
    .srl_10 li{width:50%;}
}

/* 베스트상품 스킨 10 */
#best_item{display: none !important; padding:20px 0;overflow:hidden;position:relative;border-bottom:1px solid #eee;text-align:center}
#best_item h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#best_item #sbest_list{max-width:1200px;margin:0 auto;overflow:hidden;position:relative;padding:0 10px}
#best_item .li_wr{padding:5px;position:relative;}
#best_item .best_icon{text-align:center;position:absolute;top:10px;left:10px;background:#000;background:rgba(0,0,0,0.6);color:#fff;width:40px;line-height:40px;height:40px}
#best_item .sct_img{margin: 0 0 10px;display:block}
#best_item .sct_img img{width:100%}
#best_item .sct_cost{font-weight: bold; font-size: 1.083em;margin: 20px 0 10px; }

#best_item .sct_cost{margin-top:10px;font-weight:700;}
#best_item .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
#best_item .sct_rank {position:absolute;top:20px;left:20px;border:1px solid #000;padding:5px 10px;text-align:center}
#best_item .sct_rank .num {font-size:15px;font-weight:800;display:block;line-height:20px;}
#best_item .sct_rank .text{display:block;font-weight:300;font-size:0.923em;line-height:15px}
#best_item .bx-controls{padding:20px 0}
#best_item .bx-pager-item{display:inline-block;margin:5px;}
#best_item .bx-pager-item a{display:block;border:0;background:#000;text-indent:-999px;overflow:hidden;width:5px;height:5px; border-radius:5px;opacity:0.5}
#best_item .bx-pager-item .active{opacity:1;}

@media (max-width: 969px){
}
/* 개인결제 목록 */
#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_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:center;margin:0 auto;max-width:1200px;padding:0 20px }
.sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sct_ct ul {list-style:none}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct ul li {background:#fff;float:left;text-align:left;;}
.sct_ct ul li:hover{border-color:#f05858;position:relative}
.sct_ct ul li:hover a{color:#000}
.sct_ct a {text-decoration:none;display:block;color: #929292;;position:relative;padding-right:25px;position:relative;line-height:40px;
-webkit-transition:  all .2s ease-in-out;
-moz-transition: all .2s ease-in-out ;
transition: all .2s ease-in-out}
.sct_ct .prd_cnt{display:inline-block;line-height:20px;padding:0 5px;border-radius:10px;font-weight:100}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}



/* 상품 정렬 */
#sct_sortlst{margin:0 auto;max-width:1200px;position:relative;background:#fff;padding:20px 20px 10px}
#sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""}

#sct_sort {float:left}
#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{background:#fff;border:1px solid #cfd4d9;padding:0 10px;height:36px;margin-right:5px;color:#999;}
#sct_sort button:hover{background:#f3f3f3;color:#000}
#sct_sort ul {display:none;position:absolute;z-index:99  ;
-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2); 
-moz-box-shadow:0 3px 5px rgba(0,0,0,0.2);
box-shadow:0 3px 5px rgba(0,0,0,0.2);}

#sct_sort li {border-top:1px solid #f3f3f3;}
#sct_sort li a{display:block;text-align:left;color:#333;background:#fff;border-color:#e9e9e9;font-size:0.917em;padding:5px 10px;line-height:30px}
#sct_sort li a:hover{background:#f3f3f3}


/* 상품 리스트 스타일 선택 */
#sct_lst {margin:0 auto;}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left;}
#sct_lst button {background:#fff;border:1px solid #cfd4d9;padding:0 10px;height:36px;margin-right:5px;color:#999}
#sct_lst button:hover{background:#f3f3f3;color:#000}

/* 상품 상세보기 */
#sit {}
.sit_admin {margin:10px 10px 0;text-align:right}
.sit_empty {padding:30px 0;text-align:center}
#sit .sit_icon_wr {margin:20px 0}
#sit .sct_icon br{display:none}
#sit .sct_icon .icon {margin:0 2px 2px 0}
/* 상품상세 */
#info_content {padding:0 10px 30px;zoom:1}
#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_ov_wrap {margin:20px auto 20px;max-width:1200px;padding: 20px}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {float:left;padding:20px;width:60%;position:relative;;background:#fff;text-align:center;padding-left:100px}

#sit_pvi_big{position:relative}
#sit_pvi_big img{width:100%;height:auto}
#sit_pvi .bx-prev {position:absolute;top:50%;left:20px;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.5;z-index:2}
#sit_pvi .bx-next {position:absolute;top:50%;right:20px;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.5;z-index:2}
#sit_pvi .bx-controls-direction a:hover{opacity:1}

.sit_pvi_thumb a{opacity:0.5;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
filter: grayscale(100%);}
.sit_pvi_thumb .active{opacity:1;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0); 
-o-filter: grayscale(0);
filter: grayscale(0);}

#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;zoom:1}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {float:left;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {display: none; margin:0;text-align:center;position:relative;margin:0 auto;padding:0 20px;max-width:1200px}
#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 {padding:0  ;font-size:0.92em;color:#777;line-height:45px}
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#siblings_prev{float:left;text-align:left}
#siblings_next{float:right;text-align:right}

/* 상품 상세보기 - sns */
#sit_star_sns {position:absolute;top:0;right:20px}
#sit_star_sns .score{display:inline-block;vertical-align:top;font-size:1.25em;margin-left:7px}
#sit_star_sns .sit_star {position:relative;;margin:0 5px 0 0;vertical-align:top}

#sit_btn_wish{width:30px;line-height:40px;display:inline-block;font-size:19px;color:#aaa}
#sit_star_sns .btn_sns_share{width:30px;height:40px;font-size:19px;background:none;border:0;color:#aaa}
#sit_btn_wish:hover,#sit_star_sns .btn_sns_share:hover{color:#ff3a3a}
#sit_star_sns .sns_area{display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #333;padding:10px;z-index:10;width:200px;text-align:center;}
#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 #000 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;border-radius:30px;line-height:35px;background:#eee;text-align:center;vertical-align:top}
#sit_star_sns .sns_area a img{width:24px;height:auto;vertical-align:top}
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
#sit_star_sns .sns_area .share-googleplus{background:#d5503a;padding:5px 0}
#sit_star_sns .sns_area .share-facebook{background:#415b92;padding:5px 0}
#sit_star_sns .sns_area .share-twitter{background:#35b3dc;padding:5px 0}
#sit_star_sns .sns_area .share-kakaotalk{background:#ffeb00;padding:5px 0}

/* 상품 상세보기 - 간략정보  */
#sit_ov {float:left;width:40%;padding:20px;position:relative;background:#fff;;height:auto !important;}
#sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_ov h3 {margin:0 0 10px;color:#5772d5;font-weight:500}

#sit_title {display:block;margin: 10px 0;font-size:2em;line-height:1.7em}
#sit_desc {margin:10px 0 ;color:#666;line-height:1.25em}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_price{margin:20px 0;}
.sit_price .price_wr{margin:5px 0}
.sit_price .price span{font-weight:bold;font-size:1.25em}
.sit_price .price_og span{text-decoration: line-through;color:#999}
.sit_price strong{display:inline-block;font-weight:normal;width:80px;color:#999;}
.sit_price .price strong{color:#000}

.sit_icon {display:block;margin: 0 0;}
.sit_icon img {margin:0 1px 0 0;vertical-align:top;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;border-top:1px solid #eee;border-bottom:1px solid #eee}
.sit_ov_tbl button{background:none;text-align:left;color:#888;height:27px;font-size:0.92em;width:100%;position:relative;border:0}
.sit_ov_tbl button i{position:absolute;top:0;right:5px;font-size:14px;line-height:27px}
.sit_ov_tbl table{border-collapse:collapse;width:100%;margin: 0 0;border:0;}
.sit_ov_tbl th {font-weight:normal;text-align:left;padding: 5px  0;width:80px;color:#999}
.sit_ov_tbl td {padding: 8px 0}
.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%}

@media (min-width: 970px){
    .sit_pvi_thumb{position:absolute;top:20px;left:0}
    .sit_pvi_thumb a{display:block;margin:0 0 10px}
}

@media (max-width: 969px){
    #sit_pvi ,#sit_ov{padding:20px;width:100%}
    #sit_ov_wrap{padding:0}
    .sit_pvi_thumb{margin:20px 0}
    .sit_pvi_thumb a{display:inline-block;margin:0 10px}
    #sit_title{font-size:1.5em}
}

/* 상품 상세보기 - 구매하기  */

.buy_wr{}
#sit_buy .btn_close {display:none}
#sit_buy_op{display:none}
#sit_ov_soldout {padding:20px 0;margin:10px 0;color:#ff3061;background:#fff6f6;border:1px solid #fadada;font-weight:bold;text-align:center}
#sit_ov_btn {margin:0;padding:0 ;text-align:center;}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_btn_cart{float:left;width:50%;height:60px;font-weight:bold;font-size:1.231em}
#sit_btn_buy{float:right;width:50%;height:60px;font-weight:bold;font-size:1.231em}

#sit_sel_option,#sit_tot_price{margin:0 0 20px 0}
#sit_tot_price{text-align:right;font-weight:bold}
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_price span{font-weight:normal;float:left;font-size:13px}
#sit_tot_price strong{font-size:1.25em;margin-left:10px;display:inline-block}

.sit_option_wr{padding:20px 0;border-bottom:1px solid #eee}
.sit_option_wr h3{margin:0 0 5px}
.sit_option_wr label{display:block;margin: 0 0 5px}
.sit_option_wr select{width: 100%}
.get_item_options{margin:5px 0}


@media (max-width: 639px){
    #sit_buy_op{display:block;position:fixed;bottom:0px;left:0;z-index:97;width:100%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);}
    #sit_buy_op #buy_op_btn{width:100%;border:0;padding:0 10px;height:50px;font-weight:bold;color:#000;font-size:1.154em; font-weight: bold; font-family: 'Noto Sans KR' !important;}
    a.btn_b02:hover, .btn_b02:hover {background: #FFBC64 !important;}

    #sit_buy{display:none;position:fixed;bottom:0px;left:0;z-index:99;width:100%;text-align:center}
    #sit_buy h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
    #sit_buy .btn_close {background:url(./img/m-btn-op.png) no-repeat 50% 50% #fff;border:1px solid #aaa;border-bottom:0;margin-bottom:-1px;z-index:1;position:relative;text-indent:-999px;overflow:hidden;width:70px;height:24px;border-radius:10px 10px 0 0;display:inline-block}

    .buy_wr{background:#fff;border-top:1px solid #aaa;padding: 20px;max-height:200px;text-align:left;overflow-y:auto}
}
@media (min-width: 640px){
    #sit_buy{display:block !important}
}
/* 상품 상세보기 - 상품정보 */
#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 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 h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

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

#sit_tab{padding:0 0 50px;text-align:left;position:relative;}
#sit_tab .tab_tit{max-width:1200px;margin:0 auto;width:100%;text-align:center;}
#sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit li {display:inline-block;padding:0 20px;text-align:center;}
#sit_tab .tab_tit li.re_li a {display: flex; align-items: center; gap: 4px;}
#sit_tab .tab_tit li button{display: block;width:100%;position: relative;height: 50px;color:#8b8b8b;background: none;border:0;text-align: center;z-index: 1;}
#sit_tab .tab_tit li .selected{border-bottom:2px solid #ff3a3a;color:#ff3a3a;font-weight:bold}
#sit_tab .tab_con{margin:0 auto;max-width:1200px;padding:20px;text-align:left}
#sit_tab .tab_con2{margin:0 auto;max-width:1200px;padding:20px;}

#sit_dvr,#sit_ex{padding:20px;margin:0 0 20px;background: #fafafa; border: 1px solid #eee;}

#sit_dvr,#sit_ex p{ font-family: AppleSDGothicNeo-Regular !important;} 
#sit_dvr,#sit_ex span{ font-family: AppleSDGothicNeo-Regular !important;} 

@media (max-width: 639px){
    #sit_inf_open th,#sit_inf_open td{display:block;width:100%}
}

@media (max-width: 400px) {
    #sit_use_list .sit_use_li {flex-flow: column; align-items: flex-start;}
    #sit_use_list .sit_use_dl2 {position: initial !important;}
}

/* 상품 상세보기 - 사용후기 */
.tit_no{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #eee;list-style:none}
.sit_use_li {position:relative;border-bottom:1px solid #eee; display: flex; align-items: center; flex-wrap: wrap;}
.sit_use_li .d-flex {display: flex; align-items: center;}
.sit_use_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_li_title {display:block;margin:0;padding:0 ;line-height:60px;width:auto;border:0;background:transparent;text-align:left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.sit_use_li_title b{font-weight:normal;margin-right:2px}
/* .sit_use_dl {margin:0;padding:0 ;position:absolute;top:0;right:0;line-height:60px;font-size:0.92em} */
.sit_use_dl {display: flex; align-items: center; gap: 4px;}
.sit_use_dl2 {position: absolute !important; top: 18px; right: 0;}
.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 {margin:0 10px 0 0;color:#888; white-space: nowrap;}
.sit_use_dl dd img{width:80px !important;height:auto;vertical-align:top;margin-top:0}
.sit_use_con {display:block !important;padding:0 0 20px; width: 100%;} 
.sit_use_p {margin:10px 0 ;line-height:1.7em;font-weight: 300;}
.sit_use_cmd {text-align:right}
.sit_use_cmd a.btn01{padding: 5px;}
#sit_use_wbtn {margin:20px 0 ;text-align:right;}
#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_use_reply{position:relative;background:#f3f3f3;padding:20px 20px 20px 70px;margin-top:20px}
.use_reply_icon{position:absolute;top:20px;left:20px;;padding:0 5px;background:#333;color:#fff;font-size:0.92em}

#sit_use_wbtn a{vertical-align:middle;font-weight:700; margin-top:15px; }


/* 상품 상세보기 - 상품문의 */
#sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #eee;list-style:none;}
.sit_qa_li{position:relative;border-bottom:1px solid #eee;margin-top:-1px}
.sit_qa_li_title {display:block;margin:0;padding:0 ;line-height:60px;width:100%;border:0;background:transparent;text-align:left;padding-right:260px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.sit_qa_li_title img{vertical-align:middle}
.sit_qa_li_title b{font-weight:normal;margin-right:2px}
.sit_qa_dl {margin:0;padding:0 10px;position:absolute;top:0;right:0;line-height:60px;font-size:0.92em}
.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:50px;text-align:center;font-weight:bold;margin:0}
.sit_qa_dl dd.sit_qaa_done{color:#2060ff}
.sit_qa_con {display:none}
.sit_qa_p {background:#f6f6f6;line-height:1.8em;}
.sit_qa_p strong {display:inline-block;margin:0 0 10px;}
.sit_qa_qaq{margin-bottom:10px;padding:20px ;border-bottom:1px dotted #e3e3e3}
.sit_qa_qaa{padding:20px}

.sit_qa_con textarea {display:none}
.sit_qa_cmd {text-align:right;padding:20px 0}
.sit_qa_cmd a.btn01{padding:5px;}
.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 {margin:20px 0 ;text-align:right}
#sit_qa_wbtn a{vertical-align:middle;font-weight:700}
#sit_qa_w {display:none}

@media (max-width: 640px){
    .sit_use_dl,.sit_qa_dl{position:relative;line-height:20px;}
    .sit_qa_li_title,.sit_use_li_title{line-height:20px;padding:0 0 5px}
    .sit_use_li{padding:15px 0}
    .sit_use_dl dd img{margin:0}
    .sit_qa_li_title {padding-top: 10px;}
    .sit_qa_dl {padding: 0 0 10px;}
}




/* 사용후기 모음 */
#sps_sch {margin:20px}
#sps_sch a {display:inline-block;padding:0 8px;height:50px;line-height:50px;vertical-align:top;border-radius:3px;color:#999;font-weight:300;;text-decoration:underline;text-align:center}
#sps_sch .sch_wr{position:relative;display:inline-block}
#sps_sch .sch_wr:after {display:block;visibility:hidden;clear:both;content:""}
#sps_sch select{}
#sps_sch .sch_input{height:50px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
#sps_sch .sch_btn{height:50px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}

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

.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;}
.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: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;}

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

/* 상품문의 모음 */
#sqa_sch {margin:20px}
#sqa_sch a {display:inline-block;padding:0 8px;height:50px;line-height:50px;vertical-align:top;border-radius:3px;color:#999;font-weight:300;;text-decoration:underline;text-align:center}
#sqa_sch .sch_wr{position:relative;display:inline-block}
#sqa_sch .sch_wr:after {display:block;visibility:hidden;clear:both;content:""}
#sqa_sch select{}
#sqa_sch .sch_input{height:50px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
#sqa_sch .sch_btn{height:50px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}

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

.sqa_img {position:absolute;top:10px;left:10px;}
.sqa_img img{border-radius:50%;}
.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}

.sqa_section {margin-left:80px;display:block}
.sqa_section h2{font-weight:bold;margin:5px 0}
.sqa_section .sqa_con {background:#f3f3f3;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}
.sqa_con_btn button {border: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;}

#sqa .sit_qa_qaq,#sqa .sit_qa_qaa {padding:10px 5px 10px 40px;position:relative}
.sqa_con .qa_alp{position:absolute;top:10px;left:15px;font-size:1.75em;color:#bbb}

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

#sqa .sit_qaa_yet,#sqa .sit_qaa_done{display:inline-block;text-align:center;font-weight:bold;margin:0;font-size:11px;background:#f3f3f3;color:#999;padding:0 10px;line-height:30px}
#sqa .sit_qaa_done{background:#2060ff;color:#fff}

/* 상품검색 */
#ssch_frm {margin:0 auto;max-width:1200px;padding:0 10px;zoom:1}
#ssch_frm h2{margin:10px;color:#888;line-height:30px;}
#ssch_frm h2 span{font-size:1.333em;color:#000}
#ssch_frm h2 strong{color:#d50c0d}
#ssch_frm form{margin:0 10px 20px}
#ssch_frm .ssch_scharea{min-height:50px;}
#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_right{float:right;margin-bottom:10px}
#ssch_frm .ssch_input{height:30px;border:1px solid #cbcbcb;padding:0 10px}
#ssch_frm .btn_submit{width: 30px;height: 30px;;position:absolute;top:0;right:0}
#ssch_frm p{padding:15px;background: #effaf4; margin-top: 10px;clear: both; color: #62ba8b;}

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


/*배송교환정보*/
#sit_dvex h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_dvex h3 {font-size:1.167em;margin-bottom:10px}
#sit_dvex .box{margin-bottom:20px;padding:20px}

/* 로딩안내 레이어 */
#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}

/*쿠폰존 리스트*/
.couponzone_list{margin:20px 0 ;background:#fff;padding:20px}
.couponzone_list h2{margin:0 0 5px;font-size:1.25em;}
.couponzone_list p{margin:0 0 10px;}
.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 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 (min-width: 640px)and (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;}
}


/* ds */
/* 메인 슬라이드 */
.menu_wr li:hover .sub_cate1 li {display: flex; align-items: center; justify-content: space-between;}
.menu_wr li:hover .sub_cate1 li .sub_ct_toggle {display: block !important;}
.menu_wr .sub_cate > li > a {height: auto; line-height: 25px;}
#main_bn .btn_wr a,#main_bn #slide-counter {display: none !important;}
body #main_bn .btn_wr {background: transparent; display: block; width: 100%; line-height: initial; border-radius: 0; bottom: 30px; right: auto; left: 50%; transform: translateX(-50%);}
body #main_bn .main_bn_slide .slick-dots {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 5px;}
body #main_bn .main_bn_slide .slick-dots li {display: flex; align-items: center; justify-content: center; font-size: 12px; width: auto; padding: 0 30px !important; height: 40px; line-height: 40px; background: rgba(255,255,255,0.6) !important; text-align: center; overflow: hidden; transition: all 0.3s ease; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.05); border-radius: 10px;}
body #main_bn .main_bn_slide .slick-dots li.slick-active {color: #fff; background: rgba(0,0,0,0.4) !important;}

/* tit */
#sbn_side .sb_bn {max-width: 100%; width: 100%; overflow: hidden;}
#sbn_side .sb_bn .slick-track {margin: 0 -5px; box-sizing: initial;}
#sbn_side .sb_bn .slick-item {width: 630px; height: 350px; margin: 0 5px;}

.tit-box {margin: 40px 0; text-align: center;}
.tit-box .tit {margin-bottom: 10px; font-size: 26px; font-weight: bold; color: #000;}
.tit-box .sub {font-size: 14px; font-weight: 400; color: #808080;}
#sbn_side .sb_bn .slick-dots .slick-active button {width: 40px; transition: all .3s;}
#sbn_side .bn-txt-wr {opacity: 0; z-index: -1;}
#sbn_side .bn-txt {opacity: 0; z-index: -1;}
#sbn_side li {width: auto;}
#sbn_side li .sb_wr {height: 350px !important;}

.pc_view {display: block;}
.mo_view {display: none;}



.category_mo {display: none !important; padding-top: 100px;}
.category_mo .sub_ct_toggle {display: none;}
.category_mo .cate {display: flex; align-items: center; width: 100%; overflow: auto; overflow-y: hidden;}
.category_mo .cate::-webkit-scrollbar,
.category_mo .cate::-webkit-scrollbar-thumb,
.category_mo .cate::-webkit-scrollbar-track {display:none;}
.category_mo .menu_close {display: none !important;}
.category_mo .menu_wr li {position: initial !important; z-index: 0 !important; line-height: 1; flex: 0 0 auto;}

/* popup */
.vod-popup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 960px; height: 540px; z-index: 9999; opacity: 0; transition: all .5s; visibility: hidden;}
.vod-popup.open {opacity: 1; transition: all .5s; visibility: initial;}
.vod-popup iframe {width: 100%; height: 100%;}
.vod-popup .close-btn {position: absolute; top: -58px; right: 0; background: transparent; font-size: 40px; font-weight: bold; color: #fff; border: none;}
.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 8888;}
.brand-area {width: 100%; height: auto;}
.brand-area ul {display: flex; align-items: center; gap: 10px 0; margin: 0 -5px;}
.brand-area ul li {width: calc(100% / 5); height: 164px; padding: 0 5px;}
.brand-area ul li.on {display: block !important;}
.brand-area ul li .child-box {display: block; border: 1px solid #cdcdcd;}
.brand-area ul li .child-box .img-box {width: 100%; height: 100%;}
.brand-area ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover;}

.tab-area {display: flex; align-items: center; gap: 10px;}
.tab-area button {width: 46px; height: 30px; margin: 0 2px 5px 0; color: #fff; background: #b2b2b2; font-weight: normal; border: none; font-size: 11px; border-radius: 2px; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.tab-area button.active {background: #333;}

@media screen and (max-width: 969px) {
    #sbn_side .sb_bn .slick-track,#sbn_side .sb_bn .slick-item {margin: 0;}
    #sbn_side {padding: 0 20px; box-sizing: border-box;}
    #sbn_side .sb_bn .slick-item {height: auto !important;}
    #sbn_side li .sb_wr {height: auto !important; aspect-ratio: 16/9;}
    .vod-popup {width: 100%; height: auto; aspect-ratio: 16/9;}
    .main_bn_slide .slick-list {padding: 0 !important; height: 100%;}
    #main_bn .txt_wr {padding: 0 !important;}
    #main_bn {aspect-ratio: 16/7;}
    #main_bn .main_bn_slide {height: 100%;}
    #main_bn .slick-track {height: 100%;}
    #main_bn .main_bn_slide .bn_wr {height: 100%;}
    #main_bn .main_bn_slide .bn_wr img {height: 100%; object-fit: cover;}
    body #main_bn .main_bn_slide .slick-dots li {width: 10px; height: 10px; border-radius: 100%; text-indent: -9999px; padding: 0 !important;}
    body #main_bn .main_bn_slide .slick-dots li button {display: none;}
    body #main_bn .main_bn_slide .slick-dots {gap: 0; bottom: 0;}
    .hd_pops {left: 0 !important; width: 100% !important;}
    .category_mo {display: block !important; padding-top: 100px;}
    .hd_pops img {width: 100%;}
    .hd_pops_con {width: 100% !important;}
    #hd_btn button#btn_cate {display: none !important;}
}

@media screen and (max-width: 639px){
    .category_mo {padding-top: 50px;}

    .tit-box .tit {font-size: 23px; margin-bottom: 0px;} 

    .pc_view {display: none;}
    .mo_view {display: block;}
}

/* trick_txt */
.trick_txt {display: block; position: relative;}
.trick_txt .trick_item {position: absolute; top: 0; right: 0; z-index: 1;}
/* .trick_txt:before {position: absolute; top: 0; right: 0; content: '원'; font-weight: 500; line-height: 20px; color: #000; z-index: 1;} */

/* slick-arrow */
.main_bn {position: relative;}
.main_bn .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); margin:0; padding:0; border:0 none; font-size:100%; vertical-align:baseline; background:transparent; text-indent: -9999px;}
.main_bn .slick-prev {}
.main_bn .slick-next {}


/* top_sec */
.top_sec {display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; height: auto; padding: 30px 0; box-sizing: border-box;}
.top_sec .profile {width: 100%; height: 100px; padding: 20px 20px; background: #fff; border-radius: 3px; box-sizing: border-box; box-shadow: 0px 0px 8px 0px #dcdcdc;}
.top_sec .profile .d-flex {display: flex; align-items: center; gap: 20px;}
.top_sec .profile .d-flex .my_img {width: 60px; height: auto; border-radius: 100%; overflow: hidden;}
.top_sec .profile .d-flex .my_img img {width: 100%; height: 100%; object-fit: cover;}
.top_sec .profile .d-flex .my_name {font-size: 14px; font-weight: 400; line-height: 1.5; color: #000;}
.fixed_txt {margin-top: 10px; border-radius: 30px; border: 1px solid #fda83c; color: #fda83c; text-align: center;}
#ol_after_hd .fixed_txt  {margin-top: 5px; margin-bottom: 10px; line-height: 30px; font-size: 12px;}
.top_sec .private ul {display: flex; align-items: center; gap: 20px;}
.top_sec .private ul li {display: flex; align-items: center; width: 150px; height: 100px; padding: 30px 20px; background: #fff; border-radius: 3px; box-sizing: border-box; box-shadow: 0px 0px 8px 0px #dcdcdc;}
.top_sec .private ul li .child-box {}
.top_sec .private ul li .child-box .coupon {}
.top_sec .private ul li .child-box .coupon .tit {font-size: 14px; font-weight: 500; line-height: 1.4; color: #4a4a4a;}
.top_sec .private ul li .child-box .coupon b {display: block; font-size: 16px; color: #000;}
.top_sec .private ul li .child-box .coupon b.pr {color: #fda83c;}

/* fixed-nav */
.fixed-nav {width: 100%; height: auto; padding: 20px; box-sizing: border-box;}
.fixed-nav ul {display: flex; flex-flow: column;}
.fixed-nav ul li {width: 100%; height: auto; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dcdcdc;}
.fixed-nav ul li:last-of-type {padding-bottom: 0; margin-bottom: 0; border: none;}
.fixed-nav ul li .tit {margin-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 1.5; color: #000;}
.fixed-nav ul li .tit a {margin-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 1.5; color: #000;}
.fixed-nav ul li a {display: block; margin-bottom: 5px; font-size: 14px; font-weight: 400; line-height: 1.5; color: #333;}
.fixed-nav ul li a:last-of-type {margin-bottom: 0;}

/* #ol_after_btn */
#ol_after_btn {position: initial !important;}

@media (max-width:  970px) {
    .top_sec {flex-flow: column; padding: 0 20px; box-sizing: border-box;}
    .top_sec .private {width: 100%;}
    .top_sec .private ul {width: 100%; margin-bottom: 20px;}
}

@media (max-width:  425px) {
    .top_sec {gap: 5px;}
    .top_sec .profile {height: 84px; padding: 10px 10px;}
    .top_sec .profile .d-flex .my_name {font-size: 12px;}
    .top_sec .profile .fixed_txt {margin-top: 5px; font-size: 12px;}
    .top_sec .private ul {gap: 5px;}
    .top_sec .private ul li {width: calc(100% / 3); height: 84px; padding: 10px;}
    .top_sec .private ul li .child-box .coupon .tit {font-size: 12px;}
    .top_sec .private ul li .child-box .coupon b {font-size: 14px;}
}

/* =========================================================
   itemuseform.skin.php 팝업(write) 전용
   ========================================================= */

/* 스코프 */
#sit_use_write,
#sit_use_write * {
  font-family: 'Pretendard Variable', sans-serif;
  box-sizing: border-box;
}

/* 팝업 기본 틀 */
#sit_use_write.new_win {
  background: #fff;
  padding: 22px 22px 26px;
  width: 100%;
  min-width: 320px;

  /* ✅ 하단 fixed 버튼바 공간 확보 */
  padding-bottom:10px;
}

/* 상단 타이틀 */
#sit_use_write #win_title {
  margin: 0 0 18px;
  padding: 0 0 12px;
  font-size: 18px;
  font-weight: 800;
  border-bottom: 1px solid #e9e6dd;
}

/* 폼 폭 */
#sit_use_write form { width: 100%; }

/* 공통 row */
#sit_use_write .form-row { margin: 18px 0; }
#sit_use_write .form-row > label {
  display: block;
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.4;
}

/* textarea */
#sit_use_write textarea {
  width: 100%;
  border: 1px solid #dedbcf;
  border-radius: 10px;
  padding: 14px;
  min-height: 180px;
  resize: vertical;
  font-size: 14px;
  line-height: 1.6;
  outline: none;
  background: #fff;
}
#sit_use_write textarea::placeholder { opacity: .55; }

/* =========================================================
   평가(별점) - 안정형(라디오/라벨 분리)
   ========================================================= */
#sit_use_write .form-score .score-stars{
  display:flex;
  flex-direction: row-reverse; /* 5→1 */
  gap: 10px;
  align-items:center;
  justify-content:flex-end;
}
#sit_use_write .form-score .score-stars input[type="radio"]{
  position:absolute;
  left:-9999px;
}

/* ✅ xi 아이콘 자체 */
#sit_use_write .form-score .score-stars .star i{
  font-size: 32px;          /* ✅ 크기 업 */
  color: #ffb300;           /* ✅ 노랑계열(amber) */
  opacity: .22;             /* 비선택 시 흐리게 */
  transition: opacity .18s ease, transform .18s ease, filter .18s ease;
}

/* hover */
#sit_use_write .form-score .score-stars .star:hover i{
  opacity: 1;
  transform: translateY(-1px) scale(1.05);
  filter: drop-shadow(0 2px 6px rgba(255,179,0,.25));
}

/* hover 시 왼쪽(낮은 점수)까지 같이 밝게 */
#sit_use_write .form-score .score-stars .star:hover ~ .star i{
  opacity: 1;
}

/* 체크된 점수 이하 전부 밝게 */
#sit_use_write .form-score .score-stars input[type="radio"]:checked ~ .star i{
  opacity: 1;
}


/* =========================================================
   하단 fixed 버튼바 (등록/닫기)
   ========================================================= */
#sit_use_write .btnbar_fixed{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;

  background: rgba(255,255,255,.96);
  backdrop-filter: blur(8px);
  border-top: 1px solid #e9e6dd;

  padding: 14px 16px;
  display: flex;
  justify-content: center;
  gap: 0; /* 서로 붙게 */
}

#sit_use_write .btnbar_fixed button{
  height: 54px;
  min-width: 140px;
  padding: 0 28px;
  font-weight: 900;
  font-size: 16px;
  cursor: pointer;
  border-radius: 0;
}

#sit_use_write .btnbar_fixed .btn_submit{
  border: 1px solid #000;
  background: #000;
  color: #fff;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  border-right: 0;
}
#sit_use_write .btnbar_fixed .btn_close{
  border: 1px solid #000;
  background: #fff;
  color: #000;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

/* =========================================================
   itemuseform 업로더(uploader) UI
   ========================================================= */
#sit_use_write .pf-detail-wrap{ margin-top:10px; }
#sit_use_write .pf-detail-head{ display:flex; align-items:center; gap:10px; }
#sit_use_write .pf-detail-head + .pf-detail-head { margin-top:18px; }

#sit_use_write .uploader{
  border:1px dashed #cfd6e4;
  padding:12px;
  border-radius:10px;
  background:#fafbff;
  width:100%;
}
#sit_use_write .uploader__controls{
  display:flex;
  gap:8px;
  align-items:center;
  margin-bottom:8px;
  flex-wrap:wrap;
}
#sit_use_write .uploader__controls small{
  font-size:12px;
  opacity:.85;
}
#sit_use_write .btn-small{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid #ccd3e0;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  font-size:12px;
  font-weight:800;
}
#sit_use_write .uploader__list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  gap:10px;

  /* ✅ 하단 버튼바에 가리지 않게 약간 여유 */
  padding-bottom: 40px;
}
#sit_use_write .uploader__item{
  border:1px solid #e5e9f2;
  border-radius:10px;
  background:#fff;
  padding:8px;
}
#sit_use_write .uploader__thumb{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:6px;
  border:1px solid #f0f2f7;
}
#sit_use_write .uploader__meta{
  margin-top:6px;
  font-size:12px;
  color:#445;
}
#sit_use_write .uploader__meta b{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#sit_use_write .uploader__actions{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:6px;
  font-size:12px;
}

/* ✅ 첨부 영역 아래 여백(하단 버튼바 겹침 방지) */
#sit_use_write .itemuse_filebox{ margin-bottom: 90px; }

/* =========================================================
   기존 업로드 파일(썸네일+체크) UI
   ========================================================= */
#sit_use_write .usefile-list{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
  margin-top: 10px;
}
#sit_use_write .usefile-item{
  border:1px solid #ddd;
  border-radius:10px;
  padding:10px;
  background:#fff;
}
#sit_use_write .usefile-row{
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
}
#sit_use_write .usefile-check{
  width:18px;
  height:18px;
  flex:0 0 auto;
}
#sit_use_write .usefile-thumb{
  width:44px;
  height:44px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid #eee;
  background:#fff;
  flex:0 0 auto;
}
#sit_use_write .usefile-name{
  display:block;
  font-size:12px;
  line-height:1.2;
  word-break:break-all;
  color:#333;
}
#sit_use_write .usefile-check:checked ~ .usefile-thumb{
  outline: 2px solid #ff6201;
  outline-offset: 1px;
}
#sit_use_write .usefile-check:checked ~ .usefile-name{
  font-weight: 800;
}

/* =========================================================
   itemuse 리스트 카드형 (첨부 이미지 포함)
   ========================================================= */
#sit_use_list.usecards{ padding:0; }

#sit_use_list .usecard{
  display:grid;
  grid-template-columns: 1fr 200px;
  gap:36px;
  padding:22px 0;
  border-bottom:1px solid #eee;
}
#sit_use_list .usecard__left{ min-width:0; }

#sit_use_list .usecard__right{
  border-left:1px solid #eee;
  padding-left:26px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}

/* 별점 */
#sit_use_list .usecard__stars{
  display:flex;
  gap:1px;
  margin-bottom:10px;
  line-height:1;
}

/* 공통 아이콘 */
#sit_use_list .usecard__stars .star i{
  font-size: 20px;          /* ✅ 기존 16px → 크게 */
  color: #ffb300;           /* ✅ 노랑계열 */
  opacity: .25;             /* off 상태 */
  transition: opacity .2s ease, transform .2s ease, filter .2s ease;
}

/* ON 상태 */
#sit_use_list .usecard__stars .star.on i{
  opacity: 1;
  filter: drop-shadow(0 1px 4px rgba(255,179,0,.25));
}

/* hover (관리자/리스트 공통 자연스러움) */
#sit_use_list .usecard__stars .star.on i:hover{
  transform: translateY(-1px) scale(1.05);
}


/* 내용 */
#sit_use_list .usecard__content{
  font-size:14px;
  line-height:1.7;
  color:#111;
  word-break:break-word;
}

/* 이미지 */
#sit_use_list .usecard__imgs{
  margin-top:14px;
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
#sit_use_list .usecard__img{
  width: 140px;            /* ✅ 최종값(중복 제거) */
  aspect-ratio: 1 / 1;
  display:block;
  border-radius:10px;
  overflow:hidden;
  background:#f6f6f6;
}
#sit_use_list .usecard__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* 우측 메타 */
#sit_use_list .usemeta{ width:100%; }
#sit_use_list .usemeta__name{
  font-weight:800;
  font-size:14px;
  color:#111;
  margin-bottom:6px;
}
#sit_use_list .usemeta__date{
  font-size:12px;
  color:#999;
  margin-bottom:10px;
}

/* 수정/삭제 */
#sit_use_list .usemeta__cmd{ display:flex; gap:8px; }
#sit_use_list .btn-mini{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:32px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid #ddd;
  background:#fff;
  font-size:12px;
  font-weight:800;
  color:#111;
  text-decoration:none;
}

/* ===== 내용 2줄만 보이기 (라인클램프) ===== */
#sit_use_list .useclamp{
  display:-webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow:hidden;
}
#sit_use_list .usecard.is-open .useclamp{
  -webkit-line-clamp: unset;
  display:block;
  overflow:visible;
}

/* 더보기 버튼(내용 아래 오른쪽) */
#sit_use_list .usemore_wrap{
  margin-top: 10px;
  display:flex;
  justify-content:flex-end;
}
#sit_use_list .usemeta__toggle{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  font-size:12px;
  color:#555;             /* ✅ 가독성 업 */
  font-weight:800;
  text-decoration: underline;
}
#sit_use_list .usemeta__toggle:hover{ color:#111; }

/* =========================================================
   반응형
   ========================================================= */
@media (max-width: 1024px){
  #sit_use_write.new_win{ padding: 18px 16px 22px; }
  #sit_use_write #win_title{ font-size:16px; }
  #sit_use_write textarea{ font-size:13px; min-height:160px; }
}

@media (max-width: 480px){
  #sit_use_write .btnbar_fixed button{
    height:52px;
    min-width:120px;
    padding:0 22px;
    font-size:15px;
  }
}

@media (max-width: 900px){

  /* 카드 구조는 그대로 1열 */
  #sit_use_list .usecard{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  /* ✅ 우측 메타 영역: 한 줄 고정 */
  #sit_use_list .usecard__right{
    border-left: 0;
    padding-left: 0;
    padding-top: 10px;
    border-top: 1px solid #eee;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; /* ✅ 좌: 메타 / 우: 버튼 */
    gap: 10px;

    flex-wrap: nowrap;  /* ✅ 줄바꿈 금지 */
  }

  /* ✅ 이름/날짜가 버튼을 밀지 않게 */
  #sit_use_list .usemeta{
    min-width: 0;       /* ✅ flex에서 줄임 허용 */
    flex: 1 1 auto;
  }

  /* 이름/날짜는 한 줄로(넘치면 …) */
  #sit_use_list .usemeta__name,
  #sit_use_list .usemeta__date{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ✅ 버튼 영역은 고정폭, 절대 줄바꿈 안 함 */
  #sit_use_list .usemeta__cmd{
    flex: 0 0 auto;
    margin-left: 0;     /* 기존 auto 제거 */
    display: inline-flex;
    gap: 6px;
    white-space: nowrap;
  }

  /* 모바일에서 버튼 조금 슬림하게 */
  #sit_use_list .btn-mini{
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 8px;
  }

  /* 썸네일은 조금 줄임 */
  #sit_use_list .usecard__img{
    width: 120px;
  }
  
}


/* =========================================================
   전체후기 - 상품 정보 카드 업그레이드
   ========================================================= */

/* =========================================================
   상품 바로가기 카드
   ========================================================= */

/* 래퍼 */
#sit_use_list .useproduct{
  margin-bottom: 16px;
}

/* 카드 링크 */
#sit_use_list .useproduct__link{
  position: relative;

  display: flex;
  align-items: center;
  gap: 14px;

  padding: 12px 14px; /* ✅ 하단 버튼 공간 확보 */
  border-radius: 14px;
  background: #fafafa;
  border: 1px solid #eee;

  text-decoration: none;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

/* hover */
#sit_use_list .useproduct__link:hover{
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

/* 썸네일 */
#sit_use_list .useproduct__thumb{
  width: 70px;
  height: 70px;
  flex: 0 0 auto;

  border-radius: 12px;
  overflow: hidden;
  background: #f1f1f1;

  display: flex;
  align-items: center;
  justify-content: center;
}

#sit_use_list .useproduct__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 상품명 */
#sit_use_list .useproduct__name{
  font-size: 15px;
  font-weight: 900;
  color: #111;
  line-height: 1.4;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* =========================================================
   우측 하단 "상품 바로가기"
   ========================================================= */
#sit_use_list .useproduct__go{
  position: absolute;
  right: 12px;
  bottom: 10px;

  display: inline-flex;
  align-items: center;

  padding: 6px 10px;
  border-radius: 8px;

  font-size: 12px;
  font-weight: 900;
  color: #ff6201;
  background: #fff;

  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);

  pointer-events: none; /* ✅ 카드 전체 클릭 유지 */
}

#sit_use_list .useproduct__link:hover .useproduct__go{
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* =========================================================
   모바일
   ========================================================= */
@media (max-width: 600px){
  #sit_use_list .useproduct__thumb{
    width: 64px;
    height: 64px;
  }

  #sit_use_list .useproduct__name{
    font-size: 14px;
  }

  #sit_use_list .useproduct__link{
    padding-bottom: 38px;
  }

  #sit_use_list .useproduct__go{
    right: 10px;
    bottom: 9px;
    padding: 5px 9px;
    font-size: 11px;
  }
}


/* =========================================================
   후기 요약 박스 (첨부 이미지 스타일)
   ========================================================= */
#sit_use_summary.use_summary{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  padding: 26px 24px;
  border: 1px solid #eee;
  border-radius: 16px;
  background:#fff;
  margin: 0 0 50px;
}

/* 공통 타이틀 */
#sit_use_summary .use_summary__title{
  font-weight:700;
  font-size:22px;              /* ✅ 업 */
  color:#111;
  margin-bottom:14px;
  text-align:center;           /* ✅ 가운데 */
}

/* 공통 별 */
#sit_use_summary .star i{
  font-size:28px;              /* ✅ 업 */
  color:#ffb300;
  opacity:.22;
}
#sit_use_summary .star.on i{ opacity:1; }

/* =========================
   LEFT : 사용자 총점
   ========================= */
   
/* ✅ 별 + 점수 같은 줄로 */
#sit_use_summary .use_summary__score{
  display:flex;
  flex-direction:row;          /* ✅ 가로 */
  align-items:center;
  justify-content:center;
  gap: 14px;
  margin-bottom: 30px;
  text-align:center;
}

#sit_use_summary .use_summary__stars{
  display:flex;
  gap:4px;
  justify-content:center;
}

#sit_use_summary .use_summary__num{
  display:flex;
  align-items:baseline;
  gap:6px;
  line-height:1;
}

#sit_use_summary .use_summary__num b{
  font-size:28px;              /* ✅ 업 */
  font-weight:700;
  color:#ffb300;
}
#sit_use_summary .use_summary__num span{
  color:#888;
  font-weight:700;
  margin-left:6px;
  font-size:14px;
  vertical-align:middle;
}

/* 분포 */
#sit_use_summary .use_summary__dist{
  display:flex;
  flex-direction:column;
  gap:10px;                    /* ✅ 업 */
  margin-top: 6px;
}

#sit_use_summary .dist_row{
  display:grid;
  grid-template-columns: 120px 1fr 54px; /* ✅ 살짝 키움 */
  align-items:center;
  gap:12px;
}

#sit_use_summary .dist_stars{
  display:flex;
  gap:2px;
  justify-content:flex-start;
}
#sit_use_summary .dist_stars i{
  font-size:16px;
  color:#ffb300;
  opacity:.22;
}
#sit_use_summary .dist_stars i.on{ opacity:1; }

#sit_use_summary .dist_bar{
  height:8px;                  /* ✅ 업 */
  background:#f1f1f1;
  border-radius:999px;
  overflow:hidden;
}
#sit_use_summary .bar_fill{
  display:block;
  height:100%;
  background:#ffb300;
  border-radius:999px;
}

#sit_use_summary .dist_pct{
  font-size:16px;
  color:#666;
  text-align:right;
  font-weight:400;
}

/* =========================
   RIGHT : 추천 문구 + 세로바
   ========================= */
#sit_use_summary .use_summary__quote{
  font-size:22px;              /* ✅ 업 */
  color:#111;
  font-weight:400;
  line-height:1.5;
  margin-bottom:16px;
  text-align:center;           /* ✅ 가운데 */
}
#sit_use_summary .use_summary__quote b{
  font-size:20px;              /* ✅ 업 */
  color:#111;
}
#sit_use_summary .use_summary__quote .q{
  color:#5b5bd6;
  font-weight:900;
}

/* 세로바 */
#sit_use_summary .use_summary__feel{
  display:flex;
  align-items:flex-end;
  justify-content:center;       /* ✅ 가운데로 모음 */
  gap:22px;                     /* ✅ 업 */
  height:150px;                 /* ✅ 업 */
}

#sit_use_summary .feel_col{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:60px;                   /* ✅ 컬럼 폭 고정(보기 좋게) */
}


/* ✅ 최고 퍼센트는 feel_pct 자체에 배지처럼 */
#sit_use_summary .feel_pct{
  font-size:14px;
  color:#666;
  font-weight:700;
  line-height:1;
  padding:6px 10px;
  border-radius: 999px;
}

#sit_use_summary .feel_pct.is-best{
  background:#5b5bd6;
  color:#fff;  
}

#sit_use_summary .feel_bar{
  width:12px;                   /* ✅ 업 */
  height:92px;                  /* ✅ 업 */
  border-radius:999px;
  background:#efefef;
  overflow:hidden;
  position:relative;
}
#sit_use_summary .feel_fill{
  position:absolute;
  left:0; right:0; bottom:0;
  background:#c9c9ff;
  border-radius:999px;
}

#sit_use_summary .feel_label{
  font-size:14px;               /* ✅ 업 */
  color:#777;
  font-weight:700;
  white-space:nowrap;
}

/* BEST 강조 */
#sit_use_summary .feel_col.is-best .feel_fill{ background:#5b5bd6; }
#sit_use_summary .feel_col.is-best .feel_label{ color:#5b5bd6; }


/* ✅ LEFT / RIGHT 사이 세로 구분선 */
#sit_use_summary.use_summary{
  position: relative;
}

#sit_use_summary.use_summary::after{
  content:"";
  position:absolute;
  top: 16px;
  bottom: 16px;
  left: 50%;
  width: 1px;
  background: #e9e9e9;
  transform: translateX(-0.5px);
}



/* 반응형 */
@media (max-width: 900px){
  #sit_use_summary.use_summary{
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 22px 18px;
  }

  /* ✅ 가운데 세로 라인 제거 */
  #sit_use_summary.use_summary::after{
    display:none;
  }

  /* ✅ 대신 위/아래 구분선(LEFT 아래) */
  #sit_use_summary .use_summary__left{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
  }

  #sit_use_summary .use_summary__feel{
    gap:16px;
    height:140px;
    flex-wrap: wrap;          /* ✅ 좁아지면 줄바꿈 허용 */
  }

  #sit_use_summary .feel_col{
    width: auto;              /* ✅ 고정폭 해제 */
    flex: 0 0 auto;
  }
}

/* ✅ 420px 이하(깨짐 방지) */
@media (max-width: 420px){
  #sit_use_summary.use_summary{
    padding: 18px 14px;
    margin-bottom: 30px;
    gap: 14px;
  }

  #sit_use_summary .use_summary__title{
    font-size:18px;
    margin-bottom:10px;
  }

  /* 별/점수 살짝 축소 */
  #sit_use_summary .star i{ font-size:22px; }
  #sit_use_summary .use_summary__num b{ font-size:22px; }
  #sit_use_summary .use_summary__num span{ font-size:12px; }

  /* 분포 영역 폭/글자 축소 */
  #sit_use_summary .dist_row{
    grid-template-columns: 96px 1fr 44px;
    gap:10px;
  }
  #sit_use_summary .dist_stars i{ font-size:13px; }
  #sit_use_summary .dist_pct{ font-size:13px; }

  /* 우측 타이포 축소 */
  #sit_use_summary .use_summary__quote{
    font-size:18px;
  }
  #sit_use_summary .use_summary__quote b{
    font-size:18px;
  }

  /* 세로바 레이아웃: 더 촘촘하게 + wrap */
  #sit_use_summary .use_summary__feel{
    gap:5px;
    height:auto;              /* ✅ 고정 높이 해제 */
    justify-content:space-between;
  }

  #sit_use_summary .feel_bar{
    height:78px;
    width:10px;
  }
  #sit_use_summary .feel_label,
  #sit_use_summary .feel_pct{
    font-size:11px;
    padding:5px;
  }
}

/* =========================
   후기 정렬 탭
   ========================= */
#sit_use_list .use_sort{
  display:flex;
  align-items:center;
  justify-content:flex-start;   /* ✅ 좌측 정렬 */
  gap:16px;
  padding:10px 0 14px;
  border-bottom:1px solid #eee;
}

#sit_use_list .use_sort__btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  font-weight:700;
  color:#9aa0a6;               /* ✅ 기본 회색 */
  text-decoration:none;
  padding:6px 10px;
  position:relative;
}

/* ✅ AI 추천순 아이콘 */
#sit_use_list .use_sort__btn.is-ai{
  position:relative;
  padding-left:15px;
}



/* ✅ 아이콘 반짝(파스텔 + 글로우) */
#sit_use_list .use_sort__btn.is-ai > i{
  position:absolute;
  left:-2px;
  top:6px;                 /* 좌측 상단 살짝 */
  font-size:15px;
  line-height:1;

  color:#a9b8ff;            /* 파스텔 기본색 */
  text-shadow:0 1px 0 rgba(255,255,255,.7);

  transform-origin:center;
  animation: aiPastelColor 2s linear infinite;
}

/* 활성일 때는 조금 더 진하고 반짝임도 살짝 강하게 */
#sit_use_list .use_sort__btn.is-ai.is-active > i{
  color:#6f7cff;
  animation-duration: 1.05s;
}




/* ✅ 활성 색상(검정 → 보라톤) */
#sit_use_list .use_sort__btn.is-active{
  color:#5b5bd6;
}

/* ✅ 활성 밑줄 */
#sit_use_list .use_sort__btn.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-14px;                /* use_sort padding/border 기준 */
  height:2px;
  background:#5b5bd6;
}

/* 모바일에서 간격만 살짝 줄이기(선택) */
@media (max-width: 420px){
  #sit_use_list .use_sort{ gap:12px; }
  #sit_use_list .use_sort__btn{ font-size:13px; }
}


/* ✅ 색상만 파스텔로 순환 + 글로우도 같이 */
@keyframes aiPastelColor{
  0%{
    color:#a9b8ff; /* 파스텔 블루 */
    filter: drop-shadow(0 0 0 rgba(169,184,255,0));
  }
  50%{
    color:#9fd3ff; /* 파스텔 스카이 */
    filter: drop-shadow(0 0 10px rgba(159,211,255,.65));
  }
  100%{
    color:#a9b8ff;
    filter: drop-shadow(0 0 0 rgba(169,184,255,0));
  }
}

/* ✅ 모션 줄이기 설정 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  #sit_use_list .use_sort__btn.is-ai > i{
    animation:none;
  }
}

/* =========================================================
   사용후기 상단 "내 리뷰 작성하기" 버튼
   ========================================================= */
#sit_use_topbtn.use_topbtn{
  margin: 0 0 14px;
}

#sit_use_topbtn .use_topbtn__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width:270px;
  width: 100%;
  height: 50px;

  border-radius:8px;
  background: #15161a;
  color: #fff;

  font-size: 15px;
  font-weight:700;
  text-decoration: none;

  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

#sit_use_topbtn .use_topbtn__link:hover{
  background: #0f1013;
}

@media (max-width: 420px){
  #sit_use_topbtn .use_topbtn__link{
    height: 50px;
    font-size: 14px;
  }
}