@media (min-width: 1366px) {

}
@media (max-width: 1365px) and (min-width: 768px){

}
@media (max-width: 767px){

}


/* 해더 : 배너 */
.header_banner .banner_list{ width: 100%; position: relative; z-index: 1; }
.header_banner .banner_list .banner_item{background-size: cover !important;background-position: center !important;;outline: none;box-sizing: border-box;position: relative;-webkit-box-sizing:border-box;}
.header_banner .banner_content_wrap{position: absolute;height: 100%;top: 0;left: calc(50% + 600px);transform: translateX(-50%);z-index: 2;}

.header_banner .banner_section{position: absolute; z-index: 2;}
.header_banner .banner_section .banner_control{display: flex;align-items: center;line-height: 20px;border-radius: 18px;color: rgba(255, 255, 255, 0.7);background-color: rgba(0, 0, 0, 0.16);padding: 4px 9px;}
.header_banner .banner_section .banner_control .banner_page{font-family: 'notokr-medium';width: auto!important;position: relative!important;z-index: 1;bottom: 0!important;font-size: 14px;}
.header_banner .banner_section .banner_control .banner_page .swiper-pagination-current{color: white;margin-left: 5px;}
.header_banner .banner_section .banner_control .banner_page .swiper-pagination-total{margin-right: 5px;}
.header_banner .banner_section .banner_control .swiper-prev,
.header_banner .banner_section .banner_control .swiper-next{background-image: url("/res/home/conedu/img/home/icon_down_white.svg");width: 12px;height: 12px;background-size: cover;opacity: 0.7;display: inline-block;cursor: pointer;}
.header_banner .banner_section .banner_control .swiper-prev{transform: rotate(90deg)}
.header_banner .banner_section .banner_control .swiper-next{transform: rotate(-90deg)}

@media (min-width: 1366px) {
    .header_banner{ height: 428px; }
    .header_banner .banner_list{ height: 100%; }

    .header_banner .banner_section{bottom: 90px;left: 50%;transform: translateX(-50%);}

    .header_banner .login_section{position: absolute;background-color: white;right: 0;top: 40px;border-radius: 10px;padding: 28px;z-index: 2;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);width: 336px;}
    .header_banner .login_section .inputBox{margin-bottom: 10px;}
    .header_banner .login_section .inputBox input{width: 100%;height: 48px;font-size: 16px;padding: 0 15px;}
    .header_banner .login_section .inputBox .id_save{font-size: 14px;line-height: 20px;color: #9e9e9e;margin-top: 5px;margin-bottom:5px;}
    .header_banner .login_section .inputBox .id_save::before{width: 20px;height: 20px;background-size: 8px 7px;}
    .header_banner .login_section .login_bottom{display: flex;margin-top: 18px;align-items: center;justify-content: center;}
    .header_banner .login_section .login_bottom li{position:relative;font-size: 14px;line-height: 20px;color: #9e9e9e;padding-right: 10px;margin-right:10px;cursor: pointer;}
    .header_banner .login_section .login_bottom li::after{content:'';position: absolute;width: 1px;height: 10px;background-color: #e0e0e0;right: 0;top: 50%;transform: translateY(-50%);}
    .header_banner .login_section .login_bottom li:last-child{margin-right: 0;padding-right: 0;}
    .header_banner .login_section .login_bottom li:last-child::after{content: none;}

    .header_banner .login_section .user_info{font-size: 20px;line-height: 29px;}
    .header_banner .login_section .user_name{font-family: 'notokr-medium';}
    .small_text{font-size: 16px;line-height: 24px;}

    .login_section.user_login{top: 20px;padding-bottom: 0;}
    .login_section.user_login .company_login{width: calc(100% + 56px);margin-left: -28px;height: 50px;display: flex;justify-content: center;align-items: center;font-size: 16px;line-height: 50px;color: #9e9e9e;cursor: pointer;margin-top: 18px;background-color: #fafafa;border-radius: 0 0 10px 10px;}
    .login_section.user_login .company_login a{color: black;margin-left: 10px;}

    .header_banner .login_section .user_enroll_list{display: flex;align-items: center;border: 1px solid #e0e0e0;border-radius: 10px;width: 100%;height: 80px;margin: 10px 0;}
    .header_banner .login_section .user_enroll_list .user_enroll_status{position: relative;width: calc(100% / 3);text-align: center;font-size: 12px;line-height: 18px;color: #757575;}
    .header_banner .login_section .user_enroll_list .user_enroll_status::after{content: "";position: absolute;right: 0;top:50%;transform: translateY(-50%);width: 1px;height: 25px;background-color:#e0e0e0;}
    .header_banner .login_section .user_enroll_list .user_enroll_status:last-child:after{content: none;}
    .header_banner .login_section .user_enroll_list .user_enroll_status .count{font-family: 'notokr-bold';color: black;font-size: 24px;line-height: 35px;margin-top: 5px;}
    .header_banner .login_section button{border-radius: 5px;}

    .header_banner .login_section.user_logged_in .login_bottom{margin-top: 10px;}

}
@media (max-width: 1365px) and (min-width: 768px){
    .header_banner{ min-height: 400px; }
    .header_banner .banner_list{ min-height: 400px; }
    .header_banner .banner_list .banner_item{padding-top: 52%}

    .header_banner .banner_section{bottom: 60px; box-sizing: border-box; padding: 0 24px; left: 50%;transform: translateX(-50%)}
    .header_banner .banner_section .banner_control .banner_page{font-size: 14px;letter-spacing: 3px;}

}
@media (max-width: 767px){
    .header_banner{ min-height: 270px; }
    .header_banner .banner_list{ min-height: 270px; }
    .header_banner .banner_list .banner_item{padding-top: 75%;}

    .header_banner .banner_section{bottom: 20px; box-sizing: border-box; padding: 0 20px; left: 50%;transform: translateX(-50%)}
    .header_banner .banner_section .banner_control .banner_page{font-size: 12px;letter-spacing: 2px;}

}

/*중간 연락처(퀵메뉴)*/
.middle_quick_section{background-color: white;}
.middle_quick_section .middle_quick_list{display: flex;height: 100%;justify-content: space-between;}
@media (min-width: 1366px) {
    .middle_quick_section{position: absolute;top: -50px;width: 100%;z-index: 2;padding: 0 60px;border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);height: 100px;overflow: hidden;}
    /*resize 꼼수용*/
    .middle_quick_section::before,
    .middle_quick_section::after{width: 60px;height: 100%;content: "";z-index: 2;background-color: white;position: absolute;border-radius: 10px;top: 0;}
    .middle_quick_section::before{left: 0;}
    .middle_quick_section::after{right: 0;}
    .middle_quick_section .middle_quick_list {width: 100%;}
    .middle_quick_section .middle_quick_list .middle_quick_item{display: flex;height: 100px;align-items: center;width: auto !important;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_img{width: 40px;height: 40px;margin-right: 20px;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content .middle_quick_item_title{font-size: 14px;line-height: 20px;color: #757575;margin-bottom: 3px;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content .middle_quick_item_sub_title{font-size: 12px;line-height:17px;color: #9e9e9e;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content .middle_quick_item_call{font-family: 'notokr-medium';font-size: 20px;line-height: 29px;margin-top: 5px;color: black;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .middle_quick_section{position: absolute;top: -40px;width: calc(100% - 48px);z-index: 2;justify-content: space-between;border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);height: 100px;display: flex;align-items: center;overflow: hidden;padding: 0 46px;}
    .middle_quick_section .middle_quick_prev,
    .middle_quick_section .middle_quick_next{width: 46px;height: 100%;cursor: pointer;z-index: 2;background-repeat: no-repeat;background-color: white;background-position: center;position: absolute;top: 0;}
    .middle_quick_section .middle_quick_prev{background-image: url("/res/home/conedu/img/home/icon_quick_prev.svg");left: 0;}
    .middle_quick_section .middle_quick_next{background-image: url("/res/home/conedu/img/home/icon_quick_next.svg");right: 0;}
    .middle_quick_section .middle_quick_list{width: calc(100% - 92px);}
    .middle_quick_section .middle_quick_list .middle_quick_item{display: flex;height: 100px;align-items: center;width: 50%;float: left;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_img{width: 28px;height: 28px;margin-right: 15px;margin-left: 9px;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content{display: flex;width: calc(100% - 52px);height: 100%;align-items: center;justify-content: space-between;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content .middle_quick_item_title{font-size: 14px;line-height: 20px;color: #757575;margin-bottom: 2px;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content .middle_quick_item_sub_title{font-size: 10px;line-height:15px;color: #9e9e9e;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content .middle_quick_item_call{font-family: 'notokr-medium';font-size: 18px;line-height: 26px;margin-right: 12px;color: black;}
}
@media (max-width: 767px){
    .middle_quick_section{position: absolute;top: 0;width: 100%;z-index: 2;justify-content: space-between; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);height: 74px;display: flex;align-items: center;overflow: hidden;left: 0;padding: 0 36px;}
    .middle_quick_section .middle_quick_prev,
    .middle_quick_section .middle_quick_next{width: 36px;height: 100%;cursor: pointer;z-index: 2;background-repeat: no-repeat;background-color: white;background-position: center;position: absolute;top: 0;}
    .middle_quick_section .middle_quick_prev{background-image: url("/res/home/conedu/img/home/icon_quick_prev.svg");left: 0;}
    .middle_quick_section .middle_quick_next{background-image: url("/res/home/conedu/img/home/icon_quick_next.svg");right: 0;}
    .middle_quick_section .middle_quick_list{width: 100%;}
    .middle_quick_section .middle_quick_list .middle_quick_item{display: flex;height: 74px;align-items: center;width: 100%;float: left;padding: 0 15px;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_img{display: none;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content{display: flex;width: 100%;height: 100%;align-items: center;justify-content: space-between;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content .middle_quick_item_title{font-size: 14px;line-height: 20px;color: #757575;margin-bottom: 2px;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content .middle_quick_item_sub_title{font-size: 10px;line-height:15px;color: #9e9e9e;}
    .middle_quick_section .middle_quick_list .middle_quick_item .middle_quick_item_content .middle_quick_item_call{font-family: 'notokr-medium';font-size: 18px;line-height: 26px;color: black;}
}

/* 컨텐츠1 : 박스형 메뉴 */
.content_01{ width: 100%; background-color: rgba(52, 117, 191, 0.04); display: inline-block; }
.institution_page .content_01{background-color: #fafafa;}
.content_01 .container{position: relative;}
.content_list{width: 100%;font-size: 0;}
.content_list .content_item{box-sizing: border-box;border: 1px solid #e0e0e0;font-size: 0;background-color: #fff;cursor: pointer;position: relative;border-radius: 5px;}
.content_list .content_item .content_title{font-family: 'notokr-medium';display: block;}
.content_list .content_item .content_sub_title{color: #757575;}
.content_list .content_item .content_law_title{display: none;opacity: 0;}
.content_list .content_item:hover .content_law_title{display: block;opacity: 1;}
.content_list .content_item .content_icon{position: absolute;}
@media (min-width: 1366px) {
    .content_list{display: flex;flex-wrap: wrap;justify-content: space-between; padding-top: 90px;padding-bottom: 45px;}
    .content_list .content_item{width: calc((100% - 25px) / 6);height: 180px;padding: 20px;margin-bottom: 5px;transition: opacity 0.3s, background-color 0.3s}
    .content_list .content_item.item_double{width: calc(((100% - 25px) / 6) * 2 + 5px) !important;}
    .content_list .content_item .content_title{font-size: 20px;line-height: 29px;margin-bottom: 8px;}
    .content_list .content_item .content_sub_title{font-size: 14px;line-height: 20px;}
    .content_list .content_item .content_icon{ height: 44px; bottom: 15px;right: 15px;}

    .content_list .content_item:hover{background-color: #34bf87;border: 1px solid #34bf87;background-image: url("/res/home/conedu/img/home/bg_hover_small.svg");background-size: 120px;background-position: bottom right;background-repeat: no-repeat;color: #fff!important;}
    .content_list .content_item:hover .content_icon{display: none !important;}
    .content_list .content_item:hover .content_law_title{font-family: 'notokr-regular';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 18px;line-height: 26px; color: white;width: calc(100% - 40px);word-break: keep-all;text-align: center;}
    .content_list .content_item:hover .content_title,
    .content_list .content_item:hover .content_sub_title{display: none;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .content_list { display: inline-block; padding-top: 90px;padding-bottom: 45px;}
    .content_list .content_item{width: calc((100% - 5px) / 2);padding: 18px 15px;margin-bottom: 5px; display: inline-block; float:left; margin-right: 5px;height: 60px; }
    .content_list .content_item:nth-child(even){margin-right: 0;}
    /*.content_list .content_item.item_double{height: 125px!important;}*/
    .content_list .content_item .content_title{font-size: 16px;line-height: 24px;display: inline-block;margin-right: 5px;}
    /*.content_list .content_item.item_double .content_title{display: block;margin-bottom: 5px;}*/
    .content_list .content_item .content_sub_title{font-size: 12px;line-height: 17px;}
    .content_list .content_item .content_icon{ height: 32px; top: 50%; right: 15px; transform: translate(0,-50%);}
    /*.content_list .content_item.item_double .content_icon{ height: 32px; bottom: 15px; right: 15px;}*/
}
@media (max-width: 767px){
    .content_list.content_mobile_slide {padding-top: 105px;padding-bottom: 50px;width: 100%;}
    .content_list.content_mobile_slide .content_slide_item{padding-right: 5px; width: calc(100vw - 40px);}
    .content_list.content_mobile_slide .content_item{width: 100%;padding: 0px 15px;margin-top: 5px; display: flex;height: 60px;align-items: center;padding-right: 40px;}
    .content_list.content_mobile_slide .content_item:first-child{margin-top: 0;}
    .content_list.content_mobile_slide .content_item .content_title{font-size: 16px;line-height: 24px;margin-right: 5px;display: inline-block;}
    .content_list.content_mobile_slide .content_item .content_sub_title{font-size: 12px;line-height: 17px;}
    .content_list.content_mobile_slide .content_item .content_icon{ height: 32px; top: 50%; right: 15px; transform: translate(0,-50%);}

    .content_list.content_mobile_slide .slick-dots{width: 100%; text-align: center; margin-top: 30px;}
    .content_list.content_mobile_slide .slick-dots li{width: 7px;height: 7px;border-radius: 100%;box-shadow: 0 0 4px 0 rgb(0 0 0 / 8%);background-color: rgba(52, 117, 191, 0.16);display: inline-block;margin-right: 10px;cursor: pointer;}
    .content_list.content_mobile_slide .slick-dots li:last-child{margin-right: 0;}
    .content_list.content_mobile_slide .slick-dots li.slick-active{width: 22px;background-color: #424242;border-radius: 4px;transition: width 0.3s ease-in;}
}


/* 컨텐츠2 : 보드 공통 */
.board .board_left .board_title{font-family: 'notokr-medium';letter-spacing: 0;line-height: normal;}
.board .board_left .board_more{padding-right: 17px;position: relative;cursor: pointer;color: #bdbdbd;}
.board .board_left .board_category .board_category_title{letter-spacing: 0;color: #e0e0e0;line-height: normal;cursor: pointer; position: relative;}
.board .board_left .board_category .board_category_title.current { color: #3475bf; }
.board .board_left .board_category .board_category_title.current span{ position: relative; }
.board .board_left .board_more::before{content: "";width: 12px;height: 12px;background: url("/res/home/conedu/img/common/icon_more.svg")no-repeat;background-size: cover;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);}
@media (min-width: 1366px) {
    .content_02{ padding: 60px 0 80px; }
    .content_02 .container{ display: flex; justify-content: space-between; }

    .board { width: calc(50% - 20px); display: flex;flex-wrap: wrap; }
    .board.notice { margin-right: 40px; }
    .board .board_left{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 27px;}
    .board .board_left .board_title{font-size: 24px;}
    .board.faq .board_left .board_title{ line-height: 1.2; height: 35px;}
    .board .board_left .board_more{font-size: 14px;}

    .board .board_left .board_category{margin-bottom: 35px;display: flex;flex-direction: column;}
    .board .board_left .board_category .board_category_title{font-size: 16px;margin-top: 10px;}
    .board .board_left .board_category .board_category_title:first-child{margin-top: 0;}
    .board .board_left .board_category .board_category_title.current span::before{content:""; position: absolute; width: 15px;height: 1px;background-color: #3475bf;top: 50%;right: -20px;transform: translate(0,-50%);}

}
@media (max-width: 1365px) and (min-width: 768px){
    .content_02{ padding: 40px 0 60px; }
    .content_02 .container{ display: flex; justify-content: space-between; }

    .board { width: calc(50% - 15px); }
    .board.notice { margin-right: 30px; }
    .board .board_left{width: 100%;margin-bottom: 25px; display: flex; justify-content: space-between; position: relative;}
    .board.faq .board_left{margin-bottom: 25px; }
    .board .board_left .board_title{font-size: 20px;}
    .board.faq .board_left .board_title{ line-height: 1.2; height: 29px; }
    .board .board_left .board_more{font-size: 14px; line-height: 29px;}

    .board .board_left .board_category{ width: 100%; position: absolute; bottom: 0; display: flex;}
    .board .board_left .board_category .board_category_title{font-size: 14px;padding-bottom: 2px; margin-right: 15px;}
    .board .board_left .board_category .board_category_title:last-child{margin-right: 0;}
    .board .board_left .board_category .board_category_title.current span::before{content:""; position: absolute; width: 100%;height: 1px;background-color: #3475bf;bottom: 0;left: 50%;transform: translate(-50%, 0);}

}
@media (max-width: 767px){
    .content_02{ padding: 40px 0 60px; }

    .board { width: 100%; }
    .board.notice { margin-bottom: 40px; }
    .board .board_left{width: 100%;margin-bottom: 20px; position: relative;display: flex; justify-content: space-between;}
    .board.faq .board_left{margin-bottom: 20px; }
    .board .board_left .board_title{font-size: 18px;}
    .board .board_left .board_more{font-size: 12px; line-height: 26px;}

    .board .board_left .board_category{ width: 100%; position: absolute; bottom: 0; display: flex;}
    .board .board_left .board_category .board_category_title{font-size: 14px;padding-bottom: 2px; margin-right: 15px;}
    .board .board_left .board_category .board_category_title:last-child{margin-right: 0;}
    .board .board_left .board_category .board_category_title.current span::before{content:"";position: absolute;width: 100%;height: 1px;background-color: #3475bf;bottom: 0;left: 50%;transform: translate(-50%, 0);}
}

.course_slide_header{display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;}
.course_slide_header .course_slide_title{position: relative;font-family: 'notokr-medium';}
.course_slide_header .course_slide_title::after{content: "";position: absolute;bottom: -1px;left: -5px;width: calc(100% + 10px);background-color: rgba(52, 117, 191, 0.16);}
.course_slide_header .course_slide_more{padding-right: 17px;position: absolute;cursor: pointer;color: #bdbdbd;top: 50%;transform: translateY(-50%);}
.course_slide_header .course_slide_more::after{content: "";background: url("/res/home/conedu/img/common/icon_more.svg")no-repeat;background-size: cover;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);}

.course_swiper_navi{position: absolute;top: 0;left: 50%;height: 100%;transform: translateX(-50%);}
.course_swiper_btn{border-radius: 100%;background-color: rgba(0, 0, 0, 0.16);cursor: pointer;position: absolute;top: 50%;}
.course_swiper_btn:hover{ background-color: rgba(0, 0, 0, 0.32);}
.course_swiper_btn.prev_slide{background-image: url("/res/home/conedu/img/home/icon_slide_prev.svg");background-position: center;background-repeat: no-repeat; background-size: 16px;}
.course_swiper_btn.next_slide{background-image: url("/res/home/conedu/img/home/icon_slide_next.svg");background-position: center;background-repeat: no-repeat; background-size: 16px;}

.course_swiper_navi .course_swiper_pager{width: 100%; text-align: center;position: absolute;bottom: 50px;font-size: 0;}
.course_swiper_navi .course_swiper_pager .swiper-pagination-bullet{width: 7px;height: 7px;border-radius: 100%;box-shadow: 0 0 4px 0 rgb(0 0 0 / 8%);background-color: rgba(52, 117, 191, 0.16);display: inline-block;margin-right: 10px;cursor: pointer;opacity: 1;}
.course_swiper_navi .course_swiper_pager .swiper-pagination-bullet:last-child{margin-right: 0;}
.course_swiper_navi .course_swiper_pager .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 22px;background-color: #424242;border-radius: 4px;transition: width 0.3s ease-in;}
@media (min-width: 1366px) {
    .course_slide_header .course_slide_title{font-size: 24px;line-height: 35px;}
    .course_slide_header .course_slide_title::after{height: 15px;}
    .course_slide_header .course_slide_more{font-size: 14px;line-height: 20px;right: 0;}
    .course_slide_header .course_slide_more::after{width: 12px;height: 12px;}
    .course_swiper_btn {width: 40px;height: 40px;}
    .course_swiper_btn.prev_slide{left: calc(50% - 680px);}
    .course_swiper_btn.next_slide{right: calc(50% - 680px);}
}
@media (max-width: 1365px) and (min-width: 768px){
    .course_slide_header .course_slide_title{font-size: 20px;line-height: 29px;}
    .course_slide_header .course_slide_title::after{height: 15px;}
    .course_slide_header .course_slide_more{font-size: 0;right: 24px;}
    .course_slide_header .course_slide_more::after{width: 20px;height: 20px;}
    .course_swiper_btn {width: 24px;height: 24px;}
    .course_swiper_btn.prev_slide{left: 16px;}
    .course_swiper_btn.next_slide{right: 16px;}

    .course_swiper_navi .course_swiper_pager{width: calc(100% - 48px);}
}
@media (max-width: 767px){
    .course_slide_header .course_slide_title{font-size: 18px;line-height: 26px;}
    .course_slide_header .course_slide_title::after{height: 15px;}
    .course_slide_header .course_slide_more{font-size: 0;right: 20px;}
    .course_slide_header .course_slide_more::after{width: 20px;height: 20px;}
    .course_swiper_btn {width: 24px;height: 24px;}
    .course_swiper_btn.prev_slide{left: 16px;}
    .course_swiper_btn.next_slide{right: 16px;}

    .course_swiper_navi .course_swiper_pager{width: calc(100% - 40px);}
}

.content_03{position: relative;}
.recommend_course_list{overflow: hidden;}
.recommend_course_list .recommend_course_item{display: flex;flex-direction: column;cursor: pointer;}
.recommend_course_list .recommend_course_item .recommend_course_thumbnail{border-radius: 5px; width: 100%;background-size: cover;background-position: center;}
.recommend_course_list .recommend_course_item .recommend_course_thumbnail.thumbnail_default{background-color: #f5f5f5;}
.recommend_course_list .recommend_course_item .recommend_course_info{padding: 1px;}
.recommend_course_list .recommend_course_item .recommend_course_info .category{color: #3475bf;}
.recommend_course_list .recommend_course_item .recommend_course_info .title{font-family: 'notokr-medium';color: black;}
.recommend_course_list .recommend_course_item .recommend_course_info .body{color: #9e9e9e;}
.recommend_course_list .recommend_course_item .recommend_course_info .detail_btn{width: 100%;border-radius: 5px;text-align: center;font-family: 'notokr-medium';color: #757575;border: 1px solid #9e9e9e;}
.recommend_course_list .recommend_course_item:hover .recommend_course_info .detail_btn{color: #34bf87;border: 1px solid #34bf87;}

@media (min-width: 1366px) {
    .content_03{padding: 50px 0;}
    .recommend_course_list{margin-top: 32px;margin-bottom: 47px;}
    .recommend_course_list .recommend_course_item{display: flex;flex-direction: column;}
    .recommend_course_list .recommend_course_item .recommend_course_thumbnail{height: 210px;margin-bottom: 20px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .category{font-size: 14px;line-height: 20px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .title{margin-top: 5px;font-size: 18px;line-height: 26px;height: 52px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .body{margin-top: 15px;font-size: 14px;line-height: 20px;height: 40px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .detail_btn{font-size: 16px;height: 40px;line-height: 38px;margin-top: 20px;}

}
@media (max-width: 1365px) and (min-width: 768px){
    .content_03{padding: 50px 0;}
    .recommend_course_list{margin-top: 20px;margin-bottom: 37px;}
    .recommend_course_list .recommend_course_item{display: flex;flex-direction: column;width: 260px !important;}
    .recommend_course_list .recommend_course_item .recommend_course_thumbnail{height: 147px;margin-bottom: 15px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .category{font-size: 12px;line-height: 17px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .title{margin-top: 10px;font-size: 16px;line-height: 24px;height: 48px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .body{margin-top: 15px;font-size: 12px;line-height: 34px;height: 34px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .detail_btn{font-size: 14px;height: 36px;line-height: 34px;margin-top: 20px;}

    .content_03 .course_swiper_btn{display: none;}
}
@media (max-width: 767px){
    .content_03{padding: 50px 0;}
    .recommend_course_list{margin-top: 20px;margin-bottom: 37px;}
    .recommend_course_list .recommend_course_item{display: flex;flex-direction: column;width: 260px !important;}
    .recommend_course_list .recommend_course_item .recommend_course_thumbnail{height: 147px;margin-bottom: 15px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .category{font-size: 12px;line-height: 17px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .title{margin-top: 10px;font-size: 16px;line-height: 24px;height: 48px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .body{margin-top: 15px;font-size: 12px;line-height: 34px;height: 34px;}
    .recommend_course_list .recommend_course_item .recommend_course_info .detail_btn{font-size: 14px;height: 36px;line-height: 34px;margin-top: 20px;}

    .content_03 .course_swiper_btn{display: none;}
}

.content_04{position: relative;background-color: #fafafa;}
.content_04 .max_container{overflow: hidden;}
/*.recommend_media_list{overflow: hidden;}*/
.recommend_media_list .recommend_media_item{display: flex;flex-direction: column;cursor: pointer;}
.recommend_media_list .recommend_media_item .recommend_media_thumbnail{border-radius: 5px; width: 100%;background-size: cover;background-position: center;}
.recommend_media_list .recommend_media_item .recommend_media_thumbnail.thumbnail_default{background-image: url("/res/home/conedu/img/home/thumbnail_default.png");background-size: cover !important;opacity: 1;}
/*.recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_thumbnail.thumbnail_default{background-color: #fafafa;}*/
.recommend_media_list .recommend_media_item .recommend_media_info{text-align: center;}
.recommend_media_list .recommend_media_item .recommend_media_info .title{font-family: 'notokr-medium';color: black;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}
.recommend_media_list .recommend_media_item .recommend_media_info .body{color: #9e9e9e;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}

@media (min-width: 1366px) {
    .content_04{padding-top: 50px;padding-bottom: 40px;}
    .recommend_media_list{margin-top: 73px;margin-bottom: 47px;width: 100%;}
    .recommend_media_list .recommend_media_item{display: flex;flex-direction: column;width: 480px;}
    .recommend_media_list .recommend_media_item .recommend_media_thumbnail{height: 270px;width: 100%; opacity: 0.32;}
    .recommend_media_list .recommend_media_item .recommend_media_info{font-size: 0px;}

    .recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_thumbnail{margin-bottom: 64px;margin-top: 0;transform: scale(1.25);opacity: 1;}
    .recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_info .title{font-size: 18px;line-height: 26px;height: 26px;}
    .recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_info .body{margin-top: 10px;font-size: 14px;line-height: 20px;height: 20px;}

    .content_04 .course_swiper_btn{top: calc(50% - 44px);z-index: 1;}
    .content_04 .course_swiper_btn.prev_slide{left: calc(50% - 380px);}
    .content_04 .course_swiper_btn.next_slide{right: calc(50% - 380px);}
}
@media (max-width: 1365px) and (min-width: 768px){
    .content_04{padding: 50px 0;}
    .recommend_media_list{margin-top: 52px;margin-bottom: 57px;width: 100%;}
    .recommend_media_list .recommend_media_item{display: flex;flex-direction: column;width: 320px;}
    .recommend_media_list .recommend_media_item .recommend_media_thumbnail{height: 181px;width: 100%; opacity: 0.32;}
    .recommend_media_list .recommend_media_item .recommend_media_info{font-size: 0px;}

    .recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_thumbnail{margin-bottom: 42px;margin-top: 0;transform: scale(1.25);opacity: 1;}
    .recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_info .title{font-size: 16px;line-height: 24px;height: 24px;}
    .recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_info .body{margin-top: 10px;font-size: 12px;line-height: 17px;height: 17px;}

    .content_04 .course_swiper_btn{top: calc(50% - 46px);background-size: 10px;z-index: 1;}
    .content_04 .course_swiper_btn.prev_slide{left: calc(50% - 237px);}
    .content_04 .course_swiper_btn.next_slide{right: calc(50% - 237px);}

}
@media (max-width: 767px){
    .content_04{padding: 50px 0;}
    .recommend_media_list{margin-top: 37px;margin-bottom: 57px;width: 100%;}
    .recommend_media_list .recommend_media_item{display: flex;flex-direction: column;width: 208px;}
    .recommend_media_list .recommend_media_item .recommend_media_thumbnail{height: 113px;width: 100%; opacity: 0.32;}
    .recommend_media_list .recommend_media_item .recommend_media_info{font-size: 0px;}

    .recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_thumbnail{margin-bottom: 36px;margin-top: 0;transform: scale(1.25);opacity: 1;}
    .recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_info .title{font-size: 16px;line-height: 24px;height: 24px;}
    .recommend_media_list .recommend_media_item.swiper-slide-active .recommend_media_info .body{margin-top: 10px;font-size: 12px;line-height: 17px;height: 17px;}

    .content_04 .course_swiper_btn{top: calc(50% - 52px);background-size: 10px;z-index: 1;}
    .content_04 .course_swiper_btn.prev_slide{left: 16px;}
    .content_04 .course_swiper_btn.next_slide{right: 16px;}
}


/* 컨텐츠2 : 공지사항 */
.notice .board_notice_list .board_notice_item{width: 100%;display: flex;align-items: center;line-height: normal;cursor: pointer;}
.notice .board_notice_list .board_notice_item:first-child{margin-top: 0;}

.notice .board_notice_list .board_notice_item .board_notice_category{letter-spacing: 0;margin-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.notice .board_notice_list .board_notice_item .offline_edu{color: #3a73d9;}
.notice .board_notice_list .board_notice_item .online_edu{color: #34bf87;}
.notice .board_notice_list .board_notice_item .board_notice_title{letter-spacing: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 8px;color: #757575;}
.notice .board_notice_list .board_notice_item.notice_new .board_notice_title{position: relative;box-sizing: border-box;}
.notice .board_notice_list .board_notice_item.notice_new .board_notice_title::after{content: "N";background-color: #3475bf;border-radius: 100%;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);font-family: 'notokr-black';text-align: center;color: #fff;}
@media (min-width: 1366px) {
    .notice .board_notice_list{width: 100%;height: 186px;overflow-y: hidden;}
    .notice .board_notice_list .board_notice_item{margin-top: 15px;line-height: 26px;}

    .notice .board_notice_list .board_notice_item .board_notice_row{width: 43px;font-size: 14px; margin-right: 10px; color: #9e9e9e;text-align: center;}
    .notice .board_notice_list .board_notice_item .board_notice_row.notice{background-color: #34bf87;border-radius: 20px;color: white; font-size: 12px;}
    .notice .board_notice_list .board_notice_item .board_notice_category{font-size: 14px; width: 88px;margin-right: 10px;}
    .notice .board_notice_list .board_notice_item .board_notice_title{font-size: 18px;width: calc(100% - 236px);}
    .notice .board_notice_list .board_notice_item .board_notice_date{color: #9e9e9e; text-align: right; font-size: 14px;width: 85px;}
    .notice .board_notice_list .board_notice_item.notice_new .board_notice_title{padding-right: 28px;}
    .notice .board_notice_list .board_notice_item.notice_new .board_notice_title::after{width: 20px;height: 20px;font-size: 12px;line-height: 20px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .notice .board_notice_list{width: 100%;max-height: 360px;overflow-y: hidden;}
    .notice .board_notice_list .board_notice_item{margin-top: 20px;flex-wrap: wrap;line-height: 26px;position: relative;}

    .notice .board_notice_list .board_notice_item .board_notice_row{width: 43px;font-size: 12px;line-height: 26px; margin-right: 10px; color: #9e9e9e;text-align: center;}
    .notice .board_notice_list .board_notice_item .board_notice_row.notice{background-color: #34bf87;border-radius: 20px;color: white;}
    .notice .board_notice_list .board_notice_item .board_notice_category{font-size: 12px;}
    .notice .board_notice_list .board_notice_item .board_notice_title{font-size: 14px;margin-top: 10px;line-height: 20px;width: 100%;}
    .notice .board_notice_list .board_notice_item .board_notice_date{color: #9e9e9e; text-align: right; font-size: 12px;width: 85px;position: absolute;right: 0;top: 0;}
    .notice .board_notice_list .board_notice_item.notice_new .board_notice_title{padding-right: 24px;margin-top: 10px;line-height: 20px;}
    .notice .board_notice_list .board_notice_item.notice_new .board_notice_title::after{width: 16px;height: 16px;font-size: 10px;line-height: 16px;}
}
@media (max-width: 767px){
    .notice .board_notice_list{width: 100%;max-height: 360px;overflow-y: hidden;}
    .notice .board_notice_list .board_notice_item{margin-top: 20px;flex-wrap: wrap;line-height: 26px;position: relative;}

    .notice .board_notice_list .board_notice_item .board_notice_row{width: 43px;font-size: 12px;line-height: 26px; margin-right: 10px; color: #9e9e9e;text-align: center;}
    .notice .board_notice_list .board_notice_item .board_notice_row.notice{background-color: #34bf87;border-radius: 20px;color: white;}
    .notice .board_notice_list .board_notice_item .board_notice_category{font-size: 12px;}
    .notice .board_notice_list .board_notice_item .board_notice_title{font-size: 14px;margin-top: 10px;line-height: 20px; width: 100%;}
    .notice .board_notice_list .board_notice_item .board_notice_date{color: #9e9e9e; text-align: right; font-size: 12px;width: 85px;position: absolute;right: 0;top: 0;}
    .notice .board_notice_list .board_notice_item.notice_new .board_notice_title{padding-right: 24px;margin-top: 10px;line-height: 20px;}
    .notice .board_notice_list .board_notice_item.notice_new .board_notice_title::after{width: 16px;height: 16px;font-size: 10px;line-height: 16px;}
}



/* 컨텐츠2 : faq */
.faq .board_faq_list{ display: none; font-size: 0;}
.faq .board_faq_list.current{ display: block; width: 100%;}
.faq .board_faq_list .board_faq_item{cursor: pointer; width: 100%;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;align-items: center; color: #757575;display: flex;}
.faq .board_faq_list .board_faq_item:first-child{margin-top: 0;}
.faq .board_faq_list .board_faq_item .board_faq_category{color: #3475bf;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.faq .board_faq_list .board_faq_item .board_faq_title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@media (min-width: 1366px) {
    .faq .board_faq_tab{ width: 100%; height: 186px; overflow-y: hidden;}
    .faq .board_faq_list .board_faq_item{margin-top: 15px;font-size: 18px;height: 26px;}
    .faq .board_faq_list .board_faq_item .board_faq_category{font-size: 14px;width: 145px;}
    .faq .board_faq_list .board_faq_item .board_faq_title{width: calc(100% - 145px);}
}
@media (max-width: 1365px) and (min-width: 768px){
    .faq .board_faq_tab{ width: 100%; max-height: 360px; overflow-y: hidden;}
    .faq .board_faq_list .board_faq_item{margin-top: 20px;font-size: 14px;flex-wrap: wrap;}
    .faq .board_faq_list .board_faq_item .board_faq_category{font-size: 12px;width: 100%;line-height: 26px;}
    .faq .board_faq_list .board_faq_item .board_faq_title{width: 100%;margin-top: 10px;line-height: 20px;}
}
@media (max-width: 767px){
    .faq .board_faq_tab{ width: 100%; max-height: 360px; overflow-y: hidden;}
    .faq .board_faq_list .board_faq_item{margin-top: 20px;font-size: 14px;flex-wrap: wrap;}
    .faq .board_faq_list .board_faq_item .board_faq_category{font-size: 12px;width: 100%;line-height: 26px;}
    .faq .board_faq_list .board_faq_item .board_faq_title{width: 100%;margin-top: 10px;line-height: 20px;}
}

.content_05{background-color: #fafafa;border-top: 1px solid #e0e0e0;}
.content_05 .max_container{position: relative;}
.content_05 .related_site_list{overflow: hidden}
.content_05 .related_site_list .related_site_item{height: 100%;text-align: center;position: relative;cursor: pointer;}
.content_05 .related_site_list .related_site_item > a{display: inline-block;width: 100%; height: 100%;font-size: 0;position: relative;}
.content_05 .related_site_list .related_site_item > a > img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.related_site_swiper_btn{background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.related_site_swiper_btn.prev_site{background-image: url("/res/home/conedu/img/home/arrow_prev_slide.svg")}
.related_site_swiper_btn.next_site{background-image: url("/res/home/conedu/img/home/arrow_next_slide.svg")}
@media (min-width: 1366px) {
    .content_05 .related_site_list{margin: 0 100px;height: 80px;}
    .content_05 .related_site_list .related_site_item{}
    .content_05 .related_site_list .related_site_item a{}
    .content_05 .related_site_list .related_site_item > a > img{max-height: calc(100% - 40px);max-width: calc(100% - 40px);}

    .related_site_swiper_btn{width: 20px;height: 20px;}
    .related_site_swiper_btn.prev_site{left: 80px;}
    .related_site_swiper_btn.next_site{right: 80px;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .content_05 .related_site_list{margin: 0 40px;height: 60px;}
    .content_05 .related_site_list .related_site_item{}
    .content_05 .related_site_list .related_site_item a{}
    .content_05 .related_site_list .related_site_item > a > img{max-height: calc(100% - 32px);max-width: calc(100% - 32px);}

    .related_site_swiper_btn{width: 16px;height: 16px;}
    .related_site_swiper_btn.prev_site{left: 24px;}
    .related_site_swiper_btn.next_site{right: 24px;}
}
@media (max-width: 767px){
    .content_05 .related_site_list{margin: 0 36px;height: 60px;}
    .content_05 .related_site_list .related_site_item{}
    .content_05 .related_site_list .related_site_item a{}
    .content_05 .related_site_list .related_site_item > a > img{max-height: calc(100% - 32px);max-width: calc(100% - 32px);}

    .related_site_swiper_btn{width: 16px;height: 16px;}
    .related_site_swiper_btn.prev_site{left: 20px;}
    .related_site_swiper_btn.next_site{right: 20px;}
}


/* 퀵버튼 */
.quick.on{bottom: 518px;}
.quick{position: fixed;z-index: 5;overflow: hidden;}
.quick .quick_btn{color: #fff;cursor: pointer;}
.quick .quick_btn .quick_title{letter-spacing: 0;line-height: normal;}
.main_enroll_btn{position: fixed;z-index: 5;overflow: hidden;display: flex;flex-direction: column;align-items: center;gap: 3px;background-color: white;border-radius: 100%;border: 2px solid #3475bf;color: #3475bf;width: 62px;height: 62px;padding-top: 7px;font-size: 13px;cursor: pointer;box-shadow: 2px 3px 10px 4px rgba(0, 0, 0, 0.07);}
@media (min-width: 1366px) {
    .quick{ top: 50%; right: 0px; bottom: auto !important; transform: translate(0,-50%);background-color: #424242;border-radius: 20px 0 0 20px;}
    .quick .quick_btn{width: 100px;height: 100px; display: flex;align-items: center;justify-content: start;flex-direction: column;}
    .quick .quick_item:hover{background-color: #3475bf;}
    .quick .quick_btn .quick_title{font-size: 15px;}
    .quick .quick_top{background-color: #000; justify-content: center!important;}
    .quick .quick_top .quick_title{margin-top: -10px;padding-bottom: 10px;font-size: 16px;}
    .main_enroll_btn{display: none;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .quick{ bottom: 24px; right: 24px;}
    .quick .quick_btn{width: 48px;height: 48px;}
    .quick .quick_item{ display: none; }
    .quick .quick_top{background-color: rgba(0, 0, 0, 0.54);display: flex; justify-content: space-between !important; align-items: center; flex-direction: column; box-sizing: border-box; padding: 10px; border-radius: 3px;}
    .quick .quick_top img{transform: rotate(-90deg);width: 5px;height: 10px;}
    .quick .quick_top .quick_title{font-size: 12px;line-height: 1;}
    .main_enroll_btn{display: flex;left: 24px;bottom: 17px;}
}
@media (max-width: 767px){
    .quick{ bottom: 20px; right: 20px;}
    .quick .quick_btn{width: 48px;height: 48px;}
    .quick .quick_item{ display: none; }
    .quick .quick_top{background-color: rgba(0, 0, 0, 0.54);display: flex; justify-content: space-between !important; align-items: center; flex-direction: column; box-sizing: border-box; padding: 10px; border-radius: 3px;}
    .quick .quick_top img{transform: rotate(-90deg);width: 5px;height: 10px;}
    .quick .quick_top .quick_title{font-size: 12px;line-height: 1;}
    .main_enroll_btn{display: flex;left: 20px;bottom: 13px;}
}


/*기관 메인*/
.institution_page{}
.institution_page .header_banner .banner_list .banner_content_wrap{left: 50%;}
.institution_page .header_banner .banner_list .banner_content_wrap .banner_text{font-family: 'notokr-light';}
.institution_page .header_banner .banner_list .banner_content_wrap .banner_text .banner_institution_name{font-family: 'notokr-medium';}

.institution_notice_section{background-color: #f1f3f8;width: 100%;display: flex;align-items: center;overflow: hidden;border-radius: 10px;}
.institution_notice_section .institution_notice_prev{background-image: url("/res/home/conedu/img/home/institution/arrow_prev.svg");left: 0;}
.institution_notice_section .institution_notice_next{background-image: url("/res/home/conedu/img/home/institution/arrow_next.svg");right: 0;}
.institution_notice_section .institution_notice_prev,
.institution_notice_section .institution_notice_next{position: absolute;background-repeat: no-repeat;background-position: center;background-color: #f1f3f8;z-index: 2; cursor: pointer;}
.institution_notice_section .institution_notice_list .institution_notice_item{display: flex;align-items: center;justify-content: center;}
.institution_notice_section .institution_notice_list .institution_notice_item .institution_notice_item_category{font-family: 'notokr-medium';color: #3475bf;}
.institution_notice_section .institution_notice_list .institution_notice_item .institution_notice_item_title{color: black;}

.institution_page .content_list{padding-top:0;}
@media (min-width: 1366px) {
    .institution_page .header_banner{height: 378px;}
    .institution_page .header_banner .banner_list .banner_content_wrap .banner_text{position: absolute;left: 0;top: 80px;font-size: 28px;line-height: 40px;}

    .institution_notice_section{height: 80px;margin-bottom: 30px;margin-top: 40px;}
    .institution_notice_section{position: relative;padding: 0 80px;}
    .institution_notice_section .institution_notice_prev,
    .institution_notice_section .institution_notice_next{background-size: 20px;width: 80px;height: 100%;}
    .institution_notice_section .institution_notice_list{}
    .institution_notice_section .institution_notice_list .institution_notice_item{}
    .institution_notice_section .institution_notice_list .institution_notice_item .institution_notice_item_category{font-size: 20px;line-height: 29px;margin-right: 15px;}
    .institution_notice_section .institution_notice_list .institution_notice_item .institution_notice_item_title{font-size: 28px;line-height: 40px;}

    .institution_page .content_list{gap: 5px; justify-content: flex-start;}
    .institution_page .content_list .content_item{width: calc((100% - 10px) / 3);margin-bottom: 0;}
}
@media (max-width: 1365px) and (min-width: 768px){
    .institution_page .header_banner{min-height: 360px;}
    .institution_page .header_banner .banner_list{height: 100%;}
    .institution_page .header_banner .banner_list .banner_item{padding-top: 46.8%;}
    .institution_page .header_banner .banner_list .banner_content_wrap .banner_text{position: absolute;left: 24px;top: 40px;font-size: 24px;line-height: 35px;}

    .institution_notice_section{position: relative;padding: 0 56px;height: 90px;margin-bottom: 30px;margin-top: 30px;}
    .institution_notice_section .institution_notice_prev,
    .institution_notice_section .institution_notice_next{background-size: 16px;width: 56px;height: 100%;}
    .institution_notice_section .institution_notice_list{}
    .institution_notice_section .institution_notice_list .institution_notice_item{flex-direction: column;text-align: center;}
    .institution_notice_section .institution_notice_list .institution_notice_item .institution_notice_item_category{font-size: 14px;line-height: 20px;margin-bottom: 5px;}
    .institution_notice_section .institution_notice_list .institution_notice_item .institution_notice_item_title{font-size: 18px;line-height: 26px;}

    .institution_page .content_list{font-size: 0;padding-bottom: 35px;}
    .institution_page .content_list .content_item{width: calc((100% - 5px) / 2);margin-bottom: 5px;display: inline-block;}
    .institution_page .content_list .content_item.tablet_double_item{height: 125px;margin-right: 5px;}
    .institution_page .content_list .content_item.tablet_double_item .content_title{display: block;margin-bottom: 5px;}
    .institution_page .content_list .content_item.tablet_double_item .content_icon{top: auto; transform: none; bottom: 15px;}
}
@media (max-width: 767px){
    .institution_page .header_banner{min-height: 270px;}
    .institution_page .header_banner .banner_list{height: 100%;}
    .institution_page .header_banner .banner_list .banner_content_wrap .banner_text{position: absolute;left: 20px;top: 32px;font-size: 18px;line-height: 26px;}

    .institution_notice_section{position: relative;margin-bottom: 30px;margin-top: 30px;padding: 20px 0;padding-bottom: 47px;}
    .institution_notice_section .institution_notice_list{}
    .institution_notice_section .institution_notice_list .institution_notice_item{flex-direction: column;text-align: center;}
    .institution_notice_section .institution_notice_list .institution_notice_item .institution_notice_item_category{font-size: 14px;line-height: 20px;margin-bottom: 5px;}
    .institution_notice_section .institution_notice_list .institution_notice_item .institution_notice_item_title{font-size: 18px;line-height: 26px;}

    .institution_notice_section .institution_notice_swiper_pager{width: 100%; text-align: center;position: absolute;bottom: 20px;font-size: 0;}
    .institution_notice_section .institution_notice_swiper_pager .swiper-pagination-bullet{width: 7px;height: 7px;border-radius: 100%;box-shadow: 0 0 4px 0 rgb(0 0 0 / 8%);background-color: rgba(52, 117, 191, 0.16);display: inline-block;margin-right: 10px;cursor: pointer;opacity: 1;}
    .institution_notice_section .institution_notice_swiper_pager .swiper-pagination-bullet:last-child{margin-right: 0;}
    .institution_notice_section .institution_notice_swiper_pager .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 22px;background-color: #424242;border-radius: 4px;transition: width 0.3s ease-in;}

    .institution_page .content_list{padding-bottom: 40px;display: flex;flex-direction: column;}
    .institution_page .content_list .content_slide_item{padding-right: 5px; width: calc(100vw - 40px);}
    .institution_page .content_list .content_item{width: 100%;padding: 0px 15px; display: flex;height: 60px;align-items: center;padding-right: 40px;}
    .institution_page .content_list .content_item .content_title{font-size: 16px;line-height: 24px;margin-right: 5px;display: inline-block;}
    .institution_page .content_list .content_item .content_sub_title{font-size: 12px;line-height: 17px;}
    .institution_page .content_list .content_item .content_icon{ height: 32px; top: 50%; right: 15px; transform: translate(0,-50%);}
}