@charset "utf-8";
/* youtube_list — 공통(css/board.css)에 없는, 이 스킨만의 규칙 */


.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% var(--blue-61);border-color:var(--blue-52);border-radius:3px}

#bo_gall .gall_img {position:relative; border-bottom:1px solid var(--gray-93);text-align:center; /*max-height:200px;*/overflow:hidden}
/* 유튜브 썸네일은 16:9 로 맞춘다. 고해상도가 없어 4:3 그림(위아래 검은 띠)으로 바뀐 칸도 같은 크기로 잘라 보인다 */
#bo_gall .gall_img img {display:block; width:100%; aspect-ratio:16/9; object-fit:cover}

#bo_gall .gall_img img:hover {/* transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); */}

#bo_gall .gall_img video:hover {/* transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); */}

.playbt{display:block; width:100%; height:50%; position:absolute; top:0;  left:0; margin-top:20%; font-size:2em; z-index:99; border:0px solid red;}

.playbt i{font-size:2em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}

#bo_gall .gall_img a:hover .playbt i{color:var(--red-50);}

@media screen and (max-width: 480px) {	
	.playbt{font-size:1.3em; margin-top:27%;}
}


#bo_gall .gall_text_href {margin:0px 0; padding:10px; background-color:var(--gray-96)}

#bo_gall .gall_text_href a {font-weight:bold}

#bo_gall .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:var(--purple-65);background:none;text-align:center; border-radius:2px;margin-left:5px;vertical-align:middle; margin-top:3px;}

#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid var(--gray-87);border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}

#bo_v_file li i {float:left;color:var(--gray-70);font-size:2.35em;margin-right:20px}


#bo_v_img {width:100%;overflow:hidden;zoom:1}

#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_vc article .cm_wrap {float:left;max-width:100%;width:90%;}