@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: 1500px; height: 0; transform: translateX(-50%); z-index: 1; }

.swiper-inner { width: 100% !important; }

.index-cs { width: 100%; position: relative; padding: 0 3rem; margin-top: 6rem; margin-bottom: 12rem; }
.index-cs .swiper-slide { height: 76rem; padding: 0 8rem; }
.index-cs .swiper-slide .tit { color: #fff; font-size: 4rem; font-weight: 600; margin: 12.5rem 0; }
.index-cs .swiper-slide li { width: 100%; height: 8rem; color: #fff; font-size: 2.4rem; float: left; position: relative; }
.index-cs .swiper-slide li:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background: #fff; opacity: .3; }
.index-cs .swiper-slide li a { color: inherit; width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; }
.index-cs .swiper-slide li i { margin-left: auto; font-size: 1.8rem; }
.index-cs .swiper-slide-active { z-index: 1; }

.index-cs .s01 { background: url("/m/images/index/index-cs02.jpg") no-repeat center/cover; }
.index-cs .s01 li:last-of-type:after { content: none; }
.index-cs .s02 { background: url("/m/images/index/index-cs01.jpg") no-repeat center/cover; }
.index-cs .s02 li:last-of-type:after { content: none; }
.index-cs .s03 { background: url("/m/images/index/index-cs03.jpg") no-repeat center/cover; }

.index-cs .swiper-pagination { position: absolute; bottom: 4rem; left: 50%; z-index: 10; text-align: center; transition: 300ms opacity; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); font-weight: 400; outline: none; }
.index-cs .swiper-pagination-hidden { opacity: 0; }
.index-cs .swiper-pagination-current { font-weight: 600; }
.index-cs .swiper-pagination-bullets { display: flex; justify-content: center; align-items: center; }
.index-cs .swiper-pagination-bullet { width: 0.7rem; height: 0.7rem; border-radius: 0.7rem; background: #c3c3c3; margin: 0 0.65rem; cursor: pointer; }
.index-cs .swiper-pagination-bullet-active { background: #fff; }

/*버튼 중앙 좌우정렬*/