.form-box {
    background: url(../images/bg-registration-form.png) no-repeat center 0;
}
.registration .input-box .mail-box {
    display: flex;
    justify-content: space-around;
}
.registration .input-box .mail-box .number {
    height:57px;
    line-height: 57px;
    font-size: 16px;
    color:#000000;
    letter-spacing: -0.025em;
    background:#ffffff;;
}
.registration .input-box .mail-box .mail input,
.registration .input-box .mail-box .mail select{
    text-align: center;
    height:56px;
    line-height: 56px;
    font-size: 16px;
    color:#311a1a;
    background:#ffffff;
}
.registration .input-box .mail-box .mail input::placeholder {
    font-size: 16px;
    color:#311a1a;
}
.registration .input-box .mail-box .btn{
    width:124px;
    height:57px;
}
.registration .input-box .mail-box .btn button{
    background:none;
    border:none;
    outline:none;
    width:100%;
    height:57px;
    background:url(../images/btn-alarm.png) no-repeat 0 0;
    background-size:cover;
}

.registration .agr-wrap .agr-box label {
    padding:0 0 0 28px;
}

/* 친구 초대 이벤트 */
.event .event-step ul li.complete .type01 button {
    display: block;
    content:"";
    width:117px;
    height:40px;
    position: absolute;
    top:72px;
    left:2px;
    background:url(../images/event-step-label.png) no-repeat 0 0;
}
.event .event-step ul li.complete .type02::after {
    display: block;
    content:"";
    width:117px;
    height:40px;
    position: absolute;
    top:72px;
    left:0;
    background:url(../images/event-step-label.png) no-repeat 100% 0;
}





.footer {
    height: 270px!important;
    background: #0d0d0d;
}

.footer .fp-tableCell {
    height: 270px!important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer .footer-wrap {
    display: flex;
    align-items: center;
}
.footer .fp-tableCell .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.footer .fp-tableCell .inner .img-wrap {
    width: 76px;
    height: 73px;
}

.footer .fp-tableCell .inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer .fp-tableCell .inner .copy {
    text-align: center;
    font-size: 12px;
    color: #a1a1a1;
    font-weight: 100;
}

.footer  .inner .limits {
    display: flex;
    justify-content: center;
}

.footer  .inner .limits {
    display: flex;
    margin: 0 0 0 190px;
}

.footer  .inner .limits p {
    width: 99px;
}

.footer  .inner .limits > div {
    width: 320px;
    padding: 0 0 0 38px;
}

.footer  .inner .limits > div ul {
    padding: 15px 0 0 0;
}

.footer  .inner .limits > div ul li {
    position: relative;
    text-align: left;
    font-size: 12px;
    color: #696969;
    line-height: 20px;
    padding: 0 0 3px 15px;
}

.footer  .inner .limits > div ul li::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #696969;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    border-radius: 50%;
}