/* 예외처리 */
.button_center{margin-top:0;}
#contents_wrap{padding:0;}

/* 전체과정안내 */
.total_course_list{float: left;
    width: calc(100% + 20px);     padding-bottom: 50px;
    margin-left: -20px;}
.total_course_list a{    height: 480px;align-items:stretch; margin-top: 20px; background:#fff;border:1px solid #e5e7eb;border-radius:16px;text-decoration:none;color:inherit;transition:box-shadow 0.2s;width: calc(100% / 4 - 20px);float: left;margin-left: 20px;}
.total_course_list a:hover{border-color:#5764f0;}
.total_course_list .image{position:relative;flex:0 0 280px;width: 100%;height:180px;border-top-left-radius: 12px;border-top-right-radius: 12px;overflow:hidden;background: #000000;display:flex;align-items:center;justify-content:center;}
.total_course_list .image img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:filter 0.3s,transform 0.3s;filter:brightness(0.8);transform:scale(1);}
.total_course_list a:hover .image img{filter:brightness(1);transform:scale(1.04);}
.total_course_list .image::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);transition:opacity 0.3s;opacity:1;pointer-events:none;}
.total_course_list a:hover .image::before{opacity:0;}
.total_course_list .text { padding: 15px; }
.total_course_list .text h3{font-size: 20px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
    white-space: normal;
    line-height: 1.2;
    height: 59px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical}
.total_course_list .text ul{margin-bottom:14px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.total_course_list .text ul li{font-size:14px;line-height:140%;color:#555;display:flex;align-items:center;}
.total_course_list .text ul li .stitle{margin-right:8px;min-width:60px;display:inline-block;}

.h4_title {     margin-bottom: 0px; }

/****** Mobile ******/
@media screen and (min-width:320px) and (max-width:690px){
/* 전체과정안내 */
.total_course_wrap{padding:0 20px}
.total_course_list a{flex-direction:column;gap:16px;padding:16px;}
.total_course_list .image{width:100%;height:180px;flex:0 0 180px;}
}

/****** tablet ******/
@media screen and (min-width:691px) and (max-width:1180px){
/* 전체과정안내 */
.total_course_wrap{padding:0 20px}
}

/****** desktop*****/
@media screen and (min-width:1181px) and (max-width:1600px){
}