@charset "utf-8";

/*
	최초 작성자 : 김윤희
 */
.textBox h4{font-weight:600; font-size:13px; padding-bottom:10px; color:#000}
.text14B{font-weight:600; font-size:15px;}


/*클린에너지 */
.cleanEnergy{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.cleanEnergy ul{list-style:none}
.cleanEnergy ul li.L{float:left;width:40%;}
.cleanEnergy ul li.L dl{overflow:hidden; padding-top:50px}
.cleanEnergy ul li.L dl dd{color:#555;line-height:22px; padding:10px 20px 0px 0px}
.cleanEnergy ul li.R{float:right;width:60%;}


/*상단박스형태*/
.grayBox01{line-height:24px; background: #f8f8f8; padding:25px;  margin:10px 0px; }
.grayBox01 ul{list-style:none; padding:0px; margin:0px}
.grayBox01 li{background:url(/web/images/main/bul_blit01.gif) 20px 7px no-repeat; padding:0px 0px 3px 33px; background-size:3px;line-height:16px}
.grayBox01 li.tit{font-size:19px; color:#777777; font-weight:600; padding:0px 0px 20px 30px; background: url(/web/images/cust/blit_12.png) no-repeat;}
.grayBox01 p{line-height:20px}

.grayBox02{line-height:24px; background: #f8f8f8; padding:25px;  margin:10px 0px;} 
.grayBox01 ul{list-style:none; padding:0px; margin:0px}
.grayBox02 li{background:url(/web/images/main/bul_blit01.gif) 0px 6px no-repeat; padding:0 0 5px 10px; background-size:3px;line-height:16px}
.grayBox02 p{line-height:20px}

<!---동일한 사진이 좌우로 두장일경우---->
.photo02{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo02 ul{list-style:none}
.photo02 li.L{float:left;width:49%;}
.photo02 li.R{float:right;width:49%;}
.photo02 li img{width:100%}
.photo02 li p{text-align:center; padding-bottom:10px}
.newclear{clear:both;}


<!---우측사진, 좌측텍스트---->
.photo03{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo03 ul{list-style:none}
.photo03 li.L{float:left;width:30%;}
.photo03 li.R{float:right;width:70%;}
.photo03 li img{width:100%}
.photo03 li p{text-align:center; padding-bottom:10px}
.photo03 ul.txt{list-style:none}
.photo03 p.txt {text-align:left; font-size:14px; font-weight:600; color:#3c7eba; padding:0px 0px 10px 25px}
.photo03 .txt li{background:url(/web/images/main/bul_blit01.gif) 1px 8px no-repeat;padding-left:10px; background-size:3px; margin:0px 0px 8px 30px}


<!---아라뱃길슬라이드---->
.photo04{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo04 ul{list-style:none}
.photo04 li.L{float:left;width:10%;}
.photo04 li.C{float:left;width:80%;}
.photo04 li.R{float:right;width:10%;}
.photo04 li img{width:100%}



<!-- image slide -->
.slidesBox{margin:0 auto}
.slidesBox #slides{padding:8px;border:1px solid #eee;background:#f9f9f9}
#slides{display:none}
#slides img{max-width:100%;width:auto\9;height:auto;border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
#slides .slidesjs-navigation{margin-top:10px}
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop{
	display:block;float:left;overflow:hidden;width:12px;height:18px;margin-right:5px;
	background:url('/web/images/busi/btns-next-prev.png') no-repeat;text-indent:-9999px
}
    
a.slidesjs-next{margin-right:10px;background-position:-12px 0}
a:hover.slidesjs-next{background-position:-12px -18px}
a.slidesjs-previous{background-position:0 0}
a:hover.slidesjs-previous{background-position:0 -18px}
a.slidesjs-play{width:15px;background-position:-25px 0}
a:hover.slidesjs-play{background-position:-25px -18px}
a.slidesjs-stop{width:18px;background-position:-41px 0}
a:hover.slidesjs-stop{background-position:-41px -18px}
.slidesjs-pagination{float:right;margin-top:12px !important;list-style:none}
.slidesjs-pagination li{float:left;margin:0 1px}
.slidesjs-pagination li a{display:block;float:left;overflow: hidden;width:13px;height:0;padding-top:13px;background:url('/web/images/busi/pagination.png') left top}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active{background-position:0 -13px}
.slidesjs-pagination li a:hover{background-position:0 -26px}
#slides a:link, #slides a:visited{color:#333}
#slides a:hover, #slides a:active{color:#9e2020}
.navbar{overflow:hidden}
#slides{display:none}

@media (min-width: 1200px){
	.slidesBox{width:795px}
}

@media (min-width: 768px) and (max-width: 979px){
	.slidesBox{width:auto}
}

@media (max-width: 767px) {
    .slidesBox{width:auto}
}

@media (max-width: 480px) {
    .slidesBox{width: auto}
}








.cleanEx {padding:30px 0;}/*border-bottom:1px solid #eaeaea;*/
.cleanEx dt {font-weight:bold;font-size:16px;margin-bottom:10px;color:#323232}
.cleanEx ul {margin-top:5px}
.cleanEx .txt14{font-size:14px; padding-bottom:10px }


/*수변사업*/

.futu01{position:relative;overflow:hidden;width:100%;margin:50px 0px 10px 0px;padding:0}
.futu01 ul{list-style:none}
.futu01 ul li.L{float:left;width:30%;}
.futu01 ul li.L dl{overflow:hidden;}
.futu01 ul li.L dl dd{color:#555;line-height:24px; padding:0px 30px 10px 0px}
.futu01 ul li.R{float:right;width:70%;}


.futu02 {position:relative;overflow:hidden;width:100%;margin:50px 0px 0px 0px;padding:0; border-top:solid 1px #eee}
.futu02 ul {list-style:none; clear:both; padding:20px 0}
.futu02 li.L{float:left; width:63%;}
.futu02 li p.txt1{padding-bottom:15px; color:#3c80c9; font-weight:600;font-size:14px}
.futu02 li p.txt2{background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding-bottom:3px; font-weight:600; padding-left:10px}
.futu02 li p.txt3{padding:0px 0px 15px 5px}
.futu02 li p.txt4{padding:0px 0px 2px 5px}
.futu02 li.R{float:right;width:35%;}
.futu02 li img{width:100%}

.futu02 ul li.L dl{overflow:hidden;}
.futu02 ul li.L dl dd{color:#555;line-height:24px; padding:0px 30px 10px 0px}

.futu02 .txt14{font-size:14px; padding-bottom:10px }

.futu_tit{position:relative;overflow:hidden;width:100%; margin:30px 0px 5px 0px;padding:0; font-weight:600;}
.futu_tit ul{list-style:none}
.futu_tit li.L{float:left; width:50%; font-size:13px;  background:url(/web/images/main/bul_blit01.gif) 0px 5px no-repeat; padding-left:10px; background-size:3px; }
.futu_tit li.R{float:right; width:30%; color:#717171; text-align:right; text-size:11px}


p.futu02_tit {color:#047ab3; font-weight:600; font-size:16px; text-align:center; padding-top:50px}

/*해외사업*/
.coment_01{	background: url(/web/images/cust/blit_10.png) no-repeat 5px 23px; padding:20px 20px 50px 25px; font-size:14px; color:#444; line-height:24px}


.global01 {position:relative;overflow:hidden;width:100%; margin:10px 0px 0px 0px;padding:0}
.global01 ul {clear:both; padding:10px 0}
.global01 ul li.L{float:left;width:54%;  font-weight:normal; border-top:solid 1px #eee}
.global01 li.L strong{line-height:30px; color:#3c80c9; font-weight:600;font-size:14px}
.global01 ul li.L li {background:url(/web/images/main/bul_blit01.gif) 3px 7px no-repeat; padding-left:10px; background-size:2px;}
.global01 ul li.R{float:right;width:45%; padding-bottom:20px}
.global01 ul li.B ul{clear:both;}
.global01 li.B strong{line-height:30px; color:#3c80c9; font-weight:600;font-size:14px;}
.global01 ul li.B li{float:left; width:30%; padding:1% 2% 0 0 ; text-align:center; font-weight:normal}
.global01 ul li.B p{font-size:11px; font-weight:600; color:#777777; text-align:left}
.global01 li img{width:100%}

.global02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.global02 li { height: 8.5625em; float: left; padding: 8px 0; margin: 0; }
.global02 li.photo, 
.global02 li.photo2 { width: 23%; padding-right: 3%; }
.global02 li.photo2 { height: auto; }
.global02 li.photo3 { width: 30%; height: auto; padding-right: 3%; }
.global02 li.photoLast { width: 29%; height: auto; text-align: center; }
.global02 li p.txtFirst {background: url(/web/images/cust/bgNumBlue.png) no-repeat; color:#047ab3; font-weight:600; line-height:24px;padding:2px 0px 0px 6px;  font-size:14px;}
.global02 li p.txtFirst span{color:#fff;padding-right:10px}
.global02 li.txt,
.global02 li.txt2 { width: 74%; text-align: left; line-height: 22px; font-weight: normal;}
.global02 li.txt2 { height: auto; }
.global02 li.txt3 { width: 66.5%; height: auto; text-align: left; line-height: 18px; font-weight: normal;}
.global02 img { width: 100%; } 
.global02 li .tiLeft { float: left; width: 15%; }
.global02 li .cntRight { float: left; width: 83%; }

.mob_m0{margin:0 !important}
.new_global{overflow:hidden;width:100%;margin-bottom:20px}
.new_global li.L{float:left;width:30%;padding-right:3%;text-align:left}
.new_global li.L img{width:100%}
.new_global li.R{float:left;width:66.5%}
.new_global li.R p{font-size:14px;color:#047ab3;font-weight:600}
.new_global li.R p span{float:left;display:inline-block;width:27px;height:27px;margin-right:5px;background:url(/web/images/cust/bgNumBlue.png) no-repeat;color:#fff;text-align:center;line-height:27px}
.new_global li.R dl{overflow:hidden;margin:20px 0 !important}
.new_global li.R dt{float:left;width:15%;margin-right:2%;font-weight:bold} 
.new_global li.R dd{float:left;width:83%;letter-spacing:-0.03em;word-break:break-all} 

/*swmi*/
.swmi01 {position:relative;overflow:hidden;width:100%;margin:30px 0px 0px 0px; padding-bottom:30px; border-bottom:solid 1px #eee}
.swmi01 ul {list-style:none; clear:both;}
.swmi01 li.L{float:left; width:50%;}
.swmi01 li.L p.text1{padding-bottom:10px; color:#000; font-weight:600;font-size:16px;}
.swmi01 li.L p.text2{padding-bottom:20px; font-size:13px;}
.swmi01 li.L ul{border:none;}
.swmi01 li.L li{background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding-bottom:3px; padding-left:10px}
.swmi01 li.R{float:right; width:45%; margin-right:5%}
.swmi01 li.R img{}



@media all and (max-width: 768px) {
	
	.arrowBox a{display:none}
	
	.new_global li.R dt{float:left;width:23%;margin-right:2%;font-weight:bold} 
	.new_global li.R dd{float:left;width:75%} 
}



@media all and (max-width: 720px) {
.cleanEnergy ul li.L{float:none;width:100%}
.cleanEnergy ul li.R{float:none;width:100%}
.cleanEnergy ul li.L dl{overflow:hidden; padding-top:5px}
.futu01 ul li.L dl dd{color:#555;line-height:16px; padding:0px 20px 10px 0px}
.mob_img{width:100%}

.textG22{font-size:16px; color:#666}
.textB24{font-size:18px; color:#000;font-weight:600}

/*수변사업*/
.futu02_tit{text-align:left; font-size:14px; font-weight:600; color:#3c7eba; padding-top:10px}
.futu02 ul li.LT{visibility: visible;	font-weight:600;	font-size:14px}
.futu02 ul li.L{visibility: hidden;width:0%;}
.futu02 ul li.C{float:left;width:50%; margin:0; padding-top:5px; }
.futu02 ul li.R{float:right;width:50%;}

.photo03 p.txt {text-align:left; font-size:14px; font-weight:600; color:#3c7eba; padding:0px 0px 10px 5px}
.photo03 .txt li{background:url(/web/images/main/bul_blit01.gif) 1px 8px no-repeat;padding-left:10px; background-size:3px; margin:0px 0px 3px 5px}


.global01 ul {margin-top:15px; clear:both}
.global01 ul li.L{float:none;font-weight:normal;line-height:10px;width:100%}
.global01 ul li.L strong{background:url(/web/images/main/bul_blit01.gif) 0px 5px no-repeat; padding:0px 0px 20px 10px; background-size:6px;  font-size:14px; }
.global01 ul li.L li {background:url(/web/images/main/bul_blit01.gif) 0px 10px no-repeat; padding-left:10px; background-size:3px;line-height:16px}
.global01 ul li.R{float:none;width:100%; padding-bottom:10px }
.global01 ul li.B ul{clear:both;}
.global01 ul li.B li{float:left; width:30%; padding-right:3%; text-align:center; font-weight:normal}
.global01 li img{width:100%}

.global02 li p.txtFirst {background:none; color:#047ab3; font-weight:600; height:27px;padding:4px 0px 10px 5px;  font-size:14px;}
.global02 li p.txtFirst span{color:#047ab3 ;padding-right:5px}


.swmi01 ul {list-style:none; clear:both; padding: 0; margin:0; border:none;}
.swmi01 li.R img{width:100%}
.swmi01 li.R{float:right; width:40%;margin-right:0%}
.swmi01 li.L{float:left; width:58%;}

}

@media all and (max-width: 480px) {
.cleanEnergy ul li.L{float:none;width:100%}
.cleanEnergy ul li.R{float:none;width:100%}
.cleanEnergy ul li.L dl{overflow:hidden; padding-top:5px}

.textG22{font-size:14px; color:#666}
.textB24{font-size:16px; color:#000; font-weight:700}

.photo02 li.L{float:none;width:100%}
.photo02 li.R{float:none;width:100%}

.futu01  ul li.L{float:none;width:100%}
.futu01  ul li.R{float:none;width:100%}

.cleanEx .txt14{font-size:12px; padding-bottom:10px }
.blit {font-size:12px}

.grayBox01{font-size:12px;line-height:16px; padding:5px }

.futu02 ul li.C{float:none;width:100%; margin:0; padding:0 }
.futu02 ul li.R{float:none;width:100%;}


.photo03 li.L{float:none; width:100%;}
.photo03 li.R{float:none; width:100%;}
.photo03 li p{text-align:center; padding-bottom:10px}

.grayBox01{font-size:12px; line-height:22px; background: #f7f7f7; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;	padding:5px;  margin:10px 0px }

.coment_01{	background: url(/web/images/cust/blit_10.png) no-repeat 5px 23px; padding:20px 20px 50px 25px; font-size:12px; color:#444; line-height:20px}

.grayBox01{font-size:12px; line-height:24px; background: #f8f8f8; padding:10px;  margin:10px 0px; }
.grayBox01 li{background:url(/web/images/main/bul_blit01.gif) 5px 7px no-repeat; padding:0px 0px 3px 12px; background-size:3px;font-size:12px;}
.grayBox01 li.tit{font-size:13px; color:#777777; font-weight:600; padding:0px 0px 5px 0px; background:none;}
.grayBox01 li.tit img{visibility: hidden;}
.global01 ul li.B li{float:none; width:100%; padding-right:0%; text-align:center; font-weight:normal}

.global02 li.photo3 {float:none; width: 100%; padding-right: 0%; }
.global02 li p.txtFirst {color:#047ab3; font-weight:600; height:30px; font-size:13px; height:20px; }
.global02 li.txt3 {float:none; width:100%; font-size:12px }

.new_global li.L{float:none;width:100%;padding-right:0}
.new_global li.R{float:none;width:100%;margin-top:10px}
.new_global li.R dt{float:left;width:25%;margin-right:2%;font-weight:bold} 
.new_global li.R dd{float:left;width:73%} 


.swmi01 li.L{float:none; width:100%;}
.swmi01 li.L p.text1{padding:20px 0px 5px 0px; color:#000; font-weight:600;font-size:13px;}
.swmi01 li.L p.text2{font-size:13px;}
.swmi01 li.R{float:none; width:100%;}
.swmi01 li.R img{90%}


}