@charset "utf-8";
@import url("bootstrap.css");
@import url("content.css");
@import url("form.css");
@import url("font.css");
@import url("component.css");
@import url("chrome-tabs.css");
@import url("tui/tui-date-picker.css");
@import url("tui/toastui-editor.css");
@import url("tui/tui-grid.css");
@import url("tui/tui-pagination.css");
@import url("tui/tui-tree.css");
@import url("select2.min.css");
@import url("datepicker.css");
@import url("swiper-bundle.min.css");


/* ADM 공통 UI */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,button,select,input
{margin: 0;padding: 0;border: 0;font-family:'Roboto', 'Noto Sans KR', sans-serif;}

html {  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%}

body {
	font-size: 13px;
	line-height: 20px;
	vertical-align: baseline;
	text-decoration:none;
	color: #353A42;
	font-weight:400;
	word-break:keep-all;
}


/* element reset */
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* a Link style */
a {text-decoration: none;color: #353A42}
a:active, a:link, a:visited {color:#353A42;outline: 0;text-decoration: none;}
a:hover {outline: 0;text-decoration: none; color:#1E509B;}


/* etc */
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
address, h1, h2, h3, h4, h5 {font-style:normal; font-weight: 500}
img {vertical-align: middle;}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,:active,:focus,:visited,a,a:active,a:focus,a:visited{outline:0}
em {font-style:normal; font-weight: 400}





/*--------------------
layout
----------------------*/
/*.topbar:before{content:"\e5d5";font-family: 'Material Symbols Outlined'; } */



.adm-wrap 		{position:relative; overflow:hidden;  width:100%; margin:0 auto; min-height: 100vh; min-width: 1600px}
.adm-lnb 			{position: absolute; height: 100%; top:60px; left:0px; background: #124782; width:240px; }
.adm-lnb-pop 		{position: absolute; height: 100%; top:0; left:0px; background: #124782; width:240px; }
.adm-content	{margin-left: 240px;  padding: 20px 50px 80px 50px;background: #fff; }


.adm-wrap > header 		{height: 60px; vertical-align: top; width: 100%; background: #596879}
.adm-wrap > header h1  {background-color: #0B3869; width: 240px; height: 100%;  text-align: center; float: left ; font-size: 0 }
.adm-wrap > header h1 img {width: 150px; padding-top: 18px }
.adm-lnb > h2 			{font-size: 18px; color:#fff; padding: 30px 24px; font-weight: 400;  line-height: 24px;  display: block;}
.adm-content > h3 	{font-size: 20px; color:#284E81; font-weight: 500; margin-top: 20px; margin-bottom: 20px; line-height: 24px;  display: inline-block; float:left; }


.topmenu 			{margin-left: 190px; width: calc(100% - 240px);  padding-left: 0px;}
/* .topmenu 			{margin-left: 190px; width: calc(100% - 240px);  padding-left: 50px; padding-top: 10px} */
/* .topmenu 			{margin-left: 240px; width: calc(100% - 240px);  padding-left: 50px; padding-top: 10px} */
/* .topmenu li 	{display: inline-block; margin-right: 15px;vertical-align: top; height: 50px;} */
.topmenu li 	{display: inline-block; vertical-align: top; height: 50px;}
.topmenu li a.active 	{ background: #485564; }
.topmenu li a {border-radius: 2px; color: #fff; font-size: 15px;  line-height: 40px;  padding-right: 22px;  display: inline-block;}
.topmenu li a:before {font-family: 'Material Icons'; font-size: 20px; padding-right: 10px; vertical-align: -3px; color: #97A5B5; padding-left: 28px}
.topmenu li a.m1:before {content:"\e1b2"; }
.topmenu li a.m2:before {content:"\e86d"; }
.topmenu li a.m3:before {content:"\f233"; }
.topmenu li a.m4:before {content:"\e8b9"; }
.topmenu li a.m5:before {content:"\e84f"; }
.topmenu li a.m6:before {content:"\ef42"; }
.topmenu li a.m7:before {content:"\e853"; }
.topmenu li a.m8:before {content:"\f040"; }
.topmenu li a.m9:before {content:"\ebe7"; }
.topmenu li a.m10:before {content:"\ebcc"; }
.topmenu li a.m11:before {content:"\e97a"; }

.topmenu li a.active:hover 	{ background: #485564; }
.topmenu li a:hover 	{ background: #6D7B8A;  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;transition: all 0.5s;}
.m_top_li {
	width: 160px;
	text-align: center;
}
.m_top_li_a {
	padding-top: 10px;
	height: inherit;
	width: inherit;
}
.m_childli {
	margin-right: 15px;
	text-align: left;
}
.m_childli a {
	height: 40px;
}
.m_childli2 {
	text-align: left;
}

.myinfo  {padding: 20px 24px 5px 24px; color: #fff; background: #1A4F88;}
.myinfo li {display: inline-block; line-height: 24px; font-size: 13px;  }
.myinfo li.out a { color: #fff; padding-left: 15px}
.myinfo li.out a:before {content: '|'; opacity: 0.4; padding-right: 15px}
.myinfo li.out a:hover {opacity: 0.8}
.myinfo li.alarm {display: block;}
.myinfo li.alarm:before {font-family: 'Material Icons';content:"\e7f4"; font-size: 16px; padding-right: 5px; vertical-align: -3px; color: #F86412}



.accordion {padding-top:10px!important; }
.accordion .link {cursor: pointer;display: block;padding: 7px 50px; color: #fff;font-size: 14px; position: relative;}
.accordion .link a{color: #fff;}
.accordion  a:hover{opacity: 0.8}
.accordion li i {position: absolute;top: 7px;left: 20px;font-size: 17px;  -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; color: #A5BCD4; opacity: 0.5}

.accordion li i.arrow{right: 24px;left: auto;font-size: 13px;top:10px }

.accordion li i.more{right: 24px;left: auto;font-size: 20px;top:8px }
.accordion li.open i.more {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.accordion li.open .active {color: #59C3FF;}
.accordion li a.active, .accordion li a.active i{color: #59C3FF;}

.accordion li.open .submenu {display: block; padding: 9px 0 5px 0}
.accordion li .submenu {padding:  9px 0 5px 0}
.submenu {display: none;background: #1A4F88; border-top:1px solid #345D8A; border-bottom: 1px solid #345D8A; font-size: 14px;padding: 10px 0}
.submenu a {display: block;color: #fff;padding:2px 20px 5px 50px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease; }
.submenu a:hover {color: #59C3FF;}
.submenu a:before {content: '\00B7';  padding-right: 8px; font-size: 20px; vertical-align: -2px }


.location {}
.location li {font-size: 13px; line-height: 18px; color: #4F5258; display: inline-block; padding-right: 5px; color: #4F5258}
.location li:before {font-family: 'Material Icons';content:"\e5e1"; font-size: 11px; padding-right: 5px; vertical-align: -2px; color: #9CA3AF;}
.location li:first-child:before { content: '\00B7'; font-size: 30px; line-height: 18px; vertical-align: -7px}
.location li:last-child {font-weight: 500}


.adm-lnb > h2 			{font-size: 17px; color:#fff; padding: 30px 24px 0; font-weight: 400;  line-height: 24px;  display: block;}
.adm-content > h3 	{font-size: 20px; color:#284E81; font-weight: 500; margin-top: 20px; margin-bottom: 20px; line-height: 24px;  display: inline-block}


/* loading */
@-webkit-keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes spin {
  0% { transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.block-wrap {position: fixed; width:100%;height: 100%; margin:0 auto; background: #333;  opacity: 0.5; z-index: 100;}
.loading-wrap {position: absolute; width:100%;height: 100%; margin:0 auto; background: #333;  opacity: 0.5; z-index: 100;}
.loading-con {position:absolute;top:50%; left:50%; transform:translate(-50%, -50%); width: 160px; margin:0 auto;}
.loading {border-radius: 50%; width: 40px;height: 40px; border: 0.25rem solid rgba(255, 255, 255, 0.2); border-top-color: #fff; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; display: block; text-align: center;margin:0 auto;}

.load-text {font-size:18px; color: #fff; text-align: center; margin-top: 10px}

/*--------------------
	  해상도별
----------------------*/
@media (max-width: 1280px) {

}