@charset "utf-8";


#pagetitle ul,
#pagetitle li{      float:inherit !important; }

#pagetitle{      height:auto; }

@media (max-width: 640px){
     #pagetitle li span{           font-size:20px;     }
}

.box-header.onelineForm{      padding:15px;}


@media (min-width: 1200px){
     .box-header.onelineForm .form-group{           margin-bottom:0 !important;          padding-top:5px;     }
     .lg_pr0{          padding-right:0 !important;     }
}

@media (max-width: 768px){
     .btn.m_ml15{          margin-left:15px;     }
}
.tableCenter th{     text-align:center;}
.tableCenter td{     text-align:center;}
.notice{font-size:12px; padding:7px; }
.pt0{ padding-top:0 !important; }
.pb0{padding-bottom:0 !important;}
.pr0{     padding-right:0 !important;}
.pl0{     padding-left:0 !important;}
.mt0{     margin-top:0 !important;}
.mb0{     margin-bottom:0 !important;}
.mb5{     margin-bottom:5px !important;}
.ml0{     margin-left:0 !important;}
.mt5{     margin-top:5px !important;}
.mt20{     margin-top:20px;}
.mr10{     margin-right:10px;}

.table-nopd th, .table-nopd td{     padding:0 !important; }
.scroll-chart{      overflow-y:auto;      margin-bottom:20px; }
.scroll-chart > div{      width:100%;    min-width:640px; }

.textarea-style{      resize:none;     overflow-y:auto;}

.report-wrap{     max-height:350px;     overflow-y:scroll;     border:1px solid #d2d6de;     padding:10px;     margin-bottom:20px; }
.report-wrap ~ h4{     margin-top:30px;}
.report-wrap p{     font-size:15px;     letter-spacing: .5px;}
.report-wrap  strong{     border-bottom:1px solid #000; }
.report-wrap textarea{     width:100%;     resize:none;     border:1px solid #f1f1f1;     font-size:13px;}
.tril-content{	 width:32.6% !important; }
.tril-content-margin{	margin-left:1% !important;}
.pageTitle{     border-bottom:1px solid #d1d1d1;     margin-bottom:10px;     padding:3px 0px 2px 0px;     color:#000;     font-size:23px;     font-weight:bold }
.tableTitle{     background:#f0f0f0;     height: 60px; }
.tableSubTitle{     background-color:#f9f9f9; }
.btn-report > button{     padding:4px 10px !important;     font-size:12px !important; }
.sm-btn{     padding:4px 10px !important;     font-size:12px !important; }


@media (max-width: 768px){
     .btn-report {          margin-top:10px;          text-align:right;     }
}

.modal-notice-wrap{     background-color:#f9f9f9;     padding:20px;     font-size:12px;}
.noData{     padding:50px 0 45px;     text-align:center;     border:1px solid #f1f1f1; }
.chart-wrap{     margin-bottom:30px; }
.chart-title{     margin-bottom:10px;     font-weight:bold;     text-align:center; }
.tableError td, .tableError th{      border:.5px solid #f0f0f0 !important; }
.bg-error{      background-color:rgba(221,75,57,0.3);     cursor:pointer;}
.tableError{      border-collapse:inherit; }
.tableError p{     margin-bottom:0; }
td.ErrorBorder{      position:relative;      border:.5px solid #dd4b39 !important; }

@media(max-width: 990px){
     .mdmBt{          margin-bottom:10px !important;     }
}

.modal-diary-wrap{     background-color:#f9f9f9;     padding:20px;     font-size:12px;     border:1px solid #ccc;     max-height:400px;     overflow-y:auto;}


.policy-wrap{     background-color:#f9f9f9;     padding:20px;     font-size:12px;     border:1px solid #ccc;     max-height:400px;     overflow-y:auto; }
.modal-dialog{     margin:10px auto !important;}
     
@media(max-width: 767px){
   .modal-diary-wrap{      max-height:250px;   }
   .policy-wrap{        max-height:250px;   }
}

.bg-f5{     background-color:#f5f5f5;}
.bg-ff{     background-color:#fff;}
.mb-35{	margin-bottom:35px;}
.mb-15{	margin-bottom:15px;}
.graph-head-title{	background-color:#21b9d7;	line-height:120px;	text-align:center;	color:#fff;}
.table-100{	width:100%;	margin-top:40px;	margin-bottom:20px;}
.btn-center-submit{	text-align:center;	padding:20px 0;}
.object-center{	margin:0 auto;}
.relat-top{	position:relative;	top:10px;}
.noBoreder{     border:none !important;}

@media(max-width: 1400px){
	.table-scroll{
		overflow:auto;
	}
	.table{
		width:100%;
	}

}

.border-top-line{ 	border-top: 1px solid #dfdfdf !important;}
.table-border  td,.table-border  th{      border-right:1px solid #dfdfdf; }

.input-inline{      position: relative;     padding-right:50px;}

.input-inline button,
.input-inline a{
     position:absolute;
     right:0;
     top:3px;
}


@media(max-width: 1400px){

     .input-inline button,
     .input-inline a{
          position:inherit;
          right:inherit;
          top:inherit;
     }

}


/*---------------------------------메인_단지 리뉴얼----------------------------------*/

/* font */
@@font-face {
     font-family:'NanumSquare', sans-serif;
     font-style:normal;
     font-weight: 700;
     src:url(fonts/nanumsquareb.eot);
     src:url(fonts/nanumsquareb.eot?#iefx) format('embedded-opentype'),
         url(fonts/nanumsquareb.woff),
         url(fonts/nanumsquareb.oft);
}

@@font-face {
     font-family:'NanumSquare', sans-serif;
     font-style:normal;
     font-weight: 700;
     src:url(fonts/NanumSquareR.eot);
     src:url(fonts/NanumSquareR.eot?#iefx) format('embedded-opentype'),
         url(fonts/NanumSquareR.woff),
         url(fonts/NanumSquareR.oft);
}



.renewSub-Wrap{
     max-width:1200px;
     margin:0 auto;
}
.renewSub-Wrap:after{
     content:"";
     display:block;
     clear:both;
}

.renewSubMain-nav{
     background-color:#21b9d7;
}
.renewSubMain-nav-list{
     margin-bottom:0;
    margin-block-start:0;
    padding-inline-start:0;
}

.renewSubMain-nav-list:after{
     content:"";
     display:block;
     clear:both;
}

.renewSubMain-nav-list li{
     float:left;
     width:20%;
     text-align:center;
     padding:25px 0;
}

.renewSubMain-nav-list.navMobile li{
     width:16.6666%;
}

.renewSubMain-nav-list.nav-four li{
     width:25%;
}

.renewSubMain-nav-list a{
     display:block;
     color:#fff;
     font-size:20px;
     letter-spacing: -.25px;
     font-family:'NanumSquare', sans-serif;
     font-weight:500;
     width:100%;
     position: relative;
}

.renewSubMain-nav-list a img{
     margin-right:10px;
}

.renewSubMain-nav-list li:first-child a:before{
     content:"";
     display:inline-block;
     width:1px;
     height:13px;
     background-color:#fff;
     position: absolute;
     left:0;
     top:50%;
     margin-top:-6.5px;
}


.renewSubMain-nav-list a:after{
     content:"";
     display:inline-block;
     width:1px;
     height:13px;
     background-color:#fff;
     position: absolute;
     right:0;
     top:50%;
     margin-top:-6.5px;
}

.subMain-visual{
     background:url(../../common/images/renew/sub/sub-visual.jpg) no-repeat center;
     background-size:cover;
     padding-bottom:20px;
     padding-top:70px;
     padding-left:20px;
     padding-right:20px;
}

.subMain-visual:after{
     content:"";
     display:block;
     clear:both;
}

.subMain-visual h3{
     display:inline-block;
     font-size:40px;
     font-weight:300;
     color:#fff;
     letter-spacing: -.5px;

}

.subMain-visual h3:before{
     content:"";
     display:block;
     width:31px;
     height:5px;
     background-color:#fff;
     margin-bottom:5px;
}

.subMain-visual h3 small{
     color:#fff;
     font-size:18px;
}

.subMain-visual p{
     float:right;
     color:#fff;
     font-size:20px;
     padding-top:23px;

}

.subMain-visual p span{
     font-size:26px;
     font-weight:bold;
     display:inline-block;
     margin-left:10px;
     vertical-align:middle;
}

.subMain-visual p img{
     margin-right:5px;
}


.subContent{
     padding-top:20px;
     padding-bottom:40px;
     max-width:1540px;
     margin:0 auto;
}

.renewSub-box{      border:1px solid #c6c6c6;       margin-bottom:10px;      height:320px;      /* overflow:hidden; */ }

.renewSub-box.autoHeight{
     height:auto;
}

.renewSub-box.autoHeight table{
     min-height:auto;
}

.bg-db{
     background-color:#dbdbdb;
}

.renew-tit{
     padding:30px 30px 15px;
     font-size:26px;
     color:#000;
     font-family:'NanumSquare', sans-serif;
     font-weight:700;
     margin:0;
	 overflow:hidden;
	 position:relative;
}

.renew-tit:after{
     content:"";
     display:block;
     width:29px;
     height:2px;
     background-color:#000;
     margin-top:15px;
}

.renew-tit > .more-btn{
     margin-top:-8px;
}
.title-small{
	display:inline-block;
}

@media all and (min-width: 320px) and (max-width:380px){
	.title-small{
		display:block;
	}
	.renew-tit > .more-btn{
		 position:absolute;
		 right:20px; top:20px;
	}
}

.renew-tit .titDate{
     font-size:16px;
     color:#000;
     font-weight:400;
}

.renew-tit .titDate > span{
     color:#23bad9;
}


.more-btn a{
     display:inline-block;
     color:#fff;
     background-color:#21b9d7;
     font-size:16px;
     font-family:'NanumSquare', sans-serif;
     font-weight:400;
     border-radius:30px;
     padding:5px 15px;
}

.col-2 .renewSub-box{
     float:left;
     width:49.5%;
}

.col-3 .renewSub-box{
     float:left;
     width:33.0%;
     height: 850px;
     
}

.col-2 .renewSub-box:nth-child(2n){
     margin-left:1%;
}


.renewChart{
     padding:0px 0px 0px 0px;
}

.renewChart .rMateH5__Root > div > canvas {
     display:none !important;
}

.tableRenew-style{
     border:none !important;
}


.tableRenew-style table{
     min-height:206px;
}

.renew-bordered tr{
     border-bottom:1px solid #ccc;
}

.renew-bordered tr:last-child{
     border-bottom:0;
}

.tableRenew-style thead{
     background-color:#21b9d7;
}


.tableRenew-style th{
     color:#fff;
     font-size:16px;
     padding:5px 0px !important;
}

.tableRenew-style th p{
     margin-bottom:0;
     border-right:1px solid #fff;
     line-height:.8;
     padding:4px 0;
}

.tableRenew-style th:last-child p{
     border-right:none;
}

.tableRenew-style td{
     color:#000;
     font-size:16px;
     padding:9px 0px !important;
     border-top:none !important;
}

.tableRenew-style td p{
     margin-bottom:0;
     border-right:1px solid #919191;
     line-height:.8;
}

.tableRenew-style td:last-child p{
     border-right:none;
}

.thisMonth{
     background-color:#f0efef;
}



.renew-bt-btn:after{
     content:"";
     display:block;
     clear:both;
}

.renew-bt-btn {
     margin-top:20px;
}

.renew-bt-btn a,
.renew-bt-btn button{
     display:block;
     width:50%;
     float:left;
     text-align: center;
     background-color:#f9f9f9;
     border:1px solid #c6c6c6;
     margin-left:-1px;
     font-family:'NanumSquare', sans-serif;
     font-weight:700;
     font-size:26px;
     padding:23px 0;
     color:#000;
}

.renew-bt-btn a > img,
.renew-bt-btn button > img{
     margin-left:10px;
}

.callCenter-info:after{
     content:"";
     display:block;
     clear:both;
}

.callCenter-info{
     margin-top:20px;
     padding:0;
}

.callCenter-info li{
     float:left;
     width:33.3333%;
     text-align: center;
     background-color:#f9f9f9;
     border:1px solid #c6c6c6;
     margin-left:-1px;
     font-family:'NanumSquare', sans-serif;
     font-size:18px;
     padding:23px 0;
     color:#000;
}

.callCenter-info li > img{
     margin-right:5px;
}


/**/
@media(max-width: 767px){

     .renewSubMain-nav-list li{
          width:33.3333%;
          padding:0;
          height:50px;
          line-height:50px;
          border-right:1px solid #1eabc7;
     }

     .renewSubMain-nav-list.nav-four li{
          width:50%;
     }


     .renewSubMain-nav-list.nav-four li:first-child{
          border-bottom:1px solid #1eabc7;
     }

     .renewSubMain-nav-list li:nth-child(n+4){
          width:50%;
          border-top:1px solid #1eabc7;
     }


     .renewSubMain-nav-list.navMobile li{
          width:33.33333%;
     }



     .renewSubMain-nav-list li a{
          font-size:14px;
     }

     .renewSubMain-nav-list li a img{
          width:15px;
     }

     .renewSubMain-nav-list li:first-child a:before,
     .renewSubMain-nav-list li a:before,
     .renewSubMain-nav-list li a:after{
          display:none;
     }

     .subMain-visual {
          padding:20px;
     }

     .subMain-visual h3{
          font-size:25px;
     }

     .subMain-visual h3 small{
          display:block;
          font-size:13px;
          margin-top:10px;
     }

     .subMain-visual p{
          float:inherit;
          font-size:13px;
     }

     .subMain-visual p img{
          width:12px;
     }

     .subMain-visual p span{
          font-size:15px;
     }

     .col-2 .renewSub-box{
          width:97%;
          margin:0 auto 10px;
          float:inherit;
          height:auto;
     }

     .col-2 .renewSub-box:nth-child(2n){
          margin-left:inherit;
     }

     .renew-tit{
          padding:20px 20px 10px;
          font-size:20px;
     }

     .more-btn a{
          font-size:12px;
     }

     .tableRenew-style td,
     .tableRenew-style th{
          font-size:14px;
          padding:9px 5px !important;

     }

     .renew-bt-btn a,
     .renew-bt-btn button{
          float:inherit;
          margin:0 auto 10px;
          width:97%;
          font-size:15px;
          padding:15px;

     }

     .renew-bt-btn a > img,
     .renew-bt-btn button > img{
          width:15px;
     }

     .renew-tit .titDate{
          font-size:13px;
          float:inherit !important;
          display:block;
          margin-top:5px;
     }

     .callCenter-info li{
          float:inherit;
          margin-bottom:10px;
          margin-left:0;
          margin:0 auto 10px;
          width:97%;
          font-size:15px;
          padding:15px;
     }
}


.renewSub-Wrap02{
     max-width:1137px;
     margin:0 auto;
}

.renewSub-Wrap02:after{
     content:"";
     display:block;
     clear:both;
}

.bg-renew{
     background-color:#ebebeb;
}

.renewSubMain-nav-bg:after{
     content:"";
     display:block;
     clear:both;
}
.renewSubMain-nav-bg{
     padding-inline-start:0;
     box-shadow: 3px 5px 7px rgba(0,0,0,0.3)
}

.renewSubMain-nav-bg li{
     float:left;
     width:20%;
     text-align:center;
     background-size:cover;
}

.renewSubMain-nav-bg li a{
     display:block;
	 width:100%;
     line-height:150px;
     color:#fff;
     font-size:24px;
     font-family:'NanumSquare', sans-serif;
     font-weight:700;
     border-right:1px solid #fff;
	 z-index:2;
	 background-color:rgba(0,0,0,0.6);
}

.renewSubMain-nav-bg li:last-child a{
     border-right:none;
}

.renewSubMain-nav-bg li:hover a,
.renewSubMain-nav-bg li a:focus {
     background-color:rgba(0,0,0,0.3);
}


.renewSub-Wrap02 .renewSub-box{
     height:483px;
}

.box-border{
     border-top:6px solid #21b9d7;
     background-color:#fff;
     margin-bottom:28px;
     box-shadow: 3px 5px 7px rgba(0,0,0,0.3)
}

.box-border .renew-tit{
     margin:0 auto;
     width:calc(100% - 60px);
     letter-spacing: -.5px;
     border-bottom:1px solid #ccc;
     padding-left:0;
     padding-right:0;
     padding-bottom:10px;
     margin-bottom:25px;
}

.box-border .renew-tit:after{
     display:none;
}

.box-border .renew-tit small{
     display:inline-block;
     margin-left:5px;
     font-size:20px;
     color:#000;
     letter-spacing: -.5px;
}
.box-border .more-btn{
     margin-top:-3px;
}

.box-border .more-btn a{
     background:#fff;
     color:#777;
     padding-right:0;
}

.box-border .more-btn a > img{
     margin-left:5px;
}

.tableRenew-border{
     padding-left:30px !important;
     padding-right:30px !important;
}

.tableRenew-border tr{
     border-bottom:1px solid #ccc;
}

.tableRenew-border td{
     font-size:15px;
     padding:7px 0 !important;
}

.tableRenew-border th{
     font-size:15px;
     padding:7px 0 !important;
}


.renewSub-Wrap02  .last-box{
     height:483px;
}

.export-bt-btn{
     width:100%;
     box-shadow: 3px 5px 7px rgba(0,0,0,0.3);
     float:left;
}

.export-bt-btn:after{
     content:"";
     display:block;
     clear:both;
}

.export-bt-btn a{
     display:block;
     float: left;
     width:50%;
     height:68px;
     line-height:68px;
     color:#fff;
     text-align:center;
     font-size:20px;
     font-weight:700;
     background-color:#21b9d7;
}

.export-bt-btn a:first-child{
     border-right:1px solid #90dceb;
}

.modal-center{
	margin-top:25%; !important;
}
@media all and (min-width: 320px) and (max-width:767px){
	.mob-no-padding{
		padding-left:0;
	}
}
@media all and (min-width: 767px) and (max-width:777px){
	.tab-container li a{
		padding-right:0;
	}
}
@media all and (min-width: 768px) and (max-width:991px){
	.tab-container{
		width:100%;
		margin:0 auto;
	}
	.tablet-padding{
		padding-bottom:20px !important;
	}
	.tablet-button-margin{
		margin-top:20px;
		margin-bottom:0;
	}
	.tab-padding{
	}
}
@media all and (min-width: 767px) and (max-width:1199px){
	.tab-no-padding{
		padding-bottom:0;
	}
}
@media all and (min-width: 992px) and (max-width:1199px){
	.tab-container{
		width:100%;
		margin:0 auto;
	}
	.tablet-padding{
		padding-bottom:20px !important;
	}
	.tablet-button-margin{
		margin-top:20px;
		margin-bottom:0;
	}
	.tablet-popup-button-margin{
		margin-top:0;
		margin-bottom:0;
	}
	.tab-padding{
	}
}
@media(max-width: 767px){
     .renewSubMain-nav-bg li{
          width:33.3333%;
     }

     .renewSubMain-nav-bg li:nth-child(n+4){
          border-top:1px solid #fff;
          width:50%
     }

     .renewSubMain-nav-bg li a{
          line-height:50px;
          font-size:15px;
          font-weight:700;
     }

     .renewSub-Wrap02 .renewSub-box,
     .renewSub-Wrap02 .last-box{
		  width:98% !important;
          height:auto;
		  margin-bottom:30px;
     }

     .box-border .renew-tit small{
          display:block;
          font-size:15px;
          margin-left:0;
          padding-top:5px;
     }

     .box-border .more-btn{
          margin-top:-24px;
     }


     .export-bt-btn{
          float:inherit;
          width:97%;
          margin:10px auto 0;
     }

     .export-bt-btn a{
          height:auto;
          line-height: inherit;
          font-size:12px;
          padding:15px 0;
     }

}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

	main - 더보기 페이지 CSS 

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.search-form-container{
	overflow:hidden;
}
.search-form-input{
	width:40%;
	float:left;
}
.search-input-box{
	margin-bottom:15px;
	padding:0 40px;
}
.search-input-box:last-child{
	margin-bottom:0;
}
.search-input-box:first-child select{
	width:34.5%;
	line-height:30px;
	margin-right:5%;
	min-width: 50px;
    padding: 4px 2px !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.search-input-box select option{
	width:100%;
}
.search-input-box select, .search-input-box input{
	width:74.5%;
	line-height:30px;
	min-width: 50px;
    padding: 4px 2px !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	text-indent:10px;
}
.search-input-box:first-child select:last-child{
	margin-right:0 !important;
}
.search-input-box label{
	width:24%;
	display:inline-block;
    text-align: right;
	padding-right:10px;
    font-weight: bold;
	color:#444;
}
.search-form-button{
	width:20%;
	float:left;
	display:flex;
	height:auto;
	justify-content:flex-start;
	align-items:center;
	margin-top:5px;
}
.search-form-button button{
	color:#fff;
	font-weight:bold;
}
.search-pagination{
	margin:0 auto;
	display:inline-block;
	overflow:hidden;
}
.search-pagination li{
	display:inline-block !important;
	margin:0 !important;
}
.search-pagination li:last-child{
	border-right:none;
}
.search-pagination li a{
	display:block;
	padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
	background: #fafafa;
    color: #666;
	border:1px solid #ddd;
	border-right:0;
}
.search-pagination li:first-child a{
	border-radius: 4px 0 0 4px;
}
.search-pagination li:last-child a{
	border-radius: 0 4px 4px 0;
	border-right:1px solid #ddd;
}
.search-pagination .active a{
	z-index: 2;
    color: #ffffff;
    background-color: #0482b7 !important;
    border-color: #0482b7;
    cursor: default;
}
.search-grid{
	overflow-x:auto;
}
.search-table{
	width:1600px;
}


@media all and (min-width: 320px) and (max-width:1247px){
	.search-form-input{
		width:100%;
	}
	.search-input-box:last-child{
		margin-bottom:15px;
	}
	.search-form-button{
		width:100%;
		justify-content:center;
	}
}

@media all and (min-width: 767px) and (max-width:991px){
	input.form-control{
		margin:0 !important;
	}
}

@media all and (min-width: 320px) and (max-width:488px){
	.search-input-box label{
		width:100% !important;
		text-align:left;
		margin-bottom:7px;
	}
	.search-input-box select, .search-input-box input{
		width:100% !important;
	}
	.search-input-box:first-child select{
		margin-bottom:7px;
	}
}

/* 190820추가 */
.renewSub-box.sHeight{
	 height:250px;
}

.renewSub-box.sHeight table{
     min-height:auto;
} 

.guide-box {
	margin-top: 20px;
}

.guide-box > button {
	margin: 0;
    width: 100%;
}