.mate-main[data-v-f8a43244]{position:relative;display:flex;flex-direction:column;align-items:center}.mate-main .bg[data-v-f8a43244]{position:fixed;top:0;left:0;display:flex;width:100%;height:100%;z-index:-1;background:var(--Angular_5,conic-gradient(from 180deg at 49.66% 51.85%,#f9f9f9 0deg,#fffbf2 72.0000010729deg,#f9f9f9 144.0000021458deg,#fffbf2 216.0000085831deg,#f9f9f9 288.0000042915deg))}.mate-main-top[data-v-f8a43244]{position:relative;display:flex;flex-direction:column;align-items:center;width:100vw;height:576px}@media(max-width:960px){.mate-main-top[data-v-f8a43244]{width:auto;flex-direction:column;align-items:center;height:64vw}}.mate-main-top .top-bg[data-v-f8a43244]{width:100vw;height:576px;position:absolute;background-image:url(/img/img-mate-main-top.cb3d0ef4.png);filter:brightness(50%);z-index:-1}@media(max-width:960px){.mate-main-top .top-bg[data-v-f8a43244]{height:64vw;background-size:cover;background-position:50%}}.mate-main-top .top-title[data-v-f8a43244]{margin-top:170px;text-align:center;color:#fff;font-size:36px;font-weight:700;line-height:140%}@media(max-width:960px){.mate-main-top .top-title[data-v-f8a43244]{margin-top:60px;font-size:18px;font-weight:700}}.mate-main-top .top-subtitle[data-v-f8a43244]{margin-top:60px;text-align:center;color:#fff;font-size:20px;font-weight:500;line-height:140%}@media(max-width:960px){.mate-main-top .top-subtitle[data-v-f8a43244]{margin-top:20px;font-size:14px;font-weight:500}}.mate-main-section[data-v-f8a43244]{padding-bottom:80px}.mate-main-section[data-v-f8a43244]:nth-child(2n){background:#fff;width:100vw}.mate-main-section .section-title[data-v-f8a43244]{margin-top:80px;text-align:center;font-size:32px;font-weight:700;line-height:140%}@media(max-width:960px){.mate-main-section .section-title[data-v-f8a43244]{font-size:20px;font-weight:700}}.mate-main-section .section-title span[data-v-f8a43244]{color:#f49301}.mate-main-section .section-subtitle[data-v-f8a43244]{margin-top:32px;text-align:center;font-size:20px;font-weight:500;line-height:140%}@media(max-width:960px){.mate-main-section .section-subtitle[data-v-f8a43244]{padding:0 20px;font-size:14px;font-weight:700}}.mate-main-section .section-subtitle span[data-v-f8a43244]{color:#f49301}.mate-main-section .section-content[data-v-f8a43244]{margin-top:60px;width:100%;display:flex;justify-content:center}@media(max-width:960px){.mate-main-section .section-content[data-v-f8a43244]{flex-direction:column}}.mate-main-section .section-content .diff-content[data-v-f8a43244]{width:610px;display:flex;flex-direction:column;gap:32px}@media(max-width:960px){.mate-main-section .section-content .diff-content[data-v-f8a43244]{padding:0 20px;width:100%}}.mate-main-section .section-content .diff-content-wrap[data-v-f8a43244]{display:flex;flex-direction:column;gap:6px}.mate-main-section .section-content .diff-content-wrap .title[data-v-f8a43244]{display:flex;gap:20px;font-size:20px;font-weight:500}@media(max-width:960px){.mate-main-section .section-content .diff-content-wrap .title[data-v-f8a43244]{font-size:16px;font-weight:500}}.mate-main-section .section-content .diff-content-wrap .title[data-v-f8a43244] :first-child{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:#fff;font-size:16px;border-radius:4px;background:#ffb800}@media(max-width:960px){.mate-main-section .section-content .diff-content-wrap .title[data-v-f8a43244] :first-child{font-size:14px;font-weight:500}}.mate-main-section .section-content .diff-content-wrap .content[data-v-f8a43244]{display:flex;margin-left:54px}@media(max-width:960px){.mate-main-section .section-content .diff-content-wrap .content[data-v-f8a43244]{font-size:14px;font-weight:400;color:#737373}}.mate-main-section .section-content .diff-img[data-v-f8a43244]{display:flex;align-items:flex-end;height:100%;width:640px}.mate-main-section .section-count[data-v-f8a43244]{margin-top:60px;display:flex;gap:40px}@media(max-width:1250px){.mate-main-section .section-count[data-v-f8a43244]{display:grid;grid-template-columns:1fr 1fr;gap:20px}}.mate-main-section .section-count-wrap[data-v-f8a43244]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:280px;height:226px;background-color:#fff;border-radius:20px;box-shadow:4px 4px 8px 0 rgba(0,0,0,.04)}@media(max-width:960px){.mate-main-section .section-count-wrap[data-v-f8a43244]{font-size:14px;font-weight:400;color:#737373}}@media(max-width:640px){.mate-main-section .section-count-wrap[data-v-f8a43244]{width:calc(50vw - 30px);height:calc(50vw - 30px);gap:12px}}.mate-main-section .section-count-wrap .count[data-v-f8a43244]{color:#f49301;font-size:36px;font-weight:700}@media(max-width:640px){.mate-main-section .section-count-wrap .count[data-v-f8a43244]{font-size:24px;font-weight:700}}.mate-main-section .section-count-wrap .title[data-v-f8a43244]{color:#333;font-size:20px;font-weight:500}@media(max-width:640px){.mate-main-section .section-count-wrap .title[data-v-f8a43244]{font-size:16px;font-weight:500}}.mate-main-section .section-process[data-v-f8a43244]{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:32px}@media(max-width:1250px){.mate-main-section .section-process[data-v-f8a43244]{flex-direction:row;justify-content:center;gap:20px}}.mate-main-section .section-process-step[data-v-f8a43244]{display:flex}@media(max-width:1250px){.mate-main-section .section-process-step[data-v-f8a43244]{flex-direction:column;gap:38px}}.mate-main-section .section-process-step .step[data-v-f8a43244]{display:flex;flex-direction:column;align-items:center;gap:12px;width:244.4px;text-align:center}@media(max-width:1250px){.mate-main-section .section-process-step .step[data-v-f8a43244]{align-items:flex-start;width:100%;text-align:left}}.mate-main-section .section-process-step .step[data-v-f8a43244] :first-child{font-size:22px;font-weight:700}@media(max-width:1250px){.mate-main-section .section-process-step .step[data-v-f8a43244] :first-child{font-size:16px;font-weight:700}}.mate-main-section .section-process-step .step[data-v-f8a43244] :last-child{font-size:18px;font-weight:500}@media(max-width:1250px){.mate-main-section .section-process-step .step[data-v-f8a43244] :last-child{font-size:14px;font-weight:500}}.mate-main-section .img-list[data-v-f8a43244]{margin-top:60px;width:1240px}@media(max-width:960px){.mate-main-section .img-list[data-v-f8a43244]{padding:0 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:100%;font-size:14px;font-weight:700}.mate-main-section .img-list img[data-v-f8a43244]{width:50px;height:80px}}.mate-main-section .section-qna[data-v-f8a43244]{margin-top:60px;display:flex;justify-content:center}@media(max-width:1240px){.mate-main-section .section-qna[data-v-f8a43244]{padding:0 20px}}.mate-main-section .section-qna .qna-list[data-v-f8a43244]{display:flex;flex-direction:column;gap:20px;width:1240px}.mate-main-section .section-qna .qna-list-menu[data-v-f8a43244]{cursor:pointer;display:flex;flex-direction:column;gap:24px;padding:24px 60px;border-radius:8px;background:#fffbf2;box-shadow:4px 4px 8px 0 rgba(0,0,0,.04);color:#f49301}@media(max-width:960px){.mate-main-section .section-qna .qna-list-menu[data-v-f8a43244]{padding:16px}}.mate-main-section .section-qna .qna-list-menu.active[data-v-f8a43244]{background:#ffb800;color:#fff}.mate-main-section .section-qna .qna-list-menu .title[data-v-f8a43244]{display:flex;justify-content:space-between;font-size:20px;font-weight:500}@media(max-width:960px){.mate-main-section .section-qna .qna-list-menu .title[data-v-f8a43244]{font-size:14px;font-weight:500}}.mate-main-section .section-qna .qna-list-menu .content[data-v-f8a43244]{font-size:16px;font-weight:500}@media(max-width:960px){.mate-main-section .section-qna .qna-list-menu .content[data-v-f8a43244]{font-size:14px;font-weight:500}}.mate-main-slogan[data-v-f8a43244]{margin-bottom:164px}@media(max-width:940px){.mate-main-slogan[data-v-f8a43244]{margin-bottom:0}}.mate-main-slogan-wrap[data-v-f8a43244]{position:relative;padding:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100vw;height:236px}@media(max-width:940px){.mate-main-slogan-wrap[data-v-f8a43244]{padding:30px;font-size:16px}}.mate-main-slogan-wrap .bg[data-v-f8a43244]{width:100vw;height:236px;position:absolute;background-image:url(http://localhost:8080/img/img-mate-main-top.cb3d0ef4.png);filter:brightness(50%);z-index:-1}@media(max-width:960px){.mate-main-slogan-wrap .bg[data-v-f8a43244]{height:188px;background-size:cover;background-position:50%}}.mate-main-slogan-wrap .slogan-title[data-v-f8a43244]{font-size:28px;font-style:normal;font-weight:700;color:#fff}@media(max-width:940px){.mate-main-slogan-wrap .slogan-title[data-v-f8a43244]{font-size:16px}}.mate-main-slogan-wrap .slogan-content[data-v-f8a43244]{color:#fff;font-size:20px;font-style:normal;font-weight:500}@media(max-width:940px){.mate-main-slogan-wrap .slogan-content[data-v-f8a43244]{font-size:14px;text-align:center}}.mate-main-bottom[data-v-f8a43244]{bottom:80px;cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;gap:8px;width:320px;height:44px;border-radius:8px;opacity:.92;background:#ffb800;color:#fff}@media(max-width:940px){.mate-main-bottom[data-v-f8a43244]{bottom:80px!important}}