*{word-break:keep-all}


/*area_0*/
#d #area_0{ height:1100px; width:100%; margin-top:55px;     }
	#d #area_0 article{width:710px; height:310px; margin-top:10px;   text-align:center; cursor:pointer}
		#d #area_0 article .icon{ top:0px;  width:100%; display:block; position:absolute;}
		#d #area_0 article .icon img{ width:147px;}
		#d #area_0 article .title{ top:120px;  width:100%;}
		#d #area_0 article .text{  top:195px; width:100%}
#d #area_0 .img_layout{ cursor:pointer}




/*area_1*/

#d #area_1{ height:1099px; width:100%; margin-top:60px; overflow:hidden; position:relative;  -background-color:#d6d3d3;  }
#d #area_1{																											-background-color:red;	 position:absolute; top:200px;				z-index:-1; opacity:0 }

#d #area_1 .bg_area{ height:1199px; width:100%; display:block; position:absolute;}
#d #area_1 .bg_area .bg_10{height:1199px; width:100%; display:block; position:absolute; background-color:#000; opacity:1}
#d #area_1 .bg_area .bg_11{height:1199px; width:100%; display:block; position:absolute; background-color:#000; opacity:1}
#d #area_1 .bg_area .bg_12{height:1199px; width:100%; display:block; position:absolute; background-color:#1a1a1a; opacity:0}
#d #area_1 .bg_area .bg_13{height:1199px; width:100%; display:block; position:absolute; background-color:#3d3d3d; opacity:0}
#d #area_1 .bg_area .bg_14{height:1199px; width:100%; display:block; position:absolute; background-color:#fff; opacity:0}



#d #area_1 .img_layout{height:1200px; width:970px; position:relative; }
#d #area_1 .img_layout .img_layout_wrap{ display:block; position:absolute; width:3900px; height:1200px; left:0px; top:0px;   -left:-970px;}


#d #area_1 .img_layout .img_layout_11,
	#d #area_1 .img_layout .img_layout_12,
	#d #area_1 .img_layout .img_layout_13,
	#d #area_1 .img_layout .img_layout_14{ display:block; position:relative; float:left;   width:970px; height:1200px;}


#d #area_1 .img_layout .img_layout_11{ opacity:1}/*background-color:#d6d3d3*/
#d #area_1 .img_layout .img_layout_12{ opacity:0}/*background-color:#000*/
#d #area_1 .img_layout .img_layout_13{ opacity:0}/*background-color:#fff*/
#d #area_1 .img_layout .img_layout_14{ opacity:0}/*background-color:#000*/

#d #area_1 .img_layout .img_layout_11 img{ position:absolute; left:-97px; top:0px; }
#d #area_1 .img_layout .img_layout_12 img{ position:absolute; left:0px; width:1190px; top:0px;}
#d #area_1 .img_layout .img_layout_13 img{ position:absolute; left:-735px; top:0px; -width:2100px; }
#d #area_1 .img_layout .img_layout_14 img{ position:absolute; left:-117px; top:125px;}

#d #area_1 .button_area_01{ display:block; position:relative; clear:both; width:90%; height:70px; top:-1100px; -background-color:red; text-align:right }
#d #area_1 .button_area_01 .button_area_01_1{ cursor:pointer}


#d #area_1 .button_area_02{ display:block; position:relative; clear:both;  width:100%; max-width:1270px;  height:130px; top:-750px; }
#d #area_1 .button_area_02 .button_area_02_1,
#d #area_1 .button_area_02 .button_area_02_2,
#d #area_1 .button_area_02 .button_area_02_3,
#d #area_1 .button_area_02 .button_area_02_4,
#d #area_1 .button_area_02 .button_area_02_5,
#d #area_1 .button_area_02 .button_area_02_6,
#d #area_1 .button_area_02 .button_area_02_7,
#d #area_1 .button_area_02 .button_area_02_8{ cursor:pointer; -display:block;position:absolute;  width:30px; height:30px; padding:54px 50px 46px 50px; border-radius:150px;  -background-color:#00F}
#d #area_1 .button_area_02 .button_area_02_1:hover,
#d #area_1 .button_area_02 .button_area_02_2:hover,
#d #area_1 .button_area_02 .button_area_02_3:hover,
#d #area_1 .button_area_02 .button_area_02_4:hover,
#d #area_1 .button_area_02 .button_area_02_5:hover,
#d #area_1 .button_area_02 .button_area_02_6:hover,
#d #area_1 .button_area_02 .button_area_02_7:hover,
#d #area_1 .button_area_02 .button_area_02_8:hover{ background-color:rgba(255,255,255,.3)}



#d #area_1 .button_area_02 .button_area_02_1{ left:0px; top:0px;     display:block; -display:none;}
#d #area_1 .button_area_02 .button_area_02_2{right:0px; top:0px;     display:block; -display:none}
#d #area_1 .button_area_02 .button_area_02_3{ left:0px; top:0px;     display:block; display:none}
#d #area_1 .button_area_02 .button_area_02_4{right:0px; top:0px;     display:block; display:none}
#d #area_1 .button_area_02 .button_area_02_5{ left:0px; top:0px;     display:block; display:none}
#d #area_1 .button_area_02 .button_area_02_6{right:0px; top:0px;     display:block; display:none}
#d #area_1 .button_area_02 .button_area_02_7{ left:0px; top:0px;     display:block; display:none}
#d #area_1 .button_area_02 .button_area_02_8{right:0px; top:0px;     display:block; display:none}




#d #area_1 .button_area_03{ display:block; position:relative; clear:both; width:970px; height:70px; top:-460px;  }
#d #area_1 .button_area_03 li{ display:inline-block; margin:8px; width:12px; height:12px; border-radius:18px; cursor:pointer;   background-color:#666}


#d #area_1 .button_area_03 li.button_area_03_1{ background-color:#d86351}
#d #area_1 .button_area_03 li.button_area_03_1:hover{ background-color:#fff !important}
#d #area_1 .button_area_03 li.button_area_03_2:hover{ background-color:#fff !important}
#d #area_1 .button_area_03 li.button_area_03_3:hover{ background-color:#fff !important}
#d #area_1 .button_area_03 li.button_area_03_4:hover{ background-color:#fff !important}




/*area_2*/
#d #area_2{height:1057px; width:100%; background-color:#212121; overflow:hidden; padding-top:127px;   }

#d #area_2 article{width:970px; height:307px;  display:block;     position:relative }

#d #area_2 article .title{ top:0px;   width:970px;  color:#fff}
#d #area_2 article .text{  top:75px;  width:970px;  color:#fff}	
#d #area_2 article .icon_area{ top:165px; position:relative; display:block; width:970px; height:180px;  }
#d #area_2 article .icon_area .icon_li{ width:130px; height:130px; display:inline-block; font-family:lato; color: #666; font-weight:800; font-size:12px;  }
#d #area_2 article .icon_area .icon_li .icon_circle{ width:80px; height:80px; border-radius:80px; display:block; margin-bottom:17px; background-color:#000 }
#d #area_2 article .icon_area .icon_li .icon_circle .circle_dot{ margin:0 auto;display:block; top:16px; position:relative; width:9px; height:9px; border-radius:11px; }
		
#d #area_2 article .icon_area #icon_li_a .icon_circle .circle_dot{background-color:#00aeef}
#d #area_2 article .icon_area #icon_li_b .icon_circle .circle_dot{background-color:#dd0284}		
#d #area_2 article .icon_area #icon_li_c .icon_circle .circle_dot{background-color:#fff200}
		
#d #area_2 article .icon_area #icon_li_a .icon_circle{background-color:#000}
#d #area_2 article .icon_area #icon_li_b .icon_circle{background-color:#535353}		
#d #area_2 article .icon_area #icon_li_c .icon_circle{background-color:#535353}
		
#d #area_2 article .icon_area .icon_li .icon_circle .circle_txt{ display:block; top:34px;position:relative;  font-size:11px; color:#fff; font-weight:400;   font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}

		
		
#d #area_2 .img_layout{width:970px; position:relative;     }

#d #area_2 .img_layout .img_layout_21{ display:block; position:absolute; opacity:1}
#d #area_2 .img_layout .img_layout_22{ display:block; position:absolute; opacity:0}
#d #area_2 .img_layout .img_layout_23{ display:block; position:absolute; opacity:0 }


	
	
	
/*area_3*/
#d #area_3{height:1024px;; padding-top:188px;  }
#d #area_3 .img_layout{width:970px; height:1024px; position:relative;   }

#d #area_3 .img_layout .img_layout_30,
	#d #area_3 .img_layout .img_layout_31,
	#d #area_3 .img_layout .img_layout_32{ display:block; position:absolute; }
		
#d #area_3 .img_layout .img_layout_30{ 	top:700px; left:-195px; }
#d #area_3 .img_layout .img_layout_31{	top:0px; left:-195px;}
#d #area_3 .img_layout .img_layout_32{	top:0px; left:169px;}

#d #area_3 article{width:970px;  top:-290px;  text-align:left; }

		#d #area_3 article .title{ top:0px; right:0px;   width:350px; color:#000}
		#d #area_3 article .text{  top:45px; right:0px;  width:350px; color:#000}	
	
		



/*area_4*/
#d #area_4{height:828px; padding-top:51px;   }
#d #area_4 .img_layout{width:970px; height:710px;  }

#d #area_4 .img_layout .img_layout_40,
	#d #area_4 .img_layout .img_layout_41,
	#d #area_4 .img_layout .img_layout_42{ display:block; position:absolute; }
	
#d #area_4 .img_layout .img_layout_40{ 	top:100px; left:0px; }
#d #area_4 .img_layout .img_layout_41{	top:0px; left:780px; }
#d #area_4 .img_layout .img_layout_42{	top:0px; left:500px;}

#d #area_4 article{width:970px;  top:-190px;  text-align:left;}
		#d #area_4 article .title{ top:0px;   width:485px;}
		#d #area_4 article .text{  top:48px;  width:485px}




/*area_5*/

#d #area_5{height:1080px; }
	#d #area_5 .img_layout{ width:970px; height:806px; top:10px;}
		#d #area_5 .img_layout img{ display:block; float:left; margin:0; padding:0; line-height:0px; opacity:0.5 }	
		#d #area_5 .img_layout span{  display:block;float:left;  width:194px; height:194px;margin:0; padding:0; line-height:0px;}
		#d #area_5 .img_layout span:hover{box-shadow:0px 7px 15px #000; top:-2px; position:relative}
	#d #area_5 article{width:970px; top:27px;}
		#d #area_5 article .title{ top:0px;  left:0px; width:100%;}
		#d #area_5 article .text{  top:48px; left:0px; width:100%}
	
	
	

/*area_6*/
#d #area_6{height:1330px; width:100%; }
	#d #area_6 .img_layout{width:970px; height:588px; position:relative; display:block;}
	
	#d #area_6 .img_layout .img_layout_60{ display:block; position:relative; left:-250px;  width:1475px; height:1249px; background-color:#aca499 }
     #d #area_6 .img_layout .img_layout_60 img{ display:block; position:absolute; left:635px;}

	#d #area_6 .img_layout .img_layout_61,
	#d #area_6 .img_layout .img_layout_62{ position:absolute; display:block; }
	
	#d #area_6 .img_layout .img_layout_61{ top:670px; left:-86px;}
	#d #area_6 .img_layout .img_layout_62{top:670px; left:-100px;}

	
	#d #area_6 article{width:970px;top:-303px; height:253px;    text-align:left;}
		#d #area_6 article .title{ top:0px;  left:38px; width:740px;}
		#d #area_6 article .text{  top:48px; left:38px; width:440px; }
		#d #area_6 article .text b{ font-weight:400; color:#753400}