@charset "utf-8";

/********************
일정관리
********************/
.wrap_schedule{height:100%;padding:30px 30px 30px 0;}
.wrap_schedule .noData{font-size:20px;color:#FFF;text-align:center;padding:50px 0;}
.wrap_schedule h2{margin-bottom:20px;font-size:40px;font-family:'Mont SemiBold';color:#FFF;line-height:1;letter-spacing:-2px;}
.wrap_schedule .container{display:flex;}
.wrap_schedule .scheduleControl{width:100px;display:flex;align-items:center;justify-content:flex-start;}
.wrap_schedule .scheduleControl a{width:40px;height:40px;display:block;text-indent:-9999px;background:url(/sites/style_guide/images/common/arrow_2_w.png) no-repeat center;}
.wrap_schedule .scheduleControl a.prev{transform:rotate(-90deg);}
.wrap_schedule .scheduleControl a.next{transform:rotate(90deg);}
.wrap_schedule .scheduleControl .date{color:#FFF;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;}
.wrap_schedule .scheduleControl .date .year{font-size:20px;font-family:'Mont Regular';}
.wrap_schedule .scheduleControl .date .month{font-size:50px;font-family:'Mont SemiBold';}
.wrap_schedule .scheduleControl .date i{display:none;}
.wrap_schedule .scheduleList{width:calc(100% - 100px);}
.wrap_schedule .scheduleList ul{}
.wrap_schedule .scheduleList li{padding:15px 0;color:#FFF;}
.wrap_schedule .scheduleList li:nth-child(n+5){display:none;}
.wrap_schedule .scheduleList .period{font-size:16px;color:rgba(255,255,255,0.6);line-height:1;padding-bottom:10px;}
.wrap_schedule .scheduleList .subject{font-size:17px;color:#FFF;line-height:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_schedule .more{display:block;width:30px;height:30px;background:url(/sites/style_guide/images/common/plus_4_w.png) no-repeat center;position:absolute;right:30px;top:34px;text-indent:-9999px;}
@media all and (max-width:1640px) {
	.wrap_schedule{padding:30px;}
	.wrap_schedule .container{display:block;}
	.wrap_schedule .scheduleControl,
	.wrap_schedule .scheduleList{width:100%;}
	.wrap_schedule .scheduleControl{flex-direction:row;}
	.wrap_schedule .scheduleControl .date{flex-direction:row;}
	.wrap_schedule .scheduleControl a.prev{transform:rotate(180deg);}
	.wrap_schedule .scheduleControl a.next{transform:rotate(0deg);}
	.wrap_schedule .scheduleControl .date .year,
	.wrap_schedule .scheduleControl .date .month{font-size:30px;font-family:'Mont SemiBold';}
	.wrap_schedule .scheduleControl .date i{display:inline;padding:0 5px;}
	.wrap_schedule .scheduleList li:nth-child(n+4){display:none;}
}
@media all and (max-width:1280px) {
	.wrap_schedule{padding:20px;}
	.wrap_schedule h2{font-size:30px;}
	.wrap_schedule .more{right:20px;top:17px;}
	.wrap_schedule .scheduleControl .date .year,
	.wrap_schedule .scheduleControl .date .month{font-size:25px;}
	.wrap_schedule .scheduleList .period{font-size:13px;}
	.wrap_schedule .scheduleList .subject{font-size:15px;}
}