@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
	font-family: '�������';
	_background-color: #78838c;
	min-width: 1400px;
/*	max-width: 1600px;*/
	font-size: 15px;
}
.m-login.m-login--2.m-login-2--skin-3 .m-login__container .m-login__head .m-login__title {
    color: #fff1d3;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container {
    width: 450px;
    padding: 30px 20px 0;
    border-radius: 60px 30px 0 30px;
    background-color: #0000006b;
    border: 1px solid #fcfcfc40;
}
.m-brand.m-brand--skin-dark {
    background: #000;
}

.m-login.m-login--2.m-login-2--skin-3 .m-login__container .m-login__head .m-login__title span{
    font-size: 30px;font-weight: bold;color: #ff5b27;font-family: arial black;
}

.logo-animation {
  width: 25px;
  height: 25px;
  transform-style: preserve-3d;
  transform: rotateX(-40deg) rotateY(45deg);
}

.square {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
}

.square::after {
  content: '';
  position:absolute;
  left:0;
  top:0;
  width:25px;
  height:25px;
  z-index:-1;
}

.square.logo-c::after {
  background: url('/static/app/media/img/logo_c.png') no-repeat;
  background-size:cover;
}

.square.logo-y::after {
  background: url('/static/app/media/img/logo_y.png') no-repeat;
  background-size:cover;
}

.square.logo-n::after {
  background: url('/static/app/media/img/logo_n.png') no-repeat;
  background-size:cover;
}

.square:nth-child(1) {
  animation: front 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(2) {
  animation: back 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(3) {
  animation: left 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(4) {
  animation: right 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(5) {
  animation: top 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

.square:nth-child(6) {
  animation: bottom 10s cubic-bezier(0.64, 0.19, 1, 0.04) infinite;
}

@keyframes front {
  0%, 100% {
    opacity: 0;
    transform: translateZ(0);
  }
  3% {
    opacity: 1;
    transform: translateZ(0);
  }
  6%, 90% {
    opacity: 1;
    transform: translateZ(12.5px);
  }
  95% {
    opacity: 0;
    transform: translateZ(12.5px);
  }
}

@keyframes back {
  0%, 100% {
    opacity: 0;
    transform: rotateY(180deg) translateZ(0);
  }
  3% {
    opacity: 1;
    transform: rotateY(180deg) translateZ(0);
  }
  6%, 90% {
    opacity: 1;
    transform: rotateY(180deg) translateZ(12.5px);
  }
  95% {
    opacity: 0;
    transform: rotateY(180deg) translateZ(12.5px);
  }
}

@keyframes left {
  0%, 9%, 100% {
    opacity: 0;
    transform: rotateY(0deg) translateZ(0);
  }
  12% {
    opacity: 1;
    transform: rotateY(0deg) translateZ(0);
  }
  15% {
    opacity: 1;
    transform: rotateY(-90deg) translateZ(0);
  }
  18%, 90% {
    opacity: 1;
    transform: rotateY(-90deg) translateZ(12.5px);
  }
  95% {
    opacity: 0;
    transform: rotateY(-90deg) translateZ(12.5px);
  }
}

@keyframes right {
  0%, 9%, 100% {
    opacity: 0;
    transform: rotateY(0deg) translateZ(0);
  }
  12% {
    opacity: 1;
    transform: rotateY(0deg) translateZ(0);
  }
  15% {
    opacity: 1;
    transform: rotateY(90deg) translateZ(0);
  }
  18%, 90% {
    opacity: 1;
    transform: rotateY(90deg) translateZ(12.5px);
  }
  95% {
    opacity: 0;
    transform: rotateY(90deg) translateZ(12.5px);
  }
}

@keyframes top {
  0%, 20%, 100% {
    opacity: 0;
    transform: rotateX(0deg) translateZ(0);
  }
  23% {
    opacity: 1;
    transform: rotateX(0deg) translateZ(0);
  }
  26% {
    opacity: 1;
    transform: rotateX(90deg) translateZ(0);
  }
  29%, 90% {
    opacity: 1;
    transform: rotateX(90deg) translateZ(12.5px);
  }
  95% {
    opacity: 0;
    transform: rotateX(90deg) translateZ(12.5px);
  }
}

@keyframes bottom {
  0%, 57%, 100% {
    opacity: 0;
    transform: rotateX(0deg) translateZ(0);
  }
  60% {
    opacity: 1;
    transform: rotateX(0deg) translateZ(0);
  }
  63% {
    opacity: 1;
    transform: rotateX(-90deg) translateZ(0);
  }
  66%, 90% {
    opacity: 1;
    transform: rotateX(-90deg) translateZ(12.5px);
  }
  95% {
    opacity: 0;
    transform: rotateX(-90deg) translateZ(12.5px);
  }
}


textarea {
  resize: none;
}
.m-header-menu .m-menu__nav>.m-menu__item.m-menu__item--tabs>.m-menu__link {
	background: #cad2d8;
}
.m-header-menu .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item>.m-menu__link .m-menu__link-text {
	font-size: 16px;
}
.m-portlet, .alert.m-alert--air, .m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item {
	-webkit-box-shadow : -4px 4px 15px 1px rgba(0, 0, 0, 0.2);
	box-shadow : 0 0 20px 2px #6985bf;
}
.m-header-menu .m-menu__nav>.m-menu__item.m-menu__item--tabs>.m-menu__link .m-menu__link-text {
	/*
	font-family: 'Noto Sans KR';
	font-size: 17px;
	*/
}
.hide {
	display: none;
}

.mdl-textfield__label:after {
	bottom: 12px;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__section .m-menu__section-text {
	color : #767b96 !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__ver-arrow {
	color : #dfe1ea;
}
.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
	font-size: 16px !important;
}
.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell {
	font-size:14px;}

.datatable>thead>tr>th {
	background-color: #f4f3f8;
	padding: 16px 10px;
	border-bottom:1px solid #fff;
}
.dataTables_wrapper {
}
.dataTables_wrapper .dataTable .group td {
	background-color: #fff;
	font-size: 16px;
}

.m-portlet {
	border-radius: 5px;
	/*margin-bottom: 0;*/
}
.bg1 {background-color: #282a3c !important;color: #fff}
.bg2 {background-color: #9bb67f !important;}
.bg3 {background-color: #7f95b6 !important;}
.bg4 {background-color: #908bb6 !important;}
.bg5 {background-color: #b58bb6 !important;}
.bg6 {background-color: #bbba62 !important;}
.bg7 {background-color: #7fa7b6 !important;}
.m-portlet .m-portlet__head .m-portlet__head-icon, .m-portlet .m-portlet__head .m-portlet__head-text, .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #fff;
}
.m-portlet > .m-portlet__body,.m-portlet > .m-portlet__foot {
/*	padding : 15px;*/
	padding: 0;
}

.m-portlet > .m-portlet__body, .m-portlet > .m-portlet__foot {
	background-color: #fff;
}
.m-portlet > .no-margin {
	padding : 0;
}
.m-portlet .m-portlet__head {
	height: 50px;
}
.m-portlet.m-portlet--full-height .m-portlet__body {
	height: calc(100% - 2.2rem - 8.2rem);
}

.inline {
	display: inline-block;
}
.modal-open {
	overflow: hidden !important;
}
.hide {
	display: none;
}
div.read {
	padding: .85rem 1.15rem;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	background: #f8f8f8;
	border-radius: 5px;
	border:1px solid #ebebeb;
}
.m-form .m-form__group, div.read {
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 41px;
}
.modal .modal-content .modal-body, .modal .modal-content .modal-footer {padding: 19px;}
html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {overflow: none !important;}
.m-badge {font-size: 14px; line-height: 23px;min-height: 25px;min-width: 25px;border-radius: 5px !important;margin-top: 4px;}
.m-badge.circle {border-radius: 1rem;font-size: 13px;min-width: 20px;}
.table {margin-bottom: 0;}
.table th:not('.fc-day-header'), .table td:not('fc-widget-content') {vertical-align: middle;word-break: break-all;white-space: normal;}
table > tbody > tr.del > td{text-decoration: line-through;color: #b3b3b3;}
/*.table.m-table thead th {background-color: #5867dd;color: #fff;vertical-align: middle;border-bottom: 1px solid #dee2e6;font-weight: bold;padding: 10px;}*/
.table.m-table thead th {background-color: #363b61;color: #fff;vertical-align: middle;border-bottom: 1px solid #dee2e6;font-weight: bold;padding: 10px;}
.form-control.read {height: none !important;}
div.tools {display: none;}
.m10 {margin: 10px !important;}
.p10 {padding: 10px !important;}
.fixed{ top: 70px; z-index: 10; position:fixed; width:auto; display:none; border:none;}
.hand {cursor: hand;}
.h4 {font-size: 24px !important;line-height: 32px;}
.h5 {font-size: 18px !important;line-height: 32px;}
.fc-red {color: #f4516c !important;}
.borderEdge{border:2px solid red;}
.form-control {font-size: 15px;}
.ck-editor__editable_inline {   height: 400px;}
textarea.form-control {	height: auto !important;}
.b {font-weight: bold !important;}
a1 {color: #282a3c !important;}
.data-table {display: none;}
.dataTables_paginate {margin: 0 10px 20px !important;}
.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-wrapper {margin-bottom: 10px;}
.page-preload {display: none;}
.table-tool {min-width: 200px}
.m-form.m-form--fit .m-form__group {padding-left: 10px;padding-right: 10px;}
.m-form .form-control-label, .m-form label {font-size: 1.2rem;}
.m-radio, .m-checkbox {   margin-left: 5px;   padding-left: 25px;}
.modal-body > form {margin-top:-20px;}
.m-form.m-form--group-seperator-dashed .m-form__group {padding-top: 15px;padding-bottom: 15px;}
.valign-top {vertical-align: top !important;}
.valign-mid {vertical-align: middle !important;}
.valign-bot {vertical-align: bottom !important;}
.file-list {border:1px dashed #a1a1a1;padding: 0 10px;margin-top: 10px;}
button.btn-upload {width: 100%;height:100%;}
.image_view { list-style-type: none; overflow:hidden; width:100%; border: 1px solid #ccc; padding:10px; margin-bottom:0 !important;min-height: 135px;}
.image_view li  {
    position:relative; display:inline-block; margin:0px 10px 8px 0px; overflow:hidden; padding:0px; border-radius:5px;
    -webkit-box-shadow: 1px 1px 3px rgb(0, 0, 0);
    -moz-box-shadow: 1px 1px 3px rgb(0, 0, 0);
    box-shadow: 1px 1px 3px rgb(0, 0, 0);
	width: 100px;height: 100px;
}
.m__image_view { list-style-type: none; overflow:hidden; width:100%; border: 0px solid #ccc; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; min-height:40px; }
.m__image_view li  { position:relative; display:inline-block; margin:0px 5px 8px 0px; width:150px; overflow:hidden; padding:0px; height:100px; border-radius:5px; }
.image_view li:hover { outline:3px solid #FF4A0A; border-radius:0px; }
.image_view  img { width: 100%; height:100%; }
.image_view  .pic_d { position:absolute; display:none; width:20px; height:20px; line-height:20px; background:#ccc; text-align:center; top:6px; right:6px; font-size:11px; font-weight:bold; cursor:pointer; border-radius:5px; color:#fff; opacity:0.4; }
.image_view  .pic_top { position:absolute; display:none; width:20px; height:20px; line-height:20px; background:#ccc; text-align:center; top:6px; right:30px; font-size:11px; font-weight:bold; cursor:pointer; border-radius:5px; color:#fff; opacity:0.4; }
.image_view  .top_img { position:absolute; width:30px; height:20px; line-height:20px; background:#FF5F2F; text-align:center; top:6px; left:6px; font-size:11px; font-weight:bold; border-radius:5px; color:#fff; }
.image_view  .pic_dN { position:absolute; width:25px; height:20px; line-height:20px; top:10px; left:120px; font-size:11px; }
.image_view  li:hover .pic_d, #bo_w li:hover .pic_top { background:#dd6666; display:block; opacity:1;}
.image_view  .pic_list { display:inline-block; background:#555555; min-width:100px; text-align:center; padding:8px; border:0px; color:#fff; border-radius:5px; }
.image_view  .pic_list:hover { transition:all 0.5s; background-color: #dd6666;  }
.bo_v_file  .dlink { cursor:pointer; color:red; }

.modal .modal-content .modal-header {
	padding: 1rem;
	background: #363b61;
}
.modal .modal-content .modal-header h5, .modal .modal-content .modal-header .close {
	color: #fff !important;
}
div.blockUI {
	z-index: 1500;
}
.m-form .m-form__help {
	font-weight: 400;
	font-size: 12px;
}

.bd {
	border:1px solid red;
}
.modal-header .close {
	padding: 20px !important;
}
.bootstrap-select .dropdown-menu.inner>li.selected>a {
	font-weight: 700;
	background: #d5ddf4;
}
.bootstrap-select .dropdown-menu.inner>li.selected>a span.check-mark {
	color: red;
}
.bootstrap-touchspin .input-group-addon {
	background: #ebedf2;
}
.blue-background-class {
/*	background-color: #C8EBFB !important;*/
}
.blue-background-class>div {
	background-color: #C8EBFB !important;
}
.note-codable { min-height: 500px !important; }
#m-content {
	display: none;
	padding-top: 10px !important;
}
.no-data {
	height: 400px !important;
	background: url('http://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/logo_ft2.png') no-repeat;
	background-position: center center;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}
div.read-box {
	border:1px solid #222222 !important;
	background: #363b61;
	color: #fff;
	border-radius: 5px;
	margin: 10px 0;
}

.table.td-bottom td {
    border-bottom: 1px solid #ccc;
}
.hand {
    cursor: pointer;
}
.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    font-size: 1.8rem;
}
.dropdown-header {
    font-size: 17px;
    font-weight: bold;
    color: #f4516c;
}
.m-aside-menu .m-menu__nav {
    padding: 0px 0 30px 0;
}
i.checkbox {
    font-size: 29px;
    color: #919191;
}
i.checkbox.checked {
    color: #36a3f7;
}
.m-menu__item--active {
    padding-left: 35px !important;
}
.m-menu__item--active i {
    font-size: 18px !important;
}
.m-menu__item--active span {
    padding-left: 10px !important;
}
.m-menu__item--active i,.m-menu__item--active span.m-menu__link-text {
    color: #ffc000 !important;
}
.m-aside-menu .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-bullet {
    color: #999999;
}
.editableform .control-group {
    width: 80%;
}

.editable-submit {
    margin-top:4px;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-icon {
    color: #37ff00;
}
.form-group.m-form__group.row > div > label:first-child {
    font-weight: 700;
}
.m-popover.m-popover--skin-dark.popover {
    min-width: 250px;
}
.m-popover.m-popover--skin-dark.popover .popover-header {
    background: #000;
    font-weight: 700;
}
.m-popover.m-popover--skin-dark.popover, .m-popover.m-popover--skin-dark.popover .popover-body {
    color: #fff !important;
}
.m-timeline-2:before {
    display: none;
}
#json-input {
    display: block;
    width: 100%;
    height: 200px;
}
#translate {
    display: block;
    height: 28px;
    margin: 20px 0;
    border-radius: 3px;
    border: 2px solid;
    cursor: pointer;
}
#json-display {
    border: 1px solid #000;
    margin: 0;
    padding: 10px 20px;
}

.form-control[readonly] {
    background-color: #ebebf2;
}

.m-quick-sidebar {
    width: 800px !important;
    right: -800px !important;
}
.m-quick-sidebar.m-quick-sidebar--on {
    right: 0 !important;
}
.m-badge.m-badge--dark {background-color: #3d3d3d;color: #f0f0f0;}
.m-badge.m-badge--orange {background-color: #eb6100;color: #f0f0f0;}
.cutstr {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block;}
.cutstr2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cutstr3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.m-quick-sidebar {
    -webkit-box-shadow: 0px 0px 15px 10px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 15px 10px rgb(0 0 0 / 20%);
    padding: 20px;
}

.m-quick-sidebar__content {
    background-color: #fff;
}
.group {font-family: fantasy;font-size: 25px;}
.dropdown-menu>li>a, .dropdown-menu>.dropdown-item {text-align: left; font-weight: bold;}
.nav-tabs {border-bottom: 1px solid #6e6e6e;padding: 1rem 5px 0;}
/*.nav-tabs .nav-link {box-shadow: inset 0px 6px 20px #656565;}
.nav-tabs li:first-child {margin-left: 5px !important;}
.nav-tabs li:last-child {margin-right: 5px !important;}*/
.nav-tabs .nav-link {border-radius: 10px 10px 0 0;border-color: #c9c9c9 #c9c9c9 #6e6e6e;background-color: #f2f2f2}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {border-color: #6e6e6e #6e6e6e #fff}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border-color: #6e6e6e #6e6e6e #f2f2f2;box-shadow: 0px 2px 20px 0px #6985bf;}
form.sform {background-color: #f2f2f2;border-bottom: 1px solid #ccc;}
form.sform div label {font-weight: bold;}
/*.border{border:1px solid #5867dd !important; box-sizing: border-box;}*/
.border{border:1px solid #363b61 !important; box-sizing: border-box;}
.m-type {width: 30px; height: 30px;}
.m-type>span {font-size: 16px;}
.table th, .table td {vertical-align: middle;}
.nav-tabs .nav-link.active{box-shadow: 0px 2px 20px 0px #6985bf;font-weight: bold;margin-top: -11px; height: 47px; padding-top: 10px; font-size: 1.5rem;}
table.line thead tr th {border-right: 1px solid #5f648a;border-bottom: 1px solid #5f648a !important;}
table.line thead tr th:last-child:not('line') {border-right: 0}
@media (min-width: 992px) {
    .modal-lg {min-width: 1000px;}
}
.swal2-popup, .modal-content {box-shadow: 0 0 20px 2px #6985bf !important;}
#toast-container>div { opacity: 1 !important;}
table tr td .m-radio>span, table tr td .m-checkbox>span {top: -5px}