@charset "utf-8";

#mVisual{ width:100%;}
#mVisual .mv {margin-inline:15px; border-radius: 20px; height: 580px; }
#mVisual .mv .mv-txt{display: flex; padding-left: 120px; flex-direction: column; justify-content: center; height: 100%; }


#mVisual .mv.mv1{background:#574035 url('../../../../img/main/mv1.png') right center / auto 100% no-repeat;}
#mVisual .mv.mv2{background:#5b4c33 url('../../../../img/main/mv2_2.png') right center / auto 100% no-repeat;}
#mVisual .mv.mv3{background:#9c876b url('../../../../img/main/mv3.png') right center / auto 100% no-repeat;}


#mVisual .mv .t1 {font-size:1.77em; color:#FFF;  font-family: 'Cafe24Danjeonghae';}
#mVisual .mv .t1 .point {position:relative; color:#f08300;}
#mVisual .mv .t1 .point:before {content:''; width:6px; height:6px; background:#f08300; border-radius:5px;
											position:absolute; left:50%; top:-15px;  transform:translateX(-50%)}
#mVisual .mv h3 {margin:0.4em 0 0.8em; color:#f08300;  font-size:4.44em;  font-family: 'Cafe24Danjeonghae'; font-weight:normal}
#mVisual .mv .t2 {font-size:1.11em; color:#FFF; line-height:1.6em}

#mVisual .mv.mv2 .t1 .point { color:#edb97c}
#mVisual .mv.mv2 .t1 .point:before {background:#edb97c;}
#mVisual .mv.mv2 h3 { color:#edb97c}

#mVisual .mv.mv3 .t1 .point { color:#4d2c05}
#mVisual .mv.mv3 .t1 .point:before {background:#4d2c05;}
#mVisual .mv.mv3 h3 { color:#4d2c05}

#mVisual .slick-dots {position:absolute; left:50%; bottom:0; transform:translateX(-50%)}
#mVisual .slick-dots li {margin:3px}
#mVisual .slick-dots li button { width: 12px; height: 12px; border-radius: 10px;  border:1px solid #FFF;
										background-color:transparent; opacity:1}
#mVisual .slick-dots .slick-active button{background:#FFF}

@media all and (max-width:1600px){
	#mVisual .mv {height: 36vw; }
}
@media all and (max-width:1400px){
	#mVisual .mv {margin-inline:10px; }
	#mVisual .mv .mv-txt {padding-left: 5%;}
	#mVisual .mv .t1 {font-size:1.55em;}
	#mVisual .mv h3 {font-size:3.88em;}
	#mVisual .mv .t2 {font-size:1em; }
}
@media all and (max-width:1280px){
	#mVisual .mv {height: 40vw; }
}
@media all and (max-width:1024px){
	#mVisual .mv {height: 45vw; }
	#mVisual .mv {background-position:130% top !important}
}
@media all and (max-width:976px){
	#mVisual .mv {margin-inline:20px;} 
}
@media all and (max-width:768px){
	#mVisual .mv {height:107vw; background-position:center bottom !important; background-size:auto 60% !important}
	#mVisual .mv .mv-txt{ padding-left:0; padding:8vw 3vw; display:block; text-align:center}
	#mVisual .mv.mv1 {background-image:url('../../../../img/main/mv1-mo.png') }
	#mVisual .mv.mv2 {background-image:url('../../../../img/main/mv2-mo_2.png') }
	#mVisual .mv.mv3 {background-image:url('../../../../img/main/mv3-mo.png') }
}
@media all and (max-width:580px){
	#mVisual .mv {height:130vw;}
}
@media all and (max-width:480px){
	#mVisual .mv .t1 {font-size:1.3em;}
	#mVisual .mv .t1 .point:before {width:4px; height:4px; }
	#mVisual .mv h3 {font-size:2.9em; margin:0.3em 0 0.5em;}
	#mVisual .mv .t2 {font-size:0.9em; }
}





#mTitle {margin-bottom:45px}
#mTitle .eng {margin-bottom:4em; font-size:0.88em;  font-weight:700; font-family: 'NexonLv1Gothic';
				letter-spacing:0.05em; opacity:.5; color:#423126}
#mTitle h3 {font-size: 2.77em; color:#423126; font-weight:400;   font-family: 'NexonLv1Gothic';
				line-height:1.4em;  word-break: keep-all;}
#mTitle h3 br.br768 {display:none}
#mTitle .t1 { color:#423126; opacity:.5; line-height:1.6em; margin-top:1em }

@media (max-width:1400px){
	#mTitle .eng {margin-bottom:3em; }
	#mTitle h3 {font-size: 2.45em; }
}
@media (max-width:768px){
	#mTitle h3 br.br768 {display:block}
}
@media (max-width:480px){
	#mTitle .eng {margin-bottom:2em; }
	#mTitle h3 {font-size: 2.2em; }
	#mTitle .t1 {font-size:0.9em}
}	





#mBest { position:relative; overflow:hidden }
#mBest:after {content:''; width:960px; height:810px; position:absolute; right:0; top:0; z-index:-1;
					background: url('../../../../img/main/mbest-bg.png') right top / 100% auto no-repeat }
#mBest #mTitle {position:relative}
#mBest #mTitle .t1 br.br630 {display:none}
#mBest #mTitle .mArrow {position:absolute; right:0; bottom:0; display:flex; gap: 0 5px}
#mBest #mTitle .mArrow > div {border-radius:50%; width:60px; height:60px; background:#FFF;
									cursor:pointer}
@media (max-width:1024px){
	#mBest:after { width:50% }
}
@media (max-width:768px){
	#mBest #mTitle .mArrow > div {width:40px; height:40px; }
}	
@media (max-width:630px){
	#mBest:after { width:110% }
	#mBest #mTitle {padding-bottom:50px; text-align:center}
	#mBest #mTitle .t1 br.br630 {display:block}
	#mBest #mTitle .mArrow {left:50%; right:unset; transform:translateX(-50%)}
}	




#mAbout {background: url('../../../../img/main/mabout-bg.png') left top  / cover no-repeat; position:relative; overflow:hidden}
#mAbout:before {content:'SODAM FOOD'; width:700px; font-size:10em; color:#FFF; position:absolute; right:-10px; top:10%;
					font-family:'Poppins'; font-weight:700; text-align:right; line-height:0.9em; opacity:.3 }
#mAbout:after {content:''; width:690px; height:700px; position:absolute; left:50%; top:50%; transform:translate(-55%, -45%);
					background: url('../../../../img/main/mabout-main.png') center center / 100% auto no-repeat }
#mAbout .inner {display:flex; justify-content:space-between; align-items: end;}

#mAbout #mTitle {margin-bottom:0; position:relative; z-index:3}
#mAbout .imgWrap {margin-top:70px; display:flex; gap:10px}
#mAbout .imgWrap li {width:181px; box-shadow:0 0 10px rgba(0,0,0,0.03)}
#mAbout .imgWrap li img {width:100%}
#mAbout .imgWrap.mo {display:none}

#mAbout .cont {width:450px; position:relative; z-index:3}
#mAbout .cont dl dt {font-size:1.55em; font-weight:700; color:#423126}
#mAbout .cont dl dt br.1280 {display:none}
#mAbout .cont dl dd {margin:1.5em 0 2.5em; color:#423126; line-height:1.8em}

@media (max-width:1600px){
	#mAbout:after { transform:translate(-50%, -45%);}
	#mAbout .cont {width:380px;}
	#mAbout .cont dl dd br {display:none}
}
@media (max-width:1400px){
	#mAbout:after { width:600px;}
	#mAbout .imgWrap li {width:150px;}
}
@media (max-width:1280px){
	#mAbout:after { width:500px;}
	#mAbout .imgWrap {margin-top:50px; }
	#mAbout .cont {width:300px; }
	#mAbout .cont dl dt br.1280 {display:block}
	#mAbout .cont dl dd {line-height:1.6em}
}
@media (max-width:1024px){
	#mAbout {padding-bottom:560px }
	#mAbout:after {width:540px;  position:absolute; left:50%; top:unset; bottom:0; transform:translate(-50%, 0);
					background: url('../../../../img/main/mabout-main.png') center bottom / 100%  auto no-repeat }
	#mAbout:before {display:none}
	#mAbout .inner {flex-wrap:wrap}
	#mAbout #mTitle {width:100%; text-align:center; }
	#mAbout .imgWrap {justify-content:center }
	#mAbout .cont {margin-top:50px;  width:100%; text-align:Center}
	#mAbout .cont dl dt br {display:none}
	#mAbout .cont dl dd {width:100%; max-width:580px; margin:1em auto 2em}
	#mAbout #mBtn {justify-content:center }
}
@media (max-width:768px){
	#mAbout {padding-bottom:460px }
	#mAbout:after {width:440px; }
}
@media (max-width:480px){
	#mAbout {padding-bottom:90vw }
	#mAbout:after {width:80vw; }
	#mAbout .imgWrap li {width:40vw}
}





#mBtn {display:flex; align-items: center; color:#423126}
#mBtn .plus {width:44px; height:44px; text-align:center; border-radius:50%; background:#423126;
				overflow:hidden}
#mBtn .t1 {padding-left:1em; font-weight:600; }
#mBtn:hover .plus {background:#f08300 }

@media (max-width:768px){
	#mBtn .plus {width:30px; height:30px;}
}
@media (max-width:480px){
	#mBtn .plus {width:8vw; height:8vw;}
}



#mHit {background: url('../../../../img/main/mhit-bg.png') right bottom  / 100% auto no-repeat;}
#mHit .idx_c {display:flex; justify-content:space-between; }
#mHit #mTitle {width:570px}
#mHit .sct_wrap {width:880px }

@media (max-width:1600px){
	#mHit .sct_wrap {width:770px}
}
@media (max-width:1400px){
	#mHit #mTitle {width:calc(100% - 700px); padding-right:3% }
	#mHit .sct_wrap {width:700px }
}
@media (max-width:1280px){
	#mHit {background-size:cover}
}
@media (max-width:1024px){
	#mHit .idx_c  {flex-wrap:wrap}
	#mHit #mTitle {width:100%; text-align:center }
	#mHit .sct_wrap {width:100%}
}




#mRecom  {background: url('../../../../img/main/mrecom-bg.png') center top  / 100% auto no-repeat;}







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

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

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

#main_bn .slick-dots {position:absolute;bottom:0;left:0;width:100%;margin:0}

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

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

@media (max-width: 1600px){
	#sbn_side .sb_bn {gap:10px}
	#sbn_side .sb_bn li {width:calc((100% - 10px *1)/2)}
	#sbn_side .sb_bn li .sb_wr{height:16vw;}
}
@media (max-width: 976px){
    #sbn_side .sb_bn {gap:10px 0; flex-wrap:wrap}
	#sbn_side .sb_bn li {width:100%; border-radius:10px;}
	#sbn_side .sb_bn li .sb_wr{height:32vw;}
}

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

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

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

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

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

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


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

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


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

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


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

@media (max-width:1400px){
	.list_10{padding:0 3%}
}
@media (max-width:1024px){
    .sct_10 .sct_li {width:33.3333% !important; padding:10px;;margin-bottom:30px;}
    .sct_10 .sct_discount{display:none}
	.sct_10 .sct_txt a { font-size:1.0em; }
	.sct_10 .txt_wr{margin-top:5px}
}
@media (max-width:699px){
    .sct_10 .sct_li {width:50% !important;padding:10px}
    .sct_10 .sct_discount{display:none}
}
@media (max-width:480px){
    .sct_10 .sct_li {margin-bottom:0;}
}
/* 상품 목록 스킨 20 */

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

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




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

.smt_20{text-align:left;margin: 0 auto;display:flex; gap:20px; max-width:880px}
.smt_20 li {width:calc((100% - 20px *1)/2); padding:40px; backdrop-filter: blur(40px); border-radius:20px;
			background:rgba(0,0,0,0.1)}
.smt_20  .li_wr {padding:0 !important; min-height:auto !important;}
.smt_20 .sct_img{position:relative;margin-bottom:10px; border-radius:10px; overflow:hidden}
.smt_20 .btn_wish{position:absolute;bottom:0;right:0;width:50px;height:50px;color:#c1c4c6;border:0;
					background:none;font-size:18px}
.smt_20 .btn_wish:hover{color:#ff0000}
.smt_20 .sct_cost{;font-weight:700;}
.smt_20 .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
.smt_20 .sct_star{width:65px;display:inline-block;margin:10px 0}
.smt_20 .sct_txt {display:block;  padding-bottom:10px; margin:20px 0;line-height:1.3em; 
					border-bottom:1px solid rgba(255,255,255,0.1)}	
.smt_20 .sct_txt_wr a { font-size:1.1em; color:#FFF }
.smt_20 .sct_cost{ font-size:1.1em; color:#FFF; font-weight:700;}

@media (max-width:1600px){
    .smt_20 {gap:10px}
	.smt_20 li {width:calc((100% - 10px *1)/2); padding:30px;}
}
@media (max-width:1024px){
	.smt_20 {max-width:820px}
	.smt_20 .sct_txt_wr a { font-size:1.0em; }
}
@media (max-width:969px){
    .smt_20 .sct_discount{display:none}
		.smt_20 li {padding:10px; padding-bottom:20px} 
}






 /* 메인 상품 목록 스킨 30 */
#idx_best {background:#f8f9fa;;padding:60px 0;}
/* 상품 목록 스킨 10 */
.list_prd{margin:0 auto;max-width:1200px;padding:10px}
.sct_30 {width:1975px}
.sct_30 .li_wr {margin-right:30px}
.sct_30 .sct_li .li_wr{position:relative;}
.sct_30 .sct_img{position:relative;overflow:hidden; border-radius:10px; box-shadow:5px 5px 10px rgba(120,88,41,0.05)}
.sct_30 .sct_img img{width:100%;height:auto; }
.sct_30 .sct_id{margin:5px  0;font-size:0.92em;color:#666 }
.sct_30 .txt_wr{margin-top:30px}
.sct_30 .sct_txt{display:block; padding-bottom:10px; margin:10px 0;line-height:1.3em; border-bottom:1px solid #eadbd3}
.sct_30 .sct_txt a { font-size:1.1em; color:#423126 }
.sct_30 .sct_cost{ font-size:1.1em; color:#423126; font-weight:700;}
.sct_30 .sct_discount{font-size:0.8em; text-decoration:line-through;color:#aaa;font-weight:300;margin-right:4px}
.sct_30 .sct_star{position:absolute;bottom:0;right:0;width:65px;}
.sct_30 .sct_icon {position:absolute;top:0;left:0px; display:none}
.li_more{text-align:center}     /* BEST 아이콘 */
.sct_30 .sct_icon .shop_icon_5 {}   /* 할인 아이콘 */
.sct_30 .sct_basic{margin:10px 0;color:#999;padding-top:10px;border-top:1px dotted #eee;font-weight:300;font-size:0.92em}
.sct_30 .sct_li:hover .btn_cart {
transition: all .3s .1s; 
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}


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

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


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


@media (max-width:1024px){
	.sct_30 {width:1185px}
	.sct_30 .li_wr {margin-right:20px}
	.sct_30 .txt_wr{margin-top:5px}
	.sct_30 .sct_txt a { font-size:1.0em; }
}
@media (max-width:768px){
	.sct_30 {width:890px}
}
@media (max-width:680px){
	.sct_30 {width:100%}
	.sct_30 .li_wr {margin: 0 7px}
}




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

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

#best_item .sct_cost{margin-top:10px;font-weight:700;}
#best_item .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
#best_item .sct_rank {position:absolute;top:0; left:10px; padding:10px;text-align:center;
							background:rgba(99,65,24,1); border-bottom-left-radius:10px; border-bottom-right-radius:10px }
#best_item .sct_rank .num {font-weight:800;display:block;line-height:20px;color:#ffa02d }
#best_item .sct_rank .text{display:block;font-weight:400;font-size:0.78em;line-height:15px; color:#FFF;
								font-family:'Poppins'}
#best_item .bx-controls{padding:20px 0}
#best_item .bx-pager-item{display:inline-block;margin:2px;}
#best_item .bx-pager-item a{display:block;border:0;border:1px solid #FFF; text-indent:-999px;overflow:hidden;
								width:10px;height:10px; border-radius:10px;}
#best_item .bx-pager-item .active{background:#FFF}

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

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

/* 상품 목록 현재 위치 */
#sct_location {border:1px solid #e9e9e9;background:#f2f5f9;letter-spacing:-4px}
#sct_location a {display:inline-block;padding:5px 10px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:13px !important;background:url('img/sct_bg_toright.gif') right 8px no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct {text-align:center;margin:0 auto;max-width:1400px;padding:0 20px }
.sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sct_ct ul {/* list-style:none; */ display:flex; flex-wrap:wrap; gap:5px 10px; justify-content:center; }
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct ul li {float:left;text-align:left;;}
.sct_ct ul li:hover{border-color:#f05858;position:relative}
.sct_ct ul li:hover a{color:#000}
.sct_ct a {text-decoration:none;display:block;color: #929292;;position:relative;padding:0 10px;position:relative;line-height:40px;
-webkit-transition:  all .2s ease-in-out;
-moz-transition: all .2s ease-in-out ;
transition: all .2s ease-in-out}
.sct_ct .prd_cnt{display:inline-block;line-height:20px;padding:0 5px;border-radius:10px;font-weight:100}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}


@media (max-width: 1400px){
	.sct_ct {width:90%}
}

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

@media (max-width: 1400px){
	#sct_sortlst {width:90%}
}



#sct_sort {float:left}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sct_sort button{background:#fff;border:1px solid #ebe2d7;padding:0 10px;height:36px;margin-right:5px;color:#999;}
#sct_sort button:hover{background:#f3f3f3;color:#000}
#sct_sort ul {display:none;position:absolute;z-index:99  ;
-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2); 
-moz-box-shadow:0 3px 5px rgba(0,0,0,0.2);
box-shadow:0 3px 5px rgba(0,0,0,0.2);}

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


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

/* 상품 상세보기 */
#sit {}
.sit_admin {margin:10px 10px 0;text-align:right}
.sit_empty {padding:30px 0;text-align:center}
#sit .sit_icon_wr {margin:20px 0}
#sit .sct_icon br{display:none}
#sit .sct_icon .icon {margin:0 2px 2px 0}
/* 상품상세 */
#info_content {padding:0 10px 30px;zoom:1}
#info_content:after {display:block;visibility:hidden;clear:both;content:""}
#info_content h3 {margin:0 0 10px}
.if_tit{text-align:center;margin-top:10px;padding:10px;background:#f5f5f5;border:1px solid #e9e9e9;}
.win_desc_if{border:1px solid #e9e9e9;padding:10px;border-top:none;}
.win_desc{margin-top:10px}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:20px auto 20px;max-width:1200px;padding: 20px}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

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

#sit_pvi_big{position:relative}
#sit_pvi_big img{width:100%;height:auto; background:#FFF}
#sit_pvi .bx-prev {position:absolute;top:50%;left:20px;margin-top:-20px;background:url('img/btn_prev.png') no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.5;z-index:2}
#sit_pvi .bx-next {position:absolute;top:50%;right:20px;margin-top:-20px;background:url('img/btn_next.png') no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.5;z-index:2}
#sit_pvi .bx-controls-direction a:hover{opacity:1}

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

#sit_pvi_nw h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;padding:0 10px;list-style:none;zoom:1}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {float:left;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

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

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

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

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

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

.sit_icon {display:block;margin: 0 0;}
.sit_icon img {margin:0 1px 0 0;vertical-align:top;vertical-align:top;margin:0 1px}

#sit_star {color:#b8afa2;font-size:0.95em;padding:0 10px;line-height:2.2em}
#sit_star span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
#sit_star a {display:inline-block;vertical-align:middle}
#sit_star button {margin:0;padding:0;border:0}

.sit_ov_tbl {padding:10px 0;border-top:1px solid #ede6dc;border-bottom:1px solid #ede6dc}
.sit_ov_tbl button{background:none;text-align:left;color:#888;height:27px;font-size:0.92em;width:100%;position:relative;border:0}
.sit_ov_tbl button i{position:absolute;top:0;right:5px;font-size:14px;line-height:27px}
.sit_ov_tbl table{border-collapse:collapse;width:100%;margin: 0 0;border:0;}
.sit_ov_tbl th {font-weight:normal;text-align:left;padding: 5px  0;width:90px;color:#999}
.sit_ov_tbl td {padding: 8px 0}
.sit_ov_tbl tr:first-child td,.sit_ov_tbl tr:first-child th{border:none}
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
.sit_ov_input {height:1.8em;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
.sit_ov_tbl button {margin:0}

.sit_op_sl{width:100%;border-collapse:collapse;border:1px solid #e9e9e9;}
.sit_op_sl th{font-weight:normal;text-align:left;padding:0 0 0 10px;}
.sit_op_sl td{text-align:left;padding:9px 10px 9px 0}

.sit_sel_btn {position:relative;top:-15px;right:-2px} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {width:100%}

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

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

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

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

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

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

.get_item_options span {width:100%; display:inline-block}
.get_item_options span select {width:100%}

.get_item_supply span {width:100%; display:inline-block}
.get_item_supply span select {width:100%}

@media (max-width: 639px){
    #sit_buy_op{display:block;position:fixed;bottom:0px;left:0;z-index:97;width:100%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);}
    #sit_buy_op #buy_op_btn{width:100%;border:0;padding:0 10px;height:50px;font-weight:bold;color:#fff;font-size:1.154em}

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

    .buy_wr{background:#fff;border-top:1px solid #aaa;padding: 20px;max-height:200px;text-align:left;overflow-y:auto}
}
@media (min-width: 640px){
    #sit_buy{display:block !important}
}
/* 상품 상세보기 - 상품정보 */
#sit_inf_basic {margin:0 0 20px}
#sit_inf_explan {margin:0 0 10px;line-height:1.5em}
#sit_inf_explan img {max-width:100%;height:auto}
#sit_inf_open {margin:0;padding:0;list-style:none}
#sit_inf_open li {margin:0 0 1px;padding:8px 0;background:#fff;border:1px solid #f2f2f2;border-top:none;color:#727272}
#sit_inf_open li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_inf_open strong {clear:both;float:left;padding:0 1%;width:28%;letter-spacing:-0.1em}
#sit_inf_open span {float:left;margin:0;padding:0 1%;width:68%}
#sit_inf h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_open {display:none; width:100%;border:0;border-top:1px solid #777;border-collapse:collapse;margin:10px 0 0}
#sit_inf_open th {padding: 10px;border-bottom:1px solid #ede6dc;background:#fff7ea;vertical-align:top;text-align:left;width:30%}
#sit_inf_open td {padding: 10px;border-bottom:1px solid #ede6dc;background:rgba(255,255,255,0.5);vertical-align:top}

#sit_tab{padding:50px 0;text-align:left;position:relative; background: #fff;}
#sit_tab .tab_tit{max-width:1200px;margin:0 auto;width:100%;text-align:center;}
#sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit li {display:inline-block;padding:0 5px;text-align:center; }
#sit_tab .tab_tit li button{display: block;width:100%;position: relative;height: 50px;color:#8b8b8b;padding:0 1em;
							background:none; color:#423126; border-radius:50px; text-align: center;z-index: 1; 
							border:1px solid #423126}
#sit_tab .tab_tit li .selected{background:#423126; color:#FFF;font-weight:bold}
#sit_tab .tab_con{margin:0 auto;max-width:1200px;padding:20px;text-align:left}

#sit_dvr,#sit_ex{padding:20px;margin:0 0 20px;background: #FFF; border: 0}

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

/* 상품 상세보기 - 사용후기 */
.tit_no{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #eee;list-style:none}
.sit_use_li {position:relative;border-bottom:1px solid #eee;}
.sit_use_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_li_title {display:block;margin:0;padding:0 ;line-height:60px;width:100%;border:0;background:transparent;text-align:left;padding-right:260px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.sit_use_li_title b{font-weight:normal;margin-right:2px}
.sit_use_dl {margin:0;padding:0 ;position:absolute;top:0;right:0;line-height:60px;font-size:0.92em}
.sit_use_dl: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;vertical-align:top;margin-top:22px}
.sit_use_con {display:none;;padding:0 0 20px} 
.sit_use_p {margin:10px 0 ;line-height:1.7em;font-weight: 300;}
.sit_use_cmd {text-align:right}
.sit_use_cmd a.btn01{padding: 5px;}
#sit_use_wbtn {margin:20px 0 ;text-align:right;}
#sit_use_write {}
#sit_use_write #is_subject {width:100%}
#sit_use_write ul {margin:5px 0 0}
#sit_use_write li {margin:0 0 5px}
#sit_use_write li label {display:inline-block;width:80px}
#sit_use_write_star {margin:0;padding:0;list-style:none}

.sit_use_reply{position:relative;background:#f3f3f3;padding:20px 20px 20px 70px;margin-top:20px}
.use_reply_icon{position:absolute;top:20px;left:20px;;padding:0 5px;background:#333;color:#fff;font-size:0.92em}

#sit_use_wbtn a{vertical-align:middle;font-weight:700}


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

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

#sit_qa_wbtn {margin:20px 0 ;text-align:right}
#sit_qa_wbtn a{vertical-align:middle;font-weight:700}
#sit_qa_w {display:none}

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




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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 상품검색 */
#ssch_frm {margin:0 auto;max-width:1400px;padding:0 10px;zoom:1}
#ssch_frm h2{margin:10px;color:#888;line-height:30px;}
#ssch_frm h2 span{font-size:1.333em;color:#000}
#ssch_frm h2 strong{color:#d50c0d}
#ssch_frm form{margin:0 10px 20px}
#ssch_frm .ssch_scharea{min-height:50px;}
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm .ssch_scharea label{display:inline-block;margin:0 8px 0 0}
#ssch_frm .ssch_left{float:left;position:relative}
#ssch_frm .ssch_right{float:right;margin-bottom:10px}
#ssch_frm .ssch_input{height:30px;border:1px solid #cbcbcb;padding:0 10px}
#ssch_frm .btn_submit{width: 30px;height: 30px;;position:absolute;top:0;right:0}
#ssch_frm p{padding:15px;background: #f5efe4; margin-top: 10px;clear: both; color: #958870;}

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

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


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

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

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

#sit_sms_new .tbl_frm01 th {width:100px}

/*쿠폰존 리스트*/
.couponzone_list{margin:20px 0 ;background:#fff;padding:20px}
.couponzone_list h2{margin:0 0 5px;font-size:1.25em;}
.couponzone_list p{margin:0 0 10px;}
.couponzone_list ul{padding:0;margin:0;list-style:none;background:#fff}
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li{padding:10px 0 ;line-height:1.2em;margin:5px 0}

.couponzone_list ul li .coupon_img{}
.couponzone_list ul li img{width:100%;height:auto}

.couponzone_list ul li img{width:100%;height:auto}
.couponzone_list ul li .coupon_img{}
.couponzone_list ul li .coupon_tit{margin:10px 0 5px;font-size:1.083em;line-height:1.4em;font-weight:bold;}
.couponzone_list ul li .coupon_date{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target a{color:#777;text-decoration:underline}
.couponzone_list ul li .coupon_point{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_btn{margin:10px 0 0;text-align:center}
.couponzone_list ul li .coupon_btn .btn02{width:100%;height:35px;padding:0;font-weight:bold;background:#8183c3;border:0}
.couponzone_list ul li .coupon_btn .btn02:hover{background:#5255cc;color:#fff}
.couponzone_list ul li .coupon_btn .disabled {background: #ddd;border:1px;color:#999;border-color:#ddd}
.couponzone_list ul li .coupon_btn .disabled:hover {background: #ddd;border:1px;color:#999;border-color:#ddd}
.couponzone_list .no_coupon{padding: 100px 0;text-align:center;color:#999}
#point_coupon li{height:250px;}


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