@charset "UTF-8";
/* 폰트 */
/* 프리텐다드 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
/*!
 * Neoreve CSS Reset
 * --------------------------------------------------
 * Description : Global CSS reset & base normalization
 * Last Updated: 2025-11-25
 * Version     : 1.0.1
 * Author      : Neoreve
 * --------------------------------------------------
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li, a,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: middle; background: transparent; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; max-height: 99999px; }
html { font-size: calc(0.0052083333 * 100vw); }
body { color: #000; font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; font-weight: 400; font-size: 1rem; line-height: 1; word-break: keep-all; }
*:before, *:after { -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, a { display: block; }
span, strong, em { vertical-align: baseline; color: inherit; font: inherit; letter-spacing: inherit; }
em, address { font-style: normal; }
mark { color: inherit; }
img { width: 100%; display: inline-block; vertical-align: middle; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true",sizingMethod="crop"); }
a { color: inherit; vertical-align: baseline; text-decoration: none; background: transparent; }
/* 키보드 포커스만 표시 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 2px solid #444; outline-offset: 2px; }
/* 마우스 포커스는 제거 */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) { outline: none; }
button { color: inherit; font: inherit; letter-spacing: inherit; padding: 0; border: none; border: 0; outline: none; outline: 0; background: none; -webkit-appearance: none; appearance: none; border-radius: 0; cursor: pointer; }
button:disabled { cursor: default; }
input:where([type=text], [type=password], [type=tel], [type=email], [type=number]), textarea { padding: 0; border: 0; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; letter-spacing: inherit; }
input:where([type=text], [type=password], [type=tel], [type=email], [type=number], textarea):where(:hover) { outline: 0; }
input:where([type=button], [type=submit], [type=reset], [type=image]) { cursor: pointer; }
textarea { resize: none; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
ol, ul { list-style: none; }
li { list-style: none; vertical-align: top; line-height: inherit; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset { border: 0; }
legend, caption, hr { position: absolute; left: -9999px; top: 0; visibility: hidden; overflow: hidden; line-height: 0.1%; font-size: 0.1%; width: 0.1%; height: 0.1%; }
.blind { overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; }
.dis_none { display: none !important; }
/* scrollbar */
html::-webkit-scrollbar { width: 10px; height: 10px; }
html::-webkit-scrollbar-thumb { background-color: #2A5EEC; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
html::-webkit-scrollbar-thumb:hover { background-color: #2A5EEC; }
html::-webkit-scrollbar-track { background-color: #fff; }
/* Common CSS */
html:has(.popup[data-show=y][backdrop]) { overflow: hidden; }
html:has(.popup[data-show=y][backdrop]) body { height: auto !important; padding-right: var(--scrollBarWidth); }
html:has(.popup[data-show=y][backdrop]) .wrap_fixed .sticky_set { right: calc(var(--scrollBarWidth) + 30px); }
.wrap { position: relative; width: 100%; min-width: 1280px; }
.dis_none { display: none !important; }
.bold { font-weight: 700; }
.wrap_fixed .logo_set { position: fixed; left: 50px; top: 50px; z-index: -1; opacity: 0; transition: opacity 0.3s ease, z-index 0s 0.3s ease; }
.wrap_fixed .logo_set .logo a { display: block; width: 160px; aspect-ratio: 160/60; height: auto; background-color: #fff; -webkit-mask: url("../images/logo@2x.png") no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.wrap_fixed .logo_set[data-logo=y], .wrap_fixed .logo_set[data-logo=wh], .wrap_fixed .logo_set[data-logo=bl] { z-index: 300; opacity: 1; transition: z-index 0s linear, opacity 0.3s ease; }
.wrap_fixed .logo_set[data-logo=wh] .logo a { background-color: #fff; }
.wrap_fixed .logo_set[data-logo=bl] .logo a { background-color: #2A5EEC; }
.wrap_fixed .sticky_set { position: fixed; right: 30px; bottom: 30px; z-index: 98; transition: transform 0.3s ease; pointer-events: none; }
.wrap_fixed .sticky_set .btn_sticky { display: none; position: relative; z-index: 1; background-color: #2A5EEC; border-radius: 100px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); transform: translateY(calc(101% + 30px)); transition: all 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt { color: #FFF; font-size: 27px; font-weight: 600; line-height: 130%; transition: color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt .col { color: #FFD157; font-weight: 900; transition: color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky.ver1 { width: 386px; height: 141px; background: #2A5EEC url("../images/sticky_img@2x.jpg?v=2") no-repeat left center; background-size: auto 100%; padding-left: 237px; }
.wrap_fixed .sticky_set .btn_sticky.ver1 .btn_txt { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.wrap_fixed .sticky_set .btn_sticky.ver2 { align-items: center; justify-content: space-between; width: 366px; height: 123px; padding: 0 20px 0 36px; }
.wrap_fixed .sticky_set .btn_sticky.ver2 .btn_txt { line-height: 150%; }
.wrap_fixed .sticky_set .btn_sticky.ver2 .btn_arr { position: relative; display: block; width: 89px; aspect-ratio: 5/5; background: #fff url('data:image/svg+xml,<svg width="51" height="30" viewBox="0 0 51 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44.8525 13.5938C43.2781 12.4738 41.9033 11.3409 40.6475 10.0918C38.2999 7.75692 36.4186 5.08541 34.3789 1.50488L37.0352 0C38.9982 3.44605 40.7217 5.86579 42.8047 7.9375C44.8914 10.0128 47.3982 11.7989 51 13.9131L50.8809 16.6006C48.9566 17.5113 45.9086 19.313 43.1348 21.707C40.3342 24.1242 37.9912 26.9919 37.1826 30L34.2314 29.2119C35.2731 25.3365 38.1559 21.9763 41.1348 19.4053C42.3286 18.3749 43.5674 17.4478 44.7607 16.6396L1.33141e-07 16.6397L0 13.5938L44.8525 13.5938Z" fill="%23111111"/></svg>') no-repeat center center; background-size: auto 34%; border-radius: 100%; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15) inset; }
.wrap_fixed .sticky_set .btn_sticky:hover { background-color: #fff; }
.wrap_fixed .sticky_set .btn_sticky:hover .btn_txt { color: #2A5EEC; }
.wrap_fixed .sticky_set .btn_sticky:hover .btn_txt .col { color: #2A5EEC; }
.wrap_fixed .sticky_set[data-sticky=y] .btn_sticky { transform: translateY(0); }
.wrap_fixed .sticky_set[data-ver="1"] .ver1 { display: block; pointer-events: auto; }
.wrap_fixed .sticky_set[data-ver="2"] .ver2 { display: flex; pointer-events: auto; }
.section_visual { height: 937px; position: relative; overflow: hidden; background: url("../images/main_bg@1.5x.jpg?v=2") no-repeat center top; background-size: cover; }
.section_visual .float_txt { position: absolute; right: 50px; top: 50px; z-index: 2; color: #FFF; font-size: 23px; font-weight: 600; line-height: 27px; letter-spacing: -0.01em; text-align: right; }
.section_visual .tit_set { position: absolute; left: calc(50% - 604px); top: calc(50% - 172px); z-index: 1; }
.section_visual .tit_set .sec_tit { display: block; width: 513px; aspect-ratio: 513/230; height: auto; background: url("../images/main_title@1.5x.png") no-repeat center center; background-size: contain; margin: 0 0 47px; }
.section_visual .tit_set .s_tit { color: #FFF; font-size: 27px; font-weight: 600; line-height: 32px; letter-spacing: -0.01em; }
.section_liner { position: relative; overflow: hidden; background: #BDDEFF; }
.section_liner::before { content: ""; position: absolute; left: 0; bottom: calc(100% - 60px); z-index: 0; width: 100%; height: 997px; background: url("../images/main_bg_bottom@1.5x.jpg?v=2") no-repeat center center; background-size: cover; }
.section_liner > div { position: relative; z-index: 1; width: 100%; max-width: 1810px; margin: 0 auto; background: #fff url("../images/sec01_bg@1.5x.jpg") no-repeat center top; background-size: 1810px auto; border-radius: 20px 20px 0 0; }
.section_liner .section_svg { position: absolute; left: calc(50% - 587px); top: 0; z-index: 0; width: 1236px; height: 100%; pointer-events: none; }
.section_liner .section_svg svg { position: absolute; top: -8px; left: 0; width: 1236px; height: 4645px; }
.section_liner .section_svg #svg_line01 { top: 0; }
.section_liner .section_svg #svg_line01_2 { top: 586px; left: calc(50% - 936px); width: 1810px; height: 158px; }
.section_liner .section_svg span { color: #7E9EF5; font-size: 38px; font-weight: 900; line-height: 120%; transform-origin: center; }
.section_liner .section_svg .txt01 { position: absolute; top: 1102px; left: calc(50% - 379px); color: #7E9EF5; transform: rotate(90deg); }
.section_liner .section_svg .txt02 { position: absolute; top: 2500px; left: 350px; color: #FFD157; transform: rotate(-12.39deg); }
.section_liner .section_svg .txt03 { position: absolute; top: 4092px; left: 331px; color: #FFD157; transform: rotate(-29.45deg); }
.section_liner .in { display: flex; justify-content: center; }
.section_liner .tit_set { white-space: nowrap; }
.section_liner .tit_set .sec_tit { color: #000; font-size: 50px; font-weight: 900; line-height: 130%; letter-spacing: -0.01em; }
.section_liner .tit_set .sec_tit .col { color: #2A5EEC; }
.section_liner .tit_set .s_txt { color: #000; font-size: 24px; font-weight: 500; line-height: 140%; letter-spacing: -0.01em; margin: 30px 0; }
.section_liner .tit_set .s_txt .bold { font-weight: 800; }
.section_liner .tit_set .from { color: #919191; font-size: 20px; font-weight: 600; line-height: 120%; }
.section_liner .image { flex-shrink: 0; position: relative; display: block; background: no-repeat center center; background-size: cover; border-radius: 100%; }
.section_liner .image02 { width: 614px; aspect-ratio: 614/602; background-image: url("../images/sec02_img@1.5x.jpg"); }
.section_liner .image03 { width: 586px; aspect-ratio: 586/574; background-image: url("../images/sec03_img@1.5x.jpg"); }
.section_liner .image04 { width: 688px; aspect-ratio: 688/674; background-image: url("../images/sec04_img@1.5x.jpg"); }
.section_liner .tit_set { opacity: 0; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease; will-change: opacity, transform; }
.section_liner .image { opacity: 0; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease; will-change: opacity, transform; }
.section_liner section[data-show=y] .tit_set { opacity: 1; transform: translate(0, 0); }
.section_liner section[data-show=y] .image { opacity: 1; transform: translate(0, 0); }
.section01 { margin: 0 0 720px; padding: 256px 0 0; }
.section01 .in { gap: 194px; padding: 0 0 0 15px; }
.section01 .video_set { position: relative; width: 404px; }
.section01 .video_set .video { position: relative; width: 100%; aspect-ratio: 9/16; }
.section01 .video_set .video iframe { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-position: center center; object-fit: cover; }
.section01 .video_set .btn_sound { position: absolute; right: 10px; top: 50px; z-index: 10; width: 50px; aspect-ratio: 5/5; border: none; outline: 0; border-radius: 0; }
.section01 .video_set .btn_sound::after { content: ""; position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; background: url("../images/sound_sprites@2x.png") no-repeat left center; background-size: auto 100%; pointer-events: none; }
.section01 .video_set .btn_sound.mute::after { background-position: right center; }
.section01 .tit_set { margin: 177px 0 0; }
.section01 .tit_set .s_txt { margin: 62px 0 24px; }
.section02 .in { gap: 118px; margin: 0 7px 0 -7px; }
.section02 .tit_set { margin: 82px 0 0; }
.section03 { margin: 290px 0 127px; }
.section03 .in { gap: 129px; margin: 0 0 0 -42px; }
.section03 .tit_set { margin: 68px 0 0; }
.section04 { padding: 0 0 663px; }
.section04 .in { gap: 87px; margin: 0 0 0 60px; }
.section04 .tit_set { margin: 148px 0 0; }
.section05 { position: relative; overflow: hidden; background: #2A5EEC url("../images/sec05_bg@1.5x.jpg") no-repeat center top; background-size: 3100px auto; }
.section05 .in { padding: 211px 0 141px; }
.section05 .tit_set .sec_tit { color: #FFF; font-size: 50px; font-weight: 900; line-height: 130%; letter-spacing: -0.01em; text-align: center; margin: 0 0 29px; }
.section05 .tit_set .sec_tit .deco { position: relative; }
.section05 .tit_set .sec_tit .deco::after { content: ""; position: absolute; right: -12px; top: -12px; z-index: 1; display: block; width: 16px; aspect-ratio: 5/5; height: auto; background-color: #fff; -webkit-mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.84083 16L6.2699 11.0417L2.15917 13.9028L0 10.0972L4.48443 8L0 5.90278L2.15917 2.09722L6.2699 4.95833L5.84083 0H10.173L9.74394 4.95833L13.8408 2.09722L16 5.90278L11.5156 8L16 10.0972L13.8408 13.9028L9.74394 11.0417L10.173 16H5.84083Z" fill="white"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.section05 .tit_set .sec_tit .col { color: #FFD157; }
.section05 .tit_set .s_txt { color: #FFF; font-size: 24px; font-weight: 500; line-height: 140%; letter-spacing: -0.01em; text-align: center; }
.section05 .card_set { display: flex; justify-content: center; gap: 20px; width: 100%; margin: 37px 0 39px; }
.section05 .card_set[data-loading=y] { pointer-events: none; }
.section05 .card_set[data-loading=y] .item::after { opacity: 1; }
.section05 .card_set .item { position: relative; display: flex; flex-direction: column; width: 346px; background: #11265E; border-radius: 10px; overflow: hidden; }
.section05 .card_set .item::after { content: ""; position: absolute; inset: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(5.5px); pointer-events: none; transition: opacity 0.3s ease; }
.section05 .card_set .item .img_set { position: relative; display: block; width: 100%; height: 334px; }
.section05 .card_set .item .img_set img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.section05 .card_set .item .txt_set { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; padding: 15px 0 20px 22px; }
.section05 .card_set .item .txt_set .c_tit { color: #FFF; font-size: 20px; font-weight: 800; line-height: 130%; letter-spacing: -0.01em; margin: 0 165px 15px 0; }
.section05 .card_set .item .txt_set .c_txt { color: #FFF; font-size: 15px; font-weight: 500; line-height: 130%; letter-spacing: -0.01em; }
.section05 .card_set .item .txt_set .btn { position: absolute; right: 23px; top: -68px; z-index: 1; width: 136px; aspect-ratio: 5/5; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #2A5EEC; font-size: 24px; font-weight: 800; line-height: 120%; text-align: center; background: #fff; border-radius: 100%; transition: all 0.3s ease; }
.section05 .card_set .item .txt_set .btn:hover { color: #fff; background: #2A5EEC; }
.section05 .c_desc { color: #FFF; font-size: 18px; font-weight: 500; line-height: 120%; text-align: center; opacity: 0.5; }
.section05 .btn_set { text-align: center; margin: 64px 0 0; }
.section05 .btn_set .btn_refresh { display: inline-flex; align-items: center; justify-content: center; gap: 11px; background: #FFD157; border-radius: 5px; border: 3px solid #FFF; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25); padding: 18px 39px; transition: all 0.3s ease; }
.section05 .btn_set .btn_refresh:hover { background: #fff; border-color: #FFD157; }
.section05 .btn_set .btn_refresh .btn_arr { display: block; width: 22px; aspect-ratio: 5/5; height: auto; background-color: #11265E; -webkit-mask: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.8906 0C14.1495 0.000160202 17.0719 1.44685 19.0664 3.73535V1.82715C19.0664 1.0092 19.7235 0.346082 20.5332 0.345703C21.3432 0.345703 22 1.00896 22 1.82715V7.35742C21.9998 8.17547 21.3431 8.83887 20.5332 8.83887H15.0586C14.2487 8.83887 13.592 8.17547 13.5918 7.35742C13.592 6.53941 14.2487 5.87598 15.0586 5.87598H17.0195C15.559 4.0954 13.3552 2.96306 10.8906 2.96289C6.49623 2.96289 2.93359 6.5613 2.93359 11C2.93365 15.4387 6.49626 19.0371 10.8906 19.0371C14.6509 19.0369 17.8049 16.3998 18.6338 12.8555C18.8201 12.0595 19.6103 11.566 20.3984 11.7539C21.1864 11.9419 21.6749 12.7402 21.4893 13.5361C20.3547 18.3873 16.0418 21.9997 10.8906 22C4.87624 22 5.9068e-05 17.0751 0 11C0 4.92493 4.8762 0 10.8906 0Z" fill="%2311265E"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; transform-origin: center center; transform: rotate(0deg); }
.section05 .btn_set .btn_refresh .btn_arr[data-rotate=y] { transform: rotate(360deg); transition: transform 0.6s ease; }
.section05 .btn_set .btn_refresh .btn_txt { color: #11265E; font-size: 24px; font-weight: 800; line-height: 120%; text-align: center; }
.section06 { position: relative; overflow: hidden; background: #fff url("../images/sec06_bg@1.5x.jpg") no-repeat center center; background-size: cover; }
.section06 .in { padding: 113px 0; }
.section06 .tit_set { text-align: center; margin: 0 0 58px; }
.section06 .tit_set .col { color: #2A5EEC; }
.section06 .tit_set .sec_tit { color: #111; font-size: 50px; font-weight: 900; line-height: 130%; letter-spacing: -0.01em; }
.section06 .tit_set .s_txt { color: #111; font-size: 24px; font-weight: 500; line-height: 130%; letter-spacing: -0.01em; margin: 32px 0 14px; }
.section06 .tit_set .s_txt .col { font-weight: 800; }
.section06 .tit_set .desc { color: #919191; font-size: 18px; font-weight: 500; line-height: 130%; letter-spacing: -0.01em; }
.section06 .slide_set { position: relative; display: block; width: 100%; height: 400px; }
.section06 .slide_set .slide_container { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 400px; overflow: visible; }
.section06 .slide_set .slide_track { position: absolute; left: 50%; top: 0; height: 100%; transition: transform 0.5s ease-out; }
.section06 .slide_set .slide { position: absolute; top: 0; width: 346px; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 10px; font-size: 26px; font-weight: 500; color: rgba(0, 0, 0, 0.92); user-select: none; opacity: 0.5; transform-origin: left center; transition: all 0.4s ease; cursor: pointer; }
.section06 .slide_set .slide.no-transition { transition: none !important; }
.section06 .slide_set .slide.expand-left { transform-origin: right center; }
.section06 .slide_set .slide.expand-right { transform-origin: left center; }
.section06 .slide_set .slide.active { width: 692px; opacity: 1; }
.section06 .slide_set .slide.ss1 { background-image: url("../images/sec06_slide01.jpg"); background-position: center center; }
.section06 .slide_set .slide.ss2 { background-image: url("../images/sec06_slide02.jpg"); background-position: center center; }
.section06 .slide_set .slide.ss3 { background-image: url("../images/sec06_slide03.jpg"); background-position: center top 34%; }
.section06 .slide_set .slide.ss4 { background-image: url("../images/sec06_slide04.jpg"); background-position: center top 40%; }
.section06 .slide_set .slide.ss5 { background-image: url("../images/sec06_slide05.jpg"); background-position: center center; /*background-size: auto 100%;*/ }
.section06 .slide_set .slide.ss6 { background-image: url("../images/sec06_slide06.jpg"); background-position: left 70% center; }
.section06 .slide_set .slide.ss7 { background-image: url("../images/sec06_slide07.jpg"); background-position: center center; }
.section06 .slide_set .nav-button { position: absolute; top: calc(50% - 17px); display: flex; align-items: center; justify-content: center; width: 51px; aspect-ratio: 5/5; background: #fff; border-radius: 100%; transition: all 0.3s ease; cursor: pointer; }
.section06 .slide_set .nav-button::after { content: ""; display: block; width: 57%; aspect-ratio: 29/17; height: auto; background-color: #111; -webkit-mask: url('data:image/svg+xml,<svg width="29" height="17" viewBox="0 0 29 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.49512 7.70508C4.39057 7.07047 5.17254 6.42859 5.88672 5.7207C7.22162 4.39752 8.29037 2.8826 9.4502 0.853515L7.94043 0.000975642C6.8242 1.95384 5.84361 3.32401 4.65918 4.49805C3.47266 5.67414 2.04789 6.68671 3.98525e-07 7.88476L0.0673831 9.40918C1.16154 9.92527 2.89445 10.9461 4.47168 12.3027C6.06409 13.6725 7.39761 15.2973 7.85742 17.002L9.53516 16.5547C8.94273 14.3588 7.30301 12.4549 5.60938 10.998C4.93022 10.4139 4.22498 9.88828 3.5459 9.43066L29 9.43066L29 7.70508L3.49512 7.70508Z" fill="%23111111"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.section06 .slide_set .nav-button.prev { right: calc(50% + 327px); }
.section06 .slide_set .nav-button.next { left: calc(50% + 327px); }
.section06 .slide_set .nav-button.next::after { transform: rotateY(180deg); }
.section06 .image { display: block; width: 810px; aspect-ratio: 810/668; height: auto; background: url("../images/sec06_img@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 30px; }
.section06 .desc { color: #919191; font-size: 18px; font-weight: 500; line-height: 130%; letter-spacing: -0.01em; text-align: center; }
.section06 .image { opacity: 0; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease; will-change: opacity, transform; }
.section06[data-show=y] .image { opacity: 1; transform: translate(0, 0); }
.section_tab { position: relative; overflow: hidden; background: #fff; }
.section_tab .in { padding: 140px 0 200px; }
.section_tab .sec_tit { color: #11265E; font-size: 50px; font-weight: 900; line-height: 60px; text-align: center; margin: 0 0 70px; }
.section_tab .tab_list { width: 100%; max-width: 1120px; margin: 0 auto; }
.section_tab .tab_list ul { display: flex; flex-direction: column; gap: 20px; }
.section_tab .tab_list .head button { position: relative; display: flex; align-items: center; width: 100%; background: rgba(170, 191, 247, 0.5); border-radius: 10px; padding: 27px 30px; color: #000; font-size: 24px; font-weight: 600; line-height: 140%; letter-spacing: -0.02em; text-align: left; }
.section_tab .tab_list .head button::before { content: "Q"; flex-shrink: 0; margin-right: 5px; }
.section_tab .tab_list .head button::after { content: ""; flex-shrink: 0; margin-left: auto; display: block; width: 22px; aspect-ratio: 22/30; height: auto; background-color: #111; -webkit-mask: url('data:image/svg+xml,<svg width="22" height="30" viewBox="0 0 22 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.430874 12.2035C-0.143594 11.6211 -0.143655 10.6771 0.430874 10.0948L9.95925 0.436879C10.2352 0.157321 10.6104 2.86098e-06 11.0005 0C11.3905 0.000175836 11.765 0.15738 12.0408 0.436879L21.5692 10.0948C22.1436 10.6771 22.1436 11.6212 21.5692 12.2035C20.9946 12.7858 20.0632 12.7857 19.4886 12.2035L12.4709 5.09304L12.4709 28.5088C12.4709 29.3324 11.8122 30 10.9995 30C10.1871 29.9999 9.52819 29.3323 9.52819 28.5088L9.52819 5.09304L2.51146 12.2035C1.93688 12.7858 1.00547 12.7858 0.430874 12.2035Z" fill="%23111111"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; transform: rotate(180deg); transition: transform 0.3s ease; }
.section_tab .tab_list .body { position: relative; max-height: 0; overflow: hidden; transition: all 0.3s ease; }
.section_tab .tab_list .body .inner { background: #F7F7F7; border-radius: 10px; padding: 35px 30px; margin-top: 10px; color: #111; font-size: 20px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; }
.section_tab .tab_list .body .inner a { display: inline; }
.section_tab .tab_list .body .inner .bold { font-weight: 600; }
.section_tab .tab_list .body .inner .link { text-decoration-line: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.section_tab .tab_list .head.show button::after { transform: rotate(0deg); }
.section_tab .tab_list .head.show + .body { max-height: var(--max-height); }
.footer { background: #464646; }
.footer .in { display: flex; justify-content: center; align-items: center; gap: 150px; padding: 64px 0 122px; }
.footer .f_logo { display: block; width: 300px; aspect-ratio: 300/112; height: auto; background: url("../images/f_logo@1.5x.png") no-repeat center center; background-size: contain; }
.footer .address { color: #BEBEBE; font-size: 20px; font-weight: 400; line-height: 130%; letter-spacing: -0.03em; margin-top: 3px; }
.footer .address a { display: inline; }
.footer .address em { display: block; font-size: 25px; font-weight: 800; letter-spacing: -0.05em; }
.footer .address .txt { display: block; margin: 30px 0 40px; }
.popup { display: none; position: fixed; inset: 0; z-index: -1; opacity: 0; flex-wrap: wrap; align-items: center; justify-content: center; transition: opacity 0.3s ease, z-index 0s 0.3s linear; }
.popup[data-block=y] { display: flex; }
.popup[data-show=y] { z-index: 99; opacity: 1; transition: opacity 0.3s ease, z-index 0s linear; }
.popup .popup_dimmed { position: fixed; inset: 0; z-index: 0; background: rgba(0, 0, 0, 0.3); overscroll-behavior: contain; touch-action: none; }
.popup .popup_wrap { position: relative; z-index: 1; }
.popup .popup_inner { position: relative; display: block; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; }
.popup .btn_pop_close { position: absolute; right: 0; top: 0; z-index: 5; width: 80px; aspect-ratio: 5/5; }
.popup .btn_pop_close::after { content: ""; display: block; width: 100%; height: 100%; background-color: #1C1C1C; -webkit-mask: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.127 0.492927C20.7843 -0.164308 21.85 -0.164309 22.5072 0.492927C23.1639 1.1501 23.164 2.21499 22.5072 2.87211L13.8787 11.4996L22.5072 20.127C23.1642 20.7843 23.1643 21.85 22.5072 22.5072C21.85 23.1643 20.7843 23.1642 20.127 22.5072L11.4996 13.8787L2.87211 22.5072C2.21499 23.164 1.1501 23.1639 0.492927 22.5072C-0.164309 21.85 -0.164308 20.7843 0.492927 20.127L9.11941 11.4996L0.492927 2.87211C-0.164309 2.21487 -0.164309 1.15016 0.492927 0.492927C1.15016 -0.164309 2.21487 -0.164309 2.87211 0.492927L11.4996 9.11941L20.127 0.492927Z" fill="%231C1C1C"/></svg>') no-repeat center center; -webkit-mask-size: auto 23px; pointer-events: none; }
.popup.popup_loading .popup_inner { display: flex; align-items: center; justify-content: center; width: 145px; height: 145px; background: rgba(255, 255, 255, 0.4); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25); border-radius: 100%; overflow: visible; }
.popup.popup_loading .box_set { position: relative; display: flex; align-items: center; justify-content: center; width: 137px; height: 137px; background: #FFF url("../images/loading_heart.png") no-repeat center center; background-size: contain; border-radius: 100%; }
.popup.popup_loading .box_set svg { width: 64%; }
.popup.popup_img .image { background: no-repeat center center; background-size: cover; border-radius: 15px; }
.popup.popup_img[data-num="1"] .image { width: 1003px; height: 630px; background-image: url("../images/sec06_img01.jpg"); }
.popup.popup_img[data-num="2"] .image { width: 1003px; height: 630px; background-image: url("../images/sec06_img02.jpg"); }
.popup.popup_img[data-num="3"] .image { width: 618px; height: 838px; background-image: url("../images/sec06_img03.jpg"); }
.popup.popup_img[data-num="4"] .btn_pop_close::after { background-color: #fff; }
.popup.popup_img[data-num="4"] .image { width: 618px; height: 838px; background-image: url("../images/sec06_img04.jpg"); }
.popup.popup_img[data-num="5"] .image { width: 618px; height: 686px; background-image: url("../images/sec06_img05.jpg"); }
.popup.popup_img[data-num="6"] .image { width: 1003px; height: 630px; background-image: url("../images/sec06_img06.jpg"); }
.popup.popup_img[data-num="7"] .btn_pop_close::after { background-color: #fff; }
.popup.popup_img[data-num="7"] .image { width: 618px; height: 790px; background-image: url("../images/sec06_img07.jpg"); }
@media all and (max-width: 1280px){
	html:has(.popup[data-show=y][backdrop]) .wrap_fixed .sticky_set { bottom: calc(var(--scrollBarWidth) + 30px); } }