@charset "UTF-8";

/* 유튜브 게시판 메인 썸네일 */
  .box_top{position: relative;margin-bottom:40px;/*margin-top: 48px;*/padding: 25px 40px 20px;background: #faf0e7 url(/_res/mediacom/img/sub/bg_bar_greeting.gif) no-repeat 43px 20px;line-height: 150%;}
  .box_top .txt_tit_p {width: 100%;font-size: 23px;color: #494746;line-height: 140%;}
  .swiper-main .swiper-slide {padding-bottom:72%;margin:0 0 20px;}
  .swiper-main .swiper-slide .thumbnail-frame {position:absolute;width:100%;height:100%;left:0px;top:0px;}
  .swiper-main .swiper-slide .thumbnail-frame img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width:100%;height:100%;}
  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap{position:relative;width:100%;height:100%;background: #000;overflow:hidden;}
  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap .video-frame{position:relative;width:100%;height:100%;}
  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap .video-frame .youtube-thumbnail {display: block;position: absolute;top: 0;left: 0;z-index: 10;max-width: 100%;width: 100%;height: 100%;object-fit: cover;transform:none;}
  .swiper-main .swiper-slide .thumbnail-frame .link-wrap .youtube-play-btn {display: block;position: absolute;top: 50%;left: 50%;z-index: 10;width: 114px;height: 79px;transform: translate(-50%,-50%);background: url("/_res/test/img/comm/btn-sub-play.png") no-repeat center center/cover;}

  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap .video-frame iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap .video-frame .video-control > span{font-size:0;visibility:hidden;text-indent:-9999999px;opacity:0;line-height:0;}
  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap #ytp-video-box{width:100%;padding-bottom:0!important;height: 60vh !important;}
  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap .inline-YTPlayer{max-width:100%!important;}
  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap .mbYTP_wrapper iframe{margin-left:0!important;left: 50%!important;transform: translateX(-50%);min-width: 200%;min-height: calc(100% + 330px)!important;/*margin-left:0!important;margin-top:0!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%);*/}
 
  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap{position:absolute;width:100%;height:100%;left:0px;top:0px;}
  .swiper-main .swiper-slide .thumbnail-frame .main-video-wrap img {width:100%;height:100%;}

  /* 유튜브 게시판 하단 썸네일 */
  .swiper-thumbnail-wrap {position:relative;margin-bottom:30px;padding-bottom:40px;}
  .swiper-thumbnail-wrap .swiper-slide {opacity:0.6;}
  .swiper-thumbnail-wrap .swiper-slide.swiper-slide-thumb-active {opacity:1;}
  .swiper-thumbnail-wrap .btn-control-wrap {position:absolute;width:100%;top:40%;transform:translateY(-50%);z-index:100;}
  .swiper-thumbnail-wrap .btn-control-wrap .swiper-button-prev {width:45px;height:45px;left:-3%;border-radius:50%;background:url("/_res/test/img/comm/slide-btn-prev.png")no-repeat center center / 19% #dbdbdb;}
  .swiper-thumbnail-wrap .btn-control-wrap .swiper-button-next {width:45px;height:45px;right:-3%;border-radius:50%;background:url("/_res/test/img/comm/slide-btn-next.png")no-repeat center center / 19% #dbdbdb;}
  .swiper-thumbnail-wrap .btn-control-wrap .swiper-button-next:after, .swiper-thumbnail-wrap .btn-control-wrap .swiper-button-prev:after {display:none;}
  .swiper-thumbnail-wrap .swiper-pagination {position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;bottom:0px !important;}
  .swiper-thumbnail-wrap .swiper-pagination .swiper-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width:15px;height:15px;vertical-align:middle;}
  .swiper-thumbnail-wrap .swiper-pagination .swiper-pagination-bullet-active {background:#a71a2b;}
  .swiper-thumbnail-wrap .thumbnail-img-box{padding-top:75.25%;height:0px;position:relative;overflow:hidden;}
  .swiper-thumbnail-wrap .thumbnail-img-box img {position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);}
@media screen and (max-width :768px) {
	.main-video-wrap .video-control{right:20px;bottom:20px;}
}

@media screen and ( max-width:480px ) {
    .main-video-wrap #ytp-video-box{width:100%;padding-bottom:0!important;height: 60vh !important;}
	.main-video-wrap .video-frame iframe{position: absolute;width:100%;height:calc(100% + 24.63%);top:-20px;left: 50%;transform: translateX(-50%);pointer-events:none;}
	
	
}