@charset "utf-8";

.photo_recent {padding: 54px 0 59px; background: url(../images/news_background.png) no-repeat right -35px top -11px;}
.photo_recent .container{max-width: 1860px; padding: 0 30px; margin: 0 auto;}
.photo_recent .photo-recent-header {text-align: center; margin-top: 36px; position: relative; left: 8px;}
.photo_recent .photo-recent-header h1{position: relative; display: inline-block; color: #000000; font-size: 50px; font-family: "SBA Medium"; opacity: 0; top: 100px; filter: blur(5px); transition: filter .3s;}
.photo_recent .photo-recent-header h1::after{content:""; display: block; position: absolute; right: -25px; top: 10px; width: 18px; height: 18px; background: url(../images/campus_dots.png) no-repeat center center / cover;}
.photo_recent .photo-recent-header p{display: block; font-size: 19px; color: #000000; margin-top: -12px;  position: relative; opacity: 0; top: 100px; filter: blur(5px); transition: filter .3s;}
.photo_recent .photo-recent-main-slider{position: relative; margin-top: 60px; margin-bottom: 50px; left: 8px; width: calc(100% - 16px);}
.photo_recent .photo-recent-main-slider .photo-recent-main-slider-wrap{width: 100%; top: -100px; opacity: 0; margin-bottom: 0; position: relative; display: flex !important; flex-wrap: wrap; justify-content: space-between;}
.photo_recent .photo-recent-main-slider .photo-recent-main-image{border-radius: 15px; overflow: hidden; width: 47.8%; position: relative; margin-bottom: 0;}
.photo_recent .photo-recent-main-slider .photo-recent-main-image-inner{position: relative; padding-bottom: 57.4%; display: block !important;}
.photo_recent .photo-recent-main-slider .photo-recent-main-image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.photo_recent .photo-recent-main-slider .photo-recent-main-content-inner{display: block !important;}
.photo_recent .photo-recent-main-slider .photo-recent-main-content{width: 52.2%; padding: 107px 0 0 80px; position: relative;}
.photo_recent .photo-recent-main-slider .photo-recent-main-content h1{font-size: 32px; line-height: 48px; font-family: "SBA Medium"; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.photo_recent .photo-recent-main-slider .photo-recent-main-content p{font-size: 18px; line-height: 30px; color: #555555; margin-top: 29px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.photo_recent .photo-recent-main-slider .photo-recent-main-content h1 span{background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 2px; transition: background-size .5s;}
.photo_recent .photo-recent-main-slider .photo-recent-main-content p span{display: block;}
.photo_recent .photo-recent-main-slider .photo-recent-main-content a:hover h1 span{background-size: 100% 2px;}
.photo_recent .photo-recent-main-slider .photo-recent-main-content a:hover p span{background-size: 100% 1px;}
.photo_recent .photo-recent-main-slider .photo-recent-main-remote{position: absolute; right: -100px; opacity: 0; bottom: 30px; display: flex; flex-wrap: wrap; align-items: center;}
.photo_recent .photo-recent-main-slider .photo-recent-main-remote .photo-recent-remote-left{display: flex; align-items: center; position: relative; top: 4px;}
.photo_recent .photo-recent-main-slider .photo-recent-main-remote .current,
.photo_recent .photo-recent-main-slider .photo-recent-main-remote .total{font-size: 16px; color: #333333; font-family: "SBA Medium";}
.photo_recent .photo-recent-main-slider .slick-dots{position: static; bottom: 0; display: flex; flex-wrap: wrap; margin: 0 18px; width: 165px;}
.photo_recent .photo-recent-main-slider .slick-dots li{width: 33px; height: 2px; margin: 0;}
.photo_recent .photo-recent-main-slider .slick-dots li button{width: 100%; height: 100%; background-color: #c8c8c8; padding: 0;}
.photo_recent .photo-recent-main-slider .slick-dots li button:before{display: none;}
.photo_recent .photo-recent-main-slider .slick-dots li.slick-active button{background-color: #1174ff;}
.photo_recent .photo-recent-main-slider .photo-recent-playstop{margin: 0 15px;}
.photo_recent .photo-recent-main-slider .photo-recent-playstop button{display: none; width: 24px; height: 24px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; border: 1px solid #1174ff; font-size: 0;}
.photo_recent .photo-recent-main-slider .photo-recent-playstop button.on{display: block;}
.photo_recent .photo-recent-main-slider .photo-recent-playstop button.photo-recent-play{background-image: url(../images/news_play.png)}
.photo_recent .photo-recent-main-slider .photo-recent-playstop button.photo-recent-stop{background-image: url(../images/news_stop.png)}
.photo_recent .photo-recent-main-slider .photo-recent-remotebox{margin-left: 18px;}
.photo_recent .photo-recent-main-slider .photo-recent-remotebox button{font-size: 0; width: 55px; height: 55px; border: 1px solid #d8d8d8; background-color: white; background-repeat: no-repeat; background-position: center center; border-radius: 50%; margin-right: 5px;}
.photo_recent .photo-recent-main-slider .photo-recent-remotebox button:last-child{margin-right: 0;}
.photo_recent .photo-recent-main-slider .photo-recent-remotebox button.photo-recent-prev{background-image: url(../images/news_prev.png);}
.photo_recent .photo-recent-main-slider .photo-recent-remotebox button.photo-recent-next{background-image: url(../images/news_next.png);}
.photo_recent .photo-recent-main-slider .photo-recent-remotebox button:hover{background-color: #efefef;}
.photo_recent .photo-recent-main-slider .photo-recent-remotebox button.photo-recent-prev:hover{background-image: url(../images/news_prev_on.png);}
.photo_recent .photo-recent-main-slider .photo-recent-remotebox button.photo-recent-next:hover{background-image: url(../images/news_next_on.png);}
.photo_recent .inner{position: relative; top: 100px; opacity: 0; left: 8px; width: calc(100% - 19px);}
.photo_recent .recent-list .slick-list{margin: 0 -13px;}
.photo_recent .recent-list .slick-slide{margin: 0 13px;}
.photo_recent .recent-list .thumb{border-radius: 10px; overflow: hidden; padding-bottom: 65%; position: relative}
.photo_recent .recent-list .thumb img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.photo_recent .recent-list .subjectText{margin-top: 23px; line-height: 1; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden;}
.photo_recent .recent-list .subjectText span{font-family: "SBA Medium"; font-size: 20px; line-height: 32px; color: #000000; background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 2px; transition: background-size .5s;}

.photo_recent .recent-list .slick-slide.hover .thumb img{transform: scale(1.1);}
.photo_recent .recent-list .slick-slide.hover .subjectText span{background-size: 100% 2px;}
.photo_recent .recent-list .content{display: none;} 

.mCSB_container .photo_recent .photo-recent-header h1{top: 0; opacity: 1;}
.mCSB_container .photo_recent .photo-recent-header p{top: 0; opacity: 1;}
.mCSB_container .photo_recent .photo-recent-main-slider .photo-recent-main-image{left: 0; opacity: 1;}
.mCSB_container .photo_recent .photo-recent-main-slider .photo-recent-main-content{right: 0; opacity: 1;}
.mCSB_container .photo_recent .inner{top: 0; opacity: 1}


@media screen and (max-width: 1400px) {
	.photo_recent .photo-recent-main-slider .photo-recent-main-content{padding: 32px 0 0 33px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-content h1{font-size: 25px; line-height: 40px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-content p{font-size: 16px; line-height: 28px;}
	.photo_recent .recent-list .subjectText {line-height: 1.5;}
	.photo_recent .recent-list .subjectText span{font-size: 18px; line-height: 28px;}
}

@media screen and (max-width: 1200px) {
	.photo_recent .photo-recent-main-slider{width: 100%;}
	.photo_recent .inner{width: 100%;}
	.photo_recent{background: none; padding: 34px 0 19px;}
    .photo_recent .container{padding: 0 49px 0 30px;}
	.photo_recent .photo-recent-header h1{font-size: 30px;}
	.photo_recent .photo-recent-header p{font-size: 14px; margin-top: -6px;}
	.photo_recent .photo-recent-main-slider{margin-top: 45px; margin-bottom: 40px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-image{width: 50%;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-image-inner{padding-bottom: 58.8%;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-content{width: 50%;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-content h1{font-size: 22px; line-height: 32px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-content p{font-size: 14px; line-height: 24px; margin-top: 14px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-remote{width: calc(50% - 33px); justify-content: space-between; bottom: 0;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-remote .current,
	.photo_recent .photo-recent-main-slider .photo-recent-main-remote .total{font-size: 14px; line-height: 24px;}
	.photo_recent .photo-recent-main-slider .photo-recent-remotebox button{width: 40px; height: 40px; background-size: 8px;}
	.photo_recent .photo-recent-main-slider .slick-dots{margin: 0 10px; width: 125px;}
	.photo_recent .photo-recent-main-slider .slick-dots li{width: 25px;}
	.photo_recent .photo-recent-main-slider .photo-recent-playstop{margin: 0 14px 0 0;}
	.photo_recent .recent-list .slick-list{margin: 0 -12.5px;}
	.photo_recent .recent-list .slick-slide{margin: 0 12.5px;}
	.photo_recent .recent-list .thumb{padding-bottom: 64%;}
	.photo_recent .recent-list .subjectText{margin-top: 21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}

@media screen and (max-width: 768px) {
	.photo_recent{padding: 3px 0 76px;}
	.photo_recent .container{padding: 0 20px;}
	.photo_recent .photo-recent-header{margin-bottom: 25px; left: 0px;}
	.photo_recent .photo-recent-header h1{font-size: 24px;}
	.photo_recent .photo-recent-header h1::after{right: -22px; top: 2px; width: 10px; height: 11px;}
	.photo_recent .photo-recent-header p{font-size: 13px; margin-top: -1px;}
	.photo_recent .photo-recent-main-slider{margin-bottom: 19px; position: static; margin-top: 0;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-remote{width: auto; left: auto; bottom: 40px; margin-right: 20px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-slider-box{flex-direction: column;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-image{width: 100%;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-image-inner{padding-bottom: 58.7%;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-content{width: 100%; padding: 0; margin-top: 8px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-content h1{font-size: 16px; line-height: 24px; -webkit-line-clamp: 1; margin-top: 10px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-content p{font-size: 12px; line-height: 20px; color: #555555; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.photo_recent .inner{left: 0; display: none;}
	.photo_recent .photo-recent-main-slider .photo-recent-remotebox button{width: 35px; height: 35px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-remote .current,
	.photo_recent .photo-recent-main-slider .photo-recent-main-remote .total{font-size: 12px;}
	.photo_recent .photo-recent-main-slider .slick-dots{margin: 0 10px 0 12px; width: 100px;}
	.photo_recent .photo-recent-main-slider .slick-dots li{width: 20px;}
	.photo_recent .photo-recent-main-slider .photo-recent-main-remote .photo-recent-remote-left{margin-top: 0; top: 1px;}
}