@charset "utf-8";
@import url('./new_kb_font.css');/* 250326 모티브로 추가 */

/* 리스트 상단 공통 s */

/* 리스트 검색 필터 영역 s */
.list_srh_wrap{}
.list_srh_wrap .srh_btn_box{display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.list_srh_wrap .srh_btn_box .btn_search{width: 100%;max-width: 200px;height: 40px;padding: 0 10px;font-size: 14px;font-weight: 500;line-height: 40px;text-align: center;color: #fff;background-color: #64564b;border-radius: 4px;border: 0;}
/* 리스트 검색 필터 영역 e */

/* 리스트 상단 sort 영역 s */
.list_sort_wrap{padding: 10px 15px 15px;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 20px;border-bottom: 1px solid #d6d6d6;}
.list_sort_wrap .srh_result{flex: 0 0 auto;font-family: 'KBFGTextM';font-size: 14px;font-weight: 500;line-height: 20px;color: #61564B;}
.list_sort_wrap .srh_result span{display: inline-block;font-family: 'KBFGTextM';font-size: 14px;font-weight: 500;line-height: 20px;color: #61564B;}
.list_sort_wrap .sort_type{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;}
.list_sort_wrap .sort_type .sort_item{font-size: 14px;font-weight: 400;line-height: 20px;color: #61564b;}
.list_sort_wrap .sort_type .sort_item.active{font-family: 'KBFGTextM';font-weight: 700;}
.list_sort_wrap .sort_type > li + li{margin-left: 14px;padding-left: 15px;position: relative;}
.list_sort_wrap .sort_type > li + li::before{content: '';display: block;width: 1px;height: 10px;background-color: #7c756c;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/* 리스트 상단 sort 영역 e */

/* 리스트 상단 sort 영역 - 250326 모티브로 추가 S */
.sound_only{display: inline-block !important;position: absolute;top: 0;left: 0;width: 0;height: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;text-indent: -9999px;overflow: hidden !important;}

.list_sort_wrap.type_new{}
.list_sort_wrap.type_new .sort_util{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 20px;}

.list_sort_wrap.type_new .sort_type{}
.list_sort_wrap.type_new .sort_type > li + li{margin-left: 6px;padding-left: 10px;}
.list_sort_wrap.type_new .sort_type > li + li::before{width: 4px;height: 4px;border-radius: 50%;}

.list_sort_wrap.type_new .list_ty_slt{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 10px;line-height: 0;}
.list_sort_wrap.type_new .sort_type + .list_ty_slt{padding-left: 21px;position: relative;}
.list_sort_wrap.type_new .sort_type + .list_ty_slt::before{content: '';display: block;width: 1px;height: 10px;background-color: #7c756c;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.list_sort_wrap.type_new .list_ty_slt .btns{display: inline-block;line-height: 0;}
.list_sort_wrap.type_new .list_ty_slt .btns .btns_icon{display: inline-block;width: 18px;height: 18px;background-size: cover;transition: background .35s;}

.list_sort_wrap.type_new .list_ty_slt .btns.btns_ty_hori .btns_icon{background: url('../images/icon/list_type_hori.svg') no-repeat center center;}
.list_sort_wrap.type_new .list_ty_slt .btns.active.btns_ty_hori .btns_icon{background: url('../images/icon/list_type_hori_on.svg') no-repeat center center;}
.list_sort_wrap.type_new .list_ty_slt .btns:hover.btns_ty_hori .btns_icon{background: url('../images/icon/list_type_hori_on.svg') no-repeat center center;}
.list_sort_wrap.type_new .list_ty_slt .btns.btns_ty_verti .btns_icon{background: url('../images/icon/list_type_verti.svg') no-repeat center center;}
.list_sort_wrap.type_new .list_ty_slt .btns.active.btns_ty_verti .btns_icon{background: url('../images/icon/list_type_verti_on.svg') no-repeat center center;}
.list_sort_wrap.type_new .list_ty_slt .btns:hover.btns_ty_verti .btns_icon{background: url('../images/icon/list_type_verti_on.svg') no-repeat center center;}

@media (max-width: 450px){
    .list_sort_wrap.type_new{padding: 10px 0 15px;}
}
/* 리스트 상단 sort 영역 - 250326 모티브로 추가 e */

/* 리스트 상단 공통 e */


/* -------------------------------------------------------------------------------------------------------------------------------------- */


/* 온라인 교육 s */
.online_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
.online_item{width: calc(25% - (60px/4));}
.online_item .item_thumb{position: relative;line-height: 0;width: 100%;border-radius: 12px;overflow: hidden;}

.online_item .item_thumb .thumb_img{width: 100%;height: 0;padding-top: 70.178%;position: relative;}
.online_item .item_thumb .img_box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;}
.online_item .item_thumb .img_box > img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.online_item .item_thumb .thumb_play{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 11;width: 100%;height: 100%;opacity: 0;pointer-events:none;transition: opacity .5s;background-color: rgba(0, 0, 0, .15);}
.online_item .item_thumb .play_img{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.online_item .item_thumb .play_img > a{}
.online_item .item_thumb .play_img .icon{opacity: 0;transition: opacity .15s .1s;}

.online_item:hover .item_thumb .thumb_play{opacity: 1;pointer-events: visible}
.online_item:hover .item_thumb .play_img .icon{opacity: 1;}

.online_item .item_info{margin-top: 20px;padding: 0 10px;}

.online_item .item_info .info_top{display: flex;align-items: flex-start;justify-content: space-between;}

/* 240404 김훈 수정 s */
.online_item .tooltips .tag_list{flex: 1;display: flex;align-items: center;column-gap: 2px;overflow: hidden;height: 20px;flex-wrap: wrap;}
.online_item .tooltips .tag_list > li,
.online_item .tooltips .tag_list .tag_item{flex: 0 0 auto;line-height: 0;}
.online_item .tooltips .tag_list > li p,
.online_item .tooltips .tag_list .tag_item p{display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;display: flex;}
.online_item .tooltips .tag_list > li p span,
.online_item .tooltips .tag_list .tag_item p span{display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;    display: -webkit-box;overflow: hidden;max-height: 42px;line-height: 21px;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 500;max-width: 50px;}
.online_item .tooltips .tag_list > li p span::before,
.online_item .tooltips .tag_list .tag_item p span::before{content: '#';display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;}

.online_item .tooltips > .tag_item p{display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;display: flex;}
.online_item .tooltips > .tag_item p span{display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;    display: -webkit-box;overflow: hidden;max-height: 42px;line-height: 21px;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 500;}
.online_item .tooltips > .tag_item p span::before{content: '#';display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;}

.tooltips{position:relative;z-index:10;cursor: pointer;}
.tooltiptext{width:100%;display:none;position:absolute;top:0;left:0;padding:10px;background-color:#413d3fd9;color:#fff;border-radius:10px;inset:auto auto 100% 50%;transform:translateX(-50%);font-size:14px}
.tooltips:hover .tooltiptext{display:block}
/*
.online_item .item_info .info_tag{display: flex;align-items: center;gap:3px;flex: 1;overflow: hidden;}
.online_item .item_info .info_tag li{flex: 0 0 auto;line-height: 0;}
.online_item .item_info .info_tag .tag_name{display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;display: -webkit-box;overflow: hidden;max-height: 42px;line-height: 21px;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 500;max-width: 47px;}
.online_item .item_info .info_tag .tag_name::before{content: '#';display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;}
*/
/* 240404 김훈 수정 e */

/*
.online_item .item_info .info_tag{display: flex;align-items: center;gap:3px;flex-wrap: wrap;flex: 1;}
.online_item .item_info .info_tag .tag_name{display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;}
.online_item .item_info .info_tag .tag_name::before{content: '#';display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;color: #666;}
*/

.online_item .item_info .info_view{display: flex;align-items: center;gap: 3px;flex-wrap: nowrap;flex: 0 0 auto;}
.online_item .item_info .view_txt{display: flex;align-items: center;gap: 5px;flex-wrap: nowrap;}
.online_item .item_info .info_view span{display: inline-block;font-size: 14px;font-weight: 400;line-height: 20px;color: #544D44;}
.online_item .item_info .view_count{line-height: 0;}
.online_item .item_info .view_count .view_sta{font-family: 'KBFGTextM';font-weight: 500;}

.online_item .item_info .info_top + .subject{margin-top: 10px;}
.online_item .item_info .subject{}
.online_item .item_info .subject p{font-family: 'KBFGTextM';font-size: 16px;font-weight: 600;line-height: 24px;color: #444;word-break:keep-all;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.online_item .item_info .info_date{margin-top: 10px;background-color: #7C756C;border-radius: 4px;text-align: center;}
.online_item .item_info .info_date span{display: inline-block;font-size: 14px;font-weight: 400;line-height: 35px;color: #fff;}

@media (max-width: 1100px){
    .online_item{width: calc(33.33% - (60px/4));}
}

@media (max-width: 1100px){
    .online_list{gap: 15px;}
    .online_item{width: calc(33.33% - (30px/3));}
    .online_item .item_info{margin-top: 10px;}
}

@media (max-width: 768px){
    .online_list{gap: 15px;}
    .online_item{width: calc(50% - (15px/2));}
}

@media (max-width: 450px){
    .online_list{gap: 20px;}
    .online_item{width: 100%;}
}
/* 온라인 교육 e */

/* 250326 모티브로 추가 S */
/* 온라인 교육 - 머니 스페이스 S */

/* 머니스페이스 상단 탭메뉴 */
.info_tab_area{}
.info_tab_area .info_tab_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 32px;}
.info_tab_area .info_tab_item{}
.info_tab_area .info_tab_item .info_tab_link{display: block;padding: 16px 20px;position: relative;font-family: 'KBFGText', sans-serif;font-size: 24px;font-weight: 400;line-height: 30px;color: #999;transition: color .3s;}
.info_tab_area .info_tab_item .info_tab_link::after{content: '';display: block;width: 0;height: 4px;background-color: #333;position: absolute;left: 0;bottom: 0;right: 0;opacity: 0;transition: opacity .3s, width .3s;}
.info_tab_area .info_tab_item .info_tab_link.active{font-weight: 700;color: #333;}
.info_tab_area .info_tab_item .info_tab_link.active::after{width: 100%;opacity: 1;}
.info_tab_area .info_tab_item .info_tab_link:hover{color: #333;}
@media (max-width: 800px){
    .info_tab_area .info_tab_list{column-gap: 24px;}
    .info_tab_area .info_tab_item .info_tab_link{padding: 12px 16px;font-size: 20px;line-height: 26px;}
    .info_tab_area .info_tab_item .info_tab_link::after{height: 3px;}
}
@media (max-width: 768px){}
@media (max-width: 600px){
    .info_tab_area .info_tab_list{column-gap: 16px;}
    .info_tab_area .info_tab_item .info_tab_link{padding: 8px 12px;}
    .info_tab_area .info_tab_item .info_tab_link::after{height: 3px;}

}

/* 머니스페이스 리스트 탭메뉴 */
.sub_tab_area{width: 100%;overflow: hidden;overflow-x: auto;}
.sub_tab_area::-webkit-scrollbar{height: 6px;}/* 가로 스크롤바 높이 */
.sub_tab_area::-webkit-scrollbar-track{background: #f6f6f6;border-radius: 10px;}/* 트랙(배경) 색상 */
.sub_tab_area::-webkit-scrollbar-thumb{background: #999;border-radius: 10px;cursor: pointer;transition: background .25s;}/* 스크롤바 색상 */
.sub_tab_area::-webkit-scrollbar-thumb:hover{background: #666;}/* 마우스 호버 시 색상 */
.sub_tab_area .sub_tab_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: nowrap;width: 100%;border-bottom:1px solid #d9d9d9;}
.sub_tab_area .sub_tab_item{flex: 0 0 auto;padding: 0 64px;margin-left: -1px;margin-bottom: -1px;border:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;transition: border-color .15s;cursor: pointer;}
.sub_tab_area .sub_tab_item:first-child{margin-left: 0;}
.sub_tab_area .sub_tab_item.active{margin-bottom: -1px;border-color: #2356A1;border-bottom: 1px solid #fff;position: relative;z-index: 5;}
.sub_tab_area .sub_tab_item .sub_tab_link{display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 48px;}
.sub_tab_area .sub_tab_item .tab_name{display: inline-flex;align-items: center;justify-content: center;width: 100%;font-family: 'KBFGText', sans-serif;font-size: 16px;font-weight: 400;line-height: 20px;color: #999;letter-spacing: -0.54px;text-align: center;transition: color .3s;white-space: nowrap;}
.sub_tab_area .sub_tab_item.active .tab_name{font-weight: 500;color: #2356a1;}
.sub_tab_area .sub_tab_item:hover .tab_name{color: #2356a1;}
@media (max-width: 1100px){}
@media (max-width: 768px){
    .sub_tab_area .sub_tab_item{padding: 0 48px;}
    .sub_tab_area .sub_tab_item .sub_tab_link{height: 44px;}
}
@media (max-width: 600px){}

.money_space_list{}

/* 가로형 */
.money_space_list.type_hori{}
.money_space_item{width: 100%;}
.money_space_item .item_inner{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 48px;padding: 20px;border-bottom: 1px solid #d9d9d9;}
.money_space_item .item_info_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 20px;flex: 1;}
.money_space_item .item_info_box .item_thumb_box{width: 250px;}
.money_space_item .item_info_box .item_thumb{width: 100%;height: 0;padding-top: 56.25%;border-radius: 8px;position: relative;z-index: 1;overflow: hidden;}
.money_space_item .item_info_box .item_thumb .thumb_img_box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;}
.money_space_item .item_info_box .item_thumb .thumb_img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.money_space_item .item_info_box .item_thumb .play_box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .15);opacity: 0;transition: opacity .3s ease;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.money_space_list.type_hori .money_space_item .item_info_box .item_thumb .play_box{display: none;}
.money_space_item .item_info_box .item_thumb:hover .play_box{opacity: 1;}
.money_space_item .item_info_box .item_thumb .view_rate_box{position: absolute;right: 0;top: 0;z-index: 1;min-width: 80px;padding: 6px;background-color: #1452AE;border-bottom-left-radius: 8px;border-top-right-radius: 8px;}
.money_space_item .item_info_box .item_thumb .view_rate_box .view_rate{font-family: 'KBFGText', sans-serif;font-size: 12px;font-weight: 500;line-height: 16px;letter-spacing: -0.54px;color: #fff;text-align: center;}
.money_space_item .item_info_box .item_thumb .view_rate_box .view_rate .rate_sta{font-family: 'KBFGText', sans-serif;font-size: 12px;font-weight: 500;line-height: 16px;letter-spacing: -0.54px;color: #fff;}

.money_space_item .item_info_box .item_desc_box{flex: 1;}
.money_space_item.type_curri .item_info_box{align-items: stretch;}
.money_space_item.type_curri .item_info_box .item_desc_box{display: flex;flex-direction: column;justify-content: space-between;}
.money_space_item.type_curri .item_info_box .item_desc_box .item_top{}
.money_space_item.type_curri .item_info_box .item_desc_box .item_bot{}

.money_space_item .item_info_box .item_subject_box{width: 100%;}
.money_space_item .item_info_box .item_subject_link{display: block;}
.money_space_item .item_info_box .item_subject{font-family: 'KBFGText', sans-serif;font-size: 18px;font-weight: 700;line-height: 26px;letter-spacing: -0.54px;color: #222;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.money_space_item .item_info_box .item_cate{display: inline-block;margin-right: 10px;padding: 0 14px;font-family: 'KBFGText', sans-serif;font-size: 12px;font-weight: 500;line-height: 30px;color: #1452ae;letter-spacing: -0.54px;border: 1px solid #1452AE;border-radius: 50px;vertical-align: 3px;}

.money_space_item .item_info_box .item_txt_box{}
.money_space_item .item_info_box .item_subject_box + .item_txt_box{margin-top: 10px;}
.money_space_item .item_info_box .item_txt{font-family: 'KBFGText', sans-serif;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.54px;color: #444;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.money_space_item .item_info_box .item_tag_box{}
.money_space_item .item_info_box .item_subject_box + .item_tag_box{margin-top: 6px;}
.money_space_item .item_info_box .item_tag_box .item_tag_list{display: flex;align-items: center;flex-wrap: wrap;column-gap: 4px;}
.money_space_item .item_info_box .item_tag_box .tag_item{}
.money_space_item .item_info_box .item_tag_box .tag_item .tag_name{font-size: 16px;font-weight: 400;line-height: 24px;color: #444;white-space: nowrap;letter-spacing: -0.54px;}

.money_space_item .item_btns_box{flex: 0 0 auto;}
.money_space_item .item_btns_box .item_btns{}
.money_space_item .item_btns_box .item_btns .btns_link{min-width: 160px;height: 60px;padding: 0 32px;background-color: #333;border-radius: 100px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 24px;transition: background-color .3s;}
.money_space_item .item_btns_box .item_btns.btns_video_view .btns_link{background-color: #1452AE;}
.money_space_item .item_btns_box .item_btns.btns_course_apply .btns_link{background-color: #1452AE;}
.money_space_item .item_btns_box .item_btns.btns_course_applied .btns_link{background-color: #333;}
.money_space_item .item_btns_box .item_btns .btns_name{flex: 0 0 auto;font-family: 'KBFGText', sans-serif;font-size: 14px;font-weight: 500;line-height: 20px;color: #fff;}
.money_space_item .item_btns_box .item_btns .icon_box{flex: 0 0 auto;display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-size: cover;background-position: center center;pointer-events: none;}
.money_space_item .item_btns_box .item_btns .icon_play_line{background-image: url('../images/icon/icon_play_line.svg');}
.money_space_item .item_btns_box .item_btns .icon_course_apply{background-image: url('../images/icon/icon_course_apply.svg');}
.money_space_item .item_btns_box .item_btns .icon_course_applied{background-image: url('../images/icon/icon_course_applied.svg');}

/* 세로형 */
.money_space_list.type_verti{display: flex;align-items: stretch;flex-wrap: wrap;}
.money_space_list.type_verti .money_space_item{width: 25%;}
.money_space_list.type_verti .money_space_item{width: calc(100% / 4);position: relative;border-bottom: 0;}
.money_space_list.type_verti .money_space_item:nth-child(4n + 1)::after{content: '';display: block;width: calc(100% * 4);height: 1px;background-color: #d9d9d9;position: absolute;left: 0;bottom: 0;right: 0;}

.money_space_list.type_verti .money_space_item .item_inner{display: block;height: 100%;padding: 30px 10px 40px;border-bottom: 0;}
.money_space_list.type_verti .money_space_item .item_info_box{display: block;}
.money_space_list.type_verti .money_space_item .item_info_box .item_thumb_box{width: 100%;}
.money_space_list.type_verti .money_space_item .item_info_box .item_desc_box{flex: unset;}
.money_space_item.type_curri .item_info_box .item_desc_box .item_top + .item_bot{margin-top: 16px;}
.money_space_list.type_verti .money_space_item .item_info_box .item_thumb_box + .item_desc_box{margin-top: 16px;}
.money_space_list.type_verti .money_space_item .item_info_box .item_subject_box + .item_tag_box{margin-top: 16px;}
.money_space_list.type_verti .money_space_item .item_btns_box{display: none;}

.money_space_list + .paging_wrap{margin-top: 32px;}

@media (max-width: 1100px){
    .money_space_item .item_inner{padding: 20px 16px;column-gap: 24px;}
    .money_space_item .item_info_box{column-gap: 16px;}
    .money_space_item .item_info_box .item_subject{font-size: 16px;line-height: 24px;}
    .money_space_item .item_info_box .item_cate{margin-right: 6px;line-height: 24px;vertical-align: 2px;}

    .money_space_item .item_btns_box .item_btns .btns_link{min-width: unset;height: 50px;padding: 0 24px;column-gap: 16px;}

    .money_space_list.type_verti{overflow: hidden;}
    .money_space_list.type_verti .money_space_item{width: calc(100% / 3);position: relative;}
    .money_space_list.type_verti .money_space_item:nth-child(4n + 1)::after{display: none;}
    .money_space_list.type_verti .money_space_item:nth-child(3n + 1)::after{content: '';display: block;width: calc(100% * 3);height: 1px;background-color: #d9d9d9;position: absolute;left: 0;bottom: 0;right: 0;}
    .money_space_list.type_verti .money_space_item .item_inner{padding: 30px 10px;}
    .money_space_list.type_verti .money_space_item .item_info_box .item_subject_box + .item_tag_box{margin-top: 8px;}
}
@media (max-width: 768px){
    .money_space_item .item_inner{column-gap: 16px;}
    .money_space_item .item_info_box .item_thumb_box{width: 200px;}

    .money_space_item .item_btns_box .item_btns .btns_link{padding: 0 20px;column-gap: 10px;}
    .money_space_item .item_btns_box .item_btns .icon_box{width: 16px;height: 16px;}

    .money_space_list.type_verti .money_space_item{width: calc(100% / 2);position: relative;border-bottom: 0;}
    .money_space_list.type_verti .money_space_item:nth-child(3n + 1)::after{display: none;}
    .money_space_list.type_verti .money_space_item:nth-child(2n + 1)::after{content: '';display: block;width: calc(100% * 2);height: 1px;background-color: #d9d9d9;position: absolute;left: 0;bottom: 0;right: 0;}
    .money_space_list.type_verti .money_space_item .item_inner{padding: 20px 10px 30px;}
}
@media (max-width: 600px){
    .money_space_item .item_inner{display: block;}
    .money_space_item .item_info_box .item_thumb_box{width: 50%;}
    .money_space_item .item_info_box{column-gap: 8px;}
    .money_space_item .item_info_box .item_tag_box .tag_item .tag_name{font-size: 14px;line-height: 20px;}
    .money_space_item .item_info_box + .item_btns_box{margin-top: 16px;}

    .money_space_item .item_btns_box .item_btns .btns_link{height: 42px;}
}
@media (max-width: 450px){
    .money_space_list.type_verti .money_space_item{width: 100%;border-bottom: 1px solid #d9d9d9;}
    .money_space_list.type_verti .money_space_item:nth-child(2n + 1)::after{display: none;}
    .money_space_list.type_verti .money_space_item .item_inner{padding: 20px 0;}

}
/* 온라인 교육 - 머니 스페이스 e */
/* 250326 모티브로 추가 E */
/* -------------------------------------------------------------------------------------------------------------------------------------- */

/* kb교육 한눈에 s */
.glance_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
.glance_item{width: calc(25% - (60px/4));}
.glance_item .item_thumb{position: relative;line-height: 0;width: 100%;border-radius: 12px;overflow: hidden;}

.glance_item .item_thumb .thumb_img{width: 100%;height: 0;padding-top: 70.178%;position: relative;}
.glance_item .item_thumb .img_box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;}
.glance_item .item_thumb .img_box > img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.glance_item:hover .item_thumb .thumb_play{opacity: 1;pointer-events: visible}
.glance_item:hover .item_thumb .play_img .icon{opacity: 1;}

.glance_item .item_info{margin-top: 15px;min-height:20px;}

.glance_item .item_info .subject{}
.glance_item .item_info .subject p{font-family: 'KBFGTextM';font-size: 16px;font-weight: 600;line-height: 24px;color: #444;word-break:keep-all;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.glance_item .item_info .subject + .desc_txt{margin-top: 5px;}
.glance_item .item_info .desc_txt{}
.glance_item .item_info .desc_txt p{font-size: 14px;font-weight: 400;line-height: 20px;color: #666;word-break:keep-all;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.glance_item .item_info + .item_btn{margin-top: 15px;}
.glance_item .item_btn{padding: 0 10px;}
.glance_item .item_btn .btn_more{display: block;width: 100%;height: 35px;font-size: 14px;font-weight: 400;line-height: 35px;color: #fff;text-align: center;background-color: #403D3F;border: 0;border-radius: 4px;}

@media (max-width: 1100px){
    .glance_list{gap: 15px;}
    .glance_item{width: calc(33.33% - (30px/3));}

    .glance_item .item_btn{padding: 0;}
}

@media (max-width: 768px){
    .glance_list{gap: 20px;}
    .glance_item{width: calc(50% - (20px/2));}
}

@media (max-width: 450px){
    .glance_item{width: 100%;}
}



.glance_cont_list{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 10px;padding: 20px 0;}
.glance_cont_list .glance_cont_item{flex: 1;width: 100%;background-color: #fff;border-radius: 8px;overflow: hidden;box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.15);-webkit-box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.15);-moz-box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.15);}
.glance_cont_item .item_inner{padding: 20px 10px;}

.glance_cont_item .txt_box{text-align: center;}
.glance_cont_item .txt_box dt{font-family: 'KBFGTextM';font-size: 18px;font-weight: 600;line-height: 24px;color: #544d44;word-break: keep-all;}
.glance_cont_item .txt_box dd{display: flex;align-items: center;justify-content: center;min-height: 40px;margin-top: 15px;font-size: 14px;font-weight: 400;line-height: 20px;color: #544d44;word-break: keep-all;}

.glance_cont_item .img_box{width: 100%;height: 125px;margin-top: 30px;border-radius:8px;overflow:hidden}
.glance_cont_item .img_box .icon{width: 100%;height: 100%;background-repeat: no-repeat;}
.glance_cont_item .img_box .icon.icon_glance_cont_01{background-image: url('../images/glance/glance_01.png');}
.glance_cont_item .img_box .icon.icon_glance_cont_02{background-image: url('../images/glance/glance_02.png');}
.glance_cont_item .img_box .icon.icon_glance_cont_03{background-image: url('../images/glance/glance_03.png');}
.glance_cont_item .img_box .icon.icon_glance_cont_04{background-image: url('../images/glance/glance_04.png');}
.glance_cont_item .img_box .icon.icon_glance_cont_05{background-image: url('../images/glance/glance_05.png');}
.glance_cont_item .img_box .icon.icon_glance_cont_11{background-image: url('../images/glance/glance_11.png');}
.glance_cont_item .img_box .icon.icon_glance_cont_12{background-image: url('../images/glance/glance_12.png');}
.glance_cont_item .img_box .icon.icon_glance_cont_13{background-image: url('../images/glance/glance_13.png');}
.glance_cont_item .img_box .icon.icon_glance_cont_14{background-image: url('../images/glance/glance_14.png');}
.glance_cont_item .img_box .icon.icon_glance_cont_15{background-image: url('../images/glance/glance_15.png');}


.info_area.tec_type{background-color: #fff;padding: 20px 0;}
.info_area.tec_type .info_tit{font-size:36px}

.glance_cont_wrap .link_box{display: flex;align-items: center;gap: 175px;padding: 25px 50px;background-color: #403D3F;border-radius: 300px;font-family: 'Noto Sans KR', sans-serif;}
.glance_cont_wrap .link_box > p{flex: 1;font-size: 16px;font-weight: 400;line-height: 24px;color: #fff;word-break: keep-all;}
.glance_cont_wrap .link_box > p > span{font-weight:700}
.glance_cont_wrap .link_box > a{flex: 0 0 auto;width: 100%;max-width: 200px;height: 40px;padding: 0 10px;font-size: 14px;font-weight: 400;line-height: 38px;color: #403d3f;text-align: center;background-color: #fff;border-radius: 4px;border: 1px solid #635a50;}
.glance_cont_wrap .tab_cont_box{border-top: 2px solid #999;border-bottom: 2px solid #999;}


.excurtion_wrap .excurtion_box{position:relative;padding-bottom:80px}
.excurtion_wrap .excurtion_box:after{content:'';display:block;clear:both}
.excurtion_wrap .excurtion_box + .excurtion_box{margin-top: 140px;}
.excurtion_wrap .excurtion_box .desc_box{flex: 0 0 auto;width: 100%;position: relative;}
.excurtion_wrap .excurtion_box .desc_box.left{max-width:80%;max-height: 350px;background-color: #F2EEE8;border-top-right-radius: 300px;border-bottom-right-radius: 300px;overflow: hidden;}
.excurtion_wrap .excurtion_box .desc_box.left > img{width:100%}
.excurtion_wrap .excurtion_box .desc_box.left .icon{width: 82px;height: 82px;background: url('../images/introduction/job_box_icon1.svg') no-repeat center center;background-size: cover;position: absolute;right: 20px;bottom: -30px;}
.excurtion_wrap .excurtion_box .desc_box.right{float:right;max-width: 60%;padding: 44px 40px 44px 110px;text-align: right;background-color: #f0e5d4e0;border-top-left-radius: 300px;border-bottom-left-radius: 300px;position: absolute;bottom: 0px;right: 0;}
.excurtion_wrap .excurtion_box .desc_box.right > div{font-size:24px;text-align: left;line-height: 1.5;}

.excurtion_wrap .excurtion_box .desc_box dt{font-size: 32px;font-weight: 600;line-height: 46px;color: #403d3f;}
.excurtion_wrap .excurtion_box .desc_box dd{margin-top: 10px;font-size: 16px;font-weight: 400;line-height: 24px;color: #61564b;word-break: keep-all;}
.excurtion_wrap .excurtion_box .desc_box.right dd{padding-left: 30px;}

.excurtion_wrap .excurtion_box .img_box{flex: 1;display: flex;align-items: stretch;flex-wrap: nowrap;gap: 20px;padding: 0 40px;}
.excurtion_wrap .excurtion_box .img_box > li{flex: 1;max-width: 300px;line-height: 0;border-radius: 20px;overflow: hidden;}
.excurtion_wrap .excurtion_box .img_box > li > img{width: 100%;max-width: 100%;}

.excurtion_icon{position:absolute;}
.excurtion_icon.excurtion_icon_01{width:82px;height:82px;background:url(../images/introduction/job_box_icon1.svg) no-repeat center center;background-size:cover;position:absolute;right:40px;top:50px}
.excurtion_icon.excurtion_icon_02{width:58px;height:58px;background:url(../images/introduction/job_box_icon2.svg) no-repeat center center;background-size:cover;position:absolute;left:30px;bottom:0}

.img_info_area{display:flex;gap:20px;}
/* 240422 css .img_info_area > div width:100% 추가 */
.img_info_area > div{width:100%;position:relative;border-radius: 4px;overflow: hidden;}
.img_info_area > div > div{position:absolute;top:0;left:0;width:100%;height:100%;display: flex;justify-content: center;align-items: center;font-size: 20px;color: #fff;background-color: #00000021;letter-spacing: -1px;font-weight: 700;transition:.3s;opacity:0}
.img_info_area > div > div:hover{opacity:1}
.img_info_area img{float:left;width:100%}


@media (max-width: 1100px){
    .glance_cont_list{}
    .excurtion_wrap .excurtion_box .desc_box.right{max-width: 90%;padding: 24px 20px 24px 80px;}
    .excurtion_wrap .excurtion_box .desc_box.right > div{font-size: 20px;}

}

@media (max-width: 768px){
    .excurtion_wrap .excurtion_box .desc_box.left{max-width:90%}
    .info_area.tec_type .info_tit{font-size:20px;}
    .glance_cont_list{display: flex;flex-direction: column;gap: 20px;}
    .glance_cont_item .item_inner{display: flex;flex-direction: row;align-items: center;padding: 10px;}
    .glance_cont_item .txt_box{width:100px;}
    .glance_cont_item .txt_box dt{font-size:16px;}
    .glance_cont_item .img_box{width:calc(100% - 100px);margin-top:0;height: 150px;}
    .glance_cont_wrap .link_box{flex-direction: column;gap: 20px;border-radius: 30px;}

    .excurtion_wrap .excurtion_box{padding-bottom:0}
    .excurtion_wrap .excurtion_box .desc_box.right{position: relative;max-width: 95%;padding: 14px 20px 14px 80px;margin-top:-30px;}
    .excurtion_wrap .excurtion_box .desc_box.right > div{font-size: 16px;}
    .excurtion_icon.excurtion_icon_01,
    .excurtion_icon.excurtion_icon_02{width:30px;height:30px;}
    .img_info_area{flex-direction: column;}
    .img_info_area > div > div{opacity:1}

}

@media (max-width: 450px){

}




/* kb교육 한눈에 e */

