@charset "utf-8";




/* 서브 디자인 요소 등 강제 수정 */
/* .sub_tab .tab_wrap a:hover{color:#111 !important;background:none !important;} */
.sub_tab .tab_wrap a.active,/* .sub_tab .tab_wrap a.active:hover */,.linked_com .link_list .no_link .btn,.loan_ad .total_product ul li
{color:#fff !important;background:var(--color_m_basic) !important;}

.linked_com .link_list .no_link .btn{line-height:30px !important;}
.linked_com .link_list .no_link .btn a{font-size:12px !important;font-weight:600 !important;}

.agree_step h4{font-weight:500;color:#555 !important;}
.agreeTxt{color:#555 !important;font-weight:350 !important;}

/* 글자색 변경 */
.members .form2 .note,.form2 dd > div,.info h4 b,.li_bar li b,.info .contact dd,.call_num,.cs .cs_info h4,.linked_com .link_tit span,.loanStep li.on,.loan_ad .ad_box .loan_info .num_color,
.loan_ad .ad_box .loan_info dl dd .org,.loan_ad .ad_box .loan_info .color_br,.text_info,.form2 dd.price_tt input,.form2 dd > div,#infoModal .notice
{color:var(--color_m_basic) !important;}
.cs .cs_tit{background:var(--color_basicBright2) !important;border:none !important;}

.form2{margin-top:-35px !important}
.form2 .con_box{border-color:#111;}

a.btn_frmline, button.btn_frmline {padding:0 1.5em;border:1px solid var(--color_m_basic) !important;background:var(--color_m_basic) !important;;}

.btn_confirm span input{width:200px !important;height:52px !important;font-size:1.3rem !important;font-weight:600;background:var(--color_m_basic) !important;}
.member .login_btn input{line-height:40px !important;font-size:1.1rem !important;font-weight:600 !important;border:none !important;background:var(--color_m_basic) !important;}

.new_win #win_title,.cs .cs_info dt,.loanStep li.on .num,.btn_confirm .btn{background:var(--color_m_basic) !important;}
.btn_confirm .btn{width:200px !important;height:50px !important;line-height:50px !important;font-size:18px;color:#fff !important;border:none !important;font-weight:600;} 
.btn_confirm input.btn{padding: 0;}
.btn_confirm2 .btn{width:200px !important;height:50px !important;line-height:50px !important;font-size:18px;color:#fff !important;border:none !important;font-weight:600;padding:0 !important} 
.btn_confirm .btn:hover{border:none !important}
.btn_submit,.btn_b02,.bo_notice .notice_icon:before{background:var(--color_m_basic) !important;}

.sub_title h3{display:flex !important;align-items:center !important;justify-content:center !important;font-weight:700 !important;letter-spacing:-0.02em !important;font-size:20px !important;color:#fff !important;padding:0.5em 1em !important;margin:0 !important}
.realtime .list_box .list_txt{padding-left:0 !important}
.realtime .list_box .list_txt span{font-weight:450 !important;}
.realtime .list_box .list_txt h6,.subsrc_title{font-size:1.1rem !important;color:#333 !important;font-weight:600 !important;}





.srcbar_wrap .scr_inner{background:#fff !important;border:1px solid var(--color_basicLight);}
.srcbar_wrap form.srcbar01 button[type=submit]{color:var(--color_m_basic) !important;background:none !important}

.btn_wrap .btn a{font-size:1rem !important;font-weight:600 !important;background:var(--gradient_right) !important;}
.list table{border-bottom:1px solid #e6eaee}
.list table th{color:#111 !important;font-weight:500;border:none !important}

.btn_confirm a.btn{font-weight:600;}

.loan_ad .ad_select {display: inline-block; width: 100%;}
.loan_ad .ad_select:hover,.loan_ad .ad_select.select{border-color:var(--color_m_basic) !important;background-color:var(--color_m_basic) !important;}

.linked_com .link_list .has_link .com_nm{color:var(--color_m_basic) !important; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: initial; word-break: break-all;}


.myBtn{height:30px !important;line-height:30px !important;background:var(--color_m_basic) !important;font-weight:600 !important;font-size:12px !important;text-align:center !important}
.linked_com .link_list .no_link .btn.xs{background:#999 !important}
#infoModal td{display:flex;justify-content:space-between;align-items:center;}
#infoModal table th{padding:14px;background:var(--color_m_basicBright) !important}
#infoModal table *{border:none !important}
#infoModal table tr{border-bottom:1px solid #ddd !important;}




/* 기타 페이지 */
.sub_wrap{width:100% !important;padding:0 1.5em !important;}
.sub_content.left_bar{width:100% !important;padding:0 !important}
.form2 .con_box{border-color:var(--color_m_basicLight2) !important;}
.form2 *{background-color:#fff !important}

.btn_confirm{position:relative;display:flex !important;align-items:center !important;justify-content:center !important;gap:0.5em;text-align:center !important;}
.btn_confirm input{font-size:16px;font-weight:600;padding:0.7em 1.6em;color:#fff !important;border:1px solid var(--color_m_basicDark) !important;background:var(--color_m_basicDark) !important;}
.btn_confirm input:first-child{color:var(--color_m_basicDark) !important;background:#fff !important;}

.btn_confirm #btn_submit{text-align:center !important;color:#fff !important;background:var(--color_m_basicDark) !important}

.sub_tab{position: relative; width:100% !important; height: auto; padding-bottom: 0; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; background-color: #f6f6f6; z-index: 1; padding: 0 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.sub_tab::-webkit-scrollbar{display: none;}
.sub_tab h3{border:none !important;height:auto !important;font-size:28px !important;text-align:center;padding:0 0 0.5em 0 !important;}
.sub_tab .tab_wrap{display:flex; background:none; font-size: 14.6px;}
.sub_tab .tab_wrap a{font-size: 14px; height: auto; padding: 1em; line-height: 1; border: none; white-space: nowrap;}
.sub_tab .tab_wrap a.active{background-color: transparent; color: var(--color_basicMedium);}

.bg td,.tbl_head01 tbody tr:nth-child(even),.tbl_head01 .bg{background:#fff !important}
.tbl_head01{background:#fff !important}
.tbl_head01 th.col_w08,.list table th.col_w12{width:86px !important;}
.tbl_head01 th:nth-child(4),.tbl_head01 th:nth-child(5){width:70px;}
.tbl_head01 td.tit a{font-weight:600 !important;color:#111;}
.tbl_head01 td .btn *{line-height:1 !important; font-size:13px !important; padding:5px 10px !important; color:#fff; background:var(--color_m_basic) !important;}
.my_style .btn2{display: inline-block; line-height:1; color: var(--color_m_basic);background:#eee;padding:4px 6px;}
.my_style .btn2 > a{font-weight: 500;}
.jump_nums + td > p + p{margin-top: 4px;}

.user_nm .btn_wrap .btn a{font-size:13px !important; color:#fff !important; padding: 4px 6px !important;}
.loan_ad_write_form > .tit{font-size: 1.1rem; font-weight: 600; color: #111; margin-bottom: 10px;}
.form2 .frm_input{height: 40px; font-size: 13px; color: #393939; border: 1px solid #ccc; border-radius: 2px; padding-left: 5px;}
.form2 div > dl{font-size: 14px;}

#mb_confirm{text-align:center;}
#mb_confirm fieldset{display:flex;flex-direction:column; }
#mb_confirm fieldset div{display:flex;justify-content:space-between;gap:5px}
#mb_confirm fieldset div input{line-height:36px;height:36px;padding:0 10px !important}
#mb_confirm fieldset div input[type="password"]{flex:1}
#mb_confirm fieldset div input[type="submit"]{width:100px;color:#fff;border:none;}


@media screen and (max-width:600px){
	.my_style td{text-align:left !important;}
	.my_style td p{line-height:26px;}
	.my_style .jump_nums{max-width:100% !important;padding-bottom:7px;}

	.user_nm .btn_wrap .btn{display: block;}
	.user_nm .btn_wrap .btn a{display: block !important; line-height: 1 !important; padding: 6px !important;}

	.list.con_box{float: initial;}
	.loan_ad_write_form > .tit{padding-bottom: 10px; margin-bottom: 0; border-bottom: 2px solid #e8e8e8; margin-top: 3em !important;}
	.loan_ad_write_form > .tit:first-child{margin-top: 1em !important;}
	.loan_ad_write_form .list{border-bottom: none;}
	.loan_ad_write_form .list table{border-bottom: none;}	
	.loan_ad_write_form .list table td.tit{padding-bottom: 0.5em; padding-left: 0 !important;}
	.loan_ad_write_form .list table td.user_nm, .list table td.date{margin-right: 0;}

	.sub_content{min-height: initial;}
	.form2 dt, .form2 dt > label{font-weight: 600;}
	.form2 dd.price_mo{padding-left: 0; padding-right: 0;}
	.form2 .price_tt{display: flex; gap: 0.5em; align-items: center;}
	#pay_price{flex: 1; text-align: right !important; }
	.form2 dl dd.price_name input{width: 100%;}
	.price_name > span{display: block; margin-left: 0 !important; margin-top: 10px;}
	.form2 .btn_wrap {margin-top: 3em !important;}
}

#company{padding:0 !important}
.intro03_sect,.cs,.provision{margin:0 1.2em}

#ctt_con .sub_wrap{padding:0 !important}
/* #ctt_con .sub_tab .tab_wrap a.active{background:none !important;color: #888 !important;font-size: 14px !important;font-weight:400 !important;} */
.sub_tab .tab_wrap a.active:after{display:none !important;}

#ctt_con .info{margin:1.2em !important;}
#ctt_con .info .con_box *{line-height:1.4 !important;}
#ctt_con .info .con_box h4{margin:2em 0 0.7em !important;font-size:1.1rem !important}
#ctt_con .info .con_box p{font-size:0.9rem !important;padding:1em !important; background-color: #f5f7fa;}

#ctt_con .info .li_bar{margin-top:2em !important}
#ctt_con .info .li_bar li{font-size:0.95rem !important;margin-bottom:10px;}
#ctt_con .info .li_bar li::before{content:'- '}
.info .contact {overflow: hidden;}
.info .contact dl {width:50%; float:left; text-align: center; background: transparent; padding:30px; border:1px solid #e2e2e2; margin:30px 0;}
.info .contact dl:first-child {border-right:0;}
.info .contact dt {font-size:17px; font-weight:500;}
.info .contact dd {font-size:20px; font-weight:300;}
.info .contact dd.call_num {color:#5822e0; font-weight:600;}


/*cs*/
.cs .cs_tit {font-size:16px; color:#777; background:#f5f7fa; padding:30px 0; text-align: center; margin-bottom: 15px; line-height: 1.4;}
.cs .cs_tit b {font-size: 1.2rem; font-weight: 500; color:#333; display: block;}
.cs .cs_info {font-size:0; word-spacing:0; padding: 0 20px;}
.cs .cs_info dl {width:50%; display:inline-block; vertical-align: top; text-align: center;}
.cs .cs_info dd.float {padding:3px 0 30px 0;}
.cs .cs_info dl .cs_call01 {font-size:14px; color:#666; padding:0 10px 0 0; float:left; font-weight:500; letter-spacing:-1px; color:#888;}
.cs .cs_info dl .cs_call02 {float:left; }
.cs .cs_info dl .cs_call02 h4 {font-size:18px;line-height: 21px; color:#666;  padding:0; font-weight:normal; }
.cs .cs_info dl .pd_none {padding:5px 0 0;}
.cs .cs_info dl:nth-child(1) dt,
.cs .cs_info dl:nth-child(2) dt {border-top:0;}
.cs .cs_info dl:nth-child(1),
.cs .cs_info dl:nth-child(3) {}
.cs .cs_info dt {font-weight:500; background:#5f5852; color:#fff; width:100px; line-height:30px; font-size:15px; margin-bottom:10px; margin-top:20px;}
.cs .cs_info dt i { display:none;}
.cs .cs_info dt svg {color:#0c6578;}
.cs .cs_info dd {font-size:17px; word-break: keep-all; text-align: left;}
.cs .cs_info dd .act_num {font-size:24px; font-weight:500; margin:0; padding:0; font-family: 'Roboto',sans-serif; color:#444;}
.cs .cs_info dd .name {font-size:15px; color:#666; margin-left:10px;}
.cs .cs_info dd .phon_num {line-height:1; font-size:33px; color:#5822e0; margin:0; padding:0;font-family: 'Roboto',sans-serif;}
.cs .cs_info dd table {width:100%; max-width:210px; }
.cs .cs_info dd table th, .cs .cs_info dd table td {font-size:17px; padding:0; vertical-align: top;}
.cs .cs_info dd table td.small {font-size:14px; color:#999;padding-left:0; }
.cs .cs_info dd table th {text-align: right; color:#777;}
.cs .cs_info dd table td {text-align: left; padding-left:10px;}
.cs .cs_info dd .bank_img {padding-top: 4px; width:120px; display: block; margin-bottom:5px;}

.provision h4{color:#111 !important}

#ad_hot .pro_list.type2 .bg{height:100px !important}
#ad_hot .pro_list.type2 li .cont{gap:0 !important}

#detail + #realtime{margin: 2em auto;}
#realtime{position:relative !important;}
#realtime .flex{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 5px;}
#realtime .flex > h5{margin-bottom: 0;}
#realtime .flex > small{color: #666;}
.realtime_wrap{padding: 1em;}
.realtime_wrap .dtl_btn{margin-top: 2em;} 
#realtime .srcbar01 .scr_inner,#realtime .sel_box.area_sel{font-size:13px !important;width:100% !important;margin:0 !important; border:none !important;background-color: #f5f5f5 !important;}
#realtime .srcbar01 .scr_inner *,#realtime .sel_box.area_sel *{font-size:13px !important;}
#realtime .sel_box.area_sel{display: none; margin-bottom:0.5em !important;}
#realtime .srcbar01 .scr_inner{display:flex !important;justify-content:flex-start !important;align-items:center !important;}
#realtime .srcbar01 .scr_inner select{width:120px !important;}
#realtime .srcbar01 .scr_inner input{flex:1 !important;border:none !important;padding:0 !important;background:none !important;}
#realtime .srcbar01 .scr_inner button{width:35px !important;height:35px !important;border:none !important;}
#realtime .srcbar01 .scr_inner button i{font-size:16px !important;}

#realtime .btn_wrap.right.mt30.writeBtn{text-align:right;}
#realtime .btn_wrap.right.mt30.writeBtn .btn{display:flex;justify-content:right !important;width:100% !important;height:42px !important;}
#realtime .btn_wrap.right.mt30.writeBtn .btn a{width:90% !important;height:42px !important;line-height:42px !important;text-align:center !important;color:#fff !important;background:var(--color_m_basic) !important;}
#realtime .btn_wrap.right.mt30.writeBtn.bottomBtn{}
#realtime .btn_wrap.right.mt30.writeBtn.bottomBtn a{position:relative !important;width:100% !important; margin: 0;}
#realtime .paging{margin-top:100px !important}

#realtime #dtl_mid .dtl_tbl th, #realtime #dtl_mid .dtl_tbl td{padding: 1em;}

.real_w,.real_w #fwrite{margin:0 !important;padding:0 !important;}
.real_w .bo_w_info input,.real_w .bo_w_info select{height:36px !important;line-height:36px !important; padding-left: 8px;}

.form2 .chk_box label{font-size: 14px;}
.form2 .chk_box input[type="checkbox"]{width: 1em; height:1em !important; line-height:initial !important; padding-left: initial; margin-right: 0.5em;}
.real_w .bo_w_info button{height: 26px !important; line-height: 26px; font-size: 12px; color: #333 !important; padding: 0 10px; font-weight: 600; border-radius: 5px; border: 1px solid #aaa; cursor: pointer; background: #fff; }
.real_w .bo_w_info button.btn_frmline{color: #fff !important;}
.real_w .bo_w_info span + button{margin-top: 4px;}
.real_w .bo_w_info .tel{height:36px !important;line-height:36px;display:flex;align-items:center;gap:5px;}
.real_w .bo_w_info .tel input[type="tel"]{width:24% !important}
.real_w .bo_w_info .tel .btn_frmline{margin:0 !important}
.real_w .bo_w_info .tel .btn_frmline  button{width:100% !important;}

.real_w .bo_w_info .form_BtmSect button{height:26px !important;line-height:26px;font-size:12px !important;color:#333 !important;padding:0 10px !important}
.real_w .btn_confirm.write_div *{display:flex;justify-content:center;align-items:center;height: 50px !important;line-height: 50px !important;padding:0 !important;text-align:center;margin:1em 0 5em 0 !important;}
.btn_confirm.bo_v_com .btn_submit22{padding:0 !important}
.m_button input{padding:0 !important;margin-top:30px;}

.bo_v_left .btn{border: 1px solid #ccc; text-decoration: none; vertical-align: middle; font-weight: 400; font-size: 0.8rem; padding: 0.4em 0.6em; color: #666;}
.bo_v_left .btn > i{font-size: 0.8em;}

label + #modalBtn{margin-left: 4px;}

@media screen and (max-width:600px){
	.sub_wrap{width:100% !important;padding:0 1em !important;}

	/*cs*/
	.cs .cs_tit {font-size:14px; padding: 30px;}
	.cs .cs_tit b {display: block; font-size:20px; letter-spacing:-1px;}
	.cs .cs_info dd {font-size:15px; text-align: center;}
	.cs .cs_info dl .pd_none {padding:10px 0 0 0;}
	.cs .cs_info dd.float {display: inline-block; padding:0;}
	.cs .cs_info dd table {max-width:180px; margin: 0 auto;}
	.cs .cs_info dd table td.small {text-align: center;}
	.cs .cs_info dd table th, .cs .cs_info dd table td {font-size:15px;text-align: left;}
	.cs .cs_info dd .phon_num {font-size:25px;padding-bottom: 5px;}
	.cs .cs_info dd .act_num {display:block;}
	.cs .cs_info dd .bank_img {margin:0 auto;padding-bottom: 5px;}
	.cs .cs_info dl {width:100%;}
	.cs .cs_info dl dt {margin: 0 auto;}
	.cs .cs_info dl:nth-child(2) dt,
	.cs .cs_info dl:nth-child(3) dt,
	.cs .cs_info dl:nth-child(4) dt{border-top:1px solid #e2e2e2; margin-top:20px; margin-bottom:10px;}
	.cs .cs_info dl:nth-child(1),
	.cs .cs_info dl:nth-child(3) {border-right:0;}
	.cs .cs_info dd .act_num {font-size:20px;}

	.my_style td{text-align:left !important;}
	.my_style td p{line-height:26px;}
	.my_style .jump_nums{max-width:100% !important;padding-bottom:7px;}
	
	.info h4 {font-size:20px; word-break: keep-all;}
	.info p {font-size:14px;}
	.info .contact dl {width:100%; float:none; margin:10px 0;}
	.info .contact dl:first-child {border-right:1px solid #e2e2e2;}

	
	#realtime .flex{flex-direction: column; align-items: initial;}
	.realtime .list_box .list_txt{margin-bottom:1em !important;}
	.realtime .list_box ul.num{grid-template-columns: repeat(4, 1fr) !important;}
	#realtime .btn_wrap.right.mt30.writeBtn,#realtime .btn_wrap.right.mt30.writeBtn .btn a{width:100% !important;margin:0 !important}
	#realtime .list{margin-bottom:1em !important;}
	#realtime .list table td.tit a{font-weight:600 !important}
	#realtime .paging{margin-top:30px !important}
	
	.real_w .bo_w_info .tel input[type="tel"]{width:20% !important}
	
	.members {margin-top:30px !important;}
	
	.list.con_box td.date{text-align:left !important}
	.page_info{border:none !important}
	#bo_v_top{margin:1em 0 !important}
	#bo_v_top .bo_v_left{display:flex;align-self:flex-end;gap:10px}
	

}



@media screen and (max-width:478px){
	.sub_wrap{width:100% !important;padding:0 1em !important;}
	.realtime .list_box ul.num li a{height:30px !important;line-height:30px !important;font-size:12px !important;}
	
	.real_w .bo_w_info .tel input[type="tel"]{width:18% !important}
	.real_w .bo_w_info .tel .btn_frmline  button{padding:0 0.3em !important;}

}
























/* 검색결과 */
.board_list_title{position:relative;width:100%;font-size:1.2rem;margin:3em 0 1em 0;text-align:center;}
.search_result{position:relative;width:100%;padding:0 1em;}

.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {display:flex;justify-content:center;align-items:center;gap:5px;margin-top:20px;width:100%;}
.pg a,.pg_current {display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;font-size:13px;text-align:center;background:#eee;color:#333;text-decoration:none;transition:all .3s}

.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;width:30px !important;height:30px !important;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee !important;}
.pg_prev {text-indent:-999px;overflow:hidden;width:30px !important;height:30px !important;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee !important;}
.pg_end {text-indent:-999px;overflow:hidden;width:30px !important;height:30px !important;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee !important;}
.pg_next {text-indent:-999px;overflow:hidden;width:30px !important;height:30px !important;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee !important}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {background:var(--color_m_basic) !important;color:#fff;border-color:var(--color_m_basic) !important}
.sound_only{display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}




/* 내지역 대출찾기, 상품별 대출찾기 상단 */
#pro_top_list{position:relative;padding:1.2em 1em;background:rgba(104, 141, 137, 0.06)}
#pro_top_list h5{font-size:16px;font-weight:700;color:#222;margin-bottom:10px;}
#pro_top_list h5 i{color:var(--color_m_basic);margin-right:5px;}
#pro_top_list ul{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:6px;}
#pro_top_list ul.r4{grid-template-columns:repeat(4, 1fr);}
#pro_top_list ul li a{display:flex;justify-content:center;align-items:center;width:100%;line-height:34px;font-size:13px;font-weight:600;color:#555;border:1px solid #eee;background:#fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);}
#pro_top_list ul li a.active{display:inline-flex;font-weight:700;color:#fff;background:var(--color_m_basic);border:1px solid var(--color_m_basic);animation:shaking 2s infinite ease-in-out;}
@keyframes shaking { /* 연한색으로 커졌다작아짐 */
	0%		{box-shadow:0 0 0 0 var(--color_m_basicLight2);}
	70%		{box-shadow:0 0 0 4px var(--color_m_basicLight2)}
	100%	{box-shadow:0 0 0 0 var(--color_m_basicLight2)}
}

.area_step2{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);background:#fff;margin-top:1em;overflow:hidden;display:none;}
.area_step2.active {display:block;}
.area_step2 .step_title{display:flex;justify-content:space-between;align-items:center;padding:0.7em;background:#fafafa;border-bottom:1px solid #eee;}
.area_step2 .step_title dl{display:flex;align-items:center;}
.area_step2 .step_title dl *{line-height:1;font-size:0.9rem;font-weight:600;}
.area_step2 .step_title dl dt{padding:4px 10px;border-radius:50px;color:var(--color_m_basic);background:var(--color_m_basicBright);}
.area_step2 .step_title dl dd{position:relative;color:#666;padding-left:14px;margin-left:10px;}
.area_step2 .step_title dl dd::before{position:absolute;left:0;top:-2px;content:"\f105";font-family:"FontAwesome";font-size:18px;font-weight:1000 !important;color:#aaa;}
.area_step2 .step_title span{font-size:0.9rem;color:#999;}
.area_step2 ol{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:0.7em;padding:1.2em;max-height:230px;overflow-y:auto;}
.area_step2 ol li{text-align:center}
.area_step2 ol li a{display:block;width:100%;line-height:1;font-size:0.85rem;font-weight:500;padding:0.7em;color:#555;background:#fafafa;border:2px solid #eee;}
.area_step2 ol li a.active{color:#fff;background:var(--color_m_basic);border:2px solid var(--color_m_basic);}
.area_step2 ol li a.active::before{content:"\f058";font-family:"FontAwesome";margin-right:6px}




/* 업체 정보 페이지 */
#detail{position:relative;padding:1.2em 1em;}

#dtl_top{position:relative;width:100%;padding-bottom:0.9em;border-bottom:1px solid #eee}
#dtl_top h1{display:block;width:80%;line-height:32px;font-size:18px;font-weight:500;text-align:center;margin:0 10%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dtl_top_btn{position:absolute;top:0;right:0;}
.dtl_top_btn a.btn_manage{display:inline-block;width:32px;height:32px;line-height:32px;font-size:14px;font-weight:600;text-align:center;border-radius:100px;color:#fff;background:var(--color_m_basic);z-index:10;}
.dtl_top_btn a.btn_manage i{}
.dtl_top_btn ul{display:none;position:absolute;right:0;top:34px;width:120px;box-shadow:0 2px 4px -1px #0003;background:#fff;border:1px solid #e5e5e5;z-index:100}
.dtl_top_btn ul li{}
.dtl_top_btn ul li + li{border-top:1px solid #e5e5e5}
.dtl_top_btn ul li a{display:flex;justify-content:space-between;font-size:13px;color:#222;padding:0.7em 1em;color:#333}
.dtl_top_btn ul li a i{width:13px;text-align:center;}

#dtl_mid .title{position:relative;width:100%;display:inline-flex;align-items:center;line-height:28px;font-size:1.2rem;font-weight:700;padding-bottom:0.8em;margin:1.5em 0 0;}
#dtl_mid .title ~ .title{border-bottom:1px solid #ddd}
#dtl_mid .title i{display:flex;justify-content:center;align-items:center;width:28px;height:28px;font-size:0.8rem;text-align:center;margin-right:8px;color:#888;background:#eee;border-radius:100px}
#dtl_mid .title span{font-size:1.1rem;font-weight:700;color:#111;}

#dtl_mid .dtl_tbl table{width:100%;border-top:2px solid #222;}
#dtl_mid .dtl_tbl th{width:20%;color:#444;background:#f5f5f5;}
#dtl_mid .dtl_tbl td{color:#222;}
#dtl_mid .dtl_tbl th,#dtl_mid .dtl_tbl td{font-size:14px;text-align:left;border:1px solid #e6e6e6;padding:0.5em 1em;}
.tbl_txt{display:flex;align-items:center;font-weight:600;}
.tbl_txt a{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:14px;font-weight:600;padding:0.6em 1.2em;color:#fff;background:var(--gradient_m_left);}
.tbl_txt a.sms i{font-size:11px;}

.dtl_exp{display:grid;grid-template-columns:repeat(4, 1fr);background:#fff;box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.1);padding:0.4em 0;}
.dtl_exp li{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0.3em;line-height:1;padding:0.6em 0;}
.dtl_exp li .img{width:70px;height:70px;background:#f0f0f0;padding:15px;border-radius:100px;margin-bottom:0.5em;}
.dtl_exp li .img img{width:100%;height:auto;object-fit:contain;opacity:0.6;}
.dtl_exp li b{font-size:0.9rem;font-weight:700;color:#222;}
.dtl_exp li p{font-size:0.75rem;color:#888;}

#dtl_cont{position:relative;width:100%;min-height:300px;}

.dtl_btn{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:center;}
.dtl_btn a{flex:1;position:relative;display:inline-block;line-height:58px;font-size:20px;font-weight:700;color:#fff;padding:0 10px;background:var(--gradient_right);overflow:hidden;}
.dtl_btn a: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}
.dtl_btn a i{margin-right:6px;}

/* 업체정보 상세보기 모달창 */
#modal3 .dtl_tbl{margin-bottom:1em;}
#modal3 .dtl_tbl th{width:25%;}
#modal3 .dtl_tbl th,#modal3 .dtl_tbl td{font-size:13px;text-align:left;border:1px solid #e6e6e6;padding:0.5em 1em}
#modal3 .key_txt{margin:0;}

/* 대출 시 주의사항 모달창 */
#modal4 ul.modal_caution{display:flex;flex-direction:column;gap:0;margin:0;}
#modal4 ul.modal_caution li{display:flex;gap:10px;line-height:1.3;font-size:14px;font-weight:450;color:#111;padding-left:0;}
#modal4 ul.modal_caution li::before{content:'';margin:0;padding:0;}
#modal4 ul.modal_caution li + li{margin-top:10px;padding-top:10px;border-top:1px solid #eee;}
#modal4 ul.modal_caution li i{line-height:1.6;font-size:13px;color:var(--color_m_basic);}
#modal4 .key_txt{margin:0.5em 0 0 0;}

/* 하단 대출다연 저작권 문구 */
.dtl_info{display:flex;flex-direction:column;gap:10px;position:relative;width:100%;text-align:center;letter-spacing:-1px;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.07);border:1px solid #eee;background:#f9f9f9;padding:1.5em 1.2em;margin-top:1.5em;}
.dtl_info img{width:auto;height:40px;object-fit:contain;filter: grayscale(100%);}
.dtl_info p{line-height:1.4;font-size:13px;font-weight:350;color:#333;}
.dtl_info p:first-of-type{margin-top:1em}
.dtl_info .key_txt{margin:1em 0 0}

/* 하단 이전글, 다음글 */
#dtl_direction{position:relative;width:100%;margin-top:2em;}
#dtl_direction ul{display:flex;flex-direction:column;border-top:1px solid #ddd;}
#dtl_direction ul li{display:flex;align-items:center;gap:10px;font-weight:450;border-bottom:1px solid #ddd;overflow:hidden;}
#dtl_direction ul li a{display:flex;align-items:center;line-height:40px;width:100%;padding:0 1em;}
#dtl_direction ul li a *{font-size:0.85rem;color:#aaa;}
#dtl_direction ul li a b{font-weight:600;padding-right:1em;margin-right:1em;}
#dtl_direction ul li a b i{margin-right:5px}
#dtl_direction ul li a p{flex:1;color:#111;max-width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#dtl_direction ul li a span{text-align:right;margin-left:auto;}




/* 광고문의 */
.sub_title2{position:relative;width:100%;line-height:1.3;font-size:1.3rem;font-weight:700;text-align:center;color:#111;margin:0.6em 0;}
#ad_inquiry{position:relative;padding:1.2em 1em;}
#ad_iqy_top{display:flex;justify-content:center;flex-direction:column;gap:0;position:relative;width:100%;padding:1.2em;margin:0 0 1.5em;background:var(--gradient_right); box-shadow:0 4px 10px rgb(99 99 99 / 20%)}
#ad_iqy_top .left{position:relative;width:auto;height:100%;}
#ad_iqy_top .left *{line-height:1;color:#fff;opacity:0.8;}
#ad_iqy_top .left h5{font-size:1rem;margin-bottom:0.2em;}
#ad_iqy_top .left strong{display:block;width:100%;font-size:1.8em;font-weight:700;padding:0.2em 0 0.3em 40px;opacity:1;background:url(../img/icon_iqy_top.png) no-repeat center left;background-size:30px;}
#ad_iqy_top .left p{line-height:1.4;font-weight:350;font-size:0.8rem;}
#ad_iqy_top .right{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:0.4em;width:100%;margin-top:1em;}
#ad_iqy_top .right a{display:flex;justify-content:space-between;align-items:center;position:relative;line-height:16px;padding:1em;background:#fff;}
#ad_iqy_top .right a b{font-size:0.95rem;font-weight:600;color:var(--color_m_basicDark);}
#ad_iqy_top .right a i{font-size:0.9rem;color:rgba(0, 0, 0, 0.5)}
@media screen and (max-width:360px){
	#ad_iqy_top .left strong{font-size:1.7em;}
	#ad_iqy_top .right a{padding:0.6em;}
	#ad_iqy_top .right a b{font-size:0.85rem;}
	#ad_iqy_top .right a i{font-size:0.9rem;}
}

#ad_iqy_mid{display:flex;flex-direction:column;position:relative;width:100%;text-align:center;color:#fff;padding:2em 1.8em;background:var(--color_basicMedium);box-shadow:0 8px 16px #ddd;overflow:hidden}
#ad_iqy_mid::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/ad_iqy_bg.png) no-repeat center bottom / cover; z-index:0; filter: opacity(0.2);}
#ad_iqy_mid *{position:relative;z-index:1;display:block;width:100%;line-height:1.6;font-weight:600;color:#fff;}
#ad_iqy_mid h5{font-size:1.4rem; letter-spacing:-0.04em; padding-top: 0.2em;}
#ad_iqy_mid p{font-weight:450; font-size:0.95rem;}
#ad_iqy_mid p:nth-of-type(1){margin:0.4em 0;opacity:0.8;}
#ad_iqy_mid p:nth-of-type(2){position: relative; margin: 10px auto 0 auto; width: fit-content; padding: 1em; margin-top: 1em; }
#ad_iqy_mid p:nth-of-type(2)::before{position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 100%; height: 6px; background: url('../img/sub/border_style.png');  content:""; background-size: contain; opacity: 0.4;}
#ad_iqy_mid strong{font-size:1.2rem; margin-bottom: 0.2rem; line-height: 1;}
#ad_iqy_mid b{font-size: 1.3rem;  color:var(--color_basicDark);}
#ad_iqy_mid .dot{display: inline-block; width: initial;}
#ad_iqy_mid .dot::after { position: absolute; left: 50%; top: -1.1em; content: ". ."; color: #fff; display: block; text-align: center; text-align-last: justify; width: 65%; transform: translateX(-50%); }
#ad_iqy_mid .tel_a {position: relative; display: inline-block; width: initial; font-weight: 800; font-size: 1.2em; margin-left: 0.4em; z-index: 1;}
#ad_iqy_mid .tel_a::before{position: absolute; width: 110%; height: 0.6em; left: 50%; bottom: 0.2em; transform: translateX(-50%) skewX(-8deg); background-color: var(--color_basic); content:""; z-index: -1; filter: brightness(0.8);}





@media screen and (max-width:360px){
	#ad_iqy_mid h5{font-size:1.15rem;letter-spacing:-0.02em;}
	#ad_iqy_mid p{font-size:0.8em;}
}

#ad_iqy_list{position:relative;width:100%;margin-top:3em;}
#ad_iqy_list ul{display:grid;grid-template-columns:repeat(1, 1fr);align-items:center;grid-gap:0.5em;}
#ad_iqy_list ul li{display:flex;align-items:center;width:100%;height:100%;padding:1.5em 1em;border:2px solid var(--color_m_basic);box-shadow:0 4px 10px rgba(0, 165, 158, 0.1);}
#ad_iqy_list ul li a{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;width:100%;}
#ad_iqy_list .left{width:200px;}
#ad_iqy_list .left img{border:1px solid #e9e9e9;width:100%;height:auto;object-fit:contain;}
#ad_iqy_list .right{width:100%;flex:none;}
#ad_iqy_list .right .top{text-align:center;border-bottom:2px solid var(--color_basicLight);padding-bottom:0.6em;margin-bottom:1em;}
#ad_iqy_list .right .top h4{font-size:1.2rem;font-weight:700;color:var(--color_m_basicDark);margin-bottom:0.2em;}
#ad_iqy_list .right .top span{display:inline-block;line-height:1;font-size:0.9rem;}
#ad_iqy_list .right .top span:nth-of-type(1){color:#444}
#ad_iqy_list .right .top span:nth-of-type(2){padding-left:0.4em;margin-left:0.4em;border-left:1px solid #ddd;font-weight:600;color:var(--color_m_basic);}
#ad_iqy_list .right .top p{font-size:0.85rem;color:#555;}
#ad_iqy_list .right .top p b{color:var(--color_m_basic);}
#ad_iqy_list .right .mid{}
#ad_iqy_list .right .mid h5{line-height:1;font-size:0.85rem;color:#666;margin-bottom:0.6em;}
#ad_iqy_list .right .mid h5 i{margin-right:4px;}
#ad_iqy_list .right .mid dl{padding:0.6em;border:1px solid var(--color_basicLight);background:var(--color_basicBright2);}
#ad_iqy_list .right .mid dl *{line-height:18px;font-size:0.75rem;margin-top:0.1em;}
#ad_iqy_list .right .mid dl dt{clear:left;float:left;display:inline-block;width:15%;height:18px;font-weight:600;font-size:0.7rem;text-align:center;color:#fff;padding:0 0.4em;background:var(--color_m_basic)}
#ad_iqy_list .right .mid dl dd{color:#666;padding-left:18%;}
#ad_iqy_list .right .mid dl dd::after{content:"";display:table;clear:both;}
#ad_iqy_list .right .btm{word-break:break-all;line-height:1.3;font-size:0.85rem;font-weight:600;color:var(--color_m_basic);margin-top:0.8em;}

#ad_iqy_btm{position:relative;width:100%;text-align:center;padding:1.2em 0.8em;margin-top:2em;border:2px solid var(--color_m_basic);box-shadow:0 6px 14px rgba(0, 165, 158, 0.1);background:var(--color_basicBright);overflow:hidden;}
#ad_iqy_btm::before{content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:var(--color_m_basic);}
#ad_iqy_btm strong{display:block;width:100%;line-height:1;font-size:1.2rem;font-weight:700;color:var(--color_m_basicDark);margin-bottom:0.6em;}
#ad_iqy_btm strong::before{content:'';display:inline-block;width:24px;height:24px;vertical-align:-4px;background:url(../img/icon_iqy_btm.png) no-repeat 50% 0;background-size:contain;margin-right:6px;}
#ad_iqy_btm p{line-height:1.3;font-size:0.75rem;color:#555;}




/* 광고상품선택, 광고신청 등 */
#serviceSelFrm, #fwrite{position:relative;width:100%;text-align:center;padding:1.2em 0.8em;}
.ad_content .tit{float:left !important;}
.sub_content .container{width:100% !important;padding:0 !important}
.ad_content *{text-align:left !important}




/* 로그인 login, 회원가입 */
#mb_login{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:100%;text-align:center;margin:5em 0 8em;}
#mb_login h1,.mbskin h1,#fregisterform h1{position:relative;width:100%;font-size:2rem;font-weight:600;text-align:center;margin-bottom:0.5em;}
#flogin{position:relative;width:40%;margin:0 auto;}
#login_frm{display:flex;flex-direction:column;gap:8px;width:100%;}
#login_frm input[type="text"],#login_frm input[type="password"]{flex:1;line-height:1;padding:0.7em;background:#fff;border:1px solid #e5e5e5;}
#login_frm input[type="submit"]{line-height:1;font-size:1.2rem;font-weight:700;padding:0.8em 0;color:#fff;background:var(--color_m_basic);border:none;}
.mb_login_join{display:flex;justify-content:center;align-items:center;margin-top:0.8em;}
.mb_login_join a{line-height:1;font-size:0.85rem;color:#666;}
.mb_login_join a + a{padding-left:8px;margin-left:8px;border-left:1px solid #ddd}
#login_auto_login{display:none;}/* 자동로그인 숨김 */

.mbskin{position:relative;width:100%;padding:0 1em;margin:5em 0 8em}
#fregister{position:relative;width:100%;}
.chk_all,.fregister_agree{display:flex;align-items:center;gap:5px;line-height:1;margin-top:0.5em;}
.chk_all input,.fregister_agree input{width:16px;height:16px;}
.chk_all label,.fregister_agree label{font-size:1rem;font-weight:450;color:#555;}
.chk_all label{font-weight:600;color:#000;}
#fregister h2{font-size:1.4rem;font-weight:500;margin-bottom:0.5em;}
#fregister_private h2{margin-top:1em}
#fregister_private table{width:100%}
#fregister_private table *{line-height:1.2;font-size:0.85rem;padding:0.5em;border:1px solid #ddd;background:#fff;}
#fregister_private table th{background:#f5f5f5;}
#fregister textarea{position:relative;width:100%;min-height:200px;line-height:1.3;font-size:0.85rem;font-weight:350;color:#888;padding:0.7em;}
#fregister .btn_submit{width:100%;line-height:1;font-size:1.2rem;font-weight:700;padding:0.8em 0;color:#fff;background:var(--color_m_basic);border:none;margin-top:1em;}

#fregisterform{position:relative;width:100%;padding:0 1em;margin:5em 0 8em;}
#fregisterform .f01_required{position:relative;width:100%;font-size:0.85rem;margin-bottom:0.5em;}
#fregisterform .f01_required i,.form_01 li label i,.form_01 li .frm_label i{font-style:normal;color:#ef3737}
.form_01{display:flex;flex-direction:column}
.form_01 li{display:flex;align-items:stretch;border-top:1px solid #ddd}
.form_01 li label,.form_01 li.add .frm_label{width:20%;font-size:.9rem;font-weight:450;padding-left:10px;color:#111;background:#f5f5f5;display:flex;align-items:center}
.form_01 input{width:100%;line-height:1;font-size:0.85rem;padding:0.7em;background:#fff;border:1px solid #e5e5e5;}
.form_01 .frm_info,#captcha_info{display:block;width:100%;line-height:1.3;font-size:0.8rem;font-weight:350;color:#888;margin-top:6px;}
.form_01 .right{flex:1;display:inline-flex;align-items:center;flex-direction:column;padding:10px}
.form_01 .right.i2{flex-direction:row;gap:7px;}
.form_01 .right.i2 input{}
.form_01 .right .check{display:flex;align-items:center;gap:5px;position:relative;width:100%;font-size:0.85rem;}
.form_01 .right .check input[type="checkbox"]{width:14px !important;height:14px !important;}
.form_01 li.add label{background:none;width:auto;}
.form_01 .right2{flex:1;padding:10px}
.form_01 .right2 div{display:flex;align-items:center;font-size:0.85rem;}
.form_01 .right2 div + div{margin-top:5px;}
.form_01 .right2 div label{width:12% !important;display:none;}
.form_01 .right2 div button{width:20%;line-height:1;font-weight:600;font-size:0.85rem;padding:0.8em;border:none;color:#fff;background:#999;}
.form_01 .right2 div input{width:100%;}
.form_01 .right2 div:first-child input{width:79%;margin-right:1%;}
.form_01 .mb_email{display: flex; gap: 4px; align-items: center; flex-direction: row;}
.form_01 .mb_email > input{flex: 1;}
.form_01 .mb_email > select{width: 20%; font-size: 0.85rem; height: initial; border-color: #e5e5e5; border-radius: 0; height: 2.73em; padding-left: 0.7em;}

.is_captcha_use{border-bottom:1px solid #ddd}
#captcha{position:relative;float:left;width:100%;}
#captcha *{float:left;}
#captcha img{width:auto !important;height:36px !important;object-fit:contain;}
#captcha input{width:40% !important;height:36px !important;line-height:36px !important;font-size:0.85rem !important;padding:0 0.7em !important;background:#fff !important;border:1px solid #e5e5e5 !important;}
#captcha button{width:36px;height:36px;margin-left:5px !important;text-indent:-999px;border:none;overflow:hidden;}
#captcha #captcha_mp3 {background:url("../img/sub/captcha2.png") no-repeat 0 -2px;}
#captcha #captcha_reload {background:url("../img/sub/captcha2.png") no-repeat 0 -42px;}
#captcha_audio{position:relative;float:left;width:100%;margin-bottom:10px;}

#fregisterform .btn_top{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:1.5em;}
#fregisterform .btn_top *{line-height:50px !important;font-size:1.1rem;font-weight:600;text-align:center;padding:0 !important;width:33% !important;}
#fregisterform a.btn_cancel{color:#666;background:#fff;border:1px solid #ddd;}
#fregisterform .btn_submit{color:#fff;background:var(--color_m_basic);border:1px solid var(--color_m_basic)}

.loan_ad_box{padding:1em !important;border:1px solid #eee !important}
.loan_ad .ad_box > img{width:45% !important;margin:0 5% 0 0 !important;}
.loan_ad .ad_box .loan_info{width:50% !important;text-align:left !important}
.form2 *{text-align:left !important}


/* 작성폼 */
.write_form{}
.btn_magnify{background-color: transparent; border: none; font-size: 1em; color: var(--color_basicMedium);}


/* 회사소개 */
#intro01, #intro02{padding: 4rem 0;}
#intro01{padding-top: 2rem;}
.introWrap{font-size: 1rem;}
#intro02 ul.introDiscs{flex-direction: column; margin-top: 1rem; align-items: center; font-size: 0.9rem;}
#intro02 ul.introDiscs li{width: 80%; gap: 10px;}
#intro02 ul.introDiscs li:first-child{transform: translateX(0) translateY(30px);}
#intro02 ul.introDiscs li:last-child{transform: translateX(0) translateY(-30px);}
#intro02 ul.introDiscs{font-size: 0.8rem;}
#intro02 ul.introDiscs img{width: 30%;}
#intro03 > h1{padding-top: 4rem;}
.intro03_sect{padding-bottom: 4rem}
.intro03_sect .introWrap{padding: 1rem;}


@media screen and (max-width:768px){
	#flogin{width:60%;}
	.mbskin{padding:0.6em;}
	
	/* 광고등록 */
	.loan_ad .ad_box{display:flex;justify-content:flex-start;flex-direction:column;}
	.loan_ad .ad_box > img{width:60% !important}
	.loan_ad_write_form .form2{margin-bottom:40px !important}
	.loanStep li{width:32% !important}
	.btn_confirm{margin:0 !important; margin-top: 1em !important;}

	.loan_ad .ad_box .loan_info{width:94% !important;margin-top:2em !important}
	.form2 dd .wr_time{min-width:0 !important;width:15% !important}
	#wr_period_unit,#wr_month_interest,#wr_year_interest,#wr_late_interest{min-width:0 !important;width:22% !important}

	/* 회사소개 */
	.introWrap{font-size: 0.9rem; line-height: 1.6;}
	#intro01, #intro02{padding: 3rem 0;}
	#intro01 > h1, #intro02 > h1, #intro03 > h1{font-size: 24px; font-weight: 700; margin-bottom: 1rem;}
    #intro01 .introWrap {flex-direction: column; gap: 0;}
	#intro01 figure{width: 100%; aspect-ratio: 3/2;}
	#intro03 > h1{padding-top: 3rem;}
	.intro03_sect{padding-bottom: 3rem;}
}

@media screen and (max-width:500px){
	.sub_tab .tab_wrap a{font-size:12px;}

	#pro_top_list{position:relative;padding:1em 0.6em;}
	#dtl_top h1{line-height:26px;font-size:1rem;width:92%;margin:0 8% 0 0;}
	.dtl_top_btn a.btn_manage{width:26px;height:26px;line-height:26px;font-size:0.75rem;}
	#dtl_mid .dtl_tbl th{width:24%;}
	#dtl_mid .dtl_tbl th,#dtl_mid .dtl_tbl td{font-size:0.75rem;padding:0.4em 0.6em}
	.tbl_txt a{gap:5px;margin-left:auto;font-size:0.75rem;padding:0.4em 0.8em;}
	#dtl_mid .title{line-height:22px;font-size:1rem;padding-bottom:0.5em;margin:1.2em 0 0;}
	#dtl_mid .title i{width:22px;height:22px;font-size:0.7rem;margin-right:5px;}
	#dtl_mid .title span{font-size:1rem;}
	.dtl_btn a{line-height:44px;font-size:1rem;}
	.dtl_exp{grid-template-columns:repeat(3, 1fr);}
	.dtl_exp li .img{width:60px;height:60px;}
	.dtl_exp li b{font-size:0.8rem;}
	.dtl_exp li p{font-size:0.7rem;}

	.area_step2 ol{grid-gap:0.4em;padding:0.8em;max-height:180px;}
	.area_step2 ol li a{font-size:0.8rem;padding:0.5em}
	.area_step2 ol li a.active::before{margin-right:4px}
	
	.price_name input{width:100% !important}
	.sel_colors{display:block !important;margin:5px 0 0 0 !important}
	.form2 dd .wr_time{width:20% !important}
	
	/* 로그인, 회원가입 */
	#flogin{width:80%;}
	.form_01 li label,.form_01 li.add .frm_label{width:30%;}
	.form_01 .right2 div button{width:34%;}
	.form_01 .right2 div:first-child input{width:65%;}
	#captcha img{height:50px !important;}
	#captcha input{width:52% !important;}
	#fregisterform .btn_top{gap:5px;}
	#fregisterform .btn_top *{line-height:42px !important;font-size:1rem;width:49% !important;}
}

@media screen and (max-width:360px){
	#pro_top_list ul{grid-template-columns:repeat(4, 1fr);}
	#pro_top_list ul.r4{grid-template-columns:repeat(3, 1fr);}
	#pro_top_list ul li a{line-height:30px;font-size:12px;}
	
	.form2 dd .wr_time{width:23% !important}
	
	/* 로그인, 회원가입 */
	#flogin{width:90%;}
	.form_01 .right2 div button{width:37%;}
	.form_01 .right2 div:first-child input{width:62%;}
	.form_01 li label,.form_01 li.add .frm_label{width:35%;}

}