@charset "utf-8";

/* Browser Default Style Reset */
/* 
@font-face {
	font-family: 'NanumGothicWeb';
	font-style: normal;
	font-weight: 400;
	src: url('/font/NanumGothicCompact.eot');
	src: url('/font/NanumGothicCompact.eot?#iefix')
		format('embedded-opentype'), local('※'), url('/font/NanumGothicCompact.woff')
		format('woff'), url('/font/NanumGothic.ttf') format('truetype');
}
*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0; font-family:'NanumGothicWeb','NanumGothic','dotum', 'Tahoma', 'AppleGothic';}
input, select, textarea, button {font-size:13px; vertical-align:top; font-family:'NanumGothicWeb','NanumGothic','dotum', 'Tahoma', 'AppleGothic';}
fieldset, img, iframe {border:0; margin:0; padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal; }
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
abbr,acronym {border:0;}
hr{position:absolute; visibility:hidden; width:0; height:0; line-height:0; font-size:0;}
caption {visibility:hidden; width:0; height:0 !important; line-height:0; font-size:0;}
a {text-decoration:none; color:#444;}
html, body {font-size:13px; font-family:'NanumGothic','NanumGothicWeb','dotum', 'Tahoma', 'AppleGothic'; color:#333; height:auto;/*방문준과장 showhide가 잘 되지 않는 것 때문에 적용 */}
table {width:100%; border-collapse:collapse; table-layout:fixed; cellspacing:0; cellpadding:0;}
html{-webkit-text-size-adjust:none}
input[type="button"].reset{background-color:transparent; color:transparent !important; border:none; text-indent:-9999px;}
.screen_hide {position:absolute; visibility:hidden; width:0; height:0; line-height:0; font-size:0;}
.w2group{background:transparent}

.h_list{overflow:hidden;}
.h_list li{float:left;}
.sp_bg{background-image:url(/img/comm/bg/sprite_layout.png); background-repeat:no-repeat;}

.header_wrap{position:relative; z-index:2; background:url(/img/comm/bg/bg_header.gif) repeat-x left top; min-width:1760px;}/* 수정 */
.header{width:1760px; height:77px; margin:0 auto;}/* 수정 */
.header_top{position:relative; height:38px; margin:0 100px 0 60px;}/* 수정 */
h1{position:absolute; left:0; top:8px; z-index:1;}
.gnb{position:relative; float:left; height:39px; width:100%;}
.gnb a{color:#fff;}
.gnb > ul{padding-left:133px; }
.gnb > ul > li{float:left; height:39px;}
.gnb > ul > li.sele{background:#519a50;}
.gnb > ul > li > a{float:left; display:block; width:93px; padding:12px 0; color:#eee8aa; border-left:1px solid #4c4c4c; border-right:1px solid #292a2b; text-align:center;}	
.gnb > ul > li.first_menu > a{width:auto; padding-left:25px; padding-right:31px; background-position:0 0; border:none;}
.gnb > ul > li.menu2{border-left:1px solid #292a2b;}
.gnb > ul > li.menu6{border-right:1px solid #4c4c4c;}
.gnb .depth1_1{float:left; height:39px; background:url(/img/comm/bg/bg_gnb_depth2.gif) repeat-x left top;}
.gnb .depth1_1 > ul{padding-top:10px; padding-left:15px;}
.gnb .depth1_1 > ul > li{margin-right:13px;}
.gnb .depth1_1 > ul > li > a{display:block; padding:3px 9px; line-height:14px;}
.gnb .depth1_1 > ul > li.sele > a{background:#529551; border-radius:10px;}
.gnb .depth2{display:none; position:absolute; top:40px; left:0; z-index:10; width:100%; height:36px; background:#444d5b;}
.gnb .depth2 li{padding:10px 9px 0;}
.gnb .depth2 li.first{padding-left:13px;}
.gnb .depth2 a{color:#fff;}
.gnb .depth2 a:hover,
.gnb .depth2 a.sele{text-decoration:underline;}

.header_bot{position:relative; height:37px; padding-top:2px; margin:0 100px 0 60px;}			
.mem_info{float:left;  overflow:hidden; padding-top:5px; color:#fff}/* 수정 */
.mem_info > div{float:left;}
.mem_info p.ment{float:left; padding-left:5px; padding-top:5px;}
.mem_info dl{overflow:hidden;}
.mem_info dd{float:left; color:#fff; padding-top:5px;}
.mem_info dd.photo{padding-right:14px; padding-top:0;}
.mem_info dd.y_txt{padding-left:8px; color:#eee8aa;}
.btn_login{float:left; margin:6px 0 0 5px;}
.btn_login input{display:block; width:64px; height:24px; background-position:-107px -27px;}
.btn_login input.on{background-position:-174px -27px}
.etc_menu{position:absolute; left:515px;}
.etc_menu > ul{height:36px;}
.etc_menu > ul > li{position:relative; float:left;}
.etc_menu > ul > li > a{display:block; padding:11px 20px 10px; color:#bbb;}
.etc_menu > ul > li.sele > a{color:#fff}
.etc_menu > ul > li span{display:inline-block; position:absolute; top:-9px; left:50%; margin-left:0; padding:3px 7px 1px; background:rgba(108, 181, 107, 0.95); border-radius:20px; box-shadow:0 2px rgba(0,0,0,0.3); font-weight:bold; font-size:11px; font-family:Dotum, "돋움", sans-serif; color:#fff; line-height:12px; text-align:center;}
.etc_menu > ul > li.sele > a{background:#444;}		
.etc_menu .depth2{display:none; position:absolute; left:-10px; top:36px; padding-top:10px; width:258px; background:url(/img/comm/bg/bg_etc_top.png) no-repeat left top;}
.etc_menu .depth2 ul{padding-bottom:44px; background:url(/img/comm/bg/bg_etc_bot.png) no-repeat left bottom;}
.etc_menu .depth2 ul li{position:relative; width:196px; padding:10px 0 10px 23px; line-height:16px;}
.etc_menu .depth2 ul li span{display:block; position:absolute; right:0; top:10px; left:auto; padding:3px 7px 1px; line-height:12px; text-align:center; color:#fff; background:rgba(108, 181, 107, 0.95);}
.etc_menu .depth2 a{color:#fff;}
.btn_certify{position:absolute; right:120px; top:8px;}
.btn_certify input{display:block; width:77px; height:25px; background-position:-107px 0;}
.util_menu{float:right;}
.util_menu ul{overflow:hidden; padding-top:9px;}
.util_menu ul li{float:left; padding:0 6px;}
.util_menu ul li a{display:block; height:17px;}
.util_menu ul li.menu1 a{width:17px; background-position:-187px 0;}
.util_menu ul li.menu2 a{width:18px; background-position:-209px 0;}
.util_menu ul li.menu3 a{width:15px; background-position:-232px 0;}
.util_menu ul li.menu4 a{width:15px; background-position:-253px 0;}
.util_menu ul li.last{padding-right:0;}

/* 레이아웃 container */
.container_wrap{position:relative; z-index:1; width:1860px; /* height:600px; */ margin:0 auto;}
.container{overflow:hidden; padding-top:20px; margin:0 100px 0 60px;}
.container_mask{position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;}
.wrap_error{border:1px solid #dcdcdc;}
.wrap_error .error{padding:479px 0 187px;  border:1px solid #fff; background:#fbfbfb url(/img/comm/bg/bg_error_visual.png) no-repeat center 130px; text-align:center;}
.wrap_error .error p{padding:5px 0; font-size:14px; line-height:18px; color:#555;}
.wrap_error .error .large{font-weight:bold; font-size:22px; line-height:26px; letter-spacing:-0.09em; color:#222;}
.wrap_error .error .point{color:#d62f34; text-decoration:underline;}

/* 서브메뉴 */
.lnb_menu{position:absolute; left:0px; top:20px; /* ie7 수정 */ width:51px}
.lnb_menu a{display:block;}
.lnb_menu .depth1{/* ie7 수정 */ float:left;}
.lnb_menu .depth1 > a{width:51px; height:67px;}
.lnb_menu .depth1.menu1 > a{background-position:left  -42px;}
/*.lnb_menu .depth1.menu1 > a.on{background-position:-54px -42px;}*/

.lnb_menu .depth2{outline:none; position:absolute; left:50px; top:0; z-index:100; width:335px; padding-left:1px; /*padding-bottom:65px;*/ background:url(/img/comm/bg/bg_lnb_depth2.gif) repeat-y left top; box-shadow:10px 10px 15px rgba(0,0,0,0.3); border-radius:0 3px 0 0; border-bottom:1px solid #4e5762}/* 수정 */
.lnb_menu .depth2 .depth2_menu{outline:none; border-bottom:1px solid #3a424d;}
.lnb_menu .depth2 .depth2_menu > li{position:relative; border-bottom:1px solid #4e5762;}
.lnb_menu .depth2 .depth2_menu > li > a{height:36px; padding:20px 0 0 23px; color:#fff; background:url(/img/comm/bg/sprite_layout_bul.png) no-repeat 266px 23px;}
.lnb_menu .depth2 .depth2_menu > li.sele{}
.lnb_menu .depth2 .depth2_menu > li.sele > a{background:#66b265 url(/img/comm/bg/sprite_layout_bul.png) no-repeat 266px -20px; font-weight:bold; border:1px solid #499248}

.lnb_menu .depth3{zoom:1; border-top:1px solid #296d28}/* 20131231 수정 */
.lnb_menu .depth3 > li{}
.lnb_menu .depth3 > li > a{background:#3e863c; height:30px; padding-left:22px; padding-top:14px; color:#fff; border-bottom:1px solid #296d28;}
.lnb_menu .depth3 > li.bg > a{background:#3e863c url(/img/comm/bg/sprite_layout_bul.png) no-repeat 266px -69px;}
.lnb_menu .depth3 > li.sele.bg > a{background-position:266px -110px;}

/*.lnb_menu .depth4{}
.lnb_menu .depth4 > li{}
.lnb_menu .depth4 > li > a{padding:11px 0 12px 22px; line-height:16px; background:#2c6f2b;  border-bottom:1px solid #2f612e; color:#fff;}
.lnb_menu .depth4 > li.none > a{background:#2c6f2b !important;;}
.lnb_menu .depth4 > li.last > a{border-bottom:none;}
.lnb_menu .depth4 > li.on > a{color:#4e5867;}
.lnb_menu .depth4 > li.bg > a{background:#2c6f2b url(/img/comm/bg/sprite_layout_bul.png) no-repeat 266px -157px;}
.lnb_menu .depth4 > li.sele.bg > a{background-position:266px -197px;}

.lnb_menu .depth5{padding:8px 0; background:#fff;}
.lnb_menu .depth5 li{padding:7px 0 8px 22px;}
.lnb_menu .depth5 li a:hover{font-weight:bold;}*/

.lnb_menu .depth4{}
.lnb_menu .depth4 > li{}
.lnb_menu .depth4 > li > a{padding:11px 0 12px 22px; line-height:16px; background:#2c6f2b;  border-bottom:1px solid #2f612e; color:#fff;}
.lnb_menu .depth4 > li.none > a{background:#2c6f2b !important;;}
.lnb_menu .depth4 > li.last > a{border-bottom:none;}
.lnb_menu .depth4 > li.on > a{color:#4e5867;}
.lnb_menu .depth4 > li.bg > a{background:#2c6f2b url(/img/comm/bg/sprite_layout_bul.png) no-repeat 266px -156px;}
.lnb_menu .depth4 > li.sele.bg > a{background-position:266px -198px;}

.lnb_menu .depth5{}
.lnb_menu .depth5 > li{}
.lnb_menu .depth5 > li > a{padding:11px 0 12px 22px; line-height:16px; background:#daf2d8;  border-bottom:1px solid #c6d9c6; color:#444;}
.lnb_menu .depth5 > li.none > a{background:#daf2d8 !important;}
.lnb_menu .depth5 > li.last > a{border-bottom:none;}
.lnb_menu .depth5 > li.on > a{}
.lnb_menu .depth5 > li.bg > a{background:#daf2d8 url(/img/comm/bg/sprite_layout_bul.png) no-repeat 266px -156px;}
.lnb_menu .depth5 > li.sele.bg > a{background-position:266px -198px;}/* 20140630 */

.lnb_menu .depth6{padding:8px 0; background:#fff; border-bottom:1px solid #c6d9c6}
.lnb_menu .depth6 li{padding:7px 0 8px 22px;}
.lnb_menu .depth6 li a:hover{font-weight:bold;}

.lnb_menu .depth2,
.lnb_menu .depth3,
.lnb_menu .depth4,
.lnb_menu .depth5,
.lnb_menu .depth6{display:none;}

.link_d{background:#fff !important; color:#333 !important}

/* jquery.jscrollpane */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer{overflow:hidden; position:relative;	background:#f3f5f7;}
.menu1 .jspContainer{overflow:hidden; position:relative; 	background:none;}
.jspPane{position:absolute; width:306px !important;}

/* 스크롤 없을 때 */
.jspPane.jspPane_wide{idth:335px !important;}
.jspPane.jspPane_wide .depth2_menu > li > a {background-position:297px -46px !important;}
.jspPane.jspPane_wide .depth2_menu > li.sele > a {background-position:295px -88px !important;}
.jspPane.jspPane_wide .depth3 > li > a {background-position:297px -137px !important;}
.jspPane.jspPane_wide .depth3 > li.sele > a {	background-position:295px -179px !important;}
.jspPane.jspPane_wide .depth4 > li.bg > a {background-position:297px -225px !important;}
.jspPane.jspPane_wide .depth4 > li.sele.bg > a {background-position:295px -266px !important;}
.jspVerticalBar{	position:absolute; top:0; right:0; width:29px; height:100%;	background: #363e49;}
.jspHorizontalBar{	position: absolute; bottom:0;	left:0; width:100%; height:16px; background: red;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{	float: left;}
.jspTrack{background: #363e49;	position: relative;}
/* .jspDrag{background: url(/img/comm/bg/scroll_bar.gif) no-repeat center center;	 position:relative;	top:0;	 left:0; cursor: pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{	float: left;	height: 100%;} */
.jspArrow{	background: #50506d;	text-indent: -20000px;	display: block;	cursor: pointer;	padding: 0;	margin: 0;}
.jspArrow.jspDisabled{	cursor: default;	background: #80808d;}
.jspVerticalBar .jspArrow{	height: 16px;}
.jspHorizontalBar .jspArrow{	width: 16px;	float: left;	height: 100%;}
.jspVerticalBar .jspArrow:focus{	outline: none;}
.jspCorner{	background: #eeeef4;	float: left;	height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{	margin: 0 -3px 0 0;}

/* Styles specific to this particular page */
.scroll-pane{	width: 335px;	height: 751px;/* 수정 */	overflow: auto;	outline:none;	padding-bottom:1px !important;}

/* 추가 */
.menu1 .scroll-pane{height:751px;}
.menu2 .scroll-pane,
.menu3 .scroll-pane,
.menu5 .scroll-pane{height:667px;}
.menu4 .scroll-pane{height:574px;}
.menu6 .scroll-pane{height:637px;}
/* 추가끝 */
.horizontal-only{	height: auto;	max-height: 676px;}

/* 비상로그인 */
.txt_red{color:#ef0000}
.login_wrap,
.error_login{background:#f9f9f9;}
.login_wrap .visual{height:545px; width:1040px; padding-top:200px; margin:0 auto; ; background:url(/img/comm/bg/bg_login.png) no-repeat 337px 0}
.login_wrap .wrap{position:relative; width:700px; margin:0 auto;}
	.login_wrap h1{position:static; width:205px; height:25px; margin-bottom:10px; background-position:0 -133px;}
	.login_wrap .txt_notice{position:absolute; right:0; top:7px; padding-left:18px; background:url(/img/comm/bg/sprite_layout.png) no-repeat -246px -28px;;}
	.login_box_wrap{overflow:hidden; /*width:692px;*/ margin:0 auto; border:4px solid #005d98; background:#f0f0f0;}
	.login_box_wrap .border{border:1px solid #306b91;}
	.login_box_wrap .login_box{float:left; width:310px; padding:29px 10px 29px 25px; }
	.login_box_wrap .sign_login{padding:29px 25px 29px 10px;}
	.login_box_wrap h2{height:26px; height:15px; margin-bottom:11px;}
	.login_box_wrap .sign_login h2{width:120px; background-position:0 -161px;}
	.login_box_wrap .id_login h2{width:82px; background-position:0 -179px;}
	.login_box .box{border:1px solid #dcdcdc; border-radius:3px;}
	.login_box .box .inset{position:relative; width:248px; height:92px; padding:20px 29px; border:1px solid #fff; border-radius:3px; background:#f2f4f6; }	
	.login_box .box .inset .bot{overflow:hidden; margin-top:12px;}
	.login_box .box .inset .bot > div,
	.login_box .box .inset .bot > button,
	.login_box .box .inset .bot > a{float:left; padding:0 9px 0 10px; background:url(../img/bg_login_bar.gif) no-repeat left 1px; letter-spacing:-0.09em; line-height:15px;}
	.login_box .box .inset .bot > a:first-child,
	.login_box .box .inset .bot > div{padding-left:0; background:none;}
	.login_box .box .inset .bot > div input{margin-top:1px;}
	.login_box .btn_login{position:absolute; right:29px; top:20px; display:block; width:103px; height:67px; margin:0; background-position:-107px -54px;}
	.login_box .btn_login02{width:248px; height:36px; display:block; background-position:0 -197px;}
	.login_box .btn_login02[disabled]{background-position:0 -236px}
	.login_input{height:15px; width:132px; padding:8px 5px 9px; margin-bottom:3px; line-height:15px !important; background:#dadfe3 !important; border:none !important;}
	
	.input_label{position:relative;}
	.input_label input[type="text"]{height:15px; width:238px;  padding:6px 5px 7px; margin-bottom:3px; background:#fff; border:1px solid #c1c1c1;}
	.input_label label{position:absolute; top:6px; left:9px; color:#7c7c7c;}	

	.login_notice{width:690px; margin:0 auto;}
	/* 공지사항 */
	.login_board{overflow:hidden; padding:25px 20px; margin-top:20px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
	.login_board > div{position:relative; float:left; width:304px;}
	.login_board li{padding-left:9px; line-height:22px; background:url(/img/comm/bg/sprite_layout.png) no-repeat -262px -56px}
	.login_board h2{height:15px; width:53px; margin-bottom:9px;}	
	.login_board .left{padding-right:20px; border-right:1px solid #dcdcdc; margin-right:21px}
	.login_board h2{background-position:-123px -161px;}
	.login_board .btn_detail{position:absolute; right:20px; top:0; display:block; padding-right:20px; font-weight:bold; letter-spacing:-0.09em; background:url(/img/comm/bg/sprite_layout.png) no-repeat 70px -113px;}
	
	/* 에러로그인 */
	/*.login_wrap.error .visual{background:none;}*/
	.error .login_box_wrap{border-color:#db1f28}
	.error .error_state{position:absolute; left:210px; top:6px;font-weight:bold; color:#db1f28}
	


.jspContainer
{
	overflow: hidden;
	position: relative;
	background:#f3f5f7;
}

.menu1 .jspContainer
{
	overflow: hidden;
	position: relative;
	background:none;
}

.jspPane
{
	position: absolute;
	width:306px !important;
}

/* 스크롤 없을 때 20140630 */
.jspPane.jspPane_wide{width:335px !important;}
.jspPane.jspPane_wide .depth2_menu > li > a {background-position:297px 23px !important;}
.jspPane.jspPane_wide .depth2_menu > li.sele > a {background-position:295px -20px !important;}
.jspPane.jspPane_wide .depth3 > li > a {background-position:297px -69px !important;}
.jspPane.jspPane_wide .depth3 > li.sele > a {background-position:295px -110px !important;}
.jspPane.jspPane_wide .depth4 > li.bg > a {background-position:297px -156px !important;}
.jspPane.jspPane_wide .depth4 > li.sele.bg > a {background-position:295px -198px !important;}
.jspPane.jspPane_wide .depth5 > li.bg > a {background-position:297px -156px !important;}/* 20140707 */
.jspPane.jspPane_wide .depth5 > li.sele.bg > a {background-position:295px -198px !important;}/* 20140707 */

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 100%;
	background: #363e49;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #363e49;
	position: relative;
}

/* 20140630 */
.theme03 .jspTrack{background:#40362d}
.theme04 .jspTrack{background:#3a242b}

.jspDrag
{
	background: url(/img/comm/bg/scroll_bar.gif) no-repeat center center;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* Styles specific to this particular page */
.scroll-pane
{
	width: 335px;
	height: 751px;/* 수정 */
	overflow: auto;
	outline:none;
	padding-bottom:1px !important;
}

/* 추가 */
.menu1 .scroll-pane{height:751px;}
.menu2 .scroll-pane,
.menu3 .scroll-pane,
.menu5 .scroll-pane{height:667px;}
.menu4 .scroll-pane{height:574px;}
.menu6 .scroll-pane{height:637px;}
/* 추가끝 */



.horizontal-only
{
	height: auto;
	max-height: 676px;
}


.error_wrap{background:#fff url(/img/comm/layout/bg_temp.png) no-repeat center top;}
.error_cont,
.error_footer{width:730px; margin:0 auto;}
.error_footer{height:191px; padding-top:35px;}
.error_footer p{color:#666}
.error_cont{position:relative; padding:99px 0 125px; background:url(/img/comm/layout/bg_error.png) no-repeat 392px 139px;}
.error_cont h1{position:relative; top:0; left:0; width:179px; height:43px; background:url(/img/comm/layout/h1_logo02.png) 0 0 no-repeat;}
.error_cont .txt{background:url(/img/comm/layout/sprite_temp.png); background-repeat:no-repeat;}
.error_cont .txt01{width:442px; height:62px; margin:48px 0 5px; background-position:0 -164px;}
.error_cont .txt02{width:245px; height:58px; margin:48px 0 17px; background-position:0 -242px;}
.error_cont .txt03{width:347px; height:58px; margin:48px 0 17px; background-position:0 -320px;}
.error_cont .txt04{width:347px; height:70px; margin:48px 0 17px; background-position:0 -398px;}
.error_btn{padding-top:44px;}
.error_btn ul{overflow:hidden; width:318px; margin-left:-3px}
.error_btn li{float:left; padding:2px 2px 3px 3px;}
.error_btn li a{display:block; width:154px; height:39px; padding-top:22px; background:url(/img/comm/layout/bg_temp_btn.png) no-repeat 0 0; font-weight:bold; line-height:14px; color:#fff; text-align:center; text-decoration:none;}
.error_btn li a:hover,
.error_btn li a:active{background-position:0 -65px}     
.hidden {display:none;}