:root {
    --color-primary:#325FF8;

    --color_type1:#0968D4;
    --color_type2:#009178;
    --color_type3:#5D189A;
    --color_type4:#04287E;
}


html {overflow:auto; min-height:100dvh; background-color:#f1f1f1;}

body {width:800px; max-width:100%; min-height:100dvh; margin:0 auto; color:#111; font-size:clamp(14px,2.5vw,18px); line-height:1.4; word-break:keep-all; font-family: "Pretendard", "Inter", ui-sans-serif, system-ui, sans-serif; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.03); }
* {font-family: "Pretendard", "Inter", ui-sans-serif, system-ui, sans-serif; }

.score {font-family: 'Escoredream';}
.sandoll {font-family: "sandoll-andante", sans-serif; }
.namumpen,
.namumpen * {font-family: "Nanum Pen Script", cursive; }

/* @media all and (max-width:480px){
    html {overflow:hidden; }
    body {overflow:auto; }
} */

[data-aos] {transition-property:opacity, transform; }

.inner {padding:0 20px; }



.main_visual {overflow:hidden; z-index:1; position:relative; height:calc(100dvh + 50px); }
.main_visual .bg_box {z-index:1; position:relative; height:100%; padding:116px 0 150px; }
/* .main_visual .bg_box:before {content:''; position:absolute; left:0; top:0; width:100%; height:200px; background:linear-gradient(to right, #5ba2e3 0%, #5aa6e3 35%, #5cade2 100%); }
.main_visual .bg_box:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:170px; background:linear-gradient(to right, #5dc4e4 0%, #5fc9e1 35%, #5fcde2 100%); } */
.main_visual .bg_box:before {content:''; position:absolute; left:0; top:0; width:100%; height:50%; background: linear-gradient(307deg, #4EA1E0 20.54%, #509BE1 36.71%, #4D96E2 67.15%); }
.main_visual .bg_box:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:50%; background: linear-gradient(307deg, #4FC8E0 20.54%, #50C3DD 37.82%, #4EBFDE 67.15%); }
.main_visual .bg_box video {z-index:1; position:absolute; left:0; top:0; bottom:0; display:block; width:100%; margin:auto 0; }
.main_visual .inner {z-index:5; position:absolute; left:0; top:0; display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; }
.main_visual .top_txt {padding-top:clamp(20px,5vw,55px); padding-left:clamp(0px,2vw,20px); text-align:left; color:#fff; line-height:1.25; }
.main_visual .top_txt .partner_logos {display:flex; align-items:center; gap:6px; width:min(100%,195px); margin-bottom:18px; }
.main_visual .top_txt .partner_logos img {display:block; flex-shrink:0; height:auto; object-fit:contain; }
.main_visual .top_txt .partner_logos .kjbank_logo {width:min(45%,88px); }
.main_visual .top_txt .partner_logos .bizinsight_logo {width:min(42%,82px); }
.main_visual .top_txt .partner_logos span {opacity:0.8; flex-shrink:0; font-size:16px; font-weight:300; line-height:1; }
.main_visual .top_txt .partner_logos + .txt {margin-top:0; }
.main_visual .top_txt .info {font-size:clamp(22px,5vw,32px); font-weight:300; }
.main_visual .top_txt .info span {position:relative; }
.main_visual .top_txt .info span:before {content:''; position:absolute; left:calc(50% - 1px); bottom:calc(100% + 4px); width:2px; height:2px; background-color:#fff; border-radius:50%; }
.main_visual .top_txt .txt {margin-top:13px; font-size:clamp(22px,6vw,36px); font-weight:700; }
.main_visual .top_txt h1 {display:inline-block; margin-top:12px; color:#DFFF72; font-size:clamp(56px,12vw,80px); font-weight:400; line-height:1.1; background:linear-gradient(90deg, #F4FF5E 0%, #C9FF73 48%, #72EFAD 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.main_visual .top_txt .desc {margin-top:20px; font-size:clamp(16px,3vw,20px); font-weight:500; }

.main_visual .bot_txt {padding-bottom:80px; }
.main_visual .bot_txt a {display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:50px; font-size:18px; color:#000; font-weight:600; background-color:#fff; border-radius:10px; }
.main_visual .bot_txt a + a {margin-top:4px; }
.main_visual .bot_txt a.kakao_btn {color:#371D1E; background-color:#FEE100; }
.main_visual .bot_txt a.naver_btn {color:#FFFFFF; background-color:#2DB400; }
.main_visual .bot_txt a.google_btn {color:#1F1F1F; background-color:#F2F2F2; }
.main_visual .bot_txt .txt {margin-top:15px; text-align:center; }
.main_visual .bot_txt .txt p {opacity:0.8; font-size:clamp(12px,2vw,16px); color:#fff; letter-spacing:-0.24px; line-height:1.4; }
.main_visual .bot_txt .txt p + p {margin-top:8px; }

@media all and (max-width:767px){
    .main_visual {height:calc(100dvh + 140px); }
    .main_visual .bg_box video {top:var(--hero-video-top, clamp(80px, 12dvh, 110px)); bottom:auto; margin:0; }
}

.main_care {z-index:2; position:relative; padding:60px 0 110px; margin-top:-50px; background-color:var(--color_type1); border-radius:50px 50px 0 0; }
.main_care .tit_box {margin-bottom:65px; text-align:center; color:#fff; }
.main_care .tit_box .tit {font-size:clamp(20px,5.5vw,34px); font-weight:500; }
.main_care .tit_box .desc {padding-top:11px; font-size:clamp(16px,3vw,20px); letter-spacing:-0.32px; }

.main_care .card_section {padding:10px 10px 0; background-color:#fff; border-radius:10px; }
.main_care .card_section + .card_section {margin-top:42px; }
.main_care .card_section .profile {position:relative; display:flex; align-items:center; gap:10px; padding:20px 10px; border-bottom:1px solid #ddd; }
.main_care .card_section .profile img {width:20%; }
.main_care .card_section .profile .txt {width:80%; }
.main_care .card_section .profile .txt strong {font-size:clamp(14px,2.5vw,18px); color:var(--color_type1);}
.main_care .card_section .profile .txt p {margin-top:4px; font-size:clamp(18px,3.3vw,22px); color:#111; font-weight:700; letter-spacing:-0.36px; }
.main_care .card_section .profile .bubble {position:absolute; left:0; bottom:calc(100% - 6px); padding:10px; font-size:clamp(13px,2.4vw,17px); color:#fff; background-color:#0C96D7; border-radius:200px; }
.main_care .card_section .profile .bubble:before {content:''; position:absolute; left:13%; top:calc(100% - 1px); width:12px; height:10px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M4.40351 8.89233L0.135554 1.5C-0.249346 0.833332 0.231778 0 1.00158 0H9.5375C10.3073 0 10.7884 0.833334 10.4035 1.5L6.13556 8.89233C5.75066 9.559 4.78841 9.559 4.40351 8.89233Z' fill='%230C96D7'/%3E%3C/svg%3E") no-repeat center / contain; }
.main_care .card_section .bot_box {padding:20px 10px; }
.main_care .card_section .content {font-size:clamp(16px,3vw,20px); color:#111; letter-spacing:-0.32px; }
.main_care .card_section .tag {display:flex; align-items:center; gap:4px; flex-wrap:wrap; padding:14px 0; }
.main_care .card_section .tag span {padding:4px 8px; font-size:clamp(14px,2.5vw,18px); background-color:#EFEFEF; border-radius:200px; }
.main_care .card_section a.more_btn {font-size:clamp(14px,2.5vw,18px); color:#818181; text-decoration:underline; text-underline-offset:2px; }

.main_care .card_section.type02 .profile .bubble {background-color:var(--color_type2); }
.main_care .card_section.type02 .profile .bubble:before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M4.40351 8.89233L0.135554 1.5C-0.249346 0.833332 0.231778 0 1.00158 0H9.5375C10.3073 0 10.7884 0.833334 10.4035 1.5L6.13556 8.89233C5.75066 9.559 4.78841 9.559 4.40351 8.89233Z' fill='%23009178'/%3E%3C/svg%3E") no-repeat center / contain; }
.main_care .card_section.type02 .profile .txt strong {color:var(--color_type2); }

.main_care .card_section.type03 .profile .bubble {background-color:var(--color_type3); }
.main_care .card_section.type03 .profile .bubble:before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M4.40351 8.89233L0.135554 1.5C-0.249346 0.833332 0.231778 0 1.00158 0H9.5375C10.3073 0 10.7884 0.833334 10.4035 1.5L6.13556 8.89233C5.75066 9.559 4.78841 9.559 4.40351 8.89233Z' fill='%235D189A'/%3E%3C/svg%3E") no-repeat center / contain; }
.main_care .card_section.type03 .profile .txt strong {color:var(--color_type3); }

.main_care .card_section.type04 .profile .bubble {background-color:var(--color_type4); }
.main_care .card_section.type04 .profile .bubble:before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M4.40351 8.89233L0.135554 1.5C-0.249346 0.833332 0.231778 0 1.00158 0H9.5375C10.3073 0 10.7884 0.833334 10.4035 1.5L6.13556 8.89233C5.75066 9.559 4.78841 9.559 4.40351 8.89233Z' fill='%2304287E'/%3E%3C/svg%3E") no-repeat center / contain; }
.main_care .card_section.type04 .profile .txt strong {color:var(--color_type4); }


.main_service {overflow:hidden; z-index:3; position:relative; padding-top:85px; margin-top:-50px; border-radius:50px 50px 0 0; background:linear-gradient(180deg, #4C85F6 0%, #70A0FF 34.13%, #70A0FF 76.92%, #4C85F6 100%); }
.main_service:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/service_bg.png') repeat center center; }
.main_service .inner {z-index:5; position:relative; }
.main_service .txt_box {color:#fff; text-align:center; }
.main_service .txt_box h4 {margin-bottom:16px; font-size:clamp(32px,8vw,42px); }
.main_service .txt_box p {margin-bottom:32px; font-size:clamp(16px,3vw,20px); }
.main_service .txt_box a {display:inline-flex; gap:10px; padding:16px 24px; font-size:clamp(16px,3vw,20px); background-color:rgba(255,255,255,0.1); backdrop-filter:blur(2px); border-radius:200px; }
.main_service .img_box {margin-top:75px; }
.main_service .img_box img {display:block; margin:0 auto -1px; }


footer {padding:28px 0; background-color:#EFEFEF; }
footer p {opacity:0.8; font-size:clamp(12px,2vw,16px); color:#818181; }
footer ul {opacity:0.8; list-style:decimal; padding-left:15px; }
footer ul li {font-size:clamp(12px,2vw,16px); color:#818181; }
footer ul li + li {margin-top:5px; }


.detail_box .inner {padding:0 24px 40px; }
.detail_box .detail_top {padding:24px 0; }
.detail_box .detail_top a {margin-left:-5px; }
.detail_box .detail_tit {padding-bottom:16px; border-bottom:1px solid #ddd; }
.detail_box .detail_tit .num {opacity:0.8; font-size:clamp(16px,3vw,20px); color:var(--color_type1); font-weight:600; }
.detail_box .detail_tit h3 {margin-top:12px; font-size:24px; font-weight:600; }
.detail_box.type02 .detail_tit .num {color:var(--color_type2);}
.detail_box.type03 .detail_tit .num {color:var(--color_type3);}
.detail_box.type04 .detail_tit .num {color:var(--color_type4);}

.detail_box .box {padding:20px 0; border-bottom:1px solid #ddd; }
.detail_box .box .tit {margin-bottom:12px; font-size:clamp(18px,3.3vw,22px); font-weight:600; letter-spacing:-0.36px; }
.detail_box .box .desc {font-size:clamp(16px,3vw,20px); line-height:1.3; font-weight:300; letter-spacing:-0.32px; }
.detail_box .box ul {margin:12px 0 8px; }
.detail_box .box ul li {display:flex; align-items:center; gap:2px; font-size:clamp(14px,2.5vw,18px); color:#264E8B; font-weight:400; letter-spacing:-0.42px; }
.detail_box .box ul li + li {margin-top:4px; }
.detail_box .box ul li:before {content:''; flex-shrink:0; width:clamp(16px,3vw,20px); height:clamp(16px,3vw,20px); background:url('../img/icon/detail_icon_1.svg') no-repeat center center / 100% 100%; }
.detail_box .box .info {font-size:clamp(14px,2.5vw,18px); color:#A8A8A8; font-weight:300; letter-spacing:-0.28px; }
.detail_box.type02 .box ul li {color:#166759; }
.detail_box.type02 .box ul li:before {background:url('../img/icon/detail_icon_2.svg') no-repeat center center / 100% 100%; }
.detail_box.type03 .box ul li {color:#380F5C; }
.detail_box.type03 .box ul li:before {background:url('../img/icon/detail_icon_3.svg') no-repeat center center / 100% 100%; }
.detail_box.type04 .box ul li {color:#264E8B; }
.detail_box.type04 .box ul li:before {background:url('../img/icon/detail_icon_4.svg') no-repeat center center / 100% 100%; }