@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


@font-face{
	src:url(../fonts/swis.TTF);
	font-family:marvel;
}
@font-face{
	src:url(../fonts/RopaSans-Regular.ttf);
	font-family:ropa-sans;
	font-weight:bold;
}
@font-face{
	src:url(../fonts/JuliusSansOne-Regular.ttf);
	font-family:sans-one;
}
@font-face{
	font-family:malgun;
	src:url(../fonts/sourcesanspro-regular-webfont.ttf);
}
@font-face{
	font-family:loto;
	src:url(../fonts/Muli-LightItalic.ttf);
}



body{
	background-color:#f0f0f0;
	/*background-image:url(../images/bbbg.jpg);*/
}


#headbar{
	width:100%;
	background-image:url(../images/navbg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	overflow:hidden;
	background-color:#fff;
	padding-bottom:5px;
}
#header{
	overflow:hidden;
}
#logo{
	width:30%;
	float:left;
	padding:10px 0;
}
#head-right{
	width:70%;
	float:left;
}
#nav1{
	width:100%;
	overflow:hidden;
	margin-top:5px;
}
#nav1 ul{
	margin:0;
	padding:0;
	float:right;
	margin-top:17px;
}	
#nav1 ul li{
	list-style-type:none;
	float:left;
}
#nav1 ul li span{
	font-family:Arial, Helvetica, sans-serif;
	color:#79C14E;
	font-weight:normal;
}
#nav1 ul li a{
	color:#555;
	text-decoration:none;
	padding:5px 8px;
	font-family:marvel;
	font-size:16px;
	display:inline-block;
	font-weight:normal;
}
#nav1 ul li a:hover{
	color:#fff;
	background-color:#263A51;
}
#active-page{
	color:#fff !important;
	background-color:#263A51;
}

.subs{
	position:absolute;
	z-index:5252;
	background-color:#79C14E;
	display:none;
	margin-top:0 !important;
}
.subs li{
	float:none !important;
}
.subs li a{
	color:#fff !important;
	display:block !important;
	font-size:14px !important;
}
.subs li a:hover{
	color:#
}

.subs1{
	margin-left:120px !important;
	width:155px;
	position:absolute;
	z-index:5252;
	background-color:#79C14E;
	display:none;
	margin-top:-25px !important;
}
.subs1 li{
	float:none !important;
}
.subs1 li a{
	color:#fff !important;
	display:block !important;
	font-size:14px !important;
}
.subs1 li a:hover{
	color:#
}






#nav2{
	text-align:right;
	display:none;
}
#nav2 button{
	display:inline-block;
	margin:15px 10px;
	background-color:#263A51;
	border:none;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}
#nav2 button span{
	display:block;
	margin:5px 0;
	width:25px;
	padding:2px;
	background-color:#f0f0f0;
	
	
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}
#respo-nav{
	clear:both;
	overflow:hidden;
	border-top:1px solid #e2e2e2;
	display:none;
	padding:0 10px;
}
#respo-nav ul{
	margin:0;
	padding:0;
	text-align:left;
}
#respo-nav ul li{
	list-style-type:none;
	font-family:marvel;
	font-size:15px;
}
#respo-nav ul li ul{
	margin-left:10px;
}
#respo-nav ul li a{
	color:#505050;
	text-decoration:none;
	display:block;
	padding:8px 10px;
	padding-left:20px;
	border-bottom:1px solid #e2e2e2;
	background-image:url(../images/respo-bullet.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#respo-nav ul li a:hover{
	background-color:#f0f0f0;
	color:#263A51;
}







#banner{
	width:100%;
	background-color:transparent;
	border-bottom:2px solid #79C14E;
}
#content{
	width:100%;
	background-color:#fff;
	overflow:hidden;
}
#maincon{
	width:98%;
	padding:5px 0 10px;
	margin:auto;
	overflow:hidden;
}
#one{
	width:100%;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:8px;
}
#one h3{
	margin:0;
	padding:8px;
	font-family:loto;
	color:#F58634;
	font-size:18px;
	padding-top:0;
}
#one p{
	margin:0;
	padding:8px;
	font-family:malgun;
	color:#555;
	line-height:19px;
	padding-top:3px;
}
.box{
	width:33.3%;
	float:left;
	background-image:url(../images/core.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.inbox{
	width:97%;
	margin:auto;
}
.inbox h3 img{
	width:33px;
	margin-right:3px;
	background-color:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	
	padding:8px;
	
	box-shadow:0px 0px 3px #ccc inset;
	-moz-box-shadow:0px 0px 3px #ccc inset;
	-ms-box-shadow:0px 0px 3px #ccc inset;
	-o-box-shadow:0px 0px 3px #ccc inset;
	-webkit-box-shadow:0px 0px 3px #ccc inset;
	
	transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
}
.inbox img:hover{
	transform:rotate(360deg);
}
.inbox h3{
	font-family:loto;
	margin:0;
	margin-left:-2px;
	font-size:18px;
	color:#F58634;
}
.inbox a{
	margin:0;
	display:block;
	padding:5px;
	font-family:malgun;
	color:#555;
	text-decoration:none;
	font-size:13px;
	line-height:19px;

}
.inbox a:hover{
	color:#3A3A71;
}



#left{
	width:30%;
	float:left;
}
#inner-left{
	margin-right:5px;
	border-right:1px solid #e2e2e2;
}
#left ul{
	margin:0;
	padding:0;
	font-family:malgun;
}
#left ul li{
	list-style-type:none;
	font-weight:bold;
}
#left ul li a{
	display:block;
	color:#606060;
	text-decoration:none;
	padding:10px 18px;
	border-bottom:1px solid #f0f0f0;
	background-image:url(../images/aside-bullet.png);
	background-repeat:no-repeat;
	background-position:left center;
	
	transition:all linear 0.2s;
}
#left ul li a:hover{
	background-color:#f0f0f0;
	color:#263A51;
}
#active-tab{
	background-color:#f0f0f0 !important;
	color:#263A51 !important;
}
#right{
	width:70%;
	float:right;
	min-height:350px;
}
#inner-right{
	margin-left:5px;
}

#inner-left h3,#inner-right h3{
	font-family:loto;
	margin:0;
	padding:5px 0;
	margin-left:-2px;
	font-size:18px;
	color:#3d6898;
	border-bottom:1px solid #e2e2e2;
}
#right p{
	font-family:malgun;
	line-height:19px;
	color:#404040;
}

.con-list{
	margin:0;
	padding:0;
	font-family:malgun;
}
.con-list li{
	list-style-type:none;
	padding:5px;
	color:#505050;
	padding-left:20px;
	background-image:url(../images/list-arr.png);
	background-repeat:no-repeat;
	background-position:left center;
}


#career-form{
	margin:auto;
	float:left;
}
#career-form ul{
	margin:0;
	padding:10px 0 0 0;
}
#career-form ul li{
	list-style-type:none;
	font-family:malgun;
	overflow:hidden;
	padding:5px 0;
}
#career-form ul li label{
	width:130px;
	padding:5px 0;
	display:block;
	float:left;
}
#career-form ul li input{
	border:1px solid #e2e2e2;
	padding:5px;
	background-color:#f0f0f0;
	font-family:malgun;
	width:50%;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	
	transition:all linear 0.3s;
	-moz-transition:all linear 0.3s;
	-ms-transition:all linear 0.3s;
	-webkit-transition:all linear 0.3s;
	-o-transition:all linear 0.3s;
	
	box-shadow:0 2px 5px #999 inset;
	-moz-box-shadow:0 2px 5px #999 inset;
	-webkit-box-shadow:0 2px 5px #999 inset;
	-o-box-shadow:0 2px 5px #999 inset;
	-ms-box-shadow:0 2px 5px #999 inset;
}
#career-form ul li input:focus{
	background-color:#fff;
	border:1px solid #B3D8F5;
	
	box-shadow:0 0px 5px #999;
	-moz-box-shadow:0 0px 5px #999;
	-webkit-box-shadow:0 0px 5px #999;
	-o-box-shadow:0 0px 5px #999;
	-ms-box-shadow:0 0px 5px #999;
}
#career-form ul li button{
	color:#fff;
	border:none;
	padding:5px 10px;
	font-family:malgun;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;

background: #207cca; /* Old browsers */
background: -moz-linear-gradient(top, #207cca 0%, #1e5799 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #207cca 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #207cca 0%,#1e5799 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #207cca 0%,#1e5799 100%); /* IE10+ */
background: linear-gradient(to bottom, #207cca 0%,#1e5799 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
}
#career-form ul li button:active{
	box-shadow:0 3px 5px #999 inset;
	-webkit-box-shadow:0 3px 5px #999 inset;
	-o-box-shadow:0 3px 5px #999 inset;
	-ms-box-shadow:0 3px 5px #999 inset;
	-moz-box-shadow:0 3px 5px #999 inset;
}





#current-opening{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-family:malgun;
	font-size:15px;
	margin:12px 0;
	padding:10px;
	background-color:#79C14E;
	
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}
#current-opening img{
	padding-left:8px;
	margin-left:5px;
	border-left:1px solid #4274ae;
}
#current-opening:focus{
	border:none;
}
#current-opening:active{
	box-shadow:0 5px 8px #505050 inset;
}




#footrow{
	border-top:2px solid #263D55;
background: #2d5d82; /* Old browsers */
background: -moz-linear-gradient(top, #2d5d82 0%, #263a51 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d5d82), color-stop(100%,#263a51)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2d5d82 0%,#263a51 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2d5d82 0%,#263a51 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2d5d82 0%,#263a51 100%); /* IE10+ */
background: linear-gradient(to bottom, #2d5d82 0%,#263a51 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5d82', endColorstr='#263a51',GradientType=0 ); /* IE6-9 */
}
#footer p{
	margin:0;
	color:#fff;
	font-family:malgun;
	padding:10px 0;
	text-align:center;
}




















.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width:100px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
#logo{
	width:50%;
}
#head-right{
	width:50%;
}
#nav1{
	display:none;
}
#nav2{
	display:block;
}

.box{
	width:100%;
}


#left{
	width:100%;
}
#right{
	width:100%;
}

#career-form ul li input{
	width:90%;
}

}
@media only screen and (min-width:320px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
#logo{
	width:50%;
}
#logo img{
	padding:0 10px;
}
#head-right{
	width:50%;
}
#nav1{
	display:none;
}
#nav2{
	display:block;
}

.box{
	width:100%;
}


#left{
	width:100%;
}
#right{
	width:100%;
}
#career-form ul li input{
	width:95%;
}

}

@media only screen and (min-width: 481px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
#left{
	width:30%;
}
#right{
	width:100%;
}
#career-form ul li input{
	width:50%;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
.box{
	width:33.3%;
}
#logo{
	width:30%;
}
#logo img{
	padding:0;
}
#head-right{
	width:70%;
}
#nav1{
	display:block;
}
#nav2{
	display:none ;
}
}
@media only screen and (min-width:980px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:980px;
}