/**
Last Updated:2025-11-25
Author:Neoreve
*/
/* default */
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; /*Chrome, Safari, newer versions of Opera*/ -moz-text-size-adjust: none; /*Firefox*/ -ms-text-size-adjust: none; /*Ie*/ -o-text-size-adjust: none; /*old versions of Opera*/ max-height: 99999px; /* disable font boosting on mobile browsers */ }
html { font-size: 10px; }
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; }
/* block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, a { display: block; }
/* inline */
span, strong, em { vertical-align: baseline; color: inherit; font: inherit; letter-spacing: inherit; }
em, address { font-style: normal; }
mark { color: inherit; }
/* img */
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"); }
/* anchor */
a { color: inherit; vertical-align: baseline; text-decoration: none; background: transparent; }
a:where(:active, :focus, :hover) { text-decoration: none; outline: none; }
/* button */
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; }
/* input */
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 */
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* list-style */
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 */
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; }
/* mixin */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; }
[dir=rtl] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.wrap { position: relative; width: 100%; min-width: 1280px; overflow: hidden; }
.dis_none { display: none !important; }
.bold { font-weight: 700; }
.txt_bg { position: relative; z-index: 0; display: inline-block; padding: 0 5px; }
.txt_bg::before { content: ""; position: absolute; left: 50%; bottom: 0; z-index: -1; transform: translateX(-50%); width: 100%; height: 25px; background: linear-gradient(90deg, #CEfff9 0%, #A3DDFF 100%); }
.section07 .btn_set .btn { display: flex; align-items: center; justify-content: center; gap: 20px; width: 454px; height: 114px; background: #fff; border: 1px solid #fff; border-radius: 15px; box-shadow: 0 0 12px 0 rgba(80, 154, 252, 0.5); transition: background 0.3s ease; }
.section07 .btn_set .btn .btn_txt { color: #0A88D5; font-family: "Paperlogy"; font-size: 36px; font-weight: 700; line-height: 150%; transition: color 0.3s ease; }
.section07 .btn_set .btn .btn_arr { display: block; width: 44px; aspect-ratio: 44/28; background-color: #0A88D5; -webkit-mask: url('data:image/svg+xml,<svg width="44" height="28" viewBox="0 0 44 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.3333 0C29.3333 1.484 30.6772 3.7 32.0375 5.56C33.7865 7.96 35.8765 10.054 38.2727 11.652C40.0693 12.85 42.2473 14 44 14M44 14C42.2473 14 40.0675 15.15 38.2727 16.348C35.8765 17.948 33.7865 20.042 32.0375 22.438C30.6772 24.3 29.3333 26.52 29.3333 28M44 14L0 14" stroke="%230A88D5" stroke-width="4"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.section07 .btn_set .btn:hover { background: #0A88D5; }
.section07 .btn_set .btn:hover .btn_txt { color: #fff; }
.section07 .btn_set .btn:hover .btn_arr { background-color: #fff; }
.section02 .btn_set .btn, .section_visual .btn_set .btn { display: flex; align-items: center; justify-content: center; gap: 20px; width: 380px; height: 105px; background: #fff; border: 1px solid #fff; border-radius: 15px; box-shadow: 0 0 12px 0 rgba(80, 154, 252, 0.5); transition: background 0.3s ease; }
.section02 .btn_set .btn .btn_txt, .section_visual .btn_set .btn .btn_txt { color: #0A88D5; font-family: "Paperlogy"; font-size: 30px; font-weight: 700; line-height: 150%; transition: color 0.3s ease; }
.section02 .btn_set .btn .btn_arr, .section_visual .btn_set .btn .btn_arr { display: block; width: 35px; aspect-ratio: 44/28; background-color: #0A88D5; -webkit-mask: url('data:image/svg+xml,<svg width="44" height="28" viewBox="0 0 44 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.3333 0C29.3333 1.484 30.6772 3.7 32.0375 5.56C33.7865 7.96 35.8765 10.054 38.2727 11.652C40.0693 12.85 42.2473 14 44 14M44 14C42.2473 14 40.0675 15.15 38.2727 16.348C35.8765 17.948 33.7865 20.042 32.0375 22.438C30.6772 24.3 29.3333 26.52 29.3333 28M44 14L0 14" stroke="%230A88D5" stroke-width="4"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.section02 .btn_set .btn:hover, .section_visual .btn_set .btn:hover { background: #0A88D5; }
.section02 .btn_set .btn:hover .btn_txt, .section_visual .btn_set .btn:hover .btn_txt { color: #fff; }
.section02 .btn_set .btn:hover .btn_arr, .section_visual .btn_set .btn:hover .btn_arr { background-color: #fff; }
.section_tab .tab_list .body .btn_set .btn { display: flex; align-items: center; justify-content: center; gap: 15px; width: 293px; height: 68px; background: #0779BE; border-radius: 15px; transition: background 0.3s ease; }
.section_tab .tab_list .body .btn_set .btn .btn_txt { color: #fff; font-family: "Paperlogy"; font-size: 24px; font-weight: 700; line-height: 150%; transition: color 0.3s ease; }
.section_tab .tab_list .body .btn_set .btn .btn_arr { display: block; width: 28px; aspect-ratio: 44/28; background-color: #fff; -webkit-mask: url('data:image/svg+xml,<svg width="44" height="28" viewBox="0 0 44 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.3333 0C29.3333 1.484 30.6772 3.7 32.0375 5.56C33.7865 7.96 35.8765 10.054 38.2727 11.652C40.0693 12.85 42.2473 14 44 14M44 14C42.2473 14 40.0675 15.15 38.2727 16.348C35.8765 17.948 33.7865 20.042 32.0375 22.438C30.6772 24.3 29.3333 26.52 29.3333 28M44 14L0 14" stroke="%230A88D5" stroke-width="4"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.slide_set .ctrl_set { display: flex; align-items: center; justify-content: center; gap: 20px; }
.slide_set .arrow_set { display: flex; align-items: center; justify-content: center; gap: 10px; }
.slide_set .arrow_set .line { display: block; width: 2px; height: 27px; background: #2C3033; border-radius: 10px; opacity: 0.4; }
.slide_set .slick-arrow { font-size: 0; flex-shrink: 0; width: 29px; aspect-ratio: 29/23; background-color: #2C3033; -webkit-mask: url('data:image/svg+xml,<svg width="29" height="23" viewBox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.31134e-07 13C0.367145 13 0.901429 13.1367 1.58398 13.4551C2.24595 13.7639 2.94079 14.1929 3.59766 14.6553L3.91406 14.8838C5.4852 16.0511 6.88608 17.5532 8.08496 19.2852L8.45898 19.8408C8.82498 20.4 9.16115 20.9665 9.42285 21.4971C9.79381 22.2491 9.92383 22.751 9.92383 23L12.9238 23C12.9238 22.0333 12.5306 21.0159 12.1133 20.1699C11.7838 19.502 11.38 18.8258 10.9658 18.1934L10.5508 17.5772C9.36037 15.8575 7.96525 14.2968 6.375 13L29 13V10L6.375 10C7.96506 8.70412 9.35954 7.14303 10.5498 5.4209L10.5508 5.42188C11.1024 4.62642 11.6738 3.72216 12.1133 2.83203C12.531 1.98591 12.9238 0.968143 12.9238 0L9.92383 1.31134e-07C9.92383 0.250848 9.79439 0.753217 9.42383 1.50391C9.07506 2.21043 8.59276 2.9797 8.08496 3.71191L8.08398 3.71484C6.80553 5.56482 5.29777 7.14973 3.59863 8.34473C2.94056 8.80746 2.24493 9.23605 1.58301 9.54492C0.900681 9.8633 0.367012 10 0 10L1.31134e-07 13Z" fill="%232C3033"/></svg>') no-repeat center center; -webkit-mask-size: contain; }
.slide_set .slick-next { transform: rotateY(-180deg); }
.slide_set .slick-dots { display: flex; align-items: center; justify-content: center; gap: 10px; }
.slide_set .slick-dots li { font-size: 0; }
.slide_set .slick-dots li button { font-size: 0; display: block; opacity: 0.4; width: 40px; height: 5px; background: #fff; border-radius: 10px; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; }
.slide_set .slick-dots li.slick-active button { opacity: 1; }
.wrap_fixed .logo_set { position: fixed; left: 50px; top: 40px; z-index: -1; opacity: 0; transition: opacity 0.3s ease, z-index 0s 0.3s linear; }
.wrap_fixed .logo_set .logo { display: block; width: 160px; aspect-ratio: 160/61; }
.wrap_fixed .logo_set .logo::before, .wrap_fixed .logo_set .logo::after { content: ""; position: absolute; inset: 0; opacity: 0; background: url("../images/main_logo_sprites@2x.png") no-repeat left center; background-size: auto 100%; transition: opacity 0.3s 0.1s ease; }
.wrap_fixed .logo_set .logo::before { z-index: 0; background-position: left center; }
.wrap_fixed .logo_set .logo::after { z-index: 1; background-position: right center; }
.wrap_fixed .logo_set[data-logo=y], .wrap_fixed .logo_set[data-logo=bl], .wrap_fixed .logo_set[data-logo=wh] { opacity: 1; z-index: 99; transition: opacity 0.3s ease, z-index 0s linear; }
.wrap_fixed .logo_set[data-logo=bl] .logo::before { opacity: 1; transition: opacity 0.3s ease; }
.wrap_fixed .logo_set[data-logo=wh] .logo::after { opacity: 1; transition: opacity 0.3s ease; }
.wrap_fixed .sticky_set { position: fixed; right: 20px; bottom: 20px; z-index: -1; opacity: 0; transition: opacity 0.3s ease, z-index 0s 0.3s linear; }
.wrap_fixed .sticky_set[data-sticky=y], .wrap_fixed .sticky_set[data-sticky=bl], .wrap_fixed .sticky_set[data-sticky=wh] { opacity: 1; z-index: 99; transition: opacity 0.3s ease, z-index 0s linear; }
.wrap_fixed .sticky_set .btn_sticky { position: relative; z-index: 0; width: 280px; height: 181px; background: #0A88D5 url("../images/btn_sticky_img@2x.png") no-repeat right bottom; background-size: contain; border-radius: 15px; padding: 20px 0 0 25px; transition: background-color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt { color: #fff; font-family: "Paperlogy"; font-size: 36px; font-weight: 700; line-height: 130%; transition: color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_arr { display: block; width: 44px; aspect-ratio: 44/28; background-color: #fff; -webkit-mask: url('data:image/svg+xml,<svg width="44" height="28" viewBox="0 0 44 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44 16C43.5226 16 42.834 16.1675 41.9609 16.5537C41.1132 16.9288 40.2237 17.4505 39.3828 18.0117C37.2092 19.4632 35.2841 21.3832 33.6533 23.6172L33.6523 23.6182C33.003 24.507 32.3905 25.4368 31.9492 26.2852C31.4746 27.1976 31.333 27.7638 31.333 28H27.333C27.333 26.7562 27.864 25.4725 28.4014 24.4395C28.9719 23.3427 29.7111 22.2317 30.4219 21.2588L30.7764 20.7822C32.1225 19.0108 33.6607 17.3912 35.3799 16L0 16L1.74846e-07 12L35.3789 12C33.5069 10.4856 31.8497 8.69886 30.4209 6.73828L30.4219 6.73731C29.7117 5.76614 28.9717 4.65811 28.4014 3.5625C27.8635 2.52921 27.333 1.24559 27.333 0L31.333 1.74845e-07C31.333 0.238409 31.4751 0.80511 31.9492 1.71582C32.3902 2.56293 33.002 3.49098 33.6514 4.37891L33.6543 4.38184C35.1829 6.47933 36.9696 8.29781 38.9775 9.71094L39.3828 9.98828C40.2251 10.5499 41.1144 11.0713 41.9619 11.4463C42.8348 11.8325 43.5227 12 44 12V16Z" fill="white"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; display: inline-block; margin-left: 11px; }
.wrap_fixed .sticky_set[data-sticky=bl] .btn_sticky, .wrap_fixed .sticky_set[data-sticky=wh] .btn_sticky:hover { background-color: #0A88D5; }
.wrap_fixed .sticky_set[data-sticky=bl] .btn_sticky .btn_txt, .wrap_fixed .sticky_set[data-sticky=wh] .btn_sticky:hover .btn_txt { color: #fff; }
.wrap_fixed .sticky_set[data-sticky=bl] .btn_sticky .btn_arr, .wrap_fixed .sticky_set[data-sticky=wh] .btn_sticky:hover .btn_arr { background-color: #fff; }
.wrap_fixed .sticky_set[data-sticky=bl] .btn_sticky:hover, .wrap_fixed .sticky_set[data-sticky=wh] .btn_sticky { background-color: #fff; }
.wrap_fixed .sticky_set[data-sticky=bl] .btn_sticky:hover .btn_txt, .wrap_fixed .sticky_set[data-sticky=wh] .btn_sticky .btn_txt { color: #0A88D5; }
.wrap_fixed .sticky_set[data-sticky=bl] .btn_sticky:hover .btn_arr, .wrap_fixed .sticky_set[data-sticky=wh] .btn_sticky .btn_arr { background-color: #0A88D5; }
.section_visual { height: 1008px; position: relative; z-index: 2; }
.section_visual .in { position: relative; z-index: 3; max-width: 1240px; margin: 0 auto; display: flex; align-items: center; height: 100%; padding: 0 0 22px; }
.section_visual .tit_set .s_tit { color: #0A88D5; font-family: "Paperlogy"; font-size: 38px; font-weight: 400; line-height: 150%; margin: 0 0 0 15px; }
.section_visual .tit_set .sec_tit { display: block; width: 610px; aspect-ratio: 610/150; background: url("../images/main_title@2x.png") no-repeat center center; background-size: contain; margin: 16px 0 76px; }
.section_visual .btn_set .btn { height: 95px; }
.section_visual .scroll_set { position: absolute; left: 50%; bottom: 240px; z-index: 3; transform: translateX(-50%); }
.section_visual .scroll_set .scroll { display: flex; align-items: center; gap: 7px; animation: scroll_ani 1.2s ease-in-out infinite; }
@keyframes scroll_ani {
	0% { transform: translateY(0); }
	50% { transform: translateY(10px); }
}
.section_visual .scroll_set .scr_txt { color: #2C3033; font-size: 20px; font-weight: 500; line-height: 150%; letter-spacing: -0.01em; }
.section_visual .scroll_set .scr_arr { flex-shrink: 0; display: block; width: 14px; aspect-ratio: 14/10; background-color: #2C3033; -webkit-mask: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.82556 9.58873C7.41449 10.1371 6.58551 10.1371 6.17444 9.58873L0.204448 1.62492C-0.299149 0.953137 0.185102 -7.31415e-08 1.03001 0L12.97 1.03362e-06C13.8149 1.10676e-06 14.2991 0.953137 13.7956 1.62492L7.82556 9.58873Z" fill="%232C3033"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; margin: 4px 0 0; }
.section_main_wrap { background: #EBFDFF url("../images/main_bg@1.5x.jpg") no-repeat center top; background-size: 3000px auto; }
.section_main_wrap .main_bg_set .bg_line { position: absolute; inset: 0; z-index: 0; width: 100%; height: 1160px; pointer-events: none; }
.section_main_wrap .main_bg_set .bg_line_top { z-index: 2; background: url("../images/main_bg_line_top@1.5x.png") no-repeat center top; background-size: auto 100%; }
.section_main_wrap .main_bg_set .bg_line_bottom { z-index: 0; background: url("../images/main_bg_line_bottom@1.5x.png") no-repeat center bottom; background-size: auto 100%; }
.section_main_wrap .main_bg_set .people { position: absolute; left: 50%; top: 76px; z-index: 1; display: block; width: 802px; aspect-ratio: 802/917; background: url("../images/main_people@1.5x.png") no-repeat center center; background-size: contain; }
.section_main_wrap .main_bg_set .scroll_line_set { position: absolute; left: calc(50% - 729px); top: 798px; z-index: 1; pointer-events: none; }
.section_main_wrap .main_bg_set .scroll_line_set .line { width: 1480px; aspect-ratio: 1480/2419; }
.section_main_wrap .main_bg_set .sec01_people1 { position: absolute; right: calc(50% + 126px); top: 1075px; width: 418px; background: url("../images/sec01_model01@1.5x.png") no-repeat; background-size: 100% auto; }
.section_main_wrap .main_bg_set .sec01_people1_top { z-index: 4; height: 482px; background-position: center top; }
.section_main_wrap .main_bg_set .sec01_people1_bottom { z-index: 0; height: 290px; top: 1555px; background-position: center bottom; }
.section_main_wrap .main_bg_set .sec01_people2 { position: absolute; left: calc(50% + 164px); top: 2035px; width: 440px; background: url("../images/sec01_model02@1.5x.png") no-repeat; background-size: 100% auto; }
.section_main_wrap .main_bg_set .sec01_people2_top { z-index: 4; height: 322px; background-position: center top; }
.section_main_wrap .main_bg_set .sec01_people2_bottom { z-index: 0; height: 346px; top: 2355px; background-position: center bottom; }
.section_main_wrap .main_bg_set .child_set { position: absolute; left: calc(50% - 3px); top: 398px; z-index: 1; display: flex; flex-direction: column; align-items: flex-end; }
.section_main_wrap .main_bg_set .child_set .img { display: block; width: 230px; aspect-ratio: 5/5; background: url("../images/sec01_child@1.5x.png") no-repeat center center; background-size: contain; }
.section_main_wrap .main_bg_set .child_set .img + div { margin: -13px -30px 0 0; }
.section_main_wrap .main_bg_set .child_set .name { position: relative; color: #0A88D5; font-size: 26px; font-weight: 700; line-height: 150%; letter-spacing: -0.03em; }
.section_main_wrap .main_bg_set .child_set .name::before { content: ""; position: absolute; right: calc(100% + 7px); top: 17px; z-index: 0; display: block; width: 6px; aspect-ratio: 5/5; background: #0A88D5; border-radius: 100%; }
.section_main_wrap .main_bg_set .child_set .txt { color: #0A88D5; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.03em; }
.main_bg_set .people { opacity: 0; transform: translateY(30px); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; }
.section_visual[data-show=y] + .main_bg_set .people { opacity: 1; transform: translate(0, 0); }
.section01 { height: 1993px; position: relative; z-index: 1; }
.section01 .txt_set { position: absolute; z-index: 2; }
.section01 .txt_set.set01 { left: calc(50% - 40px); top: 304px; }
.section01 .txt_set.set02 { right: calc(50% - 130px); top: 1161px; }
.section01 .txt_set::before { content: ""; display: block; width: 60px; aspect-ratio: 5/5; background: url('data:image/svg+xml,<svg width="44" height="35" viewBox="0 0 44 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28 35C25.8 35 24 33.2776 24 31.1721V24.3849C23.9766 24.2347 23.9639 24.0812 23.9639 23.9254V17.0901C23.9639 11.2847 26.1983 5.20517 31.0811 1.00111C32.6314 -0.333704 35.1449 -0.333704 36.6953 1.00111C38.2456 2.33593 38.2457 4.49968 36.6953 5.83449C33.9221 8.22218 32.2371 11.8796 31.9482 15.8593H40C42.1999 15.8594 43.9998 17.582 44 19.6873V31.1721C44 33.2775 42.2 35 40 35H28Z" fill="%232C3033"/><path d="M4 35C1.79998 35 0 33.2776 0 31.1721V19.6873C3.20889e-05 19.3374 0.0505538 18.9985 0.143555 18.6759V17.0901C0.143555 11.2846 2.37878 5.20517 7.26172 1.00111C8.81208 -0.333704 11.3256 -0.333704 12.876 1.00111C14.426 2.33588 14.426 4.49973 12.876 5.83449C10.1027 8.22219 8.41683 11.8796 8.12793 15.8593H16C18.1998 15.8595 19.9998 17.582 20 19.6873V31.1721C20 33.2775 18.1999 34.9999 16 35H4Z" fill="%232C3033"/></svg>') no-repeat center center; background-size: auto 58.33%; }
.section01 .txt_set .tit { display: flex; flex-direction: column; align-items: flex-start; color: #2C3033; font-family: "Paperlogy"; font-size: 60px; font-weight: 700; line-height: 140%; }
.section01 .txt_set .txt { color: #2C3033; font-size: 26px; font-weight: 400; line-height: 150%; letter-spacing: -0.03em; margin: 40px 0 60px 10px; }
.section01 .txt_set .name { display: flex; align-items: center; margin: 0 0 0 10px; }
.section01 .txt_set .name::before { content: ""; display: block; width: 8px; aspect-ratio: 5/5; background: #2C3033; border-radius: 100%; }
.section01 .txt_set .name span { margin: auto 0 2px; }
.section01 .txt_set .name span:nth-child(1) { color: #2C3033; font-size: 26px; font-weight: 700; line-height: 150%; letter-spacing: -0.03em; margin: 0 10px 0 8px; }
.section01 .txt_set .name span:nth-child(2) { color: #6D757B; font-size: 18px; font-weight: 400; line-height: 150%; letter-spacing: -0.03em; }
.section02 { position: relative; z-index: 1; overflow: hidden; background: #047CD1 url("../images/sec02_bg@1.5x.jpg") no-repeat center center; background-size: auto 100%; }
.section02 .in { padding: 80px 0; }
.section02 .tit_set { text-align: center; }
.section02 .tit_set .s_tit { color: #FFF; font-family: "Paperlogy"; font-size: 26px; font-weight: 500; line-height: 140%; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; margin: 0 0 5px; }
.section02 .tit_set .sec_tit { color: #FFF; font-family: "Paperlogy"; font-size: 46px; font-weight: 700; line-height: 140%; }
.section02 .tit_set .sec_tit .txt_bg::before { background: url("../images/sec02_tit_highlight@2x.png") no-repeat center center; background-size: cover; }
.section02 .goods_set { position: relative; margin: 87px 0 70px; }
.section02 .goods_set .tit { position: relative; color: #fff; font-family: "Paperlogy"; font-size: 30px; font-weight: 700; line-height: 130%; transition: color 0.3s ease; }
.section02 .goods_set .icon { position: absolute; right: calc(100% + 10px); top: 50%; z-index: 1; transform: translateY(-50%); width: 37px; aspect-ratio: 37/46; filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3)); transition: filter 0.3s ease; }
.section02 .goods_set .icon::before, .section02 .goods_set .icon::after { content: ""; position: absolute; inset: 0; background: url("../images/sec02_goods_icon_sprites@2x.png") no-repeat left top; background-size: auto 102px; transition: opacity 0.3s 0.1s ease; }
.section02 .goods_set .icon::before { z-index: 0; opacity: 1; }
.section02 .goods_set .icon::after { z-index: 1; opacity: 0; }
.section02 .goods_set .txt { color: #fff; font-size: 18px; font-weight: 400; line-height: 150%; letter-spacing: -0.03em; transition: color 0.3s ease; }
.section02 .goods_set .goods { position: relative; z-index: 1; display: block; width: 504px; aspect-ratio: 504/599; background: url("../images/sec02_goods@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto; }
.section02 .goods_set .goods_tit_set { position: absolute; z-index: 2; right: calc(50% + 109px); top: -27px; }
.section02 .goods_set .goods_tit_set .tit { font-size: 36px; margin: 0 0 10px; }
.section02 .goods_set .goods_tit_set .txt { display: flex; gap: 3px; color: #EAF6FF; font-size: 14px; }
.section02 .goods_set .goods_tit_set .txt::before { content: "*"; }
.section02 .goods_set .item { position: absolute; z-index: 2; display: flex; flex-direction: column; }
.section02 .goods_set .item > div { position: relative; }
.section02 .goods_set .item .tit,
.section02 .goods_set .item .txt { color: #1F9BE7; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
.section02 .goods_set .item .line_set { position: relative; display: block; width: 100%; height: 30px; }
.section02 .goods_set .item .line { position: absolute; top: 50%; z-index: 0; transform: translateY(-50%); display: block; width: 305px; height: 1px; background: #1F9BE7; transition: background 0.3s ease; }
.section02 .goods_set .item .line::before, .section02 .goods_set .item .line::after { content: ""; position: absolute; top: 50%; z-index: 0; width: 6px; aspect-ratio: 5/5; background: inherit; border-radius: 100%; }
.section02 .goods_set .item .line::before { left: 0; transform: translate(-50%, -50%); }
.section02 .goods_set .item .line::after { right: 0; transform: translate(50%, -50%); }
.section02 .goods_set .item .circle { position: absolute; left: 100%; top: 50%; z-index: -1; transform: translateY(-50%); width: 100px; aspect-ratio: 5/5; border: 1px solid #1F9BE7; border-radius: 100%; }
.section02 .goods_set .item.star { left: calc(50% + 360px); top: 0; }
.section02 .goods_set .item.star .line { right: 8px; width: 340px; }
.section02 .goods_set .item.star .circle { left: auto; right: 100%; }
.section02 .goods_set .item.star .icon::before { background-position: left top; }
.section02 .goods_set .item.star .icon::after { background-position: left bottom; }
.section02 .goods_set .item.chain { left: calc(50% - 583px); top: 255px; }
.section02 .goods_set .item.chain .line { left: 0; width: 307px; }
.section02 .goods_set .item.chain .icon::before { background-position: 50% top; }
.section02 .goods_set .item.chain .icon::after { background-position: 50% bottom; }
.section02 .goods_set .item.symbol { left: calc(50% + 303px); top: 360px; }
.section02 .goods_set .item.symbol .tit { margin: 0 0 10px; }
.section02 .goods_set .item.symbol .line { right: 93px; width: 453px; }
.section02 .goods_set .item.symbol .circle { left: auto; right: 100%; width: 120px; }
.section02 .goods_set .item.symbol .icon::before { background-position: right top; }
.section02 .goods_set .item.symbol .icon::after { background-position: right bottom; }
.section02 .goods_set .effect_set div { position: absolute; z-index: 0; opacity: 0; width: 100px; aspect-ratio: 5/5; mix-blend-mode: plus-lighter; filter: blur(35px); transition: opacity 0.3s ease; }
.section02 .goods_set .effect_set div::after { content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); width: 130%; aspect-ratio: 5/5; background: #063C67; border-radius: 100%; }
.section02 .goods_set .effect_set .star { left: calc(50% + 170px); top: calc(50% - 256px); }
.section02 .goods_set .effect_set .chain { right: calc(50% + 176px); top: calc(50% - 2px); }
.section02 .goods_set .effect_set .symbol { width: 120px; left: calc(50% - 61px); top: calc(50% + 184px); }
.section02 .btn_set .btn { margin: 0 auto; }
.section02[data-page="3"] .goods_set .item.symbol .eng, .section02[data-page="2"] .goods_set .item.chain .eng, .section02[data-page="1"] .goods_set .item.star .eng { background-color: #E85382; }
.section02[data-page="3"] .goods_set .item.symbol .tit, .section02[data-page="2"] .goods_set .item.chain .tit, .section02[data-page="1"] .goods_set .item.star .tit { color: #fff; }
.section02[data-page="3"] .goods_set .item.symbol .txt, .section02[data-page="2"] .goods_set .item.chain .txt, .section02[data-page="1"] .goods_set .item.star .txt { color: #fff; }
.section02[data-page="3"] .goods_set .item.symbol .line, .section02[data-page="2"] .goods_set .item.chain .line, .section02[data-page="1"] .goods_set .item.star .line { background: #fff; }
.section02[data-page="3"] .goods_set .item.symbol .line::before, .section02[data-page="2"] .goods_set .item.chain .line::before, .section02[data-page="1"] .goods_set .item.star .line::before { background: #fff; }
.section02[data-page="3"] .goods_set .item.symbol .line::after, .section02[data-page="2"] .goods_set .item.chain .line::after, .section02[data-page="1"] .goods_set .item.star .line::after { background: #fff; }
.section02[data-page="3"] .goods_set .item.symbol .circle, .section02[data-page="2"] .goods_set .item.chain .circle, .section02[data-page="1"] .goods_set .item.star .circle { border-color: #fff; }
.section02[data-page="3"] .goods_set .item.symbol .circle::before, .section02[data-page="2"] .goods_set .item.chain .circle::before, .section02[data-page="1"] .goods_set .item.star .circle::before { background: #fff; }
.section02[data-page="3"] .goods_set .item.symbol .circle::after, .section02[data-page="2"] .goods_set .item.chain .circle::after, .section02[data-page="1"] .goods_set .item.star .circle::after { opacity: 0.4; transform: translate(-50%, -50%) scale(1); }
.section02[data-page="1"] .goods_set .item.star .icon { filter: none; }
.section02[data-page="1"] .goods_set .item.star .icon::after { opacity: 1; transition: opacity 0.3s ease; }
.section02[data-page="1"] .effect_set .star { opacity: 1; }
.section02[data-page="2"] .goods_set .item.chain .icon { filter: none; }
.section02[data-page="2"] .goods_set .item.chain .icon::after { opacity: 1; transition: opacity 0.3s ease; }
.section02[data-page="2"] .effect_set .chain { opacity: 1; }
.section02[data-page="3"] .goods_set .item.symbol .icon { filter: none; }
.section02[data-page="3"] .goods_set .item.symbol .icon::after { opacity: 1; transition: opacity 0.3s ease; }
.section02[data-page="3"] .effect_set .symbol { opacity: 1; }
.section03 { position: relative; overflow: hidden; background: #DFF3FF url("../images/sec03_bg@1.5x.jpg") no-repeat center center; background-size: auto 100%; }
.section03 .in { padding: 100px 0; }
.section03 .tit { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; color: #2C3033; font-family: "Paperlogy"; font-size: 46px; font-weight: 700; line-height: 140%; }
.section03 .txt_bg::before { background: linear-gradient(90deg, #97FFFD 0%, #7DCFFF 100%); }
.section03 .tit_set { display: flex; justify-content: center; align-items: flex-start; gap: 30px; padding: 0 0 0 138px; }
.section03 .tit_set .tit { margin: 11px 0 177px; }
.section03 .img { display: block; background: no-repeat center center; background-size: cover; border-radius: 10px; }
.section03 .img01 { width: 430px; aspect-ratio: 430/580; background-image: url("../images/sec03_img01@1.5x.jpg"); }
.section03 .img02 { width: 527px; aspect-ratio: 527/480; background-image: url("../images/sec03_img02@1.5x.jpg"); }
.section03 .slide_set { margin: 40px 0 0; }
.section03 .slide_set .head { display: flex; justify-content: space-between; align-items: flex-end; max-width: 850px; margin: 0 auto 17px; }
.section03 .slide_set .slide { max-width: 1060px; margin: 0 auto; mask-image: linear-gradient(90deg, transparent 0%, black 7%, black 93%, transparent 100%); }
.section03 .slide_set .slick-list { margin: 0 -15px; }
.section03 .slide_set .item { width: 850px; height: 460px; background: no-repeat center center; background-size: cover; border-radius: 15px; margin: 0 15px; }
.section03 .slide_set .item1 { background-image: url("../images/sec03_slide01@1.5x.jpg"); }
.section03 .slide_set .item2 { background-image: url("../images/sec03_slide02@1.5x.jpg"); }
.section03 .slide_set .item3 { background-image: url("../images/sec03_slide03@1.5x.jpg"); }
.section03 .slide_set .item4 { background-image: url("../images/sec03_slide04@1.5x.jpg"); }
.section03 .slide_set .item5 { background-image: url("../images/sec03_slide05@1.5x.jpg"); }
.section03 .slide_set .item6 { background-image: url("../images/sec03_slide06@1.5x.jpg"); }
.section03 .slide_set .item7 { background-image: url("../images/sec03_slide07@1.5x.jpg"); }
.section03 .slide_set .item8 { background-image: url("../images/sec03_slide08@1.5x.jpg"); }
.section03 .img { opacity: 0; transform: translateY(10%); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; }
.section03[data-show=y] .img { opacity: 1; transform: translate(0, 0); }
.section03[data-show=y] .img02 { transition-delay: 0.3s; }
.section04 { position: relative; overflow: hidden; background: #057FD1 url("../images/sec04_bg@1.5x.jpg") no-repeat center center; background-size: auto 100%; }
.section04 .in { max-width: 1028px; margin: 0 auto; padding: 100px 0 120px; }
.section04 .tit_set { margin: 0 0 29px -18px; }
.section04 .tit_set .sec_tit { color: #FFF; font-family: "Paperlogy"; font-size: 46px; font-weight: 700; line-height: 130%; }
.section04 .slide_set { position: relative; }
.section04 .slide_set .ctrl_set { position: absolute; right: 0; top: -10px; z-index: 1; }
.section04 .slide_set .arrow_set .line { background-color: #fff; }
.section04 .slide_set .slick-arrow { background-color: #fff; }
.section04 .slide_set .slick-list { margin: 0 -15px; }
.section04 .slide_set .item { display: flex; align-items: flex-start; margin: 0 15px; }
.section04 .slide_set .item .img { position: relative; z-index: 1; display: block; width: 500px; aspect-ratio: 500/360; background: no-repeat center center; background-size: cover; border-radius: 10px; }
.section04 .slide_set .item1 .img { background-image: url("../images/sec04_slide01@1.5x.jpg"); }
.section04 .slide_set .item2 .img { background-image: url("../images/sec04_slide02@1.5x.jpg"); }
.section04 .slide_set .item3 .img { background-image: url("../images/sec04_slide03@1.5x.jpg"); }
.section04 .slide_set .item .txt_set { width: 608px; height: 362px; background: #FFF; border-radius: 10px; padding: 40px 0 0 120px; margin: 33px 0 0 -80px; }
.section04 .slide_set .item .txt_set .tit { color: #0A88D5; font-family: "Paperlogy"; font-size: 36px; font-weight: 700; line-height: 130%; }
.section04 .slide_set .item .txt_set .txt { color: #2C3033; font-size: 18px; font-weight: 400; line-height: 150%; letter-spacing: -0.03em; margin: 20px 0 38px; }
.section04 .slide_set .item .txt_set .name_set { display: flex; align-items: center; gap: 5px; margin-right: 40px; }
.section04 .slide_set .item .txt_set .name_set .line { position: relative; flex: 1 1 auto; height: 1px; background: #0A88D5; }
.section04 .slide_set .item .txt_set .name_set .line::after { content: ""; position: absolute; right: 0; top: 50%; z-index: 1; transform: translate(50%, -50%); width: 4px; aspect-ratio: 5/5; background: #0A88D5; border-radius: 100%; }
.section04 .slide_set .item .txt_set .name_set .name { display: flex; align-items: center; }
.section04 .slide_set .item .txt_set .name_set .name::before { content: ""; display: block; width: 6px; aspect-ratio: 5/5; background: #0A88D5; border-radius: 100%; margin-right: 8px; }
.section04 .slide_set .item .txt_set .name_set .name span { color: #2C3033; font-size: 18px; font-weight: 400; line-height: 150%; letter-spacing: -0.03em; }
.section04 .slide_set .item .txt_set .name_set .name span:nth-child(1) { font-weight: 700; }
.section05 { position: relative; overflow: hidden; background: #fff; }
.section05 .in { display: flex; justify-content: center; align-items: flex-start; gap: 50px; padding: 120px 0; }
.section05 .tit_set .s_tit { color: #0A88D5; font-family: "Paperlogy"; font-size: 26px; font-weight: 500; line-height: 130%; text-align: center; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; margin: 7px 0 5px; }
.section05 .tit_set .sec_tit { color: #0A88D5; font-family: "Paperlogy"; font-size: 36px; font-weight: 700; line-height: 130%; text-align: center; }
.section05 .tit_set .img { display: block; width: 333px; aspect-ratio: 333/228; background: url("../images/sec05_img@1.5x.png") no-repeat center center; background-size: contain; margin: 24px auto 0; }
.section05 .video_set { position: relative; width: 700px; border-radius: 20px; overflow: hidden; }
.section05 .video_set .video { position: relative; width: 100%; aspect-ratio: 16/9; }
.section05 .video_set .btn_sound { position: absolute; top: 60px; right: 15px; z-index: 1; width: 50px; aspect-ratio: 5/5; border: none; outline: 0; border-radius: 0; }
.section05 .video_set .btn_sound::after { content: ""; position: absolute; inset: 0; z-index: 0; display: block; background: url("../images/sound_sprites@2x.png") no-repeat left center; background-size: auto 100%; pointer-events: none; }
.section05 .video_set .btn_sound.mute::after { background-position: right center; }
.section05 .tit_set .img { opacity: 0; transform: translateY(10%); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; }
.section05[data-show=y] .tit_set .img { opacity: 1; transform: translate(0, 0); }
.section06 { position: relative; overflow: hidden; background: url("../images/sec06_bg@1.5x.jpg") no-repeat center center; background-size: auto 100%; }
.section06 .in { max-width: 1230px; margin: 0 auto; padding: 120px 0; }
.section06 .tit_set .s_tit { color: #2C3033; font-family: "Paperlogy"; font-size: 26px; font-weight: 500; line-height: 130%; text-align: center; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; margin: 0 0 5px; }
.section06 .tit_set .sec_tit { display: flex; flex-direction: column; align-items: center; color: #2C3033; font-family: "Paperlogy"; font-size: 46px; font-weight: 700; line-height: 140%; text-align: center; }
.section06 .tit_set .desc { display: flex; align-items: center; justify-content: center; color: #6D757B; font-size: 18px; font-weight: 500; line-height: 150%; letter-spacing: -0.03em; text-align: center; }
.section06 .tit_set .desc::before { content: "*"; line-height: 1; }
.section06 .card_set { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; gap: 14px; margin: 0 0 120px; }
.section06 .card_set .item { width: 100%; border-radius: 15px; overflow: hidden; background: #fff; box-shadow: 0 0 8px 0 rgba(43, 172, 236, 0.5), 0 0 30px 0 rgba(43, 172, 236, 0.3); }
.section06 .card_set .item .img { display: block; width: 100%; aspect-ratio: 400/300; background: no-repeat center center; background-size: cover; }
.section06 .card_set .item1 .img { background-image: url("../images/sec06_img01@1.5x.jpg"); }
.section06 .card_set .item2 .img { background-image: url("../images/sec06_img02@1.5x.jpg"); }
.section06 .card_set .item3 .img { background-image: url("../images/sec06_img03@1.5x.jpg"); }
.section06 .card_set .item .txt_set { padding: 25px 0 15px; }
.section06 .card_set .item .txt_set .txt { color: #2C3033; font-family: "Paperlogy"; font-size: 28px; font-weight: 500; line-height: 130%; text-align: center; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; margin: 0 0 5px; }
.section06 .card_set .item .txt_set .total { color: #2C3033; font-family: "Paperlogy"; font-size: 46px; font-weight: 700; line-height: 140%; text-align: center; }
.section06 .report_set { display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; gap: 20px; }
.section06 .report_set .item { display: flex; align-items: center; gap: 32px; width: 100%; height: 256px; background: #FFF; border-radius: 10px; box-shadow: 0 0 8px 0 rgba(43, 172, 236, 0.5), 0 0 30px 0 rgba(43, 172, 236, 0.3); padding: 0 0 0 42px; }
.section06 .report_set .item .tit { color: #0A88D5; font-family: "Paperlogy"; font-size: 36px; font-weight: 700; line-height: 130%; margin: 0 0 22px; }
.section06 .report_set .item .txt { color: #2C3033; font-size: 26px; font-weight: 400; line-height: 140%; letter-spacing: -0.03em; }
.section06 .report_set .item .icon { display: block; width: 126px; aspect-ratio: 5/5; background: no-repeat center center; background-size: contain; }
.section06 .report_set .item1 .icon { background-image: url("../images/sec06_icon01@1.5x.png"); }
.section06 .report_set .item2 .icon { background-image: url("../images/sec06_icon02@1.5x.png"); }
.section06 .report_set .item3 .icon { background-image: url("../images/sec06_icon03@1.5x.png"); }
.section06 .report_set .item4 .icon { background-image: url("../images/sec06_icon04@1.5x.png"); }
.section06 .sub01 .tit_set { margin: 0 0 35px; }
.section06 .sub01 .sec_tit > span:nth-child(2) { margin-top: -12px; }
.section06 .sub02 .tit_set { margin: 0 0 30px; }
.section06 .sub02 .sec_tit .txt_bg { margin: 0 0 0 10px; }
.section06 .ani { vertical-align: middle; }
.section06 .ani .txt_bg { overflow: hidden; }
.section06 .ani em { display: block; opacity: 0; transform: translateY(101%); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; }
.section06 .sec_sub[data-show=y] .ani em { opacity: 1; transform: translate(0, 0); }
.section06 .sub01 .item { opacity: 0; transform: translateY(10px); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; }
.section06 .sub01[data-show=y] .item { opacity: 1; transform: translate(0, 0); }
.section06 .sub01[data-show=y] .item1 { transition-delay: 0.3s; }
.section06 .sub01[data-show=y] .item2 { transition-delay: 0.6s; }
.section06 .sub01[data-show=y] .item3 { transition-delay: 0.9s; }
.section06 .sub01[data-show=y] .total .ani em { transition-delay: 1.2s; }
.section06 .sub02 .tit_set { opacity: 0; transform: translateY(10px); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; }
.section06 .sub02 .item { opacity: 0; transform: translateY(10px); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; }
.section06 .sub02[data-show=y] .tit_set { opacity: 1; transform: translate(0, 0); }
.section06 .sub02[data-show=y] .item { opacity: 1; transform: translate(0, 0); }
.section06 .sub02[data-show=y] .item1, .section06 .sub02[data-show=y] .item2 { transition-delay: 0.3s; }
.section06 .sub02[data-show=y] .item3, .section06 .sub02[data-show=y] .item4 { transition-delay: 0.6s; }
.section07 { height: 800px; position: relative; overflow: hidden; background: url("../images/sec07_bg@1.5x.jpg") no-repeat center center; background-size: auto 100%; }
.section07 .model_set { position: absolute; left: 50%; bottom: 57px; z-index: 0; transform: translateX(-50%); }
.section07 .model_set .model { display: block; width: 682px; aspect-ratio: 682/729; background: url("../images/sec07_people@1.5x.png") no-repeat center center; background-size: contain; }
.section07 .bottom_set { position: absolute; left: 50%; bottom: 0; z-index: 1; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 57px; width: 100%; height: 210px; background: url("../images/sec07_bottom@1.5x.jpg") no-repeat center center; background-size: auto 100%; }
.section07 .bottom_set .tit { color: #FFF; font-family: "Paperlogy"; font-size: 46px; font-weight: 700; line-height: 130%; text-shadow: 0 0 8px rgba(30, 149, 223, 0.5), 0 0 30px rgba(30, 149, 223, 0.3); }
.section07 .btn_set .btn:hover { background-color: #0779BE; }
.section07 .model { opacity: 0; transform: translateY(30px); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; }
.section07[data-show=y] .model { opacity: 1; transform: translate(0, 0); }
.section_tab { position: relative; background: #fff; }
.section_tab .in { max-width: 1065px; padding: 100px 0 120px; margin: 0 auto; }
.section_tab .sec_tit { font-family: "Paperlogy"; color: #0779BE; font-size: 46px; font-weight: 700; line-height: 130%; text-align: center; margin: 0 0 55px; }
.section_tab .tab_menu { display: flex; margin-bottom: 20px; }
.section_tab .tab_menu li { position: relative; flex: 1 1 50%; text-align: center; }
.section_tab .tab_menu li label { display: block; font-family: "Paperlogy"; color: #0779BE; font-size: 28px; font-weight: 700; line-height: 77px; background: #fff; border-bottom: 3px solid #0779BE; cursor: pointer; }
.section_tab .tab_menu li .tab:checked + label { color: #fff; background: #0779BE; }
.section_tab .tab_list ul { display: none; }
.section_tab .tab_list ul.show { display: block; }
.section_tab .tab_list li { background: #fff; border-bottom: 1px solid #0779BE; padding-bottom: 7px; }
.section_tab .tab_list .head button { position: relative; display: flex; align-items: flex-start; gap: 20px; width: 100%; font-family: "Paperlogy"; color: #0779BE; font-size: 28px; font-weight: 700; line-height: 130%; text-align: left; padding: 27px 20px 20px; }
.section_tab .tab_list .head button::after { content: ""; flex-shrink: 0; margin: auto 10px auto auto; display: block; width: 29px; aspect-ratio: 29/16; background-color: #0779BE; -webkit-mask: url('data:image/svg+xml,<svg width="29" height="16" viewBox="0 0 29 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.5 1.5L14.5 14.5L1.5 1.5" stroke="%230779BE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; 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 { color: #2C3033; font-size: 18px; font-weight: 400; line-height: 150%; letter-spacing: -0.03em; text-align: left; padding: 0 75px 30px; }
.section_tab .tab_list .body .inner a { display: inline; }
.section_tab .tab_list .body .btn_set { display: block; margin: 30px 0 0; }
.section_tab .tab_list .head.show button::after { transform: rotate(180deg); }
.section_tab .tab_list .head.show + .body { max-height: var(--max-height); }
.footer { position: relative; overflow: hidden; background: #333; padding: 80px 0 100px; }
.footer .in { position: relative; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #434343; max-width: 1160px; margin: 0 auto; padding: 0 0 15px; }
.footer .logo_set .logo { display: block; display: block; width: 140px; aspect-ratio: 140/53; background: url("../images/footer_logo@1.5x.png") no-repeat center center; background-size: contain; margin: 0 0 15px; }
.footer .logo_set p { color: #909090; font-size: 14px; font-weight: 300; line-height: 150%; letter-spacing: -0.02em; }
.footer .address a { display: inline; }
.footer .address p { color: #909090; font-size: 14px; font-weight: 300; line-height: 150%; letter-spacing: -0.02em; text-align: right; }
.footer .copyright { position: absolute; right: 0; top: calc(100% + 5px); z-index: 0; display: block; color: #434343; font-size: 14px; font-weight: 300; line-height: 150%; letter-spacing: -0.02em; text-align: right; }