html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input {
  font-family: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
/*2024.04.05 운영배포 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  color: #000000;
  font-family: "Pretendard Variable";
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, a {
  cursor: pointer;
}

a:hover,
a:focus {
  text-decoration: none;
}

button {
  background: none;
  color: inherit;
  font-size: inherit;
  box-shadow: none;
}

.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none;
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input::-ms-expand,
button::-ms-expand,
textarea::-ms-expand,
select::-ms-expand {
  display: none;
}

*::placeholder {
  color: #ADB5BD;
}

*::-webkit-input-placeholder {
  color: #ADB5BD;
}

*:-ms-input-placeholder {
  color: #ADB5BD;
}

*:-mos-input-placeholder {
  color: #ADB5BD;
}

:root {
  --default-font-size: 16px;
  --base-font-size: 16;
  --breakpoint-laptop-lg: 1799px;
  --breakpoint-laptop-md: 1599px;
  --breakpoint-laptop-sm: 1399px;
  --breakpoint-laptop: 1199px;
  --breakpoint-tablet: 999px;
  --breakpoint-tablet-sm: 799px;
  --breakpoint-mobile: 599px;
  --breakpoint-mobile-sm: 399px;
  --breakpoint-min: 320px;
  --color-pastel-skyblue: #C4E6F6;
  --color-pastel-blue: #CADAF3;
  --color-pastel-green: #D7F0DA;
  --color-pastel-orange: #EFD3B6;
  --color-pastel-yellow: #F5EBB2;
  --color-pastel-pink: #F2D2DB;
  --color-pastel-gray: #DFEAF4;
  --color-midtone-blue: #467BAB;
  --color-midtone-green: #4D9F54;
  --color-midtone-mint: #4B909E;
  --color-blue1: #159EDE;
  --color-blue2: #0C58CA;
  --color-blue3: #1039A1;
  --color-blue4: #14243C;
  --color-gray1: #FFFFFF;
  --color-gray2: #EEEEEE;
  --color-gray3: #E2E2E2;
  --color-gray4: #DDDDDD;
  --color-gray5: #CCCCCC;
  --color-gray6: #999999;
  --color-gray7: #666666;
  --color-gray8: #000000;
  --color-gray9: #010101;
  --color-grayish1: #F5F9FD;
  --color-grayish2: #EAF0F7;
  --color-grayish3: #D9E2EC;
  --color-grayish4: #C8D3DE;
  --color-grayish5: #B1BECA;
  --color-grayish6: #99A4AE;
  --color-grayish7: #7D8890;
  --color-grayish8: #5C656D;
  --color-grayish9: #434B53;
  --color-grayish10: #1B2024;
  --border-radius-xl: 2.25rem;
  --border-radius-l: 2rem;
  --border-radius-m: 1.5rem;
  --border-radius-s: 1rem;
  --spacing-xl: 10rem;
  --grid-gutter: 1rem;
}
@media screen and (min-width: 2400px) {
  :root {
    --default-font-size:19px;
  }
}
@media screen and (max-width: 2399px) {
  :root {
    --default-font-size:18px;
  }
}
@media screen and (max-width: 2199px) {
  :root {
    --default-font-size:17px;
  }
}
@media screen and (max-width: 1999px) {
  :root {
    --default-font-size:16px;
  }
}
@media screen and (max-width: 1799px) {
  :root {
    --default-font-size:15px;
  }
}
@media screen and (max-width: 1599px) {
  :root {
    --default-font-size:14px;
  }
}
@media screen and (max-width: 1399px) {
  :root {
    --default-font-size:13px;
  }
}
@media screen and (max-width: 1199px) {
  :root {
    --default-font-size:12px;
  }
}
@media screen and (max-width: 999px) {
  :root {
    --default-font-size:11px;
    --base-font-size: 11;
    --border-radius-xl: 2.5rem;
    --border-radius-l: 2.5rem;
    --border-radius-m: 2rem;
    --border-radius-s: 1.5rem;
    --grid-gutter: 1.25rem;
  }
}
@media screen and (max-width: 799px) {
  :root {
    --default-font-size:10px;
  }
}
@media screen and (max-width: 599px) {
  :root {
    --default-font-size:9px;
    --base-font-size: 8;
    --border-radius-xl: 2.5rem;
    --border-radius-l: 2.5rem;
    --border-radius-m: 2rem;
    --border-radius-s: 1.5rem;
    --spacing-xl: 9rem;
  }
}
@media screen and (max-width: 399px) {
  :root {
    --default-font-size:8px;
  }
}

html {
  font-family: "Pretendard Variable", --apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  color: var(--color-gray1);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  word-break: keep-all;
  font-size: var(--default-font-size);
}

a {
  text-decoration: none;
  color: inherit;
  font-family: inherit;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.content-container {
  padding: 0 4.1666666667vw;
}
@media screen and (max-width: 999px) {
  .content-container {
    padding: 0 4.2042042042vw;
  }
}
@media screen and (max-width: 399px) {
  .content-container {
    padding: 0 4.0100250627vw;
  }
}

.headline1 {
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.04em;
  font-size: 3.625rem;
}
@media screen and (max-width: 1199px) {
  .headline1 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 999px) {
  .headline1 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 599px) {
  .headline1 {
    font-size: 3rem;
  }
}

.headline2 {
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.04em;
  font-size: 3.5rem;
}
@media screen and (max-width: 1199px) {
  .headline2 {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 999px) {
  .headline2 {
    font-size: 3.25rem;
  }
}
@media screen and (max-width: 599px) {
  .headline2 {
    font-size: 3.25rem;
  }
}

.title1 {
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.04em;
  font-size: 2.5rem;
}
@media screen and (max-width: 1199px) {
  .title1 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 999px) {
  .title1 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 599px) {
  .title1 {
    font-size: 2.5rem;
  }
}

.title2 {
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.04em;
  font-size: 2.25rem;
}
@media screen and (max-width: 1199px) {
  .title2 {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 999px) {
  .title2 {
    font-size: 2.375rem;
  }
}
@media screen and (max-width: 599px) {
  .title2 {
    font-size: 2.375rem;
  }
}

.title3 {
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.04em;
  font-size: 1.875rem;
}
@media screen and (max-width: 1199px) {
  .title3 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 999px) {
  .title3 {
    font-size: 2.125em;
  }
}
@media screen and (max-width: 599px) {
  .title3 {
    font-size: 2.125rem;
  }
}

.title4 {
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.04em;
  font-size: 1.625rem;
}
@media screen and (max-width: 1199px) {
  .title4 {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 999px) {
  .title4 {
    font-size: 2.125rem;
  }
}
@media screen and (max-width: 599px) {
  .title4 {
    font-size: 2.125rem;
  }
}

.body1 {
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03em;
  font-size: 1.375rem;
}
@media screen and (max-width: 1199px) {
  .body1 {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 999px) {
  .body1 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 599px) {
  .body1 {
    font-size: 1.875rem;
  }
}

.body2 {
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.03em;
  font-size: 1.125rem;
}
@media screen and (max-width: 1199px) {
  .body2 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 999px) {
  .body2 {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 599px) {
  .body2 {
    font-size: 1.625rem;
  }
}

.body3 {
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.03em;
  font-size: 1rem;
}
@media screen and (max-width: 1199px) {
  .body3 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 999px) {
  .body3 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .body3 {
    font-size: 1.5rem;
  }
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc(var(--grid-gutter) * 0.5 * -1);
  margin-right: calc(var(--grid-gutter) * 0.5 * -1);
}
.row.reverse {
  justify-content: end;
}
.row-grid {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc(var(--grid-gutter) * 0.5 * -1);
  margin-right: calc(var(--grid-gutter) * 0.5 * -1);
}

.grid-1 {
  box-sizing: border-box;
}

.grid-2 {
  box-sizing: border-box;
}

.grid-3 {
  box-sizing: border-box;
}

.grid-4 {
  box-sizing: border-box;
}

.grid-5 {
  box-sizing: border-box;
}

.grid-6 {
  box-sizing: border-box;
}

.grid-7 {
  box-sizing: border-box;
}

.grid-8 {
  box-sizing: border-box;
}

.grid-9 {
  box-sizing: border-box;
}

.grid-10 {
  box-sizing: border-box;
}

.grid-11 {
  box-sizing: border-box;
}

.grid-12 {
  box-sizing: border-box;
}

.grid-13 {
  box-sizing: border-box;
}

.grid-14 {
  box-sizing: border-box;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
}

.col-1 {
  flex-basis: calc(100% / 12 * 1);
  max-width: calc(100% / 12 * 1);
}

@media screen and (min-width: 1000px) {
  .col-offset-1 {
    margin-left: calc(100% / 12 * 1);
  }
}
.col-2 {
  flex-basis: calc(100% / 12 * 2);
  max-width: calc(100% / 12 * 2);
}

@media screen and (min-width: 1000px) {
  .col-offset-2 {
    margin-left: calc(100% / 12 * 2);
  }
}
.col-3 {
  flex-basis: calc(100% / 12 * 3);
  max-width: calc(100% / 12 * 3);
}

@media screen and (min-width: 1000px) {
  .col-offset-3 {
    margin-left: calc(100% / 12 * 3);
  }
}
.col-4 {
  flex-basis: calc(100% / 12 * 4);
  max-width: calc(100% / 12 * 4);
}

@media screen and (min-width: 1000px) {
  .col-offset-4 {
    margin-left: calc(100% / 12 * 4);
  }
}
.col-5 {
  flex-basis: calc(100% / 12 * 5);
  max-width: calc(100% / 12 * 5);
}

@media screen and (min-width: 1000px) {
  .col-offset-5 {
    margin-left: calc(100% / 12 * 5);
  }
}
.col-6 {
  flex-basis: calc(100% / 12 * 6);
  max-width: calc(100% / 12 * 6);
}

@media screen and (min-width: 1000px) {
  .col-offset-6 {
    margin-left: calc(100% / 12 * 6);
  }
}
.col-7 {
  flex-basis: calc(100% / 12 * 7);
  max-width: calc(100% / 12 * 7);
}

@media screen and (min-width: 1000px) {
  .col-offset-7 {
    margin-left: calc(100% / 12 * 7);
  }
}
.col-8 {
  flex-basis: calc(100% / 12 * 8);
  max-width: calc(100% / 12 * 8);
}

@media screen and (min-width: 1000px) {
  .col-offset-8 {
    margin-left: calc(100% / 12 * 8);
  }
}
.col-9 {
  flex-basis: calc(100% / 12 * 9);
  max-width: calc(100% / 12 * 9);
}

@media screen and (min-width: 1000px) {
  .col-offset-9 {
    margin-left: calc(100% / 12 * 9);
  }
}
.col-10 {
  flex-basis: calc(100% / 12 * 10);
  max-width: calc(100% / 12 * 10);
}

@media screen and (min-width: 1000px) {
  .col-offset-10 {
    margin-left: calc(100% / 12 * 10);
  }
}
.col-11 {
  flex-basis: calc(100% / 12 * 11);
  max-width: calc(100% / 12 * 11);
}

@media screen and (min-width: 1000px) {
  .col-offset-11 {
    margin-left: calc(100% / 12 * 11);
  }
}
.col-12 {
  flex-basis: calc(100% / 12 * 12);
  max-width: calc(100% / 12 * 12);
}

@media screen and (min-width: 1000px) {
  .col-offset-12 {
    margin-left: calc(100% / 12 * 12);
  }
}
@media screen and (max-width: 1199px) {
  .row {
    margin-left: calc(var(--grid-gutter) * 0.5 * -1);
    margin-right: calc(var(--grid-gutter) * 0.5 * -1);
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: calc(var(--grid-gutter) * 0.5);
    padding-right: calc(var(--grid-gutter) * 0.5);
  }
  .col-lg-1 {
    flex-basis: calc(100% / 12 * 1);
    max-width: calc(100% / 12 * 1);
  }
  .col-offset-lg-1 {
    margin-left: calc(100% / 12 * 1);
  }
  .col-lg-2 {
    flex-basis: calc(100% / 12 * 2);
    max-width: calc(100% / 12 * 2);
  }
  .col-offset-lg-2 {
    margin-left: calc(100% / 12 * 2);
  }
  .col-lg-3 {
    flex-basis: calc(100% / 12 * 3);
    max-width: calc(100% / 12 * 3);
  }
  .col-offset-lg-3 {
    margin-left: calc(100% / 12 * 3);
  }
  .col-lg-4 {
    flex-basis: calc(100% / 12 * 4);
    max-width: calc(100% / 12 * 4);
  }
  .col-offset-lg-4 {
    margin-left: calc(100% / 12 * 4);
  }
  .col-lg-5 {
    flex-basis: calc(100% / 12 * 5);
    max-width: calc(100% / 12 * 5);
  }
  .col-offset-lg-5 {
    margin-left: calc(100% / 12 * 5);
  }
  .col-lg-6 {
    flex-basis: calc(100% / 12 * 6);
    max-width: calc(100% / 12 * 6);
  }
  .col-offset-lg-6 {
    margin-left: calc(100% / 12 * 6);
  }
  .col-lg-7 {
    flex-basis: calc(100% / 12 * 7);
    max-width: calc(100% / 12 * 7);
  }
  .col-offset-lg-7 {
    margin-left: calc(100% / 12 * 7);
  }
  .col-lg-8 {
    flex-basis: calc(100% / 12 * 8);
    max-width: calc(100% / 12 * 8);
  }
  .col-offset-lg-8 {
    margin-left: calc(100% / 12 * 8);
  }
  .col-lg-9 {
    flex-basis: calc(100% / 12 * 9);
    max-width: calc(100% / 12 * 9);
  }
  .col-offset-lg-9 {
    margin-left: calc(100% / 12 * 9);
  }
  .col-lg-10 {
    flex-basis: calc(100% / 12 * 10);
    max-width: calc(100% / 12 * 10);
  }
  .col-offset-lg-10 {
    margin-left: calc(100% / 12 * 10);
  }
  .col-lg-11 {
    flex-basis: calc(100% / 12 * 11);
    max-width: calc(100% / 12 * 11);
  }
  .col-offset-lg-11 {
    margin-left: calc(100% / 12 * 11);
  }
  .col-lg-12 {
    flex-basis: calc(100% / 12 * 12);
    max-width: calc(100% / 12 * 12);
  }
  .col-offset-lg-12 {
    margin-left: calc(100% / 12 * 12);
  }
  .col-offset-lg-0 {
    margin-left: 0;
  }
}
@media screen and (max-width: 999px) {
  .row {
    margin-left: calc(var(--grid-gutter) * 0.5 * -1);
    margin-right: calc(var(--grid-gutter) * 0.5 * -1);
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: calc(var(--grid-gutter) * 0.5);
    padding-right: calc(var(--grid-gutter) * 0.5);
  }
  .col-md-1 {
    flex-basis: calc(100% / 6 * 1);
    max-width: calc(100% / 6 * 1);
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) and (min-width: 600px) {
  .col-offset-md-1 {
    margin-left: calc(100% / 6 * 1);
  }
}
@media screen and (max-width: 999px) {
  .col-md-2 {
    flex-basis: calc(100% / 6 * 2);
    max-width: calc(100% / 6 * 2);
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) and (min-width: 600px) {
  .col-offset-md-2 {
    margin-left: calc(100% / 6 * 2);
  }
}
@media screen and (max-width: 999px) {
  .col-md-3 {
    flex-basis: calc(100% / 6 * 3);
    max-width: calc(100% / 6 * 3);
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) and (min-width: 600px) {
  .col-offset-md-3 {
    margin-left: calc(100% / 6 * 3);
  }
}
@media screen and (max-width: 999px) {
  .col-md-4 {
    flex-basis: calc(100% / 6 * 4);
    max-width: calc(100% / 6 * 4);
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) and (min-width: 600px) {
  .col-offset-md-4 {
    margin-left: calc(100% / 6 * 4);
  }
}
@media screen and (max-width: 999px) {
  .col-md-5 {
    flex-basis: calc(100% / 6 * 5);
    max-width: calc(100% / 6 * 5);
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) and (min-width: 600px) {
  .col-offset-md-5 {
    margin-left: calc(100% / 6 * 5);
  }
}
@media screen and (max-width: 999px) {
  .col-md-6 {
    flex-basis: calc(100% / 6 * 6);
    max-width: calc(100% / 6 * 6);
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) and (min-width: 600px) {
  .col-offset-md-6 {
    margin-left: calc(100% / 6 * 6);
  }
}
@media screen and (max-width: 599px) {
  .row {
    margin-left: calc(var(--grid-gutter) * 0.5 * -1);
    margin-right: calc(var(--grid-gutter) * 0.5 * -1);
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: calc(var(--grid-gutter) * 0.5);
    padding-right: calc(var(--grid-gutter) * 0.5);
  }
  .col-sm-1 {
    flex-basis: calc(100% / 6 * 1);
    max-width: calc(100% / 6 * 1);
  }
  .col-offset-sm-1 {
    margin-left: calc(100% / 6 * 1);
  }
  .col-sm-2 {
    flex-basis: calc(100% / 6 * 2);
    max-width: calc(100% / 6 * 2);
  }
  .col-offset-sm-2 {
    margin-left: calc(100% / 6 * 2);
  }
  .col-sm-3 {
    flex-basis: calc(100% / 6 * 3);
    max-width: calc(100% / 6 * 3);
  }
  .col-offset-sm-3 {
    margin-left: calc(100% / 6 * 3);
  }
  .col-sm-4 {
    flex-basis: calc(100% / 6 * 4);
    max-width: calc(100% / 6 * 4);
  }
  .col-offset-sm-4 {
    margin-left: calc(100% / 6 * 4);
  }
  .col-sm-5 {
    flex-basis: calc(100% / 6 * 5);
    max-width: calc(100% / 6 * 5);
  }
  .col-offset-sm-5 {
    margin-left: calc(100% / 6 * 5);
  }
  .col-sm-6 {
    flex-basis: calc(100% / 6 * 6);
    max-width: calc(100% / 6 * 6);
  }
  .col-offset-sm-6 {
    margin-left: calc(100% / 6 * 6);
  }
}
:root {
  --header-height:calc(96 / var(--base-font-size) * var(--default-font-size));
}

@media screen and (max-width: 999px) {
  :root {
    --header-height: calc(72 / var(--base-font-size) * var(--default-font-size));
  }
}
@media screen and (max-width: 599px) {
  :root {
    --header-height: calc(68 / var(--base-font-size) * var(--default-font-size));
  }
}
#header {
  position: relative;
  background: var(--color-gray1);
  z-index: 99;
}
#header .header {
  border-bottom: 1px solid var(--color-gray2);
}
#header .header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--color-gray1);
  transition: transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#header .header .logo {
  position: relative;
  z-index: 2;
  width: calc(284 / var(--base-font-size) * var(--default-font-size));
}
#header .header .logo img {
  width: 100%;
}
#header .header-units {
  position: relative;
  z-index: 2;
}
#header .header-units-list {
  display: flex;
  align-items: center;
  gap: calc(22 / var(--base-font-size) * var(--default-font-size));
}
#header .header-units-list li {
  display: flex;
  justify-items: center;
}
#header .header-units-list li a, #header .header-units-list li button {
  display: inline-flex;
  width: calc(24 / var(--base-font-size) * var(--default-font-size));
}
#header .header-units-list li a svg, #header .header-units-list li button svg {
  width: 100%;
  height: auto;
}
#header .header-units-list li.user a .txt {
  display: none;
}
#header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--header-height);
}
@media screen and (max-width: 999px) {
  #header .header .logo {
    width: calc(142 / var(--base-font-size) * var(--default-font-size));
  }
  #header .header-units-list {
    gap: 1.5rem;
  }
  #header .header-units-list li a, #header .header-units-list li button {
    width: 2.5rem;
  }
  #header .header-units-list li.user a {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    width: auto;
    justify-content: center;
    align-items: center;
  }
  #header .header-units-list li.user a svg {
    width: 2rem;
    height: 2rem;
  }
  #header .header-units-list li.user a .txt {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.4;
    display: block;
    text-align: center;
  }
}
#header.header-up .header-wrapper {
  transform: translateY(-100%);
}
#header.header-down .header-wrapper {
  transform: translateY(0);
}

#gnb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#gnb[data-open=true] .gnb-bg {
  height: var(--activeHeight);
}
#gnb .gnb-bg {
  position: absolute;
  top: var(--headerHeight);
  left: 0;
  background: var(--color-gray1);
  width: 100%;
  height: 0;
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-duration: 0.5s;
}
#gnb .gnb-inner {
  text-align: center;
  height: 100%;
}
#gnb .gnb-list {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#gnb .gnb-list-wrap {
  height: 100%;
  display: inline-block;
}
#gnb .gnb-list > li {
  height: 100%;
}
#gnb .gnb-list > li > a {
  display: block;
  padding: 0 calc(30 / var(--base-font-size) * var(--default-font-size));
  font-size: calc(20 / var(--base-font-size) * var(--default-font-size));
  letter-spacing: -0.03em;
  line-height: 1.1;
  font-weight: 500;
  height: 100%;
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#gnb .gnb-list > li > a span {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
#gnb .gnb-list > li > a span::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  width: 0;
  background-color: var(--color-blue1);
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#gnb .gnb-list > li > a:hover span::before {
  width: 100%;
}
#gnb .gnb-list > li.active a span::before {
  width: 100%;
}
#gnb .gnb-list > li.active .gnb-depth-box-wrap {
  opacity: 1;
  visibility: visible;
}
#gnb .gnb-list > li[data-has-dep2=none] .gnb-depth-box {
  display: none;
}
#gnb .gnb-list.active > li:not(.hover) > a {
  opacity: 0.4;
}
#gnb .gnb-depth-box {
  position: relative;
  display: flex;
  gap: calc(16 / var(--base-font-size) * var(--default-font-size));
}
#gnb .gnb-depth-box-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding-top: calc(40 / var(--base-font-size) * var(--default-font-size));
  padding-bottom: calc(80 / var(--base-font-size) * var(--default-font-size));
}
#gnb .gnb-depth-box .gnb-1depth {
  position: absolute;
  left: 0;
  width: calc(408 / var(--base-font-size) * var(--default-font-size));
}
#gnb .gnb-depth-box .gnb-1depth .tit {
  display: flex;
  align-items: center;
  gap: calc(12 / var(--base-font-size) * var(--default-font-size));
  text-align: left;
}
#gnb .gnb-depth-box .gnb-1depth .tit .icon {
  display: inline-flex;
  width: calc(48 / var(--base-font-size) * var(--default-font-size));
}
#gnb .gnb-depth-box .gnb-2depth {
  width: calc(1188 / var(--base-font-size) * var(--default-font-size));
  padding-top: calc(8 / var(--base-font-size) * var(--default-font-size));
  margin-left: calc(var(--left) + 30 / var(--base-font-size) * var(--default-font-size));
}
#gnb .gnb-depth-box .gnb-2depth-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(48 / var(--base-font-size) * var(--default-font-size)) calc(16 / var(--base-font-size) * var(--default-font-size));
  width: 100%;
}
#gnb .gnb-depth-box .gnb-2depth-list li {
  width: calc(240 / var(--base-font-size) * var(--default-font-size));
  text-align: left;
}
#gnb .gnb-depth-box .gnb-2depth-list li a {
  font-size: calc(22 / var(--base-font-size) * var(--default-font-size));
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 1000px) {
  #gnb .gnb-depth-box .gnb-2depth-list li > a {
    background-image: linear-gradient(transparent calc(100% - 1px), #000 1px);
    background-repeat: no-repeat;
    background-size: 0% calc(100% - 2px);
    transition: background-size 0.3s;
  }
  #gnb .gnb-depth-box .gnb-2depth-list li > a:hover {
    background-size: 100% calc(100% - 2px);
  }
}
#gnb.hide {
  opacity: 0;
  visibility: hidden;
  display: none;
}
@media screen and (max-width: 1599px) {
  #gnb {
    position: static;
    width: auto;
  }
  #gnb .gnb-list > li > a {
    padding: 0 calc(20 / var(--base-font-size) * var(--default-font-size));
  }
  #gnb .gnb-depth-box .gnb-1depth {
    width: var(--left);
  }
  #gnb .gnb-depth-box .gnb-2depth {
    margin-left: calc(var(--left) + 20 / var(--base-font-size) * var(--default-font-size));
  }
}
@media screen and (max-width: 1199px) {
  #gnb {
    display: none;
  }
}

.dimmed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.all-menu-container {
  position: absolute;
  top: var(--header-height);
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - env(safe-area-inset-bottom) - var(--header-height) + 1px);
  overflow-y: scroll;
  background-color: var(--color-gray1);
  border-top: 1px solid var(--color-gray4);
  opacity: 0;
  visibility: hidden;
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: none;
}
.all-menu-container.active {
  opacity: 1;
  visibility: visible;
  display: block;
}
.all-menu-con {
  max-width: calc(1462 / var(--base-font-size) * var(--default-font-size));
  margin: 0 auto;
}
.all-menu-item {
  padding: calc(60 / var(--base-font-size) * var(--default-font-size)) 0;
  border-top: 1px solid var(--color-gray4);
}
.all-menu-item:first-child {
  border-top: 0;
}
.all-menu-item .gnb-depth-box {
  display: flex;
  gap: calc(16 / var(--base-font-size) * var(--default-font-size));
}
.all-menu-item .gnb-depth-box .gnb-1depth .tit {
  display: flex;
  gap: calc(12 / var(--base-font-size) * var(--default-font-size));
  width: calc(338 / var(--base-font-size) * var(--default-font-size));
}
.all-menu-item .gnb-depth-box .gnb-1depth .tit .icon {
  display: inline-flex;
  width: calc(40 / var(--base-font-size) * var(--default-font-size));
  height: calc(40 / var(--base-font-size) * var(--default-font-size));
}
@media screen and (min-width: 1000px) {
  .all-menu-item .gnb-depth-box .gnb-2depth {
    opacity: 1 !important;
    height: auto !important;
    visibility: visible !important;
  }
}
.all-menu-item .gnb-depth-box .gnb-2depth-list {
  display: flex;
  gap: calc(16 / var(--base-font-size) * var(--default-font-size));
  flex-wrap: wrap;
}
.all-menu-item .gnb-depth-box .gnb-2depth-list li {
  width: calc(171 / var(--base-font-size) * var(--default-font-size));
}
.all-menu-item .gnb-depth-box .gnb-2depth-list li a {
  font-size: calc(20 / var(--base-font-size) * var(--default-font-size));
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 1000px) {
  .all-menu-item .gnb-depth-box .gnb-2depth-list li > a {
    background-image: linear-gradient(transparent calc(100% - 1px), #000 1px);
    background-repeat: no-repeat;
    background-size: 0% calc(100% - 2px);
    transition: background-size 0.3s;
  }
  .all-menu-item .gnb-depth-box .gnb-2depth-list li > a:hover {
    background-size: 100% calc(100% - 2px);
  }
}
.all-menu-btn-box {
  position: relative;
  width: calc(24 / var(--base-font-size) * var(--default-font-size));
  height: calc(24 / var(--base-font-size) * var(--default-font-size));
}
.all-menu-btn-box button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  opacity: 0;
  visibility: hidden;
}
.all-menu-btn-box[data-open=false] button.open-btn {
  opacity: 1;
  visibility: visible;
}
.all-menu-btn-box[data-open=true] button.close-btn {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 999px) {
  .all-menu-container {
    border-top: 0;
  }
  .all-menu-con {
    display: flex;
    flex-direction: column;
    gap: calc(28 / var(--base-font-size) * var(--default-font-size));
    padding: calc(32 / var(--base-font-size) * var(--default-font-size)) 0;
  }
  .all-menu-item {
    padding: 0;
    border-top: 0;
  }
  .all-menu-item .gnb-depth-box {
    display: block;
  }
  .all-menu-item .gnb-depth-box .gnb-1depth {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .all-menu-item .gnb-depth-box .gnb-1depth .tit {
    align-items: center;
    width: 100%;
  }
  .all-menu-item .gnb-depth-box .gnb-1depth .tit .icon {
    width: calc(28 / var(--base-font-size) * var(--default-font-size));
    height: calc(28 / var(--base-font-size) * var(--default-font-size));
  }
  .all-menu-item .gnb-depth-box .gnb-1depth .arrow {
    display: block;
    width: calc(16 / var(--base-font-size) * var(--default-font-size));
    height: calc(16 / var(--base-font-size) * var(--default-font-size));
    background: url("../../images/icon/ic_chevron_down_black.svg") center/calc(16 / var(--base-font-size) * var(--default-font-size));
    transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .all-menu-item .gnb-depth-box .gnb-2depth {
    height: 0;
    overflow: hidden;
  }
  .all-menu-item .gnb-depth-box .gnb-2depth-list {
    flex-direction: column;
    gap: calc(18 / var(--base-font-size) * var(--default-font-size));
    padding: calc(20 / var(--base-font-size) * var(--default-font-size)) 0 calc(12 / var(--base-font-size) * var(--default-font-size)) calc(40 / var(--base-font-size) * var(--default-font-size));
  }
  .all-menu-item .gnb-depth-box .gnb-2depth-list li {
    width: 100%;
  }
  .all-menu-item .gnb-depth-box .gnb-2depth-list li a {
    display: block;
    font-size: calc(16 / var(--base-font-size) * var(--default-font-size));
  }
  .all-menu-item .gnb-depth-box .gnb-2depth-list li a br {
    display: none;
  }
  .all-menu-item[data-has-dep2=none] .gnb-depth-box .gnb-1depth .arrow {
    background-image: url("../../images/icon/ic_chevron_right_black.svg");
  }
  .all-menu-item.active:not([data-has-dep2=none]) .gnb-depth-box .gnb-1depth .arrow {
    transform: rotate(-180deg);
  }
}
@media screen and (max-width: 999px) and (min-width: 600px) {
  .all-menu-container {
    --base-font-size: 9;
  }
}

#footer {
  padding: calc(36 / var(--base-font-size) * var(--default-font-size)) 0 calc(48 / var(--base-font-size) * var(--default-font-size));
  border-top: 1px solid var(--color-gray4);
}
#footer .mobile-ver {
  display: none;
}
#footer .content-container {
  display: flex;
  flex-direction: column;
  gap: calc(36 / var(--base-font-size) * var(--default-font-size));
}
#footer .footer-logo {
  width: calc(286 / var(--base-font-size) * var(--default-font-size));
}
#footer .footer-top {
  display: flex;
  justify-content: space-between;
}
#footer .footer-top-units {
  display: flex;
  align-items: center;
  gap: calc(18 / var(--base-font-size) * var(--default-font-size));
}
#footer .footer-sns-list {
  display: flex;
  gap: calc(5 / var(--base-font-size) * var(--default-font-size));
}
#footer .footer-sns-list li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-gray4);
  border-radius: 50px;
  width: calc(48 / var(--base-font-size) * var(--default-font-size));
  height: calc(48 / var(--base-font-size) * var(--default-font-size));
  transition: border 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#footer .footer-sns-list li a img {
  width: calc(24 / var(--base-font-size) * var(--default-font-size));
  height: calc(24 / var(--base-font-size) * var(--default-font-size));
}
@media screen and (min-width: 1000px) {
  #footer .footer-sns-list li a:hover {
    border-color: var(--color-gray8);
  }
}
#footer .footer-bottom {
  display: flex;
  justify-content: space-between;
}
#footer .footer-info-box {
  display: flex;
  flex-direction: column;
  gap: calc(18 / var(--base-font-size) * var(--default-font-size));
}
#footer .footer-info-link {
  display: flex;
  gap: calc(18 / var(--base-font-size) * var(--default-font-size));
}
#footer .footer-info-link a {
  position: relative;
  color: var(--color-gray7);
  font-size: calc(18 / var(--base-font-size) * var(--default-font-size));
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
#footer .footer-info-link a span {
  font-weight: 600;
  color: var(--color-gray8);
}
@media screen and (min-width: 1000px) {
  #footer .footer-info-link a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0;
    height: 1px;
    background-color: var(--color-gray7);
    opacity: 0;
    transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: opacity, width;
  }
  #footer .footer-info-link a:hover::before {
    width: 100%;
    opacity: 1;
  }
  #footer .footer-info-link a .personal::before {
    background-color: var(--color-gray8);
  }
}
#footer .footer-info-txt {
  font-size: calc(16 / var(--base-font-size) * var(--default-font-size));
  line-height: 1.4;
  letter-spacing: -0.03em;
  color: var(--color-gray7);
}
#footer .footer-mark-list {
  display: flex;
  gap: calc(24 / var(--base-font-size) * var(--default-font-size));
}
#footer .footer-mark-list img {
  width: calc(56 / var(--base-font-size) * var(--default-font-size));
  height: calc(56 / var(--base-font-size) * var(--default-font-size));
}
@media screen and (max-width: 999px) {
  #footer {
    padding: calc(33 / var(--base-font-size) * var(--default-font-size)) 0 calc(44 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .content-container {
    gap: calc(33 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .pc-ver {
    display: none;
  }
  #footer .mobile-ver {
    display: block;
  }
  #footer .footer-logo {
    width: calc(293 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-sns-list {
    gap: calc(5.5 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-sns-list li a {
    width: calc(49.5 / var(--base-font-size) * var(--default-font-size));
    height: calc(49.5 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-sns-list li a img {
    width: calc(24.75 / var(--base-font-size) * var(--default-font-size));
    height: calc(24.75 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-top-btn {
    width: calc(49.5 / var(--base-font-size) * var(--default-font-size));
    height: calc(49.5 / var(--base-font-size) * var(--default-font-size));
    border-radius: calc(10.313 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-top-btn svg {
    width: calc(16.5 / var(--base-font-size) * var(--default-font-size));
    height: calc(16.5 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-bottom {
    flex-direction: column;
  }
  #footer .footer-info-box {
    gap: calc(19.25 / var(--base-font-size) * var(--default-font-size));
    margin-top: calc(33 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-info-link {
    gap: calc(16.5 / var(--base-font-size) * var(--default-font-size));
    flex-wrap: wrap;
  }
  #footer .footer-info-link a {
    font-size: calc(19.25 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-info-txt {
    font-size: calc(16.5 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-mark-box {
    margin-top: calc(22 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-mark-list {
    gap: calc(24.75 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-mark-list img {
    width: calc(60.5 / var(--base-font-size) * var(--default-font-size));
    height: calc(60.5 / var(--base-font-size) * var(--default-font-size));
  }
}
@media screen and (max-width: 599px) {
  #footer {
    padding: calc(24 / var(--base-font-size) * var(--default-font-size)) 0 calc(32 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .content-container {
    gap: calc(24 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-logo {
    width: calc(213 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-sns-list {
    gap: calc(4 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-sns-list li a {
    width: calc(36 / var(--base-font-size) * var(--default-font-size));
    height: calc(36 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-sns-list li a img {
    width: calc(18 / var(--base-font-size) * var(--default-font-size));
    height: calc(18 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-top-btn {
    width: calc(36 / var(--base-font-size) * var(--default-font-size));
    height: calc(36 / var(--base-font-size) * var(--default-font-size));
    border-radius: calc(7.5 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-top-btn svg {
    width: calc(12 / var(--base-font-size) * var(--default-font-size));
    height: calc(12 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-info-box {
    gap: calc(14 / var(--base-font-size) * var(--default-font-size));
    margin-top: calc(24 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-info-link {
    gap: calc(12 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-info-link a {
    font-size: calc(14 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-info-txt {
    font-size: calc(12 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-mark-box {
    margin-top: calc(16 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-mark-list {
    gap: calc(18 / var(--base-font-size) * var(--default-font-size));
  }
  #footer .footer-mark-list img {
    width: calc(44 / var(--base-font-size) * var(--default-font-size));
    height: calc(44 / var(--base-font-size) * var(--default-font-size));
  }
}

.drop-box-con {
  display: flex;
  border: 1px solid var(--color-gray4);
  border-radius: calc(16 / var(--base-font-size) * var(--default-font-size));
}
.drop-box-con .drop-box-wrap {
  width: 50%;
  z-index: 2;
}
.drop-box-con .drop-box-wrap:not(:first-child) {
  position: relative;
  z-index: 1;
}
.drop-box-con .drop-box-wrap:not(:first-child)::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: var(--color-gray4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.drop-box-con .drop-box-wrap:not(:first-child) .drop-box {
  right: -1px;
}
.drop-box-con .drop-box-wrap:first-child .drop-box-btn {
  border-bottom-right-radius: 0;
}
.drop-box-con .drop-box-wrap:first-child .drop-box {
  left: -1px;
  right: -1px;
}
@media screen and (max-width: 999px) {
  .drop-box-con {
    display: block;
  }
  .drop-box-con .drop-box-wrap {
    width: 100%;
  }
  .drop-box-con .drop-box-wrap .drop-box {
    border-bottom: 1px solid var(--color-gray4);
  }
  .drop-box-con .drop-box-wrap:not(:first-child)::before {
    width: 100%;
    height: 1px;
    z-index: 3;
  }
  .drop-box-con .drop-box-wrap:not(:first-child) .drop-box {
    right: -1px;
    left: -1px;
    border-top-right-radius: 0;
  }
  .drop-box-con .drop-box-wrap:not(:first-child) .drop-box-btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.drop-box-wrap {
  position: relative;
}
.drop-box-wrap .drop-box {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: var(--btn-height);
  border: 1px solid var(--color-gray4);
  border-radius: calc(16 / var(--base-font-size) * var(--default-font-size));
  border-bottom: 0;
  background-color: var(--color-gray1);
  visibility: hidden;
  overflow: hidden;
  transition: all ease 0.5s;
  z-index: 1;
}
.drop-box-wrap .drop-box-inner {
  padding: calc(18 / var(--base-font-size) * var(--default-font-size)) 0 calc(8 / var(--base-font-size) * var(--default-font-size)) calc(18 / var(--base-font-size) * var(--default-font-size));
}
.drop-box-wrap .drop-box-inner .inner {
  margin-right: 18px;
}
.drop-box-wrap .drop-box-inner .inner .list-wrap {
  max-height: calc(272 / var(--base-font-size) * var(--default-font-size));
  overflow-y: scroll;
  margin-right: -18px;
}
.drop-box-wrap .drop-box-inner .inner .list-wrap::-webkit-scrollbar {
  width: 18px;
}
.drop-box-wrap .drop-box-inner .inner .list-wrap::-webkit-scrollbar-track {
  background-color: var(--color-gray1);
  border-radius: 0 25px 25px 0;
}
.drop-box-wrap .drop-box-inner .inner .list-wrap::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 50px;
  background: var(--color-gray4);
  background-clip: padding-box;
  border: 7px solid var(--color-gray1);
}
.drop-box-wrap .drop-box-btn {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(17 / var(--base-font-size) * var(--default-font-size)) calc(20 / var(--base-font-size) * var(--default-font-size)) calc(17 / var(--base-font-size) * var(--default-font-size)) calc(24 / var(--base-font-size) * var(--default-font-size));
  width: 100%;
  color: var(--color-gray8);
  background: var(--color-gray1);
  border-radius: calc(16 / var(--base-font-size) * var(--default-font-size));
  font-size: calc(20 / var(--base-font-size) * var(--default-font-size));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  overflow: hidden;
  cursor: pointer;
}
.drop-box-wrap .drop-box-btn .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(28 / var(--base-font-size) * var(--default-font-size));
  height: calc(28 / var(--base-font-size) * var(--default-font-size));
  border-radius: 50%;
  background: var(--color-blue1);
}
.drop-box-wrap .drop-box-btn svg {
  width: calc(10 / var(--base-font-size) * var(--default-font-size));
  height: calc(10 / var(--base-font-size) * var(--default-font-size));
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.drop-box-wrap .drop-box-btn svg.minus {
  display: none;
}
.drop-box-wrap[data-dropbox-open=true] .drop-box {
  height: calc(364 / var(--base-font-size) * var(--default-font-size));
  visibility: visible;
}
.drop-box-wrap[data-dropbox-open=true] .drop-box-btn svg.minus {
  display: block;
}
.drop-box-wrap[data-dropbox-open=true] .drop-box-btn svg.plus {
  display: none;
}
@media screen and (max-width: 999px) {
  .drop-box-wrap .drop-box {
    bottom: auto;
    top: 0;
  }
  .drop-box-wrap .drop-box-inner {
    padding-top: 0;
  }
  .drop-box-wrap .drop-box-inner .inner {
    margin-top: var(--btn-height);
  }
  .drop-box-wrap .drop-box-btn {
    padding: calc(23.38 / var(--base-font-size) * var(--default-font-size)) calc(24.75 / var(--base-font-size) * var(--default-font-size));
    font-size: calc(20.625 / var(--base-font-size) * var(--default-font-size));
  }
  .drop-box-wrap .drop-box-btn .icon {
    width: calc(28.875 / var(--base-font-size) * var(--default-font-size));
    height: calc(28.875 / var(--base-font-size) * var(--default-font-size));
  }
  .drop-box-wrap .drop-box-btn svg {
    width: calc(10.31 / var(--base-font-size) * var(--default-font-size));
    height: calc(10.31 / var(--base-font-size) * var(--default-font-size));
  }
}
@media screen and (max-width: 599px) {
  .drop-box-wrap .drop-box-inner {
    padding: 0 0 calc(12 / var(--base-font-size) * var(--default-font-size)) calc(12 / var(--base-font-size) * var(--default-font-size));
  }
  .drop-box-wrap .drop-box-inner .inner {
    margin-right: 12px;
  }
  .drop-box-wrap .drop-box-inner .inner .list-wrap {
    max-height: calc(252 / var(--base-font-size) * var(--default-font-size) - var(--btn-height) - 12px);
    margin-right: -12px;
  }
  .drop-box-wrap .drop-box-inner .inner .list-wrap::-webkit-scrollbar {
    width: 12px;
  }
  .drop-box-wrap .drop-box-inner .inner .list-wrap::-webkit-scrollbar-track {
    border-radius: 0 25px 25px 0;
  }
  .drop-box-wrap .drop-box-inner .inner .list-wrap::-webkit-scrollbar-thumb {
    width: 4px;
    border: 4px solid var(--color-gray1);
  }
  .drop-box-wrap .drop-box-btn {
    padding: calc(17 / var(--base-font-size) * var(--default-font-size)) calc(18 / var(--base-font-size) * var(--default-font-size));
    font-size: calc(15 / var(--base-font-size) * var(--default-font-size));
  }
  .drop-box-wrap .drop-box-btn .icon {
    width: calc(21 / var(--base-font-size) * var(--default-font-size));
    height: calc(21 / var(--base-font-size) * var(--default-font-size));
  }
  .drop-box-wrap .drop-box-btn svg {
    width: calc(7.5 / var(--base-font-size) * var(--default-font-size));
    height: calc(7.5 / var(--base-font-size) * var(--default-font-size));
  }
  .drop-box-wrap[data-dropbox-open=true] .drop-box {
    height: calc(252 / var(--base-font-size) * var(--default-font-size));
  }
}
.drop-box-list {
  border-radius: calc(16 / var(--base-font-size) * var(--default-font-size));
  overflow: hidden;
}
.drop-box-list li:first-child .drop-box-list-item {
  padding-top: calc(20 / var(--base-font-size) * var(--default-font-size));
}
.drop-box-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(10 / var(--base-font-size) * var(--default-font-size));
  background: var(--color-grayish1);
  font-size: calc(20 / var(--base-font-size) * var(--default-font-size));
  letter-spacing: -0.03em;
  line-height: 1.3;
  font-weight: 500;
  padding: calc(12 / var(--base-font-size) * var(--default-font-size)) calc(24 / var(--base-font-size) * var(--default-font-size));
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.drop-box-list-item:hover {
  background-color: var(--color-grayish2);
}
.drop-box-list-item .icon {
  width: calc(40 / var(--base-font-size) * var(--default-font-size));
  height: calc(40 / var(--base-font-size) * var(--default-font-size));
}
.drop-box-list-item .icon img {
  width: calc(14 / var(--base-font-size) * var(--default-font-size));
  height: calc(14 / var(--base-font-size) * var(--default-font-size));
}
.drop-box-list-item .icon::before {
  display: none;
}
@media screen and (max-width: 599px) {
  .drop-box-list li:first-child .drop-box-list-item {
    padding-top: calc(15 / var(--base-font-size) * var(--default-font-size));
  }
  .drop-box-list-item {
    font-size: calc(15 / var(--base-font-size) * var(--default-font-size));
    padding: calc(9 / var(--base-font-size) * var(--default-font-size)) calc(18 / var(--base-font-size) * var(--default-font-size));
  }
  .drop-box-list-item .icon {
    width: calc(28 / var(--base-font-size) * var(--default-font-size));
    height: calc(28 / var(--base-font-size) * var(--default-font-size));
  }
  .drop-box-list-item .icon img {
    width: calc(10 / var(--base-font-size) * var(--default-font-size));
    height: calc(10 / var(--base-font-size) * var(--default-font-size));
  }
}

.btn-caps-2, .btn-caps-1 {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 1;
  max-width: max-content;
}
.btn-caps-2::before, .btn-caps-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 0;
}
.btn-caps-2:hover::before, .btn-caps-1:hover::before {
  opacity: 1;
}
.btn-caps-2 span, .btn-caps-1 span {
  position: relative;
  line-height: 1.1;
}

.btn-arrow-3--md, .btn-arrow-2--md, .btn-arrow-1--md, .btn-arrow-3--lg, .btn-arrow-2--lg, .btn-arrow-1--lg {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
}
.btn-arrow-3--md .btn-text, .btn-arrow-2--md .btn-text, .btn-arrow-1--md .btn-text, .btn-arrow-3--lg .btn-text, .btn-arrow-2--lg .btn-text, .btn-arrow-1--lg .btn-text {
  text-align: left;
  opacity: 0;
  width: 0px;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: var(--color-gray8);
  overflow: hidden;
}
.btn-arrow-3--md .btn-content-wrapper, .btn-arrow-2--md .btn-content-wrapper, .btn-arrow-1--md .btn-content-wrapper, .btn-arrow-3--lg .btn-content-wrapper, .btn-arrow-2--lg .btn-content-wrapper, .btn-arrow-1--lg .btn-content-wrapper {
  display: inline-flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
.btn-arrow-3--md:hover .btn-text, .btn-arrow-2--md:hover .btn-text, .btn-arrow-1--md:hover .btn-text, .btn-arrow-3--lg:hover .btn-text, .btn-arrow-2--lg:hover .btn-text, .btn-arrow-1--lg:hover .btn-text {
  opacity: 1;
}

.btn-arrow-3-hv--md, .btn-arrow-2-hv--md, .btn-arrow-1-hv--md, .btn-arrow-3-hv--lg, .btn-arrow-2-hv--lg, .btn-arrow-1-hv--lg {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: left;
  z-index: 1;
}
.btn-arrow-3-hv--md::before, .btn-arrow-2-hv--md::before, .btn-arrow-1-hv--md::before, .btn-arrow-3-hv--lg::before, .btn-arrow-2-hv--lg::before, .btn-arrow-1-hv--lg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 0;
}
.btn-arrow-3-hv--md:hover::before, .btn-arrow-2-hv--md:hover::before, .btn-arrow-1-hv--md:hover::before, .btn-arrow-3-hv--lg:hover::before, .btn-arrow-2-hv--lg:hover::before, .btn-arrow-1-hv--lg:hover::before {
  opacity: 1;
}
.btn-arrow-3-hv--md svg, .btn-arrow-2-hv--md svg, .btn-arrow-1-hv--md svg, .btn-arrow-3-hv--lg svg, .btn-arrow-2-hv--lg svg, .btn-arrow-1-hv--lg svg {
  position: relative;
}
.btn-arrow-3-hv--md .btn-text, .btn-arrow-2-hv--md .btn-text, .btn-arrow-1-hv--md .btn-text, .btn-arrow-3-hv--lg .btn-text, .btn-arrow-2-hv--lg .btn-text, .btn-arrow-1-hv--lg .btn-text {
  font-weight: 500;
  line-height: 1.1;
  z-index: 2;
}

.btn-chev-4--md, .btn-chev-3--md, .btn-chev-2--md, .btn-chev-1--md, .btn-chev-4--lg, .btn-chev-3--lg, .btn-chev-2--lg, .btn-chev-1--lg {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  z-index: 1;
}
.btn-chev-4--md::before, .btn-chev-3--md::before, .btn-chev-2--md::before, .btn-chev-1--md::before, .btn-chev-4--lg::before, .btn-chev-3--lg::before, .btn-chev-2--lg::before, .btn-chev-1--lg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 0;
}
.btn-chev-4--md:hover::before, .btn-chev-3--md:hover::before, .btn-chev-2--md:hover::before, .btn-chev-1--md:hover::before, .btn-chev-4--lg:hover::before, .btn-chev-3--lg:hover::before, .btn-chev-2--lg:hover::before, .btn-chev-1--lg:hover::before {
  opacity: 1;
}
.btn-chev-4--md svg, .btn-chev-3--md svg, .btn-chev-2--md svg, .btn-chev-1--md svg, .btn-chev-4--lg svg, .btn-chev-3--lg svg, .btn-chev-2--lg svg, .btn-chev-1--lg svg {
  width: calc(11 / var(--base-font-size) * var(--default-font-size));
  height: calc(11 / var(--base-font-size) * var(--default-font-size));
  position: relative;
  z-index: 2;
}

.btn-caps-1 {
  border-radius: 50px;
  padding: calc(9 / var(--base-font-size) * var(--default-font-size)) calc(15 / var(--base-font-size) * var(--default-font-size));
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: var(--color-gray1);
}
.btn-caps-1 span {
  color: #333;
  line-height: 1.1;
  font-size: calc(18 / var(--base-font-size) * var(--default-font-size));
  letter-spacing: -0.025em;
}
@media screen and (max-width: 999px) {
  .btn-caps-1 {
    padding: calc(7 / var(--base-font-size) * var(--default-font-size)) calc(11 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-caps-1 span {
    font-size: calc(13 / var(--base-font-size) * var(--default-font-size));
    letter-spacing: -0.025em;
  }
}

.btn-caps-2 {
  background: var(--color-blue2);
  border-radius: calc(10 / var(--base-font-size) * var(--default-font-size));
  padding: calc(9 / var(--base-font-size) * var(--default-font-size)) calc(14 / var(--base-font-size) * var(--default-font-size));
}
.btn-caps-2 span {
  font-size: calc(18 / var(--base-font-size) * var(--default-font-size));
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.025em;
}
@media screen and (max-width: 999px) {
  .btn-caps-2 {
    padding: calc(6 / var(--base-font-size) * var(--default-font-size)) calc(10 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-caps-2 span {
    font-size: calc(13 / var(--base-font-size) * var(--default-font-size));
    letter-spacing: -0.025em;
  }
}

.btn-arrow-3--lg, .btn-arrow-2--lg, .btn-arrow-1--lg {
  border-radius: calc(8 / var(--base-font-size) * var(--default-font-size));
  width: calc(48 / var(--base-font-size) * var(--default-font-size));
  height: calc(48 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--lg .btn-content-wrapper, .btn-arrow-2--lg .btn-content-wrapper, .btn-arrow-1--lg .btn-content-wrapper {
  width: calc(86 / var(--base-font-size) * var(--default-font-size));
  height: calc(20 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--lg svg, .btn-arrow-2--lg svg, .btn-arrow-1--lg svg {
  width: calc(16 / var(--base-font-size) * var(--default-font-size));
  height: calc(16 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--lg .btn-text, .btn-arrow-2--lg .btn-text, .btn-arrow-1--lg .btn-text {
  font-size: calc(18 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--lg:hover, .btn-arrow-2--lg:hover, .btn-arrow-1--lg:hover {
  width: calc(118 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--lg:hover .btn-text, .btn-arrow-2--lg:hover .btn-text, .btn-arrow-1--lg:hover .btn-text {
  width: calc(70 / var(--base-font-size) * var(--default-font-size));
}
@media screen and (max-width: 999px) {
  .btn-arrow-3--lg, .btn-arrow-2--lg, .btn-arrow-1--lg {
    width: calc(32 / var(--base-font-size) * var(--default-font-size));
    height: calc(32 / var(--base-font-size) * var(--default-font-size));
    border-radius: calc(6 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--lg .btn-content-wrapper, .btn-arrow-2--lg .btn-content-wrapper, .btn-arrow-1--lg .btn-content-wrapper {
    width: calc(11 / var(--base-font-size) * var(--default-font-size));
    height: calc(11 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--lg:hover, .btn-arrow-2--lg:hover, .btn-arrow-1--lg:hover {
    width: calc(32 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--lg:hover .btn-text, .btn-arrow-2--lg:hover .btn-text, .btn-arrow-1--lg:hover .btn-text {
    opacity: 0;
    width: calc(0 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--lg:hover .btn-content-wrapper, .btn-arrow-2--lg:hover .btn-content-wrapper, .btn-arrow-1--lg:hover .btn-content-wrapper {
    width: calc(32 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--lg svg, .btn-arrow-2--lg svg, .btn-arrow-1--lg svg {
    width: calc(11 / var(--base-font-size) * var(--default-font-size));
    height: calc(11 / var(--base-font-size) * var(--default-font-size));
  }
}

.btn-arrow-3--md, .btn-arrow-2--md, .btn-arrow-1--md {
  border-radius: calc(7 / var(--base-font-size) * var(--default-font-size));
  width: calc(40 / var(--base-font-size) * var(--default-font-size));
  height: calc(40 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--md .btn-content-wrapper, .btn-arrow-2--md .btn-content-wrapper, .btn-arrow-1--md .btn-content-wrapper {
  width: calc(75 / var(--base-font-size) * var(--default-font-size));
  height: calc(18 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--md svg, .btn-arrow-2--md svg, .btn-arrow-1--md svg {
  width: calc(14 / var(--base-font-size) * var(--default-font-size));
  height: calc(14 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--md .btn-text, .btn-arrow-2--md .btn-text, .btn-arrow-1--md .btn-text {
  font-size: calc(16 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--md:hover, .btn-arrow-2--md:hover, .btn-arrow-1--md:hover {
  width: calc(103 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3--md:hover .btn-text, .btn-arrow-2--md:hover .btn-text, .btn-arrow-1--md:hover .btn-text {
  width: calc(61 / var(--base-font-size) * var(--default-font-size));
}
@media screen and (max-width: 999px) {
  .btn-arrow-3--md, .btn-arrow-2--md, .btn-arrow-1--md {
    width: calc(28 / var(--base-font-size) * var(--default-font-size));
    height: calc(28 / var(--base-font-size) * var(--default-font-size));
    border-radius: calc(5 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--md .btn-content-wrapper, .btn-arrow-2--md .btn-content-wrapper, .btn-arrow-1--md .btn-content-wrapper {
    width: calc(10 / var(--base-font-size) * var(--default-font-size));
    height: calc(10 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--md:hover, .btn-arrow-2--md:hover, .btn-arrow-1--md:hover {
    width: calc(28 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--md:hover .btn-text, .btn-arrow-2--md:hover .btn-text, .btn-arrow-1--md:hover .btn-text {
    opacity: 0;
    width: calc(0 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--md:hover .btn-content-wrapper, .btn-arrow-2--md:hover .btn-content-wrapper, .btn-arrow-1--md:hover .btn-content-wrapper {
    width: calc(32 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3--md svg, .btn-arrow-2--md svg, .btn-arrow-1--md svg {
    width: calc(10 / var(--base-font-size) * var(--default-font-size));
    height: calc(10 / var(--base-font-size) * var(--default-font-size));
  }
}

.btn-arrow-3-hv--lg, .btn-arrow-2-hv--lg, .btn-arrow-1-hv--lg {
  width: calc(118 / var(--base-font-size) * var(--default-font-size));
  height: calc(48 / var(--base-font-size) * var(--default-font-size));
  gap: calc(5 / var(--base-font-size) * var(--default-font-size));
  border-radius: calc(8 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3-hv--lg::before, .btn-arrow-2-hv--lg::before, .btn-arrow-1-hv--lg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 0;
}
.btn-arrow-3-hv--lg:hover::before, .btn-arrow-2-hv--lg:hover::before, .btn-arrow-1-hv--lg:hover::before {
  opacity: 1;
}
.btn-arrow-3-hv--lg svg, .btn-arrow-2-hv--lg svg, .btn-arrow-1-hv--lg svg {
  width: calc(16 / var(--base-font-size) * var(--default-font-size));
  height: calc(16 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3-hv--lg .btn-text, .btn-arrow-2-hv--lg .btn-text, .btn-arrow-1-hv--lg .btn-text {
  width: calc(65 / var(--base-font-size) * var(--default-font-size));
  font-size: calc(18 / var(--base-font-size) * var(--default-font-size));
  letter-spacing: -0.025em;
}
@media screen and (max-width: 999px) {
  .btn-arrow-3-hv--lg, .btn-arrow-2-hv--lg, .btn-arrow-1-hv--lg {
    width: calc(76 / var(--base-font-size) * var(--default-font-size));
    height: calc(28 / var(--base-font-size) * var(--default-font-size));
    border-radius: calc(5 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3-hv--lg svg, .btn-arrow-2-hv--lg svg, .btn-arrow-1-hv--lg svg {
    width: calc(10 / var(--base-font-size) * var(--default-font-size));
    height: calc(10 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3-hv--lg .btn-text, .btn-arrow-2-hv--lg .btn-text, .btn-arrow-1-hv--lg .btn-text {
    width: calc(43 / var(--base-font-size) * var(--default-font-size));
    font-size: calc(12 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3-hv--lg:hover::before, .btn-arrow-2-hv--lg:hover::before, .btn-arrow-1-hv--lg:hover::before {
    opacity: 0;
  }
}

.btn-arrow-3-hv--md, .btn-arrow-2-hv--md, .btn-arrow-1-hv--md {
  width: calc(103 / var(--base-font-size) * var(--default-font-size));
  height: calc(40 / var(--base-font-size) * var(--default-font-size));
  border-radius: calc(7 / var(--base-font-size) * var(--default-font-size));
  gap: calc(4 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3-hv--md svg, .btn-arrow-2-hv--md svg, .btn-arrow-1-hv--md svg {
  width: calc(14 / var(--base-font-size) * var(--default-font-size));
  height: calc(14 / var(--base-font-size) * var(--default-font-size));
}
.btn-arrow-3-hv--md .btn-text, .btn-arrow-2-hv--md .btn-text, .btn-arrow-1-hv--md .btn-text {
  width: calc(57 / var(--base-font-size) * var(--default-font-size));
  font-size: calc(16 / var(--base-font-size) * var(--default-font-size));
  letter-spacing: -0.025em;
}
@media screen and (max-width: 999px) {
  .btn-arrow-3-hv--md, .btn-arrow-2-hv--md, .btn-arrow-1-hv--md {
    width: calc(76 / var(--base-font-size) * var(--default-font-size));
    height: calc(28 / var(--base-font-size) * var(--default-font-size));
    border-radius: calc(5 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3-hv--md svg, .btn-arrow-2-hv--md svg, .btn-arrow-1-hv--md svg {
    width: calc(10 / var(--base-font-size) * var(--default-font-size));
    height: calc(10 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3-hv--md .btn-text, .btn-arrow-2-hv--md .btn-text, .btn-arrow-1-hv--md .btn-text {
    width: calc(43 / var(--base-font-size) * var(--default-font-size));
    font-size: calc(12 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-arrow-3-hv--md:hover::before, .btn-arrow-2-hv--md:hover::before, .btn-arrow-1-hv--md:hover::before {
    opacity: 0;
  }
}

.btn-chev-4--lg, .btn-chev-3--lg, .btn-chev-2--lg, .btn-chev-1--lg {
  width: calc(48 / var(--base-font-size) * var(--default-font-size));
  height: calc(48 / var(--base-font-size) * var(--default-font-size));
  border-radius: calc(8 / var(--base-font-size) * var(--default-font-size));
}
.btn-chev-4--lg::before, .btn-chev-3--lg::before, .btn-chev-2--lg::before, .btn-chev-1--lg::before {
  border-radius: calc(8 / var(--base-font-size) * var(--default-font-size));
}
.btn-chev-4--lg svg, .btn-chev-3--lg svg, .btn-chev-2--lg svg, .btn-chev-1--lg svg {
  width: calc(16 / var(--base-font-size) * var(--default-font-size));
  height: calc(16 / var(--base-font-size) * var(--default-font-size));
}
@media screen and (max-width: 999px) {
  .btn-chev-4--lg, .btn-chev-3--lg, .btn-chev-2--lg, .btn-chev-1--lg {
    width: calc(32 / var(--base-font-size) * var(--default-font-size));
    height: calc(32 / var(--base-font-size) * var(--default-font-size));
    border-radius: calc(6 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-chev-4--lg svg, .btn-chev-3--lg svg, .btn-chev-2--lg svg, .btn-chev-1--lg svg {
    width: calc(11 / var(--base-font-size) * var(--default-font-size));
    height: calc(11 / var(--base-font-size) * var(--default-font-size));
  }
}

.btn-chev-4--md, .btn-chev-3--md, .btn-chev-2--md, .btn-chev-1--md {
  border-radius: calc(7 / var(--base-font-size) * var(--default-font-size));
  width: calc(40 / var(--base-font-size) * var(--default-font-size));
  height: calc(40 / var(--base-font-size) * var(--default-font-size));
}
.btn-chev-4--md::before, .btn-chev-3--md::before, .btn-chev-2--md::before, .btn-chev-1--md::before {
  border-radius: calc(7 / var(--base-font-size) * var(--default-font-size));
}
.btn-chev-4--md svg, .btn-chev-3--md svg, .btn-chev-2--md svg, .btn-chev-1--md svg {
  width: calc(13 / var(--base-font-size) * var(--default-font-size));
  height: calc(13 / var(--base-font-size) * var(--default-font-size));
}
@media screen and (max-width: 999px) {
  .btn-chev-4--md, .btn-chev-3--md, .btn-chev-2--md, .btn-chev-1--md {
    width: calc(32 / var(--base-font-size) * var(--default-font-size));
    height: calc(32 / var(--base-font-size) * var(--default-font-size));
    border-radius: calc(6 / var(--base-font-size) * var(--default-font-size));
  }
  .btn-chev-4--md svg, .btn-chev-3--md svg, .btn-chev-2--md svg, .btn-chev-1--md svg {
    width: calc(11 / var(--base-font-size) * var(--default-font-size));
    height: calc(11 / var(--base-font-size) * var(--default-font-size));
  }
}

.btn[data-type=text-icon] {
  display: inline-flex;
  align-items: center;
  gap: calc(6 / var(--base-font-size) * var(--default-font-size));
  font-size: calc(20 / var(--base-font-size) * var(--default-font-size));
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.04em;
  text-wrap: nowrap;
}
.btn[data-type=text-icon] .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: calc(28 / var(--base-font-size) * var(--default-font-size));
  height: calc(28 / var(--base-font-size) * var(--default-font-size));
  background-color: var(--color-blue1);
  position: relative;
  overflow: hidden;
}
.btn[data-type=text-icon] .icon svg {
  position: relative;
  width: calc(12 / var(--base-font-size) * var(--default-font-size));
  height: calc(12 / var(--base-font-size) * var(--default-font-size));
  z-index: 1;
}
.btn[data-type=text-icon] .icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn[data-type=text-icon]:hover .icon::before {
  opacity: 1;
}
@media screen and (max-width: 999px) {
  .btn[data-type=text-icon] {
    font-size: calc(15 / var(--base-font-size) * var(--default-font-size));
  }
  .btn[data-type=text-icon] .icon {
    width: calc(21 / var(--base-font-size) * var(--default-font-size));
    height: calc(21 / var(--base-font-size) * var(--default-font-size));
  }
  .btn[data-type=text-icon] .icon svg {
    width: calc(9 / var(--base-font-size) * var(--default-font-size));
    height: calc(9 / var(--base-font-size) * var(--default-font-size));
  }
}
.btn-box[data-type=text-icon] {
  display: flex;
  justify-content: center;
  padding: calc(20 / var(--base-font-size) * var(--default-font-size)) 0 calc(24 / var(--base-font-size) * var(--default-font-size));
  border-top: 1px solid var(--color-gray4);
}
@media screen and (max-width: 999px) {
  .btn-box[data-type=text-icon] {
    padding: calc(14 / var(--base-font-size) * var(--default-font-size)) 0;
  }
}

.btn-arrow-1--lg {
  background: var(--color-blue1);
}
.btn-arrow-1--lg .btn-text {
  color: var(--color-gray1);
}

.btn-arrow-2--lg {
  background: var(--color-gray1);
}

.btn-arrow-3--lg {
  background: var(--color-grayish2);
}

.btn-arrow-1--md {
  background: var(--color-blue1);
}
.btn-arrow-1--md .btn-text {
  color: var(--color-gray1);
}

.btn-arrow-2--md {
  background: var(--color-gray1);
}

.btn-arrow-3--md {
  background: var(--color-grayish2);
}

.btn-arrow-1-hv--lg {
  background: var(--color-blue1);
  color: var(--color-gray1);
}

.btn-arrow-2-hv--lg {
  background: var(--color-gray1);
  color: var(--color-gray8);
}

.btn-arrow-3-hv--lg {
  background: var(--color-grayish2);
  color: var(--color-gray8);
}

.btn-arrow-1-hv--md {
  background: var(--color-blue1);
  color: var(--color-gray1);
}

.btn-arrow-2-hv--md {
  background: var(--color-gray1);
  color: var(--color-gray8);
}

.btn-arrow-3-hv--md {
  background: var(--color-grayish2);
  color: var(--color-gray8);
}

.btn-chev-1--lg:hover {
  border-color: var(--color-gray7);
}
.btn-chev-1--lg::before {
  display: none;
}

.btn-chev-3--lg {
  border: 0px;
  background-color: var(--color-blue1);
}

.btn-chev-4--lg {
  border: 0px;
  background-color: var(--color-gray1);
}

.btn-chev-1--md:hover {
  border-color: var(--color-gray7);
}
.btn-chev-1--md::before {
  display: none;
}

.btn-chev-3--md {
  border: 0px;
  background-color: var(--color-blue1);
}

.btn-chev-4--md {
  border: 0px;
  background-color: var(--color-gray1);
}

.tag {
  display: inline-flex;
  padding: calc(6 / var(--base-font-size) * var(--default-font-size)) calc(12 / var(--base-font-size) * var(--default-font-size));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  line-height: 1.4;
  letter-spacing: -0.04em;
}
.tag[data-color=white] {
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: var(--color-gray1);
}
.tag[data-color=gray] {
  border: 1px solid rgba(102, 102, 102, 0.4);
  color: var(--color-gray7);
}
.tag[data-size=l] {
  font-size: calc(18 / var(--base-font-size) * var(--default-font-size));
}
.tag[data-size=m] {
  font-size: calc(16 / var(--base-font-size) * var(--default-font-size));
}
.tag[data-size=s] {
  padding: calc(5 / var(--base-font-size) * var(--default-font-size)) calc(10 / var(--base-font-size) * var(--default-font-size));
  font-size: calc(13 / var(--base-font-size) * var(--default-font-size));
}
@media screen and (max-width: 999px) {
  .tag[data-size=l] {
    padding: calc(5 / var(--base-font-size) * var(--default-font-size)) calc(10 / var(--base-font-size) * var(--default-font-size));
    font-size: calc(13 / var(--base-font-size) * var(--default-font-size));
  }
  .tag[data-size=m] {
    padding: calc(4 / var(--base-font-size) * var(--default-font-size)) calc(8 / var(--base-font-size) * var(--default-font-size));
    font-size: calc(12 / var(--base-font-size) * var(--default-font-size));
  }
  .tag[data-size=s] {
    font-size: calc(11 / var(--base-font-size) * var(--default-font-size));
  }
}

.carousel-box {
  display: flex;
  gap: calc(8 / var(--base-font-size) * var(--default-font-size));
}
.carousel-box[data-color=white] .carousel-btn span {
  background-color: var(--color-gray1);
}
.carousel-box[data-color=blue] .carousel-btn span {
  background-color: var(--color-gray8);
  opacity: 0.2;
}
.carousel-btn {
  font-size: 0;
}
.carousel-btn span {
  display: block;
  width: calc(8 / var(--base-font-size) * var(--default-font-size));
  height: calc(8 / var(--base-font-size) * var(--default-font-size));
  border-radius: 50%;
  opacity: 0.4;
}
.carousel-btn svg rect {
  height: 100%;
}
.carousel-btn.carousel-current svg {
  width: calc(40 / var(--base-font-size) * var(--default-font-size));
  height: calc(8 / var(--base-font-size) * var(--default-font-size));
}
.carousel-btn.active svg rect.fill-bar {
  animation: carouselAni 3s;
}
@media screen and (max-width: 999px) {
  .carousel-box {
    gap: calc(5 / var(--base-font-size) * var(--default-font-size));
  }
  .carousel-btn span {
    width: calc(5 / var(--base-font-size) * var(--default-font-size));
    height: calc(5 / var(--base-font-size) * var(--default-font-size));
  }
  .carousel-btn.carousel-current svg {
    width: calc(25 / var(--base-font-size) * var(--default-font-size));
    height: calc(5 / var(--base-font-size) * var(--default-font-size));
  }
}

@keyframes carouselAni {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/*---------------------------- add [S] ----------------------------*/
html, body{scroll-behavior:smooth;}
body {min-height: 100vh;scroll-behavior: smooth;text-rendering: optimizeSpeed;color: #010101;font-family: "Pretendard Variable";-moz-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;}
.func-cancle{width: 7.673rem;height: 4.25rem;font-size: calc(14 / var(--base-font-size) * var(--default-font-size));font-weight: 400;line-height: 1.25rem;letter-spacing: -0.02rem;color: #010101;display: flex;justify-content: center;align-items: center;border: 1px solid #ccc;border-radius: calc(100 / var(--base-font-size) * var(--default-font-size));}

.row{margin-left: calc(var(--grid-gutter) * 0.5 * 0);margin-right: calc(var(--grid-gutter) * 0.5 * 0);}
.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.point_none{user-select:none !important;pointer-events: none !important;}

/* .content-container{background-color:#f5f9fd;} */
h5{font-size:1.5rem; !important;}
.mainLine{width: calc(100% - -8.4vw);height: 1.625rem;background: rgba(0,0,0,0.05);margin:3rem 0 3rem -4.4vw;}
.titBlue{color:#0c58ca !important;}
.titRed{color:#f90f00 !important;}
.tit010101{color:#010101 !important;}
.tit-box{text-align:left !important;margin:0 !important;padding:0 0.5rem !important;}
.headline2{font-size:2.25rem;;font-weight: 600;margin:0 0 1.5rem 0;letter-spacing: -0.01rem;line-height:1.5;}
.headline3{font-size: calc(16 / var(--base-font-size) * var(--default-font-size));font-weight: 500;margin: 0 0 1rem 0;letter-spacing: -0.01rem;line-height: 1.5;}
.dnone{display:none !important;}
.rotate90{transform:rotate(90deg);}
.rotate180{transform:rotate(180deg);}
.rotate240{transform:rotate(240deg);}
.rotate360{transform:rotate(360deg);}
.w100{width:100% !important;}
.middleDot{display: flex;align-items: baseline;position:relative;}
.middleDot + .middleDot{padding-top:0.7rem;}
.middleDot:before{content: "·";position: relative;top: 0.2rem;padding-right: 0.5rem;line-height: 1;font-size: calc(20 / var(--base-font-size) * var(--default-font-size));}

.scroll-disable{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}

.num_case{position: absolute;z-index: 1;font-size: 4.2vw;top:6.4vw;right:5.4vw;letter-spacing: 0;font-weight: 600;padding: calc(2 / var(--base-font-size) * var(--default-font-size)) calc(14 / var(--base-font-size) * var(--default-font-size));background: #fff;border-radius: calc(14 / var(--base-font-size) * var(--default-font-size));}

.border0{border:0 !important;}
.main-kv-menu-box{padding-left:0;padding-right:0;}
.gear{font-size: 1.5rem;margin: 0 0 1.5rem 0;font-weight: 400;color: #666;letter-spacing: -0.03rem;display: flex;flex-direction: row;align-items: center;gap: 0.5rem;}
.gear:after{content: '';background:url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/main/gear.svg) no-repeat center center / contain;width: 1.7rem;height: 1.7rem;border-radius: 10rem;display: block;}
#main #kv .both{width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;gap: 1.4rem;}
#main #kv .both.small{gap: 0.8rem;}
#main #kv .both .btn{line-height:1.5;background: #fff !important;display: flex !important;justify-content: center;align-items: center;box-shadow: unset !important;padding: calc(10 / var(--base-font-size) * var(--default-font-size)) 0 !important;border: 1px solid #ccc !important;border-radius: 3.7rem;font-size: calc(15.8 / var(--base-font-size) * var(--default-font-size)) !important;font-weight: 400;color: #010101 !important;}
#main #kv .both .btn.main{border-radius: 1.5rem !important;}
#main #kv .both .btn.main.blbtn{pointer-events:auto;background-color: #159ede !important;color: #fff !important;border: 1px solid #159ede !important;}
#main #kv .both .btn.main.dark{pointer-events:auto;background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}
#main #kv .both .btn.main.disable{pointer-events:none;background-color: #b6d6e5 !important;border: 1px solid #b6d6e5 !important;}
#main #kv .both.small .btn{font-size:calc(14 / var(--base-font-size) * var(--default-font-size)) !important;}
#main #kv .both .btn + .btn{background-color:#159ede !important;color:#fff !important;border:0 !important;}

.flex_justify{display: flex !important;justify-content: space-between !important;align-items: center !important;}
.flex_row{display: flex !important;justify-content: space-between !important;align-items: center !important;}

.blueBg{color:#fff !important;background-color:#159ede !important;}

/* 체크 박스 [S] */
.checkBox_box{font-size: calc(14 / var(--base-font-size) * var(--default-font-size));display: flex;flex-direction: column;gap: 2.4rem;}
.checkBox_box .form{display: flex;justify-content: flex-start;align-items: flex-start;gap: 1rem;}
.checkBox_box input[type=checkbox]{width:3rem;height:3rem;background: url(../images/checkbox_off-19258e380e60faeddd161f41374229b2.svg) no-repeat center center / contain;margin-top:0.34rem;-webkit-appearance: none;appearance: none;}
.checkBox_box input[type=checkbox]:checked{background: url(../images/checkbox_on-d9fbae01e811a2a9756f635f36f24c02.svg) no-repeat center center / contain;}
.checkBox_box label{line-height: 1.5;font-weight: 400;color: #666;flex:1 1 0;}
/*----- 체크 박스 [E] */

/* 절차 스텝 [S] */
.stepIcon{font-size: calc(14 / var(--base-font-size) * var(--default-font-size));display: flex;flex-direction: column;gap: 2rem;}
.stepIcon li{display: flex;justify-content: flex-start;align-items: center;gap: 1rem;}
.stepIcon .lineTag{position:relative;}
.stepIcon .lineTag:before{content: '';display: block;position: absolute;top: 3rem;left: 1.48rem;width: 1px;height: 2rem;background: rgba(0,0,0,0.15);}
.stepIcon li:last-child .lineTag:before{display:none;}
/*----- 절차 스텝 [E] */

@media screen and (max-width: 999px){
  .wrapper{padding-bottom:calc(95 / var(--base-font-size) * var(--default-font-size));background-color: #f5f9fd;}
  #header{top:0;}
  #header .header-wrapper{background-color: #f5f9fd;}
  #header .header{border-bottom:0;}
  #header .header .logo{width: calc(120 / var(--base-font-size) * var(--default-font-size));}

  #header .header-units-list li.user{display: flex;justify-content: center;align-items: flex-end;}

  .switchBox{position:relative;display: flex;justify-content: center;align-items: center;margin-left: 0.75rem;}
  .switchBox input[type='checkbox']{height:0;width:0;visibility:hidden;}
  .switchBox label{cursor: pointer;text-indent: 3.92rem;line-height: 3.78rem;width: 7.4rem;height: 3.8rem;background: #c8d3de;display: block;border-radius: 62.5rem;font-size: 1.56rem;font-weight: 500;color: #5c656d;transition: all 0.3s ease;}
  .switchBox p{font-size: 1.56rem;font-weight: 600;letter-spacing: -0.02rem;color: #5c656d;position: absolute;right: 0.75rem;transition: all 0.3s ease;}
  .switchBox label:after{content: '';position: absolute;top: 0.4rem;left: 0.5rem;width: 3rem;height: 2.9rem;background: #fff;border-radius: 60rem;transition: all 0.3s ease;}
  .switchBox input:checked + label{background: #159ede;text-indent: 0.92rem;color: #fff;}
  .switchBox input:checked + label:after{left:calc(100% - 0.4rem);transform:translate(-100%);z-index: 1;}
  .switchBox label.active:after{width:130px;}

  #main #kv .accordion-list{width: 100%;font-size: calc(14 / var(--base-font-size) * var(--default-font-size));background: transparent;box-shadow: unset;display: inline-block;}
  #main #kv .accordion-list li{display: flex;justify-content: space-between;align-items: center;padding: calc(14 / var(--base-font-size) * var(--default-font-size)) calc(14 / var(--base-font-size) * var(--default-font-size));}
  #main #kv .accordion-list .answer{display:none;}
  #main #kv .answer ul{display: flex;flex-direction: column;gap: 1.85rem;}
  #main #kv .answer ul li{padding:0;}
  #main #kv .answer ul li.tit{}
  #main #kv .answer ul li.bot{font-size:1.5rem;;line-height: 1.5;padding-top: 2rem;border-top: 1px solid #eaf0f7;}
  #main #kv .answer ul li.bot.top{padding: 0;border: 0;margin-top: -1rem;}
  #main #kv .answer ul li.tit,
  #main #kv .answer ul li span+span{color:#010101;font-weight:600;}

  #header .header-units-list li.user a{display: flex;flex-direction: column;gap: 0.12rem;width:16.4vw;justify-content: center;align-items: center;}
  #header .header-units-list li.user a img{height:4.65rem;}

  #main #kv .main-kv-slide-arrow{display: flex;align-items: center;bottom: calc(10 / var(--base-font-size) * var(--default-font-size));left: calc(20 / var(--base-font-size) * var(--default-font-size));}
  #main #kv .main-kv-slide-arrow .play-pause-box{position: relative;width: calc(0 / var(--base-font-size) * var(--default-font-size));height: calc(14 / var(--base-font-size) * var(--default-font-size));display: flex;justify-content: space-between;align-items: center;}
  #main #kv .main-kv-slide-arrow .swiper-pagination{position: relative;top: 0 !important;left: 0 !important;bottom: 0 !important;}
  #main #kv .main-kv-slide-arrow .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: rgba(255,255,255,0.4);margin: 0 var(--swiper-pagination-bullet-horizontal-gap,3px);width: 0.88rem;height: 0.88rem;transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);}
  #main #kv .main-kv-slide-arrow .swiper-pagination .swiper-pagination-bullet-active{background: rgba(255,255,255,1);width: 2.18rem;border-radius: 2rem;}
  #main #kv .main-kv-slide-arrow .play-pause-box button{width: calc(24 / var(--base-font-size) * var(--default-font-size));height: calc(32 / var(--base-font-size) * var(--default-font-size));border-radius: calc(6 / var(--base-font-size) * var(--default-font-size));}
  #main #kv .main-kv-slide-arrow .play-pause-box button svg{width: calc(13 / var(--base-font-size) * var(--default-font-size));height: calc(13 / var(--base-font-size) * var(--default-font-size));}
  #main #kv .main-kv-container{gap: 0rem;height: auto;}
  #main #kv .main-kv-top,
  #main #kv .main-kv-menu{gap:3rem;}
  #main #kv .main-kv-slide{border-radius: var(--border-radius-s);overflow: hidden;}
  #main #kv .main-kv-slide-box{padding:8.6rem 0 0 0;}
  #main #kv .main-kv-slide-item .bg{padding-top: 0 !important;background: transparent;}
  /* #main #kv .main-kv-slide-item .bg{padding-top:calc(108 / var(--base-font-size) * var(--default-font-size));background: #467bab; */ /* as-is 2628 */
  #main #kv .main-kv-slide-item .bg .bg-inner{position: relative;top: 0;lefT: 0;width: 100%;height: 100%;display:block;}
  #main #kv .main-kv-slide-txt-box .tit{margin-top: calc(2 / var(--base-font-size) * var(--default-font-size));}
  #main #kv .bg-inner img{position: relative;width: 100%;height: auto;left: auto;top: 0;right: 0;transform: translate(0, 0);object-fit: contain;}
  #main #kv .main-kv-slide-txt-box{top: calc(22 / var(--base-font-size) * var(--default-font-size));left: calc(22 / var(--base-font-size) * var(--default-font-size));}
  #main #kv .main-kv-slide-txt-box .tit{font-size: 2.12em;font-weight: 600;margin: 0;}
  #main #kv .tag[data-color=white]{padding: 0.25rem 0 0 0 !important;font-size: calc(12 / var(--base-font-size) * var(--default-font-size));border: 0;font-weight:400;max-width: 63vw;}
  #main #kv .main-kv-slide button{border:0;}

  #main #kv .main-kv-slide-bottom{width: calc(100% - -5.2rem);margin-left: -2.6rem;border:0;border-radius:0;overflow: hidden;}/* border-radius: var(--border-radius-xl); */
  #main #kv .main-kv-slide-bottom .swiper-slide{width:64%;}
  #main #kv .main-kv-slide-bottom .swiper-pagination-fraction{background-color: rgba(0,0,0,0.4);color: rgba(255,255,255,0.4);font-size: 4.4vw;font-weight: 300;letter-spacing: 0.3rem;display: flex;justify-content: center;align-items: center;padding: 0.50rem 0;position: absolute;bottom: 2rem;left:10vw;width:7.6rem;border-radius: 2.2rem;}
  #main #kv .main-kv-slide-bottom .swiper-pagination-fraction .swiper-pagination-current{color:#fff;}
  /* #main #kv .main-kv-slide-bottom .swiper-slide{width: calc(258 / var(--base-font-size) * var(--default-font-size)) !important;} */
  #main #kv .main-kv-slide-bottom .bg{padding-top:0 !important;background-color:transparent;}
  #main #kv .main-kv-slide-bottom .bg-inner{position:relative;}
  #main #kv .main-kv-slide-bottom .bg-inner img{position: relative;width: 100%;height: auto;left: auto;right:0;top: 0;transform: translate(0, 0);font-size:1calc(21 / var(--base-font-size) * var(--default-font-size));}

  #main #kv .main-kv-menu-item.login{background-color: var(--color-gray1);border:1px solid var(--color-gray2);}
  #main #kv .main-kv-menu-item.login .txt-box .tit{color: var(--color-gray9);font-size:2.25rem;;font-weight: 600;letter-spacing: -0.01rem;}

  #main #kv .main-kv-menu-item.login .txt-box .icon{width:18.6vw;}
  /* #main #kv .main-kv-menu-item.login .txt-box .icon{width: calc(88 / var(--base-font-size) * var(--default-font-size));} */

  #main #kv .main-kv-menu-item.login .login-btn{font-size:calc(16 / var(--base-font-size) * var(--default-font-size));color: var(--color-gray1);margin-top: calc(14 / var(--base-font-size) * var(--default-font-size));background: #0c58ca;}
  #main #kv .main-kv-menu-item.login .join-btn{margin-top: 1.46rem;display: flex;justify-content: center;align-items: center;}
  #main #kv .main-kv-menu-item.login .join-btn span{color:#666;border-bottom: 1px solid #666;text-align: center;line-height: 2.25rem;font-size: 1.875rem;}
  #main #kv .main-kv-bottom-menu .menu-item{width:100%;}
  #main #kv .main-kv-bottom-menu .menu-item a {background:#fff;border:1px solid var(--color-gray2);padding: calc(20 / var(--base-font-size) * var(--default-font-size)) calc(20 / var(--base-font-size) * var(--default-font-size)) calc(20 / var(--base-font-size) * var(--default-font-size)) calc(20 / var(--base-font-size) * var(--default-font-size));}
  #main #kv .main-kv-bottom-menu .menu-item a .titBox{width: calc(100% - 48 / var(--base-font-size) * var(--default-font-size) - 12 / var(--base-font-size) * var(--default-font-size));}
  #main #kv .main-kv-bottom-menu .menu-item a .titBox h5{font-size: calc(12.75 / var(--base-font-size) * var(--default-font-size));font-weight: 400;padding-bottom: 1rem;}
  #main #kv .main-kv-bottom-menu .menu-item a .titBox strong.tit{font-size:2.25rem;;font-weight: 500;width: calc(100% - 48 / var(--base-font-size) * var(--default-font-size) - 12 / var(--base-font-size) * var(--default-font-size));letter-spacing: -0.01rem;display:flex;align-items: center;;}
  #main #kv .main-kv-bottom-menu .menu-item a .icon-wrap {width: calc(91 / var(--base-font-size) * var(--default-font-size));position: absolute;right: 1.5rem;}
  #main #kv .main-kv-bottom-menu .menu-item a .icon-wrap .icon{display:flex;background-color:transparent;}

  #main #mainPopularCon{margin:0;}
  /* #main #mainPopularCon .main-popular-top{transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);margin-bottom: calc(10 / var(--base-font-size) * var(--default-font-size));} */
  #main #mainPopularCon .main-popular-top{transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);}
  #main #mainPopularCon .main-popular-top.mainMa0{margin-bottom: 0;}
  #main #mainPopularCon .main-popular-menu{position: relative;width: 100%;height: 100%;z-index: 1;display: flex;flex-wrap:wrap;gap: calc(10 / var(--base-font-size) * var(--default-font-size));}
  #main #mainPopularCon .main-popular-menu .menu-item{width:calc(50% - 5 / var(--base-font-size) * var(--default-font-size));}
  #main #mainPopularCon .main-popular-menu .menu-item.hidd{display:none;}
  #main #mainPopularCon .main-popular-menu .menu-item a[data-color=popular-item-a1]{background:#ddd5fa;}
  #main #mainPopularCon .main-popular-menu .menu-item a[data-color=popular-item-b2]{background:#c4e6f6;}
  #main #mainPopularCon .main-popular-menu .menu-item a[data-color=popular-item-c3]{background:#daeaf4;}
  #main #mainPopularCon .main-popular-menu .menu-item a[data-color=popular-item-d4]{background:#d7f0da;}
  #main #mainPopularCon .main-popular-menu .menu-item a[data-color=popular-item-e5]{background:#c4e6f6;}
  #main #mainPopularCon .main-popular-menu .menu-item a[data-color=popular-item-f6]{background:#c4e6f6;}
  #main #mainPopularCon .main-popular-menu .menu-item a{position: relative;border-radius: var(--border-radius-m);display: flex;flex-direction: column;justify-content: space-between;height: auto;background:#fff;border:1px solid rgba(0,0,0,0.03);aspect-ratio: 1/0.82;padding:calc(18 / var(--base-font-size) * var(--default-font-size)) calc(18 / var(--base-font-size) * var(--default-font-size));}
  #main #mainPopularCon .main-popular-menu .menu-item a .titBox{display: flex;flex-direction: column;gap: 0.25rem;}
  #main #mainPopularCon .main-popular-menu .menu-item a .titBox h5{font-size: calc(12.75 / var(--base-font-size) * var(--default-font-size));font-weight: 400;}
  #main #mainPopularCon .main-popular-menu .menu-item a .titBox strong{font-size:2.25rem;;font-weight: 500;width:100%;letter-spacing: -0.01rem;display:flex;align-items: center;padding-bottom: 1rem;}
  #main #mainPopularCon .main-popular-menu .menu-item a .icon-wrap {width:100%;display: flex;flex-direction: row;justify-content: flex-end;}
  #main #mainPopularCon .main-popular-menu .menu-item a .icon-wrap .icon{width: calc(93 / var(--base-font-size) * var(--default-font-size));position: absolute;right: calc(0 / var(--base-font-size) * var(--default-font-size));bottom: 0;transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);}
  #main #mainPopularCon .main-popular-menu .menu-item.hidd a .icon-wrap .icon{bottom:calc(8 / var(--base-font-size) * var(--default-font-size));}
  #main #mainPopularCon .main-popular-menu .menu-item.circle a{justify-content: center;align-items: center;border-radius: 50%;}
  #main #mainPopularCon .main-popular-menu .menu-item.circle a .titBox{display: flex;justify-content: center;align-items: center;flex-direction: column;}
  #main #mainPopularCon .main-popular-menu .menu-item.circle a .titBox h5{font-size: calc(12.75 / var(--base-font-size) * var(--default-font-size));font-weight: 400;padding-bottom: 0.7rem;}
  #main #mainPopularCon .main-popular-menu .menu-item.circle a .titBox strong{font-size:2.25rem;;font-weight: 500;width:100%;letter-spacing: -0.01rem;display:block;text-align: center;padding-bottom: 1rem;}
  .slideBox{position: relative;background: #f5f9fd;padding-bottom:3rem;margin-top: calc(-137 / var(--base-font-size) * var(--default-font-size));transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index: 1;}
  #main #mainPopularCon .main-popular-menu .menu-item img{width:100%;}
  .slideBox.active{margin-top:calc(10 / var(--base-font-size) * var(--default-font-size));}
  .moreBox{width:100%;}
  .moreBox a{width: 100%;display: flex;justify-content: center;padding: 1.5rem 0;align-items: center;gap: 0.75rem;align-self: stretch;border: 1px solid var(--color-gray2);background: #fff;border-radius: calc(12 / var(--base-font-size) * var(--default-font-size)) calc(12 / var(--base-font-size) * var(--default-font-size));}
  #main #mainPopularCon .moreBox p{font-size: calc(16 / var(--base-font-size) * var(--default-font-size));}
  #main #mainPopularCon .moreBox img{transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transform: rotate(0deg);}
  #main #mainPopularCon .moreBox img.rotate{transform: rotate(180deg);}

  #main #mainAgeCon{position: relative;margin:0;background: #f5f9fd;z-index: 1;}
  #main #mainAgeCon .main-age-tab-container{margin:0;background-color:#fff;border-radius: var(--border-radius-m);border: 1px solid var(--color-gray2);}
  #main #mainAgeCon .main-age-tab-list{display: flex;flex-direction: column;width: 100%;gap:0;padding:calc(14 / var(--base-font-size) * var(--default-font-size)) 0;}
  #main #mainAgeCon .menu-item a{width: 100%;display: flex;padding: calc(14 / var(--base-font-size) * var(--default-font-size)) calc(18 / var(--base-font-size) * var(--default-font-size)) calc(14 / var(--base-font-size) * var(--default-font-size)) calc(18 / var(--base-font-size) * var(--default-font-size));justify-content: space-between;align-items: center;}
  #main #mainAgeCon .menu-item a>div{display:flex;justify-content: flex-start;align-items: center;}
  #main #mainAgeCon .menu-item a .titBox h5{font-size: calc(12.75 / var(--base-font-size) * var(--default-font-size));font-weight: 400;padding-bottom: 1rem;}
  #main #mainAgeCon .menu-item a .titBox strong{font-size:2.25rem;;font-weight: 500;letter-spacing: -0.03rem;display:flex;align-items: center;}
  #main #mainAgeCon .menu-item a img.icon{width: 13.8524vw;margin-right: 1.65rem;}
  #main #mainAgeCon .menu-item a img.arrow{width: 4.20vw;}
  #main #mainAgeCon .privacy{font-size: calc(16 / var(--base-font-size) * var(--default-font-size));text-align:center;font-weight: 400;letter-spacing: -0.025rem;display: flex;width: 100%;justify-content: center;align-items: center;padding:calc(28 / var(--base-font-size) * var(--default-font-size)) 0 calc(34 / var(--base-font-size) * var(--default-font-size));}

  #footer{position: fixed;bottom: 0;left: 0;width: 100%;height:auto;padding: 0;border: 0;background: #fff;z-index:2;}

  #footer ul{display: flex !important;flex-direction: row !important;justify-content:space-around;align-items: center;gap: 0 !important;padding:calc(12 / var(--base-font-size) * var(--default-font-size)) calc(19 / var(--base-font-size) * var(--default-font-size)) !important;background: #fff;border-top: 1px solid #d9e2ec;}
  #footer ul li{font-size:0.6875rem;font-weight:500;color:#7d8890;}
  #footer ul li a{display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: center;}

  #footer ul li a.active img{display:none;}
  #footer ul li a.active img + img{display:block;}
  #footer ul li a.active p{color:#0c58ca;font-weight:600;}

  #footer ul li img{width:6.525vw;max-width:3.6rem;}
  #footer ul li.w58 img{width:5.8vw;}
  #footer ul li img + img{display:none;}
  #footer ul li p{color: #7d8890;font-size:1.6rem;font-weight:500;padding-top: 0.75rem;line-height:2rem;}
  #footer ul li p.showColor{color:#0c58ca;font-weight:600;}
  #footer .lineBtn{width: 100%;display: flex;align-items: center;justify-content: center;padding: 1.18rem 0 1rem;background: #fff;display:none;}
  #footer .lineBtn>div{width: 40vw;height: 0.74rem;background: #000;border-radius: 6.25rem;visibility: hidden;}


  #main #kv .listType ul{width:100%;display: flex;flex-direction: column;gap: 1.85rem;margin-top: 1.7rem;}
  #main #kv .listType.b2 ul{gap:2.3rem;}
  #main #kv .listType ul li{padding:0;display: flex;justify-content: space-between;align-items: center;}
  #main #kv .listType ul li span{color:#666;font-size: calc(14 / var(--base-font-size) * var(--default-font-size));}
  #main #kv .listType ul li span + span{color:#010101 !important;}
  #main #kv .listType ul li.tit{}
  #main #kv .listType ul li.bot{font-size: calc(13 / var(--base-font-size) * var(--default-font-size));line-height: 1.5;padding-top: 2rem;border-top: 1px solid #eaf0f7;}
  #main #kv .listType ul li.bot.top{padding: 0;border: 0;margin-top: -1rem;}
  #main #kv .listType ul li.tit,
  #main #kv .listType ul li span+span{color:#010101;font-weight:600;}


  /* 메인 푸터 메뉴 [S] */
  body .wrapper.menu{background: #fff;padding-bottom:calc(136 / var(--base-font-size) * var(--default-font-size));}
  /* height:100vh; */
  body .wrapper.menu #header .header-wrapper{background:#fff;}
  body .wrapper.menu #header .header-title{font-size:calc(20 / var(--base-font-size) * var(--default-font-size));color: #010101;line-height: 3.5rem;font-weight: 500;text-align:center;padding: 0 1rem;word-spacing: -0.1rem;}
  body .wrapper.menu #header .close-button.func-prev{font-size: 1rem;color: #fff;line-height: 1rem;word-break: keep-all;text-align: center;text-indent: -999px;display: flex;align-items: center;margin-right: 4.48rem;}
  body .wrapper.menu #header .close-button.func-prev img{object-fit: cover;width: 24px;height: 24px;}
  body .wrapper.menu .headline2{margin:4rem 0 1.5rem;}

  body .wrapper.menu #main #kv .main-kv-top{padding-top: 9.6rem;}

  body .wrapper.menu #main #kv .switchBox{width: 100%;position: relative;display: flex;justify-content: center;align-items: center;line-height: calc(50 / var(--base-font-size) * var(--default-font-size));height: calc(50 / var(--base-font-size) * var(--default-font-size));background: #c8d3de;border-radius:1.8rem;padding:0.34rem;margin-left: 0;}
  body .wrapper.menu #main #kv .switchBox a{width: 100%;height: 100%;font-size: calc(18 / var(--base-font-size) * var(--default-font-size));font-weight: 400;color: #fff;display: flex;justify-content: center;align-items: center;}
  body .wrapper.menu #main #kv .switchBox a.white-b{color:#010101;font-weight:600;background: #fff;border-radius:3.6vw;}

  body .wrapper.menu #main #kv .switchBox.case02{line-height: calc(48 / var(--base-font-size) * var(--default-font-size));height: calc(48 / var(--base-font-size) * var(--default-font-size));justify-content: space-around;background:transparent;}
  body .wrapper.menu #main #kv .switchBox.case02:after{content: '';display: flex;border-bottom: 1px solid #eee;position: absolute;bottom: 0;width: calc(100% - -4rem);margin-left: 0rem;line-height: 0;}
  body .wrapper.menu #main #kv .switchBox.case02 a{color:#666;font-weight:500;flex-basis: content;box-sizing: content-box;padding:0 1.5rem;}
  body .wrapper.menu #main #kv .switchBox.case02 a.select{color:#010101;font-weight:600;border-bottom:3px solid #159ede;margin-bottom: -3px;z-index: 1;}

  body .wrapper.menu .opposition{transform: scaleX(-1);}
  body .wrapper.menu #main #kv .shadow-box a{display: flex;gap:1.4rem;padding: 3.4vw;border: 0;background: #fff;box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);}
  body .wrapper.menu #main #kv .shadow-box .icon-wrap{position:relative;right:0;}
  body .wrapper.menu #main #kv .shadow-box .titBox{width:100%;}
  body .wrapper.menu #main #kv .shadow-box .titBox h5{padding-bottom:2vw;}


  body .wrapper.menu #main #kv .shadow-box.b02{background: #fff;border: 1px solid rgba(0,0,0,0.06);display: flex;flex-direction: column;align-items: flex-start;flex-wrap: nowrap;padding:5.6vw 4.2vw;box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);border-radius: var(--border-radius-m);}

  body .wrapper.menu #main #kv .shadow-box.b02 .icon-wrap{width: 100%;display: inline-flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
  body .wrapper.menu #main #kv .shadow-box.b02 .icon-wrap span{position: relative;flex:1 1 0;font-size:calc(15.5 / var(--base-font-size) * var(--default-font-size));font-weight: 500;letter-spacing: -0.03rem;word-spacing: -0.1rem;}
  body .wrapper.menu #main #kv .shadow-box.b02 .icon-wrap span + span{flex:0;}
  body .wrapper.menu #main #kv .shadow-box.b02 .icon-wrap img{margin-right:1.5rem;}
  body .wrapper.menu #main #kv .shadow-box.b02 .icon-wrap .ci_num{color: #fff;background: #159ede;width: 2.65rem;height: 2.65rem;border-radius: 50%;display: flex;justify-content: space-around;align-items: center;font-size: calc(14 / var(--base-font-size) * var(--default-font-size));}
  body .wrapper.menu #main #kv .con_ul{width: 100%;margin-top: 2rem;}
  body .wrapper.menu #main #kv .con_ul li dl{display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;justify-content: center;border-radius: 1.2rem;background: #f5f9fd;border: 1px solid #eaf0f7;}
  body .wrapper.menu #main #kv .con_ul li dl + dl{margin-top:1.2rem;}
  body .wrapper.menu #main #kv .con_ul li dl dd{width: 100%;}
  body .wrapper.menu #main #kv .con_ul li dl dd a,
  body .wrapper.menu #main #kv .con_ul li dl dd .aTag{width: 100%;font-size: calc(14 / var(--base-font-size) * var(--default-font-size));padding:calc(14 / var(--base-font-size) * var(--default-font-size)) calc(14 / var(--base-font-size) * var(--default-font-size));background: transparent;box-shadow: unset;display:inline-block;line-height: 1.5;border:0;color:#666;-webkit-word-break: break-all;word-break: break-all;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dl dd .both a{width:auto;flex-grow:1;font-weight: 400;}
  body .wrapper.menu #main #kv .con_ul li dl dd span{color:#666;font-size: calc(14 / var(--base-font-size) * var(--default-font-size));}
  body .wrapper.menu #main #kv .con_ul li dl dd span + span{color:#010101 !important;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dl dd .color010101{color:#010101 !important;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dl dd b{color:#010101;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dl dd .img{display: flex;align-items: center;justify-content: space-between;gap: 0.4rem;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dl dd .b02{flex-direction: column !important;align-items: flex-start !important;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dl dd .img.b02 p{font-size: calc(14.5 / var(--base-font-size) * var(--default-font-size));color: #010101;font-weight: 500;padding-bottom: 0.5rem;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dl dd .img.b02 small{font-size:calc(13 / var(--base-font-size) * var(--default-font-size));}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dl.typeB{display: flex;gap: 1.2rem;border-radius: 0;background: transparent;border: 0;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dl.typeB dd{border-radius: 1.2rem;background: #f5f9fd;border: 1px solid #eaf0f7;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dd .ex_case{display:flex;top:1vw;justify-content:space-between;width:calc(100% - 2.2rem);align-items:center;padding: calc(14 / var(--base-font-size) * var(--default-font-size)) calc(5 / var(--base-font-size) * var(--default-font-size));}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dd .ex_case a{color:#0c58ca;width:auto;text-decoration:underline;font-weight:600;padding:0;white-space: nowrap;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dd .ex_case.b2{width: 100%;justify-content: center;}
  body .wrapper.menu #main #kv .shadow-box.b02 .con_ul li dd .ex_case.b2>a{flex-grow:0;}
  /* 메인 푸터 메뉴 [E] */

  /* 전체 메뉴 [S] */
  body .wrapper.menu .all-menu .headline2{margin:5rem 0 3.2rem;}
  body .wrapper.menu .sin{width:100%;}
  body .wrapper.menu .sin .headline2{margin:0 0 1.4rem;}
  body .wrapper.menu .sin:before{content: '';display: block;width: calc(100% - -4rem);height:2.6vw;background-color: #eee;margin: 10vw 0 10vw -2rem;}
  body .wrapper.menu .all-menu h1{font-size:2.25rem; !important;font-weight:600;letter-spacing: -0.03rem;}
  body .wrapper.menu #kv .all-menu body .wrapper.menu .headline2{margin: 5rem 0 3rem;}
  /* 2024.12.19 통합검색 추가로 수정 (주석 밑에 한줄) */
  body .wrapper.menu .all-menu .both{flex:0 1 0;justify-content: center;display: flex;align-items: center;flex:1;justify-content: right;}
  body .wrapper.menu .all-menu .main-kv-bottom-menu + .main-kv-bottom-menu{margin-top:4.5rem;}
  body .wrapper.menu #kv .all-menu .main-kv-bottom-menu{gap:0.8rem;}
  body .wrapper.menu #kv .all-menu .main-kv-bottom-menu h3{font-size: calc(16.5 / var(--base-font-size) * var(--default-font-size));font-weight: 600;margin:0 0 0.8rem;}
  body .wrapper.menu #main #kv .all-menu .shadow-box a{padding: 0.6vw 0;box-shadow: none;}
  body .wrapper #main #kv .all-menu .main-kv-bottom-menu .menu-item a .titBox strong.tit{font-size:calc(15.5 / var(--base-font-size) * var(--default-font-size));font-weight: 400;}
  body .wrapper.menu #main #kv .all-menu .shadow-box .icon-wrap{width:calc(40 / var(--base-font-size) * var(--default-font-size));}

  /* 2024.12.19 통합검색 추가 */
  .header-right { position: absolute; top:50%; transform: translateY(-50%); right: 4.0100250627vw; }
  .header-search {width: 114px;display: flex;gap:12px;padding:8px 12px;border:1px solid #eee;border-radius: 8px;}
  .header-search input {width: calc(100% - 24px);font-weight: 400;}

  /* 전체 메뉴 [E] */

  /* 나의 대출 [S] */
  body .wrapper.menu #main #kv .myLoan{}
  body .wrapper.menu #main #kv .myLoan .con_ul{}
  body .wrapper.menu #main #kv .con_ul .bs{color:#010101;font-size: calc(19 / var(--base-font-size) * var(--default-font-size));font-weight:600;}
  /* 나의 대출 [E] */

  /* 모달 팝업 [S] */
  .modalPopup{position: fixed;z-index: 9993;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.7);display: flex;justify-content: center;align-items: center;overscroll-behavior: contain;display:none;}
  .modalPopup.show{display:flex;}
  .modalPopup .popup{background: #fff;width: calc(100% - 15.8vw);display: flex;justify-content: center;align-items: center;padding:5rem 3rem;border-radius: 3rem}
  .modalPopup .popup.full{width:100%;}
  .modalPopup .popup .tit-pop{width:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;gap:2.2vw;}
  .modalPopup .popup .cancel-pop{}
  .modalPopup .popup h3{font-size: calc(15.5 / var(--base-font-size) * var(--default-font-size));font-weight: 400;word-spacing: -0.1rem;}
  .modalPopup .popup h4{font-size: calc(18 / var(--base-font-size) * var(--default-font-size));font-weight:500;word-spacing: -0.1rem;}
  .modalPopup .popup .pop-btn{width:100%;display: flex;gap:1.2rem;justify-content: center;align-items: center;flex-direction: row;margin-top: calc(18 / var(--base-font-size) * var(--default-font-size));}
  .modalPopup .popup .pop-btn a{width: 100%;display: flex;justify-content: center;align-items: center;border: 1px solid #ccc;font-size: calc(16 / var(--base-font-size) * var(--default-font-size));font-weight: 500;padding: calc(13.5 / var(--base-font-size) * var(--default-font-size)) calc(20 / var(--base-font-size) * var(--default-font-size));border-radius: calc(16 / var(--base-font-size) * var(--default-font-size));}

  .modalPopup.default{display:block;}
  .modalPopup.default .popup{position: fixed;bottom: 8.2rem;width:100%;flex-direction: column;flex-wrap: wrap;align-content: flex-start;border-radius: calc(25 / var(--base-font-size) * var(--default-font-size)) calc(25 / var(--base-font-size) * var(--default-font-size)) 0 0;padding:calc(40 / var(--base-font-size) * var(--default-font-size)) calc(20 / var(--base-font-size) * var(--default-font-size)) calc(22 / var(--base-font-size) * var(--default-font-size));}
  .modalPopup.default .popup .top{display: flex;flex-direction: row;justify-content: space-between;width: 100%;align-items: center;}
  .modalPopup.default .popup .top h3{font-size: calc(22 / var(--base-font-size) * var(--default-font-size));font-weight: 600;}
  .modalPopup.default .popup .middle{display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;gap: 1rem;margin-top: 2.5rem}
  .modalPopup.default .popup .middle .box{width: 100%;padding:calc(16 / var(--base-font-size) * var(--default-font-size)) calc(16 / var(--base-font-size) * var(--default-font-size));background-color: #f5f9fd;border-radius:calc(16 / var(--base-font-size) * var(--default-font-size));display: flex;align-items: center;justify-content: space-around;flex-direction: column;}
  .modalPopup.default .popup .middle .box-add {min-width: 70px;}
  .modalPopup.default .popup .middle .box-add1 > img {width: 80%; max-width: 28px;}
  .modalPopup.default .popup .middle .box p{font-size: calc(14 / var(--base-font-size) * var(--default-font-size));text-align: center;font-weight: 600;padding-top: 1rem;}

 /* 2507 */
  .modalPopup.default .popup.customer .middle .box	{
    padding: calc(20 / var(--base-font-size) * var(--default-font-size)) calc(4 / var(--base-font-size) * var(--default-font-size));
    justify-content: center;
  }
  .modalPopup.default .popup.customer .middle .box p {
    line-height: 1.5;
    position: relative;
    letter-spacing: 0;
  }
  .modalPopup.default .popup.customer .middle .box p .call-free	{
    font-size: calc(11 / var(--base-font-size) * var(--default-font-size)); 
    white-space: nowrap;
    padding: 0.4rem 0 0;
    display: inline-block;
    line-height: 1.3;
    position: absolute;
    left: 50%;
    bottom: -33%;
    transform: translate(-50%, 0px);
    letter-spacing: -0.6px;
  }
  @media (max-width: 339px)	{
	.modalPopup.default .popup.customer .middle .box p	{
		padding-top: 0.6rem;
    letter-spacing: -0.6px;
	}
    .modalPopup.default .popup.customer .middle .box p .call-free	{
      font-size: calc(10 / var(--base-font-size) * var(--default-font-size)); 
      white-space: initial;
      min-width: 60px;
      line-height: 1;
      bottom: -30%;
    }
  }

  /* 모달 팝업 [E] */

  /* 토스트 팝업 [S] */
  .modalPopup.toast{align-items: flex-end;}
  .modalPopup.toast .popup{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;border-radius:3rem 3rem 0 0;gap:5rem;z-index:9992;}
  .modalPopup.toast .top{display: flex;flex-direction: column;align-items: flex-start;gap:1.24rem;}
  .modalPopup.toast .tit{font-size:2.5rem;font-weight: 600;line-height: 3.5rem;}
  .modalPopup.toast .tit.sub{font-size: 1.75rem;font-weight: 400;line-height: 2.5rem;color: #666;}
  .modalPopup.toast .middle{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;flex-wrap: nowrap;}
  .modalPopup.toast .footer{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 1rem;}
  .modalPopup.toast .btn{display: flex;height: 6.5rem;width: 100%;justify-content: center;align-items: center;font-size: 2.25rem;line-height: 3rem;border-radius: 1.5rem;background: #222;color: #fff;font-weight: 400;}
  .modalPopup.toast .btn.bl{background:#159ede;}
  /* 토스트 팝업 [E] */
}

@media screen and (min-width: 1000px){
  .wrapper{display:none;}
}
/* 2024 App 브라우져에서 화면 막기 위함 : 임시 */

@media screen and (max-width: 350px){
  #main #kv .tag[data-size=l]{width:90%;}
  #main #kv .main-kv-slide-item .bg{padding-top: calc(122 / var(--base-font-size) * var(--default-font-size));}
}
/*---------------------------- add [E] ----------------------------*/