@charset "utf-8";

/* Portfolio */
.portfolio-item_mov_one_new {margin-bottom:30px;}
#portfolio-flters_mov_one_new {padding:0;margin:0 auto 25px auto;list-style:none;text-align:center;border-radius:50px;padding:2px 15px;}
#portfolio-flters_mov_one_new li {cursor:pointer;display:inline-block;padding:7px 10px;border:1px solid #eeeline-height:1;text-transform:uppercase;color:#444;margin-bottom:5px;transition:all 0.3s ease-in-out;border-radius:5px;}
#portfolio-flters_mov_one_new li:hover {color:#959595;background:#eee;}
#portfolio-flters_mov_one_new li.filter-active_mov_one_new {color:#fff;background:#666;border:1px solid #eee;}
#portfolio-flters_mov_one_new li:last-child {margin-right:0;}
@media (max-width:768px) {
  #portfolio-flters_mov_one_new {padding:0;margin:0 auto 25px auto;list-style:none;text-align:center;border-radius:50px;padding:2px 15px;}
  #portfolio-flters_mov_one_new li {cursor:pointer;display:inline-block;padding:8px 6px;font-size:12px;line-height:1;text-transform:uppercase;color:#444;margin-bottom:5px;transition:all 0.3s ease-in-out;border-radius:5px;}
}

.portfolio-wrap_mov_one_new {transition:0.3s;position:relative;overflow:hidden;z-index:1;border-radius:10px;}

.portfolio-info_mov_one_new {display:flex;flex-direction:column;}
.portfolio-info_mov_one_new h4 {font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 0 0 0;}

.portfolio-info_mov_one_new .gall_info {line-height:1.5em;line-height:20px}
.portfolio-info_mov_one_new .gall_info strong {display:inline-block;margin:0}
.portfolio-info_mov_one_new .gall_info i {font-size:12px}
.portfolio-info_mov_one_new .gall_info .gall_date,
.portfolio-info_mov_one_new .gall_info .gall_view {display:inline-block;margin-left:10px;color:#777}

.portfolio-wrap_mov_one_new img {transition:0.3s;}
.portfolio-wrap_mov_one_new:hover img {transform:scale(1.1);}


/* 동영상 재생 추가 */
/* 16:9 비율 유지 */
.thumbnail-container {position:relative;width:100%;padding-top:56.25%; /* 16:9 비율 */ overflow:hidden;}
.thumbnail-image, .video-preview-container {position:absolute;top:0;left:0;width:100%;height:100%;}
.thumbnail-image img {width:100%;height:100%;object-fit:cover;}
.preview-video {width:100%;height:100%;object-fit:cover;}
/* 동영상 플레이어 설정 */
.video-player {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:2;}
.video-player iframe {width:100%;height:100%;border:none;}
.video-player video {width:100%;height:100%;object-fit:contain;}
.video-player {position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:100;}
.portfolio-wrap_mov_one_new {position:relative !important;overflow:hidden !important;}
.portfolio-wrap_mov_one_new {position:relative;overflow:hidden;width:100%;aspect-ratio:16/9; /* Modern browsers */}

/* wr_10 유튜브 입력시 shorts 사이즈 적용 */
.yt-basic {display:block;width:100%;aspect-ratio:16/9;border:none; }
.yt-shorts {display:block;width:100%;max-width:540px;aspect-ratio:9/16;border:none;}

/* 카테고리 */
.portfolio_ca {position:absolute;top:5px;right:5px;background-color:var(--color-secondary);padding:3px 5px;color:#fff;font-size:12px;z-index:3;}
.portfolio-wrap a:focus, .portfolio-wrap a:link, .portfolio-wrap a:visited, .portfolio-wrap a:hover, .portfolio-wrap a:active {color:#fff;}