#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}


body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:top;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:var(--textcolor);
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:var(--txtcolor);
font-size:var(--fsize1);
line-height:1.5;
letter-spacing:-0.08em;
font-family: 'Pretendard';
font-weight:400;
}
button{
cursor:pointer;

}

input,select,textarea,button,img {
vertical-align: middle;
}

body, html{
width:100%;
overflow-x:hidden;
background:#f0e9e1;
}

:focus {
outline:none;
}

.blind, .mobile-gnb {
display:none;
}

.slick-track{
display:flex;
}
.slick-slide {
display:block;
}





#sidebar{
position:absolute;
top:0;
left:0;
display:none; 
left:-1000px;
z-index:9999999; 
-webkit-transition: right 1s;  
transition: right 1s; 
overflow:visible; 
background:#fff;
margin-left:0;
border:0;
width:100%;
height:100vh;
overflow-x:hidden; 
overflow-y:auto; 
box-sizing:border-box;
padding-bottom:40px;
}

.am-top{
height:55px;
display:flex;
justify-content: space-between;
align-items: center;
box-sizing:border-box;
padding:0 3%;
gap:10px;
}
.amt-logo{
flex-shrink: 0;
}
.amt-logo img{
height:40px;
}
.amt-btn{
flex-grow: 1;
display:flex;
justify-content: flex-end;
gap:5px;
}
.amt-btn a{
padding:3px 20px;
border-radius:999px;
border:1px var(--bordercolor1) solid;
box-sizing:border-box;
font-size:var(--fsize6);
}
.amt-btn a.amt-b1{
background:var(--bgcolor3);
border-color:var(--bgcolor3);
color:#fff;
}

.amt-close{
flex-shrink: 0;
font-size:32px;
}

.ams-box{
width:100%;
padding-top:20%;
position:relative;
overflow:hidden;
}
.ams-box a{
display:flex;
justify-content: center;
align-items: center;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
}
.ams-box img{
width:100%;
}

.am-quick{
display:flex;
flex-wrap:Wrap;
margin:15px 0;
gap:15px 0;
padding-bottom:20px;
border-bottom:1px var(--bordercolor1) solid;
}
.am-quick li{
width:25%;
}
.am-quick li a{
display:block;
text-align:center;
font-size:var(--fsize7);
}
.am-quick li a > div{
width:25px;
height:25px;
background-image:url(/image/icon.png);
background-size:100px 75px;
background-repeat:no-repeat;
margin:0 auto;
}
.am-quick li a:before{
content:"";
display:block;
width:25px;
height:25px;
background-image:url(/image/icon.png);
background-size:100px 75px;
background-repeat:no-repeat;
margin:0 auto;
}
.am-quick li.am-q1 a:before{
background-position:0 0;
}
.am-quick li.am-q2 a:before{
background-position:-25px 0;
}
.am-quick li.am-q3 a:before{
background-position:-50px 0;
}
.am-quick li.am-q4 a:before{
background-position:-75px 0;
}
.am-quick li.am-q5 a:before{
background-position:0 -25px;
}
.am-quick li.am-q6 a:before{
background-position:-25px -25px;
}
.am-quick li.am-q7 a:before{
background-position:-50px -25px;
}
.am-quick li.am-q8 a:before{
background-position:-75px -25px;
}

.menu{
position:relative;
z-index:55; 
width:100%; 
background:#fff;
display:block;
text-align:left;
box-sizing:border-box;
display:flex;
flex-direction: column;
}

.menu > li{
display:block;
box-sizing:border-box;
border-left:0;
box-sizing:border-box;
border-bottom:1px var(--bordercolor3) solid;
background: #fff;
}


.m1{
display:flex;
gap:10px;
align-items: center;
font-weight:600;
padding:10px 3%;
}
.m1 span{
width:40px;
height:40px;
display:flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
background:var(--bgcolor4);
border-radius:9999px;
}
.m1 span img{
width:90%;
}
.m1 p{
flex-grow: 1;
}
.menu-depth{
background:var(--bgcolor2);
}
.menu-depth a{
display:block;
padding:10px 5%;
border-top:1px var(--bordercolor3) solid;
font-size:0.95em;
opacity:0.8;
}

.am-view{
box-sizing:border-box;
margin-left:3%;
margin-top:30px;
overflow:hidden;
}
.amv-tit{
font-size:var(--fsize2);
font-weight:700;
margin-bottom:15px;
}

.view-slide .slick-slide{
width:180px;
margin-left:10px;
}

.am-pb{
width:94%;
margin:0 auto;
}

.bottom-menu{
position:fixed;
bottom:0;
left:50%;
margin-left:-320px;
width:100%;
max-width:640px;
background:#fff;
z-index:5555;
box-sizing:border-box;
padding:0px 5%;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
}

.bottom-menu ul{
display:flex;
justify-content: space-between;
width:100%;
max-width:480px;
margin:0 auto;
}
.bottom-menu li a{
font-weight:600;
color:var(--subcolor);
font-size:var(--fsize7);
text-align:center;
padding:15px 20px;
display:block;
}
.bottom-menu li a:before{
content:"";
display:block;
width:25px;
height:25px;
background-image:url(/image/icon.png);
background-size:100px 75px;
background-repeat:no-repeat;
margin:0 auto;
}
.bottom-menu li.bm1 a:before{
background-position:0px -50px;
}
.bottom-menu li.bm2 a:before{
background-position:-25px -50px;
}
.bottom-menu li.bm3 a:before{
background-position:-50px -50px;
}
.bottom-menu li.bm4 a:before{
background-position:0px 0px;
}
.bottom-menu li.bm5 a:before{
background-position:0px -25px;
}


.detail-purch{
position:fixed;
bottom:-10000px;
left:50%;
margin-left:-320px;
width:100%;
max-width:640px;
z-index:9999999999999999;
box-sizing:border-box;
transition: all 0.3s;
}
.detail-purch #sit_sel_option h3{
    display:none;
}
.dp-close{
width:120px;
margin:0 auto;
background:var(--bgcolor1);
text-align:center;
font-size:var(--fsize5);
border-radius:20px 20px 0 0;
color:#fff;
padding:5px 0 0;
cursor:pointer;
}
.dp-area{
padding:20px 5%;
background:#fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
display:flex;
flex-direction: column;
gap:20px;
}
.dp-select,.detail-purch select{
width:100%;
padding:10px;
border-radius:5px;
margin-bottom: 0.25rem;
border:1px var(--bordercolor1) solid;
font-size:var(--fsize6);
}

.dp-price{
display:flex;
justify-content: space-between;
align-items: center;
font-weight:600;
}
.dp-price > div{
color:var(--maincolor); 
display:flex;
gap:3px;
}
.dp-price > div strong{
font-weight:800;
font-size:1.125em;
}

.dp-btn a{
display:block; 
width:100%;
padding:10px 0;
background:var(--bgcolor1);
border-radius:10px;
text-align:center;
color:#fff;
}

.dp-option-box{
display:flex;
flex-direction: column;
gap:10px;
}
.dbob-tit{
display:flex;
justify-content: space-between;
gap:10px;
}
.dbob-tit p{
flex-grow: 1;
}
.dbob-tit span{
opacity:0.6;
flex-shrink: 0;
}

.dbob-count{
display:flex;
justify-content: space-between;
gap:3px;
}
.dbob-count button{
flex-shrink: 0;
width:28px;
height:28px;
border-radius:5px;
display:flex;
justify-content: center;
align-items: center;
background:var(--btnbg1);
color:#fff;
}
.dbob-count input{
flex-shrink: 0;
height:28px;
width:60px;
border:1px var(--bordercolor1) solid;
border-radius:5px;
box-sizing:border-box;
font-size:var(--fsize7);
text-align:center;
}
.dbob-count span{
flex-grow: 1;
text-align:right;
font-weight:700;
}
.dbob-result{
background:var(--bgcolor2);
border:1px var(--bordercolor3);
padding:10px;
box-sizing:border-box;
border-radius:10px;
text-align:center;
font-weight:300;
color:var(--subcolor);
}


.mall-wrapper{
width:100%; 
max-width:640px;
margin:0 auto;
background:#fff;
position:relative;
}

header{
width:96%;
margin:0 auto;
padding:10px 0;
display:flex;
justify-content:space-between;
align-items: center;
}
.header-open{
flex-shrink: 0;
width:100px;
font-size:32px;
}
.header-logo{
flex-grow: 1;
text-align:center;
}
.header-logo a{
display:inline-block;
width:120px;
}
.header-logo img{
width:100%;
}
.header-btn{
flex-shrink: 0;
width:100px;
display:flex;
justify-content: flex-end;
gap:10px;
}
.header-btn a{
display:block;
width:35px;
font-size:32px;
text-align:center;
}
.header-btn a img{
width:100%;
}
.hb-basket{
position:relative;
}
.hb-basket img{
position:relative;
z-index:1;
}
.hb-basket span{
display:flex;
width:20px;
height:20px;
border-radius:99999px;
justify-content:center;
align-items: center;
background:var(--bgcolor1);
font-size:12px;
font-weight:600;
color:#fff;
letter-spacing:  0em;
right:-2px;
bottom:7px;
position:absolute;
z-index:2;
}

.gnb{
border-color:var(--bordercolor1);
border-width:1px 0 1px 0;
border-style:solid;
}
.gnb ul{
display:flex;
justify-content: space-between;
align-items: center;
padding:0 30px;
}

.gnb ul li a{
display:inline-block;
padding:0 25px;
line-height:50px;
}
.gnb ul li.ga-color1 a{
font-weight:700;
color:var(--point1);
}
.gnb ul li.ga-color2 a{
font-weight:700;
color:var(--point2);
}
.gnb ul li.current a{
position:relative;
font-size:var(--fsize2);
}
.gnb ul li.current a:after{
position:absolute;
content:"";
display:block;
width:100%;
height:2px;
background:var(--bordercolor2);
left:0;
bottom:-1px;
}

.ad-box{
width:94%;
margin:0 auto;
margin-top:40px;
position:relative;
}
.add-slide-paging{
position:absolute;
right:10px;
top:10px;
z-index:20;
}
.adb-slide{
border-radius:var(--radius1);
overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
position:relative;
z-index:1;
}
.ad-box .slick-dots li{
display: none;
justify-content: space-between;
color: #fff;
font-size:var(--fsize4);
gap:2px;
}
.ad-box .slick-dots li.slick-active {
display: flex;
}
.ad-box .slick-dots{
background:rgba(0,0,0,0.5);
border-radius:999px;
padding:5px 10px;
}
.ad-box .slick-dots li span{
opacity:0.9;
}
.ad-box .slick-dots li strong{
font-weight:800;
}

.adb-slide .slick-track{
display:flex;
}
.adb-slide .slick-slide{
display:block;
}
.adbs-box{
width:100%;
padding-top:20%;
position:relative;
overflow:hidden;
}
.adbs-box a{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
display:flex;
justify-content: center;
align-items: center;
}
.adbs-box a img{
width:100%;
}

.product-box{
width:94%;
margin:0 auto;
}
.p-tit1{
margin-top:80px;
font-size:var(--fsize5);
font-weight:300;
display:flex;
flex-direction: column;
gap: 3px;

}
.pt1-ma-left{
margin-left:3%;
}
.p-tit1 span{
color:var(--subcolor);
}
.p-tit1 p{
font-size:var(--fsize3);
font-weight:700;
color:var(--titlecolr);
}
.p-tit1 .pt-color1{
color:var(--maincolor);
}
.pro-tab{
margin-top:50px;
}
.pro-tab ul{
display:flex;
flex-wrap:wrap;
gap:20px 2%;
}
.pro-tab li{
width:23.5%;
box-sizing:border-box;
}
.pro-tab li a{
display:block;
text-align:center;
font-weight:600;
}
.pro-tab li a div{
display:flex;
width:80px;
height:80px;
justify-content: center;
align-items: center;
box-sizing:border-box;
padding:8px;
background:var(--bgcolor4);
margin:0 auto 10px;
border-radius:999px;
}
.pro-tab li a div img{
width:100%;
}


.list1{
display:flex;
flex-wrap:wrap;
margin-top:30px;
gap:30px 3%;
}
.list1 li{
width:48.5%;
}

.prod-img{
position:relative;
display:block;
overflow:hidden;
border-radius:5px;
cursor:pointer;
width:100%;
padding-top:100%;
}
.prodimg-line{
border:3px rgba(206, 38, 40, 1) solid;
}

.pi-area{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display:flex;
justify-content: center;
align-items: center;
background:#f9f9f9;
}

.pi-area img{
width:100%;
}
.pi-wish{
position:absolute;
right:10px;
bottom:10px;
width:40px;
height:40px;
background:#fff;
border-radius:999px;
display:flex;
justify-content: center;
align-items: center;
font-size:24px;
transition: all 0.3s;
transform: translate(0px, 0px);
}
.prod-img:hover .pi-wish{
transform: translate(0px, -50px);
}
.pi-wish i{
marign:0;
padding:0;
margin-left:-1px;
color:var(--maincolor);
}
.piw-limit{
transform: translate(0px, -50px); 
}

.pi-basket{
position:absolute;
width:100%;
text-align:center;
left:0;
bottom:0;
background:rgba(255,255,255,0.8);
color:var(--maincolor);
padding:10px 0;
transition: all 0.3s;
transform: translate(0px, 50px);
}
.view-slide .pi-basket{
padding:5px 0;
font-size:var(--fsize7);
}
.prod-img:hover .pi-basket{
transform: translate(0px, 0px);
}
.pi-limit{
position:absolute;
width:100%;
text-align:center;
left:0;
bottom:0;
background:rgba(206, 38, 40, 0.8);
color:#fff;
padding:10px 0;
transition: all 0.3s;
transform: translate(0px, 0px);
}
.pil-f1{
font-size:var(--fsize7);
padding:5px 0;
}

.prod-img:hover .pi-limit{
transform: translate(0px, 50px);
}



.price-box{
margin-top:10px;
display:flex;
flex-direction: column;
gap:5px;
position:relative;
font-size:var(--fsize2);
}
.price-box.pb-f1{
font-size:var(--fsize7);
}
.price-tit{
line-height:1.5em;
height:3em;
overflow:hidden;
}

.price1{
display:inline;
text-decoration: line-through;
color:#838383;

}
.price2{
display:flex;
align-items:baseline;
gap:10px;
font-size:1.15em;
}

.pi-best{
font-size:var(--fsize7);
position:absolute;
z-index:9;
right:10px;
top:10px;
background:var(--maincolor);
color:#fff;
padding:0 10px;
border-radius:999px;
}
.per{
color:var(--maincolor);
font-weight:500;

}
.p-num{
font-weight:600;
}

.review-rate{
display:flex;
gap:5px;
}
.rr-star{
color:var(--point3);
}
.rr-txt{
color:var(--subcolor);
}
.price-basket{
position:absolute;
bottom:0;
right:0;
width:40px;
height:40px;
border-radius:999px;
background:var(--maincolor);
display:flex;
justify-content: center;
align-items: center;
font-size:24px;
color:#fff;
cursor:pointer;
}
.price-basket img{
width:90%;
}

.prod-btn{
margin-top:60px;
}
.prod-btn.pb-ma{
width:94%;
margin-left:3%;
}
.prod-btn a{
display:block;
border:1px var(--bordercolor1) solid;
border-radius:var(--radius1);
text-align:center;
padding:10px 0;
font-weight:600;
font-size:var(--fsize2);
}

.price-time{
display:flex;
gap:10px;
align-items: center;
}
.price-time i{
color:var(--maincolor);
flex-shrink: 0;
}
.time-bar{
position:relative;
flex-grow: 1;
background:#dbdbdb;
height:10px;
border-radius:999px;
overflow:hidden;
}
.time-bar span{
position:absolute;
left:0;
height:100%;
background:var(--maincolor);
display:block;
border-radius:0 999px 999px 0;
}


.p-review-box{
position:relative;
margin-top:30px;
}
.review-slide{
width:97%;
margin-left:3%;
overflow:hidden;
}
.review-slide .slick-slide{
width:320px;
margin-right:20px;
}

.rs-arrow{
display:flex;
background:#fff;
justify-content: center;
align-items: center;
width:48px;
height:48px;
border-radius:9999px;
background:#fff;
font-size:16px;
position:absolute;
z-index:9999;
top:50%;
color:#7d7d7d;
font-size:24px;
margin-top:-24px;
}
.slick-re-prev{
left:3%;
}
.slick-re-next{
right:3%;
}


.rs-box{
width:460px;
}
.rs-box a{
display:block;
width:100%;
box-sizing:border-box;
border-radius:var(--radius1);
border:1px var(--bordercolor3) solid;
}

.rsb-img{
width:100%;
padding-top:100%;
position:relative;
overflow:hidden;
}
.rsb-img img{
width:100%;
}
.rsbi-area{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:flex;
justify-content: center;
align-items: center;
}
.rsb-info{
padding:20px 15px;
border-top:1px var(--bordercolor3) solid;
}
.rsb-star{
color:var(--point3);
font-size:var(--fsize2);
}
.rsb-txt{
line-height:1.5em;
max-height:4.5em;
overflow:hidden;
}
.rsb-name{
margin-top:20px;
padding-top:10px;
border-top:1px var(--bordercolor3) solid;
font-size:var(--fsize6);
color:var(--subcolor);
}
.rebn-t2{
font-size:0.85em;
letter-spacing: 0em;
}


.foot-info{
padding-top:50px;
}
.fi-tit{
font-weight:700;
flex-shrink: 0;
}
.fi-notice{
background:var(--bgcolor2);
display:flex;
box-sizing:border-box;
padding:0px 3%;
gap:15px;
align-items: center;
}
.fi-notice .slick-track{
display:block;
}
.fin-list{
flex-grow: 1;
height:50px;
overflow:hidden;
}
.finl-box{
display:flex !important;
gap:10px;
align-items: center;
}
.finl-box a{
flex-grow: 1;
line-height:50px;
height:50px;
overflow: hidden;
font-weight:300;
}
.finl-box i{
flex-shrink: 0;
opacity:0.6;
}


.fi-box{
padding:30px 3%;
display:flex;
gap:10px;
justify-content: space-between;
align-items: center;
border-bottom:1px var(--bordercolor3) solid;
}
.fi-left{
display:flex;
flex-direction: column;
gap:10px;
font-weight:300;
}
.fi-right{
flex-shrink: 0;
display:flex;
flex-direction: column;
gap:5px;
}
.fi-right a{
display:flex;
width:120px;
justify-content: center;
align-items: center;
height:34px;
background:var(--btnbg2);
font-size:var(--fsize6);
color:#fff;
border-radius:999px;
font-weight:600;
}
.fi-right a.fi-btn-cacao{
color:var(--titlecolor);
background:#ffe700;
}

.footer-area{
background:var(--bgcolor2);
box-sizing:border-box;
padding:30px 3%;
padding-bottom:100px;
font-size:var(--fsize6);
display:flex;
flex-direction: column;
gap:10px;
color:#444;
}
.fc-link{
display:flex;
gap:5px;
font-weight:700;
}
.fc-f1 p{
display:flex;
align-items: center;
gap:5px;
}
.fc-f1 span{
font-size:0.85em;
font-weight:300;
opacity:0.6;
}
.fc-f1 a{
font-weight:600;
opacity:0.8;
}
.fc-f2{
opacity:0.7;
font-size:0.9em;
letter-spacing: 0em;
}

.list-tab{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:20px;
}
.list-tab li{
cursor:pointer;
padding:5px 15px;
background:#fff;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
border-radius:999px;
font-size:var(--fsize6);
}
.list-tab li.current{
background:var(--bgcolor3);
color:#fff;

}


.view-top-img{
position:relative;
}
.vts-box{
width:100%;
position:relative;
padding-top:100%;
overflow:hidden;
}
.vts-img{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display:flex;
justify-content: center;
align-items: center;
}
.vts-img img{
width:100%;
}
.vts-sales{
width:100%;
background:var(--bgcolor5);
padding:8px 0;
text-align:center;
font-size:var(--fsize5);
font-weight:700;
color:#fff;
}
.vts-sales span{
color:var(--maincolor);
}
.view-top-slide{
width:100%;
overflow:hidden;
}
.view-top-slide  .slick-track{
display:flex;
}
.view-top-slide .slick-slide{
display:block;
}

.view-top-txt{
display:flex;
flex-direction: column;
gap:5px;
width:94%;
margin:20px auto;
}
.vtt-t1{
font-size:var(--fsize8);
}
.vtt-t2{
display:flex;
justify-content: space-between;
color:var(--viewcolor);
}
.vtt-re{
display:flex;
gap:5px;
align-items: center;
}
.vtt-re i{
color:var(--point3);
}
.vtt-re a{
text-decoration: underline;
}
.vtt-pri{
font-size:var(--fsize5);
text-decoration: line-through;
font-weight:600;
}
.vtt-t3{
display:flex;
justify-content: flex-end;
align-items: baseline;
font-weight:700;
font-size:var(--fsize8);
gap:5px;
}
.vtt-t3 span{
color:var(--maincolor);
}

.view-benefit{
width:94%;
margin:0 auto;
box-sizing:border-box;
border:1px var(--bordercolor3) solid;
border-radius:15px;
padding:15px;
display:flex;
flex-direction: column;
gap:8px;
}
.vb-flex{
display:flex;
gap:10px;
justify-content: space-between;
align-items: center;
font-weight:600;
}
.fb-right{text-align:right;}
.vb-t1 .fb-left{
font-size:var(--fsize5);
}
.vb-t1 .fb-right{
color:var(--maincolor);
}
.vb-t1 .fb-right strong{
font-size:var(--fsize5);
}

.vb-t2 .fb-left{
font-size:var(--fsize2);
}
.vb-t3{
color:var(--subcolor);
}

.vb-link{
display:block;
box-sizing:border-box;
border:1px var(--maincolor) solid;
text-align:center;
padding:10px 0;
border-radius:10px;
color:var(--maincolor);
font-weight:600;
}
.view-info-box{
margin:20px 0;
}
.view-info-box.vib-ma{
margin-top:50px;
border-top:1px var(--bordercolor3) solid;
}
.view-info-box dl{

}
.view-info-box dl dt{
display:flex;
align-items: center;
justify-content: space-between;
border-bottom:1px var(--bordercolor3) solid;
padding:10px 3%;
box-sizing:border-box;
width:100%;
cursor:pointer;
}
.view-info-box dl dt p{
flex-grow: 1;
font-weight:600;
font-size:var(--fsize2);
}
.view-info-box dl dt:after{
content:"";
display:block;
width:25px;
height:25px;
background-image:url(/image/arrow.png);
background-size:25px 50px;
background-position:0 0;
margin-right:10px;
}

.view-info-box dl dd{
box-sizing:border-box;
/*background:var(--bgcolor2);*/

padding:10px 0 20px;
font-size:0.85em;
}
.view-info-box dl dd img{
    max-width: 100%;
}

.vib-ul1{
display:flex;
flex-direction: column;
gap:5px;
}
.vib-ul1 li{
display:flex;
}
.vib-ul1 li span{
flex-shrink: 0;
width:80px;
opacity:0.6;
}
.vib-ul1 li p{
flex-grow: 1;
opacity:0.8;
}
.view-info-box dl.on dt:after{
background-position:0% 25px;
}

.view-review-slide-box{
position:relative;
width:94%;
margin:0 auto;
}
.view-review-slide{
width:100%;
overflow:hidden;
}
.view-review-slide .slick-track{
gap:10px;
}
.vrs-arrow{
display:flex;
background:#fff;
justify-content: center;
align-items: center;
width:40px;
height:40px;
border-radius:9999px;
background:#fff;
font-size:14px;
position:absolute;
z-index:9999;
top:50%;
color:#7d7d7d;
font-size:24px;
margin-top:-24px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.slick-vrs-prev{
left:-10px;
}
.slick-vrs-next{
right:-10px;
}
.vrs-box{
width:100%;
padding-top:100%;
position:relative;
overflow:hidden;
border-radius:10px;
}
.vrs-box a{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display:flex;
justify-content: center;
align-items: center;
}
.vrs-box a img{
width:100%;
}
.vrsb-info{
display:flex;
justify-content: space-between;
align-items: center;
gap:10px;
margin-top:20px;
}
.vrsb-info p{
display:flex;
align-items: center;
gap:5px;
font-size:var(--fsize5);
font-weight:600;
flex-grow: 1;
}
.vrsb-info a{
flex-shrink: 0;
color:var(--viewcolor);
font-weight:300;
}

.detail-tab{
display:flex;
gap:2%;
border:1px var(--bordercolor3) solid;
border-width:1px 0;
margin-top:30px;
box-sizing:border-box;
padding:0 3%;
}
.detail-tab li{
width:23.5%;
text-align:center;
height:60px;
display:flex;
align-items: center;
font-weight:600;
font-size:var(--fsize6);
position:relative;
justify-content: center;
cursor:pointer;
}
.detail-tab li span{
position:absolute;
width:28px;
background:var(--maincolor);
color:#fff;
font-size:12px;
font-weight:300;
letter-spacing: 0em;
left:50%;
top:2px;
margin-left:-14px;
border-radius:999px;
line-height:1.3;
}

.detail-box{
display:none;
padding-bottom:30px;
}
.detail-box.current{
display:block;
}

#detail-area{height: auto; position:relative;}
#detail-area.hidden{height:800px; overflow: hidden;}
#detail-area img{width:100%;}
#btnmore{margin: 30px auto 50px; background-color:#fff; width:94%;
display:block;
text-align:center;
font-weight:600;
border-radius:10px;
position:relative;
z-index:20;
padding:10px 0;
}
.detail-more{position: absolute; bottom:0px; width:100%; left:0;}
.detail-more:before {
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0.7) 70%, #fff 100%);
    background-repeat: no-repeat;
    background-size: contain;
}

.view-basket-btn{
width:100%;
max-width:640px;
position:fixed;
z-index:5555;
left:50%;
margin-left:-320px;
bottom:0;
display:flex;
}
.view-basket-btn .pi-wish.vbb-wish{
position:unset;
width:60px;
height:60px;
background:var(--bgcolor3);
border-radius:0;
color:#fff;
font-size:32px;
flex-shrink: 0;
}
.view-basket-btn .pi-wish.vbb-wish i{
color:#fff;
}

.view-basket-btn .pi-baket-open{
flex-grow: 1;
background:#b42020;
font-weight:700;
color:#fff;
}



@media (max-width:640px) {
.header-logo a{width:90px;}
.header-open{font-size:28px;}
.header-btn{gap:5px;}
.header-btn a{font-size:26px; width:28px;}

.gnb ul li a{padding:0;}

.ad-box{margin-top:20px;}
.p-tit1{margin-top:40px;}
.pro-tab{margin-top:25px;}
.list1{margin-top:20px;}

.pi-wish{width:32px; height:32px; font-size:20px;}
.price-basket{width:32px; height:32px; font-size:20px;}
.prod-btn{margin-top:30px;}
.prod-btn a{padding:7px 0;}

.piw-limit {transform: translate(0px, -40px);}
.pi-limit{padding:7px 0;}

.p-review-box{margin-top:20px;}
.review-slide .slick-slide{width:260px;}
.rs-arrow{width:42px; height:42px; margin-top:-21px; font-size:20px;}

.bottom-menu{margin-left:0; left:0;}
.bottom-menu li a{padding:10px 0;}

.fi-box{padding:20px 3%;}
.footer-area{padding:20px 3%; padding-bottom:80px;}

.detail-purch{margin-left:0; left:0;}
.dp-close{width:80px; font-size:16px;}

.view-basket-btn{left:0; margin-left:0;}
.view-basket-btn .pi-wish.vbb-wish{width:50px; heighT:50px;}
}





/* 추가 */
.sub-tit{
position: relative;
text-align:center;
margin:0.8rem 0 1.5rem;
}
.sub-tit span{
position: relative;
display: inline-block;
width:auto;
text-align:center;
font-weight:700;
font-size:1.4rem;
margin:0;
padding:0 0 0.5rem;
}
.sub-tit span:after{
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width:70%;
    height:1px;
    border-bottom: 2px solid #000;
}
.sub-tit1{
text-align:center;
font-weight:700;
font-size:1.4rem;
}
.sub-tit2{
text-align:center;
font-weight:600;
font-size:1.2rem;
}