@charset "utf-8";

.h2{line-height: 1.3;}
/* .ui.uit .inner .txtwrap */
.ui.uit .inner .txtwrap li{line-height:unset}
.ui.uit .inner .txtwrap .bold{font-weight: bold;}


/* calendar */
.calendar__month {width: 100%;box-sizing: border-box;padding:0 15px;overflow: hidden;position: relative;}
.calendar__month:after { content: '';width: 100%;height: 3em;border-radius: 10%;position: absolute;z-index: 3;bottom: -3em;left: 0;box-shadow: 0 -1em 1em -1em rgba(0, 0, 0, 0.6), 0 0 4em -1em rgba(0, 0, 0, 0.2);}
.calendar__month .calendar-nav {display:block;font-size:1.5rem;padding: 0.5rem 30px;text-align:center;margin-bottom:30px;}
.calendar__month .calendar-nav .calendar-year,
.calendar__month .calendar-nav .calendar-month,
.calendar__month .calendar-nav .calendar-week,
.calendar__month .calendar-nav .calendar-nav-left,
.calendar__month .calendar-nav .calendar-nav-right,
.calendar__month .calendar-nav .week,
.calendar__month .calendar-nav .year,
.calendar__month .calendar-nav .month{display:inline-block;}
.calendar__month .calendar-nav .week,
.calendar__month .calendar-nav .year,
.calendar__month .calendar-nav .month{margin:0 10px;}
.calendar__month .calendar-nav .calendar-year{margin-right:15px;}
.calendar__month .calendar-nav .calendar-week{margin-left:15px;}
.calendar__month .calendar-nav .month{border-radius: 100%;width:50px;height:50px;background-color:#df3128;line-height:50px;color:#fff;font-size:20px;}
.calendar__table {width: 100%;}
.calendar__table tr {width: 100%;}
.calendar__tbody, .calendar__thead { position: relative; width: 100%;}
.calendar__thead {margin-bottom:5px;height:61px;z-index: 2;background-color: #404040;box-shadow: 0 0.05em 0.05em 0 rgba(0, 0, 0, 0.15), 0 0.05em 0.05em 1px rgba(0, 0, 0, 0.25), 0 0.05em 0.05em 1px rgba(0, 0, 0, 0.05);}
.calendar__thead .calendar__month__day {height:61px;color:#fff;font-size:18px;text-transform: uppercase;text-align:center;line-height:1.2;color:#c2c2c2;font-weight: normal;vertical-align: middle;}
.calendar__thead .calendar__month__day  span{display:block;font-size:0.7em;color:#fff;font-weight:bold;letter-spacing: 1px;}
.calendar__tbody {background-color:#fff;z-index: 1;box-shadow: 0 0.05em 0.05em 0 rgba(0, 0, 0, 0.05), 0 0.05em 0.05em 1px rgba(0, 0, 0, 0.05), 0 0.05em 0.05em 1px rgba(0, 0, 0, 0.05);}
.calendar__month__week{}
.calendar__tbody tr{overflow:hidden;}
.calendar__tbody .calendar__month__day{padding:0.7em;font-size:16px;font-weight: normal;vertical-align:top; transition: all 0.3s cubic-bezier(0.54, -0.24, 0.46, 1.28);border-top: 0.1rem solid #dbdbdb;border-right: 0.1rem solid #dbdbdb;}
.calendar__tbody .no-line .calendar__month__day{border-top:none;}
.calendar__tbody .calendar__month__day time {display:inline-block;width:30px;height:30px;border-radius: 50%;margin-bottom:5px;}
.calendar__tbody .calendar__month__day.today  time {text-align:center;color: #FFFFFF;background-image: radial-gradient(#ff7555 50%, rgba(0, 0, 0, 0) 53%); background-repeat: no-repeat; background-position: 50% 50%;background-size:3.5em 3.5em;}
.calendar__tbody .calendar__month__day time a{display:block;}
.calendar__tbody .calendar__month__day.today  time a{color:#fff;}
.calendar-events{position:absolute;background-color: #3273dc;border-radius:5px;display: block;vertical-align: baseline;}
.calendar-events a{color:#fff;display: block;font-size:13px;padding: 0.22rem 0.2rem;overflow: hidden;text-align: left;text-overflow: ellipsis;white-space: nowrap;}
.calendar-events.is-black {background-color: #0a0a0a;color: white;}
.calendar-events.is-light {background-color: whitesmoke;}
.calendar-events.is-light a{color: #363636;}
.calendar-events.is-dark {background-color: #363636;}
.calendar-events.is-dark a{ color: whitesmoke;}
.calendar-events.is-primary {background-color: #00d1b2;}
.calendar-events.is-info {background-color: #3273dc;}
.calendar-events.is-success {background-color: #23d160;}
.calendar-events.is-warning {background-color: #ffdd57;}
.calendar-events.is-warning a{ color: rgba(0, 0, 0, 0.7);}
.calendar-events.is-danger {background-color: #ff3860;}
.select_group{position: absolute;right:20px;top:10px;font-size:16px;line-height:1}
.select_group span{display:inline-block;border:1px solid #aaa;background-color:#fff;}
.select_group select{width:100%;height:32px;margin:0;border:none;line-height:1;}
.calendar-today{position: absolute;left:20px;top:10px;font-size:16px;line-height:1}
.calendar-today span{display:inline-block;padding:0 20px;border:1px solid #aaa;background-color:#fff;}
.calendar-today a{width:100%;height:32px;margin:0;border:none;line-height:28px;padding-bottom:4px;}
.ui-calendar{position:relative;margin-top:30px;overflow:hidden;border:1px solid #ddd;display: block;}
.ui-calendar:before{background-color:#ddd}

.ui-calendar .calendar-area .calendar{clear:both;padding:30px 20px}
.ui-calendar .calendar-area .calendar .calHeader{position:relative;text-align:center}
.ui-calendar .calendar-area .calendar .calHeader .calDate{display:inline;color:#000;font-size:32px;font-weight:bold;letter-spacing:-2px}
.ui-calendar .calendar-area .calendar .calHeader .calBtn{position:absolute;top:5px;width:32px;height:32px;background-size: 100%; background-color:#154282; border-radius: 50%; padding:0}

.ui-calendar .calendar-area .calendar .calHeader .calBtn a{display:block;width:100%;height:100%}
.ui-calendar .calendar-area .calendar .calHeader .prev{position:absolute;left:0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-position: -1px center;}
.ui-calendar .calendar-area .calendar .calHeader .next{position:absolute;right:0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); background-position: 1px center;}
.ui-calendar .calendar-area .calendar .calHeader .prev span,.ui-calendar .calendar-area .calendar .calHeader .next span{font-size: 0;}


.ui-calendar .calendar-area .calendar .schcal_tbl{width:100%;margin-top:27px;border-top:1px solid #555}
.ui-calendar .calendar-area .calendar .schcal_tbl th{padding:12px 0;border-bottom:1px solid #aaa;font-weight:bold;text-align:center}
.ui-calendar .calendar-area .calendar .schcal_tbl td{border-bottom:1px solid #ccc;border-left:1px solid #ccc;font-weight:500;text-align:center;vertical-align:top;}
.ui-calendar .calendar-area .calendar .schcal_tbl td:first-child{border-left:none}
.ui-calendar .calendar-area .calendar .schcal_tbl td div{position:relative;height:70px;padding:0}
.ui-calendar .calendar-area .calendar .schcal_tbl td .edu_day{display:block;position:absolute;top:42px;left:50%;width:26px;height:26px;margin-left:-12px}
.ui-calendar .calendar-area .holiday{display:block;background:url(/pcms/common/images/ir/holiday_icon.png) no-repeat}
.ui-calendar .calendar-area .edu_day{display:block;background:url(/pcms/common/images/ir/edu_icon.png) no-repeat}
.ui-calendar .calendar-area .calendar .schcal_tbl td{text-align: left;}
.ui-calendar .calendar-area .calendar .schcal_tbl td a{display:block;width:100%;height:100%; padding:3px 7px; border:2px solid transparent}
.ui-calendar .calendar-area .calendar .schcal_tbl td.sun,.reservationWrap .ui-calendar .calendar-area .calendar .schcal_tbl td.sun a{color:#c30c57}
.ui-calendar .calendar-area .calendar .schcal_tbl td.sat,.reservationWrap .ui-calendar .calendar-area .calendar .schcal_tbl td.sat a{color:#1473b5}
.ui-calendar .calendar-area .calendar .schcal_tbl td.off{background-color:#fafafa}
.ui-calendar .calendar-area .calendar .schcal_tbl td.selected{}
.ui-calendar .calendar-area .calendar .schcal_tbl td.selected a,.ui-calendar .calendar-area .calendar .schcal_tbl td a:focus{font-weight:bold; border: 2px solid #701e20;}

.ui-calendar .calendar-area .today a{background: #139796 url(/images/fc/common/bg_pattern.png); color:#fff}
.ui-calendar .calendar-area .today.selected a,.ui-calendar .calendar-area .today a:focus{background:transparent; border:2px solid #701e20; color:#666 }

.ui-calendar .calendar-area .info{margin:15px 0;text-align:right}
.ui-calendar .calendar-area .info span{display:inline-block;padding: 6px 10px 4px;border:1px solid #ddd; position:relative; padding-left: 32px;}
.ui-calendar .calendar-area .info span:before{content:''; display:inline-block; width: 20px; height: 20px; position:absolute; left: 6px; top: 50%;margin-top: -10px;; }
.ui-calendar .calendar-area .info .today:before{background: #139796 url(/images/fc/common/bg_pattern.png)}
.ui-calendar .calendar-area .info .select:before{border: 2px solid #701e20; box-sizing: border-box;}

.ui-calendar .calendar-area .info .edu_day{display:none}


.ui-calendar .time-area{width: 100%;padding:30px 20px}
.ui-calendar .time-area .date_tit{display:block;font-size:22px;font-weight:800;line-height:88%;letter-spacing:-1px;vertical-align:middle}
.ui-calendar .time-area .date_tit .cal_icon{position: relative;display:inline-block;width:40px;height:40px;margin-right:8px;border-radius:50px;text-align:center;vertical-align:middle;background-color:#154282;}
.ui-calendar .time-area .date_tit .cal_icon i{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 0;width: 25px;height: 25px;background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z' fill='rgba(255,249,249,1)'/%3E%3C/svg%3E");}
.ui-calendar .time-area .time_box{position:relative;margin-top:24px;overflow:hidden;border-top:1px solid #222}
.ui-calendar .time-area .time_box .obj{position:relative;overflow:hidden}
.ui-calendar .time-area .time_box .item{margin-top:5px;padding-left:76px;line-height:36px}
.ui-calendar .time-area .time_box .item:first-child{margin-top:20px;}
.ui-calendar .time-area .time_box .item .cat{display:inline-block;position:relative;float:left;min-width:65px;margin-left:-76px;padding:5px 0;border-radius:4px;color:#fff;font-size:13px;text-align:center;vertical-align:top;}
.ui-calendar .time-area .time_box .item_tit{display:inline-block;width:100%;height:100%;font-size:14px;line-height:1.2;}
.ui-calendar .time-area .time_box .cat1{background-color:#df3782}
.ui-calendar .time-area .time_box .cat2{background-color:#0075a9}
.ui-calendar .time-area .time_box .cat3{background-color:#002e73}
.ui-calendar .time-area .time_box .cat4{background-color:#009698}
.ui-calendar .time-area .time_box .cat5{background-color:#5d0e83}
.ui-calendar .time-area .time_box .cat6{background-color:#df510b}
.ui-calendar .time-area .time_box .cat7{background-color:#593005}
.ui-calendar.col1:before{display:none;}
.ui-calendar.col1 .time-area,
.ui-calendar.col1 .calendar-area{float:none;width:100%}
@media screen and (max-width:767px){
.ui-calendar .calendar-area .calendar{padding:30px 10px 0}
.ui-calendar .calendar-area,
.ui-calendar .time-area{float:none;width:100%;padding:0 20px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.ui-calendar:before{display:none}
}

.program--calendar { position:relative; width: 100%; display: block;overflow: hidden;border-radius:5px;}
.calendar-header { position:relative;display:block;overflow:hidden;padding:20px 40px;width:100%;background:#298250 url(/images/prog/month-title.png) no-repeat 5px center;color: #fff;}
.calendar-subheader {text-align:right;}
.calendar-subheader .breadcrumb {display:block;margin-bottom:0;padding:0;position:relative;background-color: transparent;color:#fff;font-weight:bold;font-family: 'Lato', sans-serif;font-size: 16px;letter-spacing:4px;text-transform: uppercase;}
.calendar-subheader .breadcrumb:after {content:" <";font-family: sans-serif;vertical-align: middle;font-size:13px;font-weight: 100;display: inline-block;color: #fff;position: absolute;right:75px;top: 3px;font-weight:600;}
.calendar-subheader strong{font-size:22px;font-family: 'Lato', sans-serif;letter-spacing:1px; font-weight:600;}
.calendar-subheader strong em{display:inline-block;margin-left:3px;font-weight:bold;font-family:nbg;}
.schedule--table .inner,
.schedule--box .inner{position:relative;padding:30px;}
.schedule--day_title{display:block;position:relative;padding:0;color: #000;font-size:22px;margin-bottom: 30px;position: relative;font-weight:600;}
.schedule--day_title:before {content: "";display: block;width: 53%;height: 2px;left:auto;background:none;background-color: #ddd;position: absolute;top: 50%;transform: translatey(-70%);right:0;}
.schedule-table__header{text-align: center;font-size: 18px;padding: 10px 0;position: relative;}
.goback, .goforward {height: 30px;width: 30px;border-radius: 30px; display: inline-block;cursor: pointer;position: relative;top: -1px;}
.goback {float: left;margin-left: 3.8%;}
.goforward {float: right;margin-right: 3.8%;}
.schedule-current__month{display: inline-block;font-size:22px;color:#222;position: relative;font-weight:bold;}
.calendar-grid {margin-top:20px;}
.calendar-grid table {width:100%;}
.calendar-grid table thead {color: #e66b6b;font-weight: 700;text-transform: uppercase;z-index:99}
.calendar-grid table td{padding:10px;height:57px;box-sizing:border-box;text-align:center;border-bottom:1px solid #ddd;}
.calendar-grid table td p{margin:0;padding:0;}
.calendar-grid table td p .date,
.calendar-grid table td p .sat,
.calendar-grid table td p .sun{display:block;width:45px;height:45px;line-height:25px;padding:10px 0;text-align:center;transition: all 0.3s cubic-bezier(0.54, -0.24, 0.46, 1.28);}
.calendar-grid table td p .sat{color:#3f61b2}
.calendar-grid table td p .sun{color:#df3128}
.calendar-grid table td p .today{color:#fff;background-color:#df3128}
.calendar-grid table td p .sat:hover{background-image: radial-gradient(#235dad 50%, rgba(0, 0, 0, 0) 53%);color:#fff}
.calendar-grid table td p .sun:hover {background-image: radial-gradient(#e66b6b 50%, rgba(0, 0, 0, 0) 53%);color:#fff}
.calendar-grid table td p .date:hover {background-image: radial-gradient(#efefef 50%, rgba(0, 0, 0, 0) 53%);}
.calendar-grid table td p .today:hover{background-color:#298250}
.calendar-grid table thead {margin-bottom:10px;background-color: #404040;box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.25), 0 0.1em 0.5em 1px rgba(0, 0, 0, 0.35), 0 1em 2em 1px rgba(0, 0, 0, 0.15);}
.calendar-grid table thead th{color:#fff;padding:15px 5px;font-size:16px;}
.calendar-grid table td .ir-concert{width:7px;height:7px;}
.schedule--picker .ir-concert,
.schedule--box .ir-concert{padding:2px 5px;width:auto;height:auto;margin-right:5px;font-size:14px;color:#fff;line-height:1.3;border-radius:5px;font-weight: bold;}
.program--calendar .inner{position:relative;}
.schedule--day_title em,
.program--calendar .inner .h2 em{display:inline-block;margin-left:7px;}
.schedule--box .obj{position:relative;}
.schedule--box .obj .item{padding:17px 20px 15px 54px;position: relative;border-bottom:1px solid #ddd;font-size:16px;line-height:1.4}
.schedule--box .obj .item *{vertical-align: middle;}
.schedule--box .obj .item .place{display:block;text-align:left;font-size:14px;font-weight: bold;color:#333}
.schedule--box .obj .item .ir-concert{position:absolute;top:22px;left:5px;min-width:40px;text-align:center}
.schedule--table{}
.schedule--table:before{content: "";display: block;position:absolute;top:5%;right:0;width:1px;height:90%;background-color:#ddd}
.schedule--table .inner, .schedule--box .inner .ir-concert{margin-right:7px;position: relative;top:-1px;}
.schedule--picker{padding-top:30px;margin-top:30px;border-top:3px double #ddd}
.schedule--picker .inner{padding:30px;}
.calendar-area .calendar-header{margin:12px 0;text-align:center;background:none;}
.calendar-header__inner{display:inline-block;position:relative}
.calendar__month{padding:0 130px;font-size:32px;line-height:32px;color:#000;vertical-align:middle}
.calendar-area .calendar__month:after{display:none;}
.calendar__next-month,.calendar__prev-month{display:inline-block;position:absolute;height:37px;line-height:1;vertical-align:middle}
.calendar__prev-month{top:0;left:0;padding-left:13px;padding-right:23px;background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E");}
.calendar__next-month{top:0;right:0;padding-left:13px;padding-right:23px;background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E");}
.calendar__next-text,.calendar__prev-text{font-size:15px;color:#000;vertical-align:middle;line-height:1}
.calendar__prev-text{margin-left:12px}
.calendar__next-text{margin-right:12px}

@media only screen and (max-width:450px){
    .calendar-header__inner{display:block}
    .calendar__month{display:block;padding:0;font-size:28.8px}
    .calendar__next-text,.calendar__prev-text{display:none}
}

.calendar .regend{margin-top:10px}
.calendar-list{width:100%;border-collapse:collapse;margin:4px 0;table-layout:fixed}
.calendar-list thead tr:first-child th{border-top:2px solid #000;border-bottom:1px solid #666}
.calendar-list tr:last-child td{border-bottom:1px solid gray}
.calendar-list tbody tr:first-child td.today{border:3px solid #535353}
.calendar-list tbody tr:last-child td.today{border:3px solid #535353}
.calendar-list td,.calendar-list th{border:1px solid #d1d1d1;box-sizing:border-box}
.calendar-list th{padding:8px;background:#fafafa;color:#666;text-align:center;font-weight:400;vertical-align:middle}
.calendar-list td{position:relative;width:14.25%;vertical-align:top}
.calendar-list td img{margin:0 2px;vertical-align:middle}
.calendar-list button{height:auto}
.calendar-list__inner{padding:8px}
.calendar-list__day{text-align:left}
.calendar-list__day>a,.calendar-list__day>span{display:inline-block;margin-top:-6px;margin-right:2px;vertical-align:middle}
.calendar-list__day>a.calendar-list__day-week,.calendar-list__day>span.calendar-list__day-week{display:none}
.calendar-list__day-week{display:none}
.calendar-list__content{min-height:80px;font-size:15px}
.calendar-list__link{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.calendar-list__label{display:inline-block;height:23px;margin-top:3px;margin-right:5px;line-height:22px;padding:0 5px;background-color:#323232;color:#fff;font-size:15px;vertical-align:middle}
.calendar-list__label--am,.calendar-list__label--pm{margin-top:1px;margin-bottom:1px}
.calendar-list__label--am+.calendar-list__subject,.calendar-list__label--pm+.calendar-list__subject{width:calc(100% - 44px)}
.calendar-list__label--am{background-color:#4469a6;color:#fff;border-radius:10px}
.calendar-list__label--pm{background-color:#bf6300;color:#fff;border-radius:10px}
.calendar-list__item{padding:1px;display:block}
.calendar-list__item:after{display:block;visibility:hidden;clear:both;content:".";overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.calendar-list__item--line{margin-top:8px;padding-top:5px;margin-left:-8px;margin-right:-8px;padding-left:8px}
.calendar-list__item--line:not(:first-child){border-top:1px dotted #bababa}
.calendar-list__subject{display:inline-block;width:calc(100% - 22px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;line-height:24px;text-align:left}
.calendar-list .today{border:3px solid #535353}
.calendar-list .saturday .calendar-list__day{color:#ed1c24}
.calendar-list .sunday .calendar-list__day{color:#ed1c24}
.calendar-list .closeday{color:#eb5352}
.calendar-list .closeday>span{display:inline-block;width:20px;height:20px;margin-top:-3px;line-height:18px;background:#eb5352;color:#fff;border-radius:50%;font-size:14px;text-align:center;letter-spacing:-1px}
.calendar .holiday{color:#eb5352}
.calendar__modal-list li{margin:10px 0}
.calendar-modal__list .regend__term{float:none}
.calendar-modal__item{margin:12px 0}
.calendar-modal__item:not(:first-child){padding-top:6px;border-top:1px dashed #cfcfcf}
.calendar-modal__item .regend__term-item{margin-top:-4px;margin-right:0}
.calendar-modal__item>span{display:inline-block;vertical-align:top}
.calendar-modal__item .badge{margin-top:2px}
.calendar-modal__subject{width:calc(100% - 110px)}
.calendar-modal__button-view{float:right}
.calendar__day{margin:30px 0 10px;text-align:center}
.calendar__day .saturday{color:#0d71d5}
.calendar__day .sunday{color:#ed1c24}
.calendar__day .today{background:#f7941d;color:#fff}
.calendar__day a{display:inline-block}
.calendar__day a>span{display:inline-block;width:25px;height:25px;border-radius:50%;line-height:24px}
@media only screen and (max-width:639px){
    .calendar-header__inner{display:block}
    .calendar__month{font-size:24px}
    .calendar__next-month,.calendar__prev-month{height:32px;padding:0 8px}
    .calendar__next-month svg,.calendar__prev-month svg{margin-top:0}
    .calendar tr:last-child td{border-bottom-color:#d1d1d1}
    .calendar-list{border-top:2px solid #000;display:table;table-layout:fixed;padding-top:6px}
    .calendar-list colgroup,.calendar-list thead,.calendar-list thead th{display:none}
    .calendar-list tbody{display:table-row-group}
    .calendar-list tbody tr{width:100%;border-bottom:none}
    .calendar-list tbody td{display:block;width:100%;padding:0;border-top:none;text-align:left;box-sizing:border-box;overflow:hidden}
    .calendar-list tbody td:first-child:not(.table__hidden--mobile){padding-top:5.5px}
    .calendar-list tbody td.empty{display:none}
    .calendar-list__inner{position:relative;min-height:25px}
    .calendar-list__inner.empty{display:none}
    .calendar-list__day{position:absolute;left:10px;top:10px}
    .calendar-list__day-week{display:inline-block!important}
    .calendar-list__content{min-height:inherit;padding-left:60px}
    .calendar-list__label+br{display:none}
    .calendar-list__label+br+.calendar-list__subject{display:inline-block;margin-left:10px}
    .calendar-list__subject{width:calc(100% - 36px)}
}


@media screen and (max-width:500px) {

	.ui.uit .inner{padding: 25px 15px;}
	.ui-calendar .calendar-area{padding-left:10px; padding-right: 10px;}
	.ui-calendar .time-area{padding-left:15px; padding-right: 15px; padding-top: 13px;}

	.ui-calendar .calendar-area .calendar .calHeader .calDate{font-size: 25px; line-height: 1.8;}
	.ui-calendar .time-area .date_tit{font-size: 20px;}
	.ui-calendar .time-area .date_tit .cal_icon{top:-2px}
}

/* time_area 추가수정0530 */
.ui-calendar .calendar-area .calendar{padding-bottom: 0;}
.ui-calendar .time-area{padding: 0 20px 20px;}
#time_box{margin-bottom:10px;width:100%;border-collapse:collapse;}
#time_box .time-row{padding:12px 0; text-align: center; display:flex;width:100%; align-items: center; justify-content: flex-end;}
#time_box .time-row > div{display:inline-block; }
#time_box .time-row > div.time-title{min-width:220px;padding-right: 50px;;;}
#time_box .time-row > div.time-title .date_tit{padding: 0 9px;word-wrap:break-word;word-break:break-all;word-break:keep-all;color:#2d2d2d; font-size:  18px;line-height: 1;}

#time_box  .btn{border-radius:0;padding:7.5px 19px 5.5px;letter-spacing:-0.025em; background-color:#701e20; border:1px solid #701e20 }
#time_box  .btn:hover,.btn:focus,.btn:active{background-color:#139796;border:1px solid #139796 }

#time_box  .btn.reserv-end,#time_box  .btn.reserv-end:hover,
#time_box  .btn.reserv-end:focus,#time_box .btn.reserv-end:active{background-color:transparent;  border:1px solid #ddd;color:#aaa;cursor:default;}

@media screen and (max-width:767px) {

    #time_box .time-row{padding: 12px 10px;}

}

@media screen and (max-width:500px) {
    #time_box .time-row{padding: 12px 0;}
    #time_box .time-row > div.time-title{min-width: 170px; padding-right: 20px;}
    #time_box .time-row > div.time-title .date_tit{padding:11px 0 9px; font-size: 16px;}
    #time_box .time-row > div.time-status{text-align: right;padding-right: 3px;}
    .ui-calendar .time-area  #time_box .date_tit .cal_icon{width:25px;height:25px;}
    .ui-calendar .time-area  #time_box .date_tit .cal_icon i{width:70%;height:70%; background-size: 100%; }
    #time_box .btn{padding:7.5px 8px 5.5px; font-size: 14px;}

}


@media screen and (max-width:350px) {

    #time_box .time-row{display: block;padding-top: 12px;}
    #time_box .time-row > div{width: 100%;min-width: auto; text-align: left;}
    #time_box .time-row > div.time-title .date_tit{padding-top: 0px;}
    #time_box .time-row > div.time-status{padding-right: 0;}
    #time_box .btn{width:100%;}
  
}


/* 개인정보 수집동의 */
.ui_subscription--form{position:relative;margin-bottom:30px;margin-top:-3px;padding:20px 25px;border:1px solid #ddd;border-top:3px solid #701e20; margin-top: 15px;}
.ui_subscription--form:after{display:block;clear:both;content:'';}
.ui_subscription--form .inner{position:relative;width:100%}
.ui_subscription--form .ui_text--box .box-text__scroll{height:200px;padding: 10px;overflow-x: hidden;overflow-y: scroll; word-break:keep-all}
.ui_subscription--form .ui_text--box .box-text__scroll h3:first-child {margin:0 0 10px; line-height: 1.3;}
.ui_radio--custom{margin-top:20px;padding-top:15px;border-top:1px solid #ddd;text-align:center}
.ui_radio--custom .inquiry--btn{display:flex; align-items: center; justify-content: center;}
.ui_radio--custom .inblock {display:inline-block; font-size: 16px;}
.ui_radio--custom input[type='radio']:checked + label{color: #63676d;}
.ui_radio--custom input[type='radio']{z-index:-100;top:-9999px;left:-9999px;position:fixed;}
.ui_radio--custom label{position:relative;width: auto;min-width: 110px;height: 40px;margin: 0 3px;padding: 0 10px;color:#747981;font-size:16px;font-weight:500;line-height: 38px;text-align: center;}
.ui_radio--custom label.pre{width:auto;padding:0 15px 0 40px;}
.ui_radio--custom label .chk_ball{display: inline-block;width:16px;height:16px;margin-right: 10px;border:1px solid #cacaca;border-radius:100%;background:#fff;vertical-align: middle; position: relative; top:-1px}
.ui_radio--custom label .chk_ball:before{content:'';display:none; width:5px; height:5px; position:absolute; top:50%;left:50%; transform: translate(-50%,-50%);  background: #63676d; border-radius: 50%;}

.ui_radio--custom input[type='radio']:checked + label .chk_ball{border: 1px solid #63676d;}
.ui_radio--custom input[type='radio']:checked + label .chk_ball::before{display: block;}
.ui_radio--custom input[type='radio']:focus + label{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;}

.txt-tip{position:relative; color:#701e20; padding-left: 24px; margin-top: 9px;}
.txt-tip.bold{font-weight:bold;}
.txt-tip .tip_icon{position:absolute; width: 19px;height: 19px;color:#fff; background-color:#154282; top:0px;left:0; padding: 0.5px 0.5px 0 0;line-height: 20.5px;text-align: center;display: inline-block;border-radius: 50%; font-weight: normal;}


@media screen and (max-width:768px) {
 
    .ui_subscription--form h3.h3{font-size: 18px;} 

}

@media screen and (max-width:580px) {
 
    .ui_radio--custom{padding-top: 25px;}
    .ui_radio--custom .inquiry--btn{flex-direction: column;}

}


/* 입력폼 */
.col-sm-4{ min-width:200px; width:27.3333%}
.col-sm-3{ min-width:225px; width:25%}
.col-sm-9{width:75%}
[class*=col-] > div,.control-label,.control-label label{padding:8px 10px; font-weight: bold; }

.control-label{position:relative;overflow: hidden;}
.control-label:before{content:''; display:block; width:100%;height: 10000%; background-color:#fcfcfc;position:absolute; top:0;left:0}
.control-label > div,.control-label label{position: relative; z-index: 2;}
label .pilsu{position:relative;font-size: 0;}
label .pilsu:after{content: "";width: 7px;height: 7px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z' fill='rgba(50,152,219,1)'/%3E%3C/svg%3E");background-size: 100%;position: absolute;top: -14px;left: -4px;}

.form-group .form-inline{display:flex}
.form-group .form-inline .form-control + span{margin:0 5px; line-height: 33px;}
.form-group input[type="text"], .form-group  input[type="file"],.form-group select{height:34px; width:100%}
.form-group .form-control.tel{width:28%; min-width:20%}

.bucket-form, .table-form {overflow: hidden;border-top: 1px solid #7a7d96;background-color: #fff;}
.form-horizontal.bucket-form>.form-group{border-bottom:1px solid #e5e7ee; display:flex}
.form-horizontal.bucket-form .form-group .control-label{text-align:left; position:relative; padding: 0;}
.form-horizontal.bucket-form .form-group .control-label label,
.form-horizontal .label{display:block;color: #363c5a;padding-left: 14px;font-weight: bold;vertical-align: middle;font-size: 15px;letter-spacing: -1px;}
.error{background: rgba(234,84,85,.12);color: #EA5455;}

/* form- btn */

.text-center{text-align: center;margin: 20px 0 ;}
.text-center .btn{padding:8px 10px 8px; margin: 0 2.5px}

.text-center .btn.btn-primary{background-color:#701e20; border:1px solid #701e20; }
.text-center .btn.btn-primary:hover{background-color: #139796;border: 1px solid #139796;}

@media screen and (max-width:580px) {

    .form-horizontal.bucket-form>.form-group, [class*=col-]{display:block; width:100%}
    .form-group .form-control.tel{width:32%}
}


 /* reservation list */

.stats{font-weight: bold;}
.stats.stats1{color:#701e20}/*예약대기*/
.stats.stats2{color:#0aa699}/* 예약완료 */
.stats.stats3{color:#ec332e}/* 예약취소*/

.board--card--list{position:relative; overflow: hidden;}
.board--card--list .obj{display:flex; flex-wrap:wrap; flex-direction: row; margin:0 -7px;}
.board--card--list .obj .col{border:7px solid  transparent}
.board--card--list .obj.col2 .col{width:50%; flex-basis:50%}

.card--body{border: 1px solid #ddd;border-radius:10px; overflow: hidden;}
.card--body [class*=ui-]{padding: 10px 20px;}
.card--body [class*=ui-] ul li em{font-weight: bold;min-width: 105px;display: inline-block;margin-right: 19px; position: relative;}
.card--body [class*=ui-] ul li em:before{display:inline-block; content:''; width:1px; height:12px; background-color:#ddd; position:absolute; right: 0; top:7px}
.card--body .ui-major{ background: #f4f6f6;}
.card--body .ui-btn{margin: 0; padding: 20px; position: relative; }
.card--body .ui-btn:before{content:'';display:block; width:calc(100% - 40px);border-top:1px solid #ddd; position:absolute; top:0; left:50%; transform:translateX(-50%)}

@media screen and (max-width:710px) {
    
    .board--card--list .obj.col2 .col{width:100%; flex-basis: 100%;}

}


/*sub04_08 images */
.info-img{position:relative;max-width: 340px;width:100%;margin: 50px auto; overflow: visible;}
.info-img .message-icon2{height:195px;margin-bottom: 20px;}
.info-img .message-result{text-align: center;}
.info-img .message-result strong{font-size: 18px;}

@media screen and (max-width:360px) {

    .info-img{margin: 20px auto;}
    .info-img .message-icon2{margin-bottom: 0;}
    .info-img .message-result strong{font-size: 15px;}
    
}