@charset "utf-8";

.schedule-button{float: left; width: 290px; margin-top: 18px; text-align: right;}
.schedule-button.year {width: calc(100% - 300px);}
.schedule-button-box{display: inline-block; overflow: hidden;}
.schedule-button a{display: block;position: relative; float: left; padding-left: 35px; font-family: 'Noto Regular'; font-size: 16px; color: #000;}
.schedule-button .schedule-month{padding-right: 20px; margin-right: 20px; 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: 17px; background-color: #d2d2d2; right: 0; top: 4px;}
.schedule-button .schedule-list{background: url(../images/schedule_year.png) no-repeat left center;}
.schedule-button .schedule-list.on{background: url(../images/schedule_year_on.png) no-repeat left center;}

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

.month-search-box{display: inline-block; width: 100%; margin-bottom: 50px;}
.month-search-header {float: left; width: 300px; font-size: 0;}
.month-search-header::after{content:""; display: table; clear: both;}
.month-search-header p{display: inline-block; min-width: 200px; font-family: 'Mont Bold'; font-size: 60px; line-height: 1.1; vertical-align: middle; color: #333;}
.month-search-content{float: left; width: calc(100% - 590px);}
.month-search-content .search-content-inner {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{position: relative; top: 0; display: inline-block; width: 50px; height: 50px; border: 1px solid #d7d7d7; background: url(../images/year_prev.png) no-repeat center; text-indent: -99999px; vertical-align: middle;}
.month-search-content .all-prev, .month-search-header .all-prev:hover{background:url(../images/year_prev_on.png) no-repeat center;}
.month-search-content .all-prev {display: none;}
.month-search-content .all-next, .month-search-header .all-next{position: relative; top: 0; display: inline-block; width: 50px; height: 50px; margin-left: -1px; border: 1px solid #d7d7d7; background: url(../images/year_next.png) no-repeat center; text-indent: -999999px; vertical-align: middle;}
.month-search-content .all-next, .month-search-header .all-next:hover { background: url(../images/year_next_on.png) no-repeat center;}
.month-search-content .all-next {display: none;}
.month-search-header .png {color:#fff;}
.month-search-content ul {margin-top: 6px; padding: 10px 120px 10px 40px;}
.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{position: relative; font-family: 'Noto Medium'; font-size: 18px; color: #333;}
.month-search-content li.on span {color: #fff;}
.month-search-content li.on span:after{content: ''; position: absolute; left: calc(50% - 25px); top: calc(50% - 25px); z-index: -1; width: 50px; height: 50px; background: #005128; border-radius: 100%;}

.table-content-wrap {display: table; border-top: 2px solid #152c46; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.table-content-wrap::after{content:""; display: table; clear: both;}
.table-content{display: table-cell; width: 550px; padding: 40px 40px 20px 40px; border-right: 1px solid #ccc; vertical-align: top;}
.table-content caption {display: block !important; position: absolute; left: -99999px}
.table-content .table-month{padding-bottom: 30px; text-align: center;}
.table-content .table-month p{display: inline-block; }
.table-content .table-month p span{margin-right: 15px; font-family: 'Noto Medium'; font-size: 20px; text-transform: uppercase; color: #19323c;}
.table-content .table-month .month-eng{font-family: 'Mont Bold'; font-size: 22px; color: #333;}
.table-content-wrap ._fnTable{border: 0; padding:0 22px;}
.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: #005128; font-weight: normal; border: 0; font-family: 'Mont Medium'; font-size: 15px; box-shadow: none; color: #fff;}
.table-content-wrap ._fnTable tbody tr td{position: relative; height: 60px; border: 0; font-family: 'Mont Medium'; font-size: 17px; vertical-align: top; color: #2a2a2a;}
.table-content-wrap ._fnTable tbody tr td ul {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.table-content-wrap ._fnTable tbody tr:last-child {border-bottom:0;}
.table-content-wrap ._fnTable tbody tr td .day{position: relative; top: 4px; 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: 50%; top: 0; width: 100%; max-width: 60px; height: 100%; background: #ececec; transform: translate(-50%, 0);}
.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:10px; background:#00a754; border-radius: 100%; position: absolute; bottom: 15px; left:50%; z-index: 1; margin-left:-5px; text-indent: -99999px;}
.table-content-wrap ._fnTable tbody tr td .date-circle:first-of-type{display: inline-block;}
.table-content-wrap .applyList{display: table-cell; padding: 30px 50px; vertical-align: top; border-right: 1px solid #ccc;}
.table-content-wrap .applyList table {text-align:left;}
.table-content-wrap .applyList table th {text-align:left;}
.table-content-wrap .applyList col.th {width: 170px;}
.table-content-wrap .applyList tbody tr:last-child{border-bottom: 0;}
.table-content-wrap .applyList tbody th{ padding: 8px 0; font-family: 'Mont Medium'; font-weight: normal; font-size: 18px; color: #016365; vertical-align: top;}
.table-content-wrap .applyList tbody th span {position: relative; top: 2px;}
.table-content-wrap .applyList tbody td{padding: 8px 0; font-family: 'Noto Medium'; font-size: 18px; text-align: left; color: #333;}
.noti-txt.align-r {float: right; display: inline-block; text-align: right;}
.noti-txt.color1 p {font-family: 'Noto Regular'; font-size: 18px; color: #e63b53;}

#layer_planner{display: none;}

@media all and (max-width: 1300px) {
    .month-search-header {width: 100%;}
    .month-search-content {width: 100%;}
    .month-search-content ul {margin-top: 15px; padding: 25px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
    .schedule-button {position: absolute; right: 0; top: 0; width: auto;}
    .table-content {width: 450px;}
}

@media all and (max-width: 990px) {
    .month-search-box {margin-bottom: 40px;}
    .table-content {padding: 20px;}
    .table-content .table-month {padding-bottom: 15px;}
    .table-content-wrap .applyList {padding: 20px; border-top: 1px solid #ccc;}
    .table-content-wrap,
    .table-content,
    .table-content-wrap .applyList {display: block; width: 100%;}
    .schedule-button a {text-align: left; text-indent: -99999px;}
    .schedule-button .schedule-month {padding-left: 23px;}
}

@media all and (max-width: 600px) {
    .table-content-wrap .applyList col.th {width: 120px;}
    .table-content-wrap .applyList tbody th {font-size: 16px;}
    .table-content-wrap .applyList tbody td {font-size: 16px;}
    .month-search-content li {width: 16.666%; padding: 10px 0;}
}

#timeTableList{border-top: 2px solid #005128;}
#timeTableList ul{width: 100%;}
#timeTableList ul::after{content:""; display: table; clear: both;}
#timeTableList li{position: relative; padding: 40px 0; border-bottom: 1px solid #d7d7d7;}
#timeTableList li::after{content:""; display: table; clear: both;}
#timeTableList li .scd-month{float: left; width: 330px;}
#timeTableList li .scd-month .month-box {text-align: center;}
#timeTableList li .scd-month .box-year {font-family: 'Mont Bold'; font-size: 24px; text-transform: uppercase; color: #333333;}
#timeTableList li .scd-month .box-month {font-family: 'Noto Medium'; font-size: 40px; color: #19323c;}
#timeTableList li .list-inner{float: right; width: calc(100% - 330px);}
#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; width: 170px; font-family: 'Mont Medium'; font-size: 20px; color: #016365;}
#timeTableList .list-date em {position: relative; top: 0px; }
#timeTableList .list-content{float: left; width: calc(100% - 170px); font-family: 'Noto Medium'; font-size: 18px; color: #333;}
#timeTableList .search strong {display: block; padding: 60px 0 30px 0; border-bottom: 2px solid #43505d; font-family: 'Mont Bold'; font-size: 60px; line-height: 1.1; color: #333;}

@media all and (max-width: 990px) {
    #timeTableList li .scd-month {width: 200px;}
    #timeTableList li .list-inner {width: calc(100% - 200px);}
}

@media all and (max-width: 700px) {
    #timeTableList li .scd-month,
    #timeTableList li .list-inner {width: 100%;}
    #timeTableList li .list-inner {margin-top: 20px;}
    #timeTableList li {padding: 20px 20px 25px 20px;}
    #timeTableList li .scd-month .box-month {font-size: 25px;}
    #timeTableList li .scd-month .box-year {font-size: 20px;}
    #timeTableList li .scd-month .month-box {text-align: left;}
    #timeTableList .list-date {width: 120px; font-size: 16px;}
    #timeTableList .list-content {width: calc(100% - 120px); font-size: 16px;}
}