@charset "utf-8";


/* m_txt */
.m_txt{}
.m_txt h4{font-size: 16px; font-weight: 600; color: #22372b; letter-spacing: 0.08em; margin-bottom: 15px;}
.m_txt h3{font-size: 36px; font-weight: 600; color: #222222; line-height: 1.4em; word-break: keep-all;}
.m_txt h3 span{color: #76ab6a; font-weight: 700; word-break: keep-all;}
.m_txt p{font-size: 18px; font-weight: 400; line-height: 1.7em; margin-top: 20px; word-break: keep-all;}
.m_txt .btn_box{margin-top: 55px;}
.m_txt .btn_box a.btn{line-height: 50px; display: inline-block;}
.m_txt .btn_box a.btn.btn1{font-size: 16px; font-weight: 600; border: 1px solid #76ab6a; color: #76ab6a; display: inline-flex; align-items: center; justify-content: center; gap:15px; padding: 0 25px; border-radius: 6px;}
.m_txt .btn_box a.btn.btn1:hover{background-color: #76ab6a; color: #fff;}
.m_txt .btn_box a.btn span{font-family: 'SUIT', sans-serif;}

@media all and (max-width:1280px){
	.m_txt h4{font-size: 15px; margin-bottom: 13px;}
	.m_txt h3{font-size: 32px;}
	.m_txt p{font-size: 17px; margin-top: 16px;}
	.m_txt .btn_box{margin-top: 45px;}
	.m_txt .btn_box a.btn{line-height: 46px;}
	.m_txt .btn_box a.btn.btn1{font-size: 15px; padding: 0 22px;}
}
@media all and (max-width:1024px){
	.m_txt h3{font-size: 30px;}
}
@media all and (max-width:768px){
	.m_txt h4{font-size: 14px; margin-bottom: 11px;}
	.m_txt h3{font-size: 28px;}
	.m_txt h3 br.pc{display: none;}
	.m_txt p{font-size: 16px; margin-top: 13px;}
	.m_txt .btn_box{margin-top: 30px;}
}
@media all and (max-width:500px){
	.m_txt h3{font-size: 26px;}
}


/* mVisual */
@keyframes scrollba{
	0%{top: -26px;}
	70%{top: 40px;}
	100%{top: 40px;}
}
#mVisual{width: 100%; height: 100vh; position: relative; min-height: 900px;}
#mVisual .visual{width: 100%; height: 100%;}
#mVisual .visual > div{height: 100%;}
#mVisual .visual > div > div{height: 100%;}
#mVisual .visual .mv{width: 100%; height: 100%; background-color: #000;}
#mVisual .visual .mv.mv1{}
#mVisual .visual .mv.mv2{background: url(/images/main/mv2.webp) no-repeat center center / cover;}
#mVisual .visual .mv.mv3{}
#mVisual .visual .mv .video{width: 100%; height: 100%; position: absolute; opacity: 0.8;}
#mVisual .visual .mv .video video{width: 100%; height: 100%; object-fit: cover;}
#mVisual .visual .mv .inner{height: 100%;}
#mVisual .visual .mv .inner .txt{position: absolute; height: 100%; display: flex; flex-direction: column; justify-content: center; color: #fff;}
#mVisual .visual .mv .inner .txt h4{font-size: 26px; font-weight: 500; margin-bottom: 20px;}
#mVisual .visual .mv .inner .txt h3{font-weight: 800; font-size: 64px; margin-bottom: 30px;}
#mVisual .visual .mv .inner .txt h3 span{color: #8fe17c;}
#mVisual .visual .mv .inner .txt p{color: #eeeeee; font-size: 20px; font-weight: 500; line-height: 1.6em;}
#mVisual .dots{position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 180px; gap:26px;}
#mVisual .dots .inner{display: flex; align-items: center; gap:30px;}
#mVisual .dots .inner .arrow{cursor: pointer;}
#mVisual .dots .inner .arrow img{max-width: 7px;}
#mVisual .dots .inner .arrow.prev{}
#mVisual .dots .inner .arrow.next{}
#mVisual .dots .inner .dot_box{display: flex; align-items: center; gap:17px;}
#mVisual .dots .inner .dot_box .dot{width: 5px; height: 5px; border-radius: 100%; background: rgba(255,255,255,0.5); cursor: pointer;}
#mVisual .dots .inner .dot_box .dot.on{width: 19px; height: 19px; border: 2px solid #fff; background: transparent; position: relative;}
#mVisual .dots .inner .dot_box .dot.on::after{content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-53%, -53%);}
#mVisual .scroll{position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);}
#mVisual .scroll .gage{width: 4px; height: 40px; border-radius: 1.5px; background-color: rgba(255,255,255,0.4); position: relative; overflow: hidden;}
#mVisual .scroll .gage .bar{background-color: #ffffff; height: 26px; width: 4px; border-radius: 1.5px; position: absolute; left: 0; animation: scrollba 1s infinite ease-in-out;}

@media all and (max-width:1280px){
	#mVisual .visual .mv .inner .txt h4{font-size: 23px; margin-bottom: 15px;}
	#mVisual .visual .mv .inner .txt h3{font-size: 56px; margin-bottom: 25px;}
	#mVisual .visual .mv .inner .txt p{font-size: 19px;}
	#mVisual .dots{bottom: 190px;}
	#mVisual .scroll{bottom: 30px;}
}
@media all and (max-width:1024px){
	#mVisual .visual .mv .inner .txt h4{font-size: 22px;}
	#mVisual .visual .mv .inner .txt h3{font-size: 48px;}
	#mVisual .visual .mv .inner .txt p{font-size: 18px;}
	#mVisual .dots{bottom: 200px;}
	
}
@media all and (max-width:768px){
	#mVisual{height: 700px; min-height: 0;}
	#mVisual .visual .mv .inner .txt{width: 100%; text-align: center;}
	#mVisual .visual .mv .inner .txt h4{font-size: 21px; margin-bottom: 12px;}
	#mVisual .visual .mv .inner .txt h3{font-size: 42px; margin-bottom: 20px;}
	#mVisual .visual .mv .inner .txt p{font-size: 17px;}
	#mVisual .dots{bottom: 160px;}
	#mVisual .dots .inner{justify-content: center;}
	#mVisual .scroll{bottom: 5%;}
	#mVisual .scroll .gage{width: 3px;}
	#mVisual .scroll .gage .bar{width: 3px;}
}
@media all and (max-width:500px){
	#mVisual .visual .mv .inner .txt h4{font-size: 20px;}
	#mVisual .visual .mv .inner .txt h3{font-size: 36px;}
	#mVisual .visual .mv .inner .txt p{font-size: 16px;}
}


/* sec1 */
.sec1{padding: 120px 0; background: url(/images/main/sec1_bg.webp) no-repeat top center / 1145px;}
.sec1 .inner{}
.sec1 .inner .m_txt{text-align: center;}
.sec1 .inner .cont{margin-top: 80px; display: flex; justify-content: space-between;}
.sec1 .inner .cont li{cursor: pointer;}
.sec1 .inner .cont li .img{overflow: hidden; position: relative;}
.sec1 .inner .cont li:nth-child(1) .img{border-radius: 120px 60px 40px 0;}
.sec1 .inner .cont li:nth-child(2) .img{border-radius: 20px 80px 40px 120px;}
.sec1 .inner .cont li:nth-child(3) .img{border-radius: 30px 120px 0 70px; margin-top: 70px;}
.sec1 .inner .cont li .img img{object-fit: cover; width: 100%; height: 100%;}
.sec1 .inner .cont li .link{font-weight: 400; font-size: 15px; color: #fff; display: flex; gap:15px; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.5); position: absolute; padding-bottom: 5px;}
.sec1 .inner .cont li:nth-child(1) .link{top: 40px; right: 30px;}
.sec1 .inner .cont li:nth-child(2) .link{top: 40px; left: 30px;}
.sec1 .inner .cont li:nth-child(3) .link{top: 40px; left: 30px; color: #22372b; border-bottom: 1px solid #22372b;}
.sec1 .inner .cont li .link span{font-weight: 500; font-family: 'SUIT', sans-serif; margin-top: -1px;}
.sec1 .inner .cont li h4{font-family: "Marcellus", serif; font-size: 48px; color: #fff; font-weight: 400; mix-blend-mode: overlay;}
.sec1 .inner .cont li:nth-child(1) h4{position: absolute; left: 30px; bottom: 30px;}
.sec1 .inner .cont li:nth-child(2) h4{text-align: center; margin-top: -190px; margin-bottom: 20px;}
.sec1 .inner .cont li:nth-child(3) h4{position: absolute; right: 30px; bottom: 30px;}
.sec1 .inner .cont li .txt{}
.sec1 .inner .cont li:nth-child(1) .txt{padding-top: 30px; padding-left: 30px;}
.sec1 .inner .cont li:nth-child(2) .txt{text-align: center;}
.sec1 .inner .cont li:nth-child(3) .txt{padding-top: 30px; padding-left: 30px;}
.sec1 .inner .cont li .txt p{font-size: 16px; font-weight: 400; color: #666666; line-height: 1.6em;}
.sec1 .inner .cont li:nth-child(2) .txt p{padding-bottom: 60px; color: #fff;}

@media all and (max-width:1400px){
	.sec1 .inner .cont{gap:20px;}
	.sec1 .inner .cont li:nth-child(1) .txt{padding-left: 0;}
	.sec1 .inner .cont li:nth-child(3) .txt{padding-left: 0;}
}
@media all and (max-width:1280px){
	.sec1{padding: 100px 0;}
	.sec1 .inner .cont{margin-top: 60px;}
	.sec1 .inner .cont li{width: 100%;}
	.sec1 .inner .cont li h4{font-size: 3.5vw;}
	.sec1 .inner .cont li .link{font-size: 14px; gap:12px;}
	.sec1 .inner .cont li:nth-child(1) .link{top: 30px;}
	.sec1 .inner .cont li:nth-child(2) .link{top: 30px;}
	.sec1 .inner .cont li:nth-child(3) .link{top: 30px;}
	.sec1 .inner .cont li:nth-child(1) .txt{padding-top: 20px;}
	.sec1 .inner .cont li:nth-child(2) .txt{padding: 0 10px;}
	.sec1 .inner .cont li:nth-child(3) .txt{padding-top: 20px;}
	.sec1 .inner .cont li .txt p{word-break: keep-all; font-size: 15px;}
	.sec1 .inner .cont li .txt p br{display: none;}
	.sec1 .inner .cont li:nth-child(2) .txt p{padding-bottom: 50px;}
}
@media all and (max-width:1024px){
	.sec1{padding: 90px 0;}
	.sec1 .inner .cont{margin-top: 55px;}
	.sec1 .inner .cont li:nth-child(1) .link{top: 20px; right: 20px;}
	.sec1 .inner .cont li:nth-child(2) .link{top: 20px; left: 20px;}
	.sec1 .inner .cont li:nth-child(3) .link{top: 20px; left: 20px;}
	.sec1 .inner .cont li:nth-child(1) .img{border-radius: 100px 40px 20px 0;}
	.sec1 .inner .cont li:nth-child(2) .img{border-radius: 10px 60px 20px 100px;}
	.sec1 .inner .cont li:nth-child(3) .img{border-radius: 15px 100px 0 50px; margin-top: 50px;}
	.sec1 .inner .cont li:nth-child(1) h4{left: 18px; bottom: 18px;}
	.sec1 .inner .cont li:nth-child(2) h4{margin-top: -150px; margin-bottom: 10px;}
	.sec1 .inner .cont li:nth-child(3) h4{bottom: 18px; right: 18px;}
	.sec1 .inner .cont li:nth-child(1) .txt{padding-top: 12px;}
	.sec1 .inner .cont li:nth-child(3) .txt{padding-top: 12px;}
	.sec1 .inner .cont li:nth-child(2) .txt p{padding-bottom: 20px;}
}
@media all and (max-width:768px){
	.sec1{padding: 80px 0;}
	.sec1 .inner .cont{margin-top: 50px; flex-direction: column; align-items: center; gap:50px;}	
	.sec1 .inner .cont li{max-width: 450px;}
	.sec1 .inner .cont li:nth-child(3) .img{margin-top: 0;}
	.sec1 .inner .cont li:nth-child(1) .link{top: 30px; right: 30px;}
	.sec1 .inner .cont li:nth-child(2) .link{top: 30px; left: 30px;}
	.sec1 .inner .cont li:nth-child(3) .link{top: 30px; left: 30px;}
	.sec1 .inner .cont li h4{font-size: 46px;}
	.sec1 .inner .cont li:nth-child(1) h4{left: 25px; bottom: 25px;}
	.sec1 .inner .cont li:nth-child(2) h4{margin-top: -170px; margin-bottom: 15px;}
	.sec1 .inner .cont li:nth-child(3) h4{bottom: 25px; right: 25px;}
	.sec1 .inner .cont li:nth-child(2) .txt{padding: 0 20px;}
	.sec1 .inner .cont li .txt p{font-size: 16px; text-align: center;}
	.sec1 .inner .cont li:nth-child(2) .txt p{padding-bottom: 40px;}
}
@media all and (max-width:500px){
	.sec1{padding: 70px 0;}
	.sec1 .inner .cont{margin-top: 45px;}
	.sec1 .inner .cont li h4{font-size: 38px;}
}


/* sec2 */
.sec2{background: url(/images/main/sec2_bg.webp) no-repeat center center / cover; padding-top: 50px; position: relative; height: 700px; overflow-x: hidden;}
.sec2 .inner{display: flex; justify-content: space-between; align-items: center; height: 100%;}
.sec2 .inner .l_cont{}
.sec2 .inner .l_cont .m_txt{}
.sec2 .inner .c_cont{align-self: flex-end; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.sec2 .inner .c_cont .img{}
.sec2 .inner .c_cont .img img{}
.sec2 .inner .r_cont{text-align: right; position: relative; z-index: 2;}
.sec2 .inner .r_cont .top{}
.sec2 .inner .r_cont .top h4{font-size: 18px; font-weight: 500; color: #444444;}
.sec2 .inner .r_cont .top h3{font-size: 26px; color: #222222;}
.sec2 .inner .r_cont .top h3 span{font-size: 32px; color: #76ab6a;}
.sec2 .inner .r_cont .bottom{margin-top: 50px;}
.sec2 .inner .r_cont .bottom h3{font-size: 24px; color: #222222; margin-bottom: 20px;}
.sec2 .inner .r_cont .bottom .list_box{}
.sec2 .inner .r_cont .bottom .list_box .list{}
.sec2 .inner .r_cont .bottom .list_box .list li{font-size: 18px; font-weight: 400; color: #444444;}
.sec2 .inner .r_cont .bottom .list_box .list li::before{content: '·'; margin-right: 5px;}
.sec2 .inner .r_cont .bottom .list_box .list li + li{margin-top: 14px;}

@media all and (max-width:1280px){
	.sec2{height: 58vw; padding-top: 0;}
	.sec2 .inner .c_cont .img{text-align: center;}
	.sec2 .inner .c_cont .img img{max-width: 100%;}
	.sec2 .inner .r_cont .top h4{font-size: 17px;}
	.sec2 .inner .r_cont .top h3{font-size: 24px;}
	.sec2 .inner .r_cont .top h3 span{font-size: 29px;}
	.sec2 .inner .r_cont .bottom{margin-top: 35px;}
	.sec2 .inner .r_cont .bottom h3{font-size: 22px; margin-bottom: 15px;}
	.sec2 .inner .r_cont .bottom .list_box .list li{font-size: 17px;}
}
@media all and (max-width:1024px){
	.sec2{height: 52vw; padding-top: 0;}
	.sec2 .inner .c_cont .img img{max-width: 90%;}
	.sec2 .inner .r_cont .top h4{font-size: 16px;}
	.sec2 .inner .r_cont .top h3{font-size: 22px;}
	.sec2 .inner .r_cont .top h3 span{font-size: 27px;}
	.sec2 .inner .r_cont .bottom{margin-top: 30px;}
	.sec2 .inner .r_cont .bottom h3{font-size: 20px; margin-bottom: 12px;}
	.sec2 .inner .r_cont .bottom .list_box .list li + li{margin-top: 12px;}
}
@media all and (max-width:768px){
	.sec2{height: auto; padding: 80px 0;}
	.sec2 .inner{flex-direction: column;}
	.sec2 .inner .l_cont{width: 100%;}
	.sec2 .inner .l_cont .m_txt{text-align: center;}
	.sec2 .inner .l_cont .m_txt p br{display: none;}
	.sec2 .inner .c_cont{transform: translate(0); position: static; align-self: center; margin: 40px 0;}
	.sec2 .inner .r_cont{text-align: center; width: 100%;}
	.sec2 .inner .r_cont .bottom .list_box .list li{font-size: 16px;}
}
@media all and (max-width:500px){
	.sec2{padding: 70px 0;}
	.sec2 .inner .c_cont .img img{max-width: 85%;}
	.sec2 .inner .r_cont .top h3{font-size: 20px;}
	.sec2 .inner .r_cont .top h3 span{font-size: 25px;}
	.sec2 .inner .r_cont .bottom h3{font-size: 19px;}
}


/* sec3 */
.sec3{background: url(/images/main/sec3_bg.webp); padding: 120px 0;}
.sec3 .inner{display: flex; justify-content: space-between; align-items: center;}
.sec3 .inner .chara_box{width: 920px; position: relative;}
.sec3 .inner .chara_box .chara{width: 100%; height: 460px;}
.sec3 .inner .chara_box .chara > div{height: 100%;}
.sec3 .inner .chara_box .chara > div > div{height: 100%;}
.sec3 .inner .chara_box .chara .box{background-repeat:  no-repeat; background-position: center center; background-size: cover; height: 100%; width: 100%; border-radius: 15px; position: relative;}
.sec3 .inner .chara_box .chara .box.box1{background-image: url(/images/main/sec3_img1.webp);}
.sec3 .inner .chara_box .chara .box.box2{background-image: url(/images/main/sec3_img2.webp);}
.sec3 .inner .chara_box .chara .box.box3{background-image: url(/images/main/sec3_img3.webp);}
.sec3 .inner .chara_box .chara .box .txt{position: absolute; left: 60px; top: 50%; transform: translateY(-70%);}
.sec3 .inner .chara_box .chara .box .txt p{font-size: 28px; font-weight: 500; color: #ffffff; line-height: 1.5em; letter-spacing: -0.025em;}
.sec3 .inner .chara_box .dots{display: flex; position: absolute; padding: 0 60px 40px; bottom: 0; left: 0; width: 100%; justify-content: space-between; gap:25px;}
.sec3 .inner .chara_box .dots .dot{width: 100%;}
.sec3 .inner .chara_box .dots .dot.on{}
.sec3 .inner .chara_box .dots .dot p{font-size: 16px; color: #fff; opacity: 0.5; font-weight: 400; margin-bottom: 10px;}
.sec3 .inner .chara_box .dots .dot.on p{opacity: 1;}
.sec3 .inner .chara_box .dots .dot .gage{width: 100%; height: 2px; background: rgba(255,255,255,0.5); position: relative;}
.sec3 .inner .chara_box .dots .dot .gage .bar{position: absolute; height: 2px; width: 30%; background-color: #fff;}
.sec3 .inner .chara_box .dots .dot.on .gage .bar{display: block;}
.sec3 .inner .r_cont{text-align: right;}
.sec3 .inner .r_cont .m_txt{}
.sec3 .inner .r_cont .m_txt h4{color: #fff; opacity: 0.6;}
.sec3 .inner .r_cont .m_txt h3{color: #fff;}
.sec3 .inner .r_cont .m_txt h3 span{color: #ade99f;}
.sec3 .inner .r_cont .m_txt p{color: #eee;}
.sec3 .inner .r_cont .m_txt .btn_box{}
.sec3 .inner .r_cont .m_txt .btn_box .btn{border-color: #fff; color: #fff;}
.sec3 .inner .r_cont .m_txt .btn_box .btn:hover{background-color: #fff; color: #222;}

@media all and (max-width:1400px){
	.sec3 .inner .chara_box{width: 820px;}
	.sec3 .inner .r_cont{width: calc(100% - 820px); padding-left: 40px;}
	.sec3 .inner .r_cont .m_txt p br{display: none;}
}
@media all and (max-width:1280px){
	.sec3{padding: 100px 0;}
	.sec3 .inner .chara_box{width: 65%;}
	.sec3 .inner .chara_box .chara{height: 420px;}
	.sec3 .inner .chara_box .chara .box .txt{left: 30px;}
	.sec3 .inner .chara_box .chara .box .txt p{font-size: 25px;}
	.sec3 .inner .chara_box .dots{padding: 0 30px 30px;}
	.sec3 .inner .r_cont{width: calc(100% - 65%); padding-left: 30px;}
}
@media all and (max-width:1024px){
	.sec3{padding: 90px 0;}
	.sec3 .inner .chara_box .chara .box .txt p{font-size: 23px;}
	.sec3 .inner .chara_box .dots .dot p{font-size: 15px;}
}
@media all and (max-width:768px){
	.sec3{padding: 80px 0;}
	.sec3 .inner{flex-direction: column-reverse;}
	.sec3 .inner .chara_box{width: 100%; aspect-ratio:16 / 9.4;}
	.sec3 .inner .chara_box .chara{height: 100%;}
	.sec3 .inner .chara_box .chara .box{border-radius: 12px;}
	.sec3 .inner .chara_box .chara .box .txt{left: 20px;}
	.sec3 .inner .chara_box .chara .box .txt p{font-size: 4vw;}
	.sec3 .inner .chara_box .dots{padding: 0 20px 25px; gap:15px;}
	.sec3 .inner .r_cont{width: 100%; padding-left: 0; text-align: center; margin-bottom: 50px;}
/*	.sec3 .inner .r_cont .m_txt h3 br{display: none;}*/
}
@media all and (max-width:500px){
	.sec3{padding: 70px 0;}
	.sec3 .inner .chara_box{width: 100%; aspect-ratio:16 / 12;}
	.sec3 .inner .chara_box .chara .box .txt p{font-size: 5vw;}
	.sec3 .inner .chara_box .dots .dot p{margin-bottom: 8px;}
}


/* sec4 */
.sec4{padding: 120px 0;}
.sec4 .m_txt{text-align: center; margin-bottom: 70px;}
.sec4 .list{}
.sec4 .list li{margin: 0 0px; transition: all 0.4s ease;}
.sec4 .list li.slick-current{margin: 0 0px;}
.sec4 .list li .img{text-align: center; position: relative;}
.sec4 .list li .img > div{transition: opacity .4s; display: flex; justify-content: center; align-items: center;}
.sec4 .list li .img .on{visibility: hidden; opacity: 0;}
.sec4 .list li .img .off{visibility: visible; opacity: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sec4 .list li.slick-current .img .on{visibility: visible; opacity: 1;}
.sec4 .list li.slick-current .img .off{visibility: hidden; opacity: 0;}
.sec4 .list li .img img{margin-left: auto; margin-right: auto;}
.sec4 .list li .txt{text-align: center; margin-top: 20px;}
.sec4 .list li .txt p{display: none; font-size: 30px; font-weight: 400; color: #000000; font-family: 'Marcellus', serif;}
.sec4 .list li.slick-current .txt p{display: block;}
.sec4 .slick-arrow{background-color: #22372b; font-family: 'SUIT', sans-serif;}
.sec4 .slick-arrow:focus{background-color: #22372b;}
.sec4 .slick-arrow:hover{background-color: #22372b;}
.sec4 .slick-arrow.slick-prev{left: 30%;}
.sec4 .slick-arrow.slick-next{right: 30%;}

@media all and (max-width:1280px){
	.sec4{padding: 100px 0;}
	.sec4 .m_txt{margin-bottom: 60px;}
	.sec4 .slick-track{display: flex; align-items: center;}
	.sec4 .list li{margin: 0 0px;}
	.sec4 .list li.slick-current{margin: 0 0px;}
	.sec4 .list li .img img{max-width: 300px;}
	.sec4 .list li.slick-current .img img{max-width: 440px;}
	.sec4 .list li .txt p{font-size: 26px;}
}
@media all and (max-width:1024px){
	.sec4{padding: 90px 0;}
	.sec4 .m_txt{margin-bottom: 55px;}
	.sec4 .list li .txt p{font-size: 24px;}
	.sec4 .slick-arrow.slick-prev{left: 20%;}
	.sec4 .slick-arrow.slick-next{right: 20%;}
}
@media all and (max-width:768px){
	.sec4{padding: 80px 0;}
	.sec4 .m_txt{margin-bottom: 50px;}
	.sec4 .list li .txt p{font-size: 22px;}
	.sec4 .list li{margin: 0 0px;}
	.sec4 .list li.slick-current{margin: 0 0px;}
	.sec4 .list li .img img{max-width: 40vw;}
	.sec4 .list li.slick-current .img img{max-width: 60vw;}
	.sec4 .slick-arrow.slick-prev{left: 20%;}
	.sec4 .slick-arrow.slick-next{right: 20%;}
}
@media all and (max-width:500px){
	.sec4{padding: 70px 0;}
	.sec4 .m_txt{margin-bottom: 45px;}
	.sec4 .list li .txt p{font-size: 20px;}
	.sec4 .slick-arrow.slick-prev{left: 10%;}
	.sec4 .slick-arrow.slick-next{right: 10%;}
}


/* sec5 */
.sec5{padding: 120px 0; position: relative; background: url(/images/main/sec5_bg.webp) no-repeat center center / cover;}
.sec5 .inner{display: flex; justify-content: space-between; align-items: center; max-width: 1180px;}
.sec5 .inner .l_cont{}
.sec5 .inner .l_cont .m_txt{}
.sec5 .inner .r_cont{max-width: 760px; width: 100%;}
.sec5 .inner .r_cont iframe{width: 100%; aspect-ratio: 16 / 9;}

@media all and (max-width:1280px){
	.sec5{padding: 100px 0;}
	.sec5 .inner .r_cont{max-width: 680px;}
}
@media all and (max-width:1024px){
	.sec5{padding: 90px 0;}
	.sec5 .inner .r_cont{max-width: 640px; padding-left: 30px;}
}
@media all and (max-width:768px){
	.sec5{padding: 80px 0;}
	.sec5 .inner{flex-direction: column;}
	.sec5 .inner .m_txt{text-align: center; margin-bottom: 50px;}
	.sec5 .inner .r_cont{width: 100%; padding-left: 0; max-width: 100%;}
}
@media all and (max-width:500px){
	.sec5{padding: 70px 0;}
	.sec5 .inner .m_txt{text-align: center; margin-bottom: 40px;}
}


/* sec6 */
.sec6{padding-top: 120px;}
.sec6 > .inner{}
.sec6 > .inner .m_txt{text-align: center; margin-bottom: 55px;}
.sec6 .root_daum_roughmap .wrap_controllers{display: none;}
.sec6 .info_box{padding: 350px 0 140px; background-color: #2d362b; color: #fff; margin-top: -285px;}
.sec6 .info_box > .inner{display: flex; justify-content: space-between;}
.sec6 .info_box > .inner .cont{width: 100%; border-left: 1px solid rgba(255,255,255,0.2); padding: 15px 40px;}
.sec6 .info_box > .inner .cont.l_cont{}
.sec6 .info_box > .inner .cont.c_cont{}
.sec6 .info_box > .inner .cont.r_cont{}
.sec6 .info_box > .inner .cont .tit{font-size: 20px; color: #fff; font-weight: 700; margin-bottom: 18px;}
.sec6 .info_box > .inner .cont .info{}
.sec6 .info_box > .inner .cont .info h4{font-size: 18px; font-weight: 500;}
.sec6 .info_box > .inner .cont .info .tel{margin-top: 7px;}
.sec6 .info_box > .inner .cont .info .tel a{font-size: 28px; font-weight: 700; color: #8fe17c;}
.sec6 .info_box > .inner .cont .info .map_btn{margin-top: 25px; display: flex; gap:10px;}
.sec6 .info_box > .inner .cont .info .map_btn a{padding: 0 22px 0 16px; line-height: 52px; background-color: #03c75a; color: #fff; display: flex; justify-content: center; font-size: 16px;font-weight: 600; align-items: center; gap:10px;}
.sec6 .info_box > .inner .cont .info .map_btn a:nth-child(2){background-color: #f2da00; color: #007dfe;}
.sec6 .info_box > .inner .cont .info .map_btn a img{}
.sec6 .info_box > .inner .cont .info .dl_box{}
.sec6 .info_box > .inner .cont .info .dl_box dl{display: flex;}
.sec6 .info_box > .inner .cont .info .dl_box dl + dl{margin-top: 10px;}
.sec6 .info_box > .inner .cont .info .dl_box dl dt{font-size: 18px; font-weight: 500; width: 105px;}
.sec6 .info_box > .inner .cont .info .dl_box dl dd{width: calc(100% - 105px); font-size: 18px; font-weight: 300; opacity: 0.7; word-break: keep-all;}
.sec6 .info_box > .inner .cont .info p{font-size: 16px; font-weight: 300; opacity: 0.7; line-height: 1.6em;}
.sec6 .info_box > .inner .cont .info .dl_box + p{margin-top: 15px;}

@media all and (max-width:1400px){
	.sec6 .info_box > .inner .cont{padding: 15px 25px;}
}
@media all and (max-width:1280px){
	.sec6{padding: 100px 0 0;}
	.sec6 .root_daum_roughmap .wrap_map{height: 480px !important;}
	.sec6 .info_box{padding: 320px 0 120px; margin-top: -255px;}
	.sec6 .info_box > .inner .cont{padding: 12px 22px;}
	.sec6 .info_box > .inner .cont.l_cont{width: 40%;}
	.sec6 .info_box > .inner .cont.c_cont{width: 30%;}
	.sec6 .info_box > .inner .cont.r_cont{width: 30%;}
	.sec6 .info_box > .inner .cont .tit{font-size: 19px; margin-bottom: 15px;}
	.sec6 .info_box > .inner .cont .info h4{font-size: 17px;}
	.sec6 .info_box > .inner .cont .info .tel a{font-size: 25px;}
	.sec6 .info_box > .inner .cont .info .map_btn a{padding: 0 18px 0 12px; font-size: 15px; line-height: 48px;}
	.sec6 .info_box > .inner .cont .info .dl_box dl dt{font-size: 17px; width: 90px;}
	.sec6 .info_box > .inner .cont .info .dl_box dl dd{font-size: 17px; width: calc(100% - 90px);}
	.sec6 .info_box > .inner .cont .info p{font-size: 15px;}
}
@media all and (max-width:1024px){
	.sec6{padding: 90px 0 0;}
	.sec6 > .inner .m_txt{margin-bottom: 45px;}
	.sec6 .info_box > .inner{flex-direction:column; gap:25px;}
	.sec6 .info_box > .inner .cont{width: 100% !important;}
	.sec6 .root_daum_roughmap .wrap_map{height: 450px !important;}
	.sec6 .info_box{padding: 280px 0 110px; margin-top: -215px;}
}
@media all and (max-width:768px){
	.sec6{padding: 80px 0 0;}
	.sec6 .root_daum_roughmap .wrap_map{height: 420px !important;}
	.sec6 .info_box{padding: 250px 0 100px; margin-top: -185px;}
	.sec6 .info_box > .inner .cont{padding: 10px 20px;}
	.sec6 .info_box > .inner .cont .tit{font-size: 18px; margin-bottom: 13px;}
	.sec6 .info_box > .inner .cont .info .tel a{font-size: 23px;}
	.sec6 .info_box > .inner .cont .info .map_btn a{padding: 0 16px 0 10px; font-size: 15px; line-height: 44px; gap:7px;}
	.sec6 .info_box > .inner .cont .info .map_btn a img{max-width: 14px;}
	.sec6 .info_box > .inner .cont .info .dl_box dl dt{font-size: 16px; width: 80px;}
	.sec6 .info_box > .inner .cont .info .dl_box dl dd{font-size: 16px; width: calc(100% - 80px);}
}
@media all and (max-width:500px){
	.sec6{padding: 70px 0 0;}
	.sec6 > .inner .m_txt{margin-bottom: 40px;}
	.sec6 .root_daum_roughmap .wrap_map{height: 360px !important;}
	.sec6 .info_box{padding: 200px 0 90px; margin-top: -155px;}
}
@media all and (max-width:400px){
	.sec6 .root_daum_roughmap .wrap_map{height: 330px !important;}
}