@charset "utf-8";


/* m_txt */
.m_txt{}
.m_txt h3{font-size: 48px; font-weight: 700; color: #000; letter-spacing: -0.05em; word-break: keep-all;}
.m_txt h3 span{color: #7fcef4;}

@media all and (max-width:1280px){
	.m_txt h3{font-size: 44px;}
}
@media all and (max-width:1024px){
	.m_txt h3{font-size: 40px;}
}
@media all and (max-width:768px){
	.m_txt h3{font-size: 36px;}
}
@media all and (max-width:500px){
	.m_txt h3{font-size: 32px;}
}


/* btn_box */
.btn_box{display: flex; justify-content: center; align-items: center; gap:15px;}
.btn_box .btn{color: #fff; font-size: 18px; font-weight: 700; line-height: 68px; padding: 0 50px; border-radius: 10px;}
.btn_box .btn.btn1{background-color: #0c1436;}
.btn_box .btn.btn2{background-color: #7fcef4;}

@media all and (max-width:1280px){
	.btn_box{gap:12px;}
	.btn_box .btn{font-size: 17px; line-height: 64px; padding: 0 42px;}
}
@media all and (max-width:1024px){
	.btn_box .btn{font-size: 17px; line-height: 60px; padding: 0 37px;}
}
@media all and (max-width:768px){
	.btn_box{gap:8px;}
	.btn_box .btn{font-size: 16px; line-height: 56px; padding: 0 30px;}
}
@media all and (max-width:500px){
	.btn_box .btn{font-size: 16px; line-height: 52px; padding: 0 25px;}
}


/* mVisual */
#mVisual{margin-top: 90px;}
#mVisual .w-inner{}
#mVisual .w-inner .visual{border-radius: 30px; overflow: hidden; position: relative; height: 786px;}
#mVisual .w-inner .visual .img{position: absolute; width: 100%; height: 100%;}
#mVisual .w-inner .visual .img img{width: 100%; height: 100%; object-fit: cover;}
#mVisual .w-inner .visual .inner{height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
#mVisual .w-inner .visual .inner .txt{ padding-top: 90px;}
#mVisual .w-inner .visual .inner .txt img{}
#mVisual .w-inner .visual .inner .txt_box{background-color: #fff; display: inline-block; padding: 50px 50px 40px; border-top-left-radius: 30px; border-top-right-radius: 30px;}
#mVisual .w-inner .visual .inner .txt_box h3{font-size: 32px; color: #000; margin-bottom: 8px;}
#mVisual .w-inner .visual .inner .txt_box h4{font-size: 24px; color: #000;}
#mVisual .w-inner .visual .inner .txt_box h4 span{font-size: 32px;}
#mVisual .w-inner .visual .inner .txt_box p{font-size: 22px; font-weight: 500; color: #444444; padding-top: 20px; margin-top: 20px; border-top: 2px solid #000;}


@media all and (max-width:1280px){
	#mVisual .w-inner .visual{height: 58vw; min-height: 640px;}
	#mVisual .w-inner .visual .inner{width: 90%;}
	#mVisual .w-inner .visual .inner .txt{padding-top: 6vw;}
	#mVisual .w-inner .visual .inner .txt img{max-width: 40vw; min-width: 430px;}
	#mVisual .w-inner .visual .inner .txt_box{padding: 45px 45px 35px;}
	#mVisual .w-inner .visual .inner .txt_box h3{font-size: 30px;}
	#mVisual .w-inner .visual .inner .txt_box h4{font-size: 22px;}
	#mVisual .w-inner .visual .inner .txt_box h4 span{font-size: 30px;}
	#mVisual .w-inner .visual .inner .txt_box p{font-size: 20px;}
}
@media all and (max-width:1024px){
	#mVisual{margin-top: 70px;}
	#mVisual .w-inner .visual .inner .txt_box{padding: 40px 40px 32px;}
	#mVisual .w-inner .visual .inner .txt_box h3{font-size: 27px;}
	#mVisual .w-inner .visual .inner .txt_box h4{font-size: 21px;}
	#mVisual .w-inner .visual .inner .txt_box h4 span{font-size: 27px;}
	#mVisual .w-inner .visual .inner .txt_box p{font-size: 21px; margin-top: 18px; padding-top: 18px;}
}
@media all and (max-width:768px){
	#mVisual{margin-top: 65px;}
	#mVisual .w-inner .visual{border-radius: 20px;}
	#mVisual .w-inner .visual .img img{object-position:60% center;}
	#mVisual .w-inner .visual .inner .txt{padding-top: 60px;}
	#mVisual .w-inner .visual .inner .txt img{min-width: 0px; max-width: 400px;}
	#mVisual .w-inner .visual .inner .txt_box{padding: 35px 35px 28px; width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px;}
	#mVisual .w-inner .visual .inner .txt_box h3{font-size: 25px; margin-bottom: 6px;}
	#mVisual .w-inner .visual .inner .txt_box h4{font-size: 20px;}
	#mVisual .w-inner .visual .inner .txt_box h4 span{font-size: 25px;}
	#mVisual .w-inner .visual .inner .txt_box p{font-size: 20px; margin-top: 16px; padding-top: 16px;}
}
@media all and (max-width:500px){
	#mVisual .w-inner .visual{height: 120vw; min-height: 500px;}
	#mVisual .w-inner .visual .img img{object-position:66% center;}
	#mVisual .w-inner .visual .inner .txt{padding-top: 70px;}
	#mVisual .w-inner .visual .inner .txt img{max-width: 74vw;}
	#mVisual .w-inner .visual .inner .txt_box{padding: 25px 20px 25px;}
	#mVisual .w-inner .visual .inner .txt_box h3{font-size: 23px;}
	#mVisual .w-inner .visual .inner .txt_box h4{font-size: 19px;}
	#mVisual .w-inner .visual .inner .txt_box h4 span{font-size: 23px;}
	#mVisual .w-inner .visual .inner .txt_box p{font-size: 19px; margin-top: 14px; padding-top: 14px;}
}


/* sec1 */
#sec1{padding: 220px 0 140px;}
#sec1 .inner{}
#sec1 .inner .txt{text-align: center;}
#sec1 .inner .txt p{font-size: 48px; font-weight: 700; line-height: 1.4em; color: #000; letter-spacing: -0.05em; opacity: 0.3; word-break: keep-all;}
#sec1 .inner .txt.fade{position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; width: 100%;}
#sec1 .inner .txt.fade.aos-animate p{
  background: linear-gradient(90deg, #000 0% 100%);
  background-size: 0% 100%;
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: fillText 1s ease forwards;
  animation-delay: var(--delay); opacity: 1;}
#sec1 .inner .txt.fade.aos-animate p:nth-child(1){--delay:0s}
#sec1 .inner .txt.fade.aos-animate p:nth-child(2){--delay:0.5s}
#sec1 .inner .txt.fade.aos-animate p:nth-child(3){--delay:1s}
#sec1 .inner .txt.fade.aos-animate p:nth-child(4){--delay:1.5s}

@keyframes fillText {
  from {
    background-size: 0% 100%;
  }
  to {
    background-size: 100% 100%;
  }
}

@media all and (max-width:1280px){
	#sec1{padding: 180px 0 120px;}
	#sec1 .inner .txt p{font-size: 44px;}
}
@media all and (max-width:1024px){
	#sec1{padding: 150px 0 110px;}
	#sec1 .inner .txt p{font-size: 40px;}
}
@media all and (max-width:768px){
	#sec1{padding: 130px 0 100px;}
	#sec1 .inner .txt p{font-size: 36px;}
}
@media all and (max-width:500px){
	#sec1{padding: 110px 0 90px;}
	#sec1 .inner .txt p{font-size: 32px; display: inline;}
}


/* sec2 */
#sec2{}
#sec2 .w-inner{}
#sec2 .w-inner .bg{padding: 120px 0; border-radius: 30px; overflow: hidden; background: url(/images/main/sec2_bg.webp) no-repeat center center / cover;}
#sec2 .w-inner .bg .m_txt{text-align: center; margin-bottom: 60px;}
#sec2 .w-inner .bg .m_txt h3{color: #fff;}
#sec2 .w-inner .bg .cont{display: flex; justify-content: center; align-items: center; gap:100px; width: 94%; margin-left: auto; margin-right: auto;}
#sec2 .w-inner .bg .cont .poster{}
#sec2 .w-inner .bg .cont .poster img{max-width: 382px;}
#sec2 .w-inner .bg .cont .info{width: 50%;}
#sec2 .w-inner .bg .cont .info dl{display: flex;}
#sec2 .w-inner .bg .cont .info dl + dl{margin-top: 28px;}
#sec2 .w-inner .bg .cont .info dl dt{font-size: 20px; color: rgba(255,255,255,0.6); font-weight: 700; position: relative; padding-left: 15px; width: 100px;}
#sec2 .w-inner .bg .cont .info dl dt::before{content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: #7fcef4; position: absolute; display: inline-block; left: 0; top: 9px;}
#sec2 .w-inner .bg .cont .info dl dd{width: calc(100% - 100px); font-size: 20px; font-weight: 500; color: #fff; word-break: keep-all; line-height: 1.4em;}
#sec2 .w-inner .bg .cont .info dl dd.logo{display: flex; align-items: center; gap:30px; flex-wrap: wrap;}
#sec2 .w-inner .bg .cont .info dl dd.logo img{max-height: 100%;}

.sec2_btn{margin-top: 50px; justify-content: center;}

@media all and (max-width:1280px){
	#sec2 .w-inner .bg{padding: 110px 0;}
	#sec2 .w-inner .bg .m_txt{margin-bottom: 50px;}
	#sec2 .w-inner .bg .cont{gap:60px;}
	#sec2 .w-inner .bg .cont .poster img{max-width: 348px;}
	#sec2 .w-inner .bg .cont .info dl + dl{margin-top: 25px;}
	#sec2 .w-inner .bg .cont .info dl dt{font-size: 19px; width: 95px;}
	#sec2 .w-inner .bg .cont .info dl dt::before
	{width: 4px; height: 4px;}
	#sec2 .w-inner .bg .cont .info dl dd{font-size: 19px; width: calc(100% - 95px);}
	#sec2 .w-inner .bg .cont .info dl dd.logo{gap:20px;}
	#sec2 .w-inner .bg .cont .info dl dd.logo img{width: auto; max-height: 34px;}
	.sec2_btn{margin-top: 40px;}
}
@media all and (max-width:1024px){
	#sec2 .w-inner .bg{padding: 90px 0;}
	#sec2 .w-inner .bg .m_txt{margin-bottom: 45px;}
	#sec2 .w-inner .bg .cont{gap:40px;}
	#sec2 .w-inner .bg .cont .poster img{max-width: 316px;}
	#sec2 .w-inner .bg .cont .info dl + dl{margin-top: 20px;}
	#sec2 .w-inner .bg .cont .info dl dt{font-size: 18px; width: 80px;}
	#sec2 .w-inner .bg .cont .info dl dd{width: calc(100% - 80px); font-size: 18px;}
	#sec2 .w-inner .bg .cont .info dl dd.logo{gap:15px;}
	#sec2 .w-inner .bg .cont .info dl dd.logo img{max-height: 30px;}
}
@media all and (max-width:768px){
	#sec2 .w-inner .bg{padding: 80px 0;}
	#sec2 .w-inner .bg .cont{flex-direction: column; width: 90%; gap:50px;}
	#sec2 .w-inner .bg .cont .info{width: 100%;}
	.sec2_btn{margin-top: 30px;}
}
@media all and (max-width:500px){
	#sec2 .w-inner .bg{padding: 70px 0;}
	#sec2 .w-inner .bg .m_txt h3 br{display: none;}
	#sec2 .w-inner .bg .cont .poster img{max-width: 56vw;}
	#sec2 .w-inner .bg .cont .info dl dt{font-size: 17px; width: 62px;}
	#sec2 .w-inner .bg .cont .info dl dt::before{top: 7px;}
	#sec2 .w-inner .bg .cont .info dl dd{font-size: 17px; width: calc(100% - 62px);}
	#sec2 .w-inner .bg .cont .info dl dd.logo{gap:12px;}
	#sec2 .w-inner .bg .cont .info dl dd.logo img{max-height: 27px;}
	.sec2_btn{margin-top: 28px;}
}


/* sec3 */
#sec3{padding: 160px 0 100px;}
#sec3 .inner{}
#sec3 .inner .list{display: flex; align-items: flex-start; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 40px 0;}
#sec3 .inner .list li{width: 100%;}
#sec3 .inner .list li + li{border-left: 1px solid #cccccc;}
#sec3 .inner .list li a{position: relative; display: block; padding: 20px 40px 30px;}
#sec3 .inner .list li a::before{content: '↗'; font-size: 36px; font-weight: 700; color: #000; opacity: 0.5; position: absolute; right: 40px; top: 20px;}
#sec3 .inner .list li a .icon{margin-bottom: 40px; margin-top: 20px;}
#sec3 .inner .list li a .icon img{max-height: 60px;}
#sec3 .inner .list li a h3{font-size: 36px; color: #000; margin-bottom: 30px; line-height: 1em;}
#sec3 .inner .list li a p{font-size: 20px; font-weight: 500; color: #555555; word-break: keep-all; line-height: 1.5em;}

@media all and (max-width:1600px){
	#sec3 .inner .list li a h3{font-size: 32px;}
}
@media all and (max-width:1280px){
	#sec3{padding: 140px 0 90px;}
	#sec3 .inner .list{padding: 35px 0;}
	#sec3 .inner .list li a{padding: 18px 30px 25px;}
	#sec3 .inner .list li a::before{font-size: 32px; right: 30px; top: 18px;}
	#sec3 .inner .list li a .icon img{max-height: 56px;}
	#sec3 .inner .list li a h3{font-size: 30px; margin-bottom: 25px;}
	#sec3 .inner .list li a p{font-size: 19px;}
}
@media all and (max-width:1024px){
	#sec3{padding: 120px 0 80px;}
	#sec3 .inner .list{display: grid; grid-template-columns: repeat(2, 1fr); padding: 30px 0;}
	#sec3 .inner .list li + li{border-left: 0px;}
	#sec3 .inner .list li:nth-child(2),
	#sec3 .inner .list li:nth-child(4){border-left: 1px solid #ccc;}
	#sec3 .inner .list li:nth-child(3),
	#sec3 .inner .list li:nth-child(4){border-top: 1px solid #ccc;}
	#sec3 .inner .list li a{padding: 25px 30px 25px;}
	#sec3 .inner .list li a::before{top: 25px; right: 30px;}
	#sec3 .inner .list li a .icon img{max-height: 52px;}
	#sec3 .inner .list li a h3{font-size: 27px; margin-bottom: 20px;}
	#sec3 .inner .list li a p{font-size: 18px;}
}
@media all and (max-width:768px){
	#sec3{padding: 110px 0 70px;}
	#sec3 .inner .list{padding:25px 0;}
	#sec3 .inner .list li a::before{font-size: 28px;}
	#sec3 .inner .list li a .icon{margin-bottom: 30px; margin-top: 15px;}
	#sec3 .inner .list li a .icon img{max-height: 46px;}
	#sec3 .inner .list li a h3{font-size: 25px; margin-bottom: 17px;}
	#sec3 .inner .list li a p{font-size: 17px;}
}
@media all and (max-width:500px){
	#sec3{padding: 100px 0 70px;}
	#sec3 .inner .list li a{padding: 22px 25px 22px;}
	#sec3 .inner .list li a::before{top: 22px; right: 20px; font-size: 25px;}
	#sec3 .inner .list li a .icon{margin-bottom: 25px;}
	#sec3 .inner .list li a .icon img{max-height: 42px;}
	#sec3 .inner .list li a p{display: none;}
	#sec3 .inner .list li a h3{font-size: 23px; margin-bottom: 14px;}
}


/* sec4 */
#sec4{background-color: #f5f7fa; padding: 90px 0 75px;}
#sec4 .inner{text-align: center;}
#sec4 .inner .txt{}
#sec4 .inner .txt h3{font-size: 36px; color: #000; line-height: 1.4em; word-break: keep-all;}
#sec4 .inner .txt p{font-size: 20px; font-weight: 500; color: #555555; word-break: keep-all; margin: 30px 0 45px; line-height: 1.5em;}

@media all and (max-width:1280px){
	#sec4{padding: 80px 0 70px;}
	#sec4 .inner .txt h3{font-size: 33px;}
	#sec4 .inner .txt p{font-size: 19px; margin: 28px 0 40px;}
}
@media all and (max-width:768px){
	#sec4{padding: 70px 0 60px;}
	#sec4 .inner .txt h3{font-size: 30px;}
	#sec4 .inner .txt h3 br{display: none;}
	#sec4 .inner .txt p{font-size: 18px; margin: 25px 0 35px;}
}


/* sec5 */
#sec5{padding: 120px 0 140px;}
#sec5 .list{}
#sec5 .list li{max-width: 780px; width: 100%; border-radius: 30px; overflow: hidden; position: relative; aspect-ratio:36 / 19.385; margin: 0 20px; cursor: pointer;}
#sec5 .list li .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#sec5 .list li .img img{width: 100%; height: 100%; object-fit: cover;}
#sec5 .list li .txt{position: relative; z-index: 2; padding: 70px 60px; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
#sec5 .list li .txt .top{}
#sec5 .list li .txt .top h4{font-size: 24px; color: #7fcef4; margin-bottom: 15px;}
#sec5 .list li .txt .top h3{font-size: 48px; color: #fff; word-break: keep-all;}
#sec5 .list li .txt .bottom{}
#sec5 .list li .txt .bottom p{font-size: 18px; font-weight: 400; color: #ffffff; word-break: keep-all; line-height: 1.5em;}

@media all and (max-width:1280px){
	#sec5{padding: 110px 0 130px;}
	#sec5 .list li{max-width: 720px;}
	#sec5 .list li .txt{padding: 60px 50px;}
	#sec5 .list li .txt .top h4{font-size: 22px; margin-bottom: 13px;}
	#sec5 .list li .txt .top h3{font-size: 44px;}
}
@media all and (max-width:1024px){
	#sec5{padding: 100px 0 120px;}
	#sec5 .list li{max-width: 80vw; margin: 0 15px;}
	#sec5 .list li .txt{padding: 50px 45px;}
	#sec5 .list li .txt .top h4{font-size: 20px;}
	#sec5 .list li .txt .top h3{font-size: 40px;}
}
@media all and (max-width:768px){
	#sec5{padding: 90px 0 110px;}
	#sec5 .list li{max-width: 82vw; margin: 0 13px; border-radius: 20px; min-height: 320px;}
	#sec5 .list li .txt{padding: 35px 40px;}
	#sec5 .list li .txt .top h4{font-size: 19px; margin-bottom: 10px;}
	#sec5 .list li .txt .top h3{font-size: 36px;}
	#sec5 .list li .txt .bottom p{font-size: 17px;}
}
@media all and (max-width:500px){
	#sec5{padding: 80px 0 100px;}
	#sec5 .list li{margin: 0 10px;}
	#sec5 .list li .txt{padding: 35px 30px;}
	#sec5 .list li .txt .top h4{font-size: 18px; margin-bottom: 9px;}
	#sec5 .list li .txt .top h3{font-size: 30px;}
	#sec5 .list li .txt .bottom p{font-size: 16px;}
	#sec5 .list li .txt .bottom p br{display: none;}
}


/* sec6 */
#sec6{overflow-x: hidden;}
#sec6 .inner{}
#sec6 .inner .m_txt{text-align: center; margin-bottom: 80px; overflow-x: hidden;}
#sec6 .inner .cont{overflow: hidden;padding-bottom: 130px; width: 120%;}
#sec6 .inner .cont > div{overflow: visible;}
#sec6 .inner .cont > div > div{overflow: visible;}
#sec6 .inner .cont li{max-width: 380px; border-radius: 20px; overflow: hidden; background-color: #fff; box-shadow: 6px 8px 59px rgba(0,0,0,0.08); margin-right: 30px;}
#sec6 .inner .cont li .img{width: 100%; aspect-ratio:16/10.319;border-radius: 20px; overflow: hidden;}
#sec6 .inner .cont li .img img{max-width: 100%;}
#sec6 .inner .cont li .txt{padding: 40px 30px;}
#sec6 .inner .cont li .txt h3{font-size: 20px; font-weight: 700; color: #000; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; line-height: 1.3em; height: 2.6em; word-break: keep-all;}
#sec6 .inner .cont li .txt .date{margin-top: 25px; font-weight: 700; font-size: 16px; color: #999999;}

@media all and (max-width:1280px){
	#sec6 .inner .m_txt{margin-bottom: 70px;}
	#sec6 .inner .cont{padding-bottom: 110px;}
	#sec6 .inner .cont li{max-width: 356px; margin-right: 25px;}
	#sec6 .inner .cont li .txt{padding: 35px 25px;}
	#sec6 .inner .cont li .txt h3{font-size: 19px;}
	#sec6 .inner .cont li .txt .date{margin-top: 23px;}
}
@media all and (max-width:1024px){
	#sec6 .inner .m_txt{margin-bottom: 60px;}
	#sec6 .inner .cont{padding-bottom: 100px;}
	#sec6 .inner .cont li{max-width: 328px; margin-right: 22px;}
	#sec6 .inner .cont li .txt{padding: 32px 22px;}
	#sec6 .inner .cont li .txt .date{margin-top: 20px;}
}
@media all and (max-width:768px){
	#sec6 .inner .m_txt{margin-bottom: 55px;}
	#sec6 .inner .cont{padding-bottom: 90px;}
	#sec6 .inner .cont li{max-width: 304px; margin-right: 20px; border-radius: 12px;}
	#sec6 .inner .cont li .img{border-radius: 12px;}
	#sec6 .inner .cont li .txt{padding: 30px 20px; font-size: 18px;}
	#sec6 .inner .cont li .txt .date{margin-top: 20px; font-size: 15px;}
}
@media all and (max-width:500px){
	#sec6 .inner .m_txt{margin-bottom: 50px;}
	#sec6 .inner .cont{padding-bottom: 90px;}
	#sec6 .inner .cont li{max-width: 66vw; margin-right: 20px;}
	#sec6 .inner .cont li .txt{padding: 25px 16px; font-size: 17px;}
	#sec6 .inner .cont li .txt .date{margin-top: 18px; font-size: 15px;}
}


/* sec7 */
#sec7{background-color: #f5f7fa; padding: 120px 0;}
#sec7 .inner{display: flex; justify-content: space-between; gap:80px;}
#sec7 .inner .box{width: 100%;}
#sec7 .inner .box .tit{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
#sec7 .inner .box .tit h3{font-size: 36px; color: #000;}
#sec7 .inner .box .tit a{font-weight: 400; color: #000; font-size: 16px; opacity: 0.8;}
#sec7 .inner .box .list{border-bottom: 1px solid #c4c6c8;}
#sec7 .inner .box .list li{}
#sec7 .inner .box .list li + li{border-top: 1px solid #c4c6c8;}
#sec7 .inner .box .list li a{padding: 30px 0; display: block; position: relative;}
#sec7 .inner .box .list li a::after{content: '→'; font-family: 'SUIT'; font-weight: 500; font-size: 20px; color: #000; opacity: 0.5; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#sec7 .inner .box .list li a h3{font-size: 20px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%;}
#sec7 .inner .box .list li a p{font-size: 16px; font-weight: 700; color: #999999; margin-top: 20px;}

@media all and (max-width:1280px){
	#sec7{padding: 110px 0;}
	#sec7 .inner{gap:0px; justify-content: space-between;}
	#sec7 .inner .box{width: calc(50% - 60px / 2);}
	#sec7 .inner .box .tit h3{font-size: 32px;}
	#sec7 .inner .box .list li a{padding: 25px 0;}
	#sec7 .inner .box .list li a h3{font-size: 19px;}
	#sec7 .inner .box .list li a::after{font-size: 19px;}
}
@media all and (max-width:1024px){
	#sec7{padding: 100px 0;}
	#sec7 .inner .box{width: calc(50% - 50px / 2);}
	#sec7 .inner .box .tit{margin-bottom: 15px;}
	#sec7 .inner .box .tit h3{font-size: 28px;}
	#sec7 .inner .box .list li a{padding: 22px 0;}
	#sec7 .inner .box .list li a h3{font-size: 18px;}
	#sec7 .inner .box .list li a p{margin-top: 16px;}
}
@media all and (max-width:768px){
	#sec7{padding: 90px 0;}
	#sec7 .inner{flex-direction: column; gap:60px;}
	#sec7 .inner .box{width: 100%;}
	#sec7 .inner .box .tit h3{font-size: 25px;}
	#sec7 .inner .box .list li a h3{font-size: 17px;}
	#sec7 .inner .box .list li a p{font-size: 15px;}
}
@media all and (max-width:500px){
	#sec7{padding: 80px 0;}
	#sec7 .inner .box .tit h3{font-size: 24px;}
	#sec7 .inner .box .list li a{padding: 19px 0;}
}

/* sec8 */
#sec8{padding: 120px 0 160px;}
#sec8 .inner{height: 480px; display: flex; border-radius: 20px; overflow: hidden;}
#sec8 .inner .img{width: 58.75%;}
#sec8 .inner .img img{width: 100%; height: 100%; object-fit: cover;}
#sec8 .inner .txt{width: calc(100% - 58.75%); background-color: #0c1436; display: flex; flex-direction: column; justify-content: center; padding: 0 80px; color: #fff;}
#sec8 .inner .txt h4{font-size: 16px; margin-bottom: 20px;}
#sec8 .inner .txt h3{font-size: 36px; line-height: 1.4em; word-break: keep-all;}
#sec8 .inner .txt .btn_box{justify-content: flex-start; margin-top: 60px;}

@media all and (max-width:1280px){
	#sec8{padding: 100px 0 140px;}
	#sec8 .inner{height: 440px;}
	#sec8 .inner .img{width: 52%;}
	#sec8 .inner .txt{width: calc(100% - 52%); padding: 0 60px;}
	#sec8 .inner .txt h4{margin-bottom: 16px;}
	#sec8 .inner .txt h3{font-size: 32px;}
	#sec8 .inner .txt .btn_box{margin-top: 50px;}
}
@media all and (max-width:1024px){
	#sec8{padding: 90px 0 120px;}
	#sec8 .inner{height: 400px;}
	#sec8 .inner .img{width: 50%;}
	#sec8 .inner .txt{width: calc(100% - 50%); padding: 0 45px;}
	#sec8 .inner .txt h4{margin-bottom: 14px;}
	#sec8 .inner .txt h3{font-size: 28px;}
	#sec8 .inner .txt .btn_box{margin-top: 45px;}
}
@media all and (max-width:768px){
	#sec8{padding: 70px 0 100px;}
	#sec8 .inner{border-radius: 15px; height: auto;}
	#sec8 .inner .img{display: none;}
	#sec8 .inner .txt{width: 100%; padding: 80px 40px; text-align: center;}
	#sec8 .inner .txt h3 br{display: none;}
	#sec8 .inner .txt .btn_box{margin-top: 40px; justify-content: center;}
}
@media all and (max-width:500px){
	#sec8{padding: 60px 0 80px;}
	#sec8 .inner .txt{padding: 50px 30px;}
	#sec8 .inner .txt h3{font-size: 25px;}
	#sec8 .inner .txt .btn_box{margin-top: 35px;}
}