@charset "utf-8";

.main {clear:both; width:100%; border-collapse: collapse; border-spacing:0px;table-layout:fixed; margin-bottom:60px; margin-top:30px;}

li a:hover{color:#fd5f00}
.subject li:before{position: absolute;top: 11px;left: 0px;  width: 6px;height: 6px;background: #fd5f00;content: '';border-radius: 50%;}
.subject li {padding-left:15px;position:relative;}
.container {display:flex;align-items: center;}
li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:15px;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;margin-right:5px;}
/*.main thead th, .main tbody th {height:40px; border-bottom:1px solid #ececec; text-align:left; font-weight:700;}*/
.title {text-align:left;font-weight:700;}
.container > a {color:#333;display:inline-block;position:relative;vertical-align: bottom;font-size:25px; padding-bottom:8px;margin-bottom:2px;margin-right:17px;}
.container > a:after{position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#333;content:''}
.title .span {padding-bottom:5px; font-size:16px;}

.more {text-align:right;padding-right:10px; font-weight:normal; float:right;margin-left: auto;font-size:16px;padding-bottom:2px;}
.more a {color:#aaa;}
.more a:hover {color:#777;}

.sub_title{padding:10px; border-top:1px solid #e2e2e2; font-weight:700; font-size:18px;width:85%;height:40px;}
.date_title{padding:10px; border-top:1px solid #e2e2e2; font-weight:700; font-size:18px;width:15%;height:40px;}
.date {text-align:center;color:#888;padding:10px 5px;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;height:70px;line-height:1.4em;}
.subject {font-size:18px; text-align:left;padding:10px 5px;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;height:70px;line-height:1.4em;}
.main_none{color:#666;text-align:center;padding:0;font-size:18px;padding:10px 5px;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;height:140px;}

/*교육과정*/
.class_title{padding:10px; border-top:1px solid #e2e2e2; font-weight:700; font-size:18px;width:55%;height:40px;}
.study_title{padding:10px; border-top:1px solid #e2e2e2; font-weight:700; font-size:18px;width:30%;height:40px;}
.stat_title{padding:10px; border-top:1px solid #e2e2e2; font-weight:700; font-size:18px;width:15%;height:40px;}

.class_none{color:#666;text-align:center;padding:0;font-size:18px;padding:10px 5px;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;height:140px;}
.study, .stat {text-align:center;color:#888;padding:10px;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;height:70px;line-height:1.4em;}
.bo_tit {display:block;color:#000;font-weight:bold}
.bo_tit a {width: 100%;height: 100%;text-decoration: none;background-color: transparent; }
.bo_tit a:hover {color: #fd5f00;}

.main .edu {display: inline-block;border-radius:20px; padding:4px; color:#fff; width:50px;text-align: center;vertical-align: middle; font-weight:500}
.main .ing {background:#0FA3D4;}
.main .end {background:#6F6F6F;}
.main .soon {background:#F09336;}

.main .sp_none {display: none;}


@media screen and (max-width: 640px) {
.main {margin-bottom:10px;}
.container > a {font-size:20px;margin-right:8px;}
.title .span {padding-bottom:5px;font-size:14px;}
.more {font-size:14px; padding-right:5px;}
.sub_title{padding:5px;font-size:16px;width:80%;}
.date_title{padding:5px;font-size:16px;width:20%;}
.subject {font-size:15px;height:50px;padding:5px 10px;}
.date {font-size:15px;height:50px;padding:5px;}
.subject li:before{top: 8px;width:4px;height:4px;}
.subject li {padding-left:15px;position:relative;}

.class_title{padding:5px;font-size:16px;width:80%}
.stat_title{padding:5px;font-size:16px;width:20%}
.stat {font-size:15px;height:50px;padding:5px;}
.study_title, .study, .span{display:none}

.main .sp_none {display: inline-block;width:100%;font-size:13px;margin-top:4px;}
}