#header .info{
  position:absolute;
  display:inline-block;
  top:20px;
  left:25px;
  width:112px;
  height:30px;
}
#header .info>strong, #header .info>a{
  display:inline-block;
  width:100%;
  text-align:center;
}
#header .info>strong{
  font-size:1.2rem;
}
#header .info>a{
  height:30px;
  margin-top:3px;
  color:#fff;
  font-size:1.1rem;
  line-height:34px;
  background-color:#424242;
  font-family: 'GmarketSansBold';
}

#subR{
  position:relative;
  width:100%;
  padding-left:10px;
  padding-right:10px;
  box-sizing:border-box;
}
#subR>.content{
  min-height:360px;
  margin-bottom:20px;
}
.btnBox{
  width:100%;
  padding:20px 0;
  font-size:0;
  line-height:0;
}
.btnBox>a{
  display:inline-block;
  font-family: 'GmarketSansBold';
  font-size:1.4rem;
  line-height:1.5rem;
  text-align:center;
}
.btnBox>a.login{
  width:100%;
  height:60px;
  background-color:#333;
  color:#fff;
  line-height:60px;
}
.btnBox>a.modi48{
  width:48%;
  height:40px;
  margin-right:2%;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:40px;
  background-color:#fff;
  border:1px solid #7f7f7f;
  box-sizing: border-box;
}
.btnBox>a.del48{
  width:48%;
  height:40px;
  margin-left:2%;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:40px;
  color:#fff;
  background-color:#333;
  border:1px solid #333;
  box-sizing: border-box;
}
.btnBox>a.ok31{
  width:31%;
  height:40px;
  margin-right:3.5%;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:40px;
  color:#fff;
  background-color:#00af9d;
  border:1px solid #009989;
  box-sizing: border-box;
}
.btnBox>a.modi31{
  width:31%;
  height:40px;
  margin-right:3.5%;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:40px;
  background-color:#fff;
  border:1px solid #7f7f7f;
  box-sizing: border-box;
}
.btnBox>a.del31{
  width:31%;
  height:40px;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:40px;
  color:#fff;
  background-color:#333;
  border:1px solid #333;
  box-sizing: border-box;
}
.btnBox>a.del48{
  width:48%;
  height:40px;
  margin-left:2%;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:40px;
  color:#fff;
  background-color:#333;
  border:1px solid #333;
  box-sizing: border-box;
}
.btnBox>a.modi48L{
  width:48%;
  height:60px;
  margin-right:2%;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:60px;
  background-color:#fff;
  border:1px solid #7f7f7f;
  box-sizing: border-box;
}
.btnBox>a.del48L{
  width:48%;
  height:60px;
  margin-left:2%;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:60px;
  color:#fff;
  background-color:#333;
  border:1px solid #333;
  box-sizing: border-box;
}
.btnBox>a.modi53{
  width:53%;
  height:50px;
  margin-right:2%;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:50px;
  color:#fff;
  background-color:#333;
  border:1px solid #333;
  box-sizing: border-box;
}
.btnBox>a.list43{
  width:43%;
  height:50px;
  margin-right:2%;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:50px;
  background-color:#fff;
  border:1px solid #333;
  box-sizing: border-box;
}
.btnBox>a.ok100{
  width:100%;
  height:50px;
  font-family: 'GmarketSansMedium' !important;
  font-size:1.2rem;
  line-height:50px;
  color:#fff;
  background-color:#333;
  border:1px solid #333;
  box-sizing: border-box;
}
label{
  display:inline-block;
  width:100%;
  margin-bottom:20px;
}
label>span.txt{
  display:inline-block;
  width:100%;
  margin-bottom:10px;
  font-size:1.3rem;
  line-height:1.4rem;
  font-weight:400;
}
label>span.txt>b{
  font-size:1rem;
  font-weight:400;
  color:#666;
}
label>strong.txt{
  display:inline-block;
  width:100%;
  margin-top:30px;
  margin-bottom:10px;
  font-size:1.5rem;
  line-height:1.6rem;
  font-weight:700;
}
label>strong.txt>b{
  font-weight:500;
}
/*페이징*/
.page{width:100%;padding-top:20px;text-align:center;}
.page span{
  display:inline-block;
  width:26px;
  height:26px;
  margin-left:1px;margin-right:1px;
  font-family: 'GmarketSansBold';
  font-size:0.9rem;line-height:26px;
  border:1px solid #ccc;
  vertical-align:top;}
.page span a{display:inline-block;width:100%;height:100%;}
.page span:hover, .page span.on{background-color:#f05a72;border: 1px solid #f05a72;}
.page span:hover>a, .page span.on>a{color:#fff;}
.page .pre{}
.page .next{}

/*관리자 로그인*/
div.login{
  text-align:left;
}
.login strong{
  display:inline-block;
  width:100%;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom:50px;
  font-family: 'GmarketSansBold';
  font-size:2rem;
  color:#fff;
  text-align:center;
  background-color:#f05a72;
}
.login>span.txt{
  position:relative;
  display:inline-block;
  width:100%;
  margin-top:10px;
  margin-bottom:20px;
  padding-left:24px;
  font-size:1.3rem;
  line-height:1.4rem;
  color:#f05a72;
  box-sizing:border-box;
}
.login>span.txt>i{
  position:absolute;
  top:1px;
  left:0;
}
.login>span.txt>i>img{
  width:18px;
  height:18px;
}
.login label{
  display:inline-block;
  width:100%;
}
.login label>span.txt{
  display:inline-block;
  width:100%;
  margin-bottom:10px;
  font-size:1.3rem;
  line-height:1.4rem;
  font-weight:400;
}

/*예약현황*/
div.condition .tab>li, div.confirm .tab>li {
  border: 2px solid #f05a72;
}
div.condition .tab>li:hover, div.condition .tab>li.active, div.confirm .tab>li:hover, div.confirm .tab>li.active{
  border: 2px solid #f05a72 !important;
}
div.condition .tab>li>a>span, div.confirm .tab>li>a>span{
  color:#f05a72;
}
div.condition .tab>li>a>strong, div.confirm .tab>li>a>strong{
  color:#f05a72;
}
div.condition ul.list, div.confirm ul.list>li{
  width:100%;
  font-size:0;
  line-height:0;
}
div.condition ul.list{
  border-top:2px solid #7f7f7f;
}
div.condition ul.list>li{
  width:100%;
  border-bottom:1px solid #b2b2b2;
}
div.condition ul.list>li>a{
  position:relative;
  display:inline-block;
  width:100%;
  height:40px;
  padding-left:40px;
  padding-right:40px;
  box-sizing:border-box;
}
div.condition ul.list>li>a>i.num{
  position:absolute;
  top:0;
  left:0;
  width:40px;
  height:40px;
  font-size:1.2rem;
  line-height:40px;
  font-style: normal;
  text-align:center;
  border-right: 1px solid #b2b2b2;
}
div.condition ul.list>li>a>strong, div.condition ul.list>li>a>span{
  display:inline-block;
  font-size:1.2rem;
  line-height:40px;
  text-align:center;
  vertical-align:top;
}
div.condition ul.list>li>a>strong.name{
  width:25%;
}
div.condition ul.list>li>a>strong.course{
  width:10%;
}
div.condition ul.list>li>a>span.date{
  width:35%;
}
div.condition ul.list>li>a>span.progress{
  width:30%;
}
div.condition ul.list>li.none>p{
  display:inline-block;
  width:100%;
  height:40px;
  font-size:1.1rem;
  line-height:40px;
  text-align:center;
}
@media only screen and (max-width : 375px){
  div.condition ul.list>li>a>strong, div.condition ul.list>li>a>span{
    font-size:1rem;
  }
}
div.condition ul.list>li>a>b{
  position:absolute;
  top:10px;
  right:10px;
  width:20px;
  height:20px;
}
div.condition ul.list>li>a>b>img{
  width:20px;
  height:20px;
}
div.condition ul.list>li .detail{
  width:100%;
  padding:15px;
  border-top:1px solid #e6e5e5;
  background-color:#f0f0f0;
  box-sizing: border-box;
}
div.condition ul.list>li .detail>ul, div.condition ul.list>li .detail>ul>li{
  width:100%;
}
div.condition ul.list>li .detail>ul{

}
div.condition ul.list>li .detail>ul>li{
  text-align: left;
}
div.condition ul.list>li .detail>ul>li>strong, div.condition ul.list>li .detail>ul>li>span{
  display:inline-block;
  font-size:1rem;
  line-height:16px;
  padding-bottom:5px
}
div.condition ul.list>li .detail>ul>li>strong{
  width:40px;
}
div.condition ul.list>li .detail>ul>li>span{
}
div.condition ul.list>li .detail p{
  width:100%;
  margin-top:15px;
  padding-top:15px;
  font-size:1rem;
  line-height:18px;
  border-top:1px solid #d1d1d1;
}
div.condition select{
  font-weight:700 !important;
  border: 1px solid #999;
}
div.condition strong.title{
  position:relative;
  display:inline-block;
  width:100%;
  margin-top:20px;
  margin-bottom:10px;
  padding-left:16px;
  font-size:1.1rem;
  line-height:1.2rem;
  box-sizing: border-box;
}
div.condition strong.title>i{
  position:absolute;
  top:1px;
  left:0;
}
div.condition strong.title>i>img{
  width:12px;
  height:12px;
}

/*달력*/
.condition .calendar{
  margin-right:20px;
  width:100%;
  padding:10px;
  margin: 0 auto;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  font-size:0;
  line-height:0;
}

.condition .calendar .month{
  position: relative;
  width:320px;
  height:40px;
  padding:0 50px;
  margin: 0 auto;
  box-sizing: border-box;
}
.condition .calendar .month>span{
  position: absolute;
  display:inline-block;
  top:12px;
  width:16px;
  height:16px;
  cursor:pointer;
}
.condition .calendar .month>strong{
  display: inline-block;
  width:100%;
  height:40px;
  line-height:40px;
  font-size: 1.4rem;
  text-align:center;
}
.condition .calendar .month>span.before{
  left:50px;
}
.condition .calendar .month>span.next{
  right:50px;
}
.condition .calendar .month>span img{
  width:16px;
}
.condition .calendar ul, .condition .calendar ul>li{
  display: inline-block;
}
.condition .calendar ul.week{
  width:100%;
  height:26px;
  margin-top:10px;
  margin-bottom:10px;
  text-align:left;
}
.condition .calendar ul.week>li{
  width:8%;
  height:26px;
  margin-left:3%;
  margin-right:3%;
  font-size:1.1rem;
  line-height: 26px;
  font-weight:600;
  text-align: center;
}
.condition .calendar .red{
  color:#ff0000 !important;
}
.condition .calendar .blue{
  color:#0000ff !important;
}
.condition .calendar .not{
  background-color:#efecea;
}
.condition .calendar .end{
  background-color:#f05a72;
  color:#fff !important;
}
.condition .calendar .ing{
  background-color:#00af9d;
  color:#fff !important;
}
.condition .calendar ul.week>li:first-child,
.condition .calendar ul.day>li:first-child,
.condition .calendar ul.day>li:nth-child(8),
.condition .calendar ul.day>li:nth-child(15),
.condition .calendar ul.day>li:nth-child(22),
.condition .calendar ul.day>li:nth-child(29),
.condition .calendar ul.day>li:nth-child(36){
  width:7%;
}
.condition .calendar ul.day{
  width:100%;
  text-align:left;
}
.condition .calendar ul.day>li{
  width:8%;
  height:30px;
  margin-left:3%;
  margin-right:3%;
  margin-bottom:5px;
  font-size:1.1rem;
  line-height: 30px;
  text-align: center;
  vertical-align:top;
  cursor:pointer;
}
.condition .calendar ul.day>li.active{
  background-color:#4c4c4c;
  font-weight:600;
  color:#fff !important;
}

.condition .calendar .txt{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:46px;
  padding-left:10px;
  box-sizing: border-box;
  line-height:46px;
  border-top: 1px solid #d9d9d9;
  font-size:1.1rem
  /*background-color:#eee*/
}
.condition .calendar ul.day>li.today{
  background-color:#856d4b;
  color:#fff;
}
.condition .info{
  padding-top:15px;
  text-align:center;
  padding-bottom:30px;
}
.condition .info>strong{
  position:relative;
  display:inline-block;
  margin-right:5%;
  padding-left:25px;
  font-size:1.2rem;
  font-weight:500;
  text-align:left;
}
.condition .info>strong>i{
  position:absolute;
  display:inline-block;
  top:2px;
  left:0;
  width:20px;
  height:20px;
  box-sizing:border-box;
}
.condition .info>strong>i.not{
  background-color:#efecea;
  border:1px solid #ccc;
}
.condition .info>strong>i.ing{
  background-color:#00af9d;
  border:1px solid #00af9d;
}
.condition .info>strong>i.end{
  background-color:#f05a72;
  border:1px solid #f05a72;
}




/*사용자*/
.confirm .info{
  width:100%;
}
.confirm .info>.progress{
  position:relative;
  display:inline-block;
  width:100%;
  height:60px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:120px;
  font-size:1.3rem;
  line-height:40px;
  font-weight:500;
  color:#fff;
  background-color:#00af9d;
  box-sizing: border-box;
}
.confirm .info>.progress>i{
  position: absolute;
  display:inline-block;
  top:0;
  right:0;
  width:120px;
  height:60px;
  padding-top:10px;
  padding-bottom:10px;
  color:#fff;
  text-align:center;
  font-weight:400;
  font-style: normal;
  background-color:#00887e;
  box-sizing: border-box;
}
.confirm .info>.progress b{
  font-size:2rem !important;
}
.confirm .info>span{
  display:inline-block;
  width:100%;
  height:60px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  font-size:1.4rem;
  line-height:40px;
  font-weight:500;
  color:#fff;
  background-color:#f05a72;
  box-sizing:border-box;
}
.confirm .info>span>b{
  display:inline-block;
  padding-left:5px;
  font-weight:700;
}
.confirm .detail{
  width:100%;
  padding:20px 15px;
}
.confirm .detail>ul{
  width:100%;
}
.confirm .detail>ul>li{
  position:relative;
  width:100%;
  margin-bottom:5px;
  padding-left:80px;
  box-sizing: border-box;
}
.confirm .detail>ul>li>i{
  position: absolute;
  display:inline-block;
  top:5px;
  left:0;
  width:16px;
  height:16px;
}
.confirm .detail>ul>li>strong{
  position:absolute;
  display:inline-block;
  top:0;
  left:22px;
  width:60px;
  font-size:1.3rem;
}
.confirm .detail>ul>li>span{
  display:inline-block;
  font-size:1.3rem;
}