html {overflow:auto;height:100%; min-height: 650px;min-width:340px;  }
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:340px;margin:0 auto; background:#f8f8f8;}
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:#bbb;  letter-spacing: .3px;}
input[type="password"]::placeholder {color:#bbb;  letter-spacing: .3px;}
textarea::placeholder {color:#bbb;  letter-spacing: .3px;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #222;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
    box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
    -webkit-text-fill-color: #222;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
    box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
    transition: background-color 5000s ease-in-out 0s;
}


nav {position: fixed; left:0; top:0px; height:100%;  width:300px; padding:40px 0px 75px 0px;  z-index: 8; letter-spacing: .5px; overflow: hidden; }
nav:after {content:''; position: absolute; right:0; top:0; height:100%; width:1px; }
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 {transition: .3s ease-in-out .5s;; width:120px; display: inline-block;}
nav .logo img{width:130px; margin-left:35px; margin-bottom:35px;}
nav .menu_open {position: absolute; right:25px; top:34px; 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 30px 0px 30px;}
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:#eee;}
nav ul.ul2:last-child:after {content: none;}
nav ul li {display:inline-block; width:100%; margin-bottom:15px;}
nav ul li a{display: inline-block; padding:18px 15px 13px 23px; font-size:15px; color:#777; position: relative; width:100%; border-radius:50px;   font-weight:700; font-family: "Manjari", sans-serif; letter-spacing: .5px;}
nav ul li a:hover {background:#f0f0f0;}
nav ul li a:hover span {right:14px;}
nav ul li a img {margin-right:13px; margin-top:-3px; opacity:0.4;}
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:#111; color:#fff; margin:0; }
nav ul li a span {width:23px; height:23px; position: absolute; right:13px; top:50%; transform: translate(0,-50%); border-radius:50%; color:#fff; font-size:13px; background:#999; 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:#5E318F; 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 {opacity: 1; -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(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 .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:#fff; position: relative; border-radius:50%;}
nav .profile .img span {text-align: center; display: inline-block; padding:11px 0; font-size:17.5px; color:#aaa;  width:100%; font-weight:500; letter-spacing: 0}
nav .profile .img .cog {position: absolute; right:-4px; top:-2px; border:none; background:none;}
nav .profile .txt {float:right; width:170px; padding:7px 0;}
nav .profile .txt p {font-size:13px;  color:#2B2E33; font-weight:600;}
nav .profile .txt span {display: inline-block; margin-top:3px; font-size:11px; color:#999; }
nav .profile .logout {position: absolute; right:30px; bottom:17px; border:none; background:none;}

nav.mini p.menu_tit {font-size:0; padding-top:4px; margin-top:0;}
nav.mini {width:90px; overflow: visible;}
nav.mini .scroll{width:90px;}
nav.mini .logo {width:72px; overflow: hidden; display: inline-block; transition: .1s ease-in-out 0s;}
nav.mini .logo img {margin-left:28px; margin-bottom:50px;}
nav.mini .menu_open {right:26px; top:87px; transform: rotate(180deg);}
nav.mini ul {padding:0 20px 10px 20px;}
nav.mini ul.ul2.on {margin-top:5px;}
nav.mini ul li {margin-bottom:8px;}
nav.mini ul li a {font-size:0; padding:16px 15px 14px 15px;}
nav.mini ul li a span {top:34%; width:18px; height:18px; font-size:11px; line-height:24px; right:0; display: none;}
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:20px;}
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;}

.chart_hover4 {padding:8px 15px; background:#fff; box-shadow: 0 0 8px rgba(0,0,0,.15); border-radius:8px; color:#333; position:absolute; top:0; left:-35px; min-width:110px; width:auto;}
.chart_hover4 p {margin:0; padding:0; font-size:14px;}
.chart_hover4 span {font-size:12px; display: inline-block; margin-top:8px;}
.chart_hover4 span b {display:inline-block;height:12px; width:12px; margin-right:4px; background:#F39828; border-radius:50%; position: relative; top:1px;}

.chart-container {width:100%; height:305px; margin-top:24px;}








.content {width:calc(100% - 320px); min-width:950px;  max-width:calc(100% - 20px);  left:300px; top:20px; background:#fff; height:calc(100% - 40px);  float:left; position: relative; overflow-x:hidden; overflow: hidden; transition: .3s; z-index: 1; border-radius:20px; padding:35px 40px;}
.content:after {content:''; clear:both; display: table;}
.content.long {width:calc(100% - 90px); left:90px;}
.content .hd { position: relative; }

.content .hd span {font-size:16px; color:#d0d0d0;  display: inline-block; margin-left:12px; letter-spacing: .5px; font-weight:500;}
.content .hd h2 {font-size:25px;font-weight: 700; color:#2B2E33; margin-bottom:25px;}
.content .hd .hd_bt {position: absolute; right:0px; top:-7px; }
.content .hd .hd_bt button {height:44px; border-radius:8px; background:#5E318F; padding:0 23px; font-size:15px; color:#fff;  letter-spacing: .5px; border:none; margin-left:2px; font-weight:500;}
.content .hd .hd_bt button.back {border:1px solid #adadad; color:#8a8a8a; background:#fff; margin-right:3px; }
.content .hd .hd_bt button.cate_add {border:1px solid #0068B6; background:#fff; color:#0068B6;}
.content .hd .search {padding:15px 15px; background:#f7f6fa; border-radius:15px; margin-bottom:20px;}
.content .hd .search:after {content:''; clear: both; display: table;}
.content .hd .search .s_box1 {}
.content .hd .search .s_box1 .select { float:left; position: relative; width:100px; cursor: pointer; z-index: 10; }
.content .hd .search .s_box1 .select:after {content:''; position: absolute; right:-5px; top:10px; height:25px; width:1px; background:#e4e4e4;}
.content .hd .search .s_box1 .select .label {width:100%; text-align:left; border:none; height:45px; padding-left: 15px; background: #fff; cursor: pointer; font-size:15px; padding-bottom:1px; color:#555 ; background:url('../img/open_arrow.svg')no-repeat center right 12px #fff; border-radius:8px 0 0 8px; background-size:10px ; font-weight:500;}
.content .hd .search .s_box1 .select .optionList {position: absolute; top:35px; left: 0px; width: 100%;  max-height: 0; transition: .3s ease-in;   z-index: 1;   overflow:hidden; border-radius:0 0 15px 15px; font-weight:400; }
.content .hd .search .s_box1 .select.active .optionList {max-height: 170px;overflow:auto; background:#fff;}
.content .hd .search .s_box1 .select .optionItem { padding:13px 17px 0 15px; font-size:15px; color:#888;}
.content .hd .search .s_box1 .select .optionItem:last-child {padding-bottom:10px;}
.content .hd .search .s_box1 .select .optionItem:first-child {padding-top:10px;}
.content .hd .search .s_box1 .select .optionList::-webkit-scrollbar {width: 6px;}
.content .hd .search .s_box1 .select .optionList::-webkit-scrollbar-thumb {background: #eee; border-radius: 45px;}

.content .hd .search .s_box1 .select.year_select {margin-left:8px; margin-right:8px;}
.content .hd .search .s_box1 .select.year_select .label {border-radius:8px;}
.content .hd .search .s_box1 .select.year_select:after {content:none;}
.content .hd .search .s_box1 .select.month_select .label {border-radius:8px;}
.content .hd .search .s_box1 .select.month_select:after {content:none;}
.content .hd .search .s_box1 .select.status_select .label {border-radius:8px;}
.content .hd .search .s_box1 .select.status_select:after {content:none;}

.content .hd .search .s_box1 .right {float:right;}
.content .hd .search .s_box1 .btn {height:45px; padding:0 15px; font-size:15px; color:#fff; background:#5E318F; border:none; border-radius:8px; margin-left:8px;}

.content .hd .search .s_box1 .input_box {float:left; width:200px; position: relative;}
.content .hd .search .s_box1 .input_box input[type="text"]{width:100%; height:45px; background:#fff; border:none; border-radius:0 8px 8px 0; border-left:none; font-size:14px; padding:0 15px 0 20px;}
.content .hd .search .s_box1 .search_bt {float:left; border:none; background:#5E318F; width:45PX; height:45px; border-radius:8px; margin-left:8px; padding-bottom:2px;}

.content .hd .search .s_box1 ul.sel_type {background:#fff; border-radius:13px; margin-top:0px; padding:4px; width:200px; float:left; margin-left:8px;}
.content .hd .search .s_box1 ul.sel_type:after {content:''; clear:both; display: table;}
.content .hd .search .s_box1 ul.sel_type li {height:38px; float:left; width:33%;}
.content .hd .search .s_box1 ul.sel_type li input[type="radio"] {display: none}
.content .hd .search .s_box1 ul.sel_type li input[type="radio"] + label {display: inline-block; height:100%; line-height:38px; text-align: center; font-size:15px; font-weight:400; color:#aaa;  width:100%; cursor: pointer; }
.content .hd .search .s_box1 ul.sel_type li input[type="radio"]:checked + label {background:#f7f6fa; color:#5E318F; border-radius:10px; font-weight:600;}

.content .hd .search .s_box2 {float:right; width:445px;}
.content .hd .search .s_box2 .lay_select {float:left; width:125px; margin-right:5px; }
.content .hd .search .s_box2 .lay_select p { height:40px; line-height:38px; font-size:14px; color:#777;}
.content .hd .search .s_box2 .lay_select ul li label {font-size:14px; color:#777;}
.content .hd .search .s_box2 .lay_select ul {top:39px;}
.content .hd .search .s_box2 .input_box {float:left; width:calc(100% - 170px); position: relative;height:40px; background:#fff; border:1px solid #eee; border-radius:8px 0 0 8px;  overflow:hidden;}
.content .hd .search .s_box2 .input_box .cal_box {float:left; width:calc((100% - 15px) / 2); position: relative;}
.content .hd .search .s_box2 .input_box .cal_box img {position: absolute; left:12px; top:10px;}
.content .hd .search .s_box2 .input_box input[type="text"]{height:38px; width:100%; border:none; font-size:14px; color:#777; padding:0 0 0 35px;}
.content .hd .search .s_box2 .input_box span {float:left; width:15px; padding-top:10px;}
.content .hd .search .s_box2 .input_box .sear_bt {position: absolute; left:12px; top:11px; border:none; background:none;}
.content .hd .search .s_box2 .api_search_bt {float:right; height:40px; width:40px; border-radius:0 8px 8px 0; background:#3E81FF; border:none; padding-bottom:1px;}
.content .hd .search .s_box2 .api_search_bt img {filter: brightness(100);}

.content .hd .hd_tab {margin-top:10px; border-bottom:1px solid #eee; margin-left:-40px; width:calc(100% + 80px); padding:0 40px;}
.content .hd .hd_tab:after {content:''; clear: both;; display: table;}
.content .hd .hd_tab li {margin-right:10px; float:left;}
.content .hd .hd_tab li a{float:left; padding:0 15px 15px 15px; font-size:15px; color:#575757; position: relative;}
.content .hd .hd_tab li span {font-size:11.5px; color:#5E318F;  padding:1px 4px 1px 4px; border-radius:4px; background:#F7F6FA; display: inline-block; margin-left:2px; position: relative; top:-1px;}
.content .hd .hd_tab li.on a {color:#5E318F; font-weight:600;}
.content .hd .hd_tab li.on span {background:#5E318F; color:#fff; }
.content .hd .hd_tab li.on a:after {content:''; position: absolute; bottom:-1px; left:0; width:100%; height:3px; background:#5E318F;}

.content .hd .search .s_box3 {width:315px;}
.content .hd .search .s_box3 .input_box {width:275px;}

.content .hd ul.root_type {background:#f4f4f4; border-radius:13px; margin-top:15px; padding:4px; position: absolute; width:270px; top:14px; left:50%; transform: translate(-50%,0);}
.content .hd ul.root_type:after {content:''; clear:both; display: table;}
.content .hd ul.root_type li {height:40px; float:left; width:50%;}
.content .hd ul.root_type li input[type="radio"] {display: none}
.content .hd ul.root_type li input[type="radio"] + label {display: inline-block; height:100%; line-height:40px; text-align: center; font-size:15px; font-weight:600; color:#aaa;  width:100%; cursor: pointer; }
.content .hd ul.root_type li input[type="radio"]:checked + label {background:#fff; color:#222; border-radius:10px; font-weight:500;}


.list_info {padding:18px 35px; position: relative;}
.list_info p {font-size:12px; color:#bdbdbd; }
.list_info .right {position: absolute; right:35px; top:10px; width:152px;}
.list_info .right span {display: inline-block; font-size:12px; color:#bdbdbd; margin-right:6px; position: relative; top:6px;}
.list_info .right .lay_select {width:60px; float:right; }
.list_info .right .lay_select p {height:30px; line-height:28px; font-size:13px; padding:0 10px; border-radius:6px; background:url('../img/down_arrow2.svg')no-repeat center right 7px #fff; color:#444;}
.list_info .right .lay_select ul {top:29px;}
.list_info .right .lay_select ul li {padding:5px 10px;}
.list_info .right .lay_select ul li label {font-size:13px;}



.del_bt {position: absolute; bottom:18px; left:35px; border:none; height:32px; border-radius:6px; padding:0 15px; font-size:13px; background:#fff; border:1px solid #ddd; padding-bottom:1px; color:#aaa;}


.pagination {border-top:1px solid #eee; margin-left:-40px; width:calc(100% + 80px); padding:23px 40px 0 40px;}
.pagination ul {text-align:center; margin:0px 0 0px 0;}
.pagination ul li {display:inline-block; padding:0 0px; height:21px; width:21px; border-radius:2px; font-size:14px; margin:0 2px; padding-top:3px; border-radius:50%; padding-right:1px; font-size:13px; cursor: pointer;}
.pagination ul li:first-child {width:auto; padding:0; height:21px;color:#000; position:relative; top:-1px;margin-right:25px;}
.pagination ul li:last-child {width:auto; padding:0; height:21px;color:#000; position:relative;  top:-1px; margin-left:25px;}
.pagination ul li a {color:#5E5E5E;}
.pagination ul li:first-child img {margin-right:0px; position: relative; top:0px;  transform: rotate(90deg);}
.pagination ul li:last-child img {margin-left:0px; position: relative; top:0px; transform: rotate(-90deg);}
.pagination ul li.on {background:#5E318F; color:#fff;}
.pagination ul li.on a {color:#fff;}