@charset "utf-8";
/* CSS Document */

@font-face{
font-family:NG;
src:url(/fonts/NanumGothic.eot);
src:local(※), url(/fonts/NanumGothic.woff) format(‘woff’)
}

/*    Reset CSS  */
* { margin:0;  padding:0; }
ol,ul { list-style: none; }
a { outline:0; text-decoration:none; color:#bbb;}
img { border:0;}

body { font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif;}

/*header*/

#i_header{width:1200px;
		  height:195px;
		  margin:0 auto;
		  position:relative;	
}
#i_header .i_headerlogo{width:200px;
					   height:100px;
					   position:absolute;
					   top:20px;
					   left:50%;
					   margin-left:-100px;
					   					  
}

#i_header .ih_sns {width:199px;
				   height:34px;
				   position: absolute;
				   left:30px;
				   top: 83px;
}
#i_header .ih_snspage li{ width:34px; 
						  height:34px;
						  float:left;
						  list-style:none;
						  
} 
#i_header .i_header2 {width:34px;
					  height:34px;
					  position:absolute;
					  right:120px;
					  top:83px;
}
#i_header .i_header3 {width:100px;
					  height:34px;
					  text-align:center;
					  font-size:12px;
					  line-height:34px;
					  position:absolute;
					  right:30px;
					  top:83px;
}
		
#i_header .i_headermenu {width:1170px;
						 height:65px;
						 position:absolute;
						 left:0px;
						 bottom:0px;
						 border-top:1px solid #ccc;
						 
}

#i_header .i_headermenu li{width:167.142px;
						   height:65px;
						   float:left;
						   text-align:center;
						   line-height:65px;
						   list-style:none;
}
/*visual*/
#i_visual {width:100%;
		   height:400px;
		   margin-bottom:50px;
}
#i_svisual {width:100%;
		   height:250px;
		   margin-bottom:50px;
}

/*container*/

#i_container {width:1200px;
			  margin:0 auto;
			  position:relative;
}
#i_container .ic_icon{width:1200px;
					  margin:0 auto;
					  overflow:hidden;
}
#i_container .ic_icon1{width:300px;
					   height:250px;
					   float:left;
					   text-align:center;
}
#i_container .ic_icon1 h4{color:#98dbb7; font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif;
							
						  margin:10px 0;
}
#i_container .ic_icon1 p{line-height:20px;
}
#i_container .i_x1{position:absolute;
				  top:90px;
				  left:310px;}

#i_container .ic_icon2{width:300px;
					   height:250px;
					   float:left;
					   text-align:center;
}
#i_container .ic_icon2 h4{color:#98dbb7;font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif;
						  margin:10px 0;
}
#i_container .ic_icon2 p{line-height:20px;
}
#i_container .i_x2{position:absolute;
				  top:90px;
				  left:610px;}
				  
#i_container .ic_icon3{width:300px;
					   height:250px;
					   float:left;
					   text-align:center;
}
#i_container .ic_icon3 h4{color:#98dbb7;font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif;
						  margin:10px 0;
}
#i_container .ic_icon3 p{line-height:20px;
}
#i_container .i_x3{position:absolute;
				  top:90px;
				  left:910px;}
				  
#i_container .ic_icon4{width:300px;
					   height:250px;
					   float:left;
					   text-align:center;
}
#i_container .ic_icon4 h4{color:#98dbb7;font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif;
						  margin:10px 0;
}
#i_container .ic_icon4 p{line-height:20px;
}
#i_container .conbox{width:420px;
					 height:60px;
					 text-align:center;
					 letter-spacing:20px;
					 border:1px solid #222;
					 margin:20px auto 50px;
					 font-size:20px;
					 font-weight:bold;
					 line-height:60px;
			
}
#i_container .i_pho{margin-bottom:30px;
}

/*footer*/

#i_footer {width:100%;
margin-top:50px; 
		   height:220px;
		   background:#ccc;
		   position:relative;
		   overflow:hidden;
}
#i_footer a{color:#fff;}
#i_footer .i_foo1{width:210px;
				  height:51px;
				  position:absolute;
				  top:20px; 
				  left:50%;
				  margin-left:-105px;
}
#i_footer .i_foo1 li{float:left;
					 	
}

#i_footer .i_foo2{width:600px;
				  height:80px;
				  text-align:center;
				  position:absolute;
				  bottom:50px;
				  left:50%;
				  margin-left:-300px;
				  color:#fff;
}
#i_footer .i_foo3 {width:600px;
				   line-height:20px;
				   color:#fff;
}



/*about sub1 page*/

.i_aboutcon1 {width:1200px;
			  min-height:500px;
			  margin:0 auto 50px;
		
}
.i_aboutbar {width:150px;
			 height:5px;
			 background:#222;
			 margin:0 auto;
}
.i_aboutcon1>h2{width:100px;
font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif;

				margin:20px auto 60px;
				font-size:30px;
				text-align:center;
				
}

.i_aboutback {width:1200px;
			  height:680px;
			  background:url(/images/aboutback.png) center top no-repeat;
}
.i_aboutext {width:700px;
			 color:#fff;
			 padding-top:20px;
			 margin-left:20px;
			 margin-top:0px;}

.i_aboutext h3{font-family:"나눔 고딕";}

.i_aboutext h3:nth-child(1) {font-size:28px;
font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif;
				 		     margin-bottom:50px;
							 color:#222;
							
}
.i_aboutext h3:nth-child(2) {font-size:20px;
font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif;
				   			 color:#c22929;
				 		     margin-bottom:30px;
							
}				
.i_aboutext p:nth-child(3) {font-size:17px;
							line-height:20px;
							
}
.i_aboutext h3:nth-child(5) {font-size:20px;
font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif;
							 color:#c22929;
							
}					
					
.i_aboutext span{color:#222;}					
					
					
/*how to use sub2 page*/					

.i_usecon {width:1200px;
		   margin:0 auto;
		  
}
.i_usecon .i_usebar {width:400px;
					 height:5px;
					 background:#222;
					 margin:0 auto;
}					
.i_usecon>h2{width:200px;
			font-size:30px;
			margin:20px auto;
			text-align:center;
}					
.i_usecon .i_step{width:1200px;
				 height:80px;
				 overflow:hidden;
				 margin:50px 0 60px;
}			
			/*step1*/		
.i_usecon .i_step1{width:300px;
				   height:80px;
				   float:left;
				   		
}					
.i_usecon .i_step1che {width:70px;
					   height:80px;
					   background:url(/images/check.jpg) no-repeat;
					   float:left;

}
.i_usecon .i_step1text {width:230px;
						height:80px;
						float:left;
						color:#999;
}
.i_usecon .i_step1text p:nth-child(1) {margin:20px 0 10px 5px;
}					
.i_usecon .i_step1text p:nth-child(2) {margin:10px 0 0 5px;
}					
					
.i_usecon .i_step1:hover p{color:#222;
}
.i_usecon .i_step1:hover .i_step1che{background-position:0 -80px;
}
	
			/*step2*/		
			
			
.i_usecon .i_step2{width:300px;
				   height:80px;
				   float:left;
				   		
}					
.i_usecon .i_step2che {width:70px;
					   height:80px;
					   background:url(/images/check.jpg) no-repeat;
					   float:left;

}
.i_usecon .i_step2text {width:230px;
						height:80px;
						float:left;
						color:#999;
}
.i_usecon .i_step2text p:nth-child(1) {margin:20px 0 10px 5px;
}					
.i_usecon .i_step2text p:nth-child(2) {margin:10px 0 0 5px;
}					
					
.i_usecon .i_step2:hover p{color:#222;
}
.i_usecon .i_step2:hover .i_step2che{background-position:0 -80px;
}

		/*step3*/

			
.i_usecon .i_step3{width:300px;
				   height:80px;
				   float:left;
				   		
}					
.i_usecon .i_step3che {width:70px;
					   height:80px;
					   background:url(/images/check.jpg) no-repeat;
					   float:left;

}
.i_usecon .i_step3text {width:230px;
						height:80px;
						float:left;
						color:#999;
}
.i_usecon .i_step3text p:nth-child(1) {margin:20px 0 10px 5px;
}					
.i_usecon .i_step3text p:nth-child(2) {margin:10px 0 0 5px;
}					
					
.i_usecon .i_step3:hover p{color:#222;
}
.i_usecon .i_step3:hover .i_step3che{background-position:0 -80px;
}
	
		/*step4*/	

			
.i_usecon .i_step4{width:300px;
				   height:80px;
				   float:left;
				   		
}					
.i_usecon .i_step4che {width:70px;
					   height:80px;
					   background:url(/images/check.jpg) no-repeat;
					   float:left;

}
.i_usecon .i_step4text {width:230px;
						height:80px;
						float:left;
						color:#999;
}
.i_usecon .i_step4text p:nth-child(1) {margin:20px 0 10px 5px;
}					
.i_usecon .i_step4text p:nth-child(2) {margin:10px 0 0 5px;
}					
					
.i_usecon .i_step4:hover p{color:#222;
}
.i_usecon .i_step4:hover .i_step4che{background-position:0 -80px;
}
	
			
/* 사진 및 동영상 */

.i_usecon1 {width:1200px;
			overflow:hidden;
			margin-top:50px;
}
.i_usecon1 .i_usepic{width:395px;
					 height:570px;
					 float:left;
}

.i_usecon1 .i_usemovie{width:805px;
                       height:570px;
					   float:left;
					   background:#ccc;
}


.tit { text-align:center; font-size:35px; font-weight:600; font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif; padding:20px 0 40px}




.i_usebar {width:150px;
					 height:5px;
					 background:#222;
					 margin:0 auto; }
					 

.tabdiv { border-top:1px solid #dadada; border-bottom:1px solid #dadada; width:100%; text-align:center; height:46px; margin-bottom:40px;}					 

.pagetab { margin:0; padding:0; height:45px; text-align:center; display:inline-block;}
					 
.pagetab li { list-style:none; margin:0; padding:0; min-width:200px; line-height:45px; border:1px solid #dadada; float:left; text-align:center; border-top:none; border-bottom:none}
.pagetab li a { color:#446e75; text-decoration:none; font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif; font-size:15px;}

.pagetab li:hover { background:#446e75; list-style:none; margin:0; padding:0; min-widht:150px; line-height:45px;border:1px solid #446e75; border-top:none; border-bottom:none}
.pagetab li a:hover { color:#fff; text-decoration:none; font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif; font-size:15px;}
.pagetab li:hover a {color:#fff; text-decoration:none; font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif; font-size:15px; }
.pagetab .on { background:#446e75; border:1px solid #446e75;list-style:none; margin:0; padding:0; min-widht:150px; line-height:45px; border-top:none; border-bottom:none}
.pagetab .on a { color:#fff; text-decoration:none; font-family:나눔고딕, NG, Malgun gothic, dotum, sans-serif; font-size:15px;}

					 