@charset "utf-8";

/* 메인비주얼  */
.mainVisual{position:absolute; 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 > 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);
}
	 
.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 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:#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:#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;}
		
.homeCharge-inner .txt{position:relative;padding:5px 0px 20px 0px; font-size:15px; color:#343434;  line-height:150%; }
.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(54% - 1%); margin-right:1%;}
.homeCharge-inner input.month{width:45%;  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(54% - 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;
    color: #fff;
    padding:10px 20px 10px 20px;
    border-radius:10px;
    width:45%;
    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(54% - 1%);}
	.homeCharge-inner .btn1 { width:calc(54% - 1%);}
}

@media all and (max-width:1024px){
	.homeCharge{ width:100% !important; margin-right:0%;}
	.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:14px; padding:10px 5px 10px 5px; margin-right:1%;}
	.homeCharge-inner .btn2 { line-height: 28px; font-size:14px; padding:10px 5px 10px 5px; }
}

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

@media all and (max-width:420px){
	.homeCharge-inner .btn1 {font-size:13px; }
	
	.homeCharge-inner .btn2 {font-size:13px; }
}



/* 바로가기 */
.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;
	transform: translateY(-10px);
	box-shadow: 0 10px 16px rgb(42 60 93/ 15%);
	box-sizing: border-box;
	/* height: 125px; */
}

.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;
	word-break:keep-all;
	margin-top:20px;
	padding-bottom:5px;
	/*white-space: nowrap;*/
}

.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; adding: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 0px;
		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;	}
}



/* 팝업존 */
#popupzoneW{position: relative;float:left; 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 a {display: block;}
.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 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;}
	.popupzone{ width:100%;}
	.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 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 .popupzone_intro{width:100%; top:30px; left:30px; z-index:10;}
	.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%;}
.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 .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; }
.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_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 130px; 
	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{position:relative; font-family:'GmarketSansMedium','SBAggroL'; width:31%; height:250px; float:right; /* letter-spacing:-0.5px;*/
	margin: 0px 0% 30px 0px;  padding:25px 30px 15px 30px; box-sizing: border-box;  background-color:#ebf5fb;  letter-spacing:0.5px; border-radius:15px;}
.brokenTel h2{float:left;  width:35%; padding:0px 0px 0px 0px; text-align:center; margin:0px 4% 5px 0px; color:#0f0f0f; font-size:22px;  line-height:100%; box-sizing: border-box;}
.brokenTel h2:after{position:relative; content:''; display:block; width:100%; height:100px;  
	background:url(/images/main/tel_icon.png) no-repeat left 50% top 20px; }

.brokenTel ul{float:right; width:60%; margin:0px; padding:0px;}
.brokenTel li{display: inline;float:left; width:100%; font-size:15px; color:#5e5e88;
	box-sizing: border-box; margin:0px 0.5% 5px 0.5%; padding:px 0px 7px 0px; height:27px;
	/* text-align:center;   background:#ffffff;border-radius:25px;*/
	}


.brokenTel li a{/* display:block; */ color:#222;  }
.brokenTel li .tel1{ width:200px; /*text-align: justify; */ }
.brokenTel li .tel1:after {
  /*content: "";
  display: inline-block;
  width: 100%; */
  
}
  
  
.brokenTel li .tel2{color:#3078ec; font-size:15px; padding:0px 0px 0px 5px; }
.brokenTel li .telRed{color:#da0000;}
.brokenTel li .telRed a{color:#da0000;}

.brokenTel .tel3{position:relative;width:100%; display:inline-block; padding:7px 5px 5px 5px; text-align:center; color:#fff;
	background:#5c87bd; border-radius:10px; }
.brokenTel .tel3 a{ color:#fff;} 

.brokenTel .db2{display:block;}

@media all and (max-width:1300px){
	.brokenTel{padding:25px 10px 15px 10px;}
	.brokenTel h2{font-size:18px;}
	.brokenTel li{font-size:14px; }
	.brokenTel li .tel2{font-size:14px;}
	
}


@media all and (max-width:1024px){
	.brokenTel{ width:100%  !important; min-height:80px; margin:20px 0px 0px 0px; height:200px;  }
	.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% - 5%); margin: 0px 5% 5px 0px;}
	
	.brokenTel .db2{display:inline-block;}
	
}
@media all and (max-width:767px){
	.brokenTel{height:250px;  }
	.brokenTel li{width:100%  !important; width: calc(100% - 5%); margin: 0px 5% 5px 0px;}
	.brokenTel .db2{display:block;}
}


/* 홍보동영상 */
.cardnews_wrap{position:absolute; right:0px; top:0px; width:430px; margin-top:0px;}
/*
.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 :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;}
}


/* 서브상단 */
.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;}
}



/** 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; }
}

  
/*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;}
*/