@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{font-family: 'Noto Sans SC', 'Nanum Gothic';}

@media only screen and (min-width: 1300px) {
	#top {width:100%; height:40px; background-color:#3c3c3c; position:fixed; z-index:100000000;}
	#top .left {float:left; padding:8px 0 0 100px; font-size:13px;}
	#top .left span {font-size:12px; color:#777; margin:0 10px;}
	#top .left a {color:#ddd;}
	#top .left a:hover {color:#fff;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;}
	#top .right {float:right;}
	#top .right .lan {float:left; width:150px; height:40px; border-left:1px solid #555;}
	#top .right .search {float:left; width:300px; height:40px; background-color:#028843; border-top:0; font-size:13px; color:#fff;}
	#top .right .search input {width:220px; height:30px; background-color:#028843; color:#fff; padding:5px 20px;}
	#top .right .search input::-webkit-input-placeholder { color:#fff }
	#top .right .search input::-moz-placeholder { color:#fff }

	#topmenu {position:fixed; width:100%;  top:-300px; left:0%; background-color:#fafafa; border-bottom:3px solid #028843; z-index:98;}
	#topmenu ul {width:850px; margin:0 auto;}
	#topmenu ul li {float:left; width:16%; height:280px; text-align:center; border-right:1px solid #eaeaea; padding:25px 0; font-size:15px;}
	#topmenu ul li .title {text-align:center; font-size:18px; font-weight:bold; padding:10px 0; color:#000;}
	#topmenu ul li a:link {line-height:32px;}
	#topmenu ul li a:hover {line-height:32px; color:#028843; width:100%;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;}
	#topmenu .t_left {border-left:1px solid #eaeaea;}
	#topmenu .title {display:none;}

	#head {width:100%; height:90px; background-color:#fff; border-bottom:1px solid #e3e3e3; position:fixed; top:40px; z-index:99; margin: auto;}
	#head .logo {float:left; width:200px; height:90px; padding:34px 0 0 100px;}
	#head .logo a{width:200px; display:block;}
	#head .logo a img{width:200px; display:block;}
	#head .menu {float:left;  width:calc(100% - 600px); height:90px; padding-top:32px; text-align:center; color:#333; font-size:18px; font-weight:bold;}
	#head .menu div {width:850px; margin:0 auto;}
	#head .menu li {float:left; width:16%; text-align:center;}
	#head .menu li a {color:#333;}
	#head .menu li a:hover{color:#028843;
	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;}

	.main_web_text{font-size:18px; letter-spacing:-0.5px;}
	.main_mobile_text{display:none;}

	#head .none li {float:left; width:16%; text-align:center;}
	#head .none li a {color:#333;}

	#head .t_menu {display:none;}
	#head .btn {float:left; text-align:right; width:200px; height:90px; padding:32px 100px 0 0;}
	#head .btn a {margin-left:8px;}

	#right_menu {display:none;}

	#main {width:100%; height:815px; padding-top:130px;}
	#main .btn a {display:block; width:120px; margin:0 auto; margin-top:80px; padding:12px 20px; text-align:center; 
	border:1px solid #fff; font-size:11px; letter-spacing:2px; color:#fff;  text-transform:uppercase}
	#main .btn a:hover{color:#ffffff; background:#7ab065; border:1px solid #7ab065;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

	#main .main_00 {width:100%; height:815px; background-image:url('../../sub_chi/img/animation_03_chi_n.gif'); background-repeat:no-repeat; background-position:center top;}
	#main .main_01 {width:100%; height:815px; background-image:url('../../sub/img/main_01_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_02 {width:100%; height:815px; background-image:url('../../sub/img/main_02_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_03 {width:100%; height:815px; background-image:url('../../sub/img/main_03_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_04 {width:100%; height:815px; background-image:url('../../sub/img/main_04_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_05 {width:100%; height:815px; background-image:url('../../sub/img/main_05_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_06 {width:100%; height:815px; background-image:url('../../sub/img/main_06_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_07 {width:100%; height:815px; background-image:url('../../sub/img/main_07_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_08 {width:100%; height:815px; background-image:url('../../sub/img/main_08_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	
	#main .title {color:#fff; font-size:70px; line-height:70px; text-align:center; padding-top:170px; text-transform:uppercase} 
	#main .text {color:#fff; font-size:18px; line-height:27px; text-align:center;} 
	#main .text p {color:#ffd58d; font-size:25px; padding:50px 0;}

	#product {width:100%;}
	#product ul {padding:100px; overflow:hidden;}
	#product li {float:left; width:23.5%; margin:0 2% 2% 0;}
	#product li .img img {width:100%;}
	#product li .text {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; color:#111;
	font-size:16px; padding:15px 0; font-weight:500;}
	#product .p {margin:0;}
	#product li .text .btn {width:120px; margin:0 auto; margin-top:20px; margin-bottom:20px; padding:12px 20px; text-align:center; border:1px solid #777; font-size:11px; letter-spacing:2px; color:#777;  /*font-family : raleway_r;*/ text-transform:uppercase}
	#product li .text .btn a {color:#777;}

	#banner {width:100%;}
	#banner li {float:left; width:33.3%; height:660px; text-align:center; }
	#banner li .text {padding:50px; color:#fff; font-size:15px; line-height:27px;}
	#banner li .text p {color:#fff; font-size:60px; padding:180px 0 60px 0; font-weight:500; letter-spacing:0.5px;}
	#banner li .text span{display:block; font-size:15px; width:80%; margin:0 auto;}
	#banner li .btn a {display:block; width:120px; margin:0 auto; padding:12px 20px; text-align:center; border:1px solid #fff; font-size:11px; letter-spacing:2px; 
	color:#fff;  text-transform:uppercase}
	#banner li .btn a:hover{color:#ffffff; background:#7ab065; border:1px solid #7ab065;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

	#banner .banner_01 {background-image:url('../../sub/img/banner_01_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#banner .banner_02 {background-image:url('../../sub/img/banner_02_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#banner .banner_03 {background-image:url('../../sub/img/banner_03_bg.jpg'); background-repeat:no-repeat; background-position:center top;}

	#main_etc {width:100%;}
	#main_etc .contents {padding:100px; overflow:hidden;}
	#main_etc .title {font-size:30px; color:#111; padding-bottom:20px; font-weight:600;}

	#main_etc .board {float:left; width:63%; margin-right:2%;}
	#main_etc .board li {position:relative; float:left; width:31%; height:430px; margin-right:2%; border:1px solid #e3e3e3;}
	#main_etc .board li .img img {width:100%;}
	#main_etc .board li .text {font-family:'Nanum Gothic'; padding:25px 30px 10px 25px; font-size:13px; color:#777; line-height:22px; letter-spacing:-0.5px;}
	#main_etc .board li .text p {color:#111; font-size:17px; font-weight:bold; padding-bottom:10px;
	display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:-0.5px;}
	#main_etc .board li .under {position:absolute; bottom:20px; width:100%; overflow:hidden; margin:0 auto;}
	#main_etc .board li .under .view {float:left; padding:0 0 0 7%;}
	#main_etc .board li .under .date {float:right; color:#aaa; padding:3px 7% 0 0}
	#main_etc .board li .under .date img {margin-right:7px;}
	
	#main_etc .banner {float:left; width:35%;}
	#main_etc .banner .text {color:#fff; font-size:20px; font-weight:500; letter-spacing:-0.5px;}
	#main_etc .banner .text span{display:block; text-transform:uppercase; font-size:15px; font-weight:500; letter-spacing:1px; opacity:0.8; margin:-6px 0 0 0;}

	#main_etc .banner .text a {display:block; color:#fff; width:80%; padding:10% 10% 129px 10.5%;}
	#main_etc .banner .text a:hover{color:#90ca79;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;}
	#main_etc .banner .banner_03 a:hover{color:#b7b7b7;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;}
	#main_etc .banner li {float:left; width:50%; height:215px;}
	#main_etc .banner .banner_01 {background-color:#5b5b5b; background-image:url('../../sub/img/b_01_bg.png'); background-repeat:no-repeat; background-position:right bottom;}
	#main_etc .banner .banner_02 {background-color:#4e4e4e; background-image:url('../../sub/img/b_02_bg.png'); background-repeat:no-repeat; background-position:right bottom;}
	#main_etc .banner .banner_03 {background-color:#408e24; background-image:url('../../sub/img/b_04_bg.png'); background-repeat:no-repeat; background-position:right bottom;}
	#main_etc .banner .banner_04 {background-color:#424242; background-image:url('../../sub/img/b_03_bg.png'); background-repeat:no-repeat; background-position:right bottom;}

	#tail {width:100%; height:320px; background-color:#4f4f4f; overflow:hidden;}
	#tail .info {float:left; font-size:14px; color:#fff; line-height:30px; padding:55px 0 0 100px; font-weight:300; letter-spacing:0;}
	#tail .info .t_logo img {width:210px; padding-bottom:15px;}
	#tail .menu {float:right; text-align:left; padding:55px 100px 0 0; font-weight:300;}
	#tail .menu li {float:left; width:100px; color:#acacac; font-size:13px; line-height:22px;}
	#tail .menu li p {color:#fff; font-size:16px; font-weight:500; padding-bottom:10px;}
	#tail .menu li a {color:#acacac;}
	#tail .menu li a:hover {color:#ffffff;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;}
	#tail a{color:#ffffff;}
	#tail .info .tail_detail:nth-child(2){letter-spacing:0px;}

	#copy {width:100%; overflow:hidden; padding:30px 0; font-weight:300;}
	#copy .text {float:left; padding:0 0 0 100px; font-size:13px; color:#999;}
	#copy .btn {float:right; padding:0 100px 0 0; font-size:13px;}
	#copy .btn a {color:#999; margin-right:10px;}
	#copy .btn a:hover {color:#111;
	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;}


}

@media only screen and (min-width: 980px) and (max-width: 1299px) {
	#top {width:100%; height:40px; background-color:#3c3c3c; position:fixed; z-index:100000000;}
	#top .left {float:left; padding:8px 0 0 50px; font-size:13px;}
	#top .left a {color:#bbb; margin-right:10px;}
	#top .right {float:right;}
	#top .right .lan {float:left; width:150px; height:40px; border-left:1px solid #555;}
	#top .right .search {float:left; width:300px; height:40px; background-color:#028843; border-top:0; font-size:13px; color:#fff;}
	#top .right .search input {width:220px; height:30px; background-color:#028843; color:#fff; padding:5px 20px;}

	#head {width:100%; height:90px; background-color:#fff; border-bottom:1px solid #e3e3e3; position:fixed; top:40px; z-index:99;}
	#head .logo {float:left; width:200px; height:90px; padding:35px 0 0 50px;}
	#head .logo a img{width:180px;}
	#head .menu {float:left;  width:calc(100% - 300px); height:90px; padding:32px 50px 0 0; text-align:right; color:#333; font-size:16px; font-weight:bold;}
	#head .menu li {float:left; width:16%; text-align:center;}
	#head .menu li a {color:#333;}
	#head .menu a {color:#333; margin-left:40px;}
	#head .t_menu {display:none;}
	#head .btn {display:none;}	
	
	#right_menu {display:none;}
	
	#topmenu {position:fixed; width:100%;  top:-300px; left:0%; background-color:#fafafa; border-bottom:3px solid #028843; z-index:98;}
	#topmenu ul {}
	#topmenu ul li {float:left; width:16.5%; height:350px; text-align:center; border-right:1px solid #eaeaea; padding:25px 0; font-size:15px;}
	#topmenu ul li .title {text-align:center; font-size:18px; font-weight:bold; padding:10px 0; color:#000;}
	#topmenu ul li a:link {line-height:32px;}
	#topmenu ul li a:hover {line-height:32px; color:#028843; width:100%; font-weight:bold;}
	#topmenu .t_right {border-right:0px solid #eaeaea;}

	#main {width:100%; height:755px; padding-top:130px;}
	#main .main_00 {width:100%; height:755px; background-image:url('../../sub_chi/img/animation_04_chi_n.gif'); background-repeat:no-repeat; 
	background-position:center top; background-size:1510px 755px;}
	#main .main_01 {width:100%; height:755px; background-image:url('../../sub/img/main_01_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_02 {width:100%; height:755px; background-image:url('../../sub/img/main_02_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_03 {width:100%; height:755px; background-image:url('../../sub/img/main_03_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_04 {width:100%; height:755px; background-image:url('../../sub/img/main_04_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_05 {width:100%; height:755px; background-image:url('../../sub/img/main_05_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_06 {width:100%; height:755px; background-image:url('../../sub/img/main_06_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_07 {width:100%; height:755px; background-image:url('../../sub/img/main_07_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_08 {width:100%; height:755px; background-image:url('../../sub/img/main_08_bg.jpg'); background-repeat:no-repeat; background-position:center top;}

	#main .btn a {display:block; width:120px; margin:0 auto; margin-top:70px; padding:12px 20px; text-align:center; 
	border:1px solid #fff; font-size:11px; letter-spacing:2px; color:#fff; text-transform:uppercase}
	#main .btn a:hover{color:#ffffff; background:#7ab065; border:1px solid #7ab065;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

	.main_web_text{display:none;}
	.text span.main_mobile_text{display:block; width:75%; margin:0 auto; letter-spacing:0px;}
	
	#main .title {color:#fff; font-size:60px; line-height:65px; text-align:center; padding-top:120px; text-transform:uppercase} 
	#main .text {margin:0 auto; color:#fff; font-size:18px; line-height:28px; text-align:center;} 
	#main .text p {color:#ffd58d; font-size:22px; padding:60px 0 20px 0; letter-spacing:-1px;}

	#main_etc .banner .text {padding:25px 30px; color:#fff; font-size:20px; font-weight:bold; letter-spacing:-1px;}
	#main_etc .banner .text a{color:#ffffff;}
	#main_etc .banner .text span{display:block; text-transform:uppercase; font-size:15px; font-weight:900; letter-spacing:1px; opacity:0.8; margin:-5px 0 0 0;}

	#product {width:100%;}
	#product ul {padding:50px; overflow:hidden;}
	#product li {float:left; width:23.5%; margin:0 2% 2% 0;}
	#product li .img img {width:100%;}
	#product li .text {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; 
	text-align:center; color:#111; font-size:16px; padding:10px 0; font-weight:500;}

	#product .p {margin:0;}

	#banner {width:100%; overflow:hidden;}
	#banner li {float:left; width:33.3%; padding:160px 0 0 0; text-align:center; height:390px;}
	#banner li .text {padding:0 9%; color:#fff; font-size:15px; line-height:29px;}
	#banner li .text p {color:#fff; font-size:45px; padding:0 0 20px 0; line-height:50px; font-weight:500; letter-spacing:0.5px;}
	#banner li .text span{display:block; width:90%; font-size:14px; line-height:25px; margin:0 auto; letter-spacing:0px;}
	#banner li .btn a {display:block; width:120px; margin:40px auto 0; padding:12px 20px; text-align:center; border:1px solid #fff; font-size:11px; letter-spacing:2px; 
	color:#fff;  text-transform:uppercase;}
	#banner li .btn a:hover{color:#ffffff; background:#7ab065; border:1px solid #7ab065;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	#banner li:last-child .btn a {margin:40px auto 0;}

	#banner .banner_01 {background-image:url('../../sub/img/banner_01_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#banner .banner_02 {background-image:url('../../sub/img/banner_02_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#banner .banner_03 {background-image:url('../../sub/img/banner_03_bg.jpg'); background-repeat:no-repeat; background-position:center top;}

	#main_etc {width:100%;}
	#main_etc .contents {padding:50px; overflow:hidden;}
	#main_etc .title {font-size:30px; color:#111; padding-bottom:25px; font-weight:900; letter-spacing:0.5px;}

	#main_etc .board {float:left; width:49%; margin-right:1%;}
	#main_etc .board li {position:relative; overflow:hidden; width:100%; height:114px; border-bottom:1px solid #e3e3e3; padding:25px 0 0 0;}
	#main_etc .board li:first-child{border-top:1px solid #e3e3e3;}
	#main_etc .board li .img img {width:25%; float:left; margin:0 0 0 3%}
	#main_etc .board li .text {width:64%; padding:0 4% 10px 0; font-size:13px; height:auto; color:#777; line-height:20px; float:right;}
	#main_etc .board li .text p {color:#111; font-size:17px; font-weight:bold; padding-bottom:6px;
	display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:0px;}
	#main_etc .board li .text span {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:0px}
	#main_etc .board li .under {position:absolute; bottom:15px; right:0; width:66%; padding:10px 0 0 0; overflow:hidden; margin:0 4% 0 0;}
	#main_etc .board li .under .view {display:none; float:left;}
	#main_etc .board li .under .date {font-size:13px; color:#aaa; float:right; padding:5px 0 0 0;}
	#main_etc .board li .under .date img {margin-right:6px;}
	
	#main_etc .banner {float:left; width:49%; margin-left:1%;}
	#main_etc .banner li {float:left; width:50%; height:210px; padding:0;}
	#main_etc .banner .banner_01 {background-color:#5b5b5b; background-image:url('../../sub/img/b_01_bg.png'); 
	background-repeat:no-repeat; background-position:right bottom 5px;}
	#main_etc .banner .banner_02 {background-color:#4e4e4e; background-image:url('../../sub/img/b_02_bg.png'); 
	background-repeat:no-repeat; background-position:right bottom -7px;}
	#main_etc .banner .banner_03 {background-color:#408e24; background-image:url('../../sub/img/b_04_bg.png'); 
	background-repeat:no-repeat; background-position:right bottom;}
	#main_etc .banner .banner_04 {background-color:#424242; background-image:url('../../sub/img/b_03_bg.png');
	background-repeat:no-repeat; background-position:right bottom 5px;}

	#main_etc .banner .text {padding:12% 5% 47% 12%; color:#fff; font-size:19px; font-weight:bold; letter-spacing:-0.5px;}
	#main_etc .banner .text a{color:#ffffff;}
	#main_etc .banner .text span{display:block; text-transform:uppercase; font-size:15px; font-weight:500; letter-spacing:1px; opacity:0.8; margin:-5px 0 0 0;}


	#tail {width:100%; height:300px;background-color:#4f4f4f; overflow:hidden;}
	#tail .info {float:left; font-size:12px; color:#fff; line-height:30px; padding:40px 0 0 50px;}
	#tail .info .tail_detail:nth-child(2){letter-spacing:0px;}
	#tail .info .t_logo img {padding-bottom:25px;}
	#tail .menu {float:right; text-align:left; padding:40px 50px 0 0;}
	#tail .menu li {float:left; width:90px; color:#acacac; font-size:12px; line-height:22px;}
	#tail .menu li p {color:#fff; font-size:15px; font-weight:bold; padding-bottom:10px;}
	#tail .menu li a {color:#acacac;}

	#tail a{color:#ffffff;}

	#copy {width:100%; overflow:hidden; padding:30px 0;}
	#copy .text {float:left; padding:0 0 0 50px; font-size:13px; color:#999;}
	#copy .btn {float:right; padding:0 50px 0 0; font-size:13px;}
	#copy .btn a {color:#999; margin-right:10px;}	

}


@media only screen and (min-width: 641px) and (max-width: 979px) {
	#top {display:none;}
	#head {width:100%; height:70px; background-color:#fff; border-bottom:1px solid #e3e3e3; position:fixed; top:0px; z-index:100000000}
	#head .logo {float:left; width:180px; padding:26px 0 0 30px;}
	#head .logo a img{width:180px;}
	#head .menu {display:none;}
	#head .t_menu {float:right; padding:20px 30px 0 0;}
	#head .t_menu img {width:32px;}
	#head .btn {display:none;}

	#main {width:100%; height:600px; padding-top:70px;}
	#main .main_00 {width:100%; height:600px; background-image:url('../../sub_chi/img/animation_04_chi_n.gif'); background-repeat:no-repeat; background-position:center top; background-size:1200px 600px;}
	#main .main_01 {width:100%; height:600px; background-image:url('../../sub/img/main_01_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_02 {width:100%; height:600px; background-image:url('../../sub/img/main_02_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_03 {width:100%; height:600px; background-image:url('../../sub/img/main_03_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_04 {width:100%; height:600px; background-image:url('../../sub/img/main_04_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_05 {width:100%; height:600px; background-image:url('../../sub/img/main_05_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_06 {width:100%; height:600px; background-image:url('../../sub/img/main_06_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_07 {width:100%; height:600px; background-image:url('../../sub/img/main_07_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#main .main_08 {width:100%; height:600px; background-image:url('../../sub/img/main_08_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	
	#main .title {margin:0 auto; color:#fff; font-size:45px; line-height:48px; text-align:center; padding-top:80px; text-transform:uppercase} 
	#main .text {margin:0 auto; color:#fff; font-size:15px; line-height:25px; text-align:center; letter-spacing:0px;} 
	#main .text p {color:#ffd58d; font-size:20px; padding:50px 0 30px 0; letter-spacing:-1px;}

	#main_etc .banner .text {padding:25px 30px; color:#fff; font-size:20px; font-weight:bold; letter-spacing:-1px;}
	#main_etc .banner .text a{color:#ffffff;}
	#main_etc .banner .text span{display:block; text-transform:uppercase; font-size:15px; font-weight:500; letter-spacing:1px; opacity:0.8; margin:-6px 0 0 0;}

	.main_web_text{display:none;}
	.text span.main_mobile_text{display:block; width:70%; margin:0 auto; letter-spacing:0px;}

	#main .btn a {display:block; width:120px; margin:0 auto; margin-top:40px; padding:10px 15px; text-align:center; 
	border:1px solid #fff; font-size:11px; letter-spacing:2px; color:#fff;  text-transform:uppercase}
	#main .btn a:hover{color:#ffffff; background:#7ab065; border:1px solid #7ab065;}

	#topmenu {display:none;}
	.close_bg {position:relative; width:100%; overflow:hidden; padding:0; background-color:#028843; }
	.close_bg img {width:20px; padding:20px 0 2px 0;display:block; margin:0 auto;}
	.close_bg .right_menu_logo img{display:block; width:220px; padding:20px 0 20px 30px; float:left; clear:both;}

	.right_menu_login{position:absolute; display:block; width:65px; height:65px; text-align:center; right:65px;}
	.right_menu_login a{display:block; text-align:center; color:#ffffff;}
	.right_menu_login img{width:23px; display:block; margin:0 auto; padding:15px 0 1px 0}
	.right_menu_login a span{display:block; color:#ffffff; font-size:12px; font-weight:500; margin:0px 0 0 0; letter-spacing:0.5px;}

	#right_menu_close{position:absolute; display:block; width:65px; height:65px; text-align:center; top:0; right:10px;}
	#right_menu_close{display:block; color:#ffffff; font-size:12px; font-weight:500; margin:0px 0 0 0; letter-spacing:0.5px;}

	.right_menu_lan{width:100%; overflow:hidden; border-bottom:1px solid #e3e3e3;}
	.right_menu_lan ul li{width:24.88%; float:left; border-right:1px solid #e3e3e3; padding:15px 0; font-size:14px; font-weight:500; 
	text-transform:uppercase; text-align:center; letter-spacing:0.5px;}
	.right_menu_lan ul li:last-child{border:0;}
	.right_menu_lan ul li img{text-align:center; margin:0 5px 0 0;}

	#product {width:100%;}
	#product ul {padding:25px; overflow:hidden;}
	#product li {float:left; width:49%; margin:0 2% 2% 0;}
	#product li .img img {width:100%;}
	#product li .text {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;
	text-align:center; color:#111; font-size:16px; padding:10px 0; font-weight:500;}
	#product .p {margin:0;}
	#product .t {margin:0;}

	#banner {width:100%; overflow:hidden;}
	#banner li {float:left; width:33.3%; height:310px; text-align:center; padding:50px 0;}
	#banner li .text {padding:0; color:#fff; font-size:15px; line-height:27px;}
	#banner li .text p {color:#fff; font-size:40px; padding:50px 0 30px 0; font-weight:900; letter-spacing:0.5px;}
	#banner li .text span {display:block; width:80%; color:#fff; font-size:13.5px; line-height:25px; margin:0 auto; letter-spacing:0px;}
	#banner li .btn {display:block;}
	#banner li .btn a {display:block; width:120px; margin:40px auto 0; padding:10px 15px; text-align:center; border:1px solid #fff; 
	font-size:11px; letter-spacing:2px; color:#fff; text-transform:uppercase;}
	#banner li .btn a:hover{color:#ffffff; background:#7ab065; border:1px solid #7ab065;}

	#banner .banner_01 {background-image:url('../../sub/img/banner_01_bg.jpg');	background-repeat:no-repeat; background-position:center top;}
	#banner .banner_02 {background-image:url('../../sub/img/banner_02_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
	#banner .banner_03 {background-image:url('../../sub/img/banner_03_bg.jpg'); background-repeat:no-repeat; background-position:center top;}

	#main_etc {width:100%;}
	#main_etc .contents {padding:50px; overflow:hidden;}
	#main_etc .title {font-size:30px; color:#111; padding-bottom:20px; font-weight:900;}

	#main_etc .board {overflow:hidden; padding-bottom:30px;}
	#main_etc .board li {position:relative; float:left; width:100%; height:auto; border-bottom:1px solid #e3e3e3; 
	padding:25px 0; overflow:hidden;}
	#main_etc .board li:first-child{border-top:1px solid #e3e3e3;}
	#main_etc .board li .img {float:left; width:30%;}
	#main_etc .board li .img img {width:100%;}
	#main_etc .board li .text {float:left; width:64%; padding:0 1% 10px 5%; font-size:13px; height:auto; color:#777; line-height:21px; letter-spacing:0px}
	#main_etc .board li .text p {color:#111; font-size:17px; font-weight:bold; padding-bottom:6px;
	display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:0px;}
	#main_etc .board li .text span{display:block; margin:0 0 20px 0;}
	#main_etc .board li .under {position:absolute; right:0; bottom:20px; width:64%; padding:0; overflow:hidden;}
	#main_etc .board li .under .view {display:none; float:left; margin:0 0 4px 0;}
	#main_etc .board li .under .date {display:block; float:right; margin:0;}
	#main_etc .board li .under .date img {margin-right:6px;}
	
	#main_etc .banner {overflow:hidden;}
	#main_etc .banner .text {padding:35px 30px; color:#fff;  font-size:18px; font-weight:bold;}
	#main_etc .banner li {float:left; width:50%; height:120px;}
	#main_etc .banner li a{display:block;}
	#main_etc .banner .banner_01 {background-color:#5b5b5b; background-image:url('../../sub/img/b_01_bg.png'); background-repeat:no-repeat; 
	background-position:right 15px bottom 12px; background-size:75px 75px;}
	#main_etc .banner .banner_02 {background-color:#4e4e4e; background-image:url('../../sub/img/b_02_bg.png'); background-repeat:no-repeat; 
	background-position:right 10px bottom 4px; background-size:90px 85px;}
	#main_etc .banner .banner_03 {background-color:#408e24; background-image:url('../../sub/img/b_04_bg.png'); background-repeat:no-repeat; 
	background-position:right 10px bottom; background-size:180px 170px;}
	#main_etc .banner .banner_04 {background-color:#424242; background-image:url('../../sub/img/b_03_bg.png'); background-repeat:no-repeat; 
	background-position:right 15px bottom 15px; background-size:75px 75px;}

	#tail {width:100%; background-color:#4f4f4f; overflow:hidden;}
	#tail .info {padding:40px 0 35px 0; font-size:14px; color:#fff; line-height:26px; text-align:center;}
	#tail .info .tail_detail:nth-child(2){letter-spacing:0px;}
	#tail .info .t_logo img {width:200px; padding-bottom:15px;}
	#tail .menu {display:none;}

	#tail a{color:#ffffff;}

	#copy {width:100%; overflow:hidden;}
	#copy .text {font-size:13px; color:#999; text-align:center; padding:20px 50px;}
	#copy .btn {display:none;}

}

@media only screen and (min-width: 781px) and (max-width: 979px) {
	#main_etc .board {overflow:hidden; padding-bottom:30px; width:60%; margin-right:3%; float:left;}
	#main_etc .board li {position:relative; float:left; width:100%; height:89px; border-bottom:1px solid #e3e3e3; 
	padding:25px 0; overflow:hidden;}
	#main_etc .board li:first-child{border-top:1px solid #e3e3e3;}
	#main_etc .board li .img {float:left; width:30%;}
	#main_etc .board li .img img {width:100%;}
	#main_etc .board li .text {float:left; width:64%; padding:0 1% 10px 5%; font-size:13px; height:auto; color:#777; line-height:21px; letter-spacing:0px}
	#main_etc .board li .text p {color:#111; font-size:17px; font-weight:bold; padding-bottom:6px;
	display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:0px;}
	#main_etc .board li .text span {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:0px; margin:0;}
	#main_etc .board li .under {position:absolute; right:0; bottom:20px; width:64%; padding:0; overflow:hidden;}
	#main_etc .board li .under .view {display:none; float:left; margin:0 0 4px 0;}
	#main_etc .board li .under .date {display:block; float:right; margin:0 10px 0 0;}
	#main_etc .board li .under .date img {margin-right:6px;}
	
	#main_etc .banner {overflow:hidden; width:35%; float:right;}
	#main_etc .banner .text {padding:25px 25px; color:#fff; font-size:18px; font-weight:bold;}
	#main_etc .banner .text span{font-size:13px; font-weight:500; letter-spacing:1px; opacity:0.8; margin:-6px 0 0 0;}

	#main_etc .banner li {float:left; width:100%; height:105px;}
	#main_etc .banner .banner_01 {background-color:#5b5b5b; background-image:url('../../sub/img/b_01_bg.png'); background-repeat:no-repeat; 
	background-position:right 10px bottom 7px; background-size:70px 70px;}
	#main_etc .banner .banner_02 {background-color:#4e4e4e; background-image:url('../../sub/img/b_02_bg.png'); background-repeat:no-repeat; 
	background-position:right 10px bottom; background-size:70px 70px;}
	#main_etc .banner .banner_03 {background-color:#408e24; background-image:url('../../sub/img/b_04_bg.png'); background-repeat:no-repeat; 
	background-position:right 10px bottom; background-size:170px 160px;}
	#main_etc .banner .banner_04 {background-color:#424242; background-image:url('../../sub/img/b_03_bg.png'); background-repeat:no-repeat; 
	background-position:right bottom 10px; background-size:70px 70px;}
}

@media only screen and (min-width: 641px) and (max-width: 840px) {
	#banner {width:100%; overflow:hidden;}
	#banner li {float:left; width:100%; height:auto; text-align:center; padding:50px 0 65px 0;}
	#banner li .text {padding:0; color:#fff;}
	#banner li .text p {color:#fff; font-size:40px; padding:30px 0; font-weight:900; letter-spacing:0.5px;}
	#banner li .text span {display:block; width:70%; color:#fff; font-size:15px; line-height:24px; margin:0 auto; letter-spacing:0px;}
	#banner li .btn {display:block;}
	#banner li .btn a {display:block; width:120px; margin:30px auto 0; padding:10px 15px; text-align:center; border:1px solid #fff; 
	font-size:11px; letter-spacing:2px; color:#fff;  text-transform:uppercase;}
	#banner li .btn a:hover{color:#ffffff; background:#7ab065; border:1px solid #7ab065;}
}

@media only screen and (max-width: 640px) {
	#tail a{color:#ffffff;}
	#menu{background-image:none !important;}
	#top {display:none;}
	#head {width:100%; height:60px; background-color:#fff; border-bottom:1px solid #e3e3e3; position:fixed; top:0px; z-index:99;}
	#head .logo {float:left; width:100px; padding:21px 0 0 20px;}
	#head .logo img {width:170px;}
	#head .menu {display:none;}
	#head .t_menu {float:right; padding:18px 20px 0 0;}
	#head .t_menu img {width:20px;}
	#head .btn {display:none;}	

	#topmenu {display:none;}
	.close_bg {position:relative; width:100%; overflow:hidden; padding:0; background-color:#028843; font-weight:400;}
	.close_bg img {width:18px; padding:19px 0 2px 0; padding-right:0px; display:block; margin:0 auto;}
	.close_bg .right_menu_logo img{display:block; width:220px; padding:17px 0 17px 20px; float:left; clear:both;}

	.right_menu_login{position:absolute; display:block; width:65px; height:65px; text-align:center; right:49px;}
	.right_menu_login a{display:block; text-align:center; color:#ffffff;}
	.right_menu_login img{width:22px; display:block; margin:0 auto; padding:14px 0 0 0;}
	.right_menu_login a span{display:block; color:#ffffff; font-size:11px; font-weight:600; margin:0px 0 0 0; letter-spacing:0.5px;}

	#right_menu_close{position:absolute; display:block; width:65px; height:65px; text-align:center; top:0; right:0;}
	#right_menu_close span{display:block; color:#ffffff; font-size:11px; font-weight:600;}

	.right_menu_lan{width:100%; overflow:hidden; border-bottom:1px solid #e3e3e3;}
	.right_menu_lan ul li{width:24.7%; float:left; border-right:1px solid #e3e3e3; padding:10px 0; font-size:12px; font-weight:500; 
	text-transform:uppercase; text-align:center; letter-spacing:0.5px;}
	.right_menu_lan ul li:last-child{border:0;}
	.right_menu_lan ul li img{text-align:center; margin:0 auto 2px; display:block;}

	#main {width:100%; height:530px; padding-top:50px;}
	#main .main_00 {width:100%; height:530px; background-image:url('../../sub_chi/img/animation_05_chi_n.gif'); background-repeat:no-repeat; background-position:center top; background-size:707px 530px;}
	#main .main_01 {width:100%; height:530px; background-image:url('../../sub/img/main_01_bg.jpg'); background-size:1300px 530px; background-repeat:no-repeat; background-position:center top;}
	#main .main_02 {width:100%; height:530px; background-image:url('../../sub/img/main_02_bg.jpg'); background-size:1300px 530px; background-repeat:no-repeat; background-position:center top;}
	#main .main_03 {width:100%; height:530px; background-image:url('../../sub/img/main_03_bg.jpg'); background-size:1300px 530px; background-repeat:no-repeat; background-position:center top;}
	#main .main_04 {width:100%; height:530px; background-image:url('../../sub/img/main_04_bg.jpg'); background-size:1300px 530px; background-repeat:no-repeat; background-position:center top;}
	#main .main_05 {width:100%; height:530px; background-image:url('../../sub/img/main_05_bg.jpg'); background-size:1300px 530px; background-repeat:no-repeat; background-position:center top;}
	#main .main_06 {width:100%; height:530px; background-image:url('../../sub/img/main_06_bg.jpg'); background-size:1300px 530px; background-repeat:no-repeat; background-position:center top;}
	#main .main_07 {width:100%; height:530px; background-image:url('../../sub/img/main_07_bg.jpg'); background-size:1300px 530px; background-repeat:no-repeat; background-position:center top;}
	#main .main_08 {width:100%; height:530px; background-image:url('../../sub/img/main_08_bg.jpg'); background-size:1300px 530px; background-repeat:no-repeat; background-position:center top;}
	
	#main .title {width:90%; margin:0 auto; color:#fff; font-size:30px; line-height:34px; text-align:center; padding-top:70px; text-transform:uppercase} 
	#main .text {margin:0 auto; color:#fff; font-size:12px; line-height:18px; letter-spacing:0px; text-align:center;} 
	#main .text p {width:75%; margin:0 auto; color:#ffd58d; font-size:17px; padding:20px 0; letter-spacing:0px; line-height:23px;}

	.main_web_text{display:none;}
	.text span.main_mobile_text{font-size:14px; display:block; width:75%; margin:0 auto; line-height:22px;}

	#main .btn a {display:block; width:120px; margin:0 auto; margin-top:40px; padding:8px 12px; text-align:center; 
	border:1px solid #fff; font-size:11px; letter-spacing:2px; color:#fff;  text-transform:uppercase}
	#main .btn a:hover{color:#ffffff; background:#7ab065; border:1px solid #7ab065;}

	#product {width:100%;}
	#product ul {padding:25px; overflow:hidden;}
	#product li {float:left; width:48%; margin:0 4% 4% 0;}
	#product li .img img {width:100%;}
	#product li .text {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; 
	color:#252525; font-size:14px; padding:10px 0; font-weight:500; letter-spacing:0.5px;}
	#product .p {margin:0;}
	#product .t {margin:0;}

	#banner {width:100%;}
	#banner li {float:left; width:100%; height:auto; text-align:center; padding:40px 0 50px 0;}
	#banner li .text {padding:20px; color:#fff; line-height:20px;}
	#banner li .text p {color:#fff; font-size:30px; font-weight:900; letter-spacing:0.5px;}
	#banner li .text span {display:block; width:83%; margin:20px auto 0; font-size:14px; letter-spacing:0px; line-height:24px;}
	#banner li .btn a {display:block; width:120px; margin:5px auto 0; padding:8px 12px; text-align:center; border:1px solid #fff; 
	font-size:11px; letter-spacing:2px; color:#fff; text-transform:uppercase;}
	#banner li .btn a:hover{color:#ffffff; background:#7ab065; border:1px solid #7ab065;}

	#banner .banner_01 {background-image:url('../../sub/img/banner_01_bg.jpg'); background-size:680px 449px; background-repeat:no-repeat; background-position:center top;}
	#banner .banner_02 {background-image:url('../../sub/img/banner_02_bg.jpg'); background-size:680px 449px; background-repeat:no-repeat; background-position:center top;}
	#banner .banner_03 {background-image:url('../../sub/img/banner_03_bg.jpg'); background-size:680px 449px; background-repeat:no-repeat; background-position:center top;}

	#main_etc {width:100%;}
	#main_etc .contents {padding:25px; overflow:hidden;}
	#main_etc .title {font-size:30px; color:#111; padding-bottom:25px; font-weight:900;}

	#main_etc .board {overflow:hidden; padding-bottom:40px;}
	#main_etc .board li {position:relative; float:left; width:100%; height:auto; border-bottom:1px solid #e3e3e3; padding:30px 0;}
	#main_etc .board li:first-child{border-top:1px solid #e3e3e3;}
	#main_etc .board li .img {float:left; width:30%;}
	#main_etc .board li .img img {width:100%;}
	#main_etc .board li .text {float:left; width:63%; padding:0 2% 10px 5%; font-size:12px; letter-spacing:0px; color:#777; 
	line-height:19px; margin:0 0 10px 0;}
	#main_etc .board li .text p {color:#111; font-size:17px; font-weight:bold; padding-bottom:6px;
	display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:-1px;}
	#main_etc .board li .under {position:absolute; right:10px; bottom:10px; padding:0; overflow:hidden;}
	#main_etc .board li .under .view {display:none;}
	#main_etc .board li .under .date {display:block; float:right; padding:0 0 10px 0;}
	#main_etc .board li .under .date img {margin-right:6px;}

	#main_etc .banner .text {color:#fff; font-size:20px; font-weight:500; letter-spacing:-0.5px;}	
	#main_etc .banner .text span{display:block; text-transform:uppercase; font-size:15px; font-weight:500; letter-spacing:1px; opacity:0.8; margin:-7px 0 0 0;}
	
	#main_etc .banner {overflow:hidden; padding:0 0 40px 0;}
	#main_etc .banner .text {padding:20px 25px; color:#fff; font-size:18px; font-weight:500;}
	#main_etc .banner .text a{color:#ffffff;}
	#main_etc .banner .text span{font-size:14px; margin:-6px 0 0 0;}
	#main_etc .banner li {float:left; width:50%;}
	#main_etc .banner li a{display:block; padding:10px 0;}
	#main_etc .banner .banner_01 {background-color:#5b5b5b; background-image:url('../../sub/img/b_01_bg.png'); background-size:70px 70px; background-repeat:no-repeat; background-position:right bottom;}
	#main_etc .banner .banner_02 {background-color:#4e4e4e; background-image:url('../../sub/img/b_02_bg.png'); background-size:70px 70px; background-repeat:no-repeat; background-position:right bottom;}
	#main_etc .banner .banner_03 {background-color:#408e24; background-image:url('../../sub/img/b_04_bg.png'); background-size:135px 118px;  background-repeat:no-repeat; background-position:right bottom;}
	#main_etc .banner .banner_04 {background-color:#424242; background-image:url('../../sub/img/b_03_bg.png'); background-size:70px 70px;  background-repeat:no-repeat; background-position:right bottom;}

	#tail {width:100%; background-color:#4f4f4f; overflow:hidden;}
	#tail .info {padding:30px 25px; font-size:12px; color:#fff; line-height:22px; text-align:center;}
	#tail .info .tail_detail:nth-child(2){letter-spacing:0px;}
	#tail .info .t_logo img {width:150px; padding-bottom:15px;}
	#tail .menu {display:none;}

	#tail a{color:#ffffff;}

	#copy {width:100%; overflow:hidden;}
	#copy .text {font-size:12px; color:#999; text-align:center; padding:20px 50px;}
	#copy .btn {display:none;}
}

@media only screen and (max-width: 480px) {
	#main .title {width:85%; margin:0 auto; color:#fff; font-size:30px; line-height:34px; text-align:center; padding-top:50px; text-transform:uppercase} 
	#main .text {margin:0 auto; color:#fff; font-size:12px; line-height:18px; letter-spacing:0px; text-align:center;} 
	#main .text p {width:75%; margin:0 auto; color:#ffd58d; font-size:17px; padding:20px 0 10px 0; letter-spacing:-0.5px; line-height:23px;}

	.main_web_text{display:none;}
	.text span.main_mobile_text{font-size:14px; display:block; width:75%; margin:0 auto; line-height:22px;}

	#main_etc .banner .text {font-size:18px;}
	#main_etc .banner .text span{font-size:14px; margin:-6px 0 0 0;}

	#main_etc .banner li {clear:both; width:100%; padding:0;}
	#main_etc .banner li a{padding:10px 0;}
	#main_etc .banner .banner_01 {background-size:70px 70px; background-repeat:no-repeat; background-position:right 15px bottom 8px;}
	#main_etc .banner .banner_02 {background-size:80px 80px; background-repeat:no-repeat; background-position:right 10px bottom ;}
	#main_etc .banner .banner_03 {background-size:160px 140px;  background-repeat:no-repeat; background-position:right 20px bottom;}
	#main_etc .banner .banner_04 {background-size:70px 70px;  background-repeat:no-repeat; background-position:right 8px bottom 12px;}
}