@charset "utf-8";
/* CSS Document */
/*font*/
/*노토산스
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

li { list-style:none; }

.mainmenu_bg {
	width:1920px;
	height:23px;
	background:#2187ca;	
}

.mainvisualimg { animation: up_ani1 2s ease; }

@keyframes up_ani1 {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  50% {
	transform: translateY(0px);
    opacity: 1;
  }
  100% {
	transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes up_ani1 {
  0% {
    -webkit-transform: translateY(50px);
    opacity: 0;
  }
  50% {
	-webkit-transform: translateY(0px);
    opacity: 1;
  }
  100% {
	-webkit-transform: translateY(0px);
    opacity: 1;
  }
}

#mainvisual_text p {
	font-family: 'NEXON Lv2 Gothic';
	font-weight:bold;
	font-size:24px;
	color:#1f4187;
	letter-spacing:-0.5px;
	animation: left_ani 2s ease;	
}
#mainvisual_text p span {
	font-family: 'NEXON Lv2 Gothic';
	font-weight:bold;
	font-size:24px;
	color:#126da8;
	letter-spacing:-0.5px;
	animation: left_ani 2s ease;
}



@keyframes left_ani {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  50% {
	transform: translateX(0px);
    opacity: 1;
  }
  100% {
	transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes left_ani {
  0% {
    -webkit-transform: translateX(-50px);
    opacity: 0;
  }
  50% {
	-webkit-transform: translateX(0px);
    opacity: 1;
  }
  100% {
	-webkit-transform: translateX(0px);
    opacity: 1;
  }
}



#subvisualtext p {
	font-family: 'NEXON Lv2 Gothic';
	font-weight:bold;
	font-size:20px;
	color:#1f4187;
	letter-spacing:-0.5px;
	animation: left_ani 2s ease;	
}
#subvisualtext p span {
	font-family: 'NEXON Lv2 Gothic';
	font-weight:bold;
	font-size:20px;
	color:#126da8;
	letter-spacing:-0.5px;
	animation: left_ani 2s ease;
}