@charset "utf-8";

/* 관리자 버튼 */
.sct_admin,
.sev_admin,
.sit_admin { 
	position:absolute; 
	z-index:1; 
	left:auto; 
	right:0; }

.sct_admin .btn_admin,
.sit_admin .btn_admin { 
	background: var(--bs-tertiary-bg); 
	border:0; 
	border-radius:0; 
	padding:10px 15px; }

/* 페이징 숨김 */
#sct .pg_wrap {
	display: none; }

/* 선택옵션 */
.sod_opt ul { 
	list-style:none; 
	padding:0; 
	margin:0; }

/* 주문서 결제부분 */
#od_pay_sl input[type="radio"] {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	text-indent: -999px;
	left: 0;
	z-index: -1; }

#od_pay_sl .lb_icon {
	display: inline-block;
	float: left;
	width: 50%;
	font-size:14px;
	line-height:1.4;
	letter-spacing:-1px;
	color:#000;
	background:#fff; 
	border: 1px solid #eceff4;
	margin: -1px 0 0 -1px;
	cursor: pointer;
	height: 60px; 
	position: relative;
	padding-left: 60px;
	padding-top: 18px; 
	z-index:1; }

#od_pay_sl input[type="radio"]:checked+.lb_icon {
	border: 1px solid var(--bs-primary);
	z-index: 3; }

#od_pay_sl legend {
	position: absolute;
	font-size: 0; 
	line-height: 0;
	overflow: hidden; }

#od_pay_sl .KPAY {
	background: url('../../../../../img/kpay.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent:-999px; }

#od_pay_sl .PAYNOW {
	background: url('../../../../../img/paynow.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent:-999px; }

#od_pay_sl .PAYCO,
#od_pay_sl .paycopay_icon {
	background: url('../../../../../img/payco.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent:-999px; }

#od_pay_sl .inicis_lpay,
#od_pay_sl .lpay_icon {
	background: url('../../../../../img/lpay_logo.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent:-999px }

#od_pay_sl .inicis_kakaopay{
	position: relative; 
	overflow: hidden; 
	text-indent:-999px; }

#od_pay_sl .inicis_kakaopay em {
	position: absolute;
	top: 15px;
	left: 45px;
	width: 70px;
	height: 30px;
	background: url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;
	overflow: hidden;
	text-indent:-999px;
	border-radius: 30px; }

#od_pay_sl .kakaopay_icon {
	background: url('../../../img/kakao.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent:-999px; }

#od_pay_sl .naverpay_icon { 
	background: url('../../../img/ico-default-naverpay.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent:-999px; }

#od_pay_sl .applepay_icon{
	background: url('../../../img/ico-mobile-applepay.png') no-repeat 50% 50% #fff;
	overflow:hidden;
	text-indent:-999px;	}

#od_pay_sl .samsung_pay{
	background: url('../../../img/samsungpay.png') no-repeat 50% 50% #fff;
	overflow:hidden;
	text-indent:-999px; }

#od_pay_sl .ssgpay_icon{
	background: url('../../../img/ssgpay_icon.png') no-repeat 50% 50% #fff;
	overflow:hidden;
	text-indent:-999px; }

#od_pay_sl .skpay_icon{
	background: url('../../../img/skpay11_icon.png') no-repeat 50% 50% #fff;
	overflow:hidden;
	text-indent:-999px; }

#od_pay_sl .bank_icon {
	background: url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff; }

#od_pay_sl .vbank_icon{
	background: url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff; }

#od_pay_sl .iche_icon {
	background: url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff; }

#od_pay_sl .hp_icon {
	background: url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff; }

#od_pay_sl .card_icon { 
	background: url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff; }

#od_pay_sl .escrow_icon { 
	padding-top:10px !important; }

/* 애스크로 */
#sod_frm_escrow {
	margin:30px 0 0; }

#sod_frm_escrow h2 {
	font-size:1.5rem;
	padding: 0 1rem 0.25rem;
	margin: 0;
	border: 0; }

#sod_frm_escrow td {
	padding:0.5rem 1rem; }

#sod_frm_escrow p {
	margin:5px 0; }

#display_pay_process {
	padding: 20px;
	text-align:center; }

/* 날짜선택기 */
.ui-datepicker {
	z-index:1021 !important; }

/* 쿠폰존 */
.couponzone-list .ratio { 
	--bs-aspect-ratio: 75%; overflow:hidden; }

/* 상품 이미지 보기 */
#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;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}

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

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

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

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

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





/* 배너 추가 */
.banner-swiper {
	--swiper-navigation-color: #fff;
	--swiper-navigation-size: 1.5rem;

	--swiper-pagination-color: #666;
	--swiper-pagination-bullet-size: 0.75rem;
}
.banner-swiper .swiper-slide a { width: 100%; height: 100%; }
.banner-swiper .swiper-slide .img { width: 100%; height: 100%; background: no-repeat center/cover; }
.banner-swiper .swiper-button { width: 3rem; height: 3rem; -webkit-border-radius: 9999px;-moz-border-radius: 9999px;border-radius: 9999px; background-color: rgba(0,0,0,0.3); opacity: 0.5; }
.banner-swiper .swiper-button:hover { opacity: 1; }

/* 메인 비주얼 배너 */
.banner-swiper1 { height: 665px; }


/* 메인 중간 배너 */
.banner-swiper2 { height: 610px; }

/* 스토리 배너 */
.banner-swiper3 { height: 100%; }



@media (max-width: 991px){
.sct_40 .sct_cost {position: revert!important; font-size:16px;}
.sct_40 .sct_img {float:none !important;}
.sct_40 .sct_rel_ul {display: flex; gap: 0.5em;}



}