/* content block */
ul::after {
  content: "";
  display: block;
  clear: both;
}

/* overflow */
/* background option */
/* font style */
/* transform style */
/* border */
/* position */
/*** layout ***/
html {
  width: 100%;
}
html.overFix {
  overflow-y: hidden !important;
}
html.overFix2 {
  overflow-y: hidden !important;
}

html,
body {
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x: hidden !important;
}

body {
  position: relative;
  width: 100%;
}
body.overFix {
  overflow-y: hidden !important;
}
body.overFix2 {
  overflow-y: hidden !important;
}

@media all and (max-width: 1000px) {
  html.touchNone {
    -webkit-overflow-scrolling: none;
    touch-action: none !important;
    overscroll-behavior: none;
  }
  body.touchNone {
    -webkit-overflow-scrolling: none;
    touch-action: none !important;
    overscroll-behavior: none;
  }
  html.touchNone2 {
    -webkit-overflow-scrolling: none;
    touch-action: none !important;
    overscroll-behavior: none;
  }
  body.touchNone2 {
    -webkit-overflow-scrolling: none;
    touch-action: none !important;
    overscroll-behavior: none;
  }
}
body *::-webkit-scrollbar {
  width: 2px;
}

body *::-webkit-scrollbar-track {
  background: #ddd;
}

body *::-webkit-scrollbar-thumb {
  background: #666;
}

/** video **/
video::-webkit-media-controls,
video::-moz-media-controls,
video::-o-media-controls,
video::-ms-media-controls {
  display: none !important;
}

video {
  pointer-events: none;
}

/**** base code ****/
/* layout */
#allwrap {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
#allwrap:after {
  content: "";
  display: block;
  clear: both;
}

#allbg {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #111;
  z-index: 101;
  transition: all 0.6s ease;
}
#allbg.show {
  visibility: visible;
  opacity: 0.7;
}

#wrap {
  position: relative;
  width: 100%;
}
#wrap:after {
  content: "";
  display: block;
  clear: both;
}

/* loading */
#loading {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 104;
  transition: all 0.3s ease;
}
#loading.hide {
  opacity: 0;
}
#loading .loader1 {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#loading .loader2 {
  display: block;
  position: absolute;
  animation: spin-circle 1s linear infinite;
  width: 160px;
  height: 160px;
  top: 50%;
  left: 50%;
  margin: -80px 0 0 -80px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 var(--base-green-color);
  transform-origin: 80px 82px;
}

@keyframes spin-circle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/** layout width **/
.layeroutBox {
  position: relative;
  margin: 0 4rem;
}
.layeroutBox:after {
  content: "";
  display: block;
  clear: both;
}

.layerInBox {
  position: relative;
  max-width: 144rem;
  margin: 0 auto;
}
.layerInBox:after {
  content: "";
  display: block;
  clear: both;
}

@media all and (max-width: 1480px) {
  .layerInBox {
    margin: 0 4rem;
  }
}
@media all and (max-width: 1000px) {
  .layerInBox {
    margin: 0 2rem;
  }
}
@media all and (max-width: 700px) {
  html {
    font-size: 52%;
  }
}
/*** header ***/
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  transition: all 0.3s;
  background:#fff;
}
header.down {
  margin-top: -100%;
}
header .inbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  background: transparent;
  z-index: 10;
}
header .outerCn {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 20;
}
header .wNcont {
  position: absolute;
  left: 0;
  top: 0;
  width: 30rem;
  height: 8rem;
  background: #636060;
  z-index: 10;
}
header .wNcont .wNBtn {
  position: relative;
  float: left;
  width: 33.33%;
  height: 100%;
  text-align: center;
  transition: transform 0.2s ease-in-out;
  border-right: 1px var(--base-gray-color6) solid;
  z-index: 10;
  overflow: hidden;
}
header .wNcont .wNBtn .ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out;
  z-index: 12;
}
header .wNcont .wNBtn .txt {
  position: absolute;
  left: 0;
  bottom: 1.5rem;
  width: 100%;
  text-align: center;
  transition: all 0.2s ease-in-out;
  z-index: 12;
  font-size: 1.3rem;
  color: var(--base-white-color);
  line-height: 1.4rem;
  letter-spacing: -0.26px;
  font-weight: 500;
}
header .wNcont .wNBtn.proType .ico {
  background-size: 2.8rem;
  background-position: left 50% top 1.3rem;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.81818 3C1.70946 3 0 4.64162 0 6.66667V11.5556C0 13.5806 1.70946 15.2222 3.81818 15.2222H24.1818C26.2905 15.2222 28 13.5806 28 11.5556V6.66667C28 4.64162 26.2905 3 24.1818 3H3.81818ZM24.1818 5.44444H3.81818C3.11527 5.44444 2.54545 5.99165 2.54545 6.66667V11.5556C2.54545 12.2306 3.11527 12.7778 3.81818 12.7778H24.1818C24.8847 12.7778 25.4545 12.2306 25.4545 11.5556V6.66667C25.4545 5.99165 24.8847 5.44444 24.1818 5.44444Z' fill='white'/%3E%3Cpath d='M7.63636 23.7778C7.63636 23.1028 8.20618 22.5556 8.90909 22.5556H19.0909C19.7938 22.5556 20.3636 23.1028 20.3636 23.7778C20.3636 24.4528 19.7938 25 19.0909 25H8.90909C8.20618 25 7.63636 24.4528 7.63636 23.7778Z' fill='white'/%3E%3Cpath d='M5.09091 17.6667C4.388 17.6667 3.81818 18.2139 3.81818 18.8889C3.81818 19.5639 4.388 20.1111 5.09091 20.1111H22.9091C23.612 20.1111 24.1818 19.5639 24.1818 18.8889C24.1818 18.2139 23.612 17.6667 22.9091 17.6667H5.09091Z' fill='white'/%3E%3C/svg%3E");
}
header .wNcont .wNBtn.contType .ico {
  background-size: 2.8rem;
  background-position: left 50% top 1.3rem;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M18.6667 7.66667C18.0223 7.66667 17.5 8.189 17.5 8.83333C17.5 9.47767 18.0223 10 18.6667 10H22.1667C22.811 10 23.3333 9.47767 23.3333 8.83333C23.3333 8.189 22.811 7.66667 22.1667 7.66667H18.6667Z' fill='white'/%3E%3Cpath d='M17.5 13.5C17.5 12.8557 18.0223 12.3333 18.6667 12.3333H22.1667C22.811 12.3333 23.3333 12.8557 23.3333 13.5C23.3333 14.1443 22.811 14.6667 22.1667 14.6667H18.6667C18.0223 14.6667 17.5 14.1443 17.5 13.5Z' fill='white'/%3E%3Cpath d='M18.6667 17C18.0223 17 17.5 17.5223 17.5 18.1667C17.5 18.811 18.0223 19.3333 18.6667 19.3333H22.1667C22.811 19.3333 23.3333 18.811 23.3333 18.1667C23.3333 17.5223 22.811 17 22.1667 17H18.6667Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 3C1.567 3 0 4.567 0 6.5V20.5C0 22.433 1.567 24 3.5 24H24.5C26.433 24 28 22.433 28 20.5V6.5C28 4.567 26.433 3 24.5 3H3.5ZM24.5 5.33333H15.1667V21.6667H24.5C25.1443 21.6667 25.6667 21.1443 25.6667 20.5V6.5C25.6667 5.85567 25.1443 5.33333 24.5 5.33333ZM3.5 5.33333H12.8333V21.6667H3.5C2.85567 21.6667 2.33333 21.1443 2.33333 20.5V6.5C2.33333 5.85567 2.85567 5.33333 3.5 5.33333Z' fill='white'/%3E%3C/svg%3E");
}

header .wNcont .wNBtn.subscType .ico { 
  background-size: 2.8rem;
  background-position: left 50% top 1.3rem;
  background-repeat: no-repeat;
  background-image: url("../images/ico/ico_subscript.svg");
}

header.fixed .wNcont .wNBtn.subscType.active .ico {
  background-size: 2.8rem;
  background-position: left 50% top 1.3rem;
  background-repeat: no-repeat;
  background-image: url("../images/ico/ico_subscript_cl.svg");
}

header .wNcont .wNBack {
  position: absolute;
  left: 0;
  top: 0;
  width: 10rem;
  height: 8rem;
  transform: translateX(-100%);
  background: var(--base-green-color);
  transition: transform 0.2s ease-in-out;
  z-index: 5;
}
header .mNavi {
  display: none;
}
header h1 {
  /* position: absolute;
  left: 50%;
  top: 50%; */
  width: 136px;
  aspect-ratio: 136 / 40;
}
header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("../images/img/logo_cl.svg");
}
header .navigation {
  position: relative;
  width: 100%;
  height: 0;
  opacity: 0;
  background: #fff;
  transition: all 0.3s;
  z-index: 30;
  overflow: hidden;
}
header .navigation.active {
  height: auto;
  opacity: 1;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  padding: 0px 0 5rem;
}
header .navigation .naviLayout {
  position: relative;
  max-width: 1540px;
  margin: 0 auto;
  padding: 5rem 0 0 0;
}
header .navigation .wNClosed {
  position: absolute;
  left: -9rem;
  top: 5rem;
  width: 3.5rem;
  height: 3.5rem;
  background-size: 3.5rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M5.15147 28.1515C4.68284 28.6201 4.68284 29.3799 5.15147 29.8485C5.6201 30.3172 6.3799 30.3172 6.84853 29.8485L5.15147 28.1515ZM29.8485 6.84853C30.3172 6.3799 30.3172 5.62011 29.8485 5.15148C29.3799 4.68285 28.6201 4.68285 28.1515 5.15148L29.8485 6.84853ZM6.84853 5.15147C6.3799 4.68284 5.6201 4.68284 5.15147 5.15147C4.68284 5.6201 4.68284 6.3799 5.15147 6.84853L6.84853 5.15147ZM28.1515 29.8485C28.6201 30.3172 29.3799 30.3172 29.8485 29.8485C30.3172 29.3799 30.3172 28.6201 29.8485 28.1515L28.1515 29.8485ZM6.84853 29.8485L29.8485 6.84853L28.1515 5.15148L5.15147 28.1515L6.84853 29.8485ZM5.15147 6.84853L28.1515 29.8485L29.8485 28.1515L6.84853 5.15147L5.15147 6.84853Z' fill='%23222222'/%3E%3C/svg%3E");
}
header .navigation .wTitle {
  position: relative;
}
header .navigation .wTitle span {
  font-size: 4rem;
  color: var(--base-green-color);
  line-height: 4rem;
  letter-spacing: -0.8px;
  font-weight: 500;
  transform: translateY(-0.38rem);
}
header .navigation .wTitle .titNone {
  display: none;
}
header .navigation .wExcl {
  display: none;
  position: absolute;
  right: 0;
  top: 5.8rem;
}
header .navigation .wExcl li {
  float: left;
  margin: 0 0 0 0.8rem;
}
header .navigation .wExcl li a {
  display: inline-block;
  width: 11rem;
  height: 4rem;
  text-align: center;
  border-radius: 40px;
  border: 1px var(--base-green-color) solid;
}
header .navigation .wExcl li a span {
  display: inline-block;
  font-size: 1.4rem;
  color: var(--base-color);
  line-height: 4rem;
  letter-spacing: -0.8px;
  font-weight: 500;
}
header .navigation .wExcl li a.mLogout {
  display: none;
  width: 3.6rem;
  height: 3.6rem;
  text-align: center;
  border-radius: 0;
  border: 0;
  background-size: 3.6rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M11.6437 13C9.42083 14.8341 8.00391 17.6102 8.00391 20.7171C8.00391 26.24 12.4811 30.7171 18.0039 30.7171C23.5268 30.7171 28.0039 26.24 28.0039 20.7171C28.0039 17.6102 26.587 14.8341 24.3641 13M18 6.5V18' stroke='%23222222' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
header .navigation .wExcl li a.mLogout span {
  text-indent: -9999rem;
}
header .navigation .wExcl li:nth-child(1) a {
  background-color: var(--base-green-color);
}
header .navigation .wExcl li:nth-child(1) a span {
  color: var(--base-white-color);
}
header .navigation .wExcl li:nth-child(2) a {
  background-color: var(--base-white-color);
}
header .navigation .wExcl li:nth-child(2) a span {
  color: var(--base-green-color);
}
header .navigation .menuList {
  width: 100%;
  /* margin: 5.4rem auto 0; */
  overflow: hidden;
}
header .navigation .menuList .menuDx {
  display: none;
  width: 100%;
  height: 100%;
}
header .navigation .menuList .menuDx > ul > li {
  float: left;
  position: relative;
  width: 16.8rem;
  margin: 0 6rem 0 0;
}
header .navigation .menuList .menuDx > ul > li:last-child {
  margin-right: 0;
}
header .navigation .menuList .menuDx > ul > li.naviEvent {
  width: auto;
  margin-right: 0;
}
header .navigation .menuList .menuDx > ul > li.naviEvent .eventImg {
  margin: 1.3rem 0 0 1rem;
}
header .navigation .menuList .menuDx > ul > li.hmodel {
  position: absolute;
  left: 114rem;
  top: 10.5rem;
}
header .navigation .menuList .menuDx > ul > li > a {
  position: relative;
  display: block;
  padding: 0 0 1.3rem 1rem;
  font-size: 2rem;
  color: var(--base-black-color);
  line-height: 2.4rem;
  letter-spacing: -0.4px;
  font-weight: 600;
}
header .navigation .menuList .menuDx > ul > li > a:after {
  content: "";
  position: absolute;
  height: 2px;
  background: var(--base-color);
  bottom: 0;
  transition: all 0.2s ease-in-out;
  right: 0;
  width: 0;
}
header .navigation .menuList .menuDx > ul > li:hover a:after {
  left: 0;
  right: auto;
  width: 100%;
}
header .navigation .menuList .menuDx > ul > li.naviEvent:hover a:after {
  width: 0%;
}
header .navigation .menuList .menuDx > ul > li > ul {
  padding: 1rem 0 0 1rem;
}
header .navigation .menuList .menuDx > ul > li > ul > li {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: returnToNormal;
}
header .navigation .menuList .menuDx > ul > li > ul > li > a {
  display: block;
  margin: 0 0 1.4rem;
  font-size: 1.6rem;
  color: var(--base-gray-color7);
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
header .navigation .menuList .menuDx > ul > li > ul > li > a.dpOpen {
  margin: 0;
}
header .navigation .menuList .menuDx > ul > li > ul > li > .depPCUi {
  height: 0;
  margin: 0 0 1.4rem 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
header .navigation .menuList .menuDx > ul > li > ul > li > .depPCUi a {
  font-size: 1.4rem;
  color: var(--base-gray-color7);
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
header .navigation .mobileList {
  display: none;
}
/* header .topUtil {
  position: absolute;
  right: 4rem;
  top: 2.2rem;
} */
header .topUtil li {
  position: relative;
  float: left;
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 0 0 3rem;
}
header .topUtil li > a {
  position: relative;
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  z-index: 10;
  background-size: 3.6rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
}
header .topUtil li.n01 > a {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.19987 16.5C7.19987 11.916 10.9159 8.19999 15.4999 8.19999C20.0838 8.19999 23.7999 11.916 23.7999 16.5C23.7999 21.084 20.0838 24.8 15.4999 24.8C10.9159 24.8 7.19987 21.084 7.19987 16.5ZM15.4999 5.79999C9.59042 5.79999 4.79987 10.5905 4.79987 16.5C4.79987 22.4094 9.59042 27.2 15.4999 27.2C18.2772 27.2 20.8074 26.1418 22.7093 24.4066L29.1513 30.8486C29.6199 31.3172 30.3797 31.3172 30.8483 30.8486C31.317 30.38 31.317 29.6202 30.8483 29.1515L24.2939 22.5971C25.4956 20.8672 26.1999 18.7659 26.1999 16.5C26.1999 10.5905 21.4093 5.79999 15.4999 5.79999Z' fill='%23000'/%3E%3C/svg%3E");
}
header .topUtil li.n02 > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M6 30V29C6 25.6863 8.68629 23 12 23H22' stroke='%23000' stroke-width='2.4' stroke-linecap='square'/%3E%3Ccircle cx='17.5' cy='12.5' r='5.3' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M27.3784 24H31V22H24V29H26V25.45L30.9139 30.3639L32.3281 28.9497L27.3784 24Z' fill='%23000'/%3E%3C/svg%3E");
}
header .topUtil li.logout > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M6 30V29C6 25.6863 8.68629 23 12 23H22' stroke='%23000' stroke-width='2.4' stroke-linecap='square'/%3E%3Ccircle cx='17.5' cy='12.5' r='5.3' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M22 27.5L23.6926 25.6997L26.2308 28.4L31.3077 23L33 24.8L26.2308 32L22 27.5Z' fill='%23000'/%3E%3C/svg%3E");
}
header .topUtil li.n03 > a {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6H9.36M9.36 6L10.32 10M9.36 6L10.4866 10.6943M10.32 10H30L27.12 22H13.2L10.4866 10.6943M10.32 10L10.4866 10.6943' stroke='%23000' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='28' r='2' fill='%23000'/%3E%3Ccircle cx='25' cy='28' r='2' fill='%23000'/%3E%3C/svg%3E%0A");
}
header .topUtil li.n03 > a u {
  position: absolute;
  right: -0.5rem;
  top: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  text-align: center;
  text-decoration: none;
  font-size: 1.1rem;
  color: var(--base-white-color);
  line-height: 2rem;
  letter-spacing: -0.22px;
  font-weight: 500;
  background: var(--base-green-color);
}
header .topUtil li.mobile {
  display: none;
}
header .topUtil li .buMenuBx {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  position: absolute;
  left: 50%;
  bottom: -9rem;
  width: 10rem;
  height: 7.8rem;
  margin: 0 0 0 -5rem;
  border-radius: 0.4rem;
  background: var(--base-green-color);
}
header .topUtil li .buMenuBx:after {
  position: absolute;
  left: 50%;
  top: -1.6rem;
  margin: 0 0 0 -1.2rem;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-size: 2.4rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.9923 17.0227L11.9807 6.97754L6.00781 17.0227H17.9923Z' fill='%23690005'/%3E%3C/svg%3E");
}
header .topUtil li .buMenuBx ul {
  margin: 1.3rem 0 0 0;
}
header .topUtil li .buMenuBx ul li {
  float: none;
  width: 100%;
  height: auto;
  margin: 0;
}
header .topUtil li .buMenuBx ul li > a {
  padding: 0.6rem 0 0.6rem 2rem;
  display: block;
  width: 100%;
  height: auto;
  font-size: 1.4rem;
  color: var(--base-white-color);
  line-height: 1.4rem;
  letter-spacing: -0.28px;
  font-weight: 400;
}
header .topUtil li .buMenuBx ul li > a:hover {
  text-decoration: underline;
}
header .topUtil li .wsearch {
  position: absolute;
  right: -1.8rem;
  top: -0.9rem;
  width: 0;
  height: 5.4rem;
  border-radius: 27rem;
  background: rgba(34, 34, 34, 0.6);
  transition: width 0.3s;
  overflow: hidden;
}
header .topUtil li .wsearch.active {
  width: 34rem;
}
header .topUtil li .wsearch .winput {
  color: #fff;
  background: none;
  border: 0;
  height: 5.4rem;
  line-height: 5.4rem;
  padding: 0 5rem 0 3rem;
}
header .topUtil li .wsearch .winput::-webkit-input-placeholder {
  color: #fff;
}
header .topUtil li .outser {
  position: absolute;
  right: 1.8rem;
  top: 0.9rem;
  display: none;
}
header.fixed .wNcont {
  background: var(--base-green-color);
}
header.fixed .wNcont .wNBtn {
  border-color: var(--base-green-color);
}
header.fixed .wNcont .wNBtn.active {
  border-color: var(--base-green-color);
}
header.fixed .wNcont .wNBtn.active:hover .txt {
  color: var(--base-green-color);
}
header.fixed .wNcont .wNBtn.active:hover.proType .ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.81818 3C1.70946 3 0 4.64162 0 6.66667V11.5556C0 13.5806 1.70946 15.2222 3.81818 15.2222H24.1818C26.2905 15.2222 28 13.5806 28 11.5556V6.66667C28 4.64162 26.2905 3 24.1818 3H3.81818ZM24.1818 5.44444H3.81818C3.11527 5.44444 2.54545 5.99165 2.54545 6.66667V11.5556C2.54545 12.2306 3.11527 12.7778 3.81818 12.7778H24.1818C24.8847 12.7778 25.4545 12.2306 25.4545 11.5556V6.66667C25.4545 5.99165 24.8847 5.44444 24.1818 5.44444Z' fill='%231f734a'/%3E%3Cpath d='M7.63636 23.7778C7.63636 23.1028 8.20618 22.5556 8.90909 22.5556H19.0909C19.7938 22.5556 20.3636 23.1028 20.3636 23.7778C20.3636 24.4528 19.7938 25 19.0909 25H8.90909C8.20618 25 7.63636 24.4528 7.63636 23.7778Z' fill='%231f734a'/%3E%3Cpath d='M5.09091 17.6667C4.388 17.6667 3.81818 18.2139 3.81818 18.8889C3.81818 19.5639 4.388 20.1111 5.09091 20.1111H22.9091C23.612 20.1111 24.1818 19.5639 24.1818 18.8889C24.1818 18.2139 23.612 17.6667 22.9091 17.6667H5.09091Z' fill='%231f734a'/%3E%3C/svg%3E");
}
header.fixed .wNcont .wNBtn.active:hover.contType .ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='%231f734a'%3E%3Cpath d='M18.6667 7.66667C18.0223 7.66667 17.5 8.189 17.5 8.83333C17.5 9.47767 18.0223 10 18.6667 10H22.1667C22.811 10 23.3333 9.47767 23.3333 8.83333C23.3333 8.189 22.811 7.66667 22.1667 7.66667H18.6667Z' fill='%231f734a'/%3E%3Cpath d='M17.5 13.5C17.5 12.8557 18.0223 12.3333 18.6667 12.3333H22.1667C22.811 12.3333 23.3333 12.8557 23.3333 13.5C23.3333 14.1443 22.811 14.6667 22.1667 14.6667H18.6667C18.0223 14.6667 17.5 14.1443 17.5 13.5Z' fill='%231f734a'/%3E%3Cpath d='M18.6667 17C18.0223 17 17.5 17.5223 17.5 18.1667C17.5 18.811 18.0223 19.3333 18.6667 19.3333H22.1667C22.811 19.3333 23.3333 18.811 23.3333 18.1667C23.3333 17.5223 22.811 17 22.1667 17H18.6667Z' fill='%231f734a'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 3C1.567 3 0 4.567 0 6.5V20.5C0 22.433 1.567 24 3.5 24H24.5C26.433 24 28 22.433 28 20.5V6.5C28 4.567 26.433 3 24.5 3H3.5ZM24.5 5.33333H15.1667V21.6667H24.5C25.1443 21.6667 25.6667 21.1443 25.6667 20.5V6.5C25.6667 5.85567 25.1443 5.33333 24.5 5.33333ZM3.5 5.33333H12.8333V21.6667H3.5C2.85567 21.6667 2.33333 21.1443 2.33333 20.5V6.5C2.33333 5.85567 2.85567 5.33333 3.5 5.33333Z' fill='%231f734a'/%3E%3C/svg%3E");
}
header.fixed .wNcont .wNBack {
  background: var(--base-white-color);
}
header.fixed .inbg {
  background: var(--base-green-color);
}
header.fixed h1 a {
  background-image: url("../images/img/logo_wh.svg");
}
header.fixed .topUtil li .wsearch {
  background-color: var(--base-green-color2);
}
header.fixed .topUtil li.n03 > a u {
  color: var(--base-green-color);
  background-color: var(--base-white-color);
}
header.fixed .topUtil .buMenuBx {
  background: var(--base-black-color);
}
header.fixed .topUtil .buMenuBx:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.9923 17.0227L11.9807 6.97754L6.00781 17.0227H17.9923Z' fill='%23222222'/%3E%3C/svg%3E");
}

/* sub page header */
html.subpage header {
  border-bottom: 1px var(--base-gray-color4-1) solid;
}
html.subpage header .topUtil li .wsearch {
  background: #e6e6e6;
}
html.subpage header .topUtil li .wsearch .winput {
  color: #666;
}
html.subpage header .topUtil li .wsearch .winput::-webkit-input-placeholder {
  color: #fff;
}
html.subpage header .topUtil li.n01 > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.1998 16.5C7.1998 11.916 10.9158 8.2 15.4998 8.2C20.0838 8.2 23.7998 11.916 23.7998 16.5C23.7998 21.084 20.0838 24.8 15.4998 24.8C10.9158 24.8 7.1998 21.084 7.1998 16.5ZM15.4998 5.8C9.59036 5.8 4.7998 10.5906 4.7998 16.5C4.7998 22.4094 9.59036 27.2 15.4998 27.2C18.2772 27.2 20.8074 26.1418 22.7093 24.4066L29.1512 30.8486C29.6199 31.3172 30.3797 31.3172 30.8483 30.8486C31.3169 30.38 31.3169 29.6202 30.8483 29.1515L24.2939 22.5971C25.4955 20.8672 26.1998 18.7659 26.1998 16.5C26.1998 10.5906 21.4093 5.8 15.4998 5.8Z' fill='%23555555'/%3E%3C/svg%3E");
}
/* html.subpage header .topUtil li.n02 > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M6 30V29C6 25.6863 8.68629 23 12 23H22' stroke='%23555555' stroke-width='2.4' stroke-linecap='square'/%3E%3Ccircle cx='17.5' cy='12.5' r='5.3' stroke='%23555555' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M27.3784 24H31V22H24V29H26V25.45L30.9139 30.3639L32.3281 28.9497L27.3784 24Z' fill='%231F734A'/%3E%3C/svg%3E");
} */
/* html.subpage header .topUtil li.logout > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M6 30V29C6 25.6863 8.68629 23 12 23H22' stroke='%23555555' stroke-width='2.4' stroke-linecap='square'/%3E%3Ccircle cx='17.5' cy='12.5' r='5.3' stroke='%23555555' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M22 27.5L23.6926 25.6997L26.2308 28.4L31.3077 23L33 24.8L26.2308 32L22 27.5Z' fill='%231f734a'/%3E%3C/svg%3E");
} */
html.subpage header .topUtil li.n03 > a {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6H9.36M9.36 6L10.32 10M9.36 6L10.4866 10.6943M10.32 10H30L27.12 22H13.2L10.4866 10.6943M10.32 10L10.4866 10.6943' stroke='%23555555' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='28' r='2' fill='%23555555'/%3E%3Ccircle cx='25' cy='28' r='2' fill='%23555555'/%3E%3C/svg%3E");
}
html.subpage header .buMenuBx {
  background: var(--base-black-color);
}
html.subpage header .buMenuBx:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.9923 17.0227L11.9807 6.97754L6.00781 17.0227H17.9923Z' fill='%23222222'/%3E%3C/svg%3E");
}
html.subpage header.fixed {
  border-bottom: 1px var(--base-green-color) solid;
}
html.subpage header.fixed .topUtil li .wsearch {
  background: var(--base-green-color2);
}
html.subpage header.fixed .topUtil li .wsearch .winput {
  color: #fff;
}
html.subpage header.fixed .topUtil li.n01 > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.19987 16.5C7.19987 11.916 10.9159 8.19999 15.4999 8.19999C20.0838 8.19999 23.7999 11.916 23.7999 16.5C23.7999 21.084 20.0838 24.8 15.4999 24.8C10.9159 24.8 7.19987 21.084 7.19987 16.5ZM15.4999 5.79999C9.59042 5.79999 4.79987 10.5905 4.79987 16.5C4.79987 22.4094 9.59042 27.2 15.4999 27.2C18.2772 27.2 20.8074 26.1418 22.7093 24.4066L29.1513 30.8486C29.6199 31.3172 30.3797 31.3172 30.8483 30.8486C31.317 30.38 31.317 29.6202 30.8483 29.1515L24.2939 22.5971C25.4956 20.8672 26.1999 18.7659 26.1999 16.5C26.1999 10.5905 21.4093 5.79999 15.4999 5.79999Z' fill='white'/%3E%3C/svg%3E");
}
html.subpage header.fixed .topUtil li.n02 > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M6 30V29C6 25.6863 8.68629 23 12 23H22' stroke='%23fff' stroke-width='2.4' stroke-linecap='square'/%3E%3Ccircle cx='17.5' cy='12.5' r='5.3' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M27.3784 24H31V22H24V29H26V25.45L30.9139 30.3639L32.3281 28.9497L27.3784 24Z' fill='%23fff'/%3E%3C/svg%3E");
}
html.subpage header.fixed .topUtil li.logout > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M6 30V29C6 25.6863 8.68629 23 12 23H22' stroke='%23fff' stroke-width='2.4' stroke-linecap='square'/%3E%3Ccircle cx='17.5' cy='12.5' r='5.3' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M22 27.5L23.6926 25.6997L26.2308 28.4L31.3077 23L33 24.8L26.2308 32L22 27.5Z' fill='%23fff'/%3E%3C/svg%3E");
}
html.subpage header.fixed .topUtil li.n03 > a {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6H9.36M9.36 6L10.32 10M9.36 6L10.4866 10.6943M10.32 10H30L27.12 22H13.2L10.4866 10.6943M10.32 10L10.4866 10.6943' stroke='white' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='28' r='2' fill='white'/%3E%3Ccircle cx='25' cy='28' r='2' fill='white'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1000px) {
  html.subpage header .mNavi span {
    background: var(--base-black-color);
  }
  html.subpage header.fixed .mNavi span {
    background: var(--base-white-color);
  }
}
@keyframes returnToNormal {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media all and (max-width: 1750px) {
  header .navigation .wTitle {
    margin: 0 0 0 9rem;
  }
  header .navigation .wNClosed {
    left: 0;
  }
}
@media all and (max-width: 1640px) {
  header .navigation .naviLayout {
    margin: 0 4rem;
  }
  header .navigation .menuList .menuDx > ul > li {
    margin: 0 2rem 0 0;
  }
  header .navigation .menuList .menuDx > ul > li.hmodel {
    left: 100rem;
  }
  header .navigation .menuList .menuDx.productDx > ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 0.8fr;
  }
  header .navigation .menuList .menuDx.productDx > ul > li {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 4rem 0 0;
  }
}
@media all and (max-width: 1400px) {
  header .navigation .naviLayout {
    margin: 0 2rem;
  }
  header .navigation .menuList .menuDx > ul > li {
    margin: 0 1.2rem 0 0;
  }
  header .navigation .menuList .menuDx > ul > li.hmodel {
    left: 96rem;
  }
  header .navigation .menuList .menuDx.productDx > ul > li {
    padding: 0 2rem 0 0;
  }
}
@media all and (max-width: 1300px) {
  header .navigation .menuList .menuDx > ul > li {
    margin: 0 1rem 0 0;
  }
  header .navigation .menuList .menuDx > ul > li.hmodel {
    display: none;
  }
  header .navigation .menuList .menuDx > ul > li > a {
    font-size: 1.9rem;
  }
  header .navigation .menuList .menuDx > ul > li > ul > li > a {
    font-size: 1.6rem;
  }
  header .navigation .menuList .menuDx.productDx > ul > li {
    padding: 0 1.6rem 0 0;
  }
}
@media all and (max-width: 1200px) {
  header .topUtil li .wsearch.active {
    width: 28rem;
  }
}
@media all and (max-width: 1100px) {
  header .topUtil li {
    margin: 0 0 0 2rem;
  }
  header .topUtil li .wsearch {
    right: -1.4rem;
  }
  header .topUtil li .wsearch.active {
    width: 26rem;
  }
  header .navigation .menuList .menuDx > ul > li {
    width: 13rem;
  }
  header .navigation .menuList .menuDx > ul > li > a {
    font-size: 1.8rem;
  }
  header .navigation .menuList .menuDx > ul > li > ul > li > a {
    font-size: 1.5rem;
  }
  header .navigation .menuList .menuDx > ul > li.naviEvent .eventImg {
    width: 38rem;
  }
}
@media all and (max-width: 1000px) {
  header.down {
    margin: 0;
  }
  header .wNcont {
    display: none;
  }
  header .mNavi {
    display: block;
    position: absolute;
    left: 2rem;
    top: 1.78rem;
    width: 3.6rem;
    height: 4rem;
    cursor: pointer;
    z-index: 20;
  }
  header .mNavi span {
    display: block;
    width: 100%;
    height: 0.2rem;
    background: var(--base-white-color);
    margin: 0.9rem 0;
    transition: all 0.3s ease;
  }
  header .navigation {
    position: fixed;
    left: -100%;
    top: 0;
    height: 100vh;
  }
  header .navigation.mMove {
    left: 0;
    opacity: 1;
  }
  header .navigation .wNClosed {
    left: auto;
    right: 2rem;
    top: 2.2rem;
  }
  header .navigation .wExcl {
    display: block;
    right: auto;
    left: 2rem;
    top: 2rem;
  }
  header .navigation .wExcl li {
    margin: 0 0.8rem 0 0;
  }
  header .navigation .wExcl li a.mLogout {
    display: block;
  }
  header .navigation .naviLayout {
    margin: 0;
    padding: 0;
    height: 100vh;
  }
  header .navigation .menuList {
    display: none;
  }
  header .navigation .mobileList {
    display: block;
    height: 100dvh;
    padding: 8rem 0 0 0;
    margin: 0 0 4rem 0;
  }
  header .navigation .mobileList > ul {
    width: 100%;
    height: 100%;
    padding: 0 0 5rem 0;
    overflow-y: scroll;
  }
  header .navigation .mobileList > ul > li {
    position: relative;
    width: 100%;
  }
  header .navigation .mobileList > ul > li:first-child > a {
    background: var(--base-green-color);
  }
  header .navigation .mobileList > ul > li > a {
    display: block;
    height: 6rem;
    background: #9bb3a7;
    border-bottom: 1px var(--base-white-color) solid;
  }
  header .navigation .mobileList > ul > li > a span {
    display: inline-block;
    padding: 0 0 0 2rem;
    font-size: 1.8rem;
    color: var(--base-white-color);
    line-height: 6rem;
    letter-spacing: -0.2px;
    font-weight: 400;
  }
  header .navigation .mobileList > ul > li > a u {
    position: absolute;
    right: 0.7rem;
    top: 0;
    width: 6rem;
    height: 6rem;
    text-decoration: none;
    background-size: 2.5rem auto;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M13 7.5L8 13.75L3 7.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  header .navigation .mobileList > ul > li > a.onH u {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 10L8 5L13 10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  header .navigation .mobileList > ul > li .gnbUi {
    height: 0;
    transition: all 0.3s ease;
    margin: 0 2.5rem;
    overflow: hidden;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li {
    position: relative;
    width: 100%;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > a {
    display: block;
    height: 6rem;
    border-bottom: 1px var(--base-gray-color4-1) solid;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > a span {
    display: inline-block;
    font-size: 2rem;
    color: var(--base-gray-color5);
    line-height: 6rem;
    letter-spacing: -0.2px;
    font-weight: 500;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > a u {
    position: absolute;
    right: -1.8rem;
    top: 0;
    width: 6rem;
    height: 6rem;
    text-decoration: none;
    background-size: 2.5rem auto;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 5L8 10L3 5' stroke='%23444444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > a.onH span {
    color: var(--base-green-color);
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > a.onH u {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 10L8 5L13 10' stroke='%231f734a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li:last-child .depUi > ul {
    border: 0;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > .depUi {
    height: 0;
    transition: all 0.3s ease;
    overflow: hidden;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > .depUi ul {
    padding: 0.8rem 0;
    border-bottom: 1px var(--base-gray-color4-1) solid;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > .depUi ul li {
    width: 100%;
    padding: 0.6rem 1rem;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > .depUi ul li a {
    display: block;
    height: 3rem;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > .depUi ul li a span {
    display: inline-block;
    font-size: 1.6rem;
    color: var(--base-gray-color7);
    line-height: 3rem;
    letter-spacing: -0.2px;
    font-weight: 400;
  }
}
@media all and (max-width: 700px) {
  header .mNavi span {
    height: 0.3rem;
  }
  header h1 {
    width: 18rem;
    
  }
  header h1 a {
    background-size: 14rem auto;
  }
  header .topUtil {
    right: 2rem;
  }
  header .topUtil li {
    margin: 0 0 0 0.4rem;
  }
  header .navigation .wExcl li a span {
    font-size: 1.6rem;
    line-height: 3.8rem;
  }
  header .navigation .mobileList > ul > li > a {
    height: 6.8rem;
  }
  header .navigation .mobileList > ul > li > a span {
    line-height: 6.8rem;
  }
  header .navigation .mobileList > ul > li > a u {
    right: 0.6rem;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li .depUi ul li a span {
    font-size: 1.8rem;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > a {
    height: 7.6rem;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > a span {
    font-size: 2.4rem;
    line-height: 7.6rem;
  }
  header .navigation .mobileList > ul > li .gnbUi > ul > li > a u {
    top: 0.8rem;
  }
}
/* mobile search */
.mobileSearch {
  display: none;
  opacity: 0;
  transition: all 0.3s ease;
}

@media all and (max-width: 1000px) {
  .mobileSearch {
    opacity: 1;
    position: fixed;
    left: 0;
    top: 12.6rem;
    width: 100%;
    z-index: 110;
  }
  .mobileSearch .msearch {
    position: relative;
    margin: 0 2rem;
    padding: 0 5rem 0 0;
    height: 5rem;
    background: var(--base-white-color);
    border-radius: 999px;
    overflow: hidden;
  }
  .mobileSearch .msearch input {
    height: 5rem;
    line-height: 5rem;
    border: 0;
    padding-left: 2rem;
    font-size: 1.6rem;
    color: #000;
  }
  .mobileSearch .msearch a.search {
    position: absolute;
    right: 2rem;
    top: 50%;
    width: 2.4rem;
    height: 2.4rem;
    margin: -1.2rem 0 0;
    background-size: 2.4rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.0627 19.3133C15.6194 19.3133 19.3133 15.6194 19.3133 11.0626C19.3133 6.50593 15.6194 2.81198 11.0627 2.81198C6.50596 2.81198 2.81201 6.50593 2.81201 11.0626C2.81201 15.6194 6.50596 19.3133 11.0627 19.3133Z' stroke='%23888888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.0778 21.0773L17.0005 17' stroke='%23888888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .mobileSearch .closed {
    position: fixed;
    right: 2rem;
    top: 9rem;
    width: 2.4rem;
    height: 2.4rem;
    background-size: 2.4rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.5 12.5L3.5 3.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12.5L12.5 3.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}
@media all and (max-width: 700px) {
  .mobileSearch {
    top: 12rem;
  }
  .mobileSearch .closed {
    top: 8.6rem;
  }
}
/************ main sector ************/
#mainSector {
  width: 100%;
  padding: 0 0 12rem 0;
  overflow: hidden;
}

@media all and (max-width: 700px) {
  #mainSector {
    padding: 0 0 6rem 0;
  }
}
/* main visible */
#mainVisible {
  position: relative;
  width: 100%;
  background: #000;
  /* height: 900px; */
  height:350px;
  overflow: hidden;
}
#mainVisible .thumArea {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -72rem;
  bottom: 25.2rem;
  z-index: 10;
}
#mainVisible .swiper-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.9rem;
  height: 2.9rem;
  cursor: pointer;
  z-index: 12;
  background-size: 1rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M4 0H1V10H4V0Z' fill='white'/%3E%3Cpath d='M9 0H6V10H9V0Z' fill='white'/%3E%3C/svg%3E");
}
#mainVisible .swiper-button.play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1 10V0L9 5L1 10Z' fill='white'/%3E%3C/svg%3E");
}
#mainVisible .swiper-pagination {
  text-align: left;
  width: 100%;
  padding: 0 0 0 4.6rem;
  height: 2.9rem;
  position: relative;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}
#mainVisible .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: 100%;
  margin: 0 2rem 0 0;
  background-color: transparent;
  cursor: pointer;
  transition: 0.3s;
  opacity: 1;
}
#mainVisible .swiper-pagination-bullet span {
  background: #fff;
  border-radius: 100%;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  transform: translate(-52%, -52%);
}
#mainVisible .swiper-pagination-bullet.swiper-pagination-bullet-active span {
  background: #575757;
}
#mainVisible .progress {
  transform: rotate(-90deg);
}
#mainVisible .circle-origin {
  fill: transparent;
  stroke: var(--base-green-color);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 125.664px;
  stroke-dashoffset: 125.664px;
}
#mainVisible .swiper-pagination-bullet-active .circle-origin {
  animation: progress 8s;
}
@keyframes progress {
  0% {
    stroke-dashoffset: 125.664px;
  }
  90% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -125.664px;
  }
}
#mainVisible .swiper-button-prev {
  position: absolute;
  left: 4rem;
  top: 50%;
  width: 6.4rem;
  height: 6.4rem;
  margin: -3.2rem 0 0 0;
  background-size: 6.4rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M34 62L4 32.2954L34 2' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#mainVisible .swiper-button-prev:after {
  display: none;
}
#mainVisible .swiper-button-next {
  position: absolute;
  right: 4rem;
  top: 50%;
  width: 6.4rem;
  height: 6.4rem;
  margin: -3.2rem 0 0 0;
  background-size: 6.4rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M30 2L60 31.7046L30 62' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#mainVisible .swiper-button-next:after {
  display: none;
}
#mainVisible .swiper-scroll {
  position: absolute;
  left: 50%;
  bottom: 5rem;
  width: 4.8rem;
  margin: 0 0 0 -2.4rem;
  padding: 4.8rem 0 0 0;
  text-align: center;
  z-index: 10;
  background-size: 4.8rem;
  background-position: left 50% top 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M46 13L24.2166 35L2 13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#mainVisible .swiper-scroll span {
  font-size: 1.3rem;
  color: var(--base-white-color);
  line-height: 2rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
#mainVisible .swiper-container, #mainVisible .swiper-wrapper, #mainVisible .swiper-slide > div {
  height: 100%;
}
#mainVisible .swiper-slide .img {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 0 0 -96rem;
  z-index: 5;
}
#mainVisible .swiper-slide .img .web {
  display: inline-block;
}
#mainVisible .swiper-slide .img .tablet {
  display: none;
}
#mainVisible .swiper-slide .img .mobile {
  display: none;
}
#mainVisible .swiper-slide .twrap {
  position: relative;
  z-index: 10;
}
#mainVisible .swiper-slide .twrap .textArea {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align:center;
  width:max-content;
  max-width:100%;
}
#mainVisible .swiper-slide .textArea > div {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: translateY(2rem);
}
#mainVisible .swiper-slide .textArea > div:nth-child(1) {
  transition-delay: 0.4s;
}
#mainVisible .swiper-slide .textArea > div:nth-child(2) {
  transition-delay: 1s;
}
#mainVisible .swiper-slide .textArea > div:nth-child(3) {
  transition-delay: 1.5s;
}
#mainVisible .swiper-slide .textArea > div:nth-child(4) {
  transition-delay: 2s;
}
#mainVisible .swiper-slide .textArea > div:nth-child(5) {
  transition-delay: 2.5s;
}
#mainVisible .swiper-slide .textArea > div:nth-child(6) {
  transition-delay: 3s;
}
#mainVisible .swiper-slide .textArea > div:nth-child(7) {
  transition-delay: 3.5s;
}
#mainVisible .swiper-slide-active .textArea > div {
  opacity: 1;
  transform: translateY(0rem);
}
#mainVisible .swiper-slide {
  position: relative;
}
#mainVisible .swiper-slide .product {
  position: absolute;
  left: 50%;
  top: 0;
  width: 192rem;
  height: 100%;
  margin: 0 0 0 -96rem;
  z-index: 9;
}
#mainVisible .swiper-slide .product img {
  position: absolute;
  right: 0;
  bottom: 0;
}
#mainVisible .swiper-slide.s1 .t1 {
  font-size: 5.8rem;
  color: #000;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s1 .t2 {
  font-size: 5.8rem;
  color: #1f734a;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide.s1 .t3 {
  padding: 3.5rem 0 0 0;
  font-size: 3rem;
  color: #000;
  line-height: 4.2rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
#mainVisible .swiper-slide.s1 .btn {
  padding: 6.6rem 0 0 0;
}
#mainVisible .swiper-slide.s1 .btn a {
  display: inline-block;
  padding: 1.8rem 4rem 1.6rem;
  border-radius: 3.6rem;
  border: 1px solid #000;
  transition: all 0.3s ease;
}
#mainVisible .swiper-slide.s1 .btn a span {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 2rem;
  color: #000;
  line-height: 3rem;
  letter-spacing: -0.4px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s1 .btn a:hover {
  background: #000;
}
#mainVisible .swiper-slide.s1 .btn a:hover span {
  color: #fff;
}
#mainVisible .swiper-slide.s1 .product img {
  right: 10%;
  bottom: 12.5rem;
}
#mainVisible .swiper-slide.s2 .t1 {
  font-size: 5.8rem;
  color: #000;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s2 .t2 {
  font-size: 5.8rem;
  color: #704b1c;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide.s2 .t3 {
  padding: 3.5rem 0 0 0;
  font-size: 3rem;
  color: #000;
  line-height: 4.2rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
#mainVisible .swiper-slide.s2 .btn {
  padding: 6.6rem 0 0 0;
}
#mainVisible .swiper-slide.s2 .btn a {
  display: inline-block;
  padding: 1.8rem 4rem 1.6rem;
  border-radius: 3.6rem;
  border: 1px solid #000;
  transition: all 0.3s ease;
}
#mainVisible .swiper-slide.s2 .btn a span {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 2rem;
  color: #000;
  line-height: 3rem;
  letter-spacing: -0.4px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s2 .btn a:hover {
  background: #000;
}
#mainVisible .swiper-slide.s2 .btn a:hover span {
  color: #fff;
}
#mainVisible .swiper-slide.s2 .product img {
  right: 6%;
  bottom: 10rem;
}
#mainVisible .swiper-slide.s240924 .t1 {
  font-size: 5.8rem;
  color: #000;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s240924 .t2 {
  font-size: 5.8rem;
  color: #5366d8;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide.s240924 .t3 {
  padding: 3.5rem 0 0 0;
  font-size: 3rem;
  color: #000;
  line-height: 4.2rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
#mainVisible .swiper-slide.s240924 .btn {
  padding: 6.6rem 0 0 0;
}
#mainVisible .swiper-slide.s240924 .btn a {
  display: inline-block;
  padding: 1.8rem 4rem 1.6rem;
  border-radius: 3.6rem;
  border: 1px solid #000;
  transition: all 0.3s ease;
}
#mainVisible .swiper-slide.s240924 .btn a span {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 2rem;
  color: #000;
  line-height: 3rem;
  letter-spacing: -0.4px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s240924 .btn a:hover {
  background: #000;
}
#mainVisible .swiper-slide.s240924 .btn a:hover span {
  color: #fff;
}
#mainVisible .swiper-slide.s240924 .product img {
  right: 10%;
  bottom: 10rem;
}
#mainVisible .swiper-slide.s250424 .t1 {
  font-size: 5.8rem;
  color: #000;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s250424 .t2 {
  font-size: 5.8rem;
  color: #903d00;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide.s250424 .t3 {
  padding: 3.5rem 0 0 0;
  font-size: 3rem;
  color: #000;
  line-height: 4.2rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
#mainVisible .swiper-slide.s250424 .btn {
  padding: 6.6rem 0 0 0;
}
#mainVisible .swiper-slide.s250424 .btn a {
  display: inline-block;
  padding: 1.8rem 4rem 1.6rem;
  border-radius: 3.6rem;
  border: 1px solid #000;
  transition: all 0.3s ease;
}
#mainVisible .swiper-slide.s250424 .btn a span {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 2rem;
  color: #000;
  line-height: 3rem;
  letter-spacing: -0.4px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s250424 .btn a:hover {
  background: #000;
}
#mainVisible .swiper-slide.s250424 .btn a:hover span {
  color: #fff;
}
#mainVisible .swiper-slide.s250424 .product img {
  right: 5%;
  bottom: 0rem;
}
#mainVisible .swiper-slide.s250428 .t1 {
  font-size: 5.8rem;
  color: #000;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s250428 .t2 {
  font-size: 5.8rem;
  color: #1d734b;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide.s250428 .t3 {
  padding: 3.5rem 0 0 0;
  font-size: 3rem;
  color: #000;
  line-height: 4.2rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
#mainVisible .swiper-slide.s250428 .btn {
  padding: 6.6rem 0 0 0;
}
#mainVisible .swiper-slide.s250428 .btn a {
  display: inline-block;
  padding: 1.8rem 4rem 1.6rem;
  border-radius: 3.6rem;
  border: 1px solid #000;
  transition: all 0.3s ease;
}
#mainVisible .swiper-slide.s250428 .btn a span {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 2rem;
  color: #000;
  line-height: 3rem;
  letter-spacing: -0.4px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s250428 .btn a:hover {
  background: #000;
}
#mainVisible .swiper-slide.s250428 .btn a:hover span {
  color: #fff;
}
#mainVisible .swiper-slide .t1 {
  font-size: 5.8rem;
  color: #fff;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 300;
}
#mainVisible .swiper-slide .t2 {
  font-size: 5.8rem;
  color: #fff;
  line-height: 8rem;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide.s250827 .t3 {
  padding: 3.5rem 0 0 0;
  font-size: 3rem;
  color: #000;
  line-height: 4.2rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
#mainVisible .swiper-slide.s250827 .btn {
  padding: 6.6rem 0 0 0;
}
#mainVisible .swiper-slide.s250827 .btn a {
  display: inline-block;
  padding: 1.8rem 4rem 1.6rem;
  border-radius: 3.6rem;
  border: 1px solid #000;
  transition: all 0.3s ease;
}
#mainVisible .swiper-slide.s250827 .btn a span {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 2rem;
  color: #000;
  line-height: 3rem;
  letter-spacing: -0.4px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s250827 .btn a:hover {
  background: #000;
}
#mainVisible .swiper-slide.s250827 .btn a:hover span {
  color: #fff;
}
#mainVisible .swiper-slide.s250827 .product img {
  right: 14%;
  bottom: 3.8rem;
}

@media all and (max-width: 1920px) {
  #mainVisible .swiper-slide .product {
    left: 0;
    margin: 0;
    width: 100%;
  }
}
@media all and (max-width: 1680px) {
  #mainVisible .swiper-slide .twrap {
    margin: 0 80px;
  }
  #mainVisible .swiper-button-prev {
    left: 2rem;
  }
  #mainVisible .swiper-button-next {
    right: 2rem;
  }
  #mainVisible .thumArea {
    width: 100%;
    left: 0;
    margin: 0 8rem;
  }
}
@media all and (max-width: 1400px) {
  #mainVisible .swiper-slide.s1 .product img {
    right: 3%;
    width: 54rem;
  }
  #mainVisible .swiper-slide.s2 .product img {
    right: 3%;
    width: 68rem;
  }
  #mainVisible .swiper-slide.s240924 .product img {
    right: 3%;
    width: 68rem;
  }
  #mainVisible .swiper-slide.s250424 .product img {
    right: 2.6%;
    width: 52rem;
  }
  #mainVisible .swiper-slide.s250827 .product img {
    right: 5%;
    bottom: 10.7rem;
    width: 52rem;
  }
}
@media all and (max-width: 1000px) {
  #mainVisible .thumArea {
    margin: 0 2rem;
    bottom: 9%;
  }
  #mainVisible .swiper-button-prev {
    display: none;
  }
  #mainVisible .swiper-button-next {
    display: none;
  }
  #mainVisible .swiper-slide .twrap {
    margin: 0 2rem;
  }
  /* #mainVisible .swiper-slide .twrap .textArea {
    top: 20%;
  } */
  #mainVisible .swiper-slide .img {
    margin: 0 0 0 -50rem;
  }
  #mainVisible .swiper-slide .img .web {
    display: none;
  }
  #mainVisible .swiper-slide .img .tablet {
    display: inline-block;
  }
  #mainVisible .swiper-slide .img .mobile {
    display: none;
  }
  #mainVisible .swiper-slide.s1 .t1 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s1 .t2 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s1 .t3 {
    font-size: 2.8rem;
  }
  #mainVisible .swiper-slide.s1 .btn {
    padding: 6rem 0 0 0;
  }
  #mainVisible .swiper-slide.s1 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s2 .t1 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s2 .t2 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s2 .t3 {
    font-size: 2.8rem;
  }
  #mainVisible .swiper-slide.s2 .btn {
    padding: 6rem 0 0 0;
  }
  #mainVisible .swiper-slide.s2 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s2 .product img {
    width: 58rem;
    bottom: 11.5rem;
  }
  #mainVisible .swiper-slide.s240924 .t1 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s240924 .t2 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s240924 .t3 {
    font-size: 2.8rem;
  }
  #mainVisible .swiper-slide.s240924 .btn {
    padding: 6rem 0 0 0;
  }
  #mainVisible .swiper-slide.s240924 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s240924 .product img {
    width: 58rem;
    bottom: 11.5rem;
  }
  #mainVisible .swiper-slide.s250424 .t1 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s250424 .t1 span {
    display: block;
  }
  #mainVisible .swiper-slide.s250424 .t2 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s250424 .t3 {
    font-size: 2.8rem;
  }
  #mainVisible .swiper-slide.s250424 .btn {
    padding: 6rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250424 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s250424 .product img {
    width: 44.6rem;
  }
  #mainVisible .swiper-slide.s250428 .t1 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s250428 .t1 span {
    display: block;
  }
  #mainVisible .swiper-slide.s250428 .t2 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s250428 .t3 {
    font-size: 2.8rem;
  }
  #mainVisible .swiper-slide.s250428 .btn {
    padding: 6rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250428 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s250827 .t1 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s250827 .t1 span {
    display: block;
  }
  #mainVisible .swiper-slide.s250827 .t2 {
    font-size: 5.4rem;
    line-height: 7rem;
  }
  #mainVisible .swiper-slide.s250827 .t3 {
    font-size: 2.8rem;
  }
  #mainVisible .swiper-slide.s250827 .btn {
    padding: 6rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250827 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide .t1,
  #mainVisible .swiper-slide .t2{font-size:4rem;line-height:1.5;}
}
@media all and (max-width: 760px) {
  /* #mainVisible .swiper-slide .twrap .textArea {
    top: 16%;
  } */
  #mainVisible .swiper-slide.s1 .t1 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s1 .t2 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s1 .t3 {
    font-size: 2.5rem;
    padding: 3.2rem 0 0 0;
  }
  #mainVisible .swiper-slide.s1 .btn {
    padding: 4.5rem 0 0 0;
  }
  #mainVisible .swiper-slide.s1 .btn a {
    padding: 1.2rem 2.6rem;
  }
  #mainVisible .swiper-slide.s1 .btn a span {
    font-size: 1.8rem;
  }
  #mainVisible .swiper-slide.s2 .t1 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s2 .t2 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s2 .t3 {
    font-size: 2.5rem;
    padding: 3.2rem 0 0 0;
  }
  #mainVisible .swiper-slide.s2 .btn {
    padding: 4.5rem 0 0 0;
  }
  #mainVisible .swiper-slide.s2 .btn a {
    padding: 1.2rem 2.6rem;
  }
  #mainVisible .swiper-slide.s2 .btn a span {
    font-size: 1.8rem;
  }
  #mainVisible .swiper-slide.s240924 .t1 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s240924 .t2 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s240924 .t3 {
    font-size: 2.5rem;
    padding: 3.2rem 0 0 0;
  }
  #mainVisible .swiper-slide.s240924 .btn {
    padding: 4.5rem 0 0 0;
  }
  #mainVisible .swiper-slide.s240924 .btn a {
    padding: 1.2rem 2.6rem;
  }
  #mainVisible .swiper-slide.s240924 .btn a span {
    font-size: 1.8rem;
  }
  #mainVisible .swiper-slide.s250424 .t1 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s250424 .t2 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s250424 .t3 {
    font-size: 2.5rem;
    padding: 3.2rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250424 .btn {
    padding: 4.5rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250424 .btn a {
    padding: 1.2rem 2.6rem;
  }
  #mainVisible .swiper-slide.s250424 .btn a span {
    font-size: 1.8rem;
  }
  #mainVisible .swiper-slide.s250428 .t1 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s250428 .t2 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s250428 .t3 {
    font-size: 2.5rem;
    padding: 3.2rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250428 .btn {
    padding: 4.5rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250428 .btn a {
    padding: 1.2rem 2.6rem;
  }
  #mainVisible .swiper-slide.s250428 .btn a span {
    font-size: 1.8rem;
  }
  #mainVisible .swiper-slide.s250827 .t1 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s250827 .t2 {
    font-size: 4.8rem;
    line-height: 6.2rem;
  }
  #mainVisible .swiper-slide.s250827 .t3 {
    font-size: 2.5rem;
    padding: 3.2rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250827 .btn {
    padding: 4.5rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250827 .btn a {
    padding: 1.2rem 2.6rem;
  }
  #mainVisible .swiper-slide.s250827 .btn a span {
    font-size: 1.8rem;
  }
  #mainVisible {
    height: auto;
    aspect-ratio:1 / .5;
  }
}
@media all and (max-width: 700px) {

  #mainVisible .swiper-scroll {
    bottom: 3rem;
    background-size: 4rem;
    padding: 4rem 0 0 0;
  }
  #mainVisible .swiper-scroll span {
    font-size: 1.7rem;
  }
  #mainVisible .thumArea {
    bottom: 9%;
  }
  #mainVisible .thumArea svg {
    transform: scale(0.8) translateY(-0.3rem);
  }
  #mainVisible .swiper-slide .twrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0 2rem;
  }
  /* #mainVisible .swiper-slide .twrap .textArea {
    left: 2rem;
  } */
  #mainVisible .swiper-slide .img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0;
  }
  #mainVisible .swiper-slide .img .web {
    display: none;
  }
  #mainVisible .swiper-slide .img .tablet {
    display: none;
  }
  #mainVisible .swiper-slide .img .mobile {
    width: 100%;
    display: inline-block;
  }
  #mainVisible .swiper-slide.s1 .t1 {
    font-size: 3.4rem;
    line-height: 5rem;
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s1 .t2 {
    font-size: 3.4rem;
    line-height: 5rem;
  }
  #mainVisible .swiper-slide.s1 .t3 {
    font-size: 2rem;
    font-weight: normal;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s1 .btn {
    padding: 4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s1 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s1 .btn a span {
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s1 .product img {
    width: 35rem;
  }
  #mainVisible .swiper-slide.s2 .t1 {
    font-size: 3.4rem;
    line-height: 5rem;
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s2 .t2 {
    font-size: 3.4rem;
    line-height: 5rem;
  }
  #mainVisible .swiper-slide.s2 .t3 {
    font-size: 2rem;
    font-weight: normal;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s2 .btn {
    padding: 4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s2 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s2 .btn a span {
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s2 .product img {
    width: 47rem;
  }
  #mainVisible .swiper-slide.s240924 .t1 {
    font-size: 3.4rem;
    line-height: 5rem;
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s240924 .t2 {
    font-size: 3.4rem;
    line-height: 5rem;
  }
  #mainVisible .swiper-slide.s240924 .t3 {
    font-size: 2rem;
    font-weight: normal;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s240924 .btn {
    padding: 4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s240924 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s240924 .btn a span {
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s240924 .product img {
    width: 47rem;
  }
  #mainVisible .swiper-slide.s250424 .t1 {
    font-size: 3.4rem;
    line-height: 5rem;
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s250424 .t2 {
    font-size: 3.4rem;
    line-height: 5rem;
  }
  #mainVisible .swiper-slide.s250424 .t3 {
    font-size: 2rem;
    font-weight: normal;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250424 .btn {
    padding: 4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250424 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s250424 .btn a span {
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s250424 .product img {
    width: 42.8rem;
  }
  #mainVisible .swiper-slide.s250428 .t1 {
    font-size: 3.4rem;
    line-height: 5rem;
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s250428 .t2 {
    font-size: 3.4rem;
    line-height: 5rem;
  }
  #mainVisible .swiper-slide.s250428 .t3 {
    font-size: 2rem;
    font-weight: normal;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250428 .btn {
    padding: 4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250428 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s250428 .btn a span {
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s250827 .t1 {
    font-size: 3.4rem;
    line-height: 5rem;
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s250827 .t2 {
    font-size: 3.4rem;
    line-height: 5rem;
  }
  #mainVisible .swiper-slide.s250827 .t3 {
    font-size: 2rem;
    font-weight: normal;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250827 .btn {
    padding: 4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250827 .btn a {
    padding: 1.4rem 3rem;
  }
  #mainVisible .swiper-slide.s250827 .btn a span {
    font-weight: normal;
  }
  #mainVisible .swiper-slide.s250827 .product img {
    width: 47rem;
  }
  #mainVisible .swiper-slide .t1, #mainVisible .swiper-slide .t2{font-size:3rem;}
  
}
@media all and (max-width: 480px) {
  #mainVisible .swiper-pagination {
    padding: 0 0 0 4rem;
  }
  #mainVisible .swiper-scroll {
    bottom: 2%;
  }
  #mainVisible .swiper-pagination-bullet {
    margin: 0 0.6rem 0 0;
  }
  #mainVisible .swiper-slide.s1 .t1 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s1 .t2 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s1 .t3 {
    font-size: 2rem;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s1 .btn {
    padding: 3rem 0 0 0;
  }
  #mainVisible .swiper-slide.s1 .btn a {
    padding: 1.3rem 2.8rem 1.2rem;
  }
  #mainVisible .swiper-slide.s1 .product img {
    bottom: 9.5rem;
    width: 30rem;
  }
  #mainVisible .swiper-slide.s2 .t1 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s2 .t2 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s2 .t3 {
    font-size: 2rem;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s2 .btn {
    padding: 3rem 0 0 0;
  }
  #mainVisible .swiper-slide.s2 .btn a {
    padding: 1.3rem 2.8rem 1.2rem;
  }
  #mainVisible .swiper-slide.s2 .product img {
    bottom: 9.5rem;
    width: 32rem;
  }
  #mainVisible .swiper-slide.s240924 .t1 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s240924 .t2 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s240924 .t3 {
    font-size: 2rem;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s240924 .btn {
    padding: 3rem 0 0 0;
  }
  #mainVisible .swiper-slide.s240924 .btn a {
    padding: 1.3rem 2.8rem 1.2rem;
  }
  #mainVisible .swiper-slide.s240924 .product img {
    bottom: 9.5rem;
    width: 32rem;
  }
  #mainVisible .swiper-slide.s250424 .t1 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s250424 .t2 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s250424 .t3 {
    font-size: 2rem;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250424 .btn {
    padding: 3rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250424 .btn a {
    padding: 1.3rem 2.8rem 1.2rem;
  }
  #mainVisible .swiper-slide.s250424 .product img {
    right: 0;
    bottom: 1rem;
    width: 32rem;
  }
  #mainVisible .swiper-slide.s250428 .t1 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s250428 .t2 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s250428 .t3 {
    font-size: 2rem;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250428 .btn {
    padding: 3rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250428 .btn a {
    padding: 1.3rem 2.8rem 1.2rem;
  }
  #mainVisible .swiper-slide.s250827 .t1 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s250827 .t2 {
    font-size: 3.2rem;
    line-height: 4.6rem;
  }
  #mainVisible .swiper-slide.s250827 .t3 {
    font-size: 2rem;
    padding: 1.4rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250827 .btn {
    padding: 3rem 0 0 0;
  }
  #mainVisible .swiper-slide.s250827 .btn a {
    padding: 1.3rem 2.8rem 1.2rem;
  }
  #mainVisible .swiper-slide.s250827 .product img {
    bottom: 11rem;
    width: 32rem;
  }
}
/* shockingDeal */
.shockingDeal {
  width: 100%;
}
.shockingDeal .layerInBox {
  margin: -2rem auto 0;
}
.shockingDeal .inner {
  position: relative;
  width: 100%;
  padding: 2rem 0;
}
.shockingDeal .inner .infoArea {
  position: absolute;
  right: 2rem;
  top: 5.3rem;
  width: 34rem;
}
.shockingDeal .inner .infoArea .name {
  width: 100%;
  overflow: hidden;
}
.shockingDeal .inner .infoArea .name span {
  display: block;
  font-size: 2rem;
  color: var(--base-color);
  line-height: 3rem;
  letter-spacing: -0.4px;
  font-weight: 400;
}
.shockingDeal .inner .infoArea .name span strong {
  font-size: 2rem;
  color: var(--base-color);
  line-height: 3rem;
  letter-spacing: -0.4px;
  font-weight: 600;
}
.shockingDeal .inner .infoArea .timeArea {
  margin: 3.5rem 0 0 0;
}
.shockingDeal .inner .infoArea .timeArea .rTit {
  display: inline-block;
  padding: 1rem 1.2rem;
  border-radius: 999px;
  border: 1px solid var(--base-green-color);
  background: var(--base-green-color);
}
.shockingDeal .inner .infoArea .timeArea .rTit span {
  padding: 0 0 0 2.6rem;
  font-size: 1.6rem;
  color: var(--base-white-color);
  line-height: 2rem;
  letter-spacing: -0.02rem;
  font-weight: 500;
  background-size: 1.8rem;
  background-position: left 0% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M8.5 5H10.5V9H13.5V11H8.5V5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 9C0.5 4.02944 4.52944 0 9.5 0C14.4706 0 18.5 4.02944 18.5 9C18.5 13.9706 14.4706 18 9.5 18C4.52944 18 0.5 13.9706 0.5 9ZM2.5 9C2.5 5.13401 5.63401 2 9.5 2C13.366 2 16.5 5.13401 16.5 9C16.5 12.866 13.366 16 9.5 16C5.63401 16 2.5 12.866 2.5 9Z' fill='white'/%3E%3C/svg%3E");
}
.shockingDeal .inner .infoArea .timeArea .rTime {
  padding: 2rem 0 0 0;
  font-size: 3rem;
  color: var(--base-color);
  line-height: 3.2rem;
  letter-spacing: -0.6px;
  font-weight: 600;
}
.shockingDeal .inner .infoArea .price {
  padding: 3.8rem 0 0 0;
}
.shockingDeal .inner .infoArea .price .ptt {
  font-size: 1.6rem;
  color: var(--base-gray-color7);
  line-height: 3.6rem;
  letter-spacing: -0.32px;
  font-weight: 400;
}
.shockingDeal .inner .infoArea .price .ptx * {
  vertical-align: middle;
}
.shockingDeal .inner .infoArea .price .ptx > div {
  display: inline-block;
}
.shockingDeal .inner .infoArea .price .ptx .saleWon {
  text-decoration: line-through;
  font-size: 1.6rem;
  color: var(--base-gray-color10);
  line-height: 3.4rem;
  letter-spacing: -0.32px;
  font-weight: 400;
}
.shockingDeal .inner .infoArea .price .ptx .dc {
  padding: 0 2rem;
  transform: translateY(-0.4rem);
  font-size: 3rem;
  color: var(--base-green-color);
  line-height: 3.4rem;
  letter-spacing: -0.6px;
  font-weight: 700;
}
.shockingDeal .inner .infoArea .price .ptx .won span {
  display: inline-block;
  transform: translateY(-0.3rem);
  font-size: 3rem;
  color: var(--base-color);
  line-height: 3.4rem;
  letter-spacing: -0.28px;
  font-weight: 500;
}
.shockingDeal .inner .infoArea .price .ptx .won u {
  display: inline-block;
  text-decoration: none;
  transform: translateY(0.2rem);
  font-size: 1.4rem;
  color: var(--base-color);
  line-height: 3.4rem;
  letter-spacing: -0.28px;
  font-weight: 500;
}
.shockingDeal .inner .swiper-prev {
  position: absolute;
  left: 22.5rem;
  top: 50%;
  width: 6.4rem;
  height: 6.4rem;
  margin: -3.2rem 0 0 0;
  cursor: pointer;
  z-index: 10;
  background-size: 6.4rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M34 62L4 32.2954L34 2' stroke='%23CCCCCC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.shockingDeal .inner .swiper-next {
  position: absolute;
  right: 22.5rem;
  top: 50%;
  width: 6.4rem;
  height: 6.4rem;
  margin: -3.2rem 0 0 0;
  cursor: pointer;
  z-index: 10;
  background-size: 6.4rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M30 2L60 31.7046L30 62' stroke='%23CCCCCC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.shockingDeal .shockingSlide {
  z-index: 1;
  height: 44rem;
}
.shockingDeal .shockingSlide li.swiper-slide {
  position: relative;
}
.shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.8063);
  height: auto;
}
.shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) .timeCircle {
  opacity: 0;
}
.shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) .infoArea {
  display: none;
}
.shockingDeal .shockingSlide li.swiper-slide a {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -10.3rem 0 0 0;
  transition: all 0.5s ease;
}
.shockingDeal .shockingSlide li.swiper-slide .goodsArea {
  z-index: 4;
}
.shockingDeal .shockingSlide li.swiper-slide .goodsArea .img {
  width: 100%;
}
.shockingDeal .shockingSlide li.swiper-slide .goodsArea .img img {
  width: 100%;
}
.shockingDeal .shockingSlide li.swiper-slide .goodsArea .timeCircle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  fill: none;
  stroke-width: 1;
  animation: progressDeal 1s ease-out forwards;
}
.shockingDeal .shockingSlide li.swiper-slide .goodsArea .timeCircle .circlebg {
  fill: none;
  stroke: #d9d9d9;
  stroke-width: 1;
}
.shockingDeal .shockingSlide li.swiper-slide .goodsArea .timeCircle .circular {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  stroke: var(--base-green-color);
  stroke-width: 1;
  stroke-linecap: round;
  z-index: 2;
}
.shockingDeal .shockingSlide li.swiper-slide-active .goodsArea {
  position: absolute;
  left: 4rem;
  top: 50%;
  width: 34rem;
  height: 34rem;
  margin: -17rem 0 0 0;
}
.shockingDeal .shockingSlide li.swiper-slide-active .goodsArea .timeCircle {
  left: -2.2rem;
  top: -2.2rem;
  width: 38.5rem;
  height: 38.5rem;
}
.shockingDeal .shockingSlide li.swiper-slide-active .goodsArea .timeCircle .circular {
  display: block;
}
.shockingDeal .shockingSlide li.swiper-slide-active .goodsArea .img {
  border-radius: 100%;
  overflow: hidden;
}
.shockingDeal .shockingSlide li.swiper-slide-active a {
  position: absolute;
  left: 50%;
  top: 0;
  width: 78.2rem;
  height: 100%;
  margin: 0 0 0 -39.1rem;
  border-radius: 30px;
  border: 1px solid #ebebeb;
  background: #fff;
  box-shadow: 0px 0px 14px 7px rgba(0, 0, 0, 0.08);
}
.shockingDeal .csoon {
  width: 98rem;
  height: 43.8rem;
  background: #fff;
  border-radius: 3rem;
  box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.08);
  margin: 0 auto 12rem;
}
.shockingDeal .csoon .cDx {
  width: 50%;
  float: left;
  height: 100%;
}
.shockingDeal .csoon .cDx .cLogo {
  text-align: right;
  padding: 4.5rem 3rem 0 0;
}
.shockingDeal .csoon .cDx .cBx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  height: 100%;
  padding: 0 0 0 3rem;
}
.shockingDeal .csoon .cDx .cBx strong {
  display: block;
  padding: 0 0 2.5rem;
  font-size: 4.3rem;
  color: var(--base-gray-color5-0);
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 600;
}
.shockingDeal .csoon .cDx .cBx p {
  padding: 0 0 0 0.6rem;
}
.shockingDeal .csoon .cDx .cBx p span {
  display: block;
  font-size: 1.9rem;
  color: var(--base-gray-color7);
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-weight: normal;
}

@keyframes progressDeal {
  0% {
    stroke-dasharray: 0 100;
  }
}
@media all and (max-width: 1400px) {
  .shockingDeal .inner .swiper-prev {
    left: 14%;
  }
  .shockingDeal .inner .swiper-next {
    right: 14%;
  }
  .shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) {
    transform: scale(1);
    margin: 2% 0 0 0;
  }
}
@media all and (max-width: 1301px) {
  .shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) {
    opacity: 0;
  }
}
@media all and (max-width: 1300px) {
  .shockingDeal .inner .swiper-prev {
    left: 10%;
  }
  .shockingDeal .inner .swiper-next {
    right: 10%;
  }
  .shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) {
    opacity: 1;
  }
  .shockingDeal .shockingSlide li.swiper-slide .goodsArea {
    transition: all 0s ease;
  }
  .shockingDeal .shockingSlide li.swiper-slide a {
    transition: all 0s ease;
  }
  .shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) {
    margin: 0;
    height: auto;
  }
  .shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) .timeCircle {
    display: block;
  }
  .shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) .infoArea {
    display: block;
  }
  .shockingDeal .shockingSlide li.swiper-slide .goodsArea {
    position: absolute;
    left: 4rem;
    top: 50%;
    width: 34rem;
    height: 34rem;
    margin: -17rem 0 0 0;
    opacity: 1;
  }
  .shockingDeal .shockingSlide li.swiper-slide .goodsArea .timeCircle {
    transition: all 0.5s ease;
    left: -2.2rem;
    top: -2.2rem;
    width: 38.5rem;
    height: 38.5rem;
  }
  .shockingDeal .shockingSlide li.swiper-slide .goodsArea .timeCircle .circular {
    display: block;
  }
  .shockingDeal .shockingSlide li.swiper-slide a {
    position: absolute;
    left: 50%;
    top: 0;
    width: 78.2rem;
    height: 100%;
    margin: 0 0 0 -39.1rem;
    border-radius: 30px;
    border: 1px solid #ebebeb;
    background: #fff;
    box-shadow: 0px 0px 14px 7px rgba(0, 0, 0, 0.08);
  }
}
@media all and (max-width: 1200px) {
  .shockingDeal .inner .swiper-prev {
    left: 3rem;
  }
  .shockingDeal .inner .swiper-next {
    right: 3rem;
  }
}
@media all and (max-width: 1000px) {
  .shockingDeal .inner .swiper-prev {
    left: 2rem;
  }
  .shockingDeal .inner .swiper-next {
    right: 2rem;
  }
  .shockingDeal .shockingSlide li.swiper-slide-active .goodsArea {
    left: 0;
    transform: scale(0.8);
  }
  .shockingDeal .shockingSlide li.swiper-slide-active a {
    width: 70rem;
    margin: 0 0 0 -35rem;
  }
  .shockingDeal .csoon {
    width: 80rem;
  }
  .shockingDeal .csoon .cDx .cLogo {
    padding: 4.5rem 1.2rem 0 0;
  }
  .shockingDeal .csoon .cBx {
    padding: 0 0 0 1.2rem;
  }
}
@media all and (max-width: 840px) {
  .shockingDeal .inner {
    padding: 0;
  }
  .shockingDeal .shockingSlide {
    height: auto;
  }
  .shockingDeal .shockingSlide li.swiper-slide {
    height: auto;
  }
  .shockingDeal .shockingSlide li.swiper-slide:not(.swiper-slide-active) {
    opacity: 1;
  }
  .shockingDeal .shockingSlide li.swiper-slide .goodsArea {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto;
    transform: scale(0.8);
  }
  .shockingDeal .shockingSlide li.swiper-slide .infoArea {
    position: relative;
    left: 0;
    right: auto;
    top: 0;
    width: 100%;
    text-align: center;
  }
  .shockingDeal .shockingSlide li.swiper-slide a {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
    border: 0;
  }
  .shockingDeal .csoon {
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
  }
  .shockingDeal .csoon .cDx {
    width: 100%;
    float: none;
    height: auto;
    text-align: center;
  }
  .shockingDeal .csoon .cDx .cLogo {
    text-align: center;
    padding: 0;
  }
  .shockingDeal .csoon .cDx .cBx {
    display: block;
    text-align: center;
    height: auto;
    padding: 5rem 0 0 0;
  }
  .shockingDeal .csoon .cDx .cBx strong {
    display: block;
  }
  .shockingDeal .csoon .cDx .cBx p {
    padding: 0;
  }
  .shockingDeal .csoon .cDx .cBx p span {
    line-height: 1.6;
  }
}
@media all and (max-width: 700px) {
  .shockingDeal .inner .swiper-prev {
    left: 50%;
    top: 13rem;
    margin: 0 0 0 -21rem;
    background-size: 4.6rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3E%3Crect x='0.5' y='1.36035' width='31' height='30.9988' rx='15.4994' fill='white'/%3E%3Crect x='0.5' y='1.36035' width='31' height='30.9988' rx='15.4994' stroke='%23BDBDBD'/%3E%3Cpath d='M18.5 11.8604L13.5 16.8604L18.5 21.8604' stroke='%23BDBDBD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .shockingDeal .inner .swiper-next {
    right: 50%;
    top: 13rem;
    margin: 0 -21rem 0 0;
    background-size: 4.6rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3E%3Crect x='0.5' y='1.36035' width='31' height='30.9988' rx='15.4994' fill='white'/%3E%3Crect x='0.5' y='1.36035' width='31' height='30.9988' rx='15.4994' stroke='%23BDBDBD'/%3E%3Cpath d='M13.5 21.8604L18.5 16.8604L13.5 11.8604' stroke='%23BDBDBD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .shockingDeal .inner .infoArea .name span {
    font-size: 2.4rem;
  }
  .shockingDeal .inner .infoArea .name span strong {
    font-size: 2.4rem;
  }
  .shockingDeal .inner .infoArea .name span.f strong:after {
    top: 0.2rem;
  }
  .shockingDeal .inner .infoArea .timeArea .rTit {
    padding: 1.2rem 4rem;
  }
  .shockingDeal .inner .infoArea .timeArea .rTit span {
    background-size: 2.2rem;
    font-size: 2rem;
    padding: 0 0 0 3rem;
  }
  .shockingDeal .inner .infoArea .price .ptx .saleWon {
    font-size: 2rem;
  }
  .shockingDeal .inner .infoArea .price .ptx .dc {
    font-size: 3.6rem;
  }
  .shockingDeal .inner .infoArea .price .ptx .won span {
    font-size: 3.6rem;
  }
  .shockingDeal .inner .infoArea .price .ptx .won u {
    font-size: 1.8rem;
  }
  .shockingDeal .inner .infoArea .price .ptt {
    font-size: 2rem;
    padding: 0 0 1.2rem 0;
  }
  .shockingDeal .csoon {
    margin-bottom: 6rem;
  }
  .shockingDeal .csoon .cDx .cLogo img {
    width: 26rem;
  }
  .shockingDeal .csoon .cDx .cBx {
    padding: 3rem 0 0 0;
  }
  .shockingDeal .csoon .cDx .cBx strong {
    font-size: 3rem;
    padding: 0 0 1.3rem 0;
  }
  .shockingDeal .csoon .cDx .cBx p span {
    font-size: 1.6rem;
  }
}
/* product content Dx */
.proContMDx {
  width: 100%;
  /* background: #dde1e0; */
  padding: 12rem 0 12rem 0;
  overflow: hidden;
}
.proContMDx .cateSlide {
  width: 100%;
  /* overflow: hidden; */
  max-width:1400px;
  margin:auto;
}
.proContMDx .cateSlide .swiper-container {
  overflow: visible;
}
.proContMDx .cateSlide ul {
  text-align: center;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
}
.proContMDx .cateSlide ul li {
  display: inline-block;
  width: calc(100% / 7);
}
.proContMDx .cateSlide ul li a {
  display: inline-block;
  text-align: center;
  width:calc(100% - 20px);
}
.proContMDx .cateSlide ul li a .goods {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background: #E0D0D1;
  border-radius: 100%;
  overflow: hidden;
  transition: all 0.5s ease;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}


.proContMDx .cateSlide ul li a .goods.ico01{background-image:url('../images/img/main_prod_1.png');}
.proContMDx .cateSlide ul li a .goods.ico02{background-image:url('../images/img/main_prod_2.png');}
.proContMDx .cateSlide ul li a .goods.ico03{background-image:url('../images/img/main_prod_3.png');}
.proContMDx .cateSlide ul li a .goods.ico04{background-image:url('../images/img/main_prod_4.png');}
.proContMDx .cateSlide ul li a .goods.ico05{background-image:url('../images/img/main_prod_5.png');}
.proContMDx .cateSlide ul li a .goods.ico06{background-image:url('../images/img/main_prod_6.png');}
.proContMDx .cateSlide ul li a .goods.ico07{background-image:url('../images/img/main_prod_7.png');}

/* .proContMDx .cateSlide ul li a .goods.ico01 {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M76.8988 29.582V17.6387H68.8218V22.2801L76.8988 29.582Z' fill='white'/%3E%3Cpath d='M49.9764 10L6 49.799H15.6514V90H84.3015V49.799H94L49.9764 10ZM20.6992 60.7629V54.9155H33.487C38.6559 54.9155 42.1894 46.0859 48.8188 46.0859C57.3328 46.0859 60.7249 52.5327 60.7249 52.5327L65.1198 48.9511L62.9998 61.5011L52.2782 59.2937L56.2694 55.968C56.2694 55.968 54.1762 51.9333 49.4986 51.9333C44.1412 51.9333 40.6616 60.7629 34.7052 60.7629H20.7059H20.6992ZM79.9267 73.9196H66.9909C61.822 73.9196 58.2885 82.6907 51.659 82.6907C43.1451 82.6907 39.753 76.1928 39.753 76.1928L35.358 79.7743L37.4781 67.2243L48.1996 69.439L44.2085 72.7794C44.2085 72.7794 46.3016 76.8433 50.9793 76.8433C56.3367 76.8433 59.8163 68.0722 65.7727 68.0722H79.92V73.9196H79.9267Z' fill='white'/%3E%3C/svg%3E");
}
.proContMDx .cateSlide ul li a .goods.ico02 {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_139_1424)'%3E%3Cpath d='M17.3799 33.0083V36.8205H31.0357L31.0335 33.0083H17.3799Z' fill='white'/%3E%3Cpath d='M79.5855 51.3048H20.4145C18.7415 51.3048 17.3799 52.6732 17.3799 54.3546V63.5039H82.6223V54.3546C82.6223 52.6732 81.2608 51.3048 79.5877 51.3048H79.5855ZM78.0681 58.9292H21.9318C21.0931 58.9292 20.4145 58.2473 20.4145 57.4044C20.4145 56.5614 21.0931 55.8795 21.9318 55.8795H78.0704C78.9091 55.8795 79.5877 56.5614 79.5877 57.4044C79.5877 58.2473 78.9091 58.9292 78.0704 58.9292H78.0681Z' fill='white'/%3E%3Cpath d='M90.2067 26.9088H9.79329C7.70198 26.9088 6 28.6193 6 30.721V59.6916C6 61.7934 7.70198 63.5038 9.79329 63.5038H14.3452V54.3545C14.3452 50.9917 17.0684 48.255 20.4145 48.255H79.5877C82.9338 48.255 85.657 50.9917 85.657 54.3545V63.5038H90.2089C92.3002 63.5038 94.0022 61.7934 94.0022 59.6916V30.721C94.0022 28.6193 92.3002 26.9088 90.2089 26.9088H90.2067ZM34.0682 36.8206C34.0682 38.502 32.7066 39.8703 31.0335 39.8703H17.3777C15.7046 39.8703 14.343 38.502 14.343 36.8206V33.0084C14.343 31.327 15.7046 29.9586 17.3777 29.9586H31.0335C32.7066 29.9586 34.0682 31.327 34.0682 33.0084V36.8206ZM68.2056 36.8206C66.9508 36.8206 65.9296 35.7943 65.9296 34.5332C65.9296 33.2722 66.9508 32.2459 68.2056 32.2459C69.4604 32.2459 70.4816 33.2722 70.4816 34.5332C70.4816 35.7943 69.4604 36.8206 68.2056 36.8206ZM75.7922 36.8206C74.5374 36.8206 73.5162 35.7943 73.5162 34.5332C73.5162 33.2722 74.5374 32.2459 75.7922 32.2459C77.047 32.2459 78.0682 33.2722 78.0682 34.5332C78.0682 35.7943 77.047 36.8206 75.7922 36.8206ZM83.3788 36.8206C82.124 36.8206 81.1028 35.7943 81.1028 34.5332C81.1028 33.2722 82.124 32.2459 83.3788 32.2459C84.6336 32.2459 85.6547 33.2722 85.6547 34.5332C85.6547 35.7943 84.6336 36.8206 83.3788 36.8206Z' fill='white'/%3E%3C/g%3E%3Cpath d='M41.1363 91.5497C40.1661 90.5749 39.7216 88.5878 39.7192 87.1537V87.142C39.7192 85.497 40.331 83.224 41.5044 82.0454C43.311 80.2317 44.1211 77.1596 44.1235 74.9195C44.1044 72.9042 43.5333 70.1837 41.87 68.5129C41.3036 67.9435 40.374 67.9342 39.7933 68.4895C39.2126 69.0449 39.203 69.9564 39.7694 70.5258C40.7492 71.51 41.1865 73.4362 41.1865 74.9124V74.9195C41.1865 76.5738 40.5724 78.8632 39.4038 80.0372C37.4681 81.9797 36.7822 85.0775 36.7822 87.1467V87.1631C36.7846 89.1689 37.3797 91.9035 39.0358 93.5672C39.6021 94.1366 40.5317 94.146 41.1124 93.5907C41.6931 93.0353 41.7027 92.1238 41.1363 91.5544V91.5497Z' fill='white'/%3E%3Cpath d='M31.5953 91.5497C30.6251 90.5749 30.1806 88.5878 30.1782 87.1537V87.142C30.1782 85.497 30.79 83.224 31.9633 82.0454C33.77 80.2317 34.5801 77.1596 34.5825 74.9195V74.9101C34.5825 72.9089 33.9898 70.179 32.329 68.5129C31.7626 67.9435 30.833 67.9342 30.2523 68.4895C29.6716 69.0449 29.662 69.9564 30.2284 70.5258C31.2082 71.51 31.6455 73.4362 31.6455 74.9124V74.9195C31.6455 76.5738 31.0313 78.8632 29.8628 80.0372C27.9271 81.9797 27.2412 85.0775 27.2412 87.1467V87.1631C27.2436 89.1689 27.8386 91.9035 29.4947 93.5672C30.0611 94.1366 30.9907 94.146 31.5714 93.5907C32.1521 93.0353 32.1617 92.1238 31.5953 91.5544V91.5497Z' fill='white'/%3E%3Cpath d='M50.6822 91.5497C49.712 90.5749 49.2675 88.5878 49.2651 87.1537V87.142C49.2651 85.497 49.8769 83.224 51.0503 82.0454C52.8569 80.2317 53.667 77.1596 53.6694 74.9195V74.9101C53.6694 72.9089 53.0768 70.179 51.4159 68.5129C50.8495 67.9435 49.9199 67.9342 49.3392 68.4895C48.7585 69.0449 48.7489 69.9564 49.3153 70.5258C50.2951 71.51 50.7324 73.4362 50.7324 74.9124V74.9195C50.7324 76.5738 50.1183 78.8632 48.9497 80.0372C47.014 81.9797 46.3281 85.0775 46.3281 87.1467V87.1631C46.3329 89.1689 46.9256 91.9035 48.5817 93.5672C49.148 94.1366 50.0776 94.146 50.6583 93.5907C51.239 93.0353 51.2486 92.1238 50.6822 91.5544V91.5497Z' fill='white'/%3E%3Cpath d='M60.2276 91.5497C59.2574 90.5749 58.8129 88.5878 58.8105 87.1537V87.142C58.8105 85.497 59.4223 83.224 60.5957 82.0454C62.4023 80.2317 63.2124 77.1596 63.2148 74.9195V74.9101C63.2148 72.9089 62.6222 70.179 60.9613 68.5129C60.3949 67.9435 59.4653 67.9342 58.8846 68.4895C58.3039 69.0449 58.2943 69.9564 58.8607 70.5258C59.8405 71.51 60.2778 73.4362 60.2778 74.9124V74.9195C60.2778 76.5738 59.6637 78.8632 58.4951 80.0372C56.5594 81.9797 55.8735 85.0775 55.8735 87.1467V87.1631C55.8759 89.1689 56.471 91.9035 58.1271 93.5672C58.6934 94.1366 59.623 94.146 60.2038 93.5907C60.7845 93.0353 60.794 92.1238 60.2276 91.5544V91.5497Z' fill='white'/%3E%3Cpath d='M69.7721 91.5497C68.8018 90.5749 68.3574 88.5878 68.355 87.1537V87.142C68.355 85.497 68.9667 83.224 70.1401 82.0454C71.9468 80.2317 72.7569 77.1596 72.7593 74.9195V74.9101C72.7593 72.9089 72.1666 70.179 70.5057 68.5129C69.9394 67.9435 69.0098 67.9342 68.429 68.4895C67.8483 69.0449 67.8388 69.9564 68.4051 70.5258C69.3849 71.51 69.8223 73.4362 69.8223 74.9124V74.9195C69.8223 76.5738 69.2081 78.8632 68.0395 80.0372C66.1038 81.9797 65.418 85.0775 65.418 87.1467V87.1631C65.4204 89.1689 66.0154 91.9035 67.6715 93.5672C68.2379 94.1366 69.1675 94.146 69.7482 93.5907C70.3289 93.0353 70.3385 92.1238 69.7721 91.5544V91.5497Z' fill='white'/%3E%3Cpath d='M66.0972 19.0363C66.0972 20.8332 67.5417 22.2956 69.3167 22.2956C71.0917 22.2956 72.5362 20.8332 72.5362 19.0363C72.5362 17.2395 71.0917 15.7771 69.3167 15.7771C67.5417 15.7771 66.0972 17.2395 66.0972 19.0363Z' fill='white'/%3E%3Cpath d='M57.5122 19.0365C57.5122 20.2344 58.4752 21.2093 59.6585 21.2093C60.8419 21.2093 61.8049 20.2344 61.8049 19.0365C61.8049 17.8386 60.8419 16.8636 59.6585 16.8636C58.4752 16.8636 57.5122 17.8386 57.5122 19.0365Z' fill='white'/%3E%3Cpath d='M46.7803 19.0363C46.7803 20.8332 48.2248 22.2956 49.9998 22.2956C51.7748 22.2956 53.2193 20.8332 53.2193 19.0363C53.2193 17.2395 51.7748 15.7771 49.9998 15.7771C48.2248 15.7771 46.7803 17.2395 46.7803 19.0363Z' fill='white'/%3E%3Cpath d='M38.1953 19.0365C38.1953 20.2344 39.1583 21.2093 40.3417 21.2093C41.525 21.2093 42.488 20.2344 42.488 19.0365C42.488 17.8386 41.525 16.8636 40.3417 16.8636C39.1583 16.8636 38.1953 17.8386 38.1953 19.0365Z' fill='white'/%3E%3Cpath d='M27.4634 19.0363C27.4634 20.8332 28.9079 22.2956 30.6829 22.2956C32.4579 22.2956 33.9024 20.8332 33.9024 19.0363C33.9024 17.2395 32.4579 15.7771 30.6829 15.7771C28.9079 15.7771 27.4634 17.2395 27.4634 19.0363Z' fill='white'/%3E%3Cpath d='M70.3901 9.25923C70.3901 11.0561 71.8347 12.5185 73.6097 12.5185C75.3846 12.5185 76.8292 11.0561 76.8292 9.25923C76.8292 7.46235 75.3846 6 73.6097 6C71.8347 6 70.3901 7.46235 70.3901 9.25923Z' fill='white'/%3E%3Cpath d='M61.8052 9.25937C61.8052 10.4573 62.7682 11.4322 63.9515 11.4322C65.1348 11.4322 66.0979 10.4573 66.0979 9.25937C66.0979 8.06145 65.1348 7.08655 63.9515 7.08655C62.7682 7.08655 61.8052 8.06145 61.8052 9.25937Z' fill='white'/%3E%3Cpath d='M51.0732 9.25923C51.0732 11.0561 52.5178 12.5185 54.2928 12.5185C56.0677 12.5185 57.5123 11.0561 57.5123 9.25923C57.5123 7.46235 56.0677 6 54.2928 6C52.5178 6 51.0732 7.46235 51.0732 9.25923Z' fill='white'/%3E%3Cpath d='M42.4878 9.25937C42.4878 10.4573 43.4508 11.4322 44.6341 11.4322C45.8175 11.4322 46.7805 10.4573 46.7805 9.25937C46.7805 8.06145 45.8175 7.08655 44.6341 7.08655C43.4508 7.08655 42.4878 8.06145 42.4878 9.25937Z' fill='white'/%3E%3Cpath d='M31.7559 9.25923C31.7559 11.0561 33.2004 12.5185 34.9754 12.5185C36.7504 12.5185 38.1949 11.0561 38.1949 9.25923C38.1949 7.46235 36.7504 6 34.9754 6C33.2004 6 31.7559 7.46235 31.7559 9.25923Z' fill='white'/%3E%3Cpath d='M25.3172 11.4322C26.5006 11.4322 27.4636 10.4573 27.4636 9.25937C27.4636 8.06145 26.5006 7.08655 25.3172 7.08655C24.1339 7.08655 23.1709 8.06145 23.1709 9.25937C23.1709 10.4573 24.1339 11.4322 25.3172 11.4322Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='clip0_139_1424'%3E%3Crect width='88' height='36.595' fill='white' transform='translate(6 26.9088)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.proContMDx .cateSlide ul li a .goods.ico03 {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.3214 47.3463C58.6278 48.2463 58.8029 49.2049 58.8029 50.2034C58.8029 51.202 58.6223 52.1978 58.3022 53.1112C62.3403 55.7206 72.7418 64.1428 69.2728 79.8876C78.3748 74.1174 84.6671 64.4997 85.6985 53.42C74.3258 41.1342 62.3102 45.3892 58.3214 47.3463Z' fill='white'/%3E%3Cpath d='M51.6602 41.1934C53.6598 41.6027 55.419 42.6635 56.7215 44.1363C61.0073 42.0146 73.5647 37.3943 85.6979 48.3393C85.1169 37.0308 79.2422 27.1009 70.5058 20.9431C54.0408 24.4434 51.8926 36.8047 51.6602 41.1934Z' fill='white'/%3E%3Cpath d='M55.0422 52.0626C56.1789 49.2787 54.8435 46.1003 52.0595 44.9636C49.2755 43.8269 46.0972 45.1623 44.9605 47.9463C43.8238 50.7303 45.1592 53.9087 47.9432 55.0453C50.7272 56.182 53.9055 54.8466 55.0422 52.0626Z' fill='white'/%3E%3Cpath d='M48.3395 58.8103C46.3398 58.4038 44.5806 57.3405 43.2809 55.868C41.1001 56.9474 36.7873 58.6703 31.4774 58.6703C26.1674 58.6703 20.2684 57.039 14.3018 51.6604C14.88 62.9694 20.7575 72.9001 29.4939 79.0566C45.9588 75.5571 48.1071 63.1982 48.3395 58.8103Z' fill='white'/%3E%3Cpath d='M56.4822 55.8127C55.2275 57.2884 53.5347 58.3444 51.6111 58.7451C51.3234 63.5403 49.1432 76.7319 34.2266 81.7572C38.9292 84.2726 44.2461 85.6995 49.8794 85.6995C55.0382 85.6995 59.9327 84.5001 64.332 82.3692C69.3275 66.294 60.0182 58.209 56.4796 55.8127H56.4822Z' fill='white'/%3E%3Cpath d='M43.5181 44.1893C44.7728 42.7136 46.4656 41.6576 48.3892 41.2569C48.6769 36.4617 50.8571 23.2702 65.7737 18.2448C61.0711 15.7294 55.7542 14.3025 50.1209 14.3025C44.962 14.3025 40.0676 15.502 35.6683 17.6329C30.6728 33.7081 39.9821 41.793 43.5207 44.1893H43.5181Z' fill='white'/%3E%3Cpath d='M41.6788 52.6556C41.3724 51.7556 41.1973 50.797 41.1973 49.7985C41.1973 48.8 41.3779 47.8041 41.698 46.8908C37.66 44.2813 27.2585 35.8591 30.7275 20.1144C21.6255 25.8845 15.3332 35.5023 14.3018 46.5819C25.6744 58.8678 37.69 54.6127 41.6788 52.6556Z' fill='white'/%3E%3Ccircle cx='50' cy='50' r='41.5' stroke='white' stroke-width='5'/%3E%3C/svg%3E%0A");
}
.proContMDx .cateSlide ul li a .goods.ico04 {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.30443 27.0143C7.02964 27.0143 6 25.9847 6 24.7099V8.30442C6 7.02963 7.02964 6 8.30443 6H24.71C25.9848 6 27.0144 7.02963 27.0144 8.30442C27.0144 9.5792 25.9848 10.6088 24.71 10.6088H10.6089V24.7099C10.6089 25.9847 9.57922 27.0143 8.30443 27.0143Z' fill='white'/%3E%3Cpath d='M91.6958 94H75.2903C74.0155 94 72.9858 92.9704 72.9858 91.6956C72.9858 90.4208 74.0155 89.3912 75.2903 89.3912H89.3914V75.2901C89.3914 74.0154 90.4211 72.9857 91.6958 72.9857C92.9706 72.9857 94.0003 74.0154 94.0003 75.2901V91.6956C94.0003 92.9704 92.9706 94 91.6958 94Z' fill='white'/%3E%3Cpath d='M24.71 94H8.30443C7.02964 94 6 92.9704 6 91.6956V75.2901C6 74.0154 7.02964 72.9857 8.30443 72.9857C9.57922 72.9857 10.6089 74.0154 10.6089 75.2901V89.3912H24.71C25.9848 89.3912 27.0144 90.4208 27.0144 91.6956C27.0144 92.9704 25.9848 94 24.71 94Z' fill='white'/%3E%3Cpath d='M91.6956 27.0143C90.4208 27.0143 89.3912 25.9847 89.3912 24.7099V10.6088H75.29C74.0152 10.6088 72.9856 9.5792 72.9856 8.30442C72.9856 7.02963 74.0152 6 75.29 6H91.6956C92.9704 6 94 7.02963 94 8.30442V24.7099C94 25.9847 92.9704 27.0143 91.6956 27.0143Z' fill='white'/%3E%3Cpath d='M50.4394 79.0413C49.9487 79.0413 49.47 78.9219 49.0391 78.671L25.8918 65.3287C25.0181 64.827 24.4795 63.9073 24.4795 62.9039V36.2312C24.4795 35.2278 25.0181 34.2961 25.8798 33.7944L49.0391 20.4521C49.9128 19.9504 50.978 19.9504 51.8517 20.4521L74.999 33.7944C75.8727 34.2961 76.3994 35.2278 76.3994 36.2312V62.9039C76.3994 63.9073 75.8608 64.839 74.999 65.3406L51.8517 78.683C51.4209 78.9338 50.9301 79.0533 50.4514 79.0533L50.4394 79.0413ZM30.1047 61.2794L50.4394 72.9972L70.7741 61.2794V37.8437L50.4394 26.1258L30.1047 37.8437V61.2794Z' fill='white'/%3E%3Cpath d='M50.4396 54.3596C49.9489 54.3596 49.4702 54.2402 49.0393 53.9893L25.892 40.647C24.5515 39.8706 24.0847 38.1505 24.8627 36.8127C25.6407 35.463 27.3641 35.009 28.7046 35.7855L50.4516 48.3156L72.1986 35.7855C73.5391 35.009 75.2626 35.4749 76.0405 36.8127C76.8185 38.1505 76.3517 39.8706 75.0112 40.647L51.8639 53.9893C51.433 54.2402 50.9423 54.3596 50.4636 54.3596H50.4396Z' fill='white'/%3E%3Cpath d='M50.4396 76.5067C48.8837 76.5067 47.627 75.2525 47.627 73.6997V51.0045C47.627 49.4517 48.8837 48.1975 50.4396 48.1975C51.9955 48.1975 53.2522 49.4517 53.2522 51.0045V73.6997C53.2522 75.2525 51.9955 76.5067 50.4396 76.5067Z' fill='white'/%3E%3C/svg%3E%0A");
}
.proContMDx .cateSlide ul li a .goods.ico05 {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M87.8145 94C87.6105 94 87.4065 93.9723 87.2025 93.9168L50 83.6019L12.7975 93.9168C12.137 94.1017 11.4279 93.9723 10.8742 93.5841C10.3205 93.1959 10 92.5766 10 91.9204V8.07961C10 6.93352 10.9811 6 12.1855 6H87.8145C89.0189 6 90 6.93352 90 8.07961V91.9204C90 92.5766 89.6795 93.1959 89.1258 93.5841C88.747 93.8614 88.2807 94 87.8145 94ZM50 79.3595C50.204 79.3595 50.408 79.3872 50.6119 79.4427L85.6289 89.1476V10.1592H14.3711V89.1476L49.3881 79.4427C49.592 79.3872 49.796 79.3595 50 79.3595Z' fill='white'/%3E%3Cpath d='M78.9367 20.753H21.0639C19.8595 20.753 18.8784 19.8195 18.8784 18.6734C18.8784 17.5273 19.8595 16.5938 21.0639 16.5938H78.9367C80.1412 16.5938 81.1222 17.5273 81.1222 18.6734C81.1222 19.8195 80.1412 20.753 78.9367 20.753Z' fill='white'/%3E%3Cpath d='M71.2347 43.7518C70.7597 42.351 69.417 41.4084 67.8915 41.4084H56.7844L53.3499 31.2243C52.875 29.8235 51.5322 28.8809 50.0068 28.8809C48.4814 28.8809 47.1296 29.8235 46.6637 31.2243L43.2293 41.4084H32.1221C30.5967 41.4084 29.2448 42.351 28.779 43.7518C28.304 45.1525 28.8247 46.6854 30.0578 47.5488L39.0367 53.8478L35.6022 64.0319C35.1272 65.4327 35.6479 66.9656 36.881 67.8289C38.1141 68.6923 39.7857 68.6923 41.0188 67.8289L50.0068 61.5299L58.9949 67.8289C59.6068 68.2606 60.3376 68.4809 61.0592 68.4809C61.7808 68.4809 62.5115 68.2606 63.1235 67.8289C64.3566 66.9656 64.8773 65.4327 64.4023 64.0319L60.9678 53.8478L69.9467 47.5488C71.1798 46.6854 71.6914 45.1525 71.2255 43.7518H71.2347Z' fill='white'/%3E%3C/svg%3E%0A");
}
.proContMDx .cateSlide ul li a .goods.ico06 {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M44.996,40.654c-9.331,0-16.896,7.565-16.896,16.897c0,9.33,7.564,16.895,16.896,16.895 c9.332,0,16.896-7.564,16.896-16.895C61.893,48.22,54.328,40.654,44.996,40.654z M51.646,58.989l-9.031,6.129 c-0.294,0.201-0.635,0.301-0.979,0.301c-0.279,0-0.562-0.066-0.815-0.199c-0.57-0.305-0.928-0.896-0.928-1.543V51.423 c0-0.645,0.357-1.236,0.928-1.539c0.569-0.301,1.26-0.266,1.793,0.098l9.033,6.125c0.476,0.326,0.762,0.863,0.762,1.443 C52.408,58.126,52.122,58.667,51.646,58.989z'/%3E%3Cpath fill='%23FFFFFF' d='M69.193,89.835h-48.27c-8.387,0-15.211-6.824-15.211-15.213V41.548c0-8.388,6.824-15.212,15.211-15.212 c1.473,0,2.666,1.193,2.666,2.666s-1.193,2.666-2.666,2.666c-5.448,0-9.88,4.433-9.88,9.881v33.074c0,5.449,4.432,9.881,9.88,9.881 h48.27c5.448,0,9.881-4.432,9.881-9.881V41.548c0-5.448-4.433-9.881-9.881-9.881c-1.472,0-2.665-1.193-2.665-2.666 s1.193-2.666,2.665-2.666c8.388,0,15.211,6.824,15.211,15.212v33.074C84.404,83.011,77.581,89.835,69.193,89.835z'/%3E%3Cpath fill='%23FFFFFF' d='M23.322,12.845c-0.552,0-1.089-0.287-1.385-0.799c-0.442-0.764-0.183-1.742,0.583-2.185 c6.816-3.944,14.588-6.029,22.476-6.029s15.66,2.084,22.477,6.028c0.764,0.442,1.025,1.42,0.584,2.185 c-0.442,0.765-1.423,1.025-2.186,0.583C59.541,8.966,52.323,7.03,44.996,7.03c-7.325,0-14.544,1.936-20.874,5.599 C23.87,12.775,23.594,12.844,23.322,12.845z'/%3E%3Cpath fill='%23FFFFFF' d='M28.599,23.051c-0.552,0-1.089-0.286-1.386-0.799c-0.441-0.764-0.181-1.743,0.584-2.185 c5.59-3.234,10.414-4.614,16.134-4.614c6.444,0,13.273,1.724,18.266,4.612c0.764,0.442,1.025,1.42,0.584,2.185 c-0.442,0.765-1.422,1.025-2.186,0.583c-4.46-2.58-10.846-4.183-16.664-4.183c-5.186,0-9.396,1.212-14.532,4.184 C29.146,22.981,28.87,23.051,28.599,23.051z'/%3E%3Cpath fill='%23FFFFFF' d='M34.011,33.488c-0.552,0-1.09-0.286-1.385-0.799c-0.442-0.765-0.183-1.743,0.583-2.185 c3.591-2.078,7.667-3.177,11.787-3.177c4.121,0,8.197,1.098,11.789,3.176c0.765,0.442,1.025,1.42,0.584,2.185 c-0.442,0.764-1.421,1.026-2.186,0.583c-3.105-1.796-6.629-2.745-10.188-2.745s-7.081,0.949-10.187,2.747 C34.558,33.418,34.283,33.488,34.011,33.488z'/%3E%3Cpath fill='%23FFFFFF' d='M93.28,79.896c-1.349,0-2.646-0.406-3.756-1.176l-9.017-6.232c-1.211-0.838-1.515-2.496-0.677-3.709 c0.837-1.209,2.494-1.514,3.708-0.676l9.021,6.234c0.391,0.271,0.91,0.297,1.316,0.078c0.439-0.236,0.714-0.711,0.714-1.236V44.703 c0-0.521-0.274-0.994-0.719-1.233c-0.415-0.224-0.916-0.197-1.307,0.073l-9.029,6.239c-1.211,0.836-2.87,0.533-3.708-0.678 c-0.837-1.211-0.532-2.871,0.679-3.708l9.027-6.237c2.044-1.416,4.679-1.563,6.871-0.38c2.17,1.174,3.517,3.443,3.517,5.924v28.476 c0,2.484-1.347,4.756-3.514,5.928C95.448,79.624,94.368,79.896,93.28,79.896z'/%3E%3C/svg%3E");
} */
.proContMDx .cateSlide ul li span {
  display: inline-block;
  padding: 2.4rem 0 0.8rem 0;
  /* border-bottom: 3px #e6dad8 solid; */
  transition: all 0.5s ease;
  font-size: 2.6rem;
  color: var(--base-black-color);
  line-height: 2.5rem;
  letter-spacing: -0.52px;
  font-weight: 500;
}
.proContMDx .cateSlide ul li:hover a .goods {
  background-color: var(--base-green-color);
}
/* .proContMDx .cateSlide ul li:hover span {
  border-color: var(--base-color);
} */

@media all and (max-width: 1560px) {
  .proContMDx .cateSlide ul li {
    width: 26rem;
  }
}
@media all and (max-width: 1300px) {
  .proContMDx .cateSlide ul li {
    width: 22rem;
  }
  /* .proContMDx .cateSlide ul li a .goods {
    width: 16rem;
    height: 16rem;
    background-size: 8rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
  } */
}
@media all and (max-width: 1100px) {
  .proContMDx .cateSlide ul li {
    width: 19rem;
  }
}
@media all and (max-width: 700px) {
  .proContMDx {
    padding: 6rem 0 6rem 0;
  }
  .proContMDx .cateSlide {
    margin:0 2rem;
  }
  .proContMDx .cateSlide ul li {
    width: 16rem;
  }
  .proContMDx .cateSlide ul li span {
    padding: 2rem 0 0.8rem 0;
    font-size: 2rem;
    border-width: 2px;
  }
  /* .proContMDx .cateSlide ul li a .goods {
    width: 14rem;
    height: 14rem;
    background-size: 7rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
  } */
}
/* best slide Dx */
.bestMDx {
  width: 100%;
  overflow: hidden;
}
.bestMDx .abolXY {
  position: relative;
  width: 100%;
  height: 61.6rem;
  overflow: hidden;
}
.bestMDx .abolXY .inner {
  position: absolute;
  left: 50%;
  top: 0;
  width: 250rem;
  margin: 0 0 0 -125rem;
  overflow: hidden;
}
.bestMDx .swiper-slide .imgArea {
  width: 100%;
  overflow: hidden;
}
.bestMDx .swiper-slide .imgArea img {
  width: 100%;
  object-fit: cover;
}
.bestMDx .swiper-slide .infoArea {
  width: 100%;
  height: 11.6rem;
  padding: 1.5rem 3rem 0 3rem;
  background: var(--base-gray-color5-1);
}
.bestMDx .swiper-slide .infoArea .name span {
  display: block;
  font-size: 1.8rem;
  color: var(--base-white-color);
  line-height: 2.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
}
.bestMDx .swiper-slide .infoArea .name span:nth-child(2) {
  font-size: 2rem;
  color: var(--base-white-color);
  line-height: 2.4rem;
  letter-spacing: -0.02rem;
  font-weight: normal;
}
.bestMDx .swiper-slide .infoArea .won {
  padding: 1rem 0 0 0;
  font-size: 2.6rem;
  color: var(--base-white-color);
  line-height: 2.6rem;
  letter-spacing: -0.52px;
  font-weight: 500;
}
.bestMDx .swiper-slide .infoArea .won u {
  text-decoration: none;
  font-size: 1.6rem;
  color: var(--base-white-color);
  line-height: 2.6rem;
  letter-spacing: -0.32px;
  font-weight: 400;
}
.bestMDx .swiper-slide .conts {
  transition: all 0.6s ease;
  transform: scale(0.6);
  margin: -4.8rem -12rem 0 0;
}
.bestMDx .swiper-slide-active .conts {
  transform: scale(1);
  margin: 0;
}
.bestMDx .swiper-slide-active .infoArea {
  background: var(--base-green-color);
}
.bestMDx .swiper-slide-prev .conts {
  transform: scale(0.8);
  margin: 0;
}
.bestMDx .swiper-slide-next .conts {
  transform: scale(0.8);
  margin: 0;
}
.bestMDx .swiper-slide-next + .swiper-slide .conts {
  margin: -4.8rem 0 0 -12rem;
}

@media all and (max-width: 700px) {
  .bestMDx .abolXY {
    height: 50.2rem;
  }
  .bestMDx .abolXY .inner {
    position: relative;
    left: 0;
    width: 100%;
    padding: 0 0 0 2rem;
    margin: 0;
  }
  .bestMDx .swiper-slide {
    width: 40rem !important;
  }
  .bestMDx .swiper-slide .infoArea {
    height: 10rem;
    padding: 1.2rem 2rem 0 2rem;
  }
  .bestMDx .swiper-slide .infoArea .name span {
    font-size: 1.6rem;
  }
  .bestMDx .swiper-slide .infoArea .name span:nth-child(2) {
    font-size: 1.8rem;
  }
  .bestMDx .swiper-slide .infoArea .won {
    padding: 0.4rem 0 0 0;
    font-size: 2.2rem;
  }
  .bestMDx .swiper-slide .infoArea .won u {
    font-size: 1.4rem;
  }
  .bestMDx .swiper-slide .conts {
    transform: scale(0.842);
    margin: 0;
  }
  .bestMDx .swiper-slide-active .conts {
    transform: scale(1);
  }
  .bestMDx .swiper-slide-prev .conts {
    transform: scale(0.9);
  }
  .bestMDx .swiper-slide-next .conts {
    transform: scale(0.9);
  }
  .bestMDx .swiper-slide-next + .swiper-slide .conts {
    margin: -1.6rem 0 0 -3.6rem;
  }
}
@media all and (max-width: 540px) {
  .bestMDx .abolXY {
    height: 40rem;
  }
  .bestMDx .swiper-slide {
    width: 30rem !important;
  }
  .bestMDx .swiper-slide .conts {
    transform: scale(0.772);
    margin: 0;
  }
  .bestMDx .swiper-slide-active .conts {
    transform: scale(1);
  }
  .bestMDx .swiper-slide-prev .conts {
    transform: scale(0.84);
  }
  .bestMDx .swiper-slide-next .conts {
    transform: scale(0.84);
  }
  .bestMDx .swiper-slide-next + .swiper-slide .conts {
    margin: -1.61rem 0 0 -3.7rem;
  }
}
/* md pick Dx */
.mdMDx {
  width: 100%;
  padding: 120px 0;
  background: rgba(105, 0, 5, 0.05);
}
.mdMDx .proTit {
  padding: 3rem 0 6rem 0;
}
.mdMDx .webMd {
  display: block;
  position: relative;
}
.mdMDx .webMd .imgArea {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: var(--bg-gray-color5);
  overflow: hidden;
}
.mdMDx .webMd .imgArea img {
  width: 100%;
  object-fit: cover;
}
.mdMDx .webMd .wmL {
  width: 68rem;
  position: relative;
}
.mdMDx .webMd .wmL a {
  display: block;
  width: 46rem;
  margin: auto;
}
.mdMDx .webMd .wmL .imgArea {
  background: transparent;
}
.mdMDx .webMd .wmL .infoArea {
  width: 100%;
  text-align: center;
  padding: 5rem 0 0 0;
}
.mdMDx .webMd .wmL .infoArea .name span {
  display: block;
  font-size: 2.6rem;
  color: var(--base-gray-color5);
  line-height: 4rem;
  letter-spacing: -0.52px;
  font-weight: 400;
}
.mdMDx .webMd .wmL .infoArea .won {
  padding: 2rem 0 0 0;
  font-size: 5rem;
  color: var(--base-black-color);
  line-height: 2.6rem;
  letter-spacing: -1px;
  font-weight: 600;
}
.mdMDx .webMd .wmL .infoArea .won u {
  text-decoration: none;
  font-size: 2.6rem;
  color: var(--base-black-color);
  line-height: 2.6rem;
  letter-spacing: -0.52px;
  font-weight: 400;
}
/* .mdMDx .webMd .wmR {
  position: absolute;
  right: 0;
  top: -2rem;
  width: 66rem;
} */
.mdMDx .webMd .wmR ul {
  display: grid;
  gap: 3rem 6rem;
  grid-template-columns: repeat(4, 1fr);
}
.mdMDx .webMd .wmR ul .infoArea {
  width: 100%;
  text-align: center;
  padding: 1.8rem 0 0 0;
}
.mdMDx .webMd .wmR ul .infoArea .name span {
  display: block;
  font-size: 2rem;
  color: var(--base-gray-color5);
  line-height: 2.2rem;
  letter-spacing: -0.4px;
  font-weight: 400;
}
.mdMDx .webMd .wmR ul .infoArea .won {
  padding: 2rem 0 0 0;
  font-size: 2.8rem;
  color: var(--base-black-color);
  line-height: 2.6rem;
  letter-spacing: -0.56px;
  font-weight: 600;
}
.mdMDx .webMd .wmR ul .infoArea .won u {
  text-decoration: none;
  font-size: 2rem;
  color: var(--base-black-color);
  line-height: 2.6rem;
  letter-spacing: -0.4px;
  font-weight: 400;
}
.mdMDx .moMd {
  display: none;
}

@media all and (max-width: 1460px) {
  .mdMDx .webMd .wmR ul {
    gap: 3rem;
  }
}
@media all and (max-width: 1340px) {
  .mdMDx .webMd {
    display: none;
  }
  .mdMDx .moMd {
    display: block;
  }
  .mdMDx .moMd .moreBtn {
    margin-bottom: 0;
  }
  .mdMDx .moMd .swiper-slide {
    width: 28rem !important;
    margin: 0 2rem;
  }
  .mdMDx .moMd .swiper-slide .imgArea {
    width: 100%;
    overflow: hidden;
    background: var(--bg-gray-color5);
    aspect-ratio: 1 / 1;
    display:flex;
    align-items:center;
    justify-content: center;
  }
  .mdMDx .moMd .swiper-slide .imgArea img {
    width: 100%;
  }
  .mdMDx .moMd .swiper-slide .infoArea {
    width: 100%;
    text-align: center;
    padding: 1.8rem 0 0 0;
  }
  .mdMDx .moMd .swiper-slide .infoArea .name span {
    display: block;
    font-size: 2rem;
    color: var(--base-gray-color5);
    line-height: 2.2rem;
    letter-spacing: -0.4px;
    font-weight: 400;
  }
  .mdMDx .moMd .swiper-slide .infoArea .won {
    padding: 2rem 0 0 0;
    font-size: 2.8rem;
    color: var(--base-black-color);
    line-height: 2.6rem;
    letter-spacing: -0.56px;
    font-weight: 600;
  }
  .mdMDx .moMd .swiper-slide .infoArea .won u {
    text-decoration: none;
    font-size: 2rem;
    color: var(--base-black-color);
    line-height: 2.6rem;
    letter-spacing: -0.4px;
    font-weight: 400;
  }
}


@media all and (max-width: 700px) {
  .mdMDx {
    padding: 6rem 0 0 0;
  }
  .mdMDx .proTit {
    padding: 0 0 3rem 0;
  }
  .mdMDx .moMd .swiper-slide {
    margin: 0 2rem 0 0;
  }
  .mdMDx .moMd .swiper-slide .infoArea {
    text-align: left;
    padding: 1.2rem 0 0 0;
  }
  .mdMDx .moMd .swiper-slide .infoArea .name span {
    font-size: 1.8rem;
  }
  .mdMDx .moMd .swiper-slide .infoArea .won {
    padding: 1rem 0 0 0;
    font-size: 2.4rem;
  }
  .mdMDx .moMd .swiper-slide .infoArea .won u {
    font-size: 2.4rem;
  }
}
/* main banner */
.mainBanner {
  width: 100%;
  height: 42rem;
  margin: 12rem auto 0;
}
.mainBanner .swiper-container {
  position: relative;
  height: 100%;
}
.mainBanner .swiper-slide {
  position: relative;
}
.mainBanner .swiper-slide .imgArea {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -96rem;
}
.mainBanner .swiper-slide .imgArea img.web {
  display: inline-block;
}
.mainBanner .swiper-slide .imgArea img.tablet {
  display: none;
}
.mainBanner .swiper-slide .imgArea img.mobile {
  display: none;
}
.mainBanner .swiper-slide .infoArea {
  position: absolute;
  left: 0;
  top: 0;
}
.mainBanner .swiper-slide.mb01 .infoArea {
  position: relative;
  top: 7.6rem;
}
.mainBanner .swiper-slide.mb01 .infoArea .tt {
  position: relative;
  font-size: 6.2rem;
  color: var(--base-white-color);
  line-height: 7rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
}
.mainBanner .swiper-slide.mb01 .infoArea .tt:after {
  content: "";
  position: absolute;
  left: -8.2rem;
  top: 3.5rem;
  width: 7rem;
  height: 2px;
  background: var(--base-white-color);
}
.mainBanner .swiper-slide.mb01 .infoArea .tx {
  padding: 2.5rem 0 0 0;
  font-size: 2.2rem;
  color: var(--base-white-color);
  line-height: 3.4rem;
  letter-spacing: -0.6px;
  font-weight: normal;
}
.mainBanner .swiper-slide.mb02 .infoArea {
  position: relative;
  top: 7.6rem;
}
.mainBanner .swiper-slide.mb02 .infoArea .tt {
  position: relative;
  font-size: 6.2rem;
  color: var(--base-white-color);
  line-height: 7rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
}
.mainBanner .swiper-slide.mb02 .infoArea .tt:after {
  content: "";
  position: absolute;
  left: -8.2rem;
  top: 3.5rem;
  width: 7rem;
  height: 2px;
  background: var(--base-white-color);
}
.mainBanner .swiper-slide.mb02 .infoArea .tx {
  padding: 2.5rem 0 0 0;
  font-size: 2.2rem;
  color: var(--base-white-color);
  line-height: 3.4rem;
  letter-spacing: -0.6px;
  font-weight: normal;
}
.mainBanner .swiper-slide.mb03 .infoArea {
  position: relative;
  top: 7.6rem;
}
.mainBanner .swiper-slide.mb03 .infoArea .tt {
  position: relative;
  font-size: 6.2rem;
  color: var(--base-white-color);
  line-height: 7rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
}
.mainBanner .swiper-slide.mb03 .infoArea .tt:after {
  content: "";
  position: absolute;
  left: -8.2rem;
  top: 3.5rem;
  width: 7rem;
  height: 2px;
  background: var(--base-white-color);
}
.mainBanner .swiper-slide.mb03 .infoArea .tx {
  padding: 2.5rem 0 0 0;
  font-size: 2.2rem;
  color: var(--base-white-color);
  line-height: 3.4rem;
  letter-spacing: -0.6px;
  font-weight: normal;
}
.mainBanner .swiper-slide.mb04 .infoArea {
  position: relative;
  top: 7.6rem;
}
.mainBanner .swiper-slide.mb04 .infoArea .tt {
  position: relative;
  font-size: 6.2rem;
  color: var(--base-white-color);
  line-height: 7rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
}
.mainBanner .swiper-slide.mb04 .infoArea .tt:after {
  content: "";
  position: absolute;
  left: -8.2rem;
  top: 3.5rem;
  width: 7rem;
  height: 2px;
  background: var(--base-white-color);
}
.mainBanner .swiper-slide.mb04 .infoArea .tx {
  padding: 2.5rem 0 0 0;
  font-size: 2.2rem;
  color: var(--base-white-color);
  line-height: 3.4rem;
  letter-spacing: -0.6px;
  font-weight: normal;
}
.mainBanner .swiper-slide.mb04 .infoArea .td {
  padding: 2.3rem 0 0 0;
  font-size: 1.6rem;
  color: var(--base-white-color);
  line-height: 1.2;
  letter-spacing: -0.3px;
  font-weight: normal;
}
.mainBanner .swiper-slide.mb202423 .infoArea {
  position: relative;
  top: 5.2rem;
}
.mainBanner .swiper-slide.mb202423 .infoArea .tt {
  position: relative;
  font-size: 4.7rem;
  color: var(--base-white-color);
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 500;
}
.mainBanner .swiper-slide.mb202423 .infoArea .tt strong {
  display: block;
  font-weight: 500;
  color: #4ab780;
}
.mainBanner .swiper-slide.mb202423 .infoArea .tx {
  padding: 1.5rem 0 0 0;
  font-size: 2.3rem;
  color: var(--base-white-color);
  line-height: 1.4;
  letter-spacing: -0.6px;
  font-weight: normal;
}
.mainBanner .swiper-slide.mb202423 .infoArea .td {
  margin: 2.5rem 0 0 0;
  width: 28.8rem;
  height: 4.6rem;
  background: #4ab780;
  text-align: center;
}
.mainBanner .swiper-slide.mb202423 .infoArea .td span {
  font-size: 2.2rem;
  color: var(--base-white-color);
  line-height: 4.6rem;
  letter-spacing: -0.5px;
  font-weight: normal;
}
.mainBanner .thumArea {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -72.6rem;
  bottom: 3.8rem;
  z-index: 10;
}
.mainBanner .swiper-button-prev,
.mainBanner .swiper-button-next {
  display: none;
}
.mainBanner .swiper-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.9rem;
  height: 2.9rem;
  cursor: pointer;
  z-index: 12;
  background-size: 1rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M4 0H1V10H4V0Z' fill='white'/%3E%3Cpath d='M9 0H6V10H9V0Z' fill='white'/%3E%3C/svg%3E");
}
.mainBanner .swiper-button.play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1 10V0L9 5L1 10Z' fill='white'/%3E%3C/svg%3E");
}
.mainBanner .swiper-pagination {
  text-align: left;
  width: 100%;
  padding: 0 0 0 4.6rem;
  height: 2.9rem;
  position: relative;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}
.mainBanner .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: 100%;
  margin: 0 2rem 0 0;
  background-color: transparent;
  cursor: pointer;
  transition: 0.3s;
}
.mainBanner .swiper-pagination-bullet span {
  background: var(--base-white-color);
  border-radius: 100%;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  transform: translate(-52%, -52%);
}
.mainBanner .progress {
  transform: rotate(-90deg);
}
.mainBanner .circle-origin {
  fill: transparent;
  stroke: var(--base-white-color);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 125.664px;
  stroke-dashoffset: 125.664px;
}
.mainBanner .swiper-pagination-bullet-active .circle-origin {
  animation: progress 8s;
}
@keyframes progress {
  0% {
    stroke-dashoffset: 125.664px;
  }
  90% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -125.664px;
  }
}

@media all and (max-width: 1680px) {
  .mainBanner .swiper-slide.mb01 .infoArea .tt:after {
    display: none;
  }
  .mainBanner .swiper-slide.mb02 .infoArea .tt:after {
    display: none;
  }
  .mainBanner .swiper-slide.mb03 .infoArea .tt:after {
    display: none;
  }
  .mainBanner .swiper-slide.mb04 .infoArea .tt:after {
    display: none;
  }
}
@media all and (max-width: 1480px) {
  .mainBanner .thumArea {
    left: 4rem;
    margin: 0;
  }
}
@media all and (max-width: 1000px) {
  .mainBanner {
    height: 42rem;
  }
  .mainBanner .thumArea {
    left: 2rem;
  }
  .mainBanner .swiper-slide .imgArea {
    margin: 0 0 0 -50rem;
  }
  .mainBanner .swiper-slide .imgArea img.web {
    display: none;
  }
  .mainBanner .swiper-slide .imgArea img.tablet {
    display: inline-block;
  }
  .mainBanner .swiper-slide .imgArea img.mobile {
    display: none;
  }
}
@media all and (max-width: 700px) {
  .mainBanner {
    height: auto;
    border-bottom: 1px var(--base-gray-color3) solid;
    margin: 6rem 0 0 0;
  }
  .mainBanner .thumArea {
    display: none;
  }
  .mainBanner .swiper-slide {
    background: #fff;
    height: auto;
  }
  .mainBanner .swiper-slide .imgArea {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
  }
  .mainBanner .swiper-slide .imgArea img.web {
    display: none;
  }
  .mainBanner .swiper-slide .imgArea img.tablet {
    display: none;
  }
  .mainBanner .swiper-slide .imgArea img.mobile {
    display: inline-block;
    width: 100%;
  }
  .mainBanner .swiper-slide.mb01 .infoArea {
    top: 0;
    padding: 4rem 1.6rem 0;
    margin: 0;
  }
  .mainBanner .swiper-slide.mb01 .infoArea .tt {
    color: var(--base-black-color);
    font-size: 3.4rem;
    line-height: 3rem;
  }
  .mainBanner .swiper-slide.mb01 .infoArea .tx {
    color: var(--base-black-color);
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
  }
  .mainBanner .swiper-slide.mb02 .infoArea {
    top: 0;
    padding: 4rem 1.6rem 0;
    margin: 0;
  }
  .mainBanner .swiper-slide.mb02 .infoArea .tt {
    color: var(--base-black-color);
    font-size: 3.4rem;
    line-height: 3rem;
  }
  .mainBanner .swiper-slide.mb02 .infoArea .tx {
    color: var(--base-black-color);
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
  }
  .mainBanner .swiper-slide.mb03 .infoArea {
    top: 0;
    padding: 4rem 1.6rem 0;
    margin: 0;
  }
  .mainBanner .swiper-slide.mb03 .infoArea .tt {
    color: var(--base-black-color);
    font-size: 3.4rem;
    line-height: 3rem;
  }
  .mainBanner .swiper-slide.mb03 .infoArea .tx {
    color: var(--base-black-color);
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
  }
  .mainBanner .swiper-slide.mb04 .infoArea {
    top: 0;
    padding: 4rem 1.6rem 0;
    margin: 0;
  }
  .mainBanner .swiper-slide.mb04 .infoArea .tt {
    color: var(--base-black-color);
    font-size: 3.4rem;
    line-height: 3rem;
  }
  .mainBanner .swiper-slide.mb04 .infoArea .tx {
    color: var(--base-black-color);
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
  }
  .mainBanner .swiper-slide.mb04 .infoArea .td {
    color: var(--base-black-color);
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 400;
  }
  .mainBanner .swiper-slide.mb202423 .infoArea {
    top: 0;
    padding: 3.5rem 0 0 0;
  }
  .mainBanner .swiper-slide.mb202423 .infoArea .tt {
    font-size: 2.8rem;
    color: var(--base-black-color);
    line-height: 1.3;
    letter-spacing: -1px;
    font-weight: 500;
  }
  .mainBanner .swiper-slide.mb202423 .infoArea .tx {
    padding: 2rem 0 0 0;
    font-size: 1.8rem;
    color: var(--base-black-color);
    line-height: 1.4;
    letter-spacing: -0.6px;
    font-weight: normal;
  }
  .mainBanner .swiper-slide.mb202423 .infoArea .td {
    margin: 2rem 0 3rem;
    width: 20rem;
    height: 3.4rem;
    background: #4ab780;
    text-align: center;
  }
  .mainBanner .swiper-slide.mb202423 .infoArea .td span {
    font-size: 1.6rem;
    color: var(--base-white-color);
    line-height: 3.4rem;
    letter-spacing: -0.5px;
    font-weight: normal;
  }
  .mainBanner .swiper-button-prev {
    display: block;
    position: absolute;
    left: auto;
    right: 9.4rem;
    top: auto;
    bottom: 2.5rem;
    width: 4.4rem;
    height: 4.4rem;
    margin: 0;
    background-size: 4.4rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='%23BDBDBD'/%3E%3Cpath d='M18.5 11L13.5 16L18.5 21' stroke='%23BDBDBD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .mainBanner .swiper-button-prev:after {
    display: none;
  }
  .mainBanner .swiper-button-next {
    display: block;
    position: absolute;
    right: 4rem;
    top: auto;
    bottom: 2.5rem;
    width: 4.4rem;
    height: 4.4rem;
    margin: 0;
    background-size: 4.4rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='%23BDBDBD'/%3E%3Cpath d='M13.5 21L18.5 16L13.5 11' stroke='%23BDBDBD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .mainBanner .swiper-button-next:after {
    display: none;
  }
}
/* guide */
.guideMDx {
  width: 100%;
  overflow: hidden;
}
.guideMDx .guideSlide a {
  display: block;
  width: 100%;
  height: 100%;
}
.guideMDx .guideSlide a .imgArea {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.guideMDx .guideSlide a .imgArea img {
  width: 100%;
  transition: all 1.6s ease;
}
.guideMDx .guideSlide a .imgArea:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}
.guideMDx .guideSlide a .imgArea:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8rem;
  height: 8rem;
  margin: -4rem 0 0 -4rem;
  background-size: 8rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M48.8667 41.6C49.9333 40.8 49.9333 39.2 48.8667 38.4L34.2 27.4C32.8815 26.4111 31 27.3519 31 29V51C31 52.6481 32.8815 53.5889 34.2 52.6L48.8667 41.6Z' fill='white'/%3E%3C/svg%3E");
  z-index: 2;
}
.guideMDx .guideSlide a .infoArea {
  width: 100%;
  padding: 2rem 0 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.8rem;
  color: var(--base-gray-color5);
  line-height: 2.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  overflow: hidden;
}
.guideMDx .guideSlide a:hover .imgArea img {
  transform: scale(1.1);
}
.guideMDx .guideSlide a:hover .infoArea {
  font-weight: 500;
}

@media all and (max-width: 700px) {
  .guideMDx .guideSlide .swiper-slide {
    width: 28rem !important;
    margin: 0 2rem 0 0;
  }
}
/* faq */
.faqMDx {
  width: 100%;
  background: #dde1e0;
  padding: 0 0 12rem 0;
  overflow: hidden;
}
.faqMDx .faqSlide {
  width: 100%;
  max-width:1400px;
  margin: auto;
  
}
/* .faqMDx .faqSlide .swiper-container {
  overflow: visible;
} */
.faqMDx .faqSlide ul {
  text-align: center;
  /* font-size: 0;
  line-height: 0; */
  margin: 0 auto;
  min-width:100%;
}
.faqMDx .faqSlide ul li {
  display: inline-block;
  width: 160px;
  aspect-ratio: 1 / 1;
}
.faqMDx .faqSlide ul li a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background: var(--base-white-color);
  border: 1px solid var(--base-green-color);
  transition: all 0.3s ease;
  align-items:center;
  justify-content: center;
  gap:20px;
  flex-direction:column;
  
}
.faqMDx .faqSlide ul li a:hover {
  background-color: #faf8f7;
}
.faqMDx .faqSlide ul li a .ico {
  position: relative;
  width:80px;height:80px;
  overflow: hidden;
  transition: all 0.5s ease;
  background-size: contain;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
}
/* .faqMDx .faqSlide ul li a .ico.ico01 {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.7063 10.7224L45.5132 46.1845L49.8714 53.5286L54.294 46.2221L54.4871 10.76C54.5 8.39963 52.543 6.48377 50.116 6.47125C47.6891 6.45873 45.7192 8.36206 45.7063 10.7224Z' fill='%23C6B4A6'/%3E%3Cpath d='M49.865 54.9937H49.8586C49.3178 54.9937 48.8221 54.712 48.5582 54.2612L44.2 46.9171C44.0648 46.6917 43.994 46.435 44.0004 46.1721L44.1935 10.71C44.2064 7.56073 46.8522 5 50.0967 5C51.6997 5 53.1803 5.60731 54.2876 6.69672C55.3948 7.78613 56.0064 9.23241 55.9999 10.7663L55.8068 46.2284C55.8068 46.4851 55.736 46.7418 55.5944 46.9672L51.1718 54.2737C50.9014 54.7245 50.4057 55 49.8714 55L49.865 54.9937ZM47.026 45.7901L49.8779 50.6048L52.7747 45.8152L52.9614 10.7476C52.9614 10.0025 52.6717 9.29502 52.131 8.7691C51.5902 8.23691 50.8692 7.94265 50.1032 7.94265C48.5067 7.94265 47.2192 9.19484 47.2127 10.7288L47.026 45.7901Z' fill='%23C6B4A6'/%3E%3Cpath d='M44.0592 17.3152C43.248 17.3152 42.5928 16.6578 42.5928 15.8439C42.5928 15.03 43.248 14.3726 44.0592 14.3726H56.5335C57.3447 14.3726 57.9999 15.03 57.9999 15.8439C57.9999 16.6578 57.3447 17.3152 56.5335 17.3152H44.0592Z' fill='%23595757'/%3E%3Crect x='3.5' y='12.5' width='34' height='34' rx='2.5' stroke='%23595757' stroke-width='3'/%3E%3Cpath d='M10.5 24H27M10.5 30.5H22' stroke='%23595757' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.faqMDx .faqSlide ul li a .ico.ico02 {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_100_9046)'%3E%3Cpath d='M18.9998 18H11.9998V25H18.9998V18Z' stroke='%23595757' stroke-width='2.4' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M24.9998 19H33.9998' stroke='%23595757' stroke-width='2.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.9998 24H28.9998' stroke='%23595757' stroke-width='2.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.0502 45H5.56431C4.70267 45 3.99976 44.2513 3.99976 43.3336V9.66645C3.99976 8.74869 4.70267 8 5.56431 8H51.4352C52.2968 8 52.9998 8.74869 52.9998 9.66645V29.4948' stroke='%23595757' stroke-width='2.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M3.99976 38H38.9998' stroke='%23595757' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.9998 53H41.9998' stroke='%23595757' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M35.9998 45H21.9998V53H35.9998V45Z' stroke='%23595757' stroke-width='2.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M58.6101 38.3535C58.6101 44.9901 53.2196 50.3535 46.6101 50.3535C40.0006 50.3535 34.6101 44.963 34.6101 38.3535C34.6101 31.744 40.0006 26.3535 46.6101 26.3535C53.2196 26.3535 58.6101 31.744 58.6101 38.3535Z' fill='%23B29B87' stroke='%23595757' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M41.5242 38.7318L45.7696 42.9031L52.3904 34.373' stroke='%23595757' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_100_9046'%3E%3Crect width='60' height='60' fill='white' transform='translate(-0.000244141)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.faqMDx .faqSlide ul li a .ico.ico03 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='60' viewBox='0 0 61 60' fill='none'%3E%3Cpath d='M56.0004 30C56.0004 28.9347 55.1012 27.9167 53.4921 26.9934C51.1495 25.6676 50.2503 22.6373 51.4808 20.2462C52.3327 18.6127 52.5456 17.2633 51.954 16.3636C51.4571 15.6061 50.4396 15.2273 49.0435 15.2036C46.6062 15.1562 44.4529 13.1913 44.2162 10.7528C44.0743 9.35606 43.601 8.38542 42.8201 7.95928C42.0392 7.53314 40.9981 7.67519 39.7676 8.31439C37.6379 9.40341 34.893 8.71686 33.5442 6.75189C32.7633 5.61553 31.9115 5 31.0123 5C30.1131 5 29.2375 5.6392 28.433 6.82292C27.0605 8.8589 24.221 9.5928 22.044 8.48011C20.7898 7.84091 19.7013 7.69886 18.9204 8.125C18.1396 8.55114 17.69 9.52178 17.548 10.8949C17.3114 13.286 15.229 15.2273 12.839 15.2983C11.4666 15.3456 10.4727 15.7244 9.97582 16.482C9.4079 17.3816 9.59721 18.6837 10.4254 20.2936C11.6559 22.6847 10.7804 25.715 8.43772 27.0407C6.87596 27.9403 6.00043 28.9347 6.00043 30C6.00043 31.0653 6.89962 32.0833 8.50871 33.0066C10.8513 34.3324 11.7505 37.3627 10.5201 39.7538C9.6682 41.3873 9.45523 42.7367 10.0468 43.6364C10.5437 44.3939 11.5612 44.7727 12.9574 44.7964C15.3947 44.8437 17.548 46.8087 17.7846 49.2472C17.9266 50.6439 18.3999 51.6146 19.1807 52.0407C19.9616 52.4669 21.0028 52.3248 22.2333 51.6856C24.3629 50.5966 27.1079 51.2831 28.4566 53.2481C29.2375 54.3845 30.0894 55 30.9886 55C31.8878 55 32.7633 54.3608 33.5679 53.1771C34.9403 51.1411 37.7799 50.4072 39.9569 51.5199C41.211 52.1591 42.2995 52.3011 43.0804 51.875C43.8613 51.4489 44.3109 50.4782 44.4529 49.1051C44.6895 46.714 46.7718 44.7727 49.1618 44.7017C50.5343 44.6544 51.5281 44.2756 52.025 43.518C52.5929 42.6184 52.4036 41.3163 51.5754 39.7064C50.345 37.3153 51.2205 34.285 53.5631 32.9593C55.1249 32.0597 56.0004 31.0653 56.0004 30Z' stroke='%23595757' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M31.0004 46C39.837 46 47.0004 38.8366 47.0004 30C47.0004 21.1634 39.837 14 31.0004 14C22.1639 14 15.0004 21.1634 15.0004 30C15.0004 38.8366 22.1639 46 31.0004 46Z' fill='%23B29B87' stroke='%23595757' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M26.1057 39C25.4966 39 25.0004 38.4717 25.0004 37.8231V23.1769C25.0004 22.5283 25.4966 22 26.1057 22H33.1794C36.3871 22 39.0004 24.7828 39.0004 28.1985C39.0004 31.6142 36.3871 34.3969 33.1794 34.3969H27.211V37.8231C27.211 38.4717 26.7148 39 26.1057 39ZM27.211 32.0431H33.1794C35.1688 32.0431 36.7899 30.3169 36.7899 28.1985C36.7899 26.08 35.1688 24.3538 33.1794 24.3538H27.211V32.0431Z' fill='%23595757'/%3E%3C/svg%3E");
}
.faqMDx .faqSlide ul li a .ico.ico04 {
  background-image: url("data:image/svg+xml,%3Csvg width='61' height='60' viewBox='0 0 61 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.8551 55H14.2869C13.6168 55 13.071 54.436 13.071 53.7436C13.071 53.0511 13.6168 52.4871 14.2869 52.4871H48.6393V16.2564C48.6393 15.564 49.1851 15 49.8551 15C50.5252 15 51.071 15.564 51.071 16.2564V53.738C51.071 54.4304 50.5252 54.9944 49.8551 54.9944V55Z' fill='%23595757'/%3E%3Cpath d='M56.8342 20.9996C56.6255 20.9996 56.4114 20.9433 56.2193 20.8308L33.0728 7.72848L11.9215 20.8308C11.3286 21.1796 10.5765 20.9714 10.2361 20.3695C9.89577 19.7619 10.0989 18.9912 10.6863 18.6424L32.458 5.16877C32.8422 4.94374 33.3089 4.94374 33.6932 5.16877L57.4545 18.6368C58.0474 18.9855 58.2451 19.7619 57.9047 20.3638C57.6741 20.7689 57.2624 20.9996 56.8342 20.9996Z' fill='%23595757'/%3E%3Cpath d='M28.0655 36C28.0655 29.3716 22.6938 24 16.0655 24C9.43709 24 4.07101 29.3772 4.07101 36C4.07101 42.6228 9.44265 48 16.071 48C22.6994 48 28.071 42.6284 28.071 36H28.0655Z' fill='%23B39B87'/%3E%3Cpath d='M16.071 49C8.90274 49 3.07101 43.1683 3.07101 36C3.07101 28.8317 8.90274 23 16.071 23C23.2393 23 29.071 28.8317 29.071 36C29.071 43.1683 23.2393 49 16.071 49ZM16.071 25.4603C10.2557 25.4603 5.5259 30.1901 5.5259 36.0055C5.5259 41.8208 10.2557 46.5506 16.071 46.5506C21.8864 46.5506 26.6161 41.8208 26.6161 36.0055C26.6161 30.1901 21.8864 25.4603 16.071 25.4603Z' fill='%23595757'/%3E%3Cpath d='M13.9833 42C13.6984 42 13.4184 41.894 13.2022 41.6819L9.39522 37.947C8.96294 37.5229 8.96294 36.8386 9.39522 36.4145C9.82751 35.9904 10.525 35.9904 10.9573 36.4145L13.9833 39.3831L21.1847 32.3181C21.617 31.894 22.3145 31.894 22.7468 32.3181C23.1791 32.7422 23.1791 33.4265 22.7468 33.8506L14.7643 41.6819C14.5482 41.894 14.2682 42 13.9833 42Z' fill='%23595757'/%3E%3C/svg%3E%0A");
}
.faqMDx .faqSlide ul li a .ico.ico05 {
  background-image: url("data:image/svg+xml,%3Csvg width='61' height='60' viewBox='0 0 61 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.5075 17L39.9266 54H55.9266L48.3518 17H47.5075Z' fill='%23B39B87'/%3E%3Cpath d='M55.6829 55H5.17942C4.80639 55 4.45563 54.834 4.21623 54.5517C3.97682 54.2694 3.88217 53.893 3.94899 53.5277L10.9419 16.0184C11.0532 15.4262 11.571 15 12.1723 15H48.6845C49.2858 15 49.8036 15.4262 49.9149 16.0184L56.9078 53.5222C56.9746 53.8875 56.8744 54.2583 56.6405 54.5461C56.4011 54.8284 56.0504 54.9945 55.6773 54.9945L55.6829 55ZM6.68823 52.5093H54.1797L47.6489 17.4962H13.2134L6.68267 52.5093H6.68823Z' fill='%23595757'/%3E%3Cpath d='M39.23 54C39.1489 54 39.0735 53.9945 38.9924 53.9778C38.2854 53.8505 37.816 53.2024 37.9493 52.5267L46.3425 16.0201C46.4758 15.3444 47.1538 14.8902 47.8609 15.0231C48.5679 15.1505 49.0373 15.7985 48.904 16.4742L40.5108 52.9809C40.3949 53.5791 39.8443 54 39.23 54Z' fill='%23595757'/%3E%3Cpath d='M22.1268 21C22.1268 19.8994 21.232 19 20.1298 19C19.0276 19 18.1268 19.8935 18.1268 21C18.1268 22.1065 19.0216 23 20.1298 23C21.2379 23 22.1268 22.1065 22.1268 21Z' fill='%23B39B87'/%3E%3Cpath d='M39.7229 21C39.7229 19.8994 38.8289 19 37.7276 19C36.6264 19 35.7264 19.8935 35.7264 21C35.7264 22.1065 36.6205 23 37.7276 23C38.8348 23 39.7229 22.1065 39.7229 21Z' fill='%23B39B87'/%3E%3Cpath d='M37.632 21.9943C36.9186 21.9943 36.3375 21.4166 36.3375 20.7073V14.9357C36.3375 10.8745 33.0118 7.5683 28.9266 7.5683C24.8415 7.5683 21.5158 10.8745 21.5158 14.9357V20.7073C21.5158 21.4166 20.9347 21.9943 20.2212 21.9943C19.5078 21.9943 18.9266 21.4166 18.9266 20.7073V14.9357C18.9266 9.46164 23.4146 5 28.9266 5C34.4387 5 38.9266 9.46164 38.9266 14.9415V20.713C38.9266 21.4223 38.3455 22 37.632 22V21.9943Z' fill='%23595757'/%3E%3Cpath d='M22.9784 46C22.6684 46 22.3637 45.8836 22.1284 45.6508L18.2795 41.8413C17.809 41.3757 17.809 40.6243 18.2795 40.1587L22.1284 36.3492C22.5989 35.8836 23.358 35.8836 23.8284 36.3492C24.2988 36.8148 24.2988 37.5661 23.8284 38.0317L20.8348 40.9947L23.8284 43.963C24.2988 44.4286 24.2988 45.1799 23.8284 45.6455C23.5932 45.8783 23.2831 45.9947 22.9784 45.9947V46Z' fill='%23595757'/%3E%3Cpath d='M32.7238 42.1905H21.3907C20.7278 42.1905 20.1879 41.6561 20.1879 41C20.1879 40.344 20.7278 39.8096 21.3907 39.8096H32.7238C33.3867 39.8096 33.9266 40.344 33.9266 41C33.9266 41.6561 33.3867 42.1905 32.7238 42.1905Z' fill='%23595757'/%3E%3Cpath d='M28.8748 36.9947C28.5648 36.9947 28.26 36.8783 28.0248 36.6455C27.5544 36.1799 27.5544 35.4286 28.0248 34.963L31.0185 32L28.0248 29.0317C27.5544 28.5661 27.5544 27.8148 28.0248 27.3492C28.4953 26.8836 29.2544 26.8836 29.7248 27.3492L33.5738 31.1587C34.0442 31.6243 34.0442 32.3757 33.5738 32.8413L29.7248 36.6508C29.4896 36.8836 29.1849 37 28.8748 37V36.9947Z' fill='%23595757'/%3E%3Cpath d='M30.4626 33.1852H19.1294C18.4666 33.1852 17.9266 32.6508 17.9266 31.9947C17.9266 31.3386 18.4666 30.8042 19.1294 30.8042H30.4626C31.1254 30.8042 31.6654 31.3386 31.6654 31.9947C31.6654 32.6508 31.1254 33.1852 30.4626 33.1852Z' fill='%23595757'/%3E%3C/svg%3E%0A");
}
.faqMDx .faqSlide ul li a .ico.ico06 {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.9455 35.0705C44.2129 32.3242 39.7808 32.3242 37.0481 35.0705C34.3155 37.8168 34.3155 42.2712 37.0481 45.0175L41.9946 49.9887L46.9411 45.0175C49.6737 42.2712 49.6737 37.8168 46.9411 35.0705H46.9455ZM39.3783 42.6757C37.9292 41.2194 37.9292 38.8641 39.3783 37.4078C40.8273 35.9515 43.1708 35.9515 44.6199 37.4078C46.069 38.8641 46.069 41.2194 44.6199 42.6757C43.1708 44.132 40.8273 44.132 39.3783 42.6757Z' fill='%23B39B87'/%3E%3Cpath d='M41.9985 50.9995C41.7302 50.9995 41.4752 50.8917 41.2874 50.7029L36.3409 45.7316C33.2192 42.5942 33.2192 37.4926 36.3409 34.3553C37.8526 32.836 39.8607 32 41.9985 32C44.1363 32 46.1444 32.836 47.6561 34.3553C49.1678 35.8745 49.9996 37.8927 49.9996 40.0412C49.9996 42.1897 49.1678 44.2079 47.6561 45.7271L42.7096 50.6984C42.5218 50.8872 42.2669 50.995 41.9985 50.995V50.9995ZM41.9985 34.0227C40.3974 34.0227 38.8947 34.6474 37.7632 35.7846C35.4286 38.1309 35.4286 41.9515 37.7632 44.3023L41.9985 48.5588L46.2339 44.3023C47.3654 43.1651 47.9871 41.6548 47.9871 40.0457C47.9871 38.4366 47.3654 36.9263 46.2339 35.7891C45.1024 34.6519 43.5996 34.0272 41.9985 34.0272V34.0227ZM41.9985 44.7787C40.7418 44.7787 39.5566 44.2843 38.6666 43.3898C37.7766 42.4954 37.2846 41.3042 37.2846 40.0412C37.2846 38.7782 37.7766 37.587 38.6666 36.6926C39.5566 35.7981 40.7418 35.3037 41.9985 35.3037C43.2553 35.3037 44.4404 35.7981 45.3305 36.6926C46.2205 37.587 46.7124 38.7737 46.7124 40.0412C46.7124 41.3087 46.2205 42.4954 45.3305 43.3898C44.4404 44.2843 43.2553 44.7787 41.9985 44.7787ZM41.9985 37.3308C41.2785 37.3308 40.5987 37.614 40.0888 38.1264C39.5789 38.6388 39.2972 39.322 39.2972 40.0457C39.2972 40.7694 39.5789 41.4526 40.0888 41.965C40.5987 42.4774 41.2785 42.7606 41.9985 42.7606C42.7186 42.7606 43.3984 42.4774 43.9082 41.965C44.4181 41.4526 44.6998 40.7694 44.6998 40.0457C44.6998 39.322 44.4181 38.6388 43.9082 38.1264C43.3984 37.614 42.7186 37.3308 41.9985 37.3308Z' fill='%23B39B87'/%3E%3Cpath d='M41.9987 44.7792C40.742 44.7792 39.5568 44.2848 38.6668 43.3904C37.7768 42.4959 37.2848 41.3048 37.2848 40.0417C37.2848 38.7787 37.7768 37.5876 38.6668 36.6931C39.5568 35.7986 40.742 35.3042 41.9987 35.3042C43.2554 35.3042 44.4406 35.7986 45.3306 36.6931C46.2206 37.5876 46.7126 38.7742 46.7126 40.0417C46.7126 41.3093 46.2206 42.4959 45.3306 43.3904C44.4406 44.2848 43.2554 44.7792 41.9987 44.7792ZM41.9987 37.3314C41.2786 37.3314 40.5988 37.6145 40.089 38.1269C39.5791 38.6393 39.2974 39.3226 39.2974 40.0462C39.2974 40.7699 39.5791 41.4531 40.089 41.9655C40.5988 42.4779 41.2786 42.7611 41.9987 42.7611C42.7188 42.7611 43.3986 42.4779 43.9084 41.9655C44.4183 41.4531 44.7 40.7699 44.7 40.0462C44.7 39.3226 44.4183 38.6393 43.9084 38.1269C43.3986 37.6145 42.7188 37.3314 41.9987 37.3314Z' fill='%23595757'/%3E%3Cpath d='M50.959 54.9999H9.04027C8.46677 54.9999 7.99963 54.3266 7.99963 53.5C7.99963 52.6733 8.46677 52 9.04027 52H50.959C51.5325 52 51.9996 52.6733 51.9996 53.5C51.9996 54.3266 51.5325 54.9999 50.959 54.9999Z' fill='%23595757'/%3E%3Cpath d='M12.2872 49.9931C11.5776 49.9931 10.9996 49.4406 10.9996 48.7557V24.9385C10.9996 24.2536 11.5776 23.701 12.2872 23.701H15.738V13.9394C15.738 13.4099 16.0928 12.9379 16.6136 12.7653L40.2999 5.06419C40.6948 4.93757 41.124 5.00088 41.4616 5.23111C41.7993 5.46133 41.9996 5.83545 41.9996 6.23835V25.8594C41.9996 26.5443 41.4216 27.0968 40.712 27.0968C40.0023 27.0968 39.4243 26.5443 39.4243 25.8594V7.96504L18.3132 14.8315V24.9442C18.3132 25.6292 17.7352 26.1817 17.0256 26.1817H13.5748V48.7614C13.5748 49.4463 12.9968 49.9989 12.2872 49.9989V49.9931Z' fill='%23595757'/%3E%3Cpath d='M46.6663 31.0006C45.9315 31.0006 45.333 30.4065 45.333 29.6771V18.648H41.333C40.5982 18.648 39.9996 18.0539 39.9996 17.3245C39.9996 16.5951 40.5982 16.001 41.333 16.001H46.6663C47.4011 16.001 47.9996 16.5951 47.9996 17.3245V29.6771C47.9996 30.4065 47.4011 31.0006 46.6663 31.0006Z' fill='%23595757'/%3E%3Crect x='21.2145' y='18' width='4' height='3.9999' fill='%23595757'/%3E%3Crect x='26.8141' y='18' width='4' height='3.9999' fill='%23595757'/%3E%3Crect x='32.4137' y='18' width='4' height='3.9999' fill='%23595757'/%3E%3Crect x='21.2145' y='25' width='4' height='3.9999' fill='%23595757'/%3E%3Crect x='26.8141' y='25' width='4' height='3.9999' fill='%23595757'/%3E%3Crect x='32.4137' y='25' width='4' height='3.9999' fill='%23595757'/%3E%3C/svg%3E%0A");
}
.faqMDx .faqSlide ul li a .ico.ico07 {
  background-image: url("data:image/svg+xml,%3Csvg width='61' height='60' viewBox='0 0 61 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.2945 51H30.5528C29.8086 51 29.2025 50.4119 29.2025 49.6899C29.2025 48.9678 29.8086 48.3797 30.5528 48.3797H54.9442V7.62025H7.34561V37.823C7.34561 38.5451 6.73945 39.1332 5.99525 39.1332C5.25106 39.1332 4.6449 38.5451 4.6449 37.823V6.31013C4.6449 5.5881 5.25106 5 5.99525 5H56.2945C57.0387 5 57.6449 5.5881 57.6449 6.31013V49.6899C57.6449 50.4119 57.0387 51 56.2945 51Z' fill='%23595757'/%3E%3Cpath d='M9.94505 55C9.48419 55 9.02947 54.7668 8.76524 54.3433L3.60354 46.0083C2.28239 44.5537 2.31926 42.295 3.72644 40.8895C5.17663 39.441 7.53012 39.441 8.98031 40.8895L9.32442 41.2332V30.8299C9.32442 28.7185 11.045 27 13.1588 27C15.2727 27 16.9932 28.7185 16.9932 30.8299V38.146C18.0379 37.9434 19.1562 38.2074 19.9858 38.8211C20.631 38.3485 21.4175 38.0785 22.2594 38.0785C23.1012 38.0785 23.8878 38.3485 24.533 38.8211C25.1782 38.3485 25.9647 38.0785 26.8066 38.0785C28.9204 38.0785 30.641 39.797 30.641 41.9084V53.619C30.641 54.3801 30.0204 55 29.2584 55C28.4964 55 27.8758 54.3801 27.8758 53.619V41.9084C27.8758 41.3192 27.3965 40.8404 26.8066 40.8404C26.3703 40.8404 25.9832 41.1043 25.8173 41.5156C25.6083 42.0434 25.0983 42.3871 24.533 42.3871C23.9677 42.3871 23.4576 42.0434 23.2487 41.5156C23.0828 41.1043 22.6957 40.8404 22.2594 40.8404C21.8231 40.8404 21.4298 41.1043 21.2701 41.5156C21.0611 42.0434 20.5511 42.3871 19.9858 42.3871C19.4204 42.3871 18.9104 42.0434 18.7015 41.5156C18.5356 41.1043 18.1485 40.8404 17.7122 40.8404C17.3373 40.8404 16.9932 41.0368 16.7966 41.3621C16.4771 41.8961 15.838 42.1477 15.2419 41.982C14.6459 41.8163 14.228 41.2701 14.228 40.6502V30.8299C14.228 30.2407 13.7487 29.7619 13.1588 29.7619C12.5689 29.7619 12.0896 30.2407 12.0896 30.8299V44.566C12.0896 45.1245 11.7516 45.6278 11.2355 45.8426C10.7193 46.0574 10.1233 45.9408 9.72998 45.5419L7.02624 42.8413C6.65754 42.473 6.05535 42.473 5.68051 42.8413C5.31182 43.2096 5.31182 43.8172 5.68051 44.1854C5.75425 44.2591 5.82184 44.345 5.87714 44.4371L11.1126 52.8886C11.512 53.5392 11.3154 54.3862 10.664 54.7913C10.4366 54.9325 10.1847 55 9.93891 55H9.94505Z' fill='%23595757'/%3E%3Cpath d='M48.5714 16.0992C48.3752 15.5196 47.8102 15.13 47.1708 15.13H44.7823L44.0448 12.9693C43.8452 12.3896 43.2836 12 42.6442 12C42.0048 12 41.4398 12.3896 41.2436 12.9693L40.5061 15.13H38.1176C37.4782 15.13 36.9132 15.5196 36.717 16.0992C36.5207 16.6789 36.7339 17.31 37.2515 17.6674L39.1833 19.0038L38.4457 21.1645C38.2461 21.7441 38.4626 22.3753 38.9803 22.7327C39.4877 23.0837 40.205 23.0837 40.7124 22.7327L42.6442 21.3964L44.5759 22.7327C44.8297 22.9098 45.1274 23 45.442 23C45.7567 23 46.0544 22.9066 46.3081 22.7327C46.8257 22.3753 47.0422 21.7441 46.8426 21.1645L46.1051 19.0038L48.0369 17.6674C48.5545 17.31 48.771 16.6789 48.5714 16.0992Z' fill='%23B39B87'/%3E%3Cpath d='M33.5714 16.0992C33.3752 15.5196 32.8102 15.13 32.1708 15.13H29.7823L29.0448 12.9693C28.8452 12.3896 28.2836 12 27.6442 12C27.0048 12 26.4398 12.3896 26.2436 12.9693L25.5061 15.13H23.1176C22.4782 15.13 21.9132 15.5196 21.717 16.0992C21.5207 16.6789 21.7339 17.31 22.2515 17.6674L24.1833 19.0038L23.4457 21.1645C23.2461 21.7441 23.4626 22.3753 23.9803 22.7327C24.4877 23.0837 25.205 23.0837 25.7124 22.7327L27.6442 21.3964L29.5759 22.7327C29.8297 22.9098 30.1274 23 30.442 23C30.7567 23 31.0544 22.9066 31.3081 22.7327C31.8257 22.3753 32.0422 21.7441 31.8426 21.1645L31.1051 19.0038L33.0369 17.6674C33.5545 17.31 33.771 16.6789 33.5714 16.0992Z' fill='%23B39B87'/%3E%3Cpath d='M48.5714 30.0992C48.3752 29.5196 47.8102 29.13 47.1708 29.13H44.7823L44.0448 26.9693C43.8452 26.3896 43.2836 26 42.6442 26C42.0048 26 41.4398 26.3896 41.2436 26.9693L40.5061 29.13H38.1176C37.4782 29.13 36.9132 29.5196 36.717 30.0992C36.5207 30.6789 36.7339 31.31 37.2515 31.6674L39.1833 33.0038L38.4457 35.1645C38.2461 35.7441 38.4626 36.3753 38.9803 36.7327C39.4877 37.0837 40.205 37.0837 40.7124 36.7327L42.6442 35.3964L44.5759 36.7327C44.8297 36.9098 45.1274 37 45.442 37C45.7567 37 46.0544 36.9066 46.3081 36.7327C46.8257 36.3753 47.0422 35.7441 46.8426 35.1645L46.1051 33.0038L48.0369 31.6674C48.5545 31.31 48.771 30.6789 48.5714 30.0992Z' fill='%23B39B87'/%3E%3C/svg%3E%0A");
}
.faqMDx .faqSlide ul li a .ico.ico08 {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='60px' height='60px' viewBox='0 0 60 60' enable-background='new 0 0 60 60' xml:space='preserve'%3E%3Cg id='Group_816402'%3E%3Cg id='Group'%3E%3Cg id='Group_2'%3E%3Cpath id='Vector' fill='%23C6B4A6' d='M21.376,19.003c0-0.951-0.791-1.728-1.764-1.728c-0.973,0-1.77,0.772-1.77,1.728 s0.791,1.728,1.77,1.728S21.376,19.959,21.376,19.003z'/%3E%3Cpath id='Vector_2' fill='%23C6B4A6' d='M37.158,19.003c0-0.951-0.79-1.728-1.764-1.728c-0.975,0-1.771,0.772-1.771,1.728 s0.791,1.728,1.771,1.728C36.373,20.731,37.158,19.959,37.158,19.003z'/%3E%3C/g%3E%3Cg id='Group_3'%3E%3Cpath id='Vector_3' fill='%23595757' d='M46.822,49H8.178C7.529,49,7,48.482,7,47.85V13.208c0-0.634,0.529-1.15,1.178-1.15h38.645 c0.647,0,1.178,0.516,1.178,1.15V47.85C48,48.482,47.471,49,46.822,49z M9.356,46.699h36.289V14.358H9.356V46.699z'/%3E%3Cpath id='Vector_4' fill='%23595757' d='M35.42,20.189c-0.648,0-1.178-0.517-1.178-1.15V13.88c0-3.63-3.025-6.585-6.742-6.585 s-6.742,2.955-6.742,6.585v5.159c0,0.634-0.529,1.15-1.178,1.15s-1.178-0.517-1.178-1.15V13.88C18.402,8.988,22.485,5,27.5,5 c5.016,0,9.1,3.988,9.1,8.886v5.158c0,0.634-0.529,1.15-1.18,1.15V20.189z'/%3E%3C/g%3E%3C/g%3E%3Cpath id='Vector_5' fill='%23FFFFFF' d='M50.352,24.42H19.146V55h31.206V24.42z'/%3E%3Cg id='Group_4'%3E%3Cg id='Group_5'%3E%3Cpath id='Vector_6' fill='%23595757' d='M26.532,54.716c-2.098,0-3.809-1.675-3.809-3.739c0-2.063,1.706-3.737,3.809-3.737 c2.103,0,3.809,1.674,3.809,3.737C30.341,53.041,28.635,54.716,26.532,54.716z M26.532,49.584c-0.784,0-1.425,0.623-1.425,1.398 c0,0.773,0.636,1.397,1.425,1.397c0.79,0,1.425-0.629,1.425-1.397C27.957,50.213,27.316,49.584,26.532,49.584z'/%3E%3Cpath id='Vector_7' fill='%23595757' d='M44.826,54.716c-2.098,0-3.809-1.675-3.809-3.739c0-2.063,1.705-3.737,3.809-3.737 s3.811,1.674,3.811,3.737C48.637,53.041,46.93,54.716,44.826,54.716z M44.826,49.584c-0.783,0-1.424,0.623-1.424,1.398 c0,0.773,0.641,1.397,1.424,1.397c0.785,0,1.426-0.629,1.426-1.397C46.252,50.213,45.611,49.584,44.826,49.584z'/%3E%3C/g%3E%3Cpath id='Vector_8' fill='%23595757' d='M53.891,51h-5.902c-0.61,0-1.108-0.525-1.108-1.172c0-0.645,0.498-1.171,1.108-1.171h4.791 V36.975l-4.69-6.632h-0.979c-0.611,0-1.109-0.526-1.109-1.171S46.498,28,47.109,28h1.535c0.351,0,0.682,0.172,0.889,0.469 l5.244,7.413C54.922,36.085,55,36.33,55,36.584v13.244C55,50.475,54.502,51,53.891,51z'/%3E%3Cpath id='Vector_9' fill='%23595757' d='M40.859,51.1H29.14c-0.628,0-1.14-0.516-1.14-1.149s0.512-1.149,1.14-1.149h11.719 c0.629,0,1.141,0.518,1.141,1.149C42,50.584,41.488,51.1,40.859,51.1z'/%3E%3Cpath id='Vector_10' fill='%23595757' d='M23.756,51h-4.512C18.559,51,18,50.498,18,49.883v-3.766C18,45.502,18.559,45,19.244,45 s1.244,0.502,1.244,1.117v2.646h3.268c0.686,0,1.244,0.502,1.244,1.118S24.442,51,23.756,51z'/%3E%3Cpath fill='%23B39B87' d='M40.164,26.709H15.835c-0.657,0-1.192,0.525-1.192,1.17v15.615c0,0.646,0.535,1.17,1.192,1.17h24.329 c0.656,0,1.191-0.523,1.191-1.17V27.879C41.355,27.235,40.82,26.709,40.164,26.709z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
} */


.faqMDx .faqSlide ul li a .ico.ico01 {
  background-image: url("../images/img/main_faq_all.svg");
}
.faqMDx .faqSlide ul li a .ico.ico02 {
  background-image: url("../images/img/main_faq_customer.svg");
}
.faqMDx .faqSlide ul li a .ico.ico03 {
  background-image: url("../images/img/main_faq_order.svg");
}
.faqMDx .faqSlide ul li a .ico.ico04 {
  background-image: url("../images/img/main_faq_payment.svg");
}
.faqMDx .faqSlide ul li a .ico.ico05 {
  background-image: url("../images/img/main_faq_ico8.svg");
}
.faqMDx .faqSlide ul li a .ico.ico06 {
  background-image: url("../images/img/main_faq_ico5.svg");
}
/* .faqMDx .faqSlide ul li a .ico.ico07 {
  background-image: url("../images/img/main_faq_ico7.svg");
}
.faqMDx .faqSlide ul li a .ico.ico08 {
  background-image: url("../images/img/main_faq_ico8.svg");
} */


.faqMDx .faqSlide ul li span {
  /* position: absolute;
  left: 0;
  bottom: 2rem; */
  width: 100%;
  text-align: center;
  transition: all 0.5s ease;
  font-size: 1.8rem;
  color: var(--base-black-color);
  line-height: 2rem;
  letter-spacing: -0.32px;
  font-weight: 500;
}
.faqMDx .faqSlide ul li:hover a .goods {
  background-color: var(--base-green-color);
}
.faqMDx .faqSlide ul li:hover span {
  border-color: var(--base-color);
}

@media all and (max-width: 1480px) {
  .faqMDx {
    padding-left: 4rem;
  }
}
@media all and (max-width: 1000px) {
  .faqMDx {
    padding-left: 2rem;
  }

}
@media all and (max-width: 700px) {
  .faqMDx {
    padding-bottom: 6rem;
    padding-left: 1rem;
  }
}
/* news */
.newsMDx {
  width: 100%;
  margin: 12rem 0 0 0;
  height: 34rem;
  overflow: hidden;
}
.newsMDx .sNews {
  position: relative;
  padding: 0 40rem 0 0;
}
.newsMDx .sNews .newISlide {
  position: absolute;
  left: 0;
  top: 0;
  width: 47rem;
  overflow: hidden;
}
.newsMDx .sNews .newISlide .ntt {
  display: none;
}
.newsMDx .sNews .newISlide .tt {
  display: none;
  width: 100%;
  padding: 0 9rem 0 0;
}
.newsMDx .sNews .newISlide .tt p {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0 0 1.5rem;
  overflow: hidden;
  font-size: 1.8rem;
  color: var(--base-gray-color6);
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
}
.newsMDx .sNews .newISlide .tt p .new {
  display: inline-block;
  padding: 0.2rem 0.8rem;
  margin: 0 1rem 0 0;
  border-radius: 10px;
  background: var(--base-green-color);
  font-size: 1.2rem;
  color: var(--base-white-color);
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
}
.newsMDx .sNews .newTxttTum {
  width: 50rem;
  margin: 0 0 0 50%;
}
.newsMDx .sNews .newTxttTum .ntx {
  width: 100%;
  border-top: 1px var(--base-gray-color4-1) solid;
  border-bottom: 1px var(--base-gray-color4-1) solid;
  overflow: hidden;
}
.newsMDx .sNews .newTxttTum .ntx ul {
  display: block;
  padding: 2rem 0.5rem;
}
.newsMDx .sNews .newTxttTum .ntx ul li {
  padding: 0 0 2rem 0;
}
.newsMDx .sNews .newTxttTum .ntx ul li:last-child {
  padding: 0;
}
.newsMDx .sNews .newTxttTum .ntx ul li:hover a .tt p {
  font-weight: 600;
}
.newsMDx .sNews .newTxttTum .ntx ul li.active a .tt p {
  font-weight: 600;
}
.newsMDx .sNews .newTxttTum .ntx ul li a {
  position: relative;
}
.newsMDx .sNews .newTxttTum .ntx ul li a .tt {
  width: 100%;
  padding: 0 9rem 0 0;
}
.newsMDx .sNews .newTxttTum .ntx ul li a .tt p {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0 0 1.5rem;
  overflow: hidden;
  font-size: 1.8rem;
  color: var(--base-gray-color6);
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
}
.newsMDx .sNews .newTxttTum .ntx ul li a .tt p .new {
  display: inline-block;
  padding: 0.2rem 0.8rem;
  margin: 0 1rem 0 0;
  border-radius: 10px;
  background: var(--base-green-color);
  font-size: 1.2rem;
  color: var(--base-white-color);
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
}
.newsMDx .sNews .newTxttTum .ntx ul li a .day {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.4rem;
  color: var(--base-gray-color1);
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
}
.newsMDx .sNews .ntt {
  position: relative;
  width: 100%;
  margin: 0 0 2.4rem 0;
  padding: 2.3rem 0 0 0;
  overflow: hidden;
}
.newsMDx .sNews .ntt strong {
  display: inline-block;
  padding: 0 1.5rem 0 0;
  font-size: 3rem;
  color: var(--base-color);
  line-height: 3.6rem;
  letter-spacing: -0.6px;
  font-weight: 600;
}
.newsMDx .sNews .ntt span {
  display: inline-block;
  font-size: 1.8rem;
  color: var(--base-gray-color6);
  line-height: 3.6rem;
  letter-spacing: -0.36px;
  font-weight: 400;
}
.newsMDx .sNews .ntt .more {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 1rem;
  width: 1.6rem;
  height: 1.6rem;
  background-size: 1.6rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.5 3L10.4999 8L5.5 12.9999' stroke='%23444444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.newsMDx .mntt {
  display: none;
}
.newsMDx .sLive {
  position: absolute;
  right: 0;
  top: 0;
  width: 30rem;
  height: 34rem;
  padding: 2.4rem 2.8rem;
  background: #c0ad9c;
}
.newsMDx .sLive .info {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.newsMDx .sLive .info .stt {
  padding: 1rem 0 2.3rem 0;
  font-size: 2.8rem;
  color: var(--base-white-color);
  line-height: 3rem;
  letter-spacing: -0.56px;
  font-weight: 600;
}
.newsMDx .sLive .info .stt strong {
  color: var(--base-green-color);
}
.newsMDx .sLive .info .stx {
  padding: 0 0 1.4rem 0;
  border-bottom: 1px var(--base-gray-color7) dashed;
  font-size: 1.6rem;
  color: var(--base-black-color);
  line-height: 2.2rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
}
.newsMDx .sLive .info .morebtn {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  transition: all 0.3s ease;
  background-size: 2.4rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23231815'/%3E%3Cpath d='M12 8V16' stroke='white' stroke-width='2'/%3E%3Cpath d='M12 8V16' stroke='white' stroke-width='2'/%3E%3Cpath d='M12 8V16' stroke='white' stroke-width='2'/%3E%3Cpath d='M8 12L16 12' stroke='white' stroke-width='2'/%3E%3Cpath d='M8 12L16 12' stroke='white' stroke-width='2'/%3E%3Cpath d='M8 12L16 12' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}
.newsMDx .sLive .info .morebtn:hover {
  transform: rotate(180deg);
}
.newsMDx .sLive .movie {
  position: absolute;
  left: 2.4rem;
  bottom: 2.8rem;
}
.newsMDx .sLive .movie a {
  padding: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.newsMDx .sLive .movie a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}
.newsMDx .sLive .movie a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4rem;
  height: 4rem;
  margin: -2rem 0 0 -2rem;
  background-size: 4rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath d='M27.969 21.2161C28.636 20.8313 28.636 19.8687 27.969 19.4839L16.4998 12.8655C15.8331 12.4808 15 12.9619 15 13.7316V26.9684C15 27.7381 15.8331 28.2192 16.4998 27.8345L27.969 21.2161Z' fill='black'/%3E%3C/svg%3E");
  z-index: 2;
}

@media all and (max-width: 1480px) {
  .newsMDx .sNews {
    padding: 0;
  }
  .newsMDx .sNews .newTxttTum {
    width: calc(100% - 32rem - 49rem);
    margin: 0 0 0 49rem;
  }
}
@media all and (max-width: 1400px) {
  .newsMDx .sNews .newTxttTum .ntx ul li a .tt {
    padding: 0;
  }
  .newsMDx .sNews .newTxttTum .ntx ul li a .day {
    display: none;
  }
}
@media all and (max-width: 1240px) {
  .newsMDx .sNews .newISlide {
    visibility: hidden;
    opacity: 0;
  }
  .newsMDx .sNews .newTxttTum {
    width: calc(100% - 34rem);
    margin: 0;
  }
  .newsMDx .sNews .newTxttTum .ntx ul li a .tt {
    padding: 0 9rem 0 0;
  }
  .newsMDx .sNews .newTxttTum .ntx ul li a .day {
    display: block;
  }
}
@media all and (max-width: 840px) {
  .newsMDx .sNews .newTxttTum {
    width: calc(100% - 32rem);
  }
  .newsMDx .sNews .newTxttTum .ntx ul li a .tt {
    padding: 0;
  }
  .newsMDx .sNews .newTxttTum .ntx ul li a .day {
    display: none;
  }
}
@media all and (max-width: 700px) {
  .newsMDx .sNews .newTxttTum {
    display: none;
  }
  .newsMDx {
    height: auto;
    margin: 6rem 0 0 0;
  }
  .newsMDx .sNews .newISlide {
    visibility: visible;
    opacity: 1;
    position: relative;
    width: 100%;
    padding: 0 0 6rem 0;
  }
  .newsMDx .sNews .newISlide .ntt {
    display: block;
  }
  .newsMDx .sNews .newISlide .ntt strong {
    font-size: 3.4rem;
  }
  .newsMDx .sNews .newISlide .ntt .more {
    right: 1rem;
    width: 2rem;
    height: 2rem;
    background-size: 2rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.5 3L10.4999 8L5.5 12.9999' stroke='%23444444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .newsMDx .sNews .newISlide .tt {
    display: block;
    padding: 0;
  }
  .newsMDx .sNews .newISlide .tt p {
    padding: 2rem 0 0 0;
    font-size: 2.1rem;
  }
  .newsMDx .sNews .newISlide .tt p .new {
    padding: 0.5rem 1.3rem;
    font-size: 1.5rem;
    margin: 0 0.8rem 0 0;
    transform: translateY(-1px);
  }
  .newsMDx .sNews .newISlide .swiper-slide {
    width: 30rem !important;
    margin: 0 2.2rem 0 0;
  }
  .newsMDx .sNews .newISlide .swiper-slide img {
    width: 100%;
  }
  .newsMDx .mntt {
    display: block;
    position: relative;
    width: 100%;
    padding: 6rem 0 2rem 0;
  }
  .newsMDx .mntt:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1000%;
    height: 1px;
    margin: 0 0 0 -500%;
    background: var(--base-gray-color3);
  }
  .newsMDx .mntt strong {
    display: inline-block;
    padding: 0 1.5rem 0 0;
    font-size: 3.4rem;
    color: var(--base-color);
    line-height: 3.6rem;
    letter-spacing: -0.6px;
    font-weight: 600;
  }
  .newsMDx .mntt .more {
    display: inline-block;
    position: absolute;
    right: 1rem;
    bottom: 3rem;
    width: 2rem;
    height: 2rem;
    background-size: 2rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.5 3L10.4999 8L5.5 12.9999' stroke='%23444444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .newsMDx .sLive {
    position: relative;
    right: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .newsMDx .sLive .info .stt {
    font-size: 3.4rem;
  }
  .newsMDx .sLive .info .stx {
    font-size: 2rem;
    line-height: 1.4;
    padding: 0 0 2.6rem 0;
    margin: 0 0 3rem 0;
  }
  .newsMDx .sLive .info .morebtn {
    top: 1.2rem;
    width: 3rem;
    height: 3rem;
    background-size: 3rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23231815'/%3E%3Cpath d='M12 8V16' stroke='white' stroke-width='2'/%3E%3Cpath d='M12 8V16' stroke='white' stroke-width='2'/%3E%3Cpath d='M12 8V16' stroke='white' stroke-width='2'/%3E%3Cpath d='M8 12L16 12' stroke='white' stroke-width='2'/%3E%3Cpath d='M8 12L16 12' stroke='white' stroke-width='2'/%3E%3Cpath d='M8 12L16 12' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  }
  .newsMDx .sLive .movie {
    position: relative;
    left: 0;
    bottom: auto;
    top: 0;
    width: 100%;
  }
  .newsMDx .sLive .movie a:before {
    width: 5rem;
    height: 5rem;
    margin: -2.5rem 0 0 -2.5rem;
    background-size: 5rem;
    background-position: left 50% top 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath d='M27.969 21.2161C28.636 20.8313 28.636 19.8687 27.969 19.4839L16.4998 12.8655C15.8331 12.4808 15 12.9619 15 13.7316V26.9684C15 27.7381 15.8331 28.2192 16.4998 27.8345L27.969 21.2161Z' fill='black'/%3E%3C/svg%3E");
    z-index: 2;
  }
  .newsMDx .sLive .movie img {
    width: 100%;
  }
}
/************ footer ************/
footer {
  position: relative;
  width: 100%;
  background: #151515;
}
footer .footHead {
  position: relative;
  width: 100%;
  height: 100px;
  z-index: 10;
}
/* footer .footHead:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1000%;
  height: 1px;
  margin: 0 0 0 -500%;
  background: #565656;
} */
footer .footHead .fLogo {
  position: absolute;
  left: 0;
  top: 14rem;
}
footer .footHead .fSns {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -1.6rem 0 0 0;
}
footer .footHead .fSns li {
  float: left;
  margin: 0 0 0 1.5rem;
}
footer .footHead .fFnb {
  padding: 3.7rem 0 0 0;
}
footer .footHead .fFnb li {
  position: relative;
  float: left;
  margin: 0 1.2rem 0 0;
  padding: 0 1.2rem 0 0;
}
footer .footHead .fFnb li a {
  font-size: 1.6rem;
  color: var(--base-white-color);
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
footer .footHead .fFnb li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 1.2rem;
  margin: -0.7rem 0 0 0;
  background: #f2f2f2;
  opacity: 0.4;
}
footer .footHead .fFnb li:last-child:after {
  display: none;
  padding: 0;
  margin: 0;
}
footer .footBody {
  position: relative;
  width: 100%;
  padding: 4.8rem 0 10rem 0;
  z-index: 5;
}
footer .footBody .fL {
  padding: 0 0 0 28.5rem;
}
footer .footBody .fL .fTt {
  padding: 0 0 1.8rem 0;
  font-size: 1.8rem;
  color: var(--base-white-color);
  line-height: 1.8rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
footer .footBody .fL .fInfo li {
  font-size: 1.5rem;
  color: var(--base-gray-color2-1);
  line-height: 2.2rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
footer .footBody .fL .fInfo li a {
  color: var(--base-gold-color);
}
footer .footBody .fR {
  position: absolute;
  right: 0;
  top: 4.8rem;
  /* width: 44.6rem; */
}
footer .footBody .fR .fMark {
  /* position: absolute;
  right: 0;
  top: 16rem;
  width: 44.6rem; */
  margin-top:25px;
}
footer .footBody .fR .fMark li {
  float: left;
  margin: 0 1rem 0 0;
}
footer .footBody .fR .fCustomer {
  position: relative;
  display:flex;
  align-items: flex-end;
  gap:20px;
}
footer .footBody .fR .fCustomer .fCL .fCt {
  font-size: 1.6rem;
  color: var(--base-white-color);
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
footer .footBody .fR .fCustomer .fCL .fCphone {
  padding: 1.6rem 0;
  font-size: 3rem;
  color: var(--base-white-color);
  line-height: 2.6rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
}
footer .footBody .fR .fCustomer .fCL .fCinfo span {
  display: block;
  font-size: 1.4rem;
  color: var(--base-gray-color2-1);
  line-height: 2rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
footer .footBody .fR .fCustomer .fCR {
  /* position: absolute;
  right: 0;
  top: 2.7rem; */
  width: 120px;
}
footer .footBody .fR .fCustomer .fCR ul {
  /* display: grid; */
  width: 100%;
  /* gap: 1.5rem; */
  /* grid-template-columns: repeat(2, 1fr); */
}
footer .footBody .fR .fCustomer .fCR ul li a {
  display: block;
  text-align: center;
  background: var(--base-gray-color5);
  border-radius: 4px;
  border: 1px solid var(--base-gold-color);
  transition: all 0.3s ease;
}
footer .footBody .fR .fCustomer .fCR ul li a span {
  transition: all 0.3s ease;
  font-size: 1.4rem;
  color: var(--base-gold-color);
  line-height: 3.6rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}
footer .footBody .fR .fCustomer .fCR ul li:first-child{margin-bottom:10px;}
footer .footBody .fR .fCustomer .fCR ul li a:hover {
  background: var(--base-gold-color);
}
footer .footBody .fR .fCustomer .fCR ul li a:hover span {
  color: var(--base-white-color);
}
footer .footBody .fR .fCustomer .fCR .headOffice {
  position: absolute;
  right: 0;
  bottom: -3.6rem;
  width: 100%;
  text-align: center;
  background: var(--base-green-color);
  border-radius: 4px;
  transition: all 0.3s ease;
}
footer .footBody .fR .fCustomer .fCR .headOffice span {
  transition: all 0.3s ease;
  font-size: 1.4rem;
  color: var(--base-white-color);
  line-height: 3.6rem;
  letter-spacing: -0.02rem;
  font-weight: normal;
}
footer .footBody .copyright {
  position: absolute;
  left: 28.5rem;
  bottom: 5rem;
  font-size: 1.2rem;
  color: var(--base-gray-color9);
  line-height: 2.6rem;
  letter-spacing: 0;
  font-weight: normal;
}

@media all and (max-width: 1200px) {
  footer .footBody .fL {
    padding: 0 0 0 22.5rem;
  }
  footer .footBody .copyright {
    left: 22.5rem;
  }
}
@media all and (max-width: 1100px) {
  footer .footHead .fLogo {
    top: 13.2rem;
  }
  footer .footBody .fL {
    padding: 4rem 0 0 0;
  }
  footer .footBody .fR {
    padding: 4rem 0 0 0;
  }
  footer .footBody .fR .fMark {
    top: 19.4rem;
  }
  footer .footBody .copyright {
    left: 0;
  }
}
@media all and (max-width: 840px) {
  footer .footHead:after {
    display: none;
  }
  footer .footHead .fLogo {
    position: relative;
    left: 0;
    top: 0;
    padding: 3.2rem 0 0 0;
  }
  footer .footBody .fL {
    padding: 0;
  }
  footer .footBody .fR {
    position: relative;
    right: auto;
    top: 0;
    width: 100%;
    /* padding: 8.5rem 0 0 0; */
    border-top: 1px var(--base-gray-color6) solid;
  }
  footer .footBody .fR .fMark {
    top: 2rem;
    width: 100%;
  }
  /* footer .footBody .fR .fCustomer .fCL {
    padding: 3.5rem 0 0 0;
    
  } */
  footer .footBody .fR .fCustomer .fCR {
    top: 6.2rem;
  }
  footer .footBody .copyright {
    left: 0;
  }
}
@media all and (max-width: 700px) {
  footer .footHead .fLogo {
    padding: 4.8rem 0 0 0;
  }
  footer .footHead .fLogo img {
    width: 12rem;
  }
  footer .footHead .fSns {
    margin-right: -2.6rem;
    transform: scale(0.8);
  }
  footer .footBody {
    padding: 4.8rem 0 12rem 0;
  }
  footer .footBody .fL {
    padding: 0;
  }
  footer .footBody .fL .fInfo li {
    font-size: 1.6rem;
    line-height: 3rem;
  }

  footer .footBody .fR .fMark {
    top: 4rem;
  }
  footer .footBody .fR .fCustomer .fCL {
    padding: 0 0 0 0;
  }
  footer .footBody .fR .fCustomer .fCL .fCt {
    font-size: 2rem;
  }
  footer .footBody .fR .fCustomer .fCL .fCphone {
    padding: 2.8rem 0;
  }
  footer .footBody .fR .fCustomer .fCL .fCinfo span {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
  /* footer .footBody .fR .fCustomer .fCR {
    top: 3.2rem;
    width: 21rem;
  } */
  footer .footBody .fR .fCustomer .fCR ul li a span {
    font-size: 1.5rem;
    line-height: 4.4rem;
  }
  footer .footBody .fR .fCustomer .fCR .headOffice {
    bottom: -4.6rem;
  }
  footer .footBody .fR .fCustomer .fCR .headOffice span {
    line-height: 4.4rem;
  }
  footer .footBody .copyright {
    font-size: 1.6rem;
  }
}
/** top btn **/
.qmTop {
  opacity: 0;
  transition: opacity 0.5s, transform 0.5s;
  position: fixed;
  right: 2.4rem;
  bottom: 2rem;
  width: 4.4rem;
  height: 4.4rem;
  z-index: 10;
}
.qmTop.show {
  opacity: 1;
  transition: opacity 1s, transform 1s;
}
.qmTop a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 23px;
  border: 1px solid #bbb;
  background: #fff;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.qmTop span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 2.4rem;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 13L12 8L17 13' stroke='%23444444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8L12 20' stroke='%23444444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='6' y='3' width='12' height='2' rx='1' fill='%23444444'/%3E%3C/svg%3E");
}

/* main popup */
.mainPop {
  position: fixed;
  left: 0;
  top: 0;
  border: 1px #ddd solid;
  z-index: 50;
}

.mainPop img {
  max-width: 100%;
}

.mainPop .today {
  position: relative;
  width: 100%;
  padding: 10px 0;
  background: #fff;
  overflow: hidden;
}

.mainPop .today .chk {
  display: inline-block;
  padding: 0 0 0 10px;
}

.mainPop .today .guClosed {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.mainPop .today .guClosed a {
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='5' y='4' width='22' height='1.5' transform='rotate(45 5 4)' fill='%23AAAAAA'/%3E%3Crect width='22' height='1.5' transform='matrix(-0.707107 0.707107 0.707107 0.707107 20 4)' fill='%23AAAAAA'/%3E%3C/svg%3E");
}

/* header banner */
#headerBanner {
  position: relative;
  display: none;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 21;
}
#headerBanner .innerbox {
  position: relative;
  max-width: 100%;
  height: 5.2rem;
  margin: 0 auto;
}
#headerBanner .innerbox .img {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  z-index: 5;
}
#headerBanner .innerbox .img a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
#headerBanner .innerbox .img img {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -700px;
}
#headerBanner .innerbox .img img.web {
  display: inline-block;
}
#headerBanner .innerbox .img img.tablet {
  display: none;
}
#headerBanner .innerbox .img img.mobile {
  display: none;
}
#headerBanner .innerbox .closebox {
  position: absolute;
  right: 40px;
  top: 15px;
  z-index: 10;
}
#headerBanner .innerbox .closebox .aclose {
  position: absolute;
  right: 18px;
  top: 5px;
  width: 86px;
  font-size: 12px;
  color: #333;
  line-height: 1.2;
  padding: 0 0 0 24px;
  background: url("../images/img/bg_check.png") left top 50% no-repeat;
}
#headerBanner .innerbox .closebox .pclose {
  position: absolute;
  right: 0;
  top: -4px;
}

html.existB header {
  height: 13.2rem;
}
html.existB header.down {
  margin-top: -152px;
}
html.existB header .outerCn {
  height: 8rem;
}
html.existB #mainSector {
  padding-top: 52px;
}

@media all and (max-width: 1000px) {
  #headerBanner .innerbox .img img {
    margin: 0 0 0 -700px;
  }
  #headerBanner .innerbox .img img.web {
    display: none;
  }
  #headerBanner .innerbox .img img.tablet {
    display: inline-block;
  }
  #headerBanner .innerbox .img img.mobile {
    display: none;
  }
  header .outerCn {
    z-index: 30;
  }
  html.existB header.down {
    margin-top: 0;
  }
}
@media all and (max-width: 700px) {
  #headerBanner .innerbox .img img {
    height: 44px;
    margin: 0 0 0 -592px;
  }
  #headerBanner .innerbox .closebox {
    right: 10px;
    top: 10px;
  }
  #headerBanner .innerbox .closebox .aclose {
    right: 14px;
    width: 80px;
    padding: 0 0 0 20px;
  }
  html.existB #mainSector {
    padding-top: 43px;
  }
}
@media all and (max-width: 540px) {
  #headerBanner .innerbox .img img {
    margin: 0 0 0 -600px;
  }
  #headerBanner .innerbox .img img.web {
    display: none;
  }
  #headerBanner .innerbox .img img.tablet {
    display: none;
  }
  #headerBanner .innerbox .img img.mobile {
    display: inline-block;
  }
}

/*260203*/
.con-flex{display:flex;align-items: center;}
.con-flex-bet{display:flex;align-items: center;justify-content: space-between;}
.alignC{text-align: center !important;}
.alignSt{align-items: stretch;}

@media screen and (min-width:701px){
  .m-only{display:none !important;}
  
}

@media screen and (max-width:700px){
  .pc-only{display:none !important;}
  .m-only{display:block !important;}
}
/**/

/*260226 헤더 상단 띠배너*/
#headerBanner .innerbox .img a{display:flex;align-items:center;gap:20px;justify-content: center;}
#headerBanner .headerBanner-txt-wrap{display:flex;align-items: center;gap:3px;font-size:22px;font-weight:500;}
#headerBanner .headerBanner-txt1,
#headerBanner .headerBanner-txt3{color:#000;}
#headerBanner .headerBanner-txt2{color:var(--base-green-color);font-weight:600;}
#headerBanner .headerBanner-btn{display:flex;padding:0 15px;height:27px;align-items: center;justify-content: center;border:1px solid #000;border-radius: 999px;color:#000;font-size:14px;line-height:27px;}
@media screen and (max-width:768px){
  #headerBanner .headerBanner-txt-wrap{font-size:17px;}
}

@media screen and (max-width:500px){
  #headerBanner .headerBanner-txt-wrap{font-size:14px;}
}

/*260312*/
.inner{width:100%;max-width:1400px;margin: auto;}
header .hd-top{padding:30px 0 0;}
header .hd-gnb li{position:relative;}
header .hd-gnb li:not(:last-child)::after{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:18px;background:#ddd;}
header .hd-gnb a{padding:0 40px;line-height:82px;font-size:22px;color:#000;}
header .hd-gnb ul{justify-content: center;}
header .topUtil li{margin-left:20px;}
header .hd-top .mn-l ul{position:relative;gap:48px;}
header .hd-top .mn-l li{position:relative;}
header .hd-top .mn-l li:not(:last-child)::after{content:'';display:block;position:absolute;top:50%;right:-24px;transform:translateY(-50%);width:1px;height:100%;background:#ddd;}
header .hd-top .mn-l ul a{color:#888;font-size:16px;}

header.fixed .hd-gnb a,
header.fixed .hd-top .mn-l ul a{color:#fff;}
header.fixed .topUtil li.n01 > a {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.19987 16.5C7.19987 11.916 10.9159 8.19999 15.4999 8.19999C20.0838 8.19999 23.7999 11.916 23.7999 16.5C23.7999 21.084 20.0838 24.8 15.4999 24.8C10.9159 24.8 7.19987 21.084 7.19987 16.5ZM15.4999 5.79999C9.59042 5.79999 4.79987 10.5905 4.79987 16.5C4.79987 22.4094 9.59042 27.2 15.4999 27.2C18.2772 27.2 20.8074 26.1418 22.7093 24.4066L29.1513 30.8486C29.6199 31.3172 30.3797 31.3172 30.8483 30.8486C31.317 30.38 31.317 29.6202 30.8483 29.1515L24.2939 22.5971C25.4956 20.8672 26.1999 18.7659 26.1999 16.5C26.1999 10.5905 21.4093 5.79999 15.4999 5.79999Z' fill='%23fff'/%3E%3C/svg%3E");
}
header.fixed .topUtil li.n02 > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M6 30V29C6 25.6863 8.68629 23 12 23H22' stroke='%23fff' stroke-width='2.4' stroke-linecap='square'/%3E%3Ccircle cx='17.5' cy='12.5' r='5.3' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M27.3784 24H31V22H24V29H26V25.45L30.9139 30.3639L32.3281 28.9497L27.3784 24Z' fill='%23fff'/%3E%3C/svg%3E");
}
header.fixed .topUtil li.logout > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M6 30V29C6 25.6863 8.68629 23 12 23H22' stroke='%23fff' stroke-width='2.4' stroke-linecap='square'/%3E%3Ccircle cx='17.5' cy='12.5' r='5.3' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M22 27.5L23.6926 25.6997L26.2308 28.4L31.3077 23L33 24.8L26.2308 32L22 27.5Z' fill='%23fff'/%3E%3C/svg%3E");
}
header.fixed .topUtil li.n03 > a {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6H9.36M9.36 6L10.32 10M9.36 6L10.4866 10.6943M10.32 10H30L27.12 22H13.2L10.4866 10.6943M10.32 10L10.4866 10.6943' stroke='%23fff' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='28' r='2' fill='%23fff'/%3E%3Ccircle cx='25' cy='28' r='2' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#mainSector{margin-top:152px;padding-bottom:0;}
.main-sec{padding:120px 0;overflow:hidden;}
.proTit.main-tit{padding:0;margin-bottom:80px;}
.mdMDx .webMd .imgArea{display:flex;align-items: center;justify-content: center;}
.mdMDx .webMd .wmR ul{gap:124px 40px;}
.mdMDx .webMd .wmR ul .infoArea{padding-top:25px;text-align: left;}
.faqMDx{background: rgba(105, 0, 5, 0.05);}
/* .faqMDx .faqSlide{max-width:1400px;margin:auto;}
.faqMDx .faqSlide ul li{width:160px;aspect-ratio: 1 / 1;height:auto;}
.faqMDx .faqSlide ul li a{width:100%;}
.faqMDx .faqSlide ul{gap:15px;} */
#mainVisible .swiper-slide.sl1{background:url('../images/img/main_visual_sl1.jpg') no-repeat center / cover;}
#mainVisible .swiper-slide.sl2{background:url('../images/img/main_visual_sl2.jpg') no-repeat center / cover;}

@media screen and (max-width:1450px){
  .inner{padding:0 50px;}
}

@media screen and (max-width:1200px){
  header .hd-gnb a{padding:0 30px;font-size:20px;}
}

@media screen and (min-width:1001px){
  .faqMDx .faqSlide ul li {
    width: calc((100% - 100px) / 6);
  }
}


@media screen and (max-width:1000px){
  .inner{padding:0 30px;}
  
  #mainSector{margin-top:66px;}
  header{height:66px;}
  header .hd-top{padding-top:0;}
  header .outerCn>.inner,
  header .hd-top,
  header .hd-top>div{height:100%;}
  header h1 a{background-size:contain;}
  header h1{position:absolute;top:50%;left:50%;width:150px;transform: translate(-50%, -50%)}
  header .mNavi{position:static;top:auto;left:auto;}
  header .mNavi span{background:#000;}
  header.fixed .mNavi span{background:#fff;}
  header .pc-only{display:none !important;}
  header .m-only{display:block !important;}
  header .navigation .mobileList > ul > li > a{background:#d1b7ba;}
  
  .faqMDx .faqSlide{margin:0 2rem;}
  .faqMDx .faqSlide ul li a .ico{width:60px;height:60px;}
}

@media screen and (max-width:840px){
  footer .footBody .fR .fCustomer{justify-content: space-between;}
  footer .footBody .fR {
    padding: 3.5rem 0 0 0;
    margin-top:3.5rem;
  }
}


@media screen and (max-width:700px){
  .inner{padding:0 20px;}
  header .topUtil li{width:25px;height:25px;margin-left:10px;}
  header .topUtil li > a{width:100%;height:100%:;background-size:contain;}
  header h1{width:100px;}
  .main-sec{padding:80px 0;}
  .proTit.main-tit{margin-bottom:40px;}
  .proContMDx .cateSlide ul li a {width:calc(100% - 10px);}
  footer .fMark{margin-top:10px;}
  footer .fMark ul{gap:10px;}
  
 
}

@media screen and (max-width:500px){
  .faqMDx .faqSlide ul li{width:140px;}
 
  .faqMDx .faqSlide ul li span{font-size:1.5rem;}
}


/*# sourceMappingURL=layout.css.map */