@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@400;500;700;900&display=swap');

/* 기본사항 */
*{margin:0; padding:o;}
html, body {margin:0;padding:0; height:100%; font:12px/1.2 "Noto Sans KR","Dotum", "돋움", "Arial",sans-serif; color:#333; }
ol, ul{list-style:none; margin:0; padding:0}
li {list-style:none}
img{border:0;}
br {letter-spacing:0;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
h4, legend, caption, hr { display:none; }
em { font-style:normal; }
A:link
{

	text-decoration: none;
	color:#666666;
}
A:visited
{

	text-decoration: none;
	color:#666666;
}
A:hover
{

	text-decoration: none;
	color:#BBBBBB;
}
/*ul {margin:0; padding:0}
li { list-style:inside}*/

/* 레이아웃 */

#wraper{margin:0 auto;}
#header_wrap{width:100%; height:81px; border-bottom:6px solid #0095da; margin:0 auto; position:relative; z-index:999}
#header{width:1000px; margin:0 auto; height:81px; position:relative; font-size:0;}
#header .gnb{position:absolute; top:0; right:0; z-index:1}

#header h1{display:inline-block; padding:0 20px;}
#header h1 a{display:block; padding:10px}
#header ul{display:inline-block; padding:36px 0 0 163px; vertical-align:top;}
#header ul > li{display:inline-block; vertical-align:middle; width:160px; position:relative;}
#header ul > li > a{display:block; color:#4c4d4e; padding:10px 10px 13px; text-align:center;  line-height:22px; font-size:14px; }
#header ul > li:hover > a{color:#007bb5; font-weight:500;}
#header ul > li.on > a,
#header ul > li > a:hover{color:#007bb5; font-weight:500;}
#header ul > li > ul{display:none; position:absolute; width:100%; top:45px; left:0; padding:8px 0; background:#fff; border:6px solid #0095da; border-top:0;
				box-sizing:border-box; min-height:118px;}
#header ul > li:hover > ul{display:block;}
#header ul > li > ul > li > a{padding:1px 13px; text-align:left;  font-size:12px; color:#666; letter-spacing:-0.03em}

#container_wrap{width:100%;background:url(images/visualbg.jpg) no-repeat 0 0; }
#sub_container_wrap{width:100%;background:url(images/con_bg.jpg) repeat-x 0px 34px; }
#container{width:1000px; margin:0 auto; }
#footer_wrap{width:100%; height:86px; border-top:1px solid #c7c7c7; clear:both}

.main_visual{width:1000px; margin:0 auto; text-align:center; font-size:0; position:relative; box-sizing:border-box; padding:0 40px;}
.main_slider.swiper-container{padding:52px 0 35px;}
.main_visual .swiper-slide{width:31%;}
.main_visual .swiper-slide.swiper-slide-active{width:38%}
.main_visual .swiper-slide .Pic{display:flex; width:100%; height:370px; justify-content: center; align-items: center; 
						transition:all 200ms linear;  transform: scale(0.6);}
.main_visual .swiper-slide.swiper-slide-active .Pic{transform: scale(1);}
.main_visual .swiper-button-prev,.main_visual  .swiper-button-next{width:39px; height:53px; font-size:0; top:55%; transition:all 200ms linear; }
.main_visual .swiper-button-prev:after,.main_visual .swiper-button-next:after{display:none;}
.main_visual .swiper-button-prev{background:url(/images/M_visual_arr_1.png) no-repeat center center; left:0}
.main_visual .swiper-button-next{background:url(/images/M_visual_arr_2.png) no-repeat center center; right:0}
.main_visual .swiper-button-prev:hover{background:url(/images/M_visual_arr_1_on.png) no-repeat center center; left:0}
.main_visual .swiper-button-next:hover{background:url(/images/M_visual_arr_2_on.png) no-repeat center center; right:0}

/* 헤더시작 */
.header_top{width:1000px; top:0px; left:0px; height:250px; text-align:center; z-index:6000; position:relative; overflow:hidden;}
.header_top>div>a>img{float:left; margin-right:30px;}
.header_top>script{float:right;}
/* 헤더끝 */

/* 컨테이너 시작 */
.h_visual{width:1000px; height:426px; margin:0 auto; text-align:center;  }
.h_content{overflow:hidden; padding-top:50px;}
.h_mainmenu1{width:249px; height:134px; background:#f9f9f9; margin-right:1px; float:left;}
h2{width:234px; height:20px; background:url(images/menubarbg.jpg) repeat-x 0 0; padding:10px 0 0 17px;}
*html h2{width:249px; height:30px; background:url(images/menubarbg.jpg) repeat-x 0 0; padding:10px 0 0 17px;}

.h_mainmenu1 ul{width:230px; height:84px;position:relative; top:7px; left:19px;}
.h_mainmenu1 ul li{width:220px; height:15px;background:url(images/dot.jpg) no-repeat 0 12px; padding:5px 0 0 10px; 
					}
*html .h_mainmenu1 ul li{width:220px; height:20px;background:url(images/dot.jpg) no-repeat 0 12px; padding:5px 0 0 10px; 
					}
.h_mainmenu1 ul li a{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;	font-size:11px;	text-decoration: none;	color:#727070;}
.h_mainmenu1 ul li a:hover{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;	font-size:11px;	text-decoration: none;	color:#333;}
.h_mainmenu1 ul li span{position:absolute; padding-left:10px;}
.h_mainmenu1 p{position:relative; top:-18px; left:230px;}

.h_mainmenu2{width:249px; height:134px; background:#f9f9f9; margin-right:1px; float:left;}
.h_mainmenu2 p{position:relative; top:-18px; left:230px;}
.h_mainmenu2 p.h_img{position:relative; top:14px; left:18px;}

.h_mainmenu3{width:249px; height:134px; background:#f9f9f9; margin-right:1px; float:left;}
.h_mainmenu3 p{position:relative; top:-18px; left:230px;}
.h_mainmenu3 p.h_img{position:relative; top:17px; left:17px;}

.h_mainmenu4{width:249px; height:134px; background:#f9f9f9;  float:left;}
.h_mainmenu4 p{position:relative; top:-18px; left:230px;}
.h_mainmenu4 p.h_img{position:relative; top:17px; left:17px;}



.h_bannerbox{width:1000px; height:67px; float:left; font-size:0; text-align:center; margin-top:20px;}
.h_bannerbox .inner{margin:0 -20px; }
.h_bannerbox .bn{width:25%; display:inline-block; vertical-align:top; padding:0 20px; box-sizing:border-box}
.h_bannerbox .bn a{display:block; border:1px  solid #eaeaea; height:45px; }
.h_banner1 a{background:url(images/banner1.jpg) no-repeat 50% 2px ;}
.h_banner2 a{background:url(images/banner2.jpg) no-repeat 50% 2px ;}
.h_banner3 a{background:url(images/banner3.jpg) no-repeat 50% 10px ;}
.h_banner4 a{background:url(images/banner4.jpg) no-repeat 0 0px ;}
.h_banner5 a{background:url(images/banner5.jpg) no-repeat 50% 4px ;}





.h_clear{clear:both;}

/*서브*/

.h_title{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;	font-size:11px;	text-decoration: none;	color:#878787; line-height:130%; height:22px;
		background: url(images/home_icon.jpg) no-repeat 0px 12px; padding:12px 0 0 17px; position:relative; top:0px; left:33px;
		}
*html .h_title{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;	font-size:11px;	text-decoration: none;	color:#878787; line-height:130%; height:34px;
		background: url(images/dot1.jpg) no-repeat 0px 12px; padding:12px 0 0 17px; position:relative; top:0px; left:33px;
		}
.h_title span{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;	font-size:11px;	text-decoration: none;	color:#0083bf; line-height:130%; font-weight: bold;}

.h_h_sub_content{overflow:hidden; position:relative; top:-34px; left:0px;}
.h_h_sub_left{width:250px;float:left;}
.h_h_sub_left .h_lnb{width:200px;  padding:0 0 20px 33px;}
.h_h_sub_left .h_lnb h3{font-size:27px; color:#4c4d4e; font-weight:500; padding:0 0 10px 10px;}
.h_h_sub_left .h_lnb ul{width:166px; border-top:2px solid #339bcb; padding-bottom:35px;}
.h_h_sub_left .h_lnb li{border-bottom:1px solid #d6d6d6}
.h_h_sub_left .h_lnb li:last-child{border-bottom:1px solid #797a7b}
.h_h_sub_left .h_lnb li a{display:block; padding:8px 10px; line-height:20px; font-size:13px; color:#666}
.h_h_sub_left .h_lnb li.on a,
.h_h_sub_left .h_lnb li a:hover{color:#2293c7}
.h_h_sub_left .h_customer{width:166px; height:80px; padding:0 0 60px 33px;}

.h_sub_center{width:750px;float:right;}
.h_sub_center .h_subtitle{height:37px; border-bottom:2px solid #339bcb;}
.h_sub_center .h_subtitle_txt{width:290px;float:right; height:13px; padding:7px 0 13px 0; text-align:right; 
								font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;	font-size:11px;	text-decoration: none;	color:#333;}
.h_sub_center .h_sub_img{padding:60px 0 150px;}

/*.h_tabmenu .h_tab1{ position:relative; width:750px; height:2000px; }
.h_tabmenu .h_tab1 li.h_menu1{width:165px; height:31px; float:left; padding-right:6px;}
.h_tabmenu .h_tab1 li.h_menu1 .h_table1{width:750px; padding-top:30px;}
.h_tabmenu .h_tab1 li.h_menu1 .h_table1 li{width:750px; }
.h_tabmenu .h_tab1 li.h_menu1 .h_table2{width:750px; padding-top:30px; position:relative; top:32px; left:-175px;}
.h_tabmenu .h_tab1 li.h_menu1 .h_table2 li{width:750px; }*/


.h_tab{width:750px; overflow:hidden}

.h_tab .h_menu_tab{width:750px;}
.h_menu_tab .h_board1{width:246px; height:31px; float:left; margin-right:6px; margin-bottom:6px;}
.h_menu_tab .h_board1.last{margin-right:0 !important;}
.h_menu_tab .h_board2{width:246px; height:31px; float:left;}
.h_menu_tab .h_board2.last{margin-right:0 !important;}
#osscon1{width:750px; float:left; padding-top:32px;}
#osscon2{width:750px; float:left; padding-top:32px;}
#osscon3{width:750px; float:left; padding-top:32px;}
#osscon4{width:750px; float:left; padding-top:32px;}
#osscon5{width:750px; float:left; padding-top:32px;}
#osscon6{width:750px; float:left; padding-top:32px;}
#osscon7{width:750px; float:left; padding-top:32px;}
#osscon8{width:750px; float:left; padding-top:32px;}

/*.h_menu_tab .h_board1 .h_tab1{width:750px;float:left;  height:31px;}
.h_menu_tab .h_board1 .h_tab1 li{width:750px;float:left; position:relative; top:30px; left:0px;}
.h_menu_tab .h_board1 .h_tab2{width:750px;float:left;  height:31px; position:relative; top:30px; left:0px;}
.h_menu_tab .h_board1 .h_tab2 li{width:750px;float:left; position:relative; top:0; left:-175px;}
.h_menu_tab .h_board1 .h_tab3{width:750px;float:left;  height:31px; position:relative; top:30px; left:0px;}
.h_menu_tab .h_board1 .h_tab3 li{width:750px;float:left; position:relative; top:0; left:-175px;}*/


.h_tabbox{border:1px solid #ccc;}
.h_t_th{background:#e0e0e0; font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;font-size:14px;	text-decoration: none;	color:#333333; line-height:130%; font-weight: bold;
	  text-align:center;}
.h_t_th1{background:#e0e0e0; font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;font-size:12px;	text-decoration: none;	color:#333333; line-height:130%; 
	  text-align:center;}
.h_t_line{background:#ccc;}
.h_t_td{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:12px; color:#666;  text-decoration: none; line-height:130%; text-align:center;}
.h_t_td1{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:12px; color:#666;  text-decoration: none; line-height:130%; padding-left:8px;}
.h_t_td2{background:#f5f5f5; font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:12px; color:#666;  text-decoration: none; line-height:130%; padding-left:8px;}

/* 푸터시작 */
.footer{width:1000px; margin:0 auto; height:86px;  }
.footer h3{float:left; display:block; width:118px; height:69px;  position:relative; top:17px; left:42px; }
.footer ul{width:600px; height:10px; text-align:left; float:left;position:relative; top:13px; left:103px; }
.footer li{text-align:left; float:left; }
.h_footmenubar{font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
				font-size:10px;
				text-decoration: none;
				color:#d4d4d4;
				display:block; width:1px; height:18px;
				padding-top:2px; float:left; }
.footer .h_add{width:640px; height:56px; position:relative; top:26px; left:112px;
		  font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;
		font-size:11px;
		text-decoration: none;
		color:#999999;
		line-height:120%;
				}
.footer .h_add span{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;
		font-size:11px;
		text-decoration: none;
		color:#1680b7;
		line-height:120%;
}
.footer .h_fm{width:127px; height:20px; float:right; 
				}


/* 퀵 */

#quick_bar{position: absolute; left:50%; margin-left:527px; top: 185px; z-index:5;  width:98px; height:217px;
		   background:url(images/quick_bg.jpg) no-repeat 0 0; }
#quick_bar #quick_menu{position:relative;top:113px; left:23px; width:50px; height:80px;}
#quick_bar #quick_menu .quick1{position:relative;top:0; left:0px; height:12px; }
#quick_bar #quick_menu .quick2{position:relative;top:9px; left:0px; height:12px; }
#quick_bar #quick_menu .quick3{position:relative;top:18px; left:0px; height:12px;}
#quick_bar #quick_menu .quick4{position:relative;top:27px; left:0px; height:12px;}




/* bg */

.h_green_bg{background:#247537;}

/*폰트*/

.h_blue_txt{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:12px; color:#3c63d2; font-weight:bold; text-decoration: none; line-height:140%;}
.h_green_txt{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:12px; color:#5a6b00; font-weight:bold; text-decoration: none; }
.h_red_txt{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:13px; color:#ff0000; font-weight:bold; text-decoration: none; line-height:140%;}
.h_b_txt{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:13px; color:#000; font-weight:bold; text-decoration: none; line-height:140%;}
.h_red_txt1{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:13px; color:#ff0000;  text-decoration: none; line-height:140%;}
.h_b_txt1{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:13px; color:#000;  text-decoration: none; line-height:140%;}
.h_orange_txt{font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:13px; color:#ff7e00; font-weight:bold; text-decoration: none; }



/*링크*/


A.h_footmenu1:link
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:115px; height:16px;
	padding-top:2px; 
	text-align:center;
}
A.h_footmenu1:visited
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:115px; height:16px;
	padding-top:2px; 
	text-align:center;
}
A.h_footmenu1:hover
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:115px; height:16px;
	padding-top:2px; 
	text-align:center;
}



*html A.h_footmenu1:link
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:115px; height:18px;
	padding-top:2px; 
	text-align:center;
	
}
*html A.h_footmenu1:visited
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:115px; height:18px;
	padding-top:2px; 
	text-align:center;
}

*html A.h_footmenu1:hover
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:115px; height:18px;
	padding-top:2px; 
	text-align:center;
}


A.h_footmenu2:link
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:16px;
	padding-top:2px; 
	text-align:center;
	
}
A.h_footmenu2:visited
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:16px;
	padding-top:2px; 
	text-align:center;
}

A.h_footmenu2:hover
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:16px;
	padding-top:2px; 
	text-align:center;
}



*html A.h_footmenu2:link
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:18px;
	padding-top:2px; 
	text-align:center;
	
}
*html A.h_footmenu2:visited
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:18px;
	padding-top:2px; 
	text-align:center;
}

*html A.h_footmenu2:hover
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:18px;
	padding-top:2px; 
	text-align:center;
}

A.h_footmenu3:link
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:16px;
	padding-top:2px; 
	text-align:center;
	
}
A.h_footmenu3:visited
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:16px;
	padding-top:2px; 
	text-align:center;
}

A.h_footmenu3:hover
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:16px;
	padding-top:2px; 
	text-align:center;
}



*html A.h_footmenu3:link
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:18px;
	padding-top:2px; 
	text-align:center;
	
}
*html A.h_footmenu3:visited
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:18px;
	padding-top:2px; 
	text-align:center;
}

*html A.h_footmenu3:hover
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:67px; height:18px;
	padding-top:2px; 
	text-align:center;
}

A.h_footmenu4:link
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:57px; height:16px;
	padding-top:2px; 
	text-align:center;
	
}
A.h_footmenu4:visited
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:57px; height:16px;
	padding-top:2px; 
	text-align:center;
}

A.h_footmenu4:hover
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:57px; height:16px;
	padding-top:2px; 
	text-align:center;
}



*html A.h_footmenu4:link
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:57px; height:18px;
	padding-top:2px; 
	text-align:center;
	
}
*html A.h_footmenu4:visited
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:57px; height:18px;
	padding-top:2px; 
	text-align:center;
}

*html A.h_footmenu4:hover
{
	font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#555555;
	display:block; width:57px; height:18px;
	padding-top:2px; 
	text-align:center;
}





/*이미지*/
.h_img_border{border:1px solid #aeaeac;}

/*인풋*/

.h_input{border:1px solid #848484; height:22px; font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif;	font-size:12px;	text-decoration: none;	color:#5a5a5a;}








/*패딩*/


/*버튼*/



/*익스버튼*/




/*라인*/


/*바탕색*/

/*롤오버메뉴*/


A.h_b_txt41:link
{font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:11px; color:#666; text-decoration: none; line-height:130%;
}
A.h_b_txt41:visited
{font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:11px; color:#666; text-decoration: none; line-height:130%;
}

A.h_b_txt41:hover
{font-family:"굴림", Dotum, Helvetica, AppleGothic, Sans-serif; font-size:11px; color:#333; text-decoration: none; line-height:130%;
}


.state .menu{font-size:0; margin:-3px; padding-bottom:30px} 
.state .menu li{display:inline-block; vertical-align:top; width:33.333%; padding:3px; box-sizing:border-box;} 
.state .menu a{display:block; color:#fff; font-size:16px; position:relative; padding:4px 20px 5px; line-height:22px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4c4c4+0,999999+26,949494+100 */
background: rgb(196,196,196); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(196,196,196,1) 0%, rgba(153,153,153,1) 26%, rgba(148,148,148,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(153,153,153,1) 26%,rgba(148,148,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(196,196,196,1) 0%,rgba(153,153,153,1) 26%,rgba(148,148,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#949494',GradientType=0 ); /* IE6-9 */
}

.state .menu a:before{position:absolute; content:""; height:12px;  width:7px; top:calc(50% - 6px); right:20px; background:url(/images/state_arr.png) no-repeat center center; } 
.state .menu li.on a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8bc6e1+0,59add5+26,339bcb+100 */
background: rgb(139,198,225); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(139,198,225,1) 0%, rgba(89,173,213,1) 26%, rgba(51,155,203,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(139,198,225,1) 0%,rgba(89,173,213,1) 26%,rgba(51,155,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(139,198,225,1) 0%,rgba(89,173,213,1) 26%,rgba(51,155,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc6e1', endColorstr='#339bcb',GradientType=0 ); /* IE6-9 */
}