@charset "UTF-8";
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); }

.swiper-pointer-events { touch-action: pan-y; }
.swiper-pointer-events.swiper-vertical { touch-action: pan-x; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-inner { position: absolute; bottom: 0; left: 50%; width: 1200px; height: 0; transform: translateX(-50%); z-index: 1; }

.main-visual { width: 100%; height: 840px; }
.main-visual .swiper-slide img { position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; height: 840px; object-fit: cover; }
.main-visual .swiper-slide-active { z-index: 1; }

/*버튼 기본*/
.main-visual .swiper-button { position: absolute; bottom: 55px; z-index: 10; width: 40px; height: 40px; font-size: calc(40px / 2); line-height: 0; color: #fff; border: none; cursor: pointer; outline: none; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; transition: all 0.1s; }
.main-visual .swiper-button.prev { left: calc(50% - 82px); }
.main-visual .swiper-button.prev i { -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.main-visual .swiper-button.next { right: calc(50% - 82px); }
.main-visual .swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.main-visual .swiper-button i { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }
.main-visual .swiper-button .icon-play { padding-left: 4px; }

.main-visual .swiper-pagination { position: absolute; bottom: 62px; left: 50%; z-index: 10; text-align: center; transition: 300ms opacity; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); font-weight: 500; outline: none; color: #fff; font-size: 16px; width: auto; }
.main-visual .swiper-pagination-hidden { opacity: 0; }
.main-visual .swiper-pagination i { background: rgba(255, 255, 255, 0.5); width: 1px; height: 8px; display: inline-block; margin: 0 10px; }

/*버튼 중앙 좌우정렬*/
.main-visual .swiper-button { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }