@charset "UTF-8";

/* class_component */
/* **************************** S:class_component **************************** */
#wrap .wrap_inner{background-color: var(--color-ivory2);}
.class_component{width: 100%;background-color: var(--color-ivory2);}
#wrap #container:has(.class_detail_wrap) ~ #pageTopBtns{bottom: 102px;}
#wrap #container:has(.class_detail_wrap) #footer .ft_inner{padding: 50px 16px calc(50px + 88px);}
/* **************************** //E:class_component  **************************** */

/* **************************** S:class_list **************************** */
.class_component .class_list_wrap{width: 100%;padding-top: 45px;background-color: var(--color-ivory2);}
.class_component .class_list_wrap.has_filter{padding-top: 93px;}
.class_component .class_list_hd{}
.class_component #classfixedHd{position: fixed;left: 40px;top: 0;right: 0;z-index: 50;width: calc(100% - 40px);}
.class_component .class_list_hd .hd_inner{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 8px;width: 100%;padding: 12px 16px;box-sizing: border-box;background-color: var(--color-ivory2);position: relative;}
.class_component .class_list_hd .hd_inner::after{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-gray3);position: absolute;left: 0;bottom: 0;right: 0;}
.class_component .class_list_hd .list_count_box{flex: 0 0 auto;}
.class_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;}
.class_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;}
.class_component .class_list_hd .list_util_box{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 10px;}

.class_component .class_list .class_item{background-color: var(--color-ivory2);border-bottom: 1px solid var(--color-gray2);box-sizing: border-box;}
.class_component .class_list .class_item:nth-child(odd){background-color: rgba(252, 251, 250, .5);}
.class_component .class_list .class_item .item_inner{display: block;width: 100%;padding: 16px 0 24px 16px;box-sizing: border-box;}
.class_component .class_list .class_item .item_thumb_box{}
.class_component .class_list .class_item .item_thumb_box .thumb_img_box{width: 100%;aspect-ratio: 16 / 9;position: relative;overflow: hidden;}
.class_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;}
.class_component .class_list .class_item .item_thumb_box .thumb_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.class_component .class_list .class_item .item_desc_box{}
.class_component .class_list .class_item .item_thumb_box + .item_desc_box{margin-top: 16px;}
.class_component .class_list .class_item .item_loca_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.class_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;}
.class_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;}
.class_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%);}

.class_component .class_list .class_item .item_subject_box{}
.class_component .class_list .class_item .item_loca_box + .item_subject_box{margin-top: 2px;}
.class_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;}

.class_component .class_list .class_item .item_teacher_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.class_component .class_list .class_item .item_subject_box + .item_teacher_box{margin-top: 16px;}
.class_component .class_list .class_item .item_teacher_box + .item_teacher_box{margin-top: 4px;}
.class_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;}
.class_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;}
.class_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%);}

.class_component .class_list .class_item .item_date_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.class_component .class_list .class_item .item_teacher_box + .item_date_box{margin-top: 4px;}
.class_component .class_list .class_item .item_date_box + .item_date_box{margin-top: 3px;}
.class_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;}
.class_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;}
.class_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%);}
/* **************************** //E:class_list  **************************** */



/* **************************** S:class_detail **************************** */
.class_component .class_detail_wrap{word-break: keep-all;}

.class_component .class_detail_wrap .history_back_box{display: inline-block;position: absolute;left: 40px;top: 0;z-index: 10;background-color: transparent;}
.class_component .class_detail_wrap.has_thumb .history_back_box{position: fixed;z-index: 2;}
.class_component .class_detail_wrap .btns_history_back{display: inline-block;width: 11px;height: 20px;padding: 16px;line-height: 0;background-color: transparent;box-sizing: content-box;}
.class_component .class_detail_wrap .btns_history_back .icon_history_back{display: inline-block;width: 100%;height: 100%;pointer-events: none;}
.class_component .class_detail_wrap .btns_history_back .icon_history_back svg{width: 100%;height: 100%;pointer-events: none;}
.class_component .class_detail_wrap .btns_history_back .icon_history_back svg path{stroke: var(--color-gray5);}
.class_component .class_detail_wrap.has_thumb .btns_history_back svg path{stroke: var(--color-gray3);}

.class_component .dtl_thumb_wrap{width: 100%;line-height: 0;position: sticky;left: 0;top: 0;right: 0;z-index: 1;}
.class_component .dtl_thumb_wrap .detail_thumb_box{width: 100%;height: 0;padding-top: 120%;position: relative;overflow: hidden;}
.class_component .dtl_thumb_wrap .detail_thumb_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.class_component .dtl_thumb_wrap .detail_thumb_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.class_component .dtl_info_wrap{width: 100%;line-height: 0;position: relative;z-index: 2;background-color: var(--color-ivory2);}
.class_component .dtl_info_wrap .info_hd{width: 100%;padding: 56px 16px 32px;border-bottom: 1px solid var(--color-gray2);}
.class_component .dtl_thumb_wrap + .dtl_info_wrap .info_hd{padding: 32px 16px;}
.class_component .dtl_info_wrap .info_hd .hd_top{}
.class_component .dtl_info_wrap .info_subject_box{}
.class_component .dtl_info_wrap .info_subject_box .class_subject{font-size: var(--fs-24);font-weight: 500;line-height: var(--lh-30);color: var(--color-black1);letter-spacing: 0.005em;word-break: keep-all;}
.class_component .dtl_info_wrap .info_teacher_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 4px;}
.class_component .dtl_info_wrap .info_subject_box + .info_teacher_box{margin-top: 20px;}
.class_component .dtl_info_wrap .info_teacher_box .teacher_name{flex: 0 0 auto;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black1);}
.class_component .dtl_info_wrap .info_teacher_box .teacher_info{flex: 1 1 0%;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black1);display: -webkit-box;white-space: normal;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

.class_component .dtl_info_wrap .info_teacher_box + .info_schedule_box{margin-top: 4px;}
.class_component .dtl_info_wrap .info_schedule_box .acc_wrap{}
.class_component .dtl_info_wrap .info_schedule_box .acc_box{width: 100%;}
.class_component .dtl_info_wrap .info_schedule_box .acc_hd{width: 100%;box-sizing: border-box;}
.class_component .dtl_info_wrap .info_schedule_box .acc_btns{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;}
.class_component .dtl_info_wrap .info_schedule_box .acc_btns .acc_tit{flex: 0 0 auto;display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black1);letter-spacing: 0.01em;transition: color .45s;}
.class_component .dtl_info_wrap .info_schedule_box .acc_btns .acc_tit.date_tit{font-weight: 400;}
.class_component .dtl_info_wrap .info_schedule_box .acc_btns.opened .acc_tit{color: var(--color-gray4);}

.class_component .dtl_info_wrap .info_schedule_box .acc_btns .icon_acc_arr{flex: 0 0 auto;display: inline-block;width: 8px;height: 8px;line-height: 0;pointer-events: none;transform: rotate(0);transition: transform .45s;}
.class_component .dtl_info_wrap .info_schedule_box .acc_btns.opened .icon_acc_arr{transform: rotate(-180deg);}
.class_component .dtl_info_wrap .info_schedule_box .acc_btns .icon_acc_arr svg{width: 100%;height: 100%;pointer-events: none;}
.class_component .dtl_info_wrap .info_schedule_box .acc_btns .icon_acc_arr svg path{stroke: var(--color-black1);transition: stroke .45s;}
.class_component .dtl_info_wrap .info_schedule_box .acc_btns.opened .icon_acc_arr svg path{stroke: var(--color-gray4);}

.class_component .dtl_info_wrap .info_schedule_box .acc_bd{display: none;padding: 6px 0;}
.class_component .dtl_info_wrap .info_schedule_box .schedule_list_box{}
.class_component .dtl_info_wrap .info_schedule_box .schedule_list{}
.class_component .dtl_info_wrap .info_schedule_box .schedule_item{}
.class_component .dtl_info_wrap .info_schedule_box .schedule_item + .schedule_item{margin-top: 6px;}
.class_component .dtl_info_wrap .info_schedule_box .schedule_item .item_inner{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 10px;}
.class_component .dtl_info_wrap .info_schedule_box .schedule_item .item_date_box{flex: 0 0 128px;}
.class_component .dtl_info_wrap .info_schedule_box .schedule_item .item_date_box .item_date{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black1);letter-spacing: 0.01em;}
.class_component .dtl_info_wrap .info_schedule_box .schedule_item .item_date_box .item_day{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black1);letter-spacing: 0.01em;}
.class_component .dtl_info_wrap .info_schedule_box .schedule_item .item_time_box{flex: 1 1 0%;}
.class_component .dtl_info_wrap .info_schedule_box .schedule_item .item_time_box .item_time{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black1);letter-spacing: 0.01em;}

.class_component .dtl_info_wrap .info_hd .hd_bottom{margin-top: 100px;display: flex;justify-content: flex-end;flex-wrap: nowrap;}
.class_component .dtl_info_wrap .info_price_box{}
.class_component .dtl_info_wrap .class_price_line{display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 12px;}

.class_component .dtl_info_wrap .class_normal_price{}
.class_component .dtl_info_wrap .class_normal_price .desc_cnt{display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 6px;margin-bottom: -6px;}
.class_component .dtl_info_wrap .class_normal_price .desc_cnt_txt{}
.class_component .dtl_info_wrap .class_normal_price .desc_cnt_txt + .desc_cnt_txt{padding-left: 7px;position: relative;}
.class_component .dtl_info_wrap .class_normal_price .desc_cnt_txt + .desc_cnt_txt::before{content: '';display: block;width: 1px;height: calc(100% - 5px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.class_component .dtl_info_wrap .class_normal_price .desc_cnt_txt.ty_flex{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
.class_component .dtl_info_wrap .class_normal_price .icon_person{display: inline-block;width: 12px;height: 12px;pointer-events: none;}
.class_component .dtl_info_wrap .class_normal_price .desc_cnt_txt .desc_txt{font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-14);color: var(--color-gray5);letter-spacing: -0.01em;}
.class_component .dtl_info_wrap .class_normal_price .desc_cnt_txt .number_sta{display: inline-block;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-14);color: var(--color-gray5);letter-spacing: -0.01em;}

.class_component .dtl_info_wrap .class_normal_price .price_cnt{flex: 0 0 auto;}
.class_component .dtl_info_wrap .class_normal_price .price_cnt_txt{}
.class_component .dtl_info_wrap .class_normal_price .price_cnt_txt .price_txt{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 3px;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black1);letter-spacing: 0.015em;}
.class_component .dtl_info_wrap .class_normal_price .price_cnt_txt .price_sta{display: inline-block;font-size: var(--fs-26);font-weight: 500;line-height: var(--lh-32);color: var(--color-black1);letter-spacing: -0.01em;}
.class_component .dtl_info_wrap .class_normal_price .price_cnt_txt .price_won{display: inline-block;margin-bottom: -4px;font-size: var(--fs-15);font-weight: 600;line-height: var(--lh-20);color: var(--color-black1);letter-spacing: 0.015em;}

.class_component .dtl_info_wrap .class_material_price{}
.class_component .dtl_info_wrap .class_material_price .desc_cnt{display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 6px;margin-bottom: -6px;}
.class_component .dtl_info_wrap .class_material_price .desc_cnt_txt{}
.class_component .dtl_info_wrap .class_material_price .desc_cnt_txt + .desc_cnt_txt{padding-left: 7px;position: relative;}
.class_component .dtl_info_wrap .class_material_price .desc_cnt_txt + .desc_cnt_txt::before{content: '';display: block;width: 1px;height: calc(100% - 5px);background-color: var(--color-brown3);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.class_component .dtl_info_wrap .class_material_price .desc_cnt_txt.ty_flex{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
.class_component .dtl_info_wrap .class_material_price .desc_cnt_txt .desc_txt{font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-14);color: var(--color-brown3);letter-spacing: -0.01em;}
.class_component .dtl_info_wrap .class_material_price .desc_cnt_txt .number_sta{display: inline-block;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-14);color: var(--color-brown3);letter-spacing: -0.01em;}

.class_component .dtl_info_wrap .class_material_price .price_cnt{flex: 0 0 auto;}
.class_component .dtl_info_wrap .class_material_price .price_cnt_txt{}
.class_component .dtl_info_wrap .class_material_price .price_cnt_txt .price_txt{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 3px;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-brown3);letter-spacing: 0.015em;}
.class_component .dtl_info_wrap .class_material_price .price_cnt_txt .price_sta{display: inline-block;font-size: var(--fs-26);font-weight: 500;line-height: var(--lh-32);color: var(--color-brown3);letter-spacing: -0.01em;}
.class_component .dtl_info_wrap .class_material_price .price_cnt_txt .price_won{display: inline-block;margin-bottom: -4px;font-size: var(--fs-15);font-weight: 600;line-height: var(--lh-20);color: var(--color-brown3);letter-spacing: 0.015em;}

.class_component .dtl_info_wrap .info_bd{}
.class_component .dtl_info_wrap .info_dtl_cnt{width: 100%;padding: 32px 16px;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box{}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box + .cnt_desc_box{margin-top: 30px;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box .desc_tit_box{}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box .desc_tit_box .desc_tit{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-24);color: var(--color-black1);letter-spacing: 0.015em;word-break: keep-all;}

.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box .desc_txt_box{}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box .desc_tit_box + .desc_txt_box{}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box .desc_txt_box .desc_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);word-break: keep-all;}

.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box .desc_html{}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box .desc_html p{line-height:1.2}

.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box{}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_desc_box + .cnt_curri_box{margin-top: 20px;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_tit_box{}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_tit_box .curri_tit{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-24);color: var(--color-black1);letter-spacing: 0.015em;word-break: keep-all;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_list{border-top: 1px solid var(--color-brown1);}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_tit_box + .curri_list{margin-top: 8px;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_item{border-bottom: 1px solid var(--color-brown1);box-sizing: border-box;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_item + .curri_item{}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_item .item_inner{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 24px;padding: 10px 0;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_item .item_tit_box{flex: 0 0 auto;min-width: 32px;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_item .item_tit{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);word-break: keep-all;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_item .item_txt_box{flex: 1 1 0%;}
.class_component .dtl_info_wrap .info_dtl_cnt .cnt_curri_box .curri_item .item_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);word-break: keep-all;}

.class_component .dtl_info_wrap .info_acc_cnt{}
.class_component .dtl_info_wrap .info_acc_cnt .acc_wrap{}
.class_component .dtl_info_wrap .info_acc_cnt .acc_box{width: 100%;padding: 24px 16px;border-top: 1px solid var(--color-gray2);box-sizing: border-box;background-color: var(--color-ivory2);transition: background-color .45s ease-out;}
.class_component .dtl_info_wrap .info_acc_cnt .acc_box.opened{background-color: var(--color-ivory1);}
.class_component .dtl_info_wrap .info_acc_cnt .acc_hd{width: 100%;box-sizing: border-box;}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 8px;width: 100%;}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns .acc_tit{flex: 1 1 0%;display: inline-block;font-size: var(--fs-19);font-weight: 400;line-height: var(--lh-23);color: var(--color-black1);letter-spacing: -0.01em;text-align: left;}

.class_component .dtl_info_wrap .info_acc_cnt .acc_btns .icon_acc_plus{flex: 0 0 auto;position: relative;display: inline-block;width: 16px;height: 16px;pointer-events: none;}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns .icon_acc_plus .plus_bar{display: inline-block;background-color: var(--color-black1);position: absolute;transition: all .45s ease-out;}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns .icon_acc_plus .plus_bar:nth-child(1){top: 0;left: 50%;width: 1px;height: 100%;background-color: transparent;transform: translateX(-50%) rotate(0) scaleX(1.2);}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns .icon_acc_plus .plus_bar:nth-child(1)::before{content: '';display: block;width: 100%;height: 50%;background-color: var(--color-black1); opacity: 1;position: absolute;top: 0;transition: opacity .25s ease-out;}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns .icon_acc_plus .plus_bar:nth-child(1)::after{content: '';display: block;width: 100%;height: calc(50% - 2px);background-color: var(--color-black1); opacity: 1;position: absolute;bottom: 0;transition: opacity .25s ease-out;}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns .icon_acc_plus .plus_bar:nth-child(2){top: 50%;left: 0;width: 100%;height: 1px;transform: translateY(-50%) rotate(0) scaleY(1.2);}

.class_component .dtl_info_wrap .info_acc_cnt .acc_btns.opened .icon_acc_plus .plus_bar:nth-child(1){transform: translateX(-50%) rotate(90deg) scaleX(1.2);background-color: var(--color-black1);}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns.opened .icon_acc_plus .plus_bar:nth-child(1)::before{opacity: 0;}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns.opened .icon_acc_plus .plus_bar:nth-child(1)::after{opacity: 0;}
.class_component .dtl_info_wrap .info_acc_cnt .acc_btns.opened .icon_acc_plus .plus_bar:nth-child(2){transform: translateY(-50%) rotate(180deg) scaleY(1.2);}

.class_component .dtl_info_wrap .info_acc_cnt .acc_bd{display: none;padding: 12px 0 8px;}

.class_component .dtl_info_wrap .info_acc_cnt .info_master_box{}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_list{}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item{}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item + .master_item{margin-top: 12px;}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item .item_inner{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 12px;}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item .master_thumb_box{flex: 0 0 42%;aspect-ratio: 5 / 6;position: relative;overflow: hidden;}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item .master_thumb_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item .master_thumb_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item .master_desc_box{flex: 1 1 0%;}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item .master_name_box{}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item .master_name_box .master_name{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-24);color: var(--color-black1);letter-spacing: 0.015%;word-break: keep-all;word-break: keep-all;}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item .master_txt_box{}
.class_component .dtl_info_wrap .info_acc_cnt .info_master_box .master_item .master_txt_box .master_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);word-break: keep-all;word-break: keep-all;}

.class_component .dtl_info_wrap .info_acc_cnt .info_class_box{}
.class_component .dtl_info_wrap .info_acc_cnt .info_class_box .info_class_list{}
.class_component .dtl_info_wrap .info_acc_cnt .info_class_box .info_class_item{padding-left: 6px;}
.class_component .dtl_info_wrap .info_acc_cnt .info_class_box .info_class_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray5);word-break: keep-all;}
.class_component .dtl_info_wrap .info_acc_cnt .info_class_box .info_class_txt.dot{padding-left: 8px;position: relative;}
.class_component .dtl_info_wrap .info_acc_cnt .info_class_box .info_class_txt.dot::before{content: '';display: block;width: 3px;height: 3px;background-color: var(--color-gray5);border-radius: 50%;position: absolute;left: 0;top: 9px;}

.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box{}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .info_loca_list{}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .info_loca_item{}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .info_loca_item + .info_loca_item{margin-top: 12px;}

.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_tit_box{}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_tit_box .loca_tit{font-size: var(--fs-19);font-weight: 400;line-height: var(--lh-23);letter-spacing: -0.01em;}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .info_loca_item.outside .loca_tit_box .loca_tit{color: var(--color-red1);}

.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_addr_box{}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_tit_box + .loca_addr_box{margin-top: 2px;}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_addr_box .loca_addr{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);word-break: keep-all;}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .info_loca_item.outside .loca_addr{color: var(--color-red1);}

.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_desc_box{padding-left: 6px;}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_addr_box + .loca_desc_box{margin-top: 12px;}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_desc_box .loca_desc{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray5);word-break: keep-all;}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_desc_box .loca_desc.dot{padding-left: 8px;position: relative;}
.class_component .dtl_info_wrap .info_acc_cnt .info_loca_box .loca_desc_box .loca_desc.dot::before{content: '';display: block;width: 3px;height: 3px;background-color: var(--color-gray5);border-radius: 50%;position: absolute;left: 0;top: 9px;}

.class_component .class_btns_box{position: fixed;left: 40px;bottom: 0;right: 0;z-index: 5;}
.class_component .class_btns_box .btns{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;}
.class_component .class_btns_box .btns .btns_name{display: inline-block;}
.class_component .class_btns_box{position:fixed;left:40px;bottom:0;right:0;z-index:5;height:44px}
.class_component .class_btns_box .btns{display:flex;align-items:center;justify-content:center;width:100%;height:44px}
.class_component .class_btns_box .btns.btns_sign_up{background-color:var(--color-black2);position:relative;z-index:9999}
.class_component .class_btns_box .btns.btns_go_list{background-color:var(--color-brown2);position:absolute;top:0;left:0;right:0;z-index:5;transform:translateY(-100%);opacity:1;visibility:visible;pointer-events:auto;transition:transform .45s ease-out,opacity .3s ease,visibility .3s ease}
.class_component .class_btns_box .btns.btns_go_list.hidden{transform:translateY(100%);opacity:0;visibility:hidden;pointer-events:none}
.class_component .class_btns_box .btns.btns_go_list .btns_name{font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-20);color: var(--color-ivory2);}
.class_component .class_btns_box .btns.btns_sign_up .btns_name{font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray2);}

.class_component .class_btns_box .btns.btns_sign_up .btns_class_pick{display: inline-flex;align-items: center;justify-content: center;width: 47px;height: 44px;position: absolute;top: 0;right: 0;bottom: 0;background-color: var(--color-black2);cursor: pointer;}
.class_component .class_btns_box .btns.btns_sign_up .btns_class_pick .icon_pick{display: inline-block;width: 20px;height: 20px;pointer-events: none;position: relative;}
/* .class_component .class_btns_box .btns.btns_sign_up .btns_class_pick .icon_pick::after{content: '';display: block;width: 1.2px;height: 1.2px;background-color: var(--color-black2);position: absolute;right: 0;bottom: 0;} */
.class_component .class_btns_box .btns.btns_sign_up .btns_class_pick svg{width: 100%;height: 100%;pointer-events: none;color: var(--color-ivory2);}
.class_component .class_btns_box .btns.btns_sign_up .btns_class_pick svg path{fill-opacity: 0;stroke: var(--color-ivory2);stroke-width: 1.2px;transition: fill-opacity .45s;}
.class_component .class_btns_box .btns.btns_sign_up .btns_class_pick.picked svg path{fill-opacity: 1;}

.class_component .class_btns_box .btns.btns_sign_up.no_vacancy .btns_class_pick,
.class_component .class_btns_box .btns.btns_sign_up.no_vacancy{background-color: var(--color-gray6);}

.class_component #classOptWrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 200;pointer-events: none;}
.class_component #classOptWrap .class_opt_inner{width: 100%;height: 100%;pointer-events: none;}
.class_component #classOptWrap .class_opt_inner::after{content: '';display: block;width: 100%;height: 100%;background-color: var(--bg-dark-area2);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 200;pointer-events: none;opacity: 0;transition: opacity .65s;}
.class_component #classOptWrap.opened .class_opt_inner{pointer-events: auto;}
.class_component #classOptWrap.opened .class_opt_inner::after{opacity: 1;pointer-events: auto;}

.class_component #classOptWrap .class_opt_box{width: 100%;background-color: var(--color-ivory2);position: absolute;left: 0;bottom: 0;right: 0;z-index: 201;transform: translateY(100%);transition: transform .75s;}
.class_component #classOptWrap.opened .class_opt_box{transform: translateY(0);}

.class_component #classOptWrap .class_opt_box #btns_optWrapClose{display: inline-block;padding: 8px 16px 16px;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.class_component #classOptWrap .class_opt_box #btns_optWrapClose .btns_bar{display: block;width: 48px;height: 3px;background-color: var(--color-gray3);pointer-events: none;}

.class_component #classOptWrap .class_opt_box .opt_list_box{width: 100%;padding: 32px 16px 24px;box-sizing: border-box;}

.class_component #classOptWrap .class_opt_box .btns.btns_sign_up{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;background-color: var(--color-black2);position: relative;z-index: 6;}
.class_component #classOptWrap .class_opt_box .btns.btns_sign_up .btns_name{display: inline-block;font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray2);}
.class_component #classOptWrap .class_opt_box .btns.btns_sign_up .btns_class_pick{display: inline-flex;align-items: center;justify-content: center;width: 47px;height: 44px;position: absolute;top: 0;right: 0;bottom: 0;z-index: 7;background-color: var(--color-black2);cursor: pointer;}
.class_component #classOptWrap .class_opt_box .btns.btns_sign_up .btns_class_pick .icon_pick{display: inline-block;width: 20px;height: 20px;pointer-events: none;position: relative;}
.class_component #classOptWrap .class_opt_box .btns.btns_sign_up .btns_class_pick .icon_pick::after{content: '';display: block;width: 1.2px;height: 1.2px;background-color: var(--color-black2);position: absolute;right: 0;bottom: 0;}
.class_component #classOptWrap .class_opt_box .btns.btns_sign_up .btns_class_pick svg{width: 100%;height: 100%;pointer-events: none;color: var(--color-ivory2);}
.class_component #classOptWrap .class_opt_box .btns.btns_sign_up .btns_class_pick svg path{fill-opacity: 0;stroke: var(--color-ivory2);stroke-width: 1.2px;transition: fill-opacity .45s;}
.class_component #classOptWrap .class_opt_box .btns.btns_sign_up .btns_class_pick.picked svg path{fill-opacity: 1;}

.class_component #classOptWrap .dropdown_wrap{width: 100%;position: relative;z-index: 10;transition:.3s}
.class_component #classOptWrap .dropdown_box{width: 100%;background-color: var(--color-ivory2);position: relative;}
.class_component #classOptWrap .dropdown_box + .dropdown_box{margin-top: 12px;}
.class_component #classOptWrap .dropdown_box.opened{}
.class_component #classOptWrap .dropdown_box.selected{}
.class_component #classOptWrap .dropdown_box .dropdown_hd{}
.class_component #classOptWrap .dropdown_box .dropdown_btns{display: flex;align-items: center;justify-content: space-between;column-gap: 8px;flex-wrap: nowrap;width: 100%;padding: 8px 16px;border: .7px solid var(--color-gray3);box-sizing: border-box;transition: border-color .3s;}
.class_component #classOptWrap .dropdown_box.opened .dropdown_btns{border-color: var(--color-gray7);border-bottom-color: var(--color-gray3);}
.class_component #classOptWrap .dropdown_box .dropdown_btns .selected_txt{flex: 1 1 0%;display: -webkit-box;font-family: 'CentraNo1';font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-21);color: var(--color-gray6);letter-spacing: 0.0005em;text-align: left;word-break: keep-all;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.class_component #classOptWrap .dropdown_box.selected .dropdown_btns .selected_txt{font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-21);color: var(--color-gray7);letter-spacing: 0.01em;}
.class_component #classOptWrap .dropdown_box .dropdown_btns .icon_acc_arr{flex: 0 0 auto;display: inline-block;width: 12px;height: 12px;line-height: 0;pointer-events: none;transform: rotate(0);transition: transform .45s;}
.class_component #classOptWrap .dropdown_box.opened .dropdown_btns .icon_acc_arr{transform: rotate(-180deg);}
.class_component #classOptWrap .dropdown_box .dropdown_btns .icon_acc_arr svg{width: 100%;height: 100%;pointer-events: none;}
.class_component #classOptWrap .dropdown_box .dropdown_btns .icon_acc_arr svg path{stroke: var(--color-gray6);transition: stroke .45s;}

.class_component #classOptWrap .dropdown_box .dropdown_bd{position: absolute;left: 0;top: 100%;right: 0;z-index: 2;opacity: 0;pointer-events: none;transition: opacity .45s, transform .45s;}
.class_component #classOptWrap .dropdown_box.opened .dropdown_bd{opacity: 1;pointer-events: auto;}
.class_component #classOptWrap .dropdown_box .dropdown_list{width: 100%;max-height: 120px;padding: 8px;background-color: var(--color-ivory2);overflow: hidden;overflow-y: auto;border: .7px solid var(--color-gray3);border-top: 0;box-sizing: border-box;transition: border-color .45s;}
.class_component #classOptWrap .dropdown_box.opened .dropdown_list{border-color: var(---color-gray7);}
.class_component #classOptWrap .dropdown_box .dropdown_list::-webkit-scrollbar{width: 4px;}
.class_component #classOptWrap .dropdown_box .dropdown_list::-webkit-scrollbar-track{background: transparent;border-radius: 0;}
.class_component #classOptWrap .dropdown_box .dropdown_list::-webkit-scrollbar-thumb{background: var(--color-gray4);border-radius: 0;border: 0;cursor: pointer;}
.class_component #classOptWrap .dropdown_box .dropdown_list::-webkit-scrollbar-thumb:hover{background: var(--color-gray4);}
.class_component #classOptWrap .dropdown_box .dropdown_list::-webkit-scrollbar-corner{background: transparent;}

.class_component #classOptWrap .dropdown_box .dropdown_item{background-color: var(--color-ivory2);transition: background-color .45s;}
.class_component #classOptWrap .dropdown_box .dropdown_item:hover{background-color: var(--color-gray2);}
.class_component #classOptWrap .dropdown_box .dropdown_item .item_inner{width: 100%;padding: 6px 8px;}
.class_component #classOptWrap .dropdown_box .dropdown_item .dropdown_opt{display: -webkit-box;width: 100%;font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-23);color: var(--color-gray7);letter-spacing: 0.01em;text-align: left;word-break: keep-all;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

.class_component #classOptWrap .price_info_box{}
.class_component #classOptWrap .dropdown_wrap + .price_info_box,
.class_component #classOptWrap .dropdown_box + .price_info_box{margin-top: 32px;padding-top: 16px;border-top: 1px solid var(--color-gray7);}
.class_component #classOptWrap .price_info_box .price_line{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 8px;}
.class_component #classOptWrap .price_info_box .price_line + .price_line{margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--color-gray3);}
.class_component #classOptWrap .price_info_box .price_line .price_tit{font-size: var(--fs-11);font-weight: 500;line-height: var(--lh-14);color: var(--color-gray7);letter-spacing: -0.01em;}
.class_component #classOptWrap .price_info_box .price_line .price_txt{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 1px;}
.class_component #classOptWrap .price_info_box .price_line .price_txt.base{color: var(--color-red1);}
.class_component #classOptWrap .price_info_box .price_line .price_txt.material{color: var(--color-brown3);}
.class_component #classOptWrap .price_info_box .price_line .price_txt .price_sta{display: inline-block;font-size: var(--fs-24);font-weight: 500;line-height: var(--lh-32);letter-spacing: -0.01em;}
.class_component #classOptWrap .price_info_box .price_line .price_txt .won{display: inline-block;margin-bottom: -3px;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);letter-spacing: 0.015em;}
/* **************************** //E:class_detail  **************************** */