@font-face {
    font-family: 'yg-jalnan';
    src: url('/fonts/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Hide scrollbar but keep functionality */
html, body {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    overflow-y: auto; /* Allow scrolling */
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
}



:root {
    color-scheme: light only;
}

@media (prefers-color-scheme: dark) {
    html,
    body {
        background: #fff !important;
        background-color: #fff !important;
    }
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
    color:transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:transparent;
}


#container_title {display:none;}
.title_font {font-family:yg-jalnan !important;}
.main-tops {position:absolute;top 100%; left:55%;  z-index:9000;   transform: translate(-20%, 100%);  background:#A2A6ED   !important;  margin-top:25px; padding:15px 40px 8px;  border-radius: 25px;}
.main-tops .under_link {font-size:38px !important; color:#fff !important;  text-decoration:none !important; line-height:54px !important; font-weight:900 !important;}
.main-tops  i {font-size:54px !important; color:#fff !important; }
.main-tops .abt {margin-top:-5px; font-size:30px !important; background: #A2A6ED !important ; color:#fff !important;  font-weight:bold;}

body {background:#f8f9fd;}
.sideForm.on {
    position: absolute;
    right: auto;
    left: 50%;
    margin-left: 160px;
    top: 260px;
}
.sideForm {
    position: fixed;
    top: 119px;
    right: 20px;
    width: 340px;
    padding-bottom: 30px;
    border-radius: 50px;
    box-shadow: 25px 25px 40px rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to bottom, #6840ff 50%, #926cff 50%);
    background-size: 100% 100%;
    z-index: 5;
    background-repeat: no-repeat;
}
.sideForm .formCell table {
    width: 100%;
    font-size: 20px;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
}
.sideForm .formCell table th {
    width: 75px;
    font-weight: 500;
    color: #12191f;
    text-align: left;
}
.sideForm .formCell table td input {
    width: 100%;
    font-size: 20px;
    padding: 10px;
    margin-bottom:10px;
    box-sizing: border-box;
    border: solid 1px #a8b0b2;
    background-color: #ffffff;
}
.sideForm .titleCell {
    font-size: 26px;
    color: #fff;
    font-family: jalnan;
    letter-spacing: -1px;
    line-height: 1.2;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 15px;

}
.sideForm .titleCell > span {

    color: #ffde00;


}
.btnViewPolicy {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    padding: 3px 10px;
    cursor: pointer;
    background-color: #000000;
}
.sideForm  .privacyChkCell {
    font-size:12px;
}
.sideForm .formCell {
     width: 300px;
     margin: 0 auto;
     padding: 15px;
     border-radius: 15px;
     box-sizing: border-box;
     margin-bottom: 25px;
     background-color: #ffffff;
 }.sideForm .btnApply {
      display: flex
  ;
      justify-content: space-between;
      align-items: center;
      width: 270px;
      font-size: 24px;
      color: #000000;
      font-weight: 700;
      letter-spacing: -1px;
      padding: 5px;
      padding-left: 30px;
      text-align: center;
      margin: 0 auto;
      border-radius: 30px;
      cursor: pointer;
      background-color: #ffde00;
  }

  .t_deco {color: #fde803 !important}
.mt_color  {color:#6841fe !important}
.mt_color2 {color:#ff8a00 !important}
.mt_color3 {color:#fd41ad !important}
.mt_color4 {color:#1967b2 !important}
.mt_color5 {color:#cacaca !important}
.mt_color5-1 {color: #6c6c6c !important}
.mt_color6 {color: #fde803 !important}
.mt_color7 {color: #15fdbe !important}
.mt_color8 {color: #01a561 !important}

.mainFormWrap {background: #e1dbd3; border-radius: 32px;}
.main-ts {
    font-size: 48px !important;
    font-weight: 600;
    line-height: 62px;
    letter-spacing: -0.02em;

}
.suc_desciption {line-height:1.1;}
.suc_deco {padding:10px 20px;   font-size:14px; line-height:1; margin-top:20px; border-radius: 16px; background:#fff; display: inline-block; position: relative; }

.mt_dark {color:#1f1f1f !important}
.noticeArea {
    width: 100%;
    font-family: Noto Sans KR;
    margin: 0 auto;
    padding: 75px 0;
}
.noticeArea .titleCell {
    font-size: 36px;
    color: #1f1f1f;
    font-weight: 800;
    margin-bottom: 20px;
}
.noticeArea .titleCell img {
    vertical-align: middle;
}
.noticeArea ul {
    list-style: none;
}
.noticeArea ul li {
    font-size: 18px;
    color: #515151;
    font-weight: 300;
    letter-spacing: -1px;
}
.noticeArea .titleCell_01 {
    font-size: 18px;
    color: #ff3636;
    font-weight: 500;
}
.noticeArea .check {
    font-size: 16px;
    color: #555555;
    font-weight: 400;
    margin-top: 20px;
}
.loan-name img {width:100%; display: block}
.logoCell img {max-width:100%; display:block; margin:0 auto}
.companyInfoCell {color: #cacaca; text-align:left}
.companyInfoCell .col  > span {font-weight:700;}
.feature-card-widget-6 img {max-width:100%; display:inline-block;  margin:0 auto;}
.feature-card-widget-r img {max-width:100%; display:inline-block; margin:0 auto;}

.form_bg {background:#ffca1d; padding:80px; display:block}

.mainFormArea .inputWrap {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 30px;
    margin-bottom: 20px;
    background-color: #ffffff;
}
.mainFormArea .inputWrap input[type=text] {
    color: #8f8f8f;
    font-size: 24px;
    font-weight: 500;
    border:none ;
}
.mainFormArea .inputWrap select {
    width: 75px;
    color: #8f8f8f;
    font-size: 24px;
    font-weight: 500;
    border:none;
}
.mainFormArea .btnCompare {
    display: block;
    width: 580px;
    font-size: 37px;
    color: #ffffff;
    margin: 0 auto;
    font-weight: 700;
    letter-spacing: -2px;
    text-align: center;
    padding: 15px;
    border-radius: 50px;
    cursor: pointer;
    background-color: #1f1f1f;
}



.text-10 {
    font-size: 10px;
}

.text-11 {
    font-size: 11px;
}

.text-12 {
    font-size: 12px !important;
}

.text-13 {
    font-size: 13px;
}

.text-14 {
    font-size: 14px;
}

.text-15 {
    font-size: 15px;
}

.text-16 {
    font-size: 16px !important;
}

.text-17 {
    font-size: 17px;
}

.text-18 {
    font-size: 18px;
}

.text-20 {
    font-size: 20px;
}

.text-22 {
    font-size: 22px;
}

.text-24 {
    font-size: 24px !important;
}

.text-26 {
    font-size: 26px;
}

.text-28 {
    font-size: 28px;
}

.text-30 {
    font-size: 30px !important;
}

.text-32 {
    font-size: 32px !important;
}

.text-34 {
    font-size: 34px !important;
}

.text-36 {
    font-size: 36px !important;
}

.text-38 {
    font-size: 38px;
}

.text-40 {
    font-size: 40px;
}

.text-42 {
    font-size: 42px;
}

.text-44 {
    font-size: 44px;
}

.text-46 {
    font-size: 46px;
}

.text-48 {
    font-size: 48px;
}

.text-50 {
    font-size: 50px !important;
}

.text-52 {
    font-size: 52px;
}

.text-54 {
    font-size: 54px;
}

.text-56 {
    font-size: 56px;
}

.text-58 {
    font-size: 58px;
}

.text-60 {
    font-size: 60px;
    line-height:60px !important
}

.text-62 {
    font-size: 62px;
}

.text-64 {
    font-size: 64px;
}

.text-65 {
    font-size: 65px;
}

.text-66 {
    font-size: 66px;
}

.text-68 {
    font-size: 68px;
}

.text-70 {
    font-size: 70px;
}

.text-72 {
    font-size: 72px;
}

.text-74 {
    font-size: 74px;
}

.text-76 {
    font-size: 76px;
}

.text-78 {
    font-size: 78px;
}

.text-80 {
    font-size: 80px;
}

.text-82 {
    font-size: 82px;
}

.text-84 {
    font-size: 84px;
}

.text-86 {
    font-size: 86px;
}

.text-88 {
    font-size: 88px;
}

.text-92 {
    font-size: 92px;
}

.text-94 {
    font-size: 94px;
}

.text-100 {
    font-size: 100px;
}

.text-108 {
    font-size: 108px;
}

.text-110 {
    font-size: 110px;
}

.text-120 {
    font-size: 120px;
}

.text-130 {
    font-size: 130px;
}

.text-122 {
    font-size: 122px;
}

.text-150 {
    font-size: 150px;
}

.text-180 {
    font-size: 180px;
}

.text-190 {
    font-size: 190px;
}

.text-192 {
    font-size: 192px;
}

.text-240 {
    font-size: 240px;
}

.text-300 {
    font-size: 300px;
}

.fw-300{font-weight: 300!important;}
.fw-400{font-weight: 400!important;}
.fw-500{font-weight: 500!important;}
.fw-600{font-weight: 600!important;}
.fw-700{font-weight: 700!important;}
.fw-800{font-weight: 800!important;}
.fw-900{font-weight: 900!important;}

.ls-1 {letter-spacing: -1px !important}
.ls-2 {letter-spacing: -2px !important}
.ls-3 {letter-spacing: -3px !important}
.ls-4 {letter-spacing: -4px !important}
.ls-5 {letter-spacing: -5px !important}

.deco_check {margin-top:-5px !important;}
.border-bottom-dark {border-bottom:1px solid #605959;}
.car01 { margin-top:-40px;}
.list-unstyled li {font-size:24px !important}
.list-unstyled li i {color:#000  !important; background:#000 !important; border-radius: 50%}
.soundonly {display:none;}


.pt-md-115 {padding-top:115px !important}
.pb-md-105{padding-bottom:105px !important}

.sucescc_bg {position:relative; display:flex; background: url('/theme/barit/img/suc_bg.jpg'); background-size: cover;
    height:80vh;
}
.btnViewPolicy_box {z-index:9999!important;}
.phoneHeadSelector {color: #272626}
#theme_popup {
    position:fixed;
    right:0;
    bottom:0;
    z-index:999999;
    width:100%;
    background-color:rgba(0,0,0,0.5);
}
#theme_popup.on {
    display:none;
}
#theme_popup ul {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    padding:20px 0;
}
#theme_popup ul li {
    width:120px;
    height:20px;
    line-height:20px;
    text-align:center;
    position:relative;
}
#theme_popup ul li svg {
    position:relative;
    top:50%;
    transform:translateY(-50%);
}
#theme_popup ul li.active {

}
#theme_popup ul li i {
    margin-right:4px;
}
#theme_popup ul li a {
    font-size:14px;
    color:#fff;
}
#theme_popup .pop_close {
    position:absolute;
    top:50%; transform:translateY(-50%);
    left:55px;
}
#theme_popup .pop_close i {
    font-size:1.3em;
    color:#fff;
    cursor: pointer;
}

#theme_link {
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:9999;
}
#theme_link.active {
    bottom:20px;
}
#theme_link a {
    display:block;
    width:76px;
    height:76px;
    border-radius:50%;
    background-color:#3e2723;
    text-align:center;
    overflow: hidden;
    position:relative;
}
#theme_link a:nth-child(2) {
    margin-top:5px;
}
#theme_link a.on{
    width:190px;
    height:76px;
    border-radius:50px;
    background-color:#3e2723;
    transition:all 0.3s;
}
#theme_link a.on span {
    opacity:1;
    transition-delay:0.3s;
}
#theme_link a span {
    opacity:0;
    line-height:76px;
    font-size:16px;
    font-weight:500;
    color:#ffeb3b;
}
#theme_link a.on img{
    display:none;
}
#theme_link a img{
    position:absolute;
    top:50%;left:50%;transform:translate(-50%,-50%);
    color:#fff;
}
#theme_link i {
    font-size:1em;
    margin-left:5px;
}
.dfdf img {max-width:54px;}

.t_deco {position:relative;}
.t_deco:after {content:""; position:absolute; top:-15px;left:10px; width:12px; height:12px; border-radius:50%; border:1px solid #000; display:inline-block; background:#ffeb3b}

.navbar-collapse {display:none}

@media (max-width:768px){
    .navbar-nav {width:100%; display:block; }
    .nav-item .dropdown .submenu {width:100%; display:block}
    .navbar-collapse {display:flex}
    .quick_link  img {max-width:130px; margin-top:3px}
    .modal-backdrop {display:none !important}
.noticeArea ul {padding:0}
    #theme_link a {
        display: block;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background-color: #3e2723;
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    #theme_link img {
        display: block;
        width: 70%;

    }
    #theme_link a.on {
        width: 120px;
        height: 40px;
        border-radius: 50px;
        background-color: #3e2723;
        transition: all 0.3s;
    }
    #theme_link {
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 9999;
    }


    .sticky_logo img  {
       width:100%;
    }

    .car01 img{width:100%; display:block;}
    .main-ts {
        font-size: 30px !important;
        font-weight: 600;
        line-height: 38px;
        letter-spacing: -0.02em;
    }
    .list-unstyled li {font-size:14px !important; letter-spacing: -1px;}
    .list-unstyled li i {color:#000  !important; background:#000 !important; border-radius: 50%; margin-right:0;}
    .about-area-2 .feature-list li i {
        font-size: 12px;
        color: #8f8536;
        margin-right: 0px;
        vertical-align: middle;
    }
    .main-tops {position:relative;top: 53%; left:0%;  z-index:9000; text-align:left; transform: translate(00%, 0%); margin:0 auto; width:90%; display:block; background: #949494 !important;  margin-top:25px; padding:35px 10px 35px;  border-radius: 25px; }
    .main-tops .under_link {font-size:18px !important; color:#fff !important; text-decoration:none !important; line-height:80px; font-weight:900 !important}
    .main-tops  i {font-size:22px !important; color:#fff !important; display:inline}
    .main-tops .flex-wrap {display:block !important; text-align:center}
    .co-operators {padding-top:0 !important}
    .eventlabel {max-width:60%; margin:0 auto;}
    .clock {font-size:14px; letter-spacing: -1px;}
    .clock img {max-width:60%; margin:0 auto; width:25px;}
    .noticeArea .titleCell {
        font-size: 24px;
        color: #1f1f1f;
        text-align: center;
        font-weight: 800;
        margin-bottom: 20px;
    }
    .noticeArea ul li {
        font-size: 13px;
        color: #515151;
        font-weight: 300;
        letter-spacing: -1px;
    }
    .noticeArea .titleCell_01 {
        font-size: 14px;
        color: #ff3636;
        font-weight: 500;
    }
    .noticeArea .check {
        font-size: 14px;
        color: #555555;
        font-weight: 400;
        margin-top: 20px;
    }

    .feature-card-widget-6 { width:100%; display:block;}

    .banner-area-5 {
        background: url(/theme/barit/img/top_bg.jpg);
        position: relative;
        z-index: 1;
        background-size: cover;
        background-position:-110%;
        padding-bottom: 0px;
        padding-top:30px;
    }
    .text-22 {
        font-size: 16px !important;
    }

    .text-24 {
        font-size: 14px !important;
    }

    .text-26 {
        font-size: 26px;
    }

    .text-28 {
        font-size: 28px;
    }

    .text-30 {
        font-size: 20px !important;
    }

    .text-32 {
        font-size: 22px !important;
    }

    .text-34 {
        font-size: 28px !important;
    }

    .text-36 {
        font-size: 36px !important;
    }
    .text-50 {
        font-size: 30px !important;
        letter-spacing: -2px;
    }
    .text-60 {
        font-size: 60px;
        line-height: 30px !important;
    }
    .form_bg {
      display:none !important
    }
    .border-bottom-dark {border:none !important}
    .mainFormWrap {padding-top:30px;}
    .noticeArea {
        width: 100%;
        font-family: Noto Sans KR;
        margin: 0 auto;
        padding: 0px 0 !important;
    }
   .btnPrivacy2 {
        display:inline-block;
        cursor: pointer;
        margin-bottom: 20px;
        padding: 0px 10px 0px;
        border: solid 1px #818181 !important;

    }
    .navbar_fixed{
        max-width: 100%;
        background: #eeeeee;
    }
    .navbar .navbar-brand {
        margin-left: 0px;
        max-width:45%;
        float:left;
    }
    .header-menu.navbar_fixed .navbar .sticky_logo .sticky img{
        max-width:30% !important
    }
    .header-menu .navbar .sticky_logo .main {
        display: inline-block;

        max-width:100% !important;
    }
    .navbar-toggler {max-width:50%; margin-right:0; float:left; border:none !important}
    .navbar-toggler img {max-width:100%; display:inline; margin-top:8px;}
    .sideForm {display:none;}
    .suc_logo {max-width:60%; margin:0 auto;}
    .suc_car {max-width:60%; margin:0 auto}
    .suc_desciption {line-height:1.1;}
    .suc_desciption strong{margin-bottom:10px;}
    .suc_deco {padding:10px 20px;   font-size:14px; line-height:1; margin-top:20px; border-radius: 16px; background:#fff; display: inline-block; position: relative; }

    .deco_check {margin-top:-5px !important;}
    .mainFormArea .subTextCell{padding-bottom:30px;}
    .btn-group {margin:0 auto; width:100%;}
    .btn-group a {font-size:12px; }
    .btn-group button {font-size:12px; }

}