@import url(default.css);
@import url(font.css);
@import url(common.css);
@import url(layout.css);
@import url(contents.css);

#header {
    border-bottom: 1px solid #ccc;
}

#container .wrapper {
    display: flex;
    justify-content: space-between;
}
#cotnents {
    width: 65%;
    margin-top: 4.47em;
}
#cotnents .page_title .breadcrumb ol {
    display: flex;
    gap: 2em;
}
#cotnents .page_title .breadcrumb ol li {
    position: relative;
}
#cotnents .page_title .breadcrumb ol li + li::before {
    content: "";
    position: absolute;
    left: -1em;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.29em;
    height: 0.52em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.35348 4.64657C5.54874 4.84183 5.54874 5.15841 5.35348 5.35368L1.35336 9.35379C1.1581 9.54905 0.841517 9.54905 0.646255 9.35379C0.450993 9.15853 0.450993 8.84195 0.646255 8.64668L4.29282 5.00012L0.646255 1.35356C0.450993 1.1583 0.450993 0.841715 0.646255 0.646453C0.841517 0.451191 1.1581 0.451191 1.35336 0.646453L5.35348 4.64657Z' fill='%23555555'/%3E%3C/svg%3E%0A");
}
#cotnents .page_title .breadcrumb ol li a {
    display: block;
}
#cotnents .page_title .breadcrumb ol li a:hover {
    text-decoration: underline;
}
#cotnents .page_title .breadcrumb ol li.home a {
    padding-left: 1.25em;
    position: relative;
}
#cotnents .page_title .breadcrumb ol li.home a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.18em;
    width: 0.8em;
    height: 0.8em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75 13.2857H4.375V9C4.375 8.75714 4.45885 8.55357 4.62656 8.38929C4.79427 8.225 5.00208 8.14286 5.25 8.14286H8.75C8.99792 8.14286 9.20573 8.225 9.37344 8.38929C9.54115 8.55357 9.625 8.75714 9.625 9V13.2857H12.25V5.57143L7 1.71429L1.75 5.57143V13.2857ZM0 13.2857V5.57143C0 5.3 0.0619792 5.04286 0.185937 4.8C0.309896 4.55714 0.48125 4.35714 0.7 4.2L5.95 0.342857C6.25625 0.114286 6.60625 0 7 0C7.39375 0 7.74375 0.114286 8.05 0.342857L13.3 4.2C13.5187 4.35714 13.6901 4.55714 13.8141 4.8C13.938 5.04286 14 5.3 14 5.57143V13.2857C14 13.7571 13.8286 14.1607 13.4859 14.4964C13.1432 14.8321 12.7312 15 12.25 15H8.75C8.50208 15 8.29427 14.9179 8.12656 14.7536C7.95885 14.5893 7.875 14.3857 7.875 14.1429V9.85714H6.125V14.1429C6.125 14.3857 6.04115 14.5893 5.87344 14.7536C5.70573 14.9179 5.49792 15 5.25 15H1.75C1.26875 15 0.856771 14.8321 0.514062 14.4964C0.171354 14.1607 0 13.7571 0 13.2857Z' fill='%23555555'/%3E%3C/svg%3E%0A");
}
#cotnents .page_title h1 {
    margin: 0.16em 0 1.24em 0;
    color: var(--title-txt-color);
    font-family: var(--title-font);
    font-size: 2.94rem;
    font-weight: var(--font-bold);
}
#cotnents .page_title .lnb {
    position: relative;
    left: -1.42em;
    width: calc(100% + 2.84em);
}
#cotnents .page_title .lnb::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 1.42em;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
}
#cotnents .page_title .lnb::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1.42em;
    height: 100%;
    background-image: linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0));
}
#cotnents .page_title .lnb ul {
    position: relative;
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 1.42em;
    touch-action: pan-x;
    -ms-user-select: none; 
    -moz-user-select: -moz-none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    user-select: none;
    scroll-snap-type: x mandatory;
}
#cotnents .page_title .lnb ul::-webkit-scrollbar {
    width: 0;
    height: 0;
}
#cotnents .page_title .lnb ul::-webkit-scrollbar-thumb {
    height: 30%; background: var(--main-color); border-radius: 10px;
}
#cotnents .page_title .lnb ul::-webkit-scrollbar-track {
    background: #eee;
}
#cotnents .page_title .lnb ul li {
    width: 50%;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-left-width: 0;
}
#cotnents .page_title .lnb ul li:first-child {
    border-left-width: 1px;
}
#cotnents .page_title .lnb ul li a {
    display: block;
    white-space: nowrap;
    padding: 0.76em;
    text-align: center;
}
#cotnents .page_title .lnb ul li.active, 
#cotnents .page_title .lnb ul li:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
    font-weight: var(--font-bold);
}
#cotnents #page_contents {
    margin: 3.35em 0 7em 0;
}

#sidebar {
    width: 24%;
    min-width: 18em;
    margin: 6.35em 0 7em 0;
}
#sidebar h2 {
    display: none;
}
@media screen and (min-width: 1024px){
    #sidebar .message,
    #sidebar .online a, 
    #sidebar .map a,
    #sidebar .bank {
        display: block;
        position: relative;
        background-color: #f4f4f4;
        border-radius: 0.58em;
        padding: 1.76em;
        margin-bottom: 0.58em;
    }
    #sidebar .message h3,
    #sidebar .online h3, 
    #sidebar .map h3,
    #sidebar .bank h3 {
        color: var(--title-txt-color);
        font-family: var(--title-font);
        font-size: 1.17rem;
        font-weight: var(--font-bold);
    }
    #sidebar .message h3 + span,
    #sidebar .online h3 + span, 
    #sidebar .map h3 + span,
    #sidebar .bank h3 + span {
        margin-top: 0.25em;
        display: block;
    }
    #sidebar .message strong,
    #sidebar .online strong, 
    #sidebar .map strong,
    #sidebar .bank strong {
        display: block;
        margin-top: 0.8em;
        color: var(--title-txt-color);
        font-family: var(--title-font);
        font-weight: var(--font-bold);
    }
    #sidebar .message {
        margin-bottom: 1.41em;
    }
    #sidebar .message .inner {
        margin-top: 1.47em;
    }
    #sidebar .message .tel,
    #sidebar .message .memo_wrap .memo {
        width: 100%;
        border: 1px solid #ccc;
        background-color: #fff;
        border-radius: 0.29em;
        padding: 0.52em 0.52em 0.52em 1.17em;
        outline: 0;
    }
    #sidebar .message .memo_wrap {
        margin: 0.47em 0 1.7em 0;
    }
    #sidebar .message .memo_wrap .memo {
        resize: none;
        scrollbar-width: none;
        width: 100%;
    }
    #sidebar .message .memo_wrap .memo_txt {
        display: flex;
        justify-content: space-between;
        font-size: 0.9rem;
    }
    #sidebar .message .memo_wrap .memo_txt input {
        background-color: transparent;
        border: 0;
        outline: 0;
        text-align: right;
    }
    #sidebar .message .send {
        width: 100%;
        padding: 0.41em 0;
        border: 0;
        outline: 0;
        border-radius: 0.29em;
        background-color: #999;
        color: #fff;
        cursor: pointer;
    }
    #sidebar .message .send:hover {
        background-color: var(--main-color);
    }
    #sidebar .online a::after,
    #sidebar .map a::after,
    #sidebar .bank::after  {
        content: "";
        position: absolute;
        right: 1.76em;
        width: 3.35em;
        height: 3.35em;
        background-position: center center;
        background-repeat: no-repeat;
    }
    #sidebar .online a::after,
    #sidebar .map a::after {
        top: 50%;
        transform: translateY(-50%);
        border: 1px solid #666;
        border-radius: 50%;
    }
    #sidebar .online a::after {
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1057 18.7634H11.2633C11.0113 18.7634 10.8002 18.6787 10.6298 18.5094C10.4593 18.3402 10.3741 18.1305 10.3741 17.8804C10.3741 17.6301 10.4593 17.4205 10.6298 17.2516C10.8002 17.0825 11.0113 16.9979 11.2633 16.9979H18.1057L16.5484 15.452C16.3842 15.289 16.3002 15.0871 16.2964 14.8464C16.2927 14.606 16.3836 14.3935 16.5691 14.2091C16.7393 14.0404 16.9467 13.9561 17.1913 13.9561C17.4359 13.9561 17.6442 14.0413 17.8161 14.2118L20.7617 17.1359C20.9761 17.3488 21.0833 17.597 21.0833 17.8806C21.0833 18.1643 20.9761 18.4125 20.7617 18.6254L17.8161 21.5495C17.6396 21.7245 17.4332 21.8109 17.1969 21.8087C16.9606 21.8064 16.7496 21.714 16.5641 21.5316C16.394 21.3489 16.3058 21.1422 16.2997 20.9113C16.2938 20.6804 16.3827 20.4737 16.5665 20.2911L18.1057 18.7634ZM2.14328 22C1.55384 22 1.04926 21.7917 0.629557 21.375C0.209852 20.9584 0 20.4575 0 19.8724V4.11935C0 3.53421 0.209852 3.03332 0.629557 2.61667C1.04926 2.20003 1.55384 1.99171 2.14328 1.99171H7.36676C7.53097 1.41833 7.86649 0.943037 8.37334 0.565822C8.88019 0.188607 9.44829 0 10.0776 0C10.7313 0 11.3085 0.188607 11.8092 0.565822C12.3101 0.943037 12.6427 1.41833 12.8069 1.99171H18.012C18.6015 1.99171 19.106 2.20003 19.5257 2.61667C19.9454 3.03332 20.1553 3.53421 20.1553 4.11935V10.3549C20.1553 10.605 20.07 10.8147 19.8995 10.984C19.729 11.1531 19.5177 11.2376 19.2658 11.2376C19.0137 11.2376 18.8025 11.1531 18.6324 10.984C18.4621 10.8147 18.3769 10.605 18.3769 10.3549V4.11935C18.3769 4.02873 18.3389 3.94575 18.2628 3.87043C18.1869 3.79491 18.1033 3.75715 18.012 3.75715H15.4129V5.77151C15.4129 6.07301 15.3106 6.32566 15.1061 6.52947C14.9016 6.73328 14.6482 6.83519 14.3458 6.83519H5.80917C5.50684 6.83519 5.25352 6.73328 5.0492 6.52947C4.84468 6.32566 4.74242 6.07301 4.74242 5.77151V3.75715H2.14328C2.05199 3.75715 1.9684 3.79491 1.89252 3.87043C1.81645 3.94575 1.77841 4.02873 1.77841 4.11935V19.8724C1.77841 19.963 1.81645 20.046 1.89252 20.1213C1.9684 20.1968 2.05199 20.2346 2.14328 20.2346H7.11364C7.36558 20.2346 7.57681 20.3192 7.74734 20.4885C7.91767 20.6578 8.00284 20.8675 8.00284 21.1176C8.00284 21.3679 7.91767 21.5775 7.74734 21.7464C7.57681 21.9155 7.36558 22 7.11364 22H2.14328ZM10.0797 3.89308C10.3838 3.89308 10.6381 3.79089 10.8427 3.58649C11.047 3.38228 11.1491 3.12914 11.1491 2.82705C11.1491 2.52516 11.0463 2.27271 10.8406 2.06968C10.6349 1.86685 10.3799 1.76544 10.0756 1.76544C9.77147 1.76544 9.51715 1.86754 9.31264 2.07174C9.10832 2.27614 9.00616 2.52928 9.00616 2.83117C9.00616 3.13306 9.10901 3.38552 9.31471 3.58855C9.52042 3.79157 9.77542 3.89308 10.0797 3.89308Z' fill='%23666666'/%3E%3C/svg%3E%0A");
    }
    #sidebar .map a::after {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.63265 18.1321C7.41287 18.1321 7.19622 18.0954 6.9827 18.0221C6.76899 17.9485 6.57318 17.8382 6.39528 17.6912C4.26656 15.9293 2.66849 14.2051 1.6011 12.5186C0.533699 10.8323 0 9.20015 0 7.62213C0 5.39531 0.71062 3.56825 2.13186 2.14095C3.5529 0.71365 5.3865 0 7.63265 0C9.87881 0 11.7124 0.71365 13.1334 2.14095C14.5547 3.56825 15.2653 5.39531 15.2653 7.62213C15.2653 9.20015 14.7316 10.8305 13.6642 12.5131C12.5968 14.1957 10.9987 15.9201 8.86973 17.6863C8.68929 17.8366 8.49299 17.9485 8.28084 18.0221C8.0685 18.0954 7.85243 18.1321 7.63265 18.1321ZM7.63471 9.6195C8.2189 9.6195 8.71835 9.41436 9.13306 9.00408C9.54796 8.5938 9.75541 8.10054 9.75541 7.52429C9.75541 6.94824 9.54737 6.45575 9.1313 6.04682C8.71522 5.63769 8.21499 5.43313 7.6306 5.43313C7.04641 5.43313 6.54696 5.63827 6.13225 6.04855C5.71735 6.45883 5.5099 6.9521 5.5099 7.52834C5.5099 8.10439 5.71793 8.59689 6.13401 9.00582C6.55009 9.41494 7.05032 9.6195 7.63471 9.6195ZM0.880691 22C0.631162 22 0.422047 21.9167 0.253346 21.7502C0.0844486 21.5836 0 21.3773 0 21.1313C0 20.885 0.0844486 20.6788 0.253346 20.5127C0.422047 20.3463 0.631162 20.2632 0.880691 20.2632H14.3846C14.6341 20.2632 14.8433 20.3464 15.012 20.513C15.1809 20.6795 15.2653 20.8858 15.2653 21.1319C15.2653 21.3781 15.1809 21.5843 15.012 21.7505C14.8433 21.9168 14.6341 22 14.3846 22H0.880691Z' fill='%23666666'/%3E%3C/svg%3E%0A");
    }
    #sidebar .online a:hover,
    #sidebar .map a:hover {
        background-color: var(--main-color);
        color: #fff;
    }
    #sidebar .online a:hover::after,
    #sidebar .map a:hover::after {
        border-color: #fff;
    }
    #sidebar .online a:hover::after {
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1057 18.7634H11.2633C11.0113 18.7634 10.8002 18.6787 10.6298 18.5094C10.4593 18.3402 10.3741 18.1305 10.3741 17.8804C10.3741 17.6301 10.4593 17.4205 10.6298 17.2516C10.8002 17.0825 11.0113 16.9979 11.2633 16.9979H18.1057L16.5484 15.452C16.3842 15.289 16.3002 15.0871 16.2964 14.8464C16.2927 14.606 16.3836 14.3935 16.5691 14.2091C16.7393 14.0404 16.9467 13.9561 17.1913 13.9561C17.4359 13.9561 17.6442 14.0413 17.8161 14.2118L20.7617 17.1359C20.9761 17.3488 21.0833 17.597 21.0833 17.8806C21.0833 18.1643 20.9761 18.4125 20.7617 18.6254L17.8161 21.5495C17.6396 21.7245 17.4332 21.8109 17.1969 21.8087C16.9606 21.8064 16.7496 21.714 16.5641 21.5316C16.394 21.3489 16.3058 21.1422 16.2997 20.9113C16.2938 20.6804 16.3827 20.4737 16.5665 20.2911L18.1057 18.7634ZM2.14328 22C1.55384 22 1.04926 21.7917 0.629557 21.375C0.209852 20.9584 0 20.4575 0 19.8724V4.11935C0 3.53421 0.209852 3.03332 0.629557 2.61667C1.04926 2.20003 1.55384 1.99171 2.14328 1.99171H7.36676C7.53097 1.41833 7.86649 0.943037 8.37334 0.565822C8.88019 0.188607 9.44829 0 10.0776 0C10.7313 0 11.3085 0.188607 11.8092 0.565822C12.3101 0.943037 12.6427 1.41833 12.8069 1.99171H18.012C18.6015 1.99171 19.106 2.20003 19.5257 2.61667C19.9454 3.03332 20.1553 3.53421 20.1553 4.11935V10.3549C20.1553 10.605 20.07 10.8147 19.8995 10.984C19.729 11.1531 19.5177 11.2376 19.2658 11.2376C19.0137 11.2376 18.8025 11.1531 18.6324 10.984C18.4621 10.8147 18.3769 10.605 18.3769 10.3549V4.11935C18.3769 4.02873 18.3389 3.94575 18.2628 3.87043C18.1869 3.79491 18.1033 3.75715 18.012 3.75715H15.4129V5.77151C15.4129 6.07301 15.3106 6.32566 15.1061 6.52947C14.9016 6.73328 14.6482 6.83519 14.3458 6.83519H5.80917C5.50684 6.83519 5.25352 6.73328 5.0492 6.52947C4.84468 6.32566 4.74242 6.07301 4.74242 5.77151V3.75715H2.14328C2.05199 3.75715 1.9684 3.79491 1.89252 3.87043C1.81645 3.94575 1.77841 4.02873 1.77841 4.11935V19.8724C1.77841 19.963 1.81645 20.046 1.89252 20.1213C1.9684 20.1968 2.05199 20.2346 2.14328 20.2346H7.11364C7.36558 20.2346 7.57681 20.3192 7.74734 20.4885C7.91767 20.6578 8.00284 20.8675 8.00284 21.1176C8.00284 21.3679 7.91767 21.5775 7.74734 21.7464C7.57681 21.9155 7.36558 22 7.11364 22H2.14328ZM10.0797 3.89308C10.3838 3.89308 10.6381 3.79089 10.8427 3.58649C11.047 3.38228 11.1491 3.12914 11.1491 2.82705C11.1491 2.52516 11.0463 2.27271 10.8406 2.06968C10.6349 1.86685 10.3799 1.76544 10.0756 1.76544C9.77147 1.76544 9.51715 1.86754 9.31264 2.07174C9.10832 2.27614 9.00616 2.52928 9.00616 2.83117C9.00616 3.13306 9.10901 3.38552 9.31471 3.58855C9.52042 3.79157 9.77542 3.89308 10.0797 3.89308Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    }
    #sidebar .map a:hover::after {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.63265 18.1321C7.41287 18.1321 7.19622 18.0954 6.9827 18.0221C6.76899 17.9485 6.57318 17.8382 6.39528 17.6912C4.26656 15.9293 2.66849 14.2051 1.6011 12.5186C0.533699 10.8323 0 9.20015 0 7.62213C0 5.39531 0.71062 3.56825 2.13186 2.14095C3.5529 0.71365 5.3865 0 7.63265 0C9.87881 0 11.7124 0.71365 13.1334 2.14095C14.5547 3.56825 15.2653 5.39531 15.2653 7.62213C15.2653 9.20015 14.7316 10.8305 13.6642 12.5131C12.5968 14.1957 10.9987 15.9201 8.86973 17.6863C8.68929 17.8366 8.49299 17.9485 8.28084 18.0221C8.0685 18.0954 7.85243 18.1321 7.63265 18.1321ZM7.63471 9.6195C8.2189 9.6195 8.71835 9.41436 9.13306 9.00408C9.54796 8.5938 9.75541 8.10054 9.75541 7.52429C9.75541 6.94824 9.54737 6.45575 9.1313 6.04682C8.71522 5.63769 8.21499 5.43313 7.6306 5.43313C7.04641 5.43313 6.54696 5.63827 6.13225 6.04855C5.71735 6.45883 5.5099 6.9521 5.5099 7.52834C5.5099 8.10439 5.71793 8.59689 6.13401 9.00582C6.55009 9.41494 7.05032 9.6195 7.63471 9.6195ZM0.880691 22C0.631162 22 0.422047 21.9167 0.253346 21.7502C0.0844486 21.5836 0 21.3773 0 21.1313C0 20.885 0.0844486 20.6788 0.253346 20.5127C0.422047 20.3463 0.631162 20.2632 0.880691 20.2632H14.3846C14.6341 20.2632 14.8433 20.3464 15.012 20.513C15.1809 20.6795 15.2653 20.8858 15.2653 21.1319C15.2653 21.3781 15.1809 21.5843 15.012 21.7505C14.8433 21.9168 14.6341 22 14.3846 22H0.880691Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    }
    #sidebar .online a:hover h3,
    #sidebar .map a:hover h3 {
        color: #fff;
    }
    #sidebar .bank::after {
        top: 1.52em;
        background-image: url(../images/common/banner_kb.svg);
        background-size: contain;
    }
}
@media screen and (max-width: 1024px){
    #container .wrapper {
        display: block;
    }
    #cotnents {
        width: auto;
    }
    #sidebar {
        width: auto;
        display: flex;
        margin-bottom: 0;
        position: relative;
    }
    #sidebar::before {
        content: "";
        position: absolute;
        left: -10%;
        top: 0;
        z-index: -1;
        width: 120%;
        height: 100%;
        background-color: var(--sub-color);
    }
    #sidebar .message {
        display: none;
    }
    #sidebar .online,
    #sidebar .map,
    #sidebar .bank {
        position: relative;
        width: 33.33%;
        color: rgba(255,255,255,0.8);
        text-align: center;
    }
    #sidebar .map::before,
    #sidebar .bank::before {
        content: "";
        position: absolute;
        left: 0;
        top: 25%;
        width: 1px;
        height: 50%;
        background-color: rgba(255,255,255,0.1);
    }
    #sidebar .online a,
    #sidebar .map a,
    #sidebar .bank {
        display: block;
        padding: 2em 0;
    }
    #sidebar .online h3,
    #sidebar .map h3,
    #sidebar .bank h3 {
        position: relative;
        padding: 2.52em 0 0.56em 0;
        font-family: var(--title-font);
        font-weight: var(--font-bold);
        font-size: 1.2rem;
        color: #fff;
    }
    #sidebar .online h3::before,
    #sidebar .map h3::before,
    #sidebar .bank h3::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1.96em;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    #sidebar .online h3::before {
        background-image: url(../images/common/banner_online.svg);
    }
    #sidebar .map h3::before {
        background-image: url(../images/common/banner_map.svg);
    }
    #sidebar .bank h3::before {
        background-image: url(../images/common/banner_kb.svg);
    }
    #sidebar .online span,
    #sidebar .map span {
        position: relative;
        display: inline-block;
        padding: 0.4em 2.5em 0.4em 1em;
        border: 1px solid rgba(255,255,255,0.3);
        border-radius: 3em;
        font-size: 0.9rem;
    }
    #sidebar .online span::after,
    #sidebar .map span::after {
        content: "";
        position: absolute;
        right: 1.2em;
        top: 50%;
        transform: translateY(-50%);
        width: 0.7em;
        height: 0.47em;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5V3.5ZM11.7536 4.35355C11.9488 4.15829 11.9488 3.84171 11.7536 3.64645L8.57157 0.464466C8.37631 0.269204 8.05973 0.269204 7.86447 0.464466C7.6692 0.659728 7.6692 0.976311 7.86447 1.17157L10.6929 4L7.86447 6.82843C7.6692 7.02369 7.6692 7.34027 7.86447 7.53553C8.05973 7.7308 8.37631 7.7308 8.57157 7.53553L11.7536 4.35355ZM1 4.5H11.4V3.5H1V4.5Z' fill='white'/%3E%3C/svg%3E%0A");
    }
    #sidebar .bank strong {
        display: block;
        font-family: var(--title-font);
        font-weight: var(--font-bold);
        color: #fff;
    }
    #sidebar .bank span {
        font-size: 0.9rem;
    }
}
@media screen and (max-width: 768px){
    #cotnents .page_title .breadcrumb ol {
        gap: 1.2em;
    }
    #cotnents .page_title .breadcrumb ol li + li::before {
        left: -0.6em;
    }
    #cotnents .page_title h1 {
        font-size: 2.14rem;
    }
    #sidebar {
        display: block;
    }
    #sidebar .online,
    #sidebar .map,
    #sidebar .bank {
        width: auto;
        text-align: left;
    }
    #sidebar .map::before, #sidebar .bank::before {
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
    }
    #sidebar .online a,
    #sidebar .map a,
    #sidebar .bank {
        padding: 2em 0 2em 6.07em;
    }
    #sidebar .online h3,
    #sidebar .map h3,
    #sidebar .bank h3 {
        padding-top: 0;
    }
    #sidebar .online h3::before,
    #sidebar .map h3::before,
    #sidebar .bank h3::before {
        left: -4em;
        width: 3em;
        height: 2em;
        background-size: contain;
    }
}