@charset "utf-8";
html,body{width:100%; height:100%; overflow-x: hidden; margin:0 auto; }
/*.inner{width:1870px; margin:0 auto; }*/
.contains{margin:0 auto; max-width:1180px; position: relative;}

.mobile{display: none !important;}

br{font-family:'dotum';}

.event_slider_wrap,
.player_slider_wrap,
.schedule_slider_wrap,
.feature_panel .feature_box_con .box_list .feature_box{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}

/* .fp-section.fp-table, 
.fp-slide.fp-table {min-height: 100vh;} */

.videowrapper {
position: relative;
padding-bottom: 53.6%; 
padding-top: 25px;
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:3px solid #ef4023;
}

.video_box {max-width:900px; margin:40px auto 0}

/* font */
.number,
.num {font-family: 'Gugi', cursive;}

/*header*/
#header{position:relative;z-index:999; }
.logo{width:158px; height:33px; background:url(../img/common/logo_w.png) no-repeat; position: fixed; left:20px;top:20px;}


/* hd_color */
.fp-viewing-page8 #header .logo{background-image:url(../img/common/logo.png)}



/*menu_icon*/
.slide-open{ position:relative; top:0%; top:0; width:60px; height:60px;background-color:transparent;   /*background-color:#ffffff; */cursor:pointer; text-align:center; border:0; }
.burgur{     left: 18px;  top: 27px;position: absolute;  width: 20px; height: 2px;  background: #fff; }
.burgur .top-line{  width: 25px;  height: 2px; background-color: #fff;  bottom: -8px;  content: '';  position: absolute;  left: 0;  -webkit-transition:  -webkit-transform .3s;  transition: transform .3s;}
.burgur .bot-line { width: 25px;  height: 2px;  background-color: #fff;  top: -8px;  content: '';  position: absolute;  left: 0;  -webkit-transition:  -webkit-transform .3s;  transition: transform .3s;}
.burgur.on {  width: 0; }
.burgur.on .bot-line {  -webkit-transform: translateY(8px) rotate(135deg);  transform: translateY(8px) rotate(135deg); width: 20px; }
.burgur.on .top-line{ -webkit-transform: translateY(-8px) rotate(-135deg);  transform: translateY(-8px) rotate(-135deg);  width: 20px; }

.scroll #nav ul.menu li {background:#fff; border-bottom:1px solid #eee;}
.scroll #nav .logo{ background-image: url(../img/common/mlogo.png);}
.scroll .burgur .top-line,
.scroll .burgur .bot-line,
.scroll .burgur { background: #000000;}
.scroll #nav .lang_btn a {color:#666; opacity: 1;}

/* .overhide #nav ul.menu li {background:#fff; border-bottom:1px solid #eee;} */
.overhide #nav .logo{ background-image: url(../img/common/mlogo.png);}
/* .overhide .burgur .top-line,
.overhide .burgur .bot-line,
.overhide .burgur { background: #000000;} */
.overhide #nav .lang_btn a {color:#666; opacity: 1;}


/* fp-nav */
/*#fp-nav ul li a span, 
.fp-slidesNav ul li a span,
#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span {border-radius: 0; width:15px; height:2px; opacity: 0.8;}*/
#fp-nav.right {right:-1px}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span { background:#fff; opacity: 0.3;}
#fp-nav ul li .fp-tooltip {color:#fff}


/*mobile_select*/
.select_box { margin: 20px;}
.select_box .box { display: inline-block; position: relative; width: 100%; }
.select_box .box .select { position: relative;  border: 2px solid #ccc; box-sizing: border-box; padding: 0 10px; height: 60px; line-height: 50px; font-size: 20px; background-color: #fff; cursor: pointer;}
.select_box .box .select:after { content: url("../img/common/select_down.png"); position: absolute; top: 0; right: 10px;}
.select_box.on .box .select:after {  content: url("../img/common/select_up.png");}
.select_box .box .list {  display: none;  overflow-y: auto; position: absolute;  top: 58px;  left: 0;  z-index: 10;  font-size:18px;  border: 2px solid #ccc; box-sizing: border-box; padding: 10px 0;  width: 100%; max-height: 200px; background-color: #fff;}
.select_box .box .list::-webkit-scrollbar { width: 10px; height: 0;}
.select_box .box .list::-webkit-scrollbar-button:start:decrement,
.select_box .box .list::-webkit-scrollbar-button:end:increment { display: block; height: 0;}
.select_box .box .list::-webkit-scrollbar-track { background: rgba(0, 0, 0, .05);  -webkit-border-radius: 10px;  border-radius: 10px;}
.select_box .box .list::-webkit-scrollbar-thumb {  height: 50px;   width: 50px; background: rgba(0, 0, 0, .2);  -webkit-border-radius: 5px; border-radius: 5px;}
.select_box .box .list>li { box-sizing: border-box;  padding: 0 10px;  width: 100%;  height: 35px;  line-height: 35px;  cursor: pointer;}
.select_box .box .list>li:hover { background-color: #ccc;}

/* section */
.section {position: relative;}
.section .title_box {padding:0 15%; text-align: center;}
/* .section .title_box.center {text-align: center;} */
.section .title_box .title { color:#fff; font-size: 50px; letter-spacing: -4.5px; line-height: 1.2em; font-weight: 100;}
.section .title_box .title b { font-weight: 700; }
.section .title_box .title b.color {color:#ef4023; font-weight: 800; }
.section .title_box .desc { color:#fff; font-size: 16px; margin-top:18px; opacity: 0.8;}
.section .title_box .text { color:#fff; font-size: 24px; margin-top:18px;line-height: 1.3em;}
.section .title_box p + .title {margin-top:10px}
.section .title_box .btn {margin-top:30px; background:#ef4023; color:#fff; display: inline-block; padding:20px 40px; font-size:20px;}

.section .title_box .number {font-size: 2em;}

.section .title_box.light .title,
.section .title_box.light .text,
.section .title_box.light .desc { color:#333}

.section .contents_box {margin-top:40px}

/* top */
#section0 { background:#000 url(../img/main/top_bg.jpg) bottom center no-repeat;}
.main_title_box  {padding-left: 15%;}
.main_title_box .txt1 { color:#fff; font-size: 40px; letter-spacing: -2px;}
.main_title_box .txt1 b { font-weight: 700; color:#ef4023}
.main_title_box .txt2 { color:#fff; font-size: 20px; margin-top:20px}
.main_title_box .tit { color:#fff; font-size: 85px; line-height: 1.1em;letter-spacing: -3px; margin-top:10px;font-family: 'Black Han Sans', sans-serif;}
.main_title_box a {margin-top:40px; background:#ef4023; color:#fff; display: inline-block; padding:20px 40px; font-size:20px;}

#section0 .object {position: absolute; right:0; top:15vh; width:100%; height:85vh; text-align: right;}
#section0 .object img { height:100%}


#section1 { background:#000 url(../img/main/section1_bg.jpg) bottom center no-repeat; background-size: cover;}
.section2 { background:#000 url(../img/main/section2_bg.jpg) bottom center no-repeat; background-size: cover;}
.section3 { background:#000 url(../img/main/section3_bg.jpg) bottom center no-repeat; background-size: cover;}
.section4 { background:#000 url(../img/main/section4_bg.jpg) bottom center no-repeat; background-size: cover;}

.section5 { background:#000 url(../img/main/section5_bg.jpg) bottom center no-repeat; background-size: cover;}
.section5 .title_box {position: absolute; top:0; padding-top:110px; left:0; right:0; text-align: center;}

.section6 { background:#000 url(../img/main/section6_bg.jpg) bottom center no-repeat; background-size: cover;}
.section7 { background:#000 url(../img/main/section7_bg.jpg) bottom center no-repeat; background-size: cover;}

/* 5 */
.section7 { background:#000 url(../img/main/section7_bg.jpg) bottom center no-repeat; background-size: cover;}
.hope_slider .swiper-slide .inner {background:#fff; text-align: center; margin:0 5px}
.hope_slider .swiper-slide .inner img {width:100%;}
.hope_slider .swiper-slide .text_box {padding:20px 0 25px; width:100%;}
.hope_slider .swiper-slide .text_box .txt1 { color:#333; font-size: 24px; font-weight: 700;  line-height: 1em;}
.hope_slider .swiper-slide .text_box .txt2 { color:#666; font-size:16px; margin-top:10px; line-height: 1.3em;}

.section7 .swiper-pagination,
.section7 .swiper-button-next,
.section7 .swiper-button-prev {display: none;}

/* 6 */
.section8 { background:#f5f5f5 }
.section8 .title_box {position: absolute; top:0; padding-top:110px; left:0; right:0; text-align: center;background:#f5f5f5; padding-bottom: 60px;}
.section8 .bg_box {position: absolute; bottom:-4px; left:0; right:0; text-align: center; display: table; width:100%; table-layout: fixed;}
.section8 .bg_box .cell {display: table-cell; width:50%; text-align: center; position: relative;}
.section8 .bg_box .cell .thumb {width:100%; height:68vh; background: #000; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
/* .section8 .bg_box .cell img {width:100%;} */
.section8 .bg_box .cell p { color:#fff; font-size: 20px; position: absolute; bottom:90px; left:0; right:0; text-align: center; }

/* 7 */
.section9 { background:#000 url(../img/main/section9_bg.jpg) bottom center no-repeat; background-size: cover;}
.section9 .object {position: absolute; bottom:-4px; left:0; right:0; text-align: center;}
.section9 .object img {max-width:100%; margin:0 auto}
.section9 .title_box {position: absolute; top:110px; left:0; right:0; text-align: center;}

/* footer */
.footer {background: #333; /*position: absolute; bottom:0; left:0; */ text-align: center;width:100%}
.footer * {letter-spacing: 0;}
.footer .inner {padding:0 80px;}
.footer .footer_top {position: relative; height: 40px;}
.footer .footer_top ul li {display: inline-block; vertical-align: middle;}
.footer .footer_top .sns {position: absolute; top:0px; left:0;}
.footer .footer_top .sns li + li {margin-left:10px}
.footer .footer_top .sns a {width:19px; height: 40px; background-size: 18px; background-repeat: no-repeat; background-position:center; display: block;}
.footer .footer_top .sns a.btn_facebook { background-image: url(../img/icon/facebook.png); width:10px; }
.footer .footer_top .sns a.btn_facebook + li {margin-left:0;}
.footer .footer_top .sns a.btn_insta { background-image: url(../img/icon/insta.png);}
.footer .footer_top .sns a.btn_youtube { background-image: url(../img/icon/youtube.png);}
.footer .footer_top .sns a.btn_blog { background-image: url(../img/icon/blog.png);}
.footer .footer_top .sns a.btn_twitter { background-image: url(../img/icon/twitter.png);}
.footer .footer_top .menu {margin: 0 auto;}
.footer .footer_top .menu li {margin-left:20px} 
.footer .footer_top .menu li a { color:#fff; font-size: 13px;line-height: 40px; opacity: 0.8;}
.footer .footer_top .menu li a:hover {opacity: 1;}
.footer .footer_top .tel_box {position: absolute; top:0px; right:0}
.footer .footer_top .tel_box span {font-size:13px; color:#fff; opacity: 0.6; line-height: 40px; display: inline-block; vertical-align: middle;}
.footer .footer_top .tel_box a { position: relative; top: -1px; font-size:20px; font-weight: 700; color:#fff; line-height: 40px; display: inline-block; vertical-align: middle; margin-left: 10px;}
.footer .footer_bot {border-top:1px solid rgba(255,255,255,0.2); padding:8px 0}
.footer .footer_bot p {color:#fff; font-size: 11px; opacity: 0.8; letter-spacing: 0.5px;font-weight:100}
.footer .footer_bot p.copyright {opacity: 0.5; margin-top: 1px; }


/* bar */
.bar {position: fixed; z-index: 99; left:0;right:0;bottom:0; width:100%; height: 60px; background:#ef4023; letter-spacing: -0.5px;}
.bar .txt {position: absolute; top:0; left:20px; color:#fff; font-size: 20px; line-height: 60px;}
.bar .txt img,
.bar .txt span {display: inline-block; vertical-align: middle;}
.bar .txt img {height:21px}
.bar .txt img + span {margin-left: 15px; position: relative; top: -3px;}
.bar .btn { background:rgba(0, 0, 0, .08); position: absolute; right:0;width:500px}
.bar .btn a::before {content:""; position: fixed; right:0;bottom:0; z-index: 1; background:url(../img/main/quick.png) right bottom no-repeat; width:245px; height: 173px; display: block; }
.bar .btn a { color:#fff; font-size: 20px; font-weight: 700; text-align: left;line-height: 60px;  padding-left: 20px;position: relative; z-index: 2;}
.bar .btn a span {display: inline-block; background:url(../img/main/icon_arrow.png) right center no-repeat; padding-right: 20px;}

.fp-viewing-main .bar,
.fp-viewing-page1 .bar,
.fp-viewing-page7 .bar,
.fp-viewing-footer .bar {bottom:-60px; opacity: 0;}

.overhide .bar,
.fp-viewing-main.overhide .bar,
.fp-viewing-page7.overhide .bar {bottom:0; opacity: 1; z-index: 999999;}


/* animate */
.animate{transform:translateY(50px);opacity:0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}
.animate2{transform:translateY(100px);opacity:0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}
.animate_delay_2{-webkit-transition-delay:0.2s;transition-delay:0.2s}
.animate_delay_4{-webkit-transition-delay:0.4s;transition-delay:0.4s}
.animate_delay_6{-webkit-transition-delay:0.6s;transition-delay:0.6s}
.animate_delay_8{-webkit-transition-delay:0.8s;transition-delay:0.8s}

.animatex{transform:translateX(-100px);opacity:0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}
.animatex2{transform:translateX(100px);opacity:0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}

.fp-viewing-main .animate,
.active .animate2 {transform:translateY(0);opacity:1}

.fp-viewing-footer .section9 .animate2  {transform:translateY(0);opacity:1}

.active .animatex,
.active .animatex2 {transform:translateX(0);opacity:1}


.active .animate3{animation:zoomIn1 1.5s linear forwards,fadeIn1 1.5s linear forwards;transform-origin:50% 50%;-webkit-animation:zoomIn1 1.5s linear forwards,fadeIn1 1.5s linear forwards}

/* interview */
.interview {position: absolute; bottom:90px; left:20px; overflow: hidden;}
.interview .text_box { position: absolute; top:50%; transform: translateY(-50%); left:0; padding:0 25px; }
.interview .text_box p { color:#fff; font-size: 20px; line-height: 1.5em; width:100%;font-family: 'Gowun Batang', serif;;}
.interview .text_box p + p { font-size: 12px; opacity: 0.8; margin-top:20px; letter-spacing: -0.5px;font-family: 'Noto Sans KR', sans-serif;}

@media screen and (min-width:1045px) and (max-height:600px) {
  .bar {bottom:-60px; opacity: 0;}
  .interview {display: none;}

}

/*****************************************************/
@media screen and (min-width:900px) {	

  


}


/*****************************************************/



@media screen and (max-width:1800px) {	

 

}


@media screen and (max-width:1500px) {	

  .main_title_box {padding-left:5%}
  .section .title_box {padding:0 5%;}
  .section5 .title_box {padding-top: 110px;}

  .m_video .title_box br.mobile {display: block!important;}
  

  .footer .inner {padding:0 20px}

}



@media screen and (max-width:1280px) {	

  .contains {padding: 0 20px;}
  .contains.inline{padding: 0 10px;}
  

  .bar .btn {width: auto; padding-right: 20px;}
  .bar .btn a::before { display: none;}

  .main_title_box .tit {font-size: 65px; margin-top: 5px;}
  .main_title_box .txt1 {font-size: 30px;}


  #section0 .object {right:-20vw}

}

  
  
@media screen and (max-width:900px){ 
    
  /**/  
  .pc{display: none !important;}
  .mobile{display: block!important;}
  .mobile_hide{display: none;}

  .bar {display: table; table-layout: fixed;}
  .bar .btn {width: auto;  display: table-cell!important; width: 50%; position: relative; right:auto;top:auto; padding:5px 0; vertical-align: middle;}
  .bar .btn a {line-height: normal; padding:0; text-align: center; display: block; font-size: 16px;}
  .bar .btn a span {background: transparent;padding-right: 0; line-height: 1.2em; }
  .bar .btn a span span {font-size: 0.8em; font-weight: 500;}
  .bar .btn a .num {font-size: 1.3em; padding-top: 4px; display: block; letter-spacing: 0;}
  .bar .btn:last-child {background: transparent;}

  body {
      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none; /* Firefox */
  }
  body::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Opera*/
  }

  #fp-nav {display: none;}

  
  html,body {overflow-x: hidden!important}

  .logo { width:30%; background-size: 100% auto;}

  /* select */
  .mobile select {width:100%; border:1px solid #eee; padding:12px 10px; color:#333; font-size: 15px; font-weight: 700; }
  .mobile select { 
      font-family: inherit;
      background:#fff url('../img/common/select_down.png') no-repeat 95% 50%;
      border-radius: 0px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }        
  .poster_wrap select::-ms-expand {display: none;  }   
  
  .overhide { overflow: hidden !important;}
  
  .page_animate{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:transform 0.3s cubic-bezier(0,0,0.58,1);-moz-transition:transform 0.3s cubic-bezier(0,0,0.58,1);-ms-transition:transform 0.3s cubic-bezier(0,0,0.58,1);-o-transition:transform 0.3s cubic-bezier(0,0,0.58,1);transition:transform 0.3s cubic-bezier(0,0,0.58,1)}	
	.page_animate.animate{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}

  /* section */
  /* .fp-viewing-main .bar {bottom:0; opacity: 1;} */
  .section .title_box { text-align: center;}
  .section .title_box .title { font-size: 30px; /*font-weight: 700;*/ letter-spacing: -2px;}
  .section .title_box .title b {font-weight: 700;}
  .section .title_box p + .title {margin-top:5px}
  .section .title_box .desc {font-size: 14px; opacity: 0.8; letter-spacing: -1px;}
  .section .title_box .btn {font-size:16px; padding:15px 0; width:50%; font-weight: 700;}
  .section .title_box .text { font-size: 16px;}
  .section .title_box .txt {display: block; line-height: 1em; padding-bottom: 20px;}
 
  /* top */
  /* #section0 {background-image: url(../img/main/m_top_bg.jpg); background-size: 100% auto;} */
  #section0 {letter-spacing: -1px;}
  #section0 .object_m {margin:0 auto; width:90%}
  #section0 .object_m img {width:100% }
  .main_title_box a {padding:15px 0;font-size:16px; font-weight: 700; width:50%; margin-top: 20px; }

  .main_title_box {text-align: center; margin-top:-18%;padding: 0;}
  .main_title_box .txt1 { font-size: 18px;}
  .main_title_box .tit { font-size: 40px; letter-spacing: -0.5px;}
  .main_title_box .txt2 { font-size: 14px; margin-top: 10px;}

 

  #section1 { background:#000 url(../img/main/section1_bg.jpg) bottom center no-repeat; background-size: cover;}

  .section6 { background-image: url(../img/main/m_section6_bg.jpg);}

  /* 5 */
  .section7 .swiper-pagination{display: block;}
  /* .section7 .swiper-button-next,
  .section7 .swiper-button-prev {display: block;} */
  .hope_slider {padding-bottom: 30px;}
  .hope_slider .swiper-slide .text_box .txt1 { font-size: 18px;}
  .hope_slider .swiper-slide .text_box .txt2 {font-size: 14px; padding:0 10px}
  .swiper-container-horizontal>.swiper-pagination-bullets, 
  .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0}
  .swiper-pagination-bullet {background:#fff}
  .swiper-pagination-bullet-active {background:#fff; width:30px; border-radius: 20px;}
  .swiper-button-prev, 
  .swiper-container-rtl .swiper-button-next { background:url(../img/common/slide_left.png) center no-repeat; left: 25px; width:44px; top:auto; bottom:-12px; margin:0}
  .swiper-button-next, 
  .swiper-container-rtl .swiper-button-prev { background:url(../img/common/slide_right.png) center no-repeat; right:25px; width:44px; top:auto; bottom:-12px; margin:0}


  /* 6 */
  .fp-viewing-page6 #nav .logo { background-image: url(../img/common/mlogo.png) ;}
  .fp-viewing-page6 .burgur,
  .fp-viewing-page6 .burgur * { background-color: #666;}

  .section7 .contents_box { width:80%; margin:20px auto 0}


  .section8 .bg_box .cell p {font-size: 16px;}
  .section8 .bg_box .cell .thumb {/*background-position: top center;*/ background-size: 100% auto; background-color:#f5f5f5}
  .section8 .title_box .text { font-weight: 700;}

  /* 7 */
  /* .section9 .object { bottom:auto; bottom:60px} */
  .section9 .object img { width:100%}
  .section9 .object img.mobile2 {display: none!important;}
  .footer .footer_top {height: auto;}
  .footer .footer_top .sns {position: relative; left:auto;top:auto;}
  .footer .footer_top .menu {padding-bottom: 10px;}
  .footer .footer_top .menu li {margin-left:0; margin-right:10px}
  .footer .footer_top .menu li a {line-height: 1.2em;}
  .footer .footer_bot p.copyright {line-height: 1.2em; padding: 5px 0;}


  .fp-viewing-footer #header .logo { display: none;}

  

  /* interview */
  .fp-viewing-page3 .bar,
  .fp-viewing-page4 .bar {bottom:-60px; opacity: 0;} 

  .interview { bottom:0px; left:0px; width:100%; overflow: visible;}
  .interview .text_box { position: relative; left:auto;top:auto; transform: inherit; background:rgba(0,0,0,0.7);padding:20px}
  .interview .text_box p { font-size: 14px; width:60%; letter-spacing: -0.5px; position:relative}
  .interview .text_box p + p {margin-top: 10px;}

  .interview .text_box::before { content:""; background:url(../img/main/m_interview1.png) right top no-repeat; background-size:auto 100%; display: block; width:100%; height:calc(100% + 60px); position: absolute; top:-60px; right:0}

  .section4 .interview .text_box::before { background-image:url(../img/main/m_interview2.png)}

  .section3 .title_box,
  .section4 .title_box { padding-bottom: 25vh;}

}
  
@media screen and (max-width:380px){ 
  .data_mobile_img { height:115vh}
  .section .title_box .title { font-size: 24px;}

  .section9 .object img.mobile {display: none!important;}
  .section9 .object img.mobile.mobile2 {display: block!important;}
}

/* animate */
@keyframes slideUp1{
	0%{transform:translate(0,50px);-moz-transform:translate(0,50px);-webkit-transform:translate(0,50px);-ms-transform:translate(0,50px);-o-transform:translate(0,50px)}
  50%{transform:translate(0,50px);-moz-transform:translate(0,50px);-webkit-transform:translate(0,50px);-ms-transform:translate(0,50px);-o-transform:translate(0,50px)}
	100%{transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}

@keyframes slideUp2{
	0%{transform:translate(0,100px);-moz-transform:translate(0,100px);-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);-o-transform:translate(0,100px)}
  50%{transform:translate(0,100px);-moz-transform:translate(0,100px);-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);-o-transform:translate(0,100px)}
	100%{transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}

@keyframes slideUp3{
	0%{transform:translate(0,150px);-moz-transform:translate(0,150px);-webkit-transform:translate(0,150px);-ms-transform:translate(0,150px);-o-transform:translate(0,150px)}
  50%{transform:translate(0,150px);-moz-transform:translate(0,150px);-webkit-transform:translate(0,150px);-ms-transform:translate(0,150px);-o-transform:translate(0,150px)}
	100%{transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}

@keyframes slideUp4{
	0%{transform:translate(0,200px);-moz-transform:translate(0,200px);-webkit-transform:translate(0,200px);-ms-transform:translate(0,200px);-o-transform:translate(0,200px)}
  50%{transform:translate(0,250px);-moz-transform:translate(0,200px);-webkit-transform:translate(0,200px);-ms-transform:translate(0,200px);-o-transform:translate(0,200px)}
	100%{transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}

@keyframes slideUp5{
	0%{transform:translate(0,250px);-moz-transform:translate(0,250px);-webkit-transform:translate(0,250px);-ms-transform:translate(0,250px);-o-transform:translate(0,250px)}
  50%{transform:translate(0,250px);-moz-transform:translate(0,250px);-webkit-transform:translate(0,250px);-ms-transform:translate(0,250px);-o-transform:translate(0,250px)}
	100%{transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}

@keyframes fadeIn1{
	0%{opacity:0}
  50%{opacity:0}
	100%{opacity:1}
}

@keyframes zoomIn1{
	0%{transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}
	100%{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}

/*영상*/
.video-background {
  background: #000;
  /* position: fixed; */
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.7;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 330%; left: -115%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}