@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Mona+Sans:ital,wght@0,200..900;1,200..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "Cafe24ShiningStar";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}
html, body {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  background: #000000;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: normal;
  overflow-x: clip;
  letter-spacing: -3%;
}

.pre {
  font-family: "Pretendard", sans-serif;
}

.mont {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0;
}

.mona {
  font-family: "Mona Sans", sans-serif;
  letter-spacing: 0;
}

.swiper-button-next,
.swiper-button-prev {
  margin-top: 0 !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

/* 관리자 에디터 */
.editor_content h1, .editor_content h2, .editor_content h3, .editor_content h4, .editor_content h5, .editor_content p, .editor_content span {
  display: block;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}
.editor_content h1 {
  -webkit-margin-before: 0.67em;
          margin-block-start: 0.67em;
  -webkit-margin-after: 0.67em;
          margin-block-end: 0.67em;
}
.editor_content h2 {
  -webkit-margin-before: 0.83em;
          margin-block-start: 0.83em;
  -webkit-margin-after: 0.83em;
          margin-block-end: 0.83em;
}
.editor_content h3 {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}
.editor_content h4 {
  -webkit-margin-before: 1.33em;
          margin-block-start: 1.33em;
  -webkit-margin-after: 1.33em;
          margin-block-end: 1.33em;
}
.editor_content h5 {
  -webkit-margin-before: 1.67em;
          margin-block-start: 1.67em;
  -webkit-margin-after: 1.67em;
          margin-block-end: 1.67em;
}
.editor_content p {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}
.editor_content span {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}
.editor_content ul {
  display: block;
  list-style-type: disc;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}
.editor_content ul li ::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  -moz-text-align-last: auto !important;
       text-align-last: auto !important;
}
.editor_content li {
  display: list-item;
  text-align: -webkit-match-parent;
  unicode-bidi: isolate;
}
.editor_content ol {
  display: block;
  list-style-type: decimal;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}

/* 아카이브 에디터 본문 리스트 (전역 list-style:none 복구) */
#archive .content ul {
  list-style: disc;
  padding-left: 1.2em;
}
#archive .content ol {
  list-style: decimal;
  padding-left: 1.2em;
}
#archive .content li {
  display: list-item;
}
#archive .content a {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

::-moz-selection {
  background: rgba(67, 60, 147, 0.7);
}

::selection {
  background: rgba(67, 60, 147, 0.7);
}

html, body, h1, h2, h3, h4, h5, h6, p, div, input, nav, textarea, select, header, section, article, aside, footer, form, button, table, thead, tbody, tr, td, th,
ul, li, ol, dl, dt, dd {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  display: block;
}

a, input, button {
  outline: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

figure {
  margin: 0;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/img/select_arrow.png) no-repeat center right 15px;
  background-size: 16px;
}

select::-ms-expand {
  display: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input {
  font-family: inherit;
  font-size: inherit;
  border: 0;
  outline: 0;
  color: inherit;
  letter-spacing: inherit;
}

select {
  font-family: inherit;
  font-size: inherit;
  border: 0;
  outline: 0;
  color: inherit;
  letter-spacing: inherit;
}

button {
  font-family: inherit;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  letter-spacing: inherit;
}

input:not([type=checkbox], [type=radio]),
select, textarea {
  color: inherit;
  font-size: inherit;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

textarea {
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  resize: none;
  outline: 0;
  color: inherit;
  line-height: 1.5;
}

textarea::-webkit-scrollbar {
  width: 5px;
}

textarea::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
}

textarea::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
}

/* textarea::-webkit-scrollbar-thumb:hover {background: #ccc;} */
/* textarea::-webkit-scrollbar-button:start:decrement,
textarea::-webkit-scrollbar-button:end:increment {width:3px;height:0px; background:transparent;}  */
*::-webkit-input-placeholder {
  font-family: inherit;
  font-size: inherit;
  color: #aaa;
}
*::-moz-placeholder {
  font-family: inherit;
  font-size: inherit;
  color: #aaa;
}
*:-ms-input-placeholder {
  font-family: inherit;
  font-size: inherit;
  color: #aaa;
}
*::-ms-input-placeholder {
  font-family: inherit;
  font-size: inherit;
  color: #aaa;
}
*::placeholder {
  font-family: inherit;
  font-size: inherit;
  color: #aaa;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

[popover] {
  border: none;
  padding: 0;
  margin: 0;
  left: auto;
}

:focus {
  outline: none;
}

.br_1024,
.br_768,
.br_540 {
  display: none;
}

@media screen and (max-width: 1024px) {
  .br_1024 {
    display: block;
  }
  .br_1024_none {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  html, body {
    font-size: 15px;
  }
  .br_768 {
    display: block;
  }
  .br_768_none {
    display: none;
  }
}
@media screen and (max-width: 540px) {
  html, body {
    font-size: 14px;
  }
  .br_540 {
    display: block;
  }
  .br_540_none {
    display: none;
  }
}
.hei100 {
  height: 100vh;
  height: 100dvh;
  overflow: clip;
}

.wrapper {
  width: 100%;
  max-width: 1920px;
  padding: 0 60px;
  margin: 0 auto;
}

/* 허니팟 — 공통 숨김 (봇만 채움, 문의 폼 등) */
.hp_field {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.fadeAni {
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.8, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.8, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.8, 1);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.8, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.fadeAni.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.LeftAni {
  -webkit-transform: translateX(-80px);
          transform: translateX(-80px);
  opacity: 0;
  -webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.8, 1), -webkit-transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.8, 1), -webkit-transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.8, 1);
  transition: transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.8, 1), -webkit-transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.LeftAni.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.LeftTxt {
  position: relative;
  overflow: hidden;
}
.LeftTxt span {
  clip-path: polygon(0 100%, 0 100%, 0 0, 0 0);
  -webkit-transition: clip-path 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: clip-path 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.LeftTxt.active span {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}

.scroll_motion.active .fadeAni {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.scroll_motion.active .LeftAni {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.delay1 {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.delay2 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.delay3 {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

.delay4 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.delay5 {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

.delay6 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

html.noScroll,
body.noScroll {
  min-height: 100%;
  overflow: hidden !important;
  -ms-touch-action: none;
      touch-action: none;
}

#cursorBlob {
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%) rotate(-25deg);
          transform: translate(-50%, -50%) rotate(-25deg);
  will-change: transform;
  mix-blend-mode: difference;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#cursorBlob svg {
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
#cursorBlob.zoom svg {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s border-color 0.2s ease, background 0.2s ease, backdrop-filter 0.2s ease, -webkit-transform 0.7s ease;
  transition: 0.3s border-color 0.2s ease, background 0.2s ease, backdrop-filter 0.2s ease, -webkit-transform 0.7s ease;
  transition: transform 0.7s ease, 0.3s border-color 0.2s ease, background 0.2s ease, backdrop-filter 0.2s ease;
  transition: transform 0.7s ease, 0.3s border-color 0.2s ease, background 0.2s ease, backdrop-filter 0.2s ease, -webkit-transform 0.7s ease;
}
#header.hide {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
#header.h_up {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(25px);
}
#header.ham_open {
  border-color: transparent;
}
#header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .logo svg {
  max-height: 50px;
  width: auto !important;
}
#header .header_rt nav > ul {
  gap: 20px;
  font-size: clamp(12px, 12px + (16 - 12) * (100vw - 375px) / 1545, 16px);
  margin-right: -10px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
#header .header_rt nav > ul > li > a {
  padding: 10px;
}
#header .header_rt #hamburger {
  width: 26px;
  row-gap: 4px;
  aspect-ratio: 1/1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  display: none;
  pointer-events: none;
}
#header .header_rt #hamburger .line {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transform-origin: center;
          transform-origin: center;
}
#header .header_rt #hamburger.ham_open .line.line1 {
  -webkit-transform: translateY(6px) rotate(45deg);
          transform: translateY(6px) rotate(45deg);
}
#header .header_rt #hamburger.ham_open .line.line2 {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  opacity: 0;
}
#header .header_rt #hamburger.ham_open .line.line3 {
  -webkit-transform: translateY(-6px) rotate(-45deg);
          transform: translateY(-6px) rotate(-45deg);
}

#hamMenu {
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  display: none;
  pointer-events: none;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.2);
}
#hamMenu .ham_content {
  padding-top: 165px;
  width: 100%;
  max-width: 380px;
  background: #000000;
  color: #FFFFFF;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.6);
          box-shadow: -5px 0 15px rgba(0, 0, 0, 0.6);
}
#hamMenu nav {
  font-size: clamp(19px, 19px + (25 - 19) * (100vw - 375px) / 1545, 25px);
  font-weight: 700;
}
#hamMenu nav ul {
  row-gap: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#hamMenu .ham_footer {
  height: 56px;
  font-size: clamp(11px, 11px + (14 - 11) * (100vw - 375px) / 1545, 14px);
  color: #B3B3B3;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#voucherLogo {
  row-gap: 12px;
  left: 60px;
  bottom: 70px;
  position: fixed;
  z-index: 98;
  mix-blend-mode: difference;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition: bottom 0.5s ease;
  transition: bottom 0.5s ease;
}
#voucherLogo img {
  height: 40px;
  width: auto !important;
}
#voucherLogo.end {
  bottom: 100px;
}

#footerTop {
  height: 100vh;
  height: 100dvh;
  min-height: 1080px;
  min-height: 1080px;
  overflow: clip;
}
#footerTop > .wrapper {
  height: calc(100% - 75px);
  row-gap: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
#footerTop h1 {
  font-size: clamp(38px, 38px + (96 - 38) * (100vw - 375px) / 1545, 96px);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.15;
}
#footerTop h1 .light {
  font-weight: 300;
}
#footerTop h1 .bold {
  font-weight: 700;
}
#footerTop h1 .reg {
  font-weight: 400;
}
#footerTop .desc {
  font-size: clamp(14px, 14px + (18 - 14) * (100vw - 375px) / 1545, 18px);
  font-weight: 600;
  line-height: 1.555;
}
#footerTop .desc24 {
  font-size: clamp(18px, 18px + (24 - 18) * (100vw - 375px) / 1545, 24px);
  line-height: 1.555;
}
#footerTop .contactBtn {
  width: 456px;
  bottom: 18%;
  right: 60px;
  max-width: 27vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  aspect-ratio: 1/1;
}
#footerTop .contactBtn::before {
  background: #000000;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  -webkit-animation: blobRadius 10s ease-in-out infinite, blobRotate 40s linear infinite;
          animation: blobRadius 10s ease-in-out infinite, blobRotate 40s linear infinite;
  border: 1px solid #FFFFFF;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  content: "";
  display: block;
  z-index: 1;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 100%;
  aspect-ratio: 456/335;
}
#footerTop .contactBtn p {
  font-size: clamp(28px, 28px + (40 - 28) * (100vw - 375px) / 1545, 40px);
  font-weight: 800;
  position: relative;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@-webkit-keyframes blobRadius {
  0%, 100% {
    border-radius: 200px;
  }
  20% {
    border-radius: 47% 73% 61% 59%/47% 75% 45% 73%;
  }
  40% {
    border-radius: 46% 74% 74% 46%/74% 58% 62% 46%;
  }
  60% {
    border-radius: 47% 73% 61% 59%/40% 40% 80% 80%;
  }
  80% {
    border-radius: 50% 70% 52% 68%/51% 61% 59% 69%;
  }
}
@keyframes blobRadius {
  0%, 100% {
    border-radius: 200px;
  }
  20% {
    border-radius: 47% 73% 61% 59%/47% 75% 45% 73%;
  }
  40% {
    border-radius: 46% 74% 74% 46%/74% 58% 62% 46%;
  }
  60% {
    border-radius: 47% 73% 61% 59%/40% 40% 80% 80%;
  }
  80% {
    border-radius: 50% 70% 52% 68%/51% 61% 59% 69%;
  }
}
@-webkit-keyframes blobRotate {
  from {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  to {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
@keyframes blobRotate {
  from {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  to {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
#footerTop .contactBtn:hover::before {
  -webkit-animation-play-state: running;
          animation-play-state: running;
  background: linear-gradient(45deg, #484670, #13131E);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
#footerTop .top_txt .desc24 {
  margin-top: 30px;
}
#footerTop .info_wrap {
  font-size: clamp(12px, 12px + (16 - 12) * (100vw - 375px) / 1545, 16px);
}
#footerTop .info_wrap > ul {
  gap: 15px 150px;
  display: grid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  grid-template-columns: repeat(2, 1fr);
}
#footerTop .info_wrap > ul > li {
  letter-spacing: 0;
}
#footerTop .info_wrap > ul > li b {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}

#footer {
  font-size: clamp(11px, 11px + (14 - 11) * (100vw - 375px) / 1545, 14px);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#footer .wrapper {
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#footer .copyright {
  color: #B3B3B3;
}
#footer .topBtn {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
#footer .topBtn svg {
  width: 24px;
  height: auto !important;
}
#footer .topBtn span {
  font-weight: 600;
}

@media screen and (max-width: 1440px) {
  .wrapper {
    padding: 0 3.5vw;
  }
  #header .logo svg {
    max-height: 3.45vw;
  }
  #header .header_rt nav > ul {
    gap: 1.4vw;
    font-size: 1.111vw;
    margin-right: -0.7vw;
    height: 6.25vw;
  }
  #header .header_rt nav > ul > li > a {
    padding: 0.7vw;
  }
  #voucherLogo {
    row-gap: 0.85vw;
    left: 3.25vw;
    bottom: 4.5vw;
  }
  #voucherLogo img {
    height: 2.75vw;
  }
  #voucherLogo.end {
    bottom: 7.2vw;
  }
  #footerTop {
    min-height: 100dvh;
  }
  #footerTop > .wrapper {
    height: calc(100% - 5.2vw);
    row-gap: 10vw;
    padding-bottom: 5vw;
  }
  #footerTop .contactBtn {
    max-width: 28vw;
    bottom: 11.75vw;
    right: 3.5vw;
  }
  #footerTop .contactBtn p {
    font-size: 2.5vw;
  }
  #footerTop .top_txt .desc24 {
    margin-top: 2vw;
  }
  #footerTop .info_wrap > ul {
    gap: 1vw 10vw;
  }
  #footer {
    font-size: 0.975vw;
  }
  #footer .wrapper {
    height: 5.2vw;
  }
  #footer .topBtn {
    -webkit-column-gap: 0.7vw;
       -moz-column-gap: 0.7vw;
            column-gap: 0.7vw;
  }
  #footer .topBtn svg {
    width: 1.675vw;
  }
}
@media screen and (max-width: 1024px) {
  .wrapper {
    padding: 0 3.75vw;
  }
  #header .logo svg {
    max-height: 3.625vw;
  }
  #header .header_rt nav > ul {
    font-size: 1.325vw;
    height: 6.5vw;
    gap: 1.625vw;
    margin-right: -1vw;
  }
  #header .header_rt nav > ul > li > a {
    padding: 1vw;
  }
  #voucherLogo {
    row-gap: 1.111vw;
    left: 3.25vw;
    bottom: 70px;
  }
  #voucherLogo img {
    height: 3vw;
  }
  #voucherLogo.end {
    bottom: 7.5vw;
  }
  #footerTop > .wrapper {
    height: calc(100% - 5.5vw);
    row-gap: 16vw;
    padding-bottom: 5vw;
  }
  #footerTop .contactBtn {
    max-width: 30vw;
    bottom: 17vw;
    right: 3.75vw;
  }
  #footerTop .contactBtn p {
    font-size: 2.625vw;
  }
  #footerTop .top_txt .desc24 {
    margin-top: 2.25vw;
  }
  #footerTop .info_wrap > ul {
    gap: 1.25vw 7.5vw;
  }
  #footer {
    font-size: 1.25vw;
  }
  #footer .wrapper {
    height: 5.5vw;
  }
  #footer .topBtn {
    -webkit-column-gap: 1vw;
       -moz-column-gap: 1vw;
            column-gap: 1vw;
  }
  #footer .topBtn svg {
    width: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .wrapper {
    padding: 0 4.5vw;
  }
  #header .wrapper {
    height: 70px;
  }
  #header .logo svg {
    max-height: 35px;
  }
  #header .header_rt nav {
    display: none;
  }
  #header .header_rt #hamburger {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: initial;
  }
  #hamMenu {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    pointer-events: initial;
  }
  #voucherLogo {
    row-gap: 1.45vw;
    left: 4vw;
    bottom: 5vw;
  }
  #voucherLogo img {
    height: 3.75vw;
  }
  #voucherLogo.end {
    bottom: 10vw;
  }
  #footerTop > .wrapper {
    height: calc(100% - 7vw);
    row-gap: 15vw;
    padding-bottom: 5vw;
  }
  #footerTop .contactBtn {
    max-width: 35vw;
    bottom: 15vw;
    right: 4.5vw;
  }
  #footerTop .contactBtn p {
    font-size: 2.875vw;
  }
  #footerTop .top_txt .desc24 {
    margin-top: 2.75vw;
  }
  #footerTop .info_wrap > ul {
    grid-template-columns: 1fr;
    gap: 1.325vw;
  }
  #footer {
    font-size: 1.625vw;
  }
  #footer .wrapper {
    height: 7vw;
  }
  #footer .topBtn {
    -webkit-column-gap: 1.325vw;
       -moz-column-gap: 1.325vw;
            column-gap: 1.325vw;
  }
  #footer .topBtn svg {
    width: 2.125vw;
  }
}
@media screen and (max-width: 540px) {
  .wrapper {
    padding: 0 20px;
  }
  #header .wrapper {
    height: 60px;
  }
  #header .logo svg {
    max-height: 24px;
  }
  #header .header_rt #hamburger {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  #hamMenu .ham_content {
    max-width: none;
  }
  #voucherLogo {
    row-gap: 2.75vw;
    left: 17px;
    bottom: 20px;
  }
  #voucherLogo img {
    height: 6vw;
  }
  #voucherLogo.end {
    bottom: 25vw;
  }
  #footerTop {
    height: auto !important;
    min-height: auto !important;
  }
  #footerTop > .wrapper {
    height: auto;
    row-gap: 15vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 20vw 20px 58vw;
  }
  #footerTop .contactBtn {
    max-width: 48vw;
    bottom: 40px;
    right: 20px;
  }
  #footerTop .contactBtn p {
    font-size: 3.875vw;
  }
  #footerTop .top_txt .desc24 {
    margin-top: 4vw;
  }
  #footerTop .info_wrap > ul {
    gap: 2.5vw;
  }
  #footer {
    font-size: 3vw;
  }
  #footer .wrapper {
    height: 20vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 2.5vw;
  }
  #footer .topBtn {
    -webkit-column-gap: 2.25vw;
       -moz-column-gap: 2.25vw;
            column-gap: 2.25vw;
  }
  #footer .topBtn svg {
    width: 3.75vw;
  }
}
section {
  position: relative;
  z-index: 100;
}

#hamMenu {
  z-index: 101 !important;
}

#cursorBlob,
#voucherLogo {
  display: none !important;
}

#mongeCursor {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: clamp(800px, 800px + (1200 - 800) * (100vw - 375px) / (1560 - 375), 1200px);
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  will-change: transform;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#mongeCursor img {
  width: 100%;
  height: auto;
  display: block;
}

.star {
  font-family: "Cafe24ShiningStar", sans-serif;
  font-weight: 400;
}

.cursive {
  font-family: "Cedarville Cursive", serif;
  font-weight: 400;
}

.monge_wrap1 {
  width: 100%;
  max-width: 1620px;
  padding: 0 clamp(20px, 20px + (50 - 20) * (100vw - 375px) / (1560 - 375), 50px);
  margin: 0 auto;
}

.monge_wrap2 {
  width: 100%;
  max-width: 1370px;
  padding: 0 clamp(20px, 20px + (50 - 20) * (100vw - 375px) / (1560 - 375), 50px);
  margin: 0 auto;
}

.monge_wrap3 {
  width: 100%;
  max-width: 1760px;
  padding: 0 20px;
  margin: 0 auto;
}

#header {
  z-index: 111 !important;
  display: none;
}

#header.h_up ~ #monge .container .sticky_wrap {
  top: 90px;
}

#monge #footerTop .contactBtn::before {
  background: transparent;
}

#monge #footerTop .contactBtn:hover::before {
  background: linear-gradient(45deg, #0B1026, rgba(28, 182, 118, 0.5));
}

#monge {
  background: #0B1026;
  letter-spacing: 0;
}
#monge .monge_txt.center {
  text-align: center;
}
#monge .monge_txt.center .top.green {
  margin-left: auto;
  margin-right: auto;
}
#monge .monge_txt .top.green, #monge .monge_txt h2, #monge .monge_txt h3, #monge .monge_txt .desc {
  pointer-events: none;
}
#monge .monge_txt .top.green {
  font-size: clamp(11px, 11px + (14 - 11) * (100vw - 375px) / 1545, 14px);
  margin-bottom: clamp(20px, 20px + (28 - 20) * (100vw - 375px) / (1560 - 375), 28px);
  font-weight: 700;
  letter-spacing: 20%;
  color: #21E08A;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#monge .monge_txt h2 {
  font-size: clamp(32px, 32px + (60 - 32) * (100vw - 375px) / (1560 - 375), 60px);
  font-weight: 700;
  line-height: 1.333;
  color: #FFFFFF;
}
#monge .monge_txt h3 {
  font-size: clamp(27px, 27px + (50 - 27) * (100vw - 375px) / (1560 - 375), 50px);
  font-weight: 700;
  line-height: 1.36;
  color: #FFFFFF;
}
#monge .monge_txt .desc {
  font-size: clamp(14px, 14px + (18 - 14) * (100vw - 375px) / 1545, 18px);
  font-weight: 500;
  line-height: 1.4;
  color: #E5E5E5;
}
#monge .link_btn {
  -webkit-column-gap: clamp(18px, 18px + (22 - 18) * (100vw - 375px) / (1560 - 375), 22px);
     -moz-column-gap: clamp(18px, 18px + (22 - 18) * (100vw - 375px) / (1560 - 375), 22px);
          column-gap: clamp(18px, 18px + (22 - 18) * (100vw - 375px) / (1560 - 375), 22px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
#monge .link_btn p {
  font-size: clamp(13px, 13px + (16 - 13) * (100vw - 375px) / (1560 - 375), 16px);
  font-weight: 700;
}
#monge .link_btn img {
  width: clamp(17px, 17px + (25 - 17) * (100vw - 375px) / (1560 - 375), 25px);
}
#monge .link_btn.green {
  padding: clamp(16px, 16px + (21 - 16) * (100vw - 375px) / (1560 - 375), 21px) clamp(18px, 18px + (23 - 18) * (100vw - 375px) / (1560 - 375), 23px) clamp(16px, 16px + (21 - 16) * (100vw - 375px) / (1560 - 375), 21px) clamp(24px, 24px + (30 - 24) * (100vw - 375px) / (1560 - 375), 30px);
  -webkit-column-gap: clamp(15px, 15px + (30 - 15) * (100vw - 375px) / (1560 - 375), 30px);
     -moz-column-gap: clamp(15px, 15px + (30 - 15) * (100vw - 375px) / (1560 - 375), 30px);
          column-gap: clamp(15px, 15px + (30 - 15) * (100vw - 375px) / (1560 - 375), 30px);
  border-radius: clamp(10px, 10px + (15 - 10) * (100vw - 375px) / (1560 - 375), 15px);
  background: #21E08A;
  -webkit-box-shadow: 0 0 10px 0 rgba(33, 224, 138, 0.8);
          box-shadow: 0 0 10px 0 rgba(33, 224, 138, 0.8);
  color: #222;
}
#monge .link_btn.green p {
  font-size: clamp(14px, 14px + (18 - 14) * (100vw - 375px) / 1545, 18px);
  font-weight: 800;
}
#monge .link_btn.white {
  padding: clamp(18px, 18px + (23 - 18) * (100vw - 375px) / (1560 - 375), 23px);
  padding-left: clamp(24px, 24px + (30 - 24) * (100vw - 375px) / (1560 - 375), 30px);
  -webkit-column-gap: clamp(20px, 20px + (26 - 20) * (100vw - 375px) / (1560 - 375), 26px);
     -moz-column-gap: clamp(20px, 20px + (26 - 20) * (100vw - 375px) / (1560 - 375), 26px);
          column-gap: clamp(20px, 20px + (26 - 20) * (100vw - 375px) / (1560 - 375), 26px);
  border: 1px solid #525252;
  border-radius: clamp(10px, 10px + (15 - 10) * (100vw - 375px) / (1560 - 375), 15px);
  -webkit-transition: background 0.3s ease, border 0.3s ease;
  transition: background 0.3s ease, border 0.3s ease;
}
#monge .link_btn.white:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
}
#monge .link_btn:hover {
  -webkit-animation: wobble 0.6s ease 1;
          animation: wobble 0.6s ease 1;
}
@-webkit-keyframes wobble {
  0%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  20% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  40% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  60% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
}
@keyframes wobble {
  0%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  20% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  40% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  60% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
}
#monge .bg_circle {
  width: clamp(450px, 450px + (1771 - 450) * (100vw - 375px) / (1560 - 375), 1771px);
  position: absolute;
  z-index: 1;
  max-width: none;
}
#monge #mongeBanner {
  padding: clamp(150px, 150px + (290 - 150) * (100vw - 375px) / (1560 - 375), 290px) 0 clamp(140px, 140px + (180 - 140) * (100vw - 375px) / (1560 - 375), 180px);
  z-index: 98;
}
#monge #mongeBanner .monge_txt {
  position: relative;
  z-index: 100;
}
#monge #mongeBanner .monge_txt .top.green {
  padding: clamp(8px, 8px + (11 - 8) * (100vw - 375px) / (1560 - 375), 11px) clamp(16px, 16px + (23 - 16) * (100vw - 375px) / (1560 - 375), 23px) clamp(8px, 8px + (11 - 8) * (100vw - 375px) / (1560 - 375), 11px) clamp(12px, 12px + (20 - 12) * (100vw - 375px) / (1560 - 375), 20px);
  border-radius: 20px;
  letter-spacing: 3%;
  margin-bottom: 0 !important;
  border: 1px solid rgba(33, 224, 138, 0.6);
  background: rgba(33, 224, 138, 0.1);
}
#monge #mongeBanner .monge_txt .top.green span {
  -webkit-column-gap: clamp(10px, 10px + (15 - 10) * (100vw - 375px) / (1560 - 375), 15px);
     -moz-column-gap: clamp(10px, 10px + (15 - 10) * (100vw - 375px) / (1560 - 375), 15px);
          column-gap: clamp(10px, 10px + (15 - 10) * (100vw - 375px) / (1560 - 375), 15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#monge #mongeBanner .monge_txt .top.green span::before {
  content: "";
  display: block;
  width: clamp(6px, 6px + (8 - 6) * (100vw - 375px) / (1560 - 375), 8px);
  height: clamp(6px, 6px + (8 - 6) * (100vw - 375px) / (1560 - 375), 8px);
  border-radius: 50%;
  background: #21E08A;
}
#monge #mongeBanner .monge_txt h2 {
  margin: clamp(21px, 21px + (23 - 21) * (100vw - 375px) / (1560 - 375), 23px) 0 clamp(35px, 35px + (47 - 35) * (100vw - 375px) / (1560 - 375), 47px);
  font-size: clamp(40px, 40px + (60 - 40) * (100vw - 375px) / (1560 - 375), 60px);
}
#monge #mongeBanner .monge_txt h2 .green {
  color: #21E08A;
}
#monge #mongeBanner .monge_txt h2 .line {
  display: block;
  overflow: hidden;
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}
#monge #mongeBanner .monge_txt h2 .line .line_inner {
  display: block;
  will-change: transform;
  opacity: 0;
}
#monge #mongeBanner .monge_txt h2 .line .line_inner img {
  height: clamp(40px, 40px + (66 - 40) * (100vw - 375px) / (1560 - 375), 66px);
  width: auto;
  vertical-align: -7px;
  margin-left: clamp(7px, 7px + (10 - 7) * (100vw - 375px) / (1560 - 375), 10px);
}
#monge #mongeBanner .monge_txt .top.green, #monge #mongeBanner .monge_txt .link_btn {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.8, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.8, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.8, 1);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.8, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#monge #mongeBanner .monge_txt .top.green.animate, #monge #mongeBanner .monge_txt .link_btn.animate {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#monge #mongeBanner .bg_wrap {
  position: absolute;
  top: 0;
  right: -4vw;
  height: 100%;
  width: 56.9348%;
  max-width: 986px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), right 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), right 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#monge #mongeBanner .bg_wrap.animate {
  opacity: 1;
  right: 4vw;
}
#monge #mongeBanner .bg_wrap .bg {
  width: 100%;
}
@-webkit-keyframes mongeBoxFloat {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
  }
}
@keyframes mongeBoxFloat {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
  }
}
#monge #mongeBanner .bg_wrap .box {
  padding: clamp(9px, 9px + (15 - 9) * (100vw - 375px) / (1560 - 375), 15px) clamp(11px, 11px + (20 - 11) * (100vw - 375px) / (1560 - 375), 20px);
  width: clamp(125px, 125px + (215 - 125) * (100vw - 375px) / (1560 - 375), 215px);
  border-radius: clamp(8px, 8px + (10 - 8) * (100vw - 375px) / (1560 - 375), 10px);
  border: 1px solid #333;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: absolute;
  will-change: transform;
  -webkit-animation: mongeBoxFloat 4s ease-in-out infinite;
          animation: mongeBoxFloat 4s ease-in-out infinite;
}
#monge #mongeBanner .bg_wrap .box .mona {
  font-size: clamp(11px, 11px + (14 - 11) * (100vw - 375px) / 1545, 14px);
  font-weight: 700;
  color: #21E08A;
  letter-spacing: 5%;
  margin-bottom: 4px;
}
#monge #mongeBanner .bg_wrap .box .cont {
  font-size: clamp(11px, 11px + (14 - 11) * (100vw - 375px) / 1545, 14px);
  font-weight: 600;
}
#monge #mongeBanner .bg_wrap .box.box1 {
  top: 19%;
  left: 0;
}
#monge #mongeBanner .bg_wrap .box.box2 {
  bottom: 6%;
  right: 0;
  -webkit-animation-duration: 4.3s;
          animation-duration: 4.3s;
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
}
#monge .container .sticky_wrap {
  padding: clamp(10px, 10px + (30 - 10) * (100vw - 375px) / (1560 - 375), 30px) 0;
  position: sticky;
  top: 0;
  height: auto;
  z-index: 110;
  -webkit-transition: top 0.7s;
  transition: top 0.7s;
}
#monge .container .sticky_wrap .tab_list {
  padding: 0 150px;
  letter-spacing: 10%;
  border-radius: 10px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
#monge .container .sticky_wrap .tab_list > li {
  padding: 15px 0;
  font-size: clamp(11px, 11px + (14 - 11) * (100vw - 375px) / 1545, 14px);
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#monge .container .sticky_wrap .tab_list > li:hover {
  color: #21E08A;
}
#monge .container #mongeSec1 {
  padding: clamp(130px, 130px + (200 - 130) * (100vw - 375px) / (1560 - 375), 200px) 0 clamp(70px, 70px + (150 - 70) * (100vw - 375px) / (1560 - 375), 150px);
  z-index: 101;
}
#monge .container #mongeSec1 .obj {
  width: clamp(290px, 290px + (547 - 290) * (100vw - 375px) / (1560 - 375), 547px);
  right: -5%;
  bottom: -20%;
  position: absolute;
}
#monge .container #mongeSec1 .why_list {
  margin-top: clamp(48px, 48px + (90 - 48) * (100vw - 375px) / (1560 - 375), 90px);
  gap: clamp(5px, 5px + (30 - 5) * (100vw - 375px) / (1560 - 375), 30px);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  text-align: center;
}
#monge .container #mongeSec1 .why_list > li {
  padding: clamp(20px, 20px + (54 - 20) * (100vw - 375px) / (1560 - 375), 54px) clamp(10px, 10px + (20 - 10) * (100vw - 375px) / (1560 - 375), 20px) clamp(25px, 25px + (60 - 25) * (100vw - 375px) / (1560 - 375), 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  border-radius: clamp(15px, 15px + (20 - 15) * (100vw - 375px) / (1560 - 375), 20px);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -webkit-transition: background 0.35s, border-radius 0.35s;
  transition: background 0.35s, border-radius 0.35s;
  cursor: default;
}
#monge .container #mongeSec1 .why_list > li:hover {
  background: #1CB676;
  border-radius: 200px;
  -webkit-transition: background 0.35s, border-radius 0.45s;
  transition: background 0.35s, border-radius 0.45s;
}
#monge .container #mongeSec1 .why_list > li:hover .icon .org {
  opacity: 0;
}
#monge .container #mongeSec1 .why_list > li:hover .icon .hover {
  opacity: 1;
}
#monge .container #mongeSec1 .why_list > li:hover .number {
  background: #FFFFFF;
  color: #1CB676;
}
#monge .container #mongeSec1 .why_list > li .icon {
  width: clamp(50px, 50px + (91 - 50) * (100vw - 375px) / (1560 - 375), 91px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1/1;
  position: relative;
}
#monge .container #mongeSec1 .why_list > li .icon img {
  width: 100%;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
#monge .container #mongeSec1 .why_list > li .icon .hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#monge .container #mongeSec1 .why_list > li .number {
  margin: clamp(12px, 12px + (17 - 12) * (100vw - 375px) / (1560 - 375), 17px) 0 clamp(11px, 11px + (14 - 11) * (100vw - 375px) / (1560 - 375), 14px);
  font-size: clamp(8px, 8px + (10 - 8) * (100vw - 375px) / (1560 - 375), 10px);
  width: clamp(18px, 18px + (24 - 18) * (100vw - 375px) / (1560 - 375), 24px);
  aspect-ratio: 1/1;
  font-weight: 700;
  background: #1CB676;
  color: #FFFFFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.35s, color 0.35s;
  transition: background 0.35s, color 0.35s;
}
#monge .container #mongeSec1 .why_list > li .txt {
  font-size: clamp(14px, 14px + (18 - 14) * (100vw - 375px) / 1545, 18px);
  font-weight: 700;
  line-height: 1.3888;
}
#monge .container #mongeSec2 {
  padding: clamp(70px, 70px + (225 - 70) * (100vw - 375px) / (1560 - 375), 225px) 0 clamp(100px, 100px + (225 - 100) * (100vw - 375px) / (1560 - 375), 225px);
}
#monge .container #mongeSec2 .bg_circle {
  top: -65%;
  left: -40%;
}
#monge .container #mongeSec2 .monge_wrap2 {
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
#monge .container #mongeSec2 .monge_txt h3 {
  word-break: keep-all;
}
#monge .container #mongeSec2 .monge_txt .desc {
  margin: clamp(25px, 25px + (50 - 25) * (100vw - 375px) / (1560 - 375), 50px) 0 clamp(40px, 40px + (70 - 40) * (100vw - 375px) / (1560 - 375), 70px);
  word-break: keep-all;
}
#monge .container #mongeSec2 .circle_wrap {
  position: relative;
}
#monge .container #mongeSec2 .circle_wrap .circle_bg {
  width: 100%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#monge .container #mongeSec2 .circle_wrap .circle_bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-animation: rotate 10s infinite forwards linear;
          animation: rotate 10s infinite forwards linear;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#monge .container #mongeSec2 .circle_wrap ul {
  gap: clamp(40px, 40px + (60 - 40) * (100vw - 375px) / (1560 - 375), 60px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  z-index: 1;
}
#monge .container #mongeSec2 .circle_wrap ul > li {
  width: clamp(136px, 136px + (180 - 136) * (100vw - 375px) / (1560 - 375), 180px);
  row-gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.8s opacity 0.15s cubic-bezier(0.215, 0.61, 0.8, 1), background 0.3s, 1s -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.8s opacity 0.15s cubic-bezier(0.215, 0.61, 0.8, 1), background 0.3s, 1s -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), 0.8s opacity 0.15s cubic-bezier(0.215, 0.61, 0.8, 1), background 0.3s;
  transition: 1s transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), 0.8s opacity 0.15s cubic-bezier(0.215, 0.61, 0.8, 1), background 0.3s, 1s -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#monge .container #mongeSec2 .circle_wrap ul > li.on {
  background: #1CB676;
}
#monge .container #mongeSec2 .circle_wrap ul > li:nth-child(3) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
#monge .container #mongeSec2 .circle_wrap ul > li img {
  width: clamp(38px, 38px + (50 - 38) * (100vw - 375px) / (1560 - 375), 50px);
}
#monge .container #mongeSec2 .circle_wrap ul > li .txt {
  font-size: clamp(11px, 11px + (15 - 11) * (100vw - 375px) / 1545, 15px);
  font-weight: 700;
  line-height: 1.3333;
  text-align: center;
}
#monge .container #mongeSec3 {
  padding-top: clamp(65px, 65px + (120 - 65) * (100vw - 375px) / (1560 - 375), 120px);
  height: clamp(440px, 440px + (574 - 440) * (100vw - 375px) / (1560 - 375), 574px);
}
#monge .container #mongeSec3::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(transparent));
  background: linear-gradient(to bottom, #FFFFFF, transparent);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
}
#monge .container #mongeSec3 .monge_txt .desc {
  margin-top: clamp(12px, 12px + (16 - 12) * (100vw - 375px) / (1560 - 375), 16px);
  color: #FFFFFF;
}
#monge .container #mongeSec3 canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#monge .container #mongeSec4 .sec4_wrap1 {
  padding: clamp(140px, 140px + (300 - 140) * (100vw - 375px) / (1560 - 375), 300px) 0 clamp(50px, 50px + (85 - 50) * (100vw - 375px) / (1560 - 375), 85px);
  z-index: 2;
  position: relative;
}
#monge .container #mongeSec4 .sec4_wrap1 .monge_txt {
  margin-bottom: clamp(48px, 48px + (80 - 48) * (100vw - 375px) / (1560 - 375), 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#monge .container #mongeSec4 .sec4_wrap1 .monge_txt h3 {
  word-break: keep-all;
}
#monge .container #mongeSec4 .sec4_wrap1 .process_list {
  padding: clamp(10px, 10px + (27 - 10) * (100vw - 375px) / (1560 - 375), 27px);
  gap: clamp(5px, 5px + (20 - 5) * (100vw - 375px) / (1560 - 375), 20px);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
#monge .container #mongeSec4 .sec4_wrap1 .process_list > li {
  padding: clamp(18px, 18px + (33 - 18) * (100vw - 375px) / (1560 - 375), 33px) clamp(5px, 5px + (10 - 5) * (100vw - 375px) / (1560 - 375), 10px) clamp(15px, 15px + (30 - 15) * (100vw - 375px) / (1560 - 375), 30px) clamp(12px, 12px + (28 - 12) * (100vw - 375px) / (1560 - 375), 28px);
  border-radius: clamp(15px, 15px + (20 - 15) * (100vw - 375px) / (1560 - 375), 20px);
  color: #FFFFFF;
  pointer-events: none;
  background-color: rgba(28, 182, 118, 0);
  -webkit-transition: background-color 0.45s ease;
  transition: background-color 0.45s ease;
  position: relative;
  height: 100%;
}
#monge .container #mongeSec4 .sec4_wrap1 .process_list > li.on {
  background-color: #1cb676;
}
#monge .container #mongeSec4 .sec4_wrap1 .process_list > li.on .mona::before {
  opacity: 1;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.7);
          box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.7);
}
#monge .container #mongeSec4 .sec4_wrap1 .process_list > li.on .step {
  background-color: #FFFFFF;
  color: #1CB676;
}
#monge .container #mongeSec4 .sec4_wrap1 .process_list > li .mona {
  font-size: clamp(11px, 11px + (14 - 11) * (100vw - 375px) / 1545, 14px);
  letter-spacing: 3%;
}
#monge .container #mongeSec4 .sec4_wrap1 .process_list > li .mona::before {
  width: clamp(6px, 6px + (8 - 6) * (100vw - 375px) / (1560 - 375), 8px);
  margin-bottom: clamp(15px, 15px + (25 - 15) * (100vw - 375px) / (1560 - 375), 25px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #21E08A;
  -webkit-box-shadow: 0 0 6px 1px rgba(33, 224, 138, 0.8);
          box-shadow: 0 0 6px 1px rgba(33, 224, 138, 0.8);
  content: "";
  display: block;
  opacity: 0.5;
  -webkit-transition: opacity 0.45s ease, background-color 0.45s ease, -webkit-box-shadow 0.45s ease;
  transition: opacity 0.45s ease, background-color 0.45s ease, -webkit-box-shadow 0.45s ease;
  transition: opacity 0.45s ease, background-color 0.45s ease, box-shadow 0.45s ease;
  transition: opacity 0.45s ease, background-color 0.45s ease, box-shadow 0.45s ease, -webkit-box-shadow 0.45s ease;
}
#monge .container #mongeSec4 .sec4_wrap1 .process_list > li .title {
  font-size: clamp(18px, 18px + (24 - 18) * (100vw - 375px) / 1545, 24px);
  margin: clamp(6px, 6px + (9 - 6) * (100vw - 375px) / (1560 - 375), 9px) 0 clamp(60px, 60px + (107 - 60) * (100vw - 375px) / (1560 - 375), 107px);
  font-weight: 600;
  word-break: keep-all;
}
#monge .container #mongeSec4 .sec4_wrap1 .process_list > li .step {
  font-size: clamp(10px, 10px + (12 - 10) * (100vw - 375px) / 1545, 12px);
  padding: clamp(4px, 4px + (7 - 4) * (100vw - 375px) / (1560 - 375), 7px) clamp(10px, 10px + (14 - 10) * (100vw - 375px) / (1560 - 375), 14px);
  background-color: #1CB676;
  font-weight: 700;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: background-color 0.45s ease, color 0.45s ease;
  transition: background-color 0.45s ease, color 0.45s ease;
  position: absolute;
  bottom: clamp(15px, 15px + (30 - 15) * (100vw - 375px) / (1560 - 375), 30px);
}
#monge .container #mongeSec4 .sec4_wrap2 {
  padding: clamp(90px, 90px + (175 - 90) * (100vw - 375px) / (1560 - 375), 175px) 0 clamp(110px, 110px + (165 - 110) * (100vw - 375px) / (1560 - 375), 165px);
}
#monge .container #mongeSec4 .sec4_wrap2 .bg_circle {
  top: 8%;
  right: -42%;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap:not(:last-child) {
  margin-bottom: clamp(60px, 60px + (75 - 60) * (100vw - 375px) / (1560 - 375), 75px);
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap .monge_txt {
  margin-bottom: clamp(36px, 36px + (80 - 36) * (100vw - 375px) / (1560 - 375), 80px);
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap .monge_txt h3 {
  line-height: 1.5;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap1 .content {
  gap: clamp(20px, 20px + (70 - 20) * (100vw - 375px) / (1560 - 375), 70px);
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap1 .content > img {
  width: clamp(200px, 200px + (376 - 200) * (100vw - 375px) / (1560 - 375), 376px);
  -webkit-transform-origin: 40% 80%;
          transform-origin: 40% 80%;
  -webkit-animation: emojiThink 3.2s ease-in-out infinite;
          animation: emojiThink 3.2s ease-in-out infinite;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap1 .content .tag_list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap2 .monge_txt {
  text-align: right;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap2 .content {
  gap: clamp(15px, 15px + (60 - 15) * (100vw - 375px) / (1560 - 375), 60px);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap2 .content > img {
  width: clamp(210px, 210px + (391 - 210) * (100vw - 375px) / (1560 - 375), 391px);
  margin-top: calc(-1 * clamp(35px, 35px + (60 - 35) * (100vw - 375px) / (1560 - 375), 60px));
  -webkit-transform-origin: 70% 90%;
          transform-origin: 70% 90%;
  -webkit-animation: emojiThumbsup 2.4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
          animation: emojiThumbsup 2.4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap2 .content .tag_list {
  max-width: 511px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@-webkit-keyframes emojiThink {
  0%, 100% {
    -webkit-transform: rotate(-4deg) translateY(0);
            transform: rotate(-4deg) translateY(0);
  }
  35% {
    -webkit-transform: rotate(8deg) translateY(-6px);
            transform: rotate(8deg) translateY(-6px);
  }
  55% {
    -webkit-transform: rotate(5deg) translateY(-2px);
            transform: rotate(5deg) translateY(-2px);
  }
  75% {
    -webkit-transform: rotate(-2deg) translateY(-8px);
            transform: rotate(-2deg) translateY(-8px);
  }
}
@keyframes emojiThink {
  0%, 100% {
    -webkit-transform: rotate(-4deg) translateY(0);
            transform: rotate(-4deg) translateY(0);
  }
  35% {
    -webkit-transform: rotate(8deg) translateY(-6px);
            transform: rotate(8deg) translateY(-6px);
  }
  55% {
    -webkit-transform: rotate(5deg) translateY(-2px);
            transform: rotate(5deg) translateY(-2px);
  }
  75% {
    -webkit-transform: rotate(-2deg) translateY(-8px);
            transform: rotate(-2deg) translateY(-8px);
  }
}
@-webkit-keyframes emojiThumbsup {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(-3deg) scale(1);
            transform: translateY(0) rotate(-3deg) scale(1);
  }
  30% {
    -webkit-transform: translateY(-14px) rotate(4deg) scale(1.03);
            transform: translateY(-14px) rotate(4deg) scale(1.03);
  }
  45% {
    -webkit-transform: translateY(-4px) rotate(1deg) scale(1.01);
            transform: translateY(-4px) rotate(1deg) scale(1.01);
  }
  60% {
    -webkit-transform: translateY(-10px) rotate(3deg) scale(1.02);
            transform: translateY(-10px) rotate(3deg) scale(1.02);
  }
  80% {
    -webkit-transform: translateY(-2px) rotate(-1deg) scale(1);
            transform: translateY(-2px) rotate(-1deg) scale(1);
  }
}
@keyframes emojiThumbsup {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(-3deg) scale(1);
            transform: translateY(0) rotate(-3deg) scale(1);
  }
  30% {
    -webkit-transform: translateY(-14px) rotate(4deg) scale(1.03);
            transform: translateY(-14px) rotate(4deg) scale(1.03);
  }
  45% {
    -webkit-transform: translateY(-4px) rotate(1deg) scale(1.01);
            transform: translateY(-4px) rotate(1deg) scale(1.01);
  }
  60% {
    -webkit-transform: translateY(-10px) rotate(3deg) scale(1.02);
            transform: translateY(-10px) rotate(3deg) scale(1.02);
  }
  80% {
    -webkit-transform: translateY(-2px) rotate(-1deg) scale(1);
            transform: translateY(-2px) rotate(-1deg) scale(1);
  }
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap .content .tag_list {
  gap: clamp(14px, 14px + (30 - 14) * (100vw - 375px) / (1560 - 375), 30px) clamp(12px, 12px + (30 - 12) * (100vw - 375px) / (1560 - 375), 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap .content .tag_list > li {
  font-size: clamp(19px, 19px + (25 - 19) * (100vw - 375px) / 1545, 25px);
  padding: clamp(13px, 13px + (20 - 13) * (100vw - 375px) / (1560 - 375), 20px) clamp(30px, 30px + (50 - 30) * (100vw - 375px) / (1560 - 375), 50px);
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #525252;
  border-radius: 200px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap .content .tag_list > li.linkBtn {
  gap: clamp(12px, 12px + (20 - 12) * (100vw - 375px) / (1560 - 375), 20px);
  pointer-events: initial;
  cursor: pointer;
  background: #1CB676;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-color: #1CB676;
}
#monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap .content .tag_list > li.linkBtn::before {
  content: "";
  display: block;
  width: clamp(6px, 6px + (10 - 6) * (100vw - 375px) / (1560 - 375), 10px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #FFFFFF;
}
#monge #mongeSec5 {
  border-top: 1px solid #525252;
  border-bottom: 1px solid #525252;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#monge #mongeSec5 #contact .lt_box {
  background: url(/img/monge/sec5_bg.png) no-repeat left bottom/clamp(350px, 350px + (1020 - 350) * (100vw - 375px) / (1560 - 375), 1020px) auto;
  border-color: #525252;
}
#monge #mongeSec5 #contact .lt_box .contact_info .email {
  color: #0B1026;
  mix-blend-mode: overlay;
}
#monge #mongeSec5 #contact .lt_box .contact_info .email::before {
  color: #0B1026;
  -webkit-text-stroke-color: #0B1026;
}
#monge #mongeSec5 #contact .rt_box .form_tab_list .tab.active, #monge #mongeSec5 #contact .rt_box .form_tab_list input:checked + label {
  background: #1CB676;
}
#monge #mongeSec5 #contact .rt_box .with_plus_btn .plusMinusBtn.plusBtn {
  background-image: url(/img/monge/plus_btn.svg);
}
#monge #mongeSec5 #contact .rt_box .with_plus_btn .plusMinusBtn.minusBtn {
  background-image: url(/img/monge/minus_btn.svg);
}
#monge #mongeSec5 #contact .rt_box .with_plus_btn label,
#monge #mongeSec5 #contact .rt_box .btnSubmit {
  background: #1CB676;
}

@media screen and (max-width: 1440px) {
  #header.h_up ~ #monge .container .sticky_wrap {
    top: 6.25vw;
  }
  #monge .container .sticky_wrap .tab_list {
    padding: 0 clamp(20px, 20px + (110 - 20) * (100vw - 375px) / (1560 - 375), 110px);
  }
}
@media screen and (max-width: 1024px) {
  #header.h_up ~ #monge .container .sticky_wrap {
    top: 6.5vw;
  }
  #monge .container .sticky_wrap .tab_list {
    padding: 0 clamp(0px, 0px + (100 - 0) * (100vw - 375px) / (1560 - 375), 100px);
  }
  #monge .container .sticky_wrap .tab_list > li {
    padding: 15px 0;
    font-size: clamp(10px, 10px + (13 - 10) * (100vw - 375px) / 1545, 13px);
  }
  #monge #mongeBanner {
    margin-bottom: 3vw;
  }
  #monge #mongeBanner .bg_wrap.animate {
    right: 3vw;
  }
  #monge #mongeBanner .bg_wrap .box.box1 {
    top: auto;
    bottom: 50vw;
  }
}
@media screen and (max-width: 768px) {
  #header.h_up ~ #monge .container .sticky_wrap {
    top: 70px;
  }
  #monge #mongeBanner {
    padding: 18vw 0 24vw;
    margin-bottom: 7vw;
  }
  #monge #mongeBanner .bg_wrap {
    width: 49%;
  }
  #monge #mongeBanner .bg_wrap.animate {
    right: 3vw;
  }
  #monge #mongeBanner .bg_wrap .box.box1 {
    bottom: 42vw;
    left: 17%;
  }
  #monge #mongeBanner .bg_wrap .box.box2 {
    bottom: -4vw;
  }
  @-webkit-keyframes mongeBoxFloat {
    0%, 100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-7px);
      transform: translateY(-7px);
    }
  }
  @keyframes mongeBoxFloat {
    0%, 100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-7px);
      transform: translateY(-7px);
    }
  }
  #monge .container .sticky_wrap {
    padding: 15px 0;
  }
  #monge .container .sticky_wrap .tab_list {
    padding: 0 3.5vw;
  }
  #monge .container #mongeSec1 .why_list {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 15px + (30 - 15) * (100vw - 375px) / (1560 - 375), 30px);
  }
  #monge .container #mongeSec1 .why_list > li {
    padding: clamp(30px, 30px + (54 - 30) * (100vw - 375px) / (1560 - 375), 54px) clamp(10px, 10px + (20 - 10) * (100vw - 375px) / (1560 - 375), 20px) clamp(35px, 35px + (60 - 35) * (100vw - 375px) / (1560 - 375), 60px);
  }
  #monge .container #mongeSec1 .why_list > li .icon {
    width: clamp(56px, 56px + (91 - 56) * (100vw - 375px) / (1560 - 375), 91px);
  }
  #monge .container #mongeSec1 .obj {
    bottom: -13%;
    right: -7%;
  }
  #monge .container #mongeSec2 .bg_circle {
    top: -20%;
    left: -50%;
  }
  #monge .container #mongeSec2 .monge_wrap2 {
    row-gap: clamp(60px, 60px + (100 - 60) * (100vw - 375px) / (1560 - 375), 100px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #monge .container #mongeSec2 .circle_wrap {
    margin: 0 auto;
  }
  #monge .container #mongeSec2 .circle_wrap ul {
    gap: clamp(45px, 45px + (60 - 45) * (100vw - 375px) / (1560 - 375), 60px);
  }
  #monge .container #mongeSec2 .circle_wrap ul > li {
    width: clamp(140px, 140px + (200 - 140) * (100vw - 375px) / (1560 - 375), 200px);
  }
  #monge .container #mongeSec2 .circle_wrap ul > li img {
    width: clamp(38px, 38px + (50 - 38) * (100vw - 375px) / (1560 - 375), 50px);
  }
  #monge .container #mongeSec2 .circle_wrap ul > li .txt {
    font-size: clamp(12px, 12px + (16 - 12) * (100vw - 375px) / 1545, 16px);
  }
  #monge .container #mongeSec3 {
    position: relative;
  }
  #monge .container #mongeSec3::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
  }
  #monge .container #mongeSec4 .sec4_wrap1 .process_list {
    grid-template-columns: repeat(3, 1fr);
  }
  #monge .container #mongeSec4 .sec4_wrap1 .process_list > li {
    padding: clamp(22px, 22px + (33 - 22) * (100vw - 375px) / (1560 - 375), 33px) 10px clamp(20px, 20px + (30 - 20) * (100vw - 375px) / (1560 - 375), 30px) clamp(20px, 20px + (28 - 20) * (100vw - 375px) / (1560 - 375), 28px);
  }
  #monge .container #mongeSec4 .sec4_wrap1 .process_list > li .step {
    bottom: clamp(20px, 20px + (30 - 20) * (100vw - 375px) / (1560 - 375), 30px);
  }
  #monge .container #mongeSec4 .sec4_wrap2 .bg_circle {
    top: 20%;
    right: -50%;
  }
  #monge #mongeSec5 #contact .lt_box {
    background: none;
  }
  #monge #mongeSec5 #contact .lt_box .inner {
    padding-top: 16vw;
  }
}
@media screen and (max-width: 540px) {
  #monge #mongeBanner {
    padding: 0;
    margin-bottom: 0;
  }
  #monge #mongeBanner .monge_wrap1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #monge #mongeBanner .monge_txt {
    text-align: center;
  }
  #monge #mongeBanner .monge_txt .top.green {
    margin: 0 auto;
  }
  #monge #mongeBanner .monge_txt .link_btn {
    margin: 0 auto;
  }
  #monge #mongeBanner .bg_wrap {
    padding: 0;
    margin-top: -12.5vw;
    margin-bottom: 12vw;
    width: 100%;
    position: relative;
    right: 0;
    top: -6vw;
    -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), top 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), top 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #monge #mongeBanner .bg_wrap .bg {
    width: 90%;
    margin: 0 auto;
  }
  #monge #mongeBanner .bg_wrap.animate {
    right: 0;
    top: 0;
  }
  #monge #mongeBanner .bg_wrap .box {
    width: 130px;
  }
  #monge #mongeBanner .bg_wrap .box .mona, #monge #mongeBanner .bg_wrap .box .cont {
    font-size: 10px;
  }
  #monge #mongeBanner .bg_wrap .box .mona {
    margin-bottom: 2px;
  }
  #monge #mongeBanner .bg_wrap .box.box1 {
    bottom: auto;
    top: 35vw;
    left: 0;
  }
  #monge #mongeBanner .bg_wrap .box.box2 {
    bottom: 0;
  }
  #monge .bg_circle {
    width: 150vw;
  }
  #monge .container .sticky_wrap {
    display: none;
  }
  #monge .container #mongeSec2 .bg_circle {
    left: -60%;
  }
  #monge .container #mongeSec1 .monge_txt h2 {
    font-size: clamp(30px, 30px + (60 - 30) * (100vw - 375px) / (1560 - 375), 60px);
  }
  #monge .container #mongeSec1 .why_list {
    grid-template-columns: repeat(2, 1fr);
  }
  #monge .container #mongeSec1 .obj {
    bottom: -3%;
    right: -12%;
  }
  #monge .container #mongeSec4 .sec4_wrap1 .monge_txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #monge .container #mongeSec4 .sec4_wrap1 .process_list {
    padding: 13px;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 10px;
  }
  #monge .container #mongeSec4 .sec4_wrap1 .process_list > li {
    padding: clamp(25px, 25px + (33 - 25) * (100vw - 375px) / (1560 - 375), 33px) 10px clamp(20px, 20px + (30 - 20) * (100vw - 375px) / (1560 - 375), 30px) clamp(15px, 15px + (28 - 15) * (100vw - 375px) / (1560 - 375), 28px);
  }
  #monge .container #mongeSec4 .sec4_wrap1 .process_list > li .step {
    bottom: clamp(20px, 20px + (30 - 20) * (100vw - 375px) / (1560 - 375), 30px);
  }
  #monge .container #mongeSec4 .sec4_wrap2 .bg_circle {
    top: 35%;
    right: -65%;
  }
  #monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap:not(:last-child) {
    margin-bottom: 90px;
  }
  #monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap1 .content {
    position: relative;
  }
  #monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap1 .content > img {
    position: absolute;
    right: -4.5vw;
    top: 0;
    width: 40vw;
    z-index: 2;
  }
  #monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap2 .monge_txt {
    z-index: 3;
    position: relative;
  }
  #monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap2 .content .tag_list {
    max-width: 320px;
  }
  #monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap2 .content {
    position: relative;
  }
  #monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap.emoji_wrap2 .content > img {
    width: 42vw;
    position: absolute;
    left: -9vw;
    top: -5vw;
  }
  #monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap .content .tag_list {
    gap: clamp(12px, 12px + (30 - 12) * (100vw - 375px) / (1560 - 375), 30px) clamp(10px, 10px + (30 - 10) * (100vw - 375px) / (1560 - 375), 30px);
  }
  #monge .container #mongeSec4 .sec4_wrap2 .emoji_wrap .content .tag_list > li {
    font-size: clamp(16px, 16px + (25 - 16) * (100vw - 375px) / (1560 - 375), 25px);
    padding: clamp(13px, 13px + (20 - 13) * (100vw - 375px) / (1560 - 375), 20px) clamp(24px, 24px + (50 - 24) * (100vw - 375px) / (1560 - 375), 50px);
  }
  #monge #mongeSec5 #contact .lt_box .inner {
    padding-top: 21vw;
  }
}