@charset "utf-8";

/**************************************************

	style.css

**************************************************/

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

/* 이벤트 링크 */
#sev{margin:20px 0;text-align:center}
#sev h2 {text-align:center;font-size:1.5em;margin:0 0 20px 0;display:inline-block;padding:0 0 7px;border-bottom:2px solid #000;line-height:1em}
#sev ul:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_li{float:left;margin-left:17px;}
#sev .ev_li:first-child{margin-left:0}
#sev .ev_prd{border:1px solid #ddd;text-align:center;padding:20px 0;}
#sev .ev_prd li{display:inline-block;text-align:left;width:110px;margin:0 8px;vertical-align: top;}
#sev .ev_prd .ev_prd_tit{display:block;color:#666}
#sev .ev_prd .ev_prd_img{margin:0 0 5px;display:block}
#sev .ev_prd .ev_prd_price{font-weight:bold;display:block}

/* 커뮤니티 링크 */
#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 {border:1px solid #cdcdcd;position:relative;margin-bottom:20px}
#main_bn .slide-wrap{display:none}
#main_bn .slide-wrap img{max-width:100%;height:auto}
#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}
#main_bn #bx_pager {border-top:1px solid #cdcdcd}
#main_bn #bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn #bx_pager li{float:left;border-left:1px solid #cdcdcd;width:20%;text-align:center;line-height:35px}
#main_bn #bx_pager li:first-child{border-left:0}
#main_bn #bx_pager li a{display:block}
#main_bn #bx_pager li a.active{background:#56d2ca;color:#fff}

/*서브배너*/
#sbn_side {width:150px;}
.sb_bn { display:none}
.sb_bn img{width:100%;height:auto;}
#sbn_side h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_side .bx-controls{position:absolute;bottom:0;right:0}
#sbn_side .bx-prev{display:block;float:left;background:url(img/btn_sb_prev.png) no-repeat 50% 50% #fff;width:15px;height:15px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#sbn_side .bx-next{display:block;margin-left:-1px;float:left;background:url(img/btn_sb_next.png) no-repeat 50% 50% #fff;width:15px;height:15px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}

/*장바구니*/
#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;zoom:1}
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {text-align:center;font-size:1.5em;margin:0 0 10px 0;display:inline-block;padding:0 0 7px;border-bottom:2px solid #000;line-height:1em}
.sct_wrap h2 a {text-decoration:none}

#sct {clear:both}

.sct {clear:both;margin:0;padding:0;list-style:none;zoom:1}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center}
.sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
.shop_icon{display:inline-block;color:#fff;background:#a8aab1;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px; }
.shop_icon_4{background:#ff7575;}
.shop_icon_soldout{display:inline-block;color:#ff0000;font-style:italic;font-weight:bold;margin:2px}
.shop_icon_coupon{background:#59d495}

/* 재생/정지/이전/다음 버튼 */
.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 */
.sct_10 .sct_li {position:relative;float:left;margin:0 15px 15px 0;}
.sct_10 .sct_last {margin:0 0 15px !important}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_img{position:relative}
.sct_10 .sct_img a{position: relative;display: block;}
.sct_10 .sct_img a:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.08);z-index: 2;}
.sct_10 .sct_sns{display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
.sct_10 li:hover .sct_sns{display:block}
.sct_10 .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_sns .share-facebook:hover{background:#415b92}
.sct_10 .sct_sns .share-twitter:hover{background:#35b3dc}
.sct_10 .sct_sns .share-googleplus:hover{background:#d5503a}
.sct_10 .sct_sns img{width:18px}
.sct_10 .sct_icon {margin-top: 10px;}
.sct_10 .sct_cost {margin-top: 10px;font-size: 16px;color: #333;font-weight: 300;font-family: roboto;}
.sct_10 .sct_cost .sct_discount{display: inline-block;vertical-align: middle;margin-left: 5px;font-weight: 200;color: #999;text-decoration: line-through;font-size: 13px;margin-top: -2px;font-family: roboto;}
.sct_10 .sct_txt{display:block;margin-top: 15px;font-size: 15px;}
.sct_10 .sct_txt a{color: #333;letter-spacing: -1px;}
.sct_10 .sit_icon{font-family: empty;font-size: 0;margin: -1px;margin-top: 15px;}
.sct_10 .sit_icon *{margin: 1px;line-height: 20px;padding: 0 5px;font-size: 12px;letter-spacing: -1px;border: 1px solid #ddd;display: inline-block;vertical-align: top;}
.sct_10 .sit_icon .ico1{border-color: #25b604;color: #25b604;}
.sct_10 .sit_icon .ico2{border-color: #e95d53;color: #e95d53;}
.sct_10 .sit_icon .ico3{border-color: #3c5999;color: #3c5999;}
.sct_10 .sit_icon .ico4{border-color: #439bd5;color: #439bd5;}
.sct_10 .sit_icon .ico5{border-color: #f1c53a;color: #b68c06;}
.sct_10 .sit_icon .ico6{border-color: #c20915;color: #c20915;}


/* 개인결제 목록 */
.sct_pv .sct_li {position:relative;float:left;margin:0 15px 15px 0}
.sct_pv .sct_last {margin:0 0 15px !important}
.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_img {margin:0 0 10px}
.sct_pv .sct_txt {margin:0 0 5px}
.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;margin:0 0 10px;font-weight:bold}
.sct_pv .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_sns {}

/* 메인 상품 목록 스킨 20 */
.smt_20 {position:relative;overflow-y:hidden}
.smt_20 .sct_ul {position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_20 .sct_ul_first {display:block;top:0}
.smt_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.smt_20 .sct_last {margin:0 0 15px !important}
.smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
.smt_20 .sct_img {margin:0 0 10px}
.smt_20 .sct_txt {margin:0 0 5px}
.smt_20 .sct_icon {margin:0 0 10px}
.smt_20 .sct_id {display:block;margin:0 0 5px}
.smt_20 .sct_basic {margin:0 0 10px}
.smt_20 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_20 .sct_sns {}

/* 메인 상품 목록 스킨 30 */
.smt_30 {position:relative;overflow-x:hidden}
.smt_30 .sct_ul {position:absolute;top:0;left:765px;margin:0;padding:0;width:765px;list-style:none;zoom:1}
.smt_30 .sct_ul:after {display:block;visibility:hidden;clear:both;content:""}
.smt_30 .sct_ul_first {display:block;left:0}
.smt_30 .sct_li {position:relative;float:left;margin-right:25px}
.smt_30 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_30 .sct_a:focus, .smt_30 .sct_a:hover {text-decoration:none}
.smt_30 .sct_img {margin:0 0 10px}
.smt_30 .sct_txt {margin:0 0 5px}
.smt_30 .sct_icon {margin:0 0 10px}
.smt_30 .sct_id {display:block;margin:0 0 5px}
.smt_30 .sct_basic {margin:0 0 10px}
.smt_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_30 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_30 .sct_sns {}

/* 메인 상품 목록 스킨 40 */
.smt_40 .sct_li {position:relative;margin:0 0 16px 0;border:1px solid #dadada;background:#fff;width:475px;float:left;text-align:left}
.smt_40 .sct_li:nth-child(2n+1){margin-right:15px}
.smt_40 .sct_a {text-decoration:none}
.smt_40 .sct_a:focus, .smt_40 .sct_a:hover {text-decoration:none}
.smt_40 .sct_img {position:absolute;top:0;left:0;height:100%}
.smt_40 .sct_img a{display:block}
.smt_40 .sct_sns{display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
.smt_40 .sct_img:hover .sct_sns{display:block}
.smt_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)}
.smt_40 .sct_sns .share-facebook:hover{background:#415b92}
.smt_40 .sct_sns .share-twitter:hover{background:#35b3dc}
.smt_40 .sct_sns .share-googleplus:hover{background:#d5503a}
.smt_40 .sct_sns img{width:18px}

.smt_40 .sct_icon {}
.smt_40 .sct_icon img {display:block;margin:0 0 4px}
.smt_40 .sct_txt {display:block;margin:5px 0;font-size:1.167em;font-weight:bold}
.smt_40 .sct_basic {color:#666;margin:5px 0}
.smt_40 .sct_cost {margin:10px 0;font-size:1.167em}
.smt_40 .sct_cost .sct_discount{display:block;color:#999;font-size:0.92em;text-decoration:line-through;}
.smt_40 .sct_rel {position:absolute;bottom:20px;right:20px}
.smt_40 .sct_rel_ul {margin:0;padding:0;list-style:none}
.smt_40 .sct_rel_li {float:left;margin:0 0 0 10px}
.smt_40 .sct_sns {padding:10px 0 0}
.smt_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:bold}

/* 메인 상품 목록 스킨 50 */
.smt_50 {position:relative}
.smt_50 li{margin-bottom:10px;position:relative;padding-left:60px;min-height:50px;}
.smt_50 .sct_img{width:50px;position:absolute;top:0;left:0;}
.smt_50 .sct_img img{width:100%;height:auto}
.smt_50 .sct_rank{position:absolute;top:0;left:0;background:#fb5861;display:block;width:20px;height:20px;line-height:20px;color:#fff;text-align:center;;z-index:10;font-weight:bold}
.smt_50 .sct_txt a{color:#555;display:block;margin:0 0 3px;line-height:1.4em}
.smt_50 .sct_cost{font-weight:bold}

.smt_50 .sct_li_1 {padding:0}
.smt_50 .sct_li_1 .sct_txt a{margin-top:5px}
.smt_50 .sct_li_1 .sct_img{width:100%;position:relative;}
.smt_50 .sct_li_1 .sct_rank{width:30px;height:30px;line-height:30px;}

/* 관련상품 목록 스킨 10 */
#sit_rel{border:1px solid #cdcdcd;padding:20px;margin:20px 0 40px;position:relative}
#sit_rel h2{font-size:18px;font-weight: normal;color: #000;margin:10px 0 20px;text-align:center}
#sit_rel .bx-wrapper{margin:0 auto}
#sit_rel .bx-prev{display:inline-block;position:absolute;top:50%;left:0;width:25px;height:50px;margin-top:-25px;border:1px solid #cdcdcd;border-left:0;text-indent:-999px;overflow:hidden;background:url('img/btn_prev.png') no-repeat 50% 50%;background-size:50%}
#sit_rel .bx-next{display:inline-block;position:absolute;top:50%;right:0;width:25px;height:50px;margin-top:-25px;border:1px solid #cdcdcd;border-right:0;text-indent:-999px;overflow:hidden;background:url('img/btn_next.png') no-repeat 50% 50%;background-size:50%}
.scr_10 li img{width:100%;height:auto}
.scr_10 .sct_txt{margin:5px 0}
.scr_10 .sct_cost{font-weight:bold}

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

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

/* 상품 목록 현재 위치 */
#sct_location {margin-bottom: 20px;}
#sct_location a {position: relative;font-size: 14px;color: #999;letter-spacing: -1px;font-weight: normal;padding: 0 15px;}
#sct_location a:before{content: '\f1b1';display: block;position: absolute;top: 50%;margin-top: -5px;left: -5px;font-size: 10px;color: #999;font-family: axicon;}
#sct_location a:first-child{padding-left: 0;}
#sct_location a:first-child:before{display: none;}
.sct_here {font-weight:300 !important;color: #000 !important;}

/* 상품 목록 카테고리 목록 */
.sct_ct {margin-bottom: 20px;}
.sct_ct h2 {display: none;}
.sct_ct ul{margin: 0;}
.sct_ct ul li{position: relative;display: inline-block;vertical-align: top;width: calc(16.66% + 1px);margin: 0 -1px -1px 0;}
.sct_ct ul li a{display: block;border: 1px solid #ccc;background: #f7f7f7;text-align: center;font-size: 14px;color: #999;letter-spacing: -1px;text-decoration: none;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sct_ct ul li a em{font-style: normal;display: inline-block;vertical-align: top;margin-left: 10px;font-weight: 600;color: #000;font-size: 12px;}
.sct_ct ul li.sct_ct_here{z-index: 2;}
.sct_ct ul li.sct_ct_here a {background: #fff;color: #333;font-weight: 300;border-color: #666;}

/* 상품 정렬 리스트 스타일 선택 공통 */
#sct_sortlst {border: 1px solid #ddd;height: 40px;zoom: 1;margin-bottom: 20px;box-shadow: 2px 2px 2px rgba(0,0,0,0.03);}
#sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 정렬 */
#sct_sort {zoom:1}
#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 ul {white-space: nowrap;}
#sct_sort li {display: inline-block;vertical-align: top;}
#sct_sort li a{display: block;border-right: 1px solid #eee;line-height: 38px;padding: 0 15px;font-size: 13px;color: #999;letter-spacing: -1px;text-decoration: none;}
#sct_sort li.total a strong{font-size: 15px;color: #333;font-weight: 600;margin-right: 2px;}

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


/* 상품 상세보기 */
.sit_admin {text-align:right}
.sit_admin a{line-height:35px;padding:0 10px}
.sit_empty {padding:60px 0;text-align:center}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:0;margin-bottom: 60px;zoom:1;position: relative;zoom: 1;}
#sit_ov_wrap > *{float: left;box-sizing: border-box;}
#sit_ov_wrap:after{display: block;content: '';clear: both;}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {position: relative;width:calc(55% - 50px);margin-right: 50px;z-index: 2;}
#sit_pvi .bigimgs li.item{position: relative;}
#sit_pvi .bigimgs li.item:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.1);}
#sit_pvi .bigimgs img{max-width: 100%;height: auto;width: auto;}
#sit_pvi .thumbnailsWrap{position: relative;padding: 0 40px;margin-top: 10px;}
#sit_pvi .thumbnailsWrap .slick-prev{position: absolute;top: 2px;left: 0;width: 34px;border: 1px solid #ddd;height: calc(100% - 4px);background: #fff;text-indent: -999em;}
#sit_pvi .thumbnailsWrap .slick-prev:after{position: absolute;top: 50%;margin-top: -9px;left: 0; width: 100%;font-size: 18px;color: #999;content: '\f104';font-family: axicon;text-indent: 0;}
#sit_pvi .thumbnailsWrap .slick-next{position: absolute;top: 2px;right: 0;width: 34px;border: 1px solid #ddd;height: calc(100% - 4px);background: #fff;text-indent: -999em;}
#sit_pvi .thumbnailsWrap .slick-next:after{position: absolute;top: 50%;margin-top: -9px;left: 0; width: 100%;font-size: 18px;color: #999;content: '\f105';font-family: axicon;text-indent: 0;}
#sit_pvi .thumbnails{margin: -2px;}
#sit_pvi .thumbnails .item{position: relative;margin: 2px;width: 100px;margin: 2px;display: inline-block;vertical-align: top;text-align: center;}
#sit_pvi .thumbnails .item:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;border: 1px solid rgba(0,0,0,0.1);}
#sit_pvi .thumbnails .item img{width: 100%;height: auto;}
#sit_pvi .thumbnails .item.slick-current:before{border-color: #333 !important;}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {width: 45%;position:relative;padding:0;border-top:3px solid #111;}
#sit_ov h3 {margin:0 0 10px;font-size: 14px;color: #000;}
#sit_ov .titWrap{position: relative;padding: 40px 0;border-bottom: 1px solid #ddd;}
#sit_ov .titWrap .top{position: relative;}
#sit_btn_wish {position: absolute;top:5px;right:0;}
#sit_btn_wish i{font-size: 26px;color: #111;}
#sit_title {font-size: 24px;font-weight: 300;color: #333;letter-spacing: -0.025em;}
#sit_price {display: block;margin-top: 10px;margin-bottom: 30px;}
#sit_price em{font-style: normal;font-size: 14px;color: #999;font-family: roboto;text-decoration: line-through;}
#sit_price strong{font-size: 30px;font-weight: 600;font-family: mon, noto;color: #111;line-height: 1.1em;}
#sit_price strong,
#sit_price span{display: inline-block;vertical-align: top;}
#sit_price span{line-height: 36px;font-size: 18px;font-weight: 300;color: #111;}
#sit_desc {font-size: 14px;letter-spacing: -1px;color: #999;margin-bottom: 15px;}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_ov .textBox{font-size: 15px;line-height: 30px;color: #999;}

#sit_star_sns {position: absolute;bottom: 20px;right: 0;font-size: 13px;}
#sit_star_sns .sit_star {position: relative;display: inline-block;vertical-align: middle;margin-right: 4px;width: auto;height: 15px;top: -2px;}

#sit_star_sns a {display:inline-block;vertical-align:middle}
#sit_star_sns .btn_sns_share{display: inline-block;vertical-align: middle;position: relative;background: none;border: none;margin-left: 5px;top: -2px;}
#sit_star_sns .sns_area{display:none;position:absolute;top:35px;right:-10px;background:#fff;border:1px solid #333;padding:10px;z-index:10;width: 200px;text-align: center;}
#sit_star_sns .sns_area:before{content: "";position: absolute;top: -8px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#sit_star_sns .sns_area:after{content: "";position: absolute;top: -7px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
#sit_star_sns .sns_area a{display:inline-block;width:35px;height:35px;line-height:35px;background:#eee;text-align:center;}
#sit_star_sns .sns_area a img{width:24px;height:auto;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
#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_info{border-bottom:1px solid #ddd;padding: 15px 0;}

.sit_ov_tbl {width:100%;border:0;border-collapse:collapse;color:#666}
.sit_ov_tbl tr > *{padding: 3px 0;}
.sit_ov_tbl th {font-weight: normal;color: #333;letter-spacing: -1px;font-size: 14px;text-align: left;}
.sit_ov_tbl td {font-size: 14px;color: #666;letter-spacing: -1px;}
.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 {border-bottom:1px solid #ddd;padding: 10px 0;}
.sit_option label{display:block;margin:0 0 5px;color:#666}
.sit_option select{width:100%;margin:0 0 10px;height:35px;border:1px solid #cdcdcd}
.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 h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sit_tot_price {padding: 30px 0;text-align: right;font-size: 30px;line-height: 1.1em;font-family: mon, noto;font-weight: 500;color: #111;}
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_price span{float:left;color: #333;font-size: 24px;font-weight: 300;font-family: noto;color: #111;}
#sit_tot_price .rig{float: right;}
#sit_tot_price .rig span{display: inline-block;vertical-align: bottom;font-size: 18px;line-height: 36px;font-weight: 300;}
#sit_tot_price .rig span.middlePriceQty{margin-left: 3px;}
#sit_tot_price strong{font-size: 26px;color:#333;font-family: roboto;}

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

#sit_ov_btn{margin: 0 -2px;margin-top: 20px;}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn > * {width:calc(50% - 4px);float:left;margin: 0 2px;height:65px;line-height: 63px;text-align: center;margin-bottom:10px;font-size:16px;text-decoration: none;letter-spacing: -1px;font-weight: 300;}
/* S:2024.11.22 수정 */
#sit_ov_btn > * {width:calc(33.333% - 5px);float:left;margin: 0 3px;height:65px;line-height: 63px;text-align: center;margin-bottom:10px;font-size:16px;text-decoration: none;letter-spacing: -1px;font-weight: 300;}
/* E:2024.11.22 수정 */
#sit_ov_btn > *:first-child{margin-left: 0;}
#sit_ov_btn > * i{margin-right: 5px;position: relative;display: inline-block;vertical-align: middle;top: -2px;}
#sit_btn_buy {background:#111;color:#fff;border:1px solid #111;transition: all 0.2s;}
#sit_btn_buy:hover{background: #fff;color: #111;}
#sit_btn_cart {background:#fff;color:#111;border:1px solid #111;transition: all 0.2s;}
#sit_btn_cart:hover{background: #fff;color: #111;}

#sit_btn_alm{background:#fff;color:#333;border:1px solid #ccc;}


/* S: 2024.11.22 추가 */
#sit_btn_pdf {background:#fff;color:#111;border:1px solid #111;transition: all 0.2s;}

#sit_btn_pdf i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/theme/wm-type1/img/pdf-down-icon.png');
}

#sit_btn_pdf:hover{background: #fff;color: #111;}


.bbs-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    padding: 15px;
    display: none;
    visibility: hidden;
    transition: all .3s ease-out;
}
  
  
.bbs-modal .modal-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 480px;
    width: 100%;
    min-height: calc(100% - 160px);
    max-height: calc(100% - 160px);
    margin: 0 auto;
}

.bbs-modal .modal-inner {
    position: relative;
    max-height: none;
    height: 100%;
    width: 100%;
}

.bbs-modal .modal-content {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.bbs-modal .modal-content .close {
    position: absolute;
    top: -30px;
    right: 0;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    z-index: 10;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.bbs-modal .modal-content .close::after, 
.bbs-modal .modal-content .close::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    background-color: #f3f3f3;
}

.bbs-modal .modal-content .close::after {
    width: 100%;
    height: 1px;
}

.bbs-modal .modal-content .close::before {
    width: 1px;
    height: 100%;
}

.bbs-modal .modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.bbs-modal.open {
    display: flex;
    align-items: center;
    visibility: visible;
}

.estimate-modal .con-area {
    padding: 31px 30px 40px;
    background-color: #fff;
}

.estimate-modal .con-area .title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.025em;
    color: #131010;
}

.estimate-modal .con-area .title p {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.estimate-modal .con-area .tab {
    display: flex;
    align-items: end;
    margin-top: 3px;
    margin-bottom: 20px;
}

.estimate-modal .con-area .tab .button-tab-item {
    display: block;
    width: 33.33%;
    text-align: center;
    padding: 10px 5px;
    font-size: 18px;
    letter-spacing: -0.025em;
    color: #a6a6a6;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #e6e6e6;
}

.estimate-modal .con-area .tab .button-tab-item.on {
    font-weight: 700;
    color: #131010;
    border-color: #131010;
}

.estimate-modal .con-area .tab-con  {
    display: none;
}

.estimate-modal .con-area .tab-con.on  {
    display: block;
}

.estimate-modal .con-area .form-table {
    margin-bottom: 20px;
}

.estimate-modal .con-area .form-table:last-of-type {
    margin-bottom: 0;
}

.estimate-modal .con-area .form-table .form-txt {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #131010;
}

.estimate-modal .con-area .form-table .row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.estimate-modal .con-area .form-table .row:last-of-type {
    margin-bottom: 0;
}

.estimate-modal .con-area .form-table .row .th {
    width: 70px;
    font-size: 16px;
    color: #131010;
}

.estimate-modal .con-area .form-table .row .th span {
    color: #cf0000;
}

.estimate-modal .con-area .form-table .row .td {
    width: calc(100% - 70px);
}

.estimate-modal .con-area .form-table .row .td input {
    width: 100%;
    height: 40px;
    border: 1px solid #c9c9c9;
    padding: 0 10px;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #666;
}

.estimate-modal .con-area .form-table label {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 5px;
}

.estimate-modal .con-area .form-table label input[type='checkbox'],
.estimate-modal .con-area .form-table label input[type='radio'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.estimate-modal .con-area .form-table label i {
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/theme/wm-type1/img/modal-radio-check.png');
}

.estimate-modal .con-area .form-table .agree-area label i {
    background-image: url('/theme/wm-type1/img/modal-check.png');
}

.estimate-modal .con-area .form-table label p {
    font-size: 16px;
    color: #131010;
}

.estimate-modal .con-area .form-table label input[type='checkbox']:checked ~ i {
    background-image: url('/theme/wm-type1/img/modal-checked.png');
}

.estimate-modal .con-area .form-table label input[type='radio']:checked ~ i {
    background-image: url('/theme/wm-type1/img/modal-radio-checked.png');
}

.estimate-modal .agree-txt {
    width: 100%;
    height: 110px;
    overflow: auto;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #c9c9c9;
}

.estimate-modal .agree-txt p {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    letter-spacing: -0.025em;
}

.estimate-modal .button.button-estimate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    background-color: #131010;
    border: none;
    color: #fff;
    font-size: 16px;
    letter-spacing: -0.025em;
}
/* E: 2024.11.22 추가 */

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {margin:0;text-align:center;position:relative;display: none;}
#sit_siblings:after {display:block;visibility:hidden;clear:both;content:""}
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_siblings a {display:inline-block;padding:0 12px;line-height:45px;font-size: 20px;}
#sit_siblings a#siblings_prev {position:absolute;top:0;left:0}
#sit_siblings a#siblings_next {position:absolute;top:0;right:0}
#sit_siblings a:hover{color:#be334a}
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

/* 상품 재입고 알림 (SMS) */

#sit_sms_new {}
#sit_sms_new #sms_agree {text-align:right ;}
#sit_sms_new  textarea{line-height:1.5em;color:#555}
#sit_sms_new .prd_name{background:#f3f3f3;padding:15px 20px;font-weight:bold;font-size:1.167em}

/* 상품 상세보기 - 상품정보 */
#sit_inf {margin: 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:0 0 20px;line-height:1.7em}
#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 {padding: 10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left;font-size: 12px;font-weight: normal;}
#sit_inf_open td {padding: 10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top;font-size: 12px;}

/* 상품 상세보기 - 사용후기 */
#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{background:#f8f7f7;position:relative;border:1px solid #dad8d8;margin:20px 0 15px;padding:20px 40px;;line-height:45px;min-height:90px;vertical-align:middle}
.sit_use_top h4{display:inline-block;font-size:14px;margin-right:15px}
.sit_use_top img{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: auto;height: 15px;}

.sit_use_top .st_bg{background:#666}
#sit_use_wbtn {position:absolute;top:20px;right:30px}
#sit_use_wbtn a{padding:0 10px;line-height:30px;font-size:14px;}

#sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #e0e0e0;list-style:none}
.sit_use_li {position:relative;padding:10px;padding-left:150px;min-height:100px;border-bottom:1px solid #e0e0e0;}
.sit_use_li_title {border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:10px 0;background:#fff}
.sit_use_tit{font-size:14px;color: #000;}

.sit_use_dl {margin:0;position:absolute;top:10px;left:10px;zoom:1}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt{position:absolute;font-size:0;line-height:0;content:""}
.sit_use_dl dd{color:#7f7f7f;line-height:1.5em}
.sit_use_dl .sit_use_star {margin:0 0 8px}

.sit_use_con {display:none;}
.sit_use_p {margin:0 0 10px}
.sit_use_cmd {text-align:right}
.sit_use_cmd a{height:30px;line-height:28px}

.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:100px}

/* 상품 상세보기 - 상품문의 */
#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_ol {margin:0 0 5px;padding:0;border-top:1px solid #e0e0e0;list-style:none}
.sit_qa_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_li {position:relative;border-bottom:1px solid #e0e0e0;padding:15px 10px }
.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}

.sit_qa_dl {color:#7f7f7f;margin:0;float:left;width:20%;text-align:right;line-height:25px;zoom:1}
.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:#ff9000;color:#fff;height:25px;line-height:25px;display:inline-block;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal}
.sit_qaa_yet {background:#fff;border:1px solid #ff9000;color:#ff9000;height:25px;line-height:23px;display:inline-block;margin-right:10px;font-size:12px;padding:0 8px;font-weight:normal}

.sit_qa_con {display:none;clear:both;margin:20px 0 0}
.sit_qa_p {margin:10px 0 ;background:#f3f3f3;line-height:1.5em}
.sit_qa_p .qa_alp{position:absolute;top:15px;left:25px;font-size:2em;color:#bbb}
.sit_qa_qaa{padding:20px;padding-left:70px;position:relative;min-height:100px;border-top:1px solid #ddd;}
.sit_qa_qaq {padding:20px;padding-left:70px;position:relative;min-height:100px}
.sit_qa_con textarea {display:none}
.sit_qa_cmd {text-align:right}
.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 {text-align:right;margin:0 0 20px}
#sit_qa_wbtn a{padding:0 10px;line-height:30px;font-size:14px;}

#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:""}

/* 검색폼 공통 */
#tot-search{position: relative;margin-bottom: 20px;height: 40px;}
#tot-search .total{font-size: 14px;color: #333333;line-height: 40px;}
#tot-search .total strong{color: #000;}
#tot-search .tit{font-size: 16px;letter-spacing: -1px;color: #333;font-weight: bold;line-height: 40px;}
#tot-search .tit i{margin-right: 5px;}
#tot-search fieldset{position: absolute;top: 0;right: 0;font-family: empty;font-size: 0;}
#tot-search fieldset.no-abs{position: static;text-align: center;padding: 10px 0;}
#tot-search fieldset > *{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;box-sizing: border-box;}
#tot-search legend{display: none;}
#tot-search .inp{position: relative;border: 1px solid #ccc;padding-right: 40px;margin-left: 5px;}
#tot-search .inp .keyword{width: 100%;border: none;background: none;height: 38px;font-size: 14px;padding-left: 15px;}
#tot-search .inp .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;border: none;text-indent: -999em;background: none;}
#tot-search .inp .sbm:after{content: '\e036';display: block;position: absolute;top: 0;left: 0;width: 100%;line-height: 40px;border: none;font-family: axicon;font-size: 16px;text-indent: 0;text-align: center;z-index: 2;}


/* 사용후기 모음 */
#sps{border-top: 1px solid #666;}
#sps ol{margin: 0;padding: 0;list-style-type: none;}
#sps ol li{position: relative;padding: 25px 10px;border-bottom: 1px solid #ddd;zoom: 1;min-height: 150px;padding-left: 10px;}
/*#sps ol li{position: relative;padding: 25px 10px;border-bottom: 1px solid #ddd;zoom: 1;min-height: 150px;padding-left: 140px;}*/
#sps ol li:after{display: block;content: '';clear: both;}

#sps .sps_img {position: absolute;top: 25px;left: 10px;}
#sps .sps_img span {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sps .reviewbox{margin-top: 15px;}
#sps .reviewbox p{font-size: 14px;color: #666;letter-spacing: -1px;}
#sps .replybox{margin-top: 15px;}
#sps .replybox p{font-size: 14px;color: #666;letter-spacing: -1px;}

#sps .sps_reply{margin-top:20px;padding: 20px;border-top: 1px solid #eee;background: #f7f7f7;}

#sps dl {margin-top: 10px;font-family: empty;font-size: 0;}
#sps dl > dd{display: inline-block;vertical-align: top;padding: 0 12px;position: relative;font-size: 13px;letter-spacing: -1px;color: #999;}
#sps dl > dd:before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;background: #ddd;margin-top: -6px;}
#sps dl > dd:first-child{padding-left: 0;}
#sps dl > dd:first-child:before{display: none;}
#sps dd img {width: auto;height: 13px;position: relative;top: -2px;}

#sps .sps_section {position: relative;padding-top: 7px;}
#sps .sps_section h2{font-size: 18px;font-weight: 300;color: #333;letter-spacing: -1px;}
#sps .sps_con_btn button {border: none;background: none;margin-top: 15px;font-size: 14px;color: #999;letter-spacing: -1px;}
#sps .sps_con_btn button i{margin-left: 5px;}


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

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

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

#sqa dl {margin:5px 0 10px;zoom:1}
#sqa dl:after {display:block;visibility:hidden;clear:both;content:""}
#sqa dt {float:left}
#sqa dd {float:left;margin:0 10px 0 0 ;color:#999}

#sqa dd img {position:relative;top:-2px}
.sqa_con {margin:10px 0 ;background:#f3f3f3;line-height:1.5em}
.sqa_con .qa_alp{position:absolute;top:15px;left:25px;font-size:2em;color:#bbb}

.sqa_section {float:left;width:835px}
.sqa_section h2{font-size: 14px;color: #000;font-weight: normal;margin-bottom: 10px;}
.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}

/* 상품검색 */
#ssch_frm {margin:20px 0;border:1px solid #d7d7d7;zoom:1}
#ssch_frm h2{border-bottom:1px solid #d7d7d7;color:#888;font-size:1.25em;height:50px;line-height:30px;padding:10px 15px;font-weight: normal;font-size: 14px;}
#ssch_frm h2 span{font-size:14px;color:#000}
#ssch_frm h2 strong{color:#000}
#ssch_frm .ssch_scharea{border-bottom:1px solid #d7d7d7;height:50px;padding:10px 15px}
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm .ssch_scharea label{display:inline-block;margin:0 8px 0 0}
#ssch_frm .ssch_left{float:left}
#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;}
#ssch_frm p{padding:15px; background:#f5f5f5;color:#737373}

#ssch_cate{margin:10px 0 }
#ssch_cate ul {zoom:1}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;width:20%;border:1px solid #d7d7d7;margin-left:-1px;margin-top:-1px;padding: 0;}
#ssch_cate a {display:block;padding:0 10px;line-height:40px;font-size: 14px;border: none;padding: 0;margin: 0;}
#ssch_cate a:hover{background: none;color: #000;}

/*쿠폰존 리스트*/
.couponzone_list{}
.couponzone_list h2{border-bottom: 1px solid #666;padding-bottom: 15px;margin-bottom: 20px;font-size: 20px;color: #333;letter-spacing: -1px;font-weight: 300;}
.couponzone_list p{display: block;margin-top: 5px;font-size: 13px;letter-spacing: -1px;color: #999;margin-bottom: 20px;}
.couponzone_list ul{margin: -10px;}
.couponzone_list ul li{display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 10px;border: 1px solid #ddd;}
.couponzone_list ul li img{width:100%;height:auto}
.couponzone_list ul li .infoWrap{padding: 20px;}
.couponzone_list ul li .coupon_img{background-position: center center;background-size: cover;padding-bottom: 60%;}
.couponzone_list ul li .coupon_tit{font-size: 20px;color: #333;font-weight: 300;margin-bottom: 10px;}
.couponzone_list ul li .coupon_date{font-size: 13px;color: #999;}
.couponzone_list ul li .coupon_target{font-size: 13px;color: #999;}
.couponzone_list ul li .coupon_target a{color: #333;font-weight: 300;letter-spacing: -1px;}
.couponzone_list ul li .coupon_point{margin: 20px 0 0 0;font-size: 12px;letter-spacing: -1px;font-weight: 300;color: #000;display: block;text-align: center;margin-bottom: -5px;}
.couponzone_list ul li .coupon_btn{margin:10px 0 0;text-align:center}
.couponzone_list ul li .coupon_btn .btn02{border: 1px solid #ccc;background: #fff;font-size: 14px;color: #333;letter-spacing: -1px;line-height: 40px;text-decoration: none;display: block;width: 100%;}
.couponzone_list ul li .coupon_btn .disabled {background: #f7f7f7;color: #999;border-color: #eee;}
.couponzone_list .no_coupon{position:relative;padding: 100px 0;text-align:center;color:#999}
.couponzone_list.point_coupon{margin-top: 50px;}


/**************************************************

	respond.css

**************************************************/
@media screen and (max-width: 1200px){

    /* 상품 정렬 */
    #sct_sort{padding: 15px 0;white-space: nowrap;}
    #sct_sort li {height:35px;padding:5px 0;line-height:15px;height: 20px;}
    #sct_sort li a{padding:0 5px;font-size: 11px;letter-spacing: -1px;}

    /* 상품 목록 카테고리 목록 */
    .sct_ct {margin:0;}
    .sct_ct ul li {width:auto; min-width:33.33%; max-width:50%; margin-bottom:3px;}
    .sct_ct ul li a {height:28px;font-size: 11px; box-sizing:border-box; padding:0 10px; letter-spacing: -1px;}
    .sct_ct ul li a span {font-size:12px;letter-spacing: -1px;}

    /* 상품 정렬 리스트 스타일 선택 공통 */
    #sct_sortlst {margin:10px 0;}

    /* 상품 목록 현재 위치 */
    #sct_location a {padding:5px 5px;}
    .sct_here {font-size: 11px;}
    .sct_bg {padding-right:10px !important;font-size: 11px;}

    /* 상품 목록 스킨 10 */
    .sct_10{margin: -1%;}
    .sct_10 .sct_li {margin:0 1% 10px 1%;width: 48% !important;}
    .sct_10 .sct_last {margin:0 !important}
    .sct_10 .sct_img img{width: 100%;height: auto;}
    .sct_10 .sct_sns{display: block;position: relative;bottom: auto;margin-top: 5px;}
    .sct_10 .sct_sns a{width: 30px;height: 30px;padding: 0;line-height: 30px;}
    .sct_10 .sct_sns img{width:15px}
    .sct_10 .sct_cost {font-size: 12px;}
    .sct_10 .sct_txt{font-size: 14px;}
    .sct_10 .sct_basic{font-size: 12px;}

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

    /* 상품 상세보기 - 개요 */
    #sit_ov_wrap {margin:0;zoom:1;position: relative;min-height: 0;margin-bottom: 10px;}
    #sit_ov_wrap:after{display: block;content: '';clear: both;}
	#sit_pvi .bigimgs img{width: 100%;height: auto;}

    /* 상품 상세보기 - 이미지 미리보기 */
    #sit_pvi {position: relative;width:100%;margin: 0;}
	#sit_pvi .slick-slide{outline: none;}

	#sit_ov .titWrap{padding: 10px 0 25px;}
	#sit_ov .textBox{font-size: 13px;line-height: 24px;}
	#sit_title{font-size: 20px;}
	#sit_price{margin-bottom: 20px;}
	#sit_price strong{font-size: 26px;}
	#sit_price span{line-height: 30px;}

    /* 상품 상세보기 - 간략정보 및 구매기능 */
    #sit_ov {padding:20px 0 0 0;height:auto;min-height:0;width: 100%;margin-top: 30px;}
    #sit_ov h3 {font-size: 14px;}

    #sit_title h2 {font-size: 18px;}
    #sit_desc {font-size: 12px;line-height: 18px;}

    #sit_ov_btn{margin-top: 15px;}
    #sit_ov_btn > * {font-size:14px;letter-spacing: -0.06em;}

    /* 목록 바로가기 */
    .sanchor {margin:20px 0 10px;}
    .sanchor li a{height:40px;font-size: 12px;line-height: 40px;}
    .sanchor li a .item_qa_count,.sanchor li a .item_use_count{line-height:15px;border-radius:15px;min-width:15px;font-size:10px}

    #sit_use_wbtn {position:relative;top:auto;right:auto;text-align: center;}
    #sit_use_wbtn a{font-size:12px;}

    #sit_qa_wbtn {position:relative;top:auto;right:auto;text-align: center;}
    #sit_qa_wbtn a{font-size:12px;}

    /* 로그인 */
    #mb_login {padding: 10px;}
    #mb_login #login_fs .frm_input{height: 30px;}
    #mb_login #login_fs .btn_submit {height: 30px;}
    #mb_login #login_info{padding:10px;}

    /* 기본박스 */
    .mbskin{margin:60px auto 0;width:auto;}

    .tbl_head03 thead th {font-size:11px;}
    .tbl_head03 tbody th {font-size: 11px;}
    .tbl_head03 td {padding:10px 5px;font-size: 11px;}
    .tbl_head03 .total_price{font-size: 11px;}

    /*장바구니 주문서 공통*/
    .sod_left{width:100%;display: block;}
    .sod_right{width: 100%;display: block;}

    /*장바구니 주문서 공통*/
    .od_prd_list .td_prd{padding-left:0;min-height:0}
    .od_prd_list .td_prd .sod_img{position:static;}
    .od_prd_list .td_prd .sod_name{min-height:0}
    .od_prd_list .td_prd .sod_name b{font-size: 12px;}
    .od_prd_list .td_prd .prd_name{font-size:12px;}
    .od_prd_list .total_prc{font-size: 12px;}
    .sod_opt ul li{font-size: 12px;}

    #sod_frm section h2{font-size: 14px;}

    /* 폼 테이블 */
    .tbl_frm01 {margin:0 0 10px}
    .tbl_frm01 th {width:90px;font-size: 12px;letter-spacing: -1px;}
    .tbl_frm01 th label{font-size: 12px;letter-spacing: -1px;}
    .tbl_frm01 td {padding:5px;}
    .frm_input {height:40px;}

    .full_input,.frm_address{width:100%}
    .half_input{width:49.5%}
    .tbl_frm01 textarea {width:100%;height:100px}
    .tbl_frm01 a {text-decoration:none}
    .tbl_frm01 .frm_address {margin-top:5px}
    .tbl_frm01 .frm_file {display:block;margin-bottom:5px}
    .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

    #sns_register .sns-wrap{text-align: center !important;}
    #sns_register .sns-wrap a{float: none;}

    #fregister .fregister_agree {position:static;padding:15px;}

    #smb_my_ov {margin:0 0 20px;}
    #smb_my_ov h2 {position:relative;}
    #smb_my_ov .my_ov_name{line-height:40px;padding:0 10px;font-size:12px;}
    #smb_my_act {position:relative;top:auto;right:auto;padding: 10px;}
    #smb_my_ov .cou_pt{padding: 10px 0;position:relative;top:auto ;right:auto;}
    #smb_my_ov .cou_pt dt{width:25%;line-height:30px;}
    #smb_my_ov .cou_pt dd{width:25%;text-align:right;padding:0 20px 0 0  ;line-height:30px;}
    #smb_my_ov .op_area{border-top:1px solid #ddd;padding: 15px;}
    #smb_my_ov .op_area dt{width:50%;}
    #smb_my_ov .op_area dd{width:50%;}


    .status_01{white-space: nowrap;letter-spacing: -1px;}
    .status_02{white-space: nowrap;letter-spacing: -1px;}
    .status_03{white-space: nowrap;letter-spacing: -1px;}
    .status_04{white-space: nowrap;letter-spacing: -1px;}
    .status_05{white-space: nowrap;letter-spacing: -1px;}
    .status_06{white-space: nowrap;letter-spacing: -1px;}

    /*기본리스트*/
    .list_02 li{width:48%;margin:1%;}
    .list_02 li .smb_my_img img{width: 100%;height: auto;}
    .list_02 li .sod_ws_img{width: auto;}
    .list_02 li .sod_ws_img img{width: 100%;height: auto;}
    .list_02 li:nth-child(4n+1){clear:both;margin-left:0}
    .list_02 .empty_table{width: 100%;}

    #sod_ws li .info_date{font-size: 11px;letter-spacing: -1px;}

    #faq_sch .sch_tit{font-size:14px;margin-right: 0;margin-bottom: 10px;display: block;}

    /* 상품검색 */
    #ssch_frm {margin:20px 0;}
    #ssch_frm h2{height:50px;}
    #ssch_frm h2 span{font-size:12px;color:#000}
    #ssch_frm .ssch_left{float:none;}
    #ssch_frm .ssch_right{float:none;}
    #ssch_frm p{padding:15px; background:#f5f5f5;color:#737373}
    #ssch_frm .ssch_scharea{height:auto;}
    #ssch_frm input[type=text]{margin-bottom: 5px;vertical-align: middle;}

    #ssch_cate li {float:left;width:25%;}
    #ssch_cate a {line-height:40px;font-size: 12px;letter-spacing: -1px;height: 40px;}
    #ssch_cate a:hover{background: none;color: #000;}

    #ssch_sort{margin-top: 10px;text-align: center;white-space: nowrap;}
    #ssch_sort li {height:35px;padding:5px 0;background: none;}
    #ssch_sort li a{font-size: 11px;letter-spacing: -1px;padding: 0 5px;background: none;}
    
    
    /* 2024.11.25 추가 */
    #sit_btn_pdf i {
        width: 10px;
        height: 10px;
        margin-right: 3px;
    }
    
    #sit_ov_btn > * {
        width: calc(33.333% - 4px);
        float: left;
        margin: 0 2px;
    }
    
    
    /* 견적서 모달 */
    .bbs-modal .modal-content .close {
        top: -20px;
        /* width: 20px; */
        /* height: 20px; */
    }
    
    .estimate-modal .con-area {
        padding: 15px 15px 20px;
    }
    
    .estimate-modal .con-area .title {
        font-size: 22px;
    }
    
    .estimate-modal .con-area .tab {
        margin-top: 0;
        margin-bottom: 15px;
    }
    
    .estimate-modal .con-area .tab .button-tab-item {
        padding: 8px 3px;
        font-size: 16px;
    }
    
    .estimate-modal .con-area .form-table {
        margin-bottom: 15px;
    }
    
    .estimate-modal .con-area .form-table:last-of-type {
        margin-bottom: 0;
    }
    
    .estimate-modal .con-area .form-table .form-txt {
        margin-bottom: 8px;
        font-size: 13px;
    }
    
    .estimate-modal .con-area .form-table .row {
        margin-bottom: 8px;
    }
    
    .estimate-modal .con-area .form-table .row:last-of-type {
        margin-bottom: 0;
    }
    
    .estimate-modal .con-area .form-table .row .th {
        width: 55px;
        font-size: 13px;
    }
    
    .estimate-modal .con-area .form-table .row .td {
        width: calc(100% - 55px);
    }
    
    .estimate-modal .con-area .form-table .row .td input {
        height: 30px;
        padding: 0 8px;
        font-size: 13px;
    }
    
    .estimate-modal .con-area .form-table label {
        margin-bottom: 5px;
    }
    
    .estimate-modal .con-area .form-table label i {
        width: 12px;
        height: 12px;
        margin-right: 8px;
    }
    
    .estimate-modal .con-area .form-table label p {
        font-size: 14px;
    }
    
    .estimate-modal .agree-txt {
        height: 90px;
        padding: 8px;
        margin-bottom: 15px;
    }
    
    .estimate-modal .agree-txt p {
        font-size: 12px;
    }
    
    .estimate-modal .button.button-estimate {
        height: 30px;
        font-size: 13px;
    }
    /* 2024.11.25 추가 */
    
}

@media all and (max-width: 750px){
	.sps_img{float: none;margin: 0 auto 15px;text-align: center;}
	.sps_section{float: none;width: auto;}
	.sps_section h2{text-align: center;}
	#sps dl{text-align: center;}
	#sps dl + div{text-align: center;}
	#sps dd{float: none;display: inline-block;vertical-align: middle;}
	.sps_con_btn{text-align: center;}
	#sps_sch .sch_input{width: 120px;}
	.couponzone_list p{position: static;margin-top: 10px;}

	.sct_pv .sct_li{width: 50% !important;float: none;display: inline-block;vertical-align: top;margin: 0;padding: 10px 5px;box-sizing:border-box;}

	#sit_ov_btn > *{font-size: 13px; height: 45px;line-height: 43px;}

	#tot-search fieldset .where{width: 100px;}
    
    
    /* 2024.11.25 */
    /* 견적서 모달 */
    .bbs-modal .modal-content .close {
        top: -20px;
        width: 18px;
        height: 18px;
    }
    
    .estimate-modal .con-area {
        padding: 15px;
    }
    
    .estimate-modal .con-area .title {
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .estimate-modal .con-area .tab {
        margin-bottom: 12px;
    }
    
    .estimate-modal .con-area .tab .button-tab-item {
        padding: 7px 3px;
        font-size: 14px;
    }
    
    .estimate-modal .con-area .form-table {
        margin-bottom: 12px;
    }
    
    .estimate-modal .con-area .form-table:last-of-type {
        margin-bottom: 0;
    }
    
    .estimate-modal .con-area .form-table .form-txt {
        margin-bottom: 8px;
        font-size: 11px;
    }
    
    .estimate-modal .con-area .form-table .row {
        margin-bottom: 8px;
    }
    
    .estimate-modal .con-area .form-table .row:last-of-type {
        margin-bottom: 0;
    }
    
    .estimate-modal .con-area .form-table .row .th {
        width: 50px;
        font-size: 12px;
    }
    
    .estimate-modal .con-area .form-table .row .td {
        width: calc(100% - 50px);
    }
    
    .estimate-modal .con-area .form-table .row .td input {
        height: 30px;
        padding: 0 6px;
        font-size: 12px;
    }
    
    .estimate-modal .con-area .form-table label {
        margin-bottom: 8px;
    }
    
    .estimate-modal .con-area .form-table label i {
        width: 12px;
        height: 12px;
        margin-right: 6px;
    }
    
    .estimate-modal .con-area .form-table label p {
        font-size: 12px;
    }
    
    .estimate-modal .agree-txt {
        height: 70px;
        padding: 6px;
        margin-bottom: 15px;
    }
    
    .estimate-modal .agree-txt p {
        font-size: 11px;
    }
    
    .estimate-modal .button.button-estimate {
        height: 35px;
        font-size: 12px;
    }
}