@charset "utf-8";

#content{ font-family: 'GmarketSansMedium'; background-color: #181b1c;}

#mSlide{display: block; width: 100%; height: calc(100vh - 140px); overflow: hidden;}
#mSlide .slide-wrap{display: flex; width: 100%; height: 100%; color: #fff;}
#mSlide .slide-wrap .slide{position: relative; min-width: 138px; width:11%; flex: auto; transition: all .6s cubic-bezier(0, 0.55, 0.45, 1)}
#mSlide .slide-wrap .slide.active{width: 100%; flex: auto;}
#mSlide .slide-wrap .slide .img-bg{width: 0; display: none; overflow: hidden;}
#mSlide .slide-wrap .slide.active .img-bg{display: block; width: 100%; height: 100%; background-color: #000;}

#mSlide .slide-wrap .slide.active .img-bg > div{animation: img-bg .4s .2s forwards ease-in; transform-origin: center;}

#mSlide .slide-wrap .slide.active .img-bg .intro{width: 100%; height: 100%; background: url('/images/main1-img2.jpg')no-repeat center; background-size: cover;}
#mSlide .slide-wrap .slide.active .img-bg .busi{width: 100%; height: 100%; background: url('/images/main2-img2.jpg')no-repeat center; background-size: cover;}
#mSlide .slide-wrap .slide.active .img-bg .gall{width: 100%; height: 100%; background: url('/images/main3-img2.jpg')no-repeat center; background-size: cover;}
#mSlide .slide-wrap .slide.active .img-bg .news{width: 100%; height: 100%; background: url('/images/main4-img2.jpg')no-repeat center; background-size: cover;}
#mSlide .slide-wrap .slide.active .img-bg .cont{width: 100%; height: 100%; background: url('/images/main5-img2.jpg')no-repeat center; background-size: cover;}

#mSlide .slide-wrap .slide.active .img-bg img{height: 100%; animation: img-bg .4s .2s forwards ease-in; transform-origin: center;}
#mSlide .slide-wrap .slide .tit{height: 100%; flex:0 0 auto; cursor: pointer;}
#mSlide .slide-wrap .slide:nth-child(1) .tit{background-color: #292e30;}
#mSlide .slide-wrap .slide:nth-child(2) .tit{background-color: #262b2d;}
#mSlide .slide-wrap .slide:nth-child(3) .tit{background-color: #222728;}
#mSlide .slide-wrap .slide:nth-child(4) .tit{background-color: #1e2223;}
#mSlide .slide-wrap .slide:nth-child(5) .tit{background-color: #1c1e1f;}
#mSlide .slide-wrap .slide .tit div{ position: absolute; left: 50%; top: 50%; transform:translateX(-50%) rotate(90deg); }
#mSlide .slide-wrap .slide .tit span{color: #b0b8bd; font-size: 2.0rem; white-space: nowrap;}
#mSlide .slide-wrap .slide.active .tit{display: none;}

#mSlide .slide-wrap .slide.active .desc{visibility: visible; opacity: 1; position: absolute; left: 90px; top: 50%; transform: translateY(-50%); color: #fff; white-space: nowrap;}
#mSlide .slide-wrap .slide .desc{visibility: hidden; opacity: 0;}
.slide-wrap .desc h4{margin-bottom:15px; color: #b1b8bc; font-size: 1.5rem; font-weight: normal;} 
.slide-wrap .desc h3{font-size: 4.0rem; font-weight: normal; color: #fff;}
.slide-wrap .desc h3 a{color: #fff;}
.slide-wrap .desc p{margin-top: 30px; font-size: 1.5rem; color: #b1b8bc; line-height: 2;}
.slide-wrap .desc a.link{display: inline-block; margin-top: 40px; font-size: 0.9rem; position: relative;}
.slide-wrap .desc a.link:before{position: absolute; content: ''; left: 0; bottom: -2px; width: 100%; height: 1px; background-color: #707577;}

@keyframes img-bg {
    0%{transform: scale(1);}
    100%{transform: scale(1.1);}
}

#mSlide_mo{display: none;}
.none1280{display: block;}
@media all and (max-width:1280px){
    #content{height: auto;}
    #mSlide{display: none;}
    #mSlide_mo{display: block;}
    .none1280{display: none;}
}


#mSlide_mo .page{width: 100%; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover;}
#mSlide_mo .page.intro{background-image: url('/images/main1-img2.jpg');}
#mSlide_mo .page.busi{background-image: url('/images/main2-img2.jpg');}
#mSlide_mo .page.gall{background-image: url('/images/main3-img2.jpg');}
#mSlide_mo .page.news{background-image: url('/images/main4-img2.jpg');}
#mSlide_mo .page.cont{height: calc(100vh - 140px); background-image: url('/images/main5-img2.jpg');}

#mSlide_mo .desc{height: 100%;  display: flex; align-items: center; padding:0 25px; opacity: 0; transition: all 1.2s .5s;}
#mSlide_mo .desc h3{color: #fff;}
#mSlide_mo .desc p{margin-top: 15px; font-size: 1.3rem;}
#mSlide_mo .desc a.link{color: #fff; opacity: 0.8;}
#mSlide_mo .slide-wrap .slide .desc a:before{background-color: #fff; opacity: 0.8;}


.fp-viewing-0 #mSlide_mo .page.intro .desc{opacity: 1;}
.fp-viewing-1 #mSlide_mo .page.busi .desc{opacity: 1;}
.fp-viewing-2 #mSlide_mo .page.gall .desc{opacity: 1;}
.fp-viewing-3 #mSlide_mo .page.news .desc{opacity: 1;}
.fp-viewing-4 #mSlide_mo .page.cont .desc{opacity: 1;}