﻿/* 숨김 요소 */
legend, #header h2, #slogan h2, #footer h2 {position:absolute; overflow:hidden; width:1px; height:1px; top:auto;	text-indent:-9999%; font-size:0; line-height:0;}

/* body 스타일 */
body {
	color:#666666;	
	font-size:75%; /* 저시력자가 웹 브라우저에서 제공하는 텍스트 확대 기능을 사용할 수 있도록 %단위 사용 */
	line-height:1.2;
	font-family:"돋움", Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;
	
}

 /* 링크  a요소의 기본 링크스타일은 파란색 밑줄 형태로 지정 및 웹 사이트 디자인에 맞추어 재정의*/
a, a:link {color:#4f4f4f;	text-decoration:none;} 
a:visited {color:#8a2e91;	text-decoration:none;}
a:hover {color:#3333cc;	text-decoration:underline;}
a:focus {color:#3333cc; text-decoration:underline;}
a:active {color:#0033cc; text-decoration:none;} 

/*이미지 폼관련요소_중요*/
img{vertical-align:top; }
label, input, select, textarea{vertical-align:middle; }

/*상단슬로건*/
#header .slogan{position:absolute; margin:-30px 10px 0 40px; }
.slogan li{float:left; margin-right:20px;}

/* 로고 */
#header .logo{position:absolute; margin:-6px 0 0 406px; z-index:3; 
}

/*보조메뉴*/
#info_top{position:relative; top:-15px;}
#infoMenu {text-align:right; font-size:100%;font-weight:bold;}
#infoMenu li{display:inline; padding:0 8px 0 13px; background:url(/html/i_images/i_common/topnavi_bar.gif) no-repeat;}
#infoMenu li.first-item{background:none;}/*홈항목에 들어있는 li요소*/
#infoMenu li a{color:#676767;}
#infoMenu li a:hover,#infoMenu li a:focus{color:#000000;}

/*메인메뉴*/
#top_menu {width:1024px; height:69px; position:relative; top:-12px; left:0; background:url(/html/i_images/common/top_menu_bg.png) no-repeat top center;}
#navigation li{float:left; display:inline;} /*메인메뉴항목*/
#navigation li.one{}
#navigation li.two{}
#navigation li.three{margin:0 0 0 199px;}
#navigation li.four{}

/*하위메뉴*/
#navigation li ul{width:100%;  height:40px; position:absolute; top:54px; background:url(/html/i_images/i_common/menu_s_bg.gif) repeat-x top center;  z-index:1; } /*서브메뉴*/
#navigation li ul li a{padding:5px 16px 13px 10px; color:#666666; } /*서브메뉴의 링크요소*/
#navigation li ul li a{background:url(/html/i_images/i_common/bullet_list_box_ov.gif) no-repeat 1px 20px;}
#navigation li ul li a:hover,#navigation li ul li a:focus{text-decoration:none; color:#005697; background:url(/html/i_images/i_common/bullet_list_box.gif) no-repeat 1px 20px;} 
#navigation li ul#naviSub01, #navigation li ul#naviSub02, #navigation li ul#naviSub03,
#navigation li ul#naviSub04, #navigation li ul#naviSub05, #navigation li ul#naviSub06 {position:absolute; display:none; } /*서브메뉴항목*/
#navigation li ul#naviSub01 li, #navigation li ul#naviSub02 li, #navigation li ul#naviSub03 li,
#navigation li ul#naviSub04 li, #navigation li ul#naviSub05 li, #navigation li ul#naviSub06 li {margin-top:15px; }

/*side : 서브메뉴*/
.subMenu{position:relative; width:189px; padding-top:60px; }
.subMenu h2{}
.subMenu h2 img{padding:1px 0 0 7px;}
.subMenu ul li{padding-left:12px; background:url(/html/i_images/i_board/smenu_bg.gif) repeat-y top center;}
.subMenu ul li a{display:block; padding:14px 0 6px 20px; }
.subMenu ul li a:hover, .subMenu ul li a:focus, .subMenu ul li.select a{color:#ff3c00; text-decoration:none;}


/*퀵메뉴*/
.quick_sub{position:absolute; margin-left:740px; top:185px;}
#quick .q_tit{height:54px; padding-top:5px;}
#quick ul{background:url(/html/i_images/i_common/quick_bg2.gif) no-repeat left top; }
#quick ul li.first {height:26px; padding:7px 0 0 10px; }
#quick ul li.t30 {height:27px; padding:2px 0 0 10px; margin:0 auto; }
#quick ul li.t20 {height:40px; padding:2px 0 0 11px; margin:0 auto; }
#quick ul li.t25 {height:15px; padding:5px 0 0 10px; margin:0 auto; }
#quick ul li.t21 {height:15px; padding:15px 0 0 10px; margin:0 auto; }
#quick ul li.t22 {height:15px; padding:13px 0 0 5px; margin:0 auto; }
#quick ul li.t23 {height:40px; padding:16px 0 0 8px; margin:0 auto; }
#quick ul li.t40 {height:48px; padding-left:10px; margin:0 auto; }
.hand{float:left; position:relative; top:30px; height:48px;}

#rcquick{float:left; width:76px;  height:387px; background:url(/html/i_images/i_common/quick_bg.gif) no-repeat left 0;}
.rcquick_sub{position:absolute; margin-left:740px; top:185px;}
#rcquick .rcq_tit{height:54px; padding-top:5px;}
#rcquick ul{background:url(/html/i_images/i_common/quick_bg_rc.gif) no-repeat left top; }
#rcquick ul li.first {height:26px; padding:20px 0 0 10px; }
#rcquick ul li.t40 {height:40px; padding:16px 0 0 5px; margin:0 auto; }
#rcquick ul li.t45 {height:40px; padding:20px 0 0 4px; margin:0 auto; }
#rcquick ul li.t50 {height:40px; padding:10px 0 0 10px; margin:0 auto; }
.rchand{float:left; position:relative; top:30px; height:48px;}


/*푸터*/
#footer_eng {height:90px; background:url(/jsp/kcga/eng/img/eng_footerbg.gif) repeat-x 0 0;}
.footerInner{margin:0 atuo; position:relative; width:1024px; padding-top:15px;}
#footer_eng h2{position:absolute; overflow:hidden; width:1px; font-size:0; line-height:0;}

address {clear:both; padding:20px 0 15px 3px; *padding:0; font-size:1.0em; line-height:1.5; color:#787878; }
address .addr, address .copyright {padding-left:10px;}
address .tel, address .fax, address .email {padding:0 3px;}
address .copyright, address .reference {padding-left:10px; float:left;}



