@charset "UTF-8";
@-webkit-keyframes ldio-f7yz4rddkd {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes ldio-f7yz4rddkd {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
th,
ul {
	margin: 0;
	padding: 0;
}

select,
textarea {
	margin: 0;
}

dl,
li,
menu,
ol,
ul {
	list-style: none;
}

address,
caption,
cite,
code,
dfn,
em,
var {
	font-style: normal;
}

.tbl.scroll.order table,
fieldset,
iframe,
img {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

audio,
button,
canvas,
iframe,
img,
input,
select,
svg,
textarea,
video {
	vertical-align: middle;
}

textarea {
	resize: none;
}

input::-ms-clear {
	display: none;
}

button {
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

button,
input[type=button],
input[type=file],
input[type=reset] {
	border-radius: 0;
	-webkit-appearance: button;
}

input[type=image],
input[type=password],
input[type=search],
input[type=submit],
input[type=text] {
	border-radius: 0;
	-webkit-appearance: none;
}

input:checked[type=checkbox] {
	-webkit-appearance: checkbox;
	background-color: transparent;
}

input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

caption,
legend {
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 0;
	line-height: 0;
}

a {
	color: #333;
	text-decoration: none;
	select-dummy: expression(this.hideFocus=true);
}

a:active {
	background-color: transparent;
}

hr {
	display: none;
}

input,
textarea {
	-webkit-apperence: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
	display: block;
}

blockquote,
q {
	quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none;
}

sub,
sup {
	line-height: 0;
}

.information .view video {
	width: 100%;
	height: 100%;
}

body,
html {
	width: 100%;
}

ol:after,
ul:after {
	content: "";
	clear: both;
	display: block;
}

@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/noto-sans-kr-v12-latin_korean-100.eot);
	src: local("Noto Sans KR Thin"), local("NotoSansKR-Thin"), url(../fonts/noto-sans-kr-v12-latin_korean-100.eot?#iefix) format("embedded-opentype"), url(../fonts/noto-sans-kr-v12-latin_korean-100.woff2) format("woff2"), url(../fonts/noto-sans-kr-v12-latin_korean-100.woff) format("woff"), url(../fonts/noto-sans-kr-v12-latin_korean-100.ttf) format("truetype"), url(../fonts/noto-sans-kr-v12-latin_korean-100.svg#NotoSansKR) format("svg");
}
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/noto-sans-kr-v12-latin_korean-300.eot);
	src: local("Noto Sans KR Light"), local("NotoSansKR-Light"), url(../fonts/noto-sans-kr-v12-latin_korean-300.eot?#iefix) format("embedded-opentype"), url(../fonts/noto-sans-kr-v12-latin_korean-300.woff2) format("woff2"), url(../fonts/noto-sans-kr-v12-latin_korean-300.woff) format("woff"), url(../fonts/noto-sans-kr-v12-latin_korean-300.ttf) format("truetype"), url(../fonts/noto-sans-kr-v12-latin_korean-300.svg#NotoSansKR) format("svg");
}
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/noto-sans-kr-v12-latin_korean-regular.eot);
	src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url(../fonts/noto-sans-kr-v12-latin_korean-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/noto-sans-kr-v12-latin_korean-regular.woff2) format("woff2"), url(../fonts/noto-sans-kr-v12-latin_korean-regular.woff) format("woff"), url(../fonts/noto-sans-kr-v12-latin_korean-regular.ttf) format("truetype"), url(../fonts/noto-sans-kr-v12-latin_korean-regular.svg#NotoSansKR) format("svg");
}
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/noto-sans-kr-v12-latin_korean-500.eot);
	src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url(../fonts/noto-sans-kr-v12-latin_korean-500.eot?#iefix) format("embedded-opentype"), url(../fonts/noto-sans-kr-v12-latin_korean-500.woff2) format("woff2"), url(../fonts/noto-sans-kr-v12-latin_korean-500.woff) format("woff"), url(../fonts/noto-sans-kr-v12-latin_korean-500.ttf) format("truetype"), url(../fonts/noto-sans-kr-v12-latin_korean-500.svg#NotoSansKR) format("svg");
}
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/noto-sans-kr-v12-latin_korean-700.eot);
	src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url(../fonts/noto-sans-kr-v12-latin_korean-700.eot?#iefix) format("embedded-opentype"), url(../fonts/noto-sans-kr-v12-latin_korean-700.woff2) format("woff2"), url(../fonts/noto-sans-kr-v12-latin_korean-700.woff) format("woff"), url(../fonts/noto-sans-kr-v12-latin_korean-700.ttf) format("truetype"), url(../fonts/noto-sans-kr-v12-latin_korean-700.svg#NotoSansKR) format("svg");
}
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 900;
	src: url(../fonts/noto-sans-kr-v12-latin_korean-900.eot);
	src: local("Noto Sans KR Black"), local("NotoSansKR-Black"), url(../fonts/noto-sans-kr-v12-latin_korean-900.eot?#iefix) format("embedded-opentype"), url(../fonts/noto-sans-kr-v12-latin_korean-900.woff2) format("woff2"), url(../fonts/noto-sans-kr-v12-latin_korean-900.woff) format("woff"), url(../fonts/noto-sans-kr-v12-latin_korean-900.ttf) format("truetype"), url(../fonts/noto-sans-kr-v12-latin_korean-900.svg#NotoSansKR) format("svg");
}
html {
	font-family: "Noto Sans KR", sans-serif;
	font-size: 16px;
	height: 100%;
	line-height: 1;
	letter-spacing: -0.05rem;
}

:focus {
	outline: 0 !important;
}

::-moz-focus-inner {
	outline: 0 !important;
}

* {
	-webkit-tap-highlight-color: transparent;
}

body {
	height: 100%;
}

.clearfix {
	*zoom: 1;
}

.box_title:after,
.clearfix:after,
.col:after,
.location:after,
.tbl table > tbody > tr > td .ipt_box.button:after,
.tbl table > tbody > tr > td .ipt_box.listen:after {
	display: block;
	clear: both;
	content: "";
}

.hide,
.lnb_menu_btn_area a p {
	display: none;
}

.fr {
	float: right;
}

.fl,
.location ul li {
	float: left;
}

.tr {
	text-align: right !important;
}

.tl {
	text-align: left !important;
}

.tc {
	text-align: center !important;
}

.col,
.tbl table > tbody > tr > td .ipt_box.button,
.tbl table > tbody > tr > td .ipt_box.listen {
	*zoom: 1;
}

.col_01 {
	float: left;
	width: 100%;
}

.coll_02,
.colw_02 {
	float: left;
	width: calc(50% - 10px);
	margin-right: 10px;
}

.colw_02 + .colw_02 {
	width: 50%;
	margin-right: 0;
}

.coll_02 {
	width: calc(70% - 10px);
}

.coll_02 + .coll_02 {
	width: 30%;
	margin-right: 0;
}

.col_03,
.col_video_02,
.colc_02,
.colv_02 {
	float: left;
	width: 1370px;
	margin-right: 10px;
}

.col_video_02 + .col_video_02 {
	width: calc(100% - 1380px);
	margin-right: 0;
}

.col_03,
.colc_02,
.colv_02 {
	width: 500px;
}

.colv_02 + .colv_02 {
	width: calc(100% - 510px);
	margin-right: 0;
}

.col_03,
.colc_02 {
	width: 400px;
}

.colc_02 + .colc_02 {
	width: calc(100% - 410px);
	margin-right: 0;
}

.col_03:nth-child(2) {
	width: calc(100% - 820px);
	margin-right: 0;
}

.col_03:last-child {
	float: left;
	width: 400px;
	margin-left: 10px;
	margin-right: 0;
}

.col_03_1 {
	float: left;
	width: calc(63.2% - 410px);
	margin-right: 10px;
}

.col_03_1 + .col_03_1 {
	/*     width: calc(50% - 410px); */
	width: 35.5%;
}

.col_04,
.col_05 {
	float: left;
	width: 25%;
}

.col_05 {
	width: 20%;
}

.lnb_menu_btn_area {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: -50px;
	z-index: 5;
	background-color: #fff;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.lnb_menu_btn_area:hover a span:nth-child(2),
.lnb_menu_btn_area:hover a span:nth-child(5) {
	width: 25px;
}

.lnb_menu_btn_area a,
.lnb_menu_btn_area a span {
	display: block;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.lnb_menu_btn_area a {
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.lnb_menu_btn_area a span {
	font-size: 0;
	text-indent: -9999px;
	position: absolute;
	left: 12px;
	height: 2px;
	width: 25px;
	background: #899296;
	border-radius: 9px;
	opacity: 1;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.lnb_menu_btn_area a span:nth-child(2) {
	top: 14px;
}

.lnb_menu_btn_area a span:nth-child(3),
.lnb_menu_btn_area a span:nth-child(4) {
	top: 25px;
}

.lnb_menu_btn_area a span:nth-child(5) {
	top: 35px;
}

.lnb_menu_btn_area.open a span:nth-child(2) {
	top: 25px;
	width: 0;
	left: 50%;
}

.lnb_menu_btn_area.open a span:nth-child(3) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.lnb_menu_btn_area.open a span:nth-child(4) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.lnb_menu_btn_area.open a span:nth-child(5) {
	top: 25px;
	width: 0;
	left: 50%;
}

.location {
	height: 50px;
	line-height: 49px;
	border-bottom: 1px solid #d9d9d9;
	padding-left: 50px;
	*zoom: 1;
}

.location ul {
	padding: 0 20px;
	float: left;
}

.form_wrap dd,
.location ul li + li,
.rdo-group .rdo_box + .rdo_box input + label {
	margin-left: 10px;
}

.location ul li + li:before {
	margin-right: 10px;
	color: #999;
	font-size: 16px;
	font-weight: 200;
	display: inline-block;
	content: ">";
}

.location ul li.home a {
	display: block;
	text-indent: -9999em;
	width: 13px;
	height: 13px;
	position: relative;
}

.location ul li.home a:before {
	background: url(../images/spr_global_icon.png) no-repeat;
	background-position: 16.267% 1.712%;
	position: absolute;
	top: 15px;
	left: 0;
	width: 16px;
	height: 16px;
	display: block;
	content: "";
}

.location ul li:last-child a {
	color: #000;
	font-size: 1rem;
	font-weight: 300;
}

.box_title p,
.location ul li a {
	color: #999;
	font-size: 1rem;
	font-weight: 300;
}

.top_title h2 {
	color: #000;
	font-size: 2rem;
	font-weight: 500;
}

.box_title {
	*zoom: 1;
	margin-bottom: 12px;
}

.box_title h2 {
	color: #000;
	font-size: 1.125rem;
	font-weight: 300;
	vertical-align: bottom;
}

.box_title h2.mt12 {
	margin-top: 12px;
}

.box_title p {
	font-size: 0.8125rem;
	margin-top: 5px;
}

.box_title p em {
	display: inline-block;
	margin-left: 10px;
}

.box_title p.mt15 {
	margin-top: 15px;
	margin-right: 10px;
}

.desc {
	letter-spacing: -0.45px;
	padding-left: 13px;
	position: relative;
	color: #333;
	font-size: 0.875rem;
	font-weight: 300;
}

.desc.blue,
.desc.blue:after,
em span.blue,
em.blue {
	color: #2365af;
}

.desc.red,
.desc.red:after,
em.red {
	color: #d8515d;
}

.desc:after {
	content: "※";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.8125rem;
}

.desc + .desc {
	margin-top: 10px;
}

em.black {
	color: #000;
}

em.block {
	display: block;
	padding-top: 10px;
}

em.bold {
	font-weight: 500;
}

em span.red {
	color: #e11921;
}

em span.orange {
	color: #f96840;
}

em span.green {
	color: #13b440;
}

em span.black,
textarea {
	color: #000;
}

em span.block {
	display: block;
	padding-top: 10px;
}

em span.bold {
	font-weight: 500;
}

textarea {
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	width: 100%;
	min-height: 100px;
	border: 1px solid #d9d9d9;
	padding: 5px;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.03em;
	background: #fff;
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select {
	font-family: "Roboto", "Noto Sans KR", sans-serif;
	padding: 0 10px;
	width: 100%;
	height: 30px;
	min-height: 30px;
	line-height: 28px;
	color: #333;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.03em;
	background: #fff;
	border: 1px solid #d9d9d9;
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus {
	outline: 0;
}

input[type=color]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
select::-webkit-input-placeholder {
	color: #999;
	font-size: 15px;
	font-weight: 300;
}

input[type=color]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
select::-moz-placeholder {
	color: #999;
	font-size: 15px;
	font-weight: 300;
}

input[type=color]:-ms-input-placeholder,
input[type=color]::-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=datetime-local]::-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=datetime]::-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=month]::-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=time]::-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=week]::-ms-input-placeholder,
select:-ms-input-placeholder,
select::-ms-input-placeholder {
	color: #999;
	font-size: 15px;
	font-weight: 300;
}

input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, select::-webkit-input-placeholder {
	color: #999;
	font-size: 15px;
	font-weight: 300;
}

input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, select::-moz-placeholder {
	color: #999;
	font-size: 15px;
	font-weight: 300;
}

input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, select:-ms-input-placeholder {
	color: #999;
	font-size: 15px;
	font-weight: 300;
}

input[type=color]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder, input[type=datetime]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=month]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=time]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=week]::-ms-input-placeholder, select::-ms-input-placeholder {
	color: #999;
	font-size: 15px;
	font-weight: 300;
}

input[type=color]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=datetime]::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
select::placeholder {
	color: #999;
	font-size: 15px;
	font-weight: 300;
}

input[type=color]:-moz-read-only,
input[type=date]:-moz-read-only,
input[type=datetime-local]:-moz-read-only,
input[type=datetime]:-moz-read-only,
input[type=email]:-moz-read-only,
input[type=month]:-moz-read-only,
input[type=number]:-moz-read-only,
input[type=password]:-moz-read-only,
input[type=search]:-moz-read-only,
input[type=tel]:-moz-read-only,
input[type=text]:-moz-read-only,
input[type=time]:-moz-read-only,
input[type=url]:-moz-read-only,
input[type=week]:-moz-read-only,
select:-moz-read-only {
	background-color: transparent;
	color: #666;
	border: 1px solid transparent;
	padding: 0;
}

input[type=color]:-moz-read-only, input[type=date]:-moz-read-only, input[type=datetime-local]:-moz-read-only, input[type=datetime]:-moz-read-only, input[type=email]:-moz-read-only, input[type=month]:-moz-read-only, input[type=number]:-moz-read-only, input[type=password]:-moz-read-only, input[type=search]:-moz-read-only, input[type=tel]:-moz-read-only, input[type=text]:-moz-read-only, input[type=time]:-moz-read-only, input[type=url]:-moz-read-only, input[type=week]:-moz-read-only, select:-moz-read-only {
	background-color: transparent;
	color: #666;
	border: 1px solid transparent;
	padding: 0;
}

input[type=color]:read-only,
input[type=date]:read-only,
input[type=datetime-local]:read-only,
input[type=datetime]:read-only,
input[type=email]:read-only,
input[type=month]:read-only,
input[type=number]:read-only,
input[type=password]:read-only,
input[type=search]:read-only,
input[type=tel]:read-only,
input[type=text]:read-only,
input[type=time]:read-only,
input[type=url]:read-only,
input[type=week]:read-only,
select:read-only {
	background-color: transparent;
	color: #666;
	border: 1px solid transparent;
	padding: 0;
}

input[type=color][readonly],
input[type=date][readonly],
input[type=datetime-local][readonly],
input[type=datetime][readonly],
input[type=email][readonly],
input[type=month][readonly],
input[type=number][readonly],
input[type=password][readonly],
input[type=search][readonly],
input[type=tel][readonly],
input[type=text][readonly],
input[type=time][readonly],
input[type=url][readonly],
input[type=week][readonly],
select[readonly] {
	background-color: transparent;
	color: #666;
	border: 1px solid transparent;
	padding: 0;
}

input[type=color]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=datetime]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
select:disabled {
	background-color: #e3e3e3;
	color: #999;
	border: 1px solid #c6c9cb;
}

input[type=color].form-control:-moz-read-only,
input[type=date].form-control:-moz-read-only,
input[type=datetime-local].form-control:-moz-read-only,
input[type=datetime].form-control:-moz-read-only,
input[type=email].form-control:-moz-read-only,
input[type=month].form-control:-moz-read-only,
input[type=number].form-control:-moz-read-only,
input[type=password].form-control:-moz-read-only,
input[type=search].form-control:-moz-read-only,
input[type=tel].form-control:-moz-read-only,
input[type=text].form-control:-moz-read-only,
input[type=time].form-control:-moz-read-only,
input[type=url].form-control:-moz-read-only,
input[type=week].form-control:-moz-read-only,
select.form-control:-moz-read-only {
	background-color: #fff !important;
	color: #333;
	border: 1px solid #d9d9d9;
	border-right: 0 !important;
	padding: 0 10px;
	cursor: auto;
	font-weight: 400;
}

input[type=color].form-control:-moz-read-only, input[type=date].form-control:-moz-read-only, input[type=datetime-local].form-control:-moz-read-only, input[type=datetime].form-control:-moz-read-only, input[type=email].form-control:-moz-read-only, input[type=month].form-control:-moz-read-only, input[type=number].form-control:-moz-read-only, input[type=password].form-control:-moz-read-only, input[type=search].form-control:-moz-read-only, input[type=tel].form-control:-moz-read-only, input[type=text].form-control:-moz-read-only, input[type=time].form-control:-moz-read-only, input[type=url].form-control:-moz-read-only, input[type=week].form-control:-moz-read-only, select.form-control:-moz-read-only {
	background-color: #fff !important;
	color: #333;
	border: 1px solid #d9d9d9;
	border-right: 0 !important;
	padding: 0 10px;
	cursor: auto;
	font-weight: 400;
}

input[type=color].form-control:read-only,
input[type=date].form-control:read-only,
input[type=datetime-local].form-control:read-only,
input[type=datetime].form-control:read-only,
input[type=email].form-control:read-only,
input[type=month].form-control:read-only,
input[type=number].form-control:read-only,
input[type=password].form-control:read-only,
input[type=search].form-control:read-only,
input[type=tel].form-control:read-only,
input[type=text].form-control:read-only,
input[type=time].form-control:read-only,
input[type=url].form-control:read-only,
input[type=week].form-control:read-only,
select.form-control:read-only {
	background-color: #fff !important;
	color: #333;
	border: 1px solid #d9d9d9;
	border-right: 0 !important;
	padding: 0 10px;
	cursor: auto;
	font-weight: 400;
}

input[type=color].form-control[readonly],
input[type=date].form-control[readonly],
input[type=datetime-local].form-control[readonly],
input[type=datetime].form-control[readonly],
input[type=email].form-control[readonly],
input[type=month].form-control[readonly],
input[type=number].form-control[readonly],
input[type=password].form-control[readonly],
input[type=search].form-control[readonly],
input[type=tel].form-control[readonly],
input[type=text].form-control[readonly],
input[type=time].form-control[readonly],
input[type=url].form-control[readonly],
input[type=week].form-control[readonly],
select.form-control[readonly] {
	background-color: #fff !important;
	color: #333;
	border: 1px solid #d9d9d9;
	border-right: 0 !important;
	padding: 0 10px;
	cursor: auto;
	font-weight: 400;
}

.rdo_box {
	margin-left: 20px;
}

.file_upload input[type=file],
input[type=radio] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	border: 0 !important;
}

input[type=radio] + label {
	color: #666;
	font-size: 14px;
	cursor: pointer;
	margin-right: 20px;
}

input[type=radio] + label:before {
	background: url(../images/spr_global_icon.png) no-repeat;
	display: inline-block;
	margin: 0 6px 2px 0;
	vertical-align: middle;
	cursor: pointer;
	content: "";
	width: 18px;
	height: 18px;
	background-position: 41.781% 2.055%;
}

input[type=radio]:checked + label:before {
	background-position: 46.233% 2.055%;
}

input[type=radio][disabled] + label:before {
	background-position: 94.502% 1.375%;
}

input[type=radio]:focus + label:before {
	border-radius: 50%;
}

.chk_box,
.modal_cont dl dt em.important {
	position: relative;
}

input[type=checkbox] {
	position: absolute;
	width: 16px;
	height: 16px;
	opacity: 0;
}

input[type=checkbox] + label {
	color: #333;
	font-size: 0.8125rem;
	font-weight: 300;
	cursor: pointer;
	display: inline-block;
}

input[type=checkbox] + label.label_nohide {
	margin: 0;
}

input[type=checkbox] + label.label_nohide:before {
	margin: 0 7px 0 0;
}

input[type=checkbox] + label:before {
	background: url(../images/spr_global_icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	content: "";
	width: 18px;
	height: 18px;
	background-position: 28.179% 1.718%;
}

input[type=checkbox][disabled] + label:before {
	background-position: 89.726% 1.541%;
}

input[type=checkbox]:checked + label:before {
	background-position: 32.99% 1.718%;
}

input[type=checkbox]:checked[disabled] + label:before {
	background-position: 89.726% 5.993%;
}

.customer-box {
	display: block;
}

.customer-box:before,
.customer-box:after {
	content: "";
	display: table;
	clear: both;
}

.sel_box {
	vertical-align: middle;
}

.sel_box .nice-select {
	font-family: "Noto Sans KR", sans-serif;
	width: 122px;
	height: 30px;
	line-height: 28px;
	padding-left: 10px;
	border: 1px solid #d9d9d9;
}

.sel_box .nice-select.wide {
	width: 100%;
	max-width: 305px;
}

.sel_box .nice-select span {
	color: #333;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.03em;
}

.sel_box .nice-select:after {
	background: url(../images/spr_global_icon.png) no-repeat;
	background-position: 20.713% 2.694%;
	position: absolute;
	top: 12px;
	right: 12px;
	width: 11px;
	height: 6px;
	border: 0;
	pointer-events: none;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: block;
	content: "";
}

.sel_box .nice-select.open:after {
	top: 20px;
	right: 16px;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.sel_box .nice-select .list {
	width: calc(100% + 2px);
	margin-left: -1px;
	max-height: 380px;
}

.sel_box .nice-select .option {
	min-height: 30px;
	letter-spacing: -0.03em;
	padding: 6px;
	color: #666;
	font-size: 13px;
	font-weight: 300;
}

.sel_box .nice-select .option.selected {
	color: #333;
	font-size: 13px;
	font-weight: 500;
	background-color: #fff8e1 !important;
}

.sel_box .nice-select .option.focus,
.sel_box .nice-select .option:hover {
	color: #333;
	font-size: 13px;
	font-weight: 500;
	background-color: #fffbed !important;
}

.sel_box .nice-select.disabled,
.sel_box .nice-select.readonly {
	background-color: #e3e3e3;
	border: 1px solid #c6c9cb;
}

.sel_box .nice-select.disabled span,
em.gray {
	color: #999;
}

.sel_box .nice-select.disabled:after,
.sel_box .nice-select.readonly:after {
	opacity: 0.5;
}

.sel_box .nice-select.readonly span {
	color: #333;
}

.tbl table {
	table-layout: auto;
	width: 100%;
	border: 1px solid #d9d9d9;
	border-top: 2px solid #b3b9be;
	word-break: break-all;
}

.tbl table > thead > tr > th {
	height: 50px;
	padding: 0 15px;
	background-color: #f9f9f9;
	color: #333;
	font-size: 1rem;
	font-weight: 300;
	border-right: 0;
	border-bottom: 1px solid #b3b9be;
	position: relative;
}

.tbl .search > tbody > tr > td + th,
.tbl table > tbody > tr > td + td,
.tbl table > thead > tr > th + th {
	border-left: 1px solid #d9d9d9;
}

.tbl .search > tbody > tr:last-child td,
.tbl table > tbody > tr:last-child td {
	border-bottom: 0;
}

.tbl table > tbody > tr > td {
	text-align: center;
	line-height: 18px;
	height: 45px;
	border-right: 0;
	border-bottom: 1px solid #d9d9d9;
	padding: 3px 6px;
	color: #666;
	font-size: 0.9375rem;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.tbl .search > tbody > tr > td a:hover,
.tbl table > tbody > tr > td a:hover {
	text-decoration: underline;
}

.tbl .search > tbody > tr > td a.icon,
.tbl table > tbody > tr > td a.icon {
	padding-right: 22px;
	position: relative;
}

.tbl .edit > tbody > tr > td a.icon:after,
.tbl .search > tbody > tr > td a.icon:after,
.tbl table > tbody > tr > td a.icon:after {
	display: block;
	content: "";
	background: url(../images/spr_global_icon.png) no-repeat;
	width: 13px;
	height: 16px;
	background-position: 79.216% 14.212%;
	position: absolute;
	top: 2px;
	right: 0;
}

.d-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0.2;
	-webkit-flex: 0.2 0.2 auto;
	    -ms-flex: 0.2 0.2 auto;
	        flex: 0.2 0.2 auto;
}

.flex-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	        flex-direction: row;
	-ms-flex-direction: row;
}

.align-items-center {
	-ms-flex-align: center !important;
	-webkit-box-align: center !important;
	-webkit-align-items: center !important;
	        align-items: center !important;
}

.justify-content-space-around {
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}

.justify-content-end {
	-ms-flex-pack: end !important;
	-webkit-box-pack: end !important;
	-webkit-justify-content: flex-end !important;
	        justify-content: flex-end !important;
}

.boder-b-1 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.ment_btn {
	/* margin-left : 0.1rem; */
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.1rem 0.7rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-o-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;
	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;
	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, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-outline-primary {
	color: #007bff;
	background-color: transparent;
	background-image: none;
	border-color: #007bff;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-outline-danger {
	color: #dc3545;
	background-color: transparent;
	background-image: none;
	border-color: #dc3545;
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.addments .mentsBox {
	position: relative;
}

.addments > .mentsBox > div {
	display: inline-block;
}

.w-100 {
	width: 100%;
}

.col-sm-2 {
	width: 16.66666667%;
}

.col-sm-3 {
	width: 25%;
}

.col-sm-4 {
	width: 33.33333333%;
}

.col-sm-5 {
	width: 41.66666667%;
}

.col-sm-6 {
	width: 50%;
}

.col-sm-7 {
	width: 58.33333333%;
}

.tbl div#resultTable {
	table-layout: auto;
	width: 100%;
	border: 1px solid #d9d9d9;
	border-top: 2px solid #b3b9be;
	word-break: break-all;
}

.tbl .thead {
	background: #f9f9f9;
	border-bottom: 1px solid #b3b9be;
}

.tbl .thead > li {
	height: 45px;
	padding: 0 15px;
	background-color: #f9f9f9;
	color: #333;
	font-size: 1rem;
	font-weight: 300;
	border-right: 0;
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	word-break: keep-all;
}

.tbl .thead > li + li {
	border-left: 1px solid #d9d9d9;
}

.tbl .tbody li > div > .ct {
	padding: 0 10px;
	color: #333;
	height: 45px;
	font-size: 1rem;
	font-weight: 300;
	border-right: 0;
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.tbl .tbody li > div > .ct + .ct {
	border-left: 1px solid #d9d9d9;
}

.tbl .tbody li > div > .ct > .sel_box {
	width: 100%;
}

.tbl .tbody > li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.border-t-1 {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.tbl .tbody > ul > li.on {
	background: #eee;
}

.tbl .tbody > ul > li > div > div {
	padding: 0.75rem 1.25rem;
	line-height: 1.5;
}

#resultTable {
	word-break: keep-all;
}

#resultTable .col_1 {
	max-width: 60px;
}

#resultTable .col_2,
#resultTable .col_3,
#resultTable .col_4 {
	max-width: 140px;
}

#resultTable .col_5 {
	max-width: 60px;
	text-align: center;
}

#resultTable .col_6 {
	min-width: 125px;
}

#resultTable .col_7 {
	max-width: 55px;
}

#resultTable .col_8 {
	max-width: 70px;
}

#resultTable .col_9,
#resultTable .col_10 {
	max-width: 130px;
}

.tbl .th_ments {
	width: 100%;
}

.tbl table > tbody > tr > td .ipt_box {
	width: 100%;
	position: relative;
}

.tbl .slt-tbl .tbody .addments {
	position: relative;
}

.tbl .slt-tbl .tbody .addments > div {
	padding: 0.75rem 1.25rem;
	line-height: 1.5;
}

.tbl .slt-tbl .tbody .addments > div:before,
.tbl .slt-tbl .tbody .addments > div:after {
	content: "";
	display: table;
	clear: both;
}

.tbl .slt-tbl .tbody .addments .stack > i {
	color: red;
}

.tbl .slt-tbl .tbody .addments > div > div + div > label,
.tbl .slt-tbl .tbody .addments > div > div + div > input {
	display: inline-block;
}

.tbl .slt-tbl .tbody .addments > div > div + div > input {
	width: 65%;
	margin: 0 1em;
}

.tbl .slt-tbl .tbody .addments > div > div + div > .infoMent {
	width: 80% !important;
}

.tbl .slt-tbl .tbody .addments > div > div + .ment_btn {
	position: absolute;
	right: 15px;
}

.modal_cont dl dd .ipt_box.listen > input[type=text],
.tbl table > tbody > tr > td .ipt_box.listen input[type=text] {
	width: calc(100% - 50px);
	float: left;
}

.tbl table > tbody > tr > td .ipt_box.listen input[type=text] + div {
	float: left;
	border: 1px solid #d9d9d9;
	border-left: 0;
	width: 48px;
	height: 30px;
	display: inline-block;
	padding: 4px 13px;
}

.tbl table > tbody > tr > td .ipt_box.button .bootstrap-tagsinput {
	float: left;
	width: calc(100% - 65px) !important;
}

.tbl table > tbody > tr > td .ipt_box.button input[type=text] {
	width: calc(100% - 100px);
	float: left;
}

.tbl table > tbody > tr > td .ipt_box.button input[type=text].teg {
	width: 100%;
}

.tbl table > tbody > tr > td .ipt_box.button input[type=text].teg + div {
	float: left;
	width: 65px;
	display: inline-block;
}

.tbl table > tbody > tr > td .ipt_box.button input[type=text].teg + div a {
	height: 32px;
	line-height: 30px;
	min-width: 60px;
	margin-left: 5px;
}

.tbl table > tbody > tr > td .ipt_box.button input[type=text] + div a:hover,
.tbl table > tbody > tr > td .ipt_box.button input[type=text].teg + div a:hover {
	text-decoration: none;
}

.tbl table > tbody > tr > td .ipt_box.button input[type=text] + div {
	float: left;
	width: 100px;
	display: inline-block;
}

.tbl table > tbody > tr > td .ipt_box.button input[type=text] + div a {
	height: 45px;
	line-height: 43px;
	min-width: 100px;
}

.tbl table > tbody > tr > td .info_text_box {
	position: relative;
	padding-right: 24px;
}

.tbl table > tbody > tr > td .info_text_box .info_hover {
	font-size: 0;
	text-indent: -9999px;
	position: absolute;
	right: 5px;
	top: 0;
	width: 16px;
	height: 16px;
	background: url(../images/spr_global_icon.png) no-repeat;
	background-position: 1.199% 7.192%;
}

.tbl table > tbody > tr > td .info_text_box .info_hover .info {
	display: none;
}

.tbl table > tbody > tr > td .info_text_box .info_hover:hover .info {
	position: absolute;
	top: 16px;
	left: 16px;
	display: inline-block;
	background: #fff;
	border: 1px solid #d9d9d9;
	text-indent: 0;
	z-index: 100;
	font-size: 14px;
	font-weight: 400;
	padding: 5px;
	color: #666;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.tbl table > tbody > tr > td textarea {
	min-height: 150px;
}

.tbl table.click tr.on,
.tbl table.click tr:hover {
	background-color: #fffbed;
}

.tbl table.dataTable > thead th.sorting:before,
.tbl table.dataTable > thead th.sorting_asc:before,
.tbl table.dataTable > thead th.sorting_asc_disabled:before,
.tbl table.dataTable > thead th.sorting_desc:before,
.tbl table.dataTable > thead th.sorting_desc_disabled:before {
	position: absolute;
	width: 7px;
	height: 12px;
	right: 5px;
	top: 17px;
	display: block;
	content: "";
}

.tbl table.dataTable > thead th.sorting:before {
	background: url(../images/sort_both.png) no-repeat;
}

.tbl table.dataTable > thead th.sorting_asc:before {
	background: url(../images/sort_asc.png) no-repeat;
}

.tbl table.dataTable > thead th.sorting_desc:before {
	background: url(../images/sort_desc.png) no-repeat;
}

.tbl table.dataTable > thead th.sorting_asc_disabled:before {
	background: url(../images/sort_asc_disabled.png) no-repeat;
}

.tbl table.dataTable > thead th.sorting_desc_disabled:before {
	background: url(../images/sort_desc_disabled.png) no-repeat;
}

.tbl .search {
	width: 100%;
	border: 1px solid #d9d9d9;
	border-top: 2px solid #b3b9be;
}

.tbl .edit > tbody > tr + tr,
.tbl .search > tbody > tr + tr {
	border-top: 1px solid #e3e4e5;
}

.tbl .search > tbody > tr:hover {
	background-color: transparent;
}

.tbl .search > tbody > tr:last-child {
	border-bottom: 1px solid #e3e4e5;
}

.tbl .search > tbody > tr > th {
	padding: 0 20px;
	height: 45px;
	background-color: #f9f9f9;
	color: #333;
	font-size: 1rem;
	font-weight: 300;
	border-right: 1px solid #d9d9d9;
}

.tbl .edit > tbody > tr > td,
.tbl .search > tbody > tr > td {
	text-align: center;
	border-bottom: 1px solid #d9d9d9;
	padding: 7px;
	height: 45px;
	color: #666;
	font-size: 0.9375rem;
	font-weight: 300;
}

.tbl .edit > tbody > tr > td + td,
.tbl .edit > tbody > tr > td + th,
.tbl .search > tbody > tr > td + td {
	border-left: 1px solid #d9d9d9;
}

.tbl .search > tbody > tr > td input {
	max-width: 305px;
}

.tbl .edit {
	width: 100%;
	border: 1px solid #d9d9d9;
}

.tbl .edit.hght > tbody > tr > td,
.tbl .edit.hght > tbody > tr > th {
	height: 60px;
}

.tbl .edit.hght > tbody > tr > td .nice-select,
.tbl .edit.hght > tbody > tr > td input {
	height: 45px;
}

.tbl .edit.hght > tbody > tr > td .nice-select span {
	line-height: 43px;
}

.tbl .edit.hght > tbody > tr > td .nice-select:after {
	top: 20px;
}

.tbl .edit > tbody > tr:hover {
	background-color: transparent;
}

.tbl .edit > tbody > tr:last-child {
	border-bottom: 1px solid #e3e4e5;
}

.tbl .edit > tbody > tr:last-child td,
.tbl.scroll.order table tbody tr:last-child {
	border-bottom: 0;
}

.tbl .edit > tbody > tr > th {
	padding: 0 20px;
	height: 45px;
	background-color: #f9f9f9;
	color: #333;
	font-size: 1rem;
	font-weight: 300;
	border-right: 1px solid #d9d9d9;
	position: relative;
}

.tbl .edit > tbody > tr > td a:hover,
header .login_info .user_name a:hover {
	text-decoration: underline;
}

.tbl .edit > tbody > tr > td a.icon {
	padding-right: 22px;
	position: relative;
}

.tbl.scroll {
	position: relative;
	min-height: 42px;
	max-height: 413px;
	overflow-y: auto;
	border: 1px solid #d9d9d9;
}

.tbl.scroll.row3 {
	max-height: 196px;
}

.tbl.scroll.row4 {
	max-height: 241px;
}

.tbl.scroll.row5 {
	max-height: 292px;
}

.tbl.scroll.order {
	max-height: 560px;
}

.tbl + .btn_wrap {
	margin-top: 20px;
}

.dataTables_wrapper .dataTables_info .box_title p,
.tbl + .box_title {
	margin-top: 15px;
}

.col-3 + .col-3 .box_title:first-child {
	margin-top: 14px;
}

.dataTables_wrapper .top {
	*zoom: 1;
	position: relative;
	height: 30px;
	margin-bottom: 12px;
}

.btn_wrap:after,
.customer.wide:after,
.dataTables_wrapper .bottom:after,
.dataTables_wrapper .dataTables_length div:after,
.dataTables_wrapper .dataTables_paginate:after,
.dataTables_wrapper .top:after,
.modal_footer:after,
.tab_lst:after {
	display: block;
	clear: both;
	content: "";
}

.dataTables_wrapper .dataTables_info {
	padding-top: 0;
	float: right;
	color: #333;
	font-size: 14px;
	font-weight: 300;
}

.dataTables_wrapper .dataTables_info .box_title {
	margin-bottom: 0;
}

.dataTables_wrapper .bottom {
	*zoom: 1;
	margin-top: 20px;
	text-align: center;
}

.dataTables_wrapper .dataTables_paginate {
	*zoom: 1;
	float: none;
	margin: 0 auto;
	display: inline-block;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	float: left;
	position: relative;
	background-color: #fff;
	width: 40px;
	height: 35px;
	margin-left: 0;
	border: 1px solid #ddd;
	border-left: 0;
	text-align: center;
	line-height: 32px;
	border-radius: 0;
	color: #666;
	font-size: 14px;
	font-weight: 300;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:first-child {
	border-left: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background-color: #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active a,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover a {
	color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	width: 40px;
	height: 35px;
	border: 1px solid #e3e4e5;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.first:before {
	background-position: 54.778% 2.222%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous:before {
	background-position: 58.206% 2.222%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next:before {
	background-position: 61.318% 2.385%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.last:before {
	background-position: 64.736% 2.385%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
	outline: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	text-indent: -9999em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first:before {
	background: url(../images/spr_global_icon.png) no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	display: block;
	content: "";
	background-position: 54.778% 2.222%;
	width: 14px;
	height: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover {
	border: 1px solid #ddd;
	background-color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover:before {
	background-position: 68.601% 2.222%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
	border-left: 0;
	border-radius: 0;
	text-indent: -9999em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last:before,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:before,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
	background: url(../images/spr_global_icon.png) no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	display: block;
	content: "";
	background-position: 58.206% 2.222%;
	width: 9px;
	height: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
	background-color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover:before {
	background-position: 71.912% 2.222%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
	border-left: 0;
	border-right: 0;
	text-indent: -9999em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last:before,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
	background-position: 61.318% 2.385%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover:before {
	background-position: 75% 2.385%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last {
	border-left: 1px solid #ddd;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	text-indent: -9999em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last:before {
	background-position: 64.736% 2.385%;
	width: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {
	border: 1px solid #ddd;
	background-color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover:before {
	background-position: 78.535% 2.385%;
}

.dataTables_wrapper .dataTables_paginate > span {
	float: left;
	display: block;
}

.dataTables_wrapper .dataTables_length {
	float: left;
	position: absolute;
}

.dataTables_wrapper .dataTables_length div {
	display: inline-block;
	position: relative;
	*zoom: 1;
}

.dataTables_wrapper .dataTables_length > span {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -0.03em;
	color: #333;
	font-size: 14px;
	font-weight: 300;
}

.dataTables_wrapper .dataTables_length .sel_box {
	margin: 0;
}

.dataTables_wrapper .dataTables_length .sel_box .nice-select {
	width: 80px;
}

.tab_lst {
	*zoom: 1;
	border-bottom: 1px solid #000;
}

.tab_lst li,
.tab_lst li.on a {
	background-color: #fff;
	position: relative;
}

.tab_lst li {
	float: left;
	min-width: 160px;
	border: 1px solid #d9d9d9;
	border-bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	line-height: 48px;
	z-index: 1;
}

.tab_lst li + li {
	border-left: 0;
}

.tab_lst li a {
	display: block;
	text-align: center;
}

.tab_lst li a .notice_number {
	display: inline-block;
	position: relative;
	top: -2px;
	left: 0;
	margin-left: 5px;
}

.btn,
.tab_lst li.on {
	border: 1px solid #000;
}

.tab_lst li.on {
	border-bottom: 1px solid #000;
	background-color: #fff;
}

.tab_lst li.on a {
	color: #000;
}

.bullet ul li:before,
.tab_lst li.on a:after {
	height: 2px;
	position: absolute;
	left: 0;
	display: block;
}

.tab_lst li.on a:after {
	bottom: -2px;
	content: "";
	width: 100%;
	background-color: #fff;
}

.tab_container.mgmt {
	padding-top: 20px;
}

.btn {
	min-width: 50px;
	height: 30px;
	display: inline-block;
	line-height: 28px;
	text-align: center;
	padding: 0 10px;
	letter-spacing: 0;
	border-radius: 3px;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #000;
}

.btn_wrap {
	*zoom: 1;
}

.btn_wrap.center {
	text-align: center;
}

.btn_wrap.more {
	margin-top: 5px;
}

.btn:active,
.btn:hover {
	background-color: #000;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.btn + .btn {
	margin-left: 2px;
}

.btn.disabled {
	background-color: #e3e3e3;
	border: 1px solid #c6c9cb;
	color: #aaa;
	cursor: default;
}

.btn.disabled:hover {
	-webkit-box-shadow: 1px 1px 1px transparent;
	box-shadow: 1px 1px 1px transparent;
}

.btn.grey,
.btn.line {
	color: #fff;
	background-color: #666;
	border: 1px solid #666;
}

.btn.grey:active,
.btn.grey:hover {
	background-color: #444;
}

.btn.grey.disabled {
	color: #d5d5d5;
	background-color: #a5a4a4;
}

.btn.line {
	color: #333;
	background-color: #fff;
}

.btn.line:active,
.btn.line:hover {
	border: 1px solid #333;
}

.btn.line.disabled {
	color: #c7d1da;
	background-color: #829bb0;
}

.btn.blue,
.btn.red {
	color: #fff;
	background-color: #9a0102;
	border: 1px solid #9a0102;
}

.btn.red:active,
.btn.red:hover {
	background-color: #e11921;
	border: 1px solid #e11921;
}

.btn.red.disabled {
	color: #c7d1da;
	background-color: #829bb0;
}

.btn.blue {
	background-color: #2365af;
	border: 1px solid #2365af;
}

.btn.blue:active,
.btn.blue:hover {
	background-color: #0f2141;
	border: 1px solid #0f2141;
}

.btn.blue.disabled {
	color: #c7d1da;
	background-color: #829bb0;
}

.btn.basic {
	height: 40px;
	line-height: 38px;
	min-width: 70px;
	border-radius: 3px;
	padding: 0 13px;
}

.btn.listening {
	display: block;
	margin: 0 auto;
	background: url(../images/spr_global_icon.png) no-repeat;
	font-size: 0;
	text-indent: -9999px;
	background-position: 83.621% 1.379%;
	background-color: transparent;
	border: 0;
	width: 20px;
	min-width: 20px;
	height: 20px;
}

.btn.listening.stop {
	display: block;
	margin: 0 auto;
	background: url(../images/audio_stop.png) no-repeat;
	background-size: contain;
	font-size: 0;
	text-indent: -9999px;
	background-position: 83.621% 1.379%;
	background-color: transparent;
	border: 0;
	width: 24px;
	min-width: 20px;
	height: 24px;
}

.btn.listening.dis:hover,
.btn.listening:hover {
	background-position: 88.793% 1.379%;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.listening.dis {
	cursor: default;
}

.btn.listening.dis:hover {
	background-position: 83.621% 1.379%;
	cursor: default;
}

.btn.listening.on,
.btn.listening.on:hover {
	background-position: 83.621% 6.207%;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.listening.on:hover {
	background-position: 88.793% 6.207%;
}

.btn.insert_step1{
	min-width: 55px;
}

.bullet ul li,
.number ul li,
.tab_lst li a {
	font-weight: 300;
	color: #666;
	position: relative;
}

.bullet ul li {
	padding-left: 10px;
	font-size: 1rem;
	line-height: 2.25rem;
}

.bullet ul li:before {
	width: 2px;
	background-color: #666;
	border-radius: 50%;
	top: 17px;
	content: "";
}

.number {
	margin-bottom: 5px;
}

.number ul li {
	font-size: 0.875rem;
	line-height: 1.625rem;
}

.number ul li span:first-child {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 18px;
	margin-top: 4px;
	border-radius: 8px;
	background-color: #000;
	color: #fff;
	text-align: center;
}

.number ul li span + span {
	margin-left: 5px;
}

.form_wrap dl,
.form_wrap dl dd,
.form_wrap dl dt {
	display: inline-block;
}

.form_wrap dl + dl {
	margin-left: 30px;
}

.form_wrap dt,
.modal_header h3 {
	color: #333;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.03em;
}

.form_wrap .btn_wrap {
	display: inline-block;
	margin-left: 30px;
}

.customer {
	margin-right: 10px;
}

.customer.wide {
	margin-right: 0;
	*zoom: 1;
	width: 100%;
}

.customer.wide dt {
	width: 39px;
}

.customer.wide dd {
	width: calc(100% - 49px);
}

.customer.wide dd .nice-select {
	min-width: 100%;
	width: 100%;
}

.customer.wide dd .sel_box {
	width: 100%;
}

.customer dt,
.onefile dt {
	line-height: 30px;
	color: #333;
	font-size: 0.8125rem;
	font-weight: 200;
	margin-right: 10px;
}

.customer dd .nice-select {
	min-width: 238px;
}

.customer,
.onefile,
article .lnb > li .depth2 > li .depth3 li a span,
article .lnb > li .depth2 > li > a span {
	display: inline-block;
}

.onefile dd {
	width: 350px;
}

.modal,
span.state {
	background-color: #fff;
}

span.state {
	text-align: center;
	line-height: 25px;
	border: 1px solid #333;
	font-size: 0.8125rem;
	font-weight: 300;
	color: #333;
	display: inline-block;
	width: 70px;
	height: 27px;
	border-radius: 3px;
}

span.state.warning {
	border-color: #f58522;
	color: #f58522;
}

span.state.warning2 {
	border-color: #cf6b00;
	color: #cf6b00;
}

span.state.warning3 {
	border-color: #daa31f;
	color: #daa31f;
}

span.state.normal {
	border-color: #13b440;
	color: #13b440;
}

span.state.normal2 {
	border-color: #018125;
	color: #018125;
}

span.state.action {
	border-color: #1db6b8;
	color: #1db6b8;
}

span.state.action2 {
	border-color: #005caa;
	color: #005caa;
}

span.state.action3 {
	border-color: #4188c4;
	color: #4188c4;
}

span.state.action4 {
	border-color: #6740d8;
	color: #6740d8;
}

span.state.fatal {
	border-color: #e11921;
	color: #e11921;
}

span.state.fatal2 {
	border-color: #b61b1b;
	color: #b61b1b;
}

span.state.dis {
	border-color: #999;
	color: #999;
}

.modal {
	z-index: 9999;
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	width: 580px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-height: 740px;
	overflow: auto;
	border-radius: 5px;
}

.modal_header {
	background-color: #666;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.modal_header h3 {
	padding: 25px 30px;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}

.modal_body {
	padding: 30px;
	z-index: 100;
}

.modal_footer {
	padding: 0 30px 30px;
	*zoom: 1;
}

.modal_cont p {
	text-align: right;
	margin-bottom: 20px;
	color: #666;
	font-size: 15px;
	font-weight: 300;
}

.modal_cont dl {
	*zoom: 1;
}

.file_upload:after,
.modal_cont dl dd .ipt_box.listen:after,
.modal_cont dl:after {
	display: block;
	clear: both;
	content: "";
}

.modal_cont dl + dl {
	margin-top: 30px;
}

.modal_cont dl dt {
	float: left;
	display: block;
	width: 120px;
}

.modal_cont dl dt h4 {
	line-height: 37px;
	color: #333;
	font-size: 16px;
	font-weight: 300;
}

.modal_cont dl dt em.important:after {
	margin-left: 5px;
	font-size: 14px;
	color: #9a0102;
	font-weight: 500;
	display: inline-block;
	content: "*";
}

.modal_cont dl dd {
	float: right;
	width: calc(100% - 120px);
	display: block;
}

.modal_cont dl dd .chk_box {
	display: inline-block;
	width: 49%;
	margin: 5px 0;
}

.modal_cont dl dd .chk_box:first-child {
	display: block;
}

.modal_cont dl dd .listening_btnbox {
	width: 50px;
	border: 1px solid #d9d9d9;
	height: 37px;
	padding: 7px;
}

.modal_cont dl dd .ipt_box {
	width: 100%;
	position: relative;
}

.modal_cont dl dd .ipt_box.listen {
	*zoom: 1;
}

.modal_cont dl dd .ipt_box.listen .datetimepicker {
	max-width: calc(100% - 50px);
	float: left;
}

.modal_cont dl dd .ipt_box.listen .nice-select {
	max-width: calc(100% - 50px);
}

.modal_cont dl dd .ipt_box.listen .popup_listening_btn {
	float: left;
	border: 1px solid #d9d9d9;
	border-left: 0;
	width: 48px;
	height: 37px;
	display: inline-block;
	padding: 6px 13px;
}

.modal_cont dl dd .sel_box {
	width: 100%;
}

.modal_cont dl dd .sel_box .nice-select {
	height: 37px;
}

.modal_cont dl dd .sel_box .nice-select span {
	line-height: 35px;
}

.modal .btn_wrap .btn,
.modal_cont dl dd input[type=password],
.modal_cont dl dd input[type=text] {
	height: 37px;
	line-height: 35px;
}

.modal .btn_wrap {
	float: right;
}

.modal .btn_wrap .btn {
	width: auto;
	min-width: 80px;
	display: inline-block;
	text-align: center;
	padding: 0 15px;
	letter-spacing: -0.03em;
	font-size: 14px;
	font-weight: 300;
	border-radius: 3px;
}

.modal .btn_wrap .btn.disabled {
	background-color: #e3e3e3;
	border: 1px solid #c6c9cb;
	color: #aaa;
}

.modal_controller {
	position: absolute;
	top: 20px;
	right: 20px;
}

.modal_controller .close {
	display: block;
	text-indent: -9999em;
	width: 30px;
	height: 30px;
	border-radius: 3px;
}

.modal_controller .close:hover {
	background-color: #899296;
}

.dropzone table td a,
.modal_controller .close:before {
	background: url(../images/spr_global_icon.png) no-repeat;
	position: absolute;
	left: 0;
}

.modal_controller .close:before {
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	content: "";
	background-position: 37.543% 2.051%;
	width: 14px;
	height: 15px;
	top: 0;
}

.dim {
	z-index: 9998;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.file_upload {
	*zoom: 1;
}

.file_upload label {
	height: 30px;
	line-height: 30px;
	float: left;
	margin-left: 5px;
}

.file_upload .upload_name {
	display: block;
	float: left;
	width: calc(100% - 85px);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-right: 5px;
}

.upload-btn {
	border: 2px solid gray;
	color: gray;
	background-color: #fff;
	padding: 8px 20px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: 700;
}

.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

#fileDragDesc,
.dropzone table td {
	color: #666;
	font-size: 15px;
	font-weight: 300;
}

#fileDragDesc {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
}

.dropzone {
	border: 1px solid #d9d9d9;
	padding: 10px;
	height: 80px;
	overflow-y: auto;
}

.dropzone table td {
	position: relative;
	padding-left: 20px;
	padding-bottom: 5px;
}

.dropzone table td a {
	font-size: 0;
	text-indent: -9999px;
	background-position: 92.845% 2.044%;
	background-color: transparent;
	top: 2px;
	border: 0;
	width: 13px;
	min-width: 13px;
	height: 13px;
	padding: 0;
	margin-right: 5px;
}

.dropzone table td a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.swal-icon {
	-webkit-transform: scale(0.6);
	    -ms-transform: scale(0.6);
	        transform: scale(0.6);
	margin-bottom: 0 !important;
	margin-top: 10px !important;
}

.swal-icon--warning {
	width: 105px;
	height: 105px;
	border-color: #f4c06d;
	border-width: 5px;
}

.swal-icon--warning__body {
	width: 10px;
	background-color: #f4c06d;
	height: 47px;
	top: 20px;
	border-radius: 15px;
	margin-left: -4px;
}

.swal-icon--warning__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-left: -5px;
	bottom: -15px;
}

.swal-icon--error {
	width: 105px;
	height: 105px;
	border-width: 5px;
	border-style: solid;
	border-radius: 50%;
	padding: 0;
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: 20px auto;
	border-color: #f27474;
}

.swal-icon--error .swal-icon--error__line {
	position: absolute;
	height: 7px;
	width: 47px;
	background-color: #f27474;
	display: block;
	top: 49px;
	border-radius: 10px;
}

.swal-icon--error .swal-icon--error__line--left {
	left: 29px;
}

.swal-icon--error .swal-icon--error__line--right {
	right: 29px;
}

.swal-icon--error,
.swal-icon--error__x-mark {
	-webkit-animation: none;
	animation: none;
}

.swal-icon--success {
	width: 105px;
	height: 105px;
	border-width: 5px;
}

.swal-icon--success:after,
.swal-icon--success:before {
	display: none;
}

.swal-icon--success__ring {
	width: 105px;
	height: 105px;
	border: 5px solid rgba(164, 219, 132, 0.2);
}

.swal-icon--success__line--tip {
	width: 25px;
	left: 26px;
	top: 54px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: none;
	animation: none;
}

.swal-icon--success__line--long {
	width: 47px;
	right: 19px;
	top: 48px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: none;
	animation: none;
}

.swal-icon--success__hide-corners {
	display: none;
}

.swal-icon--info {
	width: 105px;
	height: 105px;
	border-width: 5px;
}

.swal-icon--info:before {
	width: 5px;
	height: 50px;
	bottom: 17px;
	border-radius: 2px;
	margin-left: -2px;
}

.swal-title {
	color: #333;
	font-size: 22px;
	font-weight: 200;
	letter-spacing: -0.03em;
	padding: 0;
	margin-top: -20px;
}

.swal-title:not(:last-child) {
	margin-bottom: 0;
}

.swal-text {
	color: #666;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: -0.03em;
	margin-top: 6px;
}

.swal-footer {
	margin-top: 0;
	padding: 20px 0;
	text-align: center;
}

.swal-button-container {
	margin: 0 5px;
}

.swal-button-container .swal-button {
	width: 90px;
	height: 42px;
	padding: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.03em;
}

.swal-button-container .swal-button:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.swal-button-container .swal-button--cancel {
	background-color: #666;
}

.swal-button-container .swal-button--cancel:hover {
	background-color: #444;
}

.swal-button-container .swal-button--cancel:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.swal-button-container .swal-button--confirm {
	background-color: #9a0102;
}

.swal-button-container .swal-button--confirm:hover {
	background-color: #e11921;
}

.swal-button-container .swal-button--confirm:focus,
.swal-button:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.loading_box {
	display: block;
	position: fixed;
	z-index: 99997;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
}

.loading_box > div.center {
	width: 151px;
	min-height: 115px;
	max-height: 150px;
}

.loading_box img.loading,
.loading_box > div.center {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.loadingio-spinner-spinner-1azy1f2aorv {
	width: 151px;
	height: 151px;
	display: inline-block;
	overflow: hidden;
	background: 0 0;
}

.ldio-f7yz4rddkd {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.ldio-f7yz4rddkd div {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	left: 73.235px;
	top: 37.75px;
	position: absolute;
	-webkit-animation: ldio-f7yz4rddkd linear 1s infinite;
	animation: ldio-f7yz4rddkd linear 1s infinite;
	background: #666;
	width: 4.53px;
	height: 12.08px;
	border-radius: 2.265px/2.416px;
	-webkit-transform-origin: 2.265px 37.75px;
	-ms-transform-origin: 2.265px 37.75px;
	transform-origin: 2.265px 37.75px;
}

.ldio-f7yz4rddkd div:nth-child(1) {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation-delay: -0.9545454545s;
	animation-delay: -0.9545454545s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(2) {
	-webkit-transform: rotate(16.36364deg);
	-ms-transform: rotate(16.36364deg);
	transform: rotate(16.36364deg);
	-webkit-animation-delay: -0.9090909091s;
	animation-delay: -0.9090909091s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(3) {
	-webkit-transform: rotate(32.72727deg);
	-ms-transform: rotate(32.72727deg);
	transform: rotate(32.72727deg);
	-webkit-animation-delay: -0.8636363636s;
	animation-delay: -0.8636363636s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(4) {
	-webkit-transform: rotate(49.09091deg);
	-ms-transform: rotate(49.09091deg);
	transform: rotate(49.09091deg);
	-webkit-animation-delay: -0.8181818182s;
	animation-delay: -0.8181818182s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(5) {
	-webkit-transform: rotate(65.45455deg);
	-ms-transform: rotate(65.45455deg);
	transform: rotate(65.45455deg);
	-webkit-animation-delay: -0.7727272727s;
	animation-delay: -0.7727272727s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(6) {
	-webkit-transform: rotate(81.81818deg);
	-ms-transform: rotate(81.81818deg);
	transform: rotate(81.81818deg);
	-webkit-animation-delay: -0.7272727273s;
	animation-delay: -0.7272727273s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(7) {
	-webkit-transform: rotate(98.18182deg);
	-ms-transform: rotate(98.18182deg);
	transform: rotate(98.18182deg);
	-webkit-animation-delay: -0.6818181818s;
	animation-delay: -0.6818181818s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(8) {
	-webkit-transform: rotate(114.54545deg);
	-ms-transform: rotate(114.54545deg);
	transform: rotate(114.54545deg);
	-webkit-animation-delay: -0.6363636364s;
	animation-delay: -0.6363636364s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(9) {
	-webkit-transform: rotate(130.90909deg);
	-ms-transform: rotate(130.90909deg);
	transform: rotate(130.90909deg);
	-webkit-animation-delay: -0.5909090909s;
	animation-delay: -0.5909090909s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(10) {
	-webkit-transform: rotate(147.27273deg);
	-ms-transform: rotate(147.27273deg);
	transform: rotate(147.27273deg);
	-webkit-animation-delay: -0.5454545455s;
	animation-delay: -0.5454545455s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(11) {
	-webkit-transform: rotate(163.63636deg);
	-ms-transform: rotate(163.63636deg);
	transform: rotate(163.63636deg);
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(12) {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-animation-delay: -0.4545454545s;
	animation-delay: -0.4545454545s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(13) {
	-webkit-transform: rotate(196.36364deg);
	-ms-transform: rotate(196.36364deg);
	transform: rotate(196.36364deg);
	-webkit-animation-delay: -0.4090909091s;
	animation-delay: -0.4090909091s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(14) {
	-webkit-transform: rotate(212.72727deg);
	-ms-transform: rotate(212.72727deg);
	transform: rotate(212.72727deg);
	-webkit-animation-delay: -0.3636363636s;
	animation-delay: -0.3636363636s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(15) {
	-webkit-transform: rotate(229.09091deg);
	-ms-transform: rotate(229.09091deg);
	transform: rotate(229.09091deg);
	-webkit-animation-delay: -0.3181818182s;
	animation-delay: -0.3181818182s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(16) {
	-webkit-transform: rotate(245.45455deg);
	-ms-transform: rotate(245.45455deg);
	transform: rotate(245.45455deg);
	-webkit-animation-delay: -0.2727272727s;
	animation-delay: -0.2727272727s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(17) {
	-webkit-transform: rotate(261.81818deg);
	-ms-transform: rotate(261.81818deg);
	transform: rotate(261.81818deg);
	-webkit-animation-delay: -0.2272727273s;
	animation-delay: -0.2272727273s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(18) {
	-webkit-transform: rotate(278.18182deg);
	-ms-transform: rotate(278.18182deg);
	transform: rotate(278.18182deg);
	-webkit-animation-delay: -0.1818181818s;
	animation-delay: -0.1818181818s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(19) {
	-webkit-transform: rotate(294.54545deg);
	-ms-transform: rotate(294.54545deg);
	transform: rotate(294.54545deg);
	-webkit-animation-delay: -0.1363636364s;
	animation-delay: -0.1363636364s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(20) {
	-webkit-transform: rotate(310.90909deg);
	-ms-transform: rotate(310.90909deg);
	transform: rotate(310.90909deg);
	-webkit-animation-delay: -0.0909090909s;
	animation-delay: -0.0909090909s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(21) {
	-webkit-transform: rotate(327.27273deg);
	-ms-transform: rotate(327.27273deg);
	transform: rotate(327.27273deg);
	-webkit-animation-delay: -0.0454545455s;
	animation-delay: -0.0454545455s;
	background: #666;
}

.ldio-f7yz4rddkd div:nth-child(22) {
	-webkit-transform: rotate(343.63636deg);
	-ms-transform: rotate(343.63636deg);
	transform: rotate(343.63636deg);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	background: #666;
}

.ldio-f7yz4rddkd.red div {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	left: 73.235px;
	top: 37.75px;
	position: absolute;
	-webkit-animation: ldio-f7yz4rddkd linear 1s infinite;
	animation: ldio-f7yz4rddkd linear 1s infinite;
	background: #9a0102;
	width: 4.53px;
	height: 12.08px;
	border-radius: 2.265px/2.416px;
	-webkit-transform-origin: 2.265px 37.75px;
	-ms-transform-origin: 2.265px 37.75px;
	transform-origin: 2.265px 37.75px;
}

.ldio-f7yz4rddkd.red div:nth-child(1) {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation-delay: -0.9545454545s;
	animation-delay: -0.9545454545s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(2) {
	-webkit-transform: rotate(16.36364deg);
	-ms-transform: rotate(16.36364deg);
	transform: rotate(16.36364deg);
	-webkit-animation-delay: -0.9090909091s;
	animation-delay: -0.9090909091s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(3) {
	-webkit-transform: rotate(32.72727deg);
	-ms-transform: rotate(32.72727deg);
	transform: rotate(32.72727deg);
	-webkit-animation-delay: -0.8636363636s;
	animation-delay: -0.8636363636s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(4) {
	-webkit-transform: rotate(49.09091deg);
	-ms-transform: rotate(49.09091deg);
	transform: rotate(49.09091deg);
	-webkit-animation-delay: -0.8181818182s;
	animation-delay: -0.8181818182s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(5) {
	-webkit-transform: rotate(65.45455deg);
	-ms-transform: rotate(65.45455deg);
	transform: rotate(65.45455deg);
	-webkit-animation-delay: -0.7727272727s;
	animation-delay: -0.7727272727s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(6) {
	-webkit-transform: rotate(81.81818deg);
	-ms-transform: rotate(81.81818deg);
	transform: rotate(81.81818deg);
	-webkit-animation-delay: -0.7272727273s;
	animation-delay: -0.7272727273s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(7) {
	-webkit-transform: rotate(98.18182deg);
	-ms-transform: rotate(98.18182deg);
	transform: rotate(98.18182deg);
	-webkit-animation-delay: -0.6818181818s;
	animation-delay: -0.6818181818s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(8) {
	-webkit-transform: rotate(114.54545deg);
	-ms-transform: rotate(114.54545deg);
	transform: rotate(114.54545deg);
	-webkit-animation-delay: -0.6363636364s;
	animation-delay: -0.6363636364s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(9) {
	-webkit-transform: rotate(130.90909deg);
	-ms-transform: rotate(130.90909deg);
	transform: rotate(130.90909deg);
	-webkit-animation-delay: -0.5909090909s;
	animation-delay: -0.5909090909s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(10) {
	-webkit-transform: rotate(147.27273deg);
	-ms-transform: rotate(147.27273deg);
	transform: rotate(147.27273deg);
	-webkit-animation-delay: -0.5454545455s;
	animation-delay: -0.5454545455s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(11) {
	-webkit-transform: rotate(163.63636deg);
	-ms-transform: rotate(163.63636deg);
	transform: rotate(163.63636deg);
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(12) {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-animation-delay: -0.4545454545s;
	animation-delay: -0.4545454545s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(13) {
	-webkit-transform: rotate(196.36364deg);
	-ms-transform: rotate(196.36364deg);
	transform: rotate(196.36364deg);
	-webkit-animation-delay: -0.4090909091s;
	animation-delay: -0.4090909091s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(14) {
	-webkit-transform: rotate(212.72727deg);
	-ms-transform: rotate(212.72727deg);
	transform: rotate(212.72727deg);
	-webkit-animation-delay: -0.3636363636s;
	animation-delay: -0.3636363636s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(15) {
	-webkit-transform: rotate(229.09091deg);
	-ms-transform: rotate(229.09091deg);
	transform: rotate(229.09091deg);
	-webkit-animation-delay: -0.3181818182s;
	animation-delay: -0.3181818182s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(16) {
	-webkit-transform: rotate(245.45455deg);
	-ms-transform: rotate(245.45455deg);
	transform: rotate(245.45455deg);
	-webkit-animation-delay: -0.2727272727s;
	animation-delay: -0.2727272727s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(17) {
	-webkit-transform: rotate(261.81818deg);
	-ms-transform: rotate(261.81818deg);
	transform: rotate(261.81818deg);
	-webkit-animation-delay: -0.2272727273s;
	animation-delay: -0.2272727273s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(18) {
	-webkit-transform: rotate(278.18182deg);
	-ms-transform: rotate(278.18182deg);
	transform: rotate(278.18182deg);
	-webkit-animation-delay: -0.1818181818s;
	animation-delay: -0.1818181818s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(19) {
	-webkit-transform: rotate(294.54545deg);
	-ms-transform: rotate(294.54545deg);
	transform: rotate(294.54545deg);
	-webkit-animation-delay: -0.1363636364s;
	animation-delay: -0.1363636364s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(20) {
	-webkit-transform: rotate(310.90909deg);
	-ms-transform: rotate(310.90909deg);
	transform: rotate(310.90909deg);
	-webkit-animation-delay: -0.0909090909s;
	animation-delay: -0.0909090909s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(21) {
	-webkit-transform: rotate(327.27273deg);
	-ms-transform: rotate(327.27273deg);
	transform: rotate(327.27273deg);
	-webkit-animation-delay: -0.0454545455s;
	animation-delay: -0.0454545455s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.red div:nth-child(22) {
	-webkit-transform: rotate(343.63636deg);
	-ms-transform: rotate(343.63636deg);
	transform: rotate(343.63636deg);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	background: #9a0102;
}

.ldio-f7yz4rddkd.blue div {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	left: 73.235px;
	top: 37.75px;
	position: absolute;
	-webkit-animation: ldio-f7yz4rddkd linear 1s infinite;
	animation: ldio-f7yz4rddkd linear 1s infinite;
	background: #2365af;
	width: 4.53px;
	height: 12.08px;
	border-radius: 2.265px/2.416px;
	-webkit-transform-origin: 2.265px 37.75px;
	-ms-transform-origin: 2.265px 37.75px;
	transform-origin: 2.265px 37.75px;
}

.ldio-f7yz4rddkd.blue div:nth-child(1) {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation-delay: -0.9545454545s;
	animation-delay: -0.9545454545s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(2) {
	-webkit-transform: rotate(16.36364deg);
	-ms-transform: rotate(16.36364deg);
	transform: rotate(16.36364deg);
	-webkit-animation-delay: -0.9090909091s;
	animation-delay: -0.9090909091s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(3) {
	-webkit-transform: rotate(32.72727deg);
	-ms-transform: rotate(32.72727deg);
	transform: rotate(32.72727deg);
	-webkit-animation-delay: -0.8636363636s;
	animation-delay: -0.8636363636s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(4) {
	-webkit-transform: rotate(49.09091deg);
	-ms-transform: rotate(49.09091deg);
	transform: rotate(49.09091deg);
	-webkit-animation-delay: -0.8181818182s;
	animation-delay: -0.8181818182s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(5) {
	-webkit-transform: rotate(65.45455deg);
	-ms-transform: rotate(65.45455deg);
	transform: rotate(65.45455deg);
	-webkit-animation-delay: -0.7727272727s;
	animation-delay: -0.7727272727s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(6) {
	-webkit-transform: rotate(81.81818deg);
	-ms-transform: rotate(81.81818deg);
	transform: rotate(81.81818deg);
	-webkit-animation-delay: -0.7272727273s;
	animation-delay: -0.7272727273s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(7) {
	-webkit-transform: rotate(98.18182deg);
	-ms-transform: rotate(98.18182deg);
	transform: rotate(98.18182deg);
	-webkit-animation-delay: -0.6818181818s;
	animation-delay: -0.6818181818s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(8) {
	-webkit-transform: rotate(114.54545deg);
	-ms-transform: rotate(114.54545deg);
	transform: rotate(114.54545deg);
	-webkit-animation-delay: -0.6363636364s;
	animation-delay: -0.6363636364s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(9) {
	-webkit-transform: rotate(130.90909deg);
	-ms-transform: rotate(130.90909deg);
	transform: rotate(130.90909deg);
	-webkit-animation-delay: -0.5909090909s;
	animation-delay: -0.5909090909s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(10) {
	-webkit-transform: rotate(147.27273deg);
	-ms-transform: rotate(147.27273deg);
	transform: rotate(147.27273deg);
	-webkit-animation-delay: -0.5454545455s;
	animation-delay: -0.5454545455s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(11) {
	-webkit-transform: rotate(163.63636deg);
	-ms-transform: rotate(163.63636deg);
	transform: rotate(163.63636deg);
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(12) {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-animation-delay: -0.4545454545s;
	animation-delay: -0.4545454545s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(13) {
	-webkit-transform: rotate(196.36364deg);
	-ms-transform: rotate(196.36364deg);
	transform: rotate(196.36364deg);
	-webkit-animation-delay: -0.4090909091s;
	animation-delay: -0.4090909091s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(14) {
	-webkit-transform: rotate(212.72727deg);
	-ms-transform: rotate(212.72727deg);
	transform: rotate(212.72727deg);
	-webkit-animation-delay: -0.3636363636s;
	animation-delay: -0.3636363636s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(15) {
	-webkit-transform: rotate(229.09091deg);
	-ms-transform: rotate(229.09091deg);
	transform: rotate(229.09091deg);
	-webkit-animation-delay: -0.3181818182s;
	animation-delay: -0.3181818182s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(16) {
	-webkit-transform: rotate(245.45455deg);
	-ms-transform: rotate(245.45455deg);
	transform: rotate(245.45455deg);
	-webkit-animation-delay: -0.2727272727s;
	animation-delay: -0.2727272727s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(17) {
	-webkit-transform: rotate(261.81818deg);
	-ms-transform: rotate(261.81818deg);
	transform: rotate(261.81818deg);
	-webkit-animation-delay: -0.2272727273s;
	animation-delay: -0.2272727273s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(18) {
	-webkit-transform: rotate(278.18182deg);
	-ms-transform: rotate(278.18182deg);
	transform: rotate(278.18182deg);
	-webkit-animation-delay: -0.1818181818s;
	animation-delay: -0.1818181818s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(19) {
	-webkit-transform: rotate(294.54545deg);
	-ms-transform: rotate(294.54545deg);
	transform: rotate(294.54545deg);
	-webkit-animation-delay: -0.1363636364s;
	animation-delay: -0.1363636364s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(20) {
	-webkit-transform: rotate(310.90909deg);
	-ms-transform: rotate(310.90909deg);
	transform: rotate(310.90909deg);
	-webkit-animation-delay: -0.0909090909s;
	animation-delay: -0.0909090909s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(21) {
	-webkit-transform: rotate(327.27273deg);
	-ms-transform: rotate(327.27273deg);
	transform: rotate(327.27273deg);
	-webkit-animation-delay: -0.0454545455s;
	animation-delay: -0.0454545455s;
	background: #2365af;
}

.ldio-f7yz4rddkd.blue div:nth-child(22) {
	-webkit-transform: rotate(343.63636deg);
	-ms-transform: rotate(343.63636deg);
	transform: rotate(343.63636deg);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	background: #2365af;
}

.datetimepicker_box {
	*zoom: 1;
}

.datetimepicker_box:after,
header .header_wrap:after,
header .login_info:after {
	display: block;
	clear: both;
	content: "";
}

.datetimepicker_box .datetimepicker_from,
.datetimepicker_box .datetimepicker_min_from,
.datetimepicker_box .datetimepicker_min_to,
.datetimepicker_box .datetimepicker_time_only_from,
.datetimepicker_box .datetimepicker_time_only_to,
.datetimepicker_box .datetimepicker_to {
	float: left;
	width: calc(50% - 13px);
	max-width: 305px;
}

.datetimepicker_box .input-group-addon {
	float: left;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0;
}

.datetimepicker_box .input-group-addon .glyphicon-calendar {
	width: 35px;
	height: 28px;
	line-height: 30px;
}

.datetimepicker_box .input-group-addon .glyphicon-time {
	width: 35px;
	height: 28px;
	line-height: 28px;
}

.datetimepicker_box .form_bridge {
	float: left;
	width: 26px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.datetimepicker_box input[type=text] {
	float: left;
	width: calc(100% - 35px);
	max-width: 300px;
}

.datetimepicker_box .btn {
	background: 0 0;
	min-width: inherit;
	height: 58px;
}

.datetimepicker_box .btn.btn-primary {
	background: #333;
}

.datetimepicker_box .btn.btn-primary:hover {
	background: #666;
}

.datetimepicker_box .btn:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bootstrap-datetimepicker-widget table {
	table-layout: inherit !important;
	border: 0 !important;
}

.pagenation {
	position: relative;
	text-align: center;
	width: auto;
	font-size: 0;
	margin: 20px auto 0;
}

.pagenation .btn,
.pagenation ul li {
	min-width: 32px;
	width: 32px;
	height: 32px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	display: inline-block;
}

.pagenation .btn {
	position: relative;
	border-radius: inherit;
	margin-left: 0;
	font-size: 0;
	text-indent: -9999px;
}

.pagenation .btn:before {
	background: url(../images/spr_global_icon.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	display: block;
	content: "";
}

.pagenation .btn.forward,
.pagenation .btn.prev {
	border-right: 0;
}

.pagenation .btn.forward:before {
	background-position: 54.778% 2.222%;
	width: 14px;
	height: 15px;
}

.pagenation .btn.prev:before {
	background-position: 58.206% 2.222%;
	width: 9px;
	height: 15px;
}

.pagenation .btn.backward,
.pagenation .btn.next {
	border-left: 0;
}

.pagenation .btn.next:before {
	background-position: 61.318% 2.385%;
	width: 8px;
	height: 13px;
}

.pagenation .btn.backward:before {
	background-position: 64.736% 2.385%;
	width: 13px;
	height: 13px;
}

.pagenation .btn:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagenation .btn:hover.forward:before {
	background-position: 68.601% 2.222%;
}

.pagenation .btn:hover.prev:before {
	background-position: 71.912% 2.222%;
}

.pagenation .btn:hover.next:before {
	background-position: 75% 2.385%;
}

.pagenation .btn:hover.backward:before {
	background-position: 78.535% 2.385%;
}

.pagenation ul {
	display: inline-block;
	vertical-align: top;
}

.pagenation ul li {
	border-right: 0;
}

.pagenation ul li:last-child {
	border-right: 1px solid #d9d9d9;
}

.pagenation ul li a {
	padding: 9px 0;
	text-align: center;
	display: block;
	color: #333;
	font-weight: 300;
	font-size: 0.875rem;
}

.pagenation ul li.on,
.pagenation ul li:hover {
	background: #9a0102;
	border: 1px solid #9a0102;
}

.pagenation ul li.on a,
.pagenation ul li:hover a {
	color: #fff;
	font-weight: 500;
}

.tree {
	overflow: auto;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	margin-top: 15px;
}

.tree_wrap {
	width: 100%;
	overflow: initial;
	min-height: 560px;
	max-height: 560px;
	border: 0;
	padding-right: 20px;
	white-space: nowrap;
}

.tree_wrap p {
	color: #666;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	line-height: 700px;
}

.modal .tree_wrap,
.video .tree_wrap {
	width: 240px;
	overflow: initial;
	height: auto;
	min-height: 0;
	border: 0;
	padding-right: 20px;
}

.modal .tree_wrap {
	-webkit-box-sizing: unset;
	box-sizing: unset;
	white-space: nowrap;
	max-height: 300px;
}

.video .tree_wrap {
	max-height: 370px;
}

h1 {
	font-size: 0;
	text-indent: -9999px;
}

.skip_navigation a {
	position: absolute;
	left: -99999%;
	text-decoration: none;
}

.skip_navigation a:focus {
	display: block;
	left: 0;
	top: 0;
	z-index: 999999;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #000;
	color: #fff;
	text-align: center;
	font-weight: 700;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 65px;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
}

header .header_wrap {
	position: relative;
	width: 100%;
	*zoom: 1;
}

header .logo {
	float: left;
	width: 230px;
	height: 65px;
}

header .logo a {
	display: block;
	width: 100%;
	height: 100%;
}

header .logo a .FCC_Logo_230 {
	width: 230px;
	height: auto;
	margin: 10px 0;
}

header .logo a .arisys_logo {
	width: 230px;
	height: auto;
	margin: 10px 0;
}

header .login_info {
	float: right;
	position: relative;
	min-width: 195px;
	*zoom: 1;
}

header .login_info .user_name {
	float: right;
}

header .login_info .user_name a {
	display: inline-block;
	height: 65px;
	line-height: 65px;
	padding: 0 40px;
	position: relative;
	z-index: 2;
	color: #666;
	font-size: 14px;
	font-weight: 300;
}

header .login_info .user_name a em {
	color: #333;
	font-size: 14px;
	font-weight: 500;
}

header .login_info .user_name a:after,
header .login_info .user_name a:before {
	display: block;
	content: "";
	background: url(../images/spr_global_icon.png) no-repeat;
	position: absolute;
}

header .login_info .user_name a:after {
	right: 15px;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	top: 29px;
	width: 11px;
	height: 6px;
	background-position: 6.791% 7.912%;
}

header .login_info .user_name a:before {
	top: 21px;
	left: 8px;
	width: 21px;
	height: 21px;
	background-position: 0.691% 1.727%;
}

header .login_info .user_name a.on:after {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

header .login_info .user_info {
	display: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	position: absolute;
	top: 8px;
	left: -6px;
	z-index: 1;
	-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
}

header .login_info .user_info ul {
	width: 100%;
	padding-top: 46px;
	background: #fff;
	border: 1px solid #d9d9d9;
}

header .login_info .user_info ul li {
	width: 100%;
	height: 45px;
	padding: 0 10px;
}

header .login_info .user_info ul li:first-child {
	border-top: 1px solid #d9d9d9;
}

header .login_info .user_info ul li:first-child a {
	border-top: 0;
}

header .login_info .user_info ul li:first-child a:after {
	position: absolute;
	top: 12px;
	left: 8px;
	display: block;
	content: "";
	background: url(../images/spr_global_icon.png) no-repeat;
	width: 20px;
	height: 21px;
	background-position: 11.433% 7.216%;
}

header .login_info .user_info ul li:hover {
	background: #fffbed;
}

header .login_info .user_info ul li:hover a {
	text-decoration: underline;
}

header .login_info .user_info ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 45px;
	padding-left: 35px;
	border-top: 1px solid #d9d9d9;
	color: #333;
	font-size: 14px;
	font-weight: 300;
}

header .login_info .logout:after,
header .login_info .user_info ul li a:after {
	position: absolute;
	top: 12px;
	left: 8px;
	display: block;
	content: "";
	background: url(../images/spr_global_icon.png) no-repeat;
	width: 20px;
	height: 21px;
	background-position: 6.034% 1.727%;
}

header .login_info .user_info.on {
	display: block;
}

header .login_info .logout {
	display: block;
	font-size: 0;
	text-indent: -9999px;
	position: relative;
	float: left;
	width: 65px;
	height: 65px;
	border-left: 1px solid #d9d9d9;
}

header .login_info .logout:after {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

header .login_info .logout:hover {
	background-color: #666;
}

header .login_info .logout:hover:after {
	background-position: 11.207% 1.727%;
}

article,
article.close {
	-webkit-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
}

article {
	position: absolute;
	top: 65px;
	width: 230px;
	height: calc(100% - 65px);
	background: #333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 50;
	left: 0;
}

article.close {
	left: -230px;
}

article .lnb > li {
	position: relative;
	border-bottom: 1px solid #444;
}

article .lnb > li.active,
article .lnb > li:hover {
	background-color: #222;
}

article .lnb > li.active > a {
	font-weight: 500;
	color: #fff;
}

article .lnb > li.active > a:after,
article .lnb > li > a:after {
	top: 24px;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

article .lnb > li.active .depth2 {
	height: auto;
	overflow: hidden;
}

article .lnb > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 20px;
	line-height: 50px;
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
}

article .lnb > li > a:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 19px;
	top: 18px;
	width: 10px;
	height: 10px;
	z-index: 1;
	border: 1px solid #d6dce9;
	border-top: 0;
	border-left: 0;
	content: "";
}

article .lnb > li .depth2 {
	height: 0;
	overflow: hidden;
}

article .lnb > li .depth2 > li {
	background-color: #111;
	width: 100%;
}

article .lnb > li .depth2 > li:first-child {
	border-top: 1px solid #444;
	padding-top: 7px;
}

article .lnb > li .depth2 > li:last-child {
	padding-bottom: 7px;
}

article .lnb > li .depth2 > li > a {
	display: block;
	width: 100%;
	height: 35px;
	padding: 10px 32px;
	position: relative;
	color: #f2f2f2;
	font-size: 0.9375rem;
	font-weight: 200;
}

article .lnb > li .depth2 > li > a:before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 18px;
	width: 5px;
	height: 5px;
	background-color: #f2f2f2;
	border-radius: 50%;
}

article .lnb > li .depth2 > li > a.on,
article .lnb > li .depth2 > li > a:hover {
	font-weight: 500;
	position: relative;
}

article .lnb > li .depth2 > li .depth3 li a.on span,
article .lnb > li .depth2 > li .depth3 li a:hover span,
article .lnb > li .depth2 > li > a.on span,
article .lnb > li .depth2 > li > a:hover span {
	border-bottom: 1px solid #f2f2f2;
}

article .lnb > li .depth2 > li.has_children > a {
	pointer-events: none;
	cursor: default;
}

article .lnb > li .depth2 > li.has_children > a:hover {
	color: #fff;
	text-decoration: none;
}

article .lnb > li .depth2 > li .depth3 li a {
	display: block;
	padding: 9px 45px;
	position: relative;
	height: 30px;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 200;
}

article .lnb > li .depth2 > li .depth3 li a:before {
	content: "·";
	display: block;
	position: absolute;
	left: 36px;
}

section,
section.wide,
section.wide2 {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

section {
	position: absolute;
	top: 65px;
	width: calc(100% - 230px);
	height: calc(100% - 65px);
	left: 230px;
}

section.wide,
section.wide2 {
	width: 100%;
	left: 0;
}

section .sub_cont {
	width: 100%;
	height: calc(100% - 51px);
	padding: 20px 30px 0;
	overflow: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section .sub_cont .cont_box {
	*zoom: 1;
}

.login_box .remember:after,
section .sub_cont .cont_box:after {
	display: block;
	clear: both;
	content: "";
}

section .sub_cont .cont_box:last-child {
	margin-bottom: 30px;
}

section .sub_cont .cont_box .cont_box:last-child {
	margin-bottom: 0;
}

.login_box dl + dl,
section .sub_cont .cont_box + .cont_box {
	margin-top: 20px;
}

.login {
	position: relative;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
	height: 100%;
	background: #f7f7f7;
}

.login_box,
.login_box:before {
	position: absolute;
	left: 0;
	right: 0;
}

.login_box {
	padding: 50px 40px;
	text-align: center;
	background-color: #fff;
	bottom: 0;
	margin: auto;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
	width: 400px;
	height: 370px;
	top: 0;
}

.login_box:before {
	width: 212px;
	height: 72px;
	top: -130px;
	background: url(../images/login_logo.png) no-repeat;
	content: "";
}

/* LGCNS 로고*/
.FCC_Logo_212:before {
	width: auto;
	height: 72px;
	top: -130px;
	background: url(../images/FCC_Logo_212.png) no-repeat;
	content: "";
}

/* ARISYS 로고*/
.arisys_logo:before {
	/*width: auto;*/
	height: 72px;
	top: -130px;
	background: url(../images/arisys_logo.png) no-repeat;
	content: "";
}

.login_box > img {
	margin-bottom: 30px;
}

.login_box dl dt {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
	text-align: left;
}

.login_box dl dd input {
	height: 40px;
}

.login_box .remember {
	*zoom: 1;
	padding-top: 10px;
}

.error_btn a,
.login_box .remember .chk_box {
	display: inline-block;
}

.login_box .remember a {
	color: #666;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	text-decoration: underline;
}

.login_box .remember a:hover {
	color: #3e8fd3;
	font-size: 14px;
	font-weight: 300;
}

.login_box .btn_wrap {
	margin-top: 40px;
}

.login_box .btn_wrap .btn {
	width: 100%;
	height: 40px;
	line-height: 38px;
}

.login_box .btn_wrap .btn.grey {
	background-color: #757575;
	border: 0;
}

.login_box .btn_wrap .btn.grey:hover {
	background-color: #aaa;
	border: 0;
}

.login_box .copyright {
	width: 100%;
	position: absolute;
	bottom: -37px;
	left: 0;
	text-align: center;
	font-weight: 200;
	font-size: 13px;
	color: #666;
}

.error {
	position: relative;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
	height: 100%;
	background: #f2f2f2;
}

.error_warp {
	width: 740px;
	height: 560px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.error_logo {
	margin-bottom: 25px;
}

.error_logo img,
.login_box:before {
	display: block;
	margin: 0 auto;
}

.error_box {
	width: 719px;
	height: 462px;
	padding: 52px 86px 50px;
	background-color: #fff;
	border-top: 5px solid #9a0102;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
	margin: 0 auto;
	position: relative;
}

.error_box img {
	display: block;
	margin: 0 auto 32px;
}

.error_box h2,
.error_box p {
	text-align: center;
	font-weight: 300;
}

.error_box h2 {
	margin-bottom: 25px;
	font-size: 30px;
	letter-spacing: -2px;
	line-height: 36px;
}

.error_box p {
	font-size: 15px;
	letter-spacing: -1px;
	line-height: 21px;
}

.error_btn {
	width: 100%;
	margin: 30px auto 0;
	text-align: center;
	position: absolute;
	bottom: 50px;
	left: 0;
}

.error_btn a {
	height: 50px;
	width: 183px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	border-radius: 3px;
	font-size: 20px;
	font-weight: 400;
}

.error_btn a.page {
	background-color: #9a0102;
}

.error_btn a.home {
	background-color: #666;
}

.error_footer p {
	margin-top: 17px;
	color: #ccc;
	text-align: center;
}

.img_view {
	height: 760px;
	border: 1px solid #d9d9d9;
	text-align: center;
	padding: 5px;
	overflow-y: auto;
}

.img_view .img_view_list {
	height: 250px;
	margin-top: 10px;
	border: 1px solid #d9d9d9;
}

.img_view .img_view_list:first-child {
	margin-top: 0;
}

.img_view .img_view_list h4,
.video_img ul li a h4 {
	color: #333;
	font-size: 15px;
	font-weight: 300;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #d9d9d9;
	background-color: #f9f9f9;
}

.img_view .img_view_list div,
.information .img_box {
	height: 212px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.img_view .img_view_list div img {
	max-width: 369px;
	max-height: 212px;
}

.img_view .img_view_list p {
	color: #666;
	font-size: 15px;
	font-weight: 300;
	line-height: 250px;
}

.information {
	border: 1px solid #d9d9d9;
	padding: 10px;
	height: 270px;
	overflow-y: auto;
	*zoom: 1;
}

.information:after,
.video_img ul:after {
	display: block;
	clear: both;
	content: "";
}

.information > p {
	text-align: center;
}

.information .img_box {
	width: 100%;
	height: 150px;
}

.information .img_box img,
.information .view img {
	max-width: 460px;
	max-height: 150px;
}

.information .text_box {
	display: inline-block;
}

.information .text_box p,
.information .view p,
.information > p,
.video_img > p {
	color: #666;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}

.information .view {
	height: 245px;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.information .view p,
.video_img > p {
	line-height: 300px;
}

.video_img,
.video_view {
	height: 601px;
	/*     height: 529px; */
	border: 1px solid #d9d9d9;
}

.video_img {
	height: 200px;
	margin-top: 8px;
	/*     margin-top: 79px; */
	padding: 0 10px;
	overflow-y: auto;
}

.video_img > p {
	text-align: center;
	line-height: 110px;
}

.video_img ul {
	*zoom: 1;
	padding-bottom: 10px;
}

.video_img ul li {
	float: left;
	height: 178px;
	width: calc(20% - 8px);
	margin-right: 10px;
	margin-top: 10px;
	text-align: center;
}

.video_img ul li:nth-child(5n) {
	margin-right: 0;
}

.video_img ul li.on a,
.video_img ul li:hover a {
	border: 1px solid #666;
	background-color: #fffbed;
}

.video_img ul li a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #d9d9d9;
}

.video_img ul li a > div {
	height: 142px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.video_img ul li a > div img {
	max-width: 220px;
	max-height: 122px;
}

.row_03 .box_title {
	height: 30px;
}

.row_03 .col_03 {
	width: 436px;
}

.row_03 .col_03:nth-child(2) {
	width: calc(100% - 956px);
}

.row_03 .col_03:last-child {
	width: 500px;
}

.like-content-scroll {
	height: calc(100vh - 208px);
	min-height: 600px;
	position: relative;
}

.like-content-scroll .box-position-btm {
	position: absolute;
	bottom: 0;
	right: 0;
}

.bt-n {
	border-top: none !important;
}

.colw_02 .content-scroll.min,
.content-scroll {
	min-height: 358px;
	height: calc(100vh - 450px);
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

.content-scroll {
	height: calc(100vh - 208px);
	min-height: 600px;
	overflow: auto;
	border-bottom: 1px solid #d9d9d9;
}

.content-scroll.half {
	min-height: 269px;
	height: 269px;
}

.content-scroll.min {
	min-height: 425px;
	height: calc(100vh - 381px);
	border-left: none;
	border-right: none;
}

.content-scroll.fix {
	height: 180px;
	min-height: 180px;
}

.content-scroll table {
	border: 0;
	border-bottom: 1px solid #d9d9d9;
}

.content-scroll .bottom {
	margin: 0;
}

.bt-type,
.content-scroll {
	border-top: 2px solid #b3b9be;
}

.monitering-chat {
	font-weight: 300;
	padding: 25px 15px;
}

.monitering-chat .monitering-line {
	display: block;
	border-top: 1px dashed #d9d9d9;
	height: 1px;
	width: 100%;
	margin: 30px 0;
}

.monitering-chat .monitering-arrow {
	display: block;
	text-align: center;
	margin: 20px 0;
}

.monitering-chat .monitering-arrow img {
	width: 144px;
	margin: auto;
}

.monitering-chat + .monitering-chat {
	border-top: 1px dashed #d9d9d9;
}

.monitering-chat.left .monitering-msg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.monitering-chat.left .monitering-msg .msg-desc {
	min-width: calc(100% - 80px);
}

.monitering-chat .monitering-msg + .monitering-msg {
	padding-top: 10px;
}

.monitering-chat .monitering-msg.admin,
.monitering-chat.left .monitering-msg.user {
	text-align: left;
}

.monitering-chat .monitering-msg.user {
	text-align: right;
}

.monitering-chat .monitering-msg.user .msg-desc {
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 10px 0 10px 10px;
}

.monitering-chat .monitering-msg.user .msg-desc p {
	color: #222;
}

.monitering-chat .monitering-msg .msg-img {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
	min-width: 26px;
}

.monitering-chat .monitering-msg .msg-img img {
	width: 26px;
	vertical-align: top;
}

.monitering-chat .monitering-msg .desc-label {
	display: inline-block;
	color: #5e6669;
	border-radius: 100px;
	background: #fff;
	border: 1px solid #d9d9d9;
	font-weight: 700;
	font-size: 0.8rem;
	padding: 7px 10px;
	margin-right: 10px;
	vertical-align: top;
	min-width: 70px;
	text-align: center;
}

.monitering-chat .monitering-msg .desc-label + .msg-desc {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0 10px 10px 10px;
}

.monitering-chat .monitering-msg .desc-label-box {
	display: table;
	width: 100%;
	height: 100%;
}

.monitering-chat .monitering-msg .desc-label-inner {
	display: table-cell;
	vertical-align: middle;
}

.monitering-chat .monitering-msg .msg-desc {
	display: inline-block;
	border-radius: 0 10px 10px 10px;
	border: 1px solid #e7e7e7;
	background-color: #bbb;
	padding: 10px;
	max-width: 60%;
	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.monitering-chat .monitering-msg .msg-desc.gray {
	background: #fff;
	border: 1px solid #d9d9d9;
}

.monitering-chat .monitering-msg .msg-desc.gray p {
	color: #2a2a2a;
}

.monitering-chat .monitering-msg .msg-desc.gray2 {
	background: #efefef;
}

.monitering-chat .monitering-msg .msg-desc.gray2 p {
	color: #333;
}

.monitering-chat .monitering-msg .msg-desc p {
	color: #fff;
	text-align: left;
	line-height: 1.4;
	font-size: 0.825rem;
}

.monitering-chat .monitering-msg.highlight .msg-desc {
	border-color: #ff7a59;
	background-color: #fff;
	border-radius: 10px !important;
}

.monitering-chat .monitering-msg.highlight .msg-desc p {
	color: #e11921;
}

.monitering-chat .monitering-msg.highlight .desc-label {
	border-radius: 10px 10px 0 10px;
	background-image: -o-linear-gradient(45deg, #ff7a59, #e11921);
	background-image: linear-gradient(45deg, #ff7a59, #e11921);
	background-color: #fff;
	color: #fff;
	border: 0;
}

.monitering-chat .monitering-msg.highlight2 .msg-desc {
	border-color: #666f73;
	background-color: #fff;
	border-radius: 10px !important;
}

.monitering-chat .monitering-msg.highlight2 .msg-desc p,
.monitering-chat .monitering-msg.highlight3 .msg-desc p {
	color: #000;
}

.monitering-chat .monitering-msg.highlight2 .desc-label {
	border-radius: 10px 10px 0 10px;
	background-image: -o-linear-gradient(45deg, #7d868c, #5e6669);
	background-image: linear-gradient(45deg, #7d868c, #5e6669);
	background-color: #fff;
	color: #fff;
	border: 0;
}

.monitering-chat .monitering-msg.highlight3 .msg-desc {
	border-color: #000;
	background-color: #fff;
	border-radius: 10px !important;
}

.monitering-chat .monitering-msg.highlight3 .desc-label {
	border-radius: 10px 10px 10px 10px;
	background-image: -o-linear-gradient(45deg, #000, #333);
	background-image: linear-gradient(45deg, #000, #333);
	background-color: #fff;
	color: #fff;
	border: 0;
}

.monitering-chat .monitering-msg.highlight4 .msg-desc {
	border-color: #5cd600;
	background-color: #fff;
	border-radius: 10px !important;
}

.monitering-chat .monitering-msg.highlight4 .msg-desc p {
	color: #45a100;
}

.monitering-chat .monitering-msg.highlight4 .desc-label {
	border-radius: 10px;
	background-image: -o-linear-gradient(45deg, #0dd07b, #9de368);
	background-image: linear-gradient(45deg, #0dd07b, #9de368);
	background-color: #fff;
	color: #fff;
	border: 0;
}

.btn.refresh {
	border: 0;
	color: #666;
	padding: 0;
	margin-top: 12px;
	height: 18px;
	line-height: 18px;
}

.btn.refresh:hover {
	border: 0;
	opacity: 0.6;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.refresh:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background: url(../images/ico-refresh.png) no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
	position: relative;
	bottom: 2px;
}

.btn.down,
.btn.up {
	min-width: 30px;
	text-indent: -9999px;
	height: 30px;
	position: relative;
}

.btn.down:before,
.btn.up:before {
	width: 15px;
	height: 9px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "";
	background-size: contain;
}

.btn.up:before {
	background: url(../images/arrow-top.png) no-repeat;
	background-size: contain;
}

.btn.down:before {
	background: url(../images/arrow-btm.png) no-repeat;
	background-size: contain;
}

.btn.call:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background: url(../images/ico-call.png) no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
}

.ipt-status {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.ipt_box.listen .ipt-status .nice-select,
.ipt_box.listen .ipt-status input,
.ipt_box.listen .ipt-status select,
.ipt_box.listen .ipt-status textarea,
.ipt_box.listen .datetimepicker {
	float: left;
	width: calc(100% - 80px);
	min-width: calc(100% - 80px);
}

.ipt_box.listen .ipt-status .nice-select > input,
.ipt_box.listen .ipt-status input > input,
.ipt_box.listen .ipt-status select > input,
.ipt_box.listen .ipt-status textarea > input,
.ipt_box.listen .datetimepicker > input {
	width: 100%;
}

.ipt_box.listen .ipt-status.overflow {
	overflow: inherit;
}

.ipt_box.listen .ipt-status.overflow:after {
	top: 12px;
	bottom: auto;
}

.ipt-status input:disabled,
.ipt-status select:disabled,
.ipt-status textarea:disabled {
	background: #fff;
}

.ipt-status .nice-select.disabled {
	background: #fff;
}

.ipt-status .nice-select,
.ipt-status input,
.ipt-status select,
.ipt-status textarea {
	width: calc(100% - 34px);
	min-width: calc(100% - 34px);
}

.ipt-status:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
}

.ipt-status.complite-blue:after,
.ipt-status.complite:after {
	width: 12px;
	background: url(../images/ico-positive.png) no-repeat center;
	background-size: contain;
}

.ipt-status.complite-blue:after {
	background: url(../images/ico-positive-b.png) no-repeat center;
}

.ipt-status.fail:after {
	background: url(../images/ico-nagetive.png);
	background-size: contain;
}

textarea:disabled {
	background-color: #e3e3e3;
	color: #999;
}

@media all and (max-width: 1530px) {
	.row_03 .like-content-scroll {
		height: auto;
	}

	.row_03 .like-content-scroll .box-position-btm {
		position: static;
	}

	.row_03 .content-scroll {
		height: 450px;
		min-height: inherit;
	}

	.row_03 .content-scroll.min {
		height: inherit;
		border-bottom: none;
	}

	.row_03 .col_03:first-child {
		width: 700px;
	}

	.row_03 .col_03:nth-child(2) {
		width: calc(100% - 720px);
	}

	.row_03 .col_03:last-child {
		margin-top: 15px;
		width: 100%;
	}
}
@media all and (max-width: 1024px) {
	.colw_02 .content-scroll.fix,
.colw_02 .content-scroll.min {
		height: inherit;
		min-height: inherit;
	}

	.row_03 .content-scroll {
		height: 300px;
	}

	.row_03 .col_03:first-child {
		width: 100%;
		max-width: 100% !important;
	}

	.row_03 .col_03:nth-child(2) {
		width: 100%;
	}
}
.guide-desc {
	padding: 12px 20px 15px;
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 15px;
}

.guide-desc p {
	line-height: 1.7;
}

.rdo-group .rdo_box {
	display: inline-block;
	margin-left: 0;
}

.rdo-group .rdo_box input + label {
	margin-right: 0;
}

.slt-tbl tbody tr.on {
	background: #eee;
}

.btn-side {
	overflow: hidden;
	margin-top: 20px;
}

@media all and (max-width: 1800px) {
	.video_view {
		height: 476.1px;
	}

	.video_img {
		height: 200px;
		margin-top: 20px;
		border: 1px solid #d9d9d9;
		padding: 0 10px;
		overflow-y: auto;
	}

	.video .tree_wrap {
		width: 240px;
		overflow: initial;
		height: auto;
		min-height: 0;
		max-height: 320px;
		border: 0;
		padding-right: 20px;
	}

	.col_video_02 {
		float: left;
		width: 1233px;
		margin-right: 10px;
	}

	.col_video_02 + .col_video_02 {
		width: calc(100% - 1243px);
		margin-right: 0;
	}

	/* 상담가이드 BOT */
	.sub_cont.menu04_01 .col_03,
.sub_cont.menu04_01 .col_03_1 {
		width: 100%;
		padding: 0.3em 0;
	}
}
@media all and (max-width: 1600px) {
	.video_view {
		height: 601px;
	}

	.video_img {
		height: 200px;
		margin-top: 20px;
		border: 1px solid #d9d9d9;
		padding: 0 10px;
		overflow-y: auto;
	}

	.video_img > p {
		color: #666;
		font-size: 15px;
		font-weight: 300;
		text-align: center;
		line-height: 110px;
	}

	.video_img ul {
		*zoom: 1;
		padding-bottom: 10px;
	}

	.video_img ul:after {
		display: block;
		clear: both;
		content: "";
	}

	.video_img ul li {
		float: left;
		height: 178px;
		width: calc(25% - 6px);
		margin-right: 8px;
		margin-top: 10px;
		text-align: center;
	}

	.video_img ul li:nth-child(4n) {
		margin-right: 0;
	}

	.video_img ul li:nth-child(5n) {
		margin-right: 8px;
	}

	.video_img ul li.on a,
.video_img ul li:hover a {
		border: 1px solid #666;
		background-color: #fffbed;
	}

	.video_img ul li a {
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #d9d9d9;
	}

	.video_img ul li a h4 {
		color: #333;
		font-size: 15px;
		font-weight: 300;
		text-align: left;
		padding: 10px;
		border-bottom: 1px solid #d9d9d9;
		background-color: #f9f9f9;
	}

	.video_img ul li a > div {
		height: 142px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.video_img ul li a > div img {
		max-width: 220px;
		max-height: 122px;
	}

	.video .tree_wrap {
		width: 240px;
		overflow: initial;
		height: auto;
		min-height: 0;
		max-height: 269px;
		border: 0;
		padding-right: 20px;
	}

	.col_video_02 {
		float: left;
		width: 1096px;
		margin-right: 10px;
	}

	.col_video_02 + .col_video_02 {
		width: calc(100% - 1106px);
		margin-right: 0;
	}
}
@media all and (max-width: 1530px) {
	section .sub_cont {
		width: 100%;
		height: calc(100% - 51px);
		padding: 20px 30px 0;
		overflow: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	section .sub_cont.menu04_02 {
		min-width: 1520px;
	}

	.col_03 {
		float: left;
		width: 400px;
		margin-right: 10px;
	}

	.col_03:nth-child(2) {
		float: left;
		width: calc(100% - 410px);
		margin-right: 0;
	}

	.col_03:last-child {
		float: left;
		width: calc(100% - 410px);
		margin-left: 0;
		margin-right: 0;
	}

	.img_view {
		height: 236px;
		text-align: center;
		padding: 5px;
		overflow-y: auto;
		*zoom: 1;
	}

	.img_view:after {
		display: block;
		clear: both;
		content: "";
	}

	.img_view .img_view_list {
		width: calc(33.33% - 6px);
		float: left;
		height: 224px;
		margin-top: 10px;
		border: 1px solid #d9d9d9;
		margin-left: 9px;
	}

	.img_view .img_view_list:first-child {
		margin-top: 0;
		margin-left: 0;
	}

	.img_view .img_view_list:nth-child(1),
.img_view .img_view_list:nth-child(2),
.img_view .img_view_list:nth-child(3) {
		margin-top: 0;
	}

	.img_view .img_view_list:nth-child(4n) {
		margin-left: 0;
	}

	.img_view .img_view_list h4 {
		color: #333;
		font-size: 15px;
		font-weight: 300;
		text-align: left;
		padding: 6px;
		border-bottom: 1px solid #d9d9d9;
		background-color: #f9f9f9;
		overflow-x: hidden;
	}

	.img_view .img_view_list div {
		height: 194px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.img_view .img_view_list div img {
		max-width: 172px;
		max-height: 184px;
	}

	.img_view .img_view_list p {
		color: #666;
		font-size: 15px;
		font-weight: 300;
		line-height: 224px;
	}
}
@media all and (max-width: 1450px) {
	.coll_02 {
		float: left;
	}

	.coll_02,
.coll_02 + .coll_02,
.colw_02,
.colw_02 + .colw_02 {
		width: 100%;
		margin-right: 0;
	}

	.colw_02 {
		float: left;
		margin-right: 10px;
	}

	.information {
		border: 1px solid #d9d9d9;
		padding: 10px;
		height: 180px;
		overflow-y: auto;
		*zoom: 1;
	}

	.information:after {
		display: block;
		clear: both;
		content: "";
	}

	.information.video {
		height: 270px;
	}

	.information > p {
		text-align: center;
	}

	.information .img_box {
		float: left;
		width: 200px;
		height: 150px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		margin-right: 10px;
	}

	.information .img_box img,
.information .view img {
		max-width: 460px;
		max-height: 150px;
	}

	.information .text_box {
		float: left;
		width: calc(100% - 210px);
		display: inline-block;
	}

	.information .text_box p,
.information .view p,
.information > p {
		color: #666;
		font-size: 15px;
		font-weight: 300;
		line-height: 20px;
	}

	.information .view {
		height: 245px;
		text-align: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.information .view video {
		width: 100%;
		height: 100%;
	}

	.information .view p {
		line-height: 300px;
	}

	.rdo_box {
		margin-left: 10px;
	}

	input[type=radio] + label {
		margin-right: 10px;
	}

	section .sub_cont.menu04_02 {
		min-width: auto;
	}

	.col_video_02 {
		width: 100%;
		float: none;
	}

	.flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		display: -ms-flexbox;
	}

	.flex-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}

	.col_video_02 + .col_video_02 {
		width: calc(100% - 0px);
		margin-right: 0;
	}

	.col-3 {
		padding: 15px 0px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		        flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
	}

	.col-3 .tbl > .content.tree {
		height: 140px !important;
	}

	.video_img ul li {
		width: calc(33.3% - 0px);
		margin-right: 0px;
		padding: 0 5px;
	}

	.video_img ul li a h4 {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: elipsis;
		font-size: 13px;
	}

	.tbl table > tbody > tr > td textarea {
		min-height: 200px;
	}

	.col-3 + .col-3 .box_title:first-child {
		margin-top: 0px;
	}

	/* 영상상담 > 사용 통계 */
	.tab_lst li {
		width: 25%;
		min-width: auto;
	}

	.dataTables_wrapper {
		overflow-x: auto;
	}
}
@media all and (max-width: 1300px) {
	html {
		font-size: 14px;
		height: 100%;
		letter-spacing: -0.05rem;
	}

	section {
		position: relative;
		top: 65px;
		left: 0;
		width: 100%;
		height: calc(100% - 65px);
	}

	section.wide {
		width: 100%;
		left: 0;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	section .sub_cont {
		width: 100%;
		height: calc(100% - 51px);
		padding: 20px 30px 0;
		overflow: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	section .sub_cont.menu04_02.scroll {
		min-width: 1630px;
	}

	section .sub_cont .cont_box {
		*zoom: 1;
	}

	.img_view:after,
section .sub_cont .cont_box:after {
		display: block;
		clear: both;
		content: "";
	}

	section .sub_cont .cont_box:last-child {
		margin-bottom: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	section .sub_cont .cont_box .cont_box:last-child {
		margin-bottom: 0;
	}

	section .sub_cont .cont_box + .cont_box {
		margin-top: 20px;
	}

	.col_03 {
		float: left;
		width: 350px;
		margin-right: 10px;
	}

	.col_03:nth-child(2) {
		float: left;
		width: calc(100% - 360px);
		margin-right: 0;
	}

	.col_03:last-child {
		float: left;
		width: calc(100% - 360px);
		margin-left: 0;
		margin-right: 0;
	}

	.img_view {
		height: 236px;
		text-align: center;
		padding: 5px;
		overflow-y: auto;
		*zoom: 1;
	}

	.img_view .img_view_list {
		width: calc(33.33% - 6px);
		float: left;
		height: 224px;
		margin-top: 10px;
		border: 1px solid #d9d9d9;
		margin-left: 9px;
	}

	.img_view .img_view_list:first-child {
		margin-top: 0;
		margin-left: 0;
	}

	.img_view .img_view_list:nth-child(1),
.img_view .img_view_list:nth-child(2),
.img_view .img_view_list:nth-child(3) {
		margin-top: 0;
	}

	.img_view .img_view_list:nth-child(4n) {
		margin-left: 0;
	}

	.img_view .img_view_list h4 {
		color: #333;
		font-size: 15px;
		font-weight: 300;
		text-align: left;
		padding: 6px;
		border-bottom: 1px solid #d9d9d9;
		background-color: #f9f9f9;
		overflow-x: hidden;
	}

	.img_view .img_view_list div {
		height: 194px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.img_view .img_view_list div img {
		max-width: 172px;
		max-height: 184px;
	}

	.img_view .img_view_list p {
		color: #666;
		font-size: 15px;
		font-weight: 300;
		line-height: 224px;
	}

	.tbl .slt-tbl .tbody .addments > div > div + div > input {
		width: 40%;
	}

	.tbl .slt-tbl .tbody .addments > div > div + div > .infoMent {
		width: 60% !important;
	}

	.tbl div#resultTable {
		display: grid;
		overflow: auto;
	}

	.tbl div#resultTable > ul {
		min-width: 848px;
	}
}
@media all and (max-width: 1024px) {
	.col_03 {
		float: left;
		width: 100%;
		margin-right: 10px;
	}

	.col_03:nth-child(2) {
		margin-top: 15px;
		float: left;
		width: 100%;
		margin-right: 0;
	}

	.col_03:last-child {
		float: left;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.col_03 .tree_wrap {
		min-height: 200px;
		max-height: 200px;
	}

	.img_view {
		height: 236px;
		text-align: center;
		padding: 5px;
		overflow-y: auto;
		*zoom: 1;
	}

	.img_view:after,
.tbl .search.block > tbody > tr:after {
		display: block;
		clear: both;
		content: "";
	}

	.img_view .img_view_list {
		width: calc(33.33% - 6px);
		float: left;
		height: 224px;
		margin-top: 10px;
		border: 1px solid #d9d9d9;
		margin-left: 9px;
	}

	.img_view .img_view_list:first-child {
		margin-top: 0;
		margin-left: 0;
	}

	.img_view .img_view_list:nth-child(1),
.img_view .img_view_list:nth-child(2),
.img_view .img_view_list:nth-child(3) {
		margin-top: 0;
	}

	.img_view .img_view_list:nth-child(4n) {
		margin-left: 0;
	}

	.img_view .img_view_list h4 {
		color: #333;
		font-size: 15px;
		font-weight: 300;
		text-align: left;
		padding: 6px;
		border-bottom: 1px solid #d9d9d9;
		background-color: #f9f9f9;
		overflow-x: hidden;
	}

	.img_view .img_view_list div {
		height: 194px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.img_view .img_view_list div img {
		max-width: 172px;
		max-height: 184px;
	}

	.img_view .img_view_list p {
		color: #666;
		font-size: 15px;
		font-weight: 300;
		line-height: 224px;
	}

	.tbl .search {
		width: 100%;
		border: 1px solid #d9d9d9;
		border-top: 2px solid #b3b9be;
	}

	.tbl .search > tbody > tr + tr {
		border-top: 1px solid #e3e4e5;
	}

	.tbl .search.block > tbody > tr:hover,
.tbl .search > tbody > tr:hover {
		background-color: transparent;
	}

	.tbl .search > tbody > tr:last-child {
		border-bottom: 1px solid #e3e4e5;
	}

	.tbl .search.block > tbody > tr:last-child,
.tbl .search > tbody > tr:last-child td {
		border-bottom: 0;
	}

	.tbl .search > tbody > tr > th {
		padding: 0 20px;
		height: 45px;
		background-color: #f9f9f9;
		color: #333;
		font-size: 0.9375rem;
		font-weight: 300;
		border-right: 1px solid #d9d9d9;
	}

	.tbl .search > tbody > tr > td {
		text-align: center;
		border-bottom: 1px solid #d9d9d9;
		padding: 7px;
		height: 45px;
		color: #666;
		font-size: 15px;
		font-weight: 300;
	}

	.tbl .search.block > tbody > tr > td + td,
.tbl .search > tbody > tr > td + td,
.tbl .search > tbody > tr > td + th {
		border-left: 1px solid #d9d9d9;
	}

	.tbl .search.block > tbody > tr > td a:hover,
.tbl .search > tbody > tr > td a:hover {
		text-decoration: underline;
	}

	.tbl .search.block > tbody > tr > td a.icon,
.tbl .search > tbody > tr > td a.icon {
		padding-right: 22px;
		position: relative;
	}

	.tbl .search.block > tbody > tr > td a.icon:after,
.tbl .search > tbody > tr > td a.icon:after {
		display: block;
		content: "";
		background: url(../images/spr_global_icon.png) no-repeat;
		width: 13px;
		height: 16px;
		background-position: 79.216% 14.212%;
		position: absolute;
		top: 2px;
		right: 0;
	}

	.tbl .search.block > tbody > tr > td input,
.tbl .search > tbody > tr > td input {
		max-width: 305px;
	}

	.tbl .search.block,
.tbl .search.block > tbody {
		display: block;
	}

	.tbl .search.block > tbody > tr {
		display: block;
		*zoom: 1;
	}

	.tbl .search.block > tbody > tr + tr {
		border-top: 0;
	}

	.tbl .search.block > tbody > tr:nth-child(1) td:nth-child(2),
.tbl .search.block > tbody > tr:nth-child(1) th:nth-child(1) {
		border-top: 0;
	}

	.tbl .search.block > tbody > tr > td,
.tbl .search.block > tbody > tr > th {
		display: block;
		float: left;
		border-top: 1px solid #d9d9d9;
		height: 45px;
		font-weight: 300;
	}

	.tbl .search.block > tbody > tr > th {
		width: 130px;
		background-color: #f9f9f9;
		font-size: 0.9375rem;
		border: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-right: 1px solid #d9d9d9;
		padding: 12px 20px;
		color: #333;
	}

	.tbl .search.block > tbody > tr > td {
		width: calc(100% - 130px);
		text-align: center;
		padding: 7px;
		border-bottom: 0;
		color: #666;
		font-size: 15px;
	}

	.tbl .search.block > tbody > tr > td + th {
		border-left: 0;
	}

	.tbl .search.block > tbody > tr > td .rdo_box {
		line-height: 30px;
	}

	.col_video_02 .box_title > .fl {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-align-content: center;
		    -ms-flex-line-pack: center;
		        align-content: center;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}

	.col_video_02 .box_title > .fl .customer {
		width: 240px;
		margin-left: 0 !important;
	}

	.tbl .tbody li > div > .ct {
		padding: 0 2px;
	}
}
@media all and (min-height: 0) and (max-height: 700px) {
	article,
article.close {
		-webkit-transition: left 0.3s;
		-o-transition: left 0.3s;
		transition: left 0.3s;
	}

	article {
		position: absolute;
		top: 65px;
		width: 230px;
		height: calc(100% - 65px);
		background: #333;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 150;
		left: 0;
	}

	article.close {
		left: -230px;
	}

	article .lnb > li {
		position: relative;
		border-bottom: 1px solid #444;
	}

	article .lnb > li.active,
article .lnb > li:hover {
		background-color: #222;
	}

	article .lnb > li.active > a {
		font-weight: 500;
		color: #fff;
	}

	article .lnb > li.active > a:after,
article .lnb > li > a:after {
		top: 24px;
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	article .lnb > li.active .depth2 {
		height: auto;
		overflow: hidden;
	}

	article .lnb > li > a {
		display: block;
		width: 100%;
		height: 100%;
		padding-left: 20px;
		line-height: 40px;
		color: #fff;
		font-size: 1rem;
		font-weight: 300;
	}

	article .lnb > li > a:after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 19px;
		top: 13px;
		width: 10px;
		height: 10px;
		z-index: 1;
		border: 1px solid #d6dce9;
		border-top: 0;
		border-left: 0;
		content: "";
	}

	article .lnb > li .depth2 {
		height: 0;
		overflow: hidden;
	}

	article .lnb > li .depth2 > li {
		background-color: #111;
		width: 100%;
	}

	article .lnb > li .depth2 > li:first-child {
		border-top: 1px solid #444;
		padding-top: 7px;
	}

	article .lnb > li .depth2 > li:last-child {
		padding-bottom: 7px;
	}

	article .lnb > li .depth2 > li > a {
		display: block;
		width: 100%;
		height: 30px;
		padding: 10px 32px;
		position: relative;
		color: #f2f2f2;
		font-size: 0.9375rem;
		font-weight: 200;
	}

	article .lnb > li .depth2 > li > a:before {
		content: "";
		display: block;
		position: absolute;
		top: 14px;
		left: 18px;
		width: 5px;
		height: 5px;
		background-color: #f2f2f2;
		border-radius: 50%;
	}

	article .lnb > li .depth2 > li .depth3 li a span,
article .lnb > li .depth2 > li > a span {
		display: inline-block;
	}

	article .lnb > li .depth2 > li > a.on,
article .lnb > li .depth2 > li > a:hover {
		font-weight: 500;
		position: relative;
	}

	article .lnb > li .depth2 > li .depth3 li a.on span,
article .lnb > li .depth2 > li .depth3 li a:hover span,
article .lnb > li .depth2 > li > a.on span,
article .lnb > li .depth2 > li > a:hover span {
		border-bottom: 1px solid #f2f2f2;
	}

	article .lnb > li .depth2 > li.has_children > a {
		pointer-events: none;
		cursor: default;
	}

	article .lnb > li .depth2 > li.has_children > a:hover {
		color: #fff;
		text-decoration: none;
	}

	article .lnb > li .depth2 > li .depth3 li a {
		display: block;
		padding: 9px 45px;
		position: relative;
		height: 25px;
		color: #fff;
		font-size: 0.875rem;
		font-weight: 200;
	}

	article .lnb > li .depth2 > li .depth3 li a:before {
		content: "·";
		display: block;
		position: absolute;
		left: 36px;
	}
}
@media all and (min-height: 0) and (max-height: 750px) {
	.modal_body {
		min-height: 100px;
		max-height: 300px;
		overflow-y: auto;
		margin-bottom: 20px;
		padding-bottom: 0;
	}

	.modal .tree_wrap {
		max-height: 185px;
	}
}
@media all and (min-height: 751px) and (max-height: 850px) {
	.modal_body {
		min-height: 100px;
		max-height: 560px;
		overflow-y: auto;
		margin-bottom: 20px;
	}
}

@media all and (min-height: 851px) and (max-height: 2000px) {
	.relatedIntent_body {
		min-height: 100px;
		max-height: 560px;
		overflow-y: auto;
		margin-bottom: 20px;
	}
}
article .lnb > li > a {
	height: auto;
}

article .lnb > li .depth2 > li.has_children > a {
	pointer-events: auto;
	cursor: pointer;
}

article {
	min-height: calc(100% - 65px);
	height: auto;
}

/*기존  css 수정 끝*/
body,
html {
	color: #333;
}

.font-size-14px {
	font-size: 14px;
}

.font-size-16px {
	font-size: 16px;
}

.font-size-18px {
	font-size: 18px;
}

.font-size-20px {
	font-size: 20px;
}

.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.mt-1,
.my-1 {
	margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
	margin-left: 0.25rem !important;
}

.mt-2,
.my-2 {
	margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
	margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.mt-3,
.my-3 {
	margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
	margin-right: 1rem !important;
}

.mb-3,
.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 2rem !important;
}

.mt-5,
.my-5 {
	margin-top: 2rem !important;
}

.mr-5,
.mx-5 {
	margin-right: 2rem !important;
}

.mb-5,
.my-5 {
	margin-bottom: 2rem !important;
}

.ml-5,
.mx-5 {
	margin-left: 2rem !important;
}

.m-6 {
	margin: 2.5rem !important;
}

.mt-6,
.my-6 {
	margin-top: 2.5rem !important;
}

.mr-6,
.mx-6 {
	margin-right: 2.5rem !important;
}

.mb-6,
.my-6 {
	margin-bottom: 2.5rem !important;
}

.ml-6,
.mx-6 {
	margin-left: 2.5rem !important;
}

.m-7 {
	margin: 3rem !important;
}

.mt-7,
.my-7 {
	margin-top: 3rem !important;
}

.mr-7,
.mx-7 {
	margin-right: 3rem !important;
}

.mb-7,
.my-7 {
	margin-bottom: 3rem !important;
}

.ml-7,
.mx-7 {
	margin-left: 3rem !important;
}

.m-8 {
	margin: 4rem !important;
}

.mt-8,
.my-8 {
	margin-top: 4rem !important;
}

.mr-8,
.mx-8 {
	margin-right: 4rem !important;
}

.mb-8,
.my-8 {
	margin-bottom: 4rem !important;
}

.ml-8,
.mx-8 {
	margin-left: 4rem !important;
}

.m-9 {
	margin: 5rem !important;
}

.mt-9,
.my-9 {
	margin-top: 5rem !important;
}

.mr-9,
.mx-9 {
	margin-right: 5rem !important;
}

.mb-9,
.my-9 {
	margin-bottom: 5rem !important;
}

.ml-9,
.mx-9 {
	margin-left: 5rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0,
.py-0 {
	padding-top: 0 !important;
}

.pr-0,
.px-0 {
	padding-right: 0 !important;
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.pt-1,
.py-1 {
	padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
	padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2,
.py-2 {
	padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
	padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
	padding-left: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.pt-3,
.py-3 {
	padding-top: 1rem !important;
}

.pr-3,
.px-3 {
	padding-right: 1rem !important;
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pt-4,
.py-4 {
	padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
	padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
	padding-left: 1.5rem !important;
}

.p-5 {
	padding: 2rem !important;
}

.pt-5,
.py-5 {
	padding-top: 2rem !important;
}

.pr-5,
.px-5 {
	padding-right: 2rem !important;
}

.pb-5,
.py-5 {
	padding-bottom: 2rem !important;
}

.pl-5,
.px-5 {
	padding-left: 2rem !important;
}

.p-6 {
	padding: 2.5rem !important;
}

.pt-6,
.py-6 {
	padding-top: 2.5rem !important;
}

.pr-6,
.px-6 {
	padding-right: 2.5rem !important;
}

.pb-6,
.py-6 {
	padding-bottom: 2.5rem !important;
}

.pl-6,
.px-6 {
	padding-left: 2.5rem !important;
}

.p-7 {
	padding: 3rem !important;
}

.pt-7,
.py-7 {
	padding-top: 3rem !important;
}

.pr-7,
.px-7 {
	padding-right: 3rem !important;
}

.pb-7,
.py-7 {
	padding-bottom: 3rem !important;
}

.pl-7,
.px-7 {
	padding-left: 3rem !important;
}

.p-8 {
	padding: 4rem !important;
}

.pt-8,
.py-8 {
	padding-top: 4rem !important;
}

.pr-8,
.px-8 {
	padding-right: 4rem !important;
}

.pb-8,
.py-8 {
	padding-bottom: 4rem !important;
}

.pl-8,
.px-8 {
	padding-left: 4rem !important;
}

.p-9 {
	padding: 5rem !important;
}

.pt-9,
.py-9 {
	padding-top: 5rem !important;
}

.pr-9,
.px-9 {
	padding-right: 5rem !important;
}

.pb-9,
.py-9 {
	padding-bottom: 5rem !important;
}

.pl-9,
.px-9 {
	padding-left: 5rem !important;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.58203rem 0.625rem !important;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.1;
	color: #343a40;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ddd;
	border-radius: 0;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
	padding-right: 0;
	padding-left: 0;
}

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

.col {
	-webkit-flex-basis: 0;
	    -ms-flex-preferred-size: 0;
	        flex-basis: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 100%;
	min-width: 0;
}

.row-cols-1 > * {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
}

.row-cols-2 > * {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	    -ms-flex: 0 0 50%;
	        flex: 0 0 50%;
	max-width: 50%;
}

.row-cols-3 > * {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.3333333333%;
	    -ms-flex: 0 0 33.3333333333%;
	        flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}

.row-cols-4 > * {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	    -ms-flex: 0 0 25%;
	        flex: 0 0 25%;
	max-width: 25%;
}

.row-cols-5 > * {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 20%;
	    -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	max-width: 20%;
}

.row-cols-6 > * {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 16.6666666667%;
	    -ms-flex: 0 0 16.6666666667%;
	        flex: 0 0 16.6666666667%;
	max-width: 16.6666666667%;
}

.col-auto {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	min-width: 0;
}

.col-1 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 8.3333333333%;
	    -ms-flex: 0 0 8.3333333333%;
	        flex: 0 0 8.3333333333%;
	max-width: 8.3333333333%;
	min-width: 0;
}

.col-2 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 16.6666666667%;
	    -ms-flex: 0 0 16.6666666667%;
	        flex: 0 0 16.6666666667%;
	max-width: 16.6666666667%;
	min-width: 0;
}

.col-3 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	    -ms-flex: 0 0 25%;
	        flex: 0 0 25%;
	max-width: 25%;
	min-width: 0;
}

.col-4 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.3333333333%;
	    -ms-flex: 0 0 33.3333333333%;
	        flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
	min-width: 0;
}

.col-5 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 41.6666666667%;
	    -ms-flex: 0 0 41.6666666667%;
	        flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
	min-width: 0;
}

.col-6 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	    -ms-flex: 0 0 50%;
	        flex: 0 0 50%;
	max-width: 50%;
	min-width: 0;
}

.col-7 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 58.3333333333%;
	    -ms-flex: 0 0 58.3333333333%;
	        flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%;
	min-width: 0;
}

.col-8 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 66.6666666667%;
	    -ms-flex: 0 0 66.6666666667%;
	        flex: 0 0 66.6666666667%;
	max-width: 66.6666666667%;
	min-width: 0;
}

.col-9 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 75%;
	    -ms-flex: 0 0 75%;
	        flex: 0 0 75%;
	max-width: 75%;
	min-width: 0;
}

.col-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 83.3333333333%;
	    -ms-flex: 0 0 83.3333333333%;
	        flex: 0 0 83.3333333333%;
	max-width: 83.3333333333%;
	min-width: 0;
}

.col-11 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 91.6666666667%;
	    -ms-flex: 0 0 91.6666666667%;
	        flex: 0 0 91.6666666667%;
	max-width: 91.6666666667%;
	min-width: 0;
}

.col-12 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
	min-width: 0;
}

.overflow-y-auto {
	overflow-y: auto;
}

.border {
	border: 1px solid #d9d9d9;
}

.border-left-1 {
	border-left: 1px solid #d9d9d9;
}

.title-sm {
	line-height: 37px;
	color: #333;
	font-size: 16px;
	_font-weight: 300;
}

.modal-lg {
	min-width: 900px !important;
}

.modal-dialog {
	margin: 0 !important;
}

.justify-content-start {
	-webkit-box-pack: start !important;
	-webkit-justify-content: flex-start !important;
	    -ms-flex-pack: start !important;
	        justify-content: flex-start !important;
}

.justify-content-end {
	-webkit-box-pack: end !important;
	-webkit-justify-content: flex-end !important;
	    -ms-flex-pack: end !important;
	        justify-content: flex-end !important;
}

.justify-content-center {
	-webkit-box-pack: center !important;
	-webkit-justify-content: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
}

.justify-content-between {
	-webkit-box-pack: justify !important;
	-webkit-justify-content: space-between !important;
	    -ms-flex-pack: justify !important;
	        justify-content: space-between !important;
}

.align-items-end {
	-webkit-box-align: end !important;
	-webkit-align-items: flex-end !important;
	    -ms-flex-align: end !important;
	        align-items: flex-end !important;
}

.font-weight-light {
	font-weight: 300 !important;
}

.font-weight-normal {
	font-weight: normal !important;
}

.min-width-50px {
	min-width: 50px;
}

.min-height-37px {
	min-height: 37px !important;
}

.min-height-50px {
	min-height: 50px;
}

.min-height-150px {
	min-height: 150px;
}

.max-height-300px {
	max-height: 300px;
}

.btn-lg {
	height: 37px;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-gray {
	color: #a9a9a9 !important;
}

.text-center {
	text-align: center !important;
}

.table-fixed {
	table-layout: fixed !important;
}

.break-all {
	word-break: break-all;
}

.form-control.disabled {
	border-right: 1px solid #d9d9d9 !important;
	background-color: #eee !important;
}

[class^=icon-] {
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-style: normal;
	font-size: 0;
	line-height: 1;
}

.icon-search {
	width: 18px;
	height: 18px;
	background-image: url("../images/icon-search.svg");
}

.icon-close-circle {
	width: 14px;
	height: 14px;
	background-image: url("../images/icon-close-circle.svg");
}

.loader {
	-webkit-flex-basis: 100%;
	    -ms-flex-preferred-size: 100%;
	        flex-basis: 100%;
	max-width: 100%;
	width: 30px;
	height: 30px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin: auto;
}

.loader-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.ball {
	position: absolute;
}

.loader ::before,
.loader ::after {
	position: absolute;
	content: "";
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.default .loader-container {
	width: 30px;
	height: 30px;
}

.default .ball {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
	width: 19.18%;
	height: 50%;
	background-color: transparent;
	-webkit-transform-origin: bottom center;
	    -ms-transform-origin: bottom center;
	        transform-origin: bottom center;
	overflow: visible;
}

.default .ball:nth-of-type(2) {
	-webkit-transform: translate(-50%, 0) rotate(36deg);
	    -ms-transform: translate(-50%, 0) rotate(36deg);
	        transform: translate(-50%, 0) rotate(36deg);
}

.default .ball:nth-of-type(3) {
	-webkit-transform: translate(-50%, 0) rotate(72deg);
	    -ms-transform: translate(-50%, 0) rotate(72deg);
	        transform: translate(-50%, 0) rotate(72deg);
}

.default .ball:nth-of-type(4) {
	-webkit-transform: translate(-50%, 0) rotate(108deg);
	    -ms-transform: translate(-50%, 0) rotate(108deg);
	        transform: translate(-50%, 0) rotate(108deg);
}

.default .ball:nth-of-type(5) {
	-webkit-transform: translate(-50%, 0) rotate(144deg);
	    -ms-transform: translate(-50%, 0) rotate(144deg);
	        transform: translate(-50%, 0) rotate(144deg);
}

.default .ball:nth-of-type(6) {
	-webkit-transform: translate(-50%, 0) rotate(180deg);
	    -ms-transform: translate(-50%, 0) rotate(180deg);
	        transform: translate(-50%, 0) rotate(180deg);
}

.default .ball:nth-of-type(7) {
	-webkit-transform: translate(-50%, 0) rotate(216deg);
	    -ms-transform: translate(-50%, 0) rotate(216deg);
	        transform: translate(-50%, 0) rotate(216deg);
}

.default .ball:nth-of-type(8) {
	-webkit-transform: translate(-50%, 0) rotate(252deg);
	    -ms-transform: translate(-50%, 0) rotate(252deg);
	        transform: translate(-50%, 0) rotate(252deg);
}

.default .ball:nth-of-type(9) {
	-webkit-transform: translate(-50%, 0) rotate(288deg);
	    -ms-transform: translate(-50%, 0) rotate(288deg);
	        transform: translate(-50%, 0) rotate(288deg);
}

.default .ball:nth-of-type(10) {
	-webkit-transform: translate(-50%, 0) rotate(324deg);
	    -ms-transform: translate(-50%, 0) rotate(324deg);
	        transform: translate(-50%, 0) rotate(324deg);
}

.default-01 .ball::before {
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
	background-color: #939393;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	-webkit-animation: circle 1.2s infinite linear;
	        animation: circle 1.2s infinite linear;
}

.default-01 .ball:nth-of-type(2)::before {
	-webkit-animation-delay: 0.1s;
	        animation-delay: 0.1s;
}

.default-01 .ball:nth-of-type(3)::before {
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;
}

.default-01 .ball:nth-of-type(4)::before {
	-webkit-animation-delay: 0.3s;
	        animation-delay: 0.3s;
}

.default-01 .ball:nth-of-type(5)::before {
	-webkit-animation-delay: 0.4s;
	        animation-delay: 0.4s;
}

.default-01 .ball:nth-of-type(6)::before {
	-webkit-animation-delay: 0.5s;
	        animation-delay: 0.5s;
}

.default-01 .ball:nth-of-type(7)::before {
	-webkit-animation-delay: 0.6s;
	        animation-delay: 0.6s;
}

.default-01 .ball:nth-of-type(8)::before {
	-webkit-animation-delay: 0.7s;
	        animation-delay: 0.7s;
}

.default-01 .ball:nth-of-type(9)::before {
	-webkit-animation-delay: 0.8s;
	        animation-delay: 0.8s;
}

.default-01 .ball:nth-of-type(10)::before {
	-webkit-animation-delay: 0.9s;
	        animation-delay: 0.9s;
}

@-webkit-keyframes circle {
	33% {
		-webkit-transform: translateZ(0);
		        transform: translateZ(0);
		background-color: #fff;
		opacity: 1;
	}
	66% {
		-webkit-transform: translateZ(0);
		        transform: translateZ(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0);
		        transform: translateZ(0);
		opacity: 0;
	}
}

@keyframes circle {
	33% {
		-webkit-transform: translateZ(0);
		        transform: translateZ(0);
		background-color: #fff;
		opacity: 1;
	}
	66% {
		-webkit-transform: translateZ(0);
		        transform: translateZ(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0);
		        transform: translateZ(0);
		opacity: 0;
	}
}
.search-input {
	position: relative;
}

.search-input input {
	padding-left: 2.5rem !important;
}

.search-input .icon-search {
	position: absolute;
	top: 50%;
	left: 13px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.border-container {
	border: 1px solid #d9d9d9;
	padding: 0.5rem;
}

.border-container + .border-container {
	margin-top: -1px;
}

.dot-list li {
	color: #333;
	font-size: 16px;
	font-weight: 300;
}

.dot-list li::before {
	content: "·";
	margin-right: 8px;
}

.dot-list li + li {
	margin-top: 10px;
}

.bootstrap-tagsinput {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: -0.25rem;
	min-height: 30px;
	padding: 0;
}

.bootstrap-tagsinput input {
	min-width: 300px !important;
	max-width: none !important;
	width: auto !important;
	height: 28px;
	margin-left: 10px;
}

.bootstrap-tagsinput .tag {
	padding: 0.25rem 0.9rem;
	background: #ededed;
	margin: 0.25rem;
	border-radius: 30px;
	font-size: 14px;
	color: #333;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.bootstrap-tagsinput .tag [data-role=remove]::after {
	background: url(../images/icon-close-circle.svg) no-repeat center;
	background-size: contain;
	width: 14px;
	height: 14px;
}

.tag-input-area {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	padding: 0.25rem;
}

.phrases-wrap {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: -0.25rem;
	_border: 1px solid #d9d9d9;
	min-height: 30px;
}

.phrases-wrap .tag.label.label-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0.44rem 0.8rem;
	background: #ededed;
	margin: 0.25rem;
	border-radius: 30px;
	font-size: 14px;
	margin-right: 10px;
}

.phrases-wrap .tag.label.label-info [data-role=remove] {
	height: 14px;
}

.tag-input-area .tag-input {
	width: auto;
	min-width: 300px;
	border: 0;
}

.ment_btn {
	width: 30px !important;
	height: 30px !important;
	min-width: auto !important;
	padding: 0 !important;
	line-height: normal !important;
	letter-spacing: normal !important;
}

.modal .ment_btn {
	width: 37px !important;
	height: 37px !important;
}

.tbl .tbody li > div > [class*=col] {
	padding: 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: auto;
}

table td,
table th {
	min-height: 45px;
}

.dictionary_list li + li {
	margin-top: 10px;
}

#chart {
	margin: 3rem 0;
}

#chart svg {
	margin-left: -16px;
}

.statistics-result-table {
	max-height: 300px;
	overflow-y: auto;
	table-layout: fixed !important;
	border-top: 2px solid #b3b9be;
}

.statistics-result-table thead tr {
	height: 50px;
	padding: 0 15px;
	background-color: #f9f9f9;
	color: #333;
	font-size: 1rem;
	font-weight: 300;
	position: relative;
	width: 25%;
}

.statistics-result-table thead tr th {
	width: 25%;
	border-bottom: 0;
}

.statistics-result-table thead tr:hover {
	background: #f9f9f9 !important;
}

.statistics-result-table tbody tr {
	border: 1px solid #b3b9be;
}

.statistics-result-table tbody tr:hover {
	background: #fffbed !important;
}

.statistics-result-table tbody th {
	color: #666;
}

.statistics-result-table tbody td {
	text-align: center;
	line-height: 18px;
	height: 45px;
	padding: 3px 6px;
	color: #666;
	font-size: 0.9375rem;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

em.important {
	position: relative;
}

em.important::after {
	margin-left: 5px;
	font-size: 14px;
	color: #9a0102;
	font-weight: 500;
	display: inline-block;
	content: "*";
}

.code-list {
	padding: 0.75rem;
}

.code-list + .code-list {
	padding-top: 0;
}

input.readonly {
	border: 1px solid #b3b9be !important;
	padding-left: 0.75rem !important;
}

/* 202301 신규 CSS */
/* 22년 12월 13일 전달 완료 */
/* 20221212 상담메인 및 이미지미리보기 윈도우팝업 */
.consultation.try {
	background-color: #f9f9f9;
}
.consultation .content-scroll {
	border-top: 0;
	height: calc(100vh - 320px);
}
.consultation .content-scroll .tbl.type-sticky .dataTables_wrapper {
	width: 100%;
}

.btn.excel {
	position: relative;
	padding-left: 24px;
	background-color: #3a7149;
	border-color: #32623f;
}
.btn.excel.disabled {
	background-color: #e3e3e3;
	border: 1px solid #c6c9cb;
}
.btn.excel.disabled:before {
	background: url("../images/icon-excel-off.png") no-repeat;
	background-size: contain;
}
.btn.excel:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 8px;
	background: url("../images/icon-excel.png") no-repeat;
	background-size: contain;
	position: absolute;
}

.center-page {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
}
.center-page-inner .impossible-desc {
	font-size: 2rem;
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.4;
}

.window-slide {
	width: 100%;
}
.window-slide .area-slide {
	width: 700px;
	margin: auto;
	position: relative;
}
.window-slide .area-slide .btn {
	margin-top: 20px;
}
.window-slide .area-slide .slider {
	position: relative;
	overflow: hidden;
	margin: 20px auto 0 auto;
	border-radius: 4px;
}
.window-slide .area-slide ul {
	position: relative;
	list-style: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #f9f9f9;
}
.window-slide .area-slide ul li {
	position: relative;
	display: block;
	min-width: 500px;
	height: 625px;
	background: #f9f9f9;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	overflow: auto;
}
.window-slide .area-slide a.control_prev,
.window-slide .area-slide a.control_next {
	text-indent: -999rem;
	position: absolute;
	top: 40%;
	z-index: 999;
	width: 50px;
	height: 50px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	opacity: 0.8;
	cursor: pointer;
	background: #666;
	border-radius: 2px;
}
.window-slide .area-slide a.control_prev:after,
.window-slide .area-slide a.control_next:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../images/arrow-btm.png") no-repeat center;
	background-size: contain;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.window-slide .area-slide a.control_prev:hover,
.window-slide .area-slide a.control_next:hover {
	opacity: 1;
	-webkit-transition: all 0.2s ease;
}
.window-slide .area-slide a.control_prev {
	left: 10px;
}
.window-slide .area-slide a.control_next {
	right: 10px;
}
.window-slide .area-slide a.control_next:after {
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
.window-slide .controller > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 20px;
}
.window-slide .controller > ul > li .nice-select {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 38px;
	border-radius: 3px;
}
.window-slide .controller > ul > li .nice-select.open:after {
	top: 23px;
}
.window-slide .controller > ul > li .nice-select:after {
	top: 16px;
}
.window-slide .controller > ul > li .btn.min {
	padding: 0;
	min-width: 40px;
	font-size: 16px;
}
.window-slide .controller > ul > li .btn.min.disabled {
	pointer-events: none;
}
.window-slide .controller > ul > li + li {
	margin-left: 8px;
}

.tbl.type-sticky {
	overflow: auto;
	height: 100%;
}
.tbl.type-sticky .dataTables_wrapper {
	overflow-x: initial;
	width: calc(100% - 2px);
}
.tbl.type-sticky .dataTables_wrapper .bottom {
	margin-top: 0;
}
.tbl.type-sticky table > thead > tr.subthead > th {
	top: 51px;
}
.tbl.type-sticky table > thead > tr.subthead > th::after {
	height: 1px;
	background-color: #d9d9d9;
}
.tbl.type-sticky table > thead > tr > th {
	position: -webkit-sticky;
	position: sticky;
	top: 2px;
	z-index: 2;
}
.tbl.type-sticky table > thead > tr > th:after {
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	height: 2px;
	width: 100%;
	background-color: #b3b9be;
	left: 0;
}
.tbl.type-sticky table > tfoot > tr > th {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0px;
	z-index: 2;
	bottom: 0px;
	z-index: 2;
	line-height: 18px;
	height: 45px;
	border-right: 0;
	padding: 3px 6px;
	color: #666;
	font-size: 0.9375rem;
	background: #f9f9f9;
	border-left: 1px solid #d9d9d9;
}

/* 20221212 상담메인 및 이미지미리보기 윈도우팝업 e */
/* 20221205 반응형 */
@media all and (max-width: 1280px) {
	.dashboard .component-billboard .billboard-grid {
		width: 50%;
	}
}
@media all and (max-width: 1024px) {
	.chart-table-area {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.chart-table-area .area-chart {
		width: 100%;
		padding: 0;
		height: 340px;
	}
	.chart-table-area .area-chart .chart-item svg {
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
	}

	.dashboard .component-billboard .billboard-grid {
		width: 100%;
	}

	.scenario .component-diagram {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: calc(100vh - 115px);
	}
	.scenario .component-diagram .diagram-menu {
		width: 100%;
		overflow: auto;
		border-right: none;
		border-bottom: 1px solid #d9d9d9;
	}
	.scenario .component-diagram .diagram-menu-group {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.scenario .component-diagram .diagram-menu .diagram-item-group {
		-webkit-box-flex: 0;
		-webkit-flex: none;
		    -ms-flex: none;
		        flex: none;
		display: inline-block;
	}
	.scenario .component-diagram .diagram-menu .diagram-item-group .tit {
		margin-bottom: 0;
		font-size: 12px;
	}
	.scenario .component-diagram .diagram-menu .diagram-item-group .diagram-item {
		display: inline-block;
	}
	.scenario .component-diagram .diagram-menu .diagram-item-group .diagram-item + .diagram-item {
		margin-left: 10px;
	}
	.scenario .component-diagram .diagram-menu .diagram-item-group + .diagram-item-group {
		margin-left: 20px;
		margin-top: 0;
	}
	.scenario .component-diagram .diagram-test {
		width: 100%;
	}
}
/* 23년 1월 16일 전달 완료 */
.global-select-ai {
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 64px;
	border-right: 1px solid #d9d9d9;
}
.global-select-ai .global-store-slt {
	width: 192px;
}
.global-select-ai .global-store-logo {
	width: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.global-select-ai .global-store-logo img {
	width: 24px;
}
.global-select-ai.min {
	left: -230px;
}
.global-select-ai:hover {
	background-color: #f9f9f9;
}
.global-select-ai .nice-select.wide {
	background-color: transparent;
	height: 100%;
	padding-left: 0;
	border: none;
}
.global-select-ai .nice-select span {
	line-height: 65px;
	font-size: 20px;
	font-weight: 600;
}
.global-select-ai .nice-select .current {
	height: 100%;
}
.global-select-ai .nice-select:after {
	top: 25px;
	right: 10px;
	background: url(../images/arrow-btm-color.png) no-repeat;
	background-position: center;
	width: 27px;
	height: 13px;
	background-size: contain;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.global-select-ai .nice-select.open:after {
	top: 32px;
	right: 17px;
}
.global-select-ai .nice-select .list {
	max-height: inherit;
}
.global-select-ai .nice-select .option.focus,
.global-select-ai .nice-select .option:hover {
	font-size: 16px;
}
.global-select-ai .nice-select .option {
	height: 50px;
	text-align: center;
	line-height: 38px;
}
.global-select-ai .nice-select .option + .option {
	border-top: 1px solid #d9d9d9;
}

.title-connected {
	line-height: 30px;
}

.modal_cont dl dd .ipt_box.type-flex .btn {
	padding: 8px 13px;
	min-width: 37px;
}

.ipt_box.type-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.ipt_box.type-flex .nice-select.wide {
	min-width: 305px;
}
.ipt_box.type-flex .select2-lib-ipt {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.ipt_box.type-flex .btn {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	height: auto;
	line-height: inherit;
	padding: 12px 20px;
	margin-left: 7px;
	font-size: 13px;
	text-decoration: none !important;
}

.tree-maxHeight {
	max-height: 200px;
	overflow: auto;
	margin: 0;
}
.tree-maxHeight.type-chk .jstree-default .jstree-clicked {
	border: none;
}

.tbl-card {
	margin-left: -10px;
	margin-right: -10px;
	overflow: auto;
}
.tbl-card-wrap {
	position: relative;
}
.tbl-card .tbl-card-li {
	padding: 10px;
}
.tbl-card .tbl-card-li:hover .tbl-card-li-inner {
	background-color: #fff;
	border: 1px solid #eaeaea;
}
.tbl-card .tbl-card-li:hover .tbl-card-title .title-connected {
	color: #333;
}
.tbl-card .tbl-card-li.on .tbl-card-li-inner {
	background-color: #fff;
	border: 1px solid #eaeaea;
}
.tbl-card .tbl-card-li.on .tbl-card-title:after {
	-webkit-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}
.tbl-card .tbl-card-li.on .tbl-card-title .title-connected {
	color: #333;
}
.tbl-card .tbl-card-li.on .tbl-card-data {
	display: block;
}
.tbl-card .tbl-card-li-inner {
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
}
.tbl-card .tbl-card-li .tbl-card-title {
	padding: 30px 30px 30px 60px;
	font-size: 20px;
	font-weight: 500;
	position: relative;
	display: block;
	overflow: hidden;
	cursor: pointer;
}
.tbl-card .tbl-card-li .tbl-card-title .title-connected {
	color: #666;
}
.tbl-card .tbl-card-li .tbl-card-title .btn_wrap.fr {
	margin-right: 40px;
}
.tbl-card .tbl-card-li .tbl-card-title:after {
	position: absolute;
	top: 38px;
	left: 26px;
	border: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: block;
	content: "";
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	background: url(../images/arrow-btm-color.png) no-repeat;
	background-position: center;
	width: 27px;
	height: 13px;
	background-size: contain;
}
.tbl-card .tbl-card-li .tbl-card-data {
	display: none;
	padding: 0 30px 30px;
}
.tbl-card .tbl-card-li .tbl-card-data .box-title {
	overflow: hidden;
	margin-bottom: 10px;
}
.list-user-group-box {
	margin-top: 10px;
	border: 1px solid #d9d9d9;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.list-user-group-box input[type=checkbox] + label {
	color: #666;
	font-size: 14px;
}
.list-user-group-box .list-user-group-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.list-user-group-box .list-user-group-item .group-item-title {
	padding: 10px;
	border-bottom: 1px solid #d9d9d9;
	background: #f9f9f9;
	font-weight: 500;
}
.list-user-group-box .list-user-group-item + .list-user-group-item {
	border-left: 1px solid #d9d9d9;
}
.list-user-group-box .list-user-group-box-ul {
	height: 160px;
	overflow: scroll;
	padding: 10px;
}
.list-user-group-box .list-user-group-box-ul > li {
	text-align: left;
}
.list-user-group-box .list-user-group-box-ul > li + li {
	margin-top: 6px;
}

.status-txt {
	font-size: 13px;
	padding: 4px;
	text-align: left;
}

.create-code {
	font-size: 12px;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	padding: 6px 12px;
	display: inline-block;
	background: #fff;
	font-weight: 600;
	color: #000;
}
.create-code-list {
	text-align: left;
	padding: 6px 0;
}

/* select 2 custom */
.select2 {
	width: 100% !important;
}

.select2-lib-ipt .select2-container {
	height: 100%;
}
.select2-lib-ipt .select2-container--default .select2-selection--single {
	height: 100%;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 0;
}
.select2-lib-ipt .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #333;
	line-height: 44px;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.03em;
	text-align: left;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #d9d9d9;
	height: 44px;
	padding: 0 10px;
}

.select2-results__option {
	padding: 12px !important;
}
.select2-results__option + .select2-results__option {
	border-top: 1px solid #d9d9d9;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #fffbed !important;
	color: #333 !important;
}

.select2-container--default .select2-results__option--selected {
	background-color: #f9f9f9 !important;
}

.select2-dropdown {
	border: 1px solid #d9d9d9;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 9px;
	right: 8px;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #d9d9d9;
	border-radius: 0;
	height: 44px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #d9d9d9;
	border-radius: 0;
	height: 44px;
}

.select2-container--default .select2-search--inline .select2-search__field {
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	min-height: inherit;
	height: 100%;
	margin: 0;
	line-height: 45px;
	padding-left: 10px;
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder {
	color: #999;
}
.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
	color: #999;
}
.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder {
	color: #999;
}
.select2-container--default .select2-search--inline .select2-search__field::-ms-input-placeholder {
	color: #999;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
	color: #999;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	font-size: 16px;
	border: none;
	left: 5px;
	top: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 100px;
	padding: 4px 0 4px 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 4px;
	padding-right: 10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	overflow: scroll;
	text-align: left;
}

img.ai-store-logo {
	width: 24px;
	top: 1px;
	vertical-align: middle;
	position: relative;
}

.modal_cont dl dd.full {
	width: 100%;
	margin-bottom: 20px;
}

.modal_cont dl.line {
	border-top: 1px solid #e7e7e7;
	padding-top: 30px;
}

/* 23년 1월 18일 전달 완료 */
/* 시나리오 부문 추가 */
.scenario-bookmark .content-scroll {
	min-height: inherit;
	background: -webkit-gradient(linear, left top, right top, from(#f4f7f9), color-stop(49%, #fafafa), to(#f9f9f9));
	background: -o-linear-gradient(left, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	background: linear-gradient(90deg, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	border-top: 1px solid #d9d9d9;
}
.scenario-bookmark .monitering-chat .monitering-msg .msg-desc {
	border: 1px solid #fff;
}
.scenario-bookmark .monitering-chat .monitering-msg .msg-desc p {
	font-weight: 400;
	margin-bottom: 0 !important;
}

.box_title + .scenario {
	border-top: 1px solid #d9d9d9;
}

.scenario.border-top {
	border-top: 2px solid #b3b9be;
}
.scenario .content-scroll {
	height: calc(100vh - 610px);
	min-height: inherit;
	border-top: none;
	background: -webkit-gradient(linear, left top, right top, from(#f4f7f9), color-stop(49%, #fafafa), to(#f9f9f9));
	background: -o-linear-gradient(left, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	background: linear-gradient(90deg, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	width: 100%;
}
.scenario .content-scroll.type-normal {
	background: none !important;
	border: none;
	height: calc(100vh - 206px);
}
.scenario .monitering-chat .monitering-msg .msg-desc {
	border: 1px solid #fff;
}
.scenario .monitering-chat .monitering-msg .msg-desc p {
	font-weight: 400;
	margin-bottom: 0 !important;
}
.scenario .monitering-chat .monitering-msg .msg-desc.gray2 {
	background-color: #cb1f4f;
}
.scenario .monitering-chat .monitering-msg .msg-desc.gray2 p {
	color: #fff;
	font-weight: 300;
}
.scenario .tabVariable.on {
	-webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
	background-color: #2365af;
	border-color: #2365af;
	color: #fff;
}
.scenario .tabTest.on {
	-webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
	background-color: #cb1f4f;
	border-color: #cb1f4f;
	color: #fff;
}
.scenario .sub_cont {
	padding: 20px 30px;
	border-bottom: 1px solid #d9d9d9;
}
.scenario .sub_cont .box_title {
	margin: 0;
}
.scenario .sub_cont .box_title h2 {
	line-height: 30px;
}
.scenario.full {
	height: 100%;
	min-width: 400px;
}
.scenario.full .cont_box {
	height: 100%;
}
.scenario.full .cont_box .component-diagram {
	display: block;
	height: 100%;
}
.scenario.full .cont_box .component-diagram .diagram-test {
	height: 100%;
	width: 100% !important;
}
.scenario.full .cont_box .component-diagram .diagram-test .content-scroll.type-bg {
	height: calc(100vh - 192px);
}
.scenario.full .cont_box .component-diagram .diagram-test .content-scroll.type-normal {
	height: calc(100vh - 100px);
}
.scenario .box_title + .component-diagram {
	height: calc(100vh - 210px);
}
.scenario .component-diagram {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	position: relative;
}
.scenario .component-diagram .diagram-menu {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	width: 200px;
	background: #fff;
	border-right: 1px solid #d9d9d9;
	padding: 28px 20px 20px;
	overflow: auto;
}
.scenario .component-diagram .diagram-menu .diagram-item-group .tit {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 400px;
	color: #999;
}
.scenario .component-diagram .diagram-menu .diagram-item-group .diagram-item {
	padding: 6px;
	border: 1px dashed #d9d9d9;
	border-radius: 4px;
}
.scenario .component-diagram .diagram-menu .diagram-item-group .diagram-item .btn {
	display: block;
}
.scenario .component-diagram .diagram-menu .diagram-item-group .diagram-item .btn + .btn {
	margin-left: 0;
	margin-top: 10px;
}
.scenario .component-diagram .diagram-menu .diagram-item-group .diagram-item + .diagram-item {
	margin-top: 10px;
}
.scenario .component-diagram .diagram-menu .diagram-item-group + .diagram-item-group {
	margin-top: 30px;
}
.scenario .component-diagram .diagram-panel {
	position: relative;
	background-color: #f2f2f2;
	overflow: auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.scenario .component-diagram .diagram-panel #diagram {
	min-height: calc(100vh - 186px);
}
.scenario .component-diagram .diagram-tab {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.scenario .component-diagram .diagram-tab-panel {
	display: none;
	background-color: #fff;
	width: 440px;
	padding: 20px;
	-webkit-box-shadow: 1px 11px 10px rgba(0, 0, 0, 0.1);
	        box-shadow: 1px 11px 10px rgba(0, 0, 0, 0.1);
	height: calc(100vh - 188px);
}
.scenario .component-diagram .diagram-tab-panel.active {
	display: block;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-title {
	line-height: 36px;
	font-weight: 600;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side .list-option {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side .list-option li a {
	display: block;
	width: 36px;
	height: 36px;
	position: relative;
	opacity: 0.8;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side .list-option li a:hover {
	opacity: 1;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side .list-option li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side .list-option li a.windowModeBtn:before {
	background: url("../images/scenario-icon-window.png") no-repeat;
	background-size: contain;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side .list-option li a.debugModeBtn:before {
	background: url("../images/scenario-icon-debug.png") no-repeat;
	background-size: contain;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side .list-option li a.debugModeBtn.active:before {
	background: url("../images/scenario-icon-debugOn.png") no-repeat;
	background-size: contain;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side .list-option li a.refresh:before {
	background: url("../images/scenario-icon-refresh.png") no-repeat;
	background-size: contain;
}
.scenario .component-diagram .diagram-tab-panel .diagram-tab-panel-head-side .list-option li a.close:before {
	background: url("../images/scenario-icon-close.png") no-repeat;
	background-size: contain;
}
.scenario .component-diagram .diagram-variable .variable-test {
	overflow: auto;
	border: 1px solid #d9d9d9;
	background: -webkit-gradient(linear, left top, right top, from(#f4f7f9), color-stop(49%, #fafafa), to(#f9f9f9));
	background: -o-linear-gradient(left, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	background: linear-gradient(90deg, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	padding: 20px;
	border-radius: 4px;
	height: calc(100% - 44px);
	margin-top: 10px;
}
.scenario .component-diagram .diagram-variable .variable-test ul li {
	position: relative;
	font-size: 14px;
	letter-spacing: 0.3px;
	color: #666;
	font-weight: 300;
	line-height: 40px;
}
.scenario .component-diagram .diagram-variable .variable-test ul li + li {
	border-top: 1px solid #e7e7e7;
}
.scenario .component-diagram .diagram-variable .variable-test ul li .ico {
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	text-indent: -999rem;
	opacity: 0.7;
}
.scenario .component-diagram .diagram-variable .variable-test ul li .ico:hover {
	opacity: 1;
}
.scenario .component-diagram .diagram-variable .variable-test ul li .ico:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 24px;
	height: 24px;
	background-color: red;
	background: url("../images/scenario-icon-copy.png") no-repeat;
	background-size: contain;
}
.scenario .component-diagram .diagram-test .param-form {
	border: 1px solid #d9d9d9;
	padding: 20px;
	border-radius: 0 0 4px 4px;
	background: -webkit-gradient(linear, left top, right top, from(#f4f7f9), color-stop(49%, #fafafa), to(#f9f9f9));
	background: -o-linear-gradient(left, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	background: linear-gradient(90deg, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	height: 212px;
	overflow-y: auto;
	width: 100%;
	position: relative;
	bottom: 1px;
}
.scenario .component-diagram .diagram-test .param-form input {
	padding: 0 10px;
	background-color: #fff;
	color: #000;
	font-weight: 600;
	border: 1px solid #d9d9d9;
}
.scenario .component-diagram .diagram-test .param-form .modal_cont dl dt h4 {
	font-size: 14px;
	letter-spacing: 0.3px;
	color: #666;
	font-weight: 300;
}
.scenario .component-diagram .diagram-test .tab_lst li {
	width: 50%;
}
.scenario .component-diagram .diagram-test .monitering-header {
	border-radius: 4px 4px 0 0;
	border: 1px solid #d9d9d9;
	background-color: #f2f2f2;
	margin: 10px 0 0;
	height: 36px;
	padding: 0 5px;
	position: relative;
	top: 1px;
}
.scenario .component-diagram .diagram-test .monitering-header .monitering-name {
	line-height: 36px;
	font-size: 13px;
	font-weight: 600;
	padding-left: 4px;
}
.scenario .component-diagram .diagram-test .test-input {
	background-color: #fff;
	position: relative;
}
.scenario .component-diagram .diagram-test .test-input input {
	height: 44px;
	padding-right: 70px;
	border-top: 0;
	border-radius: 0 0 4px 4px;
}
.scenario .component-diagram .diagram-test .test-input .btn {
	position: absolute;
	right: 6px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.scenario .component-diagram .diagram-test h2 {
	line-height: 30px;
	color: #fff;
}
.scenario .component-diagram .diagram-test.debugMode .debug-msg {
	display: block;
}
.scenario .component-diagram .diagram-test.debugMode .content-scroll.type-bg {
	background: -o-linear-gradient(left, #ececec 0px, #ececec 1px, transparent 1px, transparent 99px, transparent 100px), -o-linear-gradient(#ececec 0px, #ececec 1px, transparent 1px, transparent 99px, transparent 100px), -o-linear-gradient(#ececec 0px, #ececec 1px, transparent 1px, transparent 99px, transparent 100px), -o-linear-gradient(left, #ececec 0px, #ececec 1px, transparent 1px, transparent 99px, transparent 100px), -o-linear-gradient(transparent 0px, transparent 5px, #fafafa 5px, #fafafa 95px, transparent 95px, transparent 100px), -o-linear-gradient(left, #ececec 0px, #ececec 1px, transparent 1px, transparent 99px, #ececec 99px, #ececec 100px), -o-linear-gradient(left, transparent 0px, transparent 5px, #fafafa 5px, #fafafa 95px, transparent 95px, transparent 100px), -o-linear-gradient(transparent 0px, transparent 1px, #fafafa 1px, #fafafa 99px, transparent 99px, transparent 100px), -o-linear-gradient(#fafafa, #fafafa);
	background: linear-gradient(90deg, #ececec 0px, #ececec 1px, transparent 1px, transparent 99px, transparent 100px), linear-gradient(#ececec 0px, #ececec 1px, transparent 1px, transparent 99px, transparent 100px), linear-gradient(#ececec 0px, #ececec 1px, transparent 1px, transparent 99px, transparent 100px), linear-gradient(90deg, #ececec 0px, #ececec 1px, transparent 1px, transparent 99px, transparent 100px), linear-gradient(transparent 0px, transparent 5px, #fafafa 5px, #fafafa 95px, transparent 95px, transparent 100px), linear-gradient(90deg, #ececec 0px, #ececec 1px, transparent 1px, transparent 99px, #ececec 99px, #ececec 100px), linear-gradient(90deg, transparent 0px, transparent 5px, #fafafa 5px, #fafafa 95px, transparent 95px, transparent 100px), linear-gradient(transparent 0px, transparent 1px, #fafafa 1px, #fafafa 99px, transparent 99px, transparent 100px), linear-gradient(#fafafa, #fafafa);
	background-size: 100px 100%, 100% 100px, 100% 10px, 10px 100%, 100% 100px, 100px 100%, 100px 100%, 100px 100px, 100px 100px;
}

.mb0 {
	margin-bottom: 0 !important;
}

.btn_wrap.float-none {
	float: none;
}
.btn_wrap.sm .btn {
	min-width: 50px;
	height: 30px;
	line-height: 28px;
	padding: 0 10px;
	letter-spacing: 0;
	border-radius: 3px;
	font-size: 0.875rem;
}

.information-box {
	border: 1px solid #d9d9d9;
	padding: 16px 20px;
	margin-bottom: 20px;
	border-radius: 8px;
}
.information-box dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.information-box dl + dl {
	margin-top: 6px;
}
.information-box dl dt,
.information-box dl dd {
	font-size: 13px;
	line-height: 28px;
}
.vh-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
}
.vh-flex .flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.log-area {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.log-area .grouping + .grouping {
	margin-top: 20px;
}
.log-area textarea {
	background-color: #f9f9f9;
	border-radius: 8px;
	height: 100%;
	font-size: 14px;
	color: #666;
	padding: 20px;
	letter-spacing: 0.5px;
	line-height: 24px;
}

.state.sm {
	border-radius: 100px;
	width: auto;
	height: auto;
	padding: 2px 6px;
	line-height: initial;
}

.dx_modal_cont_scrolled {
	margin-top: 30px;
}
.dx_modal_cont_scrolled.line {
	margin-bottom: 20px;
	border: 1px solid #eaeaea;
	padding: 10px;
	border-radius: 10px;
}
.dx_modal_cont_scrolled dl.reverse + .reverse {
	margin-top: 14px;
}
.dx_modal_cont_scrolled .dx-scrollable-content {
	background: none;
}

.grouping {
	background: -webkit-gradient(linear, left top, right top, from(#f4f7f9), color-stop(49%, #fafafa), to(#f9f9f9));
	background: -o-linear-gradient(left, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	background: linear-gradient(90deg, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
}
.grouping + .grouping {
	margin-top: 20px;
}

.side-input-item {
	vertical-align: middle;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	bottom: 1px;
}
.side-input-item label {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	line-height: 30px;
	margin: 0 5px;
	color: #666;
	font-size: 13px;
	font-weight: 600;
}
.side-input-item input {
	margin: 0 5px;
}

.toggleBtn-set {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 4px;
}
.toggleBtn-set .toggleBtn {
	border-radius: 4px 0 0 4px;
	min-width: 50px;
}
.toggleBtn-set .toggleBtn + .toggleBtn {
	border-left: none;
	margin: 0;
	border-radius: 0 4px 4px 0;
}

header + article {
	z-index: 1502;
}

.modal_cont dl.full dt {
	display: none;
}
.modal_cont dl.full dd {
	width: 100%;
}
.modal_cont dl.reverse dt {
	float: right;
	width: 51px;
}
.modal_cont dl.reverse dt .btn {
	height: 37px;
	line-height: 35px;
}
.modal_cont dl.reverse dd {
	float: left;
	width: calc(100% - 60px) !important;
}
.modal_cont dl + .grouping {
	margin-top: 30px;
}

.input-title {
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}
.input-title.type-label {
	line-height: 37px;
	color: #333;
	font-size: 16px;
	font-weight: 300;
	margin-top: 30px;
}

.grouping {
	border: 1px solid #e7e7e7;
	padding: 20px;
	border-radius: 10px;
}
.grouping .input-title {
	border-bottom: 1px dashed #d9d9d9;
	padding-bottom: 10px;
}
.grouping dl dt {
	width: 100px;
}
.grouping dl dt h4 {
	font-size: 14px;
	font-weight: 500;
}
.grouping dl dd {
	width: calc(100% - 100px) !important;
}
.grouping dl dd.only-w100 {
	width: 100% !important;
}
.grouping dl dd.only-w100 textarea,
.grouping dl dd.only-w100 .ipt_box {
	height: 100%;
}
.grouping dl + dl {
	margin-top: 10px;
}
.grouping + dl {
	margin-top: 30px;
}

.dx-overlay-wrapper .dx-field-textarea textarea {
	min-height: 180px;
}

.box_title.sub {
	margin: 0;
}
.box_title.sub h2 {
	font-size: 1rem;
	font-weight: 600;
	background-color: #f9f9f9;
	border-radius: 0 10px 0 0;
	padding: 10px 20px;
	border: 1px solid #d9d9d9;
	border-bottom: 0;
}

.dashedline.first {
	border-top: 1px dashed #d9d9d9;
	margin-top: 20px;
	padding-top: 20px;
}
.dashedline + .dashedline {
	border-top: 1px dashed #d9d9d9;
	margin-top: 20px;
	padding-top: 20px;
}

.dx-checkarea {
	margin: 0 0 10px;
}

.dx-lib-row {
	margin: 30px 0;
	margin-left: -15px;
	margin-right: -15px;
}
.dx-lib-row.n-pd {
	margin: 0;
}
.dx-lib-row.line {
	border-top: 6px solid #eeeeee;
	padding-top: 30px;
}
.dx-placeholder {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.03em;
}

.dx-overlay-wrapper input[type=checkbox] + label {
	margin-top: 5px;
}

.dxdi-canvas .shape text,
.dxdi-canvas .toolbox-item text {
	fill: rgba(0, 0, 0, 0.8) !important;
}

/* 시나리오 라이브러리 디테일수정 */
.toolbox-text-item {
	padding: 12px;
	border: 1px dashed #d9d9d9;
	border-radius: 10px;
	text-align: center;
	font-weight: 600;
}

.toolbox-text-item:hover {
	background-color: #e7e7e7;
}

.contentView .dx-fieldset {
	padding: 0;
}
.contentView .dx-fieldset .btn + .btn {
	margin-left: 6px;
}

.dx-popup-title.dx-toolbar {
	padding: 20px 30px;
	overflow: visible;
	background-color: #666;
	color: #fff;
}
.dx-popup-title.dx-toolbar .dx-toolbar-before .dx-toolbar-label {
	max-width: inherit !important;
}
.dx-popup-title.dx-toolbar .dx-button-mode-text .dx-icon {
	color: #fff;
}

.dx-overlay-content {
	margin-left: -12px !important;
}

.dx-diagram-floating-toolbar-container {
	left: 200px !important;
}

.selector {
	height: 58px !important;
	/* y: 31 !important; */
}

svg.template .template-headline {
	fill: #f9f9f9 !important;
}

svg.template .template-draftA {
	font-size: 6px;
	-webkit-filter: none !important;
	        filter: none !important;
	stroke: #999;
}

.custom-shape rect {
	stroke-width: 2 !important;
	stroke: #567189 !important;
	fill: #dcefff !important;
}

.template-title::after {
	content: attr(data-node-name);
	display: block;
}
svg.template .template-name {
	font-size: 10px;
	font-weight: 600;
	fill: rgba(255, 255, 255, 0.8) !important;
	letter-spacing: 0.2px;
	font-weight: 400;
}

.dx-fieldset.buttons {
	text-align: right;
}

.dx-popup-content .modal_header h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

.template-button {
	font-size: 10px !important;
	fill: #999 !important;
	cursor: pointer;
}
.template-button:hover {
	text-decoration: underline;
}

input.dx-texteditor-input {
	text-align: center;
}

.dx-diagram-context-toolbox-content .dxdi-toolbox {
	padding: 8px;
}

.dx-diagram-context-toolbox-content .dxdi-toolbox .toolbox-text-item {
	font-size: 11px;
}

/* Toolbar */
#diagram .dx-icon.dx-icon-custom-variable {
	background-image: url("../images/ico-variable.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
}

#diagram .dx-icon.dx-icon-custom-variable.active {
	background-image: url("../images/ico-variable-active.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
}

#diagram .dx-icon.dx-icon-custom-test {
	background-image: url("../images/ico-test.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
}

#diagram .dx-icon.dx-icon.dx-icon-custom-test.active {
	background-image: url("../images/ico-test-active.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
}

/* 기타 */
/* 20221205 대시보드 부문 추가 */
.dashboard {
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 0 !important;
	height: calc(100vh - 245px);
	border-top: 1px solid #d9d9d9;
}
.dashboard .cont_box {
	height: 100%;
}
.dashboard .component-billboard {
	background: -webkit-gradient(linear, left top, right top, from(#f4f7f9), color-stop(49%, #fafafa), to(#f9f9f9));
	background: -o-linear-gradient(left, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	background: linear-gradient(90deg, #f4f7f9 0%, #fafafa 49%, #f9f9f9 100%);
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding: 15px;
	overflow: auto;
}
.dashboard .component-billboard .billboard-grid {
	width: 33.33%;
	padding: 15px;
	min-height: 380px;
}
.dashboard .component-billboard .billboard-grid.full {
	width: 100%;
}
.dashboard .component-billboard .billboard-grid .box_title {
	background-color: #333;
	border: 1px solid #d9d9d9;
	margin: 0;
	padding: 10px 15px;
}
.dashboard .component-billboard .billboard-grid .box_title .sel_box .nice-select {
	border: none;
	background-color: rgba(255, 255, 255, 0.1);
}
.dashboard .component-billboard .billboard-grid .box_title .sel_box .nice-select span {
	color: rgba(255, 255, 255, 0.7);
}
.dashboard .component-billboard .billboard-grid .box_title .tit {
	color: #fff;
	line-height: 30px;
	font-size: 1rem;
	font-weight: 300;
}
.dashboard .component-billboard .billboard-grid .grid-inner {
	width: 100%;
	border: 1px solid #d9d9d9;
	border-top: 0;
	background-color: #fff;
	overflow: hidden;
}
.dashboard .component-billboard .billboard-grid .grid-inner .table-item .tbl table {
	border: none;
	border-top: 1px solid #d9d9d9;
}
.dashboard .component-billboard .billboard-grid .grid-inner .chart-item {
	width: 95%;
	margin-top: -40px;
}
.dashboard .component-billboard .billboard-grid .grid-inner .chart-item-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 300px;
}

@media all and (max-width: 1024px) {
	.dashboard .component-billboard .billboard-grid {
		width: 100%;
	}
}
/* 통계 */
.like-scroll-sticky {
	overflow-y: auto;
}
.like-scroll-sticky table {
	border-top: none;
}
.like-scroll-sticky table > tfoot > tr > th,
.like-scroll-sticky table > thead > tr > th {
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
}
.like-scroll-sticky table > tfoot > tr > th::after,
.like-scroll-sticky table > thead > tr > th::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 1px;
	width: 100%;
	background: #d9d9d9;
}
.like-scroll-sticky table > tfoot > tr > th::before,
.like-scroll-sticky table > thead > tr > th::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	height: 1px;
	width: 100%;
	background: #d9d9d9;
}
.like-scroll-sticky table > tfoot > tr > th {
	bottom: 0;
	height: 34px;
	border-right: 1px solid #d9d9d9;
	background-color: #f9f9f9;
	padding: 3px 6px;
	color: #333;
	font-weight: 600;
	font-size: 0.85rem;
}
.like-scroll-sticky table > tfoot > tr.subline > th {
	position: -webkit-sticky;
	position: sticky;
	bottom: 34px;
}
.like-scroll-sticky table > tfoot > tr.subline > th:before {
	background-color: #b3b9be;
	-webkit-box-shadow: 0px -1px #d9d9d9;
	        box-shadow: 0px -1px #d9d9d9;
}
.like-scroll-sticky table > thead > tr > th {
	top: 1px;
}
.like-scroll-sticky table > thead > tr > th:after {
	background-color: #b3b9be;
	-webkit-box-shadow: 0px 1px #d9d9d9;
	        box-shadow: 0px 1px #d9d9d9;
}
.like-scroll-sticky table > thead > tr.subline > th {
	top: 51px;
}

.tbl table > thead > tr > th.active {
	font-weight: 700;
	text-align: center !important;
}

.tbl table.click tr.on td.tableMoreDataA,
.tbl table.click tr.on td.tableMoreDataB,
.tbl table.click tr:hover td.tableMoreDataA,
.tbl table.click tr:hover td.tableMoreDataB {
	background-color: #fffbed;
}

.tableMoreDataA,
.tableMoreDataB {
	background-color: #f9f9f9;
}

.tableMoreViewIco {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-indent: -999rem;
	cursor: pointer;
	border: 2px solid #d9d9d9;
	border-radius: 50%;
	margin-left: 6px;
}
.tableMoreViewIco:hover {
	opacity: 0.8;
}
.tableMoreViewIco::after {
	content: "";
	display: block;
	width: 8px;
	height: 12px;
	background: url("../images/sort_both.png") no-repeat;
	background-size: contain;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

.chart-table-area {
	height: calc(100vh - 275px);
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.chart-table-area.vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.chart-table-area.vertical .area-chart {
	width: 100%;
	padding: 0;
	height: 340px;
}
.chart-table-area.vertical .area-chart .chart-item + .chart-item {
	border-left: 2px solid #d9d9d9;
}
.chart-table-area.vertical .area-chart .chart-item svg {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
.chart-table-area .area-chart {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	height: 100%;
	min-width: 500px;
	background-color: #fff;
	border: 1px solid #b3b9be;
	border-top: 2px solid #b3b9be;
	padding: 40px;
}
.chart-table-area .area-chart .chart-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.chart-table-area .area-chart .chart-item svg {
	-webkit-transform: scale(1.3);
	    -ms-transform: scale(1.3);
	        transform: scale(1.3);
}
.chart-table-area .area-table {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	overflow: auto;
	height: 100%;
	border-bottom: 1px solid #d9d9d9;
}
.chart-table-area .legend em {
	display: inline-block;
	color: #fff;
	padding: 6px 10px 7px;
	border-radius: 2px;
	line-height: 1;
}

/* 20221205 기타 */
.cell-load {
	width: 20px;
}

pre.code {
	color: #fff;
	background-color: #333;
	padding: 7px;
	border: 0;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.7);
	        box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.7);
}

.json-editor-blackbord {
	max-height: 500px;
}

.get-json-area .hide {
	display: none;
}

.bd-r {
	border-right: 1px solid #d9d9d9 !important;
}

.monitering-msg .time {
	font-size: 10px;
	color: #666;
	position: relative;
	top: 8px;
}

.debug-msg {
	display: none;
	padding-left: 45px;
	margin-top: 10px;
	color: #cb1f4f;
	position: relative;
}
.debug-msg:before {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	display: inline-block;
	content: "";
	background: #cb1f4f;
	vertical-align: middle;
	bottom: 1px;
	left: -3px;
	position: relative;
}

.info-img {
	text-align: center;
}
.info-img img {
	width: 120px;
	margin: auto;
}
.info-img p {
	text-align: center;
	font-size: 13px;
	color: #999;
	line-height: 24px;
	opacity: 0.5;
}

.input-item {
	margin-top: 11px;
}
.input-item input {
	border-radius: 4px;
	height: 36px;
}
.input-item input.bold {
	border-width: 3px;
	height: 40px;
}
.input-item .percentage {
	border-radius: 4px;
	padding: 2px 7px;
	font-size: 11px;
	color: #fff;
}
.input-item .clear {
	overflow: hidden;
}
.input-item .clear .fl {
	line-height: 30px;
}
.input-item .btn.max {
	font-size: 1rem;
	font-weight: 400;
	display: block;
	height: 36px;
	line-height: 34px;
}
.input-item input[type=color].form-control:-moz-read-only, .input-item input[type=date].form-control:-moz-read-only, .input-item input[type=datetime-local].form-control:-moz-read-only, .input-item input[type=datetime].form-control:-moz-read-only, .input-item input[type=email].form-control:-moz-read-only, .input-item input[type=month].form-control:-moz-read-only, .input-item input[type=number].form-control:-moz-read-only, .input-item input[type=password].form-control:-moz-read-only, .input-item input[type=search].form-control:-moz-read-only, .input-item input[type=tel].form-control:-moz-read-only, .input-item input[type=text].form-control:-moz-read-only, .input-item input[type=time].form-control:-moz-read-only, .input-item input[type=url].form-control:-moz-read-only, .input-item input[type=week].form-control:-moz-read-only, .input-item select.form-control:-moz-read-only {
	background-color: #f9f9f9 !important;
	border-right: 1px solid #d9d9d9 !important;
}
.input-item input[type=color].form-control:read-only,
.input-item input[type=date].form-control:read-only,
.input-item input[type=datetime-local].form-control:read-only,
.input-item input[type=datetime].form-control:read-only,
.input-item input[type=email].form-control:read-only,
.input-item input[type=month].form-control:read-only,
.input-item input[type=number].form-control:read-only,
.input-item input[type=password].form-control:read-only,
.input-item input[type=search].form-control:read-only,
.input-item input[type=tel].form-control:read-only,
.input-item input[type=text].form-control:read-only,
.input-item input[type=time].form-control:read-only,
.input-item input[type=url].form-control:read-only,
.input-item input[type=week].form-control:read-only,
.input-item select.form-control:read-only {
	background-color: #f9f9f9 !important;
	border-right: 1px solid #d9d9d9 !important;
}
.input-item .info_text_box {
	position: relative;
	padding-right: 24px;
}
.input-item .info_text_box .info_hover {
	font-size: 0;
	text-indent: -9999px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/spr_global_icon.png) no-repeat;
	background-position: 1.199% 7.192%;
	position: relative;
	vertical-align: middle;
	bottom: 1px;
}
.input-item .info_text_box .info_hover .info {
	display: none;
	text-align: left;
}
.input-item .info_text_box .info_hover:hover .info {
	position: absolute;
	top: 16px;
	left: 16px;
	display: inline-block;
	background: #fff;
	border: 1px solid #d9d9d9;
	text-indent: 0;
	z-index: 100;
	font-size: 14px;
	font-weight: 400;
	padding: 5px;
	color: #666;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.input-item .like-label {
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 13px;
}
.input-item + .tbl {
	margin-top: 30px;
}
.input-item + .input-item {
	margin-top: 30px;
}
.input-item-inner + .input-item-inner {
	margin-top: 10px;
}

.tbl table > tbody.type-rowspan > tr + tr {
	border-top: 2px solid #d9d9d9;
}

.tbl table > tbody.type-rowspan > tr > td {
	border-bottom: none;
}

.tbl table > tbody > tr > th.like-th {
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding-left: 10px;
}

.tbl table > tbody > tr > th.like-th,
.tbl table > tbody > tr > td.like-th {
	background-color: #f9f9f9;
	border-left: 1px solid #d9d9d9;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: -1px;
}

.tbl table > tbody > tr > td.bd-l,
.tbl table > thead > tr > th.bd-l {
	border-left: 1px solid #d9d9d9;
}

.bd-l-none {
	border-left: none !important;
}

.dataTables_scroll {
	min-width: 1143px;
	overflow: auto;
}

.dataTables_scrollBody {
	overflow-x: hidden !important;
	overflow-y: auto;
}
.dataTables_scrollBody table {
	border-top: 0 !important;
}
.dataTables_scrollBody table > thead {
	opacity: 0;
}

.dataTables_scrollHeadInner,
.dataTables_scrollFootInner {
	width: 100% !important;
}
.dataTables_scrollHeadInner > table,
.dataTables_scrollFootInner > table {
	width: 100% !important;
	border: 1px solid #d9d9d9;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
	height: 34px;
	border-right: 0;
	background-color: #f9f9f9;
	border-top: 1px solid #bbb;
	padding: 3px 6px;
	color: #333;
	font-weight: 600;
	font-size: 0.85rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
}
table.dataTable tfoot th + th, table.dataTable tfoot th + td,
table.dataTable tfoot td + th,
table.dataTable tfoot td + td {
	border-left: 1px solid #d9d9d9;
}

.btn .minIco {
	margin-left: -6px;
}

.minIco {
	display: inline-block;
	margin: 0 auto;
	font-size: 0;
	text-indent: -9999px;
	background-color: transparent;
	border: 0;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	position: relative;
	bottom: 2px;
}
.minIco.listeningIco {
	background: url(../images/ico-listening.png) no-repeat;
	background-size: contain;
}
.minIco.downloaderIco {
	background: url(../images/ico-downloader.png) no-repeat;
	background-size: contain;
}
.minIco.addedIco {
	background: url(../images/ico-added.png) no-repeat;
	background-size: contain;
}
.minIco.removeIco {
	background: url(../images/ico-remove.png) no-repeat;
	background-size: contain;
}

.monitering-msg .time-side-btn {
	display: block;
	margin: 10px 0 0 40px;
}
.monitering-msg.user .time-side-btn {
	margin: 10px 40px 0 0;
}

.time-side-btn {
	margin: 0 4px;
}
.time-side-btn .minIco {
	margin: 0;
	bottom: 3px;
	opacity: 0.5;
}
.time-side-btn .minIco:hover {
	opacity: 1;
}

.icon-guide .btn {
	border: none !important;
	pointer-events: none;
	font-size: 12px;
	padding: 0 6px;
	opacity: 0.7;
	letter-spacing: -1px;
}

.dim-multi {
	z-index: 9999;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.modal.multi {
	z-index: 10000;
}

input.max-full {
	max-width: 100% !important;
}

.input-main {
	position: relative;
}
.input-main input {
	height: 40px;
	line-height: 40px;
	min-height: 40px;
	border-width: 2px;
	border-radius: 4px;
}
.input-main .ico {
	width: 37px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.input-main .ico + input {
	padding-left: 34px;
}

.intent-exam {
	max-height: 200px;
	overflow: auto;
	background: #f9f9f9;
	margin-left: -20px;
	margin-right: -20px;
	padding: 20px;
	margin-bottom: -20px;
	border-radius: 0 0 10px 10px;
	border-top: 1px solid #e7e7e7;
}
.intent-exam ul li {
	line-height: 24px;
}
.intent-exam ul li .minIco {
	opacity: 0.5;
}
.intent-exam ul li .minIco:hover {
	opacity: 0.8;
}
.intent-exam ul li + li {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e7e7e7;
}

.input-grid-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.position-rel {
	position: relative;
}

.moreContOption {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 2;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
	        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}
.moreContOption .option-grid {
	grid-template-columns: repeat(6, 1fr);
	border: 1px solid #d9d9d9;
	background-color: #d9d9d9;
	margin-top: -1px;
}
.file-upload-form {
	margin-top: 14px;
}
.file-upload-form dl + dl {
	margin-top: 10px;
}

.input-file {
	padding-left: 12px !important;
}

.file-upload {
	position: relative;
}
.file-upload .btn {
	height: 36px;
	line-height: 33px;
	min-width: 110px;
}
.file-upload input.upload {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 10;
	font-size: 20px;
	cursor: pointer;
	height: 36px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.info-list + dl {
	margin-top: 10px;
}
.info-list ul {
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	padding: 12px;
}
.info-list ul li {
	position: relative;
	color: #666;
	padding-left: 10px;
	font-weight: 300;
	line-height: 1.5;
	font-size: 13px;
}
.info-list ul li + li {
	margin-top: 10px;
}
.info-list ul li:before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 9px;
	background-color: #d9d9d9;
}

.option-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
}
.option-grid.type-scroll {
	overflow: auto;
	border: 1px solid #d9d9d9;
	background-color: #d9d9d9;
}
.option-grid .chk_box {
	width: 100%;
	height: 100%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.option-grid .chk_box input[type=checkbox]:checked + label {
	background-color: #d8e4ff;
	font-weight: 600;
}
.option-grid .chk_box input[type=checkbox]:checked + label:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: url("../images/checked-item.png") no-repeat;
	background-size: contain;
	margin-right: 4px;
}
.option-grid .chk_box input[type=checkbox] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	border: 0 !important;
}
.option-grid .chk_box input[type=checkbox] + label {
	padding: 15px 5px;
	background-color: #fff;
	width: 100%;
	height: 100%;
	min-width: 100%;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	margin: 0 !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.option-grid .chk_box input[type=checkbox] + label:before {
	display: none;
}

.moreOpenBtn {
	display: inline-block;
	border: 1px solid #bbb;
	outline: #e7e7e7 solid 1px;
	background: #aaa;
	color: #fff;
	border-radius: 100px;
	min-width: 40px;
	padding: 2px 8px;
}
.moreOpenBtn b {
	font-weight: 900;
}
.moreOpenBtn:active {
	background: #aaa;
}
.moreOpenBtn:hover {
	opacity: 0.6;
	text-decoration: none !important;
}
.moreOpenBtn img {
	width: 100%;
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}

.rdo_box.type-toggle,
.chk_box.type-toggle {
	margin-left: 5px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.rdo_box.type-toggle input[type=radio]:checked + label,
.chk_box.type-toggle input[type=radio]:checked + label {
	background-color: #f9f9f9;
	border-color: #000;
	font-weight: 600;
}
.rdo_box.type-toggle input[type=radio] + label,
.chk_box.type-toggle input[type=radio] + label {
	min-width: 50px;
	text-align: center;
	border: 1px solid #d9d9d9;
	margin: 0 !important;
	height: 28px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.rdo_box.type-toggle input[type=radio] + label:before,
.chk_box.type-toggle input[type=radio] + label:before {
	display: none;
}
.rdo_box.type-toggle input[type=checkbox]:checked + label,
.chk_box.type-toggle input[type=checkbox]:checked + label {
	background-color: #f9f9f9;
	border-color: #000;
	font-weight: 600;
	background-color: #d8e4ff;
}
.rdo_box.type-toggle input[type=checkbox] + label,
.chk_box.type-toggle input[type=checkbox] + label {
	min-width: 120px;
	padding: 0 10px;
	text-align: center;
	border: 1px solid #d9d9d9;
	margin: 0 !important;
	height: 28px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.rdo_box.type-toggle input[type=checkbox] + label:before,
.chk_box.type-toggle input[type=checkbox] + label:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/checked-item.png) no-repeat;
	background-size: contain;
	margin-right: 4px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
	background: #f9f9f9;
	-webkit-box-shadow: inset 2px 2px 30px rgba(0, 0, 0, 0.1);
	        box-shadow: inset 2px 2px 30px rgba(0, 0, 0, 0.1);
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody table.dataTable tbody tr {
	background-color: #fff;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody table.dataTable tbody tr:hover {
	background-color: #fffbed;
}

.btnico {
	display: inline-block;
	width: 30px;
	height: 30px;
	opacity: 0.7;
}
.btnico:hover {
	opacity: 1;
}
.btnico img {
	position: relative;
	bottom: 2px;
}

.max-cell-tit {
	max-width: 140px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
}
.max-cell-tit:hover:after {
	display: block;
}
.max-cell-tit:after {
	display: none;
	content: attr(data);
	position: absolute;
	left: 80px;
	top: 10px;
	background: #f9f9f9;
	border-radius: 8px;
	border: 1px solid #d9d9d9;
	font-size: 12px;
	padding: 10px;
	z-index: 100;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05);
	        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05);
}

.textRange_box-item + .form_bridge {
	width: 26px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.lh44 {
	height: 44px !important;
	line-height: 42px !important;
}

.ov-unset {
	overflow: unset !important;
	z-index: 1502;
	position: relative;
}

header .login_info .user_info ul li a.user_info_btn.menual:after {
	top: 12px;
	left: 7px;
	width: 22px;
	height: 20px;
	background: url(../images/ico-menual-download.png) center center/contain no-repeat;
	background-position: center center;
}

.gui-ico {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	bottom: 0px;
	margin: 4px;
}
.gui-ico .info_hover {
	display: none;
	background-color: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	padding: 14px;
	line-height: 20px;
	width: 200px;
	font-size: 14px;
	position: absolute;
	-webkit-box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.1);
	        box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.1);
	word-break: break-all;
	z-index: 9;
	top: 10px;
	left: 16px;
}
.gui-ico.on .info_hover {
	display: block;
}
.gui-ico:hover .info_hover {
	display: block;
}
.gui-ico:hover img {
	opacity: 1;
}
.gui-ico img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.7;
}

ul.type-inline li {
	display: inline-block;
}
ul.type-inline li + li {
	margin-left: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.select-inline .nice-select {
	background: none;
	border: none;
	font-size: 14px;
	letter-spacing: 0.5px;
	line-height: 32px;
	padding: 0 14px 0 0;
	height: 34px;
}
.select-inline .nice-select .option {
	padding: 4px;
	font-size: 13px;
	text-align: center;
	min-height: inherit;
	color: #888;
}
.select-inline .nice-select .option.selected {
	font-weight: bold;
	color: #333;
}
.select-inline .nice-select .current {
	height: 100%;
}
.select-inline .nice-select.open:after {
	-webkit-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}
.select-inline .nice-select:after {
	background: url("../images/sort_asc-min.png");
	background-size: contain;
	width: 8px;
	height: 8px;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.minico {
	font-size: 11px;
	line-height: 32px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	padding: 2px 0 4px 8px;
	background: #fff;
}
.minico:after {
	content: "";
	background: url(../images/scenario-icon-call-off.png);
	background-size: contain;
	width: 29px;
	height: 29px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}
.minico.on {
	color: #cb1f4f;
}
.minico.on:after {
	background: url(../images/scenario-icon-call-on.png);
	background-size: contain;
}

.dx-item-content > .dx-item {
	margin: 0px;
}

.sel_box > .dx-field-item-content {
	border: 1px solid #d9d9d9;
}

.custom-scrollView {
	max-height: 700px;
	min-height: 300px;
}

.dx-box-item {
	margin: 10px;
}

.toolbox-text-item.intent {
	background: #e4ecff;
	border: 2px solid #243763;
}

.toolbox-text-item.speak {
	background: #c4fffd;
	border: 2px solid #10a19d;
}

.toolbox-text-item.slot {
	background: #e5d4ff;
	border: 2px solid #6f38c5;
}

.toolbox-text-item.split {
	background: #ffdde1;
	border: 2px solid #d2001a;
}

.toolbox-text-item.api {
	background: #e1e1e1;
	border: 2px solid #000000;
}

.toolbox-text-item.common {
	background: #ffe7f2;
	border: 2px solid #f73d93;
}

.toolbox-text-item.function {
	background: #e1f1f3;
	border: 2px solid #006e7f;
}

.toolbox-text-item.call {
	background: #fffae5;
	border: 2px solid #ffe162;
}

.dx-texteditor.dx-state-readonly {
	border: 1px grey dashed;
}

.userIconImg {
	background: url("../images/img-user.png") no-repeat;
	height: 26px;
	margin: 0 !important;
	background-size: contain;
}

.botIconImg {
	background: url("../images/img-bot.png") no-repeat;
	height: 26px;
	margin: 0 !important;
	background-size: contain;
}
