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

img{max-width:100%;height:auto;vertical-align:middle}
.bg-video{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;overflow:hidden}
.bg-video::after{content:'';background-color:rgba(0,0,0,0.9);width:100%;height:100%;position:absolute}
.mr-hero{min-height:100vh;padding-top:110px;background:rgba(0,0,0,0.5);position:relative}
.mr-hero .container{position:relative}
.mr-hero__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;min-height:59rem}
.mr-hero__title{color:#fff;font-family: 'NanumSquareRound', sans-serif;;font-size:40px;line-height:50px;letter-spacing:2px;line-height:60px;margin:auto 0}


.mr-hero__title span{color:#fff}
.mr-hero__subtitle{font-size:1.5rem;  margin-top: -71px;  font-family: NanumSquareRound,Helvetica,sans-serif;, sans-serif;;margin-bottom:auto; color:#fff;}
.mr-hero__arrow{text-align:center;position:absolute;bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:moveTopAndBottom 3s infinite;animation:moveTopAndBottom 3s infinite}
.mr-hero .swiper-container{height:100%}
.mr-hero .swiper-wrapper img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-property:transform,-webkit-transform}@media(min-width:576px){.container{max-width:540px}
}@media(min-width:768px){.container{max-width:720px}
}@media(min-width:992px){.container{max-width:960px}
}@media(min-width:1200px){.container{max-width:1140px}
body .container{max-width:px}
}@media(max-width:1200px){body .container{max-width:100%}
}@media(max-width:1114px){.mr-hero__title{font-size:38px}
}@media only screen and (max-width:900px){html{font-size:50%}
}@media(max-width:645px){
.mr-hero__title{font-size:28px}
.mr-hero__title{text-align:center;font-size:26px;line-height:3.8rem}
.mr-hero__subtitle{text-align:center}
}@media(max-width:512px){
.mr-hero{min-height:95vh}
}@media(max-width:350px){.mr-hero__title{font-size:22px}
}@media screen and (max-height:611px){.mr-hero{padding-top:30px}
}@-webkit-keyframes moveTopAndBottom{0%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}
40%{-webkit-transform:translateY(3rem) translateX(-50%);transform:translateY(3rem) translateX(-50%)}
100%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}
}@keyframes moveTopAndBottom{0%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}
40%{-webkit-transform:translateY(3rem) translateX(-50%);transform:translateY(3rem) translateX(-50%)}
100%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}
}