@charset "utf-8";
/*============================================================================*/

section.ere-artcard.s1 {  }

/*----------------------------------------------------------------------------*/

section.ere-artcard.s1 .main {  }

section.ere-artcard.s1 .main .col {  }

section.ere-artcard.s1 .main .col .reveal {  }

section.ere-artcard.s1 .main .col .reveal .card { display: flex; justify-content: space-between; flex-wrap: wrap; }


section.ere-artcard.s1 .main .col .reveal .card .artc-slide {
	position: relative; margin: 0 0 30px 0; padding: 10px; width: calc(100% / 2 - 50px); height: 400px;
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 12px;
	box-shadow: 0px 10px 20px rgba(34, 35, 58, .35);
	background: rgba(255, 255, 255, .95);
	-webkit-transition: all 300ms; transition: all 300ms;
}

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper {  }

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item { display: flex; align-items: center; }

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .photo {
	flex-shrink: 0; width: 380px; height: 320px;
	border: 10px solid rgba(255, 255, 255, .95);
	border-radius: 12px;
	/*box-shadow: 10px 10px 30px 3px rgba(0, 0, 0, .15);*/
	-webkit-transform: translate(-60px , 0); transform: translate(-60px, 0);
	overflow: hidden;
}

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper.hasmtit .artc-item .photo {
	-webkit-transform: translate(-60px , 25px); transform: translate(-60px, 25px);
}

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper.hasmtit .artc-item .mtitle { position: absolute; top: 20px; left: 10px; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper.hasmtit .artc-item .mtitle strong {
	display: inline-block; width: 300px;
	font-size: 17px; color: rgba(0, 0, 0, .95);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}


section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .photo img {
	display: block; width: 100%; height: 100%;
	opacity: 0;
	object-fit: cover;
	-webkit-transition: all 300ms; transition: all 300ms;
}
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .photo:before {
	z-index: -1; content: '';
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-color: rgba(255, 255, 255, .95);
}

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .photo img { opacity: 1; transition-delay: 300ms; }

/*----------------------------------------------------------------------------*/

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents {
	padding-right: 25px; height: 320px;
	-webkit-transform: translate(-30px, 0); transform: translate(-30px, 0);
}

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents > * {
	opacity: 0;
	-webkit-transform: translate(0, 25px); transform: translate(0, 25px);
	-webkit-transition: all 400ms; transition: all 400ms;
}

/*--------------------------------------*/

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .title,
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .des { width: 100%; max-width: 300px; margin: 0 0 20px 0; overflow: hidden; }

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .title {
	font-size: 15px; color: rgba(0, 0, 0, .95);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .des {
	height: 250px; line-height: 23px;
	font-size: 13px; color: rgba(0, 0, 0, .85);
	overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-box-orient: vertical; -webkit-line-clamp: 6;
	
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph; /*IE9*/
	-moz-text-align-last: justify; /*Firefox*/
	-webkit-text-align-last: justify; /*Chrome*/
}



/*--------------------------------------*/

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .button {  }

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .button a.cpaper {
	box-shadow: 1px 0px 1px 0.1px rgba(255, 255, 255, .65) inset, 0px 0px 3px 0px rgba(0, 0, 0, .15);
}
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .button a strong {
	font-size: 14px;
}



section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > * { opacity: 1; transform: none; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(1) { transition-delay: 300ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(2) { transition-delay: 400ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(3) { transition-delay: 500ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(4) { transition-delay: 600ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(5) { transition-delay: 700ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(6) { transition-delay: 800ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(7) { transition-delay: 900ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(8) { transition-delay: 1000ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(9) { transition-delay: 1100ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(10) { transition-delay: 1200ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(11) { transition-delay: 1300ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(12) { transition-delay: 1400ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(13) { transition-delay: 1500ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(14) { transition-delay: 1600ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(15) { transition-delay: 1700ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(16) { transition-delay: 1800ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(17) { transition-delay: 1900ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(18) { transition-delay: 2000ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(19) { transition-delay: 2100ms; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item.swiper-slide-active .contents > *:nth-child(20) { transition-delay: 2200ms; }


@media screen and (min-width: 1680px) and (max-width: 1919px) {
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide { height: 360px; }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .photo { width: 300px; height: 280px; }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents {
		height: 300px;
		-webkit-transform: translate(-30px, 0); transform: translate(-30px, 0);
	}
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .des { height: 210px; }
}
@media screen and (min-width: 1px) and (max-width: 1679px) {
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide { width: 100%; height: 460px; }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .photo { width: 500px; height: 360px; }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .title,
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .des { max-width: 100%; }
}
@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide { height: 360px; border-radius: 0; }
	
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .photo { width: 400px; height: 280px; -webkit-transform: translate(0 , 0); transform: translate(0, 0); }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper.hasmtit .artc-item .photo { -webkit-transform: translate(0 , 25px); transform: translate(0, 25px); }
	
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents { -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .des { max-width: calc(100% - 50px); height: 200px; }
}
@media screen and (min-width: 1px) and (max-width: 859px) {
	
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide { margin: 50px 0; height: 100%; max-height: 560px; }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide:last-child { margin: 50px 0 20px 0; }
	
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item { flex-direction: column; }
	
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper.hasmtit .artc-item .mtitle { top: 240px; left: 0; width: 100%; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper.hasmtit .artc-item .mtitle strong { padding: 0 10px; width: 100%; text-align: center; }
	
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .photo { width: 460px; height: 280px; -webkit-transform: translate(0 , -50px); transform: translate(0, -50px); }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper.hasmtit .artc-item .photo { -webkit-transform: translate(0 , -50px); transform: translate(0, -50px); }
	
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents {
		padding: 0 10px; width: 100%;
		-webkit-transform: translate(0, -20px); transform: translate(0, -20px);
	}
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper.hasmtit .artc-item .contents {
		-webkit-transform: translate(0, -5px); transform: translate(0, -5px);
	}
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .contents .des { max-width: 100%; height: 160px; }
	
}
@media screen and (min-width: 1px) and (max-width: 479px) {
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper .artc-item .photo { width: calc(100% - 20px); height: 260px; }
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-wrapper.hasmtit .artc-item .mtitle { top: 220px; }
}
/*============================================================================*/

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-pagination { z-index: 1; position: absolute; top: calc(100% / 2 - 50px) !important; left: auto !important; bottom: auto !important; right: 20px; width: 10px !important; text-align: center; }

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 8px 0; }

section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-pagination .swiper-pagination-bullet {
	display: block; width: 6px; height: 6px;
	border-radius: 10px;
	box-shadow: 1px 1px 3px 1px rgba(255, 255, 255, .65) inset, 0 0 12px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0, 0, .35);
	opacity: .35;
	-webkit-transition: height 300ms, box-shadow 300ms, background-color 300ms, opacity 300ms; transition: height 300ms, box-shadow 300ms, background-color 300ms, opacity 300ms;
}
section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-pagination .swiper-pagination-bullet-active {
	height: 30px;
	box-shadow: 1.5px 1.5px 3px 0.5px rgba(255, 255, 255, .65) inset, 0 0 12px rgba(0, 0, 0, .15);
	background-color: rgba(255, 0, 0, .85);
	opacity: 1;
}

@media screen and (min-width: 1px) and (max-width: 859px) {
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-pagination { top: 20px !important; left: auto !important; bottom: auto !important; right: 20px; width: 10px !important; text-align: center; }
}
@media screen and (min-width: 1px) and (max-width: 479px) {
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-pagination { display: flex; justify-content: center; top: auto !important; left: 0 !important; bottom: 20px !important; right: auto !important; width: 100% !important; }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-pagination .swiper-pagination-bullet { margin: 0 3px !important; width: 15px; height: 3px; }
	section.ere-artcard.s1 .main .col .reveal .card .artc-slide .swiper-pagination .swiper-pagination-bullet-active { width: 25px; height: 3px; }
}