@charset "utf-8";

@media (max-width: 1600px) {
.gnb ul li{width: 130px;margin: 0 28px;}

.bx-wrapper .bx-controls{bottom: 30%;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}


/*메인비주얼*/

#wrap .visual{height: auto;background: none !important; margin:100px 0 0 0 !important; padding:0 !important;  }
#wrap .visual .video{position:relative;  width: 125%;height: 130%; left: -25%;top:0px; }
#wrap .visual .video .box figure{position: absolute;z-index: 1;top:0px; left: 0; width: 100%; height: 100%; margin:0; padding:0;}
#wrap .visual .video .box figure video{width: 100%;height: 100%; margin:0; padding:0;}
#wrap .visual .bg{display: none;}
#wrap .visual .video .box .bg{display: block;}
#wrap .visual .fix_txt{position: absolute;top:30%;left: 0;width: 100%;z-index: 100;}

figure img{margin:0px 0px; padding:0px; word-wrap:break-word; width:100%;}



/*세션별 타이틀*/

#wrap #content .section#section1 h3{padding:15% 0 25px 0;text-align: center;font-size:42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section1 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}

#wrap #content .section#section2 h3{padding:15% 0 25px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section2 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}

/*
#wrap #content .section#section3 h3{padding:15% 0 25px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section3 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}

*/


}

@media (max-width: 1500px) {
.gnb ul li{width: 120px;margin: 0 20px;}
.gnb .depth1{font-size: 16px;}
.gnb ul li ul li a{font-size: 13px;}
}

@media (max-width: 1400px) {
.gnb ul li{width: 110px;margin: 0 15px;}
.gnb .depth1{font-size: 15px;}
.gnb ul li ul li a{font-size: 12px;}

#wrap #content .section.default h3{padding: 15% 0 90px 0;}


#wrap #content .section#section3 ul.main_quick02 li a dl.img_box {text-align:center; width:100%; padding:60px 0px 50px 240px; }


.sub_visual .visual_list li.vs1 .m_inner{position:relative; margin:50px auto 0px auto;  width:80%; max-width:1200px; text-align:left; color:#fff; line-height:64px; padding:100px 0 0 2%; }
.sub_visual .visual_list li.vs1 .m_inner img, .sub_visual .visual_list li.vs2 .m_inner img, .sub_visual .visual_list li.vs3 .m_inner img{width:80%; max-width:316px;}
.sub_visual .visual_list li.vs2 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs3 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs4 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}



}

@media (max-width: 1300px) {


/*세션별 타이틀*/

#wrap #content .section#section1 h3{padding:15% 0 25px 0;text-align: center;font-size:42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section1 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}

#wrap #content .section#section2 h3{padding:15% 0 25px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section2 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}

/*

#wrap #content .section#section3 h3{padding:15% 0 25px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section3 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}
*/

}


@media (max-width: 1200px) {
.gnb .depth1{font-size: 14px;}
.gnb ul li ul li a{font-size: 12px;}

#wrap #content .sub_nav .container{width: 100%;border-left: none;}
#wrap #content .sub_nav ul li:last-child a{border-right: none;}

#wrap #content .con_box .container{width: 100%;}

}


@media (max-width: 1199px) {


.allmenu_wrap .inner{position:relative; padding:25px 35px; width:100%; margin:0 auto; }


#wrap #content{width: 100%; height:auto !important; padding-top:0;}
#wrap #content:after{display: block;content: '';clear: both;}

#sub #wrap #content{width: 100%;}
#sub #wrap #content .container{width:98%; margin: 0 1%; padding:60px 0;}

#wrap #header{position: fixed; position:relative; top: 0;left: 0;height: 70px; background:#fff !important;  border-bottom: 1px solid #ccc;}
#wrap #header .inner{width:100%;}
#wrap #header .top_box{display: block;}
#wrap #header .container.pc{display: none;}
#wrap #content .container{width:100%; margin: 0 auto;padding:0px 0;}

#wrap #header .container.mobile{display: block;padding: 0 15px;height: 70px; background:none;}
#wrap #header .container.mobile:after{display: block;content: '';clear: both;}
#wrap #header .container.mobile .menu{position: relative;z-index: 3;float: right;width: 35px;text-align: right;}
#wrap #header.on{border-bottom: none;}
#wrap #header .container.pc{display: none;}
#wrap #header .container.mobile h1.logo{float: left;padding: 0 0 0 10px;}
#wrap #header .container.mobile h1.logo img{margin-top:18px;width: 200px;}
#wrap #header .container.mobile .menu{float: right;padding: 0 15px 0 0;}
#wrap #header .container.mobile .menu img{width: 30px;margin-top: 21px;}
#wrap #header .container.mobile .menu img{width: 32px;margin-top: 25px;}
#wrap #footer .container{width: 100% !important; }
#wrap #footer .container.pc{width: 100% !important; }
#wrap #footer .container.mobile{display: none;}

#wrap .sub_nav.pc .container{width: 100%;height: 58px;margin: 0 auto;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; }

.foot_add address span.m_cut{display:block;}
#select_depart1 {position:absolute;  right:10px; top:30px; z-index:105; width:230px; line-height:1.5;height:45px; line-height:45px; letter-spacing:-1px;  box-sizing:border-box; }



/*메인비주얼*/


#wrap .visual{height: auto;background: none !important; margin:0px 0 0 0 !important; padding:0 !important;  }

#wrap .visual .video{position:relative;  width: 125%;height: 130%; left: -25%;top:0px; }
#wrap .visual .video .box figure{position: absolute;z-index: 1;top:0px; left: 0; width: 100%; height: 100%; margin:0; padding:0;}
#wrap .visual .video .box figure video{width: 100%;height: 100%; margin:0; padding:0;}
#wrap .visual .bg{display: none;}
#wrap .visual .video .box .bg{display: block;}
figure img{margin:0px 0px; padding:0px; word-wrap:break-word; width:100%;}




#wrap .visual  .scroll_down{display:none;}
#wrap .visual  .scroll_down p{display:none;}
#wrap #content .section#section0 .scroll_down{display:none}


/*세션별 레이아웃*/
#wrap #footer .container{width:100%;}
.foot_add_outer{width:100%; }


/*세션별 타이틀*/

#wrap #content .section#section1 h3{padding:9% 0 25px 0;text-align: center;font-size:42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section1 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}

#wrap #content .section#section2 h3{padding:9% 0 25px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section2 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}

#wrap #content .section#section3 h3{padding:9% 0 15px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section3 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}


#wrap #footer .container{width: auto;padding: 0 10%;}

#wrap #footer .con.c1{width: 30%;}
#wrap #footer .con.c2{width: 47%;}
#wrap #footer .con.c3{width: 22%;}

#wrap #footer .con .txt{font-size: 16px;line-height: 23px;}
#wrap #footer .con .txt span.tab_block{display: block;}



#wrap .sub_vis{height:280px;}

#wrap .sub_vis h3{font-size:40px;color: #696969; line-height:60px !important; font-weight:400; letter-spacing:-0.03em; text-align: center; padding:85px 0 0px 0 !important;  }
#wrap .sub_vis p.txt{font-size:18px;color: #696969;font-weight:400; text-align: center; padding-top:0px;}



#wrap #content .con_box{padding: 70px 0;}
#wrap #content .con_box h4{display: none;}

#wrap #content .section{height: auto;}
#wrap #content .section.default .container{height: auto;}
#wrap #content .section.default h3{padding: 18% 0 90px 0;font-size: 36px;}


/* 메인 - 사업분야*/
#wrap #content .section#section1 .area {width:100%; }
#wrap #content .section#section1 .about_box { position:relative; z-index:10; width:100%; height:510px; margin:60px auto 0 auto !important;  background:none;}

#wrap #content .section#section1 .icon_bar ul li a span.img_area img {width:96%; max-width:160px; margin:0 auto;   transition:margin 0.35s ease-in-out; text-align:center;}
#wrap #content .section#section1 .icon_bar ul li {margin:20px 0 20px 0; width:25%; text-align:center !important; float:left; font-size:14px; text-align:center !important; letter-spacing:-1px; }

/* 메인 - KUMKANG ENGINEERING */

#wrap #content .section#section2{ padding-bottom:80px; height:100%; }
#wrap #content .section#section2 .rnd_box { position:relative; z-index:10; width:98%; height:100%; margin:40px 1% 0 1% !important; }
#wrap #content .section#section2 ul#main_quick02{width:100%; margin:0 auto; position:relative;}
#wrap #content .section#section2 ul#main_quick02 li{float: left;width:25%;height:auto;margin-right:0;}


/*  메인 - 공지사항 */


#wrap #content .section#section3{ padding-bottom:40px; height:100%; margin:0;}
#wrap #content .section#section3 .noti_wrap{clear:both; padding:9% 0 15px 0; width:98%; height:auto; margin:0 1% 20px 1%;} 
#wrap #content .section#section3 .notice {float:left; position:relative; width:66%; height:auto;min-height:240px;  margin:0 0 20px 0; padding:20px 30px 30px 30px; background: url(../img/s_img/bg_fp-nav.png) repeat; border:2px solid #45546e;}

#wrap #content .section#section3 .notice h3 {float:left; text-align:left; width:100%; margin:5px 0 20px 0; padding:0 0 10px 0; color: #fff; font-size:24px; line-height:34px; font-weight:600;  border-bottom:1px solid #fff;}
#wrap #content .section#section3 .notice ul li {float:left; width:100%; padding: 0; text-align:left; letter-spacing:-1px; line-height:32px;}
#wrap #content .section#section3 .notice ul li a {float:left; width:80%; font-size:16px; line-height:28px; overflow:hidden; padding: 0 0 0 10px;  background:url('../img/s_img/notice_dot.gif') no-repeat left 51%; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

#wrap #content .section#section3 dl.noti_tit{float:right; display:inline;width:30%; text-align:left; padding:35px 0 0 10px;}
#wrap #content .section#section3 dl.noti_tit dt{font-size:65px; line-height:1; font-weight:600; padding-top:15px; color:#fff; background:url('../img/s_img/noti_boldbar.gif') no-repeat 0 0;}
#wrap #content .section#section3 dl.noti_tit dd{padding-top:20px; padding-left:3px; font-size:18px; line-height:28px; font-weight:400; color:#fff; }


/* 메인 -  포토갤러리 */  

#wrap #content .section#section3 .photogallery {clear:both; margin:40px 1% 0px 1%; height:100%; padding:0px; position:relative; overflow:hidden; /*float:auto;*/ width:98%;}
#wrap #content .section#section3 .photogallery h3{font-size:32px; font-weight:500; text-align:center; margin:40px 0;}
#wrap #content .section#section3 .photogallery h3 span{margin:0 auto; padding:0 15px;}

#wrap #content .section#section3 .photogallery dl {padding:0; margin:30px 2.51% 0px 0; width:31.66%; height:380px; position:relative; overflow:hidden; float:left; border:none;  } 
#wrap #content .section#section3 .photogallery dl.last{margin-right:0px !important;}

#wrap #content .section#section3 .photogallery dt {margin:0px; padding:0px 10px; width:380px; height:280px;  text-align:center;}
#wrap #content .section#section3 .photogallery dt {margin:135px 0 0 0; padding:0px; width:380px;}


#wrap #content .section.default .container{width:98%; height: 100%; margin-left:auto !important; margin-right:auto !important;}
#wrap #content .section.default h3{padding:9% 0 20px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section.default p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}





/*상단박스*/

.uit{overflow:hidden; position:relative; width:100%; }
.uit{position:relative; margin-bottom:20px; background:none;overflow:hidden;margin-top:20px; border-top:3px solid #eea91f; border-left:3px solid #dfdfdf; border-right:3px solid #dfdfdf;border-bottom:3px solid #dfdfdf;}
.uit:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:none;}
.uit:after{content:"";position:absolute;top:0;left:0;width:20%;height:30px; background:none}
.uit .inner{position:relative; z-index:1; margin:3px; width:100%; padding:20px 30px 0 30px; background-color:#fff; border-bottom:none;}

.uit .inner h2,
.uit .inner strong{margin-top:0; padding:0; margin-bottom:15px; font-size:1em; line-height:24px; color:#4479e1; font-weight:300;}
.uit .inner .box {padding:0px; min-height:140px;}
.uit .inner .box ul{width:100%; height:100%;}
.uit .inner .box li{display:inline; float:left; padding:0px; margin:0; line-height:24px; font-size:15px; font-weight:300; color:#333; letter-spacing:-0.05em;  }
.uit .inner .box li.img{width:25%;  text-align:left; }
.uit .inner .box li.img img{width:100%; max-width:230px;}
.uit .inner .box li.txt {width:75%; padding:0px 0px 20px 20px !important; margin:0; font-size:15px; line-height:24px; color:#333; font-weight:300; letter-spacing:0;  }
.uit .inner .box li:last-child {border-right:0 }
.uit .inner .box li strong{font-weight:500; color:#ea1b21;}
.uit .inner .box li span.cut{display:block;}



/* 01회사 -  01) CEO 인사말 */

dl.info01_wrap{width:100%; min-height:700px; background:url('../img/s_img/info01_ceobg.jpg') no-repeat right 0; padding:80px 8%;}
dl.info01_wrap dt{margin-bottom:40px; font-family: 'Nanum Myeongjo', serif; font-weight:700; letter-spacing:-0.07em; font-size:42px; line-height:60px; color:#444;}
dl.info01_wrap dt em.n1{background:url('../img/s_img/quotes.png') no-repeat 0 25px; width:33px !important; height:24px; line-height:24px; padding:0 0px; padding:20px;}
dl.info01_wrap dt em.n2{background:url('../img/s_img/quotes02.png') no-repeat 7px 40px; width:33px !important; padding:0 0px;  line-height:24px; padding:20px ;}

dl.info01_wrap dd{font-size:16px; color:#444; font-weight: 300; line-height:28px; margin-bottom:15px; letter-spacing:-0.05em;}
dl.info01_wrap dd.signature{font-size: 18px;font-weight: 500;text-align: left;padding:60px 60px 0 0;}
dl.info01_wrap dd.signature span.sign_txt{font-size: 18px;font-weight: 500;}
dl.info01_wrap dd span.cut{display:block;}

/* 01회사 - 02) 비전 */

ul.info02_vision{background:#e5e4e3;}
ul.info02_vision li.top{margin:0; padding:0 30px; width:100%; height:325px; background:url('../img/s_img/info02_vision_top.jpg') no-repeat 0 0;}
ul.info02_vision li.top dt{font-size:24px; line-height:1.5; font-weight:600; text-align:center; letter-spacing:-0.07em; color:#fff; padding-top:90px;}
ul.info02_vision li.top dd{font-size:18px; line-height:28px; font-weight:600; text-align:center; letter-spacing:-0.07em; color:#fff; padding-top:20px;}
ul.info02_vision li.top dd span.cut{display:block;}
ul.info02_vision li.bot{margin:0; padding:0; width:100%; height:500px; background:#e5e4e3 url('../img/s_img/info02_vision_bot.jpg') no-repeat 0 0;}

ul.info02_vision li.bot dt{font-size:32px; line-height:38px; color:#333; font-weight:300; text-align:center; letter-spacing:-0.07em; padding-top:105px;}
ul.info02_vision li.bot dt span.b_blue{color:#059dcc; font-weight:600;}
ul.info02_vision li.bot dt span.b_green{color:#06b6a9; font-weight:600;}
ul.info02_vision li.bot dd{width:100%; max-width:980px; margin:0 auto; padding:55px 10px 0 10px;}
ul.info02_vision li.bot dd li{display:inline; float:left; width:25%; max-width:245px;}



/* 01회사 - 07) 오시는길 */

.map_wrapper{clear:both; margin-top:0px;}
.map{  height: 500px; border:1px solid #ddd;  }

ul.map_txt{clear:both; margin:40px 0 60px 20px; padding:0;}
ul.map_txt:after{display:block; content: ''; clear:both;}
ul.map_txt li{font-size:17px; font-weight:300; line-height:38px;  display:inline; float:left;}
ul.map_txt li.icon_add{background:url('../img/s_img/icon_add.png') no-repeat 0 0; padding-left:85px; line-height:66px; width:100%;} 
ul.map_txt li.icon_tel{background:url('../img/s_img/icon_tel.png') no-repeat 0 0; padding-left:85px; line-height:66px; width:50%; margin-top:36px; }
ul.map_txt li.icon_fax{background:url('../img/s_img/icon_fax.png') no-repeat 0 0; padding-left:85px; line-height:66px; width:50%; margin-top:36px; }

 

.pr_vod{margin:40px auto; width:100%; text-align:center;}
.pr_box{width: 100%;height:480px;position: relative;}
.pr_box iframe{width:100%; height:675px;}


/* 02사업 - 01)설계및시공 - 01)대기 */




/*사업 상단박스*/
.busi_topbox dl{ padding:50px 30px; height: auto; }
.busi_topbox dl dd{float: none;}

.busi_topbox dl.b01_img01{ background:url('../img/s_img/busi01_topimg_01.jpg') no-repeat center 0;} /*설계 및 시공*/
.busi_topbox dl.b01_img02{ background:url('../img/s_img/busi01_topimg_02.jpg') no-repeat center 0;}
.busi_topbox dl.b01_img03{ background:url('../img/s_img/busi01_topimg_03.jpg') no-repeat center 0;}
.busi_topbox dl.b01_img04{ background:url('../img/s_img/busi01_topimg_04.jpg') no-repeat center 0;}

.busi_topbox dl.b02_img01{ background:url('../img/s_img/busi02_topimg_01.jpg') no-repeat center 0;} /*오염물질 측정분석*/
.busi_topbox dl.b02_img02{ background:url('../img/s_img/busi02_topimg_02.jpg') no-repeat center 0;}
.busi_topbox dl.b02_img03{ background:url('../img/s_img/busi02_topimg_03.jpg') no-repeat center 0;}

.busi_topbox dl.b03_img01{ background:url('../img/s_img/busi03_topimg_01.jpg') no-repeat center 0;} /*환경시설 관리대행*/
.busi_topbox dl.b03_img02{ background:url('../img/s_img/busi03_topimg_02.jpg') no-repeat center 0;}
.busi_topbox dl.b03_img03{ background:url('../img/s_img/busi03_topimg_03.jpg') no-repeat center 0;}
.busi_topbox dl.b03_img04{ background:url('../img/s_img/busi03_topimg_04.jpg') no-repeat center 0;}
.busi_topbox dl.b03_img05{ background:url('../img/s_img/busi03_topimg_05.jpg') no-repeat center 0;}
.busi_topbox dl.b03_img06{ background:url('../img/s_img/busi03_topimg_06.jpg') no-repeat center 0;}

.busi_topbox dl.b04_img01{ background:url('../img/s_img/busi04_topimg_01.jpg') no-repeat center 0;} /*환경컨설팅*/
.busi_topbox dl.b04_img02{ background:url('../img/s_img/busi04_topimg_02.jpg') no-repeat center 0;}

.busi_topbox dl.b05_img01{ background:url('../img/s_img/busi05_topimg_01.jpg') no-repeat center 0;} /*안전컨설팅*/
.busi_topbox dl.b05_img02{ background:url('../img/s_img/busi05_topimg_02.jpg') no-repeat center 0;}
.busi_topbox dl.b05_img03{ background:url('../img/s_img/busi05_topimg_03.jpg') no-repeat center 0;}
.busi_topbox dl.b05_img04{ background:url('../img/s_img/busi05_topimg_04.jpg') no-repeat center 0;}
.busi_topbox dl.b05_img05{ background:url('../img/s_img/busi05_topimg_05.jpg') no-repeat center 0;}
.busi_topbox dl.b05_img06{ background:url('../img/s_img/busi05_topimg_06.jpg') no-repeat center 0;}

.busi_topbox dl.b06_img01{ background:url('../img/s_img/busi06_topimg_01.jpg') no-repeat center 0;} /*진단컨설팅*/
.busi_topbox dl.b06_img02{ background:url('../img/s_img/busi06_topimg_02.jpg') no-repeat center 0;}

/*실적*/

.busi_topbox dl.p01_img01{ background:url('../img/s_img/proj01_topimg_01.jpg') no-repeat center 0;} /*설계 및 시공*/
.busi_topbox dl.p02_img01{ background:url('../img/s_img/proj02_topimg_01.jpg') no-repeat center 0;} /*환경시설 관리대행*/
.busi_topbox dl.p03_img01{ background:url('../img/s_img/proj03_topimg_01.jpg') no-repeat center 0;} /*오염물질 측정분석*/
.busi_topbox dl.p04_img01{ background:url('../img/s_img/proj04_topimg_01.jpg') no-repeat center 0;} /*환경/안전/진단 컨설팅*/
.busi_topbox dl.p05_img01{ background:url('../img/s_img/proj05_topimg_01.jpg') no-repeat center 0;} /*전기화학*/
.busi_topbox dl.p06_img01{ background:url('../img/s_img/proj06_topimg_01.jpg') no-repeat center 0;} /*시운전*/








.busi_topbox dl dd{ margin-left:62%;}
.busi_topbox dl dd span.cut{display:block; font-size:15px}
dl.top_img01 dd span.cut{display:block;}





/* 02사업 - 01)설계및시공 - 03)비점오염원저감시설*/

ul.box_list03{margin:0px 0 0px 0; padding:30px 2% 20px 8%; border:1px solid #ccc;  background:#f6f6f6 url('../img/s_img/bold_centerline.gif') no-repeat center 0;}
ul.box_list03:after{display: block;content: '';clear: both;}
ul.box_list03 li ul{width:96%; margin:20px auto 0 auto;}
ul.box_list03 li li{display:inline; float:left; margin-bottom:20px; text-align:left; width:33.33%;text-align:center; }
ul.box_list03 li li dl{width:100%; text-align:center; margin:0;}
ul.box_list03 li li dl dt{}
ul.box_list03 li li dl dt img{width:260px; margin:0 auto;text-align:center;}
ul.box_list03 li li dl dd.tit{font-size:24px;  font-weight:600; line-height:1.5; margin-top:20px;}
ul.box_list03 li li dl dd{font-size:15px; width:260px; margin:0 auto; padding-right:50px; text-align:center; font-weight:300; line-height:1.5; margin-top:7px;}


/* 02사업 - 08)전기화학 - 01)기술을 이용한 수처리전기분해 공법*/

ul.list_type_dot dl.left_img02{min-height:170px; padding-top:5px;}
ul.list_type_dot dl.left_img02 dt{float:left; width:25%; padding-right:20px;}
ul.list_type_dot dl.left_img02 dt img{max-width:230px; width:100%;}
ul.list_type_dot dl.left_img02 dd{display:table;  float:left;  width:75%; }
ul.list_type_dot dl.left_img02 dd.t_blue{font-weight:500; color:#0190d4;padding-bottom:20px;}



/* 02사업 - 08)전기화학 - 02)도금용 부품소재*/

ul.list_type_dot dl.left_img{min-height:150px; padding-top:5px;}
ul.list_type_dot dl:after{display: block; content: '';clear: both; }
ul.list_type_dot dl.left_img dt{clear:left;  float:left; display:inline; width:18%; padding-right:20px;}
ul.list_type_dot dl.left_img dd{display:table; width:82%; margin-bottom:10px;}





/* 06인재육성 - 02)채용정보*/



ul.recr02_list{margin:0; padding:0; clear:both;}
ul.recr02_list:after{display: block;content: '';clear: both;}
ul.recr02_list li{width:24%; float:left; display:inline; margin-right:1.3%;}
ul.recr02_list li.last{margin-right:0%;}
ul.recr02_list li dl{width:100%; margin:10px 0;}

ul.recr02_list li dt{border: 1px solid #a6d0e7; background:linear-gradient(to bottom, #1d99d9, #157aaf);  font-weight:600;box-shadow: 2px 2px 5px #ddd; color:#fff; line-height:40px; text-align:center; border-radius:10px; border-top-right-radius:2px; border-bottom-left-radius:2px; }
ul.recr02_list li dd {background:#f4f4f4; border:1px solid #ddd; min-height:200px; margin-top:10px; padding-top:10px;  border-radius:10px; border-top-right-radius:2px; border-bottom-left-radius:2px; }
ul.recr02_list li dd li{ width:96%; margin:0 0 0 4%; letter-spacing:-0.07em; padding: 0 10px 0 15px; font-weight:300; background:url(../img/s_img/recr_bull.png) no-repeat 0px 8px; text-align:left; border:none;}
ul.recr02_list li dd li span{font-weight:500;}
ul.recr02_list li dd li em.cut{display:inline; font-weight:300;}



ul.recr02_step{clear:both; margin:0px 0 0 20px; width:100%; }
ul.recr02_step:after{display: block;content: '';clear: both;}
ul.recr02_step li{width:23.5%; float:left; display:inline; margin-right:2%; margin-bottom:20px;}
ul.recr02_step li.last{margin-right:0;}
ul.recr02_step li dl{width:160px; height:160px; border-radius:50%; }
ul.recr02_step li dl.icon01{background:#003567;border:1px solid #002b54; }
ul.recr02_step li dl.icon02{background:#0164cb;border:1px solid #0151a4; }
ul.recr02_step li dt{text-align:center; padding-top:20px;}
ul.recr02_step li dd{text-align:center; padding-top:10px; font-size:18px; font-weight:500;color:#fff;}
ul.recr02_step li:after{display: block;content: '';clear: both;}
ul.recr02_step li.arr{background:url('../img/s_img/recr02_step_arr.png') no-repeat 95% 45%; }




/*2021. 04. 27 추가 by jongs */

ul.busi0502_new{clear:both; margin:20px 0 0 20px; padding:0; width:100%; max-width:970px;}
ul.busi0502_new li.arr{background:url('../img/s_img/busi0502_new_arr.png') no-repeat 97.5% center; }
ul.busi0502_new li table{width:100%; max-width:450px; }

}/* 1199px End*/


@media (max-width: 1040px) {



.allmenu_wrap{display:none;}




/* 06인재육성 - 02)채용정보*/


ul.recr02_list li{width:48%; }
ul.recr02_list li:nth-child(2){margin-right:0;}
ul.recr02_list li dd li em.cut{display:inline; font-weight:300;}
ul.recr02_step li{margin-bottom:20px;}
ul.recr02_step li dl{width:160px; height:160px;}
ul.recr02_step li dt{padding-top:20px;}
ul.recr02_step li dd{ padding-top:10px;}



}/* 1040px End*/





@media (max-width: 991px) {

#sub #wrap #content .container{width:98%; margin: 0 1%; padding:60px 0;}
#wrap #content{width: 100%; height:auto !important; }
#wrap #content:after{display: block;content: '';clear: both;}
#wrap #header .container.mobile{display: block;height: 70px; border-bottom:1px solid #ccc; }


#wrap .visual .video{}



#wrap .visual .fix_txt{top:30%;}
#wrap .visual .fix_txt h3{font-size: 40px;}
#wrap .visual .fix_txt h4 img{width: 300px;}
#wrap .visual .fix_txt h3{color: #fff;font-size:40px;text-align: center;font-weight: 600; letter-spacing:-0.05em; line-height:2.5;}
#wrap .visual .fix_txt h4{display:block !important; color: #fff;font-size:24px;text-align: center;font-weight: 400; letter-spacing:-0.05em; line-height:1.5;}


/*991px 세션별 레이아웃*/
#wrap #footer .container{width:100%;}
.foot_add_outer{width:100%; text-align:center; }
.footer_logo {display:none; } 
#banner_wrap .banner {width:96%; margin-left:auto !important; margin-right:auto !important;}

#wrap #content .section.default .container{width:96%; height: 100%; margin-left:auto !important; margin-right:auto !important;}
#wrap #content .section.default h3{padding:10% 0 20px 0;text-align: center;font-size: 38px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section.default p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}


/*991px 세션별 타이틀*/

#wrap #content .section#section1 h3{padding:10% 0 25px 0; font-size:38px; letter-spacing:-0.03em;}
#wrap #content .section#section1 p.tit{font-size:16px; font-weight:300;}
#wrap #content .section#section2 h3{padding:10% 0 25px 0; font-size:38px; color:#fff;}
#wrap #content .section#section2 p.tit{font-size:16px; font-weight:300; color:#fff; }
#wrap #content .section#section3 h3{padding:10% 0 25px 0;font-size: 38px;color: #fff; letter-spacing:-0.03em;}
#wrap #content .section#section3 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff;}


#wrap #content .section#section2{background:url(../img/s_img/main_section2_bg_m.jpg) no-repeat center 0 !important;}
#wrap #content .section#section3{background:url(../img/s_img/main_section3_bg_m.jpg) no-repeat center 0 !important;}





#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block;}


#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block; position:relative !important;}

/* 991px sub(common) */

#wrap #content h4{display: none;}

#wrap #footer .container{padding-top:20px;padding-bottom: 0px; text-align:center; height:150px;}
#wrap #footer .con{float: none;width: 100% !important;padding: 0 0 0 0;margin-bottom:0px;height: auto; text-align:center;}
#wrap #footer .con p.title{top: 6px;left: 36px;font-size: 15px;color: #8e8e8e;font-weight: 300;letter-spacing: 0;}
#wrap #footer .con .txt span.tab_block{display: inline;}
.foot_add {float:none; margin:0px 0 0 0; padding:0;width:100%;  line-height:22px; padding-top:20px; text-align:center;}
.foot_add p{line-height:22px; }
.foot_add span.m_cut{display:block;}
.foot_add p.m_cut{display:block;}
#wrap #content .section.default h3{padding: 25% 0 80px 0;font-size: 30px;}
#wrap #footer{clear:both; position:relative; width: 100%; z-index: 100; min-height:220px !important; height:220px; margin-top:0px; background-color:#464646 !important; }
#select_depart1 {position:relative;  z-index:105; width:230px; margin:0 auto;  line-height:1.5; letter-spacing:-1px;  box-sizing:border-box; }



#wrap .sub_vis{height:260px;}

#wrap .sub_vis h3{font-size:40px; line-height:60px !important; font-weight:400; letter-spacing:-0.03em; padding:103px 0 0px 0 !important;  }



#sub #wrap #content h5{ font-size:18px;}

#sub #wrap #content h6{font-size:16px; margin:20px 0 20px 5px;  padding-left:15px; background:url('../img/s_img/h6_bull.gif') no-repeat 0 12px; }

p.h7_tit{font-size:16px; line-height:26px; margin:20px 0 20px 0; }
p.h7_tit02{ line-height:26px; margin:20px 0 20px 5px !important; background:url('../img/s_img/h7_ico.png') no-repeat 0 10px; }
div.h7_tit02{font-size:16px; margin:20px 0 20px 10px !important; letter-spacing:-0.05em; background:url('../img/s_img/h7_ico.png') no-repeat 0 10px; }



/* 991px 탭메뉴 스타일*/

#tab_menu_wrap { margin:0px auto 50px auto !important; background:none;}
#tab_menu_wrap ul li { margin-bottom:2px;}

#tab_menu_wrap ul.tab6{width:100%;}
#tab_menu_wrap ul li.w6{width:33% !important;}


#wrap #content .section#section1{width:100%; background:#94b4c3 url(../img/s_img/main_section1_bg_m.jpg) no-repeat 0 bottom; background-size:100% !important;}
#wrap #content .section#section2{width:100%; background:#727272 url(../img/s_img/main_section2_bg_m.jpg) no-repeat 0 0; background-size:100% !important;}
#wrap #content .section#section3{width:100%; background:url(../img/s_img/main_section3_bg_m.jpg) repeat-y 0 0; background-size:100% !important;}


/* 991px 메인 - 사업분야 */

#wrap #content .section#section1 .about_box { width:100%; padding-bottom:60px; height:730px; }
#wrap #content .section#section1 .area {width:100%; height:100%; min-height:730px;}
#wrap #content .section#section1 .icon_bar ul li a span.img_area img {width:96%; }
#wrap #content .section#section1 .icon_bar ul li {margin:20px 0 0px 0; width:50%;  }
#wrap #content .section#section1 .icon_bar ul li a span.img_area img {width:80%; max-width:120px; }


/* 991px 메인 - KUMKANG ENGINEERING */

#wrap #content .section#section2 h3{padding:11% 0 20px 0; font-size:42px; color:#fff; }
#wrap #content .section#section2{ padding-bottom:80px; height:100%; }
#wrap #content .section#section2 .rnd_box { width:98%; height:100%; margin:40px 1% 0 1% !important; }
#wrap #content .section#section2 ul#main_quick02{width:100%; }
#wrap #content .section#section2 ul#main_quick02 li{float: left;width:50%;height:auto;margin:0 0 20px 0; text-align:center;}
#wrap #content .section#section2 ul#main_quick02 li a{height:auto;}
#wrap #content .section#section2 ul#main_quick02 li a span img{margin:0 auto;}


/* 991px 메인 -  공지사항 */

#wrap #content .section#section3{ padding-bottom:40px; height:100%; margin:0;}
#wrap #content .section#section3 .noti_wrap{clear:both; padding:9% 0 15px 0; width:98%; height:auto; margin:0 1% 20px 1%;} 
#wrap #content .section#section3 .notice {width:55%; height:auto; min-height:240px; margin:0 0 20px 0; padding:20px 30px 30px 30px;}

#wrap #content .section#section3 .notice h3 {float:left; text-align:left; margin:5px 0 20px 0; padding:0 0 10px 0; line-height:34px; }
#wrap #content .section#section3 .notice ul li { letter-spacing:-1px; line-height:32px;}
#wrap #content .section#section3 .notice ul li a {font-size:16px; line-height:28px;}

#wrap #content .section#section3 dl.noti_tit{width:44%; padding:35px 0 0 10px;}
#wrap #content .section#section3 dl.noti_tit dt{font-size:45px;}
#wrap #content .section#section3 dl.noti_tit dd{ font-size:16px; line-height:28px; }
#wrap #content .section#section3 .notice ul li span {display:none; font-size:15px;   }

/* 991px 메인 -  포토갤러리 */  

#wrap #content .section#section3 .photogallery { margin:40px 1% 0px 1%; height:100%;  width:98%;}
#wrap #content .section#section3 .photogallery h3{font-size:32px; }

#wrap #content .section#section3 .photogallery dt {height:auto; }
#wrap #content .section#section3 .photogallery dt {width:100%;}
#wrap #content .section#section3 .photogallery dt.img {height:auto; }
#wrap #content .section#section3 .photogallery dt.img img { width:100%; max-width:380px; height:auto;}  

#wrap #content .section#section3 .photogallery dd a {font-size:18px;}
#wrap #content .section.default .container{width:98%; height: 100%; margin-left:auto !important; margin-right:auto !important;}
#wrap #content .section.default h3{padding:9% 0 20px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section.default p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}


/**********************************테이블 스타일*******************************/

table.cont1.w98p {clear:both; margin:0px auto 10px auto; width:100% !important; }
table.cont1.w97p {clear:both;  margin:0px auto 10px auto; width:100% !important; }
table.cont1.w96p {clear:both;  margin:0px auto 10px auto; width:100% !important; }
table.cont1.w95p {clear:both;  margin:0px auto 10px auto; width:100% !important; }

table.cont1 th,
table.cont1 tbody td { padding:3px 2px 5px 2px;  line-height:1.5em; font-size:14px; letter-spacing:-0.05em; vertical-align:top;}

table.cont1 th.alt, 
table.cont1 td.alt {text-align:left; padding-left:5px !important;}
table.cont1 th.alt20, 
table.cont1 td.alt20 {text-align:left; padding-left:5px !important;}
table.cont1 th.alt10, 
table.cont1 td.alt10 {text-align:left; padding-left:3px !important;}
table.cont1 th.art, 
table.cont1 td.art {text-align:right; padding-right:5px !important;}
table.cont1 th.act, 
table.cont1 td.act {text-align:center; padding-left:5px !important;}

table.cont1 td.w104 img{width:96%; max-width:104px; margin:0 auto;}
table.cont1 tbody td ul li{ background:url(../img/s_img/bar.gif) no-repeat 1px 9px;  font-size:14px; line-height:20px; font-weight:300}
.int1{padding:0px 0 5px 0px !important;  font-size:14px; line-height:20px;}





/* 991px 상단박스*/


.uit{position:relative; margin-bottom:20px; background:none;overflow:hidden;margin-top:0px; border-top:3px solid #eea91f; border-left:3px solid #dfdfdf; border-right:3px solid #dfdfdf;border-bottom:3px solid #dfdfdf;}
.uit:before{background:none;}
.uit:after{background:none}
.uit .inner{width:100%; padding:15px 12px 15px 12px; border-bottom:none;}


.uit .inner .box {padding:0px; min-height:auto; }

.uit .inner .box li{letter-spacing:-0.05em; font-size:15px;font-weight:300; line-height:24px;   }
.uit .inner .box li.img{width:100%;  text-align:center; }
.uit .inner .box li.img img{margin:0 auto;}
.uit .inner .box li.txt {width:100%; padding:0px 0px 15px 0px !important; font-size:15px;font-weight:300; letter-spacing:-0.05em; line-height:24px;}

.uit .inner .box li ul.list_type_dot {background:#fff; list-style: none; margin:0 0 0 0px; padding:0px 0px 0px 0; text-align: left; }
.uit .inner .box li ul.list_type_dot li {background:#fff; margin:0 0 0 0px !important; padding:0px 0 0 10px !important;  font-size:15px; line-height:24px; font-weight:300; background:url('../img/s_img/dot.png') no-repeat 2px 11px;}


.uit .inner .box.min{padding:0px; min-height:75px;}
.uit .inner .box.min75{padding:0px; min-height:75px;}
.uit .inner .box.min45{padding:0px; min-height:24px; }




/* ------------------------- 메뉴1 회사  Start-------------------------------- */

/* 991px  01회사 -  01) CEO 인사말 */

dl.info01_wrap{min-height:600px; background:url('../img/s_img/info01_ceobg.jpg') no-repeat right bottom; padding:60px 5%;}
dl.info01_wrap dt{font-size:34px; line-height:46px; }
dl.info01_wrap dt em.n1{width:28px !important; height:20px; line-height:24px; padding:20px; background-size:28px;}
dl.info01_wrap dt em.n2{background:url('../img/s_img/quotes02.png') no-repeat 7px 40px; width:28px !important; height:20px; background-size:28px;}
dl.info01_wrap dt span.f_purple{padding-left:140px; }
dl.info01_wrap dd{font-size:15px !important; line-height:24px; }
dl.info01_wrap dd.signature{font-size:15px; padding:60px 60px 0 0;}


/* 991px 01회사 - 02) 비전 */

ul.info02_vision li.top{ height:325px;}
ul.info02_vision li.top dt{font-size:24px; letter-spacing:-0.07em; padding-top:80px;}
ul.info02_vision li.top dt em.m_cut{display:block;}
ul.info02_vision li.top dd{font-size:18px; line-height:28px; font-weight:500; letter-spacing:-0.07em; color:#fff; }
ul.info02_vision li.top dd span.cut{display:inline !important; font-weight:500;}
ul.info02_vision li.top dd em.m_cut{display:block; font-weight:500;}
ul.info02_vision li.bot{height:100%; min-height:480px; }

ul.info02_vision li.bot dt{font-size:30px; line-height:38px; }
ul.info02_vision li.bot dd{width:100%; max-width:800px; }
ul.info02_vision li.bot dd li{max-width:200px;}

ul.info02_vision li.bot dd li img{width:100%; max-width:200px;}


/* 991px  01회사 - 03) 연혁 */

dl.ul_history dt{padding:5px 0 20px 5px; width:30%; font-weight:500; font-size:32px; text-align:center;}
dl.ul_history dd{ line-height:32px; width:70%; }

dl.ul_history dd li .month{float:left; width:20%; font-size:16px; line-height:32px; }
dl.ul_history dd li .txt{width:80%; line-height:32px;font-size:15px; }


/* 991px 01회사 - 04) 조직도 */

.pc_org{display:none;}
.mobile_org{display:block; padding:40px 10px; }
.mobile_org p img{display:block; }





/* 991px 01회사 - 07) 오시는길 */

ul.map_txt li{font-size:16px; }



/* ------------------------- 메뉴2 사업  Start-------------------------------- */


/* 991px 02사업 - 01)설계및시공 - 01)대기 */


ul.busi01 li{float:left; display:inline; margin-top:0px;}
ul.busi01 li.img{width:32%; }
ul.busi01 li.txt{width:68%; margin:20px 0;}
ul.busi01 li.txt dl{float:left; width:98%; margin:10px 0;}
ul.busi01 li.txt dl:after{display: block;content: '';clear: both;}
ul.busi01 li.txt dt{width:18%; }
ul.busi01 li.txt dd{width:78%; font-size:15px; letter-spacing:-0.05em;}


/* 02사업 - 01)설계및시공 - 01)대기 */


/*991px 사업 상단박스*/
.busi_topbox dl{ padding:0px 0px; }
.busi_topbox dl.b01_img01{background:none;} /*설계 및 시공*/
.busi_topbox dl dt{background-size:100%; min-height:150px;}
.busi_topbox dl dt.b01_img01_01{display:block; background:url('../img/s_img/busi01_topimg_01_m.jpg') no-repeat 0 0;}
.busi_topbox dl.b01_img02{background:none;}
.busi_topbox dl dt.b01_img02_01{display:block; background:url('../img/s_img/busi01_topimg_02_m.jpg') no-repeat 0 0;}
.busi_topbox dl.b01_img03{background:none;}
.busi_topbox dl dt.b01_img03_01{display:block; background:url('../img/s_img/busi01_topimg_03_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b01_img04{background:none;}
.busi_topbox dl dt.b01_img04_01{display:block; background:url('../img/s_img/busi01_topimg_04_m.jpg') no-repeat 0 0; }

.busi_topbox dl.b02_img01{background:none;} /*오염물질 측정분석*/
.busi_topbox dl dt.b02_img01_01{display:block; background:url('../img/s_img/busi02_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b02_img02{background:none;}
.busi_topbox dl dt.b02_img02_01{display:block; background:url('../img/s_img/busi02_topimg_02_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b02_img03{background:none;}
.busi_topbox dl dt.b02_img03_01{display:block; background:url('../img/s_img/busi02_topimg_03_m.jpg') no-repeat 0 0;}


.busi_topbox dl.b03_img01{background:none;} /*환경시설 관리대행*/
.busi_topbox dl dt.b03_img01_01{display:block; background:url('../img/s_img/busi03_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b03_img02{background:none;}
.busi_topbox dl dt.b03_img02_01{display:block; background:url('../img/s_img/busi03_topimg_02_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b03_img03{background:none;  padding:0 !important;}
.busi_topbox dl dt.b03_img03_01{display:block; background:url('../img/s_img/busi03_topimg_03_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b03_img04{background:none;}
.busi_topbox dl dt.b03_img04_01{display:block; background:url('../img/s_img/busi03_topimg_04_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b03_img05{background:none;}
.busi_topbox dl dt.b03_img05_01{display:block; background:url('../img/s_img/busi03_topimg_05_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b03_img06{background:none;}
.busi_topbox dl dt.b03_img06_01{display:block; background:url('../img/s_img/busi03_topimg_06_m.jpg') no-repeat 0 0; }

.busi_topbox dl.b04_img01{background:none;} /*환경컨설팅*/
.busi_topbox dl dt.b04_img01_01{display:block; background:url('../img/s_img/busi04_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b04_img02{background:none;}
.busi_topbox dl dt.b04_img02_01{display:block; background:url('../img/s_img/busi04_topimg_02_m.jpg') no-repeat 0 0; }


.busi_topbox dl.b05_img01{background:none;} /*안전컨설팅*/
.busi_topbox dl dt.b05_img01_01{display:block; background:url('../img/s_img/busi05_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b05_img02{background:none;  padding:0 !important;}
.busi_topbox dl dt.b05_img02_01{display:block; background:url('../img/s_img/busi05_topimg_02_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b05_img03{background:none;}
.busi_topbox dl dt.b05_img03_01{display:block; background:url('../img/s_img/busi05_topimg_03_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b05_img04{background:none;}
.busi_topbox dl dt.b05_img04_01{display:block; background:url('../img/s_img/busi05_topimg_04_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b05_img05{background:none;}
.busi_topbox dl dt.b05_img05_01{display:block; background:url('../img/s_img/busi05_topimg_05_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b05_img06{background:none;}
.busi_topbox dl dt.b05_img06_01{display:block; background:url('../img/s_img/busi05_topimg_06_m.jpg') no-repeat 0 0; }


.busi_topbox dl.b06_img01{background:none;} /*진단컨설팅*/
.busi_topbox dl dt.b06_img01_01{display:block; background:url('../img/s_img/busi06_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.b06_img02{background:none;}
.busi_topbox dl dt.b06_img02_01{display:block; background:url('../img/s_img/busi06_topimg_06_m.jpg') no-repeat 0 0; }

/*실적*/
.busi_topbox dl.p01_img01{background:none;} /*설계 및 시공*/
.busi_topbox dl dt.p01_img01_01{display:block; background:url('../img/s_img/proj01_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.p02_img01{background:none;} /*환경시설 관리대행*/
.busi_topbox dl dt.p02_img01_01{display:block; background:url('../img/s_img/proj02_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.p03_img01{background:none;} /*오염물질 측정분석*/
.busi_topbox dl dt.p03_img01_01{display:block; background:url('../img/s_img/proj03_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.p04_img01{background:none;} /*환경/안전/진단 컨설팅*/
.busi_topbox dl dt.p04_img01_01{display:block; background:url('../img/s_img/proj04_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.p05_img01{background:none;} /*전기화학*/
.busi_topbox dl dt.p05_img01_01{display:block; background:url('../img/s_img/proj05_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.p06_img01{background:none;} /*시운전*/
.busi_topbox dl dt.p06_img01_01{display:block; background:url('../img/s_img/proj06_topimg_01_m.jpg') no-repeat 0 0; }
.busi_topbox dl.p07_img01{background:none;} /*시운전*/
.busi_topbox dl dt.p07_img01_01{display:block; background:url('../img/s_img/proj07_topimg_01_m.jpg') no-repeat 0 0;  background-position: center;}



.busi_topbox dl dd{ margin-left:0%; text-align:center; width:100%; padding:20px 20px 0 20px;}
.busi_topbox dl dd span.cut{display:inline; font-size:15px;}










/* 991px 02사업 - 01)설계및시공 - 03)비점오염원저감시설*/


ul.list_type li dl dd{font-size:15px;letter-spacing:-0.05em;}
ul.list_type li {padding:0px 0 0 5px; }
ul.list_type li span {font-weight:500;}

dl.list_type_01 {margin:  0 0 10px 5px; padding:0px 0px 0px 0px; }
dl.list_type_01 dt {margin:5px 0 5px 0px; padding:0px 0 0 10px; }
dl.list_type_01 dd{margin:0 0 0 20px; padding:0px 0 0 10px; font-size:15px;letter-spacing:-0.05em;}
dl.list_type_01 dd.bar{ margin-left:10px; }

ul.list_type_dot {  margin: 0 0 10px 10px; padding:0px 0px 0px 0px;}
ul.list_type_dot li { padding:0px 0 0 8px; background:url('../img/s_img/dot.png') no-repeat 0px 11px; font-size:15px;letter-spacing:-0.05em;}
ul.list_type_dot li span {font-weight:500;}

ul.box_list01{padding:25px; }

ul.box_list01 li.img img{width:100%; max-width:320px; margin:0 auto;}
ul.box_list01 li dl{padding:10px 20px 0 20px;}


ul.box_list02 li dl{ min-height:100%; }
ul.box_list02 li dl dd.tit{min-height:100%;}
ul.box_list02 li dl dd{ min-height:44px; }

.ml20{margin-left:2px !important;}
.ml30{margin-left:3px !important;}
.ml40{margin-left:4px !important;}


ul.box_list03{padding:30px 0% 20px 1%; }
ul.box_list03 li ul{width:100%; }
ul.box_list03 li li.arr{background:url('../img/s_img/box_list03_arr.png') no-repeat 100% 40%; }
ul.box_list03 li li dl{width:100%; text-align:center; margin:0;}
ul.box_list03 li li dl dt img{width:260px; margin:0 auto;text-align:center;}
ul.box_list03 li li dl dd.tit{font-size:20px;  font-weight:600; line-height:1.5; margin-top:20px; text-align:center;}
ul.box_list03 li li dl dd{width:260px; padding-right:50px; margin:7px auto 0 auto; font-size:15px;letter-spacing:-0.05em;}



/* 991px 02사업 - 01)설계및시공 - 04)시운전 */


.step_box ul li.step01 span{position:absolute; left:291px; top:0px;}
.step_box ul li.step02 span{position:absolute; left:510px; top:84px;}
.step_box ul li.step03 span{position:absolute; left:291px; top:170px;}
.step_box ul li.step04 span{position:absolute; left:57px; top:242px;}

.step_box ul.list_step{clear:both; position:absolute; top:380px; left:0;}
.step_box ul.list_step li{margin-right:45px;}

.step_box02_wrap{ width:765px; }

dl.step_box02 dd{ width:510px;  padding:10px 10px 0 30px;}


/* 991px 02사업 - 02) 오염물질 측정·분석 - 01)측정.분석 장비*/


ul.busi02_list3{margin:30px 2% 30px 2%; }

ul.busi02_list3 li{width:45%; margin:15px 8% 15px 0; }
ul.busi02_list3 li dl{padding:20px 0; }
ul.busi02_list3 li:nth-child(2){float:right; margin-right:0;}
ul.busi02_list3 li:nth-child(4){float:right; margin-right:0;}
ul.busi02_list3 li:nth-child(6){float:right; margin-right:0;}

ul.busi02_list3 li dd img{width:90%; }

ul.busi02_list3 li dd.text{ letter-spacing:-0.05em; font-size:15px;}



/* 991px 02사업 - 03) 환경시설관리대행 - 05)공공폐수처리시설 */


ul.list_type_step3 { margin:0 0 10px 10px; padding:0px 0px 0px 0px; }
ul.list_type_step3 li {margin:10px 0 0 0px; }
ul.list_type_step3 li.bull{ font-size:15px; }

ul.list_type_step3 li ul li ul{margin:0 0 0 0px;}

ul.list_type_step3 li dl dd{margin:0 0 0 8px; letter-spacing:-0.05em;font-size:15px;}
ul.list_type_step3 li dl dd li{ letter-spacing:-0.05em; font-size:15px;}




/* 991px 02사업 - 04) 환경컨설팅 - 01) 통합환경관리계획*/


ul.busi04_step{ margin:0px 0 0 5px; width:100%;}
ul.busi04_step li.ml220{margin-left:25%;}
ul.busi04_step li{ width:25%; }
ul.busi04_step li.arr{background:url('../img/s_img/busi04_step_arr.png') no-repeat 92% 14%; background-size:16px; }
ul.busi04_step li.arr_left{background:url('../img/s_img/busi04_step_arr_left.png') no-repeat 92% 14%; background-size:16px; }

ul.busi04_step li.arr_v{background:url('../img/s_img/busi04_step_arr_v.png') no-repeat 31.25% 108px; background-size:50px;}
ul.busi04_step li dl{width:80%; }
ul.busi04_step li dl dt{ padding:25px 1px 0 1px;  line-height:22px; letter-spacing:-0.07em; width:95%; font-size:15px; }

ul.busi04_step li dl dd{padding-top:8px; font-size:15px; letter-spacing:-0.07em; }


/* 991px 02사업 - 04) 환경컨설팅 - 02) 인허가 */


ul.busi04_step02{width:100%; max-width:880px; }
ul.busi04_step02 li.ml220{margin-left:25%;}
ul.busi04_step02 li{ width:25%; }
ul.busi04_step02 li.arr{background:url('../img/s_img/busi04_step_arr.png') no-repeat 92% 14%; background-size:16px;}
ul.busi04_step02 li.arr_left{background:url('../img/s_img/busi04_step_arr_left.png') no-repeat 92% 14%; background-size:16px;}

ul.busi04_step02 li.arr_v{background:url('../img/s_img/busi04_step_arr_v.png') no-repeat 35% 108px; background-size:50px;}

ul.busi04_step02 li{width:25%; font-size:15px;}
ul.busi04_step02 li span{ padding:25px 1px 0 1px; line-height:22px; height:80px; letter-spacing:-0.07em; width:72.72%; font-size:15px; }



/* 991px 02사업 - 05)안전컨설팅 - 01)유해·위험방지계획*/ 


ul.list_type_dot { margin: 0 0 10px 5px; padding:0px 0px 0px 0px; }
ul.list_type_dot li {margin:0 0 0 10px; padding:0px 0 0 10px;  font-size:15px; line-height:24px; font-weight:300; background:url('../img/s_img/dot.png') no-repeat 0px 11px;}


dl.list_type_dot {clear:both;  list-style: none; margin:  0 0 10px 5px; padding:0px 0px 0px 0px; text-align: left; }
dl.list_type_dot dt {margin:0 0 0 10px; padding:0px 0 0 10px; font-size:15px; line-height:24px; font-weight:500; background:url('../img/s_img/dot.png') no-repeat 0px 11px;}
dl.list_type_dot dt span{font-weight:300;}
dl.list_type_dot dd{margin:0 0 0 10px; padding:0px 0 0 10px;  font-size:15px;letter-spacing:-0.05em; line-height:24px; font-weight:300;}
dl.list_type_dot dd.bar{background:url(../img/s_img/bar.gif) no-repeat 0px 12px; text-align:left; margin-left:15px; padding-left:10px; font-weight:300;}

dl.list_type_dot dd.box{background:none; border:1px solid #ddd; padding:20px 20px; margin :20px 0 10px 0px; font-size:15px;}
dl.list_type_dot dd.box img{max-width:681px; width:100%;}
dl.list_type_dot dd.box dt{font-size:17px;  padding:0; margin:0 0 15px 0; background:none;}
dl.list_type_dot dd.t_blue{padding-left:0; font-size:15px;}



p.test_center{text-align:center; margin:20px 0;}
p.test_center img{max-width:100%;}



/* 991px 02사업 - 01)설계및시공 - 02)수질 */

ul.busi0102 li.img{width:100%; text-align:center;padding:30px 20px 0 20px;}
ul.busi0102 li.txt{width:100%; margin:20px 0; padding:0px 20px 0 20px;}
ul.busi0102 li.txt dt{ font-size:16px; padding-bottom:10px;}
ul.busi0102 li.txt dd{ font-size:15px; padding-bottom:10px;}





/*991px 02사업 - 03)환경시설관리대행 - 5) 공공폐수처리시설*/

ul.list_type_step3 { list-style: none; margin:  0 0 10px 0px; padding:0px 0px 0px 0px; text-align: left; }
ul.list_type_step3 li {margin:10px 0 0 0px; }
ul.list_type_step3 li.bull{padding-left:10px; background:url('../img/s_img/li_tit.gif') no-repeat 0px 10px; font-size:16px; font-weight:500;}






/* 991px 02사업 - 07) 환경영향평가 - 01) 환경영향평가*/

.box_list_wrap{clear:both; margin:20px 0; padding:0; width:100%; }
ul.box_list{  padding:15px; }

ul.box_list li li{padding:0px 10px 0 20px; }

ul.box_list_full{ padding:10px; margin-left:10px;}



/* 991px 02사업 - 08)전기화학 - 01)전기화학 기술을 이용한 수처리*/

ul.list_type_dot dl.left_img02{min-height:170px; padding-top:5px;}
ul.list_type_dot dl.left_img02 dt{float:left; width:30%; padding-right:20px;}
ul.list_type_dot dl.left_img02 dd{ float:left;  width:70%;font-size:15px;letter-spacing:-0.05em; line-height:24px;  }

ul.box_list_gray{ margin-left:10px;}
ul.box_list_w{margin-left:0px;}


/* 991px 02사업 - 08)전기화학 - 02)도금용 부품소재*/

ul.list_type_dot dl.left_img{min-height:150px; padding-top:5px;float:left; display:inline; }
ul.list_type_dot dl.left_img dt{float:left; display:inline; width:20% !important;  padding-right:2%; }
ul.list_type_dot dl.left_img dt img{float:left; display:inline; max-width:160px; margin:5px auto 10px 0;}
ul.list_type_dot dl.left_img dd{float:left; text-align:left; display:inline;width:75% !important;font-size:15px;letter-spacing:-0.05em; line-height:24px; }



ul.list_type_dot dl.left_img dd.t_blue{font-size:15px;letter-spacing:-0.05em; line-height:24px; padding-bottom:10px; }







/* ------------------------- 메뉴3 연구개발  Start-------------------------------- */




/* 991px 03연구개발 - 1)보유기술 - 3)DSA전극 */

.list_img5_wrap{margin-left:0px;}
ul.list_img5{clear:both; width:100%; margin:20px auto; padding:0;}
ul.list_img5 li{display:inline; float:left; width:20%;}
p.ml40{margin-left:15px !important;}

div.line_box{ margin:20px 0 20px 0%; width:100%; }



/* 991px 03연구개발 - 02)연구개발실적 */

dl.rndl_list {padding:0px 0 30px 0; }
dl.rndl_list dt{padding:0px 0 10px 15px; margin-bottom:10px; width:100%; font-size:32px; text-align:left; border-bottom:1px solid #111; }
dl.rndl_list dt span{display:inline; padding-left:10px;}

dl.rndl_list dd{ padding:0px 0 0 9px; width:96%; font-size:15px;letter-spacing:-0.05em; line-height:24px; }

dl.rndl_list dd li .month{ width:20%; }
dl.rndl_list dd li .txt{ width:80%; font-size:15px;letter-spacing:-0.05em; line-height:24px; }



.pr_vod{clear:both; margin:0px auto 40px 0; width:100%;  text-align:center; padding-top:40px; }
.pr_box{width: 100%;height:480px;position: relative;}
.pr_box iframe{/*width:852px;height: 480px;*/width:100%; height:480px;}

ul.recr01 li dl{width:100%; max-width:280px; padding:10px; margin:10px auto; text-align:left;}
ul.recr01 li dl dd{ width:100%; max-width:280px; padding:0px 20px;font-size:15px;letter-spacing:-0.05em; line-height:24px; }


/* ------------------------- 메뉴6 인재육성  Start-------------------------------- */

/*991px  06인재육성 - 01)인재육성 */

ul.recr01{width:100%; margin:0 auto; padding:40px 0;}
ul.recr01 li dl{width:100%; max-width:280px; margin:10px auto; text-align:left;}
ul.recr01 li dl dd{width:100%; max-width:280px;  padding:0px 10px;}

ul.recr01_02 li dl{padding:35px 0 0 320px;}

dl.recr01_03 dt {width:56%; }
dl.recr01_03 dd {width:56%; font-size:15px;letter-spacing:-0.05em; line-height:24px; }
dl.recr01_03 dt span.cut{display:inline;}




/* 991px 06인재육성 - 02)채용정보*/



ul.recr02_list li{width:48%; float:left; display:inline; margin-right:2%;}
ul.recr02_list li:nth-child(2){margin-right:0;}


ul.recr02_step li{margin-bottom:20px;}
ul.recr02_step li dl{width:140px; height:140px; }

ul.recr02_step li dt{padding-top:20px;}
ul.recr02_step li dt img{width:100%; max-width:80px; }
ul.recr02_step li dd{text-align:center; padding-top:10px; font-size:15px; font-weight:500;color:#fff;}
ul.recr02_step li.arr{background:url('../img/s_img/recr02_step_arr.png') no-repeat 97% 45%; background-size:18px;}


.box_line p.w560 img{width:94%; max-width:560px; margin:0 auto; padding:30px 20px;}
.box_line p.w820 img{width:94%; max-width:820px; margin:0 auto; padding:30px 20px;}

p.w560 img{width:94%; max-width:560px; margin:0 auto; padding:30px 20px;}
p.w820 img{width:94%; max-width:820px; margin:0 auto; padding:30px 20px;}
p.w677 img{width:94%; max-width:677px; margin:0 auto; padding:30px 20px;}
p.w760 img{width:94%; max-width:760px; margin:0 auto; padding:30px 20px;}
p.w700 img{width:94%; max-width:700px; margin:0 auto; padding:30px 20px;}
p.w680 img{width:94%; max-width:680px; margin:0 auto; padding:30px 20px;}
p.w640 img{width:94%; max-width:640px; margin:0 auto; padding:30px 20px;}
p.w600 img{width:94%; max-width:600px; margin:0 auto; padding:30px 20px;}
p.w810 img{width:94%; max-width:810px; margin:0 auto; padding:30px 20px;}
p.w800 img{width:94%; max-width:800px; margin:0 auto; padding:30px 20px;}




/*2021. 04. 27 추가 by jongs */

ul.busi0502_new{clear:both; margin:20px 0 0 0px; padding:0; width:96%; max-width:100%;}
ul.busi0502_new li{float:none; width:100%; display:block; padding-bottom:20px;}
ul.busi0502_new li:first-child{padding-bottom:40px;}
ul.busi0502_new li.arr{background:url('../img/s_img/busi0502_new_arr02.png') no-repeat center bottom; }
ul.busi0502_new li table{width:100%; max-width:100%; }


ul.busi0502_new li.left{width:100%; }
ul.busi0502_new li.right{float:none; width:100%;}


/* 2023.05.16. */
.cust06_cont{padding: 0;}
.pre-line{white-space:normal;}
.pre-line br{display : block;}
.cust06_box{padding : 15px; margin-bottom: 40px;}
.cust06_box .pre-line{padding-left: 0;}
.cust06_box ul{padding-left: 0;}



}/* 991px End*/

/*
.hd_pops_close.hd_pops_3{border : 1px solid #ccc; border-radius: 5px; margin : 3px 3px 3px 0;}
*/

@media (max-width: 768px) {
/*
  #hd_pops_3{top: 70px !important; width: 85%; left: 0 !important; max-width : 350px;}
  .hd_pops_con{width : 100% !important; height : auto !important;}
  .hd_pops_con img{width : 100%;}
  .hd_pops_reject.hd_pops_3{font-size: 13px;}

*/

/*카달로그 추가*/
ul.catal_list{clear:both; margin:0px 0 40px 0; padding:0; width:100%; flex-direction: column; gap:0; }
ul.catal_list li{float:left; display:inline; width:100%; margin:0; padding:0;text-align:center; }
ul.catal_list li dd img{width:100%; margin:0 auto; max-width:300px; }    
ul.catal_list li dt{padding-top: 0;}


  #hd_pop h2{display : none;}

#top_btn{display:none;}
.footer_logo {display:none; } 

#wrap #content .section#section0 .scroll_down{display:none}
#wrap .visual{display:none;}
#wrap .visual .video{display:none;}
#wrap .visual .bg{display:none;}

#wrap #content .section#section0 .visual{display:none;}
#wrap #content .section#section0 .visual .video{display:none;}
#wrap #content .section#section0 .visual .bg{display:none;}

#wrap #content .section#section0 .visual_mobile{display:block;}
#wrap .visual_mobile{display:block;}

#wrap #header{position: fixed;top: 0;left: 0;height:70px; background:#fff !important; }
#wrap #header .container.mobile h1.logo{float: left;padding: 0 0 0 0px;}
#wrap #header .container.mobile h1.logo img{margin-top:20px; width:200px; }
#wrap #header .container.mobile .menu img{width: 32px;margin-top:22px;}
#wrap #header .container.mobile{display: block;height: 70px; border-bottom:1px solid #ccc; }


#sub #wrap #content{width: 100%;}
#sub #wrap #content .container{width:96%; margin: 0 2% !important; padding:40px 0;}


#wrap .sub_vis{height:260px;}

#wrap .sub_vis h3{ line-height:60px !important; font-weight:400; letter-spacing:-0.03em; padding:133px 0 0px 0 !important;  }

table.cont1 th.alt20, 
table.cont1 td.alt20 { text-align:left; padding-left:10px !important;}



#sub #wrap #content h5{ font-size:17px; line-height:26px; margin:20px 0 20px 0; padding-left:22px; background:url('../img/s_img/h5_bull.gif') no-repeat 0 5px; }
#sub #wrap #content h6{  line-height:24px;margin:20px 0 20px 0px;  background:url('../img/s_img/h6_bull.gif') no-repeat 0 11px; }


p.h7_tit{font-size:15px; font-weight:400;line-height:26px; margin:20px 0 20px 0; }
p.h7_tit02{ font-size:15px;  font-weight:400 !important; line-height:26px;margin:20px 0 20px 0px !important;  background:url('../img/s_img/h7_ico.png') no-repeat 0 10px; }
div.h7_tit02{ font-size:15px; text-align:left; font-weight:400 !important; margin:20px 0 20px 0px !important; letter-spacing:-0.05em;  background:url('../img/s_img/h7_ico.png') no-repeat 0 10px; }



/*768px 탭메뉴 스타일*/
#tab_menu_wrap { margin:0px auto 30px auto !important; width:100%; background:none;}
#tab_menu_wrap ul li.full{width:100%;}
#tab_menu_wrap ul.tab2{width:100%; margin:0 auto;}
#tab_menu_wrap ul.tab2 li{width:100% !important; margin:0 auto; margin-bottom:2px;}

#tab_menu_wrap ul.tab3{width:100%; margin:0 auto;}
#tab_menu_wrap ul.tab3{width:100% margin:0 auto;}
#tab_menu_wrap ul.tab3 li{width:100% !important; margin:0 auto; margin-bottom:2px;}

#tab_menu_wrap ul.tab4{width:100%; margin:0 auto;}
#tab_menu_wrap ul.tab4{width:100%; margin:0 auto;}
#tab_menu_wrap ul.tab4 li{width:100% !important; margin:0 auto; margin-bottom:2px;}

#tab_menu_wrap ul.tab4 li.full{width:99% !important;}
#tab_menu_wrap ul.tab5{width:100%; margin:0 auto;}
#tab_menu_wrap ul.tab5{width:100%; margin:0 auto;}
#tab_menu_wrap ul.tab5 li{width:100% !important; margin:0 auto; margin-bottom:2px;}

#tab_menu_wrap ul.tab6{width:100%; margin:0 auto;}
#tab_menu_wrap ul.tab6{width:100%; margin:0 auto;}
#tab_menu_wrap ul.tab6 li{width:100% !important; margin:0 auto; margin-bottom:2px;}

#tab_menu_wrap ul li.w2{width:100% !important;}
#tab_menu_wrap ul li.w3{width:100% !important;}
#tab_menu_wrap ul li.w4{width:100% !important;}
#tab_menu_wrap ul li.w5{width:100% !important;}
#tab_menu_wrap ul li.w6{width:100% !important;}


/*768px 탭메뉴 스타일 End*/

#wrap #content .section#section0{position: relative; width:100%; height:100%;}
#wrap #content .section#section0 .container{position:relative; width:100%; height:100%;}
#wrap #content .section#section0 .visual_mobile#home ul.bxslider li .bg{width:100%;}


span.mob_block{display: block;}

#wrap #content .section#section0 .visual_mobile#home {position: relative;width: 100%; height:600px; }
#wrap #content .section#section0 .visual_mobile#home .container{padding-top: 0px;}
#wrap #content .section#section0 .visual_mobile#home .container{position: relative;width: 100%;height: 100%;padding-top: 0;}
#wrap #content .section#section0 .visual_mobile#home ul.bxslider{width: 100%;height: 100%; }
#wrap #content .section#section0 .visual_mobile#home ul.bxslider li{width: 100%;height:600px !important;text-align: left;}

#wrap #content .section#section0 .visual_mobile#home ul.bxslider li.s1{background: url(../img/p_img/main_vi_m01.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 .visual_mobile#home ul.bxslider li.s2{background: url(../img/p_img/main_vi_m02.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 .visual_mobile#home ul.bxslider li.s3{background: url(../img/p_img/main_vi_m03.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }

#wrap #content .section#section0 .visual_mobile#home ul.bxslider li .bg{width:100%;margin: 0 auto !important; padding-top:260px; }
#wrap #content .section#section0 .visual_mobile#home ul.bxslider li h3{width:90%; margin:0 auto; padding-bottom:8px; color:#fff; font-weight:600; font-size:23px; letter-spacing:-0.08em; line-height:38px;text-align: center;text-shadow:0px 0px 10px rgba(0,0,0,0.22); border-bottom:1px solid #fff;}
#wrap #content .section#section0 .visual_mobile#home ul.bxslider li p{font-size:16px;font-weight:400; padding:10px 0 0 0px; margin:0; color: #fff; letter-spacing:-0.07em; line-height:28px; text-align: center; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}



#wrap .visual_mobile#home .bx-wrapper .bx-prev{display:none;}
#wrap .visual_mobile#home .bx-wrapper .bx-next{display:none;}
/*제어버튼 안보이게 처리*/
.bx-controls-auto-item{display:none !important;}
a.bx-start{display:none !important;}
a.bx-pager{display:none !important;}
.bx-pager-item{display:none !important;}


 .apst-button{display:none;}

.tab_navi { margin:0px 0 30px 0;}
.tab_navi li.w140 a{min-width:99% !important;}


/*768px 세션별 레이아웃*/

#wrap #footer .container{width:100%;}
.foot_add_outer{width:100%; text-align:center; }

#wrap #content .section#section1{ padding-bottom:0px; height:100%; }
#wrap #content .section#section1 .about_box { width:96%; height:100%; }
#wrap #content .section#section1 .area { width:100%; height:auto; min-height:510px;  }


/* 768px 세션별 레이아웃 KUMKANG ENGINEERING */

#wrap #content .section#section2{ padding-bottom:40px; height:100%; }
#wrap #content .section#section2 .about_box {width:96%; margin-left:auto !important; margin-right:auto !important;}
#wrap #content .section#section2 .area {width:100%; }
#wrap #content .section#section2 ul.main_quick{width:100%;}

/* 768px 세션별 레이아웃 공지사항 */


#wrap #content .section#section3{ padding-bottom:40px; height:100%;}
#wrap #content .section#section3 .rnd_box {width:96%; margin-top:20px;margin-left:auto !important; margin-right:auto !important;}



/*768px 세션별 타이틀*/

#wrap #content .section#section1 h3{padding:13% 0 25px 0;text-align: center;font-size:26px; color: #fff;font-weight:600; }
#wrap #content .section#section1 p.tit{font-size:15px; line-height:1.5; }
#wrap #content .section#section1 p.tit span.m_cut{display:block;}
#wrap #content .section#section2 h3{padding:13% 0 25px 0;text-align: center; color:#fff;  font-size:26px; font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section2 p.tit{font-size:15px;  line-height:1.5;  text-align: center;}
#wrap #content .section#section2 p.tit span.m_cut{display:block;}
#wrap #content .section#section3 h3{padding:0px 0 25px 0;text-align: center;font-size:24px; line-height:1.5;font-weight:600; }
#wrap #content .section#section3 .notice h3 { width:100%; margin:0px 0 20px 0;  font-size:24px;  font-weight:600; border-bottom:1px solid #fff;}

#wrap #content .section#section3 p.tit{font-size:15px; text-align:center;}
#wrap #content .section#section3 p.tit span.m_cut{display:block;}


#wrap #footer .container{padding-top:20px;padding-bottom: 0px; text-align:center; height:150px; margin:0;}
#wrap #footer .con{float: none;width: 100% !important;padding: 0 0 0 0;margin-bottom:0px;height: auto; text-align:center;}
#wrap #footer .con p.title{top: 6px;left: 36px;font-size: 15px;color: #8e8e8e;font-weight: 300;letter-spacing: 0;}
#wrap #footer .con .txt span.tab_block{display: inline;}
.foot_add_outer{position:relative; width:100%; margin:0px auto 0 auto; padding:0; }
.foot_add {float:none; margin:0px 0 0 0; padding:0;width:100%; font-size:14px; letter-spacing:-0.05em;font-weight:300; overflow:hidden; line-height:22px; padding-top:20px; text-align:center;}
.foot_add p{color:#fff; line-height:22px; }
.foot_add span.m_cut{display:block;}
.foot_add p.m_cut{display:block;}
.foot_add address span.m_cut{display:block;}
.foot_add address{letter-spacing:-0.05em; font-size:14px; }

.copy{font-size:14px; font-weight:300; letter-spacing:-0.05em;}

#wrap #content .section.default h3{padding: 25% 0 80px 0;font-size: 30px;}


span.mob_block{display: block;}


/*메인 세션별 bg이미지*/

#wrap #content .section#section1{width:100%; background:#94b4c3  url(../img/s_img/main_section1_bg_m.jpg) no-repeat 0 bottom !important; background-size:100% !important;}
#wrap #content .section#section2{width:100%; background:#727272 url(../img/s_img/main_section2_bg_m.jpg) no-repeat 0 0 !important; background-size:100% !important; border:0;}
#wrap #content .section#section3{width:100%; background:url(../img/s_img/main_section3_bg_m.jpg) repeat-y 0 0 !important; background-size:100% !important;}

/* 768px 메인 - 사업분야 */

#wrap #content .section#section1{margin:0;}
#wrap #content .section#section1 .container{margin:0;}

#wrap #content .section#section1 .about_box { position:relative; z-index:10; width:100%; height:100%; margin:20px auto 0 auto !important;  background:none;}
#wrap #content .section#section1 .area {width:100%; height:100%; min-height:640px;}


/* 768px 메인 - KUMKANG ENGINEERING */

#wrap #content .section#section2 ul#main_quick02{width:100%; margin:0 auto; position:relative;}

#wrap #content .section#section2 ul#main_quick02{width:100%; margin:0 auto; position:relative;}
#wrap #content .section#section2 ul#main_quick02 li{float: left;width:50%;height:auto;margin-right:0;}
#wrap #content .section#section2 ul#main_quick02 li a em{position:absolute; top:95px; left:0px; width:100%; font-size:24px; text-align:center; font-weight:600; height:34px; color:#fff; }





/* 768px 메인 - 공지사항 */


#wrap #content .section#section3 .noti_wrap{ padding:9% 0 15px 0; width:100%; margin:0 0 20px 0;height:auto; min-height:300px; text-align:center;} 
#wrap #content .section#section3 .notice {padding:20px 20px; min-height:240px; }

#wrap #content .section#section3 .notice {width:98%; text-align:center; height:auto; margin:20px 1%; }

#wrap #content .section#section3 dl.noti_tit{float:left; width:100%; text-align:center; padding:20px 0 20px 0px; }
#wrap #content .section#section3 dl.noti_tit dt{font-size:26px; line-height:1;  padding:0px 0 0px 0;text-align: center;color:#fff; background:none;}
#wrap #content .section#section3 dl.noti_tit dd{font-size:15px; font-weight:300; line-height:1.5; letter-spacing:-0.05em;}
#wrap #content .section#section3 dl.noti_tit dt span.cut{display:inline; text-align:center;}

#wrap #content .section#section3 dl.noti_tit dd span.cut{display:inline; text-align:center;}
#wrap #content .section#section3 .notice ul li a { font-size:15px; line-height:28px; }
#wrap #content .section#section3 .notice ul li span {display:none; float:right; width:22%;font-size:14px;   }
#wrap #content .section#section3 .notice .tabmore { top:25px; right:20px;  }
#wrap #content .section#section3 .photogallery dl {width:100%; height:auto;  } 


#wrap #content .section#section3 .photogallery dd a {  font-weight:500; letter-spacing:-0.05em; font-size:22px;  line-height:50px; overflow:hidden; word-break:keep-all;   }



/*768px 서브*/


#wrap #content .sub_nav .select{display: block;}
#wrap #content .sub_nav ul{display: none;padding: 35px 0;}
#wrap #content .sub_nav ul li{float: none;width: 100% !important;}
#wrap #content .sub_nav ul li.on{} 
#wrap #content .sub_nav ul li a{background: transparent;color: #fff;border-right: none;font-size: 22px;height: 55px;line-height: 55px;} 
#wrap #content .sub_nav ul li.on a{background: transparent;color: #fff;} 


#wrap #content .sub_vis{height: 280px;}
#wrap #content .sub_vis h3{font-size: 35px;letter-spacing: -1px;line-height: 280px;}

#wrap #content .sub_vis#sub1{background: url(../img/p_img/sub_vis1_m.jpg) no-repeat center center;}
#wrap #content .sub_vis#sub2{background: url(../img/p_img/sub_vis2_m.jpg) no-repeat center center;}
#wrap #content .sub_vis#sub3{background: url(../img/p_img/sub_vis3_m.jpg) no-repeat center center;}
#wrap #content .sub_vis#sub4{background: url(../img/p_img/sub_vis4_m.jpg) no-repeat center center;}
#wrap #content .sub_vis#sub5{background: url(../img/p_img/sub_vis5_m.jpg) no-repeat center center;}


/**********************************테이블 스타일*******************************/



table.cont1 {clear:both; margin:15px auto 15px auto; padding:0px; width:98% !important; border-collapse:collapse;  border-top:2px solid #65509f; }
table.cont1.w98p {clear:both;  margin:0px auto 10px auto; padding:0px; width:98% !important; border-collapse:collapse; border-top:2px solid #349cca; }
table.cont1.w97p {clear:both;  margin:0px auto 10px auto; padding:0px; width:98% !important; border-collapse:collapse; border-top:2px solid #349cca; }
table.cont1.w96p {clear:both;  margin:0px auto 10px auto; padding:0px; width:98% !important; border-collapse:collapse; border-top:2px solid #349cca; }
table.cont1.w95p {clear:both;  margin:0px auto 10px auto; padding:0px; width:98% !important; border-collapse:collapse; border-top:2px solid #349cca; }

table.cont1 thead th { /*background:#eef9f8;*/text-align:center; font-weight:600; color:#fff; border-top:none; padding:8px 0; border-top:2px solid #65509f;}
table.cont1 thead {background:url('../img/s_img/th_bar.jpg') repeat 0 0 !important;}
table.cont1 tbody th { background:#fff; text-align:center; font-weight:500; }
table.cont1 tbody th.gray { background:#f2f2f2; text-align:center; font-weight:600; color:#333;}
table.cont1 tbody td.gray { background:#f2f2f2; text-align:center; font-weight:600; color:#333;}


table.cont1 th,
table.cont1 tbody td { padding:3px 2px 5px 2px; text-align:center; line-height:1.5em; font-size:14px; border-left:1px solid #ccc;border-right:1px solid #ccc; border-bottom:1px solid #ccc; letter-spacing:-0.05em; font-weight:300; vertical-align:top;}

table.cont1 tbody td a:hover{font-weight:600; text-decoration:underline;}
table.cont1 th.alt, 
table.cont1 td.alt {text-align:left; padding-left:5px !important;}
table.cont1 th.alt20, 
table.cont1 td.alt20 {text-align:left; padding-left:5px !important;}
table.cont1 th.alt10, 
table.cont1 td.alt10 {text-align:left; padding-left:3px !important;}
table.cont1 th.art, 
table.cont1 td.art {text-align:right; padding-right:5px !important;}
table.cont1 th.act, 
table.cont1 td.act {text-align:center; padding-left:5px !important;}
table.cont1 th.td_g,
table.cont1 td.td_g {background:#f1f6f1;}
table.cont1 td img {vertical-align:middle;}
table.cont1 td.verti_top{vertical-align:top;}
table.cont1 tbody td.line_h2 { line-height:2em;}
table.cont1 tbody th.line_h2 { line-height:2em;}
table.cont1 td dd{padding-left:10px;}
table.cont1 td.w104 img{width:96%; max-width:104px; margin:0 auto;}
table.cont1 tbody td ul li{ margin:2px 0px; padding: 0 0 0 10px;  background:url(../img/s_img/bar.gif) no-repeat 1px 9px; text-align:left; font-size:14px; line-height:20px; font-weight:300}
.int1{padding:0px 0 5px 0px !important; margin:0px 0px 0px 15px !important; text-indent:-15px; background:none !important; font-size:14px; line-height:20px;}






/* 768px 상단박스*/

.uit{overflow:hidden; position:relative; width:100%; }


.uit .inner .box {padding:0px; min-height:120px; }
.uit .inner .box ul{width:100%; height:100%; }

.uit .inner .box li.img img{width:100%; max-width:230px; margin:0 auto;}
.uit .inner .box li.txt {width:100%; padding:0px 0px 15px 0px !important; font-size:15px; letter-spacing:-0.05em; margin:0; color:#333; font-weight:300;  }
.uit .inner .box li:last-child {border-right:0 }
.uit .inner .box li strong{font-weight:500; color:#ea1b21;}
.uit .inner .box li span.cut{display:block;}



.uit .inner .box.min{padding:0px; min-height:75px;}
.uit .inner .box.min75{padding:0px; min-height:75px;}
.uit .inner .box.min45{padding:0px; min-height:24px; }



/* ------------------------- 메뉴1 사업 Start-------------------------------- */

/* 768px 01회사 -  01) CEO 인사말 */

dl.info01_wrap{ min-height:840px; background:#f4f7fb url('../img/s_img/info01_ceobg_m.png') no-repeat right bottom; padding:30px 3% 40px 3%; background-size:500px;}
dl.info01_wrap dt{margin-bottom:20px;  font-size:22px; line-height:38px; color:#444;}
dl.info01_wrap dt em.n1{background:url('../img/s_img/quotes.png') no-repeat 0 15px; width:20px !important; height:20px;  padding:0 0px; padding:13px; background-size:20px;}
dl.info01_wrap dt em.n2{background:url('../img/s_img/quotes02.png') no-repeat 7px 25px; width:20px !important; height:20px; padding:15px; background-size:20px;}
dl.info01_wrap dt span.f_purple{text-align:right !important;color:#65509f; padding-left:60px; font-weight:700; letter-spacing:-0.07em; }
dl.info01_wrap dd{font-size:15px !important;  line-height:24px; margin-bottom:20px; letter-spacing:-0.05em;  }
dl.info01_wrap dd.signature{font-size: 15px; padding:30px 60px 0 0;}
dl.info01_wrap dd.signature span.sign_txt{font-size: 15px;}
dl.info01_wrap dd span.cut{display:inline;}
dl.info01_wrap dd.signature span img{width:80px; display:block; padding-top:10px;}



/* 768px 01회사 - 02) 비전 */

ul.info02_vision li.top{padding:0 18px;  height:280px; }
ul.info02_vision li.top dt{font-size:18px; letter-spacing:-0.07em; padding-top:50px;}

ul.info02_vision li.top dd{font-size:15px; line-height:24px; letter-spacing:-0.07em; color:#fff; padding:20px 5px 20px 5px;}
ul.info02_vision li.top dd span.cut{display:inline !important; }

ul.info02_vision li.bot{padding:0 0 20px 0; height:100%; width:96%; min-height:560px; }

ul.info02_vision li.bot dt{font-size:24px; line-height:38px;  padding-top:70px;}

ul.info02_vision li.bot dt em.m_cut{display:block;}
ul.info02_vision li.bot dd{width:100%; max-width:800px; font-size:15px; margin:0 auto; padding:35px 5px 0 5px;}
ul.info02_vision li.bot dd em.m_cut{display:block;}
ul.info02_vision li.bot dd ul{margin-left:4%; width:92%;}
ul.info02_vision li.bot dd li{width:50%; max-width:160px; margin:0 auto; }

ul.info02_vision li.bot dd li img{width:100%; max-width:160px; margin:0 auto;}


/* 768px 01회사 - 03) 연혁 */


.t_history_wrap{margin:0px 0 40px 0; width:100%; padding:0 1%; background:none;}
.history{padding:0px 0px 0px 0px; float:right; }
.history h5{margin-top:40px;}
.history h5.fir{margin-top:0px;}

dl.ul_history {padding:15px 0;  }
dl.ul_history dt{padding:20px 0 0px 0px;  line-height:26px; width:100%; font-weight:600; font-size:24px;letter-spacing:-0.05em; text-align:left; padding-bottom:10px;}
dl.ul_history dd{ padding:10px 0 0 9px;  line-height:26px; width:100%; letter-spacing:-0.05em;}
dl.ul_history dd li{padding:0 0 0 9px; }
dl.ul_history dd li .month{width:20%; font-size:15px; line-height:24px; font-weight:500; background:none !important; }
dl.ul_history dd li .txt{width:80%; line-height:24px; padding-left:8px;   }

/* 768px 01회사 - 04) 조직도 */

.pc_org{display:none;}

.mobile_org{display:block; background:#f4f4f4; text-align:center; padding:30px 10px;}
.mobile_org p img{display:block; }


/* 768px 01회사 - 07) 오시는길 */

ul.map_txt{margin:40px 0 60px 0px; }
ul.map_txt li{font-size:15px; line-height:24px;height:66px;  }
ul.map_txt li.icon_add{padding-left:70px; line-height:24px; width:100%; background-size:60px; padding-top:10px;} 
ul.map_txt li.icon_tel{padding-left:70px; background-size:60px; }
ul.map_txt li.icon_fax{padding-left:70px; background-size:60px; }




/* ------------------------- 메뉴2 사업  Start-------------------------------- */


/* 768px 02사업 - 01)설계및시공 - 01)대기 */


ul.busi01 li.img{width:100%; padding:30px 0 0px 0;}
ul.busi01 li.img img{ width:220px;}
ul.busi01 li.txt{width:100%; margin:20px 0;}
ul.busi01 li.txt dt{ width:25%; background:url('../img/s_img/busi01_dt_bg_m.jpg') no-repeat center 0;}
ul.busi01 li.txt dd{width:75%;  padding-right:18px;margin:0px 0;}




/* 768px 사업 상단박스*/

.busi_topbox{margin-bottom:40px; height:100%;}
.busi_topbox.mb0{margin-bottom:0 !important;}
.busi_topbox dl{ padding:0px 0px 20px 0;   }
.busi_topbox dl.b01_img01{background:none;}
.busi_topbox dl dt{display:block; background-size:100% !important; min-height:110px !important; }
.busi_topbox dl dd{ margin-left:0%; text-align:center; width:100%; padding:10px 10px 20px 10px;}
.busi_topbox dl dd span.cut{display:inline; font-size:15px;}

.busi_topbox dl dd.pb0{padding-bottom:30px !important;}
.busi_topbox dl.mb0{margin-bottom:0 !important; height:auto;  padding-bottom:0 !important; }




/* 768px 02사업 - 01)설계및시공 - 02)수질 */

ul.busi0102 li.img{width:100%; text-align:center;padding:30px 20px 0 20px;}
ul.busi0102 li.txt{width:100%; margin:20px 0; padding:0px 20px 0 20px;}
ul.busi0102 li.txt dt{ font-size:16px; padding-bottom:10px;}
ul.busi0102 li.txt dd{ font-size:15px; padding-bottom:10px;}



/* 768px 02사업 - 01)설계및시공 - 03)비점오염원저감시설*/

ul.list_type li {margin:0; padding:0px 0 0 20px;  font-size:15px; line-height:24px; font-weight:300;}

dl.list_type_01 { padding:0px 0px 0px 0px; }
dl.list_type_01 dt {margin:5px 0 5px 0px; padding:0px 0 0 10px; }
dl.list_type_01 dd{ padding:0px 0 0 10px;  font-size:15px; }
dl.list_type_01 dd.bar{margin-left:10px; }

ul.list_type_dot li {padding:0px 0 0 10px;  background:url('../img/s_img/dot.png') no-repeat 0px 11px;}
ul.list_type_dot li span {font-weight:500;}


/* 768px 02사업 - 01)설계및시공 - 04)시운전 */

.step_box{width:100%; max-width:325px; min-height:940px; background:url('../img/s_img/org_box_bgline_m.gif') repeat-y center 0;}
.step_box ul li.step01 span{left:0px; top:0px; max-width:325px; }
.step_box ul li.step02 span{left:0px; top:84px; border:2px solid #ba5801; max-width:325px; }
.step_box ul li.step03 span{left:0px; top:168px; max-width:100%; }
.step_box ul li.step04 span{left:0px; top:252px; max-width:325px; }


.step_box ul.list_step{clear:both; position:absolute; top:340px; left:0; width:100%; max-width:325px;}
.step_box ul.list_step li{display:block; margin-right:45px;width:100%; max-width:325px;}
.step_box ul.list_step li dl dt{margin-top:20px;}
.step_box ul.list_step li dl dd{background:#fff; }



.step_box02_wrap{margin:20px auto; width:100%; }
dl.step_box02 dt{width:100%; min-height:50px; margin-bottom:10px; padding:10px 0 0 70px; font-size:15px; }
dl.step_box02 dt.b01{background:#44a4da url('../img/s_img/step_box02_bg01_m.jpg') no-repeat 0 0;}
dl.step_box02 dt.b02{background:#75899b url('../img/s_img/step_box02_bg02_m.jpg') no-repeat 0 0;}
dl.step_box02 dt.b03{background:#75899b url('../img/s_img/step_box02_bg03_m.jpg') no-repeat 0 0;}
dl.step_box02 dt.b04{background:#75899b url('../img/s_img/step_box02_bg04_m.jpg') no-repeat 0 0;}
dl.step_box02 dt.b05{background:#75899b url('../img/s_img/step_box02_bg05_m.jpg') no-repeat 0 0;}
dl.step_box02 dt.b06{background:#75899b url('../img/s_img/step_box02_bg06_m.jpg') no-repeat 0 0;}
dl.step_box02 dt.b07{background:#9fc150 url('../img/s_img/step_box02_bg07_m.jpg') no-repeat 0 0;}

dl.step_box02 dd{float:left; text-align:left; width:100%;  padding:10px 10px 10px 30px;}
dl.step_box02 dd li{font-size:15px; line-height:24px;}


ul.busi02_list li.box{min-height:320px; background-size:260px;}
ul.busi02_list li.box ul{width:100%; }
ul.busi02_list li.box ul li{margin:80px 0px 0 0px; width:49%; height:103px; }
ul.busi02_list li.box ul li dl dt{font-size:15px; }
ul.busi02_list li span.blue_01{font-size:15px; }
ul.busi02_list li span.blue_02{font-size:15px; }
ul.busi02_list li span.org_01{ font-size:15px; }
ul.busi02_list li.last{min-height:80px; }



ul.list_type { list-style: none; margin:  0 0 10px 0px; padding:0px 0px 0px 10px; text-align: left; }
ul.list_type li {margin:0; padding:0px 0 0 0px;  font-size:15px; line-height:24px; font-weight:300;}
ul.list_type li span {font-weight:500;}
ul.list_type li a img {vertical-align:middle;}


p.h7_tit{font-size:15px; font-weight:500; margin:15px 0; letter-spacing:-0.07em;}



/* 768px 02사업 - 02) 오염물질 측정·분석 - 01)측정.분석 장비*/

.box_line{margin:20px 0; padding:0; border:1px solid #ccc; text-align:center;}
.box_line p.w560 img{width:90%; padding:10px;}
.box_line p.w677 img{width:90%; padding:10px;}

ul.busi02_gall{width:100%; }
ul.busi02_gall li{float:none; width:100%; text-align:center; margin:0 auto 20px auto; padding-top:20px;}
ul.busi02_gall li.last{float:none; width:100%; text-align:center; }
ul.busi02_gall li dl{width:100%; margin:0 auto 20px; }
ul.busi02_gall li dt {padding-top:20px;}
ul.busi02_gall li dd{ padding:6px 0 15px 0; } 

ul.busi02_list3{margin:20px 0 20px 0%; padding:0;}

ul.busi02_list3 li{width:100%; margin:15px 0% 15px 0; }
ul.busi02_list3 li dl{padding:20px 0; width:100%; }
ul.busi02_list3 li dl.h314{min-height:auto;}

ul.busi02_list3 li dd img{width:90%; }
ul.busi02_list3 li.w150 dd img{width:90%; }


/* 768px 02사업 - 03)환경시설관리대행 - 5) 공공폐수처리시설*/

ul.box_list01{ margin:20px 0 20px 10px; padding:20px 10px; }
ul.box_list01 li.img{width:100%;}
ul.box_list01 li.txt{width:100%; }
ul.box_list01 li dl{padding:20px 0px 0 0px;}
ul.box_list01 li dl dt{font-size:20px;  }

ul.box_list02{  padding:0px; }
ul.box_list02 li.first{width:100%; margin-bottom:20px;}
ul.box_list02 li.last{width:100%;}
ul.box_list02 li dl{padding:20px 0; }

ul.box_list02 li dl dd.tit{font-size:20px; padding:0;}


/* 768px 설계및시공 - 비점오염원 */

ul.box_list03{padding:30px 0% 20px 1%; }
ul.box_list03 li ul{width:100%; }
ul.box_list03 li li{width:50%; }
ul.box_list03 li li dl{width:100%; text-align:center; }
ul.box_list03 li li dl dt img{ margin:0 auto;  width:100%; max-width:260px;} 
ul.box_list03 li li dl dd{width:100%; max-width:260px; margin:7px auto 0 auto; padding-right:50px; text-align:center; }


ul.list_type_step3 { padding:0px 0px 0px 0px; }
ul.list_type_step3 li {margin:10px 0 0 0px; }

ul.list_type_step3 li.bull{font-size:15px; }
ul.list_type_step3 li ul li { padding: 0 0 0 0px; }
ul.list_type_step3 li ul li ul{margin:0 0 0 0px;}

ul.list_type_step3 li dl dd{margin:0 0 0 8px; letter-spacing:-0.05em; }
ul.list_type_step3 li dl dd li{ letter-spacing:-0.05em; margin-left:0px; }



/* 768px 02사업 - 04) 환경컨설팅 - 01) 통합환경관리계획*/

dl.dl_type_rule dt{width:100%;}
dl.dl_type_rule dd {display:block; margin:20px 0 20px 0px; padding:5px 0 0 0px; }
dl.dl_type_rule dd li{ padding:0 0 0 0px;}
dl.dl_type_rule02 dt{width:100%;}
dl.dl_type_rule02 dd {display:block; margin:20px 0 20px 0px; padding:5px 0 0 0px; }
dl.dl_type_rule02 dd li{ padding:0 0 0 0px;}









p.test_center{text-align:center; margin:20px 0;}
p.test_center img{max-width:100%;}


ul.busi04_step{margin:0px 0 0 5px; width:100%; max-width:880px; }
ul.busi04_step li.ml220{margin-left:25%;}
ul.busi04_step li{width:25%; }
ul.busi04_step li.arr{background:url('../img/s_img/busi04_step_arr.png') no-repeat 96% 14%; background-size:16px; }
ul.busi04_step li.arr_left{background:url('../img/s_img/busi04_step_arr_left.png') no-repeat 96% 14%; background-size:16px; }

ul.busi04_step li.arr_v{background:url('../img/s_img/busi04_step_arr_v.png') no-repeat 31.25% 108px; background-size:50px;}
ul.busi04_step li dl{width:80%; }
ul.busi04_step li dl dt{ padding:25px 0px 0 0px; line-height:22px; height:80px; letter-spacing:-0.07em; width:96%;  font-size:14px; }

ul.busi04_step li dl dd{padding-top:5px; font-size:13px; letter-spacing:-0.07em; line-height:16px; }
ul.busi04_step li dl dd em.cut{display:inline; }
ul.busi04_step li dl dt.m_line2{line-height:24px; padding:16px 0 20px 0;}
ul.busi04_step li dl dt em.cut{font-weight:500;}


/* 768px 02사업 - 04) 환경컨설팅 - 02) 인허가 */

ul.busi04_step02{margin:0px 0 0 10px; width:100%; max-width:880px; }

ul.busi04_step02 li.ml220{margin-left:25%;}
ul.busi04_step02 li{width:25%; min-height:150px;}

ul.busi04_step02 li.arr{background:url('../img/s_img/busi04_step_arr.png') no-repeat 92% 14%; background-size:16px;}
ul.busi04_step02 li.arr_left{background:url('../img/s_img/busi04_step_arr_left.png') no-repeat 92% 14%; background-size:16px;}

ul.busi04_step02 li.arr_v{background:url('../img/s_img/busi04_step_arr_v.png') no-repeat 35% 108px; background-size:50px;}

ul.busi04_step02 li{width:25%;}
ul.busi04_step02 li span{padding:27px 1px 0 1px; letter-spacing:-0.05em; line-height:18px; height:80px; letter-spacing:-0.07em; width:72.72%; font-size:14px; }
ul.busi04_step02 li span.line2{padding-top:14px; line-height:18px;}
ul.busi04_step02 li span.m_line3{padding-top:12px; line-height:18px;}
ul.busi04_step02 li span.m_line2{padding-top:20px; line-height:18px;}

ul.busi04_step02 li span em.m_cut{display:block;}



/* 768px 02사업 - 05)안전컨설팅 - 01)유해·위험방지계획*/ 

dl.list_type_dot {padding:0px 0px 0px 0px; }
dl.list_type_dot dt {padding:0px 0 0 10px;  background:url('../img/s_img/dot.png') no-repeat 0px 11px;}
dl.list_type_dot dd{padding:0px 0 0 10px;  }
dl.list_type_dot dd.bar{margin-left:15px; }

dl.list_type_dot dd.box{ padding:20px 10px; margin :20px 0 10px 0px;}
dl.list_type_dot dd.box img{max-width:681px; width:100%;}


/* 768px 02사업 - 07) 환경영향평가 - 01) 환경영향평가*/


ul.box_list{ padding:10px; margin-left:0px;}
ul.box_list li{width:100%; } 
ul.box_list li li{margin:0 0 0 0px; padding:0px 0 0 10px; background:url('../img/s_img/dot.png') no-repeat 2px 11px;}


ul.box_list_full{ padding:10px; margin-left:0px;}
ul.box_list_full li{font-size:15px; line-height:24px;} 


ul.box_list_gray{ margin-left:0px;}
ul.box_list_gray li{ font-size:15px; line-height:24px;}  
ul.box_list_gray li.w500 img{max-width:100%;}


ul.box_list_w{margin-left:0px;}

ul.box_list_w li{ font-size:15px; line-height:24px;}  
ul.box_list_w li.w500 img{width:100%; max-width:100%;}


div.line_box{width:100%;  margin:20px 0 20px 0%; padding:10px; }


/* 768px 02사업 - 08)전기화학 - 01)기술을 이용한 수처리전기분해 공법*/

ul.list_type_dot { list-style: none; margin:  0 0 10px 0px; padding:0px 0px 0px 0px; text-align: left; }
ul.list_type_dot li {margin:0 0 0 10px; padding:0px 0 0 8px; }
ul.list_type_dot li.non{background:none; margin:0 !important;}
ul.list_type_dot dl.left_img02{min-height:170px; }
ul.list_type_dot dl.left_img02 dt{display:block; width:100%; padding-right:0px; margin:0; padding:0;text-align:center;}
ul.list_type_dot dl.left_img02 dt img{max-width:230px; width:100%; margin:0 auto 20px 0;}
ul.list_type_dot dl.left_img02 dd{width:100%; }


p.busi03_st01{margin:20px 0 20px 0px; }



/* 768px 02사업 - 08)전기화학 - 02)도금용 부품소재*/

ul.list_type_dot dl.left_img{width:100%;}
ul.list_type_dot dl.left_img dt {float:left; width:100% !important; padding-right:0px; background:none;text-align:center !important; }
ul.list_type_dot dl.left_img dt img{float:none; display:block;  width:160px; margin:5px auto 10px auto !important; }
ul.list_type_dot dl.left_img dd{width:100% !important; }

ul.list_type_dot dl.left_img dd.t_blue{clear:both; width:100%; padding-bottom:10px; }




 
/* ------------------------- 메뉴3 연구개발  Start-------------------------------- */



/* 768px 03연구개발 - 1)보유기술 - 3)DSA전극 */

.list_img5_wrap{margin-left:0px;}
ul.list_img5{width:100%; ;}
ul.list_img5 li{width:50%;}


/* 768px 03연구개발 - 02)연구개발실적 */

.rnd_wrap{margin:0px 0 40px 0;  }


dl.rndl_list {margin:0px 0 0px 0; padding:0px 0 30px 0; }
dl.rndl_list dt{padding:0px 0 10px 0px; margin-bottom:10px; width:100%;  font-size:32px; border-bottom:1px solid #111; }
dl.rndl_list dt span{display:inline; color:#0074bf;  font-size:18px; padding-left:10px;}
dl.rndl_list dd{display:table; padding:10px 0 0 0px; width:100%; }
dl.rndl_list dd li{padding:5px 0 5px 0px;  }

dl.rndl_list dd li .month{width:20%; font-size:15px; line-height:24px;   }
dl.rndl_list dd li .txt{width:80%;  line-height:24px; }


.pr_vod{clear:both; margin:20px 0% 40px 0%; width:100%;  text-align:center; padding-top:20px; }
.pr_box{width: 100%;height:540px;position: relative;}
.pr_box iframe{width:100%; height:540px;}


/* ------------------------- 메뉴6 인재육성  Start-------------------------------- */

/* 768px 06인재육성 - 01)인재육성 */


.recr01_wrap{height:auto; background:none;}

ul.recr01{width:100%; padding:20px 0; background:none;}
ul.recr01 li{width:100%; background:none;}
ul.recr01 li dl{width:100%;  max-width: 380px; margin:30px auto; text-align:center;}
ul.recr01 li dl dd{ width:100%; max-width: 380px;  height:100%; font-size:15px !important;  padding:0px 10px 30px 10px; }
ul.recr01 li dl dd span.cut{display:inline;}


ul.recr01_02{ height:100%; }
ul.recr01_02 li{padding:0 0 30px 0; height:100%;}
ul.recr01_02 li.recr_bg1{background:url('../img/s_img/recr01_02_bg1_m.png') no-repeat 0px 45px; background-size:130px;}
ul.recr01_02 li.recr_bg2{background:url('../img/s_img/recr01_02_bg2_m.png') no-repeat 0px 45px; background-size:130px;}
ul.recr01_02 li.recr_bg3{background:url('../img/s_img/recr01_02_bg3_m.png') no-repeat 0px 45px; background-size:130px; }
ul.recr01_02 li dl{padding:25px 10px 0 140px;}
ul.recr01_02 li dl dt{ font-size:22px; padding-bottom:10px;}
ul.recr01_02 li dl dd{font-size:15px !important; letter-spacing:-0.05em; }

dl.recr01_03 { background:none; margin:0 0 0 10px; }
dl.recr01_03 dt {width:100%; margin:0 0 0px 0px; padding: 0 0 10px 12px; font-size:15px; background:url('../img/s_img/dt_bar.gif') no-repeat 0px 11px; letter-spacing:-0.07em;}
dl.recr01_03 dd {width:98%;margin:0 0 0 2%; padding: 0 0 0 8px; font-size:15px !important; letter-spacing:-0.05em;}
dl.recr01_03 dt span.cut{display:inline;}



table.cont3 {margin:15px 0px 15px 0px; padding:0px; width:100%; border-collapse:collapse; border-top:2px solid #282470; }

table.cont3 thead {background:url('../img/s_img/th_bar.jpg') repeat 0 0 !important;}
table.cont3 thead th {height:36px;text-align:center; font-weight:bold; font-weight:600; color:#fff; border:none; padding:8px 0; }
table.cont3 thead th:first-child{border-left:1px solid #527dd9; }

table.cont3 tbody th{ background:#fff; text-align:center; font-weight:500; font-size:15px; }
table.cont3 thead th { padding:4px 3px 5px 2px; text-align:center; line-height:1.5em; font-size:14px;  letter-spacing:-0.05em; font-weight:600;border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
table.cont3 tbody th { padding:5px 3px 5px 2px; text-align:center; line-height:1.5em; font-size:14px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; letter-spacing:-0.05em; f font-weight:600;}
table.cont3 tbody td { padding:3px 3px 5px 2px; text-align:center; line-height:1.5em; font-size:14px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; letter-spacing:-0.05em; f font-weight:300;}
table.cont3 tbody td ul.bar li{ margin:2px 5px; padding: 0 0 0 10px;  background:url(../img/s_img/bar.gif) no-repeat 0px 12px; text-align:left; border:none;}
table.cont3 th.alt10, 
table.cont3 td.alt10 { text-align:left; padding-left:15px !important;}
table.cont3 th.alt20, 
table.cont3 td.alt20 { text-align:left; padding-left:30px !important;}

table.cont3 td img { vertical-align:middle;}
table.cont3 td dd{padding-left:10px;}
table.cont3 tbody td {vertical-align:middle;}
table.cont3 tbody td ul{vertical-align:middle; margin:9px 0px 10px 0px;}
table.cont3 tbody td ul li{ margin:0px 1%; padding: 0 0 0 0px;   text-align:left; border:none; width:96%;font-size:14px;  letter-spacing:-0.05em;}
table.cont3 tbody td ul li:first-child{padding-bottom:0 !important;}
table.cont3 tbody td dl {clear:both; text-align:left; padding-left:5px;}
table.cont3 tbody td dl dt{ margin:4px 2px; text-align:left; }
table.cont3 tbody td dl dd{  padding: 0 0 0 0px;font-size:14px;  letter-spacing:-0.05em;}
table.cont3 tbody td.w800 img{width:100%; max-width:800px; text-align:center; margin:10px auto;}











/* 768px 06인재육성 - 02)채용정보*/



ul.recr02_list li{width:100%; float:left; display:inline; margin-right:0%;}
ul.recr02_list li:nth-child(2){margin-right:0;}



ul.recr02_list li dd li em.cut{display:block; font-weight:300;}

ul.recr02_step{clear:both; margin:0; }
ul.recr02_step li{width:100%; margin-right:4%; margin:20px 0 0 0; min-height:200px;}
ul.recr02_step li:nth-child(2){margin-right:0;}

ul.recr02_step li dl{width:80%; max-width:160px; height:100%; min-height:160px; margin:0 auto; }

ul.recr02_step li dt{ padding-top:30px; }
ul.recr02_step li dd{ padding-top:15px; font-size:15px; }
ul.recr02_step li.arr{background:url('../img/s_img/recr02_step_arr_v.png') no-repeat 50% bottom; }

















}/* 768px End*/


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

/* 480px 설계및시공 - 비점오염원 */

ul.box_list03{clear:both; padding:30px 0% 20px 0%; }
ul.box_list03 li ul{width:98%; }
ul.box_list03 li li{width:100%; }
ul.box_list03 li li dl{width:100%; text-align:center; }
ul.box_list03 li li dl dt img{ margin:0; max-width:260px;  }
ul.box_list03 li li dl dd{width:260px; padding-right:50px; margin:7px auto 0 auto;text-align:center;}



}/* 480px End*/