@charset "utf-8";

/* 학사일정 기본스타일*/
.schedule_table_web{display:none;}

.schdule_title{position:relative;padding:10px 20px;height:110px; padding: 30px 20px; border: none; background: #f9f5f5;}
.schdule_title .tit{color: #666;;display:inline-block;}
.schdule_title .check_box{display:inline-block;  color: #666;}
.schdule_title .check_box label{display:inline-block;}
.schdule_title label{display:none;}
.schdule_title span{margin-top:5px;}
.schdule_title span:first-child{margin-top:0;}
.schdule_title span.prev_select{display:inline-block;}
.schdule_title span.prev_select select{width:auto;}

.schedule_table_mob table{border-collapse:collapse;font-size:13px;width:100%}
.schedule_table_mob table caption{display:none}
.schedule_table_mob table th{padding:20px 6px 6px;border-bottom:1px solid #1461ac;color:#1461ac;font-size:18px;text-align:left;}
.schedule_table_mob table td{padding:10px 6px;border-bottom:1px solid #dee0e3;color:#666;text-align:left;}

.schedule_table_web .cal_box { 
    display: inline-block;
    padding: 3px 9px;
    color: #fff;
    font-size: 13px; }

.schedule_table_web .cal_box.cal01 { background-color: #0479f4; }
.schedule_table_web .cal_box.cal02 { background-color: #006c82; }
.schedule_table_web .cal_box.cal03 { background-color: #071a69; }
.schedule_table_web .more{
    padding: 3px 9px;
    background: #575757;
    display: inline-block;
    margin-left: 10px;
    color:#fff;font-size: 13px;
}


.schedule_table_mob .cal_box { 
    display: inline-block;
    padding: 3px 9px;
    color: #fff;
    font-size: 13px; }
.schedule_table_mob .cal_box.cal01 { background-color: #0479f4; }
.schedule_table_mob .cal_box.cal02 { background-color: #0fa9c7; }
.schedule_table_mob .cal_box.cal03 { background-color: #071a69; }
.schedule_table_mob .more{
    padding: 3px 9px;
    background: #575757;
    display: inline-block;
    margin-left: 10px;
    color:#fff;font-size: 13px;
}


@media (min-width:640px){

.schedule_table_mob{display:none;}
.schedule_table_web{display:block;margin:10px 0 0}
.schdule_title .check_box{margin-left:20px}
.schdule_title p{font-size:18px}
.schdule_title span.prev_select{float:right;margin-right:20px}

.schedule_table_web table{width:100%}
.schedule_table_web table thead th{background:#f7f7f7;}
.schedule_table_web table thead th span{display:inline-block;padding:7px 15px 3px;font-size: 1.125em;color:#444c58;}
.schedule_table_web table td{padding:10px;border-bottom:1px solid #dee0e3;} 
.schedule_table_web table tbody th{padding:12px;border-bottom:1px solid #dee0e3;color:#1461ac;font-size:30px;text-align:center;vertical-align:middle;}

}


/* 추가 수정스타일 background:#e45348;  */

/* 뱃지는 공통스타일 :(프로그램 가이드 파일(program.jsp[java]  or program.php[php] )에 있음; 클래스를 동일하게 사용해서 모든사람이 편하게)
.badge.stats1{background-color:#d5403c !important;}
.badge.stats2{background-color:#4175c8 !important;}
.badge.stats3{background-color:#0aa699 !important;}
.badge.stats4{background-color:#a8b5c4 !important;}
*/

.schedule_table_web table tbody th{color:#e45348}
.schedule_table_web .badge,.schedule_table_mob .badge{display: inline-block; padding: 6px 9px; color: #fff; font-size: 13px; width:auto; height:auto; line-height: 1; border-radius: 0; }

/* pc 뱃지 색깔 */
.schedule_table_web .badge.stats1{background-color:#e45348}/* 학사 */
.schedule_table_web .badge.stats2{background-color:#4175c8}/* 장학 */
.schedule_table_web .badge.stats3{background-color:#0aa699}/*  */
.schedule_table_web .badge.stats4{background-color:#8b96a2 !important}/*  */
.schedule_table_web .badge.stats5{background-color:#223b62}/*  */
.schedule_table_web .badge.stats6{background-color:#ff8400}/*  */
.schedule_table_web .badge.stats7{background-color:#ec332e}/*  */

/* mobile 뱃지 색깔 */
.schedule_table_mob .badge.stats1{background-color:#e45348}/* 학사 */
.schedule_table_mob .badge.stats2{background-color:#4175c8}/* 장학 */
.schedule_table_mob .badge.stats3{background-color:#0aa699}/*  */
.schedule_table_mob .badge.stats4{background-color:#223b62}/*  */
.schedule_table_mob .badge.stats5{background-color:#8b96a2}/*  */
.schedule_table_mob .badge.stats6{background-color:#ff8400}/*  */
.schedule_table_mob .badge.stats7{background-color:#ec332e}/*  */

.schdule_title.ui{display:flex; align-items: center;}
.schdule_title.ui .board_search{width:100%}
.schdule_title.ui .float-md-left{float: none; width:auto;}
.schdule_title.ui .float-md-left .tit{font-weight:bold; margin-right: 10px; float:left; margin-left: 10px;}
.schdule_title.ui .check_box{ margin-top: 0; display: flex; align-items: center;}
.schdule_title.ui .check_box li{white-space:nowrap}
.schdule_title.ui .check_box label{margin-bottom: 0;color:#808080}


.schdule_title.ui .search_inner.float-md-right{ width:auto; max-width: none; display: inline-block; position:relative; float:right}
.schdule_title.ui .search_inner.float-md-right .fieldset{width:auto}
.schdule_title.ui .search_inner.float-md-right span.prev_select{margin-right: 0;}


@media screen and (max-width:1170px) {

    .schdule_title.ui .search_inner.float-md-right{display:block; float:none; width:100%; margin-left:8px; margin-top: 5px;}
    .schdule_title.ui .search_inner.float-md-right{ text-align: right;}
    .schdule_title.ui .search_inner.float-md-right span.prev_select{float:none;}
    .schdule_title.ui .search_inner.float-md-right .fieldset{ display: inline-block;}

    
}

@media screen and (max-width:1000px) {

    .schdule_title.ui{ flex-direction: row;}
    .schdule_title.ui .float-md-left{max-width:none; margin-bottom: 0;}
    .schdule_title.ui .float-md-left .tit{margin: 0; white-space: nowrap;}
    .schdule_title.ui .check_box{margin-left: 5px;}
    
}

@media screen and (max-width:768px) {

    .schdule_title.ui{height: auto; margin: 0 0 30px 0;}
    .schdule_title.ui .float-md-left{display:block; margin-bottom: 0;}    
    .schdule_title.ui .check_box label{margin-right:10px}   
    /* .schdule_title.ui .search_inner.float-md-right{max-width: 100%;} */
    /* .schdule_title.ui .search_inner.float-md-right .fieldset{text-align: center; display:flex; flex-wrap: nowrap;} */
    .schdule_title.ui .search--btn span { width: 81px;}

}

    
@media screen and (max-width:700px) {

    .schdule_title.ui{flex-direction: column;}
    .schdule_title.ui .float-md-left{margin-bottom: 10px;}
    .schdule_title.ui .float-md-left .tit{font-size: 20px; display:block; float:none; margin: 0 0 6px 8px;}
    .schdule_title.ui .search_inner.float-md-right{margin-left: 0;}
    .schdule_title.ui .search_inner.float-md-right span.prev_select{width: 100%;}
    .schdule_title.ui .search--select{width: calc(100% - 90px); margin-right:0 }
    .schdule_title.ui .search--select > span {width: 100%; }
    .schdule_title.ui  span.prev_select select{ width: 100%; padding-left:10px}
    /* .program--search .search--btn{width: 81px;} */

    .schdule_title.ui .search_inner.float-md-right .fieldset{width:100%}
    .schdule_title.ui .search--select, .program--search .search--btn{display:inline-block}

}

@media screen and (max-width:640px) {

   

    
}

@media screen and (max-width:600px) {

    .schdule_title.ui .search--select{margin: 0 8px 0 0;}
    .schdule_title.ui.search--btn{width:auto}
}


@media screen and (max-width:450px) {

    .schdule_title.ui .search_inner.float-md-right{margin: 0;}

}

/* 모바일 more */
.schedule_table_mob .more{float:right; margin-right:3px}

@media screen and (max-width:639px) {

    .schdule_title.ui{ flex-direction: column; justify-content: center; overflow: hidden;}
    .schdule_title.ui .float-md-left{max-width:none;justify-content: center; margin-bottom: 10px;}
    
    .schdule_title.ui .float-md-left .tit{margin: 0 0 10px 0}
    .schdule_title.ui .check_box{margin-left: 5px;}
    

/* 테이블 */
.schedule_table_mob table,.schedule_table_mob table tbody,.schedule_table_mob table tbody tr,.schedule_table_mob table tbody th{display:block; width: 100%;}
.schedule_table_mob table tbody tr{border-bottom: 1px solid #dee0e3; position:relative; padding-left: 26%;}
.schedule_table_mob table tbody tr.m-tit{border-bottom:0; padding-left: 0;}
.schedule_table_mob table tbody tr:after{content:''; display:block; clear:both}
.schedule_table_mob table tbody td{display:inline-block; border-bottom: 0; width: 100%;}
.schedule_table_mob table tbody td.date{position:absolute; left:0; top:4px; font-weight: bold;}
/* .schedule_table_mob table tbody td.shd{width:100%} */
    
}

@media screen and (max-width:1059px){

    .schedule_table_web table td.date{letter-spacing: -1px;}
    
}


@media screen and (max-width:659px){

    .schedule_table_web table td{padding: 10px 7px;}
    
}

@media screen and (max-width:640px){

    .schedule_table_mob table tbody tr{padding-left: 0;}
    .schedule_table_mob table tbody td{ font-size: 15px;}
    .schedule_table_mob table tbody td.date{position: relative; left:auto; top:0; background-color: #f9f9f9; }
    
}

@media screen and (max-width:450px){

    .schdule_title.ui .check_box{margin-left: 0; flex-direction: column; align-items: flex-start;}
    
}