@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

a {
    text-decoration: none;
}

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
    margin: 0;
    padding: 0;
}

body,
input,
textarea,
select,
button,
table {
    font-family: Pretendard, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.mo {
    display: none !important;
}

.event_adopt {
    position: relative;
}

    .event_adopt img {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

.kakao-link,
.overlay-item {
    position: absolute;
    display: block;
    z-index: 10;
    box-sizing: border-box;
}

.purchase-link {
    cursor: pointer;
    background: transparent;
}

.inquiry-form {
    display: flex;
    flex-direction: column;
    gap: var(--privacy-gap, 10px);
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    overflow: hidden;
}

.inquiry-form-fields {
    display: flex;
    align-items: stretch;
    gap: 2.4%;
    flex: 0 0 var(--field-height, auto);
    height: var(--field-height, auto);
    min-height: 0;
}

    .inquiry-form-fields input,
    .inquiry-form-fields button {
        box-sizing: border-box;
        margin: 0;
        padding: 0 0.6em;
        height: 100%;
        border: var(--field-border, 1px) solid #185ef4;
        border-radius: var(--field-radius, 12px);
        font-family: Pretendard, sans-serif;
        font-size: 1em;
        line-height: 1.2;
        outline: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .inquiry-form-fields input {
        flex: 158 1 0;
        min-width: 0;
        background: #fff;
        color: #222;
    }

        .inquiry-form-fields input:nth-of-type(1) {
            flex: 158 1 0;
        }

        .inquiry-form-fields input:nth-of-type(2) {
            flex: 270 1 0;
        }

        .inquiry-form-fields input::placeholder {
            color: rgba(34, 34, 34, 0.5);
        }

    .inquiry-form-fields button {
        flex: 87 1 0;
        min-width: 0;
        padding: 0;
        border: 0;
        border-radius: var(--field-radius, 12px);
        background: #006efd;
        color: #fff;
        font-weight: 400;
        cursor: pointer;
    }

.privacy-consent {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    gap: var(--privacy-label-gap, 4px);
    color: #333;
    display: flex;
    flex-direction: column;
}

.privacy-consent-label {
    display: flex;
    align-items: center;
    gap: 0.2em;
    cursor: pointer;
    flex: 0 0 auto;
}

    .privacy-consent-label input[type="checkbox"] {
        flex: 0 0 var(--privacy-checkbox-size, 16px);
        width: var(--privacy-checkbox-size, 16px);
        height: var(--privacy-checkbox-size, 16px);
        margin: 0;
        padding: 0;
        border: var(--field-border, 1px) solid #666;
        border-radius: 3px;
        background: #fff;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        position: relative;
        flex-shrink: 0;
    }

        .privacy-consent-label input[type="checkbox"]:checked {
            border-color: #006efd;
            background: #006efd;
        }

            .privacy-consent-label input[type="checkbox"]:checked::after {
                content: "";
                position: absolute;
                left: 50%;
                top: 46%;
                width: 28%;
                height: 50%;
                border: 2px solid #fff;
                border-top: 0;
                border-left: 0;
                transform: translate(-50%, -55%) rotate(45deg);
                box-sizing: border-box;
            }

.privacy-consent-title {
    font-size: var(--privacy-title-size, 11px);
    font-weight: 600;
    line-height: var(--privacy-line-height, 1.55);
    color: #222;
}

.privacy-consent-detail {
    list-style: none;
    flex: 1 1 0;
    min-height: 0;
    max-height: var(--privacy-detail-max-height, none);
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    .privacy-consent-detail li {
        font-size: var(--privacy-detail-size, 10px);
        line-height: var(--privacy-line-height, 1.55);
        color: #555;
        word-break: keep-all;
    }

        .privacy-consent-detail li + li {
            margin-top: var(--privacy-item-gap, 4px);
        }

.privacy-consent-error {
    margin: 0.35em 0 0;
    flex: 0 0 auto;
    font-size: var(--privacy-detail-size, 10px);
    line-height: var(--privacy-line-height, 1.55);
    color: #e53935;
    font-weight: 500;
}

    .privacy-consent-error[hidden] {
        display: none;
    }

.event_adopt .video_wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

    .event_adopt .video_wrap > video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        background: #000;
    }

@media screen and (max-width: 767px) {
    .pc {
        display: none !important;
    }

    .mo {
        display: block !important;
    }

    .inquiry-form {
        z-index: 20;
    }

    .inquiry-form-fields input,
    .inquiry-form-fields button {
        font-size: 1em;
    }

    .privacy-consent {
        gap: var(--privacy-label-gap, 6px);
        background: #fff;
        border-radius: 6px;
        padding: var(--privacy-panel-padding, 7px);
    }

    .privacy-consent-detail {
        background: transparent;
    }

        .privacy-consent-detail li + li {
            margin-top: var(--privacy-item-gap, 5px);
        }
}