@charset "utf-8";



/* 메인비주얼  */
.mainVisual{position:absolute; /* position:relative;*/ width:100%;  top:-100px; overflow:hidden; }


/*
.mainVisual img{ overflow:hidden; }
.mainVisual > div{position:absolute;width:100%;margin:0 auto;height:600px; }
.mainVisual > ul{top:0;left:0;width:100%;height:600px;overflow:hidden; }
.mainVisual > ul > li{width:100%; height:600px; margin:0 auto; }
*/

.mainVisual_Bg1{height:700px; text-align:center; background:url('../../images/main/bg3.png') center top no-repeat;}
.mainVisual_Bg2{}
.mainVisual_Bg3{}

/*
.mainVisual > div.mimgControl{position:relative;width:1200px;margin:0 auto;z-index:9;border: 0px solid #fff;}
.mainVisual > div.mimgControl a{position:absolute;top:110px;}
.mainVisual > div.mimgControl a.prev{left:-182px}
.mainVisual > div.mimgControl a.next{right:-182px}
 
.mainVisual .bgimg{text-align:center; height:600px;}
.mainVisual .bgimg img{min-height:600px; object-fit:cover;}
 */
 
 
.visualTxt{position:absolute; width:260px; text-align:right;  right:0px; bottom:40px; font-size:18px; color:#fff;  z-index:99;
	padding:10px 0px 10px 0px;  line-height:150%; background-color:rgba(0,0,0,.5); letter-spacing:-0.5px; text-align:center; 
	text-shadow:2px 0px 2px rgba(0,0,0,.5) , -2px 0px 2px rgba(0,0,0,.1), 0px 2px 2px rgba(0,0,0,.5), 0px -2px 2px rgba(0,0,0,.5);
	 /*left: 50%;  transform:translate(-50%,-15%);  -webkit-transform:translate(-50%,-15%); */ 
}
	 
.visualTxt2{font-size:24px;color:#ffc411; 
	text-shadow:2px 0px 2px rgba(0,0,0,.5) , -2px 0px 2px rgba(0,0,0,.1), 0px 2px 2px rgba(0,0,0,.5), 0px -2px 2px rgba(0,0,0,.5);
}
	
.visualTxt3{position:absolute; max-width:850px; left: 50%; letter-spacing:-0.5px; text-align:center; z-index:99;
	transform:translate(-50%,-15%); -webkit-transform:translate(-50%,-15%); 
	bottom:170px;font-size:20px;color:#fff; line-height:140%;	
	text-shadow:2px 0px 2px rgba(0,0,0,.5) , -2px 0px 2px rgba(0,0,0,.1), 0px 2px 2px rgba(0,0,0,.5), 0px -2px 2px rgba(0,0,0,.5);
}


@media screen and (max-width:1024px){
	.visualTxt{ width:220px;  font-size:16px;  bottom:30px;}
	.visualTxt2{font-size:20px;}
} 
 
@media screen and (max-width:767px){
	.visualTxt{ width:200px;  font-size:14px;  bottom:30px;}
	.visualTxt2{font-size:18px;}
} 
  
.visual2Txt{position:absolute; width:320px;  margin:0px auto; right:0px; bottom:0px; background-color:rgba(0,0,0,.5); line-height:150%;   padding:20px 0px 20px 0px; font-size:22px; color:#fff; letter-spacing:-0.5px; text-align:center; /*left: 50%;  transform:translate(-50%,-15%);  line-height:150%; -webkit-transform:translate(-50%,-15%);*/ z-index:99; }
.visual2Txt2{font-size:30px;color:#ffc411;}
.visual2Txt3{position:absolute; max-width:850px; left: 50%;  transform:translate(-50%,-15%); -webkit-transform:translate(-50%,-15%); bottom:170px;font-size:20px;color:#fff; line-height:140%;	letter-spacing:-0.5px; text-align:center; z-index:99; }
 
.text-box{position:absolute; width:100%; height:520px; margin:30px auto; padding:0px 0px 0px 30px;  box-sizing: border-box;  }
.text-box .txt{ font-size:17px; color:#fff; padding:5px 20px 5px 20px; text-shadow:2px 0px 3px rgba(0,0,0,.5), -2px 0px 1px rgba(0,0,0,.1), 0px 2px 2px rgba(0,0,0,.7), 0px 1px 2px rgba(0,0,0,.5); /* text-shadow:1px 3px 7px rgba(0,0,0,.2); */ border: 1px solid rgba(255,255,255,.2); background-color:rgba(0,0,0,.0); letter-spacing:-0.7px; }
.text-box .year1{float:left; width:30%; height:210px; font-size:48px; color:#fff;  font-weight:500;  padding:100px 0px 0px 0px; text-align:left; box-sizing: border-box;}
.text-box .tit_wrap{float:left; width:40%;  box-sizing: border-box;  }
.text-box .tit_wrap .tit_box{ width:265px; margin:0px auto 0px; height:210px;   text-align:center;  padding:15px;  background-color:rgba(0,0,0,.6); border: 1px solid rgba(255,255,255,.2); /*outline: 1px solid rgba(255,255,255,.3); outline-offset: -15px;*/ box-sizing: border-box;}
.text-box .tit_wrap .tit_box .tit_box_inner{padding:80px 0px 0px 0px; height:100%;  border: 1px solid rgba(255,255,255,.2); background:url(../../images/main/tit_box_bg.png) right 0px no-repeat; box-sizing: border-box;}
.text-box .tit_wrap .tit_box .tit_box_inner .tit{width:100%; padding:0px 0px 0px 0px; font-size:38px; color:#fff; letter-spacing:-0.05em;}
.text-box .year2{float:right; width:30%; height:210px;  font-size:48px; padding:100px 0px 0px 0px;  color:#fff; text-align:right; box-sizing: border-box;}

.mainSlide .slick-dots{position:absolute; left: 50%; bottom:100px; text-align:center; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  margin-top: -250px; z-index: 99;  box-sizing: border-box; }
.mainSlide .slick-dots li{display:block; margin:8px 7px ; display: inline; float:left; }
.mainSlide .slick-dots li button:focus{border:2px solid #000; }
.mainSlide .slick-dots li button{display:none;  cursor:pointer; margin:0px;  padding:0px; background:none; font-size:0; width:40px; height:10px; border: 1px solid #a5a5a5;  background-color:#fff; box-sizing: border-box;}
.mainSlide .slick-dots li.slick-active button{background-color:#ecb62e;   }	

@media screen and (max-width:767px){
	.text-box .txt{padding:5px 20px 5px 20px; font-size:15px;}
} 





/* 슬로건 */
.slogan{position:relative; width:55%; float:left; height:330px; padding:0px;  margin:90px 0% 0px 0px; border: 0px solid #39b54a; }
.slogan img{width:100%; max-width:515px; /* max-width:783px;*/}



@media all and (max-width:1200px){
	.slogan{}
	.slogan img{width:100%;}
}	


@media all and (max-width:1024px){
	.slogan{display:none; }
}	
@media all and (max-width:767px){
	.slogan{display:none;}
}	





.homeCharge{position:relative;width:40%; float:right; margin:200px 0% 0px 0px; font-family:'GmarketSansMedium', 'SBAggroL','Pretendard GOV';  }
.homeCharge-inner{position:relative; border-radius:15px; box-shadow: 1px 2px 15px 1px rgba(0, 0, 0, 0.1);
	/*background:rgba(99, 211, 213, 1); */  background:#62d2d6;
	padding:20px 40px 20px 40px; min-height:230px; box-sizing: border-box;}
.homeCharge-inner h2{position: absolute; top:-40px; left: 35px; padding:15px 0px 0px 0px; text-align:center; font-size:19px; color:#2d2d2d;
	/* background:rgba(99, 211, 213, 0.8);*/ background:#62d2d6; width:140px; height:40px; border-radius:10px 10px 0px 0px;
}
.homeCharge-inner h2:after{position: absolute; top:-30px; left: 0; content: ""; transition:all .3s;
	width:200px; height:40px; /* background:#62d2d6;*/}
	
	
.homeCharge-inner .txt{position:relative;padding:5px 0px 20px 0px; font-size:15px; color:#343434;  line-height:150%; }
/*.homeCharge-inner::before {
    position: absolute;
    top: 25px;
    right: 40px;
    width: 157px;
    height: 131px;
    background: url(/images/main/homeCharge_img1.png) no-repeat 0px 0px;
    content: '';
}*/
.homeCharge-inner .btn{display:block; margin:0px auto; padding:10px 0px 10px 0px; box-sizing: border-box;}
.homeCharge-inner .txtcolor1{color:#343434;}
.homeCharge-inner input{min-height:50px; text-align:center; font-size:22px;letter-spacing:0.3em; box-sizing: border-box;border: 0px solid #3f83e7; border-radius:5px;}
.homeCharge-inner input.num{width:calc(59% - 1%); margin-right:1%;}
.homeCharge-inner input.month{width:40%;  color:#1b1b1b; letter-spacing:-0.05em; border: 0px solid #3f83e7;background-color:#FFF; box-sizing: border-box;}

.homeCharge-inner .btn1 {
    display: inline-block;
    margin-top: 0;
    color: #fff;
    line-height: 32px;
    font-size:18px;
    text-decoration: none;
    vertical-align: top;
    background: #216e8a;
   padding:10px 20px 10px 20px;
    border-radius:10px;
    width:calc(59% - 1%);margin-right:1%;
    text-align:center;
    box-sizing: border-box;
}

.homeCharge-inner .btn2 {
    display: inline-block;
    margin-top: 0;
    color: #fff;
    line-height: 32px;
    font-size:18px;
    text-decoration: none;
    vertical-align: top;
	background: #1c436d;
    /* background: #35bcb2; */
    color: #fff;
    padding:10px 20px 10px 20px;
    border-radius:10px;
    width:40%;
    text-align:center;
    box-sizing: border-box;
}

@media all and (max-width:1400px){
	.homeCharge{width:calc(40% - 2%); margin-right:2%; }
	.homeCharge-inner{padding:20px 20px 20px 20px;}
	
	
	.homeCharge-inner .txt{font-size:15px;}
	.homeCharge-inner input{min-height:40px; font-size:18px; }
	.homeCharge-inner input.num{width:calc(58% - 1%);}
	
	.homeCharge-inner .btn1 { width:calc(58% - 1%);}

}

@media all and (max-width:1024px){
	.homeCharge{ width:100% !important; margin-right:0%;  /* margin:20px 0px 0px 0px; */}
	.homeCharge-inner{margin:0px 20px 0px 20px;}
}


@media all and (max-width:600px){
	.homeCharge-inner{padding:30px 20px 20px 20px;}
	.homeCharge-inner .txt{font-size:14px;}
	.homeCharge-inner::before { top:4px; right:20px;  width: 120px;  height:100px; background-size:90%;}
	
	.homeCharge-inner input{padding:25px 10px 25px 10px; }
	.homeCharge-inner input.num{width:calc(100% - 0%); margin:0% 0% 10px 0%;}
	.homeCharge-inner input.month{width:100%; }
	
	.homeCharge-inner .btn1 {line-height: 28px;  font-size:15px; padding:10px 10px 10px 10px;
   	margin-right:1%;}

	.homeCharge-inner .btn2 { line-height: 28px; font-size:15px; padding:10px 10px 10px 10px;
     }
}

@media all and (max-width:600px){
	.homeCharge-inner::before { background: none; top:65px; right:0px;  width: 40px;  height:33px; background-size:90%;}
}







/* 바로가기 */
.main-service-wrap{position:relative; margin:380px 0px 40px 0px; }
.main-service-wrap ul {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	max-width:1400px;
	margin: 0 auto;
	table-layout: auto;
	font-family:'GmarketSansMedium','SBAggroM';
}

.main-service-wrap ul li {
	width:calc(12.5% - 10px);
	width : -webkit-calc(12.5% - 10px); /* for Chrome, Safari */
  	width : -moz-calc(12.5% - 10px); /* for Firefox */
  	margin: 0px 10px 0px 0px;
	padding: 0px 0;
	word-break:keep-all;
	flex: 1;
	min-width:calc(12.5% - 10px);
	text-align: center;
	vertical-align: top;
	border-radius:30px;
	transition: all 0.2s ease-in;
	box-shadow: 5px 8px 10px 0 rgb(42 60 93 / 15%);
	box-sizing: border-box;
}

.main-service-wrap ul li:last-child {margin-right: 0px;}
.main-service-wrap ul li:nth-child(odd) {background: #f1f7fa; border:3px solid #f1f7fa;}
.main-service-wrap ul li:nth-child(even)  {	background: #f1f7fa; border:3px solid #f1f7fa;}



.main-service-wrap ul li:hover {
	background: #fff;
	border:3px solid #5278ba;
	outline-offset:-6px;
	
	
	/* height: 125px; */
	transform: translateY(-10px);
	box-shadow: 0 10px 16px rgb(42 60 93/ 15%);
	box-sizing: border-box;
}

.main-service-wrap ul li a {
	display: inline-block;
	position: relative;
	
	padding: 5px 5px;
	text-align: center;
	color: #222;
	letter-spacing:-0.5px;
	font-size: 16px;
	width: 100%; height:160px;
}



.main-service-wrap ul li span {
	display: block;
	margin: 0 auto;
	line-height: 1.2;
	/*white-space: nowrap;*/
	word-break:keep-all;
	margin-top:20px;
	padding-bottom:5px;
}



.main-service-wrap ul li a:after { content: "";
	display: block;
	position: relative;
	width:100%;
	max-width:155px; 
	height: 100px;
	background-repeat: no-repeat;
	
	/*background-size: 72px auto;
	background-position: 50% 50%;  
	background-image:
	url("../../images/main/quick1.png"); overflow:hidden; 
	*/
	overflow:hidden;
	left:calc(50% - 0px); transform: translate(-50%,0);
	/*transition-duration:0s; transition-property:transform;	*/
		
}

.main-service-wrap ul .main-service01 a:after {background-position:50% 74%; background-image:url("../../images/main/quick1.png"); transition-duration:0s; transition-property:transform; }
.main-service-wrap ul .main-service02 a:after {background-position:50% 74%; background-image:url("../../images/main/quick2.png"); }
.main-service-wrap ul .main-service03 a:after {background-position:50% 74%; background-image:url("../../images/main/quick3.png"); }
.main-service-wrap ul .main-service04 a:after {background-position:50% 74%; background-image:url("../../images/main/quick4.png"); }
.main-service-wrap ul .main-service05 a:after {background-position:50% 74%; background-image:url("../../images/main/quick5.png"); }

.main-service-wrap ul .main-service06 a:after {background-position:50% 74%; background-image:url("../../images/main/quick6.png"); }
.main-service-wrap ul .main-service07 a:after {background-position:50% 74%; background-image:url("../../images/main/quick7.png"); }
.main-service-wrap ul .main-service08 a:after {background-position:50% 74%; background-image:url("../../images/main/quick8.png"); }


/*.main-service-wrap ul .main-service01 { width:10%;}
.main-service-wrap ul .main-service03 {width:12%}
.main-service-wrap ul .main-service09 { width:12%;}*/
@media only screen and (max-width:1200px) { 
    
    .main-service-wrap ul li { 
	width:calc(25% - 5px);
	margin: 0px 5px 20px 0px;
	padding:0px 0px;
	min-width:calc(25% - 5px);
	
	}
	
}




@media only screen and (max-width:767px) {
	.main-service-wrap{margin:420px 0px 40px 0px; }
	
	.main-service-wrap ul {
	display: flex;
	position: relative;
	width: 100%;
	max-width:100%;
	margin: 0 auto;
	table-layout: auto;
	
	}
	
	.main-service-wrap ul li {
	width:calc(33.3% - 5px);
	margin: 0px 5px 10px 0px;
	padding: 5px 0px;
	min-width:calc(33.3% - 5px);
	}
	
	.main-service-wrap ul li:nth-child(10){
	width:calc(100% - 10px);
	margin: 0px 5px 10px 0px;
	padding: 10px 0;
	min-width:calc(100% - 5px);
	border:0px solid #fff600;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	
	}
	
	.main-service-wrap ul li a {
		padding: 5px 0px;
		font-size: 14px;
		height:120px;
	}
	
	
	.main-service-wrap ul li a:before {
		background-size:440px auto;
		height:70px;
		max-width:70px;
		
	}
	
	
}


/*
@media only screen and (max-width:480px) {
	.main-service-wrap{ margin:40px 0px 20px 0px; }
	
}
*/


/* 팝업존 */
#popupzoneW{position: relative;float:left; /*width:1045px;*/ max-width:680px; width:100%; height:320px;   margin:0px 0px 20px 0px; border-radius:10px; background-color:#eee; overflow:hidden;box-shadow: 5px 8px 10px 0 rgb(245 245 245 / 100%);}

/* slick */
.slick-slider{position:relative; min-height:320px;}
.slick-list{overflow:hidden; position:relative;}
.slick-track{position:relative; top:0; left:0; margin-right:auto; margin-left:auto;}
.slick-track:before, .slick-track:after{display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left;}
.slick-slide.slick-loading img{display:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;}


.popupzone{ position:relative; overflow: hidden;/*width: calc(100% - 680px);*/  padding:0px 0px 0px 0px; font-size:0; line-height:0;}
.popupzone:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f4f6fa; border-radius:10px;}
.popupzone .popupzone_intro{position:absolute; top:77px; left:50px; z-index:10;}
.popupzone .popupzone_title{color:#292e42; font-size:30px; line-height:32px; letter-spacing:-0.03em; font-weight:500;}
.popupzone .popupzone_text{margin-top:14px; color:#292e42; font-size:16px; line-height:22px; letter-spacing:-0.05em; width:100px; }

.popupzone .popupzone_control{position:absolute; width:210px;  height:40px;  padding:10px 25px 10px 25px; bottom:0px; right:0px; border-radius:10px 0px 10px 0px; z-index:10; background:rgba(255, 255, 255, 1);}


.popupzone .popupzone_count{display:inline-block; margin-left:3px; margin-right:12px; font-size:15px; line-height:19px; letter-spacing:-0.02em;}
.popupzone .popupzone_current{position:relative; color:#e4022e; font-weight:500; margin-right:10px;}
.popupzone .popupzone_current:before{display:block; position:absolute; top:0; bottom:0; left:100%; width:12px; height:1px; margin:auto 0 auto 5px; background-color:#929292;}
.popupzone .popupzone_total{margin-left:5px;}
.popupzone .popupzone_more{display:inline-block; position:relative; width:19px; height:19px; vertical-align:top; margin:1px 0px 0px 5px;}
.popupzone .popupzone_more:before{content: "";display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:15px; height:14px; margin:auto; background-image:url('../../images/main/sprite.png'); background-repeat:no-repeat; background-position:left -258px;}
.popupzone .slick-arrow{display:inline-block; position:relative; width:19px; height:19px; vertical-align:top;}
.popupzone .popupzone_prev:before,
.popupzone .popupzone_next:before{content: "";display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:12px; height:14px; margin:auto; background-image:url('../../images/main/sprite.png'); background-repeat:no-repeat;}
.popupzone .popupzone_prev:before{content: "";background-position:left top;}
.popupzone .popupzone_prev:hover:before{content: "";background-position:left -24px;}
.popupzone .popupzone_next:before{content: "";background-position:left -48px;}
.popupzone .popupzone_next:hover:before{content: "";background-position:left -72px;}
.popupzone .popupzone_auto.slick-pause,
.popupzone .popupzone_auto.slick-play{position:relative;}
.popupzone .popupzone_auto.slick-pause:before,
.popupzone .popupzone_auto.slick-play:before{content: "";display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-image:url('../../images/main/sprite.png'); background-repeat:no-repeat;}
.popupzone .popupzone_auto.slick-pause:before{content: "";width:12px; height:12px; background-position:left -176px;}
.popupzone .popupzone_auto.slick-pause:hover:before{content: "";background-position:left -196px;}
.popupzone .popupzone_auto.slick-play:before{content: "";width:12px; height:12px; background-position:left -216px;}
.popupzone .popupzone_auto.slick-play:hover:before{content: "";background-position:left -237px;}

.popupzone .popupzone_anchor{position:relative; width:100%; height:auto; }
.popupzone .popupzone_anchor:before{content: "";overflow:hidden; opacity:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #019ba1; box-sizing:border-box;}
.popupzone .popupzone_content{width:100%; height:320px; box-shadow:7px 11px 10px rgba(0, 0, 0, 0.15);}



.popupzone .popupzone_detail{display:block; position:absolute; bottom:0; right:0; padding:9px 11px 9px 13px; background-color:#019ba1; color:#fff; font-size:15px; line-height:17px; letter-spacing:-0.05em;}
.popupzone .popupzone_detail span{position:relative; padding-right:24px;}
.popupzone .popupzone_detail span:before{display:block; position:absolute; top:0; bottom:0; right:0; width:13px; height:9px; margin-top:auto; margin-bottom:auto; background-image:url('../../images/main/sprite.png'); background-repeat:no-repeat; background-position:left -658px;}
.popupzone .popupzone_anchor:hover:before{overflow:visible; opacity:1;}



#popupzoneListDiv{position:absolute; width: calc(100% - 0px);  max-width:100%; border-radius:10px 10px 0px 0px;  left:0px;  height:320px;top:0px;z-index:20;}
#popupzoneListDiv .popUl2{position:relative; width:100%;padding:20px; height:calc(100% - 40px); border: 1px solid #5656d9; border-radius:0px 20px 0px 0px;background:#FFF; top:0px; overflow:auto;}
#popupzoneListDiv .popUl2 ul li{color:#222;font-size:16px; padding:10px; border-bottom: 1px dashed #ddd; }

/*
#popupzoneListDiv .popUl2 ul li:before {
	position: absolute; top:12px; left:0px; width:5px;height:5px; background-color:#5f51a6;border-radius:50%; content: '';
}
*/
#popupzoneListDiv .popUl2 ul li a{display:block; color:#222; padding:7px 0px 7px 17px;}
#popupzoneListDiv .close{position:relative;width:100%;  text-align:center; padding:17px 0px 0px 0px; border-radius:0px 0px 10px 10px;  font-size:15px; background:#222; height:40px;}


@media all and (max-width:1024px) {
	#popupzoneW{width: calc(100% - 0px);   float:none !important; margin:0px auto; /* height:320px;   padding-top:30px; padding-right:20px; */}
	.popupzone{ width:100%; /* height:320px;   padding-top:30px; padding-right:20px; */}
	.popupzone .popupzone_intro{left:40px;}
	
	.popupzone .popupzone_title{font-size:26px; line-height:28px; }
	.popupzone .popupzone_text{margin-top:8px; font-size:15px; line-height:20px;}
}


@media all and (max-width:930px) {
	.popupzone{ /*height:380px;  padding-top:30px;  padding-left:30px; padding-right:30px; */ }
}


@media screen and (max-width:768px){
	
	#popupzoneW{width: 100%;  height:auto; /*width: calc(100% - 0px);*/ margin-top:25px;  }
	.slick-slider{position:relative; height:auto;  min-height:100px;}
	
	
	.popupzone .popupzone_image img{width:100%; height:100%;}
	
	
}


@media screen and (max-width:460px){
	#popupzoneW{width: calc(100% - 0px);  }
	/* .popupzone{height:470px;} */
	.popupzone .popupzone_intro{width:100%; top:30px; left:30px; z-index:10;}
	/* .popupzone .popupzone_list{top:90px;padding-left:0px;}*/
	.popupzone .popupzone_text{ width:100%;}
	
	.popupzone .popupzone_control{right:0px; bottom:0px;}
	
	#popupzoneListDiv{display:block;width:calc(100% - 0px); max-width:100%;  height:370px;}
	#popupzoneListDiv .popUl2{ width:calc(100% - 0px); padding:10px; max-width:100%; height:calc(100% - 40px); }
	#popupzoneListDiv .popUl2 ul li{font-size:14px; padding:10px; }
	#popupzoneListDiv .popUl2 ul li a{padding:7px 0px 7px 0px;}
	#popupzoneListDiv .close{width:100%;  font-size:14px; }

}



/* 일일 수질검사 결과 */
/*.waterAna{position:relative; width: calc(100% - 460px); max-width:810px; float:left;}
.waterAnae h2{float:left;font-size:25px;width:20%;color:#000;}*/

.waterAna ul{width:100%;/*float:right;width:75%;*/ }
.waterAna ul li{padding:3px 0px;width:100%; line-height:20px; }
.waterAna ul li a{display:block; padding:3px 0px;}
.waterAna ul li:first-child{padding-top:3px;}
.waterAna ul li .date{float:right;text-align:right; width:25%; max-width:100px; min-width:100px;  box-sizing: border-box;}
.waterAna ul li .tit {float:left; text-align:left; width:75%; padding:5px 0px 5px 7px; box-sizing: border-box;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
/*.waterAna ul li .tit{position:relative;top:6px;color:#000;font-weight:600;width:66%;display:inline-block;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
.waterAna ul li .tit:hover{color:#0069d3 !important;}*/
/*.waterAna .more{position:absolute;top:40px;left:0px;font-size:15px;color:#888;}*/
.waterAna .more a:hover{color:#0069d3 !important;}


.waterAna_wrap {position:relative; width: calc(100% - 720px);/* */ margin:0px 0% 0px 0px;  padding:20px; background:#f7f9fd;	 border-radius:15px; float:right; min-height:320px; }
.waterAna_wrap h2{position:absolute; top:25px; left:20px; font-size:20px; font-family:'GmarketSansMedium'; color:#3b4654;}
.waterAna_wrap .info_tab {/*border-radius: 20px;*/ overflow: hidden;}
.waterAna_wrap .info_tab .tab_content {display: none;}
.waterAna_wrap .info_tab .tab_content.active {display: block;background:#FFF; margin:20px; border-radius:15px 0px 15px 15px; border: 1px solid #dbe8e2;box-sizing: border-box; }
.waterAna_wrap .tab_menu {width:100px; height: 70px;  border-radius:30px;background-color:#f4fcfe; }
.waterAna_wrap .tab_menu:after {display: inline-block;width: 0;height: 100%;vertical-align: middle}


.waterAna_wrap .more{/*position:absolute; top:-40px;right:0px;font-size:15px;color:#888;*/}

.waterAna_wrap .tab_list{float:right; right:1px;}
.waterAna_wrap .tab_list li{display: inline; float:left;}


.waterAna_wrap .tab_list .walist {position:relative; padding:20px;}
.waterAna_wrap .tab_list .walist li { display: flex; width:50%; margin:0px 0px 10px 0px;  letter-spacing:-0.5px; border: 0px solid #ef0616;}
.waterAna_wrap .tab_list .walist li + li {/*margin-top: 12px; */}
.waterAna_wrap .tab_list .walist li strong {flex-shrink: 0; display: block; width:50%; min-width:170px; height: 30px; line-height: 30px; color:#4f5473;background: #e2e3f1; border-radius: 50px; text-align: center; }
.waterAna_wrap .tab_list .walist li span { line-height: 1.4;  padding:0px 0px 0px 15px; font-weight: 500; color: #464646; }





.waterAna_wrap .tab_panel {display: inline-block; width:100%;vertical-align: middle;}
.waterAna_wrap .tab_item {display:inline-block; }

.waterAna_wrap .tab_item .link a{display:block; position:relative;font-size:18px;padding:0px 30px 0px 30px;line-height:50px;color: #161616;}

.waterAna_wrap .tab_item button {text-align: left;  background:#62679f; border-radius:10px 10px 0px 0px;}
.waterAna_wrap .tab_item button:before {opacity:0;display:block;position:absolute;left:-10px;}

.waterAna_wrap .tab_item .more{position:absolute; right:0px;  top:-50px;}

.waterAna_wrap .tab_item button span {position:relative;font-size:18px; padding:0px 30px 0px 30px; line-height:50px; color:#fff;}
.waterAna_wrap .tab_item button span.num {margin-right:15px;color:#0072ff;font-size:18px;}
.waterAna_wrap .tab_item.active {border-bottom:0;}
.waterAna_wrap .tab_item.active button span {display:block; color: #222;    z-index:9; height:51px; border-radius:10px 10px 0px 0px; 
	background-color:#fff; 
	border-left: 1px solid #dbe8e2; border-right: 1px solid #dbe8e2; border-top: 1px solid #dbe8e2; 
	/* box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.15);transition:left 0.3s ease-in-out;*/}
.waterAna_wrap .tab_item.active button span.num {color:#ffea38;}
.waterAna_wrap .tab_item.active button:before {content: "";opacity:1;left:0}


.waterAna_wrap .tab_item.active button:after {content: "";display:block;position: relative; z-index:9;
	right: -60px;top:calc(50% - 5px);width:16px;height:10px; 
	background: url('/images/common/icon-sm.png') no-repeat -80px -5px;}

/*.waterAna_wrap .tab_item.active button:after {content: " "; position: absolute; z-index: 10;
	 top:60px; left:0px; width:100px; height:14px;
	
	background: url('../../images/common/arrow5.png') no-repeat 70px 0px;
	margin-top:0px; background-color:#fff;
}*/

.waterAna_wrap .tab_content {position:absolute;  left:0px; top:50px; width:calc(100% - 40px);padding:10px 0px 10px 0px;}
.waterAna_wrap .tab_content .info_box {font-size: 0;line-height: 0}



@media all and (max-width:1390px){
	.waterAna_wrap .tab_list .walist {padding:10px;}
	.waterAna_wrap .tab_list .walist li {font-size:14px;}
	
	.waterAna_wrap .tab_list .walist li strong {min-width:140px;}
	.waterAna_wrap .tab_list .walist li span { line-height: 1.4;  padding:0px 0px 0px 5px; }
	
}


@media all and (max-width:1300px){
	.waterAna_wrap h2{font-size:16px;}
	.waterAna_wrap .tab_list .walist li {margin:0px 0px 1px 0px; }
	.waterAna_wrap .tab_list .walist li:nth-child(1) {width:100%;}
	.waterAna_wrap .tab_list .walist li:nth-child(2) {width:100%;}
	
}
@media all and (max-width:1200px){
	.waterAna_wrap .tab_item button span {padding:0px 20px 0px 20px;}
	.waterAna_wrap .tab_item .link a{font-size:16px; padding:0px 20px 0px 20px;}
	
	.waterAna_wrap .tab_item.active button:after {width:20px;border-width: 12px 0px 12px 15px;}
	
	
}


@media all and (max-width:1024px){
	.waterAna_wrap {float:none !important;clear: both;position:relative; width: calc(100% - 3%); margin:30px 3% 30px 0px; height:320px;}
	
	.waterAna_wrap .tab_item button span {font-size:16px;padding:0px 25px 0px 25px;}
	.waterAna_wrap .tab_item .link a{font-size:16px; padding:0px 25px 0px 25px;}
	
	.waterAna_wrap .tab_list li{display: inline; float:left; padding:5px 0px 5px 0px; }
	.waterAna_wrap .tab_list .walist li:nth-child(1) {width:50%;}
	.waterAna_wrap .tab_list .walist li:nth-child(2) {width:50%;}
	
	.waterAna_wrap .tab_list .walist li span { padding:0px 0px 0px 15px;}
}

	
	

@media all and (max-width:767px){
	.waterAna_wrap {width: calc(100% - 0%); margin:30px 0% 30px 0px; min-height:480px;}
	.waterAna_wrap h2{font-size:18px;}
	
	
	.waterAna_wrap .tab_list li{display: inline; float:left; padding:5px 0px 5px 0px; }
	.waterAna_wrap .tab_item button span {position:relative;font-size:16px;padding:0px 20px 0px 20px;}
	.waterAna_wrap .tab_item .link a{font-size:16px; padding:0px 20px 0px 20px;}
	
	.waterAna_wrap .tab_item.active button:after {width:20px;border-width: 12px 0px 12px 15px;}
	
	
	
	.waterAna_wrap .more{position:absolute; top:215px; width:100%; height:35px; margin:0px 0px 20px 0px; padding:5px 0px 0px 0px; border-radius:5px;  text-align:center; border: 1px solid #ddd; font-size:15px;color:#888;}
	.waterAna_wrap .more a{display:block;}

	.waterAna ul{min-height:160px;}
	.waterAna ul li .date{display:none;}
	.waterAna ul li .tit {float:left; text-align:left; width:100%;}
	
	
	.waterAna_wrap .tab_list .walist {padding:20px;}
	.waterAna_wrap .tab_list .walist li {width:100%; margin:0px 0px 1px 0px;}
	.waterAna_wrap .tab_list .walist li:nth-child(1) {width:100%;}
	.waterAna_wrap .tab_list .walist li:nth-child(2) {width:100%;}
	
	
	

}
	
@media all and (max-width:560px){
	.waterAna_wrap .tab_item button span {font-size:16px;padding:0px 15px 0px 15px; }
	.waterAna_wrap .tab_item .link a{font-size:16px; padding:0px 15px 0px 15px;}
	
}


@media all and (max-width:480px){
	.waterAna_wrap .tab_list li{font-size:14px;}
	
	.waterAna_wrap .tab_item button span{font-size:13px;padding:0px 10px 0px 10px;}
	.waterAna_wrap .tab_item .link a{font-size:13px; padding:0px 10px 0px 10px;}
	
	.waterAna_wrap .tab_item.active button:after {width:55px;border-width: 12px 0px 12px 15px;top:75px;}
	
	.waterAna ul li .date{display:none;}
	.waterAna ul li .tit {float:left; text-align:left; width:100%; }
	
	}			





/* 공지사항 */
/*.notice{position:relative; width: calc(100% - 460px); max-width:810px; float:left;}
.notice h2{float:left;font-size:25px;width:20%;color:#000;}*/
.notice ul{width:100%;/*float:right;width:75%;*/}
.notice ul li{padding:3px 0px;width:100%; line-height:20px;}
.notice ul li a{display:block; padding:3px 0px;}
.notice ul li:first-child{padding-top:3px;}
.notice ul li .date{float:right;text-align:right; width:25%; max-width:100px; min-width:100px;  box-sizing: border-box;}
.notice ul li .tit {float:left; text-align:left; width:75%; padding:5px 0px 5px 7px; box-sizing: border-box;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
/*.notice ul li .tit{position:relative;top:6px;color:#000;font-weight:600;width:66%;display:inline-block;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
.notice ul li .tit:hover{color:#0069d3 !important;}*/
/*.notice .more{position:absolute;top:40px;left:0px;font-size:15px;color:#888;}*/
.notice .more a:hover{color:#0069d3 !important;}


.notice_wrap {position:relative; width: calc(100% - 480px); margin:0px 3% 0px 0px; float:left; height:300px; }
.notice_wrap .info_tab {/*border-radius: 20px;*/ overflow: hidden;}
.notice_wrap .info_tab .tab_content {display: none;}
.notice_wrap .info_tab .tab_content.active {display: block; }
.notice_wrap .tab_menu {width:100px; height: 70px;  border-radius:30px;background-color:#f4fcfe; }
.notice_wrap .tab_menu:after {display: inline-block;width: 0;height: 100%;vertical-align: middle}

.notice_wrap .more{/*position:absolute; top:-40px;right:0px;font-size:15px;color:#888;*/}

.notice_wrap .tab_list li{display: inline; float:left; }

.notice_wrap .tab_panel {display: inline-block; width:100%;vertical-align: middle; }
.notice_wrap .tab_item {display:inline-block;background: #f6f6f6;  }
.notice_wrap .tab_item:first-child {border-radius: 25px 0px 0px 25px; }
.notice_wrap .tab_item:last-child {border-radius: 0px 25px 25px 0px; }


.notice_wrap .tab_item .link a{font-family:'GmarketSansMedium'; display:block; position:relative;font-size:18px;padding:0px 30px 0px 30px;line-height:50px;color: #161616;}

.notice_wrap .tab_item button {text-align: left;}
.notice_wrap .tab_item button:before {opacity:0;display:block;position:absolute;left:-10px;}

.notice_wrap .tab_panel .more{position:absolute; right:0px;  top:15px;}


.notice_wrap .tab_item button span {font-family:'GmarketSansMedium';position:relative;font-size:18px;padding:0px 30px 0px 30px;line-height:50px; color: #161616;}
.notice_wrap .tab_item button span.num {margin-right:15px;color:#0072ff;font-size:18px;}
.notice_wrap .tab_item.active {border-bottom:0;}
.notice_wrap .tab_item.active button span { display:block; color: #fff; background-color:#19958e; height:50px;border-radius:30px;box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.15);transition:left 0.3s ease-in-out;}
.notice_wrap .tab_item.active button span.num {color:#ffea38;}
.notice_wrap .tab_item.active button:before {content: "";opacity:1;left:0}


/*.notice_wrap .tab_item.active button:after {content: "";display:block;position:absolute;right: -60px;top:calc(50% - 5px);width:16px;height:10px;background: url('/site/www/images/main/sprite_img.png') no-repeat -202px -101px;}*/

.notice_wrap .tab_item.active button:after {content: " ";position: absolute; 
	z-index: 10;top:90px; width:100px;height:0px;
	border-style: solid;border-width: 15px 0px 15px 20px;transform: rotate(90deg); 
	border-color: transparent transparent transparent #19958e;
	margin-top:0px; 
}

.notice_wrap .tab_content {position:absolute;  left:0px; top:60px; width:calc(100% - 0px);padding:10px 0px 10px 0px;}
.notice_wrap .tab_content .info_box {font-size: 0;line-height: 0}


@media all and (max-width:1200px){
	.notice_wrap .tab_item button span {padding:0px 20px 0px 20px;}
	.notice_wrap .tab_item .link a{font-size:16px; padding:0px 20px 0px 20px;}
	
	.notice_wrap .tab_item.active button:after {width:90px;border-width: 12px 0px 12px 15px;}
}


@media all and (max-width:1024px){
	/*.notice_wrap {position:relative; width: calc(100% - 3%); margin:0px 3% 0px 0px;float:none !important;}
	
	.notice_wrap .tab_item button span {font-size:16px;padding:0px 25px 0px 25px;}
	.notice_wrap .tab_item .link a{font-size:16px; padding:0px 25px 0px 25px;}
	
	.notice_wrap .tab_list li{display: inline; float:left; padding:5px 0px 5px 0px; }
	*/
	
	.notice ul li .date{display:none;}
}
	
	

@media all and (max-width:767px){
	.notice_wrap {width: calc(100% - 0%); margin:0px 0% 0px 0px; float:none !important;}
	
	
	.notice_wrap .tab_list li{display: inline; float:left; padding:5px 0px 5px 0px; }
	.notice_wrap .tab_item button span {position:relative;font-size:16px;padding:0px 20px 0px 20px;}
	.notice_wrap .tab_item .link a{font-size:16px; padding:0px 20px 0px 20px;}
	
	.notice_wrap .tab_item.active button:after {width:85px;border-width: 12px 0px 12px 15px;}
	
	.notice_wrap .more{position:absolute; top:215px; width:40px; height:40px; margin:0px 0px 20px 0px;  }
	.notice_wrap .more a{display:block;}

	.notice ul{min-height:160px;}
	
	.notice ul li .tit {float:left; text-align:left; width:100%;}
	
}
	
	/*
@media all and (max-width:560px){
	.notice_wrap .tab_item button span {font-size:16px;padding:0px 15px 0px 15px; }
	.notice_wrap .tab_item .link a{font-size:16px; padding:0px 15px 0px 15px;}
	
}


@media all and (max-width:480px){
	.notice_wrap .tab_list li{font-size:14px;}
	
	.notice_wrap .tab_item button span{font-size:13px;padding:0px 10px 0px 10px;}
	.notice_wrap .tab_item .link a{font-size:13px; padding:0px 10px 0px 10px;}
	
	.notice_wrap .tab_item.active button:after {width:55px;border-width: 12px 0px 12px 15px;top:75px;}
	
	.notice ul li .date{display:none;}
	.notice ul li .tit {float:left; text-align:left; width:100%; }
	
	}			

*/









/* 수도요금 전자고지*/
.quick3{float:left; position:relative; width: calc(38% - 3%); margin: 0px 3% 0px 0px; 
	background:url(/images/main/cyberComplaint_icon.png) no-repeat right 25px top 105px; 
	background-color:#eeeff6; border-radius:20px; font-family:'GmarketSansMedium','Pretendard GOV','맑은고딕','Malgun Gothic';
	padding:0px 0px 0px 0px; box-sizing: border-box; }


.quick3_inner{position:relative;  padding:30px 30px 10px 30px; height:250px;  font-size:15px; box-sizing: border-box;
	/*background:url(/images/main/quick2_5.png) no-repeat right 27px top 80px;*/color:#4b4b4b;
	}
.quick3_inner a{display:block;}	
.quick3_inner h2{font-family: 'GmarketSansMedium','SBAggroL'; font-size:20px; color:#272727; }
.quick3_inner p{color:#4f5655; font-size:14px; letter-spacing:-0.05em;}
.quick3_inner strong{padding:5px 0px 5px 0px; font-size:15px; letter-spacing:-0.05em; line-height:150%;}
.quick3_inner ul{max-width:260px;margin:0px 0px 0px 0px;}
.quick3_inner ul li{padding:8px 20px 8px 30px; margin:0px 0px 5px 0px;  border-radius:5px;
background:url(/images/main/check_icon.png) no-repeat left 7px top 13px; background-color:#FFF;  
}

.quick3_inner .tit1{color:#4a559d;}

.quick3_inner span.btn{position:absolute; bottom:0px; right:0px; margin:0 auto; vertical-align:middle; line-height:130%; 
	width:150px; max-width:150px; height:30px;
	padding:15px 10px 5px 30px;  color:#585858; font-size:15px; 
	border-radius:20px 0px 20px 0px;box-shadow: 1px 2px 15px 1px rgba(0, 0, 0, 0.1);
	background-color:#fff;
}
.quick3_inner span.btn:after{position:relative;content:''; display:block; height:15px; margin:-20px 0px 0px 0px;
	background:url(/images/common/arrow4.png) no-repeat right 10px top 0px;  
}

@media all and (max-width:1024px){
	.quick3{float:left; width: calc(60% - 2%); margin:20px 2% 0px 0px;}
}
@media all and (max-width:767px){
	.quick3{position:relative; float:none !important; width:100%  !important;}
	.quick3_inner{font-size:16px;  height:320px;}
	.quick3_inner span.btn{width:100px; max-width:100px; height:30px;padding:15px 10px 5px 30px; font-size:14px;}
}
@media all and (max-width:420px){
	.quick3_inner{width: calc(100% - 0%); margin:0px 0% 15px 0px; }
}
	
	
/* 단수안내 */
.suspension{position:relative; width: calc(31% - 3%);  float:left;  }

.suspension_wrap{
	position:relative; float:left;  list-style: none; width: calc(31% - 3%);    margin:0px 0px 30px 0px; padding:30px 30px 0px 30px; box-sizing: border-box;
	 height:250px; border: 0px solid #dbebf6; background-color:#edf6f2; border-radius:15px;}
.suspension_wrap h2.tit{position:relative; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:18px; color:#222; 
	font-family:'GmarketSansMedium','SBAggroL';}
.suspension_wrap h2.tit:before {content: ''; display:block; width:34px; height:33px; position:absolute; top:-7px; left:15px; 
	/*background:url('/images/main/arrow3.png') no-repeat left 0px top 0px; */transition-timing-function:ease-in-out;}
.suspension_wrap .txt{margin:10px 0px 0px 0px;  padding:25px 5px 0px 5px; height:145px; text-align:center; color:#222; 
	border-radius:7px;  background:#fff; border: 1px dashed #b9d7cf;}
.suspension_wrap .more{position:absolute;top:20px; right:20px; z-index:9;}

@media all and (max-width:1024px){
	.suspension{ width:100% !important; margin:20px 0px 0px 0px; }
	.suspension_wrap{float:left; width: calc(40% - 2%); margin:20px 2% 0px 0px; }
	.suspension_wrap .txt{/*margin:10px 20px 0px 20px;*/  padding:20px 0px 20px 0px; }
}
@media all and (max-width:767px){
	.suspension_wrap{position:relative; float:none !important; width:100% !important; margin:20px 0px 30px 0px; min-height:200px; height:auto;}
	.suspension_wrap .txt{height:100px;}
}


/*고장신고*/
.brokenTel{font-family:'GmarketSansMedium','SBAggroL';position:relative; width:31%; margin: 0px 0% 30px 0px; float:right; padding:25px 30px 15px 30px; box-sizing: border-box;letter-spacing:-0.5px; background-color:#ebf5fb; border-radius:15px;}
.brokenTel h2{float:left;  width:30%; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color:#0f0f0f; font-size:24px;  line-height:140%; box-sizing: border-box;}
.brokenTel h2:after{position:relative; content:''; display:block; width:100%; height:120px;  
	background:url(/images/main/tel_icon.png) no-repeat left 50% top 30px; }

.brokenTel ul{float:right; width:70%; }
.brokenTel li{display: inline; float:left; width:100%; font-size:16px; color:#5e5e88; box-sizing: border-box; margin:0px 0.5% 5px 0.5%; padding:5px 0px 5px 0px; text-align:center;  /* background:#ffffff;border-radius:25px;*/}
.brokenTel li a{/* display:block; */ color:#222;  }
.brokenTel li .tel2{color:#3078ec; font-size:16px;}



@media all and (max-width:1024px){
	.brokenTel{ width:100%  !important; min-height:80px; margin:20px 0px 0px 0px; }
	.brokenTel h2{/*float:none !important; width:100%  !important;*/ text-align:center;}
	.brokenTel h2:after{ height:95px; }
	.brokenTel ul{/*float:none !important; width:100%  !important;*/}
	.brokenTel li{display: inline; float:left; width: calc(50% - 3%); margin: 0px 3% 5px 0px;}
	
}
@media all and (max-width:767px){
	.brokenTel{}
	.brokenTel li{width:100%  !important; width: calc(100% - 0%); margin: 0px 0% 5px 0px;}
}




/* 메인 검색 */
.search{position:relative;float:left; width:calc(34% - 0%);  
	width : -webkit-calc(34% - 0px); /* for Chrome, Safari */
  	width : -moz-calc(34% - 0px); /* for Firefox */
	margin:30px 0% 0px 0px; height:63px; }
	
/*#divContent .search .search_title{height:24px; color:#6688f5; font-size:18px;line-height:24px;}*/
.search .search_form{position:relative; width:100%; box-shadow:0 5px 20px rgba(0, 51, 183, 0.06);}
.search .search_input{width:100%;  height:55px; padding-right:4px;  
	padding-left:4px; 
	border: 0px solid transparent;
    border-radius: 0px 20px 0px 0px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #0090ff, #5372ff, #850eff);
    background-origin: border-box;
    background-clip: content-box, border-box, padding-box; 
    background-color:#fff; 
    color:#515151; font-size:16px;
    box-sizing: border-box;
    }

.search .search_submit{position:absolute; top:0; right:0; width:45px; height:60px; font-size:0;}
.search .search_submit:before{content: "";display:block; width:30px; height:30px; background:url(../../images/main/search_icon.png) no-repeat right;}


@media all and (max-width:1200px){
	.search{position:relative;float:left; width:calc(34% - 0%);
	width : -webkit-calc(34% - 0px); /* for Chrome, Safari */
  	width : -moz-calc(34% - 0px); /* for Firefox */
	margin:30px 0% 0px 0px; height:100px; }
	
}

@media all and (max-width:1024px){
	.search{ float:none !important; width:calc(100% - 0%);
	display:flex;align-items:center;justify-content:center; 
	 max-width:810px; padding:30px 3% 0px 3%; margin:0px auto; box-sizing:border-box;}
}

@media all and (max-width:767px){
	.search{ }
}




/* 메인팝업존 */
.popupzone1{position:relative; float:left; width: calc(62% - 3%); margin:0px 3% 0px 0px; box-sizing: border-box;}
.popupzone1 .inner{position:relative; width:100%;}
.popupzone1 .inner img{width:100% !important;}


.popupzone1 .inner h2 {position: absolute; top:0; left:0; width:60px; height:175px;padding:40px 20px 0px 20px; font-size:18px;border-radius:20px 0px 0px 0px;color: #fff; background-color: #5656d9; word-break:break-all;box-sizing: border-box;}
/*
.popupzone1 .inner h2 a {position: relative;display: block;width: 100%;height: 100%;padding:50px 15px 0px 15px;background-color: #fff;color: #fff;font-weight: 600;text-align: center;box-sizing: border-box;word-break:break-all; }
.popupzone1 .inner h2 a.on {background-color: #0158a8;color: #fff;}
*/
.popupzone1 .inner h2:after {content: " ";position: absolute; z-index: 10;left: 99%;top: 50%; width: 0;height: 0;
	border-style: solid;border-width: 15px 0 15px 20px;border-color: transparent transparent transparent #5656d9;margin-top: -15px;
}

.popupzone1 .inner .allList{position: absolute; bottom:0px; left:0;  width:60px; font-size:18px;  border-radius:0px 0px 0px 20px; background-color: #ebeffd; word-break:break-all; }
.popupzone1 .inner .allList a{display:block;  padding:30px 20px 0px 20px;  height:165px;border-radius:0px 0px 0px 20px;word-break:break-all; }


.bannerW{display: block; left:60px; position:relative; max-height:340px; max-width:750px; width:100%;  box-shadow: 5px 8px 10px 0 rgb(236 236 236 / 100%);margin:0px 0px; border-radius:0px 20px 20px 0px; overflow: hidden;}
.banner{width:100%;}
.banner ul li{display:none;overflow: hidden;}
.banner ul li.on{display:block; }
.banner ul li.on a{display:block; }
.banner ul li img{position: relative;    /*width: auto;*/  width:100%  !important;  max-width:760px; height:auto; left:calc(50% - 0px); margin-left:0px; transform: translate(-50%,0);}


.banner ul li.on a:focus{display:block;  border: 2px dotted #5656d9; box-sizing:border-box; }


.banner .bannerControl{position:absolute; width:270px;right:0px; bottom:0px;padding:3px 10px 0px 0px; text-align:left; background: rgba(0, 0, 0, 0.7); border-radius:20px 0px 0px 0px; z-index:10;}
.banner .bannerControl .num{position:relative;top:10px;left:40px;float:left; width:32%;height:46px;padding:0px;font-size:16px; color:#fff; font-weight: bold;text-align:left;}
.btn-control{float:right;}

.banner .bannerControl span.count{color:#00d2ff;  text-align:center;}
.banner .bannerControl span.count a{display:block; width:80px; height:28px;}
.banner .bannerControl span.count a:first-child{display:block; margin-left:0;padding:0px;}

.banner .bannerControl .prev{float:left;}
.banner .bannerControl .stop{float:left;}
.banner .bannerControl .play{float:left;}
.banner .bannerControl .next{float:left;}
.banner .bannerControl .list{float:left;}

#bannerListDiv{position:absolute; width:calc(100% - 15px); border-radius:0px 0px 20px 0px;  left:60px;  height:340px;top:0px;z-index:20;}
#bannerListDiv .popUl{position:relative; padding:20px; height:calc(100% - 40px); border: 1px solid #5656d9; border-radius:0px 20px 0px 0px;background:#FFF; top:0px; overflow:auto;}
#bannerListDiv .popUl li{color:#222; border-bottom: 1px dashed #ddd; background:url(/images/common/dot.png) no-repeat 5px 15px;}
#bannerListDiv .popUl li a{display:block;color:#222; padding:7px 0px 7px 17px;}
#bannerListDiv .close{width:100%; text-align:center; text-align:center; padding:10px 0px 0px 0px; border-radius:0px 0px 20px 0px;  font-size:15px; background:#222; height:40px;}

.bannerBx{width:100%;position:relative;float:left;/*background:#f3f3f3;*/border-top:1px solid #e7e7e7;}
.bannerBx h2{position:relative;z-index:1;float:left;color:#111;font-size:20px;padding-top:20px;}
.bannerBx .controlBx{position:relative;z-index:1;float:left;width:125px;text-align:center;padding-top:20px;}
.bannerBx .controlBx a{margin:0px 5px;}
.bannerBx ul{/*border-left:1px solid #ddd;*/}
.bannerBx ul li{float:left;text-align:center;width:14.1%;padding:12px 0px;border-right:1px solid #e7e7e7;}
.bannerBx ul li.on{background:#fff;}
.bannerBx ul li:first-child{/*border-left:1px solid #e7e7e7;*/}


@media all and (max-width:1024px){
	.popupzone1 {position:relative; width:100%  !important; max-width:810px;  margin:0px auto; float:none !important;}
	
	}
	
	
@media all and (max-width:767px){
	.popupzone1{position:relative; width:100%  !important;  max-width:100%;   margin-right:0%; float:none !important;}
	.popupzone1 .inner{position:relative; width:100%; }

	
	
	.bannerW{border-radius:20px;}
	.popupzone1 .inner h2{float:none !important;  width:100%  !important; background-color: #fff;}
	.popupzone1 .inner h2:after {display:none;}
	.bannerW{left:0px;  }
	
	.popupzone1 .inner .allList{position: absolute; bottom:0; left:0;  width:110px; font-size:16px;  border-radius:0px 20px 0px 20px; background: rgba(235, 239, 253, 1); word-break:break-all; }
	.popupzone1 .inner .allList a{display:block;  padding:10px 20px 0px 25px;  height:40px;border-radius:0px 0px 0px 20px;word-break:break-all; }

	#bannerListDiv{width:calc(100% - 0px); left:0px;  height:220px;}

	
}


@media all and (max-width:480px){
	
	.banner .bannerControl{width:210px;padding:3px 5px 0px 0px; border-radius:20px 0px 0px 0px;}
	.banner .bannerControl .num{left:20px; top:5px;width:32%;height:35px;font-size:14px; font-weight: bold;}
	
	.banner .bannerControl .prev{float:left; width:32px;}
	.banner .bannerControl .stop{float:left; width:32px;}
	.banner .bannerControl .play{float:left; width:32px;}
	.banner .bannerControl .next{float:left; width:32px;}
	.banner .bannerControl .list{float:left; width:32px;}
		
	#bannerListDiv{ border-radius:0px 0px 20px 0px;  left:0px;  height:210px;top:0px;z-index:20;}
	
}




/* 카드뉴스 */
.cardnews_wrap{position:absolute; right:0px; top:0px; width:430px; margin-top:0px;}
.cardnews{}
/*
.cardnews h2{position:absolute; right:0px; top:0; width:80px; padding:3px 0px 0px 0px; height:25px; text-align:center; color:#fff; font-size: 14px;background:rgba(0,0,0,.6); border-radius: 0px 10px 0px 10px;}
*/
.cardnews img{width:100%; max-width:430px; border-radius:10px; box-shadow: 5px 8px 10px 0 rgb(245 245 245 / 100%);}


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

@media ( max-width :767px) {
	.cardnews_wrap{position:relative; clear:both; float:none !important; width:100%; }
	.cardnews{text-align:center;}
	.cardnews h2{position:absolute; right:0px; top:0; width:80px;}

}



@media ( max-width :560px) {
	/*.cardnews{float:none !important; width:100%;}*/
	
}




/* 서브상단 */
.contentBox1{display:inline-block; width:100%; padding:40px 50px 40px 50px; margin:0px 0px 20px 0px; background:#fff; border-radius:10px; box-sizing: border-box;}
.contentBox1 .tit{margin:10px 0px 10px 0px; text-align:center; font-size:26px; padding:0px 0px 0px 0px; color:#1c409b;font-weight:normal; letter-spacing:-0.05em;}

@media screen and (max-width:1024px){
	.contentBox1 .tit{font-size:20px; line-height:140%;}
}

@media screen and (max-width:767px){	
	.contentBox1 .tit{font-size:18px;}
}






/* Tab + List
.tab.list{float:left;width:460px;margin:0px 34px;height:160px}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;}
.tab.list ul:after{content:"";display:block;clear:both}
.tab.list li{float:left;margin-bottom:-1px}
.tab.list li a{position:relative;float:left;text-decoration:none;color:#363636;}
.tab.list li a span{padding:0px 30px 30px 0px;letter-spacing:-1px;cursor:pointer;font-size:22px;}
.tab.list li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;}
.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li li{float:none;position:relative;border-bottom:1px solid #ddd;padding:16.5px 15px 16.5px 0px;background:url('/energy/images/main/icon_more2.png') no-repeat right center;}
.tab.list li li:last-child{border-bottom:0px;background:none;}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#363636 !important;font-weight:normal;background:transparent;letter-spacing:normal}
.tab.list li li a:hover,.tab.list li li a:active,.tab.list li li a:focus{color:#0c9c2f !important;text-decoration:underline}
.tab.list li li .time{display:block;color:#767676}
.tab.list li li.more{position:absolute;top:-57px; right:0;}
.tab.list li li.more a{position:absolute; display:inline-block; height:29px; width:29px; background:url('/energy/images/main/icon_more.png') 50%  50% no-repeat; text-indent:-9999px;}
.tab.list li.active a{background:transparent;color:#333}
.tab.list li.active a span{font-size:22px;font-weight:bold;color:#0c9c2f;background:url('/energy/images/main/icon_current.png') no-repeat 30px 35px;}
 */
 
 


/*slider
.main-visual{width:100%;height:495px;background:url(/images/main/main_img02.jpg) no-repeat;background-size:cover;}
.main-visual .main-txt{position:relative;top:100px;color:#fff;font-size:40px;text-align:center;
;line-height:150%;text-shadow: 0 0 3px #555;}
.main-visual .main-txt span{display:block;font-family:"SCDream5";}

.main-visual2{width:100%;height:495px;background:url(/images/main/main_img01.jpg) no-repeat;background-size:cover;}
.main-visual2 .main-txt{position:relative;top:100px;color:#fff;font-size:40px;text-align:center;line-height:150%;text-shadow: 0 0 3px #555;}
.main-visual2 .main-txt span{display:block;}
*/

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  width:100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
  display:none;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 47.8%;
  background: url('/images/main/icon_prev.png') no-repeat;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 47.8%;
  background: url('/images/main/icon_next.png') no-repeat;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}






/* 메인상단 레이어팝업 */
#topLayerPopup{position: relative;width:100%;text-align: center; }
#topLayerPopup .popupClose{float: right; position: absolute; right: 80px; bottom:10px; color:#fff; z-index:999999;}
#topLayerPopup .popupClose .close {display:inline-block; width:28px;height:28px; right: -50px; top: 3px;  color:#fff;}

#topLayerPopup .popupClose input{width:16px;height:16px;line-height:16px;border:1px solid #ddd;position: relative;top: -1px;display: inline-block;}
#topLayerPopup .popupClose label{font-size:14px;color:#4a4e50;font-family:'Pretendard GOV Variable','Pretendard GOV';font-weight:400;display: inline-block;}

#topLayerPopup .popupClose .btnClose{display:inline-block;width:20px;height:20px;position: relative;top:-3px;}




@media (max-width: 1261px) {
  #topLayerPopup .popupClose {right:50px; }
}
@media (max-width: 670px) {
  #topLayerPopup .popupClose {}
  #topLayerPopup .popupClose .close { text-align:center; }
}