.btn-s span {
    font-size: var(--font-16);
}
.btn-s.dark span {
    color:var(--color-white);
}
.btn-s .svg {
    width: 20px;
}
.pt50 {
    padding-top: var(--space-50);
}
    @media all and (max-width:1000px) {
        .btn-area .btn-s {
            height: 45px;
        }
        .pt50 {
            padding-top: var(--space-40);
        }
    }
    @media all and (max-width:640px) {
        .btn-area .btn-s span {
            font-size: var(--font-15);
        }
        .btn-area .btn-s {
            height: 38px;
        }
        .btn-area .btn-s .svg {
            width: 16px;
        }
        .pt50 {
            padding-top: var(--space-30);
        }
    }

/* 회원가입 공통 */
.member-box {
    padding: var(--space-35) var(--space-40);
    background-color: var(--color-beige);
}
.progressbar-wrap {
    position: relative;
    z-index: 1;
    background-color: var(--color-cream);
    padding: var(--space-10) var(--space-40);
    border-radius: var(--border-radius);
}
.progressbar-wrap .progressbar {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    counter-reset: step;
    z-index: 1;
}
.progressbar-wrap .progressbar li {
    position: relative;
    margin-right: var(--space-58);
    font-weight: var(--fw-bold);
}
.progressbar-wrap .progressbar li:last-of-type {
    margin-right: 0
}
.progressbar-wrap .progressbar li:after {
    content: "→";
    position: absolute;
    right: -38px;
    color: var(--color-dark);
    font-weight: var(--fw-bold);
}
.progressbar-wrap .progressbar li.active {
    color: var(--color-primary);
    font-weight: var(--fw-extrabold);
}
    /* 회원가입 공통 미디어쿼리*/
    @media all and (max-width:1200px) {
        .members aside .layout {
            flex-direction: row;
            align-items: flex-end;
        }
    }
    @media all and (max-width:1000px) {
        .member-box {
            padding: var(--space-35) var(--space-25);
        }
        .progressbar-wrap {
            margin-top: var(--space-30);
            padding: var(--space-7) var(--space-20);
        }
        .progressbar-wrap .progressbar li {
            margin-right: var(--space-30);
            font-size: var(--font-15);
        }
        .progressbar-wrap .progressbar li:after {
            right: -22px
        }
    }
    @media all and (max-width:640px) {
        .members aside .layout {
            flex-direction: column;
            align-items: flex-start;
        }
        .member-box {
            padding: var(--space-25) var(--space-15);
        }
        .progressbar-wrap {
            margin-top: var(--space-20);
        }
    }  

/* 회원가입 > 약관동의 */
.join-step1 .book-hdl {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.join-step1 .book-hdl p {
    font-weight: var(--fw-extrabold)
}
.join-step1 .agree-list .list:first-of-type {
    padding-bottom: var(--space-30);
    margin-bottom: var(--space-30);
    border-bottom: var(--border);
}
.join-step1 .surf .surf-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: var(--fw-extrabold);
}
.join-step1 .surf .surf-con {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.join-step1 .surf .surf-title .arrow {
    cursor: pointer;
}
.join-step1 .surf .surf-con .surf-txt {
    font-size: var(--font-16);
} 
.join-step1 .surf .slide {
    border-top: var(--border-dark);
    padding-top: var(--space-20)
}
.join-step1 .privacy {
    border-bottom: var(--border-dark);
    padding-bottom: var(--space-20);
    margin-bottom: var(--space-20);
}
.join-step1 .privacy h3  {
    font-size: var(--font-17);
    margin: var(--font-20) 0 var(--space-10) 0;
    padding-top: var(--font-10);
    border-top: 0
}
.join-step1 .privacy h4 {
    font-size: var(--font-15);
    margin: var(--space-30) 0 var(--space-10)
}
.join-step1 .privacy p,
.join-step1 .privacy li,
.join-step1 .privacy td,
.join-step1 .privacy th {
    font-size: var(--font-14);
}
.join-step1 .privacy table th,
.join-step1 .privacy table td {
    padding: var(--space-5) var(--space-10);
}
    /* 회원가입 > 약관동의 미디어쿼리*/
    @media all and (max-width:1000px) {
        .join-step1 .surf .surf-con {
            flex-direction: column;
            align-items: flex-start;
        }
        .join-step1 .agree-list .list:first-of-type {
            padding-bottom: var(--space-20);
            margin-bottom: var(--space-20);
        }
        .join-step1 .surf .surf-con .surf-txt {
            margin-bottom: var(--space-15)
        }
    }
    @media all and (max-width:640px) {
        .join-step1 .book-hdl {
            flex-direction: column;
            align-items: flex-start;
            margin-bottom: var(--space-20)
        }
        .join-step1 .book-hdl p {
            margin-bottom: var(--space-10)
        }
        .join-step1 .surf .surf-con .surf-txt {
            font-size: var(--font-14);
            margin-bottom: var(--space-15)
        }
        .join-step1 .surf .surf-title svg {
            width: 18px;
        }
        .join-step1 .privacy h3  {
            font-size: var(--font-16);
        }
        .join-step1 .privacy ul,
        .join-step1 .privacy ol,
        .join-step1 .privacy p.column-frst {
            margin-top: var(--space-5)
        }
        .join-step1 .privacy li>ul,
        .join-step1 .privacy li>ol {
            margin-bottom: var(--space-5)
        }
        .join-step1 .privacy li {
            position: relative;
            margin-bottom: var(--space-5)
        }
        
    }


/*회원가입완료*/
.welcome-txt {
    text-align: center;
}
.welcome-title {
    display: flex;
    flex-direction: column;
}
.welcome-txt strong {
    font-size: 45px;
    font-weight: 100;
}
.welcome-txt p span {
    font-size: inherit;
}
    @media all and (max-width:1000px) {

        .welcome-txt {
            margin-top: 60px;
        }
    }
    @media all and (max-width:640px) {
        .welcome-txt {
            margin-top: 34px;
        }
        .welcome-txt strong {
            font-size: 35px;
        }
        .welcome-txt p {
            margin-top: 16px;
            font-size: 14px;
        }
    }


/*로그인*/
.login .btn-area {
    margin-top: var(--space-40)
}
.login .btn-area .btn {
    width: 150px;
    padding: 0 !important
}
.login .input-area .input-btn {
    background-color: var(--color-cream);
    border: none;
    color: var(--color-dark);
    font-weight: var(--fw-bold);
}
.login .input-area .input-btn:hover {
    background-color: var(--color-dark);
    color: var(--color-white);
}
.login .social-login {
    border-top: var(--border);
}
.login .social-login h4 {
    font-weight: var(--fw-extrabold);
}
.login .social-login-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 var(--space-40);
}
.login .social-login-box a {
    display: flex;
    justify-content: space-between;
    color: var(--color-white);
    font-size: var(--font-16);
    font-weight: var(--fw-bold);
    padding: var(--space-18) var(--space-35)
}
.login .social-login-box a svg {
    width: 20px;
}
.login .social-login-box a svg circle {
    fill: var(--color-white)
}
.login .social-login-box .naver {
    background-color: #00C73C;
    border: 1px solid #00C73C;
}
.login .social-login-box .naver svg path {
    stroke: #00C73C;
}
.login .social-login-box .naver:hover {
    border: 1px solid #00C73C;
    background-color: var(--color-white);
    color: #00C73C;
}
.login .social-login-box .kakao {
    background-color: #FFCE00;
    color: #3C1D1E
}
.login .social-login-box .kakao svg path {
    stroke: #3C1D1E;;
}
.login .social-login-box .kakao:hover {
    border: 1px solid #FFCE00;
    background-color: var(--color-white);
}
.login .social-login-box .google {
    background-color: #1A73E8;
}
.login .social-login-box .google svg path {
    stroke: #1A73E8;
}
.login .social-login-box .google:hover {
    border: 1px solid #1A73E8;
    background-color: var(--color-white);
    color: #1A73E8;
}   
    /* 로그인 미디어쿼리 */
    @media all and (max-width:1200px) {
        .login .social-login-box a {
            padding: var(--space-18) var(--space-30);
        }
    }
    @media all and (max-width:1000px) {
        .login .btn-area {
            margin-top: var(--space-30)
        }
        .login .btn-area .btn {
            width: 130px;
        }
        .login .social-login-box {
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 0 var(--space-15);
        }
        .login .social-login-box a {
            height: 50px;
            display: flex;
            align-items: center;
            font-size: var(--font-15);
            font-weight: var(--fw-bold);
            padding: 0 var(--space-20)
        }
        
    }
    @media all and (max-width:640px) {
        .login .btn-area {
            margin-top: var(--space-20)
        }
        .login .btn-area .btn {
            width: 120px;
        }
        .login .social-login-box {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-5) var(--space-15);
        }
        .login .social-login-box a {
            height: 45px;
            padding: 0 var(--space-15)
        }
        .login .social-login-box a svg {
            width: 18px;
        }
    }

.find-info {
    margin: 20px auto 0;
}
.find-info li {
    float: left;
}
.find-info li a {
    color: #444C56;
    font-size: 17px !important
}
.find-info li:first-child {
    position: relative;
}
.find-info li:first-child::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #D8DDE6;
    margin: 0 20px
}
.find-id .btn-more,
.find-pwd .btn-more {
    margin: 30px 0 0;
}
.find-id .btn-more .btn,
.find-pwd .btn-more .btn {
    width: 100%
}
/*로그인 미디어쿼리*/
@media all and (max-width:640px) {
    .member-input-wrap .input-style[type="text"] {
        height: 50px;
    }

    .member-input-wrap .input-box>label {
        margin-bottom: 5px;
    }

    .find-info li a {
        font-size: 13px !important
    }

    .login .sns {
        margin-top: 20px;
        padding: 20px 10% 0;
    }

    .login .sns ul li img {
        width: 60%;
        margin-bottom: 4px;
    }

    .login .sns ul li {
        margin: 0 10px
    }

    .btn-whole-full.btn-more a,
    .join .btn-more .btn-full,
    .join-complete .btn-more .btn-full,
    .login .btn-more .btn-full {
        font-size: 16px !important
    }

    .member-input-wrap .input-btn2 {
        width: 84px;
        font-size: 13px;
    }
}


/* 마이페이지 */
/* 마이페이지 공통 */
.mypage-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-30) var(--space-40);
    background-color: var(--color-cream);
}
.mypage-top .left-content {
    display: flex;
    align-items: center;
}
.mypage-top .left-content img {
    width: auto;
    margin-right: var(--space-10);
}
.mypage-top .left-content .member-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 86px;
    height: 30px;
    margin-left: var(--space-20);
    background-color: var(--color-white);
    border-radius: 15px;
}
.mypage-top .left-content .member-btn span {
    color: var(--color-gold);
    font-size: var(--font-14);
    font-weight: var(--fw-bold);
}
.mypage-top .right-content .dot-list {
    display: flex;
    align-items: center;
}
.mypage-top .right-content .dot-list > li {
    display: flex;
    align-items: stretch;
    margin-right: var(--space-80);
    margin-bottom: 0;
}
.mypage-top .right-content .dot-list > li:last-of-type {
    margin-right: 0;
}
.mypage-top .right-content .dot-list > li::before {
    top: 10px
}
.mypage-top .right-content .dot-list > li strong {
    display: flex;
    align-items: center;
}
.mypage-top .right-content .dot-list > li a {
    display: flex;
    justify-content: center;
    width: 50px;
    height: 30px;
    line-height: 28px;
    margin-left: var(--space-20);
    background-color: var(--color-white);
    border-radius: 15px;
}
.mypage-top .right-content .dot-list > li a span {
    color: var(--color-primary);
    font-size: var(--font-16);
    font-weight: var(--fw-bold);
}


.mypage h3.sub-title25 {
    color: var(--color-dark);
}

.mypage .classify-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mypage .right-content {
    display: flex;
    justify-items: center;
}
.mypage .classify-area {
    display: flex;
    align-items: center;
    margin-right: var(--space-20);
}
.mypage .classify-area button {
    position: relative;
    margin-right: var(--space-10);
    padding-right: var(--space-10);
}
.mypage .classify-area button:last-of-type {
    margin-right: 0;
    padding-right: 0;
}
.mypage .classify-area button::before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 1px;
    height: 17px;
    background-color: var(--color-graydb);
}
.mypage .classify-area button:last-of-type::before {
    display: none;
}
.mypage .classify-area button span {
    font-size: var(--font-15);
}
.mypage .classify-area button:hover span {
    color: var(--color-primary);
}
.mypage .search-area {
    position: relative;
    width: 220px;
}
.mypage .search-area .input-style {
    width: 100%;
    height: 40px;
    background-color: var(--color-pink);
    padding: 0 var(--space-20);
    border-radius: 20px;
    font-size: var(--font-14);
}
.mypage .search-area .input-style::placeholder {
    font-size: var(--font-14);
}
.mypage .search-area button {
    position: absolute;
    top: 50%;
    right: var(--space-20);
    transform: translateY(-50%);
}


.mypage .reservation-items {
    margin-top: var(--space-30);
}
.mypage .reservation-item {
    border: 1px solid var(--color-grayb9);
    border-width: 1px 0 1px 0;
    margin-bottom: var(--space-30);
}
.mypage .reservation-item:last-of-type {
    margin-bottom: 0;
}
.mypage .reservation-item .title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    background-color: var(--color-beige);
}
.mypage .reservation-item .title-row .btn-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74px;
    height: 30px;
    background-color: var(--color-white);
    border-radius: 15px;
    font-size: var(--font-13);
    font-weight: var(--fw-bold);
}
.mypage .reservation-item .content-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.mypage .reservation-item .content-row .reservation-info {
    display: flex;
    flex: 1 1 auto;
}
.mypage .reservation-item .content-row .img-area {
    flex-shrink: 0;
    width: 70px;
    margin-right: var(--space-35);
}
.mypage .reservation-item .content-row .info-area {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex: 1 1 auto;
}
.mypage .reservation-item .content-row .info-area .dot-list {
    display: flex;
}
.mypage .reservation-item .content-row .info-area .dot-list > li {
    margin-right: var(--space-30);
    margin-bottom: 0;
}
.mypage .reservation-item .content-row .info-area .dot-list > li:last-of-type {
    margin-right: 0;
}
.mypage .reservation-item .content-row .info-area .dot-list > li::before {
    top: 9px;
}
.mypage .reservation-item .status-row {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background-color: var(--color-grayfa);
}
.mypage .reservation-item .status-row strong {
    color: var(--color-gold);
    font-size: var(--font-15);
    font-weight: var(--fw-bold);
}


.mypage .review-items {
    margin-top: var(--space-30);
}
.mypage .review-item {
    border-bottom: 1px solid var(--color-grayb9);
}
.mypage .review-item:first-of-type {
    border-top: 1px solid var(--color-grayb9);
}
.mypage .review-item .top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-15) var(--space-40);
}
.mypage .review-item .top-row .review-info {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}
.mypage .review-item .top-row .img-area {
    flex-shrink: 0;
    width: 70px;
    margin-right: var(--space-35);
}
.mypage .review-item .content-row {
    padding: var(--space-30) var(--space-40);
}
.mypage .review-item .content-row .txt-area p {
    font-size: var(--font-15);
}
.mypage .review-item .content-row .img-area {
    display: flex;
    align-items: center;
}
.mypage .review-item .content-row .img-area .img-item {
    max-width: 130px;
    margin-right: var(--space-5);
}
.mypage .review-item .content-row .img-area .img-item:last-of-type {
    margin-right: 0;
}

    @media all and (max-width: 1400px) {
        .mypage .reservation-item .content-row .img-area {
            margin-right: var(--space-30);
        }
        .mypage .reservation-item .content-row .info-area .dot-list {
            flex-wrap: wrap;
        }
        .mypage .reservation-item .content-row .info-area .dot-list > li {
            width: 50%;
            margin-right: 0;
        }
    }
    @media all and (max-width: 1200px) {
        .mypage-top .right-content .dot-list > li {
            margin-right: var(--space-40);
        }
    }
    @media all and (max-width: 1000px) {
        .mypage-top {
            flex-wrap: wrap;
            padding: var(--space-30);
        }
        .mypage-top .left-content {
            width: 100%;
        }
        .mypage-top .left-content img {
            margin-right: var(--space-5);
        }
        .mypage-top .left-content .member-btn {
            width: 80px;
            height: 25px;
            margin-left: var(--space-15);
        }
        .mypage-top .left-content .member-btn span {
            font-size: var(--font-13);
        }
        .mypage-top .right-content {
            width: 100%;
            margin-top: var(--space-20);
        }
        .mypage-top .right-content .dot-list > li {
            margin-right: var(--space-30);
        }
        .mypage-top .right-content .dot-list > li a {
            width: 40px;
            height: 25px;
            line-height: 25px;
            margin-left: var(--space-15);
        }
        .mypage-top .right-content .dot-list > li a span {
            font-size: var(--font-15);
        }


        .mypage .classify-area {
            margin-right: var(--space-15);
        }
        .mypage .classify-area button {
            margin-right: var(--space-5);
            padding-right: var(--space-5);
        }
        .mypage .classify-area button::before {
            height: 14px;
        }
        .mypage .classify-area button span {
            font-size: var(--font-14);
        }
        .mypage .search-area {
            width: 200px;
        }
        .mypage .search-area .input-style {
            height: 35px;
            padding: 0 var(--space-15);
            font-size: var(--font-13);
        }
        .mypage .search-area .input-style::placeholder {
            font-size: var(--font-13);
        }
        .mypage .search-area button {
            right: var(--space-15);
        }


        .mypage .reservation-items {
            margin-top: var(--space-25);
        }
        .mypage .reservation-item {
            margin-bottom: var(--space-25);
        }
        .mypage .reservation-item .title-row {
            height: 45px;
        }
        .mypage .reservation-item .title-row .btn-detail {
            width: 70px;
            height: 25px;
            font-size: var(--font-12);
        }
        .mypage .reservation-item .content-row {
            flex-wrap: wrap;
        }
        .mypage .reservation-item .content-row .reservation-info {
            width: 100%;
            margin-bottom: var(--space-30);
        }
        .mypage .reservation-item .content-row .img-area {
            width: 60px;
            margin-right: var(--space-25);
        }
        .mypage .reservation-item .content-row .info-area .dot-list > li::before {
            top: 10px;
        }
        .mypage .btn-area {
            margin-left: 0;
        }
        .mypage .reservation-item .status-row {
            height: 45px;
        }
        .mypage .reservation-item .status-row strong {
            font-size: var(--font-14);
        }


        .mypage .review-items {
            margin-top: var(--space-25);
        }
        .mypage .review-item .top-row {
            padding: var(--space-10) var(--space-30);
        }
        .mypage .review-item .top-row .img-area {
            margin-right: var(--space-25);
        }
        .mypage .review-item .content-row {
            padding: var(--space-30);
        }
        .mypage .review-item .content-row .txt-area p {
            font-size: var(--font-14);
        } 
    }
    @media all and (max-width: 640px) {
        .mypage-top {
            padding: var(--space-20);
        }
        .mypage-top .left-content .member-btn {
            width: 80px;
            height: 25px;
            margin-left: var(--space-15);
        }
        .mypage-top .left-content .member-btn span {
            font-size: var(--font-13);
        }
        .mypage-top .right-content {
            margin-top: var(--space-15);
        }
        .mypage-top .right-content .dot-list {
            flex-wrap: wrap;
        }
        .mypage-top .right-content .dot-list > li {
            width: 50%;
            margin-right: 0;
        }
        .mypage-top .right-content .dot-list > li:last-of-type {
            margin-top: var(--space-5);
        }
        .mypage-top .right-content .dot-list > li::before {
            top: 9px
        }
        .mypage-top .right-content .dot-list > li a {
            width: 30px;
            height: 20px;
            line-height: 21px;
            margin-left: var(--space-10);
        }
        .mypage-top .right-content .dot-list > li a span {
            font-size: var(--font-14);
        }


        .mypage .classify-search {
            flex-wrap: wrap;
        }
        .mypage .classify-search .left-content {
            width: 100%;
        }
        .mypage .right-content {
            justify-content: space-between;
            width: 100%;
            margin-top: var(--space-15);
        }
        .mypage .classify-area {
            margin-right: 0;
        }
        .mypage .classify-area button::before {
            height: 12px;
        }
        .mypage .classify-area button span {
            font-size: var(--font-13);
        }
        .mypage .search-area {
            width: 180px;
        }
        .mypage .search-area .input-style {
            height: 30px;
            padding: 0 var(--space-10);
            font-size: var(--font-12);
        }
        .mypage .search-area .input-style::placeholder {
            font-size: var(--font-12);
        }
        .mypage .search-area button {
            right: var(--space-14);
        }


        .mypage .reservation-items {
            margin-top: var(--space-20);
        }
        .mypage .reservation-item {
            margin-bottom: var(--space-20);
        }
        .mypage .reservation-item .title-row {
            height: 40px;
        }
        .mypage .reservation-item .title-row .btn-detail {
            width: 65px;
            height: 20px;
            font-size: var(--font-11);
        }
        .mypage .reservation-item .content-row .reservation-info {
            margin-bottom: var(--space-20);
        }
        .mypage .reservation-item .content-row .img-area {
            width: 40px;
            margin-right: var(--space-20);
        }
        .mypage .reservation-item .content-row .info-area .info-title-area {
            margin-bottom: var(--space-10);
        }
        .mypage .reservation-item .content-row .info-area .dot-list > li {
            width: 100%;
        }
        .mypage .reservation-item .status-row {
            height: 40px;
        }
        .mypage .reservation-item .status-row strong {
            font-size: var(--font-13);
        }


        .mypage .review-items {
            margin-top: var(--space-20);
        }
        .mypage .review-item .top-row {
            padding: var(--space-10) var(--space-20);
        }
        .mypage .review-item .top-row .img-area {
            width: 40px;
            margin-right: var(--space-20);
        }
        .mypage .review-item .top-row .btn-area {
            margin-top: 0;
        }
        .mypage .review-item .content-row {
            padding: var(--space-20);
        }
        .mypage .review-item .content-row .txt-area p {
            font-size: var(--font-13);
        } 
    }


/* 마이페이지 - 예매 관리 - 예매 상세정보 , 
마이페이지 - 예매 관리 - 취소/환불 상세정보 */
.mypage.common-view .reservation-item .content-row .img-area {
    width: 106px;
    margin-right: var(--space-50);
}
.mypage.common-view .reservation-item .content-row .info-area .dot-list {
    flex-wrap: wrap;
}
.mypage.common-view .reservation-item .content-row .info-area .dot-list > li {
    width: 100%;
}
.mypage.common-view .table1 tr:first-of-type th,
.mypage.common-view .table1 tr:first-of-type td {
    border-top: 1px solid var(--color-grayb9);
}
.mypage.common-view .table1 tr:last-of-type th,
.mypage.common-view .table1 tr:last-of-type td {
    border-bottom: 1px solid var(--color-grayb9);
}
.mypage.common-view .table1 th {
    background-color: var(--color-beige);
    border-right: 1px solid var(--color-grayb9);
}
.mypage.common-view .table1 td.btn-table {
    display: flex;
    align-items: center;
}
.mypage.common-view .table1 td a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 25px;
    margin-left: var(--space-15);
    border: 1px solid var(--color-gold);
    border-radius: 13px;
    color: var(--color-gold);
    font-size: var(--font-12);
    font-weight: var(--fw-bold);
}
.mypage.common-view .table1 td a:hover {
    background-color: var(--color-gold);
    color: var(--color-white);
}
    @media all and (max-width: 1000px) {
        .mypage.common-view .reservation-item .content-row .img-area {
            width: 60px;
            margin-right: var(--space-30);
        }
        .mypage.common-view .table1 td a {
            width: 75px;
            height: 23px;
            margin-left: var(--space-10);
            font-size: var(--font-11);
        }
    }
    @media all and (max-width: 640px) {
        .mypage.common-view .reservation-item .content-row .img-area {
            width: 40px;
            margin-right: var(--space-20);
        }
        .mypage.common-view .table1 td a {
            width: 70px;
            height: 20px;
            margin-left: var(--space-5);
            font-size: var(--font-10);
        }
    }


/* 마이페이지 - 예매 관리 - 취소/환불 내역 */
.mypage.cancel-list .reservation-item .content-row .reservation-info {
    margin-bottom: 0;
}


/* 마이페이지 - 예매 관리 - 취소/환불 내역 상세*/
.mypage.cancel-view .reservation-item .content-row .reservation-info {
    margin-bottom: 0;
}


/* 마이페이지 - 후기 관리 - 작성 완료 리스트 */
.mypage.review-complete .review-item {
    margin-bottom: var(--space-30);
    border-top: 1px solid var(--color-grayb9);
}
.mypage.review-complete .review-item:last-of-type {
    margin-bottom: 0;
}
.mypage.review-complete .review-item .top-row {
    background-color: var(--color-beige);
}
.mypage.review-complete .review-item .top-row .img-area {
    width: 46px;
    margin-right: var(--space-20);
}
    @media all and (max-width: 1000px) {
        .mypage.review-complete .review-item {
            margin-bottom: var(--space-25);
        }
        .mypage.review-complete .review-item .top-row .img-area {
            margin-right: var(--space-15);
        }
    }
    @media all and (max-width: 640px) {
        .mypage.review-complete .review-item {
            margin-bottom: var(--space-20);
        }
        .mypage.review-complete .review-item .top-row .img-area {
            margin-right: var(--space-10);
        }
    }


/* 마이페이지 - 회원정보 - 회원정보 변경 */
.member-info-modify2 .input-box input[type="text"]:disabled {
    background-color: #F6EEED;
}
.member-info-modify2 .input-box:nth-of-type(3) input.tel{
    margin-bottom: var(--space-10);
}
.member-info-modify2 .input-box-address input.address {
    margin-bottom: var(--space-10);
}


/* 마이페이지 - 회원 탈퇴 */
.withdrawal-complete {
    padding: var(--space-70) 0;
    background-color: var(--color-beige);
}
.withdrawal-complete .complete-wrap {
    width: 90%;
    max-width: 1060px;
    margin: 0 auto;
}
.withdrawal-complete .tit-area {
    text-align: center;
}
.withdrawal-complete .tit-area img {
    width: auto;
    margin: 0 auto var(--space-25) auto;
}
.withdrawal-complete .tit-area h4 {
    font-size: var(--font-45);
}
.withdrawal-complete .dot-list > li::before {
    top: 8px;
}
    @media all and (max-width: 1000px) {
        .withdrawal-complete {
            padding: var(--space-50) 0;
        }
        .withdrawal-complete .tit-area img {
            width: 60px;
            margin: 0 auto var(--space-20) auto;
        }
        .withdrawal-complete .tit-area h4 {
            font-size: var(--font-35);
        }
    }
    @media all and (max-width: 640px) {
        .withdrawal-complete {
            padding: var(--space-40) 0;
        }
        .withdrawal-complete .tit-area img {
            width: 55px;
            margin: 0 auto var(--space-15) auto;
        }
        .withdrawal-complete .tit-area h4 {
            font-size: var(--font-25);
        }
        .withdrawal-complete .dot-list > li::before {
            top: 6px;
        }
    }