@charset "euc-kr";

/* ------------------------------------------------------------
   Basic Style Sheet
 * website   : http://koreaidchem.com/eng
 * version   : 1.0
 * author    : Yun tea gun
 * email     : xorjs0825@winko.co.kr
 * Created   : 2009/11/04
 * Updated   : 
 ------------------------------------------------------------ */
 
body {margin:0px; padding:0px; background:url(../img/bg.gif) repeat-x; }
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;}
body,td {font:12px Arial; color:#555555;}

/* type */
h1 {font:24px arial; font-weight:900; color:#FF6600; text-transform:capitalize; letter-spacing:-1px; margin:5px 0; padding-bottom:20px; line-height:20px;}
h2 {font:24px Arial; font-weight:900; color:#000; font-style:italic; position:relative;}
.spec_name li,.spec_text li {padding-bottom:3px;}
.detail_spec_name li,.detail_spec_text li {padding-bottom:25px;}
#cautions_box ul {padding:10px 20px;}
#cautions_box li {padding:5px 0; list-style:decimal;}


/* LINK*/
a {color:#666; text-decoration:none;}
a:hover{color:#ff7700;}
#global a {font:10px verdana; font-weight:900; color:#545454; letter-spacing:2px; text-transform:uppercase;}
#global a:hover {font:10px Verdana; font-weight:900; color:#ef9716; text-decoration:none; letter-spacing:2px;}
#footer_navi a {font:10px verdana; font-weight:900; color:#999; letter-spacing:2px; text-transform:uppercase;}
#footer_navi a:hover {font:10px Verdana; font-weight:900; color:#ef9716; text-decoration:underline; letter-spacing:2px;}
#l_box a {color:#959595; background:#f5f5f6; padding:8px 0 8px 7px; width:166px; border-bottom:1px dashed #cccccc; display:block; }
#l_box a:hover {color:#ff7f00; background:#e8e8e8;}
#product_tap a {display:block; height:23px; padding:7px 0 0 0; color:#666;}
#product_tap a:hover {background:#FF6700; display:block; height:23px; padding:7px 0 0 0; color:#FFFFFF; font:12px Arial; font-weight:900; text-decoration:underline;}
#navi_depth1 a {color:#FFFFFF;}
#navi_depth1 a:hover {color:#ff8800;}
.navi_depth2 a {color:#333; font:10px verdana; text-transform:upTpercase; font-weight:900;}
.navi_depth2 a:hover {color:#000; font:11px verdana; font-weight:900;}
#certificate td a {border:2px inset #666; padding:10px; display:block; width:130px; margin:0 auto;}
#certificate td a:hover {border:2px solid #ff8800; padding:10px; display:block;}
#down a{color:#333; font:11px verdana; text-transform:uppercase; font-weight:900;}
#down a:hover{color:#ff6600; font:11px verdana; text-transform:uppercase; font-weight:900; text-decoration:underline;}


/* Layout */
#top_box {width:100%; position:relative; top:20px; z-index:100; background:url(../img/t_bg.png) 0 55px repeat-x;}
	#top {width:870px; height:55px; margin:0 auto !important; position:relative;}
		#logo {position:absolute; top:20px; width:190px;  }
		#global {position:absolute; right:0px; top:35px; width:300px; color:#004e89;  text-align:right; word-spacing:4px; font:10px Arial; color:#999999;}
		.global_menu li {display:inline;}
	#navi {width:870px; height:60px; margin:0 auto; padding-top:10px; background:url(../img/navi_bg.gif) no-repeat;}
#visual_box {width:100%; position:relative; top:0px; z-index:10; background:#f0f1f1;}
	#visual {width:870px; margin:0 auto !important; position:relative;}
#container_box {width:100%; background:url(../img/b_bg.gif) repeat-x; position:relative;}
	#container {width:870px; margin:0 auto !important;}
	/* main */
		#m_notice {width:235px; height:155px; float:left; padding-top:35px;}
		#m_products {width:340px; height:155px; float:left; margin-left:30px; padding-top:35px;}
		#m_quick {width:235px; height:155px; float:right; padding-top:55px;}
	/* sub */
		#l_box {width:173px; float:left; margin-top:10px;}
			#l_box li {}
		#r_box {width:650px; float:right; margin-top:20px;}
			#page_tit {width:100%; height:22px; position:relative; background:url(../img/tit_underbar.gif) 0 20px no-repeat;}
				.root {position:absolute; top:5px; right:0px; font:10px tahoma; text-transform:uppercase;}
				.this {font:11px verdana; font-weight:900; color:#333;}
/*****************************  ***********************************/
	#footer {width:100%; height:70px; position:relative; border-top:1px #cccccc solid; border-bottom:1px #cccccc solid;}
		#footer_navi {width:500px; margin:15px auto 0; text-transform:uppercase; text-align:center;}
		address {width:500px; height:20px; font:10px Verdana; margin:10px auto 0; display:block; text-align:center; position:relative; }
		.company_name {font:10px tahoma; font-weight:900; color:#ef9716;}		
		.gobiz {position:absolute; top:-13px; right:-160px !important; right/**/:-190px; display:inline;}
		.f_midas {position:absolute; top:-16px; right:-100px !important; right/**/:-190px; }
		.f_logo {position:absolute; top:-13px; left:-185px !important; left/**/:-190px; } 

/* class */
.orange {color:#ff8800;}
.busi_2 {border-top:1px solid #FFcc55; border-bottom:1px solid #FFcc55;}
.busi_3 {border-bottom:1px solid #FFcc55;}
.qna {margin:0 25px; font:14px Arial; font-weight:900;}
.qna li{list-style:decimal; padding:10px 0}
.inquiry_txt {font:16px tahoma; font-weight:900; width:620px; border:4px solid #ffbb33; background:#f9f9f9; filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); padding:10px;}
.spec_section {height:20px; display:block;}
.map {font:18px Verdana; color:#333333;}
.board_center {width:100%;}
.sign {font:18px "Times New Roman", Times, serif; color:#000000; text-align:right; margin-top:40px;}
.bt_tic {font:8px arial; position:relative; top:2px !important; top/**/:4px; display:block; width:10px; float:left;}
.last_padding {height:25px; display:block;}
.sub_inquiry {margin-top:30px;}
.point_r_img {border:2px solid #ededed; padding:3px; margin:0 0 20px 20px;}
.point_l_img {border:2px solid #ededed; padding:3px; margin:0 20px 20px 0;}
.point_img {border:2px solid #ededed; padding:3px; margin:10px;}
.img_list li {clear:both;}
.img_list img {display:inline; float:left; margin:0 10px 10px 0;}
.copy {color:#111111;}
.focus {font-weight:900; color:#FF9900; font-size:1.5em; letter-spacing:-2px; line-height:1em;}
.focus2 {font-weight:900; color:#888; font-size:1.2em;}
.bk {color:#000000;}
.rd {color:#990000;}
.dot_ll {border-left:1px dotted #0066CC;}
.dou_bl2 {border-bottom:3px double #006699;}
.important {color:#FF6600;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* common */
#section {margin:20px 0 40px 0;}
#section_lv2 {margin:0px auto; border-bottom:2px solid #fff; padding:15px; background:#f5f5f5;}
dl {margin-bottom:10px;}
dt {font:18px Arial; line-height:14px; font-weight:bold; margin:15px 0 5px 0; color:#333; padding:0px;}
dd {margin:0 0 10px 0; line-height:18px;}

/* table_base */
caption {font:14px Arial; text-align:left; font-weight:900; height:17px; color:#14539d; font-style:italic;}
#table_base {width:100%; margin:0 auto; border-top:2px solid #666666; border-bottom:2px solid #666666;}
.check {font:14px Arial; font-weight:900; color:#990000;}
.h_tit {text-align:center !important; height:25px; background:#ff9933 !important; color:#333;}
.v_tit {text-align:left; padding:7px; border-right:2px solid #666; border-bottom:1px solid #999; background:#7db2e4; color:#14539d;}
#table_base th {border-right:1px solid #666; border-bottom:1px solid #666;}
#table_base td {text-align:center; vertical-align:middle; border-right:1px solid #999; border-bottom:1px solid #666;}
.last_line {border-right:none !important;}
.solid_line {height:13px !important; margin:0px !important; padding:0 0 0 7px !important;}

/* table_buse3 */
#table_buse3 caption {display:none;}
#table_buse3 {width:95%; margin:0 auto; border-top:2px solid #ccc; border-bottom:2px solid #ccc; }
#table_buse3 th {font:11px tahoma; font-weight:900; text-align:left; padding-left:15px; border:1px solid #ccc; background:#f9f9f9;}
#table_buse3 td {height:25px; font:11px tahoma; padding-left:15px; border:1px solid #ccc;}


/* table_certificate */
#certificate {width:100%;}
#certificate td {text-align:center;}
#certificate th {border:none; height:30px; vertical-align:top; padding-top:5px; font:12px verdana; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;}

/* history */
#history {width:95%;}
#history th {border:none;}
.year {font:28px Arial; font-weight:900; letter-spacing:-2px; vertical-align:bottom; padding-bottom:0px; color:#999; text-align:left;}
.last_year {font:32px Arial; font-weight:900; color:#FF6600;;}
.mm {font:14px Arial; font-weight:900; vertical-align:bottom; padding-bottom:3px; letter-spacing:-1px; color:#ef9716; text-align:left; padding-left:20px;}
#history td {font:12px Arial; vertical-align:bottom; padding-bottom:3px; border-bottom:1px solid #f0f0f0; padding-left:15px; height:20px;}

/* main_table */
#m_table {width:100%;}

/* main_board */
#m_board {width:100%;}
#m_board td {height:17px;}

/* product_tab */
#product_tap_outline {background:#FFeecc; padding:5px;}
#product_tap {width:100%; border:2px solid #ff9900; background:#fff;}
#product_tap th {height:30px; border:1px dashed #ffee00; }

/* main_pro_table */
#main_pro_table {width:100%; border:2px solid #f4f4f4; margin-top:7px;;}
.pro_img {border-right:2px solid #f4f4f4;}
.pro_name {text-align:left; padding-left:15px; font:18px Arial; height:25px; font-weight:900; color:#ff7600; background:#fafafa;}
.spec_name {text-align:left; padding:15px 0 15px 15px; vertical-align:top;}
.spec_text {text-align:left; padding:15px;  vertical-align:top;}
.detail_spec_name {text-align:left; padding:15px 0 15px 15px; vertical-align:middle; font:13px Arial; font-weight:900;}
.detail_spec_text {text-align:left; padding:15px;  vertical-align:middle;}
#detail_spec_box dt {color:#FF6600; font:14px tahoma; text-transform:uppercase; font-weight:900; letter-spacing:-1px; font-style:italic; border-bottom:1px solid #ff8800;}
#detail_spec_box dd {padding-bottom:20px;}
#detail_spec_box dd ol {margin:0 20px;}
#detail_spec_box dd ol li{list-style:decimal;}
#cautions_box {margin:0 auto; border:6px solid #f4f4f4; padding:20px;}
#cautions_box div {margin:10px 0;}
.cautions {font:14px Arial; font-weight:bold; letter-spacing:2px; border-bottom:1px solid #ff8800; color:#000000;}
.howtouse_num {font:14px tahoma; margin:10px 0 0 0;}
.howtouse_num li {list-style:disc; margin:0 15px; padding:5px 0; color:#333333;}

/* table_contact */
#table_contact caption {display:none;}
#table_contact {border:2px solid #333; width:65%; float:right;}
#table_contact td,#table_contact th {border-bottom:1px solid #888;}
#table_contact th {border-right:1px solid #ededed; background:#222; color:#ff7700; font:12px tahoma; text-align:left; padding:5px 0 5px 10px; height:20px; font-weight:900; vertical-align:top;}
#table_contact td { padding:5px 0 5px 10px;}

/* Slide_menu */
.menu {cursor:hand; width:100%; font:14px Arial;}
.submenu {background:#efefef; width:100%; display:none;}

/* main_scroll */
.stepcarousel{
position: relative; top:11px; left:0px;/*leave this value alone*/
border: 1px solid #dfdfdf;
overflow: scroll; /*leave this value alone*/
width:335px; /*Width of Carousel Viewer itself*/
height:125px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position:relative; /*leave this value alone*/
	left:0;
	top:0;
}
.stepcarousel .panel {
	float:left; /*leave this value alone*/
	overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:15px 10px 0 10px; /*margin around each panel*/
	width:80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:80px;
	text-align:center;
}

/* navi */
#navi_depth1 {width:100%; display:block; text-align:center; font:16px Arial; font-weight:900; height:30px;}
#navi_depth1 li{display:inline; margin:0 7%;}
.navi_depth2 {text-align:center;}
.navi_depth2 li{display:inline; margin:0 2%;}
#s1.navi_depth2_position {position:absolute; left:250px !important; left:280px; top:90px; width:60% !important; width:80%; height:56px; z-index:200; visibility:hidden;}
#s2.navi_depth2_position {position:absolute; left:250px !important; left:280px; top:90px; width:60% !important; width:80%; height:56px; z-index:200; visibility:hidden;}
#s3.navi_depth2_position {position:absolute; left:250px !important; left:280px; top:90px; width:60% !important; width:80%; height:56px; z-index:200; visibility:hidden;}
#s4.navi_depth2_position {position:absolute; left:250px !important; left:280px; top:90px; width:60% !important; width:80%; height:56px; z-index:200; visibility:hidden;}

/* down */
#down {position:relative; left:0px; top:0px;}
#down p {position:absolute; top:8px; left:38px; font:12px Verdana, Arial, Helvetica, sans-serif;}
.ppg {background:url(../img/downbt.gif) no-repeat; width:170px; height:30px; position:absolute; left:0px; top:30px;}
.Chemical {background:url(../img/downbtl.gif) no-repeat; width:230px; height:30px; position:absolute; left:0px; top:30px;}
.mdi {background:url(../img/downbt.gif) no-repeat; width:170px; height:30px; position:absolute; left:165px; top:30px;}
.catalyst {background:url(../img/downbt.gif) no-repeat; width:170px; height:30px; position:absolute; left:330px; top:30px;}
.others {background:url(../img/downbt.gif) no-repeat; width:170px; height:30px; position:absolute; left:495px; top:30px;}