/* font 폰트 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

html,body {}
.wrap {width: 100%;min-width: 1006px;}

.bold {font-weight: 700;}
.dis_none {display: none;}
.txt_bg {position: relative;z-index: 0;display: inline-block;color: #fff;}
.txt_bg::before {content:'';position: absolute;left: 50%;top: 50%;z-index: -1;width: 100%;height: 47px;background: #00AEEF;transform: translate(-50%, -50%);padding: 0 8px;}
.underline {position: relative;z-index: 0;display: inline-block;}
.underline::before {content:'';position: absolute;left: 50%;bottom: 6px;z-index: -1;width: 100%;height: 20px;background: url("../images/sec_tit_underline@1.5x.png") no-repeat center center;background-size: cover;transform: translateX(-50%);padding: 0 4px;}
.wrap section > .in {max-width: 1006px;margin: 0 auto;}

/* wrap_fixed */
.wrap_fixed .sticky_set {position: fixed;right: 127px;bottom: 0;z-index: 300;transform: translateY(calc(101% + 110px));transition: transform 0.3s ease;}
.wrap_fixed .sticky_set.show {transform: translateY(0%);}
.wrap_fixed .sticky_set .btn_sticky {position: relative;display: flex;align-items: center;gap: 25px;width: 325px;height: 120px;padding-left: 27px;}
.wrap_fixed .sticky_set .btn_sticky::before,
.wrap_fixed .sticky_set .btn_sticky::after {content:'';position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;width: 100%;height: 100%;background: no-repeat left center;background-size: auto 100%;transition: opacity 0.3s ease;}
.wrap_fixed .sticky_set .btn_sticky::before {background-image: url("../images/sticky_bg_bl@2x.png?v=3");}
.wrap_fixed .sticky_set .btn_sticky::after {background-image: url("../images/sticky_bg_or@2x.png?v=3");}
.wrap_fixed .sticky_set.bl .btn_sticky::before {opacity: 1;}
.wrap_fixed .sticky_set.or .btn_sticky::after {opacity: 1;}
.wrap_fixed .sticky_set .btn_sticky span {position: relative;z-index: 1;display: block;}
.wrap_fixed .sticky_set .btn_sticky .btn_txt {color: #fff;font-size: 33px;font-weight: 800;line-height: 44px;text-align: center;}
.wrap_fixed .sticky_set .btn_sticky .btn_arr {width: 31px;aspect-ratio: 5/5;background: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.3644 31L11.5534 27.2633L20.6215 18.2502H0V12.7498H20.6215L11.5534 3.75169L15.3644 0L31 15.5L15.3644 31Z" fill="white"/></svg>') no-repeat center center;background-size: contain;animation: arrowAni 1.2s ease-in-out infinite;}
@keyframes arrowAni {
	0% { transform: translateX(0) }
	50% { transform: translateX(-15px) }
}
.wrap_fixed .sticky_set .btn_sticky .btn_img,
.wrap_fixed .sticky_set .btn_sticky .btn_img_shadow {position: absolute;right: -113px;bottom: 0;width: 195px;aspect-ratio: 195/230;background:  no-repeat center center;background-size: contain;}
.wrap_fixed .sticky_set .btn_sticky .btn_img {z-index: 2;background-image: url("../images/sticky_img@2x.png?v=2");}
.wrap_fixed .sticky_set .btn_sticky .btn_img_shadow {z-index: 1;background-image: url("../images/sticky_img_shadow@2x.png?v=2");mix-blend-mode: soft-light;}


/* section_visual */
.section_visual {
	position: relative;z-index: 0;
	height: 100vh;
	/*height: calc(100vh - 115px);*/
	background: url("../images/main_bg@1.5x.jpg") no-repeat center center;
	background-size: auto 100%;
}
.section_visual .in {display: flex;justify-content: center;align-items: center;height: calc(100% - 155px + 60px);}
.section_visual .logo_set {position: absolute;top: 30px;left: 30px;z-index: -1;opacity: 0;transition: all 0.3s ease;}
.section_visual .logo_set.show {opacity: 1;z-index: 200;}
.section_visual .logo_set a {
	position: relative;width: 75px;aspect-ratio: 75/40;
	background-color: #111;
	-webkit-mask: url("../images/logo@2x.png") no-repeat center center;
	-webkit-mask-size: contain;
	transition: background 0.3s ease;
}
/*.section_visual .tit_set {position: absolute;left: 50%;top: calc(50% - 238px);z-index: 1;transform: translateX(-50%);}*/
.section_visual .tit_set .sec_tit {display: block;width: 392px;aspect-ratio: 392/381;background: url("../images/main_title@1.5x.png") no-repeat center center;background-size: contain;}
@media (max-height: 630px) {
	.section_visual .in {height: calc(100% - 155px + 9.52vh)}
	.section_visual .tit_set .sec_tit {width: 62.22vh;}
}


/* section01 */
.section01 {
	position: relative;z-index: 1;
	background: url("../images/sec01_bg@1.5x.jpg") no-repeat center bottom;
	background-size: auto 100%;
}
.section01::after {
	content:'';position: absolute;left: 0;bottom: 100%;z-index: 1;
	width: 100%;height: 155px;
	background: url("../images/main_bg_bottom@1.5x.png") no-repeat center top;
	background-size: auto 100%;
}
.section01 .in {position: relative;z-index: 2;padding: 97px 0 118px;}
.section01 .tit_set {margin-top: -155px;}
.section01 .tit_set .sec_tit {margin: 0 0 0 15px;}
.section01 .tit_set .sec_tit > span {display: block;color: #FFF;font-weight: 800;text-align: center;}
.section01 .tit_set .sec_tit > span:nth-child(1) {font-size: 32px;line-height: 48px;margin: 0 0 10px;}
.section01 .tit_set .sec_tit > span:nth-child(2) {font-size: 39px;line-height: 49px;}
.section01 .tit_set .sec_tit > span:nth-child(1) .bold {font-size: 40px;}
.section01 .tit_set .sec_tit > span:nth-child(2) .bold {font-size: 49px;}
.section01 .tit_set .txt {color: #FFF;font-size: 20px;font-weight: 500;line-height: 120%;text-align: center;margin: 68px 0 0;}
.section01 .btn_set {text-align: center;margin: 20px 0 0;}
.section01 .btn_set .btn {display: inline-flex;align-items: center;gap: 80px;background: #10ABFF;padding: 24px 37px;}
.section01 .btn_set .btn span {color: #FFF;font-size: 30px;font-weight: 800;line-height: 120%;}

/* section02 ~ section04 배경 */
.sec0204_bg {background: url("../images/paper_bg@1.5x.jpg") no-repeat center bottom;background-size: auto 100%;}

/* section02 */
.section02 {}
.section02 .in {padding: 102px 0 99px;}
.section02 .tit_set {margin: 0 0 55px;}
.section02 .tit_set .s_tit {color: #616161;font-size: 20px;font-weight: 700;line-height: 120%;text-align: center;margin: 0 0 3px;}
.section02 .tit_set .sec_tit {color: #111;font-size: 35px;font-weight: 800;line-height: 160%;text-align: center;}
.section02 .tit_set .sec_tit .underline {}
.section02 .tit_set .sec_tit .underline::before {}
.section02 .box_set {display: flex;box-shadow: 8px 8px 0 rgba(0, 174, 239, 0.6);}
.section02 .box_set > div {position: relative;}
.section02 .box_set > div:nth-child(1) {flex: 0 0 auto;}
.section02 .box_set > div:nth-child(2) {flex: 1 1 auto;}
.section02 .image {position: relative;background: no-repeat center center;background-size: cover;}
.section02 .image.img01 {width: 531px;aspect-ratio: 531/434;background-image: url("../images/sec02_img01@1.5x.jpg");}
.section02 .image.img02 {aspect-ratio: 475/358;background-image: url("../images/sec02_img02@1.5x.jpg");}
.section02 .image .caption {position: absolute;left: 10px;top: 10px;z-index: 1;color: #FFF;font-size: 13px;font-weight: 400;line-height: 123%;text-align: left;white-space: nowrap;}
.section02 .txt_set {position: absolute;right: 0;bottom: 0;z-index: 1;width: 100%;display: inline-block;background: #fff;padding: 65px 32px 24px;}
.section02 .txt_set::before {content: '';position: absolute;left: 32px;top: 19px;z-index: 1;opacity: 0.7;width: 30px;aspect-ratio: 30/27;background: url("data:image/svg+xml,%3Csvg width='30' height='27' viewBox='0 0 30 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M0 26.5V16.3C0 7.6 0.0999999 4.8 7.7 0L10.8 4.7C6.3 6.9 5.9 9.1 5.9 11.8V14H12.1V26.5H0ZM17.2 26.5V16.3C17.2 7.6 17.3 4.8 24.9 0L28 4.7C23.5 6.9 23.1 9.1 23.1 11.8V14H29.3V26.5H17.2Z' fill='%2300AEEF'/%3E%3C/svg%3E%0A") no-repeat center center;background-size: contain;}
.section02 .txt_set::after {content:'';position: absolute;left: 70px;top: 39px;z-index: 1;opacity: 0.5;width: 375px;height: 1px;background: #00AEEF;}
.section02 .txt_set p {color: #111;font-size: 20px;font-weight: 500;line-height: 140%;margin-bottom: 20px;}
.section02 .txt_set p:last-child {margin-bottom: 0;}


/* section03 */
.section03 {}
.section03 .in {padding: 60px 0 103px;}
.section03 .tit_set {margin: 0 0 44px;}
.section03 .tit_set .sec_tit {color: #111;font-size: 35px;font-weight: 800;line-height: 160%;text-align: center;}
.section03 .tit_set .sec_tit .underline {margin-left: 8px;}
.section03 .tit_set .sec_tit .underline::before {}
.section03 .box_set {position: relative;z-index: 0;display: flex;align-items: flex-end;}
.section03 .box_set::after {content:'';position: absolute;left: 8px;bottom: -8px;z-index: -1;opacity: 0.6;width: 100%;height: 321px;background: #00AEEF;}
.section03 .video_set {flex: 0 0 auto;position: relative;z-index: 2;width: 697px;aspect-ratio: 16/9;}
.section03 .video_set iframe {width: 100%;height: 100%;}
.section03 .video_set .btn_sound {
	position: absolute;top: 80px;right: 20px;z-index: 10;
	width: 40px;aspect-ratio: 50/40;border-radius: 0;border: none;outline: 0;
	background: transparent url("../images/sound_sprites@2x.png") no-repeat left 87.5% center;
	background-size: auto 150%;
}
.section03 .video_set .btn_sound.mute {background-position: left 12.5% center;}
.section03 .txt_set {flex: 1 1 auto;position: relative;z-index: 1;display: block;background: #fff;box-shadow: 0 -1px 2px rgba(17, 17, 17, 0.1);padding: 65px 17px 20px;}
.section03 .txt_set::before {content: '';position: absolute;left: 16px;top: 16px;z-index: 1;opacity: 0.7;width: 30px;aspect-ratio: 30/27;background: url("data:image/svg+xml,%3Csvg width='30' height='27' viewBox='0 0 30 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M0 26.5V16.3C0 7.6 0.0999999 4.8 7.7 0L10.8 4.7C6.3 6.9 5.9 9.1 5.9 11.8V14H12.1V26.5H0ZM17.2 26.5V16.3C17.2 7.6 17.3 4.8 24.9 0L28 4.7C23.5 6.9 23.1 9.1 23.1 11.8V14H29.3V26.5H17.2Z' fill='%2300AEEF'/%3E%3C/svg%3E%0A") no-repeat center center;background-size: contain;}
.section03 .txt_set::after {content:'';position: absolute;left: 55px;top: 36px;z-index: 1;opacity: 0.5;width: 230px;height: 1px;background: #00AEEF;}
.section03 .txt_set p {color: #111;font-size: 20px;font-weight: 500;line-height: 140%;margin-bottom: 20px;}
.section03 .txt_set p:last-child {margin-bottom: 0;}


/* section04 */
.section04 {}
.section04 .in {padding: 60px 0 169px;}
.section04 .tit_set {margin: 0 0 44px;}
.section04 .tit_set .sec_tit {color: #111;font-size: 35px;font-weight: 800;line-height: 160%;text-align: center;}
.section04 .tit_set .sec_tit .underline {margin-left: 8px;}
.section04 .tit_set .sec_tit .underline::before {padding: 0 8px;}
.section04 .box_set {position: relative;display: block;box-shadow: 8px 8px 0 rgba(0, 174, 239, 0.6);}
.section04 .image {display: block;width: 100%;aspect-ratio: 1006/506;background: url("../images/sec04_img@1.5x.jpg") no-repeat center center;background-size: cover;}
.section04 .image .caption {position: absolute;left: 10px;top: 10px;z-index: 1;color: #FFF;font-size: 13px;font-weight: 400;line-height: 123%;text-align: left;white-space: nowrap;}
.section04 .txt_set {position: absolute;right: 0;bottom: 0;z-index: 1;display: inline-block;background: #fff;box-shadow: 0 -1px 2px rgba(17, 17, 17, 0.1);padding: 65px 33px 32px 28px;}
.section04 .txt_set::before {content: '';position: absolute;left: 28px;top: 20px;z-index: 1;opacity: 0.7;width: 30px;aspect-ratio: 30/27;background: url("data:image/svg+xml,%3Csvg width='30' height='27' viewBox='0 0 30 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M0 26.5V16.3C0 7.6 0.0999999 4.8 7.7 0L10.8 4.7C6.3 6.9 5.9 9.1 5.9 11.8V14H12.1V26.5H0ZM17.2 26.5V16.3C17.2 7.6 17.3 4.8 24.9 0L28 4.7C23.5 6.9 23.1 9.1 23.1 11.8V14H29.3V26.5H17.2Z' fill='%2300AEEF'/%3E%3C/svg%3E%0A") no-repeat center center;background-size: contain;}
.section04 .txt_set::after {content:'';position: absolute;left: 66px;top: 40px;z-index: 1;opacity: 0.5;width: 283px;height: 1px;background: #00AEEF;}
.section04 .txt_set p {color: #111;font-size: 20px;font-weight: 500;line-height: 140%;margin-bottom: 28px;}
.section04 .txt_set p:last-child {margin-bottom: 0;}


/* section05 */
.section05 {position: relative;background: #CF2B7E url("../images/sec05_bg@1.5x.jpg") no-repeat center top;background-size: auto 100%;}
.section05 .in {padding: 112px 0 52px;}
.section05 .box_set {position: relative;width: 100%;}
.section05 .img_set {position: relative;display: flex;}
.section05 .img_set .image {position: relative;width: 50%;aspect-ratio: 503/510;background: no-repeat center center;background-size: cover;}
.section05 .img_set .image.img01 {background-image: url("../images/sec05_img01@1.5x.jpg");}
.section05 .img_set .image.img02 {background-image: url("../images/sec05_img02@1.5x.jpg");}
.section05 .img_set .image .caption {position: absolute;left: 10px;top: 10px;z-index: 1;opacity: 0.6;color: #fff;font-size: 13px;font-weight: 500;line-height: 123%;text-align: left;white-space: nowrap;}
.section05 .img_set .image.img01 .caption {color: #111;}
.section05 .img_set .image.img02 .caption {left: 12px;}
.section05 .tit_set {position: absolute;left: 50%;top: 121px;z-index: 1;text-align: center;transform: translateX(-50%);}
.section05 .tit_set .sec_tit {display: inline-block;background: #10ABFF;padding: 18px 15px;margin: 0 0 10px;}
.section05 .tit_set .sec_tit > span {display: block;width: 423px;aspect-ratio: 423/117;background: url("../images/sec05_tit@1.5x.png") no-repeat center center;background-size: contain;}
.section05 .tit_set .txt {display: inline-block;background: #fff;padding: 20px 26px;}
.section05 .tit_set .txt p {color: #111;font-size: 20px;font-weight: 500;line-height: 140%;text-align: center;margin-bottom: 5px;}
.section05 .tit_set .txt p:last-child {margin-bottom: 0;}
.section05 .btn_set {text-align: center;margin: 43px 0 0;}
.section05 .btn_set .btn {display: inline-flex;background: #fff;box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);padding: 8px 10px;}
.section05 .btn_set .btn span {color: #FFF;font-size: 30px;font-weight: 800;line-height: 120%;}
.section05 .btn_set .btn .btn_txt {padding: 24px 37px;background: url("../images/sec05_btn_bg_txt@1.5x.jpg") no-repeat center center;background-size: cover;}
.section05 .btn_set .btn .btn_arr {padding: 24px 27px;background: url("../images/sec05_btn_bg_arr@1.5x.jpg") no-repeat center center;background-size: cover;}


/* section06 */
.section06 {background: rgba(103, 103, 103, 0.10);}
.section06 .in {padding: 105px 0;}
.section06 .tit_set {}
.section06 .tit_set .sec_tit {color: #111;font-size: 35px;font-weight: 700;line-height: 160%;text-align: center;}
.section06 .tit_set .sec_tit .txt_bg {color: #fff;font-weight: 800;margin-left: 2px;}
.section06 .tit_set .sec_tit .txt_bg::before {}
.section06 .card_set {display: flex;justify-content: center;gap: 16px;margin: 64px 0 0;}
.section06 .card_set .item {flex: 1 1 325px;display: flex;flex-direction: column;}
.section06 .card_set .image {flex: 0 0 auto;position: relative;width: 100%;aspect-ratio: 325/209;background: no-repeat center center;background-size: cover;}
.section06 .card_set .item01 .image {background-image: url("../images/sec06_img01@1.5x.jpg");}
.section06 .card_set .item02 .image {background-image: url("../images/sec06_img02@1.5x.jpg");}
.section06 .card_set .item03 .image {background-image: url("../images/sec06_img03@1.5x.jpg");}
.section06 .card_set .image .caption {position: absolute;left: 11px;top: 7px;z-index: 1;color: #FFF;font-size: 13px;font-weight: 400;line-height: 123%;text-align: left;white-space: nowrap;}
.section06 .card_set .txt_set {flex: 1 1 auto;position: relative;text-align: center;background: #fff;padding: 38px 30px 18px 30px;}
.section06 .card_set .txt_set .year {position: absolute;left: 50%;top: 0;z-index: 1;display: inline-block;color: #FFF;font-size: 20px;font-weight: 700;line-height: 100%;background: #00AEEF;padding: 14px;transform: translate(-50%, -50%);}
.section06 .card_set .txt_set .txt {color: #282828;font-size: 20px;font-weight: 500;line-height: 140%;}


/* section07 */
.section07 {position: relative;background: rgba(103, 103, 103, 0.10);}
.section07 .in {position: relative;z-index: 1;padding: 35px 0 102px;}
.section07 .tit_set {}
.section07 .tit_set .sec_tit {color: #111;font-size: 35px;font-weight: 700;line-height: 140%;text-align: center;}
.section07 .tit_set .sec_tit .txt_bg {color: #fff;font-weight: 800;}
.section07 .tit_set .sec_tit .txt_bg::before {}
.section07 .card_set {display: flex;justify-content: center;gap: 16px;margin: 68px 0 0;}
.section07 .card_set .item {flex: 1 1 325px;display: flex;flex-direction: column;}
.section07 .card_set .image {flex: 0 0 auto;position: relative;width: 100%;aspect-ratio: 325/209;background: no-repeat center center;background-size: cover;}
.section07 .card_set .item01 .image {background-image: url("../images/sec07_img01@1.5x.jpg");}
.section07 .card_set .item02 .image {background-image: url("../images/sec07_img02@1.5x.jpg");}
.section07 .card_set .item03 .image {background-image: url("../images/sec07_img03@1.5x.jpg");}
.section07 .card_set .image .caption {position: absolute;left: 15px;top: 10px;z-index: 1;color: #FFF;font-size: 13px;font-weight: 400;line-height: 123%;text-align: left;white-space: nowrap;}
.section07 .card_set .txt_set {flex: 1 1 auto;display: flex;gap: 28px;background: #fff;border-bottom: 6px solid #10ABFF;padding: 20px 22px 22px;}
.section07 .card_set .txt_set .c_tit {flex: 0 0 auto;color: #00AEEF;font-size: 20px;font-weight: 800;line-height: 140%;}
.section07 .card_set .txt_set .txt {flex: 1 1 auto;color: #282828;font-size: 20px;font-weight: 500;line-height: 140%;}


/* section08 */
.section08 {position: relative;background: #fff;}
.section08 .in {position: relative;z-index: 1;padding: 150px 0 117px;}
.section08 .tit_set {}
.section08 .tit_set .sec_tit {color: #111;font-size: 40px;font-weight: 600;line-height: 160%;text-align: center;}
.section08 .tit_set .sec_tit .txt_bg {color: #fff;font-size: 53px;font-weight: 800;margin: 0 8px;}
.section08 .tit_set .sec_tit .txt_bg::before {height: 76px;}
.section08 .btn_set {text-align: center;margin: 24px 0 0;}
.section08 .btn_set .btn {display: inline-flex;background: #fff;box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);padding: 8px 10px;}
.section08 .btn_set .btn span {color: #FFF;font-size: 30px;font-weight: 800;line-height: 120%;}
.section08 .btn_set .btn .btn_txt {padding: 24px 37px;background: url("../images/sec08_btn_bg_txt@1.5x.jpg") no-repeat center center;background-size: cover;}
.section08 .btn_set .btn .btn_arr {padding: 24px 27px;background: url("../images/sec08_btn_bg_arr@1.5x.jpg") no-repeat center center;background-size: cover;}
.section08 .video_set {position: relative;display: block;width: 100%;margin: 60px auto 0;}
.section08 .video_set .video {position: relative;width: 100%;aspect-ratio: 16/9;}
.section08 .video_set .btn_sound {
	position: absolute;top: 20px;right: 20px;z-index: 10;
	width: 40px;aspect-ratio: 50/40;border-radius: 0;border: none;outline: 0;
	background: transparent url("../images/sound_sprites@2x.png") no-repeat left 87.5% center;
	background-size: auto 150%;
}
.section08 .video_set .btn_sound.mute {background-position: left 12.5% center;}
.section08 .bottom_bg {position: absolute;left: 0;bottom: 0;z-index: 0;opacity: 0.3;width: 100%;height: 476px;background: #FF3E9F;}
.section08 .bottom_bg::after {content:'';position: absolute;left: 0;bottom: 100%;z-index: 0;width: 100%;height: 12px;background: url("../images/sec08_bg_deco@1.5x.png") repeat-x left top;background-size: contain;}