@charset "utf-8";


#fullpage .fp-table:not(.main-visual){padding-top: 100px;}

#fullpage .fp-table:not(.main-visual).ft_wrap {padding-top: 0;}

/* main-common */
.main-tit h3{position: relative; display: inline-block; font-family: 'Montserrat'; font-size: 35px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; padding-right: 25px; margin-bottom: 57px; }
.main-tit h3 span{    letter-spacing: 0.01em;}
/* .main-tit h3:after{position: absolute; content: ''; width: 8px; height: 8px; border-radius: 50%; background: #79256c; right: 0; bottom: 14px;} */

#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%; }
main .main-visual .mv_owl { height: 100%; overflow: hidden;}
main .main-visual .mv_owl .item{width: 100%; height: 100%; position: relative; overflow: hidden;  overflow: hidden; height: 100%; }
main .main-visual .mv_owl .item .mv_img{width: 100%; height: 100%;  ; overflow: hidden;}
main .main-visual .mv_owl .item .mv_img img{transition:1.2s .2s; width: 100%; height: 100%; object-fit:cover; }
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;  box-sizing: border-box; padding-top: 38px;}
main .main-visual .mv_owl .m_txt h3{font-size: 50px; line-height: 70px; color: #fff; letter-spacing: -0.03em; margin-bottom: 40px; position: relative; font-weight: 600; opacity: 0; transition:1s .6s;}
main .main-visual .mv_owl .m_txt p{font-family: 'Montserrat'; font-size: 18px; line-height: 1.5; color: #fff; font-weight: 600; letter-spacing: -0.03em; position: relative;  margin-bottom: 37px;  transition:2s .6s;}
main .main-visual .mv_owl .active .m_txt h3,
main .main-visual .mv_owl .active .m_txt p{opacity: 1;  }



main .main-visual .owl-nav{display: none;}
main .mv-btn-box{position: absolute;  bottom: 60px; z-index: 10; max-width:1480px; width: 100%; padding: 0 20px; left: 50%; translate:-50% 0; display: flex; flex-wrap:wrap; gap:0 50px; flex-direction: column; }
main .mv-btn-box .box{position: relative; display: flex; flex-wrap:wrap; width: 196px; justify-content: space-between; margin-bottom: 22px;}
main .mv-btn-box .box:after{position: absolute; content: ''; width: 1px; height: 14px; background: rgba(255,255,255,0.3); left: 50%; top: 50%; margin-top: -7px;}

main .mv-btn-box .owl-btn-bt{position: relative; display: inline-flex; align-items:center; font-family: 'Montserrat'; font-size: 14px; line-height: 1; letter-spacing: -0.03em; color: #fff; font-weight: 600; gap:30px; cursor: pointer;}
main .mv-btn-box .owl-btn-bt i{line-height: 0;}
main .mv-btn-box .owl-btn-bt b{font-weight: 600;}
main .mv-btn-box .progress-box{position: relative; width: 200px; height: 2px; background: rgba(255,255,255,0.3); }
main .mv-btn-box .progress-box span{position: absolute; left: 0; top: 0; width: 0%; height: 2px; left: 0; top: 0; background: #fff; animation: 8s ease 0s infinite normal none running; animation-name:roll; animation-timing-function : linear;}
@keyframes roll {0% {width: 0;} 100% {width: 100%;} }

.mcnt2_wrap {background: url(../img/main/mcnt2-bg.jpg) left top / cover no-repeat;}
.mcnt2_cnt{display: flex; flex-wrap:wrap; justify-content: space-between;}
.mcnt2_cnt .lbx{width: 66.66%;}
.mcnt2_cnt .lbx .big-wrap{height: 400px; overflow: hidden;}
.mcnt2_cnt .lbx .big-img{transition:.8s; }
.mcnt2_cnt .lbx .big-img > li{height: 400px;}
.mcnt2_cnt .lbx .big-img > li img{width: 100%; height: 100%; object-fit:cover;}
.mcnt2_cnt .lbx .tbx{padding-top: 58px;}
.mcnt2_cnt .lbx .tbx h4{font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-bottom: 17px;}
.mcnt2_cnt .lbx .tbx h4 a{display: inline-block; vertical-align: middle; width: 64px; height: 36px; line-height: 1; text-align: center; border-radius: 50px; border: 1px solid #79256c; font-family: 'Montserrat'; font-size: 14px; letter-spacing: -0.03em; color: #79256c; font-weight: 600; align-content:center; margin-left: 11px; position: relative; top: -1px; transition:.3s;}
.mcnt2_cnt .lbx .tbx h4 a:hover{background: #79256c; color: #fff;}
.mcnt2_cnt .lbx .tbx p{font-size: 18px; line-height: 1.5; color: #666; letter-spacing: -0.03em;}
.mcnt2_cnt .rbx{width: 360px; height: 400px; align-content:center;}
.mcnt2_cnt .rbx .mcnt2-tab{display: flex; flex-direction: column; gap:10px}
.mcnt2_cnt .rbx .mcnt2-tab > li > a{display: flex; justify-content: space-between; width: 100%; height: 60px; align-items:center; background: #fff; font-family: 'Montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; padding: 0 30px 0 40px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); transition:.3s;}
.mcnt2_cnt .rbx .mcnt2-tab > li > a i{position: relative; line-height: 0; width: 40px; height: 40px; border-radius: 50%; background: #f2eef4; transition:.3s;}
.mcnt2_cnt .rbx .mcnt2-tab > li > a i:before,
.mcnt2_cnt .rbx .mcnt2-tab > li > a i:after{position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/main/mcnt2-arr.png) center no-repeat; left: 0; top: 0; transition:.3s;}
.mcnt2_cnt .rbx .mcnt2-tab > li > a i:after{background: url(../img/main/mcnt2-arr-h.png) center no-repeat; opacity: 0;}
.mcnt2_cnt .rbx .mcnt2-tab > li:hover > a, 
.mcnt2_cnt .rbx .mcnt2-tab > li.on > a{
	background: #79256c;
	color: #fff;
	> i{background: #491641;}
	> i:before{opacity: 0;}
	> i:after{opacity: 1;}
} 
.mcnt3 .img-box{height: 560px; background: url(../img/main/mcnt3-bg.jpg) center / cover no-repeat;}
.mcnt3 .img-box ul{display: flex; height: 100%; overflow: hidden;}
.mcnt3 .img-box ul > li{position: relative; z-index: 10; flex:1; padding: 72px 20px; text-align: center;}
.mcnt3 .img-box ul > li:before{position: absolute; content: ''; width: 100%; height: 0%; background: rgba(121,37,108,0.9); left: 0; bottom: 0;  z-index: -1; translate:0 50%; transition:.6s;}
.mcnt3 .img-box ul > li .tbx{align-content:end; height: 100%; transition:.6s;}
.mcnt3 .img-box ul > li .tbx h5{font-size: 25px; line-height: 1.5em; letter-spacing: -0.03em; font-weight: 600; color: #111; margin-bottom: 15px; transition:.3s;}
.mcnt3 .img-box ul > li .tbx p{font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: #666;	 transition:.3s;}
.mcnt3 .img-box ul > li .tbx-on{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(121,37,108,0.9); transition:.6s; left: 0; top: 100%; align-content:center; text-align: center;}
.mcnt3 .img-box ul > li .tbx-on i{display: block;width: 100%;  height: 68px;  background: url(../img/main/mcnt3-i1.png) center no-repeat; transition:.3s; margin-bottom: 54px;}
.mcnt3 .img-box ul > li:nth-child(2) .tbx-on i{background: url(../img/main/mcnt3-i2.png) center no-repeat;}
.mcnt3 .img-box ul > li:nth-child(3) .tbx-on i{background: url(../img/main/mcnt3-i3.png) center no-repeat;}
.mcnt3 .img-box ul > li .tbx-on h5{font-size: 25px; line-height: 1.5em; letter-spacing: -0.03em; font-weight: 600; color: #fff; margin-bottom: 15px; transition:.3s;}
.mcnt3 .img-box ul > li .tbx-on p{font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: #fff;	transition:.3s;}

.mcnt3 .img-box ul > li:hover{
	.tbx{translate:0 -150%;}
	.tbx-on{top:0px;}
}

.mcnt4_wrap{/* background: #f4f5fc url(../img/main/mcnt4-bg.jpg) top center no-repeat;  */background-color: #f4f5fc; }
.mcnt4_wrap > .fp-overflow > img{width: 100%; height: 300px; object-fit:cover;}
.mcnt4 .main-tit {height: 110px; margin-top: -110px;}
.mcnt4 .main-tit h3{color: #f4f0ff;}
.mcnt4 .main-tit h3:after{background: #f4f0ff;}
.mcnt4-cnt{display: flex; flex-wrap:wrap; height: 530px;}
.mcnt4-cnt .map-wrap{width: 66.66%; position: relative; z-index: 10;}


.mcnt4-cnt .map-wrap .root_daum_roughmap{width: 100%;}
.mcnt4-cnt .map-wrap .root_daum_roughmap .wrap_map{height: 530px !important;}
.mcnt4-cnt .map-wrap .root_daum_roughmap .wrap_controllers{display: none;}
.mcnt4-cnt .tbx{flex:1; background: #fff; padding: 0 60px; text-align: center; align-content:center; padding-top: 8px; box-shadow:0px 0px 20px rgba(0,0,0,0.05)}
.mcnt4-cnt .tbx h5{display: flex; justify-content: center; gap: 13px; align-items:center; font-size: 25px; line-height: 1; color: #111; letter-spacing: -0.03em; font-weight: 600; margin-bottom: 27px;}
.mcnt4-cnt .tbx h5 i{line-height: 0;}
.mcnt4-cnt .tbx p{font-size: 16px; line-height: 1.5; letter-spacing: -0.03em; color: #666; }
.mcnt4-cnt .tbx ul{border-top: 1px solid #ddd; margin-top: 34px; padding-top: 40px; text-align: left;	display: flex; flex-direction: column; align-items: center; padding-left: 14px;}
.mcnt4-cnt .tbx ul > li{display: flex; font-size: 16px; line-height: 1.5; letter-spacing: -0.03em; color: #666;}
.mcnt4-cnt .tbx ul > li span{color: #79256c; font-weight: 500; width: 70px;}
.mcnt4-cnt .tbx ul > li a{width: 184px;}

#fp-nav.fp-right{right: 39px; /* margin-top: 120px; */ margin-top: 82px; }
#fp-nav ul li, .fp-slidesNav ul li{width: 8px; height: 8px; margin: 0; margin-bottom: 44px !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{margin: 0 !important; width: 8px !important; height: 8px !important; left: 0 !important; top: 0 !important; background: #d2d2d2; transition:.3s;}
#fp-nav ul li a span.fp-sr-only,
.fp-slidesNav ul li a span.fp-sr-only{background: #fff !important; display: block; font-family: 'Montserrat'; font-size: 12px; letter-spacing: -0.03em; color: #111; font-weight: 600; width: 80px !important; height: 28px !important; line-height: 28px !important; background: #fff !important; border-radius: 50px !important; right: 16px !Important; left: auto !important;  top:  -10px !important; opacity: 1;     clip: auto !important; text-align: center; opacity: 0;}
#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{background: #79256c ;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: #79256c ;}
#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;}
#fp-nav ul li:last-child,
.fp-slidesNav ul li:last-child{display: none;}