#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:top;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#333;
font-size:18px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}

body{
width:100%;
overflow-x:hidden;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}


.slick-slide {
display:inline-block;
}

position:fixed;
transition: 0.8s;
animation: upAndDown 2s infinite forwards;
}
@keyframes upAndDown {
0% {bottom: 140px;}
50%{bottom: 120px;}
100%{bottom: 140px;}
}
.quick{
position:fixed;
bottom:150px;
right:80px;
z-index:9999;
transition: 0.3s;
animation: upAndDown 2s infinite forwards;
}
.quick.off{
display:none;
}
.quick a{
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
width:100px;
padding:20px 0;
background: linear-gradient(120deg, #cb4825, #f18426);
text-align:center;
font-family:Gms;
font-weight:700;
color:#fff;
line-height:1.1;
gap:10px;
}
.quick a img{
width:35px;
}


header{
width:100%;
height:100px;
background-color: #202231;
z-index:666;
}
.header-area{
display:flex;
justify-content: space-between;
align-items: center;
width:96%;
max-width:1280px;
margin:0 auto;
height:100%;
}
.header-logo a{
display:flex;
flex-direction: column;
justify-content: center;
line-height:1.1;
font-weight:500;
color:#fff;
font-size:16px;
height:100%;
}
.header-logo a span{
opacity:0.9;
}
.header-logo a p{
font-size:38px;
font-family:"Gms";
font-weight:700;
}

.header_text{
   font-size:38px;
}

.h-btn a{
display:flex;
align-items: center;
line-height:1.1;
padding:10px 20px;
border:1px rgba(255,255,255,0.4) solid;
color:#fff;
gap:10px;
}
.h-btn a i{
font-size:44px;
}
.h-btn a strong{
display:block;
font-size:22px;
font-weight:800;
}
.h-btn a img{
width:40px;
}



/*사이드퀵*/
.side-quick{
position:fixed;
right:10px;
bottom:50px;
z-index:999;
}
.side-quick li{
width:124px;
padding:0 10px;
box-sizing:border-box;
background:#fff;
}

.side-quick a{
display:block;
width:100%;
line-height:1.3em;
font-size:14px;
color:#391b1b;
background:#fff;
text-align:center;
font-weight:700;
padding:10px 0;
}
.side-quick li:first-child a{
border-bottom:1px #e0e0e0 solid;
}

.side-quick a img{
width:45px;
margin-bottom:10px;
}

.side-quick .Q-top{
padding:0;
font-size:20px;

}
.side-quick .Q-top a{
background:#c52a37;
color:#fff;
font-size:16px;
font-weight:800;
display:block;
letter-spacing:0em;
line-height:1em;
}


/*상단고정 상담신청*/
.fixed-bar{
position:fixed;
background:#342645;
width:100%;
top:0;
left:0;
height:130px;
box-sizing:border-box;
display:flex;
align-items: center;
z-index:6666;
}
.fixed-bar-area{
width:96%;
max-width:1280px;
margin:0 auto;
position:relative;
box-sizing:border-box;
display:flex;
align-items: center;
justify-content: space-between;
height:100%;
}
.fba-tit{
margin-bottom:5px;
}
.fba-tit p{
display:inline-block;
font-size:28px;
color:#fff;
margin-right:5px;
}
.fba-tit p em{
font-weight:800;
}
.fba-tit span{
font-size:16px;
color:#fff;
font-weight:300;
}
.fba-input{
display:flex;
align-items: center;
}
.fba-input input[type="text"]{
border:0;
height:45px;
line-height:45px;
background:rgba(255,255,255,0.8);
padding:0 10px;
margin-right:10px;
}
.fba-input input[type="text"]::placeholder{
opacity:1;
color:#111;
}
.fba-input label{
font-size:0.9em;
color:#fff;

}
.fba-input a{
font-size:14px;
background:#6432a1;
display:inline-block;
color:#fff;
padding:0 10px;
border-radius:5px;
margin-left:5px;
}

.fba-link{
height:100%;
}
.fba-link a{
display:flex;
flex-direction: column; 
justify-content: center;
align-items: center;
width:185px;
height:inherit;
background: linear-gradient(#d46d73, #cf2e5f);
text-align:center;
color:#fff;
font-size:21px;
line-height:1.6em;
font-weight:500;
transition: background 0.2s linear;
text-align:center;
}

.fba-link a:hover{
background: linear-gradient(#1da8e9, #2b71d0);	
}

.fba-link a p{
font-size:28px;
font-weight:700;
}
.fba-link a i{
font-size:28px;
}


/*layer popup*/
.layer-popup{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,.85);
z-index: 99;
overflow: auto;
display:none;
}

.layer-pop-area{
width:70%;
height:70vh;
background:#fff;
position:absolute;
left:50%;
margin-left:-35%;
top:50%;
margin-top:-35vh;
}

.layer-tit{
background:#212a60;
color:#fff;
font-weight:600;
font-size:1.25em;
box-sizing:border-box;
height:55px;
line-height:55px;
position:absolute;
width:100%;
padding:0 15px;
}

.layer-content{
color:#555;
height:100%;
overflow-y:scroll;
box-sizing:border-box;
padding:65px 30px;
box-sizing:border-box;
}

.layer-content table{
width:100%;
border-top:1px #e0e0e0 solid;
border-right:1px #e0e0e0 solid;
}
.layer-content table th{
background:#555;
color:#fff;
font-size:20px;
padding:10px;
text-align:center;
}
.layer-content table td{
padding:5px 10px;
border-bottom:1px solid #e0e0e0;
border-left:1px #e0e0e0 solid;
}

.close-box{
position:absolute;
right:-55px;
top:0px;
width:55px;
height:55px;
display:flex;
justify-content: center;
align-items: center;
background:#0b123b;
color:#fff;
}



/*footer*/
footer{
width:100%;
background:#f5f5f6;
}

.foot-top{
width:100%;
border:1px rgba(0,0,0,0.1) solid;
border-width:1px 0;
background:#fff;
}
.foot-customer{
width:100%;
max-width:1280px;
margin:0 auto;
display:flex;
position:relative;
height:60px;
align-items: center;

}
.foot-customer a{
box-sizing:border-box;
height:100%;
border-right:1px rgba(0,0,0,0.1) solid;
align-items: center;
display:flex;
padding:0 50px;
}
.foot-customer a:first-child{
border-left:1px rgba(0,0,0,0.1) solid;
}
.ft-top{
position:absolute;
right:0;
top:0;
height:60px;
display:flex;
align-items: center;
padding:0 50px;
border:1px rgba(0,0,0,0.1) solid;
border-width:0 1px;
cursor:pointer;
font-weight:600;
letter-spacing: 0em;
gap:5px;
background-color:#3142bf;
color:#fff;
}

.foot-box{
width:100%;
max-width:1280px;
margin:0 auto;
padding:40px 0 30px;
font-weight:200;
display:flex;
flex-wrap:wrap;
gap:15px;
font-size:30px;
}
.foot-bottom{
width:100%;
max-width:1280px;
margin:0 auto;
border-top:1px rgba(0,0,0,0.1) solid;
padding:30px 0;
font-size:30px;
}
.color-y{
color:rgba(207, 66, 22, 1);
}
.foot-copy{
width:100%;
max-width:1280px;
margin:0 auto;
font-weight:200;
letter-spacing: 0em;
padding-bottom:40px;
opacity:0.6;
}

/********************* main *********************************/

/*visual*/
#visual{
width:100%;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:333;
padding-top:0px;
}
.va-ment{
position:absolute;
width:1280px;
height:100%;
left:50%;
margin-left:-600px;
top:0%;
z-index:33;
font-weight:400;
line-height:1.15;
display:flex;
flex-direction: column; 
justify-content: center;
box-sizing:border-box;
gap:10px;
}
.va-ment p{
}
.vam-t1{
font-family:Gms;
font-weight:300;
font-size:36px;
letter-spacing: -0.08em;
}
.vam-t1 strong{
font-weight:700;
}
.t-color1{
color:#d67e17;
}
.t-color2{
color:#212a60;
}
.vam-t2{
font-family:Gms;
font-weight:600;
font-size:36px;
background-image: linear-gradient(0deg,  #3a2c78 0%, #273194 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin:10px 0 10px;
}
.vam-t3{
font-size:50px;
font-weight:100;
}

.visual-area{
position:relativ;
z-index:11;
}
.va-box{
position:relative;
}

.va-img{
position:relative;
left:0%;
top:0;
margin-left:0px;
}

.va-img img{
width:100%;
}



#visual .slick-dots{
position:absolute;
width:1240px;
left:50%;
margin-left:-600px;
bottom:40px;
margin-top:0px;
z-index:9;
}

#visual .slick-dots li{
display:inline-block;
margin:0 7px;
}

#visual .slick-dots li button{
font-size:0;
width:15px;
height:15px;
border-radius:999px;
box-sizing:border-box;
background:transparent;
background:#212a60;
opacity:0.5;
display:block;      
}

#visual .slick-dots li.slick-active button{
opacity:1;
}

#visual .slick-list{
position:relative;
z-index:1;
}

.box{
padding:100px 0;
}
.main-tit1{
margin-bottom:40px;
color:#292440;
font-family:'Gms';
} 
.main-tit1 span{
font-size:24px;
display:block;
margin-bottom:10px;
}
.main-tit1 p{
font-size:52px;
font-weight:300;
line-height:1.2;
}
.main-tit1 p strong{
font-weight:700;
}

/*main-box1*/
#main-box1{
width:96%;
max-width:1280px;
margin:0 auto;
overflow:hidden;
position:relative;
}
#main-box1 .slick-track{
display:flex;
gap:15px;
}
#main-box1 .slick-slide > div{
margin-right:25px;
}
.mb1-slide{
width:calc(100% + 25px);
}
#main-box1 .slick-arrow{
position:absolute;
top:135px;
right:0;
box-sizing:border-box;
width:60px;
height:60px;
border:1px #e0e0e0 solid;
display:flex;
justify-content: center;
align-items: center;
background:#fff;
font-size:25px;
}
#main-box1 .slick-arrow.slick-prev{
right:60px;
border-right:0;
}
.mb1s-box{
position:relative;
}
.mb1s-img{
position:relative;
border-radius:2px;
overflow:hidden;
}
.mb1s-img img{
width:100%;
}
.mb1s-txt{
padding:20px 0;
}
.mb1s-t1{
font-size:16px;
font-weight:300;
color:#393b4c;
height:3em;
line-height:1.5em;
}
.mb1s-t2{
font-size:34px;
font-weight:800;
color:#22296f;
}
.mb1s-t3{
margin-top:10px;
}
.mb1s-t3 li{
display:flex;
font-size:17px;
color:#555;
margin-bottom:5px;
}
.mb1s-t3 span{
position:relative;
flex-shrink: 0;
opacity:0.7;
padding-left:10px;
font-weight:600;
}
.mb1s-t3 span:after{
width:4px;
height:4px;
content:"";
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-2px;
border-radius:999px;
background:rgba(0,0,0,0.4);
}
.mb1s-t3 p{
flex-grow: 1;
padding-left:7px;
}
.mb1s-btn{
display:flex;
height:60px;
}
.mb1s-b1{
flex-grow: 1;
box-sizing:border-box;
display:flex;
align-items: center;
transition: all .3s ease-out;
border-top:1px #e0e0e0 solid;
color:#678;
gap:10px;

}
.mb1s-b1 i.xi-angle-right{
flex-grow: 1;
text-align:right;
}
.mb1s-b1 i.xi-calculator{
font-size:26px;
}
.mb1s-b2{
width:60px;
height:60px;
flex-shrink: 0;
background:linear-gradient(160deg, #cf4426 0%, #d67e17 100%);
color:#fff;
font-size:28px;
display:flex;
align-items: center;
justify-content: center;
transition: all .3s ease-out;
position:absolute;
bottom:0px;
right:0;
}


/*main-box2*/
#main-box2{
background:url(img/mb2-bg.jpg);
background-size:cover;
background-position:50% 0;
}
.main-box2-area{
width:96%;
max-width:1280px;
margin:0 auto;

}
.mb2a-tit{


}
.mb2a-tit .main-tit1{
color:#fff;
}
.mb2a-list ul{
display:flex;
width:100%;
gap:4%;
}
.mb2a-list ul li{
box-sizing:border-box;
flex:1 1 15%;
}

.mb2a-list ul li dl{
color:#fff;

}
.mb2a-list ul li dl dt{
display:flex;
flex-direction: column;
gap:5px;
font-weight:200;
border-bottom:1px rgba(255,255,255,0.1) dashed;
padding-bottom:30px;
margin-bottom:30px;
}
.mb2a-list ul li dl dt em{
font-size:20px;
}
.mb2a-list ul li dl dt p{
font-size:26px;
line-height:1;
font-weight:700;
}
.mb2a-list ul li dl dd{
word-break: keep-all;
}
.mb2a-list ul li dl dd span{
display:block;
opacity:0.8;
font-weight:200;
font-size:20px;
}
.mb2a-list ul li dl dd p{
font-weight:800;
font-size:26px;
background-image: linear-gradient(0deg, #ffd461 0%, #fff183 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top:15px;
}
.mb2al-num{
display:flex;
gap:3px;
letter-spacing: 0.02em;
}
.mb2al-num span{
font-weight:700;
background-image: linear-gradient(0deg, #ffc016 0%, #ffffff 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


/*main-box3*/
#main-box3{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
gap:2%;
flex-wrap: wrap;
}
/*절차*/
.mb3-top{
width:100%;
margin-bottom:4%;
}
.mb3t-list{
display:flex;
justify-content: space-between;
align-items: center;
}
.mb3tl-arrow img{
width:28px;
}
.mb3tl-cont img{
height:80px;
}
.mb3tl-cont p{
color:#ce1f2d;
font-weight:700;
font-size:24px;
margin:15px 0 10px;
}
.mb3tl-cont span{
line-height:1.4;
display:block;
}




.box-area{
width:96%;
max-width:1280px;
margin:0 auto;
}

/*대출절차*/
#box4{
background:#ebf0f8;
}


.process-list{
position:relative;
margin-top:40px;
}
.process-list ul{
display:flex;
border:5px #22296f solid;
box-sizing:border-box;
padding:30px 0;
background:#fff;
}

.process-list li{
text-align:center;
border-right:1px #d2d9e0 dashed;
border-left-width:0;
display:flex;
flex-direction: column;
justify-content: center;
/*width:20%;*/
width:25%;
padding:10px 0;
position:relative;
z-index:22;
}
.process-list li:after{
width:30px;
height:30px;
content:">";
display:flex;
justify-content: center;
align-items: center;
border-radius:999px;
background-image: linear-gradient(160deg, #1f89f1 0%, #2838d1 100%);
color:#fff;
position:absolute;
right:-15px;
top:50%;
margin-top:-15px;
z-index:9999px;
font-size:15px;
}

.process-list li.process05{
border-right-width:0;
}
.process-list li p{
color:#22296f;
width:100%;
font-weight:900;
font-size:26px;
margin-bottom:10px;
font-family:'Gms';
}
.process-list li span{
font-weight:700;
color:#787c9f;
letter-spacing: 0.02em;
display:block;
margin-bottom:10px;
font-size:0.85em;
}

.process-list li.process05:after{
display:none;
}
.process-list li.process05 img{
width:90px;
margin:0 auto;
}
.process-list li div{
color:#3d3f53;
width:100%;
font-size:20px;
bottom:45px;
}

.process-list li.process05 p{
font-size:36px;
background-image: linear-gradient(120deg, #1f89f1 0%, #2838d1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.process-list li.process05 div{
color:#1a2164;
font-weight:600;
display:inline-block;
}


.process-text{
background:#22296f;
font-weight:200;
font-size:21px;
text-align:center;
color:#fff;
padding:25px 0;
}
.process-text strong{
font-size:32px;
font-weight:600;
display:block;
background-image: linear-gradient(0deg, #ffc016 0%, #ffffff 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family:'Gms';
}


#box5 .box-area{
display:flex;
gap:100px;
}

.ba5-left {
flex-shrink: 0;
}

.ba5-right{
flex-grow: 1;
}
.b5r-tit{
color: #424242;
font-size: 20px;
font-weight: 400;
margin-top:50px;

}
.b5r-tit span{
display:block;
font-weight:700;
color:#23d;
}
.b5r-tit img{
width:160px;
margin-bottom:20px;
}
.ba5-right ul{
border-top:3px #1f265a solid;
}
.ba5-right li{
display:flex;
background:#fff;
height:82px;
align-items: center;
box-sizing:border-box;
gap:10px;
border-bottom:1px #e0e0e0 solid;
}
.ba5-right li p{
font-weight:600;
font-size:20px;
flex-shrink: 0;
width: 100px;
}
.ba5-right li p em{
font-weight:800;
color:#e56626;
 
}
.ba5-right li input[type="text"]{
border:0;
background:#e9ecf3;
height:40px;
padding:0 10px;
box-sizing:border-box;
flex-grow: 1;
}
.ba5-right li select{
border:0;
background:#e9ecf3;
height:40px;
padding:0 10px;
box-sizing:border-box;
flex-grow: 1;
}
.ba5-right li input[type="radio"]{
border:0;
background:#e9f3ed;
height:20px;
width:20px;
padding:0 5px;
box-sizing:border-box;
display:none;
}
.ba5li-radio{
flex-grow: 1;
display:flex;

gap:10px;
}
.ba5li-radio label{
width:50%;
text-align:center;
box-sizing:border-box;
padding:10px;
background:#e9ecf3;
}
.ba5li-radio input[type="radio"]:checked+label{
background:rgb(222, 78, 20);
border-radius:10px;
color:#fff;
}
.ba5-check #check{
display:none;
}
.ba5-check{
display:flex;
color:#666;
font-weight:300;
align-items: center;
margin-top:10px;
}
.ba5-check label{
display:flex;
gap:5px;
align-items: center;
}
.ba5-check a{
font-weight:600;
color:#666;
}
.ba5-check #check+label span{
background-repeat: no-repeat;
background-image: url('img/check-off.png');}
.ba5-check #check:checked+label span{
background-image: url('img/check-on.png');
}
.ba5-check label span{
display: block;
width:25px; 
height:25px; 
background-size:cover;
}
.ba5-btn{
margin-top:40px;
text-align:center;
}
.ba5-btn a{
display:flex;
align-items: center;
justify-content: center;
background:#1f265a;
height:65px;
color:#fff;
font-size:20px;
font-weight:700;
gap:5px;
transition: all 0.2s linear;
padding:0 50px;
}
.ba5-btn a:hover{
background:#1b60b9;
}

.ba5-btn a i{
font-size:24px;
}


/*고객대출후기*/
.mb3-left{
background:#1f265a;
width:96%;
max-width:1280px;
margin:50px auto 0;
box-sizing:border-box;
box-sizing:border-box;
padding:50px;
position:relative;
}
.mb3l-tit{
color:#fff;
margin-bottom:15px;
font-family: 'Gms';
}
.mb3l-tit span{
font-size:20px;
font-weight:300;
}
.mb3l-tit p{
font-size:52px;
}
.mb3l-tit p strong{
font-weight:800;
}
.mb3l-more{
position:absolute;
right:30px;
top:70px;
width:50px;
height:50px;
display:flex;
justify-content: center;
align-items: center;
box-sizing:border-box;
border:1px rgba(255,255,255,0.1) solid;
color:#fff;
font-size:30px;
}
.mb3l-box a{
display:block;
background:#fff;
box-sizig:border-box;
padding:30px 20px;
}
.mb3l-star{
display:flex;
font-size:20px;
color:#d93845;
gap:5px;
margin-bottom:15px;
}
.mb3l-t1{
line-height:1.5em;
height:6em;
overflow:hidden;
}
.mb3l-info{
margin-top:15px;
padding-top:15px;
display:flex;
justify-content: space-between;
border-top:1px #e0e0e0 solid;
color:#999;
}
.mb3l-info span{
font-size:20px;
color:#d72230;
font-weight:600;
}
.mb3l-slide {
overflow:hidden;
}
.mb3l-slide .slick-list{

width:calc(100% + 30px);
}
.mb3l-slide .slick-slide > div{
margin-right:30px;
}

.mb3l-slide .slick-arrow{
position:absolute;
top:70px;
right:80px;
box-sizing:border-box;
width:50px;
height:50px;
border:1px rgba(255,255,255,0.1) solid;
border-right:0;
display:flex;
justify-content: center;
align-items: center;
background:transparent;
font-size:30px;
color:#fff;
}
.mb3l-slide .slick-arrow.slick-prev{
right:129px;
border-right:0;
}