@charset "utf-8";

/* main-cover */
@keyframes cover {
	0%{opacity: 1; z-index: 999;}
	98%{opacity: 0; z-index: 1;}
	100%{opacity: 0; z-index: -10;}
}
.main-cover{background-color: #000; opacity: 1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; animation: cover 2s ease-in-out forwards;}

/* m_txt */
.m_txt{}
.m_txt h4{font-size: 20px; color: #74bc38; margin-bottom: 20px; word-break: keep-all;}
.m_txt h3{font-size: 50px; color: #000; line-height: 1.2em; letter-spacing: -0.05em; word-break: keep-all;}
.m_txt p{color: #fff; font-size: 1.8rem; font-weight: 500;line-height: 3.2rem; margin-top: 40px;}

@media all and (max-width:1280px){
    .m_txt h4{font-size: 19px; margin-bottom: 15px;}
	.m_txt h3{font-size: 46px;}
    .m_txt p{font-size: 1.6rem;}
}
@media all and (max-width:1024px){
    .m_txt h4{font-size: 18px; margin-bottom: 13px;}
	.m_txt h3{font-size: 40px;}
}
@media all and (max-width:768px){
    .m_txt h4{font-size: 17px; margin-bottom: 11px;}
	.m_txt h3{font-size: 34px;}
    .m_txt p{line-height: 2.6rem; margin-top: 30px;}
    .m_txt p br{display: none;}
}
@media all and (max-width:500px){
	.m_txt h4{font-size: 16px;}
	.m_txt h3{font-size: 30px;}
}

/* mVisual */
#mVisual{position: relative;}
#mVisual .visual{width: 100%; height: 100vh; position: relative; overflow: hidden;}
#mVisual .visual .mv{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
#mVisual .visual .mv video{width: 100%; height: 100%; min-width: 100%; min-height: 100%; object-fit: cover; margin-top: -1px;}
#mVisual .inner{position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 2; height: 100%;}
#mVisual .inner .txt{height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center;}
#mVisual .inner .txt h3{font-size: 86px; color: #fff; line-height: 1.2em; }
#mVisual .inner .txt h3 span{color: #74bc38; display: block; line-height: 1em;}
#mVisual .inner .txt p{font-size: 20px; font-weight: 500; color: #fff; margin-top: 45px;}

@media all and (max-width:1280px){
	#mVisual .inner .txt h3{font-size: 72px;}
	#mVisual .inner .txt p{font-size: 19px; margin-top: 40px;}
}
@media all and (max-width:1024px){
	#mVisual .inner .txt h3{font-size: 64px; line-height: 1.1em;}
	#mVisual .inner .txt p{font-size: 18px; margin-top: 35px;}
}
@media all and (max-width:768px){
	#mVisual .visual{height: 90vh;}
	#mVisual .inner .txt h3{font-size: 56px;}
	#mVisual .inner .txt p{font-size: 17px; margin-top: 30px;}
}
@media all and (max-width:500px){
	#mVisual .inner .txt h3{font-size: 48px;}
	#mVisual .inner .txt p{font-size: 16px; margin-top: 26px;}
}


/* sec1 */
.sec1{padding: 140px 0;}
.sec1 .fp-tableCell{vertical-align: inherit; display: block; height: 100% !important;}
.sec1 .inner{ display: flex; justify-content: space-between; align-items: flex-start;}
.sec1 .inner .cont{position: sticky; top: 180px; width: calc(100% - 800px); height: 74vh;}
.sec1 .inner .cont_box{ display: flex; justify-content: space-between; align-items: flex-start; opacity: 0; transition: .2s; position: absolute; width: 100%; top: 0;}
.sec1 .inner .cont_box.on{opacity: 1;}
.sec1 .inner .cont_box + .cont_box{margin-top: 0px;}
.sec1 .inner .cont_box .l_cont{padding-top: 40px; display: flex; justify-content: space-between; flex-direction: column;}
.sec1 .inner .cont_box .l_cont .m_txt{}
.sec1 .inner .cont_box .l_cont .b_txt{margin-top: 200px;}
.sec1 .inner .cont_box .l_cont .b_txt .num{font-size: 20px; color: #999999; font-weight: 700; margin-bottom: 35px;}
.sec1 .inner .cont_box .l_cont .b_txt .num .on{font-size: 36px; color: #74bc38;}
.sec1 .inner .cont_box .l_cont .b_txt .num .total{}
.sec1 .inner .cont_box .l_cont .box{}
.sec1 .inner .cont_box .l_cont .box .text{}
.sec1 .inner .cont_box .l_cont .box .text h4{font-size: 24px; color: #000; margin-bottom: 15px;}
.sec1 .inner .cont_box .l_cont .box .text p{font-size: 18px; color: #000; word-break: keep-all; line-height: 1.6em;}
.sec1 .inner .r_cont{}
@keyframes imgzoomout{
	0%{transform: scale(1.1)}
	100%{transform: scale(1)}
}
.sec1 .inner .r_cont .img{position: relative; border-radius: 20px; overflow: hidden;}
.sec1 .inner .r_cont .img + .img{margin-top: 100px;}
.sec1 .inner .r_cont .img img{max-width: 100%;}
.sec1 .inner .r_cont .img.aos-animate img{ animation: imgzoomout 1s ease-in-out forwards;}
.sec1 .inner .r_cont .img p{position: absolute; left: 50%; transform: translateX(-50%); bottom: 60px; text-align: center; width: 100%; color: #fff; font-size: 60px; font-weight: 900;}

@media all and (max-width:1280px){
	.sec1{padding: 120px 0;}
	.sec1 .inner .cont{top: 120px; width: calc(100% - 55vw);}
	.sec1 .inner .cont_box .l_cont{padding-top: 20px;}
	.sec1 .inner .cont_box .l_cont .b_txt{margin-top: 180px;}
	.sec1 .inner .cont_box .l_cont .b_txt .num{font-size: 19px; margin-bottom: 30px;}
	.sec1 .inner .cont_box .l_cont .b_txt .num .on{font-size: 32px;}
	.sec1 .inner .cont_box .l_cont .box .text h4{font-size: 22px;}
	.sec1 .inner .cont_box .l_cont .box .text p{font-size: 17px;}
	.sec1 .inner .r_cont .img{width: 55vw; height: 70vh;}
	.sec1 .inner .r_cont .img img{object-fit: cover; width: 100%; height: 100%;}
	.sec1 .inner .r_cont .img p{font-size: 52px; bottom: 50px;}
}
@media all and (max-width:1024px){
	.sec1{padding: 100px 0;}
	.sec1 .inner .cont_box .l_cont{padding-top: 40px; max-width: calc(45vw - 40px);}
	.sec1 .inner .cont_box .l_cont .b_txt{margin-top: 160px;}
	.sec1 .inner .cont_box .l_cont .b_txt .num{font-size: 18px; margin-bottom: 26px;}
	.sec1 .inner .cont_box .l_cont .b_txt .num .on{font-size: 30px;}
	.sec1 .inner .cont_box .l_cont .box .text h4{font-size: 21px;}
	.sec1 .inner .cont_box .l_cont .box .text p{font-size: 17px;}
	.sec1 .inner .cont_box .l_cont .box .text p br{display: none;}
	.sec1 .inner .r_cont .img{width: 50vw; height: 70vh;}
	.sec1 .inner .r_cont .img p{font-size: 46px; bottom: 40px; padding: 0 30px;}
}
@media all and (max-width:768px){
	.sec1{padding: 0px 0;}
	.sec1 .inner{flex-direction: column;}
	.sec1 .inner .cont{top: 65px; width: 100%; height: auto; z-index: 2; height: 280px; background-color: #fff;}
	.sec1 .inner .cont_box .l_cont{width: 100%; padding-top: 30px; max-width: 100%;}
	.sec1 .inner .cont_box .l_cont .m_txt h3 br{display: none;}
	.sec1 .inner .cont_box .l_cont .b_txt{position: static; max-width: 100%; margin-top: 30px;}
	.sec1 .inner .cont_box .l_cont .b_txt .num{margin-bottom: 20px; display: none;}
	.sec1 .inner .cont_box .l_cont .b_txt .num .on{font-size: 27px;}
	.sec1 .inner .cont_box .l_cont .box .text h4{font-size: 20px;}
	.sec1 .inner .cont_box .l_cont .box .text p{font-size: 16px;}
	.sec1 .inner .r_cont{width: 100%; padding-top: 80px;}
	.sec1 .inner .r_cont .img{width: 100%; height: 50vh;}
	.sec1 .inner .r_cont .img + .img{margin-top: 50px;}
	.sec1 .inner .r_cont .img img{width: 100%;}
	.sec1 .inner .r_cont .img p{font-size: 38px; bottom: 30px;}
}
@media all and (max-width:500px){
	.sec1{padding: 0px 0;}
	.sec1 .m_txt h3{font-size: 26px; white-space: nowrap;}
	.sec1 .inner .cont{height: 270px;}
	.sec1 .inner .cont_box .l_cont{padding-top: 25px;}
	.sec1 .inner .cont_box .l_cont .b_txt{margin-top: 20px;}
	.sec1 .inner .cont_box .l_cont .b_txt .num{margin-bottom: 16px; font-size: 17px;}
	.sec1 .inner .cont_box .l_cont .b_txt .num .on{font-size: 25px;}
	.sec1 .inner .cont_box .l_cont .box .text h4{font-size: 19px;}
	.sec1 .inner .r_cont .img{width: 100%; height: 45vh;}
	.sec1 .inner .r_cont .img p{font-size: 34px; bottom: 25px; padding: 0 15px;}
}


/* sec2 */
.sec2{padding: 160px 0; /*background: url(/images/main/sec2_bg.webp) no-repeat center center / cover;*/}
.sec2 .inner{}
.sec2 .inner .m_txt{}
.sec2 .inner .cont{display: flex; margin-top: 60px; gap:16px;}
.sec2 .inner .cont li{width: 100%; height: 460px;cursor: pointer; position: relative; border-radius: 12px; overflow: hidden;}
.sec2 .inner .cont li::after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(18, 142, 57, 0.7); opacity: 0; transition: .4s;}
.sec2 .inner .cont li:hover::after{opacity: 1;}
.sec2 .inner .cont li .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sec2 .inner .cont li .img span{background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; display: block; transform: scale(1.1); transition: 1s;}
.sec2 .inner .cont li.aos-animate .img span{transform: scale(1);}
.sec2 .inner .cont li:hover .img span{transform: scale(1.1);}
.sec2 .inner .cont li.box1 .img span{background-image: url(/images/main/sec2_img1.webp);}
.sec2 .inner .cont li.box2 .img span{background-image: url(/images/main/sec2_img2.webp);}
.sec2 .inner .cont li.box3 .img span{background-image: url(/images/main/sec2_img3.webp);}
.sec2 .inner .cont li.box4 .img span{background-image: url(/images/main/sec2_img4.webp);}
.sec2 .inner .cont li .link{position: absolute; top: 40px; right: 30px; opacity: 0; transition: .4s; z-index: 2;}
.sec2 .inner .cont li:hover .link{opacity: 1;}
.sec2 .inner .cont li .link img{}
.sec2 .inner .cont li .txt{position: absolute; bottom: 40px; left: 30px; opacity: 0; transition: .4s; z-index: 2;}
.sec2 .inner .cont li:hover .txt{opacity: 1;}
.sec2 .inner .cont li .txt h3{font-size: 36px; color: #fff; margin-bottom: 20px;}
.sec2 .inner .cont li .txt p{font-size: 16px; color: #fff; line-height: 1.7em; position: relative; padding-left: 10px;}
.sec2 .inner .cont li .txt p::before{content: '-'; position: absolute; left: 0; top: 0;}

@media all and (max-width:1280px){
	.sec2{padding: 140px 0;}
	.sec2 .inner .cont{margin-top: 55px;}
	.sec2 .inner .cont li{height: 420px;}
	.sec2 .inner .cont li .link{top: 30px; right: 20px;}
	.sec2 .inner .cont li .link img{max-width: 58px;}
	.sec2 .inner .cont li .txt{bottom: 30px; left: 20px;}
	.sec2 .inner .cont li .txt h3{font-size: 32px; margin-bottom: 15px;}
}
@media all and (max-width:1024px){
	.sec2{padding: 120px 0;}
	.sec2 .inner .cont{flex-wrap: wrap; margin-top: 50px;}
	.sec2 .inner .cont li{width: calc(100% / 2 - 16px / 2);}
	.sec2 .inner .cont li .link img{max-width: 54px;}
	.sec2 .inner .cont li .txt h3{font-size: 30px; margin-bottom: 13px;}
	.sec2 .inner .cont li .txt p{font-size: 15px; line-height: 1.6em;}
}
@media all and (max-width:768px){
	.sec2{padding: 100px 0;}
	.sec2 .inner .cont li{height: 360px;}
	.sec2 .inner .cont li::after{opacity: 1; background-color: rgba(0,0,0,0.35);}
	.sec2 .inner .cont li .link{opacity: 1;}
	.sec2 .inner .cont li .txt{opacity: 1;}
	.sec2 .inner .cont li .link img{max-width: 52px;}
	.sec2 .inner .cont li .txt h3{font-size: 28px; margin-bottom: 10px;}
}
@media all and (max-width:500px){
	.sec2{padding: 80px 0;}
	.sec2 .inner .cont{margin-top: 45px;}
	.sec2 .inner .cont li{width: 100%; height: 240px;}
}


/* sec3 */
.sec3{}
.sec3 .inner{}
.sec3 .inner.inv{padding: 160px 0;}
.sec3 .inner .top{display: flex; justify-content: space-between; align-items: flex-end;}
.sec3 .inner .top .m_txt{}
.sec3 .inner .top .link{}
.sec3 .inner .top .link a{font-size: 18px; font-weight: 600; color: #000; display: block; line-height: 56px; padding: 0 30px; border-radius: 28px; border: 1px solid #b8b8b8;}
.sec3 .inner .top .link a::after{content: '→'; margin-left: 20px;}
.sec3 .inner .b_cont{display: flex; margin-top: 60px; gap:40px;}
.sec3 .inner .b_cont li{width: 100%; background-color: #f5f5f5; padding: 50px 40px; height: 300px; position: relative; border-radius: 12px;}
.sec3 .inner .b_cont li a{display:flex; height: 100%; flex-direction: column;}
.sec3 .inner .b_cont li a .date{font-size: 16px; color: #999999; font-weight: 700;}
.sec3 .inner .b_cont li a .txt{font-size: 22px; color: #000000; font-weight: 700; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 20px; line-height: 1.4em; height: 2.8em;}
.sec3 .inner .b_cont li a p{font-size: 16px; font-weight: 600; color: #000; opacity: 0.5; margin-top: auto;}
.sec3 .inner .b_cont li a p span{font-weight: 400; margin-left: 5px;}

.sec3 .banner{width: 100%; height: 580px; position: relative; overflow: hidden;}
.sec3 .banner .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sec3 .banner .bg span{width: 100%; height: 100%; display: block; background: url(/images/main/sec3_banner.webp) no-repeat center center / cover; transition: 2s; transform: scale(1.1);}
.sec3.fp-completely .banner .bg span{transform: scale(1);}
.sec3 .banner .inner{height: 100%; display: flex; align-items: center;}
.sec3 .banner .inner .m_txt h3{font-size: 50px; color: #fff;}
.sec3 .banner .inner .m_txt h3 span{color: #74bc38}

.sec3 .banner .blur-effect {position: absolute;width: 128px;height: 128px;backdrop-filter: blur(1px) ; border-radius: 50%;pointer-events: none;display: none;z-index: 10; transform: translate(-64px, -64px);}
.sec3 .banner .g_link{position: absolute; width: 100%; bottom: 0;height: 65px; background: rgba(0,0,0,0.4); cursor: auto;z-index: 11;}
.sec3 .banner .g_link ul{display: flex; width: 100%;}
.sec3 .banner .g_link ul li{position: relative; width: calc(100%/3); text-align: center; font-size: 1.8rem; border-right: 1px solid rgba(255,255,255,0.2);}
.sec3 .banner .g_link ul li:hover a{background:#74bc38;}
.sec3 .banner .g_link ul li:first-child{border-left: 1px solid rgba(255,255,255,0.2);}
.sec3 .banner .g_link ul li span{position: absolute; font-family: 'suit'; right: 30px; top: 50%; transform: translateY(-50%);}
.sec3 .banner .g_link ul li a{ color: #fff; display: inline-block; width: 100%; height: 65px; line-height: 65px;font-weight: bold;}
.sec3 .banner .gpt{width: 100%; height: 100%; display: inline-block; position: absolute; left: 0;top: 0; z-index: 9;cursor: url(/images/main/cursor.png) 64 64, pointer;}


@media all and (max-width:1280px){
    .sec3 .inner.inv{padding: 140px 0;}
	.sec3 .inner .top .link a{line-height: 52px; padding: 0 25px; font-size: 17px;}
	.sec3 .inner .b_cont{margin-top: 50px; gap:30px;}
	.sec3 .inner .b_cont li{padding: 40px 30px; height: 270px;}
	.sec3 .inner .b_cont li a .txt{font-size: 20px; margin-top: 15px;}
	.sec3 .banner{height: 580px;}
	.sec3 .banner .inner .m_txt h3{font-size: 46px;}
}
@media all and (max-width:1024px){
    .sec3 .inner.inv{padding: 120px 0;}
	.sec3 .inner .top .link a{line-height: 46px; padding: 0 22px; font-size: 16px;}
	.sec3 .inner .b_cont{margin-top: 45px; gap:20px;}
	.sec3 .inner .b_cont li{padding: 35px 25px; height: 250px;}
	.sec3 .inner .b_cont li a .date{font-size: 15px;}
	.sec3 .inner .b_cont li a p{font-size: 15px;}
	.sec3 .banner{height: 500px;}
	.sec3 .banner .inner .m_txt h3{font-size: 42px;}
    .sec3 .banner .g_link ul li a{font-size: 1.6rem;}
}
@media all and (max-width:768px){
    .sec3 .inner.inv{padding: 100px 0;}
	.sec3 .inner .top .link a{line-height: 42px; padding: 0 20px; font-size: 15px;}
	.sec3 .inner .b_cont{flex-wrap: wrap;}
	.sec3 .inner .b_cont li{width: 100%; height: 220px;}
	.sec3 .banner .inner .m_txt h3{font-size: 36px;}
    .sec3 .banner .g_link{height: 55px;}
    .sec3 .banner .g_link ul li a{height: 55px; line-height: 55px;}
    .sec3 .banner .g_link ul li span{right: 20px; font-size: 1.4rem;}
}
@media all and (max-width:500px){
    .sec3 .inner.inv{padding: 80px 0;}
	.sec3 .inner .top{flex-direction: column; gap:40px; align-items: flex-start;}
	.sec3 .banner{height: 450px;}
	.sec3 .banner .inner .m_txt h3{font-size: 32px;}
    .sec3 .banner .g_link ul li a{font-size: 1.5rem;}
    .sec3 .banner .g_link ul li span{right: 15px; font-size: 1.3rem;}
}


/* sec4 */
.sec4{padding: 160px 0; overflow: hidden;}
.sec4 .inner{}
.sec4 .inner .top{display: flex; justify-content: space-between; align-items: flex-end;}
.sec4 .inner .top .m_txt{}
.sec4 .inner .top .arrows{display: flex; align-items: center; gap:35px;}
.sec4 .inner .top .arrows .arrow{color: #000; opacity: 0.5; font-size: 36px; font-weight: 300; transition: .4s; cursor: pointer;}
.sec4 .inner .top .arrows .arrow:hover{opacity: 1;}
.sec4 .inner .top .arrows .arrow.prev{}
.sec4 .inner .top .arrows .arrow.next{}
.sec4 .inner .cont{margin-top: 70px; width: 120%;}
.sec4 .inner .cont li{max-width: 420px; margin-right: 30px;}
.sec4 .inner .cont li a{}
.sec4 .inner .cont li a .img{border-radius: 12px; overflow: hidden;}
.sec4 .inner .cont li a .img img{max-width: 100%;}
.sec4 .inner .cont li a .txt{margin-top: 25px;}
.sec4 .inner .cont li a .txt h3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 22px; color: #000; font-weight: 600; word-break: keep-all; line-height: 1.5em;}
.sec4 .inner .cont li a .txt p{font-size: 18px; font-weight: 600; color: #74bc38; margin-top: 20px;}

@media all and (max-width:1280px){
	.sec4{padding: 140px 0;}
	.sec4 .inner .top .arrows .arrow{font-size: 32px;}
	.sec4 .inner .cont{margin-top: 60px;}
	.sec4 .inner .cont li{max-width: 350px; margin-right: 25px;}
	.sec4 .inner .cont li a .txt{margin-top: 20px;}
	.sec4 .inner .cont li a .txt h3{font-size: 20px;}
	.sec4 .inner .cont li a .txt p{font-size: 17px;}
}
@media all and (max-width:1024px){
	.sec4{padding: 120px 0;}
	.sec4 .inner .top .arrows .arrow{font-size: 28px;}
	.sec4 .inner .cont{margin-top: 55px;}
	.sec4 .inner .cont li{max-width: 320px;}
	.sec4 .inner .cont li a .txt h3{font-size: 19px;}
}
@media all and (max-width:768px){
	.sec4{padding: 100px 0;}
	.sec4 .inner .top .arrows .arrow{font-size: 26px;}
	.sec4 .inner .cont{margin-top: 50px;}
	.sec4 .inner .cont li{max-width: 290px; margin-right: 20px;}
	.sec4 .inner .cont li a .txt{margin-top: 15px;}
	.sec4 .inner .cont li a .txt h3{font-size: 18px;}
	.sec4 .inner .cont li a .txt p{font-size: 16px;}
}
@media all and (max-width:500px){
	.sec4{padding: 80px 0;}
	.sec4 .inner .top{flex-direction: column; gap:40px; align-items: flex-start;}
	.sec4 .inner .top .arrows .arrow{font-size: 24px;}
	.sec4 .inner .cont{margin-top: 45px;}
	.sec4 .inner .cont li{max-width: 260px; margin-right: 15px;}
}


.bg-wrap1{background: url(/images/main/sec2_bg.webp) no-repeat center center / cover;}

.m_loca{height: 980px;}
.m_loca .loca_wrap{height: 980px; color: #000; transition: all 0.8s ease-out;}
.m_loca .loca_wrap .loca{height: 980px; transform: scale(0.85); border-radius: 20px; overflow: hidden;transition: transform 0.8s ease-out;}
.m_loca.is-active .loca_wrap .loca {transform: scale(1);border-radius: 0px;}
.m_loca .loca_wrap .loca1{background: url('/images/main/m_loca_01.jpg') no-repeat center center; background-size: cover;}
.m_loca .loca_wrap .loca2{background: url('/images/main/m_loca_02_250220.png') no-repeat center center; background-size: cover;}
.m_loca .loca_wrap .loca3{background: url('/images/main/m_loca_03.jpg') no-repeat center center; background-size: cover;}
.m_loca .loca_wrap .loca4{background: url('/images/main/m_loca_04-1.jpg') no-repeat center center; background-size: cover;}
.m_loca .loca_wrap .loca4-2{background: url('/images/main/m_loca_04-2_250602.jpg') no-repeat center center; background-size: cover;}
.m_loca .loca_wrap .loca5{background: url('/images/main/m_loca_05_250602.png') no-repeat center center; background-size: cover;}
.m_loca .loca_wrap .loca6{background: url('/images/main/m_loca_06.png') no-repeat center center; background-size: cover;}
.m_loca .loca_wrap .loca7{background: url('/images/main/m_loca_07.png') no-repeat center center; background-size: cover;}
.m_loca .loca_wrap .w-inner{position: relative; height: 100%; display: flex; align-items: center; gap: 0 3%; padding: 80px 0;}
.m_loca .loca_wrap .loca .m_txt h3{color: #fff;} 
.m_loca .loca_wrap .loca .lt{width: 68%; flex: 0 0 auto; height: 100%;}
.m_loca .loca_wrap .loca .lt img{width: 100%; height: 100%; object-fit: cover;}
.m_loca .loca_wrap .loca .rt{text-align: left;}
.m_loca .loca_wrap .loca .rt h3{font-size: 2.8rem; margin-bottom: 30px;}
.m_loca .loca_wrap .loca .rt p{font-size: 1.8rem;}
.m_loca .loca_wrap .loca .rt p + p{margin-top: 10px;}
.m_loca .loca_wrap .loca .rt a{font-size: 1.6rem; font-weight: 500; color: #000; border: 1px solid #000; border-radius: 4px; display: inline-block; width: 154px; text-align: center; margin-top: 50px; padding: 15px 0; transition: 0.3s;}
.m_loca .loca_wrap .loca .rt a:hover{background: #74bc38; border: 1px solid #74bc38; transition: 0.3s;}
.m_loca .slide_info{width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 160px; padding: 0 160px;}
.m_loca .slide_info .slide_progress {height: 3px; width: 100%; display: inline-block; background-color: #ffffff40;}
.m_loca .slide_info .slide_progress .progress{width: 0; height: 100%; background-color: #74bc38; }

.m_loca .custom-prev, .custom-next {position: absolute; top: 50%;transform: translateY(-50%);z-index: 100; background: none; border: none; cursor: pointer;}
.m_loca .custom-prev {left: 6%;}
.m_loca .custom-next {right:6%;}
.m_loca .custom-prev img, .custom-next img {width: 70px;height: 70px;opacity: 0.7;transition: opacity 0.3s;}
.m_loca .custom-prev img:hover, .custom-next img:hover {opacity: 1;}


@media all and (max-width:1780px){
    .m_loca .custom-prev {left: 4%;}
    .m_loca .custom-next {right:4%;}
}
@media all and (max-width:1280px){
    .m_loca .custom-prev img, .custom-next img {width: 50px;height: 50px;}
    .m_loca .custom-prev {left: 4%;}
    .m_loca .custom-next {right:4%;}
    .m_loca{height: 780px;}
    .m_loca .loca_wrap{height: 780px;}
    .m_loca .loca_wrap .loca{height: 780px;}
    .m_loca .loca_wrap .loca .lt{width: 100%;}
    .m_loca .loca_wrap .loca .rt{width: auto; position: absolute; right: 0; bottom: 70px; padding: 30px 40px; background-color: rgb(255, 255, 255, 0.95);}
    .m_loca .loca_wrap .w-inner{padding: 70px 70px; position: relative;}
    .m_loca .slide_info{bottom: 50px; padding: 0 100px;}
}
@media all and (max-width:980px){
    .m_loca .custom-prev {left: 3%;}
    .m_loca .custom-next {right:3%;}
    .m_loca .loca_wrap .loca .rt{font-size: 2.5rem;}
    .m_loca .loca_wrap .loca .rt p{font-size: 1.6rem;}
    .m_loca .loca_wrap .loca .rt a{font-size: 1.4rem; padding: 10px 0; width: 140px;margin-top: 40px;}
}
@media all and (max-width:680px){
    .m_loca .loca_wrap .w-inner{padding: 60px;}
    .m_loca .loca_wrap .loca .rt{bottom: 60px;}
    .m_loca .slide_info{bottom: 40px; padding: 0 60px; }
}
@media all and (max-width:500px){
    .m_loca .custom-prev img, .custom-next img {width: 40px;height: 40px;}
    .m_loca .loca_wrap .w-inner{padding: 30px; gap: 0; flex-direction: column;}
    .m_loca .slide_info{bottom: 0; padding: 0; width: 100%; position: relative; margin: 0 auto;}
    .m_loca .loca_wrap .loca .lt{height: 350px;} 
    .m_loca .loca_wrap .loca .rt{width: 100%; position: static; padding:20px 0; background-color: transparent;}
    .m_loca .loca_wrap .loca .rt h3{font-size: 2.3rem; margin-bottom: 15px;}
    .m_loca .loca_wrap .loca .rt a{margin-top: 20px;}
    .m_loca{height: auto;}
    .m_loca .loca_wrap{height: auto;}
    .m_loca .loca_wrap .loca{height: auto;}
    
}

#m_rnd{ height: 1050px; display: flex; position: relative; width: 100%;}
#m_rnd .lt{width: 100%; height: 1050px; transform: scale(0.85);border-radius: 20px; overflow: hidden;transition: transform 0.8s ease-out;}
#m_rnd.is-active .lt{transform: scale(1);border-radius: 0px;}
#m_rnd .img_box{width: 100%; height: 100%;}
#m_rnd .img_box .img{width: 100%; height: 1050px;}
#m_rnd .img_box .img1{ background: url('/images/main/m_rnd_img1.png') no-repeat 30% 50%; background-size: cover;}
#m_rnd .img_box .img2{ background: url('/images/main/m_rnd_img2.png') no-repeat 30% 50%; background-size: cover;}
#m_rnd .img_box .img3{ background: url('/images/main/m_rnd_img3.png') no-repeat 30% 50%; background-size: cover;}
#m_rnd .img_box .img4{ background: url('/images/main/m_rnd_img4.png') no-repeat 30% 50%; background-size: cover;}
#m_rnd .img_box .img5{ background: url('/images/main/m_rnd_img5.png') no-repeat 30% 50%; background-size: cover;}
#m_rnd .img_box .img6{ background: url('/images/main/m_rnd_img6.png') no-repeat 30% 50%; background-size: cover;}
#m_rnd .img_box .img7{ background: url('/images/main/m_rnd_img7.png') no-repeat 30% 50%; background-size: cover;}
#m_rnd .rt{position: absolute;transform: translatey(-50%); left: 50%; top: 50%; width: 700px; text-align: center; padding: 0 15px;}
#m_rnd .rt h3{color: #fff;}
#m_rnd .rt ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 60px;}
#m_rnd .rt ul li{width: 120px; height: 120px; border-radius: 4px; background: #fff; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;gap: 15px; align-content: center; cursor: pointer;}
#m_rnd .rt ul li p{color: #000; font-size: 1.8rem; font-weight: 600; width: 100%;}


@media all and (max-width:1400px){
    #m_rnd .rt{left: auto; right: 0%;}
}
@media all and (max-width:1280px){
    #m_rnd{ height: 850px;}
    #m_rnd .img_box .img{height: 850px;}
}
@media all and (max-width:1080px){
    #m_rnd .rt{width: 600px;}
}
@media all and (max-width:980px){
    #m_rnd .rt{width: 100%; padding: 0 30px;}
    #m_rnd .rt .m_txt p{margin-top: 30px;}
    #m_rnd .img_box .img::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%; filter: blur(2px); z-index: -1; border-radius: 20px; overflow: hidden;}
    #m_rnd .img_box .img1::before {background: url('/images/main/m_rnd_img1.png') no-repeat center center / cover;}
    #m_rnd .img_box .img2::before {background: url('/images/main/m_rnd_img2.png') no-repeat center center / cover;}
    #m_rnd .img_box .img3::before {background: url('/images/main/m_rnd_img3.png') no-repeat center center / cover;}
    #m_rnd .img_box .img4::before {background: url('/images/main/m_rnd_img4.png') no-repeat center center / cover;}
    #m_rnd .img_box .img5::before {background: url('/images/main/m_rnd_img5.png') no-repeat center center / cover;}
    #m_rnd .img_box .img6::before {background: url('/images/main/m_rnd_img6.png') no-repeat center center / cover;}
    #m_rnd .img_box .img7::before {background: url('/images/main/m_rnd_img7.png') no-repeat center center / cover;}
    #m_rnd .rt ul{margin-top: 40px;}
    #m_rnd .rt ul li{width: calc(100%/4 - 15px);}
}
@media all and (max-width:680px){
    #m_rnd .rt ul li p{font-size: 1.6rem;}
    #m_rnd .rt ul li img{transform: scale(0.8);}
}
@media all and (max-width:540px){
    #m_rnd .rt .m_txt p{line-height: 2.5rem;}
    #m_rnd .rt .m_txt p br{display: none;}
    #m_rnd .rt ul li{width: calc(100%/2 - 10px); height: 100px;}
}