.schedule-wrap{max-width: 1440px; margin: 0 auto;}

.alb-head .top{display: flex; justify-content: space-between; align-items: center;}
.alb-head .top > button{display: flex; align-items: center; gap: 20px;}
.alb-head .top > button.next{flex-direction: row-reverse;}
.alb-head .top .arrow-image{width: 37px; height: 37px; border-radius: 3px; display: inline-block; border: 1px solid #cccccc; background-repeat: no-repeat; background-position: center center;}
.alb-head .top .prev .arrow-image{background-image: url(../images/prev_arrow.png)}
.alb-head .top .next .arrow-image{background-image: url(../images/next_arrow.png)}
.alb-head .top p{color: #666666; font-size: 26px; font-family: "ppr";}
.alb-head .top h3{color: #121212; font-family: "pps"; font-size: 40px;}
.alb-head .btm{border: 2px solid #dde0eb; border-radius: 10px; margin-top: 13px;}
.alb-head .btm ul{display: flex; justify-content: center; flex-wrap: wrap; padding:0 70px;}
.alb-head .btm li{width: calc(100%/12);}
.alb-head .btm ul a{display: block; color: #333333; font-size: 16px; font-family: "ppr"; text-align: center; padding: 18px 0; position: relative;}
.alb-head .btm ul a.ac{color: #1174ff}
.alb-head .btm ul a.ac::after{content:""; display: block; position: absolute; left: 0; bottom: -2px; width: 100%; height: 5px; background-color: #1174ff; z-index: 2;}


.alb-body{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.alb-body .sche-tab{width: 38.9%; border: 1px solid #dde0eb; border-radius: 10px; padding: 28px 30px 86px;  position: relative;background-color: #ffffff;overflow: hidden; }
.alb-body .sche-tab strong{font-family: "ppr"; font-size: 16px; color: #111111; position: relative; display: block; padding-top: 5px; margin-bottom: 32px;}
.alb-body .sche-tab strong .today-mark{position: absolute; right: 0; top: 0; font-size: 16px; font-family: "ppm"; color: #005ead; border: 1px solid #005ead; border-radius: 5px; padding: 4px 12px;}
.alb-body .sche-tab thead{position: relative; height: 50px;background-color: #fff !important; z-index: 1; overflow: hidden;}
.alb-body .sche-tab thead::before{ content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 50px;border-radius: 5px;background-color: #003378;z-index: 0; }
.alb-body .sche-tab thead tr {position: relative; z-index: 1;}
.alb-body .sche-tab thead th{color: #fff; font-size: 16px; font-family: "ppm"; font-weight: normal; position: relative; z-index: 2; padding: 13px 0;}
.alb-body .sche-tab tbody {  position: relative;background-color: #ffffff; z-index: 1;}
.alb-body .sche-tab tbody td{padding: 22px 0; border-bottom: 1px solid #e8e8e8; position: relative;}
.alb-body .sche-tab tbody td p{font-size: 16px; color: #888888; font-family: "ppr"; text-align: center;}
.alb-body .sche-tab tbody td.marked::before{content:""; display: block; position: absolute; left: 50%; top: 15px; width: 6px; height: 6px; border-radius: 50%; background-color: #0067cc; margin-left: -3px;}
.alb-body .sche-tab tbody td.marked p{color: #111111;}
.alb-body .sche-tab tbody td.today::after {content: ''; position: absolute; left: 5px; top: 5px; z-index: -1; width: calc(100% - 10px); height: calc(100% - 10px); background: #e8e8e8; border-radius: 5px;}
.alb-body .sche-tab tbody td.clicked::after {content: ''; position: absolute; left: 5px; top: 5px; z-index: -1; width: calc(100% - 10px); height: calc(100% - 10px); background: #66cbff; border-radius: 5px;}
.alb-body .sche-comt{width: 59.03%; background-color: #f9f9f9; border-radius: 10px; padding: 30px 50px 55px;}
.alb-body .sche-comt > h1{font-size: 26px; font-family: "pps"; color: #003378; margin-bottom: 25px;}
.alb-body .sche-comt .sche-comt-box{border-top: 2px solid #003378; overflow-y: auto; max-height: 432px;}
.alb-body .sche-comt .sche-comt-box th{font-size: 17px; font-family: "ppm"; color: #23262f; font-weight: normal; border-bottom: 1px solid #c8c8c8;}
.alb-body .sche-comt .sche-comt-box td{font-size: 17px; font-family: "ppl"; color: #666666; text-align: left; padding: 15px 15px 15px 47px; border-bottom: 1px solid #c8c8c8;}
.alb-body .sche-comt .sche-comt-box td.no-data{padding: 50px 0; text-align: center; font-size: 16px;}

/*아이폰 대응*/
@supports (-webkit-touch-callout: none) {.alb-body .sche-tab thead::before {width: calc(100% - 40px);left: 50%;transform: translateX(-50%);top: 58px; }}


@media screen and (max-width: 1024px) {
    .alb-body .sche-tab{width: 45%; padding: 15px 20px 40px;}
    .alb-body .sche-comt{width: 50%; padding: 15px 20px 30px;}
    .alb-body .sche-comt .sche-comt-box th{font-size: 16px;}
    .alb-body .sche-comt .sche-comt-box td{font-size: 16px; padding: 10px 10px 10px 20px;}
}

@media screen and (max-width: 768px) {
    .alb-head .top p{font-size: 20px;}
    .alb-head .top h3{font-size: 35px;}
    .alb-head .btm ul{padding: 0 20px;}
    .alb-head .btm li{width: calc(100%/6);}
    .alb-body .sche-tab,
    .alb-body .sche-comt{width: 100%;}
    .alb-body .sche-tab strong{margin-bottom: 15px;}
    .alb-body .sche-tab tbody td{padding: 14px 0;}
    .alb-body .sche-tab tbody td.marked::before{top: 9px;}
    .alb-body .sche-comt{margin-top: 20px;}
    .alb-body .sche-comt > h1{font-size: 20px; margin-bottom: 15px;}
    .alb-body .sche-comt .sche-comt-box th{font-size: 14px;}
    .alb-body .sche-comt .sche-comt-box td{font-size: 14px;}
}