@charset "UTF-8";

#schdulMain{height:100%;background:#f1eee9;border-radius:5px;}
#schdulMain h2{color:#000;font-family:'Pre Bold';font-size:16px;line-height:1;padding:28px 25px;border-bottom:1px solid rgba(0,0,0,0.1);}
.scheduleMain .scheduleControl{display:none;}
.scheduleScroll{padding:25px; overflow-y:auto; height:375px;}
.scheduleScroll::-webkit-scrollbar{width:5px;}
.scheduleScroll::-webkit-scrollbar-thumb{background:#000; border-radius:10px;}
.scheduleScroll::-webkit-scrollbar-track{background:none;}
.scheduleScroll ul{}
.scheduleScroll .slick-list {margin: 0 -5px;}
.scheduleScroll ul li{margin: 0 5px;padding:25px;border-bottom:1px solid rgba(255,255,255,0.3);background:#FCFCF7;border-radius:5px;margin-bottom:20px;}
.scheduleScroll ul li p.sub{color:rgba(0,0,0,1);font-family:'Pre Bold';font-size:20px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.scheduleScroll ul li p.date{color: #707070;font-family:'Pre Medium';font-size:14px;line-height:1;padding-top:10px;}
/* .scheduleScroll ul li:nth-child(n+4){display:none;} */
.scheduleMain .more{text-indent:-9999px;position:absolute;right:20px;top:21px;width:27px;height:27px;/* background:url(../images/more.png) center no-repeat; */}
.scheduleMain .more svg {position: absolute; top: 0; left: 0; fill: #000;}

/*CONTROL*/
.scheduleMain .paging,
.scheduleMain .numbering,
.scheduleMain .playstop,
.scheduleMain .prevnext{display:none;}
.scheduleMain .paging{padding-bottom:25px;}
.scheduleMain .paging ul{display:flex;align-items:center;justify-content:center;}
.scheduleMain .paging li{margin:0 5px;}
.scheduleMain .paging button{display:block;font-size:0;width:6px;height:6px;background:#707070;opacity:0.3;border-radius:100%;}
.scheduleMain .paging li.slick-active button{opacity:1;}

@media only screen and (max-width:1280px){
	.scheduleScroll {height:390px;}
}
@media only screen and (max-width:768px){
	.scheduleScroll {height:auto;}
	.scheduleScroll ul li{margin-bottom:0;}
	.scheduleMain .paging{display:block;}
	#schdulMain > ul {height: 105px;}
	#schdulMain a.subject{padding: 12px 16px 17px 5px;border-bottom:0;}
	#schdulMain .paging{display:block;padding-bottom: 16px;}
	#schdulMain h2 {padding: 23px 20px;font-size: 18px;}	
	#schdulMain .list {padding: 5px 16px 0px 16px;}
	#schdulMain .subjectText {height: 50px;}
	#schdulMain .subjectText span {font-size: 18px;}
	#schdulMain .date {padding-top: 8px;font-size: 14px;}
	#schdulMain .more {top: 18px;right: 13px;}
	#schdulMain .paging li {margin: 0 7px;}
	#schdulMain .more svg {width: 24px;}
	#schdulMain .control {margin-top: 3px;}
	.scheduleScroll {padding: 16px 20px 18px;}
	.scheduleScroll ul li {padding: 19px 15px 19px;}
	.scheduleScroll ul li p.sub {font-size: 16px;}
	.scheduleScroll ul li p.date {font-size: 14px;}
	.scheduleMain .paging li {margin: 0 8px;}
}

