/*--¸ÞÀÎ »ó´Ü ½½¶óÀÌµåÀÌ¹ÌÁö--*/
.swiper-slide {
	text-align: center;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-slide .pro-icon img {
	display:inline-block;
	width:auto;
	height:auto;
	object-fit:none;
}

/*-----*/
.visual-Swiper {
	width: 100%;
	height: 100%;
}
.visual-Swiper .swiper-button-next,
.visual-Swiper .swiper-button-prev {
	width:44px;
	height:54px;
	margin-top:80px;
}
.visual-Swiper .swiper-button-next {
	right:9.5%;
}
.visual-Swiper .swiper-button-prev {
	left:9.5%;
}
@media (max-device-width:1399px) {
.visual-Swiper .swiper-button-next,
.visual-Swiper .swiper-button-prev {
	margin-top:-27px;
}
.visual-Swiper .swiper-button-next {
	right:25px;
}
.visual-Swiper .swiper-button-prev {
	left:25px;
}
}
@media (max-device-width:1023px) {
.visual-Swiper .swiper-button-next,
.visual-Swiper .swiper-button-prev {
	width:36px;
	height:44px;
	margin-top:-22px;
}
}
@media (max-device-width:767px) {
.visual-Swiper .swiper-button-next {
	right:15px;
}
.visual-Swiper .swiper-button-prev {
	left:15px;
}
}
@media (max-device-width:539px) {
.visual-Swiper .swiper-button-next,
.visual-Swiper .swiper-button-prev {
	width:27px;
}
.visual-Swiper .swiper-button-next {
	right:5px;
}
.visual-Swiper .swiper-button-prev {
	left:5px;
}
}


/*--¸ÞÀÎ Áß¾Ó ½½¶óÀÌµåÀÌ¹ÌÁö--*/
.RecommeSwiper {
	width:100%;
	height:100%;
}
.RecommeSwiper .swiper-slide {
	width:660px;
	transform:scale(90%);
	opacity:0.8;
}
.RecommeSwiper .swiper-slide > .recomme-txt,
.RecommeSwiper .swiper-slide > .recomme-btn {
	opacity:0;
}
.RecommeSwiper .swiper-slide-active {
	transform:none;
	opacity:1;
}
.RecommeSwiper .swiper-slide-active > .recomme-txt,
.RecommeSwiper .swiper-slide-active > .recomme-btn {
	opacity:1;
}

.RecommeSwiper .swiper-slide .recomme-img {
	position:relative;
	z-index:1;
	overflow:hidden;
	border-radius:20rem;
}
.RecommeSwiper .swiper-slide .recomme-img::after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.RecommeSwiper .swiper-slide .recomme-txt {
	position: absolute;
	z-index:2;
	bottom:80px;
	left:0;
	width:100%;
	text-align:center;
}
.RecommeSwiper .swiper-slide .recomme-txt h2 {
	margin-bottom:10px;
	line-height:1;
	font-size:45px;
	font-weight:800;
	color:#fff;
}
.RecommeSwiper .swiper-slide .recomme-txt h6 {
	margin-bottom:0;
	line-height:1;
	font-size:19px;
	font-weight:500;
	color:#fff;
}
.RecommeSwiper .swiper-slide .recomme-btn {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	background:url(/img/main/recomme_btn.png) no-repeat 100% 97%;
	background-size:108px;
}
.RecommeSwiper .swiper-button-prev {
	left:50%;
	margin-left:-384px;
}
.RecommeSwiper .swiper-button-next {
	right:50%;
	margin-right:-384px;
}
.RecommeSwiper .swiper-button-next::after,
.RecommeSwiper .swiper-button-prev::after {
	font-size:36px;
	font-weight:900;
}
@media (max-device-width:1399px) {
}
@media (max-device-width:1199px) {
.RecommeSwiper .swiper-slide .recomme-txt {
	bottom:60px;
}
.RecommeSwiper .swiper-slide .recomme-txt h2 {
	font-size:36px;
	font-weight:700;
}
}
@media (max-device-width:1079px) {
.RecommeSwiper .swiper-slide {
	width:560px;
}
.RecommeSwiper .swiper-slide .recomme-btn {
	background-size:96px;
}
.RecommeSwiper .swiper-button-prev {
	margin-left:-330px;
}
.RecommeSwiper .swiper-button-next {
	margin-right:-330px;
}
}
@media (max-device-width:1023px) {
.RecommeSwiper .swiper-slide {
	width:480px;
}
.RecommeSwiper .swiper-slide .recomme-txt {
	bottom:35px;
}
.RecommeSwiper .swiper-slide .recomme-txt h2 {
	font-size:30px;
}
.RecommeSwiper .swiper-slide .recomme-btn {
	background-size:78px;
}
.RecommeSwiper .swiper-button-prev {
	margin-left:-290px;
}
.RecommeSwiper .swiper-button-next {
	margin-right:-290px;
}
.RecommeSwiper .swiper-button-next::after,
.RecommeSwiper .swiper-button-prev::after {
	font-size:30px;
}
}
@media (max-device-width:767px) {
.RecommeSwiper .swiper-slide {
	width:400px;
}
.RecommeSwiper .swiper-slide .recomme-txt h2 {
	font-size:28px;
}
.RecommeSwiper .swiper-slide .recomme-txt h6 {
	font-size:17px;
}
.RecommeSwiper .swiper-slide .recomme-btn {
	background-size:64px;
}
.RecommeSwiper .swiper-button-prev {
	margin-left:-240px;
}
.RecommeSwiper .swiper-button-next {
	margin-right:-240px;
}
}
@media (max-device-width:539px) {
.RecommeSwiper .swiper-slide {
	width:320px;
}
.RecommeSwiper .swiper-slide .recomme-txt {
	bottom:20px;
}
.RecommeSwiper .swiper-slide .recomme-txt h2 {
	margin-bottom:5px;
	font-size:21px;
}
.RecommeSwiper .swiper-slide .recomme-txt h6 {
	font-size:14px;
}
.RecommeSwiper .swiper-slide .recomme-btn {
	background-position:100% 92%;
	background-size:48px;
}
.RecommeSwiper .swiper-button-prev {
	margin-left:-195px;
}
.RecommeSwiper .swiper-button-next {
	margin-right:-195px;
}
.RecommeSwiper .swiper-button-next::after,
.RecommeSwiper .swiper-button-prev::after {
	font-size:24px;
}
}
@media (max-device-width:419px) {
.RecommeSwiper .swiper-slide {
	width:250px;
}
.RecommeSwiper .swiper-slide .recomme-txt {
	bottom:15px;
}
.RecommeSwiper .swiper-slide .recomme-txt h2 {
	font-size:16px;
}
.RecommeSwiper .swiper-slide .recomme-txt h6 {
	font-size:12px;
}
.RecommeSwiper .swiper-button-prev {
	margin-left:-152px;
}
.RecommeSwiper .swiper-button-next {
	margin-right:-152px;
}
}
@media (max-device-width:359px) {
.RecommeSwiper .swiper-slide {
	width:200px;
}
.RecommeSwiper .swiper-button-prev {
	margin-left:-125px;
}
.RecommeSwiper .swiper-button-next {
	margin-right:-125px;
}
.RecommeSwiper .swiper-button-next::after,
.RecommeSwiper .swiper-button-prev::after {
	font-size:18px;
}
}

.Recomme-howSwiper {
	width:100%;
	height:100%;
}
.Recomme-howSwiper .swiper-wrapper {
	align-items:end;
}
.Recomme-howSwiper .swiper-slide {
	padding-bottom:30px;
	letter-spacing:-1px;
}
.Recomme-howSwiper .swiper-slide-active {
	padding-bottom:0;
}
.Recomme-howSwiper .swiper-slide a {
	text-decoration:none;
	display:grid;
	grid-template-rows:330px 24px 14px;
	grid-template-columns:100%;
	grid-gap:8px;
}
.Recomme-howSwiper .swiper-slide-active a {
	padding-bottom:0;
	grid-template-rows:380px 32px 24px;
	grid-gap:15px;
}
.Recomme-howSwiper .swiper-slide .recomme-img {
	grid-row:1;
	margin-bottom:10px;
	overflow:hidden;
	border-radius:0 2.5rem 2.5rem 2.5rem;
}
.Recomme-howSwiper .swiper-slide img {
	object-position:50% 0%;
}
.Recomme-howSwiper .swiper-slide h2 {
	grid-row:2;
	margin:0;
	text-align:left;
	word-break:keep-all;
	line-height:1;
	font-size:19px;
	font-weight:800;
	color:#000;
}
.Recomme-howSwiper .swiper-slide-active h2 {
	font-size:32px;
}
.Recomme-howSwiper .swiper-slide h6 {
	grid-row:3;
	margin:0;
	text-align:left;
	word-break:keep-all;
	line-height:1;
	font-family:'Noto Sans KR';
	font-size:14px;
	font-weight:500;
	color:#666;
}
.Recomme-howSwiper .swiper-slide-active h6 {
	font-size:21px;
}
#mainRecomme-S .swiper-button-next {
	right:-40px;
}
#mainRecomme-S .swiper-button-prev {
	left:-40px;
}
#mainRecomme-S .swiper-button-next::after,
#mainRecomme-S .swiper-button-prev::after {
	font-weight:900;
}
@media (max-device-width:1399px) {
.Recomme-howSwiper .swiper-slide a {
	grid-template-rows:270px 24px 14px;
}
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:320px 30px 24px;
}
.Recomme-howSwiper .swiper-slide-active h2 {
	font-size:28px;
}
.Recomme-howSwiper .swiper-slide-active h6 {
	font-size:19px;
}
}
@media (max-device-width:1199px) {
.Recomme-howSwiper .swiper-slide {
	padding-bottom:10px;
}
.Recomme-howSwiper .swiper-slide-active {
	padding-bottom:0;
}
.Recomme-howSwiper .swiper-slide a {
	grid-template-rows:270px 24px 14px;
	grid-gap:5px;
}
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:320px 24px 18px;
	grid-gap:10px;
}
.Recomme-howSwiper .swiper-slide h2 {
	font-size:18px;
}
.Recomme-howSwiper .swiper-slide-active h2 {
	font-size:24px;
}
.Recomme-howSwiper .swiper-slide-active h6 {
	font-size:16px;
}
}
@media (max-device-width:1110px) {
.Recomme-howSwiper .swiper-slide a {
	grid-template-rows:220px 24px 14px;
}
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:250px 24px 18px;
}
}
@media (max-device-width:1023px) {
.Recomme-howSwiper .swiper-slide a {
	grid-template-rows:270px 24px 14px;
}
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:320px 24px 18px;
}
.Recomme-howSwiper .swiper-slide .recomme-img {
	border-radius:0 2rem 2rem 2rem;
}
}
@media (max-device-width:900px) {
.Recomme-howSwiper .swiper-slide a {
	grid-template-rows:230px 24px 14px;
}
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:270px 24px 18px;
}
}
@media (max-device-width:767px) {
.Recomme-howSwiper .swiper-slide a {
	grid-template-rows:200px 18px 14px;
}
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:230px 20px 14px;
	grid-gap:8px;
}
.Recomme-howSwiper .swiper-slide .recomme-img {
	border-radius:0 1.75rem 1.75rem 1.75rem;
}
.Recomme-howSwiper .swiper-slide h2 {
	font-size:16px;
}
.Recomme-howSwiper .swiper-slide-active h2 {
	font-size:19px;
}
.Recomme-howSwiper .swiper-slide h6 {
	font-size:12px;
}
.Recomme-howSwiper .swiper-slide-active h6 {
	font-size:14px;
}
}
@media (max-device-width:639px) {
.Recomme-howSwiper .swiper-slide a {
	grid-template-rows:160px 18px 14px;
}
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:190px 20px 14px;
}
}
@media (max-device-width:539px) {
.Recomme-howSwiper .swiper-slide {
	padding-bottom:0px;
}
.Recomme-howSwiper .swiper-slide a,
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:300px 20px 14px;
	grid-gap:8px;
}
.Recomme-howSwiper .swiper-slide .recomme-img {
	border-radius:0 1.5rem 1.5rem 1.5rem;
}
.Recomme-howSwiper .swiper-slide h2,
.Recomme-howSwiper .swiper-slide-active h2 {
	font-size:19px;
}
.Recomme-howSwiper .swiper-slide h6,
.Recomme-howSwiper .swiper-slide-active h6 {
	font-size:14px;
}
#mainRecomme-S .swiper-button-next::after,
#mainRecomme-S .swiper-button-prev::after {
	font-size:24px;
}
}
@media (max-device-width:479px) {
.Recomme-howSwiper .swiper-slide a,
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:280px 20px 14px;
}
}
@media (max-device-width:419px) {
.Recomme-howSwiper .swiper-slide a,
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:240px auto auto;
}
}
@media (max-device-width:359px) {
.Recomme-howSwiper .swiper-slide a,
.Recomme-howSwiper .swiper-slide-active a {
	grid-template-rows:180px auto auto;
}
}


/*--MAIN EVENT BANNER--*/
.event-Swiper {
	width:100%;
	height:100%;
}
.event-Swiper .swiper-pagination {
	bottom:auto;
	top:50px;
	left:90px;
	width:auto;
}
.event-Swiper .swiper-pagination-bullet {
	width:17px;
	height:17px;
	background:#fff;
	opacity:1;
}
.event-Swiper .swiper-pagination-bullet-active {
	background:#ff3386;
}
@media (max-device-width:1199px) {
.event-Swiper .swiper-pagination {
	top:35px;
	left:50px;
}
}
@media (max-device-width:479px) {
.event-Swiper .swiper-pagination {
	top:25px;
	left:25px;
}
.event-Swiper .swiper-pagination-bullet {
	width:11px;
	height:11px;
}
}
@media (max-device-width:410px) {
.event-Swiper .swiper-pagination {
	top:15px;
	left:15px;
}
}


