@charset "utf-8";
/* default PC */

.catch-area {
  margin-bottom:25px;
  padding:0 0 40px;
  z-index:-2;
}

.catch-img {
  position:relative;
}

.catch-img:before {
  background:url(../image/contents/bg_pattern.png) repeat;
  content:"";
  display:block;
  height:100%;
  left:15px;
  position:absolute;
  top:15px;
  width:100%;
  z-index:-1;
}

/*  */
#contents .req-box.active {
  display:block;
}

#contents .req-box {
  display:none;
  padding:60px;
}

#contents .req-box th {
  width:250px;
}

#contents .btn-box {
  border-bottom:4px solid #5652A5;
  gap:30px;
}

#contents .btn-box li {
  background-color:#FFF;
  border:4px solid #5652A5;
  border-bottom:none;
  color:#432DA1;
  cursor:pointer;
  font-size:21px;
  padding:11px 8px 8px;
  text-align:center;
  transition:.3s all ease;
  width:250px;
}

#contents .btn-box li.btn-active,
#contents .btn-box li:hover {
  background-color:#5652A5;
  color:#FFF;
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  #contents .req-box th {
    width:170px;
  }

  #contents .req-box {
    padding:40px;
  }

  #contents .btn-box li {
    font-size:18px;
    padding:8px 8px 6px;
    width:200px;
  }

  #contents .btn-box {
    gap:20px;
  }

  #contents .btn-box li {
    margin-right:0;
    width:calc(100% / 3 - 5px);
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents .req-box th {
    min-width:90px;
    width:25%;
  }

  #contents .req-box {
    padding:20px 15px;
  }

  #contents .btn-box {
    gap:15px;
  }

  #contents .btn-box li {
    font-size:15px;
  }

  #contents .btn-box li {
    margin-right:0;
    width:calc(100% / 2 - 25px);
  }
}


@media screen and (max-width: 393px) {
  #contents .req-box th {
    width:30%;
  }

  #contents .sub-txt {
    text-align:left;
  }

  #contents .sub-txt br {
    display:none;
  }
}