@charset "UTF-8";
:root {
    --gap-size: 4rem;
    --gap-size-m: 2rem;
    --white: #fff;
    --black: #000;
    --gray-100: #EDEDED;
    --gray-200: #D1D1D1;
    --gray-400: #9E9E9E;
    --gray-600: #666666;
    --gray-700: #777777;
    --theme:#2382FF;
    --blue: #2382FF;
    --navy: #1A4174;
    --yellow: #FEEB6B;
    --scroll-bar-color: #959594;
    --height-100vh: 100vh;
    --font-300: "SamsungOneKorean 300", sans-serif;
    --font-400: "SamsungOneKorean 400", sans-serif;
    --font-500: "SamsungOneKorean 500", sans-serif;
    --font-600: "SamsungOneKorean 600", sans-serif;
    --font-700: "SamsungOneKorean 700", sans-serif;
    --font-300c: "SamsungOneKorean 300C", sans-serif;
    --font-400c: "SamsungOneKorean 400C", sans-serif;
    --font-500c: "SamsungOneKorean 500C", sans-serif;
    --font-600c: "SamsungOneKorean 600C", sans-serif;
    --font-700c: "SamsungOneKorean 700C", sans-serif;
    --font-num-500: "samsungsharpsans", sans-serif;
    --font-num-600: "samsungsharpsans-medium", sans-serif;
    --font-num-700: "samsungsharpsans-bold", sans-serif;
}
@media screen and (min-width: 1025px) {
    :root {
        font-size: 62.5%;
    }
}
@media screen and (max-width: 1024px) {
    :root {
        font-size: 0.9766vw;
    }
}

@media screen and (max-width: 600px) {
    :root {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 486px) {
    :root {
        font-size: 2.815vw;
    }
}
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

table th {
    font-weight: normal;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #222;
}

/* change colours to suit your needs */
ins {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    font-style: italic;
    line-height: initial;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 0;
    padding: 0;
}

input, textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

input, select {
    vertical-align: middle;
}

select {
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

ul, ol, li {
    list-style: none;
}

input {
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important;
}

textarea {
    font-family: inherit;
}

input[type=button],
input[type=submit],
button {
    font-family: inherit;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    cursor: pointer;
    color: inherit;
    font-size: 1em;
}

button:active,
button:focus {
    outline: none;
}

img {
    display: inline-block;
    max-width: 100%;
    -ms-interpolation-mode: bicubic !important;
}

html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

html,
body {
    font-size: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: var(--gray-100);
}
::-webkit-scrollbar-thumb {
    background-color: var(--navy);
}
body{
    position:relative;
    height: 100%;
    background-color:#F9FDFE;
}
a {
    text-decoration: none;
    color: inherit;
}

* {
    box-sizing: border-box;
}

*:before, *:after {
    content: "";
    box-sizing: border-box;
    display: none;
}

a[href^="mailto:"] {
    color: inherit; /* 이메일 링크의 색상을 텍스트와 동일하게 설정 */
    text-decoration: none; /* 밑줄 제거 */
}

.s24{
    font-family: var(--font-num-700);
    margin-left:1rem;
}
.s24.no-ml{
    margin-left:0;
}
.no-scroll{
    overflow:hidden;
}
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position:absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    width: 100%;
    height: 11rem;
    padding-inline: 4rem;
    z-index: 3;
}

header .logo {
    width: 15.8rem;
}

nav {
    display: flex;
    align-items: center;
}
nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.8rem;
    font-family: var(--font-700);
    font-size: 1.8rem;
}
nav a.gnb__reservation{
    position:relative;
    padding-right:1.6rem;
    margin-right:1rem;
}
nav a.gnb__reservation:before{
    content:"";
    display: block;
    position: absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
    width:0.6rem;
    height:0.6rem;
    background-color:var(--theme);
    border-radius: 1rem;
}
nav a.gnb__reservation img{
    display: none;
}
nav a.gnb__service {
    display: none;
}
nav a.gnb__service.gnb__mobile{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:2rem;
}
nav a.gnb__service.gnb__mobile img{
    width:3.3rem;
    height:3.3rem;
}
footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position:relative;
    padding: 8rem 0 8rem;
    margin-top:-3rem;
    border-radius: 3rem 3rem 0 0;
    background-color: var(--theme);
    z-index: 1;
}
footer a{
    text-decoration: none;
}
footer .footer__box {
    display: flex;
    margin-bottom: 1rem;
}
footer .footer__box:last-child {
    margin-bottom: 0;
}
footer .footer__box span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    font-family: var(--font-400);
    font-size: 1.6rem;
}
footer .footer__box span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.2rem;
    margin-inline: 0.8rem;
    background-color: #fff;
}
footer .footer__box span:nth-child(1):before {
    display: none;
}
footer .footer__box span a {
    color: #ffff00;
    font-family: var(--font-600);
}
footer .copyright {
    margin-top: 2rem;
    color: var(--gray-200);
    font-family: var(--font-400);
    font-size: 1.6rem;
}
.c__title {
    margin-bottom: 0.8rem;
    color: var(--blue);
    font-family: var(--font-700);
    font-size: 2.3rem;
    line-height: 1.25;
    text-align: center;
}
.c__desc {
    font-family: var(--font-700);
    font-size: 4rem;
    text-align: center;
}

.c__card-box{
    padding:7rem;
    background-color:#fff;
    border-radius: 7rem;
    margin-top:7rem;
}
.c__card-box.transperent {
    padding-bottom:9.6rem;
    border: 2px solid #fff;
    border-radius: 7rem 7rem 7rem 7rem;
    background-color: rgba(246, 247, 251,0.76);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.m__container {
    margin-top: 8rem;
}

.c__container-event .c__card-box{
    padding-inline: 7rem;
}
.c__container-event .c__card-box figure{
    border-radius: 3rem;
    overflow: hidden;
}
.bg-sticky{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
    &:before{
        content:"";
        display: block;
        position:sticky;
        top:0;
        height: calc(var(--vh, 1vh)* 100);
        background-image: url('/src/assets/images/main/main-bg.jpg');
		background-position: center bottom;
        background-size: 1657px auto;
        background-repeat: repeat-x;
        z-index:-1;
    }
}

.m__container.mb{
    margin-bottom:4.5rem;
}
.m__container:first-child {
    margin-top: 0;
}
.m__title {
    margin-bottom: 5rem;
    font-family: var(--font-700);
    font-size: 2.6rem;
    line-height: 1.15;
}
.c__container {
    position:relative;
    width:100%;
    max-width:73rem;
    min-height: calc(var(--vh, 1vh)* 100);
    padding:15.4rem 0 49rem;
    margin:0 auto;
}

.c__container.no-pb{
    padding-bottom:0;
}
.c__container.mw1000 {
    max-width:100rem;
    padding-top:11rem;
}
.c__container.mw600 {
    max-width:60rem;

}
.m__container.no-mt {
    margin-top: 0;
}
.m__container-title {
    margin-bottom: 1.3rem;
    font-family: var(--font-700);
    font-size: 2.6rem;
    line-height: 1.15;
}
.m__container-desc {
    margin-bottom: 3.8rem;
    color: #666;
    word-break: keep-all;
    font-family: var(--font-400c);
    font-size: 1.8rem;
    line-height: 1.47;
    letter-spacing: -0.0275em;
}
.m__container-desc.no-mb {
    margin-bottom: 0;
}

.popup__wrap {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10;
}
.popup__wrap.picker_pop {
    align-items: flex-end;
    position: fixed;
    bottom: 0rem;
    left: 0;
    padding: 60px 0;
    padding-bottom: 0;
}
.popup__wrap.picker_pop .c__container{
    display:flex;
    justify-content:center;
    height:100%;
    padding:0;
}
.popup__wrap.picker_pop .popup__content{
    margin:0;
    scrollbar-width: none;
}
@keyframes calendar {
    to{transform: translateY(0%);}
    from{transform: translateY(100%);}
}
.popup__wrap.picker_pop.active .c__card-box {
    animation: calendar ease-in 0.3s forwards;
}
.popup__wrap.picker_pop .c__card-box {
    width: 90%;
    max-width: 70rem;
    border-radius: 2rem 2rem 0 0;
}
.popup__wrap .c__card-box {
    display: flex;
    flex-direction: column;
    max-width: 70rem;
    margin: 0;
    padding: 5rem;
    border-radius: 2rem;
}

.popup__wrap .c__card-box.add-height {
    min-height: 220px;
    height: 100%;
}
.popup__wrap .capture-image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup__wrap .capture-image-desc {
    margin-top: 1rem;
    font-size: 2rem;
    font-family: var(--font-400);
    text-align: center;
}
.popup__controller {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.popup__title {
    font-family: var(--font-700);
    font-size: 2.6rem;
    word-break: keep-all;
}
.popup__title.mb{
    margin-bottom:2rem;
}
.popup__controller button {
    display: block;
    width: 3rem;
    height: 3rem;
    margin-left: auto;
}
.popup__content {
    flex-grow: 1;
    margin: 3rem 0;
    overflow-y: auto;
}
.popup__content-desc {
    margin-bottom: 2rem;
    color: #666;
    font-family: var(--font-400);
    font-size: 1.8rem;
    line-height: 1.5;
    word-break: keep-all;
}
.popup__content-desc p {
    margin-bottom: 1rem;
}
.popup__content-desc p:last-child {
    margin-bottom: 0;
}
.popup__content-desc.notice {
    color: #000;
}
.popup__content table {
    margin-top: 2rem;
}
.popup__content table th {
    padding: 1.6rem;
    font-family: var(--font-400);
    font-size: 1.4rem;
    border: 1px solid #ccc;
    background-color: var(--gray-100);
}
.popup__content table td {
    padding: 1.6rem;
    color: #666;
    font-size: 1.4rem;
    word-break: keep-all;
    border: 1px solid #ddd;
}
.popup__content table td strong {
    color: var(--navy);
    font-family: var(--font-600);
    font-size: 1.6rem;
}
.popup__content table td li {
    display: flex;
    align-items: flex-start;
    margin-top: 0.5rem;
}
.popup__content table td li:first-child {
    margin-top: 0;
}
.popup__content table td li:before {
    content: "-";
    display: block;
    margin-right: 0.5rem;
    color: var(--navy);
    font-family: var(--font-600);
    font-size: 1.6rem;
}

.button {
    width: 100%;
    max-width:35.8rem;
    margin-top: 4.8rem;
    color: #666;
    font-family: var(--font-600);
    font-size: 2.2rem;
    background-color: #EDEDED;
    border: 0.2rem solid var(--gray-200);
    transition: 0.2s ease;
    padding: 2rem;
    margin:0 auto;
    border-radius: 5rem;
    display: inline-block;
    text-align: center;
    border: none;
    transition: background-color 0.1s ease;
    cursor: pointer;
}
.button.cert__btn{
    max-width:42rem;
}
.button.active {
    color: #fff;
    background-color: var(--navy);
}

.button__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:5rem;
}
.button__wrap.no-mt{
    margin-top:0;
}
.button.active {
    background-color: var(--blue);
}

.button.mw30 {
    max-width: 20rem;
}
.button.auth-btn {
    max-width: 36rem;
    color: #fff;
    font-family: var(--font-700);
    border: 2px solid var(--blue);
    background-color: var(--blue);
}

.button.location {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--navy);
}
.button.location img {
    width: 1.6rem;
    margin-right: 1rem;
}
.button.cancel {
    color: #fff;
    background-color:#BFBFBF;
}
.button.event-link {
    padding: 1rem;
    margin-top: 1.5rem;
    color: #000;
    font-family: var(--font-700);
    font-size: 1.5rem;
    border: 1px solid var(--gray-200);
    background-color: transparent;
}
.button.noTr {
    margin-top: 0;
}
.button.ticket-save{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:5rem auto 2rem;
    color:#fff;
    background-color:var(--theme);
}
.button.ticket-save img{
    width:2rem;
    margin-right:1rem;
}
.input__box {
    margin-top: 3rem;
}
.input__box > div {
    position: relative;
}
.input__box input[type=text],
.input__box input[type=tel],
.input__box input[type=password] {
    width: 100%;
    height: 6.6rem;
    padding: 1.5rem;
    font-family: var(--font-600c);
    font-size: 2rem;
    border: 2px solid var(--gray-100);
    border-radius: 1rem;
    background-color: #fff;
    transition: 0.1s ease;
}
.input__box input[type=text]::placeholder,
.input__box input[type=tel]::placeholder,
.input__box input[type=password]::placeholder {
    color: #bfbfbf;
    font-family: var(--font-500c);
    font-size: 2rem;
}
.input__box input.readonly{
    color:#666;
    background-color: #f2f2f2;
    border:2px solid #ededed;
}
.input__box input[type=text]:active, .input__box input[type=text]:focus,
.input__box input[type=tel]:active,
.input__box input[type=tel]:focus,
.input__box input[type=password]:active,
.input__box input[type=password]:focus {
    border: 2px solid var(--blue);
}
.input__box input[type=text]:focus-visible,
.input__box input[type=tel]:focus-visible,
.input__box input[type=password]:focus-visible {
    outline: none;
}
.input__box input[type=file] {
    display: none;
}
.input__box input[type=file] + label .input__file-name-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 6.6rem;
    padding: 1.5rem;
    border: 2px solid var(--gray-100);
    border-radius: 1rem;
    background-color: #fff;
    cursor: pointer;
}
.input__box input[type=file] + label .input__file-name-box .file-name {
    color: #bfbfbf;
    font-family: var(--font-500c);
    font-size: 2rem;
}
.input__box input[type=file] + label .input__file-name-box .file-attach-button {
    margin-left: auto;
    font-family: var(--font-700);
    font-size: 2rem;
}
.input__box input[type=checkbox] {
    display: none;
}
.input__box textarea {
    width: 100%;
    height: 11.2rem;
    padding: 1.5rem;
    font-family: var(--font-500c);
    font-size: 2rem;
    border: 2px solid var(--gray-100);
    border-radius: 1rem;
    background-color: #fff;
    resize: none;
}
.input__box textarea::placeholder {
    color: #bfbfbf;
    font-size: 2rem;
}
.input__box textarea:active, .input__box textarea:focus {
    border: 2px solid var(--blue);
}
.input__box textarea:focus-visible {
    outline: none;
}
.input__box.selectbox {
    margin-top: 0;
}
.input__box .click-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 100%;
    padding: 2rem 1.5rem;
    color: #fff;
    font-family: var(--font-400);
    font-size: 2rem;
    background-color: var(--blue);
    border-radius: 1rem;
}
.input__box .input__notice {
    display: none;
    margin-top: 1rem;
    color: tomato;
    font-family: var(--font-400);
    font-size: 1.4rem;
}
.input__box .input__timer-box {
    position: relative;
}
.input__box .input__timer {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 1rem 2rem;
    position: absolute;
    right: 0;
    top: 0;
    color: var(--blue);
    font-family: var(--font-400);
    font-size: 1.8rem;
}
.input__title {
    display: block;
    margin-bottom: 1.2rem;
    padding-left: 0.6rem;
    font-family: var(--font-700);
    font-size: 2rem;
    line-height: 1.3;
}
.input__agree-box {
    margin-top: 3rem;
}
.input__agree-box input[type=checkbox] {
    display: none;
}
.input__agree-box label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.input__agree-box button {
    font-family: var(--font-600);
    text-decoration: underline;
}
@media (hover: hover) {
    .input__agree-box button:hover {
        color: var(--blue);
    }
}
.input__agree-box p {
    font-family: var(--font-400);
    font-size: 1.8rem;
    cursor: pointer;
}

input:checked + label .fake__checkbox {
    background-image: url("../../assets/images/icon/ico-agree-check-on.svg");
}
input:checked + label .fake__checkbox-circle {
    background-image: url("../../assets/images/reservation/reservation-agreement-check-v2.svg");
    border: 2px solid var(--blue);
}

.fake__checkbox {
    display: block;
    width: 3rem;
    height: 2.8rem;
    margin-right: 1rem;
    background-image: url("../../assets/images/icon/ico-agree-check.svg");
    background-size: cover;
    cursor: pointer;
}

.fake__checkbox-circle {
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    border: 2px solid #ccc;
    border-radius: 50%;
    background-size: cover;
    cursor: pointer;
}

.notice__list {
    margin-top: 2.5rem;
}
.notice__list.mb{
    margin-bottom:3.8rem;
}
.notice__item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 1rem;
    color: #666;
    font-family: var(--font-400c);
    font-size: 1.7rem;
    line-height: 1.44;
    word-break: keep-all;
}
.notice__item.no-mt{
    margin-top:0;
}
.notice__item:first-child {
    margin-top: 0;
}
.notice__item.marker:before {
    content: "-";
    display: block;
    margin-right: 0.25rem;
}
.notice__item.color{
    display:flex;
    justify-content:center;
    padding:0.3rem 0 ;
    color:#000;
    font-family: var(--font-500c);
    background-color:#ECEDFF;
    border-radius:2rem;
}

.input__flex-box{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    & span{
        padding:0 1.2rem;
        font-family:var(--font-700c);
        font-size:2rem;
    }
    & div{
        flex:1;
    }
}


@media screen and (max-width: 600px) {
    body{
        background-color:#fff;
    }
    .bg-sticky{
        top:1rem;
        height:49rem;
        &:before{
            height:100%;
            background-image: url('/src/assets/images/reservation/reservation-bg.jpg');
            background-size: cover;
            background-position: center bottom;
        }
    }
    .step .bg-sticky{
        height:47.5rem;
    }

    .completed .bg-sticky{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 100%;
        z-index: -1;
        &:before{
            content:"";
            display: block;
            background-image: url('/src/assets/images/reservation/reservation-complete-bg.jpg');
            background-size: contain;
            background-position: center top;
            background-repeat: repeat-x;
            z-index:-1;
        }
    }
    .complete__event-banner{
        box-shadow: 0px 0px 13.6px rgba(0, 0, 0, 0.1);
    }

    .privacy .bg-sticky{
        height:46.6rem;
    }
    header{
        height:8.3rem;
        padding-inline:1.5rem;
    }
    header .logo{
        width:10rem;
    }
    nav a{
        height:4rem;
        padding:0 1.5rem;
        font-size:1.47rem;
    }
    nav a.gnb__reservation{
        padding-right:1.03rem;
        margin-right:0.59rem;
    }
    nav a.gnb__reservation:before{
        width:0.44rem;
        height:0.44rem;
    }
    nav a.gnb__reservation img{
        width:1.5rem;
    }

    nav a.gnb__search{
        padding-inline: 0;
        margin-right:1.17rem;
    }
    nav a.gnb__service.gnb__mobile{
        padding:0;
        margin-left:0rem;
    }
    nav a.gnb__service.gnb__mobile img{
        width:2.42rem;
        height:2.42rem;
    }
    footer{
        padding: 6rem 0 8rem;
        border-radius: 2rem 2rem 0 0;
        margin-top:-2rem;
    }
    footer .footer__box span{
        font-size:1.2rem;
    }
    footer .copyright{
        font-size:1.2rem;
    }
    .c__container{
        min-height:100%;
        padding: 10.4rem 0 5rem;
    }
    .c__title{
        font-size:1.7rem;
    }
    .c__desc {
        font-size: 2.1rem;
    }
    .c__card-box {
        padding: 5rem 1.9rem 10rem;
        margin-top: 20.91rem;
        border-radius: 3rem 3rem 0 0;
    }

    .c__container-event .c__card-box{
        margin-top: 4.91rem;
        padding-inline: 1.9rem;
        padding-block:3rem;
        border-radius: 2rem;
    }

    .notice__item{
        font-size:1.3rem;
    }
    .button{
        display: flex;
        align-items: center;
        justify-content: center;
        max-width:16.8rem;
        height:5rem;
        padding:1rem;
        font-size:1.5rem;
    }
    .button.cert__btn{
        max-width:29rem;
    }
    .button.ticket-save{
        display: flex;
        align-items: center;
        justify-content: center;
        max-width:100%;
        height:5.7rem;
        padding:1rem;
        font-size:1.8rem;
        margin-top:1.5rem;
    }
    .m__container{
        margin-top:6rem;
    }
    .m__container-title {
        font-size: 1.9rem;
    }
    .m__container-desc {
        font-size: 1.3rem;
    }
    .m__title{
        margin-bottom:2.3rem;
        font-size:2rem;
    }
    .input__title{
        font-size: 1.3rem;
    }

    .popup__wrap{
        padding:3rem 0;
    }
    .popup__title{
        font-size:1.9rem;
    }
    .popup__title.mb{
        margin-bottom:1rem;
    }
    .popup__controller button{
        width:2.2rem;
    }
    .popup__content{
        margin:2rem 0;
    }
    .popup__content-desc{
        font-size:1.5rem;
    }
    .popup__content-desc p {
        font-size: 1.5rem;
    }
    .popup__content table th{
        font-size:1rem;
    }
    .popup__content table td,
    .popup__content table td strong{
        font-size:1.2rem;
    }

    .popup__wrap .c__card-box {
        left:0;
        width:100%;
        padding:3rem;
    }
    .popup__wrap.picker_pop .c__card-box{
        width:100%;
    }

    .input__box input[type=file] + label .input__file-name-box,
    .input__box input[type=text], .input__box input[type=tel], .input__box input[type=password]{
        height:5rem;
        font-size:1.5rem;
        border-radius: 1rem;
    }
    .input__box textarea {
        color:#000;
        font-size: 1.5rem;
    }
    .input__box input[type=text]::placeholder,
    .input__box input[type=tel]::placeholder,
    .input__box input[type=password]::placeholder,
    .input__box textarea::placeholder,
    .input__box input[type=file] + label .input__file-name-box .file-name{
        font-size:1.5rem;
    }
    .input__box input[type=file] + label .input__file-name-box .file-attach-button{
        font-size:1.5rem;
    }
    .input__box{
        margin-top:2rem;
    }
    .fake__checkbox{
        width:2.2rem;
        height:2.1rem;
    }
    .input__agree-box p{
        font-size:1.3rem;
    }
    .input__box .click-button{
        font-size:1.5rem;
    }
    .c__card-box.transperent.type-2{
        padding:5rem 3.86rem;
        margin-bottom:6rem;
        margin-top:0;
        background-color:transparent;
        border:none;
    }
}
@media  screen and (max-width:486px) {
    .bg-sticky{
        height:42rem;
    }
    .c__container{
        padding-top:9.21rem;
    }
}
/*# sourceMappingURL=common.css.map */