@charset "UTF-8";
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 70px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --vh: calc(100vh / 100);
}

html,
body {
  position: relative;
  width: 100%;
  min-height: calc(var(--vh) * 100);
  height: calc(var(--vh) * 100);
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  scroll-behavior: smooth;
  color: #000000;
}

html {
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
}

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

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 {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input {
  appearance: none;
}
input:focus-visible {
  outline: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 0;
  appearance: none;
  border-radius: 0;
  text-transform: none;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  border: 0;
  background: transparent;
}

[disabled] {
  pointer-events: none;
  background-color: #ffffff;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

picture {
  display: inline-block;
}

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

hr {
  width: 100%;
  box-sizing: content-box;
  background: #181818;
  border: 0;
  height: 0.1rem;
  line-height: 0;
  margin: 0;
  padding: 0;
  page-break-after: always;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
a:active, a:hover {
  outline: none;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
}

small,
sub,
sup {
  font-size: 1rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.5rem;
}

sup {
  top: -0.5rem;
}

legend {
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
}

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

summary {
  display: list-item;
}

address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

th,
td {
  font-weight: normal;
}

strong,
em {
  color: inherit;
  font-weight: normal;
  font-style: normal;
}

:root {
  --gnb-size: 85px;
}

/* Paperlogy */
@font-face {
  font-family: "Paperlogy-t";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Paperlogy-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy-el";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Paperlogy-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy-l";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Paperlogy-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy-r";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Paperlogy-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy-m";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Paperlogy-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy-sb";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Paperlogy-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy-b";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Paperlogy-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy-eb";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Paperlogy-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "Paperlogy-bk";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Paperlogy-Black.woff2") format("woff2");
}
/* Pretendard */
@font-face {
  font-family: "pretendard-t";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "pretendard-el";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: "pretendard-l";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Light.woff2") format("woff2");
}
@font-face {
  font-family: "pretendard-r";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "pretendard-m";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "pretendard-sb";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "pretendard-b";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "pretendard-eb";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "pretendard-bk";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Black.woff2") format("woff2");
}
h1, h2, h3, h4, h5, h6 {
  font-family: "pretendard-b", sans-serif;
}

p, a, li, button, input, textarea, td, th, div, dl, dd, dt, label {
  font-family: "pretendard-r", sans-serif;
  color: #282828;
}

strong, em {
  font-family: "pretendard-b", sans-serif;
}

@media (max-width: 768px) {
  :root {
    --gnb-size: 5rem;
  }
}
body.home {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
body.home.load {
  opacity: 1;
}
body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  appearance: none;
}
body::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 3px;
}

.wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.container {
  position: relative;
  width: 100%;
}

.notScroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

caption,
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

a,
button {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
a:hover,
button:hover {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.logo {
  width: 18.8rem;
  height: 3.4rem;
  position: relative;
  display: block;
  background-image: url(../images/common/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
}
.logo.gray {
  width: 22rem;
  height: 4rem;
  background-image: url(../images/common/footer-logo.png);
}

/* Animate */
.animate {
  opacity: 0;
  transform: translateY(80px);
  will-change: opacity, transform;
  pointer-events: none;
  transition-delay: 0s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
}
.animate.animated {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.animate.animated.delay-1 {
  transition-delay: 0.03s;
}
.animate.animated.delay-2 {
  transition-delay: 0.06s;
}
.animate.animated.delay-3 {
  transition-delay: 0.09s;
}
.animate.animated.delay-4 {
  transition-delay: 0.12s;
}
.animate.animated.delay-5 {
  transition-delay: 0.15s;
}
.animate.animated.delay-6 {
  transition-delay: 0.18s;
}
.animate.animated.delay-7 {
  transition-delay: 0.21s;
}
.animate.animated.delay-8 {
  transition-delay: 0.24s;
}
.animate.animated.delay-9 {
  transition-delay: 0.27s;
}
.animate.animated.delay-10 {
  transition-delay: 0.3s;
}
.animate.animated.delay-11 {
  transition-delay: 0.33s;
}
.animate.animated.delay-12 {
  transition-delay: 0.36s;
}
.animate.animated.delay-13 {
  transition-delay: 0.39s;
}
.animate.animated.delay-14 {
  transition-delay: 0.42s;
}
.animate.animated.delay-15 {
  transition-delay: 0.45s;
}
.animate.animated.delay-16 {
  transition-delay: 0.48s;
}
.animate.animated.delay-17 {
  transition-delay: 0.51s;
}
.animate.animated.delay-18 {
  transition-delay: 0.54s;
}
.animate.animated.delay-19 {
  transition-delay: 0.57s;
}
.animate.animated.delay-20 {
  transition-delay: 0.6s;
}

.no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 20rem;
}
.no-data p {
  margin-top: 3rem;
  color: #000000;
  font-size: 1.8rem;
}

.pc {
  display: block;
}

.mo {
  display: none;
}

.inner {
  position: relative;
  width: 145rem;
  max-width: 100%;
  padding-inline: 2.5rem;
  margin: 0 auto;
}

.ico {
  display: inline-block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ico:hover {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ico.svg_close {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.5772 27.5772C29.9677 27.9677 29.9677 28.6009 29.5772 28.9914C29.1866 29.3819 28.5535 29.3819 28.163 28.9914L1.29289 2.12132C0.902369 1.7308 0.902369 1.09763 1.29289 0.707107C1.68342 0.316582 2.31658 0.316582 2.70711 0.707107L29.5772 27.5772Z' fill='%23000000'/%3E%3Cpath d='M1.42284 27.5772C1.03231 27.9677 1.03231 28.6009 1.42284 28.9914C1.81336 29.3819 2.44653 29.3819 2.83705 28.9914L29.7071 2.12132C30.0976 1.7308 30.0976 1.09763 29.7071 0.707107C29.3166 0.316582 28.6834 0.316582 28.2929 0.707107L1.42284 27.5772Z' fill='%23000000'/%3E%3C/svg%3E");
}
.ico.svg_link {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_18069)'%3E%3Cpath d='M0.629268 8C0.500006 8 0.378543 7.94958 0.287447 7.85849C0.0988459 7.66991 0.0988459 7.36321 0.287447 7.17462L6.49511 0.967165H2.0233C1.75669 0.967165 1.53968 0.750165 1.53968 0.483582C1.53968 0.216999 1.75669 0 2.0233 0H7.66238C7.92898 0 8.146 0.216999 8.146 0.483582V6.12222C8.146 6.3888 7.92898 6.6058 7.66238 6.6058C7.39577 6.6058 7.17876 6.3888 7.17876 6.12222V1.65103L0.970811 7.85849C0.879436 7.94986 0.757974 8 0.62899 8H0.629268Z' fill='%23000000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_18069'%3E%3Crect width='8' height='8' fill='white' transform='translate(0.145996)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 9px;
  height: 8px;
}
.ico.svg_link.wt {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_18069)'%3E%3Cpath d='M0.629268 8C0.500006 8 0.378543 7.94958 0.287447 7.85849C0.0988459 7.66991 0.0988459 7.36321 0.287447 7.17462L6.49511 0.967165H2.0233C1.75669 0.967165 1.53968 0.750165 1.53968 0.483582C1.53968 0.216999 1.75669 0 2.0233 0H7.66238C7.92898 0 8.146 0.216999 8.146 0.483582V6.12222C8.146 6.3888 7.92898 6.6058 7.66238 6.6058C7.39577 6.6058 7.17876 6.3888 7.17876 6.12222V1.65103L0.970811 7.85849C0.879436 7.94986 0.757974 8 0.62899 8H0.629268Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_18069'%3E%3Crect width='8' height='8' fill='white' transform='translate(0.145996)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.ico.svg_search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 8.5C15.5 4.91015 12.5899 2 9 2C5.41015 2 2.5 4.91015 2.5 8.5C2.5 12.0899 5.41015 15 9 15V17C4.30558 17 0.5 13.1944 0.5 8.5C0.5 3.80558 4.30558 0 9 0C13.6944 0 17.5 3.80558 17.5 8.5C17.5 13.1944 13.6944 17 9 17V15C12.5899 15 15.5 12.0899 15.5 8.5Z' fill='%23282828'/%3E%3Cpath d='M20.207 18.293C20.5976 18.6835 20.5976 19.3165 20.207 19.707C19.8165 20.0976 19.1835 20.0976 18.793 19.707L13.293 14.207L14.707 12.793L20.207 18.293Z' fill='%23282828'/%3E%3C/svg%3E%0A");
}
.ico.svg_lock {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='21' viewBox='0 0 14 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14_12317)'%3E%3Cpath d='M3.99458 8.31089V4.76679C3.99458 3.30627 5.19943 2.12043 6.67579 2.12043H7.32064C8.8004 2.12043 10.0019 3.30962 10.0019 4.76679V8.31089H12.1468V4.76679C12.1468 2.14053 9.98149 0 7.31725 0H6.6724C4.01494 0 1.84961 2.13718 1.84961 4.76679V8.31089H3.99458Z' fill='%234F4F4F'/%3E%3Cpath d='M13.1413 9.08813H0.858667C0.383515 9.08813 0 9.46666 0 9.93564V20.1526C0 20.6216 0.383515 21.0001 0.858667 21.0001H13.1413C13.6165 21.0001 14 20.6216 14 20.1526V9.93564C14 9.46666 13.6165 9.08813 13.1413 9.08813ZM7.81964 15.024V16.6788C7.81964 17.1243 7.45309 17.4861 7.0017 17.4861C6.5503 17.4861 6.18376 17.1243 6.18376 16.6788V15.024C5.85455 14.7795 5.64073 14.3875 5.64073 13.9487C5.64073 13.2051 6.25164 12.6021 7.00509 12.6021C7.75855 12.6021 8.36945 13.2051 8.36945 13.9487C8.36945 14.3875 8.15564 14.7795 7.82642 15.024H7.81964Z' fill='%234F4F4F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14_12317'%3E%3Crect width='14' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.ico.svg_accessibility {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.88'%3E%3Cpath d='M61.44,0A61.46,61.46,0,1,1,18,18,61.21,61.21,0,0,1,61.44,0Zm-.39,74.18L52.1,98.91a4.94,4.94,0,0,1-2.58,2.83A5,5,0,0,1,42.7,95.5l6.24-17.28a26.3,26.3,0,0,0,1.17-4,40.64,40.64,0,0,0,.54-4.18c.24-2.53.41-5.27.54-7.9s.22-5.18.29-7.29c.09-2.63-.62-2.8-2.73-3.3l-.44-.1-18-3.39A5,5,0,0,1,27.08,46a5,5,0,0,1,5.05-7.74l19.34,3.63c.77.07,1.52.16,2.31.25a57.64,57.64,0,0,0,7.18.53A81.13,81.13,0,0,0,69.9,42c.9-.1,1.75-.21,2.6-.29l18.25-3.42A5,5,0,0,1,94.5,39a5,5,0,0,1,1.3,7,5,5,0,0,1-3.21,2.09L75.15,51.37c-.58.13-1.1.22-1.56.29-1.82.31-2.72.47-2.61,3.06.08,1.89.31,4.15.61,6.51.35,2.77.81,5.71,1.29,8.4.31,1.77.6,3.19,1,4.55s.79,2.75,1.39,4.42l6.11,16.9a5,5,0,0,1-6.82,6.24,4.94,4.94,0,0,1-2.58-2.83L63,74.23,62,72.4l-1,1.78Zm.39-53.52a8.83,8.83,0,1,1-6.24,2.59,8.79,8.79,0,0,1,6.24-2.59Zm36.35,4.43a51.42,51.42,0,1,0,15,36.35,51.27,51.27,0,0,0-15-36.35Z' fill='%23282828'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
}
.ico.svg_global {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' stroke='%23282828' fill='none'%3E%3Cpath stroke-width='26' d='M209,15a195,195 0 1,0 2,0z'/%3E%3Cpath stroke-width='18' d='m210,15v390m195-195H15M59,90a260,260 0 0,0 302,0 m0,240 a260,260 0 0,0-302,0M195,20a250,250 0 0,0 0,382 m30,0 a250,250 0 0,0 0-382'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
}
.ico.svg_download {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4.73529H7.14286V0.5H2.85714V4.73529H0L5 9.67647L10 4.73529ZM0 11.0882V12.5H10V11.0882H0Z' fill='%234f4f4f'/%3E%3C/svg%3E");
  width: 10px;
  height: 12px;
}
.ico.file-upload {
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 8H12C10.9391 8 9.92172 8.42143 9.17157 9.17157C8.42143 9.92172 8 10.9391 8 12V32M8 32V36C8 37.0609 8.42143 38.0783 9.17157 38.8284C9.92172 39.5786 10.9391 40 12 40H36C37.0609 40 38.0783 39.5786 38.8284 38.8284C39.5786 38.0783 40 37.0609 40 36V28M8 32L17.172 22.828C17.9221 22.0781 18.9393 21.6569 20 21.6569C21.0607 21.6569 22.0779 22.0781 22.828 22.828L28 28M40 20V28M40 28L36.828 24.828C36.0779 24.0781 35.0607 23.6569 34 23.6569C32.9393 23.6569 31.9221 24.0781 31.172 24.828L28 28M28 28L32 32M36 8H44M40 4V12' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.board .label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  font-size: 1.5rem;
  font-family: "Paperlogy-sb", sans-serif;
  color: #F84747;
  text-align: center;
  width: 5.4rem;
  height: 2.1rem;
  border-radius: 17.5px;
  background: #FFE5DD;
  margin-bottom: 0.5rem;
}

/* iOS fix */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  a,
  button,
  .ico {
    transition: inherit;
  }
  a:hover,
  button:hover,
  .ico:hover {
    transition: inherit;
  }
}
@media (max-width: 1280px) {
  .br {
    display: none;
  }
}
@media (max-width: 1024px) {
  .logo {
    width: 16.5rem;
    height: 3rem;
  }
  .logo.gray {
    width: 22rem;
    height: 4rem;
  }
  .pc {
    display: none;
  }
  .mo {
    display: block;
  }
  .inner {
    padding-inline: 2rem;
  }
}
@media (max-width: 768px) {
  .inner {
    padding-inline: 1.2rem;
  }
  .logo {
    width: 13.7rem;
    height: 2.5rem;
  }
  .logo.gray {
    width: 16.5rem;
    height: 3rem;
  }
  .board .label {
    font-size: 1rem;
    width: 4em;
    height: 1.6rem;
    margin-bottom: 0.5rem;
  }
}
.btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 2rem;
}
.btn-group.center {
  margin: 0 auto;
}
.btn-group.start {
  justify-content: flex-start;
}
.btn-group.between {
  justify-content: space-between;
}
.btn-group.end {
  justify-content: flex-end;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn:hover {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn.line {
  border: 1px solid #D4D4D4;
}
.btn.bg.secondary {
  background-color: #D63600;
}
.btn.bg.white {
  background-color: #ffffff;
}
.btn.bg.dark {
  color: #ffffff;
  background-color: #232222;
}
.btn.bg.red {
  color: #ffffff;
  background-color: #F54425;
}

input[type=text],
input[type=date],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
select,
textarea {
  box-sizing: border-box;
  padding: 1.5rem;
  font-size: 1.6rem;
  border-radius: 0.6rem;
  border: 1px solid #D4D4D4;
}
input[type=text]::placeholder,
input[type=date]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
select::placeholder,
textarea::placeholder {
  font-size: 1.6rem;
  color: #949494;
}
input[type=text].wide,
input[type=date].wide,
input[type=tel].wide,
input[type=email].wide,
input[type=password].wide,
input[type=number].wide,
select.wide,
textarea.wide {
  width: 100%;
}

input[type=text],
input[type=date],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
select {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 5rem;
}

input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  text-indent: -9999px;
}

.date-wrap,
.input-wrap,
.search-wrap {
  position: relative;
  display: inline-block;
  border-radius: 0.6rem;
  box-sizing: border-box;
  overflow: hidden;
}

.date-wrap {
  border: 1px solid #D4D4D4;
}
.date-wrap input[type=date] {
  padding-right: 3.6rem;
  width: 100%;
  height: 5rem;
  border: 0;
  border-radius: 0;
}
.date-wrap input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
}
.date-wrap::after {
  content: "";
  position: absolute;
  right: 0;
  width: 5rem;
  height: 100%;
  background: #F3F3F3 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='19' viewBox='0 0 17 19' fill='none'><path d='M16.7167 7.6H0.283333C0.1275 7.6 0 7.7368 0 7.904V15.96C0 17.9867 0.944444 19 2.83333 19H14.1667C16.0556 19 17 17.9867 17 15.96V7.904C17 7.7368 16.8725 7.6 16.7167 7.6ZM4.74111 15.96C4.21931 15.96 3.79194 15.5065 3.79194 14.9467C3.79194 14.3868 4.20986 13.9333 4.73167 13.9333H4.74111C5.26292 13.9333 5.68556 14.3868 5.68556 14.9467C5.68556 15.5065 5.26292 15.96 4.74111 15.96ZM4.74111 11.9067C4.21931 11.9067 3.79194 11.4532 3.79194 10.8933C3.79194 10.3335 4.20986 9.88 4.73167 9.88H4.74111C5.26292 9.88 5.68556 10.3335 5.68556 10.8933C5.68556 11.4532 5.26292 11.9067 4.74111 11.9067ZM8.51889 15.96C7.99708 15.96 7.56972 15.5065 7.56972 14.9467C7.56972 14.3868 7.98764 13.9333 8.50944 13.9333H8.51889C9.04069 13.9333 9.46333 14.3868 9.46333 14.9467C9.46333 15.5065 9.04069 15.96 8.51889 15.96ZM8.51889 11.9067C7.99708 11.9067 7.56972 11.4532 7.56972 10.8933C7.56972 10.3335 7.98764 9.88 8.50944 9.88H8.51889C9.04069 9.88 9.46333 10.3335 9.46333 10.8933C9.46333 11.4532 9.04069 11.9067 8.51889 11.9067ZM12.2967 15.96C11.7749 15.96 11.3475 15.5065 11.3475 14.9467C11.3475 14.3868 11.7654 13.9333 12.2872 13.9333H12.2967C12.8185 13.9333 13.2411 14.3868 13.2411 14.9467C13.2411 15.5065 12.8185 15.96 12.2967 15.96ZM12.2967 11.9067C11.7749 11.9067 11.3475 11.4532 11.3475 10.8933C11.3475 10.3335 11.7654 9.88 12.2872 9.88H12.2967C12.8185 9.88 13.2411 10.3335 13.2411 10.8933C13.2411 11.4532 12.8185 11.9067 12.2967 11.9067ZM17 5.32V5.776C17 5.9432 16.8725 6.08 16.7167 6.08H0.283333C0.1275 6.08 0 5.9432 0 5.776V5.32C0 3.29333 0.944444 2.28 2.83333 2.28H4.01389V0.76C4.01389 0.344533 4.335 0 4.72222 0C5.10944 0 5.43056 0.344533 5.43056 0.76V2.28H11.5694V0.76C11.5694 0.344533 11.8906 0 12.2778 0C12.665 0 12.9861 0.344533 12.9861 0.76V2.28H14.1667C16.0556 2.28 17 3.29333 17 5.32Z' fill='%23282828'/></svg>") no-repeat center/1.7rem 1.9rem;
  pointer-events: none;
  border-left: 1px solid #D4D4D4;
}

.input-wrap {
  width: 100%;
}
.input-wrap .btn-check {
  position: absolute;
  right: 0;
  width: 7.4rem;
  height: 100%;
  background-color: #523391;
  color: #fff;
  font-size: 1.6rem;
}

.search-wrap {
  width: 100%;
  border: 1px solid #D4D4D4;
}
.search-wrap input[type=text] {
  padding-right: 5rem;
  width: 100%;
  border: 0;
}
.search-wrap .svg_search {
  position: absolute;
  right: 0;
  width: 5rem;
  height: 100%;
  background-color: #F3F3F3;
  background-size: 2.4rem 2.4rem;
  background-position: center;
  border-left: 1px solid #D4D4D4;
}

select {
  background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23282828' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 1.2rem center/1rem 0.6rem;
  width: 12rem;
  padding-right: 2.4rem;
  padding: 1.3rem 1.5rem;
}

textarea {
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: hidden;
  border: none;
  resize: none;
}

@media (max-width: 768px) {
  input[type=text],
  input[type=date],
  input[type=tel],
  input[type=email],
  input[type=password],
  input[type=number],
  select,
  textarea {
    padding: 1.5rem;
    font-size: 1.4rem;
    height: 5rem;
  }
  input[type=text]::placeholder,
  input[type=date]::placeholder,
  input[type=tel]::placeholder,
  input[type=email]::placeholder,
  input[type=password]::placeholder,
  input[type=number]::placeholder,
  select::placeholder,
  textarea::placeholder {
    font-size: 1.4rem;
  }
  .search-wrap input[type=text] {
    padding-right: 4rem;
  }
  .search-wrap .svg_search {
    width: 4rem;
    height: 100%;
    background-size: 1.6rem;
  }
}
.check-ui {
  display: flex;
  gap: 3rem;
}
.check-ui li {
  display: flex;
  align-items: center;
}
.check-ui li label {
  position: relative;
  top: -0.05rem;
}

.check-col {
  display: flex;
  align-items: center;
  gap: 0 0.9rem;
}
.check-col label {
  font-size: 1.6rem;
  color: #000000;
}

input[type=checkbox],
input[type=radio] {
  transition: all 0.3s ease 0s;
  position: relative;
  cursor: pointer;
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='16' height='16' rx='8' stroke='%23CCCCCC' stroke-width='2'/%3E%3C/svg%3E%0A");
}
input[type=checkbox]::after,
input[type=radio]::after {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  background-size: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
input[type=checkbox]:checked::after,
input[type=radio]:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='%23523391'/%3E%3Cpath d='M4 8L7.93396 12.3767L13.8443 6.24234' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  opacity: 1;
}
input[type=checkbox].bk:checked::after,
input[type=radio].bk:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='%23232222'/%3E%3Cpath d='M4 8L7.93396 12.3767L13.8443 6.24234' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
input[type=checkbox] + label,
input[type=radio] + label {
  cursor: pointer;
}

@media (max-width: 768px) {
  input[type=checkbox],
  input[type=radio] {
    width: 1.4rem;
    height: 1.4rem;
  }
  input[type=checkbox]::after,
  input[type=radio]::after {
    width: 1.4rem;
    height: 1.4rem;
  }
  .check-col label {
    font-size: 1.4rem;
  }
}
.form-group {
  display: flex;
  align-items: center;
  gap: 0 0.7rem;
}
.form-group.center {
  justify-content: center;
}
.form-group.between {
  justify-content: space-between;
}
.form-group.end {
  justify-content: flex-end;
}
.form-group.search {
  justify-content: space-between;
}
.form-group.email {
  gap: 0 1rem;
  justify-content: flex-end;
}
.form-group.email span {
  margin-inline: 0rem;
}
.form-group div {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
}
.form-group label,
.form-group p {
  font-size: 1.8rem;
}
.form-group p {
  width: 30rem;
}
.form-group p.file-text {
  width: inherit;
  color: #1B1D1E;
}
.form-group p.file-text span {
  margin-inline: 0;
}
.form-group label {
  width: 18rem;
  min-width: 8rem;
  max-width: 100%;
}
.form-group label.none {
  width: inherit;
  margin-right: 3rem;
  white-space: nowrap;
}
.form-group .btn-group {
  padding: 0;
  align-items: flex-start;
}
.form-group .btn-group label {
  width: 14rem;
}
.form-group span {
  font-size: 1.8rem;
  margin-inline: 0.5rem;
}
.form-group .col {
  flex-wrap: wrap;
  gap: 1rem 0;
}
.form-group .required {
  color: #FF4000;
}

.check {
  display: flex;
  align-items: center;
}

.check-ui {
  display: flex;
  align-items: center;
  position: relative;
  gap: 0 5rem;
}

.check-wrap {
  display: flex;
  align-items: center;
  width: 42rem;
  font-size: 1.8rem;
  border-right: 1px solid #D4D4D4;
}
.check-wrap label {
  display: inline-block;
  margin-left: 1rem;
}
.check-wrap > ul {
  display: grid;
  width: 100%;
  height: 100%;
  align-items: center;
}
.check-wrap > ul > li {
  display: grid;
  width: 100%;
  height: 100%;
  align-items: center;
  padding: 2rem;
}
.check-wrap > ul > li:not(:first-child) {
  border-top: 1px solid #D4D4D4;
}
.check-wrap .check-ui {
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem 0;
}

.text-wrap {
  width: calc(100% - 42rem);
  padding: 2rem;
}

.file-upload {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
.file-upload p {
  font-size: 1.6rem;
  color: #333;
}
.file-upload .file-list {
  display: none;
}
.file-upload.on .file-list {
  display: flex;
}
.file-upload .file-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border-radius: 0.6rem;
  background-color: #232222;
  width: 9.6rem;
  height: 4rem;
  font-size: 1.6rem;
  color: #ffffff;
}
.file-upload .file-del {
  display: inline-block;
  width: 15px;
  height: 16px;
  color: transparent;
  margin: 2px 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M4.8 11.75L7.5 9.05L10.2 11.75L11.25 10.7L8.55 8L11.25 5.3L10.2 4.25L7.5 6.95L4.8 4.25L3.75 5.3L6.45 8L3.75 10.7L4.8 11.75ZM7.5 15.5C6.4625 15.5 5.4875 15.3031 4.575 14.9094C3.6625 14.5156 2.86875 13.9813 2.19375 13.3063C1.51875 12.6313 0.984375 11.8375 0.590625 10.925C0.196875 10.0125 0 9.0375 0 8C0 6.9625 0.196875 5.9875 0.590625 5.075C0.984375 4.1625 1.51875 3.36875 2.19375 2.69375C2.86875 2.01875 3.6625 1.48438 4.575 1.09063C5.4875 0.696875 6.4625 0.5 7.5 0.5C8.5375 0.5 9.5125 0.696875 10.425 1.09063C11.3375 1.48438 12.1313 2.01875 12.8063 2.69375C13.4813 3.36875 14.0156 4.1625 14.4094 5.075C14.8031 5.9875 15 6.9625 15 8C15 9.0375 14.8031 10.0125 14.4094 10.925C14.0156 11.8375 13.4813 12.6313 12.8063 13.3063C12.1313 13.9813 11.3375 14.5156 10.425 14.9094C9.5125 15.3031 8.5375 15.5 7.5 15.5Z' fill='%2368696E'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
.file-upload ul {
  display: flex;
  gap: 20px;
}
.file-upload ul li {
  display: flex;
}

.file-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  flex-direction: column;
  text-align: center;
  width: 100%;
  min-height: 20rem;
  border-radius: 0.6rem;
  border: 2px dashed #CBD5E1;
}
.file-box .text-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  flex-direction: column;
  gap: 0.4rem;
}
.file-box .text-inner i {
  margin-right: 0;
}
.file-box .text-inner .tit {
  font-size: 1.6rem;
  color: #282828;
  font-family: "pretendard-m", sans-serif;
}
.file-box .text-inner .txt {
  font-size: 1.4rem;
  color: #64748B;
  font-family: "pretendard-l", sans-serif;
}

@media (max-width: 768px) {
  .form-group span {
    font-size: 1.4rem;
    margin-inline: 0.2rem;
  }
  .file-box {
    min-height: 10em;
  }
  .file-box .text-inner .tit {
    font-size: 1.4rem;
  }
  .file-box .text-inner .txt {
    font-size: 1.2rem;
  }
}
.gnb {
  z-index: 1000;
}
.gnb > ul {
  display: flex;
  gap: clamp(3rem, 2.5vw, 4.5rem);
}
.gnb > ul > li {
  position: relative;
}
.gnb > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  font-family: "pretendard-b", sans-serif;
  font-size: clamp(1.6rem, 1.6vw, 2rem);
  color: #000000;
  overflow: hidden;
  transition: color 0.4s ease-in-out;
  height: var(--gnb-size);
  padding-right: 13px;
}
.gnb > ul > li > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(0);
  width: 10px;
  height: 6px;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  transition: transform 0.3s ease;
}
.gnb > ul > li ul {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem 4.3rem;
  border: 1px solid #B7B7B7;
  border-top: none;
  border-radius: 0 0 16px 16px;
  background: #ffffff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.gnb > ul > li ul li {
  width: 100%;
  text-align: center;
}
.gnb > ul > li ul li a {
  transition: all 0.3s ease 0s;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-family: "pretendard-r", sans-serif;
  font-size: clamp(1.4rem, 1.3vw, 1.7rem);
  color: #000000;
  line-height: 100%;
}
.gnb > ul > li ul li a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #D63600;
  transition: all 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01);
}
.gnb > ul > li ul li a:hover, .gnb > ul > li ul li a:focus-visible {
  color: #D63600;
}
.gnb > ul > li ul li a:hover::before, .gnb > ul > li ul li a:focus-visible::before {
  width: 100%;
}
.gnb > ul > li.on > a::after {
  transform: translateY(-50%) rotate(180deg);
}
.gnb > ul > li.on ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.gnb > ul > li.node > a::after {
  display: none;
}

@media (max-width: 1024px) {
  .gnb {
    display: none;
  }
}
.allmenu .allmenu-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.5rem;
  width: 3rem;
  height: 2rem;
  cursor: pointer;
  z-index: 2000;
}
.allmenu .allmenu-toggle .line {
  display: block;
  width: 3rem;
}
.allmenu .allmenu-toggle .line em, .allmenu .allmenu-toggle .line::before, .allmenu .allmenu-toggle .line::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s ease 0s;
  right: 0;
  width: 3rem;
  height: 2px;
  background-color: #000000;
}
.allmenu .allmenu-toggle .line em {
  top: 50%;
  transform: translateY(-50%);
}
.allmenu .allmenu-toggle .line::before {
  top: 0;
}
.allmenu .allmenu-toggle .line::after {
  bottom: 0;
}
.allmenu .allmenu-toggle.on {
  opacity: 1;
  visibility: visible;
  width: 4.1rem;
  height: 4.1rem;
  margin-top: 3rem;
}
.allmenu .allmenu-toggle.on .line em {
  display: none;
}
.allmenu .allmenu-toggle.on .line::before, .allmenu .allmenu-toggle.on .line::after {
  top: 1.8rem;
  width: 4.1rem;
  height: 2px;
  background-color: #000000;
}
.allmenu .allmenu-toggle.on .line::before {
  transform: rotate(45deg);
}
.allmenu .allmenu-toggle.on .line::after {
  transform: rotate(-45deg);
}
.allmenu nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  z-index: 1100;
  transition: all 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.allmenu nav::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01), visibility 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01);
  transition: all 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01);
}
.allmenu nav .allmenu-inner {
  position: relative;
  height: 108rem;
  z-index: 3000;
}
.allmenu nav .allmenu-inner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 8.9rem;
  width: 38.6rem;
  height: 36rem;
  background: url("../images/common/bg-allmenu.png") no-repeat;
  opacity: 0.1;
  pointer-events: none;
  background-position: bottom right;
  background-size: contain;
}
.allmenu nav .allmenu-inner .head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  height: 21.5rem;
  background-color: #ffffff;
  z-index: 3000;
}
.allmenu nav .allmenu-inner .head .logo {
  margin: 0 auto;
}
.allmenu nav.on {
  opacity: 1;
  visibility: visible;
  transition: all 0.4s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.allmenu nav.on::before {
  opacity: 1;
  visibility: visible;
}
.allmenu nav.on .menu .inner > ul > li {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.allmenu nav .menu {
  position: relative;
  height: 86.6rem;
  background-color: #ffffff;
  margin-top: 21.5rem;
}
.allmenu nav .menu .inner {
  width: 145rem;
  padding-inline: 2.5rem;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  height: 100%;
}
.allmenu nav .menu .inner a {
  display: inline-block;
}
.allmenu nav .menu .inner > ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.allmenu nav .menu .inner > ul > li {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: all 0.6s ease;
  pointer-events: none;
}
.allmenu nav .menu .inner > ul > li > a {
  display: flex;
  font-size: clamp(1.8rem, 1.8vw, 2.4rem);
  font-family: "pretendard-b", sans-serif;
  line-height: 100%;
  margin-bottom: 3rem;
}
.allmenu nav .menu .inner > ul > li > a .svg_link {
  position: relative;
  top: 8px;
  left: 5px;
}
.allmenu nav .menu .inner > ul > li li {
  margin-bottom: 2rem;
}
.allmenu nav .menu .inner > ul > li li > a {
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 1.6rem;
  white-space: nowrap;
  font-family: "pretendard-r", sans-serif;
  color: #000000;
  line-height: 100%;
}
.allmenu nav .menu .inner > ul > li li > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000000;
  transition: all 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01);
}
.allmenu nav .menu .inner > ul > li li > a:hover, .allmenu nav .menu .inner > ul > li li > a:focus-visible {
  color: #000000;
}
.allmenu nav .menu .inner > ul > li li > a:hover::before, .allmenu nav .menu .inner > ul > li li > a:focus-visible::before {
  width: 100%;
}

@media (max-width: 1024px) {
  .allmenu .allmenu-toggle {
    right: 2rem;
  }
  .allmenu nav .allmenu-inner {
    height: inherit;
  }
  .allmenu nav .allmenu-inner::after {
    display: none;
  }
  .allmenu nav .allmenu-inner .head {
    height: var(--gnb-size);
    justify-content: flex-start;
  }
  .allmenu nav .allmenu-inner .head .logo {
    margin: 0 0 0 2rem;
  }
  .allmenu nav .menu {
    margin-top: 50px;
    min-height: calc(var(--vh) * 100);
    height: calc(var(--vh) * 100);
  }
  .allmenu nav .menu .inner {
    min-height: calc(var(--vh) * 100);
    height: calc(var(--vh) * 100);
    padding: 2.2rem 2.2rem 3rem;
  }
  .allmenu nav .menu .inner > ul {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 5rem);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .allmenu nav .menu .inner > ul::-webkit-scrollbar {
    display: none;
  }
  .allmenu nav .menu .inner > ul > li li {
    margin-bottom: 0;
  }
  .allmenu nav .menu .inner > ul > li > a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 0;
    font-size: 2rem;
    margin-bottom: 0;
  }
  .allmenu nav .menu .inner > ul > li > a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 10px;
    height: 6px;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transition: transform 0.3s ease;
  }
  .allmenu nav .menu .inner > ul > li > a .svg_link {
    top: 0px;
  }
  .allmenu nav .menu .inner > ul > li:not(.has-sub) > a {
    justify-content: flex-start;
  }
  .allmenu nav .menu .inner > ul > li:not(.has-sub) > a::after {
    display: none;
  }
  .allmenu nav .menu .inner > ul > li > ul {
    display: grid;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    padding-left: 1.8rem;
    background: #F7F7F7;
    gap: 1.8rem;
  }
  .allmenu nav .menu .inner > ul > li > ul li:first-child {
    margin-top: 1.8rem;
  }
  .allmenu nav .menu .inner > ul > li > ul li:last-child {
    margin-bottom: 1.8rem;
  }
  .allmenu nav .menu .inner > ul > li.on > a::after {
    transform: rotate(-180deg);
  }
  .allmenu nav .menu .inner > ul > li.on > ul {
    max-height: 100rem;
  }
  .allmenu .allmenu-toggle {
    width: 4.2rem;
    height: 3rem;
  }
  .allmenu .allmenu-toggle .line {
    width: 4.2rem;
  }
  .allmenu .allmenu-toggle .line em, .allmenu .allmenu-toggle .line::before, .allmenu .allmenu-toggle .line::after {
    width: 4.2rem;
  }
  .allmenu .allmenu-toggle.on {
    position: absolute;
    top: -3rem;
    right: 2rem;
    width: 2.1rem;
    height: 2.1rem;
    margin-top: 10px;
  }
  .allmenu .allmenu-toggle.on .line::before, .allmenu .allmenu-toggle.on .line::after {
    top: 0.7rem;
    width: 2.1rem;
  }
}
@media (max-width: 768px) {
  .allmenu nav .allmenu-inner .head {
    border-bottom: 1px solid transparent;
  }
  .allmenu nav .allmenu-inner .head .logo {
    margin: 0 0 0 1.2rem;
  }
  .allmenu .allmenu-toggle {
    width: 3rem;
    height: 2rem;
    right: 1.2rem;
  }
  .allmenu .allmenu-toggle .line {
    width: 3rem;
  }
  .allmenu .allmenu-toggle .line em, .allmenu .allmenu-toggle .line::before, .allmenu .allmenu-toggle .line::after {
    width: 3rem;
  }
  .allmenu .allmenu-toggle.on {
    top: 0;
    right: 1.2rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  .allmenu .allmenu-toggle.on .line::before, .allmenu .allmenu-toggle.on .line::after {
    top: 0.7rem;
    width: 1.5rem;
  }
}
.tab-wrap .tab-list {
  display: flex;
  gap: 0 3rem;
}
.tab-wrap .tab-list li {
  font-size: 2rem;
  padding: 1rem 0.5rem;
  cursor: pointer;
  color: #68696E;
  border-bottom: 1px solid #D4D4D4;
  transition: color 0.3s ease, border-color 0.3s ease;
}
.tab-wrap .tab-list li.active {
  font-family: "pretendard-b", sans-serif;
  color: #000000;
  border-bottom: 1px solid #000000;
}
.tab-wrap .tab-content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 6rem;
}
.tab-wrap .tab-content.active {
  display: block;
  position: relative;
}
.tab-wrap .btn-group {
  margin-block: 4rem 10rem;
}

.accordion-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.accordion-item.is-open .accordion-header:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7h14' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E");
}
.accordion-item.is-open .accordion-content {
  max-height: 1000dvh;
  opacity: 1;
}
.accordion-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  font-size: 1.8rem;
  font-family: "pretendard-b", sans-serif;
  padding: 0.9rem 0 1rem;
  cursor: pointer;
  background: #fff;
  border-bottom: 1px solid #CCCCCC;
}
.accordion-header::after {
  content: "";
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0v14M0 7h14' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 2.5rem auto;
  background-repeat: no-repeat;
  background-position: center;
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 2rem 2.3rem;
  font-size: 1.6rem;
  border: 1px solid #CCCCCC;
  border-top: 0;
}
.accordion-content.no-border {
  border: 0;
}
.accordion-content .content-title {
  font-family: "pretendard-sb", sans-serif;
  margin-bottom: 1.1rem;
}
.accordion .tbl th,
.accordion .tbl td {
  font-size: 1.6rem;
  height: 3.9rem;
  vertical-align: middle;
  text-align: center;
  padding: 1rem;
}
.accordion .tbl thead tr {
  border-top: 3px solid #333;
  border-bottom: 2px solid #333;
}
.accordion .tbl thead th {
  font-family: "pretendard-b", sans-serif;
}
.accordion .tbl tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #CCCCCC;
}
.accordion .tbl tbody tr td {
  border-left: 1px solid #CCCCCC;
}
.accordion .tbl tbody tr td:first-child {
  border-left: 0;
}
.accordion .list-reference {
  margin-top: 2.1rem;
}
.accordion .list-reference:not(:last-of-type):first-of-type {
  margin-top: 0rem;
}

@media (max-width: 768px) {
  .accordion-header {
    font-size: 1.4rem;
    font-family: "pretendard-b", sans-serif;
    padding: 0;
    height: 4rem;
  }
  .accordion-header::after {
    width: 1.6rem;
    height: 1.6rem;
  }
  .accordion-content {
    padding: 1.6rem 1.3rem;
    font-size: 1.4rem;
  }
  .accordion-content .content-title {
    margin-bottom: 0.6em;
  }
  .accordion .tbl th,
  .accordion .tbl td {
    font-size: 1.4rem;
    height: 3.7rem;
  }
  .accordion .list-reference {
    margin-top: 0.5rem;
  }
  .accordion .list-reference li strong {
    font-family: "pretendard-r", sans-serif;
  }
  .accordion .list-reference:not(:last-of-type):first-of-type {
    margin-top: 0.5rem;
  }
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}
.pagination li:not(:last-child) {
  margin-right: 0.8rem;
}
.pagination li:has(a:not(.ico)) {
  margin-right: 1.8rem;
}
.pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 2rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}
.pagination li a.ico {
  width: 3.6rem;
  height: 3.6rem;
  border: 1px solid #666;
  border-radius: 50%;
}
.pagination li a.ico.first, .pagination li a.ico.end {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.66'%3E%3Cpath d='M9 1L0.999999 9L9 17' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 1L9 9L17 17' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 1.8rem 1.8rem;
}
.pagination li a.ico.prev, .pagination li a.ico.next {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.66'%3E%3Cpath d='M9 1L0.999999 9L9 17' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 1rem 1.8rem;
}
.pagination li a.ico.next, .pagination li a.ico.end {
  transform: rotate(180deg);
}
.pagination li a.ico.prev {
  margin-right: 1.1rem;
}
.pagination li a.is-current {
  width: 3.6rem;
  height: 3.6rem;
  color: #ffffff;
  background-color: #666;
  border-radius: 50%;
}
.pagination + .btn-group {
  margin-top: 6rem;
}

@media (max-width: 768px) {
  .pagination li a.ico {
    width: 3rem;
    height: 3rem;
  }
  .pagination li a.ico.first, .pagination li a.ico.end {
    background-size: 1.33rem 1.33rem;
  }
  .pagination li a.ico.prev, .pagination li a.ico.next {
    background-size: 0.66rem 1.33rem;
  }
  .pagination li a.ico.prev {
    margin-right: 1.1rem;
  }
  .pagination li a.is-current {
    width: 3rem;
    height: 3rem;
  }
}
.tbl {
  table-layout: fixed;
  width: 100%;
  border-top: 2px solid #181818;
}

.btn-top {
  position: fixed;
  bottom: 3rem;
  right: calc((100vw - 167rem) / 2 + 3.6rem);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
  width: 5.4rem;
  height: 5.4rem;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='54' height='54' rx='4' fill='%234747B3'/%3E%3Cpath d='M36 22.75L34.2 24.5312L28.2857 18.7812L28.2857 39L25.7143 39L25.7143 18.7812L19.8 24.5L18 22.75L27 14L36 22.75Z' fill='white'/%3E%3C/svg%3E%0A") center/5.4rem no-repeat;
}
.btn-top.on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.btn-top.fixed {
  position: absolute;
  transform: translateY(-3rem);
}
.btn-top:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='54' height='54' rx='4' fill='%234747B3'/%3E%3Crect width='54' height='54' rx='4' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M36 22.75L34.2 24.5312L28.2857 18.7812L28.2857 39L25.7143 39L25.7143 18.7812L19.8 24.5L18 22.75L27 14L36 22.75Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1580px) {
  .btn-top {
    right: 4rem;
  }
}
@media (max-width: 1024px) {
  .btn-top {
    right: 2.5rem;
    bottom: 0;
  }
}
.list > li, .list-korean > li, .list-zeronum > li, .list-num > li, .list-info > li, .list-reference > li, .list-dash > li, .list-star > li, .list-dot-border > li, .list-dot > li {
  position: relative;
  padding-left: 0.8em;
}
.list > li:before, .list-korean > li:before, .list-zeronum > li:before, .list-num > li:before, .list-info > li:before, .list-reference > li:before, .list-dash > li:before, .list-star > li:before, .list-dot-border > li:before, .list-dot > li:before {
  content: "";
  position: absolute;
  left: 0;
}

.list, .list-korean, .list-zeronum, .list-num, .list-info, .list-reference, .list-dash, .list-star, .list-dot-border, .list-dot {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
}
.list-dot > li:before {
  content: "•";
  width: 1rem;
  height: 100%;
  color: #282828;
}
.list-dot-border > li {
  font-size: 1.6rem;
}
.list-dot-border > li:not(:last-child) {
  margin-bottom: 1rem;
}
.list-dot-border > li:before {
  content: "";
  top: 0.6em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #F7CD66;
}
@media (max-width: 768px) {
  .list-dot-border > li {
    font-size: 1.4rem;
  }
  .list-dot-border > li:not(:last-child) {
    margin-bottom: 0.4rem;
  }
}
.list-star > li:before {
  content: "*";
  width: 1rem;
  height: 100%;
  color: #282828;
}
.list-dash > li:before {
  content: "";
  top: 1rem;
  width: 0.5rem;
  height: 0.1rem;
  background-color: #282828;
}
.list-reference > li:before {
  content: "※";
  width: 1rem;
  height: 100%;
  color: #282828;
}
.list-num {
  counter-reset: list;
}
.list-num > li {
  padding-left: 1em;
}
.list-num > li:before {
  content: counter(list) ". ";
  counter-increment: list;
}
.list-zeronum {
  counter-reset: list;
}
.list-zeronum > li {
  padding-left: 1.5em;
}
.list-zeronum > li:before {
  content: counter(list, decimal-leading-zero) " ";
  counter-increment: list;
}
.list-korean {
  counter-reset: korean-counter;
}
.list-korean > li {
  counter-increment: korean-counter;
  padding-left: 1.5em;
}
.list-korean > li:nth-child(1):before {
  content: "가.";
}
.list-korean > li:nth-child(2):before {
  content: "나.";
}
.list-korean > li:nth-child(3):before {
  content: "다.";
}
.list-korean > li:nth-child(4):before {
  content: "라.";
}
.list-korean > li:nth-child(5):before {
  content: "마.";
}
.list-korean > li:nth-child(6):before {
  content: "바.";
}
.list-korean > li:nth-child(7):before {
  content: "사.";
}
.list-korean > li:nth-child(8):before {
  content: "아.";
}
.list-korean > li:nth-child(9):before {
  content: "자.";
}
.list-korean > li:nth-child(10):before {
  content: "차.";
}
.list-korean > li:nth-child(11):before {
  content: "카.";
}
.list-korean > li:nth-child(12):before {
  content: "타.";
}
.list-korean > li:nth-child(13):before {
  content: "파.";
}
.list-korean > li:nth-child(14):before {
  content: "하.";
}

#skip-navi-info {
  text-indent: -99999px;
}

#skip-navi {
  height: 0;
}
#skip-navi a {
  position: fixed;
  top: -30px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #181818;
  color: #ffffff;
  opacity: 0.8;
  z-index: 99999;
}
#skip-navi a:focus-visible {
  top: 0;
  left: 0;
  color: #ffffff;
}

header {
  width: 100%;
}
header .inner {
  display: flex;
  align-items: center;
}
header h1 {
  margin-right: auto;
}
header .allmenu {
  margin-left: auto;
}

.header-util {
  background-color: #FAFBFC;
  height: 37px;
  overflow: hidden;
  border-bottom: 1px solid #D4D4D4;
}
.header-util .inner {
  justify-content: space-between;
}
.header-util .tools {
  position: relative;
  height: 100%;
}
.header-util .tools ul {
  display: flex;
  align-items: center;
  border-left: 1px solid #D4D4D4;
  height: 37px;
}
.header-util .tools ul li {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-family: "pretendard-l", sans-serif;
  padding-inline: 12px;
  height: 37px;
  border-right: 1px solid #D4D4D4;
}
.header-util .tools ul li button {
  width: 13px;
  height: 13px;
  background-position: center center;
  background-repeat: no-repeat;
}
.header-util .tools ul li button.plus {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='6.5' x2='13' y2='6.5' stroke='black'/%3E%3Cline x1='6.5' y1='1.82131e-08' x2='6.5' y2='13' stroke='black'/%3E%3C/svg%3E%0A");
  background-size: 13px 13px;
}
.header-util .tools ul li button.minus {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='1' viewBox='0 0 13 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='13' y2='0.5' stroke='black'/%3E%3C/svg%3E%0A");
  background-size: 12px 1px;
}
.header-util .user-nav ul {
  display: flex;
}
.header-util .user-nav ul li {
  position: relative;
  padding-right: 0.7rem;
  margin-right: 0.7rem;
}
.header-util .user-nav ul li:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 10px;
  background: #B7B7B7;
}
.header-util .user-nav ul li a {
  font-size: 1.3rem;
  font-family: "pretendard-m", sans-serif;
}

.header-main {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--gnb-size);
  background-color: #ffffff;
  border-bottom: 1px solid #D4D4D4;
}
.header-main .inner {
  justify-content: center;
}

@media (max-width: 1024px) {
  .header-main {
    border-bottom: 0;
  }
}
@media (max-width: 768px) {
  .header-util {
    display: none;
  }
}
main section {
  position: relative;
  padding-block: 10rem;
}
main .head {
  text-align: center;
}
main .head h2 {
  font-size: 3rem;
  font-family: "Paperlogy-b", sans-serif;
  margin-bottom: 1rem;
  line-height: 100%;
}
main .head .desc {
  font-size: 1.8rem;
  color: #2E2E2E;
  font-family: "Paperlogy-r", sans-serif;
}
main .group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .swiper-container,
main .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
main .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  width: 100%;
  overflow: hidden;
}
main .swiper-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 23rem;
  max-width: 100%;
  transform: translate(-50%, -50%);
  gap: 0 0.7rem;
  z-index: 30;
  margin-top: 4rem;
}
main .swiper-controls .swiper-pagination-fraction,
main .swiper-controls .btn-toggle,
main .swiper-controls .btn-prev,
main .swiper-controls .btn-next {
  width: 4.4rem;
  height: 4.4rem;
  padding: 1.2rem 1rem;
  border-radius: 1000px;
  border: 1px solid #CDD1D5;
  background: #ffffff;
}
main .swiper-controls .swiper-pagination-fraction {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 7.1rem;
  font-size: 1.5rem;
  color: #1E2124;
  font-family: "Paperlogy-b", sans-serif;
  bottom: 0;
  gap: 0 0.56rem;
}
main .swiper-controls .swiper-pagination-fraction .swiper-pagination-current {
  color: #D63600;
}
main .swiper-controls .btn-toggle {
  position: relative;
  margin-left: 8.1rem;
  background-size: 1rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
main .swiper-controls .btn-toggle.pause {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.2' y='1' width='2.2' height='13' rx='0.6' fill='%2333363D'/%3E%3Crect x='6.6' y='1' width='2.2' height='13' rx='0.6' fill='%2333363D'/%3E%3C/svg%3E%0A");
}
main .swiper-controls .btn-toggle.play {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.63828 0.749971C0.867506 0.638289 1.14036 0.667139 1.34116 0.824291L9.00782 6.82445C9.16928 6.95081 9.26361 7.14443 9.26361 7.34946C9.26361 7.55448 9.16927 7.7481 9.00782 7.87445L1.34115 13.8745C1.14035 14.0316 0.8675 14.0605 0.638276 13.9488C0.409053 13.8371 0.263611 13.6044 0.263611 13.3495V1.34929C0.263611 1.0943 0.409054 0.861654 0.63828 0.749971ZM1.59694 2.71761V11.9812L7.51524 7.34944L1.59694 2.71761Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
}
main .swiper-controls .btn-prev,
main .swiper-controls .btn-next {
  background-size: 0.9rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.86913 13.7949C7.62282 14.0686 7.2013 14.0908 6.92763 13.8445L0.260961 7.84432C0.120488 7.7179 0.0402764 7.53779 0.0402772 7.3488C0.0402788 7.15981 0.120493 6.9797 0.260968 6.85327L6.92763 0.853272C7.20131 0.606966 7.62283 0.629151 7.86914 0.902825C8.11545 1.1765 8.09326 1.59802 7.81959 1.84433L1.7035 7.34881L7.81959 12.8534C8.09326 13.0998 8.11544 13.5213 7.86913 13.7949Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
}
main .swiper-controls .btn-next {
  transform: rotate(180deg);
}

.visual {
  overflow: hidden;
  padding: 0;
}
.visual .swiper-slide {
  height: 79rem;
}
.visual .swiper-slide .slide-visual {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.visual .swiper-slide .slide-content {
  position: absolute;
  top: 9rem;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  padding: 0 2rem;
  transform: translateX(-50%);
  text-align: center;
  z-index: 100;
}
.visual .swiper-slide .slide-content .title,
.visual .swiper-slide .slide-content .desc,
.visual .swiper-slide .slide-content .btn-group {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 60px, 0);
  transition: opacity 0.6s ease;
}
.visual .swiper-slide .slide-content .title {
  font-size: 5.5rem;
  font-family: "Paperlogy-b", sans-serif;
  margin-bottom: 3.5rem;
}
.visual .swiper-slide .slide-content .title span {
  color: #FF5500;
}
.visual .swiper-slide .slide-content .desc {
  font-size: 2.5rem;
  font-family: "Paperlogy-r", sans-serif;
  line-height: 140%;
  margin-bottom: 3.7rem;
}
.visual .swiper-slide .slide-content .btn {
  width: 16.1rem;
  height: 4.8rem;
  font-size: 1.8rem;
  font-family: "Paperlogy-sb", sans-serif;
  border-radius: 24px;
}
.visual .swiper-slide.swiper-slide-active .slide-content .title,
.visual .swiper-slide.swiper-slide-active .slide-content .desc,
.visual .swiper-slide.swiper-slide-active .slide-content .btn-group {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.visual .swiper-slide.swiper-slide-active .slide-content .title:nth-child(1),
.visual .swiper-slide.swiper-slide-active .slide-content .desc:nth-child(1),
.visual .swiper-slide.swiper-slide-active .slide-content .btn-group:nth-child(1) {
  transition: all 0.6s ease 0.2s;
}
.visual .swiper-slide.swiper-slide-active .slide-content .title:nth-child(2),
.visual .swiper-slide.swiper-slide-active .slide-content .desc:nth-child(2),
.visual .swiper-slide.swiper-slide-active .slide-content .btn-group:nth-child(2) {
  transition: all 0.6s ease 0.4s;
}
.visual .swiper-slide.swiper-slide-active .slide-content .title:nth-child(3),
.visual .swiper-slide.swiper-slide-active .slide-content .desc:nth-child(3),
.visual .swiper-slide.swiper-slide-active .slide-content .btn-group:nth-child(3) {
  transition: all 0.6s ease 0.6s;
}

.info ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2rem;
  margin-top: 6rem;
}
.info ul li a {
  width: 100%;
  height: 22.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  border-radius: 15px;
  background: #FBFBFB;
  padding-inline: 0.5rem;
}
.info ul li i {
  display: inline-block;
  height: 7.5rem;
  margin: 2.7rem 2rem 2.3rem;
}
.info ul li i img {
  height: 100%;
}
.info ul li .name {
  font-size: 2.2rem;
  font-family: "Paperlogy-sb", sans-serif;
  margin-bottom: 0.3rem;
}
.info ul li .desc {
  font-size: 1.6rem;
  font-family: "Paperlogy-l", sans-serif;
  color: #151515;
}

.program {
  width: 100%;
  height: 83rem;
  background: url(../images/main/bg-program-pc.svg) no-repeat center/cover;
}
.program ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(2rem, 2vw, 4.4rem);
  margin-top: 10rem;
}
.program ul li {
  flex-direction: column;
  align-items: flex-start;
  border-radius: 20px;
  background: #ffffff;
  height: 38rem;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
}
.program ul li figure {
  width: 100%;
  height: 17.3rem;
  overflow: hidden;
}
.program ul li figure img {
  width: 100%;
  height: 100%;
}
.program ul li .detail {
  width: 100%;
  padding: 2.9rem 2.1rem 2.4rem;
}
.program ul li .group {
  margin-bottom: 1.5rem;
}
.program ul li .cat {
  font-size: 1.4rem;
  font-family: "Paperlogy-sb", sans-serif;
  border-radius: 17.5px;
  padding: 0.6rem 1.5rem;
}
.program ul li .cat.cat-1 {
  color: #006885;
  background-color: #DFF8FF;
}
.program ul li .cat.cat-2 {
  color: #790000;
  background-color: #FFEEEE;
}
.program ul li .cat.cat-3 {
  color: #197F00;
  background-color: #E5FCDF;
}
.program ul li .cat.cat-4 {
  color: #6B117D;
  background-color: #F6E6FF;
}
.program ul li .cap {
  font-size: 1.4rem;
  font-family: "Paperlogy-m", sans-serif;
  color: #212121;
}
.program ul li .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 3rem;
  height: 3rem;
  font-size: 2rem;
  font-family: "Paperlogy-sb", sans-serif;
  margin-bottom: 0.5rem;
}
.program ul li .time {
  font-size: 1.5rem;
  font-family: "Paperlogy-l", sans-serif;
  color: #1A1A1A;
  margin-bottom: 1rem;
}
.program ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 125px;
  height: 36px;
  font-size: 1.5rem;
  font-family: "Paperlogy-m", sans-serif;
  color: #ffffff;
  border-radius: 24px;
  background: #242424;
}

.news .inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2rem, 2.5vw, 4.2rem);
}
.news .board {
  position: relative;
}
.news .board .head.group {
  align-items: flex-end;
}
.news .head {
  margin-bottom: 2.6rem;
}
.news .head h2 {
  margin-bottom: 0;
}
.news .head a {
  color: #4F4F4F;
  font-size: 1.5rem;
  font-family: "Paperlogy-m", sans-serif;
}
.news ul {
  display: grid;
  gap: 0.8rem;
}
.news ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #CCC;
  background: #ffffff;
  height: 9.6rem;
  padding-inline: 1.7rem;
}
.news ul li.top a {
  border: 2px solid #FF5500;
}
.news .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 3rem;
  height: 3rem;
  word-break: break-all;
  font-size: 1.8rem;
  font-family: "Paperlogy-sb", sans-serif;
  max-width: 100%;
}
.news .date,
.news .text {
  font-size: 1.5rem;
  font-family: "pretendard-l", sans-serif;
  color: #4F4F4F;
}
.news .text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 2.5rem;
  height: 2.5rem;
  word-break: break-all;
  max-width: 100%;
  height: 2.2rem;
  overflow: hidden;
}
.news .date {
  margin-left: 2.4rem;
}
.news .banner {
  width: 44rem;
  height: 40.1rem;
}
.news .swiper-container {
  overflow: hidden;
}
.news .swiper-controls {
  top: -4rem;
  left: inherit;
  right: 0;
  transform: none;
}

@media (max-width: 1024px) {
  main section {
    padding-block: 3rem 10rem;
  }
  .visual .swiper-slide {
    height: 320px;
  }
  .visual .swiper-slide .slide-content {
    top: 4.3rem;
  }
  .visual .swiper-slide .slide-content .title {
    font-size: 3rem;
    margin-bottom: 0.8rem;
  }
  .visual .swiper-slide .slide-content .desc {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
  }
  .visual .swiper-slide .slide-content .btn {
    width: 16.1rem;
    height: 4rem;
    font-size: 1.6rem;
  }
  .visual .swiper-controls {
    display: none;
  }
  .info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.85rem;
    width: 72rem;
    max-width: 100%;
    margin: 3.5rem auto 0;
  }
  .info ul li a {
    width: 16.6rem;
    height: 20.1rem;
  }
  .program {
    height: 60.2rem;
    background: url(../images/main/bg-program-mo.svg) no-repeat center/cover;
    overflow: hidden;
  }
  .program .inner {
    padding-inline: 2rem;
  }
  .program ul {
    margin-top: 4.4rem;
    width: 100%;
    gap: 0;
  }
  .program ul li {
    width: 31.7rem !important;
  }
  .news {
    padding-block: 5.9rem 15.7rem;
  }
  .news .inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .news .board:last-child {
    margin-top: 3.5rem;
    grid-column: 1/-1;
    justify-self: center;
  }
  .news ul li:nth-child(n+4) {
    display: none;
  }
  .news ul li a .group {
    flex-direction: column;
    align-items: flex-start;
  }
  .news .text {
    display: none;
  }
  .news .banner {
    width: 40rem;
    height: 40.1rem;
  }
  .news .swiper-container a {
    width: 100%;
    height: 100%;
  }
  .news .swiper-container a img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  main .head h2 {
    font-size: 1.8rem;
    margin-bottom: 0.2rem;
  }
  main .head .desc {
    font-size: 1.2rem;
  }
  main .swiper-controls {
    width: 16rem;
    margin-top: 1rem;
  }
  main .swiper-controls .swiper-pagination-fraction,
  main .swiper-controls .btn-toggle,
  main .swiper-controls .btn-prev,
  main .swiper-controls .btn-next {
    width: 3rem;
    height: 3rem;
    padding: 1.2rem 1rem;
  }
  main .swiper-controls .swiper-pagination-fraction {
    width: 4.8rem;
    font-size: 1.2rem;
    gap: 0 0.3rem;
  }
  main .swiper-controls .btn-toggle {
    margin-left: 5.3rem;
    background-size: 23%;
  }
  main .swiper-controls .btn-prev,
  main .swiper-controls .btn-next {
    background-size: 23%;
    padding: 0;
  }
  .visual .swiper-slide {
    height: 580px;
  }
  .visual .swiper-slide .slide-content {
    top: 18rem;
  }
  .visual .swiper-slide .slide-content .desc {
    margin-bottom: 3rem;
  }
  .visual .swiper-slide .slide-content .btn-group {
    flex-direction: column;
    gap: 1rem;
  }
  .info {
    padding-block: 3rem;
  }
  .info ul {
    width: 33.7rem;
    gap: 1.1rem;
    justify-content: flex-start;
  }
  .info ul li a {
    width: 10.5rem;
    height: 12.7rem;
  }
  .info ul li a i {
    height: 4.9rem;
    margin: 1.5rem 2.2rem 0.7rem;
  }
  .info ul li .name {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  .info ul li .desc {
    font-size: 1.2rem;
  }
  .program {
    height: 41.7rem;
    padding-block: 2.5rem 10rem;
  }
  .program .inner {
    padding-inline: 1.2rem;
  }
  .program ul {
    margin-top: 2.8rem;
  }
  .program ul li {
    width: 27rem !important;
    height: 29rem;
  }
  .program ul li .detail {
    padding: 1.4rem 1.8rem 2.3rem;
  }
  .program ul li .group {
    margin-bottom: 0.5rem;
  }
  .program ul li figure {
    height: 147.85px;
  }
  .program ul li .cat,
  .program ul li .cap {
    font-size: 1rem;
  }
  .program ul li .cat {
    padding: 0.2rem 1rem;
    height: 1.6rem;
    line-height: 1.2rem;
  }
  .program ul li .title {
    font-size: 1.6rem;
    line-height: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0;
  }
  .program ul li .time {
    font-size: 1.2rem;
  }
  .program ul li a {
    font-size: 1.4rem;
    width: inherit;
    width: 100%;
    height: 3rem;
  }
  .news {
    padding-block: 3rem 10rem;
  }
  .news .inner {
    grid-template-columns: repeat(1, 1fr);
  }
  .news .head {
    margin-bottom: 1.5rem;
  }
  .news .head a {
    font-size: 1.4rem;
  }
  .news .board {
    width: 100%;
  }
  .news .board:last-child {
    margin-top: 0;
  }
  .news .banner {
    margin: 0 auto;
    width: 33.5rem;
    height: 30.6rem;
  }
  .news ul li:nth-child(n+4) {
    display: none;
  }
  .news ul li a {
    height: 3.4rem;
    padding-inline: 1.3rem;
  }
  .news ul li a .group {
    flex-direction: row;
    align-items: center;
  }
  .news ul li.top a {
    height: 6.2rem;
  }
  .news .title {
    font-size: 1.4rem;
    width: 75%;
    height: 2rem;
    line-height: 2rem;
  }
  .news .date {
    font-size: 1rem;
  }
  .news .swiper-controls {
    top: inherit;
    right: inherit;
    margin-top: inherit;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 360px) {
  .info ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
footer {
  background-color: #181818;
}
footer .footer-nav {
  padding-block: 8.9rem 6.4rem;
}
footer .footer-nav .inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
footer .footer-nav .logo {
  margin-bottom: 3.6rem;
}
footer .footer-nav a {
  color: #C8C8C8;
}
footer .footer-meta {
  margin-right: 5rem;
}
footer .footer-meta ul {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 2.3rem;
}
footer .footer-meta ul li a {
  font-size: 1.5rem;
  font-family: "pretendard-m", sans-serif;
}
footer .footer-menu > ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: clamp(1.5rem, 1.3vw, 2.4rem);
}
footer .footer-menu > ul > li > a {
  display: flex;
  align-items: flex-start;
  font-size: 1.5rem;
  font-family: "pretendard-b", sans-serif;
  padding-bottom: 2.1rem;
  width: 100%;
  border-bottom: 1px solid rgba(217, 217, 217, 0.3);
}
footer .footer-menu > ul > li > a .svg_link {
  position: relative;
  top: 0.4rem;
  left: 0.2rem;
}
footer .footer-menu > ul > li ul {
  padding-top: 2.5rem;
}
footer .footer-menu > ul > li ul li {
  margin-bottom: 1.7rem;
}
footer .footer-menu > ul > li ul li a {
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 1.4rem;
  white-space: nowrap;
  font-family: "pretendard-r", sans-serif;
  line-height: 100%;
}
footer .footer-menu > ul > li ul li a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #C8C8C8;
  transition: all 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01);
}
footer .footer-menu > ul > li ul li a:hover, footer .footer-menu > ul > li ul li a:focus-visible {
  color: #C8C8C8;
}
footer .footer-menu > ul > li ul li a:hover::before, footer .footer-menu > ul > li ul li a:focus-visible::before {
  width: 100%;
}
footer .footer-info {
  padding-block: 4.2rem;
  border-top: 1px solid #474747;
}
footer .footer-info li,
footer .footer-info p {
  font-size: 1.5rem;
  font-family: "pretendard-m", sans-serif;
  color: #C8C8C8;
  text-align: center;
  line-height: 100%;
  letter-spacing: -0.75px;
}
footer .footer-info address ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 1rem;
}
footer .footer-info address ul li {
  position: relative;
  padding-right: 5px;
  margin-right: 5px;
}
footer .footer-info address ul li:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 13px;
  background-color: #C8C8C8;
}

@media (max-width: 1024px) {
  footer .footer-nav .inner {
    flex-direction: column;
  }
  footer .footer-meta {
    margin-right: 0;
  }
  footer .footer-meta ul {
    margin-bottom: 2.6rem;
  }
  footer .footer-menu {
    width: 100%;
    margin-top: 5.6rem;
  }
  footer .footer-menu > ul {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 768px) {
  footer .footer-nav {
    padding-block: 3rem 8rem;
  }
  footer .footer-meta {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  footer .footer-meta ul li a {
    font-size: 1.3rem;
  }
  footer .footer-menu {
    width: 100%;
    margin-top: 1rem;
  }
  footer .footer-menu > ul {
    grid-template-columns: repeat(2, 1fr);
  }
  footer .footer-menu > ul > li > a {
    font-size: 1.2rem;
    padding-bottom: 0.8rem;
  }
  footer .footer-menu > ul > li ul {
    padding-top: 1.5rem;
  }
  footer .footer-menu > ul > li ul li {
    margin-bottom: 1rem;
  }
  footer .footer-menu > ul > li ul li:last-child {
    margin-bottom: 0;
  }
  footer .footer-menu > ul > li ul li a {
    font-size: 1.2rem;
  }
  footer .footer-info {
    padding-block: 2.2rem 4.1rem;
  }
  footer .footer-info li,
  footer .footer-info p {
    font-size: 1.4rem;
  }
  footer .footer-info address ul {
    flex-direction: column;
  }
  footer .footer-info address ul li {
    position: relative;
    padding-right: 5px;
    margin-right: 5px;
  }
  footer .footer-info address ul li:not(:first-child) {
    margin-top: 1rem;
  }
  footer .footer-info address ul li:not(:last-child):after {
    display: none;
  }
}
.modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
}
.modal-open {
  overflow: hidden;
}
.modal.is-active {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.modal-dim {
  position: absolute;
  inset: 0;
  background: rgba(40, 40, 40, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.modal-container {
  position: relative;
  background: #fff;
  width: calc(100% - 2.8rem);
  max-width: 49rem;
  margin: 5% auto;
  border-radius: 6px;
  padding: 3.4rem 5.5rem 4rem 5.5rem;
  font-size: 1.6rem;
}
.modal .btn-close {
  position: absolute;
  right: 2.9rem;
  top: 3.4rem;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml;utf8,<svg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M29.5772 27.5772C29.9677 27.9677 29.9677 28.6009 29.5772 28.9914C29.1866 29.3819 28.5535 29.3819 28.163 28.9914L1.29289 2.12132C0.902369 1.7308 0.902369 1.09763 1.29289 0.707107C1.68342 0.316582 2.31658 0.316582 2.70711 0.707107L29.5772 27.5772Z' fill='%23333333'/><path d='M1.42284 27.5772C1.03231 27.9677 1.03231 28.6009 1.42284 28.9914C1.81336 29.3819 2.44653 29.3819 2.83705 28.9914L29.7071 2.12132C30.0976 1.7308 30.0976 1.09763 29.7071 0.707107C29.3166 0.316582 28.6834 0.316582 28.2929 0.707107L1.42284 27.5772Z' fill='%23333333'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.modal-title {
  font-size: 2.4rem;
  font-family: "pretendard-sb", sans-serif;
  margin-bottom: 2.2rem;
}
.modal-swiper {
  position: relative;
  overflow: hidden;
}
.modal-swiper .swiper-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0 0.6rem;
  margin-top: 0.9rem;
}
.modal-swiper .swiper-controls .btn-prev,
.modal-swiper .swiper-controls .btn-next {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid #CDD1D5;
  background-color: #ffffff;
}
.modal-swiper .swiper-controls .swiper-pagination-fraction {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: auto;
  top: initial;
  bottom: initial;
  position: relative;
  font-size: 1.4rem;
  gap: 0 0.4rem;
  margin-right: 0.3rem;
}
.modal-swiper .swiper-controls .btn-prev,
.modal-swiper .swiper-controls .btn-next {
  background-size: 0.6rem 1.2rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.86913 13.7949C7.62282 14.0686 7.2013 14.0908 6.92763 13.8445L0.260961 7.84432C0.120488 7.7179 0.0402764 7.53779 0.0402772 7.3488C0.0402788 7.15981 0.120493 6.9797 0.260968 6.85327L6.92763 0.853272C7.20131 0.606966 7.62283 0.629151 7.86914 0.902825C8.11545 1.1765 8.09326 1.59802 7.81959 1.84433L1.7035 7.34881L7.81959 12.8534C8.09326 13.0998 8.11544 13.5213 7.86913 13.7949Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
}
.modal-swiper .swiper-controls .btn-next {
  transform: rotate(180deg);
}
.modal-swiper .swiper-wrapper {
  flex-direction: row;
}
.modal-swiper .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.modal-swiper .swiper-slide {
  width: 100% !important;
}
.modal-swiper .swiper-item {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}
.modal-swiper .swiper-item figure {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  aspect-ratio: 5/3;
  border-radius: 20px;
  background-color: #C4C4C4;
  overflow: hidden;
}
.modal-swiper .swiper-item figure img {
  width: 100%;
}

#programModal .modal-container {
  max-width: 91.4rem;
}

#relatedModal .modal-container {
  max-width: 70rem;
}

#spaceModal .modal-container {
  max-width: 78.5rem;
  padding: 3.4rem 7.4rem 4rem;
}
@media (max-width: 1024px) {
  #spaceModal .modal-container {
    padding: 3rem 5.1rem 3.8rem 3rem;
  }
}
@media (max-width: 768px) {
  #spaceModal .modal-container {
    padding: 1.9rem 2.7rem 1.6rem 1.9rem;
  }
}

#termsModal1 .modal-container,
#termsModal2 .modal-container {
  padding: 7.6rem 2rem 3.4rem 2.4rem;
  max-width: 70rem;
}
#termsModal1 .modal-container .modal-content,
#termsModal2 .modal-container .modal-content {
  padding-right: 0.5rem;
  height: 70rem;
  overflow-x: hidden;
  overflow-y: auto;
}
#termsModal1 .modal-container .terms .tit-h1,
#termsModal2 .modal-container .terms .tit-h1 {
  font-size: 2rem;
}
#termsModal1 .modal-container .terms .tit-h2,
#termsModal2 .modal-container .terms .tit-h2 {
  font-size: 1.8rem;
}

.btn-share {
  position: relative;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'21'%20height%3D'21'%20viewBox%3D'0%200%2021%2021'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M17.1667%2014.8434C16.3222%2014.8434%2015.5667%2015.1596%2014.9889%2015.6551L7.06667%2011.2801C7.12222%2011.0377%207.16667%2010.7952%207.16667%2010.5422C7.16667%2010.2892%207.12222%2010.0467%207.06667%209.80422L14.9%205.47139C15.5%205.99849%2016.2889%206.3253%2017.1667%206.3253C19.0111%206.3253%2020.5%204.91265%2020.5%203.16265C20.5%201.41265%2019.0111%200%2017.1667%200C15.3222%200%2013.8333%201.41265%2013.8333%203.16265C13.8333%203.41566%2013.8778%203.65813%2013.9333%203.9006L6.1%208.23343C5.5%207.70633%204.71111%207.37952%203.83333%207.37952C1.98889%207.37952%200.5%208.79217%200.5%2010.5422C0.5%2012.2922%201.98889%2013.7048%203.83333%2013.7048C4.71111%2013.7048%205.5%2013.378%206.1%2012.8509L14.0111%2017.2364C13.9556%2017.4578%2013.9222%2017.6898%2013.9222%2017.9217C13.9222%2019.619%2015.3778%2021%2017.1667%2021C18.9556%2021%2020.4111%2019.619%2020.4111%2017.9217C20.4111%2016.2244%2018.9556%2014.8434%2017.1667%2014.8434ZM17.1667%202.10843C17.7778%202.10843%2018.2778%202.58283%2018.2778%203.16265C18.2778%203.74247%2017.7778%204.21687%2017.1667%204.21687C16.5556%204.21687%2016.0556%203.74247%2016.0556%203.16265C16.0556%202.58283%2016.5556%202.10843%2017.1667%202.10843ZM3.83333%2011.5964C3.22222%2011.5964%202.72222%2011.122%202.72222%2010.5422C2.72222%209.96235%203.22222%209.48795%203.83333%209.48795C4.44444%209.48795%204.94444%209.96235%204.94444%2010.5422C4.94444%2011.122%204.44444%2011.5964%203.83333%2011.5964ZM17.1667%2018.997C16.5556%2018.997%2016.0556%2018.5226%2016.0556%2017.9428C16.0556%2017.363%2016.5556%2016.8886%2017.1667%2016.8886C17.7778%2016.8886%2018.2778%2017.363%2018.2778%2017.9428C18.2778%2018.5226%2017.7778%2018.997%2017.1667%2018.997Z'%20fill='%23ADADAD'/%3E%3C/svg%3E");
  background-color: #fff;
  background-size: 2.1rem;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .btn-share {
    width: 4rem;
    height: 4rem;
  }
}

.share-wrap {
  position: relative;
}
.share-modal {
  position: absolute;
  left: calc(100% + 0.3rem);
  top: 0;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: 20rem;
  padding: 1.5rem 1rem;
  display: none;
  z-index: 10;
}
.share-modal.is-open {
  display: block;
}
@media (max-width: 1024px) {
  .share-modal {
    left: 0;
    top: calc(100% + 0.9rem);
  }
}
@media (max-width: 768px) {
  .share-modal {
    left: initial;
    right: 0;
  }
}
.share-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 1rem;
}
.share-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1rem;
}
.share-list li button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}
.share-list .btn-share-kakao {
  background-color: #ffe812;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 0C3.80542 0 0 3.0816 0 6.8851C0 9.35992 1.6114 11.5289 4.03172 12.7424C3.85357 13.4216 3.38812 15.2058 3.29503 15.5873C3.17948 16.0608 3.46356 16.0543 3.65134 15.9276C3.79739 15.8273 5.98017 14.3063 6.9223 13.6502C7.43429 13.7274 7.96072 13.7686 8.5 13.7686C13.1946 13.7686 17 10.6869 17 6.8851C17 3.08325 13.1946 0 8.5 0Z' fill='%23371D1E'/%3E%3C/svg%3E");
}
.share-list .btn-share-naver {
  background-color: #1ec800;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.88343 0V7.06382L5.13527 0H0V14H5.11657V6.93618L9.8666 14H15V0H9.88343Z' fill='white'/%3E%3C/svg%3E");
}
.share-list .btn-share-x {
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_121_18937)'%3E%3Cpath d='M13.921 13.4699L8.89488 6.33433L8.32666 5.52732L4.73135 0.423004L4.43347 0H0.015625L1.0931 1.53012L5.87347 8.31769L6.44169 9.12384L10.2826 14.5775L10.5806 15.0001H14.9985L13.921 13.47V13.4699ZM11.1056 14.0234L7.11522 8.35767L6.547 7.55115L1.91651 0.976563H3.90831L7.65301 6.29349L8.22123 7.10001L13.0974 14.0233H11.1056V14.0234Z' fill='white'/%3E%3Cpath d='M6.54867 7.55078L7.11689 8.3573L6.44324 9.12347L1.27458 14.9998H0L5.87502 8.31732L6.54867 7.55078Z' fill='white'/%3E%3Cpath d='M14.4697 0L8.89813 6.33433L8.22447 7.10001L7.65625 6.29349L8.32991 5.52732L12.104 1.23446L13.1951 0H14.4697Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_121_18937'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.share-url {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 2rem;
}
.share-url input {
  width: 12.5rem;
  border: none;
  padding: 0.8rem;
  font-size: 1rem;
  border: 1px solid #CCCCCC;
  border-radius: 0;
}
.share-url .btn-copy {
  background: #222;
  color: #fff;
  padding: 0 0.6rem;
  cursor: pointer;
  font-size: 1rem;
  white-space: nowrap;
  border: 1px solid #CCCCCC;
}

@media (max-width: 768px) {
  .modal-container {
    padding: 1.5rem 1.3rem;
  }
  .modal .btn-close {
    top: 1.6rem;
    right: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  .modal-title {
    font-size: 1.8rem;
    margin-bottom: 1.8rem;
  }
  #termsModal1 .modal-container,
  #termsModal2 .modal-container {
    padding: 5rem 1.5rem 3.4rem 2.4rem;
    max-width: 70rem;
  }
  #termsModal1 .modal-container .terms .tit-h1,
  #termsModal2 .modal-container .terms .tit-h1 {
    font-size: 1.6rem;
  }
  #termsModal1 .modal-container .terms .tit-h2,
  #termsModal2 .modal-container .terms .tit-h2 {
    font-size: 1.4rem;
  }
}
.sub-visual {
  position: relative;
  overflow: hidden;
  max-width: 196rem;
  height: 40.4rem;
  padding: 2rem;
  margin: 0 auto;
}
.sub-visual .bg {
  width: 100%;
  height: 36rem;
  border-radius: 20px;
}
.sub-visual .text-box {
  position: absolute;
  width: 145rem;
  padding-inline: 2.5rem;
  max-width: 100%;
  margin: 0 auto;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  color: #404040;
}
.sub-visual .text-box h2 {
  position: relative;
  display: inline-flex;
  gap: 0.3em;
  font-size: 5rem;
  font-family: "Paperlogy-b", sans-serif;
  margin-bottom: 1.5rem;
  line-height: 100%;
  color: #404040;
}
.sub-visual .text-box h2::before {
  content: "";
  display: block;
  position: absolute;
  top: -3rem;
  left: -5.5rem;
  width: 8rem;
  height: 8rem;
  z-index: -1;
  border-radius: 50%;
  border-width: 20px;
  border-style: solid;
}
.sub-visual .text-box p {
  font-size: 2.4rem;
  font-family: "Paperlogy-r", sans-serif;
}
.sub-visual .text-box h2,
.sub-visual .text-box p {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 60px, 0);
  transition: opacity 0.6s ease;
}
.sub-visual.about .bg {
  background: #F2FBFF url(../images/sub/visual/visual-about.png);
  background-position: bottom right 17rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.sub-visual.about h2 span {
  color: #029FDB;
}
.sub-visual.about h2::before {
  border-color: #D9F4FF;
}
.sub-visual.space .bg {
  background: #FFFDE6 url(../images/sub/visual/visual-space.png);
  background-position: bottom 1rem right 17rem;
  background-repeat: no-repeat;
  background-size: 473px;
}
.sub-visual.space h2 span {
  color: #AD8E00;
}
.sub-visual.space h2::before {
  border-color: #FFF9B5;
}
.sub-visual.data .bg {
  background: #FFF3E6 url(../images/sub/visual/visual-data.png);
  background-position: center right 10.5rem;
  background-repeat: no-repeat;
  background-size: 550px;
}
.sub-visual.data h2 span {
  color: #D66F00;
}
.sub-visual.data h2::before {
  border-color: #FFE6CC;
}
.sub-visual.community .bg {
  background: #FFF4F2 url(../images/sub/visual/visual-community.png);
  background-position: bottom -6rem right 13.5rem;
  background-repeat: no-repeat;
  background-size: 695px;
}
.sub-visual.community h2 span {
  color: #DC5741;
}
.sub-visual.community h2::before {
  border-color: #FFDAD4;
}
.sub-visual.support .bg {
  background: #FAEDFF url(../images/sub/visual/visual-support.png);
  background-position: top right 17rem;
  background-repeat: no-repeat;
  background-size: 492px;
}
.sub-visual.support h2 span {
  color: #9001C5;
}
.sub-visual.support h2::before {
  border-color: #F5DAFF;
}
.sub-visual.member .bg {
  background: #EAEBFF url(../images/sub/visual/visual-member.png);
  background-position: top 10rem right 14.5rem;
  background-repeat: no-repeat;
  background-size: 642px;
}
.sub-visual.member h2::before {
  border-color: #D8D8FF;
}
.sub-visual.reserve .bg {
  background: #ECFFE8 url(../images/sub/visual/visual-reserve.png);
  background-position: top 4rem right 14.4rem;
  background-repeat: no-repeat;
  background-size: 637px;
}
.sub-visual.reserve h2 span {
  color: #269F0C;
}
.sub-visual.reserve h2::before {
  border-color: #D2FFC9;
}

.sub-content .inner {
  padding-block: 12rem;
  letter-spacing: -0.01em;
}
.sub-content h3 {
  position: relative;
  font-size: 4.6rem;
  font-family: "pretendard-b", sans-serif;
  padding-top: 2rem;
  line-height: 100%;
  margin-bottom: 10rem;
}
.sub-content h3::before {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.8rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23F5C125'/%3E%3Ccircle cx='13' cy='5' r='5' fill='%2314B4DD'/%3E%3C/svg%3E%0A");
}
.sub-content h3.view {
  margin-bottom: 3.2rem;
}
.sub-content h4 {
  font-size: 3rem;
  font-family: "pretendard-sb", sans-serif;
  line-height: 100%;
}
.sub-content h4.center {
  text-align: center;
}
.sub-content h5 {
  font-size: 2.4rem;
  font-family: "pretendard-sb", sans-serif;
}

.sub-tab {
  margin-bottom: 10rem;
}
.sub-tab ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1rem;
}
.sub-tab a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  min-width: 20rem;
  height: 6rem;
  border: 2px solid transparent;
  border-radius: 30px;
  font-size: 2.4rem;
  font-family: "pretendard-sb", sans-serif;
  padding: 0 3rem;
  white-space: nowrap;
  transition: all 0.3s ease 0s;
}
.sub-tab a.is-active, .sub-tab a:hover {
  color: #fff !important;
}
.sub-tab.space a {
  border-color: #AD8E00;
  color: #AD8E00;
}
.sub-tab.space a.is-active, .sub-tab.space a:hover {
  background-color: #AD8E00;
}
.sub-tab.space.floor {
  margin-bottom: 2.1rem;
}
.sub-tab.space.floor ul {
  justify-content: flex-end;
}
.sub-tab.space.floor a {
  min-width: 6rem;
  border-radius: 6px;
  padding: 0;
}
.sub-tab.support a {
  border-color: #9001C5;
  color: #9001C5;
}
.sub-tab.support a.is-active, .sub-tab.support a:hover {
  background-color: #9001C5;
}
.sub-tab.member a {
  border-color: #523391;
  color: #523391;
}
.sub-tab.member a.is-active, .sub-tab.member a:hover {
  background-color: #523391;
}
.sub-tab-content {
  display: none;
}

.load .sub-visual .text-box h2,
.load .sub-visual .text-box p {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.load .sub-visual .text-box h2:nth-child(1),
.load .sub-visual .text-box p:nth-child(1) {
  transition: all 0.6s ease 0.2s;
}
.load .sub-visual .text-box h2:nth-child(2),
.load .sub-visual .text-box p:nth-child(2) {
  transition: all 0.6s ease 0.4s;
}
.load .sub-visual .text-box h2:nth-child(3),
.load .sub-visual .text-box p:nth-child(3) {
  transition: all 0.6s ease 0.6s;
}

.apply-form {
  width: 51rem;
  max-width: 100%;
  margin: 8.4rem auto 4.8rem;
}
.apply-info {
  border: 1px solid #AD8E00;
  border-radius: 6px;
  padding: 2rem 3rem;
  margin-bottom: 3rem;
}
.apply-info .title {
  font-size: 1.8rem;
  font-family: "pretendard-sb", sans-serif;
  color: #AD8E00;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #AD8E00;
  line-height: 1;
}
.apply-info .info-list {
  display: grid;
  grid-template-columns: 9.3rem 1fr;
  row-gap: 1.5rem;
  column-gap: 1.6rem;
  font-size: 1.6rem;
}
.apply-info .info-list li {
  display: contents;
}
.apply-info .info-list li strong {
  font-family: "pretendard-sb", sans-serif;
}
.apply .form-title h5 {
  font-size: 1.8rem;
  font-family: "pretendard-sb", sans-serif;
  margin-bottom: 0.6rem;
}
.apply .form-title .sub-text {
  font-size: 1.4rem;
  color: #4F4F4F;
  line-height: normal;
  margin-bottom: 0.3rem;
}
.apply .form-section {
  gap: 2rem;
  margin-bottom: 2.4rem;
}
.apply .form-group {
  min-height: 5rem;
  align-items: flex-start;
}
.apply .form-group label,
.apply .form-group .label {
  width: 13rem;
  font-size: 1.6rem;
  flex-shrink: 0;
  margin-top: 1rem;
}
.apply .form-group label.text,
.apply .form-group .label.text {
  width: inherit;
  margin-left: 0.9rem;
}
.apply .form-group label + *,
.apply .form-group .label + * {
  flex-grow: 1;
}
.apply .form-group input[type=text],
.apply .form-group input[type=password] {
  width: 100%;
  padding: 1.5rem;
  font-size: 1.6rem;
}
.apply-summary {
  padding: 1.6rem 1.6rem 0;
  background-color: #FFFDE6;
}
.apply-summary .summary-title {
  font-size: 1.6rem;
  font-family: "pretendard-sb", sans-serif;
  padding-bottom: 1.5rem;
  margin-bottom: 1.2rem;
  border-bottom: 1px solid #333;
}
.apply-summary .summary-list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 0.5rem;
}
.apply-summary .summary-list .summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  font-size: 1.6rem;
}
.apply-summary .summary-list .summary-row dd {
  text-align: right;
}
.apply-summary .summary-list .summary-row.total {
  width: calc(100% + 3.2rem);
  height: 4rem;
  background: #AD8E00;
  padding: 0 1.6rem;
  margin-left: -1.6rem;
  margin-top: 0.5rem;
}
.apply-summary .summary-list .summary-row.total dt,
.apply-summary .summary-list .summary-row.total dd {
  font-family: "pretendard-b", sans-serif;
  font-size: 1.6rem;
  color: #fff;
}
.apply-summary .summary-list .summary-row.total dd {
  font-size: 2rem;
}
.apply-terms {
  padding: 1.6rem 1.8rem;
}
.apply-terms .check-col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.5rem;
}
.apply-terms .check-col:not(:first-child) {
  margin-top: 0.6rem;
}
.apply-terms .btn-detail {
  display: inline-flex;
  width: 4.5rem;
  height: 2rem;
  padding: 0 1rem;
  font-size: 1.4rem;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}
.apply-guide {
  background-color: #F9F9F9;
  padding: 1.9rem 2.3rem 2.4rem;
  font-size: 1.6rem;
  margin-top: 3.1rem;
}
.apply-guide .title {
  font-family: "pretendard-b", sans-serif;
  margin-bottom: 0.8rem;
}
.apply-guide .list-dot + .list-reference {
  margin-top: 2.5rem;
}
.apply .btn-group {
  margin-top: 4.7rem;
}
.apply .btn-submit {
  width: 17rem;
}

.complete {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  text-align: center;
}
.complete-image {
  width: 10rem;
  height: 10rem;
  margin: 4.5rem 0 1.4rem;
  border-radius: 50%;
  background-color: #EAEAFF;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D'46'%20height%3D'37'%20viewBox%3D'0%200%2046%2037'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M14.6185%2029.1916L3.71347%2017.6861L0%2021.5764L14.6185%2037L46%203.89038L42.3127%200L14.6185%2029.1916Z'%20fill%3D'%23523391'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
}
.complete-txt {
  font-size: 2rem;
  line-height: 160%;
}
.complete .btn-group {
  margin-top: 5.5rem;
}

@media (max-width: 1580px) {
  .sub-visual .text-box {
    padding-inline: 9.44rem;
  }
  .sub-visual.about .bg {
    background-position: bottom right 2rem;
  }
  .sub-visual.space .bg {
    background-position: bottom 1rem right 2rem;
  }
  .sub-visual.data .bg {
    background-position: center right 2rem;
  }
  .sub-visual.community .bg {
    background-position: bottom -6rem right 0;
  }
  .sub-visual.support .bg {
    background-position: bottom 1rem right 2rem;
  }
  .sub-visual.member .bg {
    background-position: top 10rem right 2rem;
  }
  .sub-visual.reserve .bg {
    background-position: top 4rem right 2rem;
  }
}
@media (max-width: 1024px) {
  .sub-visual {
    height: 22rem;
    padding: 1rem;
  }
  .sub-visual .text-box h2 {
    font-size: 2.4rem;
    margin-bottom: 1.25rem;
  }
  .sub-visual .text-box h2::before {
    width: 4rem;
    height: 4rem;
    top: -1.8rem;
    left: -2.7rem;
    border-width: 10px;
  }
  .sub-visual .text-box p {
    font-size: 1.4rem;
  }
  .sub-visual .bg {
    height: 18rem;
  }
  .sub-visual.about .bg {
    background-size: 299px;
    background-position: top 1.5rem right 1.4rem;
  }
  .sub-visual.space .bg {
    background-size: 227px;
    background-position: bottom 1rem right 2rem;
  }
  .sub-visual.data .bg {
    background-size: 264px;
  }
  .sub-visual.community .bg {
    background-size: 264px;
    background-position: bottom 0 right 2.5rem;
  }
  .sub-visual.support .bg {
    background-size: 217px;
  }
  .sub-visual.member .bg {
    background-size: 243px;
    background-position: top 6rem right 4rem;
  }
  .sub-visual.reserve .bg {
    background-size: 265px;
    background-position: top 5rem right 4.4rem;
  }
  .sub-content h3 {
    font-size: 4rem;
  }
  .sub-tab {
    margin-bottom: 6rem;
  }
  .sub-tab ul {
    gap: 0.5rem;
  }
  .sub-tab a {
    min-width: initial;
    height: 4.5rem;
    font-size: 2rem;
  }
  .sub-tab.space.floor a {
    min-width: 6rem;
    height: 6rem;
  }
  .apply-form {
    margin-top: 3.9rem;
  }
  .complete-image {
    margin: 2.1rem 0 1.4rem;
  }
  .complete .btn-group {
    margin-top: 2.1rem;
  }
}
@media (max-width: 768px) {
  .sub-visual {
    height: 23rem;
    padding: 0.5rem;
  }
  .sub-visual .text-box {
    text-align: center;
    margin-top: -3.5rem;
    padding-inline: 2rem;
  }
  .sub-visual .text-box h2 {
    display: inline-flex;
    font-size: 1.8rem;
    margin-bottom: 0.7rem;
  }
  .sub-visual .text-box h2::before {
    width: 2rem;
    height: 2rem;
    top: -0.8rem;
    left: -1.2rem;
    border-width: 5px;
  }
  .sub-visual .text-box p {
    font-size: 1.4rem;
  }
  .sub-visual .bg {
    height: 19rem;
  }
  .sub-visual.about .bg {
    background-size: 200px;
    background-position: bottom -5rem center;
  }
  .sub-visual.space .bg {
    background-size: 135px;
    background-position: bottom -1rem center;
  }
  .sub-visual.data .bg {
    background-size: 152px;
    background-position: bottom -2.8rem center;
  }
  .sub-visual.community .bg {
    background-size: 182px;
    background-position: bottom -3.5rem center;
  }
  .sub-visual.support .bg {
    background-size: 160px;
    background-position: bottom -2.5rem center;
  }
  .sub-visual.member .bg {
    background-size: 232px;
    background-position: bottom -1.3rem center;
  }
  .sub-visual.reserve .bg {
    background-size: 200px;
    background-position: bottom -2rem center;
  }
  .sub-content .inner {
    padding-block: 3rem 4.8rem;
  }
  .sub-content h3 {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
  .sub-content h3.view {
    margin-bottom: 3rem;
  }
  .sub-content h4 {
    font-size: 1.8rem;
  }
  .sub-content h5 {
    font-size: 1.6rem;
  }
  .sub-tab {
    margin-bottom: 5rem;
  }
  .sub-tab ul {
    gap: 0.5rem;
  }
  .sub-tab a {
    height: 3rem;
    padding: 0 1.4rem;
    font-size: 1.4rem;
  }
  .sub-tab.space.floor {
    margin-bottom: 1.4rem;
  }
  .sub-tab.space.floor ul {
    justify-content: flex-start;
  }
  .sub-tab.space.floor a {
    min-width: 4rem;
    height: 4rem;
  }
  .apply-form {
    margin-top: 3rem;
  }
  .apply-info {
    padding: 2rem;
    margin-bottom: 5.6rem;
  }
  .apply-info .title {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
  .apply-info .info-list {
    grid-template-columns: 1fr;
    row-gap: 1rem;
    font-size: 1.4rem;
  }
  .apply-info .info-list li {
    display: block;
  }
  .apply .form-title h5 {
    font-size: 1.4rem;
  }
  .apply .form-title .sub-text {
    font-size: 1.2rem;
  }
  .apply .form-section {
    gap: 1rem;
  }
  .apply .form-group {
    flex-direction: column;
    gap: 1rem;
  }
  .apply .form-group label,
  .apply .form-group .label {
    width: 100%;
    font-size: 1.4rem;
    margin-top: 0rem;
  }
  .apply .form-group label + *,
  .apply .form-group .label + * {
    width: 100%;
  }
  .apply .form-group input[type=text],
  .apply .form-group input[type=password] {
    font-size: 1.4rem;
  }
  .apply-summary {
    padding: 1.4rem 1rem 0;
  }
  .apply-summary .summary-title {
    font-size: 1.4rem;
    padding-bottom: 0.9rem;
    margin-bottom: 1rem;
  }
  .apply-summary .summary-list .summary-row {
    font-size: 1.4rem;
  }
  .apply-summary .summary-list .summary-row.total {
    width: calc(100% + 2rem);
    height: 4rem;
    background: #AD8E00;
    padding: 0 1rem;
    margin-left: -1rem;
    margin-top: 0.5rem;
  }
  .apply-summary .summary-list .summary-row.total dt,
  .apply-summary .summary-list .summary-row.total dd {
    font-size: 1.4rem;
  }
  .apply-summary .summary-list .summary-row.total dd {
    font-size: 1.8rem;
  }
  .apply-terms {
    padding: 1.6rem 0;
  }
  .apply-terms .check-col {
    align-items: flex-start;
  }
  .apply-terms .check-col label {
    margin-top: -0.4rem;
  }
  .apply-terms .btn-detail {
    margin-left: auto;
  }
  .apply-guide {
    font-size: 1.2rem;
    padding: 1.3rem 1.7rem;
  }
  .apply-guide .title {
    font-size: 1.4rem;
  }
  .apply-guide .list-dot + .list-reference {
    margin-top: 1.5rem;
  }
  .apply .btn-submit {
    flex: 1 1 auto;
    font-size: 1.6rem;
    height: 3.9rem !important;
  }
  .complete-image {
    width: 5rem;
    height: 5rem;
    margin: 2.1rem 0 2.1rem;
    background-size: 2.3rem auto;
  }
  .complete-txt {
    font-size: 1.4rem;
  }
  .complete .btn-group {
    flex-direction: column;
    margin-top: 1.7rem;
    gap: 1.2rem;
  }
  .complete .btn-group .btn-submit {
    font-size: 1.4rem;
    height: 3.7rem;
    width: 13.7rem;
  }
}
.board .meta {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #222;
  line-height: 1;
}
.board .meta > *:not(:last-child) {
  padding-right: 0.7rem;
  margin-right: 0.7rem;
  position: relative;
}
.board .meta > *:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 1.4rem;
  background-color: #222;
}
.board .thumb {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}
.board .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board .badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  font-family: "pretendard-sb", sans-serif;
  font-size: 1.4rem;
  border-radius: 20px;
  padding: 0 1rem;
}
.board .badge.yellow {
  background-color: #FFF5AA;
  color: #6C5F00;
}
.board .badge.red {
  background-color: #FFE4E4;
  color: #803F3F;
}
.board .badge.green {
  background-color: #D9FFF0;
  color: #345648;
}
.board .badge.blue {
  background-color: #D9E6FF;
  color: #394357;
}
.board.view .board-head {
  display: block;
  padding: 1.2rem 2rem 1.4rem;
  border-block: 2px solid #282828;
  margin-bottom: 0;
}
.board.view .board-head .title {
  font-size: 2.4rem;
  font-family: "pretendard-b", sans-serif;
  margin-bottom: 1.1rem;
  line-height: 141%;
}
.board.view .board-body .text-box {
  padding-block: 3rem;
  font-size: 1.6rem;
  color: #282828;
  line-height: 187%;
}
.board.view .board-body .text-box img {
  display: block;
  margin: 0 auto 3.8rem;
}
.board.view .board-body .file {
  display: flex;
  align-items: center;
  border-block: 1px solid #B9BEC2;
}
.board.view .board-body .file p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 15rem;
  padding-block: 2.8rem;
  background: #F3F3F3;
  font-size: 1.6rem;
}
.board.view .board-body .file ul {
  padding: 0.8rem 2.1rem;
}
.board.view .board-body .file ul li a {
  font-size: 1.6rem;
}
.board.view .board-body .file ul li + li {
  margin-top: 0.6rem;
}
.board.view .board-body .answer-box {
  border: 1px solid #ccc;
  padding: 2.4rem;
  margin-top: 2.6rem;
}
.board.view .board-body .answer-box .meta {
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #CCC;
}
.board.view .board-body .answer-box .meta p {
  font-size: 1.6rem;
  font-family: "pretendard-b", sans-serif;
  color: #4F4F4F;
}
.board.view .board-body .answer-box .text-box {
  color: #333;
  padding: 2rem;
  background-color: #F9F9F9;
}
.board.write .form-section {
  gap: 2rem;
}
.board.write .form-group {
  align-items: flex-start;
}
.board.write .form-group label {
  font-size: 1.6rem;
  color: #333;
  width: 13rem;
  min-width: 13rem;
  margin-top: 1rem;
}
.board.write .form-group input[type=text],
.board.write .form-group input[type=password] {
  width: 100%;
}
.board.write .form-group textarea {
  padding: 1.5rem;
  border-radius: 0.6rem;
  border: 1px solid #D4D4D4;
  height: 30rem;
  overflow-y: auto;
}
.board.write .form-group p {
  width: inherit;
}
.board.write .form-group .col {
  width: 100%;
  gap: 0.8rem 0;
}
.board.write .check-col label {
  width: inherit;
}
.board.write .info-text {
  font-size: 1.4rem;
  color: #4F4F4F;
}
.board.write .btn-group {
  margin-top: 5.9rem;
}
.board.write .btn {
  width: 15rem;
  height: 5rem;
  border-radius: 0.6rem;
  font-size: 1.6rem;
}
.board.write .btn.line {
  border: 1px solid #232222;
}
.board.write .btn.bg {
  color: #ffffff;
  background-color: #232222;
}
.board.program-view .summary {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 3.9rem;
  width: 100%;
}
.board.program-view .summary .thumb {
  position: relative;
  width: 40rem;
  aspect-ratio: 1/1;
  max-width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.board.program-view .summary .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board.program-view .summary .thumb .status {
  position: absolute;
  top: 1.6rem;
  left: 1.3rem;
  background: #fff;
  font-size: 1.8rem;
  font-family: "pretendard-sb", sans-serif;
  padding: 0.5rem 2rem;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.board.program-view .summary .text-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
.board.program-view .summary .text-box .meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1rem;
}
.board.program-view .summary .text-box .meta .badge {
  font-size: 1.6rem;
  font-family: "pretendard-b", sans-serif;
  height: 3rem;
}
.board.program-view .summary .text-box .meta .badge:after {
  display: none !important;
}
.board.program-view .summary .text-box .meta .ico {
  width: 3rem;
  height: 3rem;
}
.board.program-view .summary .text-box .title {
  width: 100%;
  font-size: 3.2rem;
  font-family: "pretendard-b", sans-serif;
  margin: 1rem 0 2rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #CCCCCC;
}
.board.program-view .summary .text-box .summary-list {
  display: grid;
  grid-template-columns: 7rem 1fr;
  row-gap: 1rem;
  column-gap: 1.6rem;
  font-size: 1.4rem;
}
.board.program-view .summary .text-box .summary-list li {
  display: contents;
}
.board.program-view .summary .text-box .summary-list li strong {
  font-family: "pretendard-b", sans-serif;
}
.board.program-view .summary .text-box .btn-group {
  width: 100%;
  margin-top: 7.5rem;
  gap: 1rem;
  justify-content: flex-start;
}
.board.program-view .summary .text-box .btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  font-size: 1.8rem;
  font-family: "pretendard-m", sans-serif;
  background-color: #AD8E00;
  color: #fff;
  padding: 0 10rem;
  border-radius: 30px;
  height: 5rem;
}
.board.program-view .accordion {
  margin-top: 4.6rem;
}
.board.program-view .board-bottom {
  margin-top: 5.6rem;
  align-items: center;
}
.board.program-view .board-bottom .btn-group {
  margin-top: 0;
}
.board.program-view .board-bottom .btn-submit {
  width: 23.2rem;
}
.board-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.board-head .total {
  font-size: 1.6rem;
}
.board-head .total-search {
  font-size: 2rem;
}
.board-head .total-search em {
  color: #AD8E00;
  font-family: "pretendard-b", sans-serif;
}
.board-head .search-box {
  display: flex;
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  height: 5rem;
}
.board-head .search-box input[type=text] {
  border: 0;
  border-radius: 0.6rem 0 0 0.6rem;
  height: 4.8rem;
}
.board-head .search-box .svg_search {
  width: 5rem;
  height: 4.8rem;
  background-color: #F3F3F3;
  background-size: 2.4rem 2.4rem;
  background-position: center center;
  border-left: 1px solid #D4D4D4;
  border-radius: 0 0.6rem 0.6rem 0;
}
.board-body {
  margin-bottom: 6rem;
}
.board-body .title {
  font-size: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  min-width: 0;
  max-width: 75rem;
}
.board-body .svg_lock {
  width: 1.4rem;
  height: 2.1rem;
  flex-shrink: 0;
}
.board-list {
  display: block;
}
.board-list.list li {
  display: flex;
  align-items: center;
  padding-left: 0;
  height: 7rem;
  border: 1px solid #B9BEC2;
  background: #FFF;
  border-radius: 10px;
  padding-inline: 2.6rem;
  gap: 0 5rem;
}
.board-list.list li.none {
  justify-content: center;
}
.board-list.list li:not(:last-child) {
  margin-bottom: 0.6rem;
}
.board-list.list li:hover {
  background-color: #F3F3F3;
}
.board-list.list li a {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.board-list.list .subject {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.7rem;
}
.board-list.list .subject .label {
  flex-shrink: 0;
  margin-bottom: 0;
}
.board-list.gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4rem 2rem;
}
.board-list.gallery li {
  height: 100%;
}
.board-list.gallery li a {
  display: block;
}
.board-list.gallery .thumb {
  height: 25rem;
}
.board-list.gallery .text-box .title {
  margin-block: 1rem;
}
.board-list.focus {
  display: grid;
  gap: 3rem;
}
.board-list.focus li a {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.board-list.focus .thumb {
  width: 48rem;
  height: 27rem;
  flex-shrink: 0;
}
.board-list.focus .title,
.board-list.focus .text {
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.board-list.focus .text-box {
  display: grid;
  gap: 2rem;
}
.board-list.focus .title {
  font-size: 2.4rem;
  font-family: "pretendard-sb", sans-serif;
  -webkit-line-clamp: 1;
}
.board-list.focus .text {
  font-size: 1.6rem;
  -webkit-line-clamp: 2;
}
.board-list.books {
  display: grid;
  gap: 2rem;
}
.board-list.books .book-item {
  position: relative;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 1.9rem;
}
.board-list.books .book-item:not(:has(> a)) {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.board-list.books .book-item > a {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.board-list.books .thumb {
  width: 18.3rem;
  height: 25.6rem;
  border: 1px solid #B9B9B9;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.board-list.books .meta {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 1.4rem;
}
.board-list.books .meta > * {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}
.board-list.books .meta > *:after {
  display: none;
}
.board-list.books .meta p:not(:last-child) {
  padding-right: 0.7rem;
  margin-right: 0.7rem;
  position: relative;
}
.board-list.books .meta p:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 1.4rem;
  background-color: #222;
}
.board-list.books .title {
  font-size: 2.4rem;
  font-family: "pretendard-sb", sans-serif;
  -webkit-line-clamp: 1;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.board-list.books .text-box {
  display: grid;
  gap: 2rem;
  width: 100%;
}
.board-list.books .location-box {
  display: inline-flex;
  align-items: center;
  width: 57rem;
  height: 6rem;
  margin-top: 1.6rem;
  padding: 0 1.7rem;
  background: #f9f9f9;
  border-radius: 10px;
  font-size: 1.8rem;
  gap: 0.4rem;
}
.board-list.books .location-box em {
  font-family: "pretendard-b", sans-serif;
}
.board-list.books .related-title {
  font-family: "pretendard-m", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  padding: 2.2rem 4.4rem 0;
}
.board-list.books .related-panel {
  position: relative;
  width: calc(100% + 3.8rem);
  margin-left: -1.9rem;
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: #fafafa;
  margin-top: 2.4rem;
  overflow: hidden;
}
.board-list.books .related-panel::after {
  content: "";
  display: block;
  height: 0;
  transition: height 0.5s ease;
}
.board-list.books .related-panel.is-active {
  max-height: 100rem;
}
.board-list.books .related-panel.is-active:after {
  height: 23.7rem;
}
.board-list.books .related-list {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fafafa;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 1.6rem;
  padding: 0rem 4.4rem 2rem;
}
.board-list.books .related-list li {
  width: 10.8rem;
  flex-shrink: 0;
}
.board-list.books .related-list li .thumb {
  width: 100%;
  height: 15.1rem;
  border: 1px solid #B9B9B9;
  border-radius: 4px;
}
.board-list.books .related-list li .title {
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.4rem;
  line-height: 140%;
  margin: 0.5rem 0;
}
.board-list.books .related-list li .author {
  font-size: 1.2rem;
  color: #4F4F4F;
}
.board-list.program-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  width: 100%;
}
.board-list.program-list > li {
  width: 33.5rem;
  max-width: 100%;
}
.board-list.program-list > li > a {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
}
.board-list.program-list .thumb {
  position: relative;
  width: 33.5rem;
  height: 33.5rem;
  background: #f5f5f5;
  overflow: hidden;
  border-radius: 20px;
}
.board-list.program-list .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board-list.program-list .thumb .end {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 3.6rem;
  font-family: "pretendard-b", sans-serif;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.board-list.program-list .thumb .status-list {
  position: absolute;
  top: 2.3rem;
  left: 1.5rem;
  z-index: 5;
  display: flex;
  gap: 0.5rem;
}
.board-list.program-list .thumb .status-list li p {
  font-size: 1.8rem;
  color: #ffffff;
  font-family: "pretendard-b", sans-serif;
}
.board-list.program-list .thumb .status-list li .status {
  padding: 0.6rem 1.3rem;
  border-radius: 2rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.board-list.program-list .thumb .status-list li .status.open {
  background-color: #3AA225;
}
.board-list.program-list .thumb .status-list li .status.closed {
  background-color: #32302C;
}
.board-list.program-list .thumb .status-list li .status.paid {
  background-color: #D62E85;
}
.board-list.program-list .thumb .status-list li .status.free {
  background-color: #2E71D6;
}
.board-list.program-list .text-box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 2rem;
}
.board-list.program-list .text-box .category {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.4rem;
}
.board-list.program-list .text-box .title {
  font-size: 2.4rem;
  font-family: "pretendard-sb", sans-serif;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.board-list.program-list .text-box .meta {
  display: block;
}
.board-list.program-list .text-box .meta > p {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.board-list.program-list .text-box .meta > *:not(:last-child)::after {
  display: none;
}
.board-list.program-list .text-box .meta strong {
  position: relative;
  display: inline-block;
  font-family: "pretendard-b", sans-serif;
  padding-right: 1rem;
  margin-right: 1rem;
}
.board-list.program-list .text-box .meta strong::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 1.4rem;
  background-color: #333;
  margin-top: -0.1rem;
}
.board-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.board-bottom .btn {
  width: 15rem;
  height: 5rem;
  border-radius: 6px;
  font-size: 1.6rem;
}
.board-bottom.view {
  align-items: inherit;
}
.board-bottom.view .btn-group {
  gap: 1rem;
}
.board-bottom.view .btn {
  width: 10rem;
}

@media (max-width: 1024px) {
  .board.program-view .summary {
    flex-direction: column;
  }
  .board.program-view .summary .thumb {
    margin: 0 auto;
  }
  .board.program-view .summary .text-box .btn-group {
    margin-top: 2.4rem;
    justify-content: center;
  }
  .board-list.list li a .subject {
    max-width: 38.2rem;
  }
  .board-list.gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem 4.8rem;
  }
  .board-list.focus {
    gap: 2rem;
  }
  .board-list.focus li a {
    gap: 2rem;
  }
  .board-list.focus .thumb {
    width: 27.2rem;
    height: 15.3rem;
  }
  .board-list.focus .text-box {
    gap: 1rem;
  }
  .board-list.books .location-box {
    width: 100%;
    max-width: 57rem;
  }
  .board-list.program-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .board-bottom .btn-group.none {
    display: none;
  }
}
@media (max-width: 768px) {
  .board {
    margin-bottom: 3rem;
  }
  .board .meta {
    font-size: 1.2rem;
    color: #888;
  }
  .board.view .board-head {
    padding: 1.4rem 1.4rem 1.8rem;
  }
  .board.view .board-head .title {
    font-size: 1.6rem;
    line-height: 168%;
  }
  .board.view .board-body .text-box {
    padding-block: 1.5rem;
    font-size: 1.4rem;
    line-height: 171%;
  }
  .board.view .board-body .text-box img {
    margin: 0 auto 1.7rem;
  }
  .board.view .board-body .file {
    display: block;
    border-block: 1px solid #B9BEC2;
  }
  .board.view .board-body .file p {
    display: block;
    width: inherit;
    width: 100%;
    padding: 0.7rem 1rem;
    font-size: 1.4rem;
    text-align: left;
    border-bottom: 1px solid #B9BEC2;
  }
  .board.view .board-body .file ul {
    padding: 1rem;
  }
  .board.view .board-body .file ul li a {
    font-size: 1.4rem;
  }
  .board.view .board-body .file ul li + li {
    margin-top: 0.3rem;
  }
  .board.view .board-body .answer-box {
    padding: 1.2rem;
    margin-top: 1.6rem;
  }
  .board.view .board-body .answer-box .meta p {
    font-size: 1.4rem;
  }
  .board.view .board-body .answer-box .text-box {
    padding: 1.2rem;
    font-size: 1.4rem;
  }
  .board.write .form-group {
    flex-direction: column;
    align-items: flex-start;
  }
  .board.write .form-group label {
    font-size: 1.4rem;
    width: inherit;
    min-width: inherit;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  .board.write .form-group p {
    font-size: 1.4rem;
  }
  .board.write .info-text {
    font-size: 1.2rem;
  }
  .board.write .btn-group {
    margin-top: 4.3rem;
  }
  .board.program-view .summary {
    gap: 2.4rem;
  }
  .board.program-view .summary .text-box .title {
    font-size: 2.4rem;
  }
  .board.program-view .summary .text-box .btn-group {
    margin-top: 2.2rem;
    gap: 0.5rem;
  }
  .board.program-view .summary .text-box .btn-submit {
    font-size: 1.4rem;
    height: 4rem;
  }
  .board.program-view .accordion {
    margin-top: 3.1rem;
  }
  .board.program-view .board-bottom {
    margin-top: 2.8rem;
  }
  .board.program-view .board-bottom .btn-submit {
    width: 14rem;
  }
  .board-head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1.2rem;
  }
  .board-head .total {
    order: 2;
    font-size: 1.2rem;
    margin-top: 2rem;
  }
  .board-head .total-search {
    font-size: 1.4rem;
  }
  .board-head .form-group {
    width: 100%;
    order: 1;
  }
  .board-head .search-box {
    width: 100%;
  }
  .board-head .search-box input[type=text] {
    width: 100%;
  }
  .board-body .title {
    font-size: 1.4rem;
  }
  .board-body .svg_lock {
    width: 1rem;
    height: 1.5rem;
  }
  .board-list.list li {
    gap: 0.5rem 0;
    height: 6rem;
    padding-inline: 1.2rem;
  }
  .board-list.list li a {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .board-list.list li a .subject {
    width: calc(100% - 1.2em);
    gap: 0.5rem;
  }
  .board-list.gallery {
    gap: 3.5rem 1rem;
  }
  .board-list.gallery .title {
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .board-list.gallery .thumb {
    height: 12.2rem;
  }
  .board-list.focus {
    gap: 3rem;
  }
  .board-list.focus li a {
    display: block;
    gap: 0;
  }
  .board-list.focus .thumb {
    width: inherit;
    width: 100%;
    height: 18.9rem;
  }
  .board-list.focus .text-box {
    gap: 0.5rem;
    padding-top: 1rem;
  }
  .board-list.focus .title {
    font-size: 1.8rem;
  }
  .board-list.focus .text {
    font-size: 1.4rem;
  }
  .board-list.books .book-item {
    padding: 0.4rem;
  }
  .board-list.books .book-item:not(:has(> a)) {
    gap: 1.3rem;
    align-items: flex-start;
  }
  .board-list.books .book-item > a {
    gap: 1.3rem;
    align-items: flex-start;
  }
  .board-list.books .thumb {
    width: 7rem;
    height: 10.26rem;
    border-radius: 0;
  }
  .board-list.books .meta {
    gap: 0rem;
    font-size: 1rem;
  }
  .board-list.books .meta > * {
    display: block;
  }
  .board-list.books .meta p {
    display: inline;
    white-space: normal;
    word-break: break-all;
    line-height: 160%;
  }
  .board-list.books .meta p:not(:last-child) {
    padding-right: 0.4rem;
    margin-right: 0.4rem;
  }
  .board-list.books .meta p:not(:last-child)::after {
    height: 0.8rem;
  }
  .board-list.books .title {
    font-size: 1.6rem;
  }
  .board-list.books .text-box {
    gap: 0.5rem;
  }
  .board-list.books .location-box {
    font-size: 1.2rem;
    height: 3.5rem;
    margin-top: 0.5rem;
  }
  .board-list.books .related-title {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    padding: 0.8rem 0.7rem 0;
  }
  .board-list.books .related-panel {
    width: calc(100% + 1.4rem);
    margin-left: -0.7rem;
    margin-top: 0.5rem;
  }
  .board-list.books .related-panel.is-active:after {
    height: 14.8rem;
  }
  .board-list.books .related-list {
    gap: 1rem;
    padding: 0 0.7rem;
  }
  .board-list.books .related-list li {
    width: 7.3rem;
  }
  .board-list.books .related-list li .thumb {
    height: 10.2rem;
    border-radius: 0;
  }
  .board-list.books .related-list li .title {
    -webkit-line-clamp: 1;
    font-size: 1.2rem;
  }
  .board-list.books .related-list li .author {
    font-size: 1rem;
  }
  .board-list.program-list {
    grid-template-columns: 1fr;
  }
  .board-list.program-list li a {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
  }
  .board-list.program-list .text-box {
    gap: 1rem;
  }
  .board-list.program-list .text-box .category {
    gap: 0.4rem;
  }
  .board-list.program-list .text-box .badge {
    height: 2.2rem;
    font-size: 1.2rem;
  }
  .board-list.program-list .text-box .title {
    font-size: 1.8rem;
  }
  .board-list.program-list .text-box .meta > p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.greeting-image {
  margin-bottom: 7.8rem;
}
.greeting-body {
  max-width: 105rem;
  margin-left: auto;
  letter-spacing: -0.01em;
}
.greeting-headline {
  font-size: 3rem;
  font-family: "pretendard-b", sans-serif;
  margin-bottom: 4.5rem;
}
.greeting-text {
  font-size: 2rem;
  font-family: "pretendard-r", sans-serif;
  line-height: 3.6rem;
}
.greeting-text strong {
  color: #EF5D48;
  font-family: "pretendard-b", sans-serif;
  font-size: 2.2rem;
}

.history .mission {
  margin-bottom: 12.8rem;
}
.history .mission-list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-top: 2.7rem;
  gap: 5.5rem;
}
.history .mission-list > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  border: 1px solid #CCCCCC;
  border-radius: 3rem;
  width: 33%;
  padding: 2.9rem 1.5rem 4.2rem;
  text-align: center;
}
.history .mission-title {
  font-size: 2.2rem;
  font-family: "pretendard-b", sans-serif;
  line-height: 3.5rem;
  margin: 1.9rem 0 1.2rem;
}
.history .mission-desc {
  font-size: 1.8rem;
  font-family: "pretendard-r", sans-serif;
  line-height: 2.9rem;
}
.history .timeline {
  padding-top: 8.7rem;
  position: relative;
  background-color: #F9F9F9;
  padding-top: 8.7rem;
}
.history .timeline:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background-color: #F9F9F9;
  z-index: -1;
}
.history .timeline:before {
  height: calc(100% + 12.5rem);
}
.history .timeline-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0 11.2rem;
  position: relative;
  margin-top: 3.5rem;
}
.history .timeline-group:nth-of-type(even) .timeline-year {
  color: #F4C924;
}
.history .timeline-group:nth-of-type(even) dl:before {
  border-color: #F4C924;
}
.history .timeline-year {
  font-size: 4.6rem;
  font-family: "pretendard-b", sans-serif;
  letter-spacing: -0.02em;
  color: #11ADD9;
  width: 12rem;
  line-height: 100%;
}
.history .timeline-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  position: relative;
  top: 0.7rem;
  line-height: 150%;
  margin-bottom: 1rem;
}
.history .timeline dl {
  position: relative;
  font-family: "pretendard-r", sans-serif;
  font-size: 1.8rem;
  line-height: 4.5rem;
  letter-spacing: 0;
}
.history .timeline dl:before, .history .timeline dl:after {
  content: "";
  position: absolute;
  top: 1rem;
}
.history .timeline dl:before {
  left: -5.15rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #11ADD9;
  z-index: 2;
}
.history .timeline dl:after {
  left: -4.75rem;
  width: 1px;
  height: calc(100% - 1rem);
  background-color: #C6C6C6;
  z-index: 1;
}
.history .timeline dt {
  min-width: 4rem;
  color: #AAAAAA;
  font-family: "pretendard-b", sans-serif;
}

.location .map {
  margin-bottom: 9.8rem;
}
.location .map-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 5.3rem;
  overflow: hidden;
  border: 1px solid #C8C8C8;
  border-radius: 2rem;
}
.location .map-image img {
  width: 140rem;
  height: 50rem;
  max-width: none;
}
.location .map-title, .location .map-address li {
  font-size: 2.4rem;
  font-family: "pretendard-b", sans-serif;
}
.location .map-title {
  margin-bottom: 1.4rem;
  text-align: center;
}
.location .map-address {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 5.5rem;
  border-radius: 2rem;
  border: 1px solid #CCCCCC;
  padding: 3.6rem;
  margin-bottom: 2.4rem;
}
.location .map-address ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
.location .map-address ul li {
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1rem;
}
.location .map-address ul li em {
  font-size: 1.6rem;
  font-family: "pretendard-r", sans-serif;
  text-align: right;
  min-width: 4rem;
}
.location .map-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.8rem;
}
.location .map-buttons a {
  height: 4rem;
  padding: 0 2.2rem;
  background-color: #282828;
  color: #fff;
  line-height: 4rem;
  font-size: 1.6rem;
  font-family: "pretendard-r", sans-serif;
  border-radius: 2rem;
  transition: all 0.3s ease 0s;
}
.location .map-buttons a:hover {
  background-color: #000;
}
.location .map-buttons a em {
  font-family: "pretendard-b", sans-serif;
}
.location .transportation {
  padding: 8.3rem 0 4.7rem;
  position: relative;
  background-color: #F9F9F9;
  padding-top: 8.7rem;
}
.location .transportation:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background-color: #F9F9F9;
  z-index: -1;
}
.location .transportation-icon h5 {
  display: none;
}
.location .transportation-box {
  margin-top: 2.4rem;
}
.location .transportation-box > ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 4.2rem 2.6rem;
}
.location .transportation-box > ul > li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  width: calc(50% - 2.6rem);
  gap: 2rem;
  flex: auto;
}
.location .transportation-box > ul > li > h5 {
  min-width: 12.5rem;
}
.location .transportation-box > ul > li li {
  font-size: 1.8rem;
  line-height: 3.4rem;
}
.location .transportation-content {
  padding-top: 1rem;
}
.location .transportation-content h5 {
  margin-bottom: 0.7rem;
}
.location .transportation-item {
  padding-bottom: 1rem;
}
.location .transportation-item.inline {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.3rem;
}
.location .transportation-item.inline > p {
  font-size: 1.8rem;
  line-height: 3.4rem;
}
.location .transportation-item.inline [class^=badge] {
  margin-top: 0.3rem;
}
.location .transportation-item.inline li {
  gap: 0.5rem;
}
.location .transportation-item > p {
  margin-bottom: 1rem;
  font-size: 2rem;
}
.location .transportation-item ul {
  margin-bottom: 1rem;
}
.location .transportation-item ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1rem;
  font-size: 1.8rem;
}
.location .transportation-item + .transportation-item {
  padding-top: 2rem;
  border-top: 1px solid #CCCCCC;
}
.location .access {
  padding-top: 7.8rem;
}
.location .access iframe {
  margin-top: 2.2rem;
  width: 100%;
  aspect-ratio: 16/9;
}
.location .access-buttons {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 6rem;
  margin-top: 4.8rem;
}
.location .access-buttons a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
  font-size: 1.6rem;
  padding: 3.6rem 5.2rem;
  transition: all 0.3s ease 0s;
}
.location .access-buttons a:hover {
  background-color: #FAFAFA;
}
.location .access-buttons a strong {
  font-size: 2.2rem;
}
.location .access-buttons a.blue {
  background-color: #3A9EFE;
}
.location .access-buttons a.blue * {
  color: #fff;
}
.location .access-buttons a.blue:hover {
  background-color: #328fe6;
}

[class^=badge] {
  padding: 0 1rem;
  border-radius: 100px;
  height: 2.7rem;
  line-height: 2.7rem;
  font-size: 1.6rem;
  color: #fff;
  font-family: "pretendard-r", sans-serif;
}

.badge-line9 {
  background-color: #BDB092;
}
.badge-greenline {
  border: 1px solid #226100;
  color: #226100;
  background-color: #fff;
}
.badge-blue {
  background-color: #3959A2;
}
.badge-green {
  background-color: #5FB431;
}
.badge-gray {
  background-color: #515151;
}
.badge-darkgreen {
  background-color: #018001;
}

.org img {
  width: 100%;
}

@media (max-width: 1024px) {
  .greeting-image {
    margin-bottom: 8.1rem;
    padding: 0 7rem;
  }
  .greeting-headline {
    line-height: 4.8rem;
  }
  .greeting-text {
    font-size: 2rem;
    font-family: "pretendard-r", sans-serif;
    line-height: 3.6rem;
  }
  .greeting-text strong {
    color: #EF5D48;
    font-family: "pretendard-b", sans-serif;
    font-size: 2.2rem;
  }
  .history .mission {
    margin-bottom: 6.7rem;
  }
  .history .mission-list {
    gap: 1.4rem;
  }
  .history .mission-list > li {
    padding: 2.2rem 0.2rem 0;
  }
  .history .mission-icon img {
    width: 10.1rem;
  }
  .history .mission-title {
    font-size: 2.2rem;
    line-height: 116%;
    margin: 2.2rem 0 1.8rem;
  }
  .history .mission-desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .history .timeline {
    padding-top: 3.8rem;
  }
  .location .map {
    margin-bottom: 7.3rem;
  }
  .location .map-image {
    margin-bottom: 4.8rem;
  }
  .location .map-title {
    margin-bottom: 0;
  }
  .location .map-address {
    justify-content: flex-start;
    gap: 2.1rem;
    padding: 3.3rem;
  }
  .location .transportation {
    padding: 7rem 0 2.2rem;
  }
  .location .transportation-box {
    margin-top: 2.4rem;
  }
  .location .transportation-box > ul {
    gap: 7.2rem 0;
  }
  .location .transportation-box > ul > li {
    width: 100%;
  }
  .location .transportation-box:first-of-type {
    margin-bottom: 7.2rem;
  }
  .location .access-buttons {
    gap: 3rem;
  }
}
@media (max-width: 768px) {
  .greeting-image {
    margin-bottom: 3.7rem;
    padding: 0 4rem;
  }
  .greeting-headline {
    font-size: 1.8rem;
    line-height: 2.9rem;
  }
  .greeting-text {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .greeting-text strong {
    font-size: 1.4rem;
  }
  .history .mission {
    margin-bottom: 6.7rem;
  }
  .history .mission-list {
    flex-direction: column;
    gap: 0.9rem;
  }
  .history .mission-list > li {
    width: 100%;
    padding: 1.6rem 1.4rem 1.4rem;
  }
  .history .mission-icon img {
    width: 6.5rem;
  }
  .history .mission-title {
    font-size: 1.6rem;
    line-height: 116%;
    margin: 1.6rem 0 0.8rem;
  }
  .history .mission-desc {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
  .history .timeline-group {
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 2rem;
  }
  .history .timeline-year {
    width: inherit;
    font-size: 2.4rem;
  }
  .history .timeline dl {
    position: relative;
    font-size: 1.6rem;
    line-height: 3.6rem;
    padding-left: 1.6rem;
  }
  .history .timeline dl:before {
    left: 0;
  }
  .history .timeline dl:after {
    left: 0.5rem;
  }
  .history .timeline dt {
    min-width: 3rem;
  }
  .location .map {
    margin-bottom: 4.4rem;
    gap: 1rem;
  }
  .location .map-title {
    display: none;
  }
  .location .map-address {
    align-items: flex-start;
    padding: 1.7rem 1.5rem;
    gap: 0;
  }
  .location .map-address ul {
    margin-left: 1rem;
    gap: 1rem;
  }
  .location .map-address ul li {
    font-size: 1.6rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .location .map-address ul li em {
    font-size: 1.2rem;
    text-align: left;
  }
  .location .map-icon {
    width: 1.8rem;
    margin-top: 0.3rem;
  }
  .location .map-buttons a {
    flex-grow: 1;
    text-align: center;
  }
  .location .transportation {
    padding: 3.6rem 0 2.2rem;
  }
  .location .transportation-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
  }
  .location .transportation-icon img {
    width: 6.5rem;
  }
  .location .transportation-icon h5 {
    display: block;
  }
  .location .transportation-box {
    margin-top: 2.4rem;
  }
  .location .transportation-box > ul {
    gap: 1.4rem 0;
  }
  .location .transportation-box > ul > li {
    flex-direction: column;
    gap: 0.4rem;
  }
  .location .transportation-box > ul > li li {
    font-size: 1.4rem;
    line-height: 2.4rem;
    gap: 0.5rem;
  }
  .location .transportation-content {
    width: 100%;
  }
  .location .transportation-content > h5 {
    display: none;
  }
  .location .transportation-item.inline {
    flex-direction: column;
  }
  .location .transportation-item.inline > p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .location .transportation-item > p {
    font-size: 1.4rem;
  }
  .location [class^=badge] {
    font-size: 1.2rem;
    height: 1.6rem;
    line-height: 1.6rem;
  }
  .location .access-buttons {
    margin-top: 1.2rem;
    gap: 1.2rem;
    flex-direction: column;
  }
  .location .access-buttons a {
    height: 8.7rem;
    padding: 1.5rem 1.2rem;
    font-size: 1.2rem;
  }
  .location .access-buttons a strong {
    font-size: 1.6rem;
  }
  .location .access-buttons a img {
    width: 5.4rem;
  }
}
.space .btn-submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0rem 3.9rem;
  background-color: #AD8E00;
  color: #fff;
  font-size: 2rem;
  font-family: "pretendard-m", sans-serif;
  border-radius: 30px;
  height: 4.9rem;
  font-size: 1.8rem;
}
.space .btn-submit.line {
  color: #AD8E00;
  background-color: #ffffff;
  border: 2px solid #AD8E00;
}
.space .complete-image {
  background-color: #FFFDE6;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D'46'%20height%3D'37'%20viewBox%3D'0%200%2046%2037'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M14.6185%2029.1916L3.71347%2017.6861L0%2021.5764L14.6185%2037L46%203.89038L42.3127%200L14.6185%2029.1916Z'%20fill%3D'%23AD8E00'/%3E%3C/svg%3E%0A");
}
.space-guide {
  width: 100%;
  border-radius: 20px;
  background-color: #FFFDE6;
  padding: 5rem 7.2rem 5.5rem 7rem;
  margin-bottom: 10rem;
}
.space-guide h4 {
  position: relative;
  font-family: "pretendard-b", sans-serif;
  font-size: 3rem;
  color: #AD8E00;
  padding-bottom: 2.6rem;
  margin-bottom: 2.3rem;
}
.space-guide h4:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 46px;
  height: 4px;
  background-color: #AD8E00;
}
.space-content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1.5rem;
  font-family: "pretendard-r", sans-serif;
  font-size: 2rem;
  line-height: 3.4rem;
}
.space-swiper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}
.space-swiper:not(:first-of-type) {
  margin-top: 10rem;
}
.space-swiper h4 {
  min-width: 28rem;
}
.space-swiper .swiper-pagination {
  display: none;
}
.space-swiper .swiper-wrapper {
  flex-direction: column;
}
.space-swiper .swiper-title {
  position: sticky;
  top: 7rem;
}
.space-swiper .swiper-item {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 3.8rem;
  margin-bottom: 4rem;
}
.space-swiper .swiper-item figure {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  min-width: 50rem;
  aspect-ratio: 5/3;
  border-radius: 20px;
  background-color: #C4C4C4;
  overflow: hidden;
  max-width: 100%;
}
.space-swiper .swiper-content > *:not(:first-child) {
  margin-top: 4rem;
}
.space-swiper .swiper-detail:not(:has(.swiper-desc)) .list-dot-border {
  margin-top: 0;
}
.space-swiper .swiper-name {
  font-family: "pretendard-b", sans-serif;
  font-size: 3rem;
  margin-bottom: 2rem;
}
.space-swiper .swiper-desc {
  font-family: "pretendard-b", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
}
.space .list-dot-border {
  margin-top: 2rem;
}
.space .btn-search-condition {
  display: none;
  padding-left: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='1.5' x2='11.5' y2='1.5' stroke='%234F4F4F' stroke-linecap='round'/%3E%3Cline x1='0.5' y1='5.5' x2='11.5' y2='5.5' stroke='%234F4F4F' stroke-linecap='round'/%3E%3Cline x1='0.5' y1='9.5' x2='11.5' y2='9.5' stroke='%234F4F4F' stroke-linecap='round'/%3E%3Ccircle cx='1.5' cy='1.5' r='1' fill='white' stroke='%234F4F4F'/%3E%3Ccircle cx='10.5' cy='5.5' r='1' fill='white' stroke='%234F4F4F'/%3E%3Ccircle cx='4.5' cy='9.5' r='1' fill='white' stroke='%234F4F4F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.2rem;
  background-position: left center;
  font-size: 1.4rem;
  margin-left: auto;
}
.space-search {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 93.4rem;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 3.8rem;
}
.space-search + h4.center {
  margin-top: 10rem;
}
.space-search .btn-submit {
  padding: 0rem 3.9rem;
  background-color: #AD8E00;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 6px;
  width: 10.1rem;
  height: 3.1rem;
}
.space-search .btn-submit.line {
  color: #333;
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  width: 7.8rem;
}
.space-search .btn-close {
  position: absolute;
  top: 1.5rem;
  right: 1.6rem;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.5772 27.5772C29.9677 27.9677 29.9677 28.6009 29.5772 28.9914C29.1866 29.3819 28.5535 29.3819 28.163 28.9914L1.29289 2.12132C0.902369 1.7308 0.902369 1.09763 1.29289 0.707107C1.68342 0.316582 2.31658 0.316582 2.70711 0.707107L29.5772 27.5772Z' fill='%23333'/%3E%3Cpath d='M1.42284 27.5772C1.03231 27.9677 1.03231 28.6009 1.42284 28.9914C1.81336 29.3819 2.44653 29.3819 2.83705 28.9914L29.7071 2.12132C30.0976 1.7308 30.0976 1.09763 29.7071 0.707107C29.3166 0.316582 28.6834 0.316582 28.2929 0.707107L1.42284 27.5772Z' fill='%23333'/%3E%3C/svg%3E");
  background-size: 1.8rem;
}
.space-search .btn-reset {
  font-size: 1.6rem;
  white-space: nowrap;
}
.space-search .form-group {
  position: relative;
  width: 100%;
}
.space-search:has(.dropdown) .btn-group,
.space-search:has(.dropdown) .btn-close {
  display: none;
}
.space-search:has(.dropdown) .btn-submit {
  background-color: #333;
}
.space-search:has(.dropdown) .btn-submit.line {
  background-color: #fff;
}
.space-search .dropdown {
  position: relative;
  z-index: 2;
}
.space-search .dropdown label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.4rem;
  position: absolute;
  top: -3rem;
  left: 0;
  font-size: 1.6rem;
}
.space-search .dropdown-btn {
  box-sizing: border-box;
  font-size: 1.6rem;
  border-radius: 0.6rem;
  border: 1px solid #D4D4D4;
  background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23282828' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 1.2rem center/1rem 0.6rem;
  padding: 1.3rem 2.4rem 1.4rem 1.5rem;
  width: 12rem;
  text-align: left;
}
.space-search .dropdown-list {
  position: absolute;
  top: calc(100% + 0.4rem);
  left: 0;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 10;
}
.space-search .dropdown-list li {
  padding: 1rem;
  font-size: 1.5rem;
  cursor: pointer;
}
.space-search .dropdown-list li:hover {
  background: #f8f8f8;
}
.space-search .dropdown-list li.is-active {
  background: #f3f3f3;
  font-weight: 600;
}
.space-search .dropdown.is-open .dropdown-list {
  display: block;
}
.space-search .btn-language {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0 0.5rem;
  font-size: 1.6rem;
  font-family: "pretendard-sb", sans-serif;
  line-height: 3rem;
  margin-bottom: 0.5rem;
}
.space-search .lang-wrap {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-direction: row;
}
.space-search .lang-popup {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  position: absolute;
  top: 100%;
  right: 0;
  width: 70rem;
  min-height: 25.2rem;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0s;
  z-index: 100;
}
.space-search .lang-popup.is-open {
  visibility: visible;
  opacity: 1;
}
.space-search .lang-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.7rem, 1fr));
  padding: 1rem;
  width: 100%;
}
.space-search .lang-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border: 1px solid #CCCCCC;
  font-size: 1.2rem;
  font-family: "pretendard-sb", sans-serif;
  height: 2.2rem;
  cursor: pointer;
}
.space-search .lang-list li a:hover {
  background: #f3f3f3;
}
.space-search .lang-list li a.is-active {
  background: #444;
  color: #fff;
  border-color: #444;
}
.space-search .lang-content {
  padding: 1rem;
  display: none;
}
.space-search .lang-content.is-active {
  display: block;
}
.space-search .lang-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  padding: 0 1rem;
  height: 3rem;
  background-color: #E5E5E5;
  margin-top: auto;
  text-align: right;
}
.space-search .lang-footer .btn-close-lang {
  font-size: 1.4rem;
  font-family: "pretendard-b", sans-serif;
}
.space-search .search-box {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0 0.7rem;
  width: 100%;
}
.space-search .search-wrap {
  flex: 1 1 auto;
}
.space-search .search-detail-box {
  width: 100%;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s cubic-bezier(0.25, 0.8, 0.25, 0.5);
  margin-top: 1rem;
}
.space-search .search-detail-box .form-wrap {
  position: relative;
  border: 1px solid #D4D4D4;
  padding: 3.4rem 6.4rem 2.6rem;
  border-radius: 10px;
}
.space-search .search-detail-box .form-wrap .btn-group {
  margin-top: 2.3rem;
}
.space-search .search-detail-box .form-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem 4.5rem;
}
.space-search .search-detail-box .form-section:not(:first-child) {
  margin-top: 1.7rem;
  padding-top: 2.1rem;
  border-top: 1px solid #CCCCCC;
}
.space-search .search-detail-box .form-group label {
  width: 8rem;
  font-size: 1.6rem;
}
.space-search .search-detail-box .form-group input[type=text] {
  flex: 1;
  height: 4rem;
  width: 100%;
}
.space-search .search-detail-box .form-group .check-ui {
  gap: 0 2rem;
}
.space-search .search-detail-box .form-group .check-ui li {
  gap: 0 0.9rem;
}
.space-search .search-detail-box .form-group .check-ui label {
  width: auto;
  min-width: initial;
}
.space-search .search-detail-box.is-open {
  max-height: 1000px;
  transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.space-search .btn-search-detail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  border: 1px solid #333;
  color: #333;
  border-radius: 6px;
  font-size: 1.6rem;
  font-family: "pretendard-m", sans-serif;
  white-space: nowrap;
}
.space .board {
  margin-top: 4.6rem;
}
.space .floor-guide {
  padding: 3.8rem 2.9rem 4.1rem;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  margin-bottom: 5.6rem;
}
.space .floor-guide h5 strong {
  display: block;
  font-size: 4rem;
  font-family: "pretendard-sb", sans-serif;
  color: #AD8E00;
  margin-bottom: 1rem;
  line-height: 1;
}
.space .floor-guide p {
  font-size: 1.8rem;
}
.space .floor-guide img {
  margin: 0 auto;
}
.space .floor-area .tbl {
  margin-top: 3.2rem;
}
.space .floor-area .tbl th,
.space .floor-area .tbl td {
  font-size: 2rem;
  height: 6rem;
  vertical-align: middle;
  text-align: center;
}
.space .floor-area .tbl thead tr {
  border-top: 3px solid #AD8E00;
  border-bottom: 2px solid #AD8E00;
}
.space .floor-area .tbl thead th {
  font-family: "pretendard-b", sans-serif;
  color: #AD8E00;
}
.space .floor-area .tbl tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #CCCCCC;
}
.space .floor-area .tbl tbody tr:nth-child(even) {
  background-color: #F9F9F9;
}
.space .floor-area .tbl tbody tr td:not(:last-child) {
  border-right: 1px solid #CCCCCC;
}

@media (max-width: 1024px) {
  .space-guide {
    padding: 3rem 2.8rem 2.7rem;
    margin-bottom: 7.2rem;
  }
  .space-content {
    flex-direction: column;
  }
  .space-content p {
    width: 100%;
  }
  .space-swiper {
    flex-direction: column;
  }
  .space-swiper:not(:first-of-type) {
    margin-top: 8.7rem;
  }
  .space-swiper h4 {
    min-width: initial;
  }
  .space-swiper .swiper:not(:first-of-type) {
    margin-top: 2.4rem;
  }
  .space-swiper .swiper-title {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    margin-bottom: 3.2rem;
  }
  .space-swiper .swiper-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 0 0.6rem;
  }
  .space-swiper .swiper-controls .btn-prev,
  .space-swiper .swiper-controls .btn-next {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 1px solid #CDD1D5;
    background-color: #ffffff;
  }
  .space-swiper .swiper-controls .swiper-pagination-fraction {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    width: auto;
    top: initial;
    bottom: initial;
    position: relative;
    font-size: 1.5rem;
    gap: 0 0.4rem;
    margin-right: 0.6rem;
  }
  .space-swiper .swiper-controls .btn-prev,
  .space-swiper .swiper-controls .btn-next {
    background-size: 0.9rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.86913 13.7949C7.62282 14.0686 7.2013 14.0908 6.92763 13.8445L0.260961 7.84432C0.120488 7.7179 0.0402764 7.53779 0.0402772 7.3488C0.0402788 7.15981 0.120493 6.9797 0.260968 6.85327L6.92763 0.853272C7.20131 0.606966 7.62283 0.629151 7.86914 0.902825C8.11545 1.1765 8.09326 1.59802 7.81959 1.84433L1.7035 7.34881L7.81959 12.8534C8.09326 13.0998 8.11544 13.5213 7.86913 13.7949Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
  }
  .space-swiper .swiper-controls .btn-next {
    transform: rotate(180deg);
  }
  .space-swiper .swiper-wrapper {
    flex-direction: row;
  }
  .space-swiper .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .space-swiper .swiper-slide {
    width: 50rem !important;
  }
  .space-swiper .swiper-slide:not(:last-child) {
    margin-right: 4rem;
  }
  .space-swiper .swiper-item {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 0rem;
  }
  .space-swiper .swiper-name {
    margin-bottom: 1rem;
    font-size: 2.4rem;
  }
  .space-swiper .swiper-desc {
    font-size: 1.6rem;
  }
  .space-search + h4.center {
    margin-top: 8.7rem;
  }
  .space-search .lang-popup {
    position: fixed;
    bottom: 0;
    top: initial;
    width: 100%;
  }
  .space-search .form-group {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .space-search .dropdown {
    flex: 1 1 auto;
  }
  .space-search .dropdown-btn {
    width: 100%;
  }
  .space-search .dropdown + .search-box {
    width: 100%;
  }
  .space .floor-guide {
    padding: 2.3rem 2.7rem 2.1rem;
    margin-bottom: 6.6rem;
  }
}
@media (max-width: 768px) {
  .detailbox-open {
    overflow: hidden;
  }
  .detailbox-open:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(5px);
  }
  .space-guide {
    padding: 2.3rem 2rem 2.5rem;
    margin-bottom: 2.8rem;
  }
  .space-guide h4 {
    font-size: 1.8rem;
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
  }
  .space-guide h4:after {
    width: 40px;
    height: 2px;
  }
  .space-content {
    flex-direction: column;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .space-content img {
    transform: scale(0.6);
  }
  .space-swiper {
    overflow: hidden;
  }
  .space-swiper:not(:first-of-type) {
    margin-top: 2.8rem;
  }
  .space-swiper .swiper-controls {
    gap: 0 0.5rem;
  }
  .space-swiper .swiper-controls .btn-prev,
  .space-swiper .swiper-controls .btn-next {
    width: 3rem;
    height: 3rem;
  }
  .space-swiper .swiper-controls .swiper-pagination-fraction {
    font-size: 1.4rem;
    margin-right: 0.3rem;
  }
  .space-swiper .swiper-controls .btn-prev,
  .space-swiper .swiper-controls .btn-next {
    background-size: 0.6rem 1.2rem;
  }
  .space-swiper .swiper-title {
    margin-bottom: 2rem;
  }
  .space-swiper .swiper-slide {
    width: 100% !important;
  }
  .space-swiper .swiper-slide:not(:last-child) {
    margin-right: 1.2rem;
  }
  .space-swiper .swiper-item {
    gap: 1rem;
    margin-bottom: 0rem;
  }
  .space-swiper .swiper-item figure {
    min-width: initial;
    width: 100% !important;
  }
  .space-swiper .swiper-item figure img {
    width: 100%;
  }
  .space-swiper .swiper-content > *:not(:first-child) {
    margin-top: 2rem;
  }
  .space-swiper .swiper-name {
    margin-bottom: 1rem;
    font-size: 1.8rem;
  }
  .space-swiper .swiper-desc {
    font-size: 1.4rem;
  }
  .space .list-dot-border {
    margin-top: 1rem;
  }
  .space .btn-search-condition {
    display: block;
  }
  .space-search {
    padding-top: 3.8rem;
  }
  .space-search:has(.dropdown) {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    max-height: 90dvh;
    font-size: 1.4rem;
    background-color: #fff;
    transform: translateY(100%);
    z-index: 2;
    padding: 3.2rem 2.4rem;
  }
  .space-search:has(.dropdown).is-open {
    display: block;
    transform: translateY(0);
  }
  .space-search:has(.dropdown) .form-group {
    overflow-y: auto;
    gap: 1.6rem;
    height: 80dvh;
    flex-wrap: nowrap;
    padding-bottom: 3rem;
  }
  .space-search:has(.dropdown) .btn-close {
    display: block;
    top: 1.6rem;
    right: 1.6rem;
  }
  .space-search:has(.dropdown) .btn-group {
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    margin-top: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #CCCCCC;
    gap: 0;
    z-index: 3;
  }
  .space-search:has(.dropdown) .btn-group > * {
    flex: 1 1 auto;
    height: 5rem;
    font-size: 1.8rem;
    font-family: "pretendard-b", sans-serif;
    border: 0;
    border-radius: 0;
  }
  .space-search:has(.dropdown) .btn-reset,
  .space-search:has(.dropdown) .svg_search {
    display: none;
  }
  .space-search:has(.dropdown) .dropdown {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    flex: 0 0 auto;
  }
  .space-search:has(.dropdown) .dropdown label {
    position: relative;
    top: 0;
  }
  .space-search:has(.dropdown) .dropdown-btn {
    display: none;
  }
  .space-search:has(.dropdown) .dropdown-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: static;
    box-shadow: none;
    border: 0;
    width: 100%;
  }
  .space-search:has(.dropdown) .dropdown-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    border: 1px solid #CCCCCC;
    transition: all 0.3s ease 0s;
  }
  .space-search:has(.dropdown) .dropdown-list li.is-active {
    font-family: "pretendard-b", sans-serif;
    background-color: #333;
    color: #fff;
  }
  .space-search .btn-close {
    top: 0.7rem;
    right: 1.1rem;
    width: 1.4rem;
    height: 1.4rem;
    background-size: 1.4rem;
  }
  .space-search .form-group {
    flex-direction: column;
    gap: 0.4rem;
  }
  .space-search .form-group select {
    width: 100%;
  }
  .space-search .btn-language {
    font-size: 1.4rem;
  }
  .space-search .lang-footer {
    height: 2rem;
  }
  .space-search .lang-footer .btn-close-lang {
    font-size: 1.2rem;
  }
  .space-search .search-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .space-search .search-wrap {
    flex: 1 1 auto;
  }
  .space-search .search-detail-box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    max-height: 90dvh;
    font-size: 1.4rem;
    background-color: #fff;
    transform: translateY(100%);
    z-index: 2;
  }
  .space-search .search-detail-box.is-open {
    transform: translateY(0);
  }
  .space-search .search-detail-box .form-wrap {
    padding: 2.4rem 3.2rem;
    border-radius: 0;
    max-height: 90dvh;
    overflow-y: scroll;
  }
  .space-search .search-detail-box .form-wrap .btn-group {
    position: fixed;
    left: 0;
    bottom: 0;
    margin-top: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #CCCCCC;
    gap: 0;
  }
  .space-search .search-detail-box .form-wrap .btn-group > * {
    flex: 1 1 auto;
    height: 5rem;
    font-size: 1.8rem;
    font-family: "pretendard-b", sans-serif;
    border: 0;
    border-radius: 0;
  }
  .space-search .search-detail-box .form-section {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    width: 100%;
  }
  .space-search .search-detail-box .form-section:not(:first-child) {
    padding-bottom: 7rem;
  }
  .space-search .search-detail-box .form-group {
    align-items: flex-start;
  }
  .space-search .search-detail-box .form-group:has(input[type=text] + input[type=text]) {
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
  }
  .space-search .search-detail-box .form-group:has(input[type=text] + input[type=text]) > *:not(label) {
    flex: 1;
  }
  .space-search .search-detail-box .form-group label {
    width: 100%;
    font-family: "pretendard-sb", sans-serif;
  }
  .space-search .search-detail-box .form-group input[type=text] {
    height: 3rem;
    flex: auto;
  }
  .space-search .search-detail-box .form-group .check-ui {
    width: 100%;
    gap: 0;
  }
  .space-search .search-detail-box .form-group .check-ui li {
    padding: 0;
    margin: 0;
    gap: 0;
    flex: 1;
  }
  .space-search .search-detail-box .form-group .check-ui li label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    background: #fff;
    font-size: 1.4rem;
    cursor: pointer;
    font-family: "pretendard-r", sans-serif;
    width: 100%;
    height: 4rem;
    border: 1px solid #CCCCCC;
  }
  .space-search .search-detail-box .form-group .check-ui li input[type=checkbox] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
  }
  .space-search .search-detail-box .form-group .check-ui li input[type=checkbox]:checked + label {
    background: #AD8E00;
    color: #fff;
    font-family: "pretendard-b", sans-serif;
  }
  .space-search .btn-search-detail {
    flex-shrink: 0;
    font-size: 1.2rem;
    height: 2rem;
  }
  .space .floor-guide {
    padding: 2.3rem 1.4rem 0.8rem;
    margin-bottom: 3.1rem;
  }
  .space .floor-guide h5 strong {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
  }
  .space .floor-guide p {
    font-size: 1.4rem;
  }
  .space .floor-area .tbl {
    margin-top: 1.1rem;
  }
  .space .floor-area .tbl th,
  .space .floor-area .tbl td {
    font-size: 1.4rem;
    height: 3.7rem;
  }
}
.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.calendar-header .controls {
  display: flex;
}
.calendar-header .info-text {
  font-size: 1.2rem;
  color: #FF4000;
  margin-bottom: 1.1rem;
  display: none;
}
.calendar-header .month-year {
  font-size: 3rem;
  font-family: "pretendard-sb", sans-serif;
  margin-right: 2rem;
  margin-top: 0.3rem;
}
.calendar-header .btn-group {
  flex: inherit;
}
.calendar-header .btn-prev,
.calendar-header .btn-next {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 1px solid #CDD1D5;
  background: #ffffff;
  background-size: 1.4rem 2.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.66'%3E%3Cpath d='M12.5566 1.89062L1.44553 13.0017L12.5566 24.1128' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.calendar-header .btn-next {
  transform: rotate(180deg);
}
.calendar-body {
  width: 100%;
  margin: 0 auto;
}
.calendar-body .week th {
  font-size: 1.8rem;
  font-family: "pretendard-b", sans-serif;
  border-block: 1px solid #000000;
  padding: 1.1rem;
  text-align: center;
}
.calendar-body .week .sunday {
  color: #FF4000;
}
.calendar-body td {
  width: clamp(15rem, 10vw, 20rem);
  border: 1px solid #E5E5E5;
  padding: 0;
  vertical-align: top;
}
.calendar-body .cell {
  width: 100%;
  height: 20rem;
  padding: 0.7rem;
}
.calendar-body .cell button {
  width: 100%;
  text-align: left;
  padding: 0.5rem 0.8rem;
}
.calendar-body .day {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 100%;
  height: 2.4rem;
}
.calendar-body .today .day {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  font-family: "pretendard-b", sans-serif;
  color: #ffffff;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #252525;
  line-height: 100%;
}
.calendar-body .sunday .day {
  color: #FF4000;
}
.calendar-body .sunday.today .day {
  color: #ffffff;
}
.calendar-body .label {
  width: 100%;
  border-radius: 6px;
  margin-top: 0.8rem;
}
.calendar-body .label p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 2rem;
  height: 2rem;
  font-size: 1.4rem;
  color: #333;
}
.calendar-body .label.holiday {
  background-color: #FFE5E5;
}
.calendar-body .label.event {
  background-color: #DBEAFE;
}
.calendar-body .label.recruit {
  background-color: #DCFCE7;
}
.calendar-body .label.etc {
  background-color: #E8E8E8;
}
.calendar-bottom {
  width: 100%;
  margin-top: 6.3rem;
  padding: 2.75rem 2.4rem;
  border-radius: 20px;
  border: 1px solid #ccc;
}
.calendar-bottom .head {
  display: flex;
  align-items: center;
  line-height: 100%;
  margin-bottom: 2.5rem;
}
.calendar-bottom .head .title {
  font-size: 3rem;
  font-family: "pretendard-sb", sans-serif;
  margin-right: 1rem;
}
.calendar-bottom .head .date {
  font-size: 1.8rem;
  border: 1px solid #CCC;
  padding: 0.7rem 0.7rem;
  color: #4F4F4F;
}
.calendar-bottom ul li {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  padding-left: 1.5rem;
}
.calendar-bottom ul li:not(:last-child) {
  margin-bottom: 0.4rem;
}
.calendar-bottom ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.8rem;
  height: 0.2rem;
  background-color: #282828;
}
.calendar-bottom ul li span {
  padding-right: 1.5rem;
  margin-right: 1.5rem;
  position: relative;
}
.calendar-bottom ul li span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 1.7rem;
  background-color: #282828;
}
.calendar-info {
  display: flex;
  gap: 0.5rem;
}
.calendar-info li {
  position: relative;
  font-size: 1.2rem;
  font-family: "pretendard-l", sans-serif;
  width: 6rem;
  height: 2.4rem;
  padding: 0.4rem 1.2rem 0.4rem 0.4rem;
  border-radius: 0.6rem;
  padding-left: 1.7rem;
}
.calendar-info li::before {
  content: "";
  display: block;
  position: absolute;
  top: 8.5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.calendar-info li.holiday {
  color: #AF1E1E;
  background-color: #FEE0DB;
}
.calendar-info li.holiday::before {
  background: #F6733B;
}
.calendar-info li.event {
  color: #1E40AF;
  background-color: #DBEAFE;
}
.calendar-info li.event::before {
  background: #3B82F6;
}
.calendar-info li.recruit {
  color: #166534;
  background-color: #DCFCE7;
}
.calendar-info li.recruit::before {
  background: #22C55E;
}
.calendar-info li.etc {
  color: #373737;
  background-color: #E8E8E8;
}
.calendar-info li.etc::before {
  background: #656565;
}

@media (max-width: 768px) {
  .calendar {
    margin-bottom: 2.5rem;
  }
  .calendar-header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .calendar-header .controls {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 1.5rem;
  }
  .calendar-header .info-text {
    display: block;
  }
  .calendar-header .month-year {
    font-size: 1.8rem;
    margin-right: 0;
  }
  .calendar-header .btn-prev,
  .calendar-header .btn-next {
    width: 3rem;
    height: 3rem;
    background-size: 9rem 1.6em;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.66'%3E%3Cpath d='M7.66699 1L1.00032 7.66667L7.66699 14.3333' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .calendar-header .btn-group {
    gap: 0.8rem;
  }
  .calendar-body .week th {
    font-size: 1.4rem;
    padding: 0.9rem;
  }
  .calendar-body td:active, .calendar-body td.is-current {
    background: rgba(255, 64, 0, 0.2);
  }
  .calendar-body .cell {
    height: 6.5rem;
  }
  .calendar-body .cell button {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }
  .calendar-body .day {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .calendar-body .label {
    position: relative;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    margin: 0 auto;
  }
  .calendar-body .label p {
    display: none;
  }
  .calendar-body .label.holiday {
    background-color: #F6733B;
  }
  .calendar-body .label.event {
    background-color: #3B82F6;
  }
  .calendar-body .label.recruit {
    background-color: #22C55E;
  }
  .calendar-body .label.etc {
    background-color: #656565;
  }
  .calendar-bottom {
    width: 100%;
    margin-top: 1.6rem;
    padding: 0;
    border-radius: 0;
    border: 0;
  }
  .calendar-bottom .head {
    display: flex;
    align-items: center;
    padding: 1.3rem 1.1rem 1.1rem;
    margin-bottom: 1.1rem;
    background: #F0F0F0;
  }
  .calendar-bottom .head .title {
    display: none;
  }
  .calendar-bottom .head .date {
    font-size: 1.6rem;
    font-family: "pretendard-sb", sans-serif;
    padding: 0;
    border: 0;
    color: #282828;
  }
  .calendar-bottom ul li {
    font-size: 1.4rem;
  }
  .calendar-bottom ul li span {
    display: none;
  }
  .calendar-info {
    display: none;
  }
}
.crew-guide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0 10.2rem;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  padding: 4rem 8.1rem 5.2rem 11.5rem;
  margin: 3.9rem 0 4.2rem;
}
.crew-guide-txt {
  font-size: 2rem;
  line-height: 160%;
}
.crew-guide-txt .list-dot-border {
  margin: 1.6rem 0;
}
.crew-guide-txt .list-dot-border li {
  font-size: inherit;
}
.crew-slogan {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  font-size: 3rem;
  text-align: center;
  height: 29.2rem;
  border-radius: 20px;
  background-color: #F9E9FF;
  background-image: url("../images/sub/support/crew-bg-pc.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  overflow: hidden;
}
.crew-attention {
  background-color: #F9E9FF;
  padding: 3.5rem 0 3.4rem;
  font-size: 2rem;
  text-align: center;
  border-radius: 20px;
  margin: 2.9rem 0 3.8rem;
}
.crew-reservation {
  max-width: 51rem;
  margin: 0 auto;
}
.crew-reservation h5 {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 3.2rem;
}
.crew-reservation .form-section + .form-section {
  margin-top: 3.7rem;
}
.crew-reservation .form-group {
  align-items: flex-start;
}
.crew-reservation .form-group label {
  min-width: 13rem;
  width: 13rem;
  font-size: 1.6rem;
  margin-top: 1rem;
}
.crew-reservation .form-group label + * {
  flex-grow: 1;
}
.crew-reservation .form-group div:has(.help-text) {
  flex-direction: column;
  gap: 0.8rem;
}
.crew-reservation .form-group div:has(.help-text) > * {
  width: 100%;
}
.crew-reservation .form-group .help-text {
  font-size: 1.6rem;
}
.crew-reservation .form-group textarea {
  border: 1px solid #D4D4D4;
}
.crew-reservation .form-step {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1rem;
  font-family: "pretendard-sb", sans-serif;
  font-size: 2rem;
}
.crew-reservation .form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-top: 3rem;
}
.crew-reservation .form-btn .btn-submit {
  width: 17rem;
  padding: 0rem 5rem;
  background-color: #9001C5;
  color: #fff;
  font-size: 2rem;
  font-family: "pretendard-m", sans-serif;
  line-height: 4.4rem;
  border-radius: 30px;
  transition: all 0.3s ease 0s;
}
.crew-reservation .form-btn .btn-submit:hover {
  background-color: #7524c1;
}
.crew-reservation .step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 3rem;
  height: 3rem;
  background-color: #F9E9FF;
  color: #9001C5;
  border-radius: 50%;
}

.shuttle-guide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0 10.2rem;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  padding: 4rem 8.1rem 5.2rem 11.5rem;
  margin: 3.9rem 0 9.2rem;
}
.shuttle-guide-txt {
  font-size: 2rem;
  line-height: 160%;
}
.shuttle-guide-txt .list-dot-border {
  margin: 1.6rem 0;
}
.shuttle-guide-txt .list-dot-border li {
  font-size: inherit;
}
.shuttle-guide + h4 {
  margin-top: 9.2rem;
}
.shuttle-tel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0 2.5rem;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  padding: 3.8rem 4.3rem 3.4rem;
  margin-top: 2rem;
}
.shuttle-tel span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 12rem;
  height: 4rem;
  font-size: 2rem;
  background-color: #F9E9FF;
  border-radius: 20px;
}
.shuttle-tel p {
  font-family: "pretendard-b", sans-serif;
  font-size: 3rem;
}
.shuttle-img {
  margin: 3.3rem 0 5.8rem;
}
.shuttle-img img {
  width: 100%;
}
.shuttle-line {
  margin-top: 3.3rem;
}
.shuttle-line .help-text {
  display: none;
}
.shuttle-table th,
.shuttle-table td {
  font-size: 1.6rem;
  height: 5rem;
  vertical-align: middle;
  text-align: center;
}
.shuttle-table th:first-child,
.shuttle-table td:first-child {
  width: 7rem;
}
.shuttle-table thead tr {
  border-top: 3px solid #9001C5;
  border-bottom: 2px solid #9001C5;
}
.shuttle-table thead th {
  font-family: "pretendard-b", sans-serif;
  color: #9001C5;
}
.shuttle-table tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #CCCCCC;
}
.shuttle-table tbody tr:nth-child(even) {
  background-color: #F9F9F9;
}
.shuttle-table tbody tr td:not(:last-child) {
  border-right: 1px solid #CCCCCC;
}

@media (max-width: 1024px) {
  .crew-guide {
    flex-direction: column;
    gap: 6.4rem 0;
    padding: 4.6rem 3.1rem 2.7rem 3rem;
  }
  .crew-slogan {
    padding: 10rem;
    background-image: url("../images/sub/support/crew-bg-tb.png");
    background-position: bottom;
  }
  .crew-attention {
    padding: 2rem 5rem;
    font-size: 1.8rem;
    margin: 2.7rem 0 2.3rem;
  }
  .crew-reservation h5 {
    font-size: 2.4rem;
  }
  .crew-reservation .step-title {
    font-size: 1.8rem;
  }
  .shuttle-guide {
    flex-direction: column;
    gap: 6.4rem 0;
    padding: 4.6rem 3.1rem 2.7rem 3rem;
  }
  .shuttle-guide + h4 {
    margin-top: 4.6rem;
  }
  .shuttle-tel {
    padding: 3.8rem 2.6rem 3.4rem;
    margin-top: 2.7rem;
  }
  .shuttle-img {
    margin: 3rem 0;
  }
}
@media (max-width: 768px) {
  .crew-guide {
    gap: 3.1rem 0;
    padding: 2.9rem 1.9rem 2.5rem 1.8rem;
    margin-bottom: 2.5rem;
  }
  .crew-guide img {
    width: 19rem;
  }
  .crew-guide-txt {
    font-size: 1.4rem;
  }
  .crew-slogan {
    height: 19rem;
    padding: 1.7rem;
    font-size: 1.6rem;
  }
  .crew-attention {
    padding: 1.6rem 1rem;
    font-size: 1.4rem;
    margin: 3rem 0 4.1rem;
  }
  .crew-reservation h5 {
    font-size: 1.8rem;
  }
  .crew-reservation .form-group {
    flex-direction: column;
    gap: 0.5rem;
  }
  .crew-reservation .form-group > * {
    width: 100%;
  }
  .crew-reservation .form-group label {
    font-size: 1.4rem;
    min-width: initial;
    width: 100%;
  }
  .crew-reservation .form-group label span {
    font-size: 1.4rem;
  }
  .crew-reservation .form-group .help-text {
    font-size: 1.4rem;
  }
  .crew-reservation .form-btn .btn-submit {
    width: 100%;
    height: 3.9rem;
    font-size: 1.6rem;
    line-height: 3.9rem;
  }
  .crew-reservation .step-title, .crew-reservation .step-number {
    font-size: 1.4rem;
  }
  .shuttle-guide {
    gap: 3.1rem 0;
    padding: 2.9rem 1.9rem 2.5rem 1.8rem;
    margin-bottom: 2.5rem;
  }
  .shuttle-guide img {
    width: 19rem;
  }
  .shuttle-guide-txt {
    font-size: 1.4rem;
  }
  .shuttle-guide + h4 {
    margin-top: 3rem;
  }
  .shuttle-tel {
    gap: 0 1.3rem;
    padding: 2.5rem 1.8rem 2.6rem;
    margin-top: 1.4rem;
  }
  .shuttle-tel span {
    width: 8rem;
    height: 3rem;
    font-size: 1.4rem;
  }
  .shuttle-tel p {
    font-size: 2rem;
  }
  .shuttle-img {
    margin: 2.6rem 0 3rem;
  }
  .shuttle-line {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .shuttle-line .help-text {
    display: block;
    margin-top: 1.1rem;
    font-size: 1.2rem;
  }
  .shuttle-table th,
  .shuttle-table td {
    font-size: 1.4rem;
    height: 3.7rem;
    width: 15.7rem;
  }
  .shuttle-table th:first-child,
  .shuttle-table td:first-child {
    width: 5rem;
  }
}
.form-section {
  display: grid;
  gap: 1.6rem;
}

.member.sub-tab {
  overflow-x: auto;
}
.member .step {
  width: 100%;
  border-radius: 2rem;
  padding: 5rem;
  border: 2px solid #CCC;
}
.member .step ul {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.member .step li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2rem;
  padding-left: 8rem;
  padding-right: 2.8rem;
  color: #523391;
}
.member .step li p {
  font-size: 2.4rem;
  font-family: "pretendard-b", sans-serif;
  color: #333;
  margin-top: 0.6rem;
}
.member .step li p span {
  display: block;
  font-size: 1.4rem;
  font-family: "pretendard-r", sans-serif;
}
.member .step li::before, .member .step li::after {
  content: "";
  position: absolute;
}
.member .step li::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: #EAEAFF;
}
.member .step li.active {
  color: #fff;
}
.member .step li.active::before {
  background-color: #523391;
}
.member .step li .step-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  mask-position: center;
}
.member .form {
  margin: 5.1rem auto 3.4rem;
  width: 51rem;
  max-width: 100%;
}
.member .form h4 {
  margin-bottom: 0.9rem;
}
.member .form .sub-text {
  font-size: 1.4rem;
  color: #4F4F4F;
  line-height: normal;
  margin-bottom: 0.3rem;
}
.member .form-section {
  gap: 2rem;
}
.member .form-section:not(:first-of-type) {
  margin-top: 4.4rem;
  padding-top: 2.5rem;
  border-top: 2px solid #CCCCCC;
}
.member .form-group {
  min-height: 5rem;
  align-items: flex-start;
}
.member .form-group label,
.member .form-group .label {
  width: 12.3rem;
  font-size: 1.6rem;
  flex-shrink: 0;
  margin-top: 1rem;
}
.member .form-group label.text,
.member .form-group .label.text {
  width: inherit;
  margin-left: 0.9rem;
}
.member .form-group label + *,
.member .form-group .label + * {
  flex-grow: 1;
}
.member .form-group label.mt-0,
.member .form-group .label.mt-0 {
  margin-top: 0;
}
.member .form-group:has(.check-ui) {
  align-items: center;
}
.member .form-group:has(.check-ui) label,
.member .form-group:has(.check-ui) .label {
  margin-top: 0;
}
.member .form-group:has(.check-ui) .check-ui {
  width: 100%;
}
.member .form-group:has(.check-ui) .check-ui li {
  flex: auto;
}
.member .form-group input[type=text],
.member .form-group input[type=password] {
  width: 100%;
  padding: 1.5rem;
  font-size: 1.6rem;
  height: 5rem;
}
.member .form-group div:has(.help-text) {
  width: 100%;
  flex-direction: column;
  gap: 0.3rem;
}
.member .form-group div:has(.help-text) > * {
  width: 100%;
}
.member .form-group .help-text {
  font-size: 1.2rem;
}
.member .form-group div:has(> .input-row) {
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  gap: 0.8rem;
}
.member .form-group div:has(> .input-row) .input-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  gap: 0.8rem;
}
.member .form-group div:has(> .input-row) p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.8rem;
  width: auto;
}
.member .form-group div:has(> .input-row) select {
  padding: 1.5rem 2.4rem 1.5rem 1.5rem;
  height: 5rem;
  font-size: 1.6rem;
}
.member .form-group div:has(> .input-row) .btn-check {
  width: 9rem;
  height: 4rem;
  font-size: 1.6rem;
  background-color: #523391;
  color: #fff;
  border-radius: 6px;
}
.member .btn-group {
  margin-top: 2.4rem;
  gap: 1rem;
  flex-wrap: nowrap;
}
.member .btn-submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0rem 3.9rem;
  background-color: #523391;
  color: #fff;
  font-size: 2rem;
  font-family: "pretendard-m", sans-serif;
  border-radius: 30px;
}
.member .btn-submit.line {
  color: #523391;
  background-color: #ffffff;
  border: 2px solid #523391;
}
.member .tbl th,
.member .tbl td {
  font-size: 1.6rem;
  height: 6rem;
  vertical-align: middle;
  text-align: center;
  padding: 0 1rem;
}
.member .tbl th:has(.period),
.member .tbl td:has(.period) {
  text-align: left;
}
.member .tbl th .period,
.member .tbl td .period {
  color: #4F4F4F;
  font-size: 1.4rem;
}
.member .tbl thead tr {
  border-top: 3px solid #523391;
  border-bottom: 2px solid #523391;
}
.member .tbl thead th {
  font-size: 2rem;
  font-family: "pretendard-b", sans-serif;
  color: #523391;
}
.member .tbl tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #CCCCCC;
}
.member .tbl tbody tr:nth-child(even) {
  background-color: #F9F9F9;
}
.member .tbl tbody tr td:not(:last-child) {
  border-right: 1px solid #CCCCCC;
}
.member .status,
.member .btn-detail {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.7rem;
  height: 2.5rem;
  padding: 0 1rem;
  border-radius: 20px;
  font-size: 1.4rem;
  font-family: "pretendard-sb", sans-serif;
}
.member .status.doing, .member .status.reserved {
  background-color: #AAE6FF;
}
.member .status.done {
  background-color: #523391;
  color: #fff;
}
.member .status.waiting {
  background-color: #FFE4AA;
}
.member .status.cancel, .member .status.completed {
  background-color: #D7D7D7;
}
.member .btn-detail {
  border: 1px solid #333;
  border-radius: 9999px;
  background-color: #fff;
  font-size: 1.4rem;
  color: #333;
  transition: all 0.3s ease 0s;
}
.member .btn-detail:hover, .member .btn-detail:focus {
  background-color: #333;
  color: #fff;
}
.member .pagination {
  margin-top: 5.5rem;
}
.member.modal-content .tbl {
  margin-top: 0.9rem;
}
.member.modal-content .tbl th,
.member.modal-content .tbl td {
  height: 4.7rem;
}
.member.modal-content .tbl thead th {
  font-family: "pretendard-sb", sans-serif;
  font-size: 1.6rem;
  color: #333;
}
.member.modal-content .info-title {
  font-family: "pretendard-sb", sans-serif;
  line-height: 160%;
}
.member.modal-content .info-list {
  margin-bottom: 2.2rem;
  font-size: 1.4rem;
  line-height: 160%;
}
.member.modal-content .info-list div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.4rem;
}
.member.modal-content .info-list div dt {
  font-family: "pretendard-sb", sans-serif;
}

.login .inner {
  text-align: center;
}
.login h3 {
  padding-top: 0;
  margin-bottom: 2rem;
}
.login h3::before {
  display: none;
}
.login .sub-text {
  font-size: 1.6rem;
  line-height: 160%;
  margin-bottom: 5rem;
}
.login-form {
  margin: 0 auto 9.5rem;
  width: 46rem;
  max-width: 100%;
}
.login-form .form-group {
  width: 100%;
  display: block;
  text-align: left;
}
.login-form .form-group label {
  display: block;
  width: inherit;
  font-size: 1.6rem;
  margin-bottom: 0.2rem;
}
.login-form .form-group input[type=text],
.login-form .form-group input[type=password] {
  width: 100%;
}
.login-form .form-util {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-top: 1.4rem;
}
.login-form .form-util li {
  position: relative;
  padding-right: 1.2rem;
  margin-right: 1rem;
}
.login-form .form-util li a {
  display: inline-block;
  font-size: 1.6rem;
}
.login-form .form-util li:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 1.2rem;
  background-color: #222;
}
.login-form .btn {
  width: 100%;
  font-size: 1.6rem;
  font-family: "pretendard-m", sans-serif;
  border-radius: 6px;
  padding: 1.2rem;
}

.join .btn-submit {
  padding: 1rem 3.9rem;
}
.join .step li:first-child .step-icon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z'/></svg>");
  -webkit-mask-size: 2.4rem 2.4rem;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z'/></svg>");
  mask-size: 2.4rem 2.4rem;
}
.join .step li:last-child .step-icon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 18'><path d='M0.66 4H16.66V6H0.66V4ZM0.66 10H16.66V8H0.66V10ZM0.66 14H7.66V12H0.66V14ZM0.66 18H7.66V16H0.66V18ZM12.07 15.17L10.66 13.75L9.25 15.16L12.07 18L16.66 13.42L15.24 12L12.07 15.17ZM0.66 0V2H16.66V0H0.66Z'/></svg>");
  -webkit-mask-size: 1.7rem 1.8rem;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 18'><path d='M0.66 4H16.66V6H0.66V4ZM0.66 10H16.66V8H0.66V10ZM0.66 14H7.66V12H0.66V14ZM0.66 18H7.66V16H0.66V18ZM12.07 15.17L10.66 13.75L9.25 15.16L12.07 18L16.66 13.42L15.24 12L12.07 15.17ZM0.66 0V2H16.66V0H0.66Z'/></svg>");
  mask-size: 1.7rem 1.8rem;
}
.join .step li:not(:last-child)::after {
  right: 0;
  width: 0.8rem;
  height: 1.2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66 0L0.25 1.41L4.83 6L0.25 10.59L1.66 12L7.66 6L1.66 0Z' fill='%23BCBCBC'/%3E%3C/svg%3E%0A");
}
.join .terms-box {
  margin-top: 5.2rem;
}
.join .terms-box h4 {
  margin-bottom: 1rem;
}
.join .terms-box .text {
  font-size: 1.4rem;
  color: #4F4F4F;
  margin-bottom: 1rem;
}
.join .terms-box .content {
  border: 1px solid #ccc;
  padding: 2.3rem 2rem;
  font-size: 1.6rem;
  font-family: "pretendard-sb", sans-serif;
  color: #333;
  height: 30rem;
  overflow-x: hidden;
  overflow: auto;
  margin-bottom: 1.1rem;
}
.join .terms-box .content .terms .tit-h1 {
  font-size: 2rem;
}
.join .terms-box:last-child .check-col:last-child {
  margin-top: 3.7rem;
}

.mypage .form {
  margin-bottom: 0;
}
.mypage .btn-group {
  width: 100%;
  max-width: 51rem;
  margin: 2.4rem auto 0;
}
.mypage .btn-submit {
  min-width: 22.6rem;
  height: 4.4rem;
}
.mypage .btn-submit.line {
  min-width: 16.3rem;
}
.mypage .password .btn-group {
  margin-top: 3.1rem;
}
.mypage .guide {
  width: 51rem;
  max-width: 100%;
  margin: 2.6rem auto 3.9rem;
  background-color: #F9F9F9;
  padding: 2.3rem 2.5rem 1.7rem;
  font-size: 1.6rem;
}
.mypage .guide-title {
  font-family: "pretendard-b", sans-serif;
  margin-bottom: 0.5rem;
}
.mypage .step {
  margin-bottom: 2.3rem;
}
.mypage .step ul {
  gap: 2rem 11.2rem;
}
.mypage .step li p {
  margin-top: 0;
}
.mypage .step li p span {
  font-size: 1.6rem;
}
.mypage .step li .step-icon {
  -webkit-mask-size: 2.4rem 2.4rem;
  mask-size: 2.4rem 2.4rem;
}
.mypage .step li:nth-child(1) .step-icon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 5C19.89 4.65 18.67 4.5 17.5 4.5C15.55 4.5 13.45 4.9 12 6C10.55 4.9 8.45 4.5 6.5 4.5C4.55 4.5 2.45 4.9 1 6V20.65C1 20.9 1.25 21.15 1.5 21.15C1.6 21.15 1.65 21.1 1.75 21.1C3.1 20.45 5.05 20 6.5 20C8.45 20 10.55 20.4 12 21.5C13.35 20.65 15.8 20 17.5 20C19.15 20 20.85 20.3 22.25 21.05C22.35 21.1 22.4 21.1 22.5 21.1C22.75 21.1 23 20.85 23 20.6V6C22.4 5.55 21.75 5.25 21 5ZM21 18.5C19.9 18.15 18.7 18 17.5 18C15.8 18 13.35 18.65 12 19.5V8C13.35 7.15 15.8 6.5 17.5 6.5C18.7 6.5 19.9 6.65 21 7V18.5Z' fill='%23523391'/><path d='M17.5 10.5C18.38 10.5 19.23 10.59 20 10.76V9.24C19.21 9.09 18.36 9 17.5 9C15.8 9 14.26 9.29 13 9.83V11.49C14.13 10.85 15.7 10.5 17.5 10.5Z' fill='%23523391'/><path d='M13 12.4862V14.1462C14.13 13.5062 15.7 13.1562 17.5 13.1562C18.38 13.1562 19.23 13.2463 20 13.4163V11.8962C19.21 11.7462 18.36 11.6562 17.5 11.6562C15.8 11.6562 14.26 11.9562 13 12.4862Z' fill='%23523391'/><path d='M17.5 14.3281C15.8 14.3281 14.26 14.6181 13 15.1581V16.8181C14.13 16.1781 15.7 15.8281 17.5 15.8281C18.38 15.8281 19.23 15.9181 20 16.0881V14.5681C19.21 14.4081 18.36 14.3281 17.5 14.3281Z' fill='%23523391'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 5C19.89 4.65 18.67 4.5 17.5 4.5C15.55 4.5 13.45 4.9 12 6C10.55 4.9 8.45 4.5 6.5 4.5C4.55 4.5 2.45 4.9 1 6V20.65C1 20.9 1.25 21.15 1.5 21.15C1.6 21.15 1.65 21.1 1.75 21.1C3.1 20.45 5.05 20 6.5 20C8.45 20 10.55 20.4 12 21.5C13.35 20.65 15.8 20 17.5 20C19.15 20 20.85 20.3 22.25 21.05C22.35 21.1 22.4 21.1 22.5 21.1C22.75 21.1 23 20.85 23 20.6V6C22.4 5.55 21.75 5.25 21 5ZM21 18.5C19.9 18.15 18.7 18 17.5 18C15.8 18 13.35 18.65 12 19.5V8C13.35 7.15 15.8 6.5 17.5 6.5C18.7 6.5 19.9 6.65 21 7V18.5Z' fill='%23523391'/><path d='M17.5 10.5C18.38 10.5 19.23 10.59 20 10.76V9.24C19.21 9.09 18.36 9 17.5 9C15.8 9 14.26 9.29 13 9.83V11.49C14.13 10.85 15.7 10.5 17.5 10.5Z' fill='%23523391'/><path d='M13 12.4862V14.1462C14.13 13.5062 15.7 13.1562 17.5 13.1562C18.38 13.1562 19.23 13.2463 20 13.4163V11.8962C19.21 11.7462 18.36 11.6562 17.5 11.6562C15.8 11.6562 14.26 11.9562 13 12.4862Z' fill='%23523391'/><path d='M17.5 14.3281C15.8 14.3281 14.26 14.6181 13 15.1581V16.8181C14.13 16.1781 15.7 15.8281 17.5 15.8281C18.38 15.8281 19.23 15.9181 20 16.0881V14.5681C19.21 14.4081 18.36 14.3281 17.5 14.3281Z' fill='%23523391'/></svg>");
}
.mypage .step li:nth-child(2) .step-icon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.875 13.18V17.18L12.875 21L19.875 17.18V13.18L12.875 17L5.875 13.18ZM12.875 3L1.875 9L12.875 15L21.875 10.09V17H23.875V9L12.875 3Z' fill='%23523391'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.875 13.18V17.18L12.875 21L19.875 17.18V13.18L12.875 17L5.875 13.18ZM12.875 3L1.875 9L12.875 15L21.875 10.09V17H23.875V9L12.875 3Z' fill='%23523391'/></svg>");
}
.mypage .step li:nth-child(3) .step-icon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 2V8H6.01L6 8.01L10 12L6 16L6.01 16.01H6V22H18V16.01H17.99L18 16L14 12L18 8.01L17.99 8H18V2H6ZM16 16.5V20H8V16.5L12 12.5L16 16.5ZM12 11.5L8 7.5V4H16V7.5L12 11.5Z' fill='%23523391'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 2V8H6.01L6 8.01L10 12L6 16L6.01 16.01H6V22H18V16.01H17.99L18 16L14 12L18 8.01L17.99 8H18V2H6ZM16 16.5V20H8V16.5L12 12.5L16 16.5ZM12 11.5L8 7.5V4H16V7.5L12 11.5Z' fill='%23523391'/></svg>");
}

@media (max-width: 1024px) {
  .member .step ul {
    gap: 2rem;
  }
}
@media (max-width: 768px) {
  .member .step {
    padding: 2.2rem 3.2rem 2.8rem;
  }
  .member .step ul {
    flex-direction: column;
    gap: 2rem 0;
  }
  .member .step li {
    padding-right: 2rem;
    min-height: 6rem;
  }
  .member .step li p {
    margin-top: 0;
    font-size: 1.8rem;
  }
  .member .step li p span {
    font-size: 1.4rem;
  }
  .member .step li:not(:last-child)::after {
    display: none;
  }
  .member .form h4 {
    margin-bottom: 0.9rem;
  }
  .member .form .sub-text {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
  }
  .member .form-section {
    gap: 0;
  }
  .member .form-section:not(:first-of-type) {
    margin-top: 3.3rem;
    padding-top: 2.8rem;
  }
  .member .form-section .form-group {
    margin-bottom: 2rem;
  }
  .member .form-section .form-group:has(+ :not(.form-group)), .member .form-section .form-group:last-child {
    margin-bottom: 0;
  }
  .member .form-group {
    flex-direction: column;
    gap: 0.5rem;
  }
  .member .form-group label,
  .member .form-group .label {
    width: 100%;
    font-size: 1.4rem;
    margin-top: 0;
  }
  .member .form-group:has(.check-ui) {
    gap: 0 1rem;
  }
  .member .form-group:has(.check-ui) label,
  .member .form-group:has(.check-ui) .label {
    margin-top: 0;
  }
  .member .form-group:has(.check-ui) .check-ui {
    gap: 0 1rem;
  }
  .member .form-group div:has(> .input-row) .input-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .member .form-group div:has(> .input-row) p {
    width: 100%;
  }
  .member .form-group div:has(> .input-row) p > * {
    flex: auto;
  }
  .member .form-group div:has(> .input-row) .btn-check {
    width: 9.4rem;
  }
  .member .form-group input[type=text],
  .member .form-group input[type=password] {
    font-size: 1.4rem;
  }
  .member .btn-group > * {
    flex: 1 1 auto;
  }
  .member .btn-submit {
    font-size: 1.6rem;
    padding: 1rem 2.1rem;
  }
  .member .tbl.responsive thead,
  .member .tbl.responsive colgroup {
    display: none;
  }
  .member .tbl.responsive tr {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 1rem;
    background-color: #fff !important;
  }
  .member .tbl.responsive tr td {
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
    border-right: 0 !important;
    padding: 0;
    font-size: 1.4rem;
    margin-bottom: 0.2rem;
  }
  .member .tbl.responsive tr td[data-title^=프로그램] {
    margin: 0.6rem 0;
  }
  .member .tbl.responsive tr td[data-title=신청일] {
    font-size: 1.2rem;
  }
  .member .tbl.responsive tr td[data-title=신청일]:before {
    content: attr(data-title) ":";
    margin-right: 0.5rem;
  }
  .member .tbl.responsive tr td .period {
    font-size: 1.2rem;
  }
  .member .crew-reserve .tbl.responsive tr td[data-title=상태],
  .member .reserve-apply .tbl.responsive tr td[data-title=상태] {
    order: -1;
  }
  .member .crew-reserve .tbl.responsive tr td[data-title=예약번호]:before, .member .crew-reserve .tbl.responsive tr td[data-title=방문일시]:before, .member .crew-reserve .tbl.responsive tr td[data-title=픽업장소]:before, .member .crew-reserve .tbl.responsive tr td[data-title=시설명]:before, .member .crew-reserve .tbl.responsive tr td[data-title=이용일시]:before,
  .member .reserve-apply .tbl.responsive tr td[data-title=예약번호]:before,
  .member .reserve-apply .tbl.responsive tr td[data-title=방문일시]:before,
  .member .reserve-apply .tbl.responsive tr td[data-title=픽업장소]:before,
  .member .reserve-apply .tbl.responsive tr td[data-title=시설명]:before,
  .member .reserve-apply .tbl.responsive tr td[data-title=이용일시]:before {
    content: attr(data-title) ":";
    margin-right: 0.5rem;
    font-family: "pretendard-r", sans-serif;
  }
  .member .crew-reserve .tbl.responsive tr td[data-title=시설명], .member .crew-reserve .tbl.responsive tr td[data-title=이용일시],
  .member .reserve-apply .tbl.responsive tr td[data-title=시설명],
  .member .reserve-apply .tbl.responsive tr td[data-title=이용일시] {
    font-family: "pretendard-b", sans-serif;
  }
  .member .crew-reserve .tbl.responsive tr td[data-title=관리],
  .member .reserve-apply .tbl.responsive tr td[data-title=관리] {
    text-align: right;
  }
  .member .status,
  .member .btn-detail {
    height: 2.2rem;
    font-size: 1.2rem;
  }
  .member.modal-content .tbl th,
  .member.modal-content .tbl td {
    height: 3.5rem;
  }
  .member.modal-content .tbl thead th {
    font-size: 1.2rem;
  }
  .member.modal-content .tbl tbody td {
    font-size: 1.2rem;
  }
  .member.modal-content .info-title {
    font-size: 1.4rem;
  }
  .member.modal-content .info-list {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
  }
  .login h3 {
    margin-bottom: 1.4rem;
  }
  .login .sub-text {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
  .login-form {
    margin: 0 auto 11rem;
  }
  .login-form .form-group label {
    font-size: 1.4rem;
  }
  .login-form .form-util li a {
    font-size: 1.4rem;
  }
  .login-form .btn {
    font-size: 1.4rem;
  }
  .mypage .btn-group {
    margin-top: 2.1rem;
  }
  .mypage .btn-submit {
    padding: 1rem 3.9rem;
    font-size: 1.6rem;
    min-width: initial;
    flex: 2 !important;
  }
  .mypage .btn-submit.line {
    min-width: initial;
    flex: 1 !important;
  }
  .mypage .password .btn-group {
    margin-top: 1.7rem;
  }
  .mypage .guide {
    font-size: 1.4rem;
    padding: 1rem 1rem 1.6rem;
  }
  .join .terms-box h4 {
    margin-bottom: 0.4rem;
  }
  .join .terms-box .text {
    font-size: 1.2rem;
  }
  .join .terms-box .content {
    font-size: 1.2rem;
  }
  .join .terms-box:last-child .check-col:last-child {
    margin-top: 3rem;
  }
}
.reserve .tbl th,
.reserve .tbl td {
  font-size: 1.6rem;
  height: 6rem;
  vertical-align: middle;
  text-align: center;
  padding: 1rem;
  line-height: 160%;
}
.reserve .tbl th:has(.list-dot),
.reserve .tbl td:has(.list-dot) {
  text-align: left;
}
.reserve .tbl th .text-alert,
.reserve .tbl td .text-alert {
  color: #FF4000;
}
.reserve .tbl thead tr {
  border-top: 3px solid #269F0C;
  border-bottom: 2px solid #269F0C;
  background-color: #fff;
}
.reserve .tbl thead th {
  font-family: "pretendard-b", sans-serif;
  color: #269F0C;
}
.reserve .tbl tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #CCCCCC;
}
.reserve .tbl tbody tr td:not(:last-child) {
  border-right: 1px solid #CCCCCC;
}
.reserve .tbl tbody tr td[rowspan]:not(:first-child) {
  position: relative;
}
.reserve .tbl tbody tr td[rowspan]:not(:first-child)::after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  background-color: #CCCCCC;
}
.reserve .btn-submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 5rem;
  background-color: #269F0C;
  color: #fff;
  font-size: 2rem;
  font-family: "pretendard-m", sans-serif;
  border-radius: 30px;
}
.reserve .btn-submit.line {
  color: #269F0C;
  background-color: #ffffff;
  border: 2px solid #269F0C;
}
.reserve h4 + .sub-text {
  font-size: 1.6rem;
  margin-top: 0.8rem;
}
.reserve-intro {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  height: 19rem;
  font-size: 2rem;
  font-family: "pretendard-b", sans-serif;
  text-align: center;
  background-color: #ECFFE8;
  background-repeat: no-repeat;
  background-position: bottom right 9rem;
  background-image: url("../images/sub/reserve/reserve-intro-bg.svg");
  border-radius: 20px;
}
.reserve-space {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem 2.5rem;
  margin: 5.3rem 0 5.5rem;
}
.reserve-space li {
  position: relative;
  padding: 2.5rem 5rem 2.1rem 2.6rem;
  background-color: #fff;
  border: 1px solid #269F0C;
  border-radius: 1rem;
}
.reserve-space li .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1.4rem;
  margin-bottom: 1.6rem;
}
.reserve-space li .title p {
  font-size: 2.4rem;
  font-family: "pretendard-b", sans-serif;
  color: #269F0C;
  line-height: 1.2;
}
.reserve-space li .title p span {
  display: block;
  font-size: 1.4rem;
  font-family: "pretendard-r", sans-serif;
  color: #707070;
  margin-top: 0.4rem;
}
.reserve-space li .desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.reserve-space li .btn-more {
  position: absolute;
  top: 2rem;
  right: 1.6rem;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'><path d='M10.922 0.914062C5.21163 0.914062 0.577148 5.39406 0.577148 10.9141C0.577148 16.4341 5.21163 20.9141 10.922 20.9141C16.6323 20.9141 21.2668 16.4341 21.2668 10.9141C21.2668 5.39406 16.6323 0.914062 10.922 0.914062ZM16.0944 11.9141H11.9565V15.9141H9.8875V11.9141H5.74956V9.91406H9.8875V5.91406H11.9565V9.91406H16.0944V11.9141Z' fill='%23269F0C'/></svg>");
}
.reserve-process {
  position: relative;
  background-color: #F9F9F9;
  padding-top: 8.7rem;
  padding-bottom: 4rem;
  margin-bottom: 6.4rem;
}
.reserve-process:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background-color: #F9F9F9;
  z-index: -1;
}
.reserve-process h4 {
  margin-bottom: 3.9rem;
}
.reserve-process h5 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.6rem;
  font-size: 1.8rem;
  margin-bottom: 1.3rem;
}
.reserve-process h5 .noti {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6.3rem;
  height: 2rem;
  background-color: #D63600;
  color: #fff;
  font-size: 1.4rem;
  font-family: "pretendard-b", sans-serif;
  border-radius: 100px;
}
.reserve-process .process-section {
  margin-bottom: 3.7rem;
}
.reserve-process .step-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  max-width: 100%;
  overflow-x: auto;
  gap: 3rem;
}
.reserve-process .step-list li {
  position: relative;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  padding: 2.4rem 4.7rem 3.4rem 2.4rem;
  background: #fff;
  width: 24.5rem;
}
.reserve-process .step-list li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  background: #ECFFE8;
  margin-bottom: 2.1rem;
}
.reserve-process .step-list li .title {
  font-size: 1.6rem;
  font-family: "pretendard-b", sans-serif;
  margin-bottom: 1.3rem;
}
.reserve-process .step-list li .title em {
  display: block;
  color: #269F0C;
  font-size: 1.4rem;
  margin-bottom: 0.6rem;
}
.reserve-process .step-list li .desc {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #4F4F4F;
}
.reserve-process .step-list li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.95rem;
  transform: translateY(-50%);
  width: 0.9rem;
  height: 1.2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='9' height='12' viewBox='0 0 9 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.23031 0L0.820312 1.41L5.40031 6L0.820312 10.59L2.23031 12L8.23031 6L2.23031 0Z' fill='%23BCBCBC'/%3E%3C/svg%3E");
}
.reserve-process .step-list li:last-child::after {
  display: none;
}
.reserve-process .step-list.type-red li .icon {
  background: #FDF1D8;
}
.reserve-process .step-list.type-red li .title em {
  color: #D63600;
}
.reserve-process .step-detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 2rem;
  counter-reset: list;
}
.reserve-process .step-detail li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.5rem;
  font-size: 1.6rem;
  white-space: nowrap;
}
.reserve-process .step-detail li:before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  content: counter(list);
  counter-increment: list;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  background-color: #269F0C;
  color: #fff;
  font-size: 1.4rem;
  font-family: "pretendard-b", sans-serif;
  position: relative;
  top: 0.15rem;
}
.reserve-rule {
  margin-bottom: 6.6rem;
}
.reserve-rule .list-num {
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  padding: 2.7rem 6.6rem 3rem 3.4rem;
  font-size: 1.6rem;
  line-height: 160%;
  margin-top: 2rem;
}
.reserve-rule .list-num > li:before {
  font-family: "pretendard-b", sans-serif;
}
.reserve-rule .list-num > li:not(:last-child) {
  margin-bottom: 3.2rem;
}
.reserve-rule .list-num > li strong {
  display: block;
}
.reserve-rule.btm {
  margin-bottom: 0.8rem;
}
.reserve-fee {
  font-size: 1.6rem;
}
.reserve-fee h4 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1.3rem;
  margin-bottom: 3.2rem;
}
.reserve-fee h4 .btn-download {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
}
.reserve-fee h5 {
  font-size: 1.8rem;
  margin-bottom: 1.3rem;
}
.reserve-fee .tbl + .list-reference {
  margin: 0.3rem 0 3.8rem;
}
.reserve-fee .btn-group {
  margin-top: 2.7rem;
}
.reserve-attention {
  background-color: #F9F9F9;
  padding: 2.2rem 2.3rem;
  margin-bottom: 7rem;
}
.reserve-attention strong {
  display: block;
  font-size: 1.6rem;
  font-family: "pretendard-b", sans-serif;
  margin-bottom: 1rem;
}
.reserve-attention li,
.reserve-attention p {
  font-size: 1.6rem;
}
.reserve-attention ul {
  margin-bottom: 2.5rem;
}
.reserve-attention ul li {
  position: relative;
  padding-left: 2.5rem;
}
.reserve-attention ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #000000;
}
.reserve .info-title {
  font-family: "pretendard-b", sans-serif;
  font-size: 2.4rem;
  margin-bottom: 3.1rem;
}
.reserve .info-list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 1.2rem;
  margin-bottom: 3.9rem;
  font-size: 1.6rem;
  line-height: 160%;
}
.reserve .info-list > div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 2.6rem;
  width: 100%;
}
.reserve .info-list > div dt {
  width: 10rem;
  flex-shrink: 0;
  font-family: "pretendard-b", sans-serif;
}
.reserve-reservation {
  max-width: 51rem;
  margin: 0 auto 4rem;
}
.reserve-reservation input[type=checkbox]:checked::after,
.reserve-reservation input[type=radio]:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='%23269F0C'/%3E%3Cpath d='M4 8L7.93396 12.3767L13.8443 6.24234' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.reserve-reservation .head-group {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.5rem;
}
.reserve-reservation .head-group h5 {
  font-size: 3rem;
  text-align: left;
  line-height: 100%;
}
.reserve-reservation .head-group span {
  display: inline-block;
  font-size: 1.4rem;
  color: #4F4F4F;
  margin-left: 1.4rem;
}
.reserve-reservation .form-section + .form-section {
  margin-top: 3.7rem;
}
.reserve-reservation .form-group {
  align-items: flex-start;
}
.reserve-reservation .form-group.col {
  flex-direction: column;
}
.reserve-reservation .form-group .label-group {
  display: block;
  min-width: 13rem;
  width: 13rem;
}
.reserve-reservation .form-group .label-group label {
  display: flex;
  min-width: inherit;
  width: inherit;
}
.reserve-reservation .form-group .label-group span {
  display: block;
  font-size: 1.6rem;
}
.reserve-reservation .form-group label {
  min-width: 13rem;
  width: 13rem;
  font-size: 1.6rem;
  margin-top: 1rem;
}
.reserve-reservation .form-group label + * {
  flex-grow: 1;
}
.reserve-reservation .form-group textarea {
  border-radius: 0.6rem;
  border: 1px solid #D4D4D4;
}
.reserve-reservation .time-list {
  width: 100%;
  display: block;
}
.reserve-reservation .time-list ul {
  display: grid;
  width: 100%;
  gap: 0.2rem;
}
.reserve-reservation .time-list ul li {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #000000;
  padding: 1.05rem;
  height: 5rem;
  border-radius: 0.6rem;
  border: 1px solid #D4D4D4;
  cursor: pointer;
}
.reserve-reservation .time-list ul li.is-active {
  border: 2px solid #269F0C;
}
.reserve-reservation .time-detail {
  width: 100%;
  padding: 2rem 1.6rem;
  background-color: #ECFFE8;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.reserve-reservation .time-detail label {
  margin-top: 0;
}
.reserve-reservation .time-detail p {
  font-size: 1.6rem;
}
.reserve-reservation .time-detail p .date {
  display: block;
  font-size: 1.6rem;
  margin-left: 0;
}
.reserve-reservation .time-info ul li {
  position: relative;
  font-size: 1.6rem;
  line-height: 160%;
  padding-left: 2.3rem;
}
.reserve-reservation .time-info ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #000000;
}
.reserve-reservation .date-wrap input[type=date] {
  width: calc(100% - 5rem);
}
.reserve-reservation .date-wrap::after {
  background: #269F0C url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='19' viewBox='0 0 17 19' fill='none'><path d='M16.7167 7.6H0.283333C0.1275 7.6 0 7.7368 0 7.904V15.96C0 17.9867 0.944444 19 2.83333 19H14.1667C16.0556 19 17 17.9867 17 15.96V7.904C17 7.7368 16.8725 7.6 16.7167 7.6ZM4.74111 15.96C4.21931 15.96 3.79194 15.5065 3.79194 14.9467C3.79194 14.3868 4.20986 13.9333 4.73167 13.9333H4.74111C5.26292 13.9333 5.68556 14.3868 5.68556 14.9467C5.68556 15.5065 5.26292 15.96 4.74111 15.96ZM4.74111 11.9067C4.21931 11.9067 3.79194 11.4532 3.79194 10.8933C3.79194 10.3335 4.20986 9.88 4.73167 9.88H4.74111C5.26292 9.88 5.68556 10.3335 5.68556 10.8933C5.68556 11.4532 5.26292 11.9067 4.74111 11.9067ZM8.51889 15.96C7.99708 15.96 7.56972 15.5065 7.56972 14.9467C7.56972 14.3868 7.98764 13.9333 8.50944 13.9333H8.51889C9.04069 13.9333 9.46333 14.3868 9.46333 14.9467C9.46333 15.5065 9.04069 15.96 8.51889 15.96ZM8.51889 11.9067C7.99708 11.9067 7.56972 11.4532 7.56972 10.8933C7.56972 10.3335 7.98764 9.88 8.50944 9.88H8.51889C9.04069 9.88 9.46333 10.3335 9.46333 10.8933C9.46333 11.4532 9.04069 11.9067 8.51889 11.9067ZM12.2967 15.96C11.7749 15.96 11.3475 15.5065 11.3475 14.9467C11.3475 14.3868 11.7654 13.9333 12.2872 13.9333H12.2967C12.8185 13.9333 13.2411 14.3868 13.2411 14.9467C13.2411 15.5065 12.8185 15.96 12.2967 15.96ZM12.2967 11.9067C11.7749 11.9067 11.3475 11.4532 11.3475 10.8933C11.3475 10.3335 11.7654 9.88 12.2872 9.88H12.2967C12.8185 9.88 13.2411 10.3335 13.2411 10.8933C13.2411 11.4532 12.8185 11.9067 12.2967 11.9067ZM17 5.32V5.776C17 5.9432 16.8725 6.08 16.7167 6.08H0.283333C0.1275 6.08 0 5.9432 0 5.776V5.32C0 3.29333 0.944444 2.28 2.83333 2.28H4.01389V0.76C4.01389 0.344533 4.335 0 4.72222 0C5.10944 0 5.43056 0.344533 5.43056 0.76V2.28H11.5694V0.76C11.5694 0.344533 11.8906 0 12.2778 0C12.665 0 12.9861 0.344533 12.9861 0.76V2.28H14.1667C16.0556 2.28 17 3.29333 17 5.32Z' fill='%23ffffff'/></svg>") no-repeat center/1.7rem 1.9rem;
}
.reserve-reservation .auth-wrap {
  height: 100%;
  border: 1px solid #D4D4D4;
  border-radius: 0.6rem;
}
.reserve-reservation .auth-wrap input[type=text] {
  padding-right: 3.6rem;
  width: calc(100% - 7.4rem);
  border: 0;
}
.reserve-reservation .auth-wrap button {
  display: block;
  width: 7.4rem;
  height: 100%;
  font-size: 1.6rem;
  background: #269F0C;
  border-left: 1px solid #D4D4D4;
  color: #ffffff;
}
.reserve-selection {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 0.8rem;
  margin-bottom: 4rem;
}
.reserve-selection li {
  position: relative;
  width: 100%;
  height: 8rem;
}
.reserve-selection li input[type=radio] {
  position: relative;
  background-image: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  padding: 1.2rem 1.86rem;
  box-shadow: 0 0 0 1px #ccc;
  transition: all 0.3s ease 0s;
}
.reserve-selection li input[type=radio]:checked {
  box-shadow: 0 0 0 2px #269F0C;
}
.reserve-selection li input[type=radio]:checked::after {
  background-image: none;
}
.reserve-selection li label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 1.1rem 1.86rem;
  border-radius: 2rem;
}
.reserve-selection li strong {
  font-size: 1.8rem;
  color: #282828;
  font-family: "pretendard-b", sans-serif;
  text-align: left;
}
.reserve-selection li span {
  display: block;
  font-size: 1.4rem;
  color: #707070;
  font-family: "pretendard-r", sans-serif;
  text-align: left;
}
.reserve-selection li.is-active strong {
  color: #269F0C;
}
.reserve-payment .apply-info {
  border: 2px solid #269F0C;
}
.reserve-payment .apply-info .title {
  color: #269F0C;
  border-bottom: 1px solid #269F0C;
}
.reserve-payment .apply-info .info-list {
  grid-template-columns: 11rem 1fr;
}
.reserve-payment .apply-summary {
  border-radius: 0.6rem;
  border: 2px solid #269F0C;
  background-color: #ECFFE8;
}
.reserve-payment .apply-summary .summary-list .summary-row.total {
  background: #269F0C;
}
.reserve-payment .apply-summary .summary-list .summary-row.total dd {
  font-size: 1.6rem;
}
.reserve-payment .apply-guide {
  background-color: #F9F9F9;
}
.reserve-payment .btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  color: #fff;
  font-size: 2rem;
  font-family: "pretendard-m", sans-serif;
  padding: 0rem 7.2rem;
  background-color: #269F0C;
  border-radius: 3rem;
  width: inherit;
  height: 4.4rem;
  font-size: 1.8rem;
}
.reserve-payment .btn-submit.line {
  color: #269F0C;
  padding: 0rem 4.9rem;
  border: 2px solid #269F0C;
  background-color: #ffffff;
}
.reserve-payment .point {
  font-size: 1.2rem;
  color: #FF4000;
  margin-top: 0.8rem;
  font-family: "pretendard-b", sans-serif;
  text-align: right;
}
.reserve-search h3 {
  text-align: center;
}
.reserve-search h3::before {
  display: none;
}
.reserve-search .search-form {
  margin: 0 auto;
  width: 46rem;
  max-width: 100%;
}
.reserve-search .search-form .form-group {
  width: 100%;
  display: block;
  text-align: left;
}
.reserve-search .search-form .form-group label {
  display: block;
  width: inherit;
  font-size: 1.6rem;
  color: #282828;
  margin-bottom: 0.36rem;
}
.reserve-search .search-form .form-group input[type=text] {
  width: 100%;
}
.reserve-search .search-form .form-group input[type=text] + input[type=text] {
  margin-top: 0.43rem;
}
.reserve-search .search-form .or {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  margin-block: 2.3rem 0.8rem;
}
.reserve-search .search-form .or::before, .reserve-search .search-form .or::after {
  content: "";
  display: block;
  position: absolute;
  width: 18rem;
  height: 0.1rem;
  background-color: #ccc;
}
.reserve-search .search-form .or::before {
  left: 0;
}
.reserve-search .search-form .or::after {
  right: 0;
}
.reserve-search .search-form .or p {
  font-size: 1.6rem;
  color: #666;
}
.reserve-search .search-form .form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-top: 1.6rem;
}
.reserve-search .search-form .btn-submit {
  padding: 1rem 5rem;
  background-color: #269F0C;
  color: #fff;
  font-size: 1.6rem;
  font-family: "pretendard-m", sans-serif;
  border-radius: 3rem;
}
.reserve-search .search-view {
  margin-top: 13.4rem;
}
.reserve-search .search-view .sub-text {
  font-size: 1.8rem;
  margin-top: 0.3rem;
}
.reserve-search .search-view .info-box {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  max-width: 100%;
  overflow-x: auto;
  gap: 4.1rem;
  margin-top: 2.5rem;
}
.reserve-search .search-view .info-box .box {
  position: relative;
  border-radius: 1rem;
  border: 2px solid #ccc;
  padding: 4rem 4.9rem 7rem 4.9rem;
  width: 67.9rem;
  flex-shrink: 0;
}
.reserve-search .search-view .info-box .box .tit {
  font-size: 2.4rem;
  font-family: "pretendard-sb", sans-serif;
  margin-bottom: 1rem;
}
.reserve-search .search-view .info-box .box dl {
  display: grid;
  gap: 0.3rem;
}
.reserve-search .search-view .info-box .box dl div {
  display: flex;
}
.reserve-search .search-view .info-box .box dl dt, .reserve-search .search-view .info-box .box dl dd {
  font-size: 2rem;
}
.reserve-search .search-view .info-box .box dl dd {
  padding-left: 0.5rem;
}
.reserve-search .search-view .info-box .box .status {
  font-family: "pretendard-b", sans-serif;
}
.reserve-search .search-view .info-box .box .status.complete {
  color: #519552;
}
.reserve-search .search-view .info-box .box .status.cancel {
  color: #F00;
}
.reserve-search .search-view .info-box .box .btn-group {
  position: absolute;
  right: 5.8rem;
  bottom: 3.2rem;
  flex-direction: column;
  gap: 1rem;
}
.reserve-search .search-view .info-box .box .btn-group .btn {
  padding: 1rem 2rem;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  width: 15.4rem;
  height: 4.1rem;
}
.reserve-search .search-view .info-box .box .btn-group .btn.dark {
  background-color: #282828;
  color: #ffffff;
}
.reserve-search .search-view .info-box .box .btn-group .btn.red {
  border: 2px solid #FF4000;
  color: #FF4000;
}
.reserve-search .search-view .info-box .box .btn-group .btn.grey {
  background-color: #F3F3F3;
  color: #4F4F4F;
}
.reserve-search .data-none {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  padding: 3rem;
  border-radius: 1rem;
  border: 1px solid #CCC;
  background: #F9F9F9;
  margin-bottom: 7.8rem;
}
.reserve-search .data-none p {
  font-size: 1.6rem;
  color: #333;
  font-family: "pretendard-sb", sans-serif;
}

@media (max-width: 1024px) {
  .reserve-intro {
    font-size: 1.8rem;
    background-position: bottom right 1.9rem;
    background-size: 166px;
  }
  .reserve-space {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
    margin: 5.3rem 0 4.5rem;
  }
  .reserve-space li {
    padding: 2.4rem 4.9rem 1.6rem 2.6rem;
  }
  .reserve-space li .title {
    gap: 1.7rem;
    margin-bottom: 1.8rem;
  }
  .reserve-space li .title p {
    font-size: 1.8rem;
  }
  .reserve-space li .title p span {
    font-size: 1.2rem;
  }
  .reserve-space li .desc {
    font-size: 1.2rem;
    line-height: 160%;
  }
  .reserve-process {
    padding-bottom: 4.8rem;
    margin-bottom: 4.9rem;
  }
  .reserve-process h4 {
    margin-bottom: 2rem;
  }
  .reserve-process h5 {
    margin-bottom: 1.5rem;
  }
  .reserve-process h5 .noti {
    font-size: 1.2rem;
  }
  .reserve-process .process-section {
    margin-bottom: 3.2rem;
  }
  .reserve-process .step-list {
    gap: 1.5rem;
  }
  .reserve-process .step-list li {
    padding: 1.2rem 1rem 3.4rem 2.1rem;
  }
  .reserve-process .step-list li .icon {
    width: 4.8rem;
    height: 4.8rem;
    margin-bottom: 1.6rem;
  }
  .reserve-process .step-list li .title {
    font-size: 1.6rem;
    margin-bottom: 2.2rem;
  }
  .reserve-process .step-list li .title em {
    font-size: 1.2rem;
  }
  .reserve-process .step-list li .desc {
    font-size: 1.2rem;
  }
  .reserve-process .step-list li::after {
    right: -1.2rem;
    width: 0.7rem;
    height: 1.2rem;
  }
  .reserve-rule {
    margin-bottom: 4.2rem;
  }
  .reserve-rule .list-num {
    padding: 2rem 3.7rem 1.4rem 2.1rem;
  }
  .reserve-fee .tbl + .list-reference {
    margin: 0rem 0 2.4rem;
  }
  .reserve-fee .btn-group {
    margin-top: 3rem;
  }
  .reserve-search .search-view {
    margin-top: 6.5rem;
  }
  .reserve-search .search-view h4 {
    font-size: 2.4rem;
  }
  .reserve-search .search-view .sub-text {
    font-size: 1.6rem;
  }
  .reserve-search .search-view .info-box {
    gap: 1.8rem;
    margin-top: 1.2rem;
  }
  .reserve-search .search-view .info-box .box {
    width: 36.8rem;
    padding: 2rem 2.4rem;
  }
  .reserve-search .search-view .info-box .box .tit {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
  .reserve-search .search-view .info-box .box dl dt, .reserve-search .search-view .info-box .box dl dd {
    font-size: 1.6rem;
  }
  .reserve-search .search-view .info-box .box .btn-group {
    position: relative;
    right: inherit;
    bottom: inherit;
    flex-direction: row;
    margin-top: 1.2rem;
  }
  .reserve-search .search-view .info-box .box .btn-group .btn {
    padding: 1.1rem 2rem;
  }
}
@media (max-width: 768px) {
  .reserve .tbl th,
  .reserve .tbl td {
    font-size: 1.4rem;
    height: 3.7rem;
  }
  .reserve h4 + .sub-text {
    font-size: 1.4rem;
    margin-top: 0.6rem;
  }
  .reserve-intro {
    font-size: 1.4rem;
    background-size: 96px;
    padding: 2.3rem 1.8rem 1.7rem 1.1rem;
    height: auto;
  }
  .reserve-space {
    grid-template-columns: 1fr;
    gap: 0.4rem;
    margin: 5.3rem 0 4.5rem;
  }
  .reserve-space li {
    padding: 1rem 1.2rem 1.3rem 1.3rem;
  }
  .reserve-space li img {
    transform: scale(0.7);
  }
  .reserve-space li .title {
    gap: 1.1rem;
    margin-bottom: 0.7rem;
  }
  .reserve-space li .title p {
    font-size: 1.4rem;
  }
  .reserve-space li .title p span {
    font-size: 1rem;
  }
  .reserve-space li .desc {
    font-size: 1rem;
  }
  .reserve-space li .btn-more {
    top: 1rem;
    right: 1rem;
  }
  .reserve-process {
    padding-top: 2.3rem;
    padding-bottom: 3.1rem;
    margin-bottom: 2.2rem;
  }
  .reserve-process h4 {
    margin-bottom: 1.7rem;
  }
  .reserve-process h5 {
    font-size: 1.6rem;
    margin-bottom: 0.9rem;
  }
  .reserve-process .process-section {
    margin-bottom: 3.2rem;
  }
  .reserve-process .step-list li {
    width: 15.9rem;
    flex-shrink: 0;
    padding: 1.2rem 2.6rem 0.7rem 1.2rem;
  }
  .reserve-process .step-list li .title {
    font-size: 1.4rem;
    margin-bottom: 0.3rem;
  }
  .reserve-process .step-list li .desc {
    font-size: 1rem;
  }
  .reserve-process .step-detail {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .reserve-process .step-detail li {
    white-space: inherit;
  }
  .reserve-rule {
    margin-bottom: 3.1rem;
    font-size: 1.2rem;
  }
  .reserve-rule .list-num {
    padding: 0.7rem 1.3rem 1.7rem;
    font-size: 1.2rem;
  }
  .reserve-rule .list-num > li:not(:last-child) {
    margin-bottom: 2.4rem;
  }
  .reserve-fee h4 {
    margin-bottom: 1.3rem;
  }
  .reserve-fee h4 .btn-download {
    font-size: 1.2rem;
  }
  .reserve-fee h5 {
    font-size: 1.6rem;
    margin-bottom: 1.1rem;
  }
  .reserve-fee .tbl + .list-reference {
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
  .reserve .info-title {
    font-size: 1.6rem;
    margin-bottom: 1.4rem;
  }
  .reserve .info-list {
    margin-bottom: 2.6rem;
    font-size: 1.2rem;
  }
  .reserve .info-list > div {
    gap: 1rem;
  }
  .reserve .info-list > div:has(.modal-swiper) {
    flex-direction: column;
    align-items: flex-start;
  }
  .reserve .info-list > div dt {
    width: 5rem;
  }
  .reserve .btn-group {
    margin-top: 3.9rem;
  }
  .reserve .btn-group .btn-submit {
    font-size: 1.6rem;
    flex: 1;
  }
  .reserve-attention strong {
    font-size: 1.4rem;
  }
  .reserve-attention li,
  .reserve-attention p {
    font-size: 1.2rem;
  }
  .reserve-attention ul {
    margin-bottom: 2rem;
  }
  .reserve-attention ul li {
    padding-left: 1.2rem;
  }
  .reserve-attention ul li::before {
    width: 0.2rem;
    height: 0.2rem;
    left: 0.2rem;
  }
  .reserve-reservation {
    max-width: inherit;
    width: 100%;
  }
  .reserve-reservation .head-group {
    display: block;
  }
  .reserve-reservation .head-group h5 {
    font-size: 1.8rem;
  }
  .reserve-reservation .head-group span {
    font-size: 1.2rem;
    margin-left: 0;
    margin-top: 0.6rem;
  }
  .reserve-reservation .form-group {
    flex-direction: column;
    gap: 0.5rem;
  }
  .reserve-reservation .form-group label + * {
    width: 100%;
  }
  .reserve-reservation .form-group label,
  .reserve-reservation .form-group span,
  .reserve-reservation .form-group .label-group span,
  .reserve-reservation .form-group .time-detail p,
  .reserve-reservation .form-group .time-detail p .date,
  .reserve-reservation .form-group .auth-wrap button,
  .reserve-reservation .form-group .time-info ul li {
    font-size: 1.4rem;
  }
  .reserve-reservation .form-group .label-group span {
    margin-inline: 0;
  }
  .reserve-reservation .date-wrap {
    width: 100%;
  }
  .reserve-reservation .time-detail {
    display: block;
    padding: 1.3rem 1rem;
    margin-bottom: 2.9rem;
  }
  .reserve-selection {
    grid-template-columns: 1fr;
  }
  .reserve-selection li {
    height: 5rem;
  }
  .reserve-selection li label {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .reserve-selection li strong {
    font-size: 1.4rem;
  }
  .reserve-selection li span {
    display: inline-block;
    font-size: 1.2rem;
  }
  .reserve-selection li input[type=radio] {
    border-radius: 1rem;
  }
  .reserve-payment .btn-group {
    margin-top: 1.7rem;
    gap: 1rem;
  }
  .reserve-payment .btn-submit {
    flex: inherit;
    font-size: 1.4rem;
    height: 3.7rem;
  }
  .reserve-payment .apply-guide {
    margin-top: 1.7rem;
  }
  .reserve-search .search-form {
    width: inherit;
    width: 100%;
  }
  .reserve-search .search-form .form-group label {
    font-size: 1.4rem;
  }
  .reserve-search .search-form .or {
    margin-block: 1.9rem 1.1rem;
  }
  .reserve-search .search-form .or::before, .reserve-search .search-form .or::after {
    width: 13rem;
  }
  .reserve-search .search-form .or p {
    font-size: 1.4rem;
  }
  .reserve-search .search-form .btn-submit {
    width: 100%;
    padding: 1rem 5rem;
    font-size: 1.4rem;
  }
  .reserve-search .search-view {
    margin-top: 7.8rem;
  }
  .reserve-search .search-view h4 {
    font-size: 1.8rem;
  }
  .reserve-search .search-view .sub-text {
    font-size: 1.4rem;
  }
  .reserve-search .search-view .info-box {
    gap: 1rem;
  }
  .reserve-search .search-view .info-box .box {
    width: 30.6rem;
    padding: 1.4rem 1.8rem;
  }
  .reserve-search .search-view .info-box .box .tit {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
  .reserve-search .search-view .info-box .box dl dt, .reserve-search .search-view .info-box .box dl dd {
    font-size: 1.4rem;
  }
  .reserve-search .search-view .info-box .box .btn-group {
    margin-top: 1.1rem;
  }
  .reserve-search .search-view .info-box .box .btn-group .btn {
    padding: 0.8rem 1rem;
    font-size: 1.4rem;
    width: 11rem;
    height: 3rem;
  }
  .reserve-search .data-none {
    margin-bottom: 2.4rem;
  }
  .reserve-search .data-none p {
    font-size: 1.4rem;
  }
}
.terms {
  display: grid;
  gap: 3rem;
}
.terms p,
.terms title,
.terms li {
  color: #282828;
}
.terms p,
.terms li {
  font-size: 1.6rem;
  font-family: "pretendard-r", sans-serif;
}
.terms p.desc {
  margin-bottom: 1rem;
}
.terms .tit-h1 {
  display: block;
  font-size: 2em;
  font-family: "pretendard-eb", sans-serif;
  margin-bottom: 0.5rem;
}
.terms .tit-h2 {
  display: block;
  font-size: 1.8rem;
  font-family: "pretendard-b", sans-serif;
  margin-bottom: 1rem;
}
.terms strong {
  display: inline-block;
  margin-bottom: 0.3rem;
}
.terms ol {
  list-style: none;
  counter-reset: num;
}
.terms ol li {
  position: relative;
  padding-left: 1.8rem;
  counter-increment: num;
}
.terms ol li::before {
  content: counter(num) ". ";
  position: absolute;
  left: 0;
}
.terms ol li ol {
  list-style: none;
  counter-reset: kor;
  margin-bottom: 0.5rem;
}
.terms ol li ol li {
  padding-left: 2.2rem;
  counter-increment: kor;
}
.terms ol li ol li:nth-child(1)::before {
  content: "가. ";
}
.terms ol li ol li:nth-child(2)::before {
  content: "나. ";
}
.terms ol li ol li:nth-child(3)::before {
  content: "다. ";
}
.terms ol li ol li:nth-child(4)::before {
  content: "라. ";
}
.terms ol li ol li:nth-child(5)::before {
  content: "마. ";
}
.terms ol li ol li:nth-child(6)::before {
  content: "바. ";
}
.terms ol li ol li:nth-child(7)::before {
  content: "사. ";
}
.terms ol li ol li:nth-child(8)::before {
  content: "아. ";
}
.terms ol li ol li:nth-child(9)::before {
  content: "자. ";
}
.terms ol li ol li:nth-child(10)::before {
  content: "차. ";
}
.terms ol li ol li:nth-child(11)::before {
  content: "카. ";
}
.terms ol li ol li:nth-child(12)::before {
  content: "타. ";
}
.terms ol li ol li:nth-child(13)::before {
  content: "파. ";
}
.terms ol li ol li:nth-child(14)::before {
  content: "하. ";
}
.terms ol li ol li:nth-child(15)::before {
  content: "거. ";
}
.terms ol li ol li:nth-child(16)::before {
  content: "너. ";
}
.terms ol li ol li:nth-child(17)::before {
  content: "더. ";
}
.terms ol li ol li:nth-child(18)::before {
  content: "러. ";
}
.terms ol li ol li:nth-child(19)::before {
  content: "머. ";
}
.terms ol li ol li:nth-child(20)::before {
  content: "버. ";
}
.terms ol li ol li::before {
  position: absolute;
  left: 0;
}
.terms ol li ol li ol {
  counter-reset: num;
  margin-left: 0;
}
.terms ol li ol li ol li {
  padding-left: 2rem;
  counter-increment: num;
  position: relative;
}
.terms ol li ol li ol li::before {
  content: "① ";
  content: counter(num, decimal-leading-zero);
  font-family: "Noto Sans KR", sans-serif;
  position: absolute;
  left: 0;
}
.terms ol li ol li ol li:nth-child(1)::before {
  content: "① ";
}
.terms ol li ol li ol li:nth-child(2)::before {
  content: "② ";
}
.terms ol li ol li ol li:nth-child(3)::before {
  content: "③ ";
}
.terms ol li ol li ol li:nth-child(4)::before {
  content: "④ ";
}
.terms ol li ol li ol li:nth-child(5)::before {
  content: "⑤ ";
}
.terms ol li ol li ol li:nth-child(6)::before {
  content: "⑥ ";
}
.terms ol li ol li ol li:nth-child(7)::before {
  content: "⑦ ";
}
.terms ol li ol li ol li:nth-child(8)::before {
  content: "⑧ ";
}
.terms ol li ol li ol li:nth-child(9)::before {
  content: "⑨ ";
}
.terms ol li ol li ol li:nth-child(10)::before {
  content: "⑩ ";
}
.terms table {
  width: 100%;
  margin-block: 2rem;
  border-top: 2px solid #181818;
}
.terms table th,
.terms table td {
  font-size: 1.4rem;
  text-align: center;
  color: #282828;
  padding: 0.7rem;
  border-bottom: 1px solid #CCC;
}
.terms table th {
  border-bottom: 1px solid #181818;
}
.terms table td:not(:last-child) {
  border-right: 1px solid #CCC;
}

@media (max-width: 768px) {
  .terms p,
  .terms li {
    font-size: 1.4rem;
  }
  .terms ol li {
    padding-left: 1.6rem;
  }
  .terms ol li ol li {
    padding-left: 2rem;
  }
  .terms table th,
  .terms table td {
    font-size: 1.2rem;
  }
}/*# sourceMappingURL=style.css.map */