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

@font-face {
  font-family: 'nanumsquare'; 
  font-weight:normal;
  src: url(/font/nanumsquare.eot);
  src: local('¡Ø'), url(/font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
       url(/font/nanumsquarer.woff) format('woff'),
     url(/font/nanumsquarer.woff2) format('woff');
}

@font-face {
  font-family: 'nanumsquare'; 
  font-weight:bold;
  src: url(/font/nanumsquareb.eot);
  src: local('¡Ø'), url(/font/nanumsquareb.eot?#iefix) format('embedded-opentype'),
       url(/font/nanumsquareb.woff) format('woff'),
     url(/font/nanumsquareb.woff2) format('woff');
} 

@font-face {
  font-family: 'nanumsquarexb';
  font-weight:bold;
  src: url(/font/NanumSquareEB.eot);
  src: local('¡Ø'), url(/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareEB.woff) format('woff');
}

@font-face { /* ³ª´®°íµñ Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* 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:'nanumsquare' ,'Nanum Gothic',  "µ¸¿ò", Dotum, AppleGothic, sans-serif;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{
    color:#666666;
    font-family:'nanumsquare' ,'Nanum Gothic', 'Malgun Gothic', 'AppleSDGothicNeo-Light', 'AppleSDGothicNeo', sans-serif, Arial,dotum,'µ¸¿ò';
    font-size:14px;font-weight:normal;
}


a { text-decoration:none; color:#4e4e4e}

#wrapper {
	width:100%;
	margin:0 auto;
	}
/*---header---*/
#header_wrap { width:100%;}
#top_wrap {
	width:100%;
	height:39px;
	background:#f9f9f9;
	overflow:hidden;
	}
#top_wrap:after { display:block; content:""; clear:both; }
#top_menu {
	width:1150px;
	margin:0 auto;
	height:39px;
	}
#top_menu:after { display:block; content:""; clear:both; }
#top_menu ul {
	float:right;
	}
#top_menu ul li {
	float:left;
	font-size:13px;
	height:39px;
	padding:0 5px;
	margin:0px 5px 0px 0;
	line-height:38px;
	text-align:center;
	font-family:'nanumsquare';
	/*padding:13px 5px 13px 0;*/
	}
#top_menu ul li a {
	color:#666666;
	display:block;
	padding:0 5px;
	}
#top_menu ul li a:hover { color:silver; text-decoration:none; }


#top_menu ul li.last a {
	border-right:0 none;
	}
	
#header { width:1150px; height:88px; margin:0 auto;}
#header:after { display:block; content:""; clear:both; }
#header h1 {
	float:left;
	display:block;
	}
#header h1 img { width:190px; display:block; }
.nav_wrap { width: 807px; float:right;}

/* @group core nav menu */
#nav { margin: 0; padding: 0; list-style: none; height: 88px;  }
#nav li { float: left; display: block; background: none; position: relative; z-index: 999;  font-weight:600;}
#nav li a { display: block; padding: 0; line-height: 88px; text-decoration: none; zoom: 1; width:129px; text-align:center; font-size:17px; color:#333;}
#nav li a:hover, #nav li a.hov { color:#4588cc;}


/* @group subnav */
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none; border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; border-top:1px #e0e0e0 solid;}	
#nav ul.menu1 li { width:180px; float: left; border-top: 1px solid #fff;font-weight:normal; }
/*#nav ul.menu2 li { width:187px; float: left; border-top: 1px solid #fff; text-align:center; }*/
#nav ul li:hover { border-left:0px solid transparent; border-right: 0px solid transparent;background:#f4f4f4;}

#nav ul.menu1 a { width:180px; display: block; height: 25px; line-height: 25px; padding: 8px 0 ;   font-size:13px; color:#8f8e8e; border-bottom:1px #e0e0e0 solid; background:#fff; }
#nav ul.menu1 a:hover { color:#000;	text-decoration:none; 	background:#f4f4f4; color:#4588cc;  padding: 8px 0;}
/*#nav ul.menu2 a { width:177px; display: block; height: 20px; line-height: 20px;   font-size:13px; color:#8f8e8e; padding-left:10px; text-align:left; border-bottom:1px #d5dce8 solid; background:#fff;}
#nav ul.menu2 a:hover { color:#fff; font-weight:600; 	text-decoration:none; 	background:#234e74; }*/
#nav ul.menu1 li.menu_1 { width:146px; }
#nav ul.menu1 li.menu_1 a { width:146px; }
#nav ul.menu1 li.menu_1 a:hover { widows:146px; }
#nav ul.menu1 li.menu_3 { width:222px; }
#nav ul.menu1 li.menu_3 a { width:222px; }
#nav ul.menu1 li.menu_3 a:hover { width:222px; }

/*--------- index. php --------*/
#mainVisual {
	width:100%;
	height:555px;
	margin:0 auto;
	}


#contents{margin-top:55px;margin-bottom:10px;}
#scroll_wrap { width:1150px; height:272px; margin:0 auto;  clear:both;}
#scroll_wrap div { float:left;}
.scroll-img { width:1150px; height:252px; overflow: hidden; font-size: 0; margin:0 auto;}
.scroll-img ul { width: 944px; height: 272px; margin: 0 auto; }
.scroll-img ul li { display: inline-block; margin-right:20px; float:left; vertical-align:middle; }
.scroll-img ul li img{border:1px solid #e9e9e9;}
.scroll-img ul li>a{padding:17px 0 12px 0; text-align:center; font-size:14px; color:#111111;}
.scroll-img ul li:last-child { margin-right:0px;}
#scrollbox.scroll-img ul { width: 2340px; }
.btn1, .btn2 {position: absolute; cursor: pointer; top:820px; left:50%; z-index:9999999;/*float:left; width:27px; cursor:pointer; text-align:center; vertical-align:middle; margin-top:21px;*/ }	

.btn1{margin-left:-573px;}
.btn2{margin-left:543px;}

#main_wrap { width:100%; height:305px; margin:0px auto; overflow:hidden;background:url(../images/contents_bg.png) no-repeat center top; }
.main { width:1150px; margin:50px auto; overflow:hidden; }
.main_contents1 { width:480px; height:205px; float:left; border:1px solid #ececec;  font-family:'nanumsquare'; background:url(../images/main_contents1_bg.jpg) no-repeat center top; }
.main_contents2 { width:325px; height:207px;  float:right;  font-family:'nanumsquare'; }
.main_contents3 { width:328px; height:207px; float:right; margin-right:8px;font-family:'nanumsquare'; }

.main_contents2 { width:325px; height:207px;  float:right;  font-family:'nanumsquare'; }
.main_contents3 { width:328px; height:207px; float:right; margin-right:8px;font-family:'nanumsquare'; }
.top_contents { width:100px; padding:40px 0px 0px 28px; float:left;  }
.top_contents h3 { font-size:18px; line-height:23px; font-weight:600; float:left;  color:#111;}
.click_more { width:34px; height:34px; float:right; background:url(../images/click_more.png) no-repeat right top;}
.board_wrap { width:302px; float:left; padding:0px 23px 23px 10px; }
.board_wrap p { line-height:29px; }
.main_contents img { display:block; }
.main_contents:first-child img { display:inline; }
.main_contents img:first-child { border-bottom:1px solid #ececec;}
.cs_center { background:url(../images/customer_center.png) no-repeat center top; }








/*----¼­ºêÆäÀÌÁö °øÅë-----*/
#SubVisual{ width:100%; height:201px; margin:0 auto; background:url(../images/sub_visual.jpg) no-repeat center top; }
#SubVisual_02{ width:1100px; height:219px; margin:0 auto; background:url(../images/sub_visual_02.png) no-repeat center top; }
#SubVisual_03{ width:1100px; height:219px; margin:0 auto; background:url(../images/sub_visual_03.png) no-repeat center top; }
#SubVisual_04{ width:1100px; height:219px; margin:0 auto; background:url(../images/sub_visual_04.png) no-repeat center top; }
#SubVisual_05{ width:1100px; height:219px; margin:0 auto; background:url(../images/sub_visual_05.png) no-repeat center top; }
.midtitle{ width:1136px; margin:0 auto;}
.midtitle li{width:1136px; margin:0 auto; text-align:center; line-height:22px; color:#fff;  font-size:15px; }
.midtitle li p { text-align:center; line-height:90px; color:#fff; padding-top:25px; font-size:35px; font-weight:600;}

#section_wrap { width:1150px; margin:0 auto; }
#section_wrap:after { display:block; content:""; clear:both; }
/*--- LEFT NAV ----*/
#left_nav { width:222px; float:left; }
#nav_top { width:222px;  color:#005bab; background:url(../images/left_top_bg.png) no-repeat center top;}
#nav_top h3 { font-weight:600;  font-size:25px; line-height:115px; color:#ffffff; text-align:center;  }
#left_menu { width:220px; float:left; }
#left_menu li:first-child > a { /*border-top:2px solid #ed1c23;*/ }
#left_menu li a { width:195px; height:53px; display:block; line-height:53px; padding:0 0 0 25px; font-size:15px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;color:#a8a5a3; font-weight:500; background:url(../images/leftbar_off.jpg) no-repeat center top;}
#left_menu li a:hover, #left_menu li a.on {  color:#0788da;  text-decoration:none; background:url(../images/leftbar_on.jpg) no-repeat center top; }




#article_wrap { width:865px; float:right; padding-bottom:100px; }
#article_top { width:100%; margin-bottom:40px; }
#page_path_wrap { width:100%; height:42px; border-bottom:1px solid #dedede; margin-bottom:32px;} 
.page_path { width:1150px; margin:0 auto;  }
.page_path_content { float:right; font-size:13px; color:#7d7d7d; line-height:42px;  }
.page_home { height:13px; }
.page_title {  font-size:35px; line-height:92px; color:#444444; font-weight:600; }
.page_title_sub {  font-size:18px; line-height:92px; color:#bdbdbd; font-weight:600; }
.path_bold { font-weight:600; }
#article { width:865px; }

/* company.php*/
#intro { width:865px; height:327px; padding:116px 0 0 0; background:url(../images/ceo_bg.jpg) no-repeat 0 0; }
#intro p { color:#666666; font-weight:400; line-height:26px;}

#company2 .com2_title{color:#6d6d6d;font-size:15px; font-weight:400; margin-top:10px;}
#company2 .com2_title span{color:#bebebe;font-size:14px; }







/****/
#product1{overflow:hidden;}
.thumbs {
   width:760px; 
   float:left;
   margin-top:20px;
}
.thumbs img {
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:3px;
}
.thumbs img:hover {
    border-color:tomato;
}
 
#mainImg {
    border:solid 1px #ccc;
    width:850px;
    height:500px;
    padding:5px;
}
.table1{
	border-top:2px solid #3d8ecd;
	border-bottom:2px solid #3d8ecd;
	margin-top:20px;
}
.table1 tr td{height:40px; line-height:40px; text-align:center; border:1px solid #ccc;}
.table1 tr td:first-child{border-left:0px;}
.table1 tr td:last-child{border-right:0px;}


.table1 tr th{height:40px; line-height:40px;   background:#f5f5f5; font-weight:500; font-size:16px;border:1px solid #ccc; color:#000;}
.table1 tr th.left_no{border-left:0px;}
.table1 tr th.right_no{border-right:0px;}

.pro_sub_title{font-size:15px; color:#3d8ecd; margin-top:10px;}






/****/
/* ¿Â¶óÀι®ÀÇ */	

.spec3 {
	border-top:2px solid #0080ff;
	border-bottom:2px solid #0080ff;
	margin-top:10px;
	margin-bottom:20px;
	
	}

.spec3 th.no-right {
	text-align:center;
	border-right:none;
	padding: 7px 10px 7px 10px;
	}
.spec3 td {
	vertical-align:middle;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding: 15px 0 7px 0;
	color:#000;
	
	}
.spec3 td.no-right {
	border-right:none;
	padding: 15px 0 7px 15px;
	}
.spec3 td.bg {
	background:#f5f5f5;
	text-align:center;
	}
.form_btn {
    text-align:center;
    padding-top:25px;
	padding-bottom:30px;
    }	
	
.blank { clear:both; width:865px; height:120px;}
.blank2 { clear:both; width:1150px; height:28px;}
.blank3 { clear:both; width:1150px; height:22px;}

footer { width:100%;  }
#footer_wrap { width:100%;  padding:46px 0px; margin:0 auto;background-color:#2f3c4f; }
#footer_wrap p { width:1150px;margin:0 auto; font-size:13px; line-height:19px; font-weight:400; }

#footer_wrap p.f_con1 { color:#c1c1c1;}
#footer_wrap p.f_con1 span{  color:#fff;}

#footer_wrap p.f_con2 { color:#bec4cc;}
#footer_wrap p.f_con2 span{  color:#d1d1d1;}

#footer_wrap p.f_con3 {color:#92969d; font-size:14px;}
#footer_wrap p.f_con3 span{ color:#d1d1d1;}