@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');
 }






.logo_top{position:relative;width:84%;background-color:;}
.logo_top a img{width:98%;display:block;margin:6% 2% 3% 5%;}
.top_img{width:100%;display:block;margin-top:4%}
.ifam_link{width:100%;display:block;}


/*introduce*/
#intro{}
.intro_title{width:100%;display:block;margin-top:27%}
#intro h1{
	position:relative;
	margin-left:48%;
	margin-top:-10%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.7em;font-weight:300; letter-spacing:-0.2px;
	margin-bottom:;line-height:px;}
.intro_img1{width:85%;display:block;margin:0 auto; margin-top:20%;}
.intro_img2{width:83%;display:block;margin:0 auto; margin-top:14%;}
#intro h2{
	position:relative;
	margin-left:8%;
	margin-top:8%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size: 1.4em;font-weight:700; letter-spacing:-0.7px;
	margin-bottom:;line-height:px;}
#intro h3{
	position:relative;
	margin-left:8%;
	margin-top:3%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size: 1em;font-weight:300; letter-spacing:-0.6px;
	margin-bottom:;line-height:26px;padding:0 3% 0 0;}


#intro .contents_1{position:relative;margin:0 auto; padding-bottom:7%;width:85%;
border-bottom:2px solid #b0d3f0;}
#intro .contents_2{position:relative;margin:0 auto; padding-bottom:7%;width:85%;}
#intro .contents_1 dt,#intro .contents_2 dt{
	position:relative;
	margin-left:1%;
	margin-top:7%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size: 1em;font-weight:700; letter-spacing:-0.5px;
	margin-bottom:;line-height:22px;}
#intro .contents_1 dd,#intro .contents_2 dd{
	position:relative;
	margin-left:1%;
	margin-top:1%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1em;font-weight:300; letter-spacing:-0.5px;
	margin-bottom:;line-height:27px;}


/*story*/
#story {text-align:center;position:relative;padding-bottom:10%;}
#story h1{
	position:relative;
	margin-left:20%;
	margin-top:-8%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.7em;font-weight:300; letter-spacing:-0.2px;
	margin-bottom:;line-height:px;}
#story{background-color:#ebecee;position:relative;margin-top:25%;}
.story_title{width:60%;display:block;margin-left:auto;margin-right:auto;padding-top:30%;margin-top:15%;}
.story_back{width:100%;display:block;margin-top:5%;}
.story_back2{position:relative;width:100%;display:block;margin-top:-20px;}

#story .contents_1{margin-top:16%;width:88%;height:130px;border:10px solid #fff;
margin-left:auto;margin-right:auto;box-shadow:4px 8px 22px 0px #d0d0d0; text-align:middle;}
#story .contents_2{margin-top:5%;width:88%;height:140px;border:10px solid #fff;
margin-left:auto;margin-right:auto;box-shadow:4px 8px 22px 0px #d0d0d0; }
#story .contents_3{margin-top:5%;width:88%;height:180px;border:10px solid #fff;
margin-left:auto;margin-right:auto;box-shadow:4px 8px 22px 0px #d0d0d0; }
#story .contents_4{margin-top:5%;width:88%;height:220px;border:10px solid #fff;
margin-left:auto;margin-right:auto;box-shadow:4px 8px 22px 0px #d0d0d0; }
#story .contents_5{margin-top:5%;width:88%;height:380px;border:10px solid #379ad1;
margin-left:auto;margin-right:auto;box-shadow:4px 8px 22px 0px #d0d0d0; background-color:#fff;}
#story .contents_1 dt,#story .contents_2 dt,#story .contents_3 dt,#story .contents_4 dt,#story{
	position:relative;
	margin-left:;
	margin-top:7%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size: 1.1em;font-weight:600; letter-spacing:-0.2px;
	margin-bottom:;line-height:22px;}
#story .contents_5 dt{
	position:relative;
	margin-left:;
	margin-top:3%;
	padding-bottom:3%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size: 1.2em;font-weight:600; letter-spacing:0.1px;
	margin-bottom:;line-height:24px;}

#story .contents_1 dd,#story .contents_2 dd,#story .contents_3 dd,#story .contents_4 dd,#story .contents_5 dd{
	position:relative;
	margin-left:1%;
	margin-top:1%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:0.9em;font-weight:300; letter-spacing:-0.5px;
	margin-bottom:;line-height:27px;padding:1% 3% 3% 3%;}

 .contents_5 h4{font-family:"Open Sans", sans-serif;
	color:#323232; font-size: 1.1em;font-weight:600; 
	letter-spacing:-0.5px;top:17%;margin-top:9%;}
.story_img2{display:block;width:63%;display:block;margin-top:-40%;float:right;}


/*brand*/
.brand_title{width:60%;display:block;margin-left:auto;margin-right:auto;padding-top:30%;margin-top:5%;}
#brand h1{
	position:relative;
	margin-left:60%;
	margin-top:-10%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.7em;font-weight:300; letter-spacing:-0.2px;
	margin-bottom:;line-height:px;}

#brand h4{
	position:relative;
	text-align:center;
	margin-top:5%;
	font-family:"Open Sans", sans-serif;
	color:#b8b8b8; font-size: 1.05em;font-weight:400; letter-spacing:0.7px;
	 }
#brand h4 span{

	font-family:"Open Sans", sans-serif;
	color:#379ad1; font-size: 1.05em;font-weight:400; letter-spacing:0.7px;
	 }

.brand_img1{display:block;width:100%;margin-top:12%;}
.ifam_b dt{position:relative;
	margin-left:12%;
	margin-top:-60%;
	padding-bottom:3%;
	font-family:"Open Sans", sans-serif;
	color:#fff; font-size: 1.2em;font-weight:600; letter-spacing:0.2px;
	margin-bottom:;line-height:26px;}
.ifam_b dd{position:relative;
	margin-left:12%;
	margin-top:1%;
	padding-bottom:3%;padding-right:3%;
	font-family:"Open Sans", sans-serif;
	color:#fff; font-size: 1em;font-weight:300; letter-spacing:0.6px;
	margin-bottom:;line-height:25px;}
.pafam_b{width:80%;margin-left:auto;margin-right:auto;margin-top:-133%;padding-left:3%;padding-right:6%;}
.brand_img2{display:block;width:83%;margin-top:45%;margin-left:auto;margin-right:auto;}
.pafam_b dt{position:relative;
	margin-left:13%;
	margin-top:;
	padding-bottom:3%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size: 1.05em;font-weight:600; letter-spacing:0.2px;
	margin-bottom:;line-height:20px;}
.pafam_b dd{position:relative;padding-right:30%;
	margin-left:13%;
	margin-top:1%;
	padding-bottom:3%;padding-right:3%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size: 0.9em;font-weight:300; letter-spacing:0.3px;
	margin-bottom:;line-height:22px;}

.brand_img4{display:block;width:100%;margin-top:85px;}

/*certification*/
.certi_title{width:97%;display:block;margin-left:auto;margin-right:auto;margin-top:135%;}
.btn1{width:37%;display:block;margin-left:47%;margin-top:1%;}
#certi h1{
	position:relative;
	margin-left:47%;
	margin-top:-5%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.7em;font-weight:300; letter-spacing:-0.4px;
	margin-bottom:;line-height:px;}

#certi h3{position:relative;
	margin-left:49%;
	margin-top:13%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.0em;font-weight:300; letter-spacing:-0.5px;
	margin-bottom:;line-height:27px;padding:1% 6% 3% 3%;}
.certi_img1{width:40%;display:block;margin-left:8%;margin-top:-30%;}
.certi_img2{width:40%;display:block;margin-left:52%;margin-top:-24%;}
.certi_img3{width:40%;display:block;margin-left:8%;margin-top:-31%;}

/*Global*/
#global{margin-bottom:10%;}
.global_title{width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:35%;}
#global h1{
	position:relative;
	text-align: center;margin-top:-27%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.7em;font-weight:300; letter-spacing:-0.4px;
	margin-bottom:;line-height:px;}
.btn2{width:37%;display:block;margin:0 auto;margin-top:2%;}
.g_list1{margin-top:8%;width:35%;margin-left:15%;background-color:#;}
.g_list2{margin-top:10%;margin-left:45%;background-color:#;}
.g_list1 li{
	margin-top:8%;
	font-family:"Open Sans", sans-serif;
	color:#555555; font-size:0.9em;font-weight:500; letter-spacing:-0.5px;}
.g_list2 li{
	margin-top:5%;
	font-family:"Open Sans", sans-serif;
	color:#555555; font-size:0.9em;font-weight:500; letter-spacing:-0.5px;}
.g_list1{float:left;}

#global ul .list_title{
	font-family:"Open Sans", sans-serif;margin-bottom:5%;
	color:#323232; font-size:1.3em;font-weight:700; letter-spacing:-0.5px;}

#global ul .list_bottom{margin-bottom:12%;}

.g_list1 hr{display:block; border: black 0 none;
border-top: #b0d3f0 3px solid; height: 20px; width:80%;}
.g_list2 hr{display:block; border: black 0 none;
border-top: #b0d3f0 3px solid; height: 20px; width:50%;}


/*BioPe*/
#bio_pe{margin-top:30%;}

.bio_top{padding-top:20%;padding-bottom:10%;background-color:#f2f2f2;}
.bio_top2{margin-left:16%;margin-top:0%;}

#bio_pe h1{
	position:relative;
	margin-bottom:3%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.5em;font-weight:300; letter-spacing:-0.4px;
	line-height:px;}
.btn3{width:47%;display:block;}
.bio_title{width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:%;}

.bio_contents{margin-top:%;background-color:#cbe1f7;}
.con1, .con2{padding-top:20%;margin-left:15%;padding-right:5%;}
.bio_contents dl dt{font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.1em;font-weight:400; letter-spacing:0.2px;
	margin-bottom:;line-height:30px;}
.bio_contents dl dt span{font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.1em;font-weight:600; letter-spacing:0.2px;
	}
.bio_contents dl dd{font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.0em;font-weight:200; letter-spacing:-0.5px;
	margin-bottom:;line-height:30px;padding-right:12%;}
.con1{}
.con2{position:;margin-top:-10%;background-color:#cbe1f7;padding-bottom:10%;}
.sugarcane{position:;width:30%;display:block;margin-left:48%;margin-top:-19%;}
.babyroom{width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:-5%;
background-color:#cbe1f7;padding-top:4%;}

/*facility*/
.facility_title{width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:35%;}
#facility h1{
	position:relative;
	margin-bottom:3%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.5em;font-weight:300; letter-spacing:-0.4px;
	text-align:center;
	line-height:px;}
.facility_list{margin-top:10%;}
#facility dl{width:90%;border: 1px solid #d5d9da;
					margin-left:auto;margin-right:auto;
					padding:4% 4% 7% 7%;margin-top:-0.2%;}

#facility dl dt span{background-color:#dcdcdc;padding:0% 2% 0% 2%;
								margin-right:2%;
								font-family:"Open Sans", sans-serif;
								color:#fff; font-size:0.8em;font-weight:400; letter-spacing:-0.3px;}
#facility .blue{background-color:#d8eaf8;padding:0% 2% 0% 2%;
								margin-right:2%;
								font-family:"Open Sans", sans-serif;
								color:#fff; font-size:0.8em;font-weight:400; letter-spacing:-0.3px;}

#facility dl dt{margin-top:5%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.4em;font-weight:400; letter-spacing:-0.3px;}

#facility dl dd{	margin-top:2%;
	font-family:"Open Sans", sans-serif;
	color:#555555; font-size:0.9em;font-weight:300; letter-spacing:-0.3px;}


/*business*/
.business_title{width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:35%;}
#business h1{position:relative;
	margin-bottom:3%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.4em;font-weight:300; letter-spacing:-0.4px;
	margin-left:32%;margin-top:-21%;
	line-height:29px;}

.business_img1{width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:19%;}
.business_img2{width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:3%;}
#business h3{margin-bottom:3%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1.1em;font-weight:300; letter-spacing:-0.4px;
	margin-left:-38%;margin-top:-31%;
	line-height:27px;text-align:center;}
#business h3 span,#business h4 span{font-weight:600;}
#business h4{margin-bottom:3%;
	font-family:"Open Sans", sans-serif;
	color:#323232; font-size:1em;font-weight:300; letter-spacing:-0.4px;
	margin-left:39%;margin-top:-31%;text-align:center;
	line-height:27px;}
#business ul{margin-top:14%;}
#business ul li {width:87%;background-color:#ececec;
					font-family:"Open Sans", sans-serif;
					color:#323232; font-size:1em;font-weight:300; letter-spacing:0.3px;
					margin-left:auto;margin-right:auto;text-align:center;
					padding:10% 4% 10% 4%;margin-top:3%;}
#business ul li span{font-weight:600;}

/*footer*/
#bottom{background-color:#9c9c9c;margin-top:30%;}
#bottom .bottom_SM{width:24%;display:block;margin-left:10%;
padding-top:10%;}
.adress{font-family:"Open Sans", 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:"Open Sans", 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:'Open Sans', 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;}