@charset "utf-8";

/*------------ pc ------------*/
@media only screen and (min-width: 960px) {
.web		{display:block !important;}
.mobile		{display:none}
.tablet		{display:none}

	#main_content		{width:100%; position:relative; z-index:2; padding-top: 44px;}
	#main_content h2	{text-align:center; font:600 40px/40px "Poppins", "Noto Sans KR", sans-serif; color:#333; padding-bottom: 0;}

/* section1 */	
	.section1						{background:#f1f9e5; overflow:hidden;}
	.section1 .box					{width:100%; padding:50px; max-width:1400px; margin:0 auto; position: relative;}


	/* 메인 좌측배너 */
	.section1 .box .box_wrap01			{width:100%;  display:flex; align-items: flex-start;}
	.section1 .box .box_wrap01 .left_wrap					{position:relative; width: calc(50% - 30px);  margin-right:30px;}

	.left_wrap  ul.slick-dots							{position:absolute;bottom:18px;left: 20px;display:flex;}
	.left_wrap  ul.slick-dots li						{margin-right:10px}
	.left_wrap  ul.slick-dots li button					{font-size:0; width:15px; height:15px; border-radius:15px; background:none; border:1px solid #2A3A12; cursor:pointer;}
	.left_wrap  ul.slick-dots li.slick-active button	{background:#2A3A12;}



	.left_wrap  p.controler					{position:absolute; bottom:19px; left:25px; /* transform:translateX(-100%); */ }
	.left_wrap  p.controler button			{display:none; width:7px; height:12px; font-size:0; cursor:pointer; border:none;}
	.left_wrap  p.controler button.on		{display:block !important;}
	.left_wrap  p.controler button.play		{background:url('/_img/wm/pc/main/slick_play.png') no-repeat 50% 50%; display:none;}
	.left_wrap  p.controler button.stop		{background:url('/_img/wm/pc/main/slick_stop.png') no-repeat 50% 50%;}
	.left_wrap  p.controlerM				{display:none;}

	.left_wrap .m_visual			{position:relative; max-width:635px;  width:100%; border-radius:5px; float:left; box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.05);}
	.left_wrap .m_visual .slick-slide {max-height:374px;}
	.left_wrap .banner				{display:block !important; vertical-align:top;}
	.left_wrap .banner img			{display:block; max-height:374px;border-radius:5px;}
	.left_wrap .slick-arrow			{position:absolute; z-index:3; width:50px; height:50px; border-radius:50px; /* border:3px solid #fff; */ opacity:80%; transition:all 0.3s;}
	.left_wrap .slick-arrow:before	{display:none;}
	.left_wrap .slick-arrow:hover,
	.left_wrap .slick-arrow:focus	{opacity:80%;}
	.left_wrap .slick-prev			{top:50%; left:5%; background:url('/_img/wm/pc/main/vslick-prev.png') no-repeat 43% 50% !important;}
	.left_wrap .slick-next			{top:50%; right:5%; background:url('/_img/wm/pc/main/vslick-next.png') no-repeat 57% 50% !important;}
	.left_wrap .slick-list			{border-radius:5px; }

	/* 메인 우측 주요사업 */
	.section1 .box .box_wrap01 .right_wrap			{width:50%;}

	.right_wrap ul.quick						{width:100%; display:flex; flex-wrap: wrap;}
	.right_wrap ul.quick li						{width: calc(50% - 13px);}
	.right_wrap ul.quick li:not(:nth-child(2n))	{margin-right:26px;}
	.right_wrap ul.quick li:nth-child(n+3)		{margin-top:23px; width:100%; margin-right: 0;}
	.right_wrap ul.quick li a					{display:block; background:#fff; border-radius:5px; padding:37px 35px; position:relative; z-index:5; box-shadow: 0px 0px 10px 9px rgba(0,0,0,0.04); transition:all .2s; height: 100%;}
	.right_wrap ul.quick li:first-child a		{background:#fff url('/_img/wm/pc/main/quick01.png') no-repeat top 27px right 34px;}
	.right_wrap ul.quick li:nth-child(2) a		{background:#fff url('/_img/wm/pc/main/quick02.png') no-repeat top 27px right 25px;}
	.right_wrap ul.quick li:nth-child(3) a		{background:#fff url('/_img/wm/pc/main/quick03.png') no-repeat top 22px right 34px; padding: 25px 35px;}
	.right_wrap ul.quick li:nth-child(4) a		{background:#fff url('/_img/wm/pc/main/quick04.png') no-repeat top 22px right 30px;}
	.right_wrap ul.quick li a p span.stxt		{font:400 16px/16px "Poppins", "Noto Sans KR", sans-serif; color:#318703; display: block; margin-bottom: 10px;}
	.right_wrap ul.quick li a p span.tit		{font:600 23px/23px "Poppins", "Noto Sans KR", sans-serif; color:#416a09; }
	.right_wrap ul.quick li a p.info			{font:400 15px/21px "Poppins", "Noto Sans KR", sans-serif; color:#767474; margin-top: 40px;}	
	.right_wrap ul.quick li:nth-child(3) a p.info	{margin-top:20px}
	.right_wrap ul.quick li:nth-child(3) a p.info br	{display:none;}

/* 	.right_wrap ul.quick li a:hover				{background-position-x:180px; background:#2AA78B;} */
	.right_wrap ul.quick li:first-child a:hover		{background:#2AA78B url('/_img/wm/pc/main/quick01.png') no-repeat top 27px right 54px;}
	.right_wrap ul.quick li:nth-child(2) a:hover		{background:#2AA78B url('/_img/wm/pc/main/quick02.png') no-repeat top 27px right 45px;}
	.right_wrap ul.quick li:nth-child(3) a:hover		{background:#2AA78B url('/_img/wm/pc/main/quick03.png') no-repeat top 22px right 54px;}
	.right_wrap ul.quick li:nth-child(4) a:hover		{background:#2AA78B url('/_img/wm/pc/main/quick04.png') no-repeat top 22px right 50px;}
	.right_wrap ul.quick li a:hover span.stxt	{color:#07221C;}
	.right_wrap ul.quick li a:hover span.tit	{color:#fff;}
	.right_wrap ul.quick li a:hover p.info		{color:#fff;}


	/* 공지사항 */
	.section1 .box .box_wrap02			{width:100%; display:flex;  align-items: flex-start; margin-top: 30px;}
	.section1 .box .box_wrap02 .left_wrap	{position:relative; width: calc(50% - 30px); min-height:257px; margin-right:30px;  background:#fff; border-radius:5px; padding:35px 35px 25px 35px; box-shadow: 0px 0px 10px 9px rgba(0,0,0,0.04);height: 100%;}

	.left_wrap ul.nlist						{margin-top:10px;}
	.left_wrap ul.nlist li					{border-bottom:1px solid #ddd;}
	.left_wrap ul.nlist li:last-child		{border:none; padding:0; margin:0;}
	.left_wrap ul.nlist li a					{display: flex;color:#222;font:400 16px/22px "Poppins", "Noto Sans KR", sans-serif;padding:9px 10px; align-items: center; transition:all 0.2s;}
	.left_wrap ul.nlist li a:hover				{color:#2AA78B}
	.left_wrap ul.nlist li a b.new				{display:inline-block;width:22px;height:22px;background:#2AA78B;border-radius:50%;color:#fff;text-align:center;font: 500 13px/23px "Poppins", "Noto Sans KR", sans-serif;vertical-align: 3px;margin-left: 10px;}
	.left_wrap ul.nlist li a span.cont				{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 130px);}
	.left_wrap ul.nlist li a span.cont::before   {display: inline-block;border-radius:50%;width:4px;height:4px;background:#333;content:'';vertical-align:4px;margin-right: 10px;transition:all 0.2s}
	.left_wrap ul.nlist li a:hover span.cont::before {background:#2AA78B}
	.left_wrap ul.nlist li a .date				{margin-left:auto; font:400 15px/22px "Poppins", "Noto Sans KR", sans-serif; color:#767474}


	.section1 div.tit						{font:500 23px/25px "Poppins", "Noto Sans KR", sans-serif; color:#000;overflow: hidden;}
	.section1 div.tit h2					{float:left; font:500 23px/25px "Poppins", "Noto Sans KR", sans-serif !important; color:#000 !important;}
	.section1 div.tit a.more				{position:relative; padding-right:25px; font-size:0; float:right; margin: 2px;}
	.section1 div.tit a.more::after		{display:block; content:''; position:absolute; top:0; right:0; width:20px; height:20px; background:url('/_img/wm/pc/main/more.png')no-repeat 50% 50%; transition:0.5s;}	
	.section1 div.tit a.more:hover::after,
	.section1 div.tit a.more:focus::after		{transform:rotate(180deg);}


	/* 우수사례집 */
	.section1 .box .box_wrap02 .right_wrap			{width:50%; background:#fff; border-radius:5px; padding:35px 35px 45px; box-shadow: 0px 0px 10px 9px rgba(0,0,0,0.04);height: 100%;}

	.right_wrap .public_box					{display:flex;justify-content: space-between; margin-top: 20px;}
	.right_wrap .public						{width: 50%;/* padding-left:30px; */display:table;}
	.right_wrap .public .cover				{width:35%; position:relative;height:100%;display:table-cell;vertical-align:top;}
	.right_wrap .public .cover img.img		{border-radius:3px;height:100%;border: 1px solid #ddd;}
	.right_wrap .public .cover a			{border-radius:3px;position:absolute;z-index:2;bottom: -11px;right:-150px;display:inline-block;overflow:hidden;width: 170px;background:#31395d;text-align:center;padding: 10px 15px;font: 400 15px/17px "Poppins","Noto Sans KR", sans-serif;color:#fff; transition:.2s;}
	.right_wrap .public .cover a img		{margin-left:12px; vertical-align:top;}
	.right_wrap .public .cover a:hover,
	.right_wrap .public .cover a:focus		{background:#2AA78B;}
	.right_wrap .public .cont				{display:table-cell;width:auto;padding: 0 15px;color:#fff;vertical-align:top;}
	.right_wrap .public .cont .name			{word-break: keep-all;margin-top: 15px; max-height:50px;font: 500 16px/24px "Poppins", "Noto Sans KR", sans-serif;color: #333;letter-spacing:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.right_wrap .public .cont .date			{margin-top:5px; font: 400 14px/17px "Poppins","Noto Sans KR", sans-serif;color: #767474;letter-spacing:0;}


/* section2 */	
	.section2				{max-width:1400px; padding:0 50px; margin:60px auto 0;}
	.section2 p.h2_txt		{font: 400 18px/25px "Poppins","Noto Sans KR", sans-serif;color: #666; text-align:center; margin-top:10px;}
	.section2 .graph_box	{width:100%; border:1px solid #ddd; padding:60px; margin-top:30px; border-radius:5px;}

/* section3 */
	.section3					{max-width:1400px; padding:0 50px; margin:60px auto 100px; word-break:keep-all;}
	.section3 .pr_box			{display:flex; flex-wrap:wrap; justify-content: space-between;}
	.section3 .pr_box .video_wrap				{width: 31%; margin-top:30px; border-radius:5px; border:solid 1px #ddd; transition:.2s; position:relative;}
	.section3 .pr_box .video_wrap:hover			{border-color:#2AA78B}
	.section3 .pr_box .video_wrap:hover::after	{position:absolute; z-index:-1; content:""; width: 100%; height: 100%; top:-3px; left:-3px; transition:all 0.3s;  cursor:pointer; border:3px solid #2AA78B ; border-radius:5px; box-shadow:2px 5px 7px 2px rgba(0,0,0,0.1);}
	
	.section3 .pr_box .video_wrap .video		{position: relative; height:0; padding-bottom:56.25%; border-radius:5px 5px 0 0; overflow:hidden; cursor:pointer;}
	.section3 .pr_box .video_wrap .video iframe	{display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.section3 .pr_box .video_wrap .video video	{display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.section3 .pr_box .video_wrap p.txt			{margin:15px 20px; font: 400 18px/25px "Poppins","Noto Sans KR", sans-serif; color: #666; text-align: center;}

}

@media only screen and (min-width: 640px) and (max-width: 1400px) {

	.right_wrap ul.quick li a	{padding:25px}

}


@media only screen and (min-width: 640px) and (max-width: 1250px) {

	.right_wrap ul.quick li a	{padding:19px}

}


@media only screen and (min-width: 640px) and (max-width: 1145px) {

	.right_wrap ul.quick li a	{padding:15px}
	.right_wrap ul.quick li a p span.tit		{font:500 20px/20px "Poppins", "Noto Sans KR", sans-serif; }
	.right_wrap ul.quick li a p.info			{margin-top:13px;}	
}


@media only screen and (min-width: 640px) and (max-width: 1100px) {

	
	
	.section1 .box .box_wrap01				{width:100%;display:flex;align-items: flex-start;flex-direction: column;}
	.section1 .box .box_wrap01 .left_wrap	{position:relative;width: 100%;margin-bottom: 30px;height: 100%;}
	.left_wrap .m_visual					{max-width:100%;}
	.left_wrap .m_visual .slick-slide 		{max-height:initial;}
	.left_wrap .banner						{display:block !important;}
	.left_wrap .banner img					{max-height:initial;}
	.section1 .box .box_wrap01 .right_wrap	{width:100%;}
	.right_wrap ul.quick li a	{padding: 35px;}

	.section1 .box .box_wrap02				{width:100%;display:flex;align-items: flex-start;margin-top: 30px;flex-direction: column;}
	.section1 .box .box_wrap02 .left_wrap	{width: 100%;margin-bottom: 30px; min-height:auto;}
	.section1 .box .box_wrap02 .right_wrap	{width: 100%;}
	.right_wrap .public .cover			{width:100px;}
}

/*------------ ta ------------*/
@media only screen and (min-width: 640px) and (max-width: 959px) {
.tablet		{display:block !important;}
.mobile		{display:none}
.web		{display:none}

	#main_content			{width:100%; position:relative; z-index:2;}
	#main_content h2		{text-align:center; font:600 28px/28px "Poppins", "Noto Sans KR", sans-serif; color:#333; padding-bottom: 0;}

/* section1 */	
	.section1						{background:#f1f9e5; overflow:hidden;}
	.section1 .box					{width:100%;padding: 30px;max-width:1400px;margin:0 auto;position: relative;}


	/* 메인 좌측배너 */
	.section1 .box .box_wrap01			{width:100%;display:flex;align-items: flex-start;flex-direction: column;}
	.section1 .box .box_wrap01 .left_wrap					{position:relative;width: 100%;/* margin-right:30px; */}

	.left_wrap  ul.slick-dots							{position:absolute;bottom:18px;left: 20px;display:flex;}
	.left_wrap  ul.slick-dots li						{margin-right:10px}
	.left_wrap  ul.slick-dots li button					{font-size:0; width:15px; height:15px; border-radius:15px; background:none; border:1px solid #415820; cursor:pointer;}
	.left_wrap  ul.slick-dots li.slick-active button	{background:#415820;}

	.left_wrap  p.controler					{position:absolute; bottom:19px; left:25px; /* transform:translateX(-100%); */ }
	.left_wrap  p.controler button			{display:none; width:7px; height:12px; font-size:0; cursor:pointer; border:none;}
	.left_wrap  p.controler button.on		{display:block !important;}
	.left_wrap  p.controler button.play		{background:url('/_img/wm/mo/main/slick_playM.png') no-repeat 50% 50%/10px; display:none; width:14px;}
	.left_wrap  p.controler button.stop		{background:url('/_img/wm/mo/main/slick_stopM.png') no-repeat 50% 50%/10px;width:14px;}
	.left_wrap  p.controlerM				{display:none;}

	.left_wrap .m_visual			{position:relative;/* max-width:635px; */width:100%;border-radius:5px;float:left;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.05);}
	.left_wrap .banner				{/* max-height:400px; */ vertical-align:top;}
	.left_wrap .banner img			{border-radius:5px;}
	.left_wrap .slick-arrow			{position:absolute; z-index:3; width:50px; height:50px; border-radius:50px; /* border:3px solid #fff; */ opacity:80%; transition:all 0.3s;}
	.left_wrap .slick-arrow:before	{display:none;}
	.left_wrap .slick-arrow:hover	{opacity:80%;}
	.left_wrap .slick-prev			{top:50%; left:5%; background:url('/_img/wm/pc/main/vslick-prev.png') no-repeat 43% 50% !important;}
	.left_wrap .slick-next			{top:50%; right:5%; background:url('/_img/wm/pc/main/vslick-next.png') no-repeat 57% 50% !important;}
	.left_wrap .slick-list			{border-radius:5px;}

	/* 메인 우측 주요사업 */
	.section1 .box .box_wrap01 .right_wrap			{width: 100%;}

	.right_wrap ul.quick						{width:100%; display:flex; flex-wrap: wrap;}
	.right_wrap ul.quick li						{width: calc(50% - 9px);}
	.right_wrap ul.quick li:not(:nth-child(2n))	{margin-right:18px;}
	.right_wrap ul.quick li:nth-child(n+3)		{margin-top:18px; width:100%; margin-right: 0;}
	.right_wrap ul.quick li a					{display:block; background:#fff; border-radius:5px; padding:32px 35px; position:relative; z-index:5; box-shadow: 0px 0px 10px 9px rgba(0,0,0,0.04); transition:all .2s; height: 100%;}
	.right_wrap ul.quick li:first-child a		{background:#fff url('/_img/wm/mo/main/quick01.png') no-repeat top 27px right 34px/58px;}
	.right_wrap ul.quick li:nth-child(2) a		{background:#fff url('/_img/wm/mo/main/quick02.png') no-repeat top 27px right 25px/83px;}
	.right_wrap ul.quick li:nth-child(3) a		{background:#fff url('/_img/wm/mo/main/quick03.png') no-repeat top 22px right 34px/51px;}
	.right_wrap ul.quick li:nth-child(4) a		{background:#fff url('/_img/wm/mo/main/quick04.png') no-repeat top 22px right 30px/71px;}
	.right_wrap ul.quick li a p span.stxt		{font:400 16px/16px "Poppins", "Noto Sans KR", sans-serif; color:#318703; display: block; margin-bottom: 10px;}
	.right_wrap ul.quick li a p span.tit		{font:500 23px/23px "Poppins", "Noto Sans KR", sans-serif; color:#416a09; }
	.right_wrap ul.quick li a p.info			{font:400 16px/21px "Poppins", "Noto Sans KR", sans-serif; color:#767474; margin-top: 20px;}	
	.right_wrap ul.quick li:nth-child(3) a p.info br	{display:none;}

/* 	.right_wrap ul.quick li a:hover				{background-position-x:180px; background:#2AA78B;} */
	.right_wrap ul.quick li:first-child a:hover			{background:#2AA78B url('/_img/wm/mo/main/quick01.png') no-repeat top 27px right 54px/58px;}
	.right_wrap ul.quick li:nth-child(2) a:hover		{background:#2AA78B url('/_img/wm/mo/main/quick02.png') no-repeat top 27px right 45px/83px;}
	.right_wrap ul.quick li:nth-child(3) a:hover		{background:#2AA78B url('/_img/wm/mo/main/quick03.png') no-repeat top 22px right 54px/51px;}
	.right_wrap ul.quick li:nth-child(4) a:hover		{background:#2AA78B url('/_img/wm/mo/main/quick04.png') no-repeat top 22px right 50px/71px;}
	.right_wrap ul.quick li a:hover span.stxt	{color:#07221C;}
	.right_wrap ul.quick li a:hover span.tit	{color:#fff;}
	.right_wrap ul.quick li a:hover p.info		{color:#fff;}


	/* 공지사항 */
	.section1 .box .box_wrap02			{width:100%;display:flex;align-items: flex-start;margin-top: 30px;flex-direction: column;}
	.section1 .box .box_wrap02 .left_wrap	{position:relative;width: 100%;  margin-bottom:30px;  background:#fff;border-radius:5px;padding:35px 35px 25px 35px;box-shadow: 0px 0px 10px 9px rgba(0,0,0,0.04);height: 100%;}

	.left_wrap ul.nlist						{margin-top:10px;}
	.left_wrap ul.nlist li					{border-bottom:1px solid #ddd;}
	.left_wrap ul.nlist li:last-child		{border:none; padding:0; margin:0;}
	.left_wrap ul.nlist li a					{display: flex;color:#222;font:400 17px/22px "Poppins", "Noto Sans KR", sans-serif;padding:9px 10px; align-items: center; transition:all 0.2s;}
	.left_wrap ul.nlist li a:hover				{color:#5bbb26}
	.left_wrap ul.nlist li a b.new				{display:inline-block;width:22px;height:22px;background:#5bbb26;border-radius:50%;color:#fff;text-align:center;font: 500 13px/23px "Poppins", "Noto Sans KR", sans-serif;vertical-align: 3px;margin-left: 10px;}
	.left_wrap ul.nlist li a span.cont				{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 130px);}
	.left_wrap ul.nlist li a span.cont::before   {display: inline-block;border-radius:50%;width:4px;height:4px;background:#333;content:'';vertical-align:4px;margin-right: 10px;transition:all 0.2s}
	.left_wrap ul.nlist li a:hover span.cont::before {background:#5bbb26}
	.left_wrap ul.nlist li a .date				{margin-left:auto; font:400 15px/22px "Poppins", "Noto Sans KR", sans-serif; color:#767474}


	div.tit						{font:500 23px/25px "Poppins", "Noto Sans KR", sans-serif; color:#000;overflow: hidden;}
	div.tit h2					{float:left; font:500 23px/25px "Poppins", "Noto Sans KR", sans-serif !important; color:#000 !important;}
	div.tit a.more				{position:relative; padding-right:25px; font-size:0; float:right; }
	div.tit a.more::after		{display:block; content:''; position:absolute; top:0; right:0; width:20px; height:20px; background:url('/_img/wm/mo/main/more.png')no-repeat 50% 50%/17px; transition:0.5s;}	
	div.tit a.more:hover::after,
	div.tit a.more:focus::after		{transform:rotate(180deg);}


	/* 우수사례집 */
	.section1 .box .box_wrap02 .right_wrap			{width: 100%;background:#fff;border-radius:5px;padding:35px 35px 45px;box-shadow: 0px 0px 10px 9px rgba(0,0,0,0.04);height: 100%;}

	.right_wrap .public_box					{display:flex;justify-content: space-between; margin-top: 20px;}
	.right_wrap .public						{width: 50%;/* padding-left:30px; */display:table;}
	.right_wrap .public .cover				{position:relative;height:100%;display:table-cell;vertical-align:top;}
	.right_wrap .public .cover img.img		{border-radius:3px;height:100%;border: 1px solid #ddd;}
	.right_wrap .public .cover a			{border-radius:3px;position:absolute;z-index:2;bottom: -11px;right:-150px;display:inline-block;overflow:hidden;width: 170px;background:#31395d;text-align:center;padding: 10px 15px;font: 400 15px/17px "Poppins","Noto Sans KR", sans-serif;color:#fff;transition:.2s;}
	.right_wrap .public .cover a img		{margin-left:12px; vertical-align:top;}
	.right_wrap .public .cover a:hover,
	.right_wrap .public .cover a:focus		{background:#079ddc;}
	.right_wrap .public .cont				{display:table-cell;width:auto;padding: 0 15px;color:#fff;vertical-align:top;}
	.right_wrap .public .cont .name			{word-break: keep-all;margin-top: 15px; max-height:50px;font: 500 17px/24px "Poppins", "Noto Sans KR", sans-serif;color: #333;letter-spacing:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.right_wrap .public .cont .date			{margin-top:5px;font: 400 15px/17px "Poppins","Noto Sans KR", sans-serif;color: #767474;letter-spacing:0;}


/* section2 */	
	.section2				{max-width:1400px; padding:0 30px; margin:60px auto 0;}
	.section2 p.h2_txt		{font: 400 18px/25px "Poppins","Noto Sans KR", sans-serif;color: #666; text-align:center; margin-top:10px; word-break: keep-all;}
	.section2 .graph_box	{width:100%; border:1px solid #ddd; padding:60px; margin-top:30px; border-radius:5px;}

/* section3 */
	.section3					{max-width:1400px; padding:0 30px; margin:60px auto 100px;}
	.section3 .pr_box			{display:flex; flex-wrap:wrap; justify-content: space-between;}
	.section3 .pr_box .video_wrap				{width: calc(50% - 10px);margin-top:30px; border-radius:5px; border:solid 1px #ddd; transition:.2s; position:relative;}
	.section3 .pr_box .video_wrap:hover			{border-color:#2AA78B}
	.section3 .pr_box .video_wrap:hover::after	{position:absolute; z-index:-1; content:""; width: 100%; height: 100%; top:-3px; left:-3px; transition:all 0.3s;  cursor:pointer; border:3px solid #2AA78B ; border-radius:5px; box-shadow:2px 5px 7px 2px rgba(0,0,0,0.1);}
	
	.section3 .pr_box .video_wrap .video		{position: relative; height:0; padding-bottom:56.25%; border-radius:5px 5px 0 0; overflow:hidden; vertical-align:top;}
	.section3 .pr_box .video_wrap .video iframe	{display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.section3 .pr_box .video_wrap .video video	{display:block; position: absolute; top: -1px; left: 0; width: 100%; height: 100%;}
	.section3 .pr_box .video_wrap p.txt			{margin:15px; font: 400 18px/25px "Poppins","Noto Sans KR", sans-serif; color: #666; text-align:center;}

}

@media only screen and (min-width: 640px) and (max-width: 780px) {
/* section3 */
	.section3 .pr_box						{display:flex; flex-direction: column;}
	.section3 .pr_box .video_wrap			{width:100%;}

}



/*------------ mo ------------*/
@media only screen and (max-width: 639px) {	

.mobile		{display:block !important;}
.tablet		{display:none}
.web		{display:none}



	#main_content			{width:100%; position:relative; z-index:2;}
	#main_content h2		{text-align:center; font:600 23px/25px "Poppins", "Noto Sans KR", sans-serif; color:#333; padding-bottom: 0;}

/* section1 */	
	.section1						{background:#f1f9e5; overflow:hidden;}
	.section1 .box					{width:100%;padding:15px;position: relative;}


	/* 메인 좌측배너 */
	.section1 .box .box_wrap01			{width:100%;display:flex;align-items: flex-start;flex-direction: column;}
	.section1 .box .box_wrap01 .left_wrap					{position:relative;width: 100%;}

	.left_wrap  ul.slick-dots							{position:absolute;bottom:18px;left: 20px;display:flex;}
	.left_wrap  ul.slick-dots li						{margin-right:10px}
	.left_wrap  ul.slick-dots li button					{font-size:0; width:15px; height:15px; border-radius:15px; background:none; border:1px solid #2A3A12; cursor:pointer;}
	.left_wrap  ul.slick-dots li.slick-active button	{background:#2A3A12;}

	.left_wrap  p.controler					{position:absolute; bottom:19px; left:25px; /* transform:translateX(-100%); */ }
	.left_wrap  p.controler button			{display:none; width:7px; height:12px; font-size:0; cursor:pointer; border:none;}
	.left_wrap  p.controler button.on		{display:block !important;}
	.left_wrap  p.controler button.play		{background:url('/_img/wm/mo/main/slick_playM.png') no-repeat 50% 50%/10px; display:none; width:14px;}
	.left_wrap  p.controler button.stop		{background:url('/_img/wm/mo/main/slick_stopM.png') no-repeat 50% 50%/10px;width:14px;}
	.left_wrap  p.controlerM				{display:none;}

	.left_wrap .m_visual			{position:relative;/* max-width:635px; */width:100%;border-radius:5px;float:left;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.05);}
	.left_wrap .banner				{display:block !important; /* max-height:400px; */ vertical-align:top;}	
	.left_wrap .banner img			{border-radius:5px;}
	
/*	.left_wrap .slick-arrow			{position:absolute; z-index:3; width:50px; height:50px; border-radius:50px; border:3px solid #fff; opacity:40%; transition:all 0.3s;}
	.left_wrap .slick-arrow:before	{display:none;}
	.left_wrap .slick-arrow:hover	{opacity:80%;}
/*  	.left_wrap .slick-prev			{top:50%; left:5%; background:url('/_img/wm/mo/main/vslick-prev.png') no-repeat 43% 50% !important;} */
	.left_wrap .slick-next			{top:50%; right:5%; background:url('/_img/wm/mo/main/vslick-next.png') no-repeat 57% 50% !important;} */
	.left_wrap .slick-list			{border-radius:5px;}

	/* 메인 우측 주요사업 */
	.section1 .box .box_wrap01 .right_wrap			{width: 100%;}

	.right_wrap ul.quick						{width:100%; display:flex; flex-direction: column;}
	.right_wrap ul.quick li						{width:100%; margin-top:15px;}
	.right_wrap ul.quick li a					{display:block; background:#fff; border-radius:5px; padding:20px; position:relative; z-index:5; box-shadow: 0px 0px 10px 9px rgba(0,0,0,0.04); transition:all .2s; height: 100%;}
	.right_wrap ul.quick li:first-child a		{background:#fff url('/_img/wm/mo/main/quick01.png') no-repeat top 27px right 34px/58px;}
	.right_wrap ul.quick li:nth-child(2) a		{background:#fff url('/_img/wm/mo/main/quick02.png') no-repeat top 27px right 25px/83px;}
	.right_wrap ul.quick li:nth-child(3) a		{background:#fff url('/_img/wm/mo/main/quick03.png') no-repeat top 22px right 34px/51px;}
	.right_wrap ul.quick li:nth-child(4) a		{background:#fff url('/_img/wm/mo/main/quick04.png') no-repeat top 22px right 30px/71px;}
	.right_wrap ul.quick li a p span.stxt		{font:400 14px/14px "Poppins", "Noto Sans KR", sans-serif; color:#318703; display: block; margin-bottom:7px;}
	.right_wrap ul.quick li a p span.tit		{font:500 20px/20px "Poppins", "Noto Sans KR", sans-serif; color:#416a09; }
	.right_wrap ul.quick li a p.info			{font:400 14px/20px "Poppins", "Noto Sans KR", sans-serif; color:#767474; margin-top:10px;}	

/* 	.right_wrap ul.quick li a:hover				{background-position-x:180px; background:#2AA78B;} */
	.right_wrap ul.quick li:first-child a:hover		{background:#2AA78B url('/_img/wm/mo/main/quick01.png') no-repeat top 27px right 54px/58px;}
	.right_wrap ul.quick li:nth-child(2) a:hover		{background:#2AA78B url('/_img/wm/mo/main/quick02.png') no-repeat top 27px right 45px/83px;}
	.right_wrap ul.quick li:nth-child(3) a:hover		{background:#2AA78B url('/_img/wm/mo/main/quick03.png') no-repeat top 22px right 54px/51px;}
	.right_wrap ul.quick li:nth-child(4) a:hover		{background:#2AA78B url('/_img/wm/mo/main/quick04.png') no-repeat top 22px right 50px/71px;}
	.right_wrap ul.quick li a:hover span.stxt	{color:#07221C;}
	.right_wrap ul.quick li a:hover span.tit	{color:#fff;}
	.right_wrap ul.quick li a:hover p.info		{color:#fff;}


	/* 공지사항 */
	.section1 .box .box_wrap02			{width:100%;display:flex;align-items: flex-start;margin-top:15px;flex-direction: column;}
	.section1 .box .box_wrap02 .left_wrap	{position:relative;width: 100%; margin-bottom:15px; background:#fff;border-radius:5px;padding:20px 20px 10px 20px;box-shadow: 0px 0px 10px 9px rgba(0,0,0,0.04);height: 100%;}

	.left_wrap ul.nlist						{margin-top:10px;}
	.left_wrap ul.nlist li					{border-bottom:1px solid #ddd;}
	.left_wrap ul.nlist li:last-child		{border:none; padding:0; margin:0;}
	.left_wrap ul.nlist li a					{display: flex;color:#222;font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif;padding:9px 0px; align-items: center; transition:all 0.2s;}
	.left_wrap ul.nlist li a:hover				{color:#5bbb26}
	.left_wrap ul.nlist li a b.new				{display:inline-block;width:22px;height:22px;background:#5bbb26;border-radius:50%;color:#fff;text-align:center;font: 500 13px/23px "Poppins", "Noto Sans KR", sans-serif;vertical-align: 3px;margin-left: 10px;}
	.left_wrap ul.nlist li a span.cont				{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 80px);}
	.left_wrap ul.nlist li a span.cont::before   {display: inline-block;border-radius:50%;width:4px;height:4px;background:#333;content:'';vertical-align:4px;margin-right:6px;transition:all 0.2s}
	.left_wrap ul.nlist li a:hover span.cont::before {background:#5bbb26}
	.left_wrap ul.nlist li a .date				{margin-left:auto; font:400 14px/14px "Poppins", "Noto Sans KR", sans-serif; color:#767474}


	div.tit				{font:500 20px/20px "Poppins", "Noto Sans KR", sans-serif; color:#000;overflow: hidden;}
	div.tit h2					{float:left; font:500 20px/20px "Poppins", "Noto Sans KR", sans-serif !important; color:#000 !important;}
	div.tit a.more				{position:relative; padding-right:25px; font-size:0; float:right; }
	div.tit a.more::after		{display:block; content:''; position:absolute; top:0; right:0; width:20px; height:20px; background:url('/_img/wm/mo/main/more.png')no-repeat 50% 50%/17px; transition:0.5s;}	
	div.tit a.more:hover::after,
	div.tit a.more:focus::after		{transform:rotate(180deg);}


	/* 우수사례집 */
	.section1 .box .box_wrap02 .right_wrap			{width: 100%;background:#fff;border-radius:5px;padding:20px;box-shadow: 0px 0px 10px 9px rgba(0,0,0,0.04);height: 100%;}

	.right_wrap .public_box					{display:flex; flex-direction: column; margin-top: 20px;}
	.right_wrap .public						{width: 100%; display:table;margin-bottom: 20px;}
	.right_wrap .public .cover				{position:relative; width:37%; height:100%;display:table-cell;vertical-align:top;}
	.right_wrap .public .cover img.img		{border-radius:3px;height:100%;width:100%;border: 1px solid #ddd;}
	.right_wrap .public .cover a			{border-radius:3px;position:absolute;z-index:2;bottom: -11px;right:-150px;display:inline-block;overflow:hidden;width: 170px;background:#31395d;text-align:center;padding: 10px 15px;font: 400 15px/17px "Poppins","Noto Sans KR", sans-serif;color:#fff;}
	.right_wrap .public .cover a img		{margin-left:12px; vertical-align:top;}
	.right_wrap .public .cover a:hover,
	.right_wrap .public .cover a:focus		{background:#079ddc;}
	.right_wrap .public .cont				{display:table-cell;width:auto;padding-left:15px;color:#fff;vertical-align:top;}
	.right_wrap .public .cont .name			{word-break: keep-all;margin-top: 15px; max-height:50px;font: 500 16px/22px "Poppins", "Noto Sans KR", sans-serif;color: #333;letter-spacing:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.right_wrap .public .cont .date			{margin-top:5px;font: 400 14px/17px "Poppins","Noto Sans KR", sans-serif;color: #767474;letter-spacing:0;}



/* section2 */	
	.section2				{max-width:1400px; padding:0 15px; margin:40px auto 0;}
	.section2 p.h2_txt		{font: 400 15px/22px "Poppins","Noto Sans KR", sans-serif;color: #666; text-align:center; margin-top:10px; word-break: keep-all;}
	.section2 .graph_box	{width:100%; border:1px solid #ddd; padding:60px; margin-top:10px; border-radius:5px;}

/* section3 */
	.section3					{max-width:1400px; padding:0 15px; margin:40px auto 100px;}
	.section3 .pr_box			{display:flex; flex-direction: column;}
	.section3 .pr_box .video_wrap				{width:100%;margin-top:20px; border:solid 1px #ddd; border-radius:5px; border:solid 1px #ddd; transition:.2s; position:relative;}
	.section3 .pr_box .video_wrap:hover			{border-color:#2AA78B}
	.section3 .pr_box .video_wrap:hover::after	{position:absolute; z-index:-1; content:""; width: 100%; height: 100%; top:-3px; left:-3px; transition:all 0.3s;  cursor:pointer; border:3px solid #2AA78B ; border-radius:5px; box-shadow:2px 5px 7px 2px rgba(0,0,0,0.1);}
	
	.section3 .pr_box .video_wrap .video		{position: relative; height:0; padding-bottom:56.25%; border-radius:5px 5px 0 0; overflow:hidden;}
	.section3 .pr_box .video_wrap .video iframe	{display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.section3 .pr_box .video_wrap .video video	{display:block; position: absolute; top: -1px; left: 0; width: 100%; height: 100%;}
	.section3 .pr_box .video_wrap p.txt			{margin:10px; font: 400 15px/22px "Poppins","Noto Sans KR", sans-serif; color: #666; text-align:center;}



}