/*====================================
# sec-ticket
==================================== */
.sec-ticket{
  background: linear-gradient(180deg, #f3faff 0%, #fff 80%);
}
.sec-ticket .ticket-area {
  margin: 30px auto;
  padding: 30px 100px;
  box-shadow: 5px 10px 0 #eb3c70;
  border: 1px solid #eb3c70;
  border-radius: 500px;
  color: #006CB0;
  background-color: #fff;
  box-sizing: border-box;
  transition: all .4s ease-in-out;
}
.sec-ticket .ticket-area:hover {
  box-shadow: 5px 10px 0 #ebaec0;
}

@media (max-width:768px) {
  .sec-ticket .ticket-area{
    border-radius: 0;
    box-shadow: none;
    border: none;
  }  
  .sec-ticket .ticket-area:hover {
    box-shadow: none;
  }
}
.ticket-area h4 {
  margin-bottom: 20px;
  font-size: 20px;
  letter-spacing: 2px;
  color: var(--Color2);
}

.ticket-area h4 span {
  color: #212121;
  font-size: 19px;
}

/* .sec-ticket .ticket-area .calendar {
  font-size: 16px;
  background-color: #ff9d00;
  color: #fff;
  border-radius: 5px;
  padding: 5px 10px;
}

.ticket-area .calendar:hover {
  background-color: #ff7b00;
} */

.ticket-box {
  border-radius: 20px;
  background-color: #ffffff;
  margin: 1rem 1rem 4rem;
  text-align: center;
  max-width: 300px;
}

.t01{
  border: 1px solid #ff7a00;
  box-shadow: 3px 4px 0 #ff7a00;
}
.ticket-box .ep01 {
  background-color: #ff7a00;
}

.t02{
  border: 1px solid #2eb164;
  box-shadow: 3px 4px 0 #2eb164;
}
.ticket-box .ep02 {
  background-color: #2eb164;
}
.t03{
  border: 1px solid #00a0f1;
  box-shadow: 3px 4px 0 #00a0f1;
}
.ticket-box .ep03 {
  background-color: #00a0f1;
}
.t04{
  border: 1px solid #2b3250;
  box-shadow: 3px 4px 0 #2b3250;
}
.ticket-box .ep04 {
  background-color: #2b3250;
}

.ticket-box-title {
  color: #ffffff;
  background-color: #dfdfdf;
  padding: 1rem;
  border-radius: 13px 13px 0 0 ;
}

.ticket-box-title h4{
  margin-bottom: 0;
}


.ticket-price p {
  font-size: 19px;
  padding-top: 10px;
  color: #444;
}

.ticket-box .btn{
  position: relative;
  display: inline-block;
  background-color: var(--Color2);
  border-radius: 500px;
  color: #fff;
  padding: 10px 30px ;
  margin-bottom: 15px;
}
.ticket-box button p{
  margin: 0;
  font-size: 20px;
}
.ticket-box .btn:hover {
  background-color: var(--Color4);
}
.ticket-box  .btn-none {
  background-color: #b4b4b4;
}
.ticket-box  .btn-none:hover {
  background-color: #b4b4b4;
}
.ticket-box button a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ticket-notice {
  background-color: #f7f7f7;
}

@media (max-width:768px) {
  .sec-ticket .ticket-area {
    margin: 0;
    padding: 20px 20px;
  }
  .ticket-area p{
    letter-spacing: 0;
  }
  .ticket-area .calendar{
    padding: 2px 8px;
  }
  .ticket-box {
    max-width: none;
    margin: 1rem 1rem 2rem;
  }
}