/* font 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
@font-face {
	font-family: 'HS-Regular';
	src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/HS-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
html,body {}
.wrap {
	position: relative;
	width: 100%;
	min-width: 1280px;

	--font-hs: 'HS-Regular';
}


/* wrap_fixed */
.wrap_fixed {}
.wrap_fixed .logo_set {position: fixed;top: 30px;left: 30px;z-index: -1;opacity: 0;transition: all 0.3s ease;}
.wrap_fixed .logo_set.show {opacity: 1;z-index: 200;}
.wrap_fixed .logo_set a {position: relative;width: 160px;aspect-ratio: 160/39;transition: all 0.3s ease;}
.wrap_fixed .logo_set a::before,
.wrap_fixed .logo_set a::after {content: '';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 center;background-size: auto 59px;}
.wrap_fixed .logo_set a::before {background-position: left -10px center;}
.wrap_fixed .logo_set a::after {background-position: left -180px center;}
.wrap_fixed .logo_set.bk a::before,
.wrap_fixed .logo_set.wh a::after {z-index: 1;opacity: 1;}

.btn_float { position: fixed; right: 35px; top: 40px; z-index: 999; }
.btn_float a {display: block;width: 185px;padding: 15px 20px 15px 30px;background: #F4A100;border-radius: 50px;border: 2px solid #000;transition: all 0.3s ease;}
.btn_float a .txt {color: #fff;font-size: 24px;font-weight: 700;line-height: 1.2;transition: all 0.3s ease;}
.btn_float a:hover .txt {color: #111;}
.btn_float a .arr {display: inline-block;width: 40px;aspect-ratio: 49/33;background: url("../images/btn_arrow@1.5x.png") no-repeat center center;background-size: contain;margin-bottom: -8px;}

/* wrap_visual */
.section_visual {
	position: relative;
	height: 100vh;
	background-color: #fff;
	background-image: url("../images/main_bg_bottom@1.5x.png"), url("../images/main_bg_top@1.5x.png"), url("../images/main_bg_pattern@1.5x.png");
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: center bottom, center top, center top;
	background-size: auto 200px, auto 200px, auto 40px;
}
.section_visual .in {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;padding: 0 0 52px;}
.section_visual .tit_set {display: flex;align-items: center;justify-content: center;gap: 33px;}
.section_visual .tit_set .sec_tit {color: #000;font-family: var(--font-hs);font-size: 68px;font-weight: 400;line-height: 128%;text-align: right;margin: 0 0 13px;}
.section_visual .tit_set .item_set {position: relative;z-index: 0;width: 407px;aspect-ratio: 407/184;}
.section_visual .tit_set .item_set::before,
.section_visual .tit_set .item_set::after {content:'';position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);transition: background-color 1s ease;}
.section_visual .tit_set .item_set::before {z-index: -2;background-color: #000;-webkit-mask: url('data:image/svg+xml,<svg width="407" height="184" viewBox="0 0 407 184" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M338.465 0H68.1352C30.4982 0 0 30.5774 0 68.281C0 105.985 30.4981 136.562 68.1351 136.562H199.082C219.614 136.562 232.749 158.523 223.034 176.686C220.513 181.399 226.652 186.088 230.498 182.194L249.787 162.661C266.28 145.958 288.75 136.562 312.193 136.562H338.465C376.102 136.562 406.6 105.985 406.6 68.281C406.6 30.5774 376.102 0 338.465 0Z" fill="black"/></svg>') no-repeat center center;-webkit-mask-size: contain;}
.section_visual .tit_set .item_set::after {z-index: -1;-webkit-mask: url('data:image/svg+xml,<svg width="400" height="177" viewBox="0 0 400 177" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 64.981C0 29.093 29.0277 0 64.8352 0H335.165C370.972 0 400 29.093 400 64.981C400 100.869 370.972 129.962 335.165 129.962H308.894C284.567 129.962 261.251 139.713 244.139 157.042L224.85 176.575C223.725 177.714 221.889 176.355 222.644 174.943C233.529 154.593 218.82 129.962 195.782 129.962H64.8351C29.0277 129.962 0 100.869 0 64.981Z" fill="%2300A0DF"/></svg>') no-repeat center center;-webkit-mask-size: auto 177px;}
.section_visual[data-index="1"] .tit_set .item_set::after {background-color: #00A0DF;}
.section_visual[data-index="2"] .tit_set .item_set::after {background-color: #003A70;}
.section_visual[data-index="3"] .tit_set .item_set::after {background-color: #00C4B4;}
.section_visual[data-index="4"] .tit_set .item_set::after {background-color: #00833F;}
.section_visual[data-index="5"] .tit_set .item_set::after {background-color: #784311;}
.section_visual[data-index="6"] .tit_set .item_set::after {background-color: #773DBE;}
.section_visual[data-index="7"] .tit_set .item_set::after {background-color: #F4A100;}
.section_visual[data-index="8"] .tit_set .item_set::after {background-color: #F63440;}
.section_visual[data-index="9"] .tit_set .item_set::after {background-color: #F2D139;}
.section_visual[data-index="0"] .tit_set .item_set::after {background-color: #5BCB64;}
.section_visual .tit_set .item_set .item {
	position: absolute;left: 0;top: 0;z-index: -1;opacity: 0;
	width: 100%;height: 100%;
	display: flex;align-items: center;justify-content: center;
	padding: 0 0 48px;
	transition: opacity 0.5s ease, z-index 0s 0.5s linear;
}
.section_visual[data-index="1"] .tit_set .item_set .item01,
.section_visual[data-index="2"] .tit_set .item_set .item02,
.section_visual[data-index="3"] .tit_set .item_set .item03,
.section_visual[data-index="4"] .tit_set .item_set .item04,
.section_visual[data-index="5"] .tit_set .item_set .item05,
.section_visual[data-index="6"] .tit_set .item_set .item06,
.section_visual[data-index="7"] .tit_set .item_set .item07,
.section_visual[data-index="8"] .tit_set .item_set .item08,
.section_visual[data-index="9"] .tit_set .item_set .item09,
.section_visual[data-index="0"] .tit_set .item_set .item10 {z-index: 1;opacity: 1;transition: opacity 0.5s ease, z-index 0s linear;}

.section_visual .tit_set .item_set .item p {display: block;width: 100%;height: 100%;}
.section_visual .tit_set .item_set .item01 p {background: url("../images/main_bubble_txt01@2x.png") no-repeat center center;background-size: auto 73px;}
.section_visual .tit_set .item_set .item02 p {background: url("../images/main_bubble_txt02@2x.png") no-repeat center center;background-size: auto 71px;}
.section_visual .tit_set .item_set .item03 p {background: url("../images/main_bubble_txt03@2x.png") no-repeat center center;background-size: auto 73px;}
.section_visual .tit_set .item_set .item04 p {background: url("../images/main_bubble_txt04@2x.png") no-repeat center center;background-size: auto 70px;}
.section_visual .tit_set .item_set .item05 p {background: url("../images/main_bubble_txt05@2x.png") no-repeat center center;background-size: auto 72px;}
.section_visual .tit_set .item_set .item06 p {background: url("../images/main_bubble_txt06@2x.png") no-repeat center center;background-size: auto 72px;}
.section_visual .tit_set .item_set .item07 p {background: url("../images/main_bubble_txt07@2x.png") no-repeat center center;background-size: auto 73px;}
.section_visual .tit_set .item_set .item08 p {background: url("../images/main_bubble_txt08@2x.png") no-repeat center center;background-size: auto 76px;}
.section_visual .tit_set .item_set .item09 p {background: url("../images/main_bubble_txt09@2x.png") no-repeat center center;background-size: auto 70px;}
.section_visual .tit_set .item_set .item10 p {background: url("../images/main_bubble_txt10@2x.png") no-repeat center center;background-size: auto 73px;}

.section_visual .video_set {position: relative;width: 818px;background: #000;margin: 7px auto 0;aspect-ratio: 16/9;}
.section_visual .video_set::after {content:'';position: absolute;left: 50%;top: 50%;z-index: 1;width: 821px;aspect-ratio: 821/462;background: url("../images/main_video_frame@1.5x.png") no-repeat center center;background-size: contain;transform: translate(-50%, -50%);}
.section_visual .video_set iframe {position: relative;z-index: 0;width: 100%;aspect-ratio: 16/9;}

.section_visual .video_set .deco_set {}
.section_visual .video_set .deco_set div {position: absolute;z-index: 2;}
.section_visual .video_set .deco01 {left: -93px;top: 8px;width: 57px;aspect-ratio: 57/33;background: url("../images/main_video_deco01@1.5x.png") no-repeat center center;background-size: contain;}
.section_visual .video_set .deco02 {right: -89px;top: 124px;width: 48px;aspect-ratio: 48/47;background: url("../images/main_video_deco02@1.5x.png") no-repeat center center;background-size: contain;}
.section_visual .video_set .character01 {left: -256px;bottom: -51px;width: 267px;aspect-ratio: 267/169;background: url("../images/main_video_character01@1.5x.png") no-repeat center center;background-size: contain;}
.section_visual .video_set .character02 {right: -315px;bottom: -49px;width: 306px;aspect-ratio: 306/165;background: url("../images/main_video_character02@1.5x.png") no-repeat center center;background-size: contain;}
.section_visual .video_set .btn_mute {
	position: absolute;
	top: 60px;
	right: 15px;
	z-index: 3;
	width: 45px;
	height: 45px;
	font-size: 0;
}
.section_visual .video_set .btn_mute:before,
.section_visual .video_set .btn_mute:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0;
	background: url('data:image/svg+xml,<svg width="95" height="45" viewBox="0 0 95 45" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_10)"><path d="M29.5133 33.3423C28.942 33.5922 28.567 34.1636 28.567 34.7795C28.567 35.3151 28.8348 35.8061 29.2812 36.0918C29.5401 36.2614 29.8346 36.3507 30.1382 36.3507C30.3524 36.3507 30.5667 36.306 30.772 36.2168C36.2621 33.7886 39.815 28.3521 39.815 22.3621C39.815 16.3721 36.2621 10.9355 30.772 8.50738C30.2899 8.29314 29.7275 8.33777 29.2901 8.62343C28.8438 8.91802 28.5759 9.40901 28.5759 9.94463C28.5759 10.5606 28.942 11.123 29.5222 11.3819C33.8697 13.3101 36.6817 17.6218 36.6817 22.3621C36.6817 27.1023 33.8697 31.414 29.5222 33.3423H29.5133Z" fill="black"/><path d="M33.4592 22.3799C33.4592 25.5758 31.4239 28.2896 28.5762 29.2983V15.4615C31.4239 16.4702 33.4592 19.193 33.4592 22.3888V22.3799Z" fill="black"/><path d="M23.1126 5.82938L11.4629 14.7474H5.98175C4.74982 14.7474 3.75 15.7473 3.75 16.9792V28.004C3.75 29.2359 4.74982 30.2358 5.98175 30.2358H11.4629L23.1126 39.1538C23.809 39.6895 24.8177 39.1895 24.8177 38.3147V6.68637C24.8177 5.8026 23.809 5.31161 23.1126 5.84723V5.82938Z" fill="black"/><path d="M88.9347 22.8347C88.9347 25.2911 88.2917 27.6486 87.1212 29.7011L84.9698 27.5497C85.6623 26.0989 86.0332 24.4916 86.0332 22.8265C86.0332 18.4412 83.4449 14.4681 79.4223 12.6794C78.8948 12.4486 78.5568 11.9211 78.5568 11.3605C78.5568 10.866 78.7959 10.4126 79.2163 10.1406C79.6284 9.87681 80.1395 9.82736 80.5928 10.0334C85.6622 12.2755 88.9429 17.2955 88.9429 22.8265L88.9347 22.8347Z" fill="black"/><path d="M83.0657 22.8508C83.0657 23.6833 82.9173 24.4829 82.6371 25.2165L78.5568 21.1363V16.4543C81.1863 17.3857 83.0657 19.8998 83.0657 22.8508Z" fill="black"/><path d="M75.0865 8.3432V17.666L68.6818 11.2612L73.5121 7.56012C74.1551 7.07379 75.0865 7.52715 75.0865 8.3432Z" fill="black"/><path d="M59.4251 15.8035L75.0867 31.4733V37.5484C75.0867 38.3644 74.1553 38.826 73.5123 38.3314L62.747 30.0967H57.6859C56.5483 30.0967 55.6251 29.1735 55.6251 28.036V17.8642C55.6251 16.7267 56.5401 15.8035 57.6859 15.8035H59.4169H59.4251Z" fill="black"/><path d="M88.9347 40.0452C88.5143 40.0452 88.1022 39.8886 87.7807 39.5671L56.6141 8.40057C55.9794 7.76586 55.9794 6.73549 56.6141 6.10079C57.2488 5.46608 58.2792 5.46608 58.9139 6.10079L90.0805 37.2674C90.7152 37.9021 90.7152 38.9324 90.0805 39.5671C89.759 39.8886 89.3468 40.0452 88.9264 40.0452H88.9347Z" fill="black"/></g><defs><clipPath id="clip0_1_10"><rect width="95" height="45" fill="white"/></clipPath></defs></svg>') no-repeat;
	background-size: auto 45px;
	background-position: 0 0;
	filter: drop-shadow(0 0 1rem white);
}
.section_visual .video_set .btn_mute:before {background-position: 0 0;}
.section_visual .video_set .btn_mute:after {background-position: -50px 0;opacity: 1;}
.section_visual .video_set .btn_mute.on:before {opacity: 1;}
.section_visual .video_set .btn_mute.on:after  {opacity: 0;}


.section_visual .scroll_set {position: absolute;left: 50%;bottom: 90px;z-index: 1;transform: translateX(-50%);}
.section_visual .scroll_set .scroll {width: 41px;aspect-ratio: 41/61;background: url("../images/scroll_arrow@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto;animation: scroll_ani 1.2s ease-in-out infinite;}
@keyframes scroll_ani {
	0% {transform: translateY(0);}
	50% {transform: translateY(10px);}
}

@media all and (max-height: 960px) {
	.section_visual {
		background-image: url("../images/main_bg_bottom@1.5x.png"), url("../images/main_bg_pattern@1.5x.png");
		background-repeat: no-repeat, repeat;
		background-position: center bottom, center top;
		background-size: auto 200px, auto 40px;
	}
	.section_visual .in {padding: 0 0 5.42vh;}
	.section_visual .tit_set {gap: 3.4375vh;}
	.section_visual .tit_set .sec_tit {font-size: 7.08vh;margin: 0 0 1.35vh;}
	.section_visual .tit_set .item_set {width: 42.4vh;}
	.section_visual .tit_set .item_set .item {padding: 0 0 5vh;}
	.section_visual .tit_set .item_set .item01 p {background-size: auto 7.6vh;}
	.section_visual .tit_set .item_set .item02 p {background-size: auto 7.4vh;}
	.section_visual .tit_set .item_set .item03 p {background-size: auto 7.6vh;}
	.section_visual .tit_set .item_set .item04 p {background-size: auto 7.29vh;}
	.section_visual .tit_set .item_set .item05 p {background-size: auto 7.5vh;}
	.section_visual .tit_set .item_set .item06 p {background-size: auto 7.5vh;}
	.section_visual .tit_set .item_set .item07 p {background-size: auto 7.6vh;}
	.section_visual .tit_set .item_set .item08 p {background-size: auto 7.92vh;}
	.section_visual .tit_set .item_set .item09 p {background-size: auto 7.29vh;}
	.section_visual .tit_set .item_set .item10 p {background-size: auto 7.6vh;}
	.section_visual .tit_set .item_set::after {-webkit-mask-size: auto 18.4375vh;}
	.section_visual .scroll_set {bottom: auto;top: calc(50% + 230px + 8.65vh + 2.08vh);}
	.section_visual .scroll_set .scroll {width: 4.27vh;}

	.section_visual .video_set {width: 85.2083vh;}
	.section_visual .video_set::after {width: 85.5208vh;}
}
@media all and (max-height: 740px) {
	/*.section_visual .video_set {width: 110.54vh;margin: 0.95vh auto 0;}*/
	/*.section_visual .video_set::after {width: 110.95vh;}*/
	.section_visual .video_set .deco01 {left: -12.57vh;top: 1.08vh;width: 7.7vh;}
	.section_visual .video_set .deco02 {right: -12.03vh;top: 16.76vh;width: 6.49vh;}
	.section_visual .video_set .character01 {left: -32.62vh;bottom: -6.89vh;width: 36.08vh;}
	.section_visual .video_set .character02 {right: -41.51vh;bottom: -6.62vh;width: 41.35vh;}
	.section_visual .scroll_set {bottom: auto;top: calc(50% + 23.96vh + 16vh);}
}


/* section01 */
.sec01_outer {position: relative;height: 250vh;}
.section01 {
	position: sticky;top: 0;width: 100%;height: 100vh;
	background-color: #fff;
	background-image: url("../images/sec01_bg_top@1.5x.png"), url("../images/sec01_bg_line@1.5x.png"), url("../images/sec01_bg@1.5x.jpg");
	background-repeat: no-repeat, repeat-y, repeat;
	background-position: center top, center top, center center;
	background-size: auto 70px, auto 1080px, auto 100%;
}
.section01 .sub_sec {
	position: absolute;left: 0;top: 0;z-index: -1;opacity: 0;
	display: flex;align-items: center;justify-content: center;
	width: 100%;height: 100%;
	transition: z-index 0s linear, opacity 0.3s ease;
	overflow: hidden;
}
.section01[data-page="1"] .sub01,
.section01[data-page="2"] .sub02 {z-index: 1;opacity: 1;transition: opacity 0.3s ease, z-index 0s linear;}

.section01 .sub_sec .txt_set p {color: #111;font-size: 24px;font-weight: 400;line-height: 180%;text-align: center;}
.section01 .sub_sec .txt_set p .bold {position: relative;display: inline-block;font-weight: 800;}
.section01 .sub_sec .img {display: block;background: no-repeat center center;background-size: contain;margin: 0 auto;}
.section01 .line_set {position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;pointer-events: none;overflow: hidden;}
.section01 .line_set .line {position:absolute;z-index:2;}
.section01 .line_set svg {position:absolute;top:0;left:0;z-index: 0;display:block;width:100%;height:100%;margin:0 auto;}
.section01 .line_set .line01 {left: calc(50% + 563px);top: 80px;width: 418px;aspect-ratio: 418/466;}
.section01 .line_set .line02 {left: calc(50% + 416px);top: 523px;width: 262px;aspect-ratio: 262/53;}
.section01 .line_set .line03 {right: calc(50% + 383px);bottom: 85px;width: 580px;aspect-ratio: 580/373;}
.section01 .line_set .line04 {right: calc(50% + 395px);bottom: 347px;width: 42px;aspect-ratio: 42/129;}
.section01 .line_set .line05 {right: calc(50% + 417px);bottom: 349px;width: 39px;aspect-ratio: 39/59;}

.section01 .sub01 {padding: 30px 0 0;}
.section01 .sub01 .txt_set p:nth-child(1) {margin-top: 0;}
.section01 .sub01 .txt_set p:nth-child(2) {line-height: 220%;margin-top: 0;}
.section01 .sub01 .txt_set p:nth-child(3) {margin-top: 0;}
.section01 .sub01 .txt_set p {margin-top: 38px;}
.section01 .sub01 .txt_set p em {position: relative;z-index: 0;}
.section01 .sub01 .txt_set .deco01::after {content:'';position: absolute;left: 19px;top: -14px;z-index: -1;width: 37px;aspect-ratio: 37/21;background: url('data:image/svg+xml,<svg width="37" height="21" viewBox="0 0 37 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 14.1838V5.51796C2 4.55903 3.06225 3.98114 3.86733 4.50208L11.3733 9.35889C11.892 9.6945 12.5802 9.5855 12.9698 9.10603L18.7843 1.94968C19.3813 1.21494 20.5527 1.41943 20.8655 2.31297L24.0486 11.4076C24.243 11.9631 24.809 12.2981 25.3896 12.2014L34.2612 10.7228C35.4953 10.5171 36.1918 12.0908 35.2099 12.866L27.41 19.0238" stroke="%23F5A216" stroke-width="2.42" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;background-size: contain;}
.section01 .sub01 .txt_set .deco02::after {content:'';position: absolute;left: -6px;bottom: -12px;z-index: -1;width: 76px;aspect-ratio: 76/19;background: url('data:image/svg+xml,<svg width="76" height="19" viewBox="0 0 76 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 1.84375H58.7322C58.8238 1.84375 58.9125 1.85322 59.0014 1.87509C59.5811 2.01763 60.3106 2.25175 61.1079 2.56476M61.1079 2.56476C64.0074 3.70313 67.8032 5.88487 68.55 8.49875C69.3709 11.3719 69.155 14.5487 65.525 15.1538C63.0088 15.5731 61.6933 12.5321 60.685 10.9188C60.2817 13.1371 60.685 16.3638 57.66 16.9688C54.635 17.5738 50.4 15.7588 54.03 9.10375C56.0123 5.46957 58.859 3.50799 61.1079 2.56476ZM61.1079 2.56476C62.1535 2.12617 63.0699 1.90776 63.71 1.84375H73.995" stroke="%23F5A216" stroke-width="2.42" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;background-size: contain;}
.section01 .sub01 .txt_set .deco03::after {content:'';position: absolute;left: -8px;top: -1px;z-index: -1;width: 76px;aspect-ratio: 76/45;background: url('data:image/svg+xml,<svg width="76" height="45" viewBox="0 0 76 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.26999 41.3638C12.0607 41.1545 23.4581 41.3796 34.5565 40.8117M34.5565 40.8117C55.5386 39.7382 75.4516 35.8302 74.6602 20.7937C73.4452 -2.2914 21.4203 -3.40632 7.50548 11.7186C-5.05684 25.3734 3.84585 37.3972 34.5565 40.8117ZM34.5565 40.8117C36.5401 41.0323 38.6147 41.2169 40.7804 41.3638C65.1129 43.0135 72.2404 43.1787 72.2404 43.1787" stroke="%23F5A216" stroke-width="2.42" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;background-size: contain;}
.section01 .sub01 .img {width: 243px;aspect-ratio: 243/155;background-image: url("../images/sec01_sub01_img@1.5x.png");margin-top: 50px;}


.section01 .sub02 {padding: 70px 0 0;}
.section01 .sub02 .txt_set p {margin-top: 67px;}
.section01 .sub02 .txt_set p:nth-child(1) {position: relative;z-index: 0;font-size: 27px;font-weight: 700;margin-top: 0;}
.section01 .sub02 .txt_set p:nth-child(1)::after {content:'';position: absolute;left: -5px;bottom: 0;z-index: -1;width: 418px;aspect-ratio: 418/107;background: url("../images/sec01_sub02_txt_bg@1.5x.png") no-repeat center center;background-size: contain;}
.section01 .sub02 .txt_set p em {position: relative;z-index: 0;}
.section01 .sub02 .txt_set .deco01::after {content:'';position: absolute;left: 2px;top: -16px;z-index: -1;width: 109px;aspect-ratio: 109/22;background: url('data:image/svg+xml,<svg width="109" height="22" viewBox="0 0 109 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0503 19.521C14.9001 19.9027 15.6556 20.1823 16.2226 20.3275C16.3113 20.3502 16.399 20.3592 16.4906 20.3592H73.2228C75.947 19.9731 79.7535 19.1053 83.3522 17.6781M14.0503 19.521C10.8159 18.0679 6.21704 15.1341 5.46278 12.4942C4.64189 9.6211 6.06779 6.44423 9.69778 5.83923C12.214 5.41986 13.5295 8.4609 14.5378 10.0742C14.9411 7.8559 14.5378 4.62923 17.5628 4.02423C20.5878 3.41923 26.0328 5.23423 22.4028 11.8892C20.3297 15.6899 16.6945 18.2778 14.0503 19.521ZM14.0503 19.521C12.9905 20.0193 12.0898 20.3015 11.5128 20.3592H1.22778M83.3522 17.6781C88.8115 15.5132 93.7929 12.0608 93.7929 7.04923C93.7929 -3.34478 83.5078 2.81423 84.7178 7.04923C83.9112 5.39956 81.3298 2.22122 77.4578 2.70522C72.6178 3.31022 74.3728 10.0144 77.4578 13.0992C79.0032 14.6445 80.439 16.3193 83.3522 17.6781ZM83.3522 17.6781C87.282 19.5111 93.9003 20.7693 107.103 20.3592" stroke="%23F5A216" stroke-width="2.42" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;background-size: contain;}
.section01 .sub02 .txt_set .deco02::after {content:'';position: absolute;left: -2px;bottom: 0;z-index: -1;width: 45px;aspect-ratio: 45/44;background: url('data:image/svg+xml,<svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.37781 37.2251C4.20114 37.0234 11.4208 37.7091 12.8728 42.0651C14.4862 40.4517 17.9548 37.2251 23.7628 37.2251C29.5708 37.2251 33.4428 40.4517 34.0478 42.0651C36.2662 40.4517 40.3398 37.2251 43.7278 37.2251M1.37781 6.94388C4.20114 7.14555 11.4208 6.45988 12.8728 2.10388C14.4862 3.71722 17.9548 6.94388 23.7628 6.94388C29.5708 6.94388 33.4428 3.71722 34.0478 2.10388C36.2662 3.71722 40.3398 6.94388 43.7278 6.94388" stroke="%23F5A216" stroke-width="2.42" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;background-size: contain;}
.section01 .sub02 .img {width: 395px;aspect-ratio: 395/190;background-image: url("../images/sec01_sub02_img@1.5x.png");margin-top: 76px;}

/* show */
.section01 .sub_sec .txt_set {opacity: 0;transition: opacity 0.3s ease;}
.section01[data-page="1"] .sub01 .txt_set,
.section01[data-page="2"] .sub02 .txt_set {opacity: 1;transition: opacity 0.3s 0.3s ease;}
.section01 .sub_sec .img {opacity: 0;transition: opacity 0.3s ease;}
.section01[data-page="1"] .sub01 .img,
.section01[data-page="2"] .sub02 .img {opacity: 1;transition: opacity 0.3s 0.6s ease;}


.section01 .sticky_set {position: absolute;right: 50px;bottom: 50px;opacity: 0;z-index: -1;transition: opacity 0.3s ease, z-index 0.3s 0s linear;}
.section01 .sticky_set.show {z-index: 300;opacity: 1;transition: all 0.3s ease}
.section01 .sticky_set .btn_sticky {
	width: 181px;aspect-ratio: 181/103;
	background: url("../images/btn_sticky_bg@1.5x.png") no-repeat center center;
	background-size: contain;
	padding: 18px 0 0 15px;
}
.section01 .sticky_set .btn_sticky p {display: block;color: #fff;font-size: 26px;font-weight: 800;line-height: 1;letter-spacing: -0.02em;margin-bottom: 14px;transition: all 0.3s ease;}
.section01 .sticky_set .btn_sticky p:last-child {display: flex;align-items: center;gap: 20px;margin-bottom: 0;}
.section01 .sticky_set .btn_sticky .arr {
	display: inline-block;
	width: 56px;aspect-ratio: 56/32;
	margin-left: 5px;
	background-color: #fff;
	-webkit-mask: url('data:image/svg+xml,<svg width="56" height="32" viewBox="0 0 56 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.3605 17.9997H0V13.9997H48.3604L37.6802 3.3194L40.3201 0.679489L55.6403 15.9997L40.3201 31.32L37.6802 28.68L48.3605 17.9997Z" fill="white"/></svg>') no-repeat center center;
	-webkit-mask-size: contain;
	transition: all 0.3s ease;
}
.section01 .sticky_set .btn_sticky:hover p {color: #111;}
.section01 .sticky_set .btn_sticky:hover .arr {background-color: #111;}

@media all and (max-height: 700px) {
	.section01 .sub01 {padding: 4.29vh 0 0;}
	.section01 .sub_sec .txt_set p {font-size: 3.43vh;}
	.section01 .sub01 .txt_set p {margin-top: 5.43vh;}
	.section01 .sub01 .txt_set .deco01::after {left: 2.71vh;top: -2vh;width: 5.29vh;}
	.section01 .sub01 .txt_set .deco02::after {left: -0.86vh;bottom: -1.71vh;width: 10.86vh;}
	.section01 .sub01 .txt_set .deco03::after {left: -1.14vh;top: -0.71vh;width: 10.86vh;}
	.section01 .sub01 .img {width: 34.71vh;margin-top: 7.14vh;}

	.section01 .sub02 {padding: 10vh 0 0;}
	.section01 .sub02 .txt_set p {margin-top: 9.57vh;}
	.section01 .sub02 .txt_set p:nth-child(1) {font-size: 3.86vh;}
	.section01 .sub02 .txt_set p:nth-child(1)::after {left: -0.71vh;width: 59.71vh;}
	.section01 .sub02 .txt_set .deco01::after {left: 0.29vh;top: -2.29vh;width: 15.57vh;}
	.section01 .sub02 .txt_set .deco02::after {left: -0.71vh;bottom: 0.43vh;width: 6.43vh;}
	.section01 .sub02 .img {width: 56.43vh;margin-top: 10.86vh;}
}


/* section02 */
.section02 {position: relative;background: url("../images/sec02_bg@1.5x.jpg") repeat-x center center;background-size: auto 100%;}
.section02 .in {max-width: 1252px;margin: 0 auto;padding: 252px 0 247px;}


.section02 .card_set {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 22px 0;width: 100%;}
.section02 .card_set .card {position: relative;flex: 0 0 296px;height: 432px;overflow: hidden;box-sizing: content-box;}
.section02 .card_set .card a {position: relative;display: block;width: 100%;height: 100%;z-index: 3;}
.section02 .card_set .card:before,
.section02 .card_set .card:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 1s ease;}
.section02 .card_set .card:before {z-index: 1;}
.section02 .card_set .card:after {border: 3px solid #000;z-index: 2;box-sizing: border-box;}
.section02 .card_set .card:hover:before {transform: scale(0.94);}
.section02 .card_set .card01 {flex-basis: 612px;background-color: #00A1E0;}
.section02 .card_set .card02 {background-color: #783CBD;}
.section02 .card_set .card03 {background-color: #00833E;}
.section02 .card_set .card04 {background-color: #FFA400;}
.section02 .card_set .card05 {flex-basis: 612px;background-color: #F63440;}
.section02 .card_set .card06 {background-color: #003A70;}

.section02 .card_set .card01:before{background: url("../images/sec02_photo01.png") no-repeat center center;background-size: cover;}
.section02 .card_set .card01:after{background: url('../images/sec02_frame01.png') no-repeat center center;background-size: cover;}
.section02 .card_set .card02:before{background: url("../images/sec02_photo02.png") no-repeat center center;background-size: cover;}
.section02 .card_set .card02:after{background: url('../images/sec02_frame02.png') no-repeat center center;background-size: cover;}
.section02 .card_set .card03:before{background: url("../images/sec02_photo03.png") no-repeat center center;background-size: cover;}
.section02 .card_set .card03:after{background: url('../images/sec02_frame03.png') no-repeat center center;background-size: cover;}
.section02 .card_set .card04:before{background: url("../images/sec02_photo04.png") no-repeat center center;background-size: cover;}
.section02 .card_set .card04:after{background: url('../images/sec02_frame04.png') no-repeat center center;background-size: cover;}
.section02 .card_set .card05:before{background: url("../images/sec02_photo05.png") no-repeat center center;background-size: cover;}
.section02 .card_set .card05:after{background: url('../images/sec02_frame05.png') no-repeat center center;background-size: cover;}
.section02 .card_set .card06:before{background: url("../images/sec02_photo06.png") no-repeat center center;background-size: cover;}
.section02 .card_set .card06:after{background: url('../images/sec02_frame06.png') no-repeat center center;background-size: cover;}
/*.section02 .card_set .card02:after{background-image: url("../images/sec02_card02@1.5x.png");}*/
/*.section02 .card_set .card03:after{background-image: url("../images/sec02_card03@1.5x.png");}*/
/*.section02 .card_set .card04:after{background-image: url("../images/sec02_card04@1.5x.png");}*/
/*.section02 .card_set .card05:after{background-image: url("../images/sec02_card05@1.5x.png");}*/
/*.section02 .card_set .card06:after{background-image: url("../images/sec02_card06@1.5x.png");}*/

.section02 .card_set .card .name {
	position: absolute;left: 0;top: 3px;z-index: 1;
	color: #000;font-size: 17px;font-weight: 800;line-height: 130%;letter-spacing: -0.01em;
	background: #fff;
	border-left: 3px solid #000;
	box-shadow: 3px 3px 0 #111;
	padding: 3px 6px 3px 9px;
}
.section02 .card_set .card .txt_set {position: absolute;z-index: 1;width: 100%;}
.section02 .card_set .card .txt_set .txt {position: relative;display: block;color: #FFF;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.01em;}
.section02 .card_set .card .txt_set .arr {position: absolute;right: 0;bottom: 1px;z-index: 1;width: 33px;aspect-ratio: 33/31;background: url('data:image/svg+xml,<svg width="33" height="31" viewBox="0 0 33 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.6374 17.6812H0.885254V13.7648H25.6369L15.0034 3.308L17.6318 0.723267L32.8853 15.7233L17.6318 30.7233L15.0034 28.1385L25.6374 17.6812Z" fill="white"/></svg>') no-repeat center center;background-size: contain;}
.section02 .card_set .card01 .txt_set {left: 0;bottom: 0;padding: 17px;}
.section02 .card_set .card02 .txt_set {left: 0;top: 0;padding: 47px 18px 0;}
.section02 .card_set .card03 .txt_set {left: 0;bottom: 0;padding: 0 14px 14px 21px;}
.section02 .card_set .card04 .txt_set {left: 0;bottom: 0;padding: 0 21px 19px 16px;}
.section02 .card_set .card05 .txt_set {left: 0;bottom: 0;padding: 18px;}
.section02 .card_set .card06 .txt_set {left: 0;top: 0;padding: 41px 13px 0 21px;}


/* section03 */
.section03 {height: 952px;background: #fff url("../images/sec03_bg@1.5x.jpg") no-repeat center center;background-size: auto 100%;}
.section03 .in {display: flex;align-items: center;justify-content: center;height: 100%;}

.section03 .time_ing {margin: 50px 0 0;}
.section03 .time_ing .s_tit {color: #FFF;font-size: 32px;font-weight: 500;line-height: 145%;text-align: center;margin: 0 0 64px;}
.section03 .time_ing .sec_tit {color: #111;font-size: 42px;font-weight: 700;line-height: 140%;text-align: center;}
.section03 .time_ing .count_set {width: 748px;aspect-ratio: 748/306;background: url("../images/sec03_time_bubble@1.5x.png") no-repeat center center;background-size: 100% 100%;margin: 31px auto 81px;padding: 38px 0 0;}
.section03 .time_ing .count_set .count {display: flex;align-items: center;justify-content: center;color: #F4A100;font-family: var(--font-hs);font-size: 123px;font-weight: 400;line-height: 140%;}
.section03 .time_ing .count_set .count span {display: inline;}
.section03 .time_ing .desc {color: #FFF;font-size: 22px;font-weight: 500;line-height: 140%;text-align: center;}

.section03 .time_out {margin: 45px 0 0;}
.section03 .time_out .sec_tit {color: #FFF;font-size: 60px;font-weight: 600;line-height: 200%;text-align: center;}
.section03 .time_out .sec_tit strong {
	display: inline-block;
	width: 221px;aspect-ratio: 221/134;
	text-align: center;vertical-align: middle;
	background: url("../images/sec03_change@1.5x.png") no-repeat center center;
	background-size: contain;
	margin: -13px 8px 0 0px;
}
.section03 .time_out .img {width: 926px;aspect-ratio: 926/117;background: url("../images/sec03_complete_img@1.5x.png") no-repeat center center;background-size: contain;margin: 15px auto 98px;}
.section03 .time_out .btn_set {}
.section03 .time_out .btn {display: flex;align-items: center;justify-content: space-between;width: 345px;margin: 0 auto;padding: 0 42px;background: #fff;border-radius: 50px;border: 2px solid #000;transition: all 0.3s ease;}
.section03 .time_out .btn .txt {color: #111;font-size: 24px;font-weight: 700;line-height: 87px;}
.section03 .time_out .btn .arr {width: 49px;aspect-ratio: 49/33;background: url("../images/btn_arrow@1.5x.png") no-repeat center center;background-size: contain;}
.section03 .time_out .btn:hover {background: #F4A100;}
.section03 .time_out .btn:hover .txt {color: #111;}


/* 10월 14일 이후 */
.section03 .time_out {display: none;}
.section03.complete .time_ing {display: none;}
.section03.complete .time_out {display: block;}


/* section04 */
.section04 {background: #fff url("../images/sec04_bg@1.5x.jpg") no-repeat center center;background-size: auto 100%;}
.section04 .in {padding: 262px 0 111px;text-align: center;}
.section04 .sec_tit {position: relative;z-index: 0;display: inline-block;color: #111;font-size: 39px;font-weight: 700;line-height: 180%;text-align: center;white-space: nowrap;}
.section04 .sec_tit::after {content:'';position: absolute;left: -10px;bottom: 5px;z-index: -1;width: 447px;aspect-ratio: 465/158;background: url("../images/sec04_tit_deco@1.5x.png") no-repeat center center;background-size: contain;}
.section04 .btn_set {display: flex;align-items: center;justify-content: center;gap: 50px;margin: 50px 0 99px;}
.section04 .btn_set a {display: inline-flex;align-items: center;justify-content: space-between;width: 345px;padding: 0 36px;background: #F4A100;border-radius: 50px;border: 2px solid #000;transition: all 0.3s ease;}
.section04 .btn_set a .txt {color: #fff;font-size: 24px;font-weight: 700;line-height: 87px;transition: all 0.3s ease;}
.section04 .btn_set a:hover .txt {color: #111;}
.section04 .btn_set a .arr {width: 49px;aspect-ratio: 49/33;background: url("../images/btn_arrow@1.5x.png") no-repeat center center;background-size: contain;}
.section04 .btn_set .btn_join {}
.section04 .btn_set .btn_add {}
.section04 .desc {color: #111;font-size: 22px;font-weight: 500;line-height: 140%;text-align: center;}


/* footer */
.footer {background: url("../images/footer_bg@1.5x.jpg") no-repeat center center;background-size: cover;}
.footer .in {padding: 60px 30px;}
.footer .logo {width: 160px;aspect-ratio: 160/39;background: url("../images/footer_logo@1.5x.png") no-repeat center center;background-size: contain;margin: 0 0 22px;}
.footer {}
.footer p {color: #fff;font-size: 14px;font-weight: 300;line-height: 100%;letter-spacing: -0.02em;text-align: left;margin-bottom: 12px;}
.footer p .bold {font-weight: 600;}
.footer p a {display: inline;}