#wrap {margin-top: 9.7rem;}

/* 공통 swiper css */
#wrap .swiper_wrap {}
#wrap .swiper_wrap .mySwiper {position: relative;}
#wrap .swiper_wrap .mySwiper .swiper-wrapper {}
#wrap .swiper_wrap .mySwiper .swiper-wrapper .swiper-slide {}
#wrap .swiper_wrap .mySwiper .swiper-wrapper .swiper-slide a {}

/* main swiper css */
#wrap .swiper_wrap .mySwiper.mSlide {min-height: 10rem;}
#wrap .swiper_wrap .mySwiper.mSlide .swiper-wrapper .swiper-slide a {position: relative;}
#wrap .swiper_wrap .mySwiper.mSlide .swiper-wrapper .swiper-slide a img {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
#wrap .swiper_wrap .mySwiper.mSlide .swiper-wrapper .swiper-slide a pre{font-size:1.7rem; color:#333; font-weight: 400; line-height: 1.4; padding: 2rem 4rem; min-height: 13rem; display: flex; flex-direction: column; justify-content: center; }
#wrap .swiper_wrap .mySwiper.mSlide .swiper-wrapper .swiper-slide a pre em {font-size: 1.9rem; font-weight: 600; padding-top: .5rem;}
#wrap .swiper_wrap .mySwiper.mSlide .swiper-wrapper .swiper-slide[aria-label = "1 / 3"] a pre {background: url("../img/banner1.png") no-repeat right 0 / cover;}
#wrap .swiper_wrap .mySwiper.mSlide .swiper-wrapper .swiper-slide[aria-label = "2 / 3"] a pre {background: url("../img/banner2.png") no-repeat right 0 / cover;}
#wrap .swiper_wrap .mySwiper.mSlide .swiper-wrapper .swiper-slide[aria-label = "3 / 3"] a pre {background: url("../img/banner3.png") no-repeat right 0 / cover; font-weight: 600; font-size: 1.9rem;}
#wrap .swiper_wrap .mySwiper.mSlide .swiper-wrapper .swiper-slide[aria-label = "3 / 3"] a pre em {display: none;}
#wrap .swiper_wrap .mySwiper .mPage {left: unset; right: 0; bottom: 0; padding:0.7rem 1.4rem; background: rgba(0,0,0,0.4); width: fit-content;color:rgba(255,255,255,0.5);}
#wrap .swiper_wrap .mySwiper .mPage span.swiper-pagination-total {color:rgba(255,255,255,0.5)}
#wrap .swiper_wrap .mySwiper .mPage span {color:#fff;}
/* 스와이퍼 nt, pv 버튼 디자인 */
#wrap .swiper_wrap .mySwiper .mNext {right: 5px;}
#wrap .swiper_wrap .mySwiper .mPrev {left: 5px;}
.mNext:after, .swiper-rtl .mPrev:after {content:'';}
.mPrev:after, .swiper-rtl .mNext:after {content:'';}
.mNext:after {border-left:7px  solid rgba(0,0,0,0.4); height: 0px; border-top:5px solid transparent; border-bottom: 5px solid transparent;}
.mPrev:after {border-right:7px  solid rgba(0,0,0,0.4); height: 0px; border-top:5px solid transparent; border-bottom: 5px solid transparent;}

/* info swiper css */
#wrap .swiper_wrap.sp2 {padding: 3rem 2rem;}
#wrap .swiper_wrap.sp2 h2 {font-family: 'Cafe24Ssurround', sans-serif; font-size: 2.5rem; letter-spacing: -0.07rem; margin-bottom: 1.5rem;}
#wrap .swiper_wrap .mySwiper.iSlide {display: flex; flex-flow: row wrap; justify-content: center;}
#wrap .swiper_wrap .mySwiper.iSlide .swiper-wrapper {order: 1; width: 100%;}
#wrap .swiper_wrap .mySwiper.iSlide .swiper-wrapper .swiper-slide {border-radius: 0.5rem;}
#wrap .swiper_wrap .mySwiper.iSlide .swiper-wrapper .swiper-slide:nth-child(2n-1) {background: #ef6d62;}
#wrap .swiper_wrap .mySwiper.iSlide .swiper-wrapper .swiper-slide:nth-child(2n) {background: #ed6498;}
#wrap .swiper_wrap .mySwiper.iSlide .swiper-wrapper .swiper-slide:nth-child(4n-1) {background: #f46072;}
#wrap .swiper_wrap .mySwiper.iSlide .swiper-wrapper .swiper-slide:nth-child(4n) {background: #ef62ac;}
#wrap .swiper_wrap .mySwiper.iSlide .swiper-wrapper .swiper-slide a {display: flex; flex-flow: column; justify-content: center; align-items: center; min-height: 8rem; padding: 1.5rem;}
#wrap .swiper_wrap .mySwiper.iSlide .swiper-wrapper .swiper-slide a span {font-size:1.8rem; color:rgba(255,255,255,0.8); margin-bottom: 0.5rem;}
#wrap .swiper_wrap .mySwiper.iSlide .swiper-wrapper .swiper-slide a em {font-size:2.2rem; color:#fff; font-weight: 800;}
#wrap .swiper_wrap .mySwiper .iPage {order: 3; display: flex; align-items: center; margin:1.5rem 1rem 0;}
#wrap .swiper_wrap .mySwiper .iPage span {font-size:1.2rem; color: #999; font-weight: 700;}
#wrap .swiper_wrap .mySwiper .iPage span.swiper-pagination-current {color:#f0506b;padding-right: 0.5rem;}
#wrap .swiper_wrap .mySwiper .iPage span.swiper-pagination-total {color:#999; padding-left: 0.5rem;}
/* 스와이퍼 nt, pv 버튼 디자인 */
.iNext, .iPrev, .iPage {position: unset; width: unset; margin-top: 1.5rem; height: 2.4rem;}
#wrap .swiper_wrap .mySwiper .iNext {order: 4; width: 5rem;}
#wrap .swiper_wrap .mySwiper .iPrev {order: 2; width: 5rem;}
.iNext:after, .swiper-rtl .iPrev:after {content:''; display: block; width: 5rem; height: 2.4rem; background: url(../img/btn_next.png) no-repeat center / cover;}
.iPrev:after, .swiper-rtl .iNext:after {content:''; display: block; width: 5rem; height: 2.4rem; background: url(../img/btn_prev.png) no-repeat center / cover;}



#wrap .link_wrap {}
#wrap .link_wrap ul {display: flex; flex-flow: column; border-top: 2px solid #fcd9e2;border-bottom: 2px solid #fcd9e2;}
#wrap .link_wrap ul li {display:flex; justify-content: space-between; border-bottom: 1px solid #fcd9e2;}
#wrap .link_wrap ul li:last-child {border-bottom: 0 solid #000;}
#wrap .link_wrap ul li > * {width: 33%;}
#wrap .link_wrap ul li a {display: flex; flex-flow: column; align-items: center; padding: 2rem 0; border-right: 1px solid #fcd9e2;}
#wrap .link_wrap ul li a:last-child {border-right: 0;}
#wrap .link_wrap ul li a span { font-size: 1.5rem; font-weight: 800;}
#wrap .link_wrap ul li a img {height: 3rem; margin-bottom: 1rem;}
#wrap .link_wrap ul li p {display: flex; align-items: center;justify-content: center;padding: 1rem;}
#wrap .link_wrap ul li p img { width: 100%;}