@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap');

/* reset */
body {
    color: #333;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 1;
    background: #f8f8fb;
    overflow-x: hidden;
}
* {margin: 0; padding: 0; box-sizing: border-box;}
ul,ol {list-style: none;}
hr {display: none;}
h1 {margin: 0;}
a {text-decoration: none; outline: none;}
b {font-weight: 700;}
button {border: none; background: none;}
img {border: none;}
html {font-size: 0.625em;}
.clear:after {content: ""; clear: both; display: block;}
.blind {position: absolute; top: -9999px; left: -9999px;}

/* leftMenu */
header {
    position: fixed;
    left: 0; top: 0;
    width: 200px; height: 100vh;
    background: #fff;
    box-shadow: 3px 0 15px 0 rgba(155,155,155,.1);
    z-index: 999;
}
header h1 {padding: 50px 32px;}
header h1 a {
    display: block;
    height:100px;
    text-indent: -9999px;
    background: url(/img/logo_symbol.svg) no-repeat center/contain;
}
.navInner {
	margin-top: 110px;
	height: 55vh;
	overflow-y: scroll;
}
.navInner::-webkit-scrollbar {display: none;}
.navInner .gnb > li > a {
    display: block;
    width: 200px; height: 60px;
    padding-left: 20px;
    font-size: 1.8rem; color: #333;
    line-height: 60px;
    border-left: 5px solid transparent;
}
.navInner .gnb > li > a:hover {color: #21409a;}
.navInner .lnb {display: none;}
.navInner .lnb li a {
    display: block;
    width: 200px; height: 30px;
    padding-left: 25px;
    font-size: 1.6rem; color: #808080;
    font-weight: 300;
    line-height: 30px;
}
.navInner .lnb li a:hover {font-weight: 700;}
.navInner .gnb > li > a.on {
    border-color: #21409a;
    color: #21409a;
    background: #fafafa;
}
.navInner .gnb > li > a.on + .lnb {
    padding-bottom: 6px;
    background: #f7f7f7;
}

/* info */
#info {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 60px;
    background: #edeff4;
}
#info .infoInner {
    width: 1280px;
    margin: 0 auto;
    font-size: 0;
    text-align: right;
}
#info .infoInner p {
    display: inline-block;
    padding-top: 15px;
    margin-right: 40px;
    font-size: 1.6rem; color: #333;
    vertical-align: middle;
}
#info .infoInner ul {
    display: inline-block;
    padding-top: 15px;
    vertical-align: middle;
}
#info .infoInner li {float: left;}
#info .infoInner li a {
    display: block;
    width: 33px; height: 31px;
    background: url(/img/adm/icon_homepage.png) no-repeat center/contain;
}
#info .infoInner li:last-child a {
    margin: 0 17px 0 31px;
    width: 25px;
    background-image: url(/img/adm/icon_logout2.png);
}