/* 25.4.10 창 모달 */
.modal__bg {
  background: rgba(0, 0, 0, 0.7);
}
.modal__close {
  position: absolute;
  right: 5vw;
  top: 60px;
}
.modal__close::before,
.modal__close::after {
  width: 32px;
  height: 2px;
  background: #fff;
}

.modal.small .modal__box {
  padding: 20px;
  width: 400px;
  max-height: 600px;
  height: 45dvw;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding: 20px;
}

.modal.small .modal__header {
  position: relative;
  height: 25px;
}
.modal.small .modal__header--tit {
  font-size: 20px;
  font-weight: 900;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.modal.small .modal__close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 30px;
  height: 30px;

  /* 색상 */
  background: #f58329;
  border-radius: 50%;
}
.modal.small .modal__close::before,
.modal.small .modal__close::after {
  width: 15px;
  left: 50%;
  background: #fff;
}
.modal.small .modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
}
.modal.small .modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
}
.modal.small .modal__content {
  transform: translate(0);
  margin-top: 30px;
  position: static;
  height: calc(100% - 70px);
}
.modal.small .modal__content.scroll {
  overflow-y: auto;
}

/* privacy 모달 */
.modal.small.modal_privacy .modal__content {
  border: 1px solid #f2f2f2;
  padding: 20px 20px;
}
.modal__content.privacy {
  line-height: 1.3;
}