
/***********************반응형***************************************/

@media (max-width:2000px) {
	.main-bar{
		background-position:30% 50%;
	}
}
@media (max-width:1280px) {
	.fba-tit p{
	font-size:26px;
	}
	.fba-tit span{
	font-size:14px;
	}
	
	.main-bar{
	background-position:38% 50%;
	}
	.va-t1{
	width:500px;
	height:62px;
	line-height:62px;
	font-size:22px;
	}
	.va-t2 {
	font-weight:900;
	font-size:26px;
	color:#111486;
	}
	.va-t2 img{
	width:600px;
	}

	.va-t3 li,
	.va-t3 li.va-t3-2,
	.va-t3 li.va-t3-3{
	width:200px;
	height:184px;
	background-size:200px 184px;
	background-repeat:no-repeat;
	background-position:50%;
	}

	.va-img{
	width:140%;
	left:-20%;
	}

}

@media (max-width:1024px){
	header{
	margin-top:195px;
	height:80px;
	}
	.header-area{
	height:80px;
	}
	.header-gnb{
	display:none;
	}
	/*.header-logo a{
	line-height:80px;
	}
	.header-logo a{
		width:240px;
	}*/
    .header-logo{
    top:0px;
    }
    	.header-logo a{
	font-size:13px;
	}
    .header-logo a p{
    font-size:44px;
    }
	.mobile-open-btn{
	display:block;
	}
	.fixed-bar{
	padding:10px;
	}
	.fba-tit p{
	display:block;
	font-size:22px;
	}
	.fba-input div{
	display:block;
	margin-bottom:5px;
	}

	.fba-input input[type="text"]{
	height:28px;
	line-height:28px;
	border-radius:2px;
	
	}
	.fixed-bar-area{
	text-align:center;
	padding-right:0;
	}

	.fba-link{
	position:unset;
	}
	.fba-link a{
	width:auto;
	text-align:center;
	padding:10px 30px;
	display:inline-block;
	margin-top:10px;
	font-size:18px;
	}
	.fba-link a p{
	display:inline-block;
	font-size:18px;
	}
	.fba-link a p strong{
	font-size:20px;
	}

	.main-bar{
	background:none;
	}	
	.main-bar-area{
	display:block;
	}

	#time{
	background:#283874;
	width:100%;
	}
	.time-area{
	padding:20px 0 0;
	}
	.mm-tit,
	.mm-list,
	.mm-link{
	display:block;
	width:100%;
	box-sizing:border-box;
	}
	
	.mm-tit{
	text-align:center;
	}

	.mm-tit h2{
	display:inline-block;
	margin-left:3px;
	}
	.mm-tit h2 br{
	display:none;
	}
	.mm-tit img{
	vertical-align:-5px;
	}
	.mml-box p{
	width:17%;
	}
	.mml-box .mmlb-state{
	width:25%
	}
	.mm-link a{
	height:auto;
	display:block;
	margin-top:10px;
	border-radius:0;
	}
	.mm-link a > div{
	display:block;
	padding:10px 0;
	}
	.mm-link a strong{
	display:inline-block;
	}

	#kakao-service{
	width:100%;
	background:#fae100;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	background-position:100% 90%;
	}
	.ks-area h2 img{
	top:10px;
	display:none;
	}
	.ks-area h2{
	padding-right:0;
	}

	.pro-list li:nth-child(3n+1){
	margin-left:2%;
	}
	.pro-list li:nth-child(2n+1){
	margin-left:0;
	}
	.pro-list li{
	width:49%;
	}

	.m02-list li{
	width:100%;
	margin-left:0;
	margin-bottom:20px;
	}
	.m02-list{
	display:block;
	}
	.m02-list br{
	display:none;
	}
	.m02-m{
	height:auto;
	}
	.m02-top{
	margin-bottom:5px;
	}

	.process-list ul{
	flex-wrap: wrap;
	justify-content: center;
	}
	.process-arrow{
	display:none;
	}
	.process-list li.process05{
	position:relative;
	right:auto;
	top:auto;
	margin-top:auto;
	}
}	

@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:14px;
	}
	.fixed-bar{
	height:200px;
	}
	.fba-tit p{
	line-height:1.1em;
	}
	.fba-tit p em{
	display:block;
	}
	.fba-tit span{
	font-size:12px;
	line-height:1em;
	display:block;
	}
	
	.fba-input input[type="text"]{
	width:25%;
	margin-righT:0;
	}

	header{
	margin-top:200px;
	}
    .header-logo{
    top:10px;
    }
	.header-logo a{
	font-size:10px;
	}
    .header-logo a p{
    font-size:36px;
    }
	#visual{
	padding-top:280px;
	}
	.va-img{
	width:180%;
	left:-40%;
	}

	.va-t1{
	width:300px;
	height:37px;
	line-height:37px;
	}
	.va-t1{
	font-size:15px;
	}
	.va-t1 strong{
	font-size:17px;
	}
	.va-t2{
	margin:5px 0;
	}
	.va-t2 img{
	width:95%;
	}
	.va-t3 ul{
	width:320px;
	}
	.va-t3 li, .va-t3 li.va-t3-2, .va-t3 li.va-t3-3{
	width:100px;
	height:92px;
	background-size:100px 92px;
	font-size:15px;
	}
	.va-t3 li strong{
	font-size:18px;
	}

	.main-bar{height:auto;}
	.mml-box p{font-size:14px;}
	.mml-box .mmlb-state{width:20%;}
	.mm-list{
	padding:0 5px;
	}
	.ks-area{
	background-size:80px 76px;
	}
	.side-quick{
	bottom:10px;
	}
	.side-quick li{
	width:90px;
	height:90px;
	}
	.main-box{
	padding:20px 0;
	}
	.main-tit p{
	font-size:15px;
	padding:0 20px;
	box-sizing:border-box;
	word-break:keep-all;
	}
	.main-tit h2{
	font-size:20px;
	word-break:keep-all;
	}
	.main-tit{
	padding-bottom:10px;
	}

	.pro-list li{
	width:100%;
	margin-left:0;
	margin-top:10px;
	padding:15px;
	}
	.pl-t1{
	font-size:20px;
	}
	.pl-text dl{
	font-size:14px;
	}
	.pl-text .more{
	font-size:14px;
	margin-top:5px;
	}

	.m02-top,
	.m02-middle,
	.m02-b{
	font-size:14px;
	}
	.m02-top strong{
	font-size:18px;
	}
	.m02-b{
	height:auto;
	padding:10px 0;
	}

	.review-slide .slick-arrow{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:30px;
	top:-40px;
	}

	.process-list li{
	width:150px;
	height:150px;
	margin-left:0;
	}
	.process-list li div{
	font-size:14px;
	bottom:35px;
	}
	.process-list li p{
	font-size:18px;
	top:40px;
	}
	.process-list li.process05{
	width:200px;
	height:200px;
	}
	.process-list li.process05 p{
	font-size:22px;
	top:60px;
	}
	.process-list li.process05 div{
	bottom:65px;
	}
	.process-text strong{
	font-size:20px;
	}
	.process-text{
	font-size:14px;
	margin-top:20px;
	}

	.foot-customer,
	.foot-info p{
	font-size:14px;
	}
	.foot-info p{
	margin:0 3px 5px;
	}
	.foot-customer{
	padding:10px 0 0;
	}
	.foot-area{
	padding:10px 0;
	}
	.foot-text{
	padding-top:10px;
	margin-top:15px;
	}

	.sub-title{
	height:160px;
	margin-top:280px;
	}
	.sta-p1{
	font-size:14px;
	}
	.sta-p2{
	font-size:20px;
	}
	.sub-info{
	line-height:20px;
	height:auto;
	padding:10px 0;
	}
	.sub-info dt{
	display:block;
	}
	.sub-info dl{
	font-size:12px;
	width:100%;
	padding:0;
	}

	.sub-content{
	padding:30px 0;
	}

	.sub-process{
	flex-wrap: wrap;
	}

	.sub-process li strong{
	font-size:20px;
	}
	.sub-process li:after{
	display:none;
	}

	.li-left{
	display:block;
	}
	.li-right{
	display:block;
	width:100%;
	margin-top:10px;
	}
	.lil-p1,
	.lil-p3,
	.lil-list li{
	font-size:14px;
	}
	.lil-p2{
	font-size:20px;
	}
	.lil-list{
	margin-top:10px;
	}
	.lil-list li{
	height:28px;
	line-height:28px;
	width:100%;
	margin-top:5px;
	}
	.lil-list li span{
	width:24px;
	height:24px;
	line-height:24px;
	font-size:20px;
	margin-top:-12px;
	}
	.li-right a{
	padding:20px;
	}
	.li-right a p{
	font-size:18px;
	word-break:keep-all;
	}
	.li-right a span{
	margin-top:10px;
	}
	.sub-loan-info{
	margin-top:20px;
	}
	.sub-loan-info colgroup{
	display:none;
	}
	.sub-loan-info th{
	width:100px;
	}

	.sub-bar-area{
	padding:20px;
	}
	.sub-bar-area .fba-input input[type="text"]{
	width:100%;
	margin-right:0;
	margin-bottom:5px;
	box-sizing:border-box;
	}
	.sub-bar-area .fba-tit span{
	font-size:14px;
	}
	.sub-bar-area .fba-link{
	margin-top:10px;
	}

}


