@charset "utf-8";

/* 최근게시물 (유튜브) */
.ws_latest_youtube_wrap {position:relative}
.ws_latest_youtube_wrap:before,
.ws_latest_youtube_wrap:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.ws_latest_youtube_wrap .es_title {display:block;height:40px;margin-bottom:10px;font-size:1.6em;line-height:40px;letter-spacing:-0.5px}
.ws_latest_youtube_wrap .es_title a {display:inline-block;color:#000}
.ws_latest_youtube_wrap .es_more {display:block;position:absolute;top:4px;right:0;width:90px;height:32px;border-radius:50px !important;background-color:#E2E4E6;color:#333;text-align:center;font-weight:bold;font-size:14px;line-height:32px}
.ws_latest_youtube_wrap .es_more:hover {color:#777}
.ws_latest_youtube_wrap .es_content_area {}
.ws_latest_youtube_wrap .es_content_area .bs_list_box {display:block;position:relative;margin-top:20px}
.ws_latest_youtube_wrap .es_content_area .bs_list_box:last-child {margin-bottom:0}
.ws_latest_youtube_wrap .es_content_area .bs_list_box:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.ws_latest_youtube_wrap .es_content_area .bs_list_box a {display:block;overflow:hidden}
.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_image_field {display:block;float:left;width:160px;height:90px;border-radius:10px !important}
.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_image_field img {max-width:100%;width:100%;height:100%;border-radius:5px !important}
.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_desc_field {position:relative;float:left;width:calc(100% - 160px);padding-left:20px}
.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_desc_field .ss_label {color:#FF0000;font-size:2em}
.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_desc_field .ss_subject {display:block;height:44px;color:#000;font-weight:500;font-size:1.3em;line-height:1.4em;letter-spacing:-0.5px;word-break:keep-all;overflow:hidden}
.ws_latest_youtube_wrap .es_content_area .bs_list_box:hover .is_desc_field .ss_subject {text-decoration:underline}
.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_desc_field .ss_notice {}
.ws_latest_youtube_wrap .es_content_area .bs_first_box .is_image_field {width:400px}
.ws_latest_youtube_wrap .es_content_area .bs_first_box .is_image_field  img {max-width:100%}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MAX DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {

}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_latest_youtube_wrap .es_title {font-size:1.3em}
	.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_image_field {width:125px;height:70px}
	.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_desc_field .ss_subject {height:40px;font-size:1.1em}
}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 이상) 768px 이상 */
@media all and (min-width:768px) {

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {

}
/* MEDIA (큰화면 데스크탑 이상) 1280px 이상 */
@media all and (min-width:1280px) {

}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {

}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_image_field {width:124px;height:70px}
	.ws_latest_youtube_wrap .es_content_area .bs_list_box .is_desc_field {width:calc(100% - 124px)}
}