@charset "utf-8";

/* 수강신청 목록 */
.courses_wrap {}
.courses_wrap .list {position:relative; margin:0 0 20px; }
.courses_wrap .list a {display:block; width:100%; height:100%; padding:30px;border:1px solid #ddd; -webkit-transition:all 0.3s;transition:all 0.3s;}
.courses_wrap .list a:hover,
.courses_wrap .list a:focus {border:1px solid #3a67b9;}
.courses_wrap .list .state_btn {position:absolute;right:0;top:0;text-align: center;}
.courses_wrap .list .state_btn .type {width: 100px;/* height: 80px; */margin:0;padding: 13px 0;text-shadow: none;opacity: 1;}
.courses_wrap .list .state_btn .type.open {background: #3a67b9;}
.courses_wrap .list .state_btn .type.ready {background: #faa831;}
.courses_wrap .list .state_btn .type.close {background: #a4a4a4;}
.courses_wrap .list .state_btn .type b {display:block;position:relative;margin: 0 0 14px;font-size:15px;font-weight:500;line-height:1;color:#fff;}
.courses_wrap .list .state_btn .type b:after {display:block;position:absolute;left:50%;bottom: -8px;content:'';width:22px;height:1px;margin-left:-11px;background:#fff;}
.courses_wrap .list .state_btn .type span {display:block;font-size: 13px;font-weight:500;line-height:1;color:#fff;}
.courses_wrap .list .item {}
.courses_wrap .list .item .style {}
.courses_wrap .list .item .style .item_content {}
.courses_wrap .list .item .style .item_content .tit {}
.courses_wrap .list .item .style .item_content .tit .stat_wrap {display:block;margin: 0 0 3px;color:#777;font-size:14px;line-height:1;}
.courses_wrap .list .item .style .item_content .tit strong {display: block;padding: 0 100px 10px 0;margin: 0 0 10px;border-bottom: 1px dashed #ddd;color: #000;font-size: 20px;font-weight: 700;line-height: 1.3;}
.courses_wrap .list .item .style .item_content ul {}
.courses_wrap .list .item .style .item_content ul:after {display:block; clear:both; visibility:hidden; content:'';}
.courses_wrap .list .item .style .item_content ul li {overflow: hidden;float:left;position:relative;width:50%;min-height:24px;padding-left:80px;padding-right: 10px;text-overflow: ellipsis;white-space: nowrap;}
.courses_wrap .list .item .style .item_content ul li:after {display:block; position:absolute; top:8px; left:67px;content:''; width:1px; height:10px; background:#ccc;}
.courses_wrap .list .item .style .item_content ul li b {position:absolute; left:0; top:0;}

@media(max-width:580px){
    .courses_wrap .list a {padding:30px 20px;}
    .courses_wrap .list .item .style .item_content ul li {float:none; width:100%;}
}

/* 상세페이지 */
.educate_body {display:block;position: relative;width:100%;height:100%;padding:30px;border:1px solid #ddd;}
.educate_body .state_btn {position:absolute;right:0;top:0;text-align: center;}
.educate_body .state_btn .type {width: 100px;/* height: 80px; */margin:0;padding: 13px 0;text-shadow: none;opacity: 1;}
.educate_body .state_btn .type.open {background: #3a67b9;}
.educate_body .state_btn .type.ready {background: #faa831;}
.educate_body .state_btn .type.close {background: #a4a4a4;}
.educate_body .state_btn .type b {display:block;position:relative;margin: 0 0 14px;font-size:15px;font-weight:500;line-height:1;color:#fff;}
.educate_body .state_btn .type b:after {display:block;position:absolute;left:50%;bottom: -8px;content:'';width:22px;height:1px;margin-left:-11px;background:#fff;}
.educate_body .state_btn .type span {display:block;font-size: 13px;font-weight:500;line-height:1;color:#fff;}
.educate_body .style {position:relative;padding-left:330px;}
.educate_body .tit {}
.educate_body .tit .stat_wrap {display:block;margin: 0 0 3px;color:#777;font-size:14px;line-height:1;}
.educate_body .tit strong {display: block;padding: 0 100px 10px 0;margin: 0 0 10px;border-bottom: 1px dashed #ddd;color: #000;font-size: 20px;font-weight: 700;line-height: 1.3;}
.educate_body .thumb {overflow:hidden; position:absolute;left:0;top:0;width:300px;height:225px;border: 1px solid #ddd;}
.educate_body .thumb span {display:block; position:relative; width:100%; height:100%;}
.educate_body .thumb span img {position:absolute; left:50%; top:50%; width:auto; min-width:100%; max-width:1000%; height:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.educate_body .pt ul {}
.educate_body .pt ul:after {display:block; clear:both; visibility:hidden; content:'';}
.educate_body .pt ul li {position:relative;min-height:24px;margin: 3px 0;padding-left:80px;padding-right: 10px;}
.educate_body .pt ul li:after {display:block; position:absolute; top:8px; left:67px;content:''; width:1px; height:10px; background:#ccc;}
.educate_body .pt ul li b {position:absolute; left:0; top:0;}
@media(max-width:767px){
    .educate_body {padding:25px 20px;}
    .educate_body .style {padding:0;}
    .educate_body .thumb {position:static;width: 100%; max-width:400px; height:auto; margin: 20px auto; border:none; text-align:center;}
    .educate_body .thumb span img {position:static; width:100%; min-width:0; height:auto;  -webkit-transform:none; transform:none;}
    .educate_body .pt .text-right a {width:100%; margin:3px 0;text-align:left;}
}