@charset "utf-8";

/*일정*/
#schdulMain{min-height:186px;background:#022968;padding:60px 0;}
#schdulMain .scheduleMain{max-width:1550px;margin: 0 auto;position:relative;}
/*공통*/
#schdulMain .scheduleMain h2,
#schdulMain .scheduleControl .monthDate{position:absolute;top:0;left:0;}
/*타이틀*/
#schdulMain .scheduleMain h2{top:50px;font-family:'Noto Medium';font-size:42px;line-height:1;color:#FFF;}
/*년도,콘트롤*/
#schdulMain .scheduleControl .monthDate{top:0;}
#schdulMain .scheduleControl .monthDate a{display:block;position:absolute;width:30px;height:30px;text-indent:-9999px;background:url(/sites/style_guide/images/common/arrow_3_w.png) no-repeat center;}
#schdulMain .scheduleControl .monthDate a.pre{left:140px;top:3px;transform:rotate(180deg);}
#schdulMain .scheduleControl .monthDate a.next{left:180px;top:2px;}
#schdulMain .scheduleControl .monthDate span{font-size:35px;color:#FFF;font-family: 'Titillium Web', sans-serif;font-weight:600;line-height:1;}
#schdulMain .scheduleControl .monthDate span.month{}
#schdulMain .scheduleControl .monthDate span.day{}
/*일정목록*/
#schdulMain .scheduleScroll{padding-left:350px;}
#schdulMain .scheduleScroll ul{display:flex;}
#schdulMain .scheduleScroll ul li{width:25%;position:relative;padding:0 0 10px 25px;}
#schdulMain .scheduleScroll ul li:before{content:"";display:inline-block;width:1px;height:calc(100% - 7px);background:rgba(255,255,255,0.5);position:absolute;left:2px;top:7px;}
#schdulMain .scheduleScroll ul li:after{content:"";display:inline-block;width:6px;height:6px;background:rgba(255,255,255,1);position:absolute;left:0;bottom:0;transform:rotate(45deg);}
#schdulMain .scheduleScroll ul li:nth-child(n+5){display:none}
#schdulMain .scheduleScroll ul li p{color:#FFF;line-height:1.25}
#schdulMain .scheduleScroll ul li p.sub{font-size:30px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#schdulMain .scheduleScroll ul li p.date{font-size:20px;font-family: 'Titillium Web', sans-serif;font-weight:600;padding-top:5px;}
#schdulMain .scheduleScroll ul li p.date span{display:none;}
/*더보기*/
#schdulMain a.more{display:block;position:absolute;top:52px;left:155px;width:45px;height:45px;text-indent:-9999px;background:url(/sites/style_guide/images/common/plus_4_w.png) center no-repeat;}
@media only screen and (max-width:1550px){
	#schdulMain .scheduleMain{max-width:96%;}
	#schdulMain .scheduleScroll{padding-left:250px;}
}
@media only screen and (max-width:1280px){
	#schdulMain .scheduleMain h2{font-size:30px;}
	#schdulMain .scheduleScroll{padding-left:200px;}
	#schdulMain .scheduleControl .monthDate span{font-size:25px;}
	#schdulMain .scheduleControl .monthDate a.pre{left:100px;top:-2px;}
	#schdulMain .scheduleControl .monthDate a.next{left:130px;top:-3px;}
	#schdulMain .scheduleScroll ul li p.sub{font-size:25px;}
	#schdulMain .scheduleScroll ul li p.date{font-size:18px;}
	#schdulMain a.more{top:42px;left:120px;}
}
@media only screen and (max-width:1024px){
	#schdulMain{padding:30px 0;}
	#schdulMain .scheduleMain h2,
	#schdulMain .scheduleControl .monthDate{position:relative;top:auto;left:auto;text-align:center;}
	#schdulMain .scheduleControl .monthDate{margin-top:20px;}
	#schdulMain .scheduleControl .monthDate a.pre{left:50%;top:-1px;margin-left:-84px;}
	#schdulMain .scheduleControl .monthDate a.next{left:50%;top:-2px;margin-left:53px;}
	#schdulMain .scheduleScroll{padding-left:0;margin-top:20px;}
	#schdulMain .scheduleScroll ul li{width:33.33%;padding:0 20px;}
	#schdulMain .scheduleScroll ul li:before,
	#schdulMain .scheduleScroll ul li:after{display:none;}
	#schdulMain .scheduleScroll ul li p.sub{font-size:20px;}
	#schdulMain .scheduleScroll ul li p.date{font-size:16px;}
	#schdulMain a.more{top:-7px;left:auto;right:0;}
}
@media only screen and (max-width:768px){
	#schdulMain .scheduleMain h2{font-size:25px;}
	#schdulMain .scheduleScroll ul{display:block;padding:0 10px;}
	#schdulMain .scheduleScroll ul li{width:100%;padding:7px 0;}
	#schdulMain .scheduleScroll ul li p.sub{width:calc(100% - 120px);font-size:18px;}
	#schdulMain .scheduleScroll ul li p.date{position:absolute;right:0;top:5px;}
	#schdulMain a.more{background:url(/sites/style_guide/images/common/plus_4_w_m.png) center no-repeat;}
}


/*HOVER*/
@media only screen and (min-width:1025px){
	#schdulMain .scheduleControl .monthDate a:hover{background-position:right center !important}
	#schdulMain a.more:hover{background:url(/sites/style_guide/images/common/arrow_4_w.png) center no-repeat;}
}