@charset "UTF-8";
/* font 폰트 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
/**
Last Updated:2025-09-10
Author:Neoreve
*/
/* 모바일 디자인 용 vw 사용 시 - vw 단위를 rem 으로 변환 */
/* 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: calc(0.0125 * 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; }
/* 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; }
/* 키보드 tab 이동시 focus css */
/*a:where(:focus, :active),*/
/*button:where(:focus, :active),*/
/*input:where([type=text], [type=radio], [type=search], [type=checkbox], [type=password], [type=tel], [type=email], [type=number], textarea):where(:focus, :active),*/
/*input:where([type=text], [type=radio], [type=search], [type=checkbox], [type=password], [type=tel], [type=email], [type=number], textarea):where(:focus, :active) + label {outline: 2px dashed #fc0;outline-offset: 1px;}*/
/* 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%; }
/* ADD CSS*/
.blind { overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; }
/* 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; }
html:has(.popup[data-show=y][backdrop]) { overflow: hidden; }
html:has(.popup[data-show=y][backdrop]) body { height: auto !important; padding-right: var(--scrollBarWidth); }
.wrap { position: relative; width: 100%; }
.ver_pc { display: none !important; }
.ver_mo { display: block !important; }
.dis_none { display: none !important; }
.bold { font-weight: 700; }
.slide_set .slick-list { margin: 0 -1.2rem; }
.slide_set .slick-list .item { margin: 0 1.2rem; }
.slide_set .slick-arrow { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); font-size: 0; }
.slide_set .slick-arrow::after { content: ""; display: block; width: 5.1rem; aspect-ratio: 51/33; background-color: #6696C3; -webkit-mask: url("../images/pc_slide_arr.svg") no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.slide_set .slick-prev { right: calc(100% + 3rem); }
.slide_set .slick-next { left: calc(100% + 3rem); }
.slide_set .slick-next::after { transform: rotateY(-180deg); }
.slide_set .slick-dots { display: flex; align-items: center; justify-content: center; gap: 2rem; margin: 3rem 0 0; }
.slide_set .slick-dots li { font-size: 0; }
.slide_set .slick-dots li button { font-size: 0; display: block; opacity: 0.4; width: 1.6rem; height: 1.6rem; background: #639207; border-radius: 4rem; transition: opacity 0.3s ease, width 0.3s ease; }
.slide_set .slick-dots li.slick-active button { opacity: 1; width: 3.2rem; }
.btn_solution, .btn_cta { position: relative; z-index: 0; display: block; margin: 0 auto; }
.btn_solution::before, .btn_cta::before, .btn_solution::after, .btn_cta::after { content: ""; position: absolute; inset: 0; background: no-repeat left center; background-size: auto 100%; transition: opacity 0.3s ease; }
.btn_solution::before, .btn_cta::before { background-position: left center; z-index: 0; }
.btn_solution::after, .btn_cta::after { background-position: right center; z-index: 1; opacity: 0; }
.btn_solution:hover::after, .btn_cta:hover::after { opacity: 1; }
.btn_cta { width: 72.5rem; aspect-ratio: 725/150; }
.btn_cta::before, .btn_cta::after { background-image: url("../images/mo_btn_cta_sprites@2x.png"); }
.btn_solution { display: flex; align-items: center; justify-content: center; gap: 1.5rem; width: 47.7rem; aspect-ratio: 477/77; }
.btn_solution::before, .btn_solution::after { background-image: url("../images/btn_solution_sprites@2x.png"); }
.btn_solution .btn_txt { position: relative; z-index: 2; color: #FFF; font-size: 3.2rem; font-weight: 400; line-height: 140%; letter-spacing: -0.01em; text-align: center; transition: color 0.3s ease; }
.btn_solution .btn_arr { position: relative; z-index: 2; flex-shrink: 0; display: block; width: 3.1rem; aspect-ratio: 31/15; background-color: #fff; -webkit-mask: url('data:image/svg+xml,') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.btn_solution:hover .btn_txt { color: #4C9EB6; }
.btn_solution:hover .btn_arr { background-color: #4C9EB6; }
.wrap_fixed .logo_set { position: fixed; left: 4rem; top: 4rem; z-index: -1; opacity: 0; transition: opacity 0.3s ease, z-index 0s 0.3s linear; }
.wrap_fixed .logo_set[data-logo=y], .wrap_fixed .logo_set[data-logo=wh], .wrap_fixed .logo_set[data-logo=bl] { opacity: 1; z-index: 200; transition: opacity 0.3s ease, z-index 0s linear; }
.wrap_fixed .logo_set .logo { display: block; width: 14.2rem; aspect-ratio: 142/54; background-color: #fff; -webkit-mask: url("../images/main_logo.svg") no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.wrap_fixed .logo_set[data-logo=bl] .logo { background: #034EA2; }
.wrap_fixed .logo_set[data-logo=wh] .logo { background: #fff; }
.wrap_fixed .sticky_set { position: fixed; left: 50%; bottom: 0; z-index: -1; opacity: 0; transform: translateX(-50%); transition: opacity 0.3s ease, z-index 0s 0.3s linear; }
.wrap_fixed .sticky_set[data-sticky=y] { opacity: 1; z-index: 200; transition: opacity 0.3s ease, z-index 0s linear; }
.wrap_fixed .sticky_set .btn_sticky { position: relative; z-index: 0; display: flex; align-items: center; width: 74rem; height: 16.8rem; transition: background 0.3s ease; padding-left: 8.2rem; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt { display: block; width: 26rem; aspect-ratio: 260/90; background-color: #E3625E; -webkit-mask: url("../images/mo_sticky_txt@1.5x.png") no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_arr { display: block; width: 7.8rem; aspect-ratio: 78/30; background-color: #E3625E; -webkit-mask: url("../images/mo_sticky_arr@1.5x.png") no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_arr { margin-left: 3.3rem; }
.wrap_fixed .sticky_set .btn_sticky .btn_img { position: absolute; right: 8.7rem; bottom: 4rem; z-index: 1; display: block; width: 15.6rem; aspect-ratio: 156/216; box-shadow: 0.6rem 0.6rem 1.2rem 0 rgba(0, 0, 0, 0.25); pointer-events: none; }
.wrap_fixed .sticky_set .btn_sticky .btn_img span { position: absolute; inset: 0; z-index: 0; background: no-repeat left top; background-size: cover; transition: opacity 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_img .img1 { background-image: url("../images/mo_sticky_img1@2x.png"); }
.wrap_fixed .sticky_set .btn_sticky .btn_img .img2 { z-index: 1; opacity: 0; background-image: url("../images/mo_sticky_img2@2x.png"); }
.wrap_fixed .sticky_set .btn_sticky .btn_bg { position: absolute; inset: 0; z-index: -1; }
.wrap_fixed .sticky_set .btn_sticky .btn_bg span { position: absolute; inset: 0; background: #FBF1C8 no-repeat left top; background-size: cover; transition: opacity 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_bg .bg1 { background-image: url("../images/mo_sticky_bg_default@1.5x.png"); }
.wrap_fixed .sticky_set .btn_sticky .btn_bg .bg2 { z-index: 1; opacity: 0; background-image: url("../images/mo_sticky_bg_hover@1.5x.png"); }
.wrap_fixed .sticky_set .btn_sticky:hover .btn_txt { background-color: #34664D; }
.wrap_fixed .sticky_set .btn_sticky:hover .btn_arr { background-color: #34664D; }
.wrap_fixed .sticky_set .btn_sticky:hover .img2 { opacity: 1; }
.wrap_fixed .sticky_set .btn_sticky:hover .bg2 { opacity: 1; }
.section_visual { position: relative; overflow: hidden; height: 145.6rem; background: url("../images/mo_main_bg@1.5x.jpg") no-repeat center top; background-size: auto 100%; }
.section_visual::after { content: ""; position: absolute; left: 0; top: 63.1rem; z-index: 0; width: 100%; height: 52.5rem; background: url("../images/mo_main_bg_star@1.5x.png") no-repeat center top; background-size: auto 100%; animation: starFadeAni 1s ease-in-out infinite; }
@keyframes starFadeAni {
0% { opacity: 1; }
50% { opacity: 0.1; }
100% { opacity: 1; }
}
.section_visual .in { padding: 16.5rem 0 0; }
.section_visual .s_tit { display: block; width: 52.6rem; aspect-ratio: 526/75; background: url("../images/mo_main_txt@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto; }
.section_visual .sec_tit { display: block; width: 56rem; aspect-ratio: 560/176; background: url("../images/mo_main_tit@1.5x.png") no-repeat center center; background-size: contain; margin: 3rem auto 0; }
.section01 { position: relative; overflow: hidden; background: url("../images/mo_sec01_bg@1.5x.jpg") repeat-x center top; background-size: auto 100%; }
.section01 .in { padding: 24rem 0 29.2rem; }
.section01 .sec_tit { position: relative; display: block; width: 37rem; aspect-ratio: 370/112; background: url("../images/mo_sec01_tit@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 3rem; }
.section01 .sec_tit::after { content: ""; position: absolute; left: -0.5rem; bottom: -1.2rem; z-index: 0; display: block; width: 32.8rem; aspect-ratio: 328/22; background: url("../images/mo_sec01_highlight@1.5x.png") no-repeat center center; background-size: contain; }
.section01 p { color: #432F2E; font-size: 4rem; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; text-align: center; }
.section01 p .bold { font-weight: 600; }
.section01 p ~ p { margin-top: 2rem; }
.section01 .tit_set { opacity: 0; transform: translateY(15%); transition: all 0.3s ease; }
.section01[data-show=y] .tit_set { opacity: 1; transform: translateY(0); }
.section05 { position: relative; overflow: hidden; background: url("../images/mo_sec05_bg@1.5x.jpg") repeat-x center top; background-size: auto 100%; }
.section05 .in { padding: 16rem 0 17.6rem; }
.section05 .sec_tit { display: block; width: 51.6rem; aspect-ratio: 516/168; background: url("../images/mo_sec05_tit@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 6rem; }
.section05 .txt { color: #FFF2BF; font-size: 2.8rem; font-weight: 300; line-height: 140%; text-align: center; margin: 8rem 0 4.2rem; }
.section05 .img { display: block; width: 72.8rem; aspect-ratio: 728/460; background: url("../images/mo_sec05_detail@1.5x.jpg") no-repeat center center; background-size: contain; margin: 0 auto; }
.section06 { position: relative; overflow: hidden; background: url("../images/mo_sec06_bg@1.5x.jpg") no-repeat center top; background-size: auto 100%; }
.section06 .in { padding: 14rem 0 20.2rem; text-align: center; }
.section06 .tit_set { margin: 0 0 8rem; }
.section06 .tit_set .eyebrow_txt { display: block; width: 22.7rem; aspect-ratio: 227/44; background: url("../images/mo_sec06_txtBg@1.5x.png") no-repeat center center; background-size: contain; color: #F0F1D5; font-size: 3.2rem; font-weight: 700; line-height: 140%; letter-spacing: -0.01em; text-align: center; margin: 0 auto 2rem; }
.section06 .tit_set .sec_tit { display: block; width: 67.6rem; aspect-ratio: 676/172; background: url("../images/mo_sec06_tit@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 3rem; }
.section06 .tit_set .s_tit { color: #242424; font-size: 3.6rem; font-weight: 400; line-height: 140%; letter-spacing: -0.2rem; text-align: center; }
.section06 .slide_set { position: relative; z-index: 0; width: 72.8rem; margin: 0 auto 12rem; }
.section06 .slide_set .slick-list { margin: 0 -1rem; }
.section06 .slide_set .item { display: block; width: 72.8rem; aspect-ratio: 728/520; background: url("../images/mo_sec06_slide1@1.5x.jpg") no-repeat center center; background-size: contain; background: no-repeat center center; background-size: cover; margin: 0 1rem; }
.section06 .slide_set .item1 { background-image: url("../images/mo_sec06_slide1@1.5x.jpg"); }
.section06 .slide_set .item2 { background-image: url("../images/mo_sec06_slide2@1.5x.jpg"); }
.section06 .slide_set .item3 { background-image: url("../images/mo_sec06_slide3@1.5x.jpg"); }
.section06 .slide_set .item4 { background-image: url("../images/mo_sec06_slide4@1.5x.jpg"); }
.section06 .slide_set .slick-next { left: calc(100% + 30rem); }
.section06 .slide_set .slick-dots { position: absolute; left: 50%; top: calc(100% + 3rem); z-index: 1; transform: translateX(-50%); margin: 0; }
.section06 .slide_set .deco { position: absolute; z-index: 2; display: block; background: no-repeat center center; background-size: contain; pointer-events: none; }
.section06 .slide_set .deco1 { left: -3.6rem; top: -5rem; width: 10rem; aspect-ratio: 100/114; background-image: url("../images/mo_sec06_deco_girl@1.5x.png"); }
.section06 .slide_set .deco2 { right: 0.8rem; top: 3.6rem; width: 10rem; aspect-ratio: 100/80; background-image: url("../images/mo_sec06_deco_sun@1.5x.png"); }
.section06 .slide_set .deco3 { left: 5.2rem; bottom: 5.2rem; width: 10.8rem; aspect-ratio: 108/102; background-image: url("../images/mo_sec06_deco_earth@1.5x.png"); transform: rotate(-15deg); }
.section06 .slide_set .deco4 { right: -3.6rem; bottom: 6.6rem; width: 7.4rem; aspect-ratio: 74/68; background-image: url("../images/mo_sec06_deco_tomato@1.5x.png"); }
.section06 .slide_set .deco.frame { left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.section06 .slide_set .deco.frame::before, .section06 .slide_set .deco.frame::after { content: ""; position: absolute; left: 0; z-index: 1; width: 100%; height: 2.4rem; background: repeat-x left center; background-size: auto 100%; }
.section06 .slide_set .deco.frame::before { top: 0; background-image: url("../images/mo_sec06_frame_top@1.5x.png"); }
.section06 .slide_set .deco.frame::after { bottom: 0; background-image: url("../images/mo_sec06_frame_bottom@1.5x.png"); }
.section06 .txt_set .txt { color: #242424; font-size: 3.2rem; font-weight: 400; line-height: 140%; text-align: center; }
.section06 .txt_set .txt .bold { font-weight: 600; }
.section06 .txt_set .desc { color: #686868; font-size: 2.4rem; font-weight: 400; line-height: 140%; text-align: center; margin: 2rem 0 0; }
.section07 { position: relative; overflow: hidden; background: url("../images/mo_sec07_bg@1.5x.jpg") no-repeat center top; background-size: auto 100%; }
.section07 .in { padding: 14rem 0 14.4rem; }
.section07 .tit_set { margin: 0 0 8rem; }
.section07 .tit_set .sec_tit { display: block; width: 40rem; aspect-ratio: 400/76; background: url("../images/mo_sec07_tit@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 3rem; }
.section07 .tit_set .txt { color: #242424; font-size: 3.6rem; font-weight: 400; line-height: 140%; letter-spacing: -0.2rem; text-align: center; }
.section07 .reward { display: block; width: 72.8rem; aspect-ratio: 728/740; background: url("../images/mo_sec07_reward@1.5x.jpg?v=2") no-repeat center center; background-size: contain; margin: 0 auto; }
.section08 { position: relative; overflow: hidden; background: url("../images/mo_sec08_bg@1.5x.jpg") no-repeat center top; background-size: auto 100%; }
.section08 .in { padding: 16rem 0 31.9rem; }
.section08 .sec_tit { position: relative; display: block; width: 67rem; aspect-ratio: 670/81; background: url("../images/mo_sec08_tit@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 6rem; }
.section08 .sec_tit::before { content: ""; position: absolute; left: 50%; bottom: calc(100% + 2rem); z-index: 1; transform: translateX(-50%); display: block; width: 6rem; aspect-ratio: 60/49; background: url("../images/mo_sec08_tit_heart@1.5x.png") no-repeat center center; background-size: contain; }
.section08 .slide_set { position: relative; z-index: 0; max-width: 72.8rem; margin: 0 auto 6rem; }
.section08 .slide_set .slick-list { margin: 0 -1rem; }
.section08 .slide_set .item { display: block; width: 72.8rem; aspect-ratio: 728/458; background: url("../images/mo_sec08_bubble@1.5x.png") no-repeat center center; background-size: contain; margin: 0 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; }
.section08 .slide_set .txt { color: #242424; font-size: 3.2rem; font-weight: 400; line-height: 150%; text-align: center; }
.section08 .slide_set .desc { color: #6696C3; font-size: 2.8rem; font-weight: 400; line-height: 150%; text-align: center; }
.section09 { position: relative; overflow: hidden; background: url("../images/mo_sec09_bg@1.5x.jpg") no-repeat center top; background-size: auto 100%; height: 136rem; }
.section09::after { content: ""; position: absolute; left: 50%; bottom: 0; z-index: 0; transform: translateX(-50%); width: 100%; height: 58rem; background: url("../images/mo_sec09_bg_star@1.5x.png") no-repeat center top; background-size: auto 100%; animation: starFadeAni 1s ease-in-out infinite; }
.section09 .in { padding: 18rem 0 31.9rem; }
.section09 .tit_set { margin: 0 0 8rem; }
.section09 .sec_tit { position: relative; display: block; width: 28rem; aspect-ratio: 280/150; background: url("../images/mo_sec09_tit@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 3rem; }
.section09 .s_tit { color: #FFF8E2; font-size: 3rem; font-weight: 400; line-height: 140%; text-align: center; }
.section_tab { position: relative; background: #E7E9CC; }
.section_tab .in { max-width: 72rem; margin: 0 auto; padding: 16rem 0 15.6rem; }
.section_tab .sec_tit { color: #432F2E; font-size: 6rem; font-weight: 700; line-height: 135%; letter-spacing: -0.01em; text-align: center; margin: 0 0 7rem; }
.section_tab .tab_list ul { display: flex; flex-direction: column; gap: 1rem; }
.section_tab .tab_list li { background: #fff; border-radius: 1rem; }
.section_tab .tab_list .head { padding-inline: 3rem; }
.section_tab .tab_list .head button { position: relative; display: flex; align-items: flex-start; gap: 2rem; width: 100%; color: #121212; font-size: 3rem; font-weight: 600; line-height: 150%; letter-spacing: -0.01em; text-align: left; padding-block: 4rem; }
.section_tab .tab_list .head button::before { content: "Q"; flex-shrink: 0; color: #432F2E; font-size: 3rem; font-weight: 900; line-height: 150%; letter-spacing: -0.01em; text-align: left; }
.section_tab .tab_list .head button::after { content: ""; flex-shrink: 0; margin: auto 0 auto auto; display: block; width: 3.4rem; aspect-ratio: 34/21; background-color: #664634; -webkit-mask: url('data:image/svg+xml,') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.section_tab .tab_list .head button::after { transition: transform 0.3s ease; }
.section_tab .tab_list .body { position: relative; max-height: 0; overflow: hidden; padding-inline: 3rem; transition: all 0.3s ease; }
.section_tab .tab_list .body .inner { display: flex; align-items: flex-start; gap: 2rem; color: #121212; font-size: 3rem; font-weight: 400; line-height: 150%; letter-spacing: -0.02em; text-align: left; border-top: 0.3rem solid #9CAC51; padding: 4rem 0 5rem; }
.section_tab .tab_list .body .inner::before { content: "A"; flex-shrink: 0; color: #432F2E; font-size: 3rem; font-weight: 900; line-height: 150%; letter-spacing: -0.01em; text-align: left; }
.section_tab .tab_list .body .inner a { display: inline; }
.section_tab .tab_list .head.show button::after { transform: rotate(180deg); }
.section_tab .tab_list .head.show + .body { max-height: var(--max-height); }
.section_tab .contact .link { display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 1rem; padding: 2.6rem 3.6rem; margin: 8rem 0 0; }
.section_tab .contact .link .txt { color: #121212; font-size: 3rem; font-weight: 500; line-height: 150%; letter-spacing: -0.01em; text-align: left; }
.section_tab .contact .link .icon { display: block; width: 9rem; aspect-ratio: 5/5; background: url("../images/icon_kakao@2x.png") no-repeat center center; background-size: contain; }
.footer { position: relative; overflow: hidden; background: #242424; }
.footer .in { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 10rem 4.5rem; }
.footer .logo_set .logo { order: 1; flex: 0 0 auto; display: block; width: 15.1rem; aspect-ratio: 142/54; background-color: #fff; -webkit-mask: url("../images/main_logo.svg") no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.footer .address { flex: 1 1 100%; color: #BABABA; order: 2; font-size: 2.4rem; font-weight: 400; line-height: 3.4rem; text-align: center; margin-top: 4rem; }
.footer .address a { display: inline; }
.footer .copyright { order: 3; display: flex; justify-content: center; color: #DCDCDC; font-size: 2rem; font-weight: 400; line-height: 3.4rem; margin-top: 2rem; opacity: 0.5; }
.footer .link_set { order: 4; flex: 1 1 100%; display: flex; justify-content: center; gap: 1.4rem; margin: 4rem auto 0; }
.footer .link_set a { display: block; width: 6rem; aspect-ratio: 5/5; background: #F5F5F5 url("../images/share_sprites@2x.png") no-repeat left center; background-size: auto 100%; border-radius: 0.7rem; }
.footer .link_set a.youtube { background-position: left center; }
.footer .link_set a.instargram { background-position: left 33.33% center; }
.footer .link_set a.threads { background-position: left 66.66% center; }
.footer .link_set a.kakao { background-position: left 100% center; }
.popup { position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; padding: var(--scrollBarWidth); transition: opacity 0.3s ease, z-index 0s 0.3s linear; overflow-x: hidden; overflow-y: auto; }
.popup[data-show=y] { z-index: 300; opacity: 1; transition: opacity 0.3s ease, z-index 0s linear; }
.popup .popup_dimmed { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.popup .popup_inner { position: relative; display: flex; flex-direction: column; align-items: center; width: 80rem; width: 100%; background: #BCD7DE url("../images/mo_popup_bg@1.5x.jpg") no-repeat center center; background-size: cover; padding: 12rem 3.6rem; }
.popup .popup_inner::before { content: ""; position: absolute; left: 4rem; top: 4rem; z-index: 1; display: block; width: 14.2rem; aspect-ratio: 142/54; background-color: #0A39C3; -webkit-mask: url("../images/main_logo.svg") no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.popup .btn_pop_close.ver1 { position: absolute; right: 4rem; top: 4rem; z-index: 1; display: block; width: 5.4rem; aspect-ratio: 5/5; background: url("../images/btn_pop_close@2x.png") no-repeat center center; background-size: contain; }
.popup .btn_pop_close.ver2 { display: flex; align-items: center; justify-content: center; background: url("../images/btn_pop_close_bg@2x.png") no-repeat center center; background-size: 100% 100%; width: 22.7rem; height: 7.7rem; color: #FFF; font-size: 3.2rem; font-weight: 600; line-height: 140%; letter-spacing: -0.01em; text-align: center; margin: 8rem auto 0; }
.popup.popup_solution .s_tit { color: #242424; font-size: 3.6rem; font-weight: 400; line-height: 140%; text-align: center; }
.popup.popup_solution ul { display: flex; width: 100%; }
.popup.popup_solution ul em { flex-shrink: 0; width: 100%; height: 5rem; background: no-repeat center center; background-size: contain; }
.popup.popup_solution ul p { color: #242424; font-size: 3.2rem; font-weight: 400; line-height: 140%; text-align: center; }
.popup.popup_solution .tit1 { display: block; width: 40rem; aspect-ratio: 400/152; background: url("../images/popup_solution_tit1@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 3rem; }
.popup.popup_solution .list1 { flex-wrap: wrap; justify-content: center; background: url("../images/popup_solution_list1_bg@1.5x.png") no-repeat center center; background-size: 100% 100%; margin: 6rem 0 8rem; }
.popup.popup_solution .list1 li { width: 50%; height: 23.3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; }
.popup.popup_solution .list1 li:nth-child(1) em { background-image: url("../images/popup_solution_list1_tit1@1.5x.png"); }
.popup.popup_solution .list1 li:nth-child(2) em { background-image: url("../images/popup_solution_list1_tit2@1.5x.png"); }
.popup.popup_solution .list1 li:nth-child(3) em { background-image: url("../images/popup_solution_list1_tit3@1.5x.png"); }
.popup.popup_solution .list1 li:nth-child(4) em { background-image: url("../images/popup_solution_list1_tit4@1.5x.png"); }
.popup.popup_solution .tit2 { display: block; width: 28.6rem; aspect-ratio: 286/73; background: url("../images/popup_solution_tit2@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 4.5rem; }
.popup.popup_solution .list2 { flex-direction: column; gap: 4rem; }
.popup.popup_solution .list2 li { width: 100%; height: 22.9rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; background: url("../images/popup_solution_list2_bg@1.5x.png") no-repeat center center; background-size: 100% 100%; }
.popup.popup_solution .list2 li:nth-child(1) em { background-image: url("../images/popup_solution_list2_tit1@1.5x.png"); }
.popup.popup_solution .list2 li:nth-child(2) em { background-image: url("../images/popup_solution_list2_tit2@1.5x.png"); }
@media (min-width: 801px) and (max-width: 1000px){
html { font-size: 10px; } }
@media (min-width: 1001px){
.wrap { cursor: url('data:image/svg+xml,') 0 0, auto; }
.wrap *:hover { cursor: url('data:image/svg+xml,') 0 0, auto; }
.ver_pc { display: block !important; }
.ver_mo { display: none !important; }
.slide_set .slick-arrow::after { -webkit-mask-size: 100% auto; }
.slide_set .slick-dots { gap: 1.3rem; }
.slide_set .slick-dots li button { width: 1rem; height: 1rem; }
.slide_set .slick-dots li.slick-active button { width: 2.1rem; }
.btn_cta { width: 38.6rem; }
.btn_solution { width: 31rem; aspect-ratio: 310/50; }
.btn_solution .btn_txt { font-size: 2rem; }
.btn_solution .btn_arr { -webkit-mask-size: 100% auto; }
.btn_solution .btn_arr { width: 2.1rem; }
.wrap_fixed .logo_set { left: 3rem; top: 3rem; }
.wrap_fixed .logo_set .logo { -webkit-mask-size: 100% auto; }
.wrap_fixed .logo_set .logo { width: 11.5rem; }
.wrap_fixed .sticky_set { left: auto; right: 2rem; bottom: 2rem; transform: unset; }
.wrap_fixed .sticky_set .btn_sticky { width: 35.2rem; height: 10.5rem; padding-left: 2.7rem; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt { -webkit-mask-size: 100% auto; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt { width: 14.7rem; aspect-ratio: 130/44; -webkit-mask-image: url("../images/pc_sticky_txt@1.5x.png"); }
.wrap_fixed .sticky_set .btn_sticky .btn_arr { -webkit-mask-size: 100% auto; }
.wrap_fixed .sticky_set .btn_sticky .btn_arr { width: 3.9rem; margin-left: 1rem; }
.wrap_fixed .sticky_set .btn_sticky .btn_img { right: 2.7rem; bottom: 2.3rem; width: 8.9rem; box-shadow: 0.3rem 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.25); }
.wrap_fixed .sticky_set .btn_sticky .btn_bg span { background-color: transparent; }
.wrap_fixed .sticky_set .btn_sticky .btn_bg .bg1 { background-image: url("../images/pc_sticky_bg_default@1.5x.png"); }
.wrap_fixed .sticky_set .btn_sticky .btn_bg .bg2 { background-image: url("../images/pc_sticky_bg_hover@1.5x.png"); }
.section_visual { height: 90.2rem; background: url("../images/pc_main_bg@1.5x.jpg") repeat-x center center; background-size: auto 100%; }
.section_visual::after { top: auto; bottom: 9.7rem; height: 45.7rem; background-image: url("../images/pc_main_bg_star@2x.png"); }
.section_visual::before { content: ""; position: absolute; left: 0; bottom: 9.7rem; z-index: 0; width: 100%; height: 45.7rem; background: url("../images/pc_main_bg_earth@2x.jpg") repeat-x center top; background-size: auto 100%; }
.section_visual .in { padding: 9.99rem 0 0; }
.section_visual .s_tit { width: 36.5rem; aspect-ratio: 365/34; background-image: url("../images/pc_main_txt@1.5x.png"); margin: 0 auto; }
.section_visual .sec_tit { width: 41.1rem; aspect-ratio: 411/130; background-image: url("../images/pc_main_tit@1.5x.png"); margin: 2.4rem auto 0; }
.section01 { background-image: url("../images/pc_sec01_bg@1.5x.jpg"); }
.section01 .in { padding: 14.6rem 0 21.9rem; }
.section01 .sec_tit { width: 27.1rem; aspect-ratio: 271/57; background-image: url("../images/pc_sec01_tit@1.5x.png"); margin-bottom: 3.7rem; }
.section01 .sec_tit::after { left: -0.6rem; bottom: -2.1rem; width: 24.5rem; aspect-ratio: 245/14; background-image: url("../images/pc_sec01_highlight@1.5x.png"); }
.section01 p { font-size: 2.6rem; }
.section01 p ~ p { margin-top: 1.3rem; }
.sec_story_outer { --parent-height: 100vh; --section-height: 810; position: relative; z-index: 0; display: flex; justify-content: center; width: 100%; min-height: var(--parent-height); transition: background-color 0.3s ease; }
.sec_story_outer .bg_set { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: var(--parent-height); }
.sec_story_outer .bg_set .bg { position: absolute; left: 0; top: 0; width: calc(100vw - var(--scrollBarWidth) - 1px); height: var(--parent-height); z-index: -2; opacity: 0; transition: opacity 0.3s ease, z-index 0s 0.3s linear; background: repeat-x center center; background-size: auto 100%; }
.sec_story_outer .bg_set .bg1 { background-image: url("../images/pc_sec02_bg@1.5x.jpg"); }
.sec_story_outer .bg_set .bg2 { background-image: url("../images/pc_sec03_bg@1.5x.jpg"); }
.sec_story_outer .bg_set .bg3 { background-image: url("../images/pc_sec04_bg@1.5x.jpg"); }
.sec_story_outer .eyebrow_txt { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; color: #543B2C; font-size: 2.4rem; font-weight: 700; line-height: 3.6rem; letter-spacing: -0.01em; text-align: center; background: no-repeat center center; background-size: contain; padding: 0 1.7rem; margin: 0 0 1.5rem; }
.sec_story_outer .eyebrow_txt::after { content: ""; flex-shrink: 0; display: block; width: 2rem; aspect-ratio: 5/5; background: no-repeat center center; background-size: contain; }
.sec_story_outer .eyebrow_txt.eye1 { background-image: url("../images/mo_sec02_txtBg@1.5x.png"); }
.sec_story_outer .eyebrow_txt.eye1::after { background-image: url("../images/mo_sec02_num@1.5x.png"); }
.sec_story_outer .eyebrow_txt.eye2 { color: #FFF1BC; background-image: url("../images/mo_sec03_txtBg@1.5x.png"); }
.sec_story_outer .eyebrow_txt.eye2::after { background-image: url("../images/mo_sec03_num@1.5x.png"); }
.sec_story_outer .eyebrow_txt.eye3 { color: #785D44; background-image: url("../images/mo_sec04_txtBg@1.5x.png"); }
.sec_story_outer .eyebrow_txt.eye3::after { background-image: url("../images/mo_sec04_num@1.5x.png"); }
.sec_story_outer .tit { background: no-repeat center center; background-size: contain; opacity: 0; transition: opacity 0.3s ease; }
.sec_story_outer .tit2 { position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; }
.sec_story_outer .dots_set { position: absolute; left: calc(100vw - 5rem); top: 50%; z-index: 5; transform: translateY(-50%); display: flex; flex-direction: column; gap: 1.3rem; }
.sec_story_outer .dots_set .dot { display: block; width: 1rem; height: 1rem; opacity: 0.5; background: #B6C4D2; border-radius: 2.5rem; transition: all 0.3s ease, width 0s; }
.sec_story_outer .left { position: sticky; top: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex: 0 0 50%; height: var(--parent-height); padding: 0; }
.sec_story_outer .left > ul { position: relative; width: 48rem; margin-left: auto; }
.sec_story_outer .left .item { width: 40rem; /*aspect-ratio: 400/442;*/ background: no-repeat center center; background-size: contain; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; }
.sec_story_outer .left .item .tit_set { position: relative; }
.sec_story_outer .left .item .tit1 { width: 29.1rem; aspect-ratio: 291/122; }
.sec_story_outer .left .item .tit2 { width: 24.2rem; aspect-ratio: 242/122; }
.sec_story_outer .left .item01 .tit1 { aspect-ratio: 291/183; background-image: url("../images/pc_sec_story_tit01@3x.png"); }
.sec_story_outer .left .item01 .tit2 { background-image: url("../images/pc_sec_story_tit02@3x.png"); }
.sec_story_outer .left .item02 .tit1 { background-image: url("../images/pc_sec_story_tit03@3x.png"); }
.sec_story_outer .left .item02 .tit2 { background-image: url("../images/pc_sec_story_tit04@3x.png"); }
.sec_story_outer .left .item03 .tit1 { background-image: url("../images/pc_sec_story_tit05@3x.png"); }
.sec_story_outer .left .item03 .tit2 { background-image: url("../images/pc_sec_story_tit06@3x.png"); }
.sec_story_outer .left .item ~ .item { position: absolute; left: 0; top: 0; }
.sec_story_outer .right { position: relative; z-index: 1; display: flex; flex-direction: column; flex: 0 0 50%; height: 100%; overflow: hidden; gap: 13rem; padding: 22.4rem 0; }
.sec_story_outer .right > ul { width: 48rem; margin-right: auto; padding-left: 8rem; }
.sec_story_outer .right .item { display: flex; width: 40rem; aspect-ratio: 400/442; background: no-repeat center center; background-size: contain; }
.sec_story_outer .right .item1 { background-image: url("../images/pc_sec_story_item01@1.5x.png"); }
.sec_story_outer .right .item2 { background-image: url("../images/pc_sec_story_item02@1.5x.png"); }
.sec_story_outer .right .item3 { background-image: url("../images/pc_sec_story_item03@1.5x.png"); }
.sec_story_outer .right .item4 { background-image: url("../images/pc_sec_story_item04@1.5x.png"); }
.sec_story_outer .right .item5 { background-image: url("../images/pc_sec_story_item05@1.5x.png"); }
.sec_story_outer .right .item5 .txt { color: #4C7026; }
.sec_story_outer .right .item5 .txt .bold { font-weight: 700; }
.sec_story_outer .right .item6 { background-image: url("../images/pc_sec_story_item06@1.5x.png"); }
.sec_story_outer .right .item6 .txt { color: #4C7026; }
.sec_story_outer .right .item ~ .item { margin-top: 15rem; }
.sec_story_outer .right .item.item3, .sec_story_outer .right .item.item5 { margin-top: 20rem; }
.sec_story_outer .right .item > div { display: flex; align-items: center; justify-content: center; width: 100%; padding: 28.5rem 0 1.5rem; }
.sec_story_outer .right .txt { color: #432F2E; font-size: 1.8rem; font-weight: 400; line-height: 140%; text-align: center; }
.sec_story_outer .right .txt .bold { font-weight: 600; }
.sec_story_outer[data-sec="1"] { background-color: #43312A; }
.sec_story_outer[data-sec="2"] { background-color: #43312A; }
.sec_story_outer[data-sec="3"] { background-color: #FCD893; }
.sec_story_outer[data-sec="4"] { background-color: #FCD893; }
.sec_story_outer[data-sec="5"] { background-color: #43312A; }
.sec_story_outer[data-sec="6"] { background-color: #43312A; }
.sec_story_outer[data-sec="1"] .left .bg1, .sec_story_outer[data-sec="2"] .left .bg1, .sec_story_outer[data-sec="3"] .left .bg2, .sec_story_outer[data-sec="4"] .left .bg2, .sec_story_outer[data-sec="5"] .left .bg3, .sec_story_outer[data-sec="6"] .left .bg3 { opacity: 1; z-index: -1; transition: opacity 0.3s ease, z-index 0s linear; }
.sec_story_outer[data-sec="1"] .left .item01, .sec_story_outer[data-sec="2"] .left .item01, .sec_story_outer[data-sec="3"] .left .item02, .sec_story_outer[data-sec="4"] .left .item02, .sec_story_outer[data-sec="5"] .left .item03, .sec_story_outer[data-sec="6"] .left .item03 { opacity: 1; pointer-events: auto; }
.sec_story_outer[data-sec="1"] .left .item01 .tit1, .sec_story_outer[data-sec="2"] .left .item01 .tit2, .sec_story_outer[data-sec="3"] .left .item02 .tit1, .sec_story_outer[data-sec="4"] .left .item02 .tit2, .sec_story_outer[data-sec="5"] .left .item03 .tit1, .sec_story_outer[data-sec="6"] .left .item03 .tit2 { opacity: 1; pointer-events: auto; }
.sec_story_outer[data-sec="1"] .dots_set .dot1, .sec_story_outer[data-sec="3"] .dots_set .dot1, .sec_story_outer[data-sec="5"] .dots_set .dot1, .sec_story_outer[data-sec="2"] .dots_set .dot2, .sec_story_outer[data-sec="4"] .dots_set .dot2, .sec_story_outer[data-sec="6"] .dots_set .dot2 { height: 3rem; opacity: 1; }
.sec_story_outer[data-sec="1"] .dots_set .dot { background-color: #B6C4D2; }
.sec_story_outer[data-sec="2"] .dots_set .dot { background-color: #B6C4D2; }
.sec_story_outer[data-sec="3"] .dots_set .dot { background-color: #FF8640; }
.sec_story_outer[data-sec="4"] .dots_set .dot { background-color: #FF8640; }
.sec_story_outer[data-sec="5"] .dots_set .dot { background-color: #A4C366; }
.sec_story_outer[data-sec="6"] .dots_set .dot { background-color: #A4C366; }
.section05 { background-image: url("../images/pc_sec05_bg@1.5x.jpg"); }
.section05 .in { display: flex; justify-content: center; gap: 10.4rem; padding: 15.2rem 0 13.9rem; }
.section05 .sec_tit { width: 35.9rem; aspect-ratio: 359/114; background-image: url("../images/pc_sec05_tit@1.5x.png"); margin: 5.1rem 0 3rem; }
.section05 .img_set { display: flex; flex-direction: column-reverse; }
.section05 .txt { font-size: 1.6rem; margin: 2rem 0 0; }
.section05 .img { width: 47rem; }
.section06 { background-image: url("../images/pc_sec06_bg@1.5x.jpg"); background-repeat: repeat-x; }
.section06 .in { max-width: 94rem; margin: 0 auto; padding: 9.5rem 0; }
.section06 .tit_set { margin: 0 0 4.5rem; }
.section06 .tit_set .eyebrow_txt { width: 14.8rem; font-size: 2.1rem; }
.section06 .tit_set .sec_tit { width: 46.8rem; aspect-ratio: 468/107; background-image: url("../images/pc_sec06_tit@1.5x.png"); margin: 0 auto 1rem; }
.section06 .tit_set .s_tit { font-size: 2.2rem; letter-spacing: -0.01em; }
.section06 .slide_container { position: relative; }
.section06 .slide_set { width: 67rem; margin: 0; }
.section06 .slide_set .item { width: 67rem; aspect-ratio: 670/420; }
.section06 .slide_set .item1 { background-image: url("../images/pc_sec06_slide1@1.5x.jpg"); }
.section06 .slide_set .item2 { background-image: url("../images/pc_sec06_slide2@1.5x.jpg"); }
.section06 .slide_set .item3 { background-image: url("../images/pc_sec06_slide3@1.5x.jpg"); }
.section06 .slide_set .item4 { background-image: url("../images/pc_sec06_slide4@1.5x.jpg"); }
.section06 .slide_set .slick-dots { left: calc(100% + 1.5rem); top: calc(50% + 15rem); width: 15.5rem; transform: unset; }
.section06 .slide_set .deco1 { left: -4rem; top: -6rem; width: 9.1rem; }
.section06 .slide_set .deco2 { right: 2rem; top: 2.9rem; width: 8.1rem; }
.section06 .slide_set .deco3 { left: 6.4rem; bottom: 4rem; width: 8.8rem; }
.section06 .slide_set .deco4 { right: -3.3rem; bottom: -2.3rem; width: 6.8rem; }
.section06 .slide_set .deco.frame::before, .section06 .slide_set .deco.frame::after { height: 1.5rem; }
.section06 .txt_set { position: absolute; right: 0; top: 7.5rem; z-index: 3; display: block; width: 35.3rem; aspect-ratio: 353/269; background: url("../images/pc_sec06_bubble@1.5x.png") no-repeat center center; background-size: contain; padding: 7.7rem 0 0; }
.section06 .txt_set .txt { font-size: 1.6rem; }
.section06 .txt_set .desc { font-size: 1.2rem; margin: 1rem 0 0; }
.section07 { background-image: url("../images/pc_sec07_bg@1.5x.jpg"); background-repeat: repeat-x; }
.section07 .in { padding: 8.8rem 0 10.1rem; }
.section07 .tit_set { margin: 0 0 5rem; }
.section07 .tit_set .sec_tit { width: 27rem; margin: 0 auto 1.5rem; }
.section07 .tit_set .txt { font-size: 2.2rem; letter-spacing: -0.01em; }
.section07 .reward { width: 96rem; aspect-ratio: 960/248; background-image: url("../images/pc_sec07_reward@1.5x.png"); opacity: 0; transition: opacity 0.3s ease; }
.section07[data-show=y] .reward { opacity: 1; }
.section08 { background-image: url("../images/pc_sec08_bg@1.5x.jpg"); background-repeat: repeat-x; }
.section08 .in { padding: 12rem 0 18rem; }
.section08 .sec_tit { width: 42rem; margin: 0 auto 4.5rem; }
.section08 .sec_tit::before { bottom: calc(100% + 3rem); width: 4rem; }
.section08 .slide_set { max-width: 70rem; margin: 0 auto 5rem; }
.section08 .slide_set .item { position: relative; z-index: 0; gap: 1rem; width: 70rem; aspect-ratio: 700/142; background: unset; margin: 0; padding: 0.6rem 0 0; }
.section08 .slide_set .item ~ .item { margin-top: 4rem; }
.section08 .slide_set .item::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../images/pc_sec08_bubble@1.5x.png") no-repeat center center; background-size: 100% 100%; }
.section08 .slide_set .item2::before { transform: rotateY(180deg); }
.section08 .slide_set .txt { font-size: 1.6rem; }
.section08 .slide_set .desc { font-size: 1.4rem; }
.section08 .item { opacity: 0; transform: translateY(15%); transition: opacity 0.3s ease, transform 0.3s ease; }
.section08[data-show=y] .item { opacity: 1; transform: translateY(0); }
.section08[data-show=y] .item2 { transition-delay: 0.3s; }
.section09 { background-image: url("../images/pc_sec09_bg@1.5x.jpg"); background-repeat: repeat-x; height: 81rem; }
.section09::after { height: 39rem; background-image: url("../images/pc_sec09_bg_star@1.5x.png"); }
.section09 .in { padding: 9.4rem 0 0; }
.section09 .tit_set { margin: 0 0 4.5rem; }
.section09 .sec_tit { width: 36rem; aspect-ratio: 360/129; background-image: url("../images/pc_sec09_tit@1.5x.png"); margin: 0 auto 0.9rem; }
.section09 .s_tit { font-size: 2rem; }
.section_tab .in { max-width: 84rem; padding: 8rem 0; }
.section_tab .sec_tit { font-size: 4rem; letter-spacing: 0; margin: 0 0 4rem; }
.section_tab .tab_list ul { gap: 1.5rem; }
.section_tab .tab_list .head { padding-inline: 2rem; }
.section_tab .tab_list .head button { gap: 2.5rem; font-size: 1.8rem; line-height: 2.2rem; letter-spacing: 0; padding: 3rem 1rem; }
.section_tab .tab_list .head button::before { font-size: 2rem; line-height: 2.2rem; }
.section_tab .tab_list .head button::after { -webkit-mask-size: 100% auto; }
.section_tab .tab_list .head button::after { width: 2.1rem; }
.section_tab .tab_list .body { padding-inline: 2rem; }
.section_tab .tab_list .body .inner { gap: 2.5rem; font-size: 1.6rem; letter-spacing: -0.03em; border-width: 0.2rem; padding: 2rem 1rem; }
.section_tab .tab_list .body .inner::before { font-size: 2rem; line-height: 130%; }
.section_tab .contact { border-top: 0.2rem solid #9CAC51; margin: 4.4rem 0 0; }
.section_tab .contact > p { color: #432F2E; font-size: 2.8rem; font-weight: 600; line-height: 135%; text-align: center; padding: 5rem 0 3rem; }
.section_tab .contact .link { max-width: 70rem; margin: 0 auto; border-radius: 0.6rem; padding: 1.2rem 2.5rem; }
.section_tab .contact .link .txt { font-size: 1.8rem; }
.section_tab .contact .link .icon { width: 5.6rem; }
.footer .in { flex-direction: row; align-items: unset; max-width: 96rem; margin: 0 auto; padding: 8rem 0; }
.footer .logo_set .logo { -webkit-mask-size: 100% auto; }
.footer .logo_set .logo { order: unset; flex: unset; margin: 0 auto; }
.footer .address { order: unset; flex: unset; font-size: 1.5rem; line-height: 200%; letter-spacing: -0.02em; text-align: left; margin-top: 3.5rem; }
.footer .copyright { order: unset; flex: unset; font-size: 1.4rem; line-height: 2.2rem; margin-top: 1rem; }
.footer .link_set { order: unset; flex: unset; justify-content: unset; gap: 1rem; margin: auto 0 auto auto; }
.footer .link_set a { width: 4.4rem; border-radius: 0.5rem; }
.popup { padding: 4.3rem 8rem; }
.popup .popup_inner { width: 128rem; padding: 7.5rem 0; background-image: url("../images/pc_popup_bg@1.5x.jpg"); border-radius: 1rem; }
.popup .popup_inner::before { -webkit-mask-size: 100% auto; }
.popup .popup_inner::before { content: none; }
.popup .btn_pop_close.ver1 { right: 2rem; top: 2rem; width: 3.5rem; }
.popup .btn_pop_close.ver2 { display: none; }
.popup.popup_solution .in { max-width: 84rem; margin: 0 auto; }
.popup.popup_solution .s_tit { font-size: 2.2rem; letter-spacing: -0.01em; }
.popup.popup_solution ul em { height: 3.1rem; }
.popup.popup_solution ul p { font-size: 1.6rem; }
.popup.popup_solution .tit1 { width: 51rem; aspect-ratio: 460/43; background-image: url("../images/pc_popup_solution_tit1@1.5x.png"); margin: 0 auto 1.5rem; }
.popup.popup_solution .list1 { background: unset; gap: 2rem; border-bottom: 0.2rem solid #8ECBDD; padding: 0 0 4rem; margin: 3.5rem 0; }
.popup.popup_solution .list1 li { width: 19.5rem; height: 16.5rem; gap: 0.65rem; background: url("../images/pc_popup_solution_list_bg1@1.5x.png") no-repeat center center; background-size: 100% 100%; }
.popup.popup_solution .list1 li:nth-child(1) em { background-image: url("../images/pc_popup_solution_list1_tit1@1.5x.png"); }
.popup.popup_solution .list1 li:nth-child(2) em { height: 6.2rem; background-image: url("../images/pc_popup_solution_list1_tit2@1.5x.png"); }
.popup.popup_solution .list1 li:nth-child(3) em { background-image: url("../images/pc_popup_solution_list1_tit3@1.5x.png"); }
.popup.popup_solution .list1 li:nth-child(4) em { height: 6.2rem; background-image: url("../images/pc_popup_solution_list1_tit4@1.5x.png"); }
.popup.popup_solution .tit2 { width: 18rem; aspect-ratio: 164/43; background-image: url("../images/pc_popup_solution_tit2@1.5x.png"); margin: 0 auto 3.5rem; }
.popup.popup_solution .list2 { flex-direction: row; justify-content: center; gap: 2rem; }
.popup.popup_solution .list2 li { width: 41rem; height: 14.2rem; }
.popup.popup_solution .list2 li:nth-child(1) em { background-image: url("../images/pc_popup_solution_list2_tit1@1.5x.png"); }
.popup.popup_solution .list2 li:nth-child(2) em { background-image: url("../images/pc_popup_solution_list2_tit2@1.5x.png"); } }
@media (min-width: 1001px) and (max-width: 1440px){
html { font-size: 0.6944444444vw; } }
@media (min-width: 1001px) and (min-width: 1001px){
.popup.popup_solution .list2 li { background-image: url("../images/pc_popup_solution_list_bg2@1.5x.png"); } }
@media (min-width: 1441px){
html { font-size: 10px; } }
@media (max-width: 1000px){
.sec_story .in { padding: 13rem 3.6rem 26.6rem; }
.sec_story .eyebrow_txt { display: flex; align-items: center; justify-content: center; gap: 1rem; color: #543B2C; font-size: 3.2rem; font-weight: 700; line-height: 140%; letter-spacing: -0.01em; text-align: center; background: no-repeat center center; background-size: contain; margin: 0 auto 2rem; }
.sec_story .eyebrow_txt::after { content: ""; flex-shrink: 0; display: block; width: 2.6rem; aspect-ratio: 5/5; background: no-repeat center center; background-size: contain; }
.sec_story .tit { display: block; width: 100%; aspect-ratio: unset; background: url("../images/mo_sec02_tit1@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 4.1rem; }
.sec_story .tit1 { height: 16.2rem; }
.sec_story .tit2 { height: 8.1rem; }
.sec_story .txt { color: #432F2E; font-size: 3.2rem; font-weight: 400; line-height: 140%; text-align: center; padding: 53.8rem 0 0; }
.sec_story .txt .bold { font-weight: 600; }
.sec_story .item > div { display: block; width: 72.8rem; aspect-ratio: unset; background: url("../images/mo_sec02_item1@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto; }
.sec_story .item1 > div { height: 78rem; }
.sec_story .item2 > div { height: 73.6rem; }
.sec_story .item ~ .item { margin-top: 10.1rem; }
.sec_story .item2 > div { opacity: 0; transition: opacity 0.5s ease; }
.sec_story[data-show=y] .item2 > div { opacity: 1; }
.section02 { height: 240rem; position: relative; overflow: hidden; background: url("../images/mo_sec02_bg@1.5x.jpg") no-repeat center top; background-size: auto 100%; }
.section02 .eyebrow_txt { background-image: url("../images/mo_sec02_txtBg@1.5x.png"); }
.section02 .eyebrow_txt::after { background-image: url("../images/mo_sec02_num@1.5x.png"); }
.section02 .tit1 { background-image: url("../images/mo_sec02_tit1@1.5x.png"); }
.section02 .tit2 { background-image: url("../images/mo_sec02_tit2@1.5x.png"); }
.section02 .item1 > div { background-image: url("../images/mo_sec02_item1@1.5x.png"); }
.section02 .item2 > div { background-image: url("../images/mo_sec02_item2@1.5x.png"); }
.section03 { height: 240.2rem; position: relative; overflow: hidden; background: url("../images/mo_sec03_bg@1.5x.jpg") no-repeat center top; background-size: auto 100%; }
.section03 .eyebrow_txt { color: #FFF1BC; background-image: url("../images/mo_sec03_txtBg@1.5x.png"); }
.section03 .eyebrow_txt::after { background-image: url("../images/mo_sec03_num@1.5x.png"); }
.section03 .tit1 { background-image: url("../images/mo_sec03_tit1@1.5x.png"); }
.section03 .tit2 { background-image: url("../images/mo_sec03_tit2@1.5x.png"); }
.section03 .item1 > div { background-image: url("../images/mo_sec03_item1@1.5x.png"); }
.section03 .item2 > div { background-image: url("../images/mo_sec03_item2@1.5x.png"); }
.section04 { height: 240.2rem; position: relative; overflow: hidden; background: url("../images/mo_sec04_bg@1.5x.jpg") no-repeat center top; background-size: auto 100%; }
.section04 .eyebrow_txt { color: #785D44; background-image: url("../images/mo_sec04_txtBg@1.5x.png"); }
.section04 .eyebrow_txt::after { background-image: url("../images/mo_sec04_num@1.5x.png"); }
.section04 .txt { color: #4C7026; }
.section04 .tit1 { background-image: url("../images/mo_sec04_tit1@1.5x.png"); }
.section04 .tit2 { background-image: url("../images/mo_sec04_tit2@1.5x.png"); }
.section04 .item1 > div { background-image: url("../images/mo_sec04_item1@1.5x.png"); }
.section04 .item1 .bold { font-weight: 700; }
.section04 .item2 > div { background-image: url("../images/mo_sec04_item2@1.5x.png"); } }
@media (max-width: 1000px) and (min-width: 1001px){
.section02 { background-image: url("../images/pc_sec02_bg@1.5x.jpg"); background-repeat: repeat-x; }
.section03 { background-image: url("../images/pc_sec03_bg@1.5x.jpg"); background-repeat: repeat-x; }
.section04 { background-image: url("../images/pc_sec04_bg@1.5x.jpg"); background-repeat: repeat-x; } }