/* camp.css — 시안 원본 CSS 줄 범위 복사(자동 생성: golf/scripts/build-camp-css.py). 직접 고치지 말고 camp-extra.css 에서 덮는다. */
@font-face{font-family: 'Google Sans2';font-style: normal;font-weight:400 700;font-display: swap;src: url(https://fonts.gstatic.com/s/googlesans/v69/4UaRrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iq2vgCI.woff2) format('woff2');unicode-range: U+0041-005A,U+0061-007A;}
@font-face{font-family: 'Google Sans2';font-style: italic;font-weight:400 700;font-display: swap;src: url(https://fonts.gstatic.com/s/googlesans/v69/4UaXrENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuTCKjsg.woff2) format('woff2');unicode-range: U+0041-005A,U+0061-007A;}
@font-face{font-family: 'Montserrat2';font-style: normal;font-weight:100 900;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range: U+0041-005A,U+0061-007A;}
@font-face{font-family: 'Montserrat2';font-style: italic;font-weight:100 900;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxC7m.woff2) format('woff2');unicode-range: U+0041-005A,U+0061-007A;}
:root{--point-color :#a2714c;}
:root{--font-family: "Google Sans2","Pretendard",sans-serif;--pc-max-width :1420px;--hd-cate-gap :44px;--hd-sub-radius :8px;--hd-sub-bg:rgba(255,255,255,1);--hd-sub-shadow:5px 5px 20px 0px rgba(0,0,0,0.08);--mask-bg : rgba(0,0,0,0.2);--secondary-color:#ff3800;--ui-point-color :#a2714c;--sub-color :#FBF9F7;--border-color:#d7d7d7;--border-color-2:#A7AEB4;--border-line-color:#e0e0e0;--border-color-focus:#72777E;--border-radius-1:4px;--input-radius:3px;--font-color-sub:#6d6d6d;--font-color-light:#bbb;--font-size-title:29px;--font-size-body:14px;--font-size-input:14px;--input-font-size:14px;--black :#222;--basic :#6d6d6d;--font-weight-100:100;--font-weight-200:200;--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--font-weight-800:800;--font-weight-900:900;--input-height:42px;--border-color:#d7d7d7;--btn-bg-color-normal :#fff ;--btn-bg-color-submit : var(--point-color);;--btn-bg-color-em :#fff ;--btn-bg-color-basic :#fff ;--btn-font-color-normal:#222;--btn-font-color-submit :#fff ;--btn-font-color-em :#222 ;--btn-font-color-basic :#222 ;--btn-bg-hover-color-normal:#fff ;--btn-bg-hover-color-submit: var(--point-color);;--btn-bg-hover-color-em :#fff ;--btn-bg-hover-color-basic :#fff ;--btn-font-hover-color-normal :#222 ;--btn-font-hover-color-submit :#fff ;--btn-font-hover-color-em :#222 ;--btn-font-hover-color-basic:#222 ;--btn-radius:3px;--btn-mini-radius:2px;--btn-font-size:15px;--btn-line-height:100%;--btn-padding:0 18px;--btn-height-normal :42px;--btn-height-submit :42px;--btn-height-em :42px;--btn-height-basic :42px;--btn-font-size-mini :13px;--btn-height-mini :30px;--btn-font-weight-mini :500;}
@font-face{font-family:"rbfont";src:url("../fonts/rbfont.woff") format("woff"),url("../fonts/rbfont.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:block;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
html{width:100%;height:100%;}
body,code{width:100%;min-width:320px;font-size:var(--font-size-body);line-height:1.2em;color:var(--black);font-family:var(--font-family);background:#fff;-webkit-text-size-adjust:none;letter-spacing:-.025em;}
body{overflow-x:hidden;}
code{background:none;display:block;}
ul li{list-style:none;}
ol{list-style-position:inside;}
img,fieldset{ border:none;}
img{vertical-align:middle;}
hr.layout{display:none;}
em,address{font-style:normal;}
ins{text-decoration:none;}
a{text-decoration:none;color:#000;outline:none;}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #a2714c;outline-offset:2px;}
a:active{text-decoration:none;}
table{width:100%;table-layout:fixed;border:0 none;border-spacing:0;border-collapse:collapse;}
table caption{display:none;}
th,td{border:0;line-height:18px;}
legend{height:0;width:0;display:block;text-indent:-9999em;}
label{cursor:pointer;}
button{outline:none;}
button::-moz-focus-inner{padding:0;border:0;}
object,del,sub,var{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
label{cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
object,del,sub,var{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
#main-box{position:relative;}
@media(max-width:801px){ #main-box {}
}
:root{--m-box-gap:15px;--m-item-gap :210px;--m-item-first-gap :80px;@media(max-width:801px){ --m-item-gap :90px;--m-item-first-gap :40px;}
}
#main-box > *,#m-wide-visual{position:relative;opacity:0;top:30px;transition:opacity .5s ease,top .7s ease;transition-delay:.3s;}
#main-box > *.is-active,#m-wide-visual.is-active{opacity:1;top:0;}
#main-contents > *{margin-top:var(--m-item-gap);}
#main-hero,#main-box{margin-top:0;}
#m-wide-visual,#main-hero + #main-box > *:first-child{margin-top:var(--m-item-first-gap);}
#main-box > *{margin-top:var(--m-item-gap);}
@media(min-width:1420px){ #contents{max-width:unset !important;padding:0 !important;}
}
@media(max-width:801px){ #main-box{padding:0 var(--m-box-gap);}
body#layout{overflow-x:hidden;}
}
@media(min-width:801px) and (max-width:1420px){ #main-box{padding:0 var(--m-box-gap);}
}
:root{--m-visual-gap :90px;--m-visual-title-size :34px;--m-visual-title-gap :30px;--m-visual-summary-size :17px;--m-visual-summary-gap :69px;--m-visual-btn-gap :10px;--m-visual-btn-size :17px;--m-visual-btn-after :42px;--m-visual-btn-after-font :18px;--m-visual-img-radius :107px 52px;@media(max-width:801px){ --m-visual-gap :30px;--m-visual-title-size :24px;--m-visual-title-gap :17px;--m-visual-summary-size :14px;--m-visual-summary-gap :29px;--m-visual-btn-gap :7px;--m-visual-btn-size :15px;--m-visual-btn-after :32px;--m-visual-btn-after-font :14px;--m-visual-img-radius :70px 30px;}
}
#m-visual > div{display:flex;gap:var(--m-visual-gap);}
#m-visual .txt{display:flex;flex-direction:column;line-height:1.3;}
#m-visual .txt h2.title{font-weight:bold;font-size:var(--m-visual-title-size);margin-bottom:var(--m-visual-title-gap);}
#m-visual .txt .summary{font-size:var(--m-visual-summary-size);margin-bottom:var(--m-visual-summary-gap);}
#m-visual .txt a.btn{position:relative;display:inline-flex;gap:var(--m-visual-btn-gap);align-items:center;width:fit-content;font-size:var(--m-visual-btn-size);transition:.3s cubic-bezier(0.215,0.610,0.355,1);}
#m-visual .txt a.btn span{position:relative;}
#m-visual .txt a.btn span:before{content:"";display:block;position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#000;transition:.3s ;}
#m-visual .txt a.btn:hover span:before{width:100%;}
#m-visual .txt a.btn:after{content:"\ea6c";font-family:remixicon;color:#fff;background:#343434;border-radius:100%;display:flex;justify-content:center;align-items:center;width:var(--m-visual-btn-after);height:var(--m-visual-btn-after);font-size:var(--m-visual-btn-after-font);transition:.3s cubic-bezier(0.215,0.610,0.355,1);}
#m-visual .txt a.btn:hover:after{margin-left:5px;background-color:var(--point-color);}
#m-visual .img{position:relative;display:block;overflow:hidden !important;border-radius:var(--m-visual-img-radius) !important;width:100%;transform: translateZ(0);}
#m-visual .img img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none;transform:scale(1);transition:transform .5s ease;transition-delay:1s;}
#m-visual .img .swiper-slide-active img{transform:scale(1.1);transition:transform 12s ease;-webkit-transition-duration:12s;}
#m-visual .swiper-slide{display:block;overflow:hidden;}
@media(min-width:801px){ #m-visual .txt{margin-top:8rem;}
#m-visual .img{max-width:850px;}
}
@media(max-width:801px){ #m-visual > div{flex-direction:column;gap:30px;}
#m-visual .txt{order:2;padding:0 10px;}
}
:root{--m-tab-prd-title :32px;--m-tab-prd-tab-title-gap :36px;--m-tab-prd-tab-gap :13px;--m-tab-prd-tab-font :15px;--m-tab-prd-tab-padding :14px 27px;--m-tab-prd-tab-margin :30px;--m-tab-prd-tab-btn-position : -83px;@media(max-width:801px){ --m-tab-prd-title :29px;--m-tab-prd-tab-title-gap :25px;--m-tab-prd-tab-gap :8px;--m-tab-prd-tab-font :14px;--m-tab-prd-tab-padding :14px 25px;--m-tab-prd-tab-margin :30px;--m-tab-prd-tab-btn-position : -50px;}
}
#main-tab-prd{position:relative;display:block;}
#main-tab-prd .title-wrap{position:relative;margin-bottom:var(--m-tab-prd-tab-margin);}
#main-tab-prd .title{font-size:var(--m-tab-prd-title);line-height:1;font-weight:bold;padding-bottom:var(--m-tab-prd-tab-title-gap);}
#main-tab-prd .tab{}
#main-tab-prd .tab .swiper-pagination{position:relative;top:auto;left:auto;bottom:auto;width:auto;display:flex;justify-content:start;flex-wrap:nowrap;overflow-x:auto;align-items:center;transform: translate3d(0,0,0);backface-visibility: hidden;will-change: scroll-position;gap:var(--m-tab-prd-tab-gap);padding:0;}
#main-tab-prd .container{touch-action: pan-y;overflow:hidden;}
#main-tab-prd .tab .swiper-pagination::-webkit-scrollbar{display:none;}
#main-tab-prd .tab .swiper-pagination span{transition:.15s ease;line-height:1;cursor:pointer;display:flex;justify-content:center;background:#F7F7F7;white-space:nowrap;border-radius:100px;padding:var(--m-tab-prd-tab-padding);font-size:var(--m-tab-prd-tab-font);opacity:1;width:fit-content;height:fit-content;}
#main-tab-prd .tab .swiper-pagination span:hover{background:#f1f1f1;}
#main-tab-prd .tab .swiper-pagination span[class*="active"]{background:var(--point-color);color:#fff;transform:none;}
#main-tab-prd .slide{position:relative;width:100% !important;height:max-content;}
#main-tab-prd .ec-base-product .prdList{}
@media(min-width:801px){ #main-tab-prd .title-wrap{display:flex;justify-content:space-between;align-items:end;}
}
@media(max-width:801px){ #main-tab-prd .tab-box{margin-left:calc(var(--m-box-gap) * -1);margin-right:calc(var(--m-box-gap) * -1);}
#main-tab-prd .tab li:nth-child(1){margin-left:var(--m-box-gap);}
#main-tab-prd .tab li:last-child{margin-right:var(--m-box-gap);}
#main-tab-prd .tab .swiper-pagination{padding-left:15px;}
}
#main-tab-prd .--product > ul{padding:0;}
#main-tab-prd .btn-wrap{display:flex;gap:14px;}
#main-tab-prd .btn-wrap > *{position:relative;display:flex;align-items:center;justify-content:center;top:auto;left:auto;right:auto;transform:none;margin:auto;width:42px;height:42px;border-radius:100%;background:#fff;border:1px solid #343434;transition:.3s ease;cursor:pointer;font-size:0;}
#main-tab-prd .btn-wrap > *:hover{background:#343434;color:#fff;}
#main-tab-prd .btn-wrap > *:hover:after{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(104deg) brightness(105%) contrast(101%);}
#main-tab-prd .btn-wrap .btn-prev:after,#main-tab-prd .btn-wrap .btn-next:after{content:"";display:block;width:100%;height:100%;background-size:15px !important;}
#main-tab-prd .btn-wrap .btn-prev:after{background:url("../img/camp/ico-slide-prev.svg") center no-repeat;}
#main-tab-prd .btn-wrap .btn-next:after{background:url("../img/camp/ico-slide-next.svg") center no-repeat;}
@media(min-width:801px){ .main-tab-prd.mo{display:none !important;}
#main-tab-prd{}
#main-tab-prd .--product{}
#main-tab-prd .btn-wrap .swiper-button-prev:after,#main-tab-prd .btn-wrap .swiper-button-next:after{}
}
@media(max-width:801px){ .main-tab-prd.pc{display:none !important;}
#main-tab-prd{margin:20px calc(var(--m-box-gap) * -1) 0;padding:0 var(--m-box-gap);}
#main-tab-prd .btn-wrap{display:none;}
#main-tab-prd .slide{}
#main-tab-prd .--product{}
}
:root{ --m-bnr-gap :38px;--m-bnr-radius :21px;--m-bnr-bottom :28px;--m-bnr-left :40px;--m-bnr-txt-gap :4px;--m-bnr-title :32px;--m-bnr-font :15px;@media(max-width:801px){ --m-bnr-gap :20px;--m-bnr-radius :21px;--m-bnr-bottom :25px;--m-bnr-left :32px;--m-bnr-txt-gap :4px;--m-bnr-title :30px;--m-bnr-font :13px;}
}
#m-bnr{position:relative;}
#m-bnr .item{position:relative;display:block;overflow:hidden;border-radius:var(--m-bnr-radius);}
#m-bnr .item .txt{position:absolute;bottom:var(--m-bnr-bottom);left:var(--m-bnr-left);right:var(--m-bnr-left);display:flex;flex-direction:column;gap:var(--m-bnr-txt-gap);z-index:10;line-height:1.3;}
#m-bnr .item .txt h2.title{font-weight:bold;font-size:var(--m-bnr-title);}
#m-bnr .item .txt p{font-size:var(--m-bnr-font);}
#m-bnr .item img{width:100%;height:auto;}
#m-bnr .swiper-pagination{position:absolute;bottom:10px;right:12px;left:auto;width:auto;background:rgba(0,0,0,.17);color:rgba(255,255,255,.9);display:flex;gap:3px;font-size:11px;width:fit-content;padding:4px 9px;border-radius:30px;display:flex;}
#m-bnr .swiper-pagination.swiper-pagination-lock{display:none;}
@media(max-width:801px){ #m-bnr{flex-direction:column;border-radius:var(--m-bnr-radius);overflow:hidden !important;}
}
#m-video-prd{position:relative;display:block;}
#m-video-prd .title{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:36px;}
#m-video-prd .title h2{font-size:25px;}
#m-video-prd .title p{font-size:15px;opacity:.6;}
#m-video-prd .wrap{position:relative;display:flex;flex-direction:column;gap:28px;overflow:hidden;}
#m-video-prd .wrap .video{width:100%;aspect-ratio:16 / 9;}
#m-video-prd .wrap .video iframe{border:0;width:100%;height:100%;pointer-events:none;}
#m-video-prd .wrap .prd{position:relative;display:block;overflow:hidden;}
#m-video-prd .wrap .prd .ec-base-product{position:relative;display:block;overflow:hidden;padding-bottom:30px;}
#m-video-prd .wrap .prd .ec-base-product > ul{padding:0;display:flex;flex-direction:row;}
#m-video-prd .wrap .prd .ec-base-product li{display:flex;flex-direction:column;gap:10px;height:auto;overflow:hidden;}
#m-video-prd .wrap .prd .ec-base-product li .thumbnail{display:inline-block;height:fit-content;margin:0;}
#m-video-prd .wrap .prd .ec-base-product .description{width:100%;gap:0;}
#m-video-prd .wrap .prd .ec-base-product .prdList .description .name{display:block;margin:0 0 4px;}
#m-video-prd .wrap .prd .ec-base-product .prdList .description .name a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:99%;zoom:.9;}
#m-video-prd .wrap .prd .ec-base-product .prdList .description .name a > *,#m-video-prd .wrap .prd #priceArea *{zoom:.9;}
#m-video-prd .wrap .prd #priceArea{gap:2px 7px;}
#m-video-prd .wrap .prd .ec-base-product .prdList .pl-button-wrap{bottom:10px;right:10px;}
#m-video-prd .wrap .prd .ec-base-product .pl-button > div{width:24px;height:24px;}
#m-video-prd .wrap .prd .ec-base-product .pl-button > div:before{width:10px;height:10px;font-size:10px;}
#m-video-prd .wrap .prd .swiper-scrollbar{background:#EDEDED;z-index:10;margin:50px auto 0;}
#m-video-prd .wrap .prd .swiper-scrollbar-drag{background:#000;}
#m-video-prd .wrap .prd .swiper-scrollbar.swiper-scrollbar-vertical,#m-video-prd .wrap .prd .swiper-vertical>.swiper-scrollbar{width:4px;}
#m-video-prd .wrap .prd .swiper-horizontal>.swiper-scrollbar,#m-video-prd .wrap .prd .swiper-scrollbar.swiper-scrollbar-horizontal{height:4px;}
#m-video-prd .wrap .prd .swiper-scrollbar.swiper-scrollbar-horizontal{width:64%;left:50%;transform:translateX(-50%);}
#m-video-prd.only-video{margin-bottom:0;}
@media(max-width:801px){ #m-video-prd .wrap .prd .swiper-scrollbar.swiper-scrollbar-horizontal{position:relative;margin:50px auto 0;width:70%;height:4px;top:auto;left:auto;right:auto;bottom:auto;transform:none;}
}
@media(min-width:801px){ #m-video-prd{}
#m-video-prd .title{flex-direction:row;gap:27px;}
#m-video-prd .title h2{font-size:30px;}
#m-video-prd .wrap{flex-direction:row;gap:49px;}
#m-video-prd .wrap .video{width:calc(100% - 22% - 49px);}
#m-video-prd .wrap .prd{position:absolute;right:0;top:0;bottom:0;width:22%;overflow:hidden;overflow-y:auto;scroll-behavior:smooth !important;margin:0 0;user-select: none;}
#m-video-prd .wrap .prd::-webkit-scrollbar{width:5px;}
#m-video-prd .wrap .prd::-webkit-scrollbar-thumb{width:4px;border-radius:3px;background:#000;cursor:pointer;}
#m-video-prd .wrap .prd::-webkit-scrollbar-track{background:#f2f2f2;}
#m-video-prd .wrap .prd .ec-base-product{display:block;padding:0 20px 0 0;margin:0;}
#m-video-prd .wrap .prd .ec-base-product > ul{display:flex;flex-direction:column;gap:30px;padding-bottom:0;}
#m-video-prd .wrap .prd .ec-base-product li{flex-direction:row;gap:23px;}
#m-video-prd .wrap .prd .ec-base-product li .thumbnail{width:30%;white-space:nowrap;min-width:0;}
#m-video-prd .wrap .prd .ec-base-product .description{width:60%;gap:5px;}
#m-video-prd .wrap .prd .ec-base-product li:last-child{padding-bottom:0;}
#m-video-prd .wrap .prd .ec-base-product .prdList .description .name{margin:0 0 10px;}
#m-video-prd .wrap .prd .ec-base-product .prdList .description .name a > *,#m-video-prd .wrap .prd #priceArea > div > *{zoom:1;}
#m-video-prd .wrap .prd #priceArea{gap:7px;}
#m-video-prd .wrap .prd .ec-base-product .prdList .pl-button-wrap{right:5px;}
#m-video-prd .wrap .prd .ec-base-product .prdList > li:hover .pl-button-wrap{right:10px;}
#m-video-prd .wrap .prd .swiper-scrollbar.swiper-scrollbar-vertical,#m-video-prd .wrap .prd .swiper-vertical>.swiper-scrollbar{width:4px;height:100%;margin:0;top:0;bottom:0;}
#m-video-prd .wrap .prd .swiper-scrollbar{display:none;}
#m-video-prd .ec-base-product #priceArea >*{zoom:1;}
#m-video-prd [class*="video-swiper-"].is-wheel-scroll .swiper-wrapper{transition: transform .22s cubic-bezier(.22,.61,.36,1) !important;}
#m-video-prd.only-video{margin-bottom:160px;}
#m-video-prd.only-video .wrap .video{width:100%;}
#m-video-prd.only-video .wrap .prd{display:none;}
}
:root{--m-w-visual-height :640px;--m-w-visual-font :40px;@media(max-width:801px){ --m-w-visual-height :auto;--m-w-visual-font :28px;}
}
#m-wide-visual{position:relative;display:block;height:var(--m-w-visual-height);}
#m-wide-visual a{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;line-height:1.2;font-size:var(--m-w-visual-font);color:#fff;font-weight:bold;z-index:10;}
#m-wide-visual .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;overflow:hidden;display:none;}
#m-wide-visual .bg-img img{display:none !important;}
#m-wide-visual .bg-img:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.15);z-index:5;}
@media(min-width:801px){ #m-wide-visual .bg-img.pc{display:block;}
}
@media(max-width:801px){ #m-wide-visual{aspect-ratio:4/3;}
#m-wide-visual .bg-img.mo{display:block;background-attachment:local;}
}
:root{--insta-title-size :30px;@media(max-width:801px){ --insta-title-size :30px;}
}
#insta-feed{}
#insta-feed .title{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;}
#insta-feed .title h2{font-size:var(--insta-title-size);line-height:1;}
#insta-feed .btn-wrap{display:flex;gap:14px;}
#insta-feed .btn-wrap > *{position:relative;display:flex;align-items:center;justify-content:center;top:auto;left:auto;right:auto;transform:none;margin:auto;width:42px;height:42px;border-radius:100%;background:#fff;border:1px solid #343434;transition:.3s ease;cursor:pointer;font-size:0;}
#insta-feed .btn-wrap > *:hover{background:#343434;color:#fff;}
#insta-feed .btn-wrap > *:hover:after{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(104deg) brightness(105%) contrast(101%);}
#insta-feed .btn-wrap .btn-prev:after,#insta-feed .btn-wrap .btn-next:after{content:"";display:block;width:100%;height:100%;background-size:15px !important;}
#insta-feed .btn-wrap .btn-prev:after{background:url("../img/camp/ico-slide-prev.svg") center no-repeat;}
#insta-feed .btn-wrap .btn-next:after{background:url("../img/camp/ico-slide-next.svg") center no-repeat;}
#insta-feed .feed{overflow:hidden;}
#insta-feed .feed ul li{display:block;white-space:nowrap;flex-shrink:0;}
#insta-feed .feed ul li a{white-space:nowrap;display:block;width:100%;height:100%;border-radius:10px;overflow:hidden;}
#insta-feed .feed ul li img{width:100%;height:100%;object-fit:cover;}
:root{--prd-gap-small :6px;--prd-gap-medium :12px;--prd-gap-big :20px;--prd-margin-small :0 6px 14px;--prd-margin-medium :0 8px 14px;--prd-margin-big :0 12px 14px;--prd-list-thumb-radius :15px;--prd-list-thumb-padding :15px;@media(max-width:801px){ --prd-list-thumb-radius :10px;--prd-list-thumb-padding :15px;}
}
.ec-admin-icon.cart{height:26px;cursor:pointer;}
.ec-base-product{padding:0 0;}
.ec-base-product h2{display:flex;flex-direction:column;gap:8px;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:bold;line-height:1;padding:0 0 25px;color:#000;}
.ec-base-product h2 p{font-weight:normal;opacity:.6;}
.ec-base-product h3{margin-bottom:14px;}
.ec-base-product img{max-width:100%;}
.ec-base-product > ul{padding:14px 0 0;}
.ec-base-product li{vertical-align:top;}
.ec-base-product .prdList{display:grid;font-size:0;min-width:0;width:100%;}
.ec-base-product .prdList > li{position:relative;display:block;width:100%;max-width:100%;vertical-align:top;text-align:left;line-height:1.4;}
.ec-base-product .prdList .chk{position:absolute;top:8px;left:8px;display:block;margin:0;z-index:10;}
.ec-base-product .prdList .thumbnail{position:relative;margin-bottom:var(--prd-list-thumb-padding);text-align:center;font-size:0;border-radius:var(--prd-list-thumb-radius);overflow:hidden;}
.ec-base-product .prdList .thumbnail .prdImg{position:relative;}
.ec-base-product .prdList .thumbnail .prdImg > a.mo-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:none;}
.ec-base-product .prdList .thumbnail .prdImg > a > img{width:100%;}
.ec-base-product .prdList .thumbnail .over-img{position:absolute;top:0px;left:0;right:0;bottom:0;width:100%;height:100%;background-size:auto 100% !important;opacity:0;filter:alpha(opacity=0);transition:0.3s !important;background-color:#fff;}
.ec-base-product .prdList .thumbnail .over-img img{width:100%;height:auto;}
.ec-base-product .prdList .thumbnail:hover .over-img{opacity:1;filter:alpha(opacity=100);}
@media(max-width:801px){ .ec-base-product .prdList .thumbnail .prdImg > a.mo-link{display:block;}
}
.ec-base-product .prdList .colorchip{}
.ec-base-product .prdList .colorchip .color{display:flex;flex-wrap:wrap;gap:4px;padding:0 0 5px;}
.ec-base-product .prdList .colorchip .color span{display:inline-flex;width:8px;height:8px;border-radius:100%;border:1px solid var(--border-color);}
.ec-base-product.slide .prdList{flex-wrap:nowrap;gap:unset;}
.ec-base-product.slide .prdList > li{margin-bottom:0;}
.ec-base-product.slide .is-slide{overflow:hidden;}
.ec-base-product.slide .swiper-inner{position:relative;}
.ec-base-product.slide .typeMoreview{display:none;}
.ec-base-product.slide .swiper-pagination.swiper-pagination-progressbar{position:relative;}
.ec-base-product.slide [class*='swiper-button']{opacity:0;transition:.3s ease;margin-top:unset;}
.ec-base-product.slide:hover [class*='swiper-button']{opacity:.85;}
.ec-base-product.slide [class*='swiper-button']:hover{opacity:1;}
.ec-base-product.slide .swiper-button-prev{left:-38px;}
.ec-base-product.slide .swiper-button-next{right:-38px;}
.ec-base-product.slide:hover .swiper-button-prev{left:-33px;}
.ec-base-product.slide:hover .swiper-button-next{right:-33px;}
.ec-base-product.slide .prd-list-link{display:flex;justify-content:center;max-width:300px;margin:30px auto 0;}
.ec-base-product.slide .prd-list-link a{display:flex;justify-content:center;min-width:250px;background:#fff;border:1px solid var(--border-color-3);border-radius:3px;box-shadow:0 3px 3px rgba(0,0,0,.03),0 10px 15px rgba(0,0,0,.02);transition:.3s ease;}
.ec-base-product.slide .prd-list-link a:hover{border-color:var(--border-color-2);}
.ec-base-product .prdList .pl-button-wrap{position:absolute;text-align:center;z-index:20;}
.ec-base-product .pl-button{ display:flex;flex-direction:column;gap:11px;align-items:center;justify-content:center;align-items:center;margin:0 auto;}
.ec-base-product .wish{position:relative;display:flex;justify-content:center;align-items:center;}
.ec-base-product .prdList .thumbnail .prdIcon{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}
.ec-base-product .pl-button > div{position:relative;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#fff;opacity:1;box-shadow:0 3px 3px rgba(0,0,0,.05),0 0 8px rgba(0,0,0,.06);cursor:pointer;}
.ec-base-product .pl-button > div:before{content:"";display:flex;align-items:center;justify-content:center;font-family:xeicon;font-size:16px;color:#000;background-size:100% auto !important;background-repeat:no-repeat !important;background-position:center !important;}
.ec-base-product .pl-button > div > a{margin:0 !important;padding:0 !important;width:auto !important;}
.ec-base-product .pl-button > div > img,.ec-base-product .pl-button > div > a > img,.ec-base-product .pl-button > div > button{margin:0 !important;}
.ec-base-product .pl-button .likeButton{}
.ec-base-product .pl-button .likeButton button{position:relative;font-family:Montserrat;color:#9a9a9a;background:none;font-size:10px;padding:0;margin:0;font-weight:normal;border:0;}
.ec-base-product .pl-button .likeButton button strong:has(span.likePrdCount){position:absolute;right:-22px;top:-26px;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:28px;height:28px;align-items:center;justify-content:center;margin:0 auto;border-radius:100%;background:#000;color:#fff;font-size:10px;font-weight:500;transform: scale(0.68);transform-origin:center center;}
.ec-base-product .pl-button .likeButton button span.likePrdCount{}
.ec-base-product .pl-button .likeButton.selected button{color:#000;}
.ec-base-product .pl-button .ico-cart > img,.ec-base-product .pl-button .ico-option > a > img,.ec-base-product .wish img,.ec-base-product .pl-button .likeButton > button > img,.ec-base-product .pl-button .ico-zoom > img{position:absolute;top:0;left:0;width:0;height:0;padding:100% 100% 0 0;z-index:10;cursor:pointer;}
.ec-base-product .pl-button .ico-cart:before{content:"\e900";font-family:rbfont;font-weight:500;font-size:14.6px;display:block;margin-top:-5px;}
.ec-base-product .pl-button .ico-option:before{content:"\e91c";}
.ec-base-product .pl-button .likeButton:has(img[icon_status='off']):before{content:"\e903";font-family:rbfont;font-weight:500;font-size:14.6px;display:block;margin-top:-5px;}
.ec-base-product .pl-button .likeButton:has([icon_status='on']):before{content:"\e903";font-family:rbfont;font-weight:500;font-size:14.6px;color:var(--point-color);display:block;margin-top:-5px;}
.ec-base-product .wish:has(img[icon_status="off"]):before{content:"\e902";font-family:rbfont;font-weight:500;font-size:14px;}
.ec-base-product .wish:has(img[icon_status="on"]):before{content:"\e901";font-family:rbfont;font-weight:500;font-size:14px;color:var(--point-color);}
.ec-base-product .prdList .description{display:flex;flex-direction:column;gap:5px;margin:0 auto;padding:0;font-size:12px;line-height:18px;}
.ec-base-product .prdList .description .name{display:block;font-weight:normal;}
.ec-base-product .prdList .description .name a{color:#2e2e2e;}
.ec-base-product .prdList .description .mileage{display:block;}
.ec-base-product .prdList .description span.grid{display:block;}
.ec-base-product .prdList .description .promotion{margin:15px 0 4px;font-size:0;}
.ec-base-product .prdList .description .promotion:not(:has(img)){display:none;}
.ec-base-product .prdList .description .promotion img{margin:0 4px 0 0;}
.ec-base-product .prdList .description.hide{opacity:0;transition:.3s;}
.ec-base-product .discountPeriod{margin:-5px 0 10px;}
.ec-base-product .discountPeriod .content{display:inline-flex;flex-wrap:wrap;color:#bbb;justify-content:center;}
.ec-base-product .discountPeriod .content strong.title{font-weight:normal;}
.ec-base-product .discountPeriod .content strong.title:after{content:":";display:inline;margin:0 1px;}
.ec-base-product .discountPeriod .content strong.title img{display:none;}
:root{--price-padding :8px;--price-gap :4px 10px;@media(max-width:801px){--price-padding :7px;--price-gap :4px 8px;}
}
.ec-base-product #priceArea{display:flex;flex-wrap:wrap;gap:var(--price-gap);padding-top:var(--price-padding);}
.ec-base-product #priceArea > *{}
.ec-base-product #priceArea .rate{color:var(--point-color);font-weight:bold;}
@supports (-webkit-touch-callout: none){.ec-base-product #priceArea .rate{}
}
.ec-base-product #priceArea:not(.is-sale) .custom{opacity:.27;}
.ec-base-product #priceArea:not(.is-sale) .custom *{color:#000 !important;font-weight:600 !important;}
.ec-base-product #priceArea:not(.is-sale) .rate{}
.ec-base-product #priceArea:not(.is-sale) .price{}
@media(max-width:801px){ .ec-base-product #priceArea:not(.is-sale) .custom{order:1;width:100%;}
.ec-base-product #priceArea:not(.is-sale) .rate{order:2;}
.ec-base-product #priceArea:not(.is-sale) .price{order:3;}
}
.ec-base-product #priceArea.is-sale .before-sale{display:flex;flex-wrap:wrap;gap:var(--price-gap);width:100%;}
.ec-base-product #priceArea.is-sale .before-sale .custom{}
.ec-base-product #priceArea.is-sale .custom *{font-weight:500 !important;}
.ec-base-product #priceArea.is-sale .custom:not(.before-sale .custom){}
.ec-base-product #priceArea.is-sale .price:not(.before-sale .custom){opacity:.27;}
.ec-base-product #priceArea.is-sale .price{display:none;}
.ec-base-product #priceArea.is-sale .price *{color:#000 !important;font-weight:600 !important;}
.ec-base-product #priceArea.is-sale .rate{}
.ec-base-product #priceArea.is-sale .sale{}
@media(max-width:801px){ .ec-base-product #priceArea.is-sale .custom{order:-999;width:100%;}
}
.ec-base-product #dc{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.15);display:flex;height:30px;justify-content:center;align-items:center;font-size:12px;font-weight:500;align-items:center;color:#fff;}
.ec-base-product #dc .inner{display:flex;vertical-align:middle;align-items:center;gap:3px;text-align:center;justify-content:center;overflow:hidden;}
.ec-base-product #dc .inner:before{content:"\eac2";font-family:xeicon;font-weight:normal;font-size:14px;}
.ec-base-product #dc .inner span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ec-base-product #dc.before{background:rgba(255,255,255,.9);color:var(--point-color);border-color:var(--point-color);box-shadow:1px 1px 5px rgba(0,0,0,.05);}
.ec-base-product #dc.before:before{display:none;}
.ec-base-product.timesale #dc-off{position:absolute;top:50%;left:50%;transform:translate(-50%);display:flex;align-items:center;width:fit-content;height:fit-content;align-items:center;font-size:12px;font-weight:500;border-radius:30px;color:rgba(255,255,255,1);z-index:2;}
.ec-base-product.timesale #dc-off:before{content:"\eac2";font-family:xeicon;font-weight:normal;font-size:14px;}
.ec-base-product.timesale .dc-off .thumbnail{filter: grayscale(1);}
.ec-base-product.timesale .dc-off .thumbnail:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1;}
@media(max-width:801px){ .ec-base-product #dc .inner span{font-size:12px !important;font-weight:500;}
}
.--product .prd-list{box-sizing:border-box;font-size:0;line-height:0;padding:0;margin:0;}
.--product .prd-list > li{position:relative;display:block;margin:0 0 14px;vertical-align:top;text-align:left;font-size:12px;line-height:1.4;}
.--product .prd-list .chk{position:absolute;top:8px;left:8px;display:block;margin:0;z-index:10;}
.--product .prd-list .thumbnail{position:relative;margin-bottom:var(--prd-list-thumb-padding);text-align:center;font-size:0;border-radius:var(--prd-list-thumb-radius);overflow:hidden;}
.--product .prd-list .thumbnail .prdImg{position:relative;}
.--product .prd-list .thumbnail .prdImg > a > img{width:100%;}
.--product .prd-list .thumbnail .over-img{position:absolute;top:0px;left:0;right:0;bottom:0;width:100%;height:100%;background-size:auto 100% !important;opacity:0;filter:alpha(opacity=0);transition:0.3s !important;background-color:#fff;}
.--product .prd-list .thumbnail .over-img img{width:100%;height:auto;}
.--product .prd-list .thumbnail:hover .over-img{opacity:1;filter:alpha(opacity=100);}
.--product .prd-list .colorchip{}
.--product .prd-list .colorchip .color{display:flex;flex-wrap:wrap;gap:4px;padding:0 0 5px;}
.--product .prd-list .colorchip .color span{display:inline-flex;width:8px;height:8px;border-radius:100%;border:1px solid var(--border-color);}
.--product .prd-list .pl-button-wrap{position:absolute;text-align:center;z-index:20;}
.--product .pl-button{ display:flex;flex-direction:column;gap:11px;align-items:center;justify-content:center;align-items:center;margin:0 auto;}
.--product .wish{position:relative;display:flex;justify-content:center;align-items:center;}
.--product .prd-list .thumbnail .prdIcon{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}
.--product .pl-button > div{position:relative;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#fff;opacity:1;box-shadow:0 3px 3px rgba(0,0,0,.05),0 0 8px rgba(0,0,0,.06);cursor:pointer;}
.--product .pl-button > div:before{content:"";display:flex;align-items:center;justify-content:center;font-family:xeicon;font-size:16px;color:#000;background-size:100% auto !important;background-repeat:no-repeat !important;background-position:center !important;}
.--product .pl-button > div > a{margin:0 !important;padding:0 !important;width:auto !important;}
.--product .pl-button > div > img,.--product .pl-button > div > a > img,.--product .pl-button > div > button{margin:0 !important;}
.--product .pl-button .likeButton{}
.--product .pl-button .likeButton button{position:relative;font-family:Montserrat;color:#9a9a9a;background:none;font-size:10px;padding:0;margin:0;font-weight:normal;border:0;}
.--product .pl-button .likeButton button strong:has(span.likePrdCount){position:absolute;right:-22px;top:-26px;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:28px;height:28px;align-items:center;justify-content:center;margin:0 auto;border-radius:100%;background:#000;color:#fff;font-size:10px;font-weight:500;transform: scale(0.68);transform-origin:center center;}
.--product .pl-button .likeButton button span.likePrdCount{}
.--product .pl-button .likeButton.selected button{color:#000;}
.--product .pl-button .ico-cart > img,.--product .pl-button .ico-option > a > img,.--product .wish img,.--product .pl-button .likeButton > button > img,.--product .pl-button .ico-zoom > img{position:absolute;top:0;left:0;width:0;height:0;padding:100% 100% 0 0;z-index:10;cursor:pointer;}
.--product .pl-button .ico-cart:before{background:url("../img/sub/ico-basket.svg");}
.--product .pl-button .ico-option:before{content:"\e91c";}
.--product .pl-button .likeButton:has(img[icon_status='off']):before{content:"\e902";font-family:rbfont;font-weight:500;font-size:14.6px;display:block;margin-top:-5px;}
.--product .pl-button .likeButton:has([icon_status='on']):before{content:"\e902";font-family:rbfont;font-weight:500;font-size:14.6px;color:var(--point-color);display:block;margin-top:-5px;}
.--product .wish:has(img[icon_status="off"]):before{content:"\e902";font-family:rbfont;font-weight:500;font-size:14px;}
.--product .wish:has(img[icon_status="on"]):before{content:"\e901";font-family:rbfont;font-weight:500;font-size:14px;color:var(--point-color);}
.--product .prd-list .description{display:flex;flex-direction:column;gap:5px;margin:0 auto;padding:0;font-size:12px;line-height:18px;}
.--product .prd-list .description .name{display:block;font-weight:normal;}
.--product .prd-list .description .name a{color:#2e2e2e;}
.--product .prd-list .description .mileage{display:block;}
.--product .prd-list .description span.grid{display:block;}
.--product .prd-list .description .promotion{margin:15px auto 4px;font-size:0;}
.--product .prd-list .description .promotion:not(:has(img)){display:none;}
.--product .prd-list .description .promotion img{margin:0 4px 0 0;}
.--product .prd-list .description.hide{opacity:0;transition:.3s;}
.--product .discountPeriod{margin:-5px 0 10px;}
.--product .discountPeriod .content{display:inline-flex;flex-wrap:wrap;color:#bbb;justify-content:center;}
.--product .discountPeriod .content strong.title{font-weight:normal;}
.--product .discountPeriod .content strong.title:after{content:":";display:inline;margin:0 1px;}
.--product .discountPeriod .content strong.title img{display:none;}
.--product #priceArea{display:flex;flex-wrap:wrap;gap:var(--price-gap);padding-top:var(--price-padding);}
.--product #priceArea > *{}
.--product #priceArea .rate{color:var(--point-color);font-weight:bold;}
@supports (-webkit-touch-callout: none){.--product #priceArea .rate{}
}
.--product #priceArea:not(.is-sale) .custom{order:3;opacity:.27;}
.--product #priceArea:not(.is-sale) .custom *{color:#000 !important;font-weight:600 !important;}
.--product #priceArea:not(.is-sale) .rate{order:1;}
.--product #priceArea:not(.is-sale) .price{order:2;}
@media(max-width:801px){ .--product #priceArea:not(.is-sale) .custom{order:1;width:100%;}
.--product #priceArea:not(.is-sale) .rate{order:2;}
.--product #priceArea:not(.is-sale) .price{order:3;}
}
.--product #priceArea.is-sale .before-sale{display:flex;flex-wrap:wrap;gap:var(--price-gap);width:100%;}
.--product #priceArea.is-sale .before-sale .custom{}
.--product #priceArea.is-sale .custom:not(.before-sale .custom){order:3;}
.--product #priceArea.is-sale .price:not(.before-sale .custom){order:3;opacity:.27;}
.--product #priceArea.is-sale .price *{color:#000 !important;font-weight:600 !important;}
.--product #priceArea.is-sale .rate{order:1;}
.--product #priceArea.is-sale .sale{order:2;}
.--product #dc{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.15);display:flex;height:30px;justify-content:center;align-items:center;font-size:12px;font-weight:500;align-items:center;color:#fff;}
.--product #dc .inner{display:flex;vertical-align:middle;align-items:center;gap:3px;text-align:center;justify-content:center;overflow:hidden;}
.--product #dc .inner:before{content:"\eac2";font-family:xeicon;font-weight:normal;font-size:14px;}
.--product #dc .inner span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.--product #dc.before{background:rgba(255,255,255,.9);color:var(--point-color);border-color:var(--point-color);box-shadow:1px 1px 5px rgba(0,0,0,.05);}
.--product #dc.before:before{display:none;}
.--product.timesale #dc-off{position:absolute;top:50%;left:50%;transform:translate(-50%);display:flex;align-items:center;width:fit-content;height:fit-content;align-items:center;font-size:12px;font-weight:500;border-radius:30px;color:rgba(255,255,255,1);z-index:2;}
.--product.timesale #dc-off:before{content:"\eac2";font-family:xeicon;font-weight:normal;font-size:14px;}
.--product.timesale .dc-off .thumbnail{filter: grayscale(1);}
.--product.timesale .dc-off .thumbnail:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1;}
.ec-product-bgLT{background-position:left top;}
.ec-product-bgLC{background-position:left center;}
.ec-product-bgLB{background-position:left bottom;}
.ec-product-bgRT{background-position:right top;}
.ec-product-bgRC{background-position:right center;}
.ec-product-bgRB{background-position:right bottom;}
.ec-product-bgCT{background-position:center top;}
.ec-product-bgCC{background-position:center center;}
.ec-product-bgCB{background-position:center bottom;}
@media(min-width:1025px){.ec-base-product .prdList{gap:54px 28px;}
.ec-base-product .prdList.grid1,.ec-base-product .prdList.grid2,.ec-base-product .prdList.grid3{grid-template-columns:repeat(3,1fr);}
.ec-base-product .prdList.grid4{grid-template-columns:repeat(4,1fr);}
.ec-base-product .prdList.grid5{grid-template-columns:repeat(5,1fr);}
}
@media(max-width:1024px){.ec-base-product .prdList{gap:30px 15px;}
.ec-base-product .prdList.grid1{grid-template-columns:repeat(1,1fr);}
.ec-base-product .prdList.grid2,.ec-base-product .prdList.grid3,.ec-base-product .prdList.grid4,.ec-base-product .prdList.grid5{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:768px){.ec-base-product h2{font-size:30px;padding:0 0 45px;}
.ec-base-product h2 p{font-size:15px;}
.ec-base-product{padding:0;}
.ec-base-product .prdList .thumbnail .prdImg .pl-button-wrap{display:block;}
.--product .pl-button-wrap{display:block;}
.ec-base-product .wish img[icon_status="off"] + .wish-ico:before,.ec-base-product .wish img[icon_status="on"] + .wish-ico:before,.ec-base-product .wish img[src*='btn_wish_before'] + .wish-ico:before,.ec-base-product .wish img[src*='btn_wish_after'] + .wish-ico:before{}
.ec-base-product .prdList .pl-button-wrap{bottom:16px;right:13px;visibility:hidden;opacity:0;transition: .3s ease;}
.ec-base-product .prdList > li:hover .pl-button-wrap{visibility:visible;opacity:1;right:16px;}
.ec-base-product .pl-button > div{width:36px;height:36px;}
.ec-base-product .pl-button > div:before{width:15px;height:15px;}
.--product .pl-button-wrap{bottom:16px;right:13px;visibility:hidden;opacity:0;transition: .3s ease;}
.--product > ul > li:hover .pl-button-wrap{visibility:visible;opacity:1;right:16px;}
.--product .pl-button > div{width:36px;height:36px;}
.--product .pl-button > div:before{width:15px;height:15px;}
.ec-base-product.slide .prd-list-link{margin:55px auto 0 }
.ec-base-product.slide .prd-list-link a{padding:18px 0;font-size:13px;}
.ec-base-product #dc .inner,.ec-base-product.timesale #dc-off .inner{}
}
@media all and (max-width:768px){.ec-base-product h2{font-size:25px;}
.ec-base-product h2 p{font-size:15px;}
.ec-base-product.slide [class*='swiper-button']{display:none;}
.ec-base-product.slide .prd-list-link{margin:45px auto 0 }
.ec-base-product.slide .prd-list-link a{padding:18px 0;font-size:13px;}
.ec-base-product #dc .inner,.ec-base-product.timesale #dc-off .inner{padding:3px 8px;font-size:11px;}
.ec-base-product .prdList .pl-button-wrap{bottom:10px;right:10px;}
.ec-base-product .pl-button{gap:7px;}
.ec-base-product .pl-button > div{width:30px;height:30px;background:rgba(255,255,255,.85);box-shadow:0 2px 2px rgba(0,0,0,.08),0 5px 8px rgba(0,0,0,.02);}
.ec-base-product .pl-button > div:before{width:13px;height:13px;}
.--product .pl-button-wrap{bottom:10px;right:10px;}
.--product .pl-button{gap:7px;}
.--product .pl-button > div{width:30px;height:30px;background:rgba(255,255,255,.85);box-shadow:0 2px 2px rgba(0,0,0,.08),0 5px 8px rgba(0,0,0,.02);}
.--product .pl-button > div:before{width:13px;height:13px;}
}
#body-load{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:999999999;}
*::-webkit-scrollbar{height:6px;width:6px;}
*::-webkit-scrollbar-track{background-color:#fff;}
*::-webkit-scrollbar-track:hover{background-color:#fff;}
*::-webkit-scrollbar-track:active{background-color:#fff;}
*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#333333;}
*::-webkit-scrollbar-thumb:hover{background-color:#1F1F1F;}
*::-webkit-scrollbar-thumb:active{background-color:#1F1F1F;}
::selection{color:#fff;background-color: var(--point-color);}
#titleArea{padding:0 20px 20px;position:relative;line-height:1.4;}
#titleArea h2,#titleArea p{opacity:0;transition:opacity .6s ease,transform .6s ease;}
#titleArea h2{font-size:var(--font-size-title);text-align:center;transform: translateY(10px);transition-delay:.3s;}
#titleArea p{text-align:center;transform:translateY(5px);transition-delay:.6s;}
body:not(.no-js) #titleArea h2,body:not(.no-js) #titleArea p{opacity:1;transform:translateY(0);}
#titleArea .xans-layout-mobileaction{position:absolute;top:6px;left:14px;display:none;}
#contents{min-height:400px;}
@media (min-width:801px){#main-box{max-width:var(--pc-max-width);margin:0 auto;}
#contents{max-width:var(--pc-max-width);padding:40px 0;}
#titleArea{padding:15px 0 50px;}
}
@media(max-width:801px){ #contents{padding:30px 15px;}
}
#gnb-mask-pc{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--mask-bg);z-index:9991;display:none;}
#gnb-mask-pc.show{visibility:visible;opacity:1;z-index:100;}
#gnb-pc{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,1);background-size:cover;background-position:center;z-index:9992;opacity:0;user-select:none;pointer-events:none;transition:.4s cubic-bezier(0.165,0.84,0.44,1);height:100svh;overflow:hidden;}
#gnb-pc.show{opacity:1;user-select:initial;pointer-events:initial;}
#gnb-pc .gnb-cont{position:relative;display:flex;color:#fff;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);height:100%;overflow-y:auto;}
#gnb-pc .gnb-inner{display:flex;width:100%;}
#gnb-pc a{color:#fff;}
#gnb-pc .gnb-hd{position:absolute;top:0;left:40px;right:40px;display:flex;gap:70px;justify-content:space-between;align-items:center;height:100px;z-index:100;}
#gnb-pc .gnb-hd .logo{opacity:0;transform: translateY(3px);transition:.5s ease;}
#gnb-pc.show .gnb-hd .logo{opacity:1;transform: translateY(0);transition-delay:.7s;}
#gnb-pc .gnb-hd .logo .inner{position:relative;height:var(--hd-logo-height);}
#gnb-pc .gnb-hd .logo .logo-div img{height:var(--hd-logo-height);}
#gnb-pc .gnb-hd .logo .logo-div.default{display:none;}
#gnb-pc .gnb-hd .logo .logo-div.white{display:block;}
#gnb-pc .gnb-hd .gnb-close-pc{cursor:pointer;}
#gnb-pc .gnb-hd .gnb-close-pc svg{width:32px;height:32px;}
#gnb-pc .gnb-hd .lang{margin-left:auto;opacity:0;transition:.5s ease;}
#gnb-pc.show .gnb-hd .lang{opacity:1;transition-delay:.7s;}
#gnb-pc .gnb-hd .lang ul{display:flex;gap:17px;align-items:center;}
#gnb-pc .gnb-hd .lang ul li{display:flex;gap:17px;align-items:center;opacity:.5;transition:.3s ease;}
#gnb-pc .gnb-hd .lang ul li:hover,#gnb-pc .gnb-hd .lang ul li.selected{opacity:1;}
#gnb-pc .gnb-hd .lang ul:has(li:not(.selected):hover) li.selected{opacity:.5;}
#gnb-pc .gnb-hd .lang ul li:not(:first-child):before{content:"";display:block;width:1px;height:12px;background:#fff;opacity:.3;}
#gnb-pc .content{display:flex;justify-content:center;height:100%;width:100%;max-width:var(--pc-max-width);margin:0 auto;}
#gnb-pc section{position:relative;display:flex;flex:1 1 0;align-items:center;justify-content:center;height:100%;border-right:1px solid rgba(225,225,225,.11);}
#gnb-pc section:last-child{border-right:0;}
#gnb-pc section .sec-in{position:absolute;top:30%;display:flex;flex-direction:column;gap:40px;text-align:center;width:100%;}
#gnb-pc section .sec-in h1{font-size:26px;font-weight:700;}
#gnb-pc section .sec-in .sub-menu{display:block;}
#gnb-pc section .sub-menu > ul,#gnb-pc section .sub-menu > ul.xans-myshop-main{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:500;}
#gnb-pc section .sec-in > .sub-menu > ul > li{display:block;transition:opacity .5s ease;}
#gnb-pc section .sec-in > .sub-menu > ul:hover > li{opacity:.45;}
#gnb-pc section .sec-in > .sub-menu > ul > li:hover{opacity:1;}
#gnb-pc section .sec-in > .sub-menu > ul > li > a{display:block;padding:2px 0;color:inhreit;}
#gnb-pc .category{}
#gnb-pc .mypage{}
#gnb-pc .cs{}
#gnb-pc .cs > .sub-menu > h2{font-size:20px;font-weight:600;padding-bottom:11px;}
#gnb-pc .cs .time{font-size:12px;line-height:19px;padding-bottom:30px;}
#gnb-pc .cs .sns{display:flex;align-items:center;gap:14px;}
#gnb-pc .cs .sns a{font-size:20px;}
#gnb-pc .cs .sns a.x{display:none;}
#gnb-pc .cs .sns a i{}
#gnb-pc section .sec-in{opacity:0;transform: translateY(10px);}
#gnb-pc.show section:nth-child(1) .sec-in{animation: gnbUp .7s ease .1s 1 normal forwards;}
#gnb-pc.show section:nth-child(2) .sec-in{animation: gnbUp .7s ease .2s 1 normal forwards;}
#gnb-pc.show section:nth-child(3) .sec-in{animation: gnbUp .7s ease .3s 1 normal forwards;}
#gnb-pc.show section:nth-child(4) .sec-in{animation: gnbUp .7s ease .4s 1 normal forwards;}
#gnb-pc.show section:nth-child(5) .sec-in{animation: gnbUp .7s ease .5s 1 normal forwards;}
@keyframes gnbUp{from{opacity:0;transform: translateY(20px);}
to{opacity:1;transform: translateY(0);}
}
@keyframes gnbLogo{from{opacity:0;transform: translateY(5px);}
to{opacity:1;transform: translateY(0);}
}
@media(min-width:1028px){ #gnb-mo,#gnb-mask-mo{display:none;}
}
#gnb-mask-mo{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--mask-bg);z-index:9991;visibility:hidden;opacity:0;transition:.3s;}
#gnb-mask-mo.show{visibility:visible;opacity:1;}
#gnb-mo{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:1000px;height:100dvh;overflow-y:auto;background-color:rgba(0,0,0,1);background-size:cover;background-position:center;z-index:9992;transform:translateY(-100%);user-select:none;pointer-events:none;transition:transform .7s cubic-bezier(0.19,1,0.22,1);}
#gnb-mo::-webkit-scrollbar{display:none;}
#gnb-mo.show{transform:translateY(0);user-select:initial;pointer-events:initial;}
#gnb-mo .gnb-inner{position:relative;display:flex;flex-direction:column;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);padding:0 25px 10px;min-height:calc(100% - 10px);overflow:hidden;overflow-y:auto;color:#fff;}
#gnb-mo .gnb-inner a{color:#fff;}
#gnb-mo .gnb-hd{display:flex;justify-content:space-between;align-items:center;height:90px;}
#gnb-mo .gnb-hd .logo{opacity:0;transition:.5s ease;}
#gnb-mo.show .gnb-hd .logo{opacity:1;transition-delay:.5s;}
#gnb-mo .gnb-hd .logo .inner{position:relative;height:var(--hd-logo-height);}
#gnb-mo .gnb-hd .logo .logo-div img{height:var(--hd-logo-height);}
#gnb-mo .gnb-hd .logo .logo-div.default{display:none;}
#gnb-mo .gnb-hd .logo .logo-div.white{display:block;}
#gnb-mo .gnb-hd .gnb-close-mo{cursor:pointer;}
#gnb-mo .gnb-hd .gnb-close-mo svg{width:22px;height:22px;}
#gnb-mo .user{position:relative;display:none;padding-bottom:45px;}
#gnb-mo .user ul{display:flex;align-items:center;flex-wrap:wrap;}
#gnb-mo .user ul li{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:14px;padding-left:16px;}
#gnb-mo .user ul li:before{content:"";display:flex;width:1px;height:10px;background:#A8A8A8;}
#gnb-mo .user ul li:first-child{padding-left:0;}
#gnb-mo .user ul li:first-child:before{display:none;}
:root{--mo-gnb-accor-arrow :13px;}
#gnb-mo .accordion > ul{display:flex;flex-direction:column;gap:0;border-bottom:1px solid rgba(225,225,225,.2);}
#gnb-mo .accordion > ul > li > a.title{position:relative;display:flex;justify-content:space-between;align-items:center;padding:24px 15px;font-size:22px;font-weight:600;border-top:1px solid rgba(225,225,225,.2);}
#gnb-mo .accordion > ul > li > a.title:after{content:"";display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7.05'%3E%3Cg%3E%3Cpath d='M6,7.05L0,1.05,1.08,0l4.92,4.92L10.92,0l1.08,1.05-6,6Z'/%3E%3C/g%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7.05'%3E%3Cg%3E%3Cpath d='M6,7.05L0,1.05,1.08,0l4.92,4.92L10.92,0l1.08,1.05-6,6Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:16px var(--mo-gnb-accor-arrow);mask-size: var(--mo-gnb-accor-arrow);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position:center;mask-position:center;}
#gnb-mo .accordion > ul > li.active > a.title:after{transform:rotate(180deg);}
#gnb-mo .accordion > ul > li.item.active > a.title{}
#gnb-mo .accordion .accor-cont{display:none;padding:5px 15px 45px;font-size:15px;}
#gnb-mo .accordion .accor-cont > ul,#gnb-mo .accordion .accor-cont > ul ul.sub{display:flex;flex-direction:column;gap:15px;font-size:17px;}
#gnb-mo .accordion .accor-cont > ul{position:relative;opacity:0;transform:translateY(15px);transition:transform .5s ease,opacity .3s ease;}
#gnb-mo .accordion > ul > li.active .accor-cont > ul{transform:translateY(0);opacity:1;}
#gnb-mo .accordion .accor-cont h1{font-size:15px;}
#gnb-mo .accordion .accor-cont .sub-menu{display:none;padding:20px 0 30px 25px;}
#gnb-mo .accordion .accor-cont > ul > li > .sub-menu{padding:20px 0 30px 15px;}
#gnb-mo .accordion .accor-cont > ul li > .sub-menu > ul{position:relative;display:flex;flex-direction:column;gap:10px;font-size:15px;}
#gnb-mo ul[class*="catedep"]:not(.catedep1):not(.catedep2):after{content:"";position:absolute;display:block;top:0;left:-20px;width:1px;height:100%;background:rgba(225,225,225,.22);}
#gnb-mo .accordion .accor-cont li a{display:flex;justify-content:space-between;align-items:center;line-height:1.2;}
#gnb-mo .accordion .accor-cont li.on > a:after{content:"\ea13";font-family:remixicon;font-size:18px;}
#gnb-mo .accordion .accor-cont li.on.selected > a:after{content:"\f1af";}
#gnb-mo .gnb-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:rgba(225,225,225,.5);padding:25px 0 10px;}
#gnb-mo .lang{position:relative;display:block;}
#gnb-mo .lang ul{display:flex;gap:18px;}
#gnb-mo .lang ul li{opacity:.5;transition:opacity .3s ease;}
#gnb-mo .lang ul li.selected{opacity:1;}
#gnb-mo .lang ul li img{width:24px;display:none;}
#gnb-mo .lang ul li:hover,#gnb-mo .lang ul li.selected{opacity:1;}
#gnb-mo .lang ul:has(li:not(.selected):hover) li.selected{opacity:.5;}
@media(max-width:1028px){ #gnb-pc,#gnb-mask-pc{display:none;}
}
@keyframes moGnbUp{from{opacity:0;transform: translateY(15px);}
to{opacity:1;transform: translateY(0);}
}
@keyframes moGnbDown{from{opacity:1;transform: translateY(0);}
to{opacity:0;transform: translateY(15px);}
}
:root{--hd-height :90px;--hd-scroll-height :75px;--hd-sub-bg : rgba(0,0,0,.85);--hd-bg-blur :10px;@media(max-width:1028px){ --hd-height :68px;--hd-scroll-height :60px;}
}
#scroll-trigger{position:absolute;top:100px;height:1px;width:100%;pointer-events: none;}
#hd-wrap{position:fixed;top:0;left:0;right:0;display:block;margin:auto;z-index:999;border-bottom:1px solid #F2F2F2;transition:border-color .3s ease,top .3s ease;}
#header{position:relative;display:flex;align-items:center;height:var(--hd-height);transition:height .3s ease,background .3s ease;z-index:100;}
#hd-wrap #header:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,1);transition:height .3s ease,background .3s ease;}
#hd-wrap.scroll{border-color:#ddd;}
#hd-wrap.scroll #header{height:var(--hd-scroll-height);}
#hd-wrap.scroll #header:before{background:rgba(255,255,255,.9);backdrop-filter:blur(var(--hd-bg-blur));}
#hd-wrap.scroll #header .logo-div img{transform:scale(.9);transform-origin:left center;}
#header li{position:relative;}
#header > .menu > ul > li:has(> .sub-menu) > a{display:flex;gap:3px;}
#header > .menu > ul > li:has(> .sub-menu) > a:after{content:"";width:20px;height:20px;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7.05'%3E%3Cdefs%3E%3Cstyle%3E .dron-down %7B fill: %231f1f1f;%7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='dron-down' d='M6,7.05L0,1.05,1.08,0l4.92,4.92L10.92,0l1.08,1.05-6,6Z'/%3E%3C/g%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7.05'%3E%3Cdefs%3E%3Cstyle%3E .dron-down %7B fill: %231f1f1f;%7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='dron-down' d='M6,7.05L0,1.05,1.08,0l4.92,4.92L10.92,0l1.08,1.05-6,6Z'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:10px;mask-size:10px;background-size:10px auto;background-repeat:no-repeat;background-position:center;transition:background-color .2s ease,background-image .2s ease,transform .3s ease;}
#header li:has(> .sub-menu):hover > a:after{transform:rotate(180deg);}
#header li:has(> .sub-menu:empty) > a:after{display:none;}
#header .sub-menu{position:absolute;top:100%;left:50%;width:max-content;min-width:90px;max-width:300px;transform:translate(-50%,0);opacity:0;background-color:var(--hd-sub-bg);border-radius:12px;padding:28px;box-shadow:0 5px 10px rgba(0,0,0,.1);transition:transform .3s ease,opacity .3s ease;user-select:none;pointer-events:none;will-change: opacity,transform,backdrop-filter;backdrop-filter:blur(10px) !important;}
#header .sub-menu:empty{display:none;}
#header .sub-menu > ul{display:flex;flex-direction:column;gap:7px;}
#header .sub-menu > ul > li > a{font-size:14px;padding:2px 0;}
#header .sub-menu li{transition:opacity .3s ease;}
#header .sub-menu a{display:block;}
#header .sub-menu ul:hover > li{opacity:.5;}
#header .sub-menu ul > li:hover{opacity:1;}
#header li:has(> .sub-menu):hover > .sub-menu,#header li:has(> .sub-menu) > .sub-menu:hover{opacity:1;transform:translate(-50%,-10px);user-select:initial;pointer-events:initial;}
#header .sub-menu.sub{top:-28px;left:calc(100% + 33px);transform:translate(0,5px);}
#header .sub-menu.sub:before{content:"";display:block;position:absolute;top:0;left:-35px;width:45px;height:100%;}
#header li:has(> .sub-menu):hover > .sub-menu.sub,#header li:has(> .sub-menu) > .sub-menu.sub:hover{transform:translate(0,0);}
#header .sub-menu a{color:#fff;}
#header .logo,#header .right-menu{width:20%;height:100%;}
#header .logo{display:flex;align-items:center;}
#header .logo .inner{position:relative;height:var(--hd-logo-height);}
#header .logo-div{transition:opacity .3s ease;}
#header .logo-div.white{position:absolute;top:0;left:0;opacity:0;}
#header .logo-div img{height:var(--hd-logo-height);transition:.3s ease;}
#header .menu{margin:0 auto;height:100%;flex:1;display:flex;justify-content:center;}
#header .menu > ul{display:flex;height:100%;align-items:center;gap:78px;}
#header .menu > ul > li{height:100%;}
#header .menu > ul > li > a{display:flex;align-items:center;font-size:17px;font-weight:600;height:100%;transition:color .3s ease;}
#header .right-menu{margin-left:auto;display:flex;justify-content:end;align-items:center;height:100%;}
#header .right-menu > ul{display:flex;gap:30px;height:100%;}
#header .right-menu > ul > li{height:100%;display:flex;align-items:center;}
#header .right-menu > ul > li > a{display:flex;align-items:center;height:100%;cursor:pointer;transition:color .3s ease;}
#header .right-menu > ul > li > a:after{display:none !important;}
#header .right-menu > ul > li.icon > a{display:block;width:22px;height:22px;font-size:0;text-indent:-9999;background-size:auto 100%;background-repeat:no-repeat;background-position:center;}
#header .right-menu > ul > li.icon svg{width:22px;height:22px;}
#header .right-menu > ul > li.icon.gnb svg{width:20px;height:20px;}
#header .right-menu > ul > li.icon.cart{margin-right:5px;}
#header .right-menu > ul > li.icon.cart > a > span{position:absolute;top:50%;margin-top:-12px;right:-10px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:100%;background:var(--point-color);color:#fff;font-size:10px;font-weight:500;zoom:.97;transition:.3s ease;}
#header .right-menu > ul > li.lang{position:relative;font-size:14px;}
#header .right-menu > ul > li.lang > *{transition:color .3s ease;display:flex;align-items:center;}
#header .right-menu > ul > li.lang .current{display:flex;gap:7px;cursor:pointer;font-weight:bold;font-size:13px;transition:color .3s ease;}
#header .right-menu > ul > li.lang .current:after{content:"\ea4f";font-family:remixicon;font-size:24px;margin-left:-4px;}
#header .right-menu > ul > li.lang .current a img{display:none;}
#header .right-menu > ul > li.lang svg{width:18px;height:18px;}
#header .right-menu > ul > li.lang svg path{width:100%;height:100%;}
#header .right-menu > ul > li.lang .toggle{position:absolute;top:calc(100% - 15px);left:50%;transform:translateX(-50%);width:40px;background:#fff;border-radius:5px;padding:15px;box-shadow:0 10px 10px rgba(0,0,0,0.05);visibility:hidden;opacity:0;transition:.3s ease;user-select:none;pointer-events:none;}
#header .right-menu > ul > li.lang .toggle.on{visibility:visible;opacity:1;top:calc(100% - 20px);user-select:initial;pointer-events:initial;}
#header .right-menu > ul > li.lang .toggle ul{display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:400;}
#header .right-menu > ul > li.lang ul li img{display:none;}
#header .right-menu > ul > li.lang ul li.selected a{color:var(--point-color);}
#header .right-menu .sub-menu{text-align:center;padding:20px;border-radius:10px;}
@media (min-width:1028px){#header{padding:0 40px;}
#header .--mo{display:none !important;}
}
@media (max-width:1028px){#header{padding:0 19px;}
#header .--pc{display:none !important;}
#header .right-menu > ul{gap:20px;}
}
#hd-search{position:absolute;top:0;left:0;right:0;z-index:50;overflow:hidden;opacity:0;user-select:none;pointer-events:none;transition:opacity .2s ease;}
#hd-search.show{opacity:1;user-select:initial;pointer-events:initial;}
#hd-search-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--mask-bg);z-index:-1;user-select:none;pointer-events:none;opacity:0;transition:opacity .3s ease;}
#hd-search-mask.show{opacity:1;user-select:initial;pointer-events:initial;}
#header.search-show{backdrop-filter:blur(0);background:#fff;}
#hd-search > .inner{position:relative;z-index:50;background:#fff;}
#hd-search .title{display:flex;align-items:center;margin:0 auto 20px;}
#hd-search .title h1{font-size:15px;font-weight:600;}
#hd-search .title .search-close{margin-left:auto;width:20px;height:20px;background:url("../img/camp/ico-close.svg") center no-repeat;background-size:100%;}
#hd-search fieldset{background:#f0f0f2;display:flex;align-items:center;padding:7px 15px 7px 5px;}
#hd-search fieldset input[type=text]{flex:1;border:0;background:none;}
#hd-search fieldset .submit{display:inline-flex;width:20px;height:20px;b cursor:pointer;}
#hd-search .btn-search-close{position:absolute;top:calc(100% + 150px);left:50%;transform:translateX(-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:100%;box-shadow:0 8px 8px rgba(0,0,0,.1);z-index:50;cursor:pointer;}
#hd-search .btn-search-close svg{width:18px;height:18px;}
#hd-search .search-box-wrap{display:flex;gap:7%;padding:30px 0 10px;min-width:0 !important;}
#hd-search .search-box-wrap > .box{flex:1;min-width:0 !important;}
#hd-search .search-box-wrap > .box .title{display:flex;align-items:center;gap:4px;font-size:17px;font-weight:600;}
#hd-search .search-box-wrap > .box .title i{font-size:14px;}
#hd-search .search-box-wrap > .box .title a#clearBtn{margin-left:auto;font-size:12px;font-weight:normal;cursor:pointer;color:#666;}
#hd-search .search-box-wrap > .box.history{}
#hd-search .search-box-wrap > .box.history > ul {}
#hd-search .search-box-wrap > .box.history > ul:not(:has(li)){display:none;}
#hd-search .search-box-wrap > .box.xans-search-hotkeyword .time{font-size:12px;text-align:right;opacity:.5;margin-left:auto;}
#hd-search .historyList{min-width:0;}
#hd-search .historyList .item{position:relative;display:inline-flex;align-items:center;border-radius:70px;background:#fff;font-size:13px;color:#333;border:1px solid #ccc;padding:5px 15px;transition:border .3s ease,box-shadow .3s ease;width:fit-content !important;height:fit-content;box-shadow:0 0 8px rgba(0,0,0,0);}
#hd-search .historyList .item:hover{border-color:#777;box-shadow:0 6px 8px rgba(0,0,0,0.05);}
#hd-search .historyList .item:hover a{color:currentColor;}
#hd-search .historyList .item a{font-size:14px;margin-right:5px;}
#hd-search .historyList .item .time{font-size:10px;opacity:.6;display:none;}
#hd-search .historyList .item .del{cursor:pointer;margin-top:2px;}
#hd-search .historyList .item .del:after{position:relative;content:"\e922";font-family:xeicon;font-size:20px;opacity:.3;top:1px;}
#hd-search .historyList .item .del svg{display:none;}
#hd-search #search-empty{font-size:13px;padding:13px 0 0;opacity:.8;}
#hd-search .xans-search-hotkeyword{}
#hd-search .xans-search-hotkeyword ul{min-width:0;height:fit-content;}
#hd-search .xans-search-hotkeyword ul li.swiper-slide{position:relative;display:inline-flex;align-items:center;border-radius:70px;background:#fff;font-size:13px;color:#333;border:1px solid #ccc;transition:border .3s ease;width:auto !important;height:fit-content;}
#hd-search .xans-search-hotkeyword ul li:hover{border-color:#aaa;}
#hd-search .xans-search-hotkeyword ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:8px 15px;color:inherit;}
#hd-search .xans-search-hotkeyword ul li:has(a:empty){display:none;}
@media(min-width:801px){ #hd-search > .inner{padding-left:40px;padding-right:40px;padding-bottom:22px;}
#hd-search fieldset input[type=text]{font-size:17px;}
}
@media(max-width:801px){ #hd-search > .inner{padding-left:20px;padding-right:20px;padding-bottom:15px;}
#hd-search fieldset input[type=text]{font-size:13px;}
#hd-search .search-box-wrap{flex-direction:column;gap:42px;}
}
:root{--ft-info-wrap-gap :5rem;--ft-logo-wrap-gap :40px;--ft-sns-gap :24px;--ft-info-box-gap :20px;--ft-title-size :17px;--ft-h2-size :14px;--ft-cs-h2-size :22px;@media(max-width:1028px){ --ft-info-wrap-gap :1rem;--ft-logo-wrap-gap :30px;--ft-sns-gap :15px;--ft-info-box-gap :15px;--ft-title-size :13px;--ft-h2-size :12px;--ft-cs-h2-size :20px;}
}
#f-wrap{position:relative;display:block;border-top:1px solid #eee;margin-top:80px;}
#footer{position:relative;display:block;padding:43px 0 28px;margin:0 auto;}
#footer .logo-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ft-logo-wrap-gap);}
#footer .logo{position:relative;display:block;}
#footer .logo a{font-size:23px;color:#000;font-weight:600;}
#footer .logo img{height:var(--ft-logo-height);}
#footer .sns{display:flex;gap:var(--ft-sns-gap);}
#footer .info-wrap{display:flex;gap:var(--ft-info-wrap-gap);}
#footer .info-wrap .info-box{display:flex;flex-direction:column;gap:var(--ft-info-box-gap);}
#footer .info-wrap [class*="--box"] > div{display:flex;flex-direction:column;gap:12px;}
#footer .info-wrap [class*="--box"] h1{font-size:var(--ft-title-size);font-weight:500;}
#footer .info-wrap .f-cs{}
#footer .info-wrap .f-cs h2{font-size:var(--ft-cs-h2-size);}
#footer .info-wrap .f-cs .time{line-height:1.4;}
#footer .info-wrap .f-bank dl{display:flex;flex-wrap:wrap;gap:5px;}
#footer .info-wrap .f-bank h2{font-size:var(--ft-h2-size);font-weight:500;}
#footer .f-menu{position:relative;display:block;overflow:hidden;overflow-x:auto;white-space:nowrap;}
#footer .f-menu ul{display:flex;gap:15px;align-items:center;}
#footer .f-menu ul li{display:block;}
#footer .f-menu ul li a{display:block;}
#footer .f-menu ul li a strong{font-weight:600;}
#footer .info{position:relative;display:flex;flex-wrap:wrap;color:#5E5E5E;}
#footer .info dl{display:inline-flex;gap:0;align-items:center;padding:1px 0;margin:0 15px 0 0;}
#footer .info dl dt{font-weight:normal;}
#footer .info dl dd{}
#footer .info dl a{color:inherit;}
#footer .copyright{position:relative;display:block;font-size:12px;color:var(--font-color-light);user-select:none;letter-spacing:0;}
#footer .copyright a{color:inherit;cursor:pointer;transition:.45s;}
#footer .copyright a:hover{color:var(--point-color);}
@media (min-width:1028px){#footer{max-width:var(--pc-max-width);}
#footer .--mo{display:none;}
#footer .info-wrap .info-box{max-width:450px;}
#footer .info-wrap [class*="--box"] h1{padding-bottom:7px;}
#footer .sns img{width:22px;}
}
@media (max-width:1028px){#footer{padding:43px 20px 28px;font-size:13px;}
#footer .--pc{display:none;}
#footer .info-wrap{flex-wrap:wrap;}
#footer .info-wrap .info-box,#footer .info-wrap .f-addr{width:100%;}
#footer .info-wrap .f-cs,#footer .info-wrap .f-bank{flex:1;}
#footer .info-wrap .info-box{order:4;}
#footer .sns img{width:18px;}
}
#fixed-btn{position:fixed;bottom:60px;right:10px;display:flex;flex-direction:column;gap:20px;z-index:50;transition:gap .3s ease,height .3s ease,bottom .35s ease;z-index:300;}
#fixed-btn ul{display:flex;flex-direction:column;}
#fixed-btn li a{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.92);text-align:center;color:#000;cursor:pointer;}
#fixed-btn,#fixed-btn.on.is-footer{transform:translateY(5px);opacity:0;transition:transform .3s ease,opacity .3s ease,bottom .35s ease;pointer-events:none;}
#fixed-btn.on{transform:translateY(0);opacity:1;pointer-events:initial;}
#fixed-btn .updown{border:1px solid var(--border-color);border-radius:28px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05),0 5px 5px rgba(0,0,0,.02);overflow:hidden;}
#fixed-btn.on .updown{}
#fixed-btn li{display:block;border-top:1px solid #F6F6F6;}
#fixed-btn li:first-child{border:0;}
#fixed-btn i{font-size:18px;display:inline-block;vertical-align:middle;}
#fixed-btn .cs-icon{}
#fixed-btn .cs-icon ul{display:flex;flex-direction:column;gap:10px;}
#fixed-btn .cs-icon li a{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.92);text-align:center;color:#000;cursor:pointer;}
#fixed-btn .cs-icon i{font-size:20px;}
#fixed-btn .cs-icon a{border-radius:12px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05),0 5px 5px rgba(0,0,0,.02);}
#fixed-btn .cs-icon li a:has(i[class*='kakao']){background-color:#FEE500;}
#fixed-btn .cs-icon li a:has(i[class*='naver']){background-color:#23BE47;color:#fff;}
.is-bottom{opacity:0 !important;transform:translateY(5px) !important;pointer-events:none !important;}
@media (min-width:801px){#fixed-btn{bottom:40px;}
#fixed-btn li a{width:46px;height:46px;}
#fixed-btn i{font-size:18px;}
#fixed-btn .cs-icon a{border-radius:12px;}
#fixed-btn .cs-icon i{font-size:28px;}
#fixed-btn .cs-icon li i[class*='naver']{font-size:20px;}
}
@media (max-width:801px){body:has(#stickyBuy.on) #fixed-btn{bottom:85px;z-index:200;}
#fixed-btn li a,#fixed-btn .cs-icon li a{width:38px;height:38px;}
#fixed-btn .cs-icon a{border-radius:10px;}
#fixed-btn i{font-size:18px;}
#fixed-btn .cs-icon i{font-size:24px;}
#fixed-btn .cs-icon li i[class*='naver']{font-size:17px;}
}
.xans-layout-multishopshipping.ec-base-layer{display:none;top:200px;width:300px;}
.xans-layout-multishopshipping .worldshipLayer{text-align:center;line-height:1.5em;}
.xans-layout-multishopshipping .worldshipLayer .select{margin:14px 0 0;}
.xans-layout-multishopshipping .worldshipLayer .select select{width:100%;}
:root{ --hd-bnr-height :35px;@media(max-width:801px){ --hd-bnr-height :35px;}
}
#hd-banner{position:relative;display:block;width:100%;height:var(--hd-bnr-height);overflow:hidden;z-index:100;}
#hd-banner .swiper-slide{display:block;width:100% !important;height:100%;}
#hd-banner .swiper-slide a{background:#000;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;align-items:center;width:100%;height:var(--hd-bnr-height);}
#hd-search > .inner{padding-top:calc(var(--hd-height) + var(--hd-bnr-height));}
@media(max-width:801px){ #hd-banner .swiper-slide a{font-size:12px;}
}
:root{ --hd-bnr-height :35px;@media(max-width:801px){ --hd-bnr-height :35px;}
}
#hd-banner-text{position:relative;display:block;width:100%;height:var(--hd-bnr-height);background:var(--hd-bnr-bg-color);color:var(--hd-bnr-txt-font-color);overflow:hidden;z-index:100;}
#hd-banner-text a{display:flex;align-items:center;white-space:nowrap;width:fit-content;gap:100px;height:var(--hd-bnr-height);animation: marquee 45s linear infinite;;color:inherit;font-size:11px;}
@media(max-width:801px){ #hd-banner-text a{gap:80px;}
}
@keyframes marquee{0%{transform: translateX(0) }
100%{transform: translateX(-50%);}
}
:root{ --slide-title-font-size:65px;--slide-small-font-size:17px;--slide-btn-font-size:14px;--slide-txt-gap:15px;--slide-btn-width:119px;--slide-btn-height:45px;--slide-btn-padding:15px;@media(max-width:801px){ --slide-title-font-size:35px;--slide-small-font-size:13px;--slide-btn-font-size:12px;--slide-txt-gap:10px;--slide-btn-width:85px;--slide-btn-height:38px;--slide-btn-padding:12px;}
}
#hd-dummy{display:none;}
#contents{padding-top:0 !important;}
#header:before{background:none !important;backdrop-filter:none !important;}
#hd-wrap.scroll #header.black:before{background:rgba(255,255,255,.9) !important;backdrop-filter:blur(var(--hd-bg-blur)) !important;}
#hd-wrap{border-width:0 !important;}
#hd-wrap:has(#header.black){border-bottom:1px solid #F2F2F2 !important;}
#main-hero{overflow:hidden;}
#main-hero .m-slide{position:relative;height:100%;}
#main-hero .splide__track{height:100%;}
#main-hero *{outline:none;}
#main-hero *:focus-visible{outline:2px solid #a2714c;outline-offset:2px;}
#main-hero a{display:block;height:100%;}
#main-hero img{width:100%;height:100%;object-fit:cover;}
#main-hero .swiper-slide{height:100%;overflow:hidden;}
#main-hero .main--img{position:relative;display:block;height:100%;width:100%;z-index:10;}
#main-hero .main--img img{display:block;width:100%;height:100%;object-fit:cover;}
#main-hero .txt{position:absolute;z-index:30;}
#main-hero .m-slide.pc .swiper-slide-active .txt,#main-hero .m-slide.mo .swiper-slide-active .txt{transition:opacity .2s;}
#main-hero .txt a{display:flex;height:100%;justify-content:center;flex-direction:column;gap:var(--slide-txt-gap);font-size:20px;}
#main-hero .txt small{line-height:1.5;font-size:var(--slide-small-font-size);}
#main-hero .txt big{font-weight:700;font-size:var(--slide-title-font-size);line-height:1.1;}
#main-hero .txt btn{display:flex;width:fit-content;align-items:center;justify-content:center;font-size:var(--slide-btn-font-size);font-weight:500;background:#222;min-width:var(--slide-btn-width);height:var(--slide-btn-height);padding:0 var(--slide-btn-padding);border-radius:30px;color:inherit;background:#000;color:#fff;margin-top:10px;letter-spacing:0;transition:.3s;}
#main-hero .txt btn:hover{background:#000;border-color:#000;color:#fff;}
#main-hero .txt[data-color="#ffffff"] btn,#main-hero .txt[data-color="#FFFFFF"] btn{background:#fff;color:#111;}
#main-hero .txt[data-color="#ffffff"] *,#main-hero .txt[data-color="#FFFFFF"] *{color:#fff;border-color:#fff;}
#main-hero .slide-bg{position:relative;top:0;left:0;display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;}
#main-hero [class*="video-"] iframe{width:100%;height:100%;user-select: none;}
#main-hero .txt small:empty,#main-hero .txt big:empty,#main-hero .txt btn:empty{display:none;}
#main-hero .swiper-slide .txt.top > a{justify-content:start;}
#main-hero .swiper-slide .txt.middle > a{justify-content:center;}
#main-hero .swiper-slide .txt.bottom > a{justify-content:end;}
#main-hero .swiper-slide .txt.left > a{align-items:start;}
#main-hero .swiper-slide .txt.center > a{align-items:center;text-align:center;}
#main-hero .swiper-slide .txt.right > a{align-items:end;text-align:right;}
#main-hero .swiper-slide .txt a{opacity:0;transform:translate3d(0,8px,0);transition:opacity .6s ease,transform .6s ease;}
#main-hero .swiper-slide.swiper-slide-active .txt a{opacity:1;transform:translate3d(0,0,0);transition-delay:0.7s;}
:root{--m-slide-bar-width :120px;--m-slide-bar-height :3px;--m-slide-ctrl-gap :40px;--m-slide-btn-gap :10px;@media(max-width:801px){ --m-slide-bar-width :100%;--m-slide-bar-height :2px;--m-slide-ctrl-gap :0;--m-slide-btn-gap :8px;}
}
#main-hero .pagination{position:absolute;bottom:6%;left:4%;display:flex;align-items:center;gap:var(--m-slide-ctrl-gap);font-size:12px;color:#fff;z-index:30;}
#main-hero .pagination .counter{display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums;}
#main-hero .pagination .counter .total{opacity:.5;}
#main-hero .pagination .counter .current{opacity:1;}
#main-hero .pagination .btn-wrap{display:flex;gap:var(--m-slide-btn-gap);align-items:center;}
#main-hero .pagination .btn-wrap .btn{cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .3s ease;}
#main-hero .pagination .btn-wrap .btn:hover{opacity:1;}
#main-hero .pagination .btn-wrap .btn:after{font-family:remixicon;color:#fff;font-size:22px;font-weight:normal;}
#main-hero .pagination .btn-wrap .prev:after{content:"\ea64";}
#main-hero .pagination .btn-wrap .next:after{content:"\ea6e";}
#main-hero .swiper-pagination{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;height:2px;background:rgba(255,255,255,.3);}
#main-hero .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;}
#main-hero .progress-bar{position:relative;left:auto;bottom:auto;transform:none;gap:4px;width:var(--m-slide-bar-width);height:var(--m-slide-bar-height);overflow: hidden;background:rgba(255,255,255,0.33);}
#main-hero .progress-bar .fill{height:100px;background:#fff;transition:width .5s ease;}
#main-hero .slick-current a{pointer-events:auto !important;z-index:999 !important;}
@media(min-width:801px){ #main-hero .pagination{width:fit-content;bottom:6%;left:4%;gap:15px;font-size:14px;}
#main-hero .swiper-pagination{width:200px;height:3px;}
}
@media(max-width:801px){ #main-hero .pagination{left:7%;right:7%;bottom:30px;width:auto;gap:15px;}
#main-hero .swiper-pagination{width:45%;max-width:120px;}
#main-hero .btn-wrap{display:none;}
}
#header .logo-div.default,#header.white .logo-div.default{opacity:0;}
#header .logo-div.white,#header.white .logo-div.white{opacity:1;}
#hd-wrap.scroll #header .logo-div.default{opacity:1;}
#hd-wrap.scroll #header .logo-div.white{opacity:0;}
#hd-wrap.scroll #header.white .logo-div.default{opacity:0;}
#hd-wrap.scroll #header.white .logo-div.white{opacity:1;}
#hd-wrap.scroll #header.black .logo-div.default{opacity:1 !important;}
#hd-wrap.scroll #header.black .logo-div.white{opacity:0 !important;}
#header .menu.--pc > ul > li > a,#header.white .menu.--pc > ul > li > a{color:#fff;}
#header .menu.--pc > ul > li:not(:hover) > a:after,#header.white .menu.--pc > ul > li:not(:hover) > a:after{border-color:#fff;}
#hd-wrap.scroll #header .menu.--pc > ul > li > a{color:inherit;}
#hd-wrap.scroll #header.white .menu.--pc > ul > li > a{color:#fff;}
#hd-wrap.scroll #header.white.black .menu.--pc > ul > li > a{color:inherit !important;}
#hd-wrap.scroll #header .menu.--pc > ul > li:not(:hover) > a:after{border-color:inherit;}
#hd-wrap.scroll #header.white .menu.--pc > ul > li:not(:hover) > a:after{border-color:#fff;}
#hd-wrap.scroll #header.white.black .menu.--pc > ul > li:not(:hover) > a:after{color:inherit !important;}
#header .right-menu > ul > li > a,#header.white .right-menu > ul > li > a{color:#fff;}
#header .right-menu > ul > li.icon.cart > a > span,#header.white .right-menu > ul > li.icon.cart > a > span{background:#fff;color:#000;}
#header .right-menu > ul > li.lang > *,#header .right-menu > ul > li.lang .current a,#header.white .right-menu > ul > li.lang > *,#header.white .right-menu > ul > li.lang .current a{color:#fff;}
#hd-wrap.scroll #header .right-menu > ul > li > a,#hd-wrap.scroll #header.white .right-menu > ul > li > a{color:#fff;}
#hd-wrap.scroll #header .right-menu > ul > li.cart > a > span,#hd-wrap.scroll #header.white .right-menu > ul > li.cart > a > span{background:var(--point-color);color:#fff;}
#hd-wrap.scroll #header .right-menu > ul > li.lang > *,#hd-wrap.scroll #header .right-menu > ul > li.lang .current a{color:inherit;}
#hd-wrap.scroll #header.white .right-menu > ul > li.lang > *,#hd-wrap.scroll #header.white .right-menu > ul > li.lang .current a{color:#fff;}
#header.black .right-menu > ul > li.icon.cart > a > span #header.black .right-menu > ul > li.lang > *,#header.black .right-menu > ul > li.lang .current a{color:inherit !important;}
#hd-wrap.scroll #header.black .right-menu > ul > li > a,#hd-wrap.scroll #header.black .right-menu > ul > li.lang > *,#hd-wrap.scroll #header.black .right-menu > ul > li.lang .current a{color:#000 !important;}
#header.search-show *,#header.search-show a{color:inherit !important;}
#header.search-show .logo-div.default{opacity:1 !important;}
#header.search-show .logo-div.white{opacity:0 !important;}
#header.search-show .right-menu > ul > li.cart > a > span{color:#fff !important;background:var(--point-color) !important;}
@media(max-width:801px){ #main-hero .m-slide.pc{display:none;}
#main-hero .m-slide.mo{display:block;height:90svh;}
#main-hero .swiper-slide .txt.default a{align-items:center;justify-content:center;text-align:center;}
#main-hero .txt{top:calc(var(--hd-height) + 4%);left:7%;right:7%;bottom:14%;width:auto;height:auto;}
#main-hero .txt small{}
#main-hero .txt btn{}
}
@media(min-width:801px){ #main-hero .m-slide.mo{display:none;}
#main-hero .m-slide.pc{display:block;height:87svh;}
#main-hero .m-slide.pc .swiper-slide{}
#main-hero .swiper-slide .txt.default a{align-items:center;justify-content:center;text-align:center;}
#main-hero .txt{top:calc(var(--hd-height) + 4%);bottom:16%;left:4%;right:4%;height:auto;}
#main-hero .txt small{}
#main-hero .txt btn{}
}
@keyframes slideUp{0%{opacity:0;transform: translateY(5px);}
100%{opacity:1;transform: translateY(0);}
}
@keyframes slideDown{0%{opacity:1;transform: translateY(0);}
100%{opacity:0;transform: translateY(5px);}
}
@keyframes slideFade{0%{opacity:0;}
100%{opacity:1;}
}
:root{--m-rev-title-gap:0 0 40px;--m-rev-radius :17px;@media(max-width:801px){ --m-rev-title-gap:0 0 30px;--m-rev-radius :10px;}
}
#main-review{position:relative;display:block;}
#main-review .title-wrap{position:relative;display:flex;justify-content:space-between;align-items:end;padding:var(--m-rev-title-gap);gap:25px;}
#main-review .title{position:relative;display:flex;flex-direction:column;gap:8px;justify-content:start;align-items:start;font-size:15px;line-height:1.2;}
#main-review .title h1{font-size:30px;}
#main-review .title h1 p{}
#main-review .btn-wrap{position:relative;display:flex;gap:12px;}
#main-review .btn-wrap [class*="btn-"]{display:flex;width:42px;height:42px;border:1px solid #343434;border-radius:100%;background:#fff;cursor:pointer;transition:.3s ease;}
#main-review .btn-wrap [class*="btn-"]:hover{background:#343434;}
#main-review .btn-wrap [class*="btn-"]:hover{background:#343434;color:#fff;}
#main-review .btn-wrap [class*="btn-"]:after{ content:"";display:block;width:100%;height:100%;background-size:15px !important;background-repeat:no-repeat;background-position:center;}
#main-review .btn-wrap [class*="btn-"]:hover:after{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(104deg) brightness(105%) contrast(101%);}
#main-review .btn-wrap .btn-prev:after{background-image:url("../img/camp/ico-slide-prev.svg");}
#main-review .btn-wrap .btn-next:after{background-image:url("../img/camp/ico-slide-next.svg");}
#main-review .more{display:flex;justify-content:center;align-items:center;gap:7px;height:44px;border:1px solid var(--border-color);color:var(--black);font-weight:var(--font-weight-600);background:#fff;margin:0 auto;width:180px;border-radius:5px;font-size:13px;box-shadow:0 3px 4px rgba(0,0,0,.05);}
@media (min-width:801px){#main-review .more{font-size:15px;height:50px;width:220px;}
}
@media(max-width:801px){ #main-review {}
}
:root{--rb-rev-item-width :25%;--rb-rev-item-gap :14px;@media(max-width:801px){ --rb-rev-item-width :50%;--rb-rev-item-gap :10px;}
}
#main-review:has(.swiper-button-next.swiper-button-lock) .rev-slide .splide__list{justify-content:center;}
#main-review .rev-slide{position:relative;width:100%;height:100%;margin-left:auto;margin-right:auto;padding-bottom:60px;overflow:hidden;}
#main-review .rev-slide .splide__list{}
#main-review .rev-slide .item{width:var(--rb-rev-item-width);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:13px;}
#main-review .rev-slide .item .inner{display:flex;flex-direction:column;gap:8px;padding-bottom:10px;border:1px solid var(--border-color);border-radius:var(--m-rev-radius);overflow:hidden;}
#main-review .rev-slide .item .thumb{position:relative;display:block;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;}
#main-review .rev-slide .item .thumb .dummy img{width:100%;height:auto;}
#main-review .rev-slide .item .info-box{display:flex;flex-direction:column;gap:13px;padding:8px 15px 10px;}
#main-review .rev-slide .item .prd-info{display:flex;align-items:center;gap:12px;font-size:13px;color:#656565;padding:15px 0 0;border-top:1px solid #F0F2F4;}
#main-review .rev-slide .item .prdThumb{position:relative;display:block;width:38px;border-radius:8px;}
#main-review .rev-slide .item .prdThumb .dummy img{width:100%;height:auto;}
#main-review .rev-slide .item .prdThumb a{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;}
#main-review .rev-slide .item .p-info{flex:1;display:flex;flex-direction:column;gap:4px;}
#main-review .rev-slide .item .p-info .prd-name {}
#main-review .rev-slide .item .p-info .prd-name a{color:#8F939B;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#main-review .rev-slide .item .p-info .prd-rate{display:flex;gap:5px;color:#959595;}
#main-review .rev-slide .item .p-info .prd-rate b{font-weight:normal;}
#main-review .rev-slide .item .info-cont{display:flex;flex-direction:column;gap:10px;}
#main-review .rev-slide .item .info-cont .grade{display:flex;gap:0;font-size:14px;color:#FFC500;}
#main-review .rev-slide .item .info-cont .grade img{height:11px;margin:0 0 3px;}
#main-review .rev-slide .item .info-cont .grade[data]:before{font-family:xeicon;font-size:14px;color:var(--point-color);font-weight:normal;}
#main-review .rev-slide .item .info-cont .grade[data]:after{font-family:xeicon;font-size:14px;color:var(--border-color);font-weight:normal;}
#main-review .rev-slide .item .info-cont .grade[data='1']:before{content:"\ea0f";}
#main-review .rev-slide .item .info-cont .grade[data='2']:before{content:"\ea0f\ea0f";}
#main-review .rev-slide .item .info-cont .grade[data='3']:before{content:"\ea0f\ea0f\ea0f";}
#main-review .rev-slide .item .info-cont .grade[data='4']:before{content:"\ea0f\ea0f\ea0f\ea0f";}
#main-review .rev-slide .item .info-cont .grade[data='5']:before{content:"\ea0f\ea0f\ea0f\ea0f\ea0f";}
#main-review .rev-slide .item .info-cont .grade[data='1']:after{content:"\ea0f\ea0f\ea0f\ea0f";}
#main-review .rev-slide .item .info-cont .grade[data='2']:after{content:"\ea0f\ea0f\ea0f";}
#main-review .rev-slide .item .info-cont .grade[data='3']:after{content:"\ea0f\ea0f";}
#main-review .rev-slide .item .info-cont .grade[data='4']:after{content:"\ea0f";}
#main-review .rev-slide .item .info-cont .grade .option {display:block;position:relative;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#main-review .rev-slide .item .info-cont .subject{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;font-weight:600;line-height:1.4;}
#main-review .rev-slide .item .info-cont .cont{overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;cursor:pointer;line-height:1.4;height:36px;color:;}
#main-review .rev-slide .item .info-cont .cont #optValue{display:none;}
#main-review .rev-slide .item .info-cont .etc-area{display:flex;align-items:center;gap:9px;font-size:13px;color:#656565;padding:8px 0 0;}
#main-review .rev-slide .item .info-cont .etc-area > *:not(.grade){display:flex;align-items:center;gap:11px;}
#main-review .rev-slide .item .info-cont .etc-area{display:flex;gap:11px;font-size:12px;color:#656565;}
#main-review .rev-slide .item .info-cont .etc-area .date{}
#main-review .swiper-pagination{position:relative;margin:20px auto 0;padding:0;left:auto;bottom:auto;transform:none;width:90%;height:3px;}
#main-review .swiper-pagination .swiper-pagination-progressbar-fill{height:3px;}
/* popup */
#s-popup { position:fixed; bottom:5%; right:5%; visibility:hidden; opacity:0; width:450px; background:#fff; border-radius:9px; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,.075), -4px -4px 14px rgba(0,0,0,.085); z-index:182; user-select: none; pointer-events: none; }
#s-popup .inner { position:relative; }
#s-popup a { }
#s-popup a img { width:100%; }

#s-popup .ft { }
#s-popup .ft ul { display:flex; height:50px; align-items:center; justify-content:center; }
#s-popup .ft ul li { position:relative; display:block; height:100%; flex:1; }
#s-popup .ft ul li:not(:first-child):before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ddd; }
#s-popup .ft ul li a { display:flex; align-items:center; justify-content:center; height:100%; color:#7A7A7A; cursor:pointer; }




#s-popup.open { animation-name:popshow; animation-duration:.3s; animation-delay:.1s; animation-fill-mode: forwards; animation-timing-function:ease; user-select: initial; pointer-events: initial; }
#s-popup.close  { animation-name:pophide; animation-duration:.3s; animation-fill-mode: forwards; animation-timing-function:ease; }


#s-pop-mask { position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.62); z-index:181; opacity:0; user-select:none; pointer-events:none; transition:opacity .3s ease; }


#s-popup .swiper-pagination { width:auto; right:7px; left:auto; bottom:7px; height:22px; min-width:30px; padding:0 7px; background:rgba(0,0,0,.32); border-radius:20px; font-size:10px; color:rgba(255,255,255,.7); display:flex; align-items:center; justify-content:center; gap:4px; }
#s-popup .swiper-pagination .swiper-pagination-current { color:rgba(255,255,255,1); }


/*
#s-popup .swiper-pagination { left:50%; bottom:10px; transform:translateX(-50%); }
#s-popup .swiper-pagination .swiper-pagination-current { color:#fff; }
#s-popup .swiper-pagination-bullet { height:6px; width:6px; margin:0 2px; border-radius:4px; background:#222; opacity:.5; }
#s-popup .swiper-pagination-bullet.swiper-pagination-bullet-active { width:30px; opacity:1; }
*/

@-webkit-keyframes popshow {
  0% {
	visibility:hidden;
	opacity:0;
	transform:translateY(0);
  }
  100% {
	visibility:visible;
	opacity:1;
	transform:translateY(-10px);
  }
}


@-webkit-keyframes pophide {
  0% {
	transform:translateY(-10px);
	visibility:visible;
	opacity:1;
  }
  100% {
	transform:translateY(0);
	visibility:hidden;
	opacity:0;
  }
}


@-webkit-keyframes popMaskFade {
  0% {
	visibility:hidden;
	opacity:0;
	transform:translateY(0);
  }
  100% {
	visibility:visible;
	opacity:1;
	transform:translateY(-10px);
  }
}



/* ¸ð¹ÙÀÏ */
@media(max-width:801px) and (min-width:500px){

#s-popup { right:0; left:50%; bottom:70px; transform:translateX(-50%) !important; }



}
@media(max-width:500px){

#s-popup { width:100%; right:0; left:0; bottom:-10px; height:auto; overflow:visible !important; border-radius:0; box-shadow:none; background:none; z-index:305; }
#s-popup .inner { border-radius:15px 15px 0 0; overflow:hidden; box-shadow:-6px 0 12px rgba(0,0,0,.09); }
#s-pop-mask.show {  opacity:1; user-select:initial; pointer-events:initial; }

#s-popup .ft { position:absolute !important; top:-40px; left:20px; right:20px; }
#s-popup .ft ul { height:40px; justify-content:space-between; }
#s-popup .ft ul li { flex:none; }
#s-popup .ft ul li:not(:first-child):before  { display:none; }
#s-popup .ft ul li a { color:#fff; }

#s-popup.open {  animation-duration:.5s; animation-delay:.5s; }
#s-popup.close  { animation-duration:.2s; }

#s-popup .swiper-pagination { top:auto; bottom:7px; }


}








	


@media(max-width:801px) and (min-width:500px){

#s-popup { right:0; left:50%; bottom:70px; transform:translateX(-50%) !important; }



}
@media(max-width:500px){

#s-popup { width:100%; right:0; left:0; bottom:-10px; height:auto; overflow:visible !important; border-radius:0; box-shadow:none; background:none; z-index:305; }
#s-popup .inner { border-radius:15px 15px 0 0; overflow:hidden; box-shadow:-6px 0 12px rgba(0,0,0,.09); }
#s-pop-mask.show {  opacity:1; user-select:initial; pointer-events:initial; }

#s-popup .ft { position:absolute !important; top:-40px; left:20px; right:20px; }
#s-popup .ft ul { height:40px; justify-content:space-between; }
#s-popup .ft ul li { flex:none; }
#s-popup .ft ul li:not(:first-child):before  { display:none; }
#s-popup .ft ul li a { color:#fff; }

#s-popup.open {  animation-duration:.5s; animation-delay:.5s; }
#s-popup.close  { animation-duration:.2s; }

#s-popup .swiper-pagination { top:auto; bottom:7px; }


}