:root {
    /* [Brand & Primary Colors] */
    --mb-color-primary: #F55921;
    --mb-color-primary-hover: #EA4104;
    --mb-color-brand-blue: #2563EB;
    --mb-color-brand-indigo: #4F46E5;
    --mb-color-indigo-bg: #EEF2FF;
    --mb-color-danger: #EF4444;

    /* [Text & Gray Scale Colors] */
    --mb-color-text-main: #222222;
    --mb-color-text-sub: #475569;
    --mb-color-text-muted: #64748B;
    --mb-color-text-placeholder: #94A3B8;
    --mb-color-text-disabled: #8B95A1;

    /* [Background Colors] */
    --mb-bg-white: #FFFFFF;
    --mb-bg-light: #F8FAFC;
    --mb-bg-subtle: #F1F5F9;
    --mb-bg-hover: #F2F2F2;
    --mb-bg-notice: #FFF9F5;
    --mb-bg-notice-hover: #FFF0E6;
    --mb-bg-active-menu: #E8F0FE;

    /* [Borders & Radius] */
    --mb-border-color: #E2E8F0;
    --mb-border-input: #CBD5E1;
    --mb-border-radius-sm: 8px;
    --mb-border-radius-md: 12px;
    --mb-border-radius-lg: 16px;
    --mb-border-radius-pill: 50px;

    /* [Box Shadows & Transitions] */
    --mb-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --mb-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.03);
    --mb-transition-fast: all 0.15s ease;
    --mb-transition-normal: all 0.2s ease-in-out;
}


/* 로그인  */
.member_top {margin:100px 0px 80px 0px;}

.member_wrap.login {width: 100%;max-width: 500px; margin: 0px auto;padding: 40px 30px; border: 1px solid var(--mb-border-color);border-radius: var(--mb-border-radius-md);background-color: var(--mb-bg-white);transition: box-shadow 0.3s;box-shadow: var(--mb-shadow-sm);box-sizing: border-box;}
.member_form h3 {font-size: 26px;font-weight: 700;text-align: center;margin-top: 0;margin-bottom: 12px;color: var(--mb-color-text-main);letter-spacing: -0.5px;}
.member_title.login .txt {font-size: 13px;line-height: 1.5;color: var(--mb-color-text-muted);text-align: center;margin-bottom: 28px;word-break: keep-all;}
.member_title.login .txt a {color: var(--mb-color-brand-blue);text-decoration: none;font-weight: 700;margin-left: 2px;}
.member_title.login .txt a:hover {color: var(--mb-color-primary);}

.input_wrap {list-style: none;padding: 0;margin: 0;}
.input_wrap li {margin-bottom: 15px;}

.input_wrap input[type="text"],
.input_wrap input[type="password"] {width: 100%;height: 50px;padding: 0 14px;border: 1px solid var(--mb-border-input);border-radius: var(--mb-border-radius-sm);font-size: 15px;color: var(--mb-color-text-main);background-color: var(--mb-bg-white);box-sizing: border-box;transition: var(--mb-transition-normal);}
.input_wrap input[type="text"]::placeholder,
.input_wrap input[type="password"]::placeholder {color: var(--mb-color-text-placeholder);}
.input_wrap input:focus {border-color: var(--mb-color-brand-blue);background-color: var(--mb-bg-white);outline: none;}

/* 로그인 버튼*/
.login-container {width: 100%;max-width: 100%; margin: 0 auto;padding: 10px 0;box-sizing: border-box;}
.btn-custom {display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;margin-bottom: 12px;border: none;border-radius: 6px;font-size: 16px;font-weight: 500;cursor: pointer;box-sizing: border-box;transition: background-color 0.2s ease, transform 0.1s ease;}
.btn-login {background-color: var(--mb-color-primary);color: var(--mb-bg-white);}
.btn-login:hover {background-color: var(--mb-color-primary-hover);}
.btn-login:active {transform: translateY(0);}

.btn-kakao {background-color: #FEE500; color: #402122; }
.btn-kakao:hover {background-color: #F4DC00; }

.member_service {display: flex;justify-content: center;align-items: center;list-style: none;padding: 20px 0 0 0;margin: 0;border-top: 1px dashed var(--mb-border-input);}
.member_service li {position: relative;padding: 0 20px;}
.member_service li:not(:last-child)::after {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 13px;background-color: var(--mb-border-color);}
.member_service li a {font-size: 14px;color: var(--mb-color-text-muted);text-decoration: none;display: flex;align-items: center;gap: 6px;font-weight: 500;transition: color 0.15s ease;}
.member_service li a:hover {color: var(--mb-color-primary);}
.member_service li a i {font-size: 14px;}

@media (max-width: 1024px) {
	.member_top {margin:70px 0px 70px 0px;}
    .member_wrap.login {max-width: 400px;padding: 30px 20px; }
}

@media screen and (max-width: 540px) {
	.member_top {margin:100px 15px 0px 15px;}
    .member_wrap.login {padding: 28px 20px;}
    .member_form h3 {font-size: 24px;}
    .member_title.login .txt br {display: none; }
    .input_wrap input[type="text"],
    .input_wrap input[type="password"] {font-size: 16px !important;height: 48px;}
    .btn-custom.btn-login {height: 48px;font-size: 16px;font-weight: 700;}
}


/* 탭 회원/비회원 구분 */
.login-tab-wrap {width: 100%;margin-bottom: 30px;}
.login_tab.tabs {display: flex;position: relative;width: 100%;margin: 0;padding: 4px;list-style: none;background-color: var(--mb-bg-subtle); border-radius: var(--mb-border-radius-pill); box-sizing: border-box;-webkit-tap-highlight-color: transparent;user-select: none;}
.login_tab .tab-link {flex: 1;position: relative;z-index: 2; text-align: center;padding: 12px 0;font-size: 16px;font-weight: 500;color: var(--mb-color-text-muted); cursor: pointer;transition: color 0.3s ease, font-weight 0.2s ease; }
.login_tab .tab-link.on {color: var(--mb-color-text-main);font-weight: 700;}
.login_tab.tabs .slide-bg {position: absolute;top: 4px;left: 4px;width: calc(50% - 4px); height: calc(100% - 8px); background-color: var(--mb-bg-white);border-radius: 40px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04); z-index: 1; transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1); }
.login_tab.tabs:has(#btn_my1.on) .slide-bg {transform: translateX(0);}
.login_tab.tabs:has(#btn_my2.on) .slide-bg {transform: translateX(100%);}

@media screen and (max-width: 540px) {
    .login_tab .tab-link {padding: 10px 0;font-size: 15px;}
}

.email-group {list-style: none;display: flex;flex-direction: column;gap: 10px;width: 100%;}
.email-input-box {display: flex;align-items: center;width: 100%;gap: 8px;}
.email-input-box input[type="text"] {flex: 1;min-width: 0;}
.at {font-size: 15px;font-weight: 500;color: var(--mb-color-text-disabled);user-select: none;flex-shrink: 0;}
.email-select {width: 100%;height: 50px;padding: 0 36px 0 14px;border: 1px solid var(--mb-border-input);border-radius: var(--mb-border-radius-sm);font-size: 15px;color: var(--mb-color-text-main);background-color: var(--mb-bg-white);background-image: url("/images/goods/ico_select.png");background-repeat: no-repeat;background-position: right 12px center;box-sizing: border-box;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: var(--mb-transition-normal);}
.email-select:focus {outline: none;border-color: var(--mb-color-brand-blue);}

.input_wrap .phone-group {display: flex;align-items: center;gap: 6px; width: 100%;}
.input_wrap .phone-group input[type="text"] {flex: 1;}
.input_wrap .dash {font-size: 15px;color: var(--mb-color-text-disabled);font-weight: 700;user-select: none;  }

.birth-select-group {display: flex;align-items: center;gap: 16px; width: 100%;list-style: none;}
.birth-select-group select {flex: 1;min-width: 0;height: 50px;padding: 0 36px 0 14px;border: 1px solid var(--mb-border-input);border-radius: var(--mb-border-radius-sm);font-size: 15px;color: var(--mb-color-text-main);background-color: var(--mb-bg-white);background-image: url("/images/goods/ico_select.png");background-repeat: no-repeat;background-position: right 12px center;box-sizing: border-box;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: var(--mb-transition-normal);}
.birth-select-group select:focus {outline: none;border-color: var(--mb-color-brand-blue);}


/* 회원가입  */
.mem-container {width: 100%;max-width: 700px;box-sizing: border-box;}
.mem-form-grid {display: grid;grid-template-columns: 1fr 120px  200px;gap: 16px;align-items: stretch;}
.input-group-box {display: flex;flex-direction: column;gap: 12px;}

.phone-row {display: flex;align-items: center;gap: 8px;}
.phone-row .input_basic {flex: 1;min-width: 0;}
.phone-dash {font-size: 15px;color: var(--mb-color-text-disabled);font-weight: 700;}

.btn-action {display: flex;align-items: center;justify-content: center;height: 100%;min-height: 48px;border-radius: var(--mb-border-radius-sm);font-size: 16px;font-weight: 500;text-decoration: none;cursor: pointer;transition: var(--mb-transition-normal);box-sizing: border-box;}
.stn_login a {background-color: var(--mb-color-primary);color: var(--mb-bg-white);}
.stn_login a:hover {background-color: var(--mb-color-primary-hover);}

.kakao_login a {font-size: 16px;background-color: #FEE500;color: #402122;gap: 5px;}
.kakao_login a:hover {background-color: #F4DC00;}

@media (max-width: 768px) {
    .mem-form-grid {grid-template-columns: 1fr; gap: 15px;}
    .input-group-box {gap: 12px;}
    .btn-action {height: 48px;border-radius: var(--mb-border-radius-sm);}
}


/* 회원가입 약관 */
.mem_agree {width: 100%;max-width: 100%;box-sizing: border-box;font-family: sans-serif;}
.mem_box {border: 1px solid var(--mb-border-color);border-radius: var(--mb-border-radius-md);margin-bottom: 24px;background-color: var(--mb-bg-white);box-shadow: var(--mb-shadow-sm);overflow: hidden;}
.agree_box {height: 140px;max-height: 140px;overflow-y: auto;padding: 20px;background-color: var(--mb-bg-light);border-bottom: 1px solid var(--mb-border-color);font-size: 13px;line-height: 1.6;color: var(--mb-color-text-sub);box-sizing: border-box;word-break: break-all;}
.agree_box.strong {font-size: 15px;font-weight: 500;color: var(--mb-color-text-main);}
.optional { color: var(--mb-color-brand-blue); font-weight: 500; margin-right: 6px;}

.input_lo {display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 16px;gap: 16px;background-color: var(--mb-bg-white);border-radius: var(--mb-border-radius-sm);box-sizing: border-box;}
.agree-title {font-size: 15px;font-weight: 500;line-height: 1.4;color: var(--mb-color-text-main);}
.agree-title .required {color: var(--mb-color-danger);font-weight: 500;margin-right: 2px;}
.radio-group {display: flex;gap: 16px;align-items: center;flex-shrink: 0;}

@media screen and (max-width: 768px) {
    .input_lo {flex-direction: column; align-items: flex-start;padding: 12px;gap: 8px;border-top:1px dashed var(--mb-border-color);}
    .radio-group {padding: 4px 0 0 0;gap: 12px;}
    .agree-title {flex: 1;padding-right: 20px;}
    .agree_box {height: 100px !important;max-height: 100px !important;}
}

.privacy-table-wrapper {width: 100%;margin: 20px 0;background-color: var(--mb-bg-white);}
.responsive-privacy-table {width: 100%;border-collapse: collapse;font-size: 13px;line-height: 1.6;color: var(--mb-color-text-sub);background-color: var(--mb-bg-white);}
.responsive-privacy-table th{padding: 12px 20px;border: 1px solid var(--mb-border-color);background-color: #FCFCFC; font-weight: 500;color: var(--mb-color-text-sub);text-align: center;vertical-align: middle;word-break: keep-all;}
.responsive-privacy-table td {padding: 12px 20px;border: 1px solid var(--mb-border-color);text-align: left;vertical-align: middle;word-break: keep-all;}
 
.cell-purpose { width: 22%; }
.cell-details { width: 53%; }
.cell-period { width: 25%; }

.cell-purpose1 { width: 25%; }
.cell-details1 { width: 25%; }
.cell-period1 { width: 25%; }
.cell-end1 { width: 25%; }

.theme-bold { font-weight: 500; }
.pc-only { display: inline; }

.text-badge {font-weight: 700;font-size: 13px;margin-right: 4px;}
.text-badge.required { color: var(--mb-color-danger); }
.text-badge.optional { color: var(--mb-color-brand-blue); }
.space-divider { margin-top: 10px; }


@media screen and (max-width: 768px) {
    .pc-only { display: none; }
    
    .responsive-privacy-table, 
    .responsive-privacy-table tbody, 
    .responsive-privacy-table tr, 
    .responsive-privacy-table td { display: block; width: 100% !important;box-sizing: border-box;}
    .responsive-privacy-table thead { display: none; }
    .responsive-privacy-table tr { margin-bottom: 24px;border: 1px solid var(--mb-border-color); border-radius: var(--mb-border-radius-md); background-color: var(--mb-bg-white);box-shadow: var(--mb-shadow-md);overflow: hidden;}
    .responsive-privacy-table td { display: grid !important;grid-template-columns: 110px 1fr; gap: 12px;padding: 12px 16px !important;border: none;border-bottom: 1px solid var(--mb-border-color); font-size: 13px;line-height: 1.5;align-items: start;}
    .responsive-privacy-table td:last-child {border-bottom: none;}
    .responsive-privacy-table td:before { content: attr(data-label);font-weight: 500;color: var(--mb-color-text-main); font-size: 12px;white-space: nowrap;}
    
    .responsive-privacy-table td.cell-purpose,
    .responsive-privacy-table td.cell-purpose1 {display: block !important;background-color: #FAFAFA; padding: 14px 16px !important;font-size: 14px;font-weight: 700;color: var(--mb-color-text-main);border-bottom: 1px solid var(--mb-border-color);}
    .responsive-privacy-table td.cell-purpose:before,
    .responsive-privacy-table td.cell-purpose1:before {display: none;}
}

 
/* PC 화면에서의 항목별 가로 너비 강제 제어 */
.res-card-box input[name="m_id"],
.res-card-box input[name="m_name"],
.res-card-box input[name="m_pw1"],
.res-card-box input[name="m_pw2"],
.res-card-box input[name="m_pw3"] { width: 25% !important; min-width: 150px; }
.res-card-box #ent_year { width: 120px !important; }
.res-card-box #ent_month, .res-card-box #ent_day { width: 90px !important; }

.res-card-box select[name="cugr_cd"] { width: 25% !important; min-width: 150px; }
.res-card-box input[name="cu_job_nm"] { width: 25% !important; min-width: 150px; }
.res-card-box input[name="msg"] { width: 25% !important; min-width: 150px; }
.res-card-box select[name="post_cd"] { width: 25% !important; min-width: 150px; }

.res-card-box input[name="m_mobile1"],
.res-card-box input[name="m_mobile2"],
.res-card-box input[name="m_mobile3"] { width: 100px !important; min-width: 0; }
.res-card-box select[name="m_mobile1"] { width: 100px !important;}
.res-card-box input[name="m_office_phone1"],
.res-card-box input[name="m_office_phone2"],
.res-card-box input[name="m_office_phone3"] { width: 100px !important; min-width: 0; }
.res-card-box input[name="m_en_name"] { width: 25% !important; min-width: 120px; }
.res-card-box input[name="m_en_fname"] { width: 35% !important; min-width: 180px; }
.res-card-box select[name="email_yn"],
.res-card-box select[name="sms_yn"] { width: 12% !important; min-width: 130px; }

.res-card-box .email-container {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;align-items: center;width: 100%;}
.res-card-box .email-input-group {display: flex !important;align-items: center;flex: 0 1 auto; width: 58%;}
.res-card-box .email-id-wrap {width: 43%;}
.res-card-box input[name="emailhead"] { width: 100% !important; box-sizing: border-box;}
.res-card-box .email-at {padding: 0 6px;flex: 0 0 auto;}
.res-card-box .email-domain-wrap {width: 52%;}
.res-card-box input[name="emaildomain"] { width: 100% !important; box-sizing: border-box;}
.res-card-box select[name="emailcode"] { width: 20% !important; margin-left: 12px !important;box-sizing: border-box;flex: 0 0 auto;}

.id-input-group {display: flex;align-items: center;width: 100%;gap: 8px;}
.id-input-group .small_mm {white-space: nowrap;margin-left: 4px;}
.phone-inline-group {display: flex;align-items: center;width: 100%;gap: 6px;}

.en-name-box {display: flex;align-items: center;width: 100%;gap: 8px;}
.en-name-box .slash {color: var(--mb-color-text-disabled);font-size: 15px;font-weight: 500;user-select: none;flex-shrink: 0; }
.date-row-box {display: flex;align-items: center;width: 100%;gap: 15px;}

@media screen and (max-width: 768px) {
    .id-input-group {display: flex !important;flex-wrap: wrap !important;width: 100%;gap: 8px 6px;}
    .check_id {flex-shrink: 0;}
    .id-input-group .small_mm {flex: 0 0 100% !important;width: 100% !important;white-space: normal !important;margin-top: 4px !important;margin-left: 0 !important;}
    
    .res-card-box input[name="m_id"]{ width: 70% !important; min-width: 0 !important; }
    .res-card-box input[name="m_name"],
    .res-card-box input[name="m_pw1"],
    .res-card-box input[name="m_pw2"],
    .res-card-box input[name="m_pw3"] { width: 100% !important; min-width: 0 !important; }
    
    .en-name-box input[name="m_en_name"] {flex: 4 1 0% !important;width: 0 !important; min-width: 0;}
    .en-name-box input[name="m_en_fname"] {flex: 6 1 0% !important;width: 0 !important; min-width: 0;}

    .res-card-box select[name="cugr_cd"] { width: 100% !important; min-width: 0 !important; }
    .res-card-box input[name="cu_job_nm"] { width: 100% !important; min-width: 0 !important; }
    .res-card-box input[name="msg"] { width: 100% !important; min-width: 0 !important; }
    .res-card-box select[name="post_cd"] { width: 100% !important; min-width: 0 !important; }


    .date-row-box {display: flex;align-items: center;width: 100%;gap: 10px;}
    .res-card-box #ent_year {flex: 1.7 1 0% !important;width: 0 !important;min-width: 0;}
    .res-card-box #ent_month,
    .res-card-box #ent_day {flex: 1.1 1 0% !important;width: 0 !important;min-width: 0;margin-left: 0 !important;}

    .res-card-box .email-container {flex-direction: column !important;align-items: stretch;}
    .res-card-box .email-input-group {width: 100% !important;justify-content: space-between;}
    .res-card-box .email-id-wrap {width: 44% !important;}
    .res-card-box .email-at {padding: 0 4px;text-align: center;}
    .res-card-box .email-domain-wrap {width: 52% !important;}
    .res-card-box select[name="emailcode"] { width: 100% !important; margin-left: 0 !important;margin-top: 10px !important;display: block; padding: 0 18px 0 10px;  font-size: 14px; -webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("/images/goods/ico_select.png");background-repeat: no-repeat;background-position: right 10px center;background-size: 10px;background-color: var(--mb-bg-white);}

    .phone-inline-group .phone-item {flex: 1 1 0% !important;width: 0 !important;min-width: 0 !important;}
    .phone-inline-group .phone-item input,
    .phone-inline-group .phone-item select {width: 100% !important;box-sizing: border-box;}

    .res-card-box span:has(input[name^="m_mobile"]),
    .res-card-box span:has(select[name="m_mobile1"]),
    .res-card-box span:has(input[name^="m_office_phone"]) {flex: 1 1 0% !important;width: 0 !important;min-width: 0 !important;}

    .res-card-box input[name^="m_mobile"],
    .res-card-box select[name="m_mobile1"],
    .res-card-box input[name^="m_office_phone"] {width: 100% !important;box-sizing: border-box;}

    .res-card-box select[name="email_yn"],
    .res-card-box select[name="sms_yn"] { width: 100% !important; }
}

.check_id {margin-left: 10px;padding: 11px 14px;font-size: 15px;font-weight: 500;color: var(--mb-color-brand-indigo);background-color: #f5f3ff;border: 1px solid #ddd6fe;border-radius: var(--mb-border-radius-sm);cursor: pointer;transition: var(--mb-transition-normal);}


/* 회원수정 */
.re-menu-wrapper {display: flex;justify-content: center;align-items: center;gap: 16px;padding: 10px;background: var(--mb-bg-white);}
.re-menu-box {display: flex;flex-direction: column;align-items: center;width: 130px;padding: 20px 10px;border-radius: var(--mb-border-radius-lg);background: var(--mb-bg-light);text-decoration: none;color: var(--mb-color-text-sub);transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);cursor: pointer;}
.re-menu-box:hover {background: var(--mb-bg-hover);transform: scale(1.03);}
.re-menu-box.current {background: var(--mb-bg-active-menu);color: var(--mb-color-text-sub);font-weight: 500;}
.re-menu-box.current .re-ico {background: #1B64DA;color: var(--mb-bg-white);}
.re-ico {display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;border-radius: var(--mb-border-radius-sm);background: var(--mb-bg-white);color: #666;box-shadow: 0 4px 10px rgba(0,0,0,0.04);margin-bottom: 12px;font-size: 1.1rem;}
.re-txt {font-size: 15px;letter-spacing: -0.3px;}
.re-arr {color: #DDD;}

@media (max-width: 768px) {
    .re-menu-wrapper {justify-content: flex-start;gap: 8px;padding: 8px;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch; }
    .re-menu-wrapper::-webkit-scrollbar {display: none;}
    .re-menu-wrapper {-ms-overflow-style: none;scrollbar-width: none; }
    .re-menu-box {width: 85px;min-width: 85px;padding: 12px 6px;border-radius: var(--mb-border-radius-md);}
    .re-ico {width: 38px;height: 38px;margin-bottom: 6px;font-size: 0.85rem; border-radius: 6px;}
    .re-ico img {width: 20px;height: 20px;object-fit: contain;}
    .re-txt {font-size: 12px;}
}

@media (max-width: 360px) {
    .re-menu-box {width: 75px;min-width: 75px;padding: 10px 4px;}
    .re-ico {width: 34px;height: 34px;font-size: 0.75rem;}
    .re-txt {font-size: 11px;}
}


/* 아이프레임 감싸는 영역 */
.tab-wrapper {width: 100%;overflow: hidden;}
iframe[name="ifrm_id"] {width: 100%;  min-height: 400px;border: none;transition: height 0.2s ease;}
iframe[name="ifrm_pass"] {width: 100%;  min-height: 460px;border: none;transition: height 0.2s ease;}

.pc-only {display: inline-block; }

@media screen and (max-width: 768px) {
    .btn-delete {display: none !important;}
}


/* 예약확인*/
.book_my_container {width: 100%;max-width: 1200px;margin: 0px auto;border: 1px solid var(--mb-border-color);border-radius: var(--mb-border-radius-md);background-color: var(--mb-bg-white);transition: box-shadow 0.3s; box-shadow: var(--mb-shadow-sm);box-sizing: border-box;}
.book_my_header {display: flex;background-color: var(--mb-bg-light);border-bottom: 1px solid var(--mb-border-color);padding: 16px 20px;align-items: center;}

.header_cell {font-size: 15px;font-weight: 700;color: var(--mb-color-text-sub);text-align: center;}
.passenger_row_card {display: flex;padding: 18px 20px;border-bottom: 1px solid var(--mb-bg-subtle);align-items: center;transition: background-color 0.2s ease;}
.passenger_row_card:last-child {border-bottom: none;}
.passenger_cell {font-size: 15px;color: var(--mb-color-text-main);text-align: center;box-sizing: border-box;}

.w_20 { width: 20%; }
.w_40 { width: 40%; }

.mobile_label,
.mobile_card_header {display: none;}

@media screen and (max-width: 768px) {
    .book_my_container {border: none;background: transparent;border-radius: 0;box-shadow: none;}
    .book_my_header {display: none;}
    .book_my_body {display: flex;flex-direction: column;gap: 16px; }
    .passenger_row_card {flex-direction: column;align-items: stretch;background: var(--mb-bg-white);border: 1px solid var(--mb-border-color);border-radius: var(--mb-border-radius-md);padding: 16px;gap: 10px;box-shadow: var(--mb-shadow-sm);}
    .passenger_row_card:last-child {border-bottom: 1px solid var(--mb-border-color);}

    .mobile_card_header {display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;margin-bottom: 4px;border-bottom: 1px dashed var(--mb-border-color);}
    .mobile_passenger_num {font-size: 13px;font-weight: 600;color: var(--mb-color-brand-indigo);background-color: var(--mb-color-indigo-bg);padding: 3px 8px;border-radius: var(--mb-border-radius-md);}
    .passenger_cell {display: flex;justify-content: space-between;align-items: center;width: 100% !important; text-align: right;font-size: 14px;}
    .passenger_cell.cell_ename {padding-left: 0;}
    
    .mobile_label {display: block;font-weight: 700;font-size: 15px;color: var(--mb-color-text-sub);}
    .cell_value {color: var(--mb-color-text-main);font-size: 15px;}

    .cell_kname .cell_value {font-size: 15px;font-weight: 700;color: var(--mb-color-brand-blue); }
}


/* 요청사항 */
.my-memo-textarea {width: 100%;padding: 20px;border: 1px solid var(--mb-border-color);border-radius: var(--mb-border-radius-md);background-color: var(--mb-bg-white);font-size: 15px;line-height: 1.5;box-shadow: var(--mb-shadow-sm);box-sizing: border-box;}

@media (max-width: 768px) {
    .my-memo-textarea {padding:20px 15px;font-size: 15px;}
}


/* 입출금/결제내역  */
.pay-history-wrapper {width: 100%;display: flex;flex-direction: column;gap: 12px;margin: 15px 0;box-sizing: border-box;}
.pay-section {display: flex;align-items: center;border: 1px solid var(--mb-border-color);border-radius: var(--mb-border-radius-md);background-color: var(--mb-bg-white);font-size: 15px;line-height: 1.5;box-shadow: var(--mb-shadow-sm);box-sizing: border-box;overflow: hidden;}
.pay-section-title {width: 150px;min-width: 150px;background-color: var(--mb-bg-light);color: var(--mb-color-text-sub);font-size: 15px;font-weight: 700;text-align: center;padding: 16px 10px;border-right: 1px solid var(--mb-border-color);box-sizing: border-box;}
.pay-section-content {flex: 1;display: flex;flex-direction: column;gap: 8px;padding: 12px 20px;box-sizing: border-box;}
.price-summary-container {display: flex;align-items: center;flex-wrap: wrap;gap: 10px;font-size: 15px;color: var(--mb-color-text-sub);padding: 4px 0;font-weight: 500;}
.price-item {display: flex;align-items: center;gap: 6px;}
.price-item .label {color: var(--mb-color-text-muted);}
.price-item .value {color: var(--mb-color-text-main);font-size: 15px;font-weight: 700;}
.highlight-blue {color: var(--mb-color-brand-blue) !important;}
.highlight-red {color: var(--mb-color-danger) !important;}
.price-divider {color: var(--mb-border-input);font-size: 13px;user-select: none;}
.no-data-msg {color: var(--mb-color-text-placeholder);font-size: 15px;}


@media screen and (max-width: 768px) {
    .pay-section {flex-direction: column;align-items: stretch;}
    .pay-section-title {width: 100%;text-align: left;padding: 12px 16px;border-right: none;border-bottom: 1px solid var(--mb-border-color);font-size: 15px;}
    .pay-section-content {padding: 12px 16px;gap: 12px;}

    .price-summary-container {flex-direction: column;align-items: stretch;gap: 6px;padding: 5px 0px;}
    .price-divider {display: none;}
    .price-item {justify-content: space-between;width: 100%;border-bottom: 1px dashed var(--mb-border-color);padding-bottom: 12px;}
    .price-item:last-child {border-bottom: none;padding-bottom: 0;}
    .price-item .label {font-weight: 700;}
}


/* 에약내역 리스트 */
.my_list_container {max-width: 1200px;width: 100%;margin: 0 auto;box-sizing: border-box;background: var(--mb-bg-white);border: 1px solid var(--mb-border-color);border-radius: var(--mb-border-radius-md);box-shadow: var(--mb-shadow-sm);overflow: hidden;}
.my_header_idx {display: flex;align-items: center;background-color: var(--mb-bg-light);border-bottom: 1px solid var(--mb-border-color);padding: 16px 0;font-weight: 700;text-align: center;font-size: 15px;color: var(--mb-color-text-sub);border-top-left-radius: 11px;border-top-right-radius: 11px;}
.my_row_idx {display: flex;align-items: center;border-bottom:1px dashed var(--mb-border-color);padding: 18px 0;text-align: center;font-size: 15px;color: var(--mb-color-text-main);transition: var(--mb-transition-fast);}
.my_row_idx a,
.my_row_idx a:hover,
.my_row_idx a:focus,
.my_row_idx a:active {text-decoration: none !important;outline: none; }
.my_list_container .my_row_idx:last-child {border-bottom: none;}

.my_row_idx.notice_recom {background-color: var(--mb-bg-notice);}
.my_row_idx.notice_recom:hover {background-color: var(--mb-bg-notice-hover);}

.my_no { width: 10%;  display: flex; justify-content: center; align-items: center; }
.my_str { width: 10%;  display: flex; justify-content: center; align-items: center;}
.my_tit { width: 60%; text-align: left; padding-left: 15px; box-sizing: border-box; }
.my_date { width: 10%; display: flex; justify-content: center; align-items: center;  }
.my_hit  { width: 10%; display: flex; justify-content: center; align-items: center;  }

@media (max-width: 1024px) {
    .my_list_container {width: 100%;margin: 0 auto;}
    .my_header_idx {padding: 14px 0;font-size: 14px;}
    .my_row_idx {padding: 15px 0;font-size: 14px;}

    .my_no, 
    .my_str { width: 10%; }
    .my_tit { width: 60%; }
    .my_date { width: 10%;}
    .my_hit { width: 10%; }
}

@media (max-width: 768px) {
    .my_list_container_wrapper {padding: 5px 0px 0 0px;width: 100%;box-sizing: border-box;}
    .my_list_container {width: 100%;box-sizing: border-box;border-radius: 10px;}
    .my_header_idx {display: none !important;}

    .my_row_idx {display: flex !important;flex-wrap: wrap !important;flex-direction: row !important;align-items: flex-start !important;padding: 14px 16px;position: relative;box-sizing: border-box;}

    .my_no,
    .my_str {display: none !important;}
    .my_tit {width: 100% !important;padding-left: 0 !important;font-size: 15px;font-weight: 500;line-height: 1.45;margin-bottom: 6px;box-sizing: border-box;text-align: left !important;}
    .my_date {display: flex !important;justify-content: flex-start !important;align-items: center !important;width: auto !important;font-size: 13px;white-space: nowrap !important;text-align: left !important;}
    .my_date span {display: inline-block !important;white-space: nowrap !important;}
    .my_hit {display: flex !important;justify-content: flex-end !important; align-items: center !important;width: auto !important;margin-left: auto !important;  font-size: 13px;white-space: nowrap !important;text-align: right !important;}
}