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


@media (max-width:1280px) {
	.fba-tit p{
	font-size:26px;
	}
	.fba-tit span{
	font-size:14px;
	}
	
	.main-bar{
	width:96%;
    }
    .va-text{
    width:92%;
    margin-left:0;
    left:4%;
    }
	.va-t1{
	font-size:22px;
	}
	.va-t2 img{
	width:600px;
	}
	.va-img{
	width:1700px;
    margin-left:-750px;
	}

    .process-list li p{
    font-size:24px;
    }
    .process-list li div{
    font-size:20px;
    }

}

@media (max-width:1024px){
	header{
	margin-top:0px;
	height:80px;
	}
	.header-area{
	height:80px;
	}
	.header-gnb{
	display:none;
	}
    .header-logo a{
    font-size:15px;
    }
    .header-logo a p{
    font-size:40px;
    }
	.mobile-open-btn{
	margin-top:20px;
	}
	.fixed-bar{
	padding:10px;
    top:80px;
	}
	.fba-tit p{
	display:block;
	font-size:22px;
	}
    .fba-input{
    gap:5px;
    }
	.fba-input input[type="text"], .fba-input select{
	height:28px;
	line-height:28px;
    font-size:15px;
    flex:1 1 20%;
	}
	.fixed-bar-area{
	text-align:center;
	padding-right:0;
    gap:10px;
	}

	.fba-link{
	position:unset;
	}
	.fba-link a{
	padding:0 15px;
	}
	.fba-link a p{
	font-size:20px;
	}
	.fba-link a p strong{
	
	}
    .fba-link a span{
    font-size:15px;
    }
    
    .va-img{
	width:140%;
    margin-left:-70%;
	}
    .va-text{
    top:-40px;
    }
    .va-t1{
    font-size:20px;
    }
    .va-t1 strong{
    font-size:24px;
    }
    .va-t2{
    margin:0px;
    font-size:58px;
    }
    .va-t3 li{
    width:130px;
    height:130px;
    font-size:16px;
    }
    .va-t3 li strong{
    font-size:28px;
    }
	.main-bar{
	background:none;
	}	
	.main-bar-area{
	display:block;
	}

    .pro-list li{
    flex:1 1 45%;
    }
    
    #main02:before,#main02:after{
    display:none;
    }
    #main02{
    padding:0;
    }
    .m02-list{
    flex-wrap:wrap;
    justify-content: center;
    gap:35px 2%;
    }
    .m02-list li{
    width:32%;
    }
	

	

	#main04{
    flex-direction: column;
align-items: center;
    
    }
    .main04-left{
    width:100%;
    text-align:center;
    }
    .main04-left .main-tit{
    text-align:center;
    }
    .main-tit h2{word-break: keep-all; width:60%; margin:25px auto 0;}
    .main-tit br{
    display:none;
    }

    .main04-right{
    margin-top:40px;
    }

    .sub-title{
    margin-top:160px;
    }
    .sta-p1{font-size:32px;}
    .sta-p2{font-size:52px;}
    .sta-p3{font-size:22px;}
    .sub-info{margin-top:20px;}
    .sub-content{padding:30px 0;}
    .sub-bar{padding:30px 0;}
    .sub-bar-area .fba-tit{flex-direction: column; text-align:center; align-items: center;}
    .sub-bar-area .fba-priv{text-align:center;}

    .sub-bar-area .fba-input{
    flex-wrap:wrap;
    }
    .sub-bar-area .fba-input input[type="text"], .sub-bar-area select{
    height:36px;
    line-height:36px;
    box-sizing:border-box;
    }
    .sub-bar-area .fba-link{
    width:100%;
    margin-top:5px;
    }
    .sub-bar-area .fba-link a{
    display:flex;
    align-items: center;
    justify-content: center;
    margin:0;
    height:42px;
    line-height:42px;
    width:100%;
    padding:0;
    flex-direction: row;
    gap:5px;
    font-size:18px;
    }
}	

@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:14px;
	}  
    .fixed-bar{
    padding:0;
    top:60px;
    border-bottom:0;
    }
	.fixed-bar-area{
	display:block;
    width:100%;
	}  
    .close-box{
    right:0;
    }
    .layer-pop-area{
    width:90%;
    margin-left:-45%;
    }
    .layer-content{
    padding:65px 10px;
    }
	.fba-tit{
    flex-wrap:wrap;
justify-content: center;
    margin-top:10px;
    }
    .fba-tit p{
    font-size:17px;
    width:100%;
    margin-right:0;
    }
	.fba-tit span{
	font-size:12px;
	line-height:1em;
	display:block;
	}
    .fba-input{
    gap:2%;
    padding:0 1%;
    }
	.fba-input input[type="text"], .fba-input select{
    width:32%;
	margin-right:0;
    padding:0 5px;
    font-size:14px;
	}
    
    .fba-link{
    margin-top:10px;
    }
    .fba-link a{
    line-height:1.1em;
    padding:5px 0;
    }

	header, .header-area{
	height:60px;
    }
	.header-logo a{
    font-size:12px;
    }
    .header-logo a p{
    font-size:32px;
    }
    .mobile-open-btn{
    width:45px;
    height:25px;
    margin-left:0px;
    font-size:30px;
    margin-top:10px;
    }
	#visual{
	padding-top:220px;
	}
	.va-img{
	width:250%;
	left:-10%;
	}

	.va-text{
    top:0;
    }
	.va-t1{
	font-size:15px;
	}
	.va-t1 strong{
	font-size:17px;
	}
	.va-t2{
	margin:5px 0;
    font-size:32px;
	}
    .va-t3 li{
    width:90px;
    height:90px;
    font-size:13px;
    }
	.va-t3 li strong{
	font-size:18px;
	}

	.main-bar{height:auto; display:block; padding:10px;}
    .mm-list-area .slick-slide{gap:0;}
    .mm-list-area .slick-slide:before{display:none;}
    .mm-list-area .slick-track{gap:0;}
    .mmt-area{justify-content: center;}
    .mmlb-state{font-size:12px; width:50px; line-height:25px;}
	.mm-tit img{
    width:30px;
    }
    .mm-tit p{
    font-size:18px;
    }

	.side-quick{
	bottom:10px;
	}
	.side-quick li{
	width:70px;
	height:auto;
	}
    .side-quick a{
    width:auto;
    }
    .side-quick a img{
    width:25px;
    }
    .side-quick .Q-top a{
    font-size:14px;
    padding:5px 0;
    }
	.main-box{
	padding:20px 0;
	}
	.main-tit p{
	font-size:16px;
	padding:0 20px;
	box-sizing:border-box;
	word-break:keep-all;
	}
	.main-tit h2{
	font-size:28px;
	word-break:keep-all;
    margin-top:5px;
    width:80%;
	}
	.main-tit{
	padding-bottom:20px;
	}
    .pro-list{
    gap:10px;
    }
	.pro-list li{
	width:100%;
    flex:1 1 100%;
	}
    .pro-list li a{padding:20px; padding-bottom:0;}
	.pl-t1{
	font-size:20px;
	}
	.pl-text dl{
	font-size:14px;
	}
	.pl-text .more{
	font-size:14px;
	margin-top:5px;
	}

    .main-top{
    padding-bottom:30px;
    }
    
    .main-bottom{
    padding:40px 0;
    }
    
    .m02-list{gap:0px;}
    .m02-list li{width:100%; padding:0 5%}
    .m02-top{font-size:16px; padding:15px 0; width:150px; margin:0 auto 30px;}
    .m02-top:after{border-width: 15px 10px 0px 10px; margin-left:-10px; bottom:-15px;}
    .m02-top strong{font-size:20px;}
    .m02-middle{font-size:16px; word-break: keep-all;}
    .m02-bottom{font-size:19px;border-bottom: 1px rgba(255, 255, 255, 0.2) dashed; border-top:0; padding:0; padding-bottom:15px; margin-bottom:15px;}
    #main02{margin-bottom:0px;}
    
    .main04-right{
    margin-top:20px;
    }
    .process-list li{
    display:grid;
    margin-bottom:10px;
    }
    .process-list li.process05{
    display:grid;
    margin-top:10px;
    }
    .process-list li:nth-child(4){
    margin-bottom:20px;
    }
    .process-list li:after{
    bottom:-20px;
    width:10px;
    background-repeat:no-repeat;
    }
    .process-list li img{
    grid-column: 1 / 1;
	grid-row: 1 / 3;
    margin-right:20px;
    }
	.process-list li p, .process-list li div{
	font-size:16px;
     grid-column: 2 / 2;
     margin:0;
     word-break: keep-all;
	}
	
	.process-text strong{
	font-size:20px;
    margin-bottom:5px;
	}
	.process-text{
	font-size:14px;
	}

	.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{
    padding:30px 0;
    margin-top:210px;
	}
	.sta-p1{
	font-size:18px;
	}
	.sta-p2{
	font-size:28px;
	}
    .sta-p3{
    font-size:15px;
    }
	.sub-info{
	line-height:20px;
	height:auto;
	gap:5px;
margin-top:10px;
	}
	.sub-info dt{
	display:block;
	}
	.sub-info dl{
	font-size:14px;
	width:100%;
	padding:0;
    flex-direction: column;
    gap:0px;
	}

	.sub-content{
	padding:20px 0;
	}
    .sub-content .pro-list{
    margin-top:0;
    }
    .sp-ico img{
    width:100px;
    }
	.sub-process{
	flex-wrap: wrap;
	}
    .sub-process li em:after{
    display:none;
    }
	.sub-process li strong{
	font-size:24px;
    margin-top:10px;
	}
	.sub-process li:after{
    position:unset;
    margin:15px auto 0;
    transform: rotate(90deg); 
	}
    .sub-process li:last-child:after{
    display:none;
    }
    .sub-process li p{
    font-size:16px;
    }
    .sub-process li p > span{
    padding: 5px 10px;
    }

    .sc-tit{
    font-size:26px;
    }
    .lil-list{
    flex-direction: column;
    gap:5px;
    margin-top:5px;
    }
    .lil-list li{
    font-size:18px;
    word-break: keep-all;
    width:100%;
    }
    .lil-list li span{
    font-size:13px;
    box-sizing:border-box;
    padding:10px 0;
    width:100%;
    }
    .lil-list li p{
    padding:15px 10px;
    }
    .lil-list li em{
    font-size:16px;
border-bottom-width:0;
margin-bottom:0;
padding-bottom:0;
    }
	.sub-loan-info{
	margin-top:20px;
	}
	.sub-loan-info colgroup{
	display:none;
	}
	.sub-loan-info th{
	width:100px;
	}
    
    .sub-bar{
    padding:15px 0;
    }
    .sub-bar-area .fba-tit p{
    font-size:24px;
    }
    .sub-bar-area .fba-tit p em{
    font-size:28px;
    }
    .sub-bar-area .fba-tit span{
    font-size:15px;
    line-height:1.2;
    }
    
    

    
}