@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; color:#888;}
sup,sub {font-size:8px; margin:0px; padding:0px; line-height:10%; position:relative; top:1px; font-weight:100;}

/* Type Selector */
h1 {font:14px "µ¸¿ò"; font-weight:900 !important; line-height:22px; font-weight:500; color:#4b2d23; text-transform:capitalize; color:#0099FF;}

/* 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 "µ¸¿ò"; 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 "µ¸¿ò"; 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 "µ¸¿ò"; 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 "µ¸¿ò"; 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 "µ¸¿ò"; 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 "µ¸¿ò"; 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;}

/** Layout Selector **/
/* Common Layout */
#wrap {width:1024px; position:relative;}
	#header {/*Ç÷¡½Ã »ðÀÔ ÀÌÈÄ »èÁ¦ */ position:relative; z-index:5;}
		#m_navi {position:absolute; top:0px; left:0px;}
		#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; z-index:500; background:#fff;}
		#logo {position:absolute; top:15px; left:20px; background:url(../image/common/bottom_logo.gif) top left; 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 "µ¸¿ò"; font-style:normal; display:inline; float:left;}
		#footer_txt li {font:11px "µ¸¿ò"; 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; z-index:30;}
              	#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 "µ¸¿ò"; 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:238px; left:390px;}
				#m_quick dt {margin:0 0 13px 0;}
				#m_quick dd {padding:0 0 15px 0;}				
				#m_quick dd h3 {font:bold 22px "Arial"; margin:0px; padding:0px; letter-spacing:-2px; 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:0px; z-index:60; background:url(../image/common/left_bg.gif) top right no-repeat #fff;}
			#snb h1 {padding:20px;}
			#snb ul {width:180px; margin:0 0 0 22px; padding:10px 0; border-top:3px double #ccc;}
			#snb li {margin:10px 0;}
			.quick_service {background:url(../image/common/left_banner.gif); padding-top:61px; margin:10px auto; width:185px; height:0px !important; height:/**/0px; overflow:hidden;}
		#content_box {background:url(../image/common/sub_bg.gif) top left no-repeat; margin:0px; padding:35px 40px 100px 20px; width:740px; position:relative; top:-30px; left:220px; z-index:100;}	 	

/* root */
			#page_info {width:100%; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #ddd;}
				#page_tit {font:18px "µ¸¿ò"; padding-top:23px; overflow:hidden; height:0px !important; height:/**/0px; width:500px; float:left;}
				.root {font:11px "µ¸¿ò"; color:#999; text-transform:uppercase; float:right; position:relative; top:7px; letter-spacing:-1px;}
				.root li {display:inline;}				
				.this_page {font:11px "µ¸¿ò"; 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 "µ¸¿ò"; line-height:0px; overflow:hidden; padding:0px; margin:0px; visibility:hidden;}
.day {color:#aaa; font:11px "µ¸¿ò"; 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; clear:both;}


/* Àλ縻 */
.com1_tit {background:url(../image/company/contents_title.gif) no-repeat;}
.com1_txt {width:520px; margin-left:220px;}
.com1_h1 {font:22px "µ¸¿ò"; padding-top:28px; margin-bottom:30px; overflow:hidden; background:url(../image/company/text01.gif) no-repeat; height:0px !important; height:
/**/0px; width:580px;}
.com1_txt p {line-height:160%; margin-bottom:24px;}
.ceo_pic {width:193px; height:328px; position:absolute; top:150px; left:20px;}

/* ¿¬Çõ */
.history_point {padding-bottom:30px;}
.com2_tit {background:url(../image/company/contents_title02.gif) no-repeat; }
#com2 {margin:0 auto; width:70%;}
#com2 .lbox {float:left; width:35%;}
#com2 .rbox {float:right; text-align:left; width:35%;}
#com2 li {padding:4px 0px; }
#com2 ul.cm li {list-style:disc; letter-spacing:-1px; }
#com2 ul.cm{line-height:85%; text-indent:2em;} 
#com2 h1.cm2 {text-indent:1em; text-shadow:#CCCCCC;   }

/* Áֿ䳳ǰó */
.com3_tit {background:url(../image/company/contents_title03.gif) no-repeat; }

/* ȸ»çÁ¶Á÷ */
.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:3px;}
.illust {margin:20px 0;}
.add_description {margin:5px 0px;}
.add_description li {display:inline; width:100px; font:12px "µ¸¿ò"; font-weight:bold; color:#007766;}
.pb {padding-bottom:60px;}

/* 樨毢 */
.pr1_tit {background:url(../image/pr/contents_title01.gif) no-repeat; }

/* °¶·¯¸®ÀÚ·á */
.pr2_tit {background:url(../image/pr/contents_title02.gif) no-repeat; }

/* ¾ð·Ðº¸µµ */
.pr3_tit {background:url(../image/pr/contents_title03.gif) no-repeat; }

/* ¼ö»ó³»¿ª */
.pr4_tit {background:url(../image/pr/contents_title04.gif) no-repeat; }

/* ÀÎÁõÇöȲ */
.pr5_tit {background:url(../image/pr/contents_title05.gif) no-repeat; }

/* ƯÇãÇöȲ */
.pr6_tit {background:url(../image/pr/contents_title06.gif) no-repeat; }

/* °øÁö»çÇ× */
.pr7_tit {background:url(../image/pr/contents_title07.gif) no-repeat; }


/** Á¦Ç°Á¤º¸°øÅë **/
#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;}
.description .feture{padding-bottom:10px;}
.description dd {background:url(../image/product/tic.gif) 0px 3px no-repeat; padding-left:8px; padding-bottom:13px; font:11px "µ¸¿ò"; font-weight:bold; color:#999; 
letter-spacing:-1px;}

/* ¹Ú½º */
.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 25px !important;}
#lv2_tab li {margin:10px 0 0 0 !important; padding:0px !important;}
#lv2_tab .on a{background:url(../image/common/icon.gif) 1px 5px no-repeat; color:#555; text-decoration:none; border-bottom:2px inset #dedede;}
#lv2_tab a {background:url(../image/common/icon_off.gif) 1px 5px no-repeat; padding:3px 3px 0 10px; color:#999; font:12px "µ¸¿ò"; font-weight:bold;  width:130px; display:block; border-bottom:2px inset #fff; line-height:11px;}
#lv2_tab a:hover {background:url(../image/common/icon.gif) 1px 5px 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:#666; 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 "µ¸¿ò"; 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:7px; left:0px;  text-align:center; display:block; width:80px; 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_bg {background:#ecf3fa;}
.spec_bg td {padding-top:10px;}
.spec_bg td p {font:13px "µ¸¿ò"; font-weight:bold; color:#444; letter-spacing:-1px; padding:7px 50px 10px 50px; line-height:18px;}
#spec_box .spec_s_title {font:13px "µ¸¿ò"; font-weight:bold; color:#3344aa; text-indent:12px;}
.spec_num {font:44px "Arial"; font-weight:bold; font-style:italic; width:100px; margin:0px;  text-align:center; float:left;}
#spec_box table h4 {margin:0px !important; padding:0px;}
#spec_box h4.title {font:13px "µ¸¿ò"; font-weight:bold; color:#1077d1;}
#spec_box .illust {text-align:center; #d9d9d9; margin:0 0 20px; 0; padding:0;}
.tip {margin-left:105px; margin-bottom:20px;}

/* 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:5px;}
.pro14_table li span {width:70px; display:block; float:left;}

/* ÀÎÁõ¼­ */
#certificates {margin-bottom:30px;}
#certificates p {margin:0px; padding:5px 0 0 8px; font:11px "µ¸¿ò"; font-weight:bold; letter-spacing:-1px; background:url(../image/product/tic.gif) 0 8px no-repeat; display:inline;}
#certificates ul {padding:0px; margin:0px;}
#certificates li {float:left; margin:0 15px 0 50px; padding:0px;}

/* Á¦Ç°¸ñ·Ï */
.pro_tit {background:url(../image/product/pro_tit.gif) no-repeat; }

/* Àúź¼ÒÄܵ§½Ì */
.pro1_tit {background:url(../image/product/contents_title01.gif) no-repeat; }

/* Àúź¼ÒÅõÀγëÅë */
.pro2_tit {background:url(../image/product/contents_title02.gif) no-repeat; }

/* ÀιöÅÍÄܵ§½Ì */
.pro3_tit {background:url(../image/product/contents_title03.gif) no-repeat; }

/* Äܵ§½Ì */
.pro4_tit {background:url(../image/product/contents_title04.gif) no-repeat; }

/* °ü·ù */
.pro5_tit {background:url(../image/product/contents_title05.gif) no-repeat; }

/* ¼ö°ü½Ä */
.pro6_tit {background:url(../image/product/contents_title06.gif) no-repeat; }

/* Æó¿­ */
.pro7_tit {background:url(../image/product/contents_title07.gif) no-repeat; }

/* ¼±¹Ú¿ë */
.pro8_tit {background:url(../image/product/contents_title08.gif) no-repeat; }

/* Áø°ø¿Â¼ö */
.pro9_tit {background:url(../image/product/contents_title09.gif) no-repeat; }

/* ¹«¾Ð°ü¼ö½Ä */
.pro10_tit {background:url(../image/product/contents_title10.gif) no-repeat; }

/* ±âŸ */
.pro11_tit {background:url(../image/product/contents_title11.gif) no-repeat; }

/* ¼ø°£¿Â¼ö */
.pro12_tit {background:url(../image/product/contents_title12.gif) no-repeat; }

/* ³­¹æ±ÞŹ */
.pro13_tit {background:url(../image/product/contents_title13.gif) no-repeat; }

/* ¼öó¸® */
.pro14_tit {background:url(../image/product/contents_title14.gif) no-repeat; }

/** ³ëÅ뿬°ü½Ä/´Ù°ü½Ä°ü·ù ºñ±³ */
.tec1_tit {background:url(../image/tech/contents_title01.gif) no-repeat; }
.tec2_tit {background:url(../image/tech/contents_title02.gif) no-repeat; }
.tec3_tit {background:url(../image/tech/contents_title03.gif) no-repeat; }
.tec4_tit {background:url(../image/tech/contents_title04.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; }

#map {border-top:1px solid  #666666;!important; border-bottom:1px solid  #666666;!important;border_left:none !important; border_right:none !important; }
#map td {border-bottom:1px solid #CCCCCC !important; border:none;}


.input {  font-family: "µ¸¿ò"; font-size: 9pt; color: #666666; text-decoration: none; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.Input1 {  font-family: "µ¸¿ò"; font-size: 9pt; color: #666666; text-decoration: none; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.Input2 {  font-family: "µ¸¿ò"; font-size: 9pt; color: #000000; text-decoration: none; border: #7F9DB9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; height:21px; padding-top:3px}
.Point1 {  font-family: "µ¸¿ò"; font-size: 11px; line-height: 14px; color: #660066; text-decoration: none}
.Wtext {  font-family: "µ¸¿ò"; font-size: 9pt; line-height: 14pt; color: #FFFFFF; text-decoration: none}
.Point2 {  font-family: "µ¸¿ò"; font-size: 11px; line-height: 14px; color: #0C6260; text-decoration: none}
.Point3 {  font-family: "µ¸¿ò"; font-size: 9pt; line-height: 14pt; font-weight: bold; color: #006699; text-decoration: none}

TEXTAREA
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    border-color:rgb(204,204,204); 
    FONT-FAMILY: ±¼¸², Arial;
    FONT-SIZE: 9pt;
    LINE-HEIGHT: 1.3em;
    OVERFLOW: show
}
.thm8 {font-family:Tahoma;font-size:8pt;}
.ver9 {font-family:Tahoma;font-size:8pt;}
.Arial {font-family:Arial;}
.Arial7 {font-family:Arial;font-size:7pt;}
.Arial8 {font-family:Arial;font-size:8pt;}
.submit {border:solid 1;font-size:9pt;padding-top:2px;color:#ffffff;background-color:#666666;height:20px}

.Stext {
	font-family: "µ¸¿ò";
	font-size: 11px;
	line-height: 14px;
}

.Mtext {
	font-family: "µ¸¿ò";
	font-size: 12px;
	line-height: 14px;
	color: #3867AB;
	font-weight: bold;
}