header {
	position: -webkit-sticky;
	position: sticky;
	display: block;
	width:100%;
	top:0;
	/* background: linear-gradient(45deg, rgba(74, 83, 183, 1) 0%, rgb(74, 83, 183, 1) 100%); */
	/* border-bottom:1px solid #eee; */
	/* box-shadow: 0px 2px 5px rgba(0,0,0, .05); */
	/* border-bottom:1px solid rgba(0,0,0,.03); */
	z-index: 899;
	margin:0;
	transition: 0.5s;
}
header.fixed-header {
	padding:0;
	transition: 0.5s;
	background: linear-gradient(45deg, rgba(74, 83, 183, 1) 0%, rgba(0, 172, 193, 1) 100%);
	/* background:rgba(255,255,255, 0.73); */
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	border-bottom:1px solid rgba(0,0,0,.03);
	border:0;
	z-index: 899;
}
header .logo a{
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 300px; */
	height:72px;
	font-size:24px;
	padding:0 15px
	/* margin-left:58px; */
}
header .logo-text {
	color:#1d1f22;
}
header .logo img, header .logo-mb img {
	width:45px;
}
header nav {
	position: relative;
	display: flex;
	height:72px;
	color:#222;
	font-size: 14px;
	font-weight: 350;
	font-family:'Arita', 'Noto Sans Korean', sans-serif !important;
	transition: all .2s ease-in-out;
	letter-spacing: 0px;
	width:100%;
}
header .gnb {
	display: flex;
	padding:0 0 0 15px;
	margin:0;
	overflow: hidden;
	height:72px;
	white-space: nowrap;
	overflow-x: auto; 
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
header .gnb li {
	list-style: none;
}
header .gnb li a {
	position: relative;
	display: block;
	line-height: 70px;
	font-size:16px;
	color:#14191e;
	padding:0 5px;
	margin:0 12px;
	font-weight: 400;
	border-bottom:2px solid transparent;
	/* padding-bottom:10px; */
}
header .gnb li a svg {
	font-size:10px;
	position: absolute;
	right:0;
	top:15px;
}
header .gnb li a:hover,
header .gnb li a:focus{
	color:#fff;
}
header .gnb li.active a {
	color:#fff;
	border-bottom:2px solid #fff;
}
header .gnb li a span {
	text-transform:none
}


/* 
header.fixed-header .menu div {
	background:#fff;
} */
/* header.fixed-header li a:hover,
header.fixed-header li a:focus,
header.fixed-header li.active a {
	color:#fff;
	border-bottom:2px solid #fff;
} */
.sideNavBtn {
	position: relative;
	display:flex !important;
	align-items: center;
	justify-content: center;
	width:42px;
	height:62px;
	background:transparent;
	cursor: pointer;
}
.account {
    display:flex;
	padding:0;
	margin:0;
}
.hidden {
	display: none!important;
    visibility: hidden!important;
}
.popover  .popover-body p{
	margin:5px 0 8px;
}
.account li ul {
	right:0;
}
.account li {
	list-style-type: none;
}
.account li a {
	display:flex;
	align-items: center;
	color:#14191e !important;
	font-size:16px;
	padding:0 15px;
	height:72px;
	outline: transparent;
}
.account li a img {
	width:40px;
	height:40px;
	border-radius: 40px;
	border:1px solid rgba(0,0,0,.03);
	background:#fafafa;
	padding:3px;
}
.account li a:hover span, .account li a:focus span {
	color:#222 !important;
}
.account li .dropdown-menu a{
	font-size:14px;
	padding:.25rem 1.5rem
}
.account li .dropdown-menu label{
	margin:0
}
.account li .dropdown-menu .slide-toggle {
	margin:0;
}
.account li .dropdown-menu a span{
	line-height: 24px;
}
.hljs {
	padding:1rem !important;
	border-radius: 6px;
}
/*menu*/
footer {
	position: relative;
	display: block;
	/* border-top:1px solid #eee; */
	background:rgb(42,45,70);
	font-size:14px;
	color:rgb(142,145,170);
}

footer .container {
	position: relative;
	background: transparent;
	padding:0 .75rem;
}
footer .copyright {
	font-size:14px;
	color:rgb(142,145,170);
	font-weight: 350;
	line-height: 40px;
	border-top:1px solid rgba(255,255,255,.03)
}
footer .copyright p {
	margin:0 0 5px;
}
footer p {
	color:rgb(142,145,170);
	margin:0 0 5px;
}
footer strong {
	font-weight: 500;
}
.talk-box {
	background:#EFF2F6;
	border-radius: 6px;
	padding:15px;
}
.partner {
	margin:0;
	padding:15px 0;
	display:flex;
}
.partner li {
	list-style: none;
}
.partner li a {
	line-height: 52px;
	font-weight: bold
}
.partner img{
	filter: grayscale(100%);
	height:52px;
	vertical-align: middle
}
.partner li a:hover {
	color:#111;
}
.partner li a:hover img{
	filter: grayscale(0%);
}
footer h3 {
	font-size:20px ;
}

footer .foot-brand a {
	height:auto !important;
	color:#1d1f22;
	font-weight: 700;
	font-size:20px;
}

footer .foot-brand img{
	height:32px;
	line-height: 32px;
	color:#fff !important
}
.fnb {
	padding:0;
	margin:0;
	display:flex;
	flex-wrap: wrap;
	flex:0 0 100%;
	white-space: nowrap;overflow-y:hidden;
	overflow-x: auto; 
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	/* border-bottom: 1px solid rgba(0,0,0,.03); */
}
.fnb li {
	display: inline-block;
	list-style: none;
}
.fnb-2 li {
	flex:0 0 33.3333%
}
.fnb li a{
	color:rgb(142,145,170);
	display: block;
	line-height: 32px;
	font-size:14px;
	letter-spacing: 0px;
	padding: 0 15px;
	font-weight:400;
}
.fnb li a:hover {
	text-decoration: none;
	color:#fff;
}
.fnb_ li a{
	text-transform: uppercase;
	font-weight: 350;
}
footer .channel {
	display:flex;
	justify-content: flex-end;
	flex: 1;
	margin:0;
	padding:0;
}
footer .channel li {
	list-style: none;
}
footer .channel li a {
	display: block;
	font-size:24px;
	color:#fff;
	padding:0 15px;
}
footer .site ul{
	display:flex;
	justify-content: flex-end;
	flex: 0 0 50%;
	margin:0;
	padding:0;
}
footer .site li {
	list-style: none;
}
footer .site li a {
	display: block;
	font-size:14px;
	color:#fff;
	line-height: 60px;
	padding:0 8px;
	font-weight:400;
}
.visual {
	position: relative;
	background: linear-gradient(45deg, rgba(74, 83, 183, 1) 0%, rgb(74, 83, 183, 1) 100%);
	color: white;
}
/*waves*/
.waves {
	position: relative;
	width: 100%;
	/* height: 15vh; */
	margin-bottom: -7px;
	/*Fix for safari gap*/
	min-height: 100px;
	max-height: 150px;
}
/* Animation */
.parallax>use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
  }
  .parallax>use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
  }
  .parallax>use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
  }
  .parallax>use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
  }
  .parallax>use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
  }
  @keyframes move-forever {
	0% {
	  transform: translate3d(-90px, 0, 0);
	}
	100% {
	  transform: translate3d(85px, 0, 0);
	}
  }

  .btn-primary {
	  background: rgb(24,32,102) !important;
	  border-color: rgb(24,32,102) !important;
  }
  .bg-primary {
	  background-color:rgba(74, 83, 183, 1) !important;
  }