@charset "utf-8";
@import url(reset.css);
@import url(motion.css);
@import url(animate.css);

html, body{width: 100%; height: 100%; }

#wrap{position: relative;width: 100%;height: 100%;}


.mb0{margin-bottom:0 !important;}
.mt5{margin-top:5px;}

/*top으로 가기*/



.hide{display:none;}



/* sub(common) */

#wrap .sub_vis{width: 100%;height:400px;margin-top:0px;background: #eee;}
#wrap .sub_vis h3{display:none;font-size:40px;color:#696969; line-height:96px; font-weight:bold; font-weight:600; letter-spacing:0em; text-align: center; padding:185px 0 0px 0; }

#wrap .sub_vis p.location{display:block; margin-top:10px; font-size:13px; font-weight:400; color:#bec7ce; line-height:1.4;}
#wrap .sub_vis p.location strong{color:#fff;font-weight:400; }

/* location*/
.sub_tit{padding:200px 0 0 0px; max-width:80%; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; align-items: center;   justify-content: space-between; }
.sub_tit span.txt{font-size:40px;color:#fff; line-height:96px; font-weight:bold; font-weight:600; letter-spacing:0em; text-align: left; }
.sub_tit span.location {text-align:right; font-size:13px; font-weight:400; color:#bec7ce; line-height:1.4;}
.sub_tit span.location strong{color:#fff;font-weight:400; }


#wrap .sub_vis.w h3{color:#fff !important;}
#wrap .sub_vis.w p.txt{color:#fff !important;}


#wrap .sub_vis#sub1{background: url(../img/p_img/sub_vis1.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub2{background: url(../img/p_img/sub_vis2.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub3{background: url(../img/p_img/sub_vis3.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub4{background: url(../img/p_img/sub_vis4.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub5{background: url(../img/p_img/sub_vis5.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub6{background: url(../img/p_img/sub_vis6.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;} /*쇼핑몰*/

#wrap .sub_vis#sub7{background: url(../img/p_img/sub_vis7.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub8{background: url(../img/p_img/sub_vis8.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;} /*로그인*/
#wrap .sub_vis#sub9{background: url(../img/p_img/sub_vis7.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub10{background: url(../img/p_img/sub_vis7.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub11{background: url(../img/p_img/sub_vis11.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;} /*장바구니*/
#wrap .sub_vis#sub12{background: url(../img/p_img/sub_vis7.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}


#wrap .sub_nav.pc{position: relative;z-index: 200;width: 100%; margin-top:-60px;height:60px; background:#fff; /*background:url(../img/s_img/sub_nav_bgline.png) repeat-x 0 0; */}
#wrap .sub_nav.pc .container{width: 100%; height:60px; margin: 0 auto;    display: flex;  justify-content: space-between; }
#wrap .sub_nav.pc .container:after{display: block;content: '';clear: both;}
#wrap .sub_nav.pc a.home{float: left;display: block;width: 70px;height: 60px;background: url(../img/s_img/sub_nav_home.png) no-repeat center center;border-left: 1px solid #b6b6c7;text-indent: -9999px;}
#wrap .sub_nav.pc div.depth{width:268px;height: 60px;  background:#D40D1D;border-right: 1px solid #b6b6c7;}



#wrap .sub_nav.pc div.depth a.default{display: block;width: 100%;padding-right:10px; height: 60px;color: #fff; font-size: 16px; text-align:center; font-weight:600; line-height: 60px;text-indent:0px;background: url(../img/s_img/depth_bullet.png) no-repeat 93% center;}
#wrap .sub_nav.pc div.depth:hover a.default{background: url(../img/s_img/depth_bullet_.png) no-repeat 93% center;}

#wrap .sub_nav.pc div.depth ul{display: none;background:#F2F2F2;padding: 15px 0 20px 0; border:1px solid #ddd;}
#wrap .sub_nav.pc div.depth ul li{width: 100%;height: 34px;text-align:center; }
#wrap .sub_nav.pc div.depth ul li a{display: block;width: 100%;height: 34px;color: #333;line-height: 34px;letter-spacing: -0.5px;font-size: 16px;font-weight:600; }
#wrap .sub_nav.pc div.depth ul li a:hover{background:#fff url(../img/s_img/depth_li_a_bullet.png) no-repeat 92% center;font-weight:600;}


#wrap .sub_nav.pc div.d2{width: 100%;background:#fff; }
#wrap .sub_nav.pc div.d2 ul{display: flex; justify-content: flex-end;}
#wrap .sub_nav.pc div.d2 ul li{padding:20px 40px;}
#wrap .sub_nav.pc div.d2 ul li a{font-weight:600;}
#wrap .sub_nav.pc div.d2 ul li a:hover{font-weight:600;}
#wrap .sub_nav.pc .depth2 ul li.on a{color: #D40D1D; font-weight:600;}
#wrap .sub_nav.pc .depth2 ul li.on{border-bottom:2px solid #D40D1D;}


#wrap .sub_nav.pc div.depth.d2 ul.sub_n li{width: auto;height: 34px;}
#wrap .sub_nav.pc div.depth.d2 ul.sub_n li a:hover{background:none;}

#wrap .sub_nav.pc div ul li a:hover{background: url(../img/s_img/depth_li_a_bullet.png) no-repeat 92% center; font-weight:600;}


#wrap .sub_nav.mobile{display: none;position: relative;width: 100%;z-index: 1000;}
#wrap .sub_nav.mobile a.selected{position: relative;display: block;width: 100%;height: 52px; background:#D40D1D; border-bottom: 1px solid #ccc;}
#wrap .sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-left:24px; height:52px;line-height: 52px;font-size:16px; letter-spacing:0em; font-weight: 600;text-align: left;color: #fff;}
#wrap .sub_nav.mobile a.selected span.arrow{position: absolute;top:16px;right: 15px;display: block;width: 19px;height: 19px;background: url(../img/s_img/sub_nav_m_arrow.svg) no-repeat center center;-webkit-background-size: 19px;background-size: 19px;}
#wrap .sub_nav.mobile a.selected.on span.arrow{background: url(../img/s_img/sub_nav_m_arrow_on.svg) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#wrap .sub_nav.mobile ul{display: none;position: absolute;top:60px;left: 0;width: 100%; background:#fff; padding:20px 0; border-bottom:1px solid #ddd;}
#wrap .sub_nav.mobile ul li{padding-left:24px; }
#wrap .sub_nav.mobile ul li a{display: block;width: 100%;font-size:16px;color: #1c1c1c;text-align: left;height: 38px;line-height: 38px; font-weight:600;}
#wrap .sub_nav.mobile .depth2 ul li.long a span.cut{display:inline;}
#wrap .sub_nav.mobile ul li:hover{background:#F2F2F2;}

/* sub(common) */

#sub #wrap #content{width: 100%;}
#sub #wrap #content .container{width:100%; max-width:1100px; margin: 0 auto; padding:60px 0 160px 0;}


#sub #wrap #content h4{font-size: 38px;color: #1c1c1c;text-align: center;font-weight:700; line-height:30px;margin:40px 0 80px 0;  padding:0px; }
#sub #wrap #content h4 span{padding:0 0 15px 0; }
#sub #wrap #content h4 span.non{background:none;}
#sub #wrap #content h4 span.non em.cut{display:block; font-size:28px; color:#777; padding:10px 0 15px 0;background:url(../img/s_img/h4_bar.gif) no-repeat center bottom;}
.skip{display:none;}







p.w1200 img{width:100%; max-width:1200px;}


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

.pc_org{display:block;}
.pc_org p img{width:100%; max-width:1200px;}
.mobile_org{display:none; background:#f4f4f4; text-align:center; padding:30px 20px;}
.mobile_org p img{display:none; width:100%; max-width:541px; margin:0 auto;}



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



.busi_topbox dl dd{width:440px; float:right;}
.busi_topbox dl dd span.cut{display:block;}
.busi_topbox dl dd strong{color:#292571;}



p.w560 img{width:100%; max-width:560px; margin:0 auto; padding:40px 30px;}
p.w820 img{width:100%; max-width:820px; margin:0 auto; padding:40px 30px;}
p.w677 img{width:100%; max-width:677px; margin:0 auto; padding:20px;}
p.w700 img{width:100%; max-width:700px; margin:0 auto; padding:40px 30px;}
p.w640 img{width:100%; max-width:640px; margin:0 auto; padding:40px 30px;}
p.w680 img{width:100%; max-width:680px; margin:0 auto; padding:40px 30px;}
p.w600 img{width:100%; max-width:600px; margin:0 auto; padding:40px 30px;}


.box_line_g{margin:30px 0; padding:0; border:1px solid #ccc; text-align:center; background:#f7f7f7;}
p.w760 img{width:100%; max-width:760px; margin:0 auto; padding:40px 30px;}





/* 02사업 - 03) 환경시설 관리대행 - 01) 환경시설 관리대행 */

p.busi03_st01{clear:both; margin:40px 0 40px 20px; text-align:center;}
p.w670 img{width:100%; max-width:670px; margin:0 auto;}
p.w1180 img{width:100%; max-width:1180px; margin:0 auto;}
p.w700 img{width:100%; max-width:700px; margin:0 auto; padding:40px 30px;}
p.w810 img{width:100%; max-width:810px; margin:0 auto; padding:40px 30px;}
p.w800 img{width:100%; max-width:800px; margin:0 auto; padding:40px 30px;}



.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}


/* user01 */
#sub #wrap #content.user01 .container {width: 100%; max-width: 1300px;  margin: 0 auto;padding: 60px 0 160px 0; }

ul.user_box{padding:60px; background:#F2F2F2;}
ul.user_box li{margin-bottom:30px; font-size:20px; font-weight:500; line-height:1.4;}






@media (max-width: 1400px) {


#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: 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 #content .container{width:100%; margin: 0 auto;padding:0px 0;}



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




/*세션별 레이아웃*/




#wrap .sub_vis{height:280px;}

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


/* location*/
.sub_tit{padding:100px 0 0 0px; max-width:80%; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; align-items: center;   justify-content: space-between; }
.sub_tit span.txt{font-size:28px;color:#fff; line-height:96px; font-weight:bold; font-weight:600; letter-spacing:0em; text-align: left; }
.sub_tit span.location {text-align:right; font-size:13px; font-weight:400; color:#bec7ce; line-height:1.4;}
.sub_tit span.location strong{color:#fff;font-weight:400; }



#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.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;}



#wrap .sub_nav.pc div.d2 ul li {
  padding: 20px 20px;
}







}/* 1199px End*/


@media (max-width: 1040px) {



.allmenu_wrap{display:none;}





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




#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 sub(common) */

#wrap #content h4{display: none;}




#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;  }

/* location*/
.sub_tit{padding:160px 0 0 0px; max-width:80%;  display:grid; grid-template-columns:1fr 1fr; align-items: center;   justify-content: space-between; }
.sub_tit span.txt{font-size:24px;line-height:96px;  }
.sub_tit span.location {text-align:right; font-size:13px;   line-height:1.4;}



#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;}

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

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


#wrap .sub_nav.pc .container {
  width: 100%;
  height: 60px;
  margin: 0 auto;
  display: block;
}
#wrap .sub_nav.pc div.d2 ul {
  display: block;
}


#wrap .sub_nav.pc div.depth {
  width: 100%;
  height: 60px;
  background: #D40D1D;
  border-right: 1px solid #b6b6c7;
  display:none;
}


#wrap .sub_nav.pc div.d2 {display:none;}

#wrap .sub_nav.mobile {display:block;}
#wrap .sub_nav.pc {
  position: relative;
  z-index: 200;
  width: 100%;
  margin-top: 0px;
  height: 60px;
  background: #fff;
  /* background: url(../img/s_img/sub_nav_bgline.png) repeat-x 0 0; */
}
#wrap .sub_nav.pc {
  display: none;
}

  #wrap .sub_vis p.txt {
      font-size: 24px;
      padding: 150px 0 0 60px;
  }
  .sub_nav02.pc ul li a {
    font-size: 16px;
}




/* user01 */
#sub #wrap #content.user01 .container {width: 100%; max-width: 1300px;  margin: 0 auto;padding: 60px 0 120px 0; }

ul.user_box{padding:50px; background:#F2F2F2;}
ul.user_box li{margin-bottom:30px; font-size:18px; line-height:1.4;}




}/* 991px End*/






@media (max-width: 768px) {
#top_btn{display:none;}


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


#sub #wrap #content{width: 100%;}
#sub #wrap #content .container{width:96% !important; margin: 0 2% !important; padding:70px 0 70px 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;  }




#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;}




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


span.mob_block{display: block;}



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



/* location*/
.sub_tit{padding: 140px 0 0 20px; max-width: 100%; width: 98%; display: grid; grid-template-columns: 1fr; align-items: center;  justify-content: start;}
.sub_tit span.txt{font-size:24px;line-height:2;  }
.sub_tit span.txt span.txt_m{display:block;}
.sub_tit span.location {text-align:left; font-size:13px;   line-height:1.4;}
.sub_tit span.l_txt{line-height:1.2;}


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

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



/* 768px 06인재육성 - 02)채용정보*/
#wrap .sub_vis {
  width: 100%;
  height: 300px; 
  margin-top: -60px;
}

#wrap .sub_vis p.txt {
  font-size: 24px; font-weight:700;
  padding:200px 0 0 20px; line-height:1.4;
}




/* user01 */
#sub #wrap #content.user01 .container {width: 100%; max-width: 1300px;  margin: 0 auto;padding: 60px 0 120px 0; }

ul.user_box{padding:20px; background:#F2F2F2;}
ul.user_box li{margin-bottom:30px; font-size:15px; line-height:1.4;}



}/* 768px End*/