/* 뎁스 - 2 타이틀 메뉴 */
.page_header {background-color: #eef8f5;position: relative;}
.page_header .depth2_title {font-family: Roboto-Medium, sans-serif;font-weight: normal;margin: 0px;position: absolute;line-height: 1.1;}

@media screen and (min-width:1360px) {
    .page_header {height: 300px;padding-bottom: 60px;}
    .page_header .depth2_title {font-size: 38px;bottom: 60px;}
}
@media screen and (min-width:768px) and (max-width:1359px) {
    .page_header {height: 200px;padding-bottom: 40px;}
    .page_header .depth2_title {font-size: 28px;bottom: 40px;}
}
@media screen and (max-width:767px) {
    .page_header {height: 200px;padding-bottom: 40px;}
    .page_header .depth2_title {font-size: 28px;bottom: 40px;}
}

/* 페이지 컨텐츠 랩핑 */

.page_content_body {

}

@media screen and (min-width:1360px) {

    .page_content_body {
        padding: 120px 0px;
    }
}
@media screen and (min-width:768px) and (max-width:1359px) {

    .page_content_body {
        padding: 60px 0px;
    }
}
@media screen and (max-width:767px) {

    .page_content_body {
        padding: 60px 0px;
    }
}




/* PAGE : Courses */

.course_list {}
.course_list .course_item {display: block;width: 100%;border-bottom: 1px solid #e5e5e5;}
.course_list .course_item .course_img {}
.course_list .course_item .course_info {}
.course_list .course_info .course_info_header {}
.course_list .course_info_header .course_category {display: block;line-height: 1;font-family: Roboto-Medium, sans-serif;color: #00b388;}
.course_list .course_info_header .course_title {line-height: 1.1;font-family: Roboto-Medium, sans-serif;font-weight: normal;color: #232323;}
.course_list .course_info_header .course_provider {font-family: Roboto-Regular, sans-serif;color: #707070;}
.course_list .course_info .course_description {font-family: Roboto-Regular, sans-serif;color: #707070;}
.course_list .course_btn_section {width: 100%;text-align: center;}
.course_list .course_btn_section .btn_more{border: 1px solid #e5e5e5;background-color: white;font-family: Roboto-Medium, sans-serif;color: #707070;}

/* TODO 표시할 정보 없어서 일단은 가림 */
.course_list .course_info_header .course_category { display:none; }
.course_list .course_info_header .course_provider { display:none; }
/********/

@media screen and (min-width:1360px) {

    .course_list {}
    .course_list .course_item {min-height: 280px;padding-bottom: 40px;margin-bottom: 40px;}
    .course_list .course_item .course_img {width: 430px;height: 240px;margin-right: 60px;float: left;}
    .course_list .course_item .course_info {display: inline-block;width: calc(100% - 490px);}
    .course_list .course_info .course_info_header {margin: 27px 0px 32px 0px;}
    .course_list .course_info_header .course_category {font-size: 16px;margin-bottom: 20px;}
    .course_list .course_info_header .course_title {font-size: 22px;margin-bottom: 16px;}
    .course_list .course_info_header .course_provider {font-size: 16px;}
    .course_list .course_info .course_description {font-size: 16px;line-height: 26px;}
    .course_list .course_btn_section {padding-top: 20px;margin-bottom: -20px;}
    .course_list .course_btn_section .btn_more{width: 120px;height: 50px;border-radius: 5px;font-size: 16px;}
}
@media screen and (min-width:768px) and (max-width:1359px) {

    .course_list {}
    .course_list .course_item {min-height: 280px;padding-bottom: 40px;margin-bottom: 40px;}
    .course_list .course_item .course_img {width: 300px;height: 170px;margin-right: 40px;float: left;}
    .course_list .course_item .course_info {width: 100%;}
    .course_list .course_info .course_info_header {width: calc(100% - 340px);height: 170px;float: right;padding: 30px 0px;}
    .course_list .course_info_header .course_category {font-size: 14px;margin-bottom: 16px;}
    .course_list .course_info_header .course_title {font-size: 18px;margin-bottom: 15px;line-height: 1.1;}
    .course_list .course_info_header .course_provider {font-size: 16px;}
    .course_list .course_info .course_description {clear: both;font-size: 14px;line-height: 24px;padding-top: 35px;}
    .course_list .course_btn_section {margin-bottom: -20px;}
    .course_list .course_btn_section .btn_more{width: 120px;height: 44px;border-radius: 5px;font-size: 14px;}
}
@media screen and (max-width:767px) {

    .course_list {}
    .course_list .course_item {min-height: 280px;padding-bottom: 40px;margin-bottom: 40px;}
    .course_list .course_item .course_img {width: calc(100vw - 40px);height: calc(56.25vw - 22px);}
    .course_list .course_item .course_info {width: 100%;}
    .course_list .course_info .course_info_header {padding: 25px 0px 30px 0px;}
    .course_list .course_info_header .course_category {font-size: 14px;margin-bottom: 16px;}
    .course_list .course_info_header .course_title {font-size: 18px;margin-bottom: 15px;line-height: 1.1;}
    .course_list .course_info_header .course_provider {font-size: 16px;}
    .course_list .course_info .course_description {font-size: 14px;line-height: 24px;}
    .course_list .course_btn_section {margin-bottom: -40px;}
    .course_list .course_btn_section .btn_more{width: 120px;height: 44px;border-radius: 5px;font-size: 14px;}
}

/* Institution */
.institution_list {}
.institution_list .institution_item {display: inline-block;vertical-align: top;font-size: 0;border-bottom: 1px solid #e5e5e5;}
.institution_list .institution_item .institution_img{position: relative;}
.institution_list .institution_img .institution_logo{position: absolute;}
.institution_list .institution_item .institution_info{}
.institution_list .institution_info .institution_type{font-family: Roboto-Regular, sans-serif;color: #707070;display: block;}
.institution_list .institution_info .institution_name{font-family: Roboto-Medium, sans-serif;color: #232323;}

@media screen and (min-width:1360px) {
    .institution_list {}
    .institution_list .institution_item {width: calc(33.33% - 20px);height: 395px;padding-bottom: 40px;margin-bottom: 40px;}
    .institution_list .institution_item:not(:nth-child(3n)) {margin-right: 20px;}
    .institution_list .institution_item .institution_img{height: 240px;}
    .institution_list .institution_img .institution_logo{width: 80px;height: 80px;border-radius: 5px;bottom: 20px;right: 20px;}
    .institution_list .institution_item .institution_info{margin-top: 30px;}
    .institution_list .institution_info .institution_type{margin-bottom: 15px;font-size: 16px;}
    .institution_list .institution_info .institution_name{font-size: 22px;}
}
@media screen and (min-width:768px) and (max-width:1359px) {
    .institution_list {}
    .institution_list .institution_item {width: calc(50% - 15px);height: 330px;padding-bottom: 25px;margin-bottom: 30px;}
    .institution_list .institution_item:not(:nth-child(2n)) {margin-right: 20px;}
    .institution_list .institution_item .institution_img{height: 200px;}
    .institution_list .institution_img .institution_logo{width: 60px;height: 60px;border-radius: 5px;bottom: 15px;right: 15px;}
    .institution_list .institution_item .institution_info{margin-top: 20px;}
    .institution_list .institution_info .institution_type{margin-bottom: 20px;font-size: 14px;}
    .institution_list .institution_info .institution_name{font-size: 18px;}
}
@media screen and (max-width:767px) {
    .institution_list {}
    .institution_list .institution_item {display: block;height: 330px;padding-bottom: 25px;margin-bottom: 30px;}
    .institution_list .institution_item .institution_img{height: 200px;}
    .institution_list .institution_img .institution_logo{width: 60px;height: 60px;border-radius: 5px;bottom: 15px;right: 15px;}
    .institution_list .institution_item .institution_info{margin-top: 20px;}
    .institution_list .institution_info .institution_type{margin-bottom: 20px;font-size: 14px;}
    .institution_list .institution_info .institution_name{font-size: 18px;}
}