@charset "utf-8";
/*sub-gnb*/
.menu > ul > li > a, .r-menu > ul > li > a{color:#fff;}
.r-menu > ul > li:first-child::before{background:#fff;}

/*sub-top*/
#sub-top{width:100%; position:relative; height:580px; overflow:hidden; transition:all 0.4s;}
.sub-top-bg{width:100%; height:100%; position:absolute; background-position:center !important; background-size:cover !important; -webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg); transform: translateZ(0) scale(1.1) rotate(0.1deg); -webkit-transition:transform 10s; transition:transform 10s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.bg-loaded{-webkit-transform: translateZ(0) scale(1) rotate(0deg); transform: translateZ(0) scale(1) rotate(0deg);}
.sub-top-bg:after{content:''; width:100%; height:100%; position:absolute; background:#000; opacity:0.1;}
.sub-top1{background:url(../../images/theme/sub/sub_top1.jpg)no-repeat;}
.sub-top2{background:url(../../images/theme/sub/sub_top2.jpg)no-repeat;}
.sub-top3{background:url(../../images/theme/sub/sub_top3.jpg)no-repeat;}
.sub-top4{background:url(../../images/theme/sub/sub_top4.jpg)no-repeat;}
.sub-top5{background:url(../../images/theme/sub/sub_top5.jpg)no-repeat;}

.s-top-title{position:absolute; top:49%; left:50%; transform:translateX(-50%); text-align:center; z-index:1; width:100%;}
.s-top-title h1{font-size:55px; color:#fff;;font-weight:400;line-height:1;}

/*sub-nav*/
.sub-nav{width:100%;border-bottom:1px solid #eee;height:66px;box-sizing:border-box;}
.sub-nav ul{width:100%; max-width:1200px; margin:0 auto;}
.sub-nav ul li{float:left; text-align:center;}
.sub-nav ul li a{font-size:16px; color:#333; display:block; transition:all 0.4s; line-height:65px; position:relative; padding:0 20px;font-weight:500;width:100%;box-sizing:border-box;}
.sub-nav ul li a:before{content:''; width:1px; height:13px; background:#eee; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.sub-nav ul li:last-child a:before{width:0;}
/* .sub-nav ul li:not(.selected) a:hover{background:rgba(0,0,0,0.2); color:#fff;} */
.sub-nav .selected a{color:#d23334;}
.sub-nav .selected a:after{content:'';position:absolute;width:100%;height:2px;left:0;bottom:-1px;background:#d22234;}

.sub-nav1 ul li{width:20%;}
.sub-nav2 ul li{width:33.33%;}
.sub-nav3 ul li{width:50%;}
.sub-nav4 ul li{width:100%;}

/* 공통 */
#section{overflow:hidden;width:100%;}
.s-section{padding-bottom:190px;box-sizing:border-box;}
.section-wrap{width:100%; max-width:1200px; margin:0 auto;box-sizing:border-box;}
.s-title{padding:90px 3%;}
.s-title h2{font-size:40px;font-weight:500;text-align:center;line-height:1;}

.sub-contents{padding-bottom:60px;}
.sub-contents.end-contents{padding-bottom:0;}
.ss-title{margin-bottom:35px;}
.ss-title img{margin-bottom:25px;}
.ss-title h3{font-size:25px;line-height:1;font-weight:500;}
.ss-title.center{text-align:center;margin:38px 0 15px;}

.color-r{color:#d23334;}
.color-3{color:#333;}

.bold3{font-weight:300;}
.bold4{font-weight:400;}
.bold5{font-weight:500;}

.zoomIn{animation-duration:1s;}

/* 회사개요 */
#sub1-1.s-section{padding-bottom:0;}
.com-intro{text-align:center;padding-bottom:66px;}
.com-intro .ment{font-size:20px;line-height:1.5;margin-top:5px;}
.com-intro h3{color:#06baf5;font-size:53px;line-height:1.26;margin-top:11px;font-weight:500;}
.com-intro .water-img{width:100%;margin:38px 0;}
.com-intro .water-img img{width:100%;}
.com-intro .txt{font-size:18px;line-height:1.66;width:78%;margin:0 auto;}

.full-sub-bg{position:relative;background:#fafafa;padding-top:223px;padding-bottom:175px;}
.full-sub-bg:before{position:absolute;content:'';width:100%;height:170px;background:url(../../images/theme/sub/wave03.jpg)repeat-x center top;background-size:contain;top:0;left:0;}
.full-sub-bg .section-wrap{position:relative;}
.full-sub-bg .section-wrap:before{position:absolute;content:'';width:70px;height:70px;background:url(../../images/theme/main/circle02.png)no-repeat;top:-176px;left:4.16%;animation:intro 3s 0s infinite both ease-in-out;z-index:0;animation-delay:0.5s;}
.full-sub-bg .section-wrap:after{position:absolute;content:'';width:110px;height:110px;background:url(../../images/theme/main/circle.png)no-repeat;top:-87px;left:20.5%;animation:intro 3s 0s infinite both ease-in-out;z-index:0;}

@keyframes intro{
0%,100%{transform:none}
50%{transform:translate(0,20px) rotate(2deg)}
}
.outline-img-wrap{position:relative;z-index:2;}
.outline-img{width:96.66%;overflow:hidden;}
.outline-img.margin{margin-top:40px;}
.outline-img.right{float:right;}
.outline-img img{display:table;width:100%;}
.com-outline{overflow:hidden;width:100%;}
.out-box{width:50%;float:left;}
.out-box a{box-shadow:3px 6px 8px rgba(0,0,0,0.2);line-height:55px;;font-size:16px;color:#555;font-weight:300;text-align:center;display:block;padding:0 20px;box-sizing:border-box;width:95%;border:1px solid #eee;background:#fff;border-radius:8px;margin:0 auto 15px;}

/* CEO인사말 */
#sub1-2.s-section{background:url(../../images/theme/sub/wave04.png)no-repeat left bottom;background-size:1291px 454px ;}
.greeting-intro{font-size:40px;font-weight:500;line-height:1.3;text-align:center;margin-top:4px;}

.greeting{width:100%;overflow:hidden;padding-top:20px;margin-top:78px;}
.greeting-img{width:47.58%;float:left;text-align:center;padding:0 15px;box-sizing:border-box;}

.greeting-txt{width:52.42%;float:left;padding:51px 15px 0 68px;box-sizing:border-box;}
.greeting-txt p{line-height:1.75;}
.greeting-txt .ma-block{display:block;height:29px;}
.greeting-txt h4{font-weight:500;font-size:20px;letter-spacing:0.74em;margin-top:50px;line-height:1.6;}
.greeting-txt h4 span{display:inline-block;font-size:16px;font-weight:300;color:#333;margin-right:20px;letter-spacing:0;}

/* 연혁 */
.history{width:100%;overflow:hidden;padding-bottom:30px;position:relative;}
.history:after{position:absolute;content:'';width:1px;height:100%;background:url(../../images/theme/sub/h_line.gif)repeat-y;left:12.83%;z-index:-1;}
.history.first:after{top:25px;}
.history.end:after{height:25px;}
.year{font-size:28px;font-weight:500;width:14.16%;float:left;line-height:1.5;margin-top:15px;position:relative;}
.year:before{position:absolute;content:'';right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url(../../images/theme/sub/index02.png)no-repeat;z-index:2;}

.history .txt{width:85.84%;float:left;padding-left:5%;box-sizing:border-box;position:relative;}
.history .txt:before{position:absolute;content:'';height:1px;width:100%;z-index:-1;background:#d23334;left:0;top:36px;}
.history .txt ul{border-radius:5px;background:#fafafa;padding:16px 20px 19px 46px;border:1px solid #eee;box-sizing:border-box;}
.history .txt ul li{font-size:16px;color:#555;font-weight:300;line-height:1.75;padding:5px 0 5px 76px;position:relative;}
.history .txt ul li.color-r{color:#d23334;}
.history .txt ul li span{display:inline-block;position:absolute;left:0px;top:5px;color:#555;}

/* 오시는 길 */
/* .map-wrap{border:1px solid #ccc;} */
.root_daum_roughmap{width:100% !important; border:0 !important; padding:0 !important; border-radius:0 !important;}

.direct-info{height:88px;display:flex;align-items:center;border-bottom:1px solid #eee;}
.direct-info ul{overflow:hidden;padding:0 10px;box-sizing:border-box;width:100%;}
.direct-info ul li{font-size:30px;color:#333;font-weight:400;line-height:1.46;float:left;}
.direct-info ul li:first-child{width:47.8%}
.direct-info ul li:nth-of-type(2){width:26.1%}
 .direct-info ul li:nth-of-type(3){width:26.1%;text-align:right;}
.direct-info ul li span{display:inline-block;height:40px;width:40px;border-radius:50%;background:#d23334;text-align:center;color:#fff;line-height:40px;margin-right:17px;}

/* 수질정화사업 */
#sub2-1.s-section, #sub2-2.s-section{padding-bottom:0;}
.biz-intro p{margin-top:3px;font-size:19px;line-height:1.73;color:#333;font-weight:400;text-align:center;}
.biz-intro p span{font-size:21px;}

.biz-contents{padding:0 0 164px 0;box-sizing:border-box;}
.biz{width:92.5%;margin:0 auto;}
.biz-img{box-shadow:1px 16px 17px rgba(0,0,0,0.3);margin:9px 0 30px;position:relative;}
.biz-img img{display:table;width:100%;}
.biz-img a{font-size:20px;font-weight:400;color:#fff;line-height:28px;background:rgba(0,0,0,0.4);padding:21px 28px;box-sizing:border-box;width:100%;display:inline-block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.biz-txt{margin-top:2px;padding:0 11px;box-sizing:border-box;}
.biz-txt p{line-height:1.62;}

.biz-contents2 .biz-img{margin:0 6px;}

.sub-bottom{background:url(../../images/theme/sub/sub_bottom.jpg)no-repeat center center;background-size:cover;width:100%;height:388px;display:flex;align-items:center;}
.bottom-txt p{text-align:center;color:#fff;font-size:35px;font-weight:300;line-height:1.4;}

@media all and (max-width:1199px){
	.w-block{display:inline-block;}
	.s-title{padding:85px 3% 60px;}
	.section-wrap{padding:0 10px;}
	
	#sub-top{height:450px;}
	.s-top-title{top:50%;transform:translate(-50%, -50%);}
	.s-top-title h1{font-size:48px;}
	
	.com-intro .ment, .greeting-intro{margin-top:0;}
	.greeting-intro{font-size:37px;}
	.full-sub-bg{padding-top:120px;}
	.full-sub-bg::before{background:none;}
	
	.greeting-img{width:44%;}
	.greeting-img img{width:100%;}
	.greeting-txt{width:56%;padding:15px 15px 0 25px;}
	
	.history::after{left:15.52%}
	.year{width:17%;text-indent:23px;}
	.history .txt{width:83%;}
	
	.direct-info ul li{font-size:27px;}
	.direct-info ul li:first-child{width:46%;}
	.direct-info ul li:nth-of-type(2), .direct-info ul li:nth-of-type(3){width:27%;}
	.direct-info ul li span{height:38px;width:38px;line-height:38px;margin-right:10px;}
	
	.biz-img a{font-size:19px;padding:16px 21px;line-height:26px;}
	.biz-intro p{width:83%;margin:0 auto;}
	.biz-img img{width:100%;}
	
}

@media all and (max-width:997px){
	.direct-info{padding:20px 0;height:auto;}
	.direct-info ul{padding:0 20px;}
	.direct-info ul li{padding:5px 0;}
	.direct-info ul li:first-child{width:100%;}
	.direct-info ul li:nth-of-type(2), .direct-info ul li:nth-of-type(3){width:42%;text-align:left;}
}

@media all and (max-width:767px){
	#sub-top{height:400px;}
	.s-top-title h1{font-size:41px;}
	.s-title{padding:75px 3% 50px;}
	.s-title h2{font-size:35px;}
	
	.sub-contents{padding-bottom:50px;}
	.ss-title img{width:38px;margin-bottom:15px;}
	.ss-title h3{font-size:22px;}
	
	.m-sub-nav > button{width:100%; height:100%; border:none; color:#fff; font-size:16px; font-weight:400;text-align:left; padding:0 40px 0 20px; box-sizing:border-box; position:relative; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
	.m-sub-nav > button i{/* float:right;  */transition:all 0.4s; position:absolute; right:20px;font-size:21px;}
	.m-sub-nav > button.on i{transform:rotate(180deg);}
	.m-sub-nav{box-sizing:border-box;height:55px;position:relative;width:96%;margin:-27px auto 0;background:#06baf5;}
	.m-sub-nav ul{position:absolute; z-index:600; border:1px solid #ccc; border-top:0; background:#f9f9f9 !important; box-sizing:border-box;padding:12px 0;}
	.m-sub-nav ul li{width:100%;float:none !important; text-align:left !important; line-height:32px !important;}
	.m-sub-nav ul li a{padding:0 20px; margin-right:0;background:none !important; margin-right:0 !important; font-weight:300; color:#555 !important; line-height:40px !important;}
	.m-sub-nav ul li a:before{width:0;}
	
	.btnWrap .more-btn{font-size:14px;line-height:45px;padding:0 45px;}
	
	.com-intro{padding-bottom:50px;}
	.com-intro .ment{font-size:18px;}
	.com-intro h3{font-size:37px;margin-top:6px;}
	.com-intro .water-img{margin:26px 0;}
	.com-intro .txt{font-size:16px;width:87%;}
	.full-sub-bg{padding-top:75px;padding-bottom:145px;}
	.full-sub-bg .section-wrap::after{width:90px;height:90px;background-size:contain !important;top:-65px;}
	.full-sub-bg .section-wrap::before{width:60px;height:60px;background-size:contain !important;top:-118px;}
	.outline-img.margin{margin-top:24px;}
	.out-box{width:100%;}
	.out-box a{width:95%;}
	
	.greeting-intro{font-size:28px;}
	.greeting{margin-top:20px;}
	.greeting-img{width:100%;}
	.greeting-img img{width:50%;}
	.greeting-txt{width:100%;padding:33px 20px 0;}
	.greeting-txt p{text-align:justify;}
	.greeting-txt .ma-block{height:15px;}
	.greeting-txt h4{margin-top:23px;}
	
	.history{padding-bottom:40px;}
	.history:after{left:50%;transform:translateX(-50%);top:78px;}
	.history.first::after{top:78px;}
	.history.end::after{height:44px;}
	.year{text-indent:0;text-align:center;width:auto;float:none;padding-top:40px;padding-bottom:32px;margin-top:0;}
	.year:before{right:auto;left:50%;transform:translateX(-50%);top:0;}
	.history .txt{width:auto;float:none;padding-left:0;}
	.history .txt::before{height:2px;width:40px;left:50%;top:-75px;transform:translateX(-50%);}
	
	.root_daum_roughmap .wrap_map{height:425px !important;}
	.direct-info ul{padding:0 15px;}
	.direct-info ul li{font-size:25px;}
	.direct-info ul li:nth-of-type(2), .direct-info ul li:nth-of-type(3){width:50%;}
	.direct-info ul li span{height:34px;width:34px;line-height:34px;}
	
	.biz-intro p{font-size:17px;line-height:1.5;}
	.biz-intro p span{font-size:19px;}
	.ss-title.center{margin:23px 0 15px;}
	.biz{max-width:390px;}
	.biz-contents{padding:0 0 128px;}
	.biz-img{/* box-shadow:5px 5px 1px rgba(0,0,0,0.2); */margin:18px 0 30px;}
	.biz.first .biz-img{margin:9xp 0 30px;}
	.biz-img a{font-size:18px;}
	.sub-bottom{height:340px;}
	.biz-txt{padding:0 10px 13px 10px;}
	.biz-txt p{text-align:justify;}
	.bottom-txt p{font-size:26px;}
	
}

@media all and (max-width:657px){
	.biz-contents{padding:0 0 50px;}
	.biz-contents .col-6{width:100%;}
	.s-block{display:block;}
}

@media all and (max-width:525px){
	#sub-top{height:325px;}
	.s-top-title h1{font-size:32px;}
	.s-title{padding:58px 3% 50px;}
	.s-title h2{font-size:29px;}
	
	.sub-contents{padding-bottom:45px;}
	.ss-title img{margin-bottom:11px;}
	.ss-title{margin-bottom:30px;}
	
	.m-sub-nav > button{font-size:15px;}
	.m-sub-nav > button i{font-size:19px;}
	.m-sub-nav{height:50px;}
	.m-sub-nav ul{padding:9px 0;}
	.m-sub-nav ul li a{font-size:15px;line-height:37px !important;}
	
	.com-intro{padding-bottom:45px;}
	.com-intro .ment{font-size:16px;}
	.com-intro h3{font-size:27px;margin-top:3px;}
	.com-intro .water-img{margin:20px 0;}
	.com-intro .txt{font-size:15px;width:94%;}
	.full-sub-bg{padding-top:65px;padding-bottom:128px;}
	.full-sub-bg .section-wrap::after{top:-52px;left:31.5%;}
	.outline-img{margin:0 auto;}
	.outline-img.right{float:none;margin-top:15px !important;}
	.out-box a{font-size:15px;line-height:50px;margin:0 auto 12px;}
	
	.greeting-intro{font-size:21px;}
	.greeting{margin-top:15px;}
	.greeting-img img{width:75%;}
	.greeting-txt{padding:30px 20px 0;}
	.greeting-txt .ma-block{height:7px;}
	.greeting-txt h4{margin-top:18px;font-size:18px;}
	.greeting-txt h4 span{font-size:15px;}
	
	.history{padding-bottom:30px;}
	.year{font-size:23px;padding-bottom:20px;padding-top:37px;}
	.year:before{width:26px;height:26px;background-size:contain;}
	.history .txt::before{width:31px;top:-57px;}
	.history .txt ul{padding:15px 18px 15px 32px;}
	.history .txt ul li{font-size:15px;padding:3px 0 3px 64px;}
	.history .txt ul li span{top:3px;}
	
	.root_daum_roughmap .wrap_map{height:360px !important;}
	.direct-info{padding:10px 0;}
	.direct-info ul{padding:0 12px;}
	.direct-info ul li{font-size:22px;}
	.direct-info ul li:nth-of-type(2), .direct-info ul li:nth-of-type(3){width:100%;}
	.direct-info ul li span{height:30px;width:30px;line-height:30px;}

	.biz-intro p{font-size:16px;width:88%;}
	.biz-intro p span{font-size:18px;}
	.ss-title.center{margin:18px 0 2px;}
	.biz-img{margin:14px 0 23px;}
	.biz-img a{font-size:17px;padding:10px 20px;}
	.sub-bottom{height:325px;}
	.bottom-txt p{font-size:24px;}
	
}

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