/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
html {font-size: 10px;}
html, body {height: 100%;}
.wrap {position: relative;width: 100%;min-width: 1280px;}
html:has(.popup[data-show="y"][backdrop]) {overflow: hidden;}
html:has(.popup[data-show="y"][backdrop]) body {height: auto !important;padding-right: var(--scrollBarWidth);}
.section01,
.section01 div,
.section01 img {transform: translateZ(0);}
* {-webkit-backface-visibility: visible;}
.bold {font-weight: 700;}
.dis_none {display: none;}
/* wrap_fixed 로고 */
.wrap_fixed .logo_set {position: fixed;top: 4rem;left: 4rem;z-index: -1;opacity: 0;transition: opacity 0.3s ease, z-index 0s 0.3s linear;}
.wrap_fixed .logo_set[data-show="y"] {opacity: 1;z-index: 300;transition: opacity 0.3s ease, z-index 0s linear;}
.wrap_fixed .logo_set .logo {
position: relative;display: block;width: 12.2rem;aspect-ratio: 122/65;
background-color: #36384F;
-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[data-color="wh"] .logo {background-color: #fff;}
.wrap_fixed .logo_set[data-color="bk"] .logo {background-color: #36384F;}
/* wrap_fixed 스티키버튼 */
.wrap_fixed .sticky_set {position: fixed;right: 4.4rem;bottom: 0;z-index: 300;transform: translateY(101%);transition: transform 0.3s ease;}
html:has(.popup[data-show="y"][backdrop]) .wrap_fixed .sticky_set {right: calc(var(--scrollBarWidth) + 4.4rem);}
.wrap_fixed .sticky_set[data-show="y"] {transform: translateY(0%);}
.wrap_fixed .sticky_set .btn_sticky {position: relative;z-index: 0;display: block;height: 25rem;box-shadow: 0 0 3.3rem rgba(0, 0, 0, 0.20);padding: 2.7rem 3.4rem 0;}
.wrap_fixed .sticky_set .btn_sticky::before,
.wrap_fixed .sticky_set .btn_sticky::after {content:'';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: #01ACEF;transition: width 0.3s ease, background 0.3s ease;pointer-events: none;}
.wrap_fixed .sticky_set .btn_sticky::before {background: #01ACEF;}
.wrap_fixed .sticky_set .btn_sticky::after {width: 0;background: #fff;}
.wrap_fixed .sticky_set .btn_sticky .btn_txt {display: block;color: #fff;font-size: 3.2rem;font-weight: 700;line-height: 120%;margin: 0 0 2rem;transition: color 0.3s ease;}
.wrap_fixed .sticky_set .btn_sticky .btn_arr {
display: block;width: 6.8rem;aspect-ratio: 68/28;
background-color: #fff;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: 100% auto;
transition: background 0.3s ease;
}
.wrap_fixed .sticky_set .btn_sticky .btn_img {position: absolute;right: 5.2rem;bottom: 1.2rem;z-index: 1;width: 16rem;aspect-ratio: 160/154;background: url("../images/sticky_img@1.5x.png") no-repeat center center;background-size: 100% auto;}
.wrap_fixed .sticky_set .btn_sticky:hover::after {width: 100%;}
.wrap_fixed .sticky_set .btn_sticky:hover .btn_arr {animation: btn_arr_ani 1s ease-in-out infinite;}
@keyframes btn_arr_ani {
0% {transform: translateX(0);}
50% {transform: translateX(1.5rem);}
}
@keyframes btn_arr_ani2 {
0% {transform: translateX(0);}
50% {transform: translateX(-1.5rem);}
}
.wrap_fixed .sticky_set[data-color="bl"] .btn_sticky::before {background: #01ACEF;}
.wrap_fixed .sticky_set[data-color="bl"] .btn_sticky::after {background: #fff;}
.wrap_fixed .sticky_set[data-color="bl"] .btn_sticky .btn_txt {color: #fff;}
.wrap_fixed .sticky_set[data-color="bl"] .btn_sticky .btn_arr {background-color: #fff;}
.wrap_fixed .sticky_set[data-color="bl"] .btn_sticky:hover .btn_txt {color: #36384F;}
.wrap_fixed .sticky_set[data-color="bl"] .btn_sticky:hover .btn_arr {background-color: #36384F;}
.wrap_fixed .sticky_set[data-color="wh"] .btn_sticky::before {background: #fff;}
.wrap_fixed .sticky_set[data-color="wh"] .btn_sticky::after {background: #01ACEF;}
.wrap_fixed .sticky_set[data-color="wh"] .btn_sticky .btn_txt {color: #36384F;}
.wrap_fixed .sticky_set[data-color="wh"] .btn_sticky .btn_arr {background-color: #36384F;}
.wrap_fixed .sticky_set[data-color="wh"] .btn_sticky:hover .btn_txt {color: #fff;}
.wrap_fixed .sticky_set[data-color="wh"] .btn_sticky:hover .btn_arr {background-color: #fff;}
/* section_visual */
.section_visual {position: relative;width: 100%;height: 100vh;background: url("../images/main_bg@1.5x.jpg") no-repeat center center;background-size: cover;}
.section_visual .title_set {position: absolute;left: calc(50% + 4rem);top: calc(50% - 29rem);z-index: 1;}
.section_visual .title_set .sec_tit {display: block;width: 65.7rem;aspect-ratio: 657/172;background: url("../images/main_title@1.5x.png") no-repeat center center;background-size: 100% auto;margin: 0 0 3.8rem;}
.section_visual .title_set .s_title {color: #fff;font-size: 3.6rem;font-weight: 800;line-height: 150%;margin-left: 1px;}
/* section_video */
.section_video {position: relative;height: 100vh;overflow: hidden;}
.section_video .video {position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.section_video .title_set {position: absolute;left: 50%;bottom: 11.8rem;z-index: 2;transform: translateX(-50%);}
.section_video .title_set .sec_tit {color: #fff;font-size: 6rem;font-weight: 800;line-height: 140%;text-align: center;white-space: nowrap;text-shadow: 0 0 4.4rem rgba(0, 0, 0, 0.35);}
/* section01 */
.section01 {position: relative;overflow: hidden;}
.section01::before {content:'';position: absolute;left: calc(50% + 36rem);top: 0;z-index: -1;width: 100vw;height: 100%;background: #f2f2f2;pointer-events: none;}
.section01 .in {max-width: 148rem;margin: 0 auto;padding: 23rem 0 20rem;}
.section01 .title_set {}
.section01 .title_set .sec_tit {display: block;width: 88.2rem;aspect-ratio: 882/229;background: url("../images/sec01_tit@1.5x.png") no-repeat center center;background-size: 100% auto;margin: 0 0 6.5rem;}
.section01 .title_set .s_title {color: #35374F;font-size: 9.3rem;font-weight: 800;line-height: 123%;}
.section01 .title_set .s_title span {display: block;transform: skewX(-11deg);}
.section01 .cont_box {display: flex;flex-direction: column;gap: 18.6rem;margin: 14.3rem 0 0;}
.section01 .cont_box .com_box {display: flex;width: 100%;}
.section01 .cont_box .txt_set {order: 0;}
.section01 .cont_box .txt_set .dot {position: relative;display: block;width: 2.4rem;aspect-ratio: 5/5;background: var(--acc-color);border-radius: 100%;}
.section01 .cont_box .txt_set .dot::after {content:'';position: absolute;left: 50%;top: 50%;z-index: 1;width: 50%;aspect-ratio: 5/5;background: #fff;border-radius: 100%;transform: translate(-50%,-50%);}
.section01 .cont_box .txt_set .tit {color: #35374F;font-size: 4.5rem;font-weight: 800;line-height: 130%;margin: 3.5rem 0 2.5rem;}
.section01 .cont_box .txt_set .tit span {display: block;}
.section01 .cont_box .txt_set .tit .col {color: var(--acc-color);}
.section01 .cont_box .txt_set .txt {color: #35374F;font-size: 2rem;font-weight: 600;line-height: 160%;}
.section01 .cont_box .ani_set {order: 1;}
.section01 .cont_box .ani_set .img_set {}
.section01 .cont_box .ani_set .img_set .photo {display: block;width: 84rem;aspect-ratio: 840/602;background: no-repeat center center;background-size: cover;}
.section01 .cont_box .eng {position: absolute;z-index: 1;}
.section01 .cont_box .eng .tit {
display: block;width: 48rem;aspect-ratio: 480/33;
background-color: var(--eng-color);
-webkit-mask: url("../images/sec01_img_tit.svg") no-repeat left center;
-webkit-mask-size: 100% auto;
margin: 0 0 1.8rem;
}
.section01 .cont_box .eng .txt {height: 9.3rem;background-color: var(--eng-color);}
.section01 .cont_box .com_box.s01_1 {--acc-color: #3FB77D;--eng-color: #40B87E;}
.section01 .cont_box .com_box.s01_2 {--acc-color: #F6BB30;--eng-color: #F6BC30;}
.section01 .cont_box .com_box.s01_3 {--acc-color: #ED5319;--eng-color: #FF733D;}
.section01 .cont_box .com_box.s01_1 .txt_set {margin: 10.3rem auto 0 4.1rem;}
.section01 .cont_box .com_box.s01_2 .txt_set {order: 2;margin: 14.3rem auto 0 9rem;}
.section01 .cont_box .com_box.s01_2 .txt_set .txt {font-size: 2.1rem;}
.section01 .cont_box .com_box.s01_3 .txt_set {margin: 10.5rem auto 0 4rem;}
.section01 .cont_box .com_box.s01_3 .txt_set .txt {font-size: 1.95rem;}
.section01 .cont_box .com_box.s01_1 .ani_set {margin: 0 6.7rem 0 0;}
.section01 .cont_box .com_box.s01_3 .ani_set {margin: 0 6.7rem 0 0;}
.section01 .cont_box .com_box.s01_1 .ani_set .img_set .photo {background-image: url("../images/sec01_img01@1.5x.jpg");}
.section01 .cont_box .com_box.s01_2 .ani_set .img_set .photo {background-image: url("../images/sec01_img02@1.5x.jpg");}
.section01 .cont_box .com_box.s01_3 .ani_set .img_set .photo {background-image: url("../images/sec01_img03@1.5x.jpg");}
.section01 .cont_box .com_box.s01_1 .eng {left: 22.3rem;top: 3.5rem;}
.section01 .cont_box .com_box.s01_2 .eng {left: -11.4rem;top: 3.8rem;}
.section01 .cont_box .com_box.s01_3 .eng {left: 32.4rem;top: 1.4rem;}
.section01 .cont_box .com_box.s01_3 .eng .tit {margin-left: 0.8rem;}
.section01 .cont_box .com_box.s01_1 .eng .txt {aspect-ratio: 668/93;-webkit-mask: url("../images/sec01_img_promise.svg") no-repeat left center;-webkit-mask-size: 100% auto;}
.section01 .cont_box .com_box.s01_2 .eng .txt {aspect-ratio: 540/93;-webkit-mask: url("../images/sec01_img_action.svg") no-repeat left center;-webkit-mask-size: 100% auto;}
.section01 .cont_box .com_box.s01_3 .eng .txt {aspect-ratio: 551/93;-webkit-mask: url("../images/sec01_img_change.svg") no-repeat left center;-webkit-mask-size: 100% auto;}
/* section02 */
.section02 {position: relative;background: #01ACEF;overflow: hidden;}
.section02 .in {max-width: 148rem;margin: 0 auto;padding: 12.6rem 0 11rem;text-align: center;}
.section02 .tit_set {position: relative;z-index: 1;}
.section02 .tit_set .eyebrow_txt {display: block;width: 28rem;aspect-ratio: 350/25;background: url("../images/sec02_eng@1.5x.png") no-repeat left center;background-size: 100% auto;margin: 0 auto 2.5rem;}
.section02 .tit_set .sec_tit {color: #fff;font-size: 4.8rem;font-weight: 800;line-height: 130%;text-align: center;}
.section02 .cont_set {display: flex;justify-content: center;gap: 4rem;margin: 5.3rem 0 0;}
.section02 .cont_set .ring {flex: 0 0 auto;display: block;width: 58rem;aspect-ratio: 725/348;background: url("../images/sec02_ring@1.5x.png") no-repeat center center;background-size: 100% auto;}
.section02 .cont_set .size_set {flex: 0 0 auto;}
.section02 .cont_set .size_set .size_detail {display: flex;align-items: flex-start;gap: 1.3rem;width: 37.8rem;color: #fff;background: transparent;border: 1px solid #fff;border-radius: 1rem;padding: 3.5rem 3.2rem;transition: color 0.3s ease, background 0.3s ease;text-align: left;cursor: pointer;}
.section02 .cont_set .size_set .size_detail p {color: inherit;font-weight: 400;line-height: 140%;}
.section02 .cont_set .size_set .size_detail .txt:nth-child(1) {flex: 0 0 9.5rem;display: flex;align-items: center;gap:0.7rem;margin: -0.6rem 0 0;}
.section02 .cont_set .size_set .size_detail .txt:nth-child(1) em {font-size: 3.3rem;font-weight: 600;}
.section02 .cont_set .size_set .size_detail .txt:nth-child(1) span {font-size: 2.1rem;}
.section02 .cont_set .size_set .size_detail .txt:nth-child(2) {font-size: 1.9rem;font-weight: 400;}
.section02 .cont_set .size_set .size_detail .txt:nth-child(2) span {display: block;}
.section02 .cont_set .size_set .size_detail .txt:nth-child(2) span:nth-child(2) {opacity: 0.7;margin-top: 0.9rem;}
.section02 .cont_set .size_set .size_detail.s_medium {margin: 0 0 1.1rem;}
.section02 .cont_set .size_set input[type="radio"]:checked + .size_detail {color: #35374F;background: #fff;}
.section02 .cont_set .size_set input[type="radio"]:disabled + .size_detail {cursor: default;}
.section02 .cont_set .size_set .desc {display: block;margin: 1.6rem 0 0;}
.section02 .cont_set .size_set .desc p {position: relative;color: #fff;font-size: 1.3rem;font-weight: 500;line-height: 119%;text-align: left;padding-left: 1.8rem;margin-bottom: 0.7rem;}
.section02 .cont_set .size_set .desc p:last-child {margin-bottom: 0;}
.section02 .cont_set .size_set .desc p::before {content:'※';position: absolute;left: 0.3rem;top: 50%;z-index: 0;display: inline;color: #fff;font-size: 1.3rem;font-weight: 500;line-height: 119%;text-align: left;transform: translateY(-50%);}
.section02 .btn_set {position: relative;display: inline-block;margin: 7rem 0 0;}
.section02 .btn_set .btn {position: relative;z-index: 0;display: flex;align-items: center;justify-content: space-between;width: 62.7rem;height: 11.4rem;padding: 0 4rem;transition: background 0.3s ease;margin: 0 auto;}
.section02 .btn_set .btn::before,
.section02 .btn_set .btn::after {content:'';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;transition: width 0.3s ease;pointer-events: none;}
.section02 .btn_set .btn::before {background: #fff;}
.section02 .btn_set .btn::after {width: 0;background: #35374F;}
.section02 .btn_set .btn_txt {color: #35374F;font-size: 2.8rem;font-weight: 700;line-height: 140%;text-align: left;transition: color 0.3s ease;}
.section02 .btn_set .btn_arr {
display: block;width: 6.3rem;aspect-ratio: 63/25;
background-color: #35374F;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: 100% auto;
transition: background 0.3s ease;
}
.section02 .btn_set .btn:hover::after {width: 100%;}
.section02 .btn_set .btn:hover .btn_txt {color: #fff;}
.section02 .btn_set .btn:hover .btn_arr {background-color: #fff;animation: btn_arr_ani2 1s ease-in-out infinite;}
.section02 .btn_set .desc {display: block;width: 100%;color: #fff;font-size: 2rem;font-weight: 700;line-height: 100%;text-align: center;background: #FF4444;padding: 1.2rem 0;opacity: 0;transition: opacity 0.3s ease;}
.section02 .btn_set .desc.on {opacity: 1;}
/* section_cta */
.section_cta {position: relative;background: #0095DB;}
.section_cta .in {display: flex;align-items: center;justify-content: center;gap: 11.8rem;padding: 9.1rem 0;}
.section_cta .sec_tit {color: #fff;font-size: 3.6rem;font-weight: 700;line-height: 120%;}
.section_cta .btn_set {}
.section_cta .btn_set .btn {background: transparent;border: 0.2rem solid #fff;padding: 3rem 6.5rem;}
.section_cta .btn_set .btn_txt {color: #fff;font-size: 3rem;font-weight: 700;line-height: 120%;}
/* section03 */
.section03 {position: relative;overflow: hidden;}
.section03::before {content:'';position: absolute;left: calc(50% + 36rem);top: 0;z-index: -1;width: 100vw;height: 100%;background: #f2f2f2;pointer-events: none;}
.section03 .in {max-width: 148rem;margin: 0 auto;padding: 22.1rem 0 16.5rem;}
.section03 .title_set {margin: 0 0 8.1rem;}
.section03 .title_set .eng {display: block;width: 88.1rem;aspect-ratio: 881/96;background: url("../images/sec03_eng@1.5x.png") no-repeat center center;background-size: 100% auto;margin: 0 0 4.6rem;}
.section03 .title_set .sec_tit {color: #35374F;font-size: 9.3rem;font-weight: 800;line-height: 123%;letter-spacing: -0.4rem;transform: skewX(-11deg);}
.section03 .title_set .sec_tit span {display: block;}
.section03 .title_set .sec_tit span:nth-child(1) {margin-left: -0.9rem;}
.section03 .title_set .sec_tit span:nth-child(2) {margin: 0.3rem 0 0 1.4rem;}
.section03 .slide_set {position: relative;}
.section03 .slide {}
.section03 .slide .slick-list {overflow: visible;}
.section03 .slide .item {position: relative;height: 100.3rem;}
.section03 .slide .item .content {display: flex;width: 139rem;height: 76.5rem;}
.section03 .slide .item .content .img_set {flex: 1 1 auto;position: relative;display: block;width: 94rem;height: 100%;background: no-repeat left center;background-size: cover;box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.10);}
.section03 .slide .item .content .img_set .caption {position: absolute;left: 3rem;bottom: 0.8rem;z-index: 1;color: #C0C0C0;font-size: 2rem;font-weight: 500;line-height: 160%;}
.section03 .slide .item .content .txt_set {flex: 0 0 auto;width: 45rem;height: 100%;background: #232537;box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.20);padding: 21rem 0 0 8rem;}
.section03 .slide .item .content .txt_set .s_tit {margin: 0 0 3rem;}
.section03 .slide .item .content .txt_set .s_tit span {display: block;color: #AE2841;line-height: 140%;}
.section03 .slide .item .content .txt_set .s_tit span:nth-child(1) {font-size: 4.8rem;font-weight: 900;line-height: 130%;margin: 0 0 2rem;}
.section03 .slide .item .content .txt_set .s_tit span:nth-child(2) {font-size: 3rem;font-weight: 800;}
.section03 .slide .item .content .txt_set .s_txt {color: #7F8297;font-size: 2rem;font-weight: 500;line-height: 140%;letter-spacing: -0.04em;}
.section03 .slide .item .content .txt_set .s_txt span {display: block;margin-bottom: 2rem;}
.section03 .slide .item .content .txt_set .s_txt span:last-child {margin-bottom: 0;}
.section03 .slide .item .float_box {position: absolute;right: 0;bottom: -4.6rem;display: flex;gap: 4rem;background: #01ACEF;box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.20);padding: 5.3rem 0 8rem 8rem;width: 106.5rem;height: 32.5rem;}
.section03 .slide .item .float_box .f_tit {color: #fff;font-size: 5.4rem;font-weight: 800;line-height: 160%;}
.section03 .slide .item .float_box .f_txt {color: #fff;font-size: 2.8rem;font-weight: 400;line-height: 160%;margin: 2.5rem 0 0;}
.section03 .slide .item .float_box .line {display: block;width: 13.4rem;height: 0.3rem;background: #fff;margin: 4.6rem 0 0;}
.section03 .slide .item01 .content .txt_set .s_tit span {color: #AE2841;}
.section03 .slide .item02 .content .txt_set .s_tit span {color: #AB362D;}
.section03 .slide .item03 .content .txt_set .s_tit span {color: #BC5D1D;}
.section03 .slide .item01 .content .img_set {background-image: url("../images/sec03_img01@1.5x.jpg");}
.section03 .slide .item02 .content .img_set {background-image: url("../images/sec03_img02@1.5x.jpg");}
.section03 .slide .item03 .content .img_set {background-image: url("../images/sec03_img03@1.5x.jpg");}
.section03 .slide_set .ctrl_set {}
.section03 .slide_set .slick-arrow {font-size: 0;position: absolute;top: 36rem;z-index: 1;display: block;width: 6rem;aspect-ratio: 5/5;background: rgba(130, 132, 144, 0.1);border: 1px solid #777;border-radius: 100%;}
.section03 .slide_set .slick-arrow::after {
content:'';position: absolute;left: 0;top: 0;z-index: 1;
width: 100%;height: 100%;
background-color: #777;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: 1.4rem auto;
transform: translate(-50%, -50%);
pointer-events: none;
}
.section03 .slide_set .slick-prev {right: calc(100% + 3rem);}
.section03 .slide_set .slick-next {right: 0;}
.section03 .slide_set .slick-prev::after {transform: rotate(180deg);}
.section03 .slide_set .slick-next::after {transform: rotate(0deg);}
.section03 .slide_set .slick-dots {position: absolute;left: calc(50% + 28rem);top: 8rem;z-index: 2;display:flex;gap: 0.9rem;margin-right: 8rem;}
.section03 .slide_set .slick-dots li {font-size:0;}
.section03 .slide_set .slick-dots li button {font-size:0;opacity: 0.3;width: 3.6rem;height: 0.45rem;background: #7F8297;transition: height 0.3s ease, opacity 0.3s ease;}
.section03 .slide_set .slick-dots li.slick-active button {opacity: 1;height: 0.9rem;}
/* section04 */
.section04 {position: relative;display: flex;align-items: center;height: 100rem;background: url("../images/sec04_bg@1.5x.jpg") no-repeat center center;background-size: cover;overflow: hidden;}
.section04 .in {width: 100%;max-width: 148rem;margin: 0 auto;padding: 0 0 2.5rem 8rem;}
.section04 .sec_tit {position: relative;display: inline-block;color: #fff;font-size: 8rem;font-weight: 800;line-height: 140%;white-space: nowrap;margin: 0 0 7.3rem;}
.section04 .btn_set {display: block;}
.section04 .btn_set .btn {position: relative;z-index: 0;display: inline-flex;align-items: center;gap: 4.53rem;padding: 3rem 4rem;transition: background 0.3s ease;}
.section04 .btn_set .btn::before,
.section04 .btn_set .btn::after {content:'';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;transition: width 0.3s ease;pointer-events: none;}
.section04 .btn_set .btn::before {background: #01ACEF;}
.section04 .btn_set .btn::after {width: 0;background: #35374F;}
.section04 .btn_set .btn_txt {color: #fff;font-size: 2.8rem;font-weight: 700;line-height: 140%;transition: color 0.3s ease;}
.section04 .btn_set .btn_arr {
display: block;width: 6.3rem;aspect-ratio: 63/25;
background-color: #fff;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: 100% auto;
transition: background 0.3s ease;
}
.section04 .btn_set .btn:hover::after {width: 100%;}
.section04 .btn_set .btn:hover .btn_arr {animation: btn_arr_ani2 1s ease-in-out infinite;}
/* section_tab */
.section_tab {background: #F2F2F2;}
.section_tab .in {width: 900px;margin: 0 auto;padding: 92px 0 109px;}
.section_tab .sec_tit {color: #35374F;font-size: 40px;font-weight: 800;line-height: 160%;text-align: center;margin: 0 0 23px;}
.section_tab .tab_menu {display: flex;margin-bottom: 22px;}
.section_tab .tab_menu li {position: relative;flex: 1 1 calc(100% / 3);text-align: center;background: #fff;}
.section_tab .tab_menu li .tab {position: absolute;top: 0;left: 0;opacity: 0;}
.section_tab .tab_menu li label {display: block;color: #36384F;font-size: 20px;font-weight: 800;line-height: 70px;text-align: center;cursor: pointer;}
.section_tab .tab_menu li .tab:checked + label {color: #fff;background: #01ACEF;}
.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;}
.section_tab .tab_list .head {}
.section_tab .tab_list .head button {
position: relative;display: flex;align-items: center;gap: 30px;width: 100%;min-height: 88px;
color: #36384F;font-size: 20px;font-weight: 600;line-height: 130%;text-align: left;
border-top: 1px solid rgba(236, 236, 231, 0.81);
padding: 0 56px 0 42px;
}
.section_tab .tab_list .head button::before {content:'Q.';flex-shrink: 0;color: #01ACEF;font-size: 20px;font-weight: 800;line-height: 130%;}
.section_tab .tab_list .head button::after {
content: '';flex-shrink: 0;margin-left: auto;
display: block;width: 8px;aspect-ratio: 8/12;
background-color: #01ACEF;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: contain;
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::before {content: 'A.';position: absolute;top: 30px;left: 42px;z-index: 1;color: #01ACEF;font-size: 20px;font-weight: 800;line-height: 130%;}
.section_tab .tab_list .body .inner {color: #36384F;font-size: 16px;line-height: 24px;padding: 30px 56px 30px 92px;border-top: 1px solid rgba(236, 236, 231, 0.81);}
.section_tab .tab_list .body .inner .bt_line {/*text-decoration-color: #000;*/text-decoration: underline;text-underline-offset: 2px;text-decoration-thickness: 1px;}
.section_tab .tab_list .body .inner a {display: inline;}
.section_tab .tab_list .body .inner .image {display: block;width: 100%;}
.section_tab .tab_list .body .inner .image.howUse {aspect-ratio: 1096/347;background: url("../images/pc_faq_how_use.jpg") no-repeat center center;background-size: contain;margin-bottom: 30px;}
.section_tab .tab_list .body .inner .image.trust {aspect-ratio: 1096/390;background: url("../images/pc_faq_trust.jpg") no-repeat center center;background-size: contain;margin-bottom: 10px;}
.section_tab .tab_list .body .video_set {position: relative;width: 100%;text-align: center;margin: 25px auto 0;}
.section_tab .tab_list .body .video_set .video {width: 100%;aspect-ratio: 1920/1080;}
.section_tab .size_set {display: inline-block;width: 320px;}
.section_tab .size_set .desc {font-size: 14px;font-weight: 400;line-height: 130%;text-align: right;margin-bottom: 3px;opacity: 0.8;}
.section_tab .size_table {width: 100%;border: 1px solid #36384F;border-radius: 10px;border-collapse: separate;}
.section_tab .size_table thead {}
.section_tab .size_table th {color: #36384F;font-size: 16px;font-weight: 400;line-height: 1.2;text-align: center;padding: 10px;border-bottom: 1px solid #D7D7DC;opacity: 0.5;}
.section_tab .size_table td {color: #36384F;font-size: 16px;font-weight: 400;line-height: 1.2;text-align: center;padding: 10px;}
.section_tab .tab_list li .head.show button::after {transform: rotate(90deg);}
.section_tab .tab_list li .head.show + .body {max-height: var(--max-height);}
/* footer */
.footer {position: relative;background: #232537;}
.footer .in {text-align: center;padding: 12rem 0;}
.footer .logo_set {margin: 0 0 2.3rem;}
.footer .logo_set .footer_logo {display: inline-block;width: 28.9rem;aspect-ratio: 289/38;background: url("../images/footer_logo@2x.png") no-repeat center center;background-size: 100% auto;}
.footer .address {display: block;color: #A1A1A1;font-size: 1.8rem;font-weight: 300;line-height: 150%;}
.footer .address a {display: inline;}
.footer .copyright {display: block;color: #555;margin-top: 3rem;}
/* popup 팝업 */
.popup {
position: fixed;top: 0;left: 0;z-index: -1;opacity: 0;
display: flex;flex-wrap: wrap;justify-content: center;align-items: center;
width: 100%;height: 100%;
background: rgba(0,0,0,0.5);
transition: opacity 0.3s ease, z-index 0s 0.3s linear;
overflow-y: auto;
}
.popup[data-show="y"] {z-index: 300;opacity: 1;transition: opacity 0.3s ease, z-index 0s linear;}
.popup .popup_wrap {}
.popup .popup_inner {position: relative;width: auto;}
.popup .btn_pop_close {position: absolute;right: 0;top: 0;z-index: 1;display: block;width: 5rem;aspect-ratio: 5/5;}
.popup .btn_pop_close::after {
content:'';position: absolute;left: 50%;top: 50%;z-index: 1;
display: block;width: 1.7rem;aspect-ratio: 5/5;
background-color: #35374F;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: 100% auto;
transform: translate(-50%, -50%);
}
/* 로고 클릭시 팝업 */
.popup_logo {}
.popup_logo .popup_inner {background: #fff;padding: 6rem;}
.popup_logo .pop_img {width: 48rem;aspect-ratio: 480/285;background: url("../images/popup_logo_img@2x.jpg") no-repeat center center;background-size: cover;border-radius: 2.5rem;margin: 0 auto;}
.popup_logo .pop_tit {margin: 2.7rem 0 3.2rem;}
.popup_logo .pop_tit span {display: block;color: #000;font-size: 2.2rem;font-weight: 700;line-height: 120%;letter-spacing: -0.95px;text-align: center;}
.popup_logo .pop_tit span:nth-child(1) {margin: 0 0 0.6rem;}
.popup_logo .pop_tit span:nth-child(2) {font-size: 2.8rem;}
.popup_logo .btn_set {display: flex;align-items: center;justify-content: center;gap: 1.6rem;}
.popup_logo .btn_set .btn {width: 23.3rem;color: #01ACEF;font-size: 2.2rem;font-weight: 700;line-height: 6.2rem;letter-spacing: -0.95px;text-align: center;background: #fff;border: 1px solid #01ACEF;}
.popup_logo .btn_set .btn_cancel {}
.popup_logo .btn_set .btn_continue {color: #fff;background: #01ACEF;}
/* CTA 패키지 선물 팝업 */
.popup_package {}
.popup_package .popup_inner {width: 55rem;background: #fff;padding: 4.7rem 4rem 5rem;}
.popup_package .pop_tit {color: #35374F;font-size: 2.8rem;font-weight: 500;line-height: 140%;margin: 0 0 1.3rem;}
.popup_package .pop_tit em {color: #1CABE2;font-weight: 700;text-decoration: underline;text-underline-offset: 0.5rem;text-decoration-thickness: 0.25rem;}
.popup_package .pop_txt {color: #DA6A64;font-size: 1.7rem;font-weight: 500;line-height: 150%;text-indent: -1.5rem;padding-left: 1.5rem;}
.popup_package .package {display: block;width: 41rem;aspect-ratio: 410/250;background: url("../images/popup_package@1.5x.png") no-repeat center center;background-size: 100% auto;margin: 1.3rem auto 1.8rem;}
.popup_package .desc {display: flex;margin: 0 0 2.9rem 0.7rem;}
.popup_package .desc span:nth-child(1) {flex: 0 0 14.1rem;color: #818181;font-size: 1.4rem;font-weight: 600;line-height: 160%;}
.popup_package .desc span:nth-child(2) {flex: 1 1 auto;color: #A6A6A6;font-size: 1.4rem;font-weight: 400;line-height: 140%;}
.popup_package .btn_set {padding: 0 1rem;}
.popup_package .btn_set .btn {width: 100%;background: #47AAEA;padding: 2.8rem 0;text-align: center;}
.popup_package .btn_set .btn_txt {color: #fff;font-size: 3rem;font-weight: 700;line-height: 120%;}
/* responsive */
@media (max-width: 1726px) {
html {font-size: calc((10 / 1726) * 100vw);}
}
@media (max-width: 1280px) {
html {font-size: 7.424px;}
}
.parallax {
will-change: transform;
transform: translateZ(0); /* GPU 가속 */
}