/* 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;
 top:0;left:0;
  width: 100%;
  /* height: 8rem; */
  z-index: 99;
  transition: transform 0.3s;
  background:#fff;
}
/* header.fixed{position:fixed;top:0;left:0;} */
header.down {
  /* margin-top: -100%; */
  /* position: fixed; */
   transform: translateY(-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: 20rem;
  height: 4rem;
  margin: -2rem 0 0 -10rem;
} */
/* header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 16rem auto;
  background-position: left 50% top 50%;
  background-repeat: no-repeat;
  background-image: url("../images/img/img_h1_logo.png");
} */
header h1 img{width:142px;}
header .navigation {
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 0;
  opacity: 0;
  background: #fff;
  transition: all 0.3s;
  z-index: 30;
  overflow: hidden;
}
header .navigation.active {
  height: 620px;
  opacity: 1;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
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: 14rem;
  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;
}
header .navigation .menuList .menuDx > ul > li.hmodel {
  position: absolute;
  left: 114rem;
  top: 10.5rem;
}
header .navigation .menuList .menuDx > ul > li.naviEvent .eventImg {
  margin: 1.3rem 0 0 1rem;
}
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 {

  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='black'/%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='black' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='28' r='2' fill='black'/%3E%3Ccircle cx='25' cy='28' r='2' fill='black'/%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);
  z-index:10;
}
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='%231F734A'/%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:34rem;
  /* height: 5.4rem; */
  border-radius:999px;
  background: #F7F7F7;
  /* transition: width 0.3s; */
  border:1px solid #E6E6E6;
  overflow: hidden;
}
/* header .topUtil li .wsearch.active {
  width: 34rem;
} */
header .topUtil li .wsearch .winput {
  color: #000;
  background: none;
  border: 0;
  /* height: 5.4rem; */
  /* line-height: 5.4rem; */
  height:44px;
  padding: 0 20px;
  font-size:16px;
}
header .topUtil li .wsearch .winput::-webkit-input-placeholder {
  color: #A4A4A4;
}
/* 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/img_h1_logo_fixed.png");
}
header.fixed .topUtil li .wsearch {
  background-color: var(--base-green-color2);
}
header.fixed .topUtil li.n03 > a u {
  color: var(--base-white-color);
  background-color: var(--base-green-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='%23E50145'/%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='%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");
}
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='%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");
}
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 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 > ul > li.naviEvent .eventImg {
    width: 44rem;
  }
  header .navigation .menuList .menuDx > ul > li.naviEvent .eventImg img {
    width: 100%;
  }
  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 .topUtil li.buMenu {
    display: none;
  }
  header .topUtil li.mobile {
    display: block;
  }
  header .wNcont {
    display: none;
  }
  header .mNavi {
    display: block;
    /* position: absolute;
    left: 2rem;
    top: 1.78rem; */
    width: 29px;
    height: 18px;
    cursor: pointer;
    z-index: 20;
    position:relative;
  }
  header .mNavi span {
    display: block;
    position:absolute;
    left:0;
    width: 100%;
    height: 2px;
    background: var(--base-black-color);
    /* margin: 8px 0; */
    transition: all 0.3s ease;
  }
  header .mNavi span:nth-child(1){top:0;}
  header .mNavi span:nth-child(2){top:calc(50% - 1px);}
  header .mNavi span:nth-child(3){bottom:0;}
  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;
    height: 3.6rem;
    margin: -1.8rem 0 0 -9rem;
  }
  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: 136px 0 12rem 0;
  overflow: hidden;
}

@media all and (max-width: 700px) {
  #mainSector {
    padding: 0 0 6rem 0;
  }
}
#mainVisible {
  position: relative;
  width: 100%;
  background: #fff;
  height: 420px;
  overflow: hidden;
  max-width:1620px;
  margin:0 auto;
}
#mainVisible .thumArea {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -72rem;
  bottom: 50px;
  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: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
#mainVisible .swiper-slide .img .web {
  display: inline-block;
  width:100%;
  height:100%;
  object-fit: cover;
}
#mainVisible .swiper-slide .img .tablet {
  display: none;
}
#mainVisible .swiper-slide .img .mobile {
  display: none;
}
#mainVisible .swiper-slide .twrap {
  position: relative;
  width:100%;height:100%;
  z-index: 10;
}
#mainVisible .swiper-slide .twrap .textArea {
  position: absolute;
  left: 50%;
  top: calc(50% - 30px);
  transform:translate(-50%, -50%);
}

#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: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  /* margin: 0 0 0 -96rem; */
  z-index: 9;
}
#mainVisible .swiper-slide .product img {
  position: absolute;
  right: 0;
  bottom: 0;
}

#mainVisible .swiper-slide .t1 {
  font-size: 40px;
  color: #000;
  line-height: 1.2;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide .t2 {
  font-size: 40px;
  color: var(--base-green-color);
  line-height: 1.2;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide .t3 {
  margin:20px 0;
  font-size: 20px;
  color: #000;
  line-height: 1;
  letter-spacing: -0.02rem;
  font-weight: 300;
}

#mainVisible .swiper-slide .btn {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 3.6rem;
  border: 1px solid #000;
  transition: all 0.3s ease;
}
#mainVisible .swiper-slide .btn span {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 18px;
  color: #000;
  line-height: 1;
  letter-spacing: -0.4px;
  font-weight: 300;
}
#mainVisible .swiper-slide .btn:hover {
  background: #000;
}
#mainVisible .swiper-slide .btn:hover span {
  color: #fff;
}


#mainVisible .swiper-slide.s2 .t2{color: #903D00;}
#mainVisible .swiper-slide.s3 .t2{color: #478FC6;}
#mainVisible .swiper-slide.s4 .t2{color: #22724A;}
#mainVisible .swiper-slide.s5 .t2{color: #734B20;}
#mainVisible .swiper-slide.s6 .t2{color: #00734D;}
#mainVisible .swiper-slide.s1 .product img {
  right: 10%;
  bottom: 12.5rem;
}
#mainVisible .swiper-slide.s2 .product img {
  right: 2%;
  top:50%;
  transform:translateY(-50%);
} 

#mainVisible .swiper-slide.s2 .t2 {
  color: #704b1c;

}

/* #mainVisible .swiper-slide.s1 .t1 {
  font-size: 40px;
  color: #000;
  line-height: 1.2;
  letter-spacing: -1.16px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s1 .t2 {
  font-size: 40px;
  color: var(--base-green-color);
  line-height: 1.2;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide.s1 .t3 {
  margin:20px 0;
  font-size: 3rem;
  color: #000;
  line-height: 4.2rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
}

#mainVisible .swiper-slide.s1 .btn a {
  display: inline-block;
  padding: 10px 30px;
  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: 18px;
  color: #000;
  line-height: 1
  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: 40px;
  color: #000;
  line-height: 1.2;
  letter-spacing: -1.16px;
  font-weight: 300;
}
#mainVisible .swiper-slide.s2 .t2 {
  font-size: 40px;
  color: #704b1c;
  line-height: 1.2;
  letter-spacing: -1.16px;
  font-weight: 600;
}
#mainVisible .swiper-slide.s2 .t3 {
  padding: 20px 0;
  font-size: 20px;
  color: #000;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  font-weight: 300;
}

#mainVisible .swiper-slide.s2 .btn a {
  display: inline-block;
  padding: 10px 30px;
  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: 18px;
  color: #000;
  line-height: 1;
  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;
}

@media all and (max-width: 1920px) {
  #mainVisible .swiper-slide .product {
    left: 0;
    margin: 0;
    width: 100%;
  }
}
@media all and (max-width: 1680px) {

  #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.s240924 .product img {
    right: 3%;
    width: 68rem;
  }
}
@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.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;
  }
}
@media all and (max-width: 760px) {
  
  #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;
  }
}
@media all and (max-width: 768px) {
  #mainVisible {
    height: auto;
  }
  #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 .img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0;
  }
  #mainVisible .swiper-slide .img img{width:100%;}


}
@media all and (max-width: 480px) {
  #mainVisible .swiper-pagination {
    padding: 0 0 0 4rem;
  }
  #mainVisible .swiper-pagination-bullet {
    margin: 0 0.6rem 0 0;
  }

 
}
/* shockingDeal */
.shockingDeal {
  width: 100%;
  /* background:#DDE1E0; */
  padding-bottom:12rem;
}
/* .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;
}
.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{padding-bottom:10rem;}
  .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);
    background:none;
  }
  .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: #fff;
  /* padding: 0 0 12rem 0; */
  overflow: hidden;
}
.proContMDx .cateSlide {
  width: 100%;
  overflow: hidden;
}
.proContMDx .cateSlide .swiper-container {
  overflow: visible;
}
.proContMDx .cateSlide ul {
  text-align: center;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  gap:20px;
  align-items:stretch;
  /* justify-content:center; */
}
.proContMDx .cateSlide ul li {
  display: inline-block;
  width: 120px;
}
.proContMDx .cateSlide ul li a {
  display: inline-block;
  text-align: center;
  width:100%;
}
.proContMDx .cateSlide ul li a .goods {
  display:flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background: #bbc2c0;
  border-radius: 100%;
  overflow: hidden;
  transition: all 0.5s ease;

}
.proContMDx .cateSlide ul li a .goods .cate-ico{width:40%;aspect-ratio: 1/1;  transition: all 0.5s ease;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;}
.proContMDx .cateSlide ul li a .goods .ico01 {
  background-image: url('../images/img/main_cate_ico1.svg');
}
.proContMDx .cateSlide ul li a .goods .ico02 {
  background-image: url('../images/img/main_cate_ico2.svg');
}
.proContMDx .cateSlide ul li a .goods .ico03 {
  background-image: url('../images/img/main_cate_ico3.svg');
}
.proContMDx .cateSlide ul li a .goods .ico04 {
  background-image: url('../images/img/main_cate_ico4.svg');
}
.proContMDx .cateSlide ul li a .goods .ico05 {
  background-image: url('../images/img/main_cate_ico5.svg');
}
.proContMDx .cateSlide ul li a .goods .ico06 {
  background-image: url('../images/img/main_cate_ico6.svg');
}
.proContMDx .cateSlide ul li a .goods .ico07 {
  background-image: url('../images/img/main_cate_ico7.svg');
}
.proContMDx .cateSlide ul li a .goods .ico08 {
  background-image: url('../images/img/main_cate_ico8.svg');
}

.proContMDx .cateSlide ul li a .goods.ico07{background-image:url('../images/ico/ico_subscript.svg');background-size:9rem;}

.proContMDx .cateSlide ul li span {
  display: inline-block;
  padding: 1.5rem 0 0rem 0;
  /* border-bottom: 3px #e6dad8 solid; */
  transition: all 0.5s ease;
  font-size: 1.6rem;
  color: var(--base-black-color);
  line-height: 1.2;
  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{justify-content:center;flex-wrap:wrap;gap:30px;}
  .proContMDx .cateSlide ul li {
    width: calc((100% - 90px) / 4);
    max-width:140px;
  }
} */
@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;
  }
  .proContMDx .cateSlide ul li a .goods.ico07{background-size:7rem;} */
  
  .proContMDx .cateSlide ul{justify-content:center;flex-wrap:wrap;gap:30px 20px;}
  .proContMDx .cateSlide ul li {
    width: calc((100% - 90px) / 4);
    max-width:110px;
  }
}
@media all and (max-width: 1100px) {
  /* .proContMDx .cateSlide ul li {
    width: 19rem;
  } */
}
@media all and (max-width: 700px) {
  .proContMDx {
    padding: 0 0 6rem 0;
  }
  /* .proContMDx .cateSlide {
    padding: 0 0 0 1.2rem;
  } */
  /* .proContMDx .cateSlide ul li {
    width: 16rem;
  } */
  .proContMDx .cateSlide ul li span {
    padding: 1rem 0 0rem 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;
  } */
  /* .proContMDx .cateSlide ul li a .goods.ico07{background-size:6rem;} */
}
/* best slide Dx */
.bestMDx {
  width: 100%;
  overflow: hidden;
  background: #DDE1E0;
}
.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;
  max-width:none;
}
.bestMDx .swiper-slide .imgArea {
  width: 100%;
  overflow: hidden;
}
.bestMDx .swiper-slide .imgArea img {
  width: 100%;
}
.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%;
  /* border-top: 1px var(--base-gray-color3) solid; */
  padding: 9rem 0 0 0;
}
/*260427 수정*/
/* .mdMDx .proTit {
  padding: 3rem 0 6rem 0;
} */
.mdMDx .webMd {
  display: flex;
  position: relative;
  align-items: stretch;
}
.mdMDx .webMd .imgArea {
  width: 100%;
  background: var(--bg-gray-color5);
  overflow: hidden;
}
.mdMDx .webMd .imgArea img {
  width: 100%;
}
.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(2, 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);
  }
  .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;
  }
  /*260427 수정*/
  /* .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: block;
  }
}
@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;
  }
  
  .shockingDeal{padding-bottom:6rem;}
}
/* 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%;
  overflow: hidden;
}
.faqMDx .faqSlide .swiper-container {
  overflow: visible;
}
.faqMDx .faqSlide ul {
  text-align: center;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
}
.faqMDx .faqSlide ul li {
  display: inline-block;
  width: 18rem;
  height: 16rem;
}
.faqMDx .faqSlide ul li a {
  position: relative;
  display: inline-block;
  width: 16rem;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background: var(--base-white-color);
  border: 1px #cec2c0 solid;
  transition: all 0.3s ease;
}
.faqMDx .faqSlide ul li a:hover {
  background-color: #faf8f7;
}
.faqMDx .faqSlide ul li a .ico {
  position: relative;
  width: 6rem;
  height: 6rem;
  margin: 3.5rem auto 0;
  overflow: hidden;
  transition: all 0.5s ease;
  background-size: 6rem;
  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 span {
  position: absolute;
  left: 0;
  bottom: 2rem;
  width: 100%;
  text-align: center;
  transition: all 0.5s ease;
  font-size: 1.6rem;
  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: var(--base-gray-color5);
}
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;
}
footer .footBody .fR .fMark li {
  float: left;
  margin: 0 1rem 0 0;
}
footer .footBody .fR .fCustomer {
  position: relative;
}
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: 25.6rem;
}
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 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;
  }
  footer .footBody .fR .fMark {
    top: 2rem;
    width: 100%;
  }
  footer .footBody .fR .fCustomer .fCL {
    padding: 3.5rem 0 0 0;
    border-top: 1px var(--base-gray-color6) solid;
  }
  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 {
    padding: 12rem 0 0 0;
  }
  footer .footBody .fR .fMark {
    top: 4rem;
  }
  footer .footBody .fR .fCustomer .fCL {
    padding: 3.5rem 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;
} >> 260722 잘못된 css 제거
*/ 

html.existB #mainSector{
  padding-top: 188px;
} /*260722 상단 배너 추가시 필요한 css 추가*/

@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;
  } 
  >> 260722 잘못된 css 제거
  
  */
  
  html.existB #mainSector{
    padding-top: 154px;
  }/*260722 상단 배너 추가시 필요한 css 추가*/
}
@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:769px){
  .m-only{display:none !important;}
  
}

@media screen and (max-width:768px){
  .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;}
}

/*260416 헤더&메인 수정*/
header *{box-sizing: border-box;}
.inner{width:100%;max-width:1440px;margin:0 auto;}
header .hd-top{padding:25px 0 0px;}
header .hd-bt{padding:20px 0 25px;}
header .gnb-wrap a{position:relative;padding:0 30px;font-size:20px;font-weight:500;line-height:1;color:#000;}
header .gnb-wrap li:not(:last-child) a::after{content:'';display:block;position:absolute;right:0px;top:50%;transform:translateY(-50%);width:1px;height:18px;background:#ddd;}
header .gnb-wrap li:first-child a{padding-left:0;}
/* header #searchBtn, */
header #clearBtn{position:absolute;top:50%;right:15px;transform:translateY(-50%)}
header .topUtil li{margin:0;}
header .topUtil ul{gap:20px;}
.hd-bt .gnb-wrap .swiper-slide {width: auto !important;flex-shrink: 0;}

ul.con-flex::after,
ul.con-flex-bet::after{display:none;}



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

@media screen and (max-width:1000px){
  .inner{padding:0 30px;}
  /* header .hd-bt{overflow-x:auto;cursor: grab;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
  header .hd-bt .inner{width:max-content;} */

  /* #mainVisible .swiper-slide .t1,
  #mainVisible .swiper-slide .t2{font-size:32px;}
  #mainVisible .swiper-slide .t3{font-size:19px;margin:10px 0;}
  #mainVisible .swiper-slide .btn{display:none;} */
  #mainVisible .swiper-slide .img .pc-only {
    display: none;
  }
  #mainVisible .swiper-slide .img .tablet {
    display: inline-block;
  }
  #mainVisible .swiper-slide .img .m-only {
    display: block !important;
  }
  
  #mainVisible{aspect-ratio: 375/290;height:auto;}
  #mainVisible .swiper-slide .img img{width:100%;}
  #mainVisible .swiper-slide .twrap .textArea{top:50px;left:0;transform: translate(0, 0);}
  #mainVisible .swiper-slide.s2 .product img {width: 70vw;bottom: 10px;top:auto;transform:translate(0);right:-10vw;}
  #mainVisible .swiper-slide.s3 .product img{width:60vw;max-width:468px;right:-5vw;}
  #mainVisible .swiper-slide.s5 .product img{width:70vw;max-width:700px;right:-5vw;}
  #mainVisible .swiper-slide.s6 .product img{width:70vw;max-width:700px;right:-5vw;bottom:10px;}
  #mainVisible .swiper-slide.s7 .product img{width:70vw;max-width:700px;right:-5vw;bottom:10px;}
  
  header .hd-top{position:relative;padding:20px 0 0;}
  header .hd-bt{padding:20px 0;}
  header .hd-bt .inner{position:relative;padding-right:0;}
  /*260422 수정*/
  /* header .wlogo{position:absolute;top:calc(50% + 10px);left:50%;transform:translate(-50%, -50%);} 
  header .mNavi{display:block !important;}
  header .topUtil li .wsearch{display:none;}
  header .topUtil li .inser{display:block !important;}
  header .topUtil li .outser{display:none;}*/
  header .topUtil li > a{height:auto;aspect-ratio:1 / 1;background-size:contain;}
  /**/
  
  #mainSector{padding:118px 0 6rem 0;}
  
  
}
@media screen and (max-width:768px){
  .inner{padding:0 20px;}
  .proContMDx .cateSlide ul{gap:10px 15px;}
  .proContMDx .cateSlide ul li {width: calc((100% - 80px) / 4);}
  .proContMDx .cateSlide ul li a .goods{width:70%;margin:auto;}
  .proContMDx .cateSlide ul li a .goods .cate-ico{width:40%;}

  header .topUtil ul{gap:8px;}
  header .topUtil li > a{width:29px;}
  header .gnb-wrap a{font-size:16px;padding:0 16px;}
  header h1 img{width:118px;}
  
  /*260422 수정*/
  /* #mainSector{padding:107px 0 6rem 0;} */
  #mainSector{padding:111px 0 6rem 0;}
  /**/

  #mainVisible .swiper-slide .twrap .textArea{top:30px;left:0px;transform:translate(0, 0)}
  #mainVisible .swiper-slide .t1,
  #mainVisible .swiper-slide .t2{font-size:24px;}
  #mainVisible .swiper-slide .t3{font-size:14px;}
  #mainVisible .swiper-slide .btn{display:none;}
  #mainVisible .thumArea{bottom:20px;}
  
  .proContMDx .cateSlide ul li span{font-size:12px;}
  #mainVisible .swiper-pagination-bullet{margin:0 0px 0 0;}
  
  /*260422 수정*/
  header #mainSearch::placeholder{color:transparent;}
  header .topUtil li > a{width:25px;}
  header .topUtil li .wsearch{width:200px;height:35px;}
  header .topUtil li .wsearch .winput{height:100%;font-size:13px;}
  header #searchForm{height:100%;}
  header #clearBtn{width:20px;right:10px;}
  /**/

}

@media screen and (max-width:400px){
  /*260422 수정*/
  header h1 img{width:80px;}
  header .topUtil li .wsearch{width:150px;}
  header .topUtil li .wsearch .winput{padding:0 15px;}
  /**/

}



/*260429 팝업*/
.popup-wrap{position:fixed;top:0;left:0;z-index:990;width:100%;height:100dvh;}
.popup-wrap *{box-sizing: border-box ;}
.popup-wrap .pop-dim{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75)}
.popup-wrap .pop-con{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;width:85vw;}
#pop260429 .pop-con{max-width:460px;}
.popup-wrap .pop-con img{width:100%;}
.popup-wrap .pop-con .pop-close{position:absolute;top:0;right:-50px;}
#pop260429 .pop-con .upload-wrap{position:absolute;top: calc(71.49% + 40px);font-size: 16px;color:#888;gap:6px;width:100%;justify-content: center;padding:0 20px;}
#pop260429 .pop-con .upload-label{display:flex;font-weight:700;align-items: center;}
#pop260429 .pop-con .upload-label::before{content:'';display:block;width:20px;height:20px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6668 5.83335V16.6667C16.6668 17.1087 16.4912 17.5326 16.1787 17.8452C15.8661 18.1577 15.4422 18.3334 15.0002 18.3334H5.00016C4.55814 18.3334 4.13421 18.1577 3.82165 17.8452C3.50909 17.5326 3.3335 17.1087 3.3335 16.6667V3.33335C3.3335 2.89133 3.50909 2.46738 3.82165 2.15482C4.13421 1.84226 4.55814 1.66669 5.00016 1.66669H12.5002L16.6668 5.83335Z' fill='%23AAAAAA'/%3E%3Cpath d='M13.3333 5.83335H16.6667L12.5 1.66669V5.00002C12.5 5.22103 12.5878 5.43298 12.7441 5.58926C12.9004 5.74554 13.1123 5.83335 13.3333 5.83335Z' fill='%23DDDDDD'/%3E%3Cpath d='M13.7502 9.16669H6.25016C6.02004 9.16669 5.8335 9.35324 5.8335 9.58335V10.4167C5.8335 10.6468 6.02004 10.8334 6.25016 10.8334H13.7502C13.9803 10.8334 14.1668 10.6468 14.1668 10.4167V9.58335C14.1668 9.35324 13.9803 9.16669 13.7502 9.16669Z' fill='white'/%3E%3Cpath d='M13.7502 12.5H6.25016C6.02004 12.5 5.8335 12.6865 5.8335 12.9167V13.75C5.8335 13.9801 6.02004 14.1667 6.25016 14.1667H13.7502C13.9803 14.1667 14.1668 13.9801 14.1668 13.75V12.9167C14.1668 12.6865 13.9803 12.5 13.7502 12.5Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;}
#pop260429 .pop-con .upload-file{max-width: calc(100% - 110px);}
#pop260429 .pop-con .upload-file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*260619 수정*/
#pop260615 .pop-con .upload-wrap{position:absolute;top: 85%;font-size: 16px;color:#888;gap:6px;width:100%;justify-content: center;padding:0 20px;}
#pop260615 .pop-con .upload-label{display:flex;font-weight:700;align-items: center;}
#pop260615 .pop-con .upload-label::before{content:'';display:block;width:20px;height:20px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6668 5.83335V16.6667C16.6668 17.1087 16.4912 17.5326 16.1787 17.8452C15.8661 18.1577 15.4422 18.3334 15.0002 18.3334H5.00016C4.55814 18.3334 4.13421 18.1577 3.82165 17.8452C3.50909 17.5326 3.3335 17.1087 3.3335 16.6667V3.33335C3.3335 2.89133 3.50909 2.46738 3.82165 2.15482C4.13421 1.84226 4.55814 1.66669 5.00016 1.66669H12.5002L16.6668 5.83335Z' fill='%23AAAAAA'/%3E%3Cpath d='M13.3333 5.83335H16.6667L12.5 1.66669V5.00002C12.5 5.22103 12.5878 5.43298 12.7441 5.58926C12.9004 5.74554 13.1123 5.83335 13.3333 5.83335Z' fill='%23DDDDDD'/%3E%3Cpath d='M13.7502 9.16669H6.25016C6.02004 9.16669 5.8335 9.35324 5.8335 9.58335V10.4167C5.8335 10.6468 6.02004 10.8334 6.25016 10.8334H13.7502C13.9803 10.8334 14.1668 10.6468 14.1668 10.4167V9.58335C14.1668 9.35324 13.9803 9.16669 13.7502 9.16669Z' fill='white'/%3E%3Cpath d='M13.7502 12.5H6.25016C6.02004 12.5 5.8335 12.6865 5.8335 12.9167V13.75C5.8335 13.9801 6.02004 14.1667 6.25016 14.1667H13.7502C13.9803 14.1667 14.1668 13.9801 14.1668 13.75V12.9167C14.1668 12.6865 13.9803 12.5 13.7502 12.5Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;}
#pop260615 .pop-con .upload-file{max-width: calc(100% - 110px);}
#pop260615 .pop-con .upload-file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/**/

#pop260615 .pop-con{max-width:460px;}/*260615*/

@media screen and (max-width:768px){
  .popup-wrap .pop-con .pop-close{right:10px;top:10px;}
  
}

@media screen and (max-width:500px){
  #pop260429 .pop-con .upload-wrap {top: calc(78.29% + 10px);}
  #pop260429 .pop-con .upload-label::before{width:15px;height:15px;}
  #pop260429 .pop-con .upload-wrap{font-size: clamp(11px, 2.95vw, 16px);}
  .popup-wrap .pop-con .pop-close{width:25px;height:25px;}
  
  /*260615*/
  #pop260615 .pop-con .upload-wrap {top: calc(80.5% + 20px);}/*260619 수정*/
  #pop260615 .pop-con .upload-label::before{width:15px;height:15px;}
  #pop260615 .pop-con .upload-wrap{font-size: clamp(11px, 2.95vw, 16px);}
  
}


/*260512 추가*/
header .topUtil li .moBuMenuBx {
  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);
  z-index:10;
}
header .topUtil li .moBuMenuBx: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='%231F734A'/%3E%3C/svg%3E");
}
header .topUtil li .moBuMenuBx ul {
  margin: 1.3rem 0 0 0;
}
header .topUtil li .moBuMenuBx ul li {
  float: none;
  width: 100%;
  height: auto;
  margin: 0;
}
header .topUtil li .moBuMenuBx 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;
  aspect-ratio:auto;
}
header .topUtil li .moBuMenuBx ul li > a:hover {
  text-decoration: underline;
}

header .topUtil li.active .moBuMenuBx{opacity:1;visibility:visible;}

/*260527 수정*/
#float-menu{position:relative;}
#float-menu ul{position:fixed;right: 20px;top: 50%;transform: translateY(-50%);background:#20744A;border-radius: 32px;padding:30px 0;width:64px;z-index:99;text-align: center;}
#float-menu .ico-img{display:inline-block;width:24px;aspect-ratio:1/1;opacity:0.6;background-repeat: no-repeat;background-position: center center;background-size: contain;}
#float-menu li:not(:last-child){margin-bottom:20px;}
#float-menu li a{display:block;}
#float-menu li.active .ico-img,
#float-menu li:hover .ico-img{opacity:1;}
#float-menu li span{display:block;}
#float-menu .ico-txt{margin-top:8px;font-size:13px;color:#fff;}
#float-menu .float-item1 .ico-img {background-image: url("../images/img/ico_float_menu1.svg");}
#float-menu .float-item2 .ico-img {background-image: url("../images/img/ico_float_menu2.svg");}
#float-menu .float-item3 .ico-img {background-image: url("../images/img/ico_float_menu3.svg");}
#float-menu .float-item4 .ico-img {background-image: url("../images/img/ico_float_menu4.svg");}


.qmTop{width: 64px;aspect-ratio: 1/1;height:auto;right:20px;bottom:20px;}
.qmTop span{background-size:50%;}
.qmTop a{border-radius: 50%;}

@media screen and (max-width:1200px){
  #float-menu ul{border-radius: 2.67vw;min-height: 33.58vw;right: 1.67vw;top: 50%;width: 5.33vw;}
  #float-menu .ico-img{width:2.67vw;}
  #float-menu .ico-txt{font-size: 1.08vw;}
  .qmTop{right:1.67vw;bottom:1.67vw;width: 5.33vw;}
}

@media screen and (min-width:801px){
  .float-toggle-btn{display:none;}
}

@media screen and (max-width:800px){
  #float-menu{position:relative;}
  #float-menu ul{opacity: 0;background:none;bottom: 24.27vw;right: 5.33vw;top: auto;width:auto;padding:0;transform: translate(0);visibility: hidden;}  
  .float-toggle-btn{position: fixed;right: 5.33vw;bottom: 9.33vw;display: flex;align-items: center;justify-content: center;overflow:hidden;height: 12vw; width: 12vw;z-index: 30;background: var(--base-green-color);border-radius: 50%;color: #fff;font-size: 10vw;transition: all .3s ease;} 
  #float-menu::before{background-color: rgba(0, 0, 0, .7);content: "";position: fixed;width: 100%;top:0;left:0;height: 100vh;opacity: 0;visibility: hidden;}
  #float-menu li .ico-img{display:flex;aspect-ratio: 1/1;margin: 3.2vw 0 0;width: 12vw;background-color:var(--base-green-color);border-radius: 50%;align-items: center;justify-content: center;background-size:50%;margin-top:0;opacity:1;}
  #float-menu li a{display:flex;align-items: center;flex-direction: row-reverse;gap:15px;}
  #float-menu li .ico-txt{text-align: right;margin-top:0;font-size: 3.47vw;font-weight: 700;letter-spacing: -.02em;line-height: 4.27vw;}
  #float-menu.float-open{z-index:99999;}
  #float-menu.float-open .float-toggle-btn{background:var(--base-gray-color5);}
  #float-menu.float-open .float-toggle-btn span{transform: rotate(-45deg)}
  #float-menu.float-open ul{opacity:1;visibility: visible;}
  #float-menu.float-open::before{opacity:1;visibility: visible;}
  #float-menu li:not(:last-child){margin-bottom:15px;}
  body:has(#mainsector, .qmTop.show) .float-toggle-btn{bottom:23vw;}
  body:has(#mainsector, .qmTop.show) .float-open .float-toggle-btn{bottom:9.33vw;}
  .qmTop{right:5.33vw;width:12vw;bottom:9.33vw;}
}

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