@charset "utf-8";

/* BEGIN : 학사일정 calendar */
.cal_years_btn, .btn_lst li a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.calendar_wrap{width: 1200px; margin: 0 auto;}
.cal_wrap{width: 100%;}
.cal_head, .cal_body{display: table; width: 100%; text-align: center; vertical-align: middle;}
.cal_head{border-top: 2px solid #000; border-bottom: 1px solid #ccc;}
.cal_row{display: table-row;}
.cal_th, .cal_td{display: table-cell; padding: 20px 10px; background: #f3f3f3; border-left: 1px solid #ccc; font-size: 16px; color: #999; width: 20%; vertical-align: middle; box-sizing: border-box;}
.cal_th{color: #333; font-size: 19px;}
.cal_row > .cal_td{border-bottom: 1px solid #ccc;}
.cal_row .c_cal{width: 300px; background: #fff;}
.cal_row .c_moth{width: 100px; border-right:  1px solid #ccc;}
.cal_row .c_box{width: auto; padding: 0; border-left: 0; border-right: 1px solid #ccc; vertical-align: top; background: #fff;}
.cal_row .sub_cal{display: table; width: 100%;}
.cal_row .sub_cal .cal_td{border-bottom: 0;}
.cal_row .sub_cal:nth-child(1) .cal_td, .cal_row .sub_cal:nth-child(2) .cal_td, .cal_row .sub_cal:nth-child(3) .cal_td, .cal_row .sub_cal:nth-child(4) .cal_td{border-bottom: 1px solid #ccc;}
.cal_row .c_day{width: 200px; background: #fff; border-left: 0;}
.cal_row .c_con{width: auto; background: #fff;}
.cal_row .cal_td.c_con{text-align: left;}
.cal_row .cal_th.c_cal{background: #f3f3f3;}
.cal_row .cal_th.c_day, .cal_row .cal_th.c_con{background: #f3f3f3;}
.cal_row .cal_td .month_area{font-size: 14px; font-weight: 300;}
.cal_row .cal_td .month_area span{display: block; font-size: 21px; font-weight: 400; color: #666;}
.cal_row .cal_td .month_area span b{color: #333; font-weight: 700;}

.calendar_box{width: 250px; margin: 0 auto;}
.calendar_box ul:after{content:""; display:block; clear:both;}
.calendar_box ul{margin-bottom: 10px;}
.calendar_box ul li{float: left;}
.calendar_box ul li.cc_mm{font-size: 15px; font-weight: 300;}
.calendar_box ul li.cc_mm span{font-size: 21px; font-weight: 700; color: #4F7308;}
.calendar_box ul li.cc_ye{float: right; font-size: 21px; font-weight: 700; color: #333;}
.calendar_box table{width: 100%; font-size: 13px; color: #666; border-top: 2px solid #000;}
.calendar_box table th{background: #eee; padding: 8px 0; text-align: center;}
.calendar_box table td{padding: 10px 0 5px; text-align: center;}
.calendar_box table td span{display: inline-block; line-height: 24px;}
.calendar_box table td span.active{background: #F46B06; color: #fff; width: 24px; height: 24px; border-radius: 24px;}


.cal_search{position:relative; width:100%; height:auto; margin-bottom:40px; padding:20px; background-color:#f3f3f3; box-sizing:border-box;}
.cal_search .years_select{display:inline-block; width:180px; margin-right:2px; font-size:15px; height: 35px; line-height: 35px; border: 1px solid #ccc; vertical-align:middle;}
.cal_search .cal_years_btn{display: inline-block; text-align: center; color: #fff; min-width:70px; height:33px; line-height:33px; margin-right:20px; vertical-align:middle; background: #666;}
.cal_search .cal_years_btn:hover{background: #0075a3;}
.cal_search .btn_lst{display:inline-block;}
.cal_search .btn_lst li{display:inline-block; vertical-align:middle;}
.cal_search .btn_lst li a{display:block; height:30px; line-height:30px; padding:0 12px; font-size:15px; box-sizing:border-box; border-radius:30px;}
.cal_search .btn_lst li a:hover, .cal_search .btn_lst li a.on{background-color:#0075a3; color:#fff;}
.cal_search .searchs{position:absolute; top:18px; right:20px; width:105px; height:35px; line-height:35px; background-color:#32383e; text-align:center; font-size:14px; color:#fff;}
.cal_search .searchs:before{content:""; display:inline-block; width:14px; height:13px; margin-right:5px; background:url(../../../images/site/kor/content/schoolcal_search_icon.png) no-repeat;}

.cal_search .cal_header{text-align: center; height: 63px;}
.cal_search .cal_header ul:after{content:""; display:block; clear:both;}
.cal_search .cal_header ul{display: inline-block;}
.cal_search .cal_header ul li{float: left;}
.cal_search .cal_header ul li h4{padding: 0 60px; font-size: 30px; font-weight: 800; line-height: 63px;}
.cal_search .cal_header ul li a{display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 30px; margin-top: 16px;}
.cal_search .cal_header ul li a.cal_prev{background-image: url("../imgs/calendar_arrow_left.png");}
.cal_search .cal_header ul li a.cal_next{background-image: url("../imgs/calendar_arrow_right.png");}


/* main  calendar*/
.schedule_wrap{width: 100%;}
.schedule_wrap:after {display: block; content: ''; clear: both;}
.schedule_wrap > li{position: relative; float: left; width: 50%;}
.schedule_wrap .calendar_box{width: 100%;}

.schedule_wrap .calendar_box > ul{position: absolute; top: -46px; right: 0; display: inline-block;}
.schedule_wrap .calendar_box ul li.cc_day{position: relative; float: inherit; font-size: 17px;}
.schedule_wrap .calendar_box ul li.cc_day strong{display: block; line-height: 24px; margin: 0 10px;}
.schedule_wrap .calendar_box ul li.cc_day a{display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: 12px !important; background-color: #f3f3f3; border: 1px solid #ededed; border-radius: 30px;}
.schedule_wrap .calendar_box ul li.cc_day a.cala_left{background-image: url("../imgs/calendar_arrow_left.png");}
.schedule_wrap .calendar_box ul li.cc_day a.cala_right{background-image: url("../imgs/calendar_arrow_right.png");}
.schedule_wrap .calendar_box table td{padding: 5px 0 5px; text-align: center;}

.schedule_wrap .today_schedule div.scroll_box{width: 100%; height: 200px; box-sizing: border-box; padding-left: 30px; overflow-y: scroll;}
.schedule_wrap .today_schedule a{display: block; border-bottom: 1px dashed #ccc; padding: 9px 0;}
.schedule_wrap .today_schedule a b, .schedule_wrap .today_schedule a span{display: block; float: none; line-height: 25px; letter-spacing: 0;}
.schedule_wrap .today_schedule a b{float: left; width: 60px; font-size: 15px;}
.schedule_wrap .today_schedule a span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: 400;}
.schedule_wrap .today_schedule a:first-child{padding-top: 3px;}



@media all and (max-width:1200px){
	.calendar_wrap{width: 100%; margin: 0 auto;}
	.cal_head{display: none !important;}
	.cal_body{border-top: 2px solid #000;}
}


@media all and (max-width:960px){
	.cal_body, .cal_row{display: block;}
	.cal_th, .cal_td{font-size: 14px; padding: 17px 10px;}
	.cal_td{display: block; width: 100% !important; border-left: 0 !important;}
	.cal_row{margin-top: 30px;}
	.cal_row .cal_td .month_area span{display: inline-block}
	.cal_row .cal_td.c_cal{padding: 0; padding-bottom: 20px;}
	.cal_row .cal_td.c_box{border-bottom: 0;}
	.cal_row .sub_cal .cal_td{border-bottom: 1px solid #ccc;}
	.cal_row .sub_cal .cal_row{display: table-row}
	.cal_row .sub_cal .cal_row li.cal_td{display: table-cell; width: auto !important;}
	.cal_row .sub_cal .cal_row li.cal_td:first-child{width: 30% !important;}
	
	.calendar_box{width: 100%;}
}

@media all and (max-width:767px){
	.cal_search{text-align: center;}
	.btn_lst{margin-top: 15px;}
    
    .cal_search .cal_header{height: 53px;}
    .cal_search .cal_header ul li h4{padding: 0 30px; font-size: 23px; line-height: 53px;}
    .cal_search .cal_header ul li a{display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 25px; margin-top: 7px;}
}

@media (max-width:480px){
    .schedule_wrap > li{float: inherit; width: 100%; margin-left: 0;}
    .schedule_wrap .today_schedule div{padding-left: 0; margin-top: 15px; padding-top: 15px;}
    .schedule_wrap .calendar_box ul li.cc_day strong{font-size: 15px;}
}


@media all and (max-width:400px){
	
}
/* END : 학사일정 calendar */