@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);
/*---reset---*/

html { overflow-y:scroll; overflow-x:hidden;}
* { margin:0; padding:0; }
img { border:0; }
ul, ol, dl, li { list-style:none; }
caption { width:1px; height:1px; overflow:hidden; }
table { border-collapse:collapse; border-spacing:0; font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important;}
body { font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; font-size:13px; color:#353535; line-height:20px; text-decoration:none; -webkit-text-size-adjust:none;}

/*---a link---*/
a { text-decoration:none; color:#4e4e4e; }
a:hover {text-decoration:none;}
a.top { color:#bbb; text-decoration:none; }
a.top:hover { color:#eee; text-decoration:none; }
a.subtop { text-decoration:none; color:#4e4e4e; }
a.subtop:hover { text-decoration:none; color:#002844; font-weight:bold; }
a.subtop:active { text-decoration:none; color:#002844; font-weight:bold; }
a.main {color:#fff;}

p{line-height:22px;}
p.space {padding-bottom:30px; clear:both;}
p.img_space {clear:both;}
h3.page_title{font-size:23px;line-height:30px;color:#4f93d9; padding-top:10px; padding-bottom:10px;}
h3.under_space{margin-bottom:15px; width:753px;}
h4{font-size:19px;line-height:26px;color:#1269ca;margin:5px 0 12px 0; font-weight:600;}
h5{font-size:19px;line-height:26px;color:#1269ca;margin:5px 0 12px 0; font-weight:600; text-align:center;}

#wrapper {
	width:100%;
	margin:0 auto;
	}
/*---header---*/
#header_wrap { width:100%; height:116px;   border-bottom:2px solid #0e1e6e; margin:0 auto;  }
#top_wrap {
	width:100%;
	height:25px;
	background:url(../images/top_menu_bg.png) repeat-x;
	}
#top_menu {
	width:1100px;
	margin:0 auto;
	}
#top_menu ul {
	float:right;
	background:url(../images/top_menu_bar.png) left top no-repeat;
	}
#top_menu ul li {
	float:left;
	font-size:11px;
	height:25px;
	line-height:25px;
	padding-left:17px;	
	background:url(../images/top_menu_bar.png) right top no-repeat;
	}
#top_menu ul li a {
	color:#646464;
	display:block;
	font-weight:600;
	padding-right:20px;
	}
	
#header { width:1100px; height:91px; margin:0 auto;}
#header h1 {
	float:left;
	padding-top:24px;
	}
.nav_wrap { width: 720px; float:right;}

/* @group core nav menu */
#nav { margin: 0; padding: 0; list-style: none; height: 91px; }
#nav li { float: left; display: block; background: none; position: relative; z-index: 999; }
#nav li a { display: block; padding: 0; font-weight: 600; line-height: 91px; text-decoration: none; zoom: 1; width:180px; text-align:center; font-size:18px; color:#121212; font-family: 'Nanum Square'}
#nav li a:hover, #nav li a.hov { background-color: #234e74; color: #fff; font-family: 'Nanum Square'}

/* @group subnav */
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none; border-left:1px #d5dce8 solid; border-right:1px #d5dce8 solid; border-top:1px #d5dce8 solid;}	
#nav ul.menu1 li { width:178px; float: left; border-top: 1px solid #fff; text-align: left; }
#nav ul li:hover { border-left:0px solid transparent; border-right: 0px solid transparent;background:#eee }

#nav ul.menu1 a { width:158px; display: block; height: 20px; line-height: 20px; padding: 6px 10px 6px 10px;  font-size:13px; color:#8f8e8e; text-align:left; border-bottom:1px #d5dce8 solid; background:#fff;font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important;}
#nav ul.menu1 a:hover { color:#fff; font-weight:600; 	text-decoration:none; 	background:#234e74; }

/*---Visual---*/

#mainVisual { width:100%; height:566px; overflow:hidden; border-bottom:1px solid #dedede; background:url(../images/main_visu_bg.png) center top no-repeat;}

#sub_visu {
	clear:both;
	width:100%;
	height:300px;
	margin:0 auto;
	background:url(../images/sub_visu.png) center top no-repeat;
	}
	
/* ---section--- */
#section {
	width:100%;
	height:367px;
}

#section_wrap {
	width:1100px;
	height:312px;
	margin:0 auto;
}

#section1 {
	float:left;
	width:768px;
	height:312px;
	margin:0 auto;
}
.section1_1 {
	float:left;
	width:383px;
	height:155px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
.board_last {
	padding: 55px 20px 20px 20px;
}
.board_last_gallery {
}
.section1_2 {
	float:left;
	width:382px;
	height:155px;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
.section1_2_1 {
	float:left;
	background-color:#007fd9;
	width:191px;
	height:155px;
}
.section1_2_2 {
	float:left;
	background-color:#004c8d;
	width:191px;
	height:155px;
}
.section1_3 {
	float:left;
	width:383px;
	height:155px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
.section1_3_1 {
	float:left;
	background-color:#00d8d9;
	width:191px;
	height:155px;
}
.section1_3_2 {
	float:left;
	background-color:#00868d;
	width:192px;
	height:155px;
}
.section1_4 {
	float:right;
	background:url(../images/main_customer.png) center top no-repeat;
	width:382px;
	height:155px;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
.section_tit {
	float:left;
	font-size:18px;
	font-weight:600;
	font-family: 'Nanum Square';
	padding: 21px 0 0 25px;
	color:#121212;
}
.section_more {
	float:right;
	padding: 22px 26px 0 0;
}
.section_tit2 {
	font-size:21px;
	font-weight:600;
	font-family: 'Nanum Square';
	padding: 29px 0 0 0;
	color:#ffffff;
	text-align:center;
}
.section_tit3 {
	float:left;
	font-size:25px;
	font-weight:600;
	font-family: 'Nanum Square';
	padding: 38px 0 0 33px;
	color:#ffffff;
}
.section_btn {
	text-align:center;
	padding-top:17px;
}

#section2 {
	float:right;
	width:332px;
	height:312px;
	background:url(../images/main_section2_bg.png) center top no-repeat;
}
.section2_1 {
	float:left;
	width:329px;
	height:108px;
	background-color:#0f75bd;
	margin-right:6px;
}
.section2_2 {
	float:left;
	width:329px;
	height:108px;
	background-color:#6ab4e5;
	margin-right:6px;
}
.section2_3 {
	float:right;
	width:330px;
	height:108px;
	background-color:#99bfe4;
}



/* ---contents--- */
#contents {
	width:1100px;
	margin:0 auto;
	background:#FFF;
	overflow:hidden;
	}
#leftmenu_wrap {
	width:219px;
	float:left;
	}
#left_top {
	width:219px;
	height:107px;
	line-height: 107px;
	font-size:27px;
	font-weight:600;
	color:#555555;
	font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif;
	}
#left_menu a {
	display:block;
	height:49px;
	line-height:49px;
	color:#686868;
	padding-left:21px;
	font-weight:600;
	text-decoration:none;
	font-size:15px;
	border-bottom:1px solid #dddddd;
	}
#left_menu a.on {
	display:block;
	height:49px;
	line-height:49px;
	color:#ffffff;
	background:url(../images/left_menu_on.png) no-repeat;
	padding-left:21px;
	font-weight:600;
	text-decoration:none;
	border-bottom:1px solid #dddddd;
	}
#left_menu a:hover {
	display:block;
	height:49px;
	line-height:49px;
	color:#ffffff;
	background:url(../images/left_menu_on.png) no-repeat;
	padding-left:21px;
	font-weight:600;
	text-decoration:none;
	border-bottom:1px solid #dddddd;
	}
	
 #left_menu a.sub {
	display:block;
	height:30px;
	line-height:30px;
	color:#797979;
	padding-left:30px;
	border-bottom:none;
	text-decoration:none;
	background:#efefef;
	font-size:13px;
	}
#left_menu a.sub_on {
	display:block;
	height:30px;
	line-height:30px;
	color:#222222;
	padding-left:30px;
	border-bottom:none;
	text-decoration:none;
	background:#efefef;
	font-size:13px;
	}
#left_menu a.sub:hover {
	display:block;
	height:30px;
	line-height:30px;
	color:#222222;
	padding-left:30px;
	border-bottom:none;
	text-decoration:none;
	background:#efefef;
	font-size:13px;
	}

/*-------------------------------------------------------------------------------------=-------*/
#article_wrap {
	float: right;
	width: 880px;
	border-left:1px solid #dddddd;
	}
#article {
	clear: both;
	width: 830px;
	float:right;
	padding-top:10px;
	}	
#article_top {
	float:right;
	width:830px;
	height:104px;
	}
#article_top ul li.article_tit {
	float:left;
	font-size:30px;
	line-height: 104px;
	font-weight:600;
	color:#292929;
	}
#article_top ul li.home {
	float:right;
	padding:50px 0 0 0;
	font-size:12px;
	}
#article_top ul li.home img { vertical-align:middle; padding-right:5px;}

#greeting {
	float:right;
	width:830px;
	background:url(../images/com1_bg.png) right top no-repeat;
}
.greeting_tit {
	font-size:42px;
	line-height:50px;
	padding-bottom:30px;
	color:#1c4abc;
	font-family: 'Nanum Brush Script';
}
#greeting p {
	width:515px;
	font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif;
	padding-bottom:20px;
	font-size:13px;
}
.greeting_sign {
	font-size:16px;
	font-weight:600;
	color:#232323;
	width:515px;
	text-align:right;
}
.greeting_sign span {
	font-size:43px;
	font-weight:400;
	color:#131313;
	padding-left:20px;
	font-family: 'Nanum Brush Script';
}

#company {
	float:right;
	width:830px;
}
#history {
	width:830x;
	background:url(../images/com_img2.png) center top no-repeat;
	}
#history ul {
	background:url(../images/history_line.gif) repeat-y 93px 0;
	}	
#history ul li.noyear { margin-left: 120px; line-height:35px; font-size:15px;}
#history ul li.year {
	background:url(../images/bullet_history.png) no-repeat 84px 10px;
	margin-top:20px;
	font-size:15px;
	color: #4e4e4e;
	line-height:35px;
	}	
#history ul li.year span {
	display:block;
	float:left;
	width:120px;
	font-size:25px;
	line-height:35px;
	font-weight:600;
	color:#00598c;
	font-family:'Nanum Square'
	}
#history ul li.year b {
	display:block;
	float:left;
	line-height:35px;
	width:70px;
	}
#history ul li.noyear b {
	display:block;
	float:left;
	line-height:35px;
	width:70px;
	font-size:15px;
}

#business {
	width:830px;
	padding-top:20px;
}

#inquiry {
	width:830px;
	padding-top:20px;
}

/* ÅÜ */
#business ul.tabs {
    margin: 0;
    float: left;
    list-style: none;
    height: 75px;
    width: 100%;
	padding-bottom:20px;
}
#business ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    padding:0 10px;
	width: 180px;
    height: 35px;
	font-size:15px;
    line-height: 35px;
    border: 1px solid #dddddd;
    margin:0 5px 5px 0;
    font-weight: 600;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
#business ul.tabs li.active {
    background: #005baa;
	color:#ffffff;
}
	
/* ǥ */
.spec {
	border-top:2px solid #1c1c1c;
	border-bottom:2px solid #1c1c1c;
	font-size:13px;
	}
.spec td {
	vertical-align:middle;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding: 13px 0 13px 0;
	}
.spec td.no-right {
	border-right:none;
	padding: 13px 10px 13px 20px;
	}
.spec td.bg {
	background:#f5f5f5;
	text-align:center;
	}


/*---footer---*/
.blank {
	margin:0 auto;
	clear:both;
	width:830px;
	height:80px;
	}
.blank2 {
	clear:both;
	width:830px;
	height:50px;
	}
#footer_wrap {
	clear:both;
	width:100%;
	height:138px;
	background:#f3f3f3;
	}
#footer {
	width:1100px;
	height:82px;
	padding-top:30px;
	margin:0 auto;
	}
#footer h2 {
	float:left;
	margin:17px 60px 0 0;
	}
#footer p {
	float:left;
	color:#737171;
	padding-top:7px;
	font-size:11px;
	font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important;
	}
#footer span.footer_bolder {
	font-weight:600;
	}