/* ¼­ºê ¹è°æ */
.sub-visual{width:100%;height:300px;position:relative;display:flex;align-items:center;background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;}
.sub-visual::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.05) 100%);}
.sub-visual-inner{width:1200px;margin:0 auto;position:relative;z-index:2;}
.sub-visual-inner h2{font-size:30px;font-weight:300;letter-spacing:0;margin:0;opacity:0;transform:translateY(30px);animation:fadeUp 1s cubic-bezier(.4,0,.2,1) forwards;}
.sub-visual-inner h2 strong{font-weight:600;}
.sub-visual-inner p{font-size:50px;font-weight:600;font-family:'GmarketSans';line-height:1.6;margin:0;opacity:0;transform:translateY(40px);animation:fadeUp 1s cubic-bezier(.4,0,.2,1) .3s forwards; letter-spacing:1px;text-shadow:0 4px 12px rgba(0,0,0,.3);}



@keyframes fadeUp{
0%{opacity:0;transform:translateY(40px);}
100%{opacity:1;transform:translateY(0);}
}

.sub-breadcrumb-wrap{width:100%;height:56px;border-bottom:1px solid #eaeaea;background:#fff;display:flex;align-items:center;}
.sub-breadcrumb-wrap .inner{width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;font-size:14px;color:#666;}
.sub-breadcrumb-wrap a{text-decoration:none;color:#888;margin-right:10px;position:relative;}
.sub-breadcrumb-wrap a::after{content:"/";margin-left:10px;color:#bbb;}
.sub-breadcrumb-wrap span{color:#062f68;font-weight:500;}

.sub-about{background-image:url("../img/sub_mov_01.jpg");}
.sub-loan{background-image:url("../img/sub_mov_02.jpg");}
.sub-guide{background-image:url("../img/sub_mov_03.jpg");}
.sub-info{background-image:url("../img/sub_mov_04.jpg");}
.sub-center{background-image:url("../img/sub_mov_05.jpg");}

@media(max-width:1280px){
.sub-visual-inner{width:90%;}
.sub-breadcrumb-wrap .inner{width:90%;}
}

@media(max-width:1024px){
.sub-visual{height:260px;}
.sub-visual-inner h2{font-size:26px;}
.sub-visual-inner p{font-size:40px;}
}

@media(max-width:768px){
.sub-visual{height:220px;}
.sub-visual-inner{width:90%;}
.sub-visual-inner h2{font-size:22px;line-height:1.4;}
.sub-visual-inner p{font-size:30px;}
.sub-breadcrumb-wrap{height:48px;}
.sub-breadcrumb-wrap .inner{width:90%;justify-content:center;font-size:13px;}
}

@media(max-width:480px){
.sub-visual{height:180px;}
.sub-visual-inner h2{font-size:18px;}
.sub-visual-inner p{font-size:22px;}
.sub-breadcrumb-wrap{height:44px;}
.sub-breadcrumb-wrap .inner{font-size:12px;}
}


/* ¼­ºêÄÜÅÙÃ÷ */
/* ============================= */
/* ¼­ºêÄÜÅÙÃ÷ ±âº» (PC ±âÁØ) */
/* ============================= */

.sub-content{padding:0;background:#f3f3f3;}
.sub-content .inner{width:1200px;margin:0 auto;display:flex;gap:40px;padding:0;align-items:flex-start;}

.sub-sidebar{width:240px;margin-top:0;}

/* ÁÂÃø »ó´Ü ŸÀÌƲ */
.sub-side-title{background:#062f68;color:#fff;font-size:30px;font-weight:600;padding:40px 0;border-radius:0 0 20px 20px;margin-bottom:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.sub-side-title .ko{font-size:30px;font-weight:600;line-height:1;}
.sub-side-title .en{font-size:12px;font-weight:500;letter-spacing:2px;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2);}

/* ============================= */
/* ´ëÃâ»óÇ° ¹Ú½º (PC ±âº» »óÅÂ) */
/* ============================= */

.sub-loan-box{background:#2b6ea3;border-radius:20px;padding:25px 10px 10px;color:#fff;}

/* PC¿¡¼­´Â Ç×»ó °¡¿îµ¥ Á¤·Ä */
.sub-loan-head{text-align:center;margin-bottom:18px; }
.sub-loan-head img{height:36px;margin-right:5px;}
.sub-loan-head span{display:block;font-size:22px;font-weight:600;}

.toggle-loan{display:flex;align-items:center;justify-content:center;cursor:default;}
.toggle-loan .arrow{display:none;} /* PC¿¡¼­´Â È­»ìÇ¥ ¼û±è */

/* ¸®½ºÆ®´Â Ç×»ó º¸ÀÓ */
.sub-loan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.sub-loan-list li a{display:block;background:rgba(255,255,255,.12);padding:14px 10px;border-radius:12px;color:#fff;text-decoration:none;font-size:17px;font-weight:500;transition:background .25s ease;text-align:center;}
.sub-loan-list li a:hover{background:rgba(255,255,255,.22);}

/* ============================= */
/* ¿À¸¥ÂÊ ÄÜÅÙÃ÷ */
/* ============================= */

.sub-main{border:0px #f50 solid; flex:1;background:#fff;padding:50px 60px;border-radius:0 0 18px 18px;box-shadow:0 10px 30px rgba(0,0,0,.05); margin-bottom:40px;}
.sub-page-title{position:relative;font-size:26px;font-weight:700;margin:0 0 40px 0;padding-bottom:16px;color:#222;letter-spacing:-0.3px;}
.sub-page-title::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#062f68;border-radius:2px;}
.sub-page-content{min-height:400px;font-size:16px;line-height:1.8;color:#444;}

/* ============================= */
/* ¹ÝÀÀÇü */
/* ============================= */

@media(max-width:1280px){
.sub-content .inner{width:90%;}
}

@media(max-width:1024px){

.sub-content .inner{flex-direction:column;}
.sub-sidebar{width:100%;}
.sub-main{width:100%;padding:40px 30px;border-radius:18px;margin-top:20px;}

/* ============================= */
/* ¸ð¹ÙÀÏ¿¡¼­¸¸ Åä±Û È°¼ºÈ­ */
/* ============================= */

.toggle-loan{justify-content:space-between;cursor:pointer;padding:10px 8px;border-radius:10px;transition:background .25s ease;}
.toggle-loan .arrow{display:inline-block;font-size:16px;transition:transform .35s cubic-bezier(.4,0,.2,1);}
.sub-loan-box.active .arrow{transform:rotate(180deg);}

/* ±âº»Àº ¼û±è */
.sub-loan-list{display:none;}
.sub-loan-box.active .sub-loan-list{display:flex;}

}

@media(max-width:768px){
.sub-side-title{font-size:24px;padding:28px 0;}
.sub-side-title .ko{font-size:24px;}
.sub-loan-head span{font-size:20px;}
.sub-main{padding:30px 20px;}
.sub-page-title{font-size:22px;margin-bottom:30px;}
}

@media(max-width:480px){
.sub-side-title{font-size:20px;padding:20px 0;}
.sub-loan-head span{font-size:18px;}
.sub-loan-list li a{font-size:15px;}
.sub-main{padding:25px 16px;}
.sub-page-title{font-size:20px;}
}

/* ¿©±â±îÁö°¡ ¼­ºê ±âº» ·¹À̾ƿô css */



/* ¿©±âºÎÅÍ ¼­ºê ÄÜÅÙÃ÷º° css */
/* Àλ縻 */
.company-intro{background:#fff;padding:0px;}
.company-intro .hero{width:800px;height:300px;background:url('../img/sub_img_01.jpg') no-repeat center center;background-size:cover;position:relative;border-radius:20px;overflow:hidden;}
.company-intro .hero:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:65%;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));z-index:1;}
.company-intro .hero-overlay{position:absolute;left:0;bottom:10px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;z-index:2;}
.company-intro .logo-text img{height:50px;}
.company-intro .hero-subtitle{margin-top:20px;font-size:34px;font-weight:200;}
.company-intro .hero-subtitle strong{font-weight:700;}
.company-intro .content{padding:40px 0;font-size:17px;line-height:1.9;color:#333;}
.company-intro .content p{margin-bottom:18px;font-weight:500;}
.company-intro .highlight{font-size:18px;color:#1e56ff;font-weight:800;}
.company-intro .info-table{width:100%;border-collapse:collapse;margin-top:30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.company-intro .info-table td{padding:14px 10px;font-size:15px;border-left:none;border-right:none;}
.company-intro .info-table tr+tr{border-top:1px solid #eee;}
.company-intro .label{width:15%;color:#666;}
.company-intro .value{width:35%;color:#333;font-weight:600;}
@media(max-width:1024px){
.company-intro .hero{width:100%;height:260px;border-radius:16px;}
.company-intro .content{padding:30px 10px;}
.company-intro .hero-subtitle{font-size:28px;}
.company-intro .logo-text img{height:42px;}
}

@media(max-width:768px){
.company-intro{padding:0 16px;}
.company-intro .hero{height:220px;border-radius:14px;}
.company-intro .hero-overlay{bottom:20px;padding:0 10px;}
.company-intro .hero-subtitle{font-size:22px;line-height:1.4;}
.company-intro .content{font-size:15px;line-height:1.8;}
.company-intro .highlight{font-size:16px;}
.company-intro .info-table td{font-size:14px;padding:12px 6px;}
.company-intro .info-table {
  width:100%;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

.company-intro .info-table tr {
  display:flex;
  flex-direction:column;
  border-top:1px solid #eee;
}

.company-intro .info-table td {
  width:100% !important;
  display:block;
  padding:10px 0;
}

.company-intro .label {
  width:100% !important;
  font-weight:600;
  color:#666;
  margin-bottom:4px;
}

.company-intro .value {
  width:100% !important;
  font-weight:600;
  color:#222;
}

}
}

@media(max-width:480px){
.company-intro{padding:0 12px;}
.company-intro .hero{height:190px;border-radius:12px;}
.company-intro .logo-text img{height:34px;}
.company-intro .hero-subtitle{font-size:18px;}
.company-intro .content{font-size:14px;}
.company-intro .info-table{font-size:13px;}
.company-intro .info-table td{padding:10px 4px;}
}

/* ´ëÃâ»óÇ°*/
.loan-detail-800{width:100%;padding:0;margin:0;}
.loan-detail-800 .loan-wrap{width:800px;margin:0 auto;}

.loan-top-icon{text-align:center;margin:40px 0 20px 0;}
.loan-top-icon img{width:120px;height:auto;}

.loan-table{border-top:1px solid #ddd;}
.loan-row{display:flex;padding:18px 0;border-bottom:1px solid #e5e5e5;}
.loan-label{width:180px;font-weight:700;font-size:16px;color:#333;display:flex;align-items:center;gap:8px;}
.loan-label .check{color:#27c24c;font-size:16px;}
.loan-desc{flex:1;font-size:15px;font-weight:500;line-height:1.8;color:#444;}
.loan-desc .red{color:#e60000;font-weight:700;}

.loan-highlight{margin:40px 0;text-align:center;font-size:17px;line-height:1.6;color:#333;font-weight:600;}
.loan-highlight strong{font-size:18px; font-weight:700; color:#2a66d9;}

.loan-banner{display:flex;align-items:center;justify-content:space-between;background:#1f3f7a;color:#fff;padding:20px 30px;border-radius:14px;}
.loan-banner .banner-left{font-size:22px;font-weight:600;}
.loan-banner .banner-center img{height:44px; margin-top:10px;}
.loan-banner .banner-right{font-size:38px;font-weight:800;font-family:'GmarketSans'; color:#84ccff;}
@media(max-width:1024px){
.loan-detail-800 .loan-wrap{width:90%;}
.loan-label{width:150px;font-size:15px;}
.loan-desc{font-size:14px;}
.loan-banner{padding:18px 24px;}
.loan-banner .banner-left{font-size:20px;}
.loan-banner .banner-right{font-size:32px;}
}

@media(max-width:768px){
.loan-top-icon img{width:90px;}
.loan-row{flex-direction:column;gap:8px;padding:16px 0;}
.loan-label{width:100%;font-size:15px;}
.loan-desc{font-size:14px;line-height:1.7;}
.loan-highlight{font-size:15px;margin:30px 0;}
.loan-highlight strong{font-size:16px;}

.loan-banner{flex-direction:column;gap:12px;text-align:center;padding:22px 16px;border-radius:12px;}
.loan-banner .banner-left{font-size:18px;}
.loan-banner .banner-center img{height:36px;margin-top:0;}
.loan-banner .banner-right{font-size:28px;}
}

@media(max-width:480px){
.loan-top-icon{margin:30px 0 15px 0;}
.loan-label{font-size:14px;}
.loan-desc{font-size:13px;}
.loan-highlight{font-size:14px;}
.loan-banner .banner-left{font-size:16px;}
.loan-banner .banner-right{font-size:24px;}
}


/* ÀÌ¿ë¾È³» */
.loan-guide{width:800px;margin:0 auto;}

.guide-intro{display:flex;align-items:flex-start;gap:30px;margin-bottom:40px;}
.guide-intro-left img{width:229px;}
.guide-intro-right p{font-size:17px;font-weight:500;line-height:1.4;color:#333;margin-top:20px;}
.guide-intro-right strong{font-size:22px;font-weight:700;}

.guide-steps{background:#2f4f87;border-radius:26px;padding:50px 50px 40px;color:#fff;}

.guide-title{font-size:25px;font-weight:400;text-align:center;margin:0 0 40px 0;line-height:1;}
.guide-title strong{display:block;font-size:38px;font-weight:800;margin-top:6px;}

.step-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:30px;}

.step-list li{display:flex;align-items:center;gap:30px;}

.step-badge{min-width:200px;background:linear-gradient(135deg,#4c82c9,#2f5eaa);border-radius:40px;padding:18px 24px;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1.4;}
.step-no{font-size:14px;letter-spacing:1px;opacity:.8;}
.step-name{font-size:22px;font-weight:700;margin-top:0px;}

.step-desc{flex:1;font-size:16px;line-height:1.6;border-left:1px solid rgba(255,255,255,.4);padding-left:30px;}
@media(max-width:1024px){
.loan-guide{width:90%;}
.guide-steps{padding:40px 30px;}
.step-badge{min-width:170px;}
}

@media(max-width:768px){
.guide-intro{flex-direction:column;align-items:center;text-align:center;gap:20px;}
.guide-intro-left img{width:180px;}
.guide-intro-right p{margin-top:10px;font-size:15px;line-height:1.6;}
.guide-intro-right strong{font-size:20px;}

.guide-steps{border-radius:20px;padding:35px 25px;}

.guide-title{font-size:20px;line-height:1.4;}
.guide-title strong{font-size:28px;}

.step-list li{flex-direction:column;align-items:flex-start;gap:15px;}
.step-badge{width:100%;border-radius:18px;flex-direction:row;justify-content:center;gap:12px;padding:14px 18px;}
.step-no{font-size:12px;}
.step-name{font-size:18px;}

.step-desc{border-left:none;padding-left:0;font-size:14px;line-height:1.6;}
}

@media(max-width:480px){
.guide-intro-left img{width:150px;}
.guide-title strong{font-size:24px;}
.step-badge{font-size:14px;}
.step-desc{font-size:13px;}
}