@charset "UTF-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* css는 유료테마 ASKTHEME의 일부입니다. 불법복제시 불이익을 받을 수 있습니다.
* Slider
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * 슬라이더  * * * * * * * * * * * * * * * * */
#slider { width: 100%; height: 300px; position: relative; background-color: #292b2c; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35); }
#slider .container { margin-left: 0 !important; margin-right: 0 !important; }
@media (min-width: 576px) { #slider { height: 400px; } }
@media (min-width: 768px) { #slider { height: 500px; } }
@media (min-width: 992px) { #slider { height: 100%; /* Laptop Slider height */ max-height: 100%; } }
#slider .ani-text { opacity: 0; }
#slider .ani-text-subtext { font-weight: 600; line-height: 1.5}

.slider .slider-inner { width: 100%; height: 100%; left: 0; top: 0; }

.slider, .slider-inner, .slider-catpion { will-change: transform; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: transform 0s linear; -webkit-backface-visibility: hidden; }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: move; position: relative; /* 슬라이더 검은색 글자 사용 */ }
.swiper-slide .slider-catpion.black-font h2 { color: #212529 !important; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.35); }
.swiper-slide .slider-catpion.black-font p { color: #212529 !important; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.35); }
.swiper-slide .slider-catpion.black-font .slide-more-btn { border: 2px solid #000; color: #343a40; }
.swiper-slide .slider-catpion.black-font .slide-more-btn:hover { color: #f8f9fa; background-color: #000; }
.swiper-slide .slider-catpion h2 { /* 슬라이드 큰글자 */ font-family: "Noto Sans KR", sans-serif; color: #f8f9fa; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); font-weight: 900; line-height: 1.5; letter-spacing: 2px; padding: 0 2rem; font-size: 1.8rem; margin-bottom: 0; }
@media (min-width: 576px) { .swiper-slide .slider-catpion h2 { font-size: 2.5rem; margin-bottom: 1.5rem; } }
@media (min-width: 768px) { .swiper-slide .slider-catpion h2 { font-size: 3rem; margin-bottom: 2rem; } }
@media (min-width: 992px) { .swiper-slide .slider-catpion h2 { font-size: 3.5rem; margin-bottom: 0; } }
@media (min-width: 992px) { .swiper-slide .slider-catpion h2.bigtext { font-size: 6rem; margin-bottom: 0; line-height: 120%; } }
.swiper-slide .slider-catpion p { display: none; font-size: 1rem; margin-bottom: 1rem; color: #f8f9fa; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); padding: 0 2rem; }
@media (min-width: 576px) { .swiper-slide .slider-catpion p { font-size: 1.1rem; padding: 0 1.5rem; display: block; } }
@media (min-width: 768px) { .swiper-slide .slider-catpion p { font-size: 1.2rem; padding: 2rem; display: block; } }
.swiper-slide .slider-catpion .slide-more-btn { font-family: "Noto Sans KR", sans-serif; display: inline-block; padding: 0.4rem; border: 2px solid #fff; font-size: 0.8rem; color: #f8f9fa; font-weight: bold; border-radius: 6px; transition: 0.3s; }
.swiper-slide .slider-catpion .slide-more-btn:hover { color: #343a40; background-color: #fff; }
.swiper-slide .movie-wrap { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; }
.swiper-slide .goods-container { position: relative; height: 100%; }
.swiper-slide .goods-container .slider-layer-wrap { position: relative; height: 100%; }
.swiper-slide .goods-container .slider-layer-wrap .head-text { padding-top: 4rem; }
@media (min-width: 768px) { .swiper-slide .goods-container .slider-layer-wrap .head-text { padding-top: 5rem; } }
@media (min-width: 992px) { .swiper-slide .goods-container .slider-layer-wrap .head-text { padding-top: 7rem; } }
.swiper-slide .goods-container .slider-layer-wrap .head-text h2 { font-size: 2rem; font-weight: 700; color: #fff; }
.swiper-slide .goods-container .slider-layer-wrap .head-text h2 span { color: #007bff; }
@media (min-width: 768px) { .swiper-slide .goods-container .slider-layer-wrap .head-text h2 { font-size: 4.5rem; } }
@media (min-width: 992px) { .swiper-slide .goods-container .slider-layer-wrap .head-text h2 { font-size: 5rem; } }
.swiper-slide .goods-container .slider-layer-wrap .goods-img { position: absolute; bottom: 0; width: 100%; text-align: center; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.swiper-slide .goods-container .slider-layer-wrap .goods-img img { width: 100%; height: auto; }

/*# sourceMappingURL=slider.css.map */
