@charset "UTF-8";
.main .visual .swiper-slide .desc h2,
.main .visual .swiper-slide .desc p, .breadcrumb,
.sub-layout .head,
.sub-layout .visual,
.sub-layout .content, .service h3,
.service p,
.service ul {
  opacity: 0;
}

.main .visual .swiper-slide.fade-trigger .desc h2,
.main .visual .swiper-slide.fade-trigger .desc p, .load .service h3,
.load .service p,
.load .service ul {
  opacity: 1;
}

.breadcrumb,
.sub-layout .head,
.sub-layout .visual,
.sub-layout .content, .service h3,
.service p,
.service ul {
  transform: translateY(60px);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
}

.load .service h3,
.load .service p,
.load .service ul {
  transform: translateY(0);
}

.main .visual .swiper-slide .desc h2,
.main .visual .swiper-slide .desc p {
  transform: translate3d(8rem, 0, 0);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s;
}

.main .visual .swiper-slide.fade-trigger .desc h2,
.main .visual .swiper-slide.fade-trigger .desc p {
  transform: translate3d(0, 0, 0);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
: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: clamp(8px, 0.6vw, 10px);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
}
body.home {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
body.home.load {
  opacity: 1;
}

*,
::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;
}

main, article, aside, details, figcaption, figure, footer, header,
hgroup, menu, nav, section {
  display: block;
}

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 {
  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: #F8F8F9;
}

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: #1E1E1E;
  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 {
  --header-size: 80px;
}

/* NotoSansKR */
/* 100 */
@font-face {
  font-family: "NotoSansKR-Thin";
  src: url("../fonts/NotoSansKR-Thin.woff2") format("woff2");
}
/* 300 */
@font-face {
  font-family: "NotoSansKR-Light";
  src: url("../fonts/NotoSansKR-Light.woff2") format("woff2");
}
/* 350 */
@font-face {
  font-family: "NotoSansKR-DemiLight";
  src: url("../fonts/NotoSansKR-DemiLight.woff2") format("woff2");
}
/* 400 */
@font-face {
  font-family: "NotoSansKR-Regular";
  src: url("../fonts/NotoSansKR-Regular.woff2") format("woff2");
}
/* 500 */
@font-face {
  font-family: "NotoSansKR-Medium";
  src: url("../fonts/NotoSansKR-Medium.woff2") format("woff2");
}
/* 700 */
@font-face {
  font-family: "NotoSansKR-Bold";
  src: url("../fonts/NotoSansKR-Bold.woff2") format("woff2");
}
/* 900 */
@font-face {
  font-family: "NotoSansKR-Black";
  src: url("../fonts/NotoSansKR-Black.woff2") format("woff2");
}
/* Mulish */
/* 400 */
@font-face {
  font-family: "Mulish-Regular";
  src: url("../fonts/Mulish-Regular.woff2") format("woff2");
}
/* 800 */
@font-face {
  font-family: "Mulish-ExtraBold";
  src: url("../fonts/Mulish-ExtraBold.woff2") format("woff2");
}
h1, h2, h3, h4, h5, h6 {
  font-family: "NotoSansKR-Bold", sans-serif;
}

p, a, li, button, input, textarea, td, th, div, dl, dd, dt, label {
  font-family: "NotoSansKR-Regular", sans-serif;
}

strong, em {
  font-family: "NotoSansKR-Bold", sans-serif;
}

@media (max-width: 1024px) {
  :root {
    --header-size: 60px;
  }
}
/* Scrollbar */
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;
}

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

.container {
  position: relative;
  width: 100%;
  padding-top: var(--header-size);
  padding-bottom: clamp(6rem, 2vw, 10rem);
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#contents {
  flex: 1;
}

html.no-scroll,
body.no-scroll {
  overflow: hidden !important;
  height: 100vh;
}

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

/* Transition */
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 */
.logo {
  aspect-ratio: 7.6/3.97;
  width: 10rem;
  height: auto;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/common/img_logo.svg");
  background-size: cover;
}

/* 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;
}

/* Icons */
.ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  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.link {
  position: relative;
  width: 9px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.772727 8L0 7.22727L6.13636 1.09091H0.727273V0H8V7.27273H6.90909V1.86364L0.772727 8Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  margin-left: 0.7rem;
  top: -0.1rem;
}
.ico.lang_kor, .ico.lang_eng, .ico.lang_chn {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.ico.lang_kor {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_38_682' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_38_682)'%3E%3Cpath d='M20 0H0V20H20V0Z' fill='white'/%3E%3Cpath d='M13.3001 12.0699C12.1571 13.886 9.758 14.4308 7.94191 13.2869C6.12582 12.1435 5.58191 9.74486 6.72535 7.92877C7.8688 6.11267 10.2674 5.56785 12.0835 6.71175C13.8991 7.8552 14.444 10.2552 13.3001 12.0704V12.0699Z' fill='%23FF3333'/%3E%3Cpath d='M13.3004 12.0708C12.1574 13.8869 9.75833 14.4318 7.94223 13.2878C6.12614 12.1444 5.58177 9.74578 6.72522 7.92969C6.15327 8.83773 6.47511 10.0129 7.35419 10.5729C7.72246 10.8074 8.16108 10.903 8.59649 10.8497C9.11741 10.7858 9.63235 10.5085 10.0135 10C10.3169 9.51819 10.8043 9.23498 11.3243 9.15773C11.7841 9.08923 12.2696 9.18256 12.6746 9.44279C13.5776 10.0221 13.8728 11.1623 13.3009 12.0704L13.3004 12.0708Z' fill='%23202D89'/%3E%3Cpath d='M17.2675 7.48677L15.1002 4.26562L14.582 4.61413L16.7489 7.83528L17.2675 7.48677Z' fill='black'/%3E%3Cpath d='M15.2861 6.28354L14.2939 4.80859L13.7734 5.15848L14.7661 6.63388L15.2861 6.28354Z' fill='black'/%3E%3Cpath d='M16.4601 8.03009L15.4615 6.54688L14.9434 6.89584L15.9411 8.37906L16.4601 8.03009Z' fill='black'/%3E%3Cpath d='M16.9089 5.19415L15.9167 3.71875L15.3926 4.07139L16.3843 5.5468L16.9089 5.19415Z' fill='black'/%3E%3Cpath d='M17.5587 7.29151L18.0801 6.94071L17.0819 5.45703L16.5605 5.80738L17.5587 7.29151Z' fill='black'/%3E%3Cpath d='M3.55664 8.01423L4.0748 8.36366L6.244 5.14389L5.7263 4.79492L3.55664 8.01423Z' fill='black'/%3E%3Cpath d='M3.24863 7.8192L5.41783 4.59943L4.89966 4.25L2.73047 7.46977L3.24863 7.8192Z' fill='black'/%3E%3Cpath d='M4.5897 4.05209L4.072 3.70312L1.90234 6.92244L2.4205 7.27186L4.5897 4.05209Z' fill='black'/%3E%3Cpath d='M3.73632 13.9999L4.26046 13.6473L3.26828 12.1719L2.74414 12.5245L3.73632 13.9999Z' fill='black'/%3E%3Cpath d='M3.91211 14.2625L4.91027 15.7466L5.43165 15.3958L4.43349 13.9121L3.91211 14.2625Z' fill='black'/%3E%3Cpath d='M1.93359 13.0692L4.10049 16.2904L4.61911 15.9419L2.45221 12.7207L1.93359 13.0692Z' fill='black'/%3E%3Cpath d='M3.54688 11.9852L5.71377 15.2059L6.23239 14.8574L4.06504 11.6367L3.54688 11.9852Z' fill='black'/%3E%3Cpath d='M17.5721 12.7246L16.5781 14.1996L17.0981 14.5494L18.0917 13.0754L17.5721 12.7246Z' fill='black'/%3E%3Cpath d='M15.4043 15.9452L15.9229 16.2946L16.9215 14.8119L16.4034 14.4629L15.4043 15.9452Z' fill='black'/%3E%3Cpath d='M15.4458 13.4591L16.4393 11.9851L15.9193 11.6348L14.9258 13.1092L15.4458 13.4591Z' fill='black'/%3E%3Cpath d='M14.7495 13.3711L13.75 14.8534L14.2691 15.2033L15.2677 13.7201L14.7495 13.3711Z' fill='black'/%3E%3Cpath d='M17.2655 12.53L16.7455 12.1797L15.752 13.6542L16.2715 14.0041L17.2655 12.53Z' fill='black'/%3E%3Cpath d='M15.5753 13.916L14.5762 15.3983L15.0953 15.7482L16.0939 14.265L15.5753 13.916Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.ico.lang_eng {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_38_362' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='10' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_38_362)'%3E%3Cpath d='M26.9704 -0.576172H-4.89453V20.6738H26.9704V-0.576172Z' fill='white'/%3E%3Cpath d='M26.9704 -0.576172H-4.89453V1.05534H26.9704V-0.576172Z' fill='%23FF3333'/%3E%3Cpath d='M26.9704 2.70703H-4.89453V4.33855H26.9704V2.70703Z' fill='%23FF3333'/%3E%3Cpath d='M26.9704 5.9707H-4.89453V7.60222H26.9704V5.9707Z' fill='%23FF3333'/%3E%3Cpath d='M26.9704 9.23242H-4.89453V10.8639H26.9704V9.23242Z' fill='%23FF3333'/%3E%3Cpath d='M26.9704 12.4961H-4.89453V14.1276H26.9704V12.4961Z' fill='%23FF3333'/%3E%3Cpath d='M26.9704 15.7793H-4.89453V17.4108H26.9704V15.7793Z' fill='%23FF3333'/%3E%3Cpath d='M26.9704 19.043H-4.89453V20.6745H26.9704V19.043Z' fill='%23FF3333'/%3E%3Cpath d='M9.84955 -0.576172H-4.89453V10.8646H9.84955V-0.576172Z' fill='%23202D89'/%3E%3Cpath d='M8.56142 0.269531L8.70241 0.632091L9.10525 0.672375L8.80312 0.934223L8.90383 1.31692L8.56142 1.1155L8.219 1.31692L8.31971 0.934223L8.01758 0.672375L8.40028 0.632091L8.56142 0.269531Z' fill='white'/%3E%3Cpath d='M8.56142 2.44531L8.70241 2.82801L9.10525 2.84816L8.80312 3.11L8.90383 3.49271L8.56142 3.29128L8.219 3.49271L8.31971 3.11L8.01758 2.84816L8.40028 2.82801L8.56142 2.44531Z' fill='white'/%3E%3Cpath d='M8.56142 4.62109L8.70241 5.0038L9.10525 5.02394L8.80312 5.28579L8.90383 5.68863L8.56142 5.46707L8.219 5.68863L8.31971 5.28579L8.01758 5.02394L8.40028 5.0038L8.56142 4.62109Z' fill='white'/%3E%3Cpath d='M8.56142 6.81641L8.70241 7.17897L9.10525 7.21925L8.80312 7.4811L8.90383 7.8638L8.56142 7.64224L8.219 7.8638L8.31971 7.4811L8.01758 7.21925L8.40028 7.17897L8.56142 6.81641Z' fill='white'/%3E%3Cpath d='M8.56142 8.99023L8.70241 9.35279L9.10525 9.39308L8.80312 9.65493L8.90383 10.0376L8.56142 9.83621L8.219 10.0376L8.31971 9.65493L8.01758 9.39308L8.40028 9.35279L8.56142 8.99023Z' fill='white'/%3E%3Cpath d='M0.041882 1.35742L0.203023 1.74012L0.605867 1.76027L0.283591 2.02211L0.384302 2.40482L0.041882 2.20339L-0.300531 2.40482L-0.19982 2.02211L-0.501953 1.76027L-0.0991095 1.74012L0.041882 1.35742Z' fill='white'/%3E%3Cpath d='M0.041882 3.5332L0.203023 3.9159L0.605867 3.93605L0.283591 4.1979L0.384302 4.5806L0.041882 4.37917L-0.300531 4.5806L-0.19982 4.1979L-0.501953 3.93605L-0.0991095 3.9159L0.041882 3.5332Z' fill='white'/%3E%3Cpath d='M0.041882 5.72852L0.203023 6.09107L0.605867 6.13136L0.283591 6.37307L0.384302 6.77591L0.041882 6.55435L-0.300531 6.77591L-0.19982 6.37307L-0.501953 6.13136L-0.0991095 6.09107L0.041882 5.72852Z' fill='white'/%3E%3Cpath d='M0.041882 7.9043L0.203023 8.26686L0.605867 8.30714L0.283591 8.56899L0.384302 8.95169L0.041882 8.75027L-0.300531 8.95169L-0.19982 8.56899L-0.501953 8.30714L-0.0991095 8.26686L0.041882 7.9043Z' fill='white'/%3E%3Cpath d='M1.26906 0.269531L1.41005 0.632091L1.8129 0.672375L1.51077 0.934223L1.61148 1.31692L1.26906 1.1155L0.926643 1.31692L1.00721 0.934223L0.705078 0.672375L1.10792 0.632091L1.26906 0.269531Z' fill='white'/%3E%3Cpath d='M1.26906 2.44531L1.41005 2.82801L1.8129 2.84816L1.51077 3.11L1.61148 3.49271L1.26906 3.29128L0.926643 3.49271L1.00721 3.11L0.705078 2.84816L1.10792 2.82801L1.26906 2.44531Z' fill='white'/%3E%3Cpath d='M1.26906 4.62109L1.41005 5.0038L1.8129 5.02394L1.51077 5.28579L1.61148 5.68863L1.26906 5.46707L0.926643 5.68863L1.00721 5.28579L0.705078 5.02394L1.10792 5.0038L1.26906 4.62109Z' fill='white'/%3E%3Cpath d='M1.26906 6.81641L1.41005 7.17897L1.8129 7.21925L1.51077 7.4811L1.61148 7.8638L1.26906 7.64224L0.926643 7.8638L1.00721 7.4811L0.705078 7.21925L1.10792 7.17897L1.26906 6.81641Z' fill='white'/%3E%3Cpath d='M1.26906 8.99023L1.41005 9.35279L1.8129 9.39308L1.51077 9.65493L1.61148 10.0376L1.26906 9.83621L0.926643 10.0376L1.00721 9.65493L0.705078 9.39308L1.10792 9.35279L1.26906 8.99023Z' fill='white'/%3E%3Cpath d='M2.47743 1.35742L2.63857 1.74012L3.02127 1.76027L2.71914 2.02211L2.81985 2.40482L2.47743 2.20339L2.13502 2.40482L2.23573 2.02211L1.93359 1.76027L2.31629 1.74012L2.47743 1.35742Z' fill='white'/%3E%3Cpath d='M2.47743 3.5332L2.63857 3.9159L3.02127 3.93605L2.71914 4.1979L2.81985 4.5806L2.47743 4.37917L2.13502 4.5806L2.23573 4.1979L1.93359 3.93605L2.31629 3.9159L2.47743 3.5332Z' fill='white'/%3E%3Cpath d='M2.47743 5.72852L2.63857 6.09107L3.02127 6.13136L2.71914 6.37307L2.81985 6.77591L2.47743 6.55435L2.13502 6.77591L2.23573 6.37307L1.93359 6.13136L2.31629 6.09107L2.47743 5.72852Z' fill='white'/%3E%3Cpath d='M2.47743 7.9043L2.63857 8.26686L3.02127 8.30714L2.71914 8.56899L2.81985 8.95169L2.47743 8.75027L2.13502 8.95169L2.23573 8.56899L1.93359 8.30714L2.31629 8.26686L2.47743 7.9043Z' fill='white'/%3E%3Cpath d='M3.68641 0.269531L3.84755 0.632091L4.2504 0.672375L3.94827 0.934223L4.02883 1.31692L3.68641 1.1155L3.344 1.31692L3.44471 0.934223L3.14258 0.672375L3.54542 0.632091L3.68641 0.269531Z' fill='white'/%3E%3Cpath d='M3.68641 2.44531L3.84755 2.82801L4.2504 2.84816L3.94827 3.11L4.02883 3.49271L3.68641 3.29128L3.344 3.49271L3.44471 3.11L3.14258 2.84816L3.54542 2.82801L3.68641 2.44531Z' fill='white'/%3E%3Cpath d='M3.68641 4.62109L3.84755 5.0038L4.2504 5.02394L3.94827 5.28579L4.02883 5.68863L3.68641 5.46707L3.344 5.68863L3.44471 5.28579L3.14258 5.02394L3.54542 5.0038L3.68641 4.62109Z' fill='white'/%3E%3Cpath d='M3.68641 6.81641L3.84755 7.17897L4.2504 7.21925L3.94827 7.4811L4.02883 7.8638L3.68641 7.64224L3.344 7.8638L3.44471 7.4811L3.14258 7.21925L3.54542 7.17897L3.68641 6.81641Z' fill='white'/%3E%3Cpath d='M3.68641 8.99023L3.84755 9.35279L4.2504 9.39308L3.94827 9.65493L4.02883 10.0376L3.68641 9.83621L3.344 10.0376L3.44471 9.65493L3.14258 9.39308L3.54542 9.35279L3.68641 8.99023Z' fill='white'/%3E%3Cpath d='M4.91554 1.35742L5.05654 1.74012L5.45938 1.76027L5.15725 2.02211L5.25796 2.40482L4.91554 2.20339L4.57312 2.40482L4.67383 2.02211L4.35156 1.76027L4.75441 1.74012L4.91554 1.35742Z' fill='white'/%3E%3Cpath d='M4.91554 3.5332L5.05654 3.9159L5.45938 3.93605L5.15725 4.1979L5.25796 4.5806L4.91554 4.37917L4.57312 4.5806L4.67383 4.1979L4.35156 3.93605L4.75441 3.9159L4.91554 3.5332Z' fill='white'/%3E%3Cpath d='M4.91554 5.72852L5.05654 6.09107L5.45938 6.13136L5.15725 6.37307L5.25796 6.77591L4.91554 6.55435L4.57312 6.77591L4.67383 6.37307L4.35156 6.13136L4.75441 6.09107L4.91554 5.72852Z' fill='white'/%3E%3Cpath d='M4.91554 7.9043L5.05654 8.26686L5.45938 8.30714L5.15725 8.56899L5.25796 8.95169L4.91554 8.75027L4.57312 8.95169L4.67383 8.56899L4.35156 8.30714L4.75441 8.26686L4.91554 7.9043Z' fill='white'/%3E%3Cpath d='M6.12392 0.269531L6.28505 0.632091L6.6879 0.672375L6.36563 0.934223L6.46634 1.31692L6.12392 1.1155L5.7815 1.31692L5.88221 0.934223L5.58008 0.672375L5.98292 0.632091L6.12392 0.269531Z' fill='white'/%3E%3Cpath d='M6.12392 2.44531L6.28505 2.82801L6.6879 2.84816L6.36563 3.11L6.46634 3.49271L6.12392 3.29128L5.7815 3.49271L5.88221 3.11L5.58008 2.84816L5.98292 2.82801L6.12392 2.44531Z' fill='white'/%3E%3Cpath d='M6.12392 4.62109L6.28505 5.0038L6.6879 5.02394L6.36563 5.28579L6.46634 5.68863L6.12392 5.46707L5.7815 5.68863L5.88221 5.28579L5.58008 5.02394L5.98292 5.0038L6.12392 4.62109Z' fill='white'/%3E%3Cpath d='M6.12392 6.81641L6.28505 7.17897L6.6879 7.21925L6.36563 7.4811L6.46634 7.8638L6.12392 7.64224L5.7815 7.8638L5.88221 7.4811L5.58008 7.21925L5.98292 7.17897L6.12392 6.81641Z' fill='white'/%3E%3Cpath d='M6.12392 8.99023L6.28505 9.35279L6.6879 9.39308L6.36563 9.65493L6.46634 10.0376L6.12392 9.83621L5.7815 10.0376L5.88221 9.65493L5.58008 9.39308L5.98292 9.35279L6.12392 8.99023Z' fill='white'/%3E%3Cpath d='M7.35305 1.35742L7.49404 1.74012L7.89688 1.76027L7.59475 2.02211L7.67532 2.40482L7.35305 2.20339L7.01063 2.40482L7.0912 2.02211L6.78906 1.76027L7.19191 1.74012L7.35305 1.35742Z' fill='white'/%3E%3Cpath d='M7.35305 3.5332L7.49404 3.9159L7.89688 3.93605L7.59475 4.1979L7.67532 4.5806L7.35305 4.37917L7.01063 4.5806L7.0912 4.1979L6.78906 3.93605L7.19191 3.9159L7.35305 3.5332Z' fill='white'/%3E%3Cpath d='M7.35305 5.72852L7.49404 6.09107L7.89688 6.13136L7.59475 6.37307L7.67532 6.77591L7.35305 6.55435L7.01063 6.77591L7.0912 6.37307L6.78906 6.13136L7.19191 6.09107L7.35305 5.72852Z' fill='white'/%3E%3Cpath d='M7.35305 7.9043L7.49404 8.26686L7.89688 8.30714L7.59475 8.56899L7.67532 8.95169L7.35305 8.75027L7.01063 8.95169L7.0912 8.56899L6.78906 8.30714L7.19191 8.26686L7.35305 7.9043Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.ico.lang_chn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FF1F00'/%3E%3Cpath d='M5.49775 4.92368L6.11313 7.01983L8.28621 6.94291L6.47852 8.17368L7.22852 10.2314L5.49775 8.88522L3.78621 10.2314L4.51698 8.17368L2.72852 6.94291L4.90159 7.01983L5.49775 4.92368Z' fill='%23FFDE00'/%3E%3Cpath d='M10.7862 4.03906L10.6708 4.71214L11.3054 4.98137L10.6324 5.09675L10.5747 5.76983L10.267 5.15445L9.5939 5.30829L10.0747 4.82752L9.72852 4.2506L10.3247 4.55829L10.7862 4.03906Z' fill='%23FFDE00'/%3E%3Cpath d='M10.7862 10.8275L10.6708 11.5006L11.3054 11.7698L10.6324 11.8852L10.5747 12.5583L10.267 11.9621L9.5939 12.116L10.0747 11.616L9.72852 11.0391L10.3247 11.3468L10.7862 10.8275Z' fill='%23FFDE00'/%3E%3Cpath d='M12.9977 6.21214L12.6324 6.80829L13.1131 7.28906L12.4593 7.13522L12.1324 7.73137L12.0747 7.05829L11.4016 6.94291L12.0362 6.67368L11.9401 6.0006L12.3824 6.51983L12.9977 6.21214Z' fill='%23FFDE00'/%3E%3Cpath d='M13.1708 9.46214L12.6324 9.86599L12.8824 10.5006L12.3247 10.0968L11.8054 10.5198L12.017 9.88522L11.4401 9.51983H12.1131L12.2862 8.84675L12.4977 9.5006L13.1708 9.46214Z' fill='%23FFDE00'/%3E%3C/svg%3E%0A");
}

/* No-data UI */
.no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 200px;
}
.no-data p {
  margin-top: 30px;
  color: #000000;
  font-size: 18px;
}

.pc {
  display: block;
}

.mo {
  display: none;
}

.inner {
  position: relative;
  max-width: 1674px;
  padding-inline: 40px;
  width: 100%;
  margin: 0 auto;
}

/* 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: 61px;
  }
  .pc {
    display: none;
  }
  .mo {
    display: block;
  }
  .inner {
    padding-inline: 20px;
  }
}
.accordion {
  position: relative;
}
.accordion .item {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.accordion .item.active .panel {
  padding: 3rem;
}
.accordion .item.active .panel p {
  display: block;
}
.accordion .item.active .text::before {
  border: 4px solid #4747B3;
}
.accordion .item.active .text::after {
  background-color: #4747B3;
}
.accordion .item.active .text button::before, .accordion .item.active .text button::after {
  transform: rotate(-180deg);
}
.accordion .item.active .text button::after {
  opacity: 0;
}
.accordion .item.active:last-child .text::after {
  display: block;
}
.accordion .item:last-child .text::after {
  display: none;
}
.accordion .year {
  width: 21rem;
  margin-right: 9rem;
  font-size: clamp(3.5rem, 3vw, 6rem);
  line-height: 100%;
  font-family: "Mulish-ExtraBold", sans-serif;
}
.accordion .text {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 9rem;
  padding-bottom: 7rem;
}
.accordion .text::before, .accordion .text::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.5rem;
}
.accordion .text::before {
  left: 0;
  z-index: 9;
  width: 3rem;
  height: 3rem;
  background-color: #ffffff;
  border: 4px solid #D0D1D6;
  border-radius: 100%;
}
.accordion .text::after {
  left: 1.3rem;
  z-index: 6;
  width: 0.4rem;
  height: 100%;
  background-color: #D0D1D6;
}
.accordion .text button {
  position: relative;
  width: 100%;
  height: 6.2rem;
  text-align: left;
  font-size: 3.2rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  cursor: pointer;
  color: #000000;
}
.accordion .text button::before, .accordion .text button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.5rem;
  height: 0.3rem;
  background-color: #1e1e1e;
  transition: all 0.5s ease-in-out;
}
.accordion .text button::after {
  transform: rotate(90deg);
}
.accordion .panel {
  position: relative;
  width: 100%;
  padding: 0 3rem;
  font-size: 1.6rem;
  line-height: 1.6;
  background: #F8F8F9;
  overflow: hidden;
  height: 0;
  transition: height 0.5s ease;
}
.accordion .panel p {
  display: none;
}

@media (max-width: 768px) {
  .accordion .year {
    margin-bottom: 1.3rem;
  }
  .accordion .item {
    flex-direction: column;
  }
  .accordion .item.active:last-child .text::after {
    display: none;
  }
  .accordion .text {
    padding-left: 0;
    padding-bottom: 3rem;
  }
  .accordion .text::before, .accordion .text::after {
    display: none;
  }
  .accordion .text button {
    margin-bottom: 1rem;
    font-size: 2.6rem;
  }
}
.btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  flex: 1;
  gap: 2rem;
}
.btn-group.start {
  justify-content: flex-start;
}
.btn-group.between {
  justify-content: space-between;
}
.btn-group.end {
  justify-content: flex-end;
}
.btn-group div {
  display: flex;
  gap: 2rem;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  transition: all 0.3s ease 0s;
  min-width: 10rem;
  height: 4.5rem;
  padding: 1rem 3.5rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.6rem;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  background-color: #ffffff;
}
.btn:hover {
  transition: all 0.3s ease 0s;
}
.btn.down {
  min-width: 15rem;
  height: inherit;
}
.btn.line {
  border: 1px solid #8f9094;
  color: #000000;
}
.btn.line:hover {
  transition: all 0.3s ease 0s;
  color: #5c51d6;
  border: 1px solid #5c51d6;
}
.btn.line:active {
  color: #342e73;
  border: 1px solid #342e73;
}
.btn.bg.secondary {
  background-color: #4747B3;
}
.btn.bg.secondary:hover {
  background-color: #5c51d6;
}
.btn.bg.dark {
  background-color: #1E1E1E;
}
.btn.bg.dark:hover {
  background-color: #4D4E52;
}
.btn.form {
  width: 14rem;
  font-family: "NotoSansKR-Regular", sans-serif;
  font-size: 1.8rem;
  color: #000000;
  border: 1px solid #1E1E1E;
}
.btn.form:hover {
  transition: all 0.3s ease 0s;
  color: #5c51d6;
  border: 1px solid #5c51d6;
}
.btn.form:active {
  color: #342e73;
  border: 1px solid #342e73;
}
.btn.request {
  position: relative;
  min-width: 22rem;
  max-width: 100%;
  padding: 1rem 4.2rem 1rem 1.2rem;
  white-space: nowrap;
  font-size: 1.8rem;
  color: #000000;
  border: 1px solid #1E1E1E;
  margin-block: clamp(3rem, 3vw, 6rem);
}
.btn.request::after {
  content: "";
  display: block;
  position: absolute;
  right: 1rem;
  width: 2.4rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_110_4101' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect width='24' height='24' transform='matrix(-1 0 0 1 24 0.5)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_110_4101)'%3E%3Cpath d='M17.5 17H11.5V16H17.5V17ZM7.5 17H6.5V8H7.5V17ZM17.5 13H11.5V12H17.5V13ZM17.5 9H11.5V8H17.5V9ZM19.3845 20.5C19.8448 20.5 20.2292 20.3458 20.5375 20.0375C20.8458 19.7292 21 19.3448 21 18.8845V6.1155C21 5.65517 20.8458 5.27083 20.5375 4.9625C20.2292 4.65417 19.8448 4.5 19.3845 4.5H4.6155C4.15517 4.5 3.77083 4.65417 3.4625 4.9625C3.15417 5.27083 3 5.65517 3 6.1155V18.8845C3 19.3448 3.15417 19.7292 3.4625 20.0375C3.77083 20.3458 4.15517 20.5 4.6155 20.5H19.3845ZM19.3845 19.5H4.6155C4.4615 19.5 4.32042 19.4359 4.19225 19.3077C4.06408 19.1796 4 19.0385 4 18.8845V6.1155C4 5.9615 4.06408 5.82042 4.19225 5.69225C4.32042 5.56408 4.4615 5.5 4.6155 5.5H19.3845C19.5385 5.5 19.6796 5.56408 19.8077 5.69225C19.9359 5.82042 20 5.9615 20 6.1155V18.8845C20 19.0385 19.9359 19.1796 19.8077 19.3077C19.6796 19.4359 19.5385 19.5 19.3845 19.5Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
}
.btn.close {
  width: 2.4rem;
  min-width: inherit;
  height: 2.4rem;
  padding: 0;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_38_2543' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_38_2543)'%3E%3Cpath d='M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
}
.btn-more {
  transition: all 0.3s ease 0s;
  width: 3.2rem;
  height: 3.2rem;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_102_2101' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_102_2101)'%3E%3Cpath d='M14.4828 28.2708V17.5165H3.72852V14.4832H14.4828V3.72884H17.5162V14.4832H28.2705V17.5165H17.5162V28.2708H14.4828Z' fill='%231E1E1E'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.btn-more:hover {
  transform: rotate(180deg);
}

.file-down {
  position: relative;
  padding-left: 3rem;
  line-height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_130_11603' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_130_11603)'%3E%3Cpath d='M6.30775 21.5C5.80258 21.5 5.375 21.325 5.025 20.975C4.675 20.625 4.5 20.1974 4.5 19.6923V4.30775C4.5 3.80258 4.675 3.375 5.025 3.025C5.375 2.675 5.80258 2.5 6.30775 2.5H14.8652L19.5 7.13475V19.6923C19.5 20.1974 19.325 20.625 18.975 20.975C18.625 21.325 18.1974 21.5 17.6923 21.5H6.30775ZM6.30775 20H17.6923C17.7693 20 17.8398 19.9679 17.9038 19.9038C17.9679 19.8398 18 19.7693 18 19.6923V7.8845H14.1155V4H6.30775C6.23075 4 6.16025 4.03208 6.09625 4.09625C6.03208 4.16025 6 4.23075 6 4.30775V19.6923C6 19.7693 6.03208 19.8398 6.09625 19.9038C6.16025 19.9679 6.23075 20 6.30775 20ZM12 18.6057C13.0142 18.6057 13.8702 18.2429 14.5682 17.5173C15.2662 16.7916 15.6152 15.9204 15.6152 14.9038V10.6152H14.1155V14.9038C14.1155 15.5051 13.9126 16.0224 13.5068 16.4557C13.1009 16.8891 12.5987 17.1058 12 17.1058C11.4115 17.1058 10.9118 16.8891 10.501 16.4557C10.09 16.0224 9.8845 15.5051 9.8845 14.9038V9.423C9.8845 9.21533 9.95058 9.04 10.0827 8.897C10.2147 8.75417 10.3763 8.68275 10.5673 8.68275C10.7686 8.68275 10.9328 8.75417 11.0598 8.897C11.1866 9.04 11.25 9.21533 11.25 9.423V14.9038H12.75V9.423C12.75 8.80633 12.5404 8.27883 12.1213 7.8405C11.7019 7.402 11.1839 7.18275 10.5673 7.18275C9.95058 7.18275 9.43267 7.402 9.0135 7.8405C8.59433 8.27883 8.38475 8.80633 8.38475 9.423V14.9038C8.38475 15.9204 8.73633 16.7916 9.4395 17.5173C10.1427 18.2429 10.9962 18.6057 12 18.6057Z' fill='%234747B3'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center left;
}
.file-down::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 3rem);
  bottom: 2px;
  right: 0;
  height: 1px;
  background-color: #000000;
}

@media (max-width: 1024px) {
  .btn-more {
    width: 3rem;
    height: 3rem;
  }
}
input[type=checkbox],
input[type=radio] {
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-size: 100%;
}
input[type=checkbox]:checked::after,
input[type=radio]:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}

input[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.454545' y='0.454545' width='19.0909' height='19.0909' stroke='%23C0C0BF' stroke-width='0.909091'/%3E%3C/svg%3E%0A");
}
input[type=checkbox]:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.454545' y='0.454545' width='19.0909' height='19.0909' fill='white' stroke='%23D0D1D6' stroke-width='0.909091'/%3E%3Cpath d='M8.33333 15L4 10.7447L5.51667 9.25532L8.33333 12.0213L15.4833 5L17 6.48936L8.33333 15Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}
input[type=checkbox]:disabled {
  background-image: none;
}
input[type=checkbox]:disabled:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.33333 17L2 11.4681L3.86667 9.53192L7.33333 13.1277L16.1333 4L18 5.93617L7.33333 17Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}

input[type=radio] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23D0D1D6'/%3E%3C/svg%3E%0A");
}
input[type=radio]:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23D0D1D6'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
}

@media (max-width: 768px) {
  input[type=checkbox],
  input[type=radio] {
    width: 15px;
    height: 15px;
  }
  input[type=checkbox]:checked::after,
  input[type=radio]:checked::after {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
  }
}
.form-layout {
  margin-bottom: 4rem;
}
.form-layout .notice-text {
  font-size: 1.8rem;
}
.form-layout textarea {
  padding: 4rem 2rem;
  line-height: 2.6rem;
  overflow: auto;
  min-height: 41rem;
  border: 1px solid #D0D1D6;
}

.form-group {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0 2rem;
}
.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.period {
  gap: 0 1rem;
}
.form-group.period input[type=date] {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
.form-group div {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
}
.form-group .file-upload {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
.form-group .file-upload p {
  width: inherit;
  color: #4747B3;
  font-size: 1.6rem;
  text-decoration: underline;
}
.form-group .file-upload .none {
  display: none;
}
.form-group .file-upload.on .none {
  display: flex;
}
.form-group .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;
}
.form-group .file-upload ul {
  display: flex;
  gap: 20px;
}
.form-group .file-upload ul li {
  display: flex;
}
.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-column {
  display: flex;
  width: 100%;
  margin-top: 5rem;
  padding: 2.5rem 2rem;
  border-block: 1px solid #1E1E1E;
  gap: 0 4rem;
}
.form-column.none {
  padding: 0;
  gap: 0;
  justify-content: flex-start;
}

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

.check-ui {
  display: flex;
  align-items: center;
  position: relative;
  gap: 0 5rem;
}
.check-ui.column {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem 0;
}
.check-ui.column label {
  width: inherit;
  color: #1B1D1E;
}
.check-ui.list {
  gap: 3rem 0;
}
.check-ui.left {
  margin-right: 5rem;
}
.check-ui li {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.check-ui label {
  display: inline-block;
  font-size: 1.8rem;
  margin-left: 1rem;
}
.check-ui .sep {
  color: #1E1E1E;
}

.info-text {
  margin-block: 4rem 5rem;
  font-size: 1.8rem;
  letter-spacing: -0.05rem;
}

.th-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0 1rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.6rem;
}

.check-wrap {
  display: flex;
  align-items: center;
  width: 42rem;
  font-size: 1.8rem;
  border-right: 1px solid #D0D1D6;
}
.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 #D0D1D6;
}
.check-wrap .check-ui {
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem 0;
}

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

#email-domain {
  display: none;
}

@media (max-width: 768px) {
  .form-group {
    flex-direction: column;
    gap: 2rem 0;
  }
  .form-group.between {
    align-items: flex-start;
  }
  .form-group.end div {
    justify-content: center;
  }
  .form-group.search {
    justify-content: center;
  }
  .form-group.search div {
    width: inherit;
    justify-content: center;
  }
  .form-group.row {
    flex-direction: row;
  }
  .form-group.email {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem 1rem;
    text-align: left;
  }
  .form-group.email.row {
    align-items: center;
  }
  .form-group div {
    width: 100%;
    justify-content: flex-start;
  }
  .form-group label {
    min-width: 8em;
    white-space: nowrap;
    font-size: 1.6rem;
  }
  .form-group label.none {
    width: 16rem;
    margin-right: 0;
  }
  .form-group .btn-group {
    gap: 1rem;
  }
  .form-column {
    flex-direction: column;
    gap: 2rem 0;
  }
  .check-ui {
    width: 100%;
  }
  .check-wrap {
    width: 100%;
    max-width: 100%;
    border-right: 0;
  }
  .check-wrap p {
    margin-top: 1.5rem;
  }
  .check-wrap .check-ui {
    gap: 1.5rem 0;
  }
  .text-wrap {
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #D0D1D6;
  }
}
input[type=text],
input[type=date],
input[type=tel],
input[type=email],
select,
textarea {
  box-sizing: border-box;
  padding-inline: 1rem;
  font-size: 1.8rem;
  color: #1E1E1E;
  border: 1px solid #D0D1D6;
}
input[type=text]::placeholder,
input[type=date]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
select::placeholder,
textarea::placeholder {
  font-size: 1.6rem;
  color: #68696E;
}
input[type=text].wide,
input[type=date].wide,
input[type=tel].wide,
input[type=email].wide,
select.wide,
textarea.wide {
  width: 100%;
}
input[type=text].w-18,
input[type=date].w-18,
input[type=tel].w-18,
input[type=email].w-18,
select.w-18,
textarea.w-18 {
  width: 18rem;
}
input[type=text].w-30,
input[type=date].w-30,
input[type=tel].w-30,
input[type=email].w-30,
select.w-30,
textarea.w-30 {
  width: 30rem;
}
input[type=text].w-39,
input[type=date].w-39,
input[type=tel].w-39,
input[type=email].w-39,
select.w-39,
textarea.w-39 {
  width: 39rem;
}
input[type=text].url,
input[type=date].url,
input[type=tel].url,
input[type=email].url,
select.url,
textarea.url {
  width: 30rem;
}
input[type=text].text-error,
input[type=date].text-error,
input[type=tel].text-error,
input[type=email].text-error,
select.text-error,
textarea.text-error {
  font-size: 1.6rem;
  color: #FF0016;
}

input[type=text],
input[type=date],
input[type=tel],
input[type=email],
select {
  width: 30rem;
  height: 4.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

input[type=date]::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

select {
  background: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_552_1357' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='23'%3E%3Crect x='0.816406' y='0.116211' width='22.7684' height='22.7684' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_552_1357)'%3E%3Cpath d='M12.2004 14.346L7.45703 9.60254H16.9439L12.2004 14.346Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 0.5rem center/2.4rem 2.3rem;
}

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

@media (max-width: 1024px) {
  input[type=text],
  input[type=date],
  input[type=tel],
  input[type=email],
  select {
    width: inherit;
    width: calc(100% - 16rem);
  }
  input[type=text].w-18, input[type=text].w-30, input[type=text].w-39,
  input[type=date].w-18,
  input[type=date].w-30,
  input[type=date].w-39,
  input[type=tel].w-18,
  input[type=tel].w-30,
  input[type=tel].w-39,
  input[type=email].w-18,
  input[type=email].w-30,
  input[type=email].w-39,
  select.w-18,
  select.w-30,
  select.w-39 {
    width: inherit;
  }
  input[type=text].none,
  input[type=date].none,
  input[type=tel].none,
  input[type=email].none,
  select.none {
    width: 43.7rem;
  }
}
@media (max-width: 768px) {
  input[type=text],
  input[type=date],
  input[type=tel],
  input[type=email],
  select {
    font-size: 1.6rem;
  }
  input[type=text]::placeholder,
  input[type=date]::placeholder,
  input[type=tel]::placeholder,
  input[type=email]::placeholder,
  select::placeholder {
    font-size: 1.5rem;
  }
  input[type=text].url, input[type=text].none,
  input[type=date].url,
  input[type=date].none,
  input[type=tel].url,
  input[type=tel].none,
  input[type=email].url,
  input[type=email].none,
  select.url,
  select.none {
    width: 100%;
  }
}
.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  flex: 0;
  width: 100%;
  margin-top: 5rem;
  gap: 0 1rem;
}
.pagination ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  transition: all 0.3s ease 0s;
  position: relative;
  width: 3rem;
  height: 3rem;
  padding: 0;
  font-size: 1.4rem;
  text-align: center;
  color: #000000;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 12px;
  border: 1px solid #EAEAED;
}
.pagination ul li a.ico.prev {
  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='M6.61212 12L7.5 11.1284L2.27576 6L7.5 0.871593L6.61212 0L0.5 6L6.61212 12Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}
.pagination ul li a.ico.next {
  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.38788 12L0.5 11.1284L5.72424 6L0.5 0.871593L1.38788 0L7.5 6L1.38788 12Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}
.pagination ul li a:hover {
  color: #5C51D6;
  border: 1px solid #5C51D6;
}
.pagination ul li a.is-current {
  color: #342e73;
  border: 1px solid #342e73;
}

.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 #D0D1D6;
  transition: color 0.3s ease, border-color 0.3s ease;
}
.tab-wrap .tab-list li.active {
  font-family: "NotoSansKR-Bold", 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;
}

.tbl {
  table-layout: fixed;
  width: 100%;
  border-top: 2px solid #1E1E1E;
}
.tbl + .tbl {
  margin-top: 5rem;
}
.tbl th,
.tbl td {
  border-right: 1px solid #D0D1D6;
  border-bottom: 1px solid #D0D1D6;
  vertical-align: middle;
  text-align: center;
  word-break: break-word;
}
.tbl th:last-child,
.tbl td:last-child {
  border-right: 0;
}
.tbl th {
  padding: 1.25rem;
  font-size: 1.6rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  background-color: #F8F8F9;
}
.tbl td {
  padding: 1.35rem;
  font-size: 1.5rem;
}
.tbl td.file-link a {
  position: relative;
  display: inline-block;
  color: #4747B3;
}
.tbl td.file-link a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
  height: 0.1rem;
  background-color: #4747B3;
}
.tbl td.file-link ul {
  display: flex;
  gap: 0 3rem;
}
.tbl .col-th {
  width: clamp(16rem, 13vw, 21rem);
}
.tbl .col-sm {
  width: 15rem;
}
.tbl .col-td {
  width: auto;
}
.tbl .col-20 {
  width: 20rem;
}
.tbl .col-40 {
  width: 40rem;
}
.tbl .col-42 {
  width: 42rem;
}
.tbl .col-70 {
  width: 70rem;
}
.tbl.form {
  border-bottom: 1px solid #D0D1D6;
}
.tbl.form th {
  height: 8rem;
}
.tbl.form td {
  padding: 1.8rem 2rem;
  text-align: left;
}
.tbl.text td {
  border-bottom: 1px solid #1E1E1E;
}
.tbl.text ol {
  counter-reset: inline;
}
.tbl.text ol li {
  position: relative;
  counter-increment: inline;
  font-size: 1.6rem;
  letter-spacing: -0.08rem;
  padding-left: 2rem;
}
.tbl.text ol li::before {
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 2rem;
  content: counter(inline) ".";
}
.tbl.text ol li + li {
  margin-top: 0.5rem;
}
.tbl.both td {
  padding: 1.8rem 2rem;
  text-align: left;
}
.tbl.head td {
  border-bottom: 0;
  font-size: 1.6rem;
  text-align: center;
}
.tbl.th {
  border-top: 1px solid #1E1E1E;
}
.tbl.th thead th {
  background-color: #ffffff;
}
.tbl.th tbody th {
  background-color: #F8F8F9;
}
.tbl.column td {
  display: flex;
  width: 100%;
  justify-content: space-between;
  text-align: left;
  border-right: 0;
  padding: 3rem 1.35rem;
}
.tbl.column td p {
  font-size: 1.6rem;
  font-family: "NotoSansKR-Bold", sans-serif;
}
.tbl.column .check-ui {
  justify-content: flex-end;
  gap: 0 3rem;
}
.tbl.detail {
  border-top: 0;
  margin-bottom: 3rem;
}
.tbl.detail tbody {
  padding-block: 4rem;
  border-top: 1px solid #D0D1D6;
  border-bottom: 1px solid #D0D1D6;
}
.tbl.detail td {
  text-align: left;
  padding: 0;
  border-right: 0;
  border-bottom: 0;
}
.tbl.detail td.title {
  font-size: 3rem;
  font-family: "NotoSansKR-Bold", sans-serif;
}
.tbl.detail td.date {
  color: #8F9094;
  padding-block: 2rem;
}
.tbl.detail td.file {
  padding-bottom: 4rem;
}
.tbl.detail td.file a {
  font-size: 1.6rem;
}
.tbl.scroll {
  table-layout: auto;
}
.tbl .text-area {
  padding-block: 4rem;
  font-size: 1.6rem;
  line-height: 160%;
}

@media (max-width: 768px) {
  .tbl.form {
    table-layout: auto;
  }
  .tbl.form .col-th,
  .tbl.form .col-sm {
    width: inherit;
    width: 100%;
  }
  .tbl.form tr,
  .tbl.form th,
  .tbl.form td {
    width: 100%;
  }
  .tbl.form th,
  .tbl.form td {
    display: flex;
    justify-content: center;
    border-right: 0;
  }
  .tbl.form th {
    text-align: center;
    align-items: center;
    height: 6rem;
  }
  .tbl.form td {
    border-bottom: 0;
  }
  .tbl.head th:not(:first-child) {
    border-top: 1px solid #D0D1D6;
  }
  .tbl.head td {
    padding: 2rem;
  }
  .tbl.column .check-ui {
    width: inherit;
    margin-left: 7rem;
  }
  .tbl .col-sm {
    width: 10rem;
  }
  .tbl .col-20 {
    width: 15rem;
  }
  .tbl .col-40 {
    width: 30rem;
  }
  .tbl .col-42 {
    width: 17rem;
  }
  .tbl .col-70 {
    width: 50rem;
  }
}
.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='%235C51D6'/%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: 1600px) {
  .btn-top {
    right: 4rem;
  }
}
@media (max-width: 1024px) {
  .btn-top {
    right: 2.5rem;
    bottom: 0;
  }
}
#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: #1E1E1E;
  color: #ffffff;
  opacity: 0.8;
  z-index: 99999;
}
#skip-navi a:focus {
  top: 0;
  left: 0;
  color: #ffffff;
}

header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  position: fixed;
  width: 100%;
  height: var(--header-size);
  background-color: #1E1E1E;
  z-index: 100;
  overflow: visible;
}
header .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 100%;
}
header::before {
  content: "";
  display: block;
  position: fixed;
  top: var(--header-size);
  width: 100%;
  height: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #EAEAED;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
header.on .gnb-nav > ul ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 100;
}
header.on::before {
  opacity: 1;
  visibility: visible;
  height: var(--gnb-bg);
}
header.err {
  background-color: #ffffff;
}

.gnb-nav {
  position: relative;
  height: var(--header-size);
  margin: 0 auto;
  text-align: center;
}
.gnb-nav > ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}
.gnb-nav > ul > li {
  height: var(--header-size);
  text-align: left;
}
.gnb-nav > ul > li > a {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: var(--header-size);
  font-size: clamp(15px, 1.4vw, 18px);
  color: #ffffff;
}
.gnb-nav > ul > li > a:hover {
  color: #FF9A26;
}
.gnb-nav > ul > li ul {
  opacity: 0;
  visibility: hidden;
  position: relative;
  z-index: -1;
  padding-block: 35px;
  pointer-events: none;
  padding-left: 1.4rem;
}
.gnb-nav > ul > li ul::before {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  top: 39px;
  left: 0;
  width: 1px;
  height: 128px;
  background-color: #EAEAED;
  z-index: -1;
}
.gnb-nav > ul > li ul li {
  text-align: left;
}
.gnb-nav > ul > li ul li:not(:last-child) {
  margin-bottom: 1.8rem;
}
.gnb-nav > ul > li ul li a {
  transition: all 0.3s ease 0s;
  display: inline-block;
  font-size: clamp(11px, 1.3vw, 14px);
  inline-size: clamp(12rem, 15vw, 25.5rem);
  font-family: "NotoSansKR-Medium", sans-serif;
  line-height: 1.4;
}
.gnb-nav > ul > li ul li a:hover, .gnb-nav > ul > li ul li a:focus {
  text-decoration: underline;
}
.gnb-nav > ul > li ul li a:hover {
  color: #FF9A26;
}
.gnb-nav > ul > li ul li a:hover .ico.link {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.772727 8L0 7.22727L6.13636 1.09091H0.727273V0H8V7.27273H6.90909V1.86364L0.772727 8Z' fill='%23FF9A26'/%3E%3C/svg%3E%0A");
}
.gnb-nav > ul > li ul li a:active {
  color: #FF7A00;
}
.gnb-nav > ul > li:nth-child(5) ul li a {
  inline-size: clamp(12rem, 11vw, 19rem);
}

.lang-nav {
  position: relative;
  height: 32px;
  margin-left: auto;
}
.lang-nav button {
  display: flex;
  align-items: center;
}
.lang-nav button i {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_146_167' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_146_167)'%3E%3Cpath d='M15.9998 29.3332C14.1574 29.3332 12.4251 28.9823 10.8032 28.2806C9.1812 27.5786 7.76638 26.627 6.55873 25.4258C5.35107 24.2245 4.40045 22.8119 3.70687 21.188C3.01329 19.564 2.6665 17.8245 2.6665 15.9695C2.6665 14.1253 3.01329 12.3935 3.70687 10.7743C4.40045 9.15502 5.35107 7.74478 6.55873 6.54354C7.76638 5.34231 9.1812 4.39576 10.8032 3.70391C12.4251 3.01231 14.1574 2.6665 15.9998 2.6665C17.844 2.6665 19.5767 3.01231 21.198 3.70391C22.819 4.39576 24.2333 5.34231 25.4409 6.54354C26.6486 7.74478 27.5992 9.15502 28.2928 10.7743C28.9864 12.3935 29.3332 14.1253 29.3332 15.9695C29.3332 17.8245 28.9864 19.564 28.2928 21.188C27.5992 22.8119 26.6486 24.2245 25.4409 25.4258C24.2333 26.627 22.819 27.5786 21.198 28.2806C19.5767 28.9823 17.844 29.3332 15.9998 29.3332ZM15.9998 28.1328C16.9418 27.0286 17.7098 25.9048 18.3039 24.7613C18.8977 23.6181 19.3833 22.3102 19.7606 20.8376H12.245C12.6438 22.3709 13.1369 23.709 13.7243 24.8517C14.3119 25.9944 15.0705 27.0881 15.9998 28.1328ZM14.3361 27.9524C13.5927 27.106 12.9176 26.0479 12.3109 24.778C11.704 23.5084 11.249 22.1949 10.9458 20.8376H4.89243C5.81366 22.8356 7.07848 24.4374 8.68687 25.6428C10.2953 26.8482 12.1784 27.6181 14.3361 27.9524ZM17.6884 27.9465C19.7333 27.6603 21.5869 26.8914 23.2491 25.6398C24.9113 24.3882 26.1974 22.7875 27.1072 20.8376H21.0598C20.6576 22.2228 20.1572 23.5439 19.5587 24.8009C18.9602 26.058 18.3368 27.1065 17.6884 27.9465ZM4.46317 19.5839H10.7047C10.5926 18.9242 10.5151 18.2959 10.4724 17.6991C10.4297 17.1026 10.4084 16.526 10.4084 15.9695C10.4084 15.3979 10.4306 14.8206 10.475 14.2376C10.5197 13.6549 10.5981 13.0458 10.7102 12.4102H4.46317C4.28144 12.9507 4.14552 13.5226 4.05539 14.1258C3.96527 14.7287 3.92021 15.3433 3.92021 15.9695C3.92021 16.6082 3.96527 17.2321 4.05539 17.8409C4.14552 18.4496 4.28144 19.0306 4.46317 19.5839ZM11.9695 19.5839H20.0358C20.1518 18.8963 20.2321 18.2706 20.2765 17.7069C20.3212 17.1432 20.3435 16.564 20.3435 15.9695C20.3435 15.3914 20.3212 14.8256 20.2765 14.2721C20.2321 13.7182 20.1518 13.0976 20.0358 12.4102H11.9695C11.8537 13.0976 11.7734 13.7182 11.7287 14.2721C11.684 14.8256 11.6617 15.3914 11.6617 15.9695C11.6617 16.564 11.684 17.1432 11.7287 17.7069C11.7734 18.2706 11.8537 18.8963 11.9695 19.5839ZM21.2895 19.5839H27.5365C27.7182 19.0306 27.8542 18.4496 27.9443 17.8409C28.0344 17.2321 28.0795 16.6082 28.0795 15.9695C28.0795 15.3433 28.0344 14.7287 27.9443 14.1258C27.8542 13.5226 27.7182 12.9507 27.5365 12.4102H21.3143C21.4135 13.1255 21.4855 13.7695 21.5302 14.3421C21.5749 14.9149 21.5972 15.4574 21.5972 15.9695C21.5972 16.5297 21.5739 17.1012 21.5272 17.6839C21.4808 18.2669 21.4016 18.9002 21.2895 19.5839ZM21.0539 11.1565H27.1072C26.1986 9.1407 24.937 7.5228 23.3224 6.3028C21.7076 5.0828 19.8213 4.32144 17.6635 4.01873C18.407 4.9565 19.0717 6.04095 19.6576 7.27206C20.2435 8.50292 20.709 9.79774 21.0539 11.1565ZM12.245 11.1565H19.7854C19.3977 9.70663 18.8912 8.37737 18.2658 7.16873C17.6403 5.96033 16.885 4.86354 15.9998 3.87835C15.1388 4.78354 14.4095 5.81737 13.8117 6.97984C13.2142 8.14231 12.6919 9.53453 12.245 11.1565ZM4.89243 11.1565H10.9513C11.2889 9.80934 11.7465 8.52428 12.3243 7.30132C12.9018 6.0786 13.5642 4.98638 14.3113 4.02465C12.1474 4.33996 10.2656 5.10403 8.66613 6.31687C7.06638 7.52996 5.80848 9.14317 4.89243 11.1565Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.lang-nav button span {
  display: inline-block;
  font-size: 1.6rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  color: #ffffff;
  margin-left: 5px;
}
.lang-nav ul {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  top: 42px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 120px;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 10;
  transition: max-height 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
}
.lang-nav ul.on {
  min-height: 120px;
  opacity: 1;
  visibility: visible;
}
.lang-nav ul li {
  display: block;
  text-align: center;
  width: 100%;
}
.lang-nav ul li a {
  transition: all 0.3s ease 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 40px;
  padding: 0 20px;
}
.lang-nav ul li a span {
  font-size: clamp(14px, 1vw, 16px);
  font-family: "NotoSansKR-Medium", sans-serif;
  color: #000000;
}
.lang-nav ul li a:hover {
  background-color: #FFF3E8;
}
.lang-nav ul li a.current {
  background-color: #FFE1BF;
}

.mobile-nav {
  display: none;
}
.mobile-nav__toggle {
  position: relative;
  width: 24px;
  height: 24px;
}
.mobile-nav__toggle .line {
  display: block;
  width: 24px;
}
.mobile-nav__toggle .line em, .mobile-nav__toggle .line::before, .mobile-nav__toggle .line::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s ease 0s;
  top: 0;
  right: 0;
  height: 2px;
  background-color: #ffffff;
}
.mobile-nav__toggle .line em {
  width: 20px;
  top: 15px;
}
.mobile-nav__toggle .line::before {
  top: 8px;
  width: 24px;
}
.mobile-nav__toggle .line::after {
  top: 22px;
  width: 18px;
}
.mobile-nav__toggle.on {
  opacity: 1;
  visibility: visible;
  z-index: 1200;
}
.mobile-nav__toggle.on .line em {
  display: none;
}
.mobile-nav__toggle.on .line::before, .mobile-nav__toggle.on .line::after {
  top: 12px;
  width: 24px;
  background-color: #ffffff;
}
.mobile-nav__toggle.on .line::before {
  transform: rotate(45deg);
}
.mobile-nav__toggle.on .line::after {
  transform: rotate(-45deg);
}
.mobile-nav__pannel {
  position: fixed;
  top: var(--header-size);
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden;
  background-color: #ffffff;
  z-index: 1000;
  transition: height 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
  padding-bottom: 20px;
}
.mobile-nav.on .mobile-nav__pannel {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.mobile-nav__lang ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid #EAEAED;
}
.mobile-nav__lang ul li + li {
  border-left: 1px solid #EAEAED;
}
.mobile-nav__lang ul a {
  display: inline-block;
  width: 100%;
  padding: 15px;
  text-align: center;
  font-size: 14px;
  color: #8F9094;
}
.mobile-nav__lang ul a.current {
  font-family: "NotoSansKR-Medium", sans-serif;
  color: #000000;
}
.mobile-nav__menu {
  position: relative;
}
.mobile-nav__menu::before {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
}
.mobile-nav__menu > ul {
  overflow: hidden;
  overflow-y: auto;
  background-color: #ffffff;
}
.mobile-nav__menu > ul > li {
  padding: 30px 20px;
}
.mobile-nav__menu > ul > li:not(:last-child) {
  border-bottom: 1px solid #EAEAED;
}
.mobile-nav__menu > ul > li a {
  display: inline-block;
  line-height: 100%;
}
.mobile-nav__menu > ul > li > a {
  font-family: "NotoSansKR-Medium", sans-serif;
  font-size: 17px;
  margin-bottom: 25px;
}
.mobile-nav__menu > ul > li ul li:not(:last-child) {
  margin-bottom: 16px;
}
.mobile-nav__menu > ul > li ul li a {
  font-size: 13px;
}

@media (max-width: 1024px) {
  .mobile-nav {
    display: block;
  }
  .gnb-nav,
  .lang-nav {
    display: none;
  }
}
@media (max-width: 768px) {
  .mobile-nav__menu > ul {
    height: 460px;
  }
}
.main .section {
  padding-block: clamp(6rem, 1vw, 10rem);
}
.main .section + .section {
  padding-top: 0;
}
.main .swiper-button-prev,
.main .swiper-button-next {
  position: absolute;
  transition: all 0.3s ease 0s;
  margin-top: inherit;
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  top: -1px;
  background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_42_122' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' transform='matrix(-1 0 0 1 32 0)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_42_122)'%3E%3Cpath d='M12 25.3334L13.9 23.4667L7.76665 17.3334H29.3333V14.6667H7.76665L13.8666 8.53341L12 6.66675L2.66665 16.0001L12 25.3334Z' fill='%231E1E1E'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.main .swiper-button-prev.swiper-button-prev,
.main .swiper-button-next.swiper-button-prev {
  left: inherit;
  right: 124px;
}
.main .swiper-button-prev.swiper-button-next,
.main .swiper-button-next.swiper-button-next {
  transform: rotate(-180deg);
  right: 62px;
}
.main .swiper-button-prev:hover, .main .swiper-button-prev:focus,
.main .swiper-button-next:hover,
.main .swiper-button-next:focus {
  transition: all 0.3s ease 0s;
}
.main h3 {
  color: #4747B3;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 18px;
  margin-bottom: 1rem;
}
.main .head-tit {
  font-size: 3rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  margin-bottom: 4.5rem;
}
.main .visual {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.main .visual .swiper-container {
  position: relative;
}
.main .visual .swiper-slide {
  position: relative;
  overflow: hidden;
  height: 600px;
}
.main .visual .swiper-slide .bg {
  width: 100%;
  height: 600px;
  position: absolute;
  left: 0;
  top: 0;
}
.main .visual .swiper-slide .bg.bg-1 {
  background: url("../images/visual/bg-main-1.jpg") center center/cover no-repeat;
}
.main .visual .swiper-slide .bg.bg-2 {
  background: url("../images/visual/bg-main-2.jpg") center center/cover no-repeat;
}
.main .visual .swiper-slide .bg.bg-3 {
  background: url("../images/visual/bg-main-3.jpg") center center/cover no-repeat;
}
.main .visual .swiper-slide .bg.bg-4 {
  background: url("../images/visual/bg-main-4.jpg") center center/cover no-repeat;
}
.main .visual .swiper-slide .desc {
  max-width: 167.4rem;
  padding-inline: 4rem;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  z-index: 10;
  color: #ffffff;
}
.main .visual .swiper-slide .desc h2 {
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: clamp(2.8rem, 3vw, 4rem);
  margin-bottom: 2rem;
}
.main .visual .swiper-slide .desc h2.eng {
  font-family: "Mulish-Regular", sans-serif;
}
.main .visual .swiper-slide .desc h2.eng strong {
  font-family: "Mulish-ExtraBold", sans-serif;
}
.main .visual .swiper-slide .desc p {
  font-family: "NotoSansKR-Medium", sans-serif;
  font-size: clamp(16px, 2vw, 28px);
  line-height: 178%;
}
.main .visual .swiper-slide.fade-trigger .desc h2 {
  transition-delay: 0.3s;
}
.main .visual .swiper-slide.fade-trigger .desc p {
  transition-delay: 0.6s;
}
.main .visual .swiper-button-group {
  max-width: 167.4rem;
  padding-inline: 4rem;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 92px;
  display: flex;
  align-items: center;
  z-index: 20;
}
.main .visual .swiper-button {
  position: absolute;
  top: 0;
  right: 4rem;
  display: flex;
}
.main .visual .swiper-button-prev,
.main .visual .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1115_5927' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' transform='matrix(-1 0 0 1 32 0)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1115_5927)'%3E%3Cpath d='M12.0007 25.3337L13.9007 23.467L7.76732 17.3337H29.334V14.667H7.76732L13.8673 8.53366L12.0007 6.66699L2.66732 16.0003L12.0007 25.3337Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.main .visual .swiper-button-prev {
  right: 48px;
}
.main .visual .swiper-button-next {
  right: 0;
}
.main .visual .swiper-pagination {
  position: absolute;
  top: 14px;
  right: 147px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 2px;
  gap: 0 20px;
}
.main .visual .swiper-pagination-bullet {
  position: relative;
  display: block;
  width: 3.5rem;
  height: 100%;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.25);
  opacity: 1;
}
.main .visual .swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #fff;
  transition: width 1s;
}
.main .visual .swiper-pagination-bullet-active::before {
  width: 100%;
}

.service ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(2rem, 1vw, 4.7rem);
}
.service ul li:hover .img img, .service ul li:focus .img img {
  transition: all 0.6s ease 0s;
  transform: scale(1.05);
  filter: brightness(1.5);
}
.service ul li:hover .txt h4 span, .service ul li:focus .txt h4 span {
  font-family: "NotoSansKR-Bold", sans-serif;
  color: #4747B3;
  background-size: 100% 2px;
}
.service ul li:hover i, .service ul li:focus i {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.service .img {
  position: relative;
  overflow: hidden;
}
.service .img img {
  transition: all 0.6s ease 0s;
  width: 100%;
  height: 100%;
  transform: scale(1);
}
.service .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-top: clamp(2rem, 1vw, 3rem);
}
.service .txt h4 {
  font-family: "NotoSansKR-Regular", sans-serif;
}
.service .txt h4 span {
  font-size: clamp(1.6rem, 3.8vw, 2.2rem);
  position: relative;
  line-height: 130%;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0 2px;
  background-position: 0 100%;
  transition: background-size 0.4s ease-in-out;
}
.service i {
  display: inline-block;
  flex-shrink: 0;
  width: 26px;
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg width='26' height='19' viewBox='0 0 26 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='arrow_right_alt' d='M16.25 19L14.3272 17.1287L20.8 10.8307H0V8.19537H20.8L14.3 1.87087L16.2228 0L26 9.51324L16.25 19Z' fill='%234747B3'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-0.5rem);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.load .service h3 {
  transition-delay: 0.3s;
}
.load .service p {
  transition-delay: 0.6s;
}
.load .service ul {
  transition-delay: 0.9s;
}

.info ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7.7rem;
  padding: 8rem;
  background-color: #1E1E1E;
}
.info ul li {
  color: #ffffff;
}
.info ul li:hover h4, .info ul li:focus h4 {
  transform: translateY(-2rem);
}
.info ul li:hover h4::after, .info ul li:focus h4::after {
  opacity: 1;
  height: 19px;
}
.info ul li:hover a::after, .info ul li:focus a::after {
  width: 100%;
}
.info ul li h4 {
  font-size: clamp(2rem, 2vw, 2.2rem);
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  font-family: "NotoSansKR-Regular", sans-serif;
  color: #ffffff;
}
.info ul li h4::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3rem;
  left: 0;
  width: 26px;
  height: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='19' viewBox='0 0 26 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='arrow_right_alt' d='M16.25 19L14.3272 17.1287L20.8 10.8307H0V8.19537H20.8L14.3 1.87087L16.2228 0L26 9.51324L16.25 19Z' fill='%234747B3'/%3E%3C/svg%3E%0A");
  opacity: 0;
  transition: opacity 0.4s ease;
}
.info ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 40px;
  position: relative;
}
.info ul li a::before, .info ul li a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: #ffffff;
  opacity: 0.2;
}
.info ul li a::before {
  width: 100%;
}
.info ul li a::after {
  width: 0;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.46, 0.87, 0.18, 1.01);
}
.info ul li i {
  display: block;
  height: clamp(10rem, 6vw, 11rem);
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  margin-right: 2rem;
}
.info ul li:nth-child(1) i {
  background-image: url("../images/main/info-ico-1.svg");
}
.info ul li:nth-child(2) i {
  background-image: url("../images/main/info-ico-2.svg");
}
.info ul li:nth-child(3) i {
  background-image: url("../images/main/info-ico-3.svg");
}
.info ul li:nth-child(4) i {
  background-image: url("../images/main/info-ico-4.svg");
}

.news .btn-group {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
.news .swiper-container {
  margin-top: -7.5rem;
}
.news .swiper-wrapper {
  padding-top: 7.5rem;
}
.news .swiper-slide {
  width: 37rem;
  height: 37rem;
}
.news .swiper-slide:not(:last-child) {
  margin-right: 3.8rem;
}
.news .swiper-slide a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 4rem;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #D0D1D6;
  transition: border-color 0.4s ease;
}
.news .swiper-slide a::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: #4747B3;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95);
  transform-origin: center center;
  transition: opacity 0.4s ease, transform 0.4s ease;
  z-index: 0;
}
.news .swiper-slide a > * {
  position: relative;
  z-index: 1;
}
.news .swiper-slide a h4 {
  margin-bottom: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 7rem;
  line-height: 3rem;
}
.news .swiper-slide a h4 span {
  font-size: 2.2rem;
  font-weight: 700;
  font-family: "NotoSansKR-Medium", sans-serif;
  position: relative;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 100%;
  transition: background-size 0.4s ease-in-out;
}
.news .swiper-slide a p,
.news .swiper-slide a time {
  font-size: 1.4rem;
  color: #4D4E52;
}
.news .swiper-slide a p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news .swiper-slide a time {
  margin-top: auto;
}
.news .swiper-slide a:hover, .news .swiper-slide a:focus {
  color: #ffffff;
  border-color: inherit;
}
.news .swiper-slide a:hover::before, .news .swiper-slide a:focus::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.news .swiper-slide a:hover h4 span, .news .swiper-slide a:focus h4 span {
  color: #ffffff;
  background-size: 100% 1px;
}
.news .swiper-slide a:hover p,
.news .swiper-slide a:hover time, .news .swiper-slide a:focus p,
.news .swiper-slide a:focus time {
  color: #ffffff;
}
.news .swiper-slide a:hover::after, .news .swiper-slide a:focus::after {
  opacity: 1;
  transform: rotate(360deg);
}

html[lang=en] .info ul li h4 {
  font-size: clamp(1.6rem, 2vw, 1.8rem);
}

@media (max-width: 1280px) {
  .info ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .main h3 {
    font-size: 14px;
  }
  .main .head-tit {
    font-size: 22px;
  }
  .main .swiper-button-prev,
  .main .swiper-button-next {
    width: 24px;
    height: 24px;
    top: 0;
  }
  .main .swiper-button-prev.swiper-button-prev,
  .main .swiper-button-next.swiper-button-prev {
    right: 84px;
  }
  .main .swiper-button-prev.swiper-button-next,
  .main .swiper-button-next.swiper-button-next {
    right: 42px;
  }
  .main .visual .swiper-slide {
    height: 350px;
  }
  .main .visual .swiper-slide .bg {
    height: 350px;
  }
  .main .visual .swiper-slide .bg.bg-1 {
    background: url("../images/visual/bg-main-1-mo.jpg") center center/cover no-repeat;
  }
  .main .visual .swiper-slide .bg.bg-2 {
    background: url("../images/visual/bg-main-2-mo.jpg") center center/cover no-repeat;
  }
  .main .visual .swiper-slide .bg.bg-3 {
    background: url("../images/visual/bg-main-3-mo.jpg") center center/cover no-repeat;
  }
  .main .visual .swiper-slide .bg.bg-4 {
    background: url("../images/visual/bg-main-4-mo.jpg") center center/cover no-repeat;
  }
  .main .visual .swiper-slide .desc {
    top: 84px;
    padding-inline: 2rem;
    justify-content: flex-start;
    height: inherit;
  }
  .main .visual .swiper-button-group {
    padding-inline: 2rem;
    height: 44px;
  }
  .main .visual .swiper-button {
    right: 2rem;
  }
  .main .visual .swiper-button-prev {
    right: 39px;
  }
  .main .visual .swiper-button-next {
    right: 0;
  }
  .main .visual .swiper-pagination {
    top: 11px;
    right: 103px;
    gap: 0 15px;
  }
  .service ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 2rem;
  }
  .service ul li img {
    width: 100%;
  }
  .info ul {
    grid-template-columns: repeat(2, 1fr);
    padding: 5rem 4.5rem;
  }
  .info ul li h4 {
    transform: translateY(-2rem);
    line-height: 1.3;
  }
  .info ul li h4::after {
    opacity: 1;
    height: 19px;
    bottom: -4rem;
  }
  .info ul li a::after {
    width: 100%;
  }
  .news .swiper-slide:not(:last-child) {
    margin-right: 2rem;
  }
  .news .swiper-slide a {
    padding: 2.5rem;
  }
}
@media (max-width: 768px) {
  .service ul li i {
    display: none;
  }
  .info ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 5rem;
  }
  .info ul h4 br {
    display: none;
  }
  .news .swiper-slide {
    width: 32rem;
    height: 32rem;
  }
}
footer {
  background-color: #1E1E1E;
  color: #ffffff;
}
footer .inner {
  display: flex;
  align-items: flex-start;
  padding-block: 50px;
  order: 1;
}
footer .inner address {
  order: 2;
}
footer .inner address p,
footer .inner address small {
  font-family: "NotoSansKR-Regular", sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
footer .inner address p.privacy,
footer .inner address small.privacy {
  display: inline-block;
  font-size: 14px;
  color: white;
  font-family: "NotoSansKR-Bold", sans-serif;
  margin-bottom: 10px;
}
footer .inner address p.copyright,
footer .inner address small.copyright {
  margin-top: 5px;
}
footer .inner .logo {
  margin: 10px 60px 0 0;
  order: 1;
}
footer .inner .privacy {
  order: 2;
}
footer .inner .address {
  order: 3;
}
footer .inner .copyright {
  order: 4;
}

@media (max-width: 1024px) {
  footer .inner {
    padding-block: 30px;
  }
}
@media (max-width: 768px) {
  footer .inner {
    flex-wrap: wrap;
    flex-direction: column;
  }
  footer .inner address {
    display: contents;
  }
  footer .inner .logo {
    margin: 20px 0 20px;
    order: 2;
  }
  footer .inner .privacy {
    order: 1;
  }
}
.alert {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 9998;
  outline: 0;
}
.alert.show {
  visibility: visible;
  opacity: 1;
  animation: fadeIn 0.2s forwards;
}
.alert .dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.alert .content {
  position: relative;
  width: 50rem;
  max-width: calc(100% - 32px);
  background-color: #ffffff;
}
.alert .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 5rem;
  padding: 1rem;
  background-color: #4747B3;
}
.alert .head p {
  font-size: 2.2rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  color: #ffffff;
}
.alert .text {
  text-align: center;
  padding: 5rem 4rem;
}
.alert .text p {
  font-size: 1.8rem;
  font-family: "NotoSansKR-Bold", sans-serif;
}
.alert .btn-group {
  margin-top: 5rem;
}
.alert .line-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 2rem;
}
.alert .line-box li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 15rem;
  border: 1px solid #D0D1D6;
}
.alert .line-box li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 1rem;
  font-size: 1.6rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  line-height: 120%;
}

@media (max-width: 768px) {
  .alert .content {
    min-width: inherit;
  }
}
.breadcrumb {
  max-width: 135rem;
  padding-inline: 4rem;
  width: 100%;
  margin: 0 auto;
  padding-block: 20px;
}
.breadcrumb ol {
  display: flex;
}
.breadcrumb ol li {
  font-size: 14px;
  color: #68696E;
  position: relative;
  padding-right: 20px;
}
.breadcrumb ol li.current {
  color: #000000;
}
.breadcrumb ol li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_0_504' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='21'%3E%3Crect y='0.5' width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_0_504)'%3E%3Cpath d='M11.077 10.4998L7.24365 6.66645L7.83344 6.07666L12.2566 10.4998L7.83344 14.9229L7.24365 14.3331L11.077 10.4998Z' fill='%2368696E'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
}
.breadcrumb ol li:last-child::after {
  content: none;
}

.sub-layout h2 {
  font-size: 3rem;
  margin-block: 4rem 2rem;
}
.sub-layout h3 {
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: clamp(2.5rem, 3vw, 2.8rem);
  margin-bottom: clamp(2.5rem, 3vw, 4rem);
}
.sub-layout h4 {
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 2rem;
  margin-bottom: 2.5rem;
}
.sub-layout .head {
  max-width: 135rem;
  padding-inline: 4rem;
  width: 100%;
  margin: 0 auto;
}
.sub-layout .head.end {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.sub-layout .head.end span {
  font-size: 1.8rem;
}
.sub-layout .head p {
  font-size: 1.8rem;
}
.sub-layout .sub-head p {
  font-size: 2rem;
  line-height: 140%;
}
.sub-layout .sub-head .list-dot {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 1rem;
}
.sub-layout .sub-head .list-dot li {
  position: relative;
  color: #000000;
  font-size: 2rem;
  padding-left: 1.5rem;
  margin-left: 1rem;
}
.sub-layout .sub-head .list-dot li::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.3rem;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #000000;
}
.sub-layout .sub-head {
  margin-bottom: clamp(5rem, 3vw, 10rem);
}
.sub-layout .sub-head.top {
  margin-bottom: 5rem;
}
.sub-layout .desc:not(:last-child) {
  margin-bottom: 10rem;
}
.sub-layout .desc:not(:last-child) .btn {
  margin-block: 5rem;
}
.sub-layout .desc:not(:last-child) p + p {
  margin-top: 5rem;
}
.sub-layout .notice-text {
  font-size: 1.6rem;
  color: #4747B3;
}
.sub-layout .notice-text + .notice-text {
  margin-top: 1.5rem;
}
.sub-layout .visual {
  position: relative;
  margin-top: 5.6rem;
}
.sub-layout .visual__bg {
  position: relative;
  width: 100%;
  height: 400px;
}
.sub-layout .visual__bg.bg-privacy-1 {
  background: url(../images/visual/bg-privacy-1.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-privacy-2 {
  background: url(../images/visual/bg-privacy-2.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-privacy-3 {
  background: url(../images/visual/bg-privacy-3.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-privacy-4 {
  background: url(../images/visual/bg-privacy-4.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-request-1 {
  background: url(../images/visual/bg-request-1.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-request-2 {
  background: url(../images/visual/bg-request-2.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-policy-1 {
  background: url(../images/visual/bg-policy-1.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-policy-2 {
  background: url(../images/visual/bg-policy-2.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-policy-3 {
  background: url(../images/visual/bg-policy-3.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-policy-4 {
  background: url(../images/visual/bg-policy-4.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-audit-1 {
  background: url(../images/visual/bg-audit-1.jpg) center center/cover;
}
.sub-layout .visual__bg.bg-audit-2 {
  background: url(../images/visual/bg-audit-2.jpg) center center/cover;
}
.sub-layout .visual__text {
  max-width: 135rem;
  padding-inline: 4rem;
  width: 100%;
  margin: 0 auto;
  color: #ffffff;
}
.sub-layout .visual__text div {
  position: absolute;
  top: 0;
  max-width: 127rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sub-layout .visual__text h3 {
  font-size: clamp(2.8rem, 3vw, 3.4rem);
  margin-bottom: 1rem;
}
.sub-layout .visual__text p {
  font-size: clamp(2rem, 2vw, 2.6rem);
  letter-spacing: -0.056rem;
}
.sub-layout .visual__text p.note {
  font-size: clamp(1.6rem, 1vw, 2rem);
  margin-top: 1rem;
}
.sub-layout .content {
  max-width: 135rem;
  padding-inline: 4rem;
  width: 100%;
  margin: 0 auto;
  padding-block: clamp(5rem, 5vw, 10rem);
}
.sub-layout .content.top {
  padding-block: clamp(3rem, 10vw, 4rem);
}
.sub-layout .content.desc h4:not(:first-of-type) {
  margin-top: clamp(4rem, 3vw, 10rem);
}
.sub-layout .content.desc p,
.sub-layout .content.desc li {
  font-size: clamp(1.8rem, 2vw, 2rem);
  line-height: 150%;
}
.sub-layout .content.desc p + .tbl,
.sub-layout .content.desc p + .scroll,
.sub-layout .content.desc li + .tbl,
.sub-layout .content.desc li + .scroll {
  margin-top: 5rem;
}
.sub-layout .content.desc p + p,
.sub-layout .content.desc li + p {
  margin-top: 3rem;
}
.sub-layout .content.desc ol {
  margin-top: 2rem;
}
.sub-layout .content.desc ol.circle li {
  position: relative;
  padding-left: 23px;
}
.sub-layout .content.desc ol.circle li::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
}
.sub-layout .content.desc ol.circle li > * {
  margin-left: -23px;
}
.sub-layout .content.desc ol.circle > li:nth-child(1)::before {
  content: "①";
}
.sub-layout .content.desc ol.circle > li:nth-child(2)::before {
  content: "②";
}
.sub-layout .content.desc ol.circle > li:nth-child(3)::before {
  content: "③";
}
.sub-layout .content.desc ol.circle > li:nth-child(4)::before {
  content: "④";
}
.sub-layout .content.desc ol.circle > li:nth-child(5)::before {
  content: "⑤";
}
.sub-layout .content.desc ol.circle > li:nth-child(6)::before {
  content: "⑥";
}
.sub-layout .content.desc ol.circle > li:nth-child(7)::before {
  content: "⑦";
}
.sub-layout .content.desc ol.circle > li:nth-child(8)::before {
  content: "⑧";
}
.sub-layout .content.desc ol.circle > li:nth-child(9)::before {
  content: "⑨";
}
.sub-layout .content.desc ol.circle > li:nth-child(10)::before {
  content: "⑩";
}
.sub-layout .content.desc ol.num {
  counter-reset: num;
}
.sub-layout .content.desc ol.num li {
  counter-increment: num;
  position: relative;
  padding-left: 3.7rem;
}
.sub-layout .content.desc ol.num li::before {
  content: counter(num) "";
  position: absolute;
  left: -0.7rem;
  top: 0;
  width: 3.7rem;
  text-align: center;
  display: inline-block;
  font-family: "NotoSansKR-Medium", sans-serif;
}
.sub-layout .content.desc .url {
  margin-top: 6rem;
}
.sub-layout .info-list {
  display: grid;
  gap: 3rem 0;
}
.sub-layout .info-list article {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #D0D1D6;
  padding-block: clamp(4rem, 5vw, 7rem);
  padding-inline: clamp(4rem, 5vw, 8rem);
}
.sub-layout .info-list article .icon {
  margin-right: clamp(2rem, 7vw, 10rem);
  flex-shrink: 0;
}
.sub-layout .info-list article h3 {
  font-size: clamp(2.6rem, 3vw, 3.2rem);
  margin-bottom: 1.5rem;
}
.sub-layout .info-list article p {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: -0.05rem;
}
.sub-layout .info-list article p + p {
  margin-top: 1.5rem;
}
.sub-layout .info-list article p.note {
  font-size: 1.6rem;
  color: #4747B3;
}
.sub-layout .info-list article ul {
  display: flex;
  gap: 0 6rem;
  margin-top: 5rem;
}
.sub-layout .info-list article ul li {
  text-align: center;
}
.sub-layout .info-list article ul li .img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  border: 1px solid #D0D1D6;
  padding: 5.1rem 2.4rem;
  margin-bottom: 2rem;
}
.sub-layout .info-list article ul li p {
  font-size: 1.8rem;
}
.sub-layout .map-svg + .info-list {
  margin-top: 10rem;
}
.sub-layout .card-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 7rem;
}
.sub-layout .card-wrap > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sub-layout .card-wrap.mgt {
  margin-top: 10rem;
}
.sub-layout .card,
.sub-layout .step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  text-align: center;
}
.sub-layout .card span,
.sub-layout .card h4,
.sub-layout .card .text,
.sub-layout .step span,
.sub-layout .step h4,
.sub-layout .step .text {
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.8rem;
}
.sub-layout .card h4,
.sub-layout .step h4 {
  margin-block: 2rem 1rem;
}
.sub-layout .card p,
.sub-layout .step p {
  font-size: 1.6rem;
  line-height: 140%;
  margin-bottom: 1.5rem;
}
.sub-layout .card .btn,
.sub-layout .step .btn {
  margin-block: 1.7rem;
}
.sub-layout .card {
  flex-direction: column;
  height: 37rem;
  padding: 2rem;
  border: 1px solid #D0D1D6;
}
.sub-layout .card .btn {
  min-width: 15rem;
  margin-top: 2rem;
}
.sub-layout .step {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
}
.sub-layout .step li {
  display: flex;
  height: 100%;
}
.sub-layout .step li article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: clamp(23.3rem, 15vw, 25rem);
  height: 100%;
  padding: 3rem 1rem;
  border: 1px solid #D0D1D6;
}
.sub-layout .step li.last article {
  color: #ffffff;
  background-color: #000000;
}
.sub-layout .step li.last span {
  color: #958DF1;
}
.sub-layout .step .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 9rem;
}
.sub-layout .step span {
  color: #4747B3;
  margin-bottom: 1.6rem;
}
.sub-layout .step + .notice-text {
  margin-top: 4rem;
}
.sub-layout .agree-wrap {
  margin-bottom: clamp(6rem, 8vw, 10rem);
}
.sub-layout .agree-wrap .box {
  background-color: #F8F8F9;
  padding: 3rem;
  margin-bottom: 4rem;
}
.sub-layout .agree-wrap .box p {
  font-size: 1.6rem;
}
.sub-layout .agree-wrap .box p:not(:last-child) {
  margin-bottom: 0.5rem;
}
.sub-layout .agree-wrap .box p span {
  color: #4747B3;
}
.sub-layout .agree-wrap .text {
  font-size: 1.8rem;
  margin-bottom: 4rem;
}

.load .breadcrumb,
.load .sub-layout .head,
.load .sub-layout .visual,
.load .sub-layout .content {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.load .breadcrumb {
  transition-delay: 0.3s;
}
.load .sub-layout .head {
  transition-delay: 0.6s;
}
.load .sub-layout .visual {
  transition-delay: 0.9s;
}
.load .sub-layout .content {
  transition-delay: 1.2s;
}

.error {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  max-width: 135rem;
  gap: 3rem;
  text-align: center;
  padding-inline: 4rem;
  padding-block: 16rem;
  margin: 0 auto;
}
.error p {
  color: #000000;
  font-family: "NotoSansKR-Medium", sans-serif;
  font-size: 2.4rem;
  line-height: 180%;
  letter-spacing: -0.05rem;
}
.error p strong {
  display: inline-block;
  width: 100%;
  font-size: 3rem;
  padding-top: 2rem;
}

html[lang=en] .sub-layout .visual__text p {
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 2.8rem;
  line-height: 135%;
  letter-spacing: inherit;
}
html[lang=en] .sub-layout .visual__text p.sub-text {
  font-family: "NotoSansKR-Regular", sans-serif;
  font-size: 1.8rem;
  margin-top: 2rem;
  line-height: 155%;
}

@media (max-width: 1024px) {
  .breadcrumb {
    display: none;
  }
  .sub-layout .head {
    margin-top: 4rem;
    padding-inline: 2rem;
  }
  .sub-layout .visual {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    margin-top: 0;
  }
  .sub-layout .visual__bg-wrap {
    overflow: hidden;
    height: 300px;
    position: relative;
  }
  .sub-layout .visual__bg {
    object-fit: cover;
    transform: scale(1.2);
    transition: transform 1s ease;
  }
  .sub-layout .visual__text {
    padding-inline: 2rem;
  }
  .sub-layout .visual__text h2,
  .sub-layout .visual__text div {
    opacity: 0;
    will-change: opacity, transform;
    pointer-events: none;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
  }
  .sub-layout .visual__text h2 {
    max-width: 135rem;
    padding-inline: 4rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    font-size: 2.8rem;
    transform: translateY(10px);
  }
  .sub-layout .visual__text div {
    position: relative;
    left: inherit;
    top: inherit;
    transform: inherit;
    margin: 40px 0 0 0;
    padding-inline: 0;
    transform: translateY(60px);
  }
  .sub-layout .visual__text div * {
    color: #000000;
  }
  .sub-layout .content {
    padding-inline: 2rem;
  }
  .sub-layout .info-list article {
    flex-direction: column;
  }
  .sub-layout .info-list article .icon {
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .sub-layout .step {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
  }
  .sub-layout .step li article {
    width: 100%;
  }
  .sub-layout .step li article img {
    width: 15rem;
  }
  .sub-layout .step .arrow {
    display: none;
  }
  .sub-layout .card-wrap {
    grid-template-columns: 1fr;
    gap: 4rem 0;
  }
  .sub-layout .card-wrap img {
    width: 15rem;
  }
  .sub-layout .desc:not(:last-child) {
    margin-bottom: 5rem;
  }
  .scroll {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 3rem;
  }
  .scroll::-webkit-scrollbar {
    height: 5px;
  }
  .scroll::-webkit-scrollbar-thumb {
    background-color: #1E1E1E;
    background-clip: padding-box;
  }
  .scroll::-webkit-scrollbar-track {
    background-color: #F8F8F9;
  }
  .scroll .tbl {
    table-layout: auto;
  }
  .load .sub-layout .visual__bg {
    transform: scale(1);
    height: 300px;
  }
  .load .sub-layout .visual__text h2,
  .load .sub-layout .visual__text div {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .load .sub-layout .visual__text h2 {
    transition-delay: 0.8s;
  }
  .load .sub-layout .visual__text div {
    transition-delay: 1s;
  }
  .error {
    padding-block: 8rem;
  }
  .error p {
    font-size: 1.8rem;
  }
  .error p strong {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .sub-layout .visual__bg-wrap {
    height: 150px;
  }
  .sub-layout .visual__text h2 {
    height: 150px;
    font-size: 2.2rem;
  }
  .sub-layout .visual__bg {
    height: 150px;
  }
  .sub-layout .visual__bg.bg-privacy-1 {
    background: url(../images/visual/bg-privacy-1-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-privacy-2 {
    background: url(../images/visual/bg-privacy-2-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-privacy-3 {
    background: url(../images/visual/bg-privacy-3-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-privacy-4 {
    background: url(../images/visual/bg-privacy-4-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-request-1 {
    background: url(../images/visual/bg-request-1-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-request-2 {
    background: url(../images/visual/bg-request-2-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-policy-1 {
    background: url(../images/visual/bg-policy-1-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-policy-2 {
    background: url(../images/visual/bg-policy-2-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-policy-3 {
    background: url(../images/visual/bg-policy-3-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-policy-4 {
    background: url(../images/visual/bg-policy-4-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-audit-1 {
    background: url(../images/visual/bg-audit-1-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .visual__bg.bg-audit-2 {
    background: url(../images/visual/bg-audit-2-mo.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .sub-layout .map-svg + .info-list {
    margin-top: 5rem;
  }
  .load .sub-layout .visual__bg {
    height: 150px;
  }
}

/* ==========================================
   신청서(applyForm): 섹션 + 그리드 입력 폼
   ========================================== */
.apply-form {
  counter-reset: apply-step;
}
.apply-notice {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 2.4rem;
  margin-bottom: 4rem;
  padding: 1.6rem 2rem;
  font-size: 1.6rem;
  color: #4D4E52;
  background: #F7F7F8;
}
.apply-notice strong {
  font-family: "NotoSansKR-Bold", sans-serif;
  color: #1E1E1E;
}

/* 섹션: 보이는 섹션에만 단계 번호를 매긴다 (display: none인 섹션은 counter 증가 안 함) */
.form-section {
  counter-increment: apply-step;
  margin-bottom: 6rem;
}
.form-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 2rem;
  margin-bottom: 2.4rem;
  padding-bottom: 1.6rem;
  border-bottom: 2px solid #1E1E1E;
}
.form-section-head h3 {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  margin: 0;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 2.2rem;
  color: #1E1E1E;
}
.form-section-head h3::before {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  font-size: 1.5rem;
  color: #ffffff;
  background: #1E1E1E;
  content: counter(apply-step);
}
.form-section-head p {
  margin-top: 0.6rem;
  font-size: 1.6rem;
  color: #68696E;
}

/* 입력 그리드 (본인 신청 폼, 정보주체 카드 공용) */
.field-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.4rem;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 0.8rem 0;
  min-width: 0;
}
.field.span-2 {
  grid-column: span 2;
}
.field.span-all {
  grid-column: 1 / -1;
}
.field > label,
.field .field-label {
  width: auto;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.6rem;
  color: #1E1E1E;
}
.field input[type=text],
.field input[type=tel],
.field input[type=date],
.field select {
  width: 100%;
}
.field-period {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
.field-period input[type=date] {
  flex: 1 1 0;
  min-width: 0;
}
.field-period span {
  font-size: 1.8rem;
  color: #1E1E1E;
}
.form-layout .field textarea {
  min-height: 24rem;
  padding: 1.6rem;
  line-height: 2.4rem;
  overflow: auto;
  border: 1px solid #D0D1D6;
  resize: vertical;
}
.field-guide {
  padding: 1.2rem 1.6rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #4D4E52;
  white-space: pre-line;
  background: #F7F7F8;
  border-left: 3px solid #4747B3;
}
.field-guide[hidden] {
  display: none;
}
.field-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.field-link {
  padding: 0;
  font-size: 1.5rem;
  color: #4747B3;
  text-decoration: underline;
  background: none;
  border: 0;
  cursor: pointer;
}
/* 파일 첨부: 안내 문구를 [찾기] 버튼 옆에 둔다 */
.field .form-group.search {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem 2rem;
}
.email-row {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
.email-row input[type=text],
.email-row select {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
.email-row span {
  font-size: 1.8rem;
}

/* 신청 유형 칩 */
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.chip {
  position: relative;
  cursor: pointer;
}
.chip input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
}
.chip span {
  display: inline-flex;
  align-items: center;
  height: 4.5rem;
  padding: 0 2.4rem;
  font-size: 1.6rem;
  color: #1E1E1E;
  background: #ffffff;
  border: 1px solid #D0D1D6;
  transition: all 0.2s;
}
.chip:hover span {
  color: #5c51d6;
  border-color: #5c51d6;
}
.chip input:checked + span {
  color: #ffffff;
  background: #1E1E1E;
  border-color: #1E1E1E;
}
.chip input:focus-visible + span {
  outline: 2px solid #5c51d6;
  outline-offset: 2px;
}

/* 신청 구분 (본인 신청 / 대리인 신청) */
.apply-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}
.apply-mode-option {
  display: flex;
  align-items: flex-start;
  gap: 0 1.5rem;
  padding: 2.4rem;
  background: #ffffff;
  border: 1px solid #D0D1D6;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.apply-mode-option:hover {
  border-color: #8f9094;
}
.apply-mode-option.selected {
  background: #F7F7F8;
  border-color: #1E1E1E;
  box-shadow: inset 0 0 0 1px #1E1E1E;
}
.apply-mode-option input[type=radio] {
  flex: none;
  margin-top: 0.4rem;
}
.apply-mode-text {
  display: flex;
  flex-direction: column;
  gap: 0.6rem 0;
}
.apply-mode-text strong {
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 2rem;
  color: #1E1E1E;
}
.apply-mode-text span {
  font-size: 1.6rem;
  color: #68696E;
}

/* 대리인 정보: 본인인증 값 요약 */
.agent-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem 2.4rem;
  padding: 2rem 2.4rem;
  background: #F7F7F8;
}
.agent-summary dt {
  font-size: 1.4rem;
  color: #68696E;
}
.agent-summary dd {
  margin-top: 0.4rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.8rem;
  color: #1E1E1E;
}

/* 대리인 신청: 정보주체 목록 (아코디언) */
.subject-list .form-section-head {
  margin-bottom: 0;
}
.subject-list .form-section-head h3 .subject-count {
  font-style: normal;
  color: #4747B3;
}
.subject-list .form-section-head h3 .subject-max {
  margin-left: -0.6rem;
  font-family: "NotoSansKR-Regular", sans-serif;
  font-size: 1.6rem;
  color: #68696E;
}
.subject-progress {
  font-size: 1.6rem;
  color: #4D4E52;
  white-space: nowrap;
}
.subject-card {
  border-bottom: 1px solid #D0D1D6;
}
.subject-toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 2rem;
  width: 100%;
  min-height: 8rem;
  padding: 1.6rem 6rem 1.6rem 2rem;
  text-align: left;
  background: #ffffff;
  border: 0;
  cursor: pointer;
  transition: background-color 0.2s;
}
.subject-toggle:hover,
.subject-card.open .subject-toggle {
  background: #F7F7F8;
}
.subject-toggle::after {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  width: 1rem;
  height: 1rem;
  border-right: 2px solid #1E1E1E;
  border-bottom: 2px solid #1E1E1E;
  content: "";
  transform: translateY(-75%) rotate(45deg);
  transition: transform 0.2s;
}
.subject-card.open .subject-toggle::after {
  transform: translateY(-25%) rotate(-135deg);
}
.subject-index {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.6rem;
  color: #ffffff;
  background: #1E1E1E;
}
.subject-card.done .subject-index {
  background: #4747B3;
}
.subject-head-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.4rem 0;
  min-width: 0;
}
.subject-title,
.subject-summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subject-title {
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.8rem;
  color: #1E1E1E;
}
.subject-title.empty {
  font-family: "NotoSansKR-Regular", sans-serif;
  color: #8f9094;
}
.subject-summary {
  font-size: 1.5rem;
  color: #68696E;
}
.subject-summary:empty {
  display: none;
}
.subject-status {
  flex: none;
  padding: 0.4rem 1.2rem;
  border-radius: 2rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.4rem;
  color: #68696E;
  background: #EDEDF0;
}
.subject-card.done .subject-status {
  color: #4747B3;
  background: #EDEDFA;
}
.subject-card-body {
  display: none;
  padding: 2.4rem 2rem 3rem;
  border-top: 1px solid #E6E6EA;
}
.subject-card.open .subject-card-body {
  display: block;
}
.subject-sub-head {
  margin: 3.2rem 0 1.6rem;
  padding-top: 2.4rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.8rem;
  color: #1E1E1E;
  border-top: 1px dashed #D0D1D6;
}
.subject-poa {
  margin-top: 2.4rem;
}
.subject-card-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  padding-top: 2.4rem;
  border-top: 1px dashed #D0D1D6;
}
.subject-card-foot .btn:disabled {
  opacity: 0.4;
  cursor: default;
}
.subject-add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 6.4rem;
  margin-top: 2rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.8rem;
  color: #1E1E1E;
  background: #ffffff;
  border: 1px dashed #8f9094;
  cursor: pointer;
  transition: all 0.2s;
}
.subject-add:hover {
  color: #5c51d6;
  background: #F7F7FD;
  border-color: #5c51d6;
}
.subject-add[hidden] {
  display: none;
}

/* 작성 안내 */
.apply-notes {
  padding: 2rem 2.4rem;
  border: 1px solid #D0D1D6;
}
.apply-notes-title {
  margin-bottom: 1rem;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 1.6rem;
  color: #1E1E1E;
}
.apply-notes li {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #4D4E52;
}
.apply-notes li::before {
  position: absolute;
  left: 0;
  content: "·";
}

/* 검증 실패 항목 표시 */
.form-layout .is-invalid {
  border-color: #FF0016;
  box-shadow: 0 0 0 1px #FF0016;
}

@media (max-width: 1024px) {
  .field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .field.span-2 {
    grid-column: 1 / -1;
  }
}
@media (max-width: 768px) {
  .form-section {
    margin-bottom: 4.8rem;
  }
  .form-section-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .field-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .apply-mode {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  .apply-mode-option {
    padding: 1.8rem;
  }
  .agent-summary {
    grid-template-columns: 1fr;
  }
  .subject-toggle {
    gap: 0 1.2rem;
    padding: 1.4rem 4.8rem 1.4rem 1.4rem;
  }
  .subject-toggle::after {
    right: 1.8rem;
  }
  .subject-card-body {
    padding: 2rem 1.4rem 2.4rem;
  }
}