@charset "utf-8";
main{ /* margin-top: 100px;  */}
main section{}
#fullpage {margin-top: 100px;}

#fullpage .fp-table{justify-content:flex-start;}
main .main-visual{overflow: hidden; position: relative;   height: calc(100vh) !important;  transition:.3s; border-radius: 20px; overflow: hidden; /* margin-top: 100px; */}
main .main-visual .mv_owl { height: calc(100vh - 100px); }
main .main-visual .mv_owl .item{width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 5px; overflow: hidden; height: calc(100vh - 100px); }
main .main-visual .mv_owl .item .mv_img{width: 100%; height: 100%;  border-radius: 20px; overflow: hidden;}
main .main-visual .mv_owl .item .mv_img img{transition:1.2s .2s; width: 100%; height: 100%; object-fit:cover; border-radius: 20px;}
main .main-visual .mv_owl .active .item .mv_img img{scale:1.05; }
main .main-visual .mv_owl .m_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items:center; justify-content: center; box-sizing: border-box; padding-bottom: 152px; text-align: center;}
main .main-visual .mv_owl .m_txt p{font-family: "Poppins", sans-serif; font-weight: 700; position: relative; top: 20px; transition: .6s;  font-size: 30px; line-height: 1em; letter-spacing: -0.03em; color: #f56b18; opacity: 0; filter:blur(10px); margin-bottom: 37px; }
main .main-visual .mv_owl .m_txt h3{position: relative; top: 20px; transition:.6s .6s; font-size: 70px; line-height: 80px; color: #fff;  letter-spacing: -0.03em !important; opacity: 0; font-weight: 700; filter:blur(10px); }
main .main-visual .mv_owl .active .m_txt h3,
main .main-visual .mv_owl .active .m_txt p{opacity: 1; top: 0; filter:blur(0px); scale:1}
main .main-visual .owl-dots{display: none;}
main .main-visual .owl-nav{display: none;}
main .link-box a{position: relative; width: 210px; line-height: 73px; letter-spacing: -0.03em; color: #fff; font-size: 20px; font-weight: 700; text-align: left; border-radius: 50px; background: #f56b18; box-sizing: border-box; padding-left: 41px; margin: 0 auto; border: 1px solid #f56b18; transition:.4s;}
main .link-box a:after{position: absolute; content: ''; width: 7px; height: 7px; border-radius: 50%; border: 2px solid #fff; box-sizing: border-box; right: 40px; top: 50%; margin-top:-3px; transition:.4s;}
main .link-box a:hover{background: none; color: #f56b18;}
main .link-box a:hover:after{border: 2px solid #f56b18;}
main .mcnt5 .link-box a:hover{background: none; border: 1px solid #fff; color: #fff;}
main .mcnt5 .link-box a:hover:after{border: 2px solid #fff;}

.progress-box{display: none;}
.owl-carousel .owl-item img.m_visual{display: none;}

main .link-box.flex-box{display: inline-flex; gap:20px; }
.mv-btn-box{position: absolute; right: 61px; bottom: 68px; z-index: 105; color: #fff; display: flex; }
.mv-btn-box .owl-btn-bt{width: 10px; height: 14px; background: url(../img/main/mv-prev.png) center no-repeat; transition:.3s; cursor: pointer;}
.mv-btn-box .next_bt{background: url(../img/main/mv-next.png) center no-repeat; }
.mv-btn-box .owl-btn-bt:hover{ background: url(../img/main/mv-prev2.png) center no-repeat; }
.mv-btn-box .next_bt:hover{background: url(../img/main/mv-next2.png) center no-repeat; }
.mv-btn-box .dot-box{font-size: 15px; line-height: 1; color: #fff; font-weight: 500; letter-spacing: 0.15em; padding: 0 30px 0 36px;}

.mcnt2_wrap{position: relative; overflow: hidden; }
.mcnt2{/* padding-top: 140px; padding-bottom: 133px; */ height: 100%; box-sizing: border-box;overflow: hidden; align-content:center; padding-top: 50px; padding-bottom: 120px;}  
.mcnt2 small{display: block; font-family: "Poppins", sans-serif; font-size: 25px; line-height: 1; letter-spacing: -0.03em; color: #f56b18; font-weight: 700;}
.mcnt2 h3{font-size: 55px; line-height: 75px; letter-spacing: -0.03em !important; color: #000; font-weight: 700; margin-top: 25px;	}
.mcnt2 figure{position: relative; margin-top: 47px;}
.mcnt2 figure .background{position: absolute; content: ''; width: 100%; height: 100%; background: #fff; left: 0; top: 0; transition:1.2s .6s;}  
.mcnt2 p{padding-left: 47.18%; font-size: 20px; line-height: 36px; color: #666; letter-spacing: -0.03em; margin-top: 39px;}
.mcnt2 h1{position: absolute; font-size: 130px; letter-spacing: 0.2em !important; color: #fff; left: 0; bottom: 30px; line-height: 1; text-shadow: -1px -1px 0 #ddd, 1px -1px 0 #ddd, -1px 1px 0 #ddd, 1px 1px 0 #ddd; z-index: 10; width: 100%; white-space: nowrap; transition:1.2s .9s;}
.mcnt3_wrap{background: #f5f5f5; overflow: hidden; 		}
.mcnt3_wrap .mcnt3 {height: calc(100dvh - 100px); align-content:center; overflow: hidden;}
.mcnt3_wrap h3{font-family: "Poppins", sans-serif; font-size: 55px; line-height: 1.5; color: #000; font-weight: 700; letter-spacing: -0.03em !Important; margin-bottom: 34px; margin-left: -2px;}
.mcnt3_wrap ul{display: flex; flex-wrap:wrap; gap:40px; } 
.mcnt3_wrap ul > li{background: #fff; border-radius: 5px; flex:1 1 40%; height: 250px;	 padding: 55px 59px;}
.mcnt3_wrap ul > li .tit-box {font-size: 25px; line-height: 1.5; color: #000; font-weight: 700; letter-spacing: -0.03em !Important; display: flex; flex-wrap:wrap;  border-bottom: 1px solid #ddd; padding-bottom: 22px; margin-bottom: 22px;}
.mcnt3_wrap ul > li .tit-box span{position: relative; color: #f56b18; padding-right: 25px;}
.mcnt3_wrap ul > li .tit-box span:after{position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #ddd; right: 9px; top: 15px;} 
.mcnt3_wrap ul > li .box p{font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: #666; }

.mcnt4_wrap {position: relative; }
.mcnt4{height: calc(100vh - 100px) !important; align-content:center;}
.mcnt4_wrap .figure-box figure{position: absolute; }
.mcnt4_wrap .figure-box .fig1{right: 295px; top: 0;}
.mcnt4_wrap .figure-box .fig2{left: -3px; top: 169px;}
.mcnt4_wrap .figure-box .fig2 span img{position: absolute; right: -88px; bottom: -78px; animation: 12s ease 0s infinite normal none running; animation-name:roll; animation-timing-function : linear;}
@keyframes roll {0% {rotate:0deg} 100% {rotate:360deg} }
.mcnt4_wrap .figure-box .fig3{right: 0; bottom: 0;}
.mcnt4_wrap .mcnt4{align-content:center; height: 100%;}
.mcnt4_wrap .mcnt4 .tbx{text-align: center;}
.mcnt4_wrap .mcnt4 .tbx small{display: block; font-family: "Poppins", sans-serif; font-size: 25px; line-height: 1; letter-spacing: -0.03em; color: #f56b18; font-weight: 700; letter-spacing: -0.03em; margin-bottom: 35px;}
.mcnt4_wrap .mcnt4 .tbx h3{font-size: 55px; line-height: 70px; letter-spacing: -0.03em !important; color: #000; }
.mcnt4_wrap .mcnt4 .tbx p{font-size: 22px; line-height: 38px; color: #666; letter-spacing: -0.03em; margin: 27px 0 40px;}

.active .mcnt2 figure .background{width: 0;}  
.active .mcnt2 h1{translate:50% 0; }



.mcnt5_wrap{overflow: hidden; position: relative;}
.mcnt5_wrap .main-swiper{height: 100vh;}

.mcnt5{position: relative; height: 100vh;}
/* .mcnt5_wrap .swiper-slide{position: absolute; left: 0; top: 0; width: 100%; height: 100%; translate: 0 100%;} */
.mcnt5_wrap .swiper-slide1{ overflow: hidden;}
.mcnt5_wrap .swiper-slide2{z-index: 10;}
.mcnt5_wrap .swiper-slide3{z-index: 20;}
.mcnt5_wrap .swiper-slide4{z-index: 30;}
.mcnt5_wrap .swiper-slide5{z-index: 40;}
.mcnt5_wrap .swiper-slide6{z-index: 50;}
.mcnt5_wrap .swiper-slide7{z-index: 60;}
.mcnt5_wrap .swiper-slide8{z-index: 70;}
.mcnt5_wrap .swiper-slide .img-box{position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;}
.mcnt5_wrap .swiper-slide .img-box img{width: 100%; height: 100%; object-fit:cover; }
.mcnt5_wrap .swiper-slide .tbx_wrap{display: flex; align-items:center; width: 100%; height: 100%;}
.mcnt5_wrap .swiper-slide .tbx{text-align: center; width: 100%; padding-bottom: 20px;}
.mcnt5_wrap .swiper-slide .tbx.pb{padding-top: 24px; margin-bottom: 0;}
.mcnt5_wrap .swiper-slide .tbx small{display: flex; justify-content: center; font-size: 25px; line-height: 1; color: #fff; letter-spacing: -0.03em; font-weight: 700; margin-bottom: 43px;}
.mcnt5_wrap .swiper-slide .tbx small span{position: relative; font-family: "Poppins", sans-serif; color: #f56b18; padding-right: 45px; }
.mcnt5_wrap .swiper-slide .tbx small span:after{position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.5); right: 20px; top: 10px;}
.mcnt5_wrap .swiper-slide .tbx small.small-last{margin-bottom: 12px; }
.mcnt5_wrap .swiper-slide .tbx small b{font-family: "Poppins", sans-serif;  font-size: 25px; line-height: 1.5; color: #f56b18; letter-spacing: -0.03em; font-weight: 700;}
.mcnt5_wrap .swiper-slide .tbx h4{font-size: 55px; line-height: 1.5; color: #fff; letter-spacing: -0.03em !Important; font-weight: 700; margin-bottom: 22px;}
.mcnt5_wrap .swiper-slide .tbx .logo{margin-bottom: 39px;}
.mcnt5_wrap .swiper-slide .tbx .logo.s241015-logo{overflow: hidden; height: 67px;}
.mcnt5_wrap .swiper-slide .tbx p{font-size: 20px; line-height: 34px; color: #fff; letter-spacing: -0.03em; margin-bottom: 41px;	}
.mcnt5_wrap .swiper-slide .tbx p.fz22{font-size: 22px; margin-bottom: 49px;}
.mcnt5_wrap .swiper-slide .tbx .logo.flex-box{display: inline-flex; gap:80px; align-items:center; margin-bottom: 78px;} 
main .mcnt5_wrap .link-box a:after{width: 8px; height: 8px;}

.mcnt5-tab{position: fixed; right: -400px; top: 101px; z-index: 105; width: 280px; height: calc(100% - 101px); z-index: 10000; transition:.6s .6s; }
.mcnt5-tab > li{width: 100%; height: calc((100vh / 8) - (101px / 8)) ; cursor: pointer;}
.mcnt5-tab > li {display: block; width: 100%; /* height: 100%; */ background: rgba(255,255,255,0.09);}
.mcnt5-tab > li  figure{display: flex; width: 100%; height: 100%; align-items:center; justify-content: center; transition:.3s; position: relative; right: 0; border-bottom: 1px solid rgba(255,255,255,0.3);}
.mcnt5-tab > li  figure img:last-child{position: absolute; left: 50%; top: 50%; translate: -50% -50%; opacity: 0;}
.mcnt5-tab > li:hover > figure{background: #f56b18; border-radius: 5px; width: calc(100% + 20px); right: 20px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0);}
/* .mcnt5-tab > li.active > figure */
.mcnt5-tab > li:hover > figure img{opacity: 0;}
/* .mcnt5-tab > li.active > figure img */
.mcnt5-tab > li:hover > figure img:last-child{opacity: 1;}
/* .mcnt5-tab > li.active > figure img:last-child */

.fp-viewing-Brand1 .mcnt5-tab{right: 0;}
.fp-viewing-Brand2 .mcnt5-tab{right: 0;}
.fp-viewing-Brand3 .mcnt5-tab{right: 0;}
.fp-viewing-Brand4 .mcnt5-tab{right: 0;}
.fp-viewing-Brand5 .mcnt5-tab{right: 0;}
.fp-viewing-Brand6 .mcnt5-tab{right: 0;}
.fp-viewing-Brand7 .mcnt5-tab{right: 0;}
.fp-viewing-Brand8 .mcnt5-tab{right: 0;}

.fp-viewing-Brand1 .mcnt5-tab > li:first-child > figure{background: #f56b18; border-radius: 5px; width: calc(100% + 20px); right: 20px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0);}
.fp-viewing-Brand2 .mcnt5-tab > li:nth-child(2) > figure{background: #f56b18; border-radius: 5px; width: calc(100% + 20px); right: 20px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0);}
.fp-viewing-Brand3 .mcnt5-tab > li:nth-child(3) > figure{background: #f56b18; border-radius: 5px; width: calc(100% + 20px); right: 20px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0);}
.fp-viewing-Brand4 .mcnt5-tab > li:nth-child(4) > figure{background: #f56b18; border-radius: 5px; width: calc(100% + 20px); right: 20px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0);}
.fp-viewing-Brand5 .mcnt5-tab > li:nth-child(5) > figure{background: #f56b18; border-radius: 5px; width: calc(100% + 20px); right: 20px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0);}
.fp-viewing-Brand6 .mcnt5-tab > li:nth-child(6) > figure{background: #f56b18; border-radius: 5px; width: calc(100% + 20px); right: 20px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0);}
.fp-viewing-Brand7 .mcnt5-tab > li:nth-child(7) > figure{background: #f56b18; border-radius: 5px; width: calc(100% + 20px); right: 20px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0);}
.fp-viewing-Brand8 .mcnt5-tab > li:nth-child(8) > figure{background: #f56b18; border-radius: 5px; width: calc(100% + 20px); right: 20px; box-shadow:0px 0px 0px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0);}

.fp-viewing-Brand1 .mcnt5-tab > li:nth-child(1) > figure img{opacity: 0;}
.fp-viewing-Brand2 .mcnt5-tab > li:nth-child(2) > figure img{opacity: 0;}
.fp-viewing-Brand3 .mcnt5-tab > li:nth-child(3) > figure img{opacity: 0;}
.fp-viewing-Brand4 .mcnt5-tab > li:nth-child(4) > figure img{opacity: 0;}
.fp-viewing-Brand5 .mcnt5-tab > li:nth-child(5) > figure img{opacity: 0;}
.fp-viewing-Brand6 .mcnt5-tab > li:nth-child(6) > figure img{opacity: 0;}
.fp-viewing-Brand7 .mcnt5-tab > li:nth-child(7) > figure img{opacity: 0;}
.fp-viewing-Brand8 .mcnt5-tab > li:nth-child(8) > figure img{opacity: 0;}

.fp-viewing-Brand1 .mcnt5-tab > li:nth-child(1) > figure img:last-child{opacity: 1;}
.fp-viewing-Brand2 .mcnt5-tab > li:nth-child(2) > figure img:last-child{opacity: 1;}
.fp-viewing-Brand3 .mcnt5-tab > li:nth-child(3) > figure img:last-child{opacity: 1;}
.fp-viewing-Brand4 .mcnt5-tab > li:nth-child(4) > figure img:last-child{opacity: 1;}
.fp-viewing-Brand5 .mcnt5-tab > li:nth-child(5) > figure img:last-child{opacity: 1;}
.fp-viewing-Brand6 .mcnt5-tab > li:nth-child(6) > figure img:last-child{opacity: 1;}
.fp-viewing-Brand7 .mcnt5-tab > li:nth-child(7) > figure img:last-child{opacity: 1;}
.fp-viewing-Brand8 .mcnt5-tab > li:nth-child(8) > figure img:last-child{opacity: 1;}

.fp-watermark{display: none !important;}


.m-mcnt5_wrap{display: none;}


@media (max-width:1024px) {
/* .mcnt5_wrap .swiper-slide .img-box{position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;}
.mcnt5_wrap .swiper-slide .img-box img{width: 100%; height: 100%; object-fit:cover; }
.mcnt5_wrap .swiper-slide .tbx_wrap{display: flex; align-items:center; width: 100%; height: 100%;}
.mcnt5_wrap .swiper-slide .tbx{text-align: center; width: 100%; padding-bottom: 20px;}
.mcnt5_wrap .swiper-slide .tbx.pb{padding-top: 24px; margin-bottom: 0;}
.mcnt5_wrap .swiper-slide .tbx small{display: flex; justify-content: center; font-size: 25px; line-height: 1; color: #fff; letter-spacing: -0.03em; font-weight: 700; margin-bottom: 43px;}
.mcnt5_wrap .swiper-slide .tbx small span{position: relative; font-family: "Poppins", sans-serif; color: #f56b18; padding-right: 45px; }
.mcnt5_wrap .swiper-slide .tbx small span:after{position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.5); right: 20px; top: 10px;}
.mcnt5_wrap .swiper-slide .tbx small.small-last{margin-bottom: 12px; }
.mcnt5_wrap .swiper-slide .tbx small b{font-family: "Poppins", sans-serif;  font-size: 25px; line-height: 1.5; color: #f56b18; letter-spacing: -0.03em; font-weight: 700;}
.mcnt5_wrap .swiper-slide .tbx h4{font-size: 55px; line-height: 1.5; color: #fff; letter-spacing: -0.03em !Important; font-weight: 700; margin-bottom: 22px;}
.mcnt5_wrap .swiper-slide .tbx .logo{margin-bottom: 39px;}

.mcnt5_wrap .swiper-slide .tbx .logo.s241015-logo{height: 40px; overflow: hidden;}

.mcnt5_wrap .swiper-slide .tbx p{font-size: 20px; line-height: 34px; color: #fff; letter-spacing: -0.03em; margin-bottom: 41px;	}
.mcnt5_wrap .swiper-slide .tbx p.fz22{font-size: 22px; margin-bottom: 49px;}
.mcnt5_wrap .swiper-slide .tbx .logo.flex-box{display: inline-flex; gap:80px; align-items:center; margin-bottom: 78px;} 
main .mcnt5_wrap .link-box a:after{width: 8px; height: 8px;}
 */
}