@charset "utf-8";

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

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

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

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


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

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

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


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

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

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

/* 상품 목록 스킨 30 */
.sct_30 .sct_li {float:left;width:24% !important;margin:0 0 30px 16px;height:460px;text-align:left;border:1px solid #ddd;background:#f9f9f9;}
.sct_30 .sct_li .li_wr .is_view_type_list .adm {min-height:300px;}
.sct_30 .sct_li:nth-child(4n+1) {clear:both;margin-left:0}
.sct_30 .sct_li .admin {height:600px}
.sct_30 .sct_img {text-align:center;position:relative;border-bottom:1px solid #ddd;}
.sct_30 .sct_img img {width:100% !important;height:auto !important}
.sct_30 .sct_btn {display:none;position:absolute;left:0;bottom:20px;width:100%;text-align:center}
.sct_30 li:hover .sct_btn {display:block}
.sct_30 .sct_btn button {background-color:#222;color:#fff;width:45px;height:45px;border-radius:50%;border:0;margin:0 2.5px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
-ms-transition-duration:0.5s;
transition-duration:0.5s}
.sct_30 .sct_btn button:hover {background-color:#3e976c}
.sct_30 .sct_btn button i {font-size:0.85em}
.sct_30 .line {width:100%;background:#777;border:1px solid #777;margin:3px 0 10px 0}
.sct_30 .sct_sns,
.sct_30 .sct_cartop {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}
.sct_30 .sct_sns_wr,
.sct_30 .sct_cartop_wr {position:absolute;top:50%;left:50%;width:300px;min-height:160px;text-align:center;margin-left:-150px;margin-top:-160px;background:#fff}
.sct_30 .sct_sns .bg,
.sct_30 .sct_cartop .bg {width:100%;height:100%;background:#000;background:rgba(0,0,0,0.3)}
.sct_30 .sct_sns_wr h3,
.sct_30 .sct_cartop_wr h3 {font-size:1.2em;line-height:20px;padding:20px;text-align:left;font-weight:700;border-bottom:1px solid #f3f3f3;margin-bottom:20px}
.sct_30 .sct_sns_wr .btn_close,
.sct_30 .sct_cartop_wr .cartopt_close_btn {position:absolute;font-size:16px;top:0;right:0;width:50px;height:60px;color:#aaa;background:none;border:0}
.sct_30 .sct_sns a {display:inline-block;border-radius:50%;margin:2px 5px;width:50px;text-align:center;height:50px;padding:10px 0}
.sct_30 .sct_cartop_wr form {padding:0 20px 20px;text-align:left}
.sct_30 .sct_cartop_wr label {font-size:0.85em}
.sct_30 .sct_cartop_wr .it_option {width:100%;margin:5px 0 10px;height:40px;border:1px solid #e4e4e4}
.sct_30 .sct_cartop_wr .cartopt_cart_btn {display:block;font-weight:bold;width:100%;margin-top:10px;padding:15px;background-color:#3e976c;border:0;color:#fff}
.sct_30 .sct_cartop_wr .cartopt_cart_btn:hover {transform:scaled(1.1, 1.1, 1);transition:opacity 0.3s, transform 0.3s;text-transform:uppercase}
.sct_30 .sct_op_btn {position:absolute;top:10px;right:15px;}


.sct_30 .btn_wish:hover {
		transform: rotate(90deg); /* 90도 회전 */
        color: #ff4757;
		opacity:1/* 마우스 올렸을 때 빨간색으로 변경 */
    }
.sct_30 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:30px;display: inline-block;transition: transform 0.4s ease, color 0.4s ease;text-align:center;background:none;opacity:0.1}
.sct_30 .sct_txt_wr {}
.sct_30 .sct_id {margin:0 0 5px 0;font-size:0.92em;color:#000}
.sct_30 .name_title {font-size:13px}
.sct_30 .model_title {font-size:12px;font-weight:200}
.sct_30 .sct_txt {font-weight:500;font-size:12px;height:50px;margin:5px 15px 0px 15px;}
.sct_30 .sct_txt2 {font-weight:500;font-size:12px;height:60px;margin:5px 15px 15px 15px;position: absolute;  bottom: 0; left: 0;width:90%}

.sct_30 .sct_txt a {color:#000}
.sct_30 .sct_txt a:hover {color:#ff0000}
.sct_30 .sct_cost {font-weight:bold;font-family:initial;margin-bottom:10px;text-align:center}


.sit_btn_wish {float:left;display:inline-block;width:30px;height:30px;color:#8c9195;font-size:1.6em;font-weight:bold}
.sit_btn_wish:hover {color:red}

@media (max-width:1300px) {
	.sct_30 .sct_li {width:24.1% !important;margin:0 4px 20px}
	.sct_30 .sct_li:nth-child(4n+1) {clear:both;margin-left:0}
}

@media (max-width:890px) {
	.sct_30 {}
	.sct_30 .sct_li {width:48.5% !important;margin:0 0 0 10px;height:350px}
	.sct_30 .sct_li:nth-child(2n+1) {clear:both;margin-left:0}
	.sct_30 .sct_li .admin {height:300px}
	.sct_30 .name_title {font-size:13px;letter-spacing:-0.5px}
	.sct_30 .line {width:100%;background:#777;border:1px solid #777}
	.sct_30 .sct_txt {font-weight:500;font-size:11px;height:30px}
	.sct_30 .sct_txt2 {font-weight:500;font-size:12px;height:100px;width:85%}
	.sct_icon .shop_icon_4 {line-height:35px;height:35px}
}


/* 상품 목록 스킨 20 */
.sct_20 {border-bottom:1px solid #ddd}
.sct_20 .sct_li {float:left;background:#fff;border-top:1px solid #ddd;height:192px;width:49% !important;margin:0 !important;padding:10px;text-align:left}
.sct_20 .sct_img {position:absolute;top:10px;left:0;border:1px solid #ddd}
.sct_20 .li_wr {position:relative}
.sct_20 .sct_li .line {display:none}
.sct_20 .sct_id {margin:0px 10px 5px;font-size:0.92em;color:#666}
.sct_20 .sct_txt {font-weight:bold;font-size:1.083em;margin:0px 10px 5px;line-height:1.5em}
.sct_20 .sct_cost {margin:5px 10px}
.sct_20 .sct_sns {margin:10px 10px}
.sct_20 .li_wr.is_view_type_list.admin{padding-top:0;min-height:150px}
.sct_20 .li_wr.is_view_type_list {padding-left:150px;padding-top:15px;height:150px}
.sct_20 .li_wr.is_view_type_list .sct_img {width:150px}
.sct_20 .li_wr.is_view_type_list .sct_img a {display:block}
.sct_20 .li_wr=.is_view_type_list img {width:100%;height:auto}
.sct_20 .sct_txt {font-weight:700;font-size:12px;padding-top:10px;margin:0px 15px 15px 15px;line-height:15px;letter-spacing:-0.5px}
.sct_20 .sct_txt2 {font-weight:700;font-size:12px;position:relative;margin:0 15px;line-height:15px;letter-spacing:-0.5px}

.sct_20 .sct_op_btn {position:absolute;top:10px;right:15px;}


.sct_20 .btn_wish:hover {
		transform: rotate(90deg); /* 90도 회전 */
        color: #ff4757;
		opacity:1/* 마우스 올렸을 때 빨간색으로 변경 */
    }
.sct_20 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:30px;display: inline-block;transition: transform 0.4s ease, color 0.4s ease;text-align:center;color:#949494;background:none;opacity:0.1}


@media (max-width:1000px) {
	.sct_20 {}
	.sct_20 .sct_li {width:100% !important;margin:0 0 30px 10px;}
	.sct_20 .sct_li:nth-child(2n+1) {clear:both;margin-left:0}
	
	.sct_icon .shop_icon_4 {line-height:35px;height:35px}
}


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


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

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

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

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

/* 상품 목록 현재 위치 */
#sct_location {float:left;margin-top:15px;width:350px;}
#sct_location a {font-size:12px;display:inline-block;padding:5px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:13px !important}

/* 상품 목록 카테고리 목록 */
.sct_ct {text-align:center;width:100%}
.sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sct_ct ul {list-style:none;margin:0;padding:10px}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct ul li {display:inline-block;padding:0 15px;line-height:30px;font-size:0.95em}
.sct_ct ul li a:hover {color:#3e976c}
.sct_ct ul li span {color:#3e976c}
.sct_ct ul li:first-child {background:none}
.sct_ct a {text-decoration:none;color:#656565}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}

/* 상품 정렬 */
#sct_sortlst {position:relative;background:#fff}

#sct_sort {margin:8px;float:right; border:1px solid #eee}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sct_sort button {height:40px;line-height:40px;border:0;padding:0 10px;background:#fff}
#sct_sort .btn_sort {font-size:0.85em}
#sct_sort .btn_sort i {color:#ddd;display:inline-block;margin-left:5px}

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

/* 상품 리스트 스타일 선택 */
#sct_lst {width:100px;float:right;padding:0;list-style:none;margin:8px}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left}
#sct_lst button {position:relative;padding:0;width:40px;height:40px;border:0;background:#fff;color:#9a9a9a;font-size:15px}



/* 상품 타공검색 */
#sct_holesearch {display:block;width:100%}
/* ==========================================================================
   [1] 상품 상세보기 기본 설정 & 초기화 (공통)
   ========================================================================== */
#sit { margin: 0; background: none; }
.sit_admin { margin: 10px 10px 0; text-align: right; }
.sit_empty { padding: 30px 0; text-align: center; }

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

/* QR 코드 */
#qrcode-canvas { float: right; }

/* ==========================================================================
   [2] 데스크탑 전용 기본 구조 (971px 이상일 때 철저히 고정)
   ========================================================================== */
#sit_ov_wrap { width: 100%; height: 100%; background: none; box-sizing: border-box; }
#sit_ov_wrap:after { display: block; visibility: hidden; clear: both; content: ""; }

/* 상단 정보 영역 마스터 마운트 - 오리지널 900px 완벽 고정 구문 */
.sit_ov_innr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    width: 900px;
    max-width: 900px;
    margin: 30px auto 0;
    padding: 15px 0;
    box-sizing: border-box;
}

#sit_ov_bottom { width: 900px; max-width: 900px; margin: 0 auto; }

/* LEFT - 이미지 영역 오리지널 325px 완전 고정 */
#sit_pvi {
    flex-shrink: 0;
    width: 325px;
    max-width: 325px;
    padding: 0;
    margin: 0;
}

#sit_pvi_big {
    position: relative;
    width: 325px;
    height: 325px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    overflow: hidden;
}
#sit_pvi_big p {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    margin: 0; padding: 0;
    display: none;
}
#sit_pvi_big p.visible { display: block !important; }
#sit_pvi_big img { width: 100%; height: 100%; object-fit: cover; }

/* 1번 마스터 하단 썸네일 리스트 (6개 이상 자동 줄바꿈) */
#sit_pvi_thumb, #sit_pvi_thumb6 {
    max-width: 325px;              /* 큰 창 가로폭 325px과 정렬선 일치 */
    width: 100%;
    display: flex !important;
    flex-wrap: wrap !important;    /* 💡 6개 넘어가면 아래로 자연스럽게 줄바꿈 */
    
    /* 💡 [핵심 마법] 기본적으로 중앙 정렬을 주지만, 
       가로폭(325px)이 꽉 차는 순간 줄바꿈이 일어나며 자연스럽게 좌측 정렬 라인을 유지합니다. */
    justify-content: center !important; 
    
    /* 💡 양끝 배치가 뒤틀리지 않도록 6개 이하일 때와 초과일 때의 간격을 유연하게 조절 */
    gap: 5px;                      
    margin: 10px auto 0 auto;      /* 썸네일 박스 자체도 큰 창 기준으로 정중앙 정렬 */
    padding: 0;
    list-style: none;
    box-sizing: border-box !important;
}

/* 개별 썸네일 박스 규격 강제 고정 */
#sit_pvi_thumb li, #sit_pvi_thumb6 li {
    width: 50px !important;        
    height: 50px !important;       
    margin: 0 !important;          
    padding: 0 !important;
    box-sizing: border-box !important;
}

#sit_pvi_thumb img, #sit_pvi_thumb6 img {
    width: 100% !important;        
    height: 100% !important;
    border: 1px solid #ddd;
    box-sizing: border-box !important; 
    display: block;
}

#sit_pvi_thumb6 img:hover { 
    border: 2px solid #000; 
}

/* 2번 도면(CAD) 마스터 영역 고정 크기 */
#sit_rel_cad_wrap {
    width: 325px;
    max-width: 325px;
    margin-top: 20px;
    text-align: center;
}
#sit_cad_big {
    position: relative;
    width: 325px;
    height: 325px;
    margin: 12px auto 0 auto;
    overflow: hidden;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#sit_cad_big p {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    margin: 0; padding: 0;
    display: none;
}
#sit_cad_big p.visible { display: block !important; }



#sit_cad_big img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain; /* 도면의 선이 잘리지 않고 박스 안에 온전히 다 보이게 해줍니다 */
    display: block;
}




#sit_cad_thumb {
    display: flex !important;
    justify-content: center;
    gap: 8px;
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}
#sit_cad_thumb img {
    width: 50px; height: 50px;
    border: 1px solid #ddd;
    display: block;
}
#sit_cad_thumb li:hover img { border: 2px solid #000; }

/* 3번 설명서 이미지 배치 */
#sit_rel_desc_wrap { width: 100%; margin-top: 30px; }
.descript_image ul {
    margin: 0; padding: 0; list-style: none;
    display: flex; gap: 5px;
}
.descript_image li {
    width: 168px;
    height: 100px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.descript_image li img { width: 100%; height: 100%; display: block; }

/* 기타 이미지 그룹 데스크탑 정렬 선언 */
#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; }

.dwimage ul { display: flex; gap: 8px; padding: 0; list-style: none; }
.dwimage li { width: 168px; height: 168px; border: 1px solid #ddd; box-sizing: border-box; }
.dwimage li img { width: 100%; height: 100%; display: block; }

.iesimage ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.iesimage li { width: 218px; height: 109px; box-sizing: border-box; margin-bottom: 10px; }
.iesimage li img { width: 100%; height: 100%; display: block;border:1px solid #ddd }

/* RIGHT - 우측 스펙시트 설명 정보 영역 오리지널 535px 완전 고정 */
#sit_ov {
    flex-shrink: 0;
    width: 500px;
    max-width: 500px;
    background: #fff;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#sit_ov h2 { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden; }
#sit_ov h3 { font-size: 1.2em; line-height: 20px; padding: 10px 0; text-align: left; font-weight: 700; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px; }

/* 타이틀 및 텍스트 */
#sit_title { margin-bottom: 20px; }
#sit_title .strong { position: relative; font-size: 1.4em; line-height: 3em; font-family: "Noto Sans KR", sans-serif; font-weight: 400; text-align: left; color: #000; letter-spacing: -0.5px; }
#sit_title .strong_title { font-size: 18px; font-weight: 400; color: #000; letter-spacing: -0.5px; display: block; margin-bottom: 6px; }
#sit_title_s { display: block; position: relative; font-size: 14px; line-height: 1.6em; font-weight: 700; text-align: left; color: #ccc; }
#sit_desc { padding: 0 0 20px; color: #000; line-height: 1.5em; text-align: left; font-size: 1em; }

/* 스펙 및 규격 아이콘 행 */
#sit_icon_spec_zone { width: 100%; }
.icon-spec-flex-container { display: flex; flex-wrap: wrap; gap: 12px 1px; }
.icon-spec-item { display: flex; flex-direction: column; align-items: center; min-width: 35px; }
.icon-title-zone img { height: 32px; width: auto; display: block; }
.icon-text-zone { font-size: 0.6em;  color: #000; margin-top: 4px; }

/* 설명문 타이틀 */
.description_title { display: block; font-size: 13px; font-weight: 400; color: #000; margin: 20px 0 6px 0; text-align: left; }
.inf_extend { font-size: 12px; line-height: 1.7; color: #444; margin-bottom: 12px; }
.sit_meta_dimensions { margin-top: 15px; font-size: 13px; color: #555; line-height: 1.5; }
.sit_meta_dimensions span { display: block; }

/* DOWNLOAD / SPEC 테이블 규격 */
.in_t { border-collapse: collapse; width: 100%; margin-top: 10px; }
.in_t th { background: #e9e9e9; border: 1px solid #ccc; color: #000; font-weight: bold; width: 25%; height: 35px; text-align: center; font-size: 12px !important; }
.in_t td { width: 20%; text-align: center; border: 1px solid #ddd; font-size: 12px; color: #000; height: 45px; }

/* 쇼핑몰 가동 데이터 테이블 상단 정보 영역 */
.sit_ov_tbl { padding: 10px 0 20px; margin-top: 10px; color: #000; font-size: 14px; }
.sit_ov_tbl table { border-collapse: collapse; width: 100%; border: 0; }
.sit_ov_tbl th { font-weight: normal; padding: 5px 0; }
.sit_ov_tbl td { padding: 5px 15px; }
.sit_ov_tbl tr:first-child td, .sit_ov_tbl tr:first-child th { border: none; }
.sit_ov_ro { padding: 2px 2px 3px; border: 0; background: transparent; text-align: right; vertical-align: middle; }
.sit_ov_opt { padding: 2px 2px 3px; border: 0; background: transparent; vertical-align: middle; }
.sit_ov_input { height: 1.8em; border: 1px solid #b8c9c2; background: transparent; vertical-align: middle; }
.sit_ov_tbl button { margin: 0; }

/* 옵션 관리 모듈 */
.sit_option { padding: 20px 0; border-top: 1px solid #e6e6e6; font-size: 0.85em; }
.sit_option label { display: block; margin: 0 0 5px; }
.sit_option select { width: 100%; height: 45px; border: 1px solid #e6e6e6; margin: 0 0 10px; padding: 0 10px; }
#sit_opt_info { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden; }
.sit_icon { display: block; margin: 0; }
.sit_icon img { margin: 0 1px 0 0; vertical-align: top; }

.sit_op_sl { width: 100%; border-collapse: collapse; border: 1px solid #e9e9e9; }
.sit_op_sl th { font-weight: normal; text-align: left; padding: 0 0 0 10px; }
.sit_op_sl td { text-align: left; padding: 9px 10px 9px 0; }
.sit_sel_btn { position: relative; top: -15px; right: -2px; }
.sit_sel_btn button { width: 100%; }

/* 장바구니/구매 버튼 계열 */
#sit_ov_soldout { margin: 20px 0; color: #ff3061; font-weight: bold; text-align: center; }
#sit_ov_btn { padding: 0 0 10px; text-align: center; font-size: 0.85em; }
#sit_ov_btn:after { display: block; visibility: hidden; clear: both; content: ""; }
#sit_ov_btn a { display: inline-block; padding: 0; vertical-align: middle; text-decoration: none; line-height: 45px; height: 45px; border: 1px solid #ddd; color: #3d3e3e; font-weight: bold; background: #fff; width: 100%; margin-bottom: 10px; }
#sit_ov_btn a:hover { color: #3e976c; border-color: #3e976c; }
#sit_ov_btn button { height: 45px; line-height: 45px; vertical-align: middle; font-weight: bold; }
#sit_btn_buy { background: #3d3e3e; border: 0; color: #fff; width: 100%; margin: 0 0 10px; }
#sit_btn_buy:hover { background: #111; color: #fff !important; border: 0; }
#sit_btn_cart { background: #fff; border: 1px solid #ddd; color: #3d3e3e; width: 100%; margin-bottom: 10px; }
#sit_btn_cart:hover { color: #3e976c; border-color: #3e976c; }
#sit_sel_option { padding: 0; font-size: 0.85em; margin: 15px; }
#sit_tot_price { text-align: right; padding: 10px 0; }
#sit_tot_price span { float: left; }
#sit_tot_price strong { font-weight: bold; font-size: 1.2em; color: #000; }

/* 별점 및 공통 공유 */
#sit_star { color: #b8afa2; font-size: 0.95em; padding: 0 10px; line-height: 2.2em; }
#sit_star span { display: inline-block; margin: 0 5px 0 0; color: #666; letter-spacing: 0; }
#sit_star .sit_star { position: relative; top: -2px; margin: 0 5px 0 0; }
#sit_star a { display: inline-block; vertical-align: middle; }
#sit_star button { margin: 0; padding: 0; border: 0; }
#sit_star_sns { margin-bottom: 10px; }
#sit_star_sns a { display: inline-block; vertical-align: middle; }
.sns_share { position: absolute; top: 0; right: 30px; }
.kakao { vertical-align: middle; }
.modify { vertical-align: middle; letter-spacing: -1px; font-size: 12px; }
#sit_sns { text-align: center; padding: 10px 0 20px; }
#sit_sns img { width: 20px; height: auto; }

/* 하단 내비게이션 앵커 */
#sit_siblings:after { display: block; visibility: hidden; clear: both; content: ""; }
#sit_siblings h2 { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden; }
#sit_siblings a { display: inline-block; padding: 0; line-height: 45px; color: #8e8e96; text-indent: -999px; overflow: hidden; }
#sit_siblings #siblings_prev { background: url('./img/btn-prev.png') no-repeat 50% 50% #ececec; width: 50%; float: left; }
#sit_siblings #siblings_next { background: url('./img/btn-next.png') no-repeat 50% 50% #ececec; width: 50%; float: right; }

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

/* [BOTTOM] 와이드 패널 하단 배치 */
#sit_bottom_box { width: 100%; clear: both; margin-top: 35px; padding: 15px 0; box-sizing: border-box; }
.bottom_content_innr { width: 900px; max-width: 900px; margin: 0 auto; box-sizing: border-box; }


/* ==========================================================================
   [3] 완벽한 미디어쿼리 (오직 970px 이하 모바일 디바이스에서만 발동)
   ========================================================================== */
@media (max-width: 970px) {
    /* 1. 부모 레이아웃 100% 가변형 확장 및 가로 배치를 세로 정렬화 */
    .sit_ov_innr {
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 1px !important;
        gap: 30px !important;
        margin: 10px auto 0 !important;
    }
    
    #sit_ov_bottom, .bottom_content_innr {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }
    
    /* 2. 고정 픽셀 속성 전면 무력화 */
    #sit_pvi, #sit_ov, #sit_side_box_500, #sit_rel_cad_wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }
    
    #sit_ov { padding: 10px !important; }

    /* 3. 이미지 대형 마스터 박스를 모바일 해상도 비율 100% 스케일링 */
    #sit_pvi_big, #sit_cad_big {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important; /* 가로폭 변동에 맞춰 완벽한 정사각형 유지 */
    }

    /* 4. 가로 규격을 넘어 깨지던 이미지 타일 목록을 모바일용 격자 비율로 유연하게 보정 */
    .dwimage ul, .iesimage ul, .descript_image ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    
    .dwimage li { width: calc(50% - 4px) !important; height: auto !important; }
    ./* 기존 코드를 지우고 아래 2개 블록을 넣어주세요 */
    /* 모바일 미디어쿼리 내부의 .iesimage 관련 코드를 아래로 교체하세요 */
  /* 모바일 미디어쿼리 내부에 적용 */
    .iesimage ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .iesimage li { 
        width: calc(50% - 4px) !important; 
        height: auto !important;             /* 높이 자동화 강제 */
        aspect-ratio: auto !important;       /* 정사각형 비율 강제 속성 해제 */
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .iesimage li img { 
        width: 100% !important; 
        height: auto !important;             /* 이미지 높이도 철저히 자동화 */
        border:1px solid #ddd;
        display: block !important;
        object-fit: fill !important;        /* 채우기 방식으로 비율 복원 유도 */
    }
    .descript_image li { width: calc(50% - 4px) !important; height: auto !important; }
    
    /* 5. 데이터 테이블 모바일 텍스트 찌그러짐 방지 자율 줄바꿈 */
    .in_t th, .in_t td { font-size: 11px !important; padding: 6px 2px !important; height: auto !important; }
}

@media (max-width: 768px) {
    #qrcode-canvas { display: none !important; }
}

@media (max-width: 1280px) and (min-width: 971px) {
    /* 모바일 진입 직전 어중간한 태블릿 모니터 레이아웃 팅김 방지 보완 */
    .sit_ov_innr { flex-wrap: wrap; }
    #sit_side_box_500 { width: 100%; max-width: 100%; margin-top: 20px; }
}
/* 상품 상세보기 - 상품정보 */
.sit_con h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.close_btn {margin:30px 10px 10px}
#sit_inf {background:#fff;padding:20px}
#sit_inf h3 {margin-top:10px}

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

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

/* 상품 상세보기 - 사용후기 */
.tit_no {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_use_ol {margin:0 0 5px;padding:0;list-style:none}
.sit_use_li {position:relative;border-bottom:1px solid #e9e9e9;background:#fff}
.sit_use_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_li_title {display:block;margin:0;padding:0 10px;line-height:45px;width:100%;border:0;background:transparent;text-align:left;padding-right:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sit_use_li_title b {font-weight:normal;margin-right:2px}
.sit_use_dl {margin:0;padding:0 10px;position:absolute;top:0;right:0;line-height:45px;font-size:0.92em}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_use_dl dd {float:left;margin:0 10px 0 0;color:#888}
.sit_use_dl dd img {width:80px;height:auto}
.sit_use_con {display:none;border-top:1px solid #eee;padding:15px}
.sit_use_p {margin:0 0 10px}
.sit_use_cmd {text-align:right}
.sit_use_cmd a.btn01 {padding:5px}
#sit_use_wbtn {margin:10px 0;text-align:right}
#sit_use_wbtn a {vertical-align:middle;font-size:0.85em}
#sit_use_write {}
#sit_use_write #is_subject {width:100%}
#sit_use_write ul {margin:5px 0 0}
#sit_use_write li {margin:0 0 5px}
#sit_use_write li label {display:inline-block;width:80px}
#sit_use_write_star {margin:0;padding:0;list-style:none}

/* 상품 상세보기 - 상품문의 */
#sit_qa_ol {margin:0 0 5px;padding:0;list-style:none}
.sit_qa_li {position:relative;border:1px solid #e9e9e9;background:#fff;margin-top:-1px}
.sit_qa_li_title {display:block;margin:0;padding:0 10px;line-height:45px;width:100%;border:0;background:transparent;text-align:left;padding-right:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sit_qa_li_title b {font-weight:normal;margin-right:2px}
.sit_qa_dl {margin:0;padding:0 10px;position:absolute;top:0;right:0;line-height:45px;font-size:0.92em}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_qa_dl dd {float:left;margin:0 10px 0 0;color:#888}
.sit_qa_dl dd.sit_qaa_yet, .sit_qa_dl dd.sit_qaa_done {display:inline-block;width:100px;text-align:center;font-weight:bold;margin:0}
.sit_qa_dl dd.sit_qaa_done {color:#ef7878}
.sit_qa_con {display:none;padding:15px;border-top:1px solid #eee}
.sit_qa_p {background:#fff;line-height:1.8em}
.sit_qa_p strong {display:inline-block;margin:0 0 10px}
.sit_qa_qaq {margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #eee}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sqa_section {font-size:0.85em;margin-left:80px;display:block}
.sqa_section h2 {font-size:1em;font-weight:bold;margin:5px 0}
.sqa_section .sqa_con {background:#f3f3f3;line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn {margin:5px 0 0}
.sqa_con_btn button {border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:5px 0;background:#fff}

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

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

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

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

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

#sit_sms_new .tbl_frm01 th {width:100px}

/* 상품검색 */
#ssch_frm {margin:10px auto;max-width:1390px;font-size:0.85em}
#ssch_frm h2 {color:#888;line-height:30px;border:1px solid #e3e5e8;border-bottom:0;padding:10px 15px}
#ssch_frm h2 span {font-size:1.333em;color:#000}
#ssch_frm h2 strong {color:#3e976c}
#ssch_frm form {border:1px solid #e3e5e8}
#ssch_frm .ssch_scharea {min-height:50px;padding:10px 15px;text-align:center}
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm .ssch_scharea label {display:inline-block;margin:0 8px 0 0}
#ssch_frm .ssch_left {clear:both;position:relative;display:inline-block;margin-top:10px}
#ssch_frm .ssch_left .ssch_input {max-width:250px}
#ssch_frm .ssch_right {float:right}
#ssch_frm .ssch_input {height:40px;border:1px solid #e3e5e8;padding:0 10px}
#ssch_frm .btn_submit {width:50px;height:40px}
#ssch_frm p {padding:15px;background:#f5f5f5;color:#737373}



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

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

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

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

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





/* 롤오버를 위한 컨테이너 설정 */
.sct_img_wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
}

/* 2번 이미지는 처음에 투명하게 겹쳐둠 */
.sub_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.main_img {
    transition: opacity 0.3s ease-in-out;
}

/* 마우스 올렸을 때 이미지 교체 */
.sct_img:hover .main_img {
    opacity: 0;
}
.sct_img:hover .sub_img {
    opacity: 1;
}

/* 이미지 지글거림 및 떨림 방지 */
.sct_img img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

/* ==========================================
   🔍 추가된 타공사이즈 검색바 디자인 (모바일 최적화)
   ========================================== */
#sct_holesearch {
    clear:both;
    width: 98.7%;
    margin: 0 auto 20px auto;
    padding: 12px 15px;
	border-top:1px solid #ddd;
    box-sizing: border-box;
	text-align:center
}
.holesearch_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.search_lbl {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
}
.search_inputs {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-start;
    gap: 6px;
}
.inline_input {
    width: 70px !important;
    height: 34px !important;
    padding: 0 5px !important;
    text-align: center;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    font-size: 13px;
}
.unit_txt {
    font-size: 13px;
    color: #666;
    white-space: nowrap;
}
.holesearch_btn {
    height: 34px !important;
    padding: 0 15px !important;
    background: #333 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 3px !important;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
.holesearch_btn:hover {
    background: #000 !important;
}

/* 모바일 화면일 때 검색바 한 줄 정렬 */
@media (max-width: 890px) {
    #sct_holesearch {
	    clear:both;
	    display:block;
        width: 96% !important;
        margin: 10px auto 5px auto !important;
        padding: 10px 0;
		 font-size: 13px;
    }
    .holesearch_inner {
	width: 96% !important;
        flex-wrap: nowrap; /* 모바일에서도 찌그러지지 않고 한 줄 유지 */
        gap: 5px;
    }
    .search_lbl {
        font-size: 12px;
    }
    .search_inputs {
        flex-grow: 1;
        justify-content: center;
    }
	#sct_holesearch .frm_input {
	     width: 55px !important; /* 모바일 기기 폭 대응 축소 */
        height: 28px !important;
		padding:5px;
		}
    .holesearch_btn {
        height: 32px !important;
        padding: 0 10px !important;
    }
}




.wishlist_main { border-bottom:1px solid #ddd;width:48.5%;display:inline-block;margin-right:10px}

@media (max-width: 970px) {
.wishlist_main { border-bottom:1px solid #ddd;width:100%;margin-right:10px}
}