html {overflow:auto;height:100%; min-height: 780px;min-width:1280px;  }
body {margin:0;padding:0;font-size:0.75em; height:100%;font-family:'Pretendard'; -webkit-font-smoothing: antialiased;overflow:auto; -moz-osx-font-smoothing: grayscale;  position: relative; width: 100%; letter-spacing:.2px; min-width:1280px;margin:0 auto; background:#fff;} 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-family:'Pretendard';}
input, button {margin:0;padding:0;font-size:1em;font-family:'Pretendard';;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em; -webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Pretendard';}
textarea {border-radius:0;-webkit-appearance:none;font-family:'Pretendard';;}
select {margin:0;background:none;font-family:'Pretendard';}
p {margin:0;padding:0;word-break:break-all; font-family:'Pretendard';}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; font-weight:400; font-family:'Pretendard'; !important;}
ul,li,dl,dt,dd {padding:0;margin:0; font-family:'Pretendard';}
ul {list-style:none}
*,:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="text"]:focus {outline: none;}
input[type="password"]:focus {outline: none;}
textarea:focus {outline: none;}
input[type="text"]::placeholder {color:#666;  letter-spacing: .3px;}
input[type="password"]::placeholder {color:#bbb;  letter-spacing: .3px;}
textarea::placeholder {color:#bbb;  letter-spacing: .3px;}




nav {position: fixed; left:0; top:0px; height:100%;  background:#F7F8FA; width:300px; padding:70px 0px 75px 0px;  z-index: 100; letter-spacing: .5px; overflow: hidden;  transition: .3s;}
nav .nav_icon {position: absolute; left:0; top:0; transition: .3s; width:80px;}
nav .scroll {height:calc(100% - 106px); width:300px; overflow-x: hidden;  overflow-y: scroll;}
nav .scroll::-webkit-scrollbar {display: none;}
/*nav::-webkit-scrollbar {
    width: 6px;
 }
nav::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 10px;
 }
nav::-webkit-scrollbar-track {
    background-color: #fafafa;
    border-radius: 10px;
 }*/
nav .logo_box {position: absolute; left:24px; top:20px; width:34px; overflow: hidden; transition: .3s;}
nav .logo_box img {mix-blend-mode: multiply;}
nav.mini:hover .logo_box {width:100%; top:30px;}
nav .menu_open {position: absolute; right:25px; top:41px; border:none; background:none; transform: rotate(0); }
nav p.menu_tit {font-size:13px;  color:#C3C3C3; padding-left:30px; border-top:1px solid #F3F3F3; padding-top:23px; margin-top:10px;}

nav ul {padding:0 35px 10px 35px;}
nav ul.ul2 {overflow: hidden; max-height: 0;  position: relative;}
nav ul.ul2.on {margin-top:20px; overflow: visible; max-height:100vw; max-height: auto;}
nav ul.ul2:after {content:''; position: absolute; bottom:0; left:35px; width:calc(100% - 70px); height:1px; background:#2B2B2B; box-shadow:0 -1px 0px 0px rgba(0, 0, 0, 1);}
nav ul.ul2:last-child:after {content: none;}
nav ul li {display:inline-block; width:100%; margin-bottom:10px;}
nav ul li a{display: inline-block; padding:17px 15px 14px 17px; font-size:15px; color:#808096; position: relative; width:100%; border-radius:10px;   font-weight:700; font-family: "Manjari", sans-serif; letter-spacing: .5px; } 
nav ul li a:hover {}
nav ul li a:hover span {right:14px;}
nav ul li a img {margin-right:15px; margin-top:-3px; filter:grayscale(0.8); opacity: .7;}
nav ul li a img.img1 {margin-left:-1px; margin-right:14px;}
nav ul li a img.img2 {margin-top:-6px;}
nav ul li a img.img3 {margin-left:-1px; margin-right:14px;}
nav ul li a img.img4 {margin-left:-1px; margin-right:13px;}
nav ul li a.on {background:#fff; color:#514EE5; margin:0; }
nav ul li a span {width:23px; height:23px; position: absolute; right:3px; top:50%; transform: translate(0,-50%); border-radius:50%; color:#fff; font-size:13px; background:#6310BC; box-shadow: 0 0 6px 2px #801ded59; text-align: center; line-height:27px; letter-spacing: 0; transition: .3s;}
nav ul li a.on span {background:#fff; right:14px; box-shadow: none; color:#6310BC; font-weight:700;}
nav ul li:first-child a.on {margin-top:5px;}
nav ul li:last-child a.on {margin-bottom:5px;}
nav ul li a.on img {filter:inherit; opacity: 1;}
nav ul li a.link2:after {content:url('../img/menu_plus.svg'); position: absolute; right:17px; top:12px; filter:brightness(0%); opacity: .5}
nav ul li a.on.link2:after {filter: inherit; opacity: 1;}

nav ul li ul {position: relative; margin-top:0px; margin-bottom:0px; overflow: hidden; max-height: 0;
    transition: .3s; padding:0 22px 0 38px;}
nav ul li ul.on {margin-bottom:20px; overflow: visible; margin-top:7px; max-height:100vw; max-height: auto; transition: .3s;}
nav ul li ul:after {content:''; position: absolute; left:38px; height:calc(100% - 12px); width:2px; background:#EDEDED;; top:6px; }
nav ul li ul li {height:auto;}
nav ul li ul li a {padding:7px 0 8px 17px; color:#949494; font-size:14px;}
nav ul li ul li a:hover {background:none;}
nav ul li ul li a.on {color:#0068B6; background:none; font-weight: 500; } 
nav ul li ul li a.on:after {content:''; position: absolute; left:0px; top:6px; width:2px; height:20px; background:#0068B6; z-index: 1;}

nav ul li:nth-child(6) {margin-bottom:20px; border-bottom:1px solid #ededed; padding-bottom:10px !important; margin-bottom:10px !important;}

nav .site {margin-top:10px;}
nav .site a {display: inline-block; width:100%; padding:11px 22px; color:#474747; font-size:16px;}
nav .site a img {margin-left:10px; position: relative; top:-1px;}

nav h3 {font-size:14px; color:#000; margin-top:40px; padding-left:30px;}
nav .down_bt {position: fixed; left:18px; bottom:15px;  border:none; background:none; transition: .3s;}

nav .profile {position: absolute; bottom:30px; left:0; width:100%; padding:0 35px; }
nav .profile:after {content:''; clear: both; display: table;}
nav .profile .img {float:left; width:45px; height:45px; margin-right:15px; background:#0C0C0C; position: relative; border-radius:50%;}
nav .profile .img span {text-align: center; display: inline-block; padding:11px 0; font-size:17.5px; color:#373737;  width:100%; font-weight:700; letter-spacing: 0}
nav .profile .img .cog {position: absolute; right:-2px; top:0px; border:none; background:none;}
nav .profile .txt {float:right; width:170px; padding:7px 0;}
nav .profile .txt p {font-size:13px;  color:#fff;} 
nav .profile .txt span {display: inline-block; margin-top:3px; font-size:11px; color:#434343; }
nav .profile .logout {position: absolute; right:30px; bottom:17px; border:none; background:none;}

nav .logout {position: absolute; bottom:28px; left:51%; transform: translate(-50%,0); border:none; background:none;}
nav .logo2 {display: none;}
nav .txt {position: absolute; left:-23px; color:#A3A3B7; font-size:10px; bottom:136px; letter-spacing: 12px; font-weight:400; transform: rotate(-90deg); transition: .3s;}

nav.mini p.menu_tit {font-size:0; padding-top:4px; margin-top:0;}
nav.mini {width:80px; overflow: visible;}
nav.mini .scroll{width:80px;}
nav.mini .logo {width:50px; margin:0 auto; text-align: center; overflow: hidden; display: none;  position: relative; border-bottom:1px solid #404040; margin-left:15px; padding-bottom:23px; margin-bottom:10px; }
nav.mini .logo:after {content:''; position: absolute; left:0; bottom:0px; width:100%; height:1px; background:#181818}
nav.mini .logo img {margin:0; width:31px;}
nav.mini .menu_open {right:26px; top:87px; transform: rotate(180deg);}
nav.mini ul {padding:0 0px 10px 0px;}
nav.mini ul.ul2.on {margin-top:5px;}
nav.mini ul li {margin-bottom:1px; padding:0 15px 5px 15px;}
nav.mini ul li a {font-size:0; padding:17px 15px 14px 14px;}
nav.mini ul li a span {top:34%; width:18px; height:18px; font-size:11px; line-height:24px; right:0;}
nav.mini ul li a:hover span {right:0px;}
nav.mini ul li a.link2:after {content:none;}
nav.mini ul li a img {margin-right:0; width:22px;}
nav.mini .profile .txt {display: none;}
nav.mini .profile {padding:0 24px;}
nav.mini ul li ul {position: absolute; left:75px; margin-top:-50px; background:#fff; border-radius:10px; box-shadow: 0 0 12px rgba(0,0,0,.15); padding:0px 15px; min-width:142px; overflow: visible; max-height: 100vw; display: none;}
nav.mini ul li:hover ul {display: block;}
nav.mini ul li ul:after {content:none;}
nav.mini ul li ul li {margin-bottom:0;}
nav.mini ul li ul li a {font-size:14px !important; padding:9px 0px; white-space:nowrap; text-overflow:ellipsis; border-radius:0; transition: .3s;}
nav.mini ul li ul li a:hover {color:#222;}
nav.mini ul li ul li a.on {color:#0068B6;}
nav.mini ul li ul li a.on:after {content:none;}
nav.mini ul li ul li:first-child a {padding:14px 0 8px 0;}
nav.mini ul li ul li:last-child a {border-bottom:none; padding:8px 0 14px 0;}

nav:hover {padding-top:75px;}
nav:hover .nav_icon {width:50px; border-radius:0 0 10px 0;}
nav.mini:hover {width:260px; overflow: hidden;}
nav.mini:hover .logo {position: absolute; right:-13px; top:-12px; width:100px; filter:grayscale(100); opacity: .1; }
nav.mini:hover .logo img {width:90px;}
nav.mini:hover .logo2 {display: block; width:100%; text-align: center; margin-top:10px; padding-bottom:43px; position: relative; top:10px;}
nav.mini:hover ul li a {font-size:15px;transition: .3s;}
nav.mini:hover .scroll {width:260px;}
nav.mini:hover ul li a img {margin-right:17px;}
nav:hover .logout {left:85%;}
nav.mini:hover .logo_box img {width:160px;}
nav:hover .txt {transform: rotate(0); left:35px; bottom:35px;}

nav:hover ul li a.on {background: #fff;}

nav .menu_bg1 {position: absolute; left:0; bottom:0; display: none; opacity: .5;}
nav .menu_bg2 {position: absolute; right:0; top:0;display: none; opacity: .7;}
nav:hover .menu_bg1, nav:hover .menu_bg2 {display: block;}

.content {width:calc(100% - 300px); min-width:950px;  max-width:100%;  left:300px; height:100%;  float:left; position: relative; overflow-x:hidden; overflow: hidden; transition: .3s;}
.content:after {content:''; clear:both; display: table;}
.content.long {width:calc(100% - 80px); left:80px;}



.pagenation {margin-top:23px;}
.pagenation ul {text-align:center; margin:0px 0 0px 0;}
.pagenation ul li {display:inline-block; padding:0 0px; height:21px; width:21px; border-radius:2px; font-size:14px; margin:0 5px; padding-top:3px; border-radius:50%; padding-right:1px; font-size:13px;}
.pagenation ul li:first-child {width:auto; padding:0; height:21px;color:#000; position:relative; top:-1px;margin-right:25px;}
.pagenation ul li:last-child {width:auto; padding:0; height:21px;color:#000; position:relative;  top:-1px; margin-left:25px;}
.pagenation ul li a {color:#5E5E5E;}
.pagenation ul li:first-child img {margin-right:0px; position: relative; top:0px;  transform: rotate(90deg);}
.pagenation ul li:last-child img {margin-left:0px; position: relative; top:0px; transform: rotate(-90deg);}
.pagenation ul li.on {background:#6310BC; color:#fff;     box-shadow:0 0 6px 2px #801ded59}
.pagenation ul li.on a {color:#fff;}