@charset "UTF-8";

._fnctWrap {line-height:1.5;}  

.wrap-interview-wrap {margin:0 auto;display: block;position: relative;/*max-width: 1600px;*/z-index: 0 !important;padding: 100px 20px;background:#f8f8f8}
 
.wrap-interview-wrap::before {content: "";position: absolute;top: 0;right: 0;width: 600px;height: 580px;background: url('../images/interview-bg.png') no-repeat right top / contain;z-index: -1;}


.wrap-interview-wrap .title-line {display: block;width: 46px;height: 4px;margin-bottom: 22px;background: linear-gradient(90deg, #ee257e 0%, #eca521 100%);margin: 0px auto 22px;}
.wrap-interview-wrap .title-wrap .title {font-family: 'Paperlogy Bold';font-size: 33px;text-align: center;}
.wrap-interview-wrap .title-wrap .txt {font-size: 22px;text-align: center;}
.wrap-interview .slider .slick-list {overflow:hidden; padding-top:20px !important;}
.wrap-interview .slider .slick-track {display:flex; align-items:flex-start;}
.wrap-interview .slider .slick-slide {height:auto; padding:20px 15px; text-align:center; transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.wrap-interview .slider .slick-slide.stagger-down {transform:translateY(35px);}
.wrap-interview .slider.flip-phase .slick-slide.stagger-down {transform:translateY(0);}
.wrap-interview .slider.flip-phase .slick-slide.stagger-up {transform:translateY(35px);}
.wrap-interview .slider .slick-slide a {display:block; overflow:hidden; border-radius:10px; transition:transform 0.3s ease;}
.wrap-interview .slider .slick-slide img {display:inline-block; width:100%; aspect-ratio:3 / 4; object-fit:cover; border:1px solid #e9e9e9; border-radius:12px;}
.wrap-interview .slider .slick-slide.nodata {padding:50px; border:1px solid #ccc; border-radius:20px; transform:translateX(0) !important;}
.wrap-interview .slider .slick-slide:hover {z-index:2;}
.wrap-interview .slider .slick-slide:hover a {transform:translateY(-10px);}
.wrap-interview .slider .slick-slide a p:not(.date) {position:relative; z-index:1; width:fit-content; max-width:100%; isolation:isolate;}
.wrap-interview .slider .slick-slide a p:not(.date)::before {content:''; position:absolute; bottom:2px; left:-3px; z-index:-1; width:calc(100% + 6px); height:10px; border-radius:10px; background:#fcf2f8; opacity:0; transform:scaleX(0); transform-origin:left center; transition:opacity 0.3s ease, transform 0.3s ease;}
.wrap-interview .slider .slick-slide:hover a p:not(.date) {color:#ee275e;}
.wrap-interview .slider .slick-slide:hover a p:not(.date)::before {opacity:1; transform:scaleX(1);}

.wrap-interview .list{display: inline-block;width: 100%;vertical-align: top;}
.wrap-interview .con{text-align: left;padding: 15px 18px;box-sizing: border-box;}
.wrap-interview .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
.wrap-interview .con p{word-break: break-all;display: -webkit-box;overflow: hidden;line-height: 1.35;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-weight: bold;/* margin-bottom: 20px; */font-size: 18px;transition: 0.3s;}
.wrap-interview .control {text-align:center; position:absolute; bottom:19%; left:0px; width:100%; height:0px; z-index:1;} 
.wrap-interview .slick-dots {display: flex !important;justify-content: center;margin-top: 0;} 
.wrap-interview .slick-dots li button {text-indent: -9999px;width: 13px;height: 13px;border-radius: 50px;border: 2px solid #dfdfdf;background: #dfdfdf;transition: 0.3s}
.wrap-interview .slick-dots li.slick-active button {background: #fff; border-color: #048098; transition: 0.3s;}
.wrap-interview-wrap .more {display:flex; align-items:center; justify-content:center; gap:10px; width:fit-content; margin:20px auto 0; padding:14px 28px; border:2px solid transparent; border-radius:50px; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ee257e, #eca521) border-box; color:#444 !important; font-size:18px; font-weight:500; line-height:1.4; text-align:center; text-decoration:none; box-sizing:border-box; cursor:pointer; transition:color 0.3s ease, box-shadow 0.3s ease;}
.wrap-interview-wrap .more::after {content:""; display:block; flex:none; width:14px; height:14px; background:url("../images/ico_link.png") no-repeat center / contain; opacity:0.8; transition:opacity 0.3s ease, background-image 0.3s ease;}
.wrap-interview-wrap .more:hover {background:linear-gradient(90deg, #ee257e, #eca521) padding-box, linear-gradient(90deg, #ee257e, #eca521) border-box; color:#fff !important; text-decoration:none; box-shadow:0 4px 12px rgba(238,37,126,0.2);}
.wrap-interview-wrap .more:hover::after {background-image:url("../images/ico_link_w.png"); opacity:1;}

 
@media all and (max-width:1024px) {

	.wrap-interview-wrap {padding: 50px 20px 50px;} 
	.wrap-interview-wrap::before {width: 500px;}
	.wrap-interview-wrap .title-wrap .title span:before {width: 100px; height: 50px; right: -80px; top: -30px;    opacity: 0.1;}
	.wrap-interview-wrap .more {top: -60px;font-size: 18px;right: 10px;}
	.wrap-interview-wrap .more img {}
	.wrap-interview .con {padding: 15px 18px 18px;} 
	.wrap-interview .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
	.wrap-interview .con p{font-size: 18px;.wrap-interview-wrap .title-wrap .titlespan:before;font-weight: normal;} 

	.wrap-interview .slider li {padding: 0 10px 0;}
	.wrap-interview .slider li img {}
	.wrap-interview .slider .slick-slide a {border-radius: 15px;}
    .wrap-interview .slider .slick-slide:hover{transform: translateY(0);}
    .wrap-interview .slider .slick-slide:hover a {box-shadow: none;}
	.wrap-interview .con {padding: 12px 10px;}	 
	.wrap-interview .slick-dots {margin-top: 25px;}
	.wrap-interview .slick-dots li {padding: 0 8px;}

}

@media all and (max-width:768px) {
	.wrap-interview-wrap::before {width: 400px;}
	.wrap-interview .list{width:100%;}
	.wrap-interview .slick-counter{left:50%;top: unset;margin-left:-37px;bottom: 20px;}
	.wrap-interview .slick-counter .current{font-size:35px;}
	.wrap-interview .slick-counter .slash{font-size:22px;}
	.wrap-interview .slick-counter .total{font-size:22px;}
	.wrap-interview .con {padding: 15px;}
	.wrap-interview .con p{text-overflow: clip;white-space: inherit;} 
	.wrap-interview .prevnext{width:100%;bottom: 45%;top: unset;}
	.wrap-interview .prevnext button{width:60px;height:80px;}
	.wrap-interview .prevnext .prev {left: -15px;}
	.wrap-interview .prevnext .next {left: unset;right:-15px;}
	.wrap-interview .slick-dots {margin-top: 30px;}
	.wrap-interview .slick-dots li {padding: 0 8px;}
    .wrap-interview-wrap .title-wrap .title {font-size: 26px;}
    .wrap-interview-wrap .title-wrap .txt {font-size: 20px;}
}

@media all and (max-width:550px) {  
	.wrap-interview-wrap:before {border-top-left-radius: 150px;}
	.wrap-interview .more {font-size: 16px;padding: 2px 13px 6px;top: -60px;}
	.wrap-interview .more img {margin-top: 8px;}
	.wrap-interview .con {padding: 10px 10px;}
	.wrap-interview .con p{font-size: 17px;height: 45px;} 
	.wrap-interview .slick-dots {margin-top: 20px;}
	.wrap-interview .slick-dots li {padding: 0 5px;}
	.wrap-interview .slick-dots li button {width: 13px; height: 13px;}
}