@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*common*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,div{ margin:0;padding:0; -webkit-text-size-adjust:none;  word-wrap:break-word; word-break:keep-all; }

body {
	margin: 0px;
	SCROLLBAR-ARROW-COLOR: #cccccc; 
	SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #cfcfcf; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc;
	
}



td  {
	font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
	font-size: 13px;
	color: #565656;
	line-height:150%;
	letter-spacing: 0px;
}

ul, li  {
	font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
	font-size: 13px;
	color: #565656;
	line-height:150%;
	letter-spacing: 0px;
}

div , p , dd, dt, h1  {
	font-family: 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
	font-size: 13px;
	color: #565656;
	line-height:150%;
	letter-spacing: 0px;
}


/* input */
.input01 {width:216px; height:27px;  background:#ffffff; line-height:27px; padding-left:10px; margin:5px 0 0 0; border:none; left:0px; float:left;}
.input02 {width:70px; height:27px; border:1px solid #cccccc;}
.input03 {width:170px; height:27px; border:1px solid #cccccc;}
.input04 {width:170px; height:22px; border:1px solid #cccccc;}
.input05 {width:70px; height:22px; border:1px solid #cccccc;}
.input06 {width:470px; height:22px; border:1px solid #cccccc;}
.input07 {width:470px; height:200px; border:1px solid #cccccc;}
.input08 {background:#fff; border:none;padding:0px; margin:5px 0 0 0;line-height:27px;}
.input09 {width:300px; height:22px; border:1px solid #cccccc;}
.input10 {border:none; margin:0px;}


/* 정렬 관련 */
.al        {text-align:left !important}
.ac        {text-align:center !important}
.ar        {text-align:right !important}
.vt        {vertical-align:top !important}
.vb        {vertical-align:bottom !important}
.fl        {float:left;}
.fr        {float:right;}
.fc        {float:center;}
.cl        {clear:left;}
.cr        {clear:right;}
.cb        {clear:both;}
.db        {display:block;}
.di        {display:inline;}

/*==================================================================================================================*/

/*-------------------------메인비주얼------------------------------*/
.subVisual { position:static; z-index:1;  height:160px; margin:0; overflow:hidden;}
.subVisual .list { position:absolute !important; left:0; width:100% !important; height:160px; margin-top:0px; }
.subVisual .list li {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	background-position:50% 0;
	background-repeat:no-repeat;
	white-space:nowrap;
	text-indent:-999px;
	overflow:hidden;
}
.subVisual .list li:first-child { opacity:1; filter:alpha(opacity=100); }
.subVisual .list li span {top:155px; left:50%; margin:0px 0 0 25px;}
.subVisual .list li div { top:80px; left:50%; margin:0px 0 0 -490px; text-align:left;}
.subVisual .btnSet { position:absolute; left:0; width:100%; height:37px; z-index:10; margin:350px 0 0 0px; }
.subVisual .btnSet a.stop, .subVisual .btnSet a.prev, .subVisual .btnSet a.next { position:absolute;  width:59px; height:59px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:-100px; text-indent:0;   background-position:50% 50%; }
.subVisual .btnSet a.prev { left:30px; background-image:url("image/prev.png"); margin-top:20px;}
.subVisual .btnSet a.next { right:30px; background-image:url("image/next.png"); margin-top:20px;}
.subVisual .btnSet a.stop { left:78px; background-color:#71a30b; background-image:url("../image/pause.png"); }
.subVisual .btnSet a.play { background-image:url("../image/play.png"); }
.subVisual .btnSet .curIco { position:absolute; left:50%; top:400px;padding:5px; height:23px;width:300px;margin-left:-150px; }
.subVisual .btnSet .curIco a { display:inline-block; width:23px; height:23px; margin-left:10px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:0px; text-indent:0; background:url("image/off.png") no-repeat;}
.subVisual .btnSet .curIco a.on, .subVisual .btnSet .curIco a:hover { background:url("image/on.png") no-repeat;width:23px; height:23px; }

.subVisual .caption {position:absolute;top:700px; right:50%; padding:0 0px 0 0px; margin:0 -30px 0 0; text-indent:0; height:37px; line-height:37px; color:#fff; background:url("../") 100% 0 no-repeat;}





/*=================left Menu 1 starts here ========================*/
#menu1 {POSITION:relative;width:200px;TOP:0px;left:0px;text-align:left; background:#fff;}

#menu1 ul{list-style-type:none;margin:0px 0px;padding:0; }

#menu1 li{display: inline;
/* for IE5 and IE6 */}
#menu1 a {color: #3d3d3d;text-decoration:none; font-size:13px; display: block;padding: 8px 0px 8px 30px;border-bottom:1px solid #d9d9d9; background:url(image/bt_icon1.png) no-repeat 20px 16px; font-weight:700; font-family: 'Nanum Gothic','Malgun Gothic',"돋움","tahoma";  }

#menu1 a:link, #menu1 a:visited {color:#3d3d3d;text-decoration:none; background:url(image/bt_icon1.png) no-repeat 20px 16px;  }

#menu1 a:hover{color:#222;background:#e4e4e4 url(image/bt_icon1.png) no-repeat 20px 16px;}

#menu1 li a#current{background:#e91c3a url(image/bt_icon2.png) no-repeat 20px 16px;color:#fff;}
/*left Menu 1 ends here */


/*left Menu 1 ends here */
#tap_menu { clear:both; margin:0px 0 0px 0px; padding:5px 0; height:50px;}
#tap_menu ul{font-family: 'Nanum Gothic','Malgun Gothic', "돋움","tahoma";list-style-type:none; }
#tap_menu li{ float:left;margin:0 3px 0 0px; 
/* for IE5 and IE6 */}

#tap_menu a {width:180px;color:#3a3a3a;text-decoration:none;display:block;padding:7px 0px;font-weight:700; background:url(image/tap_off.gif) repeat; font-size:14px; text-align:center;line-height:130%; border:1px solid #c0c0c0;}

#tap_menu a:link, #tap_menu a:visited{color:#343434;text-decoration: none;background:url(image/tap_off.gif) repeat;}

#tap_menu a:hover{color:#fff; font-weight:700;background:url(image/tap_on.gif) repeat;}

#tap_menu li a#subon {color:#fff; font-weight:700;background:url(image/tap_on.gif) repeat; border:1px solid #3c6011;}

/*left Menu 1 ends here */

/**=========================공통================================**/
.t01 {  background:url(image/bt_icon2.gif) no-repeat 0 7px; font-size:13px; padding:0 0 0 10px; margin:0px 0 0px 3px; text-align:left; } 

.line1 { clear:both;margin:8px 0;background:#d9d9d9 url(image/bt_line1.gif) repeat-x; height:1px; padding:0 0 0px 0;}



.bt_icon01 {background:url(image/bt_icon1.gif) no-repeat 0 5px; margin:0px; padding:0 0 0 10px;}
.bt_icon02 {background:url(image/bt_icon2.gif) no-repeat 0 0px; margin:0px; padding:0 0 0 10px;color:#353535; font-size:20px; font-weight:700; text-align:left;}

/*-------------------------인사말------------------------------*/
#com01 { margin:0px 0px 0px 0px;  }
#com01 p { margin:0 0 20px 0px;}
#com01 p.tit { font-size:16px; font-weight:700;}
#com01 p.name {text-align:right; margin:40px 20px 0px 0px;}

/*-------------------------회사개요------------------------------*/
#com02:after {clear:both;display:block;content:"";}
#com02 { clear:both; margin:0px 0px 0px 0px; padding:0px 0; text-align:left;}
#com02 #com02_img {margin:30px 50px 30px 30px; float:left;}
#com02 div.box { float:left; width:60%; margin:35px 0;}
#com02 div.box h1 {font-size:20px; color:#2e2c2c; font-weight:700; margin:0 0 10px 0;}
#com02 div.box p {padding:5px 8px 5px 20px;text-align:left; background:url(image/bt_icon3.png) no-repeat 0 10px;}

/*-------------------------회사연혁------------------------------*/
#com03:after {clear:both;display:block;content:"";}
#com03 { clear:both; margin:0px 0px 0px 0px; padding:0px 0; text-align:left;}
#com03 h1 {font-size:26px; color:#2e2c2c; font-weight:700;}
#com03 h1 span { color:#31559b;}
#com03_img {margin:20px 0px 0px 0px; float:left;}

/**table**/
table.com03 {margin:10px 0 0px 330px; border-collapse:collapse;}
table.com03  tbody th {font-size:18px; color:#0968a0; text-align:left;padding:10px 8px 10px 0px; font-weight:700; vertical-align:top }
table.com03  tbody td {font-size:13px; color:#444; padding:10px 8px 10px 20px;text-align:left; background:url(image/bt_icon3.png) no-repeat 0 15px; border-bottom:1px solid #d9d9d9; }
table.com03  tbody td span { color:#36640d;font-weight:700;}
table.com03  tbody td span.wh {color:#fff;}
table.com03  tbody td.bg {background:url(image/bt_line1.gif) repeat-y; padding:0px;}

/*-------------------------비전------------------------------*/
#com04 { margin:20px auto; text-align:center;}
#com04 p { margin:20px 50px ; background:#f7f7f7; border:1px solid #d9d9d9; padding:30px;font-size:16px; font-weight:700;}

/*-------------------------조직도------------------------------*/
#com05 { margin:20px auto; text-align:center;}

/*-------------------------인증현황------------------------------*/
#com06:after {clear:both;display:block;content:"";}
#com06 { margin:0px 0px 0px 0px; text-align:center;}
#com06 p { float:left; width:33%; text-align:center;margin:0  auto 40px  auto; }
#com06 p span {display:block; margin:5px 0;}
#com06 p img {border:1px solid #d9d9d9;}

/*-------------------------회사개요------------------------------*/
#com07:after {clear:both;display:block;content:"";}
#com07 { clear:both; margin:0px 0px 50px 0px; padding:0px 0; text-align:left;background:url(image/bt_line1.gif) repeat-x bottom;}
#com07 h1 {background:url(image/bt_icon3.png) no-repeat 0 10px;font-size:20px;padding:5px 8px 5px 20px; color:#2e2c2c; font-weight:700; margin:0 0 5px 0; line-height:20px;}
#com07 p { background:url(image/bt_line1.gif) repeat-x top; padding:20px 0;text-align:left; }

/*-------------------------파트너------------------------------*/
.cus_list {padding:10px 0;}
.cus_list span{display:inline-block;vertical-align:middle;margin:5px 4px;}

/*-------------------------오시는길------------------------------*/
#com08:after {clear:both;display:block;content:"";}
#com08 { clear:both; margin:0px 0px 0px 0px; padding:0px 0; text-align:left;}
#com08 h1{font-size:18px; color:#31559b; font-weight:700;margin:0 0 10px 0;}
#com08 h1 span {font-size:13px; color:#444; margin:0 0 0 10px;}

/*-------------------------방침현황------------------------------*/
#com09:after {clear:both;display:block;content:"";}
#com09 { clear:both; margin:0px 0px 0px 0px; padding:0px 0; text-align:center;}
#com09 p {margin:30px 0;}

/*---ㅈㅔ품정보----------------------------------------------------*/

#pro01:after {clear:both;display:block;content:"";}
#pro01 { padding: 0px 0 0 0px;top:0px; margin:0 0 50px 0; }
#pro01 p { float:left; margin:0 0 0 0px; width:278px; border:1px solid #d9d9d9; text-align:center;}
#pro01 p.a1 {margin:0 0 0 -1px;}
#pro01 p.a2 {margin:-1px 0 0 0px;}
#pro01 p.a3 {margin:-1px 0 0 -1px;}
#pro01 h1 { font-weight:500; margin:0 0 20px 0; background:#f7f7f7; padding:5px 10px;}

#pro01_tap:after {clear:both;display:block;content:"";}
#pro01_tap { border:1px solid #d9d9d9; min-height:50px; margin:0 0 10px 0;}
#pro01_tap li { float:left; width:209px; border-left:1px solid #d9d9d9;}
#pro01_tap li.last {width:208px;}
#pro01_tap li.first {border-left:none;}

#pro01_tap li a, a:visited { display:block;background:#fcfcfc; padding:18px 0; text-align:center; font-size:14px; font-weight:700; color:#6d6d6d; line-height:14px;}
#pro01_tap li a:hover {color:#fff;background:#233b65 url(image/bt_icon4.png) no-repeat right center;  }
#pro01_tap li a#on  {color:#fff;background:#233b65 url(image/bt_icon4.png) no-repeat right center;  }

/*메뉴3개짜리*/
#pro01_tap2:after {clear:both;display:block;content:"";}
#pro01_tap2 { border:1px solid #d9d9d9; min-height:50px; margin:0 0 10px 0;}
#pro01_tap2 li { float:left; width:279px; border-left:1px solid #d9d9d9;}
#pro01_tap2 li.last {width:278px;}
#pro01_tap2 li.first {border-left:none;}

#pro01_tap2 li a, a:visited { display:block;background:#fcfcfc; padding:18px 0; text-align:center; font-size:14px; font-weight:700; color:#6d6d6d; line-height:14px;}
#pro01_tap2 li a:hover {color:#fff;background:#233b65 url(image/bt_icon4.png) no-repeat right center;  }
#pro01_tap2 li a#on  {color:#fff;background:#233b65 url(image/bt_icon4.png) no-repeat right center;  }

/*메뉴2개짜리*/
#pro01_tap3:after {clear:both;display:block;content:"";}
#pro01_tap3 { border:1px solid #d9d9d9; min-height:50px; margin:0 0 10px 0;}
#pro01_tap3 li { float:left; width:419px; border-left:1px solid #d9d9d9;}
#pro01_tap3 li.last {width:418px;}
#pro01_tap3 li.first {border-left:none;}

#pro01_tap3 li a, a:visited { display:block;background:#fcfcfc; padding:18px 0; text-align:center; font-size:14px; font-weight:700; color:#6d6d6d; line-height:14px;}
#pro01_tap3 li a:hover {color:#fff;background:#233b65 url(image/bt_icon4.png) no-repeat right center;  }
#pro01_tap3 li a#on  {color:#fff;background:#233b65 url(image/bt_icon4.png) no-repeat right center;  }

/*---공정소개---------------------------------------------------*/

#process01:after {clear:both;display:block;content:"";}
#process01 { padding: 0px 0 0 0px;top:0px; }
/*#process01 div.box { float:left;border:1px solid #d3d3d3; width:233px; background:url(image/bt_bg02.gif) repeat; margin:0 0 50px 0;} 
#process01 div.box#b2 {width:458px;}
#process01 div.box img {border-bottom:1px solid #d3d3d3;}
#process01 div.box p {font-size:14px; font-weight:700; color:#222222; margin:7px;}
#process01 div.box p  span {background:#318fbe; padding:3px 5px; color:#fff;}
#process01 div.sai { float:left;background:url(image/bt_sai01.png) no-repeat center center; width:60px; min-height:209px;}*/
#process01 h1 {font-size:26px; color:#31559b; font-weight:700;margin:0 0 15px 0;}
#process01 div.box2 {text-align:center; margin:20px 0}


#process01 p {margin:0 0 20px 0; font-size:14px;}
#process01 p.bimg {text-align:center;}
#process01 ul { text-align:center; margin:0 17x;}
#process01 ul li {float:left; width:33%; text-align:center;}

#process02:after {clear:both;display:block;content:"";}
#process02 { padding: 0px 0 0 0px;top:0px; }
/**table**/
table.tb01 {margin:10px 0 0px 0px; border-collapse:collapse;}
table.tb01  thead th {font-size:14px; color:#fff; background:#297faf; text-align:center;padding:5px; font-weight:700; border-left:1px solid #6fa7c6;}
table.tb01  thead th.first {  border-left:0px solid #6fa7c6;}
table.tb01  tbody th {font-size:14px; color:#272727; text-align:left;padding:5px 5px 5px 40px; font-weight:700; background:#f7f7f7; border-bottom:1px solid #d9d9d9;}
table.tb01  tbody th.t1 {padding:5px 5px 5px 10px; font-size:13px;}
table.tb01  tbody td {font-size:13px; color:#444; padding:5px;text-align:center; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;  }
table.tb01  tbody td span { color:#36640d;font-weight:700;}
table.tb01  tbody td span.wh {color:#fff;}
table.tb01  tbody td.bg {background:url(image/bt_line1.gif) repeat-y; padding:0px;}

/*---연구개발---------------------------------------------------*/

#re01:after {clear:both;display:block;content:"";}
#re01 { padding: 0px 0 0 0px;top:0px; }

#re01 h1 {font-size:26px; color:#31559b; font-weight:700;margin:0 0 15px 0;}
#re01 div.box2 {text-align:center; margin:20px 0}


#re01 p {margin:0 0 20px 0; font-size:14px;}
#re01 p.bimg {text-align:center;}
#re01 ul { text-align:center;}
#re01 ul li {float:left; width:33%; text-align:center;}

/*연구개발제품*/
#re03_lay:after {clear:both;display:block;content:"";}
#re03_lay {margin:0px;}
#re03_lay p {text-align:center;}
#re03 { float:left; min-height:406px;  width:45%; padding:40px 20px;top:0px; }
#re03.bo01 {border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
#re03.bo02 {border-bottom:1px solid #d9d9d9;}
#re03.bo03 {border-right:1px solid #d9d9d9;}
#re03 p {text-align:center;}
#re03 h1 {text-align:center; color:#253f8e; font-weight:700; font-size:18px; margin:10px 0;}
#re03 ul { margin:20px 30px 10px 30px; background:#f7f7f7; border:1px solid #d9d9d9; padding:20px;border-radius:10px;}
#re03 ul li {background:url(image/bt_icon5.png) no-repeat 10px 5px; padding:0 0 0 25px;}

/*연구실적*/
#re04 {margin:0px 0 50px 0;}
#re04 h1 {font-size:16px;background:url(image/bt_icon5.png) no-repeat 0px 8px; padding:0 0 0 12px;}

/*신뢰성장비*/
#re05_lay:after {clear:both;display:block;content:"";}
#re05_lay {margin:0px;}
#re05_lay p {text-align:left; margin:0 0 10px 0}
#re05 { float:left;  width:48%; padding:0px 0px;top:0px; margin:0 10px 0 0  }
#re05 h1 {font-size:16px;background:url(image/bt_icon5.png) no-repeat 0px 8px; padding:0 0 0 12px;}

/*---홍보센터---------------------------------------------------*/

#pr01:after {clear:both;display:block;content:"";}
#pr01 { padding: 0px 0 0 0px;top:0px; }
#pr01_img {float:left; padding: 0px 0 0 0px;top:0px;margin:0 80px 0 90px; }
#pr01 p.first {padding:30px 0 0px 0;}
#pr01 p {margin:0 0 70px 0;}

#pr02:after {clear:both;display:block;content:"";}
#pr02 { padding: 0px 0 50px 0px;top:0px; }
#pr02 h1 {font-size:18px; color:#31559b; font-weight:700;margin:0 0 10px 0;}
#pr02 img {margin:0 0 40px 0;}
#pr02 p {margin:0 0 50px 0;}
#pr02 p span {color:#155b89; font-weight:700; font-size:15px;}