@charset "utf-8";
/* CSS Document */

*{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		}

#wrap{width:100%; float:left; min-width:1150px; overflow:hidden;}/* min-width:최소너비*/
.mCenter{width:1150px; margin:0 auto;}/* min-width:최소너비*/
.center{width:1150px; margin:0 auto;}/* min-width:최소너비*/

#topWrap{width:100%;  float:left; height:142px; position:fixed; top:0; left:0; box-sizing:border-box; border-top:8px solid #193d9b; border-bottom:1px solid #193d9b; z-index:200; overflow:hidden; background:#ffffff;} /* 상단 메뉴*/

#mGnbWrap{width:100%; padding:30px 0; background:#ffffff; float:left; position:relative; z-index:200; display:flex; justify-content:space-between;}
.mLogo{float:left; padding-left:10px;}


.mGnb{float:right; position:relative; z-index:200;}/* 메인메뉴 너비*/
.mGnb ul{float:left;}
.mGnb ul li{padding-left:30px; line-height:55px; font-size:16px; font-weight:600; color:#ffffff;} /* 메인로고 높이 : line-height */
.mGnb ul li a{color:#292929; display:inline-block; position:relative;}
.mGnb ul li a::after{position:absolute; width:100%; height:2px; content:""; background:#88c9f3; opacity:0; top:50px; left:0;}
.mGnb ul li a:hover{color:#292929;}
.mGnb ul li a:hover::after{opacity:1;}
.mGnb ul li.on a::after{opacity:1;}



#footWrap{width:100%; float:left; background:#ffffff; border-top:1px solid #000000;}
.foot{width:100%; padding:20px 0; position:relative; float:left; color:#000000; font-size:18px; line-height:30px; text-align:center;}



#subGnbWrap{width:100%; float:left; height:50px; background:#193d9b; margin-top:142px;}
.subGnb{float:left; width:100%; text-align:center;}
.subGnb .home{display:inline-block; width:60px; height:50px; box-sizing:border-box; border-left:1px solid #ffffff; border-right:1px solid #ffffff; background: url(../images/blet_home.png) no-repeat center center; float:left;}
.subGnb .bradcrum{display:inline-block; padding:0 50px; box-sizing:border-box; border-right:1px solid #ffffff; float:left; line-height:50px; font-size:16px; color:#ffffff; position:relative;}
.subGnb .bradcrum .sTit{float:left; cursor:pointer;}
.subGnb .bradcrum .sNav{width:100%; position:absolute; top:50px; left:0; box-sizing:border-box; border:1px solid #193d9b; padding-bottom:10px; background:#ffffff; display:none; z-index:10;}
.subGnb .bradcrum .sNav a{display:inline-block; width:100%;line-height:40px;}
.subGnb .bradcrum .sNav a:hover{color:#88c9f3;}
.subGnb .bradcrum .sNav a.on{display:none;}
.subGnb .bradcrum .sNavWrap{width:110%; height:200px; position:absolute; top:50px; left:-5%; box-sizing:border-box; background:rgba(0,0,0,0); display:none; z-index:1;}

@media screen and (max-width:1200px){
	
	#topWrap{height:122px;}
	#mGnbWrap{padding:20px 0;}
	.mLogo{padding-left:0px;}
	.mLogo img.logo{width:250px;}
	#subGnbWrap{margin-top:122px;}
	
	.mGnb ul li {padding-left:20px; font-size:14px;}
	.mGnb ul li a{letter-spacing:-1px;}
	
	
}


