@charset "UTF-8";


.wrap_box{
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
}

.box {
  padding: 1.5rem;
  border: 1px solid #e0e0e0;
  width:calc((100% - 1rem * 2) / 3);
}
.hidden_table{display:none;}
.box .box-head{
	display:flex; 
	justify-content: space-between;
	margin-bottom: 2rem;
}

.box h6.boxtt {
  font-size: var(--krds-pc-font-size-body-medium);
  font-weight: 500;
  color: #111;
  background: #fff;
  margin-bottom:1rem;
}
.box h6.boxtt span{font-size: var(--krds-pc-font-size-body-xsmall);}
.box h6.boxtt .btn-cal{padding: 0 0.5rem; display: inline-flex; align-items: center; gap:0.3rem; border: 1px solid #e0e0e0; height:2.4rem;font-size: var(--krds-pc-font-size-body-medium); }
.box h6.boxtt .btn-cal:hover{background:#f7f7f7;}
.box .box-head h6.boxtt {margin-bottom:0;}
.box .swiper-nav .swiper-button-prev, 
.box .swiper-nav .swiper-button-next {
	position: relative;
	top:auto;
	left:auto;
	right:auto;
	width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #e0e0e0;
    float: left;
    border-radius:0;
    margin-top:0;
}
.box .swiper{ background: #f6f6f6; height:18rem;}
.box .swiper .swiper-slide{padding:1rem 0.3rem 1rem 0; }
.box .swiper .scroll{overflow:auto;  height: 100%; font-size: 1.4rem; color: #111;}
.box .swiper .scroll::-webkit-scrollbar {width:5px; height:5px; }
.box .swiper .scroll::-webkit-scrollbar-track {background-color:rgba(217,217,217,.5); border-radius:50px; border: 1px solid #f6f6f6}
.box .swiper .scroll::-webkit-scrollbar-thumb {background: var(--krds-color-light-gray-30);border-radius:50px;}
.box .swiper p{ font-weight: 500; text-align: center; padding: 0.5rem 0 1.5rem 0;} 
.box .swiper ul{padding:0 2rem;}
.box .swiper ul li{font-weight: 300;}
.box .no_schedule{ display: block;
  width: auto;
  background: url('/resource/images/content/sur_icon02.svg') top 1rem center no-repeat;
  text-align: center;
  padding-top: 7rem; font-weight: 300;}
  
.box .boxct{height:18rem;}
.box .boxct canvas{height:100% !important; }

@media (max-width:1280px){
	.box {  width:calc((100% - 1rem ) / 2);}
}
@media (max-width:768px){
	.box {  width:100%;}
}