/* 정규학습 시간표 */
section.schedule { display: block; padding: 0px; padding-top: 70px; }

.schedule>.container { padding-bottom: 0px; }
.schedule>.container > dl.week_th { display: block; padding-left: 70px; font-size: 0px; }
.schedule>.container > dl.week_th>dd { display: inline-block; width: calc(100% / 7); line-height: 60px; height: 60px; font-size: 14px; font-weight: 400; text-align: center; color: #999; }
.schedule>.container > dl.week_th>dd:nth-child(7n) { color: #369AFB; }
.schedule>.container > dl.week_th>dd:nth-child(7n+1) {	color: #FD5658; }

.schedule>.container > .schedule_line { padding-bottom: 30px; position: relative; }
.schedule>.container > .schedule_line> ul.line { padding-left: 70px; display: block; position: relative; }
.schedule>.container > .schedule_line > ul.line > li { position: relative; height: 60px; border-bottom: 0px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; }
.schedule>.container > .schedule_line > ul.line.half > li { height: 30px; }
.schedule>.container > .schedule_line > ul.line > li:after { display: block; height: 1px; background: rgba(0, 0, 0, 0.05); position: absolute; top: 0px; left: 0px;	right: 0px;	content: ''; z-index: 10; }

.schedule_line > ul.line > li > i { position: absolute; width: 60px; font-style: normal; font-size: 11px; color: #999; top: -10px; left: -60px; text-align: center; line-height: 20px; }
.schedule_line > ul.line > li:last-child { position: relative; height: 1px; border-bottom: 0px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; }

.schedule_line > ul.mine { position: absolute; top: 0px; left: 70px; right: 0px; z-index: 9; }
.schedule_line > ul.mine > li { position: absolute; right: 0px; left: 0px; overflow-y: auto; height:fit-content; }
.schedule_line > ul.mine > li > a { display: block; padding: 15px; overflow: hidden; overflow-y: auto; }
.schedule_line > ul.mine > li > a > i { display: inline-block; line-height: 18px; font-size: 10px; color: #fff; padding: 0px 5px; margin-left: -5px; transform: rotate(-5deg); letter-spacing: 1px; }
.schedule_line > ul.mine > li > a > b { display: block; line-height: 18px; font-size: 12px; position: absolute; top: 15px; right: 15px; font-weight: 400; color: #888; }
.schedule_line > ul.mine > li > a > span { display: block; line-height: 18px; font-size: 12px; position: absolute; top: 15px; right: 15px; font-weight: 400; color: #888; }
.schedule_line > ul.mine > li > a > span > b { font-weight: 500; font-size: 13px; color: #666; }
.schedule_line > ul.mine > li > a > p { display: block; line-height: 20px; font-size: 15px; color: #111; }
.schedule_line > ul.mine > li > a > dl { display: block; margin-top: 10px; }
.schedule_line > ul.mine > li > a > dl > dd { display: block;	font-size: 0px;	width: 100%; }
.schedule_line > ul.mine > li > a > dl > dd > span { display: inline-block; min-width: 35px; vertical-align: bottom; font-size: 12px; line-height: 18px; color: #777; 	font-weight: 400; }
.schedule_line > ul.mine > li > a > dl > dd > b { display: inline-block; vertical-align: bottom; font-size: 12px; line-height: 18px; color: #777; font-weight: 400; }

.schedule_line > ul.mine > li > div { display: block; padding: 15px; overflow: hidden; overflow-y: auto; }
.schedule_line > ul.mine > li > div > i { display: inline-block; line-height: 18px; font-size: 10px; color: #fff; padding: 0px 5px; margin-left: -5px; transform: rotate(-5deg); letter-spacing: 1px; }
.schedule_line > ul.mine > li > div >b { display: block; line-height: 18px; font-size: 12px; position: absolute; top: 15px; right: 15px; font-weight: 400; color: #888; }
.schedule_line > ul.mine > li > div > p { display: block; line-height: 20px; font-size: 15px;	color: #111; }
.schedule_line > ul.mine > li > div > dl { display: block; margin-top: 10px; }
.schedule_line > ul.mine > li > div > dl > dd { display: block; font-size: 0px; }
.schedule_line > ul.mine > li > div > dl > dd > span { display: inline-block; min-width: 50px; vertical-align: bottom; font-size: 12px; line-height: 18px; color: #777; font-weight: 400; }
.schedule_line > ul.mine > li > div > dl > dd > b {	display: inline-block; vertical-align: bottom; font-size: 12px; line-height: 18px; color: #777; font-weight: 400; }

.schedule_line > ul.mine > li > div > a.btn { display: block; width: 30px; height: 30px; position: absolute; bottom: 10px; right: 10px; z-index: 11; font-size: 0px;	text-align: center; color: #999; overflow: hidden; }
.schedule_line > ul.mine > li > div > a.btn::before { display: block; width: 30px; height: 30px; line-height: 30px; font-family: 'xeicon' !important; content: "\e94a"; font-size: 20px; }

.schedule_line > ul.mine[data-week] { left: 0px; margin-left: 70px; right: auto; width: calc(( 100% - 70px)/7); }
.schedule_line > ul.mine[data-week='0'] { left: calc(( 100% - 70px)/7* 0); }
.schedule_line > ul.mine[data-week='1'] { left: calc(( 100% - 70px)/7* 1); }
.schedule_line > ul.mine[data-week='2'] { left: calc(( 100% - 70px)/7* 2); }
.schedule_line > ul.mine[data-week='3'] { left: calc(( 100% - 70px)/7* 3); }
.schedule_line > ul.mine[data-week='4'] { left: calc(( 100% - 70px)/7* 4); }
.schedule_line > ul.mine[data-week='5'] { left: calc(( 100% - 70px)/7* 5); }
.schedule_line > ul.mine[data-week='6'] { left: calc(( 100% - 70px)/7* 6); }

.schedule_line > ul.mine[data-week] > li { margin: 0 2px; padding: 5px; display:flex; }
.schedule_line > ul.mine[data-week] > li > a { padding: 0px; line-height: 1; width: 100%; }

.schedule_line > ul.mine[data-week] > li > a > i { display: block; line-height: 30px; text-align: center; font-size: 10px; color: #666; transform: rotate(0deg); padding: 0px; background: transparent !important;	margin: 0; }

.schedule_line > ul.mine > li[data-role='ON-A'] { background: rgba(207, 125, 154, 0.2); }

.schedule_line > ul.mine > li[data-role='ON-A'] > a > i, 
.schedule_line > ul.mine > li[data-role='ON-A'] > div > i { background: rgba(207, 125, 154, 0.9); }

.schedule_line > ul.mine > li[data-role='ON-L'] { background: rgba(0, 146, 114, 0.2); }

.schedule_line > ul.mine > li[data-role='ON-L'] > a > i, 
.schedule_line > ul.mine > li[data-role='ON-L'] > div > i { background: rgba(0, 146, 114, 0.9); }

.schedule_line > ul.mine > li[data-role='OFF-A'] { background: rgba(90, 197, 220, 0.2); }

.schedule_line > ul.mine > li[data-role='OFF-A'] > a > i, 
.schedule_line > ul.mine > li[data-role='OFF-A'] > div > i { background: rgba(90, 197, 220, 0.9); }

.schedule_line > ul.mine > li[data-role='OFF-L'] { background: rgba(202, 175, 0, 0.2); }

.schedule_line > ul.mine > li[data-role='OFF-L'] > a > i, 
.schedule_line > ul.mine > li[data-role='OFF-L'] > div > i { background: rgba(202, 175, 0, 0.9); }

.schedule_line > ul.mine > li[data-role='ETC'] { background: rgba(159, 162, 167, 0.2); }

.schedule_line > ul.mine > li[data-role='ETC'] > a > i, 
.schedule_line > ul.mine > li[data-role='ETC'] > div > i { background: rgba(159, 162, 167, 0.9); }

.schedule_line > ul.mine > li.pick[data-role='ON-A'] { border: 2px solid rgba(207, 125, 154, 1); box-sizing: border-box; }
.schedule_line > ul.mine > li.pick[data-role='ON-L'] { border: 2px solid rgba(0, 146, 114, 1); box-sizing: border-box; }
.schedule_line > ul.mine > li.pick[data-role='OFF-A'] {	border: 2px solid rgba(90, 197, 220, 1); box-sizing: border-box; }
.schedule_line > ul.mine > li.pick[data-role='OFF-L'] { border: 2px solid rgba(202, 175, 0, 1); box-sizing: border-box; }
.schedule_line > ul.mine > li.pick[data-role='ETC'] { border: 2px solid rgba(159, 162, 167, 1); box-sizing: border-box; }

.schedule_line > div.now { height: 2px; position: absolute; left: 70px;	right: 0px;	z-index: 11; background: #ec635d;	margin-top: -1px; }
.schedule_line > div.now > i { position: absolute;	width: 60px; font-size: 11px; color: #999; top: -9px; left: -60px;	text-align: center;	line-height: 20px; background: #ec635d; color: #fff; }


/* NEW schedule */
.schedule_line > ul.mine > li .plan { padding: 5px; background: #fff; border-radius: 5px; width: 100%; min-height: 100%;	box-sizing: border-box; }
.schedule_line > ul.mine > li .plan+.plan {	margin-top: 20px; }
.schedule_line > ul.mine > li .plan > .t { font-weight: 600; font-size: 15px;	margin-bottom: 20px; }
.schedule_line > ul.mine > li .plan > .t > span { font-size: 12px; color: #999; }
.schedule_line > ul.mine > li .plan > ul.book_list { line-height: 1; }
.schedule_line > ul.mine > li .plan > .book_list > li {	font-size: 12px; font-weight: 500; }
.schedule_line > ul.mine > li .plan > .book_list+.book_list {	margin-top: 10px; }

body:not([data-touchable='true']) .schedule_line > ul.mine > li > a::-webkit-scrollbar { width: 5px; }
body:not([data-touchable='true']) .schedule_line > ul.mine > li > a::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); }
body:not([data-touchable='true']) .schedule_line > ul.mine > li > a::-webkit-scrollbar-track { background-color: #999; }

@media ( max-width : 660px) {
	.schedule_line>ul.mine>li .plan>.t {
		margin-bottom: 0px;
		font-size: 12px;
		writing-mode: vertical-rl;
	}
	.schedule_line>ul.mine>li .plan>.t>span, .schedule_line>ul.mine>li .plan>.book_list
		{
		display: none;
	}
}


/* 정규학습 시간표 데일리 */
section.scheduleDaily { display: block; padding: 0px; padding-top: 70px; }
section.scheduleDaily.pb0 { padding-bottom: 0px !important; }

/* NEW schedule_daily */
.slick-list { padding: 0 15px !important; }

.slider_item { margin: 0 5px; }
.slider_item .header { background: #000; color: #fff; text-align: center; font-size: 2.2rem; height: 50px; line-height: 50px; }
.slider_item > .con_wrap {  }
.slider_item .con { border: 1px solid #000; margin-top: 1rem; padding: 0.5rem; background: #fff; }
.slider_item .con > .tit { font-size: 2.4rem; font-weight: 800; margin-bottom: 15px; }
.slider_item .con > .tit > span { display: block; padding-top: 0.2rem; font-size: 15px; color: #999; font-weight: 600; }
.slider_item .con.noData { height: calc(100vh - 163px); display: flex; justify-content: center; align-items: center; font-weight: bold; }

.book_info_item { border-top: 1px solid #cccccc; padding: 10px 0; }
.book_info_item:last-of-type { border-bottom: 1px solid #cccccc; }
.book_info_item > .t { font-size: 20px; font-weight: 800; }
.book_info_item > .bInfoList { margin: 15px 0; }
.book_info_item > .bInfoList > li { color: #999; font-size: 13px; width: 100%; display: flex; justify-content: space-between; }
.book_info_item > .bInfoList > li+li { margin-top: 5px; }
.book_info_item > .bInfoList > li > span:nth-of-type(1) { width: 75px; display: inline-block; font-weight: 600; }
.book_info_item > .bInfoList > li > span:nth-of-type(2) { width: calc(100% - 75px); text-align: right; display: inline-block; font-weight: 600; }
.book_info_item > .book_plan_info { display: flex; align-items: center; justify-content: space-between; }
.book_info_item > .book_plan_info:not(:last-of-type) { margin-bottom: 5px; }
.book_info_item > .book_plan_info > .row { text-align: center; background: #efefef; padding: 15px 0; }
.book_info_item > .book_plan_info > .row:first-child { width: 55%; }
.book_info_item > .book_plan_info > .row:last-child { width: 45%; background: #ccc; }
.book_info_item > .book_plan_info > .row > span { display: block; }
.book_info_item > .book_plan_info > .row > .t { font-size: 12px; font-weight: 600; margin-bottom: 10px; color: #949494; }
.book_info_item > .book_plan_info > .row > .c { font-size: 15px; font-weight: 800; }


/* 정규학습 시간표 팝업 */
.schedulePop { display: block; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.6); z-index: 990; will-change: transform, opacity; }
.schedulePop.obj_popup { width: 100%; height: 100%; }
.schedulePop > .popup > header { background: #777; }
.schedulePop > .popup > header > .nowSt { width: 85%; }
.schedulePop > .popup > header > .nowSt > div { color: white; }
.schedulePop > .popup > header > a.close { color: white; }

.schedulePop .obj_pop_cnts_area .stTimeSet > h2 { font-size: 18px; padding-left: 5px; margin-bottom: 10px; }
.schedulePop .obj_pop_cnts_area .stTimeSet > h2 > p { margin-top: 5px; font-size: 13px; color: #999; }
.schedulePop .obj_pop_cnts_area .stTimeSet > .stTimeSetList > li { display: flex; align-items: center; }
.schedulePop .obj_pop_cnts_area .stTimeSet > .stTimeSetList > li + li { margin-top: 10px; }
.schedulePop .obj_pop_cnts_area .stTimeSet > .stTimeSetList > li > .yoil { display: inlnie-block; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; background: #ddd; font-weight: bold; margin-right: 10px; }
.schedulePop .obj_pop_cnts_area .stTimeSet > .stTimeSetList > li > .yoil.on { background: #404d5e; color: #fff; }