header {
    width:100%;
    margin:0 auto;
    background:#fff;
    height:100px;
    position:relative;
    margin-top:143px;
    position:fixed;
    top:0;
    z-index:100;
    border-bottom:1px #e0e0e0 solid;
}

header.drop,
header.on{
    background:#fff;
    box-shadow: 0 0 12px rgb(33 33 33 / 20%);
}

.header-logo {
    position:absolute;
    left:0px;
    text-align:left;
    z-index:999;
    top:5px;
}

.header-logo a{
    display:block;
    /*width:260px;
    line-height:100px;*/
}

.header-logo a img{
    width:100%;
}

.header-logo a{
    font-weight:700;
    font-size:14px;
    color:#000;
    line-height:2.5em;
}
.header-logo p{
    font-size:40px;
    font-weight:900;
}
.header-logo p strong{
    font-weight:900;
    color:#10228d;
    font-size:1.125em;
}

.header-area{
    width:96%;
    max-width:1280px;
    margin:0 auto;
    z-index:999;
    position:relative;
    height:100px;
}

.header-gnb {
    height:58px;
    width:100%;
}

.loan-disclosure-mini{
    margin-top: 8px;
    margin-left:10px;
    font-size: 11px;
    line-height: 1.35;
    color: rgba(195, 195, 195, 0.75);
}
.loan-disclosure-mini .ttl{
    font-weight: 700;
    margin-right: 6px;
}
.loan-disclosure-mini .line{
    display: inline;
    margin-right: 8px;
    white-space: nowrap;
}
.loan-disclosure-mini .more{
    margin-left: 6px;
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
}
@media (max-width: 480px){
    .loan-disclosure-mini .line{
        display: block;
        white-space: normal;
        margin-right: 0;
    }
}


.gnb{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    box-sizing:border-box;
    text-align:right;
}

.gnb > li {
    position:relative;
    text-align:center;
    box-sizing:border-box;
    vertical-align:top;
    display:inline-block;
}



.gnb > li:hover > a{
    font-weight:700;
    color:#273890;
}

.gnb > li > a {
    display:block;
    position:relative;
    font-size:22px;
    padding:0 40px;
    line-height:100px;
    height:100px;
    font-weight:700;
    color:#1f244e;
}

/*.gnb > li > ul {
display:none;
position:absolute;
left:50%;
margin-left:-80px;
width:160px;
z-index:5;
background:#377cda;
box-sizing:border-box;
padding:5px 0;
border-radius:5px;
}*/
.gnb > li > ul:after{
    content:"";
    display:block;
    width:12px;
    height:7px;
    position:absolute;
    top:-7px;
    left:50%;
    margin-left:-6px;
}

.gnb > li > ul{
    position:absolute;
    display:none;
    background:#273890;
    width:160px;
    left:50%;
    margin-left:-80px;
    top:100px;
}

.gnb > li:hover > ul {
    height:auto;
    display:block;

}

.gnb > li > ul li {
    height:30px;
    line-height:30px;
}

.gnb > li > ul{
    padding-top:10px;
    padding-bottom:20px;
    box-sizing:border-box;
}

.gnb > li > ul li:first-child{
    border-top-width:0;
}

.gnb > li > ul li a {
    display:block;
    color:rgba(255,255,255,0.7);
    letter-spacing:0em;
    padding:5px 0;
}


.gnb > li > ul li:hover a{
    color:#fff;
    font-weight:500;
}

.all-menu-area{
    display:none;
}

.gnb-close-btn{
    position:absolute;
    right:281px;
    top:0;
    z-index:99999;
    background:#fff;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    color:#333;
    font-size:25px;
    display:block;
}

.mobile-open-btn{
    position:absolute;
    right:0px;
    top:50%;
    margin-top:-20px;
    z-index:99999;
    width:50px;
    height:50px;
    font-size:0;
    display:none;
    border-radius:999px;
    color:#283174;
    font-size:35px;
}

#sidebar{
    position:fixed;
    top:200px;
    bottom:0;
    display:none;
    right:-100px;
    z-index:999999999;
    -webkit-transition: right 1s;
    transition: right 1s;
    width:auto;
    overflow:visible;
    background:#000;
    margin-left:0;
    left:auto;
    border:0;
}

.sidebg{
    display:block;
    position: fixed;
    height: 150%;
    background: rgba(0,0,0,0.5);
    width: 100%;
    top: 0;
    right: 0;
    z-index: 44;
}
.menu{
    position:relative;
    z-index:55;
    width:280px;
    left:auto;
    right:0;
    overflow-x:hidden;
    overflow-y:auto;
    height:100%;
    background:#fff;
    display:block;
    text-align:left;
    box-sizing:border-box;
    padding:20px;
}

.menu > li{
    display:block;
    width:100%;
    box-sizing:border-box;
    border-left:0;
    box-sizing:border-box;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px rgba(0,0,0,0.2) solid;
}

.menu > li > ul > li{
    padding:5px 0;
}

.menu > li > a{
    height:30px;
    line-height:30px;
    font-weight:800;
    display:block;
    width:100%;
}

.menu > li > ul > li > a{
    display:block;
}

/*footer*/
footer{
    width:96%;
    max-width:1280px;
    margin:0 auto;
    text-align:center;
}

.foot-customer{
    position:relative;
    padding:40px 0 0;
    margin:0 auto;
    font-size:18px;
    font-weight:700;
}

.foot-customer a{
    display:inline-block;
    height:45px;
    line-height:45px;
    margin:0 10px;
    vertical-align:middle;
    transition: all 0.3s;
}

.foot-area{
    padding:20px 0;
    margin:0 auto;
    letter-spacing:0em;
}

.foot-info p{
    margin-bottom:15px;
    display:inline-block;
    margin-right:10px;
    color:#666;
    /*color:#eaeaea;*/
    font-size:18px;
}

.foot-info strong{
    font-weight:700;
    color:#666;
    /*color:#eaeaea;*/
}

.foot-text{
    border-top:1px #dadada solid;
    padding-top:40px;
    margin-top:20px;
    font-size:1.2em;
}
.ft2{
    color:#e10b0b;
}

.ft3{
    font-weight: 500;
    color:#666;
    margin-top:10px;
    line-height: 1.7em;
}

.foot-copy{
    letter-spacing:0;
    opacity:0.5;
    margin-top:10px;
}


.side-quick{
    position:fixed;
    right:10px;
    bottom:50px;
    z-index:999;
}
.side-quick li{
    display:table;
    width:110px;
    height:110px;
    table-layout:fixed;
    margin-bottom:10px;
}

.side-quick a{
    display:table-cell;
    width:100%;
    height:100%;
    background:#ffe50b;
    border-radius:30px;
    vertical-align:middle;
    text-align:center;
    line-height:1.3em;
    font-size:14px;
    color:#391b1b;
}
.side-quick a strong{
    font-size:15px;
    font-weight:700;
    display:block;
}

.sq-img1-1{
    width:34px;
}


.side-quick .sq2 a{
    background-color:#1da8e9;
    color:#fff;
}
.sq-img2-1{
    width:54px;
    margin-bottom:5px;
}

.side-quick .Q-top{
    padding-left:0;
    height:40px;
    line-height:40px;
    font-size:20px;
}
.side-quick .Q-top a{
    background:transparent;
    color:#283174;
    font-size:16px;
    font-weight:800;
    letter-spacing:0em;
}
.side-quick .Q-top a i{
    font-size:19px;
}
.fixed-bar{
    position: fixed; /* 기존 유지 */
    z-index: 9999999; /* 기존 유지 */
    width: 100%;
    top: 0;
    left: 0;
    padding: 19px 0;
    box-sizing: border-box;
    overflow: hidden;
    background: url(../img/fixed-bg.jpg) center/cover no-repeat;
}

.fixed-bar::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            var(--fixedbar-grad-angle),
            var(--fixedbar-grad-1),
            var(--fixedbar-grad-2)
    );
    z-index: 0;
    pointer-events: none;
}
.fixed-bar > *{
    position: relative;
    z-index: 1;
}


.fixed-bar-area{
    width:96%;
    max-width:1280px;
    margin:0 auto;
    position:relative;
    box-sizing:border-box;
    padding-right:230px;
}
.fba-tit{
    margin-bottom:5px;
}
.fba-tit p{
    display:inline-block;
    font-family:'GangwonEduPower';
    font-size:29px;
    color:#fff;
    margin-right:5px;
}
.fba-tit p em{
    color:#ffea39;
}
.fba-tit span{
    font-size:16px;
    color:#d2e4f3;
    font-weight:300;
}


.fba-input {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.fba-input > .form-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.fba-input > .form-row,
.fba-input > .form-row div {
    display: flex;
    align-items: center;
}

.fba-input > .form-row input[type="text"] {
    border: 0;
    height: 45px;
    line-height: 45px;
    border-radius: 10px;
    padding: 0 12px;
    margin-right: 0;
    box-sizing: border-box;
}

.fba-input > .form-row input[name="cname"] {
    width: 200px;
}

.fba-input > .form-row input[name="phone1"] {
    width: 200px;
}

.top-inline-radio-group {
    display: flex !important;
    align-items: stretch;
    height: 45px;
    border: 1px solid #e4dfeb;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f4f8;
    box-sizing: border-box;
}

.top-inline-radio-group input[type="radio"] {
    display: none;
}

.top-inline-radio-group label {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 110px;
    height: 45px;
    padding: 0 18px;
    margin: 0;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    color: #333;
    background: #9e9e9e;
    cursor: pointer;
    white-space: nowrap;
    line-height: 45px;
}

.top-inline-radio-group label + input[type="radio"] + label {
    border-left: 1px solid #e4dfeb;
}

.top-inline-radio-group input[type="radio"]:checked + label {
    background: #6241e6;
    color: #fff;
}
.fba-input label{
    font-size:0.9em;
    color:#fff;
}
.fba-input a{
    font-size:14px;
    background:#475ba4;
    display:inline-block;
    color:#fff;
    padding:0 10px;
    border-radius:5px;
    margin-left:5px;
}

.fba-link{
    position:absolute;
    top:0;
    right:0;
}
.fba-link a{
    display:block;
    width:185px;
    padding:20px 0;
    border-radius:10px;
    background: linear-gradient(#d05a2f, #d05500);
    text-align:center;
    color:#fff;
    font-size:21px;
    line-height:1.3em;
    font-weight:500;
    transition: background 0.2s linear;
}

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

.fba-link a p{
    color:#ffe921;
    font-size:24px;
    font-weight:700;
}
.fba-link a p strong{
    font-size:28px;
    font-weight:800;
}



/*layer popup*/
.layer-popup{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.85);
    z-index: 99999999999999999999;
    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:#d4e3ff;
    color:#283874;
    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:-2px;
}
.close-box img{
    width:55px;
}
/********************* main *********************************/

/*visual*/
#visual{
    width:100%;
    max-width:2000px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    padding-top:243px;
}

.va-box{
    position:relative;
    text-align:center;
}

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

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

.va-text{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0%;

    display:table;
    text-align:center;
}

.vat-box{
    display:table-cell;
    width:100%;
    vertical-align:middle;
    color:#fff;
}

.va-t1{
    font-family: 'OhsquareAir', serif;
    font-size:32px;
    background:url('../img/visual-t1.png');
    background-size:cover;
    width:510px;
    height:62px;
    line-height:72px;
    color:#3c70af;
    margin:10px auto;
}
.va-t1 strong{
    font-weight:700;
    font-size:34px;
}

.va-t2{
    font-family: 'Ohsquare', serif;
    margin:20px 0 30px;
    font-size:60px;
    color:#ff7d08;
}
.va-t2 img{
    width:800px;
}

.va-t3 ul{
    display:table;
    width:750px;
    table-layout:fixed;
    margin:20px auto;
}

.va-t3 li{
    display: table-cell;
    width: 250px;
    height: 230px;
    vertical-align: middle;
    font-size: 25px;
    line-height: 1.5em;

    position: relative;
    overflow: hidden;

    /* 기존 background 이미지 직접 지정은 제거 (마스크로만 처리) */
    background: none !important;
}

.va-t3 li strong{
    font-weight: 800;
    font-size: 35px;
}

.va-t3 li > *{
    position: relative;
    z-index: 1;
}

/* ✅ 공통 마스크 오버레이 */
.va-t3 li::before{
    content: "";
    position: absolute;
    inset: 0;
    background: var(--va-badge-color);
    pointer-events: none;
    z-index: 0;

    /* ✅ 마스크는 변수로 주입 */
    -webkit-mask: var(--va-badge-mask) no-repeat center / cover;
    mask: var(--va-badge-mask) no-repeat center / cover;
}

/* ✅ 아이템별 변수만 주입 (중복 최소화) */
.va-t3 li.va-t3-1{
    --va-badge-color: var(--va-badge-1);
    --va-badge-mask: url("../img/visual-t3-1.png");
}
.va-t3 li.va-t3-2{
    --va-badge-color: var(--va-badge-2);
    --va-badge-mask: url("../img/visual-t3-2.png");
}
.va-t3 li.va-t3-3{
    --va-badge-color: var(--va-badge-3);
    --va-badge-mask: url("../img/visual-t3-3.png");
}

#visual .slick-dots{
    position:absolute;
    width:100%;
    text-align:center;
    bottom:40px;
    left:0;
    z-index:9;
}

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

#visual .slick-dots li button{
    font-size:0;
    width:20px;
    height:20px;
    box-sizing:border-box;
    background:transparent;
    border:3px #fff solid;
    border-radius:999px;
    display:block;
}

#visual .slick-dots li.slick-active button{
    background:#fff;
}

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


.main-box{
    width:100%;
    padding:100px 0;
}
.main-box-area{
    width:96%;
    max-width:1280px;
    margin:0 auto;
}
.main-tit{
    text-align:center;
    padding-bottom:30px;
}
.main-tit p{
    font-size:24px;
    color:#5f4d47;
    font-weight:300
}
.main-tit h2{
    font-family:'Dangdanghae';
    font-size:42px;
    margin-top:5px;
}
.main-tit h2 strong{
    color:#d05a31;
}

.main-bar{
    /*background:url(/img/mbar-bg.png);*/
    background:url(../img/mbar-bg1.png);
    background-position:0% 50%;
    height:165px;
    width:100%;
    max-width:2000px;
    position:relative;
    margin:0 auto;
    margin-top:-15px;
    z-index:77;
}
.main-bar-area{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding-top:15px;
    display:flex;
}
#time{
    width:60%;
    margin:0 auto;
}
.time-area{
    width:100%;
    display:table;
    table-layout:fixed;
    padding-top:20px;
    vertical-align:middle;
}
.mm-tit{
    display:table-cell;
    width:140px;
    vertical-align:middle;
}
.mm-tit img{
    widtH:30px;
}
.mm-tit h2{
    font-size:27px;
    font-family:'GangwonEduPower';
    line-height:1.2em;
    color:#fff;
    margin-top:5px;
}
.mm-list{
    display:table-cell;
    vertical-align:middle;
    border-left:1px rgba(255,255,255,0.2) dashed;
    padding:0 20px;

}
.mm-list-area{
    height:113px;
    overflow:hidden;
    color:#fff;
}
.mml-box{
    margin-bottom: 6px;
    padding-bottom: 10px;
}

.mml-box p{
    width:15%;
    text-align:center;
    display:inline-block;
}
.mml-box p.mmlb-p1{
    text-align:left;
}
.mml-box p.mmlb-p3{
    width:40%;
}
.mmlb-state{
    width:70px;
    color:#fff;
    border-radius:999px;
    font-size:14px;
    line-height:24px;
    height:24px;
}
.mmlb-state.mmlb-s1{
    background:#d94d0f;
}
.mmlb-state.mmlb-s2{
    background:#08ad94;
}
.mmlb-state.mmlb-s3{
    background:#9bacc5;
}

.mmlb-state.mmlb-s4{
    background: #9f8a0d;
}
.mmlb-state.mmlb-s5{
    background: #08bd19;

}
.mm-link{
    display:table-cell;
    width:160px;
    vertical-align:middle;
}

.mm-link{
    height:100%;
}
.mm-link a{
    display:table;
    background:#4754b8;
    width:100%;
    text-align:center;
    height:110px;
    border-radius:20px;
    color:#fff;
    font-size:17px;
    line-height:1.4em;
    transition:all .5s ease;
}
.mm-link a:hover{
    background:#d05a31;
}
.mm-link a > div{
    display:table-cell;
    width:100%;
    vertical-align:middle;
    height:100%;
}
.mm-link a strong{
    display:block;
    font-size:22px;
}

#kakao-service{
    width:32%;
    padding-left:8%;
    padding-top:18px;
}

.ks-area{
    width:100%;
    background:url(/img/kakao-plus.png);
    background-repeat:no-repeat;
    background-position:100% 50%;
    font-size:17px;
    color:#391b1b;
}

.ks-area h2{
    position:relative;
    color:#391b1b;
    font-size:27px;
    font-family:'GangwonEduPower';
    line-height:1.3em;
    display:inline-block;
    padding-right:60px;
}
.ks-area h2 img{
    position:absolute;
    top:-50px;
    width:70px;
    right:0;
}
.ks-area p{
    opacity:0.8;
    font-weight:300;
    margin:0px 0 5px;
}

.ks-area a{
    display:inline-block;
    background:#391b1b;
    color:#fff;
    height:45px;
    line-height:41px;
    padding:0 20px;
    border-radius:999px;
    transition:all .5s ease;
    box-sizing:border-box;
    border:2px transparent solid;
}
.ks-area a:hover{
    border-color:#391b1b;
    background:transparent;
    color:#391b1b;
}




/*상품안내*/
.pro-list{
    display:flex;
    flex-wrap: wrap;
}
.pro-list li{
    width:32%;
    margin-left:2%;
    margin-top:20px;
    background:#f4f6f9;
    border-radius:15px;
    box-sizing:border-box;
    padding:30px;
}
.pro-list li:nth-child(3n+1){
    margin-left:0;
}
.pro-list li a{
    display:table;
    width:100%;
    table-layout:fixed;

}
.pl-text{
    display:table-cell;
    width:70%;
}
.pl-text dl{
    display:table;
    width:100%;
    table-layout:fixed;
    font-size:18px;
    margin-top:10px;
}

.pl-text dt{
    display:table-cell;
    width:40px;
    color:#24378a;
    font-weight:600;
    position:relative;
    padding-left:7px;
}

.pl-text dt:after{
    content:"";
    display:block;
    width:3px;
    height:3px;
    border-radius:9999px;
    background:#3650c1;
    left:0;
    top:50%;
    margin-top:-2px;
    position:absolute;
}

.pl-text dd{
    display:table-cell;
    padding-left:10px;
}
.pl-t1{
    color:#3650c1;
    font-size:25px;
    font-weight:700;
}
.pl-text .more{
    display:inline-block;
    box-sizing:border-box;
    border:1px #a0a6b1 solid;
    color:#6a7383;
    padding:7px 25px;
    margin-top:20px;
    border-radius:999px;
    transition:all .5s ease;
}
.pro-list li a:hover .pl-text .more{
    background:#3650c1;
    color:#fff;
    border-color:transparent;
}

.pl-img{
    display:table-cell;
    vertical-align:middle;
}
.pl-img img{
    width:100%;
}

/*선택이유*/
#main02{
    background:#fff4ed;
}
.m02-list{
    display:flex;
    flex-wrap: nowrap;
}

.m02-list li{
    width:18.4%;
    margin-left:2%;
    text-align:center;
}
.m02-list li:first-child{
    margin-left:0;
}

.m02-top{
    font-family: 'Simplehae', serif;
    background:#d44615;
    color:#fff;
    border-radius:50px;
    font-size:22px;
    line-height:1.5em;
    padding:10px 10px;
    margin-bottom:25px;
}
.m02-top strong{
    font-size:26px;
    font-weight:600;
}
.m02-middle{
    display:table;
    width:100%;
    background:#fff;
    font-size:20px;
    border-radius:30px 30px 0 0;
    overflow:hidden;
}
.m02-m{
    padding:15px;
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100px;
}
.m02-m span{
    color:#c14418;
}

.m02-bottom{
    display:table;
    width:100%;
    background:#655c58;
    border-radius:0 0 30px 30px;
}
.m02-b{
    display:table-cell;
    width:100%;
    height:85px;
    vertical-align:middle;
    color:#fff;
    font-size:20px;
    line-height:1.3em;
}
.m02-b strong{
    font-weight:700;
}



/*대출후기*/
#main03{
    background:url(/img/main03-bg.gif);
    background-size:cover;
}

#main03 .main-tit p,
#main03 .main-tit h2{
    color:#fff;
}
#main03 .main-tit h2 strong{
    color:#ffdf09;
}
.review-slide{
    position:relative;
}
.review-slide .slick-arrow{
    position:absolute;
    background:transparent;
    width:40px;
    height:40px;
    line-height:40px;
    top:-100px;
    left:10px;
    color:#fff;
    font-size:50px;
    opacity:0.6;
}
.review-slide .slick-arrow.slick-next{
    left:auto;
    right:10px;
}
.review-slide .slick-track{
    display:flex;
}
.review-slide .slick-list{
    width:100%;
    overflow:hidden;
}
.rs-box{
    padding-bottom:25px;
    background:url(/img/review-arrow.png);
    background-repeat:no-repeat;
    background-size:30px 25px;
    background-position:bottom right;
}
.review-slide .slick-track .slick-slide:nth-child(2n) .rs-box{
    background-image:url(/img/review-arrow-left.png);
    background-position:bottom left;
}
.review-slide .slick-track .slick-slide > div{
    margin:0 10px;
}
.rs-box-area{
    background:#fff;
    padding:30px;
    border-radius:20px 20px 0 20px;
    position:relative;
}
.review-slide .slick-track .slick-slide:nth-child(2n) .rs-box-area{
    border-radius:20px 20px 20px 0px;
}

.rba-star{
    position:absolute;
    right:30px;
    top:30px;
}
.rba-star img{
    width:16px;
}

.rba-p1{
    font-size:22px;
    color:#3650c1;
    font-weight:600;
}
.rba-p2{
    font-size:18px;
    color:#444;
    font-weight:600;
    margin:5px 0;
}
.rba-p3{
    line-height:1.3em;
    height:5.2em;
    overflow:hidden;
    color:#666;
}

/*대출절차*/
#main04{
    background:#ebf0f8;
    text-align:center;
}

.process-list ul{
    display:flex;
}
.process-list{
    position:relative;

}
.process-arrow{
    background:url(/img/process-arrow.png);
    background-position:left 50%;
    background-repeat:no-repeat;
    position:absolute;
    z-index:55;
    width:980px;
    height:80px;
    top:50%;
    margin-top:-40px;
    left:0;
}
.process-list li{
    position:relative;
    width:250px;
    height:250px;
    margin-left:-30px;
    border-radius:9999px;
    background:#6182d4;
    text-align:center;
    color:#fff;
}
.process-list li.process02{
    background:#496eca;
}
.process-list li.process03{
    background:#2e56b9;
}
.process-list li.process04{
    background:#2a4485;
}
.process-list li.process05{
    background:#d44615;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-140px;
    width:280px;
    height:280px;
}
.process-list li p{
    position:absolute;
    width:100%;
    font-weight:700;
    font-size:26px;
    top:66px;
}

.process-list li div{
    position:absolute;
    width:100%;
    font-size:20px;
    bottom:45px;
    line-height:1.3;
}

.process-list li.process05 p{
    top:76px;
    font-size:36px;
}
.process-list li.process05 div{
    bottom:85px;
}

.process-text{
    display:inline-block;
    color:#fff;
    background:#655c58;
    border-radius:30px;
    padding:15px 50px;
    text-align:center;
    font-weight:200;
    font-size:21px;
    margin-top:60px;
}

.process-text strong{
    font-size:27px;
    font-weight:600;
    display:block;
}


/*sub*/
.sub-title{
    width:100%;
    height:270px;
    background:url('/img/sub-visual.png');
    background-size:cover;
    background-position:50%;
    margin-top:243px;
}
.sub-title-area{
    display:table;
    width:90%;
    max-width:1100px;
    margin:0 auto;
    height:100%;
}
.sub-title-area > div{
    display:table-cell;
    width: 100%;
    vertical-align:middle;
}

.sta-p1{
    color:#563e2f;
    font-size:28px;
}
.sta-p1 strong{
    font-weight:600;
}

.sta-p2{
    font-family:'GangwonEduPower';
    font-size:50px;
    padding-bottom:20px;
}
.sta-p2 span{
    color:#d05a31;
}

.sub-info{
    display:flex;
    width:100%;
    max-width:1280px;
    justify-content: center;
    position:relative;
    margin:0 auto;
    margin-top:-40px;
    z-index:55;
    height:80px;
    line-height:80px;
    background:#fff;
    border-radius:20px;
    box-shadow: 0 0 17px rgba(0,0,0,0.1);
}
.sub-info dl{
    width:30%;
    position:relative;
    box-sizing:border-box;
    padding:0 50px;
    text-align:center;
    font-size:20px;
}
.sub-info dl:after{
    content:"";
    display:block;
    width:1px;
    height:30px;
    position:absolute;
    background:#dbdbdb;
    top:50%;
    margin-top:-15px;
    left:0;
}
.sub-info dl:first-child:after{
    display:none;
}

.sub-info dt{
    display:inline-block;
    margin-right:10px;
    color:#d05a31;
    font-weight:700;
}

.sub-info dd{
    display:inline-block;
}

.sub-content{
    padding:80px 0 100px;
    border-bottom:1px #e0e0e0 solid;
    width:96%;
    max-width:1280px;
    margin:0 auto;
}

.privacy-box p{
    word-break:keep-all;
    font-size:0.9em;
}

.privacy-box strong{
    font-size:1.1em;
    font-weight:600;
}


.fba-input input[type="text"], .fba-input select{
    border:0;
    height:45px;
    line-height:45px;
    border-radius:10px;
    padding:0 4px;
    margin-right:10px;
    padding-left: 7px;
}


.sub-bar-area {
    width: 100%;
    max-width: 1280px;
    background: #3449b4;
    text-align: center;
    padding: 60px 40px;
    box-sizing: border-box;
    border-radius: 20px;
    margin-top: 50px;
}

.sub-bar-area .fba-tit {
    margin-bottom: 14px;
}

.sub-bar-area .fba-tit p {
    display: block;
    line-height: 1.3em;
    margin-bottom: 10px;
    font-family: 'GangwonEduPower';
    font-size: 29px;
    color: #fff;
}

.sub-bar-area .fba-tit p em {
    color: #ffea39;
}

.sub-bar-area .fba-tit span {
    display: block;
    font-size: 20px;
    color: #d2e4f3;
    font-weight: 300;
    line-height: 1.5;
}




/*sub대출상품*/
/*대출상품*/
.loan-info{
    display:table;
    table-layout:fixed;
    width:100%;
    box-sizing:border-box;
}

.li-left{
    display:table-cell;
    vertical-align:middle;
}

.li-right{
    width:45%;
    display:table-cell;
    vertical-align:bottom;;

}
.li-right a{
    width:100%;
    display:block;
    background:#ffe50b;
    border-radius:20px;
    text-align:center;
    padding:60px 40px;
    box-sizing:border-box;
}

.lir-img2{
    width:200px;
}

.li-right a p{
    font-size:25px;
    font-weight:700;
    color:#391b1b;
    margin-top:10px;
}

.li-right a span{
    display:inline-block;
    padding:10px 30px;
    background:#391b1b;
    border-radius:9999px;
    border:2px transparent solid;
    color:#fff;
    font-weight:600;
    margin-top:30px;
    transition: all .5s ease;
}

.li-right a:hover span{
    border-color:#391b1b;
    background:transparent;
    color:#391b1b;
}

.lil-p1{
    font-size:23px;
    font-weight:500;
    color:#555;
}

.lil-p1 span{
    font-weight:400;
    color:#3449b4;
    font-weight:700;
}

.lil-p2{
    color:#3449b4;
    font-size:48px;
    font-family:'GangwonEduPower';
}

.lil-p3{
    color:#94847e;
    font-weight:300;
    font-size:18px;
}

.lil-list{
    margin-top:30px;
}

.lil-list li{
    position:relative;
    height:54px;
    line-height:54px;
    background:#fff;
    width:90%;
    box-sizing:border-box;
    padding-left:60px;
    font-size:22px;
    font-weight:300;
    margin-top:15px;
    color:#fff;
    background:#6182d4;
    border-radius:999px;
}

.lil-list li span{
    position:absolute;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:999px;
    background:#fff;
    color:#293a64;
    font-weight:600;
    font-size:25px;
    text-align:center;
    left:10px;
    top:50%;
    margin-top:-20px;
}
.lil-list li em{
    display:inline-block;
    font-weight:600;
    margin-right:10px;
}
.lil-list li.lill02{
    background:#2e56b9;
}
.lil-list li.lill03{
    background:#2a4485;
}

.sub-loan-info{
    border-radius:10px;
    border:3px #323950 solid;
    width:100%;
    box-sizing:border-box;
    margin-top:50px;
    overflow:hidden;
}
.sub-loan-info table{
    width:100%;
    table-layout: fixed;
}
.sub-loan-info th{
    background:#323950;
    font-weight:600;
    color:#fff;
    font-size:1.025em;
    padding:15px 0;
    border-top:1px rgba(255,255,255,0.1) dashed;
}
.sub-loan-info td{
    padding:10px 20px;
    border-top:1px #e0e0e0 solid;
}
.sub-loan-info tr:first-child th,
.sub-loan-info tr:first-child td{
    border-top-width:0;
}

/*대출절차*/
.sub-process{
    display:flex;
    justify-content: center;
}
.sub-process li{
    width:280px;
    position:relative;
    text-align:center;
    margin:0 30px;
}
.sub-process li:after{
    content: "";
    display: block;
    width: 25px;
    height: 45px;
    position: absolute;
    background: url(/img/sub-process-arrow.gif);
    background-size: cover;
    left: -35px;
    top: 50%;
    margin-top: -22px;
    opacity:0.6;
}
.sub-process li:first-child:after{
    display:none;
}
.sub-process li span{
    color:#d05a31;
    font-weight:700;
    display:block;
}
.sp-ico{
    margin:0 auto 10px;
    width:150px;
    height:150px;
    line-height:150px;
    border-radius:9999px;
    background:#86a3eb;
    display:block;
}
.sp-ico img{
    width:70%;
}
.sub-process li strong{
    color:#6182d4;
    font-size:28px;
    font-weight:900;
}
.sub-process li p{
    font-weight:300;
    padding:10px;
    word-break:keep-all;
}

.sp02 .sp-ico{
    background:#4e75df;
}
.sub-process .sp02 strong{
    color:#4268ce;
}
.sp03 .sp-ico{
    background:#224bb9;
}
.sub-process .sp03 strong{
    color:#224bb9;
}
.sp04 .sp-ico{
    background:#132d74;
}
.sub-process .sp04 strong{
    color:#132d74;
}



.inputLayer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.checklimit-input-grid {
    width: 100%;
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(1, minmax(280px, 1fr));
    gap: 16px 20px;
    margin: 20px 0 15px;
}

.checklimit-field {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
}

.checklimit-label {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin-left:10px;
    margin-bottom: 10px;
    line-height: 2;
}

.checklimit-field input[type='text'],
.checklimit-field select {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border: 0;
    border-radius: 10px;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 16px;
    background: #fff;
    color: #333;
    margin: 0;
}

.checklimit-field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:
            linear-gradient(45deg, transparent 50%, #333 50%),
            linear-gradient(135deg, #333 50%, transparent 50%);
    background-position:
            calc(100% - 18px) 19px,
            calc(100% - 12px) 19px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 36px;
}

.checklimit-radio-group {
    display: flex;
    width: 100%;
    height: 46px;
    border: 1px solid #e4dfeb;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f4f8;
    box-sizing: border-box;
}

.checklimit-radio-group input[type='radio'] {
    display: none;
}

.checklimit-radio-group label {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 14px;
    margin: 0;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #7f7f7f;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s linear, color 0.2s linear;
}

.checklimit-radio-group label + input[type='radio'] + label {
    border-left: 1px solid #e4dfeb;
}

.checklimit-radio-group input[type='radio']:checked + label {
    background: #6241e6;
    color: #fff;
}

.checklimit-agree-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.checklimit-agree-row input[type='checkbox'] {
    margin: 0;
}

.checklimit-agree-row label {
    font-size: 0.9em;
    color: #fff;
    line-height: 1.2;
}

.checklimit-agree-row .layer-bt01 {
    font-size: 14px;
    background: #475ba4;
    display: inline-block;
    color: #fff;
    padding: 6px 12px;
    border-radius: 5px;
    line-height: 1.2;
    margin-left: 0;
}


.sub-bar-area .fba-link {
    position: unset;
    margin-top: 30px;
}

.sub-bar-area .fba-link a {
    display: inline-block;
    width: auto;
    min-width: 320px;
    padding: 10px 30px;
    border-radius: 9999px;
    background: linear-gradient(#d05a2f, #d05500);
    text-align: center;
    color: #fff;
    font-size: 21px;
    line-height: 1.3em;
    font-weight: 500;
    transition: background 0.2s linear;
    box-sizing: border-box;
}

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

.sub-bar-area .fba-link a p {
    display: inline-block;
    margin: 0;
    color: #ffe921;
    font-size: 24px;
    font-weight: 700;
}

.sub-bar-area .fba-link a p strong {
    font-size: 28px;
    font-weight: 800;
}

@media (max-width: 1024px) {
    .fixed-bar {
        padding: 12px 0 14px;
        overflow: visible;
    }

    .fixed-bar-area {
        width: 94%;
        padding-right: 0;
        text-align: center;
    }

    .fba-tit {
        margin-bottom: 10px;
    }

    .fba-tit p {
        display: block;
        margin: 0 0 4px 0;
        font-size: 18px;
        line-height: 1.2;
    }

    .fba-tit span {
        display: block;
        font-size: 11px;
        line-height: 1.35;
        word-break: keep-all;
    }

    .fba-input {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
    }

    /* 핵심: 모바일에서도 한 줄 유지 */
    .fba-input > .form-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 100%;
        flex-wrap: nowrap;
    }

    .fba-input > .form-row input[type="text"] {
        width: 31%;
        min-width: 0;
        height: 42px;
        line-height: 42px;
        margin-right: 0;
        padding: 0 10px;
        box-sizing: border-box;
        font-size: 15px;
        border-radius: 10px;
    }

    .top-inline-radio-group {
        width: 38%;
        min-width: 0;
        height: 42px;
        display: flex !important;
        align-items: stretch;
        box-sizing: border-box;
        border-radius: 10px;
        overflow: hidden;
    }

    .top-inline-radio-group label {
        flex: 1;
        min-width: 0;
        height: 42px;
        line-height: 42px;
        padding: 0 4px;
        font-size: 13px;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .fba-input input[type="checkbox"] {
        margin: 0 4px 0 0;
        vertical-align: middle;
    }

    .fba-input label[for="CheckboxTop"] {
        font-size: 13px;
        line-height: 1.3;
        color: #fff;
        vertical-align: middle;
    }

    .fba-input a.layer-bt01 {
        margin-left: 0;
        padding: 4px 10px;
        font-size: 13px;
    }

    .loan-disclosure-mini {
        margin-top: 8px;
        text-align: center;
        display: none;
    }

    .loan-disclosure-mini .ttl,
    .loan-disclosure-mini .line,
    .loan-disclosure-mini .more {
        display: inline;
        font-size: 11px;
        line-height: 1.4;
    }

    .fba-link {
        position: static;
        display: block;
        width: auto;
        margin-top: 8px;
    }

    .fba-link a {
        display: inline-block;
        width: auto;
        min-width: 180px;
        padding: 10px 18px;
        border-radius: 12px;
        font-size: 16px;
        line-height: 1.2;
        box-sizing: border-box;
    }

    .fba-link a p {
        margin: 2px 0 0;
        font-size: 18px;
        line-height: 1.1;
    }

    .fba-link a p strong {
        font-size: 24px;
    }
    .sub-bar-area {
        padding: 48px 24px;
    }

    .sub-bar-area .fba-tit p {
        font-size: 25px;
    }

    .sub-bar-area .fba-tit span {
        font-size: 18px;
    }

    .checklimit-input-grid {
        max-width: 760px;
        grid-template-columns: repeat(2, minmax(240px, 1fr));
        gap: 14px 16px;
    }
}

@media (max-width: 768px) {
    .fixed-bar-area {
        width: 96%;
    }

    .fba-tit p {
        font-size: 16px;
    }

    .fba-tit span {
        font-size: 10px;
    }

    .fba-input > .form-row {
        gap: 4px;
    }

    .fba-input > .form-row input[type="text"] {
        width: 30%;
        height: 40px;
        line-height: 40px;
        padding: 0 8px;
        font-size: 14px;
    }

    .top-inline-radio-group {
        width: 40%;
        height: 40px;
    }

    .top-inline-radio-group label {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        padding: 0 2px;
    }

    .fba-link a {
        min-width: 165px;
        padding: 9px 14px;
        font-size: 15px;
    }

    .fba-link a p {
        font-size: 17px;
    }

    .fba-link a p strong {
        font-size: 22px;
    }

    .fba-input input[type="text"], .fba-input select{
        width: 30%;
    }

    .sub-bar-area {
        padding: 34px 16px;
        border-radius: 16px;
        margin-top: 36px;
    }

    .sub-bar-area .fba-tit {
        margin-bottom: 10px;
    }

    .sub-bar-area .fba-tit p {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .sub-bar-area .fba-tit span {
        font-size: 14px;
        line-height: 1.45;
    }

    .checklimit-input-grid {
        max-width: 100%;
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 16px 0 14px;
    }

    .checklimit-label {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .checklimit-field input[type='text'],
    .checklimit-field select,
    .checklimit-radio-group {
        height: 44px;
    }

    .checklimit-radio-group label {
        height: 44px;
        font-size: 14px;
    }

    .checklimit-agree-row {
        gap: 6px;
    }

    .checklimit-agree-row label {
        font-size: 13px;
    }

    .checklimit-agree-row .layer-bt01 {
        font-size: 13px;
        padding: 5px 10px;
    }

    .sub-bar-area .fba-link {
        margin-top: 20px;
    }

    .sub-bar-area .fba-link a {
        min-width: 0;
        width: 100%;
        max-width: 320px;
        padding: 12px 18px;
        font-size: 18px;
    }

    .sub-bar-area .fba-link a p {
        font-size: 20px;
    }

    .sub-bar-area .fba-link a p strong {
        font-size: 24px;
    }


}

@media (max-width: 480px) {
    .fba-input > .form-row input[type="text"] {
        width: 29%;
        height: 38px;
        line-height: 38px;
        font-size: 13px;
        padding: 0 6px;
    }

    .top-inline-radio-group {
        width: 42%;
        height: 38px;
    }

    .top-inline-radio-group label {
        height: 38px;
        line-height: 38px;
        font-size: 11px;
        letter-spacing: -0.5px;
    }

    .fba-input label[for="CheckboxTop"] {
        font-size: 12px;
    }

    .fba-input a.layer-bt01 {
        font-size: 12px;
        padding: 4px 8px;
    }
}