@charset "utf-8";

.schedule-button{text-align: right;}
.schedule-button-box{display: inline-block; overflow: hidden;}
.schedule-button a{width: 50px; height: 54px; display: block; text-indent: -9999px; position: relative; float: left; font-size: 0;}
.schedule-button .schedule-month{background: url(../images/schedule_month.png) no-repeat left center;}
.schedule-button .schedule-month.on{background: url(../images/schedule_month_on.png) no-repeat left center;}
.schedule-button .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 right center;}
.schedule-button .schedule-list.on{background: url(../images/schedule_year_on.png) no-repeat right 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: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:#FFA900; 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:#01499A;}
.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:#01499A; }
.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: #01499A}
.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: #01499A}
.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:#FFA900;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;}
}