html,body {}
.wrap {
width: 100%;
min-width: 1280px;
--ft-nanummyeongjo: "NanumMyeongjo", serif;
--ft-eulyoo: "Eulyoo1945", serif;
}
.bold {font-weight: 700;}
/* wrap_fixed */
.wrap_fixed {}
.wrap_fixed .logo_set {position: fixed;top: 40px;left: 40px;z-index: -1;opacity: 0;transition: all 0.3s ease;}
.wrap_fixed .logo_set[data-show="y"] {opacity: 1;z-index: 200;}
.wrap_fixed .logo_set a {position: relative;width: 180px;aspect-ratio: 180/68;}
.wrap_fixed .logo_set a .bg {position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;width: 100%;height: 100%;background: url("../images/logo_sprites@2x.png") no-repeat left 2.5% center;background-size: auto 129.41176470588%;transition: opacity 0.3s ease;}
.wrap_fixed .logo_set a .bg.txt_bk {background-position: 2.5% center;}
.wrap_fixed .logo_set a .bg.txt_bl {background-position: 50% center;}
.wrap_fixed .logo_set a .bg.txt_wh {background-position: 97.5% center;}
.wrap_fixed .logo_set[data-color="bk"] a .bg.txt_bk,
.wrap_fixed .logo_set[data-color="bl"] a .bg.txt_bl,
.wrap_fixed .logo_set[data-color="wh"] a .bg.txt_wh {z-index: 1;opacity: 1;}
.wrap_fixed .sticky_set {position: fixed;right: 20px;bottom: 20px;z-index: 300;transform: translateY(calc(100% + 50px));transition: transform 0.3s ease;}
.wrap_fixed .sticky_set[data-show="y"] {transform: translateY(0%);}
.wrap_fixed .sticky_set .btn_sticky {position: relative;display: block;width: 246px;aspect-ratio: 246/92;background: url("../images/btn_sticky_bg@1.5x.jpg") no-repeat center center;background-size: cover;border-radius: 4px;padding: 21px 0 0 23px;}
.wrap_fixed .sticky_set .btn_sticky .btn_txt {display: block;width: 130px;aspect-ratio: 130/51;background: url("../images/btn_sticky_txt@1.5x.png") no-repeat center center;background-size: contain;}
.wrap_fixed .sticky_set .btn_sticky .btn_img {
position: absolute;right: 0;bottom: 0;z-index: 1;
display: block;width: 140px;aspect-ratio: 5/5;
background: url("../images/btn_sticky_img_box@1.5x.png") no-repeat center center;
background-size: contain;
pointer-events: none;
}
.wrap_fixed .sticky_set .btn_sticky .btn_img::before,
.wrap_fixed .sticky_set .btn_sticky .btn_img::after {
content: '';position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;background: no-repeat center center;background-size: contain;
transition: opacity 0.3s ease;
}
.wrap_fixed .sticky_set .btn_sticky .btn_img::before {opacity: 1;background-image: url("../images/btn_sticky_img@1.5x.png");}
.wrap_fixed .sticky_set .btn_sticky .btn_img::after {opacity: 0;background-image: url("../images/btn_sticky_img_hover@1.5x.png");}
.wrap_fixed .sticky_set .btn_sticky:hover .btn_img::before {opacity: 0;}
.wrap_fixed .sticky_set .btn_sticky:hover .btn_img::after {opacity: 1;}
/* wrap_visual */
.section_visual {
position: relative;
height: 100vh;
--parent-height: 100vh;
background: #000 url("../images/main_bg@1.5x.jpg") no-repeat center center;
background-size: auto 100%;
overflow: hidden;
}
.section_visual .tit_set .sec_tit {
position: absolute;
left: calc(50% - 776px);
top: calc(50% - 260px);
z-index: 1;
display: block;
width: 758px;
aspect-ratio: 758/443;
max-width: 758px;
background: url("../images/main_title@1.5x.png") no-repeat center center;
background-size: 100% auto;
}
.section_visual .tit_set .s_tit {
position: absolute;
left: 50%;
bottom: 139px;
z-index: 1;
display: block;
width: 408px;
aspect-ratio: 408/35;
max-width: 408px;
transform: translateX(-50%);
}
.section_visual .tit_set .s_tit::before {
content:'';position: absolute;left: 50%;top: 50%;z-index: -1;width: 650px;aspect-ratio: 650/272;max-width: 650px;background: url("../images/main_txt_shadow@1.5x.png") no-repeat center center;background-size: contain;transform: translate(-50%, -50%);
}
.section_visual .tit_set .s_tit::after {content:'';display: block;width: 100%;height: 100%;background: url("../images/main_txt@1.5x.png") no-repeat center center;background-size: 100% auto;}
/* 메인, section01[data-index="4"] */
.scroll_set {position: absolute;left: 50%;bottom: 35px;z-index: 10;transform:translateX(-50%);}
.scroll_set .arr {display: block;width: 37px;aspect-ratio: 37/50;background: url("../images/main_scroll_arr@1.5x.png") no-repeat center center;background-size: 100% auto;margin: 0 auto 12px;filter: drop-shadow(0 0 5px #000) drop-shadow(0 0 12px rgba(0, 0, 0, 0.70));animation: main_scroll_ani 1.2s ease-in-out infinite;}
@keyframes main_scroll_ani {
0% {transform: translateY(0);}
50% {transform: translateY(-10px);}
}
.scroll_set .txt {display: block;width: 92px;aspect-ratio: 92/15;background: url("../images/main_scroll_txt@1.5x.png") no-repeat center center;background-size: 100% auto;margin: 0 auto;filter: drop-shadow(0 0 5px #000) drop-shadow(0 0 12px rgba(0, 0, 0, 0.70));}
@media (max-width: 1570px) {
.section_visual .tit_set .sec_tit {left: 0;}
}
@media (max-height: 800px) {
.section_visual .tit_set .sec_tit {
left: calc(50% - calc(var(--parent-height) * (776 / 800)));
top: calc(50% - var(--parent-height) * (260 / 800));
width: calc(var(--parent-height) * (758 / 800));
}
.section_visual .tit_set .s_tit {
bottom: calc(var(--parent-height) * (139 / 800));
width: calc(var(--parent-height) * (408 / 800));
}
.section_visual .tit_set .s_tit::before {width: calc(var(--parent-height) * (650 / 800));}
.section_visual .scroll_set {bottom: calc(var(--parent-height) * (35 / 800));}
.section_visual .scroll_set .arr {width: calc(var(--parent-height) * (37 / 800));margin: 0 auto calc(var(--parent-height) * (12 / 800));}
.section_visual .scroll_set .txt {width: calc(var(--parent-height) * (92 / 800));}
@keyframes main_scroll_ani {
0% {transform: translateY(0);}
50% {transform: translateY(calc(var(--parent-height) * (-10 / 800)));}
}
@media (max-aspect-ratio: 1570/800) {
.section_visual .tit_set .sec_tit {left: 0;}
}
}
/* show */
.section_visual .tit_set .sec_tit,
.section_visual .tit_set .s_tit {opacity: 0;transition: opacity 0.5s ease;}
.section_visual[data-show="y"] .tit_set .sec_tit {opacity: 1;}
.section_visual[data-show="y"] .tit_set .s_tit {opacity: 1;transition-delay: 0.5s;}
/* section01 */
.sec01_sticky_outer {
position: relative;
--parent-height: 100vh;
}
.sec01_sticky_in {position: relative;width: 100%;height: 400vh;}
.section01 {
position: sticky;top: 0;z-index: 1;
width: 100%;
height: var(--parent-height);
background: url("../images/sec01_bg@1.5x.jpg") repeat-x center center;
background-size: auto 100%;
overflow: hidden;
}
.section01 .in {}
.section01 .envelope {
position: absolute;right: calc(50% - 88px);top: calc(50% - 436px);z-index: 0;
width: 757px;aspect-ratio: 757/866;
background: url("../images/sec01_bg_envelope@1.5x.png") no-repeat center center;
background-size: contain;
}
.section01 .chain {position: absolute;left: calc(50% + 214px);top: calc(50% - 354px);z-index: 0;width: 437px;aspect-ratio: 437/487;background: url("../images/sec01_bg_chain@1.5x.png") no-repeat center center;background-size: contain;}
.section01 .letter_set {position: absolute;left: calc(50% - 390px);top: 50%;z-index: 1;display: flex;flex-direction: column;align-items: center;width: 780px;aspect-ratio: 780/578;background: url("../images/sec01_letter_bg@1.5x.png") no-repeat center center;background-size: contain;transform: translateY(-50%);padding-top: 75px;}
.section01 .letter_set .sec_tit {flex: 0 0 auto;display: block;width: 620px;aspect-ratio: 620/125;background: url("../images/sec01_letter_tit@1.5x.png") no-repeat center center;background-size: 100% auto;margin: 0 auto;}
.section01 .letter_set .picture {flex: 0 0 auto;position: relative;display: block;width: 320px;height: 176px;background: url("../images/sec01_letter_picture@1.5x.png") no-repeat center center;background-size: contain;margin: 24px auto 32px;}
.section01 .letter_set .picture::after {content:'';position: absolute;left: 0;top: 50%;z-index: 1;display: block;width: 320px;height: 12px;background: url("../images/sec01_letter_picture_line@1.5x.png") no-repeat left center;background-size: auto 100%;transform: translateY(-50%);}
.section01 .letter_set .txt_set {flex: 1 1 auto;position: relative;display: block;width: 100%;}
.section01 .letter_set .txt_set .txt {
position: absolute;left: 0;top: 0;z-index: 0;
display: flex;align-items: center;justify-content: center;
width: 100%;min-height: 60px;
font-family: var(--ft-nanummyeongjo);
color: #000;
font-size: 20px;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.02em;
text-align: center;
}
.section01 .letter_set .txt_set .txt03 {font-size: 26px;}
.section01 .letter_set .txt_set .txt04 {font-size: 30px;font-weight: 800;}
.section01 .letter_set .slide_arrow {
position: absolute;top: 284px;z-index: 1;
display: block;width: 50px;aspect-ratio: 5/5;
background: url("../images/sec01_slide_arr@1.5x.png") no-repeat center center;
background-size: 43px auto;
transition: all 0.3s ease;
}
.section01 .letter_set .slide_prev {left: 143px;transform: rotateY(-180deg);}
.section01 .letter_set .slide_next {right: 143px;}
.section01 .letter_set .slide_dots {position: absolute;left: 50%;bottom: 66px;z-index: 3;display: flex;align-items: center;justify-content: center;gap: 12px;transform: translateX(-50%);}
.section01 .letter_set .slide_dots li {flex: 0 0 auto;width: 7px;aspect-ratio: 5/5;background: rgba(16, 16, 16, 0.2);border-radius: 100%;transition: background 0.3s ease;}
.sec01_sticky_outer[data-index="1"] .letter_set .slide_prev,
.sec01_sticky_outer[data-index="4"] .letter_set .slide_next {opacity: 0;visibility: hidden;}
.sec01_sticky_outer[data-index="1"] .letter_set .slide_dots li:nth-child(1),
.sec01_sticky_outer[data-index="2"] .letter_set .slide_dots li:nth-child(2),
.sec01_sticky_outer[data-index="3"] .letter_set .slide_dots li:nth-child(3),
.sec01_sticky_outer[data-index="4"] .letter_set .slide_dots li:nth-child(4) {background: rgba(16, 16, 16, 1);}
@media (max-height: 740px) {
.section01 .envelope {
right: calc(50% - calc(var(--parent-height) * (88 / 740)));
top: calc(50% - calc(var(--parent-height) * (436 / 740)));
width: calc(var(--parent-height) * (757 / 740));
}
.section01 .chain {
left: calc(50% + calc(var(--parent-height) * (214 / 740)));
top: calc(50% - calc(var(--parent-height) * (354 / 740)));
width: calc(var(--parent-height) * (437 / 740));
}
.section01 .letter_set {
left: calc(50% - calc(var(--parent-height) * (390 / 740)));
width: calc(var(--parent-height) * (780 / 740));
padding-top: calc(var(--parent-height) * (75 / 740));
}
.section01 .letter_set .sec_tit {width: calc(var(--parent-height) * (620 / 740));}
.section01 .letter_set .picture {
width: calc(var(--parent-height) * (320 / 740));
height: calc(var(--parent-height) * (176 / 740));
margin: calc(var(--parent-height) * (24 / 740)) auto calc(var(--parent-height) * (32 / 740));}
.section01 .letter_set .picture::after {
width: calc(var(--parent-height) * (320 / 740));
height: calc(var(--parent-height) * (12 / 740));
}
.section01 .letter_set .txt_set .txt {
min-height: calc(var(--parent-height) * (60 / 740));
font-size: calc(var(--parent-height) * (20 / 740));
}
.section01 .letter_set .txt_set .txt03 {font-size: calc(var(--parent-height) * (26 / 740));}
.section01 .letter_set .txt_set .txt04 {font-size: calc(var(--parent-height) * (30 / 740));}
.section01 .scroll_set {bottom: calc(var(--parent-height) * (35 / 740));}
.section01 .scroll_set .arr {width: calc(var(--parent-height) * (37 / 740));margin: 0 auto calc(var(--parent-height) * (12 / 740));}
.section01 .scroll_set .txt {width: calc(var(--parent-height) * (92 / 740));}
@keyframes main_scroll_ani {
0% {transform: translateY(0);}
50% {transform: translateY(calc(var(--parent-height) * (-10 / 740)));}
}
.section01 .letter_set .slide_arrow {
top: calc(var(--parent-height) * (284 / 740));
width: calc(var(--parent-height) * (50 / 740));
background-size: calc(var(--parent-height) * (43 / 740)) auto;
}
.section01 .letter_set .slide_prev {left: calc(var(--parent-height) * (143 / 740));}
.section01 .letter_set .slide_next {right: calc(var(--parent-height) * (143 / 740));}
.section01 .letter_set .slide_dots {
bottom: calc(var(--parent-height) * (66 / 740));
gap: calc(var(--parent-height) * (12 / 740));
}
.section01 .letter_set .slide_dots li {
width: calc(var(--parent-height) * (7 / 740));
}
}
/* show */
.sec01_sticky_outer .section01 .envelope {opacity: 0;transform: translateY(10%);transition: opacity 0.3s ease, transform 0.3s ease;}
.sec01_sticky_outer .section01 .chain {opacity: 0;transform: translateY(-10%);transition: opacity 0.3s ease, transform 0.3s ease;}
.sec01_sticky_outer .section01 .letter_set {opacity: 0;transition: opacity 0.3s ease;}
.sec01_sticky_outer[data-index="1"] .section01 .envelope,
.sec01_sticky_outer[data-index="2"] .section01 .envelope,
.sec01_sticky_outer[data-index="3"] .section01 .envelope,
.sec01_sticky_outer[data-index="4"] .section01 .envelope {opacity: 1;transform: translateY(0);}
.sec01_sticky_outer[data-index="1"] .section01 .chain,
.sec01_sticky_outer[data-index="2"] .section01 .chain,
.sec01_sticky_outer[data-index="3"] .section01 .chain,
.sec01_sticky_outer[data-index="4"] .section01 .chain {opacity: 1;transform: translateY(0);}
.sec01_sticky_outer[data-index="1"] .section01 .letter_set,
.sec01_sticky_outer[data-index="2"] .section01 .letter_set,
.sec01_sticky_outer[data-index="3"] .section01 .letter_set,
.sec01_sticky_outer[data-index="4"] .section01 .letter_set {opacity: 1;transition-delay: 0.3s;}
.section01 .letter_set .txt_set .txt01 {opacity: 0;transition: opacity 0.3s ease;}
.section01 .letter_set .txt_set .txt02 {opacity: 0;transition: opacity 0.3s ease;}
.section01 .letter_set .txt_set .txt03 {opacity: 0;transition: opacity 0.3s ease;}
.section01 .letter_set .txt_set .txt04 {opacity: 0;transition: opacity 0.3s ease;}
.sec01_sticky_outer[data-index="1"] .section01 .letter_set .txt_set .txt01 {opacity: 1;}
.sec01_sticky_outer[data-index="2"] .section01 .letter_set .txt_set .txt02 {opacity: 1;}
.sec01_sticky_outer[data-index="3"] .section01 .letter_set .txt_set .txt03 {opacity: 1;}
.sec01_sticky_outer[data-index="4"] .section01 .letter_set .txt_set .txt04 {opacity: 1;}
.section01 .letter_set .picture::after {width: 0;transition: width 0.3s linear;}
.sec01_sticky_outer[data-index="4"] .section01 .letter_set .picture::after {width: 100%;}
.section01 .scroll_set {opacity: 0;transition: opacity 0.3s ease;}
.sec01_sticky_outer[data-index="4"] .section01 .scroll_set {opacity: 1;transition-delay: 0.5s;}
/* section02 */
.section02 {position: relative;background: url("../images/sec02_bg@1.5x.jpg") repeat-x center center;background-size: auto 100%;}
.section02 .in {display: flex;max-width: 1280px;margin: 0 auto;padding: 65px 0;}
.section02 .slide_set {position: relative;}
.section02 .slide_set .swiper-slide {}
.section02 .slide_set .tit_set {display: block;width: 680px;aspect-ratio: 680/125;background: url("../images/sec02_tit_bg@1.5x.png") no-repeat center center;background-size: contain;padding: 13px 0 0 57px;margin: 55px 0 0;}
.section02 .slide_set .tit_set > div {display: flex;align-items: center;gap: 13px;}
.section02 .slide_set .tit_set p {font-family: var(--ft-nanummyeongjo);color: #131313;font-size: 36px;font-weight: 700;line-height: 140%;letter-spacing: -0.02em;}
.section02 .slide_set .tit_set .before {position: relative;display: block;}
.section02 .slide_set .tit_set .before .line {position: absolute;left: -25px;top: 47%;z-index: 1;height: 4px;background: url("../images/sec02_tit_ani_line@1.5x.png") no-repeat left center;background-size: auto 100%;pointer-events: none;}
.section02 .slide_set .tit_set .after {margin-left: 93px;}
.section02 .slide_set .txt_set {margin: 60px 0 0 57px;}
.section02 .slide_set .txt_set .tit {font-family: var(--ft-nanummyeongjo);color: #DA9F52;font-size: 30px;font-weight: 700;line-height: 140%;letter-spacing: -0.02em;margin-bottom: 20px;}
.section02 .slide_set .txt_set .txt {position: relative;display: block;color: #CACACA;font-size: 16px;font-weight: 300;line-height: 150%;letter-spacing: -0.02em;padding-left: 80px;}
.section02 .slide_set .txt_set .txt::before {content:'';position: absolute;left: 0;top: 11px;z-index: 0;width: 60px;height: 1px;background: #cacaca;}
.section02 .slide_set .ctrl_set {position: absolute;right: 108px;bottom: 10px;z-index: 1;display: flex;align-items: center;}
.section02 .slide_set .ctrl_set .btn_play {position: relative;display: block;width: 24px;aspect-ratio: 5/5;background: rgba(255, 255, 255, 0.15);border-radius: 100%;}
.section02 .slide_set .ctrl_set .btn_play::before,
.section02 .slide_set .ctrl_set .btn_play::after {content:'';position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;pointer-events: none;}
.section02 .slide_set .ctrl_set .btn_play::before {opacity: 1;background: url('data:image/svg+xml,') no-repeat left 55% center;background-size: auto 10px;}
.section02 .slide_set .ctrl_set .btn_play::after {opacity: 0;background: url('data:image/svg+xml,') no-repeat center center;background-size: auto 12px;}
.section02 .slide_set .ctrl_set .btn_play.pause::before {opacity: 0;}
.section02 .slide_set .ctrl_set .btn_play.pause::after {opacity: 1;}
.section02 .slide_set .slide_dots {
display: inline-flex;align-items: center;justify-content: center;gap: 4px;
width: auto;min-width: 82px;
color: #777;
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.02em;
background: rgba(255, 255, 255, 0.15);
border-radius: 100px;
padding: 1px 15px;
margin: 0 18px 0 5px;
}
.section02 .slide_set .slide_dots .swiper-pagination-current {color: #fff;font-weight: 700;}
.section02 .slide_set .line {display: block;width: 1px;height: 26px;background: #353535;margin: 0 15px;}
.section02 .slide_set .slide_arrow {
display: block;
width: 35px;aspect-ratio: 35/27;
background: #fff;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: contain;
filter: drop-shadow(0 0 5px #000) drop-shadow(0 0 12px rgba(0, 0, 0, 0.70));
}
.section02 .slide_set .slide_next {transform: rotateY(-180deg);}
.section02 .img_set {flex: 0 0 auto;position: relative;display: block;width: 481px;aspect-ratio: 481/510;overflow: hidden;}
.section02 .img_set .img {position: absolute;left: 0;top: 0;z-index: 0;display: block;width: 100%;height: 100%;background: no-repeat left center;background-size: contain;}
.section02 .img_set .img01 {background-image: url("../images/sec02_img01@1.5x.png");}
.section02 .img_set .img02 {background-image: url("../images/sec02_img02@1.5x.png");}
.section02 .img_set .img03 {background-image: url("../images/sec02_img03@1.5x.png");}
/* show */
.section02 .img_set .img {transition: all 0.5s ease;}
/* active 되며 올라오는 사진 */
.section02 .img_set .img[data-status="up"] {transform: translateY(0);}
/* 밑에 쌓이며 흐려지는 사진 */
.section02 .img_set .img[data-status="opacity"] {opacity: 0.2;}
/* 페이드아웃 되며 사라짐 */
.section02 .img_set .img[data-status="off"] {opacity: 0;}
/* 다음 차례를 위해 off 된 다음 밑으로 내려감 */
.section02 .img_set .img[data-status="ready"] {transform: translateY(50%);opacity: 0;}
/* 타이틀 */
.section02 .slide_set .tit_set p {transition: opacity 0.3s ease;}
.section02 .slide_set .tit_set .before p {opacity: 1;}
.section02 .slide_set .swiper-slide-active .tit_set .before p {opacity: 0.2;transition: opacity 0.5s 0.8s ease;}
.section02 .slide_set .tit_set .after {opacity: 0;}
.section02:not([data-index="0"]) .slide_set .swiper-slide-active .tit_set .after {opacity: 1;transition: opacity 0.5s 0.8s ease;}
/* 타이틀 라인 */
.section02 .slide_set .tit_set .before .line {width: 0;transition: width 0.3s ease;}
.section02 .slide_set .slide1 .tit_set .before .line {background-size: 320px auto;}
.section02 .slide_set .slide2 .tit_set .before .line {background-size: 376px auto;}
.section02 .slide_set .slide3 .tit_set .before .line {background-size: 420px auto;}
.section02[data-index="1"] .slide_set .slide1 .tit_set .before .line {width: 320px;transition: width 0.5s linear;transition-delay: 0.8s;}
.section02[data-index="2"] .slide_set .slide2 .tit_set .before .line {width: 376px;transition: width 0.5s linear;transition-delay: 0.8s;}
.section02[data-index="3"] .slide_set .slide3 .tit_set .before .line {width: 420px;transition: width 0.5s linear;transition-delay: 0.8s;}
/* section03 */
.section03 {position: relative;background: url("../images/sec03_bg@1.5x.jpg") repeat-x center center;background-size: auto 100%;}
.section03 .in {padding: 55px 0 58px;}
.section03 .tit_set {}
.section03 .tit_set .sec_tit {font-family: var(--ft-nanummyeongjo);color: #FFF;font-size: 36px;font-weight: 700;line-height: 150%;letter-spacing: -0.02em;text-align: center;filter: drop-shadow(0 0 8px #000);}
/* section04 */
.section04 {position: relative;background: #000 url("../images/sec04_bg@1.5x.jpg") no-repeat center center;background-size: auto 100%;}
.section04 .in {padding: 120px 0 100px;text-align: center;}
.section04 .sec_tit {display: block;width: 830px;aspect-ratio: 830/108;background: url("../images/sec04_tit@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto 40px;}
.section04 .bride {display: inline-flex;align-items: flex-end;justify-content: center;gap: 8px;margin-bottom: 30px;}
.section04 .bride p {font-family: var(--ft-nanummyeongjo);color: #FFF;font-size: 30px;font-weight: 600;line-height: 140%;letter-spacing: -0.02em;}
.section04 .bride .swiper {width: 140px;border-bottom: 1px solid #fff;}
.section04 .bride .swiper-slide p {color: #DA9F52;font-size: 36px;font-weight: 700;letter-spacing: -0.02em;text-shadow: 0 0 8px #000;}
.section04 .txt {font-family: var(--ft-nanummyeongjo);color: #FFF;font-size: 30px;font-weight: 700;line-height: 150%;letter-spacing: -0.02em;text-shadow: 0 0 8px #000;}
.section04 .txt + .txt {position: relative;margin: 40px 0 92px;}
.section04 .txt + .txt::after {content:'';position: absolute;left: 50%;top: calc(100% + 21px);z-index: 0;width: 165px;aspect-ratio: 165/40;background: url("../images/sec04_txt_deco@1.5x.png") no-repeat center center;background-size: contain;transform: translateX(-50%);filter: drop-shadow(0 0 8px #000);}
.section04 .desc {color: #CACACA;font-size: 18px;font-weight: 300;line-height: 150%;letter-spacing: -0.02em;}
.section04 .btn_set {display: flex;justify-content: center;gap: 30px;margin: 18px 0 0;}
.section04 .btn_set .btn {
display: flex;align-items: center;justify-content: center;
width: 180px;aspect-ratio: 180/70;
font-family: var(--ft-nanummyeongjo);color: #FFF;font-size: 26px;font-weight: 700;line-height: 150%;letter-spacing: -0.02em;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.65);
border-radius: 10px;
background: rgba(255, 255, 255, 0.40);
box-shadow: 0 0 14px 0 rgba(255, 255, 255, 0.70) inset;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
transition: all 0.3s ease;
}
.section04 .btn_set .btn_y {position: relative;}
.section04 .btn_set .btn_y .line {position: absolute;left: 50%;top: 50%;z-index: 0;width: 222px;height: 4px;transform: translate(-50%,-50%);pointer-events: none;}
.section04 .btn_set .btn_y .line::after {content:'';display: block;width: 0;height: 100%;background: url("../images/sec04_btn_line@1.5x.png") no-repeat left center;background-size: auto 100%;transition: width 0.2s linear;}
.section04 .btn_set .btn_y[disabled] {pointer-events: none;}
.section04 .btn_set .btn_y[disabled] .btn,
.section04 .btn_set .btn_y:hover .btn {opacity: 0.2;}
.section04 .btn_set .btn_y[disabled] .line::after,
.section04 .btn_set .btn_y:hover .line::after {width: 100%;}
.section04 .btn_set .btn_n:hover {color: #131313;background: #DA9F52;text-shadow: unset;box-shadow: unset;}
/* show */
.section04 .sec_tit,
.section04 .txt_set,
.section04 .btn_set {opacity: 0;transition: opacity 0.3s ease;}
.section04[data-show="y"] .sec_tit {opacity: 1;}
.section04[data-show="y"] .txt_set {opacity: 1;transition-delay: 0.3s;}
.section04[data-show="y"] .btn_set {opacity: 1;transition-delay: 0.6s;}
/* section05 */
.section05 {position: relative;background: #000 url("../images/sec05_bg@1.5x.jpg") no-repeat center center;background-size: auto 100%;}
.section05 .in {max-width: 1280px;margin: 0 auto;padding: 240px 0 240px 80px;}
.section05 .sec_tit {font-family: var(--ft-eulyoo);color: #fff;font-size: 40px;font-weight: 600;line-height: 147%;letter-spacing: -0.03em;text-align: left;-webkit-text-stroke-width: 0.3px;-webkit-text-stroke-color: #fff;margin: 0 0 60px;}
.section05 .sec_tit .col {color: #DA9F52;-webkit-text-stroke-color: #DA9F52;}
.section05 .sec_tit > span {display: block;}
.section05 .sec_tit > span:nth-child(2) {font-weight: 400;margin-top: 5px;}
.section05 .btn_set {}
.section05 .btn_set .btn_cta {
display: inline-flex;align-items: center;gap: 12px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.40);
box-shadow: 0 0 14px 0 rgba(255, 255, 255, 0.70) inset;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
padding: 21px 45px;
transition: all 0.3s ease;
}
.section05 .btn_set .btn_cta .btn_txt {font-family: var(--ft-nanummyeongjo);color: #FFF;font-size: 26px;font-weight: 800;line-height: 150%;letter-spacing: -0.02em;filter: drop-shadow(0 0 8px #000);transition: all 0.3s ease;}
.section05 .btn_set .btn_cta .btn_arr {display: block;filter: drop-shadow(0 0 8px #000);transition: all 0.3s ease;}
.section05 .btn_set .btn_cta .btn_arr::after {content:'';display: block;width: 29px;aspect-ratio: 29/22;background-color: #fff;-webkit-mask: url('data:image/svg+xml,') no-repeat center center;-webkit-mask-size: contain;transition: all 0.3s ease;}
.section05 .btn_set .btn_cta:hover {background: #DA9F52;box-shadow: unset;backdrop-filter: unset;-webkit-backdrop-filter: unset;}
.section05 .btn_set .btn_cta:hover .btn_txt {color: #131313;filter: unset;}
.section05 .btn_set .btn_cta:hover .btn_arr {filter: unset;}
.section05 .btn_set .btn_cta:hover .btn_arr::after {background-color: #131313;}
/* show */
.section05 .sec_tit {opacity: 0;transition: opacity 0.3s ease;}
.section05 .btn_set {opacity: 0;transition: opacity 0.3s ease;}
.section05[data-show="y"] .sec_tit {opacity: 1;}
.section05[data-show="y"] .btn_set {opacity: 1;transition-delay: 0.3s;}
/* section06 */
.section06 {position: relative;background: url("../images/sec06_bg@1.5x.jpg") repeat-x center center;background-size: auto 100%;}
.section06 .in {padding: 118px 0 121px;}
.section06 .sec_tit {font-family: var(--ft-eulyoo);color: #131313;font-size: 51px;font-weight: 600;line-height: 147%;letter-spacing: -0.04em;text-align: center;-webkit-text-stroke-width: 0.3px;-webkit-text-stroke-color: #131313;margin: 0 0 60px;}
.section06 .sec_tit .col {color: #0A88D5;-webkit-text-stroke-color: #0A88D5;}
.section06 .sec_tit > span {display: block;}
.section06 .sec_tit > span:nth-child(2) {letter-spacing: -0.05em;}
.section06 .card_set {display: flex;justify-content: center;gap: 15px;}
.section06 .card_set li {flex: 0 0 345px;border-radius: 10px 10px 15px 15px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30);overflow: hidden;}
.section06 .card_set .img_set {display: block;width: 100%;aspect-ratio: 345/250;background: no-repeat center center;background-size: cover;}
.section06 .card_set .card01 .img_set {background-image: url("../images/sec06_card01@1.5x.jpg");}
.section06 .card_set .card02 .img_set {background-image: url("../images/sec06_card02@1.5x.jpg");}
.section06 .card_set .card03 .img_set {background-image: url("../images/sec06_card03@1.5x.jpg");}
.section06 .card_set .txt_set {
width: 100%;
height: 250px;
border-radius: 15px;
background: #0A88D5;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.30);
text-align: center;
padding: 23px 0 0;
margin-top: -20px;
}
.section06 .card_set .txt_set .tit {color: #FFF;font-size: 18px;font-weight: 800;line-height: 150%;letter-spacing: -0.02em;text-shadow: 0 0 2px #035484;}
.section06 .card_set .txt_set .total {position: relative;display: inline-flex;align-items: flex-end;justify-content: center;gap: 5px;margin: -1px 0 30px;}
.section06 .card_set .txt_set .total::after {content:'';position: absolute;left: 50%;bottom: 1px;z-index: 0;width: calc(100% + 5px);height: 2px;background: #fff;transform: translateX(-50%);pointer-events: none;}
.section06 .card_set .txt_set .total > div {position: relative;}
.section06 .card_set .txt_set .total .num {color: #FFF;font-size: 36px;font-weight: 800;line-height: 150%;letter-spacing: -0.03em;text-align: right;}
.section06 .card_set .txt_set .total .dummy {opacity: 0;visibility: hidden;pointer-events: none;}
.section06 .card_set .txt_set .total .countUp {position: absolute;right: 0;top: 0;z-index: 1;}
.section06 .card_set .txt_set .total .ko {color: #FFF;font-size: 26px;font-weight: 600;line-height: 150%;letter-spacing: -0.02em;margin: 0 0 4px 0;}
.section06 .card_set .txt_set .txt {color: #D0EDFF;font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.02em;}
/* show */
.section06 .sec_tit {opacity: 0;transform: translateY(15px);transition: all 0.3s ease;}
.section06 .card_set li {opacity: 0;transition: opacity 0.3s ease;}
.section06[data-show="y"] .sec_tit {opacity: 1;transform: translateY(0);}
.section06[data-show="y"] .card_set li {opacity: 1;}
.section06[data-show="y"] .card_set .card01 {transition-delay: 0.3s;}
.section06[data-show="y"] .card_set .card02 {transition-delay: 0.6s;}
.section06[data-show="y"] .card_set .card03 {transition-delay: 0.9s;}
/* section07 */
.section07 {position: relative;height: 800px;background: #0A88D5;}
.section07 .in {padding: 80px 0 120px;}
.section07 .sec_tit {font-family: var(--ft-eulyoo);color: #fff;font-size: 47px;font-weight: 600;line-height: 147%;letter-spacing: -0.05em;text-align: center;-webkit-text-stroke-width: 0.3px;-webkit-text-stroke-color: #fff;}
.section07 .slide_set {position: relative;display: flex;justify-content: center;margin: 37px 0 0;}
.section07 .slide_set .swiper {width: 645px;height: 350px;margin: 24px 0 0;overflow: visible;}
.section07 .slide_set .swiper-slide {background: url("../images/sec07_paper@1.5x.jpg") no-repeat center center;background-size: cover;border-radius: 10px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.20);padding: 60px 0 0 160px;}
.section07 .slide_set .tit {font-family: var(--ft-nanummyeongjo);color: #131313;font-size: 30px;font-weight: 700;line-height: 150%;letter-spacing: -0.02em;margin: 0 0 32px;}
.section07 .slide_set .txt {color: #131313;font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.02em;}
.section07 .slide_set .ctrl_set {position: absolute;right: 0;top: calc(100% + 30px);z-index: 1;display: flex;align-items: center;}
.section07 .slide_set .ctrl_set .btn_play {position: relative;display: block;width: 24px;aspect-ratio: 5/5;background: rgba(0, 0, 0, 0.15);border-radius: 100%;}
.section07 .slide_set .ctrl_set .btn_play::before,
.section07 .slide_set .ctrl_set .btn_play::after {content:'';position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;pointer-events: none;}
.section07 .slide_set .ctrl_set .btn_play::before {opacity: 1;background: url('data:image/svg+xml,') no-repeat left 55% center;background-size: auto 10px;}
.section07 .slide_set .ctrl_set .btn_play::after {opacity: 0;background: url('data:image/svg+xml,') no-repeat center center;background-size: auto 12px;}
.section07 .slide_set .ctrl_set .btn_play.pause::before {opacity: 0;}
.section07 .slide_set .ctrl_set .btn_play.pause::after {opacity: 1;}
.section07 .slide_set .slide_dots {
display: inline-flex;align-items: center;justify-content: center;gap: 4px;
width: auto;min-width: 82px;
color: #ACACAC;
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.02em;
background: rgba(0, 0, 0, 0.15);
border-radius: 100px;
padding: 1px 15px;
margin: 0 18px 0 5px;
}
.section07 .slide_set .slide_dots .swiper-pagination-current {color: #fff;font-weight: 700;}
.section07 .slide_set .line {display: block;width: 1px;height: 26px;background: #ACACAC;margin: 0 15px;}
.section07 .slide_set .slide_arrow {
display: block;
width: 35px;aspect-ratio: 35/27;
background: #fff;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: contain;
filter: drop-shadow(0 0 5px #000) drop-shadow(0 0 12px rgba(0, 0, 0, 0.70));
}
.section07 .slide_set .slide_next {transform: rotateY(-180deg);}
.section07 .img_set {flex: 0 0 auto;position: relative;z-index: 2;display: block;width: 380px;aspect-ratio: 380/430;overflow: hidden;margin-right: -146px;}
.section07 .img_set .img {position: absolute;left: 0;top: 0;z-index: 0;display: block;width: 100%;height: 100%;background: no-repeat left center;background-size: contain;}
.section07 .img_set .img01 {background-image: url("../images/sec07_img01@1.5x.png");}
.section07 .img_set .img02 {background-image: url("../images/sec07_img02@1.5x.png");}
.section07 .img_set .img03 {background-image: url("../images/sec07_img03@1.5x.png");}
/* show */
.section07 .img_set .img {transition: all 0.3s ease;}
/* active 되며 올라오는 사진 */
.section07 .img_set .img[data-status="up"] {transform: translateY(0);}
/* 페이드아웃 되며 사라짐 */
.section07 .img_set .img[data-status="off"] {opacity: 0;}
/* 다음 차례를 위해 off 된 다음 밑으로 내려감 */
.section07 .img_set .img[data-status="ready"] {transform: translateY(50%);opacity: 0;}
/* section08 */
.section08 {position: relative;background: url("../images/sec08_bg@1.5x.jpg") repeat-x center center;background-size: auto 100%;}
.section08 .in {padding: 100px 0;}
.section08 .sec_tit {font-family: var(--ft-eulyoo);color: #131313;font-size: 47px;font-weight: 600;line-height: 147%;letter-spacing: -0.04em;text-align: center;-webkit-text-stroke-width: 0.3px;-webkit-text-stroke-color: #131313;}
.section08 .sec_tit .col {color: #0A88D5;-webkit-text-stroke-color: #0A88D5;}
.section08 .sec_tit > span {display: block;}
.section08 .sec_tit > span:nth-child(2) {letter-spacing: -0.05em;}
.section08 .s_tit {color: #131313;font-size: 18px;font-weight: 500;line-height: 150%;letter-spacing: -0.02em;text-align: center;margin: 24px 0 52px;}
.section08 .card_set {display: flex;justify-content: center;gap: 15px;}
.section08 .card_set li {flex: 0 0 345px;border-radius: 15px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30);overflow: hidden;}
.section08 .card_set .img_set {display: block;width: 100%;aspect-ratio: 345/280;background: no-repeat center center;background-size: cover;}
.section08 .card_set .card01 .img_set {background-image: url("../images/sec08_card01@1.5x.jpg");}
.section08 .card_set .card02 .img_set {background-image: url("../images/sec08_card02@1.5x.jpg");}
.section08 .card_set .card03 .img_set {background-image: url("../images/sec08_card03@1.5x.jpg");}
.section08 .card_set .txt_set {
width: 100%;
height: 210px;
background: #fff;
text-align: center;
padding: 29px 0 0;
}
.section08 .card_set .txt_set .tit {color: #131313;font-size: 26px;font-weight: 800;line-height: 150%;letter-spacing: -0.02em;}
.section08 .card_set .txt_set .line {display: block;width: 50px;height: 1px;background: #131313;margin: 11px auto;}
.section08 .card_set .txt_set .txt {color: #131313;font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.02em;}
/* show */
.section08 .tit_set {opacity: 0;transform: translateY(15px);transition: all 0.3s ease;}
.section08 .card_set li {opacity: 0;transition: opacity 0.3s ease;}
.section08[data-show="y"] .tit_set {opacity: 1;transform: translateY(0);}
.section08[data-show="y"] .card_set li {opacity: 1;}
.section08[data-show="y"] .card_set .card01 {transition-delay: 0.3s;}
.section08[data-show="y"] .card_set .card02 {transition-delay: 0.6s;}
.section08[data-show="y"] .card_set .card03 {transition-delay: 0.9s;}
/* section09 */
.section09 {position: relative;height: 860px;background: url("../images/sec09_bg@1.5x.jpg") no-repeat center center;background-size: auto 100%;}
.section09 .in {}
.section09 .box_set {position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 210px;}
.section09 .box_set::before,
.section09 .box_set::after {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: repeat-x left center;background-size: auto 100%;transition: opacity 0.3s ease;pointer-events: none;}
.section09 .box_set::before {z-index: -2;background-image: url("../images/sec09_bg_btn_default@1.5x.jpg");}
.section09 .box_set::after {
z-index: -1;background-image: url("../images/sec09_bg_btn_hover@1.5x.jpg");
width: 0;transition: width 0.5s ease;
}
.section09 .box_set:has(.btn_set .btn_cta:hover)::after {width: 100%;}
.section09 .box_set .set_in {display: flex;align-items: center;justify-content: center;gap: 60px;height: 100%;max-width: 1280px;margin: 0 auto;padding: 0 0 10px;}
.section09 .sec_tit {font-family: var(--ft-eulyoo);color: #fff;font-size: 41px;font-weight: 600;line-height: 147%;letter-spacing: -0.05em;text-align: left;-webkit-text-stroke-width: 0.3px;-webkit-text-stroke-color: #fff;}
.section09 .btn_set .btn_cta {
display: inline-flex;align-items: center;gap: 12px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.40);
box-shadow: 0 0 14px 0 rgba(255, 255, 255, 0.70) inset;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
padding: 21px 77px;
transition: all 0.3s ease;
}
.section09 .btn_set .btn_cta .btn_txt {font-family: var(--ft-nanummyeongjo);color: #FFF;font-size: 26px;font-weight: 800;line-height: 150%;letter-spacing: -0.02em;filter: drop-shadow(0 0 8px #000);transition: all 0.3s ease;}
.section09 .btn_set .btn_cta .btn_arr {display: block;filter: drop-shadow(0 0 8px #000);transition: all 0.3s ease;}
.section09 .btn_set .btn_cta .btn_arr::after {content:'';display: block;width: 29px;aspect-ratio: 29/22;background-color: #fff;-webkit-mask: url('data:image/svg+xml,') no-repeat center center;-webkit-mask-size: contain;transition: all 0.3s ease;}
.section09 .btn_set .btn_cta:hover {background: #fff;box-shadow: unset;backdrop-filter: unset;-webkit-backdrop-filter: unset;}
.section09 .btn_set .btn_cta:hover .btn_txt {color: #131313;filter: unset;}
.section09 .btn_set .btn_cta:hover .btn_arr {filter: unset;}
.section09 .btn_set .btn_cta:hover .btn_arr::after {background-color: #131313;}
/* footer */
.footer {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 {}
.footer .logo_set .logo {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 {}
.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;}