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

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

* { margin:0; padding:0}

body {
	font-family:Nanum Gothic,'���� ����',ng,sans-serif;
	overflow-x:hidden;
    background-color:#ffffff;
    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;
	color: #4e4e4e;
	text-decoration: none; /* none l underline l overline l line-through */
	line-height: 23px;
	letter-spacing: 0; /* ?�간(1, 0, -1 ..) */
	word-break:normal;
}

img { border:0}
ul, ol, dl, li { list-style:none}
a { text-decoration:none; color:#4e4e4e}

/*---------------------------------------------------*/

a:link    {color:#4e4e4e; text-decoration:none; font-weight:normal;} /* �⺻ */
a:visited {color:#4e4e4e; text-decoration:none; font-weight:normal;}
a:hover   {color:#4e4e4e; text-decoration:none; font-weight:normal;}
a:active  {
	color: #4e4e4e;
	text-decoration: none;
	 font-weight:bold; 
}

a.top { color:#175491; font-size:11px; font-weight:normal;}
a.top:hover { color:#07315a; font-size:11px; font-weight:normal;}
a.subtop { text-decoration:none; color:#FFF; font-size:13px; font-weight:normal;}
a.subtop:hover { text-decoration:none; color:#75baf5; font-size:13px; font-weight:normal;}

/*main_visual*/

#mainVisual {
	position:relative;
	width:100%;
	height:707px;
	background:url(../images/main_v.png) no-repeat center top;
}
#subVisual {
	clear:both;
	width:100%;
	height:200px;
	background:url(../images/sub_v.png) no-repeat center top;
	}
#sub_v01 {
	clear:both;
	width:100%;
	height:200px;
	background:url(../images/subv01.png) no-repeat center top;
	}
#sub_v02 {
	clear:both;
	width:100%;
	height:200px;
	background:url(../images/subv02.png) no-repeat center top;
	}
#sub_v03 {
	clear:both;
	width:100%;
	height:200px;
	background:url(../images/subv03.png) no-repeat center top;
	}
#sub_v04 {
	clear:both;
	width:100%;
	height:200px;
	background:url(../images/subv04.png) no-repeat center top;
	}
#sub_v05 {
	clear:both;
	width:100%;
	height:200px;
	background:url(../images/subv05.png) no-repeat center top;
	}
#sub_v06 {
	clear:both;
	width:100%;
	height:200px;
	background:url(../images/subv06.png) no-repeat center top;
	}
#sub_v07 {
	clear:both;
	width:100%;
	height:200px;
	background:url(../images/subv07.png) no-repeat center top;
	}
#sub_v08 {
	clear:both;
	width:100%;
	height:200px;
	background:url(../images/subv08.png) no-repeat center top;
	}	
/*#mainVisual { width:1015px; margin:0 auto; margin-bottom:20px;}*/

/* section */
#section { width:1024px; position:absolute; left:50%; margin-left:-512px; top:260px; }
#section ul li {
	width:168px;
	height:70px;
	margin-right:21px;
	float:left;
	background:#02498c;
	color:#FFF;
	font-size:20px;
	font-weight:600;
	padding:20px 0 0 20px;
	}
#section ul li.img {
	width:188px;
	height:150px;
	margin-right:21px;
	float:left;
	background:#fff;
	margin-bottom:20px;
	padding:0
	}	
#section ul li.last {
	margin-right:0;
	}
#section ul li.customer {
	float:left;
	width:168px;
	margin-right:0;
	height:160px;
	}
#cs {
	position:absolute;
	width:188px;
	height:240px;
	top:260px;
	right:0;
	}
p.cs_tit { font-size:20px; font-weight:bold; margin-top:40px;}
p.cs_txt { margin-top:20px;}
p.cs_tel { color:#00598c; font-size:27px; font-weight:bold; margin-top:20px;}	
p.cs_tel span { font-size:15px;}

/* content */
#content {
	width:1024px;
	margin:0 auto;
	}	
#left_menu {
	float:left;
	width:220px;
	margin-left:12px; 
	}
#left_menu div {
	overflow:hidden;
	width:100%;
	}
.left_top {
	font-size:25px;
	font-weight:bold;
	height:120px;
	line-height:120px;
	border-bottom:1px solid #dedede;
	}	
.left_cs {
	margin-top:30px;
	}
#left_menu div a {
	display:block;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #dedede;
	color:#4e4e4e;
	padding-left:20px;
	font-weight:bold;
	font-size:15px;
	}
#left_menu div a.on {
	display:block;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #dedede;
	color:#fff;
	background:#103591;
	padding-left:20px;
	font-weight:bold;
	font-size:15px;
	}
#left_menu div a:hover {
	display:block;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #dedede;
	color:#fff;
	background:#103591;
	padding-left:20px;
	font-weight:bold;
	font-size:15px;
	}
#left_menu div a.sub {
	display:block;
	height:40px;
	line-height:40px;
	background:#f1f1f1;
	border-bottom:1px solid #dedede;
	color:#4e4e4e;
	padding-left:20px;
	font-size:15px;
	}
#left_menu div a.sub_on {
	display:block;
	height:40px;
	line-height:40px;
	background:url(../images/left_sub_bg.png) no-repeat;
	border-bottom:1px solid #dedede;
	color:#4e4e4e;
	padding-left:20px;
	font-size:15px;
	}
#left_menu div a.sub:hover {
	display:block;
	height:40px;
	line-height:40px;
	background:url(../images/left_sub_bg.png) no-repeat;
	border-bottom:1px solid #dedede;
	padding-left:20px;
	font-size:15px;
	}
	
#article {
	float:left;
	width:741px;
	padding-left:50px;
	border-left:1px solid #dedede;
	}
.article_title {
	height:120px;
	line-height:120px;
	}
.article_title h2 {
	float:left;
	font-size:20px;
	color:#103591;
	}
.home {
	float:right;
	padding-right:10px;
	font-size:12px;
	}
.home span {
	font-weight:bold;
	}
.ceo {
	background:url(../images/company_bg.png) 0 0 no-repeat;
	height:478px;
	}
.ceo p {
	width:460px;
	margin-bottom:20px;
	}
.ceo p.hi {
	font-family:'Nanum Pen Script';
	font-size:30px;
	color:#3b6ce6;
	line-height:35px;
	padding-bottom:30px;
	}
.ceo p.hi span {
	color:#103591;
	}
.history {
	background:url(../images/history_bg.png) no-repeat;
	width:741px;
	}
.history tr.his_border td { border-bottom:1px dashed #dedede; padding-bottom:10px;}
.history td.year {
	width:100px;
	font-size:18px;
	font-weight:bold;
	color:#00598c;
	}	
	
.map ul { margin-top:30px;}
.map ul li { padding-bottom:5px;}
.map ul li img { padding-right:10px;}

/* product */

#product {
	width:741px;
	}
p.back {
	margin-bottom:20px;
	}
p.back a {
	text-decoration:none;
	}	
p.back a:hover {
	text-decoration:none;
	font-weight:600;
	}		
.pro_list {
	width:741px;
	}
.pro_list a {
	float:left;
	display:block;
	width:224px;
	margin-right:30px;
	border:1px solid #dedede;
	margin-bottom:20px;
	}
.pro_list a.list_last {
	display:block;
	width:227px;
	margin-right:0;
	}	
.pro_list a p {
	display:block;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding:20px 0;
	border-top:1px solid #dedede;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	}
.pro_list a p:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #3b3b3b;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	}
.pro_list a p:hover, .pro_list a p:focus, .pro_list a p:active {
	color:#FFF;
	}
.pro_list a p:hover:before, .pro_list a p:focus:before, .pro_list a p:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	}

.pro_info {
	clear:both;
	border-top:1px dashed #dedede;
	padding:20px 0 30px 0;
	}
.pro_info h4 {
	background:url(../images/title.png) no-repeat 0 2px;
	font-size:14px;
	padding:0 0 10px 18px;
	}
.pro_info ul {
	padding-top:20px;
	}

#pro_wrap {
	width:741px; 
    margin:0 auto; /*centers the div horizontally in all browsers (except IE)*/
	}
#pro_wrap p.pro_name {
	clear:both;
	font-weight:600;
	font-size:14px;
	padding-bottom:20px;
	}
#pro_wrap ul li {
	width:165px;
	float:left;
	margin:0 24px 30px 0;
	}
#pro_wrap ul li p {
	text-align:center;
	}
#pro_wrap ul li img { border:1px solid #dedede;}	
#pro_wrap ul li.last_pro {
	margin-right:0;
	}	
#pro_wrap ul li.right_info {
	width:354px;
	margin:0 0 30px 0;
	}		
#pro_wrap ul li.bottm_info { 
	width:741px; 
	text-align:left; 
	}
.pro_table {
	clear:both;
	}
.pro_table td {
	text-align:left;
	}
.pro_table td img {
	border:1px solid #dedede;
	}
/* estimate */
#estimate {
	}
#estimate table {
	border-top:3px solid #103591;
	}
#estimate table td {
	padding:10px 0;
	height:20px;
	border-bottom:1px solid #dedede;
	}
#estimate table td.subject {
	padding-left:20px;
	font-weight:bold;
	}
#estimate table td.subject span {
	color:#C00;
	}
#estimate table td.no {
	width:5px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:none;
	}
#estimate table td.con {
	padding-left:20px;
	}
#estimate table tr.last_td td {
	border-bottom:3px solid #103591;
	}
#estimate table td.form_btn {
	text-align:center;
	padding:20px 0;
	border-bottom:none;
	}
input.form_btn {
	width:120px;
	height:50px;
	background:#FFF;
	border:1px solid #dedede;
	font-weight:bold;
	}
input.send {
	width:120px;
	height:50px;
	background:#2d2d2d;
	border:1px solid #dedede;
	color:#FFF;
	}



/* footer_wrap */
.blank { clear:both; width:741px; height:80px;}
#footer_wrap {
	clear:both;
	width:100%;
	background:#666;
	}
#footer {
	width:1024px;
	height:130px;
	margin:0 auto;
	}
#footer ul li {
	float:left;
	color:#c2bebe;
	}
#footer ul li.footer_logo {
	width:190px;
	line-height:130px;
	padding-left:50px;
	font-size:28px;
	font-weight:bold;
	}
#footer ul li.address {
	padding-top:22px;
	}