@font-face {
    font-family: 'MBC1961GulimM';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/MBC1961GulimM.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/*.header{background-color:#ffda18;}*/

.visual{position:relative; width:100%;}
.visual li{background-size: 100% auto;background-position: 50%;background-repeat: no-repeat;}
.visual li a{display:block; width:100%; height:100%;}
 


.visual .swiper-pagination{position:absolute; left:0; width:100%; text-align:center;}

.pc,.tab,.mb{display:none;}
 
 
.intro_wrap{width:100%; height:100vh;}
.intro_wrap>div{position: relative;background-size:cover !important;text-align:center; cursor:pointer}
.logo_box{} 
.logo_box h3{color:#fff; font-weight:900; background:url(/images/intro/logo.png) no-repeat 50% 0; transition-delay: 1s;}
.logo_box p{color:#fff; line-height:1.4em; }
.logo_box a{display:none; color:#fff; }
.logo_box a span{display:inline-block;vertical-align:middle;border-top:1px solid #fff;border-right:1px solid #fff;transform: rotate(45deg);}

.intro_wrap>div:hover .water{transform: translate(0,0%);}
 
.intro_wrap>div:hover h3{background:url(/images/intro/logo_ov.png) no-repeat 50% 0;}
 

 .water {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;transform: translate(0, 110%);background: #ff661c;transition: all 3s;cursor: pointer;}
 .water_wave { width: 200%; position: absolute; bottom: 100%; }
 .water_wave_back {right: 0;fill: #ff9460;-webkit-animation: wave-back 1.4s infinite linear;animation: wave-back 1.4s infinite linear;}
 .water_wave_front {left: 0;fill: #ff661c;margin-bottom: -1px;-webkit-animation: wave-front 0.7s infinite linear;animation: wave-front 0.7s infinite linear;}

@-webkit-keyframes wave-front {
  100% {
    transform: translate(-50%, 0);
  }
}

@keyframes wave-front {
  100% {
    transform: translate(-50%, 0);
  }
}
@-webkit-keyframes wave-back {
  100% {
    transform: translate(50%, 0);
  }
}
@keyframes wave-back {
  100% {
    transform: translate(50%, 0);
  }
}

.br::after{position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:rgba(0,0,0,0.5)}


.visual .event{position:relative;}
.visual .event>div{height:100%; background-color:#ffecc7}


@keyframes loop {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes loop {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}
.visual_wrap{position:relative;}
.main_menu{position:relative;}
 .wave_wrap{position:absolute;left:0;width:100%;overflow: hidden;z-index: 1;}

 
 .wave{position:absolute;left:0;width:100%;display:flex;flex-direction:row;font-size: 0;}

 .wave span{display:inline-block;display: flex;flex: 0 0 auto;flex-direction: row;align-items: center;white-space: nowrap;-webkit-animation: loop 20s infinite linear 1s both;animation: loop 300s infinite linear 1s both;}

 .wave.w1{animation: wave 4000ms infinite ease-in-out -1000ms;}
 .wave.w2{animation: wave 4000ms infinite ease-in-out -1000ms; }
 .wave.w3{animation: wave 4000ms infinite ease-in-out -3000ms;}
 .wave.w4{/* top:-20px; */animation: wave 4000ms infinite ease-in-out -3000ms;}
 .wave.w3 span, .wave.w4 span{animation-direction:reverse}
  


.main{border-bottom: 2px solid #b81c41;}

.menu_list{display:flex;justify-content: space-between;border-bottom: 2px solid #b81c41;}
.menu_list div{display:flex;overflow: hidden;}
.menu_list h3{display:flex;align-items: center;justify-content: center;}





@media (min-width:1300px) {
 
.visual li{height: 50vw;background-size: cover;}
.visual .swiper-pagination{bottom: 1vw;}
.visual .swiper-pagination-bullet{width:15px; height:15px; margin-right:5px;}

 .pc{display:block;}
 
 

 
 
 
 
  
.intro_wrap>div{float:left; width:50%; height:100%;  overflow: hidden;} 
.br{background:url(/images/intro/pc/intro.png) no-repeat 50%;}
.fc{background:url(/images/intro/pc/fr_bg.png) no-repeat 50%;}
.logo_box{position: absolute;width: 100%;left: 0;z-index: 5;top:300px}
.logo_box h3{padding-top:70px;font-size:80px;margin-bottom:65px;background-size: 71px !important;}
.logo_box p{font-size:25px;}
.logo_box a{font-size:20px;}
.logo_box span{width:10px;height:10px;margin-top: -2px;margin-left: 35px;}




.visual .event>div>div{float:left;}
.visual .event>div{padding: 4% 4%;}
.event_menu>div{height: 47%;}
.event_tit{display: table;height: 100%;width:35%;margin-right:2%}
.event_tit h3 img{width: 85%;}
.event_menu{height: 100%;width: 63%;font-size: 0;}

 
 

@keyframes wave {
  0% {
    transform: translateY(0);
    opacity: 0.3;
  }
  50% {
    transform: translateY(60px);
    opacity:1;
  }
  100% {
    transform: translateY(30px);
    opacity: 0.2;
  }
}

.wave_wrap{bottom: -4vw;height: 276px;}
 .wave{top: -7px;}
.wave span{margin: 0 -3px;}
.wave.w1,.wave.w3{top: 10px;}
 .wave.w3, .wave.w4{left:-20vw;}
.main_menu{margin-top: -13vw;}

.main>img{max-width: 100%; width: auto;}
.menu_list{padding:3.4vw 0}
.menu_list h3{width: 26vw;}
.menu_list h3 img{width:18.85vw;max-width: max-content;}
.menu_list div{width:calc(100% - 26vw)}
.menu_list span{-webkit-animation: loop 20s infinite linear 1s both;animation: loop 20s infinite linear 1s both;margin-right:35px}
.menu_list span img{width: 1359px;}




}
 
@media (min-width:640px){
 
}
@media (min-width: 640px) and (max-width: 1299px){
 
.visual li{height: 150vw;         background-size: cover !important;} 
.visual .swiper-pagination{bottom: 3vw;}
.visual .swiper-pagination-bullet{width:15px; height:15px; margin-right:5px;}

 .tab{display:block;}
 
 
.intro_wrap>div{width:100%; height:50%;  overflow: hidden; display:table;}  
.br{background:url(/images/intro/tab/intro.png) no-repeat 50%;}
.fc{background:url(/images/intro/tab/fr_bg.png) no-repeat 50%;}
.logo_box{position: relative;display:table-cell;vertical-align:middle;z-index: 5;}
.logo_box h3{padding-top:6vw;font-size:8.3vw;margin-bottom: 3vw;background-size: 7.5vw !important;}
.logo_box p{font-size:2.5vw;}
.logo_box a{font-size:2.5vw;}
.logo_box span{width:1.5vw;height:1.5vw;margin-top: -0.5vw;margin-left: 2.5vw;}

 .water{ transform: translate(0, 120%); }
 
 
@keyframes wave {
  0% {
    transform: translateY(0);
    opacity: 0.3;
  }
  50% {
    transform: translateY(3vw);
    opacity:1;
  }
  100% {
    transform: translateY(1vw);
    opacity: 0.2;
  }
}

 .wave_wrap{bottom: 1vw;height: 20vw;}
 .wave{top: -7px;width: 198vw;}
.wave span{margin: 0 -3px;width: 100%;}
.wave.w1,.wave.w3{top: 10px;}
 .wave.w3, .wave.w4{left:-20vw;}
.main_menu{margin-top: -10vw;}
  
  
  
  .menu_list{padding:3.4vw 0;margin-bottom: 3.4vw;}
.menu_list h3{width: 43.3vw;}
.menu_list h3 img{width: 27.25vw;}
.menu_list div{width:calc(100% - 26vw)}
.menu_list span{-webkit-animation: loop 20s infinite linear 1s both;animation: loop 20s infinite linear 1s both;margin-right:35px}
.menu_list span img{width: 142vw;}



}
@media (max-width:1299px){

 
}
@media (max-width: 640px){
	 


 .mb{display:block;} 

.visual li{height:170vw;background-size: cover;} 
.visual .swiper-pagination{bottom: 4vw;}
.visual .swiper-pagination-bullet{width: 2vw;height: 2vw;margin-right: 1vw;}

 .intro_wrap>div{width:100%; height:50%;  overflow: hidden; display:table;}  
.br{background:url(/images/intro/mb/intro.png) no-repeat 50%;}
.fc{background:url(/images/intro/mb/fr_bg.png) no-repeat 50%;}
.logo_box{position: relative;display:table-cell;vertical-align:middle;z-index: 5;}
.logo_box h3{padding-top:10vw;font-size:12vw;margin-bottom: 3vw;background-size: 11.3vw !important;}
.logo_box p{font-size:3.5vw;}
.logo_box a{font-size:3.5vw;}
.logo_box span{width:3vw;height:3vw;margin-top: -0.5vw;margin-left:3vw;}

 .water{ transform: translate(0, 120%); }
 
 
  
@keyframes wave {
  0% {
    transform: translateY(0);
    opacity: 0.3;
  }
  50% {
    transform: translateY(3vw);
    opacity:1;
  }
  100% {
    transform: translateY(1vw);
    opacity: 0.2;
  }
}

 .wave_wrap{bottom: 1vw;height: 23vw;}
 .wave{top: -7px;width: 300vw;}
.wave span{margin: 0 -3px;width: 100%;}
.wave.w1,.wave.w3{top: 10px;}
 .wave.w3, .wave.w4{left:-20vw;}
.main_menu{margin-top: -12vw;}


  .menu_list{padding:3.4vw 0;margin-bottom: 3.4vw;}
.menu_list h3{width: 31.3vw;}
.menu_list h3 img{width: 24vw;}
.menu_list div{width:calc(100% - 26vw)}
.menu_list span{-webkit-animation: loop 20s infinite linear 1s both;animation: loop 20s infinite linear 1s both;margin-right:35px}
.menu_list span img{width: 139vw;}

  .main>img{width: 100%;margin: 0 auto;display: block;}
}