@font-face { font-family:'Pretendard';font-weight:100;font-display:swap;src:local("Pretendard Thin"), url("./../font/Pretendard/Pretendard-Thin.woff2") format("woff2"), url("./../font/Pretendard/Pretendard-Thin.woff") format("woff"); }
@font-face { font-family:'Pretendard';font-weight:200;font-display:swap;src:local("Pretendard ExtraLight"), url("./../font/Pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("./../font/Pretendard/Pretendard-ExtraLight.woff") format("woff"); }
@font-face { font-family:'Pretendard';font-weight:300;font-display:swap;src:local("Pretendard Light"), url("./../font/Pretendard/Pretendard-Light.woff2") format("woff2"), url("./../font/Pretendard/Pretendard-Light.woff") format("woff"); }
@font-face { font-family:'Pretendard';font-weight:400;font-display:swap;src:local("Pretendard Regular"), url("./../font/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("./../font/Pretendard/Pretendard-Regular.woff") format("woff"); }
@font-face { font-family:'Pretendard';font-weight:500;font-display:swap;src:local("Pretendard Medium"), url("./../font/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("./../font/Pretendard/Pretendard-Medium.woff") format("woff"); }
@font-face { font-family:'Pretendard';font-weight:600;font-display:swap;src:local("Pretendard SemiBold"), url("./../font/Pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("./../font/Pretendard/Pretendard-SemiBold.woff") format("woff"); }
@font-face { font-family:'Pretendard';font-weight:700;font-display:swap;src:local("Pretendard Bold"), url("./../font/Pretendard/Pretendard-Bold.woff2") format("woff2"), url("./../font/Pretendard/Pretendard-Bold.woff") format("woff"); }
@font-face { font-family:'Pretendard';font-weight:800;font-display:swap;src:local("Pretendard ExtraBold"), url("./../font/Pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("./../font/Pretendard/Pretendard-ExtraBold.woff") format("woff"); }
@font-face { font-family:'Pretendard';font-weight:900;font-display:swap;src:local("Pretendard Black"), url("./../font/Pretendard/Pretendard-Black.woff2") format("woff2"), url("./../font/Pretendard/Pretendard-Black.woff") format("woff"); }
*, *:before, *:after { box-sizing:border-box; }
html, body { height:100%; }
html { -webkit-text-size-adjust:100%; }
body { color:#282F32;font-family:Pretendard, Apple SD Gothic Neo, Malgun Gothic, sans-serif;font-size:20px;line-height:24px;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
body, h1, h2, h3, h4, h5, h6, p { margin:0; }
a { color:inherit;text-decoration:none; }
img { max-width:100%; }
ol, ul { margin:0;padding:0;list-style:none; }
dl, dd { margin:0; }
button, input, select, textarea { border-radius:0;color:inherit;font:inherit; }
button { padding:0;border:none;background-color:transparent; }
textarea { overflow:auto; }
table { border-spacing:0; }
th, td { padding:0; }
fieldset { margin:0;padding:0;border:none; }
legend { padding:0; }

.lang { position:relative;width:max-content; }
.lang__toggle { display:flex;align-items:center;position:relative;width:100%;height:48px;padding:10px 44px 10px 16px;border-radius:24px;background-color:rgba(0, 0, 0, 0.3);color:#fff;font-weight:700;font-size:20px;line-height:28px;cursor:pointer; }
.lang__toggle .flag { margin-right:8px; }
.lang__toggle:after { content:'';position:absolute;top:14px;right:16px;width:20px;height:20px;background:url(./../img/common/lang__arrow.png) no-repeat 0 0 / 100% 100%; }
.lang__list { display:none;position:absolute;top:calc(100% + 4px);left:0;width:100%;padding:8px 8px;border-radius:12px;background-color:rgba(0, 0, 0, 0.3);box-shadow:0 0 24px 0 rgba(0, 0, 0, 0.24); }
.lang__link { display:flex;align-items:center;padding:7px 8px;color:#fff;font-size:18px;line-height:1;white-space:nowrap; }
.lang__link--selected { font-weight:700; }
.lang__link .flag { flex-shrink:0;margin-right:8px; }
.lang__toggle--active:after { transform:rotate(180deg); }
.lang__toggle--active + .lang__list { display:block; }
.header { display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:100;width:100%;min-width:1440px;height:100px;padding:0 40px;transition:background-color 0.4s ease; }
.header__logo { overflow:hidden;width:186px;height:32px;background:url(./../img/common/logo.png) no-repeat 0 0 / 100% 100%;white-space:nowrap;text-indent:100%; }
.scrolled .header { background-color:#fff; }



.container { min-width:1440px;margin:0 auto; }
.intro { display:flex;align-items:center;width:100%;height:800px;padding-top:60px;background:url(./../img/common/intro__bg.png) no-repeat center/cover; }
.intro__title { width:1440px;margin-right:auto;margin-left:auto; }
.intro__tit { font-size:64px;font-weight:700;line-height:80px; }
.intro__txt { margin-top:16px;font-size:24px;font-weight:700;line-height:32px;font-weight:400; }
.intro__down { display:inline-block;margin-top:56px;padding:22px 72px;border-radius:38px;background-color:#0CEFD3;font-size:24px;font-weight:700;line-height:32px;cursor:pointer; }
.color-primary { color:#00C9B9; }
.section { text-align:center;overflow:hidden; }
.section.space-01 { padding:160px 0 240px; }
.section.space-bg { padding:140px 0;background-color:#f5f5f5; }
.section.space-bg-mint { padding:140px 0;background-color:#0CEFD3; }
.section.space-03 { padding:240px 0 120px; }
.section.space-04 { padding:120px 0 240px; }
.section.space-04.auto { padding:120px 0 calc(416px + 32px); }
.section > .inner { width:1440px;margin:0 auto; }
.section__title .tit { font-size:64px;font-weight:700;line-height:80px; }
.section__title .tit + p { margin-top:16px; }
.section__title .tit + span { margin-top:16px; }
.section__title p.desc { color:#00C9B9;font-size:40px;font-weight:700;line-height:48px; }
.section__title p.desc.color-font { color:#282F32; }
.section__title span.desc { display:block;color:#00C9B9;font-size:24px;font-weight:700;line-height:32px; }
.section.space-bg-mint .section__title span.desc { color:#282F32; }
.section__title span.desc + .tit { margin-top:16px; }
.section__title span.desc.color-font { color:#282F32; }
.section__content .when-form { margin:80px auto 0; }
.section__content .when-form ul { display:flex;justify-content:center; }
.section__content .when-form ul li { position:relative;text-align:left; }
.section__content .when-form ul li .num { display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:#0CEFD3;font-size:18px;font-weight:700;line-height:28px; }
.section__content .when-form ul li .txt { margin-top:16px;font-size:32px;font-weight:700;line-height:48px; }
.section__content .when-form ul li .txt > span { display:block;font-size:18px;font-weight:400;line-height:24px; }
.section__content .when-form ul li + li { margin-left:113px; }
.section__content .when-form ul li + li::before { content:'';position:absolute;left:-56px;width:1px;height:150px;background-color:rgba(217, 217, 217, 0.6); }
.section__content .num-form { display:flex;justify-content:center;margin:80px auto 0; }
.section__content .num-form__block { position:relative;width:312px; }
.section__content .num-form__block + .num-form__block { margin-left:128px; }
.section__content .num-form__block + .num-form__block::before { content:'';position:absolute;left:-64px;width:1px;height:100%;background-color:#d9d9d9; }
.section__content .num-form__txt { font-size:24px;font-weight:700;line-height:32px; }
.section__content .num-form__count { display:flex;align-items:center;justify-content:center;margin-top:16px;font-size:44px;font-weight:400;line-height:56px; }
.section__content .num-form__count > span { font-size:44px;font-weight:700;line-height:48px; }
.section__content .num-form__count > span.count { position:relative;display:flex;font-size:48px;overflow:hidden; }
.section__content .num-form__count > span.count .number { position:relative;display:flex;width:30px;height:48px;overflow:hidden; }
.section__content .num-form__count > span.count .number > .count-list { display:flex;text-align:center;flex-direction:column;position:absolute;left:0;width:1px;line-height:48px;transition:all 1s ease; }
.section__content .num-form__count > span.count .number > .count-list { position:static;width:30px;transform:translateY(-1000%); }
.section__content .num-form__count > span.count.count01 .number.sort01 > .count-list.motion.anim { transition-delay:0.1s;transform:translateY(-400%); }
.section__content .num-form__count > span.count.count01 .number.sort02 > .count-list.motion.anim { transition-delay:0.2s;transform:translateY(-500%); }
.section__content .num-form__count > span.count.count01 .number.sort03 > .count-list.motion.anim { transition-delay:0.3s;transform:translateY(0); }
.section__content .num-form__count > span.count.count02 .number.sort01 > .count-list.motion.anim { transition-delay:0.1s;transform:translateY(-800%); }
.section__content .num-form__count > span.count.count02 .number.sort02 > .count-list.motion.anim { transition-delay:0.2s;transform:translateY(-500%); }
.section__content .num-form__icon { display:block;width:100px;height:100px;margin:32px auto;filter:drop-shadow(0 8px 12px rgba(0, 0, 0, 0.1)); }
.section__content .num-form__icon > img { width:100%;height:100%;object-fit:cover; }
.section__content .num-form__desc { color:#9FA9AB;font-size:18px;font-weight:400;line-height:24px;font-weight:700; }
.section__content .trans-form { display:flex;justify-content:center;position:relative;width:970px;margin:80px auto 0; }
.section__content .trans-form__block { position:relative;padding:22px 0; }
.section__content .trans-form__block:first-child::before { display:none; }
.section__content .trans-form__block::before { content:'';position:absolute;top:0;left:0;width:10px;height:100%;background:url(./../img/common/icon__trans-line02.png) no-repeat center/100% auto; }
.section__content .trans-form__block img { display:block;width:140px; }
.section__content .trans-form__block span { display:block;margin-top:24px;font-size:18px;font-weight:700;line-height:32px; }
.section__content .trans-form__block + .trans-form__block { padding-left:34px;margin-left:24px; }
.section__content .benefit-form { display:flex;justify-content:center;margin:80px auto 0; }
.section__content .benefit-form__block { width:160px; }
.section__content .benefit-form__block img { display:block;width:100%; }
.section__content .benefit-form__block span { display:block;margin:16px -20px 0;font-size:20px;font-weight:700;line-height:26px;font-weight:700; }
.section__content .benefit-form__block + .benefit-form__block { margin-left:40px; }
.section__content .benefit-form__btn { position:relative;display:inline-block;margin:90px 0 48px;padding:14px 40px;border-radius:30px;background-color:#282F32;color:#fff;font-size:24px;font-weight:700;line-height:32px;cursor:pointer; }
.section__content .guide-form { position:relative; }
.section__content .guide-form .swiper { width:100%;height:100%;margin:48px auto 0;max-width:1000px; }
.section__content .guide-form .swiper-slide { display:flex;justify-content:center;align-items:center;width:240px;background:transparent;cursor:pointer; }
.section__content .guide-form .swiper-slide__txt { margin-top:40px;font-size:24px;font-weight:700;line-height:32px; }
.section__content .guide-form .swiper-slide__txt > span { font-weight:400; }
.section__content .guide-form .swiper-slide__img { position:relative;border-radius:20px;box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.16);overflow:hidden;transform:scale(0.83333);transition:all 0.5s; }
.section__content .guide-form .swiper-slide-active .swiper-slide__img { transform:scale(1); }
.section__content .guide-form .swiper-slide__img img { display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; }
.section__content .guide-form .swiper-slide__img::after { content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0.4;transition:all 0.5s; }
.section__content .guide-form .swiper-pagination { display:flex;justify-content:center;position:inherit;margin:16px 0 0; }
.section__content .guide-form .swiper-pagination-bullet { background:#000;opacity:0.4; }
.section__content .guide-form .swiper-pagination-bullet-active { background:#282F32;opacity:1; }
.section__content .guide-form .swiper-slide-active .swiper-slide__img::after { opacity:0; }
.section__content .guide-form__btn { display:inline-block;margin:40px 0 0;padding:22px 120px;border-radius:38px;background-color:#282F32;color:#fff;font-size:24px;font-weight:700;line-height:32px;cursor:pointer; }
.section__content .story-form { margin:80px 0 0; }
.section__content .story-form ul { display:flex;justify-content:center; }
.section__content .story-form__block { display:flex;flex-direction:column;width:312px;height:360px;padding:32px 32px;text-align:left; }
.section__content .story-form__block p.txt { margin:0 0 12px 0;font-size:16px;font-weight:700;line-height:22px; }
.section__content .story-form__block span.name { display:inline-block;font-size:14px;font-weight:700;line-height:24px; }
.section__content .story-form__block .arrow { margin:12px 0 0 12px; }
.section__content .story-form__note { width:1416px;margin:24px auto 0;color:#9FA9AB;font-size:14px;line-height:20px;text-align:right; }
.section__content .story-form__block.-num01 { background:url(./../img/common/story__people01.png) no-repeat center/100% auto; }
.section__content .story-form__block.-num02 { background:url(./../img/common/story__people02.png) no-repeat center/100% auto; }
.section__content .story-form__block.-num03 { background:url(./../img/common/story__people03.png) no-repeat center/100% auto; }
.section__content .story-form__block.-num04 { background:url(./../img/common/story__people04.png) no-repeat center/100% auto; }
.section__content .story-form__block + .story-form__block { margin-left:56px; }
.section__content .search-form { position:relative;width:648px;margin:130px auto 0; }
.section__content .search-form__input { width:100%;height:64px;padding:20px 76px 20px 24px;border:2px solid #00C9B9;border-radius:8px;background-color:#fff;font-size:20px;font-weight:400;line-height:24px; }
.section__content .search-form__input::-moz-placeholder { color:#9FA9AB; }
.section__content .search-form__input:-ms-input-placeholder { color:#9FA9AB; }
.section__content .search-form__input::placeholder { color:#9FA9AB; }
.section__content .search-form__input:focus { outline:none; }
.section__content .search-form__btn { position:absolute;top:0;right:0;width:76px;height:64px;background:url(./../img/common/icon__search.svg) no-repeat center/28px;white-space:nowrap;text-indent:100%;overflow:hidden;cursor:pointer; }
.section__content .search-form__bubble { position:absolute;top:-49px;right:0;height:44px;padding:10px 16px;border-radius:22px;background-color:#000;color:#fff;font-size:18px;font-weight:400;line-height:24px;font-weight:700; }
.section__content .search-form__bubble:before { content:'';position:absolute;top:34px;right:29px;width:22px;height:25px;background:url(./../img/common/search-form__bubble-arrow.png) no-repeat 0 0 / 100% 100%; }
.section__content .search-form__desc { display:block;position:relative;margin-top:12px;padding-left:11px;color:#9FA9AB;font-size:14px;font-weight:400;line-height:20px;text-align:left; }
.section__content .search-form__desc::before { content:'';position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:#9FA9AB; }
.section__content .search-form__message { position:absolute;width:100%;margin:24px 0 0;padding:16px 8px 24px 24px;border-radius:8px;background-color:#EBF9FA; }
.section__content .search-form__result-list { max-height:240px;overflow-y:scroll;margin:0 0 16px 0;font-size:20px;line-height:48px;text-align:left; }
.section__content .search-form__result-list > ul > li { height:48px;overflow:hidden; }
.section__content .search-form__txt { display:block;width:calc(100% - 16px);padding:24px 0;border-radius:8px;background-color:#D3F4F4;color:#00C9B9; }
.section__content .search-form__txt > p { font-size:24px;font-weight:700;line-height:32px; }
.section__content .search-form__txt > span { display:block;margin-top:8px;font-size:18px;font-weight:400;line-height:24px; }
.section__content .search-form__yet { position:absolute;width:100%;margin:24px 0 0;padding:56px;border-radius:8px;background-color:#EEEEEE; }
.section__content .search-form__yet b { display:block;color:#9FA9AB;font-size:24px;font-weight:700;line-height:32px; }
.section__content .search-form__yet b > .color_font { color:#282F32; }
.section__content .search-form__yet b > .color_font.normal { font-weight:normal; }
.section__content .search-form__yet b > .color_font.-line { display:block; }
.section__content .search-form__yet b > .color_font.-line + .color_font.-line { margin-top:12px; }
.section__content .search-form__yet p { margin:24px 0 0;font-size:18px;font-weight:400;line-height:24px;line-height:24px; }
.section__content .search-form__yet p > span { font-weight:700; }
.section__content .search-form__yet p.-beforehand { margin:8px 0 0; }
.section__content .search-form__yet p.-beforehand > span { font-weight:400;text-decoration:underline; }
.section__content .search-form__yet a { display:inline-block;margin:8px 0 0;padding:14px 40px;font-size:18px;font-weight:700;line-height:24px;border-radius:30px;background-color:#FFE83C; }
.section__content .search-form__yet a.-beforehand { margin:24px 0 0;padding:14px 32px 14px 48px;background-color:#00C9B9;color:#fff; }
.section__content .search-form__yet a.-beforehand > .icon { margin-left:4px;vertical-align:top; }
.section__content .faq { display:flex;flex-direction:column;gap:12px 0;width:960px;margin:80px auto 0; }
.section__content .faq__item { border-radius:12px;background-color:#fff; }
.section__content .faq__toggle { display:block;position:relative;width:100%;padding:28px 80px 28px 93px;font-weight:700;font-size:24px;line-height:32px;text-align:left;cursor:pointer; }
.section__content .faq__toggle:before { content:'Q';display:flex;justify-content:center;align-items:center;position:absolute;top:25px;left:32px;width:38px;height:38px;border-radius:50%;background-color:#282F32;color:#FFF;font-weight:700;font-size:20px;line-height:1;transition:background-color 0.2s ease, color 0.2s ease; }
.section__content .faq__toggle:after { content:'';position:absolute;top:28px;right:24px;width:32px;height:32px;mask:url(./../img/common/faq__arrow.png) no-repeat 0 0 / 100% 100%;background-color:#9FA9AB;transition:background-color 0.2s ease; }
.section__content .faq__answer { position:relative;padding:28px 32px 28px 93px;border-top:1px solid #F1F3F3;text-align:left; }
.section__content .faq__answer:before { content:'A';display:flex;justify-content:center;align-items:center;position:absolute;top:25px;left:32px;width:38px;height:38px;border-radius:50%;background-color:#F5F5F5;color:#0CEFD3;font-weight:700;font-size:20px;line-height:1; }
.section__content .faq__answer p { font-size:18px;line-height:24px; }
.section__content .faq__answer p + p { margin-top:16px; }
.section__content .faq__answer p a { color:#00C9B9;font-weight:700; }
.section__content .faq__answer p a:after { content:'';display:inline-block;width:16px;height:16px;margin-left:2px;background:url(./../img/common/faq_link_arrow.png) no-repeat 0 0 / 100% 100%;vertical-align:-2px; }
.section__content .faq__item--active .faq__toggle:after { background-color:#282F32;transform:rotate(180deg); }
.outro { display:flex;align-items:center;width:100%;height:560px;background:url(./../img/common/outro__bg.png) no-repeat center/cover; }
.outro__title { width:1440px;margin-right:auto;margin-left:auto; }
.outro__tit { color:#fff;font-size:64px;font-weight:700;line-height:80px; }
.outro__qr { position:relative;width:168px;height:168px;margin-top:40px;border-radius:16px;background-color:#fff; }
.outro__qr-code { position:absolute;top:28px;left:28px;width:112px;height:112px; }
.outro__qr-code > canvas { width:100%;height:100%; }
footer { position:relative; }
footer .footer__inner { display:flex;align-items:center;padding:0 80px;height:72px; }
footer .footer__tit strong { margin-right:80px;font-size:16px;font-weight:700;line-height:24px; }
footer .footer__tit a { position:relative;font-size:16px;font-weight:400;line-height:24px; }
footer .footer__tit a.link01 { font-weight:700; }
footer .footer__tit a + a { margin-left:25px; }
footer .footer__tit a + a::before { content:'';position:absolute;top:1px;left:-13px;width:1px;height:17px;background-color:#D9D9D9; }
footer .footer__info { display:flex;margin-left:auto; }
footer .footer__info li { position:relative;font-size:14px;font-weight:400;line-height:24px; }
footer .footer__info li + li { margin-left:25px; }
footer .footer__info li + li::before { content:'';position:absolute;top:4px;left:-13px;width:1px;height:17px;background-color:#D9D9D9; }
footer .footer__bottom { position:absolute;bottom:0;width:1px;height:1px;background-color:#fff; }
.cta { position:fixed;left:50%;transform:translateX(-50%);bottom:46px;display:inline-block;min-width:320px;padding:19px 50px;color:#282F32;font-size:24px;font-weight:700;line-height:32px;border-radius:38px;background-color:#0CEFD3;box-shadow:0 0 24px 0 rgba(0, 0, 0, 0.35);opacity:0;cursor:pointer;transition:vsibility 4s, opacity .4s ease;z-index:999; }
.cta.visible { visibility:visible;opacity:1; }
.modal { display:flex;justify-content:center;align-items:center;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000; }
.modal .dim { position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:rgba(0, 0, 0, 0);transition:all 0.4s ease; }
.modal.visible { visibility:visible; }
.modal.visible .dim { background-color:rgba(0, 0, 0, 0.4); }
.modal.visible .modal__conts { opacity:1;transform:translateY(-5px); }
.modal__conts { overflow:hidden;z-index:1000;opacity:0;width:100%;max-width:406px;transform:translateY(20px);transition:all 0.4s ease; }
.modal__conts-inner { position:relative;padding-top:48px; }
.modal__qr { position:absolute;width:146px;height:146px;top:346px;left:129px; }
.modal__qr > canvas { width:100%!important;height:100%!important; }
.modal__close-btn { position:absolute;top:0;right:0;width:40px;height:40px;background:url(./../img/common/common__popup-close.png) no-repeat 0 0 / 100% 100%;white-space:nowrap;text-indent:100%;overflow:hidden;cursor:pointer; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }