@charset "utf-8";
/* Command Css */
body { letter-spacing: -0.4px; }
table { border-collapse: collapse; border-spacing: 0;  margin: 0; padding: 0; border: 0;}
.clean { float: both; }
.blind{position:absolute;overflow:hidden;display:block;left:0;top:-5000px;}
/* caption, th { text-align: left;	font-weight: bold; } */
td { vertical-align: middle; font-weight: normal;}
.custWrap {}
.mobileView { display: none; }
.webView { display: block; }

.imgDis4Li li{margin-bottom:50px !important}
@media (max-width: 768px){
	.imgDis4Li li{margin-bottom:0px !important}
	.imgDis3Li li.hisLi {width:50%;}
}

/* 환경가치 창출 */
.sourcewater{position:relative;overflow:hidden;width:100%}
.sourcewater ul li{float:left;font-weight:normal !important;line-height:20px}
.sourcewater ul li.L{width:46%;margin-right:5%}
.sourcewater ul li.R{width:49%}
.sourcewater ul li.R img{width:100%}


@media (max-width: 568px){
	.sourcewater ul li{float:none;display:block}
	.sourcewater ul li.L{width:100%;margin-right:0%}
	.sourcewater ul li.R{width:100%;margin-top:15px}
}




/* ceo약력 */
.ceoBox .imgBox{width:25%;padding-right:8%;float:left;}
.ceoBox .imgBox img{width:100%;}
.ceoBox .textBox{float:left;}
.ceoBox .textBox dt,
.ceoBox .textBox ul li{color:#717171;}
.ceoBox .textBox dd.botMargin{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e2e2e2;}
.ceoBox .textBox ul li{font-size:13px;font-weight:normal;}
.ceoBox .textBox ul li.bltList{padding-bottom:0;}

.grayBox .textBox .bltList{text-align:left;}
.grayBox .textBox .bltList li{font-weight:normal;}


/* 연력 */
	.history_time {height:auto; position: relative;}
	.history_time li {float:left; width:100%; display:block; margin:0 auto; }
	.history_time li img {max-width:100%; }


/* margin */
.mgt0 { margin-top: 0px!important; }
.mgt05 { margin-top: 5px!important; }
.mgt10 { margin-top: 10px!important; }
.mgt20 { margin-top: 20px!important; }

.mgl65{margin-left:65px !important}

.mgbM5 { margin-bottom: -5px!important; }
.mgb0 { margin-bottom: 0px!important; }
.mgb5 { margin-bottom: 5px!important; }
.mgb10 { margin-bottom: 10px!important; }
.mgb20 { margin-bottom: 20px!important; }
.mgb30 { margin-bottom: 30px!important; }
.mgb40 { margin-bottom: 40px!important; }
.mgb50 { margin-bottom: 50px!important; }

/* padding */
.pdt0 { padding-top: 0px!important; }

/* font color */
.tiBlue01,
.fBlue01 { color: #047ab3!important; }
.tiBrown01 { color: #ba522a!important; }

/* font size */
.fS12 { font-size: 12px!important; }
.fS15 { font-size: 15px!important; }

/* font style */
.fNMyeongjo { font-family:'NanumMyeongjo'; font-size: 26px;  line-height: 32px; color: #494949; font-weight: bold; letter-spacing: -1px; }

/* font weight */
.fBold { font-weight: bold!important; }
.fNormal { font-weight: normal!important; }

/* algin */
.txta_l { text-align: left!important; }
.txta_R { text-align: right!important; }
.txta_C { text-align: center!important; }

/* width % */
.s100 { width: 100%!important; }
.s98 { width: 98%!important; }
.s95 { width: 95%!important; }
.s90 { width: 90%!important; }
.s80 { width: 80%!important; }
.s60 { width: 60%!important; }
.s40 { width: 40%!important; }

/* float */
.flLeft {float:left;}
.flRight {float:right;}

/* text-align */
.txtaLeft { text-align: left!important; }
.txtaRight { text-align: right!important; }

/* Line */
/* 회색라인*/
.greyLine {border-top: 1px solid #e2e2e2; width:44%;} 
.lineBGray {border-bottom: 1px solid #e2e2e2; } 
.underline{text-decoration:underline !important}

/* icon */
i { display: inline-block; }
i img { width: 20px!important; height: 20px; vertical-align: middle; }

.iArea { position: relative; overflow: hidden; }
.iArea a { text-decoration: underline; line-height: 25px; }
.iArea i { display: inline-block; }
.iArea i img { width: 20px!important; height: 20px; vertical-align: middle; }
.iArea span { display: inline-block; }


/* QR code */
.QRCodeForm{clear:both;position:realtive;overflow:hidden;margin-top:20px}
.QRCodeForm dd{float:left;margin-right:35px}
.QRCodeForm dd:last-child{float:tight;margin-right:0}
.QRCodeForm dd > img{width:auto !important;height:auto !important}
.QRCodeForm dd > p{display:block;margin-bottom:15px;font-size:0.917em;font-weight:normal;text-align:center;line-height:14px}



/* 견학정보 이미지 3개 */
.custWrap .tiSub { display: block; font-size: 40px; padding: 0 0 31px 0; color: #017eba; line-height: 45px; }
.custWrap .tiSub02 { display: block; font-size: 22px; padding: 0 0 10px 0; color: #323232; line-height: 30px; }
.custWrap .tiSub03 { display: block; font-size: 16px; padding: 0 0 5px 0; color: #323232; line-height: 30px; }

/*download*/
.downBox {margin-bottom:5px}
.downBox a{text-decoration:underline;font-weight:bold;line-height:25px;display:inline-block;margin-right:15px}
.downBox>span{background:url(/web/images/comm/down_ico.gif) 0 0 no-repeat;width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:5px;}
.downBox span.jpg_down {background-position:0px -23px;}

.imgDis { position: relative; overflow: hidden;margin-top:40px}
.imgDis p { padding:15px 0 30px; }
.imgDis p.imgDis_txt {background:#f8f8f8;padding:25px 30px !important;margin-bottom:35px}

.imgDis img { width: 100%; }
.imgDis .noResize { width: 373px; padding: 0; }

.imgDis2Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis2Li li { height: 8.5625em; float: left; padding: 8px 0; margin: 0; }
.imgDis2Li li.photo, 
.imgDis2Li li.photo2 { width: 23%; padding-right: 3%; }
.imgDis2Li li.photo2 { height: auto; }
.imgDis2Li li.photo3 { width: 30%; height: auto; padding-right: 3%; }
.imgDis2Li li.photoLast { width: 29%; height: auto; text-align: center; }
.imgDis2Li li.txtFirst { width: 67%; height: auto; padding-right: 3%; }
.imgDis2Li li.txt,
.imgDis2Li li.txt2 { width: 74%; text-align: left; line-height: 22px; font-weight: normal;}
.imgDis2Li li.txt2 { height: auto; }
.imgDis2Li li.txt3 { width: 66.5%; height: auto; text-align: left; line-height: 18px; font-weight: normal; }
.imgDis2Li img { width: 100%; } 
.imgDis2Li li .tiLeft { float: left; width: 15%; }
.imgDis2Li li .cntRight { float: left; width: 83%; }

.imgDis2Li02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis2Li02 li { height: 8.5625em; float: left; padding: 18px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
.imgDis2Li02 li.photo { width: 10%; padding-right: 3%; }
.imgDis2Li02 li.photo img { vertical-align: middle; }
.imgDis2Li02 li.txt { width: 86.5%; text-align: left; line-height: 18px; font-weight: normal; }
.imgDis2Li02 li:first-child { border-top: 0; }
.imgDis2Li02 li.nthChild2 { border-top: 0; }
.imgDis2Li02 li:nth-child(2) { border-top: 0; }
.imgDis2Li02 img { width: 100%; } 

.imgDis2Li03 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis2Li03 li { height: 15em; float: left; padding: 18px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
.imgDis2Li03 li.photo { width: 30%; padding-right: 3%; }
.imgDis2Li03 li.photo img { vertical-align: middle; }
.imgDis2Li03 li.txt { width: 66.5%; text-align: left; line-height: 18px; font-weight: normal; }
.imgDis2Li03 li:first-child { border-top: 0; }
.imgDis2Li03 li.nthChild2 { border-top: 0; }
.imgDis2Li03 li:nth-child(2) { border-top: 0; }
.imgDis2Li03 img { width: 100%; } 

.imgDis2Li04 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis2Li04 li { height: 20em; float: left; padding: 40px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
.imgDis2Li04 li.photo { width: 26%; padding-right: 3%; }
.imgDis2Li04 li.photo img { vertical-align: middle; }
.imgDis2Li04 li.txt { width: 70.5%; text-align: left; line-height: 18px; font-weight: normal; }
.imgDis2Li04 li:first-child { border-top: 0; }
.imgDis2Li04 li.nthChild2 { border-top: 0; }
.imgDis2Li04 li:nth-child(2) { border-top: 0; }
.imgDis2Li04 img { width: 100%; } 
.imgDis2Li04 li.photoB { width: 38%; padding-right: 3%; }
.imgDis2Li04 li.txt2 { width: 58.5%; text-align: left; line-height: 18px; font-weight: normal; }

.imgDis3Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis3Li li { width:33.333%; height: auto; float: left; padding: 0; margin: 0; }
.imgDis3Li img { width: 100%; } 
.imgDis3Li li.hisLi {position:relative;overflow: hidden; padding: 10px 0; }
/* .imgDis3Li li.hisLi:first-child { padding-top: 0; } */
.imgDis3Li li .hisPhoto { width: 31%; float: left; }
.imgDis3Li li .hisTxt {position:absolute;right:0;bottom:10%;width: 65%;float: left; padding-left: 3%;font-weight: normal; font-size: 13px; line-height: 18px; }

.imgDis4Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis4Li li { width: 24.9%; height: auto; float: left; padding: 0; margin: 0; }
.imgDis4Li img { width: 100%; }

.imgDis4Li02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.imgDis4Li02 li { width: 21.66666666666667%; float: left; padding: 36px 0 4% 4.16666666666667%; margin: 0; 
	font-size: 13px; line-height: 20px; font-weight: normal; color: #494949; }
.imgDis4Li02 li:first-child { padding-left: 0; }
.imgDis4Li02 li.nthChild5 { padding-left: 0; }
.imgDis4Li02 li:nth-child(4n+1) { padding-left: 0;}
.imgDis4Li02 li .ti { font-size: 15px; line-height: 22px; font-weight: bold; }
.imgDis4Li02 img { width: 100%; }

.explarea>p {float:left;width:30%;margin-right:35px}
.explarea .mark_txt {float:left;}



/* 2014.11.17 PM05:16 */
.img50 { position: relative; overflow: hidden; }
.img50 li { float: left; width: 49.5%; height: auto; padding: 15px 0; text-align: center; }
.img50 li img { width: 100%; }
.img50 li.imgLeft { width: 51% ; } 
.img50 li.photo { width: 49%; padding-right: 2%; }
.img50 li.txtL { width: 47%; }
.img50 li.imgRight { width: 49%; }
.img50 li.imgRight img { width: 52%; }
.img50 li .txt { width: 90%; padding: 1% 5%; font-size: 13px; line-height: 18px; text-align: left; color: #717171; }
.img50 li .txt2 { width: 90%; padding: 0 0 20px; margin-bottom: 20px; 
	font-size: 13px; line-height: 18px; text-align: left; color: #717171; font-weight: normal; }

.halfTxt { position: relative; overflow: hidden; }
.halfTxt li { float: left; display:block;}
.halfTxt li:first-child { width: 29%; }
.halfTxt li img { width: 100%; }
.halfTxt li.txt, .halfTxt li:last-child { width: 68%; padding-left: 1%; padding-top: 12px; font-size: 13px; line-height: 20px; }
.halfTxt li.photo { width: 38.75%; padding-right: 3.4375%; } /*2014.11.18 pm:03*/
.halfTxt li.photo img { }
.halfTxt li.txt2{ width: 56.97916666666667%; padding-left: 0; }

.grayBox { position:relative; overflow: hidden; background: #f8f8f8; padding: 5% 5%; }
.grayBox .tiUnderBlue { display: block; height: 41px; background: url('/web/images/cust/underLineBlue01.png') no-repeat 0 bottom; margin-bottom: 15px;
	font-size: 20px; line-height: 41px;  }
.grayBox .tiUpBlue { display: block; height: 41px; background: url('/web/images/cust/upLineBlue01.png') no-repeat 0 top;
	font-size: 20px; line-height: 41px;  }

.grayBox01 { position: relative; overflow: hidden; background: #f8f8f8; padding: 15px 30px; font-weight: normal; }
.grayBoxTip { position: relative; overflow: hidden; 
	background-color: #f8f8f8; background-image: url('/web/images/info/ico_tip.gif'); background-repeat: no-repeat; background-position: 41px center;
	padding: 15px 30px 15px 145px; font-weight: normal; }
.grayBoxMark { position: relative; overflow: hidden; 
	background-color: #f8f8f8; background-image: url('/web/images/info/ico_tip.gif'); background-repeat: no-repeat; background-position: 41px center;
	padding: 15px 30px 15px 145px; font-weight: normal; }

.blueBox01 { position: relative; overflow: hidden; background: #f7f9fa; border-top: 2px solid #12a3cc; border-bottom: 1px solid #ececec; margin-top:25px; }
.blueBox01 li { float: left; width: 22%; text-align: center; padding: 5px 0; line-height: 36px; }
.blueBox01 li:first-child { width: 18%; border-right: 1px solid #ddd;}
.blueBox01 li.lastChild,
.blueBox01 li:last-child { width: 37%; }

.bgBox01 { position: relative; overflow: hidden; padding: 40px; margin: 20px 0;  border: 8px dotted #12a3cc; }
	
/* 아코디언 */
.acc_trigger {border-top:1px solid #e2e2e2;display: bolck;	width: 100%; overflow: hidden; height: 45px; 
	background-color: #FFF; background-image: url('/web/images/cust/accArrowDown.png'); background-repeat: no-repeat; background-position: right 0; 
	padding: 0; line-height: 45px; font-size: 14px; font-weight: bold; }
.acc_trigger.last{border-bottom:1px solid #e2e2e2;}
.acc_trigger a { display: block; overflow: hidden; color: #323232; text-decoration: none; padding: 0 0 0 30px; line-height: 45px; }
.acc_trigger a span { display: inline-block; width: 27px; height:45px;margin-right:20px;
	background-image: url('/web/images/cust/bgNumGray.png'); background-repeat: no-repeat; background-position: left center; 
	color: #FFF; text-align: center; }
.acc_trigger.active { background-color: #fff;border-bottom:1px solid #e2e2e2;border-top:2px solid #12a3cc; background-image: url('/web/images/cust/accArrowUp.png');  }
.acc_trigger.active a { color: #017eba;  }
.acc_trigger.active a span { background-image: url('/web/images/cust/bgNumBlue.png'); }
.acc_container { overflow: hidden; width: auto; height: auto; background: #FFF; margin: 0 0 5px; padding: 30px; 
	font-size: 13px; clear: both; }

/*지도카테고리*/
.custWrap .custMap2{ position:relative; overflow: hidden; width:100%; }
.custWrap .custMap2 .mapTextRight { position: absolute; overflow: hidden; top: 78px; right:  5px; z-index: 999; margin: 0; padding: 0; }
.custWrap .custMap2 .mapTextRight > li { float: none; height: 25px; text-align: left; margin: 0; padding: 0; }
.custWrap .custMap2 .mapTextRight > li b{background:url(/web/images/cust/mapCat.png) no-repeat 0 0;width:19px;height:19px;display:inline-block;vertical-align:middle;margin-right:6px}
.custWrap .custMap2 .mapTextRight > li a { text-decoration: underline; }
.custWrap .custMap2 .mapTextRight > li a:HOVER{color:#12a3cc;display:inline;border-bottom:0px solid #12a3cc;padding-bottom:0px}
.custWrap .custMap2 .mapTextRight > li a:HOVER b{background:url(/web/images/cust/mapCat.png) no-repeat -21px 0;width:19px;height:19px}
.custWrap .custMap2 .mapTextRight > li.active b{background:url(/web/images/cust/mapCat.png) no-repeat -21px 0;width:19px;height:19px}
.custWrap .custMap2 .mapTextRight > li.active a {color:#12a3cc;display:inline;border-bottom:0px solid #12a3cc;padding-bottom:0px}
.custWrap .custMap2 .mapTextRight > li.active a:hover { color:#333; }
.custWrap .custMap2 .mapTextRight > li:LAST-CHILD { padding: 0; }
.custWrap .map_bg p img { width: 100%; z-index:0; }

/* 미래수변사업 위치도  - 수정사항: IE8 map(새로코딩 141215-박지민)*/
.moblie_mapImg {display:none}
.map_bg {position:relative;}
.futuMapBtn a {position:absolute;left:0;top:0;}
.futuMapBtn a.btn01 {left:25%;top:19.7%}
.futuMapBtn a.btn02 {left:25%;top:24.7%}
.futuMapBtn a.btn03 {left:27%;top:41.5%}
.futuMapBtn a.btn04 {left:27%;top:63.0%}
.futuMapBtn a.btn05 {left:35%;top:72.3%}
.futuMapBtn a.btn06 {left:46%;top:74.9%}
.futuMapBtn a.btn07 {left:56%;top:69%}
.futuMapBtn a.btn08 {left:70%;top:59.5%}
.futuMapBtn a.btn09 {left:68%;top:53.5%}
.futuMapBtn a.btn10 {left:63%;top:47%}
.futuMapBtn a.btn11 {left:65%;top:40.5%}
.futuMapBtn a.btn12 {left:43%;top:41%}
.futuMapBtn a.btn13 {left:53%;top:32%}
.futuMapBtn a.btn14 {left:46%;top:25%}
.futuMapBtn a.btn15 {left:46%;top:19%}
.futuMapBtn a.btn16 {left:40%;top:14%}
.futuMapBtn a.btn17 {left:56%;top:13.5%}



 
/* tabbar */
.custWrap .tabSelect { display: none; }
.custWrap .tabBar { position: relative; overflow: hidden; padding-bottom: 20px; }
.custWrap .tabBar li { float: left; min-width: 100px; margin: 0; margin-right: 2px; }
.custWrap .tabBar li:last-child { margin-right: 0; }
.custWrap .tabBar a { display: inline-block; min-width: 60px; height: 38px; background-color: #ebebeb; padding: 0 20px; 
	line-height: 38px; font-size: 14px; color: #010101; text-align: center; } /* 2014.11.17 PM04:50 */
.custWrap .tabBar a:hover, .custWrap .tabBar a.on { background-color: #047ab3; color: #FFF;}

/* table Type 01 */
.custWrap .boardList { position: relative; overflow: hidden; padding-bottom: 30px; }
.custWrap .boardList .tiSmall { margin: 0; margin-bottom: -15px; padding: 0; font-size: 13px; line-height: 15px; font-weight: normal; }
.custWrap table.boardList01 {width: 99.9%;border-bottom: 1px solid #ececec;border-top: 2px solid #12a3cc; }
/* .custWrap table.boardList01 caption {width: 100%; height: auto; font-size: 16px; line-height: 25px; color: #323232; padding: 5px 0; margin: 0; }
.custWrap table.boardList01 caption.txtaR { text-align: right; font-size: 12px; color: #717171; padding: 0; } */
.custWrap table.boardList01 thead th { min-height: 18px; background-color: #f7f8fb; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; border-left: none; padding: 6px 2px 4px; color: #323232; font-size: 13px; 
	font-weight: bold; line-height: 18px; font-weight: normal; text-align: center; vertical-align:middle;}
/*.custWrap table.boardList01 thead th:first-child {}
.custWrap table.boardList01 thead th.lastChild { border-right: 1px solid #ececec; }
.custWrap table.boardList01 thead th:last-child { border-right: 1px solid #ececec; }*/
.custWrap table.boardList01 tbody tr:nth-child(2n) td { }
.custWrap table.boardList01 tbody tr:hover td { background: #F1F1F1; }
.custWrap table.boardList01 tbody td { min-height: 18px; background: #FFF; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; 
	padding: 6px 2px 4px; color: #323232; font-size: 13px; font-weight: bold; line-height: 18px; font-weight: normal; text-align: center; vertical-align: middle; }
.custWrap table.boardList01 tbody th:first-child, .custWrap table.boardList01 tbody td:first-child {border-left:none}
.custWrap table.boardList01 tbody th { border-bottom:1px solid #ececec; border-right:1px solid #ececec; background-color: #fcfcfc; vertical-align:middle;}
.custWrap table.boardList01 tbody th.bL1 { border-left:1px solid #ececec !important;}
.custWrap table.boardList01 tbody td { }
.custWrap table.boardList01 tbody tr.txtaL td { text-align: left; padding-left: 18px; padding-right: 18px; }
.custWrap table.boardList01 tbody tr.fCOrg td, table.boardList01 tbody tr.fCOrg td a { color: #ff6600; }
.custWrap table.boardList01 tbody tr.fCGreen td, table.boardList01 tbody tr.fCGreen td a { color: #3fa790; }
.custWrap table.boardList01 tbody tr.lineL td { border-left: 1px solid #ddd; }
.custWrap table.boardList01 tbody tr.lineL td.first-child { border-left: none; }
.custWrap table.boardList01 tbody tr.notice td { color: #444; }
.custWrap table.boardList01 tbody tr.notice td a{ font-weight: bold; color: #444; }
.custWrap table.boardList01 tbody td:first-child {}
.custWrap table.boardList01 tbody td.ti { text-align: left; padding-left: 18px; } 
.custWrap table.boardList01 tbody td.txta_l { text-align: left; padding-left: 10px; padding-right: 10px; } /*2014.11.17 PM04:00 */ 
.custWrap table.boardList01 tbody td.ti a { color: #292929; line-height: 18px; font-weight: bold; font-size: 15px; } 
.custWrap table.boardList01 tbody td.numRight { text-align: right; padding-right: 8px; }
.custWrap table.boardList01 tbody td.ti2 { text-align: left; padding-left: 18px; border: 1px solid #333;} 

table.boardList01 button { height: 20px; line-height: 20px; padding: 1px 4px 0;}

/* 견학정보 이미지 3개 */
.custWrap .img3ea { position: relative; overflow: hidden; margin-bottom:30px;} /* 2014.11.17 PM04:25 */

/* 이미지(matey02) */
.worksWrap .img3ea2{margin-bottom:30px;}
.worksWrap .img3ea2 div{float:left;width:27.74%;}
.worksWrap .img3ea2 div img{width:100%;}
.worksWrap .img3ea2 div p{color:#717171;font-size:12px;}

/* 굵은글씨*/
.boldTxt {width:100%; font-weight: bold; font-size:20px; line-height:20px; !important;}
.boldTxt2 {width:100%; font-weight: bold; font-size:17px; line-height:20px; !important;}
.boldTxt3 {width:100%; color: #047ab3; font-weight: bold; font-size:16px; line-height:20px; !important;}
.normalTxt {font-size:13px; line-height: 20px; font-weight: normal;}
.normalTx2 {font-size:13px; font-weight: bold; line-height:20px!important;}
.normalTx3 {font-size:15px; font-weight: bold; line-height:20px!important;}
.boldTxt {font-size: 13px; line-height: 20px; font-weight: bold; }
.txtR {font-size: 13px; line-height:18px; text-align: right!important;}

/*지도카테고리*/
.custWrap .custMap2{ width:100%;overflow:hidden}
.custWrap .custMap2>ul>li{float:left}
.custWrap .custMap2>ul>li:FIRST-CHILD{padding:0px 0px 0px 0px}
.custWrap .custMap2>ul>li:LAST-CHILD{padding:40px 0 0 30px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li:FIRST-CHILD{font-size:1.2em;padding:10px 0}
.custWrap .custMap2>ul>li:LAST-CHILD ul li{padding:5px 0}
.custWrap .custMap2>ul>li:LAST-CHILD ul li b{background:url(/web/images/cust/mapcat.png) no-repeat 0 0;width:19px;height:19px;display:inline-block;vertical-align:middle;margin-right:6px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li a:HOVER{color:#12a3cc;display:inline;border-bottom:1px solid #12a3cc;padding-bottom:1px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li a:HOVER b{background:url(/web/images/cust/mapcat.png) no-repeat -21px 0;width:19px;height:19px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li.active b{background:url(/web/images/cust/mapcat.png) no-repeat -21px 0;width:19px;height:19px}
.custWrap .custMap2>ul>li:LAST-CHILD ul li.active a{color:#12a3cc;display:inline;border-bottom:1px solid #12a3cc;padding-bottom:1px}

/* 수질검사절차 안내 */
.inforBg { position: relative; overflow: hidden; width: 100%; min-height: 1121px; background:url('/web/images/cust/W_02_04_03_tab2_bgWeb.png') no-repeat 0 0; }
.inforBg ul { overflow: hidden; padding: 0 0 0 99px;  }
.inforBg li { border-top: 1px solid #e2e2e2; padding: 20px 0 25px 57px; font-weight: normal; line-height: 20px;   }
.inforBg li a.btnGo { display: inline-block; width: 63px; height: 22px; background: url('/web/images/cust/btnGoWeb.png') no-repeat;
	color: #FFF; font-size: 11px; line-height: 22px; font-weight: bold; text-align: center; }
.inforBg li:first-child{ border-top: 0; }

/* popup */
#popWrap { position: relative; overflow: hidden; width: 100%; }
#headerPop { position: relative; overflow: hidden; height: 60px; /* 60/700 */ background: #047ab3; border-bottom: 1px solid #d9d9d9; padding: 0 4%; }
#headerPop h1 { display: inline-block; width: 92%; height: 60px; margin: 0; padding: 0;
	color: #FFF; font-size: 18px; font-weight: bold; line-height: 60px; text-align: left;  }
#headerPop .btnTxtR { position: absolute; overflow: hidden; top: 18px; right: 10px; text-align: right; }
#headerPop .btnTxtR button { background: transparent; border: none; width: auto; height: auto; cursor: pointer; }
#headerPop .btnTxtR button img { width: 23px; height: 23px; vertical-align: middle; }
#headerPop button { height: 26px; background: #333; border: none; padding: 0 14px; vertical-align: middle; color: #FFF; }

#cntPop { position: relative; overflow: hidden; overflow-y: scroll; width: 96%; height: 600px; padding: 25px 2% 25px; }
#cntPop input[type="text"], #cntPop input[type="password"], #cntPop input[type="number"], #cntPop input[type="date"], #cntPop input[type="email"], #cntPop select { height: 18px; border: 1px solid #a1a1a1; line-height: 18px; }
#cntPop .FtCorBlue { display: inline-block; color: #3b7dc0; line-height: 18px; }
#cntPop .PopSelect { position: relative; overflow: hidden; height: 25px; margin-bottom: 10px; text-align: center; vertical-align: middle; }
#cntPop .PopSelect input, #cntPop .PopSelect label { vertical-align: middle; margin-bottom: 9px; }
#cntPop .PopSelect label { display: inline-block; line-height: 25px; margin-bottom: 7px; }
#cntPop .PopSelect .FtCorBlue { line-height: 25px; font-size: 20px; }

#cntPop .SearchMethod { position: relative; overflow: hidden; margin-bottom: 10px; }
#cntPop .SearchMethod .RowArea { padding: 5px 0; }
#cntPop .SearchMethod .RowArea label { display: inline-block; width: 55px; text-align: left; line-height: 25px; }
#cntPop .SearchMethod .RowArea input, #cntPop .SearchMethod .RowArea select { width: 130px; height: 25px; border: 1px solid #a1a1a1; line-height: 25px; }

#cntPop .AddrList { position: relative; overflow: hidden; margin-bottom: 10px; }
#cntPop .AddrList h1 { float: none; font-size: 12px; line-height: 18px; font-weight: bold; color: #343635; padding: 8px 0 5px 5px; }
#cntPop .AddrList dl { overflow-y: scroll; height: 130px; border-bottom: 1px solid #307ecc; padding: 5px 0; }
#cntPop .AddrList dl.Ti { overflow: hidden; height: 25px; background: #307ecc; padding: 2px 0 0; }
#cntPop .AddrList dt, #cntPop .AddrList dd { float: left; width: 67%; height: 22px; padding: 0; margin: 0; line-height: 22px; text-align: left; }
#cntPop .AddrList dt { text-align: center; color: #FFF; }
#cntPop .AddrList dd {}
#cntPop .AddrList dt.FirstChild, #cntPop .AddrList dd.FirstChild { width: 15%; text-align: center; }
#cntPop .AddrList dt.LastChild, #cntPop .AddrList dd.LastChild { width: 18%; text-align: center; }
#cntPop .AddrList dt.LastChild { width: 13%; }
#cntPop .AddrList dl.Ti dt { line-height: 28px; }
#cntPop .AddrList dd.NoData { width: 100%; padding: 40px 0 0; text-align: center; color: #307ecc; line-height: 18px; }

#cntPop .AddrResult { position: relative; overflow: hidden; margin-bottom: 10px; }
#cntPop .AddrResult .RowArea { padding: 5px 0; }
#cntPop .AddrResult .RowArea label { display: inline-block; width: 55px; text-align: left; line-height: 25px; }
#cntPop .AddrResult .RowArea input { width: 80px; height: 25px; border: 1px solid #a1a1a1; line-height: 25px; }

#cntPop .TxtMsg { position: relative; overflow: hidden; width: 220px; margin: 0 auto; text-align: left; }

#cntPop .TxtVoc textarea { width: 95%; overflow-y: scroll; }
#cntPop .TxtVoc a { display: inline-block; padding: 3px 0; line-height: 15px; color: #333; }

/* Button Type */
#cntPop button { height: 25px!important; background: #2f7ecb; border: none; padding: 0 14px; vertical-align: middle; color: #feffff; }

/* Button Layout */
#cntPop .btnTxtaC { text-align: center; padding: 10px 0;}
#cntPop .btnTxtaL { text-align: left; padding: 10px 0 10px 10px;}
#cntPop .btnTxtaR { text-align: right; padding: 10px 10px 10px 0;}
#cntPop .btnFlAreaL { float: left; text-align: left; padding: 10px 0 8px 0; }
#cntPop .btnFlAreaR { float: right; text-align: right; padding: 10px 0 8px 0; }

#footerPop { position: fixed; overflow: hidden; bottom: 0; left: 0; width: 100%; background: #ededed; border: none; margin: 0; padding: 2px 30px 2px 0; text-align: right; z-index: 999; }
#footerPop button { min-height: 25px; background: #ededed; border: none; padding: 0 14px; vertical-align: middle; color: #222; }
#footerPop .btnClosePop { width: 100%; background: #ededed; border: none; margin: 0; padding: 2px 30px 2px 0; text-align: right; }
#footerPop .btnClosePop button { min-height: 25px; background: #ededed; border: none; padding: 0 14px; vertical-align: middle; color: #222; }

.custWrap .popView { position: absolute; overflow: hidden; display: none; width: 100%; height: 750px; bottom: 270px; left: 0; background: #FFF; border: 1px solid #DDD; z-index: 999; }
.custWrap .popHisView { position: absolute; overflow: hidden; display: none; width: 50%; height: 700px; top: 0; left: 0; background: #FFF; border: 1px solid #DDD; z-index: 999; }
.custWrap .popLocalView { position: absolute; overflow: hidden; display: none; width: 100%; min-height: 200px; top: 400px; left: 0; background: #FFF; border: 1px solid #DDD; z-index: 999; }

/*2014.12.09 고객참여-고객헌장-서비스이행표준 탭리스트*/
.list_line li {margin-bottom:10px !important;} 
.list_nline li {margin-bottom:0 !important;}


/*추진방향*/
.hidden {font-size: 0 !important;width:0 !important;height:0 !important;color: transparent !important;line-height: 0 !important}

.performanceImg {margin:20px 0 0;width:100%}
.performanceImg img {width:100%}
.hidden li {background:none !important;line-height:0 !important;padding:0 !important}


/*추진개요
.performance {overflow:hidden;margin-top:10px}
.performance .left {float:left;width:38.36477987421384%}
.performance .left img {width:100%;max-width:299px;}
.performance table.rowTable {width:61.63522012578616%}
table.rowTable tbody td {text-align:left;padding:8px 5px 8px 15px;border-bottom:1px solid #ececec;border-left:1px solid #ececec;vertical-align:top;}
table.rowTable tbody td:first-child {border-left:none}
*/


/*환경가치창출*/
.halfTxt li.gnet_txt {width:70% !important;float:right !important}

/*수변사업 윈도우팝업*/
#popWrap {padding-bottom:30px}
#popWrap h3.h3 {
    font-size: 16px;
    color: #323232;
    font-weight: bold;
    margin-bottom: 14px
}
/* table Type 01 */
#popWrap .boardList { position: relative; overflow: hidden; padding-bottom: 30px; }
#popWrap .boardList .tiSmall { margin: 0; margin-bottom: -15px; padding: 0; font-size: 13px; line-height: 15px; font-weight: normal; }
#popWrap table.boardList01 {width: 99.9%;border-bottom: 1px solid #ececec;border-top: 2px solid #12a3cc; }
/* #popWrap table.boardList01 caption {width: 100%; height: auto; font-size: 16px; line-height: 25px; color: #323232; padding: 5px 0; margin: 0; }
#popWrap table.boardList01 caption.txtaR { text-align: right; font-size: 12px; color: #717171; padding: 0; } */
#popWrap table.boardList01 thead th { min-height: 18px; background-color: #f7f8fb; border-top: 1px solid #ececec; border-left: none; padding: 6px 2px 4px; color: #323232; font-size: 13px; 
    font-weight: bold; line-height: 18px; font-weight: normal; text-align: center; vertical-align: middle; }
#popWrap table.boardList01 tbody tr:nth-child(2n) td { }
#popWrap table.boardList01 tbody tr:hover td { background: #F1F1F1; }
#popWrap table.boardList01 tbody td { min-height: 18px; background: #FFF; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; 
    padding: 6px 2px 4px; color: #323232; font-size: 13px; font-weight: bold; line-height: 18px; font-weight: normal; text-align: center; vertical-align: middle; }
#popWrap table.boardList01 tbody th:first-child, #popWrap table.boardList01 tbody td:first-child {border-left:none}
#popWrap table.boardList01 tbody th { background-color: #fcfcfc; }
#popWrap table.boardList01 tbody td { }
#popWrap table.boardList01 tbody tr.txtaL td { text-align: left; padding-left: 18px; padding-right: 18px; }
#popWrap table.boardList01 tbody tr.fCOrg td, table.boardList01 tbody tr.fCOrg td a { color: #ff6600; }
#popWrap table.boardList01 tbody tr.fCGreen td, table.boardList01 tbody tr.fCGreen td a { color: #3fa790; }
#popWrap table.boardList01 tbody tr.lineL td { border-left: 1px solid #ddd; }
#popWrap table.boardList01 tbody tr.lineL td.first-child { border-left: none; }
#popWrap table.boardList01 tbody tr.notice td { color: #444; }
#popWrap table.boardList01 tbody tr.notice td a{ font-weight: bold; color: #444; }
#popWrap table.boardList01 tbody td:first-child {}
#popWrap table.boardList01 tbody td.ti { text-align: left; padding-left: 18px; } 
#popWrap table.boardList01 tbody td.txta_l { text-align: left; padding-left: 10px; padding-right: 10px; } /*2014.11.17 PM04:00 */ 
#popWrap table.boardList01 tbody td.ti a { color: #292929; line-height: 18px; font-weight: bold; font-size: 15px; } 
#popWrap table.boardList01 tbody td.numRight { text-align: right; padding-right: 8px; }
#popWrap table.boardList01 tbody td.ti2 { text-align: left; padding-left: 18px; border: 1px solid #333;} 

/*대외수상*/
.imgTextBox01 .textBox h3 span {display:block;margin-bottom:5px;font-weight:normal;font-size:12px} 

/* 연력 가로 정렬 */
.history_time ul:after {content:""; display:block; clear:both}
.history_time ul li {width:25%;float:left}
.history_time ul li span {display:block; padding:0 3px 18px 3px}		
					

.grayBox .textBox .bltList_time{text-align:left;}
.grayBox .textBox .bltList_time li{font-weight:normal;}

ul.bltList_time {padding-left:6px}
ul.bltList_time > li {padding-left:10px;background:url('/web/images/comm/bg_blit2.gif') no-repeat left 7px;}
ul.bltList_time li.none,
ul.bltList_time li.bltNone {background:none;}
ul.bltList_time li ol {padding-left:7px}



/* 비전 */
.custWrap .imgDis .outlPage_iconbox ul{width:100%; text-align:center;}
.custWrap .imgDis .outlPage_iconbox ul:after{content:""; display:block; clear:both;}
.custWrap .imgDis .outlPage_iconbox ul li{position:relative; float:left; width:33.333%; padding-top:120px; box-sizing:border-box;}
.custWrap .imgDis .outlPage_iconbox ul li:before{content:""; diplay:block; position:absolute; width:95px; 
height:95px; background-image:url('/web/images/cust/outlPage_icon01.jpg'); background-repeat: no-repeat; background-position: center center; top:0; left:50%;
transform:translateX(-50%); background-size:contain;}
.custWrap .imgDis .outlPage_iconbox ul li:nth-child(2):before{background-image:url('/web/images/cust/outlPage_icon02.jpg');}
.custWrap .imgDis .outlPage_iconbox ul li:nth-child(3):before{background-image:url('/web/images/cust/outlPage_icon03.jpg');}

.custWrap .imgDis .outlPage_iconbox ul li strong{font-size:22px;}
.custWrap .imgDis .outlPage_iconbox ul li p{font-size:16px; line-height:1; font-weight:normal; color:black;}
.custWrap .imgDis .outlPage_iconbox ul li p span{display:block;}




@media all and (max-width: 600px){
.custWrap .imgDis .outlPage_iconbox ul li{float:none; width:100%;}
}

@media all and (max-width: 864px) {	
	/* body { font-size: 2em; } */
	
/* 	.h2 { padding: 0; padding-bottom: 10px; margin: 0; font-size: 34px!important; line-height: 42px; }
	.h3 { padding: 0; padding-bottom: 10px; margin: 0; font-size: 34px!important; line-height: 42px; } */
	/* .normalTxt { padding-bottom: 30px; font-size: 20px; line-height: 38px; } */
	.mSti { padding-bottom: 5px; }
	.custWrap .img3ea div p.tiImgBottom { font-size: 26px; line-height: 46px; }
	
	/* font color */
	.tiBlue01 { color: #047ab3!important; }
	.tiBrown01 { color: #ba522a!important; }
	
	/* .iArea { line-height: 46px; } */
	/* .iArea a { display: inline-block; font-size: 24px; line-height: 46px; margin-right: 45px; } */
	/* .iArea a:last-child { margin-right:0; }
	.iArea i img { width: 38px!important; height: 38px; padding-right: 8px; } */
	
	.custWrap table.boardList01 tbody td.iArea { position: relative; overflow: hidden; }
	.custWrap table.boardList01 tbody td.iArea a { text-decoration: underline; line-height: 25px; }
	.custWrap table.boardList01 tbody td.iArea i { display: inline-block; }
	.custWrap table.boardList01 tbody td.iArea i img { width: 20px!important; height: 20px; vertical-align: middle; }
	.custWrap table.boardList01 tbody td.iArea span { display: inline-block; }	
	
	.custWrap .tabBar { display: none; }
	.custWrap .tabSelect { display: block; padding-bottom: 20px; }
	.custWrap .tabSelect ul{display:table;width:100%}
	.custWrap .tabSelect ul li:FIRST-CHILD{width:60px}
	.custWrap .tabSelect ul li{display:table-cell;padding:5px 10px 5px 0}
	.custWrap .tabSelect ul li select{width:100%;padding:5px}
	
	/* ceo약력 */
	.ceoBox .imgBox{width:100%;padding:0 0 15px 0;float:none;}
	.ceoBox .imgBox img{width:50%;}
	.ceoBox .textBox{float:none;}
	
	/*지도카테고리*/
	
	.custWrap .custMap2 .mapTextRight > li b{background:url(/web/images/cust/mapCatLarg.png) no-repeat 0 0;width:42px;height:42px;}
	.custWrap .custMap2 .mapTextRight > li a { font-size: 14px; line-height: 24px; }
	.custWrap .custMap2 .mapTextRight > li a:HOVER b{background:url(/web/images/cust/mapCatLarg.png) no-repeat -43px 0;width:42px;height:42px}
	.custWrap .custMap2 .mapTextRight > li.active b{background:url(/web/images/cust/mapCatLarg.png) no-repeat -43px 0;width:42px;height:42px}
    
	
	.halfTxt { position: relative; overflow: hidden; }
	.halfTxt li { float: none; width: 100%; display:block !important;}
	.halfTxt li:first-child { width: 100%; text-align: center; padding-top: 1.5em; padding-bottom: 2em; }
	.halfTxt li img { width: 100%; }
	/* .halfTxt li.txt, .halfTxt li:last-child { width: 98%; padding: 1em 1%; font-size: 26px; line-height: 40px; } */
	.halfTxt li.noResize img { width: auto; }
	
	.img50 { position: relative; overflow: hidden; }
	.img50 li { float: left; width: 100%; padding: 15px 0; text-align: left; }
	.img50 li.imgLeft { width: 100% ; } 
	.img50 li.imgRight { width: 100%; font-size: 32px; line-height: 44px; text-align: center; padding-bottom: 40px; }
	.img50 li.imgRight img { width: 100%; }
	.img50 li .txt { width: 90%; padding: 1% 5%; font-size: 32px; line-height: 44px; text-align: center; }
	/* 환경경영 친환경공급망 부분 */
	.img50 li .s80 { width: 90%!important; font-size: 26px; line-height: 40px; text-align: left; }
	.img50 li img.s80 { width: 100%!important; }
	.img50 li.photo { width: 100%; padding-right: 0; }
	.img50 li.txtL { width: 100%; }
	.img50 li .txt2 { width: 100%; padding: 0 0 20px; margin-bottom: 20px; font-size: 13px; line-height: 20px; }
	
	.imgDis2Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li li { height: auto; float: left; padding: 8px 0; margin: 0; }
	.imgDis2Li li.photo,
	.imgDis2Li li.photo2 { width: 100%; padding-right: 0; }
	.imgDis2Li li.photoLast { width: 100%; }
	.imgDis2Li li.txtFirst { width: 100%; padding-right: 0; }
	.imgDis2Li li.txt,
	.imgDis2Li li.txt2  { width: 100%; font-size: 14px; line-height: 24px; padding-bottom: 40px; }
	.imgDis2Li li .h3 { padding: 0; margin: 0; font-size: 16px important; line-height: 26px; }
	.imgDis2Li li .tiBlue01 { color: #252525!important; }
	.imgDis2Li li.photo3 { width: 100%; height: auto; padding-right: 0; }
	.imgDis2Li li.txt3 { width: 100%; font-size:13px; line-height:18px; }
	.imgDis2Li li .tiLeft { float: left; width: 23%; }
	.imgDis2Li li .cntRight { float: left; width: 75%; }
	
	.imgDis2Li03 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li03 li { height: 12em; float: left; padding: 18px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
	.imgDis2Li03 li.photo { width: 100%; height: auto; padding-right: 0; }
	.imgDis2Li03 li.txt { width: 100%; height: auto; text-align: left; line-height: 36px; }
	
	.imgDis2Li04 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li04 li { height: auto; }
	.imgDis2Li04 li.photo { width: 100%; padding-right: 0; }
	.imgDis2Li04 li.txt { width: 100%; line-height: 36px; }
	.imgDis2Li04 li.photoB { width: 100%; padding-right: 0; }
	.imgDis2Li04 li.txt2 { width: 100%; line-height: 36px; }
	
	/*.imgDis3Li { position: relative; overflow: hidden; }
	.imgDis3Li li { width: 100%; height: auto; float: none; }
	.imgDis3Li li a { padding: 0; margin: 0; }
	.imgDis3Li img { width: 100%; height: auto; padding: 0; margin: 0; } 
	.imgDis3Li li.hisLi { padding: 10px 0; }
	.imgDis3Li li.hisLi:first-child { padding-top: 0; }
	.imgDis3Li li .hisPhoto { width: 31%; float: left; }
	.imgDis3Li li .hisTxt { width: 65%; float: left; padding-left: 3%; padding-top: 5.5em;font-weight: normal; font-size: 26px; line-height: 36px; }*/
	
	.imgDis4Li { position: relative; overflow: hidden; }
	.imgDis4Li li { width: 42%; height: auto; float: left; padding: 20px 4% 30px; margin: 0; }
	.imgDis4Li li img.s80 { width: 100%!important; }
	
	.grayBoxTip { background-image: url('/web/images/cust/ico_tipMobile.png'); background-repeat: no-repeat; background-position: 20px 20px;
	padding: 45px 30px 15px 82px; font-weight: normal; }
	
	.grayBoxMark { background-image: url('/web/images/cust/ico_tipMobile.png'); background-repeat: no-repeat; background-position: 20px 20px;
	padding: 45px 30px 15px 82px; font-weight: normal; }
	
	.custWrap .boardList .tiSmall { margin: 0; margin-bottom: -15px; padding: 0; font-size: 26px; line-height: 44px; font-weight: normal; }
	/* .custWrap table.boardList01 caption { font-size: 32px; line-height: 44px; color: #323232; padding: 5px 0; margin: 0; }
	.custWrap table.boardList01 caption.txtaR { font-size: 12px;  } */
	
	/* 아코디언 */
	.acc_trigger { display: bolck;	width: 100%; height: 45px; 
		background-color: #FFF; background-image: url('/web/images/cust/accArrowDown.png'); background-repeat: no-repeat; background-position:100% 0; 
		padding: 0;line-height: 45px; font-size: 14px; font-weight: bold; }
	.acc_trigger a { display: block; color: #323232; text-decoration: none; padding: 0 0 0 10px; line-height: 45px; width:80%;}
	.acc_trigger a span { display: inline-block; width: 27px; height:45px; 
		background-image: url('/web/images/cust/bgNumGray.png'); background-repeat: no-repeat; background-position: left center; 
		color: #FFF; text-align: center; }
	.acc_trigger.active { background-image: url('/web/images/cust/accArrowUp.png');  }
	.acc_trigger.active a { color: #017eba;}
	.acc_trigger.active a span { background-image: url('/web/images/cust/bgNumBlue.png'); }
	.acc_container { overflow: hidden; width: auto; height: auto; background: #FFF; margin: 0 0 5px; padding: 30px; 
		font-size: 13px; clear: both; }	
		
	.inforBg { min-height: 3028px; background:url('/web/images/cust/W_02_04_03_tab2_bgMobile.png') no-repeat 0 0; }
	.inforBg ul { overflow: hidden; padding: 0 0 0 99px;  }
	.inforBg li { border-top: none; padding: 30px 0 50px 57px; font-weight: normal; line-height:22px;}
	.inforBg li a.btnGo { display: inline-block; width: 63px; height: 22px; background: url('/web/images/cust/btnGoWeb.png') no-repeat;
		color: #FFF; font-size: 11px; line-height: 22px; font-weight: bold; text-align: center; }
	.inforBg li:first-child{ border-top: 0;}
	
	.blueBox01 {position: relative; overflow: hidden; height: auto; background: #f7f9fa; border-top: 2px solid #12a3cc; border-bottom: 1px solid #ececec; }
	.blueBox01 li { width: 100%; height: auto; padding: 10px 0 10px 35px; line-height: 56px; text-align: left;  }
	.blueBox01 li:first-child { width: 100%; border-right: 0; border-bottom: 1px solid #ddd; }
	.blueBox01 li.lastChild,
	.blueBox01 li:last-child { width: 100%; text-align: left;  }	
		
	#headerPop { height: 100px; line-height: 100px; }
	#headerPop h1 { height: 100px; color: #FFF; font-size: 32px; line-height: 100px; }	
	#headerPop .btnTxtR { position: absolute; overflow: hidden; top: 0; right: 10px; text-align: right; }
	#headerPop .btnTxtR button { background: transparent; border: none; width: auto; height: auto; cursor: pointer; }
	#headerPop .btnTxtR button img { width: 46px; height: 47px; vertical-align: middle; }	
	.custWrap .popView { bottom: 50px; left: 0;  }
	.hidden {font-size: 0 !important;width:0 !important;height:0 !important;color: transparent !important;line-height: 0 !important}
	.halfTxt li.gnet_txt {width:100% !important;float:none !important}
		
}
@media all and (max-width: 767px) {
	/* body { font-size: 26px; } */
	.mobileView { display: block; }
	.webView { display: none; }
	
	.mb15{margin-bottom:15px;}
	/* .h2 { padding: 0; padding-bottom: 10px; margin: 0; font-size: 40px!important; line-height: 48px; }
	.h3 { padding: 0; padding-bottom: 10px; margin: 0; font-size: 40px!important; line-height: 48px; } */	
	.mSti { padding-bottom: 5px; }
	.custWrap .img3ea div p.tiImgBottom { font-size: 26px; line-height: 46px; }
	
	.normalTxt { padding-bottom: 15px; line-height: 22px; }
	.boldTxt {font-size: 26px; line-height: 44px; font-w''eight: bold; }
	.txtR { font-size: 26px; line-height: 44px; }
	
	/* font style */
	.fNMyeongjo { font-size: 48px; line-height: 56px; }
	
	/* .iArea { line-height: 46px; }
	.iArea a { display: inline-block; font-size: 24px; line-height: 46px; margin-right: 45px; }
	.iArea a:last-child { margin-right:0; } */
	/* .iArea i img { width: 38px!important; height: 38px; padding-right: 8px; } */
	
	.custWrap table.boardList01 tbody td.iArea { position: relative; overflow: hidden; }
	.custWrap table.boardList01 tbody td.iArea a { text-decoration: underline; line-height: 25px; }
	.custWrap table.boardList01 tbody td.iArea i { display: inline-block; }
	.custWrap table.boardList01 tbody td.iArea i img { width: 20px!important; height: 20px; vertical-align: middle; }
	.custWrap table.boardList01 tbody td.iArea span { display: inline-block; }	
	
	.custWrap .boardList { padding-bottom: 40px; }
	
	.custWrap .custMap2 { overflow: none; }
	.custWrap .custMap2 .mapTextRight { position: relative; overflow: hidden; width: 400px; height: auto; top: 0; right: 0;  margin: 0 auto; padding: 0 0 10px 0; }
	.custWrap .custMap2 .mapTextRight > li { float: none; height: 30px; tline-height: 30px; text-align: left; margin: 0; padding: 0; }
	.custWrap .custMap2 .mapTextRight > li b{background:url(/web/images/cust/mapat_bak.png) no-repeat 0 0;width:19px;height:19px;}
	.custWrap .custMap2 .mapTextRight > li a { font-size: 13px; line-height: 30px; font-weight:600 }
	.custWrap .custMap2 .mapTextRight > li a:HOVER b{background:url(/web/images/cust/mapat_bak.png) no-repeat -19px 0;width:19px;height:19px}
	.custWrap .custMap2 .mapTextRight > li.active b{background:url(/web/images/cust/mapat_bak.png) no-repeat -19px 0;width:19px;height:19px}
	
	.custWrap h1.tiSub { font-size: 25px; padding: 0 0 15px 0;  color: #017eba; line-height: 30px; }
	.custWrap .custSelect { margin-bottom: 20px; }	
	.custWrap .tabBar { display: none; }
	.custWrap .tabSelect { display: block; padding-bottom: 20px; }
	.custWrap .tabSelect ul{display:table;width:100%}
	.custWrap .tabSelect ul li:FIRST-CHILD{width:60px}
	.custWrap .tabSelect ul li{display:table-cell;padding:5px 10px 5px 0}
	.custWrap .tabSelect ul li select{width:100%;padding:5px}	

	.halfTxt { position: relative; overflow: hidden; }
	.halfTxt li { float: none; width: 100%; }
	.halfTxt li:first-child { width: 100%; text-align: center; padding-top: 1.5em; padding-bottom: 2em; }
	.halfTxt li img { width: 100%; }
	/* .halfTxt li.txt, .halfTxt li:last-child { width: 98%; padding: 1em 1%; font-size: 26px; line-height: 40px; } */
	.halfTxt li.noResize img { width: auto; }
	
	.imgDis { margin-bottom: 30px; }
	
	.img50 { position: relative; overflow: hidden; }
	.img50 li { float: left; width: 100%; padding: 15px 0; text-align: left; }
	.img50 li.imgLeft { width: 100% ; } 
	.img50 li.imgRight { width: 100%; font-size: 32px; line-height: 44px; text-align: center; padding-bottom: 40px; }
	.img50 li.imgRight img { width: 100%; }
	.img50 li .txt { width: 90%; padding: 1% 5%; font-size: 32px; line-height: 44px; text-align: center; }
	/* 환경경영 친환경공급망 부분 */
	.img50 li .s80 { width: 90%!important; font-size: 26px; line-height: 40px; text-align: left; }
	.img50 li img.s80 { width: 100%!important; }
	.img50 li.photo { width: 100%; padding-right: 0; }
	.img50 li.txtL { width: 100%; }
	.img50 li .txt2 { width: 100%; padding: 0 0 20px; margin-bottom: 20px; font-size: 13px; line-height: 20px; }
	.img50 li .txt2 .fBold{color:#323232;font-size:20px;margin-bottom:10px;}
	
	.imgDis2Li { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li li { height: auto; float: left; padding: 8px 0; margin: 0; }
	.imgDis2Li li.photo,
	.imgDis2Li li.photo2 { width: 100%; padding-right: 0; }
	.imgDis2Li li.photoLast { width: 100%; }
	.imgDis2Li li.txtFirst { width: 100%; padding-right: 0; }
	.imgDis2Li li.txt,
	.imgDis2Li li.txt2  { width: 100%; font-size: 14px; line-height: 24px; padding-bottom: 20px; }
	.imgDis2Li li .h3 { padding: 0; margin: 0; font-size: 16px important; line-height: 26px; }
	.imgDis2Li li .tiBlue01 { color: #252525!important; }
	.imgDis2Li li.photo3 { width: 100%; height: auto; padding-right: 0; }
	.imgDis2Li li.txt3 { width: 100%; font-size: 13px; line-height: 18px; }
	.imgDis2Li li .tiLeft { float: left; width: 23%; }
	.imgDis2Li li .cntRight { float: left; width: 75%; }
	
	.imgDis2Li02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li02 li { height: auto; float: left; padding: 18px 0 10px; margin: 0; border-top: 0; }
	.imgDis2Li02 li.photo { width: 100%; padding-right: 0; padding-top: 40px; text-align: center; }
	.imgDis2Li02 li.photo img { vertical-align: middle; width: 30%; }
	.imgDis2Li02 li.txt { width: 100%; font-size: 13px; line-height: 22px; text-align: center; border-bottom: 1px solid #e2e2e2; padding-bottom: 50px; }
	.imgDis2Li02 li.txt .h3 { padding: 0; margin: 0; font-size: 16px important; line-height: 26px; }
	.imgDis2Li02 li:first-child { border-top: 0; border-bottom: 0; }
	.imgDis2Li02 li.nthChild2 { border-bottom: 1px solid #e2e2e2; }
	.imgDis2Li02 li:nth-child(2) { border-bottom: 1px solid #e2e2e2; }
	.imgDis2Li02 img { width: 100%; }
	
	.imgDis2Li03 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li03 li { height: 12em; float: left; padding: 18px 0 10px; margin: 0; border-top: 1px solid #e2e2e2; }
	.imgDis2Li03 li.photo { width: 100%; height: auto; padding-right: 0; }
	.imgDis2Li03 li.txt { width: 100%; height: auto; text-align: left; line-height: 36px; }
	
	.imgDis2Li04 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis2Li04 li { height: auto; }
	.imgDis2Li04 li.photo { width: 100%; padding-right: 0; }
	.imgDis2Li04 li.txt { width: 100%; line-height: 36px; }
	.imgDis2Li04 li.photoB { width: 100%; padding-right: 0; }
	.imgDis2Li04 li.txt2 { width: 100%; line-height: 36px; }
		
	 /*역대CEO START */
    .custWrap>ul.imgDis3Li li {display:inline-block !important;width:100%;height:auto;float:none;}
	.imgDis3Li li.hisLi:last-child { padding: 10px 0; }
	.imgDis3Li li.hisLi:first-child { padding: 10px 0; }
    /*역대CEO END*/
	
	.imgDis4Li { position: relative; overflow: hidden; }
	.imgDis4Li li { width: 42%; height: auto; float: left; padding: 20px 4% 30px; margin: 0; }
	.imgDis4Li li img.s80 { width: 100%!important; }
	
	.imgDis4Li02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
	.imgDis4Li02 li { width: 42%; float: left; padding: 36px 4% 4% 4%; margin: 0; 
		font-size: 12px; line-height: 14px; font-weight: normal; color: #494949; }
	.imgDis4Li02 li:first-child { padding-left: 4%; }
	.imgDis4Li02 li.nthChild5 { padding-left: 4%; }
	.imgDis4Li02 li:nth-child(4n+1) { padding-left: 4%; }
	.imgDis4Li02 li .ti {font-weight: bold; }
	
	.grayBox { position:relative; overflow: hidden; background: #f8f8f8; padding: 5% 5%; }
	.grayBox .tiUnderBlue { display: block; height: 81px; background: url('/web/images/cust/underLineBlue2x01.png') no-repeat 0 bottom; margin-bottom: 15px;
		font-size: 40px; line-height: 81px;  }	
	
	.grayBoxTip { background-image: url('/web/images/cust/ico_tipMobile.png'); background-repeat: no-repeat; background-position: 20px 20px;
	padding: 45px 30px 15px 82px; font-weight: normal; }	
	
	.blueBox01 {  margin-top:0; position: relative; overflow: hidden; background: #f7f9fa; border-top: 2px solid #12a3cc; border-bottom: 1px solid #ececec; }
	.blueBox01 li { width: 100%; padding: 10px 0 10px 35px; line-height: 56px; text-align: left;  }
	.blueBox01 li:first-child { width: 100%; border-right: 0; border-bottom: 1px solid #ddd; }
	.blueBox01 li.lastChild,
	.blueBox01 li:last-child { width: 100%; text-align: left;  }		
	
	.custWrap .boardList .tiSmall { margin: 0; margin-bottom: -15px; padding: 0; font-size: 26px; line-height: 44px; font-weight: normal; }
	/* .custWrap table.boardList01 caption { font-size: 32px; line-height: 44px; color: #323232; padding: 5px 0; margin: 0; }
	.custWrap table.boardList01 caption.txtaR { font-size: 12px;  } */
	
	/* 수질검사절차 안내 */
	.inforBg { min-height: 3028px; background:url('/web/images/cust/W_02_04_03_tab2_bgMobile.png') no-repeat 0 0; }
	.inforBg ul { overflow: hidden; padding: 0 0 0 99px;  }
	.inforBg li { border-top: 0; padding: 100px 0 95px 57px; font-weight: normal; line-height: 22px;   }
	.inforBg li a.btnGo { display: inline-block; width: 102px; height: 33px; background: url('/web/images/cust/btnGoMobile.png') no-repeat;
		color: #FFF; font-size: 20px; line-height: 33px; font-weight: bold; text-align: center; }
	.inforBg li:first-child{ border-top: 0; }

	#headerPop { height: 100px; line-height: 100px; }
	#headerPop h1 { height: 100px; color: #FFF; font-size: 32px; line-height: 100px; }	
	#headerPop .btnTxtR { position: absolute; overflow: hidden; top: 0; right: 10px; text-align: right; }
	#headerPop .btnTxtR button { background: transparent; border: none; width: auto; height: auto; cursor: pointer; }
	#headerPop .btnTxtR button img { width: 46px; height: 47px; vertical-align: middle; }
	#cntPop { width: 92%; height: 980px; padding: 60px 4% 60px;}
	.custWrap .popView { width: 100%; height: 1200px; top: none; bottom: 0; left: 0; background: #FFF; border: 1px solid #DDD; z-index: 999; }
    .hidden {font-size: 0 !important;width:0 !important;height:0 !important;color: transparent !important;line-height: 0 !important}
    
    .halfTxt li.gnet_txt {width:100% !important;float:none !important}
    
    /* 미래수변사업 위치도  - 수정사항: IE8 map(새로코딩 141215-박지민) */
   .map_bg {display:none}
   .moblie_mapImg {display:block}
   .moblie_mapImg img {width:100%}
   
    
    /* 추천개요
    .performance .left {float:none;width:100%;padding:0 !important;text-align:center !important;}
    .performance .left img {max-width:100%}
    .performance table.rowTable {width:100%;margin-top:10px;}
    */
   
}
@media all and (max-width: 767px) {
.explarea>p {float:none;width:100%;display:block;}
.mob_w100{width:100% !important}

.history_time ul li {width:50%}
}

@media all and (max-width: 720px) {
	.inforBg li { border-top: 0; padding: 100px 0 105px 57px; font-weight: normal; line-height: 22px; }		
}
@media all and (max-width: 640px) {
	.imgDis4Li02 li {}
	.inforBg li { border-top: 0; padding: 50px 0 60px 57px; font-weight: normal; line-height: 22px; }
}
@media all and (max-width: 520px) {
	.acc_trigger {background-position:110% 0;}
}