@charset "UTF-8";

/* 헤더 스케줄
.top .shedule_wrap .table-condensed thead tr:nth-child(2){ position:relative;text-align: center;margin-bottom: 0px; color:#000;padding: 20px 0; overflow:hidden}
.top .shedule_wrap .ui-datepicker-title {display: inline-block;font-size: 1.533rem;font-weight: 700; position:relative; z-index:1; line-height:1; height:auto; border:none}
.shedule .header a{background: none;width: 32px;height: 32px;border-radius: 100%;font-size: 0.933rem; color:#333; display:inline-block; border:none; cursor:pointer}
.top .shedule_wrap .prev, .top .shedule_wrap .next {position: relative;top:auto; left:auto; right:auto; font-size: 0;width: 35px;height: 58px;background: none; z-index:12; display:inline-block;vertical-align:middle;}
.top .shedule_wrap .prev button, .top .shedule_wrap .next button{border:none; position:relative; left:auto; top:auto; right:auto; width:100%; height:100%;}

.top .shedule_wrap .prev button:before, .top .shedule_wrap .next button:before{font-family: 'spo'; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\e65e"; font-size:1.75rem; line-height:30px; text-indent:0; color:#ddd; position:relative; top:auto; left:auto; width:100%; height:100%; border-radius:0; background:none; transform:none; }
.top .shedule_wrap .next button:before{content:"\e65d";position:relative; top:auto; left:auto; width:100%; height:100%; border-radius:0; background:none}

.shedule .calendar, .top .shedule_wrap  .datepicker{ padding:0 40px; width:100%}
.top .shedule_wrap .datepicker{ border:none; box-shadow:none; margin:0 auto}
.top .shedule_wrap .next button:before{font-family: 'spo'; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\e65e"; font-size:1.75rem; line-height:30px; text-indent:0; color:#ddd; right:auto; }
.shedule .header .next button:before, .top .shedule_wrap .next button:before{content:"\e65d";}

.top .shedule_wrap .datepicker .prev:after,.top .shedule_wrap .datepicker .next:after{ display:none}
.top .shedule_wrap .datepicker .datepicker-switch{border:none; line-height: 58px; padding:0 10px; white-space:nowrap; vertical-align:middle; cursor:auto;}

.shedule table {text-align: center;width: 320px; padding:0; }
.top .shedule_wrap .shedule table{ font-size:1rem; width:320px; margin:0 auto; padding:0; border: none}
.top .shedule_wrap .shedule table th, .top .shedule_wrap .shedule table thead, .top .shedule_wrap .shedule table tbody, .top .shedule_wrap .shedule table td{ border:none; vertical-align:middle}
.shedule abbr {text-decoration: none}
.top .shedule_wrap .ui-datepicker-calendar th {height: 40px; color:#333}
.top .shedule_wrap .ui-datepicker-calendar td {height: 43px; color:#333}
.shedule table thead tr th:nth-child(6) {}
.shedule table tbody tr td:nth-child(7) span,
.shedule table thead tr th:nth-child(7) {color: #1F7CFB}

.shedule table tbody tr td:nth-child(1) span,
.shedule table thead tr th:nth-child(1) {color: #C40529}


.shedule table tbody tr td span.text{border: none; background: none; width: 32px;height: 32px;border-radius: 100%;font-size: 0.933rem; display:inline-block; line-height:32px}
.shedule table tbody tr td.today span.text {color: #fff;background: #999;font-weight: 700}
.shedule table tbody tr td span.text{position:relative; z-index:2;display: block; height: 100%; text-align: center; line-height: 45px; width:100%;}
.shedule_wrap .labelinfo {padding-top:10px;text-align: left;margin:0 40px 1rem 40px; padding-bottom:1.5rem; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:space-between;}
.shedule_wrap .labelinfo span.text {position: relative;margin-left: 20px;display: inline-block;font-size: 12px;color: #a6a6a6}
.shedule_wrap .labelinfo i {display: inline-block;width: 15px;height: 1px;box-sizing: border-box;background: rgba(0,0,0,0);vertical-align: middle;margin-right: 5px;margin-top:-2px;border-bottom:1px solid #709531;}
.shedule_wrap span.play2 i { border-bottom: 2px dashed #961783 }
.shedule_wrap span.play3 i { border-bottom: 2px dotted #39C}
.shedule_wrap span.play4 i {border-bottom: 2px solid #c60; }
.shedule_wrap span.play5 i {border-bottom: 3px double #F69; }
 */



/* 공연 리스트
.datepicker {width:320px;background-color:white;box-shadow:1px 1px 0px rgba(70,70,70,0.1); display:none; border:1px solid #ddd; position:relative}
.datepicker-header{text-align:center;}
.datepicker a{ text-decoration:none}
.datepicker-year{ margin-right:0px;}
.datepicker-month{ margin-left:5px; }
select.ui-datepicker-month{ margin-left:10px}
select.ui-datepicker-year{ margin-right:5px}
.datepicker .datepicker-title option{ font-size:1rem}
.datepicker .prev, .datepicker .next {display:block;position:absolute;top:20px;width:25px;height:25px;text-indent:-999em;line-height:0;cursor:pointer}
.datepicker .prev:hover, .datepicker .next:hover {background:none;}
.datepicker .prev button:before, .datepicker .next button:before {position:absolute;top:11px;left:0;width:11px;height:2px;margin:auto 0;border-radius:50px;background-color:#222;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;cursor:pointer;content:''}
.datepicker .prev:after, .datepicker .next:after {position:absolute;top:11px;left:0;width:11px;height:2px;margin:auto 0;border-radius:50px;background-color:#222;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;cursor:pointer;content:''}
.datepicker .next:after, .datepicker .next button:before {left:auto; right:10px}
.datepicker .prev {left:11px}
.datepicker .prev button:before {transform:rotate(135deg)}
.datepicker .prev:after {transform:rotate(-135deg)}
.datepicker .next {right:11px}
.datepicker .next button:before {transform:rotate(45deg)}
.datepicker .next button, .datepicker .prev button{position:relative; width:100%; height:100%; display:block; border:none;}
.datepicker .next:after {transform:rotate(-45deg)}
.datepicker .table-condensed {width:94%;margin:0 10px 10px 10px;text-align:center;}
.datepicker .table-condensed th {height:30px;font-size:1rem;color:#222;font-weight:600;}
.datepicker .table-condensed td {position:relative;height:45px;font-size:1rem;color:#444;}
.datepicker .table-condensed td.active {background:none !important; background-color:rgba(0,0,0,0) !important;}
.datepicker .table-condensed td.active {position:relative;font-weight:bold; color:#fff !important; background:#94c83d}
.datepicker .table-condensed td.active:after {position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;background-color:#0195df;border-radius:100px;z-index:-1;content:""}
.datepicker .table-condensed td.state-disabled {color:#999}
.datepicker .table-condensed td .state-highlight{ font-weight:bold; color:#1e55af}
.picker{ display:inline-block}
.picker + .picker:before{ content:"~"}
.picker label span{ font-size:0; width:0; height:0; overflow:hidden; position:absolute; left:-999px }

.list_calendar .datepicker .table-condensed thead tr:nth-child(2){border-bottom: 1px solid #ddd;}

.table-condensed tbody tr td:nth-child(1) span:not(.month),
.table-condensed tbody tr td:nth-child(1) span:not(.year),
.table-condensed tbody tr td:nth-child(1) span:not(.decade),
.table-condensed tbody tr td:nth-child(1) span:not(.century) ,
.table-condensed thead tr th:nth-child(1) span:not(.month),
.table-condensed thead tr th:nth-child(1) span:not(.year),
.table-condensed thead tr th:nth-child(1) span:not(.decade),
.table-condensed thead tr th:nth-child(1) span:not(.century){color: #C40529;}
.table-condensed thead tr th:nth-child(1).dow, .table-condensed tbody tr td:nth-child(1).day{color: #C40529;}
.table-condensed tbody tr td:nth-child(7) ,  .table-condensed thead tr th:nth-child(7){color: #1F7CFB;}
*/
/* common과 동일:S
.datepicker .table-condensed td:hover{background:none !important;}
.datepicker .table-condensed td span:hover{background:none !important;}
.datepicker .table-condensed td:before {top: 50%; left: 50%; margin: -15px 0 0 -13px;background: transparent; position:absolute;content: '';width: 32px; height: 32px;display: inline-block;  line-height: 32px;  border-radius: 100%;  font-size: 0.933rem; color:#333}
.datepicker .table-condensed td.ui-datepicker-today {color: #fff; background: #999; font-weight: 700;}
.datepicker .table-condensed td.day.active:before{ background:#709531; color:#fff;}
.datepicker .table-condensed td.play1:before { border:1px solid #709531}
.datepicker .table-condensed td.play1.active:before{ background:#709531; color:#fff;}
.datepicker .table-condensed td.play2:before { border:2px dashed #961783}
.datepicker .table-condensed td.play2.active:before{ background:#961783; color:#fff}
.datepicker .table-condensed td.play3:before { border:2px dotted #39C}
.datepicker .table-condensed td.play3.active:before{ background:#39C; color:#fff}
.datepicker .table-condensed td.play4:before { border:2px solid #C60}
.datepicker .table-condensed td.play4.active:before{ background:#C60; color:#fff}
.datepicker .table-condensed td.play5:before { border:3px double #F69}
.datepicker .table-condensed td.play5.active:before{ background:#F69; color:#fff}

*/


/* common과 동일:E

.datepicker .datepicker-switch {height:58px !important;border:none;line-height:58px;font-weight:700 !important;font-size:1.25rem !important;text-align:center}
.shedule_wrap .datepicker .datepicker-switch {font-weight:700 !important;font-size:1.533rem !important;}
.datepicker .datepicker-switch:hover {background:none;}
#content .datepicker {width: 100%;margin-top: 40px;border: 1px solid #000;box-shadow: none;}
#content .list_calendar .datepicker .table-condensed td, #content .list_calendar .datepicker .table-condensed th {height: 45px;}
.old.day{visibility: hidden;}
.new.day{display:none;}
.datepicker .table-condensed td span.text {position:relative; z-index:2;display: block; height: 100%; text-align: center; line-height: 45px;width:100%}
*/
/*
@media only screen and (max-width: 767px){.shedule .calendar, .shedule_wrap .list, .top .shedule_wrap .datepicker{ padding:0 20px}}
*/


/* 10년단위부터 막기 
.datepicker-years .datepicker-switch, .datepicker-decades .datepicker-switch, .datepicker-centuries .datepicker-switch {cursor: default !important;background: inherit !important;}
.datepicker-years .datepicker-switch, .datepicker-decades .datepicker-switch, .datepicker-centuries .datepicker-switch {pointer-events: none;}
*/