/* 공통 CSS */
.board_youtube { position:relative; line-height:normal; font-size:12px; color:#555; }
.board_youtube ul, .board_youtube ol, .board_youtube li {
  padding:0px; margin:0px; list-style:none;
}
.board_youtube a {
  font-size:12px; color:#555; text-decoration:none;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
}
.board_youtube a:hover { color:#4386FB; text-decoration:none; }
.board_youtube .btn:hover { background:#4386FB; }
.board_youtube .btn_insert { background:#4386FB; }
.board_youtube img { vertical-align:middle; }
.board_youtube i { vertical-align:middle; }
.board_youtube select { background:#fff; }
.board_youtube .list_on { color:#4386FB; background:#F7FAFC; }
.board_youtube .list_on a { color:#4386FB; }


/***********************************************************************************************************************/


/* 목록 공통 CSS */
.board_youtube .youtube_list,
.board_youtube .youtube_list div,
.board_youtube .youtube_list ul,
.board_youtube .youtube_list li {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* 목록(검색) CSS */
.board_youtube .board_list .youtube_search { position:relative; padding:10px; margin-bottom:20px; overflow:hidden; background:#F6F6F6; }
.board_youtube .board_list .youtube_search .total_count { position:relative; overflow:hidden; float:left; line-height:26px; font-size:14px; font-weight:bold; display:inline-block; }
.board_youtube .board_list .youtube_search .keyword_area { position:relative; overflow:hidden; float:right; }
.board_youtube .board_list .youtube_search .keyword_area .select_category {
  height:25px; border:1px solid #A9A9A9; border-radius:3px; display:inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.board_youtube .board_list .youtube_search .keyword_area .input_keyword {
  width:300px; height:26px; padding:0px 8px; border:1px solid #A9A9A9;  border-radius:3px; display:inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* 목록(page_navigation 등) CSS */
.board_youtube .list_footer { position:relative; overflow:hidden; }
.board_youtube .list_footer .page_navigation { position:relative; padding:10px 0px; overflow:hidden; text-align:center; }
.board_youtube .list_footer .page_navigation a { width:100px; height:30px; margin:0px 5px; line-height:29px; font-size:16px; text-align:center; text-decoration:none; background:#F6F6F6; display:inline-block; }
.board_youtube .list_footer .page_navigation a:hover,
.board_youtube .list_footer .page_navigation a.active { color:#fff; text-decoration:none; background:#4386FB; }

/* 목록(LIST) CSS */
.board_list td { vertical-align:middle; }
.board_list td.thumbnail .thumb img { width:100px; float:left; }
.board_list td.title .bookmark_area { position:relative; overflow:hidden; float:right; }
.board_list td.title .bookmark_area .btn_bookmark { color:#B4B4B4; text-align:right; cursor:pointer; }
.board_list td.title .bookmark_area .btn_bookmark_on { color:#DE5345; }


/***********************************************************************************************************************/


/* 내용 CSS */
.board_youtube .board_read .read_video_area { position:relative; margin-bottom:10px; overflow:hidden; background:#F6F6F6; }
.board_youtube .board_read .read_video_area > #ytplayer { width:100%; }
.board_youtube .board_read .read_video_area > iframe { width:100%; float:left; }
.board_youtube .board_read .read_header { padding-top:0px; }
.board_youtube .board_read .read_header > h1 {
  width:100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.board_youtube .board_read .read_header .bookmark_area { position:absolute; top:9px; right:0px; font-size:16px; }
.board_youtube .board_read .read_header .bookmark_area .btn_bookmark { font-size:16px; color:#B4B4B4; cursor:pointer; }
.board_youtube .board_read .read_header .bookmark_area .btn_bookmark_on { color:#DE5345; }

.board_youtube .board_read #btn_show_content { position:absolute; bottom:9px; right:0px; font-size:16px; display:inline-block; }

.board_youtube .board_read .read_header_bottom { position:relative; overflow:hidden; }
.board_youtube .board_read .read_header_bottom .sns_area { position:relative; height:32px; padding:0px 0px 20px 0px; margin:0px 0px; overflow:hidden; border-bottom:1px solid #ddd; }
.board_youtube .board_read .read_header_bottom .sns_area .facebook_like { position:relative; padding:5px 6px; overflow:hidden; border:1px solid #1877F2; border-radius:3px; float:left; background:#1877F2; display:inline-block; }
.board_youtube .board_read .read_header_bottom .sns_area .social_link { position:relative; overflow:hidden; float:right; }
.board_youtube .board_read .read_header_bottom .sns_area .social_link li { position:relative; margin-left:5px; overflow:hidden; float:left; display:inline-block; }
.board_youtube .board_read .read_header_bottom .sns_area .social_link li a { position:relative; overflow:hidden; width:32px; height:32px; border-radius:5px; line-height:32px; font-size:18px; color:#fff; text-align:center; display:block; }
.board_youtube .board_read .read_header_bottom .sns_area .social_link li a.facebook { background-color: #4267B2; }
.board_youtube .board_read .read_header_bottom .sns_area .social_link li a.twitter { background-color: #40bff5; }
.board_youtube .board_read .read_header_bottom .sns_area .social_link li a.google-plus { background-color: #eb5e4c; }
.board_youtube .board_read .read_header_bottom .sns_area .social_link li a img { width:32px; height:32px; float:left; }


.board_youtube .board_read #read_content { }
.board_youtube .board_read .read_footer .sign { margin-bottom:20px; }


/***********************************************************************************************************************/