/*area_0*/
#f #area_0{height:1111px;   }
	#f #area_0 #hgroup{ width:100%}
		#f #area_0 #hgroup #header_01{top:291px;}/*h1*/
		#f #area_0 #hgroup #header_02{top:335px;}/*h2*/
		#f #area_0 #hgroup #header_03{top:220px;}/*h3*/
	#f #area_0 .img_layout{ width:970px; height:1205px;  overflow:hidden;    } 
		#f #area_0 .img_layout #area_01{ display:block;   left:430px; top:380px; position:absolute; transform:rotate(0deg);-webkit-transform:rotate(-10deg);}
		#f #area_0 .img_layout #area_02{ display:block;   left:56px; top:620px; position:absolute; transform:rotate(0deg);-webkit-transform:rotate(10deg); }
	
	#f #area_0 .img_layout #area_01{ 
											 animation-delay:0s;
											 animation-name: Animation_f01 ;
											 animation-duration:4s;
											 animation-iteration-count:1;
											 animation-timing-function:ease-in-out;
											 animation-direction:normal; 
											 animation-fill-mode:forwards; 
											 -webkit-animation-delay:0s;  
											 -webkit-animation-name: Animation_f01 ;
											 -webkit-animation-duration:4s;
											 -webkit-animation-iteration-count:1;
											 -webkit-animation-timing-function:ease-in-out;
											 -webkit-animation-direction:normal; 
											 -webkit-animation-fill-mode:forwards; 	
										     }
											@keyframes Animation_f01{
																			  from{transform:rotate(-10deg); top:480px;}
																				 to{transform:rotate(0deg);    top:380px;}
																			 }
											@-webkit-keyframes Animation_f01{
																			  from{-webkit-transform:rotate(-10deg);  top:480px; }
																				 to{-webkit-transform: rotate(0deg); 	top:380px;}
																			 }
	#f #area_0 .img_layout #area_02{ 
											animation-delay:0s;
											animation-name: Animation_f02 ;
											animation-duration:4s;
											animation-iteration-count:1;
											animation-timing-function:ease-in-out;
											animation-direction:normal; 
											animation-fill-mode:forwards;
											-webkit-animation-delay:0s;
											-webkit-animation-name: Animation_f02 ;
											-webkit-animation-duration:4s;
											-webkit-animation-iteration-count:1;
											-webkit-animation-timing-function:ease-in-out;
											-webkit-animation-direction:normal; 
											-webkit-animation-fill-mode:forwards;     		
											}
											@keyframes Animation_f02{
																			  from{transform: rotate(10deg); top:580px; }
																			 	 to{transform: rotate(0deg); top:620px; }
																			 }
											@-webkit-keyframes Animation_f02{
																			  from{-webkit-transform: rotate(10deg); top:580px; }
																			 	 to{-webkit-transform: rotate(0deg); top:620px; }
																			 }					   

/*area_1*/
#f #area_1{ height:950px; background-color:#292929;   }
	#f #area_1 article{ width:970px; height:300px;  z-index:99; top:140px;  text-align:center;}
		#f #area_1 article .title{ top:0px;  	left:0px; width:100%; color:#fff;}
		#f #area_1 article #area_14{  top:48px;left:0px; width:100%; color:#fff;}
	#f #area_1 .img_layout{ width:618px; height:456px;  }	
		#f #area_1 .img_layout #area_11,
		#f #area_1 .img_layout #area_12{ display:block; position:relative; background-repeat:no-repeat; background-color:#292929; overflow:hidden;}
		#f #area_1 .img_layout #area_11{ width:618px; height:456px; background:url(/uploads/product/plenued/images/pd_f101.jpg); top:0px; left:0px; }
		#f #area_1 .img_layout #area_12{ width:184px; height:134px; top:-419px; left:285px; z-index:99; }
			#f #area_1 .img_layout #area_121,
			#f #area_1 .img_layout #area_122,
			#f #area_1 .img_layout #area_123,
			#f #area_1 .img_layout #area_124,
			#f #area_1 .img_layout #area_125{ position:absolute; display:block; width:184px;}
			#f #area_1 .img_layout #area_121{ height:32px; background:url(/uploads/product/plenued/images/pd_f102.png) 0px 	0px ; 	top:0px;    }
			#f #area_1 .img_layout #area_122{ height:27px; background:url(/uploads/product/plenued/images/pd_f102.png) 0px -53px ;	top:53px;    }
			#f #area_1 .img_layout #area_123{ height:27px; background:url(/uploads/product/plenued/images/pd_f102.png) 0px -80px ;	top:80px;  }
			#f #area_1 .img_layout #area_124{ height:27px; background:url(/uploads/product/plenued/images/pd_f102.png) 0px -105px; 	top:105px;    }
			#f #area_1 .img_layout #area_125{ height:17px; background:url(/uploads/product/plenued/images/pd_f102.png) 0px -36px; 	top:36px;    }
				/*ani*/
				#f #area_1 .img_layout #area_121{ left:-161px;    }
				#f #area_1 .img_layout #area_122{ left:-140px;  }
				#f #area_1 .img_layout #area_123{ left:-52px; }
				#f #area_1 .img_layout #area_124{ left:-10px;  }
				/*end of ani*/
				#f #area_1 .img_layout #area_125{ left:0px;  }
				
		#f #area_1 #area_15{top:635px;left:593px; }		
		#f #area_1 #area_15_button{ width:195px; height:28px; display:block; background-color:#a84361; position:relative; color:#fff; border-radius:16px; text-align:center;   }
		#f #area_1 #area_15_button #b1{ font-weight:500; font-family:lato; font-size:14px; line-height:28px; letter-spacing:0px; position:relative; top:-1px; padding-left:5px; } 
		#f #area_1 #area_15_button #b2{ font-weight:500;                    font-size:12.5px; line-height:28px; font-family:'³ª´®°íµñ', 'Nanum Gothic', sans-serif;  letter-spacing:0px; position:relative; top:-2px; padding-left:5px; padding-right:4px; } 		

/*area_2*/
#f #area_2{ height:1015px; }
	#f #area_2 article{width:570px;height:270px; z-index:95; top:240px;  text-align:center;}
		#f #area_2 article .title{  top:0px; left:0px; width:100%;}
		#f #area_2 article .text{  top:48px; left:0px; width:100%}
		#f #area_2 #area_25_button{ width:165px; height:33px; display:block; background-color:#c43839; position:relative; top:100px; color:#fff; border-radius:16px;   }
		#f #area_2 #area_25_button #b1{ font-weight:500; font-family:lato; font-size:14px; line-height:33px; letter-spacing:0px; position:relative; top:-1px; padding-left:6px; } 
		#f #area_2 #area_25_button #b2{ font-weight:500;                    font-size:12px; line-height:33px; font-family:'³ª´®°íµñ', 'Nanum Gothic', sans-serif;  letter-spacing:0px; position:relative; top:-2.5px; padding-left:5px; padding-right:6px; } 
		#f #area_2 #area_25_button img{ position:relative; top:6px;}
		
	#f #area_2 .img_layout{ top:240px; width:643px;}
			#f #area_2 .img_layout #area_21,
			#f #area_2 .img_layout #area_22{ display:block; position:absolute}
			#f #area_2 .img_layout #area_21{ top:-20px; left:0px;}/*shadow*/
			#f #area_2 .img_layout #area_22{ top:20px; left:0px;}


		

/*area_3*/
#f #area_3{height:1089px;    }
		#f #area_3 .img_layout{ top:180px; width:635px; height:315px; text-align:center;}
			#f #area_3 .img_layout #area_31{ top:0px; left:0px; background-color:#000   }
			#f #area_3 .img_layout #area_31 img{ opacity:0.5}
			
			#f #area_3 .img_layout #area_32{top:200px; left:0px; background-image:url(/uploads/product/plenued/images/pd_f301.jpg)   }
			#f #area_3 .img_layout #area_33{top:200px; left:215px;  background-image:url(/uploads/product/plenued/images/pd_f302.jpg) }
			#f #area_3 .img_layout #area_34{top:200px; left:430px;  background-image:url(/uploads/product/plenued/images/pd_f303.jpg) }
			
			#f #area_3 .img_layout #area_31,
			#f #area_3 .img_layout #area_32,
			#f #area_3 .img_layout #area_33,
			#f #area_3 .img_layout #area_34{ overflow:hidden; border-radius:5px; position:absolute;}
			
			#f #area_3 .img_layout #area_32,
			#f #area_3 .img_layout #area_33,
			#f #area_3 .img_layout #area_34{width:206px; height:60px; padding-top:30px; line-height:15px; font-size:12px;}
			#f #area_3 .img_layout b{font-size:16px; }
			
			
	#f #area_3 article{width:970px;  top:-300px; text-align:left; }
		#f #area_3 article .title{  top:0px; left:0px; width:100%;   text-align:center}
		#f #area_3 article .text{  top:75px; left:0px; width:100%;  text-align:center}
			#f #area_3 article em{ position:absolute; top:70px; left:19px; z-index:98; }
			#f #area_3 article .bar{width:213px; height:32px; background:url(/uploads/product/plenued/images/pd_f321.png) no-repeat left; background-color:#b06720; position:absolute; top:55px; left:19px; opacity:0.85;   }
			
				#f #area_3 article #area_37{ top:720px; left:0%; background:url(/uploads/product/plenued/images/pd_f311.png); background-color:#f0f0f0;}
				#f #area_3 article #area_37 em{ color:#fff; left:232px; font-size:11px; }
				#f #area_3 article #area_37 .bar{width:0px;}
				#f #area_3 article #area_37_1{top:569px; left:1%;}
				#f #area_3 article #area_37_2{top:599px; left:1%;}
				
				#f #area_3 article #area_38{top:720px; left:33%;background:url(/uploads/product/plenued/images/pd_f312.png); background-color:#f0f0f0;}
				#f #area_3 article #area_38 em{color:#fff;left:204px; font-size:11px;}
				#f #area_3 article #area_38 .bar{width:0px;}
				#f #area_3 article #area_38_1{top:569px; left:34%;}
				#f #area_3 article #area_38_2{top:599px; left:34%;}
				
				#f #area_3 article #area_39{top:720px; left:66%;background:url(/uploads/product/plenued/images/pd_f313.png); background-color:#f0f0f0;}
				#f #area_3 article #area_39 em{color:#85501d; left:49px; font-size:11px;}
				#f #area_3 article #area_39 .bar{width:0px;}
				#f #area_3 article #area_39_1{top:569px; left:67%;}
				#f #area_3 article #area_39_2{top:599px; left:67%;}
	
				#f #area_3 article .graph{display:block;position:absolute; width:302px; height:145px; text-align:center;  float:left; border:4px solid #fff;  box-shadow:0px 3px 7px #ccc; }
				#f #area_3 article .title_small{ width:28%;}
				#f #area_3 article .text_small{ width:28%;}	
						#f #area_3 article #area_37:hover{box-shadow:0px 5px 15px #b3b3b3;}
						#f #area_3 article #area_38:hover{box-shadow:0px 5px 15px #b3b3b3;}
						#f #area_3 article #area_39:hover{box-shadow:0px 5px 15px #b3b3b3;}



/*area_4*/
#f #area_4{height:1490px; background-color:#1c1b17  }
	#f #area_4 .img_layout{  top:200px; width:970px; height:710px;}
		#f #area_4 .img_layout #area_41{ left:-220px; position:absolute}	
		#f #area_4 .img_layout #area_42{ left:-220px; position:absolute; opacity:1}	
		#f #area_4 .img_layout #area_43{left:0px; top:709px; position:absolute; z-index:99}		
	#f #area_4 article{ width:900px; height:270px; top:-00px; z-index:95;  text-align:left; }
		#f #area_4 article .title{ top:0px;  left:0px;  width:100%;color:#fff}
		#f #area_4 article .text{  top:75px; left:0px;  width:100%;color:#fff}
	#f #area_4 article dl{ display:block; position:absolute; width:970px; height:73px; top:550px;}
		#f #area_4 article dt{ width:140px; font-size:13px; font-weight:600; font-family:lato; top:0px; display:block;  position: absolute; height:22px; background-color:#5a514a; color:#d8d5d4; text-align:center; line-height:22px; border-radius:7px; overflow:hidden }
		#f #area_4 article dd{ width:140px; top:33px; display:block;  position: absolute; letter-spacing:-0.5px; color:#b1907c; line-height:18px; font-size:12px; text-align:center; }
				#f #area_4 article #area_451{ left:0px}
				#f #area_4 article #area_452{ left:0px}
				#f #area_4 article #area_453{ left:150px}
				#f #area_4 article #area_454{ left:150px}
				#f #area_4 article #area_455{ left:300px}
				#f #area_4 article #area_456{ left:300px}
				#f #area_4 article #area_457{ left:450px}
				#f #area_4 article #area_458{ left:450px}
				#f #area_4 article #area_459{ left:600px}
				#f #area_4 article #area_460{ left:600px}
				#f #area_4 article #area_461{ left:750px}
				#f #area_4 article #area_462{ left:750px}
				#f #area_4 article #area_463{ left:350px;  font-family:lato;  top:120px; display:block;  position: absolute;  color:#b1907c; font-size:13px; background:none;   }
				#f #area_4 article #area_464{ left:450px;  font-family:lato;  top:122px; display:block;  position: absolute;  color:#b1907c; font-size:13px; width:500px;  }
		#f #area_4 article #area_44{ top:672px; color:#e97b00}
		#f #area_4 article #area_44 a:link, #f #area_4 article #area_44 a{ color:#e97b00}
		

		#f #area_4 #area_45_button{ width:195px; height:28px; float:left; top:-3px; display:block; background-color:#98572f; position:relative; color:#fff; border-radius:16px; text-align:center;   }
		#f #area_4 #area_45_button #b1{ font-weight:500;                    font-size:12.5px; line-height:28px; font-family:'³ª´®°íµñ', 'Nanum Gothic', sans-serif;  letter-spacing:0px; position:relative; top:0px; padding-left:5px; padding-right:4px; } 		


/*area_5*/
#f #area_5{height:1110px; background-color:#1c1b17  }
	#f #area_5 .img_layout{width:970px; height:888px; top:0px;  }
		#f #area_5 .img_layout #area_51{ display:block; position:absolute; left:279px; top:100px; }
		#f #area_5 .img_layout #area_52{ display:block; position:absolute; left:0px; top:-120px;}
	#f #area_5 article{ top:-162px; width:650px; height:194px; text-align:center;  }
		#f #area_5 article .title{ top:10px; width:100%; color:#fff; }
		#f #area_5 article .text{  top:85px; width:100%; color:#fff;}


/*area_6*/
#f #area_6{height:936px;}
	#f #area_6 .img_layout{ top:290px; height:615px; width:970px; }	
		#f #area_6 .img_layout #area_61{ position:absolute; left:0px;  }
		#f #area_6 .img_layout #area_62{position:absolute; left:-67px;opacity:0.5  }
	#f #area_6 article{width:780px; height:370px; top:0px;  text-align:center; }
		#f #area_6 article .title{  top:0px;  width:100%;}
		#f #area_6 article .text{   top:45px; width:100%}

		
/*area_7*/		
#f #area_7{ height:590px; }
	#f #area_7 .img_layout{ height:300px;}
	#f #area_7 article{width:970px; height:370px; top:0px;  text-align:left; }
		#f #area_7 article .title{  top:0px;  width:100%;}
		#f #area_7 article .text{   top:45px; width:100%}

	
		
/*area_8*/
#f #area_8{ height:856px; }
	#f #area_8 .img_layout{ width:970px; }
		#f #area_8 .img_layout #area_81{ position:absolute; left:390px; top:0px;}
		#f #area_8 .img_layout #area_82{ position:absolute; left:0px; top:100px; height:130px; overflow:hidden}
			#f #area_8 .img_layout #area_82 img{ display:block; width:485px; height:287px; top:100px; position:relative   }
	#f #area_8 article{width:970px; height:305px;  text-align:left; }
		#f #area_8 article .title{   left:0px; width:48%;}
		#f #area_8 article .text{   left:0px; width:48%}	
			#f #area_8 article #area_84{top:250px;}
			#f #area_8 article #area_85{top:295px;}
			#f #area_8 article #area_86{top:560px;}
			#f #area_8 article #area_87{top:605px;}
			#f #area_8 article #area_88{top:560px; left:50%; }
			#f #area_8 article #area_89{top:605px; left:50%; }