.outter .main .feat-banner .pc {height: calc(100vh - 90px);object-fit: cover;}

.outter .main .feature-desc {padding-top: 80px;padding-bottom: 50px;display: flex;flex-direction: row;justify-content: space-between;}
.outter .main .feature-desc .infographic {width:30%;}
.outter .main .feature-desc .description {width:65%;}
.outter .main .feature-desc li {margin-bottom:20px;}
.outter .main .feature-desc a {display: inline;color: #0ebae3;}
.outter .main .feature-desc a:hover {text-decoration: underline;}

.outter .main .feature-video {padding-top: 50px;padding-bottom: 80px;}
.outter .main .feature-video video {-webkit-box-shadow: 0px 0px 20px #999;-moz-box-shadow: 0px 0px 20px #999;box-shadow: 0px 0px 20px #999;}

.outter .main .feature-section .section {padding: 80px 0;border-bottom: 1px solid #ddd;}
.outter .main .feature-section .section:last-of-type {border-bottom:none;}
.outter .main .feature-section .section .items {position: relative;margin: 30px 0;}
.outter .main .feature-section .section .items .item a {width:100%;}
.outter .main .feature-section .section .items .item a>div {margin-bottom:15px;}
.outter .main .feature-section .section .view-all {text-align: center;}

.outter .main .feature-related {padding-top: 80px;padding-bottom: 80px;}
.outter .main .feature-related .links {display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-top:30px;}
.outter .main .feature-related .links a.btn-2021-red {width: 24%;}

a.mouse-zoom .pic {width:100%;height:auto;overflow: hidden;}
a.mouse-zoom .pic img{width:100%;cursor: pointer;transition:0.5s linear;transform:scale(1,1);}
a.mouse-zoom:hover img{transition:1s linear;transform:scale(1.1,1.1);}

.swiperOut .swiper-anchor {display: flex; width: 100%;justify-content: center;align-items: baseline;margin-top:50px; }	
.swiperOut .swiper-anchor .swiper-button-next,
.swiperOut .swiper-anchor .swiper-button-prev{position: relative;color: #2d2926;font-weight: bold;margin-right: 20px; margin-left: 20px;}
.swiperOut .swiper-anchor .swiper-button-next:after, 
.swiperOut .swiper-anchor .swiper-button-prev:after{font-size: 20px;}
.swiperOut .swiper-anchor .swiper-pagination-bullets.swiper-pagination-horizontal {width: auto;}
.swiperOut .swiper-anchor .swiper-pagination-bullet{width:16px;height:16px;background:none;border:3px solid #2d2926;border-radius: 50%;margin: 0 7px;opacity:0.35;}
.swiperOut .swiper-anchor .swiper-pagination-bullet:hover, 
.swiperOut .swiper-anchor .swiper-pagination-bullet-active {opacity: 1;}

@media only screen and (max-width: 1280px){
	.outter .main .feature-related .links {justify-content: space-evenly;}
	.outter .main .feature-related .links a.btn-2021-red {width: 40%;}
}

@media only screen and (max-width: 576px){
	.outter .main .feature-desc {flex-direction: column;padding-bottom: 0 !important;}
	.outter .main .feature-desc .infographic {width:100%;margin-bottom: 20px;}
	.outter .main .feature-desc .description {width:100%;}
	
	.outter .main .feature-related .links {flex-direction: column;}
	.outter .main .feature-related .links a.btn-2021-red {width: 80%;}
	
	.swiperOut .swiper-anchor {margin-top:20px; }	
}