@charset "UTF-8";

/*버튼*/
button[class^=btn] {
	cursor:pointer;
}
.btnSearch {
	width:45px;
	height:45px;
	background:url(/images/sp/iconSearch.png) no-repeat center center / 20px, #F9217B;
}
.btnMoveTo a {
	color:#F9217B;
}
.btnMoveTo:hover a {
	text-decoration:underline;
}
.btnDetails {
	width:30px;
	height:30px;
	background:url(/images/sp/stats/iconDetails.svg) no-repeat center center / contain;
}
.btnGray {
    width:90px;
    height:35px;
    background:#888;
    color:#fff;
    font-size:16px;
    line-height:35px;
    cursor:pointer;
    margin-top:1rem;
    text-align:center;
}
.btnOrange {
    width:90px;
    height:35px;
    background:orange;
    color:#fff;
    font-size:16px;
    line-height:35px;
    cursor:pointer;
    margin-top:1rem;
    text-align:center;
}
.btnGreen {
    width:90px;
    height:35px;
    background:#33af77;
    color:#fff;
    font-size:16px;
    line-height:35px;
    cursor:pointer;
    margin-top:1rem;
    text-align:center;
}
.btnViewMore {
	width:90px;
	height:40px;
	text-align:center;
	font-size:16px;
	background:#fff;
	border:1px solid #ccc;
	transition:.3s;
}
.btnViewMore a {
    display: flex;
   	align-items: center;
    justify-content: center;
	line-height:32px;
}
.btnViewMore span {
	font-size:20px;
	padding-right:0.5rem;
}
.btnViewMore:hover {
	background:#262626;
}
.btnViewMore:hover a,
.btnViewMore:hover a span {
	color:#fff;
}
.btnLike {
	width:30px;
	height:30px;
	background:url(/images/sp/stats/btnLikeBlank.svg) no-repeat center center / contain;
}
.btnLike.active {
	background:url(/images/sp/stats/btnLikeChecked.svg) no-repeat center center / contain;
}
.btnDateSearch {
	width:35px;
	height:35px;
	background:url(/images/sp/iconSearch.png) no-repeat center center / 16px, #03a9f4;
}
.goLink:hover {
	color:#F9217B;
}
.goLink:after {
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	background:url(/images/sp/stats/iconNewWindow.svg) no-repeat center center / contain;
	margin: 0 0 -3px 5px;
}
/*리스트 게시판*/
.listTable {
	width:100%;
}
.listTable thead th {
	padding:1rem 0.5rem;
	background:#f5f5f5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.listTable tbody tr {
	border-bottom:1px solid #ccc;
}
.listTable tbody td {
	padding:1rem 0.5rem;
	text-align:center;
}
.listTable tbody tr:hover td a {
	text-decoration:underline;
}
.tableBox {
	overflow:auto;
}
.tableBox::-webkit-scrollbar {
	height:6px;
}
.pinkTable thead th {
	background:#fff1f7;
	color:#8d395c;
	white-space:nowrap;
}
.pinkTable tbody td {
	white-space:nowrap;
}
/*공통*/
.contWrap:not(.main) {
	max-width:1440px;
	width:100%; 
	margin:100px auto 0;
	padding:1rem 0.5rem;
}
.contWrap:not(.main) .contentBox {
	margin-bottom:2.75rem;
}
.flex1780 {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.flex1780 > div:first-child {
	width:17%;
}
.flex1780 > div:last-child {
	width:80%;
}
.contWrap .titleBox {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:2rem;
}
.contWrap .titleBox > .subSbjt {
	font-size:32px; 
	color:#262626;
	font-weight:bold;
}
.subSbjt {
	position:relative;
	line-height:1;
}
.subSbjt:before {
	content:"";
	display:inline-block;
	width:4px;
	height:32px;
	background:#F9217B;
	margin:0 5px -3px 0;
}
.tableSbjt {
	font-size:18px;
	font-weight:bold;
	margin-bottom:0.25rem;
}
.tableSbjt:before {
	content:"";
	display:inline-block;
	width:3px;
	height:18px;
	background:#F9217B;
	margin:0 3px -2px 0;
}
.locationBox {
	display:flex;
	align-items:center;
	justify-content:flex-end;
} 
.locationBox a,
.locationBox p {
	margin-left:0.5rem;
	display:block;
	color:#676767;
}
.locationBox p {
	transform:scaleX(.6);
}
.locationBox a img {
	height:20px;
	display:block;
}
.pink {
	color:#F9217B;
	font-weight:bold;
}

/*팝업 공통*/
.mask {
	position:fixed;
	top:80px;
	left:0;
	width:100%;
	height:calc(100% - 80px);
	background:rgba(0, 0, 0, .3);
	backdrop-filter:blur(4px);
	z-index:10;
	display:none;
}
.dim {
	position:fixed;
	top:80px;
	left:0;
	width:100%;
	height:calc(100% - 80px);
	background:rgba(0, 0, 0, .3);
	backdrop-filter:blur(4px);
	z-index:10;
	display:block;
}
.popWrap {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:800px;
	width:100%;
	box-shadow:0 0 15px 0 rgba(0, 0, 0, .15);
	z-index:10;
	display:none;
}
.popWrap .popHeader {
	display:flex;
	justify-content:space-between;
	padding:0.75rem 1.25rem;
	background:#F9217B;
}
.popWrap .popHeader h4 {
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
.popWrap .popHeader .btnCls {
	width:28px;
	height:28px;
	color:#fff;
	background:#bf2666;
	border-radius:50%;
	line-height:24px;
}
.popWrap .popBody {
	background:#fff;
	padding:1rem;
} 
.popWrap .popBody .graphBox {
	padding:0.5rem 0.75rem 0.75rem 0.75rem;
	border:1px solid #ccc;
	border-radius:0 15px;
}
.popWrap .popBody .graphBox .popTitle {
	position:relative;
	display:flex;
	justify-content:space-between;
}
.popWrap .popBody .graphBox .popTitle h5 {
	position:relative;
	font-size:20px;
	font-weight:bold;
}
.popWrap .popBody .graphBox .popTitle h5:before {
	content:"";
	position:absolute;
	top:-7px;
	left:4px;
	width:6px;
	height:6px;
	background:#F9217B;
	border-radius:50%;
}
.popWrap .popBody .graphBox .popTitle h5:after {
	content:"";
	position:absolute;
	top:-7px;
	left:13px;
	width:6px;
	height:6px;
	background:#888;
	border-radius:50%;
}
.popWrap .popBody .graphBox .popTitle .dateBox {
	display:flex;
	margin:0 0.5rem;
}
.popWrap .popBody .graphBox .dateBox input[type=text] {
	height:35px; 
	padding:0 0.5rem;
	background:url(/images/sp/iconDate.svg) no-repeat 96% center / 14px;
	border:1px solid #ccc;
}
.popWrap .popBody .utilBox {
	display:flex;
	justify-content:flex-end;
}
.popWrap .popBody .utilBox > p {
	margin-left:0.5rem;
}
.popWrap .popBody .quickLink {
	font-family:'NotosansKr', sans-serif;
	background:#fff5fb;
	color:#F9217B;
	margin-right:0.5rem;
	padding:0.25rem 1rem;
	border-radius:5px;
	transition:.3s;
}
.popWrap .popBody .quickLink:after {
	content:"";
	display:inline-block;
	width:18px;
	height:18px;
	background:url(/images/sp/stats/iconNewWindow.svg) no-repeat center center / contain;
	margin:0 0 2px 8px;
	vertical-align:middle;
}
.popWrap .popBody .quickLink:hover {
	background:#F9217B;
	color:#fff;
}
.popWrap .popBody .quickLink:hover:after {
	filter:brightness(10);
}
.popWrap .popBody .popTitle .unit {
	background:#f5f5f5;
	border-radius:5px;
	padding:0.25rem 1rem;
}
.popWrap .popBody .graph {
	min-height:300px;
}
.ui-datepicker {
	box-shadow:10px 10px 40px rgba(0, 0, 0, 0.1);
}
/*게시판 공통 탭*/
.contWrap.list .boardTabBox li.noUse {
	position:relative;
	cursor:default;
}
.contWrap.list .boardTabBox li.noUse:before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:80%;
	height:35px;
	background:url(/images/sp/stats/cnLogo.png) no-repeat center center / contain;
	filter:grayscale(1);
	opacity:.3;
}

/*게시판 공통 설명박스*/
.boardDesc {
	background:#f8f8f8;
	margin-top:1rem;
	padding:1.75rem 1.55rem;
	display:flex;
	justify-content:space-between;
}
.boardDesc > .imgBox {
	width:25%; 
	height:inherit;
	background:url(/images/sp/stats/imgDesc.png) no-repeat center top / 200px;
}
.boardDesc > .imgBox.resize {
	background-size:160px;
}
.boardDesc > .txtBox {
	width:70%;
} 
.boardDesc > .txtBox p.title {
	font-size:24px;
	font-weight:bold;
	color:#464646;
	padding-bottom:1.25rem;
}
.boardDesc > .txtBox p.txt1,
.boardDesc > .txtBox p.txt2 {
	color:#464646;
	padding-bottom:0.75rem;
}
.boardDesc > .txtBox p.desc {
	text-align:right;
	color:#F9217B;
}
.boardDesc .goLink {
	margin-right:1rem;
	color:#666;
}
.boardDesc .goLink:hover {
	color:#F9217B;
}
/*통계그래픽*/
.statGraphic .titleBox {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:1.75rem;
}
.statGraphic .titleBox > h3 {
	width:20%;
	font-size:32px;
	font-weight:bold;
}
.statGraphic .titleBox > div {
	max-width:600px;
	width:100%;
}
.statGraphic .titleBox .topSearchBox {
	max-width:600px;
}

/*통계그래픽 왼쪽 아코디언 메뉴*/
.subMenuBox {
	width:100%;
	border:1px solid #ececec;
	box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);
	flex-shrink:0;
}
.subMenuBox .menuList > li > a {
	position:relative;
	padding:0.95rem 1.25rem;
	display:block;
	border-bottom:1px solid #ececec;
}
/* .subMenuBox .menuList:first-child > li > a:after {
	content:"";
	position:absolute;
	width:8px;
	height:8px;
	top:50%;
	right:15px;
	transform:translateY(-50%);
	background:url(/images/sp/iconDownArrow.png) no-repeat center center / contain;
} */
.subMenuBox .menuList:last-child  > li> a {
	border-bottom:none;
}
.subMenuBox .menuList.active > li > a {
	color:#fff;
	background:#F9217B;
}
.subMenuBox .menuList.active > li > a:before {
	width:100%;
	background:#F9217B;
	z-index:-1;
}
/* .subMenuBox .menuList:first-child.active > li > a:after {
	content:"";
	position:absolute;
	width:8px;
	height:8px;
	top:50%;
	right:15px;
	transform:translateY(-50%) rotate(180deg);
	background:url(/images/sp/iconDownArrow.png) no-repeat center center / contain;
	filter:invert(1) brightness(10);
}
.subMenuBox .menuList > li > ul.category {
	height:0;
	transition:.3s;
	overflow:hidden;
}
.subMenuBox .menuList.active > li > ul.category {
	height:353px;
} 
*/
.subMenuBox .menuList > li > ul.category > li > a {
	position:relative;
	padding:0.75rem 1.25rem;
	display:block;
	background:#fafafa;
	color:#464646;
}
.subMenuBox .menuList > li > ul.category > li:hover a,
.subMenuBox .menuList > li > ul.category > li.active a {
	color:#F9217B;
}
.subMenuBox .menuList > li > ul.category > li:not(:last-child) > a:after {
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:85%;
	height:1px;
	background:rgba(0,0,0,.09);
}

/*충남형 100대지표*/
.keyIndicators .contentBox {
	display:flex;
	flex-wrap:wrap;
	align-content: flex-start; 
}
.keyIndicators .contentBox > .content {
	position:relative;
	width:24%;
	border-radius:5px;
	box-shadow:0 0 15px 0 rgba(0, 0, 0, .15);
	overflow:hidden;
	cursor:pointer;
	margin-right:calc(4% / 3); 
	margin-bottom:1.5rem;
	padding-bottom:1.5rem;
}
.keyIndicators .contentBox > .content:nth-child(4n) {
	margin-right:0;
}
.keyIndicators .contentBox > .content .top {
	position:relative;
	height:110px;
	overflow:hidden;
}
.keyIndicators .contentBox > .content .top img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	object-fit:cover;
	transition:.8s;
}
.keyIndicators .contentBox > .content:hover .top img {
	transform:translate(-50%, -50%) scale(1.1);
}
.keyIndicators .contentBox > .content .bottom  {
	padding:0.75rem;
}
.keyIndicators .contentBox > .content .bottom .btnLike {
	position:absolute;
	top:12px;
	right:12px;
}
.keyIndicators .contentBox > .content .bottom .sbjtBox {
	height:84px;
}
.keyIndicators .contentBox > .content .bottom .title {
	font-size:18px;
	font-weight:bold;
	word-break:keep-all;
}
.keyIndicators .contentBox > .content .bottom .unit {
	font-size:14px
}
.keyIndicators .contentBox > .content .bottom .value {
	font-size:24px;
	font-weight:bold;
	padding:0.35rem 0;
	text-align:center;
	line-height:1;
}
.keyIndicators .contentBox > .content .bottom .date {
	position:absolute;
	bottom:0.5rem;
	right:0.5rem;
	color:#676767;
	font-size:14px;
	text-align:right;
}
.popIndicator {
	max-width:1200px !important; 
	display:block;
}
.popIndicator.popWrap .popBody .popTitle a {
	margin-left:0.5rem;
}
.popIndicator.popWrap .popBody .btnSlide {
	display:flex;
	align-items:center;
}
.popIndicator.popWrap .popBody .btnSlide p {
	margin:0 0.5rem;
	font-weight:bold;
}
.popIndicator.popWrap .popBody .btnSlide button {
	position:relative;
	width:30px;
	height:30px;
}
.popIndicator.popWrap .popBody .btnSlide button.prev:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	background:url(/images/sp/iconArrow.svg) no-repeat center center / 16px; 
	transform:rotate(90deg);
}
.popIndicator.popWrap .popBody .btnSlide button.next:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	background:url(/images/sp/iconArrow.svg) no-repeat center center / 16px; 
	transform:rotate(-90deg);
}


/*충남형 100대지표 관리자*/
.indiAdmin .totalSearchBox {
	max-width:360px;
}
.indiAdmin .titleBox form {
	margin-right:0;
}
.indiAdmin .titleBox + .flexEnd {
	margin-bottom:0.5rem;
} 
.indiAdmin .titleBox + .flexEnd .btnGreen:after {
	content:"+";
	display:inline-block;
	font-size:24px;
	margin:0 0 0.25rem 0.5rem;
	vertical-align:middle;
}
.indiAdmin .listTable {
	border-top:2px solid #464646;
}
.indiAdmin .dim {
	top:0;
	height:100%;
}
.indiAdmin .indiAdminPop { 
	display:block;
	max-width:1400px;
	z-index:12;
}
.indiAdmin .indiAdminPop .popBody > .flexBetween {
	height:100%;
}
.indiAdmin .indiAdminPop .cont > div.left {
	width:40%;
	height:auto;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.indiAdmin .indiAdminPop .cont > div.left > ul {
	height:73%;
}
.indiAdmin .indiAdminPop .cont > div.right {
	position:relative;
	width:58%;
	height:100%;
}
.indiAdmin .indiAdminPop .cont > div h5 {
	position:relative;
	display:inline-block;
	margin-bottom:0.5rem;
	font-size:18px;
}
.indiAdmin .indiAdminPop .cont > div h5:after {
	content:"";
	position:absolute;
	top:0px;
	right:-5px;
	width:5px;
	height:5px;
	background:#F9217B;
	border-radius:50%;
}
.indiAdmin .indiAdminPop .cont > div.left > h5 {
	width:145px;
}
.indiAdmin .indiAdminPop .cont > div.left ul {
	padding:1rem;
	height:100%;
	background:#f8f8f8;
	border-radius:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.indiAdmin .indiAdminPop .cont > div ul li {
	width:49%;
	padding:0.25rem 0;
}
.indiAdmin .indiAdminPop .cont > div ul li select,
.indiAdmin .indiAdminPop .cont > div ul li input[type=text] {
	width:100%;
	height:40px;
	padding:0 0.5rem;
	border:1px solid #ccc;
	border-radius:5px;
}
.indiAdmin .indiAdminPop .cont > div.left ul li label {
	margin-bottom:0.25rem;
	display:block;
	font-size:14px;
}
.indiAdmin .indiAdminPop .cont > div.left > div.calcMethod {
	height:120px;
	padding:1rem;
	flex-shrink:0;
}
.indiAdmin .indiAdminPop .cont > div.left .calcMethod div {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:0.5rem;
}
.indiAdmin .indiAdminPop .cont > div.left .calcMethod div label {
	display:flex;
	align-items:center;
	font-size:14px;
	cursor:pointer;
}
.indiAdmin .indiAdminPop .cont > div.left .calcMethod input[type=radio] {
	appearance:none;
	width:14px;
	height:14px;
	border:4px solid #cecece;
	border-radius:50%;
}
.indiAdmin .indiAdminPop .cont > div.left .calcMethod input[type=radio]:checked {
	border:4px solid #33af77;
}
.indiAdmin .indiAdminPop .cont > div.left .calcMethod input[type=text] {
	width:100%;
	height:40px;
	padding:0 0.5rem;
	border:1px solid #ccc;
	border-radius:5px;
}
.indiAdmin .indiAdminPop .cont > div.right .listTable thead th {
	white-space:nowrap;
	text-align:center;
}
.indiAdmin .indiAdminPop .cont > div.right .listTable tbody .btnList {
	line-height:1.3;
}
.indiAdmin .indiAdminPop .bottomUtilBox {
	display:flex;
	align-items:center;
	background:#f8f8f8;
	margin-top:1rem;
	border-radius:10px; 
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox {
	width:17%;
	position:relative;
	margin-right:1rem;
	padding:1rem;
	padding-left:0.5rem;
	background:#f8f8f8;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox:before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:200px;
	height:35px; 
	background:#eaeaea;
	border-radius:35px;
	z-index:1;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox .colorBlock {
	position:absolute;
	top:50%;
	left:calc(50% - 100px);
	transform:translateY(-50%);
	width:100px;
	height:35px;
	background:#33af77;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:35px;
	border-radius:35px;
	cursor:pointer;
	box-shadow:0 0 15px 0 rgba(0, 0, 0, .2);
	z-index:1;
	transition:.3s;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox .colorBlock.left {
	left:calc(50% - 100px);
	background:#33af77;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox .colorBlock.right {
	left:50%;
	background:#888;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox input[type=radio] {
	appearance:none;
	position:absolute;
	left:-9999px;
	width:0;
	overflow:hidden;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox input[type=radio] + label {
	position:relative;
	width:100px;
	height:35px;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#767676;
	text-align:center;
	line-height:35px;
	border-radius:35px;
	cursor:pointer;
	z-index:2;
	transition:all .3s linear;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox input#btnYes:checked + label {
	color:#fff;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox input#btnNo:checked + label {
	color:#fff;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox input#btnA:checked + label {
	color:#fff;
}
.indiAdmin .indiAdminPop .bottomUtilBox .toggleBox input#btnF:checked + label {
	color:#fff;
}
.indiAdmin .indiAdminPop .bottomUtilBox .uploadBox {
	width:73%;
	height:35px;
}
.indiAdmin .indiAdminPop .bottomUtilBox .uploadBox .uploadPics {
	position:relative;
	width:calc(100% - 60px);
	height:35px;
	background:#eaeaea;
	display:block;
	margin:0 auto;
	padding:0 1rem;
	font-size:14px;
	color:#767676;
	line-height:35px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border-radius:35px;
	cursor:pointer;
}
.indiAdmin .indiAdminPop .bottomUtilBox .uploadBox .uploadPics:after {
	content:"";
	position:absolute;
	top:50%;
	right:16px;
	width:24px;
	height:24px;
	transform:translateY(-50%);
	background:url(/images/sp/iconUploadBk.svg) no-repeat 95% center / 24px;
	opacity:.6;
	z-index:2;
}
.indiAdmin .indiAdminPop .bottomUtilBox .uploadBox input[type=file] {
	position:absolute;
	left:-9999px;
	width:0;
	overflow:hidden;
}
.indiAdmin .indiAdminPop .attachedBox {
	margin-top:0.5rem;
	border-radius:10px;
	background:#f8f8f8;
}
.indiAdmin .indiAdminPop .attachedImg {
	display:block;
	margin:0 auto;
	padding:1rem;
	width:400px;
	height:100px;
	object-fit:contain;
}
.indiAdmin .indiAdminPop .bottomUtilBox + .flexEnd button:last-child {
	margin-left:0.5rem;
}
.indiAdmin .indiAdminPop .cont > div.right h5 {
	padding-left:1rem;
}
.indiAdmin .indiAdminPop .cont > div.right ul {
	position:relative;
	padding:0 1rem;
	max-height:508px;
	overflow-y:auto;
}
.indiAdmin .indiAdminPop .cont > div.right ul li {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #dbdbdb;
}
.indiAdmin .indiAdminPop .cont > div.right ul li label {
	white-space:nowrap;
	font-size:14px;
}
.indiAdmin .indiAdminPop .cont > div.right .btnPlus {
	position:absolute;
	top:0;
	right:1rem;
	font-size:22px;
	box-shadow:0 0 15px 0 rgba(51, 178, 119, 0.3);
}
.indiAdmin .indiAdminPop .cont > div.right ul li input[type=text] {
	width:auto;
	margin:0 0.5rem;
}
.indiAdmin .indiAdminPop .cont > div.right button {
	width:28px;
	height:28px;
	background:#464646;
	margin-left:0.25rem;
	font-size:17px;
	color:#fff;
	border-radius:50%;
	line-height:20px;
	transition:.3s;
}
.indiAdmin .indiAdminPop .cont > div.right button.btnPlus {
	background:#F9217B;
	color:#fff;
}
.indiAdmin .indiAdminPop .cont > div.right button.btnPlus:hover {
	background:#fbc2da;
	color:#F9217B;
}
.indiAdmin .indiAdminPop .cont > div.right ul li button.btnMinus {
	background:#ececec;
	color:#767676;
	font-size:12px;
	font-weight:bold;
}
.indiAdmin .indiAdminPop .cont > div.right ul li button.btnMinus:hover {
	background:#767676;
	color:#fff;
}
.indiAdmin .indiAdminPop .cont + .flexEnd button:first-child {
	margin-right:0.5rem;
}
.indiAdmin .indiAdminPop .cont div.left li select {
	position:relative;
	width:100%;
	height:40px;
	background:url(/images/sp/iconArrow.svg) no-repeat 95% center / 12px, #fff; 
	border:1px solid #ccc;
	border-radius:5px;
	appearance:none;
}
.indiAdmin .indiAdminPop .cont div.left .popRadioBox {
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:40px;
	background:#fff;
	border-radius:5px;
	padding:0 0.5rem;
}
.indiAdmin .indiAdminPop .cont div.left .popRadioBox label {
	display:flex;
	align-items:center;
	cursor:pointer;
}
.indiAdmin .indiAdminPop .cont div.left .popRadioBox label input[type=radio] {
	appearance:none;
	width:14px;
	height:14px;
	border:4px solid #cecece;
	border-radius:50%;
}
.indiAdmin .indiAdminPop .cont div.left .popRadioBox label input[type=radio]:checked {
	border:4px solid #f9217b;
}
.indiAdmin2 .listTable {
	border-top:2px solid #464646;
}
.indiAdmin2 .listTable thead th:not(:last-child) {
	border-right:1px dashed #ccc;
}
.indiAdmin2 .listTable tbody td {
	border-right:1px dashed #ccc;
}
.indiAdmin2 .listTable tbody td.noBorder {
	border-right:none; 
}
.indiAdmin2 .listTable tbody td .btnDown {
	width:40px;
	height:40px;
	background:url(/images/sp/iconFIleBk.svg) no-repeat center center / 35px;
}
.indiAdmin2 .listTable tbody td .uploadBox {
	position:relative;
	width:80%;
	max-width:300px; 
	min-width:250px;
	height:40px;
	background:#f2f3f5;
	display:block;
	margin:0 auto;
	padding:0 3rem 0 0.5rem;
	font-size:14px;
	color:#464646;
	text-align:left;
	line-height:40px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	cursor:pointer;
}
.indiAdmin2 .listTable tbody td .uploadBox:before {
	content:"";
	position:absolute;
	top:0;
	right:0.5rem;
	width:40px;
	height:40px;
	background:url(/images/sp/iconUploadBk.svg) no-repeat center center / 24px;
	opacity:.7;
}
.indiAdmin2 .listTable tbody td .uploadBox + input[type=file] {
	position:absolute;
	left:-9999px;
	width:0;
	overflow:hidden;
}
.indiAdmin2 .listTable tbody td .btnUpload {
	width:40px;
	height:40px;
	background:url(/images/sp/iconCheck.svg) no-repeat center center / 24px, #33af77;
	border-radius:5px;
}
.indiAdmin2 .dateSortBox {
	position:relative;
	width:80px;
	height:40px;
	max-height:40px;
	min-height:40px;
	margin-bottom:0.5rem; 
	border-bottom:1px solid #ccc;
	overflow:hidden;
	z-index:2;
}
.indiAdmin2 .dateSortBox:after {
	content:"";
	position:absolute;
	top:50%;
	right:0.5rem;
	width:12px;
	height:12px;
	transform:translateY(-50%);
	background:url(/images/sp/iconArrow.svg) no-repeat center center / contain;
	z-index:3;
}
.indiAdmin2 .dateSortBox:hover {
	max-height:100rem;
	height:auto;
	overflow:visible;
}
.indiAdmin2 .dateSortBox > ul {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	border:1px solid #ccc;
	transition:all .3s linear;
	box-shadow:0 0 15px rgba(0, 0, 0, .1);
}
.indiAdmin2 .dateSortBox > ul > li {
	height:40px;
	background:#fff;
	padding-left:1rem;
	line-height:37px;
	cursor:pointer;
}
.indiAdmin2 .dateSortBox > ul > li:hover {
	color:#F9217B;
}
.indiAdmin2 .dateSortBox > ul > li:first-child:hover {
	color:#262626;
	cursor:default;
}
.indiAdmin2 .dateSortBox > ul > li:first-child {
	background:transparent;
}
/*통계로 본 도민 삶*/
.lifeStats .contentBox > .desc {
	background:#f8f8f8;
	padding:1.75rem 1.55rem;
	display:flex;
	justify-content:space-between;
}
.lifeStats .contentBox > .desc > .imgBox {
	width:25%; 
	height:inherit;
	background:url(/images/sp/stats/imgDesc.png) no-repeat center center / contain;
}
.lifeStats .contentBox > .desc > .txtBox {
	width:70%;
} 
.lifeStats .contentBox > .desc > .txtBox p.title {
	font-size:24px;
	font-weight:bold;
	color:#464646;
	padding-bottom:1.25rem;
}
.lifeStats .contentBox > .desc > .txtBox p.txt1,
.lifeStats .contentBox > .desc > .txtBox p.txt2 {
	color:#464646;
	padding-bottom:0.75rem;
}
.lifeStats .contentBox > .desc > .txtBox p.desc {
	text-align:right;
	color:#F9217B;
}
.lifeStats .contentBox .categoryBox {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:1.25rem 0;
	border:1px solid #dedede;
	border-right:none;
}
.lifeStats .contentBox .categoryBox > li {
	width:calc(100% / 6);
	padding:0.95rem 0;
	background:#f8f8f8;
	border-right:1px solid #dedede;
	text-align:center;
	cursor:pointer;
}
.lifeStats .contentBox .categoryBox > li:nth-child(n+7) {
	border-top:1px solid #dedede;
}
.lifeStats .contentBox .categoryBox > li.active {
	background:#F9217B;
	color:#fff;
}
.lifeStats .contentBox .infoGraphic img {
	width:100%;
}

/*주요통계*/
.keyStats .contentBox .categoryBox {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0 0 1.25rem 0;
	border:1px solid #dedede;
	border-right:none;
}
.keyStats .contentBox .categoryBox > li {
	width:calc(100% / 5);
	padding:0.95rem 0;
	background:#f8f8f8;
	border-right:1px solid #dedede;
	text-align:center;
	cursor:pointer;
}
.keyStats .contentBox .categoryBox > li:nth-child(n+6) {
	border-top:1px solid #dedede;
}
.keyStats .contentBox .categoryBox > li.active {
	background:#F9217B;
	color:#fff;
}
.keyStats .contentBox .tabCont > div[class^=tab] {
	display:none;
}
.keyStats .contentBox .tabCont > div[class^=tab].active {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.keyStats .contentBox .tabCont > div[class^=tab] > .graphBox {
	width:49%;
	margin-bottom:1rem;
}
.keyStats .contentBox .graphBox {
	padding:0.5rem 0.75rem 0.75rem 0.75rem;
	border:1px solid #ccc;
}
.keyStats .contentBox .graphBox .title {
	position:relative;
}
.keyStats .contentBox .graphBox .title h5 {
	position:relative;
	font-size:20px;
	font-weight:bold;
}
.keyStats .contentBox .graphBox .title h5:before {
	content:"";
	position:absolute;
	top:-11px;
	left:4px;
	width:6px;
	height:6px;
	background:#F9217B;
	border-radius:50%;
}
.keyStats .contentBox .graphBox .title h5:after {
	content:"";
	position:absolute;
	top:-11px;
	left:13px;
	width:6px;
	height:6px;
	background:#888;
	border-radius:50%;
}
.keyStats .contentBox .graphBox .title .right {
	position:absolute;
	right:0px;
	top:12px;
}
.keyStats .contentBox .graphBox .title .quickLink {
	padding:0.5rem 0.75rem;
	color:#464646;
	border:1px solid #ccc;
	transition:.3s;
}
.keyStats .contentBox .graphBox .title .quickLink:hover {
	background:#F9217B;
	color:#fff;
}
.keyStats .contentBox .graphBox .title .quickLink:after {
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(/images/sp/stats/iconNewWindow.svg) no-repeat center center / contain;
	margin:0 0 -2px 5px;
}
.keyStats .contentBox .graphBox .title .quickLink:hover:after {
	filter:brightness(20) contrast(1);
}
.keyStats .contentBox .graphBox .title .unit {
	text-align:right;
	padding-top:0.75rem;
}
.keyStats .contentBox .graph {
	min-height:300px;
	margin-top:2.95rem;
}

/*주요통계 관리자*/
.keyStatsAdmin .accordionWrap {
	border:1px solid #dedede;
}
.keyStatsAdmin .row {
	border-bottom:1px solid #dedede;
}
.keyStatsAdmin .row .titleBox {
	position:relative;
	padding:1.25rem 2.5rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:0;
	cursor:pointer; 
}
.keyStatsAdmin .row .titleBox p.title {
	color:#767676;
}
.keyStatsAdmin .row .titleBox p.title:before {
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	background:#767676;
	margin:0 0.5rem 0.35rem 0;
	border-radius:50%;
}
.keyStatsAdmin .row .titleBox p.title b {
	color:#464646;
}
.keyStatsAdmin .row .titleBox:hover p.title b {
	color:#F9217B;
}
.keyStatsAdmin .row .titleBox p.title span {
	font-size:18px;
	font-weight:400;
}
.keyStatsAdmin .row .titleBox:hover p.title span {
	color:#F9217B;
}
.keyStatsAdmin .row .titleBox + ul.table {
	max-height:0rem;
	padding:0 2.5rem;
	overflow:hidden;
	transition:.6s;
}
.keyStatsAdmin .row .titleBox.active + ul.table {
	max-height:100rem;
	padding:1.5rem 2.5rem;
}
.keyStatsAdmin .row .titleBox + ul li.quarterData {
	display:flex;
	align-items:center;
	margin-bottom:0.5rem;
}
.keyStatsAdmin .row .titleBox + ul li.quarterData select {
	appearance:none;
	min-width:149px;
	height:40px;
	background:url(/images/sp/stats/iconDownBk.svg) no-repeat 95% center / 9px;
	padding:0 0.5rem;
	border:1px solid #bababa;
} 
.keyStatsAdmin .row .titleBox + ul li.quarterData .btnSearch {
	width:40px;
	height:40px;
}
.keyStatsAdmin .row .titleBox + ul li.quarterData .btnDelete {
	width:40px;
	height:40px;
	background:url(/images/sp/iconDelete.png) no-repeat center center / 18px, #888;
	margin-left:0.25rem;
}
.keyStatsAdmin .row .titleBox + ul li:not(:first-of-type) table {
	margin-bottom:1.5rem;
}
.keyStatsAdmin .row p.title {
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
}
.keyStatsAdmin .row .titleBox .btnArrow {
	width:18px;
	height:18px;
	background:url(/images/sp/stats/iconDownBk.svg) no-repeat center center / contain;
	transition:.4s;
}
.keyStatsAdmin .row .titleBox.active .btnArrow {
	transform:rotate(180deg);
}
.keyStatsAdmin .row .search {
	display:flex;
	align-items:center;
	margin-bottom:0.5rem;
}
.keyStatsAdmin .row .search  label[for=year] {
	margin-right:-1px;
}
.keyStatsAdmin input[type=text] {
	height:40px;
	padding:0 0.5rem;
	border:1px solid #bababa;
}
.keyStatsAdmin input[type=file] {
	position:absolute;
	left:-9999px;
	appearance:none;
}
.keyStatsAdmin label.btnSearch {
	display:block;
	width:40px;
	height:40px;
	cursor:pointer;
}
.keyStatsAdmin .row .btnSave {
	width:40px;
	height:40px; 
	background:url(/images/sp/iconSave.png) no-repeat center center / 20px, #33af77;
	margin-left:0.25rem;
}
.keyStatsAdmin .row .fileNameWrap {
	width:calc(100% - 460px);
	height:40px;
	background:#f5f5f5;
	margin-left:0.5rem;
	padding:0 0.5rem;
	color:#464646;
	line-height:40px;
}
.keyStatsAdmin .row .search  label[for=year],
.keyStatsAdmin .row .search  label[for=quarter] {
	position:relative;
}
.keyStatsAdmin .row .search  label[for=year] input,
.keyStatsAdmin .row .search  label[for=quarter] input {
	padding-right:2rem;
}
.keyStatsAdmin .row .search  label[for=year]:after {
	content:"년";
	position:absolute;
	top:50%;
	right:8px;
	font-size:12px;
	color:#767676;
	transform:translateY(-50%);
}
.keyStatsAdmin .row .search  label[for=quarter]:after {
	content:"분기";
	position:absolute;
	top:50%;
	right:8px;
	font-size:12px;
	color:#767676;
	transform:translateY(-50%);
}
.keyStatsAdmin .listTable {
	border-top:2px solid #262626;
}
.keyStatsAdmin .listTable tbody tr {
	border-bottom:1px dashed #ccc;
}
.keyStatsAdmin .listTable th {
	background:#f5f5f5;
	padding:1rem 0.25rem;
	text-align:center;
}
.keyStatsAdmin .listTable td {
	padding:1rem 0.25rem;
}

/*시군별 주요통계*/
.overallStats .contentBox .categoryBox {
	display:flex;
	width:100%;
	margin:0 0 1.25rem 0;
	border:1px solid #dedede;
	border-right:none;
}
.overallStats .contentBox .categoryBox > li {
	width:calc(100% / 4);
	padding:0.95rem 0;
	background:#f8f8f8;
	border-right:1px solid #dedede;
	text-align:center;
	cursor:pointer;
}
.overallStats .contentBox .categoryBox > li:nth-child(n+6) {
	border-top:1px solid #dedede;
}
.overallStats .contentBox .categoryBox > li.active {
	background:#F9217B;
	color:#fff;
}
.overallStats .contentBox .tabCont > div[class^=tab] {
	display:none;
}
.overallStats .contentBox .tabCont > div[class^=tab].active {
	display:block;
}
.overallStats .contentBox .tabCont > div[class^=tab] h4 {
	position:relative;
	font-size:20px;
	margin:2.75rem 0 0.5rem 0;
}
.overallStats .contentBox .tabCont > div[class^=tab] h4:before {
	content:"";
	position:absolute;
	top:-5px;
	left:5px;
	width:6px;
	height:6px;
	background:#F9217B;
	border-radius:50%;
}
.overallStats .contentBox .tabCont > div[class^=tab] h4:after {
	content:"";
	position:absolute;
	top:-5px;
	left:14px;
	width:6px;
	height:6px;
	background:#03a9f4;
	border-radius:50%;
}
.overallStats .contentBox .tabCont > div[class^=tab] h4 + p {
	color:#676767;
	font-size:14px;
	text-align:right;
	margin:0 0 0.5rem;
}
.overallStats .contentBox .infoGraphic {
	position:relative;
	width:100%;
	height:600px;
	background:url(/images/sp/stats/bgCnMap.jpg) no-repeat center center / contain;
	border:1px solid #ececec;
}
.overallStats .contentBox .infoGraphic p.unit {
	position:absolute;
	top:12px;
	right:12px;
	color:#676767;
}
.overallStats .contentBox .infoGraphic > ul.place {
	position:relative;
	max-width:750px;
	width:100%;
	height:100%;
	margin:20px auto 40px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.overallStats .contentBox .infoGraphic > ul.place > li:nth-child(odd) {
	width:50%;
}
.overallStats .contentBox .infoGraphic > ul.place > li:nth-child(even) {
	width:110px;
	margin-left:-10px;
}
.overallStats .contentBox .infoGraphic > ul.place > li:nth-child(15) {
	opacity:0;
}
.overallStats .contentBox .infoGraphic > ul.place > li p.title {
	width:100px;
	height:25px;
	background:#F9217B;
	color:#fff;
	text-align:center; 
}
.overallStats .contentBox .infoGraphic > ul.place > li p.value {
	width:100px;
	height:25px;
	background:#fff;
	font-size:14px;
	color:#464646; 
	border:1px solid #ccc;
	padding:0 0.5rem;
	text-align:center;
}

/*통계총조사 시각화지도*/
.visualMap .categoryBox {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.visualMap .categoryBox > li {
	width:32%;
	margin-bottom:1.5rem;
	border:1px solid #dedede; 
	transition:.3s; 
}
.visualMap .categoryBox > li:hover {
	border:1px solid #F9217B;
	box-shadow:0 0 15px 0 rgba(0, 0, 0, .15);
}
.visualMap .categoryBox > li > a {
	position:relative;
	width:100%;
	min-height:350px;
	height:100%;
	display:block; 
	background:url(/images/sp/stats/visualization_map_01.png) no-repeat center 70% / 70%, #fff; 
	overflow:hidden;
}
.visualMap .categoryBox > li:nth-child(2) > a {
	background:url(/images/sp/stats/visualization_map_02.png) no-repeat center 70% / 70% , #fff; 
}
.visualMap .categoryBox > li:nth-child(3) > a {
	background:url(/images/sp/stats/visualization_map_03.png) no-repeat center 70% / 70% , #fff; 
}
.visualMap .categoryBox > li:nth-child(4) > a {
	background:url(/images/sp/stats/visualization_map_04.png) no-repeat center 70% / 70% , #fff; 
}
.visualMap .categoryBox > li:nth-child(5) > a {
	background:url(/images/sp/stats/visualization_map_05.png) no-repeat center 70% / 70% , #fff; 
}
.visualMap .categoryBox > li:nth-child(6) > a {
	background:url(/images/sp/stats/visualization_map_06.png) no-repeat center 70% / 70% , #fff; 
}
.visualMap .categoryBox > li:nth-child(7) > a {
	background:url(/images/sp/stats/visualization_map_07.png) no-repeat center 70% / 70% , #fff; 
}
.visualMap .categoryBox > li > a:before {
	content:"";
	position:absolute;
	right:-100px;
	width:100px;
	height:48px;
	background:#F9217B;
	transition:.6s;
	z-index:4;
}
.visualMap .categoryBox > li:hover > a:before {
	width:100%;
	left:0;
	right:auto;
}
.visualMap .categoryBox > li > a:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:48px;
	background:#f8f8f8;
	border-bottom:1px solid #dedede;
	transition:.3s;
	z-index:3;
}
.visualMap .categoryBox > li > a > span {
	position:absolute;
	top:6px;
	left:50%;
	transform:translateX(-50%);
	font-size:24px;
	font-weight:bold;
	color:#262626;
	z-index:4;
}
.visualMap .categoryBox > li:hover > a > span {
	color:#fff;
}

/*통계상황판*/
.statsBoard .chartDesc {
	display:flex;
	justify-content:flex-end;
}
.statsBoard .chartDesc > dl {
	display:flex;
	align-items:center;
	margin-right:1rem;
}
.statsBoard .chartDesc > dl:last-child {
	margin-right:0;
}
.statsBoard .chartDesc + p.source {
	text-align:right;
	font-size:14px;
	color:#676767;
}
.statsBoard .chartBox {
	background:#fff5fb;
	margin-top:1rem;
	padding:1rem;
}
.statsBoard .chartBox > h4 {
	font-size:24px;
	color:#fff;
	background:url(/images/sp/stats/decoRect.png) no-repeat center bottom / contain, #F9217B;
	padding:1rem 2rem;
}
.statsBoard .chartBox > .row {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.5rem 2rem;
	background:#fff;
	border-bottom:1px solid #dedede;
}
.statsBoard .chartBox > .row > div:nth-child(1) p {
	font-size:20px;
	word-break:keep-all;
}
.statsBoard .chartBox > .row > div:nth-child(1) p span {
	font-size:16px;
}
.statsBoard .chartBox > .row > div:nth-child(2) {
	display:flex;
	align-items:center;
}
.statsBoard .chartBox > .row > div:nth-child(2) p {
	width:140px;
	font-size:20px;
	text-align:right;
}
.statsBoard .chartBox > .row > div:nth-child(2) p:not(:first-child) {
	font-size:16px;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare:before {
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(/images/sp/stats/triUpRed.svg) no-repeat center center / contain;
	margin:0 5px -2px 0;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.upRed {
	color:#D82828;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.upRed:before {
	background:url(/images/sp/stats/triUpRed.svg) no-repeat center center / contain;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.upBlue {
	color:#1364FF;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.upBlue:before {
	background:url(/images/sp/stats/triUpBlue.svg) no-repeat center center / contain;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.downRed {
	color:#D82828;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.downRed:before {
	background:url(/images/sp/stats/triDownRed.svg) no-repeat center center / contain;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.downBlue {
	color:#1364FF;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.downBlue:before {
	background:url(/images/sp/stats/triDownBlue.svg) no-repeat center center / contain;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.stay {
	color:#262626;
}
.statsBoard .chartBox > .row > div:nth-child(2) p.compare.stay:before {
	content:"";
	display:inline-block;
	width:10px;
	height:1px;
	background:#262626;
	margin:0 8px 4px 0; 
}
.statsBoard .chartBox > .row > div:nth-child(2) p.desc {
	font-size:16px;
	color:#676767;
}
.statsBoard .chartBox > .row > .btnChart {
	color:#F9217B;
	font-family:'NotosansKr', sans-serif;
	padding:0.35rem 0.75rem;
	border-radius:30px;
	background:#fff5fb;
	min-width:73px;
	flex-shrink:0;
	transition:.3s;
}
.statsBoard .chartBox > .row > .btnChart:hover {
	background:#F9217B;
	color:#fff;
}
.statsBoard .chartBox > .row > .btnChart.active {
	background:#f5f5f5;
	color:#464646;	
}
.statsBoard .chartBox > .row > .btnChart.active:hover {
	background:#262626;
	color:#fff;
}
.statsBoard .chartBox > .row + .chart {
	height:0;
	overflow:hidden; 
	background:#fff;
	transition:.3s;
}
.statsBoard .chartBox > .row + .chart.active { 
	height:400px;
	padding:10px;
	border-bottom:1px solid #ccc;
}
.statsBoard .chartBox > .row > div:first-child {
	width:33%;
}


/*검색결과 화면*/
form[class$=SearchBox] {
	display:flex;
	max-width:800px; 
	width:100%;
	margin:20px auto;
}
form[class$=SearchBox] input[type=text] {
	width:calc(100% - 45px);
	height:45px;
	background:#f5f5f5;
	padding:0 0.5rem;
	border:1px solid #ccc;
}
form[class$=SearchBox] .btnSearch {
	margin-left:-1px;
}
.totalSearch .totalSearchTab {
	display:flex;
	max-width:1440px;
	width:100%;
	border:1px solid #dedede;
	border-right:none;
}
.totalSearch .totalSearchTab > li {
	width:calc(100% / 5);
	background:#f8f8f8;
	border-right:1px solid #dedede;
	text-align:center;
	cursor:pointer;
}
.totalSearch .totalSearchTab > li.active {
	background:#F9217B;
}
.totalSearch .totalSearchTab > li a {
	width:100%;
	height:100%;
	display:block;
	padding:0.95rem 0;
}
.totalSearch .totalSearchTab > li.active a {
	color:#fff;
}
.totalSearch .resultKeyword {
	margin:2rem 0;
	text-align:center;
}
.totalSearch .resultCount {
	margin-top:3.25rem;
	font-weight:bold;
}
.totalSearch .resultCount > span:first-child:after {
	content:"";
	display:block;
	margin-top:0.25rem;
	width:100%;
	height:2px;
	background:#F9217B;
}
.totalSearch .chnetResult span.content img {
	max-width:800px;
	max-height:800px;
	width:100%;
	height:100%;
	display:block;
	margin:1rem auto;
	object-fit:cover;
}
.totalSearch .noData {
	padding:2.5rem 0;
	background:#f5f5f5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
.alldamData .listTable tbody tr td.category div {
	width:90px;
	height:35px;
	background:#f5f5f5;  
	border-radius:30px;
	line-height:35px;
	margin:0 auto;
}
.alldamData .listTable tbody tr td.unit div {
	width:80px;
	height:35px;
	border:1px solid #262626;  
	border-radius:30px;
	line-height:33px;
	margin:0 auto;
}
.totalSearch .chnetResult .tabBox {
	display:flex;
	width:100%;
	background:#f5f5f5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.totalSearch .chnetResult .tabBox > li {
	padding:1rem 0.5rem;
	width:calc(100% / 7);
	text-align:center;
	cursor:pointer;
}
.totalSearch .chnetResult .tabBox > li:hover {
	color:#F9217B;
}
.totalSearch .chnetResult .tabBox > li.active {
	color:#F9217B;
}
.totalSearch .chnetResult .preview > div {
	padding:1rem 0.5rem;
	border-bottom:1px solid #ccc;
}
.totalSearch .chnetResult .preview > div span.title {
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	display:block;
}
.totalSearch .chnetResult .preview > div:hover span.title {
	text-decoration:underline;
}
.totalSearch .chnetResult .preview > div span.content {
	color:#464646;
	font-weight:normal;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.totalSearch .chnetResult .preview > div span.date {
	display:block;
	color:#464646;
	text-align:right;
	margin-top:0.5rem;
}
.totalSearch .chnetResult .bottomBtnBox {
	margin-top:0.5rem;
}
.totalSearch .kosisData table th:first-child {
	width:60%;
}

/*게시판*/
input[type=text][class^=form] {
    height:35px;
    background:#f5f5f5;
    border:1px solid #ccc;
    padding:0 0.5rem;
}
input[type=submit][class*=form_sm] {
    width:35px;
    height:35px;
    border:none;
    font-size:0;
    color:transparent;
    background-color:#F9217B;
    background-image:url(images/iconSearch.svg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:26px;
    cursor:pointer;
}
select[class*=form_sel] {
    width:90px;
    height:35px;
    border:1px solid #ccc;
    appearance:none;
    background-color:#f5f5f5;
    background-image:url(images/iconDownBk.svg);
    background-repeat:no-repeat;
    background-position:95% center;
    background-size:8px;
    padding:0 0.5rem;
}
.bbs_page {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
    padding:0.75rem 0;
}  
.bbs_page > a {
	position:relative;
	width:30px;
	height:30px;
    background:#fff;
	display:block;
    text-align:center;
	line-height:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
} 
.bbs_page > a:hover {
	text-decoration:underline;
}
.bbs_page > a:first-child {
	border-left:1px solid #ccc;
}
.bbs_page > a.current {
	background:#f8f8f8;
}
.bbs_page .first, .pagination .prev, .pagination .next, .pagination .last {
	font-size:0;
	color:transparent;
}
.bbs_page .first:before, .pagination .prev:before, .pagination .next:before, .pagination .last:before {
	content:""; 
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scaleX(0.6);
	font-size:18px;
	color:#222;
}
.bbs_page .first:before {
	content:"\226A";
	font-size:12px; 
}
.bbs_page .prev:before {
	content:"\003C";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.bbs_page .next:before { 
	content:"\003E";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.bbs_page .last:before {
	content:"\226B";
	font-size:12px;
}
.pagination .current a {
	background:#F9217B;
	color:#fff;
}
.contWrap .boardTabBox {
	display:flex;
	flex-wrap:wrap;
    border-top:1px solid #dedede;
    border-bottom:1px solid #dedede;
    border-left:1px solid #dedede;
}
.contWrap .boardTabBox > li {
	width:calc(100% / 6);
	background:#f8f8f8;
	border-right:1px solid #dedede;
	text-align:center;
	cursor:pointer;
}
.contWrap .boardTabBox > li:nth-child(n+7) {
	border-top:1px solid #dedede;
}
.contWrap .boardTabBox > li.active {
	background:#F9217B;
}
.contWrap .boardTabBox > li > a {
	padding:0.95rem 0;
}
.contWrap .boardTabBox > li.active a {
    color:#fff;
}
/*게시판 쓰기*/
.contWrap .bbs_search2 {
    display:flex;
    justify-content:flex-end;
}
.contWrap .bbs_search2 > div.right {
    display:flex;
    align-items:center;
}
.contWrap .bbs_search2 > div.right input[type=text] {
    margin:0 0.25rem;
    background-image:url(images/iconDate.svg);
    background-repeat:no-repeat;
    background-position:95% center;
}
.contWrap .bbs_search3 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:0.5rem;
}
.contWrap .bbs_search3 .right {
    display:flex;
    align-items:center;
}
.contWrap .bbs_search3 .right input[type=text] {
    margin:0 0.25rem;
}
.contWrap .bbs_list {
    margin-top:1rem;
    border-top:2px solid #262626;
}
.contWrap .bbs_list .adm_list {
    padding:1rem 0;
    text-align:center;
}
.contWrap .bbs_btn {
    display:flex;
    justify-content:flex-end;
}
.contWrap .bbs_btn > .bbs_bt2 {
    width:90px;
    height:35px;
    background:#F9217B;
    color:#fff;
    display:block;
    text-align:center;
    line-height:35px;
    font-weight:bold;
}
:root {
    --main-color:#F9217B;
}
.contWrap {
    max-width:1440px;
    width:100%;
    margin:100px auto 0;
}
input[type=text][class^=form] {
    height:35px;
    background:#f5f5f5;
    border:1px solid #ccc;
    padding:0 0.5rem;
}
input[type=submit][class*=form_sm] {
    width:35px;
    height:35px;
    border:none;
    font-size:0;
    color:transparent;
    background-color:#F9217B;
    background-image:url(/images/sp/iconSearch.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:18px;
    cursor:pointer;
}
select[class*=form_sel] {
    width:90px;
    height:35px;
    border:1px solid #ccc;
    appearance:none;
    background-color:#f5f5f5;
    background-image:url(/images/sp/stats/iconDownBk.svg);
    background-repeat:no-repeat;
    background-position:95% center;
    background-size:8px;
    padding:0 0.5rem;
}
.bbs_page {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
    padding:0.75rem 0;
}  
.bbs_page > a {
	position:relative;
	width:30px;
	height:30px;
    background:#fff;
	display:block;
    text-align:center;
	line-height:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
} 
.bbs_page > a:hover {
	text-decoration:underline;
}
.bbs_page > a:first-child {
	border-left:1px solid #ccc;
}
.bbs_page > a.current {
	background:#f8f8f8;
}
.bbs_page .first, .pagination .prev, .pagination .next, .pagination .last {
	font-size:0;
	color:transparent;
}
.bbs_page .first:before, .pagination .prev:before, .pagination .next:before, .pagination .last:before {
	content:""; 
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scaleX(0.6);
	font-size:18px;
	color:#222;
}
.bbs_page .first:before {
	content:"\226A";
	font-size:12px; 
}
.bbs_page .prev:before {
	content:"\003C";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.bbs_page .next:before { 
	content:"\003E";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.bbs_page .last:before {
	content:"\226B";
	font-size:12px;
}
/*게시판*/
.contWrap .bbs_search2 {
    display:flex;
    justify-content:flex-end;
}
.contWrap .bbs_search2 > div.right {
    display:flex;
    align-items:center;
}
.contWrap .bbs_search2 > div.right input[type=text] {
    margin:0 0.25rem;
    background-image:url(/images/sp/iconDate.svg);
    background-repeat:no-repeat;
    background-position:95% center;
}
.contWrap .bbs_search3 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:0.5rem;
}
.contWrap .bbs_search3 .right {
    display:flex;
    align-items:center;
}
.contWrap .bbs_search3 .right input[type=text] {
    margin:0 -0.03rem;
}
.contWrap .bbs_list {
    margin-top:1rem;
    border-top:2px solid #262626;
}
.contWrap .bbs_list .adm_list {
    padding:1rem 0;
    text-align:center;
}
.contWrap .bbs_btn {
    display:flex;
    justify-content:flex-end;
}
.contWrap .bbs_btn > .bbs_bt2 {
    width:90px;
    height:35px;
    background:#F9217B;
    color:#fff;
    display:block;
    text-align:center;
    line-height:35px;
    font-weight:bold;
}
.contWrap.list .bbs_list table {
	width:100%;
	table-layout:fixed;
}
.contWrap.list .bbs_list table thead th {
	background:#f8f8f8;
	padding:0.75rem 0.5rem;
}
.contWrap.list .bbs_list table thead th:first-child {
	width:10%;
}
.contWrap.list .bbs_list table thead th:nth-child(2) {
	width:50%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.contWrap.list .bbs_list table thead th:nth-child(3 + n) {
	width:10%;
}
.contWrap.list .bbs_list table tbody tr {
	border-bottom:1px solid #dbdbdb;
}
.contWrap.list .bbs_list table tbody td {
	padding:0.75rem 0.5rem;
	text-align:center;
}
/*쓰기*/
.statWrite .rfc_bbs_list_type1_table {
	margin-top:40px;
    width:100%;
    border-top:2px solid #262626;
}
.statWrite .rfc_bbs_list_type1_table colgroup {
    display:none;
}
.statWrite .rfc_bbs_list_type1_table tbody tr {
    border-bottom:1px solid #ccc;
}
.statWrite .rfc_bbs_list_type1_table tbody td {
    padding:1rem 0.5rem;
    text-align:center;
}
.statWrite .rfc_bbs_list_type1_table .rfc_bbs_see_txt_bg {
    background:#f5f5f5;
    font-weight:bold;
}
.statWrite .rfc_bbs_list_type1_table .rfc_bbs_see_txt_bg label {
    font-weight:bold;
}
.statWrite .rfc_bbs_list_type1_table .rfc_bbs_see_txt_left {
    text-align:left;
}
.statWrite .rfc_bbs_list_type1_table input[type=text] {
    width:100%;
    height:35px;
    padding:0 0.5rem;
    border:1px solid #ccc;
    border-radius:5px;
}
.statWrite .rfc_bbs_list_type1_table input[type=checkbox] {
    appearance:none;
    width:18px;
    height:18px;
    background:#fff;
    border:1px solid #bababa;
    border-radius:3px;
    vertical-align:middle;
    cursor:pointer;
}
.statWrite .rfc_bbs_list_type1_table input[type=checkbox]:checked {
    background-color:#F9217B;
    background-image:url(/images/sp/iconCheck.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    border:1px solid #F9217B;
}
.statWrite .rfc_bbs_list_type1_table textarea {
    border:1px solid #bababa;
    border-radius:5px;
    resize:none;
    font-size:16px;
    padding:0.5rem;
}
.statWrite .rfc_bbs_list_type1_table input[type=file] {
    width:100%;
    background:#f5f5f5;
    margin:0.25rem 0;
    padding:0.25rem;
} 
.contWrap .boardTabBox {
	display:flex;
	flex-wrap:wrap;
    border-top:1px solid #dedede;
    border-bottom:1px solid #dedede;
    border-left:1px solid #dedede;
}
.contWrap .boardTabBox > li {
	width:calc(100% / 6);
	background:#f8f8f8;
	border-right:1px solid #dedede;
	text-align:center;
	cursor:pointer;
}
.contWrap .boardTabBox > li:nth-child(n+6) {
	border-top:1px solid #dedede;
}
.contWrap .boardTabBox > li.active {
	background:#F9217B;
}
.contWrap .boardTabBox > li.active a {
    color:#fff;
}
.contWrap .boardTabBox > li a {
	width:100%;
	height:100%;
	display:block;
}
/*게시판 읽기*/
.statDetail .rfc_bbs_list_type1_table {
    width:100%;
    table-layout:fixed;
}
.statDetail .rfc_bbs_list_type1_table caption {
    position:absolute;
    left:-9999px;
}
.statDetail .rfc_bbs_list_type1_table thead th {
    padding:1.25rem 0.5rem;
    font-size:2.25rem;
    font-weight:bold;
    text-align:center;
}
.statDetail .rfc_bbs_list_type1_table thead td {
    padding:0.5rem 0 1rem 0;
    border-bottom:1px solid #262626;
}
.statDetail .rfc_bbs_list_type1_table .infoBox {
    display:flex;
    justify-content:flex-end;
}
.statDetail .rfc_bbs_list_type1_table .infoBox li {
    font-size:16px;
}
.statDetail .rfc_bbs_list_type1_table .infoBox li:not(:first-child) {
    margin-left:2rem;
}
.statDetail .rfc_bbs_list_type1_table .infoBox li:before {
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 6px -3px 0;
}
.statDetail .rfc_bbs_list_type1_table .infoBox li.userNm:before {
    background:url(/images/sp/stats/iconUserLine.svg) no-repeat center center / contain;
}
.statDetail .rfc_bbs_list_type1_table .infoBox li.date:before {
    background:url(/images/sp/stats/iconDateLine.svg) no-repeat center center / contain;
}
.statDetail .rfc_bbs_list_type1_table .infoBox li.view:before {
    background:url(/images/sp/stats/iconViewLine.svg) no-repeat center center / contain;
}
.statDetail .rfc_bbs_list_type1_table .infoBox li.file:before {
    background:url(/images/sp/stats/iconLinkLine.svg) no-repeat center center / contain;
}
.statDetail .rfc_bbs_list_type1_table .infoBox li.phone:before {
    background:url(/images/sp/stats/iconPhone.svg) no-repeat center center / contain;
}
.statDetail .rfc_bbs_list_type1_table .rfc_bbs_see_txt_left_con {
    padding:1rem;
    border-bottom:1px solid #bababa;
}
.statDetail .rfc_bbs_list_type1_table .rfc_bbs_see_txt_left_con img {
	width:100%;
}
.statDetail .rfc_bbs_list_type1_table  tbody td {
	padding:1rem;
}
.statDetail .rfc_bbs_list_type1_table + .flexEnd a:not(:first-child) {
	margin-left:0.25rem;
	display:block;
}
.flexEnd > input {
	margin:1rem 0 0;
}
.flexEnd > input + .btnGray {
	margin:1rem 0 0 0.5rem;
}
.btnList {
    width:90px;
    height:35px;
    background:#F9217B;
    color:#fff;
    text-align:center;
    font-size:16px;
    line-height:35px;
    cursor:pointer;
    margin-top:1rem;
}

/*게시판 링크 복사 및 공유*/
.shareCopy {
	position:relative;
	display:flex;
}
.shareCopy > div {
	margin-right:0.5rem;
}
.shareCopy .copy > a {
	width:30px;
	height:30px;
	background:url(/images/sp/stats/iconCopy.svg) no-repeat center center / 18px, #f5f5f5;
	display:block;
	border-radius:50%;
	font-size:0;
	color:transparent;
	cursor:pointer;
}
.shareCopy .share > a {
	width:30px;
	height:30px;
	background:url(/images/sp/stats/iconShare.svg) no-repeat center center / 20px, #f5f5f5;
	display:block;
	border-radius:50%;
	font-size:0;
	color:transparent;
	cursor:pointer;
}
.shareCopy .urlCopy {
	position:absolute;
	top:-70px;
	left:0;
	padding:0.75rem;
	background:#fff;
	border:1px solid #ececec;
	border-radius:5px;
	box-shadow:0 0 15px 0 rgba(0,0,0,.15); 
}
.shareCopy .urlCopy > div {
	display:flex;
	align-items:center;
}
.shareCopy .urlCopy .close {
	margin-left:0.25rem;
	font-size:18px;
	line-height:1;
	opacity:.7;
	cursor:pointer;
}
.shareCopy .urlCopy .copyBox {
	display:flex;
	align-items:center;
}
.shareCopy .urlCopy .copyBox input {
	width:200px;
	padding:0.5rem 0.25rem;
	color:#676767;
	border:1px solid #bababa;
	border-radius:5px;
}
.btnCopy {
	width:20px;
	height:20px;
	margin-left:0.25rem;
	background:url(/images/sp/stats/iconCopy.svg) no-repeat center center / 18px;
	display:block;
	border-radius:50%;
	cursor:pointer;
	opacity:.7;
}
.shareCopy .sns {
	position:absolute;
	top:-70px;
	left:0;
	padding:0.75rem;
	background:#fff;
	border:1px solid #ececec;
	border-radius:5px;
	box-shadow:0 0 15px 0 rgba(0,0,0,.15); 
}
.shareCopy .sns > div {
	display:flex;
	align-items:center;
}
.shareCopy .sns .snsList {
	display:flex;
	align-items:center;
}
.shareCopy .sns .snsList > a {
	font-size:0;
	color:transparent;
	width:20px;
	height:20px;
	display:block;
	margin-right:0.75rem;
	cursor:pointer;
}
.shareCopy .sns .snsList > a.fb {
	background:url(/images/sp/stats/sns_facebook.svg) no-repeat center center / contain;
}
.shareCopy .sns .snsList > a.tw {
	background:url(/images/sp/stats/sns_twitter.svg) no-repeat center center / contain;
}
.shareCopy .sns .snsList > a.ka {
	background:url(/images/sp/stats/sns_kakao.svg) no-repeat center center / contain;
}
.shareCopy .sns .snsList > a.nv {
	background:url(/images/sp/stats/sns_naver.svg) no-repeat center center / contain;
}
.shareCopy .sns .close {
	margin-left:0.25rem;
	font-size:18px;
	line-height:1;
	opacity:.7;
	cursor:pointer;
}
/*관련사이트*/
.relSite .bbs_search3 input[type=text] {
	max-width:260px;
	width:100%;
}
.relSite .bbs_search3 input[type=submit][class*=form_sm] {
	flex-shrink:0;
}
.relSite .siteWrap {
    display:flex;
    flex-wrap:wrap;
    margin-top:0.5rem;
    border-top:2px solid #262626;
}
.relSite .siteWrap > ul {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    width:50%;
    padding:1rem 0.5rem;
    border-bottom:1px solid #ccc;
}
.relSite .siteWrap > ul:nth-child(odd) {
    border-right:1px solid #ccc;
}
.relSite .siteWrap > ul > li:first-child {
	width:180px;	
}
.relSite .siteWrap > ul > li:first-child a img {
	max-width:180px;
}
.relSite .siteWrap > ul > li:not(:first-child) {
	width:calc(100% - 180px);
}
.relSite .siteWrap > ul > li:not(:first-child) > ul {
	display:flex;
	flex-wrap:wrap;
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li {
	width:50%;
	margin:0.15rem 0;
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li:nth-child(odd) {
	width:105px;
	text-align:center;
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li:nth-child(even) {
	width:calc(100% - 105px);
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li:nth-child(even) a {
	width:100%;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-weight:normal;
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li:nth-child(2) a {
	color:#161616;
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li:nth-child(4) a {
	font-weight:normal;
	color:#767676;
}
.relSite .siteWrap > ul > li:first-child a {
    position:relative;
    width:100%;
    height:100%;
    display:inline-block;
    text-align:center;
}
.relSite .siteWrap > ul > li:first-child a:after {
    content:"";
    display:inline-block;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:1px;
    height:30px;
    background:#ccc;
}
.relSite .siteWrap > ul > li p.title {
    margin:0 1rem;
    padding:0 0.75rem;
    height:30px;
    background:#f5f5f5;
    color:#262626;
    font-size:14px;
    font-weight:normal;
    line-height:30px;
    border-radius:10px;
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li:nth-child(2):hover a {
	color:#F9217B;
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li:nth-child(2) a:after {
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    background:url(/images/sp/stats/iconNewWindow.svg) no-repeat center center / contain;
    margin:0 0 -3px 5px;
    filter: grayscale(1) brightness(0);
    opacity: .6;
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li:nth-child(2):hover a:after {
	content:"";
    display:inline-block;
    width:18px;
    height:18px;
    background:url(/images/sp/stats/iconNewWindow.svg) no-repeat center center / contain;
    margin:0 0 -3px 5px;
    filter:unset;
    opacity:1;
}
.relSite .siteWrap > ul > li:not(:first-child) > ul > li:nth-child(4):hover a {
	color:#161616;
}

/*충청권 통계소식*/
.cnNewsList .articleWrap {
	display:flex;
	flex-wrap:wrap;
}
.cnNewsList ul.article {
	display:flex;
	flex-direction:column;
	align-items:center;
	width:24%;
	margin-right:1.33%;
	margin-bottom:1rem;
	padding-bottom:0.75rem;
	border-bottom:1px solid #dbdbdb;
}
.cnNewsList ul.article li {
	width:100%;
}
.cnNewsList ul.article:nth-child(4n) {
	margin-right:0;
}
.cnNewsList ul.article li:first-child a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.cnNewsList ul.article li:first-child a:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(235,1,99,0.3);
	opacity:0;
	transition:.3s;
	z-index:2;
}
.cnNewsList ul.article li:first-child a:after {
	content:"VIEW MORE";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:21px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	opacity:0;
	transition:.3s;
	z-index:3;
	
}
.cnNewsList ul.article:hover li:first-child a:before  {
	opacity:1;
}
.cnNewsList ul.article:hover li:first-child a:after {
	opacity:1;
} 
.cnNewsList ul.article li img {
	width:100%;
}
.boardTabBox.cnTab {
	margin-bottom:2rem;
}
.boardTabBox.cnTab > li {
	width:calc(100% / 4);
}
.cnNewsDetail .rfc_bbs_list_type1_table thead th {
	padding:3.5rem 0.5rem;
}
.cnNewsWrite .rfc_bbs_see_txt_left_con img {
	max-width:800px;
	width:100%;
	margin:1rem auto;
	display:block;
}
/*복지통계*/
.welfareStats > .tabBox {
	background:#fff6f6;
	padding:3rem 1rem;
	border-radius:2rem;
}
.welfareStats > .tabBox > .welfareTab {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom:1.5rem;
	border-bottom:1px dashed #ccc;
}
.welfareStats > .tabBox > .welfareTab > li {
	width:calc((100% / 8) - 1rem);
	padding:1rem 0.5rem;
	background:#fff;
	text-align:center;
	border:1px solid #bababa;
	border-radius:10px;
	cursor:pointer;
}
.welfareStats > .tabBox > .welfareTab > li.active {
	border:1px solid #F9217B;
	color:#F9217B;
}
.welfareStats > .tabBox > p.desc {
	padding-top:1.5rem;
	color:#262626;
}
.welfareStats > .tabBox > p.desc:before {
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	background:#F9217B;
	border-radius:50%;
	margin:0 0.25rem 0.25rem 0;
}
.welfareStats .listWrap {
	margin:2rem 0;
	display:none;
}
.welfareStats .listWrap.active {
	display:block;
}
.welfareStats .listWrap p.count {
	font-size:18px;
	color:#262626;
	margin-bottom:0.5rem;
}
.welfareStats .listWrap p.count span {
	color:#F9217B;
}
.welfareStats .listWrap .listBorder {
	padding:2.75rem;
	border:1px solid #ccc;
	border-radius:2rem;
}
.welfareStats .listWrap .listTable {
	border-top:2px solid #262626;
}
.welfareStats .listWrap .listTable thead th:first-child {
	width:100px;
}
.welfareStats .listWrap .listTable tbody tr {
	border-bottom:1px dashed #ccc;
}
.welfareStats #tab01.listWrap .listTable tbody tr:nth-child(5n) {
	border-bottom:1px solid #bababa;
}
.welfareStats .listWrap .listTable tbody td:not(:last-child) {
	border-right:1px dashed #ccc;
}
.welfareStats .listWrap .listTable tbody td a {
	width:100%;
	height:100%;
	display:block;
}
.welfareStats #tab02.listWrap .listTable tbody tr:nth-child(1),
.welfareStats #tab02.listWrap .listTable tbody tr:nth-child(3) {
	border-bottom:1px solid #bababa;
}
.welfareStats #tab03.listWrap .listTable tbody tr {
	border-bottom:1px solid #bababa;
}
.welfareStats #tab04.listWrap .listTable tbody tr:nth-child(6),
.welfareStats #tab04.listWrap .listTable tbody tr:nth-child(7),
.welfareStats #tab04.listWrap .listTable tbody tr:nth-child(13),
.welfareStats #tab04.listWrap .listTable tbody tr:nth-child(18),
.welfareStats #tab04.listWrap .listTable tbody tr:nth-child(23),
.welfareStats #tab04.listWrap .listTable tbody tr:nth-child(24) {
	border-bottom:1px solid #bababa;
}
.welfareStats #tab05.listWrap .listTable tbody tr:nth-child(1),
.welfareStats #tab05.listWrap .listTable tbody tr:nth-child(3),
.welfareStats #tab05.listWrap .listTable tbody tr:nth-child(4) {
	border-bottom:1px solid #bababa;
}
.welfareStats #tab06.listWrap .listTable tbody tr:nth-child(2) {
	border-bottom:1px solid #bababa;
}
.welfareStats #tab07.listWrap .listTable tbody tr {
	border-bottom:1px solid #bababa;
}
.welfareStats #tab08.listWrap .listTable tbody tr:nth-child(3n) {
	border-bottom:1px solid #bababa;
}
/*페이징*/
.pagination {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
    padding:0.75rem 0;
}  
.pagination a {
	position:relative;
	width:30px;
	height:30px;
    background:#fff;
	display:block;
    text-align:center;
	line-height:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
} 
.pagination a:hover {
	text-decoration:underline;
}
.pagination a:first-child {
	border-left:1px solid #ccc;
}
.pagination a.current {
	background:#f8f8f8;
}
.pagination .first, .pagination .prev, .pagination .next, .pagination .last {
	font-size:0;
	color:transparent;
}
.pagination .first:before, .pagination .prev:before, .pagination .next:before, .pagination .last:before {
	content:""; 
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scaleX(0.6);
	font-size:18px;
	color:#222;
}
.pagination .first:before {
	content:"\226A";
	font-size:12px; 
}
.pagination .prev:before {
	content:"\003C";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.pagination .next:before { 
	content:"\003E";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.pagination .last:before {
	content:"\226B";
	font-size:12px;
}
.pagination .btnBox {
	display:flex;
	align-items:center;
}
/*통합검색 페이징*/
.totalSearch .pagination {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
    padding:0.75rem 0;
}  
.totalSearch .pagination > a {
	position:relative;
	width:30px;
	height:30px;
    background:#fff;
	display:block;
    text-align:center;
	line-height:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
} 
.pagination > a:hover {
	text-decoration:underline;
}
.pagination > a:first-child {
	border-left:1px solid #ccc;
}
.pagination > a.current {
	background:#f8f8f8;
}
.pagination .first, .pagination .prev, .pagination .next, .pagination .last {
	font-size:0;
	color:transparent;
}
.pagination .first:before, .pagination .prev:before, .pagination .next:before, .pagination .last:before {
	content:""; 
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scaleX(0.6);
	font-size:18px;
	color:#222;
}
.pagination .first:before {
	content:"\226A";
	font-size:12px; 
}
.pagination .prev:before {
	content:"\003C";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.pagination .next:before { 
	content:"\003E";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.pagination .last:before {
	content:"\226B";
	font-size:12px;
}
/*통계db*/
.dbTab {
	position:relative;
    width:100%;
    margin:0 auto 60px;
    display:flex;
	background:#f5f5f5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.dbTab > li {
    width:calc(100% / 3);
    border-bottom:1px solid #ccc;
}
.dbTab > li > a {
    padding:1rem 0.5rem;
    display:block;
    font-weight:bold;
    border-right:1px solid #ccc;
	text-align:center;
	cursor:pointer;
}
.dbTab > li:last-child > a {
	border-right:none;
}
.dbTab > li.active > a {
    background:#F9217B;
    color:#fff;
}
.dbTab > li.active > a + ul {
	display:flex;
	justify-content:center;
}
.dbTab > li.active > a + ul:before {
	content:"";
	position:absolute;
	top:57px;
	left:0;
	width:100%;
	height:1px;
	background:#ccc;
}
.dbTab > li.active > a + ul:after {
	content:"";
	position:absolute;
	top:58px;
	left:0;
	width:100%;
	height:38px;
	background:#fff;
}
.dbTab > li.active > a + ul > li {
	position:relative;
	z-index:2;
	padding:0.5rem 0;
}
.dbTab > li.active > a + ul > li:after {
	content:"";
	display:inline-block;
	width:5px;
	height:5px;
	background:#bababa;
	border-radius:50%;
	margin:0 0.5rem 3px 0.5rem;
}
.dbTab > li.active > a + ul > li:last-child:after {
	display:none;
}
.dbTab > li.active > a + ul > li.active a {
	color:#F9217B;
}
.dbTab > li.active > a + ul > li:hover a {
	color:#F9217B;
}
.kosisList > h4 {
    padding:1rem 0.5rem;
    background:url(/images/sp/stats/decoRect.png) no-repeat center top / 100%, #F9217B;
    color:#fff;
    font-size:18px;
    text-align:center;
}
/* .kosisList span.arrow {
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-50%);
    width:12px;
    height:12px;
    background:url(/images/sp/stats/iconArrow.svg) no-repeat center center / contain;
    transition:.3s;
} */
.kosisList .flexBox {
    display:flex;
	align-items:stretch;
}
.kosisList .flexBox > ul {
    width:50%;
}
.kosisList .flexBox > ul > li {
    border-bottom:1px solid #ccc;
}
.kosisList .flexBox > ul > li > div.active a span.arrow {
    transform:translateY(-50%) rotate(180deg);
}
.kosisList .flexBox > ul > li > div > a {
    position:relative;
    padding:1rem 0.5rem;
    display:block;
    font-weight:bold;
}
.kosisList .flexBox .left {
	max-height:550px;
	overflow-y:auto;
	border-right:1px solid #ccc;
}
.kosisList .flexBox > ul > li > div.active a  {
    color:#F9217B
}
.kosisList .flexBox > ul > li:hover > div > a {
	color:#F9217B;
}
.kosisList .flexBox > ul > li > div > a:before {
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    background:#F9217B;
    border-radius:50%;
    margin:0 5px 3px 0;
}
.kosisList .flexBox > ul > li > ul > li a {
    position:relative;
    padding:1rem 0.5rem;
    display:block;
    background:#f8f8f8;
    font-weight:bold;
}
.kosisList .flexBox > ul > li > ul > li a:before {
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    background:#464646;
    border-radius:50%;
    margin:0 5px 3px 0;
}
.kosisList .flexBox > ul > li > ul > li > div > a {
	text-indent:20px;
}
.kosisList .flexBox > ul > li > ul > li:active > div > a {
	color:#F9217B;
}
.kosisList .flexBox > ul > li > ul > li:hover > div > a {
	color:#F9217B;
}
.kosisList .flexBox > ul > li > ul.subList > li  > .subList02 {
    display:none;
}
.kosisList .flexBox > ul > li > ul > li  > ul > li > a {
    padding:0.75rem 0.5rem 0.75rem 1.5rem;
    display:block;
    background:#f8f8f8;
    font-weight:bold;
    color:#464646;
}
.kosisList .flexBox > ul > li > ul > li  > ul > li:active > div > a {
	color:#F9217B;
}
.kosisList .flexBox > ul > li > ul > li  > ul > li:hover > div > a {
	color:#F9217B;	
}
.kosisList .flexBox > ul > li > ul > li  > ul > li > a:before {
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    background:#ccc;
    border-radius:50%;
    margin:0 5px 3px 0;
}
/* .kosisList .flexBox > ul > li > ul > li  > ul > li > a:after {
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    background:url(/images/sp/stats/iconNewLink.svg) no-repeat center center / contain;
    margin:0 0 -3px 5px;
    opacity:.7;
} */
.kosisList .flexBox > ul > li > ul > li > ul > li > div > a {
	text-indent:40px;
	padding:0.75rem 0.5rem;
	color:#464646;
}
.kosisList .flexBox > ul > li > ul > li > ul > li > div > a:before {
	background:#888;
}
.kosisList .flexBox > ul > li > ul > li > ul > li > ul > li > div > a {
	color:#676767;
	text-indent:60px;
	padding:0.5rem;
}
.kosisList .flexBox > ul > li > ul > li > ul > li > ul > li.active > div > a {
	color:#F9217B;
}
.kosisList .flexBox > ul > li > ul > li > ul > li > ul > li:hover > div > a {
	color:#F9217B;
}
.kosisList .flexBox > ul > li > ul > li > ul > li > ul > li > div > a:before {
	background:#bababa;
}
.kosisList .flexBox > ul > li > ul li a.active {
    color:#F9217B;
}
.kosisList .flexBox > ul > li > ul li a.active span.arrow {
    transform:translateY(-50%) rotate(180deg);
}
.kosisList .flexBox > ul.right {
	background:#fafafa;
    max-height: 550px;
    overflow-y: auto;
}
.kosisList .flexBox > ul.right li a {
    padding:1rem 0.5rem;
    display:block;
    background:#fff;
}
.kosisList .flexBox > ul.right li:hover a {
	color:#F9217B;
}
.kosisList .flexBox > ul.right li a:after {
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    background:url(/images/sp/stats/iconNewWindow.svg) no-repeat center center / contain;
    margin:0 0 -3px 5px;
    opacity:.7;
}
.totalSearch .chnetData .tabBox > li {
	width:33.33%;
	cursor:pointer;
}
.value.str {
	word-break:keep-all;
	font-size:22px !important;
}

/*로딩스피너*/
.loading {
	position:fixed;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 3px solid rgba(255,255,255,.3);
	border-radius: 50%;
	border-top-color: #fff;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
	z-index:999999;
} 
 @keyframes spin {
	to { -webkit-transform: rotate(360deg); }
	 }
 @-webkit-keyframes spin {
	to { -webkit-transform: rotate(360deg); }
	 }
@media all and (max-width:1024px){
	.statGraphic .titleBox {
		display:block;
	}
	.statGraphic .titleBox > h3 {
		width:100%;
	}
	.statGraphic .titleBox > div,
	.statGraphic .titleBox .topSearchBox {
		max-width:unset;
	}
	.subMenuBox {
		display:none;
	}
	.flex1780 > div:last-child {
		width:100%;
	}
	.keyStats .contentBox .tabCont > div[class^=tab] > .graphBox {
		width:100%;
		margin-bottom:2rem;
	}
	.keyStats .contentBox .graphBox .title .right {
		top:40px;
		right:unset;
		left:0;
		display:flex;
		align-items:center;
	}
	.keyStats .contentBox .graphBox .title .right .unit {
		margin-left:0.5rem;
	}
	.overallStats .contentBox .infoGraphic {
		padding:1rem;
	}
	.keyIndicators .contentBox > .content {
		width:49%;
		margin-right:1%;
	}
}
@media all and (max-width:768px) {
	.boardDesc > .imgBox {
		display:none;
	}
	.boardDesc > .txtBox {
		width:100%;
	}
	.lifeStats .contentBox > .desc > .imgBox {
		display:none;
	}
	.lifeStats .contentBox > .desc > .txtBox {
		width:100%;
	}
	.lifeStats .contentBox .categoryBox > li {
		width:calc(100% / 4);
	}
	.lifeStats .contentBox .categoryBox > li:nth-child(1),
	.lifeStats .contentBox .categoryBox > li:nth-child(2) {
		border-bottom:1px solid #dedede;
	}
	.keyStats .contentBox .categoryBox > li {
		width:calc(100% / 2);
	}
	.keyStats .contentBox .categoryBox > li:nth-child(1),
	.keyStats .contentBox .categoryBox > li:nth-child(2),
	.keyStats .contentBox .categoryBox > li:nth-child(3) {
		border-bottom:1px solid #dedede;
	}
	.overallStats .contentBox .infoGraphic {
		background:#ebecef;
	}
	.overallStats .contentBox .infoGraphic > ul.place > li:nth-child(even) {
		width:50%;
	}
	.overallStats .contentBox .infoGraphic > ul.place > li p.title,
	.overallStats .contentBox .infoGraphic > ul.place > li p.value {
		width:calc(100% - 1rem);
		box-shadow:0 0 15px 0 rgb(237 5 92 / 15%);
	} 
	.visualMap .categoryBox > li {
		width:calc((100% / 2) - 0.5rem);
	}
	.statsBoard .chartBox > .row {
		padding:1.5rem 0.75rem;
	}
	.statsBoard .chartBox > .row > div:nth-child(1) p {
		font-size:16px;
	}
	.statsBoard .chartBox > .row > div:nth-child(2) {
		flex-direction:column;
		margin-right:0.75rem;
	}
	.statsBoard .chartBox > .row > div:nth-child(2) p {
		width:87px;
		font-size:16px;
	}
	.statsBoard .chartBox > .row > div:nth-child(2) p.desc {
		font-size:14px;
	}
	.statsBoard .chartBox > .row + .chart.active {
		height:250px;
	}
	.statsBoard .chartDesc > dl dd {
		word-break:keep-all;
	}
	.keyIndicators .contentBox > .content {
		width:100%;
		margin-right:0;
	}
}
@media all and (max-width:400px) {
	.locationBox a, .locationBox p {
		font-size:14px;
	}
	.keyStats .contentBox .graphBox .title .quickLink {
		font-size:14px;
	}
	.keyStats .contentBox .graphBox .title .right .unit {
		font-size:14px;
	}
	.visualMap .categoryBox > li {
		width:100%;
	}
	.statsBoard .chartBox > .row > div:nth-child(1) p span {
		display:block;
	}
	.statsBoard .chartDesc {
		flex-wrap:wrap;
	}
	.statsBoard .chartDesc > dl {
		width:40%;
	}
	.statsBoard .chartDesc > dl:last-child {
		margin-right:1rem;
	}
	.overallStats .contentBox .categoryBox {
		flex-wrap:wrap;
	}
	.overallStats .contentBox .categoryBox > li {
		width:calc(100% / 2);
	}
	.overallStats .contentBox .categoryBox > li:nth-child(n + 3) {
		border-top:1px solid #dedede;
	}
}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	html, body {
		height:auto;
	}
	select::-ms-expand {
		display:none
	}
	.contWrap .boardTabBox {
		border-left:0;
	}
	.contWrap .boardTabBox li:nth-child(6n) {
		border-right:none;
	}
	.cnNewsList ul.article {
		display:block;
	}
	.cnNewsList ul.article li {
		text-align:center;
	}
}