@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; }

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;
	margin:0 auto;
	}

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

#top_navi_wrap {
	width:100%;  
	z-index:10; 
	position:absolute; 
	height:100px;
	} 
.nav_wrap { float:right; width:680px; font-family:'Nanum Square'; }

/* @group core nav menu */
#nav { margin: 0; padding: 0; list-style: none; height: 100px; width:100%;  }
#nav:after { display:block; content:''; clear:both; }
#nav li {width:170px;  float: left; display: block; background: none; position: relative; z-index: 999;}
#nav>li>a { display: block; padding: 0; line-height: 100px; text-decoration: none; zoom: 1; text-align:center; font-size:18px; color:#393939; font-weight:600; }
#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:170px; float: left; }	
/*#nav ul.menu1 {left:-17px;}*/
#nav ul li:hover { background:#045cb5; }

#nav ul li.bdtop{ border-top:1px #dddddd solid;}
#nav ul a {display: block; height: 25px; line-height:25px; 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;}
#nav ul a:hover { font-weight:600;	text-decoration:none;  color:#000;  padding: 10px 0; }



.top_navi_wrap2{ width:100%;  min-width:1100px; margin:0 auto; height:100px; position:relative; }
.navi_wrap { width:1100px; margin:0 auto; height:100px; position:relative; background:#FFF;}
.top_logo{ float:left; position:absolute; opacity:1; padding-top:20px;}
.navi_dep1{float:left;}
.navi_dep1_position{ font-size:17px; font-weight:600; text-align:center; height:70px; line-height:70px;}
.navi_dep1_position:hover { }
.navi_dep1_position a { color:#4e4e4e; text-decoration:none;}

/*submenu */
.navi_dep2_wrap01{margin-left:0px;position:relative;right:40px;}
.navi_dep2_wrap02{margin-left:0px;position:relative;right:400px;}
.navi_dep2_wrap03{margin-left:0px;position:relative;}
.navi_dep2_wrap04{margin-left:0px;position:relative;}
.navi_dep2_wrap05{margin-left:0px;position:relative;left:5px;}

.navi_dep2_wrap{ display:none; width:1100px; position:relative;top:0px;}
.navi_dep2_wrap ul{overflow:hidden; width:1100px; height:40px; line-height:40px;}
.navi_dep2_wrap ul li{ float:left; padding-right:20px; height:40px; line-height:40px; margin-right:10px;}
.navi_dep2_wrap ul li.last { float:left; border-right:none; height:40px; line-height:40px;}
.navi_dep2_wrap ul li a { display:block; line-height:40px; height:40px; color:#e7e7e7; font-weight:500; font-size:15px; font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif; }

.float01{width:181px;}
.float02{width:178px;}
.float03{width:162px;}
.float04{width:213px;}
.float05{width:200px;}
#main_visual { width:100%; min-width:1100px; height:350px; background:url(../images/main_03.png) no-repeat center top; position:relative; }
#main_visual ul li{ position:absolute; left:51.5%; top:22%;}

#product_wrap {
	position: absolute;
	width: 100%;
	padding: 25px 0;
	height:450px;
}
.visimg1{width:360px; height:250px; background:url(../images/main_pro1.png) no-repeat;}
.abtn{width:50px; height:70px;}
.btnL{width:50px; height:70px; background:url(../images/btnl.png) no-repeat; z-index:3;}
.btnR{width:50px; height:70px;background:url(../images/btnr.png) no-repeat;}

#more_btn a:hover { background-color:#0c437b; color:white; }


/******¸ÞÀÎÆäÀÌÁö ÄÁÅÙÃ÷1*******/
#main_section { width:1100px; margin:0 auto; padding:20px 0 20px 0; overflow:hidden;  }

#m_section_01:hover .proimg{ width:350px; height:220px; transition:all .16s ease-in-out;}
#m_section_02:hover .proimg{ width:350px; height:220px; transition:all .16s ease-in-out;}
#m_section_03:hover .proimg{ width:350px; height:220px; transition:all .16s ease-in-out;}
/*****°øÁö»çÇ×******/
#m_section_01 { width:350px; height:220px; float:left; background:url(../images/pro1.png) no-repeat;  }
#m_section_01 ul li{display:block;  }
#m_section_01 ul li a{display:block;height:0;  background:url(../images/opa1.png); }
/*******Á¤¹Ð¿¡Äª*******/
#m_section_02 { width:350px; height:220px; float:left; margin-left:25px; background:url(../images/pro1.png) no-repeat;}
#m_section_02 ul li{display:block;  }
#m_section_02 ul li a{display:block;height:0; background:url(../images/opa1.png); }
/*******½ºÄ«½Ã******/
#m_section_03 { width:350px; height:220px; float:left;  margin-left:25px; background:url(../images/pro1.png) no-repeat; }
#m_section_03 ul li{display:block;  }
#m_section_03 ul li a{display:block;height:0; background:url(../images/opa1.png); }



#bx_wrap { width:100%;}
.bxslider li a p{position:relative; margin-top:-215px; margin-right:20px; float:right; color:#eaeaea; font-size:15px;}
.product_wrap1 { width:1100px; overflow:hidden;}

/******************************/


/******¸ÞÀÎÆäÀÌÁö ÄÁÅÙÃ÷2*******/
#main_section2 { width:100%; min-width:1100px; height:310px; margin:0 auto;clear:both; overflow:hidden; background:url(../images/sec3.png) center top no-repeat  ;  }
#main_section2 ul{ width:1100px; height:310px; margin:0 auto;  overflow:hidden;}
.sec2{ float:right; width:350px;}
.sec2 h1{font-size:30px; font-weight:600; padding-top:80px; text-align:center;}
.sec2 p{font-size:15px; font-weight:600; padding-top:35px; text-align:center; padding-bottom:30px;}
.sec2 a{ margin:0 auto; font-size:15px; float:left; width:160px; height:30px; line-height:30px; display:block; text-align:center; background:#086eec; color:#fff;}
.sec2 a:hover { border:1px solid #000;width:158px;height:28px; background:none; color:#000;}



footer { width:100%; height:120px; background:#fff;}
#footer_top { width:1100px; margin:0 auto; height:38px; line-height:38px;  }
#footer_bottom { width:100%; border-top:1px solid #9a9a9a; }
#fb_wrap { width:1100px; margin:30px auto; }
#fb_wrap:after { display:block; content:''; clear:both; }
#footer_left { float:left; }
#footer_left p { color:#292929; font-size:13px; line-height:22px; font-weight:600; }
#footer_right { float:right; padding-top:5px; }
/* SUB VISUAL °øÅë»çÇ× */
#sub_visual1 { position:relative; width:100%; min-width:1100px; height:250px; background:url(../images/subvisual1.png) no-repeat center top; }
#sub_visual2 { position:relative; width:100%; min-width:1100px; height:250px; background:url(../images/subvisual2.png) no-repeat center top; }
#sub_visual3 { position:relative; width:100%; min-width:1100px; height:250px; background:url(../images/subvisual3.png) no-repeat center top; }
#sub_visual4 { position:relative; width:100%; min-width:1100px; height:250px; background:url(../images/subvisual4.png) no-repeat center top; }
#section_wrap { width:1100px; margin:0 auto; }
#section_wrap:after { display:block; content:''; clear:both; }
#article { width:810px; margin-top:30px; }
/*--- LEFT NAV ----*/
#left_nav { width:240px; float:left; padding-top:58px; }
#nav_top { width:240px; height:95px;  color:#005bab; background:#02398c; }
#nav_top h3 { font-weight:400; padding-left:23px; font-size:32px; padding-top:30px; line-height:32px; color:#fff; font-family:'Nanum Square' }
#left_menu { width:240px; float:left; }
#left_menu li a:first-child{ }
#left_menu li a {display:block; width:215px; height:50px; display:block; line-height:50px; font-size:15px;color:#747474; font-weight:500; background:url(../images/left_menu_off.png) no-repeat; padding-left:25px;}
#left_menu li a:hover {background:url(../images/left_menu_on.png) no-repeat; color:white; height:50px;padding-left:25px;}
#left_menu li a.on { background:url(../images/left_menu_on.png) no-repeat; color:white; text-decoration:none;  border:none;  height:50px;padding-left:25px; }
#left_menu li a.sub{width:215px; height:40px;background:url(../images/left_menu_off.png) bottom no-repeat;  }
#left_menu li a.sub p {line-height:40px;  margin-left:10px; color:#8e8e8e; font-size:13px;}
#left_menu li a.sub.on, #left_menu li a.sub:hover{background:url(../images/left_menu_subon.png) bottom no-repeat;  }
#left_menu li a.sub.on p, #left_menu li a.sub:hover p{color:#fff; font-size:13px; }

/*---- Article ---------------*/
#article_wrap { width:810px; float:right; padding-top:30px;}
#article_top { width:100%; }
#page_path { width:100%; text-align:right; color:#666;  padding-top:5px;}
#page_path span { font-size:15px; color:#000;}
#page_path a { color:#666; height:20px; line-height:20px; }
.page_title { font-size:28px; line-height:28px; font-weight:600; margin-top:25px;}
#page_path a i { font-size:15px; height:15px; line-height:20px; color:#666; margin-right:7px; }
#article { width:810px; margin-top:50px; }



/********ȸ»ç¼Ò°³ÆäÀÌÁö***********/

/*Àλ縻*/
.gree{ width:810px; position:relative; clear:both; overflow:hidden; background:url(../images/gree.png) no-repeat;}
.gree ul.gree_2{ width:480px; position:relative; clear:both; overflow:hidden; }
.gree ul.gree_3{ width:810px; position:relative; clear:both; overflow:hidden; margin-top:40px; }
.greetitle{ font-size:23px; color:#4192ca; font-weight:500;}
.greecont{ font-size:15px; line-height:20px; margin-top:40px;}
.gree span{float:right; font-size:16px; font-weight:600; color:#333; margin-top:40px; margin-right:15px;}
.gree ul.gree_3 h1{ font-size:24px; padding-bottom:20px; font-weight:600;}


/*¿¬Çõ*/

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

}
#history {
	width:810px;
	overflow:hidden;
	}
#history ul {
	height:335px;
	background:url(../images/hisbg.png) no-repeat center top;
	}	
#history ul li.noyear 
{ margin-left: 142px; height:30px; font-size:15px;}

#history ul li.noyear {
	
}
#history ul li.year {
	height:35px;
	font-size:15px;
	background:url(../images/bullet_history.png) no-repeat 104px 3px;
	margin-top:10px;
	}	
#history ul li.year span {
	display:block;
	float:left;
	width:120px;
	font-size:20px;
	font-weight:600;
	color:#045cb5;
	padding-right:20px;
}

/* company.php */
.title2{font-size:13px;font-family:"³ª´®°íµñ", Nanum Gothic,   sans-serif; }
.title p{ font-size:15px; color:#000; font-weight:600;}

/********¿Â¶óÀι®ÀÇ***********/
.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;}
/*************************/






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













.product{ width:810px; position:relative; clear:both; overflow:hidden;}
.procont_1 { width:430px; float:left; }
.procont_1img { width:350px; float:right; overflow:hidden;}
.procont_title p {font-size:18px; font-weight:600; padding-bottom:20px; padding-top:3px; color:#035fb7;}
.procont_title p span{font-size:14px; font-weight:400; padding-bottom:20px;  padding-top:3px; color:#035fb7;}

.procont_contxt1{ font-size:13px; font-weight:400; height:180px; width:430px;}
.procont_contxt1 span{ padding-left:12px;}
.procont_contxt2{ font-size:13px; font-weight:400;  padding-bottom:30px;}
.procont_contxt1_2{ font-size:13px; font-weight:400; height:80px; width:430px;}
.procont_2 { width:810px; float:left; overflow:hidden; padding-bottom:55px;}
.procont_contxt3{ font-size:14px; font-weight:600; padding-left:10px; padding-bottom:20px;}
.procont_contxt3 span{ padding-left:12px; font-size:13px; font-weight:400; }

.table_txt1 p{ font-size:14px; font-weight:600; text-align:center; padding-top:4px; padding-bottom:4px;}
.table_txt2 p{ font-size:13px; line-height:20px; padding-left:15px; padding-top:8px; padding-bottom:8px;}
.table_txt2 p span{ font-size:13px; padding-left:11px;}
.table_txt3 p{ font-size:13px; line-height:20px;text-align:center; padding-top:8px; padding-bottom:8px;}
.table_txt4 {font-size:13px; color:#333; padding-top:3px;}
.table_txt4 span {font-size:13px; color:#333; padding-left:12px;}
.table_txt5 {font-size:13px; text-align:right; color:#333; padding-bottom:3px; }

.procont_3 { width:770px; float:left;padding:20px 20px 20px 20px; background:#f1f1f1; margin-bottom:55px; clear:both;}
.procont_3 li{ width:770px; overflow:hidden; clear:both;}
.procont_3 li ol.pro3_1{ width:350px; float:left; margin-left:10px;}
.procont_3 li ol.pro3_2{ width:360px; float:right;}





#sel{
	padding-left:10px;
	background: url(../images/select_box.png) no-repeat 95% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */ 
	border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ 
	-webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
	-moz-appearance: none; appearance: none;
	width:500px;
	border:1px solid #006fff;
}

select { width: 175px; /* ¿øÇÏ´Â ³Êºñ¼³Á¤ */ padding: .5em .3em; /* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */ font-family: inherit; /* ÆùÆ® »ó¼Ó */ border: 1px solid #cccccc;  }






div.blank { clear:both; width:810px; height:100px; }