@charset "utf-8";

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

html,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}
select{padding-left: 6px;}

@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');
}

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




/* 페이징 */
.paging{display:flex;justify-content:center;align-items:center;gap:5px;position:relative;width:100%;margin-top:20px}
.paging a{display:flex;align-items:center;justify-content:center;width:26px;height:26px;line-height:26px;font-size:12px;text-align:center;background:#eee;color:#333;text-decoration:none;transition:all .3s}
.paging a:hover{background:#f9f9f9;}
.paging a.active{background:var(--color_m_basic);color:#fff;border-color:var(--color_m_basic)}
.paging a i{font-size:10px;color:#999}




/* 중요 문장들 */
.key_txt{position:relative;width:100%;line-height:1.3;font-size:0.85rem;padding:1em 1.4em;border-left:4px solid var(--color_m_basic);background:var(--color_m_basicBright);margin:1em 0}
.key_txt i{font-weight:1000;margin-right:4px;}
.key_txt span{color:var(--color_m_basic);font-weight:700;}
@media screen and (max-width:500px){
	.key_txt{font-size:0.75rem;padding:0.8em 1.2em;border-width:3px}
}




/* 전체 768px로 감싸기 */
#wrap{max-width:768px;width:100%;margin:0 auto;border:1px solid #ddd;box-sizing:border-box;}




/* 모달창 공용 */
.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;top:0 !important;flex-direction:column;position:relative;width:90%;max-width:500px;max-height:500px;background:#fff;transform:translateY(30px);opacity:0;transition:transform .3s ease,opacity .3s ease;overflow:hidden;}
.modal_contents{flex:1 1 auto;padding:0.9em;overflow-y:auto}
.modal_header{display:flex;justify-content:space-between;align-items:center;background:var(--gradient_m_left);}
.modal_header,.modal_contents,.modal_footer{padding:0.9em}
.modal_header b{font-size:18px;font-weight:600;color:#fff;}
.modal_header button{font-size:20px;color:#fff;background:none;border:none;}
.modal_contents *{line-height:1.4;word-break:break-all;}





/* 팝업창 */
#hd_pop{position:fixed;left:0;top:0;width:100%;box-sizing:border-box; z-index:100000 !important}
#hd_pop h2{display:none}
.hd_pops{position:absolute; left: 50% !important; top: 80px !important; transform: translateX(-50%); background:#fff !important;box-shadow:0 10px 30px #0003;border:2px solid var(--color_m_basicLight2);display:block !important;overflow:hidden; width: 80%; max-width: 600px;}
#hd_pops_8, #hd_pops_7{z-index: 1;}
.hd_pops_con{width: 100% !important; height:auto !important;}
.hd_pops_con img{display: block; max-width: 100%;}
.hd_pops_con img + br{display: none;}

.pop_wrap .pop_title{display:block;width:100%;padding:1.2em 1.5em;background:var(--color_m_basicBright);border-bottom:2px solid var(--color_m_basicLight2);border-top:3px solid var(--color_m_basic);}
.pop_wrap .pop_title h4{display:flex;align-items:center;width:100%;font-size:18px;font-weight:700;color:var(--color_m_basic);}
.pop_wrap .pop_title h4 span{font-size:12px;font-weight:500;color:var(--color_m_basic);margin-left:auto;padding:0.3em 0.5em;background:#fff;border:1px solid var(--color_m_basic)}
.pop_wrap .num_list{display:flex;flex-direction:column;padding:0.2em 1.2em 1.2em 1.2em}
.pop_wrap .num_list li{position:relative;font-size:14px;line-height:1.4;word-break:break-all;text-align:left !important;padding-left:1.6rem;margin-top:1em}
.pop_wrap .num_list li:first-child::before{top:0}
.pop_wrap .num_list li::before{position:absolute;left:0;top:-3px;width:15px;height:15px;line-height:16px;font-size:11px;font-weight:600;text-align:center;border-radius:50%;border:2px solid var(--color_m_basicLight);color:var(--color_m_basicLight);}
.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_m_basicDark);font-weight:600;background:var(--color_m_basicBright2);padding:2px 4px;border:1px solid var(--color_m_basicLight2);}
.pop_wrap a.more{display:none;}

.hd_pops_footer{display:flex;justify-content:space-between;align-items:center;padding:1em 1.5em;background:var(--color_m_basic);}
.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;}
.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:1px solid rgba(255, 255, 255, 0.28);background:none}

@media screen and (max-width:1280px){
	.pop_wrap .num_list{max-height:300px;overflow-y:scroll;}
	.pop_wrap .num_list li{text-align:left !important;padding-left:1.8rem;margin-top:1.4em}
}

@media screen and (max-width:770px){
	.pop_wrap .pop_title h4{justify-content:center;text-align:center;font-size:15px;}
	.pop_wrap .pop_title h4 span{display:none;}
	.pop_wrap .num_list{margin:1em;padding:.5em .8em !important;border:1px solid var(--color_m_basicLight2);max-height:150px !important;overflow-y:auto !important}
	.pop_wrap .num_list li{display:block;position:relative;font-size:13px;line-height:1.4;word-break:break-all;text-align:left !important;padding-left:1.4rem;margin-top:.8em;white-space:normal;text-overflow:unset;overflow:visible}
	.pop_wrap .num_list li::before{top:2px;width:12px;height:12px;line-height:12px;font-size:9px}
	.pop_wrap a.more{display:block;width:auto;font-size:13px;font-weight:600;text-align:center;padding:0.7em 0;color:#fff;background:var(--color_m_basicDark);;margin:0 1em 1em 1em;}
	
	.hd_pops_footer{padding:0.6em 1em;}
}




/* 모바일 header */
#m_header{position:relative;display:block;width:100%;background:#fff;text-align:Center;}
#m_header h1{display:block;width:100%;font-size:20px;font-weight:300;color:#333;padding:0.6em 0;border-bottom:1px solid #ddd;}
#m_header_top{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;width:100% !important;padding:0.6em 1em;z-index:1000;border-bottom:1px solid var(--color_m_basic);background:#fff;}
#m_header_top #m_logo{position:absolute;left:50%;transform:translateX(-50%);text-align:center}
#m_header_top #m_logo a{display:block;height:38px;}
#m_header_top #m_logo img{width:auto;height:100%;object-fit:contain}
#m_header_top .left{margin-right:auto;}
#m_header_top .right{display:flex;gap:8px;margin-left:auto;}
#m_header_top .btn{display:block;width:34px;height:34px;line-height:34px;font-size:16px;border-radius:100%;background:var(--color_m_basicBright);}
#m_header_top .btn i{color:var(--color_m_basic);}
#m_header_top .left .btn i{line-height:35px;font-size:19px;}
/* 상단 sticky */
#m_header_top.sticky{position:fixed;top:0;left:0;right:0;}

/* 상단 검색 영역 (처음엔 숨김) */
#top_search{display:none;position:absolute;top:54px;left:0;right:0;background:var(--color_m_basicBright);padding:.9em 1.2em;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);z-index:1000}
#top_search.open{display:block;animation:fadeSlide .3s ease forwards;}
@keyframes fadeSlide {
	from	{opacity:0;transform:translateY(-10px)}
	to		{opacity:1;transform:translateY(0)}
}

#top_search .search{display:flex;justify-content:space-between;overflow:hidden;}
#top_search .search *{line-height:28px;padding:6px;}
#top_search .search input{flex:1;border:1px solid var(--color_m_basic);}
#top_search .search button{width:70px;color:#fff;background:var(--color_m_basic);border:none;}

	

/* 내지역, 상품별 대출찾기 메뉴 */
#h_menu{background:var(--color_m_basicBright2);border-bottom:1px solid #ddd;box-shadow:0 1px 3px rgba(0, 0, 0, 0.07);}
#h_menu ul{display:grid;grid-template-columns:repeat(3, 1fr);}
#h_menu ul li + li{border-left:1px solid rgba(0, 0, 0, 0.08);}
#h_menu ul li a{display:flex;justify-content:center;align-items:center;line-height:1;font-size:14.6px; font-weight:500; color:#222; padding:1.1em 0;}
.i_new{margin-left:5px;animation:brighter 2s infinite;}
.i_new img{width:15px;height:15px;}
@keyframes brighter {
	0%		{opacity:1}
	50%		{opacity:0.6}
	100%	{opacity:1}
}

/* 우측 메뉴 */
#m_menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:111111 !important;visibility:hidden;pointer-events:none;opacity:0;transition:opacity 0.3s linear,visibility 0s 0.3s}
#m_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;z-index:10;pointer-events:auto;transition:opacity 0.3s;z-index:111111 !importnat;}
body.menu-open #m_menu{visibility:visible;pointer-events:auto;opacity:1;transition-delay:0s}
body.menu-open #m_overlay{opacity:.5}
body.menu-open #wrap{filter:blur(3px);transition:filter 0.3s;pointer-events:none}
.menu{position:absolute;top:0;right:0;width:360px;height:100%;background:#fff;box-shadow:-5px 0 15px #0003;transform:translateX(100%);transition:transform .3s cubic-bezier(0.19,1,0.22,1);z-index:20;overflow:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#0e60c3 !important transparent}
.menu::-webkit-scrollbar{width:8px}
.menu::-webkit-scrollbar-thumb{background-color:#0e60c3;}
.menu::-webkit-scrollbar-track{background:transparent}
body.menu-open .menu{transform:translateX(0)}
.menu .close-btn{position:absolute;top:12px;right:12px;font-size:36px;color:#fff;opacity:0.5;z-index:30;}

.menu .top{position:relative;width:100%;text-align:center;padding:2em 0;background:var(--gradient_diagonal);}
.menu .top img{width:auto;height:40px;object-fit:contain;filter: brightness(0) invert(1)}
.menu .top h5{font-size:16px;font-weight:600;color:#fff;margin:1em 0;}
.menu .top .icon{display:flex;justify-content:center;gap:10px; padding: 0 1.5em;}
.menu .top .icon a{flex: 1; line-height:1;font-size:13.4px;font-weight:600;padding:0.8em 1.4em;color:#fff; border:1px solid rgba(255, 255, 255, 0.32);background:rgba(255, 255, 255, 0.15);}
.menu .top .icon a:last-child{color:var(--color_m_basicDark);;background:#fff;border:1px solid #fff;}
.menu .top .icon a i{font-size:13.4px;}
.menu .top .icon a:last-child i{color:var(--color_m_basicDark);}

.menu .navi{padding:1.5em;}
.menu .navi h5{font-size:14px;font-weight:600;color:#555;margin-bottom:1.5em;}
.menu .navi h5 i{margin-right:8px;}
.menu .navi h5:nth-child(n+2){margin-top:0.7em;}
.menu .navi ul{display:flex;flex-direction:column;}
.menu .navi ul li{width:100%;}
.menu .navi .tit{position:relative;display:block;width:100%;font-size:14px;color:#444;margin-bottom:1.5em;line-height:1;}
.menu .navi .tit::after{position:absolute;right:0;top:26%;content:"\f105";font-size:18px;font-weight:1000;font-family:"FontAwesome";color:#ccc;}
.menu .navi .tit i{width:36px;height:36px;font-size:18px;text-align:center;padding:10px;color:var(--color_m_basic);background:var(--color_m_basicBright);margin-right:10px;}
.menu .navi dd{font-size:13.4px;color:#999;margin-left:3em;}
.menu .navi dd::before{content:'ㆍ';font-weight:1000;color:#ccc;}
.menu .navi dd + dd{margin-top:1em}
.menu .navi .tit.ad{margin-top:1.5em;}

#nav_btm{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:5px;padding:2em 1.5em;border-top:1px solid #eee;background:var(--color_m_basicBright2);margin-top:2em;}
#nav_btm a{font-size:0.85rem;color:#666;text-align:center;padding:1em 0;border:1px solid var(--color_m_basicLight2);background:#fff;}
#nav_btm a i{display:block;font-size:1.2rem;color:var(--color_m_basic);margin-bottom:0.4em; margin-left: auto; margin-right: auto;}

/* 내지역 대출찾기, 상품별 대출찾기 메뉴 펼쳐짐 */
.sub_panel{position:fixed;top:0;right:-100%;width:100%;height:100%;background:#fff;transition:right .5s ease;z-index:2000;overflow-y:auto;}
.sub_panel.show{right:0}
.sub_panel .panel_inner{padding:1.6em;}
.sub_panel .panel_inner h5{font-size:14px;font-weight:600;color:#444;margin-bottom:1em;}
.sub_panel .panel_inner ul{display:grid !important;grid-template-columns:repeat(3, 1fr);gap:10px;}
.sub_panel .panel_inner ul li{display:block;width:100%;text-align:center;border:1px solid #e5e5e5;}
.sub_panel .panel_inner ul li a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:14px;padding:0.85em;color:#555;}
.sub_panel .panel_inner ul.pro a{font-size:13px;}
.sub_panel .panel_inner ul i{display:inline-block;height:26px;line-height:26px;font-size:26px;vertical-align:middle;color:var(--color_m_basic);}
.panel_top{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:0.8em 1.5em;background:#f5f5f5;border-bottom:1px solid #ddd;}
.panel_top h1{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-size:17px;font-weight:600;color:#333;}
.panel_top button{font-size:34px;color:#ccc;border:none;background:none;}
.panel_top button:nth-child(1){margin-right:auto}
.panel_top button:nth-child(2){margin-left:auto}




/* 프리미엄 등록업체 타이틀 */
.pr_title{position:relative;display:flex;justify-content:space-between;align-items:center;padding: .8em 0;/* box-shadow:0 2px 5px #0000000d; background:linear-gradient(135deg,#fffbee 0%,#fff8cc 100%) */}
.pr_line{position:relative;width:100%;height:12px;margin-top:-13px;overflow-x:hidden;margin-bottom:1em}
.pr_line:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#B8860B,#DAA520,#FFD700,#F0E68C)}
.pr_line:after{content:'';position:absolute;bottom:0;left:0;width:60%;height:2px;background:linear-gradient(to right,#B8860B,#DAA520,#FFD700,#F0E68C);opacity:.6;filter:blur(2px);animation:shimmer 2s infinite}
@keyframes shimmer {
	0%		{left:-30%;width:30%}
	100%	{left:100%;width:30%}
	0%		{left:-30%;width:30%}
	100%	{left:100%;width:30%}
}
.pr_title h5{font-size:16px;font-weight:700}
.pr_title .title h5{font-size:18px;font-weight:700;background:linear-gradient(270deg,#B8860B,#DAA520,#FFD700,#F0E68C,#B8860B);background-size:600% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:wave 4s linear infinite}
@keyframes wave {
	0%		{background-position:0 50%}
	50%		{background-position:100% 50%}
	100%	{background-position:0 50%}
}
/* 추천파트너 버튼 + 툴팁 */
.tooltip_wrap{position:relative;display:inline-block}
.tooltip_btn{position:relative;display:block;line-height:24px;font-size:13px;font-weight:700;color:#95501f;padding:0 10px;background:linear-gradient(140deg, #f3eac2, #f5e546);border-radius:100px;overflow:hidden;}
.tooltip_btn:before{content:'';position:absolute;top:0;left:-50%;width:40%;height:100%;background:linear-gradient(90deg,#fff0 0%,#fff9 50%,#fff0 100%);transform:skewX(-25deg);opacity:.8;animation:shine 4s infinite}
@keyframes shine {
    0% { left: -50%; }
    100% { left: 150%; }
}
.tooltip_box{background:linear-gradient(135deg, #FFF8DC, #F0E68C);border:1px solid #DAA520;padding:10px 12px;width:190px;font-size:12px;font-weight:450;color:#8B4513;line-height:1.5;box-shadow:0 3px 10px #b8860b33;z-index:100;text-align:left;margin-top:8px;position:absolute;right:0;top:100%;display:none}
.tooltip_box:before{content:'';position:absolute;top:-6px;right:12px;width:10px;height:10px;background:linear-gradient(135deg, #FFF8DC, #F0E68C);border-left:1px solid #DAA520;border-top:1px solid #DAA520;transform:rotate(45deg)}
.tooltip_box.show{display:block;animation:tooltip-up .35s ease-out}
@keyframes tooltip-up {
	from	{opacity:0;transform:translateY(10px)}
	to		{opacity:1;transform:translateY(0)}
}




/* 업체 리스트 배경 이미지 */
.pro_list .bg{position:relative;height:130px;background-repeat:no-repeat;background-size:100%;background-position:center center;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 li:nth-child(12n + 1) .bg{background-image:url(../img/random_bg_1.jpg)}
.pro_list li:nth-child(12n + 2) .bg{background-image:url(../img/random_bg_2.jpg)}
.pro_list li:nth-child(12n + 3) .bg{background-image:url(../img/random_bg_3.jpg)}
.pro_list li:nth-child(12n + 4) .bg{background-image:url(../img/random_bg_4.jpg)}
.pro_list li:nth-child(12n + 5) .bg{background-image:url(../img/random_bg_5.jpg)}
.pro_list li:nth-child(12n + 6) .bg{background-image:url(../img/random_bg_6.jpg)}
.pro_list li:nth-child(12n + 7) .bg{background-image:url(../img/random_bg_7.jpg)}
.pro_list li:nth-child(12n + 8) .bg{background-image:url(../img/random_bg_8.jpg)}
.pro_list li:nth-child(12n + 9) .bg{background-image:url(../img/random_bg_9.jpg)}
.pro_list li:nth-child(12n + 10) .bg{background-image:url(../img/random_bg_10.jpg)}
.pro_list li:nth-child(12n + 11) .bg{background-image:url(../img/random_bg_11.jpg)}
.pro_list li: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:13px;font-weight:600;letter-spacing:-0.02em;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pro_list .bg i{position:absolute;right:5px;top:7px;line-height:16px;font-style:normal;font-size:9px;font-weight:800;padding:0 6px;color:#fff;background:#ff4040;overflow:hidden;}
.pro_list .bg i::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left, #fff2 0%, #fff0 100%);pointer-events:none}

/* 업체 리스트 type01 - 프리미엄 등록업체 */
.pro_list{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:8px;}
.pro_list li{position:relative;display:flex;flex-direction:column;border:1px solid var(--color_m_basic);overflow:hidden;}
.pro_list li .top{display:flex;justify-content:left;align-items:center;gap:0.3em;line-height:20px;padding:0.5em;background:var(--color_m_basic);}
.pro_list li .top p{font-size:14px;color:#fff;font-weight:500;}
.pro_list li .top span{display:inline-block;vertical-align:middle;font-size:11px;padding:0 6px;color:#fff;background:rgba(0, 0, 0, 0.2);border-radius:100px;}
.pro_list li .cont{display:flex;justify-content:center;flex-direction:column;gap:5px;text-align:center;padding:0.5em 0;border-bottom:1px solid #eee}
.pro_list li .cont p{font-size:14px;font-weight:600;color:#111;}
.pro_list li .cont p b{font-size:13px;color:var(--color_m_basic);}
.pro_list li .btm{display:flex;justify-content:space-between;gap:3px;padding:6px;background:#f9f9f9;}
.pro_list li .btm a{flex:1;display:flex;justify-content:center;align-items:center;line-height:30px;font-size:13px;font-weight:600;color:#fff;background:var(--gradient_right);}
.pro_list li .btm a i{display: inline-block;margin-right:5px;}
.pro_list li .btm a:nth-child(2) i{font-size:11px;}

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

/* HOT, 24시 뱃지 */
.badge_icon{position:absolute;right:3px !important;top:-4px;display:block;width:25px;height:35px;z-index:10;background-repeat:no-repeat !important;background-size:100% !important;}

/* 업체 리스트 type02 - 메인 등록업체 */
.pro_list.type2 li .top{display:flex;justify-content:left;align-items:center;gap:0.3em;line-height:20px;padding:0.5em;background:none;}
.pro_list.type2 li .top p{font-size:12px;font-weight:700;color:#111;}
.pro_list.type2 li .top span{color:#111;background:rgba(0, 0, 0, 0.05);border-radius:100px;}
.pro_list.type2 li .cont{background:#f9f9f9;border-bottom:1px solid #eee}
.pro_list.type2 li .cont h5{font-size:18px;font-weight:600;color:var(--color_m_basicDark);}
.pro_list.type2 li .cont p{font-size:11px;font-weight:450;color:#555;margin-top:2px;}
.pro_list.type2 li .cont p b{font-size:12px;font-weight:600;color:var(--color_m_basic);}
.pro_list.type2 li .btm{background:none;}


/* 업체 리스트 type03 - 스페셜 등록업체 */
.pro_list.type3 li{display:flex; flex-direction:column; text-align:center; border:1px solid #eaeaea;}
.pro_list.type3 li > a{padding:10px;}
.pro_list.type3 .sp_box_tit > *, .pro_list.type3 .sp_box_txt > *{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_list.type3 .sp_box_tit > span{display:inline-block; line-height:1; font-size:12px; padding:4px 9px;margin-bottom:7px; color:#555; background:#f9f9f9; border:1px solid #ddd; border-radius: 2em;}
.pro_list.type3 .sp_box_tit > p {display:block; font-weight:700; color:var(--color_basicMedium); width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_list.type3 .sp_box_txt{line-height:1.3; margin-top:10px; padding-top:7px; border-top:1px solid #f1f1f1;}
.pro_list.type3 .sp_box_txt p{font-size:13px; letter-spacing:-.03em; margin: 5px 0; color:#555;}
.pro_list.type3 .sp_box_txt b{font-size:15px;}



/* 지역별 등록업체 게시판 */
#inquiry_board{position:relative;width:100%;}
.sub_title_wrap{padding-top: 1.2em;}
.sub_title_wrap.gray_box{background-color: rgba(104, 141, 137, 0.06);}
.sub_title_wrap .sub_title{margin: 0 auto;}
.sub_title{position:relative; display:flex; justify-content:center; align-items:center; min-width:0; width:fit-content; max-width:90%; margin:1em auto 1.5em auto; line-height:40px; font-size:15px; font-weight:700; text-align:center; color:#fff; padding:0 20px; margin-bottom:1em; background:var(--color_m_basicDark); border-bottom:2px solid var(--color_m_basic);}
.sub_title:before{content:'';position:absolute;top:0;left:-50%;width:60%;height:100%;background:linear-gradient(90deg,#fff0 0%,#fff9 50%,#fff0 100%);transform:skewX(-25deg);opacity:0.3;animation:shine2 3s infinite}
@keyframes shine2{
	0%		{left:-50%}
	30%		{left:150%}
	100%	{left:150%}
}
.sub_title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left, #fff5 0%, #fff0 100%);pointer-events:none}
.sub_title i{margin-right:8px;}

.tbl{position:relative;width:100%;border:1px solid #e5e5e5 !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.08);overflow:hidden;}
.tbl table{width:100%;}
.tbl table *{font-size:13.8px;text-align:center;color:#444;}
.tbl table thead{background:var(--color_m_basicBright2);border-bottom: 2px solid var(--color_m_basic);}
.tbl table th{font-size:14px;font-weight:600;color:var(--color_m_basicDark);}
.tbl table th,.tbl table td{padding:1em 1.2em}
.tbl table tr:nth-child(2n){background:#fafafa;}
.tbl table tr + tr{border-top:1px solid #e9e9e9}
.tbl table tr{display:grid;grid-template-columns:60px auto 120px;align-items:center;justify-items:center}
.tbl table td:nth-child(2){display:inline-flex;justify-content: flex-start;width:100%;}
.tbl table td a{flex:1;display:flex;justify-content:left;align-items:center;gap:3px;line-height:1;}
.tbl table td a p{max-width:100%;font-size:13.8px;text-align:left !important;color:#444;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
.tbl table td a i{max-width:14px;}
.tbl table .name{flex:1;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all;}
.tbl table .sort{display:inline-block;font-size:12px;padding:0.3em 0.8em;color:var(--color_m_basicDark);border:1px solid var(--color_m_basicLight);background:var(--color_m_basicBright)}





/* 모바일 footer */
/* 지역검색, 상품검색, 공지사항, 금융권소식 */
#footer_tab{position:relative;padding:1em;}

/* 지역검색, 상품검색 */
.tab_search{position:relative;width:100%;}
.tab_search .tabs{display:grid;grid-template-columns:repeat(2, 1fr);position:relative;background:var(--color_m_basicDark);overflow:hidden;}
.tab_search .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;line-height:46px;font-size:14px;font-weight:600;letter-spacing:-.5px;color:rgba(255, 255, 255, 0.7);background:none;}
.tab_search .tab.active{color:rgba(255, 255, 255, 1);background:rgba(255, 255, 255, 0.2);}
.tab_search .ps{display:block;width:100%;font-size:11.4px;font-weight:450;color:rgba(0, 0, 0, 0.5);padding:0.8em 1.2em;background:#f5f5f5;border-bottom:1px solid #ddd;}
.tab_search .tab-content{display:none;padding:0.6em;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);opacity:0;}
.tab_search .tab-content.active{display:block;opacity:1}
.tab_search ul{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:8px}
.tab_search ul li{min-width:0;}
.tab_search ul li a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;font-size:13px;font-weight:500;color:#555;padding:0.8em;border:1px solid var(--color_basicLight);background:var(--color_basicBright2);overflow:hidden;transform:translateY(0);transition:transform 1000ms cubic-bezier(0.2,0.9,0.3,1);will-change:transform}
.tab_search ul li a i{font-size:16px;color:var(--color_m_basicDark);transition:all .25s ease}
.tab_search ul li a span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.tab_search ul li a.active{font-weight:600;border:1px solid var(--color_m_basic);color:#fff;background:var(--color_m_basic)}
.tab_search ul li a.active i{color:#fff;}
.tab_search ul li a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:rgba(212,81,244, 1);transition:width .3s ease}

/* 공지사항, 금융권소식 */
.notice_board{position:relative;width:100%;margin-top:2em;border:1px solid #e5e5e5 !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.08);overflow:hidden;}
.notice_board .tabs{display:grid;grid-template-columns:repeat(2,1fr);background:var(--color_m_basicBright2);width:100%;border-bottom:1px solid #e5e5e5}
.notice_board .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;line-height:46px;font-size:14px;font-weight:700;letter-spacing:-.5px;color:var(--color_m_basicDark);position:relative;background:transparent;border:none;transition:all .2s ease;}
.notice_board .tab.active:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--color_m_basic)}
.notice_board .tab-content{display:none;padding:1.5em 1em 0.9em 1em;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);opacity:0;}
.notice_board .tab-content.active{display:block;opacity:1}
.notice_board ul{display:flex;flex-direction:column;}
.notice_board ul li{display:flex;}
.notice_board ul li *{line-height:1}
.notice_board ul li + li{border-top:1px solid #eee;padding-top:13px}
.notice_board ul li a{flex:1; display:flex; justify-content:left; align-items:flex-start; gap:8px;margin-bottom:.6em}
.notice_board ul li a p{max-width:85%;font-size:14.6px;font-weight:500;color:#444;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all;position:relative;padding-left:12px}
.notice_board ul li a p:before{content:'';position:absolute;left:0;top:50%;width:4px;height:4px;background:var(--color_m_basicLight);border-radius:50%;transform:translateY(-50%)}
.notice_board ul li a i{max-width:14px;}
.notice_board ul li .date{min-width:40px;font-size:13px;text-align:right;color:#aaa;}

.i_new2{display:inline-flex;justify-content:center;align-items:center;width: 0.8em; aspect-ratio: 1/1; margin-left:2px;background-size:200% 200%; background-image:url(../img/i_new.png); background-repeat:no-repeat; background-position:center;background-size:100%; border-radius: 4px;}

/* 하단 경고문구 */
#footer_info{position:relative;width:100%;}
#footer_info article{background:#fff;padding:0.6em;border-width:1px;border-style:solid;}
.f_info_txt{position:relative;padding:1.8em 0.6em;background:var(--color_m_basicBright2);border-bottom:1px solid var(--color_m_basicLight);}
.f_info_txt article{border-color:var(--color_m_basicLight);}
.f_info_txt *{line-height:1.4;font-size:28px;font-weight:500;word-break: break-all;}
.f_info_txt b{display:flex;font-weight:700;}
.f_info_txt b i{line-height:1.7;width:40px;font-size:20px;font-weight:700;}
.f_info_txt p{color:#333;margin-top:1.2em;}
.f_info_txt .c1{color:var(--color_m_basicDark);}
.f_info_txt .c2{color:#e12222;}
.f_info_list{position:relative;padding:1.8em 0.6em;background:#fff7f7}
.f_info_list article{border-color:#ffdada;}
.f_info_list h5{font-size:16px;font-weight:600;color:#e12222;margin:8px 0 20px;}
.f_info_list ul{}
.f_info_list ul li{display:flex;line-height:1.2;font-size:13.4px;color:#555}
.f_info_list ul li + li{margin-top:10px;}
.f_info_list ul li i{color:#e12222;margin:2px 5px 0 0 ;}

/* 하단 고객센터 */
#footer_cs{position:relative; display:flex; justify-content:space-between; gap:0.5em; padding:2em 0.6em 1.4em; background:#fefefe;}
#footer_cs article{flex:1; position:relative; padding: 28px 20px 20px 20px; border:1px solid #e9e9e9; box-shadow:0 4px 6px #eee;}
#footer_cs h5{position: absolute; left: 0; top: -0.5em; line-height:1; letter-spacing:1.6px; font-weight:700; color:#555; 
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 5%, #ffffff 95%, rgba(255, 255, 255, 0) 100%); padding: 0 20px; color: #111; font-size: 15px;}
#footer_cs h5 i{color:var(--color_m_basic);}
#footer_cs dl{display:flex;flex-direction:column;}
#footer_cs dt,#footer_cs .right dd{font-size:12.6px;color:#777;}
#footer_cs .left dd{font-size:14px;color:#555; margin: 4px 0 10px 0;}
#footer_cs .left dd.tel{position:relative; font-size:22px; font-weight:800; color:var(--color_m_basic)}
#footer_cs .right dt{font-size:18px;font-weight:600;color:var(--color_m_basic);margin-bottom: 10px;}
#footer_cs .right dd{line-height:1.6; margin-bottom: 10px;}
#footer_cs .right dd span{display:inline-block;text-decoration:underline;}
#footer_cs .bank{display:flex; justify-content:center; align-items:center; gap:8px; padding:10px 0; background:var(--color_m_basicBright); text-align: center;}
#footer_cs .bank b{display:flex;align-items:center;gap:5px;}
#footer_cs .bank b img{width:auto;height:18px;object-fit:contain;object-position:center;}
#footer_cs .bank b span{font-size:14px;font-weight:600;color:var(--color_m_basic);}
#footer_cs .bank p{font-size:12px;color:#555;}

/* 하단 카피라이트 */
#footer_copy{display:flex;justify-content:center;flex-direction:column;background:#fefefe;}
.f_info{padding-top:1.8em ;margin:0 1em 2.8em 1em;border-top:1px solid #eee;}
.f_info p{line-height:1.75;font-size:12px;text-align:center;color:#777;}
.f_info ol{display:flex;justify-content:center;align-items:center;gap:16px;margin:1.2em 0}
.f_info ol li{width:34px;height:34px;}
.f_info ol li img{width:100%;height:100%;object-fit:contain;object-position:center;}
.f_info p:last-of-type{color:#bbb}

.f_menu{position:relative;width:100%;padding:0.8em 0;background:#f5f5f5;border-top:1px solid #ddd;}
.f_menu ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.f_menu ul li{margin:0.4em 0;}
.f_menu ul li + li{margin-left:14px;padding-left:14px;border-left:1px solid #ddd;}
.f_menu ul li a{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:450;color:#777;}

#device_change{position:relative;width:100%;padding:3%; padding-top: 0; font-size:13px;}
#device_change a{display:block;width:100%;line-height:30px;text-align:center;border:1px solid #ddd;border-radius:50px;}
#device_change i{margin-right:5px;}


/* 맨위로 */
#upwards{position:fixed;right:10px;bottom:10px;display:flex;justify-content:center;align-items:center;width:38px;height:38px;cursor:pointer;color:#fff;border-radius:100%;border:none;background:var(--gradient_diagonal);z-index:111;}





















@media (max-width: 768px) {
    #wrap{max-width:100% !important;width:100% !important;border:none !important;margin:0 !important;}
}


@media (max-width: 700px) {
	/* 하단 고객센터 */
	#footer_cs{flex-direction:column; gap: 1.5em;}

}

@media screen and (max-width:500px){
	#m_header h1{font-size:18px}
	#h_menu ul li a{font-size:12px;padding:1em 0;}

	.i_new img{width:12px;height:12px;}
	.modal_header,.modal_contents,.modal_footer{padding:0.7em;}
	
	.pr_title{padding:.6em 1em;}
	.pr_title .title h5{font-size:16px;}
	.tooltip_btn{font-size:12px;font-weight:700;}
	
	/* 업체 리스트 */
	.pro_list .bg{height:90px;}
	.pro_list .bg b{font-size:12px;padding:6px;}
	.pro_list li .top{padding:0.3em 0.5em;}
	.pro_list li .top p{font-size:11px;}
	.pro_list li .top span{font-size:10.2px;}
	.pro_list li .cont p{font-size:13px;}
	.pro_list li .cont p b{font-size:12px;}
	.pro_list li .btm a{line-height:28px;font-size:11px;}
	.pro_list li .btm a:nth-child(2) i{font-size:10px;margin-top:-1px;}
	
	/* 업체 리스트 type02 - 메인 등록업체 */
	.pro_list.type2 .bg{height:60px;}
	.pro_list.type2 li .cont h5{font-size:16px}
	.pro_list.type2 li .cont p{font-size:11px !important;margin:0;}

	/* 업체 리스트 type03 - 스페셜 등록업체 */
	.pro_list.type3 .sp_box_tit > p{font-size: 14px;}
	.pro_list.type3 .sp_box_tit > span{font-size: 10.2px; margin-bottom: 3px;}
	.pro_list.type3 .sp_box_txt p{font-size: 11px;}

	
	/* 지역별 등록업체 게시판 */
	.tbl table *{font-size:12px;}
	.tbl table th{font-size:12px;}
	.tbl table th,.tbl table td{padding:0.8em}
	.tbl table tr{grid-template-columns:52px auto 80px;}
	.tbl table .sort{font-size:11px;padding:0.2em 0.5em;}
	
	/* 지역별찾기, 상품별찾기 */
	.tab_search ul{grid-template-columns:repeat(3, 1fr);}
	.tab_search ul li a{font-size:12px;}
	.tab_search ul li a i{font-size:14px;}
	
	/* 공지사항, 금융권소식 */
	.notice_board .tab{line-height:38px;font-size:13px;}
	.notice_board ul li a{gap:0;}
	.notice_board ul li a p{max-width:92%;font-size:13px;padding-left:8px;}
	.notice_board ul li a p:before{width:3px;height:3px;}
	.notice_board ul li a i{max-width:14px;}
	.notice_board ul li .date{min-width:40px;font-size:13px;color:#aaa;}
	.i_new2{min-width:12px;height:13px;}
	
	#footer_info article{padding:1em}
	.f_info_txt *{line-height:1.4;font-size:1.3rem;}
	.f_info_txt b i{width:42px;font-size:15px;}
	.f_info_txt p{margin-top:0.6em;}
}

@media screen and (max-width:360px){
	.pop_title{padding:.8em 1.3em;}
	.pop_wrap .num_list{padding:1em 0.8em}
	
	.pro_list li .top *,.pro_list li .cont *{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

	#footer_cs .bank{flex-direction:column;margin-top:0.5em;}
	#footer_cs .bank p{display:block;width:100%;font-size:12px;color:#555;}
}