@charset "utf-8";

.video-wrap .titleText {margin-bottom:4rem;}
.video-wrap .titleText:after {content:'';display:inline-block;width:19.3rem;height:10.7rem;background:url(../../../img/seagull2.png) no-repeat center/contain;position:absolute;margin-top:-7rem;margin-left:2rem;}

.movie-latest-wrap {	width: 100%;
	display:flex;
	justify-content: space-between;}
.main-video {
	width:53%;
}


.video-wr {width:43%;}
.main-youtube {
	position: relative;
	padding:2.5rem;border-radius:2rem;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border:4px solid #ecf7fd;
}
.main-youtube .thumb-wrap {
	display: inherit;
	width:100%;
	aspect-ratio: 639/360;
	border-radius: 1.5rem;
	cursor:pointer;
	position:Relative;
	filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.1));
	transition:all 0.4s;
}
.main-youtube .thumb-wrap:after {
	content:'';
	display:block;
	background:rgba(0,0,0,0.1);
	width:100%;height:100%;
	position:absolute;left:0;top:0;
	pointer-events:none;
	border-radius: 1.5rem;
	transition:all 0.4s;
}
.main-youtube:hover .thumb-wrap:after {
	background:rgba(0,0,0,0);
}

.main-youtube:hover .main-subject {
	color:var(--mc1);
}
/* .main-youtube  .thumb-wrap:before {
	content:'';
	display:block;
	width:8.5rem;height:9.1rem;
	background:url('../../../img/play.png')no-repeat center/contain;
	position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	z-index: 10;
  pointer-events:none;
} */

.main-youtube .main-info {
}
.main-youtube .main-subject {
	font-weight: 700;
	font-size: 2.2rem;

	letter-spacing: -0.025em;
	color: #202020;
	display:block;
	margin:2rem 0;

	/* 한 줄 자르기 */
	overflow: hidden;
	text-overflow: ellipsis;

	/* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	line-height: 1.4;

	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.main-youtube .main-tag {
	text-align: left;
	margin: 2rem 0 1rem 0;
}

.main-tag {
	
width:100%; display:flex

}

.main-tag span {
font-weight: 600;
font-size: 1.3rem;
letter-spacing: -0.025em;
color: #555;
background: #eee;
border-radius: 1.5rem;
padding:0.7rem 1rem;
margin-right:1rem;
white-space: nowrap;
}

.video-wr {
	display:flex;flex-direction: column;justify-content: space-between;
	background:transparent !important;

}
.video-wr .youtube {height:15rem;margin-bottom:1.5rem;width:100%;display:flex;align-items: center;overflow: hidden;
	background:#fff;border:#f2f2f2;border-radius:2rem;padding:2rem 4rem 2rem 2rem;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.video .youtube {
}
.video .youtube:last-child {
	margin-right: 0;
}
.video .youtube .thumb-wrap {
	margin-right:2rem;
	height:100%;
	aspect-ratio: 639/360;
	border-radius:0.8rem;
	overflow: hidden;
	filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.1));
	transition:all 0.4s;
}

.video-wr .video .youtube:hover .info-wrap h3 {color:var(--mc1)}
.video-wr .video .youtube .thumb-wrap {cursor:pointer;}

.video-wr .plus-btn {cursor:pointer;background:var(--mc2);color:#fff;width:8rem;height:8rem;border-radius:50%;font-size:6rem;font-weight:300;text-align: center;line-height:8rem;margin:-2.5rem auto 0;transition:all 0.4s;}
.video-wr .plus-btn:hover {background:var(--mc1);}
.video-wr .info-wrap {width:calc(100% - 20rem)}
.video-wr .info-wrap h3 {cursor: pointer;
font-size:1.8rem;color:#202020;
font-weight:700;margin-bottom:2rem;
/* 한 줄 자르기 */
overflow: hidden;
text-overflow: ellipsis;

	/* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	line-height: 1.4;
	height:2.8em;

	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;


}

.video .youtube .thumb-wrap:after {
	content:'';
	display:block;
	background:rgba(0,0,0,0.1);
	width:100%;height:100%;
	position:absolute;left:0;top:0;
	pointer-events:none;
	border-radius: 1rem;
	transition:all 0.4s;
}
.video .youtube:hover .thumb-wrap:after {
	background:rgba(0,0,0,0);
}


/* .video .youtube .thumb-wrap:before {
	content:'';
	display:block;
	width:6rem;height:6.4rem;
	background:url('../../../img/play.png')no-repeat center/contain;
	position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	z-index: 10;
  pointer-events:none;
} */


/* 유튜브모달팝업 */


.movie-wrap {
	display:none;
	width:100%;height:100%;
	position:fixed;
	top:0;left:0;
	z-index: 9999999999;
  }
  .mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index: 999999998;
  }

  .close-btn{
	position:absolute;
	right:5%;
	top:5%;
	color:#fff;
	z-index: 9999999999;
	font-size:3rem;
  }

  #player {
	position:absolute;
	left:50%;
	top:50%;
	aspect-ratio: 16/9;
	transform:translate(-50%,-50%);
	z-index: 999999999;
  }

  .picture-wrap {
	display:none;
	width:100%;height:100%;
	position:absolute;
	top:0;left:0;
	z-index: 9999999999;
  }

  .pic-wrap {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index: 999999999;
  }
  .pic-wrap img {
	max-width:100%;
  }