#container_main {padding-bottom:0}

.main_section01 h2 img,
.main_section02 h2 img,
.main_section03 h2 img {width:100%; max-width:400px}
.main_section01 {text-align:center}



.owl-carousel h1{position:absolute; left:50%; top:80px; z-index:999;  text-align:left; margin-left:-600px; font-size:45px; font-weight:700; color:#fff; text-shadow: 1px 1px 2px #222;}
.owl-carousel p.p01 {font-size:20px;}


/* ■ 사업소개 */
/*
.main_section01:after {display:block; content:""; clear:both;}
.main_section01 {background-color:#f8f8f8; padding-bottom:60px;}
.main_section01 .text {padding:0 10px}
.main_section01 .text span {display:block}
.main_section01 .img {width:100%; max-width:1176px; margin:0 auto}
.main_section01 .img li {float:left; width:25%}
.main_section01 .img img {width:100%}
*/


.main_section01 {width:100%; max-width:1254px; margin:0 auto; background:#f8f8f8}
.main_section01 ul:after {display:block; content:""; clear:both;}
.main_section01 ul {width:100%;}
.main_section01 > ul > li {float:left; text-align:left}
.main_section01 li.li_01 {width:24.960%;}
.main_section01 li.li_01 ul {padding:20px 0 0 29px}
.main_section01 li.li_02 {width:75.04%; }

.main_section01 li.li_01 li a {display:inline-block; width:97%;  margin-right:3%; color:#000; font-size:22px; padding:2%}
.main_section01 li.li_01 li span {display:inline-block}
.main_section01 li.li_01 li span.txt {vertical-align:middle}
.main_section01 li.li_01 li span.img {padding-top:4px}
.main_section01 li.li_01 li span.img img {vertical-align:middle}
.main_section01 li.li_01 li.li_001 {}
.main_section01 li.li_01 li.li_002 {padding:0}
.main_section01 li.li_01 li.li_003 {padding:0 0 40px 0}

.main_section01 li.li_01 h2 {height:58px; font-size:25px; font-weight:500;  line-height:58px; color:#fff; background:#285691; text-align:center; margin-top:44px}

.main_section01 li.li_02 .div_01 {padding: 44px 0 0 55px}
.main_section01 li.li_02 .div_01 h2 {width:100%; max-width:690px; margin:0 auto; font-size:25px; color:#38929b; font-weight:500; line-height:30px}
.main_section01 li.li_02 .div_01 p {font-size:16px; color:#555; max-width:690px; margin:0 auto; margin-top:30px; line-height:30px}


/* ■ 이엔공지사항 */
.main_notice {background:#56a2aa !important; width:100%; max-width:250px; margin:17px 0 0 20px !important; padding:34px 0 0 0 !important; border-top:1px solid #92bbc5; table-layout: fixed; white-space: nowrap}
.main_notice .txt span {display:block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; color:#fff;}
.main_notice .txt a {color:#fff}
.main_notice .img {text-align:right; margin-top:30px}


/* ■ 이엔소개 */
.main_section02:after {display:block; content:""; clear:both;}
/* .main_section02 {background:url('/img/main/main_section02_bg.jpg') repeat-y center top; background-size:cover} */
.main_section02 ul:after {display:block; content:""; clear:both;}
.main_section02 ul {width:100%; max-width:1254px; margin:0 auto; background-color:#e1e1e1;}
.main_section02 li {float:left; text-align:center}

.main_section02 li.li_01 {width:24.960%; height:510px; text-align:right; background-color:#56a2aa}
.main_section02 li.li_01 h2 {color:#fff; font-size:30px; padding: 89px 60px 0 0; font-weight:700; line-height:36px; letter-spacing: -0.07em}
.main_section02 li.li_01 p {color:#ebebeb; font-size:14px; padding: 15px 60px 10px 0; font-weight:300; line-height:17px; letter-spacing: -0.07em}

.main_section02 li.li_02 {width:75.04%}
.main_section02 li.li_02 div {}
.main_section02 li.li_02 ul li {width:28%; height:auto; margin-left:4%}
.main_section02 li.li_02 div {background-color:#fff; margin-top:60px; padding:34px 21px 20px 21px; text-align:left}
.main_section02 li.li_02 h2 img {width:100%}
.main_section02 li.li_02 h3 {font-size:20px; color:#3c3c3c; font-weight:400; margin:30px 0; padding: 0px 0 15px 0; border-bottom:1px solid #ccc}
.main_section02 li.li_02 p.p01 {color:#777; margin-bottom:35px}
.main_section02 li.li_02 p.p02 {text-align:right;}


@media screen and (max-width:1250px) {	
/*
	.owl-carousel h1{font-size:30px; top:40%; margin-left:-45%}
	.owl-carousel p.p01 {font-size:14px;}
	*/

	.owl-carousel h1{left:0; margin-left:40px }
}


@media screen and (max-width:1170px) {	


	.main_section01 > ul > li {float:none; clear:both}
	.main_section01 li.li_01 {display:none}
	.main_section01 li.li_02 {width:100%; }

	.main_section01 {background-color:#f8f8f8; padding-bottom:44px}
	.main_section01 li.li_02 .div_01 {padding: 44px 0 0 0 ; width:90%; margin:0 auto;}
	.main_section01 li.li_02 .div_01 h2 {font-size:25px; color:#38929b; font-weight:500; line-height:30px}
	.main_section01 li.li_02 .div_01 p {font-size:16px; color:#555; width:100%; margin-top:30px; line-height:30p}


	.main_section02 li.li_01{display:none}
	.main_section02 li.li_02{width:100%; padding:5%}
	.main_section02 li.li_02  div {margin-top:0;}
	.main_section02 li.li_02 ul li {width:30%; margin-left:5%}
	.main_section02 li.li_02 ul li.li_001 {margin-left:0}	
}

@media screen and (max-width:976px) {	
	#container_main .mainroll{height:200px; }

	.owl-carousel h1{font-size:35px;}
	.owl-carousel p.p01 {font-size:14px;}


}


@media screen and (max-width:820px) {
	.main_section01 {}
	.main_section01 h2 img {width:340px}	
	.main_section01 .text  span {display:inline}		
	.main_section02 li.li_02  div {padding:5%}
	.main_section02 li.li_02  h3 {font-size:18px !important}
	.main_section02 li.li_02 p.p01 {font-size:13px !important}	
}


@media screen and (max-width:767px) {
	#container_main .visual_pc {display:none}
	#container_main .visual_m {display:block}
	#container_main .mainroll{height:auto !important}
}



@media screen and (max-width:700px) {
	.main_section01 .img {width:90% }	
	.main_section01 .img li {float:left; width:50%}	
	.main_section02 li.li_02 h3 {font-size:14px !important; text-align:center; margin:10px 0 0 0; padding:0; border-bottom:0}
	.main_section02 li.li_02 p {display:none}
}


@media screen and (max-width:506px) {	
	.main_section01 {background-color:#f8f8f8; padding-bottom:40px}
	.main_section01 h2 img {width:240px}
	.main_section01 .text {font-size:12px;}	
}

@media screen and (max-width:450px) {
	.main_section01 {padding-bottom:20px}
	.main_section01 li.li_02 .div_01 {padding: 20px 0 0 0 }
	.main_section01 li.li_02 .div_01 h2 {font-size:17px; line-height:22px}
	.main_section01 li.li_02 .div_01 p {font-size:12px; margin-top:15px; line-height:22px}
	}


@media screen and (max-width:380px) {	
	.main_section02 li.li_02 {width:100%; padding:6% 3%}
	.main_section02 li.li_02 ul li {width:31.333%; height:auto; margin-left:3%}
	.main_section02 li.li_02 h3 {font-size:12px !important; margin-top:5px;}
}