/* txt-slide */
.sec1 {overflow: hidden;}
.txt-slide {display: flex; align-items: center; gap: 0; margin-right: -1280px; overflow: hidden;}
.txt-slide::before {position: relative; content: ''; display: block; min-width: 1px; width: 1px; height: 200px; border-radius: 1px; background: var(--gray_b); z-index: 1;}
.txt-slide ul {animation: roll 20s linear infinite; display: flex; align-items: center; flex: 0 0 auto; overflow: hidden;}
.txt-slide ul .slick-track {margin: 0 -20px; overflow: hidden;}
.txt-slide ul li {flex: 0 0 auto; width: 360px; height: auto; padding: 0 20px; box-sizing: border-box;}
.txt-slide ul li .child-box {}
.txt-slide ul li .child-box img {}

.slick-arrow {display: none !important;}

/* review-rolling */
.review-rolling {display: flex; align-items: flex-start; gap: 88px; width: 100%; height: auto; overflow: hidden;}
.review-rolling ul {animation: roll 20s linear infinite; display: flex; align-items: flex-start; gap: 88px;}
.review-rolling ul li {flex: 0 0 auto; width: 510px; height: auto;}
.review-rolling ul li img {width: 100%; height: auto;}

/* img-list */
.img-list {width: 100%; height: 800px; overflow: hidden; border: 4px solid var(--gray_1c); border-radius: 24px; box-sizing: border-box;}
.img-list ul {position: relative; width: 100%; height: 100%;}
.img-list ul li {position: absolute; width: 100%; padding: 0 66px; box-sizing: border-box; transition: all .5s;}
.img-list ul li .img-box {position: relative; width: 100%; height: auto; aspect-ratio: 16/6.84;}
.img-list ul li .img-box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.img-list ul li .img-box img.off {opacity: 1;}
.img-list ul li .img-box img.on {opacity: 0;}

.img-list ul li.prev {top: -307px; z-index: 1; opacity: 1;}
.img-list ul li.active {top: 105px; z-index: 3; opacity: 1;}
.img-list ul li.next {top: 536px; z-index: 2; opacity: 1;}
.img-list ul li.next2 {top: 536px; opacity: 0; z-index: -1; transition: all 0s;}
.img-list ul li.next3 {top: 536px; opacity: 0; z-index: -1; transition: all 0s;}

.img-list ul li.active .img-box img.on {opacity: 1; z-index: 2;}

/* news-rolling */
.news-rolling {display: flex; align-items: center; gap: 40px; width: 100%; height: auto; overflow: hidden;}
.news-rolling1 {margin-bottom: 40px;}
.news-rolling1 ul {animation: roll 17s linear infinite;}
.news-rolling2 ul {animation: roll2 17s linear infinite;}
.news-rolling ul {display: flex; align-items: center; gap: 40px;}
.news-rolling ul li {flex: 0 0 auto; width: 510px; height: auto;}
.news-rolling ul li .img-box {width: 100%; height: auto;}
.news-rolling ul li .img-box img {width: 100%; height: auto;}

/* sec5 */
.sec5 {width: 100%; height: auto; padding-bottom: 279px;}
.sec5 .container {display: flex;  align-items: flex-start; justify-content: space-between; overflow: hidden;}

/* relevant-list */
.relevant-list {max-width: 560px; width: 100%; height: auto; border-top: 4px solid var(--wt); border-bottom: 4px solid var(--wt);}
.relevant-list ul {width: 100%; height: auto;}
.relevant-list ul li {width: 100%; height: auto; border-bottom: 1px solid var(--wt);}
.relevant-list ul li:last-of-type {border: none;}
.relevant-list ul li .child-box {display: flex; align-items: center; gap: 30px;}
.relevant-list ul li .child-box .icon-box {min-width: 228px; width: 228px; height: auto;}
.relevant-list ul li .child-box .icon-box img {width: 100%; height: auto;}
.relevant-list ul li .child-box .txt-box {width: 100%; text-align: center;}
.relevant-list ul li .child-box .txt-box .txt {font-size: 21px; font-weight: 500; line-height: 1.5; color: var(--gray_b);}
.relevant-list ul li .child-box .txt-box .txt span {font-weight: bold; color: var(--yellow);}

.mobr {display: none;}