@charset "utf-8";*,::before,::after{box-sizing:border-box}::before,::after{text-decoration:inherit;vertical-align:inherit}.cf:after{display:block;content:"";clear:both}html{width:100%;height:100%;cursor:default;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-size:13px;line-height:1.5;font-family:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",arial,dotum,µ¸¿ò,sans-serif}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit}hr{height:0;overflow:visible}main,details{display:block}dl,ol,ul,menu{list-style:none}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}address,em,i{font-style:normal}a{background-color:transparent;text-decoration:none;color:inherit}a:hover{text-decoration:none}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}img{vertical-align:top}iframe,img,fieldset{border-style:none}img,video{max-width:100%}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse;border-spacing:0}button{background-color:transparent}button,select{text-transform:none}button,input{border:0;border-radius:0;overflow:visible}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}figure{margin:0}fieldset{border:1px solid #a0a0a0;padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{overflow:auto;resize:vertical}[type="checkbox"],[type="radio"]{padding:0}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}

input:focus{outline:none}.bw-43{width:436px;margin:0 auto}.bw-80{width:800px;margin:0 auto}.bw-12{width:1200px;margin:0 auto}.bw-112{width:1120px;margin:0 auto}.bw-104{width:1040px;margin:0 auto}.bw-1290{width:1200px;margin:90px auto}.fxCol{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.fxCol-cece{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.fxCol-toce{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center}.fxCol-flence{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:center;justify-content:center}.fxCol-cele{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start}.fxCol-cespbe{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.fxCol-flstspbe{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:space-between;justify-content:space-between}.fxCol-flstspar{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:space-around;justify-content:space-around}.fxCol-flstflst{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start}.fxCol-flenspbe{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;justify-content:space-between}.fxCol-ceri{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.fxCol-flstflen{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-end;justify-content:flex-end}.fxRow-cece{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.fxRow-flstce{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center}.txts-11{font-size:11px}.txts-12{font-size:12px}.txts-13{font-size:13px}.txts-14{font-size:14px}.txts-15{font-size:15px}.txts-18{font-size:18px}.txts-22{font-size:22px}.txts-24{font-size:24px}.txts-30{font-size:30px}.txts-34{font-size:34px}.txts-40{font-size:40px}.txts-52{font-size:52px}.txts-fontB{font-weight:700}.txts-font{font-weight:400}.lineH18{line-height:18px}.lineH20{line-height:20px}.lineH22{line-height:22px}.lineH24{line-height:24px}.lineH27{line-height:27px}.lineH28{line-height:28px}.lineH30{line-height:30px}.lineH34{line-height:34px}.lineH46{line-height:46px}

:root {
  --bg__colorW: #fff;
  --bg__colorW2: #fff;
  --bg__colorB: #101010;
  --bg__colorBB2: #2b2b2b;
  --bg__colorBB3: #2b2b2b;
  --bg__colorR: #e41717;
  --bg__colorG0G6: #fafafa;
  --bg__colorG1B2: #ececec;
  --bg__colorG1B3: #ececec;
  --bg__colorG2: #dbdbdb;
  --bg__colorG2G5: #dbdbdb;
  --bg__colorG4G3: #707070;
  --bg__colorG5G2: #464646;
  --txt__colorW: #fff;
  --txt__colorW3: #fff;
  --txt__colorW4: #fff;
  --txt__colorB: #101010;
  --txt__colorR: #e41717;
  --txt__colorG3: #aaa;
  --txt__colorG4G3: #707070;
  --txt__colorG5G2: #464646;
  --bd__colorW: #fff;
  --bd__colorB: #101010;
  --bd__colorB2: #101010;
  --bd__colorG0G6: #fafafa;
  --bd__colorG2G5: #dbdbdb;
  --bd__colorG4G3: #707070;
  --bd__colorG5G2: #464646;
  --bd__colorR: #e41717;
}

html.darkmode {
  --bg__colorW: #202020;
  --bg__colorW2: #2b2b2b;
  --bg__colorB: #ececec;
  --bg__colorBB2: #101010;
  --bg__colorBB3: #aaa;
  --bg__colorR: #e41717;
  --bg__colorG0G6: #303030;
  --bg__colorG1B2: #2b2b2b;
  --bg__colorG1B3: #101010;
  --bg__colorG2: #dbdbdb;
  --bg__colorG2G5: #464646;
  --bg__colorG4G3: #aaa;
  --bg__colorG5G2: #dbdbdb;
  --txt__colorW: #202020;
  --txt__colorW3: #aaa;
  --txt__colorW4: #202020;
  --txt__colorB: #ececec;
  --txt__colorR: #e41717;
  --txt__colorG3: #aaa;
  --txt__colorG4G3: #aaa;
  --txt__colorG5G2: #dbdbdb;
  --bd__colorW: #202020;
  --bd__colorB: #ececec;
  --bd__colorB2: #707070;
  --bd__colorG0G6: #303030;
  --bd__colorG2G5: #464646;
  --bd__colorG4G3: #aaa;
  --bd__colorG5G2: #dbdbdb;
  --bd__colorR: #e41717;
}

/************************
colorG0:#fafafa
colorG1:#ececec
colorG2:#dbdbdb
colorG3:#aaa
colorG4:#707070
colorG5:#464646
colorG6:#303030
***********************/

html,
body {
  transition: background-color 0.3s ease;
  background-color: var(--bg__colorW);
  color: var(--txt__colorB);
}


@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  84% {
    transform: translateY(0);
  }
  86% {
    transform: translateY(-8px);
  }
  88% {
    transform: translateY(0px);
  }
  90% {
    transform: translateY(-6px);
  }
  92% {
    transform: translateY(0px);
  }
  94% {
    transform: translateY(-4px);
  }
  96% {
    transform: translateY(0px);
  }
  98% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes searchdown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.document__icon {
  display: inline-flex;
  width: 14px;
  height: 15px;
  position: relative;
  border: 1px solid var(--bd__colorB);
  margin-right: 6px;
  border-radius: 2px;
}
.document__icon::before,
.listjoinarea .document__icon::after {
  content: "";
  position: absolute;
}
.document__icon::before {
  top: 0;
  right: 0;
  border-top: 3px solid var(--bd__colorB);
  border-left: 3px solid transparent;
  width: 0;
  height: 0;
}
.document__icon::after {
  top: 3px;
  left: 2px;
  height: 1px;
  background-color: var(--bg__colorB);
  width: 9px;
}
.document__icon .dicon__line1,
.listjoinarea .document__icon .dicon__line2 {
  position: absolute;
  width: 9px;
  height: 1px;
  background-color: var(--bg__colorB);
  left: 2px;
  display: block;
}
.document__icon .dicon__line1 {
  top: 6px;
}
.document__icon .dicon__line2 {
  top: 9px;
}
/* ¹®¼­ ¾ÆÀÌÄÜ */
.balloon__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  margin-right: 6px;
  border: 1px solid var(--bd__colorB);
  border-radius: 12px;
  position: relative;
  background-color: transparent;
}
.balloon__icon::before,
.balloon__icon::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 7px;
  border-width: 3px 0px 0px 7px;
  border-style: solid;
  border-color: var(--bd__colorB) transparent transparent transparent;
}
.balloon__icon::after {
  bottom: -1.2px;
  left: 5.7px;
  border-color: var(--bd__colorW) transparent transparent transparent;
}
/* ¸»Ç³¼± ¾ÆÀÌÄÜ */
.boxx__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 9px;
  height: 8px;
  position: relative;
  border: 1px solid var(--bd__colorB);
  border-radius: 1px;
  margin-top: 7px;
  margin-right: 11px;
}
.boxx__icon::before,
.boxx__icon::after,
.boxx__icon .bxcon_line::before {
  content: "";
  position: absolute;
}
.boxx__icon::before {
  width: 9px;
  height: 6px;
  bottom: 6px;
  left: -1px;
  border: 1px solid var(--bd__colorB);
  border-radius: 1px;
  transform: skewX(-45deg);
  transform-origin: bottom left;
}
.boxx__icon::after {
  width: 6px;
  height: 8px;
  top: -6px;
  left: 7px;
  background-color: var(--bg__colorB);
  border-radius: 2px;
  transform: skewY(-45deg);
  transform-origin: top right;
}
/* ¹Ú½º ¾ÆÀÌÄÜ */
.coupon__icon {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 16px;
  height: 12px;
  border: 1px solid var(--bd__colorB);
  position: relative;
  margin-right: 6px;
}
.coupon__icon::before,
.coupon__icon::after {
  content: "";
  position: absolute;
  top: 2.5px;
  width: 4px;
  height: 5px;
  border: 1px solid var(--bd__colorB);
  background-color: var(--bd__colorW);
}
.coupon__icon::before {
  left: -1px;
  border-left: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.coupon__icon::after {
  right: -1px;
  border-right: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
/* ÄíÆù ¾ÆÀÌÄÜ */
.coin__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border: 1px solid var(--bd__colorB);
  margin-right: 5px;
}
.coin__icon::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  border: 1px solid var(--bd__colorB);
}
/* Àû¸³±Ý ¾ÆÀÌÄÜ */
.plusc__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: 1px solid var(--bd__colorB);
  border-radius: 7px;
  margin-right: 5px;
}
.plusc__icon::before,
.plusc__icon::after {
  content: "";
  position: absolute;
  background-color: var(--bg__colorB);
}
.plusc__icon::before {
  width: 8px;
  height: 2px;
}
.plusc__icon::after {
  width: 2px;
  height: 8px;
}
/* Ç÷¯½º ¾ÆÀÌÄÜ */
.youtube__icon {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid var(--bd__colorB);
}
/* À¯Æ©ºê ¾ÆÀÌÄÜ */
.naver__icon {
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  position: relative;
}
.naver__icon span {
  display: block;
  background-color: var(--bg__colorB);
  position: absolute;
}
.naver__icon .naverline1 {
  width: 5px;
  height: 14px;
  left: 0px;
}
.naver__icon .naverline2 {
  width: 5px;
  height: 14px;
  left: 4.5px;
  transform: rotate(-30deg);
}
.naver__icon .naverline3 {
  width: 5px;
  height: 14px;
  right: 0px;
}
/* ³×À̹ö ¾ÆÀÌÄÜ */
.instagram__icon {
  width: 14px;
  height: 14px;
  border: 1px solid var(--bd__colorB);
  border-radius: 3px;
  position: relative;
}
.instagram__icon::before,
.instagram__icon::after {
  content: "";
}
.instagram__icon::before {
  width: 8px;
  height: 8px;
  border: 1px solid var(--bd__colorB);
  border-radius: 4px;
}
.instagram__icon::after {
  width: 2px;
  height: 2px;
  background-color: var(--bg__colorB);
  border-radius: 4px;
  position: absolute;
  top: 1px;
  right: 1px;
}
/* ÀνºÅ¸±×·¥ ¾ÆÀÌÄÜ */
.firework__icon {
  display: block;
  position: relative;
  margin-right: 5px;
}
.firework__icon span {
  display: block;
  position: absolute;
  width: 4px;
  height: 1px;
  background-color: var(--bg__colorB);
}
.firework__icon svg {
  width: 10px;
  height: 12px;
}
.firework__icon svg polygon {
  fill: none;
  stroke: var(--bd__colorB);
  stroke-width: 1;
}
.fireworkline1 {
  top: 4px;
  left: 4px;
  transform: rotate(90deg);
}
.fireworkline2 {
  top: 5px;
  left: 1px;
  transform: rotate(70deg);
}
.fireworkline3 {
  top: 7px;
  left: -1px;
  transform: rotate(45deg);
}
/* ÆøÁ× ¾ÆÀÌÄÜ (svg) */
.star__icon {
  width: 14px;
  height: 14px;
  margin-right: 7px;
}
.star__icon polygon {
  fill: none;
  stroke: var(--bd__colorB);
  stroke-width: 1;
}
/* º° ¾ÆÀÌÄÜ (svg) */
.lightning__icon {
  width: 14px;
  height: 16px;
  margin-right: 2px;
}
.lightning__icon polygon {
  fill: none;
  stroke: var(--bd__colorB);
  stroke-width: 1;
}
/* ¹ø°³ ¾ÆÀÌÄÜ (svg) */
.reduction__icon {
  width: 14px;
  height: 16px;
  margin-right: 5px;
}
.reduction__icon polygon {
  fill: none;
  stroke: var(--bd__colorB);
  stroke-width: 1;
}
/* ÀÎÇÏ ¾ÆÀÌÄÜ (svg) */
.teamwear__icon {
  width: 14px;
  height: 16px;
  margin-right: 5px;
}
.teamwear__icon polygon {
  fill: none;
  stroke: var(--bd__colorB);
  stroke-width: 1;
}
/* ÆÀ¿þ¾î ¾ÆÀÌÄÜ (svg) */
.embroidery__icon {
  display: block;
  width: 14px;
  height: 14px;
  position: relative;
  overflow: hidden;
  margin-right: 5px;
}
.embroidery__icon span {
  display: block;
  width: 15px;
  border-top: 1px dashed var(--bd__colorB);
  position: absolute;
}
.spanembroline1 {
  top: 10px;
  left: 1px;
  transform: rotate(136deg);
}
.spanembroline2 {
  top: 7px;
  left: 0px;
  transform: rotate(123deg);
}
.spanembroline3 {
  top: 4px;
  left: -1px;
  transform: rotate(-45deg);
}
/* ÀÚ¼ö ¾ÆÀÌÄÜ */
.circlecheck__icon {
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 5px;
}
.circlecheck__icon svg {
  width: 13px;
  height: 15px;
}
.circlecheck__icon polygon {
  fill: none;
  stroke: var(--bd__colorB);
  stroke-width: 1;
}
.circlecheck__icon .circlecheckline {
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid var(--bd__colorB);
  border-radius: 16px;
  position: absolute;
  top: 1px;
  left: 1px;
}
/* üũ ¾ÆÀÌÄÜ (svg) */
.location__icon {
  display: block;
  position: relative;
  margin-right: 4px;
}
.location__icon svg {
  width: 14px;
  height: 16px;
}
.location__icon svg path {
  fill: none;
  stroke: var(--bd__colorB);
  stroke-width: 1;
}
.location__icon .location__c {
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  border: 1px solid var(--bd__colorB);
  border-radius: 5px;
  top: 6px;
  left: 5.1px;
}
/* À§Ä¡ ¾ÆÀÌÄÜ  (svg) */
.chatballoon__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  margin-right: 6px;
  border: 1px solid var(--bd__colorB);
  border-radius: 50%;
  position: relative;
  background-color: transparent;
}
.chatballoon__icon:before,
.chatballoon__icon:after {
  content: "";
  position: absolute;
}
.chatballoon__icon:before {
  bottom: -2px;
  left: 3px;
  border-width: 2px 6px 0px 0px;
  border-style: solid;
  border-color: var(--bd__colorB) transparent transparent transparent;
}
.chatballoon__icon:after {
  bottom: -0.5px;
  left: 4px;
  border-width: 2px 6px 0px 0px;
  border-style: solid;
  border-color: var(--bd__colorW) transparent transparent transparent;
}
/* äÆà ¸»Ç³¼± ¾ÆÀÌÄÜ */
/* icon */

#header {
  width: 100%;
  height: 62px;
  color: var(--txt__colorB);
  background-color: var(--bg__colorW);
  position: sticky;
  top: 0;
  z-index: 9999;
  transition: box-shadow 0.25s ease;
}
#header.sticky-active {
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.nav {
  width: 100%;
  height: 62px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.nav__btn {
  min-width: 50px;
  min-height: 56px;
}
.nav__btn a {
  padding: 20px 15px;
}
.nav__btn1 {
  order: 1;
}
.nav__btn2 {
  order: 1;
}
.nav__btn3 {
  order: 2;
  margin: 0px auto;
}
.nav__btn4 {
  order: 3;
  overflow: hidden;
}
.nav__btn5 {
  order: 3;
}
.nav__listBtn {
  width: 50px;
  height: 56px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  transition: transform 0.3s ease;
  margin-top: 3px;
}
.nav__listBtn .listbar {
  width: 20px;
  height: 2px;
  background-color: var(--bg__colorB);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.nav__listBtn.active .listbar:nth-child(1) {
  transform: rotate(45deg) translate(4px, 6px);
}
.nav__listBtn.active .listbar:nth-child(2) {
  opacity: 0;
}
.nav__listBtn.active .listbar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -6px);
}
.nav__heartBtn {
  display: block;
  width: 52px;
  height: 59px;
  position: relative;
  margin-top: 2px;
}
.nav__heartBtn .hearticon {
  display: inline-block;
  color: var(--txt__colorB);
  position: absolute;
  margin-top: 2px;
  margin-left: 4px;
  width: 14px;
  height: 14px;
  border-left: solid 2px currentColor;
  border-bottom: solid 2px currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  backface-visibility: hidden;
}
.nav__heartBtn .hearticon:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -2px;
  width: 11px;
  height: 10px;
  border-radius: 20px 20px 0 0;
  border-top: solid 2px currentColor;
  border-left: solid 2px currentColor;
  border-right: solid 2px currentColor;
}
.nav__heartBtn .hearticon:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 7px;
  width: 10px;
  height: 11px;
  border-radius: 0 20px 20px 0;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  border-bottom: solid 2px currentColor;
}
.nav__heartBtn .heartNum {
  display: none;
}
.nav__heartBtn .heartover {
  color: var(--txt__colorR);
  position: absolute;
  border-left: solid 2px currentColor;
  border-bottom: solid 2px currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  backface-visibility: hidden;
}
.nav__heartBtn .heartover1 {
  display: none;
  margin-top: 13px;
  margin-left: 8.5px;
  width: 5px;
  height: 5px;
}
.nav__heartBtn .heartover2 {
  display: none;
  margin-top: 11.2px;
  margin-left: 7.5px;
  width: 10px;
  height: 5px;
}
.nav__heartBtn .heartover3 {
  display: none;
  margin-top: 8px;
  margin-left: 6.5px;
  width: 14px;
  height: 7px;
}
.nav__logo {
  display: block;
  width: 130px;
  height: 62px;
}
.nav__logo svg,
.nav__logo img {
  width: 100%;
  height: auto;
  image-rendering: optimizeQuality;
}
.nav__searchbg {
  width: 50px;
  height: 60px;
  position: relative;
  transition: width 0.5s ease-in-out;
}
input.MS_search_word {
  width: 50px;
  height: 60px;
  position: absolute;
  visibility: hidden;
  color: #707070;
}
.searchRink {
  display: none;
}
.nav__searchBtn {
  cursor: pointer;
  width: 50px;
  height: 60px;
  position: relative;
  padding: 20px 15px;
}
.nav__searchBtn .searchicon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-color: var(--bd__colorB);
  border-radius: 9px;
}
.nav__searchBtn .searchicon:before {
  content: "";
  position: absolute;
  top: 37px;
  left: 28px;
  width: 8px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--bg__colorB);
  transform: rotate(45deg);
  backface-visibility: hidden;
}
.searchRink .searchicon {
  border-color: #101010;
}
.searchRink .searchicon:before {
  background-color: #101010;
}
.nav__searchdel {
  visibility: hidden;
  opacity: 0;
  width: 50px;
  height: 56px;
  cursor: pointer;
  margin-top: 3px;
}
.nav__searchdel .sedelbar {
  width: 12px;
  height: 2px;
  background-color: #ececec;
}
.nav__searchdel .sedelbar:nth-child(1) {
  transform: rotate(45deg) translate(5.8px, 5.9px);
}
.nav__searchdel .sedelbar:nth-child(2) {
  transform: rotate(-45deg) translate(5.5px, -5.5px);
}
.nav__searchClose {
  visibility: hidden;
  opacity: 0;
  width: 50px;
  height: 56px;
  cursor: pointer;
  font-size: 1.2em;
  color: var(--txt__colorB);
  transition: transform 0.25s ease 0.35s, visibility 0.25s ease 0.35s,
    opacity 0.25s ease 0.35s;
  transform: translateX(200px);
}
.nav__bagBtn {
  display: block;
  width: 53px;
  height: 61px;
  position: relative;
}
.nav__bagBtn .bagicon {
  display: inline-block;
  width: 22px;
  height: 0px;
  border-top: 16px solid;
  border-top-color: var(--bd__colorB);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  margin-top: 5px;
}
.nav__bagBtn .bagicon:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 27px;
  left: 17.5px;
  width: 17px;
  height: 0px;
  border-top: 12px solid;
  border-top-color: var(--bd__colorW);
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.nav__bagBtn .bagicon:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 19.5px;
  left: 22px;
  width: 8px;
  height: 10px;
  border-radius: 5px 5px 0 0;
  border-top: 2px solid currentColor;
  border-left: solid 2px currentColor;
  border-right: solid 2px currentColor;
}
.nav__bagBtn .bagnum {
  display: none;
  position: absolute;
  top: 31px;
  left: 27px;
  width: 15px;
  height: 15px;
  border-radius: 50% 50%;
  background-color: var(--bg__colorR);
  text-align: center;
  font-size: 8px;
  line-height: 15px;
  color: #fff;
  animation: bounce 7s infinite;
}
/* nav */

.nav__btn4.click {
  width: 100%;
  height: 62px;
  position: fixed;
}
.nav__searchbg.click {
  width: 100%;
  position: fixed;
  right: 0;
}
input.MS_search_word.click {
  visibility: visible;
  background-color: #ececec;
  width: 80%;
  height: 40px;
  line-height: 40px;
  font-size: 1.2em;
  top: 10px;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 30px;
  margin: 0px 15% 0px 5%;
  text-indent: 6px;
}
.searchFink.click {
  display: none;
}
.searchRink.click {
  display: block;
  left: 7%;
}
.nav__searchdel.click {
  visibility: visible;
  opacity: 1;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: absolute;
  right: 18%;
  top: 50%;
  margin-top: -8px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #aaa;
}
.nav__searchClose.click {
  visibility: visible;
  opacity: 1;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: absolute;
  right: 4%;
  top: 50%;
  margin-top: -20px;
  width: 50px;
  height: 40px;
  line-height: 40px;
  transform: translateX(0px);
}
.searcharea.click {
  display: block;
}
#container.searchclick,
#footer.searchclick {
  position: fixed;
}
/* nav - search */

.searcharea {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  background-color: var(--bg__colorW);
  padding: 100px 60px 60px 60px;
}
.searcharea .setit {
  color: var(--txt__colorG3);
  font-size: 1.2em;
  margin-bottom: 15px;
  animation: searchdown 0.5s ease forwards;
}
.searcharea .seitemview {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.searcharea .seitemview a {
  font-size: 0.8em;
}
.searcharea .setxt {
  margin-bottom: 30px;
  padding-left: 10px;
}
.setxt li,
.seitemviewlistin {
  opacity: 0;
  transform: translateY(-20px);
}
.searcharea .sekeywordlist {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.searcharea .sekeywordlist li a {
  display: block;
  padding: 5px 7px;
  border: 1px solid var(--bd__colorB);
  border-radius: 500px;
  margin: 0px 7px 7px 0px;
}
.searcharea .seitemviewlist ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  overflow-y: auto;
  max-height: 30vh;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.searcharea .seitemviewlist ul::-webkit-scrollbar {
  display: none;
}
.searcharea .seitemviewlist ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.searcharea .seitemviewlist ul li a figure {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.searcharea .seitemviewlist ul li a img {
  width: 30px;
  margin-right: 10px;
}
.searcharea .seitemviewlist ul li a p {
  font-size: 0.9em;
}
/* nav - searchBg */

.listMenu {
  position: fixed;
  left: -82%;
  top: 0px;
  width: 82%;
  height: 100vh;
  padding-top: 62px;
  background-color: var(--bg__colorW);
  z-index: 100;
  transition: left 0.3s ease;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.listMenu::-webkit-scrollbar {
  display: none;
}
.listMenu.active {
  left: 0;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
}
.cleararea {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
}
.cleararea.active {
  display: block;
}
main.blurred,
footer.blurred {
  filter: blur(2px);
}
.listjoinarea {
  width: 100%;
  background-color: var(--bg__colorG0G6);
  color: var(--txt__colorB);
  line-height: 20px;
  padding: 20px;
}
.listjoinarea .listjtit {
  font-size: 1.3em;
  margin-top: 20px;
}
.listjoinarea .listjtit b {
  font-size: 1.2em;
}
.listjoinarea .listjtit span {
  font-size: 0.8em;
  color: var(--txt__colorG4G3);
}
.listjoinarea .listjtit.listjbefore {
  font-size: 1.1em;
  line-height: 1.5em;
  color: var(--txt__colorG4G3);
}
.listjoinarea .listjtxt {
  margin-top: 5px;
  flex-wrap: wrap;
}
.listjoinarea .listjtxt a {
  margin-right: 10px;
  margin-top: 10px;
  padding: 4px 12px;
  border: 1px solid var(--bd__colorG4G3);
  border-radius: 500px;
  color: var(--txt__colorG4G3);
}
.listjoinarea .person__icon {
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
  margin-right: 6px;
}
.listjoinarea .person__icon::before,
.listjoinarea .person__icon::after {
  content: "";
  position: absolute;
  border: 1px solid var(--bd__colorB);
  background-color: transparent;
}
.listjoinarea .person__icon::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 1px;
  left: 4px;
}
.listjoinarea .person__icon::after {
  width: 16px;
  height: 12px;
  border-radius: 10px / 5px;
  top: 10px;
  left: 0px;
}
.listjtxt .document__icon {
  border: 1px solid var(--bd__colorG4G3);
}
.listjtxt .document__icon::before {
  border-top: 3px solid var(--bd__colorG4G3);
}
.listjtxt .document__icon::after {
  background-color: var(--bd__colorG4G3);
}
.listjtxt .document__icon .dicon__line1,
.listjtxt .document__icon .dicon__line2 {
  background-color: var(--bd__colorG4G3);
}
.listjtxt .balloon__icon {
  border: 1px solid var(--bd__colorG4G3);
}
.listjtxt .balloon__icon::before,
.listjtxt .balloon__icon::after {
  border-color: var(--bd__colorG4G3) transparent transparent transparent;
}
.listjtxt .balloon__icon::after {
  border-color: var(--bd__colorG0G6) transparent transparent transparent;
}
.listjtxt .boxx__icon {
  border: 1px solid var(--bd__colorG4G3);
}
.listjtxt .boxx__icon::before {
  border: 1px solid var(--bd__colorG4G3);
}
.listjtxt .boxx__icon::after {
  background-color: var(--bg__colorG4G3);
}
.listjtxt .coupon__icon {
  border: 1px solid var(--bd__colorG4G3);
}
.listjtxt .coupon__icon::before,
.listjtxt .coupon__icon::after {
  border: 1px solid var(--bd__colorG4G3);
  background-color: var(--bg__colorG0G6);
}
.listjtxt .coupon__icon::before {
  border-left: none;
}
.listjtxt .coupon__icon::after {
  border-right: none;
}
.listjtxt .coin__icon {
  border: 1px solid var(--bd__colorG4G3);
}
.listjtxt .coin__icon::before {
  border: 1px solid var(--bd__colorG4G3);
}
.listjtxt .plusc__icon {
  border: 1px solid var(--bd__colorG4G3);
}
.listjtxt .plusc__icon::before,
.plusc__icon::after {
  background-color: var(--bg__colorG4G3);
}
/* nav - listMenu */

.listCategory {
  padding: 10px 30px;
}
.listCategory .cateBtn {
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  width: 100%;
  padding: 10px;
  color: var(--txt__colorB);
  font-size: 1.5em;
  font-weight: bold;
}
.listCategory .vicon {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 1px solid var(--bd__colorB);
  border-bottom: 1px solid var(--bd__colorB);
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
}
.listCategory .sublistcate {
  padding-left: 20px;
  display: none;
}
.listCategory .sublistcate a {
  display: block;
  width: 100%;
  padding: 8px 14px;
  font-size: 1.1em;
  color: var(--txt__colorG4G3);
}
.listCategory .listcate.open .sublistcate {
  display: block;
}
.listCategory .listcate.open .cateBtn .vicon {
  transform: rotate(45deg);
}
.listCategory .sublistcate .sublistsize {
  padding-top: 10px;
  padding-left: 10px;
  background: var(--bg__colorG0G6);
  border-radius: 10px;
  margin-bottom: 5px;
}
.listCategory .sublistcate .sublistsize a {
  display: inline-block;
  width: auto;
  margin-right: 10px;
  margin-bottom: 10px;
}
.listCategoryM {
  padding: 0px 20px;
}
.listCategoryM a {
  text-align: left;
  width: 100%;
  padding: 10px 20px;
  color: var(--txt__colorW);
  font-size: 1.5em;
  font-weight: bold;
  background-color: var(--bg__colorB);
  border-radius: 300px;
}
.listCategoryM a .vicon {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 1px solid var(--bd__colorW);
  border-bottom: 1px solid var(--bd__colorW);
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
}
/* nav - listcate */

.listBrandlogobg {
  padding: 15px 0px 0px 15px;
  background-color: var(--bg__colorG0G6);
  margin: 20px 0px;
}
.listBrandlogo {
  flex-wrap: wrap;
}
.listBrandlogo li {
  width: 40px;
  height: 40px;
  margin: 0px 15px 15px 0px;
}
.listBrandlogo li a {
  width: 40px;
  height: 40px;
}
/* nav - brandlogo */

.subBtnset {
  margin: 30px 20px 40px 20px;
  display: table;
  border-top: 1px solid var(--bd__colorG2G5);
  border-left: 1px solid var(--bd__colorG2G5);
  width: calc(100% - 40px);
}
.subBtnsetRow {
  display: table-row;
}
.subBtnsetCell {
  display: table-cell;
  border-right: 1px solid var(--bd__colorG2G5);
  border-bottom: 1px solid var(--bd__colorG2G5);
  vertical-align: middle;
}
.subBtnsetCell a {
  padding: 10px 12px;
  color: var(--txt__colorG4G3);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
}
.subBtnset .firework__icon span {
  background-color: var(--bd__colorG4G3);
}
.subBtnset .firework__icon svg polygon,
.subBtnset .star__icon polygon,
.subBtnset .lightning__icon polygon,
.subBtnset .reduction__icon polygon,
.subBtnset .teamwear__icon polygon,
.subBtnset .circlecheck__icon polygon,
.subBtnset .location__icon svg path {
  stroke: var(--bd__colorG4G3);
}
.subBtnset .location__icon .location__c,
.subBtnset .circlecheck__icon .circlecheckline {
  border: 1px solid var(--bd__colorG4G3);
}
.subBtnset .embroidery__icon span {
  border-top: 1px dashed var(--bd__colorG4G3);
}
/* nav - subbtnset */

.listsns {
  margin-bottom: 20px;
}
.listsns li {
  margin: 10px 15px;
}
.listsns li a {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 0.9em;
  color: var(--txt__colorG3);
  line-height: 1.2em;
}
.listsns li a .iconcovers {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: var(--bg__colorG0G6);
  margin-bottom: 5px;
}
/* nav - snslist */

.customerChat {
  margin: 50px 20px 10px 20px;
  border: 1px solid var(--bd__colorG2G5);
}
.customerChat a {
  padding: 7px 20px;
  font-size: 1.3em;
  color: var(--txt__colorG4G3);
}
/* nav - customer chat */

.listoptime {
  padding: 20px;
  margin: 0px 20px 5px 20px;
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  background-color: var(--bg__colorG0G6);
  color: var(--txt__colorG4G3);
}
.listoptimein {
  width: 100%;
}
.listoptimein:first-child {
  width: 100%;
}
.listoptimein:last-child {
  border-top: 1px dashed var(--bd__colorG4G3);
  padding-top: 10px;
}
.listoptimetit {
  font-weight: bold;
  margin-bottom: 10px;
}
.listoptimetxt {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.optimerow {
  display: table-row;
}
.optimecell {
  display: table-cell;
}
.optimecell:first-child {
  width: 35%;
}
.optimecell:last-child {
  width: 65%;
}
/* nva operating time */

.darkmodebg {
  padding: 20px;
  margin: 10px 20px;
  background-color: var(--bg__colorG0G6);
  color: var(--txt__colorG4G3);
}
.darkmode__switchbg {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 34px;
}
.darkmode__switchbg input {
  opacity: 0;
  width: 0;
  height: 0;
}
.darkmode__switchbg .darkmode__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bg__colorG2);
  transition: 0.4s;
  border-radius: 34px;
}
.darkmode__switchbg .darkmode__slider:before {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  left: 4px;
  bottom: 4px;
  background-color: var(--bg__colorW);
  transition: 0.4s;
  border-radius: 50%;
}
.darkmode__switchbg input:checked + .darkmode__slider {
  background-color: var(--bg__colorG2);
}
.darkmode__switchbg input:checked + .darkmode__slider::before {
  transform: translateX(36px);
}
/* nav darkmode */

.blackarea {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.7;
  z-index: 10000;
  cursor: pointer;
}
.blackarea.active {
  display: block;
}
.customerChatarea {
  display: none;
  z-index: 10001;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 400px;
  height: auto;
  background-color: var(--bg__colorW);
  padding: 30px 20px;
}
.customerChatarea.active {
  display: block;
}
.cChatarea__tit {
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--bd__colorB);
}
.cChatarea__close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 20px;
  height: 16px;
}
.cChatarea__close span {
  width: 20px;
  height: 2px;
  background-color: var(--bg__colorB);
}
.cChatarea__closeline1 {
  transform: rotate(45deg) translate(4px, 6px);
}
.cChatarea__closeline2 {
  transform: rotate(-45deg) translate(4px, -6px);
}
.cChatarea__btn {
  font-size: 1.3em;
  font-weight: bold;
  width: 100%;
  background-color: #fee500;
  padding: 7px 20px;
  cursor: pointer;
  color: #202020;
}
.cChatarea__subtit {
  display: inline-block;
  border: 1px solid var(--bd__colorB);
  border-radius: 500px;
  padding: 4px 8px;
  margin-bottom: 10px;
}
.cChatarea__subtit.point {
  border: 1px solid var(--bd__colorR);
  color: var(--txt__colorR);
}
.cChatarea__subtxt {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed var(--bd__colorB);
}
.cChatarea__subtxt a {
  font-weight: bold;
  text-decoration: underline;
}
.cChatarea__subtxtlast {
  padding-bottom: 0px;
  border-bottom: none;
}
.chatballoon__icon {
  border: 1px solid var(--bd__colorG4G3);
}
.chatballoon__icon:before {
  border-color: var(--bd__colorG4G3) transparent transparent transparent;
}
.chatballoon__icon:after {
  border-color: var(--bd__colorG0G6) transparent transparent transparent;
}
/* äÆà ¸»Ç³¼± ¾ÆÀÌÄÜ */
/* chat area */

.movebtn {
  opacity: 0;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 38px;
  height: 77px;
  background-color: var(--bg__colorR);
  border-radius: 19px;
  opacity: 0.8;
  overflow: hidden;
  z-index: 99;
  transform: translateY(100px);
  transition: transform 0.3s;
}
.movebtn.show {
  transform: translateY(0);
}
.movebtn.show.shift {
  transform: translateY(-60px);
}
.moveup {
  width: 38px;
  height: 38px;
  cursor: pointer;
}
.movedown {
  width: 38px;
  height: 38px;
  cursor: pointer;
}
.movearrow {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.movearrowt {
  border-top: 2px solid;
  border-top-color: var(--bd__colorW);
  border-right: 2px solid;
  border-right-color: var(--bd__colorW);
  transform: rotate(-45deg);
  margin-top: 10px;
}
.movearrowb {
  border-bottom: 2px solid;
  border-bottom-color: var(--bd__colorW);
  border-right: 2px solid;
  border-right-color: var(--bd__colorW);
  transform: rotate(45deg);
  margin-bottom: 10px;
}
/* move up btn */
/******************************************************************
header
******************************************************************/



.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
/* swiper slider */

.cateNamein {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.coreClist {
  position: relative;
  padding: 10px;
  background-color: var(--bg__colorW);
}
.coreClist a,
.subClist a {
  width: auto !important;
  padding: 0px 8px;
  line-height: 28px;
  text-align: center;
  color: var(--txt__colorG4G3);
  border: 1px solid var(--bd__colorG2G5);
  border-radius: 500px;
  margin-right: 10px;
}
.coreClist a:last-child,
.subClist a:last-child {
  margin-right: 0px;
}
.coreClist a.checked {
  color: var(--txt__colorW);
  background-color: var(--bg__colorB);
  border: 1px solid var(--bd__colorG2G5);
}
/* ÁÖ¿ä Ä«Å×°í¸® */

.cproduct__item {
  margin-bottom: 15px;
}
.cproduct__img {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  border-radius: 6px;
  background-color: var(--bg__colorW2);
}
.cproduct__img img {
  position: absolute;
  top: 4%;
  left: 4%;
  width: 92%;
  height: 92%;
  object-fit: contain;
  transform: scale(1.02);
  transition: transform 0.25s ease-in-out;
  transform-origin: center center;
}
.cproduct__img:hover img {
  transform: scale(1);
}
.cproduct__info {
  padding: 10px;
}
.cproduct__tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: keep-all;
  line-height: 1.4em;
  height: 2.8em;
  font-size: 0.95em;
}
.cproduct__price {
  font-size: 1.2em;
  padding: 5px 0px;
}
.cproduct__price span {
  display: inline-block;
  padding-right: 5px;
  letter-spacing: -1px;
  transform: scaleY(0.95);
}
.price__persent {
  color: var(--txt__colorR);
}
.price__sale {
  font-weight: bold;
}
.price__origin {
  color: var(--txt__colorG3);
  text-decoration: line-through;
}
/* »óÇ° ¸®½ºÆ® */
.sizePreview {
  display: inline-block;
  line-height: 28px;
  padding: 0px 8px;
  text-align: center;
  border: 1px solid var(--bd__colorG2G5);
  color: var(--txt__colorG4G3);
  transition: transform 0.25s ease-in-out;
}
.sizePreview:hover {
  transform: translateY(-5px);
}
/* »óÇ° »çÀÌÁ±â */
.itemsSizePreviewarea {
  display: block;
}
.itemsSizePreviewBlackarea {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.7;
  z-index: 10000;
  cursor: pointer;
}
.itemsSizePreviewinner {
  z-index: 10001;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 400px;
  height: auto;
  background-color: var(--bg__colorW);
  padding: 30px 20px;
}
.sPreviewinner__tit {
  color: var(--txt__colorB);
  word-break: keep-all;
  letter-spacing: -1px;
  font-weight: 300;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--bd__colorB);
}
.sPreviewinner__titin {
  display: inline-block;
  width: 80%;
  font-size: 1.4em;
}
.sPreviewinner__close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 20px;
  height: 16px;
}
.sPreviewinner__close span {
  width: 20px;
  height: 2px;
  background-color: var(--bg__colorB);
}
.sPreviewinner__closeline1 {
  transform: rotate(45deg) translate(4px, 6px);
}
.sPreviewinner__closeline2 {
  transform: rotate(-45deg) translate(4px, -6px);
}
.sPreviewinner__list {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.sPreviewinner__list .MK-oneclick-list {
  width: 100%;
}
.sPreviewinner__list .MK-oneclick-li {
  display: inline-block;
  border: 1px solid var(--bd__colorG2G5);
  border-radius: 12.795px;
  margin: 0px 5px 5px 0px;
}
.sPreviewinner__list .MK-oneclick-li.MK-oneclick-dis {
  background-color: var(--bg__colorG2);
  opacity: 0.8;
}
.sPreviewinner__list .MK-oneclick-li a {
  display: inline-block;
  padding: 4px 10px;
  line-height: 1.2em;
}
.sPreviewinner__list .MK-oneclick-li a span {
  color: var(--txt__colorG4G3);
}
.sPreviewinner__list .MK-oneclick-li.MK-oneclick-dis a span {
  text-decoration: line-through;
}
.sPreviewinner__listCover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sPreviewinner__btn {
  font-size: 1.3em;
  font-weight: bold;
  width: 100%;
  background-color: var(--bg__colorB);
  padding: 7px 20px;
  cursor: pointer;
  color: var(--txt__colorW);
}
/* itemsSizePreviewarea - »óÇ° ¹Ì¸®º¸±â È­¸é */

#footer {
  width: 100%;
  background-color: var(--bg__colorW);
  border-top: 1px solid var(--bd__colorG2G5);
  padding: 40px 20px;
}
.bankInfo {
  color: var(--txt__colorG5G2);
  border-bottom: 1px dashed var(--bd__colorG2G5);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
}
.bankInfo__tit {
  border: 1px solid var(--bd__colorG2G5);
  padding: 4px 12px;
  border-radius: 500px;
  margin-bottom: 10px;
}
.bankInfo__txt {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.bankInfo__txt > span {
  padding: 0px 10px 5px 10px;
}
.bankInfo__txt > span > span {
  cursor: pointer;
}
/* bankInfo */

.footerInfo {
  padding: 20px 10px;
  background-color: var(--bg__colorW);
}
.footerInfo__mainBtn,
.footerInfo__subBtn {
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.footerInfo__mainBtn a {
  font-size: 1.1em;
  transition: transform 0.25s ease-in-out;
}
.footerInfo__subBtn a {
  transition: transform 0.25s ease-in-out;
}
.footerInfo__mainBtn a,
.footerInfo__mainBtn span {
  margin-right: 8px;
}
.footerInfo__subBtn a{
    font-size:0.95em;
}
.footerInfo__subBtn a,
.footerInfo__subBtn span {
  margin-right: 5px;
  color: var(--txt__colorG4G3);
}
.footerInfo__mainBtn a:hover,
.footerInfo__subBtn a:hover {
  transform: translateY(-5px);
}
.footerInfo__mainBtn a:first-child {
  font-weight: bold;
  color: var(--txt__colorR);
}
.footerInfo__mainBtn a:last-child,
.footerInfo__subBtn a:last-child {
  border-right: none;
  margin-right: none;
}
.footerInfo__txt {
  color: var(--txt__colorG4G3);
  margin-bottom: 20px;
}
.footerInfo__logo {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
.footerInfo__logo a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.footerInfo__logo a span:first-child {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}
.footerInfo__logo a span:first-child img {
  width: 100%;
}
.footerInfo__logo a span:last-child {
  font-size: 0.85em;
  color: var(--txt__colorG4G3);
  line-height: 1.2em;
}
/* footerInfo */
/******************************************************************
footer
******************************************************************/



@media (min-width: 768px) {
  .nav {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .nav__btn1 {
    order: 5;
  }
  .nav__btn2 {
    order: 3;
  }
  .nav__btn3 {
    order: 1;
    margin: 0px auto 0px 0px;
  }
  .nav__btn4 {
    order: 2;
  }
  .nav__btn5 {
    order: 4;
  }
  /* nav */
  .nav__searchClose.click {
    right: 2%;
  }
  /* nav - search */
  .listMenu {
    left: initial;
    right: -82%;
    transition: right 0.3s ease;
  }
  .listMenu.active {
    left: initial;
    right: 0;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
  }
  /* main nav */
  .listoptime {
    justify-content: space-evenly;
    flex-direction: initial;
  }
  .listoptimein {
    width: 50%;
  }
  .listoptimein:first-child {
    width: 45%;
  }
  .listoptimein:last-child {
    border-top: none;
    padding-top: 0px;
    border-left: 1px dashed var(--bd__colorG4G3);
    padding-left: 5%;
  }
  /* nva operating time */
  .customerChatarea {
    max-width: 600px;
  }
  /* chat area */
  .footerInfo__mainBtn a {
      font-size: 1.3em;
    }
    .footerInfo__subBtn a{
        font-size:1em;
    }
  /******************************************************************
    header
    ******************************************************************/
    
    
  .coreClist .swiper-wrapper {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .subClist {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  /* ÁÖ¿ä Ä«Å×°í¸® */
  .cateName {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  /* Ä«Å×°í¸®¸í */

  .bankInfo {
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  /* bankInfo */

  .footerInfo__mainBtn,
  .footerInfo__subBtn {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .footerInfo__txt {
    text-align: right;
  }
  .footerInfo__logo a {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  /* footerInfo */
  /******************************************************************
    footer
    ******************************************************************/
}

@media (min-width: 1024px) {
  .customerChatarea {
    max-width: 800px;
  }
  /* chat area */
  /******************************************************************
    header
    ******************************************************************/
    
 .coreClist .swiper-wrapper {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .subClist {
    -webkit-justify-content: center;
    justify-content: center;
  }
  /* ÁÖ¿ä Ä«Å×°í¸® */
  .cateName {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .footerInfo__logo a {
    -webkit-justify-content: center;
    justify-content: center;
  }
  /* Ä«Å×°í¸®¸í */
  /******************************************************************
    footer
    ******************************************************************/
}