.form-group.form-animate-text {
    position: relative;
    margin: 15px 0;
    padding: 0 5px;
}

.form-group.form-animate-text .form-text {
    padding: 10px 5px 0 5px;
    height: 40px;
    display: block;
    width: 100%;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #757575;
    font-family: 'Tahoma', sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.form-animate-text .form-text,
.form-animate-text .form-text:focus {
	width: 100%;
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	padding: 10px 5px 0 5px;
}

.form-group.form-animate-text select {
	/* padding: 10px 10px 8px 5px !important; */
	padding: 5px 10px 4px 4px !important;
	display: block;
	width: 100%;
	border: none;
	background-image: none;
	background: none;
	border-bottom: 1px solid #757575;
}

.form-group.form-animate-text select::-ms-expand {
	border: none;
	background: none;
	background-color: transparent;
}

.form-animate-text select, .form-animate-text select:focus {
	width: 100%;
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	border-radius: 0px !important;
	padding: 10px;
}

.form-group .form-animate-text select {
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	padding: 10px;
	border-radius: 0px !important;
}

.form-group .form-animate-text input[type='text'] {
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	padding: 10px;
	border-radius: 0px !important;
}

.form-group.form-animate-text .bar {
	position: relative;
	display: block;
	width: 100%;

}

.form-group.form-animate-text label {
	color: #999;
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 10px;
	top: 5px;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
}

.form-group.form-animate-text .form-text:focus ~ label, .form-text:valid 
	 ~ label {
	top: -10px;
	font-size: 13px;
	color: #999C9E;
	
}

/**
Textarea
*/
textarea {
	resize: none;
	overflow: auto;
}

.btn.btn-outline {
	background: none;
	color: #555555;
	border-color: rgba(0, 0, 0, 0.12);
}

.contact_tree .toggle {
	float: right;
	margin-top: 2px;
	width: 22px;
}

.contact_tree .icon {
	display: inline-block;
	width: 18px;
	height: 22px;
	text-indent: -9999em;
}

.contact_tree .depth {
	padding-left: 0;
}

.contact_tree .contact_group li {
	clear: both;
	list-style: none;
	line-height: 22px;
}

.contact_tree .contact_group .list {
	margin-right: 0;
}

.contact_tree .contact_group .list {
	margin-right: 30px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.contact_tree .contact_group .list label {
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}

.contact_tree .depth>li {
	padding-left: 20px;
	background: url(/asset/img/sms/inline-749a024dc1fc3a21ba599a272dbeca81.gif) no-repeat 2px 2px;
}

.contact_tree .icon_folder {
	background: url(/asset/img/sms/icon_folder-1c989d1700e7aea0b4867a4e79eff017.png) no-repeat 0 3px;
}

.contact_tree .icon_basic {
	background: url(/asset/img/sms/icon_basic-d4fc1c1264a2dd20286298c020dde60b.png) no-repeat 0 3px;
}

.ens-skin-blue .main-header .navbar {
	background-color: #33baaf
}

.ens-skin-blue .main-header .navbar .nav>li>a {
	color: #fff
}

.ens-skin-blue .main-header .navbar .nav>li>a:hover, .ens-skin-blue .main-header .navbar .nav>li>a:active,
	.ens-skin-blue .main-header .navbar .nav>li>a:focus, .ens-skin-blue .main-header .navbar .nav .open>a,
	.ens-skin-blue .main-header .navbar .nav .open>a:hover, .ens-skin-blue .main-header .navbar .nav .open>a:focus,
	.ens-skin-blue .main-header .navbar .nav>.active>a {
	background: rgba(0, 0, 0, 0.1);
	color: #f6f6f6
}
/*.col-md-12{background:#eee;}*/
.ens-skin-blue .main-header .navbar .sidebar-toggle {
	color: #fff
}

.ens-skin-blue .main-header .navbar .sidebar-toggle:hover {
	color: #f6f6f6;
	background: rgba(0, 0, 0, 0.1)
}

.ens-skin-blue .main-header .navbar .sidebar-toggle {
	color: #fff
}

.ens-skin-blue .main-header .navbar .sidebar-toggle:hover {
	background-color: #33baaf
}

@media ( max-width :767px) {
	.ens-skin-blue .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255, 255, 255, 0.1)
	}
	.ens-skin-blue .main-header .navbar .dropdown-menu li a {
		color: #fff
	}
	.ens-skin-blue .main-header .navbar .dropdown-menu li a:hover {
		background: #33baaf
	}
}

.ens-skin-blue .main-header .logo {
	background-color: #DCDCDC;
	color: #fff;
	border-bottom: 0 solid transparent
}

.ens-skin-blue .main-header .logo:hover {
	background-color: #CBCBCB
}

.ens-skin-blue .main-header li.user-header {
	background-color: #33baaf
}

.ens-skin-blue .content-header {
	background: transparent
}

.ens-skin-blue .wrapper, .ens-skin-blue .main-sidebar, .ens-skin-blue .left-side
	{
	background-color: #222d32
}

.ens-skin-blue .user-panel>.info, .ens-skin-blue .user-panel>.info>a {
	color: #fff
}

.ens-skin-blue .sidebar-menu>li.header {
	color: #4b646f;
	background: #1a2226
}

.ens-skin-blue .sidebar-menu>li>a {
	border-left: 3px solid transparent
}

.ens-skin-blue .sidebar-menu>li:hover>a, .ens-skin-blue .sidebar-menu>li.active>a,
	.ens-skin-blue .sidebar-menu>li.menu-open>a {
	color: #fff;
	background: #1e282c
}

.ens-skin-blue .sidebar-menu>li.active>a {
	border-left-color: #33baaf
}

.ens-skin-blue .sidebar-menu>li>.treeview-menu {
	margin: 0 1px;
	background: #2c3b41
}

.ens-skin-blue .sidebar a {
	color: #b8c7ce
}

.ens-skin-blue .sidebar a:hover {
	text-decoration: none
}

.ens-skin-blue .sidebar-menu .treeview-menu>li>a {
	color: #8aa4af
}

.ens-skin-blue .sidebar-menu .treeview-menu>li.active>a, .ens-skin-blue .sidebar-menu .treeview-menu>li>a:hover
	{
	color: #fff
}

.ens-skin-blue .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

.ens-skin-blue .sidebar-form input[type="text"], .ens-skin-blue .sidebar-form .btn
	{
	box-shadow: none;
	background-color: #374850;
	border: 1px solid transparent;
	height: 35px
}

.ens-skin-blue .sidebar-form input[type="text"] {
	color: #666;
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px
}

.ens-skin-blue .sidebar-form input[type="text"]:focus, .ens-skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn
	{
	background-color: #fff;
	color: #666
}

.ens-skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn
	{
	border-left-color: #fff
}

.ens-skin-blue .sidebar-form .btn {
	color: #999;
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0
}

.ens-skin-blue.layout-top-nav .main-header>.logo {
	background-color: #33baaf;
	color: #fff;
	border-bottom: 0 solid transparent
}

.ens-skin-blue.layout-top-nav .main-header>.logo:hover {
	background-color: #33baaf
}

.main-header{ height:50px;  background:#ffffff; }

.fontname{font-family: 'Tahoma', sans-serif; }

.ens-skin-blue-light .main-header .navbar .nav>li>a {
	font-family: 'Tahoma', sans-serif; 
}

.ens-skin-blue-light .main-header .navbar .nav>li>a:hover,
	.ens-skin-blue-light .main-header .navbar .nav>li>a:active,
	.ens-skin-blue-light .main-header .navbar .nav>li>a:focus,
	.ens-skin-blue-light .main-header .navbar .nav .open>a,
	.ens-skin-blue-light .main-header .navbar .nav .open>a:hover,
	.ens-skin-blue-light .main-header .navbar .nav .open>a:focus,
	.ens-skin-blue-light .main-header .navbar .nav>.active>a {
	background: rgba(0, 0, 0, 0.1);
	color: #EE7629;
}

.ens-skin-blue-light .main-header .navbar .sidebar-toggle {
	color:#EE7629;
	text-decoration: none;
}

.ens-skin-blue-light .main-header .navbar .sidebar-toggle:hover {
	color:#EE7629;
	background: rgba(0, 0, 0, 0.1)
}

.ens-skin-blue-light .main-header .navbar .sidebar-toggle:hover {
	background-color: #fdc701;
	text-decoration-line: none;
}

@media ( max-width :767px) {
	.ens-skin-blue-light .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255, 255, 255, 0.1)
	}
	.ens-skin-blue-light .main-header .navbar .dropdown-menu li a {
		color: #fff
	}
	.ens-skin-blue-light .main-header .navbar .dropdown-menu li a:hover {background-color: #fdc701; }
}

.ens-skin-blue-light .main-header .logo {
	color: black;
	border-bottom: 0 solid transparent;
}

.ens-skin-blue-light .main-header li.user-header {
	 background-color: #33baaf

}
.content-wrapper{width:100%; background: #ffffff;}
.ens-skin-blue-light .content-header {
	background: transparent
}

.ens-skin-blue-light .wrapper, .ens-skin-blue-light .main-sidebar,
	.ens-skin-blue-light .left-side {
	background-color: #f9fafc 
	/* background-color: transparent; */
}

.ens-skin-blue-light .main-sidebar {
	border-right: 1px solid #d2d6de
}

.ens-skin-blue-light .user-panel>.info, .ens-skin-blue-light .user-panel>.info>a
	{
	color: #444
}

.ens-skin-blue-light .sidebar-menu>li {
	-webkit-transition: border-left-color .3s ease;
	-o-transition: border-left-color .3s ease;
	transition: border-left-color .3s ease
}

.ens-skin-blue-light .sidebar-menu>li.header {
	color: #848484;
	background: #f9fafc
}

.ens-skin-blue-light .sidebar-menu>li>a {
	border-left: 3px solid transparent;
	font-weight: 600
}

.ens-skin-blue-light .sidebar-menu>li:hover>a, .ens-skin-blue-light .sidebar-menu>li.active>a
	{
	color: #000;
	background: #f4f4f5
}

.ens-skin-blue-light .sidebar-menu>li.active {
	border-left-color: #33baaf
}

.ens-skin-blue-light .sidebar-menu>li.active>a {
	font-weight: 600
}

.ens-skin-blue-light .sidebar-menu>li>.treeview-menu {
	background: #f4f4f5
}

.ens-skin-blue-light .sidebar a {
	color: #444
}

.ens-skin-blue-light .sidebar a:hover {
	text-decoration: none
}

.ens-skin-blue-light .sidebar-menu .treeview-menu>li>a {
	color: #777
}

.ens-skin-blue-light .sidebar-menu .treeview-menu>li.active>a,
	.ens-skin-blue-light .sidebar-menu .treeview-menu>li>a:hover {
	color: #000
}

.ens-skin-blue-light .sidebar-menu .treeview-menu>li.active>a {
	font-weight: 600
}

.ens-skin-blue-light .sidebar-form {
	border-radius: 3px;
	border: 1px solid #d2d6de;
	margin: 10px 10px
}

.ens-skin-blue-light .sidebar-form input[type="text"],
	.ens-skin-blue-light .sidebar-form .btn {
	box-shadow: none;
	background-color: #fff;
	border: 1px solid transparent;
	height: 35px
}

.ens-skin-blue-light .sidebar-form input[type="text"] {
	color: #666;
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px
}

.ens-skin-blue-light .sidebar-form input[type="text"]:focus,
	.ens-skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn
	{
	background-color: #fff;
	color: #666
}

.ens-skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn
	{
	border-left-color: #fff
}

.ens-skin-blue-light .sidebar-form .btn {
	color: #999;
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0
}

@media ( min-width :768px) {
	.ens-skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu
		{
		border-left: 1px solid #d2d6de
	}
	    /* 2020 03 11 */
    .sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer {
        margin-left:0px !important;
        z-index: 840
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 0px !important;
        z-index: 850
    }
}

.ens-skin-blue-light .main-footer {
	border-top-color: #d2d6de;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	min-height: 50px;
	z-index: 99;
	margin-left:0px;
	height:20px;
}

.ens-skin-blue.layout-top-nav .main-header>.logo {
	background-color: #33baaf;
	color: #fff;
	border-bottom: 0 solid transparent
}

.ens-skin-blue.layout-top-nav .main-header>.logo:hover {
	background-color: #33baaf
}

#default_Navbar {
	/* color: #263959; */
	color: #ee7629;
	margin: 40px 20px 0px 20px;
	font-family: 'Tahoma', sans-serif;
	font-weight: 600
}

#qmsZone {
	font-weight: 600;
	font-family: 'Tahoma', sans-serif;
	font-size: 13px;
	color: #ee7629;
}

.hidden-xs {
	font-family: 'Tahoma', sans-serif;
}

.logo-lg {
	font-family: 'Tahoma', sans-serif;
	font-size: 28px; 
}

.logo-mini img{
	width: 24px;
}

#replaceContent {
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 100%;
	max-height: 95vh;
	/*margin-bottom: 60px;*/
}
.btn-text{color:#000000; font-family: 'Tahoma', sans-serif;  line-height: normal; line-height:23px; }

.btn-link {
	font-size: 14px;  color: #000000;
	line-height: 20px;
	/*  background: #eae6e5; */
    border: 1px solid rgb(200, 200, 200);
	border-radius: 7px 7px 7px 7px;
}

.btn {
	padding: 4px 10px 2px 10px;
}

.box-header {
	color: #444;
	display: block;
	padding: 5px 5px 0px 5px;
	position: relative;
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 5px 13px;
}

#qmsZone {
	max-width: 900px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#copyright {
	max-height: 30%;
	min-width: 30%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.circle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-right:5px
}

.circle i{
	color: white; 
	font-size: 15px;
}

.navbar-custom-menu>.navbar-nav>li>#noticeList {
	line-height: 30px;

	width: 450px;
}

#noticeList li {
	padding: 5px 10px 5px 10px;
	width: 450px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
}

#sideBtn {
	width: 115px;
	height: 40px;
	background: #308ab5;
	border: 0;
	margin-bottom: 2px;
}

#sideBtn:hover{
	background: #156b94;
}

.btn-link:focus, .btn-link:hover {
    color: #263959;
    text-decoration: none; background: rgba(200, 200, 200, 0.50);  
} 

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
}

body.index, body.default {
	overflow: hidden;
}

body.popup {
	overflow-y: scroll;
	overflow-x: hidden;
}



/*@media (min-width :1218px) {
	#replaceContent {
		max-height: 77.5vh;
	}
}*/

@media ( max-width :1217px) {
	#replaceContent {
		max-height: 89vh!important;
	}
}

@media ( max-width :991px) {
	#copyright {
		display: none;
	}
	#qmsZone {
		max-width: 100%;
	}
	#replaceContent {
		max-height: 89vh!important;
	}
}

@media ( max-width :771px) {
	#sideBtn{
		width:100%;
	}
	#replaceContent {
		max-height: 89vh!important;
	}
}

@media ( max-width :767px) {
	#sideBtn{
		width:100%;
	}
	#replaceContent {
		max-height: 89vh!important;
	}
}

@media ( max-width :501px) {
	#replaceContent {
		max-height: 89vh!important;
	}
}

@media ( max-width :490px) {
	.main-header .navbar-custom-menu {
		font-size: 12px;
	}
	.navbar-custom-menu .navbar-nav>li>a {
		padding: 15px 5px!important;
	}
}

.grid-stack-item-content {
	border: 1px solid #ccc;
	padding: 5px;
	background: white;
}

#btnX{
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    /* z-index:50; */
   	display: none;
}
#btnX a{
	color: #575757;
    text-decoration: none;
}

#btnX:hover{
	display: block;
}

#btnx{
    height: 14px;
    width: 14px;
    /* z-index: 50; */
   	display: none;
   	border: 1px solid lightgray;
   	position: absolute;
    right: 0;
    top: 0;
}

#btnx a{
	color: #575757;
    text-decoration: none;
}

#btnx:hover{
	display: block;
}

#btnx i{
	position: absolute;
    top: -2px;
    right: 0;
    font-size: 13px!important;
}

#btnm{
    height: 14px;
    width: 14px;
    z-index: 50;
   	display: none;
   	border: 1px solid lightgray;
   	position: absolute;
    left: 1px;
    top: 0;
}

#btnm a{
	color: #575757;
    text-decoration: none;
}

#btnm:hover{
	display: block;
}

#btnm i{
	position: absolute;
    top: 0;
    right: 0;
    font-size: 12px!important;
}


#select td{
    border: 1px solid black;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background: white;
}

.mv{
	width:80px;
	height:30px;
	border: 1px solid lightgray;
	float:left;
	text-align: left;
	background: white;
	padding: 0.2%;
}

.tb .row{
	margin: 0 auto;
}

.cell{
	line-height: normal;
    border: 0;
    width: 100%;
    font-size: 13px;
	height: 100%;
}

#size{
	font-weight: bold;
    color: gray;
    font-size: 13px;
    width: 160px;
    display: block;
    text-align: center;
}

.templist{
	padding: 15px;
    border: 1px solid gray;
    margin: 5px;
}

.seleMenu{
	font-weight:bold;
}

.editor{
	background: white;
}

.imagediv{
	width:90%;
	max-width: 600px;
	z-index: 49;
}

#fontsize{
	background: rgba(190, 220, 56, 0.8);
	width: 300px; 
	min-height: 100px; 
	position: absolute; 
	padding: 15px; 
	display: none;
	border-radius: 10px;
	z-index: 55;
}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.underline{
	text-decoration: underline;
}

.clc{
	background: lightgray;
}

#tempSel{
	position: absolute;
    right: 20px;
    z-index:10;
    margin-top: -23px;
}

.datePick{
	width: 100%!important; 
	padding: 10px 5px 0 5px!important; 
}

.frto{
	width: 45% !important;
}

#contentsHeader {
	position: absolute;
	left: 2px;
	z-index: 5;
	top: 8px;
	font-family: 'Tahoma';
	
}

.contentsHeader {
	position: absolute;
	left: 2px;
	z-index: 5;
	top: 8px;
}

.datePick input.dx-texteditor-input{
	padding: 0 !important;
	font-family: 'Tahoma';
	font-size:14px;
}

.minus{
	width: 10% !important;
	padding-top: 10px!important;
	text-align: center !important;
	line-height: 3.5rem;
}

.box {
	margin-bottom: 10px!important;
}

#replaceContent .box-header.with-border{
	padding-left: 15px; font-family: 'Tahoma'; font-size:14px;
}

.content.container-fluid{
	padding: 0;
}

#replaceContent > div > div > div:nth-child(1) > div > div.box-body{
	padding: 0;
}

#gridContainer{
	height: 64vh;
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
    padding: 10px;
}
#detail > div > div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody > tr > td {
	background: #689cb5;
	padding: 7px;
}

td[role=columnheader],th.columnheader , td.info, .checkInfo, th.info {
	text-align: center!important;
	vertical-align: middle!important;
	white-space: nowrap!important;
	background-color: rgba(73, 121, 106, 0.85) !important;
	/*background-color: rgb(33, 78, 118) !important;*/
	/*background-color: rgb(116, 116, 116) !important;*/
	/*background-color: rgb(71 114 165) !important;*/
	/*background-color: #f0f2f7 !important;*/
	color: #f9f9f9 !important;
	/*font-weight: bold!important;*/
	/*font-size: 14px!important;*/
	/*background-color: #f0f2f7!important;*/
	/*color: #000000 !important;*/
	font-weight: 500!important;
	font-size: 13px!important;
	font-family: 'NotoSans-Regular';
}

.dx-datagrid .dx-row > td {
	padding: 5px;
}


.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers/*, .dx-datagrid-borders > .dx-datagrid-pager*/ {
	border-top: 2px solid #9d9ea1;
}

@font-face {
  font-family: 'Tahoma';
  src: url('/asset/fonts/Nunito/Nunito-Regular-d2e691bc4a2b696929172cb3d22ce8ba.ttf'); 
}

@font-face {
	font-family: 'NotoSans-Black';
	src: url('/asset/fonts/Noto_Sans_KR/NotoSansKR-Black-05c077164c27fa722dcafe63ed38355e.otf');
}

@font-face {
	font-family: 'NotoSans-Bold';
	src: url('/asset/fonts/Noto_Sans_KR/NotoSansKR-Bold-e2406ff1791c401bc93e73d9e44e6d2b.otf');
}

@font-face {
	font-family: 'NotoSans-Light';
	src: url('/asset/fonts/Noto_Sans_KR/NotoSansKR-Light-e914a10a1bd0088fb8f743fc7569749f.otf');
}

@font-face {
	font-family: 'NotoSans-Medium';
	src: url('/asset/fonts/Noto_Sans_KR/NotoSansKR-Medium-32666ae307200b0bcab5553590672bb1.otf');
}

@font-face {
	font-family: 'NotoSans-Regular';
	src: url('/asset/fonts/Noto_Sans_KR/NotoSansKR-Regular-210989664066c01d8ffdbdf56bb773cd.otf');
}

@font-face {
	font-family: 'NotoSans-Thin';
	src: url('/asset/fonts/Noto_Sans_KR/NotoSansKR-Thin-277434d967d5f33b857fc3f2dbaff15b.otf');
}

#selectMenu {
	border: 2px dashed gray;
	min-height: 570px;
	max-height: 670px;
	border-radius: 5px;
	overflow: auto;
}

#elemList {
	width: 100%;
}

#elemList td {
	border: 2px solid gray;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
}

#elemList td a {
	text-decoration: none;
	color: gray;
	font-weight: bold;
}

#element button {
	background-color: #ffffff;
	color: #4a4a4a;
	border: 2px solid gray;
	font-size: 13px;
	text-align: left;
	border-radius: 0;
	margin: -2px;
	font-family: 'Tahoma', sans-serif;
	font-weight: 600;
	padding: 12px;
}

#element button i {
	margin: 0 10px 0 5px;
}

#setting {
	display: none;
	width: 100%;
	padding: 2% 4% 4% 4%;
	background: #f5f5f5;
	border-radius: 5px;
	margin-top: 2%;
}

.element>div {
	margin-bottom: 15px;
}

#elemTitle {
	font-size: 15px;
	font-weight: bold;
	color: #525050;
	vertical-align: middle;
}

#line {
	display: none;
	margin-top: 20px;
	border-bottom: 1px solid #9E9E9E;
}

#Button>div>.cancle {
	background-color: #969696;
	border-color: #969696;
	color: white;
}

#upload .file {
	height: auto;
}

.element .row {
	margin-top: 10px;
}
 .main
{
	width:30%;
	min-height:665px;
	max-height:665px;
	display:inline-block;
	overflow:scroll;
}
.contexts
{
	background-color: white;
}
.contextMain
{
	width:70%;
	height:100%;
	float:right;
	background-color: #0a3d67;
}

#ui-datepicker-div{
	z-index: 11!important;
}

#content{
	margin: 0; 
	overflow: auto; 
	height: 880px; 
	max-height: 880px; 
	padding-top: 20px; 
	margin-bottom: 0px!important;
}

.trumbowyg-box.trumbowyg-editor-visible.trumbowyg-ko.trumbowyg{
	margin: 0;
	height:100%;
}

.trumbowyg-editor{
	max-height: 90%;
    overflow-y: scroll;
}

.textEditor{
	display: block;
    width: 100%;
    height: 200px;
}

.text{
	margin: 10px 5px 10px 5px!important;
}


label.topLabel {
	top : -16px!important;
	font-size : 13px!important;
	
}

#sideMenuView{
	height: 93vh;
}

.listTitle{
	height: 36px; 
	margin-top: 7px; 
	text-align: right;
}

#pict > img{
	display: block;
	margin: 0 auto;
}


.circle2 {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	background: #0a3d67;
}


.circle2 i{
	color: white; 
	font-size: 13px;
}

.user-panel, .user-panel>.info {
	padding-left: 0px;
	padding-right: 5px;
} 
.user-panel>.info>p{
	font-size: smaller;
}

.pageTo {
						color: #0a3d67;
					    float: left;
					    background-color: transparent;
					    background-image: none;
					    padding: 13px 15px;
					    width: 42px;
					    height: 50px;
					    cursor: pointer;
}

.pageTo:hover {
	color: #0a3d67;
	background: rgba(0, 0, 0, 0.1)
}

#img {
	height: 100%;
	display: flex;
	flex-direction: column;
}

#img .trumbowyg-box, #img .trumbowyg-editor {
	min-height: 90%;
    margin: 0;
}

.printline{
 	border-bottom: 2px dashed darkgray; position: absolute;  width: 97.5%; z-index: 10;
}


#sideMenuView div.dx-menu-vertical {
	height: auto;
}

#sideMenuView ul.dx-menu-items-container {
	font-sze : large;
	width: 100%;
}

#sideMenuView div.dx-menu-item-has-submenu div.dx-menu-item-content {
	font-weight: bold;
}

div.chart-row {
	margin-left:0px;
	margin-right:0px;
	margin-top: 10px;
	border: 1px solid lightgray;
}