@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(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato);

/* reset */
html { overflow-y:scroll;}
* { 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;}
body { 
height:100%; width:100%; 
font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif; font-size:13px; color:#2c2c2c; line-height:20px; text-decoration:none; -webkit-text-size-adjust:none; }
p{ line-height:20px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h so
a {text-decoration:none;}
a:link, a:visited {color:#777;}
/*a:hover, a:focus, a:active {color:#efa21e;text-decoration:none;}*/
a.top { color:#fff; text-decoration:none; font-size:13px;}
a.top:hover { color:#fff; text-decoration:none; font-size:13px; font-weight:600;}
a.main {color:#fff;}

p{line-height:22px;}
p.space {padding-bottom:30px; clear:both;}
p.img_space {clear:both;}
h3{font-size:26px;line-height:30px;font-weight:500;color:#333;}
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%;
	min-width:1100px;
	height:144px;
	margin:0 auto;
	}
#wrapper:after { display:block; content:''; clear:both; }
/*---header---*/
#header_wrap { width:100%; min-width:1100px; }
#header_wrap:after { display:block; content:''; clear:both;}
.logo { margin-top:20px;}
#top_wrap {
	width:100%;
	min-width:1100px;
	height:34px;
	border-top:2px solid #3f484d;
	overflow:hidden;
	}
#top_wrap:after { display:block; content:''; clear:both; }
#top_menu {
	width:1100px;
	margin:0 auto;
	height:35px;
	}
#top_menu:after { display:block; content:""; clear:both; }
#top_menu ul {
	float:right;
	}
#top_menu ul li {
	float:left;
	font-size:12px;
	margin-top:9px;
	font-weight:400;
	height:12px;
	padding-left:3px;
	padding-right:3px;
	border-right:1px solid #666666;
	 text-decoration:none; 
	}

#top_menu ul li a {
	color:#666666;
	display:block;
	height:12px;
	line-height:12px;
	padding:0px 5px;
	font-weight:600;
	 font-family:'Nanum Square';
	  text-decoration:none; 
	}
	#top_menu ul li a:hover{ color:#03C; text-decoration:none; }
#top_menu ul li.lg{ width:78px; height:33px; background:#777f82; text-align:center; padding-right:0px; margin-right:1px;  margin-top:-2px;  box-sizing:border-box; text-decoration:none; }
#top_menu ul li.lg:hover{ background:#fff; border:1px solid#777f82; box-sizing:border-box;margin-right:1px;  }
#top_menu ul li.lg:hover a{ color: #777f82; border:none;}
#top_menu ul li.lg a{color:#fff; display:block; font-family:'Nanum Square'; font-weight:500; text-align:center; margin-top:10px;  text-decoration:none; }
#top_menu ul li.last {
	border-right:0 none;
	margin-right:0px;
	padding-right:0px;
}

#top_menu ul li.last a {
	border-right:0 none;
	}
	
#header { width:1100px; height:110px; margin:0 auto; }
#header:after { display:block; content:''; clear:both; }
#header h1 {
	float:left;
	display:block;
	}
.nav_wrap { width:830px; float:right; }

/* @group core nav menu */
#nav { margin: 0; padding: 0; list-style: none; height: 110px; width:100%;  }
#nav:after { display:block; content:''; clear:both; }
#nav li { float: left; display: block; background: none; position: relative; z-index: 999; }
.mtext1 a{ display: block; padding: 0;  padding:45px 0; text-decoration: none; zoom: 1; text-align:center; font-size:18px; color:#393939; font-family:'Nanum Square'; font-weight:600;  }
.mtext2 a{ display: block; padding: 0;  padding:35px 0; text-decoration: none; zoom: 1; text-align:center; font-size:18px; color:#393939; font-family:'Nanum Square'; font-weight:600;  }


.menuwi1{ width:110px;}
.menuwi2{ width:140px;}
.menuwi3{ width:160px;}
.menuwi4{ width:140px;}
.menuwi5{ width:170px;}
.menuwi6{ width:110px;}
#nav li a:hover, #nav li a.hov { color:#2b71b8;}




/*¸Þ´º*/
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none;  text-align:center; }	
#nav ul.menu1 li { width:110px; float: left; }	
#nav ul.menu2 li { width:140px; float: left; }	
#nav ul.menu3 li { width:160px; float: left; }	
#nav ul.menu4 li { width:140px; float: left; }	
#nav ul.menu5 li { width:170px; float: left; }	
#nav ul.menu6 li { width:110px; float: left; }
#nav ul li:hover { background:#045cb5; }

#nav>ul>li>a:first-child{ border-top:1px #dddddd solid;}
#nav ul a {display: block; height: 35px;  padding: 10px 0 ;  font-size:13px; color:#069; border-bottom:1px #dddddd solid;border-left:1px #dddddd solid;border-right:1px #dddddd solid; background:#fff;} 
.navtext1 a{line-height:15px;}
.navtext2 a{line-height:35px;}
#nav ul a:hover { font-weight:600;	text-decoration:none;  color:#000;  padding: 10px 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; }*/
#main_visual { width:1100px; height:494px;margin:0 auto; }

#product_wrap {
	width:300px;
	height:146px;
}
#bx_wrap {position:absolute;  width:300px; margin-top:70px; margin-left:25px;}
.bxslider li { border:none !important; }


/******¸ÞÀÎÆäÀÌÁö ÄÁÅÙÃ÷1*******/

#main_section { width:1100px;  margin:20px auto; overflow:hidden;  }
#main_section>div p { padding:70px 0 17px 29px; font-family:Nanum Square; color:#777; font-size:13px; line-height:18px; font-weight:400;  text-decoration:none;}

#m_section_02 li:hover{display:block;  background:#fff; }
#m_section_02 li:hover a{display:block; color:#0f4377;}
/*****°øÁö»çÇ×******/
#m_section_01 { width:348px; height:228px; float:left;  border:1px solid #ddd; box-sizing:border-box;}
#m_section_01 h1 { width:120px;  margin-top:20px; margin-left:25px; float:left;}
#m_section_01 h1 a{font-size:22px; font-weight:500; color:#303030; font-family:'Nanum Square'; text-decoration:none;}
#m_section_01 h2{width:40px;  margin-top:20px; margin-right:20px; float:right; font-weight:600; color:#fff;}
#m_section_01 h2 a{font-size:13px; font-weight:600; color:#fff text-decoration:none;}
#m_section_01 li{	float:left;	width:348px; box-shadow:none; }
.bxslider li{ border:none;}
#m_section_01 div.sec2{	margin:5px 0 0 5px;	width:300px;}
#m_section_01 div.border{margin-left:5px; margin-top:-30px;}
#m_section_01>div>p{ list-style:none; color:#fff;}
/*******Á¤¹Ð¿¡Äª*******/
#m_section_02 { width:350px; height:230px; float:left; margin-left:25px; background:url(../images/inq1.png) no-repeat;}
#m_section_02 li{ width: 100px; margin-top:178px; height:40px; list-style:none; background:#0f4377; margin-left:25px; text-align:center; border-radius:5px;}
#m_section_02>li>a{width:100px; line-height:40px; color:#fff; z-index:2; font-size:15px; display:block;  font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif; font-weight:600;}
/*******½ºÄ«½Ã******/
#m_section_03 { width:350px; height:230px;  float:left;margin-left:25px;background:url(../images/inq2.png) no-repeat; }
/******************************/


/******¸ÞÀÎÆäÀÌÁö ÄÁÅÙÃ÷2*******/
#footer_wrap {width:100%; min-width:1100px;   padding-top:50px; padding-bottom:50px; position:absolute;background:#f3f3f3; }
#footer { width:1100px; margin:0 auto; clear:both; }
#footer ul { float:left;}
#leftfooter{ width:375px; height:240px; border-right:1px solid #bdbdbd; box-sizing:border-box;}
#leftfooter li{ margin-top:20px; text-decoration:none; }
#rightfooter{ width:699px; height:240px; float:left; font-size:15px; color:#262626; font-weight:600; padding-left:25px;}
#rightfooter>li{ float:left; padding-left:20px; padding-right:20px; padding-top:20px; }
#rightfooter li ol li{ padding-top:10px;}


.submenu a{ font-size:15px;  font-weight:600; color:#262626; text-decoration:none;}
.submenu2 a{ font-size:13px;  font-weight:600; color:#444444; text-decoration:none;}
/* SUB VISUAL °øÅë»çÇ× */
#sub_visual { position:relative; width:100%; min-width:1100px; height:245px; background:url(../images/sub_visu.png) no-repeat center top; }
#sub_visual2 { position:relative; width:100%; min-width:1100px; height:245px; background:url(../images/sub_visu2.png) no-repeat center top; }
#sub_visual3 { position:relative; width:100%; min-width:1100px; height:245px; background:url(../images/sub_visu3.png) no-repeat center top; }
#sub_visual4 { position:relative; width:100%; min-width:1100px; height:245px; background:url(../images/sub_visu4.png) no-repeat center top; }
#sub_visual5 { position:relative; width:100%; min-width:1100px; height:245px; background:url(../images/sub_visu5.png) no-repeat center top; }
#section_wrap { width:1100px; margin:0 auto; }
#section_wrap:after { display:block; content:''; clear:both; }
#article_wrap { width:842px; float:right;  }
#page_path { width:100%; text-align:right; font-size:12px !important; padding-top:55px; padding-bottom:25px; text-decoration:none;}
.page_title { font-size:30px; line-height:30px;  font-family:'Nanum Square';  }
#article { width:754px; margin-top:30px; }
/*--- LEFT NAV ----*/
#left_nav { width:210px; float:left; padding-top:20px; }
#nav_top { width:210px; height:145px;  color:#fff; background:#2d2d2d; }
#nav_top h1 { font-weight:400; margin-left:20px; font-size:16px; padding-top:30px; color:#888888; font-family:'Nanum Square'; }
#nav_top h3 { font-weight:400;  margin-left:20px;font-size:22px; padding-top:10px; color:#fff; font-family:'Nanum Square'; }
#left_menu { width:210px; float:left; }
#left_menu li a { width:195x; height:59px; display:block; padding:0 0 0 25px; font-size:15px; color:#747474; font-weight:600;  background:url(../images/leftmenu1.png) no-repeat; font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif; text-decoration:none; }
#left_menu li a.letext1 p{   padding:7px 0 7px 25px;  font-size:15px; color:#747474; font-weight:600;   font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif; text-decoration:none;  }
#left_menu li a.letext2 p{  line-height:60px; padding:0 0 0 25px;  font-size:15px; color:#747474; font-weight:600;   font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif; text-decoration:none;  }

#left_menu li a:hover, #left_menu li a.on { background:url(../images/leftmenu2.png) no-repeat; color:white; text-decoration:none;  border:none; }
#left_menu li a:hover p{ color:white; text-decoration:none;  border:none;   }
#left_menu li a.on p { color:white; text-decoration:none;  border:none;  }





/*---- Article ---------------*/
#article_wrap { width:842px; float:right; padding-top:20px;}
#article_top { width:100%;border-bottom:1px solid #0d46a8; }
#page_path { width:100%; text-align:right; color:#7d7d7d; font-weight:600; }
#page_path span { font-size:12px; color:#2b2b2b; font-weight:600; text-decoration:none;}
#page_path a { color:#7d7d7d; height:20px; line-height:20px;  font-weight:600; text-decoration:none;}
.page_title { font-size:28px; line-height:28px; font-weight:400; margin-top:-10px; float:left;  font-weight:600;font-family:'Nanum Square';}
#page_path a i { font-size:15px; height:15px; line-height:20px; color:#cacaca; margin-right:7px; }
#article { width:842px; margin-top:20px; }
.intext1{ font-size:13px; color:#585858; font-weight:600; line-height:19px;}
.intext2{ font-size:17px; color:#2b598d; font-weight:600; line-height:25px;}

/* company.php */
.histext1 p{font-size:25px; color:#069; line-height:35px; margin-top:-40px;}
.histext1{ font-size:15px; color:#069; line-height:35px; font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif;}

.histext2 p{font-size:16px; color:#666; line-height:25px; padding-left:25px; padding-top:10px;font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif;}
.histext3{ font-size:18px; color:#039 !important; line-height:25px; padding-right:10px;font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif;}
.histext4{ margin-left:-50px; padding-top:20px; color:#000; font-weight:600;font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif; }
.histext5{height:5px;}



#history{  position:relative; width:842px; margin-top:50px; height:780px; text-align:center;font-family:'Nanum Square'; }
#history>ul.hi2>li:first-child{ border-right:none;}
#history ul.hi2 li{float:left; width:419px;  border:1px solid #eaeaea; margin-top:20px;}
#history ul.hi2 li p{line-height:50px; height:50px; font-size:20px; font-weight:600; color:#39F; }


#mat{ position:relative; margin-top:50px; text-align:center;}
.matt{ border:1px solid #3CC; background:#fff; height:70px; margin:0 auto; margin-top:30px; }
.mattext1{font-size:15px; color:#069; line-height:35px; text-align:center;}
.mattext1 p{font-size:25px; color:#069; line-height:35px; margin-top:-40px;}
.mattext2{font-size:18px; color:#039 !important; line-height:25px; text-align:center; font-weight:600;}
.mattext2 p{font-size:16px; color:#666; line-height:70px;}

#nab{ position:relative; text-align:center;  height:475px; margin-top:50px;}
.nab>li{float:left; width:280px; margin-top:30px; height:400px;}
.nabbd{ border-right:1px solid #dddddd;}
.nabtext1{ font-size:14px; color:#333; line-height:35px;text-align:center;}
.nabtext1 span{ font-size:18px; color:#00C; line-height:35px; font-weight:600;}
.nabtext2{ text-align:left; padding-left:15px;}

#mp{ position:relative; text-align:center; margin-top:50px; height:}
.mptext1{font-size:14px; color:#069; line-height:35px; text-align:center; margin-top:30px;}

.hi4{ width:421px; float:left; padding-top:10px;}
.hi4 ol{ width:300px; margin:0 auto; text-align:left; font-size:20px; padding-left:50px; color:#039;}
.hi5{ width:421px; float:right; padding-top:10px;}
.hi5 ol{ width:300px; margin:0 auto; text-align:left; font-size:20px;  padding-left:50px; color:#039;}

.comtext1{ font-size:20px;  color:#fff; padding-top:7px; padding-bottom:7px; padding-left:10px; font-family:'Nanum Square';}
.comtext2{ font-size:17px; font-weight:600; color:#03C; padding-top:10px; padding-bottom:10px; padding-left:0px; }
.comtext3{ font-size:13px; font-weight:600; color:#09C; padding-top:4px; padding-bottom:4px; padding-left:0px; }
.comtext4{ font-size:15px; font-weight:600; color:#666; padding-top:4px; padding-bottom:4px; padding-left:5px; }
.comtext5 p{ font-size:20px; font-weight:600; color:#666; padding-top:4px; padding-bottom:4px; padding-left:10px;  line-height:30px;}
.comtext5 p span{ font-size:25px; font-weight:600; color:#09c; padding-top:4px; padding-bottom:4px; padding-left:0px;line-height:35px; }


.taba{ border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; background:#F9F9F9; font-size:16px; color:#666; padding-top:7px; padding-left:5px; padding-bottom:7px;   font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif;}
.taba2{ border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; background:#F9F9F9; font-size:16px; color:#666; padding-top:7px; padding-left:5px; padding-bottom:7px;   font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif;}

#saup{ width:842px; height:1684px; background:url(../images/saup.png) no-repeat;}
/*********Á¦Ç°ÆäÀÌÁö***********/
.comtext6{ font-size:16px; font-weight:400; color:#666; padding-top:4px; padding-bottom:4px; padding-left:5px;    font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif; }
.comtext6 p span{ font-size:14px; font-weight:600; color:#03C; padding-top:4px; padding-bottom:4px;    font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif; }
.comtext7 p span{ font-size:14px; font-weight:600; color:#F03; padding-top:4px; padding-bottom:4px;    font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif;}
.comtext7{ font-size:25px; font-weight:600; color:#666; padding-top:4px; padding-bottom:4px; line-height:20px;}

.prodt1{ border-top:2px solid #069; border-bottom:1px solid #eaeaea; background:#F9F9F9; font-size:13px; font-weight:600; color:#666; padding-top:7px; padding-bottom:7px;text-align:center;}
.prodt12{ border-top:2px solid #069; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;background:#F9F9F9; font-size:13px; font-weight:600; color:#666; padding-top:7px; padding-bottom:7px;text-align:center;}

.prodt2{ border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; background:#F9F9F9; font-size:13px;color:#666; padding-top:7px; padding-bottom:7px; text-align:center;}
.prodt22{ border-bottom:1px solid #eaeaea; background:#F9F9F9; font-size:13px; font-weight:600; color:#666; padding-top:7px; padding-bottom:7px; text-align:center;}
.prodt23{ border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; background:#F9F9F9; font-size:13px; font-weight:600; color:#666; padding-top:7px; padding-bottom:7px; text-align:center;}
.prodt24{ border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; background:#F9F9F9; font-size:13px;color:#666; padding-top:7px; padding-bottom:7px;}
.prodt25{ border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; background:#F9F9F9; font-size:13px; color:#666; padding-top:7px; padding-bottom:7px; }
.prodt26{ border-left:1px solid #eaeaea; background:#F9F9F9; font-size:13px; color:#666; padding-top:7px; padding-bottom:7px; }

.prodt3{ border-bottom:2px solid #069; background:#F9F9F9; font-size:13px; font-weight:600; color:#666; padding-top:7px; padding-bottom:7px; text-align:center;}
.prodt32{ border-bottom:2px solid #069;border-right:1px solid #eaeaea; background:#F9F9F9; font-size:13px; font-weight:600; color:#666; padding-top:7px; 
padding-bottom:7px; text-align:center;}



.prodt4{ border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; background:#F9F9F9; font-size:13px;color:#666; padding-top:7px; padding-bottom:7px; text-align:center;}
.prodt42{ border-bottom:2px solid #069; border-right:1px solid #eaeaea; background:#F9F9F9; font-size:13px;color:#666; padding-top:7px; padding-bottom:7px; text-align:center;}
.prodt5{ border-bottom:1px solid #eaeaea; background:#F9F9F9; font-size:13px;color:#666; padding-top:7px; padding-bottom:7px; text-align:center;}
.prodt52{border-bottom:2px solid #069; background:#F9F9F9; font-size:13px;color:#666; padding-top:7px; padding-bottom:7px; text-align:center;}


/********¿Â¶óÀι®ÀÇ***********/
.bg{background:#fff; border:1px dotted #4dcbff; border-left:none;}
.bgt{ border-top:3px solid #005baa;}
.no-right{ margin-left:10px; border:1px dotted #4dcbff; border-right:none;}
.nort{ border-top:3px solid #005baa;}
/*************************/


/*********¿¬Çõ***********/


















/********½Ã¹æ¼­***********/


#sibang{ position:relative; text-align:center;}
.sibangtext1{font-size:15px; color:#069; line-height:35px; text-align:center;}
.sibangtext1 p{font-size:25px; color:#069; line-height:35px;}


.sibangtext2 p{font-size:18px; color:#30C; line-height:33px; text-align:left; font-weight:600;}

.sibangtext3{font-size:13px; color:#777; line-height:20px; font-weight:600; text-align:left; font-family:"³ª´®°íµñ", Nanum Gothic, sans-serif; }
.sibangtext3 span{font-size:13px; color:#f33; line-height:20px; font-weight:600; text-align:left;}
.sibangtext4{font-size:13px; color:#F33; line-height:20px; font-weight:600; text-align:left;}
.sibangtext5{font-size:15px; color:#000; line-height:20px; font-weight:600; text-align:left;}
.sibangtext6{font-size:14px; color:#555; line-height:20px; font-weight:600; text-align:left;}








.gnbline{
	position: absolute;
	top: 114px;
	left:0;
	width: 100%;
	height: 0px;
	background-color: #609fd3;
	border-top:1px solid #03C;
	opacity: 0.7;
	z-index:99;
}



div.blank { clear:both; width:842px; height:50px; }