@charset "utf-8";


#sub_menu {display:none;}

.btn01 {line-height: 30px;border: 1px solid #ddd;padding: 0px 15px;font-size: 13px;font-weight: 600;}
.btn02 {background-color: #5260ff;color: #fff;line-height: 30px;border: none;padding: 0px 15px;font-size: 13px;font-weight: 600;border: 1px solid #5260ff;}

.sbtn01{background-color: #fff; color:#000; line-height: 26px;border: 1px solid #ddd;padding: 0px 20px;font-size: 13px;font-weight: 600;display: inline-block;}
.sbtn02{background-color: #5260ff;color: #fff; line-height: 26px;border: 1px solid #ddd;padding: 0px 20px;font-size: 13px;font-weight: 600;display: inline-block;}

.custom-swiper-wrapper1,.custom-swiper-wrapper2,.custom-swiper-wrapper3 {display: flex; flex-direction: row; margin-top: 8px; padding-bottom:1rem}
.custom-swiper-pagination {text-align: center;}
.swiper-pagination-bullet-active {background-color:#f1f1f1f1;}
.swiper-pagination-bullet {background-color:#000; margin:0px 3px}

.custom-swiper-slide {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sale-list-vertical-wrapper {display: inline-flex; flex-direction: column; margin: 0 10px;}

.vertical-box {width: 100%;}

.image-box {position: relative;}
.image-wrapper {width: 120px; height: 100px; position: relative; border-radius: 16px; background: #f4f6f8; border: 1px solid rgba(0, 0, 0, .04); -o-object-fit: cover; object-fit: cover;}

.menu-info-wrapper {padding: 10px 10px;width: 100%;}

.brand-name, .menu-name, .menu-origin-price, .menu-price {margin: 5px 0;}
.menu-origin-price {color: #bbbbbb; font-weight: bold; text-decoration: line-through;}

.ten-t {font-weight: bold;font-size: 14px; margin-left: 5px;}	
.persent_sell {font-size: 16px; color: #f24538; font-weight: bold;}

.statusDefault {width: 32px; height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px;border-radius: 100px; position: absolute; top: 8px; right: 8px;  background-image: url(/theme/unifun/skin/shop/basic/img/mark_01.svg);
    background-size: cover;}
.statusDefault span {font-size: 12px; text-align: center; color:#fff;}

.s-icon {padding: 2px; display: inline-flex; align-items: center; justify-content: center;}

#category .category-list li .category-text {text-align: center; font-size: 12px; font-weight: 500;line-height: 150%;letter-spacing: .6px;text-wrap: nowrap;}




.sit_use_form {display: flex;justify-content: space-between;align-items: center;padding: 0px 20px;}
.sit_use_form .write_title {font-size:16px; font-weight:600}	
.sit_use_form .sit_use_btn {display:flex; gap:10px}	

/* 오늘 본 상품 */
#stv h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#stv_ul {list-style:none; background:#fff;}
#stv_ul li {display:none;background:#fff; position:relative;border-bottom:1px solid #ebeff3;padding:5px;text-align:left;word-break:break-all;font-size:1.2em;color:#666}
#stv_ul li:after {display:block;visibility:hidden;clear:both;content:""}
#stv_ul li .prd_img,
#stv_ul li .prd_cnt {display:inline-block;float:left}
#stv_ul li .prd_cnt {width:100%;}
#stv_ul li .prd_name,
#stv_ul li .prd_cost {display:block}
#stv_ul li .prd_name {font-size:1.2em}
#stv_ul li:hover .prd_name {color:#134cab}
#stv_ul li .prd_cnt .prd_cost {margin-top:5px;font-weight:bold}
#stv_ul li .prd_img img { margin-left:4px; border-radius:3px;}
#stv .li_empty {background:#fff;font-size:1em;line-height:50px;color:#cecece}
#stv_ul li:hover .qk_name { color:#134cab; transition:0.3s ease all; } 
#stv_ul .qk_name { width:100%; text-align:center; display:inline-block; padding:0 5px; transition:0.3s ease all; }
#stv_btn {position:relative;text-align:center;padding:5px; background:#fff;}
#stv_btn:after {display:block;visibility:hidden;clear:both;content:""}
#stv_btn button {width:14px;height:13px;overflow:hidden;text-indent:-8999px;float:left;margin:0;border:0;background:url('img/today_btn.jpg') no-repeat;color:#fff;text-align:center}
#stv_btn button#up {position:absolute;top:10px;left:5px}
#stv_btn button#down {position:absolute;top:10px;right:5px;background-position:-42px 0}
#stv_pg {display:block;height:20px;line-height:20px;font-size:1em}



/* 상품 목록 */
.sct_admin {margin:0 0 10px;text-align:right}

/* 상품 목록 현재 위치 */
#sct_location {position:absolute;top:10px;right:0;}
#sct_location a {display:inline-block;padding:10px 5px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 50% no-repeat}




/* 오늘 본 상품 모바일 */
#m_stv { background:#fff; letter-spacing:-1px;}
#m_stv h1 {position:relative; font-size:13px; border-bottom:1px solid #dcdcdc; padding:5px 10px; }
#m_stv h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#m_stv_ul {border-bottom:1px solid #dcdcdc; width:100%; display:flex; flex-direction:row; flex-wrap:wrap; list-style:none; background:#fff;}
#m_stv_ul li {width:25%; display:none;background:#fff; position:relative;border-bottom:0;padding:5px;text-align:left;word-break:break-all;font-size:12px;color:#666}
#m_stv_ul li:after {display:block;visibility:hidden;clear:both;content:""}
#m_stv_ul li .prd_img,
#m_stv_ul li .prd_cnt {display:inline-block;float:left}
#m_stv_ul li .prd_cnt {width:100%;}
#m_stv_ul li .prd_name,
#m_stv_ul li .prd_cost {display:block}
#m_stv_ul .qk_name { width:100%; line-height:1em; text-align:center; display:inline-block; padding:0 5px; transition:0.3s ease all; }
#m_stv_ul li .prd_name {font-size:1em}
#m_stv_ul li:hover .prd_name {color:#134cab}
#m_stv_ul li .prd_cnt .prd_cost {margin-top:5px;font-weight:bold}
#m_stv_ul li .prd_img img { width:100%; height: auto; border-radius:3px;}
#m_stv .li_empty {background:#fff;font-size:1em; text-align:center; line-height:50px;color:#cecece}
#m_stv_ul li:hover .qk_name { color:#134cab; transition:0.3s ease all; } 
#m_stv_btn {font-size:12px; color:#134cab; font-weight:600; display:inline-block; margin-left:5px;}
#m_stv_btn button {font-size:24px;color:#000; font-weight:300; line-height:24px;border:0; margin:0; padding:0; background:#fff;}
#m_stv_btn button#up_two {position:absolute;top:8.5px;right:40px}
#m_stv_btn button#down_two {position:absolute;top:8.5px;right:10px;}
#m_stv_pg { margin-left:7px; color:#134cab; font-size:12px;}


/* 이벤트 링크 */
#sev {clear:both;width:1200px;height:auto;margin:0 auto;overflow:hidden}
#sev:after {display:block;visibility:hidden;clear:both;content:""}
#sev h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sev img {max-width:100%;height:auto}
#sev ul {margin:0 auto}
#sev ul:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_li {width:595px;float:left;position:relative}
#sev .ev_li:nth-child(1) {margin-right:10px}
#sev .ev_li_wr {}
#sev .ev_li .sev_img {display:block;width:100%;z-index:1;background:#eee}
#sev .ev_li .ev_prd {margin-top:10px;z-index:2}
#sev .ev_li .ev_prd:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_li .ev_prd li {float:left;position:relative;width:292px;margin-left:10px;border:1px solid transparent}
#sev .ev_li .ev_prd li:first-child {margin-left:0}
#sev .ev_li .ev_prd li:hover {border:1px solid #134cab}
#sev .ev_li .ev_prd_img {display:block}
#sev .ev_li .ev_txt {padding:30px;text-align:center}
#sev .ev_li .ev_prd li:hover .ev_txt,
#sev .ev_li .ev_prd li:hover a,
#sev .ev_li .ev_prd li:hover .ev_prd_price {background:#134cab;color:#fff}
#sev .ev_li .ev_prd_tit {font-size:1.6em;font-weight:bold;color:#000}
#sev .ev_li .ev_prd_price {display:block;font-size:1.4em;color:#000;font-weight:bold;padding:10px 0 0}
.sev_admin {text-align:right}
.sev_admin .btn_admin {background:#02c3a1;color:#fff;line-height:35px;padding:0 10px;border-radius:3px;vertical-align:middle}

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

/* 메인배너 */
#main_bn {position:relative;width:100%}
#main_bn .slide-wrap {display:none}
.bn-img {width:100%; max-width:100%; height:100%; max-height:400px; padding:200px 0; display:block;background-position:top center;background-repeat:no-repeat; background-size:cover; overflow:hidden; }

#main_bn #bx_pager {position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:20px 0}
#main_bn #bx_pager ul {display:inline-block}
#main_bn #bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn #bx_pager li {float:left;text-align:center;line-height:35px}
#main_bn #bx_pager li:first-child {border-left:0}
#main_bn #bx_pager li a {display:block;width:10px;height:10px;margin:0 2px;border-radius:10px;padding:3px;text-indent:-9999px;background:#fff;opacity:0.5}
#main_bn #bx_pager li a.active {width:20px;background:#fff;opacity:1}

#main_bn .bx-prev {position:absolute;top:50%;left:0;margin-top:-35px;z-index:99;background:url(img/btn_prev.png) no-repeat 50% 50%;width:50px;height:70px;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-prev:hover {opacity:1}
#main_bn .bx-next {position:absolute;top:50%;right:0;margin-top:-35px;z-index:99;background:url(img/btn_next.png) no-repeat 50% 50%;width:50px;height:70px;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-next:hover {opacity:1}


/*이벤트 배너*/
#sbn_side {float:left;width:415px;height:410px}
#sbn_side li { display: inline-block; width: 100%; height: 100%; }
#sbn_side:after {display:block;visibility:hidden;clear:both;content:""}
#sbn_side h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_side img {width:100%;height:100%}
#sbn_side .owl-next {position:absolute;top:50%;right:0;margin-top:-18px;background:url('../basic/img/btn_next.png') no-repeat 50% 50%;width:40px;height:40px;text-indent:-999px;overflow:hidden;opacity:0.4}
#sbn_side .owl-prev {position:absolute;top:50%;left:0;margin-top:-18px;background:url('../basic/img/btn_prev.png') no-repeat 50% 50% ;width:40px;height:40px;text-indent:-999px;overflow:hidden;opacity:0.4}
#sbn_side .owl-prev:hover, #sbn_side .owl-next:hover {opacity:1}
#sbn_side .owl-next, #sbn_side .owl-prev {background-size:10px}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display:block !important}

/*장바구니*/
#sbsk li {position:relative;border-bottom:1px solid #ebeff3;padding:10px 0;text-align:left;word-break:break-all;font-size:1.2em;color:#666}
#sbsk li:after {display:block;visibility:hidden;clear:both;content:""}
#sbsk li .prd_img,
#sbsk li .prd_cnt {display:inline-block;float:left}
#sbsk li .prd_cnt {width:119px;margin-left:5px;font-size:1em}
#sbsk li:hover .prd_cnt {color:#134cab}
#sbsk li .prd_cost {margin-left:5px;color:#9c9c9c;line-height:20px}
#sbsk li .prd_img img {margin-right:5px}
#sbsk li .cart_del {float:right;border:1px solid #d2d2d2;color:#bdbdbd;background:#f1f1f1;width:20px;height:20px;margin-left:5px;text-align:center}
#sbsk li .cart_del:hover {border:1px solid #f54946;color:#f54946;background:#fff}

#sbsk .go_cart {display:block;height:40px;line-height:38px;font-weight:bold;text-align:center;width:100%}
#sbsk .btn_buy {height:40px;margin:5px 0;font-weight:bold;text-align:center;width:100%}

/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {position:relative;margin:0 0 30px;/*text-align:center;*/zoom:1}
.sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap header {margin:0 0 20px;text-align:left;zoom:1}
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap_bottom {border:1px solid #e5e5e5;background:#fff;padding:0}
.sct_wrap_bottom:after {display:block;visibility:hidden;clear:both;content:""}
.sct_bt_left {float:left;width:499px;padding:25px;margin:0}
.sct_bt_right {float:right;width:498px;padding:25px;border-left:1px solid #e5e5e5}
.sct_bt_right h2.sct_bt {display:inline-block;position:relative;font-size:1.5em;margin:0 0 10px 0;padding:0 0 7px;line-height:1em}
.sct_bt_right h2.sct_bt:after {content:"";position:absolute;left:0;bottom:-10px;width:35px;border-bottom:1px solid red}

/*
#sct {clear:both}
.sct {clear:both;margin:0;padding:0;list-style:none;}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct img {width:100%; max-width:100%; height:auto; position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center;font-size:1.2em}
.shop_icon {display:inline-block;border-radius:35px;color:#fff;line-height:20px;padding:0 5px;font-size:12px;margin:0px 4px; margin-bottom:3px;}
.sit_icon { display:flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center }
.shop_icon:nth-child(1) { margin-left:0; }
.shop_icon:nth-last-child(1) { margin-right:0; }
.shop_icon:nth-child(4n) { margin-left:0; }



.shop_icon_view {display:inline-block;border-radius:35px;color:#fff;line-height:20px;padding:1px 10px; margin:0px 2px; margin-bottom:3px;}


.shop_icon_1 {background: linear-gradient(to right, #1bd7f7, #00e7ffc7)}
.shop_icon_2 {background: linear-gradient(to right, #ff20f6, #1400b9)}
.shop_icon_3 {background: linear-gradient(to right, #ffa22a, #ff0052)}
.shop_icon_4 {background: linear-gradient(to right, #49ff1e, #42c95f)}
.shop_icon_5 {background: linear-gradient(to right, #05b7ff, #1c0ef5)}
.shop_icon_soldout {display:flex; align-items: center; justify-content: center; text-align:center;color:#fff;font-size:20px;font-weight:bold}
.shop_icon_coupon {border: 1px solid #6fd1ff; background: -webkit-linear-gradient(to right, #39ceff, #6fd1ff); background: linear-gradient(to right, #39ceff, #6fd1ff);}
*/





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

/* 메인 상품 목록 스킨 10 */
.smt_10 {position:relative;background:#fff}
.smt_10 .smt_li {position:relative;border:1px solid transparent;float:left;display:inline-block;width:276px !important;margin-top:0;margin-bottom:45px;margin-left:32px;text-align:center}
.smt_10_wrap {}
.smt_10 .smt_li:hover {border:1px solid red}
.smt_10 .smt_li:nth-child(4n+1) {margin-left:0;clear:both}
.smt_10 .sct_clear {margin-right:0}
.smt_10 .smt_li .sct_img {position:relative;display:inline-block;/*float:left;width:70px;height:70px;margin-right:10px*/}
.smt_10 .smt_li .sct_img > a > img {width:100%;height:auto}
.smt_10 .smt_li .sct_cnt {padding:30px;text-align:left}
.smt_10 .smt_li:hover .sct_cnt {background:#134cab;color:#fff}
.smt_10 .smt_li:hover .sct_txt a {color:#fff}
.smt_10 .smt_li .sct_txt {display:block;text-align:center;height:20px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 0 5px;font-size:1.6em;font-weight:bold}
.smt_10 .smt_li .sct_basic {display:none}
.smt_10 .smt_li .sct_cost {margin:0;font-size:1.2em;text-align:center;font-weight:bold}
.smt_10 .smt_li .sct_cost .sct_discount {display:block;color:#999;font-size:0.92em;text-decoration:line-through}
.smt_10 .smt_li .sct_icon {text-indent:-99999px}

.smt_10 .smt_li .sct_last {border-bottom:0}
.smt_10 .smt_li .sct_sns {display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
.smt_10 .smt_li:hover .sct_sns {display:block}

.smt_10 .smt_li .sct_sns a {display:inline-block;border-radius:50%;margin:2px;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)}
.smt_10 .smt_li .sct_sns .share-facebook:hover {background:#415b92}
.smt_10 .smt_li .sct_sns .share-twitter:hover {background:#35b3dc}
.smt_10 .smt_li .sct_sns .share-googleplus:hover {background:#d5503a}
.smt_10 .smt_li .sct_sns img {width:18px}
  

#sit_rel .sct_sns a {display: inline-flex;border-radius: 50%;margin: 2px;width: 40px;justify-content: center;height: 40px;padding: 10px 0;background: rgba(255, 255, 255, 0.4);align-items: center;transition: 0.2s ease all; }
#sit_rel .sct_sns .share-facebook:hover {background:#415b92}
#sit_rel .sct_sns .share-twitter:hover {background:#35b3dc}
#sit_rel .sct_sns .share-googleplus:hover {background:#d5503a}
#sit_rel .sct_sns img {width: 30px;border-radius: 50%;}


/* 메인 상품 목록 스킨 30 */
.smt_30 .smt_li {position:relative;width:100% !important;background:#fff;margin-bottom:20px}
.smt_30 .smt_li:after {display:block;visibility:hidden;clear:both;content:""}
.smt_30 .smt_li:last-child {margin-bottom:0}
.smt_30 .sct_img {float:left;width:65px;height:6px}
.smt_30 .sct_img img {width:100%;height:auto}
.smt_30 .sct_cnt {float:left;text-align:left;padding:0 10px;width:384px;min-height:65px}
.smt_30 .sct_txt {font-size:1em;font-weight:bold}
.smt_30 .sct_cost {display:block;padding:5px 0;color:#ff0b44;font-weight:bold}
.smt_30 .sct_discount {display:none}

.smt_30 .sct_a {display:block;position:relative;text-decoration:none}
.smt_30 .sct_a:focus, .smt_30 .sct_a:hover {text-decoration:none}
.smt_30 .sct_icon {display:inline-block;float:left;margin:0;line-height:20px;font-size:14px}
.smt_30 .sct_icon img {display:block;margin:0 0 3px}
.smt_30 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}

/* 메인 상품 목록 스킨 40 */
.sct_40 .sct_li {position:relative;margin:0 0 16px 0;border:1px solid #dadada;background:#fff;width:592px;float:left}
.sct_40 .sct_li:nth-child(2n+1) {margin-right:15px}
.sct_40 .sct_a {text-decoration:none}
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}
.sct_40 .sct_img {position:absolute;top:0;left:0;height:100%}
.sct_40 .sct_img a {display:block}
.sct_40 .sct_sns {display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
.sct_40 .sct_img:hover .sct_sns {display:block}
.sct_40 .sct_cart {margin-top:20px;border:1px solid #dedede;background:#fff;padding:10px 15px;border-radius:30px}
.sct_40 .sct_sns a {display:inline-block;border-radius:50%;margin:2px ;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)}
.sct_40 .sct_sns .share-facebook:hover {background:#415b92}
.sct_40 .sct_sns .share-twitter:hover {background:#35b3dc}
.sct_40 .sct_sns .share-googleplus:hover {background:#d5503a}
.sct_40 .sct_sns img {width:18px}

.sct_40 .sct_txt {padding:10px 0;font-size:1.6em;font-weight:bold;color:#000}
.sct_40 .sct_basic {color:#666;margin:5px 0}
.sct_40 .sct_cost {margin:10px 0;font-size:1.167em}
.sct_40 .sct_cost .sct_discount {display:block;color:#999;font-size:0.92em;text-decoration:line-through;
  display: block;
  margin: 0 0 5px;
  color: #134cab;
  font-weight: normal;}
.sct_40 .sct_rel {position:absolute;bottom:20px;right:20px}
.sct_40 .sct_rel_ul {margin:0;padding:0;list-style:none}
.sct_40 .sct_rel_li {float:left;margin:0 0 0 10px}
.sct_40 .sct_sns {padding:10px 0 0}

.sct_40 .sct_cartop {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;background:rgba(255,255,255,0.9);padding:20px;text-align:left;z-index:90}
.sct_40 .sct_cartop label {display:inline-block;margin-bottom:5px;font-weight:bold}
.sct_40 .sct_cartop select {margin-bottom:10px;height:30px;line-height:28px;background-size:30px}
.sct_40 .sct_cartop .cartopt_cart_btn {background:#000;color:#fff;border:0;width:100%;height:35px}
.sct_40 .sct_cartop .cartopt_close_btn {background:#fff;border:1px solid #aaa;margin-top:4px;color:#333;width:100%;height:35px}

.sct_40 .sct_cartop select.it_option,select.it_supply {width:100%;height:40px;line-height:38px;font-size:13px;color:#000;border:1px solid #d293a2;background:url('../basic/img/select.png') no-repeat right #fff;text-indent:10px;vertical-align:middle !important;outline:none;-webkit-appearance:none;-moz-appearance:none}
.sct_40 .sct_cartop select.it_option:hover, .sct_40 .sct_cartop select.it_supply:hover {background-color:#fdfdfd}
.sct_40 .sct_cartop select.it_option:focus, .sct_40 .sct_cartop select.it_supply:focus {background-color:#fdfdfd}
.sct_40 .sct_cartop select.it_option option {background:#fff;padding:5px}

.sct_40 .shop_icon_soldout {position:absolute;left:20px;top:20px}

/* 메인 상품 목록 스킨 50 */
.smt_50 {position:relative}
.smt_50:after {display:block;visibility:hidden;clear:both;content:""}
.smt_50 li {position:relative;float:left;margin-bottom:10px;margin-right:24px;text-align:center}
.smt_50 li:last-child {margin-right:0}
.smt_50 .sct_img {width:180px}
.smt_50 .sct_img img {width:100%;height:auto}
.smt_50 .sct_rank {display:block;position:absolute;top:10px;left:10px;width:30px;height:30px;background:#f1f1f1;color:#000;line-height:30px;text-align:center;z-index:10;font-size:1.2em;font-weight:bold}
.smt_50 .sct_li_1 .sct_rank,
.smt_50 .sct_li_2 .sct_rank,
.smt_50 .sct_li_3 .sct_rank {background:#fb5861;color:#fff} 
.smt_50 .sct_txt a {color:#555;display:block;margin:15px 0 5px;line-height:1.4em}
.smt_50 .sct_cost {font-weight:bold}

/* 개인결제 목록 */
.sct_pv {margin:40px 0 0; display:flex; flex-wrap:wrap; flex-direction:row;}
.sct_pv .sct_li { position:relative;float:left;width:calc(100% / 5);border:2px solid transparent; margin-bottom:20px; }
.sct_pv .sct_li:hover {border:2px solid #134cab}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none}
.sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none}
.sct_pv .sct_li:hover .sct_img img {border:0}
.sct_pv .sct_img { background:#fff; margin:10px 0; padding:10px; width:100%; text-align:center; }
.sct_pv .sct_img img {width:100%;}
.sct_pv .sct_cnt {text-align:center;padding:10px}
.sct_pv .sct_txt {font-size:14px; line-height:14px;font-weight:bold;color:#000}
.sct_pv .sct_icon {margin:0 0 10px}
.sct_pv .sct_id {display:block;margin:0 0 5px}
.sct_pv .sct_basic {margin:0 0 10px}
.sct_pv .sct_cost {display:block;font-size:16px; line-height:16px; letter-spacing:-1px; color:#fa622f;font-weight:bold}
.sct_pv .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_sns {}

/* 메인 상품 목록 스킨 20, 메인 상품 목록 스킨 10 */
/*
.sct_20 { display:flex; flex-direction:row; flex-wrap:wrap;}

.sct_20 .sct_li {width:calc(100% / 4 - 15px); margin-right:20px; border:1px solid transparent;margin-bottom:45px;text-align:center; transition:0.2s ease all;}
.sct_20 .sct_li:nth-child(4n) { margin-right:0 } 
.sct_20 .sct_li:hover .sct_img img {transform:scale(1.02); transition:0.2s ease all;}
.sct_20 .sct_cnt {text-align:center;padding:15px 10px}
.sct_20 .sct_basic {margin-bottom:10px; text-align:left;}
.sct_20 .sct_cost {display:block;font-size:1em;padding:0px;color:#000;font-weight:bold}
.sct_20 .sct_icon {display:flex;width:50%;margin:0;line-height:25px;align-items: center; justify-content: flex-start;}
*/
.sct_20 .sct_rank {position:absolute;right:0px;top:0;border-radius:0 0 50% 50%;font-weight:600; font-size:16px;background:#000;z-index:99;color:#fff;padding:5px 10px;width:auto;}
.sct_20 .sct_rank_1:before {font-family:"Font Awesome 5 Free";content:"\f004";display:inline-block;margin-right:10px;vertical-align:middle}
.sct_20 .sct_rank_1:after {font-family:"Font Awesome 5 Free";content:"\f004";display:inline-block;margin-left:10px;vertical-align:middle}
.sct_20 .sct_li:hover .sct_rank_1:before,
.sct_20 .sct_li:hover .sct_rank_1:after {color:#ffbe00;text-align:center;-webkit-transition:color 1000ms linear;-ms-transition:color 1000ms linear;transition:color 1000ms linear}
.sct_20 .sct_li .sct_rank b { font-size:13px; }

.sct_20 .sct_txt {width:100%; text-align:left; padding:0;color:#000}



.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
.sct_20 .sct_a img {width:100%; height:auto}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
.sct_20 .sct_img {position:relative; overflow:hidden;}
.sct_20 .sct_btn {display:none;position:absolute;bottom:20px;text-align:center;width:100%}
.sct_20 .sct_li:hover .sct_btn {display:block}
.sct_20 .sct_cart {background-color:#000;opacity:.7;transition:all .3s;display:inline-block;font-size:1.4em;width:40px;height:40px;color:#fff;border:0;text-align:center;border-radius:30px}
.sct_20 .sct_cart:hover {background:#134cab;opacity:1}

.sct_20 .sct_icon img {display:block;margin:0 0 3px}
.sct_20 .shop_icon_soldout {position:absolute;left:0;top:0;width:100%; height:100%; background:rgba(0,0,0, 0.5); z-index:9; }

.shop_icon_soldout .soldout { position:relative; width:100%; z-index:2; }
.shop_icon_soldout::before { border: 2px solid #fff; content: ''; left: 25%; top: 25%; position: absolute; z-index: -1; width: 50%; height: 50%;}

.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}
.sct_20 .sct_li .sct_sns {display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
.sct_20 .sct_li:hover .sct_sns {display:block}
.sct_20 .sct_li .sct_sns a {display:inline-block;border-radius:50%;margin:2px;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)}
.sct_20 .sct_li .sct_sns .share-facebook:hover {background:#415b92}
.sct_20 .sct_li .sct_sns .share-twitter:hover {background:#35b3dc}
.sct_20 .sct_li .sct_sns .share-googleplus:hover {background:#d5503a}
.sct_20 .sct_li .sct_sns img {width:18px}
.sct_20 .sct_sns2 {}
.sct_20 .sct_li .sct_sns2 {text-align:center;z-index:60;width:100%}
.sct_20 .sct_li .sct_sns2 a {display:inline-block;border-radius:50%;margin:2px;width:30px;text-align:center;height:30px;line-height:30px;background:rgba(0,0,0,0.4)}
.sct_20 .sct_li .sct_sns2 .share-facebook:hover {background:#415b92}
.sct_20 .sct_li .sct_sns2 .share-twitter:hover {background:#35b3dc}
.sct_20 .sct_li .sct_sns2 .share-googleplus:hover {background:#d5503a}
.sct_20 .sct_li .sct_sns2 img {width:18px}
.sct_20 .sct_cartop {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;background:rgba(255, 255, 255, 0.9);padding:20px;text-align:left;z-index:90}
.sct_20 .sct_cartop label,
.sct_20 .sct_li:hover .sct_cartop label {display:inline-block;margin-bottom:5px;font-weight:bold;color:#000}
.sct_20 .sct_cartop select {margin-bottom:10px;height:30px;line-height:28px;background-size:30px}
.sct_20 .sct_cartop .cartopt_cart_btn {background:#000;color:#fff;border:0;width:100%;height:35px;border-radius:3px}
.sct_20 .sct_cartop .cartopt_close_btn {background:#fff;border:1px solid #aaa;margin-top:4px;color:#333;width:100%;height:35px;border-radius:3px}
.sct_20 .sct_cartop select.it_option,select.it_supply {width:100%;height:40px;line-height:38px;font-size:13px;color:#000;border:1px solid #d2d2d2;background:url('../basic/img/select.png') no-repeat right #fff;text-indent:10px;vertical-align:middle !important;outline:none;-webkit-appearance:none;-moz-appearance:none}
.sct_20 .sct_cartop select.it_option:hover, .sct_20 .sct_cartop select.it_supply:hover {background-color:#fdfdfd}
.sct_20 .sct_cartop select.it_option:focus, .sct_20 .sct_cartop select.it_supply:focus {background-color:#fdfdfd}
.sct_20 .sct_cartop select.it_option option {background:#fff;padding:5px}


.slider10 .sct_li:nth-child(4n+1) {margin-left:0;clear:none !important}
.slider10 .sct_li {margin-left:0}




#sct_sortlst {border-top:0px;display: flex;justify-content: space-between;padding: 0px 10px;margin: 10px 0px 0px 0px;width:100%;}
/*
.sct_10 {display:grid;}
.sct_10.cols-3 { grid-template-columns:1fr 1fr 1fr; gap: 30px;}
.sct_10.cols-4 { grid-template-columns:1fr 1fr 1fr 1fr; gap: 20px;}
.sct_10.cols-5 { grid-template-columns:2fr 2fr; gap: 10px;}
*/

/* 메인섹션 03 시작 
.sct_10 { display:flex; flex-direction:row; flex-wrap:wrap;}
.sct_10 .sct_li {width: calc(100% / 1 - 20px);margin: 0 auto;margin-bottom: 20px;text-align: center;background: #f2f3f8;padding: 5px;border-radius: 5px;transition: 0.2s ease all;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.05);}
*/

.sct_10 .sct_rank {animation: gradient 5s ease infinite;position:absolute;right:0px;top:0;border-radius:0 0 0 50%;font-weight:600; font-size:16px;background:#000;z-index:99;color:#fff;padding:5px 10px;width:auto;}
.sct_10 .sct_rank_1:before {font-family:"Font Awesome 5 Free";content:"\f004";display:inline-block;margin-right:10px;vertical-align:middle}
.sct_10 .sct_rank_1:after {font-family:"Font Awesome 5 Free";content:"\f004";display:inline-block;margin-left:10px;vertical-align:middle}
.sct_10 .sct_li:hover .sct_rank_1:before,
.sct_10 .sct_li:hover .sct_rank_1:after {color:#ffbe00;text-align:center;-webkit-transition:color 1000ms linear;-ms-transition:color 1000ms linear;transition:color 1000ms linear}

.sct_10 .sct_li .sct_rank b { font-size:13px; }
.sct_10 .rank_1 { background:red; background: linear-gradient(-45deg, #ee9ca7, #a17fe0, #e73c7e, #ee7752); background-size: 500% 500%;}
.sct_10 .rank_2 { background:red; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 500% 500%;}
.sct_10 .rank_3 { background:red; background: linear-gradient(-45deg, #a8c0ff, #3f2b96, #59c173, #a17fe0); background-size: 500% 500%;}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
/*
.sct_10 .sct_cnt {text-align:center; background:#fff; padding:15px 10px; }
.sct_10 .sct_txt {width:100%; text-align:left; padding:0;}
.sct_10 .sct_basic {margin-bottom:10px; text-align:left;}
.sct_10 .sct_cost {display:block;font-size:1em;padding:0px;color:#000;font-weight:bold}
.sct_10 .sct_discount {display:flex;margin:0 0 10px;color:#acacac;text-decoration:line-through; white-space:nowrap; justify-content: flex-end; align-items: center;}

.sct_10 .sct_a {display:block;position:relative;text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_10 .sct_img {position:relative; overflow:hidden;}
.sct_10 .sct_btn {display:none;position:absolute;bottom:20px;text-align:center;width:100%}
.sct_10 .sct_li:hover .sct_btn {display:block}
.sct_10 .sct_cart {background-color:#000;opacity:.7;transition:all .3s;display:inline-block;font-size:1.4em;width:40px;height:40px;color:#fff;border:0;text-align:center;border-radius:30px}
.sct_10 .sct_cart:hover {background:#134cab;opacity:1}
.sct_10 .sct_icon {display:flex;width:50%;margin:0;line-height:25px;align-items: center; justify-content: flex-start;}
.sct_10 .sct_icon img {display:block;margin:0 0 3px}
.sct_10 .shop_icon_soldout {position:absolute;left:0;top:0;width:100%; height:100%; background:rgba(0,0,0, 0.5); z-index:9; }
.sct_10 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}

.sct_10 .sct_sns {position:absolute;bottom:10px;right:10px}
.sct_10 .sct_li .sct_sns {display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
.sct_10 .sct_li:hover .sct_sns {display:block}

.sct_10 .sct_li .sct_sns a {display:inline-block;border-radius:50%;margin:2px;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)}
.sct_10 .sct_li .sct_sns .share-facebook:hover {background:#415b92}
.sct_10 .sct_li .sct_sns .share-twitter:hover {background:#35b3dc}
.sct_10 .sct_li .sct_sns .share-googleplus:hover {background:#d5503a}
.sct_10 .sct_li .sct_sns img {width:18px}

.sct_10 .sct_sns2 {}
.sct_10 .sct_li .sct_sns2 {text-align:center;z-index:60;width:100%}
.sct_10 .sct_li .sct_sns2 a {display:inline-block;border-radius:50%;margin:2px;width:30px;text-align:center;height:30px;line-height:30px;background:rgba(0,0,0,0.4)}
.sct_10 .sct_li .sct_sns2 .share-facebook:hover {background:#415b92}
.sct_10 .sct_li .sct_sns2 .share-twitter:hover {background:#35b3dc}
.sct_10 .sct_li .sct_sns2 .share-googleplus:hover {background:#d5503a}
.sct_10 .sct_li .sct_sns2 img {width:18px}

.sct_10 .sct_cartop {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;background:rgba(255, 255, 255, 0.9);padding:20px;text-align:left;z-index:90}
.sct_10 .sct_cartop label,
.sct_10 .sct_li:hover .sct_cartop label {display:inline-block;margin-bottom:5px;font-weight:bold;color:#000}
.sct_10 .sct_cartop select {margin-bottom:10px;height:30px;line-height:28px;background-size:30px}
.sct_10 .sct_cartop .cartopt_cart_btn {background:#000;color:#fff;border:0;width:100%;height:35px;border-radius:3px}
.sct_10 .sct_cartop .cartopt_close_btn {background:#fff;border:1px solid #aaa;margin-top:4px;color:#333;width:100%;height:35px;border-radius:3px}

.sct_10 .sct_cartop select.it_option,select.it_supply {width:100%;height:40px;line-height:38px;font-size:13px;color:#000;border:1px solid #d2d2d2;background:url('../basic/img/select.png') no-repeat right #fff;text-indent:10px;vertical-align:middle !important;outline:none;-webkit-appearance:none;-moz-appearance:none}
.sct_10 .sct_cartop select.it_option:hover, .sct_10 .sct_cartop select.it_supply:hover {background-color:#fdfdfd}
.sct_10 .sct_cartop select.it_option:focus, .sct_10 .sct_cartop select.it_supply:focus {background-color:#fdfdfd}
.sct_10 .sct_cartop select.it_option option {background:#fff;padding:5px}
*/

/* 메인 상품 목록 스킨 20, 메인 상품 목록 스킨 10 */
.sct_30 { display:flex; flex-direction:row; flex-wrap:wrap;}
.sct_30 .sct_li {width:calc(100% / 5 - 16px); margin-right:20px; border:1px solid transparent;margin-bottom:45px;text-align:center; transition:0.2s ease all;}
.sct_30 .sct_li:nth-child(5n) { margin-right:0 } 

.sct_30 .sct_rank {position:absolute;right:0px;top:0;border-radius:0 0 50% 50%;font-weight:600; font-size:16px;background:#000;z-index:99;color:#fff;padding:5px 10px;width:auto;}
.sct_30 .sct_rank_1:before {font-family:"Font Awesome 5 Free";content:"\f004";display:inline-block;margin-right:10px;vertical-align:middle}
.sct_30 .sct_rank_1:after {font-family:"Font Awesome 5 Free";content:"\f004";display:inline-block;margin-left:10px;vertical-align:middle}
.sct_30 .sct_li:hover .sct_rank_1:before,
.sct_30 .sct_li:hover .sct_rank_1:after {color:#ffbe00;text-align:center;-webkit-transition:color 1000ms linear;-ms-transition:color 1000ms linear;transition:color 1000ms linear}
.sct_30 .sct_li .sct_rank b { font-size:13px; }
.sct_30 .sct_cnt {text-align:center;padding:15px 10px}
.sct_30 .sct_txt {width:100%; text-align:left; padding:0;color:#000}
.sct_30 .sct_basic {margin-bottom:10px; text-align:left;}
.sct_30 .sct_cost {display:block;font-size:1em;padding:0px;color:#000;font-weight:bold}
/*
.sct_discount {display:flex;margin:0 0 10px;color:#acacac;text-decoration:line-through; white-space:nowrap; justify-content: flex-end; align-items: center;}
*/
.sct_30 .sct_a {display:block;position:relative;text-decoration:none}
.sct_30 .sct_a:focus, .sct_30 .sct_a:hover {text-decoration:none}
.sct_30 .sct_img {position:relative; overflow:hidden;}
.sct_30 .sct_btn {display:none;position:absolute;bottom:20px;text-align:center;width:100%}
.sct_30 .sct_li:hover .sct_btn {display:block}
.sct_30 .sct_cart {background-color:#fff0;opacity:.7;transition:all .3s;display:inline-block;font-size:1.4em;width:40px;height:40px;color:#fff;border:0;text-align:center;border-radius:30px}
.sct_30 .sct_cart:hover {background:#134cab;opacity:1}
.sct_30 .sct_icon {display:flex;width:70%;margin:0;line-height:25px;align-items: center; justify-content: flex-start;}
.sct_30 .sct_icon img {display:block;margin:0 0 3px}
.sct_30 .shop_icon_soldout {position:absolute;left:0;top:0;width:100%; height:100%; background:rgba(0,0,0, 0.5); z-index:9; }
.sct_30 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
.sct_30 .sct_sns {position:absolute;bottom:10px;right:10px}
.sct_30 .sct_li .sct_sns {display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
.sct_30 .sct_li:hover .sct_sns {display:block}
.sct_30 .sct_li .sct_sns a {display:inline-block;border-radius:50%;margin:2px;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)}
.sct_30 .sct_li .sct_sns .share-facebook:hover {background:#415b92}
.sct_30 .sct_li .sct_sns .share-twitter:hover {background:#35b3dc}
.sct_30 .sct_li .sct_sns .share-googleplus:hover {background:#d5503a}
.sct_30 .sct_li .sct_sns img {width:18px}
.sct_30 .sct_sns2 {}
.sct_30 .sct_li .sct_sns2 {text-align:center;z-index:60;width:100%}
.sct_30 .sct_li .sct_sns2 a {display:inline-block;border-radius:50%;margin:2px;width:30px;text-align:center;height:30px;line-height:30px;background:rgba(0,0,0,0.4)}
.sct_30 .sct_li .sct_sns2 .share-facebook:hover {background:#415b92}
.sct_30 .sct_li .sct_sns2 .share-twitter:hover {background:#35b3dc}
.sct_30 .sct_li .sct_sns2 .share-googleplus:hover {background:#d5503a}
.sct_30 .sct_li .sct_sns2 img {width:18px}
.sct_30 .sct_cartop {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;background:rgba(255, 255, 255, 0.9);padding:20px;text-align:left;z-index:90}
.sct_30 .sct_cartop label,
.sct_30 .sct_li:hover .sct_cartop label {display:inline-block;margin-bottom:5px;font-weight:bold;color:#000}
.sct_30 .sct_cartop select {margin-bottom:10px;height:30px;line-height:28px;background-size:30px}
.sct_30 .sct_cartop .cartopt_cart_btn {background:#000;color:#fff;border:0;width:100%;height:35px;border-radius:3px}
.sct_30 .sct_cartop .cartopt_close_btn {background:#fff;border:1px solid #aaa;margin-top:4px;color:#333;width:100%;height:35px;border-radius:3px}
.sct_30 .sct_cartop select.it_option,select.it_supply {width:100%;height:40px;line-height:38px;font-size:13px;color:#000;border:1px solid #d2d2d2;background:url('../basic/img/select.png') no-repeat right #fff;text-indent:10px;vertical-align:middle !important;outline:none;-webkit-appearance:none;-moz-appearance:none}
.sct_30 .sct_cartop select.it_option:hover, .sct_30 .sct_cartop select.it_supply:hover {background-color:#fdfdfd}
.sct_30 .sct_cartop select.it_option:focus, .sct_30 .sct_cartop select.it_supply:focus {background-color:#fdfdfd}
.sct_30 .sct_cartop select.it_option option {background:#fff;padding:5px}

/* 관련상품 목록 스킨 10 */
#sit_rel {width: 100%;background: #fff;position: relative;margin: 0 auto;}
#sit_rel h2 {margin: 10px 0 20px 20px;text-align: left;font-size: 16px;font-weight: 600;}
#sit_rel .bx-wrapper {margin:0 auto}
#sit_rel .bx-prev {display: inline-block;position: absolute;top: 50%;left: 5px;width: 25px;height: 50px;border-left: 0;text-indent: -999px;overflow: hidden;background: url(img/btn_prev.png) no-repeat 50% 50%;background-size: 50%;transform: translate(0%, -50%);}
#sit_rel .bx-next {display: inline-block;position: absolute;top: 50%;right: 5px;width: 25px;height: 50px;border-left: 0;text-indent: -999px;overflow: hidden;background: url(img/btn_next.png) no-repeat 50% 50%;background-size: 50%;transform: translate(0%, -50%);}

.scr_10 li {text-align:center}
.scr_10 li img {width:100%;height:auto;border-radius:10px;}
.scr_10 .sct_txt {padding:10px 5px 0px 5px}

.scr_10 .sct_org_price {margin: 10px 5px 0px 5px;color: #bbbbbb;font-weight: bold;text-decoration: line-through; text-align: left;font-size: 14px;}
.scr_10 .sct_cost {font-weight: 600; padding: 5px 0 20px 5px;}
.scr_10 .sct_cost strong{font-size: 16px;color: #f24538;font-weight: bold;}

.de_rel_view {margin-bottom:55px;}


.item-wr {overflow:hidden; width:100%;padding: 0px 0px;}
.item-wr .item-list {width:100%; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.item-wr .item-list  .image-box {position: relative;}
.item-wr .item-list  .image-box img{width: 125px;height: auto;position: relative;border-radius: 16px;background: #f4f6f8;border: 1px solid rgba(0, 0, 0, .04);-o-object-fit: cover;object-fit: cover;}
.item-wr .item-list  .item-info {padding: 10px 10px;width: 100%;}
.item-wr .item-list  .item-info .brand-name {flex: 1 0 0;color: #222;font-size: 14px;font-style: normal;font-weight: 400;padding: 0 2px;letter-spacing: -.8px;}
.item-wr .item-list  .item-info .brand-name, .item-wr .item-list  .item-info .item-name, .item-wr .item-list  .item-info .item-origin-price, .item-wr .item-list  .item-info .item-price {margin: 5px 0;}
.item-wr .item-list  .item-info .item-name {font-size: 14px;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.item-wr .item-list  .item-info .item-origin-price {color: #bbbbbb;font-weight: bold;text-decoration: line-through;}
.item-wr .item-list  .item-info .item-price .item-halin{font-size: 16px;color: #f24538;font-weight: bold;}
.item-wr .item-list  .item-info .item-price .print-price{font-weight: bold;font-size: 14px;margin-left: 5px;}

/* 메인 후기 */
#idx_review {}
#idx_review ul {margin-top:20px}
#idx_review li {margin-bottom:20px}
#idx_review li:last-child {margin-bottom:0}
#idx_review li:after {display:block;visibility:hidden;clear:both;content:""}
#idx_review .rv_cnt {float:left;max-width:357px}
#idx_review .rv_cnt p {color:#8a8a8a;margin-top:5px}
#idx_review .rv_img {float:right}
#idx_review .rv_tit {display:block;font-size:1em;color:#7eab7c;margin-bottom:5px;font-weight:bold}
#idx_review .rv_rvw {font-size:1.167em;line-height:20px}
#idx_review .rv_ico {display:inline-block;height:20px;line-height:16px;font-size:0.8em;padding:2px 5px;margin-right:5px;background:#bc1e30;color:#fff}


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

/* 상품 목록 */
.sct_admin {margin:0 auto;width:1200px;text-align:right}
.sct_admin a {line-height:35px;padding:0 10px}

/* 상품 목록 현재 위치 */
#sct_location {display: flex; align-items: center; justify-content: center;}
#sct_location a {display:inline-block;text-decoration:none;letter-spacing:0 !important}
#sct_location select { background:#fff; border:1px solid #e1e1e1; padding:2px 5px; vertical-align:baseline; }
.sct_here {font-weight:bold}
.sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 50% no-repeat}
#sct_location i { margin:0 6px; }

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


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


/* 상품 정렬 */
#sct_sort {display:flex; float:left;}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sct_sort li {padding:0 10px;}
#sct_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px}
#sct_sort li a:hover {color:#be334a}
#sct_sort li:first-child a {border:0}
#sct_sort .sort_active { color:#134cab; font-weight:600; }
#sct_sort li:hover { transition:0.2s ease all; color:#134cab; font-weight:600; }

#sct_sort.mobile_only {display:none;}

/* 상품 리스트 스타일 선택 */
#sct_lst {float:left;display:inline-block;margin:0;margin-left:5px;padding:0;list-style:none;border:1px solid #c1c1c1;border-radius:3px}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left}
#sct_lst li:nth-child(2) button {border-radius:0 3px 3px 0}
#sct_lst button {position:relative;margin:0;padding:0;width:38px;height:38px;border:0;cursor:pointer;background:#fff;font-size:15px}
#sct_lst button.sct_lst_list {border-right:1px solid #c1c1c1;border-radius:3px 0 0 3px}
#sct_lst button .icon {display:block}

/* 상품 상세보기 */
#sit { margin:0px 0 50px 0; }
.sit_admin {text-align:right; z-index:9999; position:absolute; top:var(--header_vh); right:10px;font-size: 16px;}
.sit_admin a {line-height:35px;padding:0 10px}
.sit_empty {font-size: 14px;display: flex;justify-content: center;align-items: center;line-height: 150px;border-top: 1px solid #ddd;margin: 10px 0 20px 0;}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {width: 100%;display: flex;flex-direction: column;justify-content: center; }
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.sit_innr {margin:0px 0px 30px 0;}

#sit_pvi {margin:0px 0px 30px 0px}
.sit_pvi_wr div.prev-button, .sit_pvi_wr div.next-button {position: absolute;z-index: 10;display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;}
.sit_pvi_wr .prev-button {left: 10px;top: 50%;transform: translate(0%, -50%);}
.sit_pvi_wr .next-button {right: 10px;top: 50%;transform: translate(0%, -50%);}
.sit_pvi_wr span.background-overlay {background-color: rgba(0, 0, 0, 0.1); border-radius: 50%;width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;transition: background-color 0.5s ease; /* 배경색 변화에 대한 트랜지션 */}
.sit_pvi_wr div.prev-button:hover .background-overlay,.sit_pvi_wr div.next-button:hover .background-overlay {background-color: rgba(0, 0, 0, 0.5);}

.sit_pvi_wr div.prev-button a, .sit_pvi_wr div.next-button a {opacity: 1;}
.sit_pvi_wr div.prev-button a.disabled, .sit_pvi_wr div.next-button a.disabled {opacity: 0;}
.sit_pvi_wr i {font-size: 32px;color: #fff;z-index: 100;position: relative;}
.sit_pvi_wr div.prev-button a.disabled i, .sit_pvi_wr div.next-button a.disabled i {opacity: 0;}


.sit_pvi_wr {margin:0px 0px 10px 0}
#sit_pvi_big {margin:0 0 10px;text-align:center;border:1px solid #f3f3f3}
#sit_pvi_big a {/*display:none*/}
#sit_pvi_big a.visible {display:block}
#sit_pvi_big img {width:100%;height:auto; }

.sit_pvi_thumb_wr {padding:10px 10px}
.sit_pvi_thumb_wr .bx-wrapper { margin-left: 0 !important;margin-right: auto;text-align: left;}

#sit_pvi_thumb {position:relative; width:100%; margin:0;padding:0;list-style:none;text-align:left; }



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

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {position: relative;width: 100%;}
#sit_ov h3 {margin:20px 0 10px;font-weight:normal}

#sit_title {padding-left: 15px;font-size: 30px;margin: 10px 0px 0px;font-weight: 600;color: #000;}
#sit_desc {color: #a5a5a5;padding: 5px 0px 10px 15px;font-size: 14px;}


#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sit_star_sns {position:relative;line-height:25px;margin:10px 0;padding: 0px 0px 0px 15px;}
#sit_star_sns:after {display:block;visibility:hidden;clear:both;content:""}
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}

#sit_star_sns a {display:inline-block;vertical-align:middle}
#sit_star_sns .btn_sns_share {position:absolute;top:0;right:0;width:45px;height:45px;background:none;border:0;border-left:1px solid #e5e5e5}
#sit_star_sns .sns_area {float:left}
#sit_star_sns .sns_area a {display:inline-block;height:25px;line-height:25px;width:25px;background:#ffb814;color:#fff;text-align:center;border-radius:30px}
#sit_star_sns .sns_area a img {width:20px;height:auto}
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
#sit_star_sns .sns_area .share-googleplus {background:#d5503a}
#sit_star_sns .sns_area .share-facebook {background:#415b92}
#sit_star_sns .sns_area .share-twitter {background:#35b3dc}

#sit_star_sns #star_score {display:inline-block; line-height:22px}
#sit_star_sns #star_score:after {display:block;visibility:hidden;clear:both;content:""}

.sit_info{padding: 15px 15px 0px 15px;border-top: 1px solid #dbdbdb;margin: 15px 0 0;}
.sit_info .sale_info {color: #b3b3b3;letter-spacing: -1px;font-weight: 400;font-size: 16px;padding: 15px 0;}
.sit_info .sale_info strong {font-size: 24px;color: #ff0000;letter-spacing: -1px;margin-left: 15px;font-weight: 600;}

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

.sit_option {padding:0 15px 10px}
.sit_option label {display:inline-block;width:85px;margin:0 0 5px;color:#000; font-size:14px; font-weight:600}
.sit_option select {width:100%;margin:0 0 10px;height:35px;border:1px solid #e4e4e4;-moz-box-shadow:inset 0 0 1px #e4e4e4;-webkit-box-shadow:inset 0 0 1px #e4e4e4;box-shadow:inset 0 0 1px #e4e4e4;font-size:13px;color:#8c8c8c;border:1px solid #d8d8d8;background:url('../basic/img/select.png') no-repeat right #fff;text-indent:10px;vertical-align:middle !important;outline:none;-webkit-appearance:none}
.sit_option h3 {font-size:1.083em}
.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px}

/*#sit_sel_option li:first-child {border-top:1px solid #e9e9e9}*/
#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.sit_tot_price_Wr {padding: 0px 15px 15px 15px;border-bottom: 1px solid #ddd;}
#sit_tot_price {text-align: right;padding: 0px 15px;width: 100%;background-color: #ff0000;line-height: 45px;border-radius: 5px;display: flex;justify-content: space-between;align-items: center;color: #fff;}
#sit_tot_price > span { font-size:16px; color:#fff; font-weight:500; }


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


#sit_ov_btn {display: flex;font-size: 16px; padding: 20px 15px 0 15px;gap: 10px;}

#sit_btn_buy {background:#55bdef;color:#fff;border:0; }
#sit_btn_buy:hover{background:#000; transition:0.2s ease all;}

#sit_btn_gift {background:#223359;color:#fff;border:0; }
#sit_btn_gift:hover{background:#000; transition:0.2s ease all;}

#sit_btn_cart {border:1px solid #134cab;background:#fff;color:#134cab;margin:0 10px;}
#sit_btn_cart:hover {background:#134cab;color:#fff; transition:0.2s ease all;}
#sit_btn_wish {width:50px; font-weight:bold; text-align:center; border:1px solid #dcdcdc; color:#ff6565; border-radius:2px; transition:0.2s ease all;display: flex; align-items: center; justify-content: center; border-radius: 10px;line-height:48px; display: inline-block;}
#sit_ov_btn button {width: 100%;font-weight: bold;transition: 0.2s ease all;border: none;border-radius: 7px;line-height: 48px;flex: 1;flex-shrink: 0;}


#sit_btn_wish:hover{color:#fff; background:#ff6565; transition:0.2s ease all; border-color:#ff6565}
#sit_btn_alm {display: inline-block;float: left;font-size: 1em;background: #134cab;color: #fff;text-align: center;width: 100%;font-weight: bold;transition: 0.2s ease all;border: none;border-radius: 7px;line-height: 48px;flex: 1;flex-shrink: 0;}
#sit_btn_alm:hover {background-color:#000}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {width:100%; clear:both;margin:20px 0; text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;line-height:30px;position:relative}
#sit_siblings:after {display:block;visibility:hidden;clear:both;content:""}
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_siblings a {display:inline-block;padding:8px 12px;color:#888}
#sit_siblings i {display:none}
#sit_siblings a#siblings_prev i,
#sit_siblings a#siblings_next i {display:inline-block;vertical-align:middle;font-size:2em;margin:0 5px}
#sit_siblings a#siblings_prev {float:left;margin:0;font-size:1.2em}
#sit_siblings a#siblings_prev:hover{color:#000}
#sit_siblings a#siblings_next {float:right;margin:0;font-size:1.2em}
#sit_siblings a#siblings_next:hover{color:#000}

/* 상품 재입고 알림 (SMS) */
#sit_sms_new {}
#sit_sms_new #sms_agree {margin: 0px 0px 15px 0px;}
#sit_sms_new textarea{line-height: 1.5em;color: #555;border: 1px solid #ddd;padding: 10px;margin: 10px 0 10px 0;}
#sit_sms_new .prd_name{background: #f3f3f3;padding: 15px 20px;font-weight: bold;font-size: 1.167em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}

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

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

#sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse}
#sit_inf_open th { white-space:nowrap ;font-size:14px; padding: 15px;border-bottom:1px solid #e5e5e5;background:#f9f9f9;vertical-align:top;text-align:left}
#sit_inf_open td { font-size:14px; padding: 15px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top}


/*상품 상세보기 - 탭*/

#page_title h2 {margin-top: 150px;margin-bottom: 50px;}

#sit_tab {width: 100%; margin: 0 auto; margin-bottom:50px;text-align:center;}
#sit_tab .tabsTit {width:100%; display:flex; flex-direction:row; flex-wrap:wrap; border-bottom:1px solid #dcdcdc; text-align:center;}
#sit_tab .tabsTit:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tabsTit li {width:calc(100% / 3); padding:15px;font-size:16px;color:#666;text-align:center;z-index:1; /*border:1px solid #e1e1e1; border-right:0; background:#f9f9f9*/}
#sit_tab .tabsTit li:nth-last-child(1) {/* border-right:1px solid #e1e1e1; */}
#sit_tab .tabsTit .tabsHover {/*background:#fff; border:1px solid #134cab;*/ border-bottom:none; color:#134cab;font-weight:bold; cursor:pointer; transition:0.2s ease all;}
#sit_tab .tabsTit li:hover { cursor:pointer; transition:0.2s ease all;}
#sit_tab .tabsTit .item_use_count {color:#fff;background:#134cab; font-size:12px; width:18px; height:18px; text-align:center; line-height:18px; font-weight:600; display:inline-block; border-radius:50%;margin-left:3px}*/


#sit_tab .tabsCon h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_dvex {height:auto}
#sit_dvex:after {display:block;visibility:hidden;clear:both;content:""}
#sit_dvex h3{margin-bottom:10px;}
#sit_dvr {text-align:left;background:#f8f8f8;padding:20px;min-height:200px;line-height:1.5em}
#sit_ex {text-align:left;background:#f8f8f8;padding:20px;min-height:200px;line-height:1.5em}

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

.sit_use_top{ width: 100%;position: relative;margin: 20px 0 50px 0;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;align-items: stretch;display: flex;}

.sit_use_top .sit_use_avg { width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;border-right: 1px solid #e1e1e1;flex: 1;padding:20px;}
.sit_use_avg h5, .sit_use_avg h4 {font-size:16px;  width:100%; text-align:center; }
.sit_use_avg h6 {font-size:13px; color: #858585;font-weight: 500;}
.sit_use_top .sit_use_avg > img { max-height:20px; }


.sit_use_top .sit_use_rate {width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;flex: 2; gap:10px; padding:20px;}
.sit_use_top .sit_use_rate h1 {font-size:14px; font-weight:600;letter-spacing: -1px; padding: 6px 0px 0px 0px;}

.sit_use_top .sit_use_rate ul { display:flex; width:100%; flex-wrap:wrap; flex-direction:row;}
.sit_use_top .sit_use_rate ul li { width:calc(100% / 5 ); display:flex; flex-wrap:wrap; flex-direction:row; align-items: center; justify-content: center;}
.sit_use_top .sit_use_rate ul li .star_bg { position:relative; width:10px; background:#f1f1f1; border-radius:20px; height:100vh; max-height:60px; }
.sit_use_top .sit_use_rate ul li .star_pc { position:absolute; left:0; bottom:0; height:30px; background:#fbd400; width:10px; border-radius:20px; }
.sit_use_top .sit_use_rate ul li h1, .sit_use_top .star_center ul li h6 { width:100%; text-align:center; }

.sit_use_top .star_right { width:calc(100% / 3); display:flex; flex-wrap:wrap; flex-direction:row; align-items: center; justify-content: center; }
.sit_use_top .star_right h1 { width:100%; text-align:center; }


.sit_use_top .st_bg{background:#666}
#sit_use_wbtn {position:absolute;top:20px;right:30px}
#sit_use_wbtn a{padding:0 20px;line-height:45px;font-weight:bold;font-size:1.167em}


.sit_review_top .write_title {display: flex;justify-content: start;padding: 0px 15px;align-items: center;width: 100%;}
.sit_review_top .write_title h1 {font-size:16px; font-weight:600; letter-spacing:-1px}
.sit_review_top .write_title h5 {font-size: 14px;margin-left: 5px;color: #888;font-weight: 400;}


#sit_use_ol {padding: 0;border-top: 1px solid #e1e1e1;list-style: none;margin: 10px 0 0 0;}


.sit_use_li {position: relative;padding: 0px;border-bottom: 1px solid #e1e1e1;display: flex;flex-direction: column;}
.sit_use_li .sit_use_inner {display: flex;}
.sit_use_li .sit_use_inner.active {background-color:rgb(242 242 242);}
.sit_use_li .sit_use_inner .sit_thum {width: 80px; padding:10px;}
.sit_use_li .sit_use_inner .sit_thum img {width:100%; height:auto;}

.sit_use_li_title {border: 1px solid #ddd;padding: 8px 15px;color: #000000;background: #fff;font-size: 13px;font-weight: 600;}
.sit_use_li_title:hover{background:#134cab;border-color:#134cab;color:#fff}
.sit_use_tit{font-weight: bold;font-size: 14px;display: flex;justify-content: space-between;align-items: center;padding: 10px 0px 10px 4px;width: 100%;}

.sit_use_wr {margin: 0;width: 100%;display: flex;justify-content: center;align-items: center;padding: 10px 15px;flex-direction: column;}
.sit_use_wr .sit_use_info {display: flex;width: 100%;justify-content: space-between;align-items: center;}


.sit_use_con {display: none;background-color: #f2f2f2;margin: 0;padding: 0px 15px 15px 15px;}
.sit_use_p {background-color: #fff;padding: 15px;text-align: left;border-radius: 8px;font-size: 14px;}
.sit_use_p p{}
.sit_use_cmd {margin:15px 0px 15px 0px; text-align:right}


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

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

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

#sit_qa .sit_qa_top {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0px 20px;}
#sit_qa .sit_qa_top h1 {font-size: 16px; font-weight: 600;}
#sit_qa .sit_qa_top h1 span {font-size: 13px;color: #858585;font-weight: 500;}


#sit_qa_ol {padding:0;border-top:1px solid #e1e1e1;list-style:none}
.sit_qa_li {position: relative;border-bottom: 1px solid #e1e1e1;padding: 0px 0px;}
.sit_qa_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_li:nth-child(1) { border-top:none; }

.sit_qa_sbj {display: flex;align-items: center;justify-content: center;width: 100%;padding: 10px 15px;}
.sit_qa_li_title {display: block;float: left;width: 80%;text-align: left;background: none;border: 0;line-height: 25px;font-weight: bold;font-size: 14px;flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}

.sit_qa_dl {color: #7f7f7f;margin: 0;width: 150px;line-height: 25px;zoom: 1;flex-shrink:0}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {position:absolute;font-size:0;line-height:0;content:""}
.sit_qa_dl dd {display:inline-block;margin-left:10px}

.sit_qaa_done {background: #639dff;color: #fff;line-height: 23px;display: inline-block;padding: 0px 10px;margin-right: 5px;font-weight: normal;border-radius: 5px;font-size: 13px;}
.sit_qaa_yet {background: #fff;border: 1px solid #134cab;color: #134cab;line-height: 23px;display: inline-block;padding: 0px 10px;font-weight: normal;margin-right: 5px;font-size: 13px;border-radius: 5px;}





.sit_qa_con {display:none;clear:both;margin:0}
.sit_qa_p {width:100%; display:inline-block; margin:10px 0 0 0 ; background:#fff; line-height:2em}
.sit_qa_p .qa_alp{position: absolute;opacity: 0;left: 50%;color: #fff;background-color: #bb88ff;border-radius: 15px;display: flex;align-items: center;justify-content: center;transform: translate(-50%, 0%);font-size: 14px;padding: 0px 15px;transition: top 0.5s ease, opacity 0.5s ease;top: 25px;}

.sit_qa_qaa{padding: 25px;position: relative;background: #f2f2f2;border-top: 1px solid #ddd;text-align: left;font-size: 14px;}
.sit_qa_qaq {padding: 15px;position: relative;text-align: left;letter-spacing: -0.5px;font-size: 14px;color: #222;background-color: #f2f2f2;}
.sit_qa_qaq p {padding: 15px;background-color: #fff;border-radius: 8px;font-size:14px;}
.sit_qa_con textarea {display:none}
.sit_qa_cmd {padding: 0px 15px 10px 15px;text-align: right;background-color: #f2f2f2;}
.sit_qa_cmd a{height:30px;line-height:28px}

.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 {display: flex;justify-content: flex-end; gap: 10px;}
#sit_qa_write {}
#sit_qa_write #iq_subject {width:100%}


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

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


/* 사용후기 모음 */
#sps_sch {position: relative;margin: 0 0 0px;background-color: #f4f4f4;display: flex;justify-content: center;align-items: center;padding: 0px;padding: 0px 0;flex-direction: column;}
#sps_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#fff;color:#3059c7;font-weight:bold;border:1px solid #3059c7;text-decoration:none}
#sps_sch .sch_wr{border: none;border-radius: 3px;display: flex;width: 100%;border-bottom: 1px solid #ddd;}
#sps_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sps_sch select{border: 0;margin: 0;width: 130px;padding-left: 20px;flex-shrink: 0;font-weight: 600;font-size: 14px;}
#sps_sch .sch_input{height: 50px;border: 0;padding: 0;background-color: transparent;flex: 1;font-size: 14px;}
#sps_sch .sch_btn{height: 50px;float: left;background: none;border: 0;width: 50px;font-size: 18px;flex-shrink: 0;}

#sps_empty {font-size: 14px;font-weight: 600;line-height: 150px;width: 100%;display: flex;justify-content: center;align-items: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#sps {zoom: 1;margin: 0px 0px 30px 0px;}

.sps_tit {font-size: 14px;font-weight: 600;padding: 0px 15px 10px 15px;display: flex;align-items: center;width: 100%;justify-content: space-between;}
.sps_tit a {border: 1px solid #c3c3c3;padding: 0px 10px;line-height: 28px;transition:0.1s ease all;background-color:#fff;}
.sps_tit a:hover {background-color:#ff0000;color:#fff;border: 1px solid #ff0000;}
.sps_tit strong {color: #959595;}


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

.toggle-btn {height: 12px;background-color: #ffffff;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 100%;border-bottom: 1px solid #b9b9b9;transition:0.2s ease all;}
.toggle-btn:hover {background-color: #eeedff;}
.toggle-btn:focus {outline: none;}
.toggle-btn i {font-size: 18px;color: #000;transition: transform 0.3s ease;}
.toggle-btn i.rotated {transform: rotate(540deg);}


.sps_inner {display:flex;transition: background-color 0.3s ease;}
.sps_inner.is-active {background-color:#f2f2f2}
.sps_inner .sps_img{width: 80px;padding: 10px; flex-shrink: 0;margin: 0px;}
.sps_inner .sps_img img {width: 100%;height: auto;}
.sps_inner .sps_section {margin: 0;width: 100%;display: flex;justify-content: center;align-items: center;padding: 10px 15px;flex-direction: column;}
.sps_inner .sps_section .sps_info {display: flex;width: 100%;justify-content: space-between;align-items: center;}
.sps_inner .sps_section .sps_tit {font-weight: bold;font-size: 14px;display: flex;justify-content: space-between;align-items: center;padding: 10px 0px 10px 4px;width: 100%;}

.sps_img {float:left;margin:0 10px 0 0}
.sps_img img{border-radius:50%}
.sps_img span {position:absolute;font-size:0;line-height:0;overflow:hidden}

.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_con {background-color: #f2f2f2;margin: 0;padding:15px 15px 15px 15px;font-size:14px;}
.sps_con p {background-color: #fff;border-radius: 5px;padding:15px;}

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

.sps_section {float:left;width:835px}
.sps_section h2 {font-size:1.4em;margin-bottom:5px}
.sps_section p {padding:0;width:100%}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {clear:both}
.sps_con_btn button {border: 1px solid #ddd;padding: 5px 10px;color: #000000;background: #fff;font-size: 13px;font-weight: 600;}
.sps_con_btn button:hover {border-color: #134cab;color: #134cab;}


/* 상품문의 모음 */
#sqa_sch {position: relative;margin:0px;background-color: #f4f4f4;display: flex;justify-content: center;align-items: center;padding: 0px;padding: 0px 0;flex-direction: column;}
#sqa_sch .sch_wr {border: none;border-radius: 3px;display: flex;width: 100%;border-bottom: 1px solid #ddd;}
#sqa_sch select {border: 0;margin: 0;width: 130px;padding-left: 20px;flex-shrink: 0;font-weight: 600;font-size: 14px;}
#sqa_sch .sch_input {height: 50px;border: 0;padding: 0;background-color: transparent;flex: 1;font-size: 14px;}
#sqa_sch .sch_btn {height: 50px;float: left;background: none;border: 0;width: 50px;font-size: 18px;flex-shrink: 0;}

.sqa_tit {font-size: 14px;font-weight: 600;padding: 0px 15px 10px 15px;display: flex;align-items: center;width: 100%;justify-content: space-between;}
.sqa_tit a {border: 1px solid #c3c3c3;padding: 0px 15px;line-height: 30px;transition:0.1s ease all;background-color:#fff;}
.sqa_tit a:hover {background-color:#ff0000;color:#fff;border: 1px solid #ff0000;}
.sqa_tit strong {color: #959595;}

.sqa_inner {display: flex;transition: background-color 0.3s ease;}
.sqa_inner .sqa_img {width: 80px;padding: 10px;flex-shrink: 0;margin: 0px;}
.sqa_inner .sqa_img img {width: 100%;height: auto;border-radius: 50%;}
.sqa_inner .sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sqa_header {font-size: 14px;font-weight: 600;padding: 0px 15px 10px 5px;display: flex;align-items: center;width: 100%;justify-content: space-between;line-height:1.8em}
#sqa {margin: 0px 0px 30px 0px;}
#sqa ol {margin: 0;padding: 0;border-top: 1px solid #e9e9e9;list-style: none;}
#sqa li {position: relative;padding: 0px;border-bottom: 1px solid #e9e9e9;display: flex;flex-direction: column;width: 100%;}
#sqa .sqa_info {padding: 15px 0 0 5px;display: flex;gap: 5px;align-items: center;font-size: 14px;color: #9b9b9b;}
#sqa .sit_qaa_yet {background: #fff;border: 1px solid #134cab;color: #134cab;line-height: 25px;display: inline-block;padding: 0px 10px;font-weight: normal;margin-right: 5px;font-size: 13px;border-radius: 5px;}
#sqa .sit_qaa_done {background: #639dff;color: #fff;line-height: 23px;border: 1px solid #639dff;display: inline-block;padding: 0px 10px;margin-right: 5px;font-weight: normal;border-radius: 5px;font-size: 13px;}

.sqa_con {margin:0 ;background:#f3f3f3;line-height:1.5em}
.sqa_con .qa_alp{position: absolute;opacity: 0;left: 50%;color: #fff;background-color: #bb88ff;border-radius: 15px;display: flex;align-items: center;justify-content: center;transform: translate(-50%, 0%);font-size: 14px;padding: 5px 15px;transition: top 0.5s ease, opacity 0.5s ease;top: 25px;}

.sit_qa_qaa .qa_alp {background-color:#ff0000}

.sqa_section {float:left;width:calc(100% - 80px)}
.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 {margin: 5px 0;background: #fff;border: 1px solid #ddd;padding: 8px 15px;color: #000000;background: #fff;font-size: 13px;font-weight: 600;}
.sqa_con_btn button:hover{background:#134cab;border-color:#134cab;color:#fff}
.sqa_con_btn button i {transition: transform 0.3s ease;}
.sqa_con_btn button i.rotated {transform: rotate(540deg);}

/* 상품검색 */
#ssch_frm {margin: 0;zoom: 1;border-radius: 7px;background-color: #f4f9fc;padding: 20px;}
#ssch_frm h3{margin-bottom: 1.5ex;font-size: 16px;font-weight: 700;}
#ssch_frm h3 b {color: rgb(85 189 239);}
#ssch_frm h3 b i {font-size: 1.35em;transform: translateY(0.1em);}
#ssch_frm h3 span{font-size:1.333em;color:#000}
#ssch_frm h3 strong{color:#d50c0d}
#ssch_frm .ssch_scharea{padding: 0px;margin: 20px 0px 10px 0px;}
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}

#ssch_frm .ssch_left{float:left}
#ssch_frm .ssch_right{float:right}
#ssch_frm .ssch_input{height:30px;border:1px solid #bbb;padding:0 10px}
#ssch_frm .btn_submit{height:30px;padding:0 5px;font-weight:bold}
#ssch_frm p{padding:15px; background:#f5f5f5;color:#737373}


#ssch_cate{z-index: 990;position: relative;transition: top 0.3s ease 0s;}
#ssch_cate ul {display: flex;overflow-x: auto;white-space: nowrap;background: rgb(255, 255, 255);padding: 10px 0px;}
#ssch_cate ul li {position: relative;margin-left: 8px;}
#ssch_cate ul li a{display: block;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: -0.4px;padding: 8px 12px;border: 1px solid rgba(0, 0, 0, 0.05);background: rgb(255, 255, 255);border-radius: 30px;transition:all 0.3s}
#ssch_cate ul li a:hover {color: rgb(255, 255, 255);background: #b228f5;border-color: #b228f5;}
#ssch_cate ul li a.active {color: rgb(255, 255, 255);background: rgb(103 85 239);border-color: rgb(103 85 239);}
#ssch_sort {width: 100%;overflow-x: auto;white-space: nowrap;display: flex;}
#ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ssch_sort ul {margin:0;padding:0 0 0 1px;list-style:none;zoom:1}
#ssch_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px;}
#ssch_sort li  a{border-left:1px solid #ddd;display:block;padding:0 10px}
#ssch_sort li  a:hover{color:#be334a}
#ssch_sort li:first-child a{border:0}


#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li {padding: 10px 15px 15px 15px;background: #f9f9f9;margin: 0;position: relative;}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li .opt_name {line-height: 28px;font-weight: bold;font-size: 14px;margin: 0px 0px 10px 0;}
#sit_opt_added li .opt_count {display: flex;}
#sit_opt_added button {width: 40px;height: 40px;border-radius: 0;background: #55bdef;color: #fff;font-size: 13px;}

#sit_opt_added button.sit_qty_minus {background-color:#fff; color:#000}
#sit_opt_added button.sit_qty_plus {background-color:#fff; color:#000}
#sit_opt_added button.sit_qty_group_minus {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
#sit_opt_added button.sit_qty_group_plus {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#sit_opt_added button:hover {color:#fff000}



#sit_opt_added .num_input {border: 0;height: 40px;text-align: center;background-color: #fff;color: #000;font-size: 16px;flex: 1;font-weight:600}
#sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#sit_opt_added .sit_opt_del:hover {color:#be334a}
#sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}



.skey-range {margin: 20px 0px;}
.skey-chk {display: flex; gap: 15px; margin-bottom: 15px; padding: 0px 0px 0px 5px;}
.skey-box input {width: 100%; box-sizing: border-box; height: auto; padding: 1em 3em 1em 1em; font-weight: 500; border: 1px solid transparent; background: #fff; border-radius: 7px; font-size: 14px;}
.skey-box {width: 100%;position: relative;}
.skey-box .skey-button {height: 45px;background: none;border: 0;width: 45px;font-size: 18px;color: #37beff;top: 50%;position: absolute;right: 0px;transform: translate(0%, -50%);}
.skey-box .reset-button {position: absolute;right: 45px;top: 50%;font-size: 21px;color: #c1c1c1;transform: translate(0%, -50%);width: 45px;height: 45px;}

.msg_sound_only, .sound_only {display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;}
select, button, input[type=text], input[type=submit], textarea {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input[type=text], input[type=password], textarea {
-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;
outline: none;
}



/*쿠폰존 리스트*/
.couponzone_list {width: 100%; margin:0 auto 50px;position:relative}
.couponzone_list h2 {padding: 10px 10px;font-size: 16px;display: flex;align-items: center;gap: 5px;}
.couponzone_list h2 i {font-size: 16px;color: #fff;background-color: #6e80ff;border-radius: 50%;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;}
.couponzone_list p {margin:0 0 10px;color: #666;border-bottom: 1px solid #ddd;padding: 0px 0px 10px 15px;font-size: 13px;}
.couponzone_list article {padding:0px 15px;}

.couponzone_list ul {width: 100%;display: grid;padding: 0;margin: 0;list-style: none;grid-template-columns: 1fr 1fr; gap: 30px 10px;}
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li {width: 100%;background: #fff;padding: 5px;line-height: 1.2em;}
.couponzone_list ul li .coupon_img {width: 100%;height: 150px;padding: 10px;background-color: #efefef !important;border-radius: 10px;}



.couponzone_list ul li .coupon_tit {margin:10px 0px;font-weight:bold; font-size:16px; letter-spacing:-1px; line-height:1em; text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.couponzone_list ul li .coupon_date {margin:5px 0px;font-size:1.1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target {margin:5px 0px;font-size:1.1em;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:1.1em;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;line-height: 35px;border-color: #4e91ff;color: #3380ff;background: #fff;font-weight: bold;transition: 0.2s ease all;}
.couponzone_list ul li .coupon_btn .btn02:hover {background:#4e91ff;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 {position:relative;padding:100px 0;text-align:center;color:#999}
.coupon_info_btn { width:100%; border:1px solid #e1e1e1; background:#f9f9f9; font-size:14px; padding:5px 0; }

.star_position { width:100%; display:block; text-align:left; }
.star_position > img { vertical-align:baseline; width:auto; height:18px; }


#smb_my {position: relative;margin: 0 auto;min-height:calc(var(--cont_vh) + 0px); background-color: #fff;}
#smb_my.mypage-wr {background-color: #edf0ff}
#smb_my header {position:relative; display:block; min-height:350px; background-size:cover}
#smb_my header h2{display:block; font-size: 18px;color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 1, 0.5)}
#smb_my header .smb_my_icon{position: absolute;right: 20px;top: 30px;display: flex;gap: 10px;}
#smb_my header .smb_my_icon button:hover i{color:#000}
#smb_my header .smb_my_icon button i {font-size:26px; color:#fff;transition:0.2s ease all;}
#smb_my header .smb_my_info{padding: 35px 30px;display: flex;flex-direction: column;gap: 0px;}
#smb_my header .smb_my_info .smb_my_cash {color: #fff;font-size: 36px;font-weight: 600;font-family: 'Lato'; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 1, 0.5);padding: 30px 0px 0px 0px;}
#smb_my header .smb_my_info .smb_my_cash h3 {display: flex;align-items: center; font-size: 14px;padding: 0px 0px 0px 5px;font-weight: 400;}
#smb_my header .smb_my_info .smb_my_cash h3 button {color: #fff;font-size: 13px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 1, 0.5);}
#smb_my header .smb_my_info .smb_my_cash h3 button:before {content: "\00B7";padding: 0px 5px;color: #fff;font-size: 12px;}

#smb_my header .smb_my_info .smb_charge {padding: 20px 0 0 0;}
#smb_my header .smb_my_info .smb_charge button {background-color: #ff0000;border-radius: 7px;padding: 0px 20px 0px 20px;line-height: 34px;font-weight: 600;color: #fff;font-size: 14px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 1, 0.5)}
#smb_my header .smb_my_info .point-wr {display: flex;padding: 15px 0 0 0;}
#smb_my header .smb_my_info .point-wr .my-point{display: flex; align-items: center;}

#smb_my header .smb_my_info .point-wr .my-point .point-icon{font-size: 21px;color: #000000;background-color: #fff000;border-radius: 50%;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;}
#smb_my header .smb_my_info .point-wr .my-point .count-point {display: flex;align-items: center;gap: 5px;color: #fff000; padding: 0 0 0 5px;}
#smb_my header .smb_my_info .point-wr .my-point .count-point .counter{font-size: 16px;font-weight: 600;color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 1, 0.5)}
#smb_my header .smb_my_info .point-wr button {color: #fff;font-size: 14px;display: flex;gap: 3px;align-items: center; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 1, 0.5)}
#smb_my header .smb_my_info .point-wr button i {font-size:16px;}
#smb_my_cont {position: relative;width: 100%;margin: -50px 0 70px 0;background-color: #edf0ff;min-height: 300px;border-top-left-radius: 30px;border-top-right-radius: 30px;}
#smb_my_cont article {width: 100%;padding: 0px;margin: 20px 0 0;}
#smb_my_cont article::last-child {margin-bottom:50px;}

#smb_my_cont .smb_my_info {display: flex;align-items: center;justify-content: space-between;padding: 20px 20px 0 20px;}
#smb_my_cont .smb_my_info .smb_mb {display: flex;font-size: 14px;font-weight: 600;color: #000000;align-items: center;padding: 0px;}
#smb_my_cont .smb_my_info .smb_mb img {width: 25px;height:25px;border-radius: 50%;margin-right: 5px;}

#smb_my_cont .smb_my_link {padding: 10px 20px 10px 20px;}
#smb_my_cont .smb_my_link ul {display:flex}
#smb_my_cont .smb_my_link ul li{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;font-size: 14px;font-weight: 600;letter-spacing: -0.05em;cursor:pointer}
#smb_my_cont .smb_my_link ul li:before {width: 50px;height: 50px;display: inline-block;content: '';border-radius: 18px;}

#smb_my_cont .smb_my_link ul li.icon-customer:before {background: #fff url('/images/menu_customer.png') no-repeat center center / 75%;}
#smb_my_cont .smb_my_link ul li.icon-event:before {background: #fff url('/images/menu_announcement.png') no-repeat center center / 75%;}
#smb_my_cont .smb_my_link ul li.icon-notice:before {background: #fff url('/images/menu_event.png') no-repeat center center / 75%;}
#smb_my_cont .smb_my_link ul li.icon-inquiry:before {background: #fff url('/images/menu_inquiry.png') no-repeat center center / 65%;}
#smb_my_cont .smb_my_link ul li.icon-coupon:before {background: #fff url('/images/menu_coupon.png') no-repeat center center / 65%;}
#smb_my_cont .smb_my_link ul li.icon-faq:before {background: #fff url('/images/menu_faq.png') no-repeat center center / 65%;}


#smb_my_coupon {background-color:#fff; padding:15px;}
#smb_my_cont .smb_my_coupon {background-color: #fff;border-radius: 8px;padding: 15px;display: flex;align-items: center;;font-size:14px;margin: 0px 15px;}
#smb_my_cont .smb_my_coupon h3 {width: 60px; flex-shrink: 0;}
#smb_my_cont .smb_my_coupon .my_coupon {flex: 1;text-align: right;padding: 0px 10px 0px 0px;display: flex;align-items: baseline;gap: 5px;justify-content: end;}
#smb_my_cont .smb_my_coupon .my_coupon strong {color:#ff0000; font-size:18px;}
#smb_my_cont .smb_my_coupon button {background-color: #4176ff;color: #fff;border-radius: 5px;padding: 5px 10px;font-size: 12px;letter-spacing: -0.05em;}
#smb_my_cont .smb_my_summary ul{display:flex; flex-direction:column} 
#smb_my_cont .smb_my_summary > ul > li {position: relative;display: flex;flex-direction:column; center;width: 100%;border-bottom: 1px solid #ddd;font-size: 14px;}
#smb_my_cont .smb_my_summary > ul > li .summary-wr {display: flex;align-items: center;justify-content: center;width: 100%;}
#smb_my_cont .smb_my_summary > ul > li .summary-wr span:nth-child(1) {width: 200px;padding: 0px 0px 0px 20px;font-weight: 600;display: flex;align-items: center;}
#smb_my_cont .smb_my_summary > ul > li .summary-wr span:nth-child(1) i{font-size: 18px;color: #000000;background-color: #fff000;border-radius: 50%;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;margin: 0px 5px 0px 0px;}
#smb_my_cont .smb_my_summary > ul > li .summary-wr span:nth-child(1) em {font-style:normal; padding:0px 0px 0px 10px; color:#a3a3a3}
#smb_my_cont .smb_my_summary > ul > li .summary-wr span:nth-child(2) {flex:1; flex-shrink:0; padding:0px 0px 0px 0px;text-align: right;}
#smb_my_cont .smb_my_summary > ul > li .summary-wr button:before {font-family: xeicon;content: "\e946";width: 50px;height: 50px;font-size: 21px;font-weight: 600;color: #000;display: flex;justify-content: center;align-items: center;}


#smb_my_cont .smb_my_summary > ul > li .charge-wr {display: flex; flex-direction: column; gap: 10px;background-color:#eeedff;border-radius: 7px;padding: 15px;}
#smb_my_cont .smb_my_summary > ul > li .charge-wr .charge-pid {padding: 10px;background-color: #fff;border-radius: 7px;font-weight: 600;}
#smb_my_cont .smb_my_summary > ul > li .charge-wr .charge-pay {display: flex;justify-content: space-between;align-items: center;padding: 0px 0px 0px 5px; font-weight: 600;}
#smb_my_cont .smb_my_summary > ul > li .charge-wr .charge-price {padding: 0px 0px 0px 5px; font-weight: 600;}
#smb_my_cont .smb_my_summary > ul > li .charge-wr .charge-date {padding: 0px 0px 0px 5px; font-weight: 600;}


#smb_my_cont .smb_my_summary > ul > li .view-summary {display:none; flex-direction: column; gap: 0px;}
#smb_my_cont .smb_my_summary > ul > li .summary-inner {position: relative;overflow: hidden;border-top-left-radius: 20px;border-top-right-radius: 20px;background-color: #fff;}
#smb_my_cont .smb_my_summary > ul > li .summary-inner:before, #smb_my_cont .smb_my_summary > ul > li .summary-inner:after {content: '';position: absolute;top: 0;width: 30px;height: 100%;pointer-events: none;z-index: 2;}
#smb_my_cont .smb_my_summary > ul > li .summary-inner:before {left: 0; background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
#smb_my_cont .smb_my_summary > ul > li .summary-inner:after {right: 0;background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
#smb_my_cont .smb_my_summary > ul > li .summary-inner:not(#view-order .summary-inner):not(#view-charge .summary-inner):not(#view-wish .summary-inner):before, #smb_my_cont .smb_my_summary > ul > li .summary-inner:not(#view-order .summary-inner):not(#view-charge .summary-inner):not(#view-wish .summary-inner):after {background: none;} {background: none;}
#smb_my_cont .smb_my_summary > ul > li .summary-more {background-color: #fff;padding: 10px;}
#smb_my_cont .smb_my_summary > ul > li .summary-more button {width: 100%;line-height: 38px;background-color: #fff;border-radius: 5px;color: #000;font-weight: 600;font-size: 14px;border: 1px solid #ddd;transition:0.2s ease all;}
#smb_my_cont .smb_my_summary > ul > li .summary-more button:hover {background-color:#6691ff;color:#fff; border-color:#6691ff}
#smb_my_cont .smb_my_summary > ul > li .summary-list {position: relative;display: flex;gap: 15px;overflow: hidden;padding: 0px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list.grabbing {cursor: grabbing; }
#smb_my_cont .smb_my_summary > ul > li .summary-list dl {position: relative; flex:1; }
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dt {flex-shrink: 0;}
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dt img {border-radius:18px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dd {}
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dd > span {display: block;color: #9a9a9a;letter-spacing: -0.03em;font-weight: 500;padding: 8px 0 0 8px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dd span.status {position: absolute;top: 10px;left: 10px; padding: 0px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dd span.name {max-width:150px; color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dd span.oid {font-size:13px; padding: 10px 0 0 8px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dd span.oid strong{background-color: rgb(255 255 0 / 41%);}
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dd span.price {color: #ff0000; font-weight: 700;font-size:15px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list dl dd span.date {font-size:13px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol {width:100%;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li {border-bottom: 1px solid #ececec;background: #fff;padding: 10px 15px;list-style: none;position: relative;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li:first-child {padding-top:20px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li.empty_list {border-bottom:none; justify-content: center;align-items: center;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .point-top{margin: 0 0 5px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .point-top:after {display: block;visibility: hidden;clear: both;content: "";}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .point-tit {font-weight: 600;font-size: 13px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .point-num {color: #3a8afd;font-weight: bold;position: absolute;right: 20px;top: 50%;transform: translate(0%, -50%);}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .point-date1 {font-size: 13px;color: #888d92;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .point-date {color: #888d92;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.memo-list li {display:flex;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.memo-list li.read {background: #f6f6f6;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .profile-img {width: 60px;position: relative;margin-right: 15px;display: flex;justify-content: center;align-items: center;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .profile-img img {border-radius: 50%;width: 52px;height: 52px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .paper-info {flex:1;padding-top: 5px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .paper-info .paper-datetime {padding: 0px 0px 0px 10px;color: #a2a2a2;font-size: 13px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .paper-info .paper-prev {padding: 10px 0;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .profile-img .no_read {position: absolute;top: 0;right: 0;display: inline-block;background: #3a8afd;border: 1px solid #e1edff;text-indent: -9999px;border-radius: 10px;width: 10px;height: 10px;box-shadow: 0 0 10px 3px #9ec3f9;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol li .profile-img .no_read {animation: twinkler 1s linear infinite;}

#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item {margin-top:25px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li {display: flex;background: #fff;padding: 0px;list-style: none;position: relative;overflow: hidden;width: 100%;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_type {width: 60px;display: flex;justify-content: center;align-items: center;font-weight: 600;font-size: 14px;flex-shrink: 0;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_type.charge {background-color: #00a0ff;color: #fff;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_type.order {background-color:#3cd393;color:#fff;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_type.cancel {background-color:#ff4540;color:#fff;}

#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_type.gift {background-color:#54ffb8;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_type.give {background-color:#7dffe7;}


#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_cont {font-size: 13px;flex: 1;line-height: 18px;padding: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_cont .cash_tit {display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;width: 100%;position: relative;padding: 0px 13px 0px 0px;max-height: 1.2em;transition: max-height 0.3s ease, white-space 0.3s ease;margin: 0px 0px 5px 0px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_cont .cash_tit a {color: #ff0000;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_num {font-size: 14px;color: #3a8afd;font-weight: bold;width: 110px;display: flex;justify-content: end;align-items: center;padding: 0px 10px 0 0;flex-shrink: 0;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_cont .cash_date {
    float: left;
    color: #888d92;
}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_cont .cash_date1 {
    float: left;
    color: #888d92;
}

#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.cash-item li .cash_cont .cash_tit .show-more {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    transition: transform 0.3s ease;
    cursor: pointer;
}


@keyframes twinkler {50% {opacity:0}}


#view-point .summary-list, #view-paper .summary-list { padding: 20px 0px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list:not(#view-point .summary-list, #view-cash .summary-list, #view-paper .summary-list) {padding: 20px 15px 20px 15px;}

#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.charge-list {display: flex;gap: 10px;align-items: center;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.charge-list li {border-bottom:none; padding:0px 0px}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.charge-list li:first-child {padding-top:0px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.charge-list li:last-child {margin-right:20px;}
#smb_my_cont .smb_my_summary > ul > li .summary-list > ol.charge-list li.empty_list {margin:0px}


#cash {text-align:center}
#cash h1 {text-align:left}
#cash .cash_all {background: #edf3fc;color: #485172;font-size: 1.083em;}
#cash .cash_all:after {display:block;visibility:hidden;clear:both;content:""}
#cash .cash_all li {float:left;width:50%;padding:20px;text-align:left}
#cash .cash_all li span {float:right;color:#485172;font-weight:bold}
#cash .cash_all .full_li {width:100%; text-align:left}
#cash .cash_all .full_li span {color:#000;font-weight:bold;font-size:1.2em}
#cash .cash_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em;text-align:left}
#cash .cash_status:after {display:block;visibility:hidden;clear:both;content:""}
#cash .cash_status span{margin-left:10px;float:right}
.cash_list li:first-child {border-top:1px solid #ececec}
.cash_list li {display:flex; background:#fff;padding:0px;list-style:none;position:relative;overflow: hidden;width: 100%;}
.cash_list li .cash_type {width: 60px;display: flex;justify-content: center;align-items: center;font-weight: 600;font-size: 14px;flex-shrink: 0;}
.cash_list li .cash_type.charge {background-color:#00a0ff;color:#fff;}
.cash_list li .cash_type.order {background-color:#3cd393;color:#fff;}
.cash_list li .cash_type.calculate {}
.cash_list li .cash_type.gift {background-color:#54ffb8}
.cash_list li .cash_type.give {background-color:#7dffe7;}
.cash_list li .cash_type.cancel {background-color:#ff4540;color:#fff;}
.cash_list li .cash_cont {flex: 1;line-height: 18px;padding: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.cash_list li .cash_cont .cash_tit {font-weight: bold;float: left;font-size: 1.083em;display: block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;width: 100%;position: relative;padding: 0px 13px 0px 0px;max-height: 1.2em;transition: max-height 0.3s ease, white-space 0.3s ease;margin: 0px 0px 5px 0px;}
.cash_list li .cash_cont .cash_tit.expanded {white-space: normal;max-height: none;}
.cash_list li .cash_cont .cash_tit .show-more {display: block;position: absolute;right: 0;top: 0px;transition: transform 0.3s ease;cursor:pointer;}
.cash_list li .cash_cont .cash_tit .show-more.rotated {transform: rotate(180deg);}
.cash_list li .cash_cont .cash_tit .show-more i {font-size:16px;}
.cash_list li .cash_cont .cash_tit a {color:#ff0000;}
.cash_list li .cash_num {font-size: 14px;;color: #3a8afd;font-weight: bold;width: 110px;display: flex;justify-content: end;align-items: center;padding: 0px 10px 0 0; flex-shrink:0}
.cash_list li.cash_use .cash_num {font-size:1.25em;color:#ff4f76;font-weight:bold;}
.cash_list li.cash_use {background:#f6f6f6}
.cash_list li .cash_cont .cash_date1 {float:left;color:#888d92}
.cash_list li .cash_cont .cash_date {float:left;color:#888d92}
.cash_list li .cash_cont .txt_expired {color:red;margin-left:5px}

/*===============================================================*/
/*=========================== 고객센터 ===========================*/
/*===============================================================*/
#smb_my.customer-wr {background-color: #edf0ff;}
#smb_my.customer-wr .smb_customer_info {display:flex; flex-direction:column; gap:20px; padding:60px 30px 35px 30px}
#smb_my.customer-wr .smb_customer_info h2 {font-size: 18px;font-weight: 400;line-height: 24px;color: #000;text-shadow: unset;}
#smb_my.customer-wr .smb_customer_info h2 strong {font-size:21px;}
#smb_my.customer-wr .smb_customer_info sub { font-size: 13px;color: #000;font-weight: 600;line-height: 17px;}
#smb_my.customer-wr .smb_customer_info .contact-info dl {display: flex;align-items: center;font-size: 14px;gap: 10px;margin: 5px 0 0 0;}
#smb_my.customer-wr .smb_customer_info .contact-info dl dt{width: 70px;background-color: #000000;text-align: center;padding: 5px 10px;border-radius: 5px;color: #fff;font-weight: 400;font-size: 13px;}
#smb_my.customer-wr .smb_customer_info .contact-info dl dd{font-size: 15px;letter-spacing: -0.05em;text-decoration: none;display: inline;box-shadow: inset 0 -9px 0 rgb(226 255 0 / 89%);font-weight: 700;}


#smb_my_cont article#summary-notice {padding:20px 0 0 0}

.cs-info-wr {background-color: #ffffff;color: #000000;border-radius: 8px;padding: 0px;display: flex;align-items: center;font-size: 14px;margin: 0px 15px;flex-direction: column;overflow: hidden;}
.cs-info-wr:hover {}
.cs-info-wr .cs-contact{position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 15px;transition: transform 0.3s ease;}
.cs-info-wr .cs-contact strong{color:#000;font-size:21px;padding: 0px 30px 0px 0px;}
.cs-info-wr .cs-contact h3{font-size:14px;font-weight: 500}
.cs-info-wr .cs-contact h3 em{color:#ff0000;font-style:normal;}
.cs-info-wr .cs-contact button{position: absolute;right: 9px;top: 50%;transform: translate(0%, -50%);width: 30px;height: 30px;}
.cs-info-wr .cs-info{display: none;flex-direction: column;width: 100%;background-color: rgba(245, 247, 249, 1);color: #000;padding: 10px;gap: 10px;overflow: hidden;height: 0;}
.cs-info-wr .cs-info dl{ display: -ms-flexbox;display: -webkit-flexbox;display: flex;justify-content: space-between;align-items: baseline;}
.cs-info-wr .cs-info dt {width: 120px;font-size: 14px;font-weight: 600;padding: 0 0 0 5px;}
.cs-info-wr .cs-info dd {width: 100%;flex:1;flex-shrink:0;font-size: 14px;line-height: 18px;background-color: #fff;padding: 10px;border-radius: 7px;}

.summary-header-wr {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0px 15px;}
.summary-header-wr h2 {margin-bottom: 10px;display: flex;align-items: center;position: relative; padding: 0px;}
.summary-header-wr h2 a {font-size: 14px;color: #000000;padding: 0px 0px 0px 3px;font-weight: 600;}
.summary-header-wr h2 i {font-size: 18px;color: #000000;background-color: #fff000;border-radius: 50%;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;margin: 0px 5px 0px 0px;}
.summary-header-wr button {width: 25px;height: 25px;margin: 0px 5px 0 0;border-radius: 50%;}
.summary-header-wr button i {font-size:18px;}

#smb_my_cont #summary-faq {margin-bottom:50px;}
#smb_my_cont #summary-company {padding-bottom: 30px;}
#faq-wr .search-faq {position: relative;padding: 0px 15px;}
#faq-wr .search-faq input {padding-right:40px}
#faq-wr .search-faq input:focus {border:1px solid #ff0000}
#faq-wr .search-faq button {width: 35px;height: 35px;position: absolute;top: 50%;right: 20px;transform: translate(0%, -50%);}
#faq-wr .search-faq button i {font-size:18px; font-weight:100}
.ajax-latest {position: relative;padding: 0px 15px;text-align:left;}
.ajax-latest ul{margin: 0;display: flex;flex-direction: column;}
.ajax-latest ul > li {border-top: 1px solid #ddd;line-height: 38px;padding: 0px 0px 0px 0px;font-size: 13px;font-weight: 600;background-color: #fff;}
.ajax-latest ul > li:first-child {border-top:none; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.ajax-latest ul > li:last-child {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.ajax-latest ul > li.empty_li {display: flex;justify-content: center;align-items: center;}
.ajax-latest .ajax-loading {height: 50px;display: flex;align-items: center;justify-content: center;background-color: transparent;}
#faq-list ul {margin: 10px 0 0 0;}
#faq-list li h3 {font-size:14px; min-height: 43px;line-height: 30px;padding: 0px;position: relative;display: flex;align-items: center;justify-content: center;width: 100%;}
#faq-list li h3 .tit_bg {text-align: center;color: #000;font-size: 1.6em;width: 40px;flex-shrink: 0;}
#faq-list li h3 a {flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;vertical-align: middle;}
#faq-list li h3 .tit_btn {border: 0;height: 30px;background: #fff;color: #c5cdd8;font-size: 1.2em;width: 50px;flex-shrink: 0;}
#faq-list .con_inner {font-size:14px; color:#3b3b3b; display: none;padding: 15px;border-top: 1px solid #ddd;}
#faq-list .con_inner .closer_btn {position: absolute;right: 15px;top: 15px;border: 0;width: 30px;height: 30px;background: #fff;color: #3a8afd;font-size: 1.2em;}

#qa-list > ul > li {display: flex; align-items: center; gap:5px; padding: 0px 10px;}
#qa-list > ul > li a{padding:0px 5px 0px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
#qa-list > ul > li [class*="xicon-"] {background-color: #fff;color: #000;border:1px solid #ddd; border-radius: 5px;padding: 0px 7px;font-weight: 500;font-size: 12px; height: 24px;line-height: 22px;}
#qa-list > ul > li .xicon-answear {background-color: #ff0000;border:1px solid #ff0000;color: #fff;}
#qa-list > ul > li .xicon-request {background-color: #817aff;border:1px solid #817aff;color: #fff;}
#qa-list > ul > li i {font-size:14px;}

#item-qa-list ul {margin: 10px 0 0 0;}
#item-qa-list li h3 {min-height: 43px;line-height: 30px;padding: 0px;position: relative;display: flex;align-items: center;justify-content: center;width: 100%;}
#item-qa-list li h3 .tit_bg {text-align: center;color: #000;font-size: 1.6em;width: 40px;flex-shrink: 0;}
#item-qa-list li h3 a {flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;vertical-align: middle;}
#item-qa-list li h3 .tit_btn {border: 0;height: 30px;background: #fff;color: #c5cdd8;font-size: 1.2em;width: 50px;flex-shrink: 0;}
#item-qa-list .con_inner {display: none;padding: 15px;border-top: 1px solid #ddd;}
#item-qa-list .con_inner .closer_btn {position: absolute;right: 15px;top: 15px;border: 0;width: 30px;height: 30px;background: #fff;color: #3a8afd;font-size: 1.2em;}

.banner-item {display: flex;padding: 0 15px;flex-direction: column;gap: 15px;}
.banner-item button{flex: 1;background-color: #74b3ff;padding: 15px;display: flex;justify-content: space-between;align-items: center; border-radius: 8px;color: #fff;}
.banner-item button.icon-review {background-color: #00caa8;}
.banner-item button.icon-withdraw {background-color: #748bff;}
.banner-item button.icon-gift {background-color: #00d084;}
.banner-item button .sbj {display: flex;font-size: 16px;font-weight: 500;position: relative;padding: 0 0 0 60px;flex-direction: column;align-items: flex-start;justify-content: start;gap: 5px;}
.banner-item button .sbj:before{content: '';width: 45px;height: 45px;display: block;background-color: #ddd;border-radius: 50%;position: absolute;left: 0px;top: 50%;transform: translate(0%, -50%);}
.banner-item .icon-inquiry .sbj:before{background: #ddd url(/images/icon_inquiry_01.png) no-repeat 0 0 / contain;}
.banner-item .icon-review .sbj:before {background: #ddd url(/images/icon_review_01.png) no-repeat 0 0 / contain;}
.banner-item .icon-withdraw .sbj:before {background: #ddd url(/images/icon_atm_01.png) no-repeat 0 0 / contain;}
.banner-item .icon-gift .sbj:before {background: #ddd url(/images/icon_coin_01.png) no-repeat 0 0 / contain;}
.banner-item button h3{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 1, 0.5)}
.banner-item button sub {font-size: 13px; font-weight: 300; text-align:left;}
.banner-item .item-count {display: flex;align-items: center;gap: 5px;font-size:14px}
.banner-item .item-count .counter {font-size:24px; color:#fff000}
.banner-item.row2 {display: grid;grid-template-columns: 1fr 1fr;}

#cultureland-login {padding:30px 15px;}
#cultureland-login h1 {text-align:center;margin: 0px 0px 20px 0px;}
#cultureland-login h1 img {width:180px;}

#cultureland-menu {padding: 15px 10px 30px 10px;display: flex;justify-content: center;align-items: center;position: relative;}
#cultureland-menu button {background-color: #f9f9f9;width: 130px;line-height: 38px;font-weight: 600;font-size: 14px;border: 1px solid #ddd;border-left: none;outline: none;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
#cultureland-menu button:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-left: 1px solid #ddd;}
#cultureland-menu button:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#cultureland-menu button + button::before {content: '';position: absolute;top: 8px;left: -1px;height: calc(100% - 16px);width: 1px;background-color: #ddd;}
#cultureland-menu button:hover {background-color: #eee;box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}
#cultureland-menu button.active {background-color: #007bff;color: #fff;border-color: #0056b3;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.1);}

.login-wr {display:table; overflow:hidden; padding:20px 0 0 0; padding:0px;width:100%;}
.login-form {position:relative;margin:0px 0px 10px}
.login-cont {display:table-cell;width:440px;; padding: 0px;}
.login-cont h2 {margin-bottom:15px; font-size:18px; font-weight:600; }
.login-cont p {font-size:13px; color:#666;}
.login-cont .frm_input {width: 100%;height: 50px;border-radius: 7px;padding: 1rem 1rem 1rem 3rem;font-weight: 600;font-size: 14px;background-color: rgba(245, 247, 249, 1);border-color: transparent;}
.login-cont label.icon {position: absolute;left: 1rem;top: 50%;transform: translate(0%, -50%);color: rgb(85 189 239);font-size: 1.4rem;z-index:10;}
.login-wr .btn_submit {display: block;width: 100%;height: 45px;text-align: center;font-size: 16px;background: #e6000f;border-radius: 7px;margin: 15px 0;font-weight: 600;}

.logout-wr {position:absolute; bottom: 0px;padding: 10px;transition: transform 0.5s ease, bottom 0.1s ease;background-color: #ffffff;border-top: 1px solid #ddd;}
.logout-wr button {background-color: #ff0000;color: #fff;width: 100%;line-height: 48px;font-size: 16px;font-weight: 800;border-radius: 8px;transition: all 0.3s ease;}
.logout-wr button:hover {background-color: #000;}
.logout-wr.scroll-active {position: fixed;bottom: var(--footer_vh);background-color: #ffffff;border-top: 1px solid #ddd;z-index: 100;transform: translateY(0);}



.auth_timer {display: inline-block;background-color: #000;color: #fff;border-radius: 15px;padding: 3px 10px;font-size:12px;}
.fade-in-box {animation: fadein 3s;-moz-animation: fadein 3s; /* Firefox */-webkit-animation: fadein 3s; /* Safari and Chrome */-o-animation: fadein 3s; /* Opera */}

@keyframes tradechange {
	0% {
	transform: rotate(0);
	}
	100% {
		transform: rotate(180deg);
	}
}@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.cards .exchange {width: 50px;cursor: pointer;}
.cards .exchange.circleround {animation-name: tradechange;animation-duration: 1s;}
.cards .exchange img {width: 100%;}


.dot-loader {display: block;width: 30px;aspect-ratio: 4;--_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);background: var(--_g) 0%   50%,var(--_g) 50%  50%,var(--_g) 100% 50%;background-size: calc(100%/3) 100%;animation: l7 1s infinite linear;}

.progress-wr {display: none;flex-direction: column;justify-content: center;align-items: center;margin: 30px 0px 0px 0px;}
.loading-wr {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 130px 0px;}
.loading {width: 50px;aspect-ratio: 1;display: grid;animation: l14 4s infinite;}
.loading::before,.loading::after {content: "";grid-area: 1/1;border: 8px solid;border-radius: 50%;border-color: red red #0000 #0000;mix-blend-mode: darken;animation: l14 1s infinite linear;}
.loading::after {border-color: #0000 #0000 blue blue;animation-direction: reverse;}
.loading-text {font-size: 18px;font-weight: 600;margin-top: 30px;letter-spacing: -0.05em;}
@keyframes l7 {
    33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
    50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
    66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
}
@keyframes l14{ 
	100%{transform: rotate(1turn)}
}

/*.main_banners {background: url("'.G5_THEME_URL.'/images/mainV2.jpg") !important;}
.phantom_slide {padding-top:90px;}*/


.swiper-container { width:100%; height:100%; }
.swiper-container img { width:auto; max-width:100%; overflow:hidden; height: auto;}
.swiper-container img:hover { transition:0.2s ease all; transform:scale(1.02); }
.sct_a {display: block;text-align: left;font-size: 14px;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all; }
.ic_wrap { display:flex; justify-content: space-between; align-items: flex-start;}
.ic_wrap p { font-size:14px; letter-spacing:-0.5px; color:#777; font-weight:400; }
.it_wrap { display:flex; justify-content: flex-start; align-items: center;}


.count_review { display:inline-block; vertical-align:middle;}
.old_price {text-decoration: line-through;color: #b3b3b3;letter-spacing: -1px;font-weight: 400;font-size: 16px;}
.real_price {font-size: 24px;color: #222;letter-spacing: -1px;margin-left: 10px;font-weight: 600;}
.commission_price  {font-size: 16px;color: red;padding: 15px 0;font-weight: 400;}
.item_percent {color: red;font-size: 18px; margin-left: 10px;font-weight: 600;}

#ct_send_cost { background:#fff; border:1px solid #e1e1e1; padding:2px 10px;}

.swiper-container-horizontal>.swiper-scrollbar-iv { position:relative !important; bottom:0 !important; height:3px !important; width:30% !important; background:#ddd; left:calc(50% - 15%) !important; top:-15px; }
.swiper-scrollbar-drag { background:#333 !important; border-radius:0 !important; }
.swiper-button-next-iv {position: absolute; width: 36px; height: 36px; z-index: 10; cursor: pointer; background-size: 30%; background-position: center; background-repeat: no-repeat; right:0px !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; background-color:#222; bottom:0; border-radius:3px;}
.swiper-button-prev-iv {position: absolute; width: 36px; height: 36px; z-index: 10; cursor: pointer; background-size: 30%; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; left:0px !important; background-color:#222; bottom:0; border-radius:3px; }
.swiper-button-prev-iv.swiper-button-disabled, .swiper-button-next-iv.swiper-button-disabled { opacity:0.35; }
.sw_item { margin-bottom:50px; }

#review-chart {width: 100%;position: relative;margin: 0px 0 20px 0; border-bottom: 1px solid #e1e1e1;align-items: stretch;display: flex;}
#review-chart .review-avg {width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;border-right: 1px solid #e1e1e1;flex: 1;padding: 20px;}
#review-chart .review-avg h5, #review-chart .review-avg h4 {font-size: 16px;width: 100%;text-align: center;color: #000;font-weight: 600;}
#review-chart .review-avg h6 {font-size: 13px;font-weight: 400;letter-spacing: -0.05em;padding: 5px 0px 0px 0px;}
#review-chart .review-avg {font-size: 13px;color: #858585;font-weight: 500;}
#review-chart .review-avg .chart.donut {width: 120px;height: 120px;margin: 20px 0 0 0;}
#review-chart .review-avg .chart.donut {width:120px; height:120px;margin:20px 0 0 0}
#review-chart .review-avg .donut-chart .mask {background:rgb(224 224 224)}
#review-chart .review-rate {width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;flex: 2;gap: 10px;padding: 20px;}
#review-chart .review-rate h1 {font-size: 14px;font-weight: 600;letter-spacing: -1px;padding: 6px 0px 0px 0px;}
#review-chart .review-rate ul {display: flex;width: 100%;flex-wrap: wrap;flex-direction: row;}
#review-chart .review-rate ul li {width: calc(100% / 5);display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
#review-chart .review-rate ul li .star_bg {position: relative;width: 10px;background: #f1f1f1;border-radius: 20px;height: 100vh;max-height: 100px;}
#review-chart .review-rate ul li .star_pc {position: absolute;left: 0;bottom: 0;height: 0;background: #ff0000;width: 10px;border-radius: 20px;animation: grow 1s ease-out forwards;}
#review-chart .review-rate ul li h1 {width: 100%;text-align: center;}

#qa-avg {margin:20px 0px 20px}
#qa-avg h3 {font-size: 14px;padding: 0 0 0 15px;}
#qa-avg h3 strong {color:#ff0000}
#qa-avg .avg-wr {padding: 15px;background-color: #edf0ff;margin: 10px 0 0;border-bottom: 1px solid #dde3ff;border-top: 1px solid #dde3ff;}
#qa-avg .avg-wr .avg-bg{position: relative;width: 100%;background: #fff;border-radius: 20px;height: 10px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 1, 0.5);}
#qa-avg .avg-wr .avg-bg .avg-pc {position: absolute;left: 0;bottom: 0;height: 0;background: #ff0000;height: 10px;border-radius: 20px;}
#qa-avg .avg-wr .avg-info {display: flex;width:100%;justify-content: space-between;padding: 5px 0 5px 0;color: #666;font-size:13px;}
#qa-avg .avg-wr .avg-info strong {color:#ff0000}