@charset "utf-8";
@import url('./new_kb_font.css');


#kb_wrap.main{padding-top: 120px;}
#kb_wrap.main #kb_header .hd_inner{max-width: 1440px;padding: 0 20px;}
#kb_main{font-family: 'KBFGText', sans-serif;font-weight: 400;}

@media (max-width: 1280px){}
@media (max-width: 1240px){
    #kb_wrap.main{padding-top: 60px;}
    #kb_wrap.main #kb_header .hd_inner{padding: 0 0 0 15px;}
}
@media (max-width: 1080px){}
@media (max-width: 767px){}
@media (max-width: 600px){}


#kb_main .sect01{}
#kb_main .sect01 .sect_inner{position: relative;}
#kb_main .main_banner{margin-top: 0;}/* 250319 모티브로 수정 - margin-top: 0;추가 */
#kb_main .main_banner .banner_inner{width: 100%;}
#kb_main .main_banner .main_banner_list{}

#kb_main .main_banner .main_banner_item{}
#kb_main .main_banner .main_banner_item .banner_inner{display: block;width: 100%;height: calc(100vh - 120px);position: relative;overflow: hidden;}

#kb_main .main_banner .banner_img_box{width: 100%;height: 100%;position: relative;z-index: 1;overflow: hidden;}
#kb_main .main_banner .banner_img_box .img_box{width: 100%;height: 100%;/*position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;*/}
#kb_main .main_banner .banner_img_box .img_box::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .25);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;}
#kb_main .main_banner .banner_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: bottom;}

#kb_main .main_banner .banner_desc_box{display: flex;align-items: flex-start;justify-content: center;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;}
#kb_main .main_banner .banner_desc_box .desc_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 120px 48px;}
#kb_main .main_banner .banner_desc_box .desc_tit{font-family: 'KBFGDisplay', sans-serif;font-size: 56px;font-weight: 900;line-height: 80px;color: #FFBC00;letter-spacing: -0.54px;text-align: center;text-shadow: 2px 5px 10px rgba(0, 0, 0, .45);display: -webkit-box;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;overflow: hidden;}
#kb_main .main_banner .banner_desc_box .desc_subtit{margin-top: 24px;font-size: 30px;font-weight: 700;color: #fff;line-height: 38px;letter-spacing: -0.54px;text-align: center;text-shadow: 2px 1px 5px rgba(0, 0, 0, .3);display: -webkit-box;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;overflow: hidden;}

#kb_main .banner_etc_wrap{position: absolute;left: 0;right: 0;bottom: -140px;z-index: 5;}
#kb_main .swiper_util_box{display: flex;align-items: center;justify-content: center;column-gap: 48px;}
#kb_main .swiper_util_box .swiper_btns_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 16px;flex: 0 0 auto;}
#kb_main .swiper_util_box .swiper_btns{width: 44px;height: 44px;background-color: transparent;background-repeat: no-repeat;background-size: 24px;background-position: center center;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box;cursor: pointer;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);transition: background-color .45s, background-image .45s;}
#kb_main .swiper_util_box .swiper_btns_prev{background-image: url('../images/new_main/swiper_prev_w.svg');}
#kb_main .swiper_util_box .swiper_btns_next{background-image: url('../images/new_main/swiper_next_w.svg');}

#kb_main .swiper_util_box .swiper_paging{width: auto;display: inline-flex;align-items: flex-end;flex-wrap: nowrap;column-gap: 6px;}
#kb_main .swiper_util_box .swiper_paging span{display: inline-block;font-size: 28px;font-weight: 500;line-height: 36px;color: #fff;text-shadow: 0 4px 4px rgba(0, 0, 0, .25);}
#kb_main .swiper_util_box .swiper_paging span.active{font-size: 48px;font-weight: 700;line-height: 48px;color: #FFBC00;}

#kb_main .banner_etc_wrap .main_menu_box{width: 100%;max-width: 1440px;margin: 0 auto;margin-top: 24px;padding: 0 20px;}
#kb_main .banner_etc_wrap .menu_list{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 1px;background-color: #fff;border-radius: 20px;overflow: hidden;box-shadow: 7px 7px 30px 0px rgba(132, 125, 115,0.3);}
#kb_main .banner_etc_wrap .menu_item{flex: 1;position: relative;}
#kb_main .banner_etc_wrap .menu_item + .menu_item::before{content: '';display: block;width: 1px;height: calc(100% - (60px));background-color: #61564b;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#kb_main .banner_etc_wrap .menu_item .item_inner{width: 100%;height: 100%;padding: 30px;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;position: relative;}
#kb_main .banner_etc_wrap .menu_item .item_hd{}
#kb_main .banner_etc_wrap .menu_item .item_tit{font-size: 22px;font-weight: 700;line-height: 28px;color: #403d3f;letter-spacing: -0.54px;}
#kb_main .banner_etc_wrap .menu_item .item_desc{margin-top: 16px;font-size: 16px;font-weight: 500;line-height: 20px;color: #666;letter-spacing: -0.54px;word-break: keep-all;}
#kb_main .banner_etc_wrap .menu_item .item_ft{width: 100%;margin-top: 24px;display: flex;align-items: center;justify-content: space-between;column-gap: 8px;flex-wrap: nowrap;}
#kb_main .banner_etc_wrap .menu_item .item_btn_box{}
#kb_main .banner_etc_wrap .menu_item .item_btns{height: 48px;padding: 0 20px;display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 20px;background-color: #fff;border: 1px solid #61564b;border-radius: 100px;overflow: hidden;transition: background-color .45s;}
#kb_main .banner_etc_wrap .menu_item .item_btns .btns_name{flex: 0 0 auto;display: inline-block;font-size: 18px;font-weight: 500;line-height: 24px;color: #444;letter-spacing: -0.54px;transition: color .45s;}
#kb_main .banner_etc_wrap .menu_item .item_btns .icon_box{flex: 0 0 auto;display: inline-block;width: 16px;height: 16px;background: url('../images/icon/icon_more_arr.svg') no-repeat center center;background-size: cover;pointer-events: none;transition: background .45s;}

#kb_main .banner_etc_wrap .menu_item .item_btns:hover{background-color: #61564B;}
#kb_main .banner_etc_wrap .menu_item .item_btns:hover .btns_name{color: #fff;}
#kb_main .banner_etc_wrap .menu_item .item_btns:hover .icon_box{background: url('../images/icon/icon_more_arr_w.svg') no-repeat center center;}

#kb_main .banner_etc_wrap .menu_item .item_icon_box{line-height: 0;}
#kb_main .banner_etc_wrap .menu_item .item_icon_box .icon_box{display: inline-block;width: 65px;height: 65px;background-repeat: no-repeat;background-size: cover;background-position: center center;pointer-events: none;line-height: 0;}
#kb_main .banner_etc_wrap .menu_item .item_icon_box .menu_icon_01{background-image: url('../images/new_main/menu_icon_01.svg');}
#kb_main .banner_etc_wrap .menu_item .item_icon_box .menu_icon_02{background-image: url('../images/new_main/menu_icon_02.svg');}
#kb_main .banner_etc_wrap .menu_item .item_icon_box .menu_icon_03{background-image: url('../images/new_main/menu_icon_03.svg');}
#kb_main .banner_etc_wrap .menu_item .item_icon_box .menu_icon_04{background-image: url('../images/new_main/menu_icon_04.svg');}

@media (hover: hover){
    #kb_main .swiper_util_box .swiper_btns:hover{background-color: #fff}
    #kb_main .swiper_util_box .swiper_btns_prev:hover{background-image: url('../images/new_main/swiper_prev_b.svg');}
    #kb_main .swiper_util_box .swiper_btns_next:hover{background-image: url('../images/new_main/swiper_next_b.svg');}
}
@media (max-width: 1400px){
    #kb_main .main_banner .banner_desc_box .desc_tit{font-size: 48px;line-height: 64px;}
    #kb_main .main_banner .banner_desc_box .desc_subtit{font-size: 24px;line-height: 36px;}

    #kb_main .swiper_util_box{column-gap: 32px;}
    #kb_main .swiper_util_box .swiper_paging span{font-size: 24px;line-height: 32px;}
    #kb_main .swiper_util_box .swiper_paging span.active{font-size: 42px;line-height: 42px;}

    #kb_main .banner_etc_wrap .menu_item .item_tit{font-size: 20px;}
    #kb_main .banner_etc_wrap .menu_item .item_btns{height: 44px;}
}
@media (max-width: 1280px){
    #kb_main .main_banner .banner_desc_box .desc_tit{font-size: 40px;line-height: 56px;}
    #kb_main .main_banner .banner_desc_box .desc_subtit{margin-top: 20px;font-size: 22px;line-height: 34px;}

    #kb_main .swiper_util_box{column-gap: 32px;}
    #kb_main .swiper_util_box .swiper_paging span{font-size: 22px;line-height: 30px;}
    #kb_main .swiper_util_box .swiper_paging span.active{font-size: 36px;line-height: 36px;}

    #kb_main .swiper_util_box .swiper_btns{width: 40px;height: 40px;}
}
@media (max-width: 1240px){
    #kb_main .main_banner .main_banner_item .banner_inner{height: calc(100vh - 60px);}

    #kb_main .banner_etc_wrap .menu_item .item_inner{padding: 28px;}
    #kb_main .banner_etc_wrap .menu_item + .menu_item::before{height: calc(100% - (56px));}
    #kb_main .banner_etc_wrap .menu_item .item_desc{margin-top: 12px;}
    #kb_main .banner_etc_wrap .menu_item .item_btns{height: 44px;padding: 0 16px;column-gap: 12px;}
    #kb_main .banner_etc_wrap .menu_item .item_btns .btns_name{font-size: 16px;line-height: 20px;}
    #kb_main .banner_etc_wrap .menu_item .item_icon_box .icon_box{width: 55px;height: 55px;}
}
@media (max-width: 1080px){
    #kb_main .main_banner .banner_desc_box{align-items: center;}
    #kb_main .main_banner .banner_desc_box .desc_inner{padding: 80px 32px;}
    #kb_main .main_banner .banner_desc_box .desc_tit{font-size: 32px;line-height: 44px;}
    #kb_main .main_banner .banner_desc_box .desc_subtit{margin-top: 16px;font-size: 20px;line-height: 30px;}

    #kb_main .swiper_util_box{column-gap: 24px;}
    #kb_main .swiper_util_box .swiper_paging span{font-size: 20px;line-height: 28px;}
    #kb_main .swiper_util_box .swiper_paging span.active{font-size: 28px;line-height: 32px;}

    #kb_main .swiper_util_box .swiper_btns{width: 36px;height: 36px;background-size: 20px;}

    #kb_main .banner_etc_wrap{bottom: -120px;}
    #kb_main .banner_etc_wrap .menu_item + .menu_item::before{height: calc(100% - (48px));}
    #kb_main .banner_etc_wrap .menu_item .item_inner{padding: 24px;}
    #kb_main .banner_etc_wrap .menu_item .item_tit{font-size: 18px;line-height: 26px;}
    #kb_main .banner_etc_wrap .menu_item .item_desc{margin-top: 8px;}
    #kb_main .banner_etc_wrap .menu_item .item_btns{height: 40px;}
    #kb_main .banner_etc_wrap .menu_item .item_btns .btns_name{font-size: 14px;}
    #kb_main .banner_etc_wrap .menu_item .item_icon_box .icon_box{width: 45px;height: 45px;}
}
@media (max-width: 1024px) and (orientation: landscape) {
    #kb_main .main_banner .main_banner_item .banner_inner{height: 80vw;}
}
@media (max-width: 950px){
    #kb_main .banner_etc_wrap{bottom: -250px;}
    #kb_main .banner_etc_wrap .menu_list{flex-wrap: wrap;}
    #kb_main .banner_etc_wrap .menu_item{width: calc(50% - (1px/2));flex: unset;}
    #kb_main .banner_etc_wrap .menu_item + .menu_item:nth-child(odd):before{display: none;}
    #kb_main .banner_etc_wrap .menu_item + .menu_item::after{content: '';display: block;width: calc(100% - 48px);height: 1px;background-color: #61564b;position: absolute;left: 50%;top: 0%;transform: translateX(-50%);}
    #kb_main .banner_etc_wrap .menu_item + .menu_item:nth-child(2)::after{display: none;}
}
@media (max-width: 767px){
    #kb_main .banner_etc_wrap{bottom: -300px;}
}
@media (max-width: 600px){
    #kb_main .main_banner .banner_desc_box .desc_inner{margin-top: 0;}
    #kb_main .main_banner .banner_desc_box .desc_tit{font-size: 24px;line-height: 32px;text-shadow: 2px 2px 2px rgba(255, 255, 255, .25)}
    #kb_main .main_banner .banner_desc_box .desc_subtit{font-size: 18px;line-height: 26px;}
    #kb_main .main_banner .banner_desc_box .desc_subtit br{display: none;}

    #kb_main .swiper_util_box .swiper_paging span{font-size: 18px;line-height: 26px;}
    #kb_main .swiper_util_box .swiper_paging span.active{font-size: 24px;line-height: 28px;}

    #kb_main .banner_etc_wrap{bottom: unset;top: calc(100% - (140px));}
    #kb_main .banner_etc_wrap .menu_list{column-gap: 0;border-radius: 10px;}
    #kb_main .banner_etc_wrap .menu_item{width: 100%;}
    #kb_main .banner_etc_wrap .menu_item + .menu_item:nth-child(2)::after{display: block;}
    #kb_main .banner_etc_wrap .menu_item + .menu_item::before{display: none;}
    #kb_main .banner_etc_wrap .menu_item .item_inner{padding: 24px 16px;}
    #kb_main .banner_etc_wrap .menu_item .item_tit{font-size: 16px;line-height: 24px;}
    #kb_main .banner_etc_wrap .menu_item .item_desc{margin-top: 4px;font-size: 14px;}
    #kb_main .banner_etc_wrap .menu_item .item_ft{margin-top: 16px;}
}
@media (max-width: 480px){}
@media (max-width: 375px){}
@media (max-width: 320px){}

#kb_main .sect02{background-color: #FCF4E5;background-image: url('../images/new_main/sect02_logo.svg');background-repeat: no-repeat;background-size: 230px;background-position: right 120px top 230px;}
#kb_main .sect02 .sect_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 230px 20px 330px;position: relative;}
#kb_main .sect02 .sect_hd{position: relative;z-index: 2;}
#kb_main .sect02 .sect_desc_box{}
#kb_main .sect02 .sect_tit{font-size: 48px;font-weight: 700;line-height: 60px;color: #333;letter-spacing: -0.54px;}
#kb_main .sect02 .sect_desc{margin-top: 16px;font-size: 32px;font-weight: 500;line-height: 40px;color: #403d3f;letter-spacing: -0.54px;}
#kb_main .sect02 .sect_btns_box{margin-top: 72px;}
#kb_main .sect02 .sect_btns_box .sect_btns{height: 50px;padding: 0 20px;display: inline-flex;align-items: center;column-gap: 20px;flex-wrap: nowrap;background-color: #fff;border: 1px solid #7c756c;border-radius: 100px;transition: background-color .45s;}
#kb_main .sect02 .sect_btns_box .sect_btns .btns_name{flex: 0 0 auto;display: inline-block;font-size: 18px;font-weight: 500;line-height: 24px;color: #444;letter-spacing: -0.54px;transition: color .45s;}
#kb_main .sect02 .sect_btns_box .sect_btns .icon_box{flex: 0 0 auto;display: inline-block;width: 20px;height: 20px;background: url('../images/icon/icon_more_arr.svg') no-repeat center center;background-size: cover;pointer-events: none;transition: background .45s;}

#kb_main .sect02 .sect_btns_box .sect_btns:hover{background-color: #61564B;}
#kb_main .sect02 .sect_btns_box .sect_btns:hover .btns_name{color: #fff;}
#kb_main .sect02 .sect_btns_box .sect_btns:hover .icon_box{background: url('../images/icon/icon_more_arr_w.svg') no-repeat center center;background-size: cover;}

#kb_main .sect02 .sect_ft{position: absolute;left: 0;bottom: -19px;right: 0;z-index: 1;}
#kb_main .sect02 .ft_img_box{width: 100%;max-width: 1200px;margin-left: auto;line-height: 0;}
#kb_main .sect02 .ft_img_box img{width: 100%;}

@media (max-width: 1400px){
    #kb_main .sect02{background-position: right 30% top 230px;}
    #kb_main .sect02 .sect_tit{font-size: 40px;line-height: 52px;}
    #kb_main .sect02 .sect_desc{font-size: 28px;line-height: 36px;}
    #kb_main .sect02 .ft_img_box{padding: 0 20px;}
}
@media (max-width: 1280px){
    #kb_main .sect02 .sect_tit{font-size: 36px;line-height: 48px;}
    #kb_main .sect02 .sect_desc{font-size: 24px;line-height: 32px;}
    #kb_main .sect02 .sect_ft{bottom: -15px;}
    #kb_main .sect02 .ft_img_box{max-width: 1000px;}
}
@media (max-width: 1080px){
    #kb_main .sect02 .sect_inner{padding: 200px 20px 300px;}
    #kb_main .sect02 .sect_tit{font-size: 34px;line-height: 42px;}
    #kb_main .sect02 .sect_desc{font-size: 22px;line-height: 32px;}
    #kb_main .sect02 .sect_btns_box{margin-top: 64px;}
    #kb_main .sect02 .sect_btns_box .sect_btns .btns_name{font-size: 16px;}

    #kb_main .sect02 .sect_ft{bottom: -12px;}
    #kb_main .sect02 .ft_img_box{max-width: 800px;}
}
@media (max-width: 950px){
    #kb_main .sect02{background-position: right 10% bottom 50%;}
    #kb_main .sect02 .sect_inner{padding: 320px 20px 260px;}

    #kb_main .sect02 .sect_ft{bottom: -9px;}
    #kb_main .sect02 .ft_img_box{max-width: 600px;}
}
@media (max-width: 767px){
    #kb_main .sect02{background-position: right 20px bottom 40%;}
    #kb_main .sect02 .sect_inner{padding: 380px 20px 160px;}
    #kb_main .sect02 .sect_tit{font-size: 30px;line-height: 38px;}
    #kb_main .sect02 .sect_desc{font-size: 20px;line-height: 30px;}
    #kb_main .sect02 .sect_btns_box{margin-top: 48px;}
    #kb_main .sect02 .sect_btns_box .sect_btns{height: 44px;padding: 0 16px;column-gap: 16px;}
}
@media (max-width: 600px){
    #kb_main .sect02{background-position: right 20px bottom 30%;background-size: 140px;}
    #kb_main .sect02 .sect_inner{padding: 620px 20px 64px;}
    #kb_main .sect02 .sect_tit{font-size: 24px;line-height: 32px;}
    #kb_main .sect02 .sect_desc{margin-top: 10px;font-size: 18px;line-height: 26px;}
    #kb_main .sect02 .sect_btns_box{margin-top: 48px;}
    #kb_main .sect02 .sect_btns_box .sect_btns{height: 40px;padding: 0 16px;column-gap: 12px;}
    #kb_main .sect02 .sect_btns_box .sect_btns .btns_name{font-size: 14px;line-height: 20px;}
    #kb_main .sect02 .sect_btns_box .sect_btns .icon_box{width: 16px;height: 16px;}
    #kb_main .sect02 .sect_ft{display: none;}
    #kb_main .sect02{background-position: right 20px bottom 5%;}
}
@media (max-width: 480px){}
@media (max-width: 375px){}
@media (max-width: 320px){}

#kb_main .sect03{background-color: #f8cd21;background-image: url('../images/new_main/sect03_bg.svg');background-repeat: no-repeat;background-size: auto;background-position: center center;position: relative;overflow: hidden;}
#kb_main .sect03 .sect_inner{width: 100%;max-width: 1520px;margin: 0 auto;padding: 120px 20px 100px;position: relative;z-index: 2;}
#kb_main .sect03 .sect_hd{}
#kb_main .sect03 .sect_tit_box{}
#kb_main .sect03 .sect_tit_box .sect_tit{font-size: 44px;font-weight: 700;line-height: 56px;color: #403d3f;letter-spacing: -0.54px;text-align: center;}

#kb_main .sect03 .sect_bd{margin-top: 80px;}
#kb_main .offline_course{width: 100%;overflow: visible;position: relative;}
#kb_main .offline_course .offline_course_list{align-items: stretch;}
#kb_main .offline_course .offline_course_list.justify_content{justify-content: center;}
#kb_main .offline_course .offline_item{height: auto;background-color: #fff;border-radius: 36px;box-sizing: border-box;position: relative;transform: translateY(0);overflow: hidden;box-shadow: none;transition: transform .45s, box-shadow .45s;}
#kb_main .offline_course .offline_item:hover{transform: translateY(-20px);box-shadow: 0 25px 40px rgba(0, 0, 0, .35);}
#kb_main .offline_course .offline_item .item_inner{display: block;width: 100%;height: 100%;padding: 48px 32px;box-sizing: border-box;}
#kb_main .offline_course .offline_item .item_hd{}
#kb_main .offline_course .offline_item .item_icon_box{line-height: 0;text-align: center;}
#kb_main .offline_course .offline_item .item_icon_box .icon_box{display: inline-block;height: 90px;background-repeat: no-repeat;background-size: cover;background-position: center center;pointer-events: none;} /* 250319 모티브로 수정 - width값 제거 */
#kb_main .offline_course .offline_item .item_icon_box .offline_icon_01{background-image: url('../images/new_main/offline_icon_01.svg');}
#kb_main .offline_course .offline_item .item_icon_box .offline_icon_02{background-image: url('../images/new_main/offline_icon_02.svg');}
#kb_main .offline_course .offline_item .item_icon_box .offline_icon_03{background-image: url('../images/new_main/offline_icon_03.svg');}
#kb_main .offline_course .offline_item .item_icon_box .offline_icon_04{background-image: url('../images/new_main/offline_icon_04.svg');}
#kb_main .offline_course .offline_item .item_icon_box .offline_icon_05{background-image: url('../images/new_main/offline_icon_05.svg');}
#kb_main .offline_course .offline_item .item_icon_box .offline_icon_06{background-image: url('../images/new_main/offline_icon_06.svg');}

#kb_main .offline_course .offline_item .item_bd{margin-top: 24px;text-align: center;}
#kb_main .offline_course .offline_item .item_tit{font-size:24px;font-weight:700;line-height:32px;color:#333;letter-spacing:-.54px;display:block;display:-webkit-box;overflow:hidden;max-height:64px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500}
#kb_main .offline_course .offline_item .item_desc{font-size:16px;font-weight:500;line-height:24px;color:#666;letter-spacing:-.54px;word-break:keep-all;display:block;display:-webkit-box;overflow:hidden;max-height:44px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500}

#kb_main .offline_course .offline_item .item_tit + .item_desc{margin-top: 12px;}

#kb_main .offline_course .swiper-pagination{display: block;top:auto;bottom: -40px;}/* 250319 모티브로 수정 - display: block;추가 */
#kb_main .offline_course .swiper-pagination.swiper-pagination-lock{display: none !important;}
#kb_main .offline_course .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#61564B}

#kb_main .sect03 .offline_course .swiper_btns{position: absolute;top: 50%;z-index: 10;transform: translateY(-50%);background-color: transparent;border: 0;border-radius: 0;box-shadow: none;background-size: cover;}
#kb_main .sect03 .offline_course .swiper_btns_prev{left: -30px;}
#kb_main .sect03 .offline_course .swiper_btns_next{right: -30px;}

#kb_main .sect03 .offline_course .swiper_btns_prev{background-image: url('../images/new_main/swiper_prev_arrow.svg');}
#kb_main .sect03 .offline_course .swiper_btns_next{background-image: url('../images/new_main/swiper_next_arrow.svg');}

@media (hover: hover){
    #kb_main .sect03 .offline_course .swiper_btns{background-color: transparent;}
    #kb_main .sect03 .offline_course .swiper_btns_prev{background-image: url('../images/new_main/swiper_prev_arrow.svg');}
    #kb_main .sect03 .offline_course .swiper_btns_next{background-image: url('../images/new_main/swiper_next_arrow.svg');}
}

@media (max-width: 1400px){
    #kb_main .sect03 .sect_tit_box .sect_tit{font-size: 40px;line-height: 52px;}
    #kb_main .offline_course .offline_item .item_inner{padding: 32px;}
    #kb_main .offline_course .offline_item .item_tit{font-size: 22px;line-height: 30px;}
}
@media (max-width: 1280px){
    #kb_main .sect03 .sect_tit_box .sect_tit{font-size: 36px;line-height: 48px;}
    #kb_main .offline_course .offline_item .item_icon_box .icon_box{height: 78px;}/* 250319 모티브로 수정 - width값 제거 */
    #kb_main .offline_course .offline_item .item_tit{font-size: 20px;line-height: 28px;}

    #kb_main .sect03 .offline_course .swiper_btns_prev{left: -20px;}
    #kb_main .sect03 .offline_course .swiper_btns_next{right: -20px;}
}
@media (max-width: 1080px){
    #kb_main .sect03 .sect_inner{padding: 100px 20px 80px;}
    #kb_main .sect03 .sect_tit_box .sect_tit{font-size: 34px;line-height: 42px;}
    #kb_main .sect03 .sect_bd{margin-top: 64px;}
    #kb_main .offline_course .offline_item .item_icon_box .icon_box{height: 70px;}/* 250319 모티브로 수정 - width값 제거 */
    #kb_main .offline_course .offline_item .item_tit{font-size: 18px;line-height: 26px;}
    #kb_main .offline_course .offline_item .item_tit + .item_desc{margin-top: 8px;}

    #kb_main .sect03 .offline_course .swiper_btns_prev{left: -18px;}
    #kb_main .sect03 .offline_course .swiper_btns_next{right: -18px;}
}
@media (max-width: 950px){}
@media (max-width: 767px){
    #kb_main .sect03 .sect_tit_box .sect_tit{font-size: 30px;line-height: 38px;}
    #kb_main .offline_course .offline_course_list.justify_content{justify-content: flex-start;}
}
@media (max-width: 600px){
    #kb_main .sect03 .sect_inner{padding: 80px 20px 64px;}
    #kb_main .sect03 .sect_tit_box .sect_tit{font-size: 24px;line-height: 32px;word-break: keep-all;}
    #kb_main .sect03 .sect_tit_box .sect_tit br{display: none;}
    #kb_main .sect03 .sect_bd{margin-top: 48px;}
    #kb_main .offline_course .offline_item .item_inner{padding: 32px 16px;}
    #kb_main .offline_course .offline_item .item_tit{font-size: 16px;line-height: 24px;}
    #kb_main .offline_course .offline_item .item_desc{font-size: 14px;line-height: 20px;}
    #kb_main .offline_course .offline_item:hover{transform: none;border-color: transparent;}
    #kb_main .offline_course .offline_item.swiper-slide-active{transform: translateY(-20px);border-color: #4F3A2B;}
}
@media (max-width: 480px){}
@media (max-width: 375px){}
@media (max-width: 320px){}


#kb_main .sect04{width: 100%;background-color: #fff;position: relative;overflow: hidden;}
#kb_main .sect04 .sect_inner{width: 100%;max-width: 1520px;margin: 0 auto;padding: 200px 40px 110px 20px;display: flex;align-items: flex-start;justify-content: space-between;column-gap: 50px;}
#kb_main .sect04 .sect_left{flex: 630 1 0;position: relative;z-index: 2;}
#kb_main .sect04 .sect_tit_box{}
#kb_main .sect04 .sect_tit_box .sect_tit{font-size: 44px;font-weight: 700;line-height: 52px;color: #333;letter-spacing: -0.54px;}
#kb_main .sect04 .sect_tit_box .sect_desc{margin-top: 8px;font-size: 28px;font-weight: 500;line-height: 36px;color: #403d3f;letter-spacing: -0.54px;word-break: keep-all;}
#kb_main .sect04 .sect_tit_box .sect_btns{margin-top: 140px;height: 52px;padding: 0 20px;background-color: #fff;border: 1px solid #7c756c;border-radius: 100px;box-sizing: border-box;display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 20px;transition: background-color .45s;}
#kb_main .sect04 .sect_tit_box .sect_btns .btns_name{flex: 0 0 auto;display: inline-block;font-size: 20px;font-weight: 400;line-height: 24px;color: #444;letter-spacing: -0.54px;transition: color .45s;}
#kb_main .sect04 .sect_tit_box .sect_btns .icon_more_arr{flex: 0 0 auto;display: inline-block;width: 20px;height: 20px;background: url('../images/icon/icon_more_arr.svg') no-repeat center center;background-size: cover;pointer-events: none;transition: background .45s;}

#kb_main .sect04 .sect_tit_box .sect_btns:hover{background-color: #61564B;}
#kb_main .sect04 .sect_tit_box .sect_btns:hover .btns_name{color: #fff;}
#kb_main .sect04 .sect_tit_box .sect_btns:hover .icon_more_arr{background: url('../images/icon/icon_more_arr_w.svg') no-repeat center center;background-size: cover;}

#kb_main .sect04 .sect_right{flex: 800 1 0;padding-right: 40px}
#kb_main .sect04 .online_list{width: 100%;}
#kb_main .sect04 .online_item{width: 100% !important;border-radius: 12px;background-color: #fff;box-shadow: 7px 7px 20px 0px rgba(132, 125, 115,0.3);overflow: hidden;} /* 250319 모티브로 수정 - background-color: #fff;추가 */
#kb_main .sect04 .online_item .item_thumb_box{width: 100%;height: 0;padding-top: 56.25%;position: relative;overflow: hidden;}
#kb_main .sect04 .online_item .item_thumb_box::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;background-color: rgba(0, 0, 0, .1);opacity: 1;transition: opacity .5s;}
#kb_main .sect04 .online_item.active .item_thumb_box::before{opacity: 0;}

#kb_main .sect04 .online_item .item_thumb_box .thumb_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
#kb_main .sect04 .online_item .item_thumb_box .thumb_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

#kb_main .sect04 .online_item .item_thumb_box .play_btns_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 4;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, .2);opacity: 0;transition: opacity .5s;}
#kb_main .sect04 .online_item.active:hover .item_thumb_box .play_btns_box{opacity: 1;}
#kb_main .sect04 .online_item .item_thumb_box .play_btns_box .play_btns{opacity: 0;transform: translateY(10px);transition: opacity .3s, transform .3s;}
#kb_main .sect04 .online_item:hover .item_thumb_box .play_btns_box .play_btns{opacity: 1;transform: translateY(0);}
#kb_main .sect04 .online_item .item_thumb_box .play_btns_box .play_btns .icon_play_btn{display: inline-block;width: 108px;height: 116px;background: url('../images/new_main/icon_play_btns.svg') no-repeat center center;background-size: cover;pointer-events: none;}

#kb_main .sect04 .swiper_util_box{margin-top: 24px;}
#kb_main .sect04 .swiper_util_box .swiper_paging{align-items: center;}
#kb_main .sect04 .swiper_util_box .swiper_paging span{color: #333;text-shadow: none;}
#kb_main .sect04 .swiper_util_box .swiper_paging span.active{color: #ffcc00;}
#kb_main .sect04 .swiper_util_box .swiper_btns{border-color: #333;box-shadow: none;background-repeat: no-repeat;background-size: 24px 24px;background-position: center center;}
#kb_main .sect04 .swiper_util_box .swiper_btns_prev{background-image: url('../images/new_main/swiper_prev_b.svg');}
#kb_main .sect04 .swiper_util_box .swiper_btns_next{background-image: url('../images/new_main/swiper_next_b.svg');}

#kb_main .sect04 .bg_shape{display: inline-block;position: absolute;z-index: 1;}
#kb_main .sect04 .bg_shape.shape01{position: absolute;left: 0;top: 0;}
#kb_main .sect04 .bg_shape.shape02{position: absolute;right: 0;top: 0;}
#kb_main .sect04 .bg_shape.shape03{position: absolute;left: 46%;top: 25%;transform: translate(-50%, -50%);}
#kb_main .sect04 .bg_shape .shape_img{display: inline-block;line-height: 0;}
#kb_main .sect04 .bg_shape .shape_img img{max-width: 100%;}
#kb_main .sect04 .bg_logo{position: absolute;left: 35%;top: 60%;z-index: 1;transform: translate(-50%, -50%);}
#kb_main .sect04 .bg_logo .logo_img{line-height: 0;}
#kb_main .sect04 .bg_logo .logo_img img{max-width: 100%;}

@media (hover: hover){
    #kb_main .sect04 .swiper_util_box .swiper_btns:hover{background-color: #333;}
    #kb_main .sect04 .swiper_util_box .swiper_btns_prev:hover{background-image: url('../images/new_main/swiper_prev_w.svg');}
    #kb_main .sect04 .swiper_util_box .swiper_btns_next:hover{background-image: url('../images/new_main/swiper_next_w.svg');}
}
@media (max-width: 1400px){
    #kb_main .sect04 .sect_tit_box .sect_tit{font-size: 40px;line-height: 52px;}
    #kb_main .sect04 .sect_tit_box .sect_desc{font-size: 28px;line-height: 36px;}
    #kb_main .sect04 .sect_tit_box .sect_btns{margin-top: 80px;height: 50px;}

    #kb_main .sect04 .bg_shape.shape02{right: -200px;}
    #kb_main .sect04 .bg_shape .shape_img img{max-width: 80%;}
    #kb_main .sect04 .bg_logo .logo_img img{max-width: 80%;}

    #kb_main .sect04 .swiper_util_box{column-gap: 32px;}
    #kb_main .sect04 .swiper_util_box .swiper_paging span{font-size: 24px;line-height: 32px;}
    #kb_main .sect04 .swiper_util_box .swiper_paging span.active{font-size: 42px;line-height: 42px;}
}
@media (max-width: 1280px){
    #kb_main .sect04 .sect_tit_box .sect_tit{font-size: 36px;line-height: 48px;}
    #kb_main .sect04 .sect_tit_box .sect_desc{font-size: 24px;line-height: 32px;}

    #kb_main .sect04 .swiper_util_box .swiper_paging span{font-size: 22px;line-height: 30px;}
    #kb_main .sect04 .swiper_util_box .swiper_paging span.active{font-size: 36px;line-height: 36px;}
    #kb_main .sect04 .swiper_util_box .swiper_btns{width: 40px;height: 40px;}
}
@media (max-width: 1240px){
    #kb_main .sect04 .sect_inner{display: block;padding: 120px 20px 80px;}
    #kb_main .sect04 .sect_tit_box .sect_btns{margin-top: 32px;height: 48px;}
    #kb_main .sect04 .sect_right{max-width: 80%;margin: 64px auto 0;}
}
@media (max-width: 1080px){
    #kb_main .sect04 .sect_inner{padding: 100px 20px 80px;}
    #kb_main .sect04 .sect_tit_box .sect_tit{font-size: 34px;line-height: 42px;}
    #kb_main .sect04 .sect_tit_box .sect_desc{font-size: 22px;line-height: 32px;}
    #kb_main .sect04 .sect_tit_box .sect_btns .btns_name{font-size: 16px;}

    #kb_main .sect04 .sect_right{max-width: 100%;margin: 48px auto 0;padding: 0 40px;}
    #kb_main .sect04 .online_item .item_thumb_box .play_btns_box .play_btns .icon_play_btn{width: 80px;height: 86px;}
    #kb_main .sect04 .swiper_util_box .swiper_paging span{font-size: 20px;line-height: 28px;}
    #kb_main .sect04 .swiper_util_box .swiper_paging span.active{font-size: 28px;line-height: 32px;}
    #kb_main .sect04 .swiper_util_box .swiper_btns{width: 36px;height: 36px;background-size: 20px;}

    #kb_main .sect04 .bg_shape.shape01{top: unset;bottom: 0;}
    #kb_main .sect04 .bg_shape.shape02{right: -300px;}
}
@media (max-width: 767px){
    #kb_main .sect04 .sect_tit_box .sect_tit{font-size: 30px;line-height: 38px;}
    #kb_main .sect04 .sect_tit_box .sect_desc{font-size: 20px;line-height: 30px;}
    #kb_main .sect04 .sect_tit_box .sect_btns{height: 44px;padding: 0 16px;column-gap: 16px;}

    #kb_main .sect04 .online_item .item_thumb_box .play_btns_box .play_btns .icon_play_btn{width: 60px;height: 65px;}
}
@media (max-width: 600px){
    #kb_main .sect04 .sect_inner{padding: 80px 20px 64px;}
    #kb_main .sect04 .sect_tit_box .sect_tit{font-size: 24px;line-height: 32px;}
    #kb_main .sect04 .sect_tit_box .sect_desc{margin-top: 10px;font-size: 18px;line-height: 26px;}

    #kb_main .sect04 .sect_btns_box{margin-top: 48px;}
    #kb_main .sect04 .sect_tit_box .sect_btns{height: 40px;padding: 0 16px;column-gap: 12px;}
    #kb_main .sect04 .sect_tit_box .sect_btns .btns_name{font-size: 14px;line-height: 20px;}
    #kb_main .sect04 .sect_tit_box .sect_btns .icon_box{width: 16px;height: 16px;}

    #kb_main .sect04 .sect_right{padding: 0 30px;}
    #kb_main .sect04 .online_item .item_thumb_box .play_btns_box .play_btns .icon_play_btn{width: 40px;height: 48px;}
    #kb_main .sect04 .swiper_util_box .swiper_paging span{font-size: 18px;line-height: 26px;}
    #kb_main .sect04 .swiper_util_box .swiper_paging span.active{font-size: 24px;line-height: 28px;}

    #kb_main .sect04 .bg_shape.shape03{left: 10%;top: 0;}
    #kb_main .sect04 .bg_shape .shape_img img{max-width: 50%;}
    #kb_main .sect04 .bg_logo{display: none;}
}
@media (max-width: 480px){}
@media (max-width: 375px){}
@media (max-width: 320px){}

#kb_main .sect05{width: 100%;max-height: calc(100vh - 120px);position: relative;overflow: hidden;}
#kb_main .sect05 .sect_bg_box{width: 100%;height: 0;padding-top: 46.875%;position: relative;z-index: 1;overflow: hidden;}
#kb_main .sect05 .sect_bg_box .sect_bg{width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;z-index: 1;transform: translate(-50%, -50%);}
#kb_main .sect05 .sect_bg_box .sect_bg::after{content: '';display: block;width: 100%;height: 100%;opacity: .55;background-image: url('../images/new_main/sect05_bg_mosaic.png');background-repeat: repeat;background-size: 4px 4px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;}
#kb_main .sect05 .sect_bg_box .sect_bg img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#kb_main .sect05 .sect_inner{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;}
#kb_main .sect05 .sect_hd{position: absolute;left: 50%;top: 110px;z-index: 6;transform: translateX(-50%);text-align: center;}
#kb_main .sect05 .sect_tit_box{display: inline-block;text-align: center;}
#kb_main .sect05 .sect_tit{font-size: 44px;font-weight: 700;line-height: 56px;color: #fff;letter-spacing: -0.54px;text-shadow: 0px 2px 1px rgba(255, 255, 255, .25);}
#kb_main .sect05 .sect_tit .small{display: inline-block;margin-left: 4px;font-size: 14px;font-weight: 400;line-height: 1;}

#kb_main .sect05 .sect_bd{width: 100%;height: 100%;}
#kb_main .sect05 .about_banner{width: 100%;height: 100%;}
#kb_main .sect05 .about_banner .about_list{width: 100%;height: 100%;display: flex;align-items: stretch;flex-wrap: nowrap;}
#kb_main .sect05 .about_banner .about_item{flex: 1 1 25%;display: flex;align-items: center;justify-content: center;position: relative;z-index: 5;cursor: pointer;}
#kb_main .sect05 .about_banner .about_item + .about_item::before{content: '';display: block;width: 1px;height: 100%;background-color: #f4f0f0;opacity: .7;position: absolute;left: 0;top: 0;bottom: 0;z-index: -1;}
#kb_main .sect05 .about_banner .about_item::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(4, 24, 33, .6);opacity: 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: -2;transition: opacity .65s;}
#kb_main .sect05 .about_banner .about_item .item_inner{width: 100%;padding: 60px 0;margin-top: 0;transition: margin-top .65s;}

#kb_main .sect05 .about_banner .about_item .item_hd{width: 100%;padding: 0 60px;}
#kb_main .sect05 .about_banner .about_item .item_icon_box{line-height: 0;text-align: center;}
#kb_main .sect05 .about_banner .about_item .icon_box{display: inline-block;width: 80px;height: 80px;pointer-events: none;}
#kb_main .sect05 .about_banner .about_item .icon_box svg{width: 100%;height: 100%;overflow: visible;pointer-events: none;}
#kb_main .sect05 .about_banner .about_item .icon_box svg path{filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 1));pointer-events: none;}

#kb_main .sect05 .about_banner .about_item .item_tit_box{width: 100%;margin-top: 36px;}
#kb_main .sect05 .about_banner .about_item .item_tit{font-size: 32px;font-weight: 700;line-height: 40px;color: #fff;text-align: center;letter-spacing: -0.54px;text-shadow: 0 2px 1px rgba(0, 0, 0, .25);}

#kb_main .sect05 .about_banner .about_item .item_bd{width: 100%;margin-top: 0;opacity: 0;transition: margin-top 1.2s, opacity .65s;}
#kb_main .sect05 .about_banner .about_item .item_number_box{position: absolute;left: 0;width: 100%;padding-left: 30px;padding-right: 30px;opacity: 0;transition: opacity .65s, position .65s;}
#kb_main .sect05 .about_banner .about_item .item_number{font-size: 48px;font-weight: 700;line-height: 56px;color: #fff;text-align: center;letter-spacing: -0.54px;text-shadow: 0 2px 1px rgba(0, 0, 0, .25);}

#kb_main .sect05 .about_banner .about_item .item_desc_box{position: absolute;left: 0;width: 100%;opacity: 0;transition: opacity .65s;}
#kb_main .sect05 .about_banner .about_item .item_desc{margin-top: 0;padding-top: 0;padding-left: 30px;padding-right: 30px;transition: margin-top .65s, padding-top .65s;font-size: 22px;font-weight: 500;line-height: 28px;color: #fff;text-align: center;letter-spacing: -0.54px;text-shadow: 0 2px 1px rgba(0, 0, 0, .25);word-break: keep-all;}

#kb_main .sect05 .about_banner .about_item:hover::after{opacity: 1;}
#kb_main .sect05 .about_banner .about_item:hover .item_inner{margin-top: -120px;}
#kb_main .sect05 .about_banner .about_item:hover .item_bd{margin-top: 64px;opacity: 1;}
#kb_main .sect05 .about_banner .about_item:hover .item_number_box{opacity: 1;}
#kb_main .sect05 .about_banner .about_item:hover .item_desc_box{opacity: 1;}
#kb_main .sect05 .about_banner .about_item:hover .item_desc{margin-top: 56px;padding-top: 64px;}

@media (max-width: 1680px){
    #kb_main .sect05 .sect_hd{top: 64px;}
    #kb_main .sect05 .sect_tit{font-size: 40px;line-height: 48px;}
    #kb_main .sect05 .about_banner .about_item .item_hd{padding: 0 30px;}
    #kb_main .sect05 .about_banner .about_item .icon_box{width: 70px;height: 70px;}
    #kb_main .sect05 .about_banner .about_item .item_tit_box{margin-top: 32px;}
    #kb_main .sect05 .about_banner .about_item .item_tit{font-size: 28px;line-height: 36px;}
    #kb_main .sect05 .about_banner .about_item .item_number_box{padding-left: 20px;padding-right: 20px;}
    #kb_main .sect05 .about_banner .about_item .item_number{font-size: 40px;line-height: 48px;}
    #kb_main .sect05 .about_banner .about_item .item_desc{font-size: 20px;padding-left: 20px;padding-right: 20px;}

    #kb_main .sect05 .about_banner .about_item:hover .item_bd{margin-top: 56px;}
    #kb_main .sect05 .about_banner .about_item:hover .item_desc{margin-top: 48px;padding-top: 56px;}

}
@media (max-width: 1400px){
    #kb_main .sect05 .sect_hd{top: 56px;}
    #kb_main .sect05 .sect_tit{font-size: 36px;line-height: 40px;}
    #kb_main .sect05 .about_banner .about_item .item_hd{padding: 0 20px;}
    #kb_main .sect05 .about_banner .about_item .item_inner{padding: 30px 0;}
    #kb_main .sect05 .about_banner .about_item .item_tit_box{margin-top: 28px;}
    #kb_main .sect05 .about_banner .about_item .item_tit{font-size: 26px;line-height: 34px;}
    #kb_main .sect05 .about_banner .about_item .item_number{font-size: 32px;line-height: 32px;}
    #kb_main .sect05 .about_banner .about_item .item_desc{font-size: 20px;}

    #kb_main .sect05 .about_banner .about_item:hover .item_inner{margin-top: -140px;}
    #kb_main .sect05 .about_banner .about_item:hover .item_bd{margin-top: 48px;}
    #kb_main .sect05 .about_banner .about_item:hover .item_desc{margin-top: 32px;padding-top: 48px;}
}
@media (max-width: 1280px){
    #kb_main .sect05 .sect_hd{top: 48px;}
    #kb_main .sect05 .sect_tit{font-size: 32px;line-height: 38px;}

    #kb_main .sect05 .about_banner .about_item:hover .item_inner{margin-top: -160px;}
}
@media (max-width: 1240px){
    #kb_main .sect05{width: 100%;max-height: calc(100vh - 60px);position: relative;overflow: hidden;}
    #kb_main .sect05 .sect_bg_box{padding-top: 56.25%;}

    #kb_main .sect05 .sect_hd{top: 48px;}
    #kb_main .sect05 .sect_tit{font-size: 32px;line-height: 38px;}
    #kb_main .sect05 .about_banner .about_item .item_inner{padding: 20px 0;}
    #kb_main .sect05 .about_banner .about_item .icon_box{width: 64px;height: 64px;}
    #kb_main .sect05 .about_banner .about_item .item_tit_box{margin-top: 24px;}
    #kb_main .sect05 .about_banner .about_item .item_tit{font-size: 22px;line-height: 30px;}
    #kb_main .sect05 .about_banner .about_item .item_number{font-size: 26px;line-height: 30px;}
    #kb_main .sect05 .about_banner .about_item .item_desc{font-size: 18px;}

    #kb_main .sect05 .about_banner .about_item:hover .item_bd{margin-top: 32px;}
    #kb_main .sect05 .about_banner .about_item:hover .item_desc{margin-top: 30px;padding-top: 30px;}
}
@media (max-width: 1080px){
    #kb_main .sect05 .sect_bg_box{padding-top: 64%;}
    #kb_main .sect05 .sect_hd{top: 32px;}
    #kb_main .sect05 .sect_tit{font-size: 24px;line-height: 1;}

    #kb_main .sect05 .about_banner .about_item .item_inner{padding: 16px 0;}
    #kb_main .sect05 .about_banner .about_item .item_hd{padding: 0 16px;}
    #kb_main .sect05 .about_banner .about_item .icon_box{width: 50px;height: 50px;}
    #kb_main .sect05 .about_banner .about_item .item_tit_box{margin-top: 16px;}
    #kb_main .sect05 .about_banner .about_item .item_tit{font-size: 20px;line-height: 28px;}
    #kb_main .sect05 .about_banner .about_item .item_number_box{padding-left: 16px;padding-right: 16px;}
    #kb_main .sect05 .about_banner .about_item .item_number{font-size: 22px;line-height: 28px;}
    #kb_main .sect05 .about_banner .about_item .item_desc{padding-left: 10px;padding-right: 10px;font-size: 16px;line-height: 24px;}

    #kb_main .sect05 .about_banner .about_item:hover .item_inner{margin-top: -140px;}
    #kb_main .sect05 .about_banner .about_item:hover .item_bd{margin-top: 24px;}
    #kb_main .sect05 .about_banner .about_item:hover .item_desc{margin-top: 28px;padding-top: 24px;}
}
@media (max-width: 1024px) and (orientation: landscape) {
    #kb_main .sect05{max-height: 80vw;}
}
@media (max-width: 767px){
    #kb_main .sect05{max-height: unset;}
    #kb_main .sect05 .sect_bg_box{width: 100%;height: 100%;padding-top: unset;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
    #kb_main .sect05 .sect_bg_box .sect_bg::after{opacity: .75;}
    #kb_main .sect05 .sect_inner{position: unset;}
    #kb_main .sect05 .sect_hd{display: none;}
    #kb_main .sect05 .sect_bd{height: auto;}
    #kb_main .sect05 .about_banner{height: auto;}
    #kb_main .sect05 .about_banner .about_list{display: block;}
    #kb_main .sect05 .about_banner .about_item + .about_item::before{width: 100%;height: 1px;right: 0;}
    #kb_main .sect05 .about_banner .about_item .item_inner{padding: 48px 0;}
    #kb_main .sect05 .about_banner .about_item .item_tit{font-size: 18px;line-height: 26px;}
    #kb_main .sect05 .about_banner .about_item .item_bd{height: 0;transition: margin-top 1s, opacity .45s, height 1s;}
    #kb_main .sect05 .about_banner .about_item .item_number_box{position: unset;transition: opacity .45s;}
    #kb_main .sect05 .about_banner .about_item .item_number{font-size: 20px;line-height: 26px;}
    #kb_main .sect05 .about_banner .about_item .item_desc_box{position: unset;transition: opacity .45s;}

    #kb_main .sect05 .about_banner .about_item:hover .item_inner{margin-top: unset;}
    #kb_main .sect05 .about_banner .about_item:hover .item_bd{height: auto;}
    #kb_main .sect05 .about_banner .about_item:hover .item_desc{margin-top: 16px;padding-top: unset;}
}
@media (max-width: 600px){
    #kb_main .sect05 .about_banner .about_item .item_inner{padding: 32px 0;}
    #kb_main .sect05 .about_banner .about_item .item_tit{font-size: 16px;font-weight: 500;}
    #kb_main .sect05 .about_banner .about_item .item_number{font-size: 18px;line-height: 26px;}
    #kb_main .sect05 .about_banner .about_item .item_desc{padding-left: 16px;padding-right: 16px;font-size: 14px;line-height: 20px;}

    #kb_main .sect05 .about_banner .about_item:hover .item_bd{margin-top: 16px;}
    #kb_main .sect05 .about_banner .about_item:hover .item_desc{margin-top: 10px;}
}
@media (max-width: 480px){}
@media (max-width: 375px){}
@media (max-width: 320px){}

#kb_main .sect06{margin-top: 64px;background-color: #fff;}
#kb_main .sect06 .sect_inner{width: 100%;max-width: 1240px;margin: 0 auto;padding: 0 20px;}
#kb_main .sect06 .sect_hd{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
#kb_main .sect06 .sect_tit_box{flex: 1;display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 20px;}
#kb_main .sect06 .sect_tit_box .sect06_icon{flex: 0 0 auto;display: inline-block;width: 44px;height: 40px;background: url('../images/new_main/sect06_icon.svg') no-repeat center center;background-size: cover;}
#kb_main .sect06 .sect_tit_box .sect_tit{flex: 1;font-size: 28px;font-weight: 700;line-height: 40px;color: #333;letter-spacing: -0.54px;}
#kb_main .sect06 .sect_btn_box{flex: 0 0 auto;}
#kb_main .sect06 .sect_btn_box .sect_btns{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 16px;}
#kb_main .sect06 .sect_btn_box .sect_btns .btns_name{flex: 0 0 auto;display: inline-block;font-size: 20px;font-weight: 500;line-height: 26px;color: #444;letter-spacing: -0.54px;}
#kb_main .sect06 .sect_btn_box .sect_btns .icon_more_arr{flex: 0 0 auto;display: inline-block;width: 20px;height: 20px;background: url('../images/icon/icon_more_arr.svg') no-repeat center center;background-size: cover;pointer-events: none;}

#kb_main .sect06 .sect_bd{margin-top: 36px;}
#kb_main .sect06 .recent_board_box{}
#kb_main .sect06 .recent_list{}
#kb_main .sect06 .recent_item{width: 100%;background-color: #f1f7fa;border-radius: 14px;box-sizing: border-box;overflow: hidden;transition: background-color .45s;}
#kb_main .sect06 .recent_item + .recent_item{margin-top: 20px;}
#kb_main .sect06 .recent_item:hover{background-color: #ffcc00;}
#kb_main .sect06 .recent_item .item_inner{width: 100%;padding: 20px 32px;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
#kb_main .sect06 .recent_item .item_left{}
#kb_main .sect06 .recent_item .recent_tit_box{}
#kb_main .sect06 .recent_item .recent_tit{display: inline-block;font-size: 18px;font-weight: 500;line-height: 26px;color: #403d3f;letter-spacing: -0.54px;display: -webkit-box;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: keep-all;overflow: hidden;}
#kb_main .sect06 .recent_item .recent_date_box{margin-top: 4px;}
#kb_main .sect06 .recent_item .recent_date{font-size: 14px;font-weight: 500;line-height: 20px;color: #7c756c;letter-spacing: -0.54px;}

#kb_main .sect06 .recent_item .item_right{flex: 0 0 auto;}
#kb_main .sect06 .recent_item .recent_btn_box{line-height: 0;}
#kb_main .sect06 .recent_item .recent_btns{display: inline-block;width: 20px;height: 20px;background-image: url('../images/icon/icon_more_arr.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;}
#kb_main .sect06 .recent_item .recent_btns .icon_more_arr{}

@media (max-width: 1400px){}
@media (max-width: 1280px){
    #kb_main .sect06 .sect_tit_box{column-gap: 16px;}
    #kb_main .sect06 .sect_tit_box .sect_tit{font-size: 24px;line-height: 32px;}
    #kb_main .sect06 .sect_tit_box .sect06_icon{width: 35px;height: 32px;}
    #kb_main .sect06 .sect_btn_box .sect_btns .btns_name{font-size: 18px;}
}
@media (max-width: 1080px){
    #kb_main .sect06 .sect_tit_box{column-gap: 12px;}
    #kb_main .sect06 .sect_tit_box .sect_tit{font-size: 20px;line-height: 28px;word-break: keep-all;}
    #kb_main .sect06 .sect_tit_box .sect06_icon{width: 31px;height: 28px;}
    #kb_main .sect06 .recent_item .item_inner{padding: 16px 24px;}
}
@media (max-width: 767px){}
@media (max-width: 600px){
    #kb_main .sect06 .sect_btn_box{display: none;}
    #kb_main .sect06 .recent_item + .recent_item{margin-top: 16px;}
    #kb_main .sect06 .recent_item .item_inner{padding: 16px;}
    #kb_main .sect06 .recent_item .recent_tit{font-size: 16px;line-height: 24px;-webkit-line-clamp: 2;}
}
@media (max-width: 480px){}
@media (max-width: 375px){}
@media (max-width: 320px){}