@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;}
.schdul-noti{padding: 30px 0;}
.month-search-box{margin-bottom: 50px;}
.month-search-header {text-align: center; padding: 12px 45px; position: relative; background:#01499A;}
.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: "Gmarket Medium"; font-size: 28px; line-height: 75px; letter-spacing: -.05em ;}
.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: "Noto Medium"; line-height: 35px;}
.month-search-content .all-prev, .month-search-header .all-prev{ padding-left:57px; text-align: right; background: url(../images/year_prev.png) no-repeat left center; font-family: 'Gmarket Light'; font-size: 18px; line-height: 75px;  transition:all .3s; position: absolute; left: 40px;}
.month-search-content .all-prev, .month-search-header .all-prev:hover{background:url(../images/year_prev_on.png) no-repeat left center; color:#FCAF16;}
.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: 'Gmarket Medium'; 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: 'Gmarket 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{ padding-right:57px; background: url(../images/year_next.png) no-repeat right center; font-family: 'Gmarket Light'; font-size: 18px; line-height: 75px; transition: all .3s; position: absolute; right: 40px;}
.month-search-content .all-next, .month-search-header .all-next:hover { background: url(../images/year_next_on.png) no-repeat right center; color:#FCAF16;}
.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: 21px 0;background:#1881B7; }
.table-content .table-month p{display: inline-block; }
.table-content .table-month p span{color: #fff; font-family: "Gmarket Medium"; font-size: 22px; display: block; line-height: 28px; letter-spacing: -.05em;}
.table-content .table-month .month-eng{color: #fff; margin-left: 7px; line-height: 28px; font-family: 'Noto 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: "Noto 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: "Noto Regular"; padding:0;font-size: 16px; position: relative; padding: 15px 0;}
.table-content-wrap ._fnTable tbody tr td ul{font-size: 12px; line-height: 1.5;}
.table-content-wrap ._fnTable tbody tr .today{}
.table-content-wrap ._fnTable tbody tr .today::before{content: ""; width: 40px; height: 40px;background: rgba(0, 0, 0, 0.1); position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px;}
.table-content-wrap ._fnTable tbody tr:last-child {border-bottom:0;}
.table-content-wrap ._fnTable tbody tr td .day{position: relative; z-index: 2; color: #666;}
.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:7px; height:7px;  position: absolute; bottom: 8px; left:50%; margin-left:-3.5px;border-radius: 50px; background: #FCAF16;}
.table-content-wrap ._fnTable tbody tr:first-child td .date-circle{margin-top: -12px;}
.table-content-wrap ._fnTable tbody tr:last-child td .date-circle{margin-top: -20px;}
.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 #D7DEE3;}
.table-content-wrap .applyList tbody tr:last-child{border-bottom: 0;}
.table-content-wrap .applyList tbody th{background-color: #F5F7F8; color: #333333; font-size: 16px; padding: 18px 30px; font-family: 'Noto Regular'; }
.table-content-wrap .applyList tbody td{text-align: left; padding: 11px 30px; color: #666; font-size: 16px;font-family: 'Noto Regular';}
.table-content-wrap .noti-txt.align-r {text-align: right;}
.table-content-wrap .noti-txt.color1 p , .noti-txt.color1 p {display:inline-block;padding-left:40px;position: relative;font-size: 17px;line-height: 30px;letter-spacing:-.05em;font-family:'Noto Regular';color:#01499a;background:url('../images/sign-icon01.png') no-repeat left center;}


#layer_planner{display: none;}

@media all and (max-width: 1023px) {
    .month-search-content li{width: calc(100% / 6);}
}

@media all and (max-width: 836px) {
    .month-search-header p{padding: 0 40px;}
    .table-content-wrap .table-content{width: 100%; float: none;}
    .table-content-wrap .applyList{width: 100%; float: none; margin-top: 20px;}
    .month-search-content .png{display: none;}
    .month-search-content ul{width: 100%; margin: 0;}
    .month-search-content li{width: calc(100% / 4);}
    .table-content-wrap .noti-txt.align-r{text-align: left;}
}

@media all and (max-width:669px) {
    .month-search-header{padding: 0px 45px 51px 45px;}
    .month-search-header .all-prev{bottom: 0;}
    .month-search-header .all-next{bottom: 0;}
}
@media all and (max-width:627px) {
    .table-content-wrap .applyList tbody th{padding: 18px 10px 18px 20px;}
}
@media all and (max-width: 470px) {
    .month-search-content li{width: 25%;}
    .table-content-wrap .applyList col.th {width:145px;}
    .table-content-wrap .applyList tbody th{padding: 10px 15px;}
    .table-content-wrap .applyList tbody td{padding: 10px 15px;}
}

#timeTableList{border-top: 2px solid #43505d;}
#timeTableList ul{display: flex; flex-wrap: wrap;}
#timeTableList ul::after{content:""; display: table; clear: both;}
#timeTableList li{padding: 72px 20px 72px 39px; 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: 238px; background-color: rgba(67,80,93,.3); right: 0; top: 50%; margin-top: -119px;}
#timeTableList li::after{content:""; display: table; clear: both;}
#timeTableList li .scd-month{width: 155px; height: 162px; background: url(../images/year_background_02.png) no-repeat center center; background-size: cover; text-align: center; color: white; font-size: 22px;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; letter-spacing: -.05em; color:#fff;font-family: 'Gmarket Light';}
#timeTableList li .scd-month .box-month {font-size: 22px; line-height: 28px; font-family: 'Gmarket Medium'; letter-spacing:-.05em; display: block;}
#timeTableList li .list-inner{float: right; width: calc(100% - 186px); }
#timeTableList .list-box{margin-bottom: 14px; 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: 'Noto Regular'; 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: 'Noto Regular'; letter-spacing: -.05em;}


@media all and (max-width: 1300px) {
    #timeTableList li:nth-child(odd)::before{content:""; display: none;}
    #timeTableList li{padding: 50px 10px; flex-basis: 100%;}
    #timeTableList li:nth-child(odd)::before{content:""; display: none;} 

}
@media all and (max-width: 768px) {
    #timeTableList li{flex-basis: 100%; padding: 20px 0;}
    #timeTableList li:nth-child(odd)::before{display: none;}
    #timeTableList li .scd-month{float: none; margin: 0 auto;}
    #timeTableList li .list-inner{width: 100%; float: none; margin-top: 20px;}

}