@charset "utf-8";

/* intro */
@import "../css/common.css";
@import "../css/table.css";

body{margin:0;padding:0;
	font-size:13px;
	font-family:"NanumGothicWeb";
	color:#000000;
	line-height:17px; 
	letter-spacing:-1px;

	
} 
 

.FirstLine{padding:10px 0 20px 10px;}
.certiarea  {text-align:center;}
.certiarea img {padding-right:20px;}
.pt30{padding-top:30px;}

.clear{clear:both;}
/*certi*/
ul.catalogarea li{text-align:center;float:left;margin-right:8px;}
ul.catalogarea li img{margin-bottom:10px;}


/*index layout*/

#wrapper { 
	width:100%; 
	position: relative; 
	padding:0; 
	margin: 0 ; 
	}

	#TOPMenuArea{
		width:100%;
		position: absolute;
		padding:0; 
		margin: 0 ;
		z-index:11;
		top:0;
		background: #fff;
		height:68px;
		}

	#TOPImgArea{
		width:100%;
		position: relative;
		padding:0; 
		margin: 0 ;
		top: 0px;
		z-index:8;
		 
		 
		}
		.TOPImgArea_in{text-align:center;padding-top:}

		/* wrap - container */
			#wrap {padding-bottom:30px} 

			.main .visual {min-width:1150px; width:100%;margin:0 auto; overflow:hidden; position:relative; height:570px;}
			.main .visual > img {text-align:center; }
			.main .visual ul { position:absolute; width:700px; top:50%; right:50px; z-index:10;  }
			.main .visual ul li { position:relative; margin-bottom:15px; }
			.main .visual ul li span { float:left; display:inline-block; height:10px; width:600px; margin-right:5px;  }
			.main .visual ul li.on span { }

			.main .visual .cont { position:absolute; left:0; top:0; width:100%; }
			.main .visual .cont img {}
			.main .visual .cont > div { position:relative; }
			.main .visual .cont span { display:block; position:absolute;  }

			.main .visual .cont .visual01 {background:url(../image/mainimg01.jpg) no-repeat center top;width:100%;height:600px;}
			.main .visual .cont .visual01 .tit01 { width:590px; top:15%; margin-top:180px; text-align:left;left:50%; margin-left:-50px; opacity:0; filter:alpha(opacity=0); z-index:4;color:#fff;font-size:45px;font-family:'NanumGothicExBold';line-height:45px;height:80px; }
			.main .visual .cont .visual01 .txt01 { width:450px; top:15%;margin-top:0px; text-align:left;left:50%; margin-left:-500px;opacity:0; filter:alpha(opacity=0);height:0; z-index:3; overflow:hidden;color:#fff;font-size:15px;font-weight:bold; }

			.main .visual .cont .visual02 {background:url(../image/mainimg02_patten.jpg) no-repeat center top;width:100%;height:570px;}
			.main .visual .cont .visual02 .tit01{ width:590px; top:15%;margin-top:250px; text-align:left;left:50%; margin-left:-500px;opacity:0; filter:alpha(opacity=0); z-index:4;color:#fff;font-size:45px;font-family:'NanumGothicExBold';line-height:45px; }
			.main .visual .cont .visual02 .txt01 { width:460px; top:15%; margin-top:0px;text-align:left;left:50%;margin-left:-500px;opacity:0; filter:alpha(opacity=0);height:0; z-index:3; overflow:hidden;color:#fff;font-size:15px;font-weight:bold; }


			.main .visual .cont .visual03 {background:url(../image/mainimg03_patten.jpg) no-repeat center top;width:100%;height:570px;}
			.main .visual .cont .visual03 .tit01{ width:590px; top:15%;margin-top:250px; text-align:left;left:50%;margin-left:-500px; opacity:0; filter:alpha(opacity=0); z-index:4;color:#fff;font-size:45px;font-family:'NanumGothicExBold';line-height:45px; }
			.main .visual .cont .visual03 .txt01{ width:460px; top:15%; margin-top:0px;text-align:left;left:50%;margin-left:-500px;opacity:0; filter:alpha(opacity=0); height:0; z-index:3; overflow:hidden;color:#fff;font-size:15px;font-weight:bold; }

			.main .visual .cont .visual04 .tit01 { width:19%; top:55%; right:1%; opacity:0; filter:alpha(opacity=0); z-index:4; }
			.main .visual .cont .visual04 .txt01 { width:296px; top:34%; left:54%; height:0; z-index:3; overflow:hidden; }

#MainContainer {
	width: 				1100px;
	position:             relative; 
	margin: 			           0 auto 0 auto;
	padding-top:               0px; 
	z-index:10;
	min-height:300px;


	}

#MainContainer:after {
    content:"."; 
    display:block; 
    height:0; 
	line-height: 0px;
    clear:both; 
    visibility:hidden;
}

	

 

		.businessSection{float:left;width:200px;z-index:1;margin-right:10px;margin-left:10px;}
		.businessSection .business_tit{font-family:'NanumGothicExBold';padding-top:5px;position: absolute;margin-top:-30px;background:url(../image/blackpatten.png);color:#fff;text-align:center;height:25px;width:200px;z-index:2;font-size:14px;}
		.businessSection .business_txt{color:#252525;padding-top:10px;font-size:13px;}

#galleryarea{background:#e5e5e5;width:100%;}
#galleryarea_in{width: 1150px;margin:0 auto 0 auto;position: relative; }
#galleryarea_in h2{font-size:25px; text-align:center;line-height:30px;padding-top:20px;padding-bottom:20px;}	


#quickarea{width: 1000px; position:  relative; 	margin:  0 auto 0 auto; padding-top: 50px; z-index:10; min-height:150px;}

		.quickareaSection{float:left;width:333px;z-index:1;}
		.quickareaSection .quickarea_icon{float:left;width:110px;}
		.quickareaSection .quickarea_info{float:left;width:223px;padding-top:5px;font-size:13px;}
		.quickareaSection .quickarea_info h3{color:#252525;font-size:22px;font-family:'NanumGothicExBold';}
		.quickarea_txt{color:#636363;padding-top:5px;font-size:12px;line-height:13px;}
		.calltxt{padding-top:10px;font-size:22px;color:#4e61e2;font-weight:bold;font-family:verdana;}

ul.Tab_sub_list{margin-bottom:30px; width:1150px;background:url(../image/tabpatten.png) no-repeat center top;min-height:60px;}
ul.Tab_sub_list li.first{margin-left:200px;}
ul.Tab_sub_list li{display:block;float:left;margin-top:20px;}
ul.Tab_sub_list li a,ul.Tab_sub_list li a:hover{color:#000;}
ul.Tab_sub_list li div{width:150px;text-align:center;background:url(../image/off.png) no-repeat center top;padding-top:20px;}
ul.Tab_sub_list li div.on{background:url(../image/on.png) no-repeat center top;font-weight:bold;}

.clear{clear:both;}

.work_photo{text-align:center; padding:0;margin:0;}
.work_photo ul li{display:inline;margin-right:10px;margin-left:10px;}

#CopyArea{
	width:100%; 
	position: relative; 
	padding:20px 0  0 0; 
	margin: 20px auto 0 auto; 
	border-top:1px solid #e3e4e3;
	background: #fff;}

		#CopyAreaimg{
			width:1000px; 
 			margin: 0 auto 0 auto; 
			padding:0; 
			text-align:center;
			}