@charset "euc-kr";

/* ------------------------------------------------------------
   Basic Style Sheet
 * website   : http://dylboiler.koreasme.com
 * version   : 1.0
 * author    : Yun tea gun
 * email     : xorjs0825@naver.com
 * Created   : 2009/12/02
 * Updated   : 
 ------------------------------------------------------------ */

body {margin:0px ;padding:0px;}
hr {border:1px solid #ddccb1; margin:0px; padding:0px;}
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
table {border-collapse:collapse; border:0px;}
body,td {font:12px "Arial", Arial; color:#888;}
sup {font:normal 9px/1.0 "tahoma"; margin:0px; padding:0px; line-height:0px; position:relative; top:0px; }
sub {font:inherit 0.8em/0.3em "tahoma"; margin:0px; padding:0px;}
/* #snb sub {font:bold 10px/0.8 "tahoma"; margin:0px; padding:0px; position:relative; top:0px; } */

/* Type Selector */
h1 {font:bold 24px/1.0 "Arial"; color:#6fa6d4; text-transform:capitalize; letter-spacing:-2px;}
#sitemap h1 {font:bold 24px/1.0 "Arial"; color:#6fa6d4; text-transform:capitalize; letter-spacing:-2px; margin:0 0 8px 0;}
#sitemap h1:first-letter {border-top:3px solid orange;}
#sitemap .lbox {float:left; width:46%;}
#sitemap .rbox {float:right; text-align:left; width:46%;}
#sitemap ul {border-bottom:1px solid #aad6cd; margin:0 0 24px 0; padding:0 0 24px 0;}
#sitemap ul li {list-style:disc; margin:0 0 0 12px;}

/* Link Selector */
a {color:#666; text-decoration:none;}
a:hover {color:#0066dd; text-decoration:underline;}
.copyright a {color:#55aa66;}
.copyright a:hover {color:#66cc88;}
.gloabl_navi a {color:#fff;}
.gloabl_navi a:hover {color:#99dd66;}
.com6_bt a {font:12px "Arial"; font-weight:900; background:url(../image/company/com6_bt.gif) top left; width:112px; height:27px; display:inline-block; letter-spacing:-1px;}
.com6_bt a:hover {font:12px "Arial"; font-weight:900; background:url(../image/company/com6_bt_over.gif) top left; width:112px; height:27px; display:inline-block; letter-spacing:-1px; text-decoration:none;}
#spec_tab a {font:11px "Arial"; font-weight:900; background:url(../image/product/tab.gif) top left no-repeat;  display:block; width:124px; height:22px; color:#5385ae;}
#spec_tab a:hover {font:11px "Arial"; font-weight:900; background:url(../image/product/tab_on.gif) top left no-repeat; display:block; color:#fff; text-decoration:none;}
.subject a {font:11px "Arial"; color:#999; display:block; margin:1px 0px; padding:3px 10px 3px 13px; background:url(../image/common/listicon_off.gif) 3px 5px no-repeat;}
.subject a:hover {color:#0077aa; text-decoration:none; background:url(../image/common/listicon.gif) 3px 5px no-repeat;}
#m_board table caption span a {font:10px "tahoma"; text-transform:uppercase; display:block; width:45px; background:url(../image/common/moreicon.gif) 1px 4px no-repeat;}
#m_board table caption span a:hover {background:url(../image/common/moreicon_on.gif) 1px 4px no-repeat; text-decoration:none;}
#m_board table caption div a {font:12px "Arial"; font-weight:bold; color:#888; letter-spacing:-1px; padding:2px; margin-top:0px; display:block;}
#m_board table caption div a:hover {color:#666; text-decoration:none;}
#snb a {background:none; width:185px; display:block; padding:5px 0 5px 3px; font:12px "tahoma"; font-weight:bold; word-spacing:-2px; color:#777;}
#snb a:hover {background:url(../image/common/bt_bg.gif) top left repeat-y; font-weight:bold; word-spacing:-2px; color:#fff;}
.quick_bt a {font:10px "verdana"; font-weight:bold; padding:0 0 0 5px; border-left:2px solid #ddd;}
.quick_bt a:hover {border-left:3px solid #1256ab;}

/** Layout Selector **/
/* Common Layout */
#wrap {width:1024px; position:relative;}
	#header {height:290px;/*Ç÷¡½Ã »ðÀÔ ÀÌÈÄ »èÁ¦ */ position:relative; z-index:10;}
		#global_box {position:absolute; top:15px; right:60px;}
			.gloabl_navi li {display:inline; color:#fff;  font:10px tahoma;}
/* Footer Layout */
       #footer {height:70px; position:relative;}
		#logo {position:absolute; top:15px; left:20px; background:url(../image/common/bottom_logo.gif) top left no-repeat; padding-top:38px; width:176px; height:0px !important; overflow:hidden;}
		#footer_txt {width:600px; position:absolute; top:20px; left:230px; display:block;}
		address {font:11px "Arial"; font-style:normal; display:inline; float:left;}
		#footer_txt li {font:11px "Arial"; display:inline; margin:0 0 0 15px;}
		#footer_txt li span {font-weight:bold;}
		.copyright {font:10px Verdana; text-transform:capitalize;}
		.copyright span {font:10 tahoma; font-weight:bold; color:#0055cc;}
		.gobiz {position:absolute; top:15px; right:50px;}
			.gobiz img {padding:10px;}
/* Main_layout */
	#m_container {height:555px;}
		#m_content {width:575px; height:415px; float:right; position:relative; top:20px;}
              	#m_board{width:370px; height:137px; position:absolute; top:60px;}
				#m_board table {width:100%;}							
				#m_board table caption {border-bottom:1px solid #d9d9d9; margin-bottom:7px !important;}
				#m_board table caption div {background:url(../image/common/board_tab_bg.gif) 1px 2px repeat-x; padding-top:6px; width:91px; height:20px; border:1px solid #d9d9d9; border-bottom:none !important; float:left; position:relative; top:1px;}
				#m_board table caption span {margin-top:9px; float:right;}
			#m_media{width:145px; height:137px; position:absolute; top:68px; left:390px;}
				#m_media h4 {font:11px "Arial"; font-weight:bold; text-transform:uppercase; color:#666; line-height:11px;}
				#m_media h4 img {vertical-align:middle; padding-bottom:3px; padding-right:5px;}
				#m_media div {margin-top:10px;} /* Àӽà À̹ÌÁö */
			#m_product{width:370px; height:137px; position:absolute; top:220px;}
				#m_product h4 {font:14px "Arial"; font-weight:bold; text-transform:uppercase; color:#555; line-height:14px;}
				#m_product h4 img {vertical-align:middle; padding-bottom:2px; padding-right:5px;}
				#m_product div {padding-top:5px;}
                  #m_quick{width: 145px; height:137px; position:absolute; top:235px; left:390px;}
				#m_quick {background:url(../image/common/support_bg.gif) right top no-repeat;}
				#m_quick dt {margin:0 0 12px 0;  font:18px "Arial"; letter-spacing:-1px; line-height:15px;}
				#m_quick dt span {color:#1256ab;}				
				#m_quick dd {padding:0 0 13px 0; font:10px "tahoma";}			 	
				#m_quick dd h3 {font:bold 18px "Arial"; margin:0px; padding:0px; letter-spacing:-1px; color:#3376b8;}
/* Sub_Layout */
	#container {width:100%; background:url(../image/common/bottom_bg.gif) bottom no-repeat; position:relative; z-index:50;}
		#snb {width:230px; position:absolute; top:-5px; left:1px; z-index:60; background:url(../image/common/left_bg.gif) top right no-repeat;}
			#snb h1 {padding:20px; padding-bottom:10px;}
			#snb ul {width:180px; margin:0 0 0 22px; padding:5px 0; border-top:3px double #ccc;}
			#snb li {margin:7px 0; border-bottom:1px solid #f1e9e9;}
			.quick_service {background:url(../image/common/left_banner.gif); height:57px; margin:10px auto; width:125px; padding:5px 0 0 60px;}
			.quick_service .txt {font:16px "Arial"; font-weight:bold; letter-spacing:-1px; margin:5px 0 7px 0; color:#3479ab;}
			.quick_service .tel {font:17px "Arial"; font-weight:bold; letter-spacing:-1px; margin:0; color:#12abff;}
		#content_box {background:url(../image/common/sub_bg.gif) top left no-repeat; margin:0px; padding:10px 40px 100px 20px; width:740px; position:relative; top:-30px; left:220px; z-index:100;}	 	

/* root */
			#page_info {width:100%; margin-bottom:30px; padding-bottom:5px; border-bottom:1px solid #ddd;}
				#page_tit {font:24px "Arial"; font-weight:bold; line-height:22px; padding:0 0 0 23px; float:left; background:url(../image/common/tit_tic.gif) 1px 4px no-repeat; letter-spacing:-2px; color:#1c74b1; }
				.root {font:11px "Arial"; color:#999; float:right; position:relative; top:12px; letter-spacing:-1px;}
				.root li {display:inline;}				
				.this_page {font:11px "Arial"; font-weight:bold; color:#0088dd; letter-spacing:-1px;}
			#content {width:100%;}
		
/* Class Selector */
.clear{display:block; float:none; clear:both;}
.hidden {height:0px; font:0px "Arial"; line-height:0px; overflow:hidden; padding:0px; margin:0px; visibility:hidden;}
.day {color:#aaa; font:11px "Arial"; font-weight:bold; text-align:right; padding-right:10px;}
.quick_bt {border-top:1px solid #d9d9d9; padding:6px 0;}
.quick_bt span {vertical-align:middle;}
.b_l {border-bottom:1px solid #d9d9d9;}
.pd {margin:0 0 50px 0;}
.empty {min-height:400px; _height:400px;}
.add_sec {clear:both; margin:30px; padding:10px 20px; background:#f8f9f9; color:#444; border:1px solid #f1f1f1;}
.add_sec h3 {color:#3388dd; border-bottom:1px solid #e2e5e5; margin:0 0 10px 0;}
.add_sec p {margin:5px 0 5px 5px;}

/* °¢ ÆäÀÌÁö bg */
.company {background:url(../image/company/navi_bg.jpg) top left no-repeat;}
.consult {background:url(../image/support/navi_bg.jpg) top left no-repeat;}
.pr {background:url(../image/pr/navi_bg.jpg) top left no-repeat;}
.product {background:url(../image/product/navi_bg.jpg) top left no-repeat;}
.tec {background:url(../image/tech/navi_bg.jpg) top left no-repeat;}

/*// ȸ»ç¼Ò°³ //*/

/* Àλ縻 */
.com1_tit {background:url(../image/company/contents_title.gif) no-repeat; }
.com1_txt {width:470px; margin-left:250px;}
.com1_h1 {font:24px "Arial"; font-weight:bold; margin-bottom:30px; margin-left:40px;}
.com1_h1 span {color:#1289cd; font-size:1.2em;}
.com1_txt p {line-height:160%; margin-bottom:24px;}
.com1_txt h2 {color:#666; font:18px "Arial"; font-weight:900;}
.ceo_pic {width:193px; height:328px; position:absolute; top:180px; left:20px;}

/* ¿¬Çõ */
.history_point {padding-bottom:30px;}
.com2_tit {background:url(../image/company/contents_title02.gif) no-repeat; }
#com2 {margin:0 auto; width:98%;}
#com2 .lbox {float:left; width:49%;}
#com2 .rbox {float:right; text-align:left; width:49%;}
#com2 li {padding:4px 0px; font:12px Arial; clear:left;}
#com2 li div{float:left; }
#com2 li .year{width:45px; color:#449bbb; font:12px tahoma; font-weight:bold;}
#com2 li .mon{width:35px; font:12px tahoma; font-weight:bold; color:#55aa99;}
#com2 li .con{color:#777; width:250px;}

/* Áֿ䳳ǰó */
.com3_tit {background:url(../image/company/contents_title03.gif) no-repeat; }
#delivery {width:90%; margin:0 auto;}
#delivery table {width:100%; display:block; margin:0 0 30px 0;}
#delivery table td {padding:0 0 15px 0;}
#delivery table tbody td {text-align:left; padding:2px 18px 24px; vertical-align:top;}
#delivery table th img {padding:3px 5px; border:1px solid #d9d9d9;}
#delivery table th,#delivery table td {text-align:center; font:12px "Arial"; font-weight:bold; color:#669999;}
#delivery caption{ text-align:left; visibility:hidden; height:0px;}


/* ȸ»çÁ¶Á÷ */
.com4_tit {background:url(../image/company/contents_title04.gif) no-repeat; }

/* Àü±¹¿µ¾÷¼Ò */
.com5_tit {background:url(../image/company/contents_title05.gif) no-repeat; }

/* ã¾Æ¿À½Ã´Â ±æ */
.com6_tit {background:url(../image/company/contents_title06.gif) no-repeat; }
.com6_bt li {display:inline; padding-right:15px;}
.com6_bt li p {margin:7px auto; text-align:center;}
#map_box {width:700px; margin:20px 0 70px 0; padding:20px; border:1px solid #efefef; text-align:center;}
.main_add {padding-bottom:5px;}
.illust {margin:20px 0;}
.add_description {margin:5px 0px;}
.add_description li {display:inline; width:100px; font:12px "Arial"; font-weight:bold; color:#007766;}
.pb {padding-bottom:60px;}

/** Á¦Ç°Á¤º¸°øÅë **/
#pro_top {border:6px solid #f6f5f1; padding-top:20px; margin-bottom:20px; position:relative;}
#pro_top .img {display:inline-block; float:left; text-align:center; vertical-align:middle; width:350px; margin-left:10px;}
#pro_top .description {float:right; width:330px; padding:0 10px;}
.description .name{padding-bottom:15px; font:24px "Arial"; font-weight:bold; letter-spacing:-2px; color:#336699; padding:0px margin:0px; line-height:100%; font-style:italic;}
.description .name .focus {color:#79A52D; margin:0px; padding:5px 0 0 0; font-size:1.4em; border-top:1px solid #6688aa;}
.description .feture{padding-bottom:10px;}
.description dd {background:url(../image/product/tic.gif) 0px 5px no-repeat; padding-left:8px; padding-bottom:13px; font:12px "Arial"; font-weight:bold; color:#999; 
letter-spacing:0px;}

.sm .name{padding-bottom:5px;}
.sm .feture{padding-bottom:5px;}
.sm dd {padding-left:8px; padding-bottom:13px; font:12px "Arial"; font-weight:bold; color:#999; 
letter-spacing:0px;}

/* ¹Ú½º */
.description .table_dd {padding:0 0 10px 0; background:none !important;}
.description dd table td {font:12px "µ¸¿ò"; font-weight:bold; color:#fff; letter-spacing:0px;}
.description dd table .t_l {background:url(../image/tech/h1t_l.gif) top left no-repeat; width:8px; height:8px;}
.description dd table .t_r {background:url(../image/tech/h1t_r.gif) top left no-repeat; width:8px; height:8px;}
.description dd table .b_l {background:url(../image/tech/h1b_l.gif) top left no-repeat; width:8px; height:8px; border:none;}
.description dd table .b_r {background:url(../image/tech/h1b_r.gif) top left no-repeat; width:8px; height:8px;}
.description dd table .bg {background:#82a90d;}

/* 2µª½º ¼±Åà ÅÜ */
#lv2_tab {border:none !important; margin:0px !important; padding:0 0 0 5px !important;}
#lv2_tab li {margin:8px 0 0 0 !important; padding:0 !important; border:none !important;}
#lv2_tab .on a{background:url(../image/common/icon.gif) 1px 6px no-repeat; color:#0066dd; text-decoration:none; border-bottom:2px inset #dedede;}
#lv2_tab a {background:url(../image/common/icon_off.gif) 1px 6px no-repeat; padding:3px 3px 3px 10px; color:#999; font:12px "Arial"; font-weight:bold;  width:160px; display:block; border-bottom:2px inset #fff; line-height:11px;}
#lv2_tab a:hover {background:url(../image/common/icon.gif) 1px 6px no-repeat; color:#555; text-decoration:none; border-bottom:2px inset #dedede;}

/* 3µª½º ¼±Åà ÅÜ */
#lv3_tab_box  {}
#lv3_tab_box ul {}
#lv3_tab_box li {float:left; margin:0px; background:#fafaf8; border-top:1px solid #ccc; text-align:center; min-width:120px;}
#lv3_tab_box li span {width:15px; color:#666; text-align:center; padding-right:5px;}
#lv3_tab_box .st {border-left:1px solid #ddd;}
#lv3_tab_box .last {border-right:1px solid #ddd;}
#lv3_tab_box .on a {background:#bbb; font-weight:bold; display:block;  font-weight:blod; color:#666; text-decoration:none; letter-spacing:-1px;}
#lv3_tab_box a {background:#eee; display:block; padding:5px 14px; color:#777;}
#lv3_tab_box a:hover {background:#bbb;  text-decoration:none; color:#666;}

/* ½Éº¼ */
.symbol {background:url(../image/product/symbolbg.gif) top left no-repeat; height:46px; position:relative; top:0px; left:320px; width:410px;}
.symbol ul {text-align:center; margin:0 auto; width:90%; padding:10px 0 0 0;}
.symbol li {display:inline; margin-right:5px;}

/* ºä¹öÆ° */
.view {padding-top:10px;}
.view li {display:inline; _display:inline; width:84px; padding:0px; font:11px "Arial"; color:#999;  text-align:center; _padding:3px 15px 3px 15px; _line-height:20px;}
.view a {display:inline-block; background:url(../image/product/view_box.gif) top left no-repeat; width:90px; height:20px; padding:2px;}
.view a:hover {}

/* ½ºÆåÅÇ */
#spec_tab {}
#spec_tab ul {width:100%;}
#spec_tab .on a{background:url(../image/product/tab_on.gif) top left no-repeat; color:#fff;}
#spec_tab li {float:left; padding:0 5px 0 0; margin:0px; }
#spec_tab li span {position:relative; top:5px; left:0px;  text-align:center; display:block; width:124px; height:18px; margin:0 auto;}

/* ½ºÆå¹Ú½º */
#spec_box {border-top:1px solid #b6c1e0; padding-top:20px; padding-bottom:20px; min-height:300px; _height:370px;}
#spec_box table {margin-bottom:15px}
#spec_box .illust {text-align:center; #d9d9d9; margin:0 0 20px; 0; padding:0;}
#spec_box h4.title {font:bold 13px/1.2 "arial"; color:#1077d1;}
#spec_box h4.spec_s_title {font:bold 13px/1.2 "arial"; color:#1077d1; margin:0 0 0 50px;}
.tip {margin:0 0 28px 50px;}
.spec_bg {background:#ecf3fa;}
.spec_bg td {padding-top:10px;}
.spec_bg  p {font:13px "Arial"; font-weight:bold; color:#445; letter-spacing:0px; padding:7px 50px 10px 50px;}
.spec_num {font:44px "Arial"; font-weight:bold; font-style:italic; width:100px; margin:0px;  text-align:center; float:left;}

/* 14¹ø Á¦Ç° Àü¿ë Å×À̺í */
.pro14_table {width:80%; border-top:1px solid #888; margin:0 auto 40px;}
.pro14_table caption {text-align:left; font:12px "µ¸¿ò"; font-weight:bold;}
.pro14_table caption span {float:right; text-align:right;}
.pro14_table thead tr {height:25px; background:#C1E593; border-bottom:1px solid #aaa;}
.pro14_table tbody th {background:#E6F2D6;  border-bottom:1px solid #aaa; height:20px;}
.pro14_table tbody td {border-left:1px solid #aaa; border-bottom:1px solid #aaa; text-align:center; padding:5px;}
.pro14_table ul {margin-left:20px; text-align:left;}
.pro14_table .ex {padding-top:12px;}
.pro14_table li {clear:both;}
.pro14_table li span {width:160px; display:block; float:left;}

/* °ø»çÁß */
.soon {height:250px;}
.soon tr {font:22px "Arial";}

/* ÀÎÁõ¼­ */
#certificates {margin-bottom:30px;}
#certificates p {margin:0px; padding:5px 0 0 8px; font:bold 14px "Arial"; color:#666; letter-spacing:-1px; background:url(../image/product/tic.gif) 0 11px no-repeat;}
#certificates ul {padding:0px; margin:0px;}
#certificates li {float:left; margin:0 15px 0 0; padding:0px;}

/** ³ëÅ뿬°ü½Ä/´Ù°ü½Ä°ü·ù ºñ±³ */
.tec_tit {background:url(../image/tech/contents_title01.gif) no-repeat; }

/** °í°´Áö¿ø¼¾ÅÍ **/
/* Àü±¹°í°´Áö¿ø¼¾ÅÍ */
.sup1_tit {background:url(../image/support/contents_title01.gif) no-repeat; }

/* A/S ¹× »ó´ã½Åû */
.sup2_tit {background:url(../image/support/contents_title02.gif) no-repeat; }

/* º¸ÀÏ·¯°ü¸®¿ä·É */
.sup3_tit {background:url(../image/support/contents_title03.gif) no-repeat; }

/* º¸ÀÏ·¯º¸¼ö°è¾à */
.sup4_tit {background:url(../image/support/contents_title04.gif) no-repeat; }

/** °í°´»ó´ã **/
/* Á¦Ç°»ó´ã */
.con1_tit {background:url(../image/consult/contents_title01.gif) no-repeat; }

/* ±â¼ú»ó´ã */
.con2_tit {background:url(../image/consult/contents_title02.gif) no-repeat; }

/* ÀÚ·á¿äû */
.con3_tit {background:url(../image/consult/contents_title03.gif) no-repeat; }

.p {
	font-family:Arial,Helvetica,Sans-Serif; 
	font-size:9pt;
	color:#000000;
}

.o {
	font-family:Arial,Helvetica,Sans-Serif; 
	font-size:9pt;
	color:#006666;
}

.input {
font-family:Arial,Helvetica,Sans-Serif; 
font-size:9pt; 
padding-top:2px; 
padding-right:1px; 
padding-bottom:1px; 
padding-left:1px; 
border-width:1px; 
border-color:rgb(153,153,153); 
border-style:solid;
height:20px; 
}


TEXTAREA
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    border-color:rgb(204,204,204); 
    COLOR: #444444;
    FONT-FAMILY: Arial,Helvetica,Sans-Serif; 
    FONT-SIZE: 9pt;
    LINE-HEIGHT: 1.3em;
    OVERFLOW: show
}
.thm8 {font-family:Tahoma;font-size:8pt;}
.ver9 {font-family:Tahoma;font-size:8pt;}
.Arial7 {font-family:Arial;font-size:7pt;}
.input2 {font-family:Arial,Helvetica,Sans-Serif;font-size:9pt;padding-top:2px;padding-right:1px;padding-bottom:1px;padding-left:1px;border-width:1px;border-color:rgb(102,102,102);border-style:solid;height:20px}
.input3 {font-family:Arial,Helvetica,Sans-Serif;font-size:9pt; margin:0; padding-top:1px; border-width:0; border-style:solid}
.submit {border:solid 1;font-size:9pt;color:#333333;background-color:white;height:20px}
.submit2 {font-size:9pt;height:20px}
.resources_style a:link{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9px; color: #333333; text-decoration: none}
.resources_style a:visited{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9px; color: #333333; text-decoration: none}
.resources_style a:hover{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9px; color: #539DAF; text-decoration: underline}
.resources_style a:active{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9px; color: #333333; text-decoration: underline}