@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(https://fonts.googleapis.com/css?family=Lato);

* { margin:0; padding:0}

html, body {
	width:100%;
	height: 100%;
 }
body {
	font-family:Nanum Gothic,'³ª´® °íµñ',ng,sans-serif;
    margin:0;
	padding:0;
	overflow-y: scroll;
}

body, td, input, select, table, textarea, div, p, b {
	font-family: Nanum Gothic, '³ª´® °íµñ', ng, sans-serif;
	font-size: 13px;
	line-height: 20px;
	text-decoration: none; /* none l underline l overline l line-through */
}

img { border:0}
ul, ol, dl, li { list-style:none}


/*---------------------------------------------------*/
a { text-decoration:none; color:#4e4e4e;}
a.top { color:#fff; text-decoration:none;}
a.top:hover { color:#e1e1e1; text-decoration:none;}

a.subtop { text-decoration:none; color:#252525; font-weight:600;}
a.subtop:hover { text-decoration:none; color:#c0c0c0; font-weight:600;}
a.subtop:active { text-decoration:none; color:#c0c0c0; font-weight:600;}

/*Navi*/
#center {
	position: relative;
	z-index: 99999;
	width: 100%;
	margin: 0 auto;
	height:108px;
	top: 0px;
	display: inline-block;
}

#top_navi_wrap {
	width:100%;  
	z-index:10; 
	position:absolute; 
    background:#fff;
	opacity:.8;
	} 
.top_wrap { width:100%; margin:0 auto; height:25px; background:#008752; border-bottom:1px solid #fff;}
.top_wrap2 { width:1100px; margin:0 auto; height:25px;}
.top_menu { float:right; background:url(../images/top_menu_bar.png) left top no-repeat; }
.top_menu ul {  }
.top_menu ul li.top_border { float:left; height:25px; font-size:11px; background:url(../images/top_menu_bar.png) right top no-repeat; padding: 4px 10px 0 10px; }
.top_menu ul li { float:left; height:29px;}

.top_navi_wrap2{ width:100%; margin:0 auto; height:79px; position:relative; background:#fff; border-bottom:1px solid #fff;}
.navi_wrap { width:1100px; margin:0 auto; height:79px; position:relative; background:#FFF;}
.top_logo{ float:left; position:absolute; width:300px;}
.top_navi { float:left; width:800px; margin-left:400px;}
.navi_dep1{float:left;}
.navi_dep1_position{ margin-right:20px; font-size:20px; font-weight:500; text-align:center; height:77px; line-height:77px;}
.navi_dep1_position:hover { border-bottom:5px solid #008752; height:71px; line-height:77px;}
.navi_dep1_position a { color:#000; text-decoration:none; font-weight:bold;}

/*submenu */
.navi_dep2_wrap01{padding-left:430px;margin-left:0px;position:relative;left:-490px;}
.navi_dep2_wrap02{padding-left:200px;margin-left:0px;position:relative;left:-300px;}
.navi_dep2_wrap03{padding-left:-200px;margin-left:0px;position:relative;left:-25px;}
.navi_dep2_wrap04{padding-left:500px;margin-left:0px;position:relative;left:-485px;}

.navi_dep2_wrap{ display:none; width:1100px; position:relative;top:0px;}
.navi_dep2_wrap ul{overflow:hidden; width:1100px; height:26px; padding-top:12px;}
.navi_dep2_wrap ul li{ float:left; padding-right:10px; height:13px; line-height:13px; border-right:1px solid #4e4e4e; margin-right:10px;}
.navi_dep2_wrap ul li.last { float:left; border-right:none; height:13px; line-height:13px;}

.float01{width:180px;}
.float02{width:180px;}
.float03{width:180px;}
.float04{width:180px;}

.blank{height:50px;}

/*main_visual, sub_visual*/
#mainVisual {
	width:100%;
	height:509px;
	background:url(../images/Visual_BG.png) center top no-repeat;
	margin-bottom:30px;
}
#mainVisual ul {
	width:1045px;
	height:292px; 
	margin:0 auto;
	line-height:292px;
	padding-top:150px;
}
#mainVisual ul li{
	float:left;
	margin-left:10px;
	border:1px solid #ccc;
	height:292px;
}
#sub_vi{
	width:100%;
	height:230px;
	background:url(../images/sub_Visual_BG.png) top center no-repeat;
	
}

#center1_wrap {
	width:100%;
	position:relative;
	height:309px;
	margin-top:-359px;
	}
.main_center1 {
	width:1024px;
	margin:0 auto;
	height:309px;
	}
.main_center1 p {
	font-size: 24px;
	color: #373737;
	padding: 22px 0 0 22px;
	font-weight:600;
	opacity: 1;
	}
.main_center1 ul {
	padding-top:20px;
	padding-left:20px;
	}
.main_center1 ul li {
	float:left;
	padding-right:12px;
	}
.text{
	float:left;
	width: 188px;
	padding-right:12px;
	opacity: 1;
	text-align:center;
	font-size:18px;
	font-weight:600;
	color: #545454;
	padding-top:8px;
	}

#center2_wrap {
	width:100%;
	height:837px;
	position:relative;
	margin-top:-837px;
	}
.main_center2 {
	width:1024px;
	background:url(../images/top_menu_bg.gif) left top repeat-y;
	margin:0 auto;
	height:478px;
	}
.main_center2 ul li {
	width:200px;
	height:161px;
	border-bottom:1px solid #5969af;
	}
.main_center2 ul li.customer {
	width:200px;
	height:154px;
	background:#7686c8;
	border-bottom:none;
	}
.main_center2 ul li.customer p {
	padding-left:20px;
	color:#FFF;
	}
.main_center2 ul li.customer p.customer_txt1 {
	padding-top:30px;
	font-weight:600;
	font-size:25px;
	}	
.main_center2 ul li.customer p.customer_txt2 {
	padding-top:15px;
	color:#fffd74;
	font-weight:600;
	font-size:20px;
	}	
.main_center2 ul li.customer p.customer_txt3 {
	padding-top:5px;
	font-size:15px;
	}	
.main_center2 ul li.customer p.customer_txt4 {
	padding-top:10px;
	}	

/* ---section1--- */
#section_wrap {
	width:100%;
	height:299px;
	margin:10px 0 30px 0;
	}
#section {
	/* width: 1080px; ????? */
	width:820px;
	height:299px;
	margin:0 auto;
	}
#section div {
	float:left;
	width:261px;
	height:299px;
	margin:0 10px 0 0;

	}
#section1 h2{
	color:#000;
	text-align:left;
	padding-left:25px;
	padding-bottom:10px;
	margin-top:10px;

}
#section2 h2,#section3 h2,#section4 h2{
	color:#fff;
	text-align:left;
	padding-left:25px;
	margin-top:10px;
	
}	

#section1 {
	float:left;
	width:261px;
	height:299px;
	margin:0 10px 0 0;
	border:1px solid #ccc;
	background:url(../images/con_1.png) repeat-y
	}

#section2 {
	float:left;
	width:261px;
	height:299px;
	margin:0 10px 0 0;
	background:url(../images/con_2.png) repeat-y ;
}

	#section #section3 {
	float:left;
	width:261px;
	height:299px;
	margin:0 10px 0 0;
	background:url(../images/con_3.png) repeat-y;
	}
#section2 p, #section3 p {
	color:#fff;
	text-align:left;
	padding-left:25px;
	font-size:15px;
	margin-top:40px;
}	
#section1 p{
	color:#444444;
	text-align:left;
	padding-left:25px;
	font-size:13px;
	margin-top:10px;
}	
#section1 ul li img{
	text-align:center;
	padding-left:25px;
	}
#section2 img, #section3 img{
	margin:90px 0 0 20px;
	}
#section1 img{
	margin:30px 0 0 0;
}
#section #section4 {
	margin-right:0;
	float:left;
	width:261px;
	height:299px;
	background:url(../images/con_4.png) repeat-y;
	}
#section4 .size_1 {
	font-size:25px;
	font-weight:bold;
}
#section4 .size_2 {
	font-size:15px;
	font-weight:bold;
}
#section4 p {
	color:#fff;
	text-align:left;
	padding-left:25px;
	font-size:15px;
	margin-top:40px;
}	
#section div ul {
	padding: 20px 0 0 0;
}
#section div ul li.section_tit {
	width:261px;
	}


/* ---section2--- */
#section2_wrap {
	width:100%;
	height:220px;
	padding-bottom:12px;
	}
#section_second {
	width:1060px;
	height:220px;
	margin-bottom:12px;
	margin:0 auto;
	}
#section_second #section6 {
	float:left;
	width:508px;
	height:218px;
	border: 1px solid #cccccc;
	margin:0 20px 0 0;
	}
#section_second #section6 li p {
	color:#000;
	font-size:18px;
	font-weight:600;
	margin: 19px 0 0 24px;
	}
#section_second #section6 li p.con {
	color:#868686;
	font-size:13px;
	margin: 10px 0 0 24px;
	}
#section_second #section7 {
	float:left;
	width:253px;
	height:218px;
	border: 1px solid #cccccc;
	margin:0 20px 0 0;
	background:url(../images/main_section7_bg.png) no-repeat;
	}
#section_second #section7 li p {
	color:#000;
	font-size:18px;
	font-weight:600;
	margin: 19px 0 0 24px;
	}
#section_second #section7 li p.con {
	color:#868686;
	font-size:13px;
	margin: 10px 0 0 24px;
	}
#section_second #section7 li p.con > span {
	color:#ec1c24;
	}
#section_second #section7 .more_btn {
	width:75px;
	height:23px;
	line-height:23px;
	border:1px solid #e1e1e1;
	color:#868686;
	font-size:13px;
	margin: 55px 0 0 24px;
	text-align:center;
	}
#section_second #section7 .more_btn:hover {
	width:75px;
	height:23px;
	line-height:23px;
	border:1px solid #e1e1e1;
	background:#5fd0f5;
	color: #fff;
	font-size:13px;
	text-align:center;
	}
#section_second #section8 {
	float:right;
	width:253px;
	height:218px;
	border: 1px solid #cccccc;
	margin:0 0 0 0;
	margin-right:0;
	background:url(../images/main_section8_bg.png) no-repeat;
	}
#section_second #section8 li p {
	color:#000;
	font-size:18px;
	font-weight:600;
	margin: 19px 0 0 24px;
	}
#section_second #section8 .tel {
	color:#ec1c24;
	font-size:36px;
	font-weight:600;
	margin: 19px 0 25px 24px;
	letter-spacing:-3.5px;
	}
#section_second #section8 li p.con {
	color:#868686;
	font-size:13px;
	margin: 10px 0 0 24px;
	}

/* ---section3--- */
#section3_wrap {
	width:100%;
	height:100px;
	padding-bottom:12px;
	}
#section_third {
	width:1060px;
	height:100px;
	margin-bottom:12px;
	margin:0 auto;
	}
#section_third #section9 {
	float:left;
	width:1058px;
	height:98px;
	border: 1px solid #cccccc;
	}



/* contents */
#contents {
	width:1060px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	
	}

#leftmenu_wrap {
	position:absolute;
	top:-77px;
	left:0;
	bottom:0;
	width:200px;
	float:left;
	border-right:1px solid #d7d7d7;
	}
#left_top {
	width:200px;
	height:177px;
	border-bottom:1px solid #d7d7d7;
	
	}
#left_top p {
	font-size:26px;
	font-weight:600;
	padding:127px 0 0 20px;
	color:#222222;
	}
#left_menu a {
	display:block;
	height:46px;
	line-height:46px;
	border-bottom:1px solid #d7d7d7;
	color:#222222;
	padding-left:25px;
	font-weight:600;
	text-decoration:none;
	font-size:17px;
	}
#left_menu a.on {
	display:block;
	height:46px;
	line-height:46px;
	border-bottom:1px solid #d7d7d7;
	color:#fff;
	background:url(../images/left_bg.png) no-repeat;
	padding-left:25px;
	font-weight:600;
	text-decoration:none;
	}
#left_menu a:hover {
	display:block;
	height:46px;
	line-height:46px;
	border-bottom:1px solid #d7d7d7;
	color:#fff;
	background:url(../images/left_bg.png) center top no-repeat;
	padding-left:25px;
	font-weight:600;
	text-decoration:none;
	}
	
 #left_menu a.sub {
	display:block;
	height:30px;
	line-height:30px;
	color:#aaa;
	padding-left:35px;
	border-bottom:none;
	text-decoration:none;
	}

#left_menu a.sub_on {
	display:block;
	height:30px;
	line-height:30px;
	color:#fff;
	padding-left:35px;
	border-bottom:none;
	text-decoration:none;
	}
#left_menu a.sub:hover {
	display:block;
	height:30px;
	line-height:30px;
	color:#fff;
	padding-left:35px;
	border-bottom:none;
	text-decoration:none;
	}
/*-------------------------------------------------------------------------------------=-------*/
#article_wrap {
	float:right;
	width:839px;
	margin-left:10px;
	}
#article_top {
	width:800px;
	height:100px;
	padding-left:40px;
	}
#article_top ul li.article_tit {
	float:left;
	padding:62px 0 0 0;
	font-size:25px;
	font-weight:500;
	color:#000000;
	}
#article_top ul li.home {
	float:right;
	padding:74px 0 0 0;
	font-size:12px;
	}
#article_top ul li.home img { vertical-align:middle; padding-right:5px;}
#article {
	clear: both;
	width: 800px;
	margin-left: 40px;
	border-top:1px solid #dedede;	

	}	

#greeting {
	margin:50px 0;
	width:799px;
	background:url(../images/greeting_bg.png) right bottom no-repeat;
	}
#greeting_1 {
	margin-top:50px;
	width:799px;

	}
#greeting p { width:520px; padding-bottom:20px;}
#greeting .title {color:#008752; font-size:30px; line-height:110%; font-family:'Nanum brush script';}
#greeting span {color:#ee2f36;}

/* ¿¬Çõ */

.history1 ul li.year span {
	display:block;
	float:left;
	width:130px;
	font-size:20px;
	font-weight:bold;
	color:#2f439c;
	padding-right:20px;

	}
		
	
.history1 {
	width:757px;
	background:url(../images/history_bg.png) no-repeat -10px 60px;
	overflow:hidden;
	margin-top:30px;
	}
.history1 ul {
	background:url(../images/history_line.gif) repeat-y 112px 0;
	padding:20px 0;
	}	
.history1 ul li.noyear { margin-left: 142px; height:30px;}
.history1 ul li.year {
	height:30px;
	background:url(../images/bullet_history.png) no-repeat 104px 4px;
	margin-top:10px;
	}	
.history1 ul li.year span {
	display:block;
	float:left;
	width:120px;
	font-size:20px;
	font-weight:bold;
	color:#008752;
	padding-right:20px;

	}

.his_3 {
	width:700px;
	margin-top:50px;
	}
.his_4{
	width:800px;
	height:1000px;
	margin-top:50px;
}

.bi {
	margin:50px 0;
	width:799px;
}



/*Ç°Áú¼Ò°³*/

#contents {
	width:1060px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}

	#consrt1{
		margin:50px 0;
	}
	#consrt2{
		margin:50px 0;
	}	
	#consrt3{
		margin:50px 0;
	}
	.consrt2_1{
		overflow:hidden;
	}
	.consrt2_1 li{
		float:left;
		margin:0 30px 30px 0;
		background:#e9e3d2;	
	}
	.consrt2_1 li p{
	font-size:17px;
	text-align:center;
	padding-top:10px;
	font-weight:bold;
	width:370px;
	background:#e4cc8c;
	height:30px;
	}
	
	.consrt3_1{
		overflow:hidden;
		margin-bottom:30px;
	}
	.consrt3_1 li{
		float:left;
		border:2px solid #ccc;
		background:#000;
		margin:0 11px 20px 0;
	}
	#consrt3 p{
	color:#797979;
	font-size:20px;
	padding-bottom:20px;
	font-weight:bold;
	background:url(../images/icon4.png) 0 0 no-repeat;
	padding-left:25px;
	}
/* estimate */	

.estimate {
	border-top:2px solid #008752;

	}
.estimate td {
	padding:10px 0;
	border-bottom:1px solid #dedede;
	padding-left:10px;
	}
.estimate td.subject {
	background:#f5f5f5;
	border-right:1px solid #dedede;
	font-weight:600;
	}
.estimate td.subject span {
	color:#c00;
	}	
.estimate tr.last_td td {
	border-bottom:2px solid #008752;
	}
input.form_btn {
	width:100px;
	height:50px;
	background:#FFF;
	border:1px solid #dedede;
	text-align:center;
	}
input.form_btn:hover {
	background:#008752;
	color:#FFF;
	}	

	
/* main footer */
div.blank { clear:both; width:799px; height:80px;}
#footer_wrap {width:100%; height:113px; background:#fff; position:absolute; border-top:1px solid #d7d7d7;}
#footer { width:1060px; height:113px; margin:0 auto; clear:both;}
.footer_logo {
	float:left;
	width:114px;
	height:60px;
	margin-top:34px;
	}
.footer_con {
	float:left;
	height:81px;
	margin-left:130px;
	margin-top:20px;
	}
.footer_con p { color:#4d4d4f;}

/* sub footer */
#sub_footer_wrap {clear:both; width:100%; height:113px; background:#fff; border-top:1px solid #d7d7d7; }
#footer { width:1060px; height:113px; margin:0 auto; clear:both;}
.footer_logo {
	float:left;
	width:114px;
	height:60px;
	margin-top:27px;
	}
.footer_con {
	float:left;
	height:81px;
	margin-left:130px;
	margin-top:20px;
	}
.footer_con p { color:#4d4d4f;}