@charset "utf-8";


.s_top{padding-top: 120px;} 
.s_top .txt{border-radius: 2rem; height: 600px;width: 1800px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center;color: #fff; text-align: center;} 
.s_top.check .txt{background: url('/images/sub/s_top_bg1.jpg') center center / cover no-repeat;} 
.s_top.process .txt{background: url('/images/sub/s_top_bg2.jpg') center center / cover no-repeat;} 
.s_top.loan1 .txt{background:url('/images/sub/s_top_bg3.jpg') 80% 0% / cover no-repeat;}
.s_top.loan2 .txt{background:url('/images/sub/s_top_bg4.jpg') 80% 0% / cover no-repeat;}
.s_top.loan3 .txt{background:url('/images/sub/s_top_bg5.jpg') 80% 0% / cover no-repeat;}
.s_top.loan4 .txt{background:url('/images/sub/s_top_bg6.jpg') 60% 0% / cover no-repeat;}
.s_top.loan5 .txt{background:url('/images/sub/s_top_bg7.jpg') 80% 0% / cover no-repeat;}
.s_top.loan6 .txt{background:url('/images/sub/s_top_bg8.jpg') 90% 0% / cover no-repeat;}
.s_top.loan7 .txt{background:url('/images/sub/s_top_bg10.jpg') 90% 0% / cover no-repeat;}
.s_top.loan8 .txt{background:url('/images/sub/s_top_bg11.jpg') 90% 0% / cover no-repeat;}
.s_top.loan9 .txt{background:url('/images/sub/s_top_bg12.jpg') 90% 0% / cover no-repeat;}
.s_top.review .txt{background:url('/images/sub/s_top_bg9.jpg') center center / cover no-repeat;}
.s_top .txt h4{font-size: 2.5rem; display: inline-block; background: linear-gradient(to right, var(--color1), var(--color2)); padding: 0.5rem 2rem;}
.s_top .txt h3{font-size: 4.5rem;margin: 3rem 0 5rem; font-weight: normal; font-family: 'ONE-Mobile-Title'; line-height: 5.5rem;}
.s_top .txt h3 span{color: var(--color2);}
.s_top .txt p{font-size: 2rem;}

@media screen and (max-width:1820px){
    .s_top .txt{width: 95%;}
}
@media screen and (max-width:1280px){
    .s_top{padding-top: 100px;} 
    .s_top .txt{height: 500px;}
    .s_top .txt h4{font-size: 2.2rem;}
    .s_top .txt h3{font-size: 4rem; line-height: 5rem;}
    .s_top .txt p{font-size: 1.8rem;}
}
@media screen and (max-width:768px){
    .s_top{padding-top: 90px;} 
    .s_top .txt{height: 400px;}
    .s_top .txt h4{font-size: 2rem;}
    .s_top .txt h3{font-size: 3.5rem; line-height: 4.5rem;}
    .s_top .txt p{font-size: 1.6rem;}
}
@media screen and (max-width:480px){
    .s_top .txt{height: 40rem;}
    .s_top .txt h4{font-size: 1.8rem;}
    .s_top .txt h3{font-size: 3rem; line-height: 4rem; margin: 2rem 0 3rem;}
    .s_top .txt p{font-size: 1.6rem;}
}


.s_txt{text-align: center; color: #222; margin-bottom: 8rem;}
.s_txt p{font-size: 2.5rem; margin-bottom: 1.5rem;}
.s_txt h3{font-size: 4rem; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
.s_txt h3 span{color: var(--color1);}
.bg{background: #f7fbf5;}

@media screen and (max-width:1280px){
    .s_txt{margin-bottom: 6rem;}
    .s_txt p{font-size: 2rem;}
    .s_txt h3{font-size: 3.5rem;}
}
@media screen and (max-width:768px){
    .s_txt{margin-bottom: 5rem;}
    .s_txt p{font-size: 1.8rem;}
    .s_txt h3{font-size: 3rem;}
}

.l_list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.l_list li{position:relative;}
.l_list li .txt{height:100%;padding:4rem;border:1px solid #eee;border-radius:1rem; transition:.35s ease;}
.l_list .top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;}
.l_list .top h3{font-size:3rem; color: #222; font-weight: normal;font-family: 'ONE-Mobile-Title';}
.l_list .top .icon{width:6rem;height:6rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf5f1,#f6fbf8);color:var(--color1);transition:.35s ease;}
.l_list .top .icon i{font-size:3rem;}
.l_list .cont{display:flex;flex-direction:column;gap:1rem; margin-bottom:3rem;}
.l_list .cont dl{display:flex;align-items:center;justify-content:space-between;gap:2rem; padding:1rem 0;border-bottom:1px dashed #d7e5de;}
.l_list .cont dl:last-child{border-bottom:0;}
.l_list .cont dt{font-size:2rem; color:var(--color1); font-family: 'ONE-Mobile-Title';}
.l_list .cont dd{font-size: 1.8rem;color:#222;}
.l_list li a{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;border-radius:1rem;background:#edf7f3;color:var(--color1); font-size: 2rem; font-family: 'ONE-Mobile-Title';}
.l_list li a:hover{background:var(--color1);color:#fff;}


@media screen and (max-width:1280px){
    .l_list{ grid-template-columns:repeat(2, 1fr); gap:20px; }
    .l_list li .txt{padding:28px 24px;}
    .l_list .top h3{font-size:2.7rem;}
}


@media screen and (max-width:768px){
    .l_list{ grid-template-columns:1fr; gap:2rem; }
    .l_list .top h3{font-size:2.3rem;}
    .l_list .cont dt{font-size:1.8rem;}
    .l_list .cont dd{font-size: 1.6rem;}
    .l_list li a{font-size: 1.8rem;}
}



.loan_check{display:flex; justify-content:center; gap:3rem; flex-wrap:wrap; margin-top: 3rem;}
.loan_check li{display:flex;align-items:center;gap:1rem;font-size:2rem;font-weight:500;color:#222;}
.loan_check li i{color:var(--color1); font-size:2rem;}

.loan_form_box{padding:5rem; border-radius:1rem; background: #fff;}
.form_grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-bottom:3rem;}
.form_row label{display:block; margin-bottom:1rem; font-size:2rem; color: #222; font-family: 'ONE-Mobile-Title';}
.form_row input,.form_row select{width:100%; height:6rem; padding:0 2rem; border:1px solid #ddd;border-radius:1rem; background:#fff;font-size:1.8rem;color:#222;box-sizing:border-box;transition:.3s ease; font-family: 'Pretendard';}
.form_row input:focus,.form_row select:focus{border-color:none;}
.loan_form_box .agree{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;}
.loan_form_box .agree input{display:none;}
.loan_form_box .agree .check{width:2rem;height:2rem;border-radius:100px; border:1px solid #ccc; display:flex;align-items:center;justify-content:center;cursor:pointer;}
.loan_form_box .agree .check span{width:1.2rem; height:1.2rem; border-radius:100px; background:var(--color1); opacity:0; transition:.3s ease;}
.loan_form_box .agree input:checked + .check span{opacity:1;}
.loan_form_box .agree .txt{font-size:1.6rem;color:#222;}
.loan_form_box .agree .txt a{text-decoration: underline; color: #222;}
.loan_form_box .submit_btn{display:block;width:100%;max-width:40rem;height:6rem;margin:0 auto;border:0;border-radius:1rem;background:linear-gradient(to right, var(--color1), var(--color2));font-size:2rem;color:#fff;cursor:pointer;transition:.3s ease; font-family: 'ONE-Mobile-Title'; }
.loan_form_box .form_row:has(select)::after{top: calc(50% + 15px);}

@media screen and (max-width:1280px){
    .loan_check{gap:2rem;}
    .loan_check li{font-size:1.8rem;}
    .loan_check li i{font-size:1.8rem;}
}
@media screen and (max-width:980px){
    .form_grid{grid-template-columns:1fr;}
    .loan_form_box{padding:40px 28px;}
}
@media screen and (max-width:768px){
    .loan_check li{font-size:1.6rem;}
    .loan_check li i{font-size:1.6rem;}
    .loan_form_box{padding:28px 20px;border-radius:24px;}
    .submit_btn{height:5rem;font-size:1.6rem;}
    .form_row label{font-size: 1.8rem;}
}
@media screen and (max-width:480px){
    .loan_check{gap:1rem; margin-top: 2rem;}
    .loan_check li{gap: 0.5rem;}
    .form_row input, .form_row select{height: 5rem;font-size: 1.6rem;}
}



.faq_area{background:#fff;}
.faq_list{border-top:2px solid var(--color1);}
.faq_list li{border-bottom:1px solid #ddd;}
.faq_q{width:100%;height:7.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 3rem;border:0;background:#fff;text-align:left;cursor:pointer; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
.faq_q span{font-size:2rem;}
.faq_q i{font-size:1.6rem;color:var(--color1);transition:.3s ease;}
.faq_a{display:none;padding:0 3rem 3rem;}
.faq_a p{padding:3rem;border-radius:1rem; background:#f5faf7;font-size:1.8rem;}
.faq_list li.active .faq_a{display:block;}
.faq_list li.active .faq_q i{transform:rotate(180deg);}

@media screen and (max-width:768px){
    .faq_q {height: 6rem;padding: 0 1.5rem;}
    .faq_a{padding:0 2rem 2rem;}
    .faq_a p{padding: 2rem;}
}
@media screen and (max-width:480px){
    .faq_q span{font-size:1.8rem;}
    .faq_q i{font-size:1.4rem;}
    .faq_a p{font-size: 1.6rem; line-height: 2.3rem;}
}


.process_list{display:grid; grid-template-columns:repeat(4,1fr); gap:2.4rem;}
.process_list li{position:relative; padding:4rem 2.6rem; border:1px solid #eee; border-radius:2rem; box-shadow:0.1rem 0.1rem 2rem rgba(0,0,0,.05); text-align:center; transition:.35s ease;}
.process_list .num{display:inline-flex; align-items:center; justify-content:center; height:3.4rem; padding:0 1.4rem; border-radius:10rem; background:#edf7f3; color:var(--color1); font-size:1.6rem; font-weight:700; font-family: 'montserrat';}
.process_list .icon{display:flex; align-items:center; justify-content:center; width:10rem; height:10rem; margin:2.4rem auto 2rem; border-radius:50%; background:linear-gradient(135deg,var(--color1),var(--color2)); color:#fff;}
.process_list .icon i{font-size:4rem;}
.process_list h3{font-size:2.6rem; color:#222; font-weight: normal; font-family: 'ONE-Mobile-Title';}
.process_list p{margin-top:1.8rem; font-size:1.6rem; line-height:1.5; color:#222; word-break:keep-all;}
.process_list strong{display:block; margin-top:1.2rem; font-size:1.7rem; color:#e94022; font-weight:800;}


@media screen and (max-width:1280px){
    .process_list{grid-template-columns:repeat(2,1fr);}
    .process_list li:not(:last-child)::after{display:none;}
}
@media screen and (max-width:768px){
    .process_list{grid-template-columns:1fr; gap:1.6rem; margin-top:3.5rem;}
    .process_list li{padding:3rem 2rem;}
    .process_list .icon{width:8rem; height:8rem; margin:2rem auto 1.6rem;}
    .process_list .icon i{font-size:3.2rem;}
    .process_list h3{font-size:2.2rem;}
    .process_list p br{display: none;}
}



.loan_detail_head{display:flex; gap:5rem; align-items:stretch;}
.loan_detail_head .tit{width:38%; padding:5rem; border-radius:2rem; background:linear-gradient(135deg,var(--color1),var(--color2)); color:#fff;}
.loan_detail_head .tit span{display:inline-block; margin-bottom:2rem; font-size:1.5rem; font-family:'montserrat'; font-weight:700;}
.loan_detail_head .tit h3{font-size:4rem; font-weight:normal; font-family:'ONE-Mobile-Title';}
.loan_detail_head .tit p{margin-top:2rem; font-size:1.8rem; line-height:1.4; word-break:keep-all;}
.loan_summary{width:62%; display:grid; grid-template-columns:repeat(3,1fr); gap:2rem;}
.loan_summary li{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:4rem 2rem; border:1px solid #eee; border-radius:2rem; text-align:center; box-shadow:0.1rem 0.1rem 2rem rgba(0,0,0,.05);}
.loan_summary li i{display:flex; align-items:center; justify-content:center; width:8rem; height:8rem; margin-bottom:2.5rem; border-radius:50%; background:#edf7f3; color:var(--color1); font-size:3.2rem;}
.loan_summary li strong{font-size:2rem; color:var(--color1); font-family:'ONE-Mobile-Title'; font-weight:normal;}
.loan_summary li p{margin-top:1.2rem; font-size:1.8rem; color:#222;}
.loan_info_box{margin-top:8rem;}
.loan_table{width:100%; border-top:2px solid var(--color1); border-collapse:collapse;}
.loan_table th{width:22rem; padding:2.2rem 3rem; border-bottom:1px solid #ddd; background:#f7fbf5; color:var(--color1); font-size:1.8rem; font-family:'ONE-Mobile-Title'; font-weight:normal; text-align:center;}
.loan_table td{padding:2.2rem 3rem; border-bottom:1px solid #ddd; color:#222; font-size:1.8rem; line-height:1.6;}

@media screen and (max-width:1280px){
    .loan_detail_head{flex-direction:column; gap:2rem;}
    .loan_detail_head .tit{width:100%;}
    .loan_summary{width:100%;}
}
@media screen and (max-width:768px){
    .loan_detail_head .tit{padding:3rem 2rem; border-radius: 1rem;}
    .loan_detail_head .tit h3{font-size:3rem;}
    .loan_detail_head .tit p{font-size:1.6rem;}
    .loan_summary{gap: 1rem;}
    .loan_summary li{padding:2rem 1rem; border-radius: 1rem;}
    .loan_summary li strong{font-size:1.8rem;}
    .loan_summary li p{font-size:1.6rem;}
    .loan_info_box{margin-top: 5rem;}
    .loan_table th{width:12rem; padding:1.8rem 1rem; font-size:1.6rem;}
    .loan_table td{padding:1.8rem 1.5rem; font-size:1.6rem;}
}


.terms { border: 10px solid #f5f9f0; padding: 4%; max-width: 1600px; line-height: 1.7em; font-size: 16px; font-family: 'suit';}
.terms h3 { font-size: 24px; color:#212121; }
.terms h4 { font-size: 20px; color:#212121; margin: 2em 0 0.5em; }
.terms p + p { margin-top: 1em; }
.terms p + h3 { margin-top: 2.5em; }

.orderList{border: 1px solid #eee; padding: 2rem;margin-top: 2rem;}


@media all and (max-width:480px){
    .terms {font-size: 1.6rem;}
	.terms h3{font-size: 1.9rem;}
	.terms h4{font-size: 1.7rem;}
}