/* 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");
html {font-size: calc((10 / 1440) * 100vw);}
@media (min-width: 1440px) {
html {font-size: 10px;}
}
@media (max-width: 1280px) {
html {font-size: 8.889px;}
}
html,body {}
.wrap {width: 100%;min-width: 1280px;}
.bold {font-weight: 700;}
.dis_none {display: none;}
.max-container {width: 100%;max-width: 144rem;height: 100%;margin: 0 auto;}
/* cta 버튼 */
.btn_cta_set {}
.btn_cta_set .btn {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 1.2rem;
background: #fff;
border-radius: 0.4rem;
padding: 4.5rem 5rem;
overflow: hidden;
transition: background 0.3s ease;
}
.btn_cta_set .btn::before, .btn_cta_set .btn::after {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: opacity 0.3s ease;}
.btn_cta_set .btn::before {z-index: 0;background: linear-gradient(87deg, #0563C2 0%, #00AEEF 50%, #018AD9 100%);}
.btn_cta_set .btn::after {z-index: 1;opacity: 0;background: #fff;}
.btn_cta_set .btn .btn_txt {
position: relative;z-index: 2;
display: block;height: 3.35rem;aspect-ratio: 284/26;
background-color: #fff;
-webkit-mask: url("../images/btn_cta01_txt@1.5x.png") no-repeat center center;
-webkit-mask-size: 100% auto;;
transition: background 0.3s ease;
}
.btn_cta_set .btn .arr {
position: relative;z-index: 2;
display: block;width: 3.5rem;aspect-ratio: 30/29;
background-color: #fff;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: 100% auto;
transition: background 0.3s ease;
}
.btn_cta_set .btn:hover::before {opacity: 0;transition-delay: 0.2s;}
.btn_cta_set .btn:hover::after {opacity: 1;}
.btn_cta_set .btn:hover .btn_txt {background-color: #00A1E9;}
.btn_cta_set .btn:hover .arr {background-color: #00A1E9;}
/* 캡션 (세로형) */
.caption {position: absolute;z-index: 1;color: #222;font-size: 1.2rem;font-weight: 300;line-height: 120%;white-space: nowrap;}
.caption.left_top {left: 0;top: 0;transform-origin: left top;transform: rotate(-90deg) translate(-100%, 0%);}
.caption.right_top {right: 0;top: 0;transform-origin: right top;transform: rotate(90deg) translate(100%, 0%);}
.caption.left_bottom {left: 0;bottom: 0;transform-origin: right bottom;transform: translate(-100%, 0) rotate(90deg);}
.caption.left_bottom2 {left: 0;bottom: 0;transform-origin: left top;transform: translate(0, 100%) rotate(-90deg);}
.caption.right_bottom {right: 0;bottom: 0;transform-origin: left bottom;transform: translate(100%, 0) rotate(-90deg);}
.caption.right_bottom2 {right: 0;bottom: 0;transform-origin: right bottom;transform: rotate(90deg) translateY(100%);}
.caption.left_center {left: 0;top: 50%;transform-origin: center top;transform: translate(-50%, 0%) rotate(-90deg);}
.caption.right_center {right: 0;top: 50%;transform-origin: center top;transform: translate(50%, 0%) rotate(90deg);}
/* wrap_fixed */
.wrap_fixed {}
.wrap_fixed .logo_set {position: fixed;top: 3rem;left: 3rem;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: 12rem;aspect-ratio: 120/64;
background-color: #fff;
-webkit-mask: url("../images/logo@2x.png") no-repeat center center;
-webkit-mask-size: 100% auto;;
transition: background 0.3s ease;
}
.wrap_fixed .logo_set.wh a {background-color: #fff;}
.wrap_fixed .logo_set.bk a {background-color: #222;}
.wrap_fixed .sticky_set {position: fixed;right: 3rem;bottom: 5rem;z-index: 300;transform: translateY(calc(101% + 10rem));transition: transform 0.3s ease;}
.wrap_fixed .sticky_set.show {transform: translateY(0%);}
.wrap_fixed .sticky_set .btn_sticky {
position: relative;
width: 40rem;
height: 13.4rem;
background: #00A1E9;
border-radius: 10rem;
transition: background 0.3s ease;
}
.wrap_fixed .sticky_set .btn_sticky::before, .wrap_fixed .sticky_set .btn_sticky::after {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 10rem;transition: opacity 0.3s ease;}
.wrap_fixed .sticky_set .btn_sticky::before {z-index: 0;background: url("../images/sticky_bg@1.5x.png") no-repeat center center;background-size: cover;}
.wrap_fixed .sticky_set .btn_sticky::after {z-index: 1;opacity: 0;background: #fff;}
.wrap_fixed .sticky_set .btn_sticky .btn_txt {position: relative;z-index: 2;display: block;width: 55.72755417957%;height: 100%;}
.wrap_fixed .sticky_set .btn_sticky .btn_txt::before, .wrap_fixed .sticky_set .btn_sticky .btn_txt::after {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url("../images/sticky_txt_sprites@2x.png") no-repeat left center;background-size: auto 118.51851851852%;transition: opacity 0.3s ease;}
.wrap_fixed .sticky_set .btn_sticky .btn_txt::before {z-index: 0;opacity: 1;background-position: 4.762% center;}
.wrap_fixed .sticky_set .btn_sticky .btn_txt::after {z-index: 1;opacity: 0;background-position: 95.238% center;}
.wrap_fixed .sticky_set .btn_sticky .img {
position: absolute;right: 6.3rem;bottom: 1.5rem;z-index: 2;
display: block;width: 10.4rem;aspect-ratio: 84/138;
background: url("../images/sticky_img@1.5x.png") no-repeat center center;
background-size: 100% auto;;
transition: background 0.3s ease;
}
.wrap_fixed .sticky_set .btn_sticky:hover {background: #fff;}
.wrap_fixed .sticky_set .btn_sticky:hover::before {opacity: 0;transition-delay: 0.2s;}
.wrap_fixed .sticky_set .btn_sticky:hover::after {opacity: 1;}
.wrap_fixed .sticky_set .btn_sticky:hover .btn_txt::before {opacity: 0;}
.wrap_fixed .sticky_set .btn_sticky:hover .btn_txt::after {opacity: 1;}
/* section_visual */
.section_visual {position: relative;height: 100vh;background: #15110E url("../images/main_bg@1.5x.jpg") no-repeat center center;background-size: cover;overflow: hidden;}
.section_visual .in {position: relative;display: flex;flex-direction: column;justify-content: center;height: 100%;padding-left: 68rem;}
.section_visual .tit_set {margin: 0 0 6rem -6.5rem;}
.section_visual .tit_set .sec_tit {display: block;width: 78.8rem;aspect-ratio: 788/230;background: url("../images/main_title@1.5x.png") no-repeat center center;background-size: 100% auto;;}
.section_visual .btn_cta_set .btn {padding: 3.5rem 3.9rem;}
.section_visual .btn_cta_set .btn .btn_txt {height: 2.6rem;}
.section_visual .btn_cta_set .btn .arr {width: 3rem;}
.section_visual .caption {left: 2rem;bottom: 2.8rem;color: #454545;font-size: 1.4rem;}
/* section01 */
.section01 {background: url("../images/sec01_bg@1.5x.jpg") repeat center center;background-size: 192rem auto;}
.section01 .in {padding: 12.4rem 0 11.4rem;}
.section01 .tit_set {}
.section01 .tit_set .sec_tit {display: block;width: 111.4rem;aspect-ratio: 1114/53;background: url("../images/sec01_tit@1.5x.png") no-repeat center center;background-size: 100% auto;;margin: 0 auto;}
.section01 .img_set {margin: 6rem 0 4rem;}
.section01 .img_set .image {position: relative;display: block;width: 84rem;aspect-ratio: 840/599;background: url("../images/sec01_img@1x.png") no-repeat center center;background-size: contain;margin: 0 auto;}
.section01 .img_set .image .caption {right: 5.7rem;bottom: 4.3rem;color: #fff;}
.section01 .img_set .txt {color: #AEAEAE;font-size: 1.8rem;font-weight: 400;line-height: 100%;letter-spacing: -0.03em;text-align: center;margin: 1rem 0 0;}
.section01 .txt_set {}
.section01 .txt_set p {color: #EAEAEA;font-size: 3rem;font-weight: 400;line-height: 140%;letter-spacing: -0.03em;text-align: center;margin-bottom: 3rem;}
.section01 .txt_set p:last-child {margin-bottom: 0;}
/* section02 */
.section02 {position: relative;background: #0F0F0F url("../images/sec02_bg@1.5x.jpg") no-repeat center top;background-size: auto 100%;}
.section02 .in {}
.section02 .in > div {}
.section02 .sec_sub {position: relative;height: 95rem;}
.section02 .tit_set {}
.section02 .tit_set .sec_tit {margin: 0 0 8rem;}
.section02 .tit_set p {color: #EAEAEA;font-size: 3rem;font-weight: 400;line-height: 140%;letter-spacing: -0.03em;text-align: left;}
.section02 .caption {color: #737373;}
.section02 .sub01 {}
.section02 .sub01 .max-container {display: flex;flex-direction: column;align-items: flex-end;height: 100%;}
.section02 .sub01 .in {padding: 12rem 2.2rem 0 0;}
.section02 .sub01 .tit_set .sec_tit {display: block;width: 73rem;aspect-ratio: 730/66;background: url("../images/sec02_sub01_tit@1.5x.png") no-repeat left center;background-size: 100% auto;;}
.section02 .sub01 .tit_set p {margin-bottom: 2.5rem;}
.section02 .sub01 .tit_set p:last-child {margin-bottom: 0;}
.section02 .sub01 .img_set {display: inline-block;margin: 6rem 0 0;}
.section02 .sub01 .img_set ul {display: flex;gap: 1rem;}
.section02 .sub01 .img_set ul li {width: 40rem;aspect-ratio: 400/270;}
.section02 .sub01 .img_set .img01 {background: url("../images/sec02_sub01_img01@1.5x.jpg") no-repeat center center;background-size: cover;}
.section02 .sub01 .img_set .img02 {background: url("../images/sec02_sub01_img02@1.5x.jpg") no-repeat center center;background-size: cover;}
.section02 .sub01 .img_set .txt {color: #AEAEAE;font-size: 1.8rem;font-weight: 400;line-height: 100%;letter-spacing: -0.03em;text-align: center;margin: 1rem 0 0;}
.section02 .sub01 .caption {left: 2rem;bottom: 7.7rem;}
.section02 .sub02 {}
.section02 .sub02 .in {padding: 22.5rem 0 0 4rem;}
.section02 .sub02 .tit_set .sec_tit {display: block;width: 59.7rem;aspect-ratio: 597/133;background: url("../images/sec02_sub02_tit@1.5x.png") no-repeat left center;background-size: 100% auto;;}
.section02 .sub02 .tit_set p {margin-bottom: 3rem;}
.section02 .sub02 .tit_set p:last-child {margin-bottom: 0;}
.section02 .sub02 .caption {right: 2rem;bottom: 2rem;}
/* section03 */
.section03 {background: #A31010 url("../images/sec03_bg@1.5x.jpg") no-repeat right top;background-size: auto 100%;}
.section03 .in {padding: 10.2rem 0 8.6rem 8rem;}
.section03 .tit_set {}
.section03 .tit_set .sec_tit {display: block;width: 80.2rem;aspect-ratio: 802/49;background: url("../images/sec03_tit@1.5x.png") no-repeat center center;background-size: 100% auto;;margin: 0 0 5.4rem;}
.section03 .tit_set .txt {color: #fff;font-size: 2.6rem;font-weight: 400;line-height: 140%;letter-spacing: -0.03em;}
.section03 .tit_set .txt:nth-child(1 of .txt) {margin-bottom: 2rem;}
.section03 .tit_set .from {position: relative;color: #fff;font-size: 2.1rem;font-weight: 400;line-height: 140%;letter-spacing: -0.03em;padding-left: 3.5rem;margin: 3rem 0 0;}
.section03 .tit_set .from::before {content:'';position: absolute;left: 0;top: 50%;z-index: 0;transform: translateY(-50%);width: 2.5rem;height: 0.2rem;background: #fff;}
/* section04 */
.section04 {background: url("../images/sec04_bg@1.5x.jpg") repeat center center;background-size: 192rem auto;}
.section04 .in {display: flex;padding: 12rem 0;}
.section04 .img_set {display: flex;flex-wrap: wrap;width: 68rem;}
.section04 .img_set li {position: relative;display: block;width: 100%;background: no-repeat center center;background-size: cover;}
.section04 .img_set .img01 {height: 48rem;background-image: url("../images/sec04_img01@1.5x.jpg");}
.section04 .img_set .img02 {width: 50%;height: 26rem;background-image: url("../images/sec04_img02@1.5x.jpg");}
.section04 .img_set .img03 {width: 50%;height: 26rem;background-image: url("../images/sec04_img03@1.5x.jpg");}
.section04 .img_set .caption {right: 1rem;bottom: 1rem;color: #9B9B9B;}
.section04 .img_set + div {flex: 1 1 auto;padding: 1rem 0 0 5rem;}
.section04 .tit_set {margin: 0 0 7.2rem;}
.section04 .tit_set .sec_tit {display: block;width: 63.4rem;aspect-ratio: 634/153;background: url("../images/sec04_tit@1.5x.png") no-repeat center center;background-size: 100% auto;;margin: 0 0 7.6rem;}
.section04 .tit_set .txt {color: #222;font-size: 3rem;font-weight: 400;line-height: 140%;letter-spacing: -0.03em;margin-bottom: 2.5rem;}
.section04 .tit_set .txt:last-child {margin-bottom: 0;}
/* section05 */
.section05 {background: url("../images/sec05_bg@1.5x.jpg") no-repeat center center;background-size: cover;}
.section05 .in {padding: 13rem 0 12rem;}
.section05 .tit_set {margin: 0 0 8rem;}
.section05 .tit_set .sec_tit {display: block;width: 124.6rem;aspect-ratio: 1246/125;background: url("../images/sec05_tit@1.5x.png") no-repeat center center;background-size: 100% auto;;margin: 0 auto;}
.section05 .support_set {display: flex;align-items: center;justify-content: center;text-align: center;gap: 5.5rem;}
.section05 .support_set li {}
.section05 .support_set li .icon {width: 30rem;aspect-ratio: 5/5;background: #00AEEF no-repeat center center;background-size: contain;border-radius: 100%;margin: 0 auto 3.1rem;}
.section05 .support_set li:nth-child(1) .icon {background-image: url("../images/sec05_icon01@1.5x.png");}
.section05 .support_set li:nth-child(2) .icon {background-image: url("../images/sec05_icon02@1.5x.png");}
.section05 .support_set li:nth-child(3) .icon {background-image: url("../images/sec05_icon03@1.5x.png");}
.section05 .support_set li p {color: #222;font-size: 2.8rem;font-weight: 400;line-height: 145%;letter-spacing: -0.03em;}
/* section06 */
.section06 {background: url("../images/sec06_bg@1.5x.jpg") repeat center center;background-size: 192rem auto;}
.section06 .in {padding: 13rem 0 12rem;text-align: center;}
.section06 .tit_set {}
.section06 .tit_set .sec_tit {display: block;width: 101.5rem;aspect-ratio: 1015/123;background: url("../images/sec06_tit@1.5x.png") no-repeat center center;background-size: 100% auto;;margin: 0 auto;}
.section06 .gift_set {display: flex;justify-content: center;gap: 2rem;margin: 8rem 0 6rem;}
.section06 .gift_set > li {width: 65rem;}
.section06 .gift_set > li > .num {display: inline-block;color: #fff;font-size: 2.8rem;font-weight: 800;line-height: 130%;letter-spacing: -0.03em;padding: 1rem 1.8rem;background: #00AEEF;border-radius: 0.3rem;margin: 0 0 1.5rem;}
.section06 .gift_set > li > .txt {color: #222;font-size: 3rem;font-weight: 400;line-height: 130%;letter-spacing: -0.03em;}
.section06 .gift_set .box_set {display: flex;flex-direction: column;width: 100%;height: 70rem;border-radius: 1rem;background: #FFF;box-shadow: 0.4rem 0.4rem 0.8rem 0 rgba(23, 55, 27, 0.10);padding: 2.5rem;margin: 3rem 0 0;}
.section06 .gift_set .gift_img {flex: 0 0 auto;display: block;width: 100%;height: 48.7rem;background: no-repeat center center;background-size: auto 100%;}
.section06 .gift_set > li:nth-child(1) .gift_img {background-image: url("../images/sec06_gift01@1.5x.png");}
.section06 .gift_set > li:nth-child(2) .gift_img {background-image: url("../images/sec06_gift02@1.5x.png");}
.section06 .gift_set .size_set {flex: 1 1 auto;}
.section06 .gift_set .size_set .size_desc {display: flex;align-items: center;justify-content: space-between;margin: 0 0 1rem;}
.section06 .gift_set .size_set .size_desc p {color: #222;line-height: 130%;letter-spacing: -0.02em;}
.section06 .gift_set .size_set .size_desc p:nth-child(1) {font-size: 1.8rem;font-weight: 600;}
.section06 .gift_set .size_set .size_desc p:nth-child(2) {font-size: 1.6rem;font-weight: 300;}
.section06 .gift_set .size_set ul {display: flex;justify-content: center;gap: 5.1rem;background: #E1F7FF;border-radius: 0.5rem;padding: 1.4rem 0;}
.section06 .gift_set .size_set ul li {color: #222;font-size: 2.4rem;font-weight: 300;line-height: 210%;letter-spacing: -0.02em;}
.section06 .gift_set .txt_set {flex: 1 1 auto;display: flex;align-items: center;justify-content: center;color: #222;font-size: 2.6rem;font-weight: 500;line-height: 130%;letter-spacing: -0.02em;padding: 2.5rem 0 0;}
.section06 .btn_cta_set .btn {padding: 4.5rem 9rem;}
.section06 .btn_cta_set .btn .btn_txt {
height: 3.5rem;aspect-ratio: 274/35;
-webkit-mask: url("../images/btn_cta02_txt@1.5x.png") no-repeat center center;
-webkit-mask-size: 100% auto;;
}
/* section_tab */
.section_tab {background: #F6F6F6;padding: 16rem 0 27.9rem;}
.section_tab .in {width: 100%;max-width: 80.4rem;margin: 0 auto;}
.section_tab .tab_menu {display: flex;justify-content: center;gap: 0.6rem;margin-bottom: 3.5rem;}
.section_tab .tab_menu li {position: relative;flex: 1 1 50%;background: #fff;}
.section_tab .tab_menu li .tab {position: absolute;top: 0;left: 0;opacity: 0;}
.section_tab .tab_menu li .tab:checked + label {color: #fff;background: #00AEEF;}
.section_tab .tab_menu li label {display: block;color: #00AEEF;font-size: 2rem;font-weight: 600;line-height: 5.4rem;text-align: center;cursor: pointer;}
.section_tab .tab_list {}
.section_tab .tab_list > ul {display: none;}
.section_tab .tab_list ul.show {display: block;}
.section_tab .tab_list li {background: #fff;margin-bottom: 1.2rem;}
.section_tab .tab_list li:last-child {margin-bottom: 0;}
.section_tab .tab_list .head {}
.section_tab .tab_list .head button {
position: relative;display: flex;align-items: center;gap: 1.8rem;width: 100%;
color: #222;font-size: 2rem;font-weight: 600;line-height: 120%;text-align: left;
padding: 2.4rem 2.8rem 2.5rem 4rem;
}
.section_tab .tab_list .head button::before {content:'Q';color: #00AEEF;font-size: 2rem;font-weight: 900;line-height: 120%;}
.section_tab .tab_list .head button::after {
content: '';flex-shrink: 0;margin-left: auto;
display: block;width: 2.2rem;aspect-ratio: 22/14;
background-color: #00AEEF;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: 100% auto;
transform: rotate(0);
transition: transform 0.3s ease;
}
.section_tab .tab_list .body {position: relative;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}
.section_tab .tab_list .body .inner {position: relative;font-size: 2rem;line-height: 150%;letter-spacing: -0.03em;border-top: 1px solid #E9E9E9;padding: 1.1rem 0 3.4rem 4.5rem;margin: 0 2.8rem;}
.section_tab .tab_list .body .inner::before {content: 'A';position: absolute;left: 1.1rem;top: 1.4rem;z-index: 0;color: #00AEEF;font-size: 2rem;font-weight: 900;line-height: 120%;}
.section_tab .tab_list .body .inner .bt_line {text-decoration-line: underline;text-underline-offset: 0.3rem;text-decoration-thickness: 0.2rem;}
.section_tab .tab_list .body .inner a {display: inline;}
.section_tab .tab_list .body .video_set {position: relative;width: 100%;text-align: center;margin: 2.5rem auto 0;}
.section_tab .tab_list .body .video_set .video {width: 100%;aspect-ratio: 16/9;}
.section_tab .tab_list li .head.show button::after {transform: rotate(-180deg);}
.section_tab .tab_list li .head.show + .body {max-height: var(--max-height);}
/* footer */
.footer {position: relative;background: #2A2B2C;padding: 9.7rem 0 9.1rem;}
.footer .in {text-align: center;}
.footer .logo_set {margin-bottom: 2.8rem;}
.footer .logo_set .footer_logo {display: inline-block;width: 26rem;aspect-ratio: 260/34;background: url("../images/footer_logo@2x.png") no-repeat center center;background-size: 100% auto;;}
.footer .address {display: block;color: #dcdcdc;font-size: 1.4rem;font-weight: 400;line-height: 2.2rem;letter-spacing:-0.04em;}
.footer .address a {display: inline;}
.footer .copyright {display: block;letter-spacing: 0;opacity: 0.5;margin-top: 0.6rem;}