@charset "utf-8";

/* 최상단 파란색 바 */
    .top-accent-bar {width: 100%;height: clamp(15px, 2.4vw, 27px);background-color: var(--point-color01);margin-bottom: clamp(50px, 5.2vw, 80px);}
.container {position: relative;width: calc(100% - 60px);max-width: 1460px;margin-inline: auto;overflow: clip;}
@media (max-width:1460px) {
    br.for_pc{display: none;}
}
@media (max-width:860px) {
    .container {width: calc(100% - 30px);}
}
header {text-align: center;margin-bottom: clamp(30px, 4.4vw, 66px);}
.logo-placeholder {display: flex;align-items: center;justify-content: center;max-width: clamp(200px, 24vw, 430px);margin-inline: auto;}
main {padding-bottom: clamp(100px, 8.3vw, 140px);}
.hero-section {text-align: center;}
.hero-title {font-size: clamp(30px, 5.3vw, 80px);font-weight: 700;line-height: 1.25;color: var(--black-color00);margin-bottom: clamp(50px, 6.2vw, 100px);}
/* 메인 비주얼 슬라이딩 영역 */
.main-visual {position: relative;}
.stage {position: relative;}
.card {position: sticky;width: 100%;display: flex;padding: clamp(60px, 5.3vw, 100px);justify-content: space-between;border-radius: var(--radius-20);min-height: 634px;gap: 40px;top: 100px;}
.txt-wrap {display: flex;flex-direction: column;color: var(--point-white);position: relative;text-align: left;gap: clamp(12px, 1.1vw, 18px);}
.txt-wrap h2 {font-size: clamp(32px, 5vw, 72px);font-weight: 700;line-height: 1.1;z-index: 5;}
    .txt-wrap h2 + p{margin-top: clamp(15px, 3.1vw, 40px);}
.txt-wrap p {font-size: clamp(17px, 2.3vw, 36px);font-weight: 400;line-height: 1.3;}
.img-box {width: clamp(400px, 37vw, 700px);text-align: right;flex-shrink: 0;}
.c1 {background-color: var(--point-color02);z-index: 1;}
.c2 {background-color: var(--point-color03);z-index: 2;top: 300px;}
.c3 {background-color: var(--point-color04);z-index: 3;top: 600px;}
.c2.active { transform: translateY(var(--header-h)); }
.c3.active { transform: translateY(calc(var(--header-h) * 2)); }
.card.shrunk h2 { top: 0 !important; height: var(--header-h); display: flex; align-items: center; font-size: clamp(20px, 2.5vw, 32px); }
.card.shrunk p, .card.shrunk .img-box { opacity: 0; visibility: hidden; transform: translateY(20px); }
/* --- MP몰 프로모션 섹션 스타일 --- */
.promotion-section {text-align: center;padding-top: clamp(100px, 9.4vw, 163px);}
.promo-title-1 {
    font-size: clamp(50px, 7.3vw, 120px); /* PC: 120px 기준 */
    font-weight: 700;
    color: var(--black-color00);
    line-height: 1.1;
    margin-bottom: 10px;
    }
.promo-title-2 {
    font-size: clamp(30px, 5.2vw, 80px); /* PC: 80px 기준 */
    font-weight: 700;
    color: var(--black-color00);
    line-height: 1.2;
    margin-bottom: clamp(35px, 5.2vw, 80px);
    }
.promo-image-wrapper { display: flex; flex-direction: column; gap: 60px; align-items: center; width: 100%; }
/* 첫 번째 이미지 컨테이너 (최대 1462px) */
.promo-img-container-1 { width: 100%; max-width: 1462px; margin: 0 auto; }
/* 두 번째 이미지 컨테이너 (최대 1284px) */
.promo-img-container-2 { width: 100%; max-width: 1284px; margin: 0 auto; }
.promo-img-container-1 img, .promo-img-container-2 img { width: 100%; height: auto; display: block; }
/* --- WHY 리치앤택스 추가 섹션 --- */
.why-section {position: relative;background: var(--point-color05);padding-block: clamp(100px, 11vw, 190px) clamp(80px, 6.8vw, 110px);color: var(--point-white);text-align: center;overflow: hidden;}
.why-section::before{position: absolute;content:'';width: clamp(1420px, 100vw, 1920px);aspect-ratio: auto 0.951;background: url('../image/why-cards.jpg') no-repeat center / 100% auto;left: 50%;bottom: 0;translate: -50%;}

.why-header-eng {font-size: clamp(60px, 9.4vw, 160px);font-weight: 800;line-height: 1;margin-bottom: clamp(20px, 3.1vw, 40px);}
.why-header-kor {font-size: clamp(50px, 7.3vw, 120px);font-weight: 800;line-height: 1;}
.why-line {width: 2px;height: clamp(50px, 6.3vw, 100px);background-color: rgba(255, 255, 255, 0.6);margin: clamp(40px, 4.6vw, 70px) auto clamp(30px, 3.6vw, 50px);}
.why-main-headline {font-size: clamp(30px, 5.7vw, 90px);font-weight: 700;line-height: 1.2;margin-bottom: 40px;}
.why-sub-description {font-size: clamp(15px, 2.5vw, 30px);font-weight: 400;line-height: 1.3;margin-bottom: clamp(30px, 4.5vw, 67px);color: rgb(255 255 255 / 80%);display: grid;gap: 10px;}
.why-sub-description strong{font-weight: 500;color: var(--point-white);}
.why-cards-wrap{position: relative;}

.why-cards-container {position: relative;display: flex;align-items: flex-start;padding-bottom: 150px;}
.why-cards-container .cont{position: relative;display: grid;grid: auto / repeat(2, 1fr);gap: clamp(15px, 2.7vw, 50px);align-items: start;width: 100%;}
.why-side-text {text-align: center;font-size: clamp(24px, 3.3vw, 44px);font-weight: 500;line-height: 1.3;z-index: 2;display: grid;gap: 36px;flex-shrink: 0;width: clamp(400px, 32vw, 600px);}
.why-card {background-color: #fff;color: #333;border-radius: var(--radius-20);padding: clamp(35px, 3.6vw, 50px) clamp(30px, 3.1vw, 40px);text-align: left;box-shadow: 0 10px 30px rgba(0,0,0,0.1);position: relative;}
.why-card:first-child{margin-top: 100px;}
.why-card .icon-box {width: 60px;margin-bottom: clamp(15px, 2.6vw, 28px);}
.why-card .icon-box .icon{width:auto;height: auto;}
.why-card h4 {font-size: clamp(20px, 2.6vw, 30px);font-weight: 700;margin-bottom: 13px;color: #111;}
.why-card p {font-size: clamp(15px, 1.6vw, 20px);font-weight: 500;line-height: 1.5;color: #666;margin-bottom: clamp(40px, 4.6vw, 70px);}
.more-link {font-size: clamp(14px, 1.8vw, 16px);font-weight: 400;color: var(--black-color00);text-decoration: none;display: inline-flex;align-items: center;gap: 8px;}
.more-link::after{display: inline-flex;content:'';width: clamp(18px, 2.2vw, 24px);aspect-ratio: auto 1;background: url('../image/arw.svg') no-repeat center / 100% auto;}
.consult-btn-wrap {margin-top: clamp(40px, 4.2vw, 60px);}
.consult-btn {font-size: clamp(24px, 3.2vw, 44px);font-weight: 700;color: #fff;text-decoration: none;border-bottom: 2px solid #fff;padding-bottom: 10px;display: inline-flex;align-items: center;gap: clamp(15px, 3.1vw, 40px);}
.consult-btn::after{display: inline-flex;content: '';width: clamp(17px, 2.4vw, 27px);aspect-ratio: auto 0.87;background: url('../image/arw02.svg') no-repeat center / 100% auto;}
/* --- 월별보고 섹션 스타일 --- */
.report-section {width: 100%;background-size: cover;background-position: center;text-align: center;padding-block: clamp(100px, 8.3vw, 140px);}
.report-badge {
    display: inline-block;
    background: var(--point-color02);
    color: #fff;
    font-size: clamp(23px, 3.2vw, 44px);
    font-weight: 500; /* 6SemiBold */
    padding: clamp(12px, 2vw, 19px) 30px;
    min-width: clamp(180px, 28vw, 300px);
    border-radius: 100px;
    margin-bottom: clamp(30px, 4.2vw, 60px);
    }
.report-main-title {
    font-size: clamp(40px, 5.2vw, 80px);
    font-weight: 700; /* 7Bold */
    color: #111;
    line-height: 1.5;
    margin-bottom: 30px;
    }
.report-sub-title {
    font-size: clamp(18px, 2.5vw, 30px);
    font-weight: 500; /* 5medium */
    color: var(--black-color06);
    line-height: 1.34;
    margin-bottom: clamp(50px, 8.3vw, 140px);
    }
.report-content-grid {display: flex;justify-content: center;align-items: center;gap: 40px;}
.report-mockup-area {display: flex;justify-content: center;position: relative;width: 100%;}
.report-mockup-area img { max-width: 100%; height: auto; }
.report-cards-area {display: flex;gap: clamp(15px, 2.65vw, 50px);width: 55.5%;flex-shrink: 0;}
.r-card {background-color: var(--point-color06);color: #fff;border-radius: var(--radius-20);padding: clamp(35px, 3.6vw, 50px) clamp(30px, 3.1vw, 40px);text-align: left;width: 100%;display: flex;flex-direction: column;min-height: 400px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.r-card .r-icon {width: 80px;margin-bottom: clamp(20px, 1.6vw, 28px);}
.r-card .r-icon .icon{width: auto;height: auto;}
.r-card h4 {
    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 600; /* 7Bold */
    margin-bottom: 15px;
    line-height: 1.3;
    }
.r-card p {
    font-size: clamp(15px, 2.1vw, 20px);
    font-weight: 400; /* 5medium */
    line-height: 1.5;
    margin-bottom: auto;
    }
.r-card .more-link {margin-top: clamp(30px, 4.7vw, 70px);color: var(--point-white);}
.r-card .more-link::after{filter: var(--filter-white);}
.report-footer-link { display: inline-flex; align-items: center; gap: 15px; font-size: 44px; font-weight: 700; /* 7Bold */
    color: #000; text-decoration: none; border-bottom: 4px solid #000; padding-bottom: 10px; margin-top: 20px; }
.report-section .consult-btn{color: var(--black-color00);border-color: var(--black-color00);}
.report-section .consult-btn::after{filter: var(--filter-black);}
/* --- [신규] 환불제도 섹션 스타일 --- */
.refund-section {width: 100%;background: var(--point-color07) url('../image/refund-section.jpg') no-repeat 100% 50% / 100% auto;padding-block: clamp(100px, 8.3vw, 140px);color: var(--point-white);text-align: center;}
.refund-badge {
     /* 6SemiBold */
     display: inline-block;
     background: var(--point-white);
     color: var(--point-color07);
     font-size: clamp(23px, 3.2vw, 44px);
     font-weight: 600;
     padding: clamp(12px, 2vw, 19px) 30px;
     min-width: clamp(180px, 28vw, 300px);
     border-radius: 100px;
     margin-bottom: clamp(30px, 4.2vw, 60px);
    }
.refund-main-title {
      /* 7Bold */
      font-size: clamp(30px, 5.2vw, 80px);
      font-weight: 600;
      color: var(--point-white);
      line-height: 1.3;
      margin-bottom: clamp(18px, 2.6vw, 30px);
    }
.refund-sub-text {font-size: clamp(18px, 2.5vw, 30px);font-weight: 400;color: var(--point-white);line-height: 1.34;margin-bottom: clamp(50px, 8.3vw, 140px);}
.refund-grid {display: flex;align-items: flex-start;justify-content: center;gap: 40px;text-align: left;}
.refund-grid .thumb{position: relative;width: clamp(400px, 36.5vw, 683px);aspect-ratio: auto 1;border-radius: 100%;display: flex;align-items: flex-end;justify-content: center;background: rgb(255 255 255 / 10%);overflow: hidden;flex-shrink: 0;}
.refund-grid .thumb img{translate: 0 40px;}
.refund-col {position: relative;display: grid;gap: clamp(15px, 3.6vw, 50px);grid: auto / repeat(2, 1fr);width: 100%;align-items: start;margin-left: -130px;}
.refund-col-staggered { padding-top: 180px; /* 지그재그 효과를 위한 상단 여백 */
}
.refund-card {background-color: #fff;color: #333;border-radius: var(--radius-20);padding: clamp(35px, 3.6vw, 50px) clamp(30px, 3.1vw, 40px);display: flex;flex-direction: column;}
.refund-card:nth-child(2n){translate: 0 calc(50% + clamp(15px, 3.6vw, 50px) / 2);}
.refund-card .card-emoji {width: 70px;margin-bottom: clamp(15px, 2.4vw, 28px);}
.refund-card h4 {font-size: clamp(22px, 2.5vw, 30px);font-weight: 600;margin-bottom: 15px;line-height: 1.3;color: var(--black-color00);}
.refund-card p {
    
     /* 5medium */
    font-size: clamp(15px, 2.1vw, 20px);
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: auto;
    }
.refund-card .more-link {
     /* 4Regular */
     color: var(--black-color06);
     margin-top: clamp(30px, 4.7vw, 70px);
    }
.refund-disclaimer {
    font-size: clamp(15px, 2.1vw, 20px);
    font-weight: 400; /* 4Regular */
    color: rgba(255, 255, 255, 0.9);
    margin-top: clamp(40px, 5.2vw, 80px);
    }
.refund-footer-btn { font-size: 44px; font-weight: 700; /* 7Bold */
    color: #fff; text-decoration: none; border-bottom: 4px solid #fff; padding-bottom: 15px; display: inline-flex; align-items: center; gap: 20px; }
@media (max-width:1023px) {
    .stage{display:grid;gap: clamp(15px, 2vw, 20px);}
    .card{position: relative;inset: auto !important;flex-direction: column;justify-content: flex-start;padding: clamp(30px, 6vw, 60px);min-height: auto;}
    .img-box{width: 70%;margin-left: auto;}
    .why-section::before{display: none;}
    .why-cards-container{flex-wrap: wrap;padding-bottom: 0;gap: clamp(30px, 5vw, 50px);}
    .why-side-text{width:100%;}
    .why-cards-container .cont{align-items: stretch;}
    .why-card:first-child{margin-top:0;}
    .why-card .icon-box{width:clamp(40px, 6vw, 60px);}
    .report-content-grid{flex-wrap:wrap;}
    .r-card .r-icon{width: clamp(50px, 8.5vw, 80px);}
    .report-cards-area{width:100%;flex-shrink: unset;}
    .refund-grid{flex-wrap:wrap;gap: clamp(25px, 4vw, 40px);}
    .refund-grid .thumb{flex-shrink:unset;width: min(400px, 80%);}
    .refund-col{margin-left: 0;align-items: stretch;}
    .refund-card:nth-child(2n){translate:0;}
    .refund-card .card-emoji{width: clamp(50px, 7.5vw, 70px);}
}
@media (max-width:768px) {
    .top-accent-bar { height: 15px; }
    .card.shrunk h2 { position: absolute !important; top: 0 !important; left: 25px !important; font-size: 18px; margin-bottom: 0; }
    .promotion-section { padding-top: 60px; }
    .promo-image-wrapper { gap: 30px; }
    .why-section { padding: 80px 0; margin-top: 60px; }
    .why-cards-container { flex-direction: column; align-items: center; gap: 20px; }
    .why-card { width: 100%; padding: 30px 25px; }
    .report-main-title { font-size: 28px; }
    .report-content-grid { flex-direction: column; gap: 40px; }
    .report-cards-area { flex-direction: column; width: 100%; }
    .r-card { min-height: auto; padding: 40px 30px; }
    .report-footer-link { font-size: 24px; border-bottom-width: 2px; }
    /* 환불제도 모바일 */
    .refund-section { padding: 80px 0; }
    .refund-badge { font-size: 24px; padding: 8px 30px; }
    .refund-col-staggered { padding-top: 0; }
    .refund-card h4 { font-size: 24px; }
    .refund-card p { font-size: 17px; }
    .refund-footer-btn { font-size: 24px; border-bottom-width: 2px; }
}
@media (max-width:479px) {
    .why-cards-container .cont{grid:auto / repeat(1, 1fr);}
    .refund-col{grid:auto / repeat(1, 1fr);}
}
/* 퀵메뉴 */
.quick-menu {position: fixed;right: 30px;bottom: 30px;z-index: 1000;display: flex;flex-direction: column;gap: 6px;}
.quick-btn {width: clamp(70px, 7.2vw, 100px);height: clamp(70px, 7.2vw, 100px);border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: clamp(5px, 1.4vw, 8px);color: #fff;font-size: clamp(11px, 1.2vw, 14px);font-weight: 500;transition: transform 0.3s ease;box-shadow: 0 4px 10px rgba(0,0,0,0.15);border: none;padding: 5px;text-align: center;}
.btn-refund { background:#2DAFFF; }
.btn-blog { background-color: #00C73C; }
.btn-youtube { background-color: #FE0034; }
.btn-top { background-color: #555; }
.btn-submit{background:#F59330;}
.quick-btn .icon {max-width: clamp(20px, 2.6vw, 35px);fill: currentColor;}

@media (max-width:1023px) {
    .quick-btn{width: clamp(40px, 7.5vw, 70px);height: clamp(40px, 7.5vw, 70px);}
    .quick-btn span{display:none;}
    .quick-btn .icon{max-width: 65%;}
}
@media (max-width:860px) {
    .quick-menu{right:15px; bottom:15px;}
}
.l-footer {width: 100%;background: var(--black-color01);padding: 55px 0;display: flex;justify-content: center;color: var(--point-white);}
.l-footer__container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 40px;}
.c-brand { flex-shrink: 0; }
.c-brand__title {font-size: clamp(18px, 2.5vw, 30px);font-weight: 700;color: var(--color-text-primary);letter-spacing: -0.02em;line-height: 1.2;}
.c-info {display: flex;flex-direction: column;gap: 12px;font-size: clamp(13px, 2.1vw, 15px);font-style: normal;}
.c-info__row { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; }
.c-info__item { display: flex; align-items: center; gap: 6px; letter-spacing: -0.01em; }
.c-info__label {font-weight: 500;}
.c-info__value {color: var(--black-color10);font-weight: 400;}

@media screen and (max-width: 1280px) {
    .l-footer { padding: 45px 0; }
    .l-footer__container { gap: 20px; }
}
@media screen and (max-width: 1023px) {
    .l-footer { padding: 40px 0; }
    .l-footer__container { flex-direction: column; align-items: flex-start; gap: 30px; }
    .c-info { width: 100%; }
}
@media screen and (max-width: 860px) {
    .c-info__row { gap: 15px 20px; }
}
@media screen and (max-width: 640px) {
    .l-footer { padding: 35px 0; }
    .c-brand__title { font-size: 22px; }
    .c-info__row { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media screen and (max-width: 479px) {
    .c-info__item { flex-wrap: wrap; }
}