/**
* Swiper 4.4.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: December 19, 2018
*/


.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */
z-index: 1; } 
.swiper-container-no-flexbox .swiper-slide { float: left; } 
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } 
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } 
.swiper-container-android .swiper-slide,
.swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } 
.swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } 
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } 
.swiper-slide-invisible-blank { visibility: hidden; } 
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide { height: auto; } 
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } 





/* ************************************************ */
/* ************************************************ */
/* 화살표 수정 */
.arrow_controller * { cursor: pointer; z-index: 10; pointer-events: all } 

.arrow_controller { position : absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  font-size: 4rem; display: flex; justify-content: space-between; z-index: 10; pointer-events: none;  } 

.s1Swiper .arrow_controller * { cursor: pointer; font-weight: 200 !important; color: #fff; text-shadow: 0px 0px 7px rgba(0,0,0,0.4); } 


.swiper-pagination { position: absolute;-webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } 

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } 




/* ************************************************ */
/* ************************************************ */
/* bullet 공통 */
.swiper-pagination { display: flex; gap: .6rem; margin-top: 2rem; } 
.swiper-pagination-bullet { width: 2rem; height: 2rem; border-radius: 50%; transition: all .3s ease-in-out; } 
.swiper-pagination-bullet-active { opacity: 1; transition: all .3s ease-in-out; } 

.index_main .swiper-pagination { position : absolute; left: 50%; transform: translateX(-50%); } 
.index_main .swiper-pagination-bullet { transition: all .3s ease-in-out; border: 1px solid #aaa; } 
.index_main .swiper-pagination-bullet-active { background: #aaa; } 




/* Progress */
.swiper-pagination-progressbar { background: #f5f5f5; } 

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #fabe00; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } 
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } 
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; margin-top: 5.4rem; /* left: 0; bottom: 0; */ } 
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } 
.swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } 
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } 
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } 
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } 
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } 
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } 
.swiper-pagination-lock { display: none; } 
/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } 
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } 
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } 
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } 
.swiper-scrollbar-cursor-drag { cursor: move; } 
.swiper-scrollbar-lock { display: none; } 
.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } 
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } 
.swiper-slide-zoomed { cursor: move; } 



/* *************************************************** */
/* *************************************************** */
/* *************************************************** */

@media (max-width: 768px) { } 
@media (max-width: 480px) { }