@charset "utf-8";

.schedule-button{ margin-bottom:10px; }
.schedule-button .schedule-button-box {display:flex; justify-content:flex-end; position: relative; }
.schedule-button .schedule-button-box a { display:flex; justify-content:center; align-items:center; border:1px solid #0c3274; padding:10px 20px; padding-left:50px; margin-left:10px; }

.schedule-button .schedule-button-box .schedule-month {background: url(../images/schedule_month.png) no-repeat 15px center;}
.schedule-button .schedule-button-box .schedule-month.on{background: url(../images/schedule_month_on.png) no-repeat 15px center;}
.schedule-button .schedule-button-box .schedule-month::before{content:""; display: block; position: absolute; width: 1px; height: 21px; background-color: #DADADA; right: -2px; top: 19px;}

.schedule-button .schedule-list{background: url(../images/schedule_year.png) no-repeat 15px center;}
.schedule-button .schedule-list.on{background: url(../images/schedule_year_on.png) no-repeat 15px center;}
 .schedule-button .schedule-half{background: url(../images/schedule_year.png) no-repeat 15px center;}
.schedule-button .schedule-half.on{background: url(../images/schedule_year_on.png) no-repeat 15px center;}
.schedule-button .schedule-week{background: url(../images/schedule_year.png) no-repeat 15px center;}
.schedule-button .schedule-week.on{background: url(../images/schedule_year_on.png) no-repeat 15px center;}
.schedule-button .schedule-day{background: url(../images/schedule_year.png) no-repeat 15px center;}
.schedule-button .schedule-day.on{background: url(../images/schedule_year_on.png) no-repeat 15px center;}

.schedule-inner{display: none;}
.schedule-inner.on{display: block;}

.month-search-box{margin-bottom: 50px;}
.month-search-header {text-align: center; padding: 25px 45px; position: relative; background:#0c3274; /*background:url('../images/scd_bg1.png') no-repeat center / cover; */ }
.month-search-header::after{content:""; display: table; clear: both;}
.month-search-header p{display: inline-block; padding: 0 95px; position: relative; color: #fff; font-family: "Dream Medium"; font-size: 24px; line-height: 50px;}
.month-search-content{background:url('../images/line_bg.png'); padding:0 5px 5px 5px;}
.month-search-content .search-content-inner {background:#fff; display: block; width:100%; height:100%;}
.month-search-content .search-content-inner::after{content:""; display: table; clear: both;}
.month-search-content .png, .month-search-header .png{color: #444444; font-size: 17px; font-family: "Dream Medium"; display: block; line-height: 35px;}
.month-search-content .all-prev, .month-search-header .all-prev{float: left; padding-left:50px; text-align: right; background: url(../images/year_prev.png) no-repeat left center; font-family: 'Dream Regular'; font-size: 18px; line-height: 50px; letter-spacing: -.05em; transition:all .3s;}
.month-search-content .all-prev, .month-search-header .all-prev:hover{background:url(../images/year_prev_on.png) no-repeat left center;}
.month-search-content .all-prev {display: none;}
.month-search-header .png {color:#fff;}
.month-search-content ul{width: calc(100% - 190px); padding:20px 0; margin:0 auto;}
.month-search-content ul::after{content:""; display: table; clear: both;}
.month-search-content li{float: left; width: 8.3333%; text-align: center;}
.month-search-content li a{width: 100%; height: 100%; display: block; }
.month-search-content li span{display: inline-block; line-height: 35px; padding:0 2px; color:#666; font-size: 20px; letter-spacing: -.05em; font-family: 'Dream Regular'; position: relative;}
.month-search-content li span::after {content:''; width:0%; height:7px; background:#00a79e; position: absolute; bottom:-2px; left:0; transition:width .3s;}
.month-search-content li.on span{ border-radius: 25px; color: white; font-family: 'Dream Medium'; color:#0c3274;}
.month-search-content li.on span::after {width:100%;}
.month-search-content li:hover span::after {width: 100%;}

.month-search-content .all-next, .month-search-header .all-next{float: right; padding-right:50px; background: url(../images/year_next.png) no-repeat right center; font-family: 'Dream Regular'; font-size: 18px; line-height: 50px; letter-spacing: -.05em; transition: all .3s;}
.month-search-content .all-next, .month-search-header .all-next:hover { background: url(../images/year_next_on.png) no-repeat right center;}
.month-search-content .all-next {display: none;}
.table-content-wrap::after{content:""; display: table; clear: both;}
.table-content-wrap .table-content{float: left; width: 30%;}
.table-content .table-month{text-align: center; padding: 11px 0;background:#0c3274; }
.table-content .table-month p{display: inline-block; }
.table-content .table-month p span{color: #fff; font-family: "Dream Medium"; font-size: 24px; display: block; line-height: 28px;}
.table-content .table-month .month-eng{color: #fff; margin-left: 7px; line-height: 28px; font-family: 'play Bold'; font-size: 19px; text-transform: uppercase;}
.table-content-wrap ._fnTable{border: 0; padding:0 22px; border:1px solid #dcdcdc;}
.table-content-wrap ._fnTable thead tr {border-bottom:1px solid #dcdcdc;}
.table-content-wrap ._fnTable thead tr, ._fnctWrap ._fnTable tbody tr._odd{background-color: white;}
.table-content-wrap ._fnTable thead tr th{background-color: #f2f2f2; box-shadow: none; font-weight: normal; border: 0; color: #666; font-family: "Dream Regular"; font-size: 18px; padding: 12px 0;}
.table-content-wrap ._fnTable thead tr th.sun {color:#FF1800;}
.table-content-wrap ._fnTable thead tr th.sat {color: #0c3274}
.table-content-wrap ._fnTable tbody tr {border-bottom:1px solid #DCDCDC;}
.table-content-wrap ._fnTable tbody tr td{border: 0; color: #666; font-family: "Dream Regular"; padding:0;font-size: 16px; position: relative; line-height: 55px;}
.table-content-wrap ._fnTable tbody tr td ul {position: absolute; left: 0; top: 0; width: 100%;}
/* .table-content-wrap ._fnTable tbody tr:first-child td{padding-top: 27.5px;} */
.table-content-wrap ._fnTable tbody tr:last-child {border-bottom:0;}
/* .table-content-wrap ._fnTable tbody tr:last-child td{padding-bottom: 27.5px;} */
.table-content-wrap ._fnTable tbody tr td .day{position: relative; z-index: 2; color: #666;}
.table-content-wrap ._fnTable tbody tr td.today {position: relative;}
.table-content-wrap ._fnTable tbody tr td.today::after {content: ''; position: absolute; left: 8px; top: 8px; width: calc(100% - 16px); height: calc(100% - 16px); background: #ececec; }
.table-content-wrap ._fnTable tbody tr td.sun .day{color: #FF1800}
.table-content-wrap ._fnTable tbody tr td.sat .day{color: #0c3274}
.table-content-wrap ._fnTable tbody tr td .date-circle{display: none; width:10px; height:9px; background:url('../images/scd_data_on.png') no-repeat center; position: absolute; top:8px; left:50%; margin-left:-5px;}
.table-content-wrap ._fnTable tbody tr td .date-circle:first-of-type{display: inline-block;}
.table-content-wrap .applyList{float: right; width: 66%;}
.table-content-wrap .applyList table {text-align:left; border-top: 1px solid #7C7C7C; border-bottom: 1px solid #7C7C7C;}
.table-content-wrap .applyList table th {text-align:left;}
.table-content-wrap .applyList col.th {width: 31.9%;}
.table-content-wrap .applyList tbody tr{border-bottom: 1px solid #ccd0d7;}
.table-content-wrap .applyList tbody tr:last-child{border-bottom: 0;}
.table-content-wrap .applyList tbody th{background-color: #F1F8FF; color: #333; font-size: 16px; padding: 15px 30px; font-family: 'Dream Regular'; letter-spacing: -.05em;}
.table-content-wrap .applyList tbody td{text-align: left; padding: 11px 30px; color: #666; font-size: 16px;font-family: 'Dream Regular';}
.table-content-wrap .applyList .noti-txt::after {display: none;}
.table-content-wrap .noti-txt.align-r {text-align: right;}
.table-content-wrap .noti-txt.color1 p {display:inline-block;padding-left:35px;position: relative;font-size: 15px;line-height: 37px;letter-spacing:-.025em;font-family:'Dream Light';color:#D63F11;background:url('../images/ic_alert.png') no-repeat left center;}


#layer_planner{display: none;}

@media all and (max-width: 1023px) {
    .month-search-header {padding: 22px 20px;}
    .month-search-content{padding: 10px 15px;}
    .month-search-content ul{margin-left: 0; width:auto; margin: 0 10px;}
    .table-content-wrap .applyList tbody th {padding:15px 20px;}
}

@media all and (max-width: 768px) {
    .month-search-header{padding: 22px 15px; padding-top:70px;}
    .month-search-header p{padding: 0 40px;}
    .month-search-header .all-next{text-align: left;}
    .table-content-wrap .table-content{width: 100%; float: none;}
    .table-content-wrap .applyList{width: 100%; float: none; margin-top: 20px;}
    .month-search-header .png {display: block;}
    .month-search-content .png{display: none;}
    .month-search-content ul{width: 100%; margin: 0;}
    .month-search-content li{width: 16.6666%;}
    .table-content-wrap ._fnTable tbody tr:first-child td, .table-content-wrap ._fnTable tbody tr:last-child td{padding-top: 15px;}
    .table-content-wrap ._fnTable tbody tr td{padding: 10px 0;}
}
@media all and (max-width:630px) {
    .month-search-header p {position: absolute; top:15px; left:0; width:100%; padding:0;}
}
@media all and (max-width: 500px) {
    .month-search-header p {font-size: 20px;}
    .month-search-header .all-next {font-size: 15px;}
    .month-search-content li{width: 25%;}
    .month-search-content .all-prev,
    .month-search-header .all-prev {font-size: 15px;}
    .month-search-content .all-next,
    .month-search-content li span {font-size: 15px;}
    .table-content-wrap .applyList col.th {width:150px;}
    .table-content-wrap .applyList tbody th{padding: 10px 15px; font-size: 15px;}
    .table-content-wrap .applyList tbody td{padding: 10px 15px; font-size: 15px;}
    .table-content-wrap ._fnTable thead tr th {font-size: 15px}
    .table-content-wrap ._fnTable tbody tr td {font-size: 15px;}
    .table-content .table-month p span {font-size: 20px;}
    .table-content .table-month .month-eng {margin-left: 0; font-size: 18px;}
}

#timeTableList{border-top: 2px solid #43505d;}
#timeTableList ul{display: flex; flex-wrap: wrap;}
#timeTableList ul::after{content:""; display: table; clear: both;}
#timeTableList li{padding: 70px 50px 70px 30px; position: relative; border-bottom: 1px solid rgba(67,80,93,.3); flex-basis: 50%;}
#timeTableList li:nth-child(odd)::before{content:""; display: block; position: absolute; width: 1px; height: calc(100% - 76px); background-color: rgba(67,80,93,.3); right: 0; top: 38px;}
#timeTableList li::after{content:""; display: table; clear: both;}
#timeTableList li .scd-month{width: 171px; height: 179px; background: url(../images/year_background.png) no-repeat center center; background-size: cover; text-align: center; color: white; font-size: 20px;float: left; display: table;}
#timeTableList li .scd-month .month-box{display: table-cell; vertical-align: middle; width: 171px; }
#timeTableList li .scd-month .box-year {font-size: 16px; line-height: 20px; letter-spacing: -.05em; color:#00a79e;font-family: 'Dream Regular';}
#timeTableList li .scd-month .box-month {font-size: 22px; line-height: 28px; font-family: 'Dream Medium'; letter-spacing:-.05em; display: block;}
/* #timeTableList li h3 span{font-size: 50px;}	*/
#timeTableList li .list-inner{float: right; width: calc(100% - 196px); margin-top: -7px;}
#timeTableList .list-box{margin-bottom: 8px; font-size: 0;}
#timeTableList .list-box:last-child{margin-bottom: 0;}
#timeTableList .list-box::after{content:""; display: table; clear: both;}
#timeTableList .list-date{float: left; font-family: 'Dream Medium'; color: #333; font-size: 16px; width:180px; padding-left: 10px; position: relative; letter-spacing: -.05em;}
#timeTableList .list-date::after {content:''; width:3px; height:3px; background:#000; border-radius:50%; position: absolute; left:0; top:15px;}
#timeTableList .list-content{float: right; width: calc(100% - 185px); color: #666; font-size: 16px; font-family: 'Dream Regular'; letter-spacing: -.05em;}
@media all and (max-width: 1300px) {
    #timeTableList .list-date{width: 170px}
    #timeTableList .list-content{width: calc(100% - 180px);}
    #timeTableList li{padding: 20px 10px;}
    #timeTableList li .scd-month{float: none; margin: 0 auto;}
    #timeTableList li .list-inner{width: 100%; float: none; margin-top: 20px;}
}

@media all and (max-width: 768px) {
    #timeTableList li{flex-basis: 100%; padding: 20px 0;}
    #timeTableList li:nth-child(odd)::before{display: none;}
}

@media all and (max-width: 500px) {
    #timeTableList .list-date {font-size: 15px;}
    #timeTableList .list-content {font-size: 15px;}
    #timeTableList .list-date::after {top: 9px;}
}

#timeTableList ul li::before { display:none !important; }

/* 주간 */
#timeTableList.weekSchdul {}
#timeTableList.weekSchdul > ul { margin-top:50px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; row-gap:50px; column-gap:5%; }
#timeTableList.weekSchdul > ul > li { flex:0 0 30%; padding:0; border-top:1px solid #afafaf; border-bottom:1px dashed rgba(67, 80, 93, .3); }
#timeTableList.weekSchdul > ul > li::before { display:none; }
#timeTableList.weekSchdul > ul > li::after { display:none; }
#timeTableList.weekSchdul > ul > li > dl {}
#timeTableList.weekSchdul > ul > li > dl > dt { background:#f1f8ff; padding:15px 0; padding-left:15px; font-weight:bold; }
#timeTableList.weekSchdul > ul > li > dl > dd { padding:15px 0; padding-left:15px; min-height:160px; max-height:160px; overflow-y:auto; overflow-x:hidden; }

/* 반기 */
#timeTableList.halfSchdul {}
#timeTableList.halfSchdul > ul { margin-top:50px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; row-gap:50px; column-gap:6%; min-height:100px; }
#timeTableList.halfSchdul > ul > li { flex:0 0 47%; padding:0; border-top:1px solid #afafaf; border-bottom:1px dashed rgba(67, 80, 93, .3); }
#timeTableList.halfSchdul > ul > li::before { display:none; }
#timeTableList.halfSchdul > ul > li::after { display:none; }
#timeTableList.halfSchdul > ul > li > h3 { background:#f1f8ff; padding:5px; padding-left:10px; }
#timeTableList.halfSchdul > ul > li > dl { display:flex; flex-flow:row wrap; padding:20px; }
#timeTableList.halfSchdul > ul > li > dl > dt { flex: 0 0 100px; margin-bottom:10px; }
#timeTableList.halfSchdul > ul > li > dl > dd { flex: 1 0 calc(100% - 100px); margin-bottom:10px; }

/* 일간 */
#schdulWrap .searchSelect { display:flex; justify-content:center; align-items:center; }
#schdulWrap .searchSelect > label { margin-right:10px; }
#schdulWrap .searchSelect > input { text-align:center; font-size:14px; }
#timeTableList.dailSchdul {}
#timeTableList.dailSchdul > ul { margin-top:50px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; row-gap:50px; column-gap:5%; }
#timeTableList.dailSchdul > ul > li { flex:0 0 30%; padding:0; border-top:1px solid #afafaf; border-bottom:1px dashed rgba(67, 80, 93, .3); padding-bottom:15px; }
#timeTableList.dailSchdul > ul > li > dl {}
#timeTableList.dailSchdul > ul > li > dl > dt { font-weight:bold; background:#f1f8ff; padding:10px; }
#timeTableList.dailSchdul > ul > li > dl > dd { padding:15px 15px 0 15px; }
#timeTableList.dailSchdul > ul > li > dl > dd.date { }
#timeTableList.dailSchdul > ul > li > dl > dd.schedule { }


@media only screen and (max-width:1024px){
	#timeTableList.weekSchdul > ul > li { flex:0 0 47%; }
	#timeTableList.dailSchdul > ul > li { flex:0 0 47%; }
}
@media only screen and (max-width:768px){
	#timeTableList.weekSchdul > ul > li { flex:0 0 100%; }
	#timeTableList.halfSchdul > ul > li { flex:0 0 100%; }
	#timeTableList.dailSchdul > ul > li { flex:0 0 100%; }
}

/* 스케줄 레이어 */
#layer_planner { text-align:center; padding:20px; }
#layer_planner > h1 { text-align:left; padding:10px 0; }
#layer_planner > table { border-top:2px solid #afafaf; }
#layer_planner > table colgroup col:nth-child(1) { width: 80px; background:#efefef; }
#layer_planner > table colgroup col:nth-child(2) { width: calc(100% - 80px); }
#layer_planner > table tr th, #layer_planner > table tr td { text-align:left; padding:10px 15px; border-bottom:1px solid #efefef; }
#layer_planner > button { padding:10px; }

.noti-txt.color1 { text-align:right; }
.noti-txt.color1 p {display:inline-block;padding-left:35px;position: relative;font-size: 15px;line-height: 37px;letter-spacing:-.025em;font-family:'Dream Light';color:#D63F11;background:url('../images/ic_alert.png') no-repeat left center;}