@charset "utf-8";




/* 메인 컨텐츠 */
#contents_wrap{position:relative;padding:1em;}




/* 대출다연 이용안내, 이용시 주의사항 */
#use_popup{position:relative;width:100%;margin-bottom:1em;}
.use_popup_btn{display:flex;justify-content:space-between;gap:4px;}
.use_popup_btn a{position:relative;flex:1;display:flex;align-items:center;justify-content:center;line-height:46px;font-size:14.6px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.18);padding:0 10px;transition:all .3s ease;box-shadow:0 2px 5px rgba(0, 0, 0, 0.15);overflow:hidden;}
.use_popup_btn a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg, #ffffff26 0%,#fff0 60%);z-index:1}
.use_popup_btn a.b1{background:var(--gradient_right)}
.use_popup_btn a.b2{background:var(--gradient_right)}
.use_popup_btn a i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:10px;border-radius:100px;background:rgba(255, 255, 255, 0.2);}

/* 대출다연 이용안내, 이용시 주의사항 모달창 */
.modal_contents dl{padding:0.9em 1em; background:var(--color_m_basicBright);}
.modal_contents dl dt{font-size:16px;font-weight:600;color:#111;margin-bottom:8px;}
.modal_contents dl dd{font-size:14px;color:#555;}
.modal_contents ul{display:flex;flex-direction:column;gap:12px;margin:1.5em 0 0.5em 0;}
.modal_contents ul li{position:relative;font-size:14.4px;color:#444;padding-left:20px;}
.modal_contents ul li::before{position:absolute;left:0;top:0;content:"\f058";font-family:"FontAwesome";color:var(--color_m_basic);}
.modal_footer{text-align:center;border-top:1px solid #eee;}
.modal_footer button{display:inline-block;line-height:36px;font-size:14px;font-weight:500;padding:0 1.5em;background:var(--color_m_basic);color:#fff;border:none;}
#modal2 .modal_header{background:var(--gradient_right);}
#modal2 .modal_contents dl{background: var(--color_m_basicBright);}
#modal2 .modal_contents dl dt{color:var(--color_m_point)}
#modal2 .modal_contents ul li::before{content:"\f06a";color:var(--color_m_point);}
#modal2 .modal_footer button{background:var(--color_m_point);}

/* 전화하기 모달창 */
#modal8 .modal_header b{width:100%;text-align:center;}
#modal8 .modal_header b i{}
#modal8 .modal-content{width:90%;max-width:300px;max-height:300px;}
#modal8 .modal-content strong{display:block;width:100%;font-size:15px;text-align:center;position:relative;padding-bottom:10px;margin-bottom:0.8em;}
#modal8 .modal-content strong::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:50px;height:3px;background-color:var(--color_m_basic);}
#modal8 .modal-content .tel{display:flex;gap:10px;background:none;border:none;padding:0;}
#modal8 .modal-content .tel *{font-size:13px;}
#modal8 .modal-content .tel dt{color:#333;}
#modal8 .modal-content .tel dt i{margin-right:5px;color:var(--color_m_basic);}
#modal8 .modal-content .tel dd{font-size:13.4px;font-weight:700;color:var(--color_m_basicDark);}
#modal8 .modal-content p{font-size:13px;font-weight:600;color:#e12222}
#modal8 .modal_footer{display:flex;justify-content:space-between;gap:5px;width:100%;}
#modal8 .modal_footer a{flex:1;line-height:1;font-size:14px;font-weight:500;padding:0.7em 0;color:#fff;background:var(--color_m_basic);}
#modal8 .modal_footer a i{margin-right:4px;}
#modal8 .modal_footer a:nth-child(1) i{font-size:15px;}
#modal8 .modal_footer a:nth-child(2) i{font-size:13px;}
#modal8 .modal_footer a:nth-child(3){color:#666;background:#e5e5e5}
#modal8 .modal_footer a:nth-child(3) i{font-size:15px;}




/* 메인 숫자 카운팅 */
#main_counting{display:grid;grid-template-columns:repeat(2, 1fr);padding:1em;border:1px solid var(--color_basicMedium);margin:1em 0}
#main_counting dl{display:flex;justify-content:center;align-items:center;gap:10px;}
#main_counting dl:nth-child(odd){border-right:1px solid #e5e5e5}
#main_counting dl:nth-child(-n+2){padding-bottom:1em;}
#main_counting dl:nth-child(n+3){padding-top:1em;border-top:1px solid #e5e5e5;}
#main_counting dl *{display:flex;align-items:center;font-size:14px;line-height:20px;}
#main_counting dl dt{}
#main_counting dl dt span{display:inline-block;width:30px;height:30px;margin-right:10px;background-color:var(--color_basicMedium);background-repeat:no-repeat;background-position:left center;background-size:contain}
#main_counting dl:nth-child(1) dt span{background-image:url(../img/icon_count_01.png)}
#main_counting dl:nth-child(2) dt span{background-image:url(../img/icon_count_02.png)}
#main_counting dl:nth-child(3) dt span{background-image:url(../img/icon_count_03.png)}
#main_counting dl:nth-child(4) dt span{background-image:url(../img/icon_count_04.png)}
#main_counting dl dd{}
#main_counting dl dd b{font-size:17px;font-weight:1000;color:var(--color_basicMedium);margin-right:3px}




#main_premium{position:relative;width:100%;}
/* 메인 등록업체 */
#main_company{position:relative;width:100%;}
#main_company .cp_title{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.5em 0 0.5em 0;border-bottom:2px solid var(--color_m_basicDark);margin-bottom:0.5em}
#main_company .title{display:flex;align-items:center;color:var(--color_m_basicDark);}
#main_company .title h5{font-size:16px;font-weight:700;}
#main_company .title i{margin-right:8px;}
/* 검증된 파트너 버튼 + 툴팁 */
#main_company .tooltip_wrap{position:relative;display:inline-block}
#main_company .tooltip_btn{position:relative;display:block;line-height:1;font-size:13px;font-weight:400;padding:5px 10px;border:1px solid var(--color_m_basicDark);color:var(--color_m_basicDark);background:none;}
#main_company .tooltip_btn::before{display:none}
#main_company .tooltip_box{background:#fff;border:1px solid var(--color_m_basicDark);padding:10px 12px;width:190px;font-size:12px;font-weight:450;color:var(--color_m_basicDark);line-height:1.5;box-shadow:0 3px 10px rgba(0, 0, 0, 0.2);z-index:100;text-align:left;margin-top:8px;position:absolute;right:0;top:100%;display:none}
#main_company .tooltip_box:before{content:'';position:absolute;top:-6px;right:12px;width:10px;height:10px;background:#fff;border-left:1px solid var(--color_m_basicDark);border-top:1px solid var(--color_m_basicDark);transform:rotate(45deg)}
#main_company .tooltip_box.show{display:block;animation:tooltip-up .35s ease-out}




/* 스폐셜 등록업체 */
#main_special{position:relative;width:100%;}
#main_special .sp_title{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.5em 0 0.5em 0;border-bottom:2px solid var(--color_m_basicDark);margin-bottom:0.5em}
#main_special .title{display:flex; align-items:center; color:var(--color_m_basicDark); padding-left: 1.5em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); background: url(../img/ad_badge.png) no-repeat top left / auto 90%;}
#main_special .title h5{font-size:16px;font-weight:700;}
#main_special .title i{margin-right:8px;}


/* 검증된 파트너 버튼 + 툴팁 */
#main_special .tooltip_wrap{position:relative;display:inline-block}
#main_special .tooltip_btn{position:relative;display:block;line-height:1;font-size:12px;font-weight:600;color:var(--color_m_basicDark);padding:5px 8px;background:var(--color_m_basicBright);}
#main_special .tooltip_box{display:none;position:absolute;right:0;top:30px;width:190px;font-size:12px;color:#4a5568;padding:10px 12px;border:1px solid #eee;border-left:2px solid var(--color_m_basic);background:#fff;box-shadow:1px 4px 8px rgba(0, 0, 0, 0.2);z-index:100;}
#main_special .tooltip_box:before{display:none;}
#main_special .tooltip_box.show{display:block;animation:tooltip-up .35s ease-out}




@media (max-width: 768px) {
	.use_popup_btn a{line-height:36px;font-size:12.8px;}
	.use_popup_btn a i{width:24px;height:24px;margin-right:5px;}
	.modal_contents dl dt{font-size:15px;margin-bottom:5px;}
	.modal_contents dl dd{font-size:12.4px;}
	.modal_contents ul{margin-top:1em;}
	.modal_contents ul li{font-size:13.4px;padding-left:16px;}
	
	#contents_wrap{position:relative;padding:0.6em;}
}

@media screen and (max-width:600px){
	#main_counting dl *{font-size:13px;}
	#main_counting dl{flex-direction:column;gap:5px;}
	#main_counting dl dt span{width:22px;height:22px;margin-right:6px;}
}

@media screen and (max-width:360px){

}