:root {
	--color-highlight: #F87515;
    --color-highlight-opacity: #FF9640;
}

*{box-sizing: border-box;font-family: 'Isamanru', serif;}

html,body{padding:0;margin:0;position:relative;}
.mobile{display:none;}
.fonttitle,
.fonttitle *{font-family: 'Inter', sans-serif;font-weight: 500;}

.fontboldtitle,
.fontboldtitle *{font-family: 'Inter', sans-serif;font-weight: 800;}

.fontpre,
.fontpre *{font-family: Pretendard, SansSerif;font-weight: 400;}

.fontprebold,
.fontprebold *{font-family: Pretendard, SansSerif;font-weight: 600;}

.animclip {clip-path: polygon(50% 0px, 50% 0px, 50% 100%, 50% 100%);overflow: hidden;transition: 1.3s;}
.animclip.anim {clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);}

.animup {transform:translateY(100%);opacity: 0;transition: ease-in-out 0.2s all;}
.animup.anim{transform:translateY(0%);opacity: 1;}

.section{
    width:100%;position:relative;z-index:2;min-width:1400px;
}
.section .container{
    max-width:1300px;margin:0 auto;
}



header{min-width:1400px;}
header .header-inner{position:fixed;top:20px;width:calc(100% - 40px);left:20px;background:white;padding:10px 50px;border-radius:7px;border:solid 1px #CCC;align-items:center;justify-content:space-between;display:flex;z-index:10;}
header .header-inner.pc{display:flex;}
header .header-inner.mobile{display:none;}
header .header-inner h1{margin:0;padding:0;line-height:1;}
header .header-inner h1 img{height:45px;display: block;}
header .header-inner .header-right{display:flex;gap:40px;}
header .header-inner .header-menus{display:flex;gap:20px;align-items:center;}
header .header-inner .header-menus a{font-size:16px;}
header .header-inner .header-contact{background:var(--color-highlight);padding:7px 32px;display:flex;align-items:center;border-radius:40px;}
header .header-inner .header-contact span{color:white;font-size:16px;padding-right:15px;}
header .header-inner .header-contact strong{font-weight:bold;color:white;font-size:24px;}

footer{background:#f3f3f3;padding:40px 0 100px;}
footer img{width:160px;display:block;margin:0 auto 20px;}
footer .info p{text-align: center;font-family: SansSerif;font-size:14px;color:#222;}

.section-top{height:100vh;width:100%;position:relative;overflow:hidden;}
.section-top .section-top-bg{height:75vh;position:relative;background-size:cover!important;background-position:center!important;}
.section-top .section-top-bg .bg{position:relative;height:100%;width:100%;}
.section-top .section-top-bg .bg img{height:100%;width:100%;object-fit:cover;object-position: center;display: block}
.section-top .section-top-text-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:flex-end;gap:40px;}
.section-top .section-top-text-container .text-point{text-align:center;line-height:1.4;height:120px;font-size:28px;}
.section-top .section-top-text-container .text-point img{height:100%;}
.section-top .section-top-text-container .text{white-space: nowrap;}
.section-top .section-top-text-container .text p{width:100%;text-align:center;margin:0;color:white;}
.section-top .section-top-text-container .text p.subtitle{font-size:40px;margin-bottom:20px;font-weight:500;}
.section-top .section-top-text-container .text p.title{font-size:24px;line-height:1;}
.section-top .section-top-text-container .text p.title strong{font-size:130px;}
.section-top .section-top-line{height:25vh;background:#F87515;}
.section-top .section-top-line-scroller{white-space: nowrap;display:flex;height:100%;gap:25px;padding:30px 0;}
.section-top .section-top-line img{float:left;height:100%;min-width:fit-content;}
.section-top .section-top-ac{position:absolute;bottom:0;right:0;}
.section-top .section-top-ac img{transform:translate(14%, 40%);transform-origin:center;animation:section-top-progress linear infinite 7s;}

@keyframes section-top-progress{
    0%{transform:translate(14%, 40%) rotate(0deg);}
    100%{transform:translate(14%, 40%) rotate(360deg);}
}

.section-salesvolume{background:#222;padding:50px 0;overflow:hidden;}
.section-salesvolume .section-title{color:white;font-size:35px;text-align:center;}
.section-salesvolume .section-title strong{font-size:48px;color:#F87515;}
.salesvolume-graph{background:white;border-radius:20px;width:100%;max-width:950px;margin:28px auto;padding:30px 50px;position:relative;}
.salesvolume-graph .salesvolume-graph-row{display:flex;justify-content: space-around;}
.salesvolume-graph .salesvolume-graph-row.top{aspect-ratio:17/6;width:100%;border-bottom:solid 1px #F87515;margin-bottom:14px;}
.salesvolume-graph .salesvolume-graph-row.date{justify-content: space-evenly;}
.salesvolume-graph .salesvolume-graph-row .line{height:100%;background:#F87515;width:1px;}
.salesvolume-graph .salesvolume-graph-row .empty{min-width:37%;}
.salesvolume-graph .salesvolume-graph-row .date{font-size:26px;transform:translateX(-50%);color:#F87515;}
.salesvolume-graph .salesvolume-graph-row .date:nth-child(4),
.salesvolume-graph .salesvolume-graph-row .date:nth-child(5){transform:translateX(50%);}
.salesvolume-graph .salesvolume-graph-info{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:2;text-align: center;}
.salesvolume-graph .salesvolume-graph-info p{white-space:nowrap;text-align:center;margin:0;transition:ease-in-out 0.2s all;transform:translateY(100%);opacity:0;}
.salesvolume-graph .salesvolume-graph-info p.anim{transform:translateY(0%);opacity:1;}
.salesvolume-graph .salesvolume-graph-info p.subtitle{font-size:26px;}
.salesvolume-graph .salesvolume-graph-info p.subtitle span{font-weight:bold;color:#F87515}
.salesvolume-graph .salesvolume-graph-info p.title{font-size:22px;}
.salesvolume-graph .salesvolume-graph-info p.title strong{font-size:67px;}
.salesvolume-graph .salesvolume-graph-info p.title.anim{transition-delay:0.3s;}
.salesvolume-graph .salesvolume-graph-info img{width:23vw;transform:translateY(-8%);transform-origin:center;animation:section-sales-progress linear infinite 7s;}
.salesvolume-graph .arrow-container{position:absolute;left:10%;bottom:7%;width: 80%;height: 100%;display: flex;justify-content: center;align-items: center;}
.salesvolume-graph .arrow-container .animated-arrow {transform-origin: left bottom;transform: scale(0.3);opacity: 0;}
.salesvolume-graph .arrow-container .animated-arrow.anim{animation: growAndFade 0.4s forwards ease-in-out;animation-delay:0.5s;}
.salesvolume-scroll{margin-top:40px;padding:0 20px;}
.salesvolume-scroll .salesvolume-scroller{display:flex;white-space: nowrap;gap:20px;}
.salesvolume-scroll .salesvolume-scroller-wrapper{display:flex;white-space: nowrap;gap:20px;}
.salesvolume-scroll .salesvolume-scroller-wrapper img{width:14vw;min-width:14vw;}

@keyframes growAndFade {
    0% {
        transform: scale(0.3);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes section-sales-progress{
    0%{transform:translateY(-8%) rotate(0deg);}
    100%{transform:translateY(-8%) rotate(360deg);}
}



.section-since{position:relative;}
.section-since .section-bg{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;}
.section-since .section-bg .cover{filter:brightness(0.7);position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background: linear-gradient(180deg,rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.89) 92%);}
.section-since .section-bg video{width:100%;height:100%;object-fit:cover;}
.section-since .section-content{position:relative;z-index:2;text-align:center;}
.section-since .section-content img{display:block;margin:0 auto;width:fit-content;}
.section-since .section-content img.line1{height:60px;width:5px;object-fit: cover;object-position: bottom;}
.section-since .section-content .since-ac{text-align:center;position:relative;display:inline-block;width:17%;}
.section-since .section-content .since-ac img{width:100%;transition:ease-in-out 0.4s all;}
.section-since .section-content .since-ac .ac-1{visibility: visible;opacity: 1;}
.section-since .section-content .since-ac .ac-2{position:absolute;width:100%;top:0;left:0;visibility: hidden;opacity: 0;}
.section-since .section-content .since-ac.active .ac-1{visibility: hidden;opacity:0;}
.section-since .section-content .since-ac.active .ac-2{visibility: visible;opacity:1;}


.section-since .since-info{text-align:center;margin:20px 0;}
.section-since .since-info p{margin:0;transition:ease-in-out 0.2s all;opacity:0;transform:translateY(100%);}
.section-since .since-info p.anim{opacity: 1;transform:translateY(0%);}
.section-since .since-info p.subtitle{color:var(--color-highlight);font-size:25px;}
.section-since .since-info p.title{color:white;font-size:55px;line-height:1.5;font-weight:500;transition-delay:0.15s;}
.section-since .since-info p.title strong{font-weight:900;}
.section-since .since-info p.desc{color:white;font-size:28px;transition-delay:0.3s;}
.section-since .since-info p.desc br{display:none;}

.section-step{position:relative;overflow:hidden;}
.section-step .section-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background: #361c10;}
.section-step .section-bg img{width:100%;height:100%;object-fit:cover;}
.section-step .section-content{position:relative;z-index:2;padding:80px 40px;}
.section-step .section-title{display:flex;gap:50px;margin:0 auto;width:fit-content;align-items: center;}
.section-step .section-title .section-title-l{text-align:left;}
.section-step .section-title p{margin:0;}
.section-step .section-title p.subtitle{color:white;font-size:25px;}
.section-step .section-title p.title{color:white;font-size:45px;}
.section-step .section-title p.title strong{color:var(--color-highlight-opacity);}
.section-step .section-title img{width:150px;}
.section-step .step-info{width:100%;max-width:1300px;gap:40px;display:flex;margin:50px auto 30px;}
.section-step .step-info .step-item{flex-grow:1;position:relative;}
.section-step .step-info .step-item .indicator{position:absolute;top:3px;left:10px;transform:translateY(-100%);background:var(--color-highlight-opacity);color:white;font-size:17px;padding:5px 8px 4px;
border-top-right-radius: 6px;}
.section-step .step-info .step-item img{width:100%;border-radius:10px;border:solid 3px transparent;}
.section-step .step-info .step-item.on img{border-color:var(--color-highlight-opacity);}
.section-step .step-info .step-item-box-title{text-align:center;font-size:25px;color:white;margin-top:15px;}
.section-step .step-info .step-item-box-title span{color:var(--color-highlight-opacity)}
.section-step .step-tag-scroll{background: var(--color-highlight-opacity);display:flex;gap:50px;padding:20px;position:absolute;left:0;bottom:0;}
.section-step .step-tag-scroller{display:flex;gap:50px;}
.section-step .step-tag-scroll .step-tag-item{font-size:25px;color:white;white-space: nowrap;min-width: fit-content;}



.section-system{padding:0;background:#FFF7E8;}
.section-system .section-title{text-align:center;}
.section-system .section-title > span{display:inline-block;padding:5px 40px;border-radius:40px;font-size:25px;background:#F2C172;}
.section-system .section-title p{margin:0;}
.section-system .section-title .subtitle{font-size:26px;margin-top:30px;}
.section-system .section-title .title{font-size:45px;line-height:1.5;}
.section-system .section-title .title strong{color:var(--color-highlight);}
.section-system .section-content{max-width:100%;border-bottom:solid 1px var(--color-highlight-opacity);padding:60px 40px;}
.section-system .system-content-1{padding-bottom:0;}
.section-system .system-content{margin-top:40px;}
.section-system .system-content img{width:100%;max-width:750px;margin:0 auto -2.78%;display:block;object-fit:contain;}

.section-system .system-tab{max-width:1100px;margin:50px auto 0;}
.section-system .system-tab .system-tab-btn{display:flex;gap:15px;}
.section-system .system-tab .system-tab-btn button{border:solid 1px #F2C172;background:white;height:50px;line-height:50px;width:150px;font-size:25px;color:#361C10;text-align:center;border-top-left-radius: 20px;border-top-right-radius: 20px;cursor:pointer;}
.section-system .system-tab .system-tab-btn button.active{background:#F2C172;}
.section-system .system-tab .system-tab-container{background:#F2C172;border-radius:20px;border-top-left-radius: 0;}
.section-system .system-tab .system-tab-container .system-tab-viewer{display:none;padding:20px 0;}
.section-system .system-tab .system-tab-container .system-tab-viewer.active{display:block;}
.section-system .system-tab .system-tab-viewer .tab-inner{
    display: flex;gap:50px;padding:0 30px;align-items: center;
}
.section-system .system-tab .system-tab-viewer .tab-inner img{object-fit:contain;}
.section-system .system-tab .system-tab-viewer .tab-inner > *{width:25%;}
.section-system .system-tab .system-tab-viewer .tab-inner .main{width:35%;max-height:220px;}

.section-system .system-tab .system-tab-viewer .tab-inner .tab-item{}
.section-system .system-tab .system-tab-viewer .tab-inner .tab-item .t{display:flex;align-items:center;justify-content: center;margin-bottom:10px;gap:8px;font-size:19px;}
.section-system .system-tab .system-tab-viewer .tab-inner .tab-item .t img{width:24px;}
.section-system .system-tab .system-tab-viewer .tab-inner .tab-item .sub{width:80%;display:block;margin:0 auto;}

.section-system .system-content-2{position:relative;}
.section-system .system-content-2 .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color: #fff7e8;}
.section-system .system-content-2 .section-bg img{width:100%;height:100%;object-fit: cover;
    filter: saturate(0.4) brightness(1.05);}
.section-system .system-content-2 .section-content{z-index:2;border-bottom:0;padding:0;}

.section-system .system-content-3{position:relative;}
.section-system .system-content-3 .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.section-system .system-content-3 .section-bg img{width:100%;height:100%;object-fit: cover;}
.section-system .system-content-3 .section-content{z-index:2;border-bottom:0;padding:0;}
.section-system .system-content-3 .row{max-width:1200px;margin:30px auto 0;display:flex;gap:40px;overflow:hidden;}
.section-system .system-content-3 .system-content-item{position:relative;transition-duration: 0.2s;}
.section-system .system-content-3 .system-content-item:nth-child(1){transition-delay: 0.2s;}
.section-system .system-content-3 .system-content-item:nth-child(2){transition-delay: 0.25s;}
.section-system .system-content-3 .system-content-item:nth-child(3){transition-delay: 0.3s;}
.section-system .system-content-3 .system-content-item:nth-child(4){transition-delay: 0.35s;}
.section-system .system-content-3 .system-content-item .bg{max-width:100%;}
.section-system .system-content-3 .system-content-item .info{position:absolute;top:63%;left:50%;transform:translate(-50%,-50%);width:100%;}
.section-system .system-content-3 .system-content-item .menu{max-width:70%;max-height:125px;margin:0 auto;display: block;}
.section-system .system-content-3 .system-content-item p{font-size:16px;text-align: center;margin:8px 0 0 0;}



.section-review{background:#555;overflow:hidden;position:relative;}
.section-review .section-bg{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;}
.section-review .section-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.32)}
.section-review .section-content{padding:80px 0;position:relative;z-index:2;}

.section-review .section-title{margin-bottom:50px;}
.section-review .section-title p{text-align: center;color:white;margin:0;}
.section-review .section-title .subtitle{font-size:24px;}
.section-review .section-title .title{font-size:46px;line-height:1.5;font-weight:900;}
.section-review .section-title .title strong{color:var(--color-highlight);font-weight:900;}

.section-review .review-list{position:relative;}
.section-review .review-list .review-ac{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:23.5vw;z-index:2;}
.section-review .review-list .review-ac .ac-bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2;height:100%;}
.section-review .review-list .review-ac .ac-bg svg{animation:review_ac_anim infinite 1s;}
.section-review .review-list .review-ac .ac-content{position:relative;z-index:3;}
.section-review .review-list .review-ac .ac-content img{position:absolute;left:0;top:0;height: auto;width:100%;max-width:100%;visibility: hidden;object-fit:contain;}
.section-review .review-list .review-ac .ac-content img:first-child{position:relative;}
.section-review .review-list .review-ac .ac-content img.on{visibility: visible;}

.section-review .review-list .review-list-scroll{display:flex;gap:30px;}
.section-review .review-list .review-list-wrapper{display:flex;gap:30px;min-width:fit-content;}
.section-review .review-list .review-item{min-width:12vw;}
.section-review .review-list .review-item img{width:100%;aspect-ratio: 181 / 330;object-fit: cover;object-position: center 32%;border-radius:12px;}

.section-review .review-count{display:flex;max-width:1000px;justify-content: space-between;margin:40px auto 0;}
.section-review .count-item{text-align: center;}
.section-review .count-item .count-item-t{font-size:22px;color:#F2C172;}
.section-review .count-item .count-item-b{font-size:45px;color:white;margin-top:7px;}
.section-review .line{width: 1px;background:#F2C172;margin:0 50px;}

@keyframes review_ac_anim {
    0%{transform:scale(0.9);}
    100%{transform:scale(1.3);}
}



.section-youtube{padding:80px 0;position:relative;}
.section-youtube .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.section-youtube .section-bg img{width:100%;height:100%;object-fit:cover;object-position: center;z-index:1;}
.section-youtube .section-content{position:relative;z-index:2;}
.section-youtube .section-title p{text-align:center;margin:0;}
.section-youtube .section-title .subtitle{font-size:25px;}
.section-youtube .section-title .title{font-size:55px;font-weight: bold;line-height:1.5;}
.section-youtube .section-title .title strong{color:var(--color-highlight);}

.section-youtube .youtube-content{display:flex;max-width:1300px;margin:40px auto 0;gap:40px;overflow:hidden;}
.section-youtube .youtube-content .youtube-sub-control-mobile{display:none;}
.section-youtube .youtube-content .youtube-l{width:55%;overflow:hidden;gap:0;transform:translateX(-110%);transition:ease-in-out 0.2s all;transition-delay:0.3s;aspect-ratio: 16/9;}
.section-youtube .youtube-content .youtube-l.anim{transform:translateX(0%)}
.section-youtube .youtube-content .youtube-r{width:45%;position:relative;gap:30px;opacity: 0;transition:ease-in-out 0.2s all;transition-delay:0.5s;}
.section-youtube .youtube-content .youtube-r.anim{opacity: 1;}
.section-youtube .youtube-main-scroll{width:100%;}
.section-youtube .youtube-main-scroll,
.section-youtube .youtube-main-scroll .youtube-main-wrapper{display:flex;}
.section-youtube .youtube-main-scroll .youtube-main-item img{width:100%;aspect-ratio: 16/9;object-fit: cover;border-radius:14px;}
.section-youtube .youtube-main-wrapper{display:flex;}
.section-youtube .youtube-sub{position:absolute;bottom:0;left:0;overflow:hidden;width:100%;}
.section-youtube .youtube-sub .youtube-sub-scroll,
.section-youtube .youtube-sub .youtube-sub-wrapper{display:flex;gap:20px;}
.section-youtube .youtube-sub .youtube-sub-item img{width:100%;aspect-ratio: 16/9;object-fit: cover;border-radius:14px;}

.section-youtube .youtube-content .youtube-t{font-size:26px;font-weight: bold;}
.section-youtube .youtube-content .youtube-t span{color:#c4181f;}
.section-youtube .youtube-content .youtube-sub-control{display:flex;gap:8px;margin-bottom:20px;}
.section-youtube .youtube-content .youtube-sub-control button{width:40px;height:40px;border:solid 1px var(--color-highlight-opacity);background:white;position:relative;border-radius:2px;cursor:pointer;}
.section-youtube .youtube-content .youtube-sub-control button span{position:absolute;border-top:solid 2px var(--color-highlight-opacity);border-right:solid 2px var(--color-highlight-opacity);top:50%;display:inline-block;width:12px;height:12px;}
.section-youtube .youtube-content .youtube-sub-control button.btn-left span{transform:translate(-50%,-50%) rotate(-135deg);left:57%;}
.section-youtube .youtube-content .youtube-sub-control button.btn-right span{transform:translate(-50%,-50%) rotate(45deg);left:45%;}

.section-interior{padding:80px 0;position:relative;}
.section-interior .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.section-interior .section-bg img{width:100%;height:100%;object-fit:cover;object-position: center;}
.section-interior .section-content{position:relative;z-index:2;}
.section-interior .section-title p{text-align: center;margin:0;}
.section-interior .section-title p.subtitle{font-size:25px;}
.section-interior .section-title p.title{font-size:48px;line-height:1.2;margin-top:16px;font-weight:900;transition-delay: 0.2s;}
.section-interior .section-title p.title strong{color:var(--color-highlight);font-weight:900;}
.section-interior .interior-content{max-width:1000px;margin:50px auto 0;transition-delay:0.4s;}
.section-interior .interior-content table{width:100%;border-spacing:8px;table-layout:fixed;}
.section-interior .interior-content table td{min-height: 100px;}
.section-interior .interior-content table td img{width:100%;height:100%;object-fit:cover;display:block;}




.section-earn{position:relative;}
.section-earn .section-bg{position:absolute;width:100%;height:100%;left:0;top:0;}
.section-earn .section-bg img{width:100%;height:100%;object-fit:cover;z-index:1;object-position: top;}
.section-earn .section-content{position:relative;z-index:2;}

.section-earn .section-title p{margin:0;text-align: center;}
.section-earn .section-title p.subtitle{font-size:25px;color:white;}
.section-earn .section-title p.title{font-size:46px;font-weight: bold;color:white;line-height:1.5;}
.section-earn .section-title p.title strong{color:var(--color-highlight);font-weight: bold;}

.earn-graph-content{padding:80px 0;}
.earn-graph-content .section-title p.subtitle.anim{transition-delay:0s;}
.earn-graph-content .section-title p.title.anim{transition-delay:0.2s;}
.earn-graph-content .content-body{position:relative;margin-top:30px;}
.earn-graph-content .content-body .content-body-inner{max-width:1600px;margin:40px auto 0;display:flex;gap:20px;align-items: center;position:relative;z-index:2;}
.earn-graph-content .content-body .line{height:1px;background:#F3CE92;position:absolute;left:0;z-index:1;top:50%;width:30%;opacity:0.5;}

.earn-graph-content .content-body .earn-graph-count{width:20%;}
.earn-graph-content .content-body .earn-graph-chart{width:35%;}
.earn-graph-content .content-body .earn-graph-table{width:45%;}


.earn-graph-content .content-body .earn-graph-count {display:flex;flex-direction:column;gap:60px;}
.earn-graph-content .content-body .earn-graph-count .count-item{}
.earn-graph-content .content-body .earn-graph-count .count-item .count-t{color:white;font-size:20px;}
.earn-graph-content .content-body .earn-graph-count .count-item .count-b{color:white;font-size:28px;margin-top:5px;line-height:1;}
.earn-graph-content .content-body .earn-graph-count .count-item .count-b span{font-size:40px;color:#F3CE92;font-weight: 900;}


.earn-graph-content .content-body .earn-graph-chart{position:relative;}
.earn-graph-content .content-body .earn-graph-chart canvas{width:100%;aspect-ratio:1;}
.earn-graph-content .content-body .earn-graph-chart p.hint{color:white;opacity:0.71;font-size:16px;font-weight: 300;text-align: center;position:absolute;bottom:-20px;left:50%;transform:translate(-50%,100%);}
.earn-graph-content .content-body .earn-graph-chart .earn-graph-centertext{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align: center;color:white;font-size:20px;}
.earn-graph-content .content-body .earn-graph-chart .earn-graph-centertext strong{color:#E7C080;font-size:60px;}
.earn-graph-content .content-body .earn-graph-chart .earn-graph-centertext strong span{font-size:50px;}
.earn-graph-content .content-body .earn-graph-chart .earn-graph-text-container{position:absolute;left:3%;top:3%;width:35%;z-index:3;opacity: 0}
.earn-graph-content .content-body .earn-graph-chart .earn-graph-text-container svg{width:100%;}
.earn-graph-content .content-body .earn-graph-chart .earn-graph-text-container .earn-graph-text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:white;font-size:20px;text-align: center;}
.earn-graph-content .content-body .earn-graph-chart .earn-graph-text-container .earn-graph-text strong{font-size:47px;font-weight: 900;}
.earn-graph-content .content-body .earn-graph-chart .earn-graph-text-container .earn-graph-text strong span{font-size:39px;}
.earn-graph-content .content-body .earn-graph-chart .earn-graph-text-container.anim{opacity: 1;transition:ease-in-out 0.2s all;transition-delay:1s;}


.earn-graph-content .content-body .earn-graph-table table{width:100%;border-collapse: collapse;}
.earn-graph-content .content-body .earn-graph-table table.basic  td{padding:13px 9px;}
.earn-graph-content .content-body .earn-graph-table table.basic tr td:nth-child(2){text-align: right;}
.earn-graph-content .content-body .earn-graph-table table.basic tr td:nth-child(3){text-align: right;}
.earn-graph-content .content-body .earn-graph-table table.basic thead tr td{color:#E7C080;font-size:19px;font-weight: 800;}
.earn-graph-content .content-body .earn-graph-table table.basic tbody tr td{border-top:solid 1px #CCC;font-size:19px;color:white;}

.earn-graph-content .content-body .earn-graph-table table.total{margin-top:10px;}
.earn-graph-content .content-body .earn-graph-table table.total td{background:#6A3210;color:white;padding:14px 0;font-size:23px;text-align:right;font-weight: bold;}
.earn-graph-content .content-body .earn-graph-table table.total td:first-child{padding-left:10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;text-align: left;}
.earn-graph-content .content-body .earn-graph-table table.total td:last-child{padding-right:10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;color:#E7C080;}


.earn-mou-content{margin-top:80px;text-align: center;padding-bottom:80px;}
.earn-mou-content .content-body{margin-top:20px;}
.earn-mou-content .content-body .mou-store{overflow: hidden;}
.earn-mou-content .content-body .mou-store img{display:block;margin:0 auto;max-width:500px;}
.earn-mou-content .content-body .mou-store img.anim{transition-delay:0.3s;}
.earn-mou-content .content-body .mou-box{display:inline-block;border:solid 1px #CCC;background:rgba(0,0,0,0.8);margin-top:-35px;padding:45px 120px;border-radius:20px;position:relative;z-index:2;}
.earn-mou-content .content-body .mou-box .mou-box-imgs{display:flex;align-items:center;justify-content: space-between;gap:40px;margin-bottom:30px;}
.earn-mou-content .content-body .mou-box .mou-box-imgs img{height: 40px;}
.earn-mou-content .content-body .mou-box .mou-box-imgs img:first-child{height:60px;}
.earn-mou-content .content-body .mou-box .mou-box-imgs span{color:white;font-size:40px;}
.earn-mou-content .content-body .mou-box p.hint{color:#666;font-size:16px;text-align: center;margin:0;}


.section-special{position:relative;padding:80px 0;}
.section-special .section-title p{margin:0;text-align: center;}
.section-special .section-title p.subtitle{font-size:25px;}
.section-special .section-title p.title{font-size:55px;}
.section-special .section-title p.title strong{color:var(--color-highlight);}
.section-special .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1;}
.section-special .section-bg img{width:100%;height:100%;object-fit:cover;}
.section-special .section-content{position:relative;z-index: 2;height:600vh;}
.scroll-trigger-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 0;
}

.scroll-trigger {
    flex: 1; /* 5개의 트리거가 100vh를 균등하게 점유 */
    width: 100%;
    pointer-events: none; /* 클릭 방지 */
}
.section-special .section-content-inner{position:sticky;top:130px;}
.section-special .special-content{display: flex;max-width:1300px;margin:40px auto 0;gap:5px;height:60vh;}
.section-special .special-content .special-item{min-width:14%;width:14%;display:flex;flex-direction: column;border-top-left-radius: 8px;border-top-right-radius: 8px;border:solid 4px transparent;transition:ease-in-out 0.4s all;height:100%;}
.section-special .special-content .special-item .title{background:#AAA;color:white;height:46px;line-height:46px;text-align: center;font-size:20px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.section-special .special-content .special-item .content{flex-grow:1;position:relative;height:calc(100% - 46px);overflow:hidden;}
.section-special .special-content .special-item .content .bg{height:100%;position:relative;}
.section-special .special-content .special-item .content .bg .cover{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background: linear-gradient(180deg,rgba(0, 0, 0, 0.28) 40%, rgba(0, 0, 0, 0.89) 91%);}
.section-special .special-content .special-item .content .bg img{width:100%;height: 100%;object-fit:cover;object-position: center;}
.section-special .special-content .special-item .content .info{visibility: hidden;position:absolute;bottom:15px;left:0;width:100%;z-index:3;}
.section-special .special-content .special-item .content .info p {text-align: center;}
.section-special .special-content .special-item .content .info .title{color:white;background: transparent;font-size:20px;text-align: center;white-space: nowrap;}
.section-special .special-content .special-item .content .info .desc{position:relative;overflow:hidden;}
.section-special .special-content .special-item .content .info .desc p {text-align: center;color:white;font-size:18px;white-space: nowrap;font-weight: 400;transform:translateY(110%);transition:ease-in-out 0.4s all;}
.section-special .special-content .special-item .content .info .desc p strong{font-weight: 600;}


.section-special .special-content .special-item.active {width:48%;border:solid 4px #F2C172;}
.section-special .special-content .special-item.active .title{background:#F2C172;color:black;border-radius:0;}
.section-special .special-content .special-item.active .content img{aspect-ratio: 1.2;}
.section-special .special-content .special-item.active .content .info{visibility: visible;}
.section-special .special-content .special-item.active .content .info .title{color:white;background: transparent;}
.section-special .special-content .special-item.active .content .info .desc p{transform:translateY(0%);}




.section-process{position:relative;padding:80px 0;}
.section-process .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.section-process .section-bg img{width:100%;height:100%;object-fit:cover;object-position: bottom;}
.section-process .section-content{position:relative;z-index:2;}
.section-process .section-title p{margin:0;text-align: center;}
.section-process .section-title p.title{font-size:54px;line-height:1.5;}
.section-process .section-title p.title strong{color:var(--color-highlight);}
.section-process .section-title p.subtitle{font-size:25px;}
.section-process .process-content{margin-top:50px;}
.section-process .section-content img{display:block;margin:0 auto;max-width:1400px;}


.section-table{position:relative;padding:80px 0;}
.section-table .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1;}
.section-table .section-bg img{width:100%;height:100%;object-fit:cover;object-position: center;}
.section-table .section-content{position:relative;z-index: 2;}
.section-table .section-title p{margin:0;text-align: center;}
.section-table .section-title p.title{font-size:56px;font-weight: 900;color:white;line-height:1.4;}
.section-table .section-title p.subtitle{font-size:44px;color:#F87515;line-height:1.4;}
.section-table .section-title p.subtitle span{background:black;padding:0 4px;}
.section-table .table-content{max-width:1250px;margin:50px auto 0;}
.section-table .table-content table{width:100%;border-collapse: collapse;}
.section-table .table-content table *{font-family: 'Inter',SansSerif;}
.section-table .table-content table thead th{background:#FDF1E1;text-align: center;padding:12px 0;}
.section-table .table-content table tbody td{background:white;text-align: center;padding:9px 0;border:solid 1px #CCC;}
.section-table .table-content table tbody td:nth-child(1){white-space: nowrap;}
.section-table .table-content table tbody td:nth-child(3){padding-right:24px;}
.section-table .table-content table tbody .total td{background:#F2C172;text-align: center;padding:15px 0;border:0;font-size:20px;font-weight:700;}
.section-table .table-content table tbody .total td:nth-child(2){text-align: right;padding-right:15px;font-size:30px;}
.section-table .table-content table tbody .total td:nth-child(3){color:#444;font-weight: 400;padding-right:0;}

.section-table .table-content table .table-info{position:relative;width:fit-content;white-space: nowrap;display:inline-block;min-width:155px;text-align: right;}
.section-table .table-content table .table-info .highlight{font-size:24px;color:#963C46;font-weight:bold;}
.section-table .table-content table .table-info .accontainer{position:absolute;right:-10px;top:43%;transform:translate(100%,-50%);}
.section-table .table-content table .table-info .accontainer .ac{height:35px;transform: rotate(-12deg);opacity: 0;}
.section-table .table-content table .table-info .accontainer .ac.anim{animation: stampAnimation 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;}
.section-table .table-content table .table-linethrough{position:relative;width:fit-content;white-space: nowrap;display:inline-block;}
.section-table .table-content table .table-linethrough .line-container{position:absolute;top:50%;left:-20%;transform:translate(0%,-50%);width:0px;overflow:hidden;transition:ease-in-out 0.2s all;}
.section-table .table-content table .table-linethrough.anim .line-container{width:145px;}
.section-table .table-content table .table-linethrough  .line{width:145px;white-space: nowrap;}

.section-table .table-content table tbody tr:nth-child(1) .table-linethrough .line-container{}
.section-table .table-content table tbody tr:nth-child(2) .table-linethrough .line-container{transition-delay: 0.2s;}
.section-table .table-content table tbody tr:nth-child(3) .table-linethrough .line-container{transition-delay: 0.4s;}
.section-table .table-content table tbody tr:nth-child(4) .table-linethrough .line-container{transition-delay: 0.6s;}

.section-table .table-content table tbody tr:nth-child(1) .ac{animation-delay:0.1s!important;}
.section-table .table-content table tbody tr:nth-child(2) .ac{animation-delay:0.3s!important;}
.section-table .table-content table tbody tr:nth-child(3) .ac{animation-delay:0.5s!important;}
.section-table .table-content table tbody tr:nth-child(4) .ac{animation-delay:0.7s!important;}

.section-table .table-content .type{text-align: right;padding-right:3px;}
.section-table .table-content .type span{display:inline-block;background:#F2C172;color:#222;height:34px;line-height:34px;padding:0 30px;border-top-left-radius: 2px;border-top-right-radius: 2px;font-size:15px;}
.section-table .table-content p.hint{margin:7px 0 0 0;font-size:14px;color:white;text-align: right;}


.section-table .benefit-content{padding:0 20px;margin-top:40px;}
.section-table .benefit-content .row{display: flex;align-items: center;gap:20px;}
.section-table .benefit-content .row .benefit-item{position: relative;border-radius: 10px;background: transparent;padding: 4px;width:25%;aspect-ratio:16/9;}
.section-table .benefit-content .row .benefit-item:before{
    content: "";
    position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;
    border-radius: 10px;padding: 2px;
    background: linear-gradient(to top, #FFFFFF, #feb47b);
    -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
    mask-composite: exclude;
}
.section-table .benefit-content .row .benefit-item .info{text-align: center;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.section-table .benefit-content .row .benefit-item .info span{font-size:21px;color:#feb47b;}
.section-table .benefit-content .row .benefit-item .info p{margin:10px 0 0 0;font-size:24px;color:white;white-space: nowrap;}
.section-table .benefit-content .row .benefit-item:after{
    content:'';display:none;
    width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 16px solid #ff9640;
    position:absolute;left:50%;bottom:-9px;transform:translate(-50%,100%);
}
.section-table .benefit-content .row .benefit-item.active:after{display:inline-block;}
.section-table .benefit-content .desc{margin-top:25px;}
.section-table .benefit-content .desc .desc-item{display:none;background: #ff9640;height:50px;line-height: 50px;color:#222;font-size:23px;text-align: center;border-radius:16px;}
.section-table .benefit-content .desc .desc-item.active{display:block;}


/* 3. 핵심: 스탬프 @keyframes 애니메이션 */
@keyframes stampAnimation {
    0% {
        /* 하늘에 떠 있는 상태: 크기는 4배, 흐릿하고, 투명함 */
        transform: rotate(-25deg) scale(4);
        opacity: 0;
    }

    70% {
        /* 바닥에 쾅 찍히기 직전: 완전히 선명해지며 빠르게 내려옴 */
        filter: blur(0);
        opacity: 1;
    }

    85% {
        transform: rotate(-12deg) scale(0.95);
    }

    100% {
        /* 최종 위치: 정사이즈로 돌아오며 안정화 */
        transform: rotate(-12deg) scale(1);
        opacity: 1;
    }
}


.section-form-top{position:relative;padding:80px 0;}
.section-form-top .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.section-form-top .section-bg img{width:100%;height:100%;object-fit:cover;object-position: right;}
.section-form-top .section-form-content{position:relative;z-index:2;max-width:1300px;padding:0 20px;margin:0 auto;}
.section-form-top .section-form-content p{margin:0;color:white;text-align: left;}
.section-form-top .section-form-content .subtitle{font-size:26px;}
.section-form-top .section-form-content .title{font-size:80px;line-height:1.4;margin:20px 0 14px 0;}
.section-form-top .section-form-content .desc{font-size:21px;line-height:1.7;}

.section-form-bottom{position:relative;padding:80px ;}
.section-form-bottom .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.section-form-bottom .section-bg img{width:100%;height:100%;object-fit:cover;object-position: right;}
.section-form-bottom .section-form-content .box{
    padding:40px;background:rgba(0,0,0,0.5);
}
.section-form-bottom .section-form-content .box .row{display: flex;max-width: 1300px;margin: 0 auto;}

.section-form-bottom{position:relative;padding:80px 0;}
.section-form-bottom .section-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.section-form-bottom .section-bg img{width:100%;height:100%;object-fit:cover;object-position: right;}
.section-form-bottom .section-form-content{position:relative;z-index:2;}
.section-form-bottom .section-form-content .box{
    padding:40px;background:rgba(0,0,0,0.5);
}
.section-form-bottom .section-form-content .box .row{display: flex;max-width: 1200px;margin: 0 auto;align-items: center;}

.section-form-bottom .section-form-content .box .row-l{padding-left:20px;width:50%;}
.section-form-bottom .section-form-content .box .row-l p {text-align: left;margin:0;color:white;}
.section-form-bottom .section-form-content .box .row-l p.t{font-size:28px;margin-bottom:20px;}
.section-form-bottom .section-form-content .box .row-l p.t span{color:#f2bf70;}
.section-form-bottom .section-form-content .box .row-l p.d{font-size:17px;line-height:1.5;}

.section-form-bottom .section-form-content .box .row-r{padding-right:20px;width:50%;}
.section-form-bottom .section-form-content .form {}
.section-form-bottom .section-form-content .form .row{display:flex;gap:17px;width:100%;}
.section-form-bottom .section-form-content .form .form-row{border-bottom:solid 1px white;padding:10px 0;display:flex;align-items: center;gap:12px;width:100%;}
.section-form-bottom .section-form-content .form .form-row.block{display:block;}
.section-form-bottom .section-form-content .form .form-row.button{border-bottom:0;}
.section-form-bottom .section-form-content .form .form-row .form-row-t{font-size:15px;width:fit-content;color:white;}
.section-form-bottom .section-form-content .form .form-row.block .form-row-t{margin-bottom:8px;}
.section-form-bottom .section-form-content .form .form-row .form-row-t span{color:#f2bf70;}
.section-form-bottom .section-form-content .form .form-row .form-row-b{flex-grow:1;}
.section-form-bottom .section-form-content .form .form-row .form-row-b input[type=text]{width:100%;height:34px;line-height: 34px;border:0;background:transparent;color:white;flex-grow:1;}
.section-form-bottom .section-form-content .form .form-row .form-row-b .radiobox{float:left;margin-right:8px;}
.section-form-bottom .section-form-content .form .form-row.button button{width:100%;height:50px;font-size:17px;color:white;line-height: 50px;border:0;background:#927847;text-align: center;border-radius:6px;}

.section-form-bottom .section-title{margin-top:40px;}
.section-form-bottom .section-title p{text-align: center;margin:0;color:white;}
.section-form-bottom .section-title p.subtitle{font-size:32px;font-weight: 300;}
.section-form-bottom .section-title p.title{font-size:70px;font-weight: 900;}

.radiobox{position:relative;overflow:hidden;display:flex;width:fit-content;align-items: center;gap:5px;}
.radiobox input[type=radio]{width:1px;height:1px;opacity: 0;position:absolute;left:-2px;top:-2px;}
.radiobox input[type=radio] + .radiobox-indicator{display:inline-block;width:20px;height:20px;border-radius: 50%;border:solid 1px #CCC;position:relative;}
.radiobox input[type=radio]:checked + .radiobox-indicator span{width:14px;height:14px;left:2px;top:2px;position:absolute;background:white;border-radius: 50%;}
.radiobox .radiobox-text{color:white;font-size:16px;}

.checkbox{position:relative;overflow:hidden;display:flex;width:fit-content;align-items: center;gap:5px;}
.checkbox input[type=checkbox]{width:1px;height:1px;opacity: 0;position:absolute;left:-2px;top:-2px;}
.checkbox input[type=checkbox] + .indicator{display:inline-block;width:20px;height:20px;border-radius: 50%;border:solid 1px #CCC;position:relative;}
.checkbox input[type=checkbox]:checked + .indicator span{width:6px;height:9px;left:6px;top:3px;display:inline-block;position:absolute;border-bottom:solid 2px white;border-right:solid 2px white;transform:rotate(45deg);}
.checkbox .text{color:white;font-size:16px;}