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


* { margin:0; padding:0}

html, body {
	width:100%;
	-webkit-text-size-adjust:none;
 }
body {
	font-family:"????", Nanum Gothic,  "??", Dotum, AppleGothic, sans-serif !important;
    margin:0;
	padding:0;
	overflow-y: scroll;
}

body, td, input, select, table, textarea, div, p, b {
	font-family:"????", Nanum Gothic,  "??", Dotum, AppleGothic, sans-serif !important;
	font-size: 13px;
	line-height: 20px;
	color: #4e4e4e;
	text-decoration: none; /* none l underline l overline l line-through */
}

img { border:0}
ul, ol, dl, li { list-style:none}


/*---------------------------------------------------*/
a { text-decoration:none; color:#4e4e4e;}
a.top { color:#e5e5e5; text-decoration:none; font-weight:600;}
a.top:hover { color:#fff; text-decoration:none; font-weight:600;}
a.subtop { text-decoration:none; color:#e8e8e8; font-weight:600;}
a.subtop:hover { text-decoration:none; color:#ffffff; font-weight:600;}
a.subtop:active { text-decoration:none; color:#ffffff; font-weight:600;}

/*Navi*/
#center {
	position: relative;
	z-index: 99999;
	width: 100%;
	margin: 0 auto;
	height:120px;
	top: 0px;
	display: inline-block;
	border-bottom:1px solid #dcdcdc;
}

#top_navi_wrap {
	width:100%;  
	z-index:10; 
	position:absolute; 
	background:#3765b0;
	} 
.top_wrap { width:100%; margin:0 auto; height:35px; background:#26466d;}
.top_wrap2 { width:1100px; margin:0 auto; height:35px;}
.top_menu { float:right; width:233px; }
.top_menu ul {  }
.top_menu ul li.top_border { float:left; height:35px; font-size:12px; padding: 0 13px 0 13px; line-height:35px; text-align:center; }
.top_menu ul li { float:left; height:35px;}

.top_navi_wrap2{ width:100%; margin:0 auto; height:85px; position:relative; background:#fff; }
.navi_wrap {width: 1338px;margin:0 auto;height:85px;position:relative;background:#FFF;}
.top_logo{ float:left; position:absolute; width:308px; margin-top:18px;}
.top_navi {float: left;width: 830px;margin- left:308px;margin-left: 350px;}
.navi_dep1{float:left;}
.navi_dep1_position{ font-size:17px; font-weight:600; text-align:center; height:85px; line-height:85px;}
.navi_dep1_position:hover { height:85px; line-height:85px;}
.navi_dep1_position a { color:#272727; text-decoration:none;}

/*submenu */
.navi_dep2_wrap01{padding-left:0px;margin-left:0px;position:relative;left:-310px;}
.navi_dep2_wrap02{padding-left:0px;margin-left:0px;position:relative;left:-430px;}
.navi_dep2_wrap03{padding-left:0px;margin-left:0px;position:relative;left: -653px;}
.navi_dep2_wrap04{padding-left:0px;margin-left:0px;position:relative;left:-847px;}
.navi_dep2_wrap05{padding-left:0px;margin-left:0px;position:relative;left:-965px;}

.navi_dep2_wrap{width: 1200px;position:relative;top:0px;display:none;}
.navi_dep2_wrap.navi_dep2_wrap03{width: 1300px;}
.navi_dep2_wrap ul{overflow:hidden;width: 1200px;height:26px;padding-top:12px;}
.navi_dep2_wrap ul.navi_dep2_ul03{width: 1300px;}
.navi_dep2_wrap ul li{ float:left; padding-right:10px; height:13px; line-height:13px; border-right:1px solid #8e8e8e; margin-right:10px;}
.navi_dep2_wrap ul li.last { float:left; border-right:none; height:13px; line-height:13px;}

.float01{width:123px; background:url(/images/menu_bar.gif) right 33px no-repeat;}
.float02{width: 215px;background:url(/images/menu_bar.gif) right 33px no-repeat;}
.float03{width: 190px;background:url(/images/menu_bar.gif) right 33px no-repeat;}
.float04{width:141px; background:url(/images/menu_bar.gif) right 33px no-repeat;}
.float05{width: 161px;}

/*main_visual, sub_visual*/
#mainVisual {
	width:100%;
	height:570px;
	
	}
#mainVisual_banner {
	width:1044px;
	height:314px;
	padding-top:172px;
	margin:0 auto;
}
#mainVisual_banner ul li {
	float:left;
	cursor:pointer;
}
#subVisual {
	width:100%;
	height:45px;
	}

/* lang_wrap */
.top_lang {float: right;position: relative;margin: 0 -10px 0 70px;z-index: 999999;}
.top_lang a {display: block;font-size: 14px;color: #666;text-align: center;}
.top_lang > a {/* height: 100px; */line-height: 63px;display: block;padding: 10px;box-sizing: content-box;border: 1px solid #fff;border-radius: 5px;font-weight: 600;color: #474747;}
.top_lang > a span {margin-right: 10px;}
.top_lang .lang_list{position: absolute;top: 68px;left: 0;width: 100%;height: 0;overflow: hidden;border-radius: 5px;background: #fff;transition: height .3s;}
.top_lang .lang_list li{border-bottom: 1px solid #eee;}
.top_lang .lang_list li:last-child {border-bottom: 1px solid transparent;}
.top_lang .lang_list li a {padding: 10px 0;transition: all .2s;}
/* on */
.top_lang.on .lang_list{height: 82px;box-shadow: 0px 0px 6px rgb(10 11 12 / 10%);transition: height .3s;}
/* hover */
.top_lang .lang_list li a:hover {color: #242424; background: #f8f8f8; transition: all .2s;}


/* ---section--- */
#section_wrap {
	width:100%;
	height: 545px;
	/* background:url(/images/center_bg.gif) top repeat-x; */
	}
#section {
	width:1098px;
	height:444px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	margin:0 auto;
}
#section.main {
    width: 1338px;
    height: 545px;
}
#section1 {
	width: 588px;
	height: 545px;
	border-right:1px solid #e8e8e8;
	background:url(/images/eng/center1.png) no-repeat;
	float:left;
}
#section2 {
	width:374px;
	height: 250px;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	background:url(/images/section2_bg.png) no-repeat;
	float:left;
}
.center_title {
	color:#232323;
	font-size:18px;
	font-weight:600;
	padding:30px 0 0 34px;
	width:296px;
	float:left;
}
.center_title2 {
	color:#232323;
	font-size:18px;
	font-weight:600;
	padding:30px 0 0 34px;
	width:240px;
	float:left;
}
.center_more {
	padding:30px 0 0 0;	
	font-size:12px;
}
.center_list {
	padding:10px 0 0 34px;
}
.center_list li {
	background:url(/images/center_bullet.gif) left 10px no-repeat;
	padding-left:13px;
	color:#676767;
	font-size:13px;
	font-weight:600;
}
#section2_2 {
	width:374px;
	height: 250px;
	border-bottom:1px solid #e8e8e8;
	background:url(/images/section2_2_bg.png) no-repeat;
	float:left;
}
#section3 {
	width:374px;
	height: 218px;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	background:url(/images/section3_bg.png) no-repeat;
	float:left;
}
#section3_2 {
	width:374px;
	height:218px;
	border-bottom:1px solid #e8e8e8;
	background:url(/images/eng/section3_2_bg.png) no-repeat;
	float:left;
}



/* contents */
#contents {
	width:1100px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}
#leftmenu_wrap {
/* position:absolute; */
	top:0;
	left:0;
	bottom:0;
	width:199px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	float:left;
	}
#left_top {
	width:199px;
	height:158px;
	background:#3d82e1;
	}
#left_top p {
	font-size:29px;
	font-weight:600;
	text-align:center;
	padding:70px 0 0 0;
	color:#ffffff;
	}
#left_top p.pro_top {
	font-size:29px;
	line-height:38px;
	font-weight:600;
	text-align:center;
	padding:20px 0 0 0;
	color:#ffffff;
	}
#left_top1 {
	width:199px;
	height:158px;
	background:#3d82e1;
	}
#left_top1 p {
	font-size:29px;
	font-weight:600;
	text-align:center;
	padding:70px 0 0 0;
	color:#ffffff;
	}
#left_top1 p.pro_top {
	font-size:29px;
	line-height:42px;
	font-weight:600;
	text-align:center;
	padding:35px 0 0 0;
	color:#ffffff;
	}
#left_menu a {
	display:block;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #d2d2d2;
	color:#666666;
	padding-left:17px;
	font-weight:600;
	text-decoration:none;
	font-size:15px;
	}
#left_menu a.on {
	display:block;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #d2d2d2;
	color:#ffffff;
	background:url(/images/left_menu_bg_on.png) center top no-repeat;
	padding-left:17px;
	font-weight:600;
	text-decoration:none;
	}
#left_menu a:hover {
	display:block;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #d2d2d2;
	color:#ffffff;
	background:url(/images/left_menu_bg_on.png) center top no-repeat;
	padding-left:17px;
	font-weight:600;
	text-decoration:none;
	}
#left_menu a.has_line {
	height: 55px;
	line-height: 25px;
}
#left_menu a.has_line:hover, #left_menu a.has_line.on{
	background: url(/images/eng/left_menu_bg_on-2.png) center top no-repeat;
}	
 #left_menu a.sub {
	display:block;
	height:30px;
	line-height:30px;
	color:#797979;
	padding-left:20px;
	border-bottom:none;
	text-decoration:none;
	background:#efeff7;
	font-size:13px;
	}
#left_menu a.sub_on {
	display:block;
	height:30px;
	line-height:30px;
	color:#222222;
	padding-left:20px;
	border-bottom:none;
	text-decoration:none;
	background:#efeff7;
	font-size:13px;
	}
#left_menu a.sub:hover {
	display:block;
	height:30px;
	line-height:30px;
	color:#222222;
	padding-left:20px;
	border-bottom:none;
	text-decoration:none;
	background:#efeff7;
	font-size:13px;
	}
/*-------------------------------------------------------------------------------------=-------*/
#article_wrap {
	float:right;
	width:849px;
	}
#article {
	clear: both;
	width: 849px;
	margin-top: 50px;
	}	
#article iframe{ /* ??? */
	width: 100%;
	height: 450px;
	}	
#article_top {
	width:849px;
	height:161px;
	background:url(/images/sub_visu1.png) center top no-repeat;
	border-bottom:1px solid #dddbdc;
	}
#article_top ul li.home {
	padding:31px 0 0 0;
	font-size:12px;
	}
#article_top ul li.article_tit {
	padding:28px 0 0 0;
	font-size:36px;
	line-height:36px;
	font-weight:600;
	color:#333333;
	}
#article_top ul li.artical_sub_tit {
	padding:18px 0 0 0;
	font-size:15px;
	font-weight:600;
	color:#9f9f9f;
	}
#article_top ul li.home img { vertical-align:middle; padding-right:5px;}

.content_title {
	background:url(/images/title_bullet2.gif) left no-repeat;
	font-size:16px;
	font-weight:600;
	padding-left:20px;
	line-height:35px;
	color:#8fb11e;
}
.content_title2 {
	background:url(/images/title_bullet2.gif) left 5px no-repeat;
	font-size:16px;
	font-weight:600;
	padding-left:20px;
	line-height:23px;
	color:#8fb11e;
	padding-bottom:7px;
}
.content_title3 {
	background:url(/images/title_bullet2.gif) 45px 65px no-repeat;
	font-size:16px;
	font-weight:600;
	padding-left:65px;
	padding-top:60px;
	line-height:23px;
	color:#8fb11e;
	padding-bottom:7px;
}

#greeting {
	width:849px;
	padding-top:100px;
	background:url(/images/eng/greeting_bg.png) center  top no-repeat;
	}
.greeting_sub_tit {
	font-size:16px;
	color:#6d6d6d;
	font-weight:600;
}
#greeting p { width:450px; padding-bottom:15px; }
.sign {
	font-size:16px;
	font-weight:600;
	color:#282828;
	padding-top:20px;
}

#summary {
	width:849px;
	background:url(/images/summary_bg.png) center  top no-repeat;
	}
	
#organization {
	width:849px;
	}

#location {
	width:849px;
	}

.history {
	width:774px;
	background:url(/images/history_bg.png) no-repeat 10px 0;
	}
.history ul {
	background:url(/images/history_line.gif) repeat-y 73px 0;
	}	
.history ul li.noyear { margin-left: 100px;}
.history ul li.year {
	background:url(/images/bullet_history.png) no-repeat 64px 4px;
	margin-top:10px;
	font-size:13px;
	font-family:"????", Nanum Gothic,  "??", Dotum, AppleGothic, sans-serif;
	color: #4e4e4e;
	}	
.history ul li.year span {
	display:block;
	float:left;
	width:100px;
	font-size:15px;
	font-weight:600;
	color:#00598c;
	}
.history ul li.year b {
	display:block;
	float:left;
	width:60px;
	}
.history ul li.noyear b {
	display:block;
	float:left;
	width:60px;
}	

#location {
	width:774px;
	padding-top:35px;
	}
ul.address { margin-top:20px;}
ul.address li { padding-left:13px; background:url(/images/page_title_bl2.png) left 6px no-repeat;}
span.address {padding-left:13px; background:url(/images/page_title_bl2.png) left 4px no-repeat;}
ul.address2 li { padding-left:13px; background:url(/images/page_title_bl2.png) left 10px no-repeat;}


#product1 {
	width:849px;
	}
.pro_title {
	font-size:20px;
	font-weight:600;
	color:#3d82e1;
	line-height:25px;
	padding-bottom:10px;
}
.pro_title2 {
	font-size:20px;
	font-weight:600;
	color:#3d82e1;
	line-height:25px;
	padding-bottom:10px;
	padding-top:60px;
}
.pro_sub_title {
	font-size:17px;
	font-weight:600;
	color:#313131;
	line-height:20px;
	padding-bottom:10px;
}
.pro_sub_title2 {
	font-size:17px;
	font-weight:600;
	color:#313131;
	line-height:20px;
	padding-bottom:10px;
	padding-top:20px;
}
.pro_list {
	padding:0 0 0 10px;
}


.pro_list li {
	background:url(/images/center_bullet.gif) left 10px no-repeat;
	padding-left:13px;
}
.pro_list2 {
	padding:0 0 0 410px;
}
.pro_list2 li {
	background:url(/images/center_bullet.gif) left 10px no-repeat;
	padding-left:13px;
}

.spec {
	border-top:2px solid #194477;
	border-bottom:2px solid #194477;
	margin-bottom:20px;
	font-size:13px;
	}
.spec td {
	vertical-align:middle;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding: 7px 0 7px 0;
	}
.spec td.no-right {
	border-right:none;
	padding: 7px 10px 7px 10px;
	}
.spec td.bg {
	background:#f5f5f5;
	text-align:center;
	}
	
.spec2 td.no_bor{
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
}	
.spec2 td.no_bor1{
	border-top:2px solid #f5f5f5;
	border-bottom:2px solid #f5f5f5;
	border-left:2px solid #f5f5f5;
	border-right:2px solid #f5f5f5;
	text-align:center;
}	
.spec2 {
	border-top:2px solid #194477;
	border-bottom:2px solid #194477;
	margin-bottom:20px;
	font-size:13px;
	}
	

.spec2 td {
	vertical-align:middle;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding: 7px 0 7px 0;
	}
.spec2 td.no-right {
	border-right:none;
	}
.spec2 td.bg {
	background:#f5f5f5;
	text-align:center;
	}

.spec2 td.pa {
	padding-left:15px;
}

.pro_btn {
	width:180px;
	height:35px;
	line-height:35px;
	color:#fff;
	background:#0e4ea3;
	text-align:center;
	font-weight:600;
	float:right;
	margin-bottom:30px;
	cursor:pointer;
}
.spec3 {
	font-size:13px;
	}
.spec3 td div{
	background:#f5f5f5;
}	

.spec4 {
	border-top:2px solid #194477;
	border-bottom:2px solid #194477;
	margin-bottom:20px;
	font-size:13px;	
	border-left:1px solid #dedede;
	}
	

.spec4 td {
	vertical-align:middle;
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;
	padding: 7px 0 7px 0;
	}
.spec4 td.no-right {
	border-right:none;
	}
.spec4 td.bg {
	background:#f5f5f5;
	text-align:center;
	}
500sp {
	background:url(/images/pro_img1.png) right top no-repeat;
	height:250px;
}
p.des {
	width:449px;
}

ul li.pro_left {
	width:300px;
	padding-right:20px;
	float:left;
}
ul li.pro_right {
	width:529px;
	float:right;
}
ul.pro_1 li.pro_left{
	width:350px;
}
ul.pro_1 li.pro_right{

	width:480px;
}

/*???*/
.spec2 span{
	font-weight:600;
	color:#ff0000;
	font-size:20px;
}


/* record tab */
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 75px;
    width: 100%;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    padding:0 10px;
	width: 150px;
    height: 35px;
	font-size:15px;
    line-height: 35px;
    border: 1px solid #dddddd;
    margin:0 5px 5px 0;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #009845;
	color:#FFF;
}
.tab_container {
    clear: both;
    float: left;
    width: 710px;
    background: #FFFFFF;
}
.tab_container2 {
    clear: both;
    float: left;
    width: 710px;
	padding-top:80px;
    background: #FFFFFF;
}

/*.tab_content {
	display:none;
	} */ 
	
/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Nanum Barun Gothic,"????", NanumGothic, Malgun Gothic, "??", Dotum, AppleGothic, sans-serif !important;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}	



	
/* footer */
div.blank { clear:both; width:849px; height:80px;}
#footer_wrap {width:100%;height: 103px;position:absolute;background:#6b6b6b;border-top:1px solid #e8e8e8;}
#footer {width: 1338px;height: 103px;margin:0 auto;clear:both;overflow:hidden;}
.footer_con {
	float:left;
	width: 950px;
	margin:25px 0px 0px 0px;
	}
.footer_logo {
	float:left;
	width:161px;
	margin:26px 50px 0px 0px;
	text-align;right;
	}	
.footer_con p { color:#e0e0e0; font-size:12px;}

#inquiry {
	width:849px;
	background:url(/images/estimate_bg.png) left top no-repeat;
	}