@charset "utf-8";

/* btns */
.btns{}
.btns a{display: inline-flex; align-items: center; justify-content: center; line-height: 60px; border-radius: 10px; font-weight: 700; font-size: 16px; background-color: #55a838; color: #fff; gap:35px; padding: 0 30px;}
.btns a::after{content: '+'; font-size: 24px; font-weight: 400;}

@media all and (max-width:1480px){
	.btns a{font-size: 15px; gap:30px; padding: 0 25px; line-height: 54px; border-radius: 8px;}
	.btns a::after{font-size: 22px;}
}
@media all and (max-width:1024px){
	
}
@media all and (max-width:768px){
	.btns a{font-size: 14px; gap:25px; padding: 0 20px; line-height: 48px; border-radius: 6px;}
	.btns a::after{font-size: 20px;}
}
@media all and (max-width:500px){
	
}

/* scroll */
.scroll{}
.scroll p{font-size: 14px; font-weight: 400; color: #ffffff; opacity: 0.7; margin-bottom: 15px;}
.scroll .gague{width: 2px; height: 40px; position: relative; background: rgba(0,0,0,0.1); margin-left: auto; margin-right: auto; overflow: hidden;}
.scroll .gague .bar{position: absolute; width: 2px; height: 20px;  background-color: #fff; left: 0; animation: gague 1.5s infinite ease-in;}

@keyframes gague {
	0%{top: -40px;}
	100%{top: 40px;}
}

@media all and (max-width:1480px){
	.scroll p{font-size: 13px; margin-bottom: 12px;}
	.scroll .gague{height: 35px;}
	.scroll .gague .bar{height: 17.5px;}
	
	@keyframes gague {
		0%{top: -35px;}
		100%{top: 35px;}
	}
}
@media all and (max-width:1024px){
	
}
@media all and (max-width:768px){
	.scroll p{font-size: 12px; margin-bottom: 10px;}
	.scroll .gague{height: 30px;}
	.scroll .gague .bar{height: 15px;}
	
	@keyframes gague {
		0%{top: -30px;}
		100%{top: 30px;}
	}
}
@media all and (max-width:500px){
	
}

/* m_txt */
.m_txt{}
.m_txt::before{content: ''; width: 34px; height: 28px; background: url(/images/main/m_txt.webp) no-repeat center center / contain; margin-bottom: 20px; display: inline-block;}
.m_txt h3{font-size: 42px; color: #000; line-height: 1.4em;}
.m_txt h3 span{color: #55a838;}
.m_txt p{font-size: 20px; font-weight: 500; color: #666666; margin-top: 30px; word-break: keep-all; line-height: 1.6em;}

@media all and (max-width:1480px){
	.m_txt::before{margin-bottom: 17px; width: 31px; height: 26px;}
	.m_txt h3{font-size: 36px;}
	.m_txt p{margin-top: 25px; font-size: 19px;}
}
@media all and (max-width:1024px){
	.m_txt::before{margin-bottom: 15px; width: 28px; height: 25px;}
	.m_txt h3{font-size: 33px;}
	.m_txt p{margin-top: 22px; font-size: 18px; line-height: 1.5em;}
}
@media all and (max-width:768px){
	.m_txt::before{margin-bottom: 12px; width: 26px; height: 24px;}
	.m_txt h3{font-size: 30px;}
	.m_txt p{margin-top: 20px; font-size: 17px; line-height: 1.5em; max-width: 80%; margin-left: auto; margin-right: auto;}
}
@media all and (max-width:500px){
	.m_txt::before{margin-bottom: 5px; width: 24px; height: 22px;}
	.m_txt h3{font-size: 28px;}
	.m_txt p{margin-top: 18px; font-size: 16px; line-height: 1.5em;}
}

/* mVisual */
#mVisual{height: calc(100vh - 100px); margin-top: 100px;}
#mVisual.video{height: 100dvh; margin-top: 0; width: 100%;}
#mVisual .inner{height: 100%; width: 100%;}
#mVisual .inner .visual{border-radius: 20px; height: 100%; overflow: hidden; position: relative;}
#mVisual.video .inner .visual{border-radius: 0px;}
#mVisual .inner .visual .video{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
#mVisual .inner .visual .video::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2a3925; opacity: 0.5;}
#mVisual .inner .visual .video video{width: 100%; height: 100%; object-fit: cover;}
#mVisual .inner .visual > div{height: 100%;}
#mVisual .inner .visual > div > div{height: 100%;}
#mVisual .inner .visual .mv{height: 100%;}
#mVisual .inner .visual .mv.mv1{background: url(/images/main/mv4.webp) no-repeat center center / cover;}
#mVisual .inner .visual .mv.mv2{background: url(/images/main/mv5.webp) no-repeat center center / cover;}
#mVisual .inner .visual .mv.mv3{background: url(/images/main/mv6.webp) no-repeat center center / cover;}
#mVisual .inner .visual .mv .s-inner{height: 100%; display: flex; flex-direction: column; justify-content: center;}
#mVisual .inner .visual .mv .arrow{display: flex; align-items: center; gap:15px; font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 40px;}
#mVisual .inner .visual .mv .arrow .prev{margin-right: 10px; display:flex; align-items:center; cursor:pointer;}
#mVisual .inner .visual .mv .arrow .next{margin-left: 10px; display:flex; align-items:center; cursor:pointer;}
#mVisual .inner .visual .mv .arrow .prev img,
#mVisual .inner .visual .mv .arrow .next img{width: 8px;}
#mVisual .inner .visual .mv .arrow .now{}
#mVisual .inner .visual .mv .arrow .line{width: 30px; height: 1px; background-color: rgba(255,255,255,0.3);}
#mVisual .inner .visual .mv .arrow .all{}
#mVisual .inner .visual .mv .txt{color: #fff;}
#mVisual.video .inner .visual .mv .txt{text-align: center;}
#mVisual .inner .visual .mv .txt h3{font-size: 60px; margin-bottom: 17px; word-break: keep-all;}
#mVisual .inner .visual .mv .txt p{font-size: 24px; font-weight: 500; opacity: 0.7; word-break: keep-all; line-height: 1.6em;}
#mVisual .inner .visual .mv .txt .gague{margin: 50px 0; background-color: rgba(255,255,255,0.2); width: 100%; height: 2px; position: relative;}
#mVisual.video .inner .visual .mv .txt .gague{margin-left: auto; margin-right: auto; max-width:720px;}
#mVisual .inner .visual .mv .txt .bar{position: absolute; left: 0; top: 0; background-color: #57a93a; width: 0%; height: 2px;}
#mVisual.video .inner .visual .mv .txt .bar{animation: mv infinite linear 19.13s;}
@keyframes mv{
	0%{width: 0;}
	100%{width: 100%;}
}
#mVisual .inner .scroll{position: absolute; left: 50%;transform: translateX(-50%); bottom: 40px;}

@media all and (max-width:1480px){
	#mVisual .inner .visual .mv .arrow{gap:12px; font-size: 15px; margin-bottom: 35px;}
	#mVisual .inner .visual .mv .arrow .line{width: 25px;}
	#mVisual .inner .visual .mv .txt h3{font-size: 52px; margin-bottom: 15px;}
	#mVisual .inner .visual .mv .txt p{font-size: 22px;}
	#mVisual .inner .visual .mv .txt .gague{margin: 40px 0;}
	#mVisual .inner .scroll{bottom: 35px;}
}
@media all and (max-width:1024px){
	#mVisual{height: calc(100vh - 70px); margin-top: 70px;}
	#mVisual .inner .visual .mv .arrow{margin-bottom: 30px;}
	#mVisual .inner .visual .mv .txt h3{font-size: 46px;}
	#mVisual .inner .visual .mv .txt p{font-size: 20px;}
	#mVisual .inner .scroll{bottom: 30px;}
}
@media all and (max-width:768px){
	#mVisual{height: 150vw; max-height: 640px;}
	#mVisual.video{height: 150vw; max-height: 720px;}
	#mVisual .inner .visual{border-radius: 10px;}
	#mVisual .inner .visual .mv .arrow{gap:10px; font-size: 14px; margin-bottom: 25px;}
	#mVisual .inner .visual .mv .arrow .line{width: 22px;}
	#mVisual .inner .visual .mv .txt h3{font-size: 42px; margin-bottom: 12px;}
	#mVisual .inner .visual .mv .txt p{font-size: 18px; line-height: 1.5em;}
	#mVisual .inner .visual .mv .txt .gague{margin: 30px 0;}
	#mVisual .inner .visual .mv .s-inner{width: 92%; justify-content: flex-end; padding-bottom: 80px;}
	#mVisual.video .inner .visual .mv .s-inner{width: 92%; justify-content: center; padding-top: 50px;}
	#mVisual .inner .scroll{bottom: 5%; display: none;}
	#mVisual.video .inner .scroll{bottom: 5%; display: block;}
	#mVisual .inner .visual .mv.mv1{background-position: right 10% center;}
	#mVisual .inner .visual .mv.mv2{background-position: right 30% center;}
	#mVisual .inner .visual .mv.mv3{background-position: right 30% center;}
}
@media all and (max-width:500px){
	#mVisual{max-height: 520px;}
	#mVisual.video{height: 150vw; max-height: 640px;}
	#mVisual .inner .visual .mv .s-inner{padding-bottom: 50px;}
	#mVisual .inner .visual .mv .arrow{margin-bottom: 20px;}
	#mVisual .inner .visual .mv .txt h3{font-size: 32px;}
	#mVisual .inner .visual .mv .txt p{font-size: 16px;}
}


/* sec1 */
#sec1{padding: 120px 0 100px;}
#sec1 .inner{}
#sec1 .inner .m_txt{text-align: center;}
#sec1 .inner .cont{margin-top: 65px; display: flex; justify-content: center; gap:42px;}
#sec1 .inner .cont li{background-color: #ffffff; text-align: center; border-radius: 20px; overflow: hidden; padding: 60px 45px; box-shadow: 2px 8px 24px rgba(0,0,0,0.1); width: 100%; max-width:max-content; min-width: 360px;}
#sec1 .inner .cont li h4{font-size: 24px; color: #000000; font-weight: 700;}
#sec1 .inner .cont li h5{font-size: 18px; color: #777; font-weight: 300; margin-top: 5px;}
#sec1 .inner .cont li h5.hidden{overflow: hidden; opacity: 0;}
#sec1 .inner .cont li .icon{margin: 50px 0;}
#sec1 .inner .cont li .icon img{margin: 0 auto;}
#sec1 .inner .cont li p{font-size: 16px; font-weight: 700; color: #666666; display: flex; align-items: center; justify-content: center; gap:5px;}
#sec1 .inner .cont li p em{text-align: right; padding-top: 10px; display: block;}
#sec1 .inner .cont li p b{color: #55a838; font-size: 56px; margin-left: 5px;}
#sec1 .inner .cont li p b span{font-size: 24px; font-weight:600; margin-left: 5px;}
#sec1 .inner .scroll{text-align: center; margin-top: 75px;}
#sec1 .inner .scroll p{color: #666666;}
#sec1 .inner .scroll .gague .bar{background-color: #55a838;}

@media all and (max-width:1480px){
	#sec1{padding: 100px 0 90px;}
	#sec1 .inner .cont{margin-top: 35px; gap:35px;}
	#sec1 .inner .cont > div{}
	#sec1 .inner .cont > div > div{padding: 40px 0;}
	#sec1 .inner .cont li{padding: 50px 30px;}
	#sec1 .inner .cont li h4{font-size: 22px;}
	#sec1 .inner .cont li .icon{margin: 40px 0;}
	#sec1 .inner .cont li .icon img{max-width: 106px;}
	#sec1 .inner .cont li p b{font-size: 48px;}
	#sec1 .inner .cont li p b span{font-size: 22px; margin-left: 5px;}
	#sec1 .inner .scroll{margin-top: 20px;}
}
@media all and (max-width:1024px){
	#sec1{padding: 90px 0 80px;}
	#sec1 .inner .cont{margin-top: 25px;}
	#sec1 .inner .cont li{margin: 0 15px; max-width: 300px; padding: 40px 25px;}
	#sec1 .inner .cont li h4{font-size: 20px;}
	#sec1 .inner .cont li .icon{margin: 35px 0;}
	#sec1 .inner .cont li .icon img{max-width: 94px;}
	#sec1 .inner .cont li p b{font-size: 44px;}
	#sec1 .inner .cont li p b span{font-size: 20px;}
}
@media all and (max-width:768px){
	#sec1{padding: 80px 0 70px;}
	#sec1 .inner .cont{margin-top: 10px;}
	#sec1 .inner .cont > div > div{padding: 30px 0;}
	#sec1 .inner .cont li{max-width: 280px; margin: 0 12px; border-radius: 10px;}
	#sec1 .inner .cont li h4{font-size: 19px;}
	#sec1 .inner .cont li .icon{margin: 30px 0;}
	#sec1 .inner .cont li .icon img{max-width: 86px;}
	#sec1 .inner .cont li p b{font-size: 40px;}
}
@media all and (max-width:500px){
	#sec1{padding: 70px 0 65px;}
	#sec1 .inner .cont{margin-top: 0px;}
	#sec1 .inner .cont li{max-width: 260px; margin: 0 10px;}
	#sec1 .inner .cont li h4{font-size: 18px;}
	#sec1 .inner .cont li .icon{margin: 25px 0;}
	#sec1 .inner .cont li .icon img{max-width: 82px;}
	#sec1 .inner .cont li p b{font-size: 36px;}
}


/* sec2 */
#sec2{background: #f5b22c url(/images/main/sec2_bg.webp)no-repeat top 30px center / contain; border-radius: 20px; position: relative;}
#sec2::after{content: ''; width: 206px; height: 237px; background: url(/images/main/sec2_img1.webp) no-repeat center center / contain; position: absolute; top: -64px; right: 320px; display: block;}
#sec2 .txt{text-align: center; padding: 160px 0;}
#sec2 .txt h4{font-size: 36px; font-weight: 700; color: #fff; opacity: 0.8; margin-bottom: 15px; word-break: keep-all;}
#sec2 .txt h3{font-size: 56px; color: #fff; line-height: 1.3em; letter-spacing: -0.05em; word-break: keep-all;}

@media all and (max-width:1720px){
	#sec2::after{right: 5%;}
}
@media all and (max-width:1480px){
	#sec2::after{width: 18vw;}
	#sec2 .txt{padding: 130px 3%;}
	#sec2 .txt h4{font-size: 32px; margin-bottom: 13px;}
	#sec2 .txt h3{font-size: 48px;}
}
@media all and (max-width:1024px){
	#sec2::after{height: 24vw;}
	#sec2 .txt{padding: 100px 3%;}
	#sec2 .txt h4{font-size: 28px;}
	#sec2 .txt h3{font-size: 43px;}
}
@media all and (max-width:768px){
	#sec2{background:#f5b22c; margin: 50px auto; border-radius: 10px;}
	#sec2::after{height: 28vw;}
	#sec2 .txt{padding: 75px 3%;}
	#sec2 .txt h4{font-size: 24px;}
	#sec2 .txt h3{font-size: 36px;}
	#sec2 .txt h3 br{display: none;}
}
@media all and (max-width:500px){
	#sec2{ margin:40px auto;}
	#sec2 .txt{padding: 60px 3%;}
	#sec2 .txt h4{font-size: 20px;}
	#sec2 .txt h3{font-size: 30px;}
}

/* sec3 */
#sec3{padding: 120px 0 140px;}
#sec3 .s-inner{}
#sec3 .s-inner .m_txt{text-align: center;}
#sec3 .s-inner .cont{ margin-top: 90px; position: relative;}
#sec3 .s-inner .cont .gague{width: 3px; height: 100%; background-color: #ebeceb; position: absolute; left: 50%; transform: translateX(-50%);}
#sec3 .s-inner .cont .gague .bar{width: 3px; background-color: #55a838; position: absolute; top: 0; left: 0; height: 20%;}
#sec3 .s-inner .cont .box{display: flex; align-items: center; gap:180px; position: relative;}
#sec3 .s-inner .cont .box::after{content: ''; display: block; width: 31px; height: 31px; background-color: #ededed; border: 10px solid #f8f9f8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%;}
#sec3 .s-inner .cont .box.on::after{background-color: #f5b22c;}
#sec3 .s-inner .cont .box + .box{margin-top: 100px;}
#sec3 .s-inner .cont .box.on{}
#sec3 .s-inner .cont .box .l_cont{width: 100%; border-radius: 20px; overflow: hidden;}
#sec3 .s-inner .cont .box .l_cont img{width: 100%; filter: grayscale(1);}
#sec3 .s-inner .cont .box.on .l_cont img{filter: grayscale(0);}
#sec3 .s-inner .cont .box .r_cont{width: 100%; opacity: 0.5;}
#sec3 .s-inner .cont .box.on .r_cont{opacity: 1}
#sec3 .s-inner .cont .box .r_cont h4{font-size: 16px; font-weight: 700; color: #55a838;}
#sec3 .s-inner .cont .box .r_cont h3{font-size: 32px; color: #000; margin: 30px 0 35px;}
#sec3 .s-inner .cont .box .r_cont p{font-size: 18px; color: #333333; word-break: keep-all; line-height: 1.6em;}

@media all and (max-width:1480px){
	#sec3{padding: 100px 0 120px;}
	#sec3 .s-inner .cont{margin-top: 80px;}
	#sec3 .s-inner .cont .box{gap:140px;}
	#sec3 .s-inner .cont .box + .box{margin-top: 90px;}
	#sec3 .s-inner .cont .box .r_cont h3{font-size: 28px; margin: 22px 0 25px;}
	#sec3 .s-inner .cont .box .r_cont p{font-size: 17px;}
}
@media all and (max-width:1024px){
	#sec3{padding: 90px 0 110px;}
	#sec3 .s-inner .cont{margin-top: 70px;}
	#sec3 .s-inner .cont .gague{width: 2px;}
	#sec3 .s-inner .cont .gague .bar{width: 2px;}
	#sec3 .s-inner .cont .box::after{width: 27px; height: 27px; border:8px solid #f8f9f8;}
	#sec3 .s-inner .cont .box{gap:100px;}
	#sec3 .s-inner .cont .box + .box{margin-top: 80px;}
	#sec3 .s-inner .cont .box .r_cont h3{font-size: 26px; margin: 19px 0 22px;}
}
@media all and (max-width:768px){
	#sec3{padding: 80px 0 100px;}
	#sec3 .s-inner .cont .box .l_cont{border-radius: 10px;}
	#sec3 .s-inner .cont .box{padding-top: 30px; padding-bottom: 30px; padding-left: 40px; gap:40px; flex-direction: column-reverse;}
	#sec3 .s-inner .cont .box + .box{margin-top: 40px;}
	#sec3 .s-inner .cont .gague{transform: translateX(0); left: 0;}
	#sec3 .s-inner .cont .box::after{transform: translateX(0); left: -9px; width: 19px; height: 19px; border:5px solid #f8f9f8;}
	#sec3 .s-inner .cont .box .r_cont p{font-size: 16px;}
}
@media all and (max-width:500px){
	#sec3{padding: 70px 0 90px;}
	#sec3 .s-inner .cont{margin-top: 30px;}
	#sec3 .s-inner .cont .box{padding-left: 28px;}
	#sec3 .s-inner .cont .box + .box{margin-top: 20px;}
	#sec3 .s-inner .cont .box .r_cont h3{font-size: 24px;}
}


/* sec4 */
#sec4{background: url(/images/main/sec4_bg.webp) no-repeat center center / cover; padding: 120px 0;}
#sec4 .s-inner{}
#sec4 .s-inner .m_txt{text-align: center;}
#sec4 .s-inner .m_txt h3{color: #fff;}
#sec4 .s-inner .m_txt p{color: #dddddd;}
#sec4 .s-inner .cont{margin: 60px 0;}
#sec4 .s-inner .cont li{border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; }
#sec4 .s-inner .cont li + li{margin-top: 20px;}
#sec4 .s-inner .cont li a{display: flex; padding: 30px 40px; justify-content: space-between;}
#sec4 .s-inner .cont li .tit{color: #dddddd; font-size: 20px; width: calc(100% - 120px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#sec4 .s-inner .cont li .date{font-size: 16px; color: #dddddd; opacity: 0.7; width: 100px;}
#sec4 .s-inner .btns{text-align: center;}

@media all and (max-width:1480px){
	#sec4{padding: 100px 0;}
	#sec4 .s-inner .cont{margin: 50px 0;}
	#sec4 .s-inner .cont li + li{margin-top: 15px;}
	#sec4 .s-inner .cont li a{padding: 25px 35px;}
	#sec4 .s-inner .cont li .tit{font-size: 19px;}
	#sec4 .s-inner .cont li .date{font-size: 15px;}
}
@media all and (max-width:1024px){
	#sec4{padding: 90px 0;}
	#sec4 .s-inner .cont{margin: 45px 0;}
	#sec4 .s-inner .cont li + li{margin-top: 12px;}
	#sec4 .s-inner .cont li a{padding: 22px 30px;}
	#sec4 .s-inner .cont li .tit{font-size: 18px;}
}
@media all and (max-width:768px){
	#sec4{padding: 80px 0;}
	#sec4 .s-inner .cont{margin: 40px 0;}
	#sec4 .s-inner .cont li + li{margin-top: 10px;}
	#sec4 .s-inner .cont li a{padding: 20px 25px;}
	#sec4 .s-inner .cont li .tit{font-size: 17px; width: 100%;}
	#sec4 .s-inner .cont li .date{font-size: 14px; display: none;}
}
@media all and (max-width:500px){
	#sec4{padding: 70px 0;}
	#sec4 .s-inner .cont{margin: 35px 0;}
	#sec4 .s-inner .cont li a{padding: 18px 22px;}
	#sec4 .s-inner .cont li .tit{font-size: 16px;}
}


/* sec5 */
#sec5{background-color: #eff3ef; padding: 120px 0;}
#sec5 .s-inner{}
#sec5 .s-inner .list{display: flex; gap:52px;}
#sec5 .s-inner .list li{width: 100%; aspect-ratio:1 / 1; border-radius: 20px; position: relative;}
#sec5 .s-inner .list li:nth-child(1){background: url(/images/main/sec5_img1.webp) no-repeat center center / cover;}
#sec5 .s-inner .list li:nth-child(2){background: url(/images/main/sec5_img2.webp) no-repeat center center / cover;}
#sec5 .s-inner .list li:nth-child(3){background: url(/images/main/sec5_img3.webp) no-repeat center center / cover;}
#sec5 .s-inner .list li a{display: block; width: 100%; height: 100%;}
#sec5 .s-inner .list li a .txt{position: absolute; bottom: 50px; left: 50px; color: #fff;}
#sec5 .s-inner .list li a .txt h3{font-size: 32px; color: #f8f9f8; margin-bottom: 18px;}
#sec5 .s-inner .list li a .txt h3::after{content: '↗'; color: #f5b22c; margin-left: 10px;}
#sec5 .s-inner .list li a .txt p{color: #f8f9f8; font-size: 18px; line-height: 1.6em; word-break: keep-all; font-weight: 300;}

@media all and (max-width:1480px){
	#sec5{padding: 100px 0;}
	#sec5 .s-inner .list{gap:35px;}
	#sec5 .s-inner .list li a .txt{bottom: 35px; left: 35px; padding-right: 35px;}
	#sec5 .s-inner .list li a .txt h3{font-size: 28px; margin-bottom: 14px;}
	#sec5 .s-inner .list li a .txt h3::after{margin-left: 8px;}
	#sec5 .s-inner .list li a .txt p{font-size: 17px;}
	#sec5 .s-inner .list li a .txt p br{display: none;}
}
@media all and (max-width:1024px){
	#sec5{padding: 90px 0;}
	#sec5 .s-inner .list{gap:20px;}
	#sec5 .s-inner .list li a .txt{bottom: 20px; left: 20px; padding-right: 20px;}
	#sec5 .s-inner .list li a .txt h3{font-size: 25px; margin-bottom: 12px;}
	#sec5 .s-inner .list li a .txt h3::after{margin-left: 6px;}
	#sec5 .s-inner .list li a .txt p{line-height: 1.5em;}
}
@media all and (max-width:768px){
	#sec5{padding: 80px 0;}
	#sec5 .s-inner .list{flex-direction: column;}
	#sec5 .s-inner .list li{aspect-ratio:16 / 9; border-radius: 10px;}
	#sec5 .s-inner .list li a .txt{bottom: 25px; left: 25px; padding-right: 25px;}
	#sec5 .s-inner .list li a .txt h3{font-size: 23px; margin-bottom: 10px;}
	#sec5 .s-inner .list li a .txt p{font-size: 16px;}
}
@media all and (max-width:500px){
	#sec5{padding: 70px 0;}
	#sec5 .s-inner .list li a .txt h3{font-size: 21px; margin-bottom: 8px;}
}


/* sec6 */
#sec6{padding: 100px 0;}
#sec6 .s-inner{display: flex; align-items: center;}
#sec6 .s-inner .l_cont{width: calc(100% - 800px); padding-right: 50px;}
#sec6 .s-inner .l_cont .m_txt{margin-bottom: 30px;}
#sec6 .s-inner .l_cont .info_box{}
#sec6 .s-inner .l_cont .info_box .info{}
#sec6 .s-inner .l_cont .info_box .info + .info{margin-top: 22px;}
#sec6 .s-inner .l_cont .info_box .info dt{font-size: 16px; font-weight: 500; color: #bdbdbd; margin-bottom: 10px;}
#sec6 .s-inner .l_cont .info_box .info dd{}
#sec6 .s-inner .l_cont .info_box .info dd p{font-size: 20px; font-weight: 600; color: #000000; word-break: keep-all; line-height: 1.5em;}
#sec6 .s-inner .l_cont .info_box .info dd .btn_box{margin-top: 15px; display: flex; gap:10px;}
#sec6 .s-inner .l_cont .info_box .info dd .btn_box .btn{line-height: 54px; padding-left: 20px; padding-right: 25px; font-size: 16px; font-weight: 700; color: #222; background-color: #fff; border: 1px solid #dedede; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; gap:5px;}
#sec6 .s-inner .l_cont .info_box .info dd .btn_box .btn:nth-child(2){background-color: #ffe500; border: 0px; padding-left: 15px;}
#sec6 .s-inner .r_cont{width: 800px;}
#sec6 .s-inner .r_cont .root_daum_roughmap .cont .section.lst{display: none;}
#sec6 .s-inner .r_cont .root_daum_roughmap .wrap_controllers{display: none;}

@media all and (max-width:1480px){
	#sec6{padding: 90px 0;}
	#sec6 .s-inner .l_cont{width: 50%;}
	#sec6 .s-inner .l_cont .m_txt{margin-bottom: 25px;}
	#sec6 .s-inner .l_cont .info_box .info + .info{margin-top: 18px;}
	#sec6 .s-inner .l_cont .info_box .info dt{margin-bottom: 5px;}
	#sec6 .s-inner .l_cont .info_box .info dd p{font-size: 18px;}
	#sec6 .s-inner .l_cont .info_box .info dd .btn_box .btn{line-height: 50px; padding-left: 17px; padding-right: 22px; font-size: 15px;}
	#sec6 .s-inner .l_cont .info_box .info dd .btn_box .btn:nth-child(2){padding-left: 12px;}
	#sec6 .s-inner .l_cont .info_box .info dd .btn_box .btn img{max-width: 32px;}
	#sec6 .s-inner .r_cont{width: 50%;}
	#sec6 .s-inner .r_cont .root_daum_roughmap .wrap_map{height: 420px !important;}
}
@media all and (max-width:1024px){
	#sec6{padding:85px 0;}
}
@media all and (max-width:768px){
	#sec6{padding:80px 0;}
	#sec6 .s-inner{flex-direction: column-reverse;}
	#sec6 .s-inner .l_cont{width: 100%;}
	#sec6 .s-inner .l_cont .m_txt{margin-bottom: 20px;}
	#sec6 .s-inner .r_cont{width: 100%; margin-bottom: 35px;}
	#sec6 .s-inner .r_cont .root_daum_roughmap .wrap_map{height: 360px !important;}
}
@media all and (max-width:500px){
	#sec6{padding:70px 0;}
	#sec6 .s-inner .l_cont .info_box .info dt{font-size: 16px;}
	#sec6 .s-inner .l_cont .info_box .info dd p{font-size: 17px;}
	#sec6 .s-inner .l_cont .info_box .info dd .btn_box .btn{line-height: 47px; padding-left: 15px; padding-right: 20px; font-size: 14px;}
	#sec6 .s-inner .l_cont .info_box .info dd .btn_box .btn:nth-child(2){padding-left: 10px;}
	#sec6 .s-inner .l_cont .info_box .info dd .btn_box .btn img{max-width: 30px;}
	#sec6 .s-inner .r_cont .root_daum_roughmap .wrap_map{height: 320px !important;}
}


/* sec7 */
#sec7{
	margin-bottom: 80px;mix-blend-mode: multiply;
	mask-image: linear-gradient(to right,
		transparent,
		black 20%,
		black 80%,
		transparent
	  );
	  -webkit-mask-image: linear-gradient(to right,
		transparent,
		black 20%,
		black 80%,
		transparent
	  );
}
#sec7 .logo{}
#sec7 .logo img{max-width: 100%;}

@media all and (max-width:1480px){
	#sec7{margin-bottom: 75px;}
	#sec7 .logo img{max-width: 216px;}
}
@media all and (max-width:1024px){
	#sec7{margin-bottom: 70px;}
	#sec7 .logo img{max-width: 204px;}
}
@media all and (max-width:768px){
	#sec7{margin-bottom: 65px;}
	#sec7 .logo img{max-width: 188px;}
}
@media all and (max-width:500px){
	#sec7{margin-bottom: 60px;}
	#sec7 .logo img{max-width: 172px;}
}