

/* reset */
* { margin: 0; padding: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-style:normal;font:12px 'NanumGothic';}


a {text-decoration:none; color:#424242;  }
a:hover {text-decoration:underline; color:#e25500; }

li {
    list-style: none;
}
a { 
    color: #787878;
    text-decoration: none;
}
a:hover { 
    color: #000000;
    text-decoration:underline;
}

table { padding:0px;margin:0px; }
img { border:0px; }


body {
	background:url() center top no-repeat #FFFFFF;
	padding : 0; 
	margin : 0;
	font-size: 12px;
	font-family: "맑은 고딕", "돋움", dotum; /* "맑은 고딕", "돋움"; */
	color:#3b3b3b;
} 


#id_head { background-color:#040404; height:43px; text-align:center; }
	a.A_top:link	{ font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight:normal;}
	a.A_top:visited { font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight:normal;}
	a.A_top:hover	{ font-size: 12px; color: #FFFFFF; text-decoration: underline; font-weight:normal;}
	a.A_top:active	{ font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight:normal;}

	.top_br { padding-left:10px; padding-right:10px;font-size:13px; }


#id_top {  width:100%; height:103px; background:url('../img/top_bg.jpg') center no-repeat; text-align:center; }
	/*
	a.topmenu { font-family:NanumGothic, '나눔고딕', Nanum Gothic; margin-left:60px; font-size:17px;font-weight:bold;}
	a.topmenu:link	{ color: #555555; text-decoration: none; }
	a.topmenu:visited { color: #555555; text-decoration: none; }
	a.topmenu:hover	{  color: #000000; text-decoration: none; }
	a.topmenu:active	{  color: #555555; text-decoration: none; }
	*/

	/* gnb */
		#gnb {width:1010px; height:0px;}
		#gnb > ul.menu {width:1010px;margin:0 auto}
		#gnb > ul.menu h2{
			float:left; 
			margin-right:18px;
			/*margin-top:20px;*/
		}
		#gnb > ul.menu > li {float:left;display:inline;padding:50px 0 50px 0;font-weight:600; padding:50px 0 0 70px; }
		#gnb > ul.menu > li a {display:block;font-size:19px;text-align:right;color:#000000;padding:0 0 50px 0; text-decoration: none; border:0px; }
		#gnb > ul.menu > li a:hover,
		#gnb > ul.menu > li a.on {color:#000000; text-decoration: none; }

		#gnb > ul > li > .sub { position:absolute; top:107px; left:0; margin:0px 0 0 0;width:100%;background:#ffffff;border-bottom:1px solid #dddddd;padding:0px;  }
		#gnb > ul > li > .sub ul { width:1010px; margin:0 auto;}
		#gnb > ul > li > .sub ul.s1 {padding-left:110px;width:740px;}
		#gnb > ul > li > .sub ul.s2 {padding-left:220px;width:700px;}

		#gnb > ul > li > .sub ul.s3 { margin-left:1082px; } /* padding-left:1082px;width:780px;} */
		#gnb > ul > li > .sub ul.s4 { margin-left:1206px;} /* padding-left:1206px;width:1000px;} */


		#gnb > ul > li > .sub ul.s5 {padding-left:900px;width:300px;}
		#gnb > ul > li > .sub > ul > li a {float:left;font-size:14px;display:inline-block;  }
		#gnb > ul > li > .sub ul li a:link,
		#gnb > ul > li > .sub ul li a:visited {color:#000000;margin:0px;padding:20px 40px ;border-right:1px solid #f5f4f3;}
		#gnb > ul > li > .sub ul li a:hover,
		#gnb > ul > li > .sub ul li a.on {color:#ffffff;background:#1A88FC;padding:20px 40px ; text-decoration: none; }


		#gnb > ul > li > .sub div > ul > li a {float:left;font-size:14px;display:inline-block;  }
		#gnb > ul > li > .sub div ul li a:link,
		#gnb > ul > li > .sub div ul li a:visited {color:#000000;margin:0px;padding:20px 40px ;border-right:1px solid #f5f4f3;}
		#gnb > ul > li > .sub div ul li a:hover,
		#gnb > ul > li > .sub div ul li a.on {color:#ffffff;background:#1A88FC;padding:20px 40px ; text-decoration: none; }

		/* text-decoration: underline; */


#ID_main { height:499px; background-color:#FFFFFF; text-align:center;}
	dl{ width:232px; 
	}
	dt{ height:30px;
		background-color:#003c78;
		border-top:#0c67c0 1px solid;
		border-bottom:#003265 1px solid;
		vertical-align:middle;
		padding:15px 0 0 35px;
		color:#FFFFFF;
		font-size:12pt;
		font-weight:bold; 
		cursor:pointer;
	}
	dt.over{
		/* color:#fff; */
	}

	dd{
	 background-color:#fdf8f5;
	 //margin:15px 0 15px 0;
	 /*border-bottom:1px solid #d2d2d2;*/
	}
	dd p{
	 background-color:#002859;
	 /*text-indent:1em;*/
	 padding:8px 0 5px 25px;
	}

	.sel_leftmenu a{text-align:left;padding:0px 0 0 8px;font-size:13px; color:#FFFFFF;font-weight:none;text-decoration:none; } /* background:url('img/board_ico.png') 40px 16px no-repeat ;  */


	.sel_leftmenu a { text-align:left;padding:0px 0 0 10px;font-size:13px; color:#91a1b8;font-weight:600;text-decoration:;
		background: url('../img/menu_mk2.jpg') 0px 9px no-repeat ;
	}
	.sel_leftmenu a.on{text-align:left;padding:0px 0 0 8px;font-size:13px;  font-weight:600;text-decoration:underline; }
	.sel_leftmenu a:hover{text-align:left;padding:0px 0 0 8px;font-size:13px; color:#FFFFFF;font-weight:600;text-decoration:underline;}


#ID_main2	{ height:198px; text-align:center; 	}
	.m_board { height:20px; font-size:12px; color:#646464; padding:0px; }


#ID_copy	{ height:125px; text-align:center; background-color:#FFFFFF;border-top:#e3e3e3 1px solid; }
	.btn_copy { font-size:12px; color:#888888;line-height:20px;  }
	
	a.A_copyr {font-size:12px;font-weight:bold;}
	a.A_copyr:link	{ color: #888888; text-decoration: none; }
	a.A_copyr:visited { color: #888888; text-decoration: none; }
	a.A_copyr:hover	{  color: #888888; text-decoration: underline; }
	a.A_copyr:active	{  color: #888888; text-decoration: none; }


#sub_top { height:175px;padding:0px;margin:0px; }

#ID_sub { text-align:center; }


/* Menu Left */
	#left_navi_tit1 {  width:230px; height:81px;margin:0;padding:0px;background: url('../img/mark_company.jpg') 30px 30px no-repeat;text-align:left; border-bottom:#E3E3E3 1px solid; }
	#left_navi_tit2 {  width:230px; height:81px;margin:0;padding:0px;background: url('../img/mark_business.jpg') 30px 30px no-repeat;text-align:left; border-bottom:#E3E3E3 1px solid; }
	#left_navi_tit3 {  width:230px; height:81px;margin:0;padding:0px;background: url('../img/mark_product.jpg') 30px 30px no-repeat;text-align:left; border-bottom:#E3E3E3 1px solid; }
	#left_navi_tit4 {  width:230px; height:81px;margin:0;padding:0px;background: url('../img/mark_solution.jpg') 30px 30px no-repeat;text-align:left; border-bottom:#E3E3E3 1px solid; }
	#left_navi_tit5 {  width:230px; height:81px;margin:0;padding:0px;background: url('../img/mark_board.jpg') 30px 30px no-repeat;text-align:left; border-bottom:#E3E3E3 1px solid; }
	#left_navi_tit1 p, #left_navi_tit2 p, #left_navi_tit3 p, #left_navi_tit4 p,  #left_navi_tit5 p{ color:#026CDC;font-size:23px;font-weight:bold; padding-top:27px;padding-left:60px;}


	table.sub_menu	  {width:230px; }
	table.sub_menu th	 { height:42px; text-align:left; padding-left:30px; border-bottom:#E2E2E2 1px solid;font-size:14px; cursor:pointer;          }
	table.sub_menu th.CH {  color:#FFFFFF;font-weight:bold; background: url('../img/menu_mk.png') 200px 15px no-repeat #014284; }
	table.sub_menu td {	height:32px; padding-left:50px;font-size:12px; cursor:pointer; 	 background:url('../img/board_ico.png') 40px 16px no-repeat #F4F8F9 ;					   } /* border-left:#E2E2E2 1px solid;border-right:#E2E2E2 1px solid; */

	table.sub_menu td.CH1 {	height:42px;  cursor:pointer; 	 background:url('../img/board_ico.png') 40px 21px no-repeat #F4F8F9 ;					  font-weight:bold;text-decoration:underline;   }


	table.sub_menu td.CH2 { font-weight:bold;text-decoration:underline;   } /* text-decoration:underline; */
	table.sub_menu td.B_T { height:42px; padding-left:30px; background:url('../img/left_menu_bg2.jpg'); color:#FFFFFF; font-size:14px;font-weight:bold; } 

	
	table.sub_menu td.subTop { height:8px;background-color:#F4F8F9; } 
	table.sub_menu td.subBtm { height:8px;background-color:#F4F8F9;border-bottom:#E2E2E2 1px solid;  } 

.navi  { font-size:25px; font-weight:bold;					}
.navi2 { text-align:right;padding-right:5px;font-size:11px;	}


.Btm_helpB{ font-size:13px; padding:7px 0 10px 0; font-weight:Bold; color:#000000; }
.Btm_help { font-size:12px; padding:0 0 4px 0; }


/* 테이블 */
	/* 서브 */
	table.business	 { border-top:#016bd9 2px solid;border-bottom:#E2E2E2 1px solid;margin-top:35px; }
	table.business th{ font-size:15px; background-color:#F9F9F9; color:#016bd9; vertical-align:top;padding:18px;  	}
	table.business td{ font-size:12px; vertical-align:top; padding:18px 0 18px 40px; }

/* 회사소개 > 회사연혁 */

	table.company_year			{ font-size:12px; }
	table.company_year th		{ font-family: tahoma; font-size:22px; font-weight:normal; vertical-align:top; color:#016bd9; border-bottom:#016BD9 1px solid; padding:15px 0 15px 0; }
	table.company_year th.Top	{  border-top:#016BD9 3px solid; }
	table.company_year td		{ font-size:12px; border-bottom:#d0d0d0 1px solid; }
	table.company_year td.TOP	{ border-top:#d0d0d0 3px solid; border-bottom:#d0d0d0 1px solid;	 }

	table.company_year_sub		 { width:100%; padding:10px 0; }
	table.company_year_sub tr th { padding:5px 0; border:0px; font-size:13px; color:#000000; vertical-align:top; font-weight:bold; width:110px; }
	table.company_year_sub tr td { padding:5px 0; border:0px; font-size:12px; }


/* 솔루션 */
	.sub_top_title { padding:40px 0; font-weight:bold; font-size:12px; line-height:20px; }


/* 고객센터 */
	table.Map_table { font-size:12px; width:100%; padding:15px 0 0 0;  }
	table.Map_table th { height:40px; border-bottom:#DEDEDE 1px solid; padding-left:20px; text-align:left; border-top:#008CEE 2px solid; background-color:#f6f6f6; }
	table.Map_table td { height:40px; border-bottom:#DEDEDE 1px solid; padding-left:20px; }
	.bdv_con {color:#666666; text-align:left; padding:15px; border-bottom:#c6c6c6 1px dotted; line-height:20px;}

	.B_mk { color:#FF0000; padding: 0 5px 0 0; font-weight:bold; }
	table.boardW_table { font-size:12px; border-top:#008cde 2px solid; width:100%; padding:0px;  }
	table.boardW_table th { height:35px; border-bottom:#DEDEDE 1px solid; padding-left:33px; text-align:left; background-color:#f4f4f4; }
	table.boardW_table td { height:35px; border-bottom:#DEDEDE 1px solid; padding-left:10px; }

	.search_txt {background:#FFFFFF; color:#3b3b3b; border:#A3A3A3 1px solid; height:22px;}
	.pass_txt { font-size:12px; }

/* button */
	.F_btn  { font-family: "맑은 고딕", "돋움"; width:114px; height:32px ; border:0px; font-size:13px; color:#55575a; background:url('../img/board_btn.jpg');   }
	.F_btn_b{ font-family: "맑은 고딕", "돋움"; width:114px; height:32px ; border:0px; font-size:13px; color:#FFFFFF; background-color:#1DACF8; border:#008CEE 1px solid;   }


/* 회사소개 > 주요실적 */
	.CS_Y_1 { border-bottom:#026CDC 3px solid; font-size:26px; color:#026CDC; }
	.CS_Y_2 { border-bottom:#C8C8C8 3px solid; font-size:26px; color:#999999; }
	.CS_Y_td{  padding:35px 0 0 35px; line-height:30px; font-size:13px; vertical-align:top; }


	table.ID_board_title		{ width:100%;  }
	table.ID_board_title tr td		{ color:#111111; font-weight:bold;	 font-size:27px; font-family:NanumGothic, '나눔고딕', Nanum Gothic,'맑은 고딕','돋움';  }
	table.ID_board_title tr td span { color:#121212; font-weight:normal; font-size:13px; padding-left:5px; }

	table.Brand_HN_mainshop { width:100%; }
	table.Brand_HN_mainshop tr th { padding:20px 0;  }
	table.Brand_HN_mainshop tr td { vertical-align:top; text-align:center; }
	table.Brand_HN_mainshop tr td.td_H { border-right:#e2e2e2  1px solid; }
	table.Brand_HN_mainshop tr td.btm { padding-bottom:10px; }

	table.Brand_HN_mainshop2 { }
	table.Brand_HN_mainshop2 tr th { text-align:center; border-bottom:#e2e2e2 1px solid; padding:10px 0;  }
	table.Brand_HN_mainshop2 tr td.btms { padding-bottom:16px; }
	table.Brand_HN_mainshop2 tr td.td_H { border-right:#e2e2e2  1px solid; }

	a.bd_css_off:link,
	a.bd_css_off:visited,
	a.bd_css_off:active { font-size:15px; color:#000000; font-weight:normal;text-decoration:none; }
	a.bd_css_off:hover	{ font-size:15px; color:#000000; font-weight:normal;text-decoration:none; }
	a.bd_css_on:link,
	a.bd_css_on:visited,
	a.bd_css_on:active,
	a.bd_css_on:hover	{ font-size:16px; color:#007de8; font-weight:bold;text-decoration:none; }