@charset "UTF-8";

/* main_layout */
/* **************************** S:main_layout **************************** */
.beyond_component{width: 100%;background-color: var(--color-ivory2);}
.beyond_component .beyond_hd{width: 100%;line-height: 0;position: sticky;left: 0;top: 0;right: 0;z-index: 1;}
.beyond_component .beyond_bd{width: 100%;padding: 32px 0 48px;line-height: 0;position: relative;z-index: 2;background-color: var(--color-ivory2);}
.beyond_component .beyond_bd:has(.related_class_sect){padding-bottom: 0;}

.beyond_component .beyond_sect{overflow: hidden;}
.beyond_component .beyond_sect + .beyond_sect{margin-top: 130px;}

.beyond_component .beyond_btns_box{display: block;position: fixed;left: 40px;bottom: 0;right: 0;z-index: 3;}
.beyond_component .beyond_btns_box .btns{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;height: 44px;background-color: var(--color-black2);}
.beyond_component .beyond_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray2);text-align: center;}

.beyond_component .beyond_btns_box .btns.btns_link.disabled{background-color: var(--color-gray6);cursor: not-allowed;}

.beyond_component .beyond_btns_box.ty_floating{}
.beyond_component .beyond_btns_box.ty_floating .btns.btns_sign_up{position: relative;z-index: 10;}

.beyond_component .beyond_btns_box.ty_floating .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;}
.beyond_component .beyond_btns_box.ty_floating .btns.btns_go_list.hidden{transform: translateY(100%);opacity: 0;visibility: hidden;pointer-events: none;}
.beyond_component .beyond_btns_box.ty_floating .btns.btns_go_list .btns_name{font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-20);color: var(--color-ivory2);}

#wrap:has(.beyond_component.beyond_dtl .beyond_btns_box) #pageTopBtns{bottom: calc(14px + 44px);}
/* #wrap:has(.beyond_component.beyond_dtl .beyond_class_layer) #pageTopBtns{bottom: 102px;} */
#wrap:has(.beyond_component.beyond_dtl .beyond_btns_box) #footer .ft_inner{padding: 50px 16px calc(50px + 44px);}
/* #wrap:has(.beyond_component.beyond_dtl .beyond_class_layer) #footer .ft_inner{padding: 50px 16px calc(50px + 88px);} */

/* **************************** //E:main_layout  **************************** */
.beyond_component.beyond_list .beyond_bd{height: 100%;padding: 0;position: unset;z-index: unset;}
.beyond_component .beyond_list_wrap{width: 100%;height: 100%;}
.beyond_component .beyond_article_list{}
.beyond_component .beyond_article_item{position: sticky;top: 0;z-index: 2;}
.beyond_component .beyond_article_item + .beyond_article_item{z-index: 3;}
.beyond_component .beyond_article_item + .beyond_article_item + .beyond_article_item{z-index: 4;}
.beyond_component .beyond_article_item + .beyond_article_item + .beyond_article_item + .beyond_article_item{z-index: 5;}
.beyond_component .beyond_article_item + .beyond_article_item + .beyond_article_item + .beyond_article_item + .beyond_article_item{z-index: 6;}
.beyond_component .beyond_article_item .item_inner{width: 100%;position: relative;}

.beyond_component .beyond_article_item .article_img_box{width: 100%;aspect-ratio: 5 / 8;position: relative;overflow: hidden;}
.beyond_component .beyond_article_item .article_img_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.beyond_component .beyond_article_item .article_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.beyond_component .beyond_article_item .article_img_box .img_dim_box{width: 100%;height: calc(100% / 2);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;background: var(--dark-gradient);}

.beyond_component .beyond_article_item .article_desc_box{position: absolute;left: 0;bottom: 0;right: 0;z-index: 3;width: 100%;padding: 28px 16px;box-sizing: border-box;}
.beyond_component .beyond_article_item .article_desc_box .article_tit_box{}
.beyond_component .beyond_article_item .article_desc_box .article_tit{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-ivory2);letter-spacing: 0.005em;}
.beyond_component .beyond_article_item .article_desc_box .article_link_box{}
.beyond_component .beyond_article_item .article_desc_box .article_tit_box + .article_link_box{margin-top: 4px;}
.beyond_component .beyond_article_item .article_desc_box .article_link{display: inline-block;position: relative;}
.beyond_component .beyond_article_item .article_desc_box .article_link::after{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-ivory2);position: absolute;left: 0;bottom: 0;right: 0;}
.beyond_component .beyond_article_item .article_desc_box .article_link .link_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-20);color: var(--color-ivory2);letter-spacing: 0.04em;}


.beyond_hd_sect{width: 100%;box-sizing: border-box;}
.beyond_hd_sect .sect_cnt_box{position: relative;}
.beyond_hd_sect .img_cnt_box{width: 100%;height: 0;padding-top: 160%;position: relative;}
.beyond_hd_sect .img_cnt_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.beyond_hd_sect .img_cnt_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.beyond_hd_sect .img_dimed_box{position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;width: 100%;height: 0;padding-top: 80%;background: var(--dark-gradient);}

.beyond_sect{}
.beyond_sect .sect_inner{width: 100%;padding: 0 16px;box-sizing: border-box;overflow: hidden;}
.beyond_sect .sect_tit_box{}
.beyond_sect .sect_tit_box .sect_tit{font-size: var(--fs-22);font-weight: 500;line-height: var(--lh-30);color: var(--color-black1);letter-spacing: 0.005em;}

.beyond_sect .sect_desc_box{padding-left: 38px;}
.beyond_sect .sect_tit_box + .sect_desc_box{margin-top: 24px;}
.beyond_sect .sect_desc_box .sect_desc{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-22);color: var(--color-brown3);word-break: break-all;position: relative;padding-left: 10px;}
.beyond_sect .sect_desc_box .sect_desc::before{content: '';display: block;width: 0.7px;height: calc(100% - 12px);background-color: var(--color-brown3);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.beyond_sect .sect_cnt_box{}
.beyond_sect .sect_cnt_box + .sect_cnt_box{margin-top: 64px;}
.beyond_sect .sect_cnt_box.full{margin-left: -16px;}
.beyond_sect .sect_cnt_box.right{display: flex;justify-content: flex-end;flex-wrap: nowrap;margin-right: -16px;}

.beyond_sect .cnt_desc_box{}
.beyond_sect .cnt_desc_box.right{padding-left: 48px;}

.beyond_sect .cnt_desc_box .desc_tit_box{}
.beyond_sect .cnt_desc_box .desc_tit_box .desc_tit{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-22);color: var(--color-black1);letter-spacing: 0.015em;}

.beyond_sect .cnt_desc_box .desc_txt_box{}
.beyond_sect .cnt_desc_box .desc_tit_box + .desc_txt_box{margin-top: 4px;}
.beyond_sect .cnt_desc_box .desc_txt_box + .desc_txt_box{margin-top: 24px;}
.beyond_sect .cnt_desc_box .desc_txt_box .desc_txt{font-size: var(--fs-13);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);}
.beyond_sect .cnt_desc_box .desc_txt_box .desc_txt.italic{font-style: italic;}

.beyond_sect .cnt_desc_box .desc_cmt_box{padding-left: 48px;}
.beyond_sect .cnt_desc_box .desc_cmt_box.right{display: flex;justify-content: flex-end;}
.beyond_sect .cnt_desc_box .desc_cmt_box .desc_cmt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-25);color: var(--color-red2);letter-spacing: -0.02em;}

.beyond_sect .cnt_img_box{}
.beyond_sect .cnt_img_box .img_box{line-height: 0;}
.beyond_sect .cnt_img_box .img_box img{}
.beyond_sect .sect_cnt_box.full .cnt_img_box{width: 100%;}
.beyond_sect .sect_cnt_box.full .cnt_img_box .img_box{width: 100%;}
.beyond_sect .sect_cnt_box.full .cnt_img_box .img_box img{width: 100%;}

.beyond_sect .cnt_img_box .img_cmt_box{}
.beyond_sect .cnt_img_box .img_box + .img_cmt_box{margin-top: 8px;}

.beyond_sect .cnt_img_box .img_cmt_box .img_cmt{}
.beyond_sect .cnt_img_box .img_cmt_box .img_cmt.right{text-align: right;}
.beyond_sect .cnt_img_box .img_cmt_box .img_cmt > span{display: inline-block;font-size: var(--fs-10);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);letter-spacing: 0.01em;white-space: nowrap;}
.beyond_sect .cnt_img_box .img_cmt_box .img_cmt > span + span{margin-left: 6px;padding-left: 7px;position: relative;}
.beyond_sect .cnt_img_box .img_cmt_box .img_cmt > span + span::before{content: '';display: block;width: 1px;height: calc(100% - 4px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%) scaleX(.7);}

.beyond_sect .cnt_img_box.ty_flex{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 20px;}
.beyond_sect .cnt_img_box.ty_flex .img_box{flex: 0 0 auto;}
.beyond_sect .cnt_img_box.ty_flex .img_box + .img_cmt_box{margin-top: 0;}
.beyond_sect .cnt_img_box.ty_flex .img_cmt_box{transform: rotate(90deg);transform-origin: top left;flex: 0 0 auto;}
.beyond_sect .cnt_img_box.ty_flex .img_cmt_box .img_cmt{display: flex;align-items: center;flex-wrap: nowrap;}


.beyond_sect .sect_cnt_box.ratio_cnt_230 .cnt_img_box{width: 72.1%;}
.beyond_sect .sect_cnt_box.ratio_cnt_230 .cnt_img_box .img_box{width: 100%;aspect-ratio: 1 / 1;}
.beyond_sect .sect_cnt_box.ratio_cnt_230 .cnt_img_box .img_box img{width: 100%;}

.beyond_sect .sect_cnt_box.ratio_cnt_216 .cnt_img_box{}
.beyond_sect .sect_cnt_box.ratio_cnt_216 .cnt_img_box .img_box{width: 71.29%;aspect-ratio: 3 / 4;}
.beyond_sect .sect_cnt_box.ratio_cnt_216 .cnt_img_box .img_box img{width: 100%;}


.beyond_sect .beyond_swiper_box{margin-right: -16px;}
.beyond_sect .beyond_swiper_box .beyond_swiper_list{}
.beyond_sect .beyond_swiper_box .beyond_swiper_item{flex: 0 0 auto;width: auto;height: auto;opacity: .4;transition: opacity .45s ease .25s;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.active{opacity: 1;}

.beyond_sect .beyond_swiper_box .beyond_swiper_item .cnt_img_box{}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_1_1{width: 72.1%;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_1_1 .cnt_img_box{width: 100%;aspect-ratio: 1 / 1;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_3_4{width: 67.71%;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_3_4 .cnt_img_box{width: 100%;aspect-ratio: 3 / 4;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_16_9{width: 100%;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_16_9 .cnt_img_box{width: 100%;aspect-ratio: 16 / 9;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .cnt_img_box img{width: 100%;}

.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box{margin-top: 8px;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box .img_cmt{}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box .img_cmt > span{display: inline-block;font-size: var(--fs-10);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);letter-spacing: 0.01em;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box .img_cmt > span + span{margin-left: 6px;padding-left: 7px;position: relative;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box .img_cmt > span + span::before{content: '';display: block;width: 1px;height: calc(100% - 4px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%) scaleX(.7);}

.beyond_sect .cnt_credit_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 16px;}
.beyond_sect .cnt_credit_box .left_box{flex: 0 0 auto;}
.beyond_sect .cnt_credit_box .credit_tit_box{}
.beyond_sect .cnt_credit_box .credit_tit_box .credit_tit{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);}

.beyond_sect .cnt_credit_box .right_box{flex: 1 1 0%;}
.beyond_sect .cnt_credit_box .credit_editor_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 6px;}
.beyond_sect .cnt_credit_box .credit_editor_box .editor_tit{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);white-space: nowrap;flex: 0 0 auto;}
.beyond_sect .cnt_credit_box .credit_editor_box .editor_name{padding-left: 6px;position: relative;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);word-break: keep-all;flex: 1 1 0%;}
.beyond_sect .cnt_credit_box .credit_editor_box .editor_name::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%) scaleX(0.7);}

.beyond_sect .cnt_credit_box .credit_photo_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 6px;}
.beyond_sect .cnt_credit_box .credit_editor_box + .credit_photo_box{margin-top: 4px;}
.beyond_sect .cnt_credit_box .credit_photo_box .photo_tit{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);white-space: nowrap;flex: 0 0 auto;}
.beyond_sect .cnt_credit_box .credit_photo_box .photo_name{padding-left: 6px;position: relative;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);word-break: keep-all;flex: 1 1 0%;}
.beyond_sect .cnt_credit_box .credit_photo_box .photo_name::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%) scaleX(0.7);}

/* 관련 클래스 목록 S */
.related_class_sect{width: 100%;background-color: var(--color-brown1_5);line-height: 1;}
.beyond_sect + .related_class_sect{margin-top: 48px;}
.related_class_sect .sect_inner{width: 100%;padding: 24px 0 0;box-sizing: border-box;overflow: hidden;}

.related_class_sect .sect_hd{width: 100%;padding: 0 16px;box-sizing: border-box;}
.related_class_sect .sect_hd .sect_tit_box{}
.related_class_sect .sect_hd .sect_tit_box .sect_tit{font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);letter-spacing: -0.01em;}

.related_class_sect .sect_bd{}
.related_class_sect .related_list{}

.related_class_sect .related_item{}
.related_class_sect .related_item + .related_item{border-top: 1px solid var(--color-brown2);}

.related_class_sect .related_item .item_inner{display: block;width: 100%;padding: 16px 0 24px 16px;box-sizing: border-box;}
.related_class_sect .related_item .item_thumb_box{}
.related_class_sect .related_item .item_thumb_box .thumb_img_box{width: 100%;aspect-ratio: 16 / 9;position: relative;overflow: hidden;}
.related_class_sect .related_item .item_thumb_box .thumb_img_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.related_class_sect .related_item .item_thumb_box .thumb_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

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

.related_class_sect .related_item .item_subject_box{}
.related_class_sect .related_item .item_loca_box + .item_subject_box{margin-top: 2px;}
.related_class_sect .related_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;}

.related_class_sect .related_item .item_teacher_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.related_class_sect .related_item .item_subject_box + .item_teacher_box{margin-top: 16px;}
.related_class_sect .related_item .item_teacher_box + .item_teacher_box{margin-top: 4px;}
.related_class_sect .related_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-brown4);letter-spacing: 0.01em;}
.related_class_sect .related_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-brown4);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;}
.related_class_sect .related_item .item_teacher_box .item_teacher_info::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-brown4);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.related_class_sect .related_item .item_date_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;padding-right: 20px;}
.related_class_sect .related_item .item_teacher_box + .item_date_box{margin-top: 4px;}
.related_class_sect .related_item .item_date_box + .item_date_box{margin-top: 3px;}
.related_class_sect .related_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-brown4);letter-spacing: 0.01em;}
.related_class_sect .related_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-brown4);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;}
.related_class_sect .related_item .item_date_box .item_time::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-brown4);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/* 관련 클래스 목록 E */

/* 관련 클래스 레이어 S */
.beyond_component .beyond_class_layer{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 200;pointer-events: none;}
.beyond_component .beyond_class_layer .class_layer_inner{width: 100%;height: 100%;pointer-events: none;}
.beyond_component .beyond_class_layer .class_layer_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;}
.beyond_component .beyond_class_layer.opened .class_layer_inner{pointer-events: auto;}
.beyond_component .beyond_class_layer.opened .class_layer_inner::after{opacity: 1;pointer-events: auto;}

.beyond_component .beyond_class_layer .layer_wrap{width: 100%;background-color: var(--color-brown1_5);position: absolute;left: 0;bottom: 0;right: 0;z-index: 201;transform: translateY(100%);transition: transform .75s;overflow: hidden;}
.beyond_component .beyond_class_layer.opened .layer_wrap{transform: translateY(0);}

.beyond_component .beyond_class_layer .layer_wrap .btns_layer_close{display: inline-block;padding: 8px 16px 16px;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.beyond_component .beyond_class_layer .layer_wrap .btns_bar{display: block;width: 48px;height: 3px;background-color: var(--color-brown4);pointer-events: none;}

.beyond_component .beyond_class_layer .layer_wrap .related_cnt_box{padding: 32px 0 0;}
.beyond_component .beyond_class_layer .layer_wrap .related_hd{width: 100%;padding: 0 16px 4px;box-sizing: border-box;}

.beyond_component .beyond_class_layer .layer_wrap .related_bd{width: 100%;max-height: 504px;overflow: hidden;overflow-y: auto;}
/* Webkit 기반 스크롤바 커스텀 */
.beyond_component .beyond_class_layer .layer_wrap .related_bd::-webkit-scrollbar {
    width: 6px;
}

.beyond_component .beyond_class_layer .layer_wrap .related_bd::-webkit-scrollbar-track {
    background: transparent;
}

.beyond_component .beyond_class_layer .layer_wrap .related_bd::-webkit-scrollbar-thumb {
    background-color: rgba(122, 109, 92, 0.5);
    border-radius: 4px;
    transition: background-color 0.3s;
}

.beyond_component .beyond_class_layer .layer_wrap .related_bd::-webkit-scrollbar-thumb:hover {
    background-color: rgba(122, 109, 92, 1);
}

.beyond_component .beyond_class_layer .layer_wrap .related_tit_box{}
.beyond_component .beyond_class_layer .layer_wrap .related_tit_box .related_tit{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-red1);letter-spacing: 0.005em;}

.beyond_component .beyond_class_layer .layer_wrap .related_class_list{}
.beyond_component .beyond_class_layer .layer_wrap .related_class_item{width: 100%;box-sizing: border-box;}
.beyond_component .beyond_class_layer .layer_wrap .related_class_item + .related_class_item{border-top: 1px solid var(--color-brown2);}
.beyond_component .beyond_class_layer .layer_wrap .related_class_item .item_inner{display: block;width: 100%;padding: 20px 16px;box-sizing: border-box;}
.beyond_component .beyond_class_layer .layer_wrap .related_class_item .item_subject_box{display: flex;align-items: flex-start;justify-content: space-between;column-gap: 8px;flex-wrap: nowrap;}
.beyond_component .beyond_class_layer .layer_wrap .related_class_item .item_subject_box .item_subject{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black1);}
.beyond_component .beyond_class_layer .layer_wrap .related_class_item .item_subject_box .icon_class_arr{display: inline-flex;align-items: center;justify-content: center;width: 8px;height: 24px;pointer-events: none;}
.beyond_component .beyond_class_layer .layer_wrap .related_class_item .item_subject_box .icon_class_arr svg{width: 8px;height: 16px;pointer-events: none;}
/* 관련 클래스 레이어 E */