@charset "utf-8";
/*
BOX 고유 아이디가 있음. BOX별로 스타일을 지정하고자 할 경우 여기에 작성
#box_$mt_id_$box
*/

#box_banner_1_0 { margin: 0; } /* main banner */

/* swiper button */
.box-banner .swiper-pagination { display: none; }
.box-banner .swiper-button-prev, 
.box-banner .swiper-button-next { display:block; width: 40px; height: 40px; top: calc( 50% - 40px ); margin: 0; border-radius: 20px; background-color: transparent; background-size: 15px; border: 0; outline: 0; box-shadow: none; opacity: .75; transition: all 0.15s ease-in-out; z-index: 10; }
.box-banner .swiper-button-prev, 
.box-banner .swiper-container-rtl .swiper-button-next { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20width%3D%220.66em%22%20height%3D%221em%22%20style%3D%22-ms-transform%3A%20rotate%28360deg%29%3B%20-webkit-transform%3A%20rotate%28360deg%29%3B%20transform%3A%20rotate%28360deg%29%3B%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%201088%201664%22%3E%3Cpath%20d%3D%22M1043%20301L512%20832l531%20531q19%2019%2019%2045t-19%2045l-166%20166q-19%2019-45%2019t-45-19L45%20877q-19-19-19-45t19-45L787%2045q19-19%2045-19t45%2019l166%20166q19%2019%2019%2045t-19%2045z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E'); background-position: left 10px center; background-repeat: no-repeat; }
.box-banner .swiper-button-next, 
.box-banner .swiper-container-rtl .swiper-button-prev { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20width%3D%220.66em%22%20height%3D%221em%22%20style%3D%22-ms-transform%3A%20rotate%28360deg%29%3B%20-webkit-transform%3A%20rotate%28360deg%29%3B%20transform%3A%20rotate%28360deg%29%3B%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%201088%201664%22%3E%3Cg%20transform%3D%22translate%281088%200%29%20scale%28-1%201%29%22%3E%3Cpath%20d%3D%22M1043%20301L512%20832l531%20531q19%2019%2019%2045t-19%2045l-166%20166q-19%2019-45%2019t-45-19L45%20877q-19-19-19-45t19-45L787%2045q19-19%2045-19t45%2019l166%20166q19%2019%2019%2045t-19%2045z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-position: right 10px center; background-repeat: no-repeat; }
.box-banner .swiper-button-prev:after,
.box-banner .swiper-button-next:after { content: ''; }
.box-banner .swiper-button-prev, 
.box-banner .swiper-container-rtl .swiper-button-next { left: 10px; }
.box-banner .swiper-button-next, 
.box-banner .swiper-container-rtl .swiper-button-prev { right: 10px; }
.box-banner .swiper-button-prev:hover, 
.box-banner .swiper-button-next:hover { opacity: 1; width: 60px; background-color: transparent; }
.box-banner .swiper-button-prev:hover, 
.box-banner .swiper-container-rtl .swiper-button-next:hover { left: 10px; }
.box-banner .swiper-button-next:hover, 
.box-banner .swiper-container-rtl .swiper-button-prev:hover { right: 10px; }
.box-banner .swiper-button-prev:focus, 
.box-banner .swiper-button-next:focus { outline: 0; box-shadow: none; }
.templateSect-full .box-banner .swiper-button-prev,
.templateSect-full .box-banner .swiper-container-rtl .swiper-button-next { left: 20px; }
.templateSect-full .box-banner .swiper-button-next, 
.templateSect-full .box-banner .swiper-container-rtl .swiper-button-prev { right: 20px; }
@media (max-width: 992px) {
.box-banner .swiper-button-prev, 
.box-banner .swiper-button-next { display: none !important; }
}