/* *{outline: solid red 1px;} */
body::-webkit-scrollbar {display: none;}
body video{display: none!important;}
.head{background-color:rgba(0, 0, 0, 0.6); align-items:flex-start; height: auto; min-height: 50px; border-bottom: solid rgb(109, 109, 109) 1px;}
.head button{display: block; position: absolute; right: 10px; top: 7px; background: none; border: none; color: rgb(184, 184, 184);}
.mheadtitle{display: block; position: absolute; width: 90px; left: 10px; top: 11px;}
.mheadtitle a{color: rgb(163, 163, 163); font-size: 13px;}
.mnav{display: block; position: relative; padding: 0 0 100px;  top: 50px; width: 100%; z-index: 10; border-top: solid gray 1px;}
.mmenu{display: flex; flex-direction: column; width: 80%; margin: 0 auto; margin-top: 20px;}
.mmenu a{color: white; height: 40px; line-height: 40px; border-bottom: solid gray 1px;}
.head span{font-size: 32px;}
.headinner{display: none;}
.logo{display: block; position:absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 20px; height: 22px;}





.s1{background: white;}
.s1text{font-size: 20px; margin-top: 100px;}
.s1textbox{display: none;}
.s1textboxm{display: inline-block; color: rgb(109, 109, 109);}
.s1textboxm span{font-size: 30px; color: black;}
.line{border-top: none;}
.s1img{position:relative; display: block; margin: 0 auto; bottom: -70px; width: 33vh; height: 70vh;}
.scroll{display: none;}


.s2{background-color: rgb(0, 0, 27);}
.s2left{display: none;}
.s2right{display: none;}
.s2mobile{display: flex; flex-direction: column; padding-top: 170px; margin: 0 auto;}
.s2mobile p{font-size: 2vh; font-weight: 300; padding-top: 50px; margin: 0 auto; text-align: center; width: 200px; color: rgb(255, 255, 255);}
.s4promax img{width: 35vh;}
.s4plus img{width: 35vh;}
.close3{left: 90%; top: 10%;}
.close3 span{font-size: 30px; font-weight: 300;}
.pro{top: 18%; right: 18%; width: 100px; font-size: 1.5vh;}
.pro span{font-size: 2.2vh;}
.promax{font-size: 1.5vh; top: 18%; left: 28%;}
.promax span{font-size: 2.2vh;}
.s2mtitle{text-align: center; color: rgb(255, 255, 255); font-size: 27px; text-transform: uppercase; letter-spacing: -2px; margin-bottom: 50px;}
.s4XDR{font-size: 1.5vh; bottom: 18%;}
.s4 button{font-size: 1.6vh; bottom: 13%;}
.s4plustext{left: 15%; top: 12%; line-height: 18px; font-size: 18px;}
.s4plustext2{font-size: 10px; font-weight: 400; text-align: left; left: 10%; top: 80%;}


.s3bg{display: none;}
.s3head{border-bottom: none;}
.s3mbg{position: absolute; bottom: 0; left: 0; margin-right: -137.5px; display: block; width: 50vh;}
.s3mbg2{display:block; position: absolute; bottom: 50%; right: 50%;}
.s3mtitle{display: block; text-align: center; color: rgb(255, 255, 255); font-size: 3.5vh; text-transform: uppercase; margin-top: 90px;}
.s3mtitle2{display: flex; justify-content: space-around; color: white; margin-top: 30px;}
.s3mtitle2 div{font-size: 2vh; font-weight: 500;}
.s3mtitle2 p{font-size: 1.2vh; font-weight: 300;}
.s3head{display: none;}
.s3box{display: none;}
.s3box2{display: none;}
.s3box3{display: none;}


.s2button{right: 140px; top: 700px;}
.s2button{font-size: 16px;}
.s2textbox{font-size: 2.5vh;}

.s5inner{width: 100%; padding-top: 100px;}
.s5inner video{display: none;}
.s5leftbox{display: none;}
.plusbox button{display: none;}
.flex{display: none;}
.s5mtitle{display: block; text-align: center; color: rgb(0, 0, 0); font-size: 6vw; text-transform: uppercase; letter-spacing: -2px; margin-top: 50px;}
.s5mtitle2{display:block; font-size: 12px; margin: 0 20px; color: gray; font-weight: 300; position: absolute; bottom: 20px;}
.s5mobile{display: block; margin: 0 auto; width: 100vw; margin-top: 80px;}
.s5m{display: block;}
.basic2{height: 180px; padding-left: 25%;}
.box1 div{font-size: 4.5vw; font-weight: 500; margin-bottom: 10px;}
.box1 p{font-size: 2vw; font-weight: 400;}


.memotext{font-size: 50vw; font-weight: bolder; letter-spacing: 0;}
.memotext2{font-size: 4vw; font-weight: 400; color: gray; top: 28%; letter-spacing: 5px;}
.number{bottom: 28%; font-size: 4vw; font-weight: 500; letter-spacing: 25px; color: gray;}
.memo video{display: none;}
.memobg{bottom: 10%; left: 30%; width: 150px; height: 150px;}
.memobg2{top: 10%; right: 30%; width: 150px; height: 150px;}
/* .memobg::before, .memobg::after{display: none;} */


.s6bg{display: none;}
.s6bgm{display: block; width: 100vh; position: absolute; right: -250px; bottom: 0;}
.plusbox2{bottom: -20%; left: 0;}
.plusbox2 span{display: none;}
.s6 button{border:none; font-size: 14px; color: rgb(156, 156, 156); font-weight: 400;}
.s6text1{font-size: 9vw; line-height: 10vw;}
.s6text2{font-size: 3vw; font-weight: 400;}
.s6plus video{display: none;}
.close2{right: 10%; top: 10%; font-size: 40px; font-weight: 300;}
.s6mbgplus{position:absolute; display: block; margin: 0 auto; bottom:0; width: 99vw;}
.s6plusinner{display: none;}
.s6plusmtext2{display: block; font-size: 2.5vw; font-weight: 200; position: absolute; top: 40%; padding: 0 50px;}
.s6plusmtext{display: block; font-size: 3vw; font-weight: 400; position: absolute; top: 30%; padding: 0 50px; color: black;}

.s7inner{width: 80%; margin: 0 auto; padding-top: 90px;}
.s7toptext1{font-size: 4vw;}
.s7toptext2{font-size: 2.3vw; font-weight: 400; color: gray;}
.s7button{font-size: 2vw;}
.s7button span{display: none;}
.s7inner img{width: 6vw; margin-bottom: 5px;}

footer{display: none;}


.swiper-pagination-bullet{width: 15px;}
.swiper-pagination-bullet-active{width: 20px;}