.taean-new-sub {
    --pink: #eb2d70;
    --blue: #064d9f;
    --mint: #d3ece9;
    --ink: #181c20;
    --muted: #69757f;
    --line: #dfe5e8;
    --shell: 1200px;
    color: var(--ink);
    background: #fff;
}

.taean-new-sub #hd_login_msg { display: none; }
.taean-new-sub .header { position: relative; left: auto; top: auto; z-index: 30; background: var(--mint); border: 0; box-shadow: none; }
.taean-new-sub .header_inner { width: min(92%, 1400px); height: 96px; margin: 0 auto; padding: 0; gap: 28px; }
.taean-new-sub .header .logo a,
.taean-new-sub .header.over .logo a { width: 110px; aspect-ratio: 180 / 110; background: url("./assets/taean-logo.webp") no-repeat center / contain; }
.taean-new-sub .header .gnb { display: block; margin-left: auto; }
.taean-new-sub .header .gnb > ul > li { padding: 20px 18px; }
.taean-new-sub .header .gnb > ul > li > a { font-family: inherit; font-size: 16px; font-weight: 700; }
.taean-new-sub .header .right_area { gap: 14px; }
.taean-new-sub .header .member_state { margin-left: 0; }
.taean-new-sub .header .member_state ul li { padding: 0; }
.taean-new-sub .header .member_state ul li::before { display: none; }
.taean-new-sub .header .member_state ul li a { color: #59676d; font-size: 13px; }
.taean-new-sub .taean-main-actions { display: flex; gap: 6px; }
.taean-new-sub .taean-main-actions a { padding: 11px 18px; color: #fff; border-radius: 6px; font-size: 14px; font-weight: 850; }
.taean-new-sub .taean-main-actions__apply { background: var(--pink); }
.taean-new-sub .taean-main-actions__expense { background: var(--blue); }
.taean-new-sub .total_menu_open { width: 30px; height: 24px; margin-left: 0; }

.taean-new-sub .container { min-height: 0; overflow: visible; }
.taean-new-sub .sub_visual { position: relative; width: 100%; height: auto; aspect-ratio: 2000 / 510; display: block; background: var(--mint) url("./assets/sub-hero.webp") no-repeat center top / cover; }
.taean-new-sub .sub_visual::before { display: none; }
.taean-new-sub .sub_visual::after { position: absolute; left: 0; bottom: 0; z-index: 1; width: 87.2%; height: 20.7%; display: block; background: #fff; content: ""; }
.taean-new-sub .sub-visual-link { position: absolute; z-index: 2; left: 87.35%; width: 5.3%; border-radius: 10px; }
.taean-new-sub .sub-visual-link:focus-visible { outline: 4px solid #111; outline-offset: 3px; }
.taean-new-sub .sub-visual-link--festival { top: 5%; height: 29%; }
.taean-new-sub .sub-visual-link--stay { top: 36%; height: 20%; }
.taean-new-sub .sub-visual-link--store { top: 57.5%; height: 20%; }
.taean-new-sub .sub-visual-link--excluded { top: 79.5%; height: 20%; }

.taean-new-sub .sub_container { padding: 28px 0 100px; }
.taean-new-sub .sub_container > .cont { width: min(calc(100% - 40px), var(--shell)); margin: 0 auto; }
.taean-new-sub .sub_top_title { padding: 0 0 58px; }
.taean-new-sub .sub_top_title::before { display: none; }
.taean-new-sub .sub_top_title h1 { margin: 0; color: var(--ink); font-family: inherit; font-size: clamp(34px, 4vw, 48px); font-weight: 800; line-height: 1.25; letter-spacing: -.05em; text-align: center; }

.taean-new-sub #rental_wrap.log,
.taean-new-sub .sub_container #bo_list,
.taean-new-sub .sub_container #bo_v,
.taean-new-sub .sub_container #bo_w { padding: 36px 40px 40px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 16px 45px rgba(22,40,52,.08); }
.taean-new-sub #bo_btn_top { margin: 24px 0 14px; }
.taean-new-sub #bo_btn_top:first-child { margin-top: 0; }
.taean-new-sub #bo_btn_top strong { display: inline-block; color: var(--pink); font-size: 21px; font-weight: 850; }
.taean-new-sub .tbl_head01 { overflow-x: auto; }
.taean-new-sub .tbl_head01 table { min-width: 720px; border-top: 0; border-collapse: collapse; }
.taean-new-sub .tbl_head01 thead th { padding: 16px 12px; color: #fff; background: #535d64; border: 0; font-size: 14px; }
.taean-new-sub .tbl_head01 tbody td,
.taean-new-sub .tbl_head01 tbody th { padding: 17px 12px; background: #fff; border-right: 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.taean-new-sub .tbl_head01 tbody tr:hover td { background: #fafbfb; }
.taean-new-sub .btn_sta2 { display: inline-block; min-width: 82px; padding: 6px 12px; color: var(--blue); background: #eaf3ff; border-radius: 999px; font-size: 12px; font-weight: 850; }
.taean-new-sub .sub_container input[type="text"],
.taean-new-sub .sub_container input[type="password"],
.taean-new-sub .sub_container input[type="tel"],
.taean-new-sub .sub_container input[type="email"],
.taean-new-sub .sub_container select,
.taean-new-sub .sub_container textarea { border-color: #cfd7dc; border-radius: 6px; }
.taean-new-sub .sub_container .btn_submit,
.taean-new-sub .sub_container .btn_b01,
.taean-new-sub .sub_container .btn_b02 { border-radius: 6px; }

.taean-new-sub .quick { display: none; }
.taean-new-sub .footer::before { display: none; }
.taean-new-sub .footer_inner { margin-top: 0; padding: 46px 0; background: #f1f3f3; }
.taean-new-sub .footer .cont { width: min(calc(100% - 40px), 1000px); margin: 0 auto; display: grid; grid-template-columns: 110px 1fr; gap: 28px; }
.taean-new-sub .footer_logo img { width: 105px; max-height: none; }
.taean-new-sub .footer_sns { right: 0; }
.taean-new-sub .footer_cont { color: #515b62; font-size: 12px; line-height: 1.7; }
.taean-new-sub .footer_cont .link { gap: 14px; }
.taean-new-sub .footer .copyright { font-size: 11px; }

@media (max-width: 1100px) {
    .taean-new-sub .header_inner { width: calc(100% - 40px); height: 76px; }
    .taean-new-sub .header .logo a { width: 90px; }
    .taean-new-sub .header .gnb { display: none; }
    .taean-new-sub .taean-main-actions a { padding: 9px 12px; }
}

@media (max-width: 800px) {
    .taean-new-sub .header { position: sticky; top: 0; }
    .taean-new-sub .header_inner { width: calc(100% - 32px); height: 66px; }
    .taean-new-sub .header .logo a { width: 80px; }
    .taean-new-sub .header .member_state { display: none; }
    .taean-new-sub .header .right_area { margin-left: auto; gap: 10px; }
    .taean-new-sub .taean-main-actions a { padding: 8px 11px; font-size: 12px; }
    .taean-new-sub .sub_visual { height: 250px; aspect-ratio: auto; background-size: auto 250px; }
    .taean-new-sub .sub-visual-link { display: none; }
    .taean-new-sub .sub_container { padding: 42px 0 72px; }
    .taean-new-sub .sub_top_title { padding-bottom: 40px; }
    .taean-new-sub #rental_wrap.log,
    .taean-new-sub .sub_container #bo_list,
    .taean-new-sub .sub_container #bo_v,
    .taean-new-sub .sub_container #bo_w { padding: 28px 24px 30px; border-radius: 14px; }
    .taean-new-sub .footer .cont { display: flex; align-items: flex-start; flex-wrap: wrap; text-align: left; }
    .taean-new-sub .footer_sns { position: relative; width: 100%; }
    .taean-new-sub .footer_sns ul { justify-content: flex-start; }
    .taean-new-sub .footer_cont { text-align: left; }
    .taean-new-sub .footer_cont .link { justify-content: flex-start; }
}

@media (max-width: 600px) {
    .taean-new-sub .header_inner { width: calc(100% - 24px); }
    .taean-new-sub .taean-main-actions__expense { display: none; }
    .taean-new-sub .sub_visual { height: 220px; background-size: auto 220px; }
    .taean-new-sub .sub_container > .cont { width: calc(100% - 28px); }
    .taean-new-sub .sub_top_title h1 { font-size: 34px; }
    .taean-new-sub #rental_wrap.log,
    .taean-new-sub .sub_container #bo_list,
    .taean-new-sub .sub_container #bo_v,
    .taean-new-sub .sub_container #bo_w { padding: 22px 14px 24px; }
    .taean-new-sub .footer .cont { width: calc(100% - 28px); }
    .taean-new-sub .footer_logo img { width: 82px; }
}