.image-background {
  -webkit-transition: all .3s;
  transition: all .3s; position: relative; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; overflow: hidden;
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center;  align-items: center; 
  }
  .image-background * { -webkit-transition: all .3s; transition: all .3s; }
  .image-background > img, .image-background > .img { 
	width: 100%;
    height: auto;
    opacity: 0; 
	}
  .image-background .text {
    position: absolute; width: 100%; height: 100%;left: 0;  top: 0;  z-index: 4; 
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.bg-sky{background-color:#2272b1 !important}
.text-white{color:#fff !important}
@media(max-width:575px){ 
	#header .container-wrap{padding:0}
	#header .container-wrap .logo{transform:none;top:10px;}
	#header .container-wrap #gnb{padding-top:45px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;white-space:nowrap;}
	#header .container-wrap #gnb > ul > li {padding:0 9px !important;}
	#header .container-wrap #gnb > ul > li > a{font-size:14px;font-weight:500;line-height:50px;}
}