@charset "utf-8";

.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow{overflow-y: hidden !important;}
/* #fullpage .fp-table:not(.main-visual){padding-top: 100px;}
#fullpage .fp-table:not(.main-visual).ft_wrap {padding-top: 0;} */

.fp-overflow{overflow: hidden; height: 100%; align-content:center;}
/* main-common */
.main-tit {text-align: center;}
.main-tit h3{font-family: 'Poppins'; font-size: 40px; line-height: 1.5; letter-spacing: -0.02em; color: #000; font-weight: 700; margin-bottom: 20px;	}
.main-tit p{font-size: 20px; line-height: 1.5; letter-spacing: -0.02em; color: #666;}

#main::-webkit-scrollbar {display: none;}
#main{-ms-overflow-style: none; scrollbar-width: 0px; }
#fullpage .fp-table{/* justify-content:flex-start; */} 
main .main-visual{overflow: hidden; position: relative;  max-height:100dvh;  transition:.3s; overflow: hidden; width: 100%; max-height:100dvh; overflow: hidden;}
main .main-visual .mv_owl { height: 100%; overflow: hidden;}
main .main-visual .mv_owl .item{width: 100%; height: 100dvh; position: relative; overflow: hidden;  overflow: hidden; height: 100%; }
main .main-visual .mv_owl .item .mv_img{width: 100%; height: 100dvh; overflow: hidden; position: relative;}
main .main-visual .mv_owl .item .mv_img:before{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); left: 0; top: 0; z-index: 10;}


main .main-visual .mv_owl .item .mv_img img{width: 100%; height: 100%; object-fit:cover;}

main .main-visual .mv_owl .item .mv_img video{width: 100%; height: 100%; position: relative;  object-fit: cover; scale:1.05}
main .main-visual .mv_owl .m_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items:flex-end;  box-sizing: border-box; padding-bottom: 234px; z-index: 15;}
main .main-visual .mv_owl .m_txt h3{font-size: 55px; line-height: 75px; color: #fff; letter-spacing: -0.02em; position: relative; font-weight: 700; opacity: 0; top:40px; filter: blur(5px);  transition:.6s; text-shadow:5px 5px 10px rgba(0,0,0,0.2)}
main .main-visual .mv_owl .m_txt.on h3{opacity: 1; top: 0; filter: blur(0px);}
.main-con{position: fixed; top: 50%; margin-top: 52px; left: 55px; z-index: 100; display: flex; flex-direction: column; text-align: center; gap:13px;}
.main-con span{font-size: 14px; line-height: 20px; letter-spacing: -0.02em; color: #bcbcbc; font-weight: 600;}
.main-con span.main-num{color: #01a9f1;}
.main-con span.bar{width: 15px; height: 1px; background: #fff; margin-bottom: 4px; margin-left: 1px;}
.main-con span{font-size: 14px; line-height: 20px; letter-spacing: -0.02em; color: #bcbcbc; font-weight: 600;}
.main-con span.bar{width: 15px; height: 1px; background: #bcbcbc; margin-bottom: 4px; margin-left: 1px;}
.fp-viewing-MAIN span{color: #fff;}
.fp-viewing-MAIN .main-con span.bar{background: #fff; }
.mcnt3_wrap {padding-top: 100px;}
.mcnt3_owl{margin-top: 51px;}
.mcnt3_owl .owl-dots{display: flex; align-items:center; justify-content: center; gap:20px; margin-top: 44px;}
.mcnt3_owl .owl-dots .owl-dot{width: 10px; height: 10px; border-radius: 50%; background: #bbb; transition:.3s;}
.mcnt3_owl .owl-dots .owl-dot.active{background: #37b6ff;}
.mcnt4_wrap{background: url(../img/main/mcnt4-bg.jpg) center / cover no-repeat;  padding-top: 100px;}
.mcnt4{display: flex; flex-wrap:wrap; height: 610px;}
.mcnt4 > *{width: 50%;}
.mcnt4 > .lbx{background: url(../img/main/mcnt4-1.jpg) center / cover no-repeat;}
.mcnt4 > .rbx{background: url(../img/main/mcnt4-2.jpg) center / cover no-repeat; align-content:center; text-align: center; padding-top: 20px;}
.mcnt4 > .rbx h4{font-family: 'Poppins'; font-size: 40px; line-height: 1; letter-spacing: -0.02em; color: #fff; font-weight: 700;}
.mcnt4 > .rbx p{font-size: 24px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 500; margin: 27px 0 42px;}
.mcnt4 > .rbx .link-box > a{display: block; margin: 0 auto; width: 200px; height: 65px; align-content:center; background: #fff; border-radius: 50px; text-align: center; font-size: 18px; line-height: 1; letter-spacing: -0.02em; color: #33aaee; font-weight: 700; transition:.3s; box-sizing: border-box; border: 2px solid #fff;}
.mcnt4 > .rbx .link-box > a:hover{border: 2px solid #ddd;}

#fp-nav ul li:last-child{display: none;}
#fp-nav.fp-left{left: 60px; margin-top: -26px;}
#fp-nav ul li, .fp-slidesNav ul li{width: 12px; height: 12px; margin: 0; margin-bottom: 28px !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{margin: 0 !important; width: 10px !important; height: 10px !important; left: 0 !important; top: 0 !important; background: none;  border: 2px solid #bbb; transition:.3s; border-radius: 2px; rotate:45deg; box-sizing: border-box;}
.fp-viewing-MAIN #fp-nav ul li a span, .fp-slidesNav ul li a span{border: 2px solid #ddd;}
#fp-nav ul li a span.fp-sr-only,
.fp-slidesNav ul li a span.fp-sr-only{display: none;}
#fp-nav ul li:hover a span.fp-sr-only,
.fp-slidesNav ul li:hover a span.fp-sr-only{opacity: 1;}
#fp-nav ul li a.active span.fp-sr-only,
.fp-slidesNav ul li a.active span.fp-sr-only{opacity: 1;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{border: 2px solid #37b6ff; background: #37b6ff; border-radius: 2px !important;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{border: 2px solid #37b6ff; background: #37b6ff; border-radius: 2px !important;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin: 0 !important;}
.scroll-mv{position: absolute; right: 60px; bottom: 100px; z-index: 10; cursor: pointer; animation: bounce 2s ease infinite;}  
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}

.mcnt2_wrap{background: #f5f5f5 url(../img/main/mcnt2-bg.jpg) center bottom no-repeat;	padding-top: 50px;}
.mcnt2_owl .mcnt2-item {text-align: center;}
.mcnt2_owl .mcnt2-item h5{font-size: 50px; line-height: 1.5; letter-spacing: -0.02em; color: #000; font-weight: 700; margin-bottom: 45px;}
.mcnt2_owl .mcnt2-item ul{display: flex; flex-wrap:wrap; gap:1px; margin-bottom: 40px;}
.mcnt2_owl .mcnt2-item ul > li{flex:1; background: #d0d0d0; font-size: 18px; 	height: 55px; color: #fff; font-weight: 700; letter-spacing: -0.02em; align-content:center; transition:.3s; cursor: pointer;}
.mcnt2_owl .mcnt2-item ul > li.on,
.mcnt2_owl .mcnt2-item ul > li:hover{background: #37b6ff;}
.mcnt2_owl .mcnt2-item ol{display: flex; flex-wrap:wrap; gap:33px 2.32%; display: none; height: 500px;}
.mcnt2_owl .mcnt2-item ol.on{display: flex; }

.mcnt2_owl .mcnt2-item ol > li{position: relative;  width: 23.23%; overflow: hidden; height: calc(50% - 33px);}
.mcnt2_owl .mcnt2-item ol > li .tbx{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(55,182,255,0.8); align-content:center; font-size: 20px; line-height: 1.5; letter-spacing: -0.02em; font-weight: 600; color: #fff; opacity: 0; translate:0 100%;  transition:.6s;}
.mcnt2_owl .mcnt2-item ol > li:hover .tbx{translate:0 0%; opacity: 1;}
.mcnt2_owl .owl-nav > *{position: absolute; left: -82px; top: 50%; margin-top: 90px; width: 24px; height: 44px; background: url(../img/main/mcnt2-prev-bt.png) center no-repeat !important; }
.mcnt2_owl .owl-nav > .owl-next{left: auto; right: -82px; background: url(../img/main/mcnt2-next-bt.png) center no-repeat !important;}
.mcnt2_owl .owl-nav > * span{display: none;}

/* main-quick */
.main-quick {position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,191,254, .8); padding: 25px 0; z-index: 100;}
.main-quick .container {max-width: 1450px; padding: 0 15px; width: 100%; margin: 0 auto;}
.main-quick .q_contact {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.main-quick .q_contact .info {display: flex; width: 100%; max-width: 800px; align-items: center;}
.main-quick .q_contact .info span {display: block; max-width: 130px; width: 100%; line-height: 58px; border: 1px solid #fff; font-size: 22px; font-weight: 600; color: #fff; text-align: center; margin-right: 40px;}
.main-quick .q_contact .info dl {display: flex; align-items: center; gap: 20px; position: relative;}
.main-quick .q_contact .info dl:nth-of-type(1)::after {position: absolute; content:''; width: 1px; height: 20px; background-color: rgba(255,255,255, .3); top: 50%; right: -30px; transform: translateY(-50%)}
.main-quick .q_contact .info dl ~ dl {margin-left: 60px;}
.main-quick .q_contact .info dl dt {max-width: 45px; width: 100%; border-radius: 50%; overflow: hidden;}
.main-quick .q_contact .info dl dt img {display: block; max-width: 100%; margin: 0 auto;}
.main-quick .q_contact .info dl dd {font-size: 20px; font-weight: 600; color: #fff; display: flex;}
.main-quick .q_contact .info dl dd > button {display: block; width: 60px; line-height: 30px; font-size: 16px; font-weight: 400; color: #fff; text-align: center; background-color: rgba(255,255,255, .3); margin-left: 20px; border: 0; transition: all .2s linear;}
.main-quick .q_contact .info dl dd > button:hover {background-color: #fff; color: #00bffe;}
.main-quick .q_contact > a {display: block; max-width: 200px; width: 100%; line-height: 63px; border: 1px solid #fff; color: #00bffe; text-align: center; font-size: 22px; font-weight: 700; background-color: #fff; border-radius: 50px; transition: all .2s linear;}
.main-quick .q_contact > a:hover {background-color: #00bffe; color: #fff;}

.mo-main-quick {display: none;}