@charset "utf-8";
:root{
    --default-color : #000000;
    --header-sns-height:40px;
    --header-height:70px;
    --header-padding-top:7px;
    --menu-padding:35px;
    --header-wrapper-padding:35px;
    --primary-color-dark: #e6007d;
}

.container {max-width: 1320px;padding:0 20px;}
.site-header {top: 0;left: 0;width: 100%;z-index: 999;padding: 0;transition: .3s;border-top: 0;background-color: var(--white-color);    overflow: visible;}
.site-header::before {content: '';display: block;width: 100%;height: 1px;background-color: #eeeeee;position: absolute;top: calc(var(--header-height) + var(--header-sns-height));left: 0;opacity: 0;z-index: 1;}
.site-header.menuOpen::before {opacity: 1;}
.site-header .header-inner {display: flex;flex-wrap: wrap;width: 100%;height:var(--header-height);max-width: 100%;margin: 0 auto;justify-content: space-between;    position: relative;    align-items: flex-start;padding-top: var(--header-padding-top);}
.site-header .header-logo {display: flex;align-items: flex-start;margin: 0;}
.site-header .header-logo a img {height: 30px;}
.site-header .menu-box{position: absolute;right: 0;top:0;width: 100%;display: flex;justify-content: center;background-color: #ffffff;/*box-shadow: 14px 0 26px  rgba(0,0,0,0.05)*/}
.site-header .menu-box .menu-nav{display: flex;align-items: flex-start;height:var(--header-height);overflow: hidden;transition-duration: 0.3s;}
.site-header .menu-box .menu-list{display: flex;}
.site-header .menu-box .menu-list .menu-item{display: flex;flex-direction: column;}
.site-header .menu-box .menu-list .menu-item > a{height:var(--header-height);display: flex;align-items: flex-start;justify-content: center;flex: none;padding: 0 var(--menu-padding);}
.site-header .menu-box .menu-list .menu-item > a > span{font-size: var(--menu-font-size);font-weight: 600;font-family: var(--basic-font);color:var(--text-color);position: relative;}
.site-header .menu-box .menu-list .menu-item > a > span::before{content:'';width: 6px;height: 6px;background-color: var(--primary-color-dark);border-radius: 50%;display: block;position: absolute;top: -12px;right: -12px;transform: scale(0);transition: transform .3s;}
.site-header .menu-box .menu-list .menu-item.active > a > span::after{content:'';width: 70px;height: 4px;background-color: var(--primary-color-dark);border-radius: 2px;display: block;position: absolute;bottom: -15px;right: 50%;left: 50%;transform: translateX(-50%);}
.site-header .menu-box .menu-list .menu-item:hover > a > span::before{transform: scale(1);}
.site-header .header-wrapper{display: flex;justify-content: space-between;width: 100%;height: calc(var(--header-height) - var(--header-padding-top));align-items: flex-start;padding:0 var(--header-wrapper-padding)}

.site-header .menu-box .submenu-list{display: flex;flex-direction:column;row-gap: 14px;padding: 30px 0;z-index: 11;position: relative;height: 100%;}
.site-header .menu-box .submenu-list::before{content:'';width: 0;height: 2px;background-color: var(--primary-color-dark);transition: 0.3s;position: absolute;left: 50%;top:0;transform: translateX(-50%);}
.site-header .menu-box .submenu-list .submenu-item {display: flex;justify-content: center;}
.site-header .menu-box .submenu-list .submenu-item > a > span {font-size: 20px;color: #000000;transition: 0.3s;font-weight: 500;}
.site-header .menu-box .submenu-list .submenu-item > a:hover > span {color:var(--primary-color-dark);}
.site-header .menu-box .submenu-list .submenu-item.active > a > span {color:var(--primary-color-dark);}

.site-header .menu-box .menu-list .menu-item:hover .submenu-list {background: linear-gradient(to bottom, #f8f9fa, #ffffff);}
.site-header .menu-box .menu-list .menu-item:hover .submenu-list::before{width: 100%;}


/*메뉴 스타일*/
.gnb-wrap {display: none;}

.site-header .m-menu-box {display: flex;position: fixed;left: 0;top:0;width: 100%;height: 100vh;background-color: #e6007d;pointer-events: none;opacity: 0;transition: 0.3s;padding-top: 60px;}
.site-header .m-menu-box a.link:after{content:'';background-image: url("/image/main/icon-link.png");background-size:cover;display: inline-block;width: 13px;height: 13px;margin-left: 7px;}
.site-header .m-menu-box .menu-list {background-color: #182184;width: 100%;height: calc(100% - 60px);position: absolute;right: 0;transform: translateX(100%);transition: 0.3s;overflow-y: auto;padding: 30px 0 60px;-ms-overflow-style: none;scrollbar-width: none;}
.site-header .m-menu-box .menu-list::-webkit-scrollbar {display: none;}
.site-header .m-menu-box .depth01 {padding:0 20px;}
.site-header .m-menu-box .depth01::-webkit-scrollbar {width: 10px;}
.site-header .m-menu-box .depth01::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.5);border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
.site-header .m-menu-box .depth01::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1);border-radius: 10px;}
.site-header .m-menu-box .depth01>li {width: 100%;padding: 5px 0;}
.site-header .m-menu-box .depth01>li>a {font-size: 22px;font-weight:600;display: block;color: #ffffff;}
.site-header .m-menu-box .depth01>li:hover>a {color: #d42077;}
.site-header .m-menu-box .depth02 {padding: 20px 30px;display: none;background-color: #091058;margin-top: 10px;border-radius: 0;}
.site-header .m-menu-box .depth01>li.active .depth02{display: block;}
.site-header .m-menu-box .depth01>li.active>a{color:#d42077;}
.site-header .m-menu-box .depth02>li {padding:3px 0;}
.site-header .m-menu-box .depth02>li>a {font-size: 16px; font-weight: 500;position: relative;display: block;color:#ffffff;}
.site-header .m-menu-box .depth02>li.active>a {color:#f77db8;}
.site-header .m-menu-box .depth02>li.more>a::after {position: absolute;top: 50%;right: 0;content: '';transform: translateY(-50%) rotate(180deg);width: 12px;height: 7px;clear: both;transition: 0.3s;background-size: cover;background-image: url('/image/common/ico-more_mobile-arrow.svg');}
.site-header .m-menu-box .depth02>li.more.active>a::after {transform: translateY(-50%) rotate(0deg);}
.site-header .m-menu-box .depth02>li:hover>a{color:#f77db8;}
.site-header .m-menu-box .depth03{display: none;}
.site-header .m-menu-box .depth03>li {position: relative;padding: 8px 26px;}
.site-header .m-menu-box .depth03>li>a::before {content: '';width: 3px;height: 3px;border-radius: 50%;clear: both;position: absolute;background-color: #000000;top: 46%;left: 12px;transform: translate(-50%, 0);}
.site-header .m-menu-box .depth03>li>a {font-size: 16px;    font-weight: 500;display: block;color:#999999;}
.site-header .m-menu-box .depth03>li:hover>a,.site-header .m-menu-box .depth03>li:hover>a{color:#008445;}
.site-header .m-menu-box .button-box{display: flex;column-gap: 10px;padding:0 20px;margin-top: 20px;}
.site-header .m-menu-box .button-box > a.kakao{height: 50px;border:1px solid #000000;border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size: 16px;color:#000000;letter-spacing: -0.025em;font-weight: 500;background-color: #ecc205;padding:0 20px;}
.site-header .m-menu-box .button-box > a.kakao::before{content:'';background-image: url("/css/images/icons/icon-menu-004.png");width: 27px;height: 24px;display: inline-block;margin-right: 11px;background-size: 100% auto;background-position: center;background-repeat: no-repeat;}
.site-header .m-menu-box .button-box > a.tel{height: 50px;border:1px solid #ffffff;border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size: 16px;color:#ffffff;letter-spacing: -0.025em;font-weight: 500;background-color: transparent;padding:0 20px;}
.site-header .m-menu-box .button-box > a.tel::before{content:'';background-image: url("/css/images/icons/icon-menu-005.png");width: 20px;height: 20px;display: inline-block;margin-right: 11px;background-size: 100% auto;background-position: center;background-repeat: no-repeat;}

.site-header .m-menu-box .link-box{display: flex;flex-direction:column;padding:0 20px;row-gap: 15px;margin-top: 50px;}
.site-header .m-menu-box .link-box a{font-size: 20px;color:#ffffff;font-weight: 500;display: inline-flex;align-items: center;padding:0 12px;}
.site-header .m-menu-box .link-box a::before{content:'';width: 34px;height: 35px;display: inline-block;margin-right: 11px;background-size: auto;background-position: center;background-repeat: no-repeat;}
.site-header .m-menu-box .link-box a:nth-of-type(1)::before{background-image: url("/css/images/icons/icon-menu-001.png");}
.site-header .m-menu-box .link-box a:nth-of-type(2)::before{background-image: url("/css/images/icons/icon-menu-002.png");}
.site-header .m-menu-box .link-box a:nth-of-type(3)::before{background-image: url("/css/images/icons/icon-menu-003.png");}
.site-header .m-menu-box .link-box a:nth-of-type(4)::before{background-image: url("/css/images/icons/icon-menu-004.png");}
.site-header .m-menu-box .link-box a:nth-of-type(5)::before{background-image: url("/css/images/icons/icon-menu-005.png");}
.site-header .m-menu-box .menu-footer-box{display: flex;justify-content: space-between;padding:0 30px;margin-top: 50px;}
.site-header .m-menu-box .menu-footer-box .login-button{color:#ffffff;font-size: 13px;border:1px solid #ffffff;border-radius: 5px;padding:3px 5px;}
.site-header .m-menu-box .menu-footer-box .link-list{display: flex;align-items: center;}
.site-header .m-menu-box .menu-footer-box .link-item a{color:rgba(255,255,255,0.6);font-size: 16px;display: inline-flex;align-items: center;}
.site-header .m-menu-box .menu-footer-box .link-item:nth-of-type( n + 2)::before{content:'';margin: 0 10px;width: 1px;height: 13px;background-color: #ffffff;display: inline-block;}


.top-bar .top-bar-btn .sitemap-button .bar-group .bar {height: 4px;}
.top-bar{display: flex;align-items: flex-start;}
.top-bar .top-bar-list {display: flex;flex-wrap: wrap;margin-top: 0;}
.top-bar .top-bar-list li{display: flex;align-items: center;}
.top-bar .top-bar-list li a.consulting-button {width: 108px;height: 38px;display: flex;justify-content: center;align-items: center;font-family: var(--basic-font);font-size: 16px;font-weight: 600;border:1px solid var(--text-color);color:var(--text-color);border-radius: 30px;margin-right: 5px;}
.top-bar .top-bar-list .top-bar-btn{height: 30px;}
.top-bar .top-bar-list .top-bar-btn .search-button {width: 38px;height: 38px;background-image: url(/css/images/icons/icon-search.png);background-size: 21px 21px;background-repeat: no-repeat;background-position: center;}
.top-bar .top-bar-list .top-bar-btn .search-button.open {background-image: url(/css/images/icons/icon-search-close.png);background-size: 16px 16px;}
.top-bar .top-bar-btn .menu-button {width: 30px;}
.sns-buttons{display: flex;column-gap: 20px;z-index: 3;position: relative;width: 100%;height: var(--header-sns-height);justify-content: flex-end;align-items: center;padding-right: var(--menu-padding);}
.sns-buttons .sns-item{color:#666666;font-size: 15px;font-weight: 500;display: flex;align-items: center;column-gap: 5px;}

.footer {background-color: #2a2c3f;}
.footer .footer-top .footer-link-list .footer-link-item  {    display: flex;align-items: center;}
.footer .footer-top .footer-link-list .footer-link-item a {color: #868695;font-size: 16px;letter-spacing: -0.025em;font-weight: 600;}
.footer .footer-top .footer-link-list .footer-link-item:nth-of-type( n +2):before {content: '●';width: auto;height: auto;font-size: 0.3em;background-color: transparent;margin: 0 12px;display: inline-block;color: #868695;}
.footer .footer-top .footer-link-list .footer-link-item a:hover {color: #ffffff;}
.footer .family-site dt a {display: block;padding: 10px 10px;font-weight: 400;color: var(--text-color-light);;font-family: Pretendard, serif;font-size: 15px;background-color: #3f4156;}
.footer .family-site dd ul {background-color: #3f4156;border:0;border-bottom: 0 none;}
.footer .family-site ul li {border-bottom: 1px solid #999999;}
.footer .family-site ul li a {color: var(--text-color-light);font-size: var(--smaller-font-size);display: block;padding: 10px;letter-spacing: -0.05em;}
.footer .family-site dt a:hover,.footer .family-site dt a.active {color:#ffffff;}
.footer .footer-info-content address {margin-bottom: 25px;}
.footer .footer-info-content address span {font-size: 16px;letter-spacing: 0.025em;line-height: 1.875;color: #ffffff;margin-right: 10px;white-space: nowrap;font-weight: 500;}
.footer .footer-info-content .design-sign {margin-top: 0;}
.footer .footer-info-content .copyright-box {display: flex;align-items: center;font-size: 14px;color: #8c8e9b;line-height: 1;font-weight:500;}
.footer .family-site ul li a:hover {color: #ffffff;}

.footer .design-sign {width: 162px;height: 9px;}

.fix-button{display: flex;position: fixed;right: 30px;bottom:70px;flex-direction: column;row-gap: 40px;align-items: center;transition: 0.3s;z-index: 2}
.fix-button a > img{width: 70px;height: auto;display: block;}
.fix-button .top-button{width: 60px;height: 60px;background-color: #023586;border-radius: 100%;transition-duration: 0.6s;background-size: 20px 23px;transition-property: background-color,opacity;opacity: 1;border:0;position: relative;}
.fix-button .top-button::before{content:'';width:20px;height:23px;display:block;background-image: url("../image/common/icon-top.png");background-size:18px 24px;background-position: 0 0;background-repeat: no-repeat;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);transition-duration: 0.6s;transition-property: background-position;}


@media (max-width:1600px) {
    .site-header .menu-box {padding-right: 70px;justify-content: flex-end;}
    .sub-header{--header-wrapper-padding: 10px;}
}
@media (max-width:1360px) {
    :root {
        --header-wrapper-padding: 0px;
    }
    .sub-header .header-inner {padding: var(--header-padding-top) 10px;}
    .site-header .menu-box .menu-list .menu-item > a > span {font-size: 24px;height: 40px;display: flex;align-items: center;}
    .site-header .menu-box .submenu-list .submenu-item > a > span {font-size: 18px;}
}

@media (max-width:1280px) {
    :root {
        --menu-padding: 25px;
    }
    .footer .footer-top {border-bottom:0;}
    .footer .footer-top .container {display: flex;flex-direction: column;justify-content: space-between;align-items: center;height: auto;padding:0;}
    .footer .footer-top .left-box {width: 100%;justify-content: center;height: 58px;border-bottom: 1px solid rgba(165, 165, 165, .2);}
    .footer .footer-top .right-box{padding:40px 0;}
    .footer .footer-info-content {margin-top: 0;}
    .footer .footer-bottom {padding-top: 0;}
}

@media (max-width:1080px) {
    .site-header .header-logo a img {height: 25px;}
    .site-header .menu-box .menu-list .menu-item > a > span {font-size: 20px;height: 40px;display: flex;align-items: center;}
    .site-header .menu-box .submenu-list .submenu-item > a > span {font-size: 16px;}
}

@media (max-width:960px) {
    :root {
        --header-wrapper-padding: 20px;
        --menu-padding: 20px;
        --header-height:80px;
    }
    .header-logo {padding-left: 0;}
    .top-bar {padding-right: 0;}
    .top-bar .top-bar-list li a.consulting-button{display: none;}

    .sns-buttons {display: none;}


    .site-header .header-wrapper {align-items: center;    height: var(--header-height);}
    .site-header .header-inner {padding: 0;}
    .site-header::before {opacity: 1;}
    .site-header .menu-box {width:100%;padding:0 var(--menu-padding);position: relative;order: 1;box-shadow: none;justify-content: flex-start;z-index: 2;}
    .site-header .menu-box .menu-list .menu-item > a {align-items: center;}
    .site-header .menu-box .menu-list .menu-item > a > span {font-size: 22px;}
    .site-header .menu-box .submenu-list .submenu-item > a > span {font-size: 18px;;}
    .site-header::before {content:none;}
    .search-layer {top: 160px;}

    .footer .footer-bottom .right-box{display: none;}
    .footer .footer-info-content .copyright-box {flex-direction: column;font-size: 14px;row-gap: 40px;}
}
@media (max-width:720px) {
    .site-header .menu-box .menu-nav{width: 100%;}
    .site-header .menu-box .menu-list{width: 100%;display: flex;justify-content: space-between;}
}

@media (max-width:640px) {
    :root{
        --menu-padding: 10px;
        --header-height:60px;
    }
    .container {padding: 0 15px;}
    .site-header {height: auto;}
    .site-header .menu-box{display: none;}
    .site-header .header-logo a img {height: 20px;}
    .top-bar .top-bar-btn .sitemap-button {display: none;}
    .top-bar .top-bar-btn .menu-button {display: flex;}
    .site-header .m-menu-box {display: flex;position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background-color: #182184;pointer-events: none;opacity: 0;transition: 0.3s;padding-top: 60px;}
    .search-layer {top: 80px;}
    body.menuOpen .site-header .m-menu-box{opacity: 1;pointer-events: auto;}
    body.menuOpen .site-header .m-menu-box .menu-list{transform: translateX(0);}
    .footer .footer-top .footer-link-list .footer-link-item a {font-size: 12px;}
    .footer .footer-info-content address span {font-size: 12px;margin-right: 10px;}

    .fix-button{right: 20px;bottom:40px;flex-direction: column;row-gap: 20px;}
    .fix-button a > img{width: 60px;}
    .fix-button .top-button{width: 50px;height: 50px;}
    .fix-button .top-button::before{content:'';width:20px;height:23px;display:block;background-image: url("../image/common/icon-top.png");background-size:18px 24px;background-position: 0 0;background-repeat: no-repeat;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);transition-duration: 0.6s;transition-property: background-position;}


}