@charset "utf-8";
* {
    -webkit-tap-highlight-color: transparent !important;
}
body {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s ease 0.1s;
}
body.showLayer {
    padding-right: unset;
}
.pc_show {
    display: none !important;
}
.m_hide {
    display: flex !important;
}
*:active {
    outline: none; /* 포커스 효과 제거 */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); /* 하이라이트 효과 제거 */
}

/********** .main-wrapper 레이아웃 start **********/
    ._fin:not(.sub-open)::after {
        content: unset;
    }
    .main-wrapper {
        grid-template-rows: unset;
        grid-template-areas: unset;
        width: 100%;
        margin-top: 0;
        gap: 0;
        display: flex;
        flex-direction: column;
        min-width: unset;
    }
    ._fin._full .main-wrapper {
        height: auto;
    }
    .main-wrapper :where(main, footer) {
        width: 100% !important;
    }
    .main-wrapper:has(.wiki-section.wiki-header.snap) {
        justify-content: unset;
    }
    ._index main.non_top,
    ._rt-loan ._list main.non_top,
    ._bis ._list main.non_top,
    ._sm main.non_top,
    ._cm ._list main.non_top {
        margin-top: 130px;
    }
    main.non_top,
    ._bis._fss ._list main.non_top {
        margin-top: 80px;
    }
    ._calc main.non_top,
    header:has(>.wiki-viewBox)~main.non_top{
        margin-top: 50px;
    }
    ._mb .main-wrapper main.non_top,
    ._search .main-wrapper main.non_top,
    ._logOffer .main-wrapper._complete main.non_top{
        margin-top: 0;
    }
    /* ._fin._full .main-wrapper main.non_top {
        margin-top: 30px;
    } */

    .main-wrapper main {
        grid-area: unset;
    }
    aside {
        width: 100%;
        grid-row: unset;
        padding-bottom: 0;
        grid-area: unset;
    }
    ._fin aside {
        display: flex !important;
    }
    footer {
        grid-area: unset;
    }
/********** .main-wrapper 레이아웃 end **********/



/********** header start **********/
    header {
        width: 100%;
        height: unset;
        grid-area: unset;
    }
    header .wrapper {
        width: 100%;
        height: unset;
        margin: 0;
        flex-direction: column;
        background-color: var(--white);
        transition: all 0.3s ease;
    }
    ._hf_mode header, 
    ._ecos header {
        flex-direction: column;
    }
    .site-config {
        position: unset;
        padding: 0 20px;
        background-color: var(--white);
        height: 30px;
    }
    ._fin._full .site-config {
        position: fixed;
        top: 0;
        z-index: 10;
    }
    .site-config span {
        font-size: 11px;
    }
    header .viewBox {
        width: 100%;
        height: 50px;
    }
    ._index header:has(>.wrapper.non_top),
    ._rt-loan ._list header:has(>.wrapper.non_top),
    ._bis ._list header:has(>.wrapper.non_top),
    ._cm ._list header:has(>.wrapper.non_top),
    ._sm header:has(>.wrapper.non_top),
    ._calc header:has(>.wrapper.non_top){
        position: fixed;
        top: -130px;
    }
    .site-config:has(~.wrapper.non_top),
    ._fin._full .site-config:has(~.wrapper.non_top) {
        position: fixed;
        top: -30px;
    }
    /* .site-config:has(~.wrapper.wiki-viewBox) { */
        /* background-color: #06876b; */
        /* display: none; */
    /* } */
    /* .site-config:has(~.wrapper.wiki-viewBox) span {
        color: var(--white);
    } */
    
    /* ._fin._full .site-config:has(~.wrapper.non_top.show) { */
        /* display: none; */
        /* position: relative;
        top: 0; */
    /* } */
    header:has(>.wrapper.non_top){
        position: fixed;
        top: -50px;
    }
    /* ._fin._full header:has(>.wrapper.non_top) {
        top: -80px;
    } */
    header:has(>.wrapper.non_top.show) {
        top: 0 !important;
        z-index: 80;
    }
    
    .mainLogo {
        width: 70px;
        height: 100%;
        background-position: center left;
        background-size: 56px 14px;
        margin-left: 20px;
    }
    header .snap-viewBox .mainLogo {
        background-image: url(/res/svg/logo_w.svg);
    }
    header .viewBox .mainLogo {
        margin-right: auto;
    }
    .m_menuBtn {
        width: 60px;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    ._logOffer ._view .m_menuBtn,
    ._rt-loan ._view .m_menuBtn,
    ._cs ._view .m_menuBtn,
    ._fin._list .m_menuBtn,
    ._snap .m_menuBtn {
        width: 50px;
        padding-right: 10px;
    }
    .m_menuBtn .bar {
        width: 20px;
        height: 2px;
        background-color: var(--black);
    }
    .m_menuBtn .bar.mid {
        margin: 4px 0;
    }
    .m-prevBtn {
        width: 55px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: auto;
    }
    .m_prev_icon {
        width: 15px;
        height: 14px;
        background-image: url(/res/svg/m_prev_arrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .m-post_option {
        width: 40px;
        height: 100%;
        background-image: url(/res/svg/setting.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
    }
    .m-post_delete {
        width: 40px;
        height: 100%;
        background-image: url(/res/svg/m_del.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
    }
    .m_fin-searchBtn {
        width: 40px;
        height: 100%;
        justify-content: center;
    }
    nav {
        margin: 0;
        width: 100%;
        height: 50px;
        display: none !important;
        white-space: nowrap;
        overflow: hidden;
    }
    nav.mobileView {
        display: flex !important;
    }
    nav .navList {
        padding: 0 30px 0 20px;
        width: 100%;
        height: 100%;
        justify-content: flex-start;
        border-bottom: 1px solid var(--grey-ea);
        gap: 30px;
        white-space: nowrap;
        overflow: scroll;
        -webkit-overflow-scrolling: touch; /* 아이폰에서의 스크롤 터치 효과 활성화 */
        -webkit-user-select: none; /* 텍스트 선택 비활성화 */
        user-select: none;
    }
    nav .navList::-webkit-scrollbar {
        display: none;
    }
    nav::-webkit-scrollbar {
        display: none;
    }
    nav .navList .item {
        position: relative;
    }
    nav .navList .item.loan {
        order: 1;
    }
    nav .navList .item.business {
        order: 2;
    }
    nav .navList .item.cm {
        order: 5;
    }
    nav .navList .item.calc {
        order: 4
    }
    nav .navList .item.finlife {
        order: 3;
    }
    nav .navList .item.on::after {
        content: '';
        width: 100%;
        height: 2px;
        background-color: var(--green);
        position: absolute;
        left: 0;
        bottom: 0px;
    }
    nav .navList a span {
        font-size: 15px;
        letter-spacing: -0.45px;
    }
    nav .navList .item.on span {
        color: var(--green);
    }
/********** header end **********/



/********** footer start **********/
    footer {
        padding: 0;
    }
    footer .wrapper {
        padding: 10px 20px 80px 20px;
        background-color: var(--white);
    }
    ._full footer {
        height: auto !important;
        position: unset;
        bottom: unset;
        left: unset;
        transform: unset;
    }
    .footerInfo_list {
        flex-direction: column;
    }
    .footerInfo_list .item {
        width: 100%;
        border-radius: 8px;
        background-color: var(--grey-f9);
        overflow: hidden;
    }
    .footerInfo_list .viewBox {
        height: 50px;
        border-radius: unset;
        background-color: unset;
    }
    .footerInfo_list .viewBox .text {
        color: var(--grey);
        font-weight: 400;
    }
    .footerInfoArrow,
    .caution_info .downArrow {
        width: 10px;
        height: 10px;
        background-image: unset;
        transition: all 0.3s ease;
        transform: translateY(-50%) rotate(0deg);
    }
    .footerInfoArrow::before,
    .caution_info .downArrow::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        height: 100%;
        background-color: var(--grey);
        transition: all 0.3s ease;
    }
    .footerInfoArrow::after,
    .caution_info .downArrow::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        height: 1px;
        background-color: var(--grey);
        transition: all 0.3s ease;
    }
    .caution_info .downArrow::before,
    .caution_info .downArrow::after {
        background-color: var(--grey);
    }
    .footerInfo_list .item.on .footerInfoArrow,
    .caution_info.on .downArrow {
        transform: translateY(-50%) rotate(45deg);
    }
    .footerInfo_list .item.on .footerInfoArrow::before,
    .footerInfo_list .item.on .footerInfoArrow::after {
        background-color: var(--grey);
    }

    .footerInfo_list .ab_box {
        padding: 0 20px;
        width: 100% !important;
        border-radius: unset;
        background-color: var(--grey-f9);
        position: unset;
        bottom: unset;
        left: unset;
        transform: unset !important;
        border: none;
        opacity: 0;
    }
    .footerInfo_list .item.on .ab_box {
        opacity: 1;
        padding: 10px 20px 20px 20px;
    }
    .footerInfo_list .item.on.info .ab_box {
        /* height: 544px; */
        height: 238px;
    }
    .footerInfo_list .item.on.rate .ab_box {
        height: 231px;
    }
    .footerInfo_list .item.on.call .ab_box {
        height: 178px;
    }
    .footerInfo_list .item.on.acc .ab_box {
        height: 122px;
    }
    .footerInfo_list .item.info .ab_box dd:not(.f_column) .key {
        width: 45%;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.85;
        letter-spacing: -0.39px;
        color: var(--grey);
    }
    .footerInfo_list .item.info .ab_box dd:not(.f_column) .val {
        font-size: 12px;
        font-weight: 300;
        line-height: 1.85;
        letter-spacing: -0.39px;
        color: var(--black);
    }
    .footerInfo_list .ab_box .f_column .key,
    .footerInfo_list .item:not(.info) .ab_box dd .key {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.39px;
        line-height: 1.38;
        color: var(--black);
    }
    .footerInfo_list .ab_box .f_column .key {
        margin-bottom: 25px;
    }
    .footerInfo_list .item.info .ab_box dd .val p,
    .footerInfo_list .item:not(.info) .ab_box dd .val p {
        color:var(--grey);
        font-size: 12px;
        font-weight: 300;
    }
    .footerInfo_list .item.rate .ab_box dd .val.first {
        margin-top: 0;
    }
    .TelAccount {
        font-family: 'pt', 'SDGothicNeo';
        margin-top: 7px;
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.72px;
    }
    .footerInfo_list .item.call .val .description,
    .footerInfo_list .item.acc .val .description {
        margin-top: 28px;
    }
    .footerInfo_list .item:where(.call, .acc) .description .des_item :where(.des_t, .des_c) {
        font-weight: 300;
        font-size: 12px;
    }
    footer .bottom {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 25px;
    }
    .footerNav a span,
    .footerInfo .key,
    .footerInfo .val,
    .footerInfo .half {
        font-size: 11px;
        font-weight: 500;
    }
    .footerInfo .key {
        font-weight: 500;
    }
    .footerInfo {
        flex-wrap: unset;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        align-items: flex-start;
        gap: 9px 0;
        margin-top: 25px;
    }
    .footerSns {
        position: unset;
        right: unset;
        top: unset;
        margin-top: 22px;
        flex-wrap: wrap;
        gap: 7px;
    }
    .footerSns a {
        /* width: 18px;
        height: 18px; */
        width: 16px;
        height: 16px;
    }
/********** footer end **********/




/********** aside start **********/
    .sideLayer {
        flex-direction: column;
        position: fixed;
        top: 0;
        right: -110vw;
        width: 100%;
        height: 100%;
        padding: 0;
        transition: all 0.3s ease;
        z-index: 1000;
    }
    .sideLayer.on {
        right: 0;
    }
    .closeSideLayer-btn {
        width: 65px;
        height: 50px;
        border: none;
        outline: none;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }
    .closeSideLayer-btn span {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.45px;
        color:var(--grey);
    }
    .wordSearchBox {
        width: 100%;
        height: 80px;
        padding: 0 0 20px 20px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.9) 80%);
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
        box-shadow: 0 20px 10px rgb(255 255 255 / 90%);
    }
    .wordSearchBox form {
        width: 100%;
        height: 50px;
        flex: 1;
        border-radius: 25px;
        background-color: var(--grey-f9);
        margin-top: 10px;
    }
    .wordSearchBox form input {
        flex: 1;
        width: 100%;
        height: 100%;
        background-color: transparent;
        padding-left: 20px;
        border: none;
        outline: none;
    }
    .wordSearchBox form input::placeholder {
        color: var(--grey-d3);
    }
    .wordSearchBox .search-btn {
        width: 60px;
        height: 100%;
        border: none;
        outline: none;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .search-icon {
        width: 18px;
        height: 18px;
        background-image: url(/res/svg/search.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    header .snap-viewBox .search-icon {
        background-image: url(/res/svg/search_w.svg);
    }
    .wordSearchBox .search-btn.delete .x_btn {
        background-image: url(/res/svg/wordinput_x.svg);
        background-position: center;
    }
    .sideLayer .filter {
        height: 100%;
        width: 100%;
        padding: 100px 20px 0 20px;
        flex: 1;
        overflow: scroll;
        flex-direction: column;
    }
    .sideLayer .filter.snap .section_body {
        margin: 0;
        padding-bottom: 50px;
    }
    .filter-form {
        width: 100%;
        height: 100%;
        justify-content: flex-start;
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .filter-form .fliter_box {
        width: 100%;
    }
    .fliter_box.product {
        padding-bottom: 100px;
    }
    .filter.changer .fliter_box.product {
        margin-top: 53px;
    }
    .filter.changer .fliter_box:where(.location, .product) {
        position: unset;
    }
    .filter-form .sectionTitle {
        line-height: 1;
        font-size: 23px;
        margin-top: 0;
    }
    .fliter_box .sectionTitle .reset_btn {
        position: relative;
        top: 2px;
    }
    .filter_list.local {
        grid-template-columns: repeat(4,1fr);
        gap: 10px 5px;
    }
    .filter_list.local li {
        width: 100%;
    }
    .filter_list.product {
        gap: 10px;
        grid-template-columns: repeat(3,1fr);
    }
    .filter_list.product li label {
        padding: 9px 15px;
        justify-content: center;
        border-radius: 16px;
    }
    .filter_list li label input {
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .filter_list.product li label:has(>input:checked) {
        background-color: #eaf8f6;
    }
    .sideLayer .filter-form .btn_box{
        width: 100%;
        height: 80px;
        position: fixed;
        bottom: 0;
        right: -100vw;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        padding: 10px 0 20px 0;
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.9) 80%);
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
        box-shadow: 0 -20px 10px rgb(255 255 255 / 90%);
    }
    .sideLayer.on .filter-form .btn_box {
        right: 0;
    }
    .sideLayer .filter-form .btn_box button {
        width: calc(100% - 40px);
        height: 50px;
        background-color: var(--green);
        color:var(--white);
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.48px;
        border: none;
        outline: none;
        border-radius: 10px;
    }
    .statistics-list {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
    }
    .statistics-list .link-item {
        font-size: 16px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding-left: 35px;
        height: 20px;
    }
    .statistics-list .link-item .text {
        font-size: 16px;
        font-weight: 700;
        position: relative;
        top: -1px;
    }
    .snap-icon {
        width: 20px;
        height: 20px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        /* margin-right: 10px; */
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .snap-icon.f-5 {
        background-image: url(/res/svg/snap/f-5.svg);
    }
    .snap-icon.f-6 {
        background-image: url(/res/svg/snap/f-6.svg);
    }
    .snap-icon.f-7 {
        background-image: url(/res/svg/snap/f-7.svg);
    }
    .snap-icon.f-8 {
        background-image: url(/res/svg/snap/f-8.svg);
    }
    .snap-icon.f-9 {
        background-image: url(/res/svg/snap/f-9.svg);
    }
    .snap-icon.f-10 {
        background-image: url(/res/svg/snap/f-10.svg);
    }
    .snap-icon.f-11 {
        background-image: url(/res/svg/snap/f-11.svg);
    }
    .snap-icon.f-12 {
        background-image: url(/res/svg/snap/f-12.svg);
    }
    .snap-icon.f-13 {
        background-image: url(/res/svg/snap/f-13.svg);
    }
    .snap-icon.f-14 {
        background-image: url(/res/svg/snap/f-14.svg);
    }
    .snap-icon.f-15 {
        background-image: url(/res/svg/snap/f-15.svg);
    }
    .snap-icon.f-16 {
        background-image: url(/res/svg/snap/f-16.svg);
    }
    .mobileMenu {
        position: fixed;
        top: 0;
        right: -100vw;
        width: 100%;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        z-index: 1000;
        background-color: var(--black-66);
        border-radius: unset;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        transition: right 0.3s ease;
        padding: 0 0 50px 0;
    }
    .mobileMenu.on {
        right: 0;
    }
    .m_menuTitle {
        width: 100%;
        height: 60px;
    }
    .m_menuTitle .title {
        margin-left: 20px;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -0.6px;
        color:var(--white);
    }
    .m_menuTitle .title {
        font-size: 0;
        width: 70px;
        height: 100%;
        background-image: url(/res/svg/logo_w.svg);
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 56px 14px;
    }
    .m_menuTitle .close {
        width: 54px;
        height: 100%;
        background-image: url(/res/svg/m_menu_x_w.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 14px 14px;
        margin-left: auto;
    }
    .mobileMenu .container {
        width: 100%;
        height: 100%;
        flex: 1;
        padding: 0 20px;
    }
    .mobileMenu .container :where(.item.popular, .item.recent) {
        position: relative;
        top: unset;
        right: unset !important;
        transition-property: transform;
    }
    /* .mobileMenu .container.change-order .item.popular {
        order: 2;
    }
    .mobileMenu .container.change-order .item.menu {
        order: 3;
    }
    .mobileMenu .container.change-order .item.recent {
        order: 1;
    }
    .mobileMenu .container.change-order .item.wiki {
        order: 5;
    }
    .mobileMenu .container.change-order .item.finlife {
        order: 4;
    } */
    .swiper-pagination.pg-mobileMenu {
        height: auto !important;
        bottom: 22px !important;
        left: 50% !important;
        transform: translateX(-50%);
        justify-content: center;
    }
    .swiper-pagination.pg-mobileMenu .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 4px !important;
        opacity: 1;
        background-color: var(--grey);
    }
    .swiper-pagination.pg-mobileMenu .swiper-pagination-bullet-active {
        background-color: var(--white);
    }
    .mobileMenu .container .swiper-wrapper > .item {
        flex-direction: column;
        border-radius: 18px;
        background-color: var(--white);
        padding: 30px 0 0 20px;
        overflow: hidden;
    }
    .mobileMenu .container .swiper-wrapper > .item .title_18 {
        width: 100%;
        padding-left: 10px;
        margin: 0 0 13px 0;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.54px;
    }
    .mobileMenu .container .swiper-wrapper > .item.menu .title_18 {
        margin: 0 0 27px 0;
    }
    .mobileMenu .container .swiper-wrapper > .item.menu .title_18 .btnBox {
        margin: 0 30px 0 auto;
        gap: 10px;
    }
    .mobileMenu .container .swiper-wrapper > .item.menu .title_18 .btnBox .mv {
        font-size: 13px;

    }
    .oneline-list {
        overflow-y: scroll;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .mobileMenu .container .swiper-wrapper .oneline-list {
        padding: 0 0 52px 0;
    }
    .oneline-list li{
        height: auto;
    }
    .oneline-list li:not(:first-child) {
        border-top: 1px solid var(--grey-f5);
    }
    .oneline-list .none_post,
    .none_post {
        height: 100%;
        align-items: center;
    }
    .oneline-list a {
        padding: 17px 0 17px 10px;
        gap: 8px;
    }
    .oneline-list.use-img a {
        grid-template-areas: 'wiki-img wiki-title wiki-title'
                            'wiki-img wiki-content wiki-content';
        gap: 8px 10px;
        justify-content: flex-start;
    }
    .oneline-list.use-img a .photoBox {
        grid-area: wiki-img;
        width: 40px;
        height: 40px;
        /* border-radius: 15px; */
        overflow: hidden;
        position: relative;
    }
    /* .oneline-list.use-img a .photoBox.snap {
        transform: scale(0.9);
        border-radius: 50%;
        background-color: var(--green-graph);
    } */
    .oneline-list.use-img a .photoBox img {
        width: auto;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        transition: all 0.2s ease-out;
    }
    .oneline-list.use-img a .photoBox.snap img {
        width: 100%;
        transform: translate(-50%, -50%) scale(0.7);
    }
    .oneline-list .title {
        font-size: 15px;
        font-weight: 700;
        letter-spacing: -0.45px;
    }
    .oneline-list.use-img .title {
        grid-area: wiki-title;
    }
    .oneline-list.use-img .title.snap {
        color: var(--blue);
    }
    .oneline-list .content,
    .oneline-list .local {
        font-size: 12px;
    }
    .oneline-list.use-img .content {
        grid-area: wiki-content;
    }
    .jvBtn {
        margin-top: 40px;
        width: calc(100vw - 40px);
        height: 50px;
        border-radius: 8px;
        border: solid 1px var(--white);
        background-color: transparent;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.48px;
        color:var(--white);
        justify-content: center;
    }
    .mobileMenu .container .swiper-wrapper > .item.menu {
        padding: 30px 0 0 20px;
    }
    .mobileMenu .container .menu_container {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        padding: 0 0 52px 0;
    }
    .mobileMenu .container .menu_box {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        border-top: 1px solid var(--grey-f5);
        padding: 30px 0 25px 10px;
        gap: 25px;
    }
    .mobileMenu .container .menu_box .box_title {
        font-size: 12px;
        font-weight: 300;
        letter-spacing: -0.39px;
        color:var(--grey);
    }
    .mobileMenu .container .menu_box .menuList {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 25px 0;
    }
    .mobileMenu .container .menu_box .menuList .item a {
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.45px;
        color:var(--black);
    }
    .mobileMenu .container .logoutBtn {
        width: 100%;
        height: 70px;
        border-top: 1px solid var(--grey-ea);
        font-size: 13px;
        font-weight: 300;
        letter-spacing: -0.39px;
        color:var(--grey);
        padding-left: 10px;
    }
/********** aside end **********/




/********** 메인 페이지 start **********/
    .word-search {
        flex-direction: column-reverse;
        background-color: var(--white);
        border-radius: unset;
        overflow: hidden;
    }
    .wordSlide  {
        height: calc(100vw * 0.64);
    }
    .wordSlide>ul>li {
        width: 100vw;
        height: 100%;
        padding: 40px 0 0 30px;
        align-items: flex-start;
    }
    .word-search .wordSlide li {
        position: relative;
    }
    .wordSlide .description .m_sub {
        font-size: 18px;
        font-weight: 300;
        letter-spacing: -0.54px;
        line-height: 1.67;
    }
    .wordSlide .description .m_title {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.27;
        letter-spacing: -0.9px;
        display: inline-block;
    }
    .wordSlide .description .m_title span {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.27;
        letter-spacing: -0.9px;
        color:var(--green);
    }
    .wordSlide .description .m_moveTag {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: unset;
        z-index: 1;
        border: none;
    }
    .wordSlide .lp-slide-list {
        width: 90%;
    }
    .wordSlide .lp-slide-list :where(.key, .val) {
        
        font-size: 4.2vw;
    }
    .wordSlide li img {
        right: 10%;
        bottom: -3px;
        height: auto;
    }
    .wordSlide li.lp img {
        bottom: 20px;
        right: 15px;
        height: 49%;
    }
    .wordSlide li.main img {
        width: 36%;
    }
    .wordSlide li.ad_free img,
    .wordSlide li.rq img {
        right: 20px;
        width: auto;
        height: 40%;
    }
    .wordSlide li.rq img {
        bottom: 7px;
        height: 42%;
    }
    .wordSlide li.calc img {
        /* height: 80%; */
        height: 77%;
    }
    .wordSlide li.wiki img {
        width: 40%;
    }
    .wordSlide li.illegal img {
        width: 35%;
    }
    ._bis .rt-loan_business .wordSlide li {
        flex-direction: column;
    }
    .text-viewBox {
        width: calc(100vw - 60px);
        margin-top: 30px;
    }
    .text-viewBox .count-text {
        font-size: 46px;
    }
    .text-viewBox .d-icon {
        width: 28px;
        height: 28px;
    }
    .word-search .swiper-pagination.main {
        left: 20px;
        bottom: 150px;
    }
    .form-mainSearch {
        padding: 0 0 40px 0;
    }
    .form-mainSearch .wordBox {
        width: calc(100vw - 40px);
        height: 50px;
        padding: 0 20px;
        margin: 0 20px;
        border-radius: 25px;
        border: 3px solid var(--green);
    }
    .form-mainSearch .wordBox input,
    .form-mainSearch .wordBox input::placeholder {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -0.45px;
        color:var(--green);
    }
    .form-mainSearch .wordBox input:disabled {
        opacity: 1;
        pointer-events: none;
    }
    .form-mainSearch .wordBox button {
        background-image: url(/res/svg/search_green.svg);      
        pointer-events: none;
    }
    ._index .searchWordSlide {
        max-width: unset;
        padding: 0 20px;
        width: 100vw;
    }
    .recommendWord {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    ._index .searchWordSlide .recommendWord {
        justify-content: unset;
    }
    .recommendWord .item {
        height:30px;
        padding: 0 10px;
        border-radius: 15px;
        border: 1px solid var(--green);
        background-color: var(--white);
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.39px;
        color: var(--green);
        padding-bottom: 1px;
    }
    ._index .main-wrapper main :not(.recent_business, .tipNews).main-padding,
    ._bis .main-wrapper main .main-padding {
        padding: 50px 20px 50px 20px;
    }
    
    .sectionTitle {
        font-size: 23px;
        font-weight: 800;
        letter-spacing: -0.72px;
    }
    .sectionSubTitle {
        font-size: 19px;
        padding: 0 20px;
    }
    .form-offerWrite .moveBtn.js-adViewBtn {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: -0.42px;
    }
    .form-offerWrite .moveBtn.js-adViewBtn::before {
        content: unset;
    }
    .section_body{
        margin-top: 30px;
    }
    .oneline_des .section_body {
        flex-direction: column;
    }
    .oneline_des .section_body.on .oneline_des_list {
        width: 100%;
    }
    .ad_preview_box {
        width: 100%;
        height: 0;
        transition: height  0.3s ease;
    }
    .oneline_des .section_body.on .ad_preview_box {
        height: 126px;
        width: 100%;
    }
    .oneline_des .section_body.on .ad_preview_box .loan_list li {
        border: none;
        border-bottom: 1px solid var(--grey-f5);
    }
    .loan_list.recommend {
        grid-template-columns: repeat(1,1fr);
        gap: 15px;
    }
    body:not(._rt-loan) section.bestLoan.main-padding.flex .loan_list.recommend {
        grid-template-columns: repeat(1,1fr);
        gap: 15px;
        width: 100%;
        position: unset;
    }
    .loan_list.recommend li {
        height: 126px;
    }
    .loan_list.recommend .item {
        padding: 20px 20px 15px 20px;
    }
    .oneline_des .section_body .ad_preview_box .loan_list .item {
        padding: 20px;
    }
    .loan_list.recommend .content {
        flex-direction: unset;
        align-items: center;
        flex-wrap: wrap;
    }
    .loan_list.recommend .content.main .text:first-child {
        margin-top: 0;
        margin-right: 3px;
    }
    .loan_list.recommend .content .text:first-child{
        margin-top: 0;
        margin-right: 3px;
    }
    .loan_list.recommend .content.main .text:last-child {
        margin-top: 0;
    }
    .loan_list.recommend .content .text:last-child{
        margin-top: 0;
    }
    .loan_list .content.main .text {
        font-size: 15px;
        font-weight: 700;
        letter-spacing: -0.45px;
    }
    .loan_list .content.sub .text {
        font-weight: 500;
        font-size: 13px;
    }
    .loan_list.recommend .content.sub {
        margin-top: 14px;
    }

    .loan_list.recommend .tel_btn {
        height: 45px;
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .tel_icon.ios {
        top: 1px;
    }
    ._index .main-wrapper main .bestLoan {
        background-color: var(--white);
    }
    .loan_list .item .name {
        font-size: 12px;
        font-weight: 300;
        margin-bottom: 10px;
    }
    .loan_list.recommend {
        gap: 0;
    }
    .loan_list.recommend li {
        height: auto;
        border-radius: unset;
    }
    .loan_list.recommend li:not(:last-child) {
        border-bottom: 1px solid var(--grey-f5);
    }
    .loan_list.recommend .item {
        padding: 25px 0 25px 60px !important;
        position: relative;
    }
    .loan_list.recommend .new-new {
        width: 10px;
        height: 10px;
        top: 26px !important;
        left: 28px !important;
        right: unset !important;
    }
    .loan_list.recommend .item::after {
        content: '';
        width: 40px;
        height: 40px;
        background-image: url(/res/svg/won.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 25px;
        left: 0;
    }
    .loan_list .content.main .text {
        font-size: 16px;
        line-height: 1.48;
    }
    .loan_list .content.main .text.st {
        color: var(--black);
    }
    .loan_list.recommend .content.sub {
        margin-top: 10px;
    }
    .loan_list .content.sub .text {
        font-weight: 400;
        color: var(--black-66);
    }
    .loan_list.recommend .item .rate_y {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.45px;
        color: var(--green);
    }
    .loan_list.recommend .tel_btn {
        margin: 0;
        height: auto;
        border-top: none;
    }
    .loan_list.recommend .tel_btn .tel_icon {
        background-image: unset;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: var(--green);
        margin-right: 5px;
    }
    .loan_list.recommend .tel_btn .text {
        font-size: 13px;
        font-weight: 300;
        color: var(--black-66);
    }

    ._rt-loan ._view .loan_list li {
        position: relative;
    }
    ._rt-loan ._view .loan_list .item.bannerReg .content {
        margin-top: 12px;
        padding: 12px 0 0 0 !important;
    }
    ._rt-loan ._view .loan_list .item.bannerReg .content .text {
        font-size: 13px;
        font-weight: 400;
        color: var(--black-66);
    }
    ._rt-loan ._view .loan_list .js-memberConfirmView .tel_btn {
        position: absolute;
        top: 25px;
        left: 60px;
    }
    ._rt-loan ._view .loan_list .js-memberConfirmView .tel_btn .regBtn {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.45px;
        color: var(--black);
    }   
    .banner-main {
        padding: 0 20px 10px 20px;
        width: 100%;
        height: auto;
        background-color: var(--white);
    }
    .banner-main .linked {
        width: 100%;
        height: 90px;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.04);
    }
    .banner-main.first .linked {
        background-color: #fedc00;
    }
    .banner-main .description {
        padding-left: 20px;
    }
    .banner-main .description p {
        font-size: 16px;
        font-weight: 800;
        letter-spacing: -0.45px;
        line-height: 1.2;
    }
    .banner-main.first .description p {
        color: #3e2b00;
    }
    .banner-main.first .img-main {
        width: 105px;
        position: relative;
        top: 5px;
        padding-right: 20px;
    }
    .banner-main.second .linked {
        background-color: #61045f;
    }
    .banner-main.second .description p {
        color: var(--white);
    }
    .banner-main.second .img-main {
        width: 120px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .banner-main.three {
        padding-bottom: 40px;
    }
    .banner-main.three .linked {
        background-color: #ad9fe5;
    }
    .banner-main.three .description p {
        color: var(--white);
    }
    .banner-main.three .img-main {
        width: 92px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }




    
    .banner-main.count_ad {
        padding-top: unset;
    }
    .banner-main.count_ad .linked {
        padding: 20px;
    }
    .banner-main.count_ad .linked::after {
        width: 90px;
        height: 90px;
        bottom: 4px;
        right: 20px;
    }
    .banner-main.count_ad .title,
    .banner-main.count_ad .title span {
        font-size: 16px;
        font-weight: 700;
    }
    .banner-main.count_ad .count-description .count_ad-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
    }
    .banner-main.count_ad .count-description .count_ad-list .item {
        gap: 10px;
    }
    .banner-main.count_ad .count-description .key,
    .banner-main.count_ad .count-description .val {
        font-size: 12px;
    }
    .banner-main.count_ad .count-description .key {
        width: 70px;
    }




    .banner-main.count_ad_lp {
        padding-top: unset;
    }
    .banner-main.count_ad_lp .wrap-box {
        width: calc(100vw - 40px);
    }
    .banner-main.count_ad_lp .count_ad-list {
        flex: unset;
        flex-shrink: 0;
    }




    section:where(.liveLoan, .tipNews) {
        background-color: var(--white);
    }
    .live_list {
        gap: 0;
    }
    .live_list.main .item {
        grid-template-columns:unset;
        height: 118px;
        gap: 10px;
    }
    .live_list.main li:not(:first-child) {
        border-top: 1px solid var(--grey-ea);
    }
    .live_list.main .item :where(.top, .bottom) {
        padding-right: 0;
    }
    .live_list .item .top .title,
    .live_list .item .bottom .price {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.51px;
    }
    .live_list .item .top .title {
        flex: 1;
        max-width: 70%;
    }
    .live_list .item .bottom .price .num {
        letter-spacing: -1.3px;
    }
    .live_list .item .top .local {
        font-size: 13px;
        letter-spacing: -0.45px;
    }
    .live_list .item .bottom .info div {
        font-size: 13px;
        letter-spacing: -0.42px;
    }
    .live_list .item .bottom .count {
        font-size: 12px;
    }
    .live_list.main .item {
        height: 104px;
    }
    .live_list.main li:not(:first-child) {
        border-top: 1px solid var(--grey-f5);
    }
    .section_footer {
        width: 100%;
    }
    .section_footer .btn_box {
        width: 100%;
        justify-content: center;
    }
    .moreBtn {
        width: 180px;
        height: 60px;
        border-radius: 30px;
        border: solid 1px var(--grey-ea);
        font-size: 14px;
        letter-spacing: -0.42px;
        justify-content: center;
        background-color: var(--white);
    }
    section.recent_business {
        padding: 50px 10px;
    }
    section.recent_business .section_header {
        padding-left: 10px;
    }
    .loan_list.recent {
        gap: 10px;
    }
    .loan_list.recent li {
        height: 176px;
    }
    .loan_list.recent .item {
        padding: 20px 10px 21px 20px;
    }
    .loan_list.recent .content {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .loan_list.recent .content .text,
    .loan_list.recent .tel_btn .text.m_hide {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-width: calc(100% - 10px);
        line-height: 1.2;
    }
    .loan_list.recent .content span:first-child{
        margin-right: 0;
        margin-bottom: 5px;
    }
    .loan_list.recent .content.main .text {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.45px;
    }

    .loan_list.recent .content span:last-child {
        color:var(--black);
    }
    .loan_list.recent .content.sub .text {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.2s;
        letter-spacing: -0.42px;
        color:var(--grey);
    }
    .loan_list.recent .tel_btn {
        margin: 0 20px;
        width: calc(100% - 40px);
        height: 45px;
    }
    .loan_list .tel_btn .text {
        font-size: 13px;
        color: var(--grey);
        font-weight: 600;
    }
    .loan_list.recent .tel_btn .text {
        font-size: 13px;
        color:var(--grey);
        flex: 1;
    }
    :where(.liveLoan, .recent_business, .exit-loan) .section_footer{
        margin-top: 30px;
    }
    .loan_list.recent .tel_icon,
    .loan_list .tel_icon {
        background-image: url(/res/svg/tel_grey.svg);
    }
    .loan_list.recent .tel_icon.ios {
        top: 1px;
    }
    section.tipNews {
        padding: 50px 0;
    }
    section.tipNews > .section_header {
        padding: 0 20px;
    }
    section.tipNews .section_body {
        padding: 0 50px 0 20px ;
    }
    section.tipNews .post_list {
        background-color: var(--grey-f9);
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    section.tipNews .post_list .sectionTitle {
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.54px;
    }
    section.tipNews .post_list .section_body {
        padding: 0;
        margin-top: 32px;
        height: 100%;
        max-height: 161px;
        display: flex;
        flex-direction: column;
    }
    .post_list .item .content {
        max-width: 56.470588235294118%;
    }
    .post_list .item .content .text {
        font-size: 13px;
        letter-spacing: -0.42px;
        color: var(--black);
        line-height: 20px;
    }
    .post_list .item .date {
        font-size: 13px;
    }
    .post_list li.none_post,
    .none_post {
        width: 100%;
        height: 100%;
        align-items: flex-start;
    }
    .loan_calculator .section_body {
        margin-top: 30px;
        border-radius: 10px;
        background-color: var(--white);
        padding: 30px 20px;
    }
    .loan_calculator .type_box {
        width: 100%;
        gap: 10px;
    }
    .loan_calculator .type_box .btn {
        width: 100%;
        flex: 1;
        height: 50px;
        border-radius: 5px;
        background-color: var(--grey-fa);
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -0.45px;
        color:var(--grey);
        justify-content: center;
    }
    .loan_calculator .type_box .btn.on {
        background-color: var(--green-light);
        color:var(--green);
        font-size: 15px;
        letter-spacing: -0.45px;
        line-height: unset;
    }
    .calViewBox {
        border-radius: unset;
        background-color: unset;
        margin-top: 0;
    }
    .calViewBox .fieldset {
        grid-template-columns: repeat(2,1fr);
        gap: 30px 10px;
        padding: 50px 0 0 0;
    }
    .calViewBox:has(> .fieldset.loan.on) {
        height: 424px;
    }
    .calViewBox:has(> .fieldset.fee.on) {
        height: 532px;
    }
    .calViewBox:has(> .fieldset.loan.on.result) {
        height: 424;
    }
    .calViewBox:has(> .fieldset.fee.on.result) {
        height: 532px;
    }
    .calViewBox .fieldset.loan .item.type {
        order: 4;
        grid-column: span 2;
    }
    .calViewBox .fieldset.loan .item.period {
        order: 3;
        grid-column: span 2;
    }
    .calViewBox .fieldset.loan .item.rate {
        order: 2;
    }
    .calViewBox .fieldset.loan .item.price {
        order: 1;
    }
    .calViewBox .fieldset.loan .item.btn {
        order: 5;
        padding-top: 0;
    }
    .calViewBox .fieldset .item.type .val {
        border: none;
        border-radius: unset;
        gap: 10px;
    }
    .calViewBox .fieldset .item.type .val .calBtn {
        font-size: 15px;
        letter-spacing: -0.45px;
        color:var(--grey);
        border-radius: 5px;
        background-color: var(--grey-fa);
    }
    .calViewBox .fieldset .item.type .val .calBtn.on {
        color:var(--green);
        background-color: var(--green-light);
    }
    .calViewBox .fieldset .item.btn .btn {
        width: 100%;
        border: solid 1px var(--green);
        background-color: var(--white);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.48px;
        color: var(--green);
    }
    .calViewBox .fieldset .calBtn:last-child {
        border: unset;
    }
    .calViewBox .fieldset .item .key {
        font-size: 12px;
        letter-spacing: -0.36px;
    }
    .calViewBox .fieldset.fee .item.repayment_amount {
        order: 1;
    }
    .calViewBox .fieldset.fee .item.period {
        order: 3;
        grid-column: span 2;
    }
    .calViewBox .fieldset.fee .item.commission {
        order: 2;
    }
    .calViewBox .fieldset.fee .item.remaining_period {
        order: 4;
        grid-column: span 2;
    }
    .calViewBox .fieldset.fee .item.exemption {
        order: 5;
        grid-column: span 2;
    }
    .calViewBox .fieldset.fee .item.btn {
        order: 6;
        grid-column: span 2;
    }
    .calViewBox .fieldset .inputBox .text,
    .calViewBox .fieldset :where(.item.rate, .item.price, .item.repayment_amount, .item.commission, .item.exemption) .val .text {
        font-size: 15px;
        letter-spacing: -0.45px;
        position: unset;
        top: unset;
    }
    .calViewBox .fieldset.fee .item.btn .btn_box.result {
        display: none;
    }
    .calViewBox .fee-pop {
        top: unset;
        left: 0;
        bottom: 4px;
        width: 100%;
        padding: 0;
    }
    .calViewBox .fee-pop .layer_header {
        position: absolute;
        right: 0;
        width: 55px;
        height: 100%;
        justify-content: center;
    }
    .calViewBox .fee-pop .layer_header span {
        font-size: 16px;
    }
    .calViewBox .fee-pop .summaryBox {
        border: none;
        gap: 0;
        background-color: var(--green-light);
        justify-content: flex-start;
        padding: 0 0 0 20px;
    }
    .calViewBox .fee-pop .summaryBox .key,
    .calViewBox .fee-pop .summaryBox .val {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.48px;
        color: var(--black);
    }
    .calViewBox .fee-pop .summaryBox .val {
        color:var(--green);
    }

    .loan-pop {
        width: 100%;
        height: 100%;
        background-color: var(--white);
    }
    .loan-pop .layer_header {
        width: 100%;
    }
    #Layer .loan-pop .layer_header .closeLayer.iconBold{
        margin: 0 0 0 auto;
        align-items: center;
        justify-content: center;
        display: flex;
        height: 50px;
    }
    .loan-pop .layer_body {
        padding: 0 20px 40px 20px;
        padding-top: 15px;
        gap: 50px;
        height: 100%;
        display: grid !important;
    }
    .loan-pop .summaryBox {
        height: 75px;
        gap: 0;
        justify-content: space-around;
    }
    .loan-pop .summaryBox .item {
        flex-direction: column;
        gap: 5px;
    }
    .loan-pop .summaryBox .item.og {
        order: 1;
    }
    .loan-pop .summaryBox .item.re {
        order: 3;
    }
    .loan-pop .summaryBox .item.int {
        order: 2;
    }
    .loan-pop .summaryBox .key {
        font-size: 13px;
        letter-spacing: -0.39px;
    }
    .loan-pop .content_container {
        border: none;
        border-radius: unset;
        padding: 0;
        height: auto;
    }
    .loan-pop .contentTitle {
        margin-top: 15px;
        width: 100%;
    }
    .loan-pop .content_container .content_box{
        padding: 0;
        height: auto;
    }
    .loan-pop .content_container .content_box.custom-scroll::-webkit-scrollbar {
        display: none;
    }
    #Layer .layer_body {
        overflow-y: scroll;
    }
/********** 메인 페이지 end **********/




/********** 메인 검색 페이지 start **********/
    ._search .form-mainSearch {
        padding: 10px 0 0 0;
    }
    ._search .word_input_box {
        width: 100%;
        padding: 0 0 0 20px;
        position: relative;
    }
    ._search .word_input_box .wordBox {
        margin: 0;
        flex: 1;
        width: 100%;
        border: none;
        background-color: var(--grey-f9);
        padding: 0 0 0 20px;
    }
    ._search .word_input_box .wordBox input,
    ._search .word_input_box .wordBox input::placeholder {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.42px;
        color:var(--black);
        width: calc(100% - 60px);
        flex: unset;
    }
    ._search .word_input_box .wordBox input::placeholder {
        color: var(--grey-d3);
    }
    ._search .word_input_box .wordBox button {
        width: 60px;
        height: 100%;
        z-index: 100;
        position: absolute;
        top: 0;
        right: 60px;
        pointer-events: all;
    }
    ._search .word_input_box .wordBox .searchBtn {
        background-image: url(/res/svg/search.svg);
        background-size: 20px 20px;
        background-position: center;
    }
    ._search .word_input_box .wordBox .wordDelBtn {
        background-image: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    ._search .word_input_box .wordBox .wordDelBtn .x_btn {
        width: 10px;
        height: 10px;
        background-image: url(/res/svg/wordinput_x.svg);
    }
    .textPrevBtn {
        width: 60px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        letter-spacing: -0.45px;
        color:var(--grey);
    }
    .recent_search_box.none-word {
        margin-top: 0;
        height: 0;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    .recent_search_box {
        margin-top: 50px;
        padding: 0 20px;
        width: 100%;
        height: auto;
    }
    aside .recent_search_box {
        margin-top: 0;
        flex-direction: column;
        padding: 0;
        margin-bottom: 50px;
    }
    aside .recent_search_box.none-word {
        margin-bottom: 0;
    }
    aside .side-listBox {
        padding-right: 20px;
    }
    .textBtn {
        font-size: 13px;
        letter-spacing: -0.42px;
        color:var(--grey);
        margin-left: auto;
    }
    aside .recent_search_box .textBtn {
        font-size: 12px;
        font-weight: 400;
        border: 1px solid var(--grey-ea);
        padding: 6px 13px;
        border-radius: 25px;
        position: relative;
        top: 2px;
    }
    ._search .recommendWord,
    aside .recent_search_box .recommendWord {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 6px;
    }
    ._search .recommendWord li,
    aside .recent_search_box .recommendWord li {
        justify-content: flex-start;
        padding: 0;
        border-radius: unset;
        background-color: unset;
        height: 32px;
    }
    aside .recent_search_box .recommendWord li {
        display: flex;
        align-items: center;
        cursor: auto;
        width: auto;
    }
    ._search .recommendWord li .item,
    aside .recent_search_box .recommendWord li .item {
        font-size: 13px;
        letter-spacing: -0.42px;
        color:var(--grey);
        border: none;
    }
    ._search .recommendWord li .x_btn,
    aside .recent_search_box .recommendWord li .x_btn {
        margin-left: auto;
        background-image: url(/res/svg/recentword_x.svg);
        background-position: center right;
        background-size: 9px 9px;
    }
    aside .searchWordSlide {
        padding: 0 !important;
    }

    ._search .bestLoan {
        padding: 42px 0 50px 0;
        background-color: var(--white);
    }
    ._search .bestLoan .section_header,
    ._search .bestLoan .section_body,
    ._search .bestLoan .section_footer {
        padding: 0 20px;
    }
    ._search .liveLoan {
        padding: 0;
    }
    ._search .liveLoan .section_header,
    ._search .liveLoan .live_list {
        padding: 0 20px;
    }
    ._search .liveLoan .item{
        background-color: transparent;
    }
/********** 메인 검색 페이지 end **********/




/********** 이용약관/개인정보처리방침/한계와법적고지 start **********/
    .tp_view {
        border-radius: unset;
        padding: 20px 20px 80px 20px;
    }
    .tp_view .section_header::after {
        content: unset;
    }
    .tp_view .section_body {
        margin-top: 50px;
    }
    .tp_view .terms_box {
        position: relative;
    }
    .tp_view .terms_box::after {
        content: '';
        position: fixed;
        left: 0%;
        bottom: 0;
        display: var(--m_terms_mobile_display);
        width: 100%;
        height: 120px;
        z-index: 1;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
/********** 이용약관/개인정보처리방침/한계와법적고지 end **********/




/********** 뷰 / 실시간 대출문의 / 업체등록현황 뷰 페이지 start **********/
    ._logOffer ._view main .quick_info,
    ._bis ._view main .quick_info {
        order: 1;
    }
    ._logOffer ._view main .product_info,
    ._bis ._view main .business_info {
        order: 2;
    }
    ._logOffer ._view main .calc_sec,
    ._bis ._view main .viewRecommendList {
        order: 3;
    }
    ._logOffer ._view main .business_info,
    ._bis ._view main .caution_info {
        order: 4;
    }
    ._logOffer ._view main .ex_info {
        order: 5;
    }
    ._logOffer ._view main .caution_info {
        order: 7;
    }
    ._logOffer ._view main .viewRecommendList {
        order: 6;
    }
    ._logOffer ._view main .quick_info,
    ._rt-loan ._view main .quick_info,
    ._bis ._view main section.quick_info {
        padding: 20px 20px 44px 20px;
        border-bottom: 10px solid var(--grey-fa);
        border-radius: unset;
    }
    ._logOffer ._view main .quick_info.mpost {
        padding: 80px 20px 44px 20px;
    }
    ._bis ._view main section.quick_info {
        border-bottom: none;
    }
    .pay_readys_icon {
        top: 10px;
        left: unset;
        right: 20px;
        border-radius: 15px;
    }
    .quick_info .intro-name{
        margin-bottom: 13px;
        font-size: 14px;
    }
    .viewTitle {
        font-size: 8.5vw;
        line-height: 1.25;
        letter-spacing: -0.96px;
        font-weight: 800;
    }
    .viewTitle.rt-loan {
        max-width: 85%;
    }
    .taglist{
        margin-top: 25px;
        white-space: nowrap;
        overflow: scroll;
    }
    .taglist::-webkit-scrollbar{
        display: none;
    }
    .quick_info .sub_title_box{
        margin-top: 25px;
    }
    .quick_info .sub_title_box >p:first-child {
        margin-right: 8px;
    }
    .viewSubTitle {
        font-size: 4.2vw;
        font-weight: 500;
        letter-spacing: -0.54px;
    }
    .taglist .item,
    .taglist .item a {
        font-size: 12px;
        font-weight: 400;
    }
    .quick_info .loan_info {
        margin-top: 151px;
        gap: 0;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .quick_info .loan_info .val {
        font-size: 7vw;
        font-weight: 700;
        font-family: 'pt', 'SDGothicNeo';
    }
    .quick_info .loan_info .val .per {
        font-size: 3.5vw;
        margin-left: 2px;
    }
    .leftover {
        top: 24px;
        right: unset;
        left: 20px;
        font-size: 13px;
        padding: 11px 16px;
    }
    ._logOffer ._view main .key,
    ._rt-loan ._view main .key,
    ._bis ._view main .key{
        font-size: 13px;
        font-weight: 400 !important;
        letter-spacing: -0.45px;
        color: var(--grey);
    }
    ._logOffer ._view main .quick_info .loan_info .key,
    ._rt-loan ._view main .quick_info .loan_info .key {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 14px;
        color:var(--green);
    }
    ._logOffer ._view main :where(.product_info, .business_info) .val,
    ._logOffer ._view main .val span,
    ._rt-loan ._view main .product_info .val,
    ._rt-loan ._view main .val span,
    ._bis ._view main .business_info .val,
    ._bis ._view main .val span,
    .agency_phone_text {
        font-size: 14px;
        font-weight: 600;
        color: var(--black);
    }
    ._logOffer ._view main :where(section.product_info, section.business_info, section.ex_info),
    ._rt-loan ._view main :where(section.product_info, section.ex_info) {
        padding: 50px 20px 47px 20px;
        border-bottom: 10px solid var(--grey-fa);
    }
    .product_info_list {
        padding-top: 30px;
        grid-template-columns: repeat(2,1fr);
        gap: 38px 0;
    }
    .product_info_list .item {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    .product_info_list .item.full{
        grid-column: unset;
    }
    .product_info_list .val .number_box .phone.on {
        width: 95px;
    }
    ._bis ._view main .business_info {
        padding: 0 20px 47px 20px;
        border-bottom: 10px solid var(--grey-fa);
    }
    .bi_list {
        padding-top: 30px;
        gap: 38px 10px;
    }
    ._bis ._view main .business_info .bi_list {
        margin-top: 0;
    }
    .bi_list .item {
        gap: 14px;
    }
    .bi_list .item .val :where(.road, .jibun) {
        line-height: 1.73;
    }
    .bi_list :where(.item.adr, .item.ad_phone) {
        grid-column: span 2;
    }
    .bi_list .item.adr .val {
        max-width:  calc(100vw - 100px);
    }
    .bi_list .item.tip_phone,
    .bi_list .item.ad_phone {
        position: relative;
        grid-row: unset;
        grid-column: span 2;
    }
    .bi_list .item .tip {
        font-size: 12px;
        letter-spacing: -0.39px;
        /* position: absolute; */
        top: 0px;
        left: 100px;
    }
    .bi_list .item.tip_phone .tip {
        left: 60px;
    }
    .bi_list .item .tip.link_tip {
        position: unset;
    }
    ._rt-loan ._view main section.ex_info {
        border-radius: unset;
    }
    .ex_info .section_body {
        margin-top: 30px;
        padding-top: 30px;
    }
    .ex_info .content p {
        font-size: 15px;
        font-weight: 400;
        line-height: 2.14;
        letter-spacing: -0.42px;
    }
    .viewRecommendList {
        padding: 50px 20px;
        background-color: var(--white);
    }
    ._bis .main-wrapper main .main-padding {
        background-color: var(--white);
    }
    ._logOffer ._view main .caution_info,
    ._bis ._view main .caution_info {
        width: 100%;
        border-radius: 0;
        padding: 0 20px;
    }
    .caution_info .section_header {
        border-radius: 8px;
        padding: 20px;
        height: 50px;
        background-color: var(--grey-f9);
    }
    .caution_info.on .section_header {
        border-radius: 8px 8px 0 0;
    }
    .caution_info .section_header .sectionTitle {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.39px;
        color: var(--grey);
        width: 100%;
        position: relative;
        transition: all 0.3s ease;
    }
    .caution_info .downArrow {
        position: absolute;
        right: 0;
        top: 50%;
    }
    .caution_info .caution_list {
        margin-top: 0;
        padding: 0 20px;
        border-radius: 0 0 8px 8px;
        background-color: var(--grey-f9);
    }
    .caution_info.on .caution_list {
        height: auto;
        margin-top: 0;
        padding: 0 20px 20px 20px;
    }
    .caution_list .item,
    .reportBtn {
        font-size: 12px;
    }
    .myPostOption {
        position: fixed;
        top: 50px;
        right: 50px;
        width: 0px !important;
        height: 0;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
        background-color: var(--white);
        margin: 0 !important;
        flex-direction: column;
        transition: all 0.3s ease;
        opacity: 0;
    }
    .myPostOption.on {
        width: 170px !important;
        height: 150px;
        opacity: 1;
        z-index: 100;
    }
    .myPostOption.on.pay_ready,
    ._cm ._view .myPostOption.on,
    ._cs ._view .myPostOption.on {
        height: 100px;
        gap: 0;
    }
    .myPostOption a {
        width: 100%;
        border-radius: unset;
        background-color: transparent !important;
        justify-content: flex-start;
        padding: 0 20px;
    }
    .myPostOption a:not(:last-child) {
        border-bottom: 1px solid var(--grey-ea);
    }
    .myPostOption a .text {
        color:var(--grey) !important;
        font-weight: 300;
    }
    .myPostOption a .d-day {
        color:var(--green);
        font-weight: 600;
    }
    .bottom-floating {
        width: 100vw;
        position: fixed;
        left: 0;
        bottom: -105px;
        z-index: 101;
        align-items: flex-start;
        background-color: var(--white);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        padding: 10px 0 calc(constant(safe-area-inset-bottom) + 10px);
        padding: 10px 0 calc(env(safe-area-inset-bottom) + 10px);
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .bottom-floating.show {
        bottom: 0;
    }
    .bottom-floating .contactBtn {
        width: calc(calc(100vw - 50px) / 2);
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 25px;
    }
    .bottom-floating .contactBtn.sms {
        border: 1px solid var(--green);
        background-color: var(--white);
    }
    .bottom-floating .contactBtn.tel {
        background-color: var(--green);
    }
    .bottom-floating .contactBtn .icon {
        width: 14px;
        height: 13px;
        margin-right: 10px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .bottom-floating .contactBtn .icon.sms {
        background-image: url(/res/svg/m_sms_g.svg);
    }
    .bottom-floating .contactBtn .icon.call {
        background-image: url(/res/svg/m_call_w.svg);
    }
    .bottom-floating .contactBtn .text {
        font-size: 16px;
        letter-spacing: -0.48px;
        position: relative;
        top: 1px;
    }
    .bottom-floating .contactBtn.sms .text {
        color:var(--green);
    }
    .bottom-floating .contactBtn.tel .text {
        color:var(--white);
    }
    ._rt-loan ._view .loan_list .item.bannerReg {
        height: auto;
    }
    ._rt-loan ._view .loan_list .item.bannerReg .content {
        padding: 0 0 28px 0;
    }
    ._rt-loan section.liveLoan {
        padding: 50px 20px;
    }
    .loanView_popup {
        width: calc(100vw - 40px);
        padding: 60px 20px 20px 20px;
        border-radius: 10px;
    }
    #Layer .loanView_popup .layer_header .popupClose {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 14px;
        height: 14px;
    }
    #Layer .loanView_popup .layer_header .popupClose .x_icon {
        background-size: 14px 14px;
    }
    .loanView_popup .layer_header .text {
        font-size: 20px;
        letter-spacing: -0.6px;
        font-weight: 600;
        padding-left: 10px;
    }
    .loanView_popup .layer_body {
        overflow: unset !important;
    }
    .loanView_popup .layer_body p {
        font-weight: 300;
        padding-left: 10px;
    }
    .loanView_popup .write_button {
        border-radius: 8px;
        font-size: 15px;
        font-weight: 700;
    }
    .loanView_popup .write_button.closeLayer {
        font-size: 15px !important;
    }
    .loanView_popup.delete.ow-box.phone_auth .layer_footer input {
        border-radius: 8px;
    }
    .loanView_popup.ow-box.phone_auth .ow-btn,
    .ow-box.phone_auth .field.auth.complete .ow-btn.complete  {
        width: calc(100% * 0.246376811594203) !important;
        border-radius: 8px;
    }
    .loanView_popup.delete .layer_footer.fieldset li.complete .ow-btn.js-authConfirm {
        width: 0 !important;
    }
    .regBtn {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.39px;
    }
    .loanView_popup .counting_box {
        left: 30px;
        top: unset;
        transform: unset;
        bottom: 90px;
    }
    .calc_sec {
        padding: 50px 20px !important;
    }
    ._logOffer ._view main .calc_sec {
        border-bottom: 10px solid var(--grey-fa);
    }
    .calc_sec .section_header {
        padding: 0;
    }
    .calc_sec .sectionTitle {
        align-items: flex-start;
        gap: 5px;
    }
    .calc_sec .sectionTitle :where(div, span),
    .calc-section.calc_sec .sectionTitle {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -.72px;
    }
    .calc_sec .sectionTitle .bottom .hl {
        padding: 0;
        margin: 0;
    }   
    .calc_sec .section_body {
        padding: 0;
    }
    .calc_sec:not(.calc-section) .item .container {
        margin: 0 8px;
        height: auto;
    }
    .calc_sec .item:where(.total, .fee) .container {
        margin: 0 10px;
    }
    ._logOffer .calc_sec .item:not(.nbt) .container {
        margin: 0 10px 0 0;
    }
    .calc_sec .item .view-box {
        height: auto;
        padding: 12px 12px;
    }
    .view-text,
    .view-sub-text,
    .calc_sec .item.nbt .view-box .view-text {
        font-size: 23px;
        font-weight: 600;
        padding-top: 0px;
        letter-spacing: -0.5px;
    }
    .key-text, .total-text {
        font-size: 16px;
        font-weight: 600;
    }
    .calc_sec .item.nbt .view-box .view-text {
        font-size: 30px;
        
    }
    .calc_sec .fieldset .item.fee {
        margin-top: 15px;
    }
    .select-area {
        height: auto;
        position: fixed;
        top: unset;
        left: 0;
        bottom: -100vh;
        width: 100%;
        border-radius: 15px 15px 0 0;
        opacity: 1;
        z-index: 10;
        transition: bottom 0.3s ease;
    }
    .container.on .select-area {
        bottom: 0;
        max-width: unset;
        z-index: 103;
    }
    .total-detail-btn {
        position: unset;
        bottom: unset;
        right: unset;
        width: 171px;
        margin: 50px 0 0 auto;
    }
    .total-detail-btn .text {
        font-size: 13px;
    }
    .select-back {
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5);
        position: fixed;
        bottom: -100vh;
        left: 0;
        z-index: 102;
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    .container.on ~ .select-back {
        bottom: 0;
        opacity: 1;
    }
    .total-detail-btn.on ~ .total-detail {
        margin-top: 0;
        padding-top: 0;
    }
    .calc_sec .total-detail.on .loan-pop .layer_body {
        grid-template-rows: auto;
    }
    .calc_sec .total-detail.on .loan-pop .content_container,
    .calc-section.calc_sec .total-detail.on .loan-pop .contact-contianer {
        height: 100%;
    }
    .calc_sec  .total-detail.on .loan-pop .content_container .content_box,
    .calc-section.calc_sec .total-detail.on .loan-pop .contact-contianer .content_box {
        align-items: flex-start;
    }
    .calc-section.calc_sec {
        padding: 50px 20px !important;
        margin: 0;
    }
    .calc-section.calc_sec .section_footer {
        display: flex;
    }
    .calc-section.calc_sec .total-detail,
    .calc_sec  .total-detail {
        padding-left: 0;
        padding-right: 0;
    }
/********** 뷰 / 실시간 대출문의 / 업체등록현황 뷰 페이지 end **********/




/********** 로그인 페이지 start **********/
    .main-wrapper._login main {
        width: 100%;
        position: fixed;
        overflow: hidden;

    }
    .main-wrapper._login main::after {
        content: '';
        background-image: url(/res/svg/login_bg.svg);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain;
        width: 100%;
        height: 548px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .login_section {
        height: 100%;
        background-image: linear-gradient(-215deg, #3d8fe1, 75%, #68e0cf);
    }
    .login_container {
        max-width: unset;
        width: 100%;
        height: 100%;
        border-radius: unset;
        padding: 0 20px;
        background-color: transparent;
    }
    .login_container .login_box {
        z-index: 100;
    }
    .login_section .text_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: auto;
    }
    .login_section .text_box .mainLogo {
        background-image: url(/res/svg/logo_w.svg);
        background-position: center;
        background-size: auto;
        width: 97px;
        height: 24px;
        margin: 0 0 16px 0;
    }
    .login_section .text_box p {
        font-size: 4.36vw;
        letter-spacing: -0.54px;
        color: var(--white);
        margin-top: 0;
    }
    .login_section .login_list {
        margin-top: 190px;
    }
    .login_section .login_list .item {
        background-color: hsla(0, 0%, 20%, 0.42);
    }
    .sns_icon.kakao {
        background-image: url(/res/svg/kakao_w.svg);
    }

    .sns_icon.naver {
        background-image: url(/res/svg/naver_w.svg);
    }

    .sns_icon.google {
        background-image: url(/res/svg/google_w.svg);
    }

    .login_section .login_list .item .text {
        color: var(--white);
        pointer-events: none;
    }
/********** 로그인 페이지 end **********/



/********** 광고 등록 / 실시간 대출 등록 페이지 start **********/
    .form-offerWrite,
    .form-rt_loanWrite {
        border-radius: unset;
    }
    .form-offerWrite>section,
    .form-rt_loanWrite>section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .cs-write_section {
        padding: 50px 20px 0 20px;
    }
    .ow-box.adSelect {
        padding: 20px 20px 0 20px;
    }
    .form-offerWrite .sectionTitle {
        width: 100%;
        font-size: 5.7vw;
    }
    .form-offerWrite .moveBtn {
        margin-left: auto;
        font-size: 0;
        padding: 0;
        border-radius: unset;
        background-color: var(--white);
        height: 22px;
    }
    .form-offerWrite .moveBtn::before {
        content: '광고위치';
        font-size: 14px;
        font-weight: 300;
        letter-spacing: -0.42px;
    }
    .adSelect .section_body {
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .adSelect .ad_item {
        height: 60px;
        justify-content: flex-start;
        transition: all 0.3s ease;
    }
    .adSelect .ad_item.checked {
        height: 160px;
        background-color: transparent;
        border-color: var(--green);
    }
    .adSelect .position_a {
        left: unset;
        top: 45px;
        right: -1px;
        transition: all 0.3s ease;
    }
    .adSelect .position_a.ad_day {
        top: 40px;
    }
    .adSelect .ad_item.checked .position_a {
        background-color: var(--green);
        color:var(--white);
    }
    .adSelect .ad_item.checked .position_a.ad_day {
        top: 160px;
    }
    .adSelect .ad_item.checked .position_a.ad_count {
        top: 134px;
    }
    .adSelect .ad_item .title_box{
        flex-direction: unset;
        width: 100%;
        height: 60px;
        padding: 0 20px;
        justify-content: flex-start;
    }
    .adSelect .ad_item .title_box .checkmark {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1px solid var(--grey-ea);
        margin-right: 10px;
        position: relative;
        top: 1px;
        transition: all 0.3s ease;
    }
    .adSelect .ad_item.checked .title_box .checkmark {
        border-color: var(--green);
    }
    .adSelect .ad_item.checked .title_box .checkmark::before {
        content: '';
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: var(--green);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .adSelect .ad_item .title_box .m_text {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.54px;
    }
    .adSelect .ad_item.checked .title_box .m_text {
        color:var(--black) !important;
    }
    .adSelect .ad_item .title_box .p_text {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: normal;
        margin-top: 0;
        margin-left: auto;
    }
    .adSelect .ad_item.checked .title_box .p_text {
        color:var(--green) !important;
    }
    .adSelect .ad_item .title_box .p_text .pp {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: normal;
    }
    .adSelect .ad_item.checked .title_box .p_text .pp {
        color:var(--grey) !important;
    }
    .adSelect .ad_item .description {
        width: 100%;
        height: 0;
        padding: 0 20px 0 30px;
        margin-top: 0;
        overflow: hidden;
        opacity: 0;
        gap: 10px;
        transition: all 0.3s ease;
    }
    .adSelect .ad_item.checked .description {
        height: 69px;
        padding: 7px 20px 0 30px;
        opacity: 1;
    }
    .adSelect .ad_item.checked[data-ad_type="main"] {
        height: 186px;
    }
    .adSelect .ad_item.checked[data-ad_type="main"] .description {
        height: 93px;
    }
    .adSelect .ad_item .description .icon {
        background-image: unset !important;
        position: relative;
        margin-right: 3px;
    }
    .adSelect .ad_item .description .icon::before {
        content: '•';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color:var(--grey);
    }
    .adSelect .ad_item .description .text {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: -0.42px;
    }
    .adSelect .ad_item.checked .description .text {
        color:var(--grey) !important;
    }
    .ow-box.phone_auth .fieldset li {
        gap: 10px;
    }
    .form-offerWrite .ow-box.phone_auth .fieldset :where(li.field.phone, li.field.auth) {
        width: 100%;
    }
    .ow-box.phone_auth .fieldset li input {
        width: 100%;
        flex: 1;
    }
    .ow-box.phone_auth .fieldset li input,
    .ow-box.phone_auth .fieldset li input::placeholder,
    .ow-box.phone_auth.cs-write_section .fieldset li textarea,
    .ow-box.phone_auth.cs-write_section .fieldset li textarea::placeholder {
        font-size: 14px;
        font-weight: 500;
    }
    .ow-btn {
        width: 100%;
        font-size: 14px;
        font-weight: 700;
        padding-top: 0;
    }
    .ow-box.phone_auth .ow-btn {
        width: 120px;
    }
    .ow-box.phone_auth .ow-btn.complete {
        display: none;
    }
    .ow-box.phone_auth .field.auth.complete .ow-btn.complete {
        display: flex;
        width: 120px !important;
        border-radius: unset;
    }
    .rt-loan_info {
        padding-top: 20px;
        padding-bottom: 50px;
        border-bottom: 10px solid var(--grey-fa);
    }
    .authText {
        left: 20px;
    }
    .fieldset.ow-style {
        grid-template-columns: repeat(1,1fr);
        gap: 38px;
    }
    .rt-loan_info .section_body.fieldset {
        margin-top: 30px;
    }
    .fieldset.ow-style.company.show {
        height: 699px;
    }
    .fieldset.ow-style.lender.show {
        height: 172px;
    }
    .fieldset.ow-style.company .field.full {
        grid-column: unset;
    }
    .fieldset.ow-style.company .field.full .tel_item {
        width: 100%;
        border-radius: unset;
        border: none;
        border-bottom: 1px solid var(--grey-ea);
    }
    .fieldset.ow-style.company .field.full input {
        max-width: calc(100% * 0.752597402597403);
        width: 100%;
    }
    .fieldset.ow-style.company .field.full .ow-btn {
        flex: 1;
        height: 100%;
    }
    .fieldset.ow-style.company .field.full .js-ad_tel_add.close {
        flex: unset;
    }
    .ow-box.company_info .fieldset .field .ow-btn,
    .fieldset.ow-style.company .field.adr .val.old .j_adr {
        height: 39px;
    }
    .fieldset.ow-style .ow-input {
        height: 39px;
        border-radius: unset;
        padding: 0;
        border: none;
        border-bottom: 1px solid var(--grey-ea);
    }
    .fieldset.ow-style.company .field input.disabled,
    .fieldset.ow-style.lender .field input.disabled {
        background-color: transparent;
    }
    .ow-input,
    .ow-input::placeholder {
        font-size: 14px;
        font-weight: 500;
    }
    .ow-box:where(.company_info, .lender_registrar, .product_information, .cs-write_section) .key {
        font-weight: 600;
        color:var(--black);
    }
    .ow-box.cs-write_section .agree_list .key {
        font-weight: 400;
        color: var(--grey);
    }
    .searchPopup {
        width: 100%;
        height: 100%;
        max-height: unset;
        padding: 0;
        border-radius: unset;
    }
    #Layer .layer_header .popupClose {
        position: unset;
        top: unset;
        right: unset;
        margin-left: auto;
        width: 56px;
        height: 56px;
        justify-content: center;
    }
    #Layer .x_icon {
        width: 16px;
        height: 16px;
    }
    .searchPopup .layer_header .text {
        font-size: 5.7vw;
        font-weight: 800;
        letter-spacing: -0.72px;
        padding: 12px 0 0 20px;
    }
    .searchPopup .layer_body {
        padding: 30px 20px 0 20px
    }
    .searchPopup .form-searchPopup.company {
        gap: 10px;
        padding-right: 0;
    }
    .searchPopup .Custom-select.active  {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .searchPopup .Custom-select {
        height: 45px !important;
        border-radius: 5px !important;
        border-color: var(--grey-f9) !important;
        background-color: var(--grey-f9) !important;
    }
    .searchPopup .Custom-select .title ion-icon {
        height: 43px !important;
    }
    .searchPopup .form-searchPopup.company .Custom-select {
        width: 160px;
    }
    .searchPopup .Custom-select .title span {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.45px;
    }
    .searchPopup .Custom-select .scroll {
        top: 44px;
        background-color: var(--grey-f9);
        border-color: var(--grey-f9);
    }
    .searchPopup .Custom-select .scroll li.selected,
    .searchPopup .Custom-select .scroll li ion-icon {
        background-color: var(--grey-f9);
    }
    .searchPopup .Custom-select .scroll li span {
        color:var(--grey);
    }
    .searchPopup .Custom-select .scroll li.selected span {
        color:var(--black);
    }
    .searchPopup .form-searchPopup.company input {
        border-radius: 5px;
        border-color: var(--grey-f9);
        background-color: var(--grey-f9);
        height: 45px;
    }
    .searchPopup .form-searchPopup.company input,
    .searchPopup .form-searchPopup.company input::placeholder {
        font-size: 15px;
        font-weight: 300;
    }
    .searchPopup .content_box {
        padding-top: 30px;
    }
    .searchPopup .content_box .title,
    .sr_list {
        padding-right: 0;
    }
    .sr_list {
        overflow: auto;
        padding-bottom: 50px;
        max-height: unset;
    }
    .sr_list.custom-scroll::-webkit-scrollbar {
        display: none;
    }

    .searchPopup .content_box .title .item.name, .sr_list .item .name  {
        order: 1;
        width: 29.87012987012987%;
    }
    .searchPopup .content_box .title .item.ceo, .sr_list .item .ceo {
        order: 2;
        width: 22.077922077922078%;
    }
    .searchPopup .content_box .title .item.number, .sr_list .item .number {
        order: 3;
        width: 100%;
        flex: 1;
    }
    .sr_list .item div {
        line-height: 1.38;
        padding: 0 10px;
    }
    .searchPopup .content_box.lender .title .item, .searchPopup .sr_list.lender .item div {
        width: 100%;
        flex: 1;
        padding: 0 5px;
    }
    .searchPopup .content_box.lender .title .item.local_main, .searchPopup .sr_list.lender .item div.si {
        width: 55px;
        flex: unset;
    }
    .searchPopup .content_box.lender .title .item.local_sub, .searchPopup .sr_list.lender .item div.gu {
        display: flex !important;
        width: 90px;
        flex: unset;
    }
    .fieldset.product {
        margin-top: 30px;
        gap: 40px;
    }
    .fieldset .key.m_column {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .fieldset .key.m_column .ad_tel_tip {
        margin-left: 0;
        margin-top: 7px;
        font-size: 11px;
    }
    .fieldset.product .val {
        gap: 10px;
    }
    .checkbox.ow-style .text {
        font-weight: 500;
    }
    .fieldset.product .val.wave::before {
        content: unset;
    }
    .fieldset.product .field.full .val {
        grid-template-columns: repeat(2,1fr);
    }
    .fieldset.product .field.sms_time .val {
        grid-template-columns: repeat(1,1fr);
    }
    .fieldset.product .box .text {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.42px;
    }
    .fieldset.product .box input {
        padding: 0 5px;
    }
    .ow-box:where(.company_info, .lender_registrar, .product_information, .rt-loan_info) .key,
    .calc-section .fieldset .field .key {
        font-weight: 600;
        color:var(--black);
    }
    .ow-box.cs-write_section .field.title :where(.val, .val input) {
        width: 100%;
    }
    .ow-box.phone_auth.cs-write_section .section_body {
        margin-top: 30px;
    }
    .ow-box.phone_auth .fieldset li {
        gap: 15px;
        width: 100%;
    }
    .ow-box.phone_auth:where(.rt-loan_info, .cs-write_section) .fieldset li:not(:first-child) {
        margin-top: 40px;
    }
    .ow-box.phone_auth:where(.rt-loan_info, .cs-write_section) .fieldset li input {
        width: 100%;
        flex: 1;
    }
    .ow-box.phone_auth:where(.rt-loan_info, .cs-write_section) .fieldset .field.auth.complete .ow-btn.complete {
        width: 120px !important;
    }
    .ow-box.phone_auth:where(.rt-loan_info, .cs-write_section) .fieldset li:where(.field.phone, .field.auth, .field.fraud_bar, .field.call_number) .val, .form-offerWrite .ow-box.phone_auth :where(.field.phone, .field.auth) {
        border: 1px solid var(--grey-ea);
        border-radius: 5px;
        width: 100%;
        overflow: hidden;
    }
    .ow-box.phone_auth.rt-loan_info .fieldset .field:where(.rt_loan_amount, .age) .val {
        width: 100%;
        border-radius: 5px;
        border: 1px solid var(--grey-ea);
        padding-right: 20px;
    }
    .ow-box.phone_auth.rt-loan_info .fieldset .field:where(.rt_loan_amount, .age) .val input {
        border: none;
    }
    .unit_text {
        font-size: 15px;
        font-weight: 300;
        color:var(--grey);
        margin-left: 10px;
    }
    .ow-box.phone_auth.rt-loan_info .fieldset .field:where(.rt_loan_type, .rt_gender, .rt_job) .val {
        width: 100%;
        gap: 10px;
    }
    .ow-box.phone_auth:where(.rt-loan_info, .cs-write_section) .ow-btn {
        height: 100%;
        border-radius: 0;
    }
    .ow-box.explanation .section_body {
        height: 500px;
    }
    .form-rt_loanWrite .ow-box.explanation {
        padding-top: 50px;
    }
    .form-rt_loanWrite .ow-box.explanation .section_body input {
        border-radius: 5px;
        padding: 0 20px;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.45px;
    }
    .form-rt_loanWrite .ow-box.explanation .section_body input::placeholder,
    .form-rt_loanWrite .ow-box.explanation .content_box::placeholder {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.45px;
    }
    .form-rt_loanWrite .ow-box.explanation .content_wrap {
        border-radius: 5px;
        height: 500px;
    }
    .form-rt_loanWrite .ow-box.explanation .content_wrap .content_box {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.2;
        letter-spacing: -0.45px;
    }
    .ow-box.lender_file .file-box label,
    .ow-box.lender_file .upload-name {
        width: 100%;
    }
    .ow-box.lender_file .ow-btn {
        width: 120px;
    }
    .ow-box.tag_select {
        padding-bottom: 40px;
        border-bottom: 10px solid var(--grey-f9);
    }
    .tag_box .tag_title .sub {
        font-weight: 400;
    }
    .tag_box .tag_title .main {
        font-size: 15px;
        font-weight: 700;
    }
    .tag_list.local {
        grid-template-columns: repeat(6,1fr);
    }
    .tag_list.product {
        grid-template-columns: repeat(4,1fr);
    }
    .rt-loan_info .tag_list label:has(>input:checked) {
        background-color: var(--green);
    }
    .rt-loan_info .tag_list label input:checked ~ .text {
        color: var(--white);
    }
    .tag_list label .text {
        font-size: 13px;
    }
    .ow-box.payment_terms {
        padding: 50px 20px 0 20px;
    }
    .payemnt_receipt_container {
        grid-template-areas: unset;
        gap: 50px;
        grid-template-columns: repeat(1,1fr);
        padding-bottom: 0;
        position: relative;
    }
    .payemnt_receipt_container.free {
        padding-bottom: 60px;
    }
    .payemnt_receipt_container::after {
        content: '';
        position: absolute;
        left: -20px;
        bottom: 0;
        width: 100vw;
        height: 10px;
        background-color: var(--grey-f9);
    }
    .payemnt_receipt_container .payment_info_box,
    .payemnt_receipt_container .cash_receipt_box {
        grid-area: unset;
    }
    .pm_list{
        border-radius: 5px;
        padding: 30px;
        gap: 39px;
    }
    .pm_list .key {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.45px;
        color: var(--grey);
    }
    .pm_list .val {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.45px;
    }
    .payment_terms .payment_amount{
        margin-top: 0;
        padding-bottom: 0;
        position: relative;
    }
    .payment_terms .payment_amount.free {
        margin-top: 0;
        padding-bottom: 50px;
    }
    .terms_pop_view {
        margin-top: 0;
        padding-bottom: 50px;
        position: relative;
    }
    .payment_terms .payment_amount::after {
        content: '';
        width: 100vw;
        height: 10px;
        background-color: var(--grey-f9);
        position: absolute;
        left: -20px;
        bottom: 0;
    }
    .payment_terms .payment_amount .section_body ,
    .terms_pop_view{
        padding: 0;
        border: none;
        border-radius: unset;
        margin-top: 0;
    }
    .amount_list .item.use {
        margin-top: 13px;
    }
    .amount_list .item.title {
        padding-top: 47px;
        padding-bottom: 17px;
    }
    .amount_list .item.title .key {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: -0.48px;
    }
    .amount_list .item:not(.title) .key,
    .amount_list .item.use .key span {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: -0.39px;
        color:var(--grey);
    }
    .amount_list .val.cr span {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.6px;
    }
    .amount_list .item:not(.title) .val {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: -0.39px;
        color:var(--black);
    }
    .terms_pop_view {
        padding-bottom: 30px;
    }
    .form-rt_loanWrite .terms_pop_view {
        margin-top: 40px;
    }
    .payment_terms .payment_amount ~ .terms_pop_view label,
    .ow-box.phone_auth.cs-write_section .fieldset li.terms_pop_view label,
    .form-rt_loanWrite .terms_pop_view label {
        padding: 0 25px 20px 0;
        transition: all 0.3s ease;
    }
    .payment_terms .payment_amount.free ~ .terms_pop_view label {
        padding: 50px 25px 20px 0;
    }
    .terms_pop_view label::after {
        content: '';
        width: calc(100vw - 40px);
        height: 1px;
        background-color: var(--grey-ea);
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .payment_terms .payment_amount ~ .terms_pop_view .checkbox .checkmark,
    .ow-box.phone_auth.cs-write_section .fieldset li.terms_pop_view .checkbox .checkmark,
    .form-rt_loanWrite .terms_pop_view .checkbox .checkmark {
        top: 50%;
        border-radius: unset;
        border: none;
        transform: translateY(-12px);
        left: unset;
        right: 0;
        width: 9px;
        height: 7px;
        background-image: url(/res/svg/agree_check.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: all 0.3s ease;
    }
    .payment_terms .payment_amount.free ~ .terms_pop_view .checkbox .checkmark {
        top: 50%;
        transform: translateY(11px);
    }
    .payment_terms .payment_amount ~ .terms_pop_view label.checkbox input:checked~.checkmark:after,
    .ow-box.phone_auth.cs-write_section .fieldset li.terms_pop_view label.checkbox input:checked~.checkmark:after,
    .form-rt_loanWrite .terms_pop_view label.checkbox input:checked~.checkmark:after {
        content: unset;
    }
    .payment_terms .payment_amount ~ .terms_pop_view .checkbox input:checked ~ .checkmark,
    .ow-box.phone_auth.cs-write_section .fieldset li.terms_pop_view label.checkbox input:checked~.checkmark,
    .form-rt_loanWrite .terms_pop_view label.checkbox input:checked~.checkmark {
        background-image: url(/res/svg/agree_check_g.svg);
        border: none;
        background-color: unset;
    }
    .terms_pop_view .checkbox .text {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.48px;
    }
    .terms_pop_view .checkbox input:checked ~ .text {
        color: var(--green);
    }
    .agree_list {
        margin-top: 30px;
        gap: 20px;
    }
    .agree_list .val {
        text-decoration: none;
    }
    .form-rt_loanWrite .agree_list .key,
    .form-rt_loanWrite .agree_list .val {
        font-weight: 300;
    }
    .btn_box.write {
        padding: 0 20px;
    }
    .write_button {
        width: 100%;
        font-weight: 600;
        background-color: var(--green);
        padding-bottom: 3px;
    }
    .terms_popup {
        border-radius: unset;
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .terms_popup .terms_box {
        width: 100%;
    }
    .terms_popup .layer_body {
        padding: 15px 35px 120px 20px;
    }
    .terms_popup .terms_box::after {
        content: '';
        position: fixed;
        left: 0%;
        bottom: 0;
        display: var(--m_terms_mobile_display);
        width: 100%;
        height: 120px;
        z-index: 1;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
    .terms_popup .m_title {
        font-size: 5.7vw;
        letter-spacing: -0.72px;
        font-weight: 600;
        margin-bottom: 50px;
    }
    .ow-box.cs-write_section .btn_box {
        padding: 30px 0 50px 0 !important;
    }
    .ad_layer {
        background-color: var(--white);
        top: -50px;
    }
    .ad_layer .x-btn {
        width: 56px;
        height: 56px;
        top: 0;
        right: 0;
        background-size: 16px 16px;
    }
    .ad_layer .coalition {
        padding: 50px 20px;
    }
/********** 광고 등록 / 실시간 대출 등록 페이지 end **********/




/********** 광고 등록 완료 페이지 start **********/
    .ad_registration {
        border-radius: unset;
        background-color: var(--grey-f9);
        padding: 50px 20px;
    }
    .complete_icon {
        width: 40px;
        height: 40px;
    }
    .c_title {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -0.6px;
        margin-top: 20px;
    }
    .ad_registration .section_body {
        width: 100%;
    }
    .ad_registration .deposit_info_box {
        margin-top: 30px;
        background-color: var(--white);
        border-radius: 10px;
        border: 1px solid var(--grey-ea);
    }
    .ad_registration .deposit_info_box .m_field {
        min-height: 60px;
        width: 100%;
        border-bottom: 1px solid var(--grey-ea);
    }
    .ad_registration .deposit_info_box .m_field > div {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .ad_registration .deposit_info_box .m_field .key {
        width: 107px;
        padding-left: 20px;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: -0.48px;
    }
    .ad_registration .deposit_info_box .m_field .val {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.48px;
        flex: 1;
        line-height: 1.3;
        padding: 15px 20px 15px 0;
    }
    .ad_registration .deposit_info_box .m_field.price .val {
        color:var(--red);
    }
    .ad_registration .fieldset {
        padding: 20px;
        gap: 27px;
    }
    .ad_registration .deposit_info_box .fieldset .key,
    .ad_registration .deposit_info_box .fieldset .val {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: normal;
        display: flex;
        align-items: center;
    }
    .ad_registration .deposit_info_box .field.copy .val {
        position: relative;
        padding-right: 50px;
    }
    .ad_registration .deposit_info_box .copyBtn {
        width: 40px;
        height: 25px;
        border-radius: 12px;
        background-color: var(--grey-f9);
        font-size: 12px;
        font-weight: 300;
        letter-spacing: -0.36px;
        color:var(--grey);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .ad_registration .deposit_info_box .info_box {
        padding: 20px;
    }
    .ad_registration .deposit_info_box .info_box p {
        font-weight: 300;
    }
    .ad_registration .btn_box {
        margin-top: 30px;
        width: 100%;
    }
    .ad_registration .btn_box a {
        width: 100%;
        flex: 1;
        border-radius: 25px;
        background-color: var(--grey-f9);
        border: 1px solid vaR(--green);
        color:var(--green);
        font-weight: 600;
    }
/********** 광고 등록 완료 페이지 end **********/




/********** 실시간 대출 / 업체현황 리스트 페이지 start **********/
    .rt-loan_business {
        border-radius: unset;
        flex-direction: column-reverse;
        background-color: var(--white);
        border-bottom: 10px solid var(--grey-f9);
        overflow: hidden;
    }
    .rt-loan_business .wordSlide,
    ._rt-loan .rt-loan_business .wordSlide {
        height: calc(100vw * 0.564705882352941);
    }
    .chart_container {
        width: calc(100vw * 0.435294117647059);
        height: calc((100vw * 0.435294117647059) * 0.459459459459459);
        margin-left: unset;
        position: absolute;
        top: calc(100vw * 0.294117647058824);
        right: 20px;
        justify-content: flex-end;
    }
    .chart_box {
        margin-top: 20px;
        height: calc(100% - 42px);
        padding: 0 calc(100% * 0.07027027027027);
        gap: calc(100vw * 0.016470588235294);
        flex-direction: row-reverse;
    }
    .chart_box .bar.top::after {
        border-top: calc(100vw * var(--graph)) solid var(--green);
        border-bottom: calc(100vw * var(--graph)) solid transparent;
        border-left: calc(100vw * var(--graph)) solid var(--green);
        border-right: calc(100vw * var(--graph)) solid transparent;
        top: 0;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    .chart_box .bar .text {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: -0.3px;
        bottom: 5px;
    }
    .chart_container .subject_box {
        padding: 0 calc(100% * 0.07027027027027);
        gap: calc(100vw * 0.016470588235294);
        flex-direction: row-reverse;
    }
    .chart_container .subject_box .text {
        margin-top: 8px;
        font-size: 12px;
        font-weight: 300;
        letter-spacing: -0.36px;
        width: 100%;
        text-align: center;
    }
    .rt-loan_business .wordSlide .description {
        z-index: 1;
    }
    .wordSlide .description .m_sub {
        font-size: 3.8vw;
    }
    .wordSlide .description .m_title,
    .wordSlide .description .m_title span {
        font-size: 7.5vw;
        font-weight: 800;
        line-height: 1.3;
    }
    ._rt-loan .rt-loan_business .swiper-pagination.main {
        left: 20px;
        bottom: 130px;
    }
    ._bis .rt-loan_business .swiper-pagination.main {
        left: 20px;
        bottom: 147px;
    }
    .rt-loan_business .tip_ment {
        width: 100%;
        padding: 20px 0 0 40px;
    }
    .recommendWord.rt_loan_business .item {
        width: calc(100vw * 0.164705882352941);
        font-weight: 300;
    }
    .recommendWord.rt_loan_business.business .item {
        width: calc(100vw * 0.164705882352941);
        background-color: var(--white);
        padding: 0;
    }
    .recommendWord.rt_loan_business .item.on {
        background-color: var(--green);
        color:var(--white);
    }
    ._rt-loan ._list .liveLoan {
        padding-top: 50px;
    }
    .loanCompany {
        padding: 50px 20px;
        background-color: var(--white);
    }
    ._rt-loan .liveLoan .live_list.loan {
        grid-template-columns: repeat(1,1fr);
        gap: 0;
    }
    .live_list.business {
        grid-template-columns: repeat(1,1fr);
        gap: 15px;
    }
    ._rt-loan .liveLoan .live_list.loan .item {
        height: 104px;
        padding: 0;
        gap: 7px;
    }
    ._rt-loan .liveLoan .live_list:where(.loan, .main) .new-new {
        top: 17px !important;
        left: 1px !important;
    }
    .live_list.business .item {
        height: 85px;
        box-shadow: 0px 3px 29px 0 rgba(51, 51, 51, 0.06);
        grid-template-columns: 102px auto;
    }
    ._rt-loan .liveLoan .live_list.loan li:not(:first-child) {
        border-top: 1px solid var(--grey-f5);
    }
    ._rt-loan .liveLoan .section_footer{
        margin-top: 0;
    }
    ._rt-loan .liveLoan .section_footer .pagination_box {
        margin-top: 25px;
    }
    ._rt-loan ._list .fixed-btn {
        width: 100vw;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        padding: 10px 0 20px 0;
        bottom: 0;
        z-index: 95;
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.9) 80%);
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
        box-shadow: 0 -20px 10px rgb(255 255 255 / 90%);
    }
    ._rt-loan ._list .write-btn {
        height: 50px;
        border-radius: 10px;
        width: calc(100vw - 40px);
        font-weight: 600;
        padding-top: 0;
    }
    .live_list.business .item .status {
        width: 102px;
    }
    .live_list.business .item .status span{
        font-weight: 400;
        padding-bottom: 2px;
    }
    .live_list .item .status span {
        font-size: 12px;
        height: 28px;
        border-radius: 25px;
    }
    .live_list.business .item .top{
        padding-top: 20px;
    }
    .live_list.business .item .top .title {
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.45px;
    }
    .live_list.business .tel_box {
        left: 102px;
        padding-top: 10px;
    }
    .live_list.business .tel_box .text {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.39px;
    }
    .loanCompany .pagination_box {
        margin-top: 40px;
    }
    ._rt-loan .liveLoan .live_list.loan .item.my_add_banner {
        overflow: unset;
    }
    ._rt-loan .liveLoan .live_list.loan .item.my_add_banner::after{
        content: unset;
    }
    .live_list.main .item.now {
        border-radius: unset;
        overflow: unset;
    }
    .live_list.main .item.now::after {
        
        width: 70%;
        height: 102%;
        top: 50%;
        transform: translateY(-50%);
        left: -20px;
        background: linear-gradient(90deg, rgba(53,186,170,0.13) 0%, transparent 90%);
        
    }
    .noneItem {
        min-height: 400px;
        max-height: 400px;
    }
    .live_list.business {
        gap: 0;
    }
    .live_list.business li {
        display: flex;
        align-items: center;
    }
    .live_list.business li:not(:last-child) {
        border-bottom: 1px solid var(--grey-f5);
    }
    .live_list.business .item {
        height: auto;
        box-shadow: unset;
        grid-template-columns: unset;
        border-radius: unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0;
        padding: 25px 0;
        flex: 1;
        width: 100%;
    }
    .live_list.business .item .status {
        width: 100%;
        margin-bottom: 11px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
    }
    .live_list.business .item .status span {
        width: auto;
        height: auto;
        border-radius: unset;
        font-size: 12px;
        letter-spacing: -0.39px;
        color: var(--grey);
        background-color: unset;
    }
    .live_list.business .item .top {
        padding-top: 0;
    }
    .live_list.business .item .top .title {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.45px;
        line-height: 1;
    }
    .live_list.business .item .product_box {
        margin-top: 12px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
    }
    .live_list.business .item .product_box .p_tem {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.42px;
        color: var(--grey);
    }
    .live_list.business .tel_box {
        position: unset;
        left: unset;
        bottom: unset;
        height: 100%;
        width: 50px;
        padding-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .live_list.business .tel_icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: var(--grey-fa);
        background-size: 12px 13px;
        margin-right: 0;
    }
/********** 실시간 대출 리스트 페이지 end **********/



/********** 스마트 매칭 검색 페이지 start **********/
    .form-smart {
        gap: 10px;
        display: flex;
        flex-direction: column;
    }
    .sm-section {
        border-radius: unset;
    }
    .sm-section:not(.sm-conditions) {
        padding: 50px 20px;
    }
    .step {
        margin-bottom: 30px;
        padding: 0;
    }
    .step span {
        font-weight: 300;
    }
    .sm-section .sectionTitle {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -0.6px;
    }
    .loan-icon {
        margin-top: 15px;
    }
    .sm-loan .wrap {
        margin-top: 45px;
        width: 100%;
        grid-template-areas: 'loan_write'
                            'loan_slide';
        grid-template-columns: auto;
        gap: 30px;
        position: relative;
    }
    .sm-loan .wrap .slide_text,
    .sm-loan .text,
    .sm-loan .wrap.direct .write_box input  {
        font-size: 26px;
        font-weight: 600;
        line-height: 0.69;
    }
    .sm-loan .wrap .btn {
        top: unset;
        bottom: 0;
        transform: translate(50%,35%);
        right: 50%;
        height: 40px;
        font-size: 13px;
        font-weight: 300;
        color: var(--green);
        background-color: transparent;
        padding: 0;
    }
    .slideContainer input {
        opacity: 1;
        position: relative;
    }
    .slideContainer input[type="range"]::before {
        content: "";
        position: absolute;
        top: -10px; /* 위쪽으로 넓힐 영역의 크기 조절 */
        bottom: -10px; /* 아래쪽으로 넓힐 영역의 크기 조절 */
        left: -10px; /* 왼쪽으로 넓힐 영역의 크기 조절 */
        right: -10px; /* 오른쪽으로 넓힐 영역의 크기 조절 */
    }
    .slideContainer .tickmarks span {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: -0.39px;
    }
    .sm-loan .wrap.direct {
        grid-template-areas: 'loan_write loan_write loan_write loan_write';
        gap: 10px;
        padding-bottom: 10px;
        height: auto;
    }
    .sm-loan .wrap.direct .write_box {
        width: 100%;
    }
    .sm-loan .wrap.direct .write_box .text {
        font-weight: 600;
        color: var(--black);
        padding: 0;
    }
    .sm-loan .wrap.direct .btn {
        transform: translate(50%,35%);
        position: absolute;
    }

    .sm-local .map_area{
        gap: 0;
        height: 158px;
    }
    .sm-local .tag_list {
        grid-template-columns: repeat(5,1fr);
        width: 100%;
    }
    .sm-local .tag_list :is(li, label) {
        width: 100%;
    }
    .sm-local .tag_list label .text {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: -0.42px;
        position: unset;
        top: unset;
    }
    .sm-local .tag_list label input:checked ~ .text {
        font-weight: 600;
    }
    .sm-loan_type .section_body {
        width: 100%;
    }
    .sm-loan_type .item {
        width: 100%;
    }
    .sm-loan_type .item .text {
        font-weight: 300;
    }
    .sm-basic_info .section_body {
        height: 352px;
    }
    ._sm ._write .fieldset{
        gap: 40px;
    }
    ._sm ._write .sm-job_income .fieldset {
        height: 156px;
    }
    ._sm ._write .sm-job_income .fieldset.office {
        height: 1661px;
    }
    ._sm ._write .sm-job_income .fieldset.business {
        height: 1721px;
    }
    ._sm ._write .sm-job_income .fieldset.unemployed {
        height: 1404px;
    }
    ._sm ._write .fieldset .field {
        gap: 30px;
    }
    ._sm ._write .fieldset .field .key {
        font-size: 16px;
        font-weight: 300;
        color: var(--black);
    }
    ._sm ._write .fieldset .field .val {
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }
    ._sm ._write .checkbox.ow-style .text {
        font-size: 15px;
        font-weight: 300;
    }
    ._sm ._write .checkbox.ow-style input:checked ~ .text {
        color:var(--black);
    }
    .sm-conditions {
        padding: 40px 20px 50px 20px;
        background-color: var(--grey-f9);
    }
    .sm-conditions .section_body {
        flex-direction: column;
        border-radius: 10px 10px 0 0;
        background-color: var(--white);
        margin-top: 30px;
        padding: 40px;
        gap: 0;
        position: relative;
    }
    .resetBtn {
        top: 1px;
    }
    .cdt_list {
        width: 100%;
        padding-bottom: 40px;
        border-bottom: 1px solid var(--grey-ea);
    }
    .cdt_list .key,
    .cdt_list .val {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: -0.48px;
    }
    .matching_box {
        width: 100%;
        height: auto;
        padding: 30px 0 35px 0;
        border-radius: unset;
        background-color: var(--white);
        flex-direction: unset;
        position: unset;
    }
    .matching_box .title {
        margin: 0 auto 0 0;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: -0.48px;
    }
    .matching_box .matching_count {
        font-weight: 600;
    }
    .matching_box .submitBtn {
        border-radius: 0 0 10px 10px;
    }
/********** 스마트 매칭 검색 페이지 end **********/



/********** 스마트 매칭 완료 페이지 start **********/
    .matching_result {
        margin: 15px 20px 0 20px;
        padding: 30px 20px;
        width: calc(100vw - 40px);
    }
    .matching_result .description {
        flex-direction: column;
    }
    .matching_result p {
        font-size: 4.4vw;
        font-weight: 600;
        line-height: 1.44;
        letter-spacing: -0.54px;
    }
    .matching_result .cg {
        color:var(--green);
        font-weight: 600;
    }
    .resetPrev {
        width: 75px;
        height: 30px;
    }
    .resetPrev .text {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.39px;
        padding-top: 0;
    }
    .matchingSection {
        width: 100%;
        padding: 0 20px 50px 20px;
    }
    .matchingSection .section_body {
        margin-top: 20px;
    }
/********** 스마트 매칭 완료 페이지 end **********/



/********** 커뮤니티 / 고객센터 리스트 페이지 start **********/
    .contact-contianer {
        width: 100%;
        flex-direction: column;
        padding: 20px 20px 50px 20px;
        background-color: var(--white);
    }
    .contact-contianer .sectionTitle {
        line-height: 1.29;
    }
    .contact-contianer .contactBtn {
        width: 100%;
        height: 70px;
        border-radius: 10px;
        border: 1px solid var(--grey);
        padding: 0 20px;
        margin-top: 30px;
    }
    .csTelIcon {
        width: 13px;
        height: 15px;
        margin-right: 10px;
        background-image: url(/res/svg/m_cs_tel.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        top: 1px;
    }
    .contact-contianer .contactBtn .text{
        font-size: 16px;
        font-weight: 300;
        color:var(--black);
    }
    .contact-contianer .r_arrow {
        background-image: url(/res/svg/cs_r_arrow.svg);
        width: 8px;
        height: 15px;
        margin-left: auto;
    }
    .pageNav-container {
        margin: 0;
        padding: 30px 20px;
        background-color: var(--white);
    }
    .pageNav-container.csNavSlide {
        padding: 0 20px;
        margin-bottom: 0;
        width: 100%;
    }
    .cmPageNav,
    .csPageNav.calcMain {
        height: 50px;
        border-radius: 8px;
        background-color: var(--grey-f2);
        padding: 3px;
    }
    .pageNav-container .csPageNav {
        height: 40px;
        width: calc(100% - 20px);
    }
    .cmPageNav .item,
    .csPageNav.calcMain .item {
        border-radius: 5px;
    }
    .csPageNav .item,
    .cmPageNav.calcSub .item {
        border-radius: 20px;
        flex: unset;
        padding: 15px 15px;
        background-color: var(--grey-f9);
    }
    .cmcs-list.cm .item {
        height: auto;
    }
    .cmPageNav .item.on {
        border: none;
        background-color: var(--white);
    }
    .csPageNav .item.on {
        background-color: var(--balck);
    }
    .cmPageNav .item .itemLink .text,
    .csPageNav.calcMain .item .itemLink .text {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.45px;
        color:var(--grey);
    }
    .cmPageNav .item.on .itemLink .text {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.45px;
        color:var(--black);
    }
    .csPageNav .item .itemLink .text,
    .cmPageNav.calcSub .item .itemLink .text {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.42px;
        color:var(--grey);
        white-space: nowrap;
    }
    .csPageNav .item.on .itemLink .text,
    .cmPageNav.calcSub .item.on .itemLink .text {
        font-size: 13px;
        font-weight: 600;
        color:var(--white);
    }
    ._cs .cmcs-section.list {
        background-color: var(--white);
    }
    .cmcs-section.list .section_header {
        background-color: var(--white);
        padding: 50px 20px 0 20px;
        align-items: flex-start;
    }
    .cmcs-section.list .section_header .writeBtn {
        margin-left: auto;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.45px;
        color:var(--grey);
    }
    .cmcs-section.list .section_body {
        padding: 0 20px;
    }
    .cmcs-section.list .section_body.cs {
        margin-top: 30px;
        padding: 0;
    }
    .cmcs-list.cs .item {
        height: auto;
    }
    .cmcs-list.cs .item:last-child {
        border-bottom: 1px solid var(--grey-ea);
    }
    .cmcs-list .item .itemLink {
        padding: 30px 0;
        display: grid;
        gap: 16px;
    }
    .cmcs-list.cs .item .itemLink {
        padding: 25px 20px 22px 20px;
        grid-template-areas:
            'cs_date cs_date cs_date'
            'cs_title cs_title cs_title';
        grid-template-columns: auto;
        gap: 17px 0;
    }
    .cmcs-list.cm .text-wrap,
    .cmcs-list .img-box {
        max-width: 100%;
    }
    .cmcs-list.cm .text-wrap {
        display: grid;
        grid-template-areas: 'cmtitle cmtitle cmtitle cmdate'
                            'cmcontent cmcontent cmcontent cmdate';
        grid-template-columns: auto auto auto 80px;
    }
    .cmcs-list.cm .text-wrap .title {
        grid-area: cmtitle;
    }
    .cmcs-list.cs .title {
        width: calc(100% - 20px);
        justify-content: flex-start;
        position: relative;
    }
    .cmcs-list.cm .text-wrap .title .text {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.51px;
    }
    .cmcs-list.cs .title .text {
        font-size: 15px;
        -webkit-line-clamp: 1;
        font-weight: 400;
        line-height: 1.38;
    }
    .fixed-item .title .text {
        padding-left: 15px;
    }
    .fixed-item .title::after {
        top: 7px;
        left: 0;
    }
    .cmcs-list.cs .title .new {
        position: unset;
        left: 0;
    }
    
    .cmcs-list.cs .title .new.etc {
        top: 4px;
    }
    .cmcs-list.cs .title .new.ios,
    .cmcs-list.cs .title .new.android {
        top: 6px;
    }
    .cmcs-list.cm .text-wrap .content {
        grid-area: cmcontent;
        font-size: 13px;
        font-weight: 300;
        margin: 0;
    }
    .cmcs-list.cm .text-wrap .date {
        grid-area: cmdate;
        display: flex;
        justify-content: flex-end;
        padding-top: 3px;
        font-size: 13px;
        font-weight: 300;
    }
    .cmcs-list.cs .date {
        font-size: 13px;
        font-weight: 300;
    }
    .cmcs-list .img-box {
        justify-content: flex-start;
        gap: 5px;
        margin-left: 0;
    }
    .cmcs-list .img-box .img-wrap {
        width: 42px;
        height: 42px;
    }
    .cmcs-section .section_footer {
        margin: 0;
        padding: 0 0 50px 0;
        background-color: var(--white);
    }
    .cmcs-section .section_footer .pagination_box {
        position: relative;
        justify-content: flex-start;
        padding: 0 20px;
    }
    .cmcs-section .section_footer .write-btn {
        width: auto;
        background-color: var(--white);
        font-size: 14px;
        font-weight: 300;
        color:var(--grey);
        justify-content: flex-end;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }
    .cmcs-list.faq {
        margin-top: 30px !important;
        padding: 0 !important;
        border-radius: unset !important;
    }                               
    .cmcs-list.faq .item :is(.top, .bottom){
        padding: 0 20px;
    }
    .cmcs-list.faq .item .top .title .text {
        font-size: 15px;
        font-weight: 400;
    }
    .cmcs-list.faq .item .bottom {
        background-color: var(--grey-f5);
    }
    .cmcs-list.faq .item.on .bottom {
        padding: 30px 20px;
    }
    .cmcs-list.faq .item .bottom .content {
        font-weight: 300;
        line-height: 1.85;
        color: var(--black);
    }
    .cmcs-list.faq .d_arrow {
        width: 10px;
        height: 5px;
        background-image: url(/res/svg/m_cs_r_arrow.svg);
    }
    ._cs ._view .mobile_banner {
        display: none;
    }
    .mobile_banner {
        margin: 0;
        border-radius: 0;
        padding: 20px 0 0 0;
    }
    .mobile_banner a {
        padding-left: 20px;
        position: relative;
        height: 90px;
    }
    .mobile_banner .ad_ment, .mobile_banner .ad_ment {
        max-width: 50%;
    }
    .mobile_banner .ad_ment, .mobile_banner .ad_ment span {
        font-size: 18px;
        font-weight: 900;
        letter-spacing: -0.45px;
        line-height: 1.2;
    }
    .mobile_banner img {
        width: 27%;
        height: 83%;
        margin: 0 0px 0 auto;
        position: absolute;
        top: unset;
        bottom: 0;
        right: 20px;
    }
/********** 커뮤니티 / 고객센터 리스트 페이지 end **********/




/********** 커뮤니티 / 고객센터 뷰 페이지 start **********/
    .cmcs-section.view {
        padding: 0 20px;
        border-bottom: 10px solid var(--grey-f9);
    }
    .cmcs-section.view .section_header {
        padding: 20px 0 50px 0;
    }
    .cmcs-section.view .section_header .sectionTitle {
        width: 100%;
        font-size: 7vw;
        font-weight: 700;
        letter-spacing: -0.96px;
        overflow: unset;
        text-overflow: unset;
        display: flex;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
    }
    .cmcs-section.view .section_header .date,
    .cmcs-section.view .linkcontainer {
        margin-top: 26px;
    }
    .cmcs-section.view .section_header .date,
    .cmcs-section.view .linkcontainer .linkTitle,
    .cmcs-section.view .linkcontainer .linkContent a {
        font-weight: 300;
    }
    .cmcs-section.view .linkcontainer {
        flex-direction: column;
        align-items: flex-start;
    }
    .cmcs-section.view .linkcontainer .linkContent {
        margin-left: 0;
        margin-top: 5px;
    }
    .cmcs-section.view .section_body .content {
        padding: 50px 0 80px 0 !important;
    }
    .cmcs-section.view .section_body .content p,
    .cmcs-section.view .section_body .content a {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.73;
        letter-spacing: -0.45px;
    }
    ._cm ._view .cmcs-section.list,
    ._cs ._view .cmcs-section.list {
        background-color: var(--white);
    }
    ._cs ._view .cmcs-section.list {
        padding-bottom: 30px;
    }
    ._cm ._view .cmcs-section.list .section_header,
    ._cs ._view .cmcs-section.list .section_header {
        margin-top: 40px;
        padding: 0 20px;
    }
    ._cm ._view .cmcs-section.list .section_header .en,
    ._cs ._view .cmcs-section.list .section_header .en {
        color: var(--black);
    }
    ._cm ._view .cmcs-section.list .section_body,
    ._cs ._view .cmcs-section.list .section_body {
        margin-top: 40px;
    }
    .cmcs-section.view .section_footer {
        padding: 50px 0 80px 0;
    }
    .cmcs-section.view .section_footer .fieldset.file .field {
        border: none;
    }
    .cmcs-section.view .section_footer .fieldset.file .field .file-name .text {
        font-weight: 500;
    }
/********** 커뮤니티 / 고객센터 뷰 페이지 end **********/




/********** 커뮤니티 / 고객센터 등록 페이지 start **********/
    ._cm .cmcs-section.write,
    ._cs .cmcs-section.write {
        padding: 20px 20px 0 20px;
    }
    .cmcs-section.write .fieldset :where(.cmcs-writeInput, textarea),
    .cmcs-section.write .fieldset .cmcs-writeInput::placeholder,
    .cmcs-section.write .fieldset textarea::placeholder {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: normal;
    }
    .cmcs-section.write .fieldset .field.content {
        height: 500px;
    }
    ._cm .form-cmcs .btn_box,
    ._cs .form-cmcs .btn_box {
        margin: 0;
        padding: 30px 0 90px 0;
        background-color: var(--white);
    }
    ._cm .form-cmcs .btn_box button,
    ._cs .form-cmcs .btn_box button {
        width: calc(100vw - 40px);
        border-radius: 5px;
    }
    .form-cmcs .btn_box button .text {
        font-weight: 600;
    }
/********** 커뮤니티 / 고객센터 등록 페이지 end **********/





/********** 고객센터 신고하기 페이지 start **********/
    .fraud-search {
        padding: 50px 20px;
        margin-bottom: 0;
        border-bottom: 10px solid var(--grey-f9);
    }
    .fraud-ment {
        font-size: 13px;
        font-weight: 300;
        line-height: 1.54;
        letter-spacing: -0.39px;
    }
    .fraud-search .fieldset.on .fraud_result_container {
        padding-top: 85px !important;
    }
    .fraud_result_container .resultTitle {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.48px;
    }
    .fraud-list .item.title div {
        height: 40px;
        background-color: var(--grey-f9);
        font-size: 13px;
        font-weight: 300;
        letter-spacing: -0.39px;
    }
    .fraud-list .item.fraud div {
        height: 60px;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: -0.39px;
    }
    .ow-box.phone_auth.cs-write_section.fraud .section_body {
        margin-top: 50px;
    }
    .ow-box.phone_auth.cs-write_section.fraud .section_body .key {
        color: var(--black);
    }
    .ow-box.phone_auth.cs-write_section.fraud .agree_list .key {
        color: var(--grey);
    }
    .cs-write_section.fraud .field.call_number .val {
        gap: 10px;
        width: 100%;
    }
    .cs-write_section.fraud .fieldset .field.report_type .val {
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }
    .cs-write_section.fraud .field.call_number .call_number_add_box {
        width: 100%;
    }
    .ow-box.phone_auth.fraud .checkbox.ow-style .check_wrap {
        padding: 0 20px;
    }
    .ow-box.cs-write_section.fraud .btn_box {
        padding: 60px 0 50px 0 !important;
    }
/********** 고객센터 신고하기 페이지 end **********/




/********** 고객센터 광고안내 페이지 start **********/
    .coalition {
        padding: 50px 20px;
        align-items: flex-start;
        background-color: var(--white);
    }
    .mobile_ad_ment {
        margin-top: 30px;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: -0.39px;
        color: var(--grey);
    }
    .coalition .background {
        width: calc(100vw - 40px);
        height: calc(calc(100vw - 40px) * 4.685714285714286);
        background-image: url(/res/image/sample/m_back.png);
        margin: 50px auto 0 auto;
        background-size: contain;
        object-fit: contain;
    }
    .coalition .ad_wrap {
        width: calc(100vw - 40px);
        position: absolute;
        left: 20px;
        gap: calc(100vw * 0.021176470588235);
    }
    .coalition .ad_wrap.main {
        top: calc(100vw * 1.72);
        top: calc(calc(calc(100vw - 100px) * 5.550769230769231) * 0.364745011086475);
        top: calc(calc(calc(100vw - 100px) * 5.550769230769231) * 0.405027716186253);
        top: calc(calc(calc(100vw - 40px) * 4.685714285714286) * 0.405027716186253);
        top: calc(100vw * 1.719223529411765);
        top: unset;
        bottom: calc(100vw * 2.308235294117647);
        bottom: calc(calc(calc(100vw - 40px) * 4.685714285714286) * 0.543791574279379);
        bottom: calc(calc(calc(100vw - 40px) * 4.685714285714286) * 0.543237250554324);
    }
    .coalition .ad_wrap.live {
        bottom: calc(100vw * 0.783529411764706);
        bottom: calc(calc(calc(100vw - 100px) * 5.550769230769231) * 0.156873614190687);
        bottom: calc(calc(calc(100vw - 100px) * 5.550769230769231) * 0.184589800443459);
        bottom: calc(calc(calc(100vw - 40px) * 4.685714285714286) * 0.184589800443459);
        bottom: calc(100vw * 0.783529411764706);
    }
    .coalition .ad_wrap > .item {
        padding: 0;
        border-radius: 5px;
    }
    .coalition .ad_wrap.main > .item.list {
        padding: 0 calc(100vw * 0.047058823529412);
        background-color: var(--white);
    }
    .coalition .ad_wrap .item .section_body {
        padding: 0;
        margin-top: 0;
        gap: calc(100vw * 0.023529411764706);
    }
    .coalition .ad_wrap .loan_list .item {
        padding-top: calc(100vw * 0.054117647058824);
        padding-left: calc(100vw * 0.047058823529412);
        padding-right: calc(100vw * 0.047058823529412);
        padding-bottom: calc(100vw * 0.035294117647059);
    }
    .coalition .ad_wrap .loan_list .content.main .text {
        font-size: 3.4vw;
    }
    .coalition .ad_wrap .loan_list.recommend .content.main .text:last-child {
        margin-top: 0;
    }
    .coalition .ad_wrap .loan_list.recommend .content.sub .text:last-child {
        margin-top: 0;
        height: auto;
    }
    .coalition .ad_wrap .loan_list.recommend .content.sub {
        margin-top: calc(100vw * 0.032941176470588);
    }
    .coalition .ad_wrap .loan_list .content.sub .text {
        font-size: 3.06vw;
        letter-spacing: -0.42px;
    }
    .coalition .ad_wrap .loan_list .tel_btn {
        margin-left: calc(100vw * 0.047058823529412);
        margin-right: calc(100vw * 0.047058823529412);
        width: calc(100% - 40px);
        height: calc(100vw * 0.105882352941176);
    }
    .coalition .ad_wrap .loan_list .tel_btn .tel_icon {
        width: 10px;
        height: 11px;
        margin-right: 9px;
    }
    .coalition .ad_wrap .loan_list .tel_btn .text {
        font-size: 3.06vw;
    }
    .coalition .ad_wrap .adSelect .ad_item {
        padding-top: calc(100vw * 0.070588235294118);
        padding-left: calc(100vw * 0.070588235294118);
        padding-right: calc(100vw * 0.070588235294118);
        padding-bottom: calc(100vw * 0.065882352941176);
        gap: calc(100vw * 0.065882352941176);
        flex-direction: column;
    }
    .coalition .ad_wrap .adSelect .ad_item .title_box {
        height: auto;
        padding: 0;
    }
    .coalition .ad_wrap .adSelect .ad_item .title_box .checkmark {
        display: none;
    }
    .coalition .ad_wrap .adSelect .ad_item .title_box .m_text {
        font-size: 4.25vw;
    }
    .coalition .ad_wrap .adSelect .ad_item .title_box .p_text{
        margin-top: 0;
        font-size: 4.5vw;
        color: var(--green);
    }
    .coalition .ad_wrap .adSelect .ad_item .title_box .p_text .pp {
        font-size: 3.53vw;
        letter-spacing: -0.66px;
        margin-left: 5px;
    }
    .coalition .ad_wrap .adSelect .ad_item .description {
        height: auto;
        overflow: unset;
        opacity: 1;
        padding: 0;
        gap: calc(100vw * 0.023529411764706);
    }
    .coalition .ad_wrap .adSelect .ad_item .description .icon {
        background-image: url(/res/svg/ow_check_g.svg) !important;
        margin-right: 10px;
        width: calc(100vw * 0.032941176470588);
        height: calc(100vw * 0.032941176470588);
    }
    .coalition .ad_wrap .adSelect .ad_item .description .icon::before{
        content: unset;
    }
    .coalition .ad_wrap .adSelect .ad_item .description .text {
        font-size: 3.06vw;
        font-weight: 300;
        letter-spacing: 0.3px;
    }
    .coalition .ad_wrap .live_list .item {
        height: calc(100vw * 0.28);
        grid-template-columns: unset;
        gap: calc(100vw * 0.025882352941176);
        padding: 0 calc(100vw * 0.047058823529412);
    }
    .coalition .ad_wrap .live_list.main .item :where(.top, .bottom) {
        padding-right: 0;
    }
    .coalition .ad_wrap .live_list .item .top .title {
        font-size: 4vw;
        letter-spacing: -0.25px;
    }
    .coalition .ad_wrap .live_list .item .top .local {
        font-size: 3.53vw;
    }
    .coalition .ad_wrap .live_list .item .bottom .info div {
        font-size: 3.3vw;
        letter-spacing: -0.06px;
    }
    .coalition .ad_wrap .live_list .item .bottom .info .count {
        font-size: 3.3vw;
    }
    .coalition .ad_wrap .live_list .item .bottom .info .split {
        height: 10px;
        margin: 0 10px;
    }
    .coalition .ad_wrap .live_list .item .bottom .price {
        font-size: 3.76vw;
        letter-spacing: -0.48px;
    }
/********** 고객센터 광고안내 페이지 end **********/

/*************** 404 not found 시작 ***************/
._not_found .container .main {
    font-size: calc(4vw * 9);
}
._not_found .container .sub {
    font-size: calc(4vw * 1.9);
}
._not_found .container .text {
    font-size: calc(1vw * 3.5);
}
/*************** 404 not found 끝 ***************/



/*************** NEW 대출이자 계산기 페이지 시작 ***************/
.calc_wrap {
    border-radius: unset;
}
.calc-section {
    padding: 50px 0;
    padding-left: 0;
    padding-right: 0;
    margin: 0 20px;
}
.calc-section.topSec {
    padding: 20px 0 50px 0;
    margin: 0;
}
.calc-section.topSec.area_trans {
    padding: 20px 20px 50px 20px;
}
.calc-section.topSec .field .key,
.calc-section.topSec .field.type .val {
    padding: 0 20px;
}
.calc-section.topSec:not(.area_trans) .field .input-box,
.calc-section.topSec .field .info-box {
    margin: 0 20px;
    width: calc(100vw - 40px);
}
.fieldTitle {
    margin: 30px 20px 35px 20px;
}
.calc-section.topSec .field .info-box {
    margin: 5px 20px 0 20px;
}
.calc-section.area_calc .section_header {
    padding: 0 20px;
}
.calc-section .fieldset {
    margin-top: 30px;
    gap: 40px;
}
.calc_sec .fieldset .item.wrap {
    flex-wrap: wrap;
}
.calc_sec .fieldset .item.wrap .key-text {
    white-space: nowrap;
}
.csCenterIcon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-image: url(/res/svg/sns/cs_center.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 1px;
}
.wrap_slide {
    background-color: var(--grey-f5);
}
.pageNav-container.loan_calc{
    height: 55px;
    padding: 0;
}
.wrap_slide .pageNav-container.loan_calc {
    background-color: var(--grey-f5);
}
.csPageNav.calcMain {
    height: 100%;
    border-radius: unset;
    background-color: none;
}
.csPageNav.calcMain::-webkit-scrollbar {
    display: none;
}
.csPageNav.calcMain .item.on {
    border: none;
    background-color: transparent;
}
.csPageNav.calcMain .item.on .itemLink .text {
    font-size: 15px;
    font-weight: 800;
}
.pageNav-container.csSubSlide {
    padding: 20px 20px 30px 20px !important;
    height: auto;
}
.cmPageNav.calcSub {
    height: 40px;
    width: calc(100% - 20px);
    border-radius: unset;
    background-color: unset;
    padding: 0 !important;
}
.csPageNav.calcMain .item {
    background-color: transparent;
    border: none;
}
.cmPageNav.calcSub .item.on,
.csPageNav .item.on {
    background-color: var(--black);
    border-color: var(--black);
}
.cmPageNav.calcSub .item,
.csPageNav .item {
    background-color: transparent;
    border: 1px solid var(--grey-ea);
}
.cmPageNav.calcSub .item {
    width: auto;
}
.contact-contianer.calc {
    padding: 30px 20px 0 20px;
}
.calc-section .fieldset .field.holding_loan {
    width: 100vw;
}
.calc-section .fieldset .field.holding_loan .holdingTable,
.holding-item{
    width: 100%;
}
.fieldset.holding_loan_list {
    padding-top: 30px;
}
.holding-item :is(h4, ul) {
    margin: 0 20px;
}
.holding-item li {
    width: calc(100vw - 40px);
}
.holding-item li :is(.key, .val) {
    width: 100%;
}
.holding_loan_list .checkbox.ow-style .check_wrap {
    padding: 0 13px;
}
.calc_wrap[data-type="dsr"] .fieldset.holdingTable .field.loanMethod {
    height: 138px;
}
.calc_wrap[data-type="dsr"] .fieldset.holdingTable .field.loanMethod.off + .period {
    margin-top: -40px;
}
.fieldset.holding_loan_list .field:not(.btn-box) {
    padding: 0;
}

.calc-section .fieldset .field.type .val {
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}
.calc-section.topSec:not(.area_trans):where(.dsr, .ndti, .diff) .field:not(.salary) .input-box,
.calc-section.topSec.diff .field .info-box {
    width: calc(100vw - 80px);
}

.calc-section .fieldset .field input {
    padding: 0 5px;
}
.calc-section .input-box,
.calc-section .info-box {
    max-width: unset;
}
.calc-section .input-box .text {
    white-space: nowrap;
}
.calc-section .input-box input {
    width: 100%;
}
.ci-box {
    overflow-x: scroll;
    padding: 0 20px;
}
.ci-box::-webkit-scrollbar {
    display: none;
}
.ci-box .c-btn {
    height: 30px;
    box-shadow: unset;
    padding: 0 17px;
    background-color: var(--grey-fa);
}
.fieldset .del-btn:active .icon {
    background-image: url(/res/svg/x_icon_r.svg);
}
.calc-section .ci-box .c-btn .text {
    white-space: nowrap;
    font-size: 13px;
    color: var(--grey);
}
.calc-section .btn_box {
    margin-top: 50px !important;
    padding: 0 20px;
}
.fieldset.holding_loan_list .total-detail-btn {
    margin: 0;
    width: auto;
}
.calc-section .section_footer .btn_box .write_button {
    width: 100% !important;
}
.calc-section .moveBtn {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.42px;
    padding: 0;
    border-radius: unset;
    background-color: var(--white);
    height: 22px;
}
.calc-section .loan-pop .layer_body,
.calc_sec  .total-detail .loan-pop .layer_body {
    padding: 0;
}
.calc-section .loan-pop .summaryBox {
    height: auto;
    grid-template-columns: repeat(1,1fr);
    gap: 10px;
}
.calc-section .loan-pop .summaryBox .item {
    order: unset;
}
.loan-pop .summaryBox .item.int .val { 
    color: var(--black);
}
.loan-pop .summaryBox .item.tr .val {
    color: var(--green);
}
.calc-section .loan-pop .content_container {
    max-height: unset;
    height: auto;
    position: relative;
    overflow: hidden;
}
.calc-section .loan-pop .contentTitle {
    transition: position 0.3s ease;
}
.calc-section .loan-pop .contentTitle .item.a,
.calc-section .loan-re_list .item .turn {
    flex: unset;
    width: 35px;
}
.calc-section.deposit_calc .check-box {
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
    max-width: 100%;
}
.calc-section.deposit_calc .check-box {
    width: calc(100vw - 40px);
    padding-left: 20px;
}
.calc-section.deposit_calc .check-box label {
    width: 100%;
}
.calc-section .bi_list {
    padding-top: 0;
    border-top: unset;
}
.calc-section .bi_list .item.full {
    grid-column: span 2;
}
.bi_list.pay_receipt .item .key {
    width: 120px;
}
.deduction_box {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.deduction_box .wrap_box.tax_total_box {
    margin-top: 0;
}
.deduction_box .wrap_box .tax_rate-list .item .type {
    width: 130px;
}
.deduction_box .wrap_box.tax_total_box .tax_rate-list .item {
    border-top: unset !important;
}
.bi_list.tax_total_box .item .val {
    margin-right: 0;
}
.calc-section:is(.salary_y, .salary_m) {
    margin: 0;
}
.calc-section:where(.salary_y, .salary_m) .section_header {
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    padding: 0 20px;
}
.select-container {
    position: relative;
}
.select-container .moveBtn {
    position: absolute;
    top: -70px;
    right: 0px;
}
.calc-section .Custom-select .scroll {
    width: unset;
}
.calc-section:where(.salary_y, .salary_m) .section_body {
    margin-top: 15px;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop .layer_body {
    display: flex !important;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop .content_container .titleBox {
    padding: 0 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop .content_container .titleBox .stage_container {
    justify-content: flex-start;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop .content_container .titleBox th:has(>.moveBtn) {
    justify-content: flex-end;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop .content_container .contentTitle {
    margin-top: 0;
}
.calc-section .loan-pop .contentTitle :where(th, table, tbody, tr) {
    white-space: normal;
}

.calc-section:where(.salary_y, .salary_m) .loan-pop > table > tbody > tr.contentTitle.on > th.js-salary_view.on,
.calc-section:where(.salary_y, .salary_m) .loan-pop.flex > table > tbody > tr.content_box.on > td.js-salary_view.on {
    width: 0;
    overflow: hidden;
    opacity: 0;
    flex: unset;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop > table > tbody > tr.contentTitle.on > th.js-salary_view,
.calc-section:where(.salary_y, .salary_m) .loan-pop.flex > table > tbody > tr.content_box.on > td.js-salary_view{
    width: 100%;
    flex: 1;
    overflow: unset;
    opacity: 1;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop > table > tbody > tr.contentTitle.on > th.js-salary_view .item:nth-child(n+5):nth-child(-n+6),
.calc-section:where(.salary_y, .salary_m) .loan-pop > table > tbody > tr.content_box.on > td.js-salary_view .item :where(.tax.e,.tax.f) {
    width: 0;
    overflow: hidden;
    opacity: 0;
    flex: unset;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop > table > tbody > tr.contentTitle.on.ins > th.js-salary_view .item:nth-child(-n+4),
.calc-section:where(.salary_y, .salary_m) .loan-pop.flex > table > tbody > tr.content_box.on.ins > td.js-salary_view .item :where(.tax.a,.tax.b,.tax.c,.tax.d) {
    width: 0;
    overflow: hidden;
    opacity: 0;
    flex: unset;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop > table > tbody > tr.contentTitle.on.ins > th.js-salary_view .item:nth-child(n+5):nth-child(-n+6),
.calc-section:where(.salary_y, .salary_m) .loan-pop > table > tbody > tr.content_box.on.ins > td.js-salary_view .item :where(.tax.e,.tax.f) {
    width: 100%;
    overflow: unset;
    opacity: 1;
    flex: 1;
}
.calc-section.salary_y .loan-pop .contentTitle.on .hold_income,
.calc-section.salary_y .loan-pop .content_box.on .hold_income {
    width: calc(100% / 5);
}
.calc-section.salary_y .loan-pop .contentTitle.on.ins .hold_income,
.calc-section.salary_y .loan-pop .content_box.on.ins .hold_income {
    width: calc(100% / 3);
}
.calc-section.salary_m .loan-pop .contentTitle.on .hold_income,
.calc-section.salary_m .loan-pop .content_box.on .hold_income {
    width: calc(100% / 5);
}
.calc-section.salary_m .loan-pop .contentTitle.on.ins .hold_income,
.calc-section.salary_m .loan-pop .content_box.on.ins .hold_income {
    width: calc(100% / 3);
}
.calc-section:where(.salary_y, .salary_m) .loan-pop .js-salary_view .item {
    white-space: revert;
}
.calc-section:where(.salary_y, .salary_m) .loan-pop .js-salary_view.on .item {
    white-space: normal;
}
.calc-section .loan-re_list .item :where(th span, td span) {
    white-space: nowrap;
}
.bi_list.area {
    grid-template-columns: repeat(1,1fr);
}
.calc-section .bi_list.area .full {
    grid-column: unset;
}
.calc_wrap[data-type="ltv"] .loan-pop .contentTitle .item,
.table-list.ltv .val {
    text-align: center;
    word-wrap: break-word;
}
.table-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.calc_wrap[data-type="ltv"] .calc_caution-list > .item {
    width: calc(100vw - 40px);
}
.table-list.dream {
    columns: unset;
    -webkit-columns: unset;
}
.table-list:is(.short, .long) .item {
    border-right: unset !important;
    background-color: var(--white);
}
.table-list.short .item:nth-child(-n+10) {
    border-right: 1px solid var(--grey-ea) !important;
}
.table-list:where(.short, .long) .item:nth-child(even) {
    background-color: var(--grey-f9);
}
.table-list.long .item:nth-child(-n+50) {
    border-right: 1px solid var(--grey-ea) !important;
}
.calc_caution-list > .item > .val,
.calc_caution-list > .item > .val :where(.key, .val) {
    font-size: 12px;
}
.calc-section.calc-recent {
    flex-direction: column;
    padding: 50px 0px;
    margin: 0;
}
.calc-section.calc-recent.area {
    border-top: 1px solid var(--grey-ea) !important;
}
.calc-section.calc-recent :where(.section_header, .section_body) {
    padding: 0 20px;
}
.calc-section.calc-recent .titleBox {
    width: 100%;
    height: 40px;
    gap: 3px;
    border: none;
    background-color: var(--green-light);
}
._h_side .calc-section.calc-recent .titleBox {
    background-color: var(--blue-light);
}
.calc-recent .titleBox .item {
    height: 100%;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.39px;
    color: var(--green);
    justify-content: center;
}
._h_side .calc-recent .titleBox .item {
    color: var(--blue);
}
.calc-recent .titleBox .item :where(.sub) {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.39px;
    color: var(--green);
    justify-content: center;
}
.calc_recent-list {
    padding: 0;
}
.calc_recent-list .item :where(div, span) {
    font-size: 12px;
}
.table-title.rent_deposit,
.table-list.rent_deposit .item {
    grid-template-columns: auto 80px;
}
.table-list.rent_deposit :is(.item.row2, .item.row3) {
    grid-template-columns: 80px auto 80px;
}
.table-list.rent_deposit .item .val{
    padding: 10px;
    height: -webkit-fill-available;
    height: auto;
    min-height: 40px;
}
.table-list.rent_deposit .item .val:where(.row3, .row2) {
    max-height: unset;
}

/** 예적금 이자액 넓이 { **/
    .tax_rate-list .item .st {
        font-size: 13px;
    }
    .tax_rate-list .item .nt {
        font-size: 13px;
    }
    .tax_rate-title:not(.goal) .type,
    .tax_rate-list:not(.goal) .item .type {
        flex: unset;
        width: 70px;
    }
    .tax_rate-title:not(.goal) .rate,
    .tax_rate-list:not(.goal) .item .rate {
        flex: unset;
        width: 55px;
    }
    .tax_rate-list.diff_type div:nth-child(2):not(.col-2) {
        padding-left: 0;
        justify-content: center;
    }
    .tax_rate-list .item .tax_price:where(.up, .down) span:last-child {
        margin-left: 8px;
    }
/** 예적금 이자액 넓이 } **/

/** 연봉 계산기 최근계산 넓이 { **/
    .calc-recent.salary .titleBox .item.item:where(.type, .family),
    .calc-recent.salary .calc_recent-list .item div:where(.type, .family) {
        width: 40px;
    }
/** 연봉 계산기 최근계산 넓이 } **/

.calc-section .fieldset .field.col-2 .val {
    gap: unset;
    grid-template-columns: unset;
}
.icon.question {
    top: -1px;
}
.tooltip-container {
    position: fixed;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0 !important;
    background-color: rgba(0,0,0,0.3);
    border-radius: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: unset;
    transition: all 0.3s ease;
}
.fieldset .field.view .tooltip-container {
    width: 100vw;
    height: 100vh !important;
    opacity: 1;
    z-index: 9999;
}
.tooltip-container::after {
    content: unset;
}
.tooltip-container .tooltip-box {
    width: 0;
    height: 0;
    padding: 0 20px;
    border-radius: 25px;
    background-color: var(--grey-f9);
    opacity: 0;
    transition: all 1s ease;
}
.tooltip-container.ts_on .tooltip-box.ts,
.tooltip-container.ti_on .tooltip-box.ti {
    width: calc(100vw - 40px);
    height: auto;
    padding: 20px;
    opacity: 1;
}
.calc_wrap:where([data-type="purchase"]) .fieldset .field.purchase-option .tooltip-container .tooltip-box {
    width: calc(100vw - 40px);
    height: auto;
    opacity: 1;
    padding: 20px;
}
.calc_wrap:where([data-type="purchase"]) .fieldset .field.purchase-option-sub .tooltip-container .tooltip-box {
    width: calc(100vw - 40px);
    height: auto;
    opacity: 1;
    padding: 20px;
}


/*************** NEW 대출이자 계산기 페이지 끝 ***************/
body.eventShowLayer {
    overflow: hidden;
    touch-action: none;
}
.event_popup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    transform: unset;
}
.event_popup .event_body {
    width: 100%;
    position: absolute;
    bottom: -100vh;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    display: block;
}
.event_popup .event_body.on {
    bottom: 0;
}
.event_popup .event_body a.event_content {
    display: block;
    border-radius: 25px 25px 0 0;
    overflow: hidden;
    box-shadow: unset;
}
.event_popup .event_body img {
    border-radius: unset;
}
.event_popup .btn_box {
    background-color: var(--white);
    border-top: none;
    gap: unset;
}
.event_popup .btn_box a {
    box-shadow: unset;
    border-radius: unset;
}
.event_popup .btn_box a.todayClose {
    padding: 0 10px 0 20px;
    background-color: transparent;
    color: var(--white);
    justify-content: flex-start;
}
.event_popup .btn_box a .text {
    font-size: 14px;
    font-weight: 400;
}
.event_popup .btn_box a.closeEvent {
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: none;
    padding-right: 20px;
    justify-content: flex-end;
}
.flatpickr-calendar {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    position : fixed !important;
    top : unset !important;
    bottom: 0;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh;
    border-radius: unset !important;
    visibility:unset !important;
    max-height: unset !important;
    background-color: rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease;
    z-index: -1;
}
.flatpickr-calendar.open {
    bottom: 0;
    animation: unset !important;
    z-index: 0;
}
.flatpickr-calendar::before {
    content: unset !important;
}
.flatpickr-calendar::after {
    content: unset !important;
}
.flatpickr-months {
    position: relative;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    display: flex;
    align-items: center;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-month {
    height: calc(100vw / 7) !important;
}
.flatpickr-current-month {
    height: calc(100vw / 7) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-family: 'pt', 'SDGothicNeo' !important;
    font-weight: 500 !important;
    height: 100% !important;
}
.flatpickr-current-month .numInputWrapper {
    margin-left: 40px;
    width: 55% !important;
    height: 100% !important;
}
.flatpickr-current-month input.cur-year {
    padding: 0 !important;
    font-family: 'pt', 'SDGothicNeo' !important;
    font-weight: 500 !important;
    color: var(--white) !important;
    text-align: center;
    height: 100% !important;
    width: calc(100% - 70px);
}
.numInputWrapper span.arrowUp {
    line-height: 100% !important;
    left: 0;
    right: unset !important;
}
.numInputWrapper span.arrowDown {
    line-height: 100% !important;
}
.numInputWrapper:hover span {
    opacity:unset !important
}
.numInputWrapper span {
    opacity: 1 !important;
    width: 23px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    border: 1px solid var(--white) !important;
    border-radius: 50%;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.numInputWrapper span:after {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
.flatpickr-weekdays {
    height: calc(100vw / 7) !important;
}
.dayContainer {
    display: grid !important;
    grid-template-columns: repeat(7,1fr) !important;
    gap: 5px;
    padding: 10px !important;
}
.flatpickr-day {
    width: calc(calc(100vw - 50px) / 7) !important;
    max-width: calc(calc(100vw - 50px) / 7) !important;
    height: calc(calc(100vw - 50px) / 7) !important;
    line-height: calc(calc(100vw - 50px) / 7) !important;
}
.flatpickr-time {
    max-height: 100px !important;
    height: 100px !important;
    background: #1bbc9b !important;
    padding: 0 10px;
}
.flatpickr-time .numInputWrapper{
    height: 100% !important;
    display: grid;
    grid-template-areas: 'up input'
                        'down input';
    gap: 5px;
    place-items: center;
}
.flatpickr-time .numInputWrapper input {
    grid-area: input;
    color: var(--white);
    width: 50%;
    height: 30%;
}
.flatpickr-time .numInputWrapper span {
    right: 0px !important;
}
.flatpickr-time .numInputWrapper span:after {
    border-bottom-color: var(--white) !important;
    border-top-color: var(--white) !important
}
.flatpickr-time .numInputWrapper:hover,
.flatpickr-time input:hover, 
.flatpickr-time .flatpickr-am-pm:hover, 
.flatpickr-time .numInputWrapper span:hover,
.flatpickr-time input:focus, 
.flatpickr-time .flatpickr-am-pm:focus, 
.flatpickr-time .numInputWrapper span:focus {
    background: none !important;
}

.flatpickr-time .numInputWrapper span.arrowUp {
    left: unset;
    grid-area: up;
} 
.flatpickr-time .numInputWrapper span.arrowDown {
    grid-area: down;
}
.flatpickr-time .flatpickr-time-separator, 
.flatpickr-time .flatpickr-am-pm {
    line-height: 100px !important;
    color: var(--white) !important;
}
.fieldset.show-hide-style {
    gap: 0;
}
.fieldset.show-hide-style .field:not(:first-child):not(.on):not(.category):not(.land_market_price):not(.army_period) {
    margin-top: 40px;
}
.calc_wrap[data-type="youth"] .field.bank .val {
    padding: 0 20px;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}
.calc_wrap[data-type="youth"] .field.bank label .check_wrap {
    padding: 0 15px;
}
.calc_wrap[data-type="youth"] .field.terms_pop_view label::after {
    content: unset;
}
.calc_wrap[data-type="youth"] label.checkbox.circle-check,
.calc_wrap[data-type="youth"] .field.terms_pop_view label {
    margin: 70px 20px 0 20px;
}

.calc_wrap[data-type="youth"] label.checkbox.circle-check .text,
.calc_wrap[data-type="youth"] .field.terms_pop_view label .text,
.calc_wrap[data-type="youth"] .description {
    font-size: 13px;
}
.fieldset .field .val.side-btn-wrap {
    grid-template-columns: repeat(1,1fr);
}
.fieldset .field .val.side-btn-wrap .input-box {
    order: 2;
}
.fieldset .field .val.side-btn-wrap .checkbox {
    order: 1;
    margin: 0 auto 10px 20px;
    max-width: calc(calc(100vw - 50px) / 2);
}
.fieldset .field .val.side-btn-wrap .info-box {
    order: 3;
}
.calc_wrap[data-type="relay_fee"] .fieldset .field .val:where(.col-3, .col-4) {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.calc_wrap[data-type="relay_fee"] .fieldset .field .val:where(.col-3, .col-4) label:not(:last-child),
.calc_wrap[data-type="relay_fee"] .fieldset .field .val:where(.col-3, .col-4) label:not(:first-child) {
    margin-left: 0;
}

.calc_wrap[data-type="relay_fee"] .fieldset .field .val.col-4 .col-view {
    width: 100%;
    flex: 1;
    margin-right: 0px;
}
.calc_wrap[data-type="relay_fee"] .fieldset .field .val.col-3 .col-view {
    display: none;
    animation: show_checkbox 0.3s linear forwards;
}
.calc_wrap[data-type="relay_fee"] .fieldset .field .val:where(.col-3, .col-4) label {
    animation: show_checkbox 0.3s linear forwards;
    min-width: unset;
    max-width: unset;
}
.calc_wrap[data-type="relay_fee"] .fieldset .field:where(.pos-premium, .pos-monthlyPrice, .pos-inputPer, .pos-vat),
.calc_wrap[data-type="purchase"] .fieldset .field:where(.purchase-option-sub, .pur_loanPrice, .pur_loanPer, .pur_monthPrice2, .pur_yearPrice2) {
    margin-top: 0 !important;
}
.calc_wrap[data-type="relay_fee"] .fieldset .field.on:where(.pos-premium, .pos-monthlyPrice, .pos-inputPer, .pos-vat),
.calc_wrap[data-type="purchase"] .fieldset .field.on:where(.purchase-option-sub, .pur_loanPrice, .pur_loanPer, .pur_monthPrice2, .pur_yearPrice2) {
    margin-top: 40px !important;
}
.table-list:where(.rent_deposit, .relay_fee, .stamp_tax, .house_bond) {
    columns: unset;
    -webkit-columns: unset;
    -moz-columns: unset;
}
.table-title.relay_fee,
.table-list.relay_fee .item {
    grid-template-columns: 2fr 2fr 3fr 2fr 2fr;
}
.table-list.relay_fee .item .val {
    padding: 10px;
    height: 100%;
}
.table-list.relay_fee .item:first-child .val:nth-child(3n) {
    word-break: keep-all;
}
.table-title.stamp_tax,
.table-list.stamp_tax .item {
    grid-template-columns: 1fr 1.4fr;
}
.table-title.house_bond,
.table-list.house_bond .item {
    grid-template-columns: 1fr 2fr 80px 80px;
}
.table-list.house_bond .item .val {
    padding: 10px;
    word-break: keep-all;
    line-height: 1.5;
    height: 100%;
    min-height: 40px;
}
.table-list.house_bond .item .val:where(.row7, .row4){
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.calc_wrap[data-type="house_bond"] .fieldset .field.category.on {
    height: 138px;
    margin-top: 40px;
}
.calc_wrap[data-type="house_bond"] .fieldset .field.land_market_price.on {
    height: 128px;
    margin-top: 40px;
}
.calc_wrap .fieldset .field.weekly_time .input-box {
    width: 100%;
    margin: 0;
} 

/*************** 대출 위키 시작 ***************/
.wiki-article {
    display: contents;
}
main:has(.wiki-h1-title) {
    padding: 0;
}
header .wiki-viewBox {
    background-color: #06876b;
}
header .snap-viewBox {
    background-color: var(--blue);
}
header .wiki-nav {
    height: 100%;
    margin-right: auto;
    padding-left: 20px;
}
header .wiki-nav :where(.wiki-navList, .item, a) {
    height: 100%;
}
header .wiki-nav .wiki-navList .item {
    gap: 0;
}
header .wiki-navList .item a {
    padding-right: 10px;
    display: flex;
    align-items: center;
}
header .wiki-viewBox .m_menuBtn .bar,
header .snap-viewBox .m_menuBtn .bar {
    background-color: var(--white);
}
.wiki-section.wiki-header {
    border-radius: 0;
    padding: 0;
    min-height: 370px;
    align-items: flex-start;
}
.wiki-section.wiki-header.snap {
    /* background-color: var(--white);
    height:auto;
    min-height: unset;
    margin-bottom: 0; */
    border-radius: 0;
}
.wiki-intro-box {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    overflow: hidden;
}
._calc .wiki-intro-box {
    justify-content: center;
}
.wiki-h1-title {
    font-size: 12.5vw;
    margin: 0;
    margin-bottom: 120px;
    width:unset;
}
.wiki-section.wiki-header.snap .wiki-h1-title,
.wiki-section.wiki-header.snap .wiki-h1-title.snapSearch {
    margin: 0 0 120px 0;
    max-width: unset;
}
.wiki-h2-title {
    font-size: 30px;
    padding-bottom: 10px;
}
.wiki-h3-title {
    margin-top: 50px;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: -1.44px;
    line-height: 1.25;
    padding-bottom: 10px;
}
.wiki-h4-title {
    margin-top: 40px;
    font-size: 18px;
    padding-bottom: 10px;
}
.wiki-text,
.wiki-list li,
.wiki-list.illegal .contents,
.table-contents-list li a,
.wiki-wrap.youtube-wrap figcaption,
.wiki-table caption,
.wiki-table table thead tr th .key,
.wiki-table table tbody tr td .val :where(p, span),
.wiki-table-default caption,
.wiki-table-default table thead tr th .key,
.wiki-table-default table tbody tr td .val :where(p, span),
.illegal-table caption,
.illegal-table table thead tr th .key,
.illegal-table table tbody tr td .val :where(p, span),
.wiki-table-list li,
.flow-chart :where(.text-box, .round-box) p{
    color: var(--black);
}
.wiki-table-default.m_table_scroll {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    border: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: none;
}
.wiki-table-default.m_table_scroll::-webkit-scrollbar {
    display: none;
}
.wiki-table-default.m_table_scroll table {
    width: 680px;
}
.wiki-table-default.m_table_scroll table th,
.wiki-table-default.m_table_scroll table td {
    padding: 10px ;
}
.wiki-table-default.m_table_scroll table tbody tr td .val :where(p, span) {
    white-space: normal;
}
.wiki-table-default table thead tr th .key.m_hide {
    justify-content: center;
}
.wiki-table-default :where(.val.mid.m_nowrap p, .key.mid.m_nowrap) {
    white-space: unset;
}
.wiki-list.boxStyle.illegal {
    padding: 20px 20px 20px 40px;
}
.wiki-list.boxStyle.illegal .title.long {
    letter-spacing: -1.55px;
    width: calc(100% + 13px);
}
.wiki-intro-box::after {
    content: attr(data-title);
    font-size: 40vw;
    top: 32%;
    right: unset;
    padding-left: 100%;
    padding-right: 3%;
    white-space: nowrap;
    opacity: 1;
    animation: scrollText 40s linear infinite;
}
@keyframes scrollText {
    from { 
        transform: translate(0%) translateY(-50%);
    }
    99%,to { 
        transform: translate(-100%) translateY(-50%);
    }
}
.finlifeNav.snap {
    top: 180px;
    left: 0;
}
.finlifeNav.snap.slide-container {
    width: 100%;
    height: auto;
    top: 170px;
}
.finlifeNav.snap .wordSearchBox {
    position: unset;
    z-index: unset;
    background: unset;
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
    box-shadow: unset;
}
.finlifeNav.snap .wordSearchBox.swiper {
    padding: 0 0 20px 20px;
    height: 90px;
}
.finlifeNav.snap .wordSearchBox .search-area .rateInfoBox {
    padding-right: 0;
    position: relative;
}
.finlifeNav .wordSearchBox .search-area .rateInfoBox.swiper-slide {
    justify-content: flex-start;
    align-items: flex-end;
}
.finlifeNav .wordSearchBox .search-area .rateInfoBox .text.year {
    position: absolute;
    top: -7px;
    font-size: 13px;
}
.finlifeNav.slide-container .wordSearchBox .search-area .rateInfoBox .text.year {
    top: 0;
}
.finlifeNav .wordSearchBox .search-area .rateInfoBox .text.rate {
    font-size: 51px;
}
.wiki-selectBox {
    width: calc(100% - 40px);
    top: 258px;
    right: 20px;
    height: auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
}
.wiki-selectBox.calc-style,
.wiki-section.snap .wiki-selectBox.calc-style {
    top: 258px;
}
.expose-box {
    height: auto;
    padding: 30px;
}
.wiki-selectBox.calc-style .expose-box,
.wiki-section.snap .wiki-selectBox.calc-style .expose-box {
    height: auto;
}
.expose-box .title {
    font-size: 20px;
    position: relative;
}
.expose-box .title::after {
    content: '';
    width: 20px;
    height: 12px;
    background-image: url(/res/svg/wiki_down_arrrow_opacity07.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all 0.2s ease-out;
}
.wiki-selectBox.on .expose-box .title::after {
    transform: translateY(-50%) rotate(180deg);
}
.expose-box .sub {
    margin-top: 20px;
    font-size: 12px;
}

.wiki-selectBox.on .list-area {
    padding: 30px 0;
}
.wiki-selectBox .other-list {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.wiki-selectBox .other-list .item {
    padding: 0;
    height: 25px;
}
.wiki-selectBox .other-list:not(.illegal) .other-link {
    justify-content: center;
}
.wiki-selectBox .other-list.illegal .other-link {
    padding: 0 30px;
}
.wiki-selectBox .other-list .other-link p {
    font-size: 13px;
}
.wiki-selectBox .other-list .other-link:active p {
    color: #06876b;
    font-weight: 600;
}
section.wiki-section:not(.wiki-header) {
    padding: 0 20px;
}
section.wiki-tableContents h2 {
    font-size: 22px;
}
.wiki-tableContents .table-wrap {
    padding: 25px;
    margin: 50px 0 10px 0;
}
.wiki-text, .wiki-list li, .table-contents-list li a, .wiki-wrap.youtube-wrap figcaption, .wiki-table caption, .wiki-table table thead tr th .key, .wiki-table table tbody tr td .val :where(p, span), .wiki-table-list li {
    font-weight: 300;
    letter-spacing: normal;
}
.table-contents-list li::marker  {
    color: var(--black);
}
.table-contents-list.sub .table-link {
    font-size: 13px;
}
.table-contents-list .table-link {
    font-weight: 400;
}
.wiki-top-list {
    padding: 0;
    border-radius: 0;
    border: none;
}
.wiki-top-list .item {
    padding: 25px 0;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.wiki-top-list > li:not(:first-child) {
    border-top: unset;
}
.wiki-top-list .iconBox {
    width: 40px;
}
.wiki-top-list .iconBox .icon {
    height: 40px;
}
.wiki-top-list .contentBox {
    flex: 1;
    position: relative;
    padding-bottom: 113px;
}
.wiki-top-list .title {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.39px;
    color: var(--green);
    margin-bottom: 8px;
    line-height: 1;
}
.wiki-top-list .sub-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.45px;
    line-height: 1.48;
    padding-top: 0;
    color: var(--black);
}
.wiki-top-list .third-title {
    margin-top: 8px;
    font-size: 13px;
    letter-spacing: -0.42px;
    line-height: 1;
    font-weight: 400;
    color: var(--black-66);
}
.wiki-top-list .description {
    margin-top: 25px;
    gap: 20px;
    border: 1px solid var(--grey-f9);
    border-radius: 15px 0 0 15px;
    padding: 20px;
    background-color: var(--grey-f9);
    position: absolute;
    width: calc(100vw - 60px);
    left: -20px;
}
.wiki-top-list .description :where(.limit, .rate, .period) {
    gap: 0;
}
.wiki-top-list .description .key {
    font-size: 11px;
}
.wiki-top-list .description .val {
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    color: var(--black);
}
.mobile_banner.wiki {
    margin-top: 20px; 
    width: calc(100vw - 40px);
}
.mobile_banner.wiki a {
    border-radius: 15px;
    height: 90px;
    justify-content: space-between;
    
}
.mobile_banner.wiki.loan img {
    width: 105px;
    position: relative;
    right: unset;
    top: 5px;
    padding-right: 20px;
}
.mobile_banner.wiki.rq img {
    width: 120px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    right: unset;
    bottom: unset;
    margin: 0;
}
.mobile_banner.wiki.calc img {
    width: 92px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    right: unset;
    bottom: unset;
    margin: 0;
}
.mobile_banner.wiki .ad_ment.m_hide {
    display: block !important;
    white-space: nowrap;
}
.mobile_banner.wiki a :where(p, span) {
    font-size: 16px;
    font-weight: 800;
}
.w_680,
.w_680 tr {
    width: 680px !important;
}
.wiki-table-responsive {
    overflow-x: auto;
    overflow-y: hidden;
    /* white-space: nowrap; */
    border: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: none;
    display: flex;
    flex-direction: column;
}
.wiki-table-responsive::-webkit-scrollbar{
    display: none;
}
.wiki-table-responsive:not(.total) :where(th:first-child, td:first-child) {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1;
    border-left: 0 !important;
    border-right: 0 !important;
}
.wiki-table-responsive:not(.total) :where(th:first-child, td:first-child)::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-left: 1px solid var(--grey-ea);
    border-right: 1px solid var(--grey-ea);
    background-color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.wiki-table-responsive:not(.total) :where(.fix) td:first-child {
    width: 100px;
}
.wiki-table-responsive:not(.total) .fix td:nth-child(2),
.wiki-table-responsive:not(.total) .fix_2 td:first-child {
    position: sticky;
    left: 100px;
    top: 0;
    z-index: 1;
    border-left: 0 !important;
    border-right: 0 !important;
}
.wiki-table-responsive:not(.total) .fix td:nth-child(2)::after,
.wiki-table-responsive:not(.total) .fix_2 td:first-child::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-left: 1px solid var(--grey-ea);
    border-right: 1px solid var(--grey-ea);
    background-color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.wiki-table-responsive th:first-child::after {
    background-color: var(--grey-f9);
}
.wiki-table-responsive:not(.total) td:first-child {
    background-color: var(--white);
    padding: 15px;
}
.wiki-table-responsive:not(.total) :where(th:first-child, td:first-child) div {
    width: 100%;
    height: 100%;
}
.wiki-wrap.youtube-wrap figcaption {
    width: 100vw;
    text-align: center;
    font-size: 13px;
}
.wiki-table ,
.illegal-table{
    margin-top: 50px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: var(--grey-f9);
    /* padding: 55px 20px !important; */
    padding: 30px 20px !important;
}
section.wiki-section.wiki-sectionContent {
    padding: 0;
}
section.wiki-section.wiki-sectionContent > h2,
section.wiki-section.wiki-sectionContent > h3,
section.wiki-section.wiki-sectionContent > h4,
section.wiki-section.wiki-sectionContent > ul,
section.wiki-section.wiki-sectionContent > ol,
section.wiki-section.wiki-sectionContent > p,
section.wiki-section.wiki-sectionContent > figure,
section.wiki-section.wiki-sectionContent > div {
    margin-left: 20px;
    margin-right: 20px;
}
.wiki-list .in-list::after {
    background-color: var(--black);
}
.wiki-table table tbody,
.illegal-table table tbody {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 15px;
}
.wiki-table table tbody tr {
    display: grid;
    grid-template-areas: 'logo bank bank bank bank'
                        'logo des des des des'
                        'rate rate rate limit limit';
    grid-template-columns: 60px auto auto auto 60px;
    padding: 30px 25px 20px 25px;
    background-color: var(--white);
    border-radius: 15px;
    position: relative;
}
.wiki-table.no-des table tbody tr {
    grid-template-areas: 'logo bank bank bank bank'
                        'rate rate rate limit limit';
}
.wiki-table.line-2 table tbody tr,
.wiki-table.line-3 table tbody tr {
    grid-template-areas: 'logo bank bank bank bank'
                        'logo des des des des'
                        'rate rate rate rate rate';
}
.wiki-table.rate-3 table tbody tr {
    grid-template-areas: 'logo bank bank bank bank bank'
                        'avg avg rate rate rate rate'
                        'limit limit limit limit limit limit';
}
.wiki-table.line-2.no-img table tbody tr,
.wiki-table.line-3.no-img table tbody tr {
    grid-template-areas: 'bank bank bank bank bank'
                        'des des des des des'
                        'rate rate rate rate rate';
}
.wiki-table.line-4.no-img table tbody tr {
    grid-template-areas: 'bank bank bank bank bank'
                        'des des des des des'
                        'note note note note note'
                        'rate rate rate rate rate';
}
.wiki-table.rate_period.no-img table tbody tr {
    grid-template-areas: 'bank bank bank bank bank'
                        'rate rate rate rate rate'
                        'period period period period period'
                        'repay repay repay repay repay';
}
.illegal-table table tbody tr {
    display: grid;
    grid-template-areas: 'ins ins ins ins ins'
                        'ins_c ins_c ins_c ins_c ins_c';
    padding: 30px 25px 20px 25px;
    background-color: var(--white);
    border-radius: 15px;
    position: relative;
}
.wiki-table.scam {
    margin-top: 20px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    background-color: var(--white);
    padding: 0 !important;
}
.wiki-table.scam table tbody {
    grid-template-columns: unset;
}
.wiki-table.scam table tbody tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    border-radius: unset;
    border-bottom: 1px solid var(--grey-ea);
}
.wiki-table.scam table tbody tr td {
    width: 100%;
    height: 50px;
}
.wiki-table.scam table tbody tr td.td_type {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    height: auto;
}
.wiki-table.scam table tbody tr td.td_type .val:not(.m_hide) {
    grid-column: span 4;
    margin-bottom: 10px;
}
.wiki-table.scam table tbody tr td.td_type .val:not(.m_hide) p {
    text-align: left !important;
    font-size: 16px;
}
.wiki-table.scam table tbody tr td.td_type .val.m_hide {
    height: 50px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-f9);
    border-top: 1px solid var(--grey-ea);
}
.wiki-table.scam table tbody tr td.td_type .val:not(.m_hide) p {
    font-weight: 700;
}
.wiki-table.scam table tbody tr td.td_type .val.m_hide,
.wiki-table.scam table tbody tr td.td_damage .val p:not(:last-child) {
    border-right: 1px solid var(--grey-ea);
}
.wiki-table.scam table tbody tr td.td_type .val.m_bl {
    border-left: 1px solid var(--grey-ea);
}
.wiki-table.scam table tbody tr td.td_damage {
    border-top: 1px solid var(--grey-ea);
    border-right: 1px solid var(--grey-ea);
    border-left: 1px solid var(--grey-ea);
}
.wiki-table.scam table tbody tr td.td_damage .val p {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.wiki-table .td_damage .val .d_price::after,
.wiki-table .td_damage .val .d_per::after {
    content: unset;
}
.wiki-table-default table thead tr th{
    padding: 12px 5px;
    line-height: 20px;
}
.wiki-table-default table tbody tr td {
    padding: 15px 5px;
}
.wiki-table-default table thead tr th:has(>.m_nowrap) {
    padding: 12px 15px;
}
.wiki-table-default table tbody tr td:has(>.m_nowrap) {
    padding: 15px;
}
.wiki-table-default table thead tr td .m_nowrap p {
    white-space: unset;
}
.wiki-table-default table tr td .mw_50 {
    width: 50px;
}
.wiki-table-default.brokerage table thead tr th div {
    justify-content: center;
}
.wiki-table-default.brokerage table thead tr {
    border: 1px solid var(--grey-ea);
}
.wiki-table-default.brokerage thead th:not(:last-child) {
    border-right: 1px solid var(--grey-ea);
}
.wiki-table-default.brokerage thead th,
.wiki-table-default.brokerage tbody tr td {
    border: none;
}
.wiki-table-default.brokerage tbody tr {
    border-right: 1px solid var(--grey-ea);
    border-bottom: 1px solid var(--grey-ea);
    border-left: 1px solid var(--grey-ea);
}
.wiki-table-default.brokerage tbody tr td:not(:last-child) {
    border-right: 1px solid var(--grey-ea);
}
.wiki-table-default.brokerage tbody tr td:not(:first-child):not(:last-child):not(:nth-last-child(2)) {
    border-bottom: 1px solid var(--grey-ea);
}
.wiki-table-default.brokerage tbody tr td:not(:first-child):not(:last-child) .val {
    justify-content: flex-start;
}
.wiki-table-default.brokerage tbody tr td:not(:first-child):not(:last-child) .val .m_hide {
    margin-right: 5px;
}
.wiki-table-default.brokerage thead tr {
    display: grid;
    grid-template-columns: 1fr 150px 80px;
}
.wiki-table-default.brokerage tbody tr {
    display: grid;
    grid-template-areas: 't1 t2 t7'
                        't1 t3 t7'
                        't1 t4 t7'
                        't1 t5 t7'
                        't1 t6 t7';
    grid-template-columns: 1fr 150px 80px;
}
.wiki-table-default.brokerage tbody tr td.rp {
    padding: 5px 15px;
}
.wiki-table-default.brokerage tbody tr td:first-child {
    grid-area: t1;
}
.wiki-table-default.brokerage tbody tr td.n_1 {
    grid-area: t2;
}
.wiki-table-default.brokerage tbody tr td.n_2 {
    grid-area: t3;
}
.wiki-table-default.brokerage tbody tr td.n_3 {
    grid-area: t4;
}
.wiki-table-default.brokerage tbody tr td.n_4 {
    grid-area: t5;
}
.wiki-table-default.brokerage tbody tr td.n_5 {
    grid-area: t6;
}
.wiki-table-default.brokerage tbody tr td:last-child {
    grid-area: t7;
}
.wiki-table-default.brokerage tbody .val {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.wiki-table-default.p23_table table {
    display: flex;
    flex-direction: column;
}
.wiki-table-default.p23_table tr {
    display: grid;
    grid-template-columns: 90px 1fr 1fr;
}
.wiki-table-default.p23_table thead tr th,
.wiki-table-default.p23_table tbody tr td {
    border: none;
    border-right: 1px solid var(--grey-ea);
}
.wiki-table-default.p23_table tbody {
    border-bottom: 1px solid var(--grey-ea);
}
.wiki-table-default.p23_table thead tr th:nth-child(1),
.wiki-table-default.p23_table tbody tr.tr_list td:nth-child(1),
.wiki-table-default.p23_table tbody tr.tr_line td:nth-child(1) {
    grid-row: span 2;
    border-left: 1px solid var(--grey-ea);
    border-top: 1px solid var(--grey-ea);
    display: flex;
    align-items: center;
    justify-content: center;
}
.wiki-table-default.p23_table thead tr th:nth-child(n+2):nth-child(-n+3),
.wiki-table-default.p23_table tbody tr.tr_list td:nth-child(n+2):nth-child(-n+3) {
    border-top: 1px solid var(--grey-ea);
    border-bottom: 1px solid var(--grey-ea);
}
.wiki-table-default.p23_table tbody tr.tr_line td:nth-child(n+2):nth-child(-n+3) {
    border-top: 1px solid var(--grey-ea);   
}
.wiki-table-default.p23_table tbody .wiki-table-list {
    padding: 0 0 0 20px;
}
.wiki-table-default.p23_table tbody tr.tr_list .td_row {
    grid-row: span 2;
    border-bottom: none !important;
}
.wiki-table-default.p23_table tbody tr.tr_line p {
    white-space: unset;
}
.wiki-table table tbody tr td,
.illegal-table table tbody tr td {
    padding: 0 !important;
    border: none;
    display: flex;
}
.wiki-table table tbody tr td .val p {
    word-break: normal;
}
.wiki-table table tbody tr .td_logo {
    grid-area: logo;
    align-items: flex-start;
}
.wiki-table table tbody tr .td_bank {
    grid-area: bank;
    flex-wrap: wrap;
}
.wiki-table.no-des table tbody tr .td_bank,
.wiki-table.rate-3 table tbody tr .td_bank {
    align-items: center;
}
.illegal-table table tbody tr .td_ins {
    grid-area: ins;
    flex-direction: column;
    align-items: flex-start;
}
.wiki-table table tbody tr .td_bank p,
.illegal-table table tbody tr .td_ins .val.fu p {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.45px;
    line-height: 1;
    padding-top: 0;
    color: var(--black);
}
.wiki-table table tbody tr .td_bank .fu p {
    margin-right: 5px;
}
.illegal-table table tbody tr .td_ins .val:not(.fu) p {
    margin-top: 7px;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.44;
}
.wiki-table.rate-3 table tbody tr .td_avg_rate {
    grid-area: avg;
    margin: 25px 10px 0 60px;
}
.wiki-table table tbody tr .td_rate {
    grid-area: rate;
    justify-content: space-between;
    margin-left: 60px;
}
.wiki-table.line-2 table tbody tr .td_rate{
    display: grid;
    grid-template-areas: 'line_rate line_rate line_rate2 line_rate2 line_limit line_limit'
                        'line_per_me line_per_me line_per_me line_per_me line_per_me line_per_me';
    gap: 10px;
    justify-content: unset;
    grid-template-columns: auto auto auto auto;
}
.wiki-table.rate-3 table tbody tr .td_rate{
    display: grid;
    grid-template-areas: 'line_rate line_rate line_rate2 line_rate2';
    gap: 10px;
    justify-content: unset;
    grid-template-columns: auto auto;
}
.wiki-table.line-3 table tbody tr .td_rate,
.wiki-table.line-4.no-img table tbody tr .td_rate{
    display: grid;
    grid-template-areas: 'line_rate line_rate line_rate line_limit'
                        'line_per_me line_per_me line_per_me line_per_me';
    gap: 10px;
    justify-content: unset;
    grid-template-columns: 1fr auto auto auto;
}
.wiki-table.rate_period.no-img table tbody tr .td_rate{
    display: grid;
    grid-template-areas: 'line_rate line_rate line_rate2 line_rate2 line_limit line_limit';
    gap: 10px;
    justify-content: unset;
    grid-template-columns: auto auto auto;
}
.wiki-table.line-2 table tbody tr .td_rate .min2,
.wiki-table.rate_period.no-img table tbody tr .td_rate .min2,
.wiki-table.rate-3 table tbody tr .td_rate .min2 {
    grid-area: line_rate2;
}
.wiki-table.line-2 table tbody tr .td_rate .min,
.wiki-table.line-3 table tbody tr .td_rate .min,
.wiki-table.rate-3 table tbody tr .td_rate .min,
.wiki-table.line-4.no-img table tbody tr .td_rate .min,
.wiki-table.rate_period.no-img table tbody tr .td_rate .min {
    grid-area: line_rate;
}
.wiki-table.line-2 table tbody tr .td_rate .m_wrap,
.wiki-table.line-3 table tbody tr .td_rate .m_wrap,
.wiki-table.line-4.no-img table tbody tr .td_rate .m_wrap,
.wiki-table.rate-3 table tbody tr .td_limit .m_wrap {
    grid-area: line_per_me;
    display: flex;
    align-items: center;
    gap:10px;
    position: relative;
    left: -12px;
    flex-wrap: wrap;
}
.wiki-table.rate-3 table tbody tr .td_limit {
    grid-area: limit;
    margin-left: 60px;
    margin-top: 10px;
}
.wiki-table.rate_period.no-img table tbody tr :where(.td_period, .td_repay) .m_wrap,
.wiki-table.rate-3 table tbody tr .td_limit .m_wrap {
    display: flex;
    align-items: center;
    gap:10px;
    position: relative;
    left: -12px;
    flex-wrap: wrap;
}
.wiki-table table tbody tr.rate_wrap .td_rate .m_wrap {
    flex-direction: column;
    align-items: flex-start;
}
.wiki-table table tbody tr.rate_val .td_rate {
    grid-template-areas:
        'line_rate line_rate line_rate line_rate'
        'line_limit line_limit line_limit line_limit'
        'line_per_me line_per_me line_per_me line_per_me';
}
.wiki-table table tbody tr.rate_val .td_rate .m_wrap {
    margin-top: 15px;
}
.wiki-table table tbody tr.rate_val .td_rate p {
    display: flex;
    flex-direction: column;
}
.wiki-table.line-2 table tbody tr .td_rate .limit,
.wiki-table.line-3 table tbody tr .td_rate .limit,
.wiki-table.line-4.no-img table tbody tr .td_rate .limit,
.wiki-table.rate_period.no-img table tbody tr .td_rate .limit {
    grid-area: line_limit;
}
.wiki-table.line-2 table tbody tr .td_rate :where(.period, .method, .box),
.wiki-table.line-3 table tbody tr .td_rate :where(.period, .method, .box),
.wiki-table.line-4.no-img table tbody tr .td_rate :where(.period, .method),
.wiki-table.rate_period.no-img table tbody tr :where(.td_period, .td_repay) :where(.period, .method),
.wiki-table.rate-3 table tbody tr .td_limit :where(.limit, .method){
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 25px;
    padding: 8px 12px;
    background-color: var(--grey-f5);
}
.wiki-table.line-2 table tbody tr .td_rate :where(.period, .method, .box) :where(p,div,span),
.wiki-table.line-3 table tbody tr .td_rate :where(.period, .method, .box) :where(p,div,span),
.wiki-table.line-4.no-img table tbody tr .td_rate :where(.period, .method) :where(p,div,span),
.wiki-table.rate_period.no-img table tbody tr :where(.td_period, .td_repay) :where(.period, .method) :where(p,div,span),
.wiki-table.rate-3 table tbody tr .td_limit :where(.limit, .method) :where(p,div,span){
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    letter-spacing: -0.005em !important;
    color: var(--grey) !important;
}
.wiki-table.line-2.no-img table tbody tr .td_rate,
.wiki-table.line-3.no-img table tbody tr .td_rate,
.wiki-table.line-4.no-img table tbody tr .td_rate,
.wiki-table.rate-3 table tbody tr .td_rate,
.wiki-table.rate_period.no-img table tbody tr .td_rate {
    margin-left: 0;
}
.wiki-table table tbody tr .td_rate .max {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.wiki-table table tbody tr :where(.td_rate, .td_limit) {
    margin: 25px 0 0 0;
    z-index: 1;
}
.wiki-table table tbody tr :where(.td_rate .left, .td_avg_rate .left, .td_limit .mid:not(.fu)) p,
.wiki-table.rate-3 table tbody tr :where(.td_rate, .td_avg_rate) p,
.wiki-table table tbody tr :where(.td_rate .left, .td_limit .mid:not(.fu)) p span,
.wiki-table-default table tbody tr .m_box p {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--black) !important;
    line-height: 30px !important;
    text-align: left !important;
    font-family: 'pt','SDGothicNeo';
}
.wiki-table :where(.sm, .per) {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: var(--balck) !important;
}
.illegal-table table tbody tr .td_ins_content {
    grid-area: ins_c;
    margin-top: 25px;
}
.illegal-table table tbody tr .td_ins_content p {
    font-size: 13px;
    font-weight: 600;
    color: var(--grey);
    line-height: 15px;
    white-space: unset !important;
    letter-spacing: -1.42px;
}
.wiki-table table tbody tr .td_limit {
    grid-area: limit;
    flex-direction: column;
    margin-left: auto;
}

.wiki-table table tbody tr .td_limit .mid.fu p,
.wiki-table table tbody tr .td_rate .m_title,
.wiki-table table tbody tr .td_avg_rate .m_title,
.wiki-table-default table tbody tr .m_box .m_title {
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.005em;
    font-weight: 400;
    color: var(--grey);
}
.wiki-table table tbody tr .td_des {
    grid-area: des;
    margin-top: 7px;
}
.wiki-table.line-4.no-img table tbody tr .td_note {
    grid-area: note;
}
.wiki-table-default.sunshine table tbody tr td > .val {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.wiki-table.rate_period.no-img table tbody tr .td_period {
    grid-area: period;
    margin-top: 10px;
}
.wiki-table.rate_period.no-img table tbody tr .td_repay {
    grid-area: repay;
    margin-top: 10px;
}
.wiki-table-default table tbody tr .m_box {
    flex-direction: column;
    padding: 0 5px;
}
.wiki-table-default table tbody tr .m_box .val {
    display: flex;
    align-items: center;
    gap:  10px;
}
.wiki-table-list {
    padding: 0;
    list-style-type: none;
}
.wiki-table-default .wiki-table-list {
    padding: 20px;
    list-style-type: disc;
}
.wiki-table-default.sunshine .wiki-table-list {
    padding: 0 10px 0 20px;
}
.wiki-table .wiki-table-list p {
    font-size: 12px !important;
}
.wiki-table-default table tbody tr td .val .wiki-table-list p {
    word-break: break-all;
}
.wiki-table-default table tbody tr td .val .wiki-table-list.keep_all p {
    word-break: keep-all;
}
.wiki-list .in-list ol {
    width: 100%;
    flex: 1;
}
.wiki-faqBox,
.wiki-section.wiki-sectionContent.illegal {
    margin-bottom: 80px;
}
.wiki-faqBox .wiki-h3-title {
    padding: 0;
}
.wiki-faq-btn span {
    font-size: 16px;
}
.together-section {
    padding: 0 0 80px 0 !important;
}
.wiki-mainSection {
    padding: 0 20px 80px 20px !important;
}
.together-section > h2,
.together-section > ul {
    padding: 0 20px;
}
.together-section .wiki-h2-title {
    margin-top: 0;
}
.wiki-slide {
    padding: 20px 120px 0 20px !important;
    overflow: hidden !important;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transform-style: preserve-3d;
}  
.read-list {
    display: flex !important;
    gap: 0;
}
.wiki-main-list {
    background-color: var(--grey-fa);
    border-radius: 30px;
    padding: 50px 0;
    margin: 40px 20px 0 20px;
    gap: 40px;
}
.read-list .target-link {
    border-radius: 20px;
}
.wiki-main-list .item {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.wiki-main-list .item .effectBox {
    width: 100%;
    height: calc(calc(100vw - 200px) / 3);
    position: relative;
    transition: all 0.3s ease;
}
.wiki-main-list .target-link {
    position: relative;
    gap: 15px;
    padding: 0 20px;
}
.wiki-main-list .item .target-link::after {
    content: '';
    width: calc(100% - 40px);
    height: 100%;
    padding: 20px 40px;
    background-color: var(--white);
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease;
}
.wiki-main-list .item.scroll-effect .target-link::after {
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border: 1px solid var(--grey-ea);
    border-radius: 20px;
    transform: translate(-50%, -50%) scale(1);
}
.read-list .photoBox {
    width: 100%;
    height: calc(calc(100vw - 120px) * 0.9375);
    transform: translate(0, 0);
    top: -20px;
    right: -20px;
    will-change: transform;
}
.wiki-main-list .photoBox {
    width: calc(calc(100vw - 200px) / 3);
    height: calc(calc(100vw - 200px) / 3);
    transition: all 0.3s ease;
    z-index: 1;
}
.wiki-main-list .photoBox img {
    width: 100%;
    transform: translate(-50%, -50%);
}
.read-list .photoBox img {
    max-width: unset;
    width: auto;
    image-rendering: auto;
    will-change: transform;
    border-radius: 15px;
    overflow: hidden;
}
.read-list .contentBox {
    height: calc(calc(100vw - 120px) * 0.9375);
    padding: 30px;
    z-index: 10;
    background-color: var(--grey-f5);
}
.wiki-main-list .contentBox {
    position: relative;
    height: 100%;
    gap: 10px;
    z-index: 1;
}
.wiki-main-list .wiki-h3-title {
    margin-bottom: 0;
    font-size: 4.5vw;
    padding-bottom: 0;
    letter-spacing: -0.44px;
    white-space: nowrap;
}
.wiki-main-list .contentBox .text  {
    font-size: 13px;
    line-height: 18px;
    color: var(--grey);
}
.read-list .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.wiki-review-list {
    height: auto;
    grid-template-columns: repeat(1, 1fr);
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 20px 0 40px;
}
.wiki-review-list .review-item {
    padding: 35px 20px 35px 35px;
}
.contents-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 20px;
    list-style-type: disc;
    margin: 0 0 0 20px;
    gap:  10px;
    width: calc(100% - 20px);
}
.contents-list li {
    font-size: 12px;
    color: var(--grey);
}
.wiki-wrap.case {
    width: calc(100% - 40px);
}
.case-container {
    margin: 150px 0 0 70px;
}
.case-ii-list {
    grid-template-columns: repeat(1,1fr);
}
.case-ii-list .item {
    flex-direction: unset;
    align-items: flex-start;
}                                                                                                                         
.case-ii-list .item .logo_box {
    width: 40px;
    height: 40px;
}                        
.case-ii-list .item .logo_box.square img {
    width: calc(20px * 1.4142);
    height: calc(20px * 1.4142);
}               
.case-ii-list .chatBox {
    flex:1;
    width: 100%;
    border-radius: 5px 15px 15px 15px;
}
.ii-list-info {
    letter-spacing: -1.42px;
}
.case-text {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
}
.case-title {
    padding: 25px 15px;
}
.case-title h4 {
    font-size: 18px;
}
.case-contents {
    padding: 15px 15px 25px 15px;
}
.wiki-section.none-section .wiki-h2-title {
    font-size: 18px;
}
.flow-chart {
    grid-template-columns: repeat(1,1fr);
    gap: 50px;
}
.flow-title {
    font-size: 5.8974vw;
}
.flow-chart :where(.before-box, .after-box) {
    width: 100%;
}
.flow-chart .before-box .text-box.center p {
    left: calc(-1 * calc(100vw * 0.197435897435897));
    transform: unset;
}
.flow-chart .circle {
    width: calc(100vw * 0.179487179487179);
    height: calc(100vw * 0.179487179487179);
}
.flow-chart .circle.ss {
    width: calc(100vw * 0.128205128205128);
    height: calc(100vw * 0.128205128205128);
}
.flow-chart .person_icon {
    width: calc(calc(calc(100vw * 0.128205128205128) / 2) * 1.4142);
    height: calc(calc(calc(100vw * 0.128205128205128) / 2) * 1.4142);
}
.flow-chart .circle p,
.flow-chart .circle.lb p {
    font-size: 4.1026vw !important;   
}
.flow-chart .flow-container {
    width: 70%;
}
.flow-chart .flow-container .lb-text {
    font-size: 3.3333vw;
    left: calc(-1 * calc(100vw * 0.166666666666667));
    width: calc(100vw * 0.166666666666667);
}
.round-box {
    width: 100%;
    gap: unset;
    justify-content: space-between;
}
.flow-chart :where(.text-box, .round-box) p {
    font-size: 3.5897vw;
}
.round-box .item p {
    font-size: 3.0769vw;
}
.flow-chart .before-box .round-box:after,
.flow-chart .after-box > .round-box:after {
    width: calc(100vw - calc(calc(calc(calc(100vw * 0.128205128205128) / 2) * 2) + 84px));
}
.flow-caption {
    font-size: 4.6154vw;
}
.wiki-mainSection.illegal {
    padding: 75px 20px 100px 20px !important;
}
.illegal-main-list {
    gap: 75px;
}
.illegal-main-list .target-link {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}
.illegal-main-list li {
    height: calc(calc(95px * 0.576923076923077) + calc(calc(95px * 0.576923076923077) / 2));
}
.illegal-main-list li:not(:last-child) .target-link::after {
    content:'';
    width: 1px;
    height: 55px;
    background-color: var(--grey-ea);
    position: absolute;
    top: calc(100% + 13px);
    left: 47px;
}
.hexagon-contianer {
    position: relative;
    top: unset;
}
.illegal-main-list li:nth-child(odd) .hexagon-contianer {
    right: unset;
    transform: unset;
}
.illegal-main-list li:nth-child(even) .hexagon-contianer {
    left: unset;
    transform: unset;
}
.hex {
    width: 95px;
    height: 56px;
}
.hex.top {
    width: 95px;
    height: 28px;
    clip-path: polygon(0% 100%, 0% 102%, 100% 102%, 50% 0%);
}
.hex.bottom {
    width: 95px;
    height: 28px;
    clip-path: polygon(50% -2%, -2% -2%, 50% 100%, 100% -2%);
}
.illegal-main-list .photoBox {
    width: calc(95px - 30px);
    height: calc(95px - 30px);
}
.illegal-main-list .contentBox {
    width: 100%;
    position: unset;
    top: unset;
    transform: unset;
}
.illegal-main-list li:nth-child(odd) .contentBox {
    text-align: left;
    left: unset;
}
.illegal-main-list li:nth-child(even) .contentBox {
    right: unset;
}
.illegal-main-list .wiki-h3-title {
    padding-bottom: 0;
    font-size: 18px;
}
.illegal-main-list .contentBox .text {
    color: var(--grey);
}
/*************** 대출 위키 끝 ***************/


/*************** 핀라이프 시작 ***************/
body._fin._full._fbc {
    position: absolute;
}
._full header {
    height: 50px;
    top: -50px;
    /* height: 80px;
    top: -80px; */
}
._full header .wrapper {
    height: 50px;
}
/* ._full header .wrapper {
    height: unset;
    display: none;
}
._full._fbc._end._header header .wrapper {
    display: flex;
} */
.finlife-section.intro {
    /* height: 368rem; */
    height: 418.45rem;
    height: 420rem;
}
/* .finlife-section.intro._not_full {
    margin-top: 0;
} */

._fbc._end .finlife-section.intro {
    /* height: 100vh; */
    height: 420rem;
    /* align-items: flex-end; */
}
/* .finlife-section.intro .wrap-container {
    transform: translate3d(0,0,0);
    will-change: transform;
} */
.fixed-wrap {
    top: 0;
    padding: 100px 20px 0 20px;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}
._fbc .fixed-wrap {
    position: sticky;
    min-width: unset;
    /* height: 100vh; */
    /* height: 100%; */
    /* height: calc(100vh - 50px); */
    /* max-height: unset; */
    /* min-height: unset; */
    max-height: 70rem;
}
._fbc._end .fixed-wrap {
    min-width: 100vw;
    /* position: relative; */
    /* max-height: 100vh; */
    /* top: 0; */
    

    /* min-width: 100vw;
    position: absolute;
    max-height: 100vh;
    bottom: 0;
    min-height: 100vh;
    top: unset; */
}
#circle-draw {
    /* width: 150px;
    height: 150px; */
    /* left: -88px;
    top: -30px; */
    left: -155px;
    top: -222px;
    z-index: -1;
    left: -175px;
    top: -242px;
}
.finlife-section.intro .wrap-box.des {
    width: 100%;
    height: calc(100vw - 100px);
    padding-top: 0;
}
.wrap-box.graph::after {
    top: 54%;
    left: 110%;
}
.rotate-box {
    width: 100%;
    height: 100vw;
    right: -100vw;
    transform: unset;
    top: 20px;
}
.rotate-item {
    min-width: calc(100vw - 40px);
}
.rotate-item.one {
    transform: rotate(calc(var(--i) * (360deg/4))) translate(2%, 127vw);
}
.rotate-item.two {
    transform: rotate(calc(var(--i) * (360deg/4))) translate(-25%, 58vw);
}
.rotate-item.three {
    transform: rotate(calc(var(--i) * (360deg/4))) translate(2%, 33vw);
}
.rotate-item .des-box {
    width: calc(100vw - 20px);
    padding: 0 0 0 20px;
}
.finlife-section .sectionTitle {
    /* font-size: 13vw; */
    font-size: 12vw;
}
.wrap-box.des .text.main {
    font-size: 4.5vw;
    margin-top: 20px;
}
.wrap-box.des .text.sub {
    font-size: 14px;
    margin: 10px 0;
}
.wrap-box.des .text.total {
    font-size: 14px;
    margin-top: 40px;
}
.wrap-box.des .text.total .number {
    font-size: 23px;
}
.wrap-box.des .text.total::after {
    top: -23px;
    content: unset;
}
.wrap-box.graph {
    width: 100%;
    height: calc(100vw - 100px);
    position: unset;
    padding: 0;
    margin-top: 80px;
}
.wrap-box.graph .graph-list {
    max-width: 100%;
    gap: 15px;
}
.wrap-box.graph .graph-list .item, .wrap-box.graph .graph-list .item .val {
    gap: 15px;
}
.wrap-box.graph .graph-list .item .key {
    width: 80px;
    font-size: 14px;
}
.wrap-box.graph .graph-list .item .square_box {
    grid-template-columns: repeat(auto-fill, minmax(10px, 1fr)) !important;
    padding-right: 40px;
    gap: 3px;
}
.wrap-box.graph .graph-list .item .square_box .square_item {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}
.wrap-box.graph .graph-list .item .square_box .square_item.num::after {
    font-size: 11px;
    font-weight: 600;
    content: unset;
}
.circle-space-box {
    border-radius: 50%;
    transform-origin: center center;
    display: flex;
    align-items: center;
    position: absolute;
    border: 5px solid #fcf1db;
    top: -875px;
    left: -205px;
    height: calc(100vw * 2);
    width: calc(100vw * 2);
    transition: opacity 0.5s, transform 0.5s;
}
.circle-space-box .ball {
    width: calc(100vw / 6.5);
    height: calc(100vw / 6.5);
}
.logoSlide {
    bottom: 0;
    padding: 100px 0 !important;
}
.logoSlide .logoSlide-list {
    height: 50px;
}
.logoSlide .item:nth-child(odd) {
    /* will-change: transform;
    transform: translateZ(0); */
    transform: unset;
    top: -40px;
}
.logoSlide .item img {
    width: 50px;
    height: 50px;
}
body._fbc .content-Section {
    /* margin-top: -60%; */
    margin-top: -10%;
    /* margin-top: 100px; */
}
.rank-section .section_header {
    justify-content: flex-start;
}
.wrap-container.product-board .rank-section .section_header {
    justify-content: flex-start;
    background-color: transparent;
}
.rank-section .sectionTitle,
.wrap-container.product-board .rank-section .sectionTitle {
    font-size: 26px;
    padding: 0;
    margin-bottom: 10px;
}
.hf-modify .wrap-container .section_body {
    margin-top: 50px;
    padding: 0 !important;
    border-top: none;
}
.wrap-container.best-rank .rank-section {
    max-width: 100vw;
    padding: 0 20px;
}
.fin-product-list > .best-box {
    height: auto;
    background-color: var(--white);
    padding: 0;
}
.best-list {
    height: auto;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 30px;
}
.best-list .first {
    order: 1;
    margin-top: 0;
}
.best-list .second {
    order: 2;
    margin-top: 0;
}
.best-list .third {
    order: 3;
    margin-top: 0;
}
.best-list li.item {
    transform: unset;
}
.best-list .itemLink {
    display: grid;
    align-items: flex-start;
    padding: 0;
}
.best-list li.item .logo {
    /* width: 20vw;
    height: 20vw; */
    width: 50px;
    height: 50px;
    box-shadow: unset;
    background: unset !important;
}
.best-list li.item .logo img {
    clip-path: unset;
}
.best-list .item .num{
    position: absolute;
    right: 0;
    top: -18px;
    width: 100px;
    height: 100px;
    opacity: 0.06;
    font-size: 80px;
}
.best-list .item.first .num {
    color: #f06352;
}
.best-list .item.second .num {
    color: #f0b74c;
}
.best-list .item.third .num {
    color: #3cb6cb;
}
.ribbon-box {
    /* width: calc(20vw - 18px);
    height: calc(calc(20vw - 18px) + 20px); */
    display: none;
    /* width: 60px;
    height: 80px;
    top: calc(calc(calc(78px - 18px) + 20px) + 10px);
    left: calc(calc(78px / 2) / 4); */
}
/* .ribbon-line,
.ribbon-in {
    width: 100%;
    height: 100%;
}
.ribbon-line polygon {
    stroke-width: 7px !important;
} */
.best-list .item .description {
    position: relative;
    height: auto;
    /* min-height: 130px; */
    margin: 0;
    padding: 0;
    justify-content: unset;
    align-items: flex-start;
}
.best-list .item .description::after {
    content: unset;
}
/* .best-list .item .ribbon-box::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 25px;
    box-shadow: 0 40px 13px rgba(0, 0, 0, .05);
    background-color: transparent;
    border-radius: 50%;
} */
.best-list .item .description .name_box {
    grid-area: fin_name;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.best-list .item .description .rate {
    align-items: flex-start;
    grid-area: fin_rate;
    justify-content: flex-end;
    font-family: 'pt','SDGothicNeo';
    position: relative;
    top: 2px;
}
.best-list .item .description .condition {
    flex-wrap: wrap;
    position: absolute;
    width: calc(100vw - 145px);
    grid-area: fin_con;
    gap: 10px;
    justify-content: flex-start;
}
.best-list .item .description .condition .d_item {
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 600;
    color: var(--grey);
}
.fin-product-list.recent > .item {
    width: 100% !important;
}
.fin-product-list > li,
.best-list > li {
    height: 110px;
}
.fin-product-list > .item:not(.best-box) .itemLink,
.best-list .itemLink {
    border-radius: 0;
    grid-template-columns: 50px 1fr;
    gap: 15px;
}
.fin-product-list .num,
.fin-product-list .logo img,
._fin_main .fin-product-list .logo img {
    width: 50px;
    height: 50px;
}
.fin-product-list .num {
    font-size: 20px;
}
.fin-product-list:not(.recent) .num,
.fin-product-list.recent .num {
    font-size: 23px;
    order: 3;
}
.fin-product-list:not(.recent) .logo,
.fin-product-list.recent .logo {
    display: flex;
    justify-content: flex-end;
    order: 1;
}
.fin-product-list:not(.recent) > .item .description,
.fin-product-list.recent > .item .description {
    order: 2;
}
.fin-product-list > .item .description {
    display: grid;
    grid-template-areas:
        'fin_name fin_name fin_name fin_name fin_rate'
        'fin_con fin_con fin_con fin_con fin_con';
    gap: 10px;
}


/* .fin-product-list.recent .num {
    top: -32px !important;
    justify-content: flex-end;
} */
.fin-product-list.recent > .item .description {
    /* grid-template-areas:
        'fin_name fin_name fin_name fin_name fin_name fin_name fin_name fin_name'
        'fin_rate fin_rate fin_rate fin_con fin_con fin_con fin_con fin_con'; */
    grid-template-areas: unset;
    gap: 13px 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.fin-product-list.recent > .item .description .name_box {
    gap: 7px;
    margin-top: 3px;
    width: calc(100vw - 105px);
}
.fin-product-list.recent > .item .description .name_box .p_name {
    font-size: 14px;
}
.fin-product-list.recent > .item .description .rate {
    justify-content: flex-start !important;
    color: var(--blue) !important;
    font-family: 'pt','SDGothicNeo' !important;
}
.fin-product-list.recent > .item .description .rate div {
    font-weight: 700 !important;
    color: var(--blue) !important;
    font-family: 'pt','SDGothicNeo' !important;
    display: flex;
    align-items: baseline;
}
.fin-product-list.recent > .item .description .rate .per{
    color: var(--blue) !important;
    font-family: 'pt','SDGothicNeo' !important;
}
.fin-product-list.recent > .item .description .rate .mid {
    margin: 0 5px;
    color: var(--blue);
    font-family: 'pt','SDGothicNeo' !important;
}
.fin-product-list.recent > .item .description .rate .text,
.fin-product-list.recent > .item .description .condition .d_item .text {
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px;
    color: var(--blue);
    font-family: 'pt','SDGothicNeo' !important;
}
.fin-product-list.recent > .item .description .condition {
    flex-wrap: wrap;
    width: auto !important;
    color: var(--blue);
    font-family: 'pt','SDGothicNeo' !important;
    position: unset !important;
    /* top: 2px; */
}
.fin-product-list.recent > .item .description .condition .d_item {
    font-size: 16px !important;
    font-weight: 700;
    color: var(--blue);
    font-family: 'pt','SDGothicNeo' !important;
    border-radius: unset;
    line-height: normal;
    letter-spacing: normal;
    display: flex;
    align-items: baseline;
    background-color: unset;
    padding: 0 !important;
}




.fin-product-list > .item:not(.best-box) .name_box, 
.fin-product-list > .item:not(.best-box) .name_box div, 
.fin-product-list > .item:not(.best-box) .description .rate div:not(.per), 
.best-list .item .description .name_box, 
.best-list .item .description .name_box div, 
.best-list .item .description .rate div:not(.per) {
    font-size: 16px;
}
.fin-product-list > .item:not(.best-box) .description .rate {
    align-items: flex-start;
}
.fin-product-list > .item .description .rate div {
    font-family: 'pt','SDGothicNeo' !important;
}
.fin-product-list > .item:not(.best-box) .name_box .p_name, 
.best-list .item .description .name_box .p_name {
    font-size: 13px;
}
.finlife-section .mobile_banner {
    width: 100vw;
    border-radius: 0;
}
.finlife-section .mobile_banner a {
    border-radius: 0;
}
.finlife-section .mobile_banner:where(.deposit, .saving, .house, .rent, .credit, .annuity),
.fin-bannerSlide .mobile_banner:where(.calc, .deposit, .saving, .house, .rent, .credit, .annuity){
    margin-top: 0;
    padding: 0;
}
.finlife-section .mobile_banner.deposit a,
.fin-bannerSlide .mobile_banner.deposit a {
    /* background-color: #ea5544; */
    background-color: #5172ae;
}
.finlife-section .mobile_banner.deposit img,
.fin-bannerSlide .mobile_banner.deposit img {
    width: 24%;
}
.finlife-section .mobile_banner.saving a,
.fin-bannerSlide .mobile_banner.saving a {
    /* background-color: #f1a43c; */
    background-color: #158ca1;
}
.finlife-section .mobile_banner.saving img,
.fin-bannerSlide .mobile_banner.saving img {
    width: 19%;
}
.finlife-section .mobile_banner.house a,
.fin-bannerSlide .mobile_banner.house a {
    /* background-color: #68ce68; */
    background-color: #7166ab;
}
.finlife-section .mobile_banner.rent a,
.fin-bannerSlide .mobile_banner.rent a {
    /* background-color: #3b81f5; */
    background-color: #4f5698;
    
}
.finlife-section .mobile_banner.rent img,
.fin-bannerSlide .mobile_banner.rent img {
    width: 22%;
}
.finlife-section .mobile_banner.credit a,
.fin-bannerSlide .mobile_banner.credit a {
    /* background-color: #f8d649; */
    background-color: #1e9a9c;
    
}
.finlife-section .mobile_banner.annuity a,
.fin-bannerSlide .mobile_banner.annuity a {
    /* background-color: #b261ea; */
    background-color: #b2582a;
    
}
.finlife-section .mobile_banner.annuity img,
.fin-bannerSlide .mobile_banner.annuity img {
    width: 22%;
}
.wrap-container.product-board,
.hf-section .wrap-container.product-board,
.hf-section.hf-modify .wrap-container.product-board {
    margin: 0 0 100px 0;
}
.wrap-container.product-board .wrap-board {
    grid-template-columns: repeat(1,1fr);
    place-items: center;
    gap: 0;
}
.wrap-container.product-board .rank-section {
    max-width: 100vw;
    min-width: 100vw;
    border-radius: unset;
    padding: 50px 20px;
}
.rank-section {
    /* border-radius: 0; */
    padding: 50px 20px;
}
/* .rank-section.infoContent-list {
    padding: 30px 0 0 0;
} */
.finlifeMove-btn.js-observer {
    top: unset;
    left: 0px;
    /* left: 50%;
    transform: translateX(-50%); */
    /* bottom: 85px; */
    bottom: 50px;
    font-size: 13px;
    font-weight: 700;
    /* font-size: 14px;
    font-weight: 600; */
    background-color: transparent;
    /* padding: 18px 24px; */
    white-space: nowrap;
    /* color: var(--blue);
    border-color: var(--blue); */
    width: 100vw;
    height: 110px;
    font-size: 0;
    color: var(--white);
    border-radius: unset;
    border: unset;
    padding: 0;
    z-index: 1;
    /* -webkit-transform: translateY(100px);
    transform: translateY(100px); */
}
.finlifeMove-btn::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 24px;
    width: 42px;
    height: 42px;
    background-image: url(/res/svg/w_plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 15px;
    background-color: var(--blue);
    border-radius: 50%;
}
.finlifeMove-btn::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 45px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--blue);
    /* animation: pulse 2s infinite ease-in-out, shadow-pulse 2s infinite; */
    transform: translate(-50%, -50%);
    animation: shadow-pulse 2s infinite;
}

@keyframes pulse {
    /* from { transform: translate(-50%, -50%) scale(0.98); }
    to { transform: translate(-50%, -50%) scale(1.02); } */
    0% { transform: translate(-50%, -50%) scale(0.98); }
    50% { transform: translate(-50%, -50%) scale(1.02); }
    100% { transform: translate(-50%, -50%) scale(0.98); }
}
@keyframes shadow-pulse{
    0% {
        box-shadow: 0 0 0 0px rgba(59, 121, 220, 0.1);
    }
    100% {
        box-shadow: 0 0 0 13px rgba(59, 121, 220, 0);
    }
}


.finlifeMove-btn .r_a_icon {
    display: none;
}
.fin-product-list > .item:not(.best-box) .description {
    position: relative;
}
.fin-product-list > .item:not(.best-box) .description .condition {
    flex-wrap: wrap;
    position: absolute;
    width: calc(100vw - 145px);
}





.fin-product-list:not(.recent) > .item .itemLink {
    grid-template-columns: 50px 1fr;
}
.fin-product-list:not(.recent) .num,
.fin-product-list.recent .num {
    position: absolute;
    right: 0;
    top: -18px;
    width: 100px;
    height: 100px;
    opacity: 0.06;
    font-size: 80px;
}
.fin-product-list:not(.recent) .item:not(.first, .second, .third) .num {
    opacity: 0.07;
}
/* .fin-product-list.saving .num {
    top: -13px;
    left: -5px;
    width: 25px;
    height: 25px;
    position: absolute;
    font-size: 13px;
} */

.fin-product-list:not(.recent) > .item:not(.best-box) .description .condition .d_item {
    background-color: var(--grey-ed);
    color: var(--grey);
}
.fin-product-list > .item .description .condition .d_item {
    font-size: 10px !important;
    padding: 4px 11px !important;
    /* line-height: 1 !important; */
} 
.fin-product-list > li.backdrop-item {
    display: flex;
    pointer-events: none;
}
.fin-product-list > li.backdrop-item :where(.description, .logo) {
    opacity: 0.15;
}
.fin-product-list > li.backdrop-item .num {
    opacity: 0.03 !important;
}
.fin-product-list > li.backdrop-item .logo img {
    opacity: 0;
}
/*************** 핀라이프 끝 ***************/



/*************** 핀라이프 리스트 시작 ***************/
._fin._list {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    @supports (-webkit-appearance:none) and (stroke-color: transparent) {
        min-height: -webkit-fill-available;
    }
}
._fin .main-wrapper main,
._ecos .main-wrapper main,
._fss .main-wrapper main {
    height: auto;
}
.finlifeNav {
    margin-bottom: 0;
    height: 70px;
    justify-content: flex-start;
    /* padding: 30px 20px 0 20px; */
    padding: 0;
    /* overflow-x: scroll; */
    background-color: var(--white);
    flex-direction: unset;
    border-radius: 0;
}
/* .finlifeNav.snap {
    position: unset;
    bottom: unset;
    transform: unset;
    height: 50px;
    border-bottom: 1px solid var(--grey-ea);
} */
.finlifeNav.bl-ver {
    background-color: var(--white);
}
.finlifeNav .finlifeNav-list {
    gap: 5px;
    width: 100vw;
}
/* .finlifeNav.snap .finlifeNav-list {
    padding: 0 20px;
    height: 100%;
} */
.finlifeNav-list .item {
    border: 1px solid var(--grey-df);
    border-radius: 18px;
    padding: 0;
    padding: 8px 12px;
    height: 36px;
}
/* .finlifeNav.snap .finlifeNav-list .item {
    width: auto;
    height: 100%;
} */
/* .wiki-section.wiki-header.snap .wiki-h1-title {
    margin-bottom: 0;
    color:var(--black);
    padding: 0 20px;
    font-size: 40px;
} */
.finlifeNav-list > .item {
    margin-left: 20px;
}
.finlifeNav-list > .item .itemLink {
    gap: unset !important;
}
.finlifeNav-list .item .home-icon {
    width: 13px;
    height: 13px;
    margin-right: 5px;
}
.finlifeNav-list > .item .itemLink .nv {
    margin-right: 5px;
    width: 45px;
    overflow: hidden;
    transition: all 0.3s ease;
}
/* .wiki-section.wiki-header.snap .finlifeNav-list > .item .itemLink .nv {
    width: 50px;
} */
.finlifeNav-list > .item .itemLink.onload .nv,
.wiki-section.wiki-header.snap .finlifeNav-list > .item .itemLink.onload .nv {
    margin-right: 0;
    width: 0;
    
}
.finlifeNav-list > .item .itemLink.onload .home-icon {
	-webkit-animation: shake-br 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-br 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@keyframes shake-br {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

.finlifeNav .itemLink {
    flex-direction: unset !important;
    gap: 5px;
}
.home-icon {
    width: 18px;
    height: 18px;
    background-image: url(/res/svg/fe_home.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}
.finlifeNav-list .item .itemLink .text {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.33337;
    transition: all 0.3s ease;
    color: var(--grey);
}
.finlifeNav.snap .finlifeNav-list .item .itemLink .text {
    font-size: 16px;
}
.finlifeNav .finlifeNav-wrap {
    gap: 5px !important;
    white-space: nowrap;
    overflow-x: scroll;
    padding-right: 20px;
    justify-content: flex-start;
}
.finlifeNav.snap .finlifeNav-wrap {
    padding: 0;
    gap: unset !important;
    white-space: unset;
    overflow-x: unset;
    justify-content: flex-start;
}
.finlifeNav-wrap .item {
    padding: 0;
    border: none;
}
.finlifeNav-wrap .item .itemLink {
    padding: 8px 12px;
    border: 1px solid var(--grey-df);
    border-radius: 18px;
}
.finlifeNav.snap .finlifeNav-wrap .item .itemLink {
    border: none;
    border-radius: unset;
    height: 100%;
}
.finlifeNav-wrap .item.on .itemLink {
    border-color: var(--blue);
    background-color: var(--blue);
}
.finlifeNav.snap .finlifeNav-wrap .item.on .itemLink {
    background-color: var(--white);
    position: relative;
}
.finlifeNav.snap .finlifeNav-wrap .item.on .itemLink::after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: var(--black);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 25px;
}
.finlifeNav-wrap .item.on .itemLink .text {
    color: var(--white);
    font-weight: 800;
}
.finlifeNav.snap .finlifeNav-wrap .item.on .itemLink .text {
    color: var(--black);
}
.fin-icon {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
    font-size: 12px;
}
.finlifeNav::-webkit-scrollbar,
.finlifeNav-wrap::-webkit-scrollbar,
.fin-searchBox-list::-webkit-scrollbar,
.feTable-list::-webkit-scrollbar,
.annuityCalc-filter .btn-list::-webkit-scrollbar,
.annuity-list-box::-webkit-scrollbar,
.annuity-result::-webkit-scrollbar,
.subCategory-container::-webkit-scrollbar {
    display: none; /* 스크롤바 숨기기 */
}
.finlife-section.search .section_header {
    padding: 0 20px;
    align-items: flex-end;
}
.fin-searchBox-list {
    padding: 0 20px;
    white-space: nowrap;
    overflow-x: scroll;
}
.fin-searchBox-list .item .text {
    font-size: 13px;
    font-weight: 600;
}
.finlife-section.search .sort-box {
    transform: unset;
    padding: 0 20px;
    justify-content: flex-end;
    top: -2px;
}
.sort-svg {
    width: 15px;
    height: 15px;
}
.finlife-section.search.open .wrap-filter {
    bottom: 0;
    position: fixed;
    display: flex;
    flex-direction: column;
}
.fin-sort-list label.checkbox .text, .fin-sort-list .item.none_check .text {
    font-size: 13px;
    font-weight: 800;
}
.finlife-section.search.open .wrap-filter form {
    max-width: 100vw;
    min-width: 100vw;
    padding-top: 50px;
}
.fin-filter {
    gap: 35px;
    padding: 0 20px;
}
.filter-top {
    background: linear-gradient(to top, rgba(255, 255, 255, 0) -10%, rgba(255, 255, 255, 1)) 80%;
    position: absolute;
    /* height: 20px; */
}
.fin-filter .field {
    gap: 10px;
}
.fin-filter .field .key,
.bankgroup-list .bank-title {
    font-size: 16px;
    line-height: 25px;
}
.fin-filter .field .checkbox .check_wrap .text, .fin-filter .field .groupMoveBtn {
    font-size: 13px;
    line-height: 20px;
}
.bankgroup-list {
    gap: 20px 10px;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.bankgroup-list .bank-title {
    grid-column: span var(--auto-columns); 
}
.bankgroup-list .bank-item .check_wrap img {
    width: 50px;
    height: 50px;
}
.fin-filter .field .bankgroup-list .checkbox .check_wrap .text {
    font-size: 12px;
}
.fin-filter .field.bank_group .checkbox .check_wrap::after {
    top: -10px;
}
.fin-filter .field.bank_group .checkbox .check_wrap:has(>input:checked)::after {
    height: 110px;
}
.fin-filter .field.bank_group .checkbox svg {
    top: -2px;
    right: 5px;
}
.finlife-section.search.open .wrap-filter form .btn-box {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, 1) 70%);
    height: 90px;
}
.finlife-section.search.open .wrap-filter form .btn-box button {
    font-size: 14px;
}
.finlife-section.list-section {
    padding: 30px 0 50px 0;
}
.finlife-checklist {
    margin-top: 0;
}
.finlife-checklist .item {
    padding: 0 0 0 20px;
    gap: 0;
}
.finlife-checklist .item:not(:last-child)::after {
    width: calc(100% - 140px);
    left: 75px;
    background-color: var(--grey-f9);
}
.finlife-checklist.infoContent-list .item:not(:last-child)::after {
    width: calc(100% - 100px);
    left: 55px;
    background-color: var(--grey-f9);
}
.finlife-checklist .targetLink {
    gap:15px;
}
.finlife-checklist.infoContent-list .item {
    padding: 0;
}
.finlife-checklist .targetLink {
    align-items: flex-start;
    position: relative;
    padding: 33px 0;
    width: calc(100vw - 85px);
    flex: unset;
}
.finlife-checklist .img-box {
    height: 100%;
    display: flex;
    align-items: center;
}
.finlife-checklist .img-box img {
    width: 40px;
    height: 40px;
}
.finlife-checklist .name-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    width: 100%;
}
.finlife-checklist.line3 .description .name-box {
    max-width: calc(100vw - 180px);
}
.finlife-checklist .name-box .bank, .detail-diff-list .item .name .bank {
    font-size: 16px;
    /* max-width: 70%; */
}
.finlife-checklist .name-box .product, .detail-diff-list .item .name .product {
    font-size: 13px;
}
.finlife-checklist .info-box {
    gap: 5px;
    flex-wrap: wrap;
}
.finlife-checklist .rate-box {
    position: absolute;
    right: -45px;
    top: 35px;
}
.finlife-checklist .rate-box .num {
    font-size: 16px;
}
.finlife-checklist .check-area {
    height: calc(100% - 55px);
    margin-top: auto;
    width: 65px;
}
.finlife-checklist .check-area .checkbox .checkmark {
    width: 20px;
    height: 20px;
}
.finlife-checklist .check-area .checkbox .checkmark::after {
    left: 7px;
    top: 2px;
}
.finlife-checklist .info-box .i-item {
    font-size: 10px;
    padding: 4px 10px;
}
.finlife-section.list-section .pagination_box {
    padding: 0 20px;
}
.diff_viewer {
    width: 100vw;
    padding: 30px 20px;
}
.diff_viewer:has(>.wrap-diff.on.fold) {
    bottom: -287px;
}
.wrap-diff {
    gap: 40px;
}
.wrap-diff .foldBtn,
.filter-top .close-filter {
    width: 60%;
}
.diff-list .item-link img {
    width: 50px;
    height: 50px;
}
.diff-list .name {
    font-size: 12px;
    font-weight: 600;
}
.wrap-diff .diffBtn {
    z-index: 10;
    touch-action: manipulation; /* 또는 auto를 시도해보세요 */
    border-radius: 8px;
    line-height: 49px;
}
.diff-list .item-del {
    right: calc(calc(calc(calc(100vw - 30px) / 2) / 2) - 45px);
    width: 22px;
    height: 22px;
    background-size: 10px 10px;
    top: -4px;
}
.diff-popup {
    /* border-radius: 0; */
    transition: all 0.3s ease;
}
.diff-popup.on {
    width: 100vw;
    max-height: usnet;
    height: calc(var(--vh, 1vh) * 100);
    bottom: -100vh;
    transform: scale(0.5);
}
.diff-popup.on.view {
    padding: 0px 10px;
    bottom: 50%;
    transform: translateY(50%) scale(1);
}
.diff-popup.on.view::after {
    content: '';
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, 1) 70%);
    width: 100vw;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.diff-popup .layer_header .text {
    font-size: 22px;
}
#Layer .diff-popup .layer_body {
    margin-top: 0;
    padding-top: 30px;
    position: relative;
}
.diff-popup .layer_body::after {
    content:'';
    background: linear-gradient(to top, rgba(255, 255, 255, 0) -8%, rgba(255, 255, 255, 1) 75%);
    width: 100vw;
    height: 30px;
    position: fixed;
    top: 78px;
    left: 0;
    z-index: 3;
}
.detail-diff-list {
    grid-template-columns: 1fr 70px 1fr;
    margin-bottom: 50px;
}
.detail-diff-list .item .item-link {
    height: 130px;
    gap: 12px;
}
.detail-diff-list .item .logo img {
    width: 70px;
    height: 70px;
}
.detail-diff-list .item .name .bank {
    max-width: 100%;
}
.detail-diff-list .item:first-child .wrap-bar .status-bar .text,
.detail-diff-list .item:first-child .info {
    margin-right: 10px;
}
.detail-diff-list .item:last-child .wrap-bar .status-bar .text,
.detail-diff-list .item:last-child .info {
    margin-left: 10px;
}
.detail-diff-list .item .wrap-bar .status-bar .text {
    font-size: 10px;
}
.detail-diff-list .item .info {
    flex-wrap: wrap;
    height: auto !important;
    min-height: 35px;
}
.detail-diff-list .item .i-item {
    padding: 5px 10px;
    margin-bottom: 0;
}
.detail-diff-list .item:not(.mid) {
    padding-bottom: 15px;
}
.detail-diff-list .item.mid {
    width: auto;
    height: 100%;
}
.detail-diff-list .item.mid .title {
    height: 150px;
    font-size: 45px;
}
.detail-diff-list .item.graph_1::after, .detail-diff-list .item.graph_2::after {
    height: calc(100% - 140px);
    /* bottom: 15px; */
}
.detail-diff-list .item.mid::before, .detail-diff-list .item.mid::after {
    height: calc(100% - 140px);
    bottom: 0;
}
.detail-diff-list .item.mid > div:not(.title) {
    position: relative;
}
.detail-diff-list .item.mid > div:not(.title) span {
    position: absolute;
    background-color: var(--white);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: keep-all;
    text-align: center;
    padding: 0 5px;
    width: 100%;
}
.detail-diff-list .item.mid > div:not(.title) span,
.detail-diff-list .item.mid > div:not(.title) {
    font-size: 10px;
}
/*************** 핀라이프 리스트 끝 ***************/


/*************** 핀라이프 뷰 시작 ***************/
._fin._view .main-wrapper {
    max-width: 100vw;
    min-width: 100vw;
}
._fin._view header .wrapper {
    display: flex;
}
.fe-navi-box {
    display: none;
}
.feViewSection {
    padding: 30px 0 50px 0;
}
.feViewSection.js-finlife_fullmode {
    padding-top: 30px;
}
.simulation-adbox {
    padding: 0 20px;
}
.simulation-adbox .ad_icon {
    width: 100px;
    height: 100px;
}
.simulation-adbox :where(.m_ment, .price) {
    font-size: 18px;
    margin-top: 30px;
}
.simulation-wrap .priceViewBox :where(.won, .text),
.simulation-wrap .priceViewBox .text,
.simulation-wrap .priceViewBox .simulationPrice {
    font-size: 18px;
}
.simulation-wrap .priceViewBox .simulationPrice {
    position: relative;
    top:1px;
}
.simulation-wrap .priceViewBox .wrap.rate .text {
    margin-right: 5px;
}
.simulation-wrap .priceViewBox .text {
    margin-left: 5px;
}
.feViewSection .section_header .type-title {
    padding: 0 20px 25px 70px;
    font-size: 18px;
    font-weight: 700;
    color: var(--blue);
    border-bottom: unset;
}
.feViewSection .topInfoBox {
    padding: 0 20px 30px 20px;
    border-bottom: 10px solid var(--grey-fa);
    gap: 30px;
}
.feViewSection:where([data-type="hf_safe_house"], [data-type="hf_ddd"]) .topInfoBox {
    padding: 0 0 30px 0;
}
.feViewSection .topInfoBox .top {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 140px 20px;
}
.feViewSection:where([data-type="hf_safe_house"], [data-type="hf_ddd"]) .topInfoBox .top {
    padding: 0 20px;
}
.feViewSection .topInfoBox .top .logo {
    position: absolute;
    top: 20px;
    min-width: 40px;
    max-width: 40px;
}
.feViewSection .topInfoBox .top .logo img {
    width: 40px;
    height: 40px;
}
.feViewSection .topInfoBox .top .nameBox,
.feViewSection[data-type="annuity"] .topInfoBox .top .nameBox {
    width: 100%;
}
.feViewSection .topInfoBox .top .nameBox .pname {
    font-size: 18px;
    margin-top: 5px;
}
.feViewSection .topInfoBox .rateBox {
    margin-left: unset;
    flex-direction: column;
}
.feViewSection .topInfoBox .rateBox .content, 
.feViewSection .topInfoBox .rateBox .content .per {
    font-size: 48px;
}
.feViewSection .topInfoBox .rateBox .content .per {
    font-size: 30px;
    font-weight: 400;
}
.topInfoBox .bottom {
    display: grid;
    grid-template-columns: max-content auto;
    height: max-content;
}
.topInfoBox .bottom .item:first-child {
    min-width: fit-content;
}
.topInfoBox .bottom .item {
    height: max-content;
}
.feViewSection:where([data-type="hf_safe_house"], [data-type="hf_ddd"]) .topInfoBox .bottom {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    gap: 20px 0;
}
.feViewSection:where([data-type="hf_safe_house"], [data-type="hf_ddd"]) .topInfoBox .bottom .item {
    padding: 0 20px;
}
.feViewSection[data-type="hf_ddd"] .topInfoBox .bottom .item .key {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.feViewSection[data-type="annuity"] .topInfoBox .bottom {
    align-items: flex-start;
}
.feViewSection[data-type="annuity"] .topInfoBox .bottom .item {
    border-right: none;
    position: relative;
}
.feViewSection[data-type="annuity"] .topInfoBox .bottom .item:nth-child(1)::after {
    content: unset;
}
.feViewSection[data-type="annuity"] .topInfoBox .bottom .item:nth-child(2)::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: var(--grey-ea);
    position: absolute;
    left: 0;
}
.feViewSection .section_body {
    padding: 0;
}
.simulation-wrap {
    padding: 70px 20px;
    gap: 55px;
}
.simulationContainer {
    position: relative;
}
.simulType {
    padding: 0 20px;
    font-size: 16px;
}
.simulationContainer .update-date {
    right: 20px;
    top: 45px;
}
._newView .simulationContainer .update-date {
    top: 3px;
}
.m_simulationBtn {
    cursor: pointer;
    border-radius: 15px;
    padding: 8px 10px;
    background-color: var(--grey-f9);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: -4px;
    font-size: 13px;
    font-weight: 600;
    color: var(--grey);
}
/* .simulationContainer:has( > .feTable-list) {
    padding: 0 20px;
}
.simulationContainer:has( > .feTable-list) .simulType {
    padding: 0;
} */
.feTable-list {
    position: relative;
}
.feTable-list .item .num {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: var(--white);
}
.feTable-list .item .num::after {
    content: '';
    width: 20px;
    height: 104%;
    position: absolute;
    top: -1px;
    left: -21px;
    background-color: var(--white);
    z-index: 2;
}
.feTable-list .item.head .num {
    background-color: var(--blue-light);
}
.feTable-list:not(.head_left) {
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 20px;
    border: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    /* overscroll-behavior-y: none; */
    overscroll-behavior-x: none;
    display: flex;
    flex-direction: column;
}
.feViewSection[data-type="deposit"] .feTable-list:not(.head_left) {
    padding: 0 20px 50px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
._newView .feTable-list:not(.head_left) {
    padding: 0 20px 50px 20px;
    margin-bottom: 0;
}
.feViewSection[data-type="deposit"] .section_footer .feTable-list:not(.head_left) {
    padding: 0;
}
.feTable-list:not(.head_left) .item:first-child {
    border-top: 1px solid var(--grey-ea);
}
.feTable-list:not(.head_left) .item:last-child {
    border-bottom: 1px solid var(--grey-ea);
}
.feTable-list:not(.head_left) .item > div:first-child {
    border-left: 1px solid var(--grey-ea);
}
.feTable-list:not(.head_left) .item > div:last-child {
    border-right: 1px solid var(--grey-ea);
}
.feTable-list:not(.head_left) .item > div {
    padding: 0 20px;
}
.simulationContainer .chart-box {
    padding: 50px 0 50px 0;
    touch-action: pan-y;
}
.feViewSection[data-type="deposit"] .simulationContainer .chart-box,
.feViewSection[data-type="hf_safe_house"] .simulationContainer .chart-box {
    padding: 0 0 50px 0;
}
.simulationTitle {
    font-size: 16px;
    padding: 0 20px 20px 20px;
}
.update-box,
.hf-section .update-box {
    top: 49px;
    right: 20px;
}
.feViewSection[data-type="deposit"] .update-box {
    top: -1px;
}
.update-box .btn {
    width: 25px;
    height: 25px;
    font-size: 16px;
}
.update-box .text {
    height: 25px;
    font-size: 16px;
}
.legend-container {
    margin: 0;
    padding: 20px 20px 0 20px;
}
.legend-container ul {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
}
section[data-type="hf_bank"] .legend-container ul {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important;
}
.legend-container ul li {
    padding: 5px;
}
.legend-container ul li p {
    font-weight: 500;
}
.infoTable-list {
    border-bottom: none;
}
.infoTable-list > .item {
    padding: 0 20px;
}
.infoTable-list > .item .title-area {
    height: 60px;
}
.infoTable-list > .item .title-area .title {
    font-size: 15px;
}
.feTable-list.head_left .item {
    min-height: 50px;
    height: 100%;
    display: grid;
    grid-template-columns: 90px auto;
}
.infoTable-list > .item:first-child {
    border-top: 10px solid var(--grey-fa);
}
.infoTable-list > .item:last-child {
    border-bottom: 1px solid var(--grey-ea);
}
.feTable-list.head_left .key {
    width: 90px;
    min-height: 50px;
}
.feTable-list .item.head > div,.feTable-list .item > div, .feTable-list.head_left .key span,
.infoContent-list .i-item-list dd, .feTable-list.head_left .val span {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 600;
}
.infoContent-list .i-item-list dd, .feTable-list.head_left .val span {
    font-weight: 500;
}
.feViewSection[data-type="annuity"] .feTable-list.head_left .item {
    grid-template-columns: 150px auto;
}
.feViewSection[data-type="annuity"] .feTable-list.head_left .key {
    width: 150px;
}
.feTable-list.head_left .val {
    padding: 10px 20px;
}
.infoContent-list .i-item-list dd a, 
.feTable-list.head_left .val a {
    word-break: break-all;
}
.infoContent-list .i-item-list .feTable-list {
    padding: 0;
}
.infoContent-list .i-item-list .feTable-list .item .text {
    margin-left: 0;
}
.feTable-list.credit-rate {
    white-space: unset;
}
.feTable-list.credit-rate .item > div {
    padding: 0 5px;
    text-align: center;
    word-break: break-word;
    line-height: 1.2;
}
.feTable-list.credit-rate .item .rank {
    width: 100px;
    flex: unset;
}
.annuityCalc-container {
    padding: 0 0 50px 0;
    position: relative;
}
.annuityCalc-filter {
    margin-top: 0;
}
.annuityCalc-filter .btn-list {
    padding: 0 20px;
    overflow-x: scroll;
    white-space: nowrap;
}
.annuityCalc-filter .item .view-btn .text {
    font-weight: 600;
    font-size: 12px;
}
.annuityCalc-filter .item:not(.reset) {
    overflow: unset;
}

.annuityCalc-filter .item.reset.on {
    min-width: 0;
}
.annuityCalc-filter .item.reset {
    min-width: 65px;
}
.annuity-list-box {
    width: 100%;
    margin-top: 50px;
}
.annuity-result {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* position: relative; */
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    /* overscroll-behavior-y: none; */
    overscroll-behavior-x: none;
    padding: 0 20px;
    margin-top: 0;
}
.annuity-result .item {
    width: auto;
}
.annuity-result .item .box {
    transition: opacity 0.3s ease;
    min-width: 100px;
}
.annuity-result .item.head .box.one {
    background-color: var(--blue-light);
}
.annuity-result .item .box.one {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: var(--white);
}
.annuity-result .item.back .box.one {
    background-color: var(--grey-f9);
}
.annuity-result .item .box.one::after {
    content: '';
    width: 20px;
    height: 104%;
    position: absolute;
    top: -1px;
    left: -20px;
    background-color: var(--white);
    z-index: 2;
}
/* .annuity-result .item .box:where(.three, .four),
.annuity-result.on .item .box:where(.two, .five) {
    width: 0;
    padding: 0;
    opacity: 0;
    flex: unset;
    overflow: hidden;
}
.annuity-result.on .item .box:where(.three, .four) {
    width: 100%;
    flex: 1;
    opacity: 1;
    padding: 0 10px;
    overflow: unset;
} */
.annuity-result .item .box span {
    white-space: nowrap;
}
.annuity-result .item.filtering .box {
    height: 0;
    opacity: 0;
    overflow: hidden;
}
.totalSimulation-titleBox {
    display: none;
}
.totalSimulation-wrap {
    grid-template-columns: repeat(1,1fr);
    margin-top: 0;
}
.totalSimulation-wrap .feTable-list {
    margin-top: 15px;
    position: relative;
    overflow: unset;
}
.totalSimulation-wrap .feTable-list::after {
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    top: -20px;
    left: 20px;
}
.totalSimulation-wrap .feTable-list.rate-min::after {
    content: '최저 금리';
}
.totalSimulation-wrap .feTable-list.rate-max::after {
    content: '최대 금리';
}
.totalSimulation-wrap .feTable-list.rate-same::after {
    content: '원리금 균등상환';
}
.totalSimulation-wrap .feTable-list.rate-end::after {
    content: '만기 일시상환';
}
.totalSimulation-wrap .feTable-list:where(.rate-max, .rate-end) {
    margin-top: 30px;
}
.totalSimulation-wrap .feTable-list .item > div {
    padding: 0 10px;
}
.totalSimulation-wrap .feTable-list .item .num {
    width: 80px;
    flex: unset;
}
.totalSimulation-wrap .chart-box {
    grid-column: unset;
}
/*************** 핀라이프 뷰 끝 ***************/


/*************** 핀라이프 검색 관련 시작 ***************/
._fin .wordSearchBox .search-btn {
    transition: all 0.3s ease;
    width: 60px;
    overflow: hidden;
}
/* .wordSearchBox .resetBtn {
    background-image: url(/res/svg/reset_icon.svg);
    transition: all 0.3s ease;
    width: 0;
    overflow: hidden;
    height: 100%;
    background-size: 18px 18px;
    margin-left: 0;
} */
._fin .wordSearchBox .complete-form .search-btn {
    width: 0;
}
._fin .wordSearchBox .complete-form .wordDelBtn {
    width: 60px;
}
._fin .wordSearchBox .wordDelBtn {
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    border: none;
    transition: all 0.3s ease;
}
._fin .wordSearchBox .wordDelBtn .x_btn {
    width: 10px;
    height: 10px;
    background-image: url(/res/svg/wordinput_x.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 10px 10px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    position: relative;
    top: -1px;
}
._fin .wordSearchBox .textPrevBtn {
    height: 50px;
    margin-top: 10px;
}
._fin aside .rank-section {
    padding: 20px 0px 50px 0px;
    border-radius: 0;
    background-color: var(--white);
    width: 100%;
}

/*************** 핀라이프 검색 관련 끝 ***************/


/*************** 핀라이프 hf_ 관련 시작 ***************/
main:has(.wiki-section.wiki-header.snap) {
    background-color: var(--white);
}
.fin-bannerSlide {
    width: 100%;
    padding: 0 20px !important;
    margin: 50px 0;
}
.fin-bannerSlide ul {
    display: flex;
}
.hf-section,
.ecos-section,
.feViewSection.js-finlife_fullmode.hf-modify {
    padding: 0 0 50px 0;
}
.fin-bannerSlide .mobile_banner .ad_ment {
    white-space: nowrap;
}

.hf-section .simulationTitle {
    font-size: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
/* .hf-section:not([data-type="hf_ddd"]) .update-box {
    top: 48px;
} */
.hf-section .update-box .text,
.hf-section .update-box .btn {
    font-size: 18px;
}
.feViewSection[data-type="hf_ddd"] .section_body,
.feViewSection.hf-modify:where([data-type=hf_ddd],[data-type=hf_safe_house]) .section_body,
.hf-section.listType.hf-modify:where([data-type=hf_mbs],[data-type=hf_mbb]) .section_body {
    padding: 0 0 50px 0;
}
.ccb-list {
    margin-left: 0;
    white-space: nowrap;
    overflow: scroll;
}
.ccb-list::-webkit-scrollbar {
    display: none;
}
.ccb-list .item {
    font-size: 12px;
    padding: 5px 12px;
}
.hf-section .wrap-container.product-board .wrap-board {
    /* gap: 110px; */
    gap: 55px;
}
.hf_rank_rate,
.hf_rank_price {
    background-color: var(--white);
}
.hf-provision {
    /* bottom: -45px; */
    bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.hf-section .fin-product-list > .item:not(.best-box) .description .name_box {
    justify-content: flex-start;
}
.hf-section .fin-product-list > .item:not(.best-box) .description .condition {
    position: unset;
    width: 100%;
}
.hf-section .fin-product-list > .item:not(.best-box) .description .condition .d_item{ 
    padding: 0 !important;
    font-size: 14px !important;
}
.hf-section .fin-product-list .item:where(.first, .second, .third) .num {
    opacity: 0.05;
}
.hf-section .fin-product-list .item:not(.first, .second, .third) .num {
    opacity: 0.06;
}
.hf-section .simulation-box {
    margin-top: 100px;
}
.hf-modify .simulation-box {
    margin-top: 0;
}
/* .chart-scrollWrap:has(>.scrollView) {
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}
.chart-scrollWrap .chart-box.scrollView {
    width: 180vw;
} */
.chart-box form {
    margin: 5px 0 0 0;
}
.chart-box .Custom-select,
.chart-box .Custom-select .title ion-icon {
    height: 40px;
}
.chart-box .Custom-select .scroll {
    top : 38px;
}
.hf-section.listType .section_header {
    flex-direction: column;
    position: relative;
    gap: 15px;
}
.hf-section.listType .section_header .type-title {
    width: 100%;
    padding: 0 20px 0 20px;
    transition: all 0.3s ease;
}
.form-hf_search {
    width: 100%;
    padding: 0 20px !important;
}
.hf-section.listType .section_body{
    padding: 30px 0 20px 0;
}
.hf-section.listType .update-box {
    top: -2px;
}
.hf-section.listType .table-wrap,
.ecos-section.rate .table-wrap {
    padding: 50px 0 0 0;
}
.hf-section.listType .table-wrap {
    margin-top: 0;
}
.hf-section.listType .list-wrap,
.hf-modify .list-wrap,
.ecos-section:where(.gnipc, .rate, .exchange, .ecos_cpi_rate, .ccsi, .hloan, .mloan, .cloan, .sbloan, .bhld, .bcld, .apt_pincr, .apt_tsale, .apt_lincr, .hprate, .hse_tsale, .exlist-style) .list-wrap {
    padding: 0 20px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    border: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: none;
    display: flex;
    flex-direction: column;
}
.hf-section.listType .list-wrap::-webkit-scrollbar,
.hf-modify .list-wrap::-webkit-scrollbar,
.ecos-section:where(.gnipc, .rate, .exchange, .ecos_cpi_rate, .ccsi, .hloan, .mloan, .cloan, .sbloan, .bhld, .bcld, .apt_pincr, .apt_tsale, .apt_lincr, .hprate, .hse_tsale, .exlist-style) .list-wrap::-webkit-scrollbar{
    display: none;
}
.hf-list-title {
    width: 920px;
    border-left: none;
}
.hf-list-title > div,
.hf-list .item > div {
    width: 80px;
    flex: unset;
}
.hf-list {
    border-left: none;
}
.hf-list,
.hf-list .item {
    width: 920px;
}
.hf-list .item:nth-child(even) {
    width: 919px;
}
.exit-loan .section_body {
    padding: 0;
    border-radius: unset;
}
.hf-list.exit {
    border-bottom: unset;
}
.hf-list.exit,
.hf-list.exit .item {
    width: 100%;
    height: auto;
}
.hf-list.exit .link_item {
    display: grid;
    grid-template-areas: 'name name name name local'
                        'content content content content content';
    padding: 25px 0;
    place-content: space-between;
}
.hf-list.exit .name {
    grid-area: name;
    width: 100%;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px;
}
.hf-list.exit .local {
    grid-area: local;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
}
.hf-list.exit .item .local span {
    width: auto;
    height: auto;
    border-radius: unset;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -.39px;
}
.hf-list.exit .content {
    grid-area: content;
    padding: 0;
}
.hf-list.exit .item .content span {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.48;
    letter-spacing: -0.45px;
    color: var(--black);
    white-space: nowrap;
}
.hf-list.exit .content span:not(.st) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 135px; /* 필요에 따라 너비 조정 */
}
.hf-list-title .num,
.hf-list .item .num {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: var(--white);
    border-left: 1px solid var(--grey-ea);
}
.ecos-section:where([data-type="ecos_apt_pincr"],[data-type="ecos_apt_lincr"],[data-type="ecos_hprate"],[data-type="ecos_apt_tsale"],[data-type="ecos_hse_tsale"]) .hf-list-title .num,
.ecos-section:where([data-type="ecos_apt_pincr"],[data-type="ecos_apt_lincr"],[data-type="ecos_hprate"],[data-type="ecos_apt_tsale"],[data-type="ecos_hse_tsale"]) .hf-list .item .num,
.hf-section:where([data-type="hf_mbb"], [data-type="hf_mbs"]) .hf-list-title .num,
.hf-section:where([data-type="hf_mbb"], [data-type="hf_mbs"]) .hf-list .num {
    /* background-color: transparent !important; */
    border-left: none;
}
.hf-list-title .num {
    background-color: var(--white);
}
.hf-section:where([data-type="hf_mbb"], [data-type="hf_mbs"]) .hf-list-title div {
    background-color: var(--white);
}
.hf-list-title .num::after,
.hf-list .item .num::after {
    content: '';
    width: 21px;
    height: 108%;
    position: absolute;
    top: -1px;
    left: -21px;
    background-color: var(--white);
    z-index: 2;
}
/* .hf-section:where([data-type="hf_mbb"], [data-type="hf_mbs"]) .hf-list-title .num::after,
.hf-section:where([data-type="hf_mbb"], [data-type="hf_mbs"]) .hf-list .num::after {
    left: -22px;
} */
.ecos-section:where([data-type="ecos_apt_pincr"],[data-type="ecos_apt_lincr"],[data-type="ecos_apt_tsale"],[data-type="ecos_hse_tsale"]) .hf-list-title .num::after,
.ecos-section:where([data-type="ecos_apt_pincr"],[data-type="ecos_apt_lincr"],[data-type="ecos_apt_tsale"],[data-type="ecos_hse_tsale"]) .hf-list .item .num::after {
    content: unset;
}
.hf-list-title div:where(.issue, .avg),
.hf-list .item div:where(.issue, .avg) {
    width: 100px;
}
.hf-section.listType .section_footer,
.ecos-section .section_footer {
    padding: 0 20px;
}
.m_viewSearch {
    position: absolute;
    right: 20px;
    height: 30px;
    top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    font-weight: 500;
}
/* ._fin .flatpickr-day {
    width: calc(calc(100vw - 80px) / 7) !important;
    max-width: calc(calc(100vw - 80px) / 7) !important;
    height: calc(calc(100vw - 80px) / 7) !important;
    line-height: calc(calc(100vw - 80px) / 7) !important;
} */
.hf-section.ow-box {
    padding: 60px 0;
}
.hf-section.ow-box .sectionTitle {
    padding: 0 20px;
}
.hf-section.ow-box .section_body.fieldset {
    padding: 0 20px;
}
.hf-section.ow-box .section_body.fieldset .field.adress-result::-webkit-scrollbar {
    display: none;
}
.hf-section.ow-box .section_body.fieldset .field.adress-result .hf-list-title,
.adress-result .hf-list, 
.adress-result .hf-list .item {
    width: 100%;
}
.hf-section.ow-box .section_body.fieldset .field.adress-result .hf-list,
.hf-section.ow-box .section_body.fieldset .field.adress-result .hf-list-title {
    border-left: 1px solid var(--grey-ea);
}
.hf-section.ow-box .section_body.fieldset .field.adress-result .code {
    width: 30%;
    flex: unset;
}
.hf-section.ow-box .section_body.fieldset .field.adress-result .adress {
    width: 100%;
    flex: 1;
    line-height: 1.3;
}
.hf-section.ow-box .section_body.fieldset .field.adress-result .check {
    width: 15%;
}

.calc-section.hf-resultSection {
    margin: 0;
    padding: 50px 20px;
}
.hf-inputSection .fieldset.condition,
._h_side .hf-inputSection .fieldset.condition {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
}
.hf-resultSection .section_body,
._h_side .hf-resultSection .section_body {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 0 50px 0;
}
.hf-inputSection .fieldset.condition .field:not(.gpadc),
._h_side .hf-inputSection .fieldset.condition .field:not(.gpadc) {
    grid-column: span 1;
}
.hf-inputSection .fieldset.condition .field.gpadc .val {
    grid-template-columns: repeat(1, 1fr);
}
.hf-inputSection .fieldset.condition .field.gpadc {
    margin-top: -30px;
}
.calc-section.hf-inputSection.hmp,
.calc-section.hf-resultSection.hmp {
    padding: 50px 0;
}
.calc-section.hf-inputSection.hmp .section_header {
    padding: 0 20px;
}
.calc-section.hf-resultSection.hmp .section_header {
    padding: 0 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.calc-section.hf-resultSection.hmp .section_header .sectionSubTitle {
    padding: 0;
}
.bar-chart-area .legend-container .list-wrap {
    width: 100%;
    margin: 0 0 0 20px;
}
.bar-chart-area .legend-container .hf-list-title,
.bar-chart-area .legend-container .hf-list {
    border-left: 1px solid var(--grey-ea);
}
.bar-chart-area .legend-container .hf-list-title,
.bar-chart-area .legend-container .hf-list,
.bar-chart-area .legend-container .hf-list .item {
    width: 100%;
}
.bar-chart-area .legend-container .hf-list-title > div,
.bar-chart-area .legend-container .hf-list .item > div {
    width: 100%;
    flex: 1;
}
.calc-section.hf-resultSection.hmp .chart-scrollWrap .chart-box.scrollView {
    width: 200vw;
}
.hf-resultSection .section_body.exchange-area {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 20px 50px 20px;
}
.exchange-area .simulationContainer .chart-box {
    pointer-events: none;
}
/* .exchange-area > .item {
    height: calc(calc(calc(100vw - 50px) / 2) + 20px);
} */
.exchange-area .simulationContainer .chart-box .simulationTitle {
    font-size: 12px;
    font-weight: 700;
    margin: 20px 0 20px 10px;
    padding: 0;
}
.exchange-area .simulationContainer .chart-box canvas {
    margin: 0 5px 5px 5px;
}
.exchange-area .legend-container {
    padding: 0 10px;
}
.exchange-area .legend-container .repay-list :where(.key, .val) {
    font-size: 10px;
}
/*************** 핀라이프 hf_ 관련 시작 ***************/




/*************** ecos 시작 ***************/
.subCategory-container {
    height: 50px;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100vw;
    background-color: var(--grey-f9);
}
.subCategory-container .subMenu {
    padding: 0 20px;
    gap: 10px;
}
.subCategory-container .subMenu .item {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--grey);
    padding: 0 12px;
    width: auto;
    height: 100%;
}
/* .exlist-style {
    background-color: var(--white);
} */
._fin:not(._origin) aside, ._ecos aside {
    display: flex;
}
/* .ecos-section {
    padding: 0 0 50px 0;
} */
.exlist-style .section_header {
    background-color: var(--white);
}
.ecos-section .sectionTitle {
    margin: 0;
    padding: 30px 20px;
    font-size: 18px;
    font-weight: 700;
}
.ecos-section.exlist-style .sectionTitle,
.hf-modify .sectionTitle:not(.wrap-container.product-board .sectionTitle) {
    font-size: 30px;
    margin-top: 0;
    font-weight: 800;
}
.ecos-section .section_body {
    margin: 0;
    padding: 0 0 20px 0 !important;
    border-top: 1px solid var(--grey-ea);
}
.ecos-section .section_body:has(>.simulationContainer>.table-wrap),
.ecos-section:where([data-type=ecos_dic], [data-type="search"]) .section_body {
    border-top: none;
}
.ecos-section[data-type=ecos_dic] .section_body .simulationContainer {
    padding: 10px 0 0 0;
}
.ecos-section[data-type="ecos_exchange"] .section_body {
    border-top: 0;
}
.ecos-section .section_body .simulationContainer {
    padding: 30px 0 0 0;
    border-top: none !important;
}
.ecos-section[data-type="ecos_exchange"] .simulationContainer,
.ecos-section .section_body .simulationContainer:has(>.table-wrap) {
    padding: 0;
}
.ecos-section.card .simulType {
    padding: 0 20px 20px 20px;
}
.chart-sub-title {
    padding: 0 20px;
}
.ecos-section.exlist-style .simulationContainer:has(>.chart-scrollWrap.chart_grid) {
    border-top: none;
    padding: 0;
    /* margin-top: 20px; */
}
.chart-scrollWrap.chart_grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
    margin-top: 0;
}
._newView .chart-scrollWrap.chart_grid.span_2 {
    padding: 50px 0;
}
.ecos-section .section_body .simulationContainer .chart-scrollWrap:not(:first-child) .chart-box {
    padding-top: 50px;
}
.ecos-section .section_body .simulationContainer .chart-box {
    padding: 0 0 50px 0;
}
.ecos-section .section_body .simulationContainer .chart-scrollWrap .chart-box {
    padding: 0 !important;
}
.ecos-section .section_body .simulationContainer .chart-scrollWrap.chart_grid .chart-box,
.hf-modify .section_body .simulationContainer .chart-scrollWrap.chart_grid .chart-box,
._newView .section_body .simulationContainer .chart-scrollWrap.chart_grid .chart-box {
    padding: 50px 0!important;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--grey-f2);
    position: relative;
    /* width: calc(100vw - 30px); */
}
.ecos-section:not(.historyList-section) .section_body .simulationContainer .chart-scrollWrap.chart_grid .chart-box:last-child,
.hf-modify .section_body .simulationContainer .chart-scrollWrap.chart_grid .chart-box:last-child,
._newView .section_body .simulationContainer .chart-scrollWrap.chart_grid .chart-box:last-child {
    border-bottom: none;
}
.ecos-section .simulationTitle {
    font-size: 24px;
    display: flex;
    /* flex-direction: column;
    align-items: flex-start; */
    gap: 10px;
    align-items: baseline;
}
.ecos-section .simulationTitle .unitText, .exlist-style .simulationTitle .unitText {
    margin-left: unset;
}
.chart-scrollWrap.chart_grid .simulationTitle {
    font-size: 20px;
    margin-bottom: 0;
    padding: 0 20px 30px 20px;
}
.chartInfo-box {
    margin-top: 30px;
}
.ecos-section .chart-scrollWrap.chart_grid .chart-box .update-box,
.hf-modify .chart-scrollWrap.chart_grid .chart-box .update-box,
._newView .chart-scrollWrap.chart_grid .chart-box .update-box{
    margin-bottom: 30px;
    padding: 0 20px;
}
.ecos-section .chart-scrollWrap.chart_grid .chart-box .chartInfo-box,
.hf-modify .chart-scrollWrap.chart_grid .chart-box .chartInfo-box {
    padding: 0 20px;
    margin-bottom: 10px;
}
.ecos-section .chart-scrollWrap.chart_grid .chart-box .source-box,
.hf-modify .chart-scrollWrap.chart_grid .chart-box .source-box {
    margin-bottom: 0;
    padding: 0 20px;
}
.ecos-section .chart-scrollWrap.chart_grid .chart-box canvas {
    padding: 0 5px;
}
.expand-btn {
    right: 20px;
    top: 145px;
}
.ecos-section .update-box:not(.m_top) {
    top: -1px;
}
.ecos-section .update-box.m_top {
    top: 49px;
}
.ecos-section .update-box .text, 
.ecos-section .update-box .btn {
    font-size: 18px;
}
.ecos-section .update-box .text {
    height: 35px;
}
.update-box .box-btn {
    width: 50px;
    border-radius: 50px;
    font-weight: 500;
    line-height: 1.3;
}
.chart-wrap.multi-box {
    flex-direction: column;
}
.chart-wrap.multi-box .chart-scrollWrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px;
}
.feTable-list.ecos_card:not(.head_left) .item {
    width: 740px;
}
.ecos-section.historyList-section {
    padding: 30px 0 70px 0;
}
.ecos-section.historyList-section .section_body {
    padding: 0 !important;
    border-top: none;
}
.ecos-section.historyList-section .section_body .simulationContainer {
    padding: 0;
}
.ecos-section.historyList-section .table-wrap,
.ecos-section.exlist-style .table-wrap,
.hf-modify.exlist-style .table-wrap{
    padding: 0;
    margin-top: 0;
}
.hf-modify:where([data-type="hf_mbb"],[data-type="hf_mbs"]) .table-wrap {
    margin-top: 80px;
}
.ecos-section.exlist-style .table-wrap .simulationTitle,
.hf-modify.exlist-style .table-wrap .simulationTitle,
.ecos-section.exlist-style .table-wrap .simulationTitle .unitText,
.hf-modify.exlist-style .table-wrap .simulationTitle .unitText{
    display: inline-block;
}
.ecos-section.exlist-style .table-wrap .simulationTitle .unitText,
.hf-modify.exlist-style .table-wrap .simulationTitle .unitText{
    margin-left: 5px;
}
.hf-section.listType .table-wrap, .ecos-section:where(.rate,.gnipc,.ecos_cpi_rate,.ccsi,.hloan,.mloan,.cloan,.sbloan,.bhld,.bcld,.apt_pincr,.apt_tsale,.apt_lincr,.hprate,.hse_tsale,.exlist-style) .table-wrap {
    padding: 0;
}
.hf-modify.exlist-style:where([data-type="hf_mbb"], [data-type="hf_mbs"]) .table-wrap{
    margin-top: 80px;
}
.ecos-section.historyList-section .section_footer {
    margin-top: 30px;
}
.ecos-section:not(.exlist-style) .hf-list .item:nth-child(even) .num {
    background-color: var(--grey-fc);
}
.ecos-section .hf-list-title > div,
.ecos-section .hf-list .item > div {
    flex: 1;
}
.ecos-section .hf-list-title,
.ecos-section .hf-list {
    width: 600px;
}
.ecos-section:where([data-type="ecos_apt_pincr"],[data-type="ecos_apt_lincr"],[data-type="ecos_hprate"],[data-type="ecos_apt_tsale"],[data-type="ecos_hse_tsale"],[data-type="ecos_rate"]) .hf-list-title,
.ecos-section:where([data-type="ecos_apt_pincr"],[data-type="ecos_apt_lincr"],[data-type="ecos_hprate"],[data-type="ecos_apt_tsale"],[data-type="ecos_hse_tsale"],[data-type="ecos_rate"]) .hf-list,
.hf-modify:where([data-type="hf_ddd"]) .hf-list-title,
.hf-modify:where([data-type="hf_ddd"]) .hf-list {
    width: 100%;
}
.hf-modify .hf-list-title {
    background-color: var(--white);
}
.ecos-section .hf-list .item,
.hf-modify:where([data-type="hf_ddd"]) .hf-list .item {
    width: 100%;
}
.hf-modify.exlist-style:where([data-type="hf_mbb"], [data-type="hf_mbs"]) .hf-list-title .avg {
    white-space: normal;
    text-align: center;
    word-break: keep-all;
}
/* .ecos-section .hf-list .item:nth-child(even) {
    width: 599px;
} */
.ecos-section.exlist-style .hf-list-title {
    background-color: var(--white);
}
.ecos-section.exchange .hf-list-title,
.ecos-section.exchange .hf-list {
    width: 950px;
}
.ecos-section.exchange .hf-list .item {
    width: 100%;
    position: sticky;
}
.ecos-section.exlist-style.rate .hf-list-title .num,
.ecos-section.exlist-style.rate .hf-list .num {
    width: 100px;
    flex: unset;
}
.ecos-section.exlist-style.rate .hf-list-title div:not(.num),
.ecos-section.exlist-style.rate .hf-list div:not(.num) {
    width: 100%;
    text-align: center;
    white-space: normal;
    word-break: keep-all;
}
.hf-list-title .currency, 
.hf-list .item .currency {
    flex: 3 !important;
}
/* .ecos-section.exchange .hf-list .item:nth-child(even) {
    width: 749px !important;
} */
.ecos-section:where(.ecos_cpi_rate, .ccsi, .hloan, .mloan, .cloan, .sbloan, .bhld, .bcld, .hprate) .hf-list-title,
.ecos-section:where(.ecos_cpi_rate, .ccsi, .hloan, .mloan, .cloan, .sbloan, .bhld, .bcld, .hprate) .hf-list {
    width: 1250px;
} 
.ecos-section:where(.ecos_cpi_rate, .ccsi, .hloan, .mloan, .cloan, .sbloan, .bhld, .bcld, .hprate) .hf-list .item {
    width: 100%;
}
/* .ecos-section:where(.ecos_cpi_rate, .ccsi, .hloan, .mloan, .cloan, .sbloan, .bhld, .bcld, .hprate) .hf-list .item:nth-child(even) {
    width: 1249px !important;
} */
.ecos-section:where(.apt_pincr, .apt_tsale, .apt_lincr, .hse_tsale, .gnipc) .hf-list-title,
.ecos-section:where(.apt_pincr, .apt_tsale, .apt_lincr, .hse_tsale, .gnipc) .hf-list, 
.ecos-section:where(.apt_pincr, .apt_tsale, .apt_lincr, .hse_tsale, .gnipc) .hf-list .item,
.ecos-section:where(.apt_pincr, .apt_tsale, .apt_lincr, .hse_tsale, .gnipc) .hf-list .item:nth-child(even) {
    width: 100%;
}
.ecos-section:where(.ecos_cpi_rate, .ccsi, .hloan, .mloan, .cloan, .sbloan, .bhld, .bcld, .hprate) .legend-container ul {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important;
}
.ecos-section.exchange .section_header .update,
.ecos-section.dic .section_header .update {
    right: 20px;
    bottom: 33px;
    font-size: 11px;
}
.exchange_chart_box {
    padding: 50px 20px !important;
    min-height: calc(calc(calc(calc(100vw - 50px) / 2) * 3) + 20px);
}
.exchange_chart_box .loading {
    height: calc(calc(calc(calc(100vw - 50px) / 2) * 3) + 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    width: 100vw;
    background-color: var(--white);
}
.exchange_chart_box .exchange_chart_list li {
    height: calc(calc(calc(calc(100vw - 50px) / 2)* 3) + 20px);
}
.exchange_chart_box .exchange_chart_list li .grid-wrap {
    grid-template-columns: repeat(2, 1fr);
}
.exchange_chart_box .exchange_chart_list .chart-box {
    padding: 0 !important;
    height: calc(calc(100vw - 50px) / 2);
    width: calc(calc(100vw - 50px) / 2);
    border: 1px solid var(--grey-ea);
}
.exchange_chart_box .exchange_chart_list .chart-box .simulationTitle {
    font-size: 13px;
    padding: 10px 10px 0 10px;
    margin-bottom: 8px;
}
.exchange_chart_box canvas {
    /* z-index: -1; */
    margin: 0 5px 5px 5px;
}
.exchange_chart_box .exchange_chart_list .legend-container {
    padding: 0px 10px 0 10px;
}
.exchange_chart_box .exchange_chart_list .legend-container .ex_price {
    font-size: 20px;
    padding: 0;
}
.exchange_chart_box .exchange_chart_list .legend-container .ex_price.per {
    font-size: 12px;
    margin-top: 5px;
}
.exchange_chart_box .exchange_chart_list .legend-container .ex_price.per span, 
.chart_popup .info .price, .chart_popup .info .price span {
    font-size: 12px;
}
.swiper-pagination.exchange {
    /* top: calc(calc(calc(calc(100vw - 50px) / 2) * 3) + 125px); */
    top: calc(calc(calc(calc(100vw - 50px) / 2) * 3) + 100px);
}
.ecos-section[data-type=ecos_exchange] .update {
    right: 0;
    top: calc(calc(calc(calc(100vw - 50px) / 2)* 3) + 130px);
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.chart_popup {
    width: 100vw;
    /* height: 550px; */
    height: 100%;
    padding: 50px 0px;
    border-radius: unset;
}
#Layer .chart_popup  .layer_header .popupClose {
    position: absolute;
    top: 10px;
    right: 10px;
}
#Layer .chart_popup  .layer_header {
    padding: 0 20px;
}
.exchange_calc-wrap {
    padding: 100px 0 50px 0;
}
.exchange_calc-wrap .ex_calc-wrap {
    grid-template-columns: repeat(1, 1fr);
}
.exchange_calc-wrap .ex_calc_box {
    /* grid-template-rows: 106px 20px 106px; */
    grid-template-rows: auto 20px auto;
    padding: 0;
    gap: 20px;
}
.exchange_calc-wrap .ex_calc_title {
    align-items: center;
    margin-bottom: 30px;
}
.exchange_calc-wrap .ex_calc_title .simulationTitle {
    padding: 0 20px;
    margin-bottom: 0;
}
.exchange_calc-wrap .ex_calc_title .Custom-select {
    margin-right: 20px;
}
.exchange_calc-wrap .ex_calc_box .input-box {
    /* grid-template-areas:
        'name name name'
        'i_v i_v i_v'
        't_v t_v t_v'; */
    width: calc(100vw - 40px);
    grid-template-columns: 50% auto auto;
}
:where(.exchange_calc-wrap, .exchange) .national_flag {
    margin: 1px 10px 0 0;
}
.exchange_calc-wrap .ex_calc_box .input-box .nation_box,
.exchange_calc-wrap .ex_calc_box .input-box .nation_box .title {
    height: 100%;
    /* margin-bottom: 30px; */
    width: 100%;
    /* border-right: none; */
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    color:var(--black);
    letter-spacing: -.3px;
    border-radius: 10px 0 0 10px;
}
.exchange_calc-wrap .ex_calc_box .input-box .nation_box.active {
    height: 68px;
    width: 101%;
    border: 2px solid var(--blue);
    /* width: calc(100vw - 40px); */
}
.exchange_calc-wrap .ex_calc_box .input-box .nation_box .scroll {
    border: 2px solid var(--blue);
    top: 66px;
    border-top: none;
    left: -2px;
    right: -2px;
}
.exchange_calc-wrap .ex_calc_box .input-box .nation_box .scroll ul {
    max-height: 372px;
}
.exchange_calc-wrap .ex_calc_box .input-box input,
.exchange_calc-wrap .ex_calc_box .input-box .text-box {
    font-size: 18px;
    width: 100%;
}
.market_price-box {
    width: calc(100vw - 40px);
    margin: 0 auto;
    border: 2px solid var(--grey-d3);
}
.table-wrap.exchange {
    padding: 0;
}
.exchange .hf-list-title .num,
.exchange .hf-list .item .num {
    background-color: var(--white);
    width: 45px;
    flex: unset;
}
.exchange .hf-list-title .name,
.exchange .hf-list .name {
    width: 200px;
    flex: unset !important;
}
.hf-list .item:last-child .num::after {
    height: 108%;
}
#Layer .address_popup {
    width: 100vw;
    height: 100%;
    /* padding: 50px 20px; */
    padding: 50px 20px 0 20px;
    display: grid;
    grid-template-rows: 50px auto;
    background-color: var(--white);
    border-radius: unset;
}
#Layer .address_popup  .layer_header h2 {
    height: auto;
    padding: 0;
}
#Layer .address_popup  .layer_header .popupClose {
    position: absolute;
    top: 10px;
    right: 0;
}
#Layer .address_popup .layer_header.non_top {
    border-bottom: none;
}
.address_popup .layer_body {
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
}
.address_popup .hf-list-title,
.address_popup .hf-list {
    border-left: 1px solid var(--grey-ea);
}
.address_popup .hf-list-title,
.address_popup .hf-list .item,
.address_popup .hf-list-title div {
    width: 100%;
    height: 50px;
}
.address_popup .hf-list {
    width: 100%;
    height: auto;
}
.address_popup .hf-list-title .code,
.address_popup .hf-list .item .code {
    width: 100px;
}
.address_popup .hf-list-title .address,
.address_popup .hf-list .item .address {
    flex: 1 !important;
}
.form-adress_finder .field.adress_keyword {
    width: calc(100vw - 40px);
    top: -87px;
    left: 20px;
}
.form-adress_finder .field.adress_keyword .val {
    padding: 0 0px 0 10px;
}
.hf-section.hf-addressFinder {
    padding: 0;
}
.chart-box canvas {
    touch-action: pan-y !important;
    /* user-select: auto !important; */
    -webkit-user-drag:none !important
}
.stats-card.on {
    position: fixed;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
}
.stats-title {
    font-size: 24px;
}
.stats-wrap .stats_header {
    padding: 20px 20px 40px 20px;
}
.stats-wrap .stats_body {
    padding: 0;
    grid-template-columns: repeat(1,1fr);
}
.stats-card {
    padding: 0 20px;
    overflow-x: auto;
    white-space: nowrap;
    border: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: none;
    display: flex;
    flex-direction: column;
}
.stats-card .card-header {
    transition: none;
    padding: 0;
    height: 35px;
}
/* .stats-card.on .card-header {
    background-color: var(--white);
    width: 100vw;
} */
.card-title {
    font-size: 20px;
    padding: 0;
}
.stats-card .card-body {
    transition: none;
}
.stats-card.on .card-body {
    padding: 15px 10px;
    width: 100vw;
    position: unset;
    background-color: var(--white);
}
.stats-card.on .card-body::after {
    content: unset;
}
.card-fixTitle .type-name,
.stats-card .card-body .card-item .type-name {
    line-height: 1.53;
    flex: unset;
    white-space: break-spaces;
}
.stats-card .card-body .card-item {
    height: auto;
    min-height: 55px;
}
/* .card-fixTitle div, */
.stats-card .card-body .card-item > div {
    /* flex: 1; */
    padding: 15px 0 !important;
}
.stats-card .card-header .card-title,
.card-fixTitle .type-name,
.stats-card .card-body .card-item .type-name {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: var(--white);
    height: 100%;
}
.stats-card .card-header .card-title::after,
.card-fixTitle .type-name::after, 
.stats-card .card-body .card-item .type-name::after {
    content: '';
    width: 20px;
    height: 104%;
    position: absolute;
    top: -2px;
    left: -20px;
    background-color: var(--white);
    z-index: 2;
}
.stats-card .card-body .card-item:last-child .type-name::after {
    height: 108%;
}
.card-fixTitle .rate-box,
.stats-card .card-body .card-item .rate-box {
    flex-direction: column;
    flex: unset;
    gap: 10px;
}
.stats-card .card-body .card-item .data-value {
    padding: 15px 20px !important;
}
.stats-card .card-fixTitle .ex_price,
.stats-card .card-fixTitle .data-value,
.stats-card .card-body .card-item .rate-box .ex_price,
/* .stats-card .card-body .card-item .data-value, */
.stats-card .card-body .card-item .date-quarter {
    justify-content: center;
}
.card-fixTitle .rate-box,
.stats-card .card-body .card-item .rate-box .ex_per,
.stats-card .card-body .card-item .ex_price .ntext,
.stats-card .card-body .card-item .data-value,
.stats-card .card-body .card-item .date-quarter  {
    flex: unset;
}
.stats-card .card-body .card-item .ex_price .ntext {
    padding: 0 0 0 15px;
}

.stats-card:where(.card_1, .card_2) .card-header,
.stats-card:where(.card_1, .card_2) .card-fixTitle,
.stats-card:where(.card_1, .card_2) .card-body,
.stats-card:where(.card_1, .card_2) .card-body .card-item {
    width: 451px;
}
.stats-card:where(.card_3) .card-header,
.stats-card:where(.card_3) .card-fixTitle,
.stats-card:where(.card_3) .card-body,
.stats-card:where(.card_3) .card-body .card-item {
    width: 551px;
}
.stats-card:where(.card_4) .card-header,
.stats-card:where(.card_4) .card-fixTitle,
.stats-card:where(.card_4) .card-body,
.stats-card:where(.card_4) .card-body .card-item {
    width: 621px;
}
.stats-card:where(.card_5, .card_9, .card_17, .card_28) .card-header,
.stats-card:where(.card_5, .card_9, .card_17, .card_28) .card-fixTitle,
.stats-card:where(.card_5, .card_9, .card_17, .card_28) .card-body,
.stats-card:where(.card_5, .card_9, .card_17, .card_28) .card-body .card-item {
    width: 571px;
}
.stats-card:where(.card_6) .card-header,
.stats-card:where(.card_6) .card-fixTitle,
.stats-card:where(.card_6) .card-body,
.stats-card:where(.card_6) .card-body .card-item {
    width: 736px;
}
.stats-card:where(.card_7, .card_12) .card-header,
.stats-card:where(.card_7, .card_12) .card-fixTitle,
.stats-card:where(.card_7, .card_12) .card-body,
.stats-card:where(.card_7, .card_12) .card-body .card-item {
    width: 661px;
}
.stats-card:where(.card_8, .card_10, .card_11, .card_14, .card_15, .card_16, .card_18, .card_20, .card_23, .card_25, .card_26, .card_27) .card-header,
.stats-card:where(.card_8, .card_10, .card_11, .card_14, .card_15, .card_16, .card_18, .card_20, .card_23, .card_25, .card_26, .card_27) .card-fixTitle,
.stats-card:where(.card_8, .card_10, .card_11, .card_14, .card_15, .card_16, .card_18, .card_20, .card_23, .card_25, .card_26, .card_27) .card-body,
.stats-card:where(.card_8, .card_10, .card_11, .card_14, .card_15, .card_16, .card_18, .card_20, .card_23, .card_25, .card_26, .card_27) .card-body .card-item {
    width: 511px;
}
.stats-card:where(.card_13) .card-header,
.stats-card:where(.card_13) .card-fixTitle,
.stats-card:where(.card_13) .card-body,
.stats-card:where(.card_13) .card-body .card-item {
    width: 676px;
}
.stats-card:where(.card_19) .card-header,
.stats-card:where(.card_19) .card-fixTitle,
.stats-card:where(.card_19) .card-body,
.stats-card:where(.card_19) .card-body .card-item {
    width: 611px;
}
.stats-card:where(.card_21, .card_22) .card-header,
.stats-card:where(.card_21, .card_22) .card-fixTitle,
.stats-card:where(.card_21, .card_22) .card-body,
.stats-card:where(.card_21, .card_22) .card-body .card-item {
    width: 601px;
}
.stats-card:where(.card_24) .card-header,
.stats-card:where(.card_24) .card-fixTitle,
.stats-card:where(.card_24) .card-body,
.stats-card:where(.card_24) .card-body .card-item {
    width: 716px;
}




.stats-card:where(.card_1, .card_2, .card_3, .card_4, .card_6, .card_8, .card_10, .card_11, .card_13, .card_14, .card_15, .card_16, .card_17, .card_18, .card_20, .card_21, .card_23, .card_25, .card_26, .card_27, .card_28) .card-fixTitle .type-name,
.stats-card:where(.card_1, .card_2, .card_3, .card_4, .card_6, .card_8, .card_10, .card_11, .card_13, .card_14, .card_15, .card_16, .card_17, .card_18, .card_20, .card_21, .card_23, .card_25, .card_26, .card_27, .card_28) .card-body .card-item .type-name,
.stats-card:where(.card_3, .card_4) .card-fixTitle .ex_price,
.stats-card:where(.card_3, .card_4) .card-fixTitle .data-value,
.stats-card:where(.card_3, .card_4) .card-body .card-item .rate-box .ex_price,
.stats-card:where(.card_3, .card_4) .card-body .card-item .data-value {
    width: 150px;
}

.stats-card:where(.card_6, .card_7, .card_9, .card_12, .card_19) .card-fixTitle .type-name,
.stats-card:where(.card_6, .card_7, .card_9, .card_12, .card_19) .card-body .card-item .type-name,
.stats-card:where(.card_1, .card_2, .card_5, .card_8, .card_10, .card_11, .card_14, .card_15, .card_16, .card_18, .card_20, .card_23, .card_25, .card_26, .card_27) .card-fixTitle .ex_price,
.stats-card:where(.card_1, .card_2) .card-fixTitle .data-value,
.stats-card:where(.card_1, .card_2, .card_5, .card_8, .card_10, .card_11, .card_14, .card_15, .card_16, .card_18, .card_20, .card_23, .card_25, .card_26, .card_27) .card-body .card-item .rate-box .ex_price {
    width: 120px;
}
.stats-card:where(.card_1, .card_2) .card-fixTitle .data-value,
.stats-card:where(.card_1, .card_2) .card-body .card-item .data-value {
    width: 80px;
}
.stats-card:where(.card_22, .card_24) .card-fixTitle .type-name,
.stats-card:where(.card_22, .card_24) .card-body .card-item .type-name,
.stats-card:where(.card_1, .card_2, .card_3) .card-fixTitle .date-quarter,
.stats-card:where(.card_1, .card_2, .card_3) .card-body .card-item .date-quarter {
    width: 100px;
}
.stats-card:where(.card_5) .card-fixTitle .type-name,
.stats-card:where(.card_5) .card-body .card-item .type-name {
    width: 180px;
}

.form-dic_search {
    margin: 0;
}
.searchBox-wrap {
    padding: 30px 20px 60px 20px;
    box-shadow: unset;
    border-bottom: 10px solid var(--grey-fa);
    border-radius: 0;
}
.searchBox-wrap .input-box {
    border-radius: 8px;
    overflow: hidden;
}
.searchBox-wrap .input-box input {
    padding: 0 15px;
    border-radius: 8px;
}
.searchBox-wrap .input-box button, .searchBox-wrap .input-box a {
    width: 40px;
}
.searchBox-wrap .input-box button .search-icon {
    width: 16px;
    height: 16px;
}
.searchBox-wrap .select-wrap {
    margin-top: 10px;
    gap: 10px;
}
.searchBox-wrap .select-wrap .Custom-select {
    width: 100%;
    border: 1px solid var(--grey-ea);
    border-radius: 8px;
}
.searchBox-wrap .select-wrap .Custom-select.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.searchBox-wrap .select-wrap .Custom-select .scroll {
    top: 47px;
}
.resultBox-wrap {
    padding: 0;
}
.resultBox-wrap .dic-count {
    padding: 35px 20px;
    word-break: break-all;
}
.resultBox-wrap .dic-count,
.resultBox-wrap .dic-count .count {
    line-height: 28px;
    font-size: 18px;
}
.resultBox-wrap .description-list {
    margin: 0;
    border-top: 1px solid var(--grey-ea);
    border-bottom: 1px solid var(--grey-ea);
}
.resultBox-wrap .description-list .key {
    padding: 0 35px 0 20px;
    font-size: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
    position: relative;
}
.resultBox-wrap .description-list .key .alternate {
    font-size: 12px;
    margin: 0;
}
.resultBox-wrap .description-list .key .arrow {
    position: absolute;
    right: 20px;
}
.resultBox-wrap .description-list .val {
    padding: 0 20px;
    background-color: var(--grey-f5);
    font-weight: 300;
    line-height: 1.85;
    color: var(--black);
}
.resultBox-wrap .description-list .item.on .val {
    padding: 30px 20px;
}
.expandChart-popup {
    width: 100%;
    min-height: unset;
    padding: 60px 0;
}
.expandChart-popup :where(.update-box, .chartInfo-box, .source-box) {
    padding: 0 20px
}
.expandChart-popup canvas {
    padding: 0 5px
}
.expandChart-popup .expand-btn {
    top: 15px;
}
.expandChart-popup .simulationTitle {
    font-size: 20px;
}

/*************** ecos 끝 ***************/



/*************** fss 시작 ***************/
._fss aside {
    display: flex !important;
}
.wiki-section.wiki-header.fss {
    padding: 0;
    border-radius: 0;
    /* height: 610px; */
    height: 605px;
}
.form-lendersSearch {
    /* padding: 30px 20px 0 20px; */
    width: calc(100vw - 40px);
    padding: 0;
    left: 20px;
    bottom: 110px;
}
.lenders-list {
    margin-top: 0;
}
.lenders-list .item {
    width: calc(100vw - 40px);
}
.lenders-list .item:not(.h_auto), .lenders-list .item.h_auto .check-val {
    height: 45px;
}
.lenders-list .item .key {
    min-width: fit-content;
}
.lenders-list .item .val {
    width: 100%;
    flex: 1;
}
.lenders-list .item:not(.h_auto) .val{
    white-space: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    user-select: none;
}
.lenders-list .item.h_auto .key {
    width: 80px;
}
.lenders-list .item.h_auto .val {
    overflow: hidden;
}
.lenders-list .text-val {
    /* position: unset; */
    padding: 0 10px;
    top: unset;
    bottom: -70px;
}
.lenders-list .text-val,
.lenders-list .text-val input {
    width: 100%;
}
.lenders-list .check-val {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    border: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: none;
    display: flex;
    width: 100%;
}
.lenders-list .item:not(.h_auto) .val::-webkit-scrollbar,
.lenders-list .check-val::-webkit-scrollbar,
.lenders-section.result .list-wrap::-webkit-scrollbar {
    display: none;
}
.lenders-infoBox {
    margin: 50px 20px 0 20px;
    border-radius: 8px;
    padding: 0;
    background-color: var(--grey-f9);
}
.lenders-infoBox .info-list p,
.lenders-infoBox .info-list p span,
.lenders-infoBox .info-list .link-item {
    color: var(--grey);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -.39px;
}
/* .lenders-infoBox .info-list p span,
.lenders-infoBox .info-list .link-item {
    color: var(--green);
} */
/* .lenders-infoBox.caution_info .caution_list.info-list {
    transition: all .4s cubic-bezier(.68,-.55,.265,1.55);
} */
.lenders-infoBox.caution_info.on .caution_list.info-list {
    height: auto;
}
.lenders-infoBox .info-list .link-item {
    display: block;
    margin-top: 3px;
    margin-left: 7px;
    color: var(--green);
    font-weight: 700;
}
/* .lenders-infoBox .info-list p:not(.no) {
    padding-left: 12px;
    text-indent: -15px;
} */
.lenders-section.result {
    padding: 0 0 50px 0;
    margin-top: 30px;
}
.lenders-section.result .section_header {
    padding: 0 20px;
}
/* .hf-list.lenders,
.hf-list.lenders .item {
    width: 1160px;
}
.lenders-section.result .list-wrap {
    padding: 0 20px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    border: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: none;
    display: flex;
    flex-direction: column;
}
.hf-list.lenders .box .key, .hf-list.lenders .box .val {
    white-space: normal;
} */
.hf-list.lenders {
    width: 100%;
    padding: 0 20px;
    border: none;
}
.hf-list.lenders .item {
    width: 100%;
    
}
.hf-list.lenders .item:not(:last-child) {
    border-bottom: 1px solid var(--grey-ea);
}
.hf-list.lenders .linked-item {
    width: 100%;
    display: grid;
    grid-template-areas: 
                        'lencnum lencnum lencnum lencnum'
                        'lenname lenname lenname lenname'
                        'lenadr lenadr lenadr lenadr';

                        /* 'lenphone lenphone lenphone lenphone' */
    padding: 25px 60px 25px 0;
    position: relative;
}
.hf-list.lenders .linked-item::after {
    content: '';
    width: 40px;
    height: 40px;
    /* background-image: url(/res/svg/lenders2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; */
    background-image: url(/res/svg/tel_black.svg?v=1);
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--grey-fa);
    background-size: 12px 13px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.hf-list.lenders .box {
    min-height: unset;
    border-right: unset !important;
    align-items: flex-start;
    padding: 0;
}
.hf-list.lenders .box:not(:last-child) {
    border-right: none !important;
}
.hf-list.lenders .box.cnum {
    grid-area: lencnum;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.39px;
    color: var(--grey);
    width: auto;
    height: auto;
    margin-bottom: 11px;
    flex-direction: unset;
    justify-content: flex-start;
    align-items: center;
}
.hf-list.lenders .box.name {
    grid-area: lenname;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.45px;
    line-height: 1;
    width: auto;
}
.hf-list.lenders .box .st {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.39px;
    color: var(--red);
    margin-left: 10px;
}
/* .hf-list.lenders .box .st.n1 {
    background-color: var(--green);
}
.hf-list.lenders .box .st.n2 {
    background-color: var(--grey);
}
.hf-list.lenders .box .st.n3 {
    background-color: var(--yellow);
}
.hf-list.lenders .box .st.n4 {
    background-color: var(--red);
} */
.hf-list.lenders .box .st.n5 {
    /* background-color: var(--black); */
    margin-left: unset;
}
.hf-list.lenders .box.ceo {
    grid-area: lenceo;
    align-items: flex-end;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -.39px;
    color: var(--grey);
    width: auto;
    display: none;
}
.hf-list.lenders .phone {
    grid-area: lenphone;
}
.hf-list.lenders .box.adr {
    grid-area: lenadr;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.42px;
    color: var(--grey);
    margin-top: 12px;
    width: auto;
    height: auto;
}

.lenders-section.result .section_footer {
    padding: 0 20px;
}
/*************** fss 끝 ***************/