/* font 폰트 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
* {
--ft-save: 'SC_B';
--stc-black: #231815;
--stc-red: #E72410;
--stc-blue: #425F7E;
}
html,body {}
html:has(.popup.show[backdrop]) {overflow: hidden;}
html:has(.popup.show[backdrop]) body {height: auto !important;padding-right: var(--scrollBarWidth);}
/*.wrap {width: 100%;min-width: 1280px;}
.wrap section .in {position: relative;z-index: 5;}*/
section .in {position: relative;z-index: 5;}
.dis_none {display: none;}
/* 스폰서 페이지 대응 css */
html .sponsor {display: none;}
html.sponsor .sponsor {display: block;}
html.sponsor .section04 {display: none;}
html.sponsor .section05 {display: none;}
html.sponsor .section06 {display: none;}
html.sponsor .section07 {display: none;}
/* 배경 외곽선 */
.bg_line_set {position: absolute;top: 0;left: 50%;z-index: 0;width: 100%;min-width: 1440px;height: 100%;transform: translateX(-50%);pointer-events: none;}
.bg_line_set .line {position: absolute;z-index: 0;width: 720px;height: 276px;}
.bg_line_set .repeat {width: 90px;height: 90px;}
.bg_line_set .left_top {left: 0;top: 0;background: url("../images/bg_line_left_top@2x.png?v=2") no-repeat left top;background-size: 720px auto;}
.bg_line_set .left_center {height: calc(100% - (275px * 2));left: 0;top: 50%;transform: translateY(-50%);background: url("../images/bg_line_left_center@2x.png?v=2") repeat-y left top;background-size: 90px auto;}
.bg_line_set .left_bottom {left: 0;bottom: 0;background: url("../images/bg_line_left_bottom@2x.png?v=2") no-repeat left bottom;background-size: 720px auto;}
.bg_line_set .right_top {right: 0;top: 0;background: url("../images/bg_line_right_top@2x.png?v=2") no-repeat right top;background-size: 720px auto;}
.bg_line_set .right_center {height: calc(100% - (275px * 2));right: 0;top: 50%;transform: translateY(-50%);background: url("../images/bg_line_right_center@2x.png?v=2") repeat-y right top;background-size: 90px auto;}
.bg_line_set .right_bottom {right: 0;bottom: 0;background: url("../images/bg_line_right_bottom@2x.png?v=2") no-repeat right bottom;background-size: 720px auto;}
.bg_line_set .center_top {width: calc(100% - (720px * 2));left: 50%;top: 0;transform: translateX(-50%);background: url("../images/bg_line_center_top@2x.png?v=2") repeat-x center top;background-size: 90px auto;}
.bg_line_set .center_bottom {width: calc(100% - 720px);left: 50%;bottom: 0;transform: translateX(-50%);background: url("../images/bg_line_center_bottom@2x.png?v=2") repeat-x center bottom;background-size: 90px auto;}
.bg_line_set.bg2 .left_top {background-image: url("../images/sec01_bg_line_left_top@2x.png?v=2");}
.bg_line_set.bg2 .left_center {background-image: url("../images/sec01_bg_line_left_center@2x.png?v=2");}
.bg_line_set.bg2 .left_bottom {background-image: url("../images/sec01_bg_line_left_bottom@2x.png?v=2");}
.bg_line_set.bg2 .right_top {background-image: url("../images/sec01_bg_line_right_top@2x.png?v=2");}
.bg_line_set.bg2 .right_center {background-image: url("../images/sec01_bg_line_right_center@2x.png?v=2");}
.bg_line_set.bg2 .right_bottom {background-image: url("../images/sec01_bg_line_right_bottom@2x.png?v=2");}
.bg_line_set.bg2 .center_top {background-image: url("../images/sec01_bg_line_center_top@2x.png?v=2");}
.bg_line_set.bg2 .center_bottom {background-image: url("../images/sec01_bg_line_center_bottom@2x.png?v=2");}
/* 배경 별 반짝이 */
.bg_twinkle_set {}
.bg_twinkle_set .twinkle {position: absolute;z-index: 1;width: 32px;aspect-ratio: 1/1;}
.bg_twinkle_set .twinkle::after {content:'';display: block;width: 100%;height: 100%;background: url('data:image/svg+xml,') no-repeat center center;background-size: contain;}
/* 버튼 */
.btn_set {text-align: center;}
.btn_set .btn {position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 12px;background: var(--stc-red);border-radius: 100px;padding: 22px 41px;}
.btn_set .btn::before {content:'';position: absolute;left: 50%;top: 50%;z-index: 0;width: calc(100% - 10px);height: calc(100% - 10px);background: transparent;border-radius: 100px;border: 1px solid #FFE3E4;box-sizing: border-box;transform: translate(-50%, -50%);}
.btn_set .btn .txt {width: 184px;height: 39px;background: url("../images/btn_card_txt@1.5x.png") no-repeat center center;background-size: contain;}
.btn_set .btn .img {width: 42px;aspect-ratio: 42/29;background: url("../images/btn_card_img@1.5x.png") no-repeat center center;background-size: contain;transform: rotate(0deg);transition: transform 0.3s ease;}
.btn_set .btn:hover .img {animation: btn_card_ani 0.7s ease-in-out infinite;}
@keyframes btn_card_ani {
0% {transform: rotate(0deg);}
50% {transform: rotate(10deg);}
}
/* 영상섹션 , 최하단 CTA 섹션 타이틀 롤링 */
.rolling_set {position: absolute;left: 0;top: 0;z-index: 1;width: 319px;height: 70px;}
.rolling_set p {
position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;
width: 100%;height: 100%;
background: no-repeat center center;background-size: contain;
transform: translateY(0);
transition: all 0.2s ease;
animation-delay: 0.2s;
}
.rolling_set .tit01 {background-image: url("../images/sec02_tit01@1.5x.png");}
.rolling_set .tit02 {background-image: url("../images/sec02_tit02@1.5x.png");}
.rolling_set .tit03 {background-image: url("../images/sec02_tit03@1.5x.png");}
.rolling_set .tit04 {background-image: url("../images/sec02_tit04@1.5x.png");}
section[data-tit="1"] .rolling_set .tit01,
section[data-tit="2"] .rolling_set .tit02,
section[data-tit="3"] .rolling_set .tit03,
section[data-tit="4"] .rolling_set .tit04 {
opacity: 1;
transform: translateY(-100%);
animation: rolling_txt_ani 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 1 forwards;
transition-delay: 0.2s;
}
@keyframes rolling_txt_ani {
0% {transform: translateY(-200%);}
70% {transform: translateY(30%);}
100% {transform: translateY(0);}
}
/* wrap_fixed */
.wrap_fixed {}
.wrap_fixed .sticky_set {position: fixed;right: 30px;bottom: 30px;z-index: 300;transform: translateY(calc(100% + 30px));transition: all 0.3s ease;}
html:has(.popup.show[backdrop]) .wrap_fixed .sticky_set {right: calc(30px + var(--scrollBarWidth));}
.wrap_fixed .sticky_set.show {transform: translateY(0);}
.wrap_fixed .sticky_set .btn_sticky {display: block;width: 228px;aspect-ratio: 228/204;background: url("../images/btn_sticky@2x.png") no-repeat center center;background-size: contain;}
/* wrap_visual */
.section_visual {position: relative;height: 900px;background: #F7C6C7;overflow: hidden;}
.section_visual .in {height: 100%;padding: 121px 0 0;}
.section_visual .logo_set {position: absolute;top: 90px;right: calc(50% + 449px);z-index: 1;}
.section_visual .logo_set a {position: relative;width: 180px;aspect-ratio: 180/38;background: url("../images/logo@2x.png") no-repeat center center;background-size: contain;}
@media all and (min-width: 1440px) {
.section_visual .logo_set {left: 90px;right: auto;}
}
.section_visual .tit_set {}
.section_visual .tit_set .sec_tit {width: 436px;aspect-ratio: 436/226;background: url("../images/main_title@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto 6px;}
.section_visual .scroll_set {position: absolute;left: 50%;bottom: 100px;z-index: 10;display: flex;align-items: flex-start;justify-content: center;gap: 7px;background: #FBE4E8;border-radius: 50px;border: 1px solid var(--stc-red);padding: 7px 14px;box-shadow: 0 0 44px rgba(0, 0, 0, 0.15);transform: translateX(-50%);}
.section_visual .scroll_set .txt {color: var(--stc-red);font-family: var(--ft-save);font-size: 13px;font-weight: 700;line-height: 14px;text-transform: uppercase;}
.section_visual .scroll_set .arr {flex-shrink: 0;width: 12px;aspect-ratio: 12/13;background: url('data:image/svg+xml,') no-repeat center center;background-size: contain;}
.section_visual .graphic_set {position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: calc(100% - 68px);}
.section_visual .graphic_set > div {position: absolute;}
.section_visual .graphic_set > div::after {content:'';display: block;width: 100%;height: 100%;background: no-repeat center center;background-size: contain;}
.section_visual .graphic_set .house::after {background-image: url("../images/main_graphic_house@1.5x.png");}
.section_visual .graphic_set .house_line::after {background: url("../images/main_graphic_house_line@1.5x.png") no-repeat center bottom 76.5%;background-size: 1120px auto;}
.section_visual .graphic_set .gift01::after {background-image: url("../images/main_graphic_gift_left@1.5x.png");}
.section_visual .graphic_set .gift02::after {background-image: url("../images/main_graphic_gift_right@1.5x.png");}
.section_visual .graphic_set .cheer::after {background-image: url("../images/main_graphic_cheer@1.5x.png");}
.section_visual .graphic_set .santa::after {background-image: url("../images/main_graphic_santa@1.5x.png");}
.section_visual .graphic_set .activist::after {background-image: url("../images/main_graphic_activist@1.5x.png");}
.section_visual .graphic_set .doctor::after {background-image: url("../images/main_graphic_doctor@1.5x.png");}
.section_visual .graphic_set .house {z-index: 2;left:50%;bottom: 1px;width: 790px;aspect-ratio: 790/420;transform:translateX(-50%);}
.section_visual .graphic_set .house_line {z-index: 1;left:50%;bottom:0;width: 1340px;aspect-ratio: 1/1;transform:translate(-50%, 50%);}
.section_visual .graphic_set .gift01 {z-index: 3;right: calc(50% + 342px);bottom: 0;width: 274px;aspect-ratio: 274/213;}
.section_visual .graphic_set .gift02 {z-index: 3;left: calc(50% + 406px);bottom: 0;width: 169px;aspect-ratio: 169/205;}
.section_visual .graphic_set .cheer {z-index: 1;right: calc(50% + 138px);bottom: 318px;width: 104px;aspect-ratio: 104/103;}
.section_visual .graphic_set .santa {z-index: 4;right: calc(50% + 409px);bottom: -3px;width: 56px;aspect-ratio: 56/80;}
.section_visual .graphic_set .activist {z-index: 4;left: calc(50% + 196px);bottom: 274px;width: 69px;aspect-ratio: 69/82;}
.section_visual .graphic_set .doctor {z-index: 4;left: calc(50% + 366px);bottom: -4px;width: 61px;aspect-ratio: 61/81;}
.section_visual .bg_twinkle_set .twk01 {right: calc(50% + 333px);bottom: calc(50% + 114px);}
.section_visual .bg_twinkle_set .twk02 {right: calc(50% + 466px);bottom: calc(50% + 238px);}
.section_visual .bg_twinkle_set .twk03 {right: calc(50% + 590px);bottom: calc(50% + 35px);}
.section_visual .bg_twinkle_set .twk04 {right: calc(50% + 405px);top: calc(50% + 88px);}
.section_visual .bg_twinkle_set .twk05 {left: calc(50% + 322px);bottom: calc(50% + 82px);}
.section_visual .bg_twinkle_set .twk06 {left: calc(50% + 543px);bottom: calc(50% + 270px);}
.section_visual .bg_twinkle_set .twk07 {left: calc(50% + 502px);bottom: calc(50% - 9px);width: 40px}
.section_visual .bg_twinkle_set .twk08 {left: calc(50% + 318px);top: calc(50% + 63px);}
/* show */
/* 타이틀 */
.section_visual .tit_set .sec_tit {opacity: 0;transform: translateY(-30px);transition: all 0.5s ease;}
.section_visual.show .tit_set .sec_tit {opacity: 1;transform: translateY(0);}
/* 배경 > 선 */
.section_visual .graphic_set .house_line {clip-path: circle(29%);}
.section_visual.show .graphic_set .house_line {animation: house_line_ani 2.5s ease infinite;animation-delay: 0.8s;}
@keyframes house_line_ani {
0% {clip-path: circle(29%);}
100% {clip-path: circle(100%);}
}
/* 배경 > 별 */
.section_visual .bg_twinkle_set {opacity: 0;transition: all 0.3s ease;}
.section_visual.show .bg_twinkle_set {opacity: 1;transition-delay: 1s;}
.section_visual.show .bg_twinkle_set .twinkle::after {animation: twinkle 2s infinite cubic-bezier(0.75, 0, .25, 1);opacity: 0.8;}
.section_visual.show .bg_twinkle_set .twk01::after {animation-delay: 1.3s;}
.section_visual.show .bg_twinkle_set .twk02::after {animation-delay: 1.9s;}
.section_visual.show .bg_twinkle_set .twk03::after {animation-delay: 1.6s;}
.section_visual.show .bg_twinkle_set .twk04::after {animation-delay: 2s;}
.section_visual.show .bg_twinkle_set .twk05::after {animation-delay: 1.3s;}
.section_visual.show .bg_twinkle_set .twk06::after {animation-delay: 1.9s;}
.section_visual.show .bg_twinkle_set .twk07::after {animation-delay: 1.6s;}
.section_visual.show .bg_twinkle_set .twk08::after {animation-delay: 2s;}
@keyframes twinkle {
0%, 100% {opacity: 0.3;transform: scale(1);}
50% {opacity: 1;transform: scale(1.03);}
}
/* 배경 > 선물상자 */
.section_visual .graphic_set .gift::after {opacity: 0;transition: all 0.3s ease;}
.section_visual.show .graphic_set .gift::after {opacity: 1;transition-delay: 1s;animation: bounce 0.7s 1s cubic-bezier(0.645, 0.045, 0.355, 1) 1;}
@keyframes bounce {
0% {transform: translateY(-150px);}
70% {transform: translateY(10px);}
100% {transform: translateY(0);}
}
/* 배경 > 캐릭터 */
.section_visual .graphic_set .character {opacity: 0;transition: all 0.3s ease;}
.section_visual.show .graphic_set .character {opacity: 1;transition-delay: 2s;}
.section_visual .graphic_set .cheer {transform: translate(20px, 20px);}
.section_visual .graphic_set .santa {transform: translate(0, -20px);}
.section_visual .graphic_set .activist {transform: translate(0, -20px);}
.section_visual .graphic_set .doctor {transform: translate(20px, 0);}
.section_visual.show .graphic_set .cheer {transform: translate(0, 0);}
.section_visual.show .graphic_set .santa {transform: translate(0, 0);}
.section_visual.show .graphic_set .activist {transform: translate(0, 0);}
.section_visual.show .graphic_set .doctor {transform: translate(0, 0);}
/* 스크롤 */
.section_visual .scroll_set {transition: opacity 0.3s ease;}
.section_visual.show .scroll_set {opacity: 1;transition-delay: 2.2s;animation: scroll_ani 1.2s 2.4s ease-in-out infinite;}
@keyframes scroll_ani {
0% {opacity: 1;}
50% {opacity: 0.4;}
}
/* section01 */
.section01 {position: relative;background: #FDF2F4;overflow: hidden;}
.section01 .in {padding: 100px 0 112px;}
.section01 .in::after {content:'';display: block;width: 263px;aspect-ratio: 263/30;background: url("../images/sec01_bottom_deco@1.5x.png") no-repeat center center;background-size: contain;margin: 76px auto 0;}
.section01 .sec_tit {width: 348px;aspect-ratio: 348/55;background: url("../images/sec01_tit@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto 63px;}
.section01 .txt {color: var(--stc-black);font-size: 24px;font-weight: 600;line-height: 37px;text-align: center;}
.section01 .txt .deco {position: relative;display: inline-block;color: var(--stc-red);font-weight: 700;}
.section01 .txt .deco::before,
.section01 .txt .deco::after {content:'';position: absolute;left: 50%;bottom: -4px;z-index: 0;display: block;width: 100%;height: 1px;background: var(--stc-red);transform: translateX(-50%);}
.section01 .txt .deco::after {bottom: -8px;}
.section01 .bg_twinkle_set .twk01 {right: calc(50% + 578px);bottom: calc(50% + 94px);}
.section01 .bg_twinkle_set .twk02 {left: calc(50% + 433px);bottom: calc(50% + 204px);}
.section01 .bg_twinkle_set .twk03 {right: calc(50% + 403px);top: calc(50% + 110px);}
.section01 .bg_twinkle_set .twk04 {left: calc(50% + 352px);top: calc(50% + 150px);}
.section01 .bg_twinkle_set .twk05 {left: calc(50% + 607px);top: calc(50% - 15px);}
/* show */
.section01 .tit_set {opacity: 0;transition: all 0.3s ease;}
.section01.show .tit_set {opacity: 1;}
/* section02 */
.section02 {position: relative;background: linear-gradient(180deg, #FFE3E3 0%, #FFE3E3 46%, #F7C6C7 100%);overflow: hidden;}
.section02 .in {padding: 60px 0 80px;text-align: center;}
.section02 .tit_deco01 {display: block;width: 57px;aspect-ratio: 57/26;background: url("../images/sec02_tit_deco01@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto 14px;}
.section02 .tit_deco02 {display: block;width: 148px;aspect-ratio: 148/11;background: url("../images/sec02_tit_deco02@1.5x.png") no-repeat center center;background-size: contain;margin: 19px auto 0;}
.section02 .tit_set {position: relative;display: inline-block;}
.section02 .tit_set .sec_tit {width: 600px;aspect-ratio: 600/152;background: url("../images/sec02_tit_all@1.5x.png") no-repeat left top;background-size: contain;margin: 0 auto;}
.section02 .tit_set .s_tit {color: var(--stc-black);font-size: 18px;font-weight: 500;line-height: 140%;text-align: center;margin: 11px 0 0;}
.section02 .rolling_set .tit01 {background-image: url("../images/sec02_tit01@1.5x.png");}
.section02 .rolling_set .tit02 {background-image: url("../images/sec02_tit02@1.5x.png");}
.section02 .rolling_set .tit03 {background-image: url("../images/sec02_tit03@1.5x.png");}
.section02 .rolling_set .tit04 {background-image: url("../images/sec02_tit04@1.5x.png");}
.section02 .video_set {position: relative;z-index: 0;width: 720px;margin: 38px auto;}
.section02 .video_set::before {content:'';position: absolute;left: 50%;top: 50%;z-index: -1;width: 1440px;aspect-ratio: 1/1;background: url("../images/video_bg@1.5x.png") no-repeat center center;background-size: contain;transform: translate(-50%, -50%);pointer-events: none;}
.section02 .video_set .video {position: relative;width: 100%;aspect-ratio: 1/1;}
.section02 .video_set .btn_mute {
position: absolute;top: 20px;right: 20px;z-index: 10;
height: 50px;aspect-ratio: 50/40;border-radius: 0;border: none;outline: 0;
background: transparent url("../images/sound_sprites@2x.png") no-repeat left 12.5% center;
background-size: auto 150%;
}
.section02 .video_set .btn_mute.on {background-position: left 87.5% center;}
.section02 .card_txt {color: var(--stc-blue);font-size: 24px;font-weight: 700;line-height: 140%;text-align: center;margin: 0 0 30px;}
/* section03 */
.section03 {
background-color: var(--stc-blue);
background-image: url("../images/sec03_bg_top@1.5x.png"), url("../images/sec03_bg_bottom@1.5x.png");
background-repeat: no-repeat, no-repeat;
background-position: center top, center bottom;
background-size: auto 250px, auto 250px;
overflow: hidden;
}
.section03 .in {padding: 54px 0 104px;}
.section03 .tit_set {margin: 0 0 50px;}
.section03 .tit_set .eyebrow_txt {display: block;width: 72px;aspect-ratio: 72/25;background: url("../images/sec03_eyebrow_txt@1.5x.png?v=2") no-repeat center center;background-size: contain;margin: 0 auto 15px;}
.section03 .tit_set .sec_tit {display: block;width: 373px;aspect-ratio: 373/52;background: url("../images/sec03_tit@1.5x.png?v=2") no-repeat center center;background-size: contain;margin: 0 auto 13px;}
.section03 .tit_set .desc {color: #FFE3E4;font-size: 12px;font-weight: 500;line-height: 160%;text-align: center;opacity: 0.8;}
.section03 .event_set {display: flex;justify-content: center;gap: 20px;}
.section03 .event_set .item {width: 282px;}
.section03 .event_set .deco {display: block;width: 211px;aspect-ratio: 211/38;background: url("../images/sec03_event_deco@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto 14px;}
.section03 .event_set .txt_box {position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;width: 100%;height: 349px;background: #fff;padding: 18px 0 0;}
.section03 .event_set .txt_box::before {content:'';position: absolute;left: 50%;top: 50%;z-index: 0;width: calc(100% - 10px);height: calc(100% - 10px);background: transparent;border: 1px solid var(--stc-blue);box-sizing: border-box;pointer-events: none;transform: translate(-50%, -50%);}
.section03 .event_set .eyebrow_txt {color: var(--stc-blue);font-size: 13px;font-weight: 500;line-height: 120%;}
.section03 .event_set .box_tit {width: 100%;height: 49px;background: no-repeat center center;background-size: contain;margin: 0 0 10px;}
.section03 .event_set .lucky .box_tit {background-image: url("../images/sec03_event01_tit@1.5x.png");}
.section03 .event_set .travel .box_tit {background-image: url("../images/sec03_event02_tit@1.5x.png");}
.section03 .event_set .share .box_tit {background-image: url("../images/sec03_event03_tit@1.5x.png");}
.section03 .event_set .image {width: 234px;aspect-ratio: 234/146;background: no-repeat center center;background-size: contain;margin: 0 auto;}
.section03 .event_set .lucky .image {background-image: url("../images/sec03_lucky_img@1.5x.png?v=2");}
.section03 .event_set .travel .image {background-image: url("../images/sec03_travel_img@1.5x.png?v=2");}
.section03 .event_set .share .image {background-image: url("../images/sec03_share_img@1.5x.png?v=2");}
.section03 .event_set .txt {color: var(--stc-blue);font-size: 12px;font-weight: 500;line-height: 160%;letter-spacing: -0.02em;text-align: center;margin: 0 0 4px;}
.section03 .event_set .bottom_set {flex: 1 1 auto;display: flex;align-items: center;justify-content: center;}
.section03 .event_set .bottom_set .btn_prize {display: inline-block;color: #FFF;font-size: 12px;font-weight: 600;line-height: 160%;letter-spacing: -0.02em;text-align: center;background: var(--stc-blue);border-radius: 46px;padding: 16px 62px;}
html.sponsor .section03 .in {padding-bottom: 60px;}
.section03 .btn_set {margin: 53px 0 0;}
/* show */
.section03 .event_set .item {opacity: 0;transform: translateY(15px);transition: all 0.3s ease;}
.section03.show .event_set .item {opacity: 1;transform: translateY(0);}
.section03.show .event_set .item:nth-child(1) {transition-delay: 0s;}
.section03.show .event_set .item:nth-child(2) {transition-delay: 0.2s;}
.section03.show .event_set .item:nth-child(3) {transition-delay: 0.4s;}
/* section04 */
.section04 {position: relative;background: #F7C6C7;overflow: hidden;}
.section04::before {content:'';position: absolute;left: 50%;top: -276px;z-index: 0;width: 1711px;height: 1397px;background: radial-gradient(49.92% 49.87% at 49.78% 49.77%, #FFF 2.5%, #FBDFD8 42.5%, #F7C6C7 100%);transform: translate(-50%, 0);}
.section04::after {content:'';position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: url("../images/sec04_bg_flower@1.5x.png") no-repeat center top;background-size: auto 680px;}
.section04 .in {position: relative;z-index: 2;padding: 80px 0 148px;}
.section04 .tit_set {}
.section04 .tit_set .sec_tit {width: 685px;aspect-ratio: 685/204;background: url("../images/sec04_tit@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto 25px;}
.section04 .tit_set .s_tit {color: var(--stc-black);font-size: 18px;font-weight: 500;line-height: 140%;text-align: center;}
.section04 .video_set {position: relative;z-index: 0;width: 960px;margin: 71px auto 102px;}
.section04 .video_set .video {position: relative;width: 100%;aspect-ratio: 16/9;}
.section04 .video_set .btn_mute {
position: absolute;top: 20px;right: 20px;z-index: 10;
height: 50px;aspect-ratio: 50/40;border-radius: 0;border: none;outline: 0;
background: transparent url("../images/sound_sprites@2x.png") no-repeat left 12.5% center;
background-size: auto 150%;
}
.section04 .video_set .btn_mute.on {background-position: left 87.5% center;}
.section04 .slide_set {width: 618px;margin: 0 auto 65px;}
.section04 .store_slide {}
.section04 .store_slide .slick-list {overflow: visible;margin: 0;}
.section04 .store_slide .item {position: relative;margin: 0 -5px;}
.section04 .store_slide .item .image {position: relative;height: 348px;background: no-repeat center center;background-size: cover;}
.section04 .store_slide .item01 .image {background-image: url("../images/sec04_store_slide01@1.5x.jpg?v=2");}
.section04 .store_slide .item02 .image {background-image: url("../images/sec04_store_slide02@1.5x.jpg?v=2");}
.section04 .store_slide .item03 .image {background-image: url("../images/sec04_store_slide03@1.5x.jpg?v=2");}
.section04 .store_slide .item04 .image {background-image: url("../images/sec04_store_slide04@1.5x.jpg?v=2");}
.section04 .store_slide .item05 .image {background-image: url("../images/sec04_store_slide05@1.5x.jpg?v=2");}
.section04 .store_slide .item06 .image {background-image: url("../images/sec04_store_slide06@1.5x.jpg?v=2");}
.section04 .store_slide .item07 .image {background-image: url("../images/sec04_store_slide07@1.5x.jpg?v=2");}
.section04 .store_slide .item .txt_set {position: absolute;left: 50%;bottom: 30px;z-index: 1;opacity: 0;width: 100%;text-align: center;transform: translateX(-50%);transition: all 0.3s ease;}
.section04 .store_slide .item .txt_set .place {display: inline-block;color: var(--stc-blue);font-size: 13px;font-weight: 700;line-height: 140%;background: #FFF;border-radius: 100px;padding: 5px 10px;margin: 0 0 10px;}
.section04 .store_slide .item .txt_set .txt {color: #fff;font-size: 13px;font-weight: 600;line-height: 140%;}
.section04 .store_slide .item {transform: scale(0.9);transition: all 0.3s ease;}
.section04 .store_slide .item.slick-active-m {transform: scale(1);}
.section04 .store_slide .item.slick-active-m .txt_set {opacity: 1;}
.section04 .store_slide .slick-arrow {
position: absolute;top: 50%;z-index: 5;
width: 40px;aspect-ratio: 1/1;
background: rgba(255,255,255, 0.6);
border: none;
transform: translateY(-50%);
transition: all 0.3s ease;
font-size: 0;
}
.section04 .store_slide .slick-prev {left: 9px;}
.section04 .store_slide .slick-next {right: 9px;}
.section04 .store_slide .slick-arrow::after {content:'';display: block;width: 100%;height: 100%;background: url('data:image/svg+xml,') no-repeat center center;background-size: 16px auto;}
.section04 .store_slide .slick-next::after {transform: rotate(180deg);}
.section04 .btn_set {}
.section04 .btn_set .btn {background: var(--stc-blue);padding: 22px 65px;}
.section04 .btn_set .btn .txt {width: 271px;aspect-ratio: 261/39;background-image: url("../images/btn_popupstore_more_txt@1.5x.png");}
/* show */
.section04::before {opacity: 0;transition: all 0.3s ease;}
.section04.show::before {opacity: 1;}
/* section05 */
.section05 {
background-color: #FDF2F4;
background-image: url("../images/sec05_bg_line@1.5x.png"), url("../images/sec05_bg_line@1.5x.png");
background-repeat: repeat-x, repeat-x;
background-position: center top, center bottom 10px;
background-size: auto 50px, auto 50px;
overflow: hidden;
}
.section05 .in {padding: 69px 0 82px;}
.section05 .sec_tit {width: 416px;aspect-ratio: 416/40;background: url("../images/sec05_tit@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto;}
.section05 .content_set {display: flex;align-items: flex-start;justify-content: center;gap: 30px;margin: 27px 0 32px;}
.section05 .info_set {}
.section05 .info_set dl {display: flex;align-items: flex-start;gap: 15px;text-align: left;margin-bottom: 20px;}
.section05 .info_set dl:last-child {margin-bottom: 0;}
.section05 .info_set dl dt {color: var(--stc-blue);font-size: 14px;font-weight: 500;line-height: 160%;border-radius: 100px;border: 1px solid var(--stc-blue);padding: 1px 11px;}
.section05 .info_set dl dd em {color: var(--stc-blue);font-size: 16px;font-weight: 600;line-height: 160%;}
.section05 .info_set dl dd em + .desc {margin-top: 15px;}
.section05 .info_set dl dd .desc {display: block;color: #585858;font-size: 13px;font-weight: 500;line-height: 18px;text-indent: -10px;padding-left: 10px;margin-bottom: 7px;}
.section05 .info_set dl dd .desc:last-child {margin-bottom: 0;}
.section05 .map_set {position: relative;display: block;width: 373px;height: 225px;background: #fff;}
.section05 .map_set::after {content:'';position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: transparent;border: 1px solid var(--stc-blue);pointer-events: none;box-sizing: border-box;}
.section05 .btn_set .btn {background: var(--stc-blue);padding: 22px 60px;}
.section05 .btn_set .btn .txt {width: 281px;background-image: url("../images/btn_booking_txt@1.5x.png");}
/* section06 */
.section06 {position: relative;background: linear-gradient(180deg, #F7C6C7 0%, #FFF 100%);overflow: hidden;}
.section06 .in {padding: 66px 0 54px;background: url("../images/sec06_bg_bottom@1.5x.png") no-repeat center bottom;background-size: auto 250px;}
.section06 .content_set {display: flex;flex-direction: column;align-items: center;}
.section06 .image {display: block;width: 201px;aspect-ratio: 201/239;background: url("../images/sec07_image@1.5x.png") no-repeat center center;background-size: contain;}
.section06 .txt_set p {display: block;color: var(--stc-black);font-size: 24px;font-weight: 500;line-height: 37px;text-align: center;margin: 40px 0 53px;}
.section06 .tit_set {position: relative;}
.section06 .tit_set .sec_tit {width: 637px;aspect-ratio: 637/140;background: url("../images/sec06_tit@1.5x.png") no-repeat left top;background-size: contain;margin: 0 auto;}
.section06 .rolling_set .tit01 {background-image: url("../images/sec06_tit01@1.5x.png");}
.section06 .rolling_set .tit02 {background-image: url("../images/sec06_tit02@1.5x.png");}
.section06 .rolling_set .tit03 {background-image: url("../images/sec06_tit03@1.5x.png");}
.section06 .rolling_set .tit04 {background-image: url("../images/sec06_tit04@1.5x.png");}
.section06 .btn_set {}
.section06 .btn_set .btn {width: 744px;}
.section06 .bg_twinkle_set .twinkle {}
.section06 .bg_twinkle_set .twk01 {right: calc(50% + 255px);bottom: calc(50% + 248px);}
.section06 .bg_twinkle_set .twk02 {right: calc(50% + 623px);bottom: calc(50% + 207px);}
.section06 .bg_twinkle_set .twk03 {right: calc(50% + 456px);bottom: calc(50% + 42px);transform: rotate(22deg);}
.section06 .bg_twinkle_set .twk04 {right: calc(50% + 620px);top: calc(50% + 108px);}
.section06 .bg_twinkle_set .twk05 {right: calc(50% + 458px);top: calc(50% + 296px);}
.section06 .bg_twinkle_set .twk06 {left: calc(50% + 216px);bottom: calc(50% + 266px);}
.section06 .bg_twinkle_set .twk07 {left: calc(50% + 522px);bottom: calc(50% + 70px);}
.section06 .bg_twinkle_set .twk08 {left: calc(50% + 619px);top: calc(50% + 137px);transform: rotate(22deg);}
.section06 .bg_twinkle_set .twk09 {left: calc(50% + 492px);top: calc(50% + 274px);transform: rotate(22deg);}
.section06 .bg_twinkle_set .twinkle::after {opacity: 0.8;animation: twinkle 2s infinite cubic-bezier(0.75, 0, .25, 1);}
.section06 .bg_twinkle_set .twk01::after {animation-delay: 1s;}
.section06 .bg_twinkle_set .twk02::after {animation-delay: 1.6s;}
.section06 .bg_twinkle_set .twk03::after {animation-delay: 1.3s;}
.section06 .bg_twinkle_set .twk04::after {animation-delay: 1.7s;}
.section06 .bg_twinkle_set .twk05::after {animation-delay: 1s;}
.section06 .bg_twinkle_set .twk06::after {animation-delay: 1.6s;}
.section06 .bg_twinkle_set .twk07::after {animation-delay: 1.3s;}
.section06 .bg_twinkle_set .twk08::after {animation-delay: 1.7s;}
.section06 .bg_twinkle_set .twk09::after {animation-delay: 1s;}
/* section07 */
.section07 {background: #333131;overflow: hidden;}
.section07 .in {text-align: center;padding: 35px 0 54px;}
.section07 .sec_tit {display: inline-block;color: #fff;font-size: 18px;font-weight: 500;line-height: 160%;text-align: center;background: transparent;border: 1px solid #fff;border-radius: 100px;padding: 1px 15px;margin: 0 0 26px;}
.section07 .brand_set {display: flex;align-items: center;justify-content: center;gap: 83px;}
.section07 .brand_set > div {background: no-repeat center center;background-size: contain;}
.section07 .brand_set .goldria {width: 127px;aspect-ratio: 127/67;background-image: url("../images/logo_goldria@1.5x.png");}
.section07 .brand_set .manyo {width: 148px;aspect-ratio: 148/45;background-image: url("../images/logo_manyo@1.5x.png");}
.section07 .brand_set .purehill {width: 169px;aspect-ratio: 169/59;background-image: url("../images/logo_purehill@1.5x.png");}
.section07 .brand_set .tway {width: 108px;aspect-ratio: 108/45;background-image: url("../images/logo_tway@1.5x.png");}
.section07 .brand_set .les601 {width: 105px;aspect-ratio: 105/30;background-image: url("../images/logo_les601@1.5x.png");}
.section07 .brand_set .innon {width: 145px;aspect-ratio: 145/36;background-image: url("../images/logo_innon@1.5x.png");}
/* popup 팝업 */
.popup {
position: fixed;top: 0;left: 0;z-index: -1;opacity: 0;
width: 100%;height: 100%;
background: rgba(0,0,0,0.3);
padding: 20px;
transition: opacity 5ms ease, z-index 0s 10ms linear;
overflow-y: auto;
}
.popup.show {z-index: 300;opacity: 1;transition: opacity 200ms 100ms ease, z-index 0s linear;}
.popup .popup_wrap {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 100%;height: 100%;}
.popup .popup_inner {position: relative;}
.popup .btn_pop_close {position: absolute;right: 10px;top: 10px;z-index: 1;width: 22px;aspect-ratio: 22/22;background: #fff;border-radius: 100%;}
.popup .btn_pop_close::after {
content:'';
position: absolute;left: 50%;top: 50%;z-index: 1;
transform: translate(-50%, -50%);
width: 14px;aspect-ratio: 14/14;
background-color: #231815;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: contain;
mask: url('data:image/svg+xml,') no-repeat center center;
mask-size: contain;
}
/* popup_prize */
.popup_prize .popup_inner {position: relative;display: flex;flex-direction: column;align-items: center;width: 500px;height: 340px;background: #fff;padding: 30px 0;}
.popup_prize .prize_total {flex: 0 0 auto;color: var(--stc-blue);font-size: 15px;font-weight: 700;line-height: 160%;letter-spacing: -0.02em;text-align: center;}
.popup_prize .prize_id {flex: 1 1 auto;width: 100%;color: var(--stc-blue);font-size: 12px;font-weight: 500;line-height: 160%;letter-spacing: -0.02em;text-align: center;margin: 16px 0;padding: 0 30px;}
.popup_prize .desc {flex: 0 0 auto;color: #231815;font-size: 11px;font-weight: 500;line-height: 160%;text-align: center;opacity: 0.5;}
.popup_prize_lucky .popup_inner {height: calc(100% - 40px);max-height: 700px;}
.popup_prize_lucky .prize_id {overflow-y:auto;}
/* scrollbar */
.popup_prize_lucky .prize_id::-webkit-scrollbar {width:10px;height:10px;}
.popup_prize_lucky .prize_id::-webkit-scrollbar-thumb {
background-color: #F7C6C7;
border-radius:10px;
background-clip:padding-box;
border:2px solid transparent;
}
.popup_prize_lucky .prize_id::-webkit-scrollbar-thumb:hover {background-color: #F7C6C7;}
.popup_prize_lucky .prize_id::-webkit-scrollbar-track {background-color:#fff;}
/* 지도 */
.iw_inner {padding: 10px;}
/* popup_email */
.email-popup div:nth-child(1) img { width:auto; }