.mobileMain .section { width:100%; height:100vh;/*padding-top:60px;*/box-sizing:border-box; position:relative;}

.mobileMain .section.main1 {background:url('../images/main1.jpg') no-repeat center center;background-size:cover}
.mobileMain .section.main1 #m_vis {height:100vh}
.mobileMain .section.main1 .imgWrap {position:absolute;top:22%;left:0;width:100%;opacity:0}
.mobileMain .section.main1 .imgWrap img {width:100%}
.mobileMain .section.main1.active #m_vis .imgWrap {opacity:1}
.mobileMain .section.main1.active #m_vis img {opacity:0}
.mobileMain .section.main1.active #m_vis .sw1.on .vis_img1 {-webkit-animation: fade-in-bottom 0.6s cubic-bezier(.39,.575,.565,1).3s both;animation: fade-in-bottom 0.6s cubic-bezier(.39,.575,.565,1).3s both;opacity:1}
.mobileMain .section.main1.active #m_vis .sw1.on .vis_img2 {-webkit-animation: fade-in-bottom 0.6s cubic-bezier(.39,.575,.565,1).6s both;animation: fade-in-bottom 0.6s cubic-bezier(.39,.575,.565,1).6s both;opacity:1}
.mobileMain .section.main1.active #m_vis .sw1.on .vis_img3 {-webkit-animation: fade-in-bottom 0.6s cubic-bezier(.39,.575,.565,1).9s both;animation: fade-in-bottom 0.6s cubic-bezier(.39,.575,.565,1).9s both;opacity:1}
@-webkit-keyframes fade-in-bottom {
  0% {-webkit-transform: translateY(-50px);transform: translateY(-50px);opacity: 0;}
  100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
}
@keyframes fade-in-bottom {
  0% {-webkit-transform: translateY(-50px);transform: translateY(-50px);opacity: 0;}
  100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
}


.mobileMain .section.main2 {background-color: #141f34;padding-top:20px}
.mobileMain .section.main2 .fp-tableCell {display:block}
.mobileMain .section.main2 .swiper-container {width: 100%;height:auto;margin-left: auto;margin-right: auto;}
.mobileMain .section.main2 .swiper-slide {background-size: cover;background-position: center;}
.mobileMain .section.main2 .gallery-top {width: 100%;}
.mobileMain .section.main2 .gallery-thumbs {height: auto;box-sizing: border-box;padding:30px 0 0;}
.mobileMain .section.main2 .gallery-thumbs .swiper-slide {width:30%;height: 100%;opacity:1;}
.mobileMain .section.main2 .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.mobileMain .section.main2 .swiper-button-white {outline:none;background:none}
.mobileMain .section.main2 .swiper-button-white.swiper-button-next {width:auto;height:auto;margin-top:0;right:8%;bottom:6%;top:auto}
.mobileMain .section.main2 .swiper-button-white.swiper-button-prev {width:auto;height:auto;margin-top:0;left:8%;bottom:6%;top:auto}
.mobileMain .section.main2 .swiper-button-white img {width:80%}


.mobileMain .section.main3 {background-color:#f9f9f9}
.mobileMain .section.main3 .title {width:100%}
.mobileMain .section.main3 .selfieWrap {width:96%;margin:0 auto}
.mobileMain .section.main3 .selfieWrap > ul {float:left;width:32%}
.mobileMain .section.main3 .selfieWrap > ul:nth-child(2) {margin:0 1%}
.mobileMain .section.main3 .selfieWrap > ul li {margin-bottom:3%}
.mobileMain .section.main3 .selfieWrap > ul li img {width:100%}


.mobileMain .section.main4 {background:url('../images/main4.jpg') no-repeat center center;background-size:cover}
.mobileMain .section.main4 .title {width:100%}
.mobileMain .section.main4 #eventSlide {padding-bottom:40px}
.mobileMain .section.main4 #eventSlide .swiper-slide
{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.mobileMain .section.main4 #eventSlide .swiper-pagination {bottom:0}
.mobileMain .section.main4 #eventSlide .swiper-pagination span {border-radius:0;opacity:1;background:#e7eaec}
.mobileMain .section.main4 #eventSlide .swiper-pagination span.swiper-pagination-bullet-active {background:#ff8891}


.mobileMain .section.main5 {background-color:#f9f9f9}
.mobileMain .section.main5 .title {width:100%}
.mobileMain .section.main5 .videoMoreBtn {width:50%;display: block;margin: 0 auto 30px;}
.mobileMain .section.main5 .videoMoreBtn img {width:100%}

.mobileMain .section.main5 .video-top {margin-bottom:25px}
.mobileMain .section.main5 .video-thumbs .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}


.mobileMain .section.main6 {background-color:#f9f9f9}
.mobileMain .section.main6 .title {width:100%}
.mobileMain .section.main6 .root_daum_roughmap {width: 94%;margin: 0 auto;}
.mobileMain .section.main6 .root_daum_roughmap .wrap_controllers {display:none}


.mobileMain .section.main7 {background:url('../images/main7.jpg') no-repeat center center;background-size:cover}
.mobileMain .section.main7 .title {width:120%}
.mobileMain .section.main7 ul.snsWrap {width:50%;margin-left:4%;padding-bottom:50%}
.mobileMain .section.main7 ul.snsWrap > li {float:left;width: 23.5%;margin-right: 1.8%;}
.mobileMain .section.main7 ul.snsWrap > li a img {width:100%}
.mobileMain .section.main7 ul.snsWrap > li:last-child {margin-right:0}

.mobileMain .section.main7 .footer {position:absolute;bottom:0;left:0;width:100%;padding:25px 4% 100px;background:rgba(20,31,52,0.8)}
.mobileMain .section.main7 .footer ul.ft_agree {margin-bottom:15px}
.mobileMain .section.main7 .footer ul.ft_agree li {float:left;font-size:12px;color:#fff;margin-right:5px;padding-right:5px}
.mobileMain .section.main7 .footer p {color:#fff;font-size:12px;line-height:1.8}
.mobileMain .section.main7 .footer p.copy {margin:5px 0 10px}
.mobileMain .section.main7 .footer a.make {color:#fff;display:block}

/*하단 비포&애프터*/
#btmBnf {position:fixed;left:0;bottom:0;width:100%;height:80px;line-height:80px;background:rgba(10,20,27,0.85);padding:0 2%;z-index:999}
#btmBnf .title {width:20%;float:left;padding-top: 15px;}
#btmBnf #bnfSlide {float:left;width:80%}
#btmBnf #bnfSlide .swiper-slide img {opacity:0}
#btmBnf #bnfSlide .swiper-slide.swiper-slide-active img {opacity:1}
#btmBnf #bnfSlide .swiper-slide img {width:32%}
#btmBnf #bnfSlide .swiper-slide .blur {width:32%;float:left;position:relative;margin-right:2%;overflow:hidden}
#btmBnf #bnfSlide .swiper-slide .blur img {width:100%;filter: blur(2px);}
#btmBnf #bnfSlide .swiper-slide .blur:before {content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:url('../images/bnfLogin.png') no-repeat center center;background-size:100%;z-index: 9;}
#btmBnf #bnfSlide .bnfControl {position:absolute;right:0;top:50%;transform:translateY(-50%);height:36px;z-index: 9;}
#btmBnf #bnfSlide .bnf-button-next {position:absolute;top:18px;right:0;height: 18px; width: 18px;outline: none;}
#btmBnf #bnfSlide .bnf-button-prev {position:absolute;top:0;right:0;height: 18px; width: 18px;}
#btmBnf #bnfSlide .bnf-button-next img,#btmBnf #bnfSlide .bnf-button-prev img {width:100%;position:absolute;top:0;outline:none}

/*메인퀵메뉴*/
html body #quick_bottom {position:fixed; bottom:125px; right:90px; z-index:97;  animation:bounce 2s ease 0s infinite; transition:bottom 0.3s ease;}