/*------------------------------------
  Font
------------------------------------*/
@import url(/pages/layout/css/font.css);
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100;200;300;400;500;700;800&display=swap');


/*------------------------------------
  Common
------------------------------------*/
html,
body {
	font-size:14px;
}
body {
	font-family:'Commissioner', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	letter-spacing:-0.04rem;
	color: #6f7080;
	word-break:keep-all;
}

@media (min-width: 768px) {
	html, body{
		font-size:16px;
	}
}

a{
  color: #2a2a33;
}

a:hover {
  color: #111;
  text-decoration: none;
}


/*------------------------------------
	Headings
------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: 'Commissioner', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  letter-spacing:-0.05rem;
  color:#191a1d;
}



/*------------------------------------
  form
------------------------------------*/
input[type="text"],
input[type="password"],
select,
textarea{
    display: inline-block;
    height: 2.5rem;
    padding: 0.6rem 0.5rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.6;
	color: #2b2b33;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid #e3e4ea;
	vertical-align:middle;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	border-radius:0;
}
textarea{
	display: block;
    width: 100%;
	min-height:15rem;
    padding: .54688rem .875rem;
}
select {
    padding-right:2.25rem;
    line-height: 1.25;
    background-clip: padding-box;
	cursor: pointer;
	/* arrows hidden */
	appearance: none;
	-webkit-appearance: none;
  	-moz-appearance: none;
	/* arrows style */
	background-image:url('../images/select-arrow.png');
	background-position:100% 50%;
	background-size:1.55rem auto;
	background-repeat:no-repeat;
}
select::-ms-expand {
	display: none;
}
.modal-body select.form-control{
    display: inline-block;
    height: 2.5rem;
    padding: 0.6rem 0.5rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.6;
    color: #2b2b33;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid #e3e4ea;
    vertical-align: middle;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	outline: 0px solid #f3f3f3;
}
input[type="text"].select-sm,
input[type="password"].select-sm,
select.select-sm {
	height: calc(1.5em + 0.5rem + 2px);
    font-size: 0.875rem;
	line-height: 1.2;
	padding: 0.275rem 0.5rem;
}
select.select-sm{
	background-size: auto 0.575rem;
	padding-right:1.65rem;
}

input[type="text"].input-lg,
input[type="password"].input-lg,
select.select-lg{
	height: 3.5rem;
    padding: 0.925rem 1.25rem;
    font-size: 1rem;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{
	color: #2b2b33;
	background-color: #fff;
	border-color: #8390ed;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(55,71,191,.12);
}

input:disabled, input[readonly],
select:disabled, select[readonly],
textarea:disabled, textarea[readonly]{
    background-color: #f7f8fb !important;
	border: .0625rem solid #d7d9e4 !important;
	color:#9595a8;
    opacity: 1;
}
select:disabled, select[readonly],
select.select-lg:disabled, select.select-lg[readonly]{
	cursor: default;
	/* arrows style */
	background-image:url('../images/select-arrow-disable.png');
}

input[readonly]:focus,
textarea[readonly]:focus{
	background-color: #f7f8fb;
	box-shadow: none;
	border-color:#d7d9e4;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder,
select::placeholder{
	color:#787e90;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: .0625rem solid #d7d9e4;
  -webkit-text-fill-color: #2b2b33;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}
.form-inline select {
		width: 100%;
	}
@media (min-width: 576px){
	.form-inline select {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.modal-dialog02 {
		max-width: 1000px;
	}
}
.modal-dialog02 {
	padding-left:17px;
	margin: 0.5rem auto;
}
/*-------- üũ/¶óµð¿À ¹Ú½º *--------*/
input[type="radio"] + label,
input[type=checkbox] + label{
    padding: 0;
    margin: 0 8px;
    line-height: normal;
    vertical-align: middle;
}
input[type="radio"]:first-child + label,
input[type=checkbox]:first-child + label {
    margin-left: 0
}

/* üũ¹Ú½º */
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label {
	display:inline-block;
    position: relative;
	padding-left:1.5rem;
	vertical-align:top;
	cursor:pointer;
}
input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;    
    top: 50%;
	transform: translate(0, -43%);
	width: 1rem;
    height: 1rem;
	display: block;
	border-radius:0.2rem;
	pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: #cbced9 solid .0625rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60% 60%;
}
input[type="checkbox"]:checked + label{
	color:#2b2b33;
}
input[type="checkbox"]:checked + label::before {
    color: #fff;
	border-color: #4c49e6;
	background-color: #4c49e6;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

/* ¶óµð¿À¹Ú½º */
input[type="radio"]{
	display:none;
}
input[type="radio"] + label{
	display:inline-block;
	position:relative;
	padding-left:1.3rem;
	vertical-align:top;
	cursor:pointer;
}
input[type="radio"] + label:before{
	content:"";
	display:inline-block;
	position:absolute;
	left:0;
	top: 50%;
	transform: translate(0, -43%);
	width: 1rem;
    height: 1rem;
	border-radius:50%;
	background-color: #fff;
    border: #cbced9 solid .0625rem;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="radio"]:checked + label{
	color:#2b2b33;
}
input[type="radio"]:checked + label:before{
	border:.3rem solid #4c49e6;
	background-color: #fff;
}
input[type="radio"]:disabled + label{
	cursor:default;
}

/*------------------------------------
	Form - etc
------------------------------------*/
.input-group-addon {
    display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .375rem .75rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #555;
    text-align: center;
	white-space: nowrap;
    background-color: #f5f5f5;
    border: solid #ddd;
	border-width:1px 0 1px 1px;
	border-radius: .25rem 0 0 .25rem;
}
button{ 
	cursor:pointer;
}
button:focus { 
	outline: none; 
}


/*------------------------------------
	btn
------------------------------------*/
.btn_s {
    display: inline-block;
    font-weight: 400;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-sm, .btn-group-sm > .btn {
	height: 1.875rem;
	line-height: 1rem;
	box-shadow:none;
	padding: 0.4rem 0.5rem;
}
.btn-orange {
    color: #fff !important;
    background-color: #f7941c !important;
    border-color: #f7941c !important;
}
.btn-orange:hover {
    color: #fff !important;
    background-color: #f18809 !important;
    border-color: #f18809 !important;
}
.btn-orange:focus, 
.btn-orange:active {
    box-shadow: 0 0 0 3px rgba(247, 148, 28, 0.25) !important;
}


.btn-orange02 {
    color: #fff !important;
    background-color: #e6465f !important;
    border-color: #e6465f !important;
	box-shadow: 0 2px 2px 0 rgb(191 61 61 / 14%), 0 3px 1px -2px rgb(191 61 61 / 20%), 0 1px 5px 0 rgb(191 61 61 / 12%);
}
.btn-orange02:hover {
    color: #fff !important;
    background-color: #f7647b !important;
    border-color: #f7647b !important;
	box-shadow: 0 2px 2px 0 rgb(191 61 61 / 14%), 0 3px 1px -2px rgb(191 61 61 / 20%), 0 1px 5px 0 rgb(191 61 61 / 12%);
}
.btn-orange02:focus, 
.btn-orange02:active {
    box-shadow: 0 2px 2px 0 rgb(191 61 61 / 14%), 0 3px 1px -2px rgb(191 61 61 / 20%), 0 1px 5px 0 rgb(191 61 61 / 12%);
}


.btn-primary {
	color: #fff !important;
	background-color: #5451f2 !important;
	border-color: #5451f2 !important;
	box-shadow: 0 2px 2px 0 rgb(76 73 230 / 14%), 0 3px 1px -2px rgb(76 73 230 / 20%), 0 1px 5px 0 rgb(76 73 230 / 12%);
}
.btn-primary:hover {
	color: #fff !important;
	background-color: #6764ff !important;
	border-color: #6764ff !important;
	box-shadow: 0 2px 2px 0 rgb(76 73 230 / 14%), 0 3px 1px -2px rgb(76 73 230 / 20%), 0 1px 5px 0 rgb(76 73 230 / 12%);
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff !important;
	background-color: #6764ff !important;
	border-color: #6764ff !important;
}


.btn-secondary {
	color: #fff !important;
	background-color: #7a89bc;
	border-color: #7a89bc;
	box-shadow: 0 2px 2px 0 rgb(77 90 133 / 14%), 0 3px 1px -2px rgb(77 90 133 / 20%), 0 1px 5px 0 rgb(77 90 133 / 12%);
}
.btn-secondary:hover {
	color: #fff !important;
	background-color: #919dc7;
	border-color: #7a89bc;
	box-shadow: 0 2px 2px 0 rgb(77 90 133 / 14%), 0 3px 1px -2px rgb(77 90 133 / 20%), 0 1px 5px 0 rgb(77 90 133 / 12%);
}
.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #63709c;
	border-color: #63709c;
}


.btn-success {
	color: #fff !important;
	background-color: #29aae5 !important;
	border-color: #29aae5 !important;
	box-shadow: 0 2px 2px 0 rgb(35 154 209 / 14%), 0 3px 1px -2px rgb(35 154 209 / 20%), 0 1px 5px 0 rgb(35 154 209 / 12%);
}
.btn-success:hover {
	color: #fff !important;
	background-color: #38b9f4 !important;
	border-color: #38b9f4 !important;
	box-shadow: 0 2px 2px 0 rgb(35 154 209 / 14%), 0 3px 1px -2px rgb(35 154 209 / 20%), 0 1px 5px 0 rgb(35 154 209 / 12%);
}
.btn-success.disabled, .btn-success:disabled {
	color: #fff !important;
	background-color: #38b9f4 !important;
	border-color: #38b9f4 !important;
}


.btn-info {
	color: #fff !important;
	background-color: #ab49f0 !important;
	border-color: #ab49f0 !important;
	box-shadow: 0 2px 2px 0 rgb(155 62 220 / 14%), 0 3px 1px -2px rgb(155 62 220 / 20%), 0 1px 5px 0 rgb(155 62 220 / 12%);
}
.btn-info:hover {
	color: #fff !important;
	background-color: #b655fa !important;
	border-color: #b655fa !important;
	box-shadow: 0 2px 2px 0 rgb(155 62 220 / 14%), 0 3px 1px -2px rgb(155 62 220 / 20%), 0 1px 5px 0 rgb(155 62 220 / 12%);
}

.btn-info.disabled, .btn-info:disabled {
	color: #fff !important;
	background-color: #b655fa !important;
	border-color: #b655fa !important;
}


.btn-danger {
	color: #fff !important;
	background-color: #f8588c !important;
	border-color: #f8588c !important;
	box-shadow: 0 2px 2px 0 rgb(241 68 125 / 14%), 0 3px 1px -2px rgb(241 68 125 / 20%), 0 1px 5px 0 rgb(241 68 125 / 12%);
}

.btn-danger:hover {
	color: #fff !important;
	background-color: #ff6598 !important;
	border-color: #ff6598 !important;
	box-shadow: 0 2px 2px 0 rgb(241 68 125 / 14%), 0 3px 1px -2px rgb(241 68 125 / 20%), 0 1px 5px 0 rgb(241 68 125 / 12%);
}
.btn-danger.disabled, .btn-danger:disabled {
	color: #fff !important;
	background-color: #ff6598 !important;
	border-color: #ff6598 !important;
}

.btn-outline-primary {
	color: #5451f2 !important;
	border-color: #5451f2 !important;
	box-shadow: 0 2px 2px 0 rgb(76 73 230 / 14%), 0 3px 1px -2px rgb(76 73 230 / 20%), 0 1px 5px 0 rgb(76 73 230 / 12%);
}
.btn-outline-primary:hover {
	color: #fff !important;
	background-color: #6764ff !important;
	border-color: #6764ff !important;
	box-shadow: 0 2px 2px 0 rgb(76 73 230 / 14%), 0 3px 1px -2px rgb(76 73 230 / 20%), 0 1px 5px 0 rgb(76 73 230 / 12%);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #fff !important;
	background-color: #6764ff !important;
	border-color: #6764ff !important;
}


.btn-outline-secondary {
	color: #59658f;
	border-color: #59658f;
	box-shadow: 0 2px 2px 0 rgb(77 90 133 / 14%), 0 3px 1px -2px rgb(77 90 133 / 20%), 0 1px 5px 0 rgb(77 90 133 / 12%);
}
.btn-outline-secondary:hover {
	color: #fff !important;
	background-color: #63709c;
	border-color: #63709c;
	box-shadow: 0 2px 2px 0 rgb(77 90 133 / 14%), 0 3px 1px -2px rgb(77 90 133 / 20%), 0 1px 5px 0 rgb(77 90 133 / 12%);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
	color: #fff;
	background-color: #63709c;
	border-color: #63709c;
}


.btn-outline-success {
	color: #29aae5 !important;
	border-color: #29aae5 !important;
	box-shadow: 0 2px 2px 0 rgb(35 154 209 / 14%), 0 3px 1px -2px rgb(35 154 209 / 20%), 0 1px 5px 0 rgb(35 154 209 / 12%);
}
.btn-outline-success:hover {
	color: #fff !important;
	background-color: #38b9f4 !important;
	border-color: #38b9f4 !important;
	box-shadow: 0 2px 2px 0 rgb(35 154 209 / 14%), 0 3px 1px -2px rgb(35 154 209 / 20%), 0 1px 5px 0 rgb(35 154 209 / 12%);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
	color: #fff !important;
	background-color: #38b9f4 !important;
	border-color: #38b9f4 !important;
}


.btn-outline-info {
	color: #ab49f0 !important;
	border-color: #ab49f0 !important;
	box-shadow: 0 2px 2px 0 rgb(155 62 220 / 14%), 0 3px 1px -2px rgb(155 62 220 / 20%), 0 1px 5px 0 rgb(155 62 220 / 12%);
}
.btn-outline-info:hover {
	color: #fff !important;
	background-color: #b655fa !important;
	border-color: #b655fa !important;
	box-shadow: 0 2px 2px 0 rgb(155 62 220 / 14%), 0 3px 1px -2px rgb(155 62 220 / 20%), 0 1px 5px 0 rgb(155 62 220 / 12%);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
	color: #fff !important;
	background-color: #b655fa !important;
	border-color: #b655fa !important;
}


.btn-outline-danger {
	color: #f8588c !important;
	border-color: #f8588c !important;
	box-shadow: 0 2px 2px 0 rgb(241 68 125 / 14%), 0 3px 1px -2px rgb(241 68 125 / 20%), 0 1px 5px 0 rgb(241 68 125 / 12%);
}

.btn-outline-danger:hover {
	color: #fff !important;
	background-color: #ff6598 !important;
	border-color: #ff6598 !important;
	box-shadow: 0 2px 2px 0 rgb(241 68 125 / 14%), 0 3px 1px -2px rgb(241 68 125 / 20%), 0 1px 5px 0 rgb(241 68 125 / 12%);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
	color: #fff !important;
	background-color: #ff6598 !important;
	border-color: #ff6598 !important;
}

/*------------------------------------
	btn - À̵¿È­»ìÇ¥ ¹öÆ°
------------------------------------*/
.btn-move-arrow{
	display:inline-block;
	color: #b8b8c9;
    background-color: #fff;
    border: .0625rem solid #d7d9e4;
    border-radius: 0.1875rem;
	padding:0.2rem 0.15rem;
	height: 1.875rem;
	margin:0 0.15rem;
	cursor:pointer;
	transition: all 0.15s ease-in-out;
}
.btn-move-arrow::before{
	display:inline-block;
	vertical-align:middle;
	font: normal normal normal 22px/1 "Material Design Icons";
}
.btn-move-arrow.arrowup::before{
	content: "\F143";
	
}
.btn-move-arrow.arrowdown::before{
	content: "\F140";
}
.btn-move-arrow:hover{
	color: #4c49e6;
}

.btn-meeting{
	height:2.8em;
}

/*------------------------------------
  Form Group
------------------------------------*/
.form-list{
	margin-top:-0.5rem;
	margin-bottom:-0.5rem;
}
.form-group{
	border-bottom: 1px solid #eceef4;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	margin-left:0;
	margin-right:0;
	line-height:1.4;
	font-size:0.875rem;
}
.form-group.form-group-last{
	border-bottom: 1px solid #eceef4 !important;
}
.form-group:last-child{
	border-bottom: none;
	margin-bottom:0;
	padding-bottom:0;
}
.col-form-label {
	padding-top: calc(0.205rem + 5px);
    padding-bottom: calc(0.205rem + 1px);
    font-size: inherit;
    display: block;
    color: #2b2b33;
}
.form-text{
	margin-top:calc(0.205rem + 1px);
}
.form-group label {
    line-height: 1rem;
}
@media (min-width:576px){
	.form-group label {
		margin-bottom:0;
	}
}


/*------------------------------------
	ul, ol
------------------------------------*/
ul, ol{
	margin:0; 
	padding:0px; 
}

ul li{ 
	list-style:none; 
	margin:0; 
	padding:0;
	line-height: 1.4;
}
ul.list-group-01{
	margin-bottom:1.5rem;
}
ul.list-group-01 li {
	text-align:left	!important;
	background: none;
	padding: 0.175rem 0 0.175rem 0.85rem;
	position:relative;
}
ul.list-group-01 li::before{
	background:#191a1d;
	content:'';
	position:absolute;
	left:0;
	top:10px;
	width:4px;
	height:4px;
	border-radius:50%;
}


/*------------------------------------
	col-xxl
------------------------------------*/
col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1500px) {
.col-xxlauto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}


/*------------------------------------
  search-group
------------------------------------*/
.search-group{
	font-size:0.875rem;
	border-left: 1px solid #eceef4;
	border-top: 1px solid #eceef4;
}
.search-group .row{
	margin:0;
}
.search-group .search-label{
	background-color: #f8fafd;
}
.search-group .search-label,
.search-group .col-form-input{
	border-bottom: 1px solid #eceef4;
	padding:0.5rem 0.75rem;
}
.search-group .col-form-input{
	border-right: 1px solid #eceef4;
}
.search-group .search-label label{
	height:100%;
	font-size: inherit;
    display: block;
    color: #2b2b33;
	text-align:left;
	padding-top:0.55rem;
}
.btn-calandar{
	font-size:1.5rem;
	margin-left:0.2rem;
	vertical-align:middle;
}


/*------------------------------------
  pagination
------------------------------------*/
.pagination{
	margin-top:1.875rem;
	margin-bottom:0;
}
.pagination .page-link{
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-align: center!important;
    align-items: center!important;
	-ms-flex-pack: center!important;
    justify-content: center!important;
	min-width:2.2rem;
	height:2.2rem;
	line-height: 2.2rem !important;
	padding:0 0.55rem !important;
	text-align:center !important;
	color:#999 !important;
	border:none !important;
	font-family: 'Open Sans', sans-serif;
}
.pagination .page-link:hover {
    color:#4c49e6 !important;
	border-color:rgba(77, 131, 255, 0.1) !important;
	background:rgba(77, 131, 255, 0.1) !important;
	border-radius: 0.1875rem !important;
}
.pagination .page-link:focus {
    box-shadow:none !important;
 }
.pagination .page-item.active{
	margin:0 0.5rem;
}
.pagination .page-item.active .page-link {
    background-color: #5451f2 !important;
	border-color:#5451f2 !important;
	border-radius: 0.1875rem !important;
	color:#fff !important;
	font-weight:700;
}
.pagination .page-item.disabled .page-link {
   opacity:0.45;
}
.pagination .page-link.btn-arrow i{
    font-size:1.215rem;
}
.pagination .page-link.btn-arrow{
	min-width:auto;
	padding:0 0.35rem !important;
	color:#b5b9b9 !important;
}
.pagination .page-link.btn-arrow:hover{
	color:#444648 !important;
	border-color:transparent !important;
	background:transparent !important;
}
.pagination .btn-prev{
	margin-right:0.5rem;
}
.pagination .btn-next{
	margin-left:0.5rem;
}


/*------------------------------------
 table
------------------------------------*/
.table{
	color: #6f7080;
}
.table th,
.table td {
  border-top: 1px solid #e0e2eb;
  padding: 0.55rem 0.75rem;
}
.table thead th {
    color: #7d83ab;
    background-color: #f6f7fd;
    border-color: #dbdde6;
	padding: 0.9rem 0.75rem;
}
.table td {
    background-color: transparent;
}
.table tr:last-child th{
	border-bottom: 1px solid #dbdde6;
}
.table tr:last-child td {
    border-bottom: 1px solid #e0e2eb;
}
.table-bordered {
    border-top: 1px solid #dbdde6;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #e0e2eb;
}
.table-hover tbody tr:hover {
    background-color: #f9fafe;
}
.table tr.active,
.table-hover tbody tr.active:hover{
	background-color:#fdf3fb;
}

.th-left .table th{
	color: #7d83ab;
    background-color: #f6f7fd;
    border-color: #dbdde6;
    padding: 0.7rem 0.75rem;
	font-weight: 500;
    font-size: 0.875rem;
}
.th-left .table tr:last-child th{
	border-bottom: none;
}
.th-left .table tr:first-child th, .th-left .table tr:first-child td {
	border-top: none;
}
/*------------------------------------
	nav-tabs
------------------------------------*/
.nav-tabs {
    border-bottom: 1px solid #e0e2eb;
	margin-bottom: 2rem !important;
}
.nav-tabs .nav-item .nav-link.active {
    border: 0;
    border-bottom: 4px solid #5451f2;
    color: #4c49e6;
    font-weight: 700;
}



/*------------------------------------
	card
------------------------------------*/
.card {
    border-color:#dedfe6;
    border-radius: .45rem;
    box-shadow: 0 0 15px rgb(44 47 59/ 3%) !important;
	overflow:hidden;
}
.card-header {
	border-top:1px solid;
    border-color:#eaebf0;
	background:#fbfcfe;
}
.card-header:first-child {
	border-top:none;
	border-radius: 0.5rem 0.5rem 0 0;
}
.card-header .card-header-title{
	margin-bottom:0;	
	font-size:1.2rem;
	font-weight:700;
	letter-spacing:-0.075rem;
	border-color:#dedfe6;
}
.card .card-title {
    color: #4a4a4a;
    margin-bottom: 0;
    font-size: .925rem;
    font-weight: bold;
}


/*------------------------------------
	font-color
------------------------------------*/
.text-point{
	color:#4c49e6;
}
.text-orange{
	color:#ff8111 !important;
}
.text-light-gray{
	color:#999;
}
.text-primary{
	color:#4c49e6 !important;
}
.text-nomal{
	color: #9aa6ff !important;   
}
.text-danger{
	color:#ff407e !important;
}

/*------------------------------------
	width
------------------------------------*/
input.w-30, select.w-30{
	display:inline-block !important;
	width:calc(30% - 0.25rem) !important;
}
input.w-35, select.w-35{
	display:inline-block !important;
	width:calc(35% - 0.25rem) !important;
}
input.w-40, select.w-40{
	display:inline-block !important;
	width:calc(40% - 0.25rem) !important;
}
input.w-50, select.w-50{
	display:inline-block !important;
	width:calc(50% - 0.25rem) !important;
}
input.w-70, select.w-70{
	display:inline-block !important;
	width:calc(70% - 0.25rem) !important;
}
input.wp-30{
	width: 30px;
}
input.wp-50{
	width: 50px;
}
select.wp-60{
	width: 60px;
}


/*------------------------------------
	etc
------------------------------------*/
.col-pink{
	color:#ff407e !important;
	margin-left:5px;
	font-weight:700;
}
.size-1{
	font-size:1.025rem;
}
.size-2{
	font-size:1.2rem;
}
.text-alert::before{
	content: "\F5D6";
	display: inline-block;
    font-family:"Material Design Icons";
	font-size:1.2rem;
	vertical-align:middle;
	margin:-4px 0.35rem 0 0;
}



/*------------------------------------
	login
------------------------------------*/
body.login-body .container-scroller{
	min-height:100%;
	height:100%;
	background:url('../images/side-dark/login-bg.jpg')no-repeat 50%/ cover;
}
.login-wrapper{
	height:100vh;
	padding:1rem 0 4rem;
}
.login-wrapper .title-area{
	padding:3rem 1.5rem;
	height:15rem;
	background:#2446ab;
}
.login-wrapper .form-area{
	padding:2rem 2.5rem 1.75rem;
	width:85%;
	max-width:520px;
	background:#fff;
	border-radius:1.5rem;
}
.login-wrapper h2{
	text-align:center;;
	font-weight:300;
	font-size:2.25rem;
	letter-spacing:0rem;
	text-transform:uppercase;
	margin-bottom:1rem;
}
.login-wrapper .login-text{
	color:#a4afc5;
	text-align:center;
	font-size:0.875rem;
	margin-bottom:0.5rem;
}
.login-wrapper .login-input{
	display:block;
	width:100%;
	color:#7b89a4;
	font-weight:500;
	background:#fff;
	border:1px solid #d8dbe1;
	border-width:0 0 1px 0;
	border-radius:0;
	padding:1rem 0 0.5rem;
	height:3.5rem;
}
.login-wrapper .login-input::placeholder{
	color:#a4afc5;
}
.login-wrapper .login-input:focus{
	color:#7b89a4;
	border-color:#d8dbe1;
	outline: 0;
	box-shadow:none;
}
/* Change Autocomplete styles in Chrome*/
.login-wrapper input:-webkit-autofill,
.login-wrapper input:-webkit-autofill:hover, 
.login-wrapper input:-webkit-autofill:focus,
.login-wrapper textarea:-webkit-autofill,
.login-wrapper textarea:-webkit-autofill:hover,
.login-wrapper textarea:-webkit-autofill:focus,
.login-wrapper select:-webkit-autofill,
.login-wrapper select:-webkit-autofill:hover,
.login-wrapper select:-webkit-autofill:focus {
  border:none !important;
  border-bottom:1px solid #d8dbe1 !important;
  -webkit-text-fill-color:#7b89a4;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
.login-wrapper .btn-login{
	width:100%;
	display:block;
	font-weight:700;
	letter-spacing:0.05rem;
	border-radius:0;
	padding:1.25rem;
	margin-top:1.75rem;
}
.btn-login{
	font-size:1.05rem !important;
	font-weight:500;
}
.login-wrapper .login-logo{
	padding-top:1.75rem;
	padding-right:2.5rem;
	margin:2rem -2.5rem 0;
	border-top:1px solid #ececef;
	text-align:right;
}
.login-wrapper .login-logo img{
	max-width:8.5rem;
	max-height:2rem;
	width:auto;
	height:auto;
}
@media (min-width: 992px){
	.login-wrapper h2{
		font-size:3.15rem;
	}
	.login-wrapper .login-text{
		margin-bottom:1.25rem;
	}
	.login-wrapper .form-area{
		padding:3rem 3.25rem 2rem;
	}
	.login-wrapper .btn-login{
		padding:1.75rem;
		margin-top:2.5rem;
	}
	.login-wrapper .login-logo{
		padding-top:2rem;
		padding-right:3.25rem;
		margin:4rem -3.25rem 0;
	}
}



/*----------------------------- layout ----------------------------------- */


/*------------------------------------
	navbar-nav 
------------------------------------*/
.navbar {
	border-bottom:1px solid rgba(6,12,36,0.12);
	box-shadow:0 0 25px 1px rgba(6,12,36,0.03);
}
.navbar .navbar-brand-wrapper {
    padding-left: 1.35rem;
}
.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand {
	padding:0.925rem 0;
	display: -ms-flexbox!important;
	display: flex!important;
	 -ms-flex-align: center!important;
	align-items: center!important;
}
.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img{
   max-height:30px;
   max-width:11rem;
   height:auto;
   width:auto;
}
.navbar .navbar-menu-wrapper {
    padding-left: 1.35rem;
    padding-right: 1.35rem;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item {
	margin-left: 1.15rem;
	margin-right:0;
}
.navbar-nav .nav-item a.nav-btn{
	text-transform:uppercase;
	color:#28292d;
	font-size:0.845rem;
	font-weight:500;
	letter-spacing:-0.01rem;
}
.navbar-nav .nav-item a.btn-icon::before{
	font-family: 'Material Design Icons';
    font-weight: 400;
	font-size:1.5rem;
	display:inline-block;
}
.navbar-nav .nav-item a.btn-mysite::before{
	content: "\f3e0";
}
.navbar-nav .nav-item a.btn-logout::before{
	content: "\F340";
}
.navbar-nav .nav-item.dropdown a.nav-btn{
	border:1px solid #e5e6ed;
	padding:0.185rem 0.5rem;
	border-radius:0.25rem;
}
.navbar-nav .nav-item.dropdown .dropdown-toggle:after {
    margin-left: 0.15rem !important;
	margin-right: -0.25rem;
}
.navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right{
    color:#28292d;
	padding-left:1.25rem;
}
.navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right::before {
    content: "\F1D9";
	display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
	margin-left:-0.45rem;
}
@media (min-width: 992px){
	.navbar{
		position: absolute;
		background:transparent;
		box-shadow:none;
		border:none;
		height: 75px;
	}
	.navbar .navbar-brand-wrapper {
		height:75px;
		padding-left: 1.5rem;
		background: transparent !important;
		border-bottom:1px solid transparent;
	}
	.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand {
		position:fixed;
		z-index:10;
		top:0;
		left:calc(265px + 2rem);
		height:75px;
		padding:0.855rem 0;
		transition: all 0.25s ease;
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-ms-transition: all 0.25s ease;
	}
	.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img{
	   max-height:100%;
	   max-width:100%;
	   height:auto;
	   width:auto;
	}
	.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-toggler {
		border: 0;
		color: #e6e8f0;
		font-size: 0.875rem;
		padding:0;
		width:calc(265px - 3rem);
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-align: center!important;
		align-items: center!important;
	}
	.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-toggler::before{
		content: "MDCS";
		display: inline-block;
		font-weight:700;
		font-size:1.1rem;
		letter-spacing:0.01rem;
		margin-right:auto;
	}
	.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-toggler::after{
		content: "\F35C";
		display: inline-block;
		font-family: "Material Design Icons";
		font-size: 1.5rem;
	}
	.sidebar-icon-only .navbar .navbar-brand-wrapper {
		border-right: none;
	}
	.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-toggler::before{
		display:none;
	}
	.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-toggler::after{
		margin-left:-0.0775rem;
	}
	.navbar .navbar-menu-wrapper {
		padding-left: 2rem;
		padding-right:2rem;
		position:fixed;
		z-index:1;
		width:calc(100% - 265px);
		top:0;
		left:265px;
		height:74px;
		transition: all 0.25s ease;
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-ms-transition: all 0.25s ease;
	}
	.sidebar-icon-only .navbar .navbar-brand-wrapper {
		width: 70px;
	}
	.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand {
		left:calc(70px + 2rem);
	}
	.sidebar-icon-only .navbar .navbar-menu-wrapper{
		width:calc(100% - 70px);
		left:70px;
	}
	.modal-open .navbar .navbar-menu-wrapper .navbar-nav{
		padding-right:17px;
	}
	.navbar .navbar-menu-wrapper .navbar-nav .nav-item {
		margin-left: 2rem;
	}
	.navbar-nav .nav-item a.nav-btn{
		display:block;
		height:1.825rem;
		color:#aaaeb9;
		font-size:0.845rem;
		font-weight:700;
		letter-spacing:0.02rem;
		-webkit-transition-duration: 0.25s;
		-moz-transition-duration: 0.25s;
		-o-transition-duration: 0.25s;
		transition-duration: 0.25s;
	}
	.navbar-nav .nav-item a.nav-btn:hover,
	.navbar-nav .nav-item a.nav-btn:focus{
		color: #4c49e6;
	}
	.navbar-nav .nav-item a.btn-icon::before{
		width:29px;
		height:29px;
		line-height:29px;
		background-color:#4c49e6;
		border-radius:50%;
		font-size:17px;
		color:#fff;
		text-align:center;
		margin-right:0.45rem;
	}
	.navbar-nav .nav-item.dropdown a.nav-btn{
		padding:0 0.65rem;
	}
	.navbar-nav .nav-item.dropdown .dropdown-toggle:after {
		margin-left: 0.35rem !important;
	}
	.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{
		top: 53px;
	}
}

/*------------------------------------
	page-header
------------------------------------*/
.page-header {
    border-bottom: .0625rem solid #e7eaf3;
    padding-bottom: 1.75rem;
    margin-bottom: 2.25rem;
}
.page-header-title{
	font-size: 1.375rem;
    margin-bottom: .75rem;
}


/*------------------------------------
	page-body
------------------------------------*/
.content-wrapper {
	position:relative;
	background:#f3f4f8;
}

.page-title{
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-pack: justify!important;
    justify-content: space-between!important;
	-ms-flex-align: center!important;
    align-items: center!important;
	padding:0 0rem 1.25rem 0.45rem ; 
}
.page-title h2.header-title{
	font-size:1.255rem;
	font-weight:700;
	margin-bottom:0;
	letter-spacing: -0.075rem
}
.page-title .page-info{
	margin-bottom:0;
	color: #66696c;
}
@media (min-width: 992px) {
	.main-panel::before{
		content:'';
		position:fixed;
		z-index:10;
		width:100%;
		top:0;
		height:75px;
		background:#fff;
		border-bottom:1px solid rgba(6,12,36,0.12);
		box-shadow:0 0 25px 1px rgba(6,12,36,0.03);
	}
	.content-wrapper {
		padding: 2.75rem 2rem;
	}
	.page-body-wrapper {
		padding-top: 75px;
		min-height: calc(100vh - 75px);
	}
}

/*------------------------------------
	sidebar
------------------------------------*/
.sidebar {
    background: #242b41;
}
.sidebar-icon-only .navbar .navbar-brand-wrapper {
    border-right: none;
}
.sidebar .badge.right{
    background: #3a37bf;
	border-radius:0.25rem;
	font-size:0.715rem;
	letter-spacing:0;
	color:#fff;
	padding: .205rem .475rem .225rem;
}
.sidebar .nav .nav-item .nav-link {
    color: #939bb2;
}
.sidebar .nav .nav-item .app-user {
    color: #bfcbe6;
}
.sidebar .nav .nav-item .app-user .txt01 {
    color: #7e9dff;
	font-weight:600;
}
.sidebar .nav .nav-item.active > .nav-link i, .sidebar .nav .nav-item.active > .nav-link .menu-title, .sidebar .nav .nav-item.active > .nav-link .menu-arrow {
    color: #e6e8f0;
}
.sidebar .nav:not(.sub-menu) > .nav-item{
	padding:0 1.25rem;
}
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link {
	background:#2f3854;
	border-radius:0.25rem;
	margin: 0.35rem 0 ;
	padding: .875rem 0.75rem 0.875rem 0.95rem;
	transition: all 0.45s ease;
	-webkit-transition: all 0.45s ease;
	-moz-transition: all 0.45s ease;
	-ms-transition: all 0.45s ease;
}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
	background:#343e5d;
	color: #d3d8e8;
}
.sidebar .nav:not(.sub-menu) > .nav-item.active > .nav-link{
    background:#3a37bf;
	color: #fff;
}
.sidebar .nav:not(.sub-menu) > .nav-item.active:hover > .nav-link{
    background:#3e3bca;
}
.sidebar .nav .nav-item .nav-link .menu-title {
	font-weight:500;
    font-size: 0.895rem;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
    margin-right: 0.65rem;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow {
   color: #82899f;
}
.sidebar .nav.sub-menu {
    margin-top: 0;
    list-style: none;
    padding: 0.35rem 0 1rem 1.1rem;
}
.sidebar .nav.sub-menu .nav-item {
    position:relative;
}
.sidebar .nav.sub-menu .nav-item::before {
    width: 6px;
    height: 6px;
    background-color:#82899f;
	border:none;
    margin-top: 0;
	left:0;
	top:0.925rem;
}
.sidebar .nav.sub-menu .nav-item:hover::before,
.sidebar .nav.sub-menu .nav-item.active::before {
    background: #d9dde8;
    border-color:none;
}
.sidebar .nav.sub-menu .nav-item .nav-link {
	color: #82899f;
    padding: 0.75rem 0.75rem 0.75rem 0.95rem;
	white-space: pre-wrap;
}
.sidebar .nav.sub-menu .nav-item .nav-link:hover {
	color: #d9dde8;
}
.sidebar .nav.sub-menu .nav-item .nav-link.active {
	color: #d9dde8;
}
.sidebar .sub-menu-02 {
    padding: 0rem 0 1rem 0.55rem;
}

@media (min-width: 992px) {
	.sidebar {
		width: 265px;
		border-right:1px solid #171b28;
		margin-top:-75px;
	}
	.sidebar .nav:not(.sub-menu) {
		margin-top: 5.25rem;
	}
	.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link {
		padding: .875rem 0.75rem;
	}
	.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item{
		padding:0 0.5rem;
	}
	.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item .txt02{
		display:none;
	}
	.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
	.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
		display: block;
		padding: .5rem 0;
		background: #242a3d;
		border-radius: 0 0 5px 0;
		position: absolute;
		left: 70px;
		width: 190px;
		border:solid #181c29;
		border-width:0 1px 1px 0;
		box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.25);
	}
	.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title,
	.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title{
		background: #242a3d;
		box-shadow: 4px 0px 7px 0px rgba(0, 0, 0, 0.25);
		border:solid #181c29;
		border-width:1px 1px 0 0;
	}
	.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav.sub-menu{
		background: #242a3d;
		border:none;
	}
	.sidebar-icon-only .sidebar .nav .nav-item.hover-open .sub-menu-02 {
		display: block;
		padding: .5rem 0;
		background-color:#282e42;
		border:1px solid #181c29;
		border-radius: 5px;
		position: absolute;
		left: 158px;
		top:-1px;
		width: 190px;
		box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.25);
	}
	.main-panel {
		margin-left:auto;
	}
}
@media (max-width: 991px){
	.sidebar-offcanvas.active {
		border-left:none;
		box-shadow: 0 0 20px rgb(0 0 0 / 30%) !important;
	}
	.sidebar .nav:not(.sub-menu) {
		margin-top: 1.5rem;
	}
}


/*------------------------------------
	footer
------------------------------------*/
.footer {
	border-top:1px solid #e1e2e8;
	background: #f3f4f8;
}
.footer > div {
    border-top: none;
}


/*------------------------------------
  Go To Top
------------------------------------*/
.scrollup {
	right: 2rem;
	bottom: 1.3rem;
	position: fixed;
	z-index: 999;
	width: 2.35rem;
	height: 2.35rem;
	border-radius:0.15rem;
	background-color: rgb(255 255 255 / 85%) !important;
    box-shadow: 0 0 0 1px rgb(140 152 164 / 20%) !important;
	font-size: 1.1rem;
	transition: 0.3s ease-out;
}
.scrollup span{
	font-size:0;
	text-indent:-1000;
}
.go-top {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #444548;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*------------------------------------
	popUp
------------------------------------*/
.popBody{
	width: 100%;
	min-height:100%;
	background: #f3f4f8;
	overflow: auto;
}
.popUp-warpper{
    width: 100%;
	min-height:100%;
	position:relative;
}
.popUp-warpper .popUp-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:3.75rem;
	background: #fff;
	padding:1rem;
	border-bottom: 1px solid rgba(6,12,36,0.12);
    box-shadow: 0 0 25px 1px rgb(6 12 36 / 3%);
	z-index:100000;
}
.popUp-warpper .popUp-header h2{
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.075rem;
}
.popUp-warpper .popUp-header .btn-close{
	color: #2b2b33;
	font-size: 1.5rem;
}
.popUp-warpper .popUp-body{
    padding: 1.85rem 2rem;
    width: 100%;
	min-height:calc(100% - 3.75rem);
	margin-top:3.75rem;
	position:relative;
}

/*------------------------------------
	ÄÁÅÙÃ÷ ¸ñ·Ï
------------------------------------*/
input.input-check + label{
	width: 14px;
    height: 14px;
	padding-left:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}
input.input-check + label::before{
	width: 14px;
    height: 14px;
}
.badge-level{
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	text-indent:-100000;
	vertical-align:middle;
	margin-top:-4px;
	margin-right:7px;
	margin-left:5px;
}
.badge-level.level-01{
	background:url('../images//icon-num01.png') no-repeat;
}
.badge-level.level-02{
	background:url('../images//icon-num02.png') no-repeat;
}
.badge-level.level-03{
	margin-left:56px;
	background:url('../images//icon-num03.png') no-repeat;
}
.badge-level.level-04{
	background:url('../images//icon-num04.png') no-repeat;
}
.badge-level.level-05{
	background:url('../images//icon-num05.png') no-repeat;
}
.badge-level.level-06{
	background:url('../images//icon-num06.png') no-repeat;
}
.fold_menu{
	cursor:pointer;
	display:inline-block;
	width:13px;
	height:13px;
	font-size:0;
	text-indent:-100000;
	vertical-align:middle;
	margin-top:-4px;
}
.fold_menu.lv3 {
	margin-left:21px;
}
.fold_menu span{
	display:block;
	width:100%;
	height:100%;
}
.fold_menu span.icon-minus{
	background:url('../images//icon-minus.png') no-repeat;
}
.fold_menu span.icon-plus{
	background:url('../images//icon-plus.png') no-repeat;
}


/*------------------------------------
	Á¢¼ÓÅë°è
------------------------------------*/
.calendar-date{
	font-size:1.35rem;
	color:#2b2b33 ;
	font-weight:700;
	margin:0 auto;
}
.calendar-date a{
	display:inline-block;
	font-size:1.65rem;
	padding:0 0.5rem;
	color:#2b2b33;
	vertical-align:middle;
	margin-bottom:3px;
}
.chart-wrap{
	padding:0.5rem;
	background:#fff;
	margin:0.35rem 0;
}

/*------------------------------------
	´Þ·Â - ·¹À̾î
------------------------------------*/
.custom-combobox {
    position: relative;
    display: inline-block;
	max-width:264px;
	width:100%;
	margin-right:1px !important;
}
.ui-widget {	
	margin-top:0.9rem;
	width:100%;
	padding:0.65rem 0.5rem !important;
    font-size:0.875rem !important;
	font-family:'Commissioner', 'Noto Sans KR', sans-serif !important;
}
.ui-widget-content {
	border: 1px solid #e3e4ea !important;
    background: #fff !important;
    color: #6f7080 !important;
	box-shadow:none;
	border-radius:0px !important;
}
.custom-combobox {
    vertical-align:middle
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
   font-family:'Commissioner', 'Noto Sans KR', sans-serif !important;
    font-size:0.875rem !important;
}
.ui-widget-header {
    border:none !important;
	border-bottom: 1px solid rgba(231,234,243, 1) !important;
	margin:0 -10px;
	padding: .5rem 0 !important;
    background:none !important;
    color: #222222;
    font-weight: bold;
	border-radius: 0  !important;
}
.ui-datepicker .ui-datepicker-title select {
	margin: 1px 2px !important;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    top: calc(0.5rem + 1px) !important;
	height: 1.875rem !important;
	width: 1.875rem !important;
    color: #777899 !important;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0.5rem !important;
}
.ui-datepicker .ui-datepicker-next {
    right: 0.5rem !important;
}
.ui-widget-header .ui-icon {
	display:none;
    background-image: none !important;
}
.ui-corner-all::after{
	display: -ms-flexbox!important;
    display: flex!important;
	-ms-flex-pack: center!important;
    justify-content: center!important;
	-ms-flex-align: center!important;
    align-items: center!important;
	position:absolute;
	text-align:center;
	height: 1.875rem !important;
	width: 1.875rem !important;
    line-height: 1.8rem;
    font: normal normal normal 20px/1 "Material Design Icons";
}
.ui-corner-all.ui-datepicker-prev::after{
	content: "\F141";
}
.ui-corner-all.ui-datepicker-next::after{
	content: "\F142";
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-widget-content .ui-widget-header .ui-state-hover,
.ui-widget-content .ui-widget-header .ui-state-focus {
	border: none !important;
	background: none !important;
	color: #222528 !important;
}

.ui-datepicker table {
    width: 100%;
	font-size:0.825rem !important;
}
.ui-datepicker th {
	color:#2b2b33 !important;
    font-weight: 400 !important;
}
.ui-datepicker td span, .ui-datepicker td a {
    padding: .25rem !important;
	letter-spacing:0;
}
.ui-widget-content .ui-state-default{
    background: #f7f8fb !important;
	border: 1px solid #e7eaf3 !important;
	color:#777899 !important;
}
.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus {
	border: 1px solid #e7eaf3 !important;
	background: #fff !important;
	color: #777899 !important;
}
.ui-widget-content .ui-state-highlight{
    border: 1px solid #4c49e6 !important;
    background: #fff !important;
    color: #4c49e6 !important;
}
.ui-widget-content .ui-state-active{
    border: 1px solid #4c49e6 !important;
    background: #4c49e6 !important;
    color: #fff !important;
}


.timeline-content{
	border-bottom: 1px solid #eceef4;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.separator.separator-dashed {
    border-bottom: 1px dashed #ebedf3;
}
.separator.separator-solid{
    border-bottom: 1px solid #dee2e6
}
.navi .navi-item {
    padding: 0;
    display: block;
    list-style: none;
}
.navi .navi-item .navi-link {
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    color: #3f4254;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.5rem;
}
.navi .navi-item .navi-link:hover {
    color: #4d83ff;
	background-color: rgba(77, 131, 255, 0.2);
}
.navi .navi-item .navi-link .navi-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
}
.navi .navi-item .navi-link .navi-icon i {
    color: #b5b5c3;
}


/*------------------------------------
	img
------------------------------------*/
	img {
		max-width: 100%;
	}
/*------------------------------------
	font size
------------------------------------*/
.font-size-lg {
    font-size: 1.08rem !important;
}
.font-size-sm {
    font-size: .9rem !important;
}
.form-group .font-size-sm{
	font-size:1.05rem !important;
}
.font-weight-no{
	font-weight:400;
}
/*------------------------------------
	ȸ¿ø
------------------------------------*/
a.open_bt::before {
	font-size:20px;
	line-height:0.5em;
}

/*------------------------------------
	Inquiry
------------------------------------*/
.scrollbar_st::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0,0,0,.2);
}
.scrollbar_st::-webkit-scrollbar {
    width: 5px;
}
.btn-icon-in{
	border:1px solid #eee;
	padding:0.4rem 1rem;
	background:#fff;
	color:#000;
}
.btn-icon-in:hover{
	border:1px solid #000;
}
.Inquiry_sc{
    overflow-y:auto;
	height:10.3rem;
}
.Inquiry_sc dl {
    margin-bottom: 0.5rem;
	padding-left: 0rem;
	border-bottom:1px solid #f5f5f5;
}
.Inquiry_sc dl::before {
    width: 3px;
    height: 3px;
    background-color: #82899f;
    border: none;
    margin-top: 0;
    left: 0;
    top: 0.925rem;
	display:inline-block;
	content:'';
	margin-right:5px;
	vertical-align:middle;
}
.Inquiry_sc dt, .Inquiry_sc dd{
	display:inline-block;
}
.Inquiry_sc dt{
	padding-right:20px;
}
.in-table-s{
	margin-bottom:-1px;
}
.in-table-s .table-bordered {
    border-top: none;
}
.Inquiry_sc02{
    overflow-y:auto;
	height:11.4rem;
}
input.form-s[type="text"], .form-s input[type="password"],  select.form-s, textarea.form-s {
    height: 1.9rem;
    padding: 0.2rem;
}
.Inquiry_desc{
    overflow-y:auto;
	height:20.3rem;
}
.inner-s.table-bordered tr:last-child th {
       border-bottom: 1px solid #dbdde6;
       border-top: 1px solid #dbdde6;
}
/*------------------------------------
  Meeting Sheet
------------------------------------*/
.item_sc {
    overflow-y: auto;
    height: 18rem;
}
ul.con li{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom: 1px solid #e0e2eb;
}

/*------------------------------------
  box style
------------------------------------*/
.box_up{
	border-top:1px solid #e3e4ea;
	border-bottom:1px solid #e3e4ea;
	padding:1rem 0 ;
}


/*------------------------------------
	collection-ÅÂºí¸´ µðÀÚÀÎ
------------------------------------*/
.collect_wrapper .main-panel {
    transition: width 0.25s ease, margin 0.25s ease;
    width: 100%;
}
.collect_wrapper .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand {
    left: 2rem;
}
.collect_wrapper .form-check {
    margin-top: 8px;
    margin-bottom: 8px;
}
.label-t{
	font-size:0.92rem;
	font-weight:600;
	color:#191a1d;
}
.custom-select {
    border: 3px solid #dbdde6;
    border-radius: 0rem;
	height: calc(2.5em + 0.75rem + 2px);
    padding: 0.5rem 2.75rem 0.5rem 1.75rem;
	width:100;
	font-size: 1.2rem;
	font-weight:500;
}
.custom-select option {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    line-height: 2em;
    padding: 10px 2px;
	font-size: 1.4rem;
	margin:30px;
}
.input-group-append .input-group-text, .input-group-prepend .input-group-text {
    border:.0625rem solid #d7d9e4 !important;
    height: 2.5rem;
    padding: 0.6rem 0.8rem;
    color: #c9c8c8;
	border-radius:0;
	margin-left:-1px;
	color: #000
}
.input-group-append .file-upload-browse.btn {
    padding: 0.75rem 1rem;
}
.input-group-append .file-upload-browse.btn i {
    font-size: 0.925rem;
}