@charset "utf-8";

@font-face {
	font-family: 'NanumSquare';
	src: url('../../assets/font/NanumSquare_acL.eot');
	src: url('../../assets/font/NanumSquare_acL.woff') format('woff'),
		url('../../assets/font/NanumSquare_acL.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'NanumSquare';
	src: url('../../assets/font/NanumSquare_acR.eot');
	src: url('../../assets/font/NanumSquare_acR.woff') format('woff'),
		url('../../assets/font/NanumSquare_acR.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'NanumSquare';
	src: url('../../assets/font/NanumSquare_acB.eot');
	src: url('../../assets/font/NanumSquare_acB.woff') format('woff'),
		url('../../assets/font/NanumSquare_acB.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'NanumSquare';
	src: url('../../assets/font/NanumSquare_acEB.eot');
	src: url('../../assets/font/NanumSquare_acEB.woff') format('woff'),
		url('../../assets/font/NanumSquare_acEB.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}

body {
	font-family: "NanumSquare";
	font-weight: 500;
	background: #d2dde3;
}

@media (min-width:1024px) and (max-width:1440px) {}

@media (max-width:1023px) {}

/*=====================

=======================*/

/* chart tooltip에 마우스 올렸을 떄 깜박거림 문제 */
svg>g>g:last-child {
	/* pointer-events: none */
}

.dimmed .loading {
	position: fixed;
	top: 30%;
	left: 35%;
	width: auto;
	height: auto;
}

.contents-wrap .contents {padding-top: 30px; box-sizing: border-box;}

/* .contents-wrap .contents {
	padding-top: 15px;
	box-sizing: border-box;
} */

.contents-wrap .contents .box {
	background: #fff;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.contents-wrap .contents .box .cont .chart-wrap {
	display: flex;
	justify-content: space-around;
	width: 100%;
	height: 340px;
}

.contents-wrap .contents .box .subtit {
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contents-wrap .contents .box .subtit .square-list {
	justify-content: space-between;
}

.contents-wrap .contents .box .runmode {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.contents-wrap .contents .box .subtit input[type=checkbox] {
	margin-right: 5px;
}

.contents-wrap .contents .box .subtit p {
	white-space: nowrap;
	font-size: 25px;
	font-weight: 600;
	color: #1da9ff;
	line-height: 150%;
	display: inline-block;
}

.contents-wrap .contents .box .subtit .subtit_input {
	display: flex; align-items: center; justify-content: flex-start; margin-left: 20px;
}
.contents-wrap .contents .box .subtit .subtit_input .tit {
	white-space: nowrap;
	font-weight: bold;
	color: #000;
	line-height: 28px;
	font-size: 14px;
}
.contents-wrap .contents .box .subtit .subtit_input p {
	font-weight: normal;
	color: #000;
	font-size: 14px;
	margin-left: 10px;
}
.contents-wrap .contents .box .subtit .subtit_input input {
	margin: 0 10px;
}
.contents-wrap .contents .box .runmode p {
	font-size: 16px;
	font-weight: 600;
	color: #1da9ff;
	line-height: 150%;
}

.contents-wrap .contents .box .cont {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.contents-wrap .contents .box .cont img {
	width: 100%;
	max-height: 300px;
	object-fit: contain;
}

.contents-wrap .contents .box .cont .txt>div {
	margin-bottom: 15px;
}

.contents-wrap .contents .box .cont .txt {
	position: relative;
	width: 35%;
}

.contents-wrap .contents .box .cont .chart {
	position: relative;
	width: 65%;
	height: 100%;
}

.contents-wrap .contents .box .cont .center {
	background: #565454;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.contents-wrap .contents .box .cont .center p {
	word-break: keep-all;
}

.contents-wrap .contents .flexbox {
	display: flex;
	justify-content: space-between;
}

.contents-wrap .contents .scrbox {
	overflow: auto;
	max-height: 300px;
	padding: 10px;
	box-sizing: border-box;
}

.contents-wrap .contents .scrbox thead {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
}

.contents-wrap .contents .box .usage_cont {
	flex-direction: column;
	height: calc(100vh - 680px) !important;
	max-height: 50vw;
	margin-top: 20px;
	min-height: 370px;
}

/* .contents-wrap .contents .box .usage_cont table {
	border: 0.5px solid #ccc
} */

/* .contents-wrap .contents .box .usage_cont table tr {
	border-bottom: 1px solid #e1e1e1;
	border: 0.5px solid #ccc
} */

.contents-wrap .contents .box .usage_cont table td {
	padding: 5px 10px;
	box-sizing: border-box;
	text-align: center;
}

.contents-wrap .contents .box .usage_cont>table {
	color: #1da9ff;
	border-bottom: 1px solid #a6a6a6;
}

.contents-wrap .contents .box .usage_cont>table tr {
	border-bottom: none;
}

.contents-wrap .contents .box .usage_cont thead {
	background: linear-gradient(#fff 97%, transparent);
}

.contents-wrap .contents .box .usage_cont table th {
	padding: 5px 10px;
	box-sizing: border-box;
	color: #1da9ff;
	position: relative;
	font-size: 16px;
	text-align: center;
}

.contents-wrap .contents .box .usage_cont table th+th:before {
	content: "";
	display: block;
	width: 1px;
	height: 18px;
	background: #1da9ff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
}

.contents-wrap .contents .box .usage_cont .scrbox {
	width: 100%;
	overflow: auto;
	border-bottom: 1px solid #a6a6a6;
	padding: 0 2px;
	max-height: 100%;
}

.contents-wrap .site_contents .box .cont.img_cont {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	position: relative;
	overflow: visible;
}

.contents-wrap .contents .box .img_cont img {
	max-height: none;
	object-fit: cover;
}

.contents-wrap .contents .status-wrap .action-box {
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 65%; */
}

.contents-wrap .contents .status-wrap .action-box .status-square {
	width: 20px;
	height:20px;
	border: 1px solid lightgray;
	background-color: transparent;
	cursor: pointer;
}

.contents-wrap .contents .status-wrap .action-box .status-square.active {
	background-color: green;
}

.contents-wrap .contents .status-wrap .action-box .status-square.error {
	background-color: red;
}

@media (min-width:1024px) and (max-width:1440px) {
	.contents-wrap .contents {
		padding-top: 0.5vw;
		/* min-height: calc(100vh - 8vw); */
	}

	.contents-wrap .contents .box .cont .chart-wrap {
		height: 240px;
	}

	.contents-wrap .contents .box {
		padding: 1.4vw 1.4vw;
		margin-bottom: 1vw;
	}

	.contents-wrap .contents .box .usage_cont {
		height: calc(100vh - 13vw - 350px) !important;
		margin-top: 1.4vw;
	}

	.contents-wrap .contents .box .usage_cont table th {
		padding: 0.35vw 0.7vw;
		font-size: 1vw;
		text-align: center;
	}

	.contents-wrap .contents .box .usage_cont table th+th:before {
		height: 1.24vw;
		margin-top: -0.62vw;
	}

	.contents-wrap .contents .box .subtit {
		margin-bottom: 0.9vw;
	}

	.contents-wrap .contents .box .subtit p {
		font-size: 1.7vw;
	}

	.contents-wrap .contents .box .runmode {
		margin-bottom: 0.9vw;
	}

	.contents-wrap .contents .box .runmode p {
		font-size: 1.1vw;
	}

	.contents-wrap .contents .box .cont img {
		max-height: 20vw;
	}

	.contents-wrap .contents .box .cont .txt>div {
		margin-bottom: 1vw;
	}

	.contents-wrap .contents .box .cont .chart {
		margin-top: 0;
	}

	.contents-wrap .contents .scrbox {
		max-height: 10vw;
		padding: 0.7vw;
	}

	.contents-wrap .contents .box .usage_cont table td {
		padding: 0.35vw 0.7vw;
		text-align: center;
	}

	.contents-wrap .contents .status-wrap .action-box .status-square {
		width: 1.3vw;
		height: 1.3vw;
	}
}

@media (max-width:1023px) {
	.contents-wrap .contents {
		padding-top: 5px;
		overflow: auto;
		/* min-height: calc(100vh - 94px); */
	}

	.contents-wrap .contents .box .cont .chart-wrap {
		height: 220px;
	}

	.contents-wrap .contents .box {
		padding: 14px 14px;
		margin-bottom: 10px;
	}

	.contents-wrap .contents .box .usage_cont {
		height: calc(100vh - 460px) !important;
		margin-top: 14px;
	}

	.contents-wrap .contents .box .usage_cont table th {
		padding: 3.5px 7px;
		font-size: 10px;
		text-align: center;
	}

	.contents-wrap .contents .box .usage_cont table th+th:before {
		height: 12px;
		margin-top: -6px;
	}

	.contents-wrap .contents .box .subtit {
		margin-bottom: 10px;
	}

	.contents-wrap .contents .box .subtit p {
		font-size: 17px;
	}

	.contents-wrap .contents .box .runmode {
		margin-bottom: 10px;
	}

	.contents-wrap .contents .box .runmode p {
		font-size: 11px;
	}

	.contents-wrap .contents .box .cont img {
		max-height: 200px;
	}

	.contents-wrap .contents .box .cont .txt>div {
		margin-bottom: 10px;
	}

	.contents-wrap .contents .box .cont .chart {
		margin-top: 0;
	}

	.contents-wrap .contents .scrbox {
		max-height: 100px;
		padding: 7px;
	}

	.contents-wrap .contents .box .usage_cont table td {
		padding: 3.5px 7px;
		text-align: center;
	}

	.contents-wrap .contents .status-wrap .action-box .status-square {
		width: 12px;
		height: 12px;
	}
}



/* site */
.site_contents {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.contents-wrap .site_contents .box {width: 100%;} /* 230126수정 */
.contents-wrap .site_contents .box.w38p {} /* 230126수정 */
.contents-wrap .site_contents .box.w38p .box_cont {display: flex; justify-content: space-between; align-items: flex-start;} /* 230126수정 */
.contents-wrap .site_contents .box.w38p .left_wrap {width: 35%;}
.contents-wrap .site_contents .box.w38p .img_cont {height: auto; padding-top: 0; box-sizing: border-box; position: relative; } /* 230126수정 */
.contents-wrap .site_contents .box.w38p .img_cont .number_wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;;}
.contents-wrap .site_contents .box.w38p .img_cont .number_wrap .zonebox:hover .name {display: block;}
.contents-wrap .site_contents .box.w38p .img_cont .number_wrap .zonebox .txt {position: relative; width: 100%; height: 100%;}
/* .contents-wrap .site_contents .box.w38p .img_cont .number_wrap .zonebox p {color: #fff; font-size: 20px; font-weight: bold; text-align: center; line-height: 30px;} */
.contents-wrap .site_contents .box.w38p .img_cont .number_wrap .zonebox .name {position: absolute; padding: 3px 5px; background-color: #fff; border: 1px solid #565454; border-radius: 3px; color: #565454; white-space: nowrap; line-height: 100%; font-size: 14px; font-weight: normal; display: none; z-index: 1; bottom: -22px;} /* 230126수정 */
.contents-wrap .site_contents .box.w38p .img_cont img {position: relative; object-fit: contain;} /* 230126수정 */
.contents-wrap .site_contents .box.w38p .map_cont {display: block; border: 1px solid #a6a6a6; box-sizing: border-box;}
.contents-wrap .site_contents .box.w38p .usage_cont {margin-top: 0; width: 63%; height: auto !important; max-height: none; min-height: auto;} /* 230126수정 */
.contents-wrap .site_contents .box.w38p .usage_cont .scrbox {max-height: 21vw; border: 1px solid #a6a6a6; box-sizing: border-box;} /* 230126수정 */
.contents-wrap .site_contents .box .cont {overflow: hidden; height: 230px;display: block;}

.site_contents .f50 {
	font-weight: 900;
	font-size: 28px;
	line-height: 150%;
}

.contents-wrap .site_contents .box:last-child {margin-bottom: 0;}
.contents-wrap .site_contents .box .cont .chart-wrap {height: auto; margin: 10px auto 0;}
.site_contents .box .cont .chart-wrap .chart {width: 20%; height: 0; padding-top: 20%; margin: 0 2.5%; position: relative; box-sizing: border-box;}
.site_contents .box .cont .chart-wrap .chart-box {width: 100%; height: 240px; position: relative; display: flex; align-items: center; justify-content: center; border: 2px solid red; box-sizing: border-box;;}
.site_contents .box .cont .chart-wrap .chart .center {width:40%; height: 40%;}
.site_contents .chart canvas {margin: auto; position: absolute; top: 0; left: 0; right: 0; width: 70% !important; height: 70% !important;}
.site_contents .chart p {position: absolute; bottom: 10%; left: 0; right:0;}

.contents-wrap .site_contents .box .top-cont {
	height: auto;
	flex-direction: column;
}
.contents-wrap .site_contents .box .top.cont.on {display: block;}

.contents-wrap .site_contents .box_title {display: flex; align-items: center; margin-bottom: 15px;}
.contents-wrap .site_contents .box_title div + div {margin-left: 30px;}
.contents-wrap .site_contents .site_tabbox .site_tabbtn {padding: 0 15px; border: 2px solid #1da9ff; border-radius: 10px; font-size: 18px; box-sizing: border-box; background: none; color: #1da9ff; height: 31px;}
.contents-wrap .site_contents .site_tabbox .site_tabbtn.on {background-color: #1da9ff; color: #fff;}
.contents-wrap .site_contents .site_tabbox .site_tabbtn + .site_tabbtn {margin-left: 5px;}
.contents-wrap .site_contents .box_title .subtit {margin-bottom: 0; z-index: 1; justify-content: flex-start; position: relative;}
.contents-wrap .site_contents .subtit p.bdt {padding: 0 20px 0 10px; border: 2px solid #1da9ff; border-radius: 10px; font-size: 18px; box-sizing: border-box;}
.contents-wrap .site_contents .subtit p.bdt img {max-width: 21px; max-height: 20px; margin-right: 20px;}
.contents-wrap .site_contents .subtit span {margin-left: 20px; }
.contents-wrap .site_contents .subtit button {border: none; outline: none; padding: 3px 3px 3px 32px; height: 35px; font-size: 16px;}

.contents-wrap .site_contents .top-cont .btn-per {background: url("../../assets/images/btn-per.png") no-repeat left center; background-size: 28px; margin-right: 10px;}
.contents-wrap .site_contents .top-cont .btn-per.on {background: url("../../assets/images/btn-per-on.png") no-repeat left center; background-size: 28px;}
.contents-wrap .site_contents .top-cont .btn-cap {background: url("../../assets/images/btn-cap.png") no-repeat left center; background-size: 28px;}
.contents-wrap .site_contents .top-cont .btn-cap.on {background: url("../../assets/images/btn-cap-on.png") no-repeat left center; background-size: 28px;}
.contents-wrap .site_contents .chart .subtit {font-size: 21px; font-weight: 700; color: #1da9ff; line-height: 100%; text-align: center; margin: auto; display: block;}
.site_contents .chart .center .per {display: none;}
.site_contents .chart .center .cap {width: 100%; display: none;}
.site_contents .chart .center .cap p {line-height: 200%;}
.site_contents .chart .center .cap p +p:before {content: ""; display: block; width: 100%; height: 2px; background: #fff;}
.site_contents .chart .center .on {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.site_contents .chart .center p {position: relative; bottom: auto;}

.contents-wrap .site_contents .box .bottom-cont {flex-direction: column; height: auto; margin-top: 20px; min-height: 260px; max-height: 50vw; }

.contents-wrap .site_contents .box .bottom-cont .blue_black_select {
	min-width: 200px
}

.contents-wrap .site_contents .tit {display: flex; align-items: center; justify-content: flex-end; position: absolute; top: 0; right: 0; width: auto; z-index: 1;} /* 230126수정 */
.contents-wrap .site_contents .tit p {font-size: 22px; color: #3d3d3d; font-weight: 600; line-height: 150%;}
.contents-wrap .site_contents .tit .range {display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; height: 33px; } /* 230126수정 */
.contents-wrap .site_contents .tit .range .prev, .contents-wrap .site_contents .tit .range .next {font-size: 25px; padding: 0 3px; cursor: pointer; border: none; outline: none; width: 10px; height: 100%; line-height: 100%;}
.contents-wrap .site_contents .tit .range .prev {background: url("../images/slide_l.png") no-repeat center center; background-size: contain;}
.contents-wrap .site_contents .tit .range .next {background: url("../images/slide_r.png") no-repeat center center; background-size: contain;}
.contents-wrap .site_contents .tit .range .date {font-size: 20px; margin: 0 10px; line-height: 100%; text-align: center; min-width: 230px; }
.contents-wrap .site_contents .bottom-cont .powerCont-wrap {position: relative; width: 100%; height: 100%; min-height: 260px;}
.contents-wrap .site_contents .bottom-cont .powerCont {height: 100%; min-height: 260px;}
/* .contents-wrap .site_contents .bottom-cont .powerCont {position: absolute; top:0; left:0; width: 100%; height: 100%; background: #fff; box-sizing: border-box;} 230126수정 */

.contents-wrap .site_contents .bottom-cont .powerCont .canvas-wrap {width: 100%; height: 100%; position: relative; padding-top: 50px; box-sizing: border-box; min-height: 260px;}
.contents-wrap .site_contents .powerTab {display: flex; justify-content: flex-start; margin-bottom: -32px; } /* 230126수정 */
.contents-wrap .site_contents .powerTab > div {border-radius: 5px; cursor: pointer; padding: 0 30px 0 10px; line-height: 30px; font-weight: 700; border: 1px solid #1da9ff; box-sizing: border-box; z-index: 1; position: relative; margin-right: 10px;}
.contents-wrap .site_contents .powerTab > div:before {content: ""; display: block; width: 0; height: 0; border: 5px solid transparent; border-top: 6px solid #1da9ff; position: absolute; top: 50%; right: 5px; margin-top: -2px; z-index: 1;}
.contents-wrap .site_contents .powerTab > div.on {background: #1da9ff; color: #fff;}
.contents-wrap .site_contents .powerTab > div.on:before {border-top: 6px solid #fff;}

.contents-wrap .site_contents .bottom-cont.siteCont22 {display: flex; flex-direction: row; height: 330px;}
.contents-wrap .site_contents .bottom-cont .siteCont22_l {height: 260px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 300px;}
.contents-wrap .site_contents .bottom-cont .siteCont22_r {width: calc(94% - 300px); height: 100%; min-height: 260px;}
.contents-wrap .site_contents .peak_wrap {display: flex; align-items: center; color: #1da9ff; font-size: 18px; font-weight: bold;}
.contents-wrap .site_contents .peak_wrap input {border: 1px solid #1da9ff; border-radius: 5px; margin: 0 5px 0 15px; text-align: right; font-size: 16px; font-weight: bold;}

@media (min-width:1024px) and (max-width:1440px) {
	.contents-wrap .site_contents {padding-top: 1vw;} /* 230126수정 */
	.contents-wrap .site_contents .box .cont {overflow: hidden;}
	.contents-wrap .site_contents .box.w38p .img_cont {height: auto;}
	/* .contents-wrap .site_contents .box.w38p .map_cont {height: 20vw;} */
	.contents-wrap .site_contents .box.w38p .usage_cont .scrbox {height: auto;}
	.contents-wrap .site_contents .site_tabbox .site_tabbtn {padding: 0 1vw; font-size: 1.5vw; height: 2.56vw;}
	.contents-wrap .site_contents .subtit p.bdt { font-size: 1.5vw;} /* 230126수정 */

	.site_contents .f50 {
		font-size: 2.0vw;
	}

	.site_contents .f24 {
		font-size: 1.6vw;
	}

	.site_contents .f20 {
		font-size: 1.4vw;
	}

	.site_contents .chart {
		width: 180px;
		height: 180px;
		overflow: hidden;
	}


	.site_contents .box .cont .chart-wrap .chart .subtit {bottom: 1vw;} /* 230126수정 */

	.contents-wrap .site_contents .box .top-cont {
		height: auto;
	}

	.contents-wrap .site_contents .top-cont .subtit p.bdt {
		padding: 0 1.4vw;
		border: 2px solid #1da9ff;
		border-radius: 0.7vw;
		font-size: 1.5vw;
	}

	.contents-wrap .site_contents .top-cont .subtit span {
		margin-left: 1.4vw;
	}

	.contents-wrap .site_contents .top-cont .subtit button {
		padding: 0.2vw 0.2vw 0.2vw 2.2vw;
		height: 2.4vw;
		font-size: 1vw;
	}

	.contents-wrap .site_contents .top-cont .btn-per {
		background: url("../../assets/images/btn-per.png") no-repeat left center;
		background-size: 2vw;
		margin-right: 0.7vw;
	}

	.contents-wrap .site_contents .top-cont .btn-per.on {
		background: url("../../assets/images/btn-per-on.png") no-repeat left center;
		background-size: 2vw;
	}

	.contents-wrap .site_contents .top-cont .btn-cap {
		background: url("../../assets/images/btn-cap.png") no-repeat left center;
		background-size: 2vw;
	}

	.contents-wrap .site_contents .top-cont .btn-cap.on {
		background: url("../../assets/images/btn-cap-on.png") no-repeat left center;
		background-size: 2vw;
	}

	.contents-wrap .site_contents .chart .subtit {
		bottom: 2.8vw;
	}



	.contents-wrap .site_contents .box .bottom-cont {

	}

	/* .contents-wrap .site_contents .bottom-cont .siteCont22_l {
		height: 23vw;
	} */

	/* .contents-wrap .site_contents .bottom-cont .tit {margin-bottom: 1.4vw; } 230126수정 */

	/* .contents-wrap .site_contents .bottom-cont .tit {margin-bottom: 1.4vw; margin-top: 2vw; } */
	.contents-wrap .site_contents .bottom-cont .tit p {
		font-size: 1.5vw;
	}

	/* .contents-wrap .site_contents .tit .range {padding: 0.1vw 0.7vw; height: 3.3vw;} 230126수정 */

	.contents-wrap .site_contents .bottom-cont .tit .range .prev {
		font-size: 1.7vw;
		padding: 0 0.7vw;
	}

	.contents-wrap .site_contents .bottom-cont .tit .range .next {
		font-size: 1.7vw;
		padding: 0 0.7vw;
	}

	.contents-wrap .site_contents .tit .range .date {
		font-size: 1.4vw;
		margin: 0 0.7vw;
		min-width: 16vw;
	}

	.contents-wrap .site_contents .powerTab {
		bottom: 2.8vw;
	}

	.contents-wrap .site_contents .powerTab>div {
		border-radius: 0.3vw;
		padding: 0 2vw 0 0.7vw;
		line-height: 2vw;
		margin-right: 0.7vw;
	}

	.contents-wrap .site_contents .powerTab>div:before {
		border: 4px solid transparent;
		border-top: 5px solid #1da9ff;
		right: 5px;
		margin-top: -3px;
	}

	.contents-wrap .site_contents .powerTab>div.on:before {
		border-top: 5px solid #fff;
	}



	.contents-wrap .site_contents .peak_wrap {font-size: 1.2vw;}
	.contents-wrap .site_contents .peak_wrap input {font-size: 1vw;}
}

@media (max-width:1023px) {
	.contents-wrap .site_contents {padding-top: 10px;} /* 230126수정 */
	.contents-wrap .site_contents .box .cont {overflow: hidden; height: 150px;}
	.contents-wrap .site_contents .box.w38p .img_cont {height: auto;}
	.contents-wrap .site_contents .box.w38p .usage_cont .scrbox {height: auto;}
	.contents-wrap .site_contents .site_tabbox .site_tabbtn {padding: 0 10px; font-size: 15px; height: 24.5px; border: 1px solid #1da9ff;}
	.contents-wrap .site_contents .subtit p.bdt { font-size: 15px; border: 1px solid #1da9ff;;} /* 230126수정 */

	.contents-wrap .site_contents .box .cont {
		height: 150px;
	}

	.site_contents .f50 {
		font-size: 20px;
	}

	.site_contents .f24 {
		font-size: 16px;
	}

	.site_contents .f20 {
		font-size: 14px;
	}

	.site_contents .chart {
		width: 180px;
		height: 180px;
		overflow: hidden;
	}

	.site_contents .box .cont .chart-wrap .chart .subtit {bottom: 20px;} /* 230126수정 */

	.contents-wrap .site_contents .box .top-cont {
		height: auto;
	}

	.contents-wrap .site_contents .top-cont .subtit p.bdt {
		padding: 0 14px;
		border: 2px solid #1da9ff;
		border-radius: 7px;
		font-size: 15px;
		height: auto;
		line-height: 200%;
	}

	.contents-wrap .site_contents .top-cont .subtit span {
		margin-left: 14px;
	}

	.contents-wrap .site_contents .top-cont .subtit button {
		padding: 2px 2px 2px 22px;
		height: 24px;
		font-size: 10px;
	}

	.contents-wrap .site_contents .top-cont .btn-per {
		background: url("../images/btn-per.png") no-repeat left center;
		background-size: 20px;
		margin-right: 7px;
	}

	.contents-wrap .site_contents .top-cont .btn-per.on {
		background: url("../images/btn-per-on.png") no-repeat left center;
		background-size: 20px;
	}

	.contents-wrap .site_contents .top-cont .btn-cap {
		background: url("../images/btn-cap.png") no-repeat left center;
		background-size: 20px;
	}

	.contents-wrap .site_contents .top-cont .btn-cap.on {
		background: url("../images/btn-cap-on.png") no-repeat left center;
		background-size: 20px;
	}

	.contents-wrap .site_contents .chart .subtit {
		bottom: 28px;
	}



	.contents-wrap .site_contents .box .bottom-cont {
		/* height: calc(100vh - 460px); */
		height: auto;
	}

	/* .contents-wrap .site_contents .bottom-cont .siteCont22_l {
		height: 240px;
	} */

	/* .contents-wrap .site_contents .tit {margin-top: 10px;} 230126수정 */
	.contents-wrap .site_contents .tit p {font-size: 15px; }
	/* .contents-wrap .site_contents .tit .range {padding: 10px 7px; height: 23px;} 230126수정 */

	.contents-wrap .site_contents .bottom-cont .tit .range .prev {
		font-size: 17px;
		padding: 0 7px;
	}

	.contents-wrap .site_contents .bottom-cont .tit .range .next {
		font-size: 17px;
		padding: 0 7px;
	}

	.contents-wrap .site_contents .tit .range .date {
		font-size: 14px;
		margin: 0 7px;
		min-width: 160px;
	}

	.contents-wrap .site_contents .powerTab {
		bottom: 28px;
	}

	.contents-wrap .site_contents .powerTab>div {
		border-radius: 3px;
		padding: 0 20px 0 7px;
		line-height: 20px;
		margin-right: 7px;
	}

	.contents-wrap .site_contents .powerTab>div:before {
		border: 4px solid transparent;
		border-top: 5px solid #1da9ff;
		right: 5px;
		margin-top: -3px;
	}

	.contents-wrap .site_contents .powerTab>div.on:before {
		border-top: 5px solid #fff;
	}


	.contents-wrap .site_contents .peak_wrap {font-size: 12px;}
	.contents-wrap .site_contents .peak_wrap input {font-size: 10px;}
	 .contents-wrap .site_contents .box.w38p .img_cont .number_wrap .num {width: 25px; height: 25px;}
	.contents-wrap .site_contents .box.w38p .img_cont .number_wrap .num p {font-size: 16px; line-height: 25px;}
	.contents-wrap .site_contents .box.w38p .img_cont .number_wrap .num .name {font-size: 12px;}
}
@media (max-width:680px) {
	.contents-wrap .site_contents .tit .range .date { max-width: 190px;}
}

/* setting-wrap */
.setting-wrap {
	padding-left: 270px;
}

.setting-wrap .setting_lcont {
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 240px;
	background: #2f405c;
	position: fixed;
	top: 110px;
	left: 190px;
	min-height: calc(100% - 110px);
}

.setting-wrap .setting_lcont .depth2 {
	width: 100%;
	margin: 0;
}

.setting-wrap .setting_lcont .mn_tit {
	padding: 40px 30px;
	font-size: 32px;
	color: #1da9ff;
	box-sizing: border-box;
	line-height: 55px;
	white-space: nowrap;
	display: none;
}

.setting-wrap .setting_lcont .mn_tit:before {
	content: "";
	background: #1da9ff;
	display: block;
	width: 85px;
	height: 1px;
	transform: rotate(-45deg);
	position: absolute;
	top: 15px;
	left: 20px;
}

.setting-wrap .setting_lcont .mn_l2 {
	height: 40px;
	margin-bottom: 15px;
	border: 1px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	display: inline-block;
}

.setting-wrap .setting_lcont .mn_l2.on {
	background: #1da9ff;
	border-color: #1da9ff;
}

@media (hover:hover) and (pointer:fine) {
	.setting-wrap .setting_lcont .mn_l2:hover {
		background: #1da9ff;
		border-color: #1da9ff;
	}
}

.setting-wrap .setting_lcont .mn_a2 {
	color: #fff;
	font-size: 15px;
	padding: 10px;
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 20px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}

.setting-wrap .setting_lcont .mn_a2:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translate(-4px, -4px);
	position: absolute;
	top: 20px;
	right: 10px;
}

.setting-wrap .setting_lcont .zone_depth2 .mn_a2:after {
	display: none;
}

.setting-wrap>.w80p {
	min-width: 600px;
}

.setting-wrap>.w90p {
	min-width: 700px;
}

.setting-wrap .contents {
	display: flex;
}

.setting-wrap .box>p {
	font-size: 18px;
	color: #000;
	padding-bottom: 20px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.setting-wrap .box table {}

.setting-wrap .box th {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding: 7px 10px;
}

.setting-wrap .box td {
	font-size: 14px;
	padding: 7px 10px;
}

.setting-wrap .box td input[type="text"] {
	padding: 5px 10px;
	text-align: center;
	margin: 0;
	font-size: 14px;
	width: 100%;
}

.setting-wrap .box td label {
	font-size: 14px;
	margin: 0 30px;
}

.setting-wrap .box td input[type="radio"] {
	padding: 5px 10px;
	margin-right: 10px;
}

.setting-wrap .box .border_tbl th,
.setting-wrap .box .border_tbl td {
	border: 1px solid #c9c9c9;
}

.setting-wrap .box .border_tbl th {
	background: #d0dce3;
}

.setting-wrap .img-wrap {
	margin-top: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.setting-wrap .img-wrap img {
	width: 100%;
}

@media (min-width:1024px) and (max-width:1440px) {
	.setting-wrap {
		padding-left: 17vw;
	}

	.setting-wrap .setting_lcont {
		padding: 2vw;
		width: 16vw;
		top: 9.4vw;
		min-height: calc(100% - 9.4vw);
		left: 13.2vw;
	}

	.setting-wrap .setting_lcont .mn_tit {
		padding: 2vw;
		font-size: 2.2vw;
		line-height: 3.8vw;
	}

	.setting-wrap .setting_lcont .mn_tit:before {
		width: 5.9vw;
		top: 1vw;
		left: 1.4vw;
	}

	.setting-wrap .setting_lcont .mn_l2 {
		height: 2.7vw;
		margin-bottom: 1vw;
		border-radius: 0.7vw;
	}

	.setting-wrap .setting_lcont .mn_a2 {
		font-size: 1vw;
		padding: 0.7vw;
		line-height: 1.4vw;
		box-sizing: border-box;
	}

	.setting-wrap .setting_lcont .mn_a2:after {
		width: 0.35vw;
		height: 0.35vw;
		top: 1.4vw;
		right: 0.7vw;
	}

	.setting-wrap>.w80p {
		min-width: 42vw;
	}

	.setting-wrap>.w90p {
		min-width: 48vw;
	}

	.setting-wrap .box>p {
		font-size: 1.25vw;
		padding-bottom: 1.4vw;
	}

	.setting-wrap .box th {
		font-size: 1vw;
		padding: 0.5vw 0.7vw;
	}

	.setting-wrap .box td {
		font-size: 1vw;
		padding: 0.5vw 0.7vw;
	}

	.setting-wrap .box td input[type="text"] {
		padding: 0.35vw 0.7vw;
		font-size: 1vw;
	}

	.setting-wrap .box td label {
		font-size: 1vw;
		margin: 0 2vw;
	}

	.setting-wrap .box td input[type="radio"] {
		padding: 0.35vw 0.7vw;
		margin-right: 0.7vw;
	}

	.setting-wrap .img-wrap {
		margin-top: 0.7vw;
		border-radius: 0.7vw;
	}
}

@media (max-width:1023px) {
	.setting-wrap {
		padding-left: 170px;
	}

	.setting-wrap .setting_lcont {
		padding: 20px;
		width: 160px;
		top: 94px;
		min-height: calc(100vh - 94px);
		left: 132px;
	}

	.setting-wrap .setting_lcont .mn_tit {
		padding: 20px;
		font-size: 22px;
		line-height: 38px;
	}

	.setting-wrap .setting_lcont .mn_tit:before {
		width: 59px;
		top: 10px;
		left: 14px;
	}

	.setting-wrap .setting_lcont .mn_l2 {
		height: 27px;
		margin-bottom: 10px;
		border-radius: 7px;
	}

	.setting-wrap .setting_lcont .mn_a2 {
		font-size: 10px;
		padding: 7px;
		line-height: 14px;
	}

	.setting-wrap .setting_lcont .mn_a2:after {
		width: 3.5px;
		height: 3.5px;
		top: 14px;
		right: 7px;
	}

	.setting-wrap>.w80p {
		min-width: 420px;
	}

	.setting-wrap>.w90p {
		min-width: 480px;
	}

	.setting-wrap .box>p {
		font-size: 12.5px;
		padding-bottom: 14px;
	}

	.setting-wrap .box th {
		font-size: 10px;
		padding: 5px 7px;
	}

	.setting-wrap .box td {
		font-size: 10px;
		padding: 5px 7px;
	}

	.setting-wrap .box td input[type="text"] {
		padding: 3.5px 7px;
		font-size: 10px;
	}

	.setting-wrap .box td label {
		font-size: 10px;
		margin: 0 20px;
	}

	.setting-wrap .box td input[type="radio"] {
		padding: 3.5px 7px;
		margin-right: 7px;
	}

	.setting-wrap .img-wrap {
		margin-top: 7px;
		border-radius: 7px;
	}
}

/* set_site_contents */

/* set_masterE_contents */
.set_masterE_contents .btn-wrap {
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
}

.set_masterE_contents .btn-wrap button {
	margin-left: 10px;
	padding: 7px 20px;
}

.set_masterE_contents .border_tbl th {
	text-align: center;
}

@media (min-width:1024px) and (max-width:1440px) {
	.set_masterE_contents .btn-wrap {
		margin-bottom: 1.4vw;
	}

	.set_masterE_contents .btn-wrap button {
		margin-left: 0.7vw;
		padding: 0.5vw 1.4vw;
	}
}

@media (max-width:1023px) {
	.set_masterE_contents .btn-wrap {
		margin-bottom: 14px;
	}

	.set_masterE_contents .btn-wrap button {
		margin-left: 7px;
		padding: 5px 14px;
	}
}


/* set_master_contents */
.set_master_contents .btn-wrap {
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
}

.set_master_contents .btn-wrap button {
	margin-left: 10px;
	padding: 7px 20px;
}

.set_master_contents .border_tbl th {
	text-align: center;
}

@media (min-width:1024px) and (max-width:1440px) {
	.set_master_contents .btn-wrap {
		margin-bottom: 1.4vw;
	}

	.set_master_contents .btn-wrap button {
		margin-left: 0.7vw;
		padding: 0.5vw 1.4vw;
	}
}

@media (max-width:1023px) {
	.set_master_contents .btn-wrap {
		margin-bottom: 14px;
	}

	.set_master_contents .btn-wrap button {
		margin-left: 7px;
		padding: 5px 14px;
	}
}



/* set_zone_contents */
.set_zone_contents .name_wrap {
	display: flex;
	align-items: center;
}
.set_zone_contents .color_wrap {
	display: flex;
	align-items: center;
	text-indent: 1rem;
}

.set_zone_contents .color_wrap span {
	font-weight: bold;
	margin-right: 10px;
}

.set_zone_contents .name_wrap input[type="color"] {
	width: 50px;
}

.set_zone_contents p select {
	margin-left: 20px;
}

.set_zone_contents>.flexbox {
	flex-wrap: wrap;
}

.set_zone_contents .box.w100p {
	padding: 0;
	background: none;
	margin-bottom: 20px;
}

.set_zone_contents .box.w100p p {
	padding-bottom: 0;
}

.set_zone_contents .btn-wrap {
	margin: 20px auto 0;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 10px 0;
	box-sizing: border-box;
}

.set_zone_contents .btn-wrap button {
	padding: 7px 15px;
}

.set_zone_contents .border_tbl th {
	text-align: center !important;
}

.set_zone_contents .img-wrap {
	margin-bottom: 20px;
	position: relative;
}

.set_zone_contents .box .border_tbl tr.on {
	background: #1da9ff;
}

.set_zone_contents .box>.flexbox {
	align-items: flex-start;
}

.set_zone_contents .box>.flexbox table th {
	white-space: nowrap;
}

.set_zone_contents .box>button {
	padding: 10px;
	margin-bottom: 30px;
}

.set_zone_contents .scrbox {
	max-height: 280px !important;
}

@media (min-width:1024px) and (max-width:1440px) {
	.set_zone_contents .name_wrap input[type="color"] {
		width: 3vw;
	}

	.set_zone_contents p select {
		margin-left: 1.4vw;
	}

	.set_zone_contents .box.w100p {
		margin-bottom: 1.4vw;
	}

	.set_zone_contents .btn-wrap {
		margin: 1.4vw auto 0;
		padding: 0.7vw 0;
	}

	.set_zone_contents .btn-wrap button {
		padding: 0.5vw 1vw;
	}

	.set_zone_contents .img-wrap {
		margin-bottom: 1.4vw;
	}

	.set_zone_contents .box>button {
		padding: 0.7vw;
		margin-bottom: 2vw;
	}

	.set_zone_contents .scrbox {
		max-height: 20vw !important;
	}
}

@media (max-width:1023px) {
	.set_zone_contents .name_wrap input[type="color"] {
		width: 30px;
	}

	.set_zone_contents p select {
		margin-left: 14px;
	}

	.set_zone_contents .box.w100p {
		margin-bottom: 14px;
	}

	.set_zone_contents .btn-wrap {
		margin: 14px auto 0;
		padding: 7px 0;
	}

	.set_zone_contents .btn-wrap button {
		padding: 5px 10px;
	}

	.set_zone_contents .img-wrap {
		margin-bottom: 14px;
	}

	.set_zone_contents .box>button {
		padding: 7px;
		margin-bottom: 20px;
	}

	.set_zone_contents .scrbox {
		max-height: 200px !important;
	}
}




/* set_node_contents */
.set_node_contents>.flexbox {
	flex-wrap: wrap;
}

.set_node_contents .box.w100p:first-child {
	padding: 0;
	background: none;
	margin-bottom: 20px;
	align-items: center;
}

.set_node_contents .box.w100p>p {
	padding: 0;
}

.set_node_contents .border_tbl th {
	text-align: center;
}

.set_node_contents .tab-wrap {
	display: flex;
	justify-content: flex-start;
	align-content: flex-end;
	;
	position: relative;
	padding-top: 20px;
}

.set_node_contents .tab-wrap .tab_btn {
	border-radius: 10px 10px 0 0;
	margin: 0;
	padding: 10px 50px 10px 30px;
	margin-bottom: -1px;
	position: relative;
	background: #fff;
	color: #000;
	border: 1px solid #1da9ff;
	outline: none;
	font-size: 18px;
}

.set_node_contents .tab-wrap .tab_btn.on {
	background: #1da9ff;
	color: #fff;
}

.set_node_contents .tab-wrap .tab_btn:after {
	content: "";
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 8px solid #fff;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -2px;
}

.set_node_contents .tab-wrap .btn-scan {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 5px 20px;
}

.set_node_contents .tabCont {
	border: 1px solid #1da9ff;
	padding: 30px;
	border-radius: 0 10px 10px
}

.set_node_contents .tabCont p {
	font-size: 20px;
	color: #000;
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
}

.set_node_contents .tabCont p button {
	padding: 5px 15px;
}

.set_node_contents.contents .tabCont02 {
	display: none;
}

@media (min-width:1024px) and (max-width:1440px) {
	.set_node_contents .box.w100p:first-child {
		margin-bottom: 1.4vw;
	}

	.set_node_contents .box.w100p>p {
		padding: 0;
	}

	.set_node_contents .tab-wrap {
		padding-top: 1.4vw;
	}

	.set_node_contents .tab-wrap .tab_btn {
		border-radius: 0.7vw 0.7vw 0 0;
		margin: 0;
		padding: 0.7vw 3.5vw 0.7vw 2vw;
		font-size: 1.25vw;
	}

	.set_node_contents .tab-wrap .tab_btn:after {
		border: 0.4vw solid transparent;
		border-top: 0.5vw solid #fff;
		right: 1.4vw;
		margin-top: -0.1vw;
	}

	.set_node_contents .tab-wrap .btn-scan {
		padding: 0.35vw 1.4vw;
	}

	.set_node_contents .tabCont {
		padding: 2vw;
		border-radius: 0 0.7vw 0.7vw;
	}

	.set_node_contents .tabCont p {
		font-size: 1.4vw;
		padding-bottom: 1.4vw;
	}

	.set_node_contents .tabCont p button {
		padding: 0.35vw 1vw;
	}

	.set_node_contents.contents .tabCont02 {
		display: none;
	}
}

@media (max-width:1023px) {
	.set_node_contents .box.w100p:first-child {
		margin-bottom: 14px;
	}

	.set_node_contents .box.w100p>p {
		padding: 0;
	}

	.set_node_contents .tab-wrap {
		padding-top: 14px;
	}

	.set_node_contents .tab-wrap .tab_btn {
		border-radius: 7px 7px 0 0;
		margin: 0;
		padding: 7px 35px 7px 20px;
		font-size: 12.5px;
	}

	.set_node_contents .tab-wrap .tab_btn:after {
		border: 4px solid transparent;
		border-top: 5px solid #fff;
		right: 14px;
		margin-top: -1px;
	}

	.set_node_contents .tab-wrap .btn-scan {
		padding: 3.5px 14px;
	}

	.set_node_contents .tabCont {
		padding: 20px;
		border-radius: 0 7px 7px;
	}

	.set_node_contents .tabCont p {
		font-size: 14px;
		padding-bottom: 14px;
	}

	.set_node_contents .tabCont p button {
		padding: 3.5px 10px;
	}

	.set_node_contents.contents .tabCont02 {
		display: none;
	}
}

/* set_ras_contents */
.set_ras_contents>.flexbox {
	flex-wrap: wrap;
}

.set_ras_contents .box.w100p {
	padding: 0;
	background: none;
	margin-bottom: 20px;
	align-items: center;
}

.set_ras_contents .box.w100p p {
	padding: 0;
}

.set_ras_contents .w100p>button {
	padding: 5px 30px;
}

.set_ras_contents .btn-wrap {
	display: flex;
	justify-content: flex-end;
	;
	align-content: center;
	;
	position: relative;
	padding-bottom: 20px;
}

.set_ras_contents .btn-wrap>* {
	padding: 5px 20px;
	margin-right: 10px;
}

.set_ras_contents .border_tbl th {
	text-align: center;
}

@media (min-width:1024px) and (max-width:1440px) {
	.set_ras_contents .box.w100p {
		padding: 0;
		margin-bottom: 1.4vw;
	}

	.set_ras_contents .box.w100p p {
		padding: 0;
	}

	.set_ras_contents .w100p>button {
		padding: 0.7vw 2vw;
	}

	.set_ras_contents .btn-wrap {
		padding-bottom: 1.4vw;
	}

	.set_ras_contents .btn-wrap>* {
		padding: 0.35vw 1.4vw;
		margin-right: 0.7vw;
	}
}

@media (max-width:1023px) {
	.set_ras_contents .box.w100p {
		padding: 0;
		margin-bottom: 14px;
	}

	.set_ras_contents .box.w100p p {
		padding: 0;
	}

	.set_ras_contents .w100p>button {
		padding: 7px 20px;
	}

	.set_ras_contents .btn-wrap {
		padding-bottom: 14px;
	}

	.set_ras_contents .btn-wrap>* {
		padding: 3.5px 14px;
		margin-right: 7px;
	}
}







/* management-wrap */
.management-wrap {
	padding-left: 270px;
	padding-bottom: 0 !important;
}

.management-wrap .management_lcont {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 240px;
	background: #2f405c;
	position: fixed;
	top: 110px;
	left: 190px;
	height: calc(100% - 110px);
	padding-bottom: 30px;
}

.management-wrap .management_lcont .depth2 {
	padding: 30px;
	width: 100%;
	margin: 0;
	height: 100%;
	overflow: auto;
}

.management-wrap .management_lcont .mn_tit {
	padding: 40px 30px;
	font-size: 32px;
	color: #1da9ff;
	box-sizing: border-box;
	line-height: 55px;
	white-space: nowrap;
	display: none;
}

.management-wrap .management_lcont .mn_tit:before {
	content: "";
	background: #1da9ff;
	display: block;
	width: 85px;
	height: 1px;
	transform: rotate(-45deg);
	position: absolute;
	top: 15px;
	left: 20px;
}

.management-wrap .management_lcont .mn_l2 {
	height: 40px;
	margin-bottom: 15px;
	border: 1px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	display: inline-block;
}

.management-wrap .management_lcont .mn_l2.on {
	background: #1da9ff;
	border-color: #1da9ff;
}

@media (hover:hover) and (pointer:fine) {
	.management-wrap .management_lcont .mn_l2:hover {
		background: #1da9ff;
		border-color: #1da9ff;
	}
}

.management-wrap .management_lcont .mn_a2 {
	color: #fff;
	font-size: 15px;
	padding: 10px;
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 20px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}

.management-wrap .management_lcont .mn_a2:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translate(-4px, -4px);
	position: absolute;
	top: 20px;
	right: 10px;
}

.management-wrap .management_lcont .zone_depth2 .mn_a2:after {
	display: none;
}

.management-wrap>.w80p {
	min-width: 600px;
}

.management-wrap>.w90p {
	min-width: 700px;
}

.management-wrap .contents {
	display: flex;
}

.management-wrap .box>p {
	font-size: 18px;
	color: #000;
	padding-bottom: 20px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.management-wrap .box table {}

.management-wrap .box th {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding: 10px;
}

.management-wrap .box td {
	font-size: 14px;
	padding: 10px;
	word-break: break-all;
}

.management-wrap .box td input[type="text"],
.management-wrap .box td input[type="number"],
.management-wrap .box td input[type="password"] {
	padding: 5px 10px;
	text-align: center;
	margin: 0;
	font-size: 14px;
	width: 100%;
}

.management-wrap .box td input[type="number"] {
	padding: 5px 10px;
	text-align: center;
	margin: 0;
	font-size: 14px;
	width: 100%;
}

.management-wrap .box td label {
	font-size: 14px;
	margin: 0 30px;
}

.management-wrap .box td input[type="radio"] {
	padding: 5px 10px;
	margin-right: 10px;
}

.management-wrap .box .border_tbl th,
.management-wrap .box .border_tbl td {
	border: 1px solid #c9c9c9;
	white-space: normal;
}

.management-wrap .box .border_tbl tr.on {
	background: #1da9ff;
}

.management-wrap .box .border_tbl tr.on th,
.management-wrap .box .border_tbl tr.on td {
	color: #fff;
}

.management-wrap .box .border_tbl th {
	background: #d0dce3;
}

.management-wrap .img-wrap {
	margin-top: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.management-wrap .img-wrap img {
	width: 100%;
}

.management-wrap .file-wrap {
	margin-bottom: 50px;
	padding: 10px;
}

.management-wrap .file-wrap input[type="file"] {
	display: none;
}

.management-wrap .file-wrap label {
	display: inline-block;
	padding: 5px 10px;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #1da9ff;
	border-radius: 10px;
	background: #1da9ff;
	color: #fff;
}

.management-wrap .file-wrap .upload-name {
	display: inline-block;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	width: 59%;
	border-radius: 10px;
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	padding: 5px 10px;
}

.management-wrap .file-wrap p {
	margin-top: 5px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management-wrap {
		padding-left: 17.2vw;
	}

	.management-wrap .management_lcont {
		width: 16vw;
		top: 8vw;
		height: calc(100% - 8vw);
		left: 13.2vw;
		padding-bottom: 2vw;
	}

	.management-wrap .management_lcont .depth2 {
		padding: 2vw;
	}

	.management-wrap .management_lcont .mn_tit {
		padding: 2vw;
		font-size: 2.2vw;
		line-height: 3.8vw;
	}

	.management-wrap .management_lcont .mn_tit:before {
		width: 5.9vw;
		top: 1vw;
		left: 1.4vw;
	}

	.management-wrap .management_lcont .mn_l2 {
		height: 2.7vw;
		margin-bottom: 1vw;
		border-radius: 0.7vw;
	}

	.management-wrap .management_lcont .mn_a2 {
		font-size: 1vw;
		padding: 0.7vw;
		line-height: 1.4vw;
		box-sizing: border-box;
	}

	.management-wrap .management_lcont .mn_a2:after {
		width: 0.35vw;
		height: 0.35vw;
		top: 1.4vw;
		right: 0.7vw;
	}

	.management-wrap>.w80p {
		min-width: 42vw;
	}

	.management-wrap>.w90p {
		min-width: 48vw;
	}

	.management-wrap .box>p {
		font-size: 1.25vw;
		padding-bottom: 1.4vw;
	}

	.management-wrap .box th {
		font-size: 1vw;
		padding: 0.5vw 0.7vw;
	}

	.management-wrap .box td {
		font-size: 1vw;
		padding: 0.5vw 0.7vw;
	}

	.management-wrap .box td input[type="text"],
	.management-wrap .box td input[type="number"],
	.management-wrap .box td input[type="password"] {
		padding: 0.35vw 0.7vw;
		font-size: 1vw;
	}

	.management-wrap .box td label {
		font-size: 1vw;
		margin: 0 2vw;
	}

	.management-wrap .box td input[type="radio"] {
		padding: 0.35vw 0.7vw;
		margin-right: 0.7vw;
	}

	.management-wrap .img-wrap {
		margin-top: 0.7vw;
		border-radius: 0.7vw;
	}

	.management-wrap .file-wrap {
		margin-bottom: 3.5vw;
		padding: 0.7vw;
	}

	.management-wrap .file-wrap label {
		display: inline-block;
		padding: 0.35vw 0.7vw;
		border-radius: 0.7vw;
	}

	.management-wrap .file-wrap .upload-name {
		border-radius: 0.7vw;
		padding: 0.35vw 0.7vw;
	}

	.management-wrap .file-wrap p {
		margin-top: 0.35vw;
		font-size: 1vw;
	}
}

@media (max-width:1023px) {
	.management-wrap {
		padding-left: 171px;
	}

	.management-wrap .management_lcont {
		width: 160px;
		top: 94px;
		height: calc(100% - 94px);
		left: 132px;
		padding-bottom: 20px;
	}

	.management-wrap .management_lcont .depth2 {
		padding: 18px;
	}

	.management-wrap .management_lcont .mn_tit {
		padding: 20px;
		font-size: 22px;
		line-height: 38px;
	}

	.management-wrap .management_lcont .mn_tit:before {
		width: 59px;
		top: 10px;
		left: 14px;
	}

	.management-wrap .management_lcont .mn_l2 {
		height: 27px;
		margin-bottom: 10px;
		border-radius: 7px;
	}

	.management-wrap .management_lcont .mn_a2 {
		font-size: 10px;
		padding: 7px;
		line-height: 14px;
	}

	.management-wrap .management_lcont .mn_a2:after {
		width: 3.5px;
		height: 3.5px;
		top: 14px;
		right: 7px;
	}

	.management-wrap>.w80p {
		min-width: 420px;
	}

	.management-wrap>.w90p {
		min-width: 480px;
	}

	.management-wrap .box>p {
		font-size: 12.5px;
		padding-bottom: 14px;
	}

	.management-wrap .box th {
		font-size: 10px;
		padding: 5px 7px;
	}

	.management-wrap .box td {
		font-size: 10px;
		padding: 5px 7px;
	}

	.management-wrap .box td input[type="text"],
	.management-wrap .box td input[type="password"] {
		padding: 3.5px 7px;
		font-size: 10px;
	}

	.management-wrap .box td input[type="number"] {
		padding: 3.5px 7px;
		font-size: 10px;
	}

	.management-wrap .box td label {
		font-size: 10px;
		margin: 0 20px;
	}

	.management-wrap .box td input[type="radio"] {
		padding: 3.5px 7px;
		margin-right: 7px;
	}

	.management-wrap .img-wrap {
		margin-top: 7px;
		border-radius: 7px;
	}

	.management-wrap .file-wrap {
		margin-bottom: 35px;
		padding: 7px;
	}

	.management-wrap .file-wrap label {
		display: inline-block;
		padding: 3.5px 7px;
		border-radius: 7px;
	}

	.management-wrap .file-wrap .upload-name {
		border-radius: 7px;
		padding: 3.5px 7px;
	}

	.management-wrap .file-wrap p {
		margin-top: 3.5px;
		font-size: 10px;
	}
}



/* management_site_contents */
.management_site_contents section div.header-box {
	font-size: 18px;
  padding-bottom: 20px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.management_site_contents .box th {
	white-space: nowrap;
}

.management_site_contents .box .site-info {
	display: flex;
}

.management_site_contents .box .site-info td {
	text-align: left;
}

.management_site_contents .flexbox {
	flex-wrap: wrap;
}

.management_site_contents .btn-wrap {
	width: 100%;
	margin-top: 15px;
	text-align: center;
}

.management_site_contents .btn-wrap button {
	padding: 5px 30px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management_site_contents section div.header-box {
		font-size: 1.25vw;
    padding-bottom: 1.4vw;
	}

	.management_site_contents .btn-wrap {
		width: 100%;
		margin-top: 1.5vw;
	}

	.management_site_contents .btn-wrap button {
		padding: 0.35vw 2vw;
	}
}

@media (max-width:1023px) {
	.management_site_contents section div.header-box {
		font-size: 12.5px;
    padding-bottom: 14px;
	}

	.management_site_contents .btn-wrap {
		width: 100%;
		margin-top: 10px;
	}

	.management_site_contents .btn-wrap button {
		padding: 3.5px 20px;
	}
}


/* management_masterE_contents */
.management_masterE_contents .box>p {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.management_masterE_contents .btn-wrap {
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
}

.management_masterE_contents .btn-wrap:last-child {
	margin-top: 50px;
	margin-bottom: 0;
	justify-content: center;
}

.management_masterE_contents .btn-wrap button {
	padding: 5px 20px;
	margin: 0 5px;
}

.management_masterE_contents .border_tbl th {
	text-align: center;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management_masterE_contents .btn-wrap {
		margin-bottom: 1.4vw;
	}

	.management_masterE_contents .btn-wrap:last-child {
		margin-top: 3.5vw;
		margin-bottom: 0;
	}

	.management_masterE_contents .btn-wrap button {
		padding: 0.5vw 1.4vw;
		margin: 0 0.35vw;
	}
}

@media (max-width:1023px) {
	.management_masterE_contents .btn-wrap {
		margin-bottom: 14px;
	}

	.management_masterE_contents .btn-wrap:last-child {
		margin-top: 35px;
		margin-bottom: 0;
	}

	.management_masterE_contents .btn-wrap button {
		padding: 5px 14px;
		margin: 0 3.5px;
	}
}

/* management_master_contents */

/* .management_master_contents .btn-wrap {margin-bottom: 20px; display: flex; justify-content: flex-end;}
.management_master_contents .btn-wrap {margin-bottom: 20px; display: flex; justify-content: flex-end;}
.management_master_contents .btn-wrap:last-child {margin-top: 50px; margin-bottom: 0; justify-content: center;}
.management_master_contents .btn-wrap button {margin-left: 10px; padding: 7px 20px; } */

.management_master_contents>.flexbox {
	flex-wrap: wrap;
}

.management_master_contents .box.w100p {
	padding: 0;
	background: none;
	margin-bottom: 20px;
	align-items: center;
}

.management_master_contents .box.w100p p {
	padding: 0;
}

.management_master_contents .box.w100p>button {
	padding: 5px 30px;
}

.management_master_contents .border_tbl th {
	text-align: center;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management_master_contents .btn-wrap button {
		margin-left: 0.7vw;
		padding: 0.5vw 1.4vw;
	}
}

@media (max-width:1023px) {
	.management_master_contents .btn-wrap button {
		margin-left: 7px;
		padding: 5px 14px;
	}
}

/* management_zone_contents */
.management_zone_contents p select {
	margin-left: 20px;
}

.management_zone_contents>.flexbox {
	flex-wrap: wrap;
}

.management_zone_contents .box.w100p {
	padding: 0;
	background: none;
	margin-bottom: 20px;
}

.management_zone_contents .w100p p {
	padding: 0;
}

.management_zone_contents .btn-wrap {
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 10px 0;
	box-sizing: border-box;
}

.management_zone_contents .btn-wrap button {
	margin-left: 10px;
	padding: 7px 20px;
}

.management_zone_contents .btn-wrap button:first-child {
	width: 100%;
	margin-bottom: 20px;
}

.management_zone_contents .border_tbl th {
	text-align: center;
}

.management_zone_contents .img-wrap {
	margin-bottom: 20px;
}

.management_zone_contents .box>.flexbox {
	align-items: flex-start;
}

.management_zone_contents .box>.flexbox table th {
	white-space: nowrap;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management_zone_contents p select {
		margin-left: 1.4vw;
	}

	.management_zone_contents .box.w100p {
		margin-bottom: 1.4vw;
	}

	.management_zone_contents .btn-wrap {
		margin-bottom: 1.4vw;
		padding: 0.7vw 0;
	}

	.management_zone_contents .btn-wrap button {
		margin-left: 0.7vw;
		padding: 0.5vw 1.4vw;
	}

	.management_zone_contents .btn-wrap button:first-child {
		width: 100%;
		margin-bottom: 1.4vw;
	}

	.management_zone_contents .img-wrap {
		margin-bottom: 1.4vw;
	}
}

@media (max-width:1023px) {
	.management_zone_contents p select {
		margin-left: 14px;
	}

	.management_zone_contents .box.w100p {
		margin-bottom: 14px;
	}

	.management_zone_contents .btn-wrap {
		margin-bottom: 14px;
		padding: 7px 0;
	}

	.management_zone_contents .btn-wrap button {
		margin-left: 7px;
		padding: 5px 14px;
	}

	.management_zone_contents .btn-wrap button:first-child {
		width: 100%;
		margin-bottom: 14px;
	}

	.management_zone_contents .img-wrap {
		margin-bottom: 14px;
	}
}

/* management_node_contents */
.management_node_contents>.flexbox {
	flex-wrap: wrap;
}

.management_node_contents .box.w100p.flexbox {
	padding: 0;
	background: none;
	margin-bottom: 10px;
	align-items: center;
}

.management_node_contents .box.w100p>p {
	padding: 0;
}

.management_node_contents .border_tbl th {
	text-align: center;
}

.management_node_contents .tab-wrap {
	display: flex;
	justify-content: flex-start;
	align-content: flex-end;
	;
	position: relative;
	padding-top: 20px;
	margin-bottom: -1px;
}

.management_node_contents .tab-wrap .tab_btn {
	border-radius: 10px 10px 0 0;
	margin: 0;
	padding: 10px 40px 10px 30px;
	margin-bottom: -1px;
	position: relative;
	background: #fff;
	color: #000;
	border: 1px solid #1da9ff;
	outline: none;
	font-size: 16px;
}

.management_node_contents .tab-wrap .tab_btn.on {
	background: #1da9ff;
	color: #fff;
}

/* .management_node_contents .tab-wrap .tab_btn:after {
	content: "";
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 8px solid #fff;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -2px;
} */

.management_node_contents .tab-wrap .flexbox {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	max-width: 550px;
	width: 55%;
}

.management_node_contents .tab-wrap .flexbox button {
	margin-left: 10px;
}

.management_node_contents .tabCont {
	border: 1px solid #1da9ff;
	padding: 30px;
	border-radius: 0 10px 10px
}

.management_node_contents .tabCont p {
	font-size: 18px;
	color: #000;
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
}

.management_node_contents .tabCont .status-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.management_node_contents .tabCont .inner-table,
.management_node_contents .tabCont .inner-table tr,
.management_node_contents .tabCont .inner-table th,
.management_node_contents .tabCont .inner-table td {
	border: none;
}

.management_node_contents .w55p span > button { margin-bottom: 20px; }

/* .management_node_contents .w55p .scrbox {border-bottom: 1px solid #c9c9c9;} */

/* .management_node_contents .tabCont .status-wrap span {
	width: 35%;
	text-align: right;
	margin-left: 10px;
} */

/* .management_node_contents .tabCont .btn-wrap {
	justify-content: flex-end;
	display: flex;
	margin-bottom: 20px;
}

.management_node_contents .tabCont .btn-wrap button {
	padding: 5px 15px;
	margin-left: 10px;
} */

.management_node_contents.contents .tabCont02 {
	display: none;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management_node_contents .box.w100p>p {
		padding: 0;
	}

	.management_node_contents .tab-wrap {
		padding-top: 1.4vw;
	}

	.management_node_contents .tab-wrap .tab_btn {
		border-radius: 0.7vw 0.7vw 0 0;
		margin: 0;
		padding: 0.7vw 2.5vw 0.7vw 2vw;
		font-size: 1.25vw;
	}

	/* .management_node_contents .tab-wrap .tab_btn:after {
		border: 0.4vw solid transparent;
		border-top: 0.5vw solid #fff;
		right: 1.4vw;
		margin-top: -0.1vw;
	} */

	.management_node_contents .tab-wrap .btn-scan {
		padding: 0.7vw 1.4vw;
	}

	.management_node_contents .tab-wrap .flexbox {
		/* width: 36vw; */
		top: 60%;
	}

	.management_node_contents .tab-wrap .flexbox button {
		margin-left: 0.7vw;
	}

	.management_node_contents .tabCont {
		padding: 2vw;
		border-radius: 0 0.7vw 0.7vw;
	}

	.management_node_contents .tabCont p {
		font-size: 1.25vw;
		padding-bottom: 1.4vw;
	}

	.management_node_contents .w55p span > button { margin-bottom: 1.4vw; }
	/* .management_node_contents .tabCont button {
		padding: 0.35vw 1vw;
		margin-left: 0.7vw;
	} */

	.management_node_contents.contents .tabCont02 {
		display: none;
	}
}

@media (max-width:1023px) {
	.management_node_contents .box.w100p>p {
		padding: 0;
	}

	.management_node_contents .tab-wrap {
		padding-top: 14px;
	}

	.management_node_contents .tab-wrap .tab_btn {
		border-radius: 7px 7px 0 0;
		margin: 0;
		padding: 7px 25px 7px 20px;
		font-size: 12.5px;
	}

	/* .management_node_contents .tab-wrap .tab_btn:after {
		border: 4px solid transparent;
		border-top: 5px solid #fff;
		right: 14px;
		margin-top: -1px;
	} */

	.management_node_contents .tab-wrap .btn-scan {
		padding: 7px 14px;
	}

	.management_node_contents .tab-wrap .flexbox {
		width: 380px;
		top: 65%;
	}

	.management_node_contents .tab-wrap .flexbox button {
		margin-left: 7px;
	}

	.management_node_contents .tabCont {
		padding: 20px;
		border-radius: 0 7px 7px;
	}

	.management_node_contents .tabCont p {
		font-size: 12.5px;
		padding-bottom: 14px;
	}

	.management_node_contents .w55p span > button { margin-bottom: 14px; }
	/* .management_node_contents .tabCont button {
		padding: 3.5px 10px;
		margin-left: 7px;
	} */

	.management_node_contents.contents .tabCont02 {
		display: none;
	}
}

/* management_ras_contents */
.management_ras_contents>.flexbox {
	flex-wrap: wrap;
}

.management_ras_contents .box.w50p.scrbox {
	max-height: 1237px !important;
}

.management_ras_contents .box.w100p {
	padding: 0;
	background: none;
	margin-bottom: 20px;
	align-items: center;
}

.management_ras_contents .box.w100p p {
	padding: 0;
}

.management_ras_contents .box.w100p>button {
	padding: 5px 30px;
}

.management_ras_contents .btn-wrap {
	display: flex;
	justify-content: flex-end;
	align-content: center;
	position: relative;
	padding-bottom: 20px;
}

.management_ras_contents .btn-wrap>* {
	padding: 5px 20px;
	margin-left: 10px;
}

.management_ras_contents .border_tbl th {
	text-align: center;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management_ras_contents .box.w100p {
		padding: 0;
		margin-bottom: 1.4vw;
	}

	.management_ras_contents .box.w100p p {
		padding: 0;
	}

	.management_ras_contents .w100p>button {
		padding: 0.35vw 2vw;
	}

	.management_ras_contents .btn-wrap {
		padding-bottom: 1.4vw;
	}

	.management_ras_contents .btn-wrap>* {
		padding: 0.35vw 1.4vw;
		margin-right: 0.7vw;
	}
}

@media (max-width:1023px) {
	.management_ras_contents .box.w100p {
		padding: 0;
		margin-bottom: 14px;
	}

	.management_ras_contents .box.w100p p {
		padding: 0;
	}

	.management_ras_contents .w100p>button {
		padding: 3.5px 14px;
		margin-left: 7px;
	}

	.management_ras_contents .btn-wrap {
		padding-bottom: 14px;
	}

	.management_ras_contents .btn-wrap>* {
		padding: 3.5px 14px;
		margin-right: 7px;
	}
}


/* management_firmware_contents */
.management_firmware_contents>.flexbox {
	flex-wrap: wrap;
}

.management_firmware_contents .box.w100p:first-child {
	padding: 0;
	background: none;
	margin-bottom: 20px;
	align-items: center;
}

.management_firmware_contents .box.w100p p {
	padding: 0;
}

.management_firmware_contents .box.w50p p.detail_title {
	padding-bottom: 10px;
}

.management_firmware_contents .w100p>button {
	padding: 5px 20px;
}

.management_firmware_contents .btn-wrap {
	display: flex;
	justify-content: center;
	align-content: center;
	position: relative;
	margin-top: 15px;
}

.management_firmware_contents .btn-wrap>* {
	padding: 5px 10px;
}

.management_firmware_contents .border_tbl th {
	text-align: center;
}

.management_firmware_contents .device_select_box {
	display: flex;
	padding: 0 10px;
	justify-content: space-between;
}

.management_firmware_contents .device_select_box div {
	display: flex;width: 45%;align-items: center;justify-content: space-between
}

.management_firmware_contents .device_select_box div select {
	margin: 0;
	width: 60%;
}

.management_firmware_contents .w50p select {
	border-radius: 0;
	margin: 0;
	min-width: 0;
	width: 80%;
	margin-left: 20%;
}

.management_firmware_contents .detail-wrap {
	min-height: 200px;
	border: 1px solid #1da9ff;
	padding: 5px;
}

.management_firmware_contents .detail-wrap .management-wrap.box {
	margin-bottom: 0;
	padding: 10px;
}

.management_firmware_contents .file-wrap {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: end;
	align-items: center;
}

.management_firmware_contents .file-wrap label {
	margin: 0 !important;
}

.management_firmware_contents td input[type="text"].product_code {
	width: 80%;
	text-align: left;
	border: 1px solid #1da9ff;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management_firmware_contents .box.w100p:first-child {
		padding: 0;
		margin-bottom: 1.4vw;
	}

	.management_firmware_contents .box.w100p p {
		padding: 0;
	}

	.management_firmware_contents .box.w50p p.detail_title {
		padding-bottom: 0.7vw;
	}

	.management_firmware_contents .w100p>button {
		padding: 0.35vw 1.4vw;
	}

	.management_firmware_contents .btn-wrap {
		margin-top: 0.7vw;
	}

	.management_firmware_contents .btn-wrap>* {
		padding: 0.35vw 0.7vw;
	}

	.management_firmware_contents .w50p select {
		border-radius: 0;
		margin: 0;
		min-width: 0;
		width: 80%;
		margin-left: 20%;
	}

	.management_firmware_contents .detail-wrap {
		min-height: 14vw;
		padding: 0.7vw;
	}

	.management_firmware_contents .detail-wrap .management-wrap.box {
		padding: 0.5vw;
	}

	.management_firmware_contents .file-wrap {
		margin: 0;
		padding: 0;
	}

	.management_firmware_contents .file-wrap label {
		margin: 0 !important;
	}
}

@media (max-width:1023px) {
	.management_firmware_contents .box.w100p:first-child {
		padding: 0;
		margin-bottom: 14px;
	}

	.management_firmware_contents .box.w100p p {
		padding: 0;
	}

	.management_firmware_contents .box.w50p p.detail_title {
		padding-bottom: 7px;
	}

	.management_firmware_contents .w100p>button {
		padding: 3.5px 14px;
	}

	.management_firmware_contents .btn-wrap {
		margin-top: 10px;
	}

	.management_firmware_contents .btn-wrap>* {
		padding: 3.5px 7px;
	}

	.management_firmware_contents .w50p select {
		border-radius: 0;
		margin: 0;
		min-width: 0;
		width: 80%;
		margin-left: 20%;
	}

	.management_firmware_contents .detail-wrap {
		min-height: 140px;
		padding: 7px;
	}

	.management_firmware_contents .detail-wrap .management-wrap.box {
		padding: 5px;
	}

	.management_firmware_contents .file-wrap {
		margin: 0;
		padding: 0;
	}

	.management_firmware_contents .file-wrap label {
		margin: 0 !important;
	}
}





/* management_alarm_contents */
.management_alarm_contents .box.w50p.scrbox {
	max-height: 800px !important;
}

.management_alarm_contents .box>p {
	display: flex;
	justify-content: space-between;
	align-content: center;
}

.management_alarm_contents .box th {
	text-align: center;
}

.management_alarm_contents .btn-wrap0 {
	margin-bottom: 20px;
}

.management_alarm_contents .btn-wrap0 button {
	padding: 5px 20px;
}

.management_alarm_contents .box .select-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.management_alarm_contents .box .select-wrap select {
	border-radius: 0;
	margin: 0 5px;
	min-width: 0;
}

.management_alarm_contents .btn-wrap {
	margin-top: 30px;
	text-align: center;
}

.management_alarm_contents .btn-wrap button {
	padding: 5px 20px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management_alarm_contents .btn-wrap0 {
		margin-bottom: 1.4vw;
	}

	.management_alarm_contents .btn-wrap0 button {
		padding: 0.4vw 0.7vw;
	}

	.management_alarm_contents .box .select-wrap select {
		border-radius: 0;
		margin: 0 0.35vw;
		min-width: 0;
	}

	.management_alarm_contents .btn-wrap button {
		padding: 0.35vw 1.4vw;
	}
}

@media (max-width:1023px) {
	.management_alarm_contents .btn-wrap0 {
		margin-bottom: 14px;
	}

	.management_alarm_contents .btn-wrap0 button {
		padding: 4px 7px;
	}

	.management_alarm_contents .box .select-wrap select {
		border-radius: 0;
		margin: 0 3.5px;
		min-width: 0;
		width: 40%;
	}

	.management_alarm_contents .btn-wrap button {
		padding: 3.5px 14px;
	}
}

/* management_node_power_contents */
.management_node_power_contents .box.w50p.scrbox {
	max-height: 800px !important;
}

.management_node_power_contents .box>p {
	display: flex;
	justify-content: space-between;
	align-content: center;
}

.management_node_power_contents .box th {
	text-align: center;
}

.management_node_power_contents .btn-wrap0 {
	margin-bottom: 20px;
}

.management_node_power_contents .btn-wrap0 button {
	padding: 5px 20px;
}

.management_node_power_contents .box .select-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.management_node_power_contents .box .select-wrap select {
	border-radius: 0;
	margin: 0 5px;
	min-width: 0;
}

.management_node_power_contents .btn-wrap {
	margin-top: 30px;
	text-align: center;
}

.management_node_power_contents .btn-wrap button {
	padding: 5px 20px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.management_node_power_contents .btn-wrap0 {
		margin-bottom: 1.4vw;
	}

	.management_node_power_contents .btn-wrap0 button {
		padding: 0.4vw 0.7vw;
	}

	.management_node_power_contents .box .select-wrap select {
		border-radius: 0;
		margin: 0 0.35vw;
		min-width: 0;
	}

	.management_node_power_contents .btn-wrap button {
		padding: 0.35vw 1.4vw;
	}
}

@media (max-width:1023px) {
	.management_node_power_contents .btn-wrap0 {
		margin-bottom: 14px;
	}

	.management_node_power_contents .btn-wrap0 button {
		padding: 4px 7px;
	}

	.management_node_power_contents .box .select-wrap select {
		border-radius: 0;
		margin: 0 3.5px;
		min-width: 0;
		width: 40%;
	}

	.management_node_power_contents .btn-wrap button {
		padding: 3.5px 14px;
	}
}

/* schedule */
.schedule_contents {}
.schedule_contents > .w100p { display:  flex; justify-content: space-between;}
.schedule_contents .box.w30p {width: calc(30% - 10px)}
.schedule_contents .box.w70p {width: calc(70% - 10px)}

.schedule_contents .blue_black_select {
	margin-left: 0;
	padding: 5px 20px 5px 10px;
	min-width: 60px;
}

.schedule_contents .blue_btn {
	padding: 5px 10px;
	line-height: 120%;
}

.schedule_contents .blue_black_btn {
	padding: 5px 10px;
	line-height: 120%;
}

.schedule_contents .blue_white_btn {
	padding: 5px 10px;
	line-height: 120%;
}

.schedule_contents .box {
	display: flex;
	justify-content: space-between;
}

.schedule_contents .box .previewbox {
	position: relative;
	height: 320px;
}

.schedule_contents .box .previewbox .subbox {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.schedule_contents .subbox.weekly {
	z-index: 1;
}

.schedule_contents .subbox.flex {
	z-index: 0;
}

.schedule_contents .subbox.manual {
	z-index: 0;
}

.schedule_contents .noti {
	font-size: 19px;
	display: inline-block;
	float: right;
	position: relative;
}

.schedule_contents .noti span {
	font-size: 26px;
	position: absolute;
	left: -10px;
}

.schedule_contents .zone-wrap {
	border: 1px solid #1da9ff;
	border-radius: 15px;
	padding: 10px;
	box-sizing: border-box;
	min-width: 250px;
}

.schedule_contents .checkbox-wrap {
	border: 1px solid #1da9ff;
	border-radius: 15px;
	padding: 10px;
	box-sizing: border-box;
	min-width: 250px;
}

.schedule_contents .checkbox-wrap ul {}

.schedule_contents .checkbox-wrap li {}

.schedule_contents .checkbox-wrap input[type="checkbox"] {
	display: none;
}

.schedule_contents .checkbox-wrap input[type="checkbox"]+label {
	position: relative;
	font-size: 16px;
	line-height: 200%;
}

.schedule_contents .checkbox-wrap input[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #cecece;
	box-sizing: border-box;
	border-radius: 3px;
	margin-right: 10px;
}

.schedule_contents .checkbox-wrap input[type="checkbox"]:checked+label:after {
	content: "✓";
	display: block;
	width: 15px;
	height: 15px;
	border: 1px solid #1da9ff;
	box-sizing: border-box;
	border-radius: 3px;
	color: #fff;
	line-height: 17px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background: #1da9ff;
	text-align: center;
}

.sunrise_set {
	transform: scale(1.6);
	margin-right: 10px !important;
}
.schedule_contents .canvas-wrap {
	width: 100%;
	height: 90%;
	padding-top: 10px;
	box-sizing: border-box;
}
.schedule_contents #preview_weekly_chart {
	width: 100%;
	position: relative;
}

.schedule_contents #preview_weekly_chart ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 60px 0 30px 25px;
	border-left: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	position: relative;
	width: calc(100% - 25px);
	height: 200px;
}

.schedule_contents #preview_weekly_chart ul:before {
	content: "0";
	position: absolute;
	left: -25px;
	bottom: 0;
	width: 20px;
	text-align: right;
	font-size: 12px;
}

.schedule_contents #preview_weekly_chart ul:after {
	content: "100";
	position: absolute;
	left: -25px;
	top: 0;
	width: 20px;
	text-align: right;
	font-size: 12px;
}

.schedule_contents #preview_weekly_chart li {
	width: 4%;
	height: 100%;
	background: linear-gradient(90deg, transparent 30%, #e3e3e3 30%, #e3e3e3 70%, transparent 70%);
	position: relative;
}

.schedule_contents #preview_weekly_chart li .pwchart {
	width: 38%;
	background: #1da9ff;
	position: absolute;
	bottom: 0;
	left: 31%;
	border-radius: 10px 10px 0 0;
}

.schedule_contents #preview_weekly_chart li .pwselValue {
	width: 90%;
	position: absolute;
	top: -30px;
	left: 5%;
	background: #1da9ff;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 12px;
	border-radius: 50px;
}

.schedule_contents #preview_weekly_chart li .gTerm {
	display: inline-block;
	width: 100%;
	position: absolute;
	bottom: -25px;
	left: 0;
	font-size: 12px;
	text-align: center;
}

.schedule_contents #preview_flex_chart {
	width: 100%;
	position: relative;
}

.schedule_contents #preview_flex_chart ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 60px 0 30px 25px;
	border-left: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	position: relative;
	width: calc(100% - 25px);
	height: 200px;
}

.schedule_contents #preview_flex_chart ul:before {
	content: "0";
	position: absolute;
	left: -25px;
	bottom: 0;
	width: 20px;
	text-align: right;
	font-size: 12px;
}

.schedule_contents #preview_flex_chart ul:after {
	content: "100";
	position: absolute;
	left: -25px;
	top: 0;
	width: 20px;
	text-align: right;
	font-size: 12px;
}

.schedule_contents #preview_flex_chart li {
	width: 4%;
	height: 100%;
	background: linear-gradient(90deg, transparent 30%, #e3e3e3 30%, #e3e3e3 70%, transparent 70%);
	position: relative;
}

.schedule_contents #preview_flex_chart li .pchart {
	width: 38%;
	background: #1da9ff;
	position: absolute;
	bottom: 0;
	left: 31%;
	border-radius: 10px 10px 0 0;
}

.schedule_contents #preview_flex_chart li .pselValue {
	width: 90%;
	position: absolute;
	top: -30px;
	left: 5%;
	background: #1da9ff;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 12px;
	border-radius: 50px;
}

.schedule_contents #preview_flex_chart li .gTerm {
	display: inline-block;
	width: 100%;
	position: absolute;
	bottom: -25px;
	left: 0;
	font-size: 12px;
	text-align: center;
}

.schedule_contents #preview_manual_chart {
	width: 100%;
	position: relative;
}

.schedule_contents #preview_manual_chart ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 60px 0 30px 25px;
	border-left: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	position: relative;
	width: calc(100% - 25px);
	height: 200px;
}

.schedule_contents #preview_manual_chart ul:before {
	content: "0";
	position: absolute;
	left: -25px;
	bottom: 0;
	width: 20px;
	text-align: right;
	font-size: 12px;
}

.schedule_contents #preview_manual_chart ul:after {
	content: "100";
	position: absolute;
	left: -25px;
	top: 0;
	width: 20px;
	text-align: right;
	font-size: 12px;
}

.schedule_contents #preview_manual_chart li {
	width: 4%;
	height: 100%;
	background: linear-gradient(90deg, transparent 30%, #e3e3e3 30%, #e3e3e3 70%, transparent 70%);
	position: relative;
}

.schedule_contents #preview_manual_chart li .pchart {
	width: 38%;
	background: #1da9ff;
	position: absolute;
	bottom: 0;
	left: 31%;
	border-radius: 10px 10px 0 0;
}

.schedule_contents #preview_manual_chart li .pselValue {
	width: 90%;
	position: absolute;
	top: -30px;
	left: 5%;
	background: #1da9ff;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 12px;
	border-radius: 50px;
}

.schedule_contents #preview_manual_chart li .gTerm {
	display: inline-block;
	width: 100%;
	position: absolute;
	bottom: -25px;
	left: 0;
	font-size: 12px;
	text-align: center;
}

.schedule_contents .multi-wrap {}

.schedule_contents .multi-wrap .controlModeWrap {
	display: flex;
	justify-content: space-between;
}

.schedule_contents .multi-wrap .controlModeWrap select {
	width: 75%;
}

.schedule_contents .multi-wrap input[type="radio"] {
	display: none;
}

.schedule_contents .multi-wrap input[type="radio"]+label {
	position: relative;
	font-size: 16px;
	line-height: 200%;
	display: flex;
	align-items: center;
}

.schedule_contents .multi-wrap input[type="radio"]+label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #1da9ff;
	box-sizing: border-box;
	border-radius: 50%;
	margin-right: 10px;
}

.schedule_contents .multi-wrap input[type="radio"]:checked+label:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #1da9ff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -7px;
}

.schedule_contents .multi-wrap .constantB {
	margin-top: 30px;
	position: relative;
}

.schedule_contents .multi-wrap .bright-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.schedule_contents .multi-wrap .bright-wrap p {
	font-size: 16px;
}

.schedule_contents .multi-wrap .bright-wrap .w30p {
	white-space: nowrap;
	width: 40%;
}

.schedule_contents .multi-wrap .bright-wrap select {
	border-radius: 10px;
	font-size: 15px;
	padding-right: 15px;
}

.schedule_contents .multi-wrap .bright-wrap select option {
	font-size: 15px;
}

.schedule_contents .multi-wrap input[type="range"] {
	margin: 20px 0;
	width: 100%;
	cursor: pointer;
	background: #1da9ff;
}

/* .schedule_contents .multi-wrap input[type="range"]::-webkit-slider-runnable-track { border-radius: 50px; height: 14px; }
.schedule_contents .multi-wrap input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; width: 20px; height: 20px; background: #1da9ff;border: none; border-radius: 50%; outline: none;} */
.schedule_contents .multi-wrap .num0 {
	position: absolute;
	bottom: -2px;
	left: 5px;
}

.schedule_contents .multi-wrap .num50 {
	position: absolute;
	bottom: -2px;
	left: 48%;
}

.schedule_contents .multi-wrap .num100 {
	position: absolute;
	bottom: -2px;
	right: -5px;
}

.schedule_contents .table-wrap .scrbox {
	padding: 0;
}

.schedule_contents .week-tab-wrap {
	display: flex;
	justify-content: flex-end;
}

.schedule_contents .week-tab-wrap li {
	margin-right: 5px;
}

.schedule_contents .week-tab-wrap li button.on {
	background: #1da9ff;
	color: #fff;
}

.schedule_contents .week-tab-wrap li input[type="checkbox"] {
	display: none;
}

.schedule_contents .week-tab-wrap li input[type="checkbox"]+label {
	position: relative;
	font-size: 16px;
	line-height: 28px;
	display: flex;
	align-items: center;
	color: #000;
}

.schedule_contents .week-tab-wrap li input[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #cecece;
	box-sizing: border-box;
	border-radius: 3px;
	margin-right: 10px;
}

.schedule_contents .week-tab-wrap li input[type="checkbox"]:checked+label:before {
	border-color: #1da9ff;
	background: #1da9ff;
}

.schedule_contents .week-tab-wrap li input[type="checkbox"]:checked+label:after {
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -6.5px;
}

.schedule_contents #weekly_chart ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 90px 0 30px 30px;
	border-left: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	position: relative;
	width: calc(100% - 25px);
	height: 200px;
}

.schedule_contents #weekly_chart ul:before {
	content: "0";
	position: absolute;
	left: -25px;
	bottom: 0;
	width: 20px;
	text-align: right;
	font-size: 12px;
}

.schedule_contents #weekly_chart ul:after {
	content: "100";
	position: absolute;
	left: -25px;
	top: 0;
	width: 20px;
	text-align: right;
	font-size: 12px;
}

.schedule_contents #weekly_chart li {
	width: 4%;
	position: relative;
	height: 100%;
	text-align: center;
}

.schedule_contents #weekly_chart li .slider {
	-webkit-appearance: slider-vertical;
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
}

.schedule_contents #weekly_chart li .selValue {
	display: flex;
  flex-direction: column;
  align-items: center;
	justify-content: center;
	width: 90%;
	height: 55px;
	position: absolute;
	top: -60px;
	left: 4%;
	background: #e3e3e3;
	text-align: center;
	box-sizing: border-box;
	font-size: 12px;
	border-radius: 15px;
	box-shadow: 1px 1px 1px;
	cursor:pointer;
}

.schedule_contents #weekly_chart li .selValue:hover {
	background: #c8c8c8;
}

.schedule_contents #weekly_chart li .selValue:active {
	box-shadow: none;
	background: #e3e3e3;
}
.schedule_contents #weekly_chart li .selValue > div {
  border-right: 2.5px solid #a6a6a6;
  border-bottom: 2.5px solid #a6a6a6;
  height: 9px;
  width: 9px;
}

.schedule_contents #weekly_chart li .selValue .increase {
	transform: rotate(225deg);
	cursor: pointer;
}

.schedule_contents #weekly_chart li .selValue .decrease {
	transform: rotate(45deg);
cursor: pointer;
}

.schedule_contents #weekly_chart li .selValue .increase:hover, .schedule_contents #weekly_chart li .selValue .decrease:hover {
	border-color: #424242;
}

.schedule_contents #weekly_chart li .gTerm {
	display: inline-block;
	width: 100%;
	position: absolute;
	bottom: -25px;
	left: 0;
	font-size: 13px;
	text-align: center
}


.schedule_contents .preview-wrap {
	margin-top: -55px;
	height: 100%;
}

.schedule_contents .preview-wrap .flex_tab {
	display: flex;
}

.schedule_contents .preview-wrap .flex_tab li {
	margin-right: 10px;
}

.schedule_contents .inputbox {}

.schedule_contents .inputbox th,
td {
	font-size: 16px;
}

.schedule_contents .inputbox th {
	text-align: left;
}

.schedule_contents .inputbox td {
	text-align: left;
}

.schedule_contents .inputbox td input {
	outline: none;
	width: 98%;
	padding: 5px 10px;
}

.schedule_contents .inputbox td select {
	outline: none;
	border-radius: 10px;
	width: 31%;
}

.schedule_contents .table-wrap {}

.schedule_contents .table-wrap>table {
	background: #d8d8d8;
	border-radius: 10px;
	overflow: hidden;
}

.schedule_contents .table-wrap th,
td {
	font-size: 16px;
	padding: 5px;
}

.schedule_contents .table-wrap th {
	background: #d8d8d8;
}

.schedule_contents .table-wrap td {
	text-align: left;
}

.schedule_contents .table-wrap .ta-center th,
.schedule_contents .table-wrap .ta-center td  {
	text-align: center;
}

.schedule_contents .table-wrap td .num {
	display: inline-block;
	width: 30px;
}

.schedule_contents .table-wrap td input {
	outline: none;
}

.schedule_contents .table-wrap td select {
	outline: none;
	border-radius: 10px;
	padding: 5px;
}

.schedule_contents .box .flex {
	display: block;
}

.schedule_contents .box .flex .borderbox .time-wrap .txt {
	font-size: 16px;
}

.schedule_contents .box .flex .borderbox span {
	text-align: right;
}

.schedule_contents .box .flex .borderbox span input[type="text"] {
	border: none;
	border-bottom: 1px solid #1da9ff;
	width: 25%;
	padding: 5px;
  font-size: 16px;
	text-align: center;
}

.schedule_contents .box .flex .inputbox {
	display: flex;
	flex-wrap: wrap;
}

.schedule_contents .box .flex .inputbox select {
	border-radius: 5px;
}

.schedule_contents .box .flex .inputbox>p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #000;
}

.schedule_contents .box .flex .inputbox>p .w30p {
	display: inline-block;
	white-space: nowrap;
	margin-right: 15px;
}

.schedule_contents .box .flex .inputbox>p input {
	max-width: none;
	width: 60%;
	border-radius: 5px;
	margin-right: 5px;
	margin-top: 0;
	padding: 5px;
	box-sizing: border-box;
}

.schedule_contents .box .flex .inputbox>input[type="checkbox"] {
	display: none;
}

.schedule_contents .box .flex .inputbox>input[type="checkbox"]+label {
	position: relative;
	font-size: 16px;
	line-height: 28px;
	display: flex;
	align-items: center;
	color: #000;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 50%;
}

.schedule_contents .box .flex .inputbox>input[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #cecece;
	box-sizing: border-box;
	border-radius: 3px;
	margin-right: 10px;
}

.schedule_contents .box .flex .inputbox>input[type="checkbox"]:checked+label:before {
	border-color: #1da9ff;
	background: #1da9ff;
}

.schedule_contents .box .flex .inputbox>input[type="checkbox"]+label:after {
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 7px;
	left: 5px;
}

.schedule_contents .box .flex .inputbox .tab-wrap {
	flex-wrap: wrap;
}

.schedule_contents .box .flex .inputbox .tab-wrap li {
	margin-bottom: 20px;
}

.schedule_contents .box .flex .inputbox .tab-wrap li button {
	padding: 10px 30px;
}

.schedule_contents .box .flex .inputbox2 {}

.schedule_contents .box .flex .inputbox2 .btn-wrap {
	display: flex;
	justify-content: end;
	align-items: center;
	margin-bottom: 10px;
}

.schedule_contents .box .flex .inputbox2 .btn-wrap .blue_btn {
	margin-left: 5px;
}

.schedule_contents .box .flex .inputbox2 .borderbox {
	border: 1px solid #1da9ff;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 15px;
}

.schedule_contents .box .flex .inputbox2 .borderbox thead {
	background: #fff;
}

.schedule_contents .box .flex .inputbox2 .thbox {
	padding: 10px;
}

.schedule_contents .box .flex .inputbox2 li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #000;
	line-height: 200%;
	margin-bottom: 10px;
}

.schedule_contents .box .flex .inputbox2 li:last-child {
	margin-bottom: 0;
}

.schedule_contents .box .flex .inputbox2 li input {
	width: 65px;
	border: 1px solid #cecece;
	border-radius: 5px;
	padding: 5px;
	box-sizing: border-box;
	outline: none;
}

.schedule_contents .box .flex .inputbox2 li select {
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
}

.schedule_contents .box .flex .inputbox2>table {}

.schedule_contents .box .flex .inputbox2 th,
td {
	text-align: center;
}

@media (min-width:1440px) and (max-width:1900px) {
	.schedule_contents .table-wrap td {
		white-space: nowrap;
	}
}

@media (min-width:1024px) and (max-width:1440px) {
	.schedule_contents .blue_black_select {
		margin-left: 0;
		padding: 0.35vw 0.35vw;
	}

	.schedule_contents .blue_btn {
		padding: 0.35vw 0.7vw;
		margin-left: 0.35vw;
	}

	.schedule_contents .blue_black_btn {
		padding: 0.35vw 0.7vw;
	}

	.schedule_contents .blue_white_btn {
		padding: 0.35vw 0.7vw;
	}

	.schedule_contents .noti {
		font-size: 1.1vw;
	}

	.schedule_contents .noti span {
		font-size: 1.8vw;
		left: -0.7vw;
	}

	.schedule_contents .box .previewbox {
		/* height: 250px; */
	}

	.schedule_contents .preview-wrap {
		margin-top: -3vw;
	}

	.schedule_contents .zone-wrap {
		border-radius: 1vw;
		padding: 0.7vw;
		min-width: 0;
		width: 100%;
	}

	.schedule_contents .checkbox-wrap {
		border-radius: 1vw;
		padding: 0.7vw;
		min-width: 0;
		width: 100%;
	}

	.schedule_contents .checkbox-wrap input[type="checkbox"]+label {
		font-size: 1.1vw;
	}

	.schedule_contents .checkbox-wrap input[type="checkbox"]+label:before {
		width: 1vw;
		height: 1vw;
		border-radius: 0.2vw;
		margin-right: 0.7vw;
	}

	.schedule_contents .checkbox-wrap input[type="checkbox"]:checked+label:after {
		width: 1vw;
		height: 1vw;
		border-radius: 0.2vw;
		line-height: 1.2vw;
	}

	.schedule_contents .multi-wrap input[type="radio"]+label {
		font-size: 1.1vw;
	}

	.schedule_contents .multi-wrap input[type="radio"]+label:before {
		width: 1.4vw;
		height: 1.4vw;
		margin-right: 0.7vw;
	}

	.schedule_contents .multi-wrap input[type="radio"]:checked+label:after {
		width: 1vw;
		height: 1vw;
		left: 0.2vw;
		margin-top: -0.5vw;
	}

	.schedule_contents .multi-wrap input[type="range"] {
		margin: 1.4vw 0 2.1vw 1.5vw;
		width: calc(100% - 2.1vw);
	}

	.schedule_contents .multi-wrap .num0 {
		left: 1.8vw;
		bottom: 5px;
	}

	.schedule_contents .multi-wrap .num50 {
		bottom: 5px;
		left: 50%;
	}
	.schedule_contents .multi-wrap .num100 {
		bottom: 5px;
		right: 0;
	}

	.schedule_contents .multi-wrap .constantB {
		margin-top: 2vw;
	}

	.schedule_contents .multi-wrap .bright-wrap p {
		font-size: 1.1vw;
	}

	.schedule_contents .multi-wrap .bright-wrap select {
		border-radius: 0.7vw;
		font-size: 1vw;
		padding-right: 1vw;
	}

	.schedule_contents .multi-wrap .bright-wrap select option {
		font-size: 1vw;
	}

	.schedule_contents .tab-wrap li {
		margin-right: 0.3vw;
	}

	.schedule_contents .tab-wrap li input[type="checkbox"]+label {
		font-size: 1.1vw;
		line-height: 1.9vw;
	}

	.schedule_contents .tab-wrap li input[type="checkbox"]+label:before {
		width: 1.1vw;
		height: 1.1vw;
		border-radius: 0.2vw;
		margin-right: 0.7vw;
	}

	.schedule_contents .tab-wrap li input[type="checkbox"]:checked+label:after {
		border-bottom: 0.14vw solid #fff;
		border-right: 0.14vw solid #fff;
		left: 0.4vw;
		margin-top: -0.45vw;
	}

	.schedule_contents #weekly_chart ul {
		margin: 6vw 0 2vw 2vw;
		width: calc(100% - 1.7vw);
		height: 14vw;
	}

	.schedule_contents #weekly_chart ul:before {
		left: -1.7vw;
		bottom: 0;
		width: 1.4vw;
		font-size: 1vw;
	}

	.schedule_contents #weekly_chart ul:after {
		left: -2vw;
		top: 0;
		width: 1.4vw;
		font-size: 1vw;
	}

	.schedule_contents #weekly_chart li .selValue {
		height: 4vw;
		font-size: 0.8vw;
		border-radius: 2.5vw;
		top: -4.5vw;
	}

	.schedule_contents #weekly_chart li .selValue > div {
		height: 0.5vw;
		width: 0.5vw;
	}

	.schedule_contents #weekly_chart li .gTerm {
		bottom: -1.7vw;
		left: 0;
		font-size: 1vw;
	}


	.schedule_contents .preview-wrap .flex_tab li {
		margin-right: 0.7vw;
	}

	.schedule_contents .inputbox th,
	td {
		font-size: 1.1vw;
	}

	.schedule_contents .inputbox th {
		width: 30%;
	}

	.schedule_contents .inputbox td input {
		padding: 0.35vw 0.7vw;
	}

	.schedule_contents .inputbox td select {
		border-radius: 0.7vw;
	}

	.schedule_contents .table-wrap {
		overflow-x: auto;
	}

	.schedule_contents .table-wrap .scrbox {
		max-height: 20vw;
	}

	.schedule_contents .table-wrap>table {
		border-radius: 0.7vw;
	}

	.schedule_contents .table-wrap th,
	td {
		font-size: 1.1vw;
		padding: 0.4vw;
		white-space: nowrap;
	}

	.schedule_contents .table-wrap td .num {
		width: 2.1vw;
	}

	.schedule_contents .table-wrap td select {
		border-radius: 0.7vw;
		padding: 0.35vw;
		font-size: 1vw;
	}

	.schedule_contents .box .flex .borderbox .time-wrap .txt,
	.schedule_contents .box .flex .borderbox span input[type="text"] {
		font-size: 1.1vw;
	}

	.schedule_contents .box .flex .inputbox select {
		border-radius: 0.35vw;
	}

	.schedule_contents .box .flex .inputbox>p {
		font-size: 1.1vw;
	}

	.schedule_contents .box .flex .inputbox>p .w30p {
		margin-right: 1vw;
	}

	.schedule_contents .box .flex .inputbox>p input {
		border-radius: 0.4vw;
		margin-right: 0.4vw;
		margin-top: 0;
		padding: 0.4vw;
	}

	.schedule_contents .box .flex .inputbox>input[type="checkbox"]+label {
		font-size: 1.1vw;
		line-height: 1.9vw;
		margin-top: 1.4vw;
		margin-bottom: 0.7vw;
	}

	.schedule_contents .box .flex .inputbox>input[type="checkbox"]+label:before {
		width: 1.1vw;
		height: 1.1vw;
		border-radius: 0.2vw;
		margin-right: 0.7vw;
	}

	.schedule_contents .box .flex .inputbox>input[type="checkbox"]+label:after {
		border-bottom: 0.14vw solid #fff;
		border-right: 0.14vw solid #fff;
		top: 0.5vw;
		left: 0.35vw;
	}

	.schedule_contents .box .flex .inputbox .tab-wrap li {
		margin-bottom: 1.4vw;
	}

	.schedule_contents .box .flex .inputbox .tab-wrap li button {
		padding: 0.7vw 2vw;
	}

	.schedule_contents .box .flex .inputbox2 .thbox th {
		font-size: 1.1vw;
	}

	.schedule_contents .box .flex .inputbox2 .btn-wrap {
		margin-bottom: 0.7vw;
	}

	.schedule_contents .box .flex .inputbox2 .borderbox {
		border-radius: 1vw;
		padding: 0.7vw;
	}

	.schedule_contents .box .flex .inputbox2 li {
		font-size: 1.1vw;
		margin-bottom: 0.7vw;
	}

	.schedule_contents .box .flex .inputbox2 li:last-child {
		margin-bottom: 0;
	}

	.schedule_contents .box .flex .inputbox2 li input {
		width: 45.1vw;
		border-radius: 0.35vw;
		padding: 0.35vw;
	}

	.schedule_contents .box .flex .inputbox2 li select {
		padding: 0.35vw;
		border-radius: 0.35vw;
		font-size: 1.1vw;
	}
}

@media (max-width:1023px) {
	.schedule_contents .blue_black_select {
		margin-left: 0;
		padding: 3.5px 3.5px;
		min-width: 40px;
	}

	.schedule_contents .blue_btn {
		padding: 3.5px 7px;
	}

	.schedule_contents .blue_black_btn {
		padding: 3.5px 7px;
	}

	.schedule_contents .blue_white_btn {
		padding: 3.5px 7px;
	}

	.schedule_contents .noti {
		font-size: 11px;
	}

	.schedule_contents .noti span {
		font-size: 18px;
		left: -7px;
	}

	.schedule_contents .zone-wrap {
		border-radius: 10px;
		padding: 7px;
		min-width: 174px;
	}

	.schedule_contents .checkbox-wrap {
		border-radius: 10px;
		padding: 7px;
		min-width: 174px;
	}

	.schedule_contents .checkbox-wrap input[type="checkbox"]+label {
		font-size: 11px;
	}

	.schedule_contents .checkbox-wrap input[type="checkbox"]+label:before {
		width: 10px;
		height: 10px;
		border-radius: 2px;
		margin-right: 7px;
	}

	.schedule_contents .checkbox-wrap input[type="checkbox"]:checked+label:after {
		width: 10px;
		height: 10px;
		border-radius: 2px;
		line-height: 12px;
	}

	.schedule_contents .multi-wrap input[type="radio"]+label {
		font-size: 11px;
	}

	.schedule_contents .multi-wrap input[type="radio"]+label:before {
		width: 14px;
		height: 14px;
		margin-right: 7px;
	}

	.schedule_contents .multi-wrap input[type="radio"]:checked+label:after {
		width: 10px;
		height: 10px;
		left: 2px;
		margin-top: -5px;
	}

	.schedule_contents .multi-wrap input[type="range"] {
		margin: 14px 0 21px 14px;
		width: calc(100% - 21px);
	}

	.schedule_contents .multi-wrap .num0 {
		left: 18px;
		bottom: 5px;
	}

	.schedule_contents .multi-wrap .num50 {
		bottom: 5px;
		left: 50%;
	}

	.schedule_contents .multi-wrap .num100 {
		bottom: 5px;
		right: 2px;
	}

	.schedule_contents .multi-wrap .constantB {
		margin-top: 20px;
	}

	.schedule_contents .multi-wrap .bright-wrap p {
		font-size: 11px;
	}

	.schedule_contents .multi-wrap .bright-wrap select {
		border-radius: 7px;
		font-size: 10px;
		padding-right: 10px;
	}

	.schedule_contents .multi-wrap .bright-wrap select option {
		font-size: 10px;
	}

	.schedule_contents .tab-wrap li {
		margin-right: 7px;
	}

	.schedule_contents .tab-wrap li input[type="checkbox"]+label {
		font-size: 11px;
		line-height: 19px;
	}

	.schedule_contents .tab-wrap li input[type="checkbox"]+label:before {
		width: 11px;
		height: 11px;
		border-radius: 2px;
		margin-right: 7px;
	}

	.schedule_contents .tab-wrap li input[type="checkbox"]:checked+label:after {
		width: 4px;
		height: 5px;
		border-bottom: 1.4px solid #fff;
		border-right: 1.4px solid #fff;
		left: 4px;
		margin-top: -4.5px;
	}

	.schedule_contents .box .previewbox {
		height: 250px;
	}

	.schedule_contents .preview-wrap {
		margin-top: -40px;
	}

	.schedule_contents .preview-wrap .flex_tab li {
		margin-right: 7px;
	}

	.schedule_contents .inputbox th,
	td {
		font-size: 11px;
	}

	.schedule_contents .inputbox td input {
		padding: 3.5px 7px;
	}

	.schedule_contents .inputbox td select {
		border-radius: 7px;
	}

	.schedule_contents .table-wrap>table {
		border-radius: 7px;
	}

	.schedule_contents .table-wrap .scrbox {
		max-height: 200px;
	}

	.schedule_contents .table-wrap th,
	td {
		font-size: 11px;
		padding: 3.5px;
	}

	.schedule_contents .table-wrap td .num {
		width: 21px;
	}

	.schedule_contents .table-wrap td select {
		border-radius: 7px;
		padding: 3.5px;
		font-size: 10px;
	}

	.schedule_contents .box .flex .borderbox .time-wrap .txt,
	.schedule_contents .box .flex .borderbox span input[type="text"] {
		font-size: 11px;
	}

	.schedule_contents .box .flex .inputbox select {
		border-radius: 3.5px;
	}

	.schedule_contents .box .flex .inputbox>p {
		font-size: 11px;
	}

	.schedule_contents .box .flex .inputbox>p .w30p {
		margin-right: 10px;
	}

	.schedule_contents .box .flex .inputbox>p input {
		border-radius: 3.5px;
		margin-right: 3.5px;
		margin-top: 0;
		padding: 3.5px;
	}

	.schedule_contents .box .flex .inputbox>input[type="checkbox"]+label {
		font-size: 11px;
		line-height: 19px;
		margin-top: 14px;
		margin-bottom: 7px;
	}

	.schedule_contents .box .flex .inputbox>input[type="checkbox"]+label:before {
		width: 11px;
		line-height: 11px;
		height: 13px;
		border-radius: 2px;
		margin-right: 7px;
	}

	.schedule_contents .box .flex .inputbox>input[type="checkbox"]+label:after {
		width: 7px;
		height: 5px;
		border-bottom: 1.4px solid #fff;
		border-right: 1.4px solid #fff;
		top: 5px;
		left: 40px;
	}

	.schedule_contents .box .flex .inputbox .tab-wrap li {
		margin-bottom: 14px;
	}

	.schedule_contents .box .flex .inputbox .tab-wrap li button {
		padding: 7px 20px
	}

	.schedule_contents .box .flex .inputbox2 .thbox th {
		font-size: 11px;
	}

	.schedule_contents .box .flex .inputbox2 .btn-wrap {
		margin-bottom: 7px;
	}

	.schedule_contents .box .flex .inputbox2 .borderbox {
		border-radius: 10px;
		padding: 5px;
	}

	.schedule_contents .box .flex .inputbox2 li {
		font-size: 11px;
		margin-bottom: 7px;
	}

	.schedule_contents .box .flex .inputbox2 li:last-child {
		margin-bottom: 0;
	}

	.schedule_contents .box .flex .inputbox2 li input {
		width: 451px;
		border-radius: 3.5px;
		padding: 3.5px;
	}

	.schedule_contents .box .flex .inputbox2 li select {
		padding: 7px;
		border-radius: 3.5px;
		font-size: 11px;
	}

	.schedule_contents #weekly_chart ul {
		margin: 60px 0 20px 20px;
		width: calc(100% - 17px);
		height: 140px;
	}

	.schedule_contents #weekly_chart ul:before {
		left: -17px;
		bottom: 0;
		width: 14px;
		font-size: 10px;
	}

	.schedule_contents #weekly_chart ul:after {
		left: -20px;
		top: 0;
		width: 14px;
		font-size: 10px;
	}

	.schedule_contents #weekly_chart li .selValue {
		height: 40px;
		font-size: 10px;
		border-radius: 25px;
		top: -45px;
	}

	.schedule_contents #weekly_chart li .selValue > div {
		height: 5px;
		width: 5px;
	}

	.schedule_contents #weekly_chart li .gTerm {
		bottom: -17px;
		left: 0;
		font-size: 10px;
	}
}

/* sunrise set modal */
.layerpop.sunrise-set .layer_cont {
	padding-bottom: 0;
}
.sunrise-set {
	width: 760px;
}
.sunrise-set .box:first-child {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}


/* weather */
.weather_contents {
	max-height: 100vh !important;
	overflow: auto;
}

.weather_contents .weatherbox {
	height: 250px;
	margin-bottom: 50px;
	background: url("../../assets/images/weather_bg.png") no-repeat left bottom;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background-size: 100%;
}

.weather_contents .weatherbox .w_day {
	width: 33.333%;
}

.weather_contents .weatherbox .w_day p {
	line-height: 40px;
	color: #1da9ff;
	font-weight: 600;
	font-size: 18px;
}

.weather_contents .weatherbox .w_day ul {
	height: 210px;
	border-top: 1px solid #1da9ff;
	border-right: 1px dotted #1da9ff;
	display: flex;
}

.weather_contents .weatherbox .w_day:last-child ul {
	border-right: none;
}

.weather_contents .weatherbox .w_day li {
	width: 12.5%;
	text-align: center;
}

.weather_contents .weatherbox .w_day li .w_time {
	line-height: 40px;
	color: #888;
	font-size: 18px;
	font-weight: 500;
}

.weather_contents .weatherbox .w_day li .w_icon {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.weather_contents .weatherbox .w_day li .w_icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media (min-width:1024px) and (max-width:1440px) {
	.weather_contents .weatherbox {
		height: 17vw;
		margin-bottom: 3.5vw;
	}

	.weather_contents .weatherbox .w_day p {
		line-height: 2.7vw;
		font-size: 1.25vw;
	}

	.weather_contents .weatherbox .w_day ul {
		height: 14.6vw;
	}

	.weather_contents .weatherbox .w_day li .w_time {
		line-height: 2.7vw;
		font-size: 1.25vw;
	}

	.weather_contents .weatherbox .w_day li .w_icon {
		height: 3vw;
	}
}

@media (max-width:1023px) {
	.weather_contents .weatherbox {
		height: 170px;
		margin-bottom: 35px;
	}

	.weather_contents .weatherbox .w_day p {
		line-height: 27px;
		font-size: 12.5px;
	}

	.weather_contents .weatherbox .w_day ul {
		height: 146px;
	}

	.weather_contents .weatherbox .w_day li .w_time {
		line-height: 27px;
		font-size: 12.5px;
	}

	.weather_contents .weatherbox .w_day li .w_icon {
		height: 30px;
	}
}



/* calendar */
.calendar-wrap {
	padding: 0 30px 0 0;
}

.calendar-wrap .contents-top {
	width: calc(100% + 30px);
}

@media (min-width:1024px) and (max-width:1440px) {
	.calendar-wrap .contents-top {
		width: calc(100% + 2.1vw);
	}
}

@media (max-width:1023px) {
	.calendar-wrap .contents-top {
		width: calc(100% + 21px);
	}
}

.calendar_contents {
	display: flex;
}

.calendar_contents .calendar_lcont {
	width: 380px;
	background: #2f405c;
	position: relative;
	margin: -30px 30px -30px 0;
	min-height: calc(100vh - 110px);
}

.calendar_contents .calendar_lcont .mn_tit {
	padding: 40px 30px;
	font-size: 32px;
	color: #1da9ff;
	box-sizing: border-box;
	line-height: 55px;
	white-space: nowrap;
	display: none;
}

.calendar_contents .calendar_lcont .mn_tit:before {
	content: "";
	background: #1da9ff;
	display: block;
	width: 85px;
	height: 1px;
	transform: rotate(-45deg);
	position: absolute;
	top: 15px;
	left: 20px;
}

.calendar_contents .calendar_lcont .mn_subtit {
	font-size: 38px;
	color: #1da9ff;
	line-height: 100%;
	margin-bottom: 20px;
}

.calendar_contents .calendar_lcont .mn_img {
	margin: 15px;
	/* padding-bottom: 15px; */
	/* border-bottom: 1px solid #fff; */
}

.calendar_contents .calendar_lcont .mn_img .slideshow-container {
	height: 180px;
}

.calendar_contents .calendar_lcont .mn_img img {
	/* width: 320px; */
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.calendar_contents .calendar_lcont .mn_img p {
	font-size: 14px;
	color: #1da9ff;
	line-height: 150%;
	text-align: center;
	margin: 10px 0;
}

.calendar_contents .calendar_lcont .tbl_depth2 {
	margin: 0 30px;
	box-sizing: border-box;
	width: calc(100% - 60px);
}

.calendar_contents .calendar_lcont .tbl_depth2 tr {
	border-bottom: 1px solid #fff;
	padding: 5px 0;
}

.calendar_contents .calendar_lcont .tbl_depth2 tr.on {
	background: #1da9ff;
}

.calendar_contents .calendar_lcont .tbl_depth2 td {
	color: #fff;
	font-size: 14px;
	line-height: 150%;
	padding: 5px 10px;
}

.calendar_contents .calendar_lcont .tbl_depth2 .td_cont {
	font-size: 14px;
}

.calendar_contents .calendar_lcont .title {
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 0 30px;
	margin-bottom: 5px;
}

.calendar_contents .calendar_lcont .title span {
	cursor: pointer;
}

.calendar_contents .calendar_lcont .ul_depth2 {
	padding: 0 30px;
	box-sizing: border-box;
	margin-bottom: 50px
}

.calendar_contents .calendar_lcont .ul_depth2 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: 1px solid #fff;
}

.calendar_contents .calendar_lcont .ul_depth2 span {
	color: #fff;
	line-height: 150%;
	font-size: 13px;
}

/* .calendar_contents .calendar_lcont .ul_depth2 .td_date {width: 30%;} */
.calendar_contents .calendar_lcont .ul_depth2 .td_time {
	width: 70%;
	text-align: right;
}

.calendar_contents .calendar_lcont .ul_depth2 .td_cont {
	width: 100%;
	margin-top: 5px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.calendar-wrap {
		padding: 0 1vw 0 0;
	}

	.calendar_contents .calendar_lcont {
		width: 20vw;
		margin: -0.6vw 2vw 0 0;
		/* min-height: 100vh; */
	}

	.calendar_contents .calendar_lcont .mn_subtit {
		font-size: 2.6vw;
		margin-bottom: 1.4vw;
	}

	.calendar_contents .calendar_lcont .mn_img {
		margin: 1vw;
		/* margin-bottom: 0;
		padding-bottom: 1vw; */
	}

	.calendar_contents .calendar_lcont .mn_img .slideshow-container {
		height: 9vw;
	}

	.calendar_contents .calendar_lcont .mn_img img {
		width: 100%;
	}

	.calendar_contents .calendar_lcont .mn_img p {
		font-size: 1vw;
	}

	.calendar_contents .calendar_lcont .tbl_depth2 {
		margin: 0 2vw;
		width: calc(100% - 4vw);
	}

	.calendar_contents .calendar_lcont .tbl_depth2 tr {
		padding: 0.35vw 0;
	}

	.calendar_contents .calendar_lcont .tbl_depth2 td {
		font-size: 1vw;
		padding: 0.35vw 0.7vw;
		white-space: nowrap;
	}

	.calendar_contents .calendar_lcont .tbl_depth2 .td_cont {
		font-size: 1vw;
	}

	.calendar_contents .calendar_lcont .title {
		font-size: 1.2vw;
		padding: 0 2vw;
	}

	.calendar_contents .calendar_lcont .ul_depth2 {
		padding: 0 2vw;
		margin-bottom: 5vh;
	}

	/* .calendar_contents .calendar_lcont .ul_depth2 li {padding: 0.7vw 0; } */
	.calendar_contents .calendar_lcont .ul_depth2 span {
		color: #fff;
		line-height: 150%;
		font-size: 0.9em;
	}

	.calendar_contents .calendar_lcont .ul_depth2 .td_date {
		width: 100%;
	}

	.calendar_contents .calendar_lcont .ul_depth2 .td_time {
		width: 100%;
	}

	.calendar_contents .calendar_lcont .ul_depth2 .td_cont {
		margin-top: -0.35vw;
	}

	.calendar_contents #calendar {
		width: calc(100% - 20vw);
	}
}

@media (max-width:1023px) {
	.calendar-wrap {
		padding: 0 22px 0 0;
	}

	.calendar_contents .calendar_lcont {
		width: 200px;
		margin: -6px 20px 0 0;
		min-height: calc(100vh - 93px);
	}

	.calendar_contents .calendar_lcont .mn_subtit {
		font-size: 26px;
		margin-bottom: 14px;
	}

	.calendar_contents .calendar_lcont .mn_img {
		margin: 10px;
		/* margin-bottom: 0;
		padding-bottom: 10px; */
	}

	.calendar_contents .calendar_lcont .mn_img .slideshow-container {
		height: 95px;
	}

	.calendar_contents .calendar_lcont .mn_img img {
		width: 100%;
	}

	.calendar_contents .calendar_lcont .mn_img p {
		font-size: 10px;
	}

	.calendar_contents .calendar_lcont .tbl_depth2 {
		margin: 0 20px;
		width: calc(100% - 40px);
	}

	.calendar_contents .calendar_lcont .tbl_depth2 tr {
		padding: 3.5px 0;
	}

	.calendar_contents .calendar_lcont .tbl_depth2 td {
		font-size: 10px;
		padding: 3.5px 7px;
		white-space: nowrap;
	}

	.calendar_contents .calendar_lcont .tbl_depth2 .td_cont {
		font-size: 10px;
	}

	.calendar_contents .calendar_lcont .title {
		font-size: 12px;
		padding: 0 20px;
	}

	.calendar_contents .calendar_lcont .ul_depth2 {
		padding: 0 20px;
		margin-bottom: 30px;
	}

	/* .calendar_contents .calendar_lcont .ul_depth2 li {padding: 7px 0; } */
	.calendar_contents .calendar_lcont .ul_depth2 span {
		color: #fff;
		line-height: 150%;
		font-size: 10px;
	}

	.calendar_contents .calendar_lcont .ul_depth2 .td_date {
		width: 100%;
	}

	.calendar_contents .calendar_lcont .ul_depth2 .td_time {
		width: 100%;
	}

	.calendar_contents .calendar_lcont .ul_depth2 .td_cont {
		margin-top: -3.5px;
	}

	.calendar_contents #calendar {
		width: calc(100% - 200px);
	}
}


/* zone */
.zone_contents {
	margin: 0 -30px;
	position: relative;
	min-width: 780px;
	padding-top: 0px !important;
	display: flex;
}

.zone_contents .zone_lcont {
	padding: 30px;
	box-sizing: border-box;
	background: #2f405c;
	width: 310px;
	min-height: calc(100vh - 110px);
}

.zone_contents .zone_lcont .mn_tit {
	padding: 40px 30px;
	font-size: 32px;
	color: #1da9ff;
	box-sizing: border-box;
	line-height: 55px;
	white-space: nowrap;
	display: none;
}

.zone_contents .zone_lcont .mn_tit:before {
	content: "";
	background: #1da9ff;
	display: block;
	width: 85px;
	height: 1px;
	transform: rotate(-45deg);
	position: absolute;
	top: 15px;
	left: 20px;
}

.zone_contents .zone_lcont .mn_subtit {
	font-size: 38px;
	color: #1da9ff;
	line-height: 100%;
	margin-bottom: 20px;
}

.zone_contents .zone_lcont .mn_tit {
	display: none;
}

.zone_contents .zone_lcont .depth2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}

.zone_contents .zone_lcont .mn_l2 {
	height: 40px;
	margin-bottom: 15px;
	border: 1px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	display: inline-block;
}

.zone_contents .zone_lcont .mn_l2.on {
	background: #1da9ff;
	border-color: #1da9ff;
}

@media (hover:hover) and (pointer:fine) {
	.zone_contents .zone_lcont .mn_l2:hover {
		background: #1da9ff;
		border-color: #1da9ff;
	}
}

.zone_contents .zone_lcont .mn_a2 {
	color: #fff;
	font-size: 15px;
	padding: 10px;
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 20px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}

.zone_contents .zone_lcont .mn_a2:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translate(-4px, -4px);
	position: absolute;
	top: 20px;
	right: 10px;
}

.zone_contents .zone_lcont .zone_depth2 .mn_a2:after {
	display: none;
}

.zone_contents .zone_lcont .dl_depth2 {
	box-sizing: border-box;
}

.zone_contents .zone_lcont .dl_depth2 dl {
	border-bottom: 1px solid #fff;
	padding: 5px 0;
	box-sizing: border-box;
}

.zone_contents .zone_lcont .dl_depth2 dl:last-child {
	border-bottom: none;
}

.zone_contents .zone_lcont .dl_depth2 dt {
	color: #1da9ff;
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 3px;
}

.zone_contents .zone_lcont .dl_depth2 dd {
	color: #fff;
	font-size: 16px;
	line-height: 150%;
	word-break: keep-all;
	text-align: right;
}

.zone-wrap {
	padding-bottom: 0;
}

.zone_contents .imgCont-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: calc(100vh - 110px);
}

.zone_contents .img-wrap {
	width: 100%;
	height: calc(100vh - 110px);
}

.zone_contents .img-wrap img {}

.zone_contents .zoom-wrap {
	display: none;
}

.zone_contents .zoomer .zoomer-controls {
	position: absolute;
	bottom: 70px;
	right: 50px;
	width: 50px;
	height: 110px;
	background: #d3dde5;
	/* border-radius: 100px; */
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	left: auto;
	padding: 0;
	/* overflow: hidden; */
}

.zone_contents .zoomer .zoomer-controls span {
	cursor: pointer;
	width: 100%;
	height: 50%;
	border: none;
	outline: none;
	font-size: 32px;
	font-weight: 900;
	color: transparent;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.zone_contents .zoomer .zoomer-controls .zoomer-zoom-in {
	border-bottom: 2px solid #c0c8ce;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	background: url("../../assets/images/icon_zoomin.png") no-repeat center center #f1f6fa;
	background-size: 26px;
}

.zone_contents .zoomer .zoomer-controls .zoomer-zoom-out {
	border-top: 1px solid #c0c8ce;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	background: url("../../assets/images/icon_zoomout.png") no-repeat center center #f1f6fa;
	background-size: 26px;
}

@media (hover:hover) and (pointer:fine) {
	.zone_contents .zoomer .zoomer-controls .zoomer-zoom-in:hover {
		background: url("../../assets/images/icon_zoomin.png") no-repeat center center #d3dde5;
	}

	.zone_contents .zoomer .zoomer-controls .zoomer-zoom-out:hover {
		background: url("../../assets/images/icon_zoomout.png") no-repeat center center #d3dde5;
	}
}

.zone_contents .zoomer .zoomer-controls span:hover .tooltip {
	display: block;
}

.zoomer-controls .tooltip {
	background: #fff;
	color: #1da9ff;
	font-size: 16px;
	line-height: 100%;
	position: absolute;
	z-index: 1;
	padding: 5px;
	border: 1px solid #666;
	white-space: nowrap;
	display: none;
	right: 100%;
}

.zone_contents .zoom-in-tooltip {
	top: 0;
}

.zone_contents .zoom-out-tooltip {
	top: 0;
}


.zone_contents .zoomer .zoomer-controls .zoomer-previous {
	display: none;
}

.zone_contents .zoomer .zoomer-controls .zoomer-next {
	display: none;
}

.zone_contents .zonebox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 05025 수정 */
.zone_contents .zonebox {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #1da9ff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
}

/* .zone_contents .zonebox1 {position: absolute; top: 40%; left: 40%;}
.zone_contents .zonebox2 {position: absolute; top: 20%; left: 35%;} */
.zone_contents .zonebox .z_detail {
	display: none;
}

.zone_contents .zonebox .progress {
	display: none;
}

.zone_contents .zonebox .z_round {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 1;
	padding-top: 10px;
	box-sizing: border-box;
	/*220504수정*/
	border: 6px solid #fff;
}

.zone_contents .zonebox .z_round .name {
	font-size: 13px;
	color: #fff;
}

.zone_contents .zonebox .z_round .name .num {
	font-size: 22px;
}

.zone_contents .zonebox .z_round .percent {
	font-size: 15px;
	padding: 0 5px;
	margin-top: 5px;
	border-radius: 10px;
	background: #fff;
	color: #1da9ff;
	border: 1px solid #fff;
	box-sizing: border-box;
}

/* 클릭 */
/* .zone_contents .zonebox.click .z_detail {
	position: absolute;
	top: 50%;
	left: 88%;
	width: 340px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	background: #3d3d3d;
	border-radius: 0 100px 100px 0;
	margin-top: -25.5px;
	padding-left: 65px;
	box-sizing: border-box;
	border: 4px solid #fff;
	z-index: 1;
} */

.zone_contents .zonebox.click .z_detail {
	position: absolute;
	top: 28%;
	left: 50%;
	width: 500px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	background: #3d3d3d;
	border-radius: 0 100px 100px 0;
	margin-top: -40px;
	padding-left: 130px;
	box-sizing: border-box;
	border: 6px solid #fff;
}

.zone_contents .zonebox.click .z_detail p {
	color: #fff;
	font-size: 24px;
	line-height: 140%;
}

.zone_contents .zonebox.click .progress {
	display: block;
	width: 255px;
	height: 255px;
	border-radius: 50%;
	position: absolute;
	top: 7%;
	left: 7%;
	margin-top: -50px;
	margin-left: -50px;
	z-index: 1;
}

.zone_contents .zonebox.click .z_round {
	background: #3d3d3d;
}

.zone_contents .zonebox.z_alarm .z_round:before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -6px;
	left: -6px;
	background: url("../images/icon_mark.png") no-repeat center center;
	background-size: contain;
}

.zone_contents .zonebox.click .z_round .name {}

.zone_contents .zonebox.click .z_round .percent {
	color: #3d3d3d;
	background: #fff;
	border: 1px solid #1da9ff;
}

@media (min-width:1920px) {
	/* .zone_contents .zoomer-holder {
		width: 55vw !important;
		height: 40vw !important;
		object-fit: contain;
		margin: auto;
	} */

	/* 220525수정 */
	/* .zone_contents .zonebox {
		width: 4.68vw;
		height: 4.68vw;
	}

	.zone_contents .zonebox .z_round .name {
		font-size: 0.7vw;
	}

	.zone_contents .zonebox .z_round .name .num {
		font-size: 1.0vw;
	}

	.zone_contents .zonebox .z_round .percent {
		font-size: 0.7vw;
	}

	.zone_contents .zonebox.click .z_detail p {
		font-size: 0.7vw;
	}

	.zone_contents .zonebox.click .progress {
		width: 6.8vw;
		height: 6.8vw;
		margin-top: -3.4vw;
		margin-left: -3.4vw;
	}

	.zone_contents .zonebox.click .z_detail {
		width: 12.5vw;
		height: 4.2vw;
		padding-left: 3.5vw;
		margin-top: -2.1vw;
	} */

	/* //220525수정 */
}

@media (min-width:1024px) and (max-width:1440px) {
	.zone_contents {
		margin: 0 -1vw;
		min-width: 55vw;
		padding-top: 0 !important;
	}

	.zone_contents .zone_lcont {
		padding: 2vw;
		width: 21.5vw;
		min-height: calc(100vh - 9.4vw);
	}

	.zone_contents .zone_lcont .mn_subtit {
		font-size: 2.6vw;
		margin-bottom: 1.4vw;
	}

	.zone_contents .zone_lcont .depth2 {
		margin-bottom: 2vw;
	}

	.zone_contents .zone_lcont .mn_l2 {
		height: 2.7vw;
		margin-bottom: 1vw;
		border-radius: 0.7vw;
		width: 100%;
	}

	.zone_contents .zone_lcont .mn_a2 {
		font-size: 1vw;
		padding: 0.7vw;
		line-height: 1.4vw;
	}

	.zone_contents .zone_lcont .mn_a2:after {
		width: 0.5vw;
		height: 0.5vw;
		transform: rotate(45deg) translate(-0.25vw, -0.25vw);
		top: 1.4vw;
		right: 0.7vw;
	}

	.zone_contents .zone_lcont .dl_depth2 dl {
		padding: 0.35vw 0;
	}

	.zone_contents .zone_lcont .dl_depth2 dt {
		font-size: 1.1vw;
	}

	.zone_contents .zone_lcont .dl_depth2 dd {
		font-size: 1.1vw
	}

	.zone_contents .imgCont-wrap {
		min-height: calc(100vh - 9.4vw);
	}

	.zone_contents .img-wrap {
		height: calc(100vh - 9.4vw);
	}

	.zone_contents .zoom-wrap {
		bottom: 4.9vw;
		right: 3.5vw;
		width: 3.5vw;
		height: 7.6vw;
	}

	.zone_contents .zoom-wrap button {
		font-size: 2.2vw;
	}

	/* 220525수정 */
	.zone_contents .zonebox {
		width: 6.25vw;
		height: 6.25vw;
	}

	.zone_contents .zonebox .z_round {
		padding-top: 0.7vw;
	}

	.zone_contents .zonebox .z_round .name {
		font-size: 1.1vw;
	}

	.zone_contents .zonebox .z_round .name .num {
		font-size: 1.7vw;
	}

	.zone_contents .zonebox .z_round .percent {
		font-size: 1vw;
		padding: 0 0.7vw;
		margin-top: 0.4vw;
	}

	/* 클릭 */
	/* .zone_contents .zonebox.click .z_detail {
		width: 18vw;
		height: 5.5vw;
		margin-top: -2.75vw;
		padding-left: 5.9vw;
	}

	.zone_contents .zonebox.click .z_detail p {
		font-size: 1vw;
	}

	.zone_contents .zonebox.click .progress {
		width: 9vw;
		height: 9vw;
		margin-top: -4.5vw;
		margin-left: -4.5vw;
	}

	.zone_contents .zonebox.z_alarm .z_round:before {
		width: 2vw;
		height: 2vw;
		top: -0.2vw;
		left: -0.2vw;
	} */

	/* //220525수정 */

	.zone_contents .zoomer .zoomer-controls {
		bottom: 4.8vw;
		right: 3.5vw;
		width: 3.5vw;
		height: 7.6vw;
		/* border-radius: 10vw; */
	}

	.zone_contents .zoomer .zoomer-controls span {
		width: 90%;
		height: 50%;
		font-size: 2.2vw;
	}
}

@media (max-width:1023px) {
	.zone_contents {
		margin: 0 -4px;
		min-width: 550px;
		padding-top: 0 !important;
	}

	.zone_contents .zone_lcont {
		padding: 20px;
		width: 215px;
		min-height: calc(100vh - 94px);
	}

	.zone_contents .zone_lcont .mn_subtit {
		font-size: 26px;
		margin-bottom: 14px;
	}

	.zone_contents .zone_lcont .depth2 {
		margin-bottom: 20px;
	}

	.zone_contents .zone_lcont .mn_l2 {
		height: 27px;
		margin-bottom: 10px;
		border-radius: 7px;
		width: 100%;
	}

	.zone_contents .zone_lcont .mn_a2 {
		font-size: 10px;
		padding: 7px;
		line-height: 14px;
	}

	.zone_contents .zone_lcont .mn_a2:after {
		width: 5px;
		height: 5px;
		transform: rotate(45deg) translate(-2.5px, -2.5px);
		top: 14px;
		right: 7px;
	}

	.zone_contents .zone_lcont .dl_depth2 dl {
		padding: 3.5px 0;
	}

	.zone_contents .zone_lcont .dl_depth2 dt {
		font-size: 11px;
	}

	.zone_contents .zone_lcont .dl_depth2 dd {
		font-size: 11px
	}

	.zone_contents .imgCont-wrap {
		min-height: calc(100vh - 94px);
	}

	.zone_contents .img-wrap {
		height: calc(100vh - 94px);
		min-height: 500px;
	}

	.zone_contents .zoom-wrap {
		bottom: 49px;
		right: 35px;
		width: 35px;
		height: 76px;
	}

	.zone_contents .zoom-wrap button {
		font-size: 22px;
	}

	/* 220525수정 */
	.zone_contents .zonebox {
		width: 62.5px;
		height: 62.5px;
	}

	.zone_contents .zonebox .z_round {
		padding-top: 7px;
	}

	.zone_contents .zonebox .z_round .name {
		font-size: 11px;
	}

	.zone_contents .zonebox .z_round .name .num {
		font-size: 17px;
	}

	.zone_contents .zonebox .z_round .percent {
		font-size: 10px;
		padding: 0 7px;
		margin-top: 4px;
	}

	/* 클릭 */
	/* .zone_contents .zonebox.click .z_detail {
		width: 180px;
		height: 55px;
		margin-top: -27.5px;
		padding-left: 59px;
	}

	.zone_contents .zonebox.click .z_detail p {
		font-size: 10px;
	}

	.zone_contents .zonebox.click .progress {
		width: 90px;
		height: 90px;
		margin-top: -45px;
		margin-left: -45px;
	}

	.zone_contents .zonebox.z_alarm .z_round:before {
		width: 20px;
		height: 20px;
		top: -2px;
		left: -2px;
	} */

	/* //220525수정 */

	.zone_contents .zoomer .zoomer-controls {
		bottom: 48px;
		right: 35px;
		width: 35px;
		height: 76px;
		/* border-radius: 100px; */
	}

	.zone_contents .zoomer .zoomer-controls span {
		width: 90%;
		height: 50%;
		font-size: 22px;
	}
}

/* 팝업 */
.layerpop {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 5px;
	z-index: 10;
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	display: none;
	max-height: 90vh;
	overflow: hidden;
}

.layerpop .layer_top {
	background: #262d37;
	height: 45px;
	padding: 0 20px;
	box-sizing: border-box;
	position: relative;
}

.layerpop .layer_top p {
	line-height: 45px;
	color: #1da9ff;
	font-size: 24px;
	font-weight: 600;
}

.layerpop .layer_top .btn_close {
	cursor: pointer;
	position: absolute;
	width: 45px;
	height: 45px;
	top: 0;
	right: 0;
	background: none;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	float: none;
}

.layerpop .layer_top .btn_close:before {
	content: "";
	display: block;
	width: 2px;
	height: 26px;
	background: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
}

.layerpop .layer_top .btn_close:after {
	content: "";
	display: block;
	width: 2px;
	height: 26px;
	background: #fff;
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
}

.layerpop .layer_cont {
	max-height: calc(100% - 45px);
	padding: 15px 30px 35px;
	box-sizing: border-box;
}

.layerpop .layer_cont .cred {
	font-size: 14px;
}

.layerpop .layer_cont table td.all, .layerpop .layer_cont table td.noData {
	text-align: center;
	font-weight: bold;
}

@media (min-width:1024px) and (max-width:1440px) {
	.layerpop .layer_cont .cred {
		font-size: 1vw;
	}
}

@media (max-width:1023px) {
	.layerpop .layer_cont .cred {
		font-size: 10px;
	}
}


.layerpop .layer_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 35px;
	text-align: center;
	background: #fff;
}

.layerpop .border_tbl th,
.layerpop .border_tbl td {
	border: 1px solid #c9c9c9;
}

.layerpop .border_tbl th {
	background: #d0dce3;
	text-align: center;
	padding: 10px;
}

.layerpop .file-wrap2 {
	margin-bottom: 50px;
	padding: 10px;
}

.layerpop .file-wrap2 input[type="file"] {
	display: none;
}

.layerpop .file-wrap2 label {
	display: inline-block;
	padding: 5px 10px;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #1da9ff;
	border-radius: 10px;
	background: #1da9ff;
	color: #fff;
	white-space: nowrap;
}

.layerpop .file-wrap2 .upload-name2 {
	display: inline-block;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	width: 60%;
	border-radius: 10px;
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	padding: 5px 10px;
}

.layerpop .file-wrap2 p {
	white-space: nowrap;
}

.layerpop .flexbox {
	display: flex;
}

.layerpop input {
	border: 1px solid #1da9ff;
}



@media (min-width:1024px) and (max-width:1440px) {
	.layerpop {
		border-radius: 0.4vw;
	}

	.layerpop .layer_top {
		height: 3.2vw;
		padding: 0 1.4vw;
	}

	.layerpop .layer_top p {
		line-height: 3.2vw;
		font-size: 1.6vw;
	}

	.layerpop .layer_top .btn_close {
		width: 3.2vw;
		height: 3.2vw;
	}

	.layerpop .layer_top .btn_close:before {
		width: 0.14vw;
		height: 1.8vw;
		margin-top: -0.9vw;
	}

	.layerpop .layer_top .btn_close:after {
		width: 0.14vw;
		height: 1.8vw;
		margin-top: -0.9vw;
	}

	.layerpop .layer_cont {
		height: calc(100% - 3.2vw);
		padding: 1vw 2.1vw 2.4vw;
	}

	.layerpop .layer_bottom {
		height: 2.4vw;
	}
}

@media (max-width:1023px) {
	.layerpop {
		border-radius: 4px;
	}

	.layerpop .layer_top {
		height: 32px;
		padding: 0 14px;
	}

	.layerpop .layer_top p {
		line-height: 32px;
		font-size: 19px;
	}

	.layerpop .layer_top .btn_close {
		width: 32px;
		height: 32px;
	}

	.layerpop .layer_top .btn_close:before {
		width: 1.4px;
		height: 18px;
		margin-top: -9px;
	}

	.layerpop .layer_top .btn_close:after {
		width: 1.4px;
		height: 18px;
		margin-top: -9px;
	}

	.layerpop .layer_cont {
		max-height: calc(100% - 32px);
		padding: 10px 21px 24px;
	}

	.layerpop .layer_bottom {
		height: 24px;
	}
}

.alert-modal {
	width: 400px;
	/* height: 200px; */
}

.alert-modal .layer_cont {
	text-align: center;
	padding: 30px;
}

.alert-modal .layer_cont p {
	margin-bottom: 2rem;
}

.alert-modal .layer_cont .btn-wrap button {
	padding-left: 1rem;
	padding-right: 1rem;
}



.confirm-modal {
	width: 400px;
	/* height: 200px; */
}

.confirm-modal .layer_cont {
	text-align: center;
	padding: 30px;
}

.confirm-modal .layer_cont p {
	margin-bottom: 2rem;
}

.confirm-modal .layer_cont .btn-wrap button {
	padding-left: 1rem;
	padding-right: 1rem;
}

.powerlayer {
	width: 750px;
	height: 500px;
}

.powerlayer .tit {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}

.powerlayer .tit p {
	font-size: 22px;
	color: #3d3d3d;
	font-weight: 600;
	line-height: 150%;
}

.powerlayer .tit .range {
	display: flex;
	align-items: center;
	margin: 0 auto;
	border: 1px solid #000;
	padding: 2px 10px;
	border-radius: 100px;
	box-sizing: border-box;
}

.powerlayer .tit .range .prev {
	display: block;
	font-size: 30px;
	padding: 0 3px;
	cursor: pointer;
	width: 10px;
	height: 20px;
	background: url("../images/slide_l.png") no-repeat center center;
	background-size: 12px;
	filter: grayscale(1);
}

.powerlayer .tit .range .next {
	display: block;
	font-size: 30px;
	padding: 0 3px;
	cursor: pointer;
	width: 10px;
	height: 20px;
	background: url("../images/slide_r.png") no-repeat center center;
	background-size: 12px;
	filter: grayscale(1);
}

.powerlayer .tit .range .date {
	font-size: 14px;
	margin: 0 10px;
	line-height: 100%;
	text-align: center;
}

.powerlayer .powerCont {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	height: 380px;
	background: #fff;
	box-sizing: border-box;
}

.powerlayer .powerCont0 {
	z-index: 2;
}

.powerlayer .powerCont1,
.powerlayer .powerCont2 {
	z-index: 0;
}
.powerlayer .canvas-wrap {
	width: 90%;
	height: 80%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.powerlayer #pc_day {
	width: 100%;
	position: relative;
}

.powerlayer #pc_week {
	width: 100%;
	position: relative;
}

.powerlayer #pc_year {
	width: 100%;
	position: relative;
}

.powerlayer .layer_cont {
	padding: 15px 0 30px;
	position: relative;
}

.powerlayer .powerTab {
	display: flex;
	height: 30px;
	border-bottom: 2px solid #1da9ff;
	margin: -5px 0 20px;
}

.powerlayer .powerTab>div {
	border-radius: 10px 10px 0 0;
	cursor: pointer;
	padding: 0 15px;
	line-height: 30px;
	font-weight: 700;
	border: 2px solid #1da9ff;
	border-bottom: 0;
	margin: 0 0 -2px -2px;
	box-sizing: border-box;
	z-index: 1;
	position: relative;
	overflow: hidden;
}

.powerlayer .powerTab>div.on {
	padding: 0 35px 0 15px;
	background: #fff;
}

/* .powerlayer .powerTab > div.on:before {content: ""; display: block; width: 0; height: 0; border: 5px solid transparent; border-top: 6px solid #fff; position: absolute; top: 50%; right: 3px; margin-top: -2px; z-index: 1;}
.powerlayer .powerTab > div.on:after {content: ""; display: block; width: 20px; height: 30px; background: #1da9ff; position: absolute; top: 0; right: 0;} */

@media (min-width:1024px) and (max-width:1440px) {
	.powerlayer .tit {
		margin-bottom: 2.0vw;
	}

	.powerlayer .tit p {
		font-size: 1.5vw;
	}

	.powerlayer .tit .range {
		padding: 0.14vw 0.7vw;
	}

	.powerlayer .tit .range .prev {
		font-size: 2.1vw;
		padding: 0 0.7vw;
	}

	.powerlayer .tit .range .next {
		font-size: 2.1vw;
		padding: 0 0.5vw;
	}

	.powerlayer .tit .range .date {
		font-size: 1vw;
		margin: 0 0.7vw;
	}

	.powerlayer .layer_cont {
		padding: 1vw 0 2vw;
	}

	.powerlayer .layer_cont>div {
		padding: 0;
	}
}

@media (max-width:1023px) {
	.powerlayer .tit {
		margin-bottom: 30px;
	}

	.powerlayer .tit p {
		font-size: 15px;
	}

	.powerlayer .tit .range {
		padding: 1.4px 7px;
	}

	.powerlayer .tit .range .prev {
		font-size: 21px;
		padding: 0 7px;
	}

	.powerlayer .tit .range .next {
		font-size: 21px;
		padding: 0 5px;
	}

	.powerlayer .tit .range .date {
		font-size: 10px;
		margin: 0 7px;
	}

	.powerlayer .layer_cont {
		padding: 10px 0 20px;
	}

	.powerlayer .layer_cont>div {
		padding: 0;
	}
}


.nodelayer {
	width: 650px;
	height: 450px;
}

.nodelayer .count {
	display: flex;
	align-items: flex-end;
	margin: 10px 0 30px;
}

.nodelayer .count .alert {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 3px solid #262d37;
}

.nodelayer .count .alert p {
	font-size: 28px;
	color: #262d37;
	margin-top: 16px;
}

.nodelayer .count .alert p .btxt {
	font-weight: 900;
	font-size: 65px;
}

.nodelayer .count .critical {}

.nodelayer .count .critical p {
	font-size: 20px;
	line-height: 140%;
	font-weight: 600;
}

.nodelayer .table-wrap {}

.nodelayer .table-wrap>table {
	border-bottom: 1px solid #262d37;
}

.nodelayer .table-wrap thead {
	background-color: #fff;
}

.nodelayer .table-wrap th,
td {}

.nodelayer .table-wrap th {
	font-size: 19px;
	font-weight: 600;
	color: #575757;
	padding: 5px 10;
}

.nodelayer .table-wrap td {
	font-size: 16px;
	font-weight: 600;
	color: #575757;
	border-bottom: 1px solid #cecece;
	padding: 5px 10;
}

.nodelayer .table-wrap .scrbox {
	border-bottom: 2px solid #9e9e9e;
	max-height: 220px;
	overflow-y: auto;
}

.nodelayer .table-wrap .critical {
	background: #f9be00;
}

@media (min-width:1024px) and (max-width:1440px) {
	.nodelayer {
		width: 45vw;
		height: 31.25vw;
	}

	.nodelayer .count {
		margin: 0.7vw 0 2.1vw;
	}

	.nodelayer .count .alert {
		padding-right: 0.7vw;
		margin-right: 0.7vw;
	}

	.nodelayer .count .alert p {
		font-size: 1.9vw;
		margin-top: 1.1vw;
	}

	.nodelayer .count .alert p .btxt {
		font-size: 4.5vw;
	}

	.nodelayer .count .critical p {
		font-size: 1.4vw;
	}

	.nodelayer .table-wrap th {
		font-size: 1.3vw;
		padding: 0.35vw 0.7vw;
	}

	.nodelayer .table-wrap td {
		font-size: 1.1vw;
		padding: 0.35vw 0.7vw;
	}

	.nodelayer .table-wrap .scrbox {
		max-height: 15.3vw;
	}
}

@media (max-width:1023px) {
	.nodelayer {
		width: 450px;
		height: 312.5px;
	}

	.nodelayer .count {
		margin: 7px 0 21px;
	}

	.nodelayer .count .alert {
		padding-right: 7px;
		margin-right: 7px
	}

	.nodelayer .count .alert p {
		font-size: 19px;
		margin-top: 11px;
	}

	.nodelayer .count .alert p .btxt {
		font-size: 45px
	}

	.nodelayer .count .critical p {
		font-size: 14px;
	}

	.nodelayer .table-wrap th {
		font-size: 13px;
		padding: 3.5px 7px;
	}

	.nodelayer .table-wrap td {
		font-size: 11px;
		padding: 3.5px 7px;
	}

	.nodelayer .table-wrap .scrbox {
		max-height: 153px;
	}
}


.alarmlayer {
	width: 650px;
	height: 450px;
}

.alarmlayer .calcel_btn {
	color: #ff0000;
	background: none;
	border: none;
	font-size: 16px;
	font-weight: bold;
}

.alarmlayer .count {
	display: flex;
	align-items: flex-end;
	margin: 10px 0 30px;
}

.alarmlayer .count .alert {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 3px solid #262d37;
}

.alarmlayer .count .alert p {
	font-size: 28px;
	color: #262d37;
	margin-top: 16px;
}

.alarmlayer .count .alert p .btxt {
	font-weight: 900;
	font-size: 65px;
}

.alarmlayer .count .critical {}

.alarmlayer .count .critical p {
	font-size: 20px;
	line-height: 140%;
	font-weight: 600;
}

.alarmlayer .table-wrap {}

.alarmlayer .table-wrap>table {
	border-bottom: 1px solid #262d37;
}

.alarmlayer .table-wrap thead {
	background-color: #fff;
}

.alarmlayer .table-wrap th,
td {}

.alarmlayer .table-wrap th {
	font-size: 19px;
	font-weight: 600;
	color: #575757;
	padding: 5px 10px;
}

.alarmlayer .table-wrap td {
	font-size: 16px;
	font-weight: 600;
	color: #575757;
	border-bottom: 1px solid #cecece;
	padding: 5px 10px;
}

.alarmlayer .table-wrap .scrbox {
	border-bottom: 2px solid #9e9e9e;
	max-height: 220px;
	overflow-y: auto;
}

.alarmlayer .table-wrap .critical {
	background: #f9be00;
}

@media (min-width:1024px) and (max-width:1440px) {
	.alarmlayer {
		width: 45vw;
		height: 31.25vw;
	}

	.alarmlayer .count {
		margin: 0.7vw 0 2.1vw;
	}

	.alarmlayer .count .alert {
		padding-right: 0.7vw;
		margin-right: 0.7vw;
	}

	.alarmlayer .count .alert p {
		font-size: 1.9vw;
		margin-top: 1.1vw;
	}

	.alarmlayer .count .alert p .btxt {
		font-size: 4.5vw;
	}

	.alarmlayer .count .critical p {
		font-size: 1.4vw;
	}

	.alarmlayer .table-wrap th {
		font-size: 1.3vw;
		padding: 0.35vw 0.7vw;
	}

	.alarmlayer .table-wrap td {
		font-size: 1.1vw;
		padding: 0.35vw 0.7vw;
	}

	.alarmlayer .table-wrap .scrbox {
		max-height: 15.3vw;
	}
}

@media (max-width:1023px) {
	.alarmlayer {
		width: 450px;
		height: 312.5px;
	}

	.alarmlayer .count {
		margin: 7px 0 21px;
	}

	.alarmlayer .count .alert {
		padding-right: 7px;
		margin-right: 7px
	}

	.alarmlayer .count .alert p {
		font-size: 19px;
		margin-top: 11px;
	}

	.alarmlayer .count .alert p .btxt {
		font-size: 45px
	}

	.alarmlayer .count .critical p {
		font-size: 14px;
	}

	.alarmlayer .table-wrap th {
		font-size: 13px;
	}

	.alarmlayer .table-wrap td {
		font-size: 11px;
		padding: 3.5px 7px;
	}

	.alarmlayer .table-wrap .scrbox {
		max-height: 153px;
	}
}


.eventlayer {
	width: 700px;
	height: auto;
}

.eventlayer .layer_cont {
	padding: 10px 30px 90px;
}

.eventlayer dl {
	margin-bottom: 20px;
}

/* .eventlayer dl.repeat {display: none;} */
.eventlayer dt {
	font-size: 18px;
	color: #000;
	line-height: 150%;
}

.eventlayer dt input {
	margin-right: 5px;
}

.eventlayer dt input+label {}

.eventlayer dt span {
	margin-left: 20px;
}

.eventlayer dd {
	display: flex;
	justify-content: start;
	align-items: center;
	position: relative;
	width: 85%;
}

.eventlayer dl.repeat dd {
	justify-content: flex-start;
	margin-top: 10px;
}

.eventlayer dl.repeat label {
	margin-right: 20px;
	font-size: 14px;
}

.eventlayer dl.repeat input[type="radio"] {
	margin-right: 5px;
}

.eventlayer dd>div {
	margin-top: 10px;
}

.eventlayer dd select {
	margin-left: 0;
	border-radius: 5px;
	font-size: 16px;
}

.eventlayer dd select:focus {
	background: #1da9ff;
	color: #fff;
}

.eventlayer dd select option {
	font-size: 14px;
}

.eventlayer dd .blue_black_wrap {
	line-height: 200%;
	font-size: 14px;
	padding: 0 30px 0 10px;
	width: 200px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #1da9ff;
}

.eventlayer dd .blue_black_wrap:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 10px solid #464646;
	position: absolute;
	right: 6px;
	top: 50%;
	margin-top: -6px;
}

.eventlayer dd input[type="text"] {
	border: none;
	border-bottom: 1px solid #1da9ff;
	width: 100%;
	padding: 5px;
	font-size: 16px;
}

.eventlayer dd input[type="date"] {
	border: none;
	border-bottom: 1px solid #1da9ff;
	padding: 5px 0;
	margin-right: 10px;
	font-size: 16px;
}

.eventlayer dd input[type="time"] {
	border: none;
	border-bottom: 1px solid #1da9ff;
	padding: 5px 0;
}

.eventlayer dd .time_setting {
	display: flex;
	justify-content: space-between;
}

.eventlayer dd .time_setting .seperator {
	display: flex;
	align-items: center;
	font-weight: bold;
}

.eventlayer dd .time_setting .blur {
	opacity: 0.5;
}

.eventlayer dd .time_setting .time_wrap div {
	display: flex;
	align-items: center;
}

.eventlayer dd .time_setting .time_wrap span {
	font-size: 16px;
	font-weight: 400;
}

.eventlayer dd .time_setting .time_wrap img {
	width: 40px;
	margin-right: 10px;
}

.eventlayer dd .time_setting .time_wrap p {
	font-size: 16px;
	color: #1da9ff;
	margin-bottom: 10px;
}

.eventlayer dd .time_setting .time_wrap div {
	margin-bottom: 10px;
}

.eventlayer dd .time_setting .time_wrap div input[type="radio"] {
	margin-right: 5px;
}

.eventlayer dd .time_setting .sperator {
	display: flex;
	align-items: center;
}

.eventlayer .layer_bottom {
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.eventlayer .layer_bottom button {
	padding: 10px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.eventlayer {
		width: 55vw;
	}

	.eventlayer .layer_cont {
		padding: 0.7vw 2.1vw 6.3vw;
	}

	.eventlayer dl {
		margin-bottom: 1.4vw;
	}

	.eventlayer dt {
		font-size: 1.25vw;
	}

	.eventlayer dt input {
		margin-right: 0.4vw;
	}

	.eventlayer dd {
		width: 100%;
	}

	/* .eventlayer dd > div:after {width: 2.4vw; height: 2.4vw; right: 3.5vw;} */
	.eventlayer dd select {
		border-radius: 0.4vw;
		font-size: 1.1vw;
	}

	.eventlayer dd select option {
		font-size: 1vw;
	}

	.eventlayer dd .blue_black_wrap {
		font-size: 0.9vw;
		/* padding: 0 30px 0 10px; */
	}

	.eventlayer dd input[type="text"] {
		padding: 0.4vw;
		font-size: 1vw;
	}

	.eventlayer dd input[type="date"] {
		padding: 0.4vw 0;
		margin-right: 0.7vw;
		font-size: 1vw;
	}

	.eventlayer dd input[type="time"] {
		padding: 0.4vw 0;
	}

	.eventlayer dd .time_setting .time_wrap span {
		font-size: 1vw;
	}

	.eventlayer dd .time_setting .time_wrap img {
		width: 2.5vw;
	}

	.eventlayer .layer_bottom {
		height: 6.7vw;
	}

	.eventlayer .layer_bottom button {
		padding: 0.7vw 2.8vw;
	}
}

@media (max-width:1023px) {
	.eventlayer {
		width: 550px;
	}

	.eventlayer .layer_cont {
		padding: 7px 21px 63px;
	}

	.eventlayer dl {
		margin-bottom: 14px;
	}

	.eventlayer dt {
		font-size: 14px;
	}

	.eventlayer dt input {
		margin-right: 4px;
	}

	/* .eventlayer dd > div:after {width: 24px; height: 24px; right: 35px;} */
	.eventlayer dd select {
		border-radius: 4px;
		font-size: 10px;
	}

	.eventlayer dd select option {
		font-size: 11px;
	}

	.eventlayer dd .blue_black_wrap {
		font-size: 10px;
		/* padding: 0 30px 0 10px; */
	}

	.eventlayer dd input[type="text"] {
		padding: 4px;
		font-size: 10px;
	}

	.eventlayer dd input[type="date"] {
		padding: 4px 0;
		margin-right: 7px;
		font-size: 10px;
	}

	.eventlayer dd input[type="time"] {
		padding: 4px 0;
	}

	.eventlayer dd .time_setting .time_wrap span {
		font-size: 10px;
	}

	.eventlayer dd .time_setting .time_wrap img {
		width: 25px;
	}

	.eventlayer .layer_bottom {
		height: 63px;
	}

	.eventlayer .layer_bottom button {
		padding: 7px 28px;
	}
}

.dimminglayer {
	width: 550px;
	height: auto;
	left: 65%;
	overflow: visible;
}

.dimminglayer .layer_cont {
	padding: 30px 40px 80px 40px;
}

.dimminglayer .layer_cont .scrbox {
	max-height: 220px;
	overflow: auto;
}

.dimminglayer .layer_cont .scrbox thead {
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 1;
}

.dimminglayer .layer_cont .scrbox table {}

.dimminglayer .layer_cont .scrbox td {
	font-size: 14px;
	text-align: left;
	color: #000;
	padding: 5px 10px;
}

.dimminglayer .layer_cont .scrbox td input[type="number"] {
	margin-top: 0;
	border-radius: 5px;
	padding: 5px;
	width: 60%;
	outline: none;
	margin-right: 3px;
}

.dimminglayer .layer_cont .thbox td {
	font-size: 14px;
	text-align: left;
	color: #000;
	padding: 5px 10px;
}

.dimminglayer .layer_cont .thbox td input[type="number"] {
	margin-top: 0;
	border-radius: 5px;
	padding: 5px;
	width: 60%;
	outline: none;
	margin-right: 3px;
}

.dimminglayer .layer_cont .gradually {
	display:flex;
	justify-content: space-between;
	margin-top: 20px;
}

.dimminglayer .layer_cont .gradually .on_off {
	display: flex;
	align-items: center;
}

.dimminglayer .layer_cont .gradually p {
	font-size: 16px;
	font-weight: bold;
	color: #1da9ff;
}

.dimminglayer .layer_cont .gradually .blue_black_select {
  min-width: 90px;
  border-radius: 10px;
}


.dimminglayer .layer_bottom {
	height: 60px;
}

.dimminglayer .layer_bottom button {
	position: absolute;
	top: 0;
	right: 60px;
	padding: 2px 10px 5px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.dimminglayer {
		width: 38vw;
		height: 30vw;
	}

	.dimminglayer .layer_cont {
		padding: 2.1vw 2.8vw 4.2vw 2.8vw;
	}

	.dimminglayer .layer_cont .scrbox {
		max-height: 15vw;
	}

	.dimminglayer .layer_cont .scrbox td {
		font-size: 1vw;
		padding: 0.4vw 0.7vw;
	}

	.dimminglayer .layer_cont .scrbox td input[type="number"] {
		margin-top: 0;
		border-radius: 0.4vw;
		padding: 0.4vw;
		margin-right: 0.2vw;
	}

	.dimminglayer .layer_cont .thbox td {
		font-size: 1vw;
		padding: 0.4vw 0.7vw;
	}

	.dimminglayer .layer_cont .thbox td input[type="number"] {
		margin-top: 0;
		border-radius: 0.4vw;
		padding: 0.4vw;
		margin-right: 0.2vw;
	}

	.dimminglayer .layer_cont .gradually {
	}

	.dimminglayer .layer_cont .gradually p {
		font-size: 1.1vw;
	}

	.dimminglayer .layer_cont .gradually .blue_black_select {
		min-width: 6vw;
	}

	.dimminglayer .layer_bottom {
		height: 4.2vw;
	}

	.dimminglayer .layer_bottom button {
		top: 0;
		right: 4.2vw;
		padding: 0.4vw 0.7vw 0.4vw;
	}
}

@media (max-width:1023px) {
	.dimminglayer {
		width: 380px;
		height: 330px;
	}

	.dimminglayer .layer_cont {
		padding: 20px 26px 36px 26px;
	}

	.dimminglayer .layer_cont .scrbox {
		max-height: 153px;
	}

	.dimminglayer .layer_cont .scrbox td {
		font-size: 10px;
		padding: 4px 7px;
	}

	.dimminglayer .layer_cont .scrbox td input[type="number"] {
		margin-top: 0;
		border-radius: 4px;
		padding: 4px;
		margin-right: 2px;
	}

	.dimminglayer .layer_cont .thbox td {
		font-size: 10px;
		padding: 4px 7px;
	}

	.dimminglayer .layer_cont .thbox td input[type="number"] {
		margin-top: 0;
		border-radius: 4px;
		padding: 4px;
		margin-right: 2px;
	}

	.dimminglayer .layer_cont .gradually {

	}

	.dimminglayer .layer_cont .gradually p {
		font-size: 11px;
	}

	.dimminglayer .layer_cont .gradually .blue_black_select {
		min-width: 6vw;
	}

	.dimminglayer .layer_bottom {
		height: 42px;
	}

	.dimminglayer .layer_bottom button {
		top: 0;
		right: 42px;
		padding: 4px 7px 4px;
	}
}

.raslayer {
	width: 550px;
	height: auto;
	left: 65%;
}

.raslayer .layer_cont {
	padding: 30px 40px 80px 40px;
}

.raslayer .layer_cont>select {
	margin-left: 0;
	border-radius: 5px;
	font-size: 18px;
	margin-bottom: 10px;
	display: none;
}

.raslayer .layer_cont .scrbox {
	max-height: 176px;
	overflow: auto;
}

.raslayer .layer_cont .scrbox table {}

.raslayer .layer_cont .scrbox td {
	font-size: 14px;
	text-align: left;
	color: #000;
	padding: 5px 10px;
}

.raslayer .layer_cont .scrbox td select {
	border-radius: 5px;
	min-width: 200px;
}

.raslayer .layer_cont .thbox td {
	font-size: 14px;
	text-align: left;
	color: #000;
	padding: 5px 10px;
}

.raslayer .layer_cont .thbox td select {
	border-radius: 5px;
}

.raslayer .layer_bottom {
	height: 60px;
}

.raslayer .layer_bottom button {
	position: absolute;
	top: 0;
	right: 60px;
	padding: 2px 10px 5px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.raslayer {
		width: 38vw;
		height: 27vw;
	}

	/* .raslayer .layer_cont {
		padding: 2.1vw 8.3vw 4.2vw 2.8vw;
	} */

	.raslayer .layer_cont .scrbox td select {
		min-width: 14vw;
	}

	.raslayer .layer_cont>select {
		margin-left: 0;
		border-radius: 0.4vw;
		font-size: 1.1vw;
		margin-bottom: 0.7vw;
	}

	.raslayer .layer_cont .scrbox {
		max-height: 15.3vw;
	}

	.raslayer .layer_cont .scrbox td {
		font-size: 1vw;
		padding: 0.4vw 0.7vw;
	}

	.raslayer .layer_cont .scrbox td input[type="text"] {
		margin-top: 0;
		border-radius: 0.4vw;
		padding: 0.4vw;
		margin-right: 0.2vw;
	}

	.raslayer .layer_bottom {
		height: 4.2vw;
	}

	.raslayer .layer_bottom button {
		top: 0;
		right: 4.2vw;
		padding: 0.4vw 0.7vw 0.4vw;
	}
}

@media (max-width:1023px) {
	.raslayer {
		width: 380px;
		height: 270px;
	}

	/* .raslayer .layer_cont {
		padding: 21px 83px 42px 28px;
	} */

	.raslayer .layer_cont .scrbox td select {
		min-width: 140px;
	}

	.raslayer .layer_cont>select {
		margin-left: 0;
		border-radius: 4px;
		font-size: 11px;
		margin-bottom: 7px;
	}

	.raslayer .layer_cont .scrbox {
		max-height: 153px;
	}

	.raslayer .layer_cont .scrbox td {
		font-size: 10px;
		padding: 4px 7px;
	}

	.raslayer .layer_cont .scrbox td input[type="text"] {
		margin-top: 0;
		border-radius: 4px;
		padding: 4px;
		margin-right: 2px;
	}

	.raslayer .layer_bottom {
		height: 42px;
	}

	.raslayer .layer_bottom button {
		top: 0;
		right: 42px;
		padding: 4px 7px 4px;
	}
}

.ipcLxlayer {
	width: 550px;
	height: auto;
	left: 65%;
	overflow: visible;
}

.ipcLxlayer .layer_cont {
	padding: 30px 40px 80px 40px;
}

.ipcLxlayer .layer_cont>select {
	margin-left: 0;
	border-radius: 5px;
	font-size: 18px;
	margin-bottom: 10px;
	display: none;
}

.ipcLxlayer .layer_cont .scrbox {
	max-height: 160px;
	overflow: auto;
}

.ipcLxlayer .layer_cont .scrbox table {}

.ipcLxlayer .layer_cont .scrbox td {
	font-size: 14px;
	text-align: left;
	color: #000;
	padding: 5px 10px;
}

.ipcLxlayer .layer_cont .scrbox td input[type="number"] {
	margin-top: 0;
	border-radius: 5px;
	padding: 5px;
	width: 60%;
	outline: none;
	margin-right: 3px;
}

.ipcLxlayer .layer_cont .thbox td {
	font-size: 14px;
	text-align: left;
	color: #000;
	padding: 5px 10px;
}

.ipcLxlayer .layer_cont .thbox td input[type="number"] {
	margin-top: 0;
	border-radius: 5px;
	padding: 5px;
	width: 60%;
	outline: none;
	margin-right: 3px;
}

.ipcLxlayer .layer_bottom {
	height: 60px;
}

.ipcLxlayer .layer_bottom button {
	position: absolute;
	top: 0;
	right: 60px;
	padding: 2px 10px 5px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.ipcLxlayer {
		width: 38vw;
		height: 27vw;
	}

	/* .ipcLxlayer .layer_cont {
		padding: 2.1vw 8.3vw 4.2vw 2.8vw;
	} */

	.ipcLxlayer .layer_cont>select {
		margin-left: 0;
		border-radius: 0.4vw;
		font-size: 1.1vw;
		margin-bottom: 0.7vw;
	}

	.ipcLxlayer .layer_cont .scrbox {
		max-height: 15.3vw;
	}

	.ipcLxlayer .layer_cont .scrbox td {
		font-size: 1vw;
		padding: 0.4vw 0.7vw;
	}

	.ipcLxlayer .layer_cont .scrbox td input[type="number"] {
		margin-top: 0;
		border-radius: 0.4vw;
		padding: 0.4vw;
		margin-right: 0.2vw;
	}

	.ipcLxlayer .layer_cont .thbox td {
		font-size: 1vw;
		padding: 0.4vw 0.7vw;
	}

	.ipcLxlayer .layer_cont .thbox td input[type="number"] {
		margin-top: 0;
		border-radius: 0.4vw;
		padding: 0.4vw;
		margin-right: 0.2vw;
	}

	.ipcLxlayer .layer_bottom {
		height: 4.2vw;
	}

	.ipcLxlayer .layer_bottom button {
		top: 0;
		right: 4.2vw;
		padding: 0.4vw 0.7vw 0.4vw;
	}
}

@media (max-width:1023px) {
	.ipcLxlayer {
		width: 380px;
		height: 270px;
	}

	/* .ipcLxlayer .layer_cont {
		padding: 21px 83px 42px 28px;
	} */

	.ipcLxlayer .layer_cont>select {
		margin-left: 0;
		border-radius: 4px;
		font-size: 11px;
		margin-bottom: 7px;
	}

	.ipcLxlayer .layer_cont .scrbox {
		max-height: 153px;
	}

	.ipcLxlayer .layer_cont .scrbox td {
		font-size: 10px;
		padding: 4px 7px;
	}

	.ipcLxlayer .layer_cont .scrbox td input[type="number"] {
		margin-top: 0;
		border-radius: 4px;
		padding: 4px;
		margin-right: 2px;
	}

	.ipcLxlayer .layer_cont .thbox td {
		font-size: 10px;
		padding: 4px 7px;
	}

	.ipcLxlayer .layer_cont .thbox td input[type="number"] {
		margin-top: 0;
		border-radius: 4px;
		padding: 4px;
		margin-right: 2px;
	}

	.ipcLxlayer .layer_bottom {
		height: 42px;
	}

	.ipcLxlayer .layer_bottom button {
		top: 0;
		right: 42px;
		padding: 4px 7px 4px;
	}
}



.noticelayer {
	width: 90%;
	height: 80vh;
	max-width: 1200px;
	max-height: 800px;
}

.noticelayer .layer_cont {
	padding: 30px 40px 50px;
}

.noticelayer .layer_cont th {
	font-size: 18px;
	color: #000;
	padding: 10px;
	border-bottom: 1px solid #262d37;
}

.noticelayer .layer_cont .scrbox {
	max-height: 350px;
	overflow: auto;
}

.noticelayer .layer_cont .scrbox table {}

.noticelayer .layer_cont .scrbox tr {
	border-bottom: 1px solid #d9d9d9;
}

.noticelayer .layer_cont .scrbox td {
	font-size: 16px;
	text-align: left;
	color: #000;
	padding: 7px 10px;
}

.noticelayer .layer_cont .pager-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.noticelayer .layer_cont .pager-wrap button {
	width: 30px;
	height: 30px;
	margin: 0 2px;
	font-weight: 600;
	outline: none;
	border-radius: 3px;
	border: 1px solid #b1b1b1;
}

.noticelayer .layer_cont .pager-wrap button.on {
	background: #1da9ff;
	border-color: #1da9ff;
	color: #fff;
}

.noticelayer .layer_cont .pager-wrap .first {}

.noticelayer .layer_cont .pager-wrap .prev {}

.noticelayer .layer_cont .pager-wrap .next {}

.noticelayer .layer_cont .pager-wrap .last {}

@media (min-width:1024px) and (max-width:1440px) {
	.noticelayer {
		max-width: 83vw;
		max-height: 55.5vw
	}

	.noticelayer .layer_cont {
		padding: 2.1vw 2.8vw 3.5vw;
	}

	.noticelayer .layer_cont th {
		font-size: 1.3vw;
		padding: 0.7vw;
	}

	.noticelayer .layer_cont .scrbox {
		max-height: 24.3vw;
	}

	.noticelayer .layer_cont .scrbox td {
		font-size: 1.25vw;
		padding: 0.5vw 0.7vw;
	}

	.noticelayer .layer_cont .pager-wrap {
		height: 3.5vw;
	}

	.noticelayer .layer_cont .pager-wrap button {
		width: 1.7vw;
		height: 1.7vw;
		margin: 0 0.14vw;
		border-radius: 0.2vw;
	}
}

@media (max-width:1023px) {
	.noticelayer {
		max-width: 830px;
		max-height: 555px
	}

	.noticelayer .layer_cont {
		padding: 21px 28px 35px;
	}

	.noticelayer .layer_cont th {
		font-size: 13px;
		padding: 7px;
	}

	.noticelayer .layer_cont .scrbox {
		max-height: 243px;
	}

	.noticelayer .layer_cont .scrbox td {
		font-size: 12.5px;
		padding: 5px 7px;
	}

	.noticelayer .layer_cont .pager-wrap {
		height: 35px;
	}

	.noticelayer .layer_cont .pager-wrap button {
		width: 17px;
		height: 17px;
		margin: 0 1.4px;
		border-radius: 2px;
	}
}


.notiviewlayer {
	width: 90%;
	height: 80vh;
	max-width: 1200px;
	max-height: 800px;
}

.notiviewlayer .layer_cont {
	padding: 30px 40px 70px;
}

.notiviewlayer .layer_cont .cont-top {
	padding-bottom: 5px;
	border-bottom: 2px solid #ddd;
}

.notiviewlayer .layer_cont .cont-top .tit {
	font-size: 21px;
	font-weight: 600;
	word-break: keep-all;
	line-height: 150%;
}

.notiviewlayer .layer_cont .cont-top .date {
	font-size: 16px;
	line-height: 150%;
	text-align: right;
}

.notiviewlayer .layer_cont .scrbox {
	font-size: 18px;
	line-height: 140%;
	height: calc(100% - 70px);
	padding: 20px 0;
	box-sizing: border-box;
	overflow-y: auto;
}

.notiviewlayer .layer_cont .cont-bottom {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 50px;
	text-align: center;
}

.notiviewlayer .layer_cont .cont-bottom button {
	padding: 10px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.notiviewlayer {
		max-width: 83vw;
		max-height: 55.5vw;
	}

	.notiviewlayer .layer_cont {
		padding: 2.1vw 2.8vw 4.9vw;
	}

	.notiviewlayer .layer_cont .cont-top .tit {
		font-size: 1.46vw;
	}

	.notiviewlayer .layer_cont .cont-top .date {
		font-size: 1.1vw;
	}

	.notiviewlayer .layer_cont .scrbox {
		font-size: 1.3vw;
		height: calc(100% - 4.9vw);
		padding: 1.4vw 0;
	}

	.notiviewlayer .layer_cont .cont-bottom {
		bottom: 0.7vw;
		height: 3.5vw;
	}

	.notiviewlayer .layer_cont .cont-bottom button {
		padding: 0.7vw 2.8vw;
	}
}

@media (max-width:1023px) {
	.notiviewlayer {
		max-width: 830px;
		max-height: 555px;
	}

	.notiviewlayer .layer_cont {
		padding: 21px 28px 49px;
	}

	.notiviewlayer .layer_cont .cont-top .tit {
		font-size: 14.6px;
	}

	.notiviewlayer .layer_cont .cont-top .date {
		font-size: 11px;
	}

	.notiviewlayer .layer_cont .scrbox {
		font-size: 13px;
		height: calc(100% - 49px);
		padding: 14px 0;
	}

	.notiviewlayer .layer_cont .cont-bottom {
		bottom: 7px;
		height: 35px;
	}

	.notiviewlayer .layer_cont .cont-bottom button {
		padding: 7px 28px;
	}
}


.infolayer {
	width: 650px;
	;
}

.infolayer .layer_cont {
	padding: 50px 30px;
}

.infolayer .layer_cont p {
	font-size: 24px;
	line-height: 200%;
	word-break: keep-all;
}

.infolayer .layer_cont a {
	text-decoration: underline;
}

.infolayer .layer_cont .copy {
	font-size: 21px;
	bottom: 20px;
	right: auto;
}

@media (min-width:1024px) and (max-width:1440px) {
	.infolayer {
		width: 45.1vw;
	}

	.infolayer .layer_cont {
		padding: 3.5vw 2.1vw;
	}

	.infolayer .layer_cont p {
		font-size: 1.6vw;
	}

	.infolayer .layer_cont .copy {
		font-size: 1.46vw;
		bottom: 1.4vw;
	}
}

@media (max-width:1023px) {
	.infolayer {
		width: 451px;
	}

	.infolayer .layer_cont {
		padding: 35px 21px;
	}

	.infolayer .layer_cont p {
		font-size: 16px;
	}

	.infolayer .layer_cont .copy {
		font-size: 14.6px;
		bottom: 14px;
	}
}


.modifylayer {
	width: 500px;
	height: auto;
}

.modifylayer .layer_cont {
	padding: 30px;
}

.modifylayer .layer_cont table th,
.modifylayer .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.modifylayer .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.modifylayer .layer_cont select {
	border-radius: 0;
}

.modifylayer .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modifylayer .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.modifylayer {
		width: 35vw;
		height: auto;
	}

	.modifylayer .layer_cont {
		padding: 2vw;
	}

	.modifylayer .layer_cont table th,
	.modifylayer .layer_cont table td {
		font-size: 1vw;
	}

	.modifylayer .layer_cont select {
		border-radius: 0;
	}

	.modifylayer .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.modifylayer .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.modifylayer {
		width: 350px;
		height: auto;
	}

	.modifylayer .layer_cont {
		padding: 20px;
	}

	.modifylayer .layer_cont table th,
	.modifylayer .layer_cont table td {
		font-size: 10px;
	}

	.modifylayer .layer_cont select {
		border-radius: 0;
	}

	.modifylayer .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.modifylayer .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.editras {
	width: 500px;
	height: auto;
}

.editras .layer_cont {
	padding: 30px;
}

.editras .layer_cont table th,
.editras .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.editras .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.editras .layer_cont select {
	border-radius: 0;
	margin: auto;
	width: 80%;
}

.editras .layer_cont input {
	margin: auto;
	border-radius: 0;
	width: 80%;
	border: 1px solid #1da9ff
}

.editras .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.editras .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.editras {
		width: 35vw;
		height: auto;
	}

	.editras .layer_cont {
		padding: 2vw;
	}

	.editras .layer_cont table th,
	.editras .layer_cont table td {
		font-size: 1vw;
	}

	.editras .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.editras .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}
}

@media (max-width:1023px) {
	.editras {
		width: 350px;
		height: auto;
	}

	.editras .layer_cont {
		padding: 20px;
	}

	.editras .layer_cont table th,
	.editras .layer_cont table td {
		font-size: 10px;
	}

	.editras .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.editras .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.zone_positiontest {
	width: 600px;
	height: auto;
}

.zone_positiontest .layer_cont {
	padding: 30px;
}

.zone_positiontest .layer_cont table th,
.positiontest .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.zone_positiontest .layer_cont table th {
	font-weight: normal;
	padding: 5px;
}

.zone_positiontest .layer_cont .blue_white_btn {
	padding-top: 0;
}

.zone_positiontest .layer_cont .scrbox {
	max-height: 450px;
	overflow: auto;
	position: relative;
}

.zone_positiontest .layer_cont .scrbox::-webkit-scrollbar {
	width: 5px;
}

.zone_positiontest .layer_cont .scrbox::-webkit-scrollbar-thumb {
	width: 5px;
	background: #d0dce3;
	border-radius: 3px;
}

.zone_positiontest .layer_cont .scrbox::-webkit-scrollbar-track {
	width: 5px;
	background: rgb(38 45 55 / 50%);
}

.zone_positiontest .layer_cont .btn-wrap {
	padding-top: 30px;
	padding-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.zone_positiontest .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.zone_positiontest {
		width: 42vw;
	}

	.zone_positiontest .layer_cont {
		padding: 2vw
	}

	.zone_positiontest .layer_cont table th,
	.positiontest .layer_cont table td {
		font-size: 1vw;
	}

	.zone_positiontest .layer_cont table th {
		padding: 0.35vw;
	}

	.zone_positiontest .layer_cont .blue_white_btn {
		padding-top: 0;
	}

	.zone_positiontest .layer_cont .scrbox {
		max-height: 16vw;
	}

	.zone_positiontest .layer_cont .btn-wrap {
		padding-top: 1.5vw;
		padding-bottom: 0;
	}

	.zone_positiontest .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 1.5vw;
	}
}

@media (max-width:1023px) {
	.zone_positiontest {
		width: 420px;
	}

	.zone_positiontest .layer_cont {
		padding: 20px
	}

	.zone_positiontest .layer_cont table th,
	.positiontest .layer_cont table td {
		font-size: 10px;
	}

	.zone_positiontest .layer_cont table th {
		padding: 3.5px;
	}

	.zone_positiontest .layer_cont .blue_white_btn {
		padding-top: 0;
	}

	.zone_positiontest .layer_cont .scrbox {
		max-height: 170px;
	}

	.zone_positiontest .layer_cont .btn-wrap {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.zone_positiontest .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.positiontest {
	width: 600px;
	height: auto;
}

.positiontest .layer_cont {
	padding: 30px;
}

.positiontest .layer_cont table th,
.positiontest .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.positiontest .layer_cont table th {
	font-weight: normal;
	padding: 5px;
}

/* .positiontest .layer_cont .blue_white_btn {
	padding-top: 0;
} */

.positiontest .layer_cont .scrbox {
	max-height: 450px;
	overflow: auto;
	position: relative;
}

.positiontest .layer_cont .scrbox::-webkit-scrollbar {
	width: 5px;
}

.positiontest .layer_cont .scrbox::-webkit-scrollbar-thumb {
	width: 5px;
	background: #d0dce3;
	border-radius: 3px;
}

.positiontest .layer_cont .scrbox::-webkit-scrollbar-track {
	width: 5px;
	background: rgb(38 45 55 / 50%);
}

.positiontest .layer_cont .btn-wrap {
	padding-top: 30px;
	padding-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.positiontest .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.positiontest {
		width: 42vw;
	}

	.positiontest .layer_cont {
		padding: 2vw
	}

	.positiontest .layer_cont table th,
	.positiontest .layer_cont table td {
		font-size: 1vw;
	}

	.positiontest .layer_cont table th {
		padding: 0.35vw;
	}

	/* .positiontest .layer_cont .blue_white_btn {
		padding-top: 0;
	} */

	.positiontest .layer_cont .scrbox {
		max-height: 16vw;
	}

	.positiontest .layer_cont .btn-wrap {
		padding-top: 1.5vw;
		padding-bottom: 0;
	}

	.positiontest .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}
}

@media (max-width:1023px) {
	.positiontest {
		width: 420px;
	}

	.positiontest .layer_cont {
		padding: 20px
	}

	.positiontest .layer_cont table th,
	.positiontest .layer_cont table td {
		font-size: 10px;
	}

	.positiontest .layer_cont table th {
		padding: 3.5px;
	}

	/* .positiontest .layer_cont .blue_white_btn {
		padding-top: 0;
	} */

	.positiontest .layer_cont .scrbox {
		max-height: 170px;
	}

	.positiontest .layer_cont .btn-wrap {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.positiontest .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.editsetting {
	width: 650px;
	height: auto;
}

.editsetting .layer_cont {
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.editsetting .layer_cont table {
	width: 65%;
}

.editsetting .layer_cont table th,
.editsetting .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.editsetting .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.editsetting .layer_cont table td input[type='text'] {
	font-size: 14px;
}

.editsetting .layer_cont select {
	border-radius: 0;
	margin: auto;
	width: 80%;
	min-width: 200px;
}

.editsetting .layer_cont input {
	margin: auto;
	border-radius: 0;
	width: 80%;
	border: 1px solid #1da9ff;
}

.editsetting .layer_cont .pad-wrap {
	width: 190px;
	height: 190px;
	display: flex;
	flex-wrap: wrap;
}

.editsetting .layer_cont .pad-wrap button {
	width: 31.333%;
	height: 60px;
	margin: 1%;
}

.editsetting .layer_cont .pad-wrap button.center {
	background: #1da9ff;
	color: #fff;
}

@media (hover:hover) and (pointer:fine) {
	.editsetting .layer_cont .pad-wrap button:hover {
		background: #1da9ff;
		color: #fff;
	}

	.editsetting .layer_cont .pad-wrap button:active {
		background: #0068A8;
		color: #fff;
	}
}

.editsetting .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.editsetting .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.editsetting {
		width: 45vw;
	}

	.editsetting .layer_cont {
		padding: 2vw;
	}

	.editsetting .layer_cont table th,
	.editsetting .layer_cont table td {
		font-size: 1vw;
	}

	.editsetting .layer_cont table td input[type='text'] {
		font-size: 1vw;
	}

	.editsetting .layer_cont select {
		min-width: 14vw;
	}

	.editsetting .layer_cont .pad-wrap {
		width: 13vw;
		height: 13vw;
	}

	.editsetting .layer_cont .pad-wrap button {
		width: 31.333%;
		height: 4vw;
		margin: 1%;
	}

	.editsetting .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.editsetting .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.editsetting {
		width: 450px;
	}

	.editsetting .layer_cont {
		padding: 20px;
	}

	.editsetting .layer_cont table th,
	.editsetting .layer_cont table td {
		font-size: 10px;
	}

	.editsetting .layer_cont table td input[type='text'] {
		font-size: 10px;
	}

	.editsetting .layer_cont select {
		min-width: 140px;
	}

	.editsetting .layer_cont .pad-wrap {
		width: 130px;
		height: 130px;
	}

	.editsetting .layer_cont .pad-wrap button {
		width: 31.333%;
		height: 40px;
		margin: 1%;
	}

	.editsetting .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.editsetting .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.selecttimezone {
	width: 400px;
	height: auto;
}

.selecttimezone .layer_cont {
	padding: 30px;
}

.selecttimezone .layer_cont ul {
	max-height: 207px;
	overflow: auto;
}

.selecttimezone .layer_cont li {
	border: 1px solid #ddd;
	line-height: 40px;
	margin-top: -1px;
	text-align: center;
}

@media (hover:hover) and (pointer:fine) {
	.selecttimezone .layer_cont li:hover {
		background: #1da9ff;
		color: #fff;
	}
}

.selecttimezone .layer_cont li:first-child {
	margin-top: 0;
}

.selecttimezone .layer_cont input[type="radio"] {
	display: none;
}

.selecttimezone .layer_cont input[type="radio"]+label {
	width: 100%;
	height: 100%;
	display: block;
}

.selecttimezone .layer_cont input[type="radio"]:checked+label {
	background: #1da9ff;
	color: #fff;
}

.selecttimezone .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.selecttimezone .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {

	.selecttimezone {
		width: 27vw;
		height: auto;
	}

	.selecttimezone .layer_cont {
		padding: 2vw;
	}

	.selecttimezone .layer_cont ul {
		max-height: 14vw;
	}

	.selecttimezone .layer_cont li {
		line-height: 2.7vw;
	}

	.selecttimezone .layer_cont li:first-child {
		margin-top: 0;
	}

	.selecttimezone .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.selecttimezone .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.selecttimezone {
		width: 270px;
		height: auto;
	}

	.selecttimezone .layer_cont {
		padding: 20px;
	}

	.selecttimezone .layer_cont ul {
		max-height: 140px;
	}

	.selecttimezone .layer_cont li {
		line-height: 27px;
	}

	.selecttimezone .layer_cont li:first-child {
		margin-top: 0;
	}

	.selecttimezone .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.selecttimezone .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.searchMap {
	width: 1000px;
	height: auto;
	max-width: 90vw;
	max-height: 90vh; overflow: auto;
}

.searchMap .layer_cont {
	padding: 30px;
}

.searchMap .layer_cont .searchbox {
	display: flex;
	margin-bottom: 10px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.searchMap {
		width: 70vw;
		height: auto;
	}

	.searchMap .layer_cont {
		padding: 2vw;
	}
}

@media (max-width:1023px) {
	.searchMap {
		width: 430px;
		height: auto;
	}

	.searchMap .layer_cont {
		padding: 20px;
	}
}


.changeNetwork {
	width: 400px;
	height: auto;
}

.changeNetwork .layer_cont {
	padding: 30px;
}

.changeNetwork .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.changeNetwork .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.changeNetwork .layer_cont select {
	border-radius: 0;
}

.changeNetwork .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
}

.changeNetwork .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.changeNetwork .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.changeNetwork {
		width: 27vw;
		height: auto;
	}

	.changeNetwork .layer_cont {
		padding: 2vw;
	}

	.changeNetwork .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.changeNetwork .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.changeNetwork .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.changeNetwork {
		width: 270px;
		height: auto;
	}

	.changeNetwork .layer_cont {
		padding: 20px;
	}

	.changeNetwork .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.changeNetwork .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.changeNetwork .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}


}


.setRTC {
	width: 400px;
	height: auto;
}

.setRTC .layer_cont {
	padding: 30px;
}

.setRTC .layer_cont li {
	font-size: 14px;
	line-height: 200%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.setRTC .layer_cont li input[type="radio"] {
	margin-right: 10px;
}

.setRTC .layer_cont li input[type="radio"]+label {}

.setRTC .layer_cont li input[type="radio"]:checked+label {}

.setRTC .layer_cont li #time:checked+label+.hidden {
	display: block;
}

.setRTC .layer_cont li .hidden {
	width: 100%;
	padding: 5px 23px;
	box-sizing: border-box;
}

.setRTC .layer_cont li .hidden input {
	width: 78%;
	line-height: 30px;
	border-radius: 0;
	margin-top: 0;
	margin-bottom: 5px;
}

.setRTC .layer_cont li .hidden select {
	margin: 0;
	width: 25%;
	min-width: 0;
}

.setRTC .layer_cont select {
	border-radius: 0;
}

.setRTC .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.setRTC .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {

	.setRTC {
		width: 27vw;
		height: auto;
	}

	.setRTC .layer_cont {
		padding: 2vw;
	}

	.setRTC .layer_cont li {
		font-size: 1vw;
	}

	.setRTC .layer_cont li input[type="radio"] {
		margin-right: 0.7vw;
	}

	.setRTC .layer_cont li .hidden {
		width: 100%;
		padding: 0.35vw 1.6vw;
	}

	.setRTC .layer_cont li .hidden input {
		width: 78%;
		line-height: 2vw;
		border-radius: 0;
		margin-top: 0;
		margin-bottom: 0.35vw;
	}

	.setRTC .layer_cont li .hidden select {
		margin: 0;
		width: 25%;
		min-width: 0;
	}

	.setRTC .layer_cont select {
		border-radius: 0;
	}

	.setRTC .layer_cont .btn-wrap {
		padding-top: 2.7vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.setRTC .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.setRTC {
		width: 270px;
		height: auto;
	}

	.setRTC .layer_cont {
		padding: 20px;
	}

	.setRTC .layer_cont li {
		font-size: 10px;
	}

	.setRTC .layer_cont li input[type="radio"] {
		margin-right: 7px;
	}

	.setRTC .layer_cont li .hidden {
		width: 100%;
		padding: 3.5px 16px;
	}

	.setRTC .layer_cont li .hidden input {
		width: 78%;
		line-height: 20px;
		border-radius: 0;
		margin-top: 0;
		margin-bottom: 3.5px;
	}

	.setRTC .layer_cont li .hidden select {
		margin: 0;
		width: 25%;
		min-width: 0;
	}

	.setRTC .layer_cont select {
		border-radius: 0;
	}

	.setRTC .layer_cont .btn-wrap {
		padding-top: 27px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.setRTC .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.nodeScan {
	width: 600px;
	height: auto;
}

.nodeScan .layer_cont {
	padding: 30px;
}

.nodeScan .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nodeScan .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {

	.nodeScan {
		width: 42vw;
		height: auto;
	}

	.nodeScan .layer_cont {
		padding: 2vw;
	}

	.nodeScan .layer_cont .btn-wrap {
		padding-top: 2.7vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.nodeScan .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.nodeScan {
		width: 370px;
		height: auto;
	}

	.nodeScan .layer_cont {
		padding: 20px;
	}

	.nodeScan .layer_cont .btn-wrap {
		padding-top: 27px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.nodeScan .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}


.changeMaster {
	width: 400px;
	height: auto;
}

.changeMaster .layer_cont {
	padding: 30px;
}

.changeMaster .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.changeMaster .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.changeMaster .layer_cont select {
	border-radius: 0;
}

.changeMaster .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
}

.changeMaster .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.changeMaster .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.changeMaster {
		width: 27vw;
		height: auto;
	}

	.changeMaster .layer_cont {
		padding: 2vw;
	}

	.changeMaster .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.changeMaster .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.changeMaster .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.changeMaster {
		width: 270px;
		height: auto;
	}

	.changeMaster .layer_cont {
		padding: 20px;
	}

	.changeMaster .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.changeMaster .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.changeMaster .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.control-mode {
	width: 400px;
	height: auto;
}

.control-mode .layer_cont {
	padding: 30px;
}

.control-mode .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.control-mode .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.control-mode .layer_cont select {
	border-radius: 0;
	margin: 0;
	min-width: 0;
	width: 80%;
	padding: 4px;
	border-radius: 0;
}

.control-mode .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
}

.control-mode .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.control-mode .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.control-mode {
		width: 27vw;
		height: auto;
	}

	.control-mode .layer_cont {
		padding: 2vw;
	}

	.control-mode .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.control-mode .layer_cont .btn-wrap {
		padding-top: 2.2vw;
	}

	.control-mode .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.control-mode {
		width: 270px;
		height: auto;
	}

	.control-mode .layer_cont {
		padding: 20px;
	}

	.control-mode .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.control-mode .layer_cont .btn-wrap {
		padding-top: 22px;
	}

	.control-mode .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.newZone {
	width: 450px;
	height: auto;
}

.newZone .layer_cont {
	padding: 30px;
}

.newZone .layer_cont table th {
	width: 30%;
}

.newZone .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.newZone .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.newZone .layer_cont select {
	border-radius: 0;
	margin: 0;
	min-width: 0;
	width: 80%;
	padding: 4px;
}

.newZone .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
}

.newZone .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
}

.newZone .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.newZone {
		width: 32vw;
		height: auto;
	}

	.newZone .layer_cont {
		padding: 2vw;
	}

	.newZone .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.newZone .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.newZone .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.newZone {
		width: 320px;
		height: auto;
	}

	.newZone .layer_cont {
		padding: 20px;
	}

	.newZone .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.newZone .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.newZone .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.addNode {
	width: 450px;
	height: auto;
}

.addNode .layer_cont {
	padding: 30px;
}

.addNode .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.addNode .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.addNode .layer_cont .inner-table,
.addNode .layer_cont .inner-table tr,
.addNode .layer_cont .inner-table th,
.addNode .layer_cont .inner-table td {
	border: none;
}

.addNode .layer_cont select {
	border-radius: 0;
	min-width: 0;
	width: 80%;
	margin: auto;
}

.addNode .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
	font-size: 16px;
}

.addNode .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.addNode .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.addNode {
		width: 27vw;
		height: auto;
	}

	.addNode .layer_cont {
		padding: 2vw;
	}

	.addNode .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.addNode .layer_cont input {
		font-size: 1.1vw;
	}

	.addNode .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.addNode .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.addNode {
		width: 270px;
		height: auto;
	}

	.addNode .layer_cont {
		padding: 20px;
	}

	.addNode .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.addNode .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.addNode .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}


.addNode2 {
	width: 400px;
	height: auto;
}

.addNode2 .layer_cont {
	padding: 30px;
}

.addNode2 .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.addNode2 .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.addNode2 .layer_cont select {
	border-radius: 0;
	min-width: 0;
	width: 80%;
	margin: auto;
}

.addNode2 .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
}

.addNode2 .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.addNode2 .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.addNode2 {
		width: 27vw;
		height: auto;
	}

	.addNode2 .layer_cont {
		padding: 2vw;
	}

	.addNode2 .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.addNode2 .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.addNode2 .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.addNode2 {
		width: 270px;
		height: auto;
	}

	.addNode2 .layer_cont {
		padding: 20px;
	}

	.addNode2 .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.addNode2 .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.addNode2 .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}


.modifyNode {
	width: 400px;
	height: auto;
}

.modifyNode .layer_cont {
	padding: 30px;
}

.modifyNode .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.modifyNode .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.modifyNode .layer_cont select {
	border-radius: 0;
	min-width: 0;
	width: 80%;
	margin: auto;
}

.modifyNode .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
}

.modifyNode .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modifyNode .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.modifyNode {
		width: 27vw;
		height: auto;
	}

	.modifyNode .layer_cont {
		padding: 2vw;
	}

	.modifyNode .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.modifyNode .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.modifyNode .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.modifyNode {
		width: 270px;
		height: auto;
	}

	.modifyNode .layer_cont {
		padding: 20px;
	}

	.modifyNode .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.modifyNode .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.modifyNode .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.modifyNode2 {
	width: 400px;
	height: auto;
}

.modifyNode2 .layer_cont {
	padding: 30px;
}

.modifyNode2 .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 18px;
	color: #000;
}

.modifyNode2 .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.modifyNode2 .layer_cont select {
	border-radius: 0;
	min-width: 0;
	width: 80%;
	margin: auto;
}

.modifyNode2 .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
}

.modifyNode2 .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modifyNode2 .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.modifyNode2 {
		width: 27vw;
		height: auto;
	}

	.modifyNode2 .layer_cont {
		padding: 2vw;
	}

	.modifyNode2 .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.modifyNode2 .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.modifyNode2 .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.modifyNode2 {
		width: 270px;
		height: auto;
	}

	.modifyNode2 .layer_cont {
		padding: 20px;
	}

	.modifyNode2 .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.modifyNode2 .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.modifyNode2 .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}




.multinode {
	width: 1000px;
	height: auto;
}

.multinode .layer_cont {
	padding: 30px;
}

@media (hover:hover) and (pointer:fine) {
	.multinode .layer_cont table tr:hover {
		background: #1da9ff
	}
}

.multinode .layer_cont table th,
.multinode .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.multinode .layer_cont table th {
	font-weight: normal;
	text-align: center;
}

.multinode .layer_cont select {
	border-radius: 0;
	min-width: 0;
	width: 80%;
	margin: auto;
}

.multinode .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
}

.multinode .layer_cont .top-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.multinode .layer_cont .top-wrap .select-wrap {
	display: flex;
	width: 40%;
	align-items: center;
	margin-right: 20px;
}

.multinode .layer_cont .top-wrap .select-wrap p {
	margin-right: 10px;
	font-weight: bold;
	white-space: nowrap;
}

.multinode .layer_cont .center-wrap {}

.multinode .layer_cont .center-wrap .table-wrap {}

.multinode .layer_cont .center-wrap .thbox {
	max-height: 331px;
	overflow: auto;
}

.multinode .layer_cont .center-wrap .btn-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0;
	margin: 0 20px;
}

.multinode .layer_cont .center-wrap .btn-wrap button {
	margin: 10px 0;
	padding: 10px 20px;
}

.multinode .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.multinode .layer_cont .btn-wrap .file-wrap2 {
	font-weight: bold;
	display: flex;
	margin: 0;
	padding: 0;
	align-items: center;
	width: 50%;
}

.multinode .layer_cont .btn-wrap .file-wrap2 p {
	margin-right: 10px;
}

.multinode .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.multinode {
		width: 70vw;
		height: auto;
	}

	.multinode .layer_cont {
		padding: 2vw;
	}

	.multinode .layer_cont table th,
	.multinode .layer_cont table td {
		font-size: 1vw;
	}

	.multinode .layer_cont .top-wrap {
		margin-bottom: 1.4vw;
	}

	.multinode .layer_cont .top-wrap .select-wrap {
		margin-right: 1.4vw;
	}

	.multinode .layer_cont .top-wrap .select-wrap p {
		margin-right: 0.7vw;
	}

	.multinode .layer_cont .center-wrap .thbox {
		max-height: 23vw;
	}

	.multinode .layer_cont .center-wrap .btn-wrap {
		padding: 0;
		margin: 0 1.4vw;
	}

	.multinode .layer_cont .center-wrap .btn-wrap button {
		margin: 0.7vw 0;
		padding: 0.7vw 1.4vw;
	}

	.multinode .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.multinode .layer_cont .btn-wrap .file-wrap2 p {
		margin-right: 0.7vw;
	}

	.multinode .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.multinode {
		width: 700px;
		height: auto;
	}

	.multinode .layer_cont {
		padding: 20px;
	}

	.multinode .layer_cont table th,
	.multinode .layer_cont table td {
		font-size: 10px;
	}

	.multinode .layer_cont .top-wrap {
		margin-bottom: 14px;
	}

	.multinode .layer_cont .top-wrap .select-wrap {
		margin-right: 14px;
	}

	.multinode .layer_cont .top-wrap .select-wrap p {
		margin-right: 7px;
	}

	.multinode .layer_cont .center-wrap .thbox {
		max-height: 230px;
	}

	.multinode .layer_cont .center-wrap .btn-wrap {
		padding: 0;
		margin: 0 14px;
	}

	.multinode .layer_cont .center-wrap .btn-wrap button {
		margin: 7px 0;
		padding: 7px 14px;
	}

	.multinode .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.multinode .layer_cont .btn-wrap .file-wrap2 p {
		margin-right: 7px;
	}

	.multinode .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.newAlarm {
	width: 400px;
	height: auto;
}

.newAlarm .layer_cont {
	padding: 30px;
}

.newAlarm .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.newAlarm .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.newAlarm .layer_cont .select-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.newAlarm .layer_cont .select-wrap select {
	border-radius: 0;
	margin: 0 5px;
	min-width: 0;
}

.newAlarm .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.newAlarm .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.newAlarm {
		width: 27vw;
		height: auto;
	}

	.newAlarm .layer_cont {
		padding: 2vw;
	}

	.newAlarm .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.newAlarm .layer_cont .select-wrap select {
		border-radius: 0;
		margin: 0 0.35vw;
		min-width: 0;
	}

	.newAlarm .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.newAlarm .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.newAlarm {
		width: 270px;
		height: auto;
	}

	.newAlarm .layer_cont {
		padding: 20px;
	}

	.newAlarm .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.newAlarm .layer_cont .select-wrap select {
		border-radius: 0;
		margin: 0 3.5px;
		min-width: 0;
	}

	.newAlarm .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.newAlarm .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}

.newNodePower {
	width: 400px;
	height: auto;
}

.newNodePower .layer_cont {
	padding: 30px;
}

.newNodePower .layer_cont table th,
.changeNetwork .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.newNodePower .layer_cont table th {
	font-weight: normal;
	text-align: left;
}

.newNodePower .layer_cont .select-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.newNodePower .layer_cont .select-wrap select {
	border-radius: 0;
	margin: 0 5px;
	min-width: 0;
}

.newNodePower .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 60%;
}

.newNodePower .layer_cont .check {
	font-size: 14px;
}

.newNodePower .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

.newNodePower .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.newNodePower {
		width: 27vw;
		height: auto;
	}

	.newNodePower .layer_cont {
		padding: 2vw;
	}

	.newNodePower .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 1vw;
	}

	.newNodePower .layer_cont .select-wrap select {
		border-radius: 0;
		margin: 0 0.35vw;
		min-width: 0;
	}

	.newNodePower .layer_cont input {
		margin: 0;
		border-radius: 0;
		width: 60%;
	}

	.newNodePower .layer_cont .btn-wrap {
		padding-top: 2.7vw;
		font-size: 1vw !important;
	}

	.newNodePower .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

	.newNodePower .layer_cont .check {
		font-size: 1.0rm;
	}

}

@media (max-width:1023px) {
	.newNodePower {
		width: 270px;
		height: auto;
	}

	.newNodePower .layer_cont {
		padding: 20px;
	}

	.newNodePower .layer_cont table th,
	.changeNetwork .layer_cont table td {
		font-size: 10px;
	}

	.newNodePower .layer_cont input {
		margin: 0;
		border-radius: 0;
		width: 50%;
	}

	.newNodePower .layer_cont .select-wrap select {
		border-radius: 0;
		margin: 0 3.5px;
		min-width: 0;
	}

	.newNodePower .layer_cont .btn-wrap {
		padding-top: 27px;
		font-size: 10px;
	}

	.newNodePower .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

	.newNodePower .layer_cont .check {
		font-size: 10px;
	}

}

/* IPC-LX */
/* 220513수정 - 추가 */
.edit-ipcLx {
	width: 400px;
}

.edit-ipcLx .box+.box {
	border-top: 1px solid #1da9ff;
	/* padding-top: 20px; */
	margin-top: 16px;
	padding: 16px 0 0 0;
}

.edit-ipcLx .box .tit {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	/* margin-bottom: 10px; */
	width: 100%;
	padding-bottom: 10px;
}

.edit-ipcLx label {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #000;
}

.edit-ipcLx label+label {
	margin-left: 30px;
}

.edit-ipcLx label input {
	margin-right: 5px;
}

.edit-ipcLx .box:first-child {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.edit-ipcLx .border_tbl {
	margin-bottom: 15px;
}

.edit-ipcLx .border_tbl th {
	text-align: left;
	font-weight: 500;
	color: #000;
}

.edit-ipcLx .border_tbl input {
	width: 80%;
	margin: auto;
	height: 30px;
}

.edit-ipcLx .border_tbl select {
	width: 100%;
	margin: auto;
	border-radius: 0;
	height: 30px;
	min-width: auto;
}

.edit-ipcLx .lux_wrap {}

.edit-ipcLx .lux_wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.edit-ipcLx .lux_wrap li {
	width: 25%;
	margin: 5px 0;
}

.edit-ipcLx .assigned_wrap {}

.edit-ipcLx .assigned_wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.edit-ipcLx .assigned_wrap li {
	width: 50%;
	margin: 5px 0;
}

.edit-ipcLx .assigned_wrap li .num {
	font-size: 14px;
	font-weight: bold;
}

.edit-ipcLx .assigned_wrap li select {
	min-width: auto;
	margin-left: 3%;
	width: 80%;
	border-radius: 5px;
}

.edit-ipcLx .blue_white_btn {
	display: block;
	width: 40%;
	margin: 30px auto 0;
}

@media (min-width:1024px) and (max-width:1440px) {
	.edit-ipcLx {
		width: 27vw;
	}

	.edit-ipcLx .box+.box {
		padding-top: 1vw;
		margin-top: 1vw;
	}

	.edit-ipcLx .box .tit {
		font-size: 1.1vw;
		padding-bottom: 0.4vw;
		/* margin-bottom: 0.7vw; */
	}

	.edit-ipcLx label {
		font-size: 1vw;
	}

	.edit-ipcLx label+label {
		margin-left: 2vw;
	}

	.edit-ipcLx label input {
		margin-right: 0.35vw;
	}

	.edit-ipcLx .border_tbl {
		margin-bottom: 1vw;
	}

	.edit-ipcLx .border_tbl input {
		height: 2vw;
	}

	.edit-ipcLx .border_tbl select {
		height: 2vw;
	}

	.edit-ipcLx .lux_wrap li {
		margin: 0.35vw 0;
	}

	.edit-ipcLx .assigned_wrap li {
		margin: 0.35vw 0;
	}

	.edit-ipcLx .assigned_wrap li .num {
		font-size: 1vw;
	}

	.edit-ipcLx .assigned_wrap li select {
		border-radius: 0.35vw;
	}

	.edit-ipcLx .blue_white_btn {
		margin: 2vw auto 0;
	}

}

@media (max-width:1023px) {
	.edit-ipcLx {
		width: 270px;
	}

	.edit-ipcLx .box+.box {
		padding-top: 10px;
		margin-top: 10px;
	}

	.edit-ipcLx .box .tit {
		font-size: 11px;
		padding-bottom: 4px;
		/* margin-bottom: 7px; */
	}

	.edit-ipcLx label {
		font-size: 10px;
	}

	.edit-ipcLx label+label {
		margin-left: 20px;
	}

	.edit-ipcLx label input {
		margin-right: 3.5px;
	}

	.edit-ipcLx .border_tbl {
		margin-bottom: 10px;
	}

	.edit-ipcLx .border_tbl input {
		height: 20px;
	}

	.edit-ipcLx .border_tbl select {
		height: 20px;
	}

	.edit-ipcLx .lux_wrap li {
		margin: 3.5px 0;
	}

	.edit-ipcLx .assigned_wrap li {
		margin: 3.5px 0;
	}

	.edit-ipcLx .assigned_wrap li .num {
		font-size: 10px;
	}

	.edit-ipcLx .assigned_wrap li select {
		border-radius: 3.5px;
	}

	.edit-ipcLx .blue_white_btn {
		margin: 20px auto 0;
	}

}

/* //220513수정 - 추가 */

/* USER */
.edit-user {
	width: 600px;
	height: auto;
}

.edit-user input[type=text] {
	width: 100%;
}

.edit-user .btn-wrap {
	display: flex;
	justify-content: center;
}

.edit-user .btn-wrap button {
	margin: 0 0.5rem;
	padding: 0.5rem 2.5rem;
}

/* Change Password */
.changePassword {
	width: 500px;
}

.changePassword .btn-wrap {
	display: flex;
	justify-content: center;
}

.changePassword .btn-wrap button {
	margin: 0 0.5rem;
	padding: 0.5rem 2.5rem;
}


/* mypage */
.my_contents {
	display: flex;
	justify-content: center;
}

.my_contents .box {}

.my_contents .inputbox {
	width: 70%;
	margin: auto;
}

.my_contents dl {
	margin-bottom: 20px;
}

.my_contents dt {
	font-size: 18px;
	color: #000;
	line-height: 200%;
	font-weight: 600;
}

.my_contents dd {
	font-weight: 500;
}

.my_contents dd input {
	border: none;
	border-bottom: 1px solid #1da9ff;
	font-size: 18px;
	color: #000;
	width: 100%;
	padding: 5px 0;
	outline: none;
}

.my_contents .btn-wrap {
	width: 100%;
	margin-top: 30px;
	text-align: center
}

.my_contents .btn-wrap button {
	padding: 5px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.my_contents dl {
		margin-bottom: 1.4vw;
	}

	.my_contents dt {
		font-size: 1.25vw;
	}

	.my_contents dd input {
		font-size: 1.3vw;
		padding: 0.4vw 0;
	}

	.my_contents .btn-wrap {
		width: 100%;
		margin-top: 2.1vw;
	}

	.my_contents .btn-wrap button {
		padding: 0.4vw 2.8vw;
	}
}

@media (max-width:1023px) {
	.my_contents dl {
		margin-bottom: 14px;
	}

	.my_contents dt {
		font-size: 14.6px;
	}

	.my_contents dd input {
		font-size: 13px;
		padding: 4px 0;
	}

	.my_contents .btn-wrap {
		width: 100%;
		margin-top: 21px;
	}

	.my_contents .btn-wrap button {
		padding: 4px 28px;
	}
}




/* login */
#wrap.login-wrap {
	background: #fff;
	width: 100vw;
	height: 100vh;
	/* min-width: 1024px;
	min-height: 680px; */
}

.login-wrap .txtbox {
	position: absolute;
	left: 100px;
	/* bottom: 160px; */
	width: 31%;
	top: 32%;
}

.login-wrap .txtbox img {
	max-width: 100%;
}

.login-wrap .cont-wrap {
	width: 25vw !important;
	max-width: 590px;
	height: 100%;
	background: #1da9ff;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-wrap .inputbox {
	width: 100%;
	max-width: 360px;
	margin: auto;
	background: #1da9ff;
	padding: 0 20px;
	box-sizing: border-box;
}

.login-wrap .logo {
	background: url("../../assets/images/logo_3_ver2.png") no-repeat center center;
	width: 100%;
	max-width: 320px;
	height: 300px;
	margin: 0 auto 30px;
	background-size: contain;
}

.login-wrap .inputbox>p {
	font-size: 25px;
	color: #fff;
	line-height: 120%;
	margin-bottom: 35px;
}

.login-wrap .inputbox dl {
	margin-bottom: 10px;
}

.login-wrap .inputbox dt {
	font-size: 18px;
	color: #fff;
	line-height: 120%;
}

.login-wrap .inputbox dd {}

.login-wrap .inputbox dd input {
	width: 100%;
	height: 50px;
	padding: 5px;
	box-sizing: border-box;
	border: none;
	outline: none;
}

.login-wrap .captcha-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.login-wrap .captcha-wrap .captcha {
	width: 100%;
	height: 60px;
	font-size: 70px;
	text-align: center;
	line-height: 60px;
	margin: 20px auto 10px;
}

.login-wrap .captcha-wrap .change_captcha {
	border: none;
	background: none;
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
}

.login-wrap .captcha-wrap input[type="text"] {
	height: 50px;
	width: 100%;
	padding: 5px;
	border: none;
	box-sizing: border-box;
	outline: none;
}

.login-wrap .captcha-wrap input[type="text"]::placeholder {
	color: #1da9ff;
	font-size: 18px;
}

.login-wrap .btn_login {
	display: block;
	width: 200px;
	height: 45px;
	border: none;
	background: #383838;
	color: #1da9ff;
	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	margin: 50px auto 0;
}

.login-wrap .btn_login:disabled {
	border: none;
	background: #807f7f;
	color: #1da9ff;
}

.login-wrap .realperson-regen {
	font-size: 18px;
	color: #fff;
	line-height: 120%;
}

/*
@media (max-width: 1400px) {
	.login-wrap .txtbox {left: 50px; bottom: 80px; max-width: 40%;}
	.login-wrap .inputbox dd input {height: 40px;}
	.login-wrap .captcha-wrap input[type="text"] {height: 40px;}
	.login-wrap .btn_login {margin: 40px auto 0;}
}
*/
@media (min-width:1024px) and (max-width:1440px) {
	.login-wrap .txtbox {
		left: 6.9vw;
		bottom: 11.1vw;
	}

	.login-wrap .cont-wrap {
		width: 41vw;
	}


	.login-wrap .inputbox>p {
		font-size: 1.7vw;
		margin-bottom: 2.4vw;
	}

	.login-wrap .inputbox dl {
		margin-bottom: 0.7vw;
	}

	.login-wrap .inputbox dt {
		font-size: 1.3vw;
	}

	.login-wrap .inputbox dd input {
		height: 3.5vw;
		padding: 0.4vw;
	}

	.login-wrap .captcha-wrap .captcha {
		height: 4.2vw;
		font-size: 4.9vw;
		line-height: 4.2vw;
		margin: 1.4vw auto 0.7vw;
	}

	.login-wrap .captcha-wrap .change_captcha {
		font-size: 1.3vw;
		margin-bottom: 1.4vw;
	}

	.login-wrap .captcha-wrap input[type="text"] {
		height: 3.5vw;
		padding: 0.4vw;
	}

	.login-wrap .captcha-wrap input[type="text"]::placeholder {
		font-size: 1.3vw;
	}

	.login-wrap .btn_login {
		width: 13.9vw;
		height: 3.2vw;
		font-size: 1.5vw;
		margin: 3.5vw auto 0;
	}
}

@media (max-width:1023px) {
	.login-wrap .txtbox {
		left: 69px;
		bottom: 111px;
	}

	.login-wrap .inputbox>p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.login-wrap .inputbox dl {
		margin-bottom: 7px;
	}

	.login-wrap .inputbox dt {
		font-size: 13px;
	}

	.login-wrap .inputbox dd input {
		height: 35px;
		padding: 4px;
	}

	.login-wrap .captcha-wrap .realperson-text {
		font-size: 5px;
		line-height: 2px;
	}

	.login-wrap .app .realperson-text {
		letter-spacing: -2px;
		text-align: center;
	}

	.login-wrap .captcha-wrap .captcha {
		height: 42px;
		font-size: 49px;
		line-height: 42px;
		margin: 14px auto 7px;
	}
	.login-wrap .realperson-regen {
		font-size: 14px;
	}

	.login-wrap .captcha-wrap .change_captcha {
		font-size: 13px;
		margin-bottom: 14px;
	}

	.login-wrap .captcha-wrap input[type="text"] {
		height: 35px;
		padding: 4px;
	}

	.login-wrap .captcha-wrap input[type="text"]::placeholder {
		font-size: 13px;
	}

	.login-wrap .btn_login {
		width: 139px;
		height: 32px;
		font-size: 15px;
		margin: 20px auto 0;
	}
}

.zonebox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.zonebox {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #1da9ff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.zonebox1 {
	position: absolute;
	top: 40%;
	left: 40%;
}

.zonebox2 {
	position: absolute;
	top: 20%;
	left: 35%;
}

.zonebox .site-num {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.zonebox .site-num .num {width: auto !important; height: auto !important;}
.zonebox .z_detail {
	display: none;
}

.zonebox .progress {
	display: none;
}

.zonebox .z_round {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 1;
	padding-top: 10px;
	box-sizing: border-box;
}

.zonebox .z_round .name {
	font-size: 13px;
	color: #fff;
}

.zonebox .z_round .name .num {
	font-size: 22px;
}

.zonebox .z_round .percent {
	font-size: 15px;
	padding: 0 5px;
	margin-top: 5px;
	border-radius: 100px;
	background: #fff;
	color: #1da9ff;
	border: 1px solid #fff;
	box-sizing: border-box;
}

.zonebox.click .z_detail {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	background: #1da9ff;
	border-radius: 0 100px 100px 0;
	margin-top: -25.5px;
	padding-left: 65px;
	box-sizing: border-box;
}

.zonebox.click .z_detail p {
	color: #fff;
	font-size: 18px;
	line-height: 140%;
}

.zonebox.click .progress {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
}

.zonebox.click .z_round {
	background: #3d3d3d;
}

.zonebox.z_alarm .z_round:before {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: -3px;
	left: -3px;
	background: url("../../assets/images/icon_mark.png") no-repeat center center;
	background-size: contain;
}

.zonebox.click .z_round .name {}

.zonebox.click .z_round .percent {
	color: #fff;
	background: none;
	border: 1px solid #1da9ff;
}

@media (min-width:1024px) and (max-width:1440px) {
	.zonebox {
		width: 4.5vw;
		height: 4.5vw;
	}

	.zonebox .z_round {
		padding-top: 0.7vw;
	}

	.zonebox .z_round .name {
		font-size: 0.9vw;
	}

	.zonebox .z_round .name .num {
		font-size: 1.5vw;
	}

	.zonebox .z_round .percent {
		font-size: 1vw;
		padding: 0 0.4vw;
		margin-top: 0.4vw;
	}

	/* 클릭 */
	.zonebox.click .z_detail {
		width: 13.9vw;
		height: 3.8vw;
		margin-top: -1.8vw;
		padding-left: 4.5vw;
	}

	.zonebox.click .z_detail p {
		font-size: 1.3vw;
	}

	.zonebox.click .progress {
		width: 6.9vw;
		height: 6.9vw;
		margin-top: -3.5vw;
		margin-left: -3.5vw;
	}

	.zonebox.z_alarm .z_round:before {
		width: 1.7vw;
		height: 1.7vw;
		top: -0.2vw;
		left: -0.2vw;
	}
}

@media (max-width:1023px) {
	.zonebox {
		width: 45px;
		height: 45px;
	}

	.zonebox .z_round {
		padding-top: 7px;
	}

	.zonebox .z_round .name {
		font-size: 9px;
	}

	.zonebox .z_round .name .num {
		font-size: 15px;
	}

	.zonebox .z_round .percent {
		font-size: 10px;
		padding: 0 4px;
		margin-top: 4px;
	}

	/* 클릭 */
	.zonebox.click .z_detail {
		width: 139px;
		height: 38px;
		margin-top: -18px;
		padding-left: 45px;
	}

	.zonebox.click .z_detail p {
		font-size: 13px;
	}

	.zonebox.click .progress {
		width: 69px;
		height: 69px;
		margin-top: -35px;
		margin-left: -35px;
	}

	.zonebox.z_alarm .z_round:before {
		width: 17px;
		height: 17px;
		top: -2px;
		left: -2px;
	}
}

/* zone - draggable : 220504추가 */
.zone_contents .draggable, .management_map-setting_contents .draggable {
	width: 280px;
	padding: 3px;
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.35);
	z-index: 10;
	position: absolute !important;
	height: auto !important;
	top: 60px;
	/* left: 0%; */
	left: -webkit-calc(100% - 285px);
	left: -moz-calc(100% - 285px);
	left: calc(100% - 285px);
}

.draggable .modalHead {
	background: #262d37;
	padding: 0 35px 0 10px;
	box-sizing: border-box;
	border-radius: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.draggable .modalHead p {
	color: #fff;
	font-size: 18px;
	line-height: 35px;
	text-align: left;
	width: 100%;
	cursor: move;
}

.draggable .modalHead p {
	background: transparent;
	border: none;
}

.draggable .modalHead button {
	width: 20px;
	height: 20px;
	border: none;
}

.draggable .modalHead .btn_pin {
	margin-top: 5px;
	background: url(../../assets/images/lock.png) no-repeat center center;
	background-size: contain;
}

.draggable .modalHead .btn_pin.on {
	background: url(../../assets/images/lock-on.png) no-repeat center center;
	background-size: contain;
}

.draggable .modalHead .icon {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 0%;
	margin-top: -17.5px;
	cursor: pointer;
}

.draggable .modalHead .icon:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 11px solid #fff;
	position: absolute;
	top: 50%;
	left: 40%;
	margin-top: -5px;
	margin-left: -4px;
}

.draggable.on .modalHead .icon:before {
	border: 8px solid transparent;
	border-bottom: 11px solid #fff;
	margin-top: -14px;
}

.draggable .modalContainer {
	margin-top: 3px;
}

.draggable.controlMode { z-index: 11;}
.draggable.controlMode .bright-table {
	right:0;
}

.draggable.controlMode .modalContainer {}

.draggable.controlMode .btnWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.draggable.controlMode .btnWrap button {
	height: 50px;
	width: 49%;
	border: 1px solid rgba(0, 0, 0, 0.2);
	outline: none;
	background: linear-gradient(rgba(213, 235, 245, 0.15), rgba(114, 136, 185, 0.15));
	font-size: 16px;
	color: lightgray;
}

@media (hover:hover) and (pointer:fine) {
	.draggable.controlMode .btnWrap button:hover {
		background: linear-gradient(rgba(213, 235, 245, 0.3), rgba(114, 136, 185, 0.3));
		color: #262d37
	}
}

.draggable.controlMode .btnWrap .on {
	border: 2px solid #1da9ff;
	color: #262d37;
}

.draggable.controlMode .chkWrap {
	padding: 10px;
	display: flex;
	justify-content: space-between;
}

.draggable.controlMode .chkWrap>div {
	width: 49%;
	display: flex;
	align-items: center;
}

.draggable.controlMode .chkWrap input {
	width: 20px;
	height: 20px;
	border-radius: 2px;
}

.draggable.controlMode .chkWrap input+label {
	font-size: 15px;
	line-height: 20px;
	margin-left: 4px;
}

.draggable.controlMode .cont {
	padding: 0 10px 10px 10px;
	box-sizing: border-box;
	display: none;
	text-align: center;
}

.draggable.controlMode .cont .contBottom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px 0;
	margin-bottom: 10px;
}

.draggable.controlMode .cont .contBottom .rangeWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px
}
.draggable.controlMode .cont .contBottom .rangeWrap .num0 {
	position: absolute;
	left: 21px;
	bottom: 46px;
}

.draggable.controlMode .cont .contBottom .rangeWrap .num100 {
	position: absolute;
	right: 14px;
	bottom: 45px;
}

.draggable.controlMode .cont .contBottom .rangeTxt {
	margin-left: 10px;
}

.draggable.controlMode .cont .contBottom input[type=range] {
	width: 100%;
	margin: 0 5px;
}

.draggable.controlMode .cont .contBottom input[name=rangeTxt] {
	border: none;
	width: 35px;
	text-align: right;
}

.draggable.moreInfo {
	top: 25%;
}

.draggable.moreInfo .modalContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

/* 220513수정 */
.draggable.moreInfo .modalContainer button {
	height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	outline: none;
	background: linear-gradient(rgba(213, 235, 245, 0.15), rgba(114, 136, 185, 0.15));
	font-size: 16px;
	color: #262d37;
	position: relative;
}

@media (hover:hover) and (pointer:fine) {
	.draggable.moreInfo .modalContainer button:hover {
		background: linear-gradient(rgba(213, 235, 245, 0.3), rgba(114, 136, 185, 0.3));
	}
}

.draggable.moreInfo .modalContainer .w100p {
	margin-bottom: 3px;
}

.draggable.moreInfo .modalContainer .btnNode {
	padding-left: 10px;
}

.draggable.moreInfo .modalContainer .btnNode:before {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -18px;
	background: url("../images/btn_node.png") no-repeat center center;
	background-size: 36px 29px;
}

.draggable.moreInfo .modalContainer .btnAlarm {
	padding-left: 10px;
}

.draggable.moreInfo .modalContainer .btnAlarm:before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -16px;
	background: url("../images/btn_alarm.png") no-repeat center center;
	background-size: 32px 27px;
}

/* //220513수정 */

/* 220615수정 */
.contents-wrap.setting-wrap .contents-top {
	margin-left: -300px;
	width: calc(100% + 330px);
}

.contents-wrap.management-wrap .contents-top {
	margin-left: -300px;
	width: calc(100% + 300px);
}

/* weather2 */
.contents.weather2_contents {
	margin: 0 -30px;
	padding-top: 0;
	background: #fff;
}

.contents.weather2_contents .box_wrap {
	padding: 0px 10px 10px 10px;
	box-sizing: border-box;
}

.contents.weather2_contents .box {
	padding: 0 0 3px;
	overflow-y: auto;
	margin-bottom: 0;
}

.contents.weather2_contents .box_tit {
	display: flex;
	justify-content: space-between;
	background: #D3DDE5;
	height: 36px;
	padding: 0 10px;
	box-sizing: border-box;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	left: 0;
	margin: 15px 0;
}

.contents.weather2_contents .box_tit p {
	color: #262D37;
	line-height: 36px;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.025em;
}

.contents.weather2_contents .timebox_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 4785px;
}

/* 24칸 기준 : 200*23 + 185 */
.contents.weather2_contents .timebox {
	width: 185px;
	height: 390px;
	background: rgba(211, 221, 229, 0.40);
	padding: 15px 10px 15px;
	box-sizing: border-box;
}

.contents.weather2_contents .timebox_wrap.lighting .timebox {
	height: 400px;
}

.contents.weather2_contents .timebox+.timebox {
	margin-left: 15px;
}

.contents.weather2_contents .timebox .time {
	font-size: 19px;
	color: #888;
	text-align: center;
	margin-bottom: 15px;
	line-height: 100%;
}

.contents.weather2_contents .timebox .img_wrap {
	margin-bottom: 15px;
	height: 65px;
}

.contents.weather2_contents .timebox .img_wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.contents.weather2_contents .timebox h3 {
	font-size: 26px;
	font-weight: 400;
	color: #888888;
	text-align: center;
}

.contents.weather2_contents .timebox .detail_wrap {}

.contents.weather2_contents .timebox .detail_wrap li {
	line-height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}

.contents.weather2_contents .timebox .detail_wrap li h5 {
	color: #888888;
	font-size: 12px;
	font-weight: 400;
}

.contents.weather2_contents .timebox .detail_wrap li span {
	color: #000;
	font-size: 14px;
	font-weight: 600;
}

.contents.weather2_contents .tit p {
	font-size: 22px;
	color: #3d3d3d;
	font-weight: 600;
	line-height: 150%;
}

.contents.weather2_contents .tit .range {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	height: 30px;
	margin-top: 4px;
}

.contents.weather2_contents .tit .range .prev {
	font-size: 25px;
	padding: 0 3px;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	color: #1da9ff;
	width: 10px;
	height: 100%;
	line-height: 100%;
	background: url("../images/slide_l.png") no-repeat center center;
	background-size: 14px;
}

.contents.weather2_contents .tit .range .next {
	font-size: 25px;
	padding: 0 3px;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	color: #1da9ff;
	width: 10px;
	height: 100%;
	line-height: 100%;
	background: url("../images/slide_r.png") no-repeat center center;
	background-size: 14px;
}

.contents.weather2_contents .tit .range .date {
	font-size: 20px;
	margin: 0 10px;
	line-height: 100%;
	text-align: center;
	min-width: 230px;
}

.contents.weather2_contents .tit .range input[type="date"] {
	border: none;
}

.contents.weather2_contents .select_wrap {
	text-align: right;
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	top: 0;
}

.contents.weather2_contents .select_wrap select {
	padding: 3px 40px 3px 20px;
}



@media (min-width:1024px) and (max-width:1440px) {
	.contents-wrap.setting-wrap .contents-top {
		width: calc(100% + 18.2vw);
		left: 0;
		margin: 0 0 0 -17.1vw;
	}

	.contents-wrap.management-wrap .contents-top {
		width: calc(100% + 18.2vw);
		left: 0;
		margin: 0 0 0 -17.2vw;
	}

	.contents.weather2_contents {
		margin: 0 -1vw;
	}

	.contents.weather2_contents .box_wrap {
		padding: 0 1vw 1vw 1vw;
		/* padding: 1vw 2vw; */
	}

	.contents.weather2_contents .box_tit {
		height: 2.8vw;
		padding: 0 0.7vw;
		margin: 1vw 0;
	}

	.contents.weather2_contents .box_tit p {
		line-height: 2.5vw;
		font-size: 1.5vw;
	}

	.contents.weather2_contents .timebox_wrap {
		width: 333vw;
	}

	.contents.weather2_contents .timebox {
		width: 12.9vw;
		height: 27.5vw;
		padding: 1vw 0.7vw 1vw;
	}

	.contents.weather2_contents .timebox_wrap.lighting .timebox {
		height: 28vw;
	}

	.contents.weather2_contents .timebox+.timebox {
		margin-left: 1vw;
	}

	.contents.weather2_contents .timebox .time {
		font-size: 1.4vw;
		margin-bottom: 1.1vw;
	}

	.contents.weather2_contents .timebox .img_wrap {
		margin-bottom: 1.1vw;
		height: 4.7vw;
	}

	.contents.weather2_contents .timebox h3 {
		font-size: 1.8vw;
	}

	.contents.weather2_contents .timebox .detail_wrap li {
		margin-top: 2.1vw;
	}

	.contents.weather2_contents .timebox .detail_wrap li h5 {
		font-size: 1vw;
	}

	.contents.weather2_contents .timebox .detail_wrap li span {
		font-size: 1vw;
	}

	.contents.weather2_contents .tit p {
		font-size: 1.5vw;
	}

	.contents.weather2_contents .tit .range {
		height: 2.1vw;
	}

	.contents.weather2_contents .tit .range .prev {
		font-size: 1.7vw;
		padding: 0 0.7vw;
	}

	.contents.weather2_contents .tit .range .next {
		font-size: 1.7vw;
		padding: 0 0.7vw;
	}

	.contents.weather2_contents .tit .range .date {
		font-size: 1.4vw;
		margin: 0 0.7vw;
		min-width: 16vw;
	}

	.contents.weather2_contents .select_wrap {}

	.contents.weather2_contents .select_wrap select {
		padding: 3px 3vw 3px 1.5vw;
	}


}

@media (max-width:1023px) {
	.contents-wrap.setting-wrap .contents-top {
		width: calc(100% + 182px);
		left: 0;
		margin: 0 0 0 -171px;
	}

	.contents-wrap.management-wrap .contents-top {
		width: calc(100% + 182px);
		left: 0;
		margin: 0 0 0 -171px;
	}

	.contents.weather2_contents {
		margin: 0 -10px;
	}

	.contents.weather2_contents .box_wrap {
		padding: 0 5px 5px 5px;
	}

	.contents.weather2_contents .box_tit {
		height: 30px;
		padding: 0 7px;
		margin: 10px 0;
	}

	.contents.weather2_contents .box_tit p {
		line-height: 25px;
		font-size: 15px;
	}

	.contents.weather2_contents .timebox_wrap {
		width: 3330px;
	}

	.contents.weather2_contents .timebox {
		width: 129px;
		height: 275px;
		padding: 10px 7px 17px;
	}

	.contents.weather2_contents .timebox_wrap.lighting .timebox {
		height: 290px;
	}

	.contents.weather2_contents .timebox+.timebox {
		margin-left: 10px;
	}

	.contents.weather2_contents .timebox .time {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.contents.weather2_contents .timebox .img_wrap {
		margin-bottom: 12px;
		height: 40px;
	}

	.contents.weather2_contents .timebox h3 {
		font-size: 18px;
	}

	.contents.weather2_contents .timebox .detail_wrap li {
		margin-top: 21px;
	}

	.contents.weather2_contents .timebox .detail_wrap li h5 {
		font-size: 10px;
	}

	.contents.weather2_contents .timebox .detail_wrap li span {
		font-size: 10px;
	}

	.contents.weather2_contents .tit p {
		font-size: 15px;
	}

	.contents.weather2_contents .tit .range {
		height: 21px;
	}

	.contents.weather2_contents .tit .range .prev {
		font-size: 17px;
		padding: 0 7px;
	}

	.contents.weather2_contents .tit .range .next {
		font-size: 17px;
		padding: 0 7px;
	}

	.contents.weather2_contents .tit .range .date {
		font-size: 14px;
		margin: 0 7px;
		min-width: 160px;
	}

	.contents.weather2_contents .select_wrap {}

	.contents.weather2_contents .select_wrap select {
		padding: 3px 30px 3px 15px;
	}

}

.sunrisesetDiff {
	width: 1000px;
	height: auto;
}

.sunrisesetDiff .layer_cont {
	padding: 30px;
}

.sunrisesetDiff .layer_cont .table-wrap .scrbox {
  max-height: 400px;
}

@media (hover:hover) and (pointer:fine) {
	.sunrisesetDiff .layer_cont table tr:hover {
		background: aliceblue
	}
}

.sunrisesetDiff .layer_cont table th,
.sunrisesetDiff .layer_cont table td {
	font-size: 14px;
	color: #000;
}

.sunrisesetDiff .layer_cont table th {
	font-weight: normal;
	text-align: center;
}

.sunrisesetDiff .layer_cont select {
	border-radius: 0;
	min-width: 0;
	width: 80%;
	margin: auto;
}

.sunrisesetDiff .layer_cont input {
	margin: 0;
	border-radius: 0;
	width: 80%;
}

.sunrisesetDiff .layer_cont .top-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.sunrisesetDiff .layer_cont .top-wrap .select-wrap {
	display: flex;
	width: 40%;
	align-items: center;
	margin-right: 20px;
}

.sunrisesetDiff .layer_cont .top-wrap .select-wrap p {
	margin-right: 10px;
	font-weight: bold;
	white-space: nowrap;
}

.sunrisesetDiff .layer_cont .center-wrap {}

.sunrisesetDiff .layer_cont .center-wrap .table-wrap {}

.sunrisesetDiff .layer_cont .center-wrap .thbox {
	max-height: 331px;
	overflow: auto;
}

.sunrisesetDiff .layer_cont .center-wrap .btn-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0;
	margin: 0 20px;
}

.sunrisesetDiff .layer_cont .center-wrap .btn-wrap button {
	margin: 10px 0;
	padding: 10px 20px;
}

.sunrisesetDiff .layer_cont .btn-wrap {
	padding-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sunrisesetDiff .layer_cont .btn-wrap .file-wrap2 {
	font-weight: bold;
	display: flex;
	margin: 0;
	padding: 0;
	align-items: center;
	width: 50%;
}

.sunrisesetDiff .layer_cont .btn-wrap .file-wrap2 p {
	margin-right: 10px;
}

.sunrisesetDiff .layer_cont .btn-wrap button {
	margin: 0 10px;
	padding: 8px 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
	.sunrisesetDiff {
		width: 70vw;
		height: auto;
	}

	.sunrisesetDiff .layer_cont {
		padding: 2vw;
	}

	.sunrisesetDiff .layer_cont table th,
	.sunrisesetDiff .layer_cont table td {
		font-size: 1vw;
	}

	.sunrisesetDiff .layer_cont .top-wrap {
		margin-bottom: 1.4vw;
	}

	.sunrisesetDiff .layer_cont .top-wrap .select-wrap {
		margin-right: 1.4vw;
	}

	.sunrisesetDiff .layer_cont .top-wrap .select-wrap p {
		margin-right: 0.7vw;
	}

	.sunrisesetDiff .layer_cont .center-wrap .thbox {
		max-height: 23vw;
	}

	.sunrisesetDiff .layer_cont .center-wrap .btn-wrap {
		padding: 0;
		margin: 0 1.4vw;
	}

	.sunrisesetDiff .layer_cont .center-wrap .btn-wrap button {
		margin: 0.7vw 0;
		padding: 0.7vw 1.4vw;
	}

	.sunrisesetDiff .layer_cont .btn-wrap {
		padding-top: 2.7vw;
	}

	.sunrisesetDiff .layer_cont .btn-wrap .file-wrap2 p {
		margin-right: 0.7vw;
	}

	.sunrisesetDiff .layer_cont .btn-wrap button {
		margin: 0 0.7vw;
		padding: 0.5vw 2.7vw;
	}

}

@media (max-width:1023px) {
	.sunrisesetDiff {
		width: 700px;
		height: auto;
	}

	.sunrisesetDiff .layer_cont {
		padding: 20px;
	}

	.sunrisesetDiff .layer_cont table th,
	.sunrisesetDiff .layer_cont table td {
		font-size: 10px;
	}

	.sunrisesetDiff .layer_cont .top-wrap {
		margin-bottom: 14px;
	}

	.sunrisesetDiff .layer_cont .top-wrap .select-wrap {
		margin-right: 14px;
	}

	.sunrisesetDiff .layer_cont .top-wrap .select-wrap p {
		margin-right: 7px;
	}

	.sunrisesetDiff .layer_cont .center-wrap .thbox {
		max-height: 230px;
	}

	.sunrisesetDiff .layer_cont .center-wrap .btn-wrap {
		padding: 0;
		margin: 0 14px;
	}

	.sunrisesetDiff .layer_cont .center-wrap .btn-wrap button {
		margin: 7px 0;
		padding: 7px 14px;
	}

	.sunrisesetDiff .layer_cont .btn-wrap {
		padding-top: 27px;
	}

	.sunrisesetDiff .layer_cont .btn-wrap .file-wrap2 p {
		margin-right: 7px;
	}

	.sunrisesetDiff .layer_cont .btn-wrap button {
		margin: 0 7px;
		padding: 5px 27px;
	}

}
/* sensor */
.square-list {display: flex; align-items: center;}
.square-list li {display: flex; align-items: center;}
.square-list li select {margin-left: 0; min-width: 160px;}
.square-list .tit {position: relative; padding-left: 20px; font-weight: bold; line-height: 28px;}
.square-list .tit:before {content: ""; display: block; width: 8px; height: 8px; background: #1da9ff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.square-list .tit + div {margin-left: 20px; display: flex;}
.square-list .tit + div span {font-size: 14px;}
.gray_box {border: 1px solid #ddd}
.blue_box {border: 1px solid #1da9ff; border-radius: 100px;}

.sensor_contents .square-list .blue_box {width: 110px;}
.sensor_contents > .box {overflow: hidden;}
.sensor_contents .box.w100p.flexbox {padding: 0; background: none; margin-bottom: 20px;}
.sensor_contents .box.w100p.flexbox p {padding: 0; font-size: 18px; color: #000;font-weight: bold;display: flex;justify-content: space-between;align-items: center;}
.sensor_contents .subtit { width: fit-content;}
.sensor_contents .subtit .btn-wrap {margin-left: 30px;}
.sensor_contents .subtit button + button {margin-left: 10px;}
.sensor_contents .square-list li {width: 33%;}
.sensor_contents .top-cont .square-list li {width: 25%; z-index: 1;}
.sensor_contents .square-list li span {font-size: 20px; position: relative; top: 3px;}
.sensor_contents .square-list li .unit {font-size: 14px; top: 0; margin-left: 5px; white-space: nowrap; line-height: 28px;}
.sensor_contents .number_box {width: 120px; margin: 0 5px;}

.sensor_contents .subtit .tab-wrap {padding: 0; align-items: center; margin-left: 20px; padding-top: 0 !important;}
.sensor_contents .subtit .tab-wrap button {padding: 0 15px; border: 2px solid #1da9ff; border-radius: 10px; font-size: 18px; box-sizing: border-box; background: none; color: #1da9ff; height: 31px;}
.sensor_contents .subtit .tab-wrap button.on {background-color: #1da9ff; color: #fff;}
.sensor_contents .subtit .tab-wrap button + button {margin-left: 5px;}

input[type="number"].number_box { position: relative; text-align: center; padding-right: 20px;}
input[type="number"].number_box::-webkit-outer-spin-button,
input[type="number"].number_box::-webkit-inner-spin-button {
    -webkit-appearance: none;
    background: url("../../assets/images/number_arrow.png") no-repeat center center;
	background-size: contain;
	height: 100%;
	width: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
	visibility: visible;
	opacity: 1;
	display: block;
	cursor: pointer;
}
.num-setting-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.num-setting-wrap .number_box {
	width: 70px !important;
	text-align: center;
}
.num-setting-wrap .btn-wrap {
	width: 20px; height: 27px;
	display: flex;
	flex-direction: column;
}
.num-setting-wrap .btn-wrap button {
	width: 100%; height: 12px;
	border: none; background-color: none;
}
.num-setting-wrap .btn-wrap button + button {
	margin-top: 3px;
}
.btn-num-up {
	background: url("../../assets/images/number_arrow.png") no-repeat center top;
	background-size: 100% auto;
}
.btn-num-down {
	background: url("../../assets/images/number_arrow.png") no-repeat center bottom;
	background-size: 100% auto;
}

.sensor_contents .sensorChart-wrap .tit {display: flex; align-items: center; justify-content: flex-end; width: 23%; margin-left: 77%;}
.sensor_contents .sensorChart-wrap .tit p {font-size: 22px; color: #3d3d3d; font-weight: 600; line-height: 150%;}
.sensor_contents .sensorChart-wrap .tit .range {display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; height: 33px;}
.sensor_contents .sensorChart-wrap .tit .range .prev, .sensor_contents .sensorChart-wrap .tit .range .next {font-size: 25px; padding: 0 3px; cursor: pointer; border: none; outline: none; color: #1da9ff; width: 10px; height: 100%; line-height: 100%;}
.sensor_contents .sensorChart-wrap .tit .range .prev {background: url("../images/slide_l.png") no-repeat center center; background-size: contain;}
.sensor_contents .sensorChart-wrap .tit .range .next {background: url("../images/slide_r.png") no-repeat center center; background-size: contain;}
.sensor_contents .sensorChart-wrap .tit .range .date {font-size: 20px; margin: 0 10px; line-height: 100%; text-align: center; min-width: 180px; }
.sensor_contents .sensorChart-wrap .tit .range .date input {border: none; text-align: center;}
.sensor_contents .sensorChart-wrap {display: flex; flex-direction: column; width: 100%; margin-top: -30px;}
.sensor_contents .powerCont-wrap {margin-top: -30px;}
.sensor_contents .powerCont {}

.sensor_contents .canvas-wrap {height: calc(63vh - 370px); margin-top: 30px;}

.sensor_contents .powerTab {display: flex; justify-content: center; width: 25%; margin-left: 50%; }
.sensor_contents .powerTab > div {border-radius: 5px; cursor: pointer; padding: 0 20px 0 10px; box-sizing: border-box; line-height: 30px; font-weight: 700; border: 1px solid #1da9ff; box-sizing: border-box; z-index: 1; position: relative;}
.sensor_contents .powerTab > div:before {content: ""; display: block; width: 0; height: 0; border: 5px solid transparent; border-top: 6px solid #1da9ff; position: absolute; top: 50%; right: 5px; margin-top: -2px; z-index: 1;}
.sensor_contents .powerTab > div.on {background: #1da9ff; color: #fff;}
.sensor_contents .powerTab > div.on:before {border-top: 6px solid #fff;}
.sensor_contents .powerTab > div + div { margin-left: 2%; }

@media (min-width:1024px) and (max-width:1440px) {
	.square-list .tit {padding-left: 1.5vw; line-height: 150%;}
	.square-list li select {min-width: 10vw;}
	.sensor_contents .box.w100p.flexbox {margin-bottom: 1.4vw;}
	.sensor_contents .box.w100p.flexbox p {font-size: 1.25vw;}
	.sensor_contents .square-list li span {font-size: 1.4vw;}
	.sensor_contents .square-list li .unit {font-size: 1.2vw;}
	.sensor_contents .number_box {width: 10vw;}
	.sensor_contents .gray_box {width: 10vw;}
	.sensor_contents .blue_box {width: 10vw;}
	.num-setting-wrap .number_box {
		width: 10vw !important;
	}
	.num-setting-wrap .btn-wrap {
		width: 20px; height: 25px;
	}
	.num-setting-wrap .btn-wrap button {
		height: 11px;
	}

	.sensor_contents .sensorChart-wrap .tit {margin-bottom: 1.4vw; }
	.sensor_contents .sensorChart-wrap .tit p {font-size: 1.5vw;}
	.sensor_contents .sensorChart-wrap .tit .range {padding: 0.1vw 0.7vw; height: 3.3vw;}
	.sensor_contents .sensorChart-wrap .tit .range .prev,
	.sensor_contents .sensorChart-wrap .tit .range .next {font-size: 1.5vw; padding: 0 0.4vw;}
	.sensor_contents .sensorChart-wrap .tit .range .date {font-size: 1.4vw; margin: 0 0.7vw; min-width: 10vw;}
	.sensor_contents .sensorChart-wrap .powerTab {bottom: 2.8vw;}
	.sensor_contents .sensorChart-wrap .powerTab>div {border-radius: 0.3vw; padding: 0 2vw 0 0.7vw; line-height: 2vw; margin-right: 0.7vw; }
	.sensor_contents .sensorChart-wrap .powerTab>div:before {border: 4px solid transparent; border-top: 5px solid #1da9ff; right: 5px; margin-top: -3px;}
	.sensor_contents .sensorChart-wrap .powerTab>div.on:before {border-top: 5px solid #fff;}

	.sensor_contents .canvas-wrap {height: 300px;}
}
@media (max-width:1023px) {
	.sensor_contents .subtit .tab-wrap button { padding: 0 10px; font-size: 15px;}
}

.login-img-wrap {
	width: 75vw;
	height: 100vh;
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.login-img-wrap h2 {
	font-size: 28px;
	font-weight: bold;
	color: #1da9ff;
	margin: 0 auto;
	line-height: 150%;
	text-align: center;
}

.login-img-wrap .img-tab {
	width: 80%;
	margin: 0 auto;
	position: relative;
}

.login-img-wrap .tab-wrap {
	width: 70%;
	max-width: 600px;
	margin: 0 auto;
	padding: 30px 0;
	box-sizing: border-box;
	position: relative;
}

.login-img-wrap .img-carousel {
	margin: 0 auto;
	box-sizing: border-box;
	height: calc(72vh + 2%);
	overflow: hidden;
}

.login-img-wrap .img-carousel .w80p {
	margin: auto;
	width: 79.2%;
	height: 100%;
	overflow: auto;
}

.login-img-wrap .img-carousel .img-list li {
	height: 12.8vw;
	overflow: hidden;
}
.login-img-wrap .img-carousel .img-list li:hover:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 4px solid #1da9ff;
	box-sizing: border-box;
}

.login-img-wrap .img-carousel .img-list li img {
	transition: ease-in-out 0.3s;
}

.login-img-wrap .img-carousel .img-list li:hover img {
	transform: scale(1.2);
}

.login-img-wrap .img-carousel .slick-list {
	width: 100%;
	height: 100%;
}

.tab-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tab-wrap li {
	color: #dcdcdc;
	font-size: 21px;
	font-weight: 900;
	line-height: 140%;
	padding: 0 3px;
	cursor: pointer;
	border-bottom: 4px solid transparent;
	cursor: pointer;
}
.tab-wrap li:hover {
	color: #b6b6b6;
}

.tab-wrap li.on {
	color: #1da9ff;
	border-bottom-color: #1da9ff;
}

.img-carousel {
	width: 100%;
	position: relative;
}

.img-carousel .img-list {
	display: grid;
	grid-template-columns: 32% 32% 32%;
	gap: 1.3vw 2%;
}

.img-carousel .img-list li {
	width: 100%;
	height: 13vw;
	cursor: pointer;
	position: relative;
}

.img-carousel .img-list img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-carousel .img-list img.empty-img {
	object-fit: cover;
}

.img-carousel .img-list .name {
	padding: 5px 20px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	position: absolute;
	bottom: 10px;
	right: 10px;
	max-width: calc(100% - 20px);
	box-sizing: border-box;
}

.img-carousel #img_prev,
.img-carousel #img_next {
	/* display: none; */
	cursor: pointer;
}

.login-img-wrap .btn-back {
	display: none;
}
.login-wrap .detail .tab-wrap {
	display: none;
}

.login-wrap .detail .btn-back {
	width: 40px;
	height: 40px;
	background: url("../../assets/images/btn-back.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	transform: translate(-150%, 0);
	border: none;
	background-color: transparent;
	color: transparent;
	z-index: 1;
}

.img-carousel #img_prev,
.img-carousel #img_next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	cursor: pointer;
	background: #e3e3e3;
	border-radius: 50%;;
}

.img-carousel #img_prev {
	left: 10%;
	transform: translate(-150%, -50%);
}
.img-carousel #img_prev:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border: 2px solid #000;
	border-bottom: none;
	border-right: none;
	transform: rotate(-45deg) translate(-50%, -50%);
	position: absolute;
	top: 30%;
	left: 65%;
}

.img-carousel #img_next {
	right: 10%;
	transform: translate(150%, -50%);
}
.img-carousel #img_next:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border: 2px solid #000;
	border-top: none;
	border-left: none;
	transform: rotate(-45deg) translate(-50%, -50%);
	position: absolute;
	top: 30%;
	left: 50%;
}
.img-carousel #img_prev:hover, .img-carousel #img_next:hover {
	background: #c4c4c4;
}
.img-carousel #img_prev:active, .img-carousel #img_next:active {
	border: 2px solid #1da9ff; box-sizing: border-box;
}
.login-wrap .detail .img-carousel #img_prev,
.login-wrap .detail .img-carousel #img_next {
	top: 18.15vw;
}

.login-wrap .detail .img-carousel .slick-list {
	left: 0;
}

.login-img-wrap .img-for {
	display: none;
}

.login-wrap .detail.login-img-wrap .img-carousel {
	height: 90vh;
}

.login-wrap .detail .img-for {
	display: block;
	width: calc(100% - 20px);
	margin: 0 10px 30px;
	top: 0;
	height: 36.3vw;
}

.login-wrap .detail .img-for .slick-track {
	display: flex;
	align-items: center;
	height: 100%;
}

.login-wrap .detail .img-for .slick-track .slick-list {
	display: flex;
	align-items: center;
}

.login-wrap .detail .img-for li {
	width: 100%;
	height: 100%;
}
.login-wrap .detail .img-for li:hover:after {
	display: none;
}
.login-wrap .detail .img-for img {
	object-fit: conver;
}

.login-wrap .detail .img-nav {
	display: block;
	height: 11.8vw;
	width: 100%;
}

.login-wrap .detail .img-nav .slick-track {
	display: flex;
	height: 100%;
}

.login-wrap .detail .img-nav .draggable {
	width: 100%;
	box-sizing: border-box;
}

.login-wrap .detail .img-nav li {
	width: auto;
	gap: 1vw;
	position: relative;
	height: 100%;
	margin: 0 10px;
}

.login-wrap .detail .img-nav .slick-current:hover {
	border: none;
}
.login-wrap .detail .img-nav .slick-current:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 4px solid #1da9ff;
	box-sizing: border-box;
}

.login-wrap .detail .img-nav .name {
	display: none;
}

.login-wrap .detail .img-list .name {
	font-size: 21px;
	padding: 10px 50px;
}

.login-wrap .detail .slick-disabled {
	opacity: 0.2;
}

.login-wrap .detail+form {
	display: none;
}

.login-wrap .detail {
	width: 100vw;
}
.login-wrap .text-logo-wrap {
	width: 80%;
	margin: 60px auto 0;
}
.login-wrap .text-logo-wrap img {
	width:100%;
}

@media (min-width:1024px) and (max-width:1440px) {
	.login-img-wrap h2 {
		font-size: 24px;
	}

	.login-img-wrap .tab-wrap {
		width: 80%;
		max-width: none;
		padding: 20px 0;
	}

	.tab-wrap li {
		font-size: 18px;
	}

	.img-carousel #img_prev,
	.img-carousel #img_next {
		width: 30px;
		height: 30px;
	}
	.img-carousel #img_prev:after, .img-carousel #img_next:after {
		width: 13px;
		height: 13px;
		top: 25%;
	}

	.login-wrap .detail .btn-back {
		width: 35px;
		height: 35px;
	}

	.login-wrap .detail .img-list .name {
		font-size: 16px;
	}
	.login-img-wrap .img-carousel {
		height: calc(12.8vw * 3 + 2rem);
	}
	.login-img-wrap .img-list {
		gap: 1rem 2%;
	}

}

@media (max-width:1023px) {
	#wrap.login-wrap {
		min-width: auto;
		overflow: hidden;
	}

	.login-wrap .inputbox {
		max-width: none;
	}

	.login-img-wrap h2 {
		font-size: 16px;
	}

	.login-img-wrap .tab-wrap {
		padding: 10px 0;
	}

	.img-carousel #img_prev,
	.img-carousel #img_next {
		width: 30px;
		height: 30px;
	}
	.img-carousel #img_prev:after, .img-carousel #img_next:after {
		width: 13px;
		height: 13px;
		top: 25%;
	}
	.tab-wrap li {
		font-size: 14px;
		border-width: 3px;
	}

	.img-carousel .img-list {
		grid-template-columns: 49% 49%;
		gap: 1rem 2%;
	}
	.login-img-wrap .img-carousel {
		height: calc(72vh + 2rem);
	}

	.login-img-wrap .img-carousel .img-list li {
		height: 36vh;
	}

	.login-wrap .detail .btn-back {
		width: 30px;
		height: 30px;
	}

	.img-carousel .img-list .name {
		right: 5px;
		bottom: 5px;
	}

	.login-wrap .detail .img-list .name {
		font-size: 14px;
		padding: 5px 30px;
	}

	.login-wrap .inputbox {
		padding: 20px 10px;
		box-sizing: border-box;
		overflow: auto;
		max-height: 100%;
		box-sizing: border-box;
	}

	.login-wrap .logo {
		height: 16vh;
		margin: 0 auto;
	}

	.login-wrap .detail.login-img-wrap .img-carousel {
		height: 74vh;
	}

	.login-img-wrap.list .img-carousel .w80p {
		height: calc(72vh + 4%);
		overflow: auto;
	}

	.login-img-wrap.detail .img-carousel .w80p {
		height: 74vh;
	}

	.login-wrap .detail .img-for {
		margin-bottom: 5vh;
		height: 43vh;
	}

	.login-wrap .detail .img-nav {
		height: 25vh;
	}

	.login-img-wrap.detail .img-carousel .img-list li {
		height: 100%;
	}

	.login-wrap .detail .img-nav .slick-current:after {
		border: 4px solid #1da9ff;
	}
	.login-wrap .text-logo-wrap {
		margin-top: 3vw;
	}
}

@media screen and (max-width:1023px) {
	.square-list .tit {padding-left: 15px;}
	.square-list li select {min-width: 100px;}
	.sensor_contents .box.w100p.flexbox {margin-bottom: 14px;}
	.sensor_contents .box.w100p.flexbox p {font-size: 12.5px;}
	.sensor_contents .square-list li span {font-size: 14px;}
	.sensor_contents .square-list li .unit {font-size: 12px;}
	.sensor_contents .number_box {width: 100px;}
	.sensor_contents .gray_box {width: 100px;}
	.sensor_contents .blue_box {width: 100px;}
	.num-setting-wrap .number_box {
		width: 100px !important;
	}
	.num-setting-wrap .btn-wrap {
		width: 20px; height: 21px;
	}
	.num-setting-wrap .btn-wrap button {
		height: 9px;
	}

	.sensor_contents .sensorChart-wrap .tit {margin-top: 10px;}
	.sensor_contents .sensorChart-wrap .tit p {font-size: 15px; }
	.sensor_contents .sensorChart-wrap .tit .range {height: 23px;}
	.sensor_contents .sensorChart-wrap .tit .range .prev, .sensor_contents .sensorChart-wrap .tit .range .next {font-size: 17px; padding: 0 5px;}
	.sensor_contents .sensorChart-wrap .tit .range .date {font-size: 14px; margin: 0 7px; min-width: 110px;}
	.sensor_contents .sensorChart-wrap .powerTab {bottom: 28px;}
	.sensor_contents .sensorChart-wrap .powerTab>div {border-radius: 3px; padding: 0 20px 0 7px; line-height: 20px; margin-right: 7px;}

	.sensor_contents .canvas-wrap {height: 230px;}
	.login-wrap .text-logo-wrap {
		margin-top: 15px;
		width: 60%;
	}

}

canvas#Day_chart{ z-index:1;}
canvas#Week_chart{ z-index:1;}
canvas#Month_chart{ z-index:1;}
canvas#Year_chart{ z-index:1;}


.gm-style-mtc button[aria-checked="true"] {
	background-color: #1da9ff !important;
	color: #fff !important;
}

.contents-wrap .sensor_contents .tab-wrap {
	display: flex;
	justify-content: flex-start;
	align-content: flex-end;
	position: relative;
	padding-top: 20px;
}

.contents-wrap .sensor_contents .tab-wrap .tab_btn {
	width: 110px;
	border-radius: 10px 10px 0 0;
	margin: 0;
	padding: 8px 10px;
	position: relative;
	background: #fff;
	color: #000;
	border: 1px solid #1da9ff;
	outline: none;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

.contents-wrap .sensor_contents .tab-wrap .tab_btn.on {
	background: #1da9ff;
	color: #fff;
	font-weight: bold;
}

/* zone-setting popup */
.layerpop.zone-setting {
	width: 90vw;
	max-width: 300px;
}
.layerpop.zone-setting .layer_cont {
	background: url("../../assets/images/IPC-6Z.png") no-repeat top center;
	background-size: contain;
	width: 300px;
	height: 450px;
}
.zone-setting ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 8%;
	width: 100%;
}
.zone-setting li {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 12% auto;
}
.zone-setting li:nth-of-type(even) {
	justify-content: flex-end;
}
.zone-setting .number_box {
	width: 30% !important;
	padding-right: 0 !important;
}
.zone-setting input[type="number"].number_box::-webkit-outer-spin-button,
.zone-setting input[type="number"].number_box::-webkit-inner-spin-button {
	display:none;
}
.zone-setting .num-setting-wrap .btn-wrap {
	background: #fff;
	border: 1px solid #1da9ff;
	box-sizing: border-box;
	border-left: none;
}
.zone-setting .btn-wrap button {
	margin-left: 0;
	padding: 0;
}
.zone-setting .top-btn-wrap {
	position: relative;
	margin-top: 27%;
	margin-right: 18%;
	text-align: right;
}
.zone-setting .top-btn-wrap button {
	margin: 0 2%;
}
.zone-setting .close-btn-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.zone-setting .btn_close {
	width: 100px;
	height: 30px;
}


@media screen and (max-width:1023px) {

	.layerpop.zone-setting .layer_cont {
		width: 100%;
	}
	.zone-setting .num-setting-wrap .btn-wrap {
		height: 28px;
	}
	.zone-setting .num-setting-wrap .btn-wrap button {
		height: 22.5px;
	}
}

.map_cont .gm-style-mtc-bbw {
	right: 60px;
	left: auto !important;
}

.nodeDimText {
	margin-top: -10px;
	margin-left: -3px;
	font-weight: bold;
	letter-spacing: -0.8px;
}

.management-wrap .management_map-setting_contents {
	padding-top: 0;
	min-height: calc(100vh - 110px);
	margin: 0 -30px;
 }

 @media screen and (max-width:1440px) {
	.management-wrap .management_map-setting_contents {
		min-height: calc(100vh - 8vw);
		margin: 0 -1vw;
	}
 }
 @media screen and (max-width:1023px) {
	.management-wrap .management_map-setting_contents {
		min-height: calc(100% - 94px);
		margin: 0 -10px;
	}
 }
 /* .p-tree-container {
	background: transparent;
 }

 .p-tree .p-tree-container .p-treenode .p-treenode-content {
	padding: 0.2rem; position: relative;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-label {
	z-index: 1;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight:before {
	content: ""; display: block; width: 272px; height: 100%;
	position: absolute; top: 0; left: -2rem; background: #EFF6FF; 
 } */
 .p-tree .p-treenode-children {
	padding: 0 0 0 1rem;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
	margin-right: 0.2rem;;
 }
 /* .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight {
	box-shadow: none;
 }
 .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight:after {
	content: ""; display: block; width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; border: 0.15rem solid #BFDBFE; border-radius: 6px; box-sizing: border-box;
 } */

 #mapSetting, #layerSetting {
	width: 310px;
 }

 .gm-style-iw-chr button.gm-ui-hover-effect {
  display: none !important;
  text-align: center;
}


.marker_info {
  width: 34px;
  height: 46px;
}
.marker_info.ani {
  animation: ani 0.5s 3;
  z-index: 20;
}
.marker_info .icon {
  background-size: contain;
  width: 100%; height: 100%; position: absolute; top: 0; left: 0;
}
.marker_info .txt_wrap {
  background-size: 100% 100%;
  width: 130px;
  height: 36px;
  position: relative;
  left: 23px;
  top: 45%;
  transform: translateY(-50%);
  z-index: -1;
  padding-left: 20px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  line-height: 130%;
}

.marker_info .per {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -1px;
  position: absolute;
  top: 11px;
  text-align: center;
  width: 32px;
  color: #fff !important;
}

.marker_info .bg {
  width: 100%; height: 30px; display: block;
  border-radius: 100%; background: white; position: absolute; top: 35%; left: 0; transform: translateY(-50%); z-index: -1;
}

@keyframes ani {
  0% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-10px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}