@charset "utf-8";

/* 초기화 */
*{margin:0;padding:0;word-break:keep-all;box-sizing:border-box;}

html,body{min-width:1200px;height:100%;margin:0;padding:0;overflow-x:auto;}
body{overflow-x:hidden;-webkit-text-size-adjust:none}
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,select,abbr,address,big,cite,code,del,dfn,img,ins,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,table,th,td,textarea,input,button{margin:0;padding:0;-webkit-tap-highlight-color:#0000}
table{border-collapse:collapse;empty-cells:show;border:0}
img{border:0 none;vertical-align:middle}
textarea.type-text:hover,textarea.type-text:focus{background-color:#ecf0f8;border:solid 1px #a8bdef;-webkit-tap-highlight-color:#0000}

.clear{display:block;float:none;clear:both;height:0;width:100%;font-size:0!important;line-height:0!important;overflow:hidden;margin:0!important;padding:0!important}
div,span,ul,li,img,a{border:0}
table,tr,th,td{font-size:15px;font-weight:400;color:#000}
table caption{text-indent:-2000px}
hr{clear:both;height:1px;border:none;background:#FFF;margin-bottom:15px;line-height:0;color:#FFF}
form,div,p,fieldset{margin:0;padding:0;border:0}
input,select,ol,ul,dl,dd{margin:0;padding:0;vertical-align:middle}
input.btn:hover{cursor:pointer}
img,input.type-image{border:0 none;padding:0;margin:0}
dl,dt,dd{padding:0;margin:0}
ul,ol,li{margin:0;padding:0;list-style:none}
input.type-radio{width:14px;height:14px}
input.no_border{border:0}
textarea{border:#ccc solid 1px;padding:2px;margin:0;font-size:100%}
form,div,p,fieldset{margin:0;padding:0;border:0}
img{line-height:0;font-size:0;border:0}
caption,legend{display:none}
em,cite,caption{font-style:normal}
strong,b{font-weight:500}

input::placeholder{color:#999!important;opacity:1}
input::-webkit-input-placeholder,input:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea:-ms-input-placeholder,textarea::placeholder{color:#999!important;opacity:1}
a,a:link,a:hover,a:active,a:visited{color:inherit;text-decoration:none}
.hide{display:none;}
.hide2{text-indent:-99999px}

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/Pretendard/PretendardVariable.woff2') format('woff2-variations');
}

*{letter-spacing:-0.02em !important;font-family:'Pretendard Variable', sans-serif;font-weight:400;letter-spacing:-0.02em;}



/* 공통 */
.wrap{position:relative;width:1200px;margin:0 auto;}
.wrap2{position:relative;width:1200px;margin:0 auto;}
.flex1{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.flex2{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;}
.flex3{display:flex;align-items:center;}

/* 화살표 좌우 이동 */
.ani_arrow i{transform:translateX(0);transition:transform 1000ms cubic-bezier(0.2, 0.9, 0.3, 1);will-change: transform;}
.ani_arrow:hover i,.ani_arrow:focus i{transform:translateX(4px)}

/* 마우스오버 시 상하 이동 */
.ani_up{transform:translateY(0);transition:transform 1000ms cubic-bezier(0.2, 0.9, 0.3, 1);will-change: transform;}
.ani_up:hover,.ani_up:focus{transform:translateY(-4px)}
.ani_up2{transform:translateY(0);transition:transform 500ms cubic-bezier(0.2, 0.9, 0.3, 1);will-change: transform;}
.ani_up2:hover,.ani_up:focus{transform:translateY(-2px)}

/* 진해졌다 연해짐 반복 */
.ani_star{animation:brightening 1.5s infinite}
@keyframes brightening {
	0%,100%		{opacity:1;transform:scale(1)}
	50%			{opacity:.5;transform:scale(1.12)}
}

/* 대각선으로 반회전 반복 */
.ani_call{animation:jiggle 1s infinite}
@keyframes jiggle {
	0%,100%		{transform:rotate(-9deg)}
	50%			{transform:rotate(10deg)}
}

/* 애니메이션 버튼 */
.ani_btn::before{content:"";position:absolute;top:0;left:-80%;width:80%;height:100%;
background:linear-gradient(90deg, transparent, #fff5,transparent);opacity:0;transition:opacity .3s ease;z-index:1}
.ani_btn:hover::before{opacity:1;animation:grd_Bar 1s ease-in-out infinite alternate}
@keyframes grd_Bar {
	0%		{left:-50%}
	100%	{left:100%}
}

/* 프리미엄 띠 */
.ani_belt{position:absolute;top:0;right:-50px;width:120px;height:120px;overflow:visible;z-index:50}
.ani_belt span{position:absolute;top:15px;right:-4px;display:block;width:160px;height:20px;line-height:20px;text-align:center;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;
background:var(--gradient_50);background-size:300% 300%;box-shadow:0 3px 10px -5px #000f;overflow:hidden;z-index:1;transform-origin:center;transform:rotate(45deg);-webkit-transform:rotate(45deg);animation:grd_flow 6s ease infinite}
.ani_belt span b{position:relative;z-index:2;display:inline-block;transform:rotate(0);-webkit-transform:rotate(0);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase}
.ani_belt span::before{content:"";position:absolute;top:0;left:-80%;width:80%;height:100%;
/*background:linear-gradient(90deg,transparent, #24e944, transparent);*/opacity:1;z-index:1;animation:grd_Bar 1.5s ease-in-out infinite alternate}
@keyframes grd_flow {
    0%		{background-position:0% 50%;}
    50%		{background-position:100% 50%;}
    100%	{background-position:0% 50%;}
}
@keyframes grd_Bar {
	0%		{left:-50%}
	100%	{left:100%}
}

/* 360도 회전 */
.ani_turn{display:inline-block;animation:t360 1.8s linear infinite}
@keyframes t360 {
	0%		{transform:rotate(0deg)}
	100%	{transform:rotate(360deg)}
}

/* 광택효과 */
.ani_glass{position:relative;}
.ani_glass::after{content:'';position:absolute;width:100%;height:15px;bottom:0;left:0;background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);animation:shine 3s infinite linear}
@keyframes shine {
	0%		{background-position:-100px}
	100%	{background-position:200px}
}


/* 타이틀 */
.list_subject{display:flex;align-items:center;line-height:1;margin:2em 0 1.2em 0;}
.list_subject b{font-size:20px;font-weight:600;color:#333;}
/*.list_subject b.i1{height:20px;padding-left:28px;background:url(../img/icon_title_01.png) no-repeat;background-size:contain;}*/
/*.list_subject b.i2{height:20px;padding-left:28px;background:url(../img/icon_title_02.png) no-repeat;background-size:contain;}
.list_subject b.i3{height:20px;padding-left:28px;background:url(../img/icon_title_03.png) no-repeat;background-size:contain;}*/
.list_subject span{font-size:13px;color:#666;}
.list_subject span i{font-size:14px;color:var(--color_basic);margin-right:6px}
.list_subject a{margin-left:auto;line-height:20px;font-size:11px;color:#777;padding:0 8px;border:1px solid #e0e0e0;background:transparent;border-radius:3px;transition: all 0.2s ease;}
.list_subject a:hover{background:#fafafa;}
.list_subject a:hover i{color:var(--color_basicMedium);}

.key_txt{position:relative; width:100%; line-height:1.3; font-size:14.4px; padding:12px 16px; background:var(--color_basicBright2); margin:1em 0;}
.key_txt:hover{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}
.key_txt i{font-size:16px;font-weight:1000;margin-right:5px;}
.key_txt span{color:var(--color_basicMedium);font-weight:700;}

/* 업체 없을 때 - 광고신청하기 */
.list_none{position:relative;display:flex;flex-direction:column;text-align:center;min-height:290px;padding:5px;border-radius:3px;border:1px solid #e9e9e9;background:#fcfcfc;overflow:hidden;}
.list_none p{margin:2em 0 3em;color:#666;}
.list_none img{width:auto;height:60px;object-fit:contain;filter:grayscale(100%);opacity:0.5;}
.list_none a{margin-top:auto;font-size:0.9rem;font-weight:500;color:#fff;border-radius:5px;background:#999 !important;padding:0.7em 0 !important;}
.list_none a:hover{transition:none !important;transform:none !important;box-shadow:none !important;border-color:inherit !important;background:#777 !important}




/* 팝업창 */
#hd_pop{z-index:100000000 !important}
.hd_pops_con{height:auto !important}
.hd_pops{border-radius:13px;box-shadow:0 10px 30px #0003;border:none;overflow:hidden}
.pop_title{display:block;width:100%;padding:1.2em 1.5em;background:linear-gradient(to right,#f5f5f5,#e5e5e5)}
.pop_title h4{display:flex;align-items:center;width:100%;font-size:21px;font-weight:700}
.pop_title h4 span{font-size:12.4px;font-weight:300;color:#444;margin-left:auto}

.pop_wrap .num_list{display:flex;flex-direction:column;padding:0.4em 1.5em 1.5em 1.5em}
.pop_wrap .num_list li{position:relative;font-size:12px;text-align:left !important;padding-left:1.8rem;margin-top:1.4em}
.pop_wrap .num_list li:first-child::before{top:-2px}
.pop_wrap .num_list li::before{position:absolute;left:0;top:-4px;width:18px;height:18px;line-height:19px;font-size:12px;font-weight:600;border-radius:50%;border:2px solid var(--color_basic);color:var(--color_basic);font-size:11px;text-align:center}

.pop_wrap .num_list li:nth-child(1)::before{content:"1"}
.pop_wrap .num_list li:nth-child(2)::before{content:"2"}
.pop_wrap .num_list li:nth-child(3)::before{content:"3"}
.pop_wrap .num_list li:nth-child(4)::before{content:"4"}
.pop_wrap .num_list li:nth-child(5)::before{content:"5"}
.pop_wrap .num_list li:nth-child(6)::before{content:"6"}
.pop_wrap .num_list li:nth-child(7)::before{content:"7"}
.pop_wrap .num_list li:nth-child(8)::before{content:"8"}
.pop_wrap .num_list li:nth-child(9)::before{content:"9"}
.pop_wrap .num_list li:nth-child(10)::before{content:"10"}
.pop_wrap .num_list li:nth-child(11)::before{content:"11"}
.pop_wrap .num_list li:nth-child(12)::before{content:"12"}
.pop_wrap .num_list li:nth-child(13)::before{content:"13"}
.pop_wrap .num_list li:nth-child(14)::before{content:"14"}
.pop_wrap .num_list li b{color:var(--color_basicMedium);font-weight:400;}
.pop_wrap .num_list li .gry{display:block;width:100%;}
.pop_wrap a{display:none;}

.hd_pops_footer{display:flex;justify-content:space-between;align-items:center;padding:1em 1.5em;background:#3c3440;}
.hd_pops_footer *{font-size:13px;}
.hd_pops_reject{line-height:1;background:none !important}
.hd_pop_f_left input{width:14px;height:14px;background:#fff !important;border-radius:3px;}
.hd_pop_f_left label{margin-left:3px;color:#fff;}
.hd_pops_close{position:relative !important;line-height:24px;padding:0 10px;color:#fff;border-radius: 4px;border:1px solid rgba(255, 255, 255, 0.28);background:none}

/* 반응형 미디어 쿼리 */
@media screen and (max-width:1280px){
	/* 팝업 */
	.hd_pops{top:80px !important;left:20px !important;}
	#hd_pop .hd_pops:nth-child(1){margin:0 !important;z-index:11;}
	#hd_pop .hd_pops:nth-child(2){margin:40px 0 0 80px !important;z-index:111;}
	#hd_pop .hd_pops:nth-child(4){margin:80px 0 0 120px !important;z-index:1111;}
	
	
	#sidebar{display:none}
	.wrap,.wrap2{width:96% !important;}
	.search_box{width:400px !important}
}





/* 상단 주의사항, 업체정보 상세보기, 대출 시 주의사항 모달창 - 공통 디자인 */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;justify-content:center;align-items:center;z-index:99999999!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.modal-overlay.show .modal-content{transform:translateY(0);opacity:1}
.modal-content{display:flex;flex-direction:column;position:relative;width:600px;max-height:620px;border-radius:14px;background:#fff;transform:translateY(30px);opacity:0;transition:transform .3s ease,opacity .3s ease;overflow:hidden;}
.modal_header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;background:var(--gradient_left);padding:0.9em}
.modal_contents{flex:1 1 auto;padding:0.9em;overflow-y:auto}
.modal_header b{font-size:18px;font-weight:600;color:#fff;}
.modal_header button{font-size:20px;color:#fff;background:none;border:none;cursor:pointer;}
.modal_contents *{line-height:1.4;word-break:break-all;}
/* 상단 주의사항 */
#modal0 ul{display:flex;flex-direction:column;gap:12px;padding:0.9em;margin-bottom:0.9em;border-radius:8px;border:1px solid #e5e5e5;background:#f9f9f9;}
#modal0 ul li{position:relative;padding-left:22px;line-height:1.3;font-size:14px;color:#111;}
#modal0 ul li small{display:block;font-size:12px;color:#666;}
#modal0 ul li span{position:absolute;left:0;top:-1px;width:16px;height:16px;line-height:16px;font-size:10px;font-weight:700;text-align:center;border-radius:50%;color:#fff;background:var(--color_basicMedium);}
#modal0 .key_txt{margin:0;}





/* header */
#m_header{display:none}

/* 대부중개업번호, 즐겨찾기~주의사항 */
#header_top{position:relative;width:100%;line-height:1;background:#f9f9f9;border-bottom:1px solid #e9e9e9;padding:13px 0;}
#header_top .left strong{font-size:19px;font-weight:400;letter-spacing:-0.06em;color:#666;}
#header_top .right{}
#header_top .right ul{display:flex;gap:15px;}
#header_top .right ul li{font-size:12px;}
#header_top .right ul li a{line-height:1;color:#555;transition:color 0.3s ease;}
#header_top .right ul li a:hover{color:var(--color_basicMedium);}
#header_top .right ul li a.m1{color:#0e63f0}
#header_top .right ul li a.m2{color:#ef2323}
#header_top .right ul li a.m1:hover,#header_top .right ul li a.m2:hover{opacity:0.6;}


/* 로고, 검색, 최근본업체~광고등록 */
#header{position:relative;width:100%;padding:22px 0;}

#header .logo{margin-right:auto;}
#header .logo img{width:auto;height:60px;object-fit:contain;}

#header .search_box{display:grid;grid-template-columns:0.7fr 0.3fr;grid-gap:0.3em;width:700px;}
#header .search_box .search_text,#header .search_box .search_company{border:1px solid var(--color_basicLight)}
#header .search_box .search_text *,#header .search_box .search_company *,#header .search_box .search_company select,#header .search_box .search_company::after
{height:46px;line-height:46px;background:none;border:none;}
#header .search_box .search_text{transition:box-shadow 0.3s ease;}
#header .search_box .search_text:hover{box-shadow:0 1px 3px var(--color_basicMedium);}
#header .search_box .search_text input{flex:1;padding:0 0.9em;font-size:14px;font-weight:400;color:#111;}
#header .search_box .search_text button{width:46px;font-size:14px;font-weight:1000 !important;color:var(--color_basicMedium);cursor:pointer;}
#header .search_box .search_text button i{font-size:15px;}

#header .search_box .search_company{position:relative;}
#header .search_box .search_company *{cursor:pointer;}
#header .search_box .search_company select{width:100%;font-size:14px;font-weight:450;padding:0 1em;color:#111;-webkit-appearance: none;appearance: none;}
#header .search_box .search_company i{position:absolute;right:0.6em;top:0;font-size:22px;font-style:normal;color:var(--color_basicMedium);}

#header .header_btn{margin-left:auto;display:flex;gap:8px;position:relative;}
#header .header_btn li{display:flex;min-width:76px;border:1px solid #e9e9e9;}
#header .header_btn li:hover{border-color:var(--color_basicMedium);}
#header .header_btn li a{position:relative;padding:0.5em 0.9em;text-align:center;}
#header .header_btn li a i{width:34px;height:34px;line-height:34px;margin:1px;color:var(--color_basicMedium);background:var(--color_basicBright);border-radius:100px;transition:all .25s ease}
#header .header_btn li a:hover i{width:36px;height:36px;line-height:36px;margin:0;color:#fff;background:var(--color_basicMedium);transform:scale(1.01)}
#header .header_btn li a p{line-height:1.3;font-size:13px;color:#333;margin-top:5px;}
#header .header_btn li a span{position:absolute;right:4px;top:4px;width:18px;height:18px;line-height:17px;font-size:10px;font-weight:1000 !important;text-align:center;color:#fff;background:var(--color_basicMedium);box-shadow:1px 2px 3px rgba(0, 0, 0, 0.2);border-radius:100px;}

/* 최근 본 업체 토글창 */
#recent_layer{position:absolute;top:86px;left:0;width:300px;background:#fff;border:1px solid #eee;box-shadow:0 5px 10px #0000001a;opacity:0;pointer-events:none;transition:all .5s ease;z-index:100}
#recent_layer.show{opacity:1;pointer-events:auto;z-index:100000000}
#recent_layer h1{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;line-height:1;padding:.5em;border-bottom:1px solid #ddd}
#recent_layer h1 b{font-size:.95rem;font-weight:600}
#recent_layer .close{background:none;border:none;font-size:1rem;color:#888;cursor:pointer}
#recent_layer .content{position:relative;width:100%;text-align:left;overflow-y:auto;max-height:340px;scrollbar-width:thin}
#recent_layer .content a{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:.6em;border-top:1px solid #eee;text-align:left}
#recent_layer .content a i{flex:0 0 18px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;font-style:normal;font-size:11px;font-weight:600;color:#fff;border-radius:100%;background:var(--color_basicMedium)}
#recent_layer .content a b{flex:1;display:flex;flex-direction:column;font-size:13px;font-weight:600;color:#111}
#recent_layer .content a b p{max-width:220px;font-size:12px;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/* 내지역 대출찾기~고객센터 */
#header_sidebar{position:sticky;top:0;width:100%;z-index:10000000 !important;}
#navigation{position:relative;width:100%;border-top:1px solid #e9e9e9;background:#fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);}
#navigation:hover{border-top:1px solid #ddd;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
#navigation *{font-size:15px;}
#navigation ul{display:flex;gap:40px;}
#navigation ul li{display:flex;align-items:center;}
#navigation a{position:relative;display:inline-flex;align-items:center;gap:4px;padding:1.05em 0;color:#555;transition:color 0.3s ease;}
#navigation a:hover{color:var(--color_basicMedium);}
#navigation a::after{content:"";position:absolute;left:50%;bottom:0;width:100%;height:2px;background:var(--color_basicMedium);transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform 280ms cubic-bezier(.2,.8,.2,1);border-radius:2px;pointer-events:none}
#navigation a:hover::after,#navigation a:focus-visible::after{transform:translateX(-50%) scaleX(1)}
#navigation a i{margin-right:4px;}

/* NEW 아이콘 */
.i_new{display:inline-flex;justify-content:center;align-items:center;min-width:14px;height:15px;margin-left:2px;border-radius:3px;box-shadow:0 0 5px var(--color_basicBright2);
animation:shaking 2s infinite, smudging 2s infinite alternate, twist 1s infinite;box-shadow:0 0 5px var(--color_basicBright2);}
@keyframes twist { /* 흔들림  */
	0%		{transform:rotate(0deg)}
	25%		{transform:rotate(-5deg)}
	50%		{transform:rotate(0deg)}
	75%{	transform:rotate(5deg)}
	100%	{transform:rotate(0deg)}
}
@keyframes shaking { /* 연한색으로 커졌다작아짐 */
	0%		{box-shadow:0 0 0 0 var(--color_basicBright2)}
	70%		{box-shadow:0 0 0 6px var(--color_basicBright3)}
	100%	{box-shadow:0 0 0 0 var(--color_basicBright2)}
}
@keyframes smudging { /* 번짐+흐릿하게 */
	0%		{background-position:0 50%}
	50%		{background-position:100% 50%}
	100%	{background-position:0 50%}
}





/* 좌우 스크롤 사이드바 */
#sidebar{position:absolute;left:0;top:0;width:100%;transform: translateY(83px);transition:transform 0.3s ease-in-out;}
#sidebar.sticky{transform: translateY(70px);}/* 스크롤 내렸을 때 */
#side_left,#side_right{display:flex;flex-direction:column;gap:10px;width:180px;}
#side_left{position:absolute;left:-200px;}
#side_right{position:absolute;right:-200px;}

#sidebar .ad{background:#fff;box-shadow:0 4px 15px rgba(0,0,0, 0.1);overflow:hidden;}
#sidebar .ad:hover{box-shadow:0 4px 15px rgba(0,0,0, 0.3);}

#sidebar .ad a{display:block;width:100%;padding-bottom:0.4em;text-align:center;}
#sidebar .ad h5{font-size:15px;font-weight:700;text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);color:#fff;padding:0.4em 0.6em;background:var(--gradient_right);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#sidebar .ad_wrap{display:flex;flex-direction:column;text-align:center;gap:9px;padding:0.76em;}
#sidebar .ad_wrap p{font-size:13px;color:#555;}
#sidebar .ad_wrap b{font-size:15px;color:var(--color_basicMedium);}
#sidebar .ad_wrap button{display:flex;justify-content:center;align-items:center;width:100%;line-height:1;font-size:12px;padding:6px 0;text-align:center;color:var(--color_basicMedium);background:none;border:1px solid var(--color_basicMedium);border-radius:8px;}
#sidebar .ad_wrap button i{margin-left:5px;font-size:10px;}
#sidebar .ad:hover button{border:none;color:#fff;cursor:pointer;background:var(--gradient_left);}
#sidebar .ad:hover i{transform:translateX(0);transition:transform 1000ms cubic-bezier(0.2, 0.9, 0.3, 1);will-change: transform;}
#sidebar .ad:hover i,#sidebar .ad:focus i{transform:translateX(4px)}

#sidebar .ad_bn_list{display:flex;flex-direction:column;gap:8px;}
#sidebar .ad_bn_list .ad2{position:relative;background:#fff;overflow:hidden;}
#sidebar .ad_bn_list .ad2:hover{box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);}
#sidebar .ad_bn_list a{display:flex;align-items:center;gap:8px;color:#111;padding:1em 0.8em;box-shadow:0 2px 6px rgba(0, 0, 0, 0.09);background:var(--color_basicBright3);border-left:4px solid var(--color_basicMedium);}
#sidebar .ad_bn_list a i{font-size:18px;text-align:center;color:var(--color_basicMedium);border-radius:100%;}
#sidebar .ad_bn_list a p{flex:1;font-size:12px;font-weight:350}
#sidebar .ad_bn_list a b{font-weight:700}





/* 등록업체 리스트 */
#compamy_list{position:relative;width:100%;}
.pro_list{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:12px;}
.pro_list a{position:relative;display:flex;flex-direction:column;width:100%;min-height:0;border:1px solid #e0e0e0;box-shadow:0 1px 3px #e0e0e0;background:#fff;transition:all .35s cubic-bezier(0.15,0.88,0.3,1.3)}
.pro_list a:hover{border-color:var(--color_basicMedium);box-shadow:0 7px 18px #ddd;transform:translateY(-11px) scale(1.018);}

/* 배경 이미지 */
.pro_list .bg{position:relative;height:130px;background-repeat:no-repeat;background-size:100%;background-size:cover;z-index:1;}
.pro_list .bg::after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;display:block;background:rgba(0, 0, 0, 0.3);z-index:-1}
.pro_list a:nth-child(12n + 1) .bg{background-image:url(../img/random_bg_1.jpg)}
.pro_list a:nth-child(12n + 2) .bg{background-image:url(../img/random_bg_2.jpg)}
.pro_list a:nth-child(12n + 3) .bg{background-image:url(../img/random_bg_3.jpg)}
.pro_list a:nth-child(12n + 4) .bg{background-image:url(../img/random_bg_4.jpg)}
.pro_list a:nth-child(12n + 5) .bg{background-image:url(../img/random_bg_5.jpg)}
.pro_list a:nth-child(12n + 6) .bg{background-image:url(../img/random_bg_6.jpg)}
.pro_list a:nth-child(12n + 7) .bg{background-image:url(../img/random_bg_7.jpg)}
.pro_list a:nth-child(12n + 8) .bg{background-image:url(../img/random_bg_8.jpg)}
.pro_list a:nth-child(12n + 9) .bg{background-image:url(../img/random_bg_9.jpg)}
.pro_list a:nth-child(12n + 10) .bg{background-image:url(../img/random_bg_10.jpg)}
.pro_list a:nth-child(12n + 11) .bg{background-image:url(../img/random_bg_11.jpg)}
.pro_list a:nth-child(12n) .bg{background-image:url(../img/random_bg_12.jpg)}
.pro_list .bg b{position:absolute;left:0;bottom:0;width:100%;padding:8px;background:rgba(0, 0, 0, 0.6);color:#fff;font-size:14px;font-weight:600;letter-spacing:-0.02em;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.pro_list .cont{display:flex;flex-direction:column;gap:8px;padding:0.6em 0 0 0;text-align:center;}
.pro_list .cont *{line-height:1;font-weight:600;font-size:14px;}
.pro_list .cont p{font-weight:400;font-size:14px;color:#666;}
.pro_list .cont p span{font-size:13px;color:var(--color_basicMedium);}
.pro_list .cont p b{font-size:15px;color:#111;}
.pro_list .cont p:nth-child(2){margin-bottom:3px;}
.pro_list .cont strong{font-weight:600;font-size:12px;margin:0 10px;padding:0.8em 0;border-top:1px solid #eee}
.pro_list .cont strong i{font-size:11.4px;margin-right:4px;color:var(--color_basicMedium);}

.pro_list .btm{display:flex;justify-content:center;align-items:center;line-height:1;padding:0.4em 0;border-top:1px solid #eee;background:var(--color_basicBright2);margin-top:auto;}
.pro_list .btm p{font-size:12px;font-weight:600;color:var(--color_basicMedium);padding-right:6px;margin-right:6px;border-right:1px solid #ddd;}
.pro_list .btm p i{font-size:11px;}
.pro_list .btm span{font-size:11px;color:#666;}

/* HOT, 24시 뱃지 */
.badge_icon{position:absolute;left:-2px;top:-4px;display:block;width:35px;height:45px;z-index:10;}





/* footer */
/* 공지사항, FAQ, 금융권소식, 대부업뉴스 */
#footer_top{position:relative;width:100%;margin-top:100px;}
#footer_top .wrap{display:flex;gap:10px;}
#footer_top .board{flex:1;padding:1.2em;border-top:3px solid var(--color_basicMedium);background:var(--color_basicBright2);}
#footer_top .board .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;}
#footer_top .board .title h5{font-size:18px;font-weight:700;color:var(--color_basicMedium);}
#footer_top .board .title a{display:block;width:24px;height:24px;line-height:22px;font-size:16px;font-weight:600 !important;text-align:center;color:var(--color_basicMedium);border:1px solid var(--color_basicMedium);border-radius:100%;background:#fff;}
#footer_top .board .title a:hover{color:#fff;background:var(--color_basicMedium);}
#footer_top .board ul{display:flex;flex-direction:column;}
#footer_top .board ul li{display:flex;align-items:center;}
#footer_top .board ul li + li{border-top:1px solid rgba(0, 0, 0, 0.03);}
#footer_top .board ul li a{display:flex;justify-content:space-between;align-items:center;color:#555;padding:6px 0}
#footer_top .board ul li a::before{content:'·';margin-right:3px;}
#footer_top .board ul li a p{font-size:13px;font-weight:350;flex:1;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all;}
#footer_top .board ul li a:hover p{color:var(--color_basicMedium);}
#footer_top .board ul li a span{width:80px;text-align:right;font-size:12px;color:#a9a9a9;}


/* 회사소개 ~ 책임의 한계와 법적고지, 고객센터~ 금리 및 상환안내, 유의사항 */
#footer_mid{margin-top:50px;}
#f_menu{position:relative;width:100%;position:relative;width:100%;padding:1em 0;background:var(--color_basicMedium);}
#f_menu .wrap{display:flex;justify-content:space-between;align-items:center;}
#f_menu ul{display:flex;gap:30px;}
#f_menu ul li *{line-height:1;}
#f_menu ul li a{font-size:16px;color:#fff;}
#f_menu span{font-size:13.8px;padding:8px 16px;color:#fff;border-radius:6px;background:rgba(255, 255, 255, 0.2);}
#f_menu span i{margin-right:3px;}

#f_info{display:flex;gap:40px;margin:40px 0 60px 0}
#f_info .box{flex:1;}
#f_info .box .title{position:relative;width:100%;border-bottom:1px solid #e5e5e5;margin-bottom:15px;}
#f_info .box .title h5{position:relative;display:inline-block;margin:0;padding:0;line-height:36px;font-size:16.6px;font-weight:600;}
#f_info .box .title h5::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--color_basicMedium)}
#f_info .box i{color:var(--color_basicMedium)}
#f_info .box .cs_top{display:grid;grid-template-columns:repeat(2, 1fr);}
#f_info .box .tel{display:flex;flex-direction:column;}
#f_info .box .tel i{width:23px;height:23px;line-height:23px;text-align:center;font-size:14px;border-radius:4px;color:#fff;background:var(--color_basicMedium);margin-right:6px;}
#f_info .box .tel dl:last-child i{font-size:19px;}
#f_info .box .tel dl + dl{margin-top:12px;}
#f_info .box .tel dl dt{font-size:14px;color:#222;margin-bottom:8px;}
#f_info .box .tel dl dd{display:flex;align-items:center;height:23px;line-height:23px;font-weight:700;}
#f_info .box .tel dl:first-child dd{font-size:23px;color:var(--color_basicMedium)}
#f_info .box .tel dl:last-child dd{font-size:18px;color:var(--color_basicLight)}
#f_info .box .time{width:100%;margin-top:15px;}
#f_info .box .time *{line-height:2;font-size:14px;}
#f_info .box .time dt{clear:left;float:left;display:block;width:25%;font-weight:600;}
#f_info .box .time i,#f_info .box .bank i{width:18px;}
#f_info .box .time dd{color:#666;padding-left:30%;}
#f_info .box .time dd::after{content:"";display:table;clear:both;}
#f_info .box .time dd::before{content:': ';}
#f_info .box .bank{display:flex;gap:5px;line-height:1;font-size:14px;padding:0.8em;margin-top:20px;border-left: 4px solid var(--color_basicMedium);background:var(--color_basicBright3);}
#f_info .box .bank b{}
#f_info .box .bank p{font-weight:350;color:#555;}
#f_info .box .txt{line-height:1.5;font-size:15px;font-weight:350;word-break:break-all;color:#555;}
#f_info .box .txt + .txt{margin-top:10px;}

#f_precautions{position:relative;width:100%;background:#fff;padding:30px 0;border-top:3px solid var(--color_basicMedium)}
#f_precautions .wrap + .wrap{margin-top:30px;}
#f_precautions .title{position:relative;width:100%;line-height:1;padding-left:16px;font-size:24px;font-weight:700;color:var(--color_basicMedium);margin-bottom:15px;}
#f_precautions .title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:22px;background:var(--color_basicMedium);}
.pct_box{padding:1.8em;background:#fff;border:1px solid var(--color_basicBright);box-shadow:0 3px 12px rgba(0,0,0, 0.15);}
.pct_box *{line-height:1.5;letter-spacing:0;font-size:20px;color:#555;}
.pct_box p{word-break:break-all;}
.pct_box p:first-child{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #f0f0f0}
.wrap:first-child .pct_box p{padding:0;margin:0;border:none}
.wrap:first-child .pct_box p::before{content:'- ';}
.pct_box p b{font-weight:600;color:var(--color_basicMedium)}
.pct_box p small{font-weight:300;font-size:18px;color:#999;}
.pct_box .point{display:block;width:100%;padding:1em;margin-bottom:15px;border-left:5px solid var(--color_basic);background:var(--color_basicBright3);}
.pct_box .point b{color:var(--color_basicDark)}


/* 대출 시 주의사항, 카피라이트 */
#footer_btm{position:relative;width:100%;}
#f_caution{padding:0 0 40px 0;}
#f_caution .wrap{background:#fff;border:1px solid var(--color_basicBright);box-shadow:0 3px 12px rgba(0,0,0, 0.15);}
#f_caution .title{display:flex;justify-content:space-between;align-items:center;padding:0.7em 1em;background:var(--color_basicBright2)}
#f_caution .title h5{font-size:15px;font-weight:600;color:#333;}
#f_caution .title img{width:auto;height:22px;}
#f_caution .title i{color:#e45e5e}
#f_caution ul{display:grid;grid-template-columns:repeat(3, 1fr);padding:0.8em 1.2em;}
#f_caution ul li{position:relative;line-height:1;font-size:12.2px;padding:0.6em 0 0.6em 0.7em;color:#555;}
#f_caution ul li::before{content:'';position:absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;border-radius:100%;background:#e45e5e;}

#f_copy{position:relative;width:100%;min-height:140px;padding:40px 0;background:#f8f8f8;}
#f_copy .wrap{display:flex;justify-content:space-between;gap:60px; align-items: flex-start;}
#f_copy .f_logo{width:100px;}
#f_copy .f_logo img{width:100%;height:auto;object-fit:contain;}
#f_copy .copy_txt{flex:1;display:flex;flex-direction:column;}
#f_copy .copy_txt *{line-height:1;font-size:12px;color:#777;}
#f_copy .copy_txt p + p{margin-top:10px;}
#f_copy .copy_txt span + span{padding-left:6px;margin-left:6px;border-left:1px solid #aaa}


#upwards{position:fixed;right:30px;bottom:30px;display:flex;justify-content:center;align-items:center;width:50px;height:50px;cursor:pointer;color:#fff;border-radius:100%;border:none;
background:var(--gradient_diagonal);}




/* 프리미엄 광고 배너 공통 STYLE */
#banner_premium{width:386px;background:#fff;border:1px solid var(--color_basicMedium);}
#banner_premium h5{font-size:15px;font-weight:700;padding:0.55em 1em;border-bottom:1px solid var(--color_basicMedium);color:var(--color_basicMedium);background: var(--color_basicBright3);}
#banner_premium h5 i{margin-right:4px;}

.slide_premium .swiper-slide{display:grid;grid-template-columns:repeat(1, 1fr);grid-template-rows:repeat(2, auto);}
.slide_premium article{position:relative;display:flex;flex-direction:column;text-align:left;padding:0.9em 1em;box-sizing:border-box;overflow:hidden;transition:all .3s ease;}
.slide_premium article:hover{background:linear-gradient(to top, var(--color_basicBright3), transparent);}
.slide_premium article + article{border-top:1px solid #eaeaea;}
.slide_premium .ani_belt b{font-size:10px;}
.slide_premium .pr_box_tit{padding-bottom:0.6em;margin-bottom:0.6em;border-bottom:1px dashed rgba(212,81,244, 0.2);}
.slide_premium .pr_box_tit span{display:inline-block;line-height:20px;font-size:12px;padding:0 8px;color:#555;background:#efefef;border-radius:100px;margin-right:3px;}
.slide_premium .pr_box_tit span:nth-child(2){background:var(--gradient_right);color:#fff;}
.slide_premium .pr_box_tit b{display:block;font-size:16.5px;font-weight:600;color:var(--color_basicMedium);margin:0.55em 0 0;}
.slide_premium .pr_box_txt{margin-bottom:0.5em;}
.slide_premium .pr_box_txt i{font-size:13.4px;color:var(--color_basicMedium);padding-left:2px;margin-right:5px;}
.slide_premium .pr_box_txt *{display:flex;align-items:center;line-height:1.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.slide_premium .pr_box_txt p{font-size:13px;font-weight:400;color:#555;}
.slide_premium .pr_box_txt b{font-size:15px;font-weight:600;color:#111;}
.slide_premium .pr_box_btm{display:flex;justify-content:space-between;align-items:center;}
.slide_premium .pr_box_btm p{font-size:13px;color:#666;}
.slide_premium .pr_box_btm p i{color:var(--color_basicMedium);}
.slide_premium .pr_box_btm button{border:none;}
.slide_premium .pr_box_btm button{position:relative;font-size:12px;font-weight:500;line-height:1;color:#fff;padding:7px 16px;
background:var(--gradient_270);background-size:300% 300%;border-radius:8px;cursor:pointer;box-shadow:0 3px 10px #ee6b2433;transition:all .3s ease;animation:gradientFlow 8s ease infinite;overflow:hidden;z-index:1}
.slide_premium .pr_box_btm button b{display:flex;align-items:center;position:relative;z-index:2}
.slide_premium .pr_box_btm button b i{font-size:11px;margin-left:5px}
.slide_premium .pagination{position:absolute;top:0.4em;right:0 !important;width:200px !important;height:20px !important;text-align:right;padding-right:14px !important;margin-left:auto;}
.slide_premium .swiper-pagination-bullet{width:8px;height:8px;margin:0 0 0 5px !important;background:rgba(255, 255, 255, 0.5);opacity:1;transition:background .3s}
.slide_premium .swiper-pagination-bullet-active{background:rgba(255, 255, 255, 1);}

/* 페이지네이션 1/10 디자인 */
.slide_premium .pagination{position:absolute;top:7px;right:0 !important;margin-left:auto;font-size:12.5px;font-weight:600;color:var(--color_basicMedium);}
.slide_premium .swiper-pagination-bullet,.slide_premium .swiper-pagination-bullet-active{display:none !important}

.slide_premium .list_none{display:flex !important;justify-content:center;flex-direction:column;width:100%;padding:5%;border-radius:0;background:none;min-height:100% !important;border:none;}
.slide_premium .list_none p{margin:0 0 1em 0;}
.slide_premium .list_none img{height:30px;}
.slide_premium .list_none a{width:100% !important;margin-top:auto !important;padding:0.4em 0 !important;}

/* 서브 내지역 대출찾기, 상품별 대출찾기 프리미엄 광고 영역 */
#find_top #banner_premium h5{color:#fff !important;background: var(--color_basicMedium) !important;}
#find_top .slide_premium .pagination{color:#fff !important;}
.slide_premium article:hover{background:transparent !important;}