/* °øÅë 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 .logo_youtube { position:relative; overflow:hidden; float:left; display:inline-block; }
.board_youtube .board_list .youtube_search .logo_youtube img { height:24px; float:left; }
.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:25px; padding:0px 5px; 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:15px 0px; overflow:hidden; text-align:center; }
.board_youtube .list_footer .page_navigation a { width:25px; height:25px; margin:0px 5px; line-height:23px; font-size:14px; 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; }


/* ¸ñ·Ï(GALLERY) CSS */
.board_youtube .board_list .youtube_list_gallery { position:relative; overflow:hidden; border-bottom:1px solid #ddd;  }
.board_youtube .board_list .youtube_list_gallery > ul { position:relative; overflow:hidden; }
.board_youtube .board_list .youtube_list_gallery > ul > li { position:relative; width:23.8%; margin-right:1.6%; margin-bottom:30px; overflow:hidden; float:left; }
.board_youtube .board_list .youtube_list_gallery > ul > li:nth-child(4n) { margin-right:0px; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item { position:relative; overflow:hidden; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .thumb_area { position:relative; overflow:hidden; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .thumb_area img.thumb {
  width:100%; height:auto;
  float:left;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1); 
  -o-transform:scale(1);  
  transform:scale(1);
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
}
.board_youtube .board_list .youtube_list_gallery > ul > li:hover .youtube_item .thumb_area img.thumb {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);   
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area { position:relative; min-height:85px; overflow:hidden; padding-top:10px; font-size:13px; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .profile_image { position:absolute; top:10px; left:0px; width:36px; height:36px; overflow:hidden; border:0px solid #000; border-radius:18px; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .profile_image > img { width:36px; height:36px; float:left; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .title { position:relative; overflow:hidden; font-weight:bold; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .title_bottom { position:relative; padding-top:0px; margin-top:5px; overflow:hidden; font-size:11px; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .title_bottom span { display:inline-block }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .title_bottom .nick_name { display:block; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .title_bottom .readed_count { margin-right:7px; float:left; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .title_bottom .regdate { float:left; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .cart_check { position:absolute; bottom:0px; right:0px; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .bookmark_area { position:absolute; top:8px; right:1px; font-size:14px; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .bookmark_area .btn_bookmark { font-size:14px; color:#B4B4B4; cursor:pointer; }
.board_youtube .board_list .youtube_list_gallery > ul > li .youtube_item .content_area .bookmark_area .btn_bookmark_on { color:#DE5345; }

/* ¸ñ·Ï(WEBZINE) CSS */
.board_youtube .board_list .youtube_list_webzine { position:relative; overflow:hidden; border-bottom:1px solid #ddd;  }
.board_youtube .board_list .youtube_list_webzine > ul { position:relative; overflow:hidden; }
.board_youtube .board_list .youtube_list_webzine > ul > li { position:relative; padding:10px 0px; border-top:1px solid #ddd; overflow:hidden; display:block; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item { position:relative; overflow:hidden; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .thumb_area { position:relative; margin-right:20px; overflow:hidden; float:left; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .thumb_area img.thumb {
  width:auto; height:60px;
  float:left;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1); 
  -o-transform:scale(1);  
  transform:scale(1);
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
}
.board_youtube .board_list .youtube_list_webzine > ul > li:hover .youtube_item .thumb_area img.thumb {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);   
  -o-transform:scale(1.1);
  transform:scale(1.1);
}

.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area { position:relative; height:60px; overflow:hidden; font-size:13px; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .profile_image { display:none; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .profile_image > img { width:36px; height:36px; float:left; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .title {
  position:relative; overflow:hidden; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;
}
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .title_bottom { position:relative; padding-top:0px; margin-top:5px; overflow:hidden; font-size:11px; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .title_bottom span { display:inline-block }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .title_bottom .nick_name { margin-bottom:5px; display:block; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .title_bottom .readed_count { margin-right:7px; float:left; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .title_bottom .regdate { float:left; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .cart_check { position:absolute; bottom:0px; right:0px; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .bookmark_area { position:absolute; top:0px; right:1px; font-size:14px; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .bookmark_area .btn_bookmark { font-size:14px; color:#B4B4B4; cursor:pointer; }
.board_youtube .board_list .youtube_list_webzine > ul > li .youtube_item .content_area .bookmark_area .btn_bookmark_on { color:#DE5345; }



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


/* ³»¿ë CSS */
.board_youtube .board_read .read_video_area { position:relative; margin-bottom:0px; overflow:hidden; background:#F6F6F6; }
.board_youtube .board_read .read_video_area > #ytplayer { }
.board_youtube .board_read .read_video_area > iframe { width:100%; float:left; }
.board_youtube .board_read .read_header { padding-top:0px; border-top:1px solid #ddd; }
.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 { display:none; }
.board_youtube .board_read .read_footer .sign { margin-bottom:20px; }


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