@charset "utf-8";

.hero { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; padding: 80px 0 50px 0; overflow: hidden; }
.hero h1 { font-family: "Paperlogy-8ExtraBold"; font-size: 60px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.5); }
.hero h3 { text-align: center; }
.hero ul { display: flex; gap: 30px; width: 100%; max-width: 1100px; padding: 50px 0 0 0; text-align: center; }
    .hero ul li { width: 33%; padding: 2% 0; border-radius: 10px; box-shadow: 0 6px 8px rgba(0,0,0,0.6);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0666b4), color-stop(1, #077AD2));
        background: -moz-linear-gradient(top, #0666b4 0%, #077AD2 100%);
        background: -webkit-linear-gradient(top,  #0666b4 0%, #077AD2 100%);
        background: -o-linear-gradient(top,  #0666b4 0%, #077AD2 100%);
        background: -ms-linear-gradient(top,  #0666b4 0%, #077AD2 100%);
        background: linear-gradient(top,  #0666b4 0%, #077AD2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0666b4', endColorstr='#077AD2', gradientType=0);
    }
    .hero ul span { display: block; color: #5EC4F2; }
    .hero ul p { padding: 5% 0 0 0; }
@media (max-width: 991px){
    .hero { padding: 10% 10px; }
    .hero h1 { font-size: 35px; }
    .hero ul { flex-direction: column; gap: 30px; width: 90%; padding: 20px 0 0 0; }
    .hero ul li { width: 100%; padding: 2% 0; }
    .hero ul p { padding: 2% 0 0 0; }
}

/* 대출신청 */
.prod00 { padding: 5% 0; }
    .prod00 p { text-align: right; color: #F8F003; }
    @media (max-width: 991px){
        .prod00 { padding: 10% 10px; }
    }

/* 상품리스트 */
	.product { padding: 50px 0; }
	.product .tit { padding: 0 0 15px 0; font-weight: 700; color: #162B71; }
	.product table { border-top: 2px solid #162B71; font-size: 1.12em; }
	.product th { width: 200px; padding: 20px 20px; vertical-align: top; color: #162B71; text-align: center; border-bottom: 1px solid #BEBEBE; background: #F2F2F2; }
	.product td { padding: 20px; border-bottom: 1px solid #BEBEBE; }
	@media (max-width: 991px){
        .product { padding: 30px 0; }
		.product th{ display: block; width: 100%; padding: 10px; text-align: left; border-bottom: 0; }
		.product td{ display: block; width: 100%; padding: 10px 10px 15px 10px; border-bottom: 0; }
	}

/* 유의사항 */
.note_box { padding: 50px; background: #F2F2F2; }
.note_box .title { margin: 0 0 20px 0; padding: 0 0 15px 0; font-weight: 700; color: #162B71; border-bottom: 1px solid #6D6D6D; }
.note_box .note { border-radius: 20px; padding: 30px; background: #fff; }
    .note_box .note li { position: relative; padding: 0 0 0 15px; }
    .note_box .note li i { position: absolute; top: 3px; left: 0; line-height: 1em; }
    .note_box .note + .note { margin-top: 20px; }
@media (max-width: 991px){
    .note_box { padding: 20px 0; }
    .note_box .title { margin: 0 0 10px 0; }
    .note_box .note { padding: 10px; background: none; }
        .note_box .note + .note { margin-top: 10px; }
}
/* 대출상담 신청 */
.cou .box01 { padding: 30px 0; }
    .cou .box01 h3 { padding: 0 0 10px 0; font-weight: 700; color: #162B71; }
.cou .box01 table { border-top: 2px solid #162B71; }
    .cou .box01 th { width: 200px; padding: 20px 10px; text-align: center; font-weight: 500; color: #162B71; border-bottom: 1px solid #BEBEBE; background: #F2F2F2; }
    .cou .box01 td { padding: 20px 40% 20px 30px; border-bottom: 1px solid #BEBEBE; }
.cou .box01 .info_box { padding: 20px 0; }
.cou .box01 .tel { display: flex; align-items: center; gap: 10px; }
    .cou .box01 .tel span { width: 33%; }
    .cou .box01 a { text-decoration: underline; }

.cou .box01 .btn_box { padding: 20px 0 0 0; border-top: 3px solid #162B71; }
.cou .box01 .btn_box input { width: 300px; height: 60px; margin: 0 auto; font-size: 1.7em; color: #fff; border: 0; border-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6eb7ef), color-stop(1, #077AD2));
    background: -moz-linear-gradient(top, #6eb7ef 0%, #077AD2 100%);
    background: -webkit-linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
    background: -o-linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
    background: -ms-linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
    background: linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb7ef', endColorstr='#077AD2', gradientType=0);
}
@media (max-width: 991px){
    .cou .box01 table { border-bottom: 1px solid #BEBEBE; }
    .cou .box01 th { display: block; width: 100%; padding: 5px 0; text-align: left; border-bottom: 0; background: none; }
    .cou .box01 td { display: block; padding: 0 0 10px 0; border-bottom: 0; }
    .cou .box01 .info_box { padding: 10px 0; }
}

.cou .step { padding: 30px 0 50px 0; }
    .cou .step h3 { padding: 0 0 50px 0; font-weight: 700; color: #162B71; }
    .cou .step ul { display: flex; justify-content: space-between; }
    .cou .step ul li { position: relative; }
    .cou .step ul p { padding: 20px 0 0 0; font-weight: 600; text-align: center; }
    .cou .step ul span { position: absolute; right: -49%; bottom: 2px; }
    .cou .step div { padding: 30px 0 0 0; }
@media (max-width: 991px){
    .cou .step { padding: 15px 0 20px 0; }
    .cou .step h3 { padding: 0 0 10px 0; }
    .cou .step div { padding: 10px 0 0 0; }
    .cou .step ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 0; }
    .cou .step ul li { width: 33.3%; text-align: center; }
    .cou .step ul p { padding: 10px 0 0 0; }
    .cou .step ul span { position: absolute; right: 0; bottom: 2px; }
}

/*완료*/
.finish { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 800px; height: 100vh; margin: 0 auto; background: #077AD2; }
    .finish .he { width: 100%; padding: 0 0 10px 0; text-align: left; font-weight: 600; border-bottom: 1px solid #fff; }
    .finish .tit { padding: 50px 0; }
    .finish dl { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 50px 90px; color: #030303; border-radius: 30px; background: #fff; }
    .finish dl dt { width: 200px; }
    .finish dl dd { width: calc(100% - 200px); }
    .finish dl .tt01 { padding: 0 0 20px 0; border-bottom: 1px solid #BEBEBE; }
    .finish dl .tt02 { padding: 20px 0 0 0; }
    .finish .btn_box { padding: 50px 0 0 0; text-align: center; }
    .finish .btn_box a { display: inline-block; width: 150px; padding: 10px 0; font-weight: 600; border-radius: 5px; border: 1px solid #fff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6eb7ef), color-stop(1, #077AD2));
        background: -moz-linear-gradient(top, #6eb7ef 0%, #077AD2 100%);
        background: -webkit-linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
        background: -o-linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
        background: -ms-linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
        background: linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb7ef', endColorstr='#077AD2', gradientType=0);
    }
	@media (max-width: 991px){
		.finish .he { display: none; }
        .finish .tit { padding: 0 0 20px 0; }
        .finish dl { width: 90%; padding: 20px; }
        .finish dl dt { width: 100%; text-align: center; }
        .finish dl dt img { width: 80px; }
        .finish dl dd { width: 100%; }
        .finish dl .tt01 { padding: 20px 0; }
        .finish dl .tt02 { padding: 10px 0 0 0; }
        .finish .btn_box { padding: 20px 0 0 0; }
	}