/* 메인 중간 배너 start*/
/* .middle_banner_inner{ margin-top: 60px; }		타이틀이 없어서 간격이 좁아보인다고 하여 아래값으로 수정. 20220325. 마정용 */
.middle_banner_inner{ margin-top: 73px; }
.middle_banner_inner .link .middle_banner_img{ width:100%;max-width:1248px; }
/* 메인 중간 배너 end */

/* 수강신청 no data 영역 start */
.common_content_list .item.course_list_noData{ width:100%;height:160px;text-align:center;padding-top:140px; }
/* 수강신청 no data 영역 end */

/* 모달 레이어 팝업 start */
#div_modal { width:100%;height:100%;display:;position:fixed;z-index:999999;overflow:hidden;background-color:rgba(0,0,0, 0.5); }
#div_modal .layerpop_wrapper { min-width:23%;max-width:50%;min-height:25%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#ffffff;color:#101010;border-radius:5px;letter-spacing: -.5px; }
#div_modal .layerpop_wrapper .content_area { padding:34px 15px;height:45%;font-weight: 500;font-size: 16px;text-align:center; }
#div_modal .layerpop_wrapper .btn_area { padding:10px 0px }
#div_modal .layerpop_wrapper .btn_area .btn_list { text-align:center; }
#div_modal .layerpop_wrapper .btn_area .btn_list .btn_apply { border-radius:5px;font-weight: bold;font-size: 14px;background-color:#ecac00;padding:10px 30px;;line-height:40px;text-align:cener;color:#ffffff; }
#div_modal .layerpop_wrapper .btn_area .btn_list .btn_close { border-radius:5px;font-weight: bold;font-size: 14px;background-color:#ecac00;padding:10px 30px;;line-height:40px;text-align:cener;color:#FFFFFF; }
/* 모달 레이어 팝업 end */


/* 수강신청 top banner 신청영역 start - 20220307. 마정용 */
.main_top_banner_area.course_top_banner { height:180px; }
/* 수강신청 top banner 신청영역 end - 20220307. 마정용 */

/* top 메뉴 우측 마이페이지 버튼 클릭시 layer popup start - 20220308. 마정용*/
.top_my_page_wrapper { position:relative;width:203px;text-align:right; }
.top_my_page_wrapper .top_my_page_menu {    
	display: none;
    position: absolute;
    top: 41px;
    font-size: 14px;
    left: -40px;
    min-width: 140px;
    padding: 10px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    z-index: 100;
}
.top_my_page_wrapper .top_my_page_menu .menu_list { width:100%; }
.top_my_page_wrapper .top_my_page_menu .menu_list .item { padding:10px 10px;cursor:pointer; }

.top_my_page_wrapper .top_my_name_outer { width:150px;height:38px;float:left;display:table;text-align:right;right:0; }
.top_my_page_wrapper .top_my_name_outer .top_my_name_inner { display:table-cell;vertical-align:middle;font-size: 13px;font-weight: 600;color: #8d8d8d; }

.top_my_page_wrapper .top_my_sub_menu { display:inline-block;text-align:left; }
/* top 메뉴 우측 마이페이지 버튼 클릭시 layer popup end - 20220308. 마정용*/

/* 마이페이지 - 시청내역 - 20220310. 마정용 */
.recent_watched_list .item_label { display: block;position: relative;height: 107px;padding: 10px; }
.recent_watched_list .subtitle_area { display: block;display: -webkit-box;overflow: hidden;max-height: 40px;line-height: 20px;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold;color: #000000; }
/* 마이페이지 - 시청내역 - 20220310. 마정용 */

/* 마이페이지 - 찜한내역 - 삭제 버튼 영역 start - 20220311. 마정용*/
.my_wish_remove_area { position: absolute;z-index: 100;right: 0;text-align: right;background-color:rgba(0,0,0, 0.5);padding:4px; }
.my_wish_remove_area .my_wish_remove_img { width:30px;height:30px; }
/* 마이페이지 - 찜한내역 - 삭제 버튼 영역 end - 20220311. 마정용*/

/* 발급 버튼 - 20220311. 마정용*/
.certificate_course.btn_area { text-align:center;}
.certificate_course.btn_area .btn{ display: inline-block;width: 60px;font-size: 14px;font-weight: bold;color: #fff;background-color: #000000;line-height: 30px;vertical-align: top;text-align:center;right:0; }


/* 게시판 검색 영역 select box start - 20220311. 마정용 */
.bbs_search_area { position:relative;width:100%;text-align:center;padding-top:40px; }
.bbs_search_area .form_area { margin:0 auto; }
.bbs_search_area .input_text.type_select{
	display: inline-block;
	height: 38px;
	padding-left: 12px;
	padding-right: 38px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -webkit-calc(100% - 19px + 8px) 50%;
	background-position: -moz-calc(100% - 19px + 8px) 50%;
	background-position: calc(100% - 19px + 8px) 50%;
	-moz-background-size: 16px 16px;
	background-size: 16px 16px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNjQ2IDQuNjQ2YS41LjUgMCAwIDEgLjcwOCAwTDggMTAuMjkzbDUuNjQ2LTUuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDggMGwtNi02YS41LjUgMCAwIDEgMC0uNzA4eiIvPgo8L3N2Zz4K);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	line-height: 36px;
	outline: 0;
	-webkit-transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	transition: border-color 0.3s;
	vertical-align: top;
	-webkit-appearance: none;
	min-width:120px;
}
.bbs_search_area .form_area .input_area { width:100%; }
.bbs_search_area .form_area .keyword_area { position: relative;width:unset;height: 38px;display:inline-block;padding-left:10px; }
.keyword_area { position: relative;width: 450px;height: 35px; }
.keyword_area .input_text { width: 400px;height: 100%;padding: 0 50px 0 15px;border: 1px solid #eee;background-color: #eee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 13px;color: #000;outline: 0; }
.keyword_area .btn_search { position: absolute;top: 0;right: 0;bottom: 0;z-index: 10;width: 50px; }
.keyword_area .btn_search .icon{ position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 17px;height: 17px;background-position: -235px -120px; }
/* 게시판 검색 영역 select box start - 20220311. 마정용 */

/* 등록 버튼 - 20220311. 마정용*/
.regist_area.btn_area { text-align:right;padding-bottom:20px; }
.regist_area.btn_area .btn{ display: inline-block;width: 80px;font-size: 16px;font-weight: bold;color: #fff;background-color: #000000;line-height: 30px;vertical-align: top;text-align:center;right:0; }
/* 등록 버튼 - 20220311. 마정용*/

/* 1:1문의 - 20220312. 마정용 */
.member_area .user_info_area .item .tel { font-size:24px;line-height:-10px; }
.member_area .title_area { font-size: 16px;font-weight: bold; }
.form_area .input_area .input_text.type_select{
	display: inline-block;
	height: 36px;
	padding-left: 12px;
	padding-right: 38px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -webkit-calc(100% - 19px + 8px) 50%;
	background-position: -moz-calc(100% - 19px + 8px) 50%;
	background-position: calc(100% - 19px + 8px) 50%;
	-moz-background-size: 16px 16px;
	background-size: 16px 16px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNjQ2IDQuNjQ2YS41LjUgMCAwIDEgLjcwOCAwTDggMTAuMjkzbDUuNjQ2LTUuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDggMGwtNi02YS41LjUgMCAwIDEgMC0uNzA4eiIvPgo8L3N2Zz4K);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	line-height: 36px;
	outline: 0;
	-webkit-transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	transition: border-color 0.3s;
	vertical-align: top;
	-webkit-appearance: none;
	min-width:120px;
	margin-bottom: 20px;
    background-color: #f8f8f8;
	border: 1px solid #bfbfbf;
}
.input_chk_area { width:100%;position:relative;padding-top:15px; }
.chk_device{ position: relative;top: 2.5px; }
.chk_device_label{ display:inline-block; }
/* 1:1문의 - 20220312. 마정용 */

/* top search 영역 - 20220313. 마정용 */
#search_frm { height:35px; }
.search_nodata { width:100%;height:200px;font-size: 14px;padding-top:150px;text-align:center; }
/* top search 영역 - 20220313. 마정용 */

/* review 등록 영역 - 20220313. 마정용 */
.review_form_wrapper .form_area { padding: 10px 0;border-bottom: 1px solid #e4e4e4; }
.review_form_wrapper .form_area .input_area .input_text { display: inline-block;width: 100%;height: 50px;padding: 0 12px;border: 1px solid #bfbfbf;background-color: #f8f8f8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 16px;vertical-align: middle; }
.common_modal.type_evaluation .complete_info_area { padding:20px; }
.common_modal.type_evaluation .review_area .swiper_area { margin:20px -40px 0; }
.common_modal.type_evaluation .content_area { padding:20px 40px; }
/* review 등록 영역 - 20220313. 마정용 */

/* mypage 공지사항 - 20220314. 마정용 */
#content .inner .info_title { font-size:18px; }
#content .inner .info_content_area { margin-top:15px;font-size: 14px;}
/* mypage 공지사항 - 20220314. 마정용 */

/* mypage 과정명 표시 - 20220314. 마정용*/
#content > .inner .course_title { font-size:18px; }
/* mypage 과정명 표시 - 20220314. 마정용*/

/* course qna - 20220315. 마정용 */
.qna_regist_area { margin:0 auto; }
.qna_regist_area .form_area{ padding:30px 0;border-bottom:1px solid #e4e4e4; }
.qna_regist_area .input_area .input_label { float: left;width: 120px;font-size: 16px;font-weight: bold;line-height: 50px; }
.qna_regist_area .input_area .input_text { display: inline-block;width: 80%;height: 50px;padding: 0 12px;border: 1px solid #bfbfbf;background-color: #f8f8f8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 16px;vertical-align: middle; }
.notice_detail_area .btn_area .btn.width100 { width:100px; }
/* course qna - 20220315. 마정용 */

/* find id - 20220317. 마정용 */
.find_idpw_area .form_area.input_form { margin-top:unset;padding: 30px 0;border-top:unset;border-bottom: 1px solid #e4e4e4; }
/* find id - 20220317. 마정용 */

/* 수강신청 - 찜하기 선택 - 20220317. 마정용 */
.register_course_area .lecture_info_area .register_layer .btn_area .btn_default.active { background-color: #01a4ef; color: #ffffff }
/* 수강신청 - 찜하기 선택 - 20220317. 마정용 */

/* 개인정보 수정 - 20220327. 마정용 */
.member_area .info_area .info_label { float: left;width: 120px;font-size: 16px;font-weight: bold; }
.member_area .info_area .span_info { display:inline-block;font-size:16px; }
.member_area .input_area .input_radio_label{ cursor: pointer;font-size: 16px;display: inline-block;line-height: 50px; }
/* 개인정보 수정 - 20220327. 마정용 */

.gnb .sub_list .menu_sub.active {color: #000000;font-weight: 800;}

.lecture_room_list .label_area { position: absolute;top: -1px;right: -1px;width: 80px;font-weight: bold;line-height: 28px;text-align: center;background-color: #F39800;font-size: 14px; }
.lecture_room_list .label_area.my_class_label_green{ background-color: #1FD59C; }
.lecture_room_list .label_area.my_class_label_orange{ background-color: #F39800; }
.lecture_room_list .label_area.my_class_label_gray{ background-color: #b7b7b7; }
.lecture_room_list .label_area.my_class_label_red{ background-color: #ef6bff; }


.span_star { color:#FF0000;font-weight:800;font-size:23px; }
.paddingTop0 { padding-top:0px }
.paddingTop10 { padding: 30px 0 31px 0; }
.paddingTop50 { padding-top:50px }
.paddingRight10 { padding-right:10px; }
.paddingRight20 { padding-right:20px; }
.marginTop0 { margin-top:0px }
.marginTop10 { margin: 10px 0 31px 0; }
.marginTop50 { margin-top:50px }
.marginRight10 { margin-right:10px; }
.marginRight20 { margin-right:20px; }
.marginBottom0 { margin-bottom:0px;}
.cursorPointer { cursor:pointer; }
.paddingBottom0 { padding-bottom:0px }
.paddingBottom10 { padding-bottom:10px }
.textAlignRight { text-align:right;right:0; }
.textAlignLeft { text-align:left; }
.btn_area.textAlignLeft{ text-align:left;margin-top:20px; }
.btn_area.textAlignLeft .filename{ display:inline-block;padding-top:6px; }

.qna_detail_area .btn_area .btn.btn_blue{
    display: inline-block;
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0badf6;
    line-height: 50px;
    vertical-align: top;
}

.btn_area .btn.download{
	display: inline-block;
	width: 150px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9b9b9b;
	line-height: 30px;
	vertical-align: top;
}


/* 게시판 - 목록 */
.bbs_list {
	margin-left: -20px;
	/*
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	*/
}
.bbs_list::after {
	display: block;
	clear: both;
	content: "";
}
.bbs_list .item {
	float: left;
	width: -webkit-calc(50% - 20px);
	width: -moz-calc(50% - 20px);
	width: calc(50% - 20px);
	height: 107px;
	/* padding-top: 20px; */
	padding-left: 20px;
	padding-bottom: 20px;
	
}
.bbs_list .item:nth-child(n-2):not(:last-child) {
	margin-top: 0;
}

.bbs_list .item_link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}
.bbs_list .image_area {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	   -moz-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
}
.bbs_list .info_area {
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	position: relative;
	height: 100%;
	padding: 10px;
    border: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.bbs_list .title_area {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 40px;
	line-height: 20px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	font-size: 13px;
	font-weight: bold;
	color: #101010;
}
.bbs_list .text_area {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 3px;
	color: #1959a5;
    font-weight: 600;
}
.bbs_list .event_info_list {
	margin-top: 3px;
	color: #989898;
}
.bbs_list .event_info_list .title {
	display: inline-block;
	width: 65px;
	color: #434343;
	vertical-align: top;
}
.bbs_list .status_area {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	line-height: 40px;
	text-align: center;
}
.bbs_list .status_area.type_progress {
	background-color: #fc4c4e;
	color: #fff;
}
.bbs_list .status_area.type_done {
	background-color: #e9e9e9;
	color: #5d5d5d;
}

.marginTop0 { margin-top:0px; }


/* 메인 - 뉴스 & 배너 섹션 추가. Start 20220511. 마정용 */
.section_news > .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.section_news .news_area {
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}

.section_news .news_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	/* padding: 25px; */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0px;
}

.section_news .news_list .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-height: 56px;
}

.section_news .news_list .item::before {
	display: none;
	/* display: inline-block; */
	width: 9px;
	height: 9px;
	margin: 0 10px 0 0;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-color: #434343;
	vertical-align: top;
	content: '';
}

.section_news .news_list .item + .item {
	border-top: 1px solid #e1e1e1;
}

.section_news .news_list .category {
	width: 55px;
	margin-right: 10px;
	font-size: 13px;
	color: #1959a5;
    font-weight: 600;
	text-align: justify;
	white-space: nowrap;
}

.section_news .news_list .subject {
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 13px;
	color: #434343;
}

.section_news .news_list .subject .link {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}

.section_news .news_list .date {
	margin-left: 10px;
	color: rgba(67, 67, 67, 0.7);
}

.section_news .banner_area {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	   -moz-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	width: 300px;
	margin-left: 20px;
}

.section_news .banner_area .swiper-pagination {
	right: 0;
	bottom: -20px;
	left: 0;
}

.section_news .banner_area .swiper-pagination-bullet {
	background-color: #a7a7a7;
}

.section_news .banner_area .swiper-pagination-bullet-active {
	background-color: #000;
}
/* 메인 - 뉴스 & 배너 섹션 추가. End. 20220511. 마정용 */

/* 메인 - 패밀리 채널 추가. Start 20220511. 마정용 */
.family_channel_list .image_area {
	overflow: hidden;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.family_channel_list .image_area::before {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.family_channel_list .info_area {
	position: relative;
	padding-top: 10px;
	text-align: center;
}

.family_channel_list .channel_area {
	font-size: 12px;
}

.family_channel_list .slogan_area {
	margin-top: 3px;
	color: #9a50be;
}
/* 메인 - 패밀리 채널 추가. End 20220511. 마정용 */



/* 서브 - 검색결과 추가. Start 20220517. 마정용 */
.search_area {
	position: relative;
}

.search_area .search_title {
	margin-bottom: 20px;
	font-size: 16px;
}

.search_area .search_title em {
	color: #ecac00;
}

.search_area .search_more_link {
	position: absolute;
	top: 4px;
	right: 0;
	color: #434343;
}

.search_area .search_more_link .icon {
	background-position: -169px -112px;
	width: 6px;
	height: 11px;
	margin: 3px 0 0 2px;
}

.search_area + .search_area {
	margin-top: 60px;
}

.search_vod_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.search_vod_list .item {
	width: 50%;
	height: 107px;
	margin-top: 20px;
}

.search_vod_list .item:nth-child(-n + 2) {
	margin-top: 0;
}

.search_vod_list .item_link {
	height: 100%;
}

.search_vod_list .image_area {
	float: left;
}

.search_vod_list .info_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 100%;
	padding: 0 15px;
}

.search_vod_list .title_area {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 40px;
	line-height: 20px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	white-space: normal;
	font-size: 14px;
	font-weight: bold;
	color: #262626;
}

.search_vod_list .tag_area {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 3px;
	color: #ecac00;
}

.search_vod_list .count_area {
	margin-top: 3px;
	color: #000000;
}

.search_posting_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin-left: -18px;
}

.search_posting_list .item {
	width: -webkit-calc(100% / 3 - 18px);
	width: -moz-calc(100% / 3 - 18px);
	width: calc(100% / 3 - 18px);
	height: 85px;
	margin-top: 20px;
	margin-left: 18px;
}

.search_posting_list .item:nth-child(-n + 3) {
	margin-top: 0;
}

.search_posting_list .item_link {
	height: 100%;
}

.search_posting_list .image_area {
	float: left;
}

.search_posting_list .image_area + .info_area {
	border-left: 0;
}

.search_posting_list .info_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 100%;
	padding: 0 15px;
	border: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.search_posting_list .title_area {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	font-weight: bold;
	color: #101010;
}

.search_posting_list .tag_area {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 3px;
	color: #9a50be;
}

.search_posting_list .date_area {
	margin-top: 3px;
	color: #555;
}
/* 서브 - 검색결과 추가. End 20220517. 마정용 */

/* 찜하기 버튼 추가 - 20220518. 마정용 */
.wish.btn_area {
	/* margin-top: 50px; */
	text-align: center;
}

.wish.btn_area .btn {
	display: inline-block;
	width: 200px;
	background-color: #ecac00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	/* line-height: 46px; */
	line-height: 32px;
	text-align: center;
	vertical-align: top;
}

.wish.btn_area .btn.btn_wish{
	background-color: #FFFFFF;
	color: #262626;
    border: 1px solid #EEEEEE;
	width: 120px;
    font-size: 13px;
}

.wish.btn_area .btn.btn_wish.active{
	background-color: #ecac00;
	color: #FFFFFF;
}
/* 찜하기 버튼 추가 - 20220518. 마정용 */


.player_container_area .playlist_area > .title_area .span_title { 
	display:inline-block;
	width:260px;
	padding:0 20px;
	color:#838383;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
}
.player_container_area .playlist_area > .title_area .span_title_sub { display:inline-block;width:260px;padding:0 20px; }