html{position:relative}body{position:relative;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0}.swiper.mainSwiper{width:100%;height:100vh}.swiper.mainSwiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.swiper.mainSwiper .swiper-slide div{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.swiper.mainSwiper .swiper-slide div::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.1);z-index:10}.swiper.mainSwiper .swiper-slide div img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.swiper.mainSwiper .swiper-slide p{position:absolute;right:210px;color:#fff;top:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;z-index:11}.swiper.mainSwiper .swiper-slide p span{font-family:"Pretendard",sans-serif;font-size:2rem;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.swiper.mainSwiper .swiper-slide p b{font-family:"BMJUA",sans-serif;font-weight:100;font-size:7.5rem;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);line-height:1;margin:1rem 0 0;text-align:left}.swiper.mainSwiper .swiper-slide.swiper-slide-active p span{-webkit-animation:fadeUp 2s ease forwards;animation:fadeUp 2s ease forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.swiper.mainSwiper .swiper-slide.swiper-slide-active p b{-webkit-animation:fadeUp 2s ease forwards;animation:fadeUp 2s ease forwards;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.swiper.mainSwiper .swiper-slide.swiper-slide-active div img{-webkit-animation:scaleUp 5s ease forwards;animation:scaleUp 5s ease forwards}@-webkit-keyframes scaleUp{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes scaleUp{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.swiper.mainSwiper .mb_control_box{position:absolute;top:54%;right:370px;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swiper.mainSwiper .mb_control_box .swiper-pagination{position:static;width:auto;height:100%;white-space:nowrap;color:#fff;margin:0 3rem 0;width:30px;font-family:"Pretendard",sans-serif}.swiper.mainSwiper .mb_control_box .autoplay-progress{position:relative;width:218px;height:auto;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100}.swiper.mainSwiper .mb_control_box .autoplay-progress .progress-bar{height:2px;width:100%;background:rgba(255,255,255,.5)}.swiper.mainSwiper .mb_control_box .autoplay-progress span{display:inline-block;height:2px;background:#fff;position:absolute;left:0}.swiper.mainSwiper .mb_control_box .btn_pause{width:13px;height:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 2rem 0}.swiper.mainSwiper .mb_control_box .swiper-button-next,.swiper.mainSwiper .mb_control_box .swiper-button-prev{position:static;margin:0;height:auto;width:auto}.swiper.mainSwiper .mb_control_box .swiper-button-next::after,.swiper.mainSwiper .mb_control_box .swiper-button-prev::after{content:"";width:7px;height:14px;display:inline-block}.swiper.mainSwiper .mb_control_box .swiper-button-next::after{background:url(../../../img/mb_slid_arrow.png) no-repeat center center/cover;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper.mainSwiper .mb_control_box .swiper-button-prev::after{background:url(../../../img/mb_slid_arrow.png) no-repeat center center/cover}@media screen and (max-width: 770px){html{font-size:60%}.swiper.mainSwiper .mb_control_box{top:90%}.swiper.mainSwiper{height:50vh}.swiper.mainSwiper .swiper-slide p{right:26px;top:55%}.swiper.mainSwiper .mb_control_box{right:40px}.swiper.mainSwiper .swiper-slide p b{font-size:5.5rem}.swiper.mainSwiper .swiper-slide p span{font-size:1.48rem}}@media screen and (max-width: 450px){.swiper.mainSwiper .swiper-slide p b{font-size:3.6rem}.swiper.mainSwiper .swiper-slide p span{display:none;font-size:1.2rem}.swiper.mainSwiper .swiper-slide p{top:22%}.swiper.mainSwiper .mb_control_box{width:80%}}@media screen and (max-width: 360px){.swiper.mainSwiper .swiper-slide p b{font-size:4rem}.swiper.mainSwiper .swiper-slide p span{font-size:1.1rem}}