@charset "utf-8";

.outer {width: 100%;}
.blind {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);}

/* 탭 */
.status{padding: 2.4rem 0 4rem 3rem;}
.status > ul > li{display: inline-block;vertical-align: top;font-size: 1.8rem;color:#666;}
.status > ul > li + li{margin-left:1.5rem;}
.status > ul > li > span{width:1rem;height: 1rem;display: inline-block;margin-right: 1rem;border-radius: 50%;}
.status > ul > li > span.status01{background:#2f8d9a;}
.status > ul > li > span.status02{background: #999;}
.status > ul > li > span.status03{background: #2e489a;}
.status > ul > li > span.status04{background: #a38767;}

.sche-tab-year{position: absolute;top:1.5rem;right:1rem;}
.sche-tab-year > span{font-family: 'pre-r';font-size: 2.4rem;color:#333;}

._fnctWrap .sche-wrap ._tab._normal{text-align: right;}
._fnctWrap .sche-wrap ._tab._normal > ul > li{display: inline-block;vertical-align: top;float:none;text-align: left;}
._fnctWrap .sche-wrap ._tab._normal > ul > li > a{width:5.5rem;height: 5.5rem;border:0;text-indent: -99999999px;border-radius: 0;background: #999 url('../images/scheduler-w.png') no-repeat center !important;}
._fnctWrap .sche-wrap ._tab._normal > ul > li > a.active{background: #ac2f30 url('../images/scheduler-w.png') no-repeat center !important;}
._fnctWrap .sche-wrap ._tab._normal > ul > li:nth-child(2) > a{background: #999 url('../images/sche-list-w.png') no-repeat center !important;}
._fnctWrap .sche-wrap ._tab._normal > ul > li:nth-child(2) > a.active{background: #ac2f30 url('../images/sche-list-w.png') no-repeat center !important;}

._fnctWrap .sche-wrap ._tab._normal > ul > li:nth-child(3) > a{background: #dcdcdc url('../images/mid-icon.png') no-repeat center !important;}
._fnctWrap .sche-wrap ._tab._normal > ul > li:nth-child(3) > a.active{background:  url('../images/mid-icon-on.png') no-repeat center !important;}
._fnctWrap .sche-wrap ._tab._normal > ul > li:nth-child(4) > a{background: #dcdcdc url('../images/week-icon.png') no-repeat center !important;}
._fnctWrap .sche-wrap ._tab._normal > ul > li:nth-child(4) > a.active{background:  url('../images/week-icon-on.png') no-repeat center !important;}


.switch {
	text-align: right;
	margin-bottom: 2rem;
}
.switch li {
	display: inline-block;
}
.switch a {
	position: relative;
    display: block;
    width: 4.5rem;
	height: 4.5rem;
	text-align: left;
	/* text-indent: -9999px; */
}
.switch a.month {
	background: url(../images/scheduler.png) center center no-repeat;
}
.switch a.month:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 2rem;
    right: -0.2rem;
    top: 1.3rem;
    background-color: #ddd;
}

.switch a.active.month {
	background: url(../images/scheduler-on.png) center center no-repeat;
}
.switch a.year {
	background: url(../images/sche-list.png) center center no-repeat;
}
.switch a.active.year {
	background: url(../images/sche-list-on.png) center center no-repeat;
}
.switch-btn {
	text-align: right;
}

.switch-btn li {
	display: inline-block;
}

.switch-btn li a {
	position: relative;
	display: block;
	width: 4.5rem;
	height: 4.5rem;
}

.switch-btn li:first-child a {
	background: url('../images/scheduler.png') center center no-repeat;
}

.switch-btn li:first-child a::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 2rem;
	right: -0.2rem;
	top: 1.3rem;
	background-color: #ddd;
}

.switch-btn li:first-child a.ac {
	background: url('../images/scheduler-on.png') center center no-repeat;
}

.switch-btn li:last-child a {
	background: url('../images/sche-list.png') center center no-repeat;
}

.switch-btn li:last-child a.ac {
	background: url('../images/sche-list-on.png') center center no-repeat;
}

.alb-head {margin-bottom:3rem;background:#ac2f30;}
.alb-head.year-head{width:100%;}
.listDay .year-head{display:none;}
.alb-head .inner {}

.alb-head .top{padding:1.5rem 4rem;display:flex;align-items:center;justify-content:space-between;}
.alb-head .top h3{color: #FFF;font-family: 'pre-b';font-size:3.2rem;line-height:1.5;}
.alb-head .top button{font-family: 'pre-b';font-size: 2rem;color:#FFF;line-height: 1.7;display:flex;align-items:center;opacity:0.5;transition:0.3;}
.alb-head .top button.prev::before,
.alb-head .top button.next::after{width:3.5rem;height:3.5rem;content:"";display:block;}
.alb-head .top button.prev::before{background:url('../images/prev.png') no-repeat center / cover;margin-right:1rem;}
.alb-head .top button.next::after{background:url('../images/next.png') no-repeat center / cover;margin-left:1rem;}
.alb-head .top button:hover{opacity:1;}
@media all and (max-width: 768px) {
	.alb-head .top{padding:2rem;}
	.alb-head .top button.prev::before,
	.alb-head .top button.next::after{width:3rem;height:3rem;}
}
.alb-head .btm{background:#FFF;}
.alb-head .btm ul{display: flex;justify-content: space-between;flex-wrap:wrap;}
.alb-head .btm ul li{width: calc(100% / 12);text-align: center;}
.alb-head .btm ul li a {color: #666;font-size: 2rem;font-family: 'pre-m';padding:1.5rem 1rem;display:block;border-bottom:3px solid #DDD;}
.alb-head .btm ul li a:hover,
.alb-head .btm ul li a.ac{color: #ac2f30;font-family: 'pre-b';position: relative;border-color:#a32b30;}


/* body */
.sche-alb .alb-body {overflow: hidden;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.sche-alb .alb-body .sche-tab {width: 38%;border:1px solid #111111;}
.sche-alb .alb-body .sche-tab strong {display:none;}
.sche-alb .alb-body .sche-tab strong span {font-size: 2rem;color: #333;display: inline-block;}
.sche-alb .alb-body .sche-tab strong .today-mark{position: absolute;right:0;top: 0.8rem;}
.sche-alb .alb-body .sche-tab strong .today-mark span{font-size: 1.6rem;color: #00a3a0;font-family: 'pre-r';padding: 0.3rem 1rem;border: 2px solid #00a3a0;border-radius: 1rem;}
.sche-alb .alb-body .sche-tab thead tr {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.sche-alb .alb-body .sche-tab th {color: #FFF !important;padding:1.5rem 0.5rem;font-family: 'pre-b';font-size: 1.6rem;font-weight: normal;background:#a32b30;}
.sche-alb .alb-body .sche-tab td {padding:1.5rem 0.5rem;box-sizing: border-box;position: relative;background: #fff;color: #888;font-size: 1.6rem;border-bottom: 1px solid #e8e8e8;}
.sche-alb .alb-body .sche-tab td:first-child p {color: #cc6666;}
.sche-alb .alb-body .sche-tab td.sun p{color: #cc6666;}
.sche-alb .alb-body .sche-tab td.today p {color: #a32b30;font-family: 'pre-b';}
.sche-alb .alb-body .sche-tab td p {display: block;width: 100%;text-align: center;background-color: #fff;margin: 0 auto;font-family: 'pre-r';}
.sche-alb .alb-body .sche-tab td.marked {position: relative;}
.sche-alb .alb-body .sche-tab td.marked:after {content: '';position: absolute;left: 50%;margin-left: -0.2rem;top: 0.75rem;width: 0.5rem;height: 0.5rem;border-radius: 100%;background: #a32b30;}
.sche-alb .alb-body .sche-tab td.marked p{font-family: 'pre-r';color: #000;}
.sche-alb .alb-body .sche-tab td.sun_marked {position: relative;}
.sche-alb .alb-body .sche-tab td.sun_marked:after {content: '';position: absolute;left: 50%;margin-left: -0.2rem;top: 0.75rem;width: 0.5rem;height: 0.5rem;border-radius: 100%;background: #cc6666;}
.sche-alb .alb-body .sche-tab td.sun_marked p{font-family: 'pre-r';color: #cc6666;}

.sche-alb .alb-body .sche-comt {width: 60%;min-height:33rem;background:#f7f7f7;}
.sche-comt .monthTitle{font-size:2rem;font-family: 'pre-b';color:#111;padding-bottom:2rem;background:#FFF;}
.sche-comt .monthList{padding:3rem 4rem;}
.sche-comt .monthList dl{padding:0.5rem 0;display:flex;flex-wrap:wrap;}
.sche-comt .monthList dt{font-size:1.8rem;font-family:'pre-m';color:#111;width:15rem;display:flex;align-items:center;justify-content:space-between;}
.sche-comt .monthList dt::after{width:2px;height:1rem;background:#a1a1a1;content:"";display:block;}
.sche-comt .monthList dd{font-size:1.8rem;font-family:'pre-r';color:#555;width:calc(100% - 15rem);padding-left:2rem;}

@media all and (max-width:1024px) {
	.sche-alb .alb-body .sche-tab {width:100%;}
	.sche-alb .alb-body .sche-comt {width: 100%;}
}
@media all and (max-width:768px) {
	.sche-comt .monthList{padding:2rem;}
	.sche-comt .monthList dl{padding:1rem 0;}
	.sche-comt .monthList dt{width:100%;}
	.sche-comt .monthList dt::after{display:none;}
	.sche-comt .monthList dd{width:100%;padding-left:0;}
}

.sche-alb .sche-comt thead{background:#FFF;}
.sche-alb .sche-comt thead th{font-size:2rem;color:#111;text-align:left;padding-bottom:2rem;}
.sche-alb .sche-comt tbody tr{padding:3rem;}
.sche-alb .sche-comt tbody th,
.sche-alb .sche-comt tbody td{font-size:1.8rem;color:#111;text-align:left;padding:0.5rem 2rem;}
.sche-alb .sche-comt tbody td{color:#555555;}
.sche-alb .sche-comt td a{color:#666;}
.table-tail {
	text-align: right;
	margin-top: 0.5rem;
}

.table-tail p {
	display: inline-block;
	color: #183d93;
	font-size: 1.6rem;
	background: url('../images/box-tail.png') left 7px no-repeat;
	padding: 1rem 2.5rem 1rem 3.5rem;
}

/* schedule list type */
.sche-list .list-body {
	border-top: 2px solid #43505d;
}

.sche-list .time-line {
	border-bottom: 1px solid #c6cace;
	padding: 3rem 4rem;
	overflow: hidden;
}

.sche-list .time-line dt {
	float: left;
	width: 25%;
	min-height: 21rem;
	text-align: center;
	background: url('../images/month-bg.png') top center no-repeat;
	padding-top: 3rem;
}

.sche-list .time-line dt div {
	min-height: 13.7rem;
	background: url('../images/month-shield.png') top center no-repeat;
}

.sche-list .time-line dt strong {
	font-size: 6rem;
	color: #fff;
}

.sche-list .time-line dt span {
	font-size: 2rem;
	color: #fff;
}

.sche-list .time-line dt p {
	color: #fff;
}

.sche-list .time-line dd {
	float: right;
	width: 75%;
	color: #666;
	border-left: 1px solid #c6cace;
	padding-left: 3.5rem;
	box-sizing: border-box;
}

.sche-list .time-line dd li {
	background: url('../images/sche-bul.png') left center no-repeat;
	padding-left: 2rem;
	margin: 1rem 0;
}

.sche-list .time-line dd span {
	display: inline-block;
	width: 100%;
	max-width: 16rem;
	color: #1b1b1b;
	margin-right: 3rem;
}

.schedule .listDay {border-top: 2px solid #8e2024;}
.schedule .listDay ul {display:flex;flex-wrap:wrap;width: 100%;}
.schedule .listDay ul li {width: 50%;border-bottom: 1px solid #d9d9d9;}
.schedule .box-sch {display:flex;height:100%;}
.schedule .box-sch .num {width:26%;background: #fbf3f3;display:flex;align-items:center;justify-content:center;text-align: center;}
.schedule .box-sch .num h3 {font-family: 'pre-b';font-size: 2rem;color: #111111;}
.schedule .box-sch .num.day h3{font-size: 1.8rem;}
.schedule .box-sch .desc {width:74%;padding:3rem;}
.schedule .box-sch .desc dl {margin-bottom:2rem;}
.schedule .box-sch .desc dl:last-child {margin-bottom:0;}
.schedule .box-sch .desc dl dt {font-size: 1.8rem;font-family: 'pre-sb';color:#8e2024;}
.schedule .box-sch .desc dl dt.middle {}
.schedule .box-sch .desc dl dd {font-size: 1.8rem;font-family: 'pre-m';color:#555555;padding-top:0.2rem;}
@media all and (max-width: 768px) {
	.schedule .listDay ul li {width: 100%;}
}


.schedule .box-sch .desc .sun dd,
.schedule .box-sch .desc .sun dt {color: #cc6666;}

.schedule  .search {padding:1.5rem 4rem;text-align: center;display:flex;align-items:center;justify-content:space-between;}
.schedule strong {color:#FFF;font-family:'pre-b';font-size:3.2rem;}
.schedule .searchSelect  label {
	display: inline-block;
    color: #3362b2;
    font-size: 2.4rem;
    text-align: center;
    margin: 0 2rem;
    padding: 1.5rem 0;
    font-family: 'pre-m';
    vertical-align: middle;
}
.schedule .searchSelect input {
	padding: 1rem;
    font-size: 1.5rem;
    height: 4rem;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0.4rem;
}

.schedule  .DirectionLeft,
.schedule  .DirectionRight{font-family: 'pre-b';font-size: 2rem;color:#FFF;line-height: 1.7;display:flex;align-items:center;opacity:0.5;transition:0.3;}
.schedule  .DirectionLeft::before,
.schedule  .DirectionRight::after{width:3.5rem;height:3.5rem;content:"";display:block;}
.schedule  .DirectionLeft::before{background:url('../images/prev.png') no-repeat center / cover;margin-right:1rem;}
.schedule  .DirectionRight::after{background:url('../images/next.png') no-repeat center / cover;margin-left:1rem;}
.schedule  .DirectionLeft:hover,
.schedule  .DirectionRight:hover{opacity:1;}
@media all and (max-width: 768px) {
	.schedule  .search {padding:2rem;}
	.schedule  .DirectionLeft::before,
	.schedule  .DirectionRight::after{width:3rem;height:3rem;}
}


#layer_planner {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 90%;
    max-width: 66rem;
	z-index: 21;
	transform: translate(-50%, -50%);
	padding: 3rem;
	background: #fff;
	border: 1px solid #d1d1d1;
}

#layer_planner.on {
	display: block;
}

#layer_planner h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 2.5rem 2.9rem;
    background-image: url(../images/alert_header.png);
    color: white;
}

#layer_planner .btn_close {
	background: #2b3e5c;
    border: 1px solid #2b3e5c;
	display: block;
    cursor: pointer;
    font-size: 1.4rem;
    height: 4rem;
    line-height: 3.6rem;
    text-align: center;
    min-width: 8;
	margin: 0 auto;
	margin-top: 2rem;
    border-radius: 10rem;
	font-family: 'pre-l';
	color: #fff;
}

#layer_planner table {position:relative; margin-top: 8.6rem;}
#layer_planner table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:0.2rem; background:#000;}
#layer_planner thead th {padding:1.4rem 1rem; font-family: 'pre-r'; font-weight: normal;  background:#f7f8f9; color:#000000; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:1.8rem;}
#layer_planner thead th.small {padding:1.5rem 1rem; font-size: 1.6rem;}
#layer_planner tbody th {padding:1.3rem 1.5rem; font-family: 'pre-r'; font-weight: normal; background:#fbfbfb; color:#666; border-right:1px solid #dddee0; border-bottom:1px solid #ccd0d7; font-size:1.6rem;}
#layer_planner tbody td {padding:1.3rem 1.5rem; font-family: 'pre-l'; background:#fff; color:#666; border-bottom:1px solid #dddee0; font-size:1.6rem; text-align: left;}
#layer_planner .list li {position: relative; padding-left: 0.8rem;}
#layer_planner .list li:after {content: ''; position: absolute; left: 0; top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background: #666666;}
#layer_planner .align-l {text-align:left;}
#layer_planner .align-c {text-align:center;}
#layer_planner .align-r {text-align:right;}

._tab {margin-bottom: 3rem !important;}
._tab li {margin-right: 1rem;}
._tab a {background: #9c9c9c !important;  color: #fff !important; line-height: 3.1rem !important; border-radius: 0.4rem; border: 0px solid #000;}
._tab a.active {background: #0067d4 !important; color: #fff !important;}


@media all and (max-width: 1024px) {
	.alb-head {
		margin-bottom: 3rem;
	}
	.schedule .box-sch .num h3 {
		width: 9.5rem;
		height: 9.5rem;
		line-height: 9.5rem;
	}
	.alb-head .btm ul li {
		width: calc(100% / 4);
	}
	.sche-alb .alb-body .sche-tab {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.sche-alb .alb-body .sche-comt {
		float: none;
		width: 100%;
		margin-top: 3rem;
	}
	.sche-list .time-line dt {
		float: none;
		width: 100%;
		max-width: 25rem;
		margin: 0 auto;
	}
	.sche-list .time-line dd {
		float: none;
		width: 100%;
		border: 1px solid #c6cace;
		padding: 3.5rem;
	}
	.sche-list .time-line {
		padding: 3rem;
	}
}

@media all and (max-width: 768px) {
	.schedule strong.year-title-only{font-size:3rem;background:none;}
	.sche-alb .alb-body .sche-tab{height: auto;}
	.table-tail{padding-bottom: 2rem;}
	.schedule .box-sch .desc dl dt{display: block;}
	.schedule .box-sch .desc dl dd{display: block;}
}

@media all and (max-width: 420px) {
	.sche-list .time-line {padding: 2rem;	}
	.sche-list .time-line dd {padding: 2rem;	}
}