@charset "utf-8";


/* app.css 수정 */
.wrapper.main-wrapper #header:not(.header-up):not(.header-down):not(.active):not(.on) .header {border-color: #eee !important;}
.wrapper.main-wrapper:not([data-active=true]) #header {opacity: 1; transform: none; visibility: visible;}
.wrapper.main-wrapper:not([data-active=true]) #main>section {opacity: 1; visibility: visible;}
#header .header {height: 68px; border-top: 1px solid #eee;}
#header .header-inner {margin: 0 auto; padding: 0; max-width: 1440px; width: 100%; height: 100%; align-items: center;}
#header .header-units-list {gap: 16px;}
#header .header .searchForm {padding: 9px 22px; width: 280px; border: 2px solid #00205e; border-radius: 44px;}
#header .header-top {padding: 2rem 0 1rem; border-bottom: none;}
#header .header-top-switch a {padding: calc(24.62/var(--base-font-size)*var(--default-font-size)); height: calc(45/var(--base-font-size)*var(--default-font-size)); font-size: calc(15/var(--base-font-size)*var(--default-font-size));}
#header .header-quickmenu-box .top-box .quickmenu-btn, #header .header-top-switch a[aria-selected=true], .drop-box-wrap .drop-box-btn .icon, .btn-chev-3--lg {background-color: #00205e;}
#header .header-top .content-container {margin: 0 auto; padding: 0; max-width: 1440px;}
#header .header-units-list li button .icon-sp {width: 24px; height: 24px;}
#header .header-units-list li button.open-btn {line-height: 20px; font-size: 20px; gap: 8px;}
#gnb .gnb-list {min-width: auto;}
#gnb .gnb-list > li .gnb-depth-box-wrap {opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 350ms cubic-bezier(0.25,0.46,0.45,0.94);}
#gnb .gnb-list > li.active .gnb-depth-box-wrap {opacity: 1; visibility: visible; pointer-events: auto;}
#gnb .gnb-list>li>a {padding: 0 24px; font-size: 20px;}
#gnb .gnb-bg {top: 67px; border-top: 1px solid #eee;}
#gnb .gnb-depth-box {margin: 0 auto; max-width: 1440px;}
#gnb .gnb-depth-box .gnb-2depth {margin-left: 300px;}
.all-menu-container {top: 67px;}
#floatingBar .floating-menu-container {width: auto;}
#floatingBar .floating-menu-con {overflow: visible; width: auto; height: auto; background-color: transparent;}
#floatingBar .floating-menu-item button {margin: 0 0 12px; gap: 2px; width: 72px; height: 72px; border-radius: 50%; background-color: #0076BF;}
#floatingBar .floating-menu-item button:hover{background-color: #00205E;}
#floatingBar .floating-menu-item button p {font-size: 13px; font-weight: 500;}
#floatingBar .floating-menu-item button .icon {
    width: 28px;
    height: 28px;
    background: no-repeat center;
    background-size: 100%
}
#floatingBar .floating-menu-item .chatbot-btn {color: #00205E; background-color: #DDEAF5;}
#floatingBar .floating-menu-item .chatbot-btn:hover{background-color: #9AC4E8;}
#floatingBar .floating-menu-item .chatbot-btn .icon {
    background: no-repeat center;
}
#floatingBar .footer-top-btn2 {
    display: block;
    width: 72px;
    height: 72px;
    background-size: 30px;
    border-radius: 50%;
    border: 1px solid #999;
    background: #fff no-repeat center;
}
#floatingBar .footer-top-btn2:hover{background-color: #ccc;}
.all-menu-item .gnb-depth-box .gnb-3depth-list>li::before {content: '·';}
.footer-top-btn.btn-chev-3--lg:hover {background-color: var(--color-blue1);}
.drop-box-wrap .drop-box-btn:hover .icon {background-color: var(--color-blue1);}
.mo_br_block{display: none !important;}


@media screen and (max-width:1440px) {
    .tab_br_hide{display: none !important;}

    #header .header-inner,
    #header .header-top .content-container {padding: 0 40px;}
    #gnb .gnb-list>li>a {padding: 0 calc(20/var(--base-font-size)*var(--default-font-size)); font-size: calc(20/var(--base-font-size)*var(--default-font-size));}
}
@media screen and (max-width:999px) {
    #header .header {height: auto; border-bottom: 0;}
    #header .header-inner {height: 96px;}
    .all-menu-item .gnb-depth-box .gnb-3depth-list>li::before {content: '';}
}
@media screen and (max-width:810px){
    .mo_br_hide{display: none !important;}
}
@media screen and (max-width:750px) {
    .tab_br_hide{display: block !important;}
}
@media screen and (max-width:560px) {
    .mo_br_hide {display: block !important;}
}
@media screen and (max-width:480px) {
    #header .header-inner,
    #header .header-top .content-container {padding: 0 20px;}
    #header .header-inner {height: 100px;}
}
@media screen and (max-width:376px){
    .slick-slider:first-child .txt br{display: none;}
    .mo_br_block{display: block !important;}
}