tr .all-region{display: inline-block; height: 30px; font-size: 15px; color: white; line-height: 30px; min-width: 70px; background-color: #3b9ff3; text-align: center}
tr .partial-region{display: inline-block; height: 30px; font-size: 15px; color: white; line-height: 30px; min-width: 70px; background-color: #f99418; text-align: center; margin:1px; margin-bottom: 5px;}

@media all and (max-width:800px){
	tr .all-region{display: inline-block;height: 25px;font-size: 13px;color: white;line-height: 25px;min-width: 65px;background-color: #3b9ff3;text-align: center}
	tr .partial-region{display: inline-block;height: 25px;font-size: 13px;color: white;line-height: 25px;min-width: 55px;background-color: #f99418;text-align: center;margin:1px;margin-bottom: 5px;}
}

/* 테이블 */
.tbl {width:100%; text-align:center; font-size:14px; vertical-align:middle;}
.tbl th {padding:10px 5px;}
.tbl td {padding:10px 5px;}

.tbl_line {width:100%; border-top:1px solid #898989; font-size:14px; vertical-align:middle;}
.tbl_line td {padding:5px; border-bottom:1px solid #898989; color:#ddd;}

.tbl_stripe_01 {border:1px solid #4a5363;}
.tbl_stripe_01 thead tr:last-of-type {background-color:#f7f8f9;}
.tbl_stripe_01 tbody tr:nth-of-type(2n) {background-color:#f7f8f9;}
.tbl_stripe_01 th { border:1px solid #4a5363; font-size:15px;}
.tbl_stripe_01 td { border:1px solid #4a5363;}
.tbl_stripe_01 i { font-size:12px;}

.tbl_checkW_01 tr td:nth-of-type(1) { text-align:center; padding:10px 10px;}

.tbl_stripe_02 {}
.tbl_stripe_02 th {border:1px solid #4a5363; font-size:16px; color:#404041; font-weight:600;}
.tbl_stripe_02 td {border:1px solid #4a5363; font-size: 14px; color:#444445;}
.tbl_stripe_02 tbody tr:nth-of-type(2n) {background-color:#353b44;}
.tbl_stripe_02 thead tr {background-color:#f7f8f9;}

.tbl_stripe_03 {border-top:1px solid #000;}
.tbl_stripe_03 th {color:#444; font-weight:500; text-align:left;  padding:10px 30px; border:1px solid #bbb; font-size:15px; background-color:#f7f8f9;}
.tbl_stripe_03 td {color:#444; border:1px solid #bbb;}
.tbl_stripe_03 i {color:#444; font-size:12px;}

.tbl_paddingLow {}
.tbl_paddingLow th {padding:10px 5px;}
.tbl_paddingLow td {padding:5px 5px; font-size:13px;}

.tbl_allow_con {margin-bottom:10px;}
.tbl_allow_con td {background-color:#353b44; padding:10px; border:2px solid #636d79; line-height:1.5;}

.tbl_hori_01 {width:100%; text-align:left;}
.tbl_hori_01 th {background-color:#f7f8f9; font-weight:500; font-size:15px; padding:18px 10px 18px 20px; border:1px solid #bbb; color:#444444;}
.tbl_hori_01 td {padding:18px 10px 18px 20px; border:1px solid #bbb; }

.tbl_paddingLow02 {}
.tbl_paddingLow02 th {padding:10px 10px 10px 20px;}
.tbl_paddingLow02 td {padding:10px 10px 10px 20px;}


@media all and (max-width:800px){
	.tbl {font-size:12px;}
	.tbl_hori_01 {display:table;}
	.tbl_hori_01 th {display:table-cell; width:30%;}
	.tbl_hori_01 td {display:table-cell; width:auto;}
}


/* 라디오 박스 */
.radio-default {position:absolute; left:-9999px;}
.radio-default + label {position:relative; font-size:14px; padding:5px 5px 5px 25px;}
.radio-default + label:before {content:""; display:block; position:absolute; top:6px; left:0; width:10px; height:10px; border-radius:50%; border:4px solid #e0e0e0; background-color:#fff;}
input.radio-default:checked + label:before {background-color:#8ac640;}

input.radio-streetLamp:checked + label:before {background-color:#04a8e5;}
input.radio-secureLamp:checked + label:before {background-color:#ffcb09;}
input.radio-controlBox:checked + label:before {background-color:#8dc73f;}

input.radio-streetLamp2:checked + label:before {background-color:#04a8e5;}
input.radio-secureLamp2:checked + label:before {background-color:#ffcb09;}
input.radio-controlBox2:checked + label:before {background-color:#8dc73f;}


.radio-default02 {position:absolute; left:-9999px;}
.radio-default02 + label {position:relative; font-size:12px; padding:5px 5px 5px 20px;}
.radio-default02 + label:before {content:""; display:block; position:absolute; top:7px; left:0; width:12px; height:12px; border-radius:50%; border:1px solid #fff;}
.radio-default02 + label:after {content:""; display:none; position:absolute; top:10px; left:3px; width:8px; height:8px; border-radius:50%; background-color:#fff;}
input.radio-default02:checked + label:after {display:block;}


/* 체크박스 */
.check_default {position:absolute; left:-9999px; }
.check_default + label {position:relative; font-size:14px; padding:5px 5px 5px 25px; color:#444;}
.check_default + label:before {content:""; display:block; position:absolute; top:6px; left:0; width:15px; height:15px; border:1px solid #7d8393;}
input.check_default:checked + label:before {content:"\f00c"; font-family:'FontAwesome';}


/* 로그인 부분 */
#loginWrap {width:100%; height:100%; background:url(/resources/img/web/web_loginBg.jpg) no-repeat center center; background-size:cover; position:absolute; padding: 1px 0 0 0; background-color:#000;}

.loginMainText {position:absolute; top:13%; right:4%; text-align:right;}
.loginMainText .logo {margin-bottom:20px;}
.loginMainText h3 {color:#fff; font-size:38px; font-weight:500; letter-spacing:-1.5px; line-height:1.2;}
.loginMainText p {color:#aaa; font-size:14px; font-weight:500; margin-top:17px;}
.loginMainText p span {font-size:15px; font-weight:bold;}

.loginCopyrightBox {position:absolute; bottom:4%; right:7%; color:#fff; font-size:12px; font-weight:500;}

.loginBlackBox {width:580px; height:100%; background:rgba(0,0,0,0.8); background-blend-mode: multiply; /*mix-blend-mode: multiply;*/ text-align:center; vertical-align:middle;}
.loginBlackBox .middleBox {display:inline-block; width:344px;}
.loginBlackBox h1 {font-size:50px; color:#fff; font-weight:700; margin-bottom:23px; letter-spacing:-1.5px;}
.loginBlackBox h3 {font-size:18px; color:#fff;}
.loginBlackBox .formBox {font-size:19px; color:#fff; margin-top:30%; padding:0 15px; }
.loginBlackBox .loginTab {margin-bottom:30px; border-bottom:1px solid #fff;}
.loginBlackBox .loginTab li {float:left; padding:10px 25px; margin-bottom:-1px;}
.loginBlackBox .loginTab li.active {float:left; border:1px solid #fff; border-bottom:1px solid #030508;}
.loginBlackBox .loginTab li a {color:#aaa;font-weight:500; font-size:15px;}
.loginBlackBox .loginTab li.active a {color:#fff; font-weight:500;}
.loginBlackBox .loginTabCon {width:100%; text-align:left;}
.loginBlackBox .loginTabCon li {margin-bottom:20px;}
.loginBlackBox .loginTabCon li p {color:#fff; font-size:14px; font-weight:500; margin-bottom:7px;}
.loginTabCon .txtLoginInput {width:100%; padding:15px; border:1px solid #aaa;}
.loginTabCon .txtLoginInput::-webkit-input-placeholder {color:#ddd !important; letter-spacing:-0px; }
.loginTabCon .txtLoginInput::-moz-input-placeholder {color:#ddd !important; letter-spacing:-0px; }
.loginTabCon .txtLoginInput::-ms-input-placeholder {color:#ddd !important; letter-spacing:-0px; }

.loginBlackBox .loginBtn {margin:10% 0 35%;}
.loginBlackBox .loginBtn i {color:rgba(255,255,255,0.9); font-size:40px; margin-bottom:13px;}

.loginSearchBox {text-align:center;}
.loginSearchBox .inner {display:inline-block; padding:15px 10px; border-bottom:1px solid #fff;}
.loginSearchBox span {display:inline-block; margin:0 5px; color:#fff; font-size:14px;}
.loginSearchBox a,
.loginSearchBox button {color:#fff; font-size:14px;}

@media all and (max-width:940px){
	.loginBlackBox {width:400px;}
}
@media all and (max-width:750px){
	#loginWrap {height:auto; background:rgba(0,0,0,0.8);}
	#loginWrap:after {
		content : "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background:url(/resources/img/web/web_loginBg.jpg) no-repeat center center; background-size:cover; 
		width: 100%;
		height: 100%;
		opacity : 1;
		z-index: -1;
	}
	.loginBlackBox {width:100%; background-color:transparent; height:auto;}
	.loginBlackBox .middleBox {display:block; width:100%; padding:5%;}
	.loginBlackBox h1 {display:none;}
	.loginBlackBox h3 {font-size:15px;}
	.loginBlackBox .formBox {margin-top:20%; padding:0 15px; }
	.loginTabCon .txtLoginInput {width:100%; padding:12px 8px; border:1px solid #aaa;}
	.loginBlackBox .loginBtn {margin:10% 0 20%;}
	
	.loginMainText {position:relative; top:0; right:0; text-align:center; margin:40px 0 20px;}
	.loginMainText h3 {font-size:25px;}
	.loginMainText p {display:none;}
	
	.loginCopyrightBox {position:relative; bottom:0; right:0; text-align:center; padding:10px 0 30px;}
	
}


/******** 웹메인 - 웹관리자 (메인) ************/

.webAdUpRow {width:100%; height:700px;}
.webAdUpRow .leftCol {float:left; width:72.78%; height:100%; background-color:#192b51; padding:14px;}
.webAdUpRow .leftCol .inner {width:100%; height:100%; border:1px solid #4a5362; padding:34px; position:relative; background-image:url(/resources/img/web/map_index_admin_02.png); background-repeat:no-repeat; background-position: top 25px left 38px;}
.webAdUpRow .leftCol .textBox_01 {margin-top:10px;}
.webAdUpRow .leftCol .textBox_01 h1 {font-size:35px; font-weight:500; line-height:1.1; margin-bottom:10px;}
.webAdUpRow .leftCol .textBox_01 h4 {font-size:18px; line-height:1.2; margin-bottom:10px;}
.webAdUpRow .leftCol .textBox_01 h5 {font-size:14px;}
.webAdUpRow .leftCol .graph_01 { width:628px; margin-top:180px;}
.webAdUpRow .leftCol .graph_01 .rowGraph {margin-bottom:27px;}
.webAdUpRow .leftCol .graph_01 .rowGraph:last-of-type {margin-bottom:0px;}
.webAdUpRow .leftCol .graph_01 .rowGraph:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.webAdUpRow .leftCol .graph_01 .rowGraph h2 {float:left; width:20%; font-size:22px; font-weight:500; line-height:1.3;}
.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox {float:left; width:80%; padding-top:3px;}
.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData {margin-bottom:9px; width:100%; display:table; text-align:left; vertical-align:middle;}
.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData:last-of-type {margin-bottom:0px;}
.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .name {display:table-cell; width:10%; font-size:14px;}
.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .dataBar {display:table-cell; width:65%; height:18px; background-color:#545456;}
.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .dataBar .dataInner {width:30%; height:100%; background-color:#fff;}
.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .number {display:table-cell; width:19%; padding-left:2%; font-size:14px;}
	/* 막대그래프 수치*/
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(1) .rowData:nth-of-type(1) .dataInner {background-color:#30c1dc;}
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(1) .rowData:nth-of-type(1) .number {color:#30c1dc;}
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(1) .rowData:nth-of-type(2) .dataInner {background-color:#fff32a;}
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(1) .rowData:nth-of-type(2) .number {color:#fff32a;}

.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(2) .rowData:nth-of-type(1) .dataInner {background-color:#30c1dc;}
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(2) .rowData:nth-of-type(1) .number {color:#30c1dc;}
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(2) .rowData:nth-of-type(2) .dataInner {background-color:#fff32a;}
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(2) .rowData:nth-of-type(2) .number {color:#fff32a;}

.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(3) .rowData:nth-of-type(1) .dataInner {background-color:#8272de;}
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(3) .rowData:nth-of-type(1) .number {color:#8272de;}
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(3) .rowData:nth-of-type(2) .dataInner {background-color:#ff7bb6;}
.webAdUpRow .leftCol .graph_01 .rowGraph:nth-of-type(3) .rowData:nth-of-type(2) .number {color:#ff7bb6;}
	/* 가로등 지도 */
.webAdUpRow .leftCol .map_01 {width:538px; height:654px; position:absolute; top:13px; right:13px; background:url(/resources/img/web/map_index_admin_01.png) no-repeat center center;}
.webAdUpRow .leftCol .map_01 .iconBox {position:absolute; top:50px; right:45px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle {width:95px; height:95px; border-radius:50%; background:gray; color:#fff; vertical-align:middle; text-align:center; padding-top:18px; position:absolute;}
.webAdUpRow .leftCol .map_01 .mapTextCircle h3 {font-size:14px; font-weight:500; margin-bottom:7px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle .mainCircleTbl {width:85%; text-align:center; font-size:12px; margin-left:7%;}
.webAdUpRow .leftCol .map_01 .mapTextCircle .mainCircleTbl td {padding:1px; width:50%;}

.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(1) {top:143px; right:45px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(2) {top:154px; right:155px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(3) {top:194px; right:278px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(4) {top:274px; right:354px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(5) {top:326px; right:247px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(6) {top:265px; right:157px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(7) {top:256px; right:32px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(8) {bottom:161px; right:338px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(9) {bottom:154px; right:161px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(10) {bottom: 58px;right: 300px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(11) {bottom:49px; right:187px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(12) {top:31px; right:45px;}
.webAdUpRow .leftCol .map_01 .mapTextCircle:nth-of-type(13) {bottom:31px; right:400px;}
	/*지도 동그라미 색*/
.purpleCircle {background-color:#5c52a9 !important; transform:scale(1,1);}
.yellowCircle {background-color:#bea91a !important; transform:scale(1.11,1.11);}
.greenCircle {background-color:#0a7875 !important; transform:scale(1.12,1.12);}
.wineCircle {background-color:#7a3876 !important; transform:scale(1.13,1.13);}
.blueCircle {background-color:#0b89c3 !important; transform:scale(1.16,1.16);}

.webAdUpRow .rightCol {float:right; width:26.15%; height:100%; padding:12px 12px; border:2px solid #373d47;}
.webAdUpRow .rightCol .webMainRow_01 {width:100%; height:49%; margin-bottom:2%; padding:10px; border:2px solid #4a5363;}
.webAdUpRow .rightCol .webMainRow_01:last-of-type {margin-bottom:0%;}
.webAdUpRow .rightCol .webMainRow_01 .rightTitle {padding:5px; position:relative; margin-bottom:10px;}
.webAdUpRow .rightCol .webMainRow_01 .rightTitle p {font-size:20px; font-weight:500;}
.webAdUpRow .rightCol .webMainRow_01 .rightTitle .closeBtn {position:absolute; top:9px; right:15px;}
.webAdUpRow .rightCol .webMainRow_01 .rightTitle .closeBtn i {font-size:20px; color:#bac6ca;}
.webAdUpRow .rightCol .webMainRow_01 .containerBottom {height:calc(100% - 45px); border:2px solid #373d47; padding:10px;}

.webAdUpRow .rightCol .webMainRow_01 .webWeatherInfo {text-align:center; vertical-align:middle; width:100%; padding:0 10px;}
.webAdUpRow .rightCol .webMainRow_01 .webWeatherInfo .row {display:table; width:100%; border-bottom:1px dashed #a8a1a3;}
.webAdUpRow .rightCol .webMainRow_01 .webWeatherInfo .row:last-of-type {border-bottom:none;}
.webAdUpRow .rightCol .webMainRow_01 .webWeatherInfo .date {display:table-cell;}
.webAdUpRow .rightCol .webMainRow_01 .webWeatherInfo .weatherPic {display:table-cell;}
.webAdUpRow .rightCol .webMainRow_01 .webWeatherInfo .tempData {display:table-cell;}
.webAdUpRow .rightCol .webMainRow_01 .webWeatherInfo .tempData ul li {margin-top:10px;}
.webAdUpRow .rightCol .webMainRow_01 .webWeatherInfo .tempData ul li:first-child {margin-top:0;}

.webAdUpRow .rightCol .webMainRow_01 .ledPercentBox {text-align:center; vertical-align:middle;}
.webAdUpRow .rightCol .webMainRow_01 .ledPercentBox .center{display: table; height: -webkit-fill-available; width: 100%;}
.webAdUpRow .rightCol .webMainRow_01 .ledPercentBox .center .content{display: table-cell; vertical-align: middle; text-align: center; font-size: large;}



.webAdUpRow .rightCol .webMainRow_01 .ledPercentBox p {font-size:20px; margin-bottom:10px;}
.webAdUpRow .rightCol .webMainRow_01 .ledPercentBox p.fontBig1 {font-size:15px;}
.webAdUpRow .rightCol .webMainRow_01 .ledPercentBox .circleGraphBox {height: auto; margin-top: 35px;}

	/* 밑에 미리보기 테이블 */
.webAdDownRow {width:100%; margin-top:15px; border:2px solid #353c44; padding:14px 15px;}
.webAdDownRow .inner {width:100%; border:2px solid #4b5262; padding:14px 10px;}
.webAdDownRow .preViewBox {border:2px solid #353c44; padding:12px 24px;}
.webAdDownRow .preViewBox .title {margin-bottom:10px; position:relative;}
.webAdDownRow .preViewBox .title:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.webAdDownRow .preViewBox .title p {font-size:19px; font-weight:500; text-align:left;}
.webAdDownRow .preViewBox .title .moreBtn {position:absolute; top:1px; right:0;}
.webAdDownRow .preViewBox .title .moreBtn button {font-size:12px;}
.webAdDownRow .preViewBox .title .moreBtn button i {font-size:15px; vertical-align:top; font-weight:300; margin:0px 4px 0 2px;}

	/* LED 설치 비율 */
.fontBigger_04 {font-size:2em;} 

@media all and (max-width:1850px){
   .webAdUpRow .leftCol .graph_01 {width:525px;}
}


@media all and (max-width:1720px){
   
   .webAdUpRow .leftCol .graph_01 {width:628px;}
   
   .webAdUpRow {width:100%; height:auto;}
   .webAdUpRow .leftCol {float:none; width:100%; height:700px; background-color:#192b51; padding:14px;}
   .webAdUpRow .rightCol {float:none; width:100%; height:auto; padding:12px 12px; border:2px solid #373d47; margin-top:1%;}
   .webAdUpRow .rightCol .webMainRow_01 {float:left; width:49%; height:332px; margin:0 2% 0 0;}
   .webAdUpRow .rightCol .webMainRow_01:last-of-type {margin:0 0% 0 0;}
   .webAdUpRow .rightCol .webMainRow_01 .webWeatherInfo .row {height:130px;}
   
   .webAdDownRow .col_lg_04 {float:left; width:49%; margin:0 1% 10px 0;}
   .webAdDownRow .col_lg_04:nth-of-type(2n) {margin: 0 0 10px 0;}
   
}

@media all and (max-width:1300px){
		
	.webAdUpRow .leftCol {height:auto; background-color:#192b51; padding:14px;}
	.webAdUpRow .leftCol .graph_01 {margin-top:70px;}
	.webAdUpRow .leftCol .map_01 {position:relative; left:calc(50% - 269px);}
	
}

@media all and (max-width:800px){
	.webAdUpRow .leftCol .inner {padding:10px;}
	
	.webAdUpRow .leftCol .textBox_01 {margin-top:5px;}
	.webAdUpRow .leftCol .textBox_01 h1 {font-size:24px; line-height:1.3;}
	.webAdUpRow .leftCol .textBox_01 h4 {font-size:15px; display:none;}
	.webAdUpRow .leftCol .textBox_01 h5 {font-size:12px; display:none;}
	
	.webAdUpRow .leftCol .graph_01 {width:100%; margin:30px 0 20px;}	
	
	.webAdUpRow .leftCol .graph_01 .rowGraph h2 {float:none; width:100%; font-size:18px; margin:0 0 10px 0;}
	.webAdUpRow .leftCol .graph_01 .rowGraph h2 br {display:none;}
	
	.webAdUpRow .leftCol .graph_01 .rowGraph {margin-bottom:25px;}
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox {float:none; width:100%; padding-top:0px; margin:5px 0 0px;}
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .name {width:10%; font-size:12px;}
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .dataBar {width:76%; height:18px;}
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .number {width:14%; font-size:12px;}
	
	.webAdUpRow .leftCol .map_01 {display:none;}
	.webAdUpRow .rightCol .webMainRow_01 {float:left; width:100%; height:332px; margin:0 0 2% 0;}
	.webAdUpRow .rightCol .webMainRow_01:last-of-type {margin:0 0% 0 0;}
	
	.webAdDownRow .col_lg_04 {float:left; width:100%; margin:0 0 10px 0;}
	.webAdDownRow .col_lg_04:last-of-type {margin: 0 0 0px 0; padding:15px;}
		
}

@media all and (max-width:500px){
	
	/* 막대 그래프 */
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData {margin-bottom:15px; width:100%; display:block; text-align:left; vertical-align:middle;}
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData:last-of-type {margin-bottom:0px;}
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .name {display:block; width:100%; margin-bottom:5px;}
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .dataBar {display:block; width:90%; height:15px; background-color:#545456; margin-bottom:5px;}
	.webAdUpRow .leftCol .graph_01 .rowGraph .dataBox .rowData .number {display:block; width:100%; padding-left:0%;}
}



/* 컨텐츠 틀 - 01 */
/* .container_sub .inner {border:3px solid #343b45;}
 */
.conSub01_topBox {width:100%;}
.conSub01_topBox .titleBox {width:100%; padding:15px 20px;}
.conSub01_topBox .titleBox h2 {float:left; font-size:24px; font-weight:500; color:#8cc542; margin-top:20px;}
.conSub01_topBox .titleBox .nav {float:right; font-size:14px; margin-top:28px;}
.conSub01_topBox .titleBox .nav .navArrow {margin:0 5px;}

.conSub01_topBox .blackBox {width:100%; padding:10px 20px; background-color:#343b45; border-top:2px solid #464d5d; border-bottom:2px solid #464d5d;}
.conSub01_topBox .blackBox h4 {float:left; font-size:15px; padding-top:8px;}
.conSub01_topBox .blackBox .textNoAllow {float:right; padding:6px 20px; font-size:15px; color:#8bc640; font-weight:500;}

.conSub01_topBox .blackBox .windowViewBox {float:right;}
.windowViewBox .windowView {display:table; vertical-align:middle; border-collapse:collapse;}
.windowViewBox .windowView li {display:table-cell; vertical-align:middle; padding:3px 7px 5px; border:1px solid #7c8393;}
.windowViewBox .windowView li button i {color:#8bc640;}

.conSub01_topBox .inputTextBox {width:100%; padding:17px;}
.conSub01_topBox .inputTextBox .inner {padding:17px; border:1px solid #bbb;}
.conSub01_topBox .inputTextBox .leftBox {float:left;}
.conSub01_topBox .inputTextBox .rightBox {float:right;}
.conSub01_topBox .inputTextBox .radioBox {float:left; padding-top:10px; margin-right:20px;}
.conSub01_topBox .inputTextBox .radioBox label {margin-right:10px;}
.conSub01_topBox .inputTextBox .selectBox {float:left; margin-right:20px; color:#ccc;}
.conSub01_topBox .inputTextBox .selectBox select {margin-right:20px;}
.conSub01_topBox .inputTextBox .selectBox span {margin:0 5px;}
.conSub01_topBox .inputTextBox .btnBox {float:left;}
.conSub01_topBox .inputTextBox .btnBox button:first-of-type {margin-right:5px;}

.gapDeeper_01 {background-color:#343b45; height:13px; border-top:2px solid #464d5d; border-bottom:2px solid #464d5d; }

.conSub01_bottomBox {position:relative;border: 1px solid #bbb;margin-left: 3px;}
.conSub01_bottomBox .inner {padding:15px 17px;}

h2.subConTitleWhite {font-size:19px; font-weight:500; margin-bottom:15px;}


@media all and (max-width:1550px){	
	.conSub01_topBox .inputTextBox .selectBox {margin-bottom:10px;}
	
}

@media all and (max-width:1200px){	
	.conSub01_topBox .inputTextBox .radioBox {margin:10px 0px 10px;}
	.conSub01_topBox .inputTextBox .selectBox {margin:10px 0px 10px;}
	.conSub01_topBox .inputTextBox .btnBox {margin:10px 0px 10px;}
	
	.conSub01_topBox .inputTextBox .selectBox span {display:none;}
	
	
}

@media all and (max-width:800px){
	.conSub01_topBox .inputTextBox .radioBox {width:100%; float:noen;}
	.conSub01_topBox .inputTextBox .selectBox {width:100%; float:noen;}
	.conSub01_topBox .inputTextBox .btnBox {width:100%; float:noen;}
	
	.conSub01_topBox .titleBox h2 {float:none; font-size:22px; margin-top:20px;}
	.conSub01_topBox .titleBox .nav {float:none; font-size:12px; margin-top:10px;}
		
	.conSub01_topBox .blackBox h4 {float:none; font-size:14px; padding-top:8px;}
	.conSub01_topBox .blackBox .textNoAllow {float:none; font-size:12px; margin-top:10px; display:inline-block;}	
	.conSub01_bottomBox .tableResultText p {font-size:12px;}
	.conSub01_topBox .inputTextBox .btnBox button:first-of-type {margin-right:0px;}
	
	.conSub01_topBox .blackBox .windowViewBox {float:none; margin-top:10px;}
	
	.conSub01_bottomBox {padding:7px;}
	.conSub01_bottomBox .inner {padding:15px 10px;}
	h2.subConTitleWhite {font-size:15px;}
	
	.conSub01_topBox .inputTextBox .rightBox {float:none; width:100%;}
	
	
}


/*행정관리업무 승인요청관리 */


/* 표지 미부착 대상지 - 등록 */
.tbl_hori_01.type02 .selectDefault_02 {width: 100%; height: 39px; padding: 8px 10px; background-color: #fff;}
.tbl_hori_01.type02 .txt_line_Default {width: 100%; height: 39px;}
.conSub01_bottomBox .btnBox button {margin: 0; color: #fff; background-color: #0B5AA0; transition: all 0.3s ease; display: inline-flex; justify-content: center; align-items: center; text-align: center; width: 80px; height: 39px;}
.conSub01_bottomBox .btnBox button:hover {background-color: #104896;}

@media screen and (max-width:1024px) {
    .tbl_hori_01.type02 {display: block; width: 100%; border: 1px solid #bbb; border-bottom: none;}
    .tbl_hori_01.type02 colgroup {display: none;}
    .tbl_hori_01.type02 tbody {display: block;}
    .tbl_hori_01.type02 tr {display: flex; flex-wrap: wrap;}
    .tbl_hori_01.type02 th {width: 30%; padding: 15px 10px 15px 25px; font-size: 14px; display: inline-flex; align-items: center; border: none; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb;}
 	 .tbl_hori_01.type02 th:first-of-type {border-top:none;}
    .tbl_hori_01.type02 td {width: 70%; padding: 15px 10px; display: inline-flex; align-items: center; border: none; border-bottom: 1px solid #bbb;}

    
}

@media screen and (max-width:768px) {
    .tbl_hori_01.type02 th {padding: 15px 10px;}
}

/*행정관리업무 이장단관리 */

.tableContentsBox {}
.tableContentsBox .formBox {float:right; margin:15px 0; vertical-align:middle;}
.tableContentsBox .formBox button {width:60px; font-size: 14px;background-color: #235cac;color: #fff;display: inline-flex;height: 43px;justify-content: center;align-items: center;text-align: center;}
.tableContentsBox .formBox select {min-width:200px; height:43px; background-color:#fff;}
.leejang_manage .conSub01_bottomBox {border: none;}
.leejang_manage .conSub01_bottomBox .inner {padding: 0;}
.leejang_manage .conSub01_bottomBox .btn-common {font-size: 14px;}
.leejang_manage .conSub01_bottomBox .btn-common.green {background-color: #03a059;}
.leejang_manage .conSub01_bottomBox .btn-common.green:hover {background-color: #027e46;}
.leejang_manage .conSub01_bottomBox .btn-common.red {background-color: #db4455;}
.leejang_manage .conSub01_bottomBox .btn-common.red:hover {background-color: #bb3a48;}

.leejang_manage .tableContentsBox .formBox {display: flex; align-items: center; justify-content: flex-end; float: none;}
.leejang_manage .tableContentsBox .formBox .btnBox {display: flex;}
.leejang_manage .tableContentsBox .formBox .btnBox button {margin-right: 3px;}

.leejang_manage .tbl_stripe_02 select {width: 95%; height: 43px;}
.leejang_manage .tbl_stripe_02 input {width: 95%; height: 43px; font-size: 14px; }

.leejang_manage .mobile-table-wrap {margin-top: 20px;}
.leejang_manage .mobile-table-wrap select {width: 95%; height: 38px; background-color: #fff;}
.leejang_manage .mobile-table-wrap input {width: 95%; height: 38px;}
.leejang_manage .mobile-table-wrap .btnBox {width: 95%; display: inline-flex; align-items: center; justify-content: center;}
.leejang_manage .mobile-table-wrap .btnBox button {width: 50%; max-width: 80px; height: 38px;}
.leejang_manage .mobile-table-wrap .btnBox button:not(:last-of-type) {margin-right: 3px;}

@media all and (max-width:1024px){
    .tbl_stripe_02 th {font-size: 14px;}
    .tableContentsBox {}

    .tableContentsBox .formBox {float:none; margin-bottom:0;}
    .tableContentsBox .mobile-srch-box {margin-bottom: 20px;}
    .tableContentsBox .formBox button {margin-right:0px; height: 39px;}
    .tableContentsBox .formBox select {height: 39px;}
    .leejang_manage .tableContentsBox .formBox {justify-content: flex-start;}
    .leejang_manage .tbl_stripe_02 {display: none;}
    
}

@media screen and (max-width:480px) {
    .tableContentsBox .formBox select {font-size: 14px; min-width: unset; width: calc(100% - 64px);}
  	.leejang_manage .mobile-table-wrap .btnBox button {font-size: 13px;}
}

/* 행정관리업무 승인완료내역 */
.formInnerBLineBox {border:2px solid #333a42; padding:15px 10px;}
.formInnerBLineBox .innerInline {display:inline-block;}
.formInnerBLineBox .innerInline .selectBox {width:385px;}
.formInnerBLineBox .innerInline .selectBox p {width:100%; margin-bottom:10px;}
.formInnerBLineBox .innerInline .selectBox p:last-of-type {margin-bottom:0px;}
.formInnerBLineBox .innerInline .selectBox p select {width:73.5%;}
.formInnerBLineBox .innerInline .selectBox p button {width:20%;}

.allowUnder_pic {width:100%; margin-bottom:10px; padding:15px; border:2px solid #636d79;}
.allowUnder_pic ul {padding:10px; border:2px solid #333a42;}
.allowUnder_pic ul li {float:left; width:19.2%; margin-left:1%;}
.allowUnder_pic ul li:first-child {margin-left:0%;}

.allowPageBox {margin-top:30px;}

@media all and (max-width:800px){
	.formInnerBLineBox {border:2px solid #333a42; padding:7px 10px;}
	.formInnerBLineBox .innerInline .selectBox {width:100%;}
	.allowUnder_pic ul li {float:none; width:100%; margin-top:2%; margin-left:0;}
	.allowUnder_pic ul li:first-child {margin-top:0;}
	.allowUnder_pic ul li img {width:100%;}
	
}


/* 공공조명조회 - 위치검색 */
.setting-location {}
.setting-location .conSub01_bottomBox {border: none; margin-left: 0;}
.setting-location .conSub01_topBox .inputTextBox .inner {border: 1px solid #ddd;}

.mapSearch01 {width:100%; }
.mapSearch01 .leftBox {float:left; width:100%;}

.mapSearch01 h3 {font-size:19px; font-weight:600;}
.mapSearch01 .leftBox .titleRow {width:100%; display: flex; align-items: flex-end;}
.mapSearch01 .leftBox .titleRow .line {line-height:43px; padding:0 60px; background-color:#235cac; position: relative; bottom: 0px; color: #fff;}

.mapSearch01 .leftBox .titleRow .inputBox {padding: 0 0 5px 15px; font-size: 15px;}
.mapSearch01 .leftBox .titleRow .inputBox label {margin-right:8px;}

.mapSearch01 .leftBox .titleRow .right_info {margin-left: auto; margin-top:13px; margin-bottom:3px;}
.mapSearch01 .leftBox .titleRow .right_info span {position:relative; font-size:15px; display:inline-block; padding:6px 5px 6px 0px;}
.mapSearch01 .leftBox .titleRow .right_info span:before {content:""; width:20px; height:24px; background-repeat:no-repeat; background-position:0 0; position:absolute; left:0; top:0;}

span.streetLampInfo_01 {color:#04a8e5;}
span.streetLampInfo_01:before {background-position:0 0;}

span.secureLampInfo_01 {color:#ffcb09;}
span.secureLampInfo_01:before {background-position:-20px 0 !important;}

span.controlBoxInfo_01 {color:#8dc73f;}
span.controlBoxInfo_01:before {background-position:-40px 0 !important;}

span.dcucontrolBoxInfo_01 {color:#f58220;}
span.dcucontrolBoxInfo_01:before {background-position:-61px 0 !important;}

span.countDatInfo_01:before {background-position:-78px 0 !important;}
.mapSearchGoogleMap {width:100%; border:1px solid #bbb; padding:15px;position:relative;}
.mapSearchGoogleMap .mapInner {position:relative; border:1px solid #bbb; padding:15px; height:568px; }
.mapSearchGoogleMap .mapInner img {width:100%; height:100%;}

.infoWindowContents {position:absolute; top:10%; right:10%; width:220px;display:none; z-index: 10000; background-color: #fff; border: 1px solid #ddd;}
.mapBottomDetail .contentsMapBox .infoWindowContents {right:1%;}
.infoWindowContents .top {position:relative; width:100%; padding:13px; border-bottom: 1px solid #ddd;}
.infoWindowContents .top p {float:left; font-size:15px; font-weight:500;}
.infoWindowContents .top p.closeBtn {float:right;}
.infoWindowContents .top p.closeBtn i {font-size:18px;}
.infoWindowContents .middleBox {padding:13px;}
.infoWindowContents .middleBox ul li {margin-top:10px; font-size:14px;}
.infoWindowContents .middleBox ul li:first-of-type {margin-top:0px;}
.infoWindowContents .bottomBox {padding:13px; background-color:#82b842; text-align:center;}
.infoWindowContents .bottomBox button {font-size:15px; font-weight:500;}

.mapSearch01 .rightBox {margin-top:45px;height: 600px;padding: 15px;}
.mapSearch01 .rightBox .titleBox {padding:5px 0 20px;}
.mapSearch01 .rightBox .titleBox .right {font-size:0.9em; padding-top:5px;}

/* .mapSearch01 .rightBox .tableInnerBox {border:2px solid #333a42; padding:15px;} */
.mapSearch01 .rightBox .tableInnerBox .tbl_publicLight {margin-top:5%; height:30%;}
.mapSearch01 .rightBox .tableInnerBox .tbl_publicLight:first-of-type {margin-top:0%;}

.tbl_publicLight {width:100%; font-size:20px; text-align:center; vertical-align:middle;;}
.tbl_publicLight th {background-color:#f7f8f9; font-size:16px; padding:20px 10px; color: #333; border: 1px solid #ddd; font-weight: 600;}
.tbl_publicLight td {border: 2px solid #636d79; font-size:16px; padding: 15px 10px;font-weight: 400; color: #333; border: 1px solid #ddd;}
.tbl_publicLight.first th {background-color: #314061; color: #fff; font-size: 18px; font-weight: 500;}
.tbl_publicLight.first td {color: #ed1f24; font-size: 18px;}

@media all and (max-width:1400px){
   .mapSearch01 .leftBox {float:none; width:100%;}
   .mapSearch01 .rightBox {float:none; width:100%; margin-top:20px; height:auto;}
   
   .tbl_publicLight th { padding:20px;}
   .tbl_publicLight td { padding:20px;}
}

@media screen and (max-width:1200px) {
    .setting-location .conSub01_topBox .inputTextBox .inner {padding: 0; border: none;}
    .setting-location .conSub01_bottomBox {margin-top: 30px;}
    .mapSearch01 .leftBox .titleRow .line {font-size: 17px; padding: 0 45px;}
}

@media all and (max-width:800px){
    .setting-location .conSub01_bottomBox {padding: 0;}
	.mapSearch01 h3 {font-size:18px;}
	
	.mapSearch01 .rightBox {padding:10px;}
	.mapSearch01 .rightBox .tableInnerBox {padding:10px;}
	
	.mapSearch01 .leftBox .titleRow {height:auto; width:100%; padding:0 0 10px; flex-wrap: wrap;}
	.mapSearch01 .leftBox .titleRow .line {font-size: 16px; padding: 0 35px;}
	.mapSearch01 .leftBox .titleRow .inputBox {float:none; margin-top:10px;  padding:0 10px 5px; font-size: 14px;}
	.mapSearch01 .leftBox .titleRow .right_info {float:none; margin-top:10px; padding:0 10px; width: 100%;}
	.mapSearch01 .leftBox .titleRow .right_info span {font-size:12px;}
	
	.mapSearchGoogleMap {padding:10px;}
	.mapSearchGoogleMap .mapInner {padding:10px; height:300px; }
	.mapSearchGoogleMap .mapInner .contentsBox {display:none;}
		
	.mapSearch01 .rightBox .titleBox {padding:5px 10px 10px;}
	
    .tbl_publicLight.first th {font-size: 16px;}
    .tbl_publicLight.first td {font-size: 16px;}
	.tbl_publicLight th { padding:15px; font-size:14px;}
	.tbl_publicLight td { padding:15px; font-size:14px;}
	
}

@media screen and (max-width:480px) {
    .mapSearch01 .leftBox .titleRow {}
    .mapSearch01 .leftBox .titleRow .line {width: 100%; text-align: center; font-size: 15px;}
    .mapSearch01 .leftBox .titleRow .inputBox {width: 100%; padding: 0; font-size: 13px;}
    .mapSearch01 .leftBox .titleRow .inputBox br {display: none;}
    .mapSearch01 .leftBox .titleRow .right_info {padding: 0;}
    .mapSearch01 .rightBox {padding: 0; margin-top: 25px;}
    .mapSearch01 .rightBox .tableInnerBox {margin-bottom: 40px;}
    .mapSearch01 .rightBox .titleBox .right {font-size: 13px;}
    .mapSearch01 h3 {font-size: 16px;}
    .tbl_publicLight.first th {font-size: 15px;}
    .tbl_publicLight.first td {font-size: 15px;}
    .tbl_publicLight th {font-size: 13px;}
    .tbl_publicLight td {font-size: 13px;}
    
}



/* 공공조명조회 - 사진첩*/
.pictureContents {text-align:center;}
.pictureContents .radioBox {margin:10px 0 20px;}
.pictureContents .formBox2 {margin-bottom:20px;}
.formBox2 .selectDefault {margin-left:10px;}
.pictureContents .formBox2 span {margin:0 5px;}
.pictureContents .btnBox {margin-bottom:10px;}

@media all and (max-width:800px){	
	.pictureContents .formBox2 span {display:none;}
	.formBox2 .selectDefault {margin-left:0px;}
}

/* 위치설정 */
.conSub01_topBox .inputTextBox.type02 {padding: 0; margin-bottom: 20px; margin-top: -20px;}
.conSub01_topBox .inputTextBox.type02 .selectDefault {height: 43px; font-size: 14px; background-color: #fff; min-height: unset; margin-right: 0;}
.conSub01_topBox .inputTextBox.type02 .txtDefault {min-height: unset; height: 43px; font-size: 14px;}
.conSub01_topBox .inputTextBox.type02 .txtDefault::placeholder {font-size: 14px;}
.conSub01_topBox .inputTextBox.type02 .btn-in-02,
.conSub01_topBox .inputTextBox.type02 .btn-in-04 {height: 43px; font-size: 16px; color: #fff; padding: 10px 15px; border-radius: unset; margin: 0; font-size: 15px;}
.conSub01_topBox .inputTextBox.type02 #KpNumber {vertical-align: bottom;}
.conSub01_topBox .inputTextBox.type02 .inner > div:first-of-type {width: 100%; display: flex; justify-content: center; align-items: center;}
.conSub01_topBox .inputTextBox.type02 .selectBox {margin-bottom: 0;}
.conSub01_topBox .inputTextBox.type02 .selectBox .selectBox-in {display: inline-block;}
.conSub01_topBox .inputTextBox.type02 .radioBox {padding-top: 0;}
.conSub01_topBox .inputTextBox.type02 .btnBox button:first-of-type {margin-right: 0; }

@media screen and (max-width:1200px) {
    .conSub01_topBox .inputTextBox.type02 .selectBox {margin: 0;}
    .conSub01_topBox .inputTextBox.type02 .btnBox {display: flex; width: 100%; margin: 0; margin-top: 10px;}
    .conSub01_topBox .inputTextBox.type02 .btnBox button:not(:last-of-type) {margin-right: 3px;}
    .conSub01_topBox .inputTextBox.type02 .inner {border: none; padding: 0;}
    .conSub01_topBox .inputTextBox.type02 .inner > div:first-of-type {flex-wrap: wrap; justify-content: flex-start; text-align: left; margin-bottom: 10px;}
    .conSub01_topBox .inputTextBox.type02 .inner > div:last-of-type {text-align: left;}
    .conSub01_topBox .inputTextBox.type02 .radioBox {width: 100%;}
    .conSub01_topBox .inputTextBox.type02 #regionSelect {margin-right: 3px;}
    .conSub01_topBox .inputTextBox.type02 .selectDefault {height: 39px; font-size: 14px;}
    .conSub01_topBox .inputTextBox.type02 .btn-in-02,
    .conSub01_topBox .inputTextBox.type02 .btn-in-04 {font-size: 14px; height: 39px;}
    .conSub01_topBox .inputTextBox.type02 .txtDefault {height: 39px; font-size: 14px; width: 190px;}
}

@media screen and (max-width:480px) {
    .conSub01_topBox .inputTextBox.type02 {margin-bottom: 50px;}
    .conSub01_topBox .inputTextBox.type02 .radioBox {display: flex; flex-wrap: wrap; align-items: center;}
    .conSub01_topBox .inputTextBox.type02 .selectBox {display: flex; width: 100%; flex-wrap: wrap;}
    .conSub01_topBox .inputTextBox.type02 .selectBox .selectDefault {min-width: 80px;}
    .conSub01_topBox .inputTextBox.type02 .selectBox .txtDefault {width: 100%;}
    .conSub01_topBox .inputTextBox.type02 .selectBox .selectBox-in {width: 100%; display: flex; margin-bottom: 3px;}
    .conSub01_topBox .inputTextBox.type02 .selectBox .selectBox-in select {width: 100%;}
    .conSub01_topBox .inputTextBox.type02 .selectBox .selectBox-in select:not(:last-of-type) {margin-right: 3px;}
    .conSub01_topBox .inputTextBox.type02 .btnBox {width: 100%; display: flex; justify-content: space-between; margin-top: 3px;}
    .conSub01_topBox .inputTextBox.type02 .btnBox button {width: calc(100% / 3);}
    .conSub01_topBox .inputTextBox.type02 .btnBox button:not(:last-of-type) {margin-right: 3px;}
    .conSub01_topBox .inputTextBox.type02 .inner > div:last-of-type {display: flex; width: 100%; align-items: center;}
    .conSub01_topBox .inputTextBox.type02 .inner > div:last-of-type button {min-width: 70px;}
    .conSub01_topBox .inputTextBox.type02 .inner > div:last-of-type .txtDefault {width: 100%;}
}

/* 민원처리 - 고장접수대장 */
.ulLampTroubleNow {display:inline-block;}
.ulLampTroubleNow li {font-size:15px;display: flex;align-items: center;float:left;padding:0 15px;gap: 5px;}
.ulLampTroubleNow li i {font-size:1.2em; margin-right:5px;display: inline;}

.ulLampTroubleNow li.street {color:#04a8e6;}
.ulLampTroubleNow li.street i {color:#04a8e6;}

.ulLampTroubleNow li.secure {color:#8caf4e;}
.ulLampTroubleNow li.secure i {color:#ffcb05;}

.ulLampTroubleNow li.control {color:#f37167;}
.ulLampTroubleNow li.control i {color:#8dc63f;}

.formTopBox {margin-bottom:15px;}
.formTopBox select {margin-right:8px; float:left;}

#unreceivedList .conSub01_bottomBox::after {display: none;}

@media all and (max-width:800px){	
	.ulLampTroubleNow li {display: flex; align-items: center; font-size:14px; float:none; margin-top:10px;}
    .ulLampTroubleNow li {margin-top: 0; padding: 0; display: flex; align-items: center;}
    .ulLampTroubleNow li:not(:last-of-type) {margin-right: 10px;}
    .ulLampTroubleNow li img {width: 24px !important; margin-right: 3px;}
  	.ulLampTroubleNow li:first-child {margin-top:0px;}
	.ulLampTroubleNow li:after {width:0;}

	.formTopBox select {margin-right:0px; float:none;}
  
  	
    #unreceivedList .tbl_hori_01 {display: table;}
    #unreceivedList .tbl_hori_01 th,
    #unreceivedList .tbl_hori_01 td {border-top: 1px solid #bbb; display: table-cell; }
    #unreceivedList .tbl_hori_01 td {width: auto; font-size: 14px; text-align: center; padding: 15px 10px;}
    #unreceivedList .tbl_hori_01 tbody {display: table-row-group;}
    #unreceivedList .tbl_hori_01 tr {display: table-row;}
    
    #unreceivedList .tbl_hori_01 tbody tr:first-of-type th:nth-of-type(1) {width: 20%;}
    #unreceivedList .tbl_hori_01 tbody tr:first-of-type th:nth-of-type(2) {width: 25%;}
    #unreceivedList .tbl_hori_01 tbody tr:first-of-type th:nth-of-type(3) {width: 25%;}
    #unreceivedList .tbl_hori_01 tbody tr:first-of-type th:nth-of-type(4) {width: 30%;}
}




/* 민원처리 - 신규설치민원사항*/
.ulLampInstallState {display:inline-block; margin-top:5px ;margin-left:-70px;}
.ulLampInstallState li {font-size:19px; position:relative; float:left; padding:0 15px; color:#aaaaaa;}
.ulLampInstallState li i {font-size:1.5em; margin-right:5px;}

@media all and (max-width:800px){	
	.ulLampInstallState {display:inline-block; margin-left:0; margin-top:10px;}
		
	.ulLampInstallState li {font-size:14px; float:none; margin-top:5px;}
	.ulLampInstallState li:first-child {margin-top:0px;}
	.ulLampInstallState li:after {width:0;}


}


/* 민원처리 - 민원처리 완료대장*/
.inlineSelectBox select {float:left; margin-right:10px;}

@media all and (max-width:800px){	
	.inlineSelectBox select {float:none; margin-right:0px;}
}





/* 민원관리 - 담당자직접신고 */
.gapDeeper_02 {width:100%; background-color:#343b45; border-top:2px solid #464d5d; border-bottom:2px solid #464d5d; padding:15px;}
.gapDeeper_02 .leftBox {float:left; padding-left:20px; font-size:14px; color:#8cc542; line-height:1.4;}
.gapDeeper_02 .rightBox {float:right; }

@media all and (max-width:800px){	
	.gapDeeper_02 .rightBox {margin-top:15px;}
	.gapDeeper_02 .leftBox {font-size:12px;}
  
	.tbl_hori_01.type03 {display: table; border-top: 1px solid #bbb;}
  	.tbl_hori_01.type03 tbody {display:table-row-group;}
  	.tbl_hori_01.type03 tr {display:table-row}
    .tbl_hori_01.type03 th {display: table-cell; width: 25%;}
    .tbl_hori_01.type03 td {display: table-cell; width: 75%;}
    .tbl_hori_01.type03 .txt-in-01 {width: 100%;}
    .tbl_hori_01.type03 .tel_box {display: flex; align-items: center;}
    .tbl_hori_01.type03 .tel_box .txt-in-01 {min-width: unset;}
    .tbl_hori_01.type03 .tel_box .dash {margin: 0 5px;}
}


/* 관리자업무 - 가로등코드관리 */

	/* 탭부분 */
.tabBtnBox {width:100%; margin-top:6px; text-align:left; height:38px; }
.tabBtnBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.tabBtnBox .tabBtnUl {display:inline-block; }
.tabBtnBox .tabBtnUl li {float:left; background-color:#f2f5fa; border:1px solid #bbb; padding:10px 35px; margin:0 3px; position:relative; z-index:400;border-bottom: none;}
.tabBtnBox .tabBtnUl li a {font-size:15px; display:block; color:#343434;}
.tabBtnBox .tabBtnUl li.active {background-color:#fff; border-bottom:1px solid #fff !important; position:relative; z-index:550; padding:15px 35px; margin-top:-8px;}
.tabBtnBox .tabBtnUl li.active a {font-weight: 500;}

.tabContents01 {position:relative; z-index:400; background-color:#fff;}
.tabContents01 .tabTitleBox .subConTitleWhite {margin-top:5px;}
.tabTitleBox  .right button {margin-top:-5px;}

.tabBtnBox {width:100%; margin:0 0 45px}
.tabBtnBox .stat_tabBtnUl {width: 100%; display: flex; border-bottom: 1px solid #000; position: relative;}
.tabBtnBox .stat_tabBtnUl::before {content: ""; width:1px; height: 1px; background-color:#000; position: absolute; left: -1px; bottom: -1px;}
.tabBtnBox .stat_tabBtnUl::after {content: ""; display: block; clear: both;}
.tabBtnBox .stat_tabBtnUl li {border:1px solid #dddddc; min-width: 150px; margin-left: -1px; background-color: #f7f8f9; position: relative; z-index: 5;}
.tabBtnBox .stat_tabBtnUl li a {display:block; padding:16px 15px 15px; text-align: center; font-size:16px; color: #333;}
.tabBtnBox .stat_tabBtnUl li.active {border:1px solid #000; z-index: 10; background-color: #fff; border-bottom:none;}
.tabBtnBox .stat_tabBtnUl li.active a {font-weight: 500;}
.tabBtnBox .stat_tabBtnUl li.active a::before {content: "\e928"; font-family : xeicon; font-size:20px; padding-right: 5px;}
.tabBtnBox .stat_tabBtnUl li.active::before {content:""; width:100%; height:1px; background-color: #fff; position: absolute; left:0; bottom: -1px;}

@media all and (max-width:1000px){	
.tabBtnBox .stat_tabBtnUl li {width: 33%; min-width: unset; margin-left: 0;}
}

@media all and (max-width:800px){	

	.tabBtnBox {display:block; width:100%; height:auto; margin-bottom:10px;}	
	
	.tabBtnBox .tabBtnUl {display:block; width:100%; height:auto;margin-top: 70px;}	
	
	.tabBtnBox .tabBtnUl li {float:none; width:100%;padding:10px; margin:0 0px; border-top:none; border-bottom:1px solid #bbb;}
	.tabBtnBox .tabBtnUl li:first-child {border-top:2px solid #bbb;}
	.tabBtnBox .tabBtnUl li a {font-size:14px; display:block; color:#aaa;}
	.tabBtnBox .tabBtnUl li.active {padding:10px; margin-top:0px; border-bottom:2px solid #bbb !important;}
	
	.tabTitleBox  .right button {margin-top:0px;}
}

/* 관리자 업무 통계*/
.stat_page .conSub01_bottomBox {position: relative;z-index:0; border: 1px solid #bbb;margin-left: 3px;}
.stat_page .tabBtnBox .stat_tabBtnUl {display:inline-block; }
.stat_page .tabBtnBox .stat_tabBtnUl li {float:left; background-color:#f2f5fa; border:1px solid #bbb; padding:10px 25px; margin:0 3px; position:relative; z-index:400;border-bottom: none;}
.stat_page .tabBtnBox .stat_tabBtnUl li a {font-size:15px; display:block; color:#343434;}
.stat_page .tabBtnBox .stat_tabBtnUl li.active {background-color:#fff; border-bottom:1px solid #fff !important; position:relative; z-index:550; padding:15px 25px; margin-top:-8px;}
.stat_page .tabBtnBox .stat_tabBtnUl li.active a {font-weight: 500;}

/* 관리자업무 - IP 내역조회 */
.ipDetailTop span {padding:12px; font-size:14px;}

@media all and (max-width:800px){	
	.ipDetailTop span {padding:30px 0 10px; font-size:12px;}
}



/* 관리자 업무 - 사용자관리 */
.useInfor .contents {display:inline-block; margin-top:10px; margin-right:-100px; color:#8ac640; font-size:14px;}
.useInfor button {float:left; margin-right:5px;}

@media all and (max-width:800px){	
	.useInfor .contents {margin-right:0;}
	.useInfor button {float:none; margin-right:0px; margin-top:10px;}
}

/* 관리자 업무 - 알림전송 */

.alarmContents .row {margin-bottom:8px;}
.alarmContents .row:last-of-type {margin-bottom:0px;}
.alarmContents .row .check_default +label {display:inline-block; width:150px;}
.alarmContents .check_default +label {margin-right:10px;}

.alarmContents .smallText {font-size:14px; padding:15px; color:#ccc;}

.conSub01_bottomBox.alarm-select-box {border: 1px solid #bbb; margin-bottom: 20px; padding: 25px 20px;}
.conSub01_bottomBox.alarm-select-box .inner {padding: 0;}
.conSub01_bottomBox.alarm-select-box h2.subConTitleWhite {font-weight: 600;}
.conSub01_bottomBox.alarm-select-box .alarmContents > ul {display: flex; flex-wrap: wrap;}
.conSub01_bottomBox.alarm-select-box .alarmContents > ul li {margin-right: 20px; margin-bottom: 7px;}
.conSub01_bottomBox.alarm-select-box .alarmContents > ul label {display: flex; align-items: center;}
.conSub01_bottomBox.alarm-select-box .alarmContents > ul input {width: 16px; height: 16px; margin-bottom: 2px; margin-right: 7px;}
.conSub01_bottomBox.alarm-content-box {border: 1px solid #ddd; margin-bottom: 20px; padding: 25px 20px;}
.conSub01_bottomBox.alarm-content-box .inner {padding: 0;}
.conSub01_bottomBox.alarm-content-box h2.subConTitleWhite {font-weight: 600;}
.conSub01_bottomBox.alarm-content-box textarea {width: 100%; height: 100px; resize: none; font-size: 16px; padding: 15px;}
.btn-alarm-send-box button {font-size: 16px; display: inline-flex; justify-content: center; align-items: center; text-align: center; color: #fff; background-color: #235cac; padding: 10px 15px; margin: 0;}

@media all and (max-width:800px){	
	.alarmContents .check_default +label {line-height:1.8; display:inline-block; margin:5px 0;}
	.alarmContents .row .check_default +label {display:inline-block; width:auto;}
	.alarmContents .smallText {font-size:12px;}
  
    .conSub01_bottomBox.alarm-select-box {padding: 20px 15px;}
    .conSub01_bottomBox.alarm-content-box {padding: 20px 15px;}
    .conSub01_bottomBox.alarm-select-box .alarmContents > ul li {font-size: 14px; margin-right: 10px;}
    .conSub01_bottomBox.alarm-select-box .alarmContents > p {font-size: 14px;}
    .conSub01_bottomBox.alarm-content-box textarea {font-size: 14px;}
    .btn-alarm-send-box button {font-size: 14px;}
}

@media screen and (max-width:480px) {
    .conSub01_bottomBox.alarm-select-box {padding: 15px 10px;}
    .conSub01_bottomBox.alarm-content-box {padding: 15px 10px;}
}

/* 관리자업무 - 총등주관리 - 등주등록현황*/
.lightUploadTop select {margin-right:10px !important;}



/* 수불부 관리 업로드 */
.supplyPopUp {position:absolute; top:10%; left:10%;}
.supplyBtnBox button {margin-right:7px; float:left;}
.supplyBtnBox input {margin-right:7px; float:left;}

.supplySelectBox {padding-right:0;}
.supplySelectBox select {margin-right:7px !important;}
.supplySelectBox select:last-of-type {margin-right:0px !important;}

@media all and (max-width:800px){	

	.supplyBtnBox button {margin-right:0px; float:none;}
	.supplyBtnBox input {margin-right:0px; float:none;}
	
	.supplySelectBox select {margin-right:0px !important;}
	.supplySelectBox select:last-of-type {margin-right:0px !important;}
}


/* 가로등 보수처리 팝업 */
.windowPopUp {width:100%;}

.txt_pop_buttonW {width:calc(100% - 70px);}


/* 회원가입 비밀번호 찾기*/
.findPwdPadding {padding:20px 40px !important;}


/* 승인요청관리_상세보기 _01*/
.repairPopUpDetail {}
.repairPopUpDetail .lefPicBox {float:left; width:53%;}
.repairPopUpDetail .lefPicBox img {display:block; width:100%;height:250px;}
.repairPopUpDetail .lefPicBox .top {width:100%; margin-bottom:15px;}
.repairPopUpDetail .lefPicBox .row .col {float:left; width:49%; margin-right:2%; border:1px solid #b7b7b7;}
.repairPopUpDetail .lefPicBox .row .col:last-of-type {margin-right:0%;}
.repairPopUpDetail .lefPicBox .row .col img {height:150px;} 
.repairPopUpDetail .lefPicBox .row .imgInfo {position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.3);padding: 6px;font-size: 14px;} 

.repairPopUpDetail .rightDetailBox {float:right; width:45%;}

.PopUp_01 .mapBox {width:100%; border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.PopUp_01 .mapBox img {width:32%; display:inline-block;height:200px;}
.PopUp_01 .mapBox p {font-size:14px; color:#343b45;margin-bottom:5px;}

.PopUp_01 .txtBox {width:100%; padding:10px; text-align:center;}
.PopUp_01 .txtBox p {font-size:14px; color:#343b45;}


.btnBox button {margin-right:5px;}



/* 공공조명조회 - 위치검색 - 등주정보 */
.nowBatteryBox {float:right; padding-top:3px;}
.nowBatteryBox span {font-size:14px; margin-right:5px;}
.nowBatteryBox i {font-size:25px; vertical-align:middle; color:#ccc; -webkit-text-stroke: 1px #343b45;}

/* 위에 그래프 */
.contentsLight_Detail {width:100%; display:table;}
.contentsLight_Detail .leftBox {display:table-cell; width:55%; border-right:1px solid #343b45; vertical-align:top;}
.contentsLight_Detail .rightBox {display:table-cell; width:45%; border-left:1px solid #343b45; padding:13px; vertical-align:top;}

.contentsLight_Detail .leftBox .detailGraphBox {padding:13px;}
.contentsLight_Detail .leftBox .mapBottomDetail {padding:13px;}

.graph_motorBox {float:left; width:31.5%; margin-right:1%; border:2px solid #bbb; padding:5px;position: relative;}
.graph_motorBox .unlinked {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);text-align: center;padding-top: 100px;font-weight: bold;font-size:20px;}

.detailTableBox {float:left; width:67%; border-bottom: 2px solid #bbb;}
.detailTableBox .tbl_hori_01 tr:last-child th, .detailTableBox .tbl_hori_01 tr:last-child td {border-bottom: 0;}

.graph_motorBox .top {height:140px; background-color:#353b44; border:2px solid #4a5363; text-align:center; padding:0px 15px 5px; margin-bottom:5px;}
.graph_motorBox .bottom {}
.graph_motorBox .bottom > ul {display:table; width:100%; margin-top:0px; height:125px;}
.graph_motorBox .bottom > ul > li {display:table-cell; width:50%; vertical-align:middle; text-align:left; padding:3px;}
.graph_motorBox .bottom > ul > li button {width:100%; height:100%; display:inline-block; border:1px solid #636d7b; padding:2px;}
.graph_motorBox .bottom > ul > li button.h50per {height:47.5%; margin-top:5%;}
.graph_motorBox .bottom > ul > li button.h50per:first-of-type {margin-top:0;}

.graph_motorBox .bottom > ul > li button .leftIconBox {}

.graph_motorBox .bottom > ul > li button .rightLetterBox {margin-bottom:15px;}
.graph_motorBox .bottom > ul > li button .rightLetterBox p {font-size:0.87em;}

.graph_motorBox .bottom > ul > li button .leftIconBox2 {width:50%; height:100%; float:left; margin-top:-2px;}
.graph_motorBox .bottom > ul > li button .rightLetterBox2 {width:50%; padding:10px 10px 0 0; height:100%; float:left;}

.graph_motorBox .bottom > ul > li:nth-of-type(1) button {padding-top:0px !important;}
.graph_motorBox .bottom > ul > li:nth-of-type(2) button {padding-top:9px !important;}


.letter_0001 p {color:#aaa !important;}
.letter_0001 .span01 {font-size:1.2em; padding:5px 2px 0 0;}
.letter_0001 .span02 {font-size:0.8em;}

.graph_motorBox .bottom > ul > li button i {font-size:25px; color:#aaa;}
.graph_motorBox .bottom > ul > li button i.fa-angle-up {font-size:40px;}
.graph_motorBox .bottom > ul > li button i.fa-angle-down {font-size:40px;}
.graph_motorBox .bottom > ul > li button i.fa-stop {font-size:16px;}
.graph_motorBox .bottom > ul > li button i.fa-power-off {font-size:3em;}

.graph_motorBox .bottom > ul > li .lineTextBox {margin-top:0px;}
.graph_motorBox .bottom > ul > li .lineTextBox p {font-size:13px; font-weight:300; color:#aaa;}
.graph_motorBox .bottom > ul > li .lineTextBox .detailLeft { text-align:center;}
.graph_motorBox .bottom > ul > li .lineTextBox .circle {display:inline-block; width:6px; height:6px; border-radius:50%; background-color:#aaaaaa; vertical-align:middle; margin:-2px 1px 0 0;}
.graph_motorBox .bottom > ul > li .lineTextBox .detailRight { text-align:right; font-size:#aaa;}
.graph_motorBox .bottom > ul > li .lineTextBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}


#change-on-off.turnOnSecure i {color:#ffcb05 !important; text-shadow:0px 0px 20px #ffcb05;}
#change-on-off.turnOnSecure .detailRight {color:#fff !important;}
#change-on-off.turnOnSecure p.on {color:#ffcb05 !important;}
#change-on-off.turnOnSecure p.on .circle {background-color:#ffcb05 !important;}
#change-on-off:not(.turnOnSecure) P.off {color:#ffcb05 !important;}
#change-on-off:not(.turnOnSecure) p.off .circle {background-color:#ffcb05 !important;}

.turnOnStreet i {color:#00aeef !important; text-shadow:0px 0px 20px #00aeef;}
.turnOnStreet .detailLeft {color:#00aeef !important;}
.turnOnStreet .detailLeft .circle {background-color:#00aeef !important;}

	/* 밑에 구글맵 */
.mapBottomDetail .inner {padding:13px; border:2px solid #bbb;}
.mapBottomDetail .titleBox {padding:5px 0 15px;}
.mapBottomDetail .titleBox .inputBox_01 {float:left;}
.mapBottomDetail .titleBox .right_info {float:right; margin-top:0px;}
.mapBottomDetail .titleBox .right_info span {position:relative; font-size:14px; display:inline-block; padding:0 5px 0 15px;}
.mapBottomDetail .titleBox .right_info span:before {content:""; width:10px; height:10px; border:1px solid #7a8191; background-color:#fff; position:absolute; left:0; top:2px; border-radius:50%;}
.mapBottomDetail .contentsMapBox {height:423px;position:relative;}
.mapBottomDetail .contentsMapBox img {width:100%; height:100%;}


.contentsLight_Detail .rightBox .tbl_detailBox {margin-bottom:12px;}
.tbl_paddLow th {padding:22px;}
.tbl_paddLow td {padding:22px;}

.tbl_colorChange th {border-color:#bbb;}
.tbl_colorChange td {border-color:#bbb;}

.contentsLight_Detail .rightBox .lineGraphBox {margin-bottom:12px; padding:12px; border:2px solid #bbb;}
.contentsLight_Detail .rightBox .lineGraphBox:last-of-type {margin-bottom:0px;}
.contentsLight_Detail .rightBox .lineGraphBox h2 {font-size:18px; font-weight:500; margin:5px 0 13px;}
.contentsLight_Detail .rightBox .lineGraphBox .graphStickContents {padding:20px; border:2px solid #333a42; text-align:center;}

.picPreviewBox {padding:13px; border:2px solid #333a42;}
.picPreviewBox ul {width:100%;}
.picPreviewBox ul li {border: 2px solid #bbb;float:left;margin-left:1%;width:32.66%;}
.picPreviewBox ul li img {width:100%;height:150px;}
.picPreviewBox ul li:first-of-type {margin-left:0;}
.picPreviewBox ul li.img4 {width:24.25%;}
.picPreviewBox ul li.img4 img {height:110px;}

.boldNone {font-weight:500;}



@media all and (max-width:1400px){	
	.contentsLight_Detail {width:100%; display:block;}
	.contentsLight_Detail .leftBox {display:block; width:100%; border-right:none;}
	.contentsLight_Detail .rightBox {display:block; width:100%; border-left:none; padding:13px; vertical-align:top;}
	
	.picPreviewBox ul li img {height:200px;}

}



@media all and (max-width:800px){		
	.nowBatteryBox {float:none; padding-top:5px;}
	.nowBatteryBox span {font-size:12px;}
	.nowBatteryBox i {font-size:25px;}
	
	.contentsLight_Detail {width:100%;}
	.graph_motorBox {float:none; width:100%; margin-right:0%;}
	.detailTableBox {float:none; width:100%; margin-top:10px;}
	
	.tbl_mobile_pdLow {}
	.tbl_mobile_pdLow th {padding:10px;}
	.tbl_mobile_pdLow td {padding:10px;}
	
	.tbl_paddLow th {padding:15px;}
	.tbl_paddLow td {padding:15px;}	
	
	.mapBottomDetail .contentsMapBox {height:250px;}

}


/* ----------- 2017.09.26 위치등록부분 ------------ */
.inputCategoryLocation {width:25%; float:left; padding:5px;}
.leftInputBox01 {float:left;}
.leftCheckBox01 {float:left; margin-left:15px; margin-top:8px;}
.tbl_hori_01 td:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.tbl_hori_01 td {position:relative;word-break:keep-all;}
.tbl_hori_01 td .btnBox02 {position:absolute; right:3%; top:3px;}
.widthMine01 {width:97.8% !important;}
.width90Per {width:95%;}
.width98Per {width:98%;}

.txt_file_01 {width:95%; background-color:#bbb !important; border:1px solid #7b8292 !important;}
.txt_file_02 {width:95%; max-width:300px; background-color:#bbb !important; border:1px solid #7b8292 !important;}

.subConTitleWhite_02 {font-size:15px; margin-bottom:10px;}


@media all and (max-width:800px){	
	.inputCategoryLocation {width:50%; float:left; padding:5px;}
	.leftInputBox01 {float:none;}
	.leftCheckBox01 {float:none; margin-left:0px;}
	.widthMine01 {width:95% !important;}
	.width98Per {width:95%;}

}

/* 보수 사진 부분  */
.fileWrap > div {width:32%;float:left;margin-right:1%;margin-bottom:10px;}
.fileWrap > div img {height:200px;margin-bottom:10px;display:block;margin:10px auto;}
.fileWrap > div input {width:100%;}
.fileWrap.fileWrap4 > div {width:100%;}
.fileWrap.fileWrap4 > div img { width:100%; height:200px;margin-bottom:10px;display:block;margin:10px auto;}
.s0103_fimg {display:flex; flex-direction: row; justify-content: flex-start;}
.s0103_fimg > div {padding: 0 10px; flex: 1 1 40%;}

@media (max-width: 1000px){
	.s0103_fimg {flex-wrap: wrap; justify-content: flex-start;}
	.s0103_fimg > div {flex: 1 1 40%; padding: 0 5px;}
	.s0103_fimg > div:nth-child(3), .s0103_fimg > div:nth-child(4) {margin-top:20px;}
}
@media (max-width: 1000px){
	.tbl {font-size:12px;}
	.tbl_hori_01 {display: table; width: 100%; table-layout: fixed;}
	.tbl_hori_01 tr {display:table-row;}
	.tbl_hori_01 th {display:table-cell; width: 20%;}
	.tbl_hori_01 td {display:table-cell; width: 0%;}
	.tbl_hori_01 .sel-in-01 {min-width: 90px; font-size:12px;}
	.tbl_hori_01 .txt-in-01 {min-width: 50px;width: 100%;}
}

@media (max-width: 630px){
	.tbl_hori_01 tbody {display: block; width: 100%;}
	.tbl_hori_01 td, .tbl_hori_01 th {display:flex; width: 100%; padding: 10px; text-align: center; font-size:14px; justify-content: center; flex-wrap: wrap;}
	.tbl_hori_01 th {border-top:none; border-bottom:none; flex-direction: column;}
	.tbl_hori_01 th:first-child {border-top:1px solid #bbb;}
	.tbl_hori_01 colgroup {display: none;}
	.sub0103_th2 {padding-top:8px; padding-right:5px;}

	.fileWrap.fileWrap4 > div {width:100%;}

	.s0103_fimg {display:block; flex-direction: none; justify-content: none;}
	.s0103_fimg > div {margin-bottom:20px; flex:none;}
	.s0103_fimg > div:nth-child(3), .s0103_fimg > div:nth-child(4) {margin-top:0px;}

	.sub0103_sspan {font-size:12px;}
	
    /* 마이게시판 때문에 추가함 추후에 이걸로 문제가 생기면 페이지에 줄 예정*/
    .tbl_hori_01 tr {display: block;}
}

@media (max-width: 480px){
  .tbl_hori_01 colgroup {display: none;}
}
/* ---------- 2017.10.11 날씨보기 부분---------- */

.col-2 {width:49.5%; float:left; margin-right:1%;}
.col-2:last-of-type {margin-right:0%;}
.conSub01_bottomBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}


.webWeatherInfo {text-align:center; vertical-align:middle; width:100%; padding:0 10px;}
.webWeatherInfo .row {display:table; width:100%; border-bottom:1px dashed #a8a1a3;}
.webWeatherInfo .row:last-of-type {border-bottom:none;}
.webWeatherInfo .date {display:table-cell;}
.webWeatherInfo .weatherPic {display:table-cell;}
.webWeatherInfo .tempData {display:table-cell;}

.weatherAddressBox {width:100%; border:2px solid #bbb; padding:10px;}
.tbl_weatherAd {width:100%;}
.tbl_weatherAd td {padding:10px 10px 10px 20px; font-size:15px; color:#414042; text-align:left;}
.tbl_weatherAd th {padding:10px 10px 10px 10px; position:relative; text-align:center;}
.tbl_weatherAd th:after {content:""; position:absolute; right:0px; top:10px; width:1px; height:18px; background-color:#bbb;}

.weatherInfoDetail {margin-top:20px; width:100%;}
.tbl_weatherInfo {width:100%; text-align:center; border:2px solid #bbb;}
.tbl_weatherInfo th {padding:10px; border:2px solid #bbb; background-color:#f7f8f9;}
.tbl_weatherInfo td {padding:10px; border:1px solid #bbb; font-size:14px; color:#414042;}



@media all and (max-width:800px){	
	.col-2 {width:100%; float:none; margin-right:0%; margin-bottom:2%;}
	.col-2:last-of-type {margin-bottom:0%;}
		
	.webWeatherInfo .row .date h5 {font-size:13px;}
	.webWeatherInfo .row .date h3 {font-size:16px;}
	.webWeatherInfo .row .tempData ul li {font-size:14px;}
	
	.tbl_weatherAd th {font-size:14px;}
	.tbl_weatherAd td {font-size:13px;}
	
	.tbl_weatherInfo th {font-size:14px;}
	.tbl_weatherInfo td {font-size:13px;}


}

/* 지역날씨 */
.app-box.weather-select-box {}
.app-box.weather-select-box .selectDefault {height: 43px; font-size: 15px;}
.weather-content-box .webWeatherInfo .row {display: block; text-align: left; margin-bottom:20px;}
.weather-content-box .webWeatherInfo .date {display: flex; width: 100%; align-items: center; margin-bottom: 40px;}
.weather-content-box .webWeatherInfo .date h3 {font-size: 18px; font-weight: 600;}
.weather-content-box .webWeatherInfo .date h5 {font-size: 18px; margin-right: 10px; font-weight: 600;}
.weather-content-box .webWeatherInfo .weatherPic {display: flex; width: 100%; justify-content: center; align-items: center;}
.weather-content-box .webWeatherInfo .weatherPic > ul {margin-left: 20px;}
.weather-content-box .webWeatherInfo .weatherPic .time {color: #295eac; font-size: 22px; font-weight: 600;}
.weather-content-box .webWeatherInfo .weatherPic .temperature {font-size: 40px; font-weight: 600; color: #333; line-height: 1.2;}
.weather-content-box .webWeatherInfo .weatherPic .status {font-weight: 500; color: #333;}
.weather-content-box .webWeatherInfo .tempData {display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 20px;}
.weather-content-box .webWeatherInfo .tempData > ul {width: 100%; display: flex; justify-content: center; align-items: center;}
.weather-content-box .webWeatherInfo .tempData > ul li {position: relative; padding: 0 20px; font-weight: 600;}
.weather-content-box .webWeatherInfo .tempData > ul li:not(:last-of-type)::after {content: ""; width: 1px; height: 80%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #414042;}
.weather-mobile-box {display: none; justify-content: center; align-items: center; font-size: 16px; margin-bottom: 30px;}
.weather-mobile-box i {color: #999; font-size: 24px;}
.weather-mobile-box .region {font-weight: 600; color: #333; margin: 0 10px;}
.weather-mobile-box .v_line {background-color: #999; width: 1px; height: 18px; margin-right: 10px;}

@media screen and (max-width:1200px) {
    .weather-content-box .col-2 {float: none; width: 100%; margin-right: 0;}
    .weather-content-box .col-2:first-of-type {margin-bottom: 40px;}
}

@media screen and (max-width:800px) {
    .weather-content-box .webWeatherInfo .tempData > ul li {padding: 0 10px;}
    .weather-content-box .weatherAddressBox {display: none;}
    .weather-mobile-box {display: flex;}
}

@media screen and (max-width:480px) {
    .weather-content-box .webWeatherInfo .date {margin-bottom: 25px;}
    .weather-content-box .webWeatherInfo .date h5 {font-size: 16px;}
    .weather-content-box .webWeatherInfo .date h3 {font-size: 16px;}
    .weather-content-box .webWeatherInfo .weatherPic .time {font-size: 18px;}
    .weather-content-box .webWeatherInfo .weatherPic .temperature {font-size: 30px;}
    .weather-content-box .webWeatherInfo .weatherPic .status {font-size: 14px;}
    .weather-content-box .webWeatherInfo .tempData > ul {flex-wrap: wrap;}



}

/* 데이터테이블 css */

table.dataTable tbody tr {cursor:pointer;}

table.has-columns-hidden tr span.responsiveExpander {
	background: url(/resources/api/datatables/img/table_mobile_plus.png) no-repeat 5px center;
    padding-left: 32px;
    cursor: pointer;
}
table.has-columns-hidden tr.detail-show > td span.responsiveExpander {
	background: url(/resources/api/datatables/img/table_mobile_minus.png) no-repeat 5px center;
}

table.dataTable thead .sorting:not(.no_sorting) {
    background: url(/resources/api/datatables/img/table_arow_01.png) no-repeat center right;
    background-position-x: calc(100% - 5px);
    padding-right: 20px;
}

table.dataTable thead .sorting_asc:not(.no_sorting) {
    background: url(/resources/api/datatables/img/table_arow_up.png) no-repeat center right;
    background-position-x: calc(100% - 5px);
    padding-right: 20px;
}

table.dataTable thead .sorting_desc:not(.no_sorting) {
    background: url(/resources/api/datatables/img/table_arow_down.png) no-repeat center right;
    background-position-x: calc(100% - 5px);
    padding-right: 20px;
}

.dt-toolbar-footer .tableResultText {margin-top:10px;font-size:13px;}
.dt-toolbar-footer .tblBottomBox {position:relative;}
.dt-toolbar-footer .tblBottomBox .dt-buttons {position:absolute; right:0px; top: -18px;;}
.dt-toolbar-footer .tblBottomBox .dt-buttons a {margin-right:5px;}
.dt-toolbar-footer .tblBottomBox .dt-buttons a i {margin-right:3px;}

@media all and (max-width:1024px){	
	.mobileNone {display:none;}
	.dt-toolbar-footer .tblBottomBox .dt-buttons {position:relative; text-align:center; right:0; top:0;}
	.dt-toolbar-footer .tblBottomBox .dt-buttons a {display:block;float:left;width:70px;}
}

.mendContents .row {margin-bottom:10px;}
.mendContents .imgBox {width:calc(33% - 11px);margin-left:10px;display: inline-block;}
.mendContents .imgBox:first-of-type {margin-left:0;}
.mendContents .imgBox img {width:100%;}


.changedText {text-decoration-line: line-through;color: #aaa;}
.newText {font-weight: bold;color: #8bc640 !important;margin-left:5px;}
.compareBox {position:relative;display: block;}
.compareBox .changeImg {position: absolute; bottom:5px;right:5px;background: #fff;color:#8bc640;border: 1px solid #8bc640;padding: 5px;}

#map .markerInfo {width:100px;}
#map .markerInfo .markerText {    color: #8bc640;text-align: center;border: 1px solid #444;box-sizing: border-box;background: #fff;width: max-content;padding: 4px;display: block;margin: 0 auto 5px;}
#map .markerInfo .markerImg{display:block;width:16px;margin:0 auto;height:24px;}

.necessary {color:red;padding-right:5px;vertical-align: middle;}
.necessaryR {color:red;padding-left:5px;vertical-align: middle;}


.starMark:before {content:"*";position: absolute;left:10px;}
.starMark {padding:10px 20px;text-align:left;position: relative;}