@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(/fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
		url(/fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
		url(/fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
		url(/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
		url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
		url(/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
		url(/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(/fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
		url(/fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
		url(/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
		url(/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
		url(/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(/fonts/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
		url(/fonts/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
		url(/fonts/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
	font-family: 'LABDigital';
	font-weight: normal;
	font-style: normal;
	src: url('/fonts/LABDigital.eot');
	src: url('/fonts/LABDigital_iefix.eot') format('embedded-opentype'),
		url('/fonts/LABDigital.woff2') format('woff2'),
		url('/fonts/LABDigital.woff') format('woff'),
		url('/fonts/LABDigital.ttf') format("truetype");
	font-display: swap;
}

@font-face {
	font-family: 'Cafe24SsurroundAir';
	src: url('/fonts/Cafe24SsurroundAir.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RIASANS';
	src: url('/fonts/RiaSans-Regular.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'RIASANS';
	src: url('/fonts/RiaSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'RIASANS';
	src: url('/fonts/RiaSans-ExtraBold.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

/* 초기화 */
html {
	overflow-y: auto;
	overflow-x: hidden
}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: 'Noto Sans KR', sans-serif;
	background: #151d28;
	word-break: keep-all
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
	margin: 0;
	padding: 0;
	border: 0
}

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
	line-height: 1em;
}

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

ul, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none
}

legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	border: 0;
	text-indent: -9999em;
	overflow: hidden
}

label, input, button, select, img {
	vertical-align: middle;
	font-size: 12px
}

input, button {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 12px
}

input[type="submit"] {
	cursor: pointer
}

button {
	cursor: pointer
}

textarea, select {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 12px
}

select {
	margin: 0
}

p {
	margin: 0;
	padding: 0;
	word-break: keep-all
}

hr {
	display: none
}

pre {
	overflow-x: scroll;
	font-size: 12px
}

a {
	color: #000;
	text-decoration: none
}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 4px; /* 스크롤바의 두께 */
}

::-webkit-scrollbar-track {
	background: #151D28; /* 트랙의 배경색 */
}

::-webkit-scrollbar-thumb {
	background: #475770; /* 핸들의 배경색 */
}

::-webkit-scrollbar-thumb:hover {
	background: #475770; /* 호버됐을 때 핸들의 배경색 */
}

/* login */
.login_wrap {
	background: #232e3b;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.login_box {
	display: flex;
	overflow: hidden;
	border-radius: 10px;
}

.login_box .left_box {
	height: 570px;
	width: 430px;
	display: flex;
	justify-content: left;
	align-items: center;
	background-image: url("/images/ccip/admin/logo.png"),
		url("/images/ccip/admin/login_bg.jpg");
	background-repeat: no-repeat;
	background-position: left 45px bottom 30px, center;
}

.login_box .left_box h2 {
	padding-left: 45px;
	font-size: 38px;
	color: #fff;
	line-height: 1.35em;
	font-weight: 700;
}

.login_box .right_box {
	height: 570px;
	width: 430px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff
}

.login_box .right_box .inpup_area {
	padding: 0 45px;
}

.login_box .right_box .inpup_area label {
	font-size: 15px;
	color: #14878a;
	margin-bottom: 5px;
	font-weight: 400;
}

.login_box .right_box .inpup_area input {
	width: 100%;
	font-size: 17px;
	height: 54px;
	border-radius: 3px;
	margin-bottom: 15px;
	padding: 10px;
}

.login_box .right_box .inpup_area input[type="text"] {
	background: url("/images/ccip/admin/login_ico_01.png") no-repeat right
		15px center #fcfdfe;
	border: 1px solid #aab8b8
}

.login_box .right_box .inpup_area input[type="password"] {
	background: url("/images/ccip/admin/login_ico_02.png") no-repeat right
		17px center #fcfdfe;
	border: 1px solid #aab8b8
}

.login_box .right_box .inpup_area button {
	font-size: 17px;
	color: #fff;
	width: 100%;
	height: 54px;
	border-radius: 3px;
	border: 0;
	background: #29abae;
	transition: all .3s;
}

.login_box .right_box .inpup_area button:hover {
	background: #038aab;
}

/* common */
.tag-co-1 {
	color: #29abae !important;
}

.tag-co-2 {
	color: #ff9750 !important;
}

.bs-ss {
	height: 205px;
	overflow-y: scroll
}

.bs-s {
	height: 255px;
	overflow-y: scroll
}

.bs-m {
	height: 315px;
	overflow-y: scroll
}

.bs-m2 {
	height: 510px;
	padding-right: 15px;
	overflow-y: scroll
}

.bs-l {
	height: 650px;
	overflow-y: scroll
}

.bs-l2 {
	height: 640px;
	padding-right: 15px;
	overflow-y: scroll
}

/* .tooltip {position:absolute;width:260px;top:30px;left:30px;border:1px solid #9ca5b2;font-size:14px;padding:0 20px 10px;} */
.tooltip {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 380px;
	height: 260px;
	margin-left: -144px;
	border: 1px solid #9ca5b2;
	font-size: 14px;
	padding: 0 20px 10px;
	background-color: #ffffff;
}

.tooltip:after, .tooltip:before {
	content: "";
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip:after {
	border-top-color: #fff;
	border-width: 19px;
	margin-left: -19px;
}

.tooltip:before {
	border-top-color: #9ca5b2;
	border-width: 20px;
	margin-left: -20px;
}

.tooltip .tag-group {
	padding: 10px 0;
}

.tooltip .tag-group:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: #ff0050
}

.tooltip.clr-2 .tag-group:before {
	background: #037CF5
}

.tooltip.clr-3 .tag-group:before {
	background: #856BFE
}

.tooltip .tag-group span {
	position: relative;
	padding-left: 7px;
	margin-left: 5px
}

.tooltip .tag-group span:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	height: 12px;
	width: 1px;
	background: #a2aab7;
}

.tooltip .tag-group span:first-child {
	padding-left: 0;
	margin-left: 0;
}

.tooltip .tag-group span:first-child:before {
	display: none;
}

.tooltip .tag-group .clr-red {
	color: #ff0050;
}

.tooltip .tag-group button {
	float: right;
	background: none;
	border: 0;
}

.tooltip ul.details {
	background: #dfe2e6;
	padding: 10px 15px 0;
	border-radius: 5px;
	white-space: nowrap;
}

.tooltip ul.details li {
	padding-bottom: 10px;
	padding-left: 70px;
	position: relative;
	white-space: normal;
	word-wrap: break-word;
	max-width: 273px;
}

.tooltip ul.details li span {
	position: absolute;
	width: 70px;
	top: 0;
	left: 0;
}

.tooltip .prog {
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 5px;
}

.tooltip .prog:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 2px;
	background: #cdd1d8;
	z-index: 0;
}

.tooltip .prog span {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	z-index: 1;
}

.tooltip .prog span.cir {
	width: 10px;
	height: 10px;
	border-radius: 5px;
}

.tooltip .prog span.cir-red {
	background: #ff0050;
}

.tooltip .prog span.cir-blue {
	background: #037cf5;
}

.tooltip .prog span.txt {
	color: #ff0050;
	font-size: 14px;
	background: #fff;
	padding: 0 5px;
}

ul.guide {
	position: absolute;
	bottom: 40px;
	right: 15px;
	padding: 10px;
	background: #fff;
	border: 1px solid #9ca5b2
}

ul.guide li {
	font-size: 14px;
	margin-bottom: 5px;
}

ul.guide li span {
	margin-right: 10px;
}

ul.guide.rect li {
	position: relative;
}

ul.guide.line li {
	position: relative;
	padding-left: 85px;
}

ul.guide.line li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 75px;
	height: 5px;
	border-radius: 5px;
}

ul.guide.line li:nth-child(1):before {
	background: #037cf5;
}

ul.guide.line li:nth-child(2):before {
	background: #856bfe;
}

ul.guide.line li:nth-child(3):before {
	background: #ff6700;
}

ul.guide.line li:nth-child(4):before {
	background: #ff0050;
}

ul.guide.ico li {
	position: relative;
	padding-left: 35px;
}

ul.guide.ico li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	text-align: center;
}

ul.guide.ico-2 li {
	position: relative;
	padding-left: 35px;
	height: 35px;
}

ul.guide.ico-2 li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	text-align: center;
}

ul.guide.ico-3 li {
	position: relative;
	padding-left: 35px;
	height: 35px;
}

ul.guide.ico-3 li span {
	position: absolute;
	top: -3px;
	left: 0;
	width: 30px;
	text-align: center;
}

ul.guide.gradient {
	display: flex;
	padding-top: 60px;
	width: 270px;
}

ul.guide.gradient:before {
	content: "";
	position: absolute;
	left: 30px;
	right: 30px;
	top: 30px;
	height: 25px;
}

.guide.gradient.clr-1.residnt1:before {
	background-image: linear-gradient(90deg, #D1CCFF, #9994ED, #6B66DE, #3B36CF, #342FD8);
}

.guide.gradient.clr-1.residnt2:before {
	background-image: linear-gradient(90deg, #FFEE00, #E1E401, #B8D702, #90CA03, #64BB05);
}

.guide.gradient.clr-1.residnt3:before {
	background-image: linear-gradient(90deg, #FF8BF3, #DC78F3, #B462F4, #884AF5, #805BFF);
}

.guide.gradient.clr-1.residnt4:before {
	background-image: linear-gradient(90deg, #FEE593, #F3B47C, #E67C63, #DB4B4D, #CF1535);
}

.guide.gradient.clr-2.lv1:before {
	background-image: linear-gradient(90deg, #00FF90, #04D683, #08AB76, #0C856A, #116A67);
}

.guide.gradient.clr-2.lv2:before {
	background-image: linear-gradient(90deg, #54FC2B, #46E12A, #35C028, #229B26, #107825);
}

.guide.gradient.clr-2.lv3:before {
	background-image: linear-gradient(90deg, #00DCFF, #07B3FC, #0D8CFA, #1460F7, #1844F5);
}
.guide.gradient.clr-1.eduCity1:before{
	background-image: linear-gradient(90deg, #D1CCFF, #9994ED, #6B66DE, #3B36CF, #342FD8);
}
.guide.gradient.clr-1.eduCity2:before{
	background-image: linear-gradient(90deg, #FFEE00, #E1E401, #B8D702, #90CA03, #64BB05);
}
.guide.gradient.clr-1.eduCity3:before{
	background-image: linear-gradient(90deg, #FF8BF3, #DC78F3, #B462F4, #884AF5, #805BFF);
}
.guide.gradient.clr-1.eduCity4:before{
	background-image: linear-gradient(90deg, #FEE593, #F3B47C, #E67C63, #DB4B4D, #CF1535);
}
.guide.gradient.clr-3:before{
	background-image: linear-gradient(90deg, #F5E1C3, #E9C59A, #DDA97A, #CF8D5C, #A66D40);
}


ul.guide.gradient li {
	flex: 1;
	text-align: center;
}

.weather-pop {
	height: 95px;
	width: 300px;
	padding: 15px 20px;
	border: 1px solid #475770;
	border-radius: 15px;
	z-index: 2;
}

.weather-pop span {
	font-size: 18px;
	font-weight: 700;
	display: block;
}

.weather-pop p {
	font-size: 11px;
}

.weather-pop p strong {
	font-size: 30px;
	font-weight: 700;
}

.weather-pop .ico {
	position: absolute;
	top: 20px;
	right: 15px;
}

.weather-pop .ico p {
	position: relative;
	line-height: 49px;
	padding-left: 55px;
	display: flex;
	justify-content: left;
	align-items: center;
}

.weather-pop .ico p strong {
	font-size: 22px;
	margin-left: 5px;
}

.weather-pop .ico img {
	width: 49px;
	height: 49px;
}

.weather-pop.clr-1 p strong {
	color: #037CF5
}

.weather-pop.clr-2 p strong {
	color: #5CAD3E
}

.weather-pop.clr-3 p strong {
	color: #F67A26
}

.weather-pop.clr-4 p strong {
	color: #D44D51
}

.toggle-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 99;
}

.toggle-btn ul {
	border: 1px solid #475770;
}

.toggle-btn ul li {
	position: relative;
	padding-left: 10px;
	display: flex;
	justify-content: left;
	width: 250px;
	height: 30px;
	background: #2F3B49;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-top: 1px solid #475770;
	line-height: 29px;
}

.toggle-btn ul li:first-child {
	border-top: 0;
}

.toggle-btn ul li span {
	width: 25px;
}

.toggle-btn ul li button {
	position: absolute;
	width: 29px;
	background: #000;
	top: 0;
	bottom: 0;
	right: 0;
	border: 0;
}

.toggle-btn ul li button img {
	margin-top: -3px;
}

.toggle-btn fieldset {
	position: absolute;
	top: 5px;
	right: 35px;
	line-height: 1em;
}

.toggle-btn fieldset input[type="checkbox"] {
	appearance: none;
	position: relative;
	border: 2px solid #999;
	border-radius: 15px;
	width: 28px;
	height: 16px;
}

.toggle-btn fieldset input[type="checkbox"]::before {
	content: "";
	position: absolute;
	left: 0;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	transform: scale(0.8);
	background-color: #999;
	transition: left 250ms linear;
}

.toggle-btn fieldset input[type="checkbox"]:checked {
	background-color: #29ABAE;
	border-color: #29ABAE;
}

.toggle-btn fieldset input[type="checkbox"]:checked::before {
	background-color: #fff;
	left: 1em;
}

.modal-popup {
	position: absolute;
	width: 800px;
	top: 30px;
	left: 30px;
	border: 1px solid #9ca5b2;
	padding: 20px 35px 45px;
}

.modal-popup .title {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 2px solid #ededed;
}

.modal-popup .title h3 {
	color: #151d28;
	font-size: 32px;
	text-align: center;
}

.modal-popup .title h3 em {
	font-style: normal;
	color: #29abae;
}

.modal-popup .title h3 button {
	float: right;
	background: none;
	border: 0;
}

.modal-popup .title h3 button img {
	width: 30px;
}

.modal-popup .content {
	display: flex;
	justify-content: space-around;
}

.modal-popup .content .left {
	position: relative;
	width: 320px;
	padding-top: 90px;
}

.modal-popup .box {
	border: 1px solid #dcdcdc;
}

.modal-popup .box ul {
	padding: 25px 15px;
	display: flex;
	height: 280px;
}

.modal-popup .box ul li {
	flex: 1;
	padding: 0 5px;
	border-left: 1px solid #e3e3e3;
	text-align: center;
}

.modal-popup .box ul li:first-child {
	border-left: 0;
}

.modal-popup .box ul li span.sort {
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.modal-popup .box ul li span.sort strong {
	display: block;
}

.modal-popup .box ul li span.icon {
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-popup .box ul li p {
	font-size: 18px;
}

.modal-popup .box ul li p strong {
	display: block;
	font-weight: 900;
	font-size: 24px;
	margin-bottom: 5px;
}

.modal-popup .box ul li p em {
	font-style: normal;
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
}

.modal-popup .box ul li.clr-1 p {
	color: #3f3ff5;
}

.modal-popup .box ul li.clr-1 p strong {
	color: #3f3ff5;
}

.modal-popup .box ul li.clr-1 p em {
	color: #7d8798;
}

.modal-popup .box ul li.clr-2 p {
	color: #ff9750;
}

.modal-popup .box ul li.clr-2 p strong {
	color: #ff9750;
}

.modal-popup .box ul li.clr-2 p em {
	color: #7d8798;
}

.modal-popup .box-title {
	background: #eaedee;
	text-align: center;
	padding: 10px 15px;
}

.modal-popup .box-title h4 {
	font-size: 18px;
	line-height: 24px;
}

.modal-popup .box-title h4 a {
	float: right;
	margin-top: -2px;
}

.modal-popup .left .head {
	position: absolute;
	top: 0;
	left: 0;
}

.modal-popup .left .head p {
	font-weight: 500;
	position: relative;
	font-size: 16px;
	padding-left: 55px;
}

.modal-popup .left .head p span {
	position: absolute;
	top: 0;
	left: 0;
}

.modal-popup .left .head p strong {
	color: #3e3ef4;
	font-weight: 500;
}

.modal-popup .left .head p em {
	font-size: 14px;
	font-style: normal;
	display: block;
}

.modal-popup .left .box {
	
}

.modal-popup .content .right {
	position: relative;
	width: 320px;
	padding-top: 90px;
}

.modal-popup .right .head {
	position: absolute;
	top: 0;
	right: 0;
}

.modal-popup .right .head span {
	font-size: 15px;
	font-weight: 400;
	display: inline-block;
	padding: 10px 25px;
	border-radius: 30px;
	background: #d0eded;
}

.modal-popup .right .head span strong {
	font-size: 15px;
	font-weight: 800;
}

.modal-popup .right .head span em {
	font-style: normal;
	color: #29abae;
}

.modal-popup .right .box {
	
}

.modal-popup .right .box ul {
	
}

.modal-popup .right .box ul li {
	position: relative;
	display: flex;
	flex-direction: column;
	padding-top: 40px;
}

.modal-popup .right .box ul li .btn-group {
	display: flex;
	justify-content: space-around;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.modal-popup .right .box ul li .btn-group a {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 20px;
	border-radius: 15px;
	border: 1px solid #272f3c;
}

.modal-popup .right .box ul li .bubble {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.modal-popup .right .box ul li .bubble span {
	position: relative;
	border-radius: 5px;
	padding: 3px 10px;
	font-size: 14px;
}

.modal-popup .right .box ul li .bubble span:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom: 0;
	margin-left: -5px;
	margin-bottom: -5px;
}

.modal-popup .right .box ul li .bubble.b1 span {
	background: #54bcbe;
}

.modal-popup .right .box ul li .bubble.b1 span:after {
	border-top-color: #54bcbe;
}

.modal-popup .right .box ul li .bubble.b2 span {
	background: #ffac73;
}

.modal-popup .right .box ul li .bubble.b2 span:after {
	border-top-color: #ffac73;
}

.modal-popup .right .box ul li .column {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.modal-popup .right .box ul li .column .level {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.modal-popup .right .box ul li .column .level p {
	font-size: 16px;
}

.modal-popup .right .box ul li .column .level p strong {
	font-size: 16px;
	margin: 0;
}

.modal-popup .right .box ul li .column .level .s-icon {
	display: block;
}

.modal-popup .right .box ul li .column .level .s-icon img {
	width: 25px;
}

.modal-popup .right .box ul li .column .level .txt {
	display: block;
	font-size: 18px;
}

.modal-popup .right .box ul li .column .level .txt.c1 {
	color: #3f3ff5;
}

.modal-popup .right .box ul li .column .level .txt.c2 {
	color: #ff9750;
}

.modal-popup-2 {
	position: absolute;
	width: 400px;
	top: 45px;
	left: 50px;
	border: 1px solid #9ca5b2;
	padding: 0 20px 20px;
}

.modal-popup-2 .tag-group {
	padding: 10px 0;
	border-bottom: 2px solid #ededed;
}

.modal-popup-2 .tag-group span {
	position: relative;
	font-size: 18px;
	display: inline-block;
}

.modal-popup-2 .tag-group span em {
	font-style: normal;
	font-size: 12px;
	margin-left: 10px;
}

.modal-popup-2 .tag-group span strong {
	margin: 0 10px;
}

.modal-popup-2 .tag-group .clr-1 {
	color: #ff0050;
}

.modal-popup-2 .tag-group .clr-2 {
	color: #29abae;
}

.modal-popup-2 .tag-group button {
	float: right;
	background: none;
	border: 0;
}

.modal-popup-2 .details {
	padding: 10px 0 0;
}

.modal-popup-2 .details table {
	font-size: 14px;
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

.modal-popup-2 .details table th {
	background: #bbd8d8;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	text-align: left;
	padding: 5px 15px;
}

.modal-popup-2 .details table td {
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	padding: 5px 15px;
}

.tbl-wrap table.tbl-02 {
	width: 100%;
}

.tbl-wrap table.tbl-02 thead {
	
}

.tbl-wrap table.tbl-02 thead th {
	height: 30px;
	font-size: 18px;
	color: #151D28;
	background: #29ABAE;
	padding: 10px 0;
}

.tbl-wrap table.tbl-02 thead th:first-child {
	border-radius: 10px 0 0 10px;
}

.tbl-wrap table.tbl-02 thead th:last-child {
	border-radius: 0 10px 10px 0;
}

.tbl-wrap table.tbl-02 thead th span {
	display: block;
	border-left: 1px solid #475770
}

.tbl-wrap table.tbl-02 thead th:first-child span {
	border-left: 0;
}

.tbl-wrap table.tbl-02 tbody td {
	height: 30px;
	font-size: 18px;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #475770;
}

.tbl-wrap table.tbl-02 tbody td.matterTitle {
	text-align: left;
	cursor: pointer;
}

.tbl-wrap table.tbl-02 tbody td span {
	display: block;
	border-left: 1px solid #475770;
	padding: 0 15px;
}

.tbl-wrap table.tbl-02 tbody td:first-child span {
	border-left: 0;
}

.tbl-wrap table.tbl-02 tbody td span strong {
	border-radius: 10px;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px;
}

.tbl-wrap table.tbl-02 tbody td span strong.clr-1 {
	border-color: #75E7E9;
	color: #75E7E9;
}

.tbl-wrap table.tbl-02 tbody td span strong.clr-2 {
	border-color: #2cc107;
	color: #2cc107;
}

.tbl-wrap table.tbl-02 tbody td span strong.clr-3 {
	border-color: #FF9750;
	color: #FF9750;
}

.tbl-wrap table.tbl-02 tbody td span strong.clr-4 {
	border-color: #D358F7;
	color: #D358F7;
}

.tbl-wrap table.tbl-02 tbody td span strong.clr-5 {
	border-color: #FA5858;
	color: #FA5858;
}

.tbl-wrap table.tbl-03 {
	width: 100%;
	border: 1px solid #DCDCDC;
	border-bottom: 0;
}

.tbl-wrap table.tbl-03 tbody th {
	font-size: 14px;
	color: #000;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
	background: #BBD8D8;
}

.tbl-wrap table.tbl-03 tbody td {
	font-size: 14px;
	color: #5F646A;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
}

.button.clr-0 {
	background-color: rgb(207, 130, 78);
	color: #FFFFFF;
	border-color: rgb(207, 130, 78);
}

.button.clr-1 {
	background-color: #75E7E9;
	color: #FFFFFF;
	border-color: #75E7E9;
}

.button.clr-2 {
	background-color: black;
	color: #FFFFFF;
	border-color: black;
}

.button.clr-3 {
	background-color: #75E7E9;
	color: #FFFFFF;
	border-color: #75E7E9;
}

.button.clr-4 {
	background-color: #D358F7;
	color: #FFFFFF;
	border-color: #D358F7;
}

.button.clr-5 {
	background-color: #FA5858;
	color: #FFFFFF;
	border-color: #FA5858;
}

/* 도움말 */
.help-window {
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	width: 1240px;
	height: 800px;
	background: #E2E3E4;
	border: 1px solid #475770;
	overflow: hidden;
	z-index: 1000;
}

.help-window .header {
	height: 50px;
	background: #29ABAE;
	padding-left: 47px;
	padding-right: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.help-window .header h3 {
	padding-left: 35px;
	line-height: 35px;
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	background: url("/images/ccip/question_ico.svg") no-repeat left center;
}

.help-window .header button {
	border: 0;
	background: none;
}

.help-window .body {
	display: flex;
}

.help-window .left-menu {
	height: 750px;
	width: 230px;
	background: #BBCFD8;
}

.help-window .left-menu ul.ul1 {
	
}

.help-window .left-menu li.li1 {
	
}

.help-window .left-menu li.li1 a.a1 {
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 80px;
	font-size: 16px;
	color: #28383E;
	font-weight: 700;
}

.help-window .left-menu li.li1 a.a1:before {
	content: "";
	position: absolute;
	left: 40px;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
}

.help-window .left-menu li.li1.on a.a1 {
	background-color: #475770 !important;
	color: #fff;
}

.help-window .left-menu li.li1.on a.a1:before {
	filter: brightness(0) invert(1);
}

.help-window .left-menu li.li1 a.a1:hover {
	background-color: #6DAB80;
	color: #fff;
}

.help-window .left-menu li.li1 a.a1:hover:before {
	filter: brightness(0) invert(1);
}

.help-window .left-menu li.li1:nth-child(1) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_01.svg");
}

.help-window .left-menu li.li1:nth-child(2) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_07.svg");
}

.help-window .left-menu li.li1:nth-child(3) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_02.svg");
}

.help-window .left-menu li.li1:nth-child(4) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_06.svg");
}

.help-window .left-menu li.li1:nth-child(5) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_05.svg");
}

.help-window .left-menu li.li1:nth-child(6) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_04.svg");
}

.help-window .left-menu li.li1:nth-child(7) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_08.svg");
}

.help-window .left-menu li.li1:nth-child(8) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_03.svg");
}
.help-window .left-menu li.li1:nth-child(9) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_10.svg");
}
.help-window .left-menu li.li1:nth-child(10) a.a1:before {
	background-image: url("/images/ccip/left_menu_ico_11.svg");
}

.help-window .left-menu ul.ul2 {
	display: none;
}

.help-window .left-menu li.li2 {
	
}

.help-window .left-menu li.li2 a.a2 {
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 80px;
	font-size: 14px;
	color: #28383E;
	font-weight: 700;
	background: url("/images/ccip/left_menu_arrow.svg") no-repeat left 56px
		center;
	transition: all .3s;
}

.help-window .left-menu li.li2 a.a2:hover {
	background-color: #aabec7;
}

.help-window .help-content {
	flex: 1;
	padding: 30px;
}

.help-window .help-content h3 {
	font-size: 22px;
	font-weight: 700;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc
}

.help-window .help-content .inner {
	height: 625px;
	overflow-y: scroll;
}

.help-window .help-content ul.ul-1 {
	
}

.help-window .help-content ul.ul-1 li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 30px;
}

.help-window .help-content ul.ul-1 li h5 {
	font-weight: 500;
	font-size: 16px;
}

.help-window .help-content ul.ul-1 li h5 span {
	position: absolute;
	left: 0;
	top: 0;
}

.help-window .help-content ul.ul-1 li p {
	font-weight: 500;
	font-size: 16px;
}
/* aside */
.content {
	display: flex;
}

.content .aside {
	width: 35%;
	padding-top: 35px;
	position: relative;
}

.content .aside .header {
	position: absolute;
	top: 0;
	left: 0;
}

.content .aside .header h4 {
	font-size: 22px;
	color: #fff;
}

.content .aside .body {
	display: flex;
	margin: 0 -10px;
}

.content .aside .body .gnb-wrap {
	width: 45%;
	padding: 0 10px;
}

.content .aside .body .gnb {
	height: 845px;
	display: flex;
	border: 1px solid #475770;
}

.content .aside .gnb ul.gnb-menu {
	background: #2f3b49;
	padding: 20px 0;
	overflow: hidden;
}

.content .aside ul.gnb-menu li {
	position: relative;
	width: 90px;
	height: 100px;
	cursor: pointer;
}

.content .aside ul.gnb-menu li .li-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	border-bottom: 1px solid rgba(21, 29, 40, 0.5);
}

.content .aside ul.gnb-menu li.on {
	background: #151d28;
	border-radius: 15px 0 0 15px;
}

.content .aside ul.gnb-menu li.on:before {
	content: "";
	position: absolute;
	background: #2f3b49;
	top: -20px;
	right: 0;
	border-radius: 15px;
	box-shadow: 10px 10px 0 0 #151d28
}

.content .aside ul.gnb-menu li.on:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: #2f3b49;
	bottom: -20px;
	right: 0;
	border-radius: 15px;
	transform: rotate(-90deg);
	box-shadow: 10px 10px 0 0 #151d28
}

.content .aside ul.gnb-menu li span {
	display: block;
	margin-bottom: 5px;
	filter: brightness(0) invert(1);
	opacity: 0.25;
}

.content .aside ul.gnb-menu li p {
	font-size: 18px;
	color: #7d8798;
}

.content .aside ul.gnb-menu li.on:nth-child(1) p {
	color: #ff0050;
}

.content .aside ul.gnb-menu li.on:nth-child(2) p {
	color: #037cf5;
}

.content .aside ul.gnb-menu li.on:nth-child(3) p {
	color: #ff6700;
}

.content .aside ul.gnb-menu li.on:nth-child(4) p {
	color: #856bfe;
}

.content .aside ul.gnb-menu li.on:nth-child(5) p {
	color: #29abae;
}

.content .aside ul.gnb-menu li.on span {
	filter: brightness(1) invert(0);
	opacity: 1;
}

.content .aside ul.gnb-menu li.on p {
	color: #ff0050;
}

.content .aside .gnb .occ-sit {
	padding: 0 15px;
	flex-grow: 1;
}

.content .aside .occ-sit h6 {
	margin: 0 0 15px;
	font-size: 14px;
}

.content .aside .occ-sit h6.clr-1 {
	color: #FF0050;
}

.content .aside .occ-sit ul.fst {
	padding: 20px 0;
	border-bottom: 1px solid #212b39;
	margin-bottom: 10px;
}

.content .aside .occ-sit ul.fst li {
	position: relative;
	margin-bottom: 10px;
	height: 35px;
}

.content .aside .occ-sit ul.fst li span {
	position: absolute;
	top: 7px;
	left: 0;
	color: #fff;
	font-size: 14px;
}

.content .aside .occ-sit ul.fst li span img {
	margin-right: 5px;
	filter: grayscale(1);
	opacity: 0.75;
}

.content .aside .occ-sit ul.fst li.on span img {
	filter: grayscale(0);
	opacity: 1;
}

.content .aside .occ-sit ul.fst li p {
	color: #7d8798;
	font-size: 11px;
	text-align: right;
}

.content .aside .occ-sit ul.fst li p strong {
	color: #fff;
	font-size: 24px;
}

.content .aside .occ-sit ul.snd {
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #212b39;
}

.content .aside .occ-sit ul.snd li {
	position: relative;
	margin-bottom: 10px;
}

.content .aside .occ-sit ul.snd li span {
	color: #fff;
	font-size: 14px;
}

.content .aside .occ-sit ul.snd li span img {
	margin-right: 5px;
}

.content .aside .occ-sit ul.snd li.on span img {
	filter: brightness(3);
}

.content .aside .occ-sit ul.thd {
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #212b39;
}

.content .aside .occ-sit ul.thd li {
	position: relative;
	margin-bottom: 10px;
}

.content .aside .occ-sit ul.thd li span {
	color: #fff;
	font-size: 14px;
}

.content .aside .occ-sit ul.thd li span img {
	margin-right: 5px;
}

.content .aside .occ-sit ul.frt {
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #212b39;
}

.content .aside .occ-sit .check-btn {
	width: 150px;
}

.content .aside .occ-sit .check-btn li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.content .aside .occ-sit .check-btn li div {
	width: 50%;
	margin-bottom: 5px;
}

.content .aside .occ-sit .check-btn li label {
	position: relative;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	padding-left: 18px;
	line-height: 20px;
	cursor: pointer;
}

.content .aside .occ-sit .check-btn li label input[type="checkbox"] {
	display: none;
}

.content .aside .occ-sit .check-btn li label span {
	position: absolute;
	left: 0;
	top: 1px;
	width: 14px;
	height: 14px;
	display: block;
	background: url("/images/ccip/sub/ckd_ico/default.svg") no-repeat center
		center;
	background-size: contain;
}

.content .aside .occ-sit .check-btn li label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_all.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.content .aside .occ-sit .check-btn li .m10 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_m_10.svg");
}

.content .aside .occ-sit .check-btn li .s10 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_s_10.svg");
}

.content .aside .occ-sit .check-btn li .m20 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_m_20.svg");
}

.content .aside .occ-sit .check-btn li .s20 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_s_20.svg");
}

.content .aside .occ-sit .check-btn li .m30 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_m_30.svg");
}

.content .aside .occ-sit .check-btn li .s30 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_s_30.svg");
}

.content .aside .occ-sit .check-btn li .m40 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_m_40.svg");
}

.content .aside .occ-sit .check-btn li .s40 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_s_40.svg");
}

.content .aside .occ-sit .check-btn li .m50 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_m_50.svg");
}

.content .aside .occ-sit .check-btn li .s50 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_s_50.svg");
}

.content .aside .occ-sit .check-btn li .m60 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_m_60.svg");
}

.content .aside .occ-sit .check-btn li .s60 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_s_60.svg");
}

.content .aside .occ-sit .check-btn li .m70 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_m_70.svg");
}

.content .aside .occ-sit .check-btn li .s70 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/ckd_s_70.svg");
}

.content .aside .occ-sit .check-btn li .t00 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t00.svg");
}

.content .aside .occ-sit .check-btn li .t01 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t01.svg");
}

.content .aside .occ-sit .check-btn li .t02 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t02.svg");
}

.content .aside .occ-sit .check-btn li .t03 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t03.svg");
}

.content .aside .occ-sit .check-btn li .t04 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t04.svg");
}

.content .aside .occ-sit .check-btn li .t05 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t05.svg");
}

.content .aside .occ-sit .check-btn li .t06 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t06.svg");
}

.content .aside .occ-sit .check-btn li .t07 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t07.svg");
}

.content .aside .occ-sit .check-btn li .t08 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t08.svg");
}

.content .aside .occ-sit .check-btn li .t09 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t09.svg");
}

.content .aside .occ-sit .check-btn li .t10 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t10.svg");
}

.content .aside .occ-sit .check-btn li .t11 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t11.svg");
}

.content .aside .occ-sit .check-btn li .t12 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t12.svg");
}

.content .aside .occ-sit .check-btn li .t13 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t13.svg");
}

.content .aside .occ-sit .check-btn li .t14 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t14.svg");
}

.content .aside .occ-sit .check-btn li .t15 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t15.svg");
}

.content .aside .occ-sit .check-btn li .t16 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t16.svg");
}

.content .aside .occ-sit .check-btn li .t17 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t17.svg");
}

.content .aside .occ-sit .check-btn li .t18 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t18.svg");
}

.content .aside .occ-sit .check-btn li .t19 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t19.svg");
}

.content .aside .occ-sit .check-btn li .t20 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t20.svg");
}

.content .aside .occ-sit .check-btn li .t21 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t21.svg");
}

.content .aside .occ-sit .check-btn li .t22 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t22.svg");
}

.content .aside .occ-sit .check-btn li .t23 label input[type="checkbox"]:checked+span
	{
	background-image: url("/images/ccip/sub/ckd_ico/t23.svg");
}

.content .aside .occ-sit ul.radio-btn li button {
	position: relative;
	font-size: 12px;
	background: none;
	border: 0;
	padding-left: 20px;
	color: #fff;
	text-align: left;
}

.content .aside .occ-sit ul.radio-btn li button:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #43536b;
	background: transparent;
	border-radius: 15px;
}

.content .aside .occ-sit ul.radio-btn li button:after {
	content: "";
	position: absolute;
	top: 6px;;
	left: 3px;
	width: 8px;
	height: 8px;
	border: 1px solid #43536b;
	background: #2f3b49;
	border-radius: 15px;
}

.content .aside .occ-sit ul.radio-btn li button.on:after {
	background: #ff0050;
}

.content .aside .occ-sit .snd-box.clr-1 h6 {
	font-size: 14px;
	color: #037CF5;
	padding: 5px 0 15px;
}

.content .aside .occ-sit .snd-box.clr-1 ul.radio-btn li button.on:after
	{
	background: #037CF5;
}

.content .aside .occ-sit .snd-box.clr-2 {
	
}

.content .aside .occ-sit .snd-box.clr-2 ul.snd {
	
}

.content .aside .occ-sit .snd-box.clr-2 ul.snd li {
	
}

.content .aside .occ-sit .snd-box.clr-2 ul.snd li button {
	position: relative;
	display: block;
	border: 0;
	background: transparent;
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #fff;
}

.content .aside .occ-sit .snd-box.clr-2 ul.snd li.on button {
	font-size: 14px;
	color: #F6873C
}

.content .aside .occ-sit .snd-box.clr-2 ul.snd li button:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #F6873C;
	border-radius: 5px;
	background: url("/images/ccip/sub/search_ico_04.svg") no-repeat center;
}

.content .aside .occ-sit .snd-box.clr-3 h6 {
	font-size: 14px;
	color: #037CF5;
	padding: 5px 0 15px;
}

.content .aside .occ-sit .snd-box.clr-3 ul.radio-btn li button.on:after
	{
	background: #037CF5;
}

.content .aside .body .current {
	width: 55%;
	padding: 0 10px;
}

.content .aside .current {
	
}

.content .aside .current .card {
	border: 1px solid #475770;
	background: #2f3b49;
	height: 412.5px;
	padding: 15px;
}

.content .aside .card.card-1 {
	margin-bottom: 20px;
}

.content .aside .card .btn-group {
	display: flex;
	justify-content: right;
	padding-bottom: 15px;
}

.content .aside .card .btn-group.bt-line {
	border-bottom: 1px solid #475770;
}

.content .aside .card .btn-group a {
	padding: 5px 15px;
	border: 1px solid #7d8798;
	border-radius: 15px;
	color: #7d8798;
	font-size: 14px;
	font-weight: 500;
	margin-left: 10px;
}

.content .aside .card .btn-group a.on {
	background: #29abae;
	border: 1px solid #29abae;
	color: #151d28;
}

.content .aside .card .tag-group {
	padding-bottom: 15px;
}

.content .aside .card .tag-group span {
	padding: 5px 15px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: 500;
	background: #29abae;
	border: 1px solid #29abae;
	color: #151d28;
	display: inline-block;
}

.content .aside .card .card-group {
	
}

.content .aside .card .card-group .group {
	display: none;
	padding: 15px;
}

.content .aside .card .card-group .group.on {
	display: block;
}

.content .aside .card h4 {
	color: #fff;
	border-bottom: 1px solid #475770;
	font-size: 18px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.content .aside .card h4 strong {
	color: #856bfe;
}

.content .aside .card ul {
	
}

.content .aside .card ul li {
	display: flex;
	font-size: 14px;
	margin-bottom: 10px;
}

.content .aside .card ul li .cls {
	width: 75px;
}

.content .aside .card ul.tag-1 li .cls {
	color: #ff0050;
}

.content .aside .card ul.tag-2 li .cls {
	color: #50B3FF;
}

.content .aside .card ul.tag-3 li .cls {
	color: #FF9750;
}

.content .aside .card ul.tag-4 li .cls {
	color: #856bfe;
}

.content .aside .card ul.tag-4 li .cls.c2 {
	color: #ff6700;
}

.content .aside .card ul.tag-5 li .cls {
	color: #29abae;
}

.content .aside .card ul li p {
	width: 120px;
	color: #fff;
}

.content .aside .card ul li .date {
	flex-grow: 1;
	text-align: right;
	color: #7d8798;
}

.content .aside .card ul li .btn {
	background: #856bfe;
	display: inline-block;
	padding: 6px 10px;
	border-radius: 15px;
	color: #fff;
	line-height: 1em;
	font-size: 12px;
}

.content .aside .card ul li .btn img {
	margin-top: -3px;
}

.content .aside .card ul li .btn-box {
	flex-grow: 1;
	text-align: right;
}

.content .aside .card ul li .btn-2 {
	background: transparent;
	display: inline-block;
	padding: 6px 15px;
	border-radius: 15px;
	color: #fff;
	line-height: 1em;
	font-size: 12px;
	border: 1px solid #475770;
}

.content .aside .card ul li .btn-2 img {
	margin-top: -3px;
}

.content .aside .card ul li .btn-2.on {
	background: #29abae;
	border: 1px solid #29abae;
	color: #fff;
}

.content .aside .card ul li .btn-2.on img {
	margin-top: -3px;
}

.content .detail-area {
	width: 22%;
	padding: 35px 10px 0;
	display: flex;
	flex-direction: column;
}

.content .detail-area .card {
	border: 1px solid #475770;
	background: #2f3b49;
	padding: 30px;
}

.content .detail-area .card.card-1 {
	margin-bottom: 20px;
	height: 412.5px;
	position: relative;
}

.content .detail-area .card.card-2 {
	height: 412.5px;
	position: relative;
}

.content .detail-area .card.card-3 {
	height: 845px;
	position: relative;
}

.content .detail-area .card.card-3 h3 {
	padding: 15px;
	color: #fff;
	font-size: 22px;
}

.content .detail-area .card.card-3 .search-box {
	position: relative;
	display: flex;
	padding: 15px;
	margin-bottom: 15px;
	justify-content: space-between;
}

.content .detail-area .card.card-3 .search-box:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
	height: 1px;
	background: #475770;
}

.content .detail-area .card.card-3 .search-box .total {
	
}

.content .detail-area .card.card-3 .search-box .total span {
	font-size: 18px;
	color: #29ABAE;
}

.content .detail-area .card.card-3 .search-box.clr-1 .total span {
	color: #B09FFF;
}

.content .detail-area .card.card-3 .search-box .input-box {
	
}

.content .detail-area .card.card-3 .search-box .input-box fieldset {
	position: relative;
}

.content .detail-area .card.card-3 .search-box .input-box fieldset input
	{
	width: 100%;
	padding: 0 5px;
	width: 210px;
	height: 33px;
	border: 1px solid #475770;
	border-radius: 5px;
}

.content .detail-area .card.card-3 .search-box .input-box fieldset button
	{
	position: absolute;
	top: 6px;
	right: 6px;
	width: 20px;
	height: 20px;
	line-height: 12px;
	border: 0;
	background: #29ABAE;
	border-radius: 5px;
}

.content .detail-area .card.card-3 .search-box.clr-1 .input-box fieldset button
	{
	background: #B09FFF;
}

.content .detail-area .card.card-3 ul {
	overflow-y: scroll;
	height: 600px;
}

.content .detail-area .card.card-3 .note {
	text-align: right;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.content .detail-area .card.card-3 .note span {
	margin-left: 10px;
	color: #7D8798;
	font-size: 14px;
}

.content .detail-area .card .btn-group {
	display: flex;
	justify-content: right;
	padding-bottom: 15px;
}

.content .detail-area .card .btn-group.bt-line {
	border-bottom: 1px solid #475770;
}

.content .detail-area .card .btn-group a {
	padding: 5px 15px;
	border: 1px solid #7d8798;
	border-radius: 15px;
	color: #7d8798;
	font-size: 14px;
	font-weight: 500;
	margin-left: 10px;
}

.content .detail-area .card .btn-group a.on {
	background: #29abae;
	border: 1px solid #29abae;
	color: #151d28;
}

.content .detail-area .card .tag-group {
	padding-bottom: 15px;
}

.content .detail-area .card .tag-group span {
	padding: 5px 15px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: 500;
	background: #29abae;
	border: 1px solid #29abae;
	color: #151d28;
	display: inline-block;
}

.content .detail-area .card .card-group {
	
}

.content .detail-area .card .card-group .group {
	display: none;
}

.content .detail-area .card .card-group .group.on {
	display: block;
}

.content .detail-area .card h4 {
	color: #fff;
	border-bottom: 1px solid #475770;
	font-size: 18px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	letter-spacing: -0.05em;
}

.content .detail-area .card h4 a {
	font-size: 12px;
	padding: 2px 5px;
	background: #037CF5;
	color: #fff;
	border-radius: 10px;
	text-decoration: none;
}

.content .detail-area .card h4.tc {
	text-align: center;
}

.content .detail-area .card h4 strong {
	color: #B09FFF;
}

.content .detail-area .card ul {
	padding: 15px;
}

.content .detail-area .card ul li {
	display: flex;
	font-size: 14px;
	margin-bottom: 10px;
}

.content .detail-area .card ul li .cls {
	width: 75px;
}

.content .detail-area .card ul.tag-1 li .cls {
	color: #ff0050;
}

.content .detail-area .card ul.tag-2 li .cls {
	color: #037cf5;
}

.content .detail-area .card ul.tag-3 li .cls {
	color: #ff6700;
}

.content .detail-area .card ul.tag-4 li .cls {
	color: #B09FFF;
	flex-grow: 1;
}

.content .detail-area .card ul.tag-4 li .cls.c2 {
	color: #ff6700;
}

.content .detail-area .card ul.tag-5 li .cls {
	color: #29abae;
}

.content .detail-area .card ul li p {
	width: 120px;
	color: #fff;
}

.content .detail-area .card ul li .date {
	flex-grow: 1;
	text-align: right;
	color: #7d8798;
}

.content .detail-area .card ul li .btn {
	background: #856bfe;
	display: inline-block;
	padding: 6px 10px;
	border-radius: 15px;
	color: #fff;
	line-height: 1em;
	font-size: 12px;
}

.content .detail-area .card ul li .btn img {
	margin-top: -3px;
}

.content .detail-area .card ul li .btn-box {
	flex-grow: 1;
	text-align: right;
}

.content .detail-area .card ul li .btn-2 {
	background: transparent;
	display: inline-block;
	padding: 6px 15px;
	border-radius: 15px;
	color: #fff;
	line-height: 1em;
	font-size: 12px;
	border: 1px solid #475770;
}

.content .detail-area .card ul li .btn-2 img {
	margin-top: -3px;
}

.content .detail-area .card ul li .btn-2.on {
	background: #29abae;
	border: 1px solid #29abae;
	color: #fff;
}

.content .detail-area .card ul li .btn-2.on img {
	margin-top: -3px;
}

.content .detail-area .card ul.tag-4 li .btn-2.on {
	background: #856bfe;
	border: 1px solid #856bfe;
	color: #fff;
}

.content .detail-area .card .chart-box {
	padding: 15px;
	display: flex;
	justify-content: center;
}

.content .detail-area .card .chart-box img {
	max-width: 100%;
}

.content .card-group {
	flex-grow: 1;
	position: relative;
	padding-top: 35px;
}

.content .card-group .header {
	position: absolute;
	top: 0;
	left: 0;
}

.content .card-group .header h4 {
	font-size: 22px;
	color: #fff;
}

.content .card-group .body {
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

.content .card-group .body .card-wrap {
	width: 33.333%;
	padding: 10px;
}

.content .card-group .body .card-wrap .w100 {
	width: 100%;
	padding: 5px;
}

.content .card-group .card {
	border: 1px solid #475770;
	background: #2f3b49;
	padding: 20px;
	height: 412.5px;
}

.content .card-group .card2 {
	border: 1px solid #475770;
	background: #2f3b49;
	padding: 20px;
	height: 340.5px;
}

.content .card-group .card3 {
	border: 1px solid #475770;
	background: #2f3b49;
	padding: 10px;
	height: 210px;
}


.content .card-tab .card {height:357.5px;display:none;}
.content .card-tab .card.on {display:block;}
.content .card-tab .card .box-wrap {height:235px;overflow-y:scroll;}
.content .card-tab ul.ul-tab {display:flex;}
.content .card-tab ul.ul-tab li {}
.content .card-tab ul.ul-tab li span {width:260px;display:block;height:55px;line-height:53px;border:1px solid #475770;border-bottom:0;color:#fff;font-size:22px;font-weight:700;text-align:center;border-radius:15px 15px 0 0;background:#2F3B49;cursor:pointer;}
.content .card-tab ul.ul-tab li.on span.clr-1 {background:#29ABAE;}
.content .card-tab ul.ul-tab li.on span.clr-2 {background:#F67D2A;}

.content .card-tab .card {
	height: 357.5px;
	display: none;
}

.content .card-tab .card.on {
	display: block;
}

.content .card-tab .card .box-wrap {
	height: 235px;
	overflow-y: scroll;
}

.content .card-tab ul.ul-tab {
	display: flex;
}

.content .card-tab ul.ul-tab li {
	
}

.content .card-tab ul.ul-tab li span {
	width: 260px;
	display: block;
	height: 55px;
	line-height: 53px;
	border: 1px solid #475770;
	border-bottom: 0;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	border-radius: 15px 15px 0 0;
	background: #2F3B49;
	cursor: pointer;
}

.content .card-tab ul.ul-tab li.on span.clr-1 {
	background: #29ABAE;
}

.content .card-tab ul.ul-tab li.on span.clr-2 {
	background: #F67D2A;
}

.content .card-group .card h4 {
	position: relative;
	color: #fff;
	border-bottom: 1px solid #475770;
	font-size: 22px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	line-height: 1.5em;
}

.content .card-group .card h4.tc {
	text-align: center;
}

.content .card-group .card h4 span {
	color: #7D8798;
	font-size: 14px;
	position: absolute;
	bottom: 18px;
	line-height: 1em;
}

.content .card-group .card h4 span.l {
	left: 0;
}

.content .card-group .card h4 span.r {
	right: 0;
}

.content .card-group .card .chart-box {
	display: flex;
	justify-content: center;
}

.content .card-group .card .chart-box img {
	max-width: 100%;
}

.content .card-group .card.card-1 {
	
}

.content .card-group .card.card-1 ul:not(.pb) {
	padding-top: 35px;
	display: flex;
}

.content .card-group .card.card-1 ul li:not(.pb) {
	position: relative;
	width: 33.333%;
	height: 250px;
	padding-top: 125px;
	margin: 0 10px;
	background: #fff;
	font-size: 22px;
	color: #151D28;
	font-weight: 700;
	border-radius: 15px;
	text-align: center;
}

.content .card-group .card.card-1 ul li:not(.pb):before {
	content: "";
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}

.content .card-group .card.card-1 ul li.clr-1 {
	background: #29ABAE
}

.content .card-group .card.card-1 ul li.clr-1:before {
	background-image: url("/images/ccip/sub/fin_card_ico_01.svg");
}

.content .card-group .card.card-1 ul li.clr-2 {
	background: #FF9750
}

.content .card-group .card.card-1 ul li.clr-2:before {
	background-image: url("/images/ccip/sub/fin_card_ico_02.svg");
}

.content .card-group .card.card-1 ul li.clr-3 {
	background: #D44D51
}

.content .card-group .card.card-1 ul li span {
	color: #fff;
	display: block;
	margin-top: 5px;
}

.content .card-group .card.card-1 ul li.clr-3:before {
	background-image: url("/images/ccip/sub/fin_card_ico_03.svg");
}

.content .card-group .card.card-1 ul li span strong {
	
}

.content .card-group .card .sum-wrap {
	display: flex;
	margin: 0 0 15px;
	padding-bottom: 15px;
}

.content .card-group .card .sum-wrap.line {
	border-bottom: 1px solid #475770;
}

.content .card-group .card .sum-wrap .sum {
	text-align: center;
}

.content .card-group .card .sum-wrap .sum.w-1 {
	width: 50%;
	padding: 0 15px;
}

.content .card-group .card .sum-wrap .sum.w-2 {
	width: 33.333%;
	padding: 0 15px;
	border-left: 1px solid #475770;
}

.content .card-group .card .sum-wrap .sum.w-2:first-child {
	border-left: 0;
}

.content .card-group .card .sum-wrap .sum span {
	font-size: 18px;
	color: #fff;
	padding: 5px 0;
	display: block;
	border-radius: 10px;
}

.content .card-group .card .sum-wrap .sum.clr-1 span {
	
}

.content .card-group .card .sum-wrap .sum.clr-2 span {
	
}

.content .card-group .card .sum-wrap .sum p {
	font-size: 32px;
	color: #29ABAE;
	font-weight: 700;
}

.content .card-group .card .sum-wrap .sum.clr-2 p {
	color: #FF9750;
}

.content .card-group .card .sum-wrap .sum.clr-3 p {
	color: #B2494F;
}

.content .card-group .card .sum-wrap .sum.clr-4 p {
	color: #99B452;
}

.content .card-group .card .box-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px 0;
}

.content .card-group .card .box-wrap .box {
	width: 50%;
	padding: 0 15px;
	text-align: center;
	margin-bottom: 15px;
}

.content .card-group .card .box-wrap .box .inner {
	position: relative;
	border: 1px solid #475770;
	height: 110px;
	padding-top: 10px;
	border-radius: 10px;
}

.content .card-group .card .box-wrap .box .inner h6 {
	font-size: 14px;
	color: #fff;
}

.content .card-group .card .box-wrap .box .inner p {
	font-size: 26px;
	color: #fff;
	font-weight: 700;
}

.content .card-group .card .box-wrap .box .inner span {
	font-size: 14px;
	color: #FF9750;
	font-weight: 700;
	padding: 5px 0;
	display: block;
	border-radius: 10px;
}

.content .card-group .card .box-wrap .box .inner span em {
	font-style: normal;
	color: #29949A;
}

.content .card-group .card .box-wrap .box .inner .bar {
	position: absolute;
	height: 5px;
	bottom: 10px;
	left: 15px;
	right: 45px;
	text-align: right;
}

.content .card-group .card .box-wrap .box .inner .bar:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	top: 0;
	background: #fff;
	border-radius: 5px;
}
/* .content .card-group .card .box-wrap .box .inner .bar:after {content:"";position:absolute;width:86%;height:5px;left:0;top:0;background:#29ABAE;border-radius:5px;z-index:2;} */
.content .card-group .card .box-wrap .box .inner .bar span {
	position: absolute;
	top: -3px;
	right: -30px;
	font-size: 10px;
	color: #29ABAE;
	padding: 0;
	line-height: 1em;
}

.content .card-group .card .line-wrap {
	display: flex;
	margin: 0 -15px;
}

.content .card-group .card .line-wrap .line {
	width: 50%;
	padding: 0 15px;
	text-align: center;
}

.content .card-group .card .line-wrap .line.clr-1 p {
	background: gray
}

.content .card-group .card .line-wrap .line.clr-1 p.on {
	background: #29ABAE
}

.content .card-group .card .line-wrap .line.clr-2 p {
	background: gray
}

.content .card-group .card .line-wrap .line.clr-2 p.on {
	background: #FF9750
}

.content .card-group .card .line-wrap .line p {
	font-size: 18px;
	color: #fff;
	padding: 7px 0;
	border-radius: 10px;
	font-weight: 700;
}

.content .sit-map .map-inner {
	position: relative;
}

.content .sit-map .map-inner #map-area {
	height: 845px;
	background: #fff;
}

/* content header */
.wrapper {
	background: #151d28;
	padding: 35px 35px 85px;
	max-width: 1920px;
	margin: 0 auto;
}

.header-wrap {
	display: flex;
}

.hd-left-box {
	width: 30%;
	position: relative;
}

.hd-left-box h4 {
	color: #fff;
	font-size: 22px;
}

.hd-left-box h4 em {
	font-style: normal;
}

.hd-left-box ul {
	position: absolute;
	left: 310px;
	top: 8px;
	display: flex;
}

.hd-left-box ul li {
	margin-right: 15px;
	position: relative;
	font-size: 14px;
}

.hd-left-box ul li:after {
	content: "";
	position: absolute;
	top: 4px;
	right: -8px;
	width: 1px;
	height: 12px;
	background: #47566f;
}

.hd-left-box ul li:last-child:after {
	display: none;
}

.hd-left-box ul li span {
	color: #d6e2f2;
}

.hd-center-box {
	width: 40%;
	display: flex;
	justify-content: center;
}

.hd-center-box h1 {
	
}

.hd-center-box h1 a {
	display: block;
}

.hd-right-box {
	width: 30%;
	text-align: right;
}

.hd-right-box time {
	display: inline-block;
}

.hd-right-box time.date {
	width: 100%;
	font-size: 18px;
	color: #fff;
}

.hd-right-box time.clock {
	font-size: 30px;
	font-weight: 400;
	color: #29abae;
	font-family: 'LABDigital';
}

/* content footer */
.footer-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #272f3c;
	border-top: 1px solid #475770;
	z-index: 10;
}

.footer-inner {
	height: 50px;
	line-height: 50px;
	display: flex;
	justify-content: center;
}

.footer-inner .home a {
	display: block;
	padding: 0 20px;
	border-right: 1px solid #475770;
}

.footer-inner .nav-btn {
	
}

.footer-inner .nav-btn ul {
	display: flex;
}

.footer-inner .nav-btn ul li {
	border-right: 1px solid #475770;
}

.footer-inner .nav-btn ul li a {
	padding: 0 15px;
}

.footer-inner .gnb-wrap {
	
}

.footer-inner .gnb-wrap ul {
	display: flex;
}

.footer-inner .gnb-wrap ul li {
	border-right: 1px solid #475770;
}

.footer-inner .gnb-wrap ul li a {
	display: block;
	padding: 0 30px;
	font-size: 18px;
	color: #fff;
	transition: all .3s;
}

.footer-inner .gnb-wrap ul li a span img {
	transition: all .3s;
}

.footer-inner .gnb-wrap ul li.on a {
	background: #29ABAE;
	color: #fff;
}
/*.footer-inner .gnb-wrap ul li.on:nth-child(1) a {background:#ff9750;}
.footer-inner .gnb-wrap ul li.on:nth-child(2) a {background:#ff9750;}
.footer-inner .gnb-wrap ul li.on:nth-child(3) a {background:#29abae;}*/
.footer-inner .gnb-wrap ul li.on a span img {
	/*filter:brightness(1) invert(1);*/
	
}

.footer-inner .gnb-wrap ul li a span {
	padding: 0 5px;
	display: inline-block;
}

.footer-inner .gnb-wrap ul li a span img {
	margin-top: -2px;
}

.footer-inner .gnb-wrap ul li:hover a {
	background: #29ABAE;
}
/*.footer-inner .gnb-wrap ul li:nth-child(1):hover a {background:#ff9750;}
.footer-inner .gnb-wrap ul li:nth-child(2):hover a {background:#ff9750;}
.footer-inner .gnb-wrap ul li:nth-child(3):hover a {background:#29abae;}*/
.footer-inner .gnb-wrap ul li:hover a span img {
	
}

/* content panel */
.panel {
	display: flex;
	position: relative;
}

.panel-left {
	width: 30%;
}

.panel-left .wrap {
	position: relative;
	padding-top: 35px;
}

.panel-left .header {
	position: absolute;
	top: 0;
	left: 0;
}

.panel-left .header h4 {
	font-size: 22px;
	color: #fff;
}

.panel-left .body {
	display: flex;
	margin: 0 -10px;
	flex-wrap: wrap;
}

.panel-left .body .card {
	overflow: hidden;
}

.panel-left .body .card .inner {
	padding: 15px 15px;
	border: 1px solid #475770;
	background: #2f3b49;
}

.panel-left .body .card .card-title {
	font-size: 18px;
	color: #fff;
	margin-bottom: 15px;
	font-weight: 400;
	text-align: center;
}

.panel-left .body .card .card-title span {
	font-size: 11px;
	color: #7d8798;
}

.panel-left .card.card-1 {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
}

.panel-left .card.card-1 .inner {
	height: 150px;
}

.panel-left .card.card-1 ul {
	display: flex;;
}

.panel-left .card.card-1 ul li {
	position: relative;
	padding: 0 2px;
	width: 25%;
	text-align: center;
}

.panel-left .card.card-1 ul li:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 80px;
	background: #47566f;
}

.panel-left .card.card-1 ul li:last-child:after {
	display: none;
}

.panel-left .card.card-1 ul li strong {
	font-size: 24px;
	display: block;
	color: #fff;
	margin-bottom: 10px;
}

.panel-left .card.card-1 ul li span {
	font-size: 13px;
	color: #fff;
}

.panel-left .card.card-2 {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
}

.panel-left .card.card-2 .inner {
	height: 150px;
}

.panel-left .card.card-2 ul {
	display: flex;;
}

.panel-left .card.card-2 ul li {
	position: relative;
	padding: 0 2px;
	width: 25%;
	text-align: center;
}

.panel-left .card.card-2 ul li:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 80px;
	background: #47566f;
}

.panel-left .card.card-2 ul li:last-child:after {
	display: none;
}

.panel-left .card.card-2 ul li strong {
	font-size: 24px;
	display: block;
	color: #fff;
	margin-bottom: 10px;
}

.panel-left .card.card-2 ul li span {
	font-size: 13px;
	color: #fff;
}

.panel-left .card.card-3 {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
}

.panel-left .card.card-3 .inner {
	height: 200px;
}

.panel-left .card.card-3 .inner dl {
	text-align: center;
}

.panel-left .card.card-3 .inner dl dt {
	
}

.panel-left .card.card-3 .inner dl dt span {
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}

.panel-left .card.card-3 .inner dl dd {
	
}

.panel-left .card.card-3 .inner dl dd p {
	font-size: 11px;
	color: #fff;
}

.panel-left .card.card-3 .inner dl dd p strong {
	font-size: 24px;
}

.panel-left .card.card-3 .inner .dl-wrap {
	display: flex;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #47566f
}

.panel-left .card.card-3 .inner .dl-wrap dl {
	width: 50%;
	border-right: 1px solid #47566f
}

.panel-left .card.card-3 .inner .dl-wrap dl:last-child {
	border-right: 0;
}

.panel-left .card.card-3 .inner .dl-wrap dl dd {
	padding-left: 15px;
	position: relative;
}

.panel-left .card.card-3 .inner .dl-wrap dl dd.up {
	background: url("/images/ccip/up_arrow.svg") no-repeat left 15px top 5px;
}

.panel-left .card.card-3 .inner .dl-wrap dl dd.down {
	background: url("/images/ccip/down_arrow.svg") no-repeat left 15px top
		5px;
}

.panel-left .card.card-3 .inner .dl-wrap dl dd p strong {
	font-size: 14px;
	margin-bottom: 5px;
}

.panel-left .card.card-3 .inner .dl-wrap dl dd.up p strong {
	color: #ff9750;
}

.panel-left .card.card-3 .inner .dl-wrap dl dd.down p strong {
	color: #29abae;
}

.panel-left .card.card-3 .inner .dl-wrap dl dd span {
	font-size: 11px;
	color: #7d8798;
	margin-top: 5px;
}

.panel-left .card.card-4 {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
}

.panel-left .card.card-4 .inner {
	height: 200px;
	display: flex;
}

.panel-left .card.card-4 .in-left {
	width: 50%;
	position: relative;
}

.panel-left .card.card-4 .in-left:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #47566f;
}

.panel-left .card.card-4 .in-left span.icon {
	padding: 5px 0 10px;
	text-align: center;
	display: block;
}

.panel-left .card.card-4 .in-left p {
	font-size: 24px;
	text-align: center;
	font-weight: 700;
}

.panel-left .card.card-4 .in-left p span {
	display: block;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
}

.panel-left .card.card-4 .in-right {
	width: 50%;
	padding-left: 15px;
}

.panel-left .card.card-4 .in-right dl {
	text-align: right;
	font-size: 14px;
	padding-bottom: 9px;
	margin-bottom: 9px;
	border-bottom: 1px solid #47566f
}

.panel-left .card.card-4 .in-right dl:last-child {
	border-bottom: 0;
}

.panel-left .card.card-4 .in-right dl dt {
	
}

.panel-left .card.card-4 .in-right dl dt span {
	color: #fff;
}

.panel-left .card.card-4 .in-right dl dd {
	position: relative;
}

.panel-left .card.card-4 .in-right dl dd p {
	font-size: 11px;
	color: #7d8798;
	font-weight: 400;
}

.panel-left .card.card-4 .in-right dl dd p strong {
	font-size: 14px;
	color: #fff;
}

.panel-left .card.card-4 .in-right dl dd.up {
	background: url("/images/ccip/up_arrow.svg") no-repeat left top 5px;
}

.panel-left .card.card-4 .in-right dl dd.up p strong {
	color: #ff9750
}

.panel-left .card.card-4 .in-right dl dd.flat {
	background: url("/images/ccip/flat_icon.svg") no-repeat left top 10px;
}

.panel-left .card.card-4 .in-right dl dd.down {
	background: url("/images/ccip/down_arrow.svg") no-repeat left top 5px;
}

.panel-left .card.card-4 .in-right dl dd.down p strong {
	color: #29abae;
}

.panel-left .card.card-5 {
	
}

.panel-left .card.card-5 .inner {
	height: 420px;
}

.panel-left .body .body-left {
	width: 50%;
	padding: 0 10px;
}

.panel-left .body-left {
	
}

.panel-left .body-left .inner {
	
}

.panel-left .body-left .inner.news {
	
}

.panel-left .body-left .inner.news a {
	display: block;
	color: #fff;
	font-size: 14px;
}

.panel-left .body-left .inner.news .in-header {
	margin-bottom: 10px;
}

.panel-left .body-left .inner.news .in-header a.img {
	margin-bottom: 10px;
}

.panel-left .body-left .inner.news ul {
	
}

.panel-left .body-left .inner.news ul li {
	margin-bottom: 10px;
}

.panel-left .body-left .inner.news ul li.on a {
	color: #ff9750;
}

.panel-left .body-left .inner.news img {
	width: 100%;
}

.panel-left .body-left .inner.news span.date {
	font-size: 11px;
	color: #7d8798;
}

.panel-left .body .body-right {
	width: 50%;
	padding: 0 10px;
}

.panel-left .body-right {
	
}

.panel-left .card.card-6 {
	margin-bottom: 20px;
}

.panel-left .card.card-6 .inner {
	height: 230px;
}

.panel-left .card.card-6 .inner .text {
	display: flex;
	margin-bottom: 10px;
}

.panel-left .card.card-6 .inner .text .left {
	width: 50%;
}

.panel-left .card.card-6 .inner .text .left p {
	color: #fff;
	font-size: 14px;
}

.panel-left .card.card-6 .inner .text .left p strong {
	font-size: 24px;
	color: #FF9750;
	display: block;
}

.panel-left .card.card-6 .inner .text .left p strong em {
	margin-left: 5px;
	font-style: normal;
	font-size: 11px;
	color: #7D8798;
}

.panel-left .card.card-6 .inner .text .right {
	width: 50%;
}

.panel-left .card.card-6 .inner .text .right p {
	color: #fff;
	font-size: 14px;
}

.panel-left .card.card-6 .inner .text .right p strong {
	padding-left: 25px;
	font-size: 14px;
}

.panel-left .card.card-6 .inner .text .right p strong.up {
	color: #FF9750;
	background: url("/images/ccip/up_arrow.svg") no-repeat left 10px top 5px;
}

.panel-left .card.card-6 .inner .text .right p strong.down {
	color: #29ABAE;
	background: url("/images/ccip/down_arrow.svg") no-repeat left 10px top
		5px;
}

.panel-left .card.card-6 .inner .text .right p strong.flat {
	color: #fff;
	background: url("/images/ccip/flat_icon.svg") no-repeat left 10px top
		10px;
}

.panel-left .card.card-6 .inner .text .right p strong em {
	margin-left: 5px;
	font-style: normal;
	font-size: 11px;
	color: #7D8798;
}

.panel-left .card.card-7 {
	
}

.panel-left .card.card-7 .inner {
	height: 170px;
	padding: 30px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.panel-left .card.card-7 .inner p {
	display: inline-block;
	line-height: 1em;
	vertical-align: top;
	margin: 5px;
	transition: transform 0.3s ease;
	white-space: nowrap;
}

.panel-center {
	width: 55%;
	/* padding: 35px 15px 0; */
	padding: 0 15px 0;
	position: relative;
}

.panel-center .header {
	position: absolute;
	/* top: 35px; */
	right: 50px;
	z-index: 100;
}

.panel-center .header ul {
	
}

.panel-center .header ul li {
	margin-bottom: 10px;
}

.panel-center .header ul li a {
	display: block;
	font-size: 18px;
	line-height: 38px;
	padding: 0 20px;
	border-radius: 30px;
	color: #475770;
	border: 1px solid #475770;
	font-weight: 500;
	text-align: center;
}

.panel-center .header ul li a span {
	padding-right: 5px
}

.panel-center .header ul li a span img {
	margin-top: -3px
}

.panel-center .header ul li.on a {
	background: #29abae;
	color: #000;
}

.panel-center .header ul li.on a span img {
	filter: brightness(0) invert(0);
}

.panel-center .map-area {
	position: relative;
	display: flex;
	justify-content: right;
	padding-top: 35px;
}

.panel-center .map-area svg {
	padding: 0 30px;
}

.panel-center .map-area .st0 {
	fill: transparent;
	stroke: #475770;
	stroke-width: 1.5;
	stroke-miterlimit: 100;
}

.panel-center .map-area .st1 {
	fill: transparent;
	stroke: #475770;
	stroke-width: 0.25;
	stroke-miterlimit: 100;
}

.panel-center .map-area .st1.on {
	stroke: #ff9750;
	stroke-width: 2.5;
}

.panel-center .map-area .st1:hover {
	stroke: #ff9750;
	stroke-width: 2.5;
}

.panel-center .map-area .st3 {
	position: relative;
	font-size: 10px;
	fill: #fff;
	font-weight: 700;
	pointer-events: none;
}

.panel-center .map-area .st3#ico1 {
	
}

.panel-center .map-area symbol .a {
	fill: #ff0050;
}

.panel-center .map-area symbol .b {
	fill: #fff;
}

.panel-center .map-area .map {
	display: none;
	position: relative;
	width: 850px;
}

.panel-center .map-area .map.on {
	display: block;
}

.panel-center .icon-group {
	
}

.panel-center .icon-group ul.icon-box {
	position: absolute;
	pointer-events: none;
}

.panel-center .icon-group ul.icon-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 64px;
	height: 80px;
	align-items: flex-end;
}

.panel-center .icon-group ul.icon-box li {
	padding: 1px;
	flex: 0 1 50%;
}

.panel-center .icon-group ul.icon-box li img {
	width: 30px;
}

.panel-center .icon-group ul.icon-box#ico-1 {
	top: 30px;
	left: 160px;
} /* 사북면 */
.panel-center .icon-group ul.icon-box#ico-2 {
	top: 105px;
	left: 308px;
} /* 신북읍 */
.panel-center .icon-group ul.icon-box#ico-3 {
	top: 70px;
	left: 480px;
} /* 북산면 */
.panel-center .icon-group ul.icon-box#ico-4 {
	top: 190px;
	left: 170px;
} /* 서면 */
.panel-center .icon-group ul.icon-box#ico-5 {
	top: 225px;
	left: 273px;
} /* 시내동 */
.panel-center .icon-group ul.icon-box#ico-6 {
	top: 205px;
	left: 400px;
} /* 동면 */
.panel-center .icon-group ul.icon-box#ico-7 {
	top: 330px;
	left: 250px;
} /* 동내면 */
.panel-center .icon-group ul.icon-box#ico-8 {
	top: 290px;
	left: 350px;
} /* 신동면 */
.panel-center .icon-group ul.icon-box#ico-9 {
	top: 390px;
	left: 343px;
} /* 동산면 */
.panel-center .icon-group ul.icon-box#ico-10 {
	top: 365px;
	left: 153px;
} /* 남산면 */
.panel-center .icon-group ul.icon-box#ico-11 {
	top: 435px;
	left: 125px;
} /* 남면 */
.panel-center .icon-group ul.icon-box#ico-12 {
	top: 80px;
	left: 353px;
} /* 신사우동 */
.panel-center .icon-group ul.icon-box#ico-13 {
	top: 232px;
	left: 243px;
} /* 근화동 */
.panel-center .icon-group ul.icon-box#ico-14 {
	top: 245px;
	left: 343px;
} /* 소양동 */
.panel-center .icon-group ul.icon-box#ico-15 {
	top: 240px;
	left: 415px;
} /* 후평1동 */
.panel-center .icon-group ul.icon-box#ico-16 {
	top: 320px;
	left: 485px;
} /* 후평3동 */
.panel-center .icon-group ul.icon-box#ico-17 {
	top: 305px;
	left: 423px;
} /* 후평2동 */
.panel-center .icon-group ul.icon-box#ico-18 {
	top: 330px;
	left: 413px;
} /* 효자3동 */
.panel-center .icon-group ul.icon-box#ico-19 {
	top: 367px;
	left: 392px;
} /* 효자2동 */
.panel-center .icon-group ul.icon-box#ico-20 {
	top: 347px;
	left: 345px;
} /* 효자1동 */
.panel-center .icon-group ul.icon-box#ico-21 {
	top: 325px;
	left: 315px;
} /* 약사명동 */
.panel-center .icon-group ul.icon-box#ico-22 {
	top: 300px;
	left: 340px;
} /* 조운동 */
.panel-center .icon-group ul.icon-box#ico-23 {
	top: 277px;
	left: 378px;
} /* 교동 */
.panel-center .icon-group ul.icon-box#ico-24 {
	top: 420px;
	left: 415px;
} /* 석사동 */
.panel-center .icon-group ul.icon-box#ico-25 {
	top: 433px;
	left: 352px;
} /* 퇴계동 */
.panel-center .icon-group ul.icon-box#ico-26 {
	top: 418px;
	left: 214px;
} /* 강남동 */
.panel-center .footer ul.note {
	position: absolute;
	bottom: 60px;
	right: 60px;
}

.panel-center .footer ul.note li {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}

.panel-center .footer ul.note li.ico1_01 {
	background-image: url("/images/ccip/map_ico_01_01.png");
}

.panel-center .footer ul.note li.ico1_02 {
	background-image: url("/images/ccip/map_ico_01_02.png");
}

.panel-center .footer ul.note li.ico1_03 {
	background-image: url("/images/ccip/map_ico_01_03.png");
}

.panel-center .footer ul.note li.ico1_04 {
	background-image: url("/images/ccip/map_ico_01_04.png");
}

.panel-center .footer ul.note li.ico1_05 {
	background-image: url("/images/ccip/map_ico_02_01.png");
}

.panel-center .footer ul.note li.ico1_06 {
	background-image: url("/images/ccip/map_ico_02_02.png");
}

.panel-center .footer ul.note li.ico1_07 {
	background-image: url("/images/ccip/map_ico_02_03.png");
}

.panel-center .footer ul.note li.ico1_08 {
	background-image: url("/images/ccip/map_ico_03_01.png");
}

.panel-center .footer ul.note li.ico1_09 {
	background-image: url("/images/ccip/map_ico_03_02.png");
}

.panel-center .footer ul.note li.ico1_10 {
	background-image: url("/images/ccip/map_ico_03_03.png");
}

.panel-center .footer ul.note li.ico1_11 {
	background-image: url("/images/ccip/map_ico_04_01.svg");
	padding-left: 75px;
}

.panel-center .footer ul.note li.ico1_12 {
	background-image: url("/images/ccip/map_ico_04_02.svg");
	padding-left: 75px;
}

.panel-center .footer ul.note li.ico1_13 {
	background-image: url("/images/ccip/map_ico_04_03.svg");
	padding-left: 75px;
}

.panel-center .footer ul.note li.ico1_14 {
	background-image: url("/images/ccip/map_ico_04_04.svg");
	padding-left: 75px;
}

.panel-center .footer ul.note li.ico1_15 {
	background-image: url("/images/ccip/map_ico_04_05.png");
}

.panel-center .footer .map-btn-group {
	position: absolute;
	bottom: 15px;
	left: 45px;
}

.panel-center .footer .map-btn-group ul {
	position: relative;
	padding-bottom: 25px;
}

.panel-center .footer .map-btn-group ul:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: auto;
	background: #475770;
	opacity: .4;
	z-index: 0;
}

.panel-center .footer .map-btn-group ul li {
	margin-bottom: 20px;
}

.panel-center .footer .map-btn-group ul li a {
	position: relative;
	display: block;
	text-align: center;
	padding-top: 30px;
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 1;
	transition: all .3s;
}

.panel-center .footer .map-btn-group ul li:nth-child(1) a {
	background-image: url("/images/ccip/map_btn_ico_01_off.svg")
}

.panel-center .footer .map-btn-group ul li:nth-child(2) a {
	background-image: url("/images/ccip/map_btn_ico_02_off.svg")
}

.panel-center .footer .map-btn-group ul li:nth-child(3) a {
	background-image: url("/images/ccip/map_btn_ico_03_off.svg")
}

.panel-center .footer .map-btn-group ul li:nth-child(4) a {
	background-image: url("/images/ccip/map_btn_ico_04_off.svg")
}

.panel-center .footer .map-btn-group ul li a p {
	font-size: 14px;
	font-weight: 700;
	color: #475770;
	transition: all .3s;
}

.panel-center .footer .map-btn-group ul li.on:nth-child(1) a {
	background-image: url("/images/ccip/map_btn_ico_01_on.svg")
}

.panel-center .footer .map-btn-group ul li.on:nth-child(2) a {
	background-image: url("/images/ccip/map_btn_ico_02_on.svg")
}

.panel-center .footer .map-btn-group ul li.on:nth-child(3) a {
	background-image: url("/images/ccip/map_btn_ico_03_on.svg")
}

.panel-center .footer .map-btn-group ul li.on:nth-child(4) a {
	background-image: url("/images/ccip/map_btn_ico_04_on.svg")
}

.panel-center .footer .map-btn-group ul li.on:nth-child(1) a p {
	color: #ff0050;
}

.panel-center .footer .map-btn-group ul li.on:nth-child(2) a p {
	color: #037cf5;
}

.panel-center .footer .map-btn-group ul li.on:nth-child(3) a p {
	color: #FF6700;
}

.panel-center .footer .map-btn-group ul li.on:nth-child(4) a p {
	color: #856BFE;
}

.panel-center .footer .map-btn-group ul li:nth-child(1) a:hover {
	background-image: url("/images/ccip/map_btn_ico_01_on.svg")
}

.panel-center .footer .map-btn-group ul li:nth-child(2) a:hover {
	background-image: url("/images/ccip/map_btn_ico_02_on.svg")
}

.panel-center .footer .map-btn-group ul li:nth-child(3) a:hover {
	background-image: url("/images/ccip/map_btn_ico_03_on.svg")
}

.panel-center .footer .map-btn-group ul li:nth-child(4) a:hover {
	background-image: url("/images/ccip/map_btn_ico_04_on.svg")
}

.panel-center .footer .map-btn-group ul li:nth-child(1) a:hover p {
	color: #ff0050;
}

.panel-center .footer .map-btn-group ul li:nth-child(2) a:hover p {
	color: #037cf5;
}

.panel-center .footer .map-btn-group ul li:nth-child(3) a:hover p {
	color: #FF6700;
}

.panel-center .footer .map-btn-group ul li:nth-child(4) a:hover p {
	color: #856BFE;
}

.panel-center .footer .map-btn-group .control-btn {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
}

.panel-center .footer .map-btn-group .control-btn button {
	border: 0;
	background: none;
	display: none;
}

.panel-center .footer .map-btn-group .control-btn button.on {
	display: block;
}

.panel-right {
	width: 15%;
}

.panel-right .panel-group .group {
	display: none;
}

.panel-right .panel-group .group.on {
	display: block;
}

.panel-right .group {
	position: relative; /*padding-top:35px;*/
}

.panel-right .header {
	position: absolute;
	top: 0;
	left: 0;
}

.panel-right .header h4 {
	font-size: 22px;
	color: #fff;
}

.panel-right .body {
	position: relative;
}

.panel-right .body .card {
	overflow: hidden;
	margin-bottom: 20px;
}

.panel-right .body .card .inner {
	padding: 15px 15px;
	border: 1px solid #475770;
	background: #2f3b49;
}

.panel-right .body .card .card-title {
	font-size: 18px;
	color: #fff;
	margin-bottom: 30px;
	font-weight: 400;
	text-align: center;
}

.panel-right .body .card .card-title span {
	font-size: 11px;
	color: #7d8798;
	display: block;
}

.panel-right .card .inner {
	height: 780px;
}

.panel-right .card .inner h4 {
	padding-top: 15px;
	font-size: 22px;
	color: #fff;
	margin-bottom: 25px;
	font-weight: 400;
	text-align: center;
}

.panel-right .card .inner h4 span {
	font-size: 11px;
	color: #7d8798;
	display: block;
}

.panel-right .card ul li:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	background: #47566f;
}

.panel-right .card ul li:last-child:after {
	display: none;
}

.panel-right .card ul li strong {
	font-size: 24px;
	display: block;
	color: #fff;
	margin-bottom: 10px;
}

.panel-right .card ul li span {
	font-size: 13px;
	color: #fff;
}

.panel-right .card .inner .status-graph {
	margin-bottom: 45px
}

.panel-right .card .inner .status-graph tspan {
	white-space: pre
}

.panel-right .card .inner .status-graph .t0 {
	font-size: 14px;
	line-height: 18px;
	fill: #fff;
}

.panel-right .card .inner .status-graph .t1 {
	font-size: 11px;
	line-height: 30px;
	fill: #7d8798;
}

.panel-right .card .inner .status-graph .s2 {
	fill: none;
	stroke: #475770;
	stroke-linecap: round;
	stroke-miterlimit: 100
}

.panel-right .card .inner .status-graph .s3 {
	fill: #d44d51
}

.panel-right .card .inner .status-graph .t4 {
	font-size: 11px;
	line-height: 30px;
	fill: #ffffff;
}

.panel-right .card .inner .status-graph .s5 {
	fill: #be5b8a
}

.panel-right .card .inner .status-graph .s6 {
	fill: #7061b4
}

.panel-right .card .inner .status-graph .s7 {
	fill: #4480be
}

.panel-right .card .inner .status-graph .s8 {
	fill: #5b979f
}

.panel-right .card .inner .status-graph .s9 {
	fill: #789d3e
}

.panel-right .card .inner .status-graph .s10 {
	fill: #c6832a
}

.panel-right .card .inner .circle-graph {
	display: flex;
	justify-content: center;
	padding: 30px 0 45px;
}

.panel-right .card .inner .rect-chart {
	padding: 0 5px;
}

.panel-right .card .inner .rect-chart .more-btn {
	margin-top: 45px;
	text-align: right;
}

.panel-right .card .inner .rect-chart .more-btn a {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	font-size: 11px;
	background: #475770;
	border-radius: 15px;
	font-weight: 700;
}

.panel-right .card ul li {
	position: relative;
	padding: 0 2px;
	width: 33.333%;
	text-align: center;
}

.panel-right .card .inner ul {
	display: flex;
	flex-wrap: wrap;
}

.panel-right .card .inner ul.top {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #47566f;
}

.panel-right .card.card-2 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}

.panel-right .card.card-2 .inner {
	position: relative;
	background: #fff;
	padding: 30px 15px 15px;
}

.panel-right .card.card-2 .inner .close-btn {
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #29ABAE;
	text-align: right;
}

.panel-right .card.card-2 .inner .close-btn button {
	margin: 3px 5px 0 0;
	border: 0;
	background: none;
}

.panel-right .card.card-2 .inner h4 {
	color: #151D28;
}

.panel-right .card.card-2 .inner ul.top {
	border-bottom: 1px solid #BFC5CF;
}

.panel-right .card.card-2 .inner ul li:after {
	background: #BFC5CF;
}

.panel-right .card.card-2 .inner ul li strong {
	color: #151D28;
}

.panel-right .card.card-2 .inner ul li span {
	color: #151D28;
}

.panel-right .card.card-2 ul li {
	position: relative;
	padding: 0 2px;
	width: 50%;
	text-align: center;
}

.panel-right .card.card-2 .rect-list {
	padding-top: 15px;
}

.panel-right .card.card-2 .rect-list ul {
	display: block;
}

.panel-right .card.card-2 .rect-list ul li {
	width: 100%;
	padding: 10px;
	height: 85px;
	border-radius: 5px;
	border: 1px solid #BFC5CF;
	text-align: left;
	margin-bottom: 15px;
}

.panel-right .card.card-2 .rect-list ul li:after {
	display: none;
}

.panel-right .card.card-2 .rect-list ul li span {
	display: inline-block;
	border-radius: 15px;
	padding: 3px 5px;
	border-radius: 15px;
	background: #333;
	color: #fff;
	margin-bottom: 3px;
	line-height: 1em;
	font-size: 10px;
}

.panel-right .card.card-2 .rect-list ul li h5 {
	margin-top: 5px;
	font-size: 18px;
	font-weight: 500;
}

.panel-right .card.card-2 .rect-list ul li p {
	color: #47566f;
	font-size: 14px;
}

.panel-right .card.card-2 .rect-list ul li.tag-co-1 {
	
}

.panel-right .card.card-2 .rect-list ul li.tag-co-1 span {
	background: #29ABAE
}

.panel-right .card.card-2 .rect-list ul li.tag-co-1 h5 {
	color: #29ABAE
}

.panel-right .card.card-2 .rect-list ul li.tag-co-2 {
	
}

.panel-right .card.card-2 .rect-list ul li.tag-co-2 span {
	background: #6789D8
}

.panel-right .card.card-2 .rect-list ul li.tag-co-2 h5 {
	color: #6789D8
}

.panel-right .card.card-2 .rect-list ul li.tag-co-3 {
	
}

.panel-right .card.card-2 .rect-list ul li.tag-co-3 span {
	background: #49B15E
}

.panel-right .card.card-2 .rect-list ul li.tag-co-3 h5 {
	color: #49B15E
}

.panel-right .card.card-2 .rect-list ul li.tag-co-4 {
	
}

.panel-right .card.card-2 .rect-list ul li.tag-co-4 span {
	background: #D18D28
}

.panel-right .card.card-2 .rect-list ul li.tag-co-4 h5 {
	color: #D18D28
}

.panel-right .card.card-2 .rect-list ul li.tag-co-5 {
	
}

.panel-right .card.card-2 .rect-list ul li.tag-co-5 span {
	background: #E57685
}

.panel-right .card.card-2 .rect-list ul li.tag-co-5 h5 {
	color: #E57685
}

.panel-right .card.card-3 .card-title {
	margin-bottom: 10px;
}

.panel-right .card.card-4 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}

.panel-right .card.card-4 .inner {
	position: relative;
	background: #fff;
	padding: 30px 15px 15px;
}

.panel-right .card.card-4 .inner h4 {
	color: #151d28;
}

.panel-right .card.card-4 .inner .close-btn {
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #29ABAE;
	text-align: right;
}

.panel-right .card.card-4 .inner .close-btn button {
	margin: 3px 5px 0 0;
	border: 0;
	background: none;
}

.panel-right .card.card-4 table.status-tbl {
	width: 100%;
	border-right: 1px solid #BFC5CF;
	border-bottom: 1px solid #BFC5CF;
}

.panel-right .card.card-4 table.status-tbl th, .panel-right .card.card-4 table.status-tbl td
	{
	border-left: 1px solid #BFC5CF;
	border-top: 1px solid #BFC5CF;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
}

.panel-right .card.card-4 table.status-tbl th {
	color: #151d28;
	background: #BFC5CF;
	font-weight: 400;
}

.panel-right .card.card-4 table.status-tbl td {
	color: #151D28;
	font-weight: 300;
}

.panel-right .tab-group {
	
}

.panel-right .tab-group ul {
	display: flex;
	margin: 0 -10px;
}

.panel-right .tab-group ul li {
	width: 50%;
	padding: 0 10px;
}

.panel-right .tab-group ul li span {
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 42px;
	border: 1px solid #475770;
	background: #2f3b49;
	color: #fff;
	cursor: pointer;
}

.panel-right .tab-group ul li.on span {
	border: 1px solid #29abae;
	background: #29abae;
	color: #000;
}

/* 실시간 도시현황 */
.content.sb .aside {
	width: 35%;
	padding-top: 35px;
	position: relative;
}

.content.sb .aside .card .btn-group.clr-2 a.on {
	background: #50B3FF;
	border: 1px solid #50B3FF;
}

.content.sb .aside .card .btn-group.clr-3 a.on {
	background: #FF9750;
	border: 1px solid #FF9750;
}

.content .aside .card .tag-group.clr-3 span {
	background: #FF9750;
	border: 1px solid #FF9750;
}

.content.sb .aside .card .card-group {
	padding-top: 15px
}

.content.sb .aside .card .chart-box {
	padding-top: 15px;
	display: flex;
	justify-content: center;
}

.content.sb .aside .card .chart-box.cb1 {
	
}

.content.sb .aside .card .chart-box.cb1 tspan {
	white-space: pre
}

.content.sb .aside .card .chart-box.cb1 .a {
	font-size: 14px;
	line-height: 30px;
	fill: #ffffff;
}

.content.sb .aside .card .chart-box.cb1 .b {
	fill: none;
	stroke: #475770;
	stroke-miterlimit: 100
}

.content.sb .aside .card .chart-box.cb1 .c {
	font-size: 14px;
	line-height: 25px;
	fill: #ffffff;
}

.content.sb .aside .card .chart-box.cb1 .d {
	fill: none;
	stroke: #ff0050;
	stroke-linecap: round;
	stroke-miterlimit: 100;
	stroke-width: 3
}

.content.sb .aside .card .chart-box.cb1 .e {
	fill: none;
	stroke: #ff6700;
	stroke-linecap: round;
	stroke-miterlimit: 100;
	stroke-width: 3
}

.content.sb .aside .card .chart-box.cb1 .f {
	fill: none;
	stroke: #037cf5;
	stroke-linecap: round;
	stroke-miterlimit: 100;
	stroke-width: 3
}

.content.sb .aside .card .chart-box.cb1 .g {
	fill: none;
	stroke: #856bfe;
	stroke-linecap: round;
	stroke-miterlimit: 100;
	stroke-width: 3
}

.content.sb .aside .card .chart-box.cb1 .h {
	font-size: 14px;
	line-height: 30px;
	fill: #7d8798;
}

.content.sb .aside .card .chart-box.cb2 text {
	letter-spacing: -0.1em;
}

.content.sb .aside .card .chart-box.cb2 tspan {
	white-space: pre
}

.content.sb .aside .card .chart-box.cb2 .a {
	fill: none;
	stroke: #475770;
	stroke-miterlimit: 100
}

.content.sb .aside .card .chart-box.cb2 .b {
	font-size: 14px;
	line-height: 25px;
	fill: #ffffff;
}

.content.sb .aside .card .chart-box.cb2 .c {
	fill: none;
	stroke: #ff6700;
	stroke-linecap: round;
	stroke-miterlimit: 100;
	stroke-width: 3
}

.content.sb .aside .card .chart-box.cb2 .d {
	font-size: 10px;
	line-height: 30px;
	fill: #7d8798;
}

.content.sb .aside .card .chart-box.cb5 {
	
}

.content.sb .aside .card .chart-box.cb5 tspan {
	white-space: pre
}

.content.sb .aside .card .chart-box.cb5 .a {
	fill: none;
	stroke: #475770;
	stroke-miterlimit: 100
}

.content.sb .aside .card .chart-box.cb5 .b {
	font-size: 14px;
	line-height: 24px;
	fill: #ffffff;
}

.content.sb .aside .card .chart-box.cb5 .c {
	font-size: 12px;
	line-height: 30px;
	fill: #7d8798;
}

.content.sb .aside .card .chart-box.cb5 .d {
	fill: #d44d51
}

.content.sb .aside .card .chart-box.cb5 .e {
	fill: #4480be
}

.content.sb .aside .card .chart-box.cb5 .f {
	fill: #c6832a
}

.content.sb .aside .card .chart-box.cb5 .g {
	fill: #be5b8a
}

.content.sb .aside .card .chart-box.cb5 .h {
	fill: #5b979f
}

.content.sb .aside .card .chart-box.cb5 .i {
	fill: #7061b4
}

.content.sb .aside .card .chart-box.cb5 .j {
	fill: #789d3e
}

.content.sb .sit-map {
	width: 65%;
	padding-top: 35px;
	padding-left: 20px;
}

/* 생활지도 */
.content.living {
	display: flex;
	margin: 0 -10px;
}

.content.living .aside {
	width: 16%;
	padding: 35px 10px 0 0;
	position: relative;
}

.content.living .aside .header {
	position: absolute;
	top: 0;
	left: 0; /* padding:0 10px; */
}

.content.living .aside .body .gnb-wrap {
	width: 100%;
}

.content.living .aside ul.gnb-menu li.on:nth-child(1) p {
	color: #ff0050;
}

.content.living .aside ul.gnb-menu li.on:nth-child(2) p {
	color: #037cf5;
}

.content.living .aside ul.gnb-menu li.on:nth-child(3) p {
	color: #B09FFF;
}

.content.living .aside ul.gnb-menu li.on:nth-child(4) p {
	color: #F6873C;
}

.content.living .aside ul.gnb-menu li.on:nth-child(5) p {
	color: #29abae;
}

.content.living .sit-map {
	flex-grow: 1;
	padding: 35px 10px 0;
}

.content.living .sit-map .modal-popup-2 {
	top: 30px;
	left: 300px;
}

.content.living .detail-area {
	width: 22%;
	padding: 35px 10px 0;
}

/* 공약사항 */
.content.promise .card-group .card.full {
	height: 845px;
}

.content.promise .card-group .card.card-3 {
	margin-bottom: 20px;
}

.content.promise .slide-wrap {
	width: 540px;
	padding: 0 30px;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
}

.content.promise .item-slide {
	padding: 25px 0;
}

.content.promise .item-slide .item {
	position: relative;
	text-align: center;
}

.content.promise .item-slide .item:before {
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #eee
}

.content.promise .item-slide .item .icon {
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content.promise .item-slide .item .icon img.promise-ico-00 {
	content: url(/images/ccip/sub/promise_ico_00_over.png)
}

.content.promise .item-slide .item .icon img.promise-ico-00.on {
	content: url(/images/ccip/sub/promise_ico_00_on.png)
}

.content.promise .item-slide .item .icon img.promise-ico-01 {
	content: url(/images/ccip/sub/promise_ico_01_over.png)
}

.content.promise .item-slide .item .icon img.promise-ico-01.on {
	content: url(/images/ccip/sub/promise_ico_01_on.png)
}

.content.promise .item-slide .item .icon img.promise-ico-02 {
	content: url(/images/ccip/sub/promise_ico_02_over.png)
}

.content.promise .item-slide .item .icon img.promise-ico-02.on {
	content: url(/images/ccip/sub/promise_ico_02_on.png)
}

.content.promise .item-slide .item .icon img.promise-ico-03 {
	content: url(/images/ccip/sub/promise_ico_03_over.png)
}

.content.promise .item-slide .item .icon img.promise-ico-03.on {
	content: url(/images/ccip/sub/promise_ico_03_on.png)
}

.content.promise .item-slide .item .icon img.promise-ico-04 {
	content: url(/images/ccip/sub/promise_ico_04_over.png)
}

.content.promise .item-slide .item .icon img.promise-ico-04.on {
	content: url(/images/ccip/sub/promise_ico_04_on.png)
}

.content.promise .item-slide .item .icon img.promise-ico-05 {
	content: url(/images/ccip/sub/promise_ico_05_over.png)
}

.content.promise .item-slide .item .icon img.promise-ico-05.on {
	content: url(/images/ccip/sub/promise_ico_05_on.png)
}

.content.promise .item-slide .item .icon img.promise-ico-06 {
	content: url(/images/ccip/sub/promise_ico_06_over.png)
}

.content.promise .item-slide .item .icon img.promise-ico-06.on {
	content: url(/images/ccip/sub/promise_ico_06_on.png)
}

.content.promise .item-slide .item .visual-caption {
	
}

.content.promise .item-slide .item .visual-caption p {
	font-size: 18px;
}

.content.promise .item-slide .item .visual-caption p strong {
	display: block;
	font-size: 22px;
	color: #FF9750;
}

.content.promise .item-slide .slick-prev, .content.promise .item-slide .slick-next
	{
	width: 30px;
	height: 100%;
	top: 0;
	bottom: 0;
	transform: none;
	background: #eee;
}

.content.promise .item-slide .slick-prev {
	left: -30px;
}

.content.promise .item-slide .slick-next {
	right: -30px;
}

.content.promise .item-slide .slick-prev:hover {
	background: #FF9750
}

.content.promise .item-slide .slick-next:hover {
	background: #FF9750
}

.content.promise .item-slide .slick-prev:before, .content.promise .item-slide .slick-next:before
	{
	opacity: 1;
	font-size: 25px;
	color: #000;
}

.content.promise .card-group .card.full h3 {
	font-size: 22px;
	color: #fff;
	margin: 45px 0 20px;
}

select {
	min-width: 200px;
	padding: 0 5px;
	height: 36px;
	border: 1px solid #475770;
	background: transparent;
	margin: 0 5px;
	color: #fff;
	font-size: 16px;
}

select option {
	background: none;
	color: #000;
}

/* 당부사항 */
.content.request .card-group .body .card-wrap.w50 {
	width: 50%;
}

.content.request .card-group .body .card-wrap .card-area {
	
}

.content.request .card-group .body .card-wrap .card-area .card {
	display: none;
	height: 790px;
}

.content.request .card-group .body .card-wrap .card-area .card.on {
	display: block;
}

.content.request .card-wrap .btn-group {
	display: flex;
}

.content.request .card-wrap .btn-group a {
	display: block;
	width: 185px;
	height: 55px;
	line-height: 54px;
	font-size: 22px;
	color: #fff;
	background: #2F3B49;
	border: 1px solid #475770;
	border-bottom: 0;
	text-align: center;
	margin-right: 5px;
	border-radius: 15px 15px 0 0
}

.content.request .card-wrap .btn-group a.on {
	background: #29ABAE;
}

.content.request .card-wrap .card-area .card h4 {
	margin-bottom: 30px;
}

.content.request .card-group .card.card-3 {
	margin-bottom: 20px;
}

/* 여론동향 */
.content.trends .card-group .body .w50 {
	width: 50%;
}

.content.trends .card-group .body .w25 {
	width: 25%;
}

.content.trends .card-group .card.card-4 {
	height: 475px;
}

.content.trends .card-group .conbox-wrap {
	display: flex;
	margin: 0 -10px;
}

.content.trends .card-group .conbox-wrap .conbox {
	padding: 0 10px;
}

.content.trends .card-group .conbox-wrap .conbox .card {
	height: 350px;
}

.content.trends .card {
	
}

.content.trends .card .in-card {
	padding: 15px;
	border: 1px solid #475770;
}

.content.trends .card.full {
	height: 845px;
}

.content.trends .card.card-1 {
	display: flex;
	padding: 30px 10px 20px;
}

.content.trends .card.card-1 h4 {
	border: 0;
	padding-bottom: 0;
}

.content.trends .card.card-1 .inner-left {
	padding: 0 10px;
}

.content.trends .card.card-1 .inner-left .in-card span.note {
	color: #fff;
}

.content.trends .card.card-1 .in-card-w {
	display: flex;
	margin: 0 -10px 20px
}

.content.trends .card.card-1 .in-card-w .w50 {
	padding: 0 10px;
}

.content.trends .card.card-1 .in-card-w .in-card {
	text-align: center;
}

.content.trends .card.card-1 .in-card-w .in-card h5 {
	padding-top: 30px;
	font-size: 20px;
	color: #fff;
}

.content.trends .card.card-1 .in-card-w .in-card.ic-1 {
	height: 180px;
}

.content.trends .card.card-1 .in-card-w .in-card.ic-1 h5 {
	background: url("/images/ccip/sub/bx_ico_01.svg") no-repeat center top;
}

.content.trends .card.card-1 .in-card-w .in-card.ic-2 {
	height: 180px;
}

.content.trends .card.card-1 .in-card-w .in-card.ic-2 h5 {
	background: url("/images/ccip/sub/bx_ico_02.svg") no-repeat center top;
}

.content.trends .card.card-1 .in-card-w .in-card.ic-0 {
	height: 180px;
}

.content.trends .card.card-1 .in-card-w .in-card.ic-0 h5 {
	background: url("/images/ccip/sub/bx_ico_03.svg") no-repeat center top;
}

.content.trends .card.card-1 .in-card-w .in-card p {
	margin-bottom: 10px;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	padding-left: 30px;
}

.content.trends .card.card-1 .in-card-w .in-card p span {
	color: #fff;
	font-size: 11px;
	margin-left: 5px;
}

.content.trends .card.card-1 .in-card-w .in-card p.up {
	color: #FF9750;
	background: url("/images/ccip/sub/up_arrow2.svg") no-repeat left center;
}

.content.trends .card.card-1 .in-card-w .in-card p.down {
	color: #75E7E9;
	background: url("/images/ccip/sub/down_arrow2.svg") no-repeat left
		center;
}

.content.trends .card.card-1 .in-card-w .in-card p.flat {
	color: #fff;
	background: url("/images/ccip/flat_icon.svg") no-repeat left center;
}

.content.trends .card.card-1 .in-card-w .in-card span.txt {
	color: #fff;
	font-size: 11px;
}

.content.trends .card.card-1 .in-card.ic-3 {
	margin-bottom: 20px;
	height: 255px;
}

.content.trends .card.card-1 .in-card.ic-4 {
	margin-bottom: 20px;
	height: 220px;
}

.content.trends .card.card-1 .in-card.ic-5 {
	margin-bottom: 20px;
	height: 350px;
}

.content.trends .card.card-1 .in-card.ic-6 {
	height: 325px;
}

.content.trends .card.card-1 .in-card.ic-6 .random {
	height: 300px;
	padding: 30px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.content.trends .card.card-1 .in-card.ic-6 .random p {
	display: inline-block;
	line-height: 1em;
	vertical-align: top;
	margin: 5px;
	transition: transform 0.3s ease;
	white-space: nowrap;
}

.content.trends .card-group .card.card-1 .inner-right {
	padding: 0 10px;
}

.content.trends .card-group .card.card-2 {
	margin-bottom: 20px;
}

.content.trends .card-group .news-slide-w {
	display: flex;
	justify-content: center;
}

.content.trends .card-group .news-slide {
	width: 256px;
}

.content.trends .card-group .news-slide .item a.img {
	display: block;
	text-align: center;
}

.content.trends .card-group .news-slide .item a.img img {
	max-width: 100%;
}

.content.trends .card-group .news-slide .slick-prev {
	left: -50px
}

.content.trends .card-group .news-slide .slick-next {
	right: -50px
}

.content.trends .card-group .news-slide .item .caption {
	padding: 10px 0;
}

.content.trends .card-group .news-slide .item .caption a {
	display: block;
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
}

.content.trends .card-group .news-slide .item .caption .date {
	display: block;
	color: #7D8798;
	font-size: 14px;
}

.content.trends .live-news {
	
}
/* 
.content.trends .live-news ul {
	margin-top: 45px;
	padding-right: 15px;
}

.content.trends .live-news ul li {
	margin-bottom: 35px;
}

.content.trends .live-news .t-info {
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}

.content.trends .live-news .t-info span.l {
	color: #29ABAE;
}

.content.trends .live-news .t-info span.r {
	color: #707070;
}

.content.trends .live-news a {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
} */
.content.trends .live-news ul {
	margin-top: 30px;
	padding-right: 15px;
}

.content.trends .live-news ul li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 20px;
	display: flex;
	justify-content: space-between;
}

.content.trends .live-news ul li:before {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #29ABAE;
}

.content.trends .live-news ul li a {
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
}

.content.trends .live-news ul li .date-info {
	display: block;
	font-size: 18px;
	color: #7D8798;
	font-weight: 400;
}

.content.trends .live-news .t-info {
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}

.content.trends .live-news .t-info span.l {
	color: #29ABAE;
}

.content.trends .live-news .t-info span.r {
	color: #707070;
}

.content.trends .live-news a {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
}

/* 시정지표 */
.content.corin .card-group .card-wrap.w10 {
	width: 10%
}

.content.corin .card-group .card-wrap.w40 {
	width: 45%
}

.content.corin .card-group .card {
	
}

.content.corin .card-group .card.mb20 {
	margin-bottom: 10px;
}

.content.corin .card.full {
	height: 845px;
}

.content.corin nav.gnb {
	
}

.content.corin nav.gnb li {
	position: relative;
	text-align: center;
	padding: 23px 0;
}

.content.corin nav.gnb li:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #475770;
}

.content.corin nav.gnb li a {
	display: block;
	filter: brightness(0) invert(1);
}

.content.corin nav.gnb li p {
	margin-top: 6px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

.content.corin nav.gnb li.on:nth-child(1):after {
	background: #5BD297;
	opacity: 0.3;
}

.content.corin nav.gnb li.on:nth-child(2):after {
	background: #5FE9EC;
	opacity: 0.3;
}

.content.corin nav.gnb li.on:nth-child(3):after {
	background: #5CBCFE;
	opacity: 0.3;
}

.content.corin nav.gnb li.on:nth-child(4):after {
	background: #9B95F8;
	opacity: 0.3;
}

.content.corin nav.gnb li.on:nth-child(5):after {
	background: #F97E81;
	opacity: 0.3;
}

.content.corin nav.gnb li.on:nth-child(6):after {
	background: #F8A857;
	opacity: 0.3;
}

.content.corin nav.gnb li.on:nth-child(7):after {
	background: #D3EEA3;
	opacity: 0.3;
}

.content.corin nav.gnb li.on a {
	filter: brightness(1) invert(0);
}

.content.corin nav.gnb li.on:nth-child(1) p {
	color: #5BD297
}

.content.corin nav.gnb li.on:nth-child(2) p {
	color: #5FE9EC
}

.content.corin nav.gnb li.on:nth-child(3) p {
	color: #5CBCFE
}

.content.corin nav.gnb li.on:nth-child(4) p {
	color: #9B95F8
}

.content.corin nav.gnb li.on:nth-child(5) p {
	color: #F97E81
}

.content.corin nav.gnb li.on:nth-child(6) p {
	color: #F8A857
}

.content.corin nav.gnb li.on:nth-child(7) p {
	color: #D3EEA3
}

.content.corin ul.status {
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
}

.content.corin ul.status li {
	width: 50%;
	padding: 15px;
	text-align: center;
}

.content.corin ul.status li .inner {
	border: 1px solid #475770;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	height: 240px;
}

.content.corin ul.status.clr-1 li .inner {
	background: rgba(91, 210, 151, 0.8);
}

.content.corin ul.status.clr-2 li .inner {
	background: rgba(41, 171, 174, 0.8);
}

.content.corin ul.status.clr-3 li .inner {
	background: rgba(92, 188, 254, 0.8);
}

.content.corin ul.status.clr-4 li .inner {
	background: rgba(155, 149, 248, 0.8);
}

.content.corin ul.status.clr-5 li .inner {
	background: rgba(249, 126, 129, 0.8);
}

.content.corin ul.status.clr-6 li .inner {
	background: rgba(248, 168, 87, 0.8);
}

.content.corin ul.status.clr-7 li .inner {
	background: rgba(164, 210, 81, 0.8);
}

.content.corin ul.status li .label {
	background: rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid #475770;
	padding: 10px 15px;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between
}

.content.corin ul.status li .label span {
	font-size: 18px;
	font-weight: 500;
}

.content.corin ul.status li h5 {
	font-size: 22px;
	margin-bottom: 35px;
	font-weight: 700;
}

.content.corin ul.status li h3 {
	font-size: 22px;
	letter-spacing: -0.05em;
}

.content.corin ul.status li h3 strong {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	display: block;
	margin-bottom: 25px;
}

.content.comdi {
	margin: 0 -10px;
}

.content.comdi .aside {
	width: 16%;
	padding: 35px 10px 0;
}

.content.comdi .aside .header {
	padding: 0 10px;
}

.content.comdi .aside .body .gnb-wrap {
	width: 100%;
}

.content.comdi .aside ul.gnb-menu li.on {
	color: #037CF5;
}

.content.comdi .aside ul.gnb-menu li.on:nth-child(1) p {
	color: #037CF5;
}

.content.comdi .aside .occ-sit .snd-box.clr-1 h6 {
	font-size: 14px;
	color: #037CF5;
	padding: 5px 0 15px;
}

.content.comdi .aside .occ-sit .snd-box.clr-1 ul.radio-btn li button.on:after
	{
	background: #037CF5;
}

.content.comdi .sit-map {
	flex-grow: 1;
	padding: 35px 10px 0;
}

.content.comdi .sit-map .tbl-wrap {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 840px;
	min-height: 400px;
	padding: 30px;
	border: 1px solid #9CA5B2;
}

.content.comdi .sit-map .tbl-wrap:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 17px;
	background: #29ABAE
}

.content.comdi .sit-map .tbl-wrap .head {
	position: relative;
	border-bottom: 1px solid #DCDCDC;
	padding: 15px 0 30px;
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
}

.content.comdi .sit-map .tbl-wrap .head span.left-loc {
	font-size: 22px;
	font-weight: 500;
}

.content.comdi .sit-map .tbl-wrap .head h3.title {
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
}

.content.comdi .sit-map .tbl-wrap .head h3.title span.item-txt {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	background: #0D5867;
	color: #fff;
	padding: 18px 30px;
	border-radius: 35px;
}

.content.comdi .sit-map .tbl-wrap .head h3.title span.item-txt img {
	margin-right: 15px;
}

.content.comdi .sit-map .tbl-wrap .head h3.title span.item-txt em {
	margin-left: 5px;
	font-style: normal;
	color: #CEE074;
}

.content.comdi .sit-map .tbl-wrap .head button {
	background: none;
	border: 0;
}

.content.comdi .sit-map .tbl-wrap .middle-txt {
	padding: 10px 0;
	background: #29ABAE;
}

.content.comdi .sit-map .tbl-wrap .middle-txt p {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.content.comdi .detail-area {
	width: 22%;
	padding: 35px 10px 0;
}

.content.comdi .detail-area .card h4 {
	margin-bottom: 15px;
}

.map-cluster-list {
	position: absolute;
	top: 30px;
	left: 30px;
}

.map-cluster-list .map-cluster {
	display: flex;
}

.map-cluster .maker {
	position: relative;
	text-align: center;
	border-radius: 50%;
}

.map-cluster .maker.maker-l {
	width: 132px;
	height: 132px;
}

.map-cluster .maker.maker-l:before {
	content: "";
	position: absolute;
	top: -12px;
	bottom: -12px;
	left: -12px;
	right: -12px;
	border-radius: 50%;
}

.map-cluster .maker.maker-l span.ico {
	display: block;
	padding: 20px 0 10px;
}

.map-cluster .maker.maker-l p {
	font-size: 42px;
	font-weight: 700;
	line-height: 1em;
}

.map-cluster.clr-1 .maker.maker-l {
	background-color: #0068D1;
}

.map-cluster.clr-1 .maker.maker-l:before {
	background-color: #0068d14f;
}

.map-cluster.clr-1 .maker.maker-l p {
	color: #fff;
}

.map-cluster.clr-2 .maker.maker-l {
	background-color: #8E0C3D;
}

.map-cluster.clr-2 .maker.maker-l:before {
	background-color: rgba(142, 12, 61, 0.3)
}

.map-cluster.clr-2 .maker.maker-l p {
	color: #FFF3F7
}

.map-cluster.clr-3 .maker.maker-l {
	background-color: #1F3065;
}

.map-cluster.clr-3 .maker.maker-l:before {
	background-color: rgba(31, 48, 101, 0.3)
}

.map-cluster.clr-3 .maker.maker-l p {
	color: #9AF5FF
}

.map-cluster.clr-4 .maker.maker-l {
	background-color: #431775;
}

.map-cluster.clr-4 .maker.maker-l:before {
	background-color: rgba(67, 23, 117, 0.3)
}

.map-cluster.clr-4 .maker.maker-l p {
	color: #F8F2FF
}

.map-cluster .maker.maker-m {
	width: 88px;
	height: 88px;
}

.map-cluster .maker.maker-m h6 {
	font-size: 20px;
	font-weight: 700;
	padding-top: 25px;
	color: #fff;
}

.map-cluster .maker.maker-m p {
	font-size: 16px;
	font-weight: 700;
}

.map-cluster.clr-1 .maker.maker-m {
	background-color: #037CF5;
}

.map-cluster.clr-2 .maker.maker-m {
	background-color: #E9636A;
}

.map-cluster.clr-3 .maker.maker-m {
	background-color: #53A2D9;
}

.map-cluster.clr-4 .maker.maker-m {
	background-color: #8583D5;
}

.map-cluster .maker.maker-s {
	width: 88px;
	height: 88px;
}

.map-cluster .maker.maker-s h6 {
	font-size: 20px;
	font-weight: 700;
	padding-top: 25px;
	color: rgba(255, 255, 255, 0.85);
}

.map-cluster .maker.maker-s p {
	font-size: 16px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.85);;
}

.map-cluster.clr-1 .maker.maker-s {
	background-color: #074F58;
}

.map-cluster.clr-2 .maker.maker-s {
	background-color: #8E0C3D;
}

.map-cluster.clr-3 .maker.maker-s {
	background-color: #1F3065;
}

.map-cluster.clr-4 .maker.maker-s {
	background-color: #431775;
}


/* 시정현안 */
.content.current {}
.content.current .card.full {height:845px;}
.content.current .card-group .body .w25 {width:25%;}
.content.current .card-group .card {padding:0;}
.content.current .head {position:relative;height:250px;background-size:cover;display:flex;justify-content:center;align-items:center;}
.content.current .head.img1 {background-image:url("/images/ccip/sub2/img_01_001.png");}
.content.current .head.img2 {background-image:url("/images/ccip/sub2/img_01_002.png");}
.content.current .head.img3 {background-image:url("/images/ccip/sub2/img_01_003.png");}
.content.current .head.img4 {background-image:url("/images/ccip/sub2/img_01_004.png");}
.content.current .head h2 {font-size:44px;color:#fff;}
.content.current .head a {position:absolute;bottom:15px;right:30px;color:#fff;font-size:14px;}
.content.current .cont-area {padding:0 30px 30px;}
.content.current .cont-area .tit {position:relative;padding:30px 0 15px;}
.content.current .cont-area .tit h5 {font-size:22px;color:#fff;line-height:1.5em;}
.content.current .cont-area .tit span {padding-top:15px;display:flex;justify-content:right;color:#7D8798;font-size:14px;}
.content.current .cont-area .cont {}
.content.current .cont-area .cont p.dot {position:relative;font-size:16px;color:#fff;padding-left:15px;margin-bottom:10px;}
.content.current .cont-area .cont p.dot:before {content:"";position:absolute;top:10px;left:0;width:6px;height:6px;background:#29ABAE;border-radius:6px;}
.content.current .cont-area .cont p span.up {color:#FF9750}
.content.current .cont-area .cont p span.down {color:#259C9E}

/* 인구감소지역 */
.content.population {display:flex;margin:0 -10px;}
.content.population .aside {width:16%;padding:35px 10px 0;position:relative;}
.content.population .aside .header {position:absolute;top:0;left:0;padding:0 10px;}
.content.population .aside .body .gnb-wrap {width:100%;}
.content.population .aside .gnb .occ-sit {position:relative;}
.content.population .aside .gnb .occ-sit h5 {font-size:14px;padding-top:20px;margin-bottom:15px;}
.content.population .aside .gnb .occ-sit h5.clr-2 {color:#FF0050;}
.content.population .aside .occ-sit ul.radio-btn li button.on:after {background:#FF0050;}
.content.population .aside .occ-sit .inquiry-btn {position:absolute;bottom:30px;left:30px;right:30px;background:#FF0050;height:30px;line-height:30px;color:#fff;text-align:center;}
.content.population .sit-map {flex-grow:1;padding:35px 10px 0;}
.content.population .sit-map .modal-popup-2 {top:30px;left:300px;width:400px;height:300px;}
.content.population .sit-map .modal-popup-2 span.up {color:#FF0000}
.content.population .sit-map .modal-popup-2 span.down {color:#037CF5}
.content.population .sit-map .modal-popup-2 .details table {margin-bottom:15px;}
.content.population .sit-map .modal-popup-2 .details table th {text-align:center;}
.content.population .sit-map .modal-popup-2 .details table td {text-align:center;}
.content.population .sit-map .modal-popup-2 .details .btn-wrap {display:flex;justify-content:center;}
.content.population .sit-map .modal-popup-2 .details .btn-wrap button {width:125px;line-height:32px;border-radius:30px;border:0;background:#475770;font-size:14px;color:#fff;font-weight:500;margin:0 10px;}
.content.population .sit-map .modal-popup-2 .details .btn-wrap button.more-btn {background:#29ABAE;}
.content.population .detail-area {width:22%;padding:35px 10px 0;}

/* 교육도시 */
.content.education {display:flex;margin:0 -10px;}
.content.education .aside {width:16%;padding:35px 10px 0;position:relative;}
.content.education .aside .header {position:absolute;top:0;left:0;padding:0 10px;}
.content.education .aside .body .gnb-wrap {width:100%;}
.content.education .aside .gnb .occ-sit {position:relative;}
.content.education .aside .gnb .occ-sit h5 {font-size:14px;padding-top:20px;margin-bottom:15px;}
.content.education .aside .gnb .occ-sit h5.clr-2 {color:#037CF5;}
.content.education .aside .occ-sit ul.radio-btn li button.on:after {background:#037CF5;}
.content.education .aside .occ-sit .inquiry-btn {position:absolute;bottom:30px;left:30px;right:30px;background:#037CF5;height:30px;line-height:30px;color:#fff;text-align:center;}
.content.education .aside ul.gnb-menu li.on:nth-child(1) p {color:#ff0050;}
.content.education .aside ul.gnb-menu li.on:nth-child(2) p {color:#037cf5;}
.content.education .aside ul.gnb-menu li.on:nth-child(3) p {color:#FF6700;}
.content.education .aside ul.gnb-menu li.on:nth-child(4) p {color:#F6873C;}
.content.education .aside ul.gnb-menu li.on:nth-child(5) p {color:#29abae;}
.content.education .sit-map {flex-grow:1;padding:35px 10px 0;}
.content.education .sit-map .modal-popup-2 {top:30px;left:300px;width:560px;height:auto;}
.content.education .sit-map .modal-popup-2 span.up {color:#FF0000}
.content.education .sit-map .modal-popup-2 span.down {color:#037CF5}
.content.education .sit-map .modal-popup-2 .details table {margin-bottom:15px;}
.content.education .sit-map .modal-popup-2 .details table th {text-align:center;}
.content.education .sit-map .modal-popup-2 .details table td {text-align:center;}
.content.education .sit-map .modal-popup-2 .details .btn-wrap {padding:10px 0 0;display:flex;justify-content:center;}
.content.education .sit-map .modal-popup-2 .details .btn-wrap button {width:125px;line-height:32px;border-radius:30px;border:0;background:#475770;font-size:14px;color:#fff;font-weight:500;margin:0 10px;}
.content.education .sit-map .modal-popup-2 .details .btn-wrap button.more-btn {background:#29ABAE;}
.content.education .detail-area {width:22%;padding:35px 10px 0;}

/* 지역안전지수 */
.content.safety {display:flex;margin:0 -10px;}
.content.safety .aside {width:auto;padding:35px 10px 0;position:relative;}
.content.safety .aside .header {position:absolute;top:0;left:0;padding:0 10px;}
.content.safety .aside .body .gnb-wrap {width:100%;}
.content.safety .aside .body .gnb {border-right:0;}
.content.safety .aside .gnb .occ-sit {position:relative;}
.content.safety .aside .gnb .occ-sit h5 {font-size:14px;padding-top:20px;margin-bottom:15px;}
.content.safety .aside .gnb .occ-sit h5.clr-2 {color:#037CF5;}
.content.safety .aside .occ-sit ul.radio-btn li button.on:after {background:#037CF5;}
.content.safety .aside .occ-sit .inquiry-btn {position:absolute;bottom:30px;left:30px;right:30px;background:#037CF5;height:30px;line-height:30px;color:#fff;text-align:center;}
.content.safety .aside ul.gnb-menu li.on:nth-child(1) p {color:#ff0050;}
.content.safety .aside ul.gnb-menu li.on:nth-child(2) p {color:#037cf5;}
.content.safety .aside ul.gnb-menu li.on:nth-child(3) p {color:#FF6700;}
.content.safety .aside ul.gnb-menu li.on:nth-child(4) p {color:#F6873C;}
.content.safety .aside ul.gnb-menu li.on:nth-child(5) p {color:#29abae;}
.content.safety .container {flex-grow:1;padding:35px 10px 0;}
.content.safety .container .cont-box {display:flex;gap:20px;height:845px;overflow:hidden;}
.content.safety .container .cont-box .section {flex:1;height:100%;display:flex;flex-direction:column;}
.content.safety .container .cont-box .section.gap {gap:20px;}
.content.safety .container .cont-box .section .inner-card {height:50%;padding:30px;background:#2F3B49;border:1px solid #475770;}
.content.safety .container .cont-box .section .inner-card h5 {font-size:22px;color:#fff;padding-bottom:15px;border-bottom:1px solid #475770;margin-bottom:15px;}
.content.safety .container .cont-box .section .inner-item {height:100%;background:#2F3B49;border:1px solid #475770;position:relative;}
.content.safety .container .cont-box .section .ul-tab {display:flex;gap:3px;}
.content.safety .container .cont-box .section .ul-tab li {line-height:55px;padding:0 20px;width:260px;background:#2F3B49;border:1px solid #475770;border-bottom:0;border-radius:15px 15px 0 0;}
.content.safety .container .cont-box .section .ul-tab li.on:nth-child(1) {background:#29ABAE;}
.content.safety .container .cont-box .section .ul-tab li.on:nth-child(2) {background:#F67D2A;}
.content.safety .container .cont-box .section .ul-tab li span {display:block;font-size:22px;color:#fff;cursor:pointer;}
.content.safety .container .cont-box .section .cont-area {display:flex;height:calc(100% - 56px);background:#2F3B49;border:1px solid #475770;}
.content.safety .container .cont-box .section .inner-cont {display:none;padding:20px;flex:1;}
.content.safety .container .cont-box .section .inner-cont.on {display:block;}
.content.safety .container .cont-box .section .inner-cont fieldset {display:flex;gap:3px;}
.content.safety .container .cont-box .section .inner-cont fieldset select {height:45px;border:1px solid #475770;background:none;width:135px;padding:0 5px;font-size:15px;color:#fff;}
.content.safety .container .cont-box .section .inner-cont fieldset select option {color:#000;}
.content.safety .container .cont-box .section .inner-cont fieldset input {height:45px;border:1px solid #475770;background:none;padding:0 10px;flex:1;font-size:15px;color:#fff;}
.content.safety .container .cont-box .section .inner-cont fieldset select option {color:#000;}
.content.safety .container .cont-box .section .inner-cont fieldset input::placeholder {color:#fff;}
.content.safety .container .cont-box .section .inner-cont fieldset button {width:45px;height:45px;border:0;background:#29ABAE;border-radius:5px;}
.content.safety .container .cont-box .section .inner-cont ul.ul-list {height:calc(100% - 165px);overflow-y:auto;padding-right:15px;margin-top:30px;}
.content.safety .container .cont-box .section .inner-cont ul.ul-list li {border-bottom:1px solid #475770;}
.content.safety .container .cont-box .section .inner-cont ul.ul-list li:first-child {border-top:1px solid #475770;}
.content.safety .container .cont-box .section .inner-cont ul.ul-list li a {display:block;padding:16px 15px;font-size:14px;color:#fff;}
.content.safety .container .cont-box .section .inner-cont .page-nav {display:flex;justify-content:center;align-items:center;height:90px;gap:5px;line-height:1.5em;}
.content.safety .container .cont-box .section .inner-cont .page-nav a {display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid #475770;font-weight:500;color:#fff;}
.content.safety .container .cont-box .section .inner-cont .page-nav span {display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid #29ABAE;background:#29ABAE;color:#fff;font-weight:700;}

.content.safety .container .cont-box .section .tbl-wrap {position:absolute;top:15px;left:15px;right:15px;padding:30px;border:1px solid #9CA5B2;background:#fff;}
.content.safety .container .cont-box .section .tbl-wrap:before {content:"";position:absolute;left:0;right:0;top:0;height:17px;background:#29ABAE}
.content.safety .container .cont-box .section .tbl-wrap .head {position:relative;border-bottom:1px solid #DCDCDC;padding:15px 0 30px;margin-bottom:30px;display:flex;justify-content:space-between;}
.content.safety .container .cont-box .section .tbl-wrap .head h5 {font-size:22px;font-weight:500;}
.content.safety .container .cont-box .section .tbl-wrap .head button {background:none;border:0;}

/* analysis */
.content.analysis {display:flex;margin:0 -10px;}
.content.analysis.aside {width:16%;padding:35px 10px 0;position:relative;}
.content.analysis.aside .header {position:absolute;top:0;left:0;padding:0 10px;}
.content.analysis.aside .body .gnb-wrap {width:100%;}
.content.analysis.aside .gnb .occ-sit {position:relative;}
.content.analysis.aside .gnb .occ-sit h5 {font-size:14px;padding-top:20px;margin-bottom:15px;}
.content.analysis.aside .gnb .occ-sit h5.clr-2 {color:#037CF5;}
.content.analysis.aside .gnb .occ-sit h5.clr-3 {color:#856BFE;}
.content.analysis.aside .occ-sit ul.radio-btn li button.on:after {background:#037CF5;}
.content.analysis.aside .occ-sit ul.radio-btn.clr-3 li button.on:after {background:#856BFE;}
.content.analysis.aside .occ-sit .inquiry-btn {position:absolute;bottom:30px;left:30px;right:30px;background:#037CF5;height:30px;line-height:30px;color:#fff;text-align:center;}
.content.analysis.aside ul.gnb-menu li.on:nth-child(1) p {color:#037CF5;}
.content.analysis.aside ul.gnb-menu li.on:nth-child(2) p {color:#FF6700;}
.content.analysis.aside ul.gnb-menu li.on:nth-child(3) p {color:#856BFE;}

.content.analysis .occ-sit ul.fst {}
.content.analysis .occ-sit p.note {color:#91C8FF;margin-bottom:5px;}
.content.analysis .occ-sit .calendar {}
.content.analysis .occ-sit .calendar .box {margin-bottom:5px;}
.content.analysis .occ-sit .calendar label {vertical-align:inherit;}
.content.analysis .occ-sit .calendar label input {width:75px;height:30px;padding:0 20px 0 5px;background:url("/images/ccip/sub2/calendar_ico.svg") no-repeat right 5px center transparent;border:1px solid #475770;color:#fff;vertical-align:inherit;}
.content.analysis .occ-sit .calendar label span {color:#BCB1EF;margin-right:5px;}
.content.analysis .occ-sit .calendar select {vertical-align:inherit;width:75px;height:30px;background:transparent;border:1px solid #475770;color:#fff;}
.content.analysis .occ-sit .calendar select option {color:#000;}

.content.analysis .sit-map {flex-grow:1;padding:35px 10px 0;}
.content.analysis .sit-map .circle-01 {position:absolute;top:30px;left:30px;}
.content.analysis .sit-map .circle-01 li {width:88px;height:88px;background:#0068D1;border-radius:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.content.analysis .sit-map .circle-01.clr-2 li {background:#7A40EB;}
.content.analysis .sit-map .circle-01 li p {font-size:16px;color:#fff;text-align:center;line-height:1.1em;}
.content.analysis .sit-map .circle-01 li p strong {color:#FFF700;display:block;}
.content.analysis .sit-map .circle-01 li span {font-size:13px;color:#fff;display:block;}

.content.analysis .sit-map .circle-02 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;}
.content.analysis .sit-map .circle-02 li {position:relative;width:132px;height:132px;background:#0068D1;border-radius:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;}
.content.analysis .sit-map .circle-02 li:before {content:"";background:#0068d14f;position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border-radius:100%;z-index:-1;}
.content.analysis .sit-map .circle-02 li p {font-size:31px;color:#fff;text-align:center;line-height:1.1em;font-weight:700;}
.content.analysis .sit-map .circle-02 li span {font-size:20px;color:#fff;display:block;}

.content.analysis .sit-map .square-01 {}
.content.analysis .sit-map .square-01 li {position:absolute;width:110px;height:90px;background:#fff;border:1px solid #475770;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.content.analysis .sit-map .square-01 li:nth-child(1) {top:30px;left:30px;}
.content.analysis .sit-map .square-01 li:nth-child(2) {top:135px;left:30px;}
.content.analysis .sit-map .square-01 li p {font-size:16px;color:#151D28;text-align:center;line-height:1.1em;}
.content.analysis .sit-map .square-01 li p strong {font-size:18px;display:block;}
.content.analysis .sit-map .square-01 li span {font-size:17px;display:block;}
.content.analysis .sit-map .square-01 li span.up {color:#CD051D;}
.content.analysis .sit-map .square-01 li span.down {color:#037CF5;}

.content.analysis .sit-map .control-box {width:400px;padding:30px;background:#2F3B49;position:absolute;top:30px;left:30px;}
.content.analysis .sit-map .control-box h4 {color:#fff;font-size:18px;font-weight:700;padding-bottom:15px;}
.content.analysis .sit-map .control-box ul {display:flex;flex-wrap:wrap;padding:15px 0;border-top:1px solid #4B555D;border-bottom:1px solid #4B555D;}
.content.analysis .sit-map .control-box ul li {width:25%;display:flex;flex-direction: column;align-items:center;padding:15px 0;}
.content.analysis .sit-map .control-box ul li span {display:flex;justify-content:center;align-items:center;width:67px;height:67px;border-radius:100%;background:#424D59;margin-bottom:5px;cursor:pointer;}
.content.analysis .sit-map .control-box ul li.on span {background:#0068d1;}
.content.analysis .sit-map .control-box ul li span img {opacity:0.5}
.content.analysis .sit-map .control-box ul li.on span img {opacity:1}
.content.analysis .sit-map .control-box ul li p {font-size:13px;color:#fff;font-weight:700;}
.content.analysis .sit-map .control-box .select-box {padding-top:15px;display:flex;justify-content:right;}
.content.analysis .sit-map .control-box .select-box label {display:flex;align-items:center;}
.content.analysis .sit-map .control-box .select-box span {font-size:15px;color:#fff;margin-right:10px;}
.content.analysis .sit-map .control-box .select-box select {font-size:15px;width:175px;height:35px;border:1px solid #707070;background:transparent;color:#fff;padding:0 5px;}
.content.analysis .sit-map .control-box .select-box select option {color:#000;}

.content.analysis .right-cont {width:20%;display:flex;padding:35px 10px 0;flex-direction:column;gap:20px}
.content.analysis .right-cont .cont-card {height:50%;background:#2F3B49;border:1px solid #475770;padding:30px;}
.content.analysis .right-cont .cont-card h5 {display:flex;justify-content:space-between;font-size:16px;letter-spacing:-0.05em;padding-bottom:15px;margin-bottom:30px;color:#fff;border-bottom:1px solid #475770;}
.content.analysis .right-cont .cont-card h5 a {font-size:12px;padding:2px 5px;background:#037CF5;color:#fff;border-radius:10px;}
.content.analysis .right-cont .cont-card.clr-2 h5 a {background:#856BFE;}
.content.analysis .right-cont .cont-card .chart-bar {display:flex;overflow:hidden;border-radius:5px;margin-bottom:15px;}
.content.analysis .right-cont .cont-card .chart-bar li {height:32px;}
.content.analysis .right-cont .cont-card .chart-bar li:nth-child(1) {background:#C96498;}
.content.analysis .right-cont .cont-card .chart-bar li:nth-child(2) {background:#DDB4C0;}
.content.analysis .right-cont .cont-card .chart-bar li:nth-child(3) {background:#328FD6;}
.content.analysis .right-cont .cont-card .chart-bar li:nth-child(4) {background:#52BEBF;}
.content.analysis .right-cont .cont-card .chart-bar li:nth-child(5) {background:#95AB5B;}
.content.analysis .right-cont .cont-card .chart-bar li span {display:none;}
.content.analysis .right-cont .tbl {}
.content.analysis .right-cont .tbl .tbl-01 {width:100%;border-top:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);}
.content.analysis .right-cont .tbl .tbl-01 thead {}
.content.analysis .right-cont .tbl .tbl-01 thead th {padding:10px 0;text-align:center;background:#29ABAE;border-bottom:1px solid rgba(255,255,255,0.5);border-left:1px solid rgba(255,255,255,0.5);color:#fff;}
.content.analysis .right-cont .tbl .tbl-01 tbody {}
.content.analysis .right-cont .tbl .tbl-01 tbody th {position:relative;padding:10px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.5);border-left:1px solid rgba(255,255,255,0.5);}
.content.analysis .right-cont .tbl .tbl-01 tbody td {padding:10px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.5);border-left:1px solid rgba(255,255,255,0.5);color:#fff;}
.content.analysis .right-cont .tbl .tbl-01 tbody tr th:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:30px;}
.content.analysis .right-cont .tbl .tbl-01 tbody tr:nth-child(1) th:before {background:#C96498}
.content.analysis .right-cont .tbl .tbl-01 tbody tr:nth-child(2) th:before {background:#DDB4C0}
.content.analysis .right-cont .tbl .tbl-01 tbody tr:nth-child(3) th:before {background:#328FD6}
.content.analysis .right-cont .tbl .tbl-01 tbody tr:nth-child(4) th:before {background:#52BEBF}
.content.analysis .right-cont .tbl .tbl-01 tbody tr:nth-child(5) th:before {background:#95AB5B}
.content.analysis .right-cont .tbl .tbl-01 span.up {color:#FF9750}
.content.analysis .right-cont .tbl .tbl-01 span.down {color:#259C9E}

.content.analysis .right-cont2 {width:30%;display:flex;padding:35px 10px 0;flex-direction:column;gap:20px}
.content.analysis .right-cont2 .cont-card {height:50%;background:#2F3B49;border:1px solid #475770;padding:30px;}
.content.analysis .right-cont2 .cont-card h5 {display:flex;justify-content:space-between;font-size:16px;letter-spacing:-0.05em;padding-bottom:15px;margin-bottom:15px;color:#fff;}
.content.analysis .right-cont2 .head {display:flex;justify-content: space-between;margin-bottom: 15px;align-items: flex-end;border-bottom:1px solid #475770;padding-bottom:15px;margin-bottom:15px;}
.content.analysis .right-cont2 .head span.count {width:40%;color:#29ABAE;font-size:14px;}
.content.analysis .right-cont2 .head fieldset {width:60%;display:flex;}
.content.analysis .right-cont2 .head fieldset label {position: relative;display: block;flex:1;}
.content.analysis .right-cont2 .head fieldset label input {font-size: 15px;padding: 0 5px;height: 45px;border: 1px solid #475770;background:transparent;color:#fff;}
.content.analysis .right-cont2 .head fieldset label input::placeholder {color:#fff;}
.content.analysis .right-cont2 .head fieldset button {width: 45px;height: 45px;border: 0;background: #29ABAE;border-radius: 3px;margin-left: 3px;}
.content.analysis .right-cont2 .body {height:240px;overflow-y:auto;}
.content.analysis .right-cont2 .body table.tbl-02 {font-size:12px;color:#fff;border-right:1px solid rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.5);}
.content.analysis .right-cont2 .body table.tbl-02 th {padding:10px 5px;background:#177A7D;border-left:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);}
.content.analysis .right-cont2 .body table.tbl-02 td {padding:10px 5px;border-left:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);text-align:center;}

.content.analysis .sit-map .tbl-wrap {position:absolute;top:120px;right:15px;padding:30px;width:410px;border:1px solid #9CA5B2;background:#fff;}
.content.analysis .sit-map .tbl-wrap:before {content:"";position:absolute;left:0;right:0;top:0;height:17px;background:#29ABAE}
.content.analysis .sit-map .tbl-wrap .head {position:relative;border-bottom:1px solid #DCDCDC;padding:15px 0 30px;margin-bottom:30px;display:flex;justify-content:space-between;}
.content.analysis .sit-map .tbl-wrap .head h5 {font-size:22px;font-weight:500;}
.content.analysis .sit-map .tbl-wrap .head button {background:none;border:0;}
.content.analysis .sit-map .tbl-wrap .body {}
.content.analysis .sit-map .tbl-wrap .body fieldset {display:flex;justify-content:space-between;margin-bottom:15px;}
.content.analysis .sit-map .tbl-wrap .body fieldset label {position:relative;display:block;width:100%;}
.content.analysis .sit-map .tbl-wrap .body fieldset label span {font-size:15px;position:absolute;top:6px;left:15px;bottom:6px;color:#29ABAE;padding-right:15px;border-right:1px solid #29ABAE;}
.content.analysis .sit-map .tbl-wrap .body fieldset label input {font-size:15px;padding:0 5px 0 75px;width:100%;height:35px;border:1px solid #29ABAE;}
.content.analysis .sit-map .tbl-wrap .body fieldset button {width:35px;height:35px;border:0;background:#29ABAE;border-radius:3px;margin-left:3px;}
.content.analysis .sit-map .tbl-wrap .body ul {border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;height:180px;overflow-y:auto;}
.content.analysis .sit-map .tbl-wrap .body ul::-webkit-scrollbar-track {background:#AABFBF; /* 트랙의 배경색 */}
.content.analysis .sit-map .tbl-wrap .body ul::-webkit-scrollbar-thumb {background: #29ABAE; /* 핸들의 배경색 */}
.content.analysis .sit-map .tbl-wrap .body ul::-webkit-scrollbar-thumb:hover {background: #29ABAE; /* 호버됐을 때 핸들의 배경색 */}
.content.analysis .sit-map .tbl-wrap .body ul li {border-bottom:1px solid #DCDCDC;}
.content.analysis .sit-map .tbl-wrap .body ul li:last-child {border-bottom:0;}
.content.analysis .sit-map .tbl-wrap .body ul li:hover {background:#D0EDED;}
.content.analysis .sit-map .tbl-wrap .body ul li a {font-size:14px;display:block;padding:5px 15px;}
.content.analysis .sit-map .tbl-wrap .body ul li label {display:flex;justify-content:space-between;font-size:14px;padding:5px 15px;}
.content.analysis .sit-map .tbl-wrap .body ul li label input {width:18px;height:18px;}
.content.analysis .sit-map .tbl-wrap .body .btn-wrap {text-align:center;padding:30px 0 0;}
.content.analysis .sit-map .tbl-wrap .body .btn-wrap button.btn {width:125px;height:32px;background:#29ABAE;color:#fff;border:0;border-radius:15px;font-size:14px;font-weight:700;}

.content.analysis .sit-map .tbl-wrap2 {position:absolute;top:0;right:0;padding:30px;width:680px;border:1px solid #9CA5B2;background:#fff;}
.content.analysis .sit-map .tbl-wrap2:before {content:"";position:absolute;left:0;right:0;top:0;height:17px;background:#29ABAE}
.content.analysis .sit-map .tbl-wrap2 .head {position:relative;border-bottom:1px solid #DCDCDC;padding:15px 0 30px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;}
.content.analysis .sit-map .tbl-wrap2 .head h5 {font-size:22px;font-weight:500;}
.content.analysis .sit-map .tbl-wrap2 .head h6 {position:relative;font-size: 20px;color: #29ABAE;padding-left: 15px;font-weight: 700;}
.content.analysis .sit-map .tbl-wrap2 .head h6:before {content: "";position: absolute;left: 0;top: 7px;width: 7px;height: 7px;background: #29ABAE;border-radius: 15px;}
.content.analysis .sit-map .tbl-wrap2 .head button {background:none;border:0;}
.content.analysis .sit-map .tbl-wrap2 .body {overflow-y:auto;height:600px;}
.content.analysis .sit-map .tbl-wrap2 .body::-webkit-scrollbar-track {background:#AABFBF; /* 트랙의 배경색 */}
.content.analysis .sit-map .tbl-wrap2 .body::-webkit-scrollbar-thumb {background: #29ABAE; /* 핸들의 배경색 */}
.content.analysis .sit-map .tbl-wrap2 .body::-webkit-scrollbar-thumb:hover {background: #29ABAE; /* 호버됐을 때 핸들의 배경색 */}
.content.analysis .sit-map .tbl-wrap2 .body table.tbl-01 {width:100%;border-top:1px solid #DCDCDC;border-right:1px solid #DCDCDC;text-align:center;margin-bottom:30px;}
.content.analysis .sit-map .tbl-wrap2 .body table.tbl-01 th {background:#FFFAD6;padding:5px 0;border-left:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;font-size:14px;}
.content.analysis .sit-map .tbl-wrap2 .body table.tbl-01 td {padding:5px 0;border-left:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;font-size:14px;}
.content.analysis .sit-map .tbl-wrap2 .body table.tbl-02 {width:100%;border-top:1px solid #DCDCDC;border-right:1px solid #DCDCDC;text-align:center;margin:15px 0 30px;}
.content.analysis .sit-map .tbl-wrap2 .body table.tbl-02 th {background:#BBD8D8;padding:5px 0;border-left:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;font-size:14px;}
.content.analysis .sit-map .tbl-wrap2 .body table.tbl-02 td {padding:5px 0;border-left:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;font-size:14px;}
.content.analysis .sit-map .tbl-wrap2 .body table.tbl-02 td strong.up {color:#FF0000;}
.content.analysis .sit-map .tbl-wrap2 .body table.tbl-02 td strong.down {color:#037CF5;}
.content.analysis .sit-map .tbl-wrap2 .body h6 {position:relative;font-size: 20px;color: #29ABAE;padding-left: 15px;font-weight: 700;}
.content.analysis .sit-map .tbl-wrap2 .body h6:before {content: "";position: absolute;left: 0;top: 7px;width: 7px;height: 7px;background: #29ABAE;border-radius: 15px;}
.content.analysis .sit-map .tbl-wrap2 .body ul.ul-1 {display:flex;flex-wrap:wrap;gap:20px;}
.content.analysis .sit-map .tbl-wrap2 .body ul.ul-1 li {display:flex;flex-direction:column;justify-content:center;align-items:center;flex-basis:calc(33.33% - 20px);height:160px;background:#D0EDED;}
.content.analysis .sit-map .tbl-wrap2 .body ul.ul-1 li span {font-size:16px;display:flex;width:130px;line-height:30px;color:#29ABAE;background:#fff;border-radius:15px;margin-bottom:30px;justify-content:center;font-weight:500;}
.content.analysis .sit-map .tbl-wrap2 .body ul.ul-1 li p {font-size:24px;font-weight:700;}
.content.analysis .sit-map .tbl-wrap2 .body ul.ul-1 li p strong.up {color:#FF0000;}
.content.analysis .sit-map .tbl-wrap2 .body ul.ul-1 li p strong.down {color:#037CF5;}
.content.analysis .sit-map .tbl-wrap2 .body .graph {border:1px solid #DCDCDC;margin:15px 0 30px;}
.content.analysis .sit-map .legend-box {position:absolute;top:15px;right:15px;}
.content.analysis .sit-map .legend-box .box {background:#2F3B49;border:1px solid #475770;width:250px;text-align:center;padding:0 15px 15px;}
.content.analysis .sit-map .legend-box .box h6 {padding:15px 0;color:#fff;border-bottom:1px solid #ffffff30;margin-bottom:15px;font-size:14px;font-weight:700;}
.content.analysis .sit-map .legend-box .box.box-1 {margin-bottom:15px;}
.content.analysis .sit-map .legend-box .box.box-2 ul {}
.content.analysis .sit-map .legend-box .box.box-2 ul li {}
.content.analysis .sit-map .legend-box .box.box-2 ul li label {color:#fff;display:flex;justify-content:space-between;padding:5px 0;font-size:12px;}
.content.analysis .sit-map .legend-box .box.box-2 ul li label span {position:relative;display:block;padding-left:20px;}
.content.analysis .sit-map .legend-box .box.box-2 ul li label span:before {content:"";width:15px;height:15px;position:absolute;top:2px;left:0;background:#fff}
.content.analysis .sit-map .legend-box .box.box-2 ul li:nth-child(1) label span:before {background:#BD0026}
.content.analysis .sit-map .legend-box .box.box-2 ul li:nth-child(2) label span:before {background:#0068D1}
.content.analysis .sit-map .legend-box .box.box-2 ul li:nth-child(3) label span:before {background:#29ABAE}

/* chat */
.content.chat {display:flex;margin:0 -10px;}
.content.chat .aside {width:16%;padding:35px 10px 0;position:relative;}
.content.chat .aside .header {position:absolute;top:0;left:0;padding:0 10px;}
.content.chat .aside .body {display:flex;margin:0 -10px;}
.content.chat .aside .body .menu-wrap {width:100%;padding:0 10px;}
.content.chat .aside .body .menu-box {height:845px;border:1px solid #475770;background:#2F3B49;}
.content.chat .menu-box ul.menu-list {}
.content.chat .menu-box ul.menu-list li.li-1 {}
.content.chat .menu-box li.li-1 a.a-1 {color:#fff;font-size:18px;font-weight:500;height:110px;display:flex;align-items:center;border-bottom:1px solid #475770;position:relative;padding:0 25px 0 75px;}
.content.chat .menu-box li.li-1 a.a-1:before {content:"";width:60px;position:absolute;top:0;bottom:0;left:15px;background-position:center;background-repeat:no-repeat;}
.content.chat .menu-box li.ico1 a.a-1:before {content:"";background-image:url("/images/ccip/chat/chat_ico_01.svg");}
.content.chat .menu-box li.ico2 a.a-1:before {content:"";background-image:url("/images/ccip/chat/chat_ico_02.svg");}
.content.chat .menu-box li.ico3 a.a-1:before {content:"";background-image:url("/images/ccip/chat/chat_ico_03.svg");}
.content.chat .menu-box li.ico4 a.a-1:before {content:"";background-image:url("/images/ccip/chat/chat_ico_04.svg");}
.content.chat .menu-box li.li-1 a.a-1:after {content:"";position:absolute;top:0;bottom:0;right:25px;width:24px;background:url("/images/ccip/chat/chat_arrow_01.svg") no-repeat center;transition:all .15s;}
.content.chat .menu-box li.li-1 > a.active {background:#29ABAE;}
.content.chat .menu-box li.li-1 > a.active:after {transform:rotate(180deg)}
.content.chat .menu-box li.li-1 ul {background:#151D28;}
.content.chat .menu-box li.li-1 ul.t-1 li {}
.content.chat .menu-box li.li-1 ul.t-1 li a {height:55px;padding:0 25px 0 75px;display:flex;align-items:center;font-size:18px;color:rgba(255,255,255,0.65);}
.content.chat .menu-box li.li-1 ul.t-1 li a:hover {background:#193F48;color:#59D0D3;}
.content.chat .menu-box li.li-1 ul.t-1 li a.on {background:#193F48;color:#59D0D3;}

.content.chat .menu-box li.li-1 ul.t-2 {display:flex;flex-wrap:wrap;padding:5px 3px;}
.content.chat .menu-box li.li-1 ul.t-2 li {width:33.333%;padding:5px;}
.content.chat .menu-box li.li-1 ul.t-2 li a {display:block;text-align:center;height:36px;line-height:34px;font-size:14px;color:rgba(255,255,255,0.65);border:1px solid #475770;border-radius:3px;}
.content.chat .menu-box li.li-1 ul.t-2 li a:hover {background:#FF9750;border:1px solid #FF9750;color:#fff;}
.content.chat .menu-box li.li-1 ul.t-2 li a.on {background:#FF9750;border:1px solid #FF9750;color:#fff;}

.content.chat .menu-box li.li-1 ul.t-3 {padding:5px 3px;}
.content.chat .menu-box li.li-1 ul.t-3 li {padding:5px;}
.content.chat .menu-box li.li-1 ul.t-3 li a {display:flex;height:55px;align-items:center;justify-content:center;flex-direction:column;font-size:14px;color:rgba(255,255,255,0.65);border:1px solid #475770;border-radius:3px;}
.content.chat .menu-box li.li-1 ul.t-3 li a span {}
.content.chat .menu-box li.li-1 ul.t-3 li a:hover {background:#FF9750;border:1px solid #FF9750;color:#fff;}
.content.chat .menu-box li.li-1 ul.t-3 li a.on {background:#FF9750;border:1px solid #FF9750;color:#fff;}

.content.chat .chat-wrap {flex:1;padding:35px 10px 0;}
.content.chat .chat-wrap .chat-inner {height:845px;background:#2F3B49;border:1px solid #475770;display:flex;align-items:center;justify-content:center;}
.content.chat .chat-inner .chat-box {width:1100px;height:670px;padding:45px 70px;background:#fff;border-radius:15px;box-shadow:0 10px 10px -10px rgba(0,0,0,0.15)}
.content.chat .chat-box h3 {font-size:27px;margin-bottom:15px;font-weight:700;margin-bottom:30px;}
.content.chat .chat-box h3 strong {color:#29ABAE;}
.content.chat .chat-box dl {}
.content.chat .chat-box dl dt {height:70px;display:flex;justify-content:space-between;align-items:center;background:#DAF2F3;padding:0 30px;}
.content.chat .chat-box dl dt h5 {color:#29ABAE;font-size:19px;font-weight:700;}
.content.chat .chat-box dl dt label {position:relative;}
.content.chat .chat-box dl dt label input {display:none;}
.content.chat .chat-box dl dt label span {position:absolute;left:-28px;top:-14px;width:28px;height:28px;display:block;background-position:center;background-repeat:no-repeat;background-color:#C2C2C2;background-image:url("/images/ccip/chat/input_check_ico.svg");border-radius:30px;}
.content.chat .chat-box dl dt label input[type="checkbox"]:checked + span {background-color:#29ABAE;}
.content.chat .chat-box dl dd {background:#EFEFEF;padding:20px 30px}
.content.chat .chat-box dl dd h6 {font-size:16px;margin-bottom:5px;}
.content.chat .chat-box dl dd p {font-size:16px;color:#5F646A;letter-spacing:-0.05em;}
.content.chat .chat-box ul {padding:30px;border-bottom:1px solid #E5E5E5;margin-bottom:45px;}
.content.chat .chat-box ul li {padding-left:25px;font-size:16px;position:relative;margin-bottom:10px;}
.content.chat .chat-box ul li span {position:absolute;top:3px;;left:0;display:block;text-align:center;width:20px;height:20px;background:#29ABAE;color:#fff;font-size:12px;font-weight:700;border-radius:30px;}
.content.chat .chat-box button {width:100%;height:68px;border:0;font-size:24px;font-weight:700;color:#fff;background:#29ABAE;border-radius:5px;}

.content.chat .chat-area {height:845px;position:relative;}
.content.chat .chat-area .chat-canvas {height:700px;background:#2F3B49;border:1px solid #475770;border-bottom:0;}
.content.chat .chat-canvas {}
.content.chat .chat-canvas .chat-info {height:700px;display:flex;justify-content:center;align-items:center;}
.content.chat .chat-info .chat-info-inner {text-align:center;}
.content.chat .chat-info-inner h2 {padding:90px 0 45px;font-size:35px;color:#fff;background:url("/images/ccip/chat/chat_ico_05.svg") no-repeat center top,url("/images/ccip/chat/chat_dot.svg") no-repeat center bottom;font-weight:700;margin-bottom:45px;}
.content.chat .chat-info-inner h2 strong {color:#29ABAE;}
.content.chat .chat-info-inner p {font-size:21px;color:#fff;}
.content.chat .chat-info-inner ul {display:flex;justify-content:center;padding-top:45px;gap:50px;}
.content.chat .chat-info-inner ul li {width:220px;height:200px;padding:10px;background:#374350;border-radius:10px;border:1px solid #5D6771;}
.content.chat .chat-info-inner ul li span.ico {height:90px;display:flex;justify-content:center;align-items:center;}
.content.chat .chat-info-inner ul li p {height:90px;font-size:17px;display:flex;justify-content:center;align-items:center;}
.content.chat .chat-canvas .canvas-inner {height:700px;padding:90px 120px;}
.content.chat .canvas-inner .content-section {height:520px;overflow-y:auto;}
.content.chat .content-section .text-content {display:flex;margin-bottom:60px;justify-content:right;}
.content.chat .text-content .paragraph-group {display:inline;padding:45px 60px 45px 120px;background:#29ABAE;border-radius:120px 3px 120px 120px}
.content.chat .text-content .paragraph-group p {font-size:16px;color:#fff;line-height:1.5em;}
.content.chat .text-content .user-icon {margin:0 30px;}
.content.chat .content-section .summary-section {background:url("/images/ccip/chat/chat_cc_logo.svg") no-repeat left 45px center #fff;padding:45px 145px;margin-right:15px;border-radius:3px;}
.content.chat .summary-section p {font-size:16px;line-height:1.5em;}

.content.chat .chat-area .chat-prompt {height:145px;background:#212C39;border:1px solid #475770;border-top:0;}
.content.chat .chat-prompt {display:flex;justify-content:center;align-items:center;}
.content.chat .chat-prompt .prompt-box {width:1330px;height:65px;border:3px solid #29ABAE;border-radius:10px;align-items:center;}
.content.chat .prompt-box {display:flex;justify-content:center;padding:10px 30px;}
.content.chat .prompt-box select {border: 0;background: transparent;font-size:19px;color:#fff;margin-right:15px;}
.content.chat .prompt-box select option {color:#000;}
.content.chat .prompt-box input {flex:1;background:transparent;border:0;font-size:19px;margin-right:15px;color:#fff;}
.content.chat .prompt-box .byte-count {font-size:19px;color:#666;}
.content.chat .prompt-box button {border:0;background:transparent;padding-left:15px;}

.content.chat .chat-area .chat-modal {position:absolute;top:0;bottom:0;left:0;right:0;padding:30px;border:1px solid #9CA5B2;background:#fff;}
.content.chat .chat-area .chat-modal:before {content:"";position:absolute;left:0;right:0;top:0;height:17px;background:#29ABAE}
.content.chat .chat-area .chat-modal .head {position:relative;border-bottom:1px solid #DCDCDC;padding:15px 0 30px;margin-bottom:30px;display:flex;justify-content:right;}
.content.chat .chat-area .chat-modal .head button {background:none;border:0;}
.content.chat .chat-area .chat-modal .body {padding:30px;}
.content.chat .chat-area .chat-modal .body h3 {font-size:35px;margin-bottom:30px;}
.content.chat .chat-area .chat-modal .body h3 strong {color:#29ABAE;}
.content.chat .chat-area .chat-modal .body .img {display:block;text-align:center;}
.content.chat .chat-area .chat-modal .body .img img {width:100%;}

/* develop */
.content.develop {display:flex;margin:0 -10px;}
.content.develop .aside {width:16%;padding:35px 10px 0;position:relative;}
.content.develop .aside .header {position:absolute;top:0;left:0;padding:0 10px;}
.content.develop .aside .body .gnb-wrap {width:100%;}
.content.develop .aside .body .gnb {}
.content.develop .aside .gnb .occ-sit {position:relative;}
.content.develop .aside .gnb .occ-sit h5 {font-size:14px;padding-top:20px;margin-bottom:15px;}
.content.develop .aside .gnb .occ-sit h5.clr-2 {color:#856BFE;}
.content.develop .aside .occ-sit ul.radio-btn li button.on:after {background:#856BFE;}
.content.develop .aside .occ-sit .inquiry-btn {position:absolute;bottom:30px;left:30px;right:30px;background:#856BFE;height:30px;line-height:30px;color:#fff;text-align:center;}
.content.develop .aside ul.gnb-menu li.on:nth-child(1) p {color:#ff0050;}
.content.develop .aside ul.gnb-menu li.on:nth-child(2) p {color:#037cf5;}
.content.develop .aside ul.gnb-menu li.on:nth-child(3) p {color:#FF6700;}
.content.develop .aside ul.gnb-menu li.on:nth-child(4) p {color:#856bfe;}
.content.develop .aside ul.gnb-menu li.on:nth-child(5) p {color:#29abae;}

.content.develop .sit-map {flex-grow:1;padding:35px 10px 0;}

.content.develop .right-cont {width:20%;padding:35px 10px 0;}
.content.develop .right-cont .cont-head {height:65px;}
.content.develop .right-cont .cont-head .cont-inner {display:flex;align-items:center;}
.content.develop .right-cont .cont-head label {font-size:15px;font-weight:500;color:#fff;margin-right:10px;}
.content.develop .right-cont .cont-head select {flex:1;height:45px;font-size:15px;}
.content.develop .right-cont .cont-body {height:calc(100% - 65px);display:flex;flex-direction:column;gap:20px}
.content.develop .right-cont .cont-body .cont-card {height:50%;background:#2F3B49;border:1px solid #475770;padding:30px;}
.content.develop .right-cont .cont-body .cont-card h5 {font-size:16px;padding-bottom:15px;margin-bottom:30px;color:#fff;border-bottom:1px solid #475770;}
.content.develop .right-cont .cont-body .card-item {}
.content.develop .right-cont .cont-body .card-item span.year {display:block;text-align:right;color:#7D8798;font-size:14px;}
.content.develop .right-cont .cont-body .card-item ul {margin-top:15px;height:190px;display:flex;padding:30px 0;background:#fff;border-radius:15px;}
.content.develop .right-cont .cont-body .card-item ul li {width:50%;border-left:1px solid #CFD1D5;}
.content.develop .right-cont .cont-body .card-item ul li:first-child {border-left:0;}
.content.develop .right-cont .cont-body .card-item ul li span {height:75px;display:flex;justify-content:center;align-items:center;}
.content.develop .right-cont .cont-body .card-item ul li p {font-size:30px;text-align:center;font-weight:500;}

/* read-more-box */
.read-more-box {padding:0 30px 30px;border-top:17px solid #29ABAE;position:absolute;top:35px;bottom:0;left:10px;right:10px;background:#fff;z-index:100;}
.read-more-box .head {height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #DCDCDC;}
.read-more-box .head .left {display:flex;}
.read-more-box .head .left select {margin-left:15px;width:175px;height:24px;border:1px solid #DCDCDC;padding:0 5px;}
.read-more-box .head h3 {font-size:22px;font-weight:700;}
.read-more-box .head .close-btn {border:0;background:transparent;}
.read-more-box .cont-area {height:calc(100% - 70px);display:flex;gap:30px;}
.read-more-box .cont-area .cont-box {}
.read-more-box .cont-area .cont-box.w20 {width:20%;}
.read-more-box .cont-area .cont-box.w25 {width:25%;}
.read-more-box .cont-area .cont-box.w40 {width:40%;}
.read-more-box .cont-area .cont-box.w50 {width:50%;}
.read-more-box .cont-area .cont-box.w35 {width:35%;}
.read-more-box .cont-area .cont-box.w65 {width:65%;}
.read-more-box .cont-area .cont-box .inner-box {}
.read-more-box .cont-area .cont-box .inner-box.half {height:50%;}
.read-more-box .cont-area .cont-box .inner-box.full {height:100%;}
.read-more-box .cont-area .cont-box .inner-box h4 {display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:15px;height:70px;font-size:20px;color:#29ABAE;}
.read-more-box .cont-area .cont-box .inner-box h4 strong {position:relative;padding-left:15px;font-weight:700;}
.read-more-box .cont-area .cont-box .inner-box h4 strong:before {content:"";position:absolute;top:8px;left:0;width:6px;height:6px;background:#29ABAE;border-radius:6px;}
.read-more-box .cont-area .cont-box .inner-box h4 span {font-size:12px;color:#5F646A;}
.read-more-box .cont-area .cont-box .inner-box .graph {border:1px solid #DCDCDC;height:calc(100% - 70px);overflow:hidden;}
.read-more-box .cont-area .cont-box .inner-box .table {height:calc(100% - 70px);overflow:hidden;}
.read-more-box .cont-area .cont-box .inner-box .table .tbl-wrap {display:flex;height:100%;}
.read-more-box .cont-area .cont-box .inner-box .table .tbl-wrap table td {text-align:left;padding:5px 15px;}
.read-more-box .cont-area .cont-box .inner-box .list {display:flex;gap:30px;height:100%;}
.read-more-box .cont-area .cont-box .inner-box .list .list-box {width:100%;}
.read-more-box .cont-area .cont-box .inner-box .list .list-box.w50 {width:50%;}
.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list {border:1px solid #DCDCDC;height:calc(100% - 70px);width:100%;}
.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list ul.ul-1 {height:calc(100% - 60px);overflow-y:auto;background:#E2F3F4;border-top:1px solid #29ABAE;border-bottom:1px solid #29ABAE;}
.read-more-box .inner-list ul.ul-1::-webkit-scrollbar-track {background:#AABFBF; /* 트랙의 배경색 */}
.read-more-box .inner-list ul.ul-1::-webkit-scrollbar-thumb {background: #29ABAE; /* 핸들의 배경색 */}
.read-more-box .inner-list ul.ul-1::-webkit-scrollbar-thumb:hover {background: #29ABAE; /* 호버됐을 때 핸들의 배경색 */}
.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list ul.ul-1 li {padding:0 30px;}
.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list ul.ul-1 li:nth-child(even) {background:#fff;}
.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list ul.ul-1 li a {height:70px;display:flex;align-items:center;font-size:16px;}

.read-more-box .cont-area .page-nav {display:flex;justify-content:center;align-items:center;height:60px;gap:5px;line-height:1.5em;background:#E2F3F4;}
.read-more-box .cont-area .page-nav a {display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid #E7E9EA;background:#fff;font-weight:500;}
.read-more-box .cont-area .page-nav span {display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid #29ABAE;background:#29ABAE;color:#fff;font-weight:700;}

/* read-more-box2 */
.read-more-box2 {padding:0 30px 30px;border:1px solid #9CA5B2;border-top:17px solid #29ABAE;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:10;}
.read-more-box2.w80 {width:75%}
.read-more-box2 .mt15 {margin-top:15px;}
.read-more-box2 .mb15 {margin-bottom:15px;}
.read-more-box2 .head {position:relative;height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #DCDCDC;}
.read-more-box2 .head .left {display:flex;align-items:center;}
.read-more-box2 .head .left select {font-size:15px;width:90px;height:35px;border:1px solid #475770;padding:0 5px;}
.read-more-box2 .head .left input {font-size:15px;width:120px;height:35px;padding:0 20px 0 5px;background:url("/images/ccip/sub2/calendar_ico2.svg") no-repeat right 5px center transparent;border:1px solid #475770;}
.read-more-box2 .head .left span.tit {color:#29ABAE;font-size:15px;margin:0 15px;}
.read-more-box2 .head .left span.ct {padding:0 5px;}
.read-more-box2 .head dl {position:relative;margin-right:30px;}
.read-more-box2 .head dl dt {position:relative;font-size:22px;font-weight:700;padding:10px 30px 10px 0;cursor:pointer;}
.read-more-box2 .head dl dt:before {content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);background:url("/images/ccip/sub2/arrow_down.svg") no-repeat center;width:11px;height:7px;}
.read-more-box2 .head dl dd {display:none;position:absolute;top:100%;left:0;width:575px;z-index:10;}
.read-more-box2 .head dl dd ul {padding:15px;background:#F0F8F8;border:1px solid #29ABAE;display:flex;flex-wrap:wrap;gap:20px;}
.read-more-box2 .head dl dd ul li {width:calc(20% - 16px);}
.read-more-box2 .head dl dd ul li a {background:#EAEDEE;border:1px solid #DCDCDC;display:block;padding:10px 0;text-align:center;color:#969696;font-size:14px;font-weight:700;border-radius:30px;}
.read-more-box2 .head dl dd ul li.on a {background:#29ABAE;border:1px solid #29ABAE;color:#fff;}
.read-more-box2 .head dl:hover dd {display:block;}
.read-more-box2 .head .close-btn {border:0;background:transparent;}
.read-more-box2 .head h3 {font-size:22px;font-weight:700;}
.read-more-box2 .head .head-inner {}
.read-more-box2 .head .rm-tab {position:relative;display:flex;justify-content:center;align-items:center;}
.read-more-box2 .head .rm-tab h6 {position:absolute;top:50%;transform:translateY(-50%);left:-115px;color:#29ABAE;font-size:15px;font-weight:500;padding-right:10px;}
.read-more-box2 .head .rm-tab ul {display:flex;justify-content:center;}
.read-more-box2 .head .rm-tab ul li {}
.read-more-box2 .head .rm-tab ul li a {display:flex;justify-content:center;align-items:center;width:130px;height:30px;background:#F0F8F8;border:1px solid #DCDCDC;font-size:14px;color:#888;}
.read-more-box2 .head .rm-tab ul li.on a {background:#29ABAE;border:1px solid #29ABAE;color:#fff;}
.read-more-box2 .head .radio-btn {position:absolute;top:50%;transform:translateY(-50%);right:60px;}
.read-more-box2 .head .radio-btn label {font-size:15px;vertical-align:inherit;margin-left:10px;}
.read-more-box2 .head .radio-btn label input {vertical-align:inherit}
.read-more-box2 .cont-area {}
.read-more-box2 .cont-area h5 {position:relative;font-size:20px;color:#29ABAE;padding:15px 0 15px;padding-left:15px;font-weight:700;}
.read-more-box2 .cont-area h5:before {content:"";position:absolute;left:0;top:22px;width:7px;height:7px;background:#29ABAE;border-radius:15px;}
.read-more-box2 .cont-area h5 strong {color:#000;}
.read-more-box2 .cont-area .graph-box {display:flex;gap:30px;}
.read-more-box2 .cont-area .graph-box .graph {width:50%;}
.read-more-box2 .cont-area .graph {border:1px solid #DCDCDC;}
.read-more-box2 .cont-area .cont-box {display:flex;gap:30px;}
.read-more-box2 .cont-area .cont-box .left {width:60%;}
.read-more-box2 .cont-area .cont-box .left .cate {display:flex;justify-content:space-between;align-items:center;margin-top:15px;}
.read-more-box2 .cont-area .cont-box .left .cate ul {display:flex;border-right:1px solid #DCDCDC;border-top:1px solid #DCDCDC;}
.read-more-box2 .cont-area .cont-box .left .cate ul li {border-left:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;}
.read-more-box2 .cont-area .cont-box .left .cate ul li a {display:block;width:65px;line-height:30px;text-align:center;background:#F0F8F8;color:#888888;font-size:14px;}
.read-more-box2 .cont-area .cont-box .left .cate ul li.on a {background:#29ABAE;color:#fff;}
.read-more-box2 .cont-area .cont-box table .sort {padding-right:10px;background:url("/images/ccip/sub2/sort_ico.svg") no-repeat right center;}
.read-more-box2 .cont-area .cont-box .right {width:40%;display:flex;flex-direction:column;flex:1}
.read-more-box2 .cont-area .cont-box .right .card-wrap {}
.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 {display:flex;flex-wrap:wrap;padding:35px 45px     ;}
.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li {display:flex;width:50%;height:80px;position:relative;align-items:center;}
.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li p {color:#29ABAE;font-size:17px;font-weight:700;flex:1;}
.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li p span {font-size:15px;display:block;color:#000;font-weight:500;}
.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li .num {display:block;text-align:center;width:28px;height:28px;border-radius:30px;background:#29ABAE;color:#fff;font-size:17px;font-weight:700;}
.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li .ico {display:block;width:90px;text-align:center;}
.read-more-box2 .cont-area .cont-box .right .card-wrap .box {background:rgba(41,171,174,0.2);text-align:center;padding:30px 45px;border-radius:30px;}
.read-more-box2 .cont-area .cont-box .right .card-wrap .box h3 {font-size:39px;color:#29ABAE;margin-bottom:30px;font-weight:700;}
.read-more-box2 .cont-area .cont-box .right .card-wrap .box ul.ul-2 {display:flex;}
.read-more-box2 .cont-area .cont-box .right .card-wrap .box ul.ul-2 li {width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.read-more-box2 .cont-area .cont-box .right .card-wrap .box ul.ul-2 li span {display:flex;justify-content:center;align-items:center;width:130px;height:130px;border-radius:100%;background:#fff}
.read-more-box2 .cont-area .cont-box .right .card-wrap .box ul.ul-2 li p {font-size:17px;font-weight:700;margin-top:15px;}
.read-more-box2 .cont-area .cont-tab {display:none;}
.read-more-box2 .cont-area .cont-tab.on {display:block;}
.read-more-box2 .cont-area .tbl-flex {display:flex;gap:30px;}
.read-more-box2 .cont-area .tbl-flex .w50 {width:50%;}
.read-more-box2 .cont-area .tbl-flex .w30 {width:30%;}
.read-more-box2 .cont-area .tbl-flex .w70 {width:70%;}

/* sns modal */
.sns-modal {position:absolute;top:35px;left:10px;right:10px;bottom:0;padding:0 30px;border:1px solid #9CA5B2;background:#fff;}
.sns-modal:before {content:"";position:absolute;left:0;right:0;top:0;height:17px;background:#29ABAE}
.sns-modal .head {position:relative;height:100px;display:flex;justify-content:space-between;}
.sns-modal .head .h-left {display:flex;align-items:center;}
.sns-modal .head .h-left h5 {font-size:22px;margin-right:25px;font-weight:700;}
.sns-modal .head .h-left h5 span {color:#29ABAE;}
.sns-modal .head .h-left input {height:35px;padding-left:15px;padding-right:30px;border:1px solid #475770;background:url("/images/ccip/sub2/calendar_ico3.svg") no-repeat right 5px center transparent;color:#666;font-size:15px;}
.sns-modal .head button {background:none;border:0;}
.sns-modal .body {height:745px;}
.sns-modal .body ul.group-btn {display:flex;height:60px;align-items:flex-start;}
.sns-modal .body ul.group-btn li {width:130px;border-left:1px solid #DCDCDC;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;}
.sns-modal .body ul.group-btn li:last-child {border-right:1px solid #DCDCDC;}
.sns-modal .body ul.group-btn li a {font-size:14px;height:30px;display:flex;justify-content:center;align-items:center;}
.sns-modal .body ul.group-btn li.on a {background:#29ABAE;color:#fff;}
.sns-modal .body .content-wrap {height:calc(100% - 90px);display:flex;gap:30px}
.sns-modal .body .content-sec {height:100%;display:flex;flex-direction:column;gap:30px;}
.sns-modal .body .content-sec.w60 {width:60%;}
.sns-modal .body .content-sec.w40 {width:40%;}
.sns-modal .body .col-box-wrap {display:flex;gap:30px;height:100%;}
.sns-modal .body .col-box-wrap .col-box {}
.sns-modal .body .col-box-wrap .col-box.w70 {width:70%;}
.sns-modal .body .col-box-wrap .col-box.w30 {width:30%;}
.sns-modal .body .col-box-wrap .col-box.w60 {width:60%;}
.sns-modal .body .col-box-wrap .col-box.w40 {width:40%;}
.sns-modal .body .inner-sec {}
.sns-modal .body .inner-sec.h100 {height:100%;}
.sns-modal .body .inner-sec.h50 {height:50%;}
.sns-modal .body .inner-tit {height:35px;display:flex;justify-content:space-between;}
.sns-modal .body .inner-tit h5 {position:relative;font-size:20px;font-weight:700;padding-left:20px;color:#29ABAE;}
.sns-modal .body .inner-tit h5:before {content:"";position:absolute;top:7px;left:5px;width:6px;height:6px;background:#29ABAE;border-radius:6px;}
.sns-modal .body .inner-tit ul.keyword-tab {display:flex;gap:5px;}
.sns-modal .body .inner-tit ul.keyword-tab li {width:67px;}
.sns-modal .body .inner-tit ul.keyword-tab li a {height:27px;display:flex;align-items:center;justify-content:center;background:#F9F9F9;border:1px solid #DCDCDC;color:#666;border-radius:30px;font-weight:500;}
.sns-modal .body .inner-tit ul.keyword-tab li.on a {background:#FF9750;border:1px solid #FF9750;color:#fff;}
.sns-modal .body .inner-tit span.note {padding-top:5px;color:#5F646A;}
.sns-modal .body .inner-content {border:1px solid #DCDCDC;height:calc(100% - 35px)}
.sns-modal .body .inner-content.bg-1 {background:#FEFFF3;}
.sns-modal .body .inner-content.bg-2 {border:1px solid #29ABAE;}
.sns-modal .body .inner-content ul.stats-list {height:100%;padding:15px;display:flex;gap:15px;}
.sns-modal .body .inner-content ul.stats-list li {width:33.3333%;display:flex;flex-direction:column;gap:15px;}
.sns-modal .body .inner-content ul.stats-list li .item-tit {height:20%;display:flex;align-items:center;justify-content:center;}
.sns-modal .body .inner-content ul.stats-list li .item-tit h6 {font-size:17px;text-align:center;}
.sns-modal .body .inner-content ul.stats-list li .item-cate {height:45%;background:#48D1B0;display:flex;align-items:center;justify-content:center;}
.sns-modal .body .inner-content ul.stats-list li .item-cate p {font-size:29px;color:#fff;font-weight:500;}
.sns-modal .body .inner-content ul.stats-list li .item-cate p span.up {color:#FF0000;}
.sns-modal .body .inner-content ul.stats-list li .item-count {height:35%;background:#6EAFEF;display:flex;align-items:center;justify-content:center;}
.sns-modal .body .inner-content ul.stats-list li .item-count p {font-size:26px;color:#fff;font-weight:500;}
.sns-modal .body .trend-wrap {height:100%;}
.sns-modal .body .trend-title {height:35px;}
.sns-modal .body .trend-title h5 {position:relative;font-size:20px;font-weight:700;padding-left:20px;color:#29ABAE;}
.sns-modal .body .trend-title h5:before {content:"";position:absolute;top:7px;left:5px;width:6px;height:6px;background:#29ABAE;border-radius:6px;}
.sns-modal .body .trend-title h5 button {margin-left:5px;font-size:12px;font-weight:500;border:0;border-radius:3px;background:url("/images/ccip/sub2/close_btn_04.svg") no-repeat right 5px center #FF9750;color:#fff;padding:5px 30px 5px 5px;}
.sns-modal .body .trend-wrap .trend-content {height:calc(100% - 35px);}
.sns-modal .body .trend-wrap ul.trend-filter {}
.sns-modal .body .trend-wrap ul.trend-filter {display:flex;height:30px;align-items:flex-start;}
.sns-modal .body .trend-wrap ul.trend-filter li {width:130px;border-left:1px solid #DCDCDC;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;}
.sns-modal .body .trend-wrap ul.trend-filter li:last-child {border-right:1px solid #DCDCDC;}
.sns-modal .body .trend-wrap ul.trend-filter li a {font-size:14px;height:30px;display:flex;justify-content:center;align-items:center;}
.sns-modal .body .trend-wrap ul.trend-filter li.on a {background:#29ABAE;color:#fff;}
.sns-modal .body .trend-board {height:calc(100% - 30px);padding:30px;background:#DCF7F7;border:1px solid #29ABAE;}
.sns-modal .body .trend-list {height:calc(100% - 50px);overflow-y:auto;}
.sns-modal .body ::-webkit-scrollbar {width:3px; /* 스크롤바 너비 */}
.sns-modal .body ::-webkit-scrollbar-track {background:#AABFBF;border-radius:10px; /* 트랙의 배경색 */}
.sns-modal .body ::-webkit-scrollbar-thumb {background: #29ABAE;border-radius:10px; /* 핸들의 배경색 */}
.sns-modal .body ::-webkit-scrollbar-thumb:hover {background: #29ABAE;border-radius:10px; /* 호버됐을 때 핸들의 배경색 */}
.sns-modal .body .trend-list li {position:relative;height:80px;background:#fff;border-radius:5px;margin-bottom:20px;border-radius:10px;margin-right:5px;padding:15px 30px 15px 130px;background-position:left 30px center;background-repeat:no-repeat;}
.sns-modal .body .trend-list.ico-1 li {background-image:url("/images/ccip/sub2/trend_ico_01.svg")}
.sns-modal .body .trend-list.ico-2 li {background-image:url("/images/ccip/sub2/trend_ico_02.svg")}
.sns-modal .body .trend-list li p {font-size:17px;}
.sns-modal .body .trend-list li p strong {color:#29ABAE;font-weight:500;}
.sns-modal .body .trend-list li span {font-size:16px;color:#8A8A8A;}
.sns-modal .body .trend-list li .post-date {font-size:16px;position:absolute;bottom:15px;right:30px;font-weight:300;}

.sns-modal .body .trend-board .page-nav {display:flex;justify-content:center;align-items:flex-end;height:50px;gap:5px;line-height:1.5em;}
.sns-modal .body .trend-board .page-nav a {display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid #E7E9EA;background:#fff;font-weight:500;}
.sns-modal .body .trend-board .page-nav span {display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid #29ABAE;background:#29ABAE;color:#fff;font-weight:700;}
.sns-modal .body .table-container {height:100%;overflow-y:auto;}
.sns-modal .body .table-container table {width:100%;}
.sns-modal .body .table-container table.table-01 {}
.sns-modal .body .table-container table.table-01 th {border-bottom:1px solid #29ABAE;background:#DCF7F7;font-size:16px;padding:10px 0;color:#29ABAE;}
.sns-modal .body .table-container table.table-01 td {text-align:center;border-bottom:1px solid #29ABAE;font-size:16px;padding:10px 0;color:#5F646A;}
.sns-modal .body .table-container table span.up {color:#037CF5}
.sns-modal .body .table-container table span.down {color:#FF0000}
.sns-modal .body .table-container table strong {font-weight:400;}
.sns-modal .body .table-container table strong.up {color:#FF0000}
.sns-modal .body .table-container table strong.down {color:#037CF5}


.error_container {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 200px;
}

.error_box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 800px;
	height: 600px;
	padding: 0 16px 0 20px;
	margin-bottom: 12px;
	border: 1px solid #475770;
	border-radius: 13px;
	background-color: #2f3b49;
	box-sizing: border-box;
}

.error_content {
	width: 500px;
	height: 100%;
}

.error_message_box {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 900;
	font-size: 100px;
	width: 100%;
	height: 100px;
	text-align: center;
	color: #29abae;
	margin-top: 50px;
}

.error_message_content {
	margin-top: 30px;
	width: 100%
}

.error_message_title {
	font-weight: 700;
	font-size: 30px;
	color: #29abae;
	text-align: center;
}

.error_message_text {
	margin-top: 30px;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	text-align: center;
}

.error_btn_content {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 900;
	font-size: 100px;
	width: 100%;
	height: 100px;
	text-align: center;
	color: #ff9750;
	margin-top: 200px;
}

.error_btn_content a {
	height: 34px;
	text-align: center;
	font-weight: 400;
	font-size: 13px;
	line-height: 34px;
	color: #fff;
}

.error_btn_box {
	width: 300px;
	justify-content: center;
	background: #29abae;
	display: flex;
	border-radius: 8px;
	box-sizing: border-box;
}

.error_btn_box a {
	width: 100%;
}

a[title="JavaScript Charts by ZingChart"] {
	display: none !important;
}

#site-info-wrapper {
	position: relative;
}

#infoBox {
	position: absolute;
	display: none;
	width: 150px;
	min-height: 100px;
	height: auto;
	background-color: white;
	flex-direction: column;
	align-items: center;
	font-size: 18px;
}

/* modal-area */
.modal-area {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.7)
}

.modal-area .modal {
	background: #fff;
}

.modal-area .modal.mo-1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 440px;
	height: auto;
	padding: 30px;
	text-align: center;
	border-radius: 15px;
}

.modal-area .modal.mo-1 span.ico {
	display: block;
	margin-bottom: 15px;
}

.modal-area .modal.mo-1 p {
	font-size: 31px;
	font-weight: 700;
	margin-bottom: 10px;
}

.modal-area .modal.mo-1 p strong {
	color: #29abae;
}

.modal-area .modal.mo-1 span.txt {
	display: block;
	color: #afafaf;
	font-size: 17px;
	font-weight: 500;
}

.modal-area .modal.mo-1 .modal-btn-w {
	padding-top: 30px;
	display: flex;
	margin: 0 -5px;
}

.modal-area .modal.mo-1 .modal-btn-w .modal-btn {
	width: 50%;
	padding: 0 5px;
}

.modal-area .modal.mo-1 .modal-btn button {
	display: block;
	border-radius: 5px;
	width: 100%;
	border: 0;
	height: 50px;
	line-height: 50px;
	background: #29abae;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-1 .modal-btn a {
	display: block;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	background: #8699a1;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 440px;
	height: auto;
	padding: 30px;
	text-align: center;
	border-radius: 15px;
}

.modal-area .modal.mo-2 h5 {
	margin-bottom: 15px;
	text-align: left;
}

.modal-area .modal.mo-2 h5 label {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	padding-right: 30px;
	background: url("/images/ccip/admin/modal_ico_02.png") no-repeat right
		top 6px;
	line-height: 30px;
}

.modal-area .modal.mo-2 input {
	width: 100%;
	height: 50px;
	padding: 0 5px;
	font-size: 16px;
	border: 1px solid #2cbbbe;
	background: #f8ffff;
}

.modal-area .modal.mo-2 .modal-btn-w {
	padding-top: 30px;
	display: flex;
	margin: 0 -5px;
}

.modal-area .modal.mo-2 .modal-btn-w .modal-btn {
	width: 50%;
	padding: 0 5px;
}

.modal-area .modal.mo-2 .modal-btn button {
	display: block;
	border-radius: 5px;
	width: 100%;
	border: 0;
	height: 50px;
	line-height: 50px;
	background: #29abae;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-2 .modal-btn a {
	display: block;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	background: #8699a1;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 440px;
	height: auto;
	padding: 30px;
	text-align: center;
	border-radius: 15px;
}

.modal-area .modal.mo-3 h5 {
	margin-bottom: 15px;
	text-align: left;
}

.modal-area .modal.mo-3 h5 label {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	padding-right: 30px;
	background: url("/images/ccip/admin/modal_ico_02.png") no-repeat right
		top 6px;
	line-height: 30px;
}

.modal-area .modal.mo-3 input {
	width: 100%;
	height: 50px;
	padding: 0 5px;
	font-size: 16px;
	border: 1px solid #2cbbbe;
	background: #f8ffff;
	margin-bottom: 15px;
}

.modal-area .modal.mo-3 select {
	width: 100%;
	height: 50px;
	padding: 0 5px;
	font-size: 16px;
	border: 1px solid #2cbbbe;
	background: #f8ffff;
}

.modal-area .modal.mo-3 .modal-btn-w {
	padding-top: 30px;
	display: flex;
	margin: 0 -5px;
}

.modal-area .modal.mo-3 .modal-btn-w .modal-btn {
	width: 50%;
	padding: 0 5px;
}

.modal-area .modal.mo-3 .modal-btn button {
	display: block;
	border-radius: 5px;
	width: 100%;
	border: 0;
	height: 50px;
	line-height: 50px;
	background: #29abae;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-3 .modal-btn a {
	display: block;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	background: #8699a1;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-4 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1150px;
	height: auto;
	border-radius: 15px;
}

.modal-area .modal.mo-4 .top {
	padding: 45px 55px 30px
}

.modal-area .modal.mo-4 .top h2 {
	font-size: 31px;
	font-weight: 700;
}

.modal-area .modal.mo-4 .body {
	background: #efeff6;
	padding: 45px 55px
}

.modal-area .modal.mo-4 .body h3 {
	font-size: 27px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #29abae;
}

.modal-area .modal.mo-4 .body .tbl_wrap table.tbl_02 tbody td a {
	display: inline-block;
	font-size: 14px;
	padding: 5px 30px;
	font-weight: 500;
	color: #fff;
	border-radius: 5px;
}

.modal-area .modal.mo-4 .body .tbl_wrap table.tbl_02 tbody td a.clr-1 {
	background: #037cf5
}

.modal-area .modal.mo-4 .body .pg_wrap .pg_page {
	border: 1px solid #c3c3c3;
	background-color: #fff;
	color: #000;
}

.modal-area .modal.mo-4 .body .pg_wrap .pg_page.on {
	background-color: #29abae;
	border: 1px solid #29abae;
	color: #fff;
}

.modal-area .modal.mo-4 .bottom {
	padding: 45px 350px;
}

.modal-area .modal.mo-4 .modal-btn-w {
	display: flex;
	margin: 0 -5px;
	text-align: center;
}

.modal-area .modal.mo-4 .modal-btn-w .modal-btn {
	width: 50%;
	padding: 0 5px;
}

.modal-area .modal.mo-4 .modal-btn button {
	display: block;
	border-radius: 5px;
	width: 100%;
	border: 0;
	height: 50px;
	line-height: 50px;
	background: #29abae;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-4 .modal-btn a {
	display: block;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	background: #8699a1;
	font-size: 16px;
	color: #fff;
}

.modal-area-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.7)
}

.modal-area .modal.mo-5 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 490px;
	height: auto;
	padding: 45px 30px;
	text-align: center;
	border-radius: 15px;
}

.modal-area .modal.mo-5 dl {
	display: flex;
	justify-content: left;
	align-items: center;
	margin-bottom: 15px;
}

.modal-area .modal.mo-5 dl dt {
	width: 180px;
}

.modal-area .modal.mo-5 dl dd {
	flex-grow: 1;
}

.modal-area .modal.mo-5 h5 {
	text-align: left;
}

.modal-area .modal.mo-5 h5 label {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	padding-right: 30px;
	background: url("/images/ccip/admin/modal_ico_02.png") no-repeat right
		top 6px;
	line-height: 30px;
}

.modal-area .modal.mo-5 input {
	width: 100%;
	height: 50px;
	padding: 0 5px;
	font-size: 16px;
	border: 1px solid #2cbbbe;
	background: #f8ffff;
	text-align: center;
}

.modal-area .modal.mo-5 select {
	width: 100%;
	height: 50px;
	padding: 0 5px;
	font-size: 16px;
	border: 1px solid #2cbbbe;
	background: #f8ffff;
	text-align: center;
}

.modal-area .modal.mo-5 .modal-btn-w {
	padding-top: 30px;
	display: flex;
	margin: 0 -5px;
}

.modal-area .modal.mo-5 .modal-btn-w .modal-btn {
	width: 50%;
	padding: 0 5px;
}

.modal-area .modal.mo-5 .modal-btn button {
	display: block;
	border-radius: 5px;
	width: 100%;
	border: 0;
	height: 50px;
	line-height: 50px;
	background: #29abae;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-5 .modal-btn a {
	display: block;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	background: #8699a1;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-6 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1150px;
	height: auto;
	border-radius: 15px;
}

.modal-area .modal.mo-6 .body {
	position: relative;
	padding: 45px 55px
}

.modal-area .modal.mo-6 .body button {
	position: absolute;
	top: 25px;
	right: 25px;
	border: 0;
	background: none;
}

.modal-area .modal.mo-6 .body h3 {
	font-size: 27px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #29abae;
}

.modal-area .modal.mo-6 .body h3 span {
	font-weight: 400;
	color: #000;
}

.modal-area .modal.mo-6 .body .tbl_wrap table.tbl_02 tbody td a {
	display: inline-block;
	font-size: 14px;
	padding: 5px 30px;
	font-weight: 500;
	color: #fff;
	border-radius: 5px;
}

.modal-area .modal.mo-6 .body .tbl_wrap table.tbl_02 tbody td a.clr-1 {
	background: #037cf5
}

.modal-area .modal.mo-6 .body .pg_wrap .pg_page {
	border: 1px solid #c3c3c3;
	background-color: #fff;
	color: #000;
}

.modal-area .modal.mo-6 .body .pg_wrap .pg_page.on {
	background-color: #29abae;
	border: 1px solid #29abae;
	color: #fff;
}

.modal-area .modal.mo-7 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	height: auto;
	border-radius: 15px;
}

.modal-area .modal.mo-7 .body {
	position: relative;
	padding: 45px 55px 30px
}

.modal-area .modal.mo-7 .body dl {
	display: flex;
	margin-bottom: 30px
}

.modal-area .modal.mo-7 .body dl dt {
	width: 150px;
	line-height: 42px;
}

.modal-area .modal.mo-7 .body dl dt label {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	padding-right: 30px;
	background: url("/images/ccip/admin/modal_ico_02.png") no-repeat right
		top 6px;
	line-height: 30px;
}

.modal-area .modal.mo-7 .body dl dt span {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	padding-right: 30px;
	background: url("/images/ccip/admin/modal_ico_02.png") no-repeat right
		top 6px;
	line-height: 30px;
}

.modal-area .modal.mo-7 .body dl dd {
	flex-grow: 1;
}

.modal-area .modal.mo-7 .body dl dd select {
	width: 260px;
	height: 45px;
	padding: 0 5px;
	font-size: 16px;
	border: 1px solid #2cbbbe;
	background: #f8ffff;
	text-align: center;
}

.modal-area .modal.mo-7 .body dl dd .tbl_wrap {
	padding-right: 5px;
	height: 350px;
	overflow-y: scroll
}

.modal-area .modal.mo-7 .body dl dd .tbl_wrap input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

.modal-area .modal.mo-7 .body dl dd .tbl_wrap td label {
	font-size: 16px;
}

.modal-area .modal.mo-7 .body .tbl_wrap table.tbl_02 tbody td a {
	display: inline-block;
	font-size: 14px;
	padding: 5px 30px;
	font-weight: 500;
	color: #fff;
	border-radius: 5px;
}

.modal-area .modal.mo-7 .body .tbl_wrap table.tbl_02 tbody td a.clr-1 {
	background: #037cf5
}

.modal-area .modal.mo-7 .body .pg_wrap .pg_page {
	border: 1px solid #c3c3c3;
	background-color: #fff;
	color: #000;
}

.modal-area .modal.mo-7 .body .pg_wrap .pg_page.on {
	background-color: #29abae;
	border: 1px solid #29abae;
	color: #fff;
}

.modal-area .modal.mo-7 .modal-btn-w {
	padding: 20px 180px;
	display: flex;
	margin: 0 -5px;
}

.modal-area .modal.mo-7 .modal-btn-w .modal-btn {
	width: 50%;
	padding: 0 5px;
}

.modal-area .modal.mo-7 .modal-btn button {
	display: block;
	border-radius: 5px;
	width: 100%;
	border: 0;
	height: 50px;
	line-height: 50px;
	background: #29abae;
	font-size: 16px;
	color: #fff;
}

.modal-area .modal.mo-7 .modal-btn a {
	display: block;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	background: #8699a1;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

<!--
상권분석  -->.tbl .tbl-01 {
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.tbl .tbl-01 thead {
	
}

.tbl .tbl-01 thead th {
	padding: 10px 0;
	text-align: center;
	background: #29ABAE;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
}

.tbl .tbl-01 tbody th {
	position: relative;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.tbl .tbl-01 tbody td {
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
}

.tbl .tbl-01 tbody td:nth-child(4) {
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
}

.tbl .tbl-01 tbody tr th:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 15px;
	height: 15px;
	border-radius: 30px;
}

.tbl .tbl-01 tbody tr:nth-child(1) th:before {
	background: #3688BF
}

.tbl .tbl-01 tbody tr:nth-child(2) th:before {
	background: #38A3A5
}

.tbl .tbl-01 tbody tr:nth-child(3) th:before {
	background: #53CA97
}

.tbl .tbl-01 tbody tr:nth-child(4) th:before {
	background: #80ED99
}

.tbl .tbl-01 tbody tr:nth-child(5) th:before {
	background: #C7F9CC
}

.tbl .tbl-01 tbody tr:nth-child(6) th:before {
	background: #C8D3FA
}

.tbl .tbl-01 tbody tr:nth-child(7) th:before {
	background: #60A4D2
}

.tbl .tbl-01 tbody tr:nth-child(8) th:before {
	background: #7C73D4
}

.tbl .tbl-01 span.up {
	color: #FF9750
}

.tbl .tbl-01 span.down {
	color: #259C9E
}

<!--
상세보기 버튼 -->
	/* .detail-area div h4 {display: flex;justify-content: space-between;font-size: 16px;letter-spacing: -0.05em;padding-bottom: 15px;margin-bottom: 30px;color: #fff;border-bottom: 1px solid #475770;}
.card-1 h4 a { font-size: 12px; padding: 2px 5px; background: #037CF5; color: #fff; border-radius: 10px;}
.card-2 h4 a { font-size: 12px; padding: 2px 5px; background: #037CF5; color: #fff; border-radius: 10px;}
 */ <!--상세보기 팝업 1,2 --> /* read-more-box */ .read-more-box {
	padding: 0 30px 30px;
	border-top: 17px solid #29ABAE;
	position: absolute;
	top: 35px;
	bottom: 0;
	left: 10px;
	right: 10px;
	background: #fff;
	z-index: 100;
}

.read-more-box .head {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #DCDCDC;
}

.read-more-box .head .left {
	display: flex;
}

.read-more-box .head .left select {
	margin-left: 15px;
	width: 175px;
	height: 24px;
	border: 1px solid #DCDCDC;
	padding: 0 5px;
}

.read-more-box .head h3 {
	font-size: 22px;
	font-weight: 700;
}

.read-more-box .head .close-btn {
	border: 0;
	background: transparent;
}

.read-more-box .cont-area {
	height: calc(100% - 70px);
	display: flex;
	gap: 30px;
}

.read-more-box .cont-area .cont-box {
	
}

.read-more-box .cont-area .cont-box.w20 {
	width: 20%;
}

.read-more-box .cont-area .cont-box.w25 {
	width: 25%;
}

.read-more-box .cont-area .cont-box.w40 {
	width: 40%;
}

.read-more-box .cont-area .cont-box.w50 {
	width: 50%;
}

.read-more-box .cont-area .cont-box.w35 {
	width: 35%;
}

.read-more-box .cont-area .cont-box.w65 {
	width: 65%;
}

.read-more-box .cont-area .cont-box .inner-box {
	
}

.read-more-box .cont-area .cont-box .inner-box.half {
	height: 50%;
}

.read-more-box .cont-area .cont-box .inner-box.full {
	height: 100%;
}

.read-more-box .cont-area .cont-box .inner-box h4 {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 15px;
	height: 70px;
	font-size: 20px;
	color: #29ABAE;
}

.read-more-box .cont-area .cont-box .inner-box h4 strong {
	position: relative;
	padding-left: 15px;
	font-weight: 700;
}

.read-more-box .cont-area .cont-box .inner-box h4 strong:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #29ABAE;
	border-radius: 6px;
}

.read-more-box .cont-area .cont-box .inner-box h4 span {
	font-size: 12px;
	color: #5F646A;
}

.read-more-box .cont-area .cont-box .inner-box .graph {
	border: 1px solid #DCDCDC;
	height: calc(100% - 70px);
	overflow: hidden;
}

.read-more-box .cont-area .cont-box .inner-box .table {
	height: calc(100% - 70px);
	overflow: hidden;
}

.read-more-box .cont-area .cont-box .inner-box .table .tbl-wrap {
	display: flex;
	height: 100%;
}

.read-more-box .cont-area .cont-box .inner-box .table .tbl-wrap table td
	{
	text-align: left;
	padding: 5px 15px;
}

.read-more-box .cont-area .cont-box .inner-box .list {
	display: flex;
	gap: 30px;
	height: 100%;
}

.read-more-box .cont-area .cont-box .inner-box .list .list-box {
	width: 100%;
}

.read-more-box .cont-area .cont-box .inner-box .list .list-box.w50 {
	width: 50%;
}

.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list
	{
	border: 1px solid #DCDCDC;
	height: calc(100% - 70px);
	width: 100%;
}

.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list ul.ul-1
	{
	height: calc(100% - 60px);
	overflow-y: auto;
	background: #E2F3F4;
	border-top: 1px solid #29ABAE;
	border-bottom: 1px solid #29ABAE;
}

.read-more-box .inner-list ul.ul-1::-webkit-scrollbar-track {
	background: #AABFBF;
	/* 트랙의 배경색 */
}

.read-more-box .inner-list ul.ul-1::-webkit-scrollbar-thumb {
	background: #29ABAE;
	/* 핸들의 배경색 */
}

.read-more-box .inner-list ul.ul-1::-webkit-scrollbar-thumb:hover {
	background: #29ABAE;
	/* 호버됐을 때 핸들의 배경색 */
}

.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list ul.ul-1 li
	{
	padding: 0 30px;
}

.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list ul.ul-1 li:nth-child(even)
	{
	background: #fff;
}

.read-more-box .cont-area .cont-box .inner-box .list .list-box .inner-list ul.ul-1 li a
	{
	height: 70px;
	display: flex;
	align-items: center;
	font-size: 16px;
}

.read-more-box .cont-area .page-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	gap: 5px;
	line-height: 1.5em;
	background: #E2F3F4;
}

.read-more-box .cont-area .page-nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid #E7E9EA;
	background: #fff;
	font-weight: 500;
}

.read-more-box .cont-area .page-nav span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid #29ABAE;
	background: #29ABAE;
	color: #fff;
	font-weight: 700;
}

/* read-more-box2 */
.read-more-box2 {
	padding: 0 30px 30px;
	border: 1px solid #9CA5B2;
	border-top: 17px solid #29ABAE;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	z-index: 10;
	overflow: auto;
}

.read-more-box2.w80 {
	width: 75%
}

.read-more-box2 .head {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #DCDCDC;
	background-color: #fff; /* 스크롤시 배경색을 유지 */
	position: sticky;
	top: 0;
	z-index: 10;
}

.read-more-box2 .head .left {
	display: flex;
	align-items: center;
}

.read-more-box2 .head .left select {
	font-size: 15px;
	width: 90px;
	height: 35px;
	border: 1px solid #475770;
	padding: 0 5px;
	color: black;
}

.read-more-box2 .head .left input {
	font-size: 15px;
	width: 120px;
	height: 35px;
	padding: 0 20px 0 5px;
	background: url("/images/ccip/sub2/calendar_ico2.svg") no-repeat right
		5px center transparent;
	border: 1px solid #475770;
}

.read-more-box2 .head .left span.tit {
	color: #29ABAE;
	font-size: 15px;
	margin: 0 15px;
}

.read-more-box2 .head .left span.ct {
	padding: 0 5px;
}

.read-more-box2 .head dl {
	position: relative;
	margin-right: 30px;
}

.read-more-box2 .head dl dt {
	position: relative;
	font-size: 22px;
	font-weight: 700;
	padding: 10px 30px 10px 0;
	cursor: pointer;
}

.read-more-box2 .head dl dt:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("/images/ccip/sub2/arrow_down.svg") no-repeat center;
	width: 11px;
	height: 7px;
}

.read-more-box2 .head dl dd {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 575px;
	z-index: 10;
}

.read-more-box2 .head dl dd ul {
	padding: 15px;
	background: #F0F8F8;
	border: 1px solid #29ABAE;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.read-more-box2 .head dl dd ul li {
	width: calc(20% - 16px);
}

.read-more-box2 .head dl dd ul li a {
	background: #EAEDEE;
	border: 1px solid #DCDCDC;
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #969696;
	font-size: 14px;
	font-weight: 700;
	border-radius: 30px;
}

.read-more-box2 .head dl dd ul li.on a {
	background: #29ABAE;
	border: 1px solid #29ABAE;
	color: #fff;
}

.read-more-box2 .head dl:hover dd {
	display: block;
}

.read-more-box2 .head .close-btn {
	border: 0;
	background: transparent;
}

.read-more-box2 .cont-area {
	
}

.read-more-box2 .cont-area h5 {
	position: relative;
	font-size: 20px;
	color: #29ABAE;
	padding: 15px 0 15px;
	padding-left: 15px;
	font-weight: 700;
}

.read-more-box2 .cont-area h5:before {
	content: "";
	position: absolute;
	left: 0;
	top: 22px;
	width: 7px;
	height: 7px;
	background: #29ABAE;
	border-radius: 15px;
}

.read-more-box2 .cont-area h5 strong {
	color: #000;
}

.read-more-box2 .cont-area h5.mt15 {
	margin-top: 15px;
}

.read-more-box2 .cont-area .graph {
	/* border: 1px solid #DCDCDC; */
	
}

.read-more-box2 .cont-area .cont-box {
	display: flex;
	gap: 30px;
}

.read-more-box2 .cont-area .cont-box .left {
	width: 60%;
}

.read-more-box2 .cont-area .cont-box .left .cate {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}

.read-more-box2 .cont-area .cont-box .left .cate ul {
	display: flex;
	border-right: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
}

.read-more-box2 .cont-area .cont-box .left .cate ul li {
	border-left: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}

.read-more-box2 .cont-area .cont-box .left .cate ul li a {
	display: block;
	width: 65px;
	line-height: 30px;
	text-align: center;
	background: #F0F8F8;
	color: #888888;
	font-size: 14px;
}

.read-more-box2 .cont-area .cont-box .left .cate ul li.on a {
	background: #29ABAE;
	color: #fff;
}

.read-more-box2 .cont-area .cont-box table .sort {
	padding-right: 10px;
	background: url("/images/ccip/sub2/sort_ico.svg") no-repeat right center;
}

.read-more-box2 .cont-area .cont-box .right {
	width: 40%;
	display: flex;
	flex-direction: column;
	flex: 1
}

.read-more-box2 .cont-area .cont-box .right .card-wrap {
	
}

.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 {
	display: flex;
	flex-wrap: wrap;
	padding: 35px 45px;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li {
	display: flex;
	width: 50%;
	height: 80px;
	position: relative;
	align-items: center;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li p {
	color: #29ABAE;
	font-size: 17px;
	font-weight: 700;
	flex: 1;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li p span
	{
	font-size: 15px;
	display: block;
	color: #000;
	font-weight: 500;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li .num {
	display: block;
	text-align: center;
	width: 28px;
	height: 28px;
	border-radius: 30px;
	background: #29ABAE;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap ul.ul-1 li .ico {
	display: block;
	width: 90px;
	text-align: center;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap .box {
	background: rgba(41, 171, 174, 0.2);
	text-align: center;
	padding: 30px 45px;
	border-radius: 30px;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap .box h3 {
	font-size: 39px;
	color: #29ABAE;
	margin-bottom: 30px;
	font-weight: 700;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap .box ul.ul-2 {
	display: flex;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap .box ul.ul-2 li {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.read-more-box2 .cont-area .cont-box .right .card-wrap .box ul.ul-2 li span
	{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 130px;
	height: 130px;
	border-radius: 100%;
	background: #fff
}

.read-more-box2 .cont-area .cont-box .right .card-wrap .box ul.ul-2 li p
	{
	font-size: 17px;
	font-weight: 700;
	margin-top: 15px;
}

.modal-popup-3 {
	position: absolute;
	width: 770px;
	top: 30px;
	left: 30px;
	border: 1px solid #9ca5b2;
	padding: 0 20px 20px;
}

.modal-popup-3 .tag-group {
	padding: 10px 0;
	border-bottom: 2px solid #ededed;
}

.modal-popup-3 .tag-group span {
	position: relative;
	font-size: 18px;
	display: inline-block;
}

.modal-popup-3 .tag-group span em {
	font-style: normal;
	font-size: 12px;
	margin-left: 10px;
}

.modal-popup-3 .tag-group span strong {
	
}

.modal-popup-3 .tag-group .clr-1 {
	color: #ff0050;
}

.modal-popup-3 .tag-group .clr-2 {
	color: #29abae;
}

.modal-popup-3 .tag-group button {
	float: right;
	background: none;
	border: 0;
}

.modal-popup-3 .details {
	padding: 10px 0 0;
}

.modal-popup-3 .details table {
	font-size: 14px;
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

.modal-popup-3 .details table th {
	background: #bbd8d8;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	text-align: left;
	padding: 5px 15px;
}

.modal-popup-3 .details table td {
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	padding: 5px 15px;
}

.tbl-wrap table.tbl-02 {
	width: 100%;
}

.tbl-wrap table.tbl-02 thead {
	
}

.tbl-wrap table.tbl-02 thead th {
	height: 30px;
	font-size: 18px;
	color: #151D28;
	background: #29ABAE;
	padding: 10px 0;
}

.tbl-wrap table.tbl-02 thead th:first-child {
	border-radius: 10px 0 0 10px;
}

.tbl-wrap table.tbl-02 thead th:last-child {
	border-radius: 0 10px 10px 0;
}

.tbl-wrap table.tbl-02 thead th span {
	display: block;
	border-left: 1px solid #475770
}

.tbl-wrap table.tbl-02 thead th:first-child span {
	border-left: 0;
}

.tbl-wrap table.tbl-02 tbody td {
	height: 30px;
	font-size: 18px;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #475770;
}

.tbl-wrap table.tbl-02 tbody td span {
	display: block;
	border-left: 1px solid #475770;
	padding: 0 15px;
}

.tbl-wrap table.tbl-02 tbody td:first-child span {
	border-left: 0;
}

.tbl-wrap table.tbl-02 tbody td span strong {
	border-radius: 10px;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px;
}

/* .tbl-wrap table.tbl-02 tbody td span strong.clr-1 {
	border-color: #FF9750;
	color: #FF9750
}

.tbl-wrap table.tbl-02 tbody td span strong.clr-2 {
	border-color: #75E7E9;
	color: #75E7E9
} */

.tbl-wrap table.tbl-03 {
	width: 100%;
	border: 1px solid #DCDCDC;
	border-bottom: 0;
}

.tbl-wrap table.tbl-03 tbody th {
	font-size: 14px;
	color: #000;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
	background: #BBD8D8;
}

.tbl-wrap table.tbl-03 tbody td {
	font-size: 14px;
	color: #5F646A;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
}

.tbl-wrap table.tbl-04 {
	width: 100%;
	border: 1px solid #475770;
	border-bottom: 0;
}

.tbl-wrap table.tbl-04 tbody th {
	font-size: 13px;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	background: #29ABAE;
}

.tbl-wrap table.tbl-04 tbody td {
	font-size: 15px;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #475770;
}

.tbl-wrap table.tbl-04 tbody td span.up {
	color: #FF9750;
}

.tbl-wrap table.tbl-04 tbody td span.down {
	color: #259C9E;
}

.tbl-wrap table.tbl-05 {
	width: 100%;
	border: 1px solid #475770;
	border-top: 0;
	border-bottom: 0;
}

.tbl-wrap table.tbl-05 tbody th {
	font-size: 13px;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	background: #008589;
}

.tbl-wrap table.tbl-05 tbody td {
	font-size: 11px;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	border-left: 1px solid #475770;
	border-bottom: 1px solid #475770;
}

.tbl-wrap table.tbl-05 tbody td span.up {
	color: #FF9750;
}

.tbl-wrap table.tbl-05 tbody td span.down {
	color: #259C9E;
}

.tbl-wrap table.tbl-06 {
	width: 100%;
	border: 1px solid #475770;
	border-bottom: 0;
	margin-bottom: 15px;
}

.tbl-wrap table.tbl-06 th {
	font-size: 11px;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, 0.35);
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	background: #29ABAE;
}

.tbl-wrap table.tbl-06 th:first-child {
	border-left: 0;
}

.tbl-wrap table.tbl-06 td {
	font-size: 11px;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	border-left: 1px solid #475770;
	border-bottom: 1px solid #475770;
}

.tbl-wrap table.tbl-06 td span.up {
	color: #FF9750;
}

.tbl-wrap table.tbl-06 td span.down {
	color: #259C9E;
}

.tbl-wrap table.tbl-07 {
	width: 100%;
	border: 1px solid #475770;
	border-bottom: 0;
	margin-bottom: 15px;
}

.tbl-wrap table.tbl-07 th {
	font-size: 12px;
	color: #fff;
	padding: 10px 5px;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	background: #29ABAE;
}

.tbl-wrap table.tbl-07 td {
	font-size: 11px;
	color: #fff;
	padding: 10px 5px;
	text-align: center;
	border-bottom: 1px solid #475770;
}

.tbl-wrap table.tbl-07 td span.up {
	color: #FF9750;
}

.tbl-wrap table.tbl-07 td span.down {
	color: #259C9E;
}

.tbl-wrap table.tbl-08 {
	width: 100%;
	border: 1px solid #DCDCDC;
	border-left: 0;
	border-bottom: 0;
	margin-bottom: 15px;
}

.tbl-wrap table.tbl-08 thead th {
	font-size: 14px;
	color: #000;
	padding: 10px 5px;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #FFFFFF;
	background: #BBD8D8;
}

.tbl-wrap table.tbl-08 thead th:first-child {
	border-left: 0;
}

.tbl-wrap table.tbl-08 tbody th {
	font-size: 14px;
	color: #000;
	padding: 10px 5px;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
}

.tbl-wrap table.tbl-08 tbody td {
	font-size: 14px;
	color: #000;
	padding: 10px 5px;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
}

.tbl-wrap table.tbl-09 {
	width: 100%;
	border: 1px solid #DCDCDC;
	border-left: 0;
	border-bottom: 0;
}

.tbl-wrap table.tbl-09 thead th {
	font-size: 14px;
	color: #000;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #FFFFFF;
	background: #BBD8D8;
}

.tbl-wrap table.tbl-09 thead th:first-child {
	border-left: 0;
}

.tbl-wrap table.tbl-09 tbody {
	max-height: 400px;
	overflow-y: scroll;
	width: 100%;
}

.tbl-wrap table.tbl-09 tbody th {
	font-size: 14px;
	color: #000;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
}

.tbl-wrap table.tbl-09 tbody td {
	font-size: 14px;
	color: #5F646A;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	font-weight: 500;
}

.tbl-wrap table.tbl-09 tbody td span.up {
	color: #FF0000
}

.tbl-wrap table.tbl-09 tbody td span.down {
	color: #037CF5
}

.searchButton {
	font-size: 13px;
	padding: 6px;
	background: #29ABAE;
	border: none;
	color: white;
	margin: 10px;
	border-radius: 10px;
}

.searchButtonMain {
	font-size: 10px;
	padding: 4px;
	background: #037CF5;
	border: none;
	color: white;
	position:absolute;
	top:295px;
	right:35px;
	/* border-radius: 10px; */
}

.calendar input[type='text'] {
	width: 75px;
	height: 30px;
	padding: 0 20px 0 5px;
	background: url('/images/ccip/sub2/calendar_ico.svg') no-repeat right
		5px center transparent;
	border: 1px solid #475770;
	color: #fff;
}



/* 상권정보 css */
.control-box {
    width: 400px;
    padding: 30px;
    background: #2F3B49;
    position: absolute;
    top: 50px;
    left: 450px;
    display:none;
    z-index:2;
}


.control-box h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px;
}
.control-box ul {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    border-top: 1px solid #4B555D;
    border-bottom: 1px solid #4B555D;
}
.control-box ul li {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0;
}
.control-box ul li span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 67px;
    height: 67px;
    border-radius: 100%;
    background: #424D59;
    margin-bottom: 5px;
    cursor: pointer;
}

.control-box ul li.on span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 67px;
    height: 67px;
    border-radius: 100%;
    background:#29ABAE;
    margin-bottom: 5px;
    cursor: pointer;
}

.control-box ul li:hover span {
    opacity: 0.6;
}

.control-box ul li span img {
    opacity: 0.5
}
.control-box ul li.on span img {
    opacity: 1
}
.control-box ul li p {
    font-size: 13px;
    color: #fff;
    font-weight: 700;
}
.control-box .select-box {
    padding-top: 15px;
    display: flex;
    justify-content: right;
}

.control-box .select-box span {
	display: flex;
    align-items: center;
    font-size: 15px;
    color: #fff;
    margin-right: 10px;
}
.control-box .select-box select {
    font-size: 15px;
    width: 175px;
    height: 35px;
    border: 1px solid #707070;
    background: transparent;
    color: #fff;
    padding: 0 5px;
}
.control-box .select-box select option {
    color: #000;
}

/* 상권 분석 지역 검색 모달창 css  */

.tbl-wrapPop {
    position: absolute;
    top: 50px;
    right: 220px;
    padding: 30px;
    width: 410px;
    height: 500px;
    border: 1px solid #9CA5B2;
    background: #fff;
    display:none;
    z-index:2;
    overflow:auto;
}

.tbl-wrapPop:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 17px;
    background: #29ABAE
}

.tbl-wrapPop .head {
    position: relative;
    border-bottom: 1px solid #DCDCDC;
    padding: 15px 0 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

.tbl-wrapPop .head h5 {
    font-size: 22px;
    font-weight: 500;
}

.tbl-wrapPop .head button {
    background: none;
    border: 0;
}

.tbl-wrapPop .body {
}

.tbl-wrapPop .body fieldset {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.tbl-wrapPop .body fieldset label {
    position: relative;
    display: block;
    width: 100%;
}

.tbl-wrapPop .body fieldset label span {
    font-size: 15px;
    position: absolute;
    top: 6px;
    left: 15px;
    bottom: 6px;
    color: #29ABAE;
    padding-right: 15px;
    border-right: 1px solid #29ABAE;
}

.tbl-wrapPop .body fieldset label input {
    font-size: 15px;
    padding: 0 5px 0 75px;
    width: 100%;
    height: 35px;
    border: 1px solid #29ABAE;
}

.tbl-wrapPop .body fieldset button {
    width: 35px;
    height: 35px;
    border: 0;
    background: #29ABAE;
    border-radius: 3px;
    margin-left: 3px;
}

.tbl-wrapPop .body ul {
    border-top: 1px solid #DCDCDC;
    height:250px;
    overflow:auto;
}

.tbl-wrapPop .body ul li {
    border-bottom: 1px solid #DCDCDC;
}

.tbl-wrapPop .body ul li:hover {
    background: #D0EDED;
}

.tbl-wrapPop .body ul li a {
    font-size: 15px;
    display: block;
    padding: 5px 15px;
}

.tbl-wrapPop input[type="text"]:focus{
	outline:none;
	box-shadow:none;
}

.compare-btn {
    display: block;
    position: fixed;
    right: 255px;
    top: 490px;
    padding: 10px 20px;
    background-color: #29ABAE;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.tbl-wrapPop .result-item label{
	font-size: 15px;
	padding: 5px 15px;
	display:block;
}

.tbl-wrapPop .result-item input{
	margin-right: 5px;
}

/* 이벤트 찾기 팝업 */
.respopup_wrap {
    width: 400px;
    height: 100px;
    position: absolute;
    border: 1px solid #cacaca;
    background: #2f3b49;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.respopup_wrap .font{
	font-family: 'RIASANS', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 36px;
}