@charset "utf-8"; /* Info
 ========================================================================== */
/**
 * 1. Writer: Gyuri Son (Weaverloft Corp.)
 * 2. Production Date: 2025-05-08
 * 3. Client: A-ditor
 * 4. Homepage : https://weaverloft.com/
 */

/*========== font ==========*/
@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: url('../fonts/Pretendard-Bold.woff2') format('woff2'), url('../fonts/Pretendard-Bold.woff') format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), url('../fonts/Pretendard-SemiBold.woff') format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: url('../fonts/Pretendard-Medium.woff2') format('woff2'), url('../fonts/Pretendard-Medium.woff') format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: url('../fonts/Pretendard-Regular.woff2') format('woff2'), url('../fonts/Pretendard-Regular.woff') format('woff'); } 

/*========== common ==========*/
html, body { font-size: 16px; color: #282321; line-height: 1.3; -webkit-font-smoothing: antialiased; } 
html, body, * { font-family:'Pretendard', '맑은고딕','Malgun Gothic','돋움',Dotum,Helvetica,Arial,AppleGothic,sans-serif; letter-spacing: -0.025em; -webkit-font-smoothing: antialiased; } 
input[type="checkbox"], input[type="radio"] { opacity: 0; pointer-events: none; position: absolute; z-index: -1; } 
input, select { appearance:none; -webkit-appearance:none; -moz-appearance:none; } 
input, select, textarea, body, code, button { font-family:'Pretendard', '맑은고딕','Malgun Gothic','돋움',Dotum,Helvetica,Arial,AppleGothic,sans-serif !important; -webkit-font-smoothing: antialiased; } 
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } 
picture, figure { display: block; box-sizing: border-box; margin: 0; font-size: 0; } 
dd, dt { display: inline-block; } 
em, img, figure { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; } 
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100% } 
article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block } 
audio, canvas, video { display: inline-block } 
audio:not([controls]) { display: none; height: 0 } 
nav ul, nav ol { list-style: none; } 
ul { padding: 0; } 
li { list-style: none; } 
img { display: block; max-width: 100%; height: auto; border: 0 } 
video, embed, object { max-width: 100% } 
button { background: none; border: none; cursor: pointer; } 
input:focus, select:focus { outline: none; } 
select { cursor: pointer; } 
.hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); } 
body.no-scroll { position: fixed; overflow: hidden; width: 100%; } 
body.no-aos [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; } 

:root { --point-color: #FF6C3E; } 

.main { max-width: 750px; margin: 0 auto; background-color: #f5f5f9; overflow: hidden; z-index: 1; } 
.white-bg { position: relative; z-index: 4; background-color: #fff; } 
.section { font-size: clamp(25px, 6.67vw, 50px); word-break: keep-all; } 
.inner { padding: 0 clamp(16px, 6vw, 45px); } 
.inner-26 { padding: 0 clamp(16px, 3.47vw, 26px); } 
.inner-58 { padding: 0 clamp(16px, 7.73vw, 58px); } 
.inner-82 { padding: 0 clamp(26px, 10.93vw, 82px); } 
.sec-title { font-size: clamp(25px, 6.67vw, 50px); font-weight: 700; text-align: center; } 
.sec-title span { color: var(--point-color); } 
.cta-button { display: block; width: 100%; margin-top: 0.84em; padding: 0.73em; border-radius: 0.57em; background-color: var(--point-color); font-size: clamp(20px, 5.33vw, 40px); color: #fff; font-weight: 700; text-align: center; } 
.cta-button.arrow-btn { display: flex; align-items: center; justify-content: center; gap: 4px; } 
.cta-button.arrow-btn::after { display: inline-block; content: ''; width: 1em; height: 1em; background: url("../images/arrow-right.svg") no-repeat center / cover; }

@media screen and (min-width: 1025px) {
    .main { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
}

.intro-sec { position: relative; background-color: #fff; overflow: hidden; } 
.intro-sec .top-banner { position: relative; z-index: 1; padding-block: 0.82em; background: var(--point-color); font-size: clamp(20px, 5.33vw, 40px); color: #fff; text-align: center; line-height: 1; } 
.intro-sec .top-banner::after { content: ''; display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0.55em 0.23em 0px 0.23em;; border-color: var(--point-color) transparent transparent transparent; } 
.intro-sec .top-banner span { font-weight: 700; } 
.intro-sec .sec-title { position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.44em; padding-top: 2.63em; font-size: clamp(32px, 8.67vw, 65px); font-weight: 700; line-height: 1; } 
.intro-sec .sec-title .first-line { position: relative; z-index: 1; } 
.intro-sec .sec-title .svg-wrapper { position: absolute; top: -9%; width: 74.27vw; max-width: 557px; min-width: 273px; } 
.intro-sec .sec-title .svg-wrapper svg { width: 100%; height: auto; } 
.intro-sec .img-wrapper { position: relative; margin-top: 45px; width: 91.6vw; max-width: 697px; aspect-ratio: 697 / 530; } 
.intro-sec .img-wrapper::before { display: block; content: ''; position: absolute; top: 36%; left: 50%; transform: translateX(-50%); width: 985px; height: 985px; border-radius: 50%; background: linear-gradient(to bottom, #ffbfae 1%, rgba(255, 191, 174, 0.9) 10%, rgba(255, 191, 174, 0.64) 30%, rgba(255, 191, 174, 0.24) 50%); } 
.intro-sec .img-wrapper img { position: relative; } 
.intro-sec .img-wrapper .intro-bg1 { width: 44.93vw; max-width: 337px; } 
.intro-sec .img-wrapper .intro-bg2 { position: absolute; bottom: 0; right: 0; width: 70.4vw; max-width: 528px; } 
.intro-sec .stroy-wrapper { position: relative; margin-top: 3.33em; padding: 3.04em 1.15em 3.27em; background-color: #fff; border-radius: 22px; border: 1px solid #c4c4cc; font-size: clamp(13px, 3.47vw, 26px); color: #6e6e7d; text-align: center; } 
.intro-sec .back-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 28.26%; background-color: #f5f5f9; } 
.intro-sec .stroy-wrapper .label { display: inline-block; position: relative; padding: 0.66em 1.43em; background: var(--point-color); font-size: clamp(18px, 4.27vw, 32px); font-weight: 700; color: #fff; line-height: 1; } 
.intro-sec .stroy-wrapper .label::before { display: block; content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 0; border-style: solid; border-width: 0px 0.81em 0.66em 0px; border-color: transparent #d83d0d transparent transparent; } 
.intro-sec .stroy-wrapper .story-list { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1em; padding-top: 2em; text-align: left; } 
.intro-sec .stroy-wrapper .story-list li { display: flex; align-items: center; gap: 0.96em; width: 100%; padding: 1.27em 1.23em; border-radius: 18px; background: #f5f5f9; } 
.intro-sec .stroy-wrapper .story-list li::before { content: ''; display: inline-block; width: 18.66%; max-width: 100px; aspect-ratio: 1; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.intro-sec .stroy-wrapper .story-list li.story-item1::before { background-image: url("../images/intro-profile1.svg"); }
.intro-sec .stroy-wrapper .story-list li.story-item2::before { background-image: url("../images/intro-profile2.svg"); }
.intro-sec .stroy-wrapper .story-list li.story-item3::before { background-image: url("../images/intro-profile3.svg"); }
.intro-sec .stroy-wrapper .story-list li .item-txt { flex: 1; line-height: 1.53; } 
.intro-sec .stroy-wrapper .story-list li .item-txt span { font-weight: 600; } 

/* svg style */
.intro-bg1 .cls-1 { fill: #ffbe01; } 
.intro-bg1 .cls-2 { fill: #ffdf59; } 
.intro-bg1 .cls-3 { stroke: url(#_무제_그라디언트_2-3); } 
.intro-bg1 .cls-3, .cls-4, .cls-5, .cls-6, .cls-7 { stroke-miterlimit: 10; } 
.intro-bg1 .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 { fill: none; } 
.intro-bg1 .cls-4 { stroke: url(#_무제_그라디언트_2-2); } 
.intro-bg1 .cls-10 { fill: #f5f5f9; } 
.intro-bg1 .cls-11, .cls-12 { fill: #ff6c3e; } 
.intro-bg1 .cls-12 { fill-rule: evenodd; } 
.intro-bg1 .cls-13 { fill: #282321; } 
.intro-bg1 .cls-15 { fill: #ff9a02; } 
.intro-bg1 .cls-5 { stroke: #ff6c3e; stroke-width: 2px; } 
.intro-bg1 .cls-6 { stroke: url(#_무제_그라디언트_2-4); } 
.intro-bg1 .cls-7 { stroke: url(#_무제_그라디언트_2); } 
.intro-bg1 .cls-8 { stroke: #e2e3e7; stroke-linecap: round; stroke-linejoin: round; stroke-width: 10px; } 
.intro-bg1 .cls-16 { fill: url(#_무제_그라디언트_7); clip-path: inset(0 100% 0 0); } 

.floating-btn-wrapper { position: fixed; bottom: 0; z-index: 5; width: 100%; max-width: 524px; visibility: hidden; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.10); transition: opacity 0.3s; } 
.floating-btn-wrapper.hide { visibility: hidden; opacity: 0; } 
.side-floating { position: sticky; top: calc(100vh - 287px); left: 0; height: 401px; margin-left: 33px; }
.side-floating::after { content: ''; position: absolute; top: 34%; right: 50%; width: 160px; height: 88px; background: url('../images/ico-aditor-dashline.svg') no-repeat center bottom / 100% ; }
.side-floating-cont { position: relative; display: flex; justify-content: center; align-items: center; width: 148px; height: 148px; border-radius: 50%; background: #fff; box-shadow: 0 0 20px rgba(255, 108, 62, 0.10); }
.side-floating-cont::after { content: ''; position: absolute; right: 4%; bottom: 0; width: 44px; height: 44px; background: url('../images/ico-aditor-headset.svg') no-repeat center bottom / 100%; }
.side-floating-cont p { font-size: 14px; font-weight:700; text-align: center; line-height: 1.42; }
.top-btn { position: sticky; top: calc(100vh - 201px); left: 0; height: 315px; margin-right: 33px; }
.top-btn .top { display: block; width: 56px; height: 56px; background: #FFEBD7 url('../images/ico-aditor-arrow-orange.svg') 18px center no-repeat; border-radius:50%; text-indent: -9999px; }

@media screen and (max-width: 1024px) {
    .floating-btn-wrapper { left: 50%; transform: translateX(-50%);  bottom: 30px; max-width: 750px; background: none; box-shadow: none; }
}
    
.rolling-sec { position: relative; padding-block: 1.93em 2.10em; background: linear-gradient(to bottom, #f5f5f9 50%, #fe9270 130%); } 
.rolling-sec::before, .rolling-sec::after { display: block; content: ''; position: absolute; left: 50%; height: auto; transform: translateX(-50%); } 
.rolling-sec::before { top: 42%; z-index: 2; width: 109.1%; max-width: 818px; aspect-ratio: 818 / 106; background: url("../images/rolling-bg-coin1.png") no-repeat center / cover; animation: floatCoin 1.8s ease-in-out infinite; -webkit-animation: floatCoin 1.8s ease-in-out infinite; }
.rolling-sec::after { bottom: 20%; width: 95.4%; max-width: 715px; aspect-ratio: 715 / 228; background: url("../images/rolling-bg-coin2.png") no-repeat center / cover; animation: floatCoin 2s ease-in-out infinite; -webkit-animation: floatCoin 2s ease-in-out infinite; }
.rolling-sec .inner::before { display: block; content: ''; position: absolute; right: 0; bottom: -2%; z-index: 2; width: 40.2%; max-width: 301px; height: auto; aspect-ratio: 301 / 189; background: url("../images/rolling-bg-coin3.png") no-repeat center / cover; }

@keyframes floatCoin { 
    0%, 100% { transform: translateX(-50%) translateY(0); } 
    50% { transform: translateX(-50%) translateY(-10%); } 
 }

.rolling-sec .sec-title { padding-bottom: 14px; } 
.rolling-sec .rolling-swiper { aspect-ratio: 1; } 
.rolling-sec .rolling-swiper .swiper-wrapper { transform-style: unset; } 
.rolling-sec .rolling-swiper .swiper-slide { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; height: 165px; margin: 0 auto; padding: 1.31em 3.08em 1.31em 1.96em; border-radius: 18px; background-color: #F0EFF4; font-size: clamp(13px, 3.47vw, 26px);; color: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); transition: 0.3s; will-change: z-index; } 
.rolling-sec .rolling-swiper .swiper-slide.swiper-slide-active { background-color: var(--point-color); color: #fff; z-index: 10 !important; } 
.rolling-sec .rolling-swiper .swiper-slide.swiper-slide-next { z-index: 9 !important; } 
.rolling-sec .rolling-swiper .swiper-slide.swiper-slide-prev { opacity: 0 !important; } 
.rolling-sec .rolling-swiper .swiper-slide:not(.swiper-slide-visible) { opacity: 0 !important; } 
.rolling-sec .rolling-swiper .swiper-slide .left-area { display: flex; align-items: center; gap: 1.35em; } 
.rolling-sec .rolling-swiper .swiper-slide .left-area::before { content: ''; display: inline-block; width: 12.93vw; max-width: 97px; aspect-ratio: 1; background-repeat: no-repeat; background-position: top; background-size: cover; } 
.rolling-sec .rolling-swiper .swiper-slide.slide-item1 .left-area::before { background-image: url("../images/rolling-profile1.svg"); }
.rolling-sec .rolling-swiper .swiper-slide.slide-item2 .left-area::before { background-image: url("../images/rolling-profile2.svg"); }
.rolling-sec .rolling-swiper .swiper-slide.slide-item3 .left-area::before { background-image: url("../images/rolling-profile3.svg"); }
.rolling-sec .rolling-swiper .swiper-slide.slide-item4 .left-area::before { background-image: url("../images/rolling-profile4.svg"); }
.rolling-sec .rolling-swiper .swiper-slide.slide-item5 .left-area::before { background-image: url("../images/rolling-profile1.svg"); }
.rolling-sec .rolling-swiper .swiper-slide.slide-item6 .left-area::before { background-image: url("../images/rolling-profile2.svg"); }
.rolling-sec .rolling-swiper .swiper-slide .left-area span { display: block; line-height: 1; } 
.rolling-sec .rolling-swiper .swiper-slide .left-area span:first-child { font-size: clamp(12px, 2.67vw, 20px); } 
.rolling-sec .rolling-swiper .swiper-slide .left-area span.name { padding-top: 0.62em; font-weight: 600; } 
.rolling-sec .rolling-swiper .swiper-slide .right-area { font-size: clamp(16px, 4.4vw, 33px); } 
.rolling-sec .rolling-swiper .swiper-slide .right-area strong { font-size: clamp(28px, 7.47vw, 56px); } 
.rolling-sec .bottom-txt { display: block; opacity: 0.7; padding-bottom: 0.59em; font-size: clamp(11px, 2.27vw, 17px); font-weight: 500; color: #fff; text-align: center; } 

.myshop-sec { padding-top: 3.03em; } 
.myshop-sec .sec-title { padding-bottom: 1.54em; } 
.myshop-sec .myshop-swiper { aspect-ratio: 750 / 603; overflow: visible; } 
.myshop-sec .myshop-swiper .swiper-scrollbar { top: -4.9%; left: 50%; bottom: auto; width: 27.6vw; max-width: 207px; height: 1.5px; background: #D8D8D8; transform: translateX(-50%); } 
.myshop-sec .myshop-swiper .swiper-scrollbar-drag { background: #494949; } 
.myshop-sec .myshop-swiper .swiper-wrapper { margin-top: 0.65em; margin-left: 2.07em; } 
.myshop-sec .myshop-swiper .swiper-wrapper .swiper-slide { display: flex; position: absolute; top: 0; left: 0; opacity: 0 !important; } 
.myshop-sec .myshop-swiper .swiper-wrapper .swiper-slide.swiper-slide-active { opacity: 1 !important; } 

.editor-sec { padding-bottom: 1.98em; } 
.editor-sec .sec-title { position: relative; padding: 0.94em 1.28em 1.65em; color: #fff; line-height: 1; } 
.editor-sec .sec-title::before { display: block; content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 1px); aspect-ratio: 750 / 302; background: url("../images/editor-bg.png") no-repeat center / cover; }
.editor-sec .sec-title .first-line { display: flex; justify-content: space-between; align-items: flex-end; position: relative; font-weight: 500; color: #fff; } 
.editor-sec .sec-title .number-wrapper { display: flex; gap: 4px; align-items: flex-end; color: #fff; } 
.editor-sec .sec-title .number-wrapper .number { display: flex; justify-content: center; align-items: center; position: relative; width: 1.20em; aspect-ratio: 77 / 100; background-color: #fff; border-radius: clamp(6px, 2.13vw, 16px); overflow: hidden; font-size: clamp(28px, 8.53vw, 64px); font-weight: 700; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } 
.editor-sec .sec-title .number-wrapper .rolling-num { display: flex; flex-direction: column; position: absolute; line-height: 1.56em; } 
.editor-sec .sec-title .number-wrapper .rolling-num.up { top: 0; transform: translateY(0); } 
.editor-sec .sec-title .number-wrapper .rolling-num.down { top: 100%; transform: translateY(-100%); } 
.editor-sec .sec-title .second-line { display: block; position: relative; padding-top: 0.44em; color: #fff; } 
.editor-sec .editor-list { display: flex; flex-direction: column; gap: 1.32em; padding-top: 1.54em; font-size: clamp(13px, 3.47vw, 26px); } 
.editor-sec .editor-list .editor-item { display: flex; align-items: flex-start; gap: 1em; padding: 1.23em 1.69em 1.23em 1.23em; background-color: #fff; border-radius: 23px; } 
.editor-sec .editor-list .editor-item .img-wrapper { width: 18.01%; aspect-ratio: 1; } 
.editor-sec .editor-list .editor-item .img-wrapper img { width: 100%; height: 100%; object-fit: cover; } 
.editor-sec .editor-list .editor-item .item-content { flex: 1; } 
.editor-sec .editor-list .editor-item .item-title { display: flex; align-items: center; gap: 0.54em; padding-bottom: 1em; line-height: 1; } 
.editor-sec .editor-list .editor-item .item-title .editor-name { font-size: clamp(16px, 4vw, 30px); font-weight: 600; } 
.editor-sec .editor-list .editor-item .item-title .editor-id { display: inline-block; padding: 0.23em 0.55em; background: #f5f5f9; border-radius: 15px; font-size: clamp(12px, 3.54vw, 22px); color: #6e6e7d; } 
.editor-sec .editor-list .editor-item p { color: #575760; line-height: 1.5; } 
.editor-sec .editor-list .editor-item p span { background-color: rgba(254, 146, 112, 0.3); font-weight: 700; color: #282321; } 

.share-sec { padding-top: 3.96em; } 
.share-sec .sec-title .sub-title { font-size: clamp(18px, 4.27vw, 32px); font-weight: 500; color: #6e6e7d; } 
.share-sec .marquee-wrapper { display: flex; flex-direction: column; gap: 0.80em; width: fit-content; padding-top: 1.44em; } 
.share-sec .marquee-wrapper .marquee-item { display: flex; align-items: center; } 
.share-sec .marquee-wrapper .marquee-item.marquee-item1, .share-sec .marquee-wrapper .marquee-item.marquee-item3 { animation: marqueeLeft 30s infinite linear; -webkit-animation: marqueeLeft 30s infinite linear; } 
.share-sec .marquee-wrapper .marquee-item.marquee-item2, .share-sec .marquee-wrapper .marquee-item.marquee-item4 { animation: marqueeRight 30s infinite linear; -webkit-animation: marqueeRight 30s infinite linear; } 
.share-sec .marquee-wrapper .marquee-item1 .img-wrapper, .share-sec .marquee-wrapper .marquee-item4 .img-wrapper { width: 143.07vw; max-width: 1073px; aspect-ratio: 1073 / 110; } 
.share-sec .marquee-wrapper .marquee-item2 .img-wrapper, .share-sec .marquee-wrapper .marquee-item3 .img-wrapper { width: 160.8vw; max-width: 1206px; aspect-ratio: 1206 / 110; } 
.share-sec .marquee-wrapper .marquee-item .img-wrapper img { width: 100%; height: 100%; object-fit: cover; } 

@keyframes marqueeLeft { 
 0% { transform: translateX(0); } 
 100% { transform: translateX(-50%); } 
 }
@keyframes marqueeRight { 
 0% { transform: translateX(-50%); } 
 100% { transform: translateX(0%); } 
 }

.cs-section { padding-top: 3.21em; } 
.cs-section .cs-list { display: flex; flex-direction: column; gap: 3.02em; font-size: clamp(13px, 3.33vw, 25px); } 
.cs-section .cs-list.inner { padding: 3.40em 5.32em 3.68em; } 
.cs-section .cs-list .cs-item { display: flex; align-items: center; position: relative; } 
.cs-section .cs-list .cs-item:not(:first-child)::after { display: block; content: ''; position: absolute; top: -25%; left: 0; width: 100%; height: 1px; background: #D3D3D3; } 
.cs-section .cs-list .step { font-size: clamp(25px, 6.67vw, 50px); font-weight: 500; color: #6E6E7D; } 
.cs-section .cs-list .img-wrapper { width: 18.4vw; max-width: 138px; aspect-ratio: 1; margin-left: 1.87em; } 
.cs-section .cs-list .cs-desc { flex: 1; margin-left: 2.10em; color: #474756; line-height: 1.44; } 
.cs-section .cs-list .cs-desc strong { display: block; font-size: clamp(15px, 4vw, 30px); font-weight: 700; } 
.cs-section .cs-bottom { display: flex; align-items: center; justify-content: center; gap: 1.31em; padding-block: 2.16em 1.82em; background: url("../images/cs-bg.png") no-repeat center / cover; font-size: clamp(18px, 5.2vw, 39px); font-weight: 700; line-height: 1.43; }
.cs-section .cs-bottom .cs-desc span { color: var(--point-color); } 
.cs-section .cs-bottom .img-wrapper { width: 25.87vw; max-width: 194px; aspect-ratio: 1; } 

.income-sec { padding-top: 2.92em; } 
.income-sec .sec-title .sub-title { font-size: clamp(18px, 4.27vw, 32px); font-weight: 500; color: #6e6e7d; } 
.income-sec .income-content-wrapper { display: flex; gap: 1.44em; padding-top: 2.67em; font-size: clamp(14px, 3.73vw, 28px); } 
.income-sec .income-content-wrapper .income-line { width: 4.53vw; max-width: 34px; aspect-ratio: 34 / 800; } 
.income-sec .income-content-wrapper .income-content { flex: 1; } 
.income-sec .income-list { display: flex; flex-direction: column; gap: 1.14em; } 
.income-sec .income-list .income-item { display: flex; align-items: center; gap: 0.75em; padding: 0.95em 1.43em; background: #fff; border-radius: 15px; line-height: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } 
.income-sec .income-list .income-item .left-area { width: 21.07vw; max-width: 158px; aspect-ratio: 1; } 
.income-sec .income-list .income-item .right-area .label { display: inline-block; padding: 0.2em 0.46em; border-radius: 3px; background-color: var(--point-color); font-size: clamp(11px, 2.67vw, 20px); color: #fff; } 
.income-sec .income-list .income-item .right-area .prd-name { display: block; padding-top: 0.27em; font-weight: 700; color: #474756; } 
.income-sec .income-list .income-item .right-area .prd-price { display: block; padding-top: 0.66em; color: #6E6E7D; } 
.income-sec .income-list .income-summary { display: flex; flex-direction: column; align-items: flex-start; position: relative; } 
.income-sec .income-list .income-summary::after { display: block; content: ''; position: absolute; bottom: -51.5%; right: 10.3%; width: 9.6vw; max-width: 72px; aspect-ratio: 72 / 129; background: url("../images/income-arrow.svg") no-repeat center / cover; }
.income-sec .income-list .income-summary .summary-txt { color: #474756; font-weight: 700; } 
.income-sec .income-list .income-summary .summary-price { display: flex; justify-content: space-between; position: relative; width: 100%; padding-top: 0.94em; border-top: 1px solid #E8E8E8; color: #474756; } 
.income-sec .income-list .income-summary .summary-price strong { font-weight: 700; color: var(--point-color); } 
.income-sec .income-commission { position: relative; margin-top: 3.26em; padding-block: 1.25em; border-radius: 15px; background: var(--point-color); font-size: clamp(14px, 3.73vw, 28px); color: #fff; font-weight: 700; text-align: center; line-height: 1; } 
.income-sec .income-commission::after { display: block; content: ''; position: absolute; bottom: -7.4%; right: -2.9%; width: 21.6vw; max-width: 162px; aspect-ratio: 162 / 135; background: url("../images/money-bag.svg") no-repeat center / cover; }
.income-sec .income-commission .commission-txt { display: block; } 
.income-sec .income-commission .commission-price { display: block; padding-top: 0.34em; font-size: clamp(22px, 6vw, 45px); } 
.income-sec .commission-note { padding-top: 0.84em; font-size: clamp(12px, 2.13vw, 16px); color: #A8A8BA; } 

.benefit-sec { padding-top: 1.86em; } 
.benefit-sec .benefit-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1em 0.75em; padding: 2.89em 3.96em 4.25em; font-size: clamp(12px, 3.73vw, 28px); } 
.benefit-sec .benefit-list li { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: relative; aspect-ratio: 1; padding: 2.32em 0 1.27em; background: #fff; border-radius: 1.43em; overflow: hidden; color: #474756; font-weight: 700; } 
.benefit-sec .benefit-list li::before { display: flex; align-items: flex-end; justify-content: center; position: absolute; top: -1.43em; left: 50%; width: 2.86em; aspect-ratio: 1; background: #464656; border-radius: 50%; color: #fff; transform: translateX(-50%); font-size: clamp(11px, 2.8vw, 21px); font-weight: 500; } 
.benefit-sec .benefit-list li.benefit-item1::before { content: '01'; } 
.benefit-sec .benefit-list li.benefit-item2::before { content: '02'; } 
.benefit-sec .benefit-list li.benefit-item3::before { content: '03'; } 
.benefit-sec .benefit-list li.benefit-item4::before { content: '04'; } 
.benefit-sec .benefit-list li.benefit-item .img-wrapper { height: auto; } 
.benefit-sec .benefit-list li.benefit-item1 .img-wrapper { width: 10.27vw; max-width: 77px; } 
.benefit-sec .benefit-list li.benefit-item2 .img-wrapper { width: 10.8vw; max-width: 81px; } 
.benefit-sec .benefit-list li.benefit-item3 .img-wrapper { width: 11.87vw; max-width: 89px; } 
.benefit-sec .benefit-list li.benefit-item4 .img-wrapper { width: 14.27vw; max-width: 107px; } 
.benefit-sec .benefit-list li span { display: block; padding-top: 0.83em; } 

.interview-sec .sec-title { padding-block: 0.87em; background: #282321; border-radius: 0.96em 0.96em 0 0; font-size: clamp(16px, 3.2vw, 24px); color: #fff; } 
.interview-sec .sec-title span { font-size: clamp(14px, 3.73vw, 28px); font-weight: 700; color: #fff; } 
.interview-sec .sec-title img { width: 29.9%; max-width: 224px; min-width: 147px; aspect-ratio: 224 / 20; margin: 0 auto; }
.interview-sec .video-area { width: 100%; aspect-ratio: 16 / 9; margin-top: -1px; } 
.interview-sec .video-area iframe { display: block; width: 100%; height: 100%; border: none; } 

.guide-sec { padding-top: 2.64em; } 
.guide-sec .guide-list { display: flex; flex-direction: column; gap: 3.21em; position: relative; padding: 2.79em 1.14em 3.18em 2.82em; font-size: clamp(14px, 3.73vw, 28px); } 
.guide-sec .guide-list::before { content: ''; display: block; position: absolute; top: 12%; left: 24%; width: 0.46em; height: 100%; background: url("../images/guide-arrow.svg") no-repeat center / contain; }
.guide-sec .guide-list .guide-item { display: flex; align-items: center; gap: 2.14em; position: relative; } 
.guide-sec .guide-list .guide-item::before { display: block; content: ''; width: 29.05%; max-width: 138px; aspect-ratio: 1; border-radius: 50%; background-color: #f5f5f9; background-repeat: no-repeat; background-position: center; } 
.guide-sec .guide-list .guide-item1::before { background-image: url("../images/guide-icon1.svg"); background-size: 58.7% 55.07%; }
.guide-sec .guide-list .guide-item2::before { background-image: url("../images/benefit-icon4.svg"); background-size: 64.49% 47.83%; }
.guide-sec .guide-list .guide-item3::before { background-image: url("../images/benefit-icon2.svg"); background-size: 47.1% 52.9%; }
.guide-sec .guide-list .guide-item .item-content { flex: 1; } 
.guide-sec .guide-list .guide-item .item-content .label { padding: 0.14em 0.62em; border-radius: 20px; background-color: var(--point-color); font-size: clamp(11px, 2.8vw, 21px); color: #fff; } 
.guide-sec .guide-list .guide-item .item-content p { padding-top: 0.43em; font-weight: 700; color: #474756; } 
.guide-sec .guide-list .guide-item .item-content p span { display: block; font-size: clamp(10px, 2.67vw, 20px); font-weight: 400; color: #898989; } 
.guide-sec .guide-goal-area { position: relative; } 
.guide-sec .guide-goal-area .label { position: absolute; top: -40.4%; right: 14.2%; display: block; padding: 0.15em 1.05em 0.3em; border-radius: 15px; background-color: var(--point-color); font-size: clamp(11px, 2.8vw, 21px); font-weight: 500; color: #fff; line-height: 1; animation: floatAnimation 6s ease-in-out infinite; -webkit-animation: floatAnimation 6s ease-in-out infinite; } 
.guide-sec .guide-goal-area .label::before { content: ''; display: block; position: absolute; top: 95%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0.39em 0.33em 0px 0.33em; border-color: var(--point-color) transparent transparent transparent; } 
.guide-sec .guide-goal-area .img-wrapper { position: absolute; top: -59%; right: 2.4%; width: 9.9%; max-width: 58px; aspect-ratio: 58 / 86; } 
.guide-sec .guide-goal-area .guide-goal { display: flex; justify-content: center; align-items: center; position: relative; padding: 0.95em; border: 2px solid var(--point-color); border-radius: 0.86em; background-color: #fff1ee; font-size: clamp(18px, 4.67vw, 35px); text-align: center; } 
.guide-sec .guide-goal-area .guide-goal span { font-weight: 700; color: var(--point-color); } 

@keyframes floatAnimation { 0%, 100% { transform: translateY(0); } 
 10%, 30%, 50%, 70%, 90% { transform: translateY(-3px); } 
 20%, 40%, 60%, 80% { transform: translateY(3px); } 
 }

.cta-sec .section-content { position: relative; } 
.cta-sec .section-content .sec-title { position: absolute; top: 0; left: 0; width: 100%; padding-top: 2em; font-size: clamp(15px, 4vw, 30px); font-weight: 500; } 
.cta-sec .section-content .sec-title span { font-size: clamp(20px, 5.33vw, 40px); font-weight: 700; } 
.cta-sec .section-content .img-wrapper { aspect-ratio: 585 / 550; } 
.cta-sec .section-content .img-wrapper img { width: 100%; height: 100%; } 

.lifestyle-sec { padding-top: 3.02em; } 

.njob-sec { position: relative; z-index: 2; padding-top: 1.98em; } 
.njob-sec .section-content .sec-title { padding-top: 1.07em; } 

.b-adiotr-sec { position: relative; padding-block: 5.66em 3.28em; } 
.b-adiotr-sec .sec-title { position: relative; z-index: 1; width: 100%; padding: 0 1.70em; } 
.b-adiotr-sec .img-wrapper { position: relative; } 
.b-adiotr-sec .img-wrapper .ribbon1 { position: absolute; top: -84%; left: -2%; width: 162.54%; max-width: 1219px; aspect-ratio: 1219 / 326; } 
.b-adiotr-sec .img-wrapper .invitation { position: relative; z-index: 2; width: 61.47%; max-width: 461px; aspect-ratio: 461 / 467; margin-left: auto; margin-right: auto; margin-top: 2.48em; } 
.b-adiotr-sec .img-wrapper .adit-shop-text { position: absolute; z-index: 3; top: 25%; left: 50%; width: 34%; max-width: 255px; aspect-ratio: 255.83 / 108.92; overflow: visible; transform: translateX(-50%); } 
.b-adiotr-sec .img-wrapper .confetti { position: absolute; z-index: 1; top: -15%; left: 50%; width: 71.9%; max-width: 539px; overflow: visible; aspect-ratio: 539 / 191; transform: translateX(-50%); }
.b-adiotr-sec .img-wrapper .ribbon2 { position: absolute; z-index: 3; right: -3%; top: 54%; width: 167.2%; max-width: 1254px; aspect-ratio: 1254 / 323; } 
.b-adiotr-sec .bottom-txt { padding-top: 3.45em; font-size: clamp(16px, 4.27vw, 32px); font-weight: 500; text-align: center; line-height: 1.34; } 

/* confetti */
.confetti .cls-1 { stroke-width: 7px; } 
.confetti .cls-1, .confetti .cls-2 { fill-rule: evenodd; stroke-miterlimit: 10; } 
.confetti .cls-1, .confetti .cls-2, .confetti .cls-3 { fill: none; stroke: #fe9270; } 
.confetti .cls-2 { stroke-width: 3px; } 
.confetti .cls-3 { stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; } 

@media screen and (max-width: 524px){
 .rolling-sec .rolling-swiper { aspect-ratio: 1 / 0.8; } 
 }

@media screen and (max-width: 390px){
 .cs-section .cs-list.inner { padding-inline: 12.8vw; } 
 }

@media screen and (max-width: 375px){
 .intro-sec .stroy-wrapper .story-list li .item-txt br { display: none; } 
 .editor-sec .sec-title { padding-inline: 16px; } 
 .editor-sec .sec-title .first-line { justify-content: center; gap: 6px; } 
 }

/* 팝업 공통 */
.popup { display: none; position: fixed; padding: 0 clamp(16px, 4vw, 30px); overflow: hidden; background: #fff; word-break: keep-all; } 
.popup.open { display: block; } 
.popup-dim { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; background: rgba(0, 0, 0, 0.5); z-index: 10; transition: opacity 0.3s; } 
.popup-dim.open { visibility: visible; opacity: 1; } 

/* 상담신청 팝업 */
.consult-popup { top: 0; left: 50%; flex-direction: column; width: 100%; max-width: 750px; height: 100%; z-index: 11; transform: translateX(-50%); } 
.consult-popup .popup-inner { display: flex; flex-direction: column; height: 100%; overflow-y: auto; } 
.consult-popup .popup-inner::-webkit-scrollbar { display: none; } 
.consult-popup .form-title { display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 1; padding-top: clamp(20px, 4vw, 30px); padding-bottom: 20px; background: #fff; } 
.consult-popup .form-title h2 { font-size: clamp(16px, 2.67vw, 20px); font-weight: 700; } 
.consult-popup .form-sub-title { padding-bottom: 1.78em; font-size: clamp(14px, 2.4vw, 18px); font-weight: 500; color: #6e6e7d; } 
.consult-popup .form-sub-title strong { font-size: clamp(18px, 3.47vw, 26px); font-weight: 700; color: #282321; } 
.consult-popup .close-popup { width: 24px; height: 24px; background: url("../images/delete.svg") no-repeat center / cover; font-size: 0; }
.consult-popup .form-content { flex: 1; display: flex; flex-direction: column; font-size: clamp(14px, 2.13vw, 16px); } 
.consult-popup .form-group { margin-bottom: 1em; max-width: 100%; margin-left: auto; margin-right: auto; } 
.consult-popup .form-group label { display: block; font-weight: 700; margin-bottom: 6px; } 
.consult-popup .form-group label.essential::after { content: '*'; color: var(--point-color); margin-left: 4px; } 
.consult-popup .form-group input, .consult-popup .form-group select { width: 100%; padding: 1.13em 0.75em; border: none; background-color: #f5f5f9; border-radius: 8px; font-size: clamp(14px, 2.13vw, 16px); color: #282321; } 
.consult-popup .select-wrap { display: flex; gap: 0.63em; position: relative; } 
.consult-popup .select-wrap .select-item { flex: 1; } 
.consult-popup .select-item { position: relative; } 
.consult-popup .select-item::before { display: block; content: ''; position: absolute; top: 50%; right: 12px; width: 16px; height: 16px; background: url("../images/arrow-right-grey.svg") no-repeat center / cover; transform: translateY(-50%) rotate(90deg); }
.consult-popup .agreement { max-width: 100%; margin-top: 2em; font-size: clamp(14px, 2.13vw, 16px); font-weight: 500; } 
.consult-popup .agreement .agreement-guide { margin-bottom: 1.5em; } 
.consult-popup .agreement .agreement-guide strong { font-weight: 700; } 
.consult-popup .agreement .agreement-guide .agreement-popup-list { margin-top: 1em; padding: 1.29em 0.86em; background-color: #f5f5f9; font-weight: 400; } 
.consult-popup .agreement .all-agreement { display: flex; align-items: center; cursor: pointer; } 
.consult-popup .agreement .all-agreement::before { display: inline-block; content: ''; width: 16px; height: 16px; margin-right: 8px; background: url("../images/chk-off.svg") no-repeat center / contain; }
.consult-popup .agreement .all-chk:checked + label::before { background-image: url("../images/chk-on.svg"); }
.consult-popup .agreement .agreement-desc { padding-top: 6px; padding-left: 22px; font-size: 12px; color: #6e6e7d; font-weight: 400; } 
.consult-popup .agreement-list { display: flex; flex-direction: column; margin-top: 0.75em; padding-top: 0.75em; border-top: 1px solid #E8E8E8; } 
.consult-popup .agreement-list li { display: flex; align-items: center; justify-content: space-between; } 
.consult-popup .agreement-list li label { display: flex; align-items: center; cursor: pointer; padding-block: 6px; } 
.consult-popup .agreement-list li label::before { display: inline-block; content: ''; width: 16px; height: 16px; margin-right: 8px; background: url("../images/chk-off.svg") no-repeat center / contain; }
.consult-popup .agreement-list li .agreement-chk:checked ~ label::before { background-image: url("../images/chk-on.svg"); }
.consult-popup .agreement-list .open-popup { display: flex; align-items: center; justify-content: flex-end; padding: 6px; } 
.consult-popup .agreement-list .open-popup::after { content: ''; display: inline-block; width: 16px; height: 16px; background: url("../images/arrow-right-grey.svg") no-repeat center / cover; }
.consult-popup .button-wrapper { display: flex; flex-direction: column; justify-content: flex-end; position: sticky; bottom: 0; height: 100%; padding-bottom: clamp(20px, 4vw, 30px); background-color: #fff; } 
.consult-popup .bottom-txt { padding-top: 1.91em; font-size: clamp(16px, 2.93vw, 22px); font-weight: 600; text-align: center; } 
.consult-popup .submit-btn { display: block; width: 100%; max-width: 100%; margin-top: 0.92em; padding: 0.92em; background-color: var(--point-color); color: #fff; font-size: clamp(18px, 3.47vw, 26px); font-weight: 700; text-align: center; border: none; border-radius: 0.62em; } 
.consult-popup .submit-btn:disabled, .consult-popup .submit-btn.disabled { opacity: 0.7; cursor: default; } 

/* 개인정보 동의 팝업 */
.agreement-popup { top: 50%; left: 50%; width: calc(100% - 32px); max-width: 400px; padding-block: clamp(20px, 4vw, 30px); border-radius: 10px; z-index: 12; transform: translate(-50%, -50%); } 
.agreement-popup strong { display: block; width: 100%; font-size: clamp(16px, 2.4vw, 18px); } 
.agreement-popup-list { display: flex; flex-direction: column; gap: 8px; margin-top: 1.43em; font-size: clamp(12px, 1.87vw, 14px); } 
.agreement-popup-list li { padding-left: 12px; } 
.agreement-popup-list li::before { display: inline-block; content: '•'; margin-left: -12px; margin-right: 6px; } 
.agreement-popup-list li span { font-weight: 700; text-decoration: underline; }
.agreement-popup p { padding-top: 12px; padding-left: 12px; font-size: clamp(11px, 1.6vw, 12px); color: #6e6e7d; } 
.agreement-popup p::before { display: inline-block; content: '*'; margin-left: -12px; margin-right: 6px; } 
.agreement-popup .radio-wrap { display: flex; gap: 12px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #E8E8E8; } 
.agreement-popup .radio-wrap label { display: flex; align-items: center; font-size: clamp(12px, 1.87vw, 14px); font-weight: 500; color: #6e6e7d; cursor: pointer; } 
.agreement-popup .radio-wrap label::before { display: inline-block; content: ''; width: 16px; height: 16px; margin-right: 8px; background: url("../images/chk-off.svg") no-repeat center / contain; }
.agreement-popup .radio-wrap input[type="radio"]:checked + label::before { background-image: url("../images/chk-on.svg"); }
.agreement-popup .close-popup { position: absolute; top: clamp(16px, 2.67vw, 20px); right: clamp(16px, 2.67vw, 20px); width: 24px; height: 24px; background: url("../images/delete.svg") no-repeat center / cover; font-size: 0; }

/* 신청 완료 팝업 */
.complete-popup { top: 50%; left: 50%; width: calc(100% - 32px); max-width: 400px; padding-block: clamp(40px, 6.67vw, 50px) clamp(30px, 5.33vw, 40px); border-radius: 10px; z-index: 12; transform: translate(-50%, -50%); }
.complete-popup .popup-title::before { content: ''; display: block; width: clamp(50px, 8vw, 60px); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; border: 3px solid var(--point-color); background: url("../images/chk-on.svg") no-repeat center / clamp(24px, 3.73vw, 28px); background-color: #fff; }
.complete-popup .popup-title strong { display: block; padding-top: 1em; font-size: clamp(22px, 3.73vw, 28px); font-weight: 700; text-align: center; }
.complete-popup .popup-body p { padding-top: 1.60em; font-size: clamp(16px, 2.67vw, 20px); text-align: center; line-height: 1.4; }
.complete-popup .popup-body .btn-wrapper button { display: block; width: 100%; max-width: 100%; margin-top: 2.05em; padding: 0.82em; background-color: var(--point-color); color: #fff; font-size: clamp(18px, 2.93vw, 22px); font-weight: 700; text-align: center; border: none; border-radius: 0.55em; }
.complete-popup .close-popup { position: absolute; top: clamp(16px, 2.67vw, 20px); right: clamp(16px, 2.67vw, 20px); width: 24px; height: 24px; background: url("../images/delete.svg") no-repeat center / cover; font-size: 0; }

/* 알림 메시지 확인 팝업 */
.alert-popup { top: 50%; left: 50%; width: calc(100% - 32px); max-width: 400px; padding-block: clamp(40px, 6.67vw, 50px) clamp(30px, 5.33vw, 40px); border-radius: 10px; z-index: 12; transform: translate(-50%, -50%); }
.alert-popup .popup-title::before { content: ''; display: block; width: clamp(50px, 8vw, 60px); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; border: 3px solid var(--point-color); background: url("../images/chk-on.svg") no-repeat center / clamp(24px, 3.73vw, 28px); background-color: #fff; }
.alert-popup .popup-title strong { display: block; padding-top: 1em; font-size: clamp(22px, 3.73vw, 28px); font-weight: 700; text-align: center; }
.alert-popup .popup-body p { padding-top: 1.60em; font-size: clamp(16px, 2.67vw, 20px); text-align: center; line-height: 1.4; }
.alert-popup .popup-body .btn-wrapper button { display: block; width: 100%; max-width: 100%; margin-top: 2.05em; padding: 0.82em; background-color: var(--point-color); color: #fff; font-size: clamp(18px, 2.93vw, 22px); font-weight: 700; text-align: center; border: none; border-radius: 0.55em; }
.alert-popup .close-popup { position: absolute; top: clamp(16px, 2.67vw, 20px); right: clamp(16px, 2.67vw, 20px); width: 24px; height: 24px; background: url("../images/delete.svg") no-repeat center / cover; font-size: 0; }

@media screen and (max-width: 750px) {
    .consult-popup { left: 0; transform: none; }
}

/* 인선 css 영역 */
/* min-width */
@media screen  and (min-width: 751px){
    .wrapper {position: relative; display: flex; justify-content: center;}
    .wrapper::before {content: ''; position: fixed; top: 0; left: 0; z-index: -1; width: 100vw; height: 100%; background: url('../images/aditor-pc-bg.jpg')no-repeat center bottom / cover; }
}
@media screen and (min-width: 1025px) {
    .cta-button {margin-bottom: 0.84em;}
   
    .side-area { position: sticky; left: 0; top: 19.7%; height: 100vh; margin-left: 9.43%; margin-right: 5px;  z-index: 3;}
    .side-area .tit-wrap {margin-bottom: 53px;}
    .side-area .tit-wrap .tit { width: clamp(337px, 21.3vw, 409px); aspect-ratio: 409 / 94; }
    .side-area .tit-wrap .tit img { width: 100%; height: 100%; }
    .side-area .cont-tit {position: relative; display: inline-block; margin-bottom: 33px; font-size: clamp(18px,1.25vw,24px); font-weight: 700;}
    .side-area .cont-tit::after { content: ''; position: absolute; top: 50%; right: -38px; width: clamp(24px, 1.56vw, 30px); aspect-ratio: 1; background: #fff url('../images/ico-aditor-arrow-orange.svg') no-repeat center / 46.67%; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transform: translateY(-50%) rotate(180deg); }
    .side-area .sns-wrap {position: relative; display: flex;flex-direction: column; gap: 30px;}
    .side-area .sns-wrap > li { display: flex; align-items: center; gap: 16px; max-width:clamp(324px,19.79vw,380px); padding: clamp(14px,0.83vw,18px) 0 clamp(14px,0.83vw,18px) clamp(50px,3.13vw,60px); border: 1px solid #FF6C3E; border-radius:clamp(34px,2.03vw,39px); background: #fff; }
    .side-area .sns-wrap > li .qr-img {max-width: clamp( 55px,3.39vw,65px);}
    .side-area .sns-wrap > li p {font-size: clamp(16px,1.04vw,20px); font-weight: 700;}
}

/* max-width */
@media screen and (max-width: 1400px) {
    .side-floating {display: none;}
    .side-area { margin-left: 0; }
}
@media screen and (max-width: 1024px) {
    .side-area {display: none;}
    .top-btn {display: none;}
}

/* 혜린 css 영역 */
@media screen and (min-width: 1025px) {
    .main{width: 524px; margin: unset;}
    .inner{padding: 0 30px;}
    .inner-26 { padding: 0 18px; } 
    .inner-58 { padding: 0 40px; } 
    .inner-82 { padding: 0 57px; } 
    .section{font-size: 35px;}
    .sec-title{font-size: 35px;}
    .cta-button{font-size: 28px;}

    .intro-sec .top-banner {font-size: 28px;}
    .intro-sec .sec-title{font-size: 45px;}
    .intro-sec .sec-title .svg-wrapper{top: -22px; width: 388px;}
    .intro-sec .img-wrapper{width: 480px;}
    .intro-sec .img-wrapper .intro-bg1{width: 235px;}
    .intro-sec .img-wrapper .intro-bg2{width: 368px;}
    .intro-sec .img-wrapper::before{top: 131px;}
    .intro-sec .back-bg{height: 385px;}
    .intro-sec .stroy-wrapper{font-size: 18px;}
    .intro-sec .stroy-wrapper .label{font-size: 22px;}

    .rolling-sec{font-size: 35px;}
    .rolling-sec .rolling-swiper .swiper-slide{font-size: 18px;}
    .rolling-sec .rolling-swiper .swiper-slide .left-area::before{width: 68px;}
    .rolling-sec .rolling-swiper .swiper-slide .left-area span:first-child{font-size: 14px;}
    .rolling-sec .rolling-swiper .swiper-slide .right-area{font-size: 23px;}
    .rolling-sec .rolling-swiper .swiper-slide .right-area strong{font-size: 39px;}
    .rolling-sec .bottom-txt { font-size: 13px; }

    .editor-sec .sec-title .number-wrapper .number{font-size: 45px;}
    .editor-sec .editor-list{font-size: 18px;}
    .editor-sec .editor-list .editor-item .item-title .editor-name{font-size: 21px;}
    .editor-sec .editor-list .editor-item .item-title .editor-id{font-size: 18px;}

    .interview-sec .sec-title{font-size: 18px;}

    .share-sec .sec-title .sub-title{font-size: 22px;}
    .share-sec .marquee-wrapper .marquee-item1 .img-wrapper, .share-sec .marquee-wrapper .marquee-item4 .img-wrapper{width: 750px;}
    .share-sec .marquee-wrapper .marquee-item2 .img-wrapper, .share-sec .marquee-wrapper .marquee-item3 .img-wrapper{width: 842px;}

    .cs-section .cs-list{font-size: 17px;}
    .cs-section .cs-list .step{font-size: 35px;}
    .cs-section .cs-list .img-wrapper{width: 96px;}
    .cs-section .cs-list .cs-desc strong{font-size: 21px;}
    .cs-section .cs-bottom{font-size: 27px;}
    .cs-section .cs-bottom .img-wrapper{width: 136px;}

    .income-sec .sec-title .sub-title{font-size: 22px;}
    .income-sec .income-content-wrapper{font-size: 20px;}
    .income-sec .income-content-wrapper .income-line{width: 24px;}
    .income-sec .income-list .income-item .left-area{width: 110px;}
    .income-sec .income-list .income-item .right-area .label{font-size: 14px;}
    .income-sec .income-list .income-summary::after{bottom: -57px; width: 50px;}
    .income-sec .income-commission{font-size: 20px;}
    .income-sec .income-commission .commission-price{font-size: 31px;}
    .income-sec .income-commission::after{bottom: -8px; right: -11px; width: 113px;}
    .income-sec .commission-note{font-size: 12px;}

    .benefit-sec .benefit-list{font-size: 19px;}
    .benefit-sec .benefit-list li::before{font-size: 15px;}
    .benefit-sec .benefit-list li.benefit-item1 .img-wrapper{width: 54px;}
    .benefit-sec .benefit-list li.benefit-item2 .img-wrapper{width: 56px;}
    .benefit-sec .benefit-list li.benefit-item3 .img-wrapper{width: 62px;}
    .benefit-sec .benefit-list li.benefit-item4 .img-wrapper{width: 75px;}

    .guide-sec .guide-list{font-size: 19px;}
    .guide-sec .guide-list::before{top: 64px; left: 98px; width: 9px;}
    .guide-sec .guide-list .guide-item .item-content .label{font-size: 15px;}
    .guide-sec .guide-list .guide-item .item-content p span{font-size: 14px;}
    .guide-sec .guide-goal-area .label{top: -33px; right: 58px; font-size: 15px;}
    .guide-sec .guide-goal-area .img-wrapper{top: -48px; right: 10px; width: 40px;}
    .guide-sec .guide-goal-area .guide-goal{font-size: 25px;}

    .cta-sec .section-content .sec-title{font-size: 21px;}
    .cta-sec .section-content .sec-title span{font-size: 28px;}

    .b-adiotr-sec .bottom-txt{font-size: 22px;}
}