.slider{box-sizing:border-box;margin:80px 0;position:relative}.slider>div.swiper_wrapper{height:83.9vh;width:100%;position:relative}.slider>div.swiper_wrapper>span{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0}.slider>div.swiper_wrapper>span.active{opacity:1}.slider>section.controller{position:relative;width:100%;height:11vh;margin-top:10.7vh;display:flex;align-items:center}.slider>section.controller>div{position:relative}.slider>section.controller>div.count{font-size:18px;margin-left:8%;color:gray}.slider>section.controller>div.count>span{display:inline-block;min-width:17px;color:inherit}.slider>section.controller>div.count>span:first-child{padding-right:4px;text-align:right;font-weight:500;color:#000}.slider>section.controller>div.count>span:last-child{padding-left:4px}.slider>section.controller>div.title{position:relative;width:304px;margin-left:6.1%;height:100%;text-align:left}.slider>section.controller>div.title>span{position:absolute;top:28%;left:0;width:100%;text-align:left;margin:auto 0;opacity:0;font-size:26px;font-weight:600;line-height:1.25}.slider>section.controller>div.title>span.active{opacity:1}.slider>section.controller>div.progress{width:calc(83.3333% - 550px);height:2px;background-color:#c6c6c691;position:relative}.slider>section.controller>div.progress>span{height:100%;background-color:#000;position:absolute;top:0;left:0}.slider>section.controller>div.btn>button{width:10px;height:19px;border:none;background-color:#0000;background-repeat:no-repeat;cursor:pointer}.slider>section.controller>div.btn>button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px}.slider>section.controller>div.btn>button.left{margin-left:64px;rotate:180deg}.slider>section.controller>div.btn>button.right{margin-left:40px}.slider>span.mask{width:100%;position:absolute;top:0;left:0}.slider>span.mask>img{width:100px;margin-top:-4px;margin-left:-4px;position:relative}@media (min-aspect-ratio: 4/3){.slider{box-sizing:border-box;margin:80px 0;position:relative}.slider>div.swiper_wrapper{height:83.9vh;width:100%;position:relative}.slider>div.swiper_wrapper>span{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0}.slider>div.swiper_wrapper>span.active{opacity:1}.slider>section.controller{position:relative;width:100%;height:11vh;margin-top:10.7vh;display:flex;align-items:center}.slider>section.controller>div{position:relative}.slider>section.controller>div.count{font-size:18px;margin-left:8%;color:gray}.slider>section.controller>div.count>span{display:inline-block;min-width:17px;color:inherit}.slider>section.controller>div.count>span:first-child{padding-right:4px;text-align:right;font-weight:500;color:#000}.slider>section.controller>div.count>span:last-child{padding-left:4px}.slider>section.controller>div.title{position:relative;width:304px;margin-left:6.1%;height:100%;text-align:left}.slider>section.controller>div.title>span{position:absolute;top:28%;left:0;width:100%;text-align:left;margin:auto 0;opacity:0;font-size:26px;font-weight:600;line-height:1.25}.slider>section.controller>div.title>span.active{opacity:1}.slider>section.controller>div.progress{width:calc(83.3333% - 550px);height:2px;background-color:#c6c6c691;position:relative}.slider>section.controller>div.progress>span{height:100%;background-color:#000;position:absolute;top:0;left:0}.slider>section.controller>div.btn>button{width:10px;height:19px;border:none;background-color:#0000;background-repeat:no-repeat;cursor:pointer}.slider>section.controller>div.btn>button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px}.slider>section.controller>div.btn>button.left{margin-left:64px;rotate:180deg}.slider>section.controller>div.btn>button.right{margin-left:40px}.slider>span.mask{width:100%;position:absolute;top:0;left:0}.slider>span.mask>img{width:100px;margin-top:-4px;margin-left:-4px;position:relative}}@media (max-aspect-ratio: 4/3){.slider{margin-top:10.7vh;margin:0}.slider>div.swiper_wrapper{height:50vw}.slider>section.controller{margin-top:26px;display:grid;grid-template-columns:70px 1fr 72px}.slider>section.controller>div.count{font-size:16px;margin:0;grid-column:1/2}.slider>section.controller>div.title{grid-column:1/4;grid-row:2/3;width:100%;margin:24px 0}.slider>section.controller>div.title>span{font-size:20px}.slider>section.controller>div.progress{grid-column:2/3;width:100%;height:2px}.slider>section.controller>div.btn{grid-column:3/4;display:flex;align-items:center;justify-content:space-around}.slider>section.controller>div.btn>button{margin:0!important}.slider>span.mask>img{margin-top:-1px;margin-left:-1px;width:28px}}