@charset "utf-8";

/* 언어별 라벨 정의 */
:root:lang(ko) { --soldout-label: "사용 완료"; }
:root:lang(en) { --soldout-label: "Used Ticket"; }

* {
    box-sizing: border-box;
    font-family: 'PretendardR';
}

html {
    width: 100%;
    height: 100%;
    display: flex;
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

button {
    cursor: pointer;
}

@font-face {
    font-family: 'PretendardR';
    font-style: normal;
    font-weight: 400;
    src: url('../font/Pretendard-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'PretendardM';
    font-style: normal;
    font-weight: 400;
    src: url('../font/Pretendard-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'PretendardB';
    font-style: normal;
    font-weight: 400;
    src: url('../font/Pretendard-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'PretendardSB';
    font-style: normal;
    font-weight: 400;
    src: url('../font/Pretendard-SemiBold.otf') format('opentype');
}

.cont_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* text-align: center; */
    height: calc(100% - 81px);
    overflow-y: auto;
}

.pd_st1 {
    padding: 0 20px;
}

.pd_b_st1 {
    padding-bottom: 21px;
}

.pd_b_btnNum1 {
    padding-bottom: 102px;
}

.pd_t_st1 {
    padding-top: 44px;
}

.top_area_wrap_st1 {
    width: 100%;
    min-height: 44px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-left: 10px;
    position: relative;
}

.arrow_btn_st1 {
    width: 8px;
    height: 16px;
    display: flex;
    background: url('../images/Icon/arrow_btn_st1.svg')no-repeat;
    background-size: cover;
}

.tit_st1 {
    width: auto;
    height: auto;
    /*font-size: 13px;*/
    font-size: min(3.465vw, 13px);
    color: #6D6D6D;
    word-break: break-all;
    line-height: 1;
    display: flex;
    text-decoration: none;
}

.tit_st2 {
    width: auto;
    height: auto;
    /* font-size: 12px; */
    font-size: min(3.2vw, 12px);
    color: #6D6D6D;
    word-break: break-all;
    line-height: 1;
    display: flex;
    background: #fff;
    z-index: 1;
    padding: 0 8px;
    text-decoration: none;
}

.tit_st3 {
    width: auto;
    height: auto;
    /*font-size: 16px;*/
    font-size: min(4.265vw, 16px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 130%;
    font-family: 'PretendardSB' !important;
    text-decoration: none;
}

.main_wrap {
    padding-top: 80px;
    padding-bottom: 40px;
    /* min-height: 100vh; */
}

.tit_st4 {
    width: auto;
    height: auto;
    /*font-size: 16px;*/
    font-size: min(4.1vw, 16px);
    color: #6D6D6D;
    word-break: break-all;
    line-height: 1.05;
    text-decoration: none;
}

.tit_st5 {
    width: auto;
    height: auto;
    /* font-size: 16px; */
    font-size: min(4.1vw, 16px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}

.tit_st6 {
    width: auto;
    height: auto;
    font-size: min(4.1vw, 13px);
    color: #3D3D3D;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}

.tit_st7 {
    width: auto;
    height: auto;
    /*font-size: 10px;*/
    font-size: min(2.665vw, 10px);
    color: #ED2D2D;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}

.tit_st8 {
    width: auto;
    height: auto;
    /*font-size: 12px;*/
    font-size: min(3.2vw, 12px);
    color: #ED2D2D;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}

.tit_st9 {
    width: auto;
    height: auto;
    /*font-size: 12px;*/
    font-size: min(3.2vw, 12px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}

.tit_st10 {
    width: auto;
    height: auto;
    font-size: min(4vw, 13px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}


.top_area_wrap_st1 .arrow_btn_st1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.login_logo {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 50px;
}

.login_logo a {
    width: auto;
    height: auto;
}

.login_logo img {
    width: clamp(205px, 13.28vw, 255px);
    max-width: 100%;
    height: auto;
    display: flex;
}

.login_form_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.row_wrap {
    width: 100%;
    height: auto;
    display: flex;
}

.input_st1 {
    width: 100%;
    height: 36px;
    border: none;
    border-bottom: 1px solid #D1D1D1;
    padding-left: 8px;
    font-size: min(4.1vw, 13px);
    outline: none;
    color: #1C1C1C;
}

.input_st1::placeholder {
    color: #D1D1D1;
}

.select_st1 {
    width: 100%;
    height: 36px;
    border: none;
    border-bottom: 1px solid #D1D1D1;
    padding-left: 8px;
    font-size: min(4.1vw, 16px);
    outline: none;
    color: #1C1C1C;
}

.login_form_wrap .row_wrap:not(.login_option_wrap) {
    margin-bottom: 40px;
}

.login_form_wrap .row_wrap:not(.login_option_wrap):last-child {
    margin-bottom: 0 !important;
}

.login_option_wrap {
    margin-top: 20px;
    margin-bottom: 80px;
    justify-content: space-between;
}

.chk_wrap {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

input.chk_st1[type=checkbox] {
    display: none;
}

input.chk_st1[type="checkbox"] {
    width: 18px;
    height: 18px;
}

input.chk_st1[type=checkbox]+label {
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url('../images/Icon/chk_st1.svg')no-repeat;
    background-size: cover;
}

input.chk_st1[type=checkbox]:checked+label {
    background: url('../images/Icon/chk_st1_on.svg') no-repeat !important;
    background-size: cover !important;
}

.chk_wrap input.chk_st1[type=checkbox]+label {
    margin-right: 4px;
}

.login_option_wrap .login_option {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}

.login_option_wrap .login_option .tit_st1 {
    padding: 0 9px;
    position: relative;
}

.login_option_wrap .login_option .tit_st1:last-child {
    padding-right: 0;
}

.login_option_wrap .login_option .tit_st1:first-of-type::after {
    content: "";
    width: 1px;
    height: 12px;
    background: #6D6D6D;
    border-radius: 1px;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    position: absolute;
}

.btn_wrap {
    display: flex;
    height: auto;
}

.join_btn_wrap {
    width: 100%;
    height: auto;
    flex-direction: column;
    margin-bottom: 40px;
}

.btn_st1 {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    background: #1C1C1C;
    border: 1px solid #1C1C1C;
    color: #fff;
    font-size: min(4vw, 15px);
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-top: 10px;
}

.btn_st2 {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #1C1C1C;
    color: #1C1C1C;
    /*font-size: 15px;*/
    font-size: min(4vw, 15px);
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-top: 10px;
}

.btn_st3 {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    background: #D1D1D1;
    border: 1px solid #D1D1D1;
    color: #fff;
    font-size: min(4vw, 15px);
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.btn_st3.on {
    background: #1C1C1C !important;
    border: 1px solid #1C1C1C !important;
}

.btn_st4 {
    width: 100%;
    height: 34px;
    border-radius: 4px;
    background: #E7E7E7;
    border: 1px solid #E7E7E7;
    color: #1C1C1C;
    font-size: min(4vw, 15px);
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.btn_st5 {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #D1D1D1;
    color: #1C1C1C;
    /*font-size: 15px;*/
    font-size: min(4vw, 15px);
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.btn_st5.on {
    background: #E7E7E7 !important;
    border: 1px solid #1C1C1C !important;
}

.txt_btn_st1 {
    width: auto;
    height: auto;
    /*font-size: 13px;*/
    font-size: min(3.465vw, 13px);
    color: #6D6D6D;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.join_btn_wrap button {
    margin-bottom: 12px;
}

.join_btn_wrap button:last-child {
    margin-bottom: 0 !important;
}

.join_sns_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #fff;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 0;
    align-items: center;
}

.join_sns_wrap .tit_area {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
    background: #fff;
}

.join_sns_wrap .tit_area::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #B0B0B0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.join_sns_list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.join_sns_wrap .sns_btn {
    width: max(3.125vw, 60px);
    height: max(3.125vw, 60px);
    outline: none;
    border: none;
}

.sns_btn.apple {
    background: url(../images/Icon/sns_apple.svg)no-repeat;
    background-size: cover;
}

.sns_btn.kakao {
    background: url(../images/Icon/sns_kakao.svg)no-repeat;
    background-size: cover;
}

.sns_btn.naver {
    background: url(../images/Icon/sns_naver.svg)no-repeat;
    background-size: cover;
}

.sns_btn.google {
    background: url(../images/Icon/sns_google.svg)no-repeat;
    background-size: cover;
}

.login_wrap {
    width: clamp(380px, 20.833vw, 400px);
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: clamp(20px, 2.083vw, 40px);
    box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.08);
    background: #fff;
    border-radius: 4px;
    margin: auto;
}

.join_wrap {
    width: clamp(500px, 28.645vw, 550px);
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: clamp(20px, 2.083vw, 40px);
    box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.08);
    background: #fff;
    border-radius: 4px;
    margin: auto;
}

.bottom_join_wrap {
    width: 400px;
    height: 261px;
    display: flex;
    flex-direction: column;
    position: fixed;
    /* outline: 1px solid red; */
    left: 0;
    right: 0;
    top: inherit;
    bottom: -240px;
    margin: auto;
    z-index: 10;
    background: #fff;
    transition: bottom .45s;
}

.bottom_join_wrap .join_box {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding-top: 21px;
    position: relative;
    justify-content: space-between;
}

.bottom_join_wrap .top_area {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 12.5px 0;
    margin-bottom: 20px;
}

.close_btn_st1 {
    width: 20px;
    height: 20px;
    background: url('../images/Icon/close_btn_st1.svg')no-repeat;
    background-size: cover;
    outline: none;
    border: none;
}

.bottom_join_wrap .top_area .close_btn_st1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
}

.bottom_join_wrap .join_box::after {
    content: "";
    width: min(37.07vw, 139px);
    height: 5px;
    border-radius: 100px;
    background: #000;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: auto;
}

.bottom_join_wrap .join_sns_wrap {
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}

.bottom_join_wrap .trigger {
    width: 100%;
    height: 21px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.bg_st1 {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 60%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    display: none;
}

.bg_st1.on {
    display: flex !important;
}

.bottom_join_wrap.on {
    display: flex !important;
    bottom: 0 !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.join_box .join_other_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.jfy_center {
    display: flex;
    justify-content: center !important;
}

.jfy_between {
    justify-content: space-between !important;
}

.top_area_wrap_st1.fixed_st {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 40px);
    padding: 0;
    background: #fff;
}

.top_area_wrap_st1.jfy_center {
    justify-content: center;
}

.guide_txt_wrap {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.chklist_st1_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}

.chklist_st1_wrap .row_wrap {
    width: 100%;
    height: 36px;
    align-items: center;
}

.chklist_st1_wrap .top_area {
    border-bottom: 1px solid #B0B0B0;
    margin-bottom: 4px;
}

.bottom_btn_wrap {
    width: calc(100% - 40px);
    height: auto;
    padding: 20px 0;
    background: #fff;
    position: fixed;
    bottom: 21px;
    left: 0;
    right: 0;
    margin: auto;
}

.flx_column {
    flex-direction: column !important;
}

.form_st1_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 24px 0 20px 0;
}

.form_st1_wrap .form_st1 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}

.form_st1_wrap .form_st1:last-child {
    margin-bottom: 0 !important;
}

.form_st1_wrap .form_st1 .tit_area {
    margin-bottom: 12px;
}

.form_st1_wrap .form_st1 .tit_area.st2 {
    flex-direction: column;
    align-items: flex-start;
}

.form_st1_wrap .form_st1 .tit_area.st2 span {
    margin-bottom: 8px;
}

.form_st1_wrap .form_st1 .tit_area.st2 span:last-child {
    margin-bottom: 0 !important;
}

.form_st1_wrap .form_area .row_wrap {
    margin-bottom: 8px;
}

.form_st1_wrap .form_area .row_wrap:last-child {
    margin-bottom: 0 !important;
}

.form_st1_wrap .row_wrap {
    align-items: center;
}

.form_st1_wrap .symbol {
    margin: 0 10.5px;
}

.input_wrap_st1 {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
}

.input_wrap_st1 .input_st1 {
    padding-right: 30px;
}

.input_wrap_st1.eye::after {
    content: "";
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4px;
    margin: auto;
    background: url('../images/Icon/eye.svg')no-repeat;
    background-size: cover;
    cursor: pointer;
}

.input_wrap_st1.eye.off::after {
    background: url('../images/Icon/eye_closed.svg')no-repeat;
    background-size: cover;
}

.mgR_8 {
    margin-right: 8px;
}

.mgV_20 {
    margin: 20px 0;
}

.align_end {
    align-items: flex-end !important;
}

.align_center {
    align-items: center !important;
}

.align_box {
    width: 100%;
    height: auto;
    display: flex;
}

.btn_w_op1 {
    min-width: 87px;
    width: min(30vw, 87px);
}

.btn_w_op2 {
    min-width: 77px;
    width: min(27.5vw, 77px);
}

.input_st1:valid {
    border-bottom: 1px solid #1C1C1C !important;
}

.input_st1:read-only {
    border-bottom: 1px solid #1C1C1C !important;
}

.input_st1.chk_on {
    color: #ED2D2D !important;
    border-bottom: 1px solid #ED2D2D !important;
}

/*.input_st1:user-invalid {
  border-bottom: 1px solid red !important;
}*/


.select_st1.on {
    border-bottom: 1px solid #1C1C1C !important;
}

.box_st1 {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    background: #F6F6F6;
    border-radius: 4px;
    padding: 20px;
}

.box_st2 {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}


.input_wrap_st1.time_st .input_st1 {
    padding-right: 35px;
}

.input_wrap_st1.time_st .time {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.input_st1.color_op1 {
    background: #F6F6F6 !important;
}

.form_area .row_wrap.chk_st {
    display: none;
}

.form_area .row_wrap.chk_st.on {
    display: flex !important;
}

.form_area .row_wrap.sub_form {
    display: none;
}

.form_area .row_wrap.sub_form.on {
    display: flex !important;
}

.form_st1_wrap.mgB_st1 .form_st1 {
    margin-bottom: 40px;
}

.txt_center {
    text-align: center !important;
}


/*======20241017 추가======*/
.join_box .join_other_wrap {
    margin-bottom: 20px;
}

.bottom_join_wrap .top_area {
    padding-left: 20px;
    padding-right: 20px;
}

.join_sns_wrap .tit_st2 {
    max-width: 90%;
}

.btn_st1 {
    padding: 5px;
}

.btn_st2 {
    padding: 5px;
}

.btn_st3 {
    padding: 5px;
}

.btn_st4 {
    padding: 5px;
}

.btn_st5 {
    padding: 5px;
}

.login_option_wrap .login_option .tit_st1:first-child {
    padding-left: 0 !important;
}

.login_form_wrap .chk_wrap {
    max-width: 30%;
    flex-shrink: 0;
}

.login_form_wrap .login_option {
    min-width: 70%;
    justify-content: flex-end;
}

.login_option_wrap .login_option .tit_st1 {
    flex-shrink: 0;
    max-width: 50%;
}

.tit_st5 {
    font-size: min(4.265vw, 16px);
}

.top_area_wrap_st1.fixed_st {
    z-index: 1;
}

.tit_st2 {
    padding: 0;
}

.join_sns_wrap .tit_st2 {
    padding: 0 8px;
}

input.chk_st1[type=checkbox]+label {
    min-width: min(4.8vw, 18px);
    height: min(4.8vw, 18px);
    width: min(4.8vw, 18px);
    height: min(4.8vw, 18px);
}

.txt_btn_st1 {
    white-space: nowrap;
}

.chklist_st1_wrap .row_wrap {
    height: auto;
    padding: 8px 0;
}


.txt_btn_st2 {
    width: auto;
    height: auto;
    /* font-size: 16px; */
    font-size: min(4.265vw, 16px);
    color: #ED2D2D;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    white-space: nowrap;
    text-decoration: none;
}

.txt_btn_st3 {
    width: auto;
    height: auto;
    /* font-size: 16px; */
    font-size: min(4.265vw, 16px);
    color: #B0B0B0;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    white-space: nowrap;
    text-decoration: none;
}

.mypage_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    outline: 1px solid red;
    position: relative;
}

.mypage_wrap .mp_top_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #F6F6F6;
    position: relative;
    /* outline: 1px solid blue; */
    padding-top: 20px;
    padding-bottom: 20px;
}

.mypage_wrap .user_info_wrap {
    width: 100%;
    height: auto;
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 16px;
    padding-left: 5px;
    position: relative;
    align-items: center;
    margin-bottom: 40px;
}

.mypage_wrap .user_info_wrap .icon {
    width: min(13.335vw, 50px);
    height: min(13.335vw, 50px);
    min-width: min(13.335vw, 50px);
    background: url('../images/Icon/user_icon.svg')no-repeat;
    background-size: cover;
    margin-right: min(4.5334vw, 17px);
}

.mypage_wrap .user_info_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.mypage_wrap .user_info_area .user_name_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    margin-bottom: 4px;
    align-items: center;
}

.mypage_wrap .user_info_area .txt {
    margin-right: min(3.2vw, 12px);
    width: auto;
    white-space: normal;
    /* outline: 1px solid red; */
    max-width: 50%;
    flex-shrink: 0;
}

.mypage_wrap .user_info_area .txt:last-child {
    margin-right: 0 !important;
}

.tit_st11 {
    width: auto;
    height: auto;
    /* font-size: 20px; */
    font-size: min(5.335vw, 20px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}

.tit_st12 {
    width: auto;
    height: auto;
    /* font-size: 20px; */
    font-size: min(5.335vw, 20px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 120%;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.tit_st13 {
    width: auto;
    height: auto;
    /*font-size: 12px;*/
    font-size: min(3.2vw, 12px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.mypage_wrap .user_info_area .name {
    white-space: nowrap;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 30vw;
}

.edit_btn_st1 {
    width: 16px;
    height: 16px;
    background: url('../images/Icon/edit_icon_st1.svg')no-repeat;
    background-size: cover;
    outline: none;
    border: none;
}

.mypage_wrap .user_info_wrap .edit_btn_st1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.mypage_wrap .quick_menu_wrap {
    width: 100%;
    height: auto;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
    align-items: flex-start;
}

.mypage_wrap .mp_bottom_area {
    width: auto;
    /*height: calc(100vh - 370px);
    max-height: calc(100vh - 370px);*/
    max-height: 100%;
    display: flex;
    overflow-y: auto;
    padding-top: 20px;
    /* outline: 1px solid red; */
}

.mypage_wrap .quick_menu_wrap .menu_set {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: min(8.4vw, 51.5px);
    max-width: min(17.07vw, 64px);
}

.mypage_wrap .quick_menu_wrap .menu_set:last-child {
    margin-right: 0 !important;
}

.mypage_wrap .quick_menu_wrap .menu_set a {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.mypage_wrap .quick_menu_wrap .menu_set .tit {
    max-width: 100%;
    text-align: center;
}

.mypage_wrap .quick_menu_wrap .menu_set .icon_area {
    width: min(9.6vw, 36px);
    height: min(9.6vw, 36px);
    display: flex;
    margin-bottom: 8px;
}

.mypage_wrap .quick_menu_wrap .menu_set .icon1 {
    background: url('../images/Icon/qucik_menu_icon1.svg')no-repeat;
    background-size: cover;
}

.mypage_wrap .quick_menu_wrap .menu_set .icon2 {
    background: url('../images/Icon/qucik_menu_icon2.svg')no-repeat;
    background-size: cover;
}

.mypage_wrap .quick_menu_wrap .menu_set .icon3 {
    background: url('../images/Icon/qucik_menu_icon3.svg')no-repeat;
    background-size: cover;
}

.mypage_wrap .mp_bottom_area .mp_menu_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu_st1_wrap {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu_st1_wrap .depth1_wrap {
    width: auto;
    height: auto;

    position: relative;
    padding-right: 10px;
}

.menu_st1_wrap .depth1_wrap::after {
    content: "";
    width: min(2.135vw, 8px);
    height: min(4.27vw, 16px);
    background: url('../images/Icon/arrow_btn_st2.svg')no-repeat;
    background-size: cover;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.menu_st1_wrap .depth1_wrap a {
    padding: 16.5px 0;
    display: flex;
}

.pd_b_bmenu {
    padding-bottom: 70px;
    height: 100vh;
}

.bottom_fixed_wrap {
    width: calc(100% - 40px);
    height: auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    /* outline: 1px solid red; */
    background: #fff;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
}

.bottom_fixed_wrap.op1 {
    bottom: 21px;
}

.bottom_fixed_wrap.op2 {
    bottom: 69px;
}

.bottom_menu_wrap {
    width: 100%;
    height: 48px;
    display: flex;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 22px;
    margin: auto;
    /* outline: 1px solid blue; */
    z-index: 2;
}

.bottom_menu_wrap .b_menu_list {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
}

.bottom_menu_wrap .b_menu_list .menu {
    width: min(6.4vw, 24px);
    height: min(6.4vw, 24px);
    display: flex;
    /* outline: 1px solid red; */
    margin-right: min(10.6666vw, 40px);
}

.bottom_menu_wrap .b_menu_list .menu:last-child {
    margin-right: 0 !important;
}

.bottom_menu_wrap .b_menu_list .menu1 {
    background: url('../images/Icon/bottom_menu_icon1.svg')no-repeat;
    background-size: cover;
    background-position: center;
}

.bottom_menu_wrap .b_menu_list .menu2 {
    background: url('../images/Icon/bottom_menu_icon2.svg')no-repeat;
    background-size: cover;
    background-position: center;
}

.bottom_menu_wrap .b_menu_list .menu3 {
    background: url('../images/Icon/bottom_menu_icon3.svg')no-repeat;
    background-size: cover;
    background-position: center;
}

.bottom_menu_wrap .b_menu_list .menu4 {
    background: url('../images/Icon/bottom_menu_icon4.svg')no-repeat;
    background-size: cover;
    background-position: center;
}

.bottom_menu_wrap .b_menu_list .menu1.on {
    background: url('../images/Icon/bottom_menu_icon1_on.svg')no-repeat;
    background-size: cover;
    background-position: center;
}

.bottom_menu_wrap .b_menu_list .menu2.on {
    background: url('../images/Icon/bottom_menu_icon2_on.svg')no-repeat;
    background-size: cover;
    background-position: center;
}

.bottom_menu_wrap .b_menu_list .menu3.on {
    background: url('../images/Icon/bottom_menu_icon3_on.svg')no-repeat;
    background-size: cover;
    background-position: center;
}

.bottom_menu_wrap .b_menu_list .menu4.on {
    background: url('../images/Icon/bottom_menu_icon4_on.svg')no-repeat;
    background-size: cover;
    background-position: center;
}

.bottom_menu_wrap .b_menu_list .menu a {
    width: 100%;
    height: 100%;
}

.list_st2_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.list_st2_wrap .tit_area {
    padding: 12px 0;
}

.list_st2_wrap .list_area {
    width: 100%;
    height: auto;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.list_st2_wrap .sns_list {
    flex-direction: row;
    margin-bottom: 8px;
}

.list_st2_wrap .list_area .list_set {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-right: min(4.9vw, 18px);
    justify-content: flex-start;
    align-items: center;
}

.list_st2_wrap .sns_list .list_set {
    width: max(16vw, 60px);
}

.list_st2_wrap .list_area .list_set a {
    width: auto;
    height: auto;
    display: flex;
    text-decoration: none;
}

.list_st2_wrap .list_area .icon_area {
    margin-bottom: 12px;
}

.sns_list .sns_icon {
    width: min(16vw, 60px);
    height: min(16vw, 60px);
    outline: none;
    border: none;
    display: flex;
}

.sns_icon.apple {
    background: url('../images/Icon/sns_apple.svg')no-repeat;
    background-size: cover;
}

.sns_icon.kakao {
    background: url('../images/Icon/sns_kakao.svg')no-repeat;
    background-size: cover;
}

.sns_icon.naver {
    background: url('../images/Icon/sns_naver.svg')no-repeat;
    background-size: cover;
}

.sns_icon.google {
    background: url('../images/Icon/sns_google.svg')no-repeat;
    background-size: cover;
}

.btn_st6 {
    width: auto;
    height: auto;
    display: flex;
    padding: 4px 8px;
    border-radius: 80px;
    background: #E7E7E7;
    border: #E7E7E7;
    outline: none;
    color: #454545;
    font-size: min(3.2vw, 12px);
}

.list_st2_wrap .sns_list .list_set:last-child {
    margin-right: 0 !important;
}

.list_st2_wrap .sns_list .list_set .btn_st6.on {
    display: none;
}

.list_st2_wrap .sns_list .list_set .icon_area {
    opacity: 0.3;
}

.list_st2_wrap .sns_list .list_set.on .icon_area {
    opacity: 1 !important;
}

.list_st2_wrap .sns_list .list_set.on .btn_st6 {
    background: #fff !important;
    border: #fff !important;
    color: #1C1C1C !important;
    display: none;
}

.list_st2_wrap .sns_list .list_set.on .btn_st6.on {
    display: flex !important;
}

.list_st2_wrap .sns_list .list_set.on .btn_st6.off {
    display: none !important;
}


.push_set_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* outline: 1px solid red; */
    position: relative;
    overflow-y: auto;
}

.v_100 {
    height: 100vh;
}

.push_set_wrap .push_set_list .list_set {
    width: 100%;
    height: auto;
    padding: 12px 0;
    justify-content: space-between;
    margin: 0;
    flex-direction: row;
}

.swch_btn_st1_wrap {
    width: min(9.87vw, 37px);
    height: min(5.335vw, 20px);
    padding: 3px;
    background: #E7E7E7;
    border-radius: 40px;
    position: relative;
}

.swch_btn_st1_wrap .btn {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #1C1C1C;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    right: inherit;
    margin: auto;
    transition: all .3s;
}

.swch_btn_st1_wrap.on {
    background: #1C1C1C;
}

.swch_btn_st1_wrap.on .btn {
    left: calc(100% - 17px);
    background: #fff;
}


.cancel_guide_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* outline: 1px solid red; */
    position: relative;
}

.warning_mark_area {
    width: 100%;
    height: auto;
    padding: 40px 0;
    display: flex;
    align-content: center;
    justify-content: center;
}

.warning_mark_st1 {
    width: min(16vw, 60px);
    height: min(16vw, 60px);
    background: url('../images/Icon/warning_icon_st1.svg')no-repeat;
    background-size: cover;
}

.bottom_btn_wrap.v_st {
    flex-direction: column;
    display: flex;
}

.bottom_btn_wrap.v_st button {
    margin-bottom: 8px;
}

.bottom_btn_wrap.v_st button:last-child {
    margin-bottom: 0 !important;
}

.pd_b_btnNum2 {
    padding-bottom: 153px !important;
}

.pd_b_fixed {
    padding-bottom: 52px !important;
}

.box_st3 {
    width: 100%;
    height: auto;
    padding: 20px;
    background: #F6F6F6;
    display: flex;
}

.guide_st1_wrap .tit_area {
    margin-bottom: 8px;
    line-height: 1;
}

.guide_st1_wrap .box_st3 {
    flex-direction: column;
}

.txt_color1 {
    color: #ED2D2D !important;
}

.pd_n {
    padding: 0 !important;
}

.cancel_guide_wrap .guide_st1_wrap {
    margin-bottom: 9px;
}

.wrap_st2 {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/*======20241017 추가======*/


/*======20241017_2 추가======*/
.pd_b_st1 {
    padding-bottom: 0 !important;
}

.pd_b_bmenu {
    padding-bottom: 48px !important;
}

.pd_b_btnNum1 {
    padding-bottom: 82px !important;
}

.pd_b_btnNum2 {
    padding-bottom: 132px !important;
}

.tit_st2 {
    background: transparent;
}

.join_sns_wrap .tit_st2 {
    background: #fff;
}

.bottom_menu_wrap {
    bottom: 0 !important;
}

.bottom_fixed_wrap.op2 {
    bottom: 48px !important;
}

.bottom_fixed_wrap.op1 {
    bottom: 0 !important;
}

.bottom_join_wrap .join_box {
    padding-top: 0;
}

.bottom_btn_wrap {
    bottom: 0 !important;
}

.bottom_join_wrap .join_box::after {
    display: none;
}

.login_option_wrap .login_option span {
    text-align: right;
}

.bottom_join_wrap {
    height: auto;
}

/*======20241017_2 추가======*/


/*======20241021 추가======*/
.mypage_wrap {
    outline: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 100px !important;
    z-index: 0;
}

.tabmenu_st1_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    outline: 1px solid red;
    list-style: none;
}

.tabmenu_st1_wrap .menu_area,
.tabmenu_st1_wrap .dateinfo_st1_wrap {
    width: 100%;
    flex: 0 0 auto;
    list-style: none;
    display: flex;
}

.tabmenu_st1_wrap .tabmenu {
    width: 25%;
    height: 42px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabmenu_st1_wrap.goods .tabmenu {
    width: 33% !important;
}

.tabmenu_st1_wrap .tabmenu.on {
    border-bottom: 1px solid #1C1C1C;
}

.tabmenu_st1_wrap .tabmenu.on span {
    color: #1C1C1C;
    font-family: 'PretendardSB' !important;
}

.tabmenu_st1_wrap .cont_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    /* outline: 1px solid blue; */
}

.tabmenu_st1_wrap .tabcont {
    width: 100%;
    height: 0;
    overflow: hidden;
    display: flex;
    visibility: hidden;
}

.tabmenu_st1_wrap .tabcont.on {
    visibility: visible !important;
    height: auto !important;
    overflow: inherit !important;
}

.tit_st14 {
    width: auto;
    height: auto;
    /*font-size: 12px;*/
    font-size: min(4.265vw, 14px);
    color: #D1D1D1;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}

.slide_st1_wrap {
    width: 100%;
    height: auto;
    color: #000;
    display: flex;
    /* outline: 1px solid red; */
    padding-top: 63px;
}

.slide_st1_wrap .swiper-slide {
    width: auto;
}

.slide_st1_wrap .sd_innerbox {
    width: min(74.67vw, 280px);
    height: 100%;
    display: flex;
    align-items: center;
}

.slide_st1_wrap .sd_innerbox>a {
    width: 100%;
    height: auto;
    display: flex;
    text-decoration: none;
}

.slide_st1_wrap .tkinfo_st1_wrap {
    /* margin-bottom: 40px; */
}

.tkinfo_st1_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 8%) 2px 6px 12px;
    position: relative;
}

.tkinfo_st1_wrap .img_area {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    position: relative;
    overflow: hidden;
}

.tkinfo_st1_wrap .img_area::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 40%);
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    z-index: 1;
}

.swiper-slide-active .tkinfo_st1_wrap .img_area::before {
    display: none !important;
}

.swiper-slide.swiper-slide-active .tkinfo_st1_wrap {
    margin-bottom: 35px !important;
}

.tkinfo_st1_wrap .info_area .name span {
    min-height: 48px;
}

.tkinfo_st1_wrap .img_area img {
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}

.tkinfo_st1_wrap.off .img_area::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 80%);
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
}

.tkinfo_st1_wrap .off_txt_area {
    display: none;
}

.tkinfo_st1_wrap.off .off_txt_area {
    display: flex !important;
    outline: 1px solid blue;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding: 10px;
}

.slide_st1 .info_area {
    /* display: none; */
    flex-direction: column;
    padding: 16px;
}

.slide_st1 .info_area .row_wrap {
    margin-bottom: 8.5px;
}

.slide_st1 .info_area .row_wrap:last-child {
    margin-bottom: 0 !important;
}

/* .slide_st1 .swiper-slide-active .info_area {
    display: flex !important;
} */

.slide_st1 .swiper-slide-active .sd_innerbox::after {
    display: none !important;
}

.slide_st1 .sd_innerbox {
    position: relative;
}

.slide_st1 .sd_innerbox::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


.txt_btn_st3 {
    width: auto;
    height: auto;
    display: flex;
    padding-right: 10px;
    position: relative;
}

.txt_btn_st3::after {
    content: "";
    width: min(1.07vw, 4px);
    height: min(2.135vw, 8px);
    display: flex;
    background: url('../images/Icon/arrow_btn_st3.svg')no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: none;
}

.tit_st15 {
    width: auto;
    height: auto;
    /* font-size: 12px; */
    font-size: min(3.2vw, 12px);
    color: #3D3D3D;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.tit_st16 {
    width: auto;
    height: auto;
    /* font-size: 12px; */
    font-size: min(6.4vw, 24px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
    font-family: 'PretendardB' !important;
}

.tkinfo_st1_wrap .info_area .name span {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tkinfo_st1_wrap .info_area .date {
    margin-right: min(11vw, 41px);
}

.tkinfo_st1_wrap .info_area>.row_wrap {
    align-items: center;
}

.tkinfo_st1_wrap .info_area .place {
    width: 40%;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

slide_st1 .swiper-page-info {
    position: fixed;
    left: 0;
    right: 0;
    top: 70px;
    margin: auto;
    z-index: 1;
    color: red;
    display: block;
    outline: 1px solid red;
    width: 100px;
    height: auto;
}

.slide_st1 .swiper-pagination-bullet {
    width: 40px;
    height: 2px;
    border-radius: 20px;
    background: #E7E7E7;
    opacity: 1;
    margin: 0 !important;
}

.slide_st1 .swiper-pagination-bullet-active {
    background: #1C1C1C !important;
}

.slide_st1 .swiper-pagination.bullets {
    bottom: 0;
    /* outline: 1px solid red; */
    position: absolute;
    top: inherit;
    left: 0;
    bottom: 36px;
    margin: auto;
    height: auto;
    display: flex;
    justify-content: center;
}

.slide_st1 {
    position: relative;
    padding-bottom: 60px !important;
    /*outline: 1px solid blue;*/
}

.slide_st1 .swiper-page-info {
    width: auto;
    height: auto;
    display: flex;
    align-items: self-end;
    justify-content: center;
    /*  outline: 1px solid red;*/
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.slide_st1 .swiper-page-info span {
    width: auto;
    height: auto;

}

.slide_st1 .swiper-page-info .slash {
    margin-left: 4px;
    margin-right: 2px;
}

/*.slide_st1 .swiper-button-next,.slide_st1 .swiper-button-prev{
    outline: 1px solid red;
}*/
.slide_st1 .swiper-button-prev:after {
    display: none !important;
}

.slide_st1 .swiper-button-next:after {
    display: none !important;
}

.slide_st1 .swiper-button-next {
    width: 6px;
    height: 18px;
    background: url('../images/Icon/arrow_btn_st4.svg')no-repeat;
    background-size: cover;
    transform: rotate(-180deg);
    bottom: 0;
    top: inherit;
}

.slide_st1 .swiper-button-prev {
    width: 6px;
    height: 18px;
    background: url('../images/Icon/arrow_btn_st4.svg')no-repeat;
    background-size: cover;
    bottom: 0;
    top: inherit;
}

.main_slide {
    margin-bottom: 76px;
}

.slide_st1 .swiper-button-next.swiper-button-disabled {
    opacity: 1 !important;
}

.slide_st1 .swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
}

.tit_st17 {
    width: auto;
    height: auto;
    /*font-size: 16px;*/
    font-size: min(4.265vw, 16px);
    color: #ffffff;
    word-break: break-all;
    line-height: 1;
    font-family: 'PretendardSB' !important;
    text-decoration: none;
}

/*======20241021 추가======*/


/*======20241022 추가======*/
.tkinfo_st1_wrap .info_area .dtime span {
    font-family: 'Pretendard' !important;
}

.tkinfo_st1_wrap .txt_btn_st3::after {
    content: "";
    width: min(1.07vw, 4px);
    height: min(2.135vw, 8px);
    display: flex;
    background: url('../images/Icon/arrow_btn_st3.svg')no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.arrow_btn_st5 {
    width: 8px;
    height: 16px;
    display: flex;
    background: url('../images/Icon/arrow_btn_st5.svg')no-repeat;
    background-size: cover;
}

.top_area_wrap_st1 .arrow_btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.ticket_info_wrap {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
}

.ticket_info_wrap .top_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.ticket_info_wrap .top_wrap .tag_area {
    width: 100%;
    height: auto;
    position: absolute;
    padding: 4px 20px;
    /* outline: 1px solid blue; */
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0;
    top: 0;
}

.ticket_info_wrap .top_wrap .tag_area .tag_st1 {
    margin-right: 8px;
    margin-bottom: 4px;
}

.ticket_info_wrap .top_wrap .tag_area .tag_st1:last-child {
    margin-right: 0 !important;
}

.tag_st1 {
    width: auto;
    min-height: 26px;
    background: #fff;
    padding: 6px 8px;
    background: #fff;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}

.tag_st1 .tname {
    width: auto;
    height: auto;
    max-width: 30vw;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: normal;
}

.ticket_info_wrap .top_wrap .img_area {
    width: 100%;
    height: 400px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.ticket_info_wrap .top_wrap .img_area::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.19) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.ticket_info_wrap .top_wrap .img_area img {
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}

.top_area_wrap_st1.fixed_st.st2 {
    z-index: 2;
    /* outline: 1px solid red; */
    position: absolute;
    background: transparent;
}

.ticket_info_wrap .bottom_wrap {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ticket_info_wrap .bottom_wrap .tkinfo_info_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.ticket_info_wrap .bottom_wrap .info1 .top_area {
    margin-bottom: 8px;
}

.ticket_info_wrap .bottom_wrap .info1 .place {
    max-width: 40%;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.ticket_info_wrap .bottom_wrap .info1 .status {
    max-width: 40%;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.ticket_info_wrap .bottom_wrap .info1 .tkname {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ticket_info_wrap .bottom_wrap .info1 .name {
    margin-bottom: 8px;
}

.ticket_info_wrap .bottom_wrap .info1 .dtime .date {
    margin-right: min(11vw, 41px);
}

.ticket_info_wrap .bottom_wrap .info1 {
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 31px;
}

.ticket_info_wrap .bottom_wrap .info1 .dtime span {
    font-family: 'Pretendard' !important;
}

.ticket_info_wrap .guide_tit_area {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
}

.ticket_info_wrap .bottom_wrap .guide_tit_area .guide_tit {
    width: auto;
    height: auto;
    line-height: 130%;
    display: inline-block;
}

.ticket_info_wrap .bottom_wrap .sub_txt_area {
    line-height: normal;
}

.ticket_info_wrap .bottom_wrap .info2 .txt {
    line-height: 130%;
}

.ticket_info_wrap .bottom_wrap .info3 {
    padding-top: 31px;
}

.ticket_info_wrap .info3 .tk_dtime .tit_st3 {
    color: #ED2D2D !important;
}

.ticket_info_wrap .bottom_wrap .info4 {
    padding-top: 31px;
}

.box_st4 {
    width: 100%;
    height: auto;
    display: flex;
    background: #F6F6F6;
    padding: 20px;
    border-radius: 4px;
}

.box_st4 .price {
    color: #ED2D2D !important;
    font-family: 'Pretendard' !important;
}

.ticket_info_wrap .bottom_wrap .tkinfo_list {
    padding: 0;
    margin: 0;
}

.list_st3_wrap li {
    margin-bottom: 8px;
}

.list_st3_wrap li:last-child {
    margin-bottom: 0 !important;
}

.box_st4 .seat {
    max-width: 50%;
    /* outline: 1px solid red; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.box_st4 .price {
    max-width: 40%;
    /* outline: 1px solid red; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jfy_start {
    display: flex;
    justify-content: flex-start !important;
}

span.color_op1 {
    color: #fff !important;
}

.ticket_st_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    outline: 1px solid blue;
    position: relative;
}

.fixed_st.h_op2 {
    height: 50px;
}

.ticket_st_wrap .bg_area {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.ticket_st_wrap .bg_area img {
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}

.ticket_st_wrap .bg_area::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1) 100%);
}

.ticket_st_wrap .top_wrap {
    width: 100%;
    height: auto;
    display: flex;
    z-index: 1;
}

.box_st5_wrap {
    width: 100%;
    height: auto;
    display: flex;
    background: #fff;
    border-radius: 4px;
    /* padding: 20px 0; */
    overflow: hidden;
}

.box_st5_wrap .box_st5 {
    width: 50%;
    height: auto;
    /* min-height: 90px; */
    display: flex;
    align-items: center;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.box_st5_wrap .box_st5 .tit {
    margin-bottom: 12px;
}

.pd_t_st2 {
    padding-top: 58px;
}

.jfy_end {
    display: flex;
    justify-content: flex-end !important;
}

.user_tk_info_wrap .txt {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: normal;
}

.box_st5_wrap .box_st5::after {
    content: "";
    width: 1px;
    height: 82.23%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #D1D1D1;
}

.box_st5_wrap .box_st5:last-child::after {
    display: none !important;
}

.box_st6 {
    width: 100%;
    height: auto;
    border-radius: 4px;
    background: #fff;
    padding: 20px;
    position: relative;
}

.ticket_st_wrap .top_wrap {
    margin-bottom: 8px;
}

.tk_info_detail_wrap .tk_img_area {
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 12px;
}

.tk_info_detail_wrap .tk_img_area img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}

.tk_info_detail_wrap .tk_detail_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.tk_info_detail_wrap .tk_detail_area .row_wrap {
    padding: 12px 0;
    justify-content: space-between;
}

.tk_info_detail_wrap .tk_detail_area .row_wrap:last-child {
    padding-bottom: 0 !important;
}

.ticket_st_wrap {
    height: auto;
}

.ticket_st_wrap.st1 {
    padding-bottom: 115px;
}

.tk_info_detail_wrap .tk_detail_area .tit {
    max-width: 35%;
    /* outline: 1px solid red; */
}

.tk_info_detail_wrap .tk_detail_area .txt {
    max-width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tk_stat_mark {
    width: auto;
    height: auto;
    display: flex;
    background: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 8px 16px;
}

.ticket_st_wrap .bottom_wrap .tk_stat_mark {
    position: absolute;
    top: -23px;
    left: 0;
    /* outline: 1px solid red; */
    z-index: 2;
}

.ticket_st_wrap .bottom_wrap {
    position: relative;
}

.ticket_st_wrap.st2 .box_st5_wrap {
    background: #1C1C1C !important;
}

.ticket_st_wrap.st2 .box_st5_wrap .tit {
    color: #fff !important;
}

.ticket_st_wrap.st2 .user_tk_info_wrap .txt {
    color: #fff !important;
}

.ticket_st_wrap.st2 .box_st6 {
    background: #1C1C1C !important;
}

.ticket_st_wrap.st2 .tk_info_detail_wrap .tk_detail_area .tit {
    color: #fff !important;
}

.ticket_st_wrap.st2 .tk_info_detail_wrap .tk_detail_area .txt {
    color: #fff !important;
}

.ticket_st_wrap.st2 {
    padding-bottom: 115px;
}

.ticket_st_wrap.st3 .bg_area {
    background: #000;
}

.ticket_st_wrap.st3 .bg_area img {
    display: none;
}

.ticket_st_wrap.st3 .top_wrap {
    margin-top: 8px;
    margin-bottom: 0 !important;
}

.ticket_st_wrap.st3 .tk_info_detail_wrap .tk_img_area img {

    /* max-width: 86.43%; */

    /* height: auto; */
}

.ticket_st_wrap.st3 {
    padding-bottom: 95px;
}

.cont_wrap.hidden {
    max-height: 100vh;
    overflow: hidden;
}

.guide_app_wrap .img_area {
    width: 100%;
    height: auto;
    display: flex;
    padding: 40px 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 8px;
}

.guide_app_wrap .img_area img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    display: flex;
}

.guide_app_wrap .top_area {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-direction: column;
}

.guide_app_wrap .txt_area {
    text-align: center;
    line-height: 1.3;
}

.btn_st7 {
    width: 100%;
    height: 42px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #fff;
    color: #B0B0B0;
    font-size: min(4vw, 15px);
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.guide_app_wrap .join_other_wrap {
    margin-bottom: 25px;
}

.bg_st1 {
    z-index: 2;
}

.bottom_join_wrap {
    max-height: 70vh;
}

/*======20241022 추가======*/


/*======20241023 추가======*/
.mypage_wrap {
    background: #fff;
}

.cont {
    overflow-x: hidden;
}

.tabmenu_st1_wrap {
    justify-content: flex-start;
    height: auto;
}

.search_btn_st1 {
    width: 16px;
    height: 16px;
    display: flex;
    background: url('../images/Icon/search_icon_st1.svg')no-repeat;
    background-size: cover;
}

.top_area_wrap_st1 .search_btn_st1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.depth2_wrap {
    max-width: 100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    z-index: 3;
    position: relative;
    background: #fff;
    transition: left .3s;
    position: absolute;
    left: -100%;
    z-index: 2;
}

.depth2_wrap .top_area_wrap_st1 {
    width: 100%;
    padding: 0 20px;
    right: inherit;
    left: -100%;
;
    transition: left .3s;
}

.depth2_wrap .bottom_fixed_wrap {
    right: inherit;
    left: -100%;
    transition: left .3s;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.depth2_wrap .arrow_btn_st1 {
    left: 20px;
}

.depth2_wrap .search_btn_st1 {
    right: 20px;
    z-index: 2;
}

.qa_list_wrap {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    /*outline: 1px solid blue;*/
}

.list_st4 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.list_st4 .tit_area {
    width: 100%;
    height: auto;
    padding: 20px 74px 20px 44px;
    display: flex;
    position: relative;
    min-height: 80px;
}

.list_st4 .tit_area span {
    line-height: 1.25;
}

.list_st4 .tit_area .tit {
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.list_st4 .tit_area .mark {
    width: auto;
    max-width: 16px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-all;
}

.list_st4 .tit_area::after {
    content: "";
    width: 8px;
    height: 16px;
    background: url('../images/Icon/arrow_btn_st1.svg')no-repeat;
    display: block;
    transform: rotate(-90deg);
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.list_st4 .tit_area.on::after {
    transform: rotate(90deg) !important;
}

.list_st4 .title_wrap {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}

.list_st4 .cont_area {
    width: 100%;
    height: auto;
    padding: 0 20px;
    display: flex;
    position: relative;
}

.list_st4 .cont_area .mark {
    width: auto;
    max-width: 16px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    word-break: break-all;
    padding-top: 22px;
}

.list_st4 .cont_area .content_wrap {
    width: 100%;
    background: #F6F6F6;
    border-radius: 8px;
    padding: 20px 20px 20px 44px;
    position: relative;
    height: auto;
    display: none;
}

.list_st4.on .tit_area::after {
    transform: rotate(90deg);
}

.depth2_wrap::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: -1;
    display: none;
}

.depth2_wrap.on {
    left: 0 !important;
    z-index: 3;
}

.depth2_wrap.on::before {
    display: flex !important;
}

.depth2_wrap.on .top_area_wrap_st1 {
    left: 0 !important;
}

.depth2_wrap.on .bottom_fixed_wrap {
    left: 0 !important;
}

.search_area.on .tit {
    display: none !important;
}

.search_area .search_iput {
    display: none;
    padding-right: 30px;
    max-width: calc(100% - 68px);
    position: absolute;
    right: 20px;
    z-index: 1;
}

.search_area.on .search_iput {
    display: flex;
}

.search_cont_wrap {
    width: 100%;
    height: max-content;
    display: none;
    /*outline: 1px solid red;*/
    padding-top: 12px;
}

.schcont_area.on .search_cont_wrap {
    display: flex !important;
    /* background: gray; */
}

.schcont_area.on>div:not(.search_cont_wrap) {
    display: none !important;
}

.schcont_area {
    width: 100%;
    height: auto;
    display: flex;
}

#searchBtn {
    z-index: 999;
    position: absolute;
}

.highlight {
    color: red;
}

.tabmenu_st1_wrap {
    outline: none !important;
}

.depth2_wrap.on {
    display: flex !important;
}

.notice_wrap {
    /* width: 100%; */
    /* max-width: 100%; */
    /* height: auto; */
    /* flex-direction: column; */
    /* padding-bottom: 20px; */
    /* outline: 1px solid blue; */
}

.list_st5 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;

}

.list_st5 a {
    width: 100%;
    height: auto;
    text-decoration: none;
    padding: 20px 74px 20px 20px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list_st5 .tit_area {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    min-height: 99px;
}

.list_st5 .tit_area span {
    line-height: 1.25;
}

.list_st5 .tit_area .tit {
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.list_st5 .tit_area::after {
    content: "";
    width: 8px;
    height: 16px;
    background: url('../images/Icon/arrow_btn_st1.svg')no-repeat;
    display: block;
    transform: rotate(180deg);
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.list_st5 .tit_area.on::after {
    transform: rotate(90deg) !important;
}

.list_st5 .title_wrap {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}

.list_st5 .date_wrap {
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 4px;
    align-items: center;
}

.list_st5 .date_wrap .date {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.notice_info_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

.notice_info_wrap .title_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
}

.notice_info_wrap .tit_area {
    width: 100%;
    height: auto;
    display: flex;
}

.notice_info_wrap .tit_area .tit {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.3;
}

.notice_info_wrap .date_area {
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 8px;
}

.notice_info_wrap .date_area .date {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.notice_cont_wrap {
    width: 100%;
    height: auto;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.notice_cont_wrap .txt {
    line-height: 1.2;
    width: 100%;
    height: auto;
    text-align: left;
}

.notice_cont_wrap img {
    max-width: 100%;
    height: auto;
    display: block;
}

.notice_cont_wrap.center {
    align-items: center !important;
}

.notice_cont_wrap.center .txt {
    text-align: center;
}

.notice_cont_wrap.right {
    align-items: flex-end;
}

.notice_cont_wrap.right .txt {
    text-align: right;
}

.push_option_wrap {
    padding: 0 20px;
    overflow: hidden;
}

.notice_list_wrap {
    width: 100%;
}

.bottom_fixed_wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.mypage_wrap .user_info_area span {
    z-index: 0;
}

/*======20241023 추가======*/

/*======20241031 추가======*/
.top_area_wrap_st1 .search_btn_st1 {
    display: none;
}

.search_area .search_btn_st1 {
    display: flex !important;
}

.top_area_wrap_st1 .search_iput {
    display: none;
}

.tk_history_wrap {
    width: 100%;
    height: auto;
    display: flex;
    /*   outline: 1px solid red;*/
}

.tabmenu_st1_wrap .tabcont {
    flex-direction: column;
}

.pd_st2 {
    padding: min(5.4vw, 20px);
}

.box_st7 {
    background: #fff;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 8%) 2px 6px 12px;
    position: relative;
}

.tkinfo_st2_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.tkinfo_st2_wrap .tkinfo_area {
    width: 100%;
    height: auto;
    display: flex;
    /* padding-right: 40px; */
    position: relative;
    text-decoration: none;
    margin-bottom: 11px;
}

.tkinfo_st2_wrap .tkinfo_area .img_area {
    width: min(16vw, 60px);
    height: min(16vw, 60px);
    min-width: min(16vw, 60px);
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 8px;
}

.tkinfo_st2_wrap .tkinfo_area .img_area img {
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}

.tkinfo_st2_wrap .tkinfo_area .info_area {
    width: auto;
    max-width: calc(100% - 60px);
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 5px;
    padding-right: 40px;
}

.tit_st18 {
    width: auto;
    height: auto;
    /*font-size: 13px;*/
    font-size: min(3.465vw, 13px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 1;
    display: flex;
    text-decoration: none;
}

.tit_st19 {
    width: auto;
    height: auto;
    /* font-size: 12px; */
    font-size: min(3.2vw, 12px);
    color: #ED2D2D;
    word-break: break-all;
    line-height: 1;
    display: flex;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.tit_st20 {
    width: auto;
    height: auto;
    /* font-size: 12px; */
    font-size: min(3.2vw, 12px);
    color: #2D31ED;
    word-break: break-all;
    line-height: 1;
    display: flex;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.tit_st21 {
    width: auto;
    height: auto;
    /*font-size: 16px;*/
    font-size: min(4.265vw, 16px);
    color: #ED2D2D;
    word-break: break-all;
    line-height: 1;
    display: flex;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.tkinfo_st2_wrap .tkinfo_area .info_area .row_wrap {
    margin-bottom: 4px;
}

.tkinfo_st2_wrap .tkinfo_area .info_area .row_wrap:last-child {
    margin-bottom: 0 !important;
}

.tkinfo_st2_wrap .tkinfo_area::after {
    content: "";
    width: 8px;
    height: 16px;
    background: url('../images/Icon/arrow_btn_st1.svg')no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg);
}

.tkinfo_st2_wrap .tkinfo_area .info_area .name {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.tkinfo_st2_wrap .tkinfo_area .info_area .place {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    z-index: 0;
}

.tkinfo_st2_wrap .tkinfo_area .info_area .date {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.tkinfo_st2_wrap .duedate_wrap .tit {
    margin-right: 8px;
    max-width: 30%;
    z-index: 0;
    text-align: left;
}

.tkinfo_st2_wrap .duedate_wrap .txt {
    max-width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tkinfo_st2_wrap .duedate_wrap {
    margin-bottom: 8px;
}

.tkinfo_st2_wrap .duedate_wrap .row_wrap {

    justify-content: flex-start;
}

.tkinfo_st2_wrap .duedate_wrap .op2_wrap {
    display: none;
}

.tkinfo_st2_wrap .duedate_wrap .op3_wrap {
    display: none;
}

.tkinfo_st2_wrap.on .duedate_wrap .op2_wrap {
    display: flex !important;
    justify-content: flex-end;
}

.tkinfo_st2_wrap.on .duedate_wrap .op1_wrap {
    display: none !important;
}

.tkinfo_st2_wrap.on2 .duedate_wrap .op3_wrap {
    display: flex !important;
    justify-content: flex-end;
}

.tkinfo_st2_wrap.on2 .duedate_wrap .op1_wrap {
    display: none !important;
}

.tkinfo_st2_wrap .btn_wrap .op2_wrap {
    display: none;
}

.tkinfo_st2_wrap .btn_wrap .op3_wrap {
    display: none;
}

.tkinfo_st2_wrap.on .btn_wrap .op2_wrap {
    display: flex !important;
}

.tkinfo_st2_wrap.on .btn_wrap .op1_wrap {
    display: none !important;
}

.tkinfo_st2_wrap.on2 .btn_wrap .op3_wrap {
    display: flex !important;
}

.tkinfo_st2_wrap.on2 .btn_wrap .op1_wrap {
    display: none !important;
}


.list_st3_wrap {
    padding: 0;
}

.tkinfo_st2_wrap .tkinfo_list {
    margin-bottom: 8px;
}

.bottom_btn_wrap {
    z-index: 1;
}

.top_area_st .top_area_wrap_st1 {
    width: 100%;
    padding: 0 20px;
}

.top_area_st .top_area_wrap_st1 .arrow_btn_st1 {
    left: 20px;
}

.tk_history {
    width: 100%;
    height: auto;
}

.tk_history .tkinfo_st2_wrap {
    margin-bottom: 20px;
}

.tk_history .tkinfo_st2_wrap:last-child {
    margin-bottom: 0 !important;
}

.guide_st2_wrap {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
}

.guide_st2_wrap .icon_area {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
}

.guide_st2_wrap .txt_area {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.pd_t_st3 {
    padding-top: 20px;
}

.pop_title_area {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.box_st8 {
    background: #fff;
    border: 1px solid #E7E7E7;
    border-radius: 4px;
}

.add_info_wrap .tkinfo_area {
    align-items: center;
}

.add_info_wrap .tkinfo_area .info_area {
    padding-right: 0 !important;
}

.add_info_wrap .tkinfo_area::after {
    display: none !important;
}

.add_info_wrap .tkinfo_area .info_area {
    padding-top: 0 !important;
}

.add_info_wrap .tkinfo_area .info_area .name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    line-height: normal;
}

.add_info_wrap .duedate_wrap .txt {
    max-width: 70%;
}

.add_info_wrap .duedate_wrap .info_wrap {
    width: auto;
    flex-direction: row;
    min-width: 75%;
    max-width: 75%;
    display: flex;
    /* outline: 1px solid red; */
}

.add_info_wrap .duedate_wrap .add_state {
    max-width: 25%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.mg_st1 {
    margin: 8px 0;
}

.complete_mark_st1 {
    width: min(16vw, 60px);
    height: min(16vw, 60px);
    background: url('../images/Icon/complete_icon_st1.svg')no-repeat;
    background-size: cover;
}

.box_st9 {
    background: #F6F6F6;
    border-radius: 9px;
}

.tkdetail_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.tkdetail_wrap .info_tit_area {
    margin-bottom: 8px;
}

.tkdetail_wrap .tk_detail {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.tkdetail_wrap .tk_detail:last-child {
    margin-bottom: 0 !important;
}

.tkdetail_wrap .tk_detail>.row_wrap {
    margin-bottom: 10px;
    justify-content: space-between;
    padding: 12px 0;
}

.tkdetail_wrap .tk_detail>.row_wrap:last-child {
    margin-bottom: 0 !important;
}

.tkdetail_wrap .tk_detail .tk_img {
    justify-content: center;
    padding: 0;
}

.tkdetail_wrap .tk_detail .img_area {
    width: min(26.67vw, 100px);
    height: min(26.67vw, 100px);
    position: relative;
    display: flex;
    border-radius: 4px;
    overflow: hidden;
}

.tkdetail_wrap .tk_detail .img_area img {
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}

.tkdetail_wrap .tk_detail .tk_info .tit {
    max-width: 32%;
}

.tkdetail_wrap .tk_detail .tk_info .txt {
    max-width: 65%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.tkdetail_wrap {
    padding-top: 20px;
}

.add_tkinfo_wrap {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}

.tkdetail_wrap .tk_detail .tk_info.op2 .txt_wrap {
    max-width: 65%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.tkdetail_wrap .tk_detail .tk_info.op2 .txt {
    max-width: 100%;
    line-height: normal;
}

.tit_st22 {
    width: auto;
    height: auto;
    /* font-size: 12px; */
    font-size: min(3.2vw, 12px);
    color: #D1D1D1;
    word-break: break-all;
    line-height: 1;
    display: flex;
    background: #fff;
    z-index: 1;
    padding: 0 8px;
    text-decoration: none;
}

.mgB_n {
    margin-bottom: 0 !important;
}

.guide_st3_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}

.guide_st3_wrap .tit {
    margin-bottom: 8px;
}

.tkinfo_info_wrap.st2 .row_wrap .sub_tit {
    margin-left: 8px;
}

.tkinfo_info_wrap.st2 .list_st3_wrap {
    margin: 8px 0;
}

.shadow_st {
    box-shadow: rgb(0 0 0 / 8%) 2px 6px 12px;
}

.tkinfo_info_wrap.st2 .box_st4 {
    background: #fff;

}

.box_st4.on {
    outline: 1px solid #1C1C1C;
}

.tkinfo_info_wrap.st2 {
    margin-bottom: 10px;
}

.info_st3_wrap {
    width: 100%;
    height: auto;
    display: flex;
    padding: 20px;
    background: #F6F6F6;
    flex-direction: column;
    text-align: left;
}

.info_st3_wrap .row_wrap {
    padding: 12px 0;
}

.info_st3_wrap .tit {
    /* outline: 1px solid red; */
    max-width: 39%;
    width: 39%;
    text-align: left;
}

.info_st3_wrap .txt {
    width: 60%;
    max-width: 60%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.info_st3_wrap span {
    text-align: left;
}

.info_st3_wrap.guide_txt {
    text-align: left;
    display: inline-block;
}

.send_mark_st1 {
    width: min(16vw, 60px);
    height: min(16vw, 60px);
    background: url(../images/Icon/send_icon_st1.svg) no-repeat;
    background-size: cover;
}

.flx_row {
    display: flex;
    flex-direction: row;
}

.concert_list_wrap {
    height: auto;
}

.top_area_wrap_st1.st3 {
    min-height: 55px;
    z-index: 22;
}

.top_area_wrap_st1.st3 .logo_area {
    max-width: 102px;
}

.top_area_wrap_st1.st3 .logo_area img {
    max-width: 100%;
    display: block;
}

.top_area_wrap_st1.st3 .arrow_btn_st1 {
    display: none;
}

.top_area_wrap_st1.st3.on .arrow_btn_st1 {
    display: block !important;
}

.pd_t_st4 {
    padding-top: 55px;
}

.tabmenu_st1_wrap.st2 .tabmenu {
    width: auto;
    margin-right: 20px;
    padding: 0;
}

.tabmenu_st1_wrap.st2 .tabmenu:last-child {
    margin-right: 0 !important;
}

.tabmenu_st1_wrap.st2 .tabmenu.on {
    border-bottom: none !important;
}

.tit_st23 {
    width: auto;
    height: auto;
    /* font-size: 20px; */
    font-size: min(5.335vw, 20px);
    color: #D1D1D1;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}

.tabmenu_st1_wrap.st2 {
    padding: 0 20px 20px 20px;
}

.concert_list {
    width: 100%;
}

.concert_list_wrap .info_area {
    padding: 20px;
}

.tkinfo_st1_wrap.st2 .img_area {
    height: min(74.67vw, 280px);
}

.tkinfo_st1_wrap.st2 .info_area .row_wrap {
    margin-bottom: 8.5px;
}

.tkinfo_st1_wrap.st2 .info_area .row_wrap:last-child {
    margin-bottom: 0 !important;
}

.concert_list_wrap .tkinfo_st1_wrap.st2 {
    margin-bottom: 20px;
}

.concert_list_wrap .tkinfo_st1_wrap.st2:last-child {
    margin-bottom: 0 !important;
}

.concert_list_wrap .search_cont_wrap {
    padding-top: 0;
}

.top_area_wrap_st1.st2 .arrow_btn_st1 {
    display: none;
}

.top_area_wrap_st1.st2.on .arrow_btn_st1 {
    display: block !important;
}

.tkinfo_list.choice .tk_info {
    cursor: pointer;
}

.custom_scbox {
    width: 100%;
    height: 36px;
    background: #fff;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 8px;
    padding-right: 34px;
    margin-bottom: 100px;
    border-bottom: 1px solid #D1D1D1;
    user-select: none;
}

.custom_scbox.on {
    border-bottom: 1px solid #1C1C1C !important;
}

.custom_scbox::after {
    content: "";
    width: 12px;
    height: 6px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    background: url('../images/Icon/scbox_arrow_st1.svg')no-repeat;
    background-size: cover;
}

.custom_scbox .option_group {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
}

.custom_scbox.active .option_group {
    display: block !important;
    animation: fadeIn 0.2s ease-in-out;
}

.custom_scbox .prev_txt {
    width: 100%;
    display: flex;
}

.custom_scbox .option {
    padding: 8px;
    height: 36px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.custom_scbox .option span {
    max-width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.custom_scbox .prev_txt span {
    max-width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.custom_scbox .option:hover {
    background-color: #f8f9fa;
}

.custom_scbox .prev_txt span {
    margin-right: 22px;
}

.custom_scbox .prev_txt span:last-child {
    margin-right: 0 !important;
}

.tit_st24 {
    width: auto;
    height: auto;
    font-size: min(4.265vw, 15px);
    color: #ED2D2D;
    word-break: break-all;
    line-height: 1;
    display: flex;
    text-decoration: none;
}

.count_st_wrap {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}

.count_st_wrap .btn {
    width: min(5.335vw, 20px);
    height: min(5.335vw, 20px);
    display: flex;
    outline: none;
    border: none;
}

.count_st_wrap .sub {
    background: url('../images/Icon/sub_st1_icon.svg')no-repeat;
    background-size: cover;
}

.count_st_wrap .add {
    background: url('../images/Icon/add_st1_icon.svg')no-repeat;
    background-size: cover;
}

.count_st_wrap .count_box {
    width: 60px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    text-align: center;
    margin: 0 8px;
    position: relative;
    border-bottom: 1px solid #1C1C1C;
}

.bottom_join_wrap {
    max-height: 100vh;
}

.buy_tk .count_st_wrap {
    margin-bottom: 20px;
}

.mgB_st1 {
    margin-bottom: 208px !important;
}

.bottom_join_wrap .top_area {
    margin-top: 15px;
}

.bottom_join_wrap {
    opacity: 0;
}

.bottom_join_wrap.on {
    opacity: 1 !important;
}

.info_st4_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.info_st4_wrap .row_wrap {
    padding: 12px 0;
}

.info_st4_wrap .row_wrap .tit {
    max-width: 32%;
}

.info_st4_wrap .row_wrap .txt {
    max-width: 65%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.info_st4_wrap>.row_wrap {
    justify-content: space-between;
}

.buy_info_wrap {
    margin-top: 6px;
}

.guide_st4_wrap {
    width: 100%;
    height: auto;
    display: flex;
    border-radius: 4px;
    background: #F6F6F6;
    padding: 13px 20px;
    flex-direction: column;
}

.guide_st4_wrap .tit_area {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 24px;
}

.guide_st4_wrap .txt_area {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.buy_info_wrap .guide_st4_wrap {
    margin-top: 10px;
}

.buy_info_wrap .chklist_st1_wrap {
    margin-top: 4px;
}

.dateinfo_st1_wrap {
    width: 100%;
    height: auto;
    padding: 12px 20px;
    background: #F6F6F6;
}

.dateinfo_st1_wrap .date_tit {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.tkinfo_st2_wrap .duedate_wrap .op4_wrap {
    display: none;
}

.tkinfo_st2_wrap.on3 .duedate_wrap .op4_wrap {
    display: flex !important;
    justify-content: flex-end;
}

.tkinfo_st2_wrap.on .duedate_wrap.color_st2 .op2_wrap .txt {
    color: #3D3D3D !important;
}

.tkinfo_st2_wrap.on2 .duedate_wrap.color_st2 .op3_wrap .txt {
    color: #2D31ED !important;
}

.tkinfo_st2_wrap.on2 .duedate_wrap.color_st2 .op4_wrap .txt {
    color: #ED2D2D !important;
}

.tkinfo_st2_wrap.on3 .duedate_wrap .op1_wrap {
    display: none !important;
}

.tkinfo_st2_wrap.on3 .tkinfo_list {
    opacity: 0.4 !important;
}



.cd_btn_st1 {
    width: 20px;
    height: 20px;
    display: flex;
    background: url('../images/Icon/calendar_st1_icon.svg')no-repeat;
    background-size: cover;
    outline: none;
    border: none;
}

.ui-widget {
    z-index: 999 !important;
}

.top_area_wrap_st1 .ui-datepicker-trigger {
    /* top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    position: absolute;  20250703 주석  */
}

.top_area_wrap_st1 .calendar_btn {
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    position: absolute;
}

.ui-datepicker {
    /* top: 12px !important; 20250703 주석 */
    width: 210px;
    max-width: 210px;
}

.ui-datepicker .ui-datepicker-header {
    background: #fff;
    padding: 0 !important;
}

.ui-datepicker-year {
    color: #000;
    font-size: 15px;
}

.ui-state-default.ui-state-highlight {
    color: #000;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 15px;
}

.ui-state-default {
    color: #6D6D6D;
    text-align: center !important;
    background: none !important;
    border: none !important;
    align-items: center;
    display: flex;
    max-width: 5.5vw;
    margin: auto;
}

.ui-datepicker td {
    text-align: center;
}

.ui-state-default.ui-state-active {
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
}

.tit_st25 {
    width: auto;
    height: auto;
    /* font-size: 20px; */
    font-size: min(5.335vw, 20px);
    color: #ED2D2D;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.sub_guide_wrap {
    width: 100%;
    height: auto;
    text-align: left;
    padding: 8px 0;
}

.top_area_wrap_st1 .tit {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bottom_join_wrap .top_area span {
    max-width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bottom_btn_wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.bottom_join_wrap.guide_app_wrap .top_area {
    margin-top: 0;
}

/*팝업*/
.popup_style {
    padding: 20px;
    width: 100%;
    height: auto;
}

/*팝업*/

/*======20241031추가======*/


/*======20241101추가======*/
.box_st10_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #F6F6F6;
    padding: 24px 20px;
}

.box_st10_wrap .tit_area {
    margin-bottom: 25px;
}

.tit_st26 {
    width: auto;
    height: auto;
    /* font-size: 12px; */
    font-size: min(3.2vw, 12px);
    color: #6D6D6D;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.tit_st27 {
    width: auto;
    height: auto;
    /* font-size: 20px; */
    font-size: min(5.335vw, 20px);
    color: #3d3d3d;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.custom_scbox.st2 {
    background: transparent !important;
}

.custom_scbox .option span {
    max-width: 100%;
}

.custom_scbox.st2.on .prev_txt span {
    color: #1C1C1C !important;
    font-size: min(5.335vw, 20px) !important;
}

.custom_scbox.st2 .prev_txt span {
    max-width: 100%;
}

.mgB_40 {
    margin-bottom: 40px !important;
}

.admin_login_wrap .form_st1_wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.admin_login_wrap .sc_evet_wrap {
    margin-bottom: 153px;
}

.info_st4_wrap.st2>.row_wrap {
    justify-content: flex-start !important;
}

.info_st4_wrap.st2 .row_wrap .tit {
    width: 24%;
    max-width: 24%;
}

.info_st4_wrap.st2 .row_wrap .txt {
    width: 75%;
    max-width: 75%;
}

.event_img_wrap {
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.event_img_wrap img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}

.pd_st3 {
    padding: 20px;
}

.btn_st8 {
    width: 100%;
    height: auto;
    display: flex;
    border-radius: 8px;
    background: #1C1C1C;
    align-items: center;
    padding: 20px 12vw 20px 20px;
    position: relative;
    text-decoration: none;
}

.btn_st8 .tit {
    width: 100%;
    height: auto;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: min(5.335vw, 20px) !important;
    color: #fff;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.btn_st8::after {
    content: "";
    width: 20px;
    height: 20px;
    display: flex;
    background: url('../images/Icon/arrow_btn_st6.svg')no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    margin: auto;
}

.qr_scan_wrap {
    width: 100%;
    height: 100vh;
    background: url('../images/Other/QR_scan_img.png')no-repeat;
    background-size: cover;
    background-position: 0 44px;
    position: relative;
}

.scan_area_wrap .overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.scan_area_wrap .overlay.top {
    top: 0;
    left: 0;
    right: 0;
    height: calc(50% - 100px);
}

.scan_area_wrap .overlay.bottom {
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(50% - 100px);
}

.scan_area_wrap .overlay.left {
    top: calc(50% - 100px);
    bottom: calc(50% - 100px);
    left: 0;
    width: calc(50% - 100px);
}

.scan_area_wrap .overlay.right {
    top: calc(50% - 100px);
    bottom: calc(50% - 100px);
    right: 0;
    width: calc(50% - 100px);
}

.scan_area {
    width: 200px;
    height: 200px;
    margin: auto;
    margin: auto;
    background: url('../images/Icon/scan_border.svg')no-repeat;
    background-size: cover;
}

.scan_area_wrap {
    width: 100%;
    height: 100vh;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.qr_st_wrap {
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 200px;
}

.qr_st_wrap .guide_tit {
    width: 100%;
    overflow-y: auto;
    max-height: 29vh;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    font-size: min(4.265vw, 16px);
    margin: auto;
    position: absolute;
    top: 220px;
}

.guide_st2_wrap .subtxt_area {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

/*======20241101추가======*/


/*=======웹 스타일=======*/
.hd_st1_warp {
    width: 100%;
    height: 81px;
    display: flex;
    background: #FFFFFF;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E7E7E7;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
}

.hd_st1_warp .hd_logo {
    width: clamp(148px, 10.312vw, 198px);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hd_st1_warp .hd_logo a {
    width: 100%;
    height: auto;
    display: flex;
}

.hd_st1_warp .hd_logo img {
    max-width: 100%;
    height: auto;
    display: flex;
}

.hd_st1_warp .hd_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hd_st1_warp .hd_menu_wrap {
    width: auto;
    height: auto;
    display: flex;
    gap: clamp(40px, 4.166vw, 80px);
}

.hd_st1_warp .hd_menu_wrap .menu {
    width: auto;
    height: auto;
    display: flex;
    font-size: clamp(14px, 0.781vw, 15px);
    color: #B0B0B0;
    line-height: 120%;
    text-decoration: none;
}

.hd_st1_warp .hd_menu_wrap .menu.on {
    color: #1C1C1C !important;
}

.st_max_w1 {
    /* width: 1120; */
    width: clamp(768px, 58.33vw, 1120px) !important;
}

.st_max_w2 {
    /* width: 1520; */
    width: clamp(768px, 79.16vw, 1520px) !important;
}

.st_max_w3 {
    /* width: 740; */
    width: clamp(720px, 38.54vw, 740px) !important;
}

.st_bg_color1 {
    background: #FFFFFF !important;
}

.st_flx_st1 {
    display: flex !important;
    align-items: center !important;
}

.jBox-wrapper {
    width: auto !important;
}

.pop_hd_st1 {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}

.pop_hd_st1 .pop_close {
    width: 20px;
    height: 20px;
    display: flex;
    background: url('../images/Icon/ic_pop_close.svg')no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border: none;
    margin: auto;
}

.pop_join_sns .tit_area::after {
    display: none !important;
}

.pop_join_sns .tit_area {
    align-items: flex-start !important;
}

.pop_join_sns .tit_area span {
    padding: 0;
    color: #1C1C1C !important;
}

.st_tit_area1 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 20px;
    margin-top: 40px;
}

.st_tit_area1 .tit {
    font-size: clamp(26px, 458vw, 28px);
    font-family: 'PretendardSB' !important;
}

.st_tit_area1 .btn_back {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.join_wrap .guide_txt_wrap {
    padding: 20px 0 32px 0;
}

.chklist_st1_wrap .txt {
    line-height: 130%;
}

.join_wrap .btn_wrap {
    margin-top: 32px;
}

.st_hd_top {
    margin-top: 81px;
}

.join_wrap .form_st1_wrap {
    padding-top: 52px;
    padding-bottom: 12px;
}

.join_wrap .form_st1_wrap .form_st1 .tit_area {
    margin-bottom: 8px;
}

.join_wrap.find_email .form_st1_wrap {
    padding-top: 12px;
}

.join_wrap.find_email .box_st1 {
    margin-bottom: 40px;
}

.join_wrap.pw_chg .form_st1_wrap .form_st1 {
    margin-bottom: 30px;
}

.st_pdB_n {
    padding-bottom: 0 !important;
}

.join_wrap .box_st1 {
    margin-top: 32px !important;
    margin-bottom: 8px !important;
}

.join_wrap.pd_st .form_st1_wrap {
    padding-top: 12px !important;
}

.join_wrap .box_st2 {
    padding-top: 10px;
}

a {
    text-decoration: none;
}

/*=======20250701 추가=======*/
.content_area {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.pg_location_info_wrap {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-bottom: 1px solid #E7E7E7;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 3;
}

.pg_location_info_wrap .pg_info_area {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pg_location_info_wrap .pg_info_area .pg_name {
    font-size: 12px;
    line-height: 120%;
    color: #B0B0B0;
    position: relative;
    padding-left: 16px;
    text-decoration: none;
}

.pg_location_info_wrap .pg_info_area .pg_name::after {
    content: ">";
    font-size: 12px;
    line-height: 120%;
    color: #B0B0B0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    margin: auto;
}

.pg_location_info_wrap .pg_info_area .pg_name.on {
    color: #1C1C1C !important;
}

.pg_location_info_wrap .pg_info_area .pg_name.on::after {
    color: #1C1C1C !important;
}

.pg_location_info_wrap .pg_info_area .pg_name:first-child::after {
    display: none !important;
}

.sc_st1_wrap {
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('../images/Other/bg_search1.png')no-repeat;
    background-size: cover;
}

.sc_st1_wrap .sc_area {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sc_box_st1 {
    width: 550px;
    height: 61px;
    background: #fff;
    border-radius: 200px;
    position: relative;
}

.sc_box_st1 .sc_input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 20px 50px 20px 20px;
    font-size: 16px;
    color: #1C1C1C;
    line-height: 130%;
    border-radius: 200px;
    overflow: hidden;
}

.sc_box_st1 .sc_input::placeholder {
    color: #D1D1D1;
}

search_icon_st1 {
    width: 20px;
}

.sc_box_st1::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url('../images/Icon/search_icon_st1.svg')no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    display: flex;
    position: absolute;
}

.sc_box_st1 .sc_input:focus {
    outline: 1px solid #1C1C1C;
}

.mark_st1 {
    padding: 4px 8px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-items: center;
    font-size: 10px;
    color: #9747FF;
    background: #F5EDFF;
    flex-shrink: 0;
}

.tkinfo_st1_wrap .info_area .name span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
}

.tkinfo_st1_wrap .info_area .place {
    width: auto;
    line-height: 120%;
}

.slide_st1 .swiper-button-next {
    right: 35%;
}

.slide_st1 .swiper-button-prev {
    left: 35%;
}

.slide_st1 .swiper-button-next {
    right: 35%;
}


.event_list_wrap {
    margin-top: 32px;
}

.event_list_wrap .tit_area {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 20px;
}

.event_list_wrap .tit_area .tit {
    /* font-size: 28px; */
    font-size: clamp(25px, 1.458vw, 28px);
    color: #1C1C1C;
    line-height: 130%;
    margin: 0;
}

.list_st4_wrap .list_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1.78%;
}

.list_st4_wrap .list_area .list {
    width: 23.66%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 53px;
    position: relative;
}

.list_st4_wrap .list_area .list.sd_st .thumb_area::after {
    content: var(--soldout-label);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    color: #fff;
    font-size: min(5.335vw, 20px);
    font-family: 'PretendardSB' !important;
}

.list_st4_wrap .list_area .list.sd_st .info_area .tit {
    color: #B0B0B0;
}

.list_st4_wrap .list_area .list.sd_st .info_area .date {
    color: #E7E7E7;
}

.list_st4_wrap .list_area .thumb_area {
    width: 100%;
    aspect-ratio: 0.79/1;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-bottom: 8px;
}

.list_st4_wrap .list_area .thumb_area img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.list_st4_wrap .list_area .thumb_area::before {
    content: '';
    display: block;
    padding-top: calc(200 / 158 * 100%);
}

.list_st4_wrap .list_area .thumb_area img {
    width: 100%;
    height: 100%;
}

.list_st4_wrap .list_area .mark_area {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.mark_st1 {
    padding: 4px 8px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-items: center;
    font-size: 10px;
    color: #9747FF;
    background: #F5EDFF;
    flex-shrink: 0;
}

.mark_st2 {
    padding: 4px 8px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-items: center;
    font-size: 10px;
    color: #FF47B5;
    background: #FFEDF8;
    flex-shrink: 0;
}

.list_st4_wrap .list_area .info_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.list_st4_wrap .list_area .info_area .tit {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 8px;
    font-size: min(4.265vw, 16px);
    line-height: 120%;
    color: #1C1C1C;
    font-family: 'PretendardSB' !important;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list_st4_wrap .list_area .info_area .date {
    width: 100%;
    height: auto;
    display: flex;
    font-size: min(3.2vw, 12px);
    color: #6D6D6D;
    line-height: 120%;
}

.footer .footer_top {
    margin-bottom: 20px;
}

.footer .footer_content {
    width: 100%;
    flex-direction: row !important;
    justify-content: space-between;
    display: flex;
}

.footer .footer_top .left_group {
    width: auto;
    display: flex;
    flex-direction: column;
}

.footer {
    width: 100%;
    height: auto;
    padding: 20px;
    border-top: none !important;
    background-color: #F6F6F6 !important;
    display: flex !important;
    flex-direction: column !important;
    bottom: inherit !important;
    z-index: 2 !important;
    align-items: center;
}

.footer .company_section {
    margin-top: 0;
    align-items: flex-start !important;
    gap: 8px !important;
    flex-direction: column !important;
    display: flex;
}

.footer .footer_logo {
    width: 35px;
    display: flex;
}

.footer .footer_logo img {
    box-shadow: none !important;
    width: 100% !important;
}

.footer .company_info_txt h5 {
    font-size: 12px;
    color: #1C1C1C;
    margin-bottom: 0;
}

.footer .inquiry_section {
    justify-content: flex-end;
    display: flex;
}

.inquiry_section h5 {
    display: none !important;
}

.footer .footer_top .right_group {
    width: auto;
    display: flex;
    flex-direction: column;
}

.footer .leng_sc_wrap {
    width: auto;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: flex-end;
}

.footer .leng_sc_wrap .tit {
    font-size: 10px;
    line-height: 120%;
    color: #B0B0B0;
    margin-right: 12px;
}

.footer .leng_sc_wrap .txt {
    font-size: 13px;
    line-height: 120%;
    color: #D1D1D1;
}

.footer .leng_sc_wrap .txt.on {
    color: #1C1C1C !important;
}

.footer .leng_sc_wrap a {
    margin-right: 8px;
}

.footer .leng_sc_wrap a:last-child {
    margin-right: 0 !important;
}

.footer .leng_sc_wrap .leng.on .txt {
    color: #1C1C1C;
}

.footer .company_info_txt {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer .company_info_txt .name {
    margin: 0;
}

.footer .company_info_txt .info_items {
    width: auto;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

#chat-channel-button {
    margin-top: 19px !important;
}

#chat-channel-button a img {
    display: none !important;
}

#chat-channel-button a {
    width: 72px;
    height: 24px;
    background: url('../images/Icon/icon_kakao.svg') no-repeat;
    background-size: cover;
    display: flex;
}

.footer .ft_toggle_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

.btn_ft_toggle {
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E7E7E7;
    background: #F6F6F6;
    position: relative;
}

.btn_ft_toggle .tit {
    font-size: 10px;
    line-height: 120%;
    color: #B0B0B0;
    position: relative;
    padding-right: 20px;
}

.btn_ft_toggle .tit::after {
    content: "";
    width: 8px;
    height: 4px;
    display: block;
    background: url('../images/Icon/ic_arrow_st1.svg') no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.footer .info_items {
    align-items: flex-start;
    gap: 8px !important;
}

.footer .info_items span {
    font-size: 10px !important;
    line-height: 120% !important;
    color: #B0B0B0 !important;
}

.footer .ft_toggle_area .btn_ft_toggle {
    margin-bottom: 20px;
}

.footer .ft_toggle_area .ft_tg_wrap {
    width: 100%;
    height: auto;
    display: none;
    flex-direction: column;
}

.footer .ft_toggle_area.on .ft_tg_wrap {
    display: flex !important;
}

.footer .company_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
}

.footer .company_content ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .company_content ul li {
    width: auto;
    height: auto;
    position: relative;
    padding: 0 8px;
    font-size: 10px;
    color: #888888;
}

.footer .company_content ul li::after {
    content: "";
    width: 1px;
    height: 9px;
    background: #E7E7E7;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.footer .company_content ul li:last-child::after {
    display: none !important;
}

.footer .company_content {
    width: 100%;
    height: auto;
}

.footer .company_content ul {
    list-style: none;
}

.btn_kakao_cn {
    width: 72px;
    height: 24px;
    background: url('../images/Icon/ic_kakao_cn.svg')no-repeat;
    background-size: cover;
    border: none;
    outline: none;
}

.top_area_wrap_st1.st3.jfy_center.fixed_st.search_area {
    height: 53px !important;
    min-height: 53px !important;
    padding-left: min(5.333vw, 20px) !important;
    padding-right: min(5.333vw, 20px) !important;
    justify-content: space-between !important;
}

.top_area_wrap_st1.st3 .logo_area {
    max-width: 144px !important;
}

.top_area_wrap_st1.st3 .logo_area img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    display: flex;
}

.top_area_wrap_st1.st3 .search_btn_st1 {
    width: 20px !important;
    height: 20px !important;
    right: min(5.333vw, 20px) !important;
}

.top_area_wrap_st1.fixed_st .search_iput {
    max-width: calc(100% - 20px) !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
}

.search_area .search_iput:valid {
    border-bottom: none !important;
}

.concert_list_wrap {
    margin-top: 15px !important;
}

.schcont_area {
    margin-top: 0 !important;
}

/* main {
    padding-top: 53px !important;
} */

.concert_list_wrap .swiper-slide {
    padding-top: 0 !important;
}

.shop_list_wrap {
    margin-top: 20px;
}

.list_st4_wrap .list_area .singer_info_area {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 8px;
}

.list_st4_wrap .list_area .singer_info_area .tit {
    font-size: min(3.2vw, 12px);
    color: #6D6D6D;
    line-height: 120%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list_st4_wrap .list_area .other_info_area {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 8px;
}

.list_st4_wrap .list_area .other_info_area .tit {
    font-size: min(3.2vw, 12px);
    line-height: 120%;
    color: #B0B0B0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
}

.list_st4_wrap .list_area .price_area {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-end;
}

.list_st4_wrap .list_area .price_area .price {
    font-size: min(4.265vw, 16px);
    line-height: 120%;
    color: #ED2D2D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
    word-break: break-all;
}

.list_st4_wrap .list_area .list.sd_st .singer_info_area .tit {
    color: #D1D1D1 !important;
}

.list_st4_wrap .list_area .list.sd_st .singer_info_area .tit {
    color: #d4d2d2 !important;
}

.list_st4_wrap .list_area .list.sd_st .price_area .price {
    color: #B0B0B0 !important;
}

.shop_list_wrap .list_area .thumb_area {
    aspect-ratio: 1 / 1 !important;
}

.shop_list_wrap .list_area .thumb_area::before {
    padding-top: 100% !important;
}

.prd_detail_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.prd_detail_wrap .prd_info1_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.prd_detail_wrap .prd_info1_wrap .prd_img_area {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
}

.prd_detail_wrap .prd_info1_wrap .prd_img_area img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.prd_detail_wrap .prd_info1_wrap .prd_img_area::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.prd_detail_wrap .prd_info1_wrap .singer_info_area {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.prd_detail_wrap .prd_info1_wrap .singer_info_area .tit {
    font-size: min(3.2vw, 12px);
    line-height: 120%;
    color: #6D6D6D;
    display: inline-block;
    word-break: break-all;
}

.prd_detail_wrap .prd_info1_wrap .info_area {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.prd_detail_wrap .prd_info1_wrap .info_area .tit {
    font-size: min(5.335vw, 20px);
    line-height: 130%;
    color: #1C1C1C;
    display: inline-block;
    word-break: break-all;
    font-family: 'PretendardSB' !important;
}

.prd_detail_wrap .prd_info1_wrap .other_info_area {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.prd_detail_wrap .prd_info1_wrap .other_info_area .tit {
    font-size: min(3.2vw, 12px);
    color: #B0B0B0;
    line-height: 120%;
    display: inline-block;
    word-break: break-all;
}

.prd_detail_wrap .prd_info1_wrap .price_area {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prd_detail_wrap .prd_info1_wrap .price_area .custom_scbox {
    width: 100px;
    margin-bottom: 0 !important;
    z-index: 2;
}

.prd_detail_wrap .prd_info1_wrap .price_area .price {
    font-size: min(5.335vw, 20px);
    line-height: 120%;
    color: #ED2D2D;
    white-space: nowrap;
    flex-shrink: 0;
}

.prd_detail_wrap .prd_info1_wrap .info_group {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: min(5.333vw, 20px) !important;
    padding-right: min(5.333vw, 20px) !important;
}

.prd_detail_wrap .prd_info1_wrap .price_area .custom_scbox .prev_txt span {
    max-width: 100% !important;
}

.prd_detail_wrap .prd_info1_wrap .price_area .custom_scbox .prev_txt {
    font-size: min(3.466vw, 13px) !important;
}

.prd_detail_wrap .prd_info1_wrap .price_area .custom_scbox .prev_txt span {
    font-size: min(3.466vw, 13px) !important;
}

.prd_detail_wrap .prd_info2_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.tabmenu_st2_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.tabmenu_st2_wrap .tmenu_wrap {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}

.tabmenu_st2_wrap .tmenu_wrap .tmenu {
    width: 33.333%;
    height: auto;
    display: flex;
    padding: 10px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font-size: min(4.1vw, 16px);
    color: #B0B0B0;
    position: relative;
    background: #fff;
    border: none;
}

.tabmenu_st2_wrap .tmenu_wrap .tmenu.on {
    color: #1C1C1C;
    font-family: 'PretendardSB' !important;
}

.tabmenu_st2_wrap .tmenu_wrap .tmenu.on::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #1C1C1C;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.tabmenu_st2_wrap .tabcont_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.tabmenu_st2_wrap .tabcont_wrap .tcont {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: none;
}

.tabmenu_st2_wrap .tabcont_wrap .tcont.on {
    display: flex !important;
}

.tabmenu_st2_wrap .tabcont_wrap .tcont .info_box {
    width: 100%;
    height: auto;
}

.bottom_btn_wrap {
    position: fixed !important;
    z-index: 4 !important;
}

.bottom_btn_pd {
    padding-bottom: 82px !important;
}

.bottom_join_wrap {
    z-index: 4 !important;
}

.bg_st1 {
    z-index: 3 !important;
}

.join_box .form_st1_wrap .form_st1 {
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
}

.join_box .form_st1_wrap .form_st1 .tit_area {
    width: auto;
    white-space: nowrap;
    margin-bottom: 0 !important;
}

.join_box .form_st1_wrap .form_st1 .form_area {
    width: auto;
}

.bottom_join_wrap .form_st1_wrap .form_st1 .count_st_wrap {
    margin-bottom: 0 !important;
}

.bottom_join_wrap .guide_txt {
    font-size: 12px;
    line-height: 120%;
    color: #ED2D2D;
}

.bottom_join_wrap .guide_txt_wrap {
    padding: 0 !important;
    margin-top: 16px;
}

.prd_detail_wrap.sd_st .prd_img_area::after {
    content: "SOLD OUT";
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    color: #fff;
    font-size: min(5.335vw, 20px);
    font-family: 'PretendardSB' !important;
}

.bottom_btn_wrap.sd_st button {
    background: #D1D1D1 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.top_area_wrap_st1.st3 {
    box-shadow: none !important;
}

main.bmenu_pd_st {
    padding-bottom: 64px !important;
}

main.hd_pd_st {
    padding-top: 53px !important;
}

main.btn_bottom_st {
    padding-bottom: 84px !important;
}

main.btn_bottom_st2 {
    padding-bottom: 132px !important;
}

.top_area_wrap_st1.fixed_st {
    height: 44px !important;
}

.tit_pd_st {
    padding-top: 44px !important;
    margin-top: 0 !important;
}

.form_st2_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    padding-bottom: 0 !important;
}

.form_st2_wrap .form_st2 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #1C1C1C;
    margin-bottom: 80px;
}

.form_st2_wrap .form_st2:last-child {
    margin-bottom: 0 !important;
}

.form_st2_wrap .form_st2 .tit_area {
    width: 100%;
    height: auto;
    display: flex;
    padding: 8px 0;
    margin-bottom: 12px;
}

.form_st2_wrap .form_st2 .tit_area .tit {
    font-family: 'PretendardSB' !important;
    font-weight: 500 !important;
    line-height: 120%;
}

.form_st2_wrap .form_st2 .form_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.form_st2_wrap .form_st2 .form_area .row_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px 0;
}

.form_st2_wrap .form_st2 .form_area .row_wrap .tit_wrap {
    max-width: 25%;
    height: auto;
}

.form_st2_wrap .form_st2 .form_area .row_wrap .tit_wrap .tit {
    font-size: min(4.265vw, 16px);
    line-height: 120%;
    color: #1C1C1C;
    font-family: 'PretendardSB' !important;
    font-weight: 500 !important;
}

.form_st2_wrap .form_st2 .form_area .row_wrap .info_wrap {
    width: 75%;
    height: auto;
    flex-shrink: 0;
    justify-content: flex-end;
    display: flex;
}

.form_st2_wrap .form_st2 .form_area .row_wrap .info_wrap.st2 {
    flex-direction: column !important;
}

.form_st2_wrap .form_st2 .form_area .row_wrap .info_wrap.st2 .info {
    width: 100%;
}

.form_st2_wrap .form_st2 .form_area .row_wrap .info_wrap .info {
    font-size: min(4.265vw, 16px);
    line-height: 120%;
    color: #1C1C1C;
    text-align: left;
    font-weight: 400;
    text-align: right;
}

.form_st2_wrap .form_st2 .form_area .row_wrap.total_price {
    border-top: 1px solid #D1D1D1;
}

.form_st2_wrap .form_st2 .form_area .row_wrap.total_price .price {
    font-size: min(5.333vw, 20px);
    line-height: 120%;
    color: #ED2D2D;
    font-family: 'PretendardSB' !important;
}

.count_st_wrap.st2 .count_box {
    width: 52px;
    height: 24px;
    font-size: 13px;
    line-height: 120%;
    color: #1C1C1C;
}

.form_st2_wrap .form_st2 .form_area .row_wrap {
    justify-content: space-between;
}

.btn_st2_warp {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.btn_st2_warp button {
    width: 100%;
}

.btn_st2_warp.w_half button {
    width: 48.8% !important;
}

.item_start {
    display: flex;
    align-items: flex-start !important;
}

.payment_form_wrap .dv_info_wrap {
    margin-bottom: 12px;
}

.payment_form_wrap .form_st2 .pickup_guide {
    width: 100%;
    height: auto;
    padding-top: 20px;
    align-items: center;
    justify-content: center;
    display: none;
    flex-wrap: wrap;
}

.payment_form_wrap .form_st2.op_pickup .pickup_guide {
    display: flex !important;
}

.payment_form_wrap .form_st2 .op_box {
    width: 100%;
    height: auto;
    display: none !important;
}

.payment_form_wrap .form_st2 .op_box.on {
    display: flex !important;
}

.payment_form_wrap .form_st2 .pickup_guide .txt {
    color: #1C1C1C;
    line-height: 120%;
    display: inline-block;
    word-break: break-all;
    font-size: min(4vw, 15px);
}

.payment_form_wrap .form_st2 .pickup_guide .txt.color_op {
    color: #ED2D2D !important;
    font-family: 'PretendardSB' !important;
    font-weight: 500 !important;
}

.payment_form_wrap .card_info_wrap {
    width: 100%;
    padding-top: 12px;
}

.payment_form_wrap .card_info_wrap .custom_scbox {
    margin-bottom: 0 !important;
}

.payment_form_wrap .card_info_wrap .row_wrap {
    padding: 0 !important;
    margin-bottom: 8px;
}

.payment_form_wrap .card_info_wrap .row_wrap:last-child {
    margin-bottom: 0 !important;
}

.form_st2_wrap .form_st2 .custom_scbox .prev_txt span {
    color: #D1D1D1 !important;
}

.form_st2_wrap .form_st2 .custom_scbox.on .prev_txt span {
    color: #1C1C1C !important;
}

.form_st2_wrap .custom_scbox .option_group {
    z-index: 1 !important;
}

.payment_form_wrap .card_info_wrap .date .bar {
    margin: 0 8px;
    font-size: min(4.265vw, 16px);
    color: #1C1C1C;
}

.payment_form_wrap .addr_info {
    display: none;
}

.payment_form_wrap .addr_info.on {
    display: flex !important;
}


.guide_iput_wrap {
    position: relative;
}

.guide_iput_wrap::after {
    content: "";
    width: 12px;
    height: 12px;
    background: url('../images/Icon/ic_info_mark.svg') no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 8px;
}

.guide_iput_wrap .input_st1 {
    padding-right: 24px;
}

.chk_wrap.st2 input.chk_st1[type="checkbox"] {
    display: none;
}

.chk_wrap.st2 input[type=checkbox]+label {
    border: none !important;
}

.chk_wrap span {
    line-height: 120%;
}

.chk_wrap.st3 input.chk_st1[type="checkbox"] {
    display: none;
}

.chk_wrap.st3 input[type=checkbox]+label {
    border: none !important;
}

.payment_form_wrap .row_wrap.card_info {
    margin-top: 8px;
}

.chk_wrap.st2 span {
    font-size: 12px !important;
    color: #6D6D6D !important;
}

.agree_list .chklist_st1_wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.agree_list .chklist_st1_wrap .tit_area {
    margin-bottom: 0 !important;
}

.agree_list .tit_area {
    padding-bottom: 0 !important;
}

.list_group .list_tit {
    font-size: min(4.265vw, 16px);
    line-height: 120%;
    margin-top: 20px;
    color: #1C1C1C !important;
    font-weight: 500;
}

.top_area_wrap_st1.fixed_st {
    z-index: 2;
}

.form_st3_wrap {
    padding-top: 20px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.form_st3_wrap .form_st {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}

.form_st3_wrap .form_st .tit_area {
    margin-bottom: 8px;
}

.form_st3_wrap .custom_scbox {
    margin-bottom: 0 !important;
}

.form_st3_wrap .row_wrap.half_st {
    gap: 8px;
}

.form_st3_wrap .form_st.phone .row_wrap.half_st input:first-child {
    width: 35% !important;
}

.form_st3_wrap .form_st.address .tit_area {
    margin-bottom: 4px !important;
}

.form_st3_wrap .form_st.address .address_op_box {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    margin-top: 16px;
}

.form_st3_wrap .form_st.address .address_op_box:last-child {
    margin-bottom: 0 !important;
}

.btn_st8 {
    padding: 8px 12px;
    background: #fff;
    color: #1C1C1C;
    font-size: min(3.2vw, 12px);
    line-height: 120%;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
}

.form_st3_wrap .form_st.address .address_op_box .row_wrap {
    margin-bottom: 6px;
}

.form_st3_wrap .form_st.address .address_op_box .row_wrap:last-child {
    margin-bottom: 0 !important;
}

.form_st3_wrap .form_st .row_wrap.sub_tit_area {
    margin-bottom: 6px;
}

.form_st3_wrap .form_st.address .address_op_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}


.bottom_btn_wrap.half_st {
    flex-direction: row !important;
    display: flex;
    gap: 16px;
}

.box_st10_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.box_st10_wrap .box_st10 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 2px 6px 12px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}

.box_st10_wrap .box_st10.on {
    border: 1px solid #1C1C1C !important;
}

.box_st10_wrap .box_st10 .row_wrap {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
}

.box_st10_wrap .box_st10 .addr_area span {
    font-family: 'PretendardR' !important;
}

.box_st10_wrap .box_st10 .phone_area span {
    line-height: 120%;
}

.box_st10_wrap .box_st10 .addr_area span {
    line-height: 120%;
}

.box_st10_wrap .box_st10 .addr_name_area {
    justify-content: space-between;
}

.box_st10_wrap .box_st10 .row_wrap:last-child {
    margin-bottom: 0 !important;
}

.box_st10_wrap .box_st10 .addr_name_area .name {
    max-width: 85%;
    line-height: 120%;
}

.box_st10_wrap .box_st10 .btn_op {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.box_st10_wrap .box_st10 .btn_op .btn_wrap {
    width: auto;
    height: auto;
    display: flex;
    gap: 8px;
}

.mark_st3 {
    height: 22px;
    padding: 4px 8px;
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-items: center;
    font-size: 12px;
    color: #454545;
    background: #E7E7E7;
    flex-shrink: 0;
}

.btn_st9 {
    padding: 8px 20px;
    background: #fff;
    color: #1C1C1C;
    font-size: min(3.465vw, 13px);
    line-height: 120%;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
}

.btn_st10 {
    padding: 8px 20px;
    background: #1C1C1C;
    color: #fff;
    font-size: min(3.465vw, 13px);
    line-height: 120%;
    border: 1px solid #1C1C1C;
    border-radius: 4px;
}

.set_addr_wrap {
    padding: 20px 0;
}

.box_st10_wrap .box_st10:last-child {
    margin-bottom: 0 !important;
}

.set_addr_wrap .btn_def_addr {
    display: flex;
}

.set_addr_wrap .box_st10.on .mark {
    display: flex !important;
}

.set_addr_wrap .box_st10 .mark {
    display: none;
}

.set_addr_wrap .box_st10.on .btn_def_addr {
    display: none !important;
}

section.section_wrap {
    padding-top: 44px !important;
    margin-top: 0 !important;
}

section.section_wrap2 {
    padding-top: 44px !important;
    margin-top: 0 !important;
}

.pd_top_n {
    padding-top: none !important;
}

.mg_top_n {
    margin-top: none !important;
}

section.pd_top_n {
    padding-top: 0 !important;
}

.count_st_wrap .count_box {
    width: 52px;
    height: 24px;
    font-size: min(3.465vw, 13px) !important;
}

.header-container {
    z-index: 2 !important;
}

.top_area_wrap_st1 .tit {
    font-weight: 500;
}

.top_area_wrap_st2 {
    padding-top: 25px !important;
}

.join_box .form_st1_wrap .form_st1 {
    margin-bottom: 8px;
}

.join_box .form_st1_wrap .form_st1:last-child {
    margin-bottom: 0 !important;
}

.custom_scbox .prev_txt span {
    line-height: 120%;
}

.ctg_menu_wrap {
    width: 100%;
    height: auto;
    display: flex;
    background: #fff;
}

.ctg_menu_wrap .cg_btn {
    width: auto;
    height: 42px;
    padding: 0 10px;
    text-align: center;
    justify-content: center;
    font-size: min(5.335vw, 20px);
    color: #D1D1D1;
    border: none;
    background: none;
}

.ctg_menu_wrap .cg_btn.on {
    color: #1C1C1C !important;
}

.tk_history_wrap {
    flex-direction: column;
}

.category_wrap .ctg_cont {
    display: none;
}

.category_wrap .ctg_cont.on {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-width: 100%;
}

.category_wrap .ctg_cont.goods .tabmenu_st1_wrap .tabmenu {
    width: 33.333%;
}

.gds_info_st1_wrap .gds_info_area {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    gap: min(3.2vw, 12px);
}

.gds_info_st1_wrap .gds_info_area .img_area {
    width: 106px;
    height: 106px;
    display: flex;
    flex-shrink: 0;
    position: relative;
}

.gds_info_st1_wrap .gds_info_area .img_area img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: flex;
}

.gds_info_st1_wrap .gds_info_area .info_area {
    width: calc(100% - 106px);
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.gds_info_st1_wrap .gds_info_area .info_area span {
    line-height: 120%;
}

.gds_info_st1_wrap .info_area .row_wrap {
    display: flex;
    flex-direction: column;
    z-index: 0;
}

.address_form_wrap {
    margin-bottom: 20px !important;
}

.address_form_wrap .address {
    margin-bottom: 0 !important;
}

.gds_info_st1_wrap.delivery .info_area .op_pickup {
    display: none;
}

.gds_info_st1_wrap.pickup .info_area .op_delivery {
    display: none;
}

.gds_info_st1_wrap.delivery .op_delivery .status1 {
    color: #6D6D6D !important;
}

.gds_info_st1_wrap.delivery .op_delivery .status2 {
    color: #2D31ED !important;
    display: none;
}

.gds_info_st1_wrap.delivery .op_delivery .status3 {
    color: #FF47B5 !important;
    display: none;
}

.gds_info_st1_wrap.delivery.op1 .op_delivery .status1 {
    display: flex !important;
}

.gds_info_st1_wrap.delivery.op1 .op_delivery .status2 {
    display: none;
}

.gds_info_st1_wrap.delivery.op1 .op_delivery .status3 {
    display: none;
}

.gds_info_st1_wrap.delivery .btn_wrap {
    margin-top: 12px;
}


.gds_info_st1_wrap.delivery.op2 .btn_wrap {
    display: none;
}

.gds_info_st1_wrap.delivery.op2 .op_delivery .status1 {
    display: none;
}

.gds_info_st1_wrap.delivery.op2 .op_delivery .status2 {
    display: flex !important;
}

.gds_info_st1_wrap.delivery.op2 .op_delivery .status3 {
    display: none;
}


.gds_info_st1_wrap.delivery.op3 .op_delivery .status1 {
    display: none;
}

.gds_info_st1_wrap.delivery.op3 .op_delivery .status2 {
    display: none;
}

.gds_info_st1_wrap.delivery.op3 .op_delivery .status3 {
    display: flex !important;
}

.gds_info_st1_wrap.delivery.op3 .btn_wrap {
    display: none;
}

.gds_info_st1_wrap .info_num {
    flex-direction: row !important;
    gap: 8px;
}

.gds_info_st1_wrap.delivery.op1 .op1_wrap {
    display: flex;
}

.gds_info_st1_wrap.delivery .op3_wrap {
    display: none;
}

.gds_info_st1_wrap.delivery.op2 .op1_wrap {
    display: none;
}

.gds_info_st1_wrap.delivery.op2 .op3_wrap {
    display: none;
}


.gds_info_st1_wrap.delivery.op3 .op1_wrap {
    display: none;
}

.gds_info_st1_wrap.delivery.op3 .op3_wrap {
    display: flex;
}


.gds_info_st1_wrap.pickup .btn_wrap {
    display: none;
}

.gds_info_st1_wrap.pickup .op_pickup .status1 {
    color: #6D6D6D !important;
}

.gds_info_st1_wrap.pickup .op_pickup .status2 {
    color: #FF47B5 !important;
    display: none;
}

.gds_info_st1_wrap.pickup.op1 .op_pickup .status1 {
    display: flex;
}

.gds_info_st1_wrap.pickup.op1 .op_pickup .status2 {
    display: none;
}

.gds_info_st1_wrap.pickup.op2 .op_pickup .status1 {
    display: none;
}

.gds_info_st1_wrap.pickup.op2 .op_pickup .status2 {
    display: flex;
}

/* .gds_info_st1_wrap.picku .op3_wrap{
    display: none;
}
.gds_info_st1_wrap.picku .op2 .op1_wrap{
    display: none!important;
}
.gds_info_st1_wrap.picku.op2 .op3_wrap{
    display: flex!important;
} */

.gds_info_st1_wrap.pickup .op3_wrap {
    display: none;
}

.gds_info_st1_wrap.pickup.op2 .op1_wrap {
    display: none;
}

.gds_info_st1_wrap.pickup.op2 .op3_wrap {
    display: none;
}


.mark_st4 {
    width: auto;
    height: 20px;
    display: flex;
    padding: 4px 8px;
    background: #FFFFFF;
    border-radius: 80px;
    color: #454545;
    font-size: min(2.665vw, 10px);
    flex-shrink: 0;
}

.gds_info_st1_wrap .gds_info_area .img_area .mark_st4 {
    position: absolute;
    top: 8px;
    left: 8px;
}


.gds_info_st1_wrap.delivery .badge_st2 {
    display: none;
}

.gds_info_st1_wrap.pickup .badge_st1 {
    display: none;
}

.gds_info_st1_wrap {
    margin-bottom: 20px;
}

.gds_info_st1_wrap:last-child {
    margin-bottom: 0 !important;
}

.gds_info_st1_wrap .btn_st2 {
    border: 1px solid #D1D1D1;
}


.gds_order_wrap .st_pkup {
    display: none;
}

.gds_order_wrap.st_pickup .form_op.st_pkup {
    display: flex !important;
}

.gds_order_wrap.st_pickup .st_dv {
    display: none !important;
}

.gds_order_wrap .point_color {
    color: #2D31ED !important;
}

.gds_order_wrap .price_color {
    color: #ED2D2D !important;
}

.tk_history_wrap.category_wrap .ctg_menu_wrap {
    position: sticky;
    top: 44px;
    z-index: 1;
    background: #fff;
}

.tk_history_wrap.category_wrap .tabmenu_st1_wrap .menu_area {
    position: sticky;
    top: 86px;
    background: #fff;
    z-index: 1;
}

.bottom_menu_wrap .b_menu_list .b_menu1.on .icon {
    background-size: contain !important;
}

.push_set_wrap {
    margin-top: 20px !important;
}

.chk_wrap input.chk_st1[type="checkbox"] {
    display: none;
}

.chk_wrap input.chk_st1[type=checkbox]+label {
    border: none;
}

/* 약관 섹션 */
.join_wrap_s2 {
    padding: 20px;
    max-width: 600px;
    margin: 0 auto;
}

/* 체크박스 서비스 래퍼 */
.chk_service_wrap {
    margin-bottom: 20px;
}

.chk_service_wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 체크박스 리스트 */
.chk_list {
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    background-color: #ffffff;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* 체크박스 라벨 */
.lb_item_check {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-right: 12px;
    position: relative;
}

/* 체크박스 입력 */
.item_check {
    width: 20px;
    height: 20px;
    border: 2px solid #d1d5db;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
    appearance: none;
    position: relative;
    margin: 0;
}

.item_check:checked {
    background-color: #3b82f6;
    border-color: #3b82f6;
}

.item_check:checked::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.item_check:hover {
    border-color: #3b82f6;
}

/* 폰트 컬러 */
.font_color {
    color: #6b7280;
    font-size: 14px;
    margin-right: 8px;
    font-weight: 500;
}


.tkinfo_list .box_st4 .tk_info_group {
    width: auto;
    max-width: 62%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.tkinfo_list .box_st4 {
    align-items: center;
    justify-content: space-between;
}

.tkinfo_list .box_st4 .seat {
    font-size: min(3.2vw, 12px) !important;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #888888;
    font-family: 'PretendardR' !important;
}

.tkinfo_list .box_st4 .tk_name {
    font-size: min(4vw, 15px) !important;
    max-width: 100%;
    line-height: 120%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #1C1C1C;
    font-family: 'PretendardM' !important;
}

.tkinfo_list .box_st4 .price {
    max-width: 35%;
}

.tkinfo_list .box_st4 .price {
    font-size: min(4.266vw, 16px) !important;
    line-height: 130%;
}

.pop4 .guide_st3_wrap {
    padding-top: 8px;
    padding-bottom: 0;
}

.send_tk_wrap .guide_st3_wrap {
    padding-bottom: 0 !important;
}

.send_tk_wrap .guide_st3_wrap .tit_area {
    gap: 8px;
}

.send_tk_wrap .guide_st3_wrap .tit {
    margin-bottom: 0 !important;
}

.send_tk_wrap .sc_info_area {
    gap: 8px;
}

.popup_style {
    max-height: 500px;
}

div.jBox-Modal .jBox-container {
    width: auto;
    /*max-width: 95% !important;*/
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
}

/* div.jBox-Modal .jBox-content {
    width: 100% !important;
} */


.list_st6 .list .thumb_area {
    margin-bottom: 0;
    border-radius: 0;
}

.list_st6 .list .info_group_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 8px;
}

.list_st6 .list .tk_info_area .tit {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 8px;
    font-size: min(4.265vw, 16px);
    line-height: 130%;
    color: #1C1C1C;
    font-family: 'PretendardSB' !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list_st6 .list .info_area {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 8px;
}

.list_st6 .list .info_area span {
    /*font-size: 12px;*/
    font-size: min(3.2vw, 12px);
    color: #6D6D6D !important;
    line-height: 120%;
}

.list_st6 .list .status_area {
    width: 100%;
    height: 36px;
    display: flex;
    border-top: 1px solid #D1D1D1;
}

.list_st6 .list .status_area .tit {
    width: 41%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*font-size: 13px;*/
    font-size: min(3.465vw, 13px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 120%;
    display: flex;
    text-decoration: none;
}

.list_st6 .list .status_area .status {
    width: 59%;
    height: 100%;
}

.list_st6 .list .status_area .st_box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: min(3.465vw, 13px);
    color: #fff;
    word-break: break-all;
    line-height: 120%;
}

.list_st6 .list .status_area .st1 {
    background: #1C1C1C;
    gap: 4px;
}

.list_st6 .list .status_area .st1 .num {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    background-color: #fff;
    font-size: min(2.665vw, 10px);
    color: #1C1C1C;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 1px;
    text-align: center;
    flex-shrink: 0;
}

.list_st6 .list .status_area .st2 {
    display: none;
    background: #D1D1D1;
}

.list_st6 .list {
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.08);
}

.list_st6 .list.sd_st .status_area .st1 {
    display: none !important;
}

.list_st6 .list.sd_st .status_area .st2 {
    display: flex !important;
}

.list_st6 .list .thumb_area {
    aspect-ratio: 71 / 75 !important;
}

.list_st6 .list .thumb_area::before {
    padding-top: calc(75 / 71 * 100%) !important;
}

.list_st6 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mgT_st1 {
    margin-top: 20px !important;
}

main.cont_wrap.pd_top_n {
    padding-top: 0 !important;
}

.qr_detail_wrap .tkinfo_info_wrap {
    padding-bottom: 20px !important;
}

.qr_detail_wrap .ticket_info_wrap .bottom_wrap .info2 {
    padding: 0 !important;
}

.total_info_st1 {
    width: 100%;
    height: auto;
    display: flex;
    gap: 2px;
    padding: 8px 0;
}

.total_info_st1 .tit {
    width: auto;
    height: auto;
    /*font-size: 16px;*/
    font-size: min(4.265vw, 16px);
    color: #B0B0B0;
    word-break: break-all;
    line-height: 1;
    font-family: 'PretendardSB' !important;
}

.total_info_st1 .tit.num {
    color: #1C1C1C !important;
}

.list_st7_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.qr_detail_wrap .list_st7_wrap {
    padding-top: 20px;
}

.list_st7_wrap .list {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.list_st7_wrap .list:last-child {
    margin-bottom: 0 !important;
}

.list_st7_wrap .mark_area {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.mark_st5 {
    width: auto;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    background: #FFEDF8;
    border-right: 4px;
    color: #FF47B5;
    font-size: min(3.2vw, 12px);
    word-break: break-all;
    line-height: 120%;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.list_st7_wrap .info_group {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.list_st7_wrap .row_wrap {
    margin-bottom: 8px;
}

.list_st7_wrap .row_wrap:last-child {
    margin-bottom: 0 !important;
}

.list_st7_wrap .info .tit {
    width: 21%;
    height: auto;
    /*font-size: 16px;*/
    font-size: min(4.265vw, 16px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 130%;
    font-family: 'PretendardSB' !important;
}

.list_st7_wrap .info .txt {
    width: 77%;
    height: auto;
    /*font-size: 16px;*/
    font-size: min(4.1vw, 16px);
    color: #6D6D6D;
    word-break: break-all;
    line-height: 130%;
}

.list_st7_wrap .list .btn_wrap {
    width: 100%;
    height: auto;
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.list_st7_wrap .list .btn_wrap button:first-child {
    width: 41%;
    flex-shrink: 0;
}

.jBox-Modal .jBox-title {
    font-size: min(5.335vw, 20px);
    padding: 15px 30px !important;
    padding-top: 32px !important;
    text-align: center !important;
    border-bottom: none !important;
}

.jBox-closeButton-title svg {
    display: none;
}

.jBox-closeButton-title .jBox-closeButton {
    top: 31px;
    right: 20px;
    width: 20px !important;
    height: 20px !important;
    background: url('../images/Icon/ic_pop_close.svg') no-repeat;
}

.jBox-wrapper {
    width: 100% !important;
}

.seat_info_area {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: block;
    text-align: center;
}

.popup_style {
    max-width: 400px !important;
}

.seat_info_pop {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center;
}

.seat_info_pop .btn_wrap {
    width: 100% !important;
}

.join_box.st2 .join_other_wrap .custom_scbox {
    margin-bottom: 0 !important;
}

.custom_scbox.tk_info .tk_info_group {
    width: 64% !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left;
}

.custom_scbox.tk_info .option {
    height: auto !important;
    align-items: center;
}

.join_box.st2 .custom_scbox .option {
    z-index: 1;
    background: #fff;
    position: relative;
}

.custom_scbox.tk_info .option .tk_info {
    max-width: 100%;
}

.custom_scbox.tk_info .option .seat_info {
    max-width: 100%;
    line-height: 120% !important;
    color: #888888 !important;
}

.custom_scbox.tk_info .prev_txt span:last-child {
    color: #888888 !important;
}

.custom_scbox.tk_info .prev_txt span {
    max-width: 84% !important;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
}

.custom_scbox.tk_info .prev_txt span.tit_st24 {
    /*outline: 1px solid blue;*/
    white-space: normal !important;
    flex-shrink: 0;
}

custom_scbox.tk_info span.tit_st24 {
    white-space: normal !important;
    flex-shrink: 0 !important;
}

.join_box.st2 .form_st1_wrap .form_st1 .form_area {
    width: 75% !important;
}

.custom_scbox.tk_info .prev_txt {
    justify-content: space-between;
    align-items: center;
}

.join_box.st2 .form_st1_wrap .form_st1 {
    margin-bottom: 30px !important;
}

.custom_scbox {
    padding-right: 26px;
}

.custom_scbox.tk_info .prev_txt span:not(.price) {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom_scbox.tk_info .prev_txt .tk_info_group {
    /*background: red!important;*/
    max-width: 63% !important;
}

.custom_scbox.tk_info .prev_txt .tk_info_group .price {
    white-space: normal !important
}

.custom_scbox.tk_info .tk_info_group {
    /*outline: 1px solid blue;*/
}

.bottom_btn_wrap.half_st2 {
    gap: 8px;
    display: flex;
}

.btn_wrap.half_st2 {
    gap: 8px;
    display: flex;
}

.info_st3_wrap span {
    line-height: 130%;
}

.tkdetail_wrap .tk_info.st2 .tk_info_group {
    width: 65%;
    overflow: 1px solid red;
}

.tkdetail_wrap .tk_info.st2 .tk_info_group .tit {
    width: 42%;
    line-height: 130%;
}

.tkdetail_wrap .tk_info.st2 .tk_info_group .txt {
    width: 61%;
    max-width: inherit;
    line-height: 130%;
}

.tkdetail_wrap .tk_info.st2 .tk_info_group>.row_wrap {
    justify-content: space-between;
}


.ticket_info_wrap {
    padding-top: 40px;
}

.tkinfo_info_wrap.info1 {
    padding-bottom: 20px;
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 20px;
}

.tkinfo_info_wrap.info1 .row_wrap {
    margin-bottom: 8px;
}

.tkinfo_info_wrap.info1 .row_wrap:last-child {
    margin-bottom: 0;
}

.tkinfo_info_wrap.info1 .dtime {
    gap: 20px;
}

.tkinfo_info_wrap.info1 .dtime span {
    color: #6D6D6D;
    font-family: 'PretendardR' !important;
}

.ticket_info_wrap .top_wrap {
    flex-direction: row;
    gap: 20px;
}

.ticket_info_wrap .top_wrap .img_group {
    width: auto;
    height: auto;
    display: flex;
    flex-shrink: 0;
    position: relative;
}

.ticket_info_wrap .top_wrap .img_group .img_area {
    display: flex;
    width: 360px;
    aspect-ratio: 0.935 / 1;
    height: auto;
    flex-shrink: 0;
}

.ticket_info_wrap .top_wrap .info_group {
    width: calc(100% - 380px);
    display: flex;
    height: auto;
    flex-direction: column;
    flex-shrink: 0;
    padding: 20px 0;
}

.ticket_info_wrap .top_wrap .tag_area {
    padding: 20px;
}

.ticket_info_wrap .info_group .info3 {
    padding-bottom: 40px;
}

.ticket_info_wrap .tk_info_group {
    text-align: left;
}

.ticket_info_wrap .tkinfo_info_wrap {
    text-align: left;
}

.ticket_info_wrap .tkinfo_info_wrap .sub_txt_area {
    margin-bottom: 8px;
}

.st_bottom_pd1 {
    padding-bottom: 82px !important;
}

.bottom_btn_wrap {
    border-top: 1px solid #D1D1D1;
}

.jBox-wrapper {
    text-align: center !important;
}

.popup_style .form_st1_wrap.buy_tk .form_st1 {
    margin-bottom: 0 !important;
}

.popup_style .form_st1_wrap.buy_tk .custom_scbox {
    margin-bottom: 32px;
}

.popup_style .btn_wrap {
    padding-top: 20px;
}

.popup_style .buy_tk .count_st_wrap {
    margin-bottom: 0 !important;
}

.pop_hd_st1.op2 {
    height: 48px;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0 20px;
    margin: 0;
}

.popup_style .form_st1_wrap {
    padding: 20px 0;
}

.st_box1 {
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 40px 0;
}

.st_tit_area2 {
    width: 100%;
    height: auto;
    min-height: 60px;
    display: flex;
    padding: 0 24px;
    position: relative;
    align-items: center;
}

.st_btn_arrow1 {
    width: 24px;
    height: 24px;
    display: flex;
    flex-shrink: 0;
    background: url('../images/Icon/arrow_btn_st7.svg')no-repeat;
    background-size: cover;
}

.st_tit_area2 .back_btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.st_tit_area2 .tit {
    font-size: clamp(25px, 1.458vw, 28px);
    color: #1C1C1C;
    line-height: 130%;
    font-family: 'PretendardSB' !important;
}

.sc_box1 .st_tit_area2 {
    margin-bottom: 20px;
}

.info_st4_wrap>.row_wrap {
    justify-content: flex-start;
}

.tk_buy_wrap .info_st4_wrap .row_wrap .tit {
    width: 16.5%;
    max-width: 16.5%;
    flex-shrink: 0;
}

.tk_buy_wrap .info_st4_wrap .row_wrap .txt {
    width: auto;
    max-width: inherit !important;
}

.tk_buy_wrap .info_st4_wrap .row_wrap .txt {
    white-space: normal;

}

.tk_buy_wrap .info_st4_wrap .row_wrap .txt {
    white-space: normal;
    align-items: center;
    justify-content: center;
    display: flex;
}

.chk_wrap input.chk_st1[type=checkbox] {
    display: none;
}

.st_mgB1 {
    margin-bottom: 100px;
}

.footer .company_content a {
    cursor: pointer;
}

.st_box1 .st_tit_area2 {
    margin-bottom: 20px;
}

.st_box1 .buy_info_wrap {
    margin: 0;
    padding: 20px 0;
}

.bottom_btn_wrap.half_st2 .inbox {
    gap: 8px;
    flex-direction: row;
    display: flex;
}

/* 20250701 */

/*=======20250702 추가=======*/
.tabmenu_st1_wrap .tabmenu {
    cursor: pointer;
}

.list_st6 .list .status_area .tit {
    width: 30%;
}

.list_st6 .list .status_area .status {
    width: 70%;
}

.list_st6 .list .status_area .st_box {
    padding: 16px 12px;
    position: relative;
}

.list_st6 .list .status_area .st_box.st1 {
    justify-content: flex-start !important;
}


.list_st6 .list .status_area .st_box.st1 {
    padding-right: 30px;
}

.list_st6 .list .status_area .st_box.st1::after {
    content: "";
    width: 16px;
    height: 16px;
    display: flex;
    position: absolute;
    top: 4px;
    bottom: 0;
    right: 12px;
    background: url('../images/Icon/arrow_btn_st8.svg')no-repeat;
    background-size: cover;
    margin: auto;
}

.list_st6 .list .tk_info_area .tit {
    height: 48px;
}

.list_st6 .list .tk_info_area .tit {
    /* font-size: 20px; */
    font-size: min(5.335vw, 20px);
    color: #1C1C1C;
    word-break: break-all;
    font-family: 'PretendardB';
    line-height: 120%;
}

.my_tk_list {
    margin-top: 40px;
    margin-bottom: 60px;
}

.my_tk_list .tit_area {
    width: 100%;
    height: auto;
    min-height: 60px;
    display: flex;
    margin-bottom: 8px;
}

.list_st6 .tk_info_area {
    margin-bottom: 8px;
}

.list_st6 .info_place {
    margin-bottom: 8px;
}

.list_st6 .info_place .place {
    width: 100%;
    height: auto;
    display: flex;
    font-size: min(3.2vw, 12px);
    color: #6D6D6D;
    line-height: 120%;
}

.list_st6 .list .info_area {
    margin-bottom: 0 !important;
}

.list_st6 .list .info_group_area {
    padding: 16px;
}

.list_st4_wrap .list_area .list>a {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
}

.list_st6 .list .tk_info_area .tit {
    margin-bottom: 0 !important;
}

.my_tk_list .list_area .info_area span {
    width: auto!important;
    color: #1C1C1C !important;
    /*font-size: 16px;*/
    font-size: min(4.265vw, 16px)!important;
}
.my_tk_list .list_area .info_area{
    justify-content: flex-start!important;
}
.my_tk_list .list_area .info_area .date{
    margin-right: 40px;
}

.my_tk_info_wrap {
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.my_tk_info_wrap .tk_area {
    width: 265px;
    padding-top: 28px;
}

.my_tk_info_wrap .tkinfo_st1_wrap .img_area::before {
    display: none;
}

.my_tk_info_wrap .tkinfo_st1_wrap .img_area {
    aspect-ratio: 0.9464 / 1;
}

.my_tk_info_wrap .tkinfo_st1_wrap .info_area {
    padding: 16px;
}

.my_tk_info_wrap .tkinfo_st1_wrap .info_area .row_wrap {
    margin-bottom: 8px;
}

.my_tk_info_wrap .tkinfo_st1_wrap .info_area .row_wrap:last-child {
    margin-bottom: 0;
}

.my_tk_info_wrap .list_area {
    width: calc(100% - 265px);
    display: flex;
    flex-direction: column;
}

.total_info_st1 .tit {
    font-size: min(3.2vw, 12px);
}

.my_tk_detail .st_tit_area2 {
    margin-bottom: 0 !important;
}

.list_st7_wrap .list .btn_wrap button:first-child {
    width: 29%;
}

.list_st7_wrap .guide_txt {
    margin-top: 8px;
    line-height: 120%;
}

.list_st7_wrap .mark_area {
    margin-bottom: 20px;
}

.list_st7_wrap .row_wrap {
    margin-bottom: 20px;
}

.list_st7_wrap .list .btn_wrap {
    margin-top: 27px;
}

.list_st7_wrap .info .tit {
    width: 16%;
}

.list_st7_wrap .row_wrap {
    gap: 8px;
}

.my_tk_detail {
    margin-bottom: 40px;
}

.pg_location_info_wrap .pg_info_area .pg_name.on {
    font-family: 'PretendardSB' !important;
}

.st_mg_b2 {
    margin-bottom: 20px !important;
}

.popup_style {
    max-height: inherit;
    flex-direction: column;
}

.popup_style {
    max-width: 100% !important;
    overflow-y: auto;
}

div.jBox-Modal div.jBox-container {
    /*max-width: inherit !important;*/
}

.jBox-Modal div.jBox-content {
    max-width: 400px;
    max-height: 670px !important;
    overflow-y: hidden !important;
}

.seat_info_area {
    /*height: 550px;*/
    height: auto;
}

.sc_st1_wrap.pg_shop {
    background: url('../images/Other/bg_search2.png')no-repeat !important;
    background-size: cover !important;
}

.sc_box_st1 {
    box-shadow: 2px 6px 12px 0px rgba(0, 0, 0, 0.08);
}

.list_st4_wrap .list_area .list.sd_st .info_area.goods .tit {
    color: #B0B0B0 !important;
}

.list_st4_wrap .list_area .list {
    margin-bottom: 32px;
}

.shop_list_wrap {
    margin-bottom: 70px;
}

.prd_detail_wrap {
    padding-top: 40px;
}

.prd_detail_wrap .prd_info1_wrap .info_area:last-child {
    margin-bottom: 0;
}

.prd_detail_wrap .prd_info1_wrap .info_group {
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 20px;
}

.prd_detail_wrap .prd_info1_wrap .goods_info_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.prd_detail_wrap .goods_info_wrap .prd_img_area {
    width: 360px !important;
    height: auto;
    flex-shrink: 0;
}

.prd_detail_wrap .prd_info1_wrap .goods_info_wrap {
    align-items: flex-start;
}

.prd_detail_wrap .prd_info1_wrap .price_area {
    flex-direction: column;
    margin-top: 20px;
}

.prd_detail_wrap .prd_info1_wrap .price_area .goods_prd {
    align-items: center;
    justify-content: space-between;
}

.prd_detail_wrap .prd_info1_wrap .price_area .title {
    margin-bottom: 12px;
}

.prd_detail_wrap .prd_info1_wrap .price_area .title .tit {
    font-size: min(4.265vw, 16px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 130%;
    font-family: 'PretendardSB' !important;
}

.prd_detail_wrap .prd_info1_wrap {
    margin-bottom: 20px;
}

.tabmenu_st2_wrap .tmenu_wrap {
    margin-bottom: 20px;
}

.popup_style .buy_tk .guide_txt {
    text-align: left;
    margin-top: 20px;
}

.payment_form_wrap .card_info_wrap .row_wrap {
    margin-bottom: 16px;
}

.payment_form_wrap .custom_scbox.st2.on .prev_txt span {
    font-size: min(4.265vw, 16px) !important;
}

.card_info_wrap .guide_iput_wrap {
    width: 48.557% !important;
}

.card_info_wrap .guide_iput_wrap .input_st1 {
    width: 100%;
}

.payment_form_wrap .chklist_st1_wrap .chk_wrap span {
    line-height: 130%;
}

.list_group .list_tit {
    font-family: 'PretendardSB' !important;
}

.list_group .list_tit {
    line-height: 130%;
}

.payment_form_wrap {
    margin-bottom: 60px;
}

.box_st10_wrap .box_st10 .addr_name_area .left_wrap {
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 8px;
}

.box_st10_wrap .box_st10 .addr_name_area .btn_wrap {
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 8px;
}

.box_st10_wrap .box_st10 {
    padding: 28px 0;
    border-bottom: 1px solid #D1D1D1 !important;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0 !important;
}


input.radio_st1[type=radio] {
    display: none;
}

input.radio_st1[type="radio"] {
    width: 18px;
    height: 18px;
}

input.radio_st1[type=radio]+label {
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url('../images/Icon/radio_st1.svg')no-repeat;
    background-size: cover;
    display: inline-block;
}

input.radio_st1[type=radio]:checked+label {
    background: url('../images/Icon/radio_st1_on.svg') no-repeat !important;
    background-size: cover !important;
}

.set_addr_wrap {
    background: #fff;
    padding: 0;
}

.box_st10_wrap .box_st10:first-child {
    padding-top: 0 !important;
}

.box_st10_wrap .box_st10:last-child {
    border-bottom: none !important;
}

.set_addr_wrap {
    margin-bottom: 100px;
}

.half_box_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
}

.half_box_wrap .box {
    width: 50%;
}

.half_box_wrap .box:first-child {
    border-right: 1px solid #D1D1D1;
    padding-right: 30px;
}

.half_box_wrap .box:last-child {
    padding-left: 30px;
}

.popup_style .half_box_wrap {
    margin-top: 20px;
}

.popup_style .address_form_wrap .custom_scbox {
    margin-bottom: 0 !important;
}

.popup_style .address_form_wrap .form_st {
    margin-bottom: 20px;
}

.popup_style .address_form_wrap .box .form_st:last-child {
    margin-bottom: 0 !important;
}

.popup_style .custom_scbox.st2.on .prev_txt span {
    font-size: min(4.265vw, 16px) !important;
}

.address_form_wrap {
    padding: 0 !important;
}

.shop_list_wrap .tit_area {
    padding: 12px 0;
    margin-bottom: 8px;
}

.shop_list_wrap .tit_area .tit {
    /* font-size: 28px; */
    font-size: clamp(25px, 1.458vw, 28px);
    color: #1C1C1C;
    line-height: 130%;
    margin: 0;
}

.prd_detail_wrap .prd_info1_wrap .price_area .price {
    font-family: 'PretendardSB' !important;
}

/*=======20250702 추가=======*/

/* 20250710 추가 결제 성공 / 결제 실패 화면 */
.wrap {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
}

.domestic_container2 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    min-height: calc(100vh - 40px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cash_count {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    padding: 40px 24px 24px 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    text-align: center;
    position: relative;
    margin: 0;
    border: none;
    min-height: auto;
}

.cash_count .tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 32px;
}

.cash_count .tit img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    display: block;
}

.cash_count .tit p {
    font-size: min(5.333vw, 20px);
    font-family: 'PretendardSB', sans-serif;
    color: #1C1C1C;
    line-height: 130%;
    margin: 0;
    word-break: keep-all;
    text-align: center;
}

.count_list_wrap {
    width: 100%;
    margin-bottom: 40px;
}

.count_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 16px 0;
    border-bottom: 1px solid #F0F0F0;
    gap: 8px;
}

.count_list:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.count_list .tit {
    font-size: min(3.466vw, 13px);
    font-family: 'PretendardM', sans-serif;
    color: #6D6D6D;
    margin: 0;
    width: 100%;
    text-align: left;
    line-height: 120%;
}

.count_list p {
    font-size: min(4.266vw, 16px);
    font-family: 'PretendardSB', sans-serif;
    color: #1C1C1C;
    margin: 0;
    width: 100%;
    line-height: 130%;
    word-break: break-all;
}

.count_list:nth-child(4) p {
    color: #ED2D2D;
    font-size: min(4.8vw, 18px);
}

.cash_count button {
    width: 100%;
    height: 48px;
    background: #1C1C1C;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: min(4.266vw, 16px);
    font-family: 'PretendardSB', sans-serif;
    cursor: pointer;
    transition: all 0.2s ease;
    position: static;
    bottom: auto;
    max-width: none;
    margin-top: 8px;
}

.cash_count button:hover {
    background: #333;
    transform: translateY(-1px);
}

.cash_count button:active {
    transform: translateY(0);
}

/* 실패 페이지 특별 스타일 */
.cash_count .count_list_wrap .count_list:only-child {
    background: #FFF5F5;
    border: 1px solid #FFEBEE;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #FFEBEE;
}

.cash_count .count_list_wrap .count_list:only-child .tit {
    color: #D32F2F;
    font-size: min(4.266vw, 16px);
    font-family: 'PretendardSB', sans-serif;
}

.cash_count .count_list_wrap .count_list:only-child p {
    color: #B71C1C;
    font-size: min(3.733vw, 14px);
    font-family: 'PretendardR', sans-serif;
    line-height: 140%;
}

/* 성공 페이지 아이콘 색상 개선 */
.cash_count .tit img[alt*="성공"] {
    filter: hue-rotate(120deg) saturate(1.2);
}

/* 실패 페이지 아이콘 색상 개선 */
.cash_count .tit img[alt*="orderFailed"] {
    filter: hue-rotate(0deg) saturate(1.1);
}

/* 반응형 개선 */
@media (max-width: 375px) {
    .domestic_container2 {
        padding: 16px;
    }

    .cash_count {
        padding: 32px 20px 20px 20px;
    }

    .cash_count .tit img {
        width: 60px;
        height: 60px;
        margin-bottom: 16px;
    }

    .cash_count .tit p {
        font-size: 18px;
    }

    .count_list {
        padding: 12px 0;
    }
}

@media (min-width: 768px) {
    .cash_count {
        padding: 48px 32px 32px 32px;
    }

    .cash_count .tit img {
        width: 100px;
        height: 100px;
        margin-bottom: 24px;
    }
}

/* 애니메이션 효과 */
.cash_count {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.count_list {
    animation: fadeIn 0.8s ease-out;
    animation-fill-mode: both;
}

.count_list:nth-child(1) { animation-delay: 0.1s; }
.count_list:nth-child(2) { animation-delay: 0.2s; }
.count_list:nth-child(3) { animation-delay: 0.3s; }
.count_list:nth-child(4) { animation-delay: 0.4s; }
.count_list:nth-child(5) { animation-delay: 0.5s; }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 접근성 개선 */
.cash_count button:focus {
    outline: 2px solid #1C1C1C;
    outline-offset: 2px;
}

/* 다크모드 대응 (시스템 설정 감지) */
@media (prefers-color-scheme: dark) {
    .wrap {
        background: #121212;
    }

    .cash_count {
        background: #1E1E1E;
        box-shadow: 0 4px 20px rgba(255, 255, 255, 0.05);
    }

    .cash_count .tit p {
        color: #FFFFFF;
    }

    .count_list .tit {
        color: #B0B0B0;
    }

    .count_list p {
        color: #FFFFFF;
    }

    .count_list {
        border-bottom-color: #333;
    }

    .cash_count button {
        background: #FFFFFF;
        color: #1C1C1C;
    }

    .cash_count button:hover {
        background: #F0F0F0;
    }
}
.mypage_wrap {
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 20px;
    position: relative !important;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    padding: 40px 0;
}

.side_menu_wrap {
    width: 265px !important;
    /*width: clamp(245px, 13.802vw, 265px);*/
    min-width: 265px !important;
    max-width: 265px !important;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.side_menu_wrap .tit_area {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid #1C1C1C;
    margin-bottom: 20px;
}

.side_menu_wrap .tit_area .tit {
    line-height: 120%;
}

.side_menu_wrap .side_menu_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.side_menu_wrap .menu {
    width: 100%;
    height: auto;
    padding: 16px 0;
    position: relative;
    display: flex;
    font-family: 'PretendardM' !important;
    /*font-size: 15px;*/
    font-size: min(4vw, 15px);
    color: #B0B0B0;
    word-break: break-all;
    line-height: 1;
    text-decoration: none;
}

.side_menu_wrap .menu.on {
    color: #1C1C1C !important;
}

.side_menu_wrap .menu.st2 {
    padding-bottom: 36px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E7E7E7;
}

.side_cont_wrap {
    width: clamp(815px, 43.489vw, 835px) !important;
    min-width: 815px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.mypg_main_wrap .user_info_wrap {
    gap: 12px;
}

.mypg_main_wrap .user_info_wrap .icon {
    width: 80px;
    height: 80px;
    background-size: cover;
    flex-shrink: 0;
    margin-right: 0 !important;
}

.mypg_main_wrap .user_info_area span {
    line-height: 120%;
}

.mypg_main_wrap .user_info_wrap {
    padding: 40px 0;
    border-bottom: 1px solid #1C1C1C;
    margin-bottom: 20px;
}

.mypage_wrap .mypg_main_wrap {
    width: 100%;
    height: auto;
    /* display: flex; */
    flex-direction: column;
}

.mypg_main_wrap .total_info_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
}

.half_st2_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
}

.half_st2_wrap .half_box {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.mypg_main_wrap .half_st2_wrap {
    gap: 20px;
}

.box_st11_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.box_st11_wrap .tit_area {
    width: 100%;
    height: auto;
    padding: 18px 0;
    display: flex;
}

.box_st11_wrap .tit_area .tit {
    width: auto;
    height: auto;
    /* font-size: 20px; */
    font-size: min(5.335vw, 20px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 120%;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
}

.box_st11_wrap .info_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 33px 28px;
    border-radius: 4px;
    background: #F6F6F6;
}

.box_st11_wrap .info_area .top_area {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 24px;
    align-items: center;
    gap: 4px;
}

.box_st11_wrap .info_area .top_area .tit {
    width: auto;
    height: auto;
    /*font-size: 16px;*/
    font-size: min(4.265vw, 16px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 130%;
    font-family: 'PretendardSB' !important;
    text-decoration: none;
}

.ic_QR_st1 {
    width: 24px;
    height: 24px;
    background: url('../Images/Icon/ic_QR_st1.svg')no-repeat;
    background-size: cover;
    display: flex;
    flex-shrink: 0;
}

.ic_goods_st1 {
    width: 24px;
    height: 24px;
    background: url('../Images/Icon/ic_goods_st1.svg')no-repeat;
    background-size: cover;
    display: flex;
    flex-shrink: 0;
}

.btn_more_st1 {
    width: auto;
    height: auto;
    display: flex;
    position: relative;
    padding-right: 16px;
    /*font-size: 12px;*/
    font-size: min(3.2vw, 12px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 120%;
    text-decoration: none;
    align-items: center;
}

.btn_more_st1::after {
    content: "";
    width: 12px;
    height: 12px;
    background: url('../Images/Icon/arrow_btn_st9.svg')no-repeat;
    background-size: cover;
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.box_st11_wrap .info_area .bottom_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.box_st11_wrap .info_area .data_wrap {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box_st11_wrap .info_area .data_wrap .num {
    width: auto;
    height: auto;
    /* font-size: 24px; */
    font-size: min(6.4vw, 24px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 120%;
    text-decoration: none;
    font-family: 'PretendardSB' !important;
    margin-bottom: 4px;
}

.box_st11_wrap .info_area .data_wrap .txt {
    /*width: auto;*/
    /*height: auto;*/
    /* font-size: 12px; */
    font-size: min(2.8vw, 11px) !important;
    line-height: 110% !important;
    text-align: center;
    word-break: break-word;
    hyphens: auto;
    color: #888888;
    /*display: flex;*/
    /*padding: 0 8px;*/
    /*text-decoration: none;*/
}

.box_st11_wrap.op2 .info_area {
    padding: 48px 28px;
    position: relative;
}

.box_st11_wrap.op2 .group_wrap:first-child .info_area::after {
    content: "";
    width: 90%;
    height: 1px;
    background: #D1D1D1;
    display: flex;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.side_cont {
    display: none;
}

.side_cont.on {
    display: flex !important;
}

.tk_history_wrap.category_wrap .ctg_menu_wrap {
    position: relative !important;
    top: inherit !important;
}

.tk_history_wrap.category_wrap .tabmenu_st1_wrap .menu_area {
    display: flex;
    position: relative !important;
    top: inherit !important;
}

.tk_history_wrap.category_wrap .ctg_menu_wrap {
    margin-bottom: 20px;
}

.tkinfo_st2_wrap.on .duedate_wrap .order_num {
    width: auto;
    height: auto;
    display: flex;
}

.tkinfo_st2_wrap .duedate_wrap .order_num .tit {
    max-width: inherit;
    flex-shrink: 0;
}

.mypage_wrap .tk_history {
    width: 100%;
    min-width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
    padding: 0;
    margin-top: 20px;
    align-items: flex-start;
}

.mypage_wrap .tk_history .tkinfo_st2_wrap {
    width: 100%;
}

.mypage_wrap .tk_history .gds_info_st1_wrap  {
    width: 100%;
}

.mypage_wrap .tkinfo_st2_wrap .tkinfo_list {
    margin-bottom: 0 !important;
}

.payment_detail_wrap .tkdetail_wrap {
    margin-bottom: 20px;
}

.payment_detail_wrap .tkdetail_wrap.total_price {
    padding-top: 0 !important;
}

.payment_detail_wrap .tkdetail_wrap .tk_detail .tk_info .txt.price_color {
    color: #ED2D2D !important;
}

.ord_cancel_wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.ord_cancel_wrap .guide_st2_wrap {
    margin-top: 20px;
}

.ord_cancel_wrap .sub_guide_wrap {
    padding-top: 5px;
}

.gds_info_st1_wrap {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
}

.gds_info_st1_wrap .gds_info_area {
    align-items: flex-start;
}

.tkdetail_wrap .tk_detail .tk_info .txt {
    text-align: right;
}

.tit_st28 {
    width: auto;
    height: auto;
    /* font-size: 28px; */
    font-size: min(7.466vw, 28px);
    color: #1C1C1C;
    word-break: break-all;
    line-height: 130%;
    text-decoration: none;
    font-family: 'PretendardB'!important;
}

.st_tit_area3{
    width: 100%;
    height: auto;
    display: flex;
    padding: 12px 0;
    margin-bottom: 15px;
}
.ctg_menu_wrap .cg_btn{
    height: auto!important;
}
.mypg_tk_history_wrap .tkinfo_st2_wrap.on .duedate_wrap .op1_wrap{
    display: flex!important;
}
.btn_wrap.st_half{
    display: flex;
    gap: 8px;
}
.mypg_tk_history_wrap .sub_guide_wrap{
    padding-bottom: 0!important;
}
.mypg_tk_history_wrap .sub_guide_wrap .txt{
    line-height: 120%;
}
.mypg_tk_history_wrap .tkinfo_st2_wrap .btn_wrap{
    margin-top: 12px;
}
.send_tk_wrap .tkinfo_st2_wrap{
    margin-bottom: 20px;
}
.send_tk_wrap .tkinfo_info_wrap.st2 .list_st3_wrap{
    margin: 16px 0;
}
.send_tk_wrap .tkinfo_list .box_st4{
    margin-bottom: 16px;
}

.send_form_wrap .box_st8{
    padding: 20px;
} 
.send_form_wrap .form_st1_wrap{
    padding: 0;
}
.send_form_wrap .form_st1_wrap .form_st1{
    margin-bottom: 20px;
}
.send_check_wrap .guide_st2_wrap{
    margin-top: 20px;
    margin-bottom: 40px;
}
.send_check_wrap .guide_st3_wrap{
    padding-top: 8px;
    padding-bottom: 0;
    text-align: left;
}
.send_check_wrap .guide_st3_wrap .txt{
    line-height: 120%;
}
.send_detail_wrap .tkdetail_wrap .info_tit_area{
    margin-bottom: 12px;
}
.tkdetail_wrap .tk_info.st2 .tk_info_group{
    width: 30%;
}
.mypg_userinfo_wrap{
    width: 100%;
    height: auto;
    flex-direction: column;
}
.mypg_userinfo_wrap .list_st2_wrap .sns_list{
    max-width: 300px;
    margin: auto;
    padding-bottom: 120px;
}
.withdrawal .depth1{
    color: #B0B0B0 !important;
}
.join_wrap .form_st1_wrap.pw_chg .form_st1{
    margin-bottom: 40px;
}
.withdrawal_guide_wrap{
    margin-top: 32px;
}
.join_wrap  .number_chg .box_st1{
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.join_wrap  .number_chg{
    padding-bottom: 0!important;
}
.side_cont.search_st{
    flex-direction: column;
    position: relative;
}
.side_cont.search_st .search_area {
    width: 280px;
    top: 12px;
    right: 0;
    position: absolute;
} 
.side_cont.search_st .st_tit_area3{
    padding-right: 300px;
}
.side_cont.search_st .list_st5 a{
    padding-left: 0;
    padding-right: 0;
}
.side_cont.search_st .list_st5 .tit_area::after{
    right: 0;
}
.qa_list_wrap .list_st4 .tit_area{
    cursor: pointer;
}
.side_cont.search_st .schcont_area.on .search_cont_wrap{
    padding-top: 0!important;
}
.FAQ_wrap .tab_menu_wrap  .menu_area{
    margin-bottom: 20px;
}
.qa_list_wrap .list_st4 .tit_area{
    padding-left: 24px;
    padding-right: 0;
}
.qa_list_wrap .list_st4 .tit_area .mark{
    left: 0;
}
.qa_list_wrap .list_st4 .cont_area{
    padding-left: 0;
}
.notice_info_wrap{
    padding-top: 0!important;
}
.agn_center{
    display: flex!important;
    align-items: center!important;
}
.st_bottom_pd2 {
    padding-bottom: 132px !important;
}
.ui-datepicker-trigger{
    cursor: pointer;
}


/* 내용보기 섹션 */
.see_details {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.see_details_button {
    background: none;
    border: none;
    color: #3b82f6;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background-color 0.2s;
}

.see_details_button:hover {
    background-color: #f3f4f6;
}

.see_details_icon {
    width: 16px;
    height: 16px;
    opacity: 0.7;
}

/* 팝업 래퍼 */
.see_details_popup_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* 팝업 오버레이 */
.see_details_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* 팝업 컨텐츠 */
.see_details_popup {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 600px;
    max-height: 80vh;
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 팝업 타이틀 */
.see_details_popup_title {
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e9ecef;
}

.see_details_popup_title h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #111827;
}

.see_details_popup_title img {
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.see_details_popup_title img:hover {
    opacity: 1;
}

/* 팝업 세부 내용 */
.see_details_popup_details {
    padding: 24px;
    max-height: 60vh;
    overflow-y: auto;
}

/* 개인정보 세부사항 */
.privacy_details {
    color: #374151;
}

.privacy_details .title {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 16px 0;
}

.privacy_details .details {
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
    margin: 0 0 20px 0;
}

/* 테이블 스타일 */
.privacy_details table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 14px;
}

.privacy_details table td {
    padding: 12px;
    border: 1px solid #e5e7eb;
    vertical-align: top;
    line-height: 1.5;
}

.privacy_details table tr:first-child td {
    background-color: #f9fafb;
    font-weight: 600;
    color: #374151;
}

.privacy_details table tr:not(:first-child) td {
    background-color: #ffffff;
}

.privacy_details table tr:hover:not(:first-child) {
    background-color: #f9fafb;
}

/* 버튼 래퍼 */
.join_btn_wrap_s2 {
    text-align: center;
    padding: 20px;
}

/* 변경하기 버튼 */
.join_btn {
    width: 100%;
    max-width: 400px;
    height: 52px;
    background-color: #3b82f6;
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.join_btn:hover {
    background-color: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15);
}

.join_btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}

.join_btn:disabled {
    background-color: #9ca3af;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .join_wrap_s2 {
        padding: 16px;
    }

    .chk_list {
        padding: 16px;
        flex-direction: column;
        gap: 12px;
    }

    .see_details {
        margin-left: 0;
        margin-top: 8px;
        align-self: flex-start;
    }

    .tit_st3 {
        font-size: 16px;
    }

    .see_details_popup {
        margin: 20px;
        max-height: 90vh;
    }

    .see_details_popup_title {
        padding: 20px;
    }

    .see_details_popup_details {
        padding: 20px;
    }

    .privacy_details table {
        font-size: 12px;
    }

    .privacy_details table td {
        padding: 8px;
    }
}

@media (max-width: 480px) {
    .top_area_wrap_st1 {
        padding: 0 16px;
    }

    .arrow_btn_st1 {
        left: 16px;
    }

    .join_wrap_s2 {
        padding: 12px;
    }

    .chk_list {
        padding: 12px;
    }

    .tit {
        font-size: 14px;
    }

    .font_color {
        font-size: 12px;
    }

    .see_details_button {
        font-size: 12px;
    }
}

/*20250814 서비스 이용약관 내용추가*/
.wrap_agreement {
    overflow: visible;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 30px;
}

.agreement {
    margin: 50px;
}

.agreement_content {
    margin-top: 40px;
}

.agreement_details {
    margin-left: 28px;
}

.agreement .agreement_title_lg {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
    padding-bottom: 16px;
    border-bottom: 1px solid #000000;
}

.agreement .agreement_title_sm {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
}

.agreement_details ol {
    display: block;
    list-style: decimal;
}

.agreement_details li, .privacy_details li {
    display: list-item;
    list-style-position: outside;
    font-size: 16px;
    color: #0F0F0F;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 160%;
}

.agreement_details .agreement_red {
    color: #DF2935;
    font-weight: 400;
}

.agreement_details .more_details, .privacy_details .more_details {
    list-style: disc;
    list-style-position: outside;
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 12px;
}

.more_details li {
    display: list-item;
    padding-left: 20px;
    list-style-position: inside;
}

.agreement_details .more_details_abc {
    list-style: lower-latin;
    list-style-position: outside;
    margin-bottom: 20px;
}

.more_details_abc li {
    display: list-item;
    list-style-position: inside;
}

.agreement_details .strong, .privacy_details .strong {
    font-weight: 600;
    color: #D86338;
}
.privacy_details .strong {
    display: inline;
}

.agreement_details p {
    color: #0F0F0F;
    font-weight: 400;
    line-height: 180%;
    margin-left: -20px;
}

.agreement_small_title {
    margin-top: 80px;
}

.agreement_small_title p {
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    display: inline;
    background-color: #30B7B2;
    padding: 4px 12px;
}

.agreement_details table {
    border-collapse: collapse;
    border: 1px solid #0F0F0F;
    width: 100%;
    /* text-align: center; */
    font-size: 15px;
}

.agreement_details table th,
.agreement_details table td {
    border: 1px solid #0F0F0F;
    height: 35px;
}