@charset "utf-8";
/* CSS Document */

/* ½º¸¶Æ® Æù */
@import url("smartphone.css") only screen and (min-width:200px) and (max-width:480px);
/* ¾ÆÀÌÆù */
@import url("smartphone.css") only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5);
/* Ÿºí·¿ */
@import url("tablet.css") only screen and (min-width:768px) and (max-width:1000px);
/* ¾ÆÀÌÆеå */
@import url("tablet.css") only screen and (min-width:768px) and (max-width:1000px) and (orientation : portrait);
@import url("tablet.css") only screen and (min-width:768px) and (max-width:1000px) and (orientation : landscape);
/* µ¥½ºÅ©Å¾ */
@import url("main.css") only screen and (min-width:1100px) and (max-width:1600px);


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


/*top ¹Ù*/
.logo_top{position:relative;width:84%;background-color:;}
.logo_top a img{width:98%;display:block;margin:6% 2% 3% 5%;}

/*topÀ̹ÌÁö*/
.top_img{width:100%;display:block;margin-top:4%}
/**/
h1{
	position:relative;
	text-align:center;
	margin-top:-42%;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.8em;font-weight:200; letter-spacing:-0.2px;
	margin-bottom:11%;line-height:px;}
h2{
	position:relative;
	text-align:center;
	width:80%;
	margin-top:-11%;margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:0.9em;font-weight:200; letter-spacing:-0.2px;
	margin-bottom:11%;line-height:px;}

/*±¹³»ÀÎÁõ*/
.kor_certi h3{position:relative;
	text-align:center;
	width:80%;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.9em;font-weight:500; letter-spacing:-0.2px;
	margin-bottom:11%;margin-top:26%;line-height:px;}
.kor_certi h4{position:relative;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.3em;font-weight:500; letter-spacing:-0.2px;
	margin-bottom:6%;margin-top:6%;line-height:px;}
.title_box{width:80%;height:%;border-top:solid 4px #379ad1;
			margin-left:auto;margin-right:auto;
			border-bottom:solid 1px #393939;margin-top:-5%;}
.korea_mark1{display:block;float:right;margin-top:-17%;width:30%;}
.korea_mark2{display:block;float:right;margin-top:-19%;width:16%;}
.korea_mark5{display:block;float:right;margin-top:-22%;width:16%;}
.kor_certi h6{position:relative;width:80%;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1em;font-weight:200; letter-spacing:-0.2px;
	margin-bottom:6%;margin-top:6%;line-height:px;}
.korea_certi01{display:block;margin-top:6%;width:100%;
							margin-left:auto;margin-right:auto;}

.kor_certi2{margin-top:18%;}
.kor_certi2 h3{position:relative;
	text-align:center;
	width:80%;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.9em;font-weight:500; letter-spacing:-0.2px;
	margin-bottom:11%;margin-top:26%;line-height:px;}
.kor_certi2 h4{position:relative;width:70%;margin-left:0;
	font-family:"Noto Sans KR", sans-serif;text-align:left;
	color:#323232; font-size:1.3em;font-weight:500; letter-spacing:-0.2px;
	margin-bottom:6%;margin-top:6%;line-height:1.5em;}
.kor_certi2 h4 span{
	font-size:0.8em;font-weight:500; letter-spacing:-0.2px;
	margin-bottom:6%;margin-top:6%;line-height:7%;}
.kor_certi2 h6{position:relative;width:80%;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1em;font-weight:200; letter-spacing:-0.2px;
	margin-bottom:6%;margin-top:6%;line-height:px;}
.title_box2{width:85%;height:;border-top:solid 4px #393939;
			margin-left:auto;margin-right:auto;
			border-bottom:solid 1px #393939;margin-top:-2%;}

.seoul_mark{display:block;float:right;margin-top:-16%;width:32%;}


/*ÇØ¿ÜÀÎÁõ*/
#global_certi{margin-top:30%;background-color:#f3f3f3;padding-bottom:25%;}

#global_certi_box h3{position:relative;
	text-align:center;
	width:80%;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.9em;font-weight:500; letter-spacing:-0.2px;
	margin-bottom:11%;margin-top:26%;
	padding-top:25%;
	}
#global_certi_box h4{position:relative;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.3em;font-weight:500; letter-spacing:-0.2px;
	margin-bottom:6%;margin-top:6%;}
#global_certi_box h6{position:relative;width:80%;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1em;font-weight:200; letter-spacing:-0.2px;
	margin-bottom:6%;margin-top:6%;}

.iso_mark{display:block;float:right;margin-top:-17%;width:19%;}
.iso_certi{display:block;margin-top:6%;width:100%;
							margin-left:auto;margin-right:auto;}

.isotext{display:block;margin-top:23%;width:54%;}
.isotext2{display:block;margin-top:23%;width:44%;padding-bottom:3%;}
.img_box{width:80%;margin-left:auto;margin-right:auto;
				border-bottom:solid 1px #393939;margin-top:-13%;
				margin-bottom:4%;}

.img_box h5{font-family:"Noto Sans KR", sans-serif;
		color:#006b33; font-size:1em;font-weight:300; letter-spacing:-0.2px;
		margin-bottom:3%;margin-top:1%;line-height:px;}

.iso14001 p, .iso9001 p{font-family:"Noto Sans KR", sans-serif;
		color:#323232; font-size:1em;font-weight:200; letter-spacing:-0.2px;
		margin-bottom:3%;margin-top:1%;line-height:px;
		width:80%;	margin-left:auto;margin-right:auto;
		margin-bottom:13%;}
.ce_mark{display:block;float:right;margin-top:-17%;width:15%;}
.ce p{font-family:"Noto Sans KR", sans-serif;
		color:#323232; font-size:1em;font-weight:200; letter-spacing:-0.2px;
		margin-bottom:3%;margin-top:4%;line-height:px;
		width:80%;	margin-left:auto;margin-right:auto;
		margin-bottom:13%;}
.ce{margin-top:22%;}
.ce_certi{display:block;margin-top:-6%;width:100%;
							margin-left:auto;margin-right:auto;}
.ce_certi2{display:block;margin-top:6%;width:100%;
							margin-left:auto;margin-right:auto;}

.ccc{margin-top:22%;}
.title_box3 h4{position:relative;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.3em;font-weight:500; letter-spacing:-0.2px;
	padding:6% 0 6% 0;}

.ccc_mark{display:block;float:right;margin-top:-17%;width:17%;}
.ccc p{font-family:"Noto Sans KR", sans-serif;
		color:#323232; font-size:1em;font-weight:200; letter-spacing:-0.2px;
		margin-bottom:3%;margin-top:4%;line-height:px;
		width:80%;	margin-left:auto;margin-right:auto;
		margin-bottom:13%;}
.title_box3{width:80%;height:30%;border-top:solid 4px #393939;
			margin-left:auto;margin-right:auto;
			border-bottom:solid 1px #393939;margin-top:-2%;}
.title_box3 span{color:#bc0101;font-weight:700;}
.ccc_certi{display:block;margin-top:-9%;width:100%;
							margin-left:auto;margin-right:auto;}

.china_brand{margin-top:17%;}
.china_mark1{display:block;float:right;margin-top:-18%;width:14%;}

.china_brand p{font-family:"Noto Sans KR", sans-serif;
		color:#323232; font-size:1em;font-weight:200; letter-spacing:-0.2px;
		margin-bottom:3%;margin-top:4%;line-height:px;
		width:80%;	margin-left:auto;margin-right:auto;
		margin-bottom:13%;}
.china_certi{display:block;margin-top:-7%;width:100%;
							margin-left:auto;margin-right:auto;}
.china_design{margin-top:17%;}
.china_design_mark{display:block;float:right;margin-top:-18%;width:19%;}
.list{font-family:"Noto Sans KR", sans-serif;
		color:#323232; font-size:1em;font-weight:200; letter-spacing:-0.2px;
		margin-bottom:3%;margin-top:4%;line-height:px;
		width:80%;	margin-left:auto;margin-right:auto;
		margin-bottom:13%;}
.china_design_certi{display:block;margin-top:-7%;width:100%;
							margin-left:auto;margin-right:auto;}
.china_design_certi2{display:block;margin-top:7%;width:100%;
							margin-left:auto;margin-right:auto;margin-bottom:%;}

/*¼ö»ó³»¿ª*/
#award_box{margin-top:8%;}
#award_box h3{position:relative;
	text-align:center;
	width:80%;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.9em;font-weight:500; letter-spacing:-0.2px;
	margin-bottom:11%;padding-top:25%;
	}
.title_box h5{position:relative;width:80%;margin-left:0;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.2em;font-weight:500; letter-spacing:-0.2px;
	padding:3% 0 6% 0;}
.title_box h6{position:relative;width:60%;margin-left:0;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.2em;font-weight:500; letter-spacing:-0.2px;
	padding:6% 0 6% 0;}


.title_box h5 span{font-size:0.8em;color:#bc0101;font-weight:700;}
.title_box h5 p{font-size:0.8em;color:#bc0101;font-weight:700;}
.korea_mark4{display:block;float:right;margin-top:-22%;width:27%;}
.award01{display:block;margin-top:6%;width:80%;
							margin-left:auto;margin-right:auto;}
.kbiz{margin-top:23%;}

.kbiz_mark{display:block;float:right;margin-top:-14%;width:43%;}
.kbiz_certi{display:block;margin-top:7%;width:40%;
							margin-left:auto;margin-right:auto;}

.good{margin-top:23%;}
.GD_mark{display:block;float:right;margin-top:-16%;width:43%;}
.good_design{display:block;margin-top:7%;width:80%;
							margin-left:auto;margin-right:auto;}


/*¿øÀç·á*/
#material{margin-top:30%;width:100%;
					background: url("http://smcorp.co.kr/new/m/certi/material_back.jpg") no-repeat;
					background-size:100%;}
#material_box{ }
#material_box h3{
	position:relative;
	text-align:center;
	width:80%;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.9em;font-weight:500; letter-spacing:-0.2px;
	margin-bottom:11%;padding-top:25%;
	}
#material_box h6{font-family:"Noto Sans KR", sans-serif;
		color:#323232; font-size:1em;font-weight:200; letter-spacing:-0.2px;
		margin-bottom:3%;margin-top:4%;line-height:px;
		width:80%;	margin-left:auto;margin-right:auto;
		margin-bottom:13%;}
#material_box h6 span{font-weight:600;}
.title_box4{width:80%;height:30%;border-top:solid 4px #379ad1;
			margin-left:auto;margin-right:auto;
			border-bottom:solid 1px #393939;margin-top:-2%;}
.title_box4 h5{position:relative;
	margin-left:auto;margin-right:auto;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:1.2em;font-weight:500; letter-spacing:-0.2px;
	padding:6% 0 6% 0;}

.hdpe_brand{display:block;margin-top:-8%;width:73%;margin-left:auto;margin-right:auto;}
.hdpe_certi{display:block;margin-top:7%;width:100%;
							margin-left:auto;margin-right:auto;}





/*footer*/
#bottom{background-color:#9c9c9c;margin-top:%;}
#bottom .bottom_SM{width:24%;display:block;margin-left:10%;
padding-top:10%;}
.adress{font-family:"Noto Sans KR", sans-serif;
					color:#fff; font-size:0.8em;font-weight:200; 
					margin-left:auto;margin-right:auto;	line-height:22px;
				margin-top:3%;margin-left:10%;padding-right:3%;letter-spacing:-0.3px;}
#bottom ul {margin-top:1%;margin-left:10%;margin-right:2%;margin-bottom:12%;}
#bottom ul li a{font-family:"Noto Sans KR", sans-serif;
						color:#fff; font-size:0.8em;font-weight:500; letter-spacing:1px;
						margin-right:2%;float:left;}
#bottom li a span{color:#f2e95a; }
.bottom_logos{width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:13%;}
.top_btn{position: fixed; bottom:8%; right:2%;
					font-family:'Noto Sans KR', sans-serif;
						color:#999; font-size:0.6em;font-weight:500;letter-spacing:0.2px;
						border:1px solid #ededed;
						-moz-border-radius: 1em;
						-webkit-border-radius: 1em;
						 border-radius: 0.5em;
						padding:1.5% 1%;
						opacity: 0.8;
						background-color:#fff;}