/**/

.img-100 {width:100%; max-width:100%; margin:0 auto;}
.img-100max { max-width:100%; margin:0 auto;}
.img-60max { max-width:60%; margin:0 auto;}
.img-100m {max-width:50%; margin:0 auto;}

.br-8 {border-radius: 8px}
.br-16 {border-radius: 16px}
.br-20 {border-radius: 20px}
.br-24 {border-radius: 24px}
.br-32 {border-radius: 32px}
.br-38 {border-radius: 38px}
.br-40 {border-radius: 40px}
.br-50 {border-radius: 50px}
.br-50per {border-radius: 50%}
.btn_54b28b7bf9432 {border:1px solid #fff;}
.fs-12px{font-size:12px !important}
.fs-14px{font-size:14px !important}
.fs-16px{font-size:16px !important}
.fs-18px{font-size:18px !important; line-height:1.5!important;}
.fs-20px{font-size:20px !important}
.fs-22px{font-size:22px !important}
.fs-24px{font-size:24px !important}
.fs-28px{font-size:28px !important}
.fs-30px{font-size:30px !important}
.fs-36px{font-size:36px !important}

.fs-48px{font-size:48px !important; line-height:55px;}
.fs-58px{font-size:58px !important;}
.fs-60px{font-size:60px !important;}
.fs-80px{font-size:80px !important; line-height:100px;}

.fw-500 {font-weight:500 !important}
.fw-600 {font-weight:600 !important}
.fw-700 {font-weight:700 !important}
.fw-800 {font-weight:800 !important}

.lh-20{line-height:20px !important;}
.lh-22{line-height:1.5 !important;}
.lh-24{line-height:24px !important;}
.lh-26{line-height:26px !important;}
.lh-28{line-height:28px !important;}
.lh-30{line-height:30px !important;}
.lh-35{line-height:35px !important;}
.lh-40{line-height:40px !important;}
.lh-50{line-height:55px !important;}
.lh-60{line-height:60px !important;}

.ls-1 {letter-spacing: -1px !important}

.band_text_img {max-width:425px;}
.slider-img {min-height:400px !important; height:400px; border-radius: 16px 16px 0 0;  width:100%;  background-size:cover !important; background-position: center center !important}
.orange {color: rgb(255, 120, 0);}
.sound_only {display:none}
.btn_244cca5c8d5ba {    font-size: 24px;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
    letter-spacing: 0px;
    color:#ff6600;
    background:#fff;
    font-weight:500;
    border-radius: 20px;
    margin-bottom:20px
}
/* 체크박스 컨테이너 */
.custom-checkbox-container {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 18px;
    color: #8d8d93 !important;
    display: inline-block;
}

/* 기존 체크박스 숨기기 */
.custom-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* 커스텀 체크박스 만들기 */
.custom-checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/* 호버 시 스타일 */
.custom-checkbox-container:hover input ~ .custom-checkmark {
    background-color: #f8f8f8;
}

/* 체크됐을 때 배경색 변경 */
.custom-checkbox-container input:checked ~ .custom-checkmark {
    background-color: #fb972f;
    border-color: #fb972f;
}

/* 체크마크 (처음에는 숨김) */
.custom-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* 체크됐을 때 체크마크 표시 */
.custom-checkbox-container input:checked ~ .custom-checkmark:after {
    display: block;
}

/* 체크마크 스타일링 */
.custom-checkbox-container .custom-checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.success_bt {border:1px solid rgb(255, 120, 0); padding:15px 40px;}
.loan_title {font-size:96px!important; line-height:120px; margin:40px 0 20px}
.bgcover{background-size: 120% !important; background-repeat: no-repeat!important; /* 가로 50%, 세로 50% */background-position:center center !important; height:374px;}
.t-cd {color:#4d4d4d !important}
.t-cd2 {color:#646464 !important}
.rbox {border:1px solid  rgb(255, 120, 0); padding:10px 20px; border-radius: 30px; display:inline-block; margin-bottom:15px;}
.review_title {color:#4d4d4d}

.section_title {font-size:48px; color:rgba(77,77,77,1); font-weight:700; line-height:1.2; }
.section_title2 {font-size:48px !important; color:rgba(77,77,77,1); font-weight:700; line-height:1.2; letter-spacing: 0em;}

.h6_title {font-size: 30px; color: rgb(86, 50, 19);}
.bar-deco {width:100%; height:2px; background: #fb9400; margin:28px 0 25px}

.bank-footer-area .about-widget p > span {
    padding:0 5px !important;
}

.feature-card-widget-11 {min-height:800px !important}
.h-600px {height:600px !important}
.h-380px {height:380px !important}
.footer-bgs {height: 840px; }
.banner-container {
    width: 100%;
    height: 60vh; /* 화면 높이 전체 사용 */
    position: relative;
    overflow: hidden;
}

.youtube-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube-banner iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150vw;
    height: 130vh;
    border: 0;
    pointer-events: none; /* 사용자 상호작용 방지 */
}

/* 유튜브 동영상을 덮는 투명한 레이어 - 컨트롤이 나타나지 않게 함 */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.center-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.th_bg {
    min-height:440px !important;
    width:100% !important;
    display:block;
    background-size:cover;
    background-position:center center;
}


.th_bg2 {
    min-height:240px !important;
    width:100% !important;
    display:block;
    background-size:cover;
    background-position:center center;
}
.theme-btn2 {
    display: inline-block;
    font-size: 18px;
    color: #4d4d4d;
    height: 50px;
    border:1px solid #4d4d4d;
    line-height: 47px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    background:transparent;
    padding: 0 25px;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
}

.bank-footer-area .about-widget p {
    color: #4d4d4d !important;
    font-size: 16px;
    font-weight: 400;
    padding-right: 0px;
    margin-top: 5px;
}
.role {color:#4d4d4d !important}
.beneimg {height:280px; width:280px; margin:0 auto; background-size:100% !important; background-position:center center !important; border-radius: 16px; margin-top:-75px}
.sub_group {border-bottom:1px solid #e5e7eb; background:#fff; padding:25px 0; min-height:100px; display:flex;   font-family:'Pretendard',  "Apple SD Gothic Neo",sans-serif;}
.sub_group  a {paddind:5px 0 !important; color:#5a5a5a !important; font-size:18px;}
.sub_group .active {color:#ff9600 !important; border-bottom:1px solid #000; }
.sub_group li > a {margin:0 10px;}

.menu-title {color:#3c3c3c !important}
@media (max-width:768px) {

    #menuimg {max-width:55% !important;}
    .sub_group { border-bottom:1px solid #fff; background:#fafafa;  padding:27px 0; min-height:100px; display:flex}
    .sub_group  a {paddind:10px 0 !important; color:#5a5a5a !important;  text-align:center;  display:block; font-size:16px;}
    .sub_group .active {color:#ff9600 !important; border-bottom:none;}

    .brand_bgs {margin-top:80px !important; padding-top:30px !important; padding-bottom:30px !important;}
    .breadcrumb-widget .breadcrumb-content {padding-top:40px !important; padding-bottom:40px !important}

    .section_title {font-size:30px; color:rgba(77,77,77,1); font-weight:700; line-height:1.2; letter-spacing: -0.5px;}
    .section_title2 {font-size:30px !important; color:rgba(77,77,77,1); font-weight:700; line-height:1.2; letter-spacing: 0em;}
    .header-menu .navbar .sticky_logo .main {
        display: block;
        max-width: 120px;
        padding: 15px 0;
    }
    .header-menu .navbar .sticky_logo .sticky {
         display: none;
        max-width: 120px;
         padding: 15px 0;
     }

    .theme-btn2 {
        display: inline-block;
        font-size: 16px;
        color: #000;
        height: 44px;
        border:1px solid #000;
        line-height: 40px;
        border-radius: 50px;
        position: relative;
        z-index: 1;
        background:transparent;
        padding: 0 25px;
        overflow: hidden;
        text-align: center;
        text-transform: capitalize;
        font-weight: 700;
        margin:20px 0  0 !important
    }



    .fs-14x{font-size:14px !important}
    .fs-16x{font-size:16px !important}
    .fs-18x{font-size:18px !important}
    .fs-20px{font-size:20px !important}
    .fs-22px{font-size:22px !important}
    .fs-24px{font-size:24px !important}
    .fs-30px{font-size:20px !important}
    .h6_title {font-size: 20px; color: rgb(86, 50, 19);}
    theme-btn.theme-btn-rounded-2 {
        border-radius: 25px;
        box-shadow: none;
        transition: all 0.3s ease-out;
    }
    .theme-btn {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        height: 40px;
        line-height: 40px;
        border-radius: 4px;
        position: relative;
        z-index: 1;
        background-color: var(--brand_color);
        padding: 0 30px;
        overflow: hidden;
        text-align: center;
        text-transform: capitalize;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
    }
    .about-area-2 p {

        font-size: 16px;
        font-weight: 400;
        letter-spacing: -1px;
        line-height: 30px;
        color: #4d4d4d !important
    }

    .f-widget-title {
        font-weight: 600;
        font-size: 14px;
        color: var(--secondary_color);
        margin-bottom: 24px;
    }

    .about-widget ul li {
        margin-bottom: 15px;
        font-size: 14px !important;
        color: #878BA9;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        line-height: 25px;
    }

    .about-widget p {
        margin-bottom: 0px !important;
        font-size: 14px !important;

        color: #4d4d4d !important;

        font-family: "Roboto", sans-serif;
        font-weight: 400;
        line-height: 25px;
    }

    .about-widget ul li a {
        transition: color 0.2s linear;
    }
    .about-widget ul li a:hover {
        color: var(--brand_color);
    }

    .footer-link li {
        margin-bottom: 14px;
    }
    .footer-link li a {
        font-size: 16px;
        color: #878BA9;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        transition: all 0.2s linear;
    }
    .footer-link li a:hover {
        color: var(--brand_color);
    }
    .bank-footer-area .about-widget p {
        color: #4d4d4d;
        font-size: 14px;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        padding-right: 0px;
        margin-top: 0px !important;
    }

    .bank-footer-area .about-widget p > span {
        padding:0 5px !important;
    }

    .about-area .feature-list li  {
        display:block;
        margin-bottom:20px !important

    }
    .about-area .feature-list li strong {
        display:block;
        margin:10px 0 !important;
        font-size:18px !important;
    }
    .about-area .feature-list li a {
    font-size:26px !important
    }
    .section-title P {
        font-size: 14px;
        font-weight: 400;
        color: var(--p_color);
        line-height: 26px;
    }
    .footer-bgs {height: 300px; }

    .th_bg {
        min-height:180px !important;
        width:100% !important;
        display:block;
        background-size:cover;
        background-position:center center;
    }
    .th_bg2 {
        min-height:180px !important;
        width:100% !important;
        display:block;
        background-size:cover;
        background-position:center center;
    }

.slider-img {min-height:310px !important; height:310px; border-radius: 16px 16px 0 0;  width:100%;  background-size:cover !important; background-position: center center !important}
}

@media (max-width: 768px) {
    .bank-footer-area .text-end, .bank-footer-area .copyright-text {
        text-align: center !important; padding:30px 0 !important;
    }
    .bgcover{background-size: 100% !important; background-repeat: no-repeat!important; /* 가로 50%, 세로 50% */background-position:center center !important;}
    .h-380px {height:250px !important}
}


@media (max-width: 575px) {
    .bank-footer-area .footer_top {
        padding-top: 50px !important;
        padding-bottom: 40px;
    }
    .client-slider-2 {
        margin: 0 25px 0px;
    }

}


@media (max-width:575px) {

    .fs-14px{font-size:12px !important}
    .fs-16px{font-size:14px !important}
    .fs-18px{font-size:16px !important; }
    .fs-20px{font-size:18px !important}
    .fs-22px{font-size:20px !important}
    .fs-24px{font-size:22px !important}
    .fs-26px{font-size:24px !important}
    .fs-28px{font-size:26px !important}
    .fs-32px{font-size:20px !important}
    .fs-30px{font-size:22px !important}
    .fs-36px{font-size:26px !important}
    .fs-48px{font-size:30px !important; line-height:40px !important}
    .fs-80px {font-size:36px !important}
    .fs-60px {font-size:26px !important}
    .fs-16px-m {font-size:16px !important;}
    .fs-20px-m {font-size:20px !important;}
    .fs-28px-m{font-size:20px !important}
    .fs-30px-m {font-size:30px !important;}
    .lh-30-m {line-height:30px !important;}
    .review_title {font-size:20px !important}

    .img_titles {max-width:55% !important}
    .img_description {max-width:80% !important}
    .band_text_img {max-width:100%;}
    .success_bt{border:1px solid rgb(255, 120, 0);  font-size:36px;  padding:15px 40px;}
    .beneimg {height:230px; width:100%; background-size:100% !important; background-position:60% 40% !important; border-radius: 16px; margin-top:15px!important; }
    .loan_title {font-size:36px!important; line-height:50px; margin:10px 0 20px}
    .index_menu {max-height:251px !important; border-radius:16px }
    .youtube-banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* 유튜브 동영상을 덮는 투명한 레이어 - 컨트롤이 나타나지 않게 함 */
    .overlay {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .center-image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .banner-container {
        width: 100%;
        height: 60vh;
        position: relative;}


        .youtube-banner iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 220vw;
        height: 55vh;
        border: 0;
        pointer-events: none; /* 사용자 상호작용 방지 */
    }

    .img-60max {
        max-width: 80%;
        margin: 0 auto;
    }

    .banner-area-5 {
        background-color: #fff;
        position: relative;
        z-index: 1;
        overflow: hidden;
        min-height:480px;
        padding-top:0px;

    }
    @media (max-width: 575px) {
        .header-menu .menu {
            padding: 5px 15px;
            height:100vh !important;
        }
    }
}

@media (max-width: 991px) {
    .navbar-collapse {
        max-height: 100%;
        overflow-y: scroll;
    }

}


@media (max-width: 991px) {
    .header-menu .menu .nav-item .mobile_dropdown_icon {
        position: absolute;
        right: 0;
        top: 7px !important;
        color: #6b707f;
        line-height: 42px;
        font-size: 20px;
        display: inline-block;
        opacity: 0.6;
    }
}
.theme-btna {
    display: inline-block;
    font-size: 18px;
    color: #563213 ;
    height: 50px;
    line-height: 52px;
    border-radius: 25px;
    position: relative;
    z-index: 1;
    background-color: var(--brand_color);
    padding: 0 35px;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
    font-family: "Pretendard", sans-serif;
    font-weight: 500;
}


.theme-btna::before {
    background-color: #171d24;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: -1;
    height: 103%;
    width: 102%;
    border-radius: 4px;
    content: "";
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.theme-btna:hover {
    color: #fc7b28 !important;
    background:#ffffff !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.theme-btnb {
    display: inline-block;
    font-size: 18px;
    color: #4d4d4d;
    height: 50px;
    border:1px solid #4d4d4d;
    line-height: 47px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    background:transparent;
    padding: 0 25px;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    font-family: "Pretendard", sans-serif;
}


.theme-btnb::before {
    background-color: #171d24;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: -1;
    height: 103%;
    width: 102%;
    border-radius: 4px;
    content: "";
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.theme-btnb:hover {
    color: #fff !important;
    border:1px solid #fff;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.theme-btnc {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    height: 60px;
    border:1px solid #fff;
    line-height: 1;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    background:transparent;
    padding: 0 25px;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    font-family: "Pretendard", sans-serif;
}


.theme-btnc::before {
    background-color: #171d24;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: -1;
    height: 103%;
    width: 102%;
    border-radius: 4px;
    content: "";
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.theme-btnc:hover {
    color: #f9962f !important;
    border:1px solid #f9962f;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.bank-footer-area .f-social a img {
    width: 50px;
    height: 50px;

}

.header-menu .menu > .nav-item.submenu .dropdown-menu {
    padding: 0 0px 0 0px !important;
    display:block;
    left:0;
    overflow:hidden;


}
.header-menu .menu > .nav-item.submenu .dropdown-menu .nav-item {
    padding:0;
    width:100%;
    position: relative;
}

.dropdown-item {
font-size: 16px;
color: #3c3c3c;
padding: 10px 20px;
    min-width:150px;
letter-spacing: 0px;
border-top: 0px solid #e5e5e5;}
.dropdown-item:hover {background:#ff9600!important;  color:#fff !important}

@media(max-width:768px){
    .header-menu .menu > .nav-item.submenu .dropdown-menu {
        padding: 0 0px 0 0px !important;
        display:none;
        left:0;
        overflow:hidden;


    }

}