#header {position: relative; padding: 24px 8% 34px 8%; width: 100%; height:148px; justify-content: space-between; color: #171717; border-bottom: 1px solid #c9c9c9; background-color: white;}
.hd-logo {float: left; margin-top: 10px; height: 80px; cursor: pointer;}
.hd-link {float: right; max-width: 950px; width: calc(100% - 10% - 300px); text-align: center;}
.hd-outer-link {padding-right: 5%; height: 40px; font-size: 15px; font-weight: 300; text-align: right;}
.hd-outer-link > div {display: inline-block; margin-right: 16px; cursor: pointer;}
.hd-outer-link > div:last-child {margin-right: 0;}
.hd-home-link {display: table; width: 100%; font-size: 18px; margin-top: 13px; font-weight: 600;}
.hd-tab-link {position: relative; display: table-cell; vertical-align: middle; white-space: pre; cursor: pointer; border: none; transition: border 250ms;}
.hd-tab-link:last-child {margin-right: 0;}
.hd-tab-link:after {position: absolute; top: 32px; left: 35%; display:block; width: 30%; content: ''; border-bottom: solid 3px #01b6d3; transform: scaleX(0); transition: transform 250ms ease-in-out;}
.hd-tab-link:hover {color: #01b6d3;}
.hd-tab-link:hover.hd-tab-link:after {transform: scaleX(1);}
.gnb-menu {position: absolute; display: none; top: 148px; left: 0; width: 100%; height: 293px; z-index: 999; box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);}
.gnb-g-menu {position: absolute; left: 0; top: 0; width: 38%; height: 100%; background-color: #062c6b; text-align: center;}
.gnb-sub-menu {position: relative; left: 38%; width: 62%; height: 100%; padding-top: 46px; padding-bottom: 46px; padding-left: 6%; background-color: white; white-space: pre;}
.gnb-g-menu-title {position: relative; display: inline-block; font-size: 32px; font-weight: bold;; line-height: 43px; letter-spacing: -0.8px; color: white; padding-bottom: 11px; top: 50%; transform: translateY(-50%);}
.gnb-g-menu-title:after {content: ""; position: absolute; left: 0; bottom: 0; width: 75%; height: 5px;border-bottom: 5px solid #ffffff;}
.wrap-tab-one {float: left; margin-right: 3.5%; padding-right: 3.5%; border-right: 1px solid #c9c9c9;}
.wrap-tab-two {float: left;}
.menu-link {display: block; font-size: 17px; line-height: 24px; letter-spacing: -0.45px; color: #3e3e3e; cursor: pointer;}
.menu-link+.menu-link {margin-top: 35px;}
.menu-link:hover {color: #01b6d3;}
.mo-gnb-menu {position: fixed; top: 0; left: -100%; width: 80%; height: 100%; background-color: white; z-index: 999; overflow: scroll;}
.mo-gnb-menu::-webkit-scrollbar {width: 0; background: transparent;}
.mo-hd-outer-link {height: 63px; border-bottom: 1px solid rgba(30,30,30,0.6);}
.mo-outer-link {float: left; width: 50%; height: 100%; padding-top: 31px; font-size: 15px; color: #202020; user-select: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none;}
.link-list {display: none; list-style: none;}
.link-tab {height: 56px; padding-top: 18px; padding-left: 10%; font-size: 16px; font-weight: 600; color: #202020; background-image: url("/images/mo-menu-bottom-arrow.svg"); background-repeat: no-repeat; background-position: 95%; border-bottom: 1px solid rgba(30,30,30,0.6); text-align: left; cursor: pointer;}
.mo-menu-link {height: 50px; font-size: 14px; font-weight: 500; padding-top: 17px; padding-left: 10%; background-color: #545454; color: white; text-align: left; user-select: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; cursor: pointer;}
.mo-menu-link+.mo-menu-link {border-top: 1px solid white;}
.dimmed {display: none;}
@media screen and (max-width: 1300px){
    #header {padding-left:5%; padding-right: 5%;}
    .menu-link {width: 40%;}
}

@media screen and (max-width: 1200px){
    #header {padding-left:5%; padding-right: 5%;}
    .hd-link {width: calc(100% - 5% - 260px);}
    .hd-logo {margin-top: 15px; height: 70px;}
}

@media screen and (max-width: 900px){
    #header {padding-left:2%; padding-right: 2%;}
    .hd-link {width: calc(100% - 5% - 220px);}
    .hd-logo {margin-top: 25px; height: 60px;}
}

@media screen and (max-width: 768px){
    #header {position: absolute; z-index: 999; height: 62.5px; padding-top: 5px; text-align: center;}
    .wrap-btn-menu-bar {position: absolute; top: 0; left: 0; width: 50px; height: 62.5px; padding-top: 19.5px;}
    .hd-logo-mo {height: 50px;}
}