@charset "utf-8";
/*******************************************************************************************************/
/*                                                                           File Nmae : bit_style.css */
/*******************************************************************************************************/

/**************************************************************************************** Basic styles */
body {
	font-family: "Trebuchet MS","dotum",AppleGothic,sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background: #e6e7e9 url(../images/site_back.jpg) top left repeat-y;
}

a:link, a:visited, a:active { text-decoration: none; color:#333; }
a:hover { text-decoration: underline; color:#034ea2; }

img { margin: 0; border: 0; }
p { margin: 0; padding: 0;}
hr { display: none; clear: both; }

/* Head Style */
h3 { font-size: 14px; }

/*******************************************************************************************************/

/* #page [실제표현공간] */
#page { width: 810px; background-color: #fff; }
/*******************************************************************************************************/

/* #globalNavi [퀵메뉴] */
#quickMenu {
	width: 200px; background: #e6e7e9 url(../images/quick_back.gif) top center repeat-y;
	position:absolute; top: 100px; left: 830px; color: #fff; line-height: 25px;
}
	#quickLink { padding-left: 20px; }
	#quickMenu a:link,
	#quickMenu a:visited,
	#quickMenu a:active { color: #fff; height: 25px; }
	#quickMenu a:hover { color: #17479e; text-decoration:none; background-color: #fff; }
	#quickMenu h3 { margin: 0; padding: 0 0 0 10px; background: url(../images/q_h3_back.gif) left top no-repeat; height: 25px; }
/*******************************************************************************************************/

/** #copyr [카피라이트] */
#copyr { height: 70px; margin-top: 5px; padding: 10px; width: 790px; }
	#copyr .left  { position: absolute; left: 10px; background: url(../images/copy_left.gif) left top no-repeat; width: 10px; height: 70px; }
	#copyr .middle  { position: absolute; left: 20px; background: url(../images/copy_back.gif) center top repeat-x; width: 770px; height: 70px; text-align: center; }
	#copyr .right  { position: relative; left: 780px; background: url(../images/copy_right.gif) right top no-repeat; width: 10px; height: 70px; }
/*******************************************************************************************************/

/* #top [상단로고및메뉴] */
#top {
	height: 40px;
	padding-left: 0;
	background: url(../images/topLogo.jpg) top left no-repeat;
}
	#top .menu { position: absolute; top: 25px; left: 700px; font-weight: bold; font-size: 10px; font-family: tahoma; }
		#top .menu a:link, #top .menu a:visited, #top .menu a:active { color: #aaa; }
		#top .menu a:hover { color: #034ea2; text-decoration: none; }
/*******************************************************************************************************/

/* #navi [메인이미지및메뉴] */
#navi { padding-left: 10px; padding-right: 10px; height: 220px; width: 790px; background: url(../images/text01.gif) top right no-repeat; }
	#navi_t1 { height: 20px; }
		#navi_t1 .menu1 {}
		#navi_t1 .menu1 a:link, 
		#navi_t1 .menu1 a:visited, 
		#navi_t1 .menu1 a:active { height: 20px; width: 95px; background: url(../images/navi_m1_on.gif) top left no-repeat; display: block; }
		#navi_t1 .menu1 a:hover { background: url(../images/navi_m1_on.gif) top left no-repeat; }
	
		#navi_t1 .menu2 { position: absolute; left: 105px; top: 40px; }
		#navi_t1 .menu2 a:link, 
		#navi_t1 .menu2 a:visited, 
		#navi_t1 .menu2 a:active { height: 20px; width: 95px; background: url(../images/navi_m2_off.gif) top left no-repeat; display: block; }
		#navi_t1 .menu2 a:hover { background: url(../images/navi_m2_on.gif) top left no-repeat; }
	
		#navi_t1 .menu3 { position: absolute; left: 200px; top: 40px; }
		#navi_t1 .menu3 a:link, 
		#navi_t1 .menu3 a:visited, 
		#navi_t1 .menu3 a:active { height: 20px; width: 95px; background: url(../images/navi_m3_off.gif) top left no-repeat; display: block; }
		#navi_t1 .menu3 a:hover { background: url(../images/navi_m3_on.gif) top left no-repeat; }
	#navi_t2 { height: 20px; }
		#navi_t2 .menu1 {}
		#navi_t2 .menu1 a:link, 
		#navi_t2 .menu1 a:visited, 
		#navi_t2 .menu1 a:active { height: 20px; width: 95px; background: url(../images/navi_m1_off.gif) top left no-repeat; display: block; }
		#navi_t2 .menu1 a:hover { background: url(../images/navi_m1_on.gif) top left no-repeat; }
	
		#navi_t2 .menu2 { position: absolute; left: 105px; top: 40px; }
		#navi_t2 .menu2 a:link, 
		#navi_t2 .menu2 a:visited, 
		#navi_t2 .menu2 a:active { height: 20px; width: 95px; background: url(../images/navi_m2_on.gif) top left no-repeat; display: block; }
		#navi_t2 .menu2 a:hover { background: url(../images/navi_m2_on.gif) top left no-repeat; }
	
		#navi_t2 .menu3 { position: absolute; left: 200px; top: 40px; }
		#navi_t2 .menu3 a:link, 
		#navi_t2 .menu3 a:visited, 
		#navi_t2 .menu3 a:active { height: 20px; width: 95px; background: url(../images/navi_m3_off.gif) top left no-repeat; display: block; }
		#navi_t2 .menu3 a:hover { background: url(../images/navi_m3_on.gif) top left no-repeat; }
	#navi_t3 { height: 20px; }
		#navi_t3 .menu1 {}
		#navi_t3 .menu1 a:link, 
		#navi_t3 .menu1 a:visited, 
		#navi_t3 .menu1 a:active { height: 20px; width: 95px; background: url(../images/navi_m1_off.gif) top left no-repeat; display: block; }
		#navi_t3 .menu1 a:hover { background: url(../images/navi_m1_on.gif) top left no-repeat; }
	
		#navi_t3 .menu2 { position: absolute; left: 105px; top: 40px; }
		#navi_t3 .menu2 a:link, 
		#navi_t3 .menu2 a:visited, 
		#navi_t3 .menu2 a:active { height: 20px; width: 95px; background: url(../images/navi_m2_off.gif) top left no-repeat; display: block; }
		#navi_t3 .menu2 a:hover { background: url(../images/navi_m2_on.gif) top left no-repeat; }
	
		#navi_t3 .menu3 { position: absolute; left: 200px; top: 40px; }
		#navi_t3 .menu3 a:link, 
		#navi_t3 .menu3 a:visited, 
		#navi_t3 .menu3 a:active { height: 20px; width: 95px; background: url(../images/navi_m3_on.gif) top left no-repeat; display: block; }
		#navi_t3 .menu3 a:hover { background: url(../images/navi_m3_on.gif) top left no-repeat; }
	#navi_b { width: 790px; height: 200px; }
/*******************************************************************************************************/

/* #main [메인 (메뉴 및 컨텐츠)] */
#main {  padding: 10px 10px 0 10px; font-size: 12px; }
	#left_menu { padding-right: 10px; }
		#left_menu h3 { background: url(../images/title_back01.gif) top left no-repeat; height: 25px; color: #fff; margin: 0; padding: 0 0 0 10px; line-height: 27px; }
		#left_menu .menu { font-size: 12px; padding: 10px 10px 0 10px; border: 1px solid #ccc; }
		#left_menu .menu .m_item { font-size: 110%; padding-bottom: 10px; padding-left: 5px; }
			.m_item a:hover { color: #000; font-weight: bold; }
		#left_menu .menu .m_d { height: 1px; background-color: #dcddde; }
		#left_menu .mail { background: url(../images/mail.gif) top center no-repeat; height: 74px; margin-top: 5px; }
	#conts { width: 630px; border-top: 1px solid #555; border-bottom: 1px solid #555; }
		.cont_top { font-size: 11px; text-align: right; color: #999; border-bottom: 1px dashed #dcddde; margin-top: 3px; margin-bottom: 5px; }
		.title_cont { background: url(../images/title_cont_back.gif) top left repeat-x; height: 30px; }
/*******************************************************************************************************/