@charset "utf-8";
/* CSS Document */
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
body { font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum; } 

#header {background:url(/images/body_bg.jpg) repeat-x; background-color:#fff !important;}

#i_visual { width:100%; height:600px; margin:0 auto; z-index:-999; }


#i_cont1_wr { width:100%; padding:60px 0; background:#f6f6f6;}
#i_cont1 { width:1080px; margin:0 auto; overflow:hidden;}
.main_t { font-weight:700; color:#222; text-align:center; margin-bottom:5px; font-size:36px;font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum;}
.greentx { font-weight:500; text-align:center; margin-bottom:20px; color:#ed1f24;font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum; font-size:18px;}

#i_cont1 ul { float:left; margin:20px 0 0; padding:0; overflow:hidden; border-left:1px solid #d7d7d7;}
#i_cont1 ul li { list-style:none; width:214px; border-right:1px solid #d7d7d7; float:left; text-align:center;}
#i_cont1 ul li a { display:block;}
.rebar { display:block; width:35px; height:2px; background:#ed1f24; margin:0 auto 10px;}
.pro_t { font-size:20px; color:#333; font-weight:500; margin-bottom:20px; display:inline-block;}


#i_cont2 { width:1080px; margin:60px auto; overflow:hidden;}
.i_about { float:left;}
.i_link { float:left;}
.i_link ul { margin:0; padding:0; width:540px; overflow:hidden;}
.i_link ul li { list-style:none; float:left;}

.i_noti { float:left; background:#f8f8fa; width:540px; height:240px; padding:20px; -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
}
.i_noti h5 {font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum; margin-bottom:20px; font-size:20px; color:#444; font-weight:600}
.i_noti h5 a { display:inline-block; font-weight:600; float:right; text-decoration:none;}

#i_btmwr { background:url(/images/bottom_bg.jpg) center top no-repeat;}
#i_btm { width:1080px; margin:0 auto;}


#i_footer_wrap { width:100%; text-align:center; float:left; clear:both; background:#343030; padding:20px 0; color:#6b6969;}
#i_footer_wrap a { color:#6b6969;}

#i_sitewr { width:100%; padding:30px 0; background:#e1e3e5;}
#i_site { width:1080px; margin:0 auto; overflow:hidden;}
#i_site ul { overflow:hidden; width:120px; float:left; margin-right:30px;}
#i_site ul li a { color:#636363; font-size:13px; line-height:170%;}
#i_site ul li .title { font-size:16px; font-weight:500; color:#363636; margin-bottom:10px; }
.copyinfo { width:300px; float:right; color:#6d6d6d;}
.copyinfo p { margin-top:20px; line-height:170%; font-size:14px; letter-spacing:-0.5px;}

.langue { position:absolute; right:0; top:0px;}
.langue ul { margin:0; padding:0; overflow:hidden; border-left:1px solid #dddede}
.langue ul li { list-style:none; float:left; border-right:1px solid #dddede;}
.langue ul li a { padding:7px 8px; display:inline-block; color:#959595; background:#fff; font-size:11px;}

.langue ul li a.on {padding:7px 8px; display:inline-block; color:#fff; background:#5e5b5b;}


#i_pagetit { width:1080px; height:110px; padding:25px 0; line-height:110px; text-align:center; margin:0px auto 0; color:#fff !important; font-size:35px; font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum}

#i_pagetit .titbar { display:block; width:100px; height:3px; background:#728DC2; margin:10px 0;}
#i_pagetit .titment { color:#677485; font-size:18px;}

#i_svisu { z-index:-999; position:absolute; top:110px; width:100%; height:160px;}
#pagenavi { overflow:hidden; width:100%; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #dadada;}
#pagenavi ul {font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum; margin:0; padding:0;}
#pagenavi ul li { float:left; list-style:none;}
#pagenavi ul .navihome { color:#777; background:url(/images/homeico.gif) 0px 3px no-repeat; padding:0 3px 0 20px;}
#pagenavi ul .navimenu { color:#888;}
.srch_result { width:100%; margin-bottom:20px; text-align:right; font-size:20px;font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum;}

#i_sub { width:1080px; margin: 30px auto 80px; min-height:500px; line-height:180%; text-align:justify; overflow:hidden;}
#i_sub .normaltxt { margin-bottom:15px; font-size:15px; line-height:180%;}
#i_sub2 { margin-bottom:80px;}

.name { float:right; margin-top:40px;}


/*.greeting_top { background:url(/images/greeting_01.jpg) left bottom no-repeat; font-size:30px; color:#4E6A9B; line-height:150%; text-align:right; width:100%; padding:130px 0 120px; border-bottom:1px solid #dadada;}*/

.tgcontent { width:100%; margin:0 auto; border-top:1px solid #222;}
.tgcontent td { padding:15px; border-bottom:1px solid #ddd; font-size:16px;}
.tgcontent .tdhead { background:#F5F5F5; color:#222;font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum; width:150px;}

.infotop { background:url(/images/info_top.jpg) right bottom no-repeat;font-size:30px; color:#4E6A9B; line-height:150%; text-align:left; padding:175px 10px 85px;}

.licen_history { background:url(/images/licen_history.jpg) center top no-repeat; background-size:cover; padding:25px 0;}
.licen_history table { background:url(/images/licen_bar.png) center top repeat-y;}
.licen_history td { color:#fff !important; padding:0px 5px;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box; font-size:15px;}
.licen_history .year { font-size:18px;font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum; color:#728DC2 !important; text-shadow:1px 1px 1px #222;}


.page_subtit { font-size:25px; font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', Malgun gothic, sans-serif, dotum; color:#222; padding-left:15px; border-left:3px solid #4A6AE3; margin-bottom:10px;}


.submenu { width:100%; text-align:center;}

.enfreetab { margin:0 auto 50px; padding:0; height:50px;  overflow:hidden; display:inline-block;}

.enfreetab li { list-style:none; float:left; width:130px; height:45px; line-height:45px;  border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #dadada; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
}
.enfreetab li a { text-decoration:none; color:#666; font-size:16px;}
.enfreetab li:last-child { border-right:1px solid #dadada}

.enfreetab .on {list-style:none; float:left; width:130px; height:45px; line-height:45px;  border-top:1px solid #e44e5b; border-left:1px solid #e44e5b; border-bottom:1px solid #e44e5b; text-align:center; background:#e44e5b}
.enfreetab .on a { text-decoration:none; color:#fff !important; font-size:16px;}

.enfreetab li:hover {list-style:none; float:left; width:130px; height:45px; line-height:45px;  border-top:1px solid #e44e5b; border-left:1px solid #e44e5b; border-bottom:1px solid #e44e5b; text-align:center; background:#e44e5b}
.enfreetab li:hover a { text-decoration:none; color:#fff !important; font-size:16px;}

.enfreetab2 { margin:0 0 50px 0; padding:0; height:50px;overflow:hidden;}

.enfreetab2 li { list-style:none; float:left; width:130px; height:45px; line-height:28px;  border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #dadada; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box; padding:8px 15px;}
.enfreetab2 li a { text-decoration:none; color:#666; font-size:16px;}
.enfreetab2 li:last-child { border-right:1px solid #dadada}

.enfreetab2 .on {list-style:none; float:left; width:130px; height:45px; line-height:28px;  border-top:1px solid #e44e5b; border-left:1px solid #e44e5b; border-bottom:1px solid #e44e5b; text-align:center; background:#e44e5b; padding:8px 15px;}
.enfreetab2 .on a { text-decoration:none; color:#fff !important; font-size:16px;}

.enfreetab2 li:hover {list-style:none; float:left; width:130px; height:45px; line-height:28px;  border-top:1px solid #e44e5b; border-left:1px solid #e44e5b; border-bottom:1px solid #e44e5b; text-align:center; background:#e44e5b; padding:8px 15px;}
.enfreetab2 li:hover a { text-decoration:none; color:#fff !important; font-size:16px;}

#bo_list { font-family:나눔고딕,Malgun gothic,sans-serif,dotum; font-size:13px;}
#bo_v	{ font-family:나눔고딕,Malgun gothic,sans-serif,dotum; font-size:13px;}
#bo_w { font-family:나눔고딕,Malgun gothic,sans-serif,dotum; font-size:13px;}
#bo_gall { font-family:나눔고딕,Malgun gothic,sans-serif,dotum; font-size:13px;}
.tgbs  {border-collapse:collapse;border-spacing:0;border-color:#aabcfe; width:100%;}
.tgbs td{font-family:Malgun Gothic,dotum,sans-serif;font-size:13px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal; text-align:center;border-color:#dadada;color:#669;background-color:#e0e5ef;}
.tgbs th{font-family:Malgun Gothic,dotum,sans-serif;font-size:13px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#dadada;color:#fff;background-color:#508ad8;}
.tgbs .tg-vn4c{background-color:#D2E4FC}
.tgbs .tg-yw4l{}
.tgbs .tg-6k2t{background-color:#F1F2F4;}



/*greeting.php - 인사말*/
.greeting_top { background:url(/images/gr_top01.jpg) center no-repeat; font-size:36px; text-align:center; width:100%; padding:90px 0 120px; color:#fff;}
.greeting_top p > span, .greeting_txt > span {color:#000; font-weight:bold;}
.greeting_top p > span span, .greeting_txt > span span {color:#ed1b22;}
.greeting_top p:nth-of-type(2) {font-size:22px;}
.greeting_top .gr_line {width:90px; height:3px; margin:30px auto 26px; background:#ed1b22;}

.greeting_txt { font-size:16px; color:#666; line-height:1.4;}
.greeting_txt > span {font-size:22px; padding-right:3px;}
.greeting_name {font-size:14px; text-align:right; margin-top:60px;}
.greeting_name img {width:180px; height:auto; margin-left:20px; position:relative; bottom:12px;}


/*location.php - 찾아오시는길*/
#laca_cont {margin-top:40px; border-top:2px solid #333;}
#laca_cont ul {margin-top:22px;}
#laca_cont ul:after, #laca_cont ul li:nth-child(1):after {content:""; height:0; visibility:hidden; display:block; clear:both;}
#laca_cont ul li {float:left;}
#laca_cont ul li:nth-child(1) {width:105px; margin-right:40px; text-align:center;}
#laca_cont ul li:nth-child(1) img, #laca_cont ul li:nth-child(1) p {float:left;}
#laca_cont ul li:nth-child(1) img {margin-right:8px; width:24px; height:auto;}
#laca_cont ul li:nth-child(1) p {font-size:18px; font-weight:bold; color:#E44E5B;}
#laca_cont ul li:nth-child(2) {font-size:16px;}


/*recruit.php - 인재상*/
#recruit_cont {font-size:16px; text-align:center;}



.tgdetail  {border-collapse:collapse;border-spacing:0;border-color:#d1dee2; width:100%}
.tgdetail td{font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#d1dee2;color:#666;background-color:#fff;border-top-width:1px;border-bottom-width:1px; text-align:center; border-left:1px solid #d1dee2}
.tgdetail th{font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#d1dee2;color:#343030;background-color:#E5ECEF;border-top-width:1px;border-bottom-width:1px; text-align:center; border-left:1px solid #d1dee2}
.tgdetail .tg-yw4l{vertical-align:middle}
.tgdetail th:first-child { border-left:0 !important;}


/* 제품관련*/
.tgproduct  {border-collapse:collapse;border-spacing:0;border-color:#ccc; width:100%; border-left:1px solid #ccc;}
.tgproduct td{font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.tgproduct th{font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.tgproduct .tg-huh2{font-size:14px;text-align:center}
.tgproduct .tg-6nwz{font-size:14px;text-align:center;vertical-align:top}
.tgproduct caption { float:right;}





#i_visu{
	position:absolute;
	top:110px;
	z-index:-999;
	}


#i_container{
	width:1100px;
	min-height:500px;
	margin:480px auto 20px;
	}

.i_con01wrap{
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
	}
.i_con01{
	width:700px;
	height:480px;
	background:url(/images/con01_bg.jpg) left top no-repeat;
	padding:20px;
	float:left;
	}
	
.i_con01 > ul{
	width:700px;
	height:480px;
	overflow:hidden;
	}
.i_con01 > ul > li:first-child{
	background:none;
	box-shadow:none;
	}	
.i_con01 > ul > li{
	width:190px;
	height:200px;
	background:#fff;
	float:left;
	margin:0 13px 15px 0;
	padding:15px;
	text-align:center;
	box-shadow:5px 5px 20px #999;
	}
.none{
	margin-right:0;
	}
.i_con01 > ul > li .i_bar{
	width:28px;
	height:2px;
	background:#f55351;
	margin:10px auto;
	}	
.i_con01 > ul > li h3{
	font-size:20px;
	color:#333;
	margin-bottom:10px;
	}
.i_con01 > ul > li p{
	font-size:14px;
	margin:12px 20px 0 0;
	text-align:right;
	}
.i_con01 > ul > li p a{
	color:#f55351;
	}	
	
.i_con02{
	width:340px;
	float:left;
	}	

.i_con03_bg{
	width:100%;
	height:290px;
	background:url(/images/con03_bg.jpg) center top no-repeat;
	clear:both;
	}
.i_con03wrap{
	width:1100px;
	height:290px;
	margin:0 auto;
	overflow:hidden;
	padding:30px 0 0;
	}
.i_con03{
	width:590px;
	float:left;
	}
.i_con03_1{
	width:590px;
	margin-bottom:10px;
	overflow:hidden;
	}
.i_con03_1 h3{
	font-size:16px;
	font-weight:300;
	margin-bottom:10px;
	}
.i_con03_1 > ul > li:first-child{
	font-size:18px;
	font-weight:400;
	}	
.i_con03_1 > ul > li{
	float:left;
	margin-right:22px;
	font-size:16px;
	font-weight:300;
	}
.i_con03ul{
	clear:both;
	margin-top:40px;
	}
.i_con03ul li{
	float:left;
	width:100px;
	text-align:center;
	margin-right:47px;
	font-size:14px;
	}
.i_con03ul li:last-child{
	margin-right:none;
	}	
.i_con03ul li img{
	margin-bottom:10px;
	}	
.i_notice{
	width:510px;
	float:left;
	margin-top:60px;
	}
.i_noti{
	width:510px;
	height:30px;
	margin-bottom:10px;
	overflow:hidden;
	}
.i_not h3{
	font-size:16px;
	font-weight:400;
	float:left;
	}
.i_not p{
	font-size:14px;
	border:1px solid #FA5C5B;
	padding:1px 7px;
	float:right;
	display:inline-block;
	
	}
.i_not p a{
	color:#fa5c5b;
	}		





#i_foobar{
	width:100%;
	border-top:1px solid #ddd;
	}



#i_foowrap{
	width:1100px;
	height:100px;
	margin:0 auto;
	padding:30px 0 0;
	}
.i_foo{
	float:left;
	text-align:right;
	width:750px;
	}
.i_foo p{
	font-size:14px;
	line-height:23px;
	font-weight:300;
	}
#i_foowrap img{
	width:290px;
	float:right;
	margin-left:50px;
	}