/* CSS Document */
/*mission css--------------------------------------------*/


@charset "UTF-8";

.econtent { width:1000px; height:100vh; } 
.econtent {text-align: center; 
		margin-bottom:0px; 
		margin-top:0px;
		margin-left:0px;
		display: flex;
		justify-content: center;
} 

#elife { position:relative; text-align: center; width:900px; height:100vh; margin-bottom:1px; margin-top:1px;margin-left:5px;
}
div {
	border: none solid #bcbcbc; text-align: center;
}
.jb-table {
	display: table;
	margin-left:40px;
	width: 1000px;
	height: auto;
	text-align:center;

}
.jb-table-row {
	display: table-row;
}
.jb-table-cell {
	display: table-cell;
	padding: 2px 0px;
}
.jb-title {
	height: 40px;
	font-size: 15px;  
	text-align: center;
	color: #333333;
}
.jb-middle {
	text-align: center;
	vertical-align: middle;
}
.jb-bottom {
	vertical-align: bottom;
}

.jb-table-cell jb-middle img{	img:border:1px solid #C6C6C6;
		box-shadow: 2px 2px 4px #999999;
			-moz-box-shadow: 2px 2px 4px #999999;
			-webkit-box-shadow: 2px 2px 4px #999999;
}
#gnb { position:relative; width:900px; height:65px;margin-bottom:1px; margin-top:1px;margin-left:5px;} 
 
#gnb ul {float:left; text-align:center;list-style:none;}
#gnb ul > li {float:left; height:40px;letter-spacing:-0.05em;margin-bottom:8px;}
#gnb li.g1 > a,
#gnb li.g2 > a,
#gnb li.g3 > a,
#gnb li.g4 > a,
#gnb li.g5 > a,
#gnb li.g6 > a,
#gnb li.g7 > a,
#gnb li.g8 > a,
#gnb li.g9 > a,
#gnb li.g10 > a,
#gnb li.g11 > a,
#gnb li.g12 > a,
#gnb li.g13 > a,
#gnb li.g15 > a,
#gnb li.g16 > a,
#gnb li.g17 > a,
#gnb li.g18 > a,
#gnb li.g19 > a,
#gnb li.g14 > a{display:inline-block;height:100%;
               color:#000;line-height:32px;font-size:1.1em;
			   border:1px solid #C6C6C6;background:#F0F0F0;
			   border-radius:4px; 
		        -moz-border-radius: 4px;
				-webkit-border-radius: 4px;
         	   box-shadow: 2px 2px 4px #999999;
				 -moz-box-shadow: 2px 2px 4px #999999;
				 -webkit-box-shadow: 2px 2px 4px #999999;
			   margin: 0 0 0 5px;text-decoration: none;
			   background: linear-gradient(to top, #C9C9C9, #F0F0F0);}
/*			   background: linear-gradient(to bottom, #C9C9C9, #F0F0F0);} */

#gnb li.g1 > a:hover, #gnb li.g1.on > a,
#gnb li.g2 > a:hover, #gnb li.g2.on > a,
#gnb li.g3 > a:hover, #gnb li.g3.on > a,
#gnb li.g4 > a:hover, #gnb li.g4.on > a,
#gnb li.g5 > a:hover, #gnb li.g5.on > a,
#gnb li.g6 > a:hover, #gnb li.g6.on > a,
#gnb li.g7 > a:hover, #gnb li.g7.on > a,
#gnb li.g8 > a:hover, #gnb li.g8.on > a,
#gnb li.g9 > a:hover, #gnb li.g9.on > a,
#gnb li.g10 > a:hover, #gnb li.g10.on > a,
#gnb li.g11 > a:hover, #gnb li.g11.on > a,
#gnb li.g12 > a:hover, #gnb li.g12.on > a,
#gnb li.g13 > a:hover, #gnb li.g13.on > a,
#gnb li.g15 > a:hover, #gnb li.g15.on > a,
#gnb li.g16 > a:hover, #gnb li.g16.on > a,
#gnb li.g14 > a:hover,
#gnb li.g14.on > a {background:#F5FFFE; border:1px solid #666; color:#FBE925; font-weight:700;
					background: linear-gradient(to top, #376BFF, #A3C1FF);}

#gnb ul > li> a {width:auto; padding-left:1.5em; padding-right:1.5em;} /*m_sub 폭 230*/
#gnb ul > li > ul {position:absolute;top:15px;left:0;
                   width:100%;height:40px; padding-left:1.5em;}
	/*			   background:#fff;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}  bottom line */

/*#gnb ul #gm2 {padding-left:8em;}
#gnb ul #gm3 {padding-left:15.5em;}
#gnb ul #gm4 {padding-left:23.2em;}
#gnb ul #gm5 {padding-left:30.5em;}
*/
#gnb ul > li > ul > li {font-weight:500;padding:0 1em;}
#gnb ul > li > ul > li > a {color:#666;line-height:30px;font-size:1.05em;}
#gnb ul > li > ul > li > a:hover,
#gnb ul > li > ul > li.on > a {color:#000; font-weight:bold;}

#gnb .active ul { display:block; }
#gnb .active a { text-decoration:none; }
#gnb .active li a { text-decoration:none; }
#gnb .active .active a { text-decoration:none;}