/*상세정보 확인 버튼*/
.modal-btn-area {
  padding:20px 0 40px 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1px;
}
.modal-btn-area .modal-btn-detail {
  background: #2A6A83;
  color:#fff;
  margin:0 auto;
  border-radius: 34px;
  padding:12px 40px; 
  text-align: center;
  box-sizing: border-box;

}
.modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9
}
/* .modal_body {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  transform: translateX(-50%) translateY(-50%);
} */

.modal-area-2 {
  background: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  display: none;
}

.recruit-modal {
  width: 400px;
  /* height: calc(100vh - 40px); */
  overflow-y: auto;
  background: #000;
  border: 3px solid #00FFFF;
  border-radius: 12px;
}
.recruit-modal .top-area {
  width: 400px;
  padding: 40px;
  /* height: calc(100vh - 148px); */
  box-sizing: border-box;
  /* padding: 100px 32px 0px 32px; */
  overflow-y: auto;
  position: relative;
}
.recruit-modal .top-area::-webkit-scrollbar {
  display: none;

  /* width: 8px;
  height: 8px; */
}
.recruit-modal .top-area p{
  padding-top: 40px;
  font-size: 19px;
}
.recruit-modal .ico-bg-box {
  width: 227px;
  top: 66px;
  right: 46px;
}
.recruit-modal .top-area .logo-img img{
  margin: 0 auto;
  width: 160px;
}
.recruit-modal .bottom-area {
  padding:20px 0 40px 0;
  background: #fff;
}
.recruit-modal .bottom-area .check-text-type-1 input {
  display: none;
}
.recruit-modal .bottom-area .check-text-type-1 input + label {
  display: inline-block;
  cursor: pointer;
  padding-left: 32px;
  position: relative;
}
.recruit-modal .bottom-area .check-text-type-1 input + label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../images/ico-check.svg) no-repeat center center/cover;
}
.recruit-modal .bottom-area .check-text-type-1 input:checked + label::before {
  background: url(../images/ico-check-active.svg) no-repeat center center/cover;
}
.recruit-modal .bottom-area .check-text-type-1 input + label .text {
  font-size: 16px;
}
.recruit-modal .bottom-area .x-btn-2 img{
  width: 24px;
}
.recruit-modal .bottom-area {
  box-sizing: border-box;
  padding: 12px 20px;
  background: #121212;
}
.recruit-modal .bottom-area .check-text-type-1 input {
  display: none;
}
.recruit-modal .bottom-area .check-text-type-1 input + label {
  display: inline-block;
  cursor: pointer;
  padding-left: 32px;
  position: relative;
}
.recruit-modal .bottom-area .check-text-type-1 input + label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/ico-check.svg) no-repeat center center/cover;
}
.recruit-modal .bottom-area .check-text-type-1 input:checked + label::before {
  background: url(../img/ico-check-active.svg) no-repeat center center/cover;
}
.recruit-modal .bottom-area .check-text-type-1 input + label .text {
  font-size: 16px;
}

@media (max-width: 767px) {
  .recruit-modal {
    width: 100vw;
    height: 100vh;
  }
  .recruit-modal .top-area{
    width: 100%;
    margin-top:40px;
    padding: 50px 16px 0px 16px;
    height: calc(100vh - 120rem);
  }
  .recruit-modal .bottom-area{
    margin: 0 16px;
  }
  .recruit-modal .bottom-area .check-text-type-1 input + label{
    padding-left: 24px;
  }
  .recruit-modal .bottom-area .x-btn-2 img{
    width: 20px;
  }

}
@media (max-width: 767px) {
  .recruit-modal .top-area{
    height: auto;
  }
}