@charset "utf-8";
@import url("style.css"); /* 서브 페이지 */
/* font, reset, 레이아웃, 메인페이지 */



/* font-face */
@font-face {
	font-family: 'Arial Unicode MS';
	src: url('../font/arial-unicode-ms.ttf');
}
@font-face {
	font-family: "SpoqaHanSansNeo";
	font-style: normal;
	font-weight: 100;
	src: local("SpoqaHanSansNeo-Thin"),
		url("../font/SpoqaHanSansNeo-Thin.woff") format("woff"), /* Modern Browsers */
		url("../font/SpoqaHanSansNeo-Thin.woff2") format("woff2"), /* Super Modern Browsers */
		url("../font/SpoqaHanSansNeo-Thin.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../font/SpoqaHanSansNeo-Thin.svg#SpoqaHanSansNeo") format("svg"); /* Legacy iOS */
}
@font-face {
	font-family: "SpoqaHanSansNeo";
	font-style: normal;
	font-weight: 300;
	src: local("SpoqaHanSansNeo-Light"),
		url("../font/SpoqaHanSansNeo-Light.woff") format("woff"), /* Modern Browsers */
		url("../font/SpoqaHanSansNeo-Light.woff2") format("woff2"), /* Super Modern Browsers */
		url("../font/SpoqaHanSansNeo-Light.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../font/SpoqaHanSansNeo-Light.svg#SpoqaHanSansNeo") format("svg"); /* Legacy iOS */
}
@font-face {
	font-family: "SpoqaHanSansNeo";
	font-style: normal;
	font-weight: 400;
	src: local("SpoqaHanSansNeo-Regular"),
		url("../font/SpoqaHanSansNeo-Regular.woff") format("woff"), /* Modern Browsers */
		url("../font/SpoqaHanSansNeo-Regular.woff2") format("woff2"), /* Super Modern Browsers */
		url("../font/SpoqaHanSansNeo-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../font/SpoqaHanSansNeo-Regular.svg#SpoqaHanSansNeo") format("svg"); /* Legacy iOS */
}
@font-face {
	font-family: "SpoqaHanSansNeo";
	font-style: normal;
	font-weight: 500;
	src: local("SpoqaHanSansNeo-Medium"),
		url("../font/SpoqaHanSansNeo-Medium.woff") format("woff"), /* Modern Browsers */
		url("../font/SpoqaHanSansNeo-Medium.woff2") format("woff2"), /* Super Modern Browsers */
		url("../font/SpoqaHanSansNeo-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../font/SpoqaHanSansNeo-Medium.svg#SpoqaHanSansNeo") format("svg"); /* Legacy iOS */
}
@font-face {
	font-family: "SpoqaHanSansNeo";
	font-style: normal;
	font-weight: 700;
	src: local("SpoqaHanSansNeo-Bold"),
		url("../font/SpoqaHanSansNeo-Bold.woff") format("woff"), /* Modern Browsers */
		url("../font/SpoqaHanSansNeo-Bold.woff2") format("woff2"), /* Super Modern Browsers */
		url("../font/SpoqaHanSansNeo-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../font/SpoqaHanSansNeo-Bold.svg#SpoqaHanSansNeo") format("svg"); /* Legacy iOS */
}



/* reset */
html { overflow: hidden; -ms-touch-action: manipulation; touch-action: manipulation; }
body { min-height: 100%; color: #5b5b5b; font: 14px/calc(100% + 6px) 'SpoqaHanSansNeo', 'Malgun Gothic', '돋움', 'Dotum', Arial, Sans-serif; letter-spacing: -0.5px; word-break: break-all; word-wrap: break-word; }
html, body { height: 100%; -webkit-overflow-scrolling: touch; }
h1, h2, h3, h4, h5, h6 { font: 500 14px/calc(100% + 6px) 'SpoqaHanSansNeo', 'Malgun Gothic', '돋움', 'Dotum', Arial, Sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
fieldset, img, abbr, acronym { border: 0 none; }
fieldset { min-inline-size: auto; }
img { max-width: 100%; vertical-align: top; }
legend { position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden; margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
q:before, q:after { content:''; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
caption { display: table-caption; position: absolute !important; margin: -1px !important; padding: 0 !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: polygon(0 0, 0 0, 0 0) !important; }
legend { position: absolute !important; margin: -1px !important; padding: 0 !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: polygon(0 0, 0 0, 0 0) !important; }
select { min-width: 100px; -webkit-border-radius: 0; }
select::-ms-expand { display: none; }
textarea { overflow: auto; resize: none; }
select:focus,
input:focus,
textarea:focus { outline: none; }
a { text-decoration: none; cursor: pointer; color: #5b5b5b; }
a.disabled,
button.disabled,
button:disabled { cursor: default; pointer-events: none; }
button { border: 0 none; background: none; cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button, input, select, textarea { font: 14px/calc(100% + 6px) 'SpoqaHanSansNeo', 'Malgun Gothic', '돋움', 'Dotum', Arial, Sans-serif; vertical-align: middle; }
a:focus, button:focus { outline-offset: -2px; }
select,
textarea,
input { border-radius: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; overflow: visible; -webkit-appearance: button; }
input[type="checkbox"],
input[type="radio"] { width: 14px; height: 14px; line-height: 14px; box-sizing: border-box; -webkit-border-radius: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="file"]::-webkit-file-upload-button { cursor:pointer; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; }
input[type=text]::-ms-clear { display: none; }
area { cursor: pointer; }
hr { margin: 0; border: 0 none; }

/* html5 태그*/
header, footer, article, section, aside, details, figure, figcaption, nav, hgroup { display: block; margin: 0; padding: 0; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* hidden */
.hidden { position: absolute !important; margin: -1px !important; padding: 0 !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: polygon(0 0, 0 0, 0 0) !important; }

/* box-sizing */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* print */
@page { size: A4; margin: 0; }
@media print {
    html, body { width: 210mm; height: 297mm; background: #fff; }
    .paper { margin: 0; width: initial; min-height: initial; border-radius: initial; border: initial; background: initial; box-shadow: initial; page-break-after: always; }
}


/* loading */
.loading_dim { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .5);z-index: 10001;}
.loading { position: fixed; top: 50%; left: 50%; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center; z-index: 10002; display: block; }
.loading_content { transform: translateY(-50%) translateX(-50%); }
.loading_title { color: #5B5B5B; font-size: 18px; }
.loader { width: 50px; height: 50px; border-radius: 50%; margin: 3em; display: inline-block; position: relative; vertical-align: middle; }
.loader, .loader:before, .loader:after { animation: 1s infinite ease-in-out; }
.loader:before, .loader:after { width: 100%;  height: 100%; border-radius: 50%; position: absolute; top: 0;left: 0; }
.loader-7 { animation: loader7-1 1s infinite linear; }
.loader-7:before, .loader-7:after { content: ''; width: 80%; height: 80%; background-color: #5B5B5B; top: 5%; }
.loader-7:before { left: -5%; animation: loader7-2 1s infinite alternate ease-in-out; transform-origin: 10% 50%; }
.loader-7:after { left: auto; right: -5%; animation: loader7-2 1s 1s infinite alternate ease-in-out; transform: scale(0); transform-origin: 90% 50%; }
@keyframes loader7-1 { 0% { transform: rotate(20deg); } 100% { transform: rotate(380deg); } }
@keyframes loader7-2 { 0% { transform: scale(0); } 100% { transform: scale(1); } }


/* 레이아웃 */
.wrap:after { content: ""; display: block; clear: both; }

/* header */
#header { border-bottom: 1px solid #e6e6e6; background: #fff; }
h1 { float: left; }
h1 a { display: block; padding: 0 16px; color: #000; line-height: 50px; font-size: 15px; font-weight: bold; }
.utill { padding: 14px 30px; line-height: 0; font-size: 0; float: right; }
.utill > * + .btn { margin-left: 14px; }
.utill > .btn + .btn { margin-left: 6px; }
.user_id { color: #121212; line-height: 22px; font-size: 12px; font-weight: 500; }
#header h1 { position: relative; padding: 10px 10px 10px 16px; z-index: 2; display: flex; align-items: center; }
#header h1 > a { display: block; width: 28px; height: 28px; background: url(../images/logo.svg) no-repeat center; background-size: auto 100%; text-indent: -9999px; overflow: hidden; }
#header h1 > span { line-height: 30px; font-weight: bold; margin-left: 6px; color: #000; font-size: 15px; }

/* footer */
#footer { background: #f6f6f6; }
#footer .wrap { padding: 13px 0; }
.copyright { color: #acacac; line-height: 14px; font-size: 10px; text-align: center; }

/* content */
#content { display: -webkit-box; display: -webkit-flex;	display: -ms-flexbox; display: flex; height: calc(100% - 51px - 40px); }
.con_body { width: calc(100% - 130px); height: 100%; overflow: auto; }
.con_body .wrap { padding: 30px; min-width: 1388px; }
#gnb { position: relative; min-width: 130px; background: #0e76de; z-index: 10000; }
#gnb > ul { padding: 10px 0; }
#gnb > ul > li + li { margin-top: 4px; }
#gnb > ul > li { position: relative; }
#gnb > ul > li > a { display: block; padding: 7px 10px 4px 10px; color: #fff; line-height: 19px; font-size: 13px; font-weight: 500; }
#gnb > ul > .on > a { background-color: #0761ba; }
#gnb > ul > li > [class*="icon_gnb"] { padding-left: 38px; background-repeat: no-repeat; background-position: 16px center; }
#gnb > ul > li > .icon_gnb_notice { background-image: url("../images/icon_gnb_notice.svg"); }
#gnb > ul > li > .icon_gnb_matching { background-image: url("../images/icon_gnb_matching.svg"); }
#gnb > ul > li > .icon_gnb_support { background-image: url("../images/icon_gnb_support.svg"); }
#gnb > ul > li > .icon_gnb_sales { background-image: url("../images/icon_gnb_sales.svg"); }
#gnb > ul > li > .icon_gnb_report { background-image: url("../images/icon_gnb_report.svg"); }
#gnb > ul > li > .icon_gnb_admin { background-image: url("../images/icon_gnb_admin.svg"); }
#gnb > ul > .on .depth { display: block; }
#gnb .depth { display: none; position: absolute; top: -12px; right: -180px; padding: 12px 10px; width: 180px; border-radius: 14px; background: #fff; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16); z-index: 1; }
#gnb .depth:before { content: ""; position: absolute; top: 18px; left: -8px; width: 0; height: 0; border-right: 12px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
#gnb .depth > li > a { display: block; padding: 6px 14px; color: #707070; line-height: 18px; font-size: 13px; border-radius: 10px; }
#gnb .depth > li > a:hover { color: #2b2b2b; font-weight: 500; background: #f4f5f8; }



/* 메인 페이지 */
.main_wrap { padding: 0 0 0 30px; min-width: 1388px; display: flex; overflow: hidden; width: 100%; height: 100%; }
.main_wrap .main_con { width: 35%; float: left; padding: 0; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; height: 100%; max-height: 100%; }
.main_wrap .main_con:first-child { width: 65%; padding: 30px 30px 30px 0; border-right: 1px solid #E6E6E6; overflow-x: hidden; overflow-y: hidden;}
.main_wrap .main_con .chart_wrap { display: inline-block; position: relative; width: calc(50% - 3%); height: 26vh; }
.main_wrap .main_con .chart_wrap::before { content: "";  display: block; }
.main_wrap .main_con .chart_wrap:first-child { margin-right: 5%; width: calc(50% - 3%); }
.main_wrap .main_con .chart_wrap .chart_con .labels { display: inline-block; position: absolute; right: 0; }
.main_wrap .main_con .chart_wrap .chart_con .labels.line .chart_label_blue::before { content:''; display: inline-block; width: 15px; height: 3px; margin: -3px 5px 0 0; vertical-align: middle; background: #0E76DE;border-radius: 0; }
.main_wrap .main_con .chart_wrap .chart_con [class*="chart_label"] { font-size: 12px; display: inline-block; margin-right: 12px; }
.chart_label_blue::before {  content:''; display:inline-block; width:6px; height:6px; margin:-3px 5px 0 0; vertical-align:middle; background:#0E76DE; border-radius:50%; }
.chart_label_red::before {  content:''; display:inline-block; width:6px; height:6px; margin:-3px 5px 0 0; vertical-align:middle; background:#ED6356; border-radius:50%; }
.chart_label_gray::before {  content:''; display:inline-block; width:6px; height:6px; margin:-3px 5px 0 0; vertical-align:middle; background:#4B4B4B; border-radius:50%; }
.chart_label_green::before {  content:''; display:inline-block; width:6px; height:6px; margin:-3px 5px 0 0; vertical-align:middle; background:#04AF75; border-radius:50%; }
.main_wrap .main_con #chart { width: 100%; height: 100%; }
.main_wrap .main_con #barChart { display: inline-block; width: 100%; height: 100%; }
.main_wrap .main_con #scheduler { height: 46vh; overflow: hidden; }
.main_wrap .main_con #scheduler .k-event-template { font-size: 12px; }
.main_wrap .main_con .main_title { font-size: 20px; font-weight: bold; color: #121212; display: inline-block; margin-bottom: 20px; }
.main_wrap .main_con .main_title span { color: #0e76de; font-size: 12px; margin-left: 5px; vertical-align: top; }
.main_wrap .main_con [class*="schedule_"] { display: inline-block; }
.main_wrap .main_con .schedule_chk { position: absolute; right: 0; }
.main_wrap .main_con .top_filter_infor { position: sticky; top: 0; background-color: #fff; z-index: 2; padding-top: 30px;}
.main_wrap .main_con .list_result_wrap01 { padding: 0 30px; }
.main_wrap .main_con .list_result_wrap01 .k-expander { border-radius: 10px; margin: 10px 0; border: 1px solid #D4D4D4; }
.main_wrap .main_con .list_result_wrap01 .k-expander.k-expander-apply { border: 1px solid #0e76de; }
.main_wrap .main_con .list_result_wrap01 .k-expander.k-expander-apply .k-expander-header { background-color: rgb(14, 118, 222, 0.1); }
.main_wrap .main_con .list_result_wrap01 .k-expander-title { color: #2B2B2B; font-size: 12px; width: 80%; font-weight: normal; }
.main_wrap .main_con .list_result_wrap01 .k-expander-title .head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 100%; margin-bottom: 10px; }
.main_wrap .main_con .list_result_wrap01 .k-expander-title .head .date { display: block; padding-top: 1px; color: #8f8f8f; line-height: 17px; }
.main_wrap .main_con .list_result_wrap01 .k-expander-title .head .name { display: block; padding-top: 1px; line-height: 17px; margin-left: 16px; }
.main_wrap .main_con .list_result_wrap01 .k-expander-title .head .category { display: block; padding-top: 1px; line-height: 17px; font-weight: bold; margin-left: 10px; }
.main_wrap .main_con .list_result_wrap01 .k-expander-title .head [class*="flag_progress"] { margin-left: 6px; }
.main_wrap .main_con .list_result_wrap01 .k-expander-title .title a { text-decoration: underline; font-weight: 500; }
.main_wrap .main_con .list_result_wrap01 .k-expander-content { border-top: 1px solid #D4D4D4; }
.main_wrap .main_con .list_result_wrap01 .k-expander-content-wrapper { display: none; height: auto; overflow: visible; }
.main_wrap .main_con .list_result_wrap01 .list_infor_item { margin-bottom: 13px; }
.main_wrap .main_con .list_result_wrap01 .li_wrap .txt { display: block; padding-top: 1px; line-height: 17px; font-size: 12px; }
.main_wrap .main_con .list_result_wrap01 .list_infor_item .list_item_notice { font-weight: 500;color: #5b5b5b; text-decoration: underline; }
#team-schedule { width: 100%; margin: 24px 0 0px; position: relative; font-size: 12px; }
.isb_flex_filter.main_alarm_filter > .notBindDatepicker { min-width: 110px; width: 20%; }
.isb_flex_filter.main_alarm_filter > .combobox { min-width: 124px; width: 30%; }
.isb_flex_filter.main_alarm_filter > .combobox + .combobox { min-width: 160px; width: 50%; }
.k-tooltip { padding: 15px; border: 0; border-radius: 10px; }
.k-tooltip.k-chart-tooltip { padding: 4px 8px; border-radius: 3px; background-image: none;}
.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget { background-color: #f4f4f4; color: #2b2b2b; border-radius: 10px; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; }
.k-callout { width: 17px; height: 17px; border-width: 15px; border: 0.8em solid transparent; border-top: 10px solid #f4f4f4; bottom: 1px; }
.k-chart-tooltip .k-tooltip-content { color:#fff; font-weight: normal; }
.k-scheduler-table .k-today { background-color: #E6E6E6; }
.k-scheduler-table .k-today .k-link { font-weight: 700; }
.k-scheduler-table .k-today:focus { outline: 0; }
.k-expander-header.k-state-hover, .k-expander-header:hover { background-color: #f2f2f2; }