@charset "utf-8";

a {transition:all 0.4s;-webkit-transition:all 0.4s;}
.wrap {width:1500px;margin:0 auto;}
.wrap:after {content:"";display:block;clear:both;}

/***** 비주얼 *****/
.fs_main_visual {position:relative;z-index:10;overflow:hidden;height:610px;margin-top:100px;}
.fs_main_visual:after {content:"";display:block;clear:both;}
.fs_main_visual .slides_box {position:relative;}
.fs_main_visual .slides_box .slides01 {position:relative;z-index:10;}
.fs_main_visual .slides_box .slides01 li {height:610px;}
.fs_main_visual .slides_box .slides01 li .main_visual_text {position:relative;width:1500px;margin:0 auto;padding:140px 30px 0 30px;text-align:left;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .sta {animation-delay:0.1s;display:inline-block;font-weight:700;font-size:23px;color:#222;letter-spacing:-1px;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb {animation-delay:0.4s;display:block;line-height:65px;margin-top:10px;font-size:50px;font-weight:400;color:#003333;letter-spacing:-4px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px  #fff;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stb strong {display:block;}
.fs_main_visual .slides_box .slides01 li .main_visual_text .stc {animation-delay:0.6s;display:block;margin-top:15px;font-size:28px;color:#444;}
.fs_main_visual .slides_box .slides01 li .bmvt {display:table;width:915px;height:188px;margin:147px auto 0 auto;}
.fs_main_visual .slides_box .slides01 li .bmvt > div {position:relative;display:table-cell;vertical-align:middle;line-height:34px;padding-left:110px;font-size:22px;color:#fff;background:url(./../img/main/mvis02_ico.png) left center no-repeat;text-shadow:5px 0 5px rgba(0,0,0,0.45);}
.fs_main_visual .slides_box .slides01 li .bmvt > div:after {content:"";position:absolute;left:81px;top:50%;width:1px;height:50px;margin-top:-25px;background:rgba(255,255,255,0.3);}
.fs_main_visual .slides_box .slides01 li + li .main_visual_text .sta {color:#76cb1f;}
.fs_main_visual .slides_box .slides01 li + li .main_visual_text .stb {color:#fff;text-shadow:none;}
.fs_main_visual .slides_box .slides01 li + li .main_visual_text .stc {color:rgba(255,255,255,0.8);}
	/*** 컨트롤 ***/
	.fs_main_visual .slides_box .mvis_controll_box {position:absolute;left:0;right:0;top:0;padding:410px 30px 0 30px;width:1500px;margin:0 auto;text-align:left;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_pager {display:inline-block;color:#fff;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager {position:relative;z-index:10;font-size:0;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager .bx-pager-item {display:inline-block;margin:0 5px;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager .bx-pager-item .bx-pager-link {display:inline-block;width:14px;height:14px;background:#a0a0a0;}
	.fs_main_visual .slides_box .mvis_controll_box .mvis_pager .bx-pager .bx-pager-item .bx-pager-link.active {background:#2382cf;}
	/* 재생정지 */
	.fs_main_visual .mvis_controll_box .mvis_auto {display:inline-block;vertical-align:top;}
	.fs_main_visual .mvis_controll_box .mvis_auto .bx-controls-auto {position:relative;z-index:100;display:inline-block;height:14px;margin-left:10px;font-size:0;}
	.fs_main_visual .mvis_controll_box .mvis_auto .bx-controls-auto .bx-start {display:inline-block;width:8px;height:14px;margin-top:1px;background:url(./../img/main/btn_play.png) no-repeat left top;font-size:0;}
	.fs_main_visual .mvis_controll_box .mvis_auto .bx-controls-auto .bx-start:hover,
	.fs_main_visual .mvis_controll_box .mvis_auto .bx-controls-auto .bx-start:active,
	.fs_main_visual .mvis_controll_box .mvis_auto .bx-controls-auto .bx-start:focus {background-position:0 -14px;}
	.fs_main_visual .mvis_controll_box .mvis_auto .bx-controls-auto .bx-stop {display:inline-block;width:8px;height:14px;margin-top:1px;background:url(./../img/main/btn_stop.png) no-repeat left top;font-size:0;}
	.fs_main_visual .mvis_controll_box .mvis_auto .bx-controls-auto .bx-stop:hover,
	.fs_main_visual .mvis_controll_box .mvis_auto .bx-controls-auto .bx-stop:acitve,
	.fs_main_visual .mvis_controll_box .mvis_auto .bx-controls-auto .bx-stop:focus {background-position:0 -14px;}
	.fs_main_visual .mvis_controll_box {position:absolute;left:0;right:0;top:0;width:100%;margin:0 auto;text-align:center;}
	/* 좌우 */
	.fs_main_visual .mvis_controll_box .mvis_prev a {position:absolute;left:-140px;top:284px;z-index:100;width:85px;height:32px;background:url(./../img/layout/sub_left.png) left top no-repeat;font-size:0;}
	.fs_main_visual .mvis_controll_box .mvis_prev a:hover,
	.fs_main_visual .mvis_controll_box .mvis_prev a:focus,
	.fs_main_visual .mvis_controll_box .mvis_prev a:active {background:url(./../img/main/sub_left_ov.png) left top no-repeat;}
	.fs_main_visual .mvis_controll_box .mvis_next a {position:absolute;right:-140px;top:284px;z-index:100;width:85px;height:32px;background:url(./../img/layout/sub_right.png) left top no-repeat;font-size:0;}
	.fs_main_visual .mvis_controll_box .mvis_next a:hover,
	.fs_main_visual .mvis_controll_box .mvis_next a:focus,
	.fs_main_visual .mvis_controll_box .mvis_next a:active {background:url(./../img/main/sub_right_ov.png) left top no-repeat;}


/***** 컨텐츠 시작 *****/
.fs_main_contents {position:relative;}

	/**** 공통 ***/
	h3.tit {margin-bottom:15px;font-size:25px;color:#000;}

	/*** con_box1 ***/
	.con_box1 {padding:35px 0;background:#eeeeee;}
	.con_box1:after {content:"";display:block;clear:both;}
		/**** 녹색제품인증현황 ***/
		.con_box1 .green_box {}
		.con_box1 .green_box .green_ul {}
		.con_box1 .green_box .green_ul li {float:left;width:9.88%;height:150px;border-top:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff;}
		.con_box1 .green_box .green_ul li.tit {width:11%;border-top:none;border-bottom:none;}
		.con_box1 .green_box .green_ul li.tit h3 {display:table;width:100%;height:150px;font-size:20px;color:#000;}
		.con_box1 .green_box .green_ul li.tit h3 span {display:table-cell;vertical-align:middle;}
		.con_box1 .green_box .green_ul li a {display:block;width:100%;height:100%;line-height:16px;padding-top:105px;text-align:center;font-size:14px;color:#444;text-decoration:none;}
		.con_box1 .green_box .green_ul li:nth-child(2) a {background:url(./../img/main/cbox1_ico1.png) center top 19px no-repeat;} /* 최소녹색기준제품 */
		.con_box1 .green_box .green_ul li:nth-child(3) a {background:url(./../img/main/cbox1_ico2.png) center top 35px no-repeat;} /* 신재생 에너지 설비인증 */
		.con_box1 .green_box .green_ul li:nth-child(4) a {background:url(./../img/main/cbox1_ico3.png) center top 14px no-repeat;} /* 고효율 에너지 기자재인증 */
		.con_box1 .green_box .green_ul li:nth-child(5) a {background:url(./../img/main/cbox1_ico4.png) center top 16px no-repeat;} /* 대기전력 저감프로그램 */
		.con_box1 .green_box .green_ul li:nth-child(6) a {background:url(./../img/main/cbox1_ico5.png) center top 17px no-repeat;} /* 에너지 소비효율 등급표시 */
		.con_box1 .green_box .green_ul li:nth-child(7) a {background:url(./../img/main/cbox1_ico6.png) center top 17px no-repeat;} /* 환경표지 */
		.con_box1 .green_box .green_ul li:nth-child(8) a {background:url(./../img/main/cbox1_ico7.png) center top 15px no-repeat;} /* 저탄소 */
		.con_box1 .green_box .green_ul li:nth-child(9) a {background:url(./../img/main/cbox1_ico8.png) center top 17px no-repeat;} /* GR(우수재활용제품) */
		.con_box1 .green_box .green_ul li:nth-child(10) a {background:url(./../img/main/cbox1_ico9.png) center top 17px no-repeat;} /* 녹색인증 */
		.con_box1 .green_box .green_ul li a.pt {padding-top:115px;}
		.con_box1 .green_box .green_ul li a:hover, .con_box1 .green_box .green_ul li a:focus, .con_box1 .green_box .green_ul li a:active {background-color:#fff;color:#009600;}

	/*** con_box2 ***/
	.con_box2 {padding:80px 0 120px 0;}
	.con_box2:after {content:"";display:block;clear:both;}
	.con_box2 .wrap > div {float:left;}
	.con_box2 .wrap > div:after {content:"";display:block;clear:both;}

		/*** 법령 ***/
		.con_box2 .wrap > div.left_box {width:50%;padding-right:20px;}
		.con_box2 .left_box .raw_box {}
		.con_box2 .left_box .raw_box:after {content:"";display:block;clear:both;}
		.con_box2 .left_box .raw_box .raw_ul {}
		.con_box2 .left_box .raw_box .raw_ul li {float:left;width:25%;height:180px;}
		.con_box2 .left_box .raw_box .raw_ul li a {display:block;width:100%;height:100%;padding:20px;font-size:14px;color:#999999;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;text-decoration:none;}
		.con_box2 .left_box .raw_box .raw_ul li + li + li + li + li a {border-bottom:1px solid #dcdcdc;}
		.con_box2 .left_box .raw_box .raw_ul li a strong {display:block;line-height:20px;margin-bottom:15px;font-size:16px;color:#222;}
		.con_box2 .left_box .raw_box .raw_ul li.tit_box a {position:relative;background:url(./../img/main/cbox2_bg.png) left -12px bottom -12px no-repeat #2382cf !important;border:none;}
		.con_box2 .left_box .raw_box .raw_ul li.tit_box a .tit {font-size:25px;color:#fff;}
		.con_box2 .left_box .raw_box .raw_ul li.tit_box a .more {position:absolute;right:20px;bottom:20px;}
		.con_box2 .left_box .raw_box .raw_ul li.tit_box a .more img {transition:all 0.4s;}
		.con_box2 .left_box .raw_box .raw_ul li.tit_box a:hover .more img, .con_box2 .left_box .raw_box .raw_ul li.tit_box a:focus .more img, .con_box2 .left_box .raw_box .raw_ul li.tit_box a:active .more img {transform:rotate(180deg);}
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(2) a {background:url(./../img/main/cbox2_ico1.png) right 20px bottom 15px no-repeat;} /* 저탄소 녹색성장 기본법 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(3) a {background:url(./../img/main/cbox2_ico2.png) right 20px bottom 15px no-repeat;} /* 에너지이용 합리화법 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(4) a {background:url(./../img/main/cbox2_ico3.png) right 20px bottom 15px no-repeat;} /* 환경기술 및 환경 산업 지원법 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(5) a {background:url(./../img/main/cbox2_ico4.png) right 20px bottom 15px no-repeat;border-left:1px solid #dcdcdc;} /* 자원의 절약과 재활용 촉진에 관한 법률 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(6) a {background:url(./../img/main/cbox2_ico5.png) right 20px bottom 15px no-repeat;} /* 신에너지 및 재생에너지 개발 이용 보급 촉진법 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(7) a {background:url(./../img/main/cbox2_ico6.png) right 20px bottom 15px no-repeat;} /* 녹색제품 구매촉진에 관한 법률 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(8) a {background:url(./../img/main/cbox2_ico7.png) right 20px bottom 15px no-repeat;} /* 녹색건축 인증에  */
		.con_box2 .left_box .raw_box .raw_ul li a:hover, .con_box2 .left_box .raw_box .raw_ul li a:focus, .con_box2 .left_box .raw_box .raw_ul li a:active {background-color:#eee;}

		/*** 통계정보 ***/
		.con_box2 .wrap > div.center_box {width:35%;padding-right:20px;}
		.con_box2 .center_box .notice_box {position:relative;overflow:hidden;width:auto;}
		.con_box2 .center_box .notice_box h3.tit {margin-bottom:16px;}
		.con_box2 .center_box .notice_box .notice {border-top:2px solid #2382cf;}
		.con_box2 .center_box .notice_box .notice:after {content:"";display:block;clear:both;}
		.con_box2 .center_box .notice_box .notice li {position:relative;line-height:44px;padding-left:10px;border-bottom:1px solid #ededed;}
		.con_box2 .center_box .notice_box .notice li a {width:70%;font-size:16px;color:#666;text-decoration:none;}
		.con_box2 .center_box .notice_box .notice li a:hover,.notice_box .notice li a:focus,.notice_box .notice li a:active {color:#0d62b8;}
		.con_box2 .center_box .notice_box .notice li span {float:right;margin-right:10px;font-size:16px;color:#999;font-weight:300;}
		.con_box2 .center_box .notice_box .more {position:absolute;right:0;top:0;}
		.con_box2 .center_box .notice_box .more img {transition:all 0.4s;}
		.con_box2 .center_box .notice_box .more:hover img,.notice_box .more:focus img,.notice_box .more:active img {transform:rotate(180deg);}

		/*** 관련사이트 ***/
		.con_box2 .wrap > div.right_box {width:15%;}
		.con_box2 .right_box .site_box:after {content:"";display:block;clear:both;}
		.con_box2 .right_box .site_box h3 {font-size:15px;font-weight:400;color:#444;}
		.con_box2 .right_box .site_box .site_ul1 {margin-top:15px;}
		.con_box2 .right_box .site_box .site_ul1 li {}
		.con_box2 .right_box .site_box .site_ul1 li a {display:block;width:100%;padding:10px 0;text-align:center;border:1px solid #dcdcdc;}
		.con_box2 .right_box .site_box .site_ul1 li + li a {border-top:none;}
		.con_box2 .right_box .site_box .site_ul2 {margin-top:10px;}
		.con_box2 .right_box .site_box .site_ul2 li {}
		.con_box2 .right_box .site_box .site_ul2 li a {display:block;width:100%;height:100px;line-height:20px;margin-top:5px;padding:20px;font-size:16px;color:#fff;background:url(./../img/main/cbox2_bg2.png) right top 10px no-repeat #1c8b68;}
		.con_box2 .right_box .site_box .site_ul2 li + li a {background:url(./../img/main/cbox2_bg3.png) right top -8px no-repeat #6ea932;}

/*pc*/
@media only screen and (max-width:1499px){

	.wrap {width:auto;padding:0 30px;}

	/***** 비주얼 *****/
	.fs_main_visual .slides_box .slides01 li .main_visual_text {width:auto;}
		/*** 컨트롤 ***/
		.fs_main_visual .slides_box .mvis_controll_box {width:auto;}
		/* 좌우 */
		.fs_main_visual .mvis_controll_box .mvis_prev a {display:none;}
		.fs_main_visual .mvis_controll_box .mvis_next a {display:none;}
	
	/*** con_box1 ***/
		/**** 녹색제품인증현황 ***/
		.con_box1 .green_box .green_ul li {width:10%;}
		.con_box1 .green_box .green_ul li.tit {width:10%;padding:0 10px;}
		.con_box1 .green_box .green_ul li.tit h3 {text-align:center;}

	/*** con_box2 ***/
		/*** 법령 ***/
		.con_box2 .wrap > div.left_box {width:60%;padding-right:40px;}

		/*** 통계정보 ***/
		.con_box2 .wrap > div.center_box {width:40%;padding-right:0;}

		/*** 관련사이트 ***/
		.con_box2 .wrap > div.right_box {width:100%;margin-top:40px;}
		.con_box2 .right_box .site_box .site_ul1 {float:left;width:35%;padding-right:10px;}
		.con_box2 .right_box .site_box .site_ul2 {float:left;width:65%;padding-left:10px;}
		.con_box2 .right_box .site_box .site_ul2 li {float:left;width:50%;}
		.con_box2 .right_box .site_box .site_ul2 li:nth-child(1) {padding-right:10px;}
		.con_box2 .right_box .site_box .site_ul2 li:nth-child(2) {padding-left:10px;}
		.con_box2 .right_box .site_box .site_ul2 li a {height:113px;}
}

@media only screen and (max-width:1199px){
	/***** 비주얼 *****/
	.fs_main_visual {margin-top:90px;}

	/*** con_box1 ***/
		/**** 녹색제품인증현황 ***/
		.con_box1 .green_box .green_ul li {width:20% !important;}
		.con_box1 .green_box .green_ul li + li + li + li + li + li + li {border-top:none;}
		.con_box1 .green_box .green_ul li:nth-child(6) {border-left:1px solid #fff;}
}

/*태블릿*/
@media only screen and (max-width:1023px){

	/***** 비주얼 *****/
	.fs_main_visual {height:400px;}
	.fs_main_visual .slides_box .slides01 li {height:400px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text {padding-top:80px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .sta {font-size:22px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb {margin-top:10px;line-height:44px;font-size:36px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stc {margin-top:30px;font-size:22px;}
		/*** 컨트롤 ***/
		.fs_main_visual .slides_box .mvis_controll_box {padding-top:290px;}

	/*** con_box2 ***/
	.con_box2 {padding:60px 0 80px 0;}
		/*** 법령 ***/
		.con_box2 .wrap > div.left_box {float:none;width:100%;padding-right:0;}

		/*** 통계정보 ***/
		.con_box2 .wrap > div.center_box {float:none;width:100%;margin-top:40px;}
}
/*모바일*/
@media only screen and (max-width:767px){

	.wrap {padding:0 15px;}

	/**** 공통 ***/
	h3.tit {font-size:22px;}

	/***** 비주얼 *****/
	.fs_main_visual {height:270px;}
	.fs_main_visual .slides_box .slides01 li {height:270px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text {padding:45px 15px 0 15px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .sta {font-size:18px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stb {line-height:32px;font-size:26px;}
	.fs_main_visual .slides_box .slides01 li .main_visual_text .stc {margin-top:15px;font-size:18px;}
		/*** 컨트롤 ***/
		.fs_main_visual .slides_box .mvis_controll_box {padding:230px 15px 0 15px;text-align:center;}

	/*** con_box1 ***/
		/**** 녹색제품인증현황 ***/
		.con_box1 .green_box .green_ul li {width:50% !important;}
		.con_box1 .green_box .green_ul li + li + li {border-top:none;}
		.con_box1 .green_box .green_ul li:first-child {border-bottom:1px solid #fff;}
		.con_box1 .green_box .green_ul li:nth-child(3),
		.con_box1 .green_box .green_ul li:nth-child(5),
		.con_box1 .green_box .green_ul li:nth-child(7),
		.con_box1 .green_box .green_ul li:nth-child(9) {border-left:1px solid #fff;}
		.con_box1 .green_box .green_ul li:nth-child(6) {border-left:none;}

	/*** con_box2 ***/
	.con_box2 {padding:40px 0 60px 0;}

		/*** 법령 ***/
		.con_box2 .left_box .raw_box .raw_ul li {width:50%;height:145px;}
		.con_box2 .left_box .raw_box .raw_ul li a {padding:15px}
		.con_box2 .left_box .raw_box .raw_ul li + li + li + li + li + li + li a {border-top:none;}
		.con_box2 .left_box .raw_box .raw_ul li.tit_box a {padding:20px;}
		.con_box2 .left_box .raw_box .raw_ul li.tit_box a .tit {font-size:22px;}
		
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(2) a {background-position:right 10px bottom 10px;} /* 저탄소 녹색성장 기본법 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(3) a {background-position:right 10px bottom 10px;border-left:1px solid #dcdcdc;} /* 에너지이용 합리화법 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(4) a {background-position:right 10px bottom 10px;} /* 환경기술 및 환경 산업 지원법 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(5) a {background-position:right 10px bottom 10px;} /* 자원의 절약과 재활용 촉진에 관한 법률 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(6) a {background-position:right 10px bottom 10px;} /* 신에너지 및 재생에너지 개발 이용 보급 촉진법 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(7) a {background-position:right 10px bottom 10px;border-left:1px solid #dcdcdc;} /* 녹색제품 구매촉진에 관한 법률 */
		.con_box2 .left_box .raw_box .raw_ul li:nth-child(8) a {background-position:right 10px bottom 10px;} /* 녹색건축 인증에  */

		/*** 통계정보 ***/
		.con_box2 .wrap > div.center_box {margin-top:30px;}

		/*** 관련사이트 ***/
		.con_box2 .wrap > div.right_box {margin-top:30px;}
		.con_box2 .right_box .site_box .site_ul1 {float:none;width:100%;padding-right:0;}
		.con_box2 .right_box .site_box .site_ul2 {float:none;width:100%;padding-left:0;}
		.con_box2 .right_box .site_box .site_ul2 li:nth-child(1) {padding-right:5px;}
		.con_box2 .right_box .site_box .site_ul2 li:nth-child(2) {padding-left:5px;}
}
@media only screen and (max-width:450px){
	/*** con_box2 ***/
		/*** 관련사이트 ***/
		.con_box2 .right_box .site_box .site_ul2 li {float:none;width:100%;}
		.con_box2 .right_box .site_box .site_ul2 li:nth-child(1) {padding-right:0;}
		.con_box2 .right_box .site_box .site_ul2 li:nth-child(2) {padding-left:0;}
		.con_box2 .right_box .site_box .site_ul2 li a {height:100px;}
}