@charset "utf-8";


#mVisual{width: 100%; height: 100vh; padding-top: 100px;}
#mVisual > div{height: 100%;}
#mVisual > div > div{height: 100%;}
#mVisual .mv{width: 100%; height: 100%; background-size: cover; background-position: 75% 0%; background-repeat: no-repeat;}
#mVisual .mv.mv1{background-image: url(/images/main/mv1.jpg);}
#mVisual .mv .txt{height: 100%; display: flex; flex-direction: column; justify-content: center; padding-bottom: 5rem; }
#mVisual .mv .txt > h3{font-size:6rem; line-height:1.22; letter-spacing:-0.06em; color:#222; margin-bottom:2.5rem; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
#mVisual .mv .txt > h3 span{color: var(--color1);}
#mVisual .mv .txt > p{font-size:2.7rem; line-height:1.5; color:#222; letter-spacing:-0.04em; margin-bottom:5rem;}

#mVisual .mv .txt > ul{display:flex; gap:2rem;}
#mVisual .mv .txt > ul li{width:20rem; height:25rem; background:#fff; border-radius:2rem; box-shadow:0.1rem 0.1rem 2rem rgba(0,0,0,.05); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
#mVisual .mv .txt > ul li .img{height: 7.5rem; margin-bottom:3rem;}
#mVisual .mv .txt > ul li .img img{height: 100%; display:block;}
#mVisual .mv .txt > ul li .cont{height:auto; display:block; padding:0;}
#mVisual .mv .txt > ul li .cont p{font-size:2.5rem; margin-bottom: 0.5rem; color: #222;}
#mVisual .mv .txt > ul li .cont h3{font-size:3.5rem; color:var(--color1);}


@media all and (max-width:1280px){
    #mVisual{height: 90vh; min-height: 560px; padding-top: 80px;}
    #mVisual .mv .txt > h3{font-size:5rem;}
    #mVisual .mv .txt > p{font-size:2.3rem;}
    #mVisual .mv .txt > ul li{width:17rem; height:20rem;}
    #mVisual .mv .txt > ul li .img{height: 6rem; margin-bottom: 2rem;}
    #mVisual .mv .txt > ul li .cont p{font-size:2rem;}
    #mVisual .mv .txt > ul li .cont h3{font-size:3rem;}
}
@media all and (max-width:976px){
    #mVisual{padding-top: 70px; text-align: center;}
    #mVisual .mv::after{content: ''; width: 100%; height: 100%; background: #00000040; position: absolute; top: 0; left: 0; z-index: 10;}
    #mVisual .mv{position: relative;}
    #mVisual .mv .txt{position:relative; z-index:20;}
    #mVisual .mv .txt > h3{font-size:4rem; color:#fff;}
    #mVisual .mv .txt > p{color:#fff;}
    #mVisual .mv .txt > p b{color:#fff;}
    #mVisual .mv .txt > ul{justify-content: center;}
}

@media all and (max-width:768px){
    #mVisual{padding-top: 60px; min-height:60rem;}
    #mVisual .mv .txt{justify-content:flex-end; padding-top:8rem; padding-bottom:6rem;}
    #mVisual .mv .txt > ul li{width: 17rem; height: 15rem;}
    #mVisual .mv .txt > ul li .img{height: 5rem;margin-bottom: 1rem;}
    #mVisual .mv .txt > ul li .cont p{font-size:1.8rem;}
    #mVisual .mv .txt > ul li .cont h3{font-size:2.5rem;}
}
@media all and (max-width:480px){
    #mVisual{height: 82vh;}
    #mVisual .mv .txt > h3{font-size:3.5rem;}
    #mVisual .mv .txt > p{font-size:1.8rem; margin-bottom: 4rem;}
    #mVisual .mv .txt > ul li{width: 17rem; height: 13rem; border-radius: 1rem;}
    #mVisual .mv .txt > ul li .img{height: 4rem;}
    #mVisual .mv .txt > ul li .cont p{font-size:1.6rem;margin-bottom: 0;}
    #mVisual .mv .txt > ul li .cont h3{font-size:2.2rem;}
    
}


.m_txt {margin-bottom: 7rem;}
.m_txt h3{font-size:4rem; color: #222; font-family: 'ONE-Mobile-Title'; font-weight: normal; line-height: 5rem;}
.m_txt h3 span{color: var(--color1);}
.m_txt p{font-size: 1.8rem; color: #222; margin-top: 2rem;}
.p-Part{padding: 14rem 0;}
br.br1280{display: none;}
br.br976{display: none;}
br.br768{display: none;}
br.mo{display: none;}

@media(max-width:1280px){
    .m_txt h3{font-size:3.5rem; line-height: 4.5rem;}
    .p-Part{padding: 12rem 0;}
    br.br1280{display: block !important;}
}
@media(max-width:976px){
    .p-Part{padding: 10rem 0;}
    br.br976{display: block !important;}
}
@media(max-width:768px){
    .m_txt {margin-bottom: 5rem;}
    .m_txt h3{font-size:3rem; line-height: 4rem;}
    .m_txt p{font-size: 1.6rem; top: 1rem;}
    .p-Part{padding: 8rem 0;}
    br.br768{display: block !important;}
}
@media(max-width:480px){
    br.mo{display: block !important;}
}

#m_realtime{padding:8rem 0; overflow:hidden;}
#m_realtime .inner{display:flex; align-items: center;}
#m_realtime .m_txt{width:32rem; flex-shrink:0; margin-bottom: 2rem;}

#m_realtime .rt_wrap{width: calc(100% - 32rem); min-width:0;}
#m_realtime .rt_wrap .slick-list{margin:0 -0.5rem;}
#m_realtime .rt_wrap .slick-slide{margin:0 .5rem;}

#m_realtime .rt_wrap li{ background:#f0f7ec; border-radius:1rem; padding:3rem;}
#m_realtime .rt_wrap li .up,
#m_realtime .rt_wrap li .down{ display:flex; justify-content:space-between; align-items:center; }

#m_realtime .rt_wrap li .up{margin-bottom:4rem;}

#m_realtime .rt_wrap li .up p{ font-size:2rem; color:#222; font-weight: bold;}
#m_realtime .rt_wrap li .up h4{ font-size:1.8rem; color:var(--color1);}
#m_realtime .rt_wrap li .down p{ font-size:1.6rem; color:#222; opacity: 0.8; }
#m_realtime .rt_wrap li .down h4{ height:3rem; line-height: 3rem; padding:0rem 1.5rem; border-radius:999px; background:#999; color:#fff; font-size:1.6rem; font-weight: bold;}
#m_realtime .rt_wrap li .down h4.ing{background: var(--color1); color: #fff;}
#m_realtime .rt_wrap li .down h4.done{background: transparent; border: 1px solid var(--color1); color: var(--color1);}
.done{background: transparent; border: 1px solid var(--color1); color: var(--color1);}
#m_realtime .rt_wrap > p{ margin-top:1.5rem; text-align:right; color:#222; font-size:1.6rem;  opacity: 0.7;}

@media(max-width:1280px){
    #m_realtime{padding:7rem 0;}
    #m_realtime .inner{display:block;}
    #m_realtime .m_txt{width:100%;}
    #m_realtime .m_txt h3 br{display: none;}
    #m_realtime .rt_wrap{width:100%;}
    #m_realtime .rt_wrap li{padding:2.5rem;}
    #m_realtime .rt_wrap li .up p{ font-size:1.8rem;}
    #m_realtime .rt_wrap li .up h4{ font-size:1.6rem;}
    #m_realtime .rt_wrap li .down p{ font-size:1.5rem;}
    #m_realtime .rt_wrap li .down h4{font-size: 1.5rem;}
}

@media(max-width:768px){
    #m_realtime{padding:6rem 0;}
}
@media(max-width:480px){
    #m_realtime .rt_wrap li{padding:2rem;}
    #m_realtime .rt_wrap li .up p{ font-size:1.7rem;}
    #m_realtime .rt_wrap li .up h4{ font-size:1.5rem;}
    #m_realtime .rt_wrap li .down p{ font-size:1.4rem;}
    #m_realtime .rt_wrap li .down h4{font-size: 1.4rem; height: 2.5rem; line-height: 2.5rem; padding: 0 1rem;}
    #m_realtime .rt_wrap > p{font-size: 1.3rem;text-align: left;}
}


#m_loan{background: #f9f9f9;}
#m_loan ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:4rem;}
#m_loan ul li{background:#fff; border-radius:1.4rem; box-shadow:0 1rem 3rem rgba(0,0,0,.06);}
#m_loan ul li .txt{padding:5rem 4.5rem 3.2rem;}
#m_loan ul li .top{display:flex; align-items:center; justify-content:space-between; margin-bottom:3rem;}
#m_loan ul li .top h3{font-size:3rem; color:#222; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
#m_loan ul li .top .img{width:10rem;}
#m_loan ul li .top .img img{width:100%; display:block;}

#m_loan ul li .cont{margin-bottom:4rem;}
#m_loan ul li .cont dl{display:flex; align-items:center; margin-bottom:1rem;}
#m_loan ul li .cont dl:last-child{margin-bottom:0;}
#m_loan ul li .cont dt{width:7rem; font-size:2rem; font-family: 'ONE-Mobile-Title'; font-weight: normal; color:#222;}
#m_loan ul li .cont dd{font-size:2rem; color:#222;}

#m_loan ul li a{display:flex; align-items:center; justify-content:center; height:7rem; border:1px solid var(--color1); border-radius:1rem; color:var(--color1); font-size:2rem; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
#m_loan ul li a:hover{color: #fff; background: var(--color1);}

@media(max-width:1480px){
    #m_loan ul li .top .img{width:8rem;}
}
@media(max-width:1280px){
    #m_loan ul{gap:2rem;}
    #m_loan ul li .txt{padding:4rem 3rem 3rem;}
    #m_loan ul li .top h3{font-size:2.7rem;}
    #m_loan ul li .top .img{width:7rem;}
    #m_loan ul li .cont dt{font-size: 1.8rem;}
    #m_loan ul li .cont dd{font-size: 1.8rem;}
    #m_loan ul li a{height: 6rem; font-size: 1.8rem;}
}

@media(max-width:976px){
    #m_loan ul{grid-template-columns:repeat(2, 1fr);}
}

@media(max-width:768px){
    #m_loan{padding:6rem 0;}
    #m_loan ul{grid-template-columns:1fr; gap:1.5rem;}
    #m_loan ul li .txt{padding:3rem 2.5rem;}
    #m_loan ul li .top h3{font-size:2.5rem;}
}


#m_cause ul{display:flex; gap:2rem;}
#m_cause ul li{position:relative; width:20%; text-align:center;}
#m_cause ul li .top{position:relative; height:11rem; display:flex; align-items:center; justify-content:center; background:var(--color1); border-radius:1.6rem; overflow:hidden;}
#m_cause ul li .top h3{position:relative; z-index:2; font-size:2.7rem; color:#fff; line-height: 3.5rem;}
#m_cause ul li .top h3 span{font-weight:400;}
#m_cause ul li .top::after{content:'01'; position:absolute; right:2rem; bottom:-1.2rem; font-family:'Montserrat'; font-size:5.8rem; font-weight:700; color:rgba(255,255,255,.18); line-height:1;}
#m_cause ul li:nth-child(2) .top::after{content:'02';}
#m_cause ul li:nth-child(3) .top::after{content:'03';}
#m_cause ul li:nth-child(4) .top::after{content:'04';}
#m_cause ul li:nth-child(5) .top::after{content:'05';}

#m_cause ul li .box{position:relative; height:11rem; margin-top:3rem; display:flex; align-items:center; justify-content:center; background:rgba(5,110,74,.1); border-radius:1.6rem;}
#m_cause ul li .box::before{content:''; position:absolute; left:50%; top:-3rem; width:1px; height:3rem; border-left:1px dashed var(--color1);}
#m_cause ul li .box::after{content:''; position:absolute; left:50%; top:-.4rem; width:.9rem; height:.9rem; transform:translateX(-50%); border-radius:50%; background:var(--color1);}
#m_cause ul li .box p{font-size:2.5rem; color:#222; font-family:'ONE-Mobile-Title'; line-height: 3rem;}
#m_cause ul li .box p span{color:var(--color1);}

@media(max-width:1480px){
    #m_cause ul li .top h3{font-size: 2.5rem; line-height: 3rem;}
    #m_cause ul li .box p{font-size:2.2rem;}
}
@media(max-width:1280px){
    #m_cause ul{gap:1.5rem; flex-wrap: wrap; justify-content: center;}
    #m_cause ul li{width: calc(100%/3 - 3rem/3);}
}

@media(max-width:976px){
    #m_cause ul{gap: 3rem 1rem;}
    #m_cause ul li{width:calc(50% - .5rem);}
}

@media(max-width:768px){
    #m_cause ul{display:block;}
    #m_cause ul li{width:100%; margin-bottom:3rem;}
    #m_cause ul li:last-child{margin-bottom: 0;}
    #m_cause ul li .top,
    #m_cause ul li .box{height:8rem;}
    #m_cause ul li .top h3{font-size: 2.3rem; }
    #m_cause ul li .top h3 br{display: none;}
    #m_cause ul li .box p br{display: none;}
}


#m_process{background: #f7fbf5;}
#m_process ul{display:flex; justify-content:space-between; position:relative;}
#m_process ul li{position:relative; width:25%; text-align:center;}
#m_process ul li:not(:last-child)::after{ content:'>'; position:absolute; right:-1rem; top:30%; transform:translatey(-50%); font-size:3rem; font-family: 'suit'; font-weight: bold; color: #222; opacity: 0.5;}

#m_process ul li .img{ width:25rem; height:25rem; margin:0 auto 3rem; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 .8rem 2.5rem rgba(0,0,0,.04); position: relative;}
#m_process ul li:last-child .img{background:var(--color1);}
#m_process ul li .img img{ width:12rem; display:block; }
#m_process ul li:last-child .img img{filter:brightness(0) invert(1);}
#m_process ul li .txt h4{ margin-bottom:1rem; font-size:2rem; color:var(--color1); font-family:'Montserrat'; }
#m_process ul li .txt h3{ margin-bottom:2rem; font-size:3rem; color:#222; font-family:'ONE-Mobile-Title'; font-weight: normal;}
#m_process ul li .txt p{ font-size:2rem; color:#222; line-height:1.3; }

@media(max-width:1480px){
    #m_process ul li .img{ width:20rem; height:20rem;}
    #m_process ul li .img img{ width:10rem;}
}
@media(max-width:1280px){
    #m_process ul li:not(:last-child)::after{top: 25%; font-size: 2rem;}
    #m_process ul li .img{ width:16rem; height:16rem;}
    #m_process ul li .img img{ width:8rem;}
    #m_process ul li .txt h4{font-size: 1.8rem;}
    #m_process ul li .txt h3{font-size: 2.5rem;}
    #m_process ul li .txt p{font-size: 1.8rem;}
}

@media(max-width:976px){
    #m_process ul{flex-wrap:wrap;gap:4rem 0;}
    #m_process ul li{width:50%;}
    #m_process ul li:nth-child(2):after{display: none;}
}

@media(max-width:768px){
    #m_process ul li{margin-bottom:0rem;}
    #m_process ul li:not(:last-child)::after{font-size: 1.8rem; right: -0.7rem;}
    #m_process ul li .txt h4{font-size: 1.6rem;}
    #m_process ul li .txt h3{font-size: 2.2rem;}
    #m_process ul li .txt p{font-size: 1.6rem;}
}


#m_review .m_txt{display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:7rem;}
#m_review .m_txt a{display:flex; align-items:center; justify-content:center; width:22rem; height:6rem; border:1px solid var(--color1); border-radius:.8rem; color:var(--color1); font-size:1.8rem; font-family: 'ONE-Mobile-Title';}
#m_review .m_txt a:hover{background: var(--color1); color: #fff;}

#m_review ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:4rem;}
#m_review ul li{min-height:23rem; padding:4rem; border:1px solid #ddd; border-radius:1.6rem; background:#fff; display:flex; flex-direction:column;}
#m_review ul li .star{margin-bottom:2.5rem;}
#m_review ul li .star p{font-size:2rem; color:#ffde00; letter-spacing:.1em;}
#m_review ul li > p{flex:1; font-size:1.8rem; line-height:1.7; color:#222; word-break: keep-all;}
#m_review ul li .name{display:flex; align-items:center; justify-content:space-between; margin-top:3rem;}
#m_review ul li .name p{font-size:1.8rem; font-weight:800; color:#222;}
#m_review ul li .name h4{height:3.8rem; line-height:3.8rem; padding:0 2rem; border-radius:10rem; background:var(--color1); color:#fff; font-size:1.6rem; font-weight:800;}

@media(max-width:976px){
    #m_review ul{grid-template-columns:1fr; gap:2rem;}
    #m_review ul li{min-height:auto;}
}

@media(max-width:767px){
    #m_review .m_txt{display:block; margin-bottom:4rem;}
    #m_review .m_txt a{width:100%; height:5rem; margin-top:2rem;}
    #m_review ul li{padding:3rem 2.5rem;}
}

#m_contact{position:relative; background:url('/images/main/m_contact_bg.jpg') center/cover no-repeat;}
#m_contact::before{content:''; position:absolute; inset:0; background:rgba(0,0,0,.6);}
#m_contact .inner{position:relative; z-index:2; display:flex; justify-content:space-between;}
#m_contact .m_txt{width:45%;}
#m_contact .m_txt h3{color:#fff;}
#m_contact .m_txt p{color:#fff;}
#m_contact .ct_wrap{width:50%;}
#m_contact .form_row{display:flex; align-items:center; margin-bottom:2rem;}
#m_contact .form_row label{width:14rem; font-size:2rem; font-weight:700; color:#fff; font-family: 'Pretendard';}
#m_contact .form_row input,#m_contact .form_row select{width:calc(100% - 10rem); height:6rem; padding:0 2rem; border:0; border-radius:.7rem; background:#fff; font-size:1.6rem;font-family: 'Pretendard';}
select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; background:none; padding-right:5rem; font-family:'SUIT'; background-image:none;background:none;}
.form_row{position:relative;}
.form_row select{width:100%;}
.form_row:has(select)::after{ content:'>'; position:absolute; right:2rem; top:50%; transform:translateY(-50%) rotate(90deg); font-family:'SUIT'; font-size:1.2rem; font-weight:700; color:#666; pointer-events:none; }
input:focus,
select:focus,
textarea:focus{ outline:none; box-shadow:none;}
#m_contact .agree{ display:flex; align-items:center; margin:2.5rem 0 4rem; }
#m_contact .agree input{ display:none; }
#m_contact .agree .check{ display:flex; align-items:center; justify-content:center; width:2rem; height:2rem; border:1px solid #fff; border-radius:50%; cursor:pointer; flex-shrink:0; }
#m_contact .agree .check span{ position:relative; width:100%; height:100%; }
#m_contact .agree .check span::after{ content:'✓'; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:1.2rem; font-weight:700; color:#fff; opacity:0; }
#m_contact .agree input:checked + .check{ background:var(--color1); border-color:var(--color1); }
#m_contact .agree input:checked + .check span::after{opacity:1;}
#m_contact .agree .txt{ margin-left:.8rem; font-size:1.6rem; color:#fff; cursor:pointer; }
#m_contact .agree .txt a{ color:#fff; text-decoration:underline; }
#m_contact .submit_btn{width:100%; height:8rem; border:0; border-radius:1rem; background:var(--color1); color:#fff; font-size:2.4rem; font-weight:800; cursor:pointer;font-family: 'ONE-Mobile-Title'; font-weight: normal;}

.privacy_modal{display:none; position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.6); align-items:center; justify-content:center;}
.privacy_modal.on{display:flex;}
.privacy_modal .modal_box{position:relative; width:90%; max-width:60rem; padding:4rem; border-radius:1.5rem; background:#fff;}
.privacy_modal .modal_close{position:absolute; right:2rem; top:1.5rem; border:0; background:none; font-size:3rem; cursor:pointer;}
.privacy_modal h3{margin-bottom:2rem; font-size:2.6rem; font-weight:800;}
.privacy_modal .modal_cont{font-size:1.6rem; line-height:1.7; color:#555;}

@media(max-width:976px){
    #m_contact .inner{display:block;}
    #m_contact .m_txt{width:100%; margin-bottom:4rem;}
    #m_contact .ct_wrap{width:100%;}
}

@media(max-width:767px){
    #m_contact .m_txt h3{font-size:3.2rem;}
    #m_contact .form_row{display:block;}
    #m_contact .form_row label{display:block; width:100%; margin-bottom:1rem;}
    #m_contact .form_row input,#m_contact .form_row select{width:100%;}
}

.layer{position:fixed; display:none; left:0;top:0; z-index:3000000; width:100%;font-family: 'Pretendard'; height: 100%; background: rgba(0,0,0,0.6);}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#434343;  border-radius:0 5px 0 5px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:50%; margin:0 auto; border-radius:5px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 10px rgba(0,0,0,0.2); transform: translateY(-50%);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.8rem; color: #333;font-size:1.4rem;}
.layer .layer_wrap .DB_info_detail h2{padding:17px 20px;border-bottom:1px solid #eee; font-size:18px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:15px; line-height: 1.6em;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold; font-size: 16px;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box; line-height: 1.6em; font-size: 15px;}

@media all and (max-width: 1080px){
    .layer .layer_wrap{width: 90%;}
	.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{font-size: 14px;}
	.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{font-size: 15px;}
	.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{font-size: 14px;}
}


.loan_count_sec{ padding:70px 0; background:#fff; border-bottom:1px solid #eee;}
.loan_count_inner{ max-width:1200px; margin:0 auto; display:flex; }
.count_item{ width:33.3333%; text-align:center; padding:35px 20px; border-right:1px solid #eee; }
.count_item:first-child{border-left:1px solid #eee;}
.count_item strong{ font-size:5.2rem; font-weight:800; color:#222; letter-spacing:-0.04em; }
.count_item span{ margin-left:5px; font-size:2rem; font-weight:600; color:#222; }
.count_item p{ margin-top:2rem; font-size:2rem; color:#222; }
.count_item .icon{margin-bottom:18px;}
.count_item .icon i{ font-size:4.2rem; line-height: 5rem; background: linear-gradient( to right, var(--color1), var(--color2) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.count_item strong{ font-size:5.2rem; font-weight:800; color:#222; letter-spacing:-0.04em; }

@media(max-width:768px){
    .loan_count_sec{ padding: 0;}
    .count_item strong{font-size:3.5rem;}
}
@media(max-width:480px){
    .count_item p{ margin-top:1rem; font-size:1.6rem;}
    .count_item .icon i{ font-size:3.5rem;}
    .count_item strong{font-size:2.5rem;}
}