/* .sec1_slide {position: relative; overflow: hidden;}
.sec1_slide .swiper-wrapper {margin-left: 0;}
.sec1_slide .swiper-wrapper.on {margin-left: 305px;}
.sec1_slide .swiper-wrapper .swiper-slide {width: 220px; height: 538px; border-radius: 20px; overflow: hidden;}
.sec1_slide .swiper-wrapper .swiper-slide.swiper-slide-active {width: 840px;}
.sec1_slide .swiper-wrapper .swiper-slide .img-box {width: 100%; height: 538px;}
.sec1_slide .swiper-wrapper .swiper-slide .img-box img {width: 100%; height: 538px; object-fit: cover;} */

/* .sec1_slide .swiper-wrapper .swiper-slide .img-box img {transform: scaleX(0.263); transition: all .5s;}
.sec1_slide .swiper-wrapper .swiper-slide.swiper-slide-active .img-box img {transform: scaleX(1);} */
.sec1 {overflow: hidden;}
.slide_content .sec1_slide {width: 840px; height: 538px; margin: 0 auto;}
.slide_content .swiper-slide {width: 100%; height: 100%;}
.slide_content .swiper-slide .img-box {width: 100%; height: 100%; border-radius: 20px; overflow: hidden; transition: all .5s;}
.slide_content .swiper-slide .img-box img {width: 100%; height: 100%; object-fit: cover;}
.slide_content .swiper-slide:not(.swiper-slide-active) .img-box {transform: scaleX(0.3); transform-origin: left;}
.slide_content .swiper-slide.slide_100 .img-box {transform: scaleX(1);}

.slide_content .swiper-slide.swiper-slide-prev .img-box {transform-origin: right;}

.sec1_slide .swiper-wrapper .swiper-slide .txt-box {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width: 100%; height: auto; padding: 0 60px; box-sizing: border-box; opacity: 0; transition: all .3s;}
.sec1_slide .swiper-wrapper .swiper-slide.swiper-slide-active .txt-box {opacity: 1; transition: all .3s;}
.sec1_slide .swiper-wrapper .swiper-slide .txt-box .tit {display: block; width: 100%; height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom: 23px; margin-bottom: 15px; border-bottom: 1px solid var(--wt); font-size: 21px; font-weight: bold; line-height: 1; color: var(--wt);}
.sec1_slide .swiper-wrapper .swiper-slide .txt-box .d-flex {display: flex; align-items: center; justify-content: space-between;}
.sec1_slide .swiper-wrapper .swiper-slide .txt-box .d-flex .cete_n {font-size: 16px; font-weight: 500; line-height: 1; color: var(--wt);}
.sec1_slide .swiper-wrapper .swiper-slide .txt-box .d-flex .date {font-size: 16px; font-weight: 500; line-height: 1; color: var(--wt);}


.sec1 .container {position: relative;}
.slide_btn {position: absolute; top: 50%; transform: translateY(-50%); width: 64px; height: auto; z-index: 3;}
.sec1 .slide_btn {top: 58%;}
.slide_btn img {width: 100%; height: auto;}
.swiper-button-prev2 {left: 0px;}
.swiper-button-next2 {right: 0px;}
.slide_btn.swiper-button-disabled {opacity: 0.3;}


/* case-area */
.case-area {position: relative;}
.case-area:not(.first) {display: none;}
.case_slide {width: 100%; height: auto; overflow: hidden;}
.case_slide .swiper-slide {width: 100%; height: auto; border-radius: 20px; overflow: hidden;}
.case_slide .swiper-slide .img-box {width: 100%; height: 206px;}
.case_slide .swiper-slide .img-box img {width: 100%; height: 100%; object-fit: cover;}
.case_slide .swiper-slide .txt-box {padding: 16px; box-sizing: border-box; border: 1px solid var(--gray_d6); border-top: 0; border-radius: 0 0 20px 20px;}
.case_slide .swiper-slide .txt-box .tit {font-size: 18px; font-weight: bold; line-height: 1; color: var(--black);}
.case_slide .swiper-slide .txt-box .tit:after {content: ''; display: block; width: 64px; height: 3px; margin: 22.5px 0 14.5px; background: var(--gray_b);}
.case_slide .swiper-slide .txt-box .txt {margin-bottom: 20px; font-size: 16px; font-weight: 500; line-height: 1; color: var(--black);}
.case_slide .swiper-slide .txt-box .date {font-size: 14px; font-weight: 500; line-height: 1; color: var(--gray_8); text-align: right;}
.swiper-button-prev3 {display: none; left: -83px;}
.swiper-button-next3 {right: -83px;}

/* certificate_slide */
.certificate_slide {position: relative; width: 100%; height: auto; overflow: hidden;}
.certificate_slide .swiper-wrapper {align-items: flex-end;}
.certificate_slide .swiper-slide {position: relative; width: auto;}
.certificate_slide .swiper-slide.swiper-slide-active {width: 440px !important;}
.certificate_slide .swiper-slide .slide_txt {position: absolute; top: 0; left: 488px; opacity: 0; white-space: nowrap; transition: all .5s;}
.certificate_slide .swiper-slide.swiper-slide-active .slide_txt {opacity: 1;}
.certificate_slide .swiper-slide .slide_txt .tit {margin-bottom: 56px; font-size: 56px; font-weight: bold; line-height: 1; color: var(--black);}
.certificate_slide .swiper-slide .slide_txt .sub {font-size: 28px; font-weight: bold; line-height: 1; color: var(--black);}

.certificate_slide .swiper-slide .img-box {display: flex; align-items: flex-end; width: 200px; height: 623px; transition: all .5s;}
.certificate_slide .swiper-slide .img-box img {width: 100%;}
.certificate_slide .swiper-slide.swiper-slide-active .img-box {width: 440px;transform: translateX(0);}

.certificate_slide .swiper-pagination {position: initial; margin-top: 46px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--pr) !important;}