/* class_component */
#header .page_name_box .icon_page_name{margin-left: -1px;}
/* **************************** S:class_component **************************** */
.search_component{width: 100%;background-color: var(--color-ivory2);}
/* **************************** //E:search_component  **************************** */

.search_component .class_list_wrap{width: 100%;padding-top: 89px;background-color: var(--color-ivory2);}
.search_component .class_list_wrap.has_filter{padding-top: 137px;}
.search_component .class_list_hd{}
.search_component #classfixedHd{position: fixed;left: 40px;top: 0;right: 0;z-index: 50;width: calc(100% - 40px);}
.search_component .class_list_hd .hd_inner{display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 8px;width: 100%;padding: 12px 16px;box-sizing: border-box;background-color: var(--color-ivory2);position: relative;}
.search_component .class_list_hd .hd_inner::after{content: '';display: none;width: 100%;height: 1px;background-color: var(--color-gray3);position: absolute;left: 0;bottom: 0;right: 0;}

.search_component .class_list_wrap.has_result .class_list_hd .hd_inner{justify-content: space-between;}
.search_component .class_list_wrap.has_result .class_list_hd .hd_inner::after{display: block;}

.search_component .class_list_wrap.has_filter .class_list_hd .hd_inner{justify-content: space-between;}
.search_component .class_list_wrap.has_filter .class_list_hd .hd_inner::after{display: block;}


.search_component .class_list_hd .list_count_box{flex: 0 0 auto;}
.search_component .class_list_hd .list_count_box .list_count{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-21);color: var(--color-black1);letter-spacing: 0.005em;}
.search_component .class_list_hd .list_count_box .list_count .count_sta{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-21);color: var(--color-black1);letter-spacing: 0.005em;}
.search_component .class_list_hd .list_util_box{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 10px;}

.search_component .class_list .class_item{background-color: var(--color-ivory2);border-bottom: 1px solid var(--color-gray2);box-sizing: border-box;}
.search_component .class_list .class_item:nth-child(odd){background-color: rgba(252, 251, 250, .5);}
.search_component .class_list .class_item .item_inner{display: block;width: 100%;padding: 16px 0 24px 16px;box-sizing: border-box;}
.search_component .class_list .class_item .item_thumb_box{}
.search_component .class_list .class_item .item_thumb_box .thumb_img_box{width: 100%;height: 0;padding-top: 61.82%;position: relative;overflow: hidden;}
.search_component .class_list .class_item .item_thumb_box .thumb_img_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.search_component .class_list .class_item .item_thumb_box .thumb_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.search_component .class_list .class_item .item_desc_box{}
.search_component .class_list .class_item .item_thumb_box + .item_desc_box{margin-top: 16px;}
.search_component .class_list .class_item .item_loca_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.search_component .class_list .class_item .item_loca_box .item_loca_tit{flex: 0 0 auto;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-16);color: var(--color-red1);letter-spacing: 0.04em;-webkit-text-stroke-width: 0.4px;}
.search_component .class_list .class_item .item_loca_box .item_loca_info{padding-left: 6px;position: relative;font-size: var(--fs-13);font-weight: 600;line-height: var(--lh-16);color: var(--color-red1);letter-spacing: 0.02em;display: -webkit-box;white-space: normal;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.search_component .class_list .class_item .item_loca_box .item_loca_info::before{content: '';display: block;width: 1.5px;height: calc(100% - 6px);background-color: var(--color-red1);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.search_component .class_list .class_item .item_subject_box{}
.search_component .class_list .class_item .item_loca_box + .item_subject_box{margin-top: 2px;}
.search_component .class_list .class_item .item_subject_box .item_subject{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-black1);letter-spacing: -0.01em;word-break: keep-all;}

.search_component .class_list .class_item .item_teacher_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.search_component .class_list .class_item .item_subject_box + .item_teacher_box{margin-top: 16px;}
.search_component .class_list .class_item .item_teacher_box .item_teacher_name{flex: 0 0 auto;font-size: var(--fs-13);font-weight: 600;line-height: var(--lh-16);color: var(--color-gray5);letter-spacing: 0.01em;}
.search_component .class_list .class_item .item_teacher_box .item_teacher_info{padding-left: 6px;position: relative;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-16);color: var(--color-gray5);letter-spacing: 0.01em;display: -webkit-box;white-space: normal;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.search_component .class_list .class_item .item_teacher_box .item_teacher_info::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.search_component .class_list .class_item .item_date_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.search_component .class_list .class_item .item_teacher_box + .item_date_box{margin-top: 4px;}
.search_component .class_list .class_item .item_date_box .item_date{flex: 0 0 auto;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-16);color: var(--color-gray5);letter-spacing: 0.01em;}
.search_component .class_list .class_item .item_date_box .item_time{padding-left: 6px;position: relative;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-16);color: var(--color-gray5);letter-spacing: 0.01em;display: -webkit-box;white-space: normal;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.search_component .class_list .class_item .item_date_box .item_time::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.search_component .class_list .class_item.no_item{background-color: var(--color-ivory2) !important;border-bottom: 0;}
.search_component .class_list .class_item.no_item .item_inner{padding: 180px 16px;display: flex;align-items: center;justify-content: center;}
.search_component .class_list .class_item.no_item .no_item_box{}
.search_component .class_list .class_item.no_item .noitem_icon_box{line-height: 0;text-align: center;}
.search_component .class_list .class_item.no_item .icon_no_filter{display: inline-block;width: 47px;height: 38px;pointer-events: none}
.search_component .class_list .class_item.no_item .icon_no_filter svg{width: 100%;height: 100%;}
.search_component .class_list .class_item.no_item .icon_no_keyword{display: inline-block;width: 48px;height: 41px;pointer-events: none}
.search_component .class_list .class_item.no_item .icon_no_keyword svg{width: 100%;height: 100%;}

.search_component .class_list .class_item.no_item .noitem_desc_box{text-align: center;}
.search_component .class_list .class_item.no_item .noitem_icon_box + .noitem_desc_box{margin-top: 20px;}
.search_component .class_list .class_item.no_item .desc_tit{font-size: var(--fs-13);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);}
.search_component .class_list .class_item.no_item .desc_tit .keyword_sta{display: inline-block;}
.search_component .class_list .class_item.no_item .desc_txt{font-size: var(--fs-13);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray7);}