.bg-f7f8f9 {background-color:#F7F8F9 !important;}

#wrap {
    position:relative;
    width:100%;
}

.inner {
    position:relative;
    width:100%;
    max-width:1132px;
    margin:0 auto;
    padding:0 1.6rem;
}
#header {
    position:relative;
    width:100%;
    background-color:var(--white);
    z-index:100;
}
.scroll-down #header {
    position:fixed;
    top:0;
    left:0;
}
#header .logo img {
    width:6.1rem;
    height:4.1rem;
}
@media (max-width: 1023px) {
    #header .logo img {
        width:4.8rem;
        height:3.2rem;
    }
}

#header .header__inner {
    position:relative;
    padding-top:2rem;
    padding-bottom:2rem;
    border-bottom:1px solid #eee;
}
#header .header__top {
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
#header .logo a {display:block;}
@media (max-width: 1023px) {
    #header .gnb {display:none;}
}
#header .gnb {
    position:relative;
}
@media (max-width: 1023px) {
    #header .gnb {display:none;}
}
#header .gnb__list {
    position:relative;
    display:flex;
    flex-direction:row;
}
#header .gnb__1depth + .gnb__1depth {margin-left:3.1rem;}
#header .gnb__link {
    color: var(--text-basic);
    font-size: 1.6rem;
    font-weight: 700;
}
#header .gnb__1depth.active .gnb__link,
#header .gnb__link:hover {color: var(--color-primary);}

/* 이차메뉴 작성 */
#header .gnb__1depth {
    position: relative;
}

#header .gnb__2depth {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 2rem;
    display: none;
    z-index: 100;
}

#header .gnb__2depth-inner {
    position: relative;
    min-width: 18rem;
    padding: 2rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
}

#header .gnb__2depth-inner::before {
    content: '';
    position: absolute;
    top: -0.6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0.8rem solid transparent;
    border-right: 0.8rem solid transparent;
    border-bottom: 0.8rem solid #fff;
}

#header .gnb__2depth ul {position: relative;}
#header .gnb__2depth li + li {margin-top: 0.8rem;}
#header .gnb__2depth a {
    display: block;
    padding: 0.8rem 1.2rem;
    color: var(--text-basic);
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 0.6rem;
    transition: all 0.2s ease;
    white-space: nowrap;
}
#header .gnb__2depth a:hover {
    color: var(--color-primary);
    background-color: rgba(var(--color-primary-rgb), 0.05);
}

@media (max-width: 1023px) {
    #header .gnb__2depth {display: none !important;}
}


#header .header__utile {
    position:relative;
    display:flex;
    flex-direction:row;
}
#header .menu-box {
    position:relative;
    margin-left:3rem;
}
@media (max-width: 1023px) {
    #header .all-menu-btn {display:none;}
}
#header .menu-box .btn-navi {
    display:none;
    position:relative;
}
@media (max-width: 1023px) {
    #header .menu-box .btn-navi {display:block;}
}

#header .menu-box img {
    width:2.4rem;
    height:2.4rem;
}
#header .header__utile {
    position:relative;
    display:flex;
    flex-direction:row;
}
#header .header__utile .utile {
    position:relative;
    display:flex;
    flex-direction:row;
}
@media (max-width: 1023px) {
    #header .header__utile .utile {display:none;}
}
#header .header__utile li {
    position:relative;
    padding-left:1rem;
    padding-right:1rem;    
}
#header .header__utile li::after {
    content:'';
    position:absolute;
    top:0.6rem;
    right:0;
    width:0.1rem;
    height: 1.1938rem;
    background-color:#ddd;
}
#header .header__utile li:last-child::after {display:none;}
#header .header__utile li:first-child {padding-left:0;}
#header .header__utile li:last-child {padding-right:0;}
#header .header__utile a {
    color: var(--text-basic);
    font-size: 1.4rem;
}
#header .menu-open {display:none;}
#header .menu-open .menu-btn {
    display: inline-block;
    position: relative;
    width:5rem;
    height:5rem;
    background: url(../../../new_imgs/common/m_menu_blue_btn.png) no-repeat 50% 50%;
    background-size: 2.7rem 2.25rem;
}

#footer {
    position:relative;
    width:100%;
    
}
#footer .footer__inner {
    position:relative;
    padding-top:4rem;
    padding-bottom:4rem;
    border-top:1px solid #ddd;
}
#footer .footer__top {
    position:relative;
    display:flex;
    flex-direction:row;
}
@media (max-width: 1023px) {
    #footer .footer__top {
        flex-direction:column;
    }
}
#footer .footer__logo img {
    width: 17.0476rem;
    height: 2.7rem;
    aspect-ratio: 170.48/27.00;
}
@media (max-width: 1023px) {
    #footer .footer__logo {margin-bottom:3rem;}
}

#footer .footer__utile {
    position:relative;
    display:flex;
    flex-direction:row;
    margin-left:7.95rem;
}
@media (max-width: 1023px) {
    #footer .footer__utile {margin-left:0;}
}
@media screen and (max-width:640px) {
    #footer .footer__utile {flex-wrap:wrap;}
}

#footer .footer__utile li + li {margin-left:4.8rem;}
@media (max-width: 1023px) {
    #footer .footer__utile li + li {margin-left:1rem;}
}
@media screen and (max-width:420px) {
    #footer .footer__utile li + li {margin-left:0;}
    #footer .footer__utile li {width:50%;}
}
#footer .footer__utile a {
    color: var(--text-basic);
    font-size: 1.6rem;
}
#footer .footer__content {
    position:relative;
    margin-top:3rem;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
@media screen and (max-width:1023px) {
    #footer .footer__content {
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        gap:2rem;
    }
}

@media screen and (max-width:540px) {
    #footer .footer__content {
        grid-template-columns:1fr;
    }
}

#footer .footer__info {
    position:relative;
    color: var(--sub-text1);
    font-size: 1.4rem;
}

#footer .footer__info__box + .footer__info__box {margin-top:0.8rem;}
#footer .footer__sct2 {position:relative;}
#footer .footer__sct2__box {
    margin-top:0.8rem;
    color: var(--sub-text1);
    font-size: 1.5rem;
}
#footer .footer__title {
    color: var(--text-basic);
    font-size: 1.4rem;
    font-weight: 700;
}
#footer .footer__sns {position:relative;}
#footer .footer__sns__box {
    position:relative;
    display:flex;
    flex-direction:row;
    margin-top:0.8rem;
}
#footer .footer__sns__box a {
    display:inline-block;
    width:4rem;
}
#footer .footer__sns__box a + a {margin-left:1rem;}
#footer .footer__sns__box a img {
    width:4rem;
    height:4rem;
}
#footer .footer__sct4 {
    position:relative;
    display:flex;
    flex-direction:column;
}
#footer .footer__sct4 .logo-link {
    display:block;
    position:relative;
}
#footer .footer__sct4 .logo-link + .logo-link {margin-top:3rem;}

/* 전체메뉴보기 */
.all-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.all-menu.active {display: block;}
.all-menu__inner {
    height: 100%;
    overflow-y: auto;
}
.all-menu__header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    width: 100%;
    padding:1.2rem 2rem 1.2rem 3rem;
    min-width: auto;
    height: 7rem;
    background-color: #fff;
    border-bottom: solid 1px transparent;
    box-sizing: border-box;
}
.all-menu__title img {
    width:4.8rem;
    height:3.2rem;
}
.all-menu__box {
    display: flex;
    justify-content: center;
    padding: 22px;
}
.all-menu__body {
    padding-top: 6rem;
    padding-bottom: 4rem;
}
.all-menu__list{
    display: flex;
    flex-wrap: wrap;
    gap:8rem 5.3rem;
    position: relative;
    max-width:1100px;
}
.all-menu__title {
    display:block;
    position:relative;
    font-size: 1.6rem;
    font-weight:700;
    color:var(--text-basic);
}
.all-menu #close-all-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:1.9rem;
    right: 3rem;
    z-index: 100;
    width: 3rem;
    height: 3rem;
}

.all-menu__2depth > ul > li {border-bottom:1px solid #CDD1D5;}
.link-2depth {
    display: block;
    position: relative;
    padding:1.2rem 0 1.2rem;
    font-size: 1.5rem;
    color: var(--text-basic);
    font-weight:700;
}
.link-2depth--toggle {padding-bottom:0.2rem;}
.all-menu__3depth {
    padding:0.2rem 0;
    margin-bottom:0.8rem;
}
.all-menu__3depth > ul > li > a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
    position: relative;
    width: 100%;
    padding: 0.2rem 0;
    text-align: left;
    font-size:1.4rem;
}
.all-menu__3depth > ul > li > a::before {content: "•";}
.all-menu__4depth > ul > li > a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
    position: relative;
    width: 100%;
    padding: 0.2rem 0 0.2rem 0.8rem;
    text-align: left;
    font-size:1.3rem;
}
.all-menu__4depth > ul > li > a::before {content: "-";}

.overflow-hidden {overflow: hidden;}

#container {
    position:relative;
    width:100%;    
    padding-bottom:7.2rem;   
}
#container.bg-F9FBFF {background-color:#F7F8F9;}
#container.pdb-0 {padding-bottom:0;}
#sub-container {
    position:relative;
    width:100%;
    max-width:1132px;
    margin:0 auto;
    padding:0 1.6rem;
}

.path-top {
    position:relative;
    border-bottom:1px solid #ddd;
    z-index:99;
}
@media screen and (max-width:1023px) {
    .path-top {display:none;}
}
.lnb-area {position:relative;}
.lnb {
    position:relative;
    display:flex;
    flex-direction:row;
}
.lnb .home a {
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    width:4.4rem;
    height:4.4rem;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
.lnb__1depth {
    position:relative;
    margin-left:-0.1rem;
}
.lnb__1depth:first-child {margin-left:0;}
.lnb__1depth > button {
    display:flex;
    align-items:center;
    position:relative;
    justify-content:space-between;
    width:21.1rem;
    height:4.4rem;
    padding-left:1.6rem;
    padding-right:1.6rem;
    font-size:1.5rem;
    color:var(--text-basic);
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
@media screen and (max-width:1150px) {
    .lnb__1depth > button {
        width:18rem;
        font-size:1.4rem;
    }
}

.lnb__2depth {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background-color:#fff;
}
.lnb__2depth > li > a {
    display:block;
    position:relative;
    width:100%;
    padding:0.8rem 1.6rem;
    font-size:1.5rem;
    color:var(--text-basic);
    border:1px solid #ddd;
    border-top:0;
}
@media screen and (max-width:1150px) {
    .lnb__2depth > li > a  {
        font-size:1.4rem;
    }
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger:hover,
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active,
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu {
    background-color: #f5f7f8;
}

/* margin or padding */
.mt_4 {margin-top:0.4rem;}
.mt_8 {margin-top:0.8rem;}
.mt_7 {margin-top: 0.7rem;}
.mt_12 {margin-top: 1.2rem !important;}
.mt_20 {margin-top: 2rem;}
.mt_24 {margin-top: 2.4rem;}
.mt_23 {margin-top: 2.3rem;}
.mt_25 {margin-top: 2.5rem;}
.mt_26 {margin-top: 2.6rem;}
.mt_27 {margin-top: 2.7rem;}
.mt_116 {margin-top: 11.6rem;}
.mt_72 {margin-top: 7.2rem;}
.mt_70 {margin-top: 7rem;}
.mt_21 {margin-top: 2.1rem;}
.mt_15 { margin-top: 1.5rem;}
.mt_90 {margin-top: 9rem;}
.mt_94 {margin-top: 9.4rem;}
.mt_95 {margin-top: 9.5rem;}
.mt_100 {margin-top: 10rem;}
.mt_107 {margin-top: 10.7rem;}
.mt_30 {margin-top: 3rem;}
.mt_32 {margin-top: 3.2rem;}
.mt_37 {margin-top: 3.7rem;}
.mt_10 {margin-top: 1rem;}
.mt_85 {margin-top: 8.5rem;}
.mt_88 { margin-top: 8.8rem;}
.mt_80 {margin-top: 8rem;}
.mt_40 {margin-top: 4rem;}
.mt_42 {margin-top: 4.2rem;}
.mt_66 {margin-top: 6.6rem;}
.mt_62 {margin-top: 6.2rem;}
.mt_18 {margin-top: 1.8rem;}
.mt_50 {margin-top: 5rem;}
.mt_54 {margin-top: 54px;}
.mt_59 {margin-top: 5.8rem;}
.mt_45 {margin-top: 45px;}
.mt_54 {margin-top: 5.4rem;}
.mt_16 { margin-top: 1.6rem;}
.mt_18 {margin-top: 1.9rem;}
.mt_5 {margin-top:0.5rem;}
.ml_10 {margin-left: 10px;}
.mt_92 {margin-top: 92px;}
.mb_95 {margin-bottom: 95px;}
.scroll_none {overflow: hidden;}