@charset "UTF-8";
/* Scss Document */


.loan-box {
	width: 878px;
	margin: 30px auto;
	overflow: hidden;
	}

.loan-left {
	float: left;
	background:url(../img/loan/loan_bg01.png) no-repeat;
	width:403px;
	height:388px;
	}

.loan-right {
	float: right;
	background:url(../img/loan/loan_bg02.png) no-repeat;
	width:403px;
	height:388px;
	}		

.loan-left p,.loan-right p{
	text-align:center;
	margin: 105px auto 0 auto;
	font-size:124%;
	line-height:1.4;
	color:#221714;
	}

.loan-input01 {
	width:180px;
	height:22px;
	padding: 3px;
	margin: 70px 0 0 145px ;
	text-align:right;
	font-size:124%;
	}

.loan-input02 {
	width:180px;
	height:22px;
	padding: 3px;
	margin: 42px 0 0 145px ;
	text-align:right;
	font-size:124%;
	}	

.loan-input03 {
	width:180px;
	height:22px;
	padding: 3px;
	margin: 27px 0 0 145px ;
	text-align:right;
	font-size:124%;
	}		

.loan-btn01 {
	background: #587933;
	width:213px;
	height:40px;
	text-align: center;
	margin: 60px 0 0 95px;
	border: none;
	padding: 3px 0 0 5px;
	}

.loan-btn02 {
	background: #998F52;
	width:213px;
	height:40px;
	text-align: center;
	margin: 30px 0 0 95px;
	border: none;
	padding: 3px 0 0 5px;
	}	


.loan-right button,.loan-left button {   
   -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  }
  
  
.loan-right button:hover {
	background: #E5BB07;
	cursor: pointer;
  }
.loan-left button:hover {
	background: #84C917;
	cursor: pointer;
  } 

 
  
   
.loan-text01 {
	width:838px;
	padding: 20px;
	text-align:left;
	line-height:2;
	border: 1px solid #4D4D4D;
	margin: 60px auto  30px auto ;
	color:#221714;
	}  

.btn-loan-month {
	float:left;
	}

.btn-loan-price {
	float:right;
	background:#8B8B8B;
	width:402px;
	height:57px;
	}

.btn-loan-price img{
	margin: 20px 0 0 82px;
	}	




.btn-loan-price {   
   -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  }	
 
.btn-loan-price:hover {
	background: #998F52;
	cursor: pointer;
  }  
 

.btn-loan-month02 {
	float:left;
	background:#8B8B8B;
	width:402px;
	height:57px;
	}

.btn-loan-price02 {
	float:right;
	
	}

.btn-loan-month02 img{
	margin: 20px 0 0 102px;
	}	

.btn-loan-month02 {   
   -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  }	
 
.btn-loan-month02:hover {
	background: #587933;
	cursor: pointer;
  } 
  
  
   
.loan_bg01 {
	background: url(../img/loan/loan_bg02.jpg) no-repeat;
	width:878px;
	height:586px;
	margin: 25px 0 0 0;
	position: relative;
	 }
	
.loan_bg01_01 {
	background: url(../img/loan/loan_bg04.jpg) no-repeat;
	width:878px;
	height:586px;
	margin: 25px 0 0 0;
	position: relative;
	 }	   	
	 
.month-input01 {
	width:150px;
	height:20px;
	padding: 3px;
	text-align:right;
	font-size:124%;
	position: absolute;
	top:92px;
	left:175px;
	}	

.month-input02 {
	width:150px;
	height:20px;
	padding: 3px;
	text-align:right;
	font-size:124%;
	position: absolute;
	top:191px;
	left:175px;
	}

.month-input03 {
	width:100px;
	height:20px;
	padding: 3px;
	text-align:right;
	font-size:124%;
	position: absolute;
	top:294px;
	left:225px;
	}			

.month-input04 {
	width:150px;
	height:20px;
	padding: 3px;
	text-align:right;
	font-size:124%;
	position: absolute;
	top:92px;
	right:102px;
	}

.month-input05 {
	width:150px;
	height:20px;
	padding: 3px;
	text-align:right;
	font-size:124%;
	position: absolute;
	top:191px;
	right:102px;
	}	
		 	
.month-input06 {
	width:100px;
	height:20px;
	padding: 3px;
	text-align:right;
	font-size:124%;
	position: absolute;
	top:395px;
	right:90px;
	}	
.month-input07 {
	width:200px;
	height:14px;
	padding: 3px;
	position: absolute;
	top:402px;
	left:20px;
	}

.month-input07 input{
	margin: -2px 8px 0 0;
	width:14px;
	height:14px;
	}

.month-input07-2 {
	width:200px;
	height:14px;
	padding: 3px;
	position: absolute;
	top:402px;
	left:250px;
	}

.month-input07-2 input{
	margin: -2px 8px 0 0;
	width:14px;
	height:14px;
	}



.month-input08 {
	width:14px;
	height:14px;
	padding: 3px;
	position: absolute;
	top:402px;
	right:394px;
	}		
.loan-text02 {
	position: absolute;
	top:129px;
	right:60px;
	font-size:85%;
	}		
	
.loan-text03 {
	position: absolute;
	top:434px;
	right:210px;
	font-size:85%;
	}	
	



.month-btn01 {
	background: #587933;
	width:213px;
	height:40px;
	text-align: center;
	border: none;
	padding: 3px 0 0 5px;
	position: absolute;
	bottom:50px;
	left:330px;
	}


.month-btn01{   
   -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  }
  
 
.month-btn01:hover {
	background: #84C917;
	cursor: pointer;
  } 
 
 
.month-btn02 {
	background: #998F52;
	width:213px;
	height:40px;
	text-align: center;
	border: none;
	padding: 3px 0 0 5px;
	position: absolute;
	bottom:50px;
	left:330px;
	}


.month-btn02{   
   -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  }
  
 
.month-btn02:hover {
	background: #E5BB07;
	cursor: pointer;
  } 
  
 
.loan_bg02 {
	background:url(../img/loan/loan_bg03.jpg) no-repeat;
	width:878px;
	height:594px;
	margin: 30px 0 0 0;
	position: relative;
	}  	

.loan_bg02_02 {
	background:url(../img/loan/loan_bg05.jpg) no-repeat;
	width:878px;
	height:594px;
	margin: 30px 0 0 0;
	position: relative;
	}  		


.month-input09 {
	width:250px;
	height:25px;
	padding: 3px;
	text-align:right;
	font-size:124%;
	position: absolute;
	top:106px;
	right:252px;
	}

.month-input10 {
	width:250px;
	height:25px;
	padding: 3px;
	text-align:right;
	font-size:124%;
	position: absolute;
	top:206px;
	right:252px;
	}

.loan-text04 {
	position: absolute;
	top:304px;
	right:210px;
	font-size:108%;
	}	

.loan-graph {
	width:830px;
	height:225px;
	position: absolute;
	bottom:24px;
	left:24px;
	}


.form-box {
	width: 876px;
	border: 1px solid #6B4D43;
	height: auto;
	overflow: hidden;
	margin: 30px 0 0 0;
	padding: 25px 0;
	background: #FFFFFF;
	}	

.bg-white {
	
	overflow: hidden;}