@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body, td, th, form, input, select, textarea, input, div, p, span, frameset, .c1  {
					margin:0;padding:0;font-family:'NanumBarunGothic','nanumgothic';color:#111;line-height:150%;
					font-size:1em;}
body			{width:100%;height:100%;margin:0;padding:0;text-align:center;background:url('../img/common/head_bg.gif') repeat-x; }
a:link			{color:#222;text-decoration:none;}
a:visited		{color:#222;text-decoration:none;}
a:active		{color:#222;text-decoration:none;}
a:hover		{color:#222;text-decoration:none;}
img			{border:none;}
table			{border-collapse:collapse;}
ul li			{list-style:none;}

*{margin:0;padding:0;}
h1.logo	{ position:absolute;top:15px;left:0;width:265px;height:64px;margin:0;padding:0;background:url('../img/common/logo.gif') no-repeat;}
h1.logo a	{display:block;width:252px;height:44px; margin:0;padding:0;text-indent:-99999em;}
h2.main_cont_tit	{margin:0;padding:0 0 0 15px;font:normal 11pt 'Nanum Gothic', monospace;line-height:100%;background:url('../img/main/main_tit_bul.png') left top no-repeat;}
h2.side_tit	{position:absolute;top:-155px;display:block;width:231px;height:99px;z-index:100;}
h3	{margin:5px 0 70px 0;padding:0;text-align:left;font:700 20pt 'Nanum Gothic', monospace;}
h4	{clear:both;margin:60px 0 10px -23px;padding:0 0 0 25px;font:600 13pt 'Nanum Gothic', monospace;text-align:left;background:url('../img/prod/bull.gif') left center no-repeat;}
h5	{margin:7px 0 3px 0;padding:0 0 0 15px; color:#0e6e97;font:700 11pt 'Nanum Gothic', monospace;text-align:left;background:url('../img/prod/bull2.gif') left center no-repeat;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/*=================================================================================
															         COMMON
===================================================================================*/
#sub_wrap	{position:relative;text-align:center;display:block;padding:0 0 100px 0;background:url('../img/common/vis_bg.png') 50% 85px repeat-x;}
#header	{position:relative;top:0;width:970px;height:91px;margin:0 auto;padding:0;}

/*=================================================================================
															         MENU
===================================================================================*/
#gnb_box									{width:970px;height:50px;margin:0;padding:0;font-family:'Nanum Gothic', sans-serif;z-index:200;}
#gnb											{position:absolute;top:25px;left:340px;height:19px;list-style:none;margin:0;padding:0;}
#gnb li										{position:absolute;margin:0;padding:0;z-index:2;font-size:11pt;font-weight:bold;}
#gnb li#mNavi01						{left:0;width:75px;}
#gnb li#mNavi02						{left:140px;width:75px;}
#gnb li#mNavi03						{left:280px;width:75px;}
#gnb li#mNavi04						{left:420px;width:82px;}
#gnb li#mNavi05						{left:560px;width:75px;}
#gnb li a								{display:block;padding:12px 0 0 0;color:#111;}
#gnb li#mNavi01 a#gnblink1		{height:20px;position:0 0;}
#gnb li#mNavi02 a#gnblink2		{height:20px; position:-108px 0;}
#gnb li#mNavi03 a#gnblink3		{height:20px; position:-215px 0;}
#gnb li#mNavi04 a#gnblink4		{height:20px; position:-324px 0;}
#gnb li#mNavi04 a#gnblink5		{height:20px; position:-324px 0;}
#gnb li a:active, #gnb li a:hover, #gnb li a:focus, #gnb li a.hover {display:block;color:#0081d1;}

/*=================================================================================
															          SIDE
===================================================================================*/
#side	{float:left;height:100%;width:236px;margin:0 35px 0 0;padding:0; }
#lnb	{width:233px;margin:0;padding:0;}
#lnb li	{width:233px;margin:0;padding:0;}
#lnb li a {display:block;height:22px;padding:13px 0 0 8px;text-align:left;border-bottom:1px solid #ccc;font:bold 9pt 'Nanum Gothic', monospace;color:#111;letter-spacing:-0.02em;}
#lnb li a:hover, #lnb li a:active, #lnb li a:focus, #lnb li a.hover	{background:url('../img/common/side_ov.gif') no-repeat;}
.side_bottom	{width:236px;height:10px;margin:0;padding:0;background:url('../img/common/side_bottom.gif') left bottom no-repeat;}
.cs_info	{width:232px;height:128px;margin:55px 0 0 0;padding:63px 0 0 0;text-align:left;font:normal 10pt 'tahoma';letter-spacing:-0.02em;line-height:140%;background:url('../img/common/call.gif') no-repeat;}
.cs_info span	{display:inline-block;width:29px;margin:0 0 0 6px;color:#555;font:normal 10pt 'tahoma';color:#684800;} 

/*=================================================================================
															          MAIN
===================================================================================*/
#main_wrap	{position:relative;width:100%;text-align:center;margin:0;padding:0;text-align:center;font-family:'Nanum Gothic', monospace;}
#wrap	{position:relative;height:100%;width:970px;margin:0 auto 10px auto;padding:0 0 50px 0;font-family:'Nanum Gothic', monospace;}
#main_con	{display:inline-block;width:1000px;height:150px;margin:40px auto;padding:0;text-align:left; }
#main_vis	{width:100%;height:475px;text-align:center;margin:0 auto;text-align:center;padding:0;background:url('../img/main/main_vis.jpg') 50% 0 repeat-x; }
#main_vis_box {position:relative;width:990px;height:500px;margin:0 auto;padding:0;}
#main_vis_box2 { width:990px;height:500px;margin:0 auto;padding:0;z-index:0;text-align:center;}
#slides {position:absolute;top:0;left:0;z-index:100;padding:0;text-align:center;}
.slides_container {display:none;position:relative;width:1013px;overflow:hidden;}
.pagination {width:100px;height:15px;position:absolute;left:400px;top:430px;z-index:102;line-height:100%;}
	.pagination li {list-style:none;float:left;margin:0 5px;width:15px;height:15px;padding:0; }
	.pagination li a {float:left;display:block;width:15px;height:15px;background:url('../img/main/slide_bul.png') no-repeat 0 0;text-indent:-99999em;}
	.pagination li.current a {display:block; width:15px;height:15px;background-position:0 -18px;}

#slides .prev {display:block;position:absolute;left:-30px;top:227px;width:32px;height:46px;z-index:101;}
#slides .next {display:block;position:absolute;right:0;top:227px;width:32px;height:46px;z-index:101; }

.con1	{float:left;position:relative;width:273px;height:150px;margin:0;padding:0;background:url('../img/main/main_cont1.png') left top no-repeat;} 
.con1	 span	{position:absolute;left:82px;bottom:0;margin:0 0 0 -50px;}
.con1	 span a	{display:block;width:62px;height:16px; text-indent:-99999em; background:url('../img/main/more.png') no-repeat;}
.con1 img	{position:absolute;left:100px;} 
.notice_m	{height:78px;}
.call	{width:253px;height:54px;text-align:right;margin:0;padding:7px 25px 0 0;font-family:'arial';letter-spacing:1px; background:url('../img/main/call.png') left top no-repeat; }


.con2{float:left;width:366px;height:151px;margin:0 40px;padding:0;} 
.con2 ul	{width:366px;height:151px;margin:0;padding:0;}
.con2 ul li	{float:left; width:177px;height:74px;margin:1px;padding:0;text-align:left;background:#333;}
.con2 ul li a	{display:block;width:177px;height:74px;margin:0;padding:0;}
.con2 ul li a:hover img	{ width:175px;height:72px;border:1px solid #333; }

.con3 {float:left;width:236px;height:151px;margin:0;padding:0;}
.con3 ul	{width:236px;height:151px;margin:0;padding:0;text-align:left;}
.con3 ul li {float:left;width:117px;height:74px;margin:0;padding:0;text-indent:-99999em;font-size:0;}
.con3 ul li a {display:block;width:118px;height:74px;margin:0;padding:0;background:url('../img/main/main_cont3.png') left top no-repeat;}
.con3 ul li.con3_1 a {background-position:0 0;}
.con3 ul li.con3_2 a {background-position:-117px 0;}
.con3 ul li.con3_3 a {background-position:0 -75px;}
.con3 ul li.con3_4 a {background-position:-117px  -75px;}
.con3 ul li.con3_1 a:hover	{background-position:-234px 0;}
.con3 ul li.con3_2 a:hover	{background-position:-351px 0;}
.con3 ul li.con3_3 a:hover	{ background-position:-234px -75px;}
.con3 ul li.con3_4 a:hover	{background-position:-351px -75px;}

.lt_pc {float:left;margin:0;}
.lt {position:relative;float:left;margin:0;padding:0;width:266px;height:32px;}
.lt ul {margin:10px 0 0 0;padding:0;list-style:none;}
.lt li {display:block;margin:0 0 7px 0;padding:0 0 0 9px;font:normal 9pt 'NanumBarunGothic';color:#000;background:url('../img/main/bul.gif') left no-repeat;}
.lt .lt_title {display:none;padding:0}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.lt_more	{display:none;}


/*=================================================================================
															         SUB COMMON
===================================================================================*/
#sub_vis	{position:relative;width:100%;height:174px;margin:0 auto;padding:0;background:url('../img/common/vis_bg.gif') 50% top repeat-x;}
#container	{overflow:hidden;background:url('../img/common/side.png') left top repeat-y;zoom:4;width:970px;min-height:100%;margin:-2px auto 0 auto;padding:0;text-align:center;zoom:1; }
#container:after 	{display:block;clear:both;}
#contents	{float:left;display:inline-block;width:670px;margin:0;padding:0;font-family:'Nanum Gothic', monospace;""}
.location	 {margin:10px 0 0 0;font:normal 10pt 'dotum';text-align:left;color:#444;letter-spacing:-0.08em;}

/*=================================================================================
															          회사소개
===================================================================================*/
.comp1	{margin:0 0 30px 0;padding:0 0 420px 0;text-align:left;color:#000;font-size:13px; line-height:200%;background:url('../img/comp/comp.jpg') right bottom no-repeat;}
.comp1 span	{font:bold 15px 'NanumBarunGothic';color:red;}
.comp2	{margin:0;padding:0;text-align:left;color:#000;font-size:13px; line-height:200%;}
#map_canvas {margin:0;padding:0;width:680px;height:600px;border:1px solid #ccc;} 
.map_info	{display:block;text-align:left;margin:10px 0 0 0;font-size:10pt;}
.map_info dt	{padding:0 0 0 6px;font-weight:700;border-bottom:3px solid #e5cb6e }
.map_info dd	{margin:5px 0 0 9px;}

/*=================================================================================
															          제품소개
===================================================================================*/
.prod1	{min-height:100%;margin:0 0 0 20px;padding:0 0 150px 0;text-align:left;color:#222;font-size:13px;font:normal 10pt 'NanumBarunGothic';line-height:140%;text-align:justify;background:url('../img/comp/comp1bg.png') right bottom no-repeat;}
.prod1 img	{margin:0 0 0 -20px;}
.disp1	{display:inline-block;margin:5px 0;padding:10px;font:normal 10pt 'NanumBarunGothic';background:#c8dee7;}
.disp2	{display:block;margin:0 0 0 -20px;padding:10px;font:normal 10pt 'NanumBarunGothic';line-height:140%;text-align:justify;background:#d8ef9f;}
.cont_harf	{float:left;width:285px;margin:0 35px 100px 0;}

.b1	{width:655px;margin:5px 0 0 0;border-top:5px solid #ffae00;border-collapse:collapse;}
.b1 tr td	{text-align:center;padding:5px;font:normal 10pt 'NanumBarunGothic';border-right:1px solid #ccc; border-bottom:1px solid #999;}
.second	td {background:#fef1d6;}
table tr td.last, table tr th.last		{border-right:none;}
.b2	{width:655px;margin:5px 0 0 0;border-collapse:collapse; border-top:5px solid #ffae00;}
.b2 tr th	{text-align:center;padding:5px; font:bold 10pt 'NanumBarunGothic';border-bottom:2px solid #888; border-right:1px solid #aaa;  }
.b2 tr td	{text-align:center;padding:5px;font:normal 10pt 'NanumBarunGothic';border-right:1px solid #aaa; border-bottom:1px solid #999;}
.second	td {background:#fef1d6;}
.b3	{float:left;width:325px;margin:0 20px 40px -20px ;border-collapse:collapse; border-top:5px solid #ffae00;}
.b4	{float:left;width:325px;margin:0 ;border-collapse:collapse; border-top:5px solid #ffae00;}
.b3 tr th, .b4 tr th	{text-align:center;padding:5px; font:bold 10pt 'NanumBarunGothic';border-bottom:2px solid #888; border-right:1px solid #aaa;  }
.b3 tr td	{text-align:center;padding:5px;font:normal 10pt 'NanumBarunGothic';border-right:1px solid #aaa; border-bottom:1px solid #999;}
.b4 tr td	{text-align:center;padding:6.01px;font:normal 10pt 'NanumBarunGothic';border-right:1px solid #aaa; border-bottom:1px solid #999;}
.b5	{width:675px;margin:5px 0 0 -20px;border-bottom:2px solid #888;border-collapse:collapse;0;}
.b5 tr th	{text-align:center;padding:5px; font:bold 10pt 'NanumBarunGothic';border-top:2px solid #888;border-right:1px solid #aaa; background:#fcf1b7;  }
.b5 tr td	{text-align:center;padding:5px;font:normal 10pt 'NanumBarunGothic';border-right:1px solid #aaa; border-bottom:1px solid #999;}

.prod_list	{width:650px;margin:0;padding:0;font-size:10pt}
.prod_list li {margin:0 0 15px 15px;padding:0;list-style:disc;text-align:justify;}

/*=================================================================================
															          FOOTER
===================================================================================*/
#foot	{clear:both;width:100%;display:block;margin:-10px auto 0 auto;padding:0;border-top:1px solid #efefef;}
#foot_addr	{position:relative;width:970px;margin:20px auto;font-size:75%;text-align:left;background:url('../img/common/ft_certi.png') no-repeat right top;}
#foot_addr h2 {margin-top:20px;}
#foot_addr h2:after {display:block;width:220px;height:2px;margin:5px 0 15px 0;content:"";background:#164b8f;}
#foot_addr p	{line-height:200%;color:#666;font-size:100%;}
#foot_addr p span	{display:inline;padding:0;color:#666;font-size:100%;}
#foot_addr p span+span {margin-left:20px;}
.copy	{width:100%;padding:4px 0;font:normal 0.75em 'tahoma';color:#000;background:#ababab;letter-spacing:1px;font-size:70%;}
.copy a {color:#fff;}
#foot_addr div span.addr1	{display:inline-block;width:67px;height:15px;margin:0 20px 7px 0;padding:5px 0;line-height:150%;border:1px solid #aaa;}


.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}