@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-y: scroll;
}

body {
    min-width: 1200px;
    background: #f3f7fc;
    color: #233f64;
    font-family: Arial, "Malgun Gothic", "맑은 고딕", sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

ul,
ol {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select {
    font: inherit;
}

button {
    border: 0;
    cursor: pointer;
}

img {
    display: block;
    max-width: 100%;
}

:root {
    --blue-900: #274464;
    --blue-800: #35577f;
    --blue-700: #4d709b;
    --blue-500: #6f93bc;
    --blue-300: #b8cce0;
    --blue-200: #d7e4f1;
    --blue-100: #eef4fb;
    --blue-50: #f8fbff;
    --orange-600: #f08d12;
    --orange-500: #ff9c12;
    --orange-400: #ffb52b;
    --text-900: #1f3552;
    --text-700: #3e5877;
    --text-500: #65798f;
    --line: #c3d2e2;
    --box: #ffffff;
    --shadow: 0 1px 3px rgba(31, 66, 105, 0.08);
}

.sl_wrap {
    width: 100%;
    background: none;
    color: var(--text-900);
}

.sl_in {
    width: 1200px;
    margin: 0 auto;
}

.sl_header {
    height: 115px;
    border-bottom: 1px solid #bdd0e5;
    background: none;
    overflow: hidden;
}

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

.sl_logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
}

.sl_logo_image {
    display: block;
    width: 220px;
    height: auto;
    max-width: 100%;
}

.sl_logo_mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50% 45% 48% 42%;
    background: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(255, 144, 0, 0.25);
}

.sl_logo_words {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sl_logo_text {
    display: inline-block;
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.04em;
    background: none;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.sl_logo_subtitle {
    font-size: 12px;
    font-weight: 700;
    color: #70839b;
    text-align: left;
    line-height: 1.2;
}

.sl_mobile_login,
.sl_mobile_signup {
    display: none;
}

.sl_nav {
    height: 54px;
    border-bottom: 1px solid #c4d3e4;
    background: none;
    overflow: hidden;
}

.sl_gnb {
    display: flex;
    width: 1200px;
    height: 54px;
    margin: 0 auto;
}

.sl_gnb > li {
    flex: 1;
    height: 54px;
    border-right: 1px solid #dbe4ee;
}

.sl_gnb > li:first-child {
    border-left: 1px solid #dbe4ee;
}

.sl_gnb > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #23466f;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.sl_gnb > li.on > a,
.sl_gnb > li > a:hover {
    background: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(170, 90, 0, 0.3);
}

.sl_body {
    padding-top: 14px;
}

.sl_grid {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    width: 1200px;
    margin: 0 auto;
}

.sl_side {
    flex: 0 0 240px;
    width: 240px;
    overflow: hidden;
}

.sl_main {
    flex: 0 0 946px;
    width: 946px;
    min-width: 0;
    overflow: hidden;
}

.sl_content,
.sl_box,
.sl_home_search_panel,
.sl_home_feature_panel,
.sl_home_lower_panel,
.sl_home_section,
.sl_home_board_panel,
.sl_home_portal_panel,
.sl_member_page,
.sl_foot {
    overflow: hidden;
}

.sl_content {
    background: var(--box);
    border: 1px solid var(--line);
    border-radius: 3px;
    box-shadow: var(--shadow);
}

.sl_home_latest {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.sl_home_latest > :not(.sl_home_mockup) {
    display: none;
}

.sl_home_mockup {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sl_box {
    margin-bottom: 12px;
    border: 1px solid #b9cbe0;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(31, 66, 105, 0.08);
}

.sl_box_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 14px;
    border-bottom: 1px solid #c8d6e7;
    background: none;
    color: #24466f;
    font-size: 16px;
    font-weight: 700;
}

.sl_home_category_box,
.sl_home_notice_box,
.sl_login_form,
.sl_logged_box,
.sl_box--board-feed {
    overflow: hidden;
}

.sl_home_category_list,
.sl_home_notice_list,
.sl_side_post_list,
.sl_login_links,
.sl_logged_links {
    list-style: none;
}

.sl_home_category_list {
    padding: 8px 14px 12px;
}

.sl_home_category_list li + li {
    border-top: 1px solid #e4ebf3;
}

.sl_home_category_list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    padding: 8px 0;
    color: #355679;
    font-size: 13px;
}

.sl_home_category_list span {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl_home_category_list em {
    flex: 0 0 auto;
    font-style: normal;
    color: #9aa8b8;
    font-size: 12px;
}

.sl_home_notice_list {
    padding: 8px 14px 12px;
}

.sl_home_notice_list li + li {
    border-top: 1px solid #e4ebf3;
}

.sl_home_notice_list a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 0;
    color: #4c6078;
    font-size: 12px;
}

.sl_home_notice_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    height: 20px;
    padding: 0 7px;
    border-radius: 3px;
    background: #edf4fb;
    color: #3464a2;
    font-size: 11px;
    font-weight: 700;
}

.sl_home_notice_text {
    overflow: hidden;
    flex: 1;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #405b7c;
}

.sl_home_notice_list em {
    flex: 0 0 auto;
    margin-left: auto;
    color: #97a4b3;
    font-style: normal;
    font-size: 11px;
}

.sl_home_notice_list a:hover,
.sl_home_category_list a:hover,
.sl_login_links a:hover,
.sl_logged_links a:hover,
.sl_side_post_link:hover {
    color: #f18700;
}

.sl_login_form {
    padding: 15px;
}

.sl_login_inline_form {
    display: flex;
    flex-direction: column;
}

.sl_login_form input[type="text"],
.sl_login_form input[type="password"] {
    display: block;
    width: 100%;
    height: 38px;
    margin-bottom: 7px;
    padding: 0 10px;
    border: 1px solid #bdcad9;
    border-radius: 3px;
    background: #fff;
    color: #333;
    outline: none;
}

.sl_login_form input:focus {
    border-color: #ff9a00;
}

.sl_keep {
    display: flex;
    align-items: center;
    margin: 3px 0 10px;
    color: #5e7086;
    font-size: 12px;
}

.sl_keep input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.sl_login_form button[type="submit"] {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #e18400;
    border-radius: 3px;
    background: none;
    color: #fff;
    font-weight: 700;
}

.sl_login_links {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 10px;
    color: #64758b;
    font-size: 12px;
}

.sl_logged_box {
    padding: 15px;
    text-align: center;
}

.sl_nick {
    margin: 10px 0;
    color: #24466f;
    font-size: 14px;
    font-weight: 700;
}

.sl_nick a {
    color: #f18700;
}

.sl_logged_links {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.sl_logged_links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #c7d3e1;
    border-radius: 3px;
    background: #fff;
    color: #3f5672;
    font-size: 12px;
    font-weight: 700;
}

.sl_side_banner {
    width: 240px;
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid #c5d2e1;
    background: #fff;
}

.sl_side_banner img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.sl_box--board-feed {
    margin-bottom: 0;
}

.sl_side_post_list {
    padding: 8px 14px 12px;
}

.sl_side_post_list--notice li + li,
.sl_side_post_list--latest li + li {
    border-top: 1px dotted #ccd6e2;
}

.sl_side_post_link {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 0;
    color: #4c6078;
    font-size: 12px;
}

.sl_side_post_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    height: 20px;
    padding: 0 7px;
    border-radius: 3px;
    background: #edf4fb;
    color: #3464a2;
    font-size: 11px;
    font-weight: 700;
}

.sl_side_post_badge.is-board {
    background: #f5f8fc;
    color: #567095;
}

.sl_side_post_texts {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.sl_side_post_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #405b7c;
    font-size: 12px;
}

.sl_side_post_meta {
    color: #97a4b3;
    font-size: 11px;
}

.sl_side_post_empty {
    padding: 10px 0;
    color: #7e8da0;
    font-size: 12px;
    text-align: center;
}

.sl_home_latest {
    padding: 0;
}

.sl_address_page {
    padding: 22px;
    background: none;
}

.sl_address_intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 20px 22px;
    border: 1px solid #d8e4f1;
    border-radius: 3px;
    background: none;
}

.sl_address_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    padding: 4px 10px;
    border-radius: 3px;
    background: #ff9f0a;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.sl_address_intro_copy h1 {
    margin: 0 0 6px;
    color: #274464;
    font-size: 28px;
}

.sl_address_intro_copy p {
    margin: 0;
    color: #58738f;
    font-size: 14px;
    line-height: 1.7;
}

.sl_address_search_box {
    flex: 0 0 320px;
}

.sl_address_search_form {
    display: flex;
    align-items: center;
    border: 1px solid #c8d6e7;
    border-radius: 999px;
    background: #fff;
    overflow: hidden;
}

.sl_address_search_form input {
    flex: 1;
    height: 44px;
    padding: 0 16px;
    border: 0;
    outline: none;
    font-size: 14px;
}

.sl_address_search_form button {
    flex: 0 0 76px;
    height: 44px;
    border-left: 1px solid #e5edf5;
    background: none;
    color: #fff;
    font-weight: 700;
}

.sl_home_mockup {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.sl_home_search_panel,
.sl_home_feature_panel,
.sl_home_lower_panel {
    border: 1px solid #dbe4ef;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(33, 58, 83, 0.04);
    overflow: hidden;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.sl_home_search_panel:hover,
.sl_home_feature_panel:hover,
.sl_home_lower_panel:hover {
    border-color: #ffc94b;
    box-shadow: 0 10px 24px rgba(25, 59, 100, 0.12), 0 0 0 1px rgba(255, 159, 0, 0.16);
    transform: translateY(-2px);
}

.sl_home_search_panel {
    padding: 20px 20px 18px;
}

.sl_home_search_box {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.sl_home_search_select {
    flex: 0 0 145px;
    width: 145px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    border: 1px solid #9db5d0;
    border-radius: 3px 0 0 3px;
    background: none;
    color: #26476e;
    font-weight: 700;
    white-space: nowrap;
}

.sl_home_search_form {
    display: flex;
    flex: 1;
    min-width: 0;
    align-items: stretch;
}

.sl_home_search_form input {
    flex: 1;
    min-width: 0;
    height: 52px;
    padding: 0 20px;
    border: 1px solid #9db5d0;
    border-right: 0;
    border-left: 0;
    background: #fff;
    color: #333;
    font-size: 15px;
    outline: none;
}

.sl_home_search_form input:focus {
    background: #fffdf8;
    box-shadow: inset 0 0 0 1px #ff9f12;
}

.sl_home_search_form button {
    flex: 0 0 150px;
    width: 150px;
    height: 52px;
    border: 1px solid #e98200;
    border-radius: 0 4px 4px 0;
    background: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(156, 77, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    white-space: nowrap;
    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.sl_home_search_form button:hover {
    background: none;
    box-shadow: 0 8px 18px rgba(255, 143, 0, 0.22);
    transform: translateY(-2px);
    filter: brightness(1.02);
}

.sl_home_search_keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 14px;
    color: #3571b6;
    font-size: 12px;
}

.sl_home_search_keywords span {
    color: #5c718b;
    font-weight: 700;
}

.sl_home_search_keywords a {
    color: #3571b6;
}

.sl_home_feature_panel {
    padding: 0;
}

.sl_home_feature_head,
.sl_home_lower_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 48px;
    padding: 0 20px;
    border-bottom: 1px solid #edf2f7;
    background: #f8fafc;
}

.sl_home_feature_head h2,
.sl_home_lower_head h3 {
    color: #24466f;
    font-size: 16px;
    font-weight: 700;
}

.sl_home_feature_head a,
.sl_home_lower_head a {
    color: #6b8198;
    font-size: 12px;
    font-weight: 700;
}

.sl_home_popular_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: 18px 20px 20px;
}

.sl_home_popular_card {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 94px;
    padding: 13px;
    border: 1px solid #c8d6e7;
    border-radius: 3px;
    background: none;
    transition: border-color 0.15s, background 0.15s;
    overflow: hidden;
}

.sl_home_popular_card:hover {
    border-color: #ffad28;
    background: #fffaf1;
}

.sl_home_popular_mark {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    margin-right: 12px;
    border-radius: 3px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    background: none;
}

.sl_home_popular_card.is-youtube .sl_home_popular_mark {
    background: none;
}

.sl_home_popular_card.is-coupang .sl_home_popular_mark {
    background: none;
}

.sl_home_popular_card.is-instagram .sl_home_popular_mark {
    background: none;
}

.sl_home_popular_card.is-daum .sl_home_popular_mark {
    background: none;
    color: #2d4a79;
}

.sl_home_popular_card.is-nate .sl_home_popular_mark {
    background: none;
}

.sl_home_popular_card.is-wiki .sl_home_popular_mark {
    background: #fff;
    color: #222;
    border: 1px solid #d7dde7;
}

.sl_home_popular_card.is-kakao .sl_home_popular_mark {
    background: none;
    color: #2d64d2;
}

.sl_home_popular_card.is-netflix .sl_home_popular_mark {
    background: none;
}

.sl_home_popular_texts {
    min-width: 0;
}

.sl_home_popular_texts strong {
    display: block;
    overflow: hidden;
    margin-bottom: 2px;
    color: #17375e;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl_home_popular_texts em {
    display: block;
    overflow: hidden;
    color: #2d6fc4;
    font-size: 11px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl_home_popular_texts i {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    color: #73849a;
    font-size: 11px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl_home_lower_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.sl_home_lower_panel {
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(33, 58, 83, 0.04);
}

.sl_home_lower_list,
.sl_home_rank_list {
    padding: 8px 14px 12px;
}

.sl_home_lower_list li,
.sl_home_rank_list li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 0;
    border-bottom: 1px dotted #ccd7e3;
    color: #4b6079;
}

.sl_home_lower_list li:last-child,
.sl_home_rank_list li:last-child {
    border-bottom: 0;
}

.sl_home_lower_list a,
.sl_home_rank_list li > span,
.sl_home_rank_list li > em {
    min-width: 0;
}

.sl_home_lower_list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    color: #405b7c;
    font-size: 12px;
}

.sl_home_lower_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    height: 20px;
    padding: 0 6px;
    border-radius: 3px;
    background: #ff6c00;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.sl_home_lower_title,
.sl_home_rank_word {
    overflow: hidden;
    flex: 1;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl_home_lower_list em,
.sl_home_rank_list em {
    flex: 0 0 auto;
    color: #97a4b3;
    font-style: normal;
    font-size: 11px;
}

.sl_home_rank_no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #355e9a;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.sl_home_lower_empty {
    padding: 8px 14px 12px;
    color: #7e8da0;
    font-size: 12px;
}

.sl_home_latest_empty {
    padding: 14px 16px;
    text-align: center;
    color: #6f7f93;
}

.sl_home_portal,
.sl_home_portal_hero,
.sl_home_portal_summary,
.sl_home_portal_grid,
.sl_home_portal_bottom,
.sl_home_portal_panel,
.sl_home_portal_category_grid,
.sl_home_portal_sites,
.sl_home_portal_list,
.sl_home_portal_head,
.sl_home_portal_empty,
.sl_home_portal_eyebrow,
.sl_home_portal_hero_copy,
.sl_home_portal_category,
.sl_home_portal_summary_card {
    display: none;
}

.sl_home_section,
.sl_home_feature_grid,
.sl_home_check_grid,
.sl_home_tip_stack,
.sl_home_faq_list,
.sl_home_glossary,
.sl_home_board_digest,
.sl_home_board_panel,
.sl_home_board_head,
.sl_home_board_list,
.sl_home_board_link,
.sl_home_board_body,
.sl_home_board_thumb,
.sl_home_board_title,
.sl_home_board_meta,
.sl_home_intro_hero,
.sl_home_intro_actions,
.sl_home_intro_eyebrow,
.sl_home_intro_primary,
.sl_home_intro_secondary,
.sl_home_latest_head,
.sl_home_latest_grid,
.sl_home_latest_card,
.sl_home_latest_body,
.sl_home_latest_thumb,
.sl_home_latest_meta,
.sl_home_feature_card,
.sl_home_check_card,
.sl_home_tip_card,
.sl_home_faq_item,
.sl_home_section_visual,
.sl_home_section_intro,
.sl_home_seo,
.sl_home_partner,
.sl_home_partner_grid,
.sl_home_partner_banner_link,
.sl_home_partner_thumb,
.sl_home_partner_head,
.sl_home_partner_body,
.sl_home_partner_card,
.sl_home_partner_label,
.sl_home_partner_title,
.sl_home_partner_summary {
    display: none;
}

.sl_member_page {
    padding: 28px;
    background: #fff;
}

.sl_member_page_head {
    margin-bottom: 22px;
}

.sl_member_page_eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    margin-bottom: 12px;
    background: #fff2dc;
    color: #b85d00;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sl_member_page_head h1 {
    margin: 0;
    color: #101926;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.18;
}

.sl_member_page_head p {
    margin-top: 10px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
}

.sl_member_page_message {
    padding: 14px 16px;
    margin-bottom: 18px;
    border: 1px solid #dbe5f0;
    background: #f8fbff;
    color: #1f2d44;
}

.sl_member_page_message.error {
    border-color: #fecaca;
    background: #fff5f5;
    color: #b91c1c;
}

.sl_member_form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sl_member_form label {
    display: block;
}

.sl_member_form label > span {
    display: block;
    margin-bottom: 7px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.sl_member_form input[type="text"],
.sl_member_form input[type="email"],
.sl_member_form input[type="password"] {
    display: block;
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #d8e0eb;
    background: #fff;
    color: #0f172a;
    font-size: 14px;
}

.sl_member_checkbox {
    display: flex !important;
    align-items: center;
    gap: 8px;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}

.sl_member_checkbox > span {
    margin: 0 !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.sl_member_submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    border: 0;
    border-radius: 999px;
    background: none;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(244, 180, 0, 0.24);
}

.sl_member_links {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    font-weight: 700;
}

.sl_member_links a {
    color: #5a6c82;
    text-decoration: none;
}

.sl_member_form_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.sl_member_form_grid .is-wide {
    grid-column: 1 / -1;
}

.sl_member_agreement {
    padding: 16px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}

.sl_member_agreement strong {
    display: block;
    margin-bottom: 10px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 900;
}

.sl_member_agreement_body {
    max-height: 180px;
    padding-right: 6px;
    margin-bottom: 12px;
    overflow-y: auto;
    color: #475569;
    font-size: 13px;
    line-height: 1.72;
}

.sl_foot {
    padding: 20px 0 24px;
    border-top: 1px solid #cfd9e7;
    background: none;
    overflow: hidden;
}

.sl_foot_top,
.sl_foot_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sl_foot_top {
    padding-bottom: 12px;
    border-bottom: 1px solid #d9e3ee;
}

.sl_foot_brand strong {
    display: block;
    color: #24466f;
    font-size: 16px;
    font-weight: 700;
}

.sl_foot_brand p,
.sl_foot_bottom p {
    color: #6b7e96;
    font-size: 12px;
}

.sl_foot_nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.sl_foot_nav a {
    color: #3f5672;
    font-size: 12px;
    font-weight: 700;
}

.sl_foot_bottom {
    padding-top: 12px;
}

@media (max-width: 1199px) {
    body {
        min-width: 0;
    }

    .sl_in,
    .sl_gnb,
    .sl_grid {
        width: 100%;
    }

    .sl_in,
    .sl_grid {
        padding: 0 12px;
    }

    .sl_address_intro {
        flex-direction: column;
        align-items: stretch;
    }

    .sl_address_search_box {
        flex-basis: auto;
    }

    .sl_address_grid {
        grid-template-columns: 1fr;
    }

    .sl_home_address_grid {
        grid-template-columns: 1fr;
    }
}

.sl_home_address_grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: start;
    gap: 16px;
    padding: 16px 20px 20px;
}

.sl_home_address_card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 270px;
    min-height: 270px;
    padding: 14px 14px 12px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(33, 58, 83, 0.04);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.sl_home_address_card:hover {
    border-color: #ff9f0a;
    background: none;
    box-shadow: 0 12px 26px rgba(25, 59, 100, 0.12), 0 0 0 1px rgba(255, 159, 0, 0.16);
    transform: translateY(-2px) rotate(-3deg) scale(1.06);
}

.sl_home_address_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    background: none;
    color: #fff;
    font-size: 16px;
    flex: 0 0 auto;
}

.sl_home_address_card_head h3 {
    margin: 0 0 4px;
    color: #274464;
    font-size: 13px;
}

.sl_home_address_card_head p {
    margin: 0;
    color: #6b8096;
    font-size: 11px;
    line-height: 1.4;
}

.sl_home_address_list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sl_home_address_list li a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 0 8px;
    border-bottom: 1px solid #edf3f8;
    color: #35577f;
}

.sl_home_address_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    flex-basis: 18px;
    border-radius: 3px;
    background: #274464;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.sl_home_address_list strong {
    display: block;
    flex: 1;
    min-width: 0;
    color: #233f64;
    font-size: 12px;
    line-height: 1.35;
}

.sl_address_page {
    padding: 20px;
    background: none;
}

.sl_address_intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 18px 20px;
    border: 1px solid #dbe4ef;
        border-radius: 3px;
    padding: 4px 10px;
    border-radius: 3px;
    background: #ff9f0a;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.sl_address_intro_copy h1 {
    margin: 0 0 6px;
    color: #274464;
    font-size: 28px;
}

.sl_address_intro_copy p {
    margin: 0;
    color: #58738f;
    font-size: 14px;
    line-height: 1.7;
}

.sl_address_search_box {
    flex: 0 0 320px;
}

.sl_address_search_form {
    display: flex;
    align-items: center;
    border: 1px solid #d4e0ee;
    border-radius: 999px;
    background: #fff;
    overflow: hidden;
}

.sl_address_search_form input {
    flex: 1;
    height: 44px;
    padding: 0 16px;
    border: 0;
    outline: none;
    font-size: 14px;
}

.sl_address_search_form button {
    flex: 0 0 76px;
    height: 44px;
    border-left: 1px solid #e6edf6;
    background: none;
    color: #fff;
    font-weight: 700;
    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.sl_address_search_form button:hover {
    box-shadow: 0 8px 18px rgba(255, 143, 0, 0.22);
    transform: translateY(-2px);
    filter: brightness(1.02);
}

.sl_address_grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.sl_address_card {
    display: flex;
    flex-direction: column;
    height: 420px;
    min-height: 0;
    padding: 16px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(33, 58, 83, 0.04);
    min-height: 50px;
    margin-bottom: 10px;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.sl_address_card:hover {
    border-color: #ff9f0a;
    background: none;
    box-shadow: 0 12px 26px rgba(25, 59, 100, 0.12), 0 0 0 1px rgba(255, 159, 0, 0.16);
    transform: translateY(-2px);
}

.sl_address_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 3px;
    background: none;
    color: #fff;
    font-size: 18px;
    flex: 0 0 auto;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
}

.sl_address_icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sl_address_card_title {
    flex: 1;
    min-width: 0;
}

.sl_address_card_title h2 {
    margin: 0 0 3px;
    color: #294768;
    font-size: 16px;
    line-height: 1.25;
}

.sl_address_card_title p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 16px;
    margin: 0;
    color: #6c8096;
    font-size: 12px;
    line-height: 16px;
}

.sl_address_card_more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #eef5fb;
    color: #35577f;
    font-size: 20px;
}

.sl_address_list {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0;
}

.sl_address_list_item {
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    height: 32px;
    min-height: 32px;
    padding: 0;
    border-bottom: 1px solid #edf3f8;
}

.sl_address_list_item .sl_address_rank {
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

.sl_address_rank {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    border-radius: 3px;
    background: #ff9f0a;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    flex: 0 0 auto;
}

.sl_address_item_info {
    flex: 1;
    min-width: 0;
}

.sl_address_item_info strong {
    display: block;
    color: #274464;
    font-size: 12px;
    line-height: 1.35;
}

.sl_address_list_item a {
    flex: 0 0 auto;
    color: #f08700;
    font-size: 12px;
    font-weight: 700;
}

.sl_home_mockup {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media (max-width: 1199px) {
    .sl_address_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .sl_address_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sl_home_address_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .sl_header {
        height: auto;
        padding: 20px 0 16px;
    }

    .sl_logo_text {
        font-size: 30px;
    }

    .sl_logo_mark {
        width: 46px;
        height: 46px;
        font-size: 16px;
    }

    .sl_grid {
        display: block;
    }

    .sl_side,
    .sl_main {
        width: 100%;
    }

    .sl_side {
        margin-bottom: 14px;
    }

    .sl_home_popular_grid,
    .sl_home_lower_grid,
    .sl_member_form_grid {
        grid-template-columns: 1fr;
    }

    .sl_gnb {
        flex-wrap: wrap;
        height: auto;
    }

    .sl_gnb > li {
        flex: 0 0 33.333%;
    }

    .sl_home_search_box {
        flex-wrap: wrap;
    }

    .sl_home_search_select {
        flex: 0 0 35%;
        width: auto;
        border-radius: 3px 0 0 3px;
    }

    .sl_home_search_form {
        flex: 1 1 65%;
        min-width: 0;
    }

    .sl_home_search_form input {
        border-right: 1px solid #9db5d0;
        border-radius: 0 3px 3px 0;
    }

    .sl_home_search_form button {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 8px;
        border-radius: 3px;
    }

    .sl_foot_top,
    .sl_foot_bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Mango category artwork + lighter card system */
.sl_home_address_grid,.sl_address_grid{gap:12px!important}
.sl_home_address_card,.sl_address_card{position:relative;border:1px solid #f2dfbf!important;border-radius:3px!important;background:#fffdf8!important;box-shadow:0 2px 10px rgba(25,59,100,.07)!important;overflow:hidden;transition:border-color .16s ease,box-shadow .18s ease,transform .18s ease,background-color .2s ease}
.sl_home_address_card::before,.sl_address_card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#ff9f0a!important;box-shadow:0 8px 20px rgba(25,59,100,.12)!important}
.sl_home_address_card_head,.sl_address_card_head{border:0!important;background:transparent!important;padding-top:14px!important}
.sl_home_address_icon,.sl_address_icon{width:44px!important;height:44px!important;min-width:44px!important;border:1px solid #ffe0ad!important;border-radius:3px!important;background-color:#fff9ed!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;font-size:0!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sl_address_icon img{display:block;width:44px!important;height:44px!important;object-fit:contain}
.sl_home_address_card:hover,.sl_address_card:hover{border-color:#ff9f0a!important;background:#fff9ed!important;box-shadow:0 12px 24px rgba(25,59,100,.12),0 0 0 1px rgba(255,159,0,.16)!important;transform:translateY(-2px)}
.sl_home_address_card:hover .sl_home_address_icon,.sl_address_card:hover .sl_address_icon{border-color:#ff9f0a!important;box-shadow:0 8px 16px rgba(255,159,0,.18)!important;transform:rotate(-3deg) scale(1.06)}
.sl_home_address_card:nth-child(1) .sl_home_address_icon{background-image:url('/imgs/mango_categories/casino.png')}
.sl_home_address_card:nth-child(2) .sl_home_address_icon{background-image:url('/imgs/mango_categories/sports.png')}
.sl_home_address_card:nth-child(3) .sl_home_address_icon{background-image:url('/imgs/mango_categories/webtoon.png')}
.sl_home_address_card:nth-child(4) .sl_home_address_icon{background-image:url('/imgs/mango_categories/drama.png')}
.sl_home_address_card:nth-child(5) .sl_home_address_icon{background-image:url('/imgs/mango_categories/nightlife.png')}
.sl_home_address_card:nth-child(6) .sl_home_address_icon{background-image:url('/imgs/mango_categories/verified.png')}
.sl_home_address_card:nth-child(7) .sl_home_address_icon{background-image:url('/imgs/mango_categories/caution.png')}
.sl_home_address_card:nth-child(8) .sl_home_address_icon{background-image:url('/imgs/mango_categories/global.png')}
.sl_home_address_card:nth-child(9) .sl_home_address_icon{background-image:url('/imgs/mango_categories/shortform.png')}
.sl_home_address_card:nth-child(10) .sl_home_address_icon{background-image:url('/imgs/mango_categories/magazine.png')}
.sl_home_address_list li,.sl_address_list_item{border:0!important}
.sl_home_address_list a,.sl_address_list_item a{border-radius:3px!important;transition:background .16s ease,color .16s ease}
.sl_home_address_list a:hover,.sl_address_list_item:hover{background:#fff2d5!important;color:#193b64}
.sl_home_section,.sl_box,.sl_side_banner,.sl_home_bottom_box{border-color:rgba(25,59,100,.08)!important;box-shadow:0 2px 10px rgba(25,59,100,.045)}

/* Flat color system: intentionally no gradients */
.sl_wrap{background:#f3f7fc!important}
.sl_header{background:#eef4fb!important}
.sl_logo_mango{background:#ff9f0a!important}
.sl_logo_word{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#193b64!important;-webkit-text-fill-color:#193b64!important}
.sl_nav{background:#fff!important}
.sl_gnb>li.on>a,.sl_gnb>li>a:hover{background:#ff9f0a!important;text-shadow:none!important}
.sl_box_title,.sl_home_section_head{background:#f7f9fc!important}
.sl_login_btn,.sl_home_search_form button,.sl_address_search_button,.sl_address_search_form button{background:#ff9f0a!important;box-shadow:none!important}
.sl_login_btn:hover,.sl_home_search_form button:hover,.sl_address_search_button:hover,.sl_address_search_form button:hover{background:#f08b00!important;box-shadow:none!important}
.sl_address_page{background:#f3f7fc!important}
.sl_address_intro,.sl_address_search_form,.sl_home_search_form{background:#fff!important}
.sl_home_address_card,.sl_address_card{background:#fffaf0!important}
.sl_home_address_card:hover,.sl_address_card:hover{background:#fff6df!important}
.sl_home_address_card::before,.sl_address_card::before{background:#ff9f0a!important}
.sl_home_popular_card{background:#fff!important}
.sl_home_popular_card.is-naver .sl_home_popular_mark{background:#35a853!important}
.sl_home_popular_card.is-youtube .sl_home_popular_mark{background:#e62117!important}
.sl_home_popular_card.is-coupang .sl_home_popular_mark{background:#f36b21!important}
.sl_home_popular_card.is-instagram .sl_home_popular_mark{background:#c84b86!important}
.sl_home_popular_card.is-daum .sl_home_popular_mark{background:#f4b400!important}
.sl_home_popular_card.is-nate .sl_home_popular_mark{background:#e63b22!important}
.sl_home_popular_card.is-kakao .sl_home_popular_mark{background:#ffe500!important}
.sl_home_popular_card.is-netflix .sl_home_popular_mark{background:#111!important}
.sl_footer{background:#eef4fb!important}
.sl_side_current_popular{list-style:none;margin:0;padding:4px 14px 8px}
.sl_side_current_popular li{margin:0;border-bottom:1px solid #edf1f5}
.sl_side_current_popular li:last-child{border-bottom:0}
.sl_side_current_popular a{display:flex;align-items:center;gap:9px;min-height:44px;color:#193b64;text-decoration:none}
.sl_side_current_popular img{width:28px;height:28px;object-fit:contain;flex:0 0 28px}
.sl_side_current_popular span{min-width:0;display:flex;flex-direction:column;gap:2px}
.sl_side_current_popular strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.sl_side_current_popular small{color:#8292a6;font-size:10px}
.sl_side_current_popular a:hover strong{color:#f08b00}
.sl_home_address_pending_row{display:flex;align-items:center;gap:9px;min-height:32px;color:#a1adba}
.sl_home_address_pending .sl_home_address_badge{background:#c8d0d9!important}
.sl_home_address_icon{border:0!important;background-color:transparent!important;box-shadow:none!important}
.sl_home_address_card:hover .sl_home_address_icon{border:0!important;box-shadow:none!important}

/* Mobile layout system 20260731 */
@media (max-width: 767px){
  html,body{width:100%;min-width:0!important;overflow-x:hidden}
  body{font-size:14px;-webkit-text-size-adjust:100%}
  img,video,iframe,table{max-width:100%}
  .sl_wrap,.sl_header,.sl_nav,.sl_body,.sl_footer{width:100%;min-width:0!important}
  .sl_in,.sl_gnb,.sl_grid{width:100%!important;max-width:100%!important;box-sizing:border-box}
  .sl_in,.sl_grid{padding-left:14px!important;padding-right:14px!important}

  .sl_header{height:112px!important;padding:14px 0 12px!important}
  .sl_header .sl_in{height:100%;display:flex;align-items:center;justify-content:center}
  .sl_logo{max-width:250px!important;transform:none!important}
  .sl_logo img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:76px!important;margin:auto}
  .sl_logo_mark{width:42px!important;height:42px!important}
  .sl_logo_text{font-size:27px!important}
  .sl_logo_sub{font-size:10px!important}

  .sl_nav{height:52px!important;overflow:hidden;border-bottom:1px solid #d7e0ea}
  .sl_gnb{display:flex!important;flex-wrap:nowrap!important;height:52px!important;padding:0!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .sl_gnb::-webkit-scrollbar{display:none}
  .sl_gnb>li{flex:0 0 auto!important;min-width:112px!important;height:52px!important}
  .sl_gnb>li>a{height:52px!important;padding:0 18px!important;font-size:15px!important;white-space:nowrap}

  .sl_body{padding:14px 0 28px!important}
  .sl_grid{display:flex!important;flex-direction:column!important;gap:14px!important}
  .sl_main{order:1!important;width:100%!important;min-width:0!important;margin:0!important}
  .sl_side{order:2!important;width:100%!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .sl_side>.sl_box,.sl_side>.sl_side_banner{margin:0!important;width:100%!important}
  .sl_side_banner img{display:block;width:100%!important;height:auto!important;object-fit:cover}
  .sl_side .sl_login_box{order:3}
  .sl_side .sl_side_banner{order:4}
  .sl_side .sl_box{order:5}

  .sl_box,.sl_home_section,.sl_home_lower_panel,.sl_address_intro,.sl_address_search_box{width:100%!important;box-sizing:border-box!important}
  .sl_box_title,.sl_home_section_head,.sl_home_lower_head{padding:13px 14px!important}

  .sl_home_search_box,.sl_address_search_form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important}
  .sl_home_search_select,.sl_home_search_form,.sl_address_search_select,.sl_address_search_input,.sl_address_search_button{width:100%!important;min-width:0!important;max-width:none!important;border-radius:3px!important}
  .sl_home_search_form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .sl_home_search_form input,.sl_home_search_form button,.sl_address_search_form input,.sl_address_search-form button{width:100%!important;height:46px!important;margin:0!important;border-radius:3px!important}
  .sl_home_search_keywords,.sl_address_quick{padding:8px 4px 0!important;line-height:1.9;text-align:center}

  .sl_home_address_grid,.sl_address_grid{grid-template-columns:1fr!important;gap:12px!important}
  .sl_home_address_card,.sl_address_card{width:100%!important;height:auto!important;min-height:0!important;padding:12px 14px!important;transform:none!important}
  .sl_home_address_card:hover,.sl_address_card:hover{transform:none!important}
  .sl_home_address_card_head,.sl_address_card_head{min-height:50px!important;padding:4px 0 10px!important}
  .sl_home_address_icon,.sl_address_icon,.sl_address_icon img{width:44px!important;height:44px!important;min-width:44px!important}
  .sl_home_address_list li,.sl_address_list_item{min-height:38px!important}
  .sl_home_address_list a{min-height:38px!important;gap:9px!important}
  .sl_home_address_name,.sl_address_item_info strong{white-space:normal!important;overflow-wrap:anywhere}
  .sl_address_list_item{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
  .sl_address_list_item>a{white-space:nowrap!important}

  .sl_home_popular_grid,.sl_home_lower_grid,.sl_home_portal_grid,.sl_home_portal-summary,.sl_member_form_grid{grid-template-columns:1fr!important;gap:12px!important}
  .sl_home_popular_card,.sl_home_lower_panel{min-width:0!important}
  .sl_home_lower_list a,.sl_home_rank_list li{gap:8px!important;min-width:0!important}
  .sl_home_lower_title,.sl_home_rank_word{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

  .sl_member_page,.sl_member_wrap,.sl_member_form,.member_wrap,.memberForm,#fo_member,.login_form,.signup_form{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  .sl_member_page input,.sl_member_page select,.sl_member_page textarea,.memberForm input,.memberForm select,.memberForm textarea,#fo_member input,#fo_member select,#fo_member textarea{max-width:100%!important;width:100%!important;box-sizing:border-box!important}
  .sl_member_actions,.btnArea{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .sl_member_actions>* ,.btnArea>*{flex:1 1 auto!important}

  .searchResult,.search_result,.sl_search_result,.xe_content{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere}
  .searchResult table,.search_result table{display:block!important;width:100%!important;overflow-x:auto!important}

  .sl_footer{padding:20px 0!important}
  .sl_foot_top,.sl_foot_bottom{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:flex-start!important}
}

@media (min-width:768px) and (max-width:1023px){
  body{min-width:0!important}
  .sl_in,.sl_gnb,.sl_grid{width:100%!important;box-sizing:border-box;padding-left:18px;padding-right:18px}
  .sl_grid{grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important}
  .sl_side{width:220px!important}.sl_main{width:auto!important;min-width:0!important}
  .sl_home_address_grid,.sl_address_grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 20260731-18 mobile component polish */
.sl_login button,
.sl_search_button,
.sl_address_search_button,
.sl_home_search_button,
.board_search_hero_btn,
.xm .btn-inverse,
.xm input[type="submit"].btn {
	background: #ff9900 !important;
	background-image: none !important;
	border: 1px solid #e68300 !important;
	color: #fff !important;
	border-radius: 3px !important;
	box-shadow: none !important;
}

@media (max-width: 767px) {
	.sl_header {
		height: 108px !important;
		min-height: 108px !important;
	}
	.sl_header .sl_in {
		height: 108px !important;
		padding: 18px 16px !important;
	}
	.sl_logo img {
		max-width: 150px !important;
		max-height: 70px !important;
	}
	.sl_gnb a {
		padding: 0 18px !important;
		font-size: 14px !important;
	}
	.sl_content {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
	}
	.xm {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	.xm .signin,
	.xm form.form-horizontal {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 18px !important;
		box-sizing: border-box !important;
		background: #fff !important;
		border: 1px solid #d8e0ea !important;
		border-radius: 3px !important;
		box-shadow: none !important;
	}
	.xm .signin .login-header,
	.xm .signin .login-body,
	.xm .signin .login-footer {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.xm .signin h1,
	.xm > h1 {
		margin: 0 0 18px !important;
		padding: 0 0 12px !important;
		font-size: 21px !important;
		line-height: 1.35 !important;
		color: #173b68 !important;
	}
	.xm fieldset {
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
	.xm .control-group {
		display: block !important;
		width: 100% !important;
		margin: 0 0 14px !important;
	}
	.xm .control-label {
		display: block !important;
		float: none !important;
		width: auto !important;
		margin: 0 0 6px !important;
		padding: 0 !important;
		text-align: left !important;
		font-weight: 700 !important;
	}
	.xm .controls {
		margin-left: 0 !important;
	}
	.xm input[type="text"],
	.xm input[type="password"],
	.xm input[type="email"],
	.xm input[type="url"],
	.xm select,
	.xm textarea {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 44px !important;
		padding: 9px 11px !important;
		box-sizing: border-box !important;
		border: 1px solid #b9c8da !important;
		border-radius: 3px !important;
	}
	.xm .signin input[type="submit"],
	.xm form.form-horizontal input[type="submit"] {
		display: block !important;
		float: none !important;
		width: 100% !important;
		min-height: 44px !important;
		margin: 12px 0 0 !important;
	}
	.xm .help-inline {
		display: block !important;
		margin: 6px 0 0 !important;
		font-size: 12px !important;
		line-height: 1.5 !important;
	}
	.xm .login-footer {
		margin-top: 14px !important;
		text-align: center !important;
	}
}

/* 20260731-19 visibility, sidebar and address icon fixes */
.sl_login_form button[type="submit"],
.sl_side button[type="submit"],
.bd .btn,
.bd a.btn,
.bd button.btn,
.bd input.btn,
.board_list .btn,
.board_view .btn,
.board_write .btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ff9900 !important;
	background-image: none !important;
	border: 1px solid #e68300 !important;
	color: #fff !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	opacity: 1 !important;
	text-indent: 0 !important;
	visibility: visible !important;
}
.sl_login_form button[type="submit"],
.sl_side button[type="submit"] {
	width: 100% !important;
	min-height: 40px !important;
}
.bd .btn:hover,
.bd a.btn:hover,
.bd button.btn:hover,
.sl_login_form button[type="submit"]:hover {
	background: #e98b00 !important;
	color: #fff !important;
}

/* Use one sidebar visual system on home and sub pages. */
.sl_side > .sl_box,
.sl_side > .sl_side_banner {
	width: 100% !important;
	margin: 0 0 12px !important;
	box-sizing: border-box !important;
	border-radius: 3px !important;
	box-shadow: none !important;
}
.sl_side > .sl_box {
	background: #fff !important;
	border: 1px solid #d6e0ec !important;
	overflow: hidden !important;
}
.sl_side .sl_box_title,
.sl_side .sl_box > h2,
.sl_side .sl_box > h3 {
	margin: 0 !important;
	padding: 14px 16px !important;
	background: #f7f9fc !important;
	background-image: none !important;
	border: 0 !important;
	border-bottom: 1px solid #d6e0ec !important;
	color: #173b68 !important;
	font-size: 17px !important;
	line-height: 1.3 !important;
}
.sl_side .sl_side_post_list,
.sl_side .sl_popular_list {
	margin: 0 !important;
	padding: 8px 16px 12px !important;
}
.sl_side .sl_side_post_list li,
.sl_side .sl_popular_list li {
	border-bottom: 1px solid #e8edf3 !important;
}
.sl_side .sl_side_post_list li:last-child,
.sl_side .sl_popular_list li:last-child {
	border-bottom: 0 !important;
}

/* Every address category receives a mango-family icon. */
.sl_address_card .sl_address_icon {
	width: 48px !important;
	height: 48px !important;
	flex: 0 0 48px !important;
	font-size: 0 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}
.sl_address_card .sl_address_icon img {
	display: block !important;
	width: 48px !important;
	height: 48px !important;
	object-fit: contain !important;
}
.sl_address_card:nth-child(10n+1) .sl_address_icon { background-image: url('/imgs/mango_categories/casino.png') !important; }
.sl_address_card:nth-child(10n+2) .sl_address_icon { background-image: url('/imgs/mango_categories/sports.png') !important; }
.sl_address_card:nth-child(10n+3) .sl_address_icon { background-image: url('/imgs/mango_categories/webtoon.png') !important; }
.sl_address_card:nth-child(10n+4) .sl_address_icon { background-image: url('/imgs/mango_categories/drama.png') !important; }
.sl_address_card:nth-child(10n+5) .sl_address_icon { background-image: url('/imgs/mango_categories/nightlife.png') !important; }
.sl_address_card:nth-child(10n+6) .sl_address_icon { background-image: url('/imgs/mango_categories/verified.png') !important; }
.sl_address_card:nth-child(10n+7) .sl_address_icon { background-image: url('/imgs/mango_categories/caution.png') !important; }
.sl_address_card:nth-child(10n+8) .sl_address_icon { background-image: url('/imgs/mango_categories/global.png') !important; }
.sl_address_card:nth-child(10n+9) .sl_address_icon { background-image: url('/imgs/mango_categories/shortform.png') !important; }
.sl_address_card:nth-child(10n+10) .sl_address_icon { background-image: url('/imgs/mango_categories/magazine.png') !important; }

@media (max-width: 767px) {
	/* Sidebar widgets duplicate the main content on phones and make pages excessively long. */
	.sl_grid > .sl_side {
		display: none !important;
	}
	.sl_grid {
		display: block !important;
		padding: 14px 12px 24px !important;
	}
	.sl_grid > .sl_main {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}
	.sl_main > *,
	.sl_content,
	.bd {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	.sl_address_card {
		min-height: 0 !important;
		height: auto !important;
	}
	.sl_address_card_head {
		min-height: 52px !important;
		padding: 12px !important;
	}
	.sl_address_card .sl_address_icon,
	.sl_address_card .sl_address_icon img {
		width: 40px !important;
		height: 40px !important;
	}
	.sl_address_card .sl_address_icon {
		flex-basis: 40px !important;
	}
	.sl_address_list li {
		min-height: 42px !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}
	.bd .btn,
	.bd a.btn,
	.bd button.btn,
	.bd input.btn {
		min-height: 40px !important;
		padding: 0 14px !important;
		font-size: 13px !important;
	}
}

/* 20260731-20 Rhymix board action buttons */
a.btn,
button.btn,
input.btn,
.btn_area a,
.btnArea a,
.board_buttons a,
.board_buttons button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 38px !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
	background: #ff9900 !important;
	background-image: none !important;
	border: 1px solid #e68300 !important;
	border-radius: 3px !important;
	color: #fff !important;
	box-shadow: none !important;
	opacity: 1 !important;
	text-indent: 0 !important;
	visibility: visible !important;
}
a.btn *,
button.btn *,
.btn_area a *,
.btnArea a * {
	color: #fff !important;
}
a.btn:hover,
button.btn:hover,
input.btn:hover,
.btn_area a:hover,
.btnArea a:hover {
	background: #e98b00 !important;
	color: #fff !important;
}

/* 20260731-21 remove mobile address search dead space */
@media (max-width: 767px) {
	.sl_address_intro,
	.sl_address_search_box,
	.sl_address_search_form {
		height: auto !important;
		min-height: 0 !important;
	}
	.sl_address_intro {
		display: block !important;
	}
	.sl_address_intro_copy {
		margin-bottom: 14px !important;
	}
	.sl_address_search_box {
		margin: 0 !important;
		padding: 0 !important;
	}
}
/* Address Mango mobile UI v22 — flat 390px-first layout */
@media (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body {
    font-size: 14px;
    background: #f3f7fc !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  img,
  iframe,
  video,
  table {
    max-width: 100% !important;
  }

  .sl_wrap,
  .sl_body,
  .sl_in,
  .sl_content,
  .sl_main,
  .board,
  .sl_address_page {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .sl_header {
    height: 92px !important;
    min-height: 92px !important;
    padding: 0 !important;
    background: #eef4fb !important;
  }

  .sl_header_in {
    width: 100% !important;
    height: 92px !important;
    min-height: 92px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 16px !important;
  }

  .sl_logo,
  .sl_logo_image {
    display: block !important;
    width: auto !important;
    max-width: 190px !important;
    max-height: 58px !important;
    margin: 0 auto !important;
  }

  .sl_gnb {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    background: #fff !important;
    border-top: 1px solid #cbd8e8 !important;
    border-bottom: 1px solid #cbd8e8 !important;
  }

  .sl_gnb::-webkit-scrollbar {
    display: none;
  }

  .sl_nav {
    display: flex !important;
    width: max-content !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sl_nav > li {
    flex: 0 0 104px !important;
    width: 104px !important;
    min-width: 104px !important;
  }

  .sl_nav > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 56px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #173c68 !important;
    background: #fff !important;
    border-right: 1px solid #d8e1ec !important;
    border-radius: 0 !important;
  }

  .sl_nav > li.on > a,
  .sl_nav > li > a.on {
    color: #fff !important;
    background: #ff9800 !important;
  }

  .sl_body {
    padding: 0 !important;
  }

  .sl_body > .sl_in {
    padding: 16px !important;
  }

  .sl_grid {
    display: block !important;
    width: 100% !important;
  }

  .sl_side,
  .ue-sidebar-container,
  .sl_mobile_login,
  .sl_mobile_signup {
    display: none !important;
  }

  .sl_main {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sl_main > * {
    max-width: 100% !important;
  }

  .sl_box,
  .board_heading,
  .board_search,
  .board_list,
  .board_read,
  .sl_address_intro {
    border-radius: 3px !important;
    box-shadow: none !important;
  }

  /* Main search and sections */
  .sl_home_search_panel {
    margin: 0 0 12px !important;
    padding: 14px !important;
    border: 1px solid #d4deea !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .sl_home_search_box,
  .sl_home_search_form {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .sl_home_search_select,
  .sl_home_search_form select,
  .sl_home_search_form input,
  .sl_home_search_form button {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 3px !important;
  }

  .sl_home_search_form button {
    grid-column: 1 / -1 !important;
    color: #fff !important;
    background: #ff9800 !important;
    border: 1px solid #e98b00 !important;
  }

  .sl_home_search_keywords {
    display: none !important;
  }

  .sl_home_address_grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .sl_home_address_card {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid #d5dfeb !important;
    border-top: 3px solid #ff9800 !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .sl_home_address_card_head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #e4eaf1 !important;
  }

  .sl_home_address_icon {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  .sl_home_address_card_head h3 {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
  }

  .sl_home_address_list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sl_home_address_list > li,
  .sl_home_address_pending {
    min-height: 39px !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #e7edf3 !important;
  }

  .sl_home_address_list a,
  .sl_home_address_pending_row {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  .sl_home_address_name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sl_home_lower_grid,
  .sl_home_latest_grid,
  .sl_home_feature_grid,
  .sl_home_check_grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .sl_home_lower_panel,
  .sl_home_latest_card,
  .sl_home_feature_card,
  .sl_home_check_card {
    margin: 0 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
  }

  /* Address collection subpage */
  .sl_address_page {
    padding: 0 !important;
  }

  .sl_address_intro {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 16px !important;
    border: 1px solid #d5dfeb !important;
    background: #fff !important;
  }

  .sl_address_intro_copy {
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .sl_address_intro h1 {
    margin: 8px 0 !important;
    font-size: 25px !important;
    line-height: 1.25 !important;
  }

  .sl_address_intro p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .sl_address_search_box,
  .sl_address_search_form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 76px !important;
    gap: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #cbd8e8 !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .sl_address_search_form input,
  .sl_address_search_form button {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  .sl_address_search_form button {
    color: #fff !important;
    background: #ff9800 !important;
  }

  .sl_address_grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .sl_address_card {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid #d5dfeb !important;
    border-top: 3px solid #ff9800 !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .sl_address_card_head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 0 !important;
    margin: 0 0 6px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #e4eaf1 !important;
  }

  .sl_address_icon {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }

  .sl_address_card_title {
    margin: 0 !important;
    font-size: 17px !important;
  }

  .sl_address_card_more {
    margin-left: auto !important;
  }

  .sl_address_list {
    margin: 0 !important;
    padding: 0 !important;
  }

  .sl_address_list_item {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    border-bottom: 1px solid #e7edf3 !important;
  }

  .sl_address_item_info {
    min-width: 0 !important;
  }

  .sl_address_item_info a,
  .sl_address_item_info strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Board intro and search */
  .board {
    margin: 0 !important;
    padding: 0 !important;
  }

  .board_heading {
    margin: 0 0 12px !important;
    padding: 16px !important;
    border: 1px solid #d5dfeb !important;
    background: #fff !important;
  }

  .board_heading h1,
  .board_heading h2 {
    margin: 0 0 8px !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  .board_heading p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .board_search {
    margin: 0 0 12px !important;
    padding: 12px !important;
    border: 1px solid #d5dfeb !important;
    background: #fff !important;
  }

  .board_search_hero_inner {
    display: grid !important;
    grid-template-columns: 110px minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .board_search_hero_inner select,
  .board_search_hero_inner .search_input,
  .board_search_hero_inner input,
  .board_search_hero_btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 3px !important;
  }

  .board_search_hero_inner .search_input {
    position: relative !important;
  }

  .board_search_hero_btn {
    grid-column: 1 / -1 !important;
    color: #fff !important;
    background: #ff9800 !important;
    border: 1px solid #e98b00 !important;
  }

  /* List board becomes a touch-friendly article list */
  .board_list--list {
    margin: 0 !important;
    border: 1px solid #d5dfeb !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  .board_list--list table,
  .board_list--list tbody,
  .board_list--list tr,
  .board_list--list td {
    display: block !important;
    width: 100% !important;
  }

  .board_list--list thead,
  .board_list--list td.no {
    display: none !important;
  }

  .board_list--list tr {
    position: relative !important;
    min-height: 72px !important;
    padding: 13px 34px 11px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #e0e7ef !important;
  }

  .board_list--list tr::after {
    content: "›";
    position: absolute;
    top: 22px;
    right: 14px;
    color: #75879b;
    font-size: 24px;
    line-height: 1;
  }

  .board_list--list td {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  .board_list--list td.title {
    margin: 0 0 7px !important;
    overflow: hidden !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .board_list--list td.title a {
    color: #173c68 !important;
  }

  .board_list--list td.author,
  .board_list--list td.time,
  .board_list--list td.readNum {
    display: inline-block !important;
    width: auto !important;
    margin-right: 8px !important;
    color: #7a8ca2 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .board_list--list td.time::before,
  .board_list--list td.readNum::before {
    content: "|";
    margin-right: 8px;
    color: #c5ced9;
  }

  /* Gallery */
  .board_gallery {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .board_gallery_card {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid #d5dfeb !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .board_gallery_thumb {
    width: 100% !important;
    height: 104px !important;
    margin: 0 0 9px !important;
    overflow: hidden !important;
  }

  .board_gallery_thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .board_gallery_body,
  .board_card_title {
    min-width: 0 !important;
  }

  .board_card_title {
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .board_meta_row {
    display: block !important;
    margin-top: 5px !important;
    color: #7a8ca2 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  /* Buttons and pagination */
  .list_footer {
    margin: 12px 0 0 !important;
  }

  .btnArea {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .btnArea .btn,
  .read_footer .btn,
  .board .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 76px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    color: #173c68 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background: #fff !important;
    border: 1px solid #9eb0c5 !important;
    border-radius: 3px !important;
  }

  .btnArea .btn:first-child,
  .board_search_hero_btn {
    color: #fff !important;
    background: #ff9800 !important;
    border-color: #e98b00 !important;
  }

  .pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    overflow: hidden !important;
  }

  .pagination a,
  .pagination strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #d5dfeb !important;
    border-radius: 3px !important;
    background: #fff !important;
  }

  .pagination strong {
    color: #fff !important;
    background: #173c68 !important;
    border-color: #173c68 !important;
  }

  .pagination .direction {
    font-size: 0 !important;
  }

  /* Post view */
  .board_read {
    margin: 0 0 12px !important;
    padding: 14px !important;
    border: 1px solid #d5dfeb !important;
    background: #fff !important;
  }

  .read_header {
    margin: 0 0 14px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #e0e7ef !important;
  }

  .read_header h1,
  .read_header .title {
    margin: 0 0 8px !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    word-break: keep-all !important;
  }

  .read_body,
  .rhymix_content,
  .xe_content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .read_body img,
  .rhymix_content img,
  .xe_content img,
  .slotbox_game_frame,
  .slotbox_game_embed {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  .slotbox_game_chrome,
  .slotbox_info_wrap,
  .slotbox_story,
  .slotbox_seo_block {
    width: 100% !important;
    min-width: 0 !important;
    margin: 12px 0 !important;
    padding: 14px !important;
    border-radius: 3px !important;
    box-shadow: none !important;
  }

  .slotbox_info_table {
    width: 100% !important;
    table-layout: fixed !important;
    font-size: 12px !important;
  }

  .slotbox_info_table th,
  .slotbox_info_table td {
    padding: 8px 5px !important;
    overflow-wrap: anywhere !important;
  }

  .read_footer {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  /* Forms: login, signup, search results and write pages */
  .sl_main form,
  .sl_main fieldset,
  .sl_main input,
  .sl_main select,
  .sl_main textarea {
    max-width: 100% !important;
  }

  .sl_main input[type="text"],
  .sl_main input[type="password"],
  .sl_main input[type="email"],
  .sl_main select {
    height: 42px;
  }

  .sl_main textarea {
    min-height: 140px;
  }

  .sl_foot {
    margin-top: 24px !important;
  }

  .sl_foot_top,
  .sl_foot_bottom {
    display: block !important;
    width: 100% !important;
    padding: 18px 16px !important;
  }

  .sl_foot_nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    margin-top: 12px !important;
  }
}

@media (max-width: 374px) {
  .sl_body > .sl_in {
    padding: 12px !important;
  }

  .sl_nav > li {
    flex-basis: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
  }

  .sl_home_search_box,
  .sl_home_search_form,
  .board_search_hero_inner {
    grid-template-columns: 1fr !important;
  }

  .sl_home_address_list,
  .board_gallery {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .sl_header_in { position: relative !important; }
  .sl_mobile_login, .sl_mobile_signup { position: absolute !important; top: 10px !important; z-index: 5 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 46px !important; height: 26px !important; padding: 0 7px !important; color: #173c68 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; background: #fff !important; border: 1px solid #cbd8e8 !important; border-radius: 3px !important; }
  .sl_mobile_login { left: 10px !important; }
  .sl_mobile_signup { right: 10px !important; }
}

@media (max-width:767px){.sl_header_in{position:relative!important}.sl_mobile_login,.sl_mobile_signup{position:absolute!important;top:10px!important;z-index:5!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;height:26px!important;padding:0 7px!important;color:#173c68!important;font-size:11px!important;font-weight:700!important;background:#fff!important;border:1px solid #cbd8e8!important;border-radius:3px!important}.sl_mobile_login{left:10px!important}.sl_mobile_signup{right:10px!important}}

/* mobile layout collision fixes v26 */
@media (max-width:767px){
.sl_gnb{overflow-x:hidden!important}
.sl_nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%!important;min-width:0!important}
.sl_nav>li{width:auto!important;min-width:0!important;flex:none!important}
.sl_nav>li>a{height:52px!important;padding:0 2px!important;font-size:12px!important;letter-spacing:-.6px!important}
.sl_body>.sl_in{width:100%!important;padding:14px 12px 24px!important}
.sl_main,.sl_content,.sl_home_mockup,.sl_address_page,.board{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
.sl_home_search_panel{padding:12px!important}
.sl_home_search_box{display:block!important;width:100%!important}
.sl_home_search_select{display:flex!important;width:100%!important;height:42px!important;margin:0 0 8px!important;padding:0 12px!important;align-items:center!important;justify-content:space-between!important}
.sl_home_search_form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:8px!important}
.sl_home_search_form input,.sl_home_search_form button{grid-column:1!important;width:100%!important;max-width:none!important}
.sl_home_feature_panel{margin:0!important;overflow:hidden!important}
.sl_home_feature_head{padding:12px!important}
.sl_home_address_grid{padding:10px!important}
.board_search_hero_inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
.board_search_hero_inner>select,.board_search_hero_inner>.search_input,.board_search_hero_inner>.board_search_hero_btn{grid-column:1!important;width:100%!important;max-width:none!important}
.board_search_hero_inner .search_input input{width:100%!important;padding-left:36px!important}
.board_heading{overflow:hidden!important}
.board_heading h1,.board_heading h2{overflow-wrap:anywhere!important}
.board_list--list,.board_read,.read_body,.rhymix_content,.xe_content{max-width:100%!important;overflow-x:hidden!important}
.board_gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.board_gallery>*{grid-column:auto!important;width:100%!important;min-width:0!important}
.board_gallery_card{overflow:hidden!important}
.board_gallery_thumb{height:auto!important;aspect-ratio:16/9!important}
.read_body img,.rhymix_content img,.xe_content img{height:auto!important;max-width:100%!important}
.sl_address_intro{padding:14px!important}
.sl_address_search_box{display:block!important;border:0!important;overflow:visible!important}
.sl_address_search_form{display:grid!important;grid-template-columns:minmax(0,1fr) 82px!important;width:100%!important}
.sl_address_grid{gap:10px!important}
.sl_address_card{overflow:hidden!important}
.sl_address_list_item{grid-template-columns:28px minmax(0,1fr) auto!important}
.btnArea,.read_footer{max-width:100%!important}
}
@media (max-width:420px){
.sl_nav>li>a{font-size:11px!important;letter-spacing:-1px!important}
.sl_home_address_list{grid-template-columns:1fr!important}
.board_gallery{grid-template-columns:1fr!important}
.sl_address_intro h1,.board_heading h1{font-size:22px!important}
}

/* mobile nav structure correction v27 */
@media (max-width:767px){
.sl_nav{display:block!important;width:100%!important;height:52px!important;overflow:hidden!important}
.sl_nav>.sl_in{display:block!important;width:100%!important;max-width:none!important;height:52px!important;padding:0!important;margin:0!important}
.sl_gnb{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%!important;min-width:0!important;max-width:none!important;height:52px!important;margin:0!important;padding:0!important;overflow:hidden!important}
.sl_gnb>li{display:block!important;float:none!important;width:auto!important;min-width:0!important;height:52px!important;margin:0!important;padding:0!important}
.sl_gnb>li>a{display:flex!important;width:100%!important;height:52px!important;padding:0 2px!important;align-items:center!important;justify-content:center!important;font-size:12px!important;line-height:1.1!important;letter-spacing:-.7px!important;white-space:nowrap!important}
.sl_gnb>li.on>a{color:#fff!important;background:#ff9800!important}
}
@media(max-width:390px){.sl_gnb>li>a{font-size:10px!important;letter-spacing:-1px!important}}

/* approved mobile mockup implementation v29 */
@media (max-width:767px){
body{background:#f4f7fb!important;color:#12385f!important}
.sl_header{height:128px!important;min-height:128px!important;background:#f1f6fc!important}
.sl_header_in{height:128px!important;min-height:128px!important;padding:22px 16px 14px!important}
.sl_logo_image{width:230px!important;max-width:58vw!important;max-height:82px!important}
.sl_mobile_login,.sl_mobile_signup{display:none!important}
.sl_nav,.sl_nav>.sl_in,.sl_gnb{height:58px!important}
.sl_gnb{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.sl_gnb>li{height:58px!important}
.sl_gnb>li:nth-child(6){display:none!important}
.sl_gnb>li>a{height:58px!important;font-size:15px!important;letter-spacing:-.4px!important}
.sl_body>.sl_in{padding:18px 16px 34px!important}
.sl_home_search_panel{position:relative!important;margin:0 0 16px!important;padding:64px 16px 16px!important;border:1px solid #cbd8e8!important;background:#fff!important}
.sl_home_search_panel:before{content:'주소모음 검색';position:absolute;top:16px;left:16px;color:#12385f;font-size:24px;font-weight:800;line-height:32px}
.sl_home_search_box{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:10px!important}
.sl_home_search_select{grid-column:1!important;width:132px!important;height:50px!important;margin:0!important;padding:0 14px!important;font-size:16px!important;background:#fff!important;border:1px solid #b9c8d9!important}
.sl_home_search_form{display:contents!important}
.sl_home_search_form input[type=text]{grid-column:2!important;height:50px!important;padding:0 14px!important;font-size:16px!important;background:#fff!important;border:1px solid #b9c8d9!important}
.sl_home_search_form button{grid-column:1/-1!important;height:52px!important;margin-top:2px!important;font-size:19px!important;font-weight:800!important;background:#ff8f00!important;border:0!important}
.sl_home_feature_panel{border:0!important;background:transparent!important}
.sl_home_feature_head{padding:0 12px 10px!important;border:0!important;background:transparent!important}
.sl_home_feature_head h2{font-size:23px!important}
.sl_home_feature_head a{display:none!important}
.sl_home_address_grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:0!important}
.sl_home_address_card{display:grid!important;grid-template-columns:102px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;padding:14px 14px!important;border:1px solid #cbd8e8!important;border-top:1px solid #cbd8e8!important;background:#fff!important}
.sl_home_address_card:nth-child(n+5){display:none!important}
.sl_home_address_card_head{display:contents!important}
.sl_home_address_icon{grid-column:1!important;grid-row:1/3!important;align-self:start!important;width:88px!important;height:88px!important;margin:0!important}
.sl_home_address_icon img{width:88px!important;height:88px!important;object-fit:contain!important}
.sl_home_address_card_head>div{grid-column:2!important;grid-row:1!important;align-self:end!important;padding:0 0 8px!important;border-bottom:1px solid #d9e2ec!important}
.sl_home_address_card_head h3{font-size:20px!important}
.sl_home_address_list{grid-column:2!important;grid-row:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px!important}
.sl_home_address_list>li{min-height:40px!important;padding:8px 0!important}
.sl_home_address_list>li:nth-child(n+5),.sl_home_address_pending{display:none!important}
.sl_home_address_badge{flex:0 0 27px!important;width:27px!important;height:27px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:3px!important;background:#12385f!important;color:#fff!important}
.sl_home_address_list a:after{content:'›';margin-left:auto;color:#4e5e70;font-size:25px;font-weight:400}
.sl_home_lower_grid,.sl_home_latest_grid{gap:14px!important}
.sl_home_lower_panel,.sl_home_latest_card{border:1px solid #cbd8e8!important;background:#fff!important}
.sl_home_lower_panel h2,.sl_home_latest_card h2,.sl_home_lower_panel .sl_home_lower_head{font-size:22px!important}
.board{background:transparent!important}
.board_heading{position:relative!important;margin:0 0 16px!important;padding:64px 10px 18px!important;border:0!important;background:transparent!important}
.board_heading:first-child:before{content:'커뮤니티';position:absolute;top:16px;left:10px;padding:4px 10px;color:#fff;font-size:14px;font-weight:700;background:#ff8f00;border-radius:3px}
.board_heading h1{font-size:31px!important;line-height:1.25!important}
.board_heading p{font-size:16px!important;line-height:1.75!important;color:#5f7288!important}
.board_heading--free-slot-sub{display:none!important}
.board_search{padding:12px!important;border:1px solid #cbd8e8!important;background:#fff!important}
.board_search_hero_inner{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:10px!important}
.board_search_hero_inner>select{grid-column:1!important;height:50px!important;font-size:16px!important}
.board_search_hero_inner>.search_input{grid-column:2!important;height:50px!important}
.board_search_hero_inner>.board_search_hero_btn{grid-column:1/-1!important;height:52px!important;font-size:18px!important}
.board_list--list{border:1px solid #cbd8e8!important;background:#fff!important}
.board_list--list:before{content:'최신 커뮤니티 글';display:block;padding:16px 18px;border-bottom:1px solid #d9e2ec;color:#12385f;font-size:21px;font-weight:800}
.board_list--list tr{min-height:78px!important;padding:14px 42px 12px 18px!important}
.board_list--list td.title{font-size:17px!important;margin-bottom:7px!important}
.board_list--list td.author,.board_list--list td.time,.board_list--list td.readNum{font-size:12px!important}
.list_footer{padding:0!important}
.btnArea{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
.btnArea .btn{width:100%!important;min-width:0!important;height:46px!important}
.btnArea .btn:last-child{color:#fff!important;background:#ff8f00!important;border-color:#ff8f00!important}
.pagination{margin:20px 0!important;overflow:visible!important}
.pagination a,.pagination strong{flex:0 0 38px!important;width:38px!important;height:38px!important}
.read_header,.read_body,.read_footer{border-color:#cbd8e8!important;background:#fff!important}
}
@media(max-width:430px){
.sl_gnb>li>a{font-size:13px!important}
.sl_home_search_box,.board_search_hero_inner{grid-template-columns:112px minmax(0,1fr)!important}
.sl_home_search_select{width:112px!important;font-size:14px!important}
.sl_home_address_card{grid-template-columns:82px minmax(0,1fr)!important;padding:12px!important}
.sl_home_address_icon,.sl_home_address_icon img{width:70px!important;height:70px!important}
.sl_home_address_list{gap:0 10px!important}
.sl_home_address_list a{font-size:13px!important}
}

/* mobile cleanup: single search, compact 10-link cards v30 */
@media (max-width:767px){
.sl_body>.sl_in{padding:24px 16px 38px!important}
.sl_home_search_panel{margin:0 0 24px!important;padding:58px 16px 16px!important;border:0!important;box-shadow:0 1px 4px rgba(18,56,95,.10)!important}
.sl_home_search_panel:before{top:15px!important;font-size:22px!important}
.sl_home_search_box{display:block!important}
.sl_home_search_select,.sl_address_search_select,.board_search_hero_inner>select{display:none!important}
.sl_home_search_form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.sl_home_search_form input[type=text]{grid-column:1!important;width:100%!important;height:48px!important}
.sl_home_search_form button{grid-column:1!important;width:100%!important;height:48px!important;margin:0!important}
.sl_address_search_form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}
.sl_address_search_input,.sl_address_search_form input{grid-column:1!important;width:100%!important}
.sl_address_search_button,.sl_address_search_form button{grid-column:1!important;width:100%!important}
.board_search{margin:0 0 22px!important;padding:14px!important;border:0!important;box-shadow:0 1px 4px rgba(18,56,95,.10)!important}
.board_search_hero_inner{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.board_search_hero_inner>.search_input,.board_search_hero_inner>.board_search_hero_btn{grid-column:1!important;width:100%!important}
.sl_home_feature_panel{margin-top:0!important;padding:0!important}
.sl_home_feature_head{margin:0 0 10px!important;padding:0 4px!important}
.sl_home_feature_head h2{font-size:21px!important}
.sl_home_address_grid{gap:14px!important}
.sl_home_address_card,.sl_home_address_card:nth-child(n+5){display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;padding:12px 13px!important;border:0!important;border-radius:3px!important;background:#fff!important;box-shadow:0 1px 4px rgba(18,56,95,.11)!important}
.sl_home_address_card:before{height:2px!important;box-shadow:none!important}
.sl_home_address_icon,.sl_home_address_icon img{width:58px!important;height:58px!important}
.sl_home_address_card_head>div{padding:0 0 5px!important;border-bottom:0!important}
.sl_home_address_card_head h3{font-size:17px!important;line-height:1.3!important}
.sl_home_address_list{gap:0 12px!important}
.sl_home_address_list>li,.sl_home_address_list>li:nth-child(n+5),.sl_home_address_pending{display:flex!important;min-height:36px!important;padding:5px 0!important;border-bottom:1px solid #edf1f6!important}
.sl_home_address_list a{font-size:14px!important}
.sl_home_address_badge{flex-basis:24px!important;width:24px!important;height:24px!important;font-size:12px!important}
.sl_home_address_list a:after{font-size:20px!important}
.sl_home_lower_grid,.sl_home_latest_grid{gap:16px!important;margin-top:20px!important}
.sl_home_lower_panel,.sl_home_latest_card{border:0!important;box-shadow:0 1px 4px rgba(18,56,95,.10)!important}
.sl_home_lower_panel h2,.sl_home_latest_card h2,.sl_home_lower_panel .sl_home_lower_head{font-size:19px!important}
.board_heading{margin-bottom:20px!important;padding-left:4px!important;padding-right:4px!important}
.board_list--list{border:0!important;box-shadow:0 1px 4px rgba(18,56,95,.10)!important}
.board_list--list:before{padding:14px 16px!important;border-bottom:1px solid #edf1f6!important;font-size:19px!important}
.board_list--list tr{border-bottom:1px solid #edf1f6!important}
.read_header,.read_body,.read_footer{border:0!important;box-shadow:0 1px 4px rgba(18,56,95,.10)!important}
}
@media(max-width:430px){
.sl_body>.sl_in{padding:20px 12px 34px!important}
.sl_home_address_card,.sl_home_address_card:nth-child(n+5){grid-template-columns:58px minmax(0,1fr)!important;padding:11px!important}
.sl_home_address_icon,.sl_home_address_icon img{width:50px!important;height:50px!important}
.sl_home_address_list{gap:0 8px!important}
.sl_home_address_list a{font-size:13px!important}
}

/* compact mobile header and search v32 */
@media (max-width:767px){
.sl_header{height:96px!important;min-height:96px!important}
.sl_header_in{height:96px!important;min-height:96px!important;padding:14px 16px 10px!important}
.sl_logo_image{width:184px!important;max-width:52vw!important;max-height:62px!important}
.sl_nav,.sl_nav>.sl_in,.sl_gnb,.sl_gnb>li{height:52px!important}
.sl_gnb>li>a{height:52px!important;font-size:14px!important}
.sl_body>.sl_in{padding-top:20px!important}
.sl_home_search_panel{margin-bottom:22px!important;padding:14px!important}
.sl_home_search_panel:before{display:none!important;content:none!important}
.sl_home_search_form{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 82px!important;gap:8px!important}
.sl_home_search_form:before{content:'🔍';position:absolute;z-index:2;left:13px;top:50%;transform:translateY(-50%);font-size:17px;line-height:1;pointer-events:none}
.sl_home_search_form input[type=text]{grid-column:1!important;height:44px!important;padding:0 12px 0 42px!important;font-size:15px!important}
.sl_home_search_form button{grid-column:2!important;height:44px!important;margin:0!important;padding:0 10px!important;font-size:14px!important;font-weight:700!important}
.sl_address_search_form{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 82px!important;gap:8px!important;padding:12px!important}
.sl_address_search_form:before{content:'🔍';position:absolute;z-index:2;left:25px;top:34px;transform:translateY(-50%);font-size:17px;pointer-events:none}
.sl_address_search_input,.sl_address_search_form input{grid-column:1!important;height:44px!important;padding-left:42px!important}
.sl_address_search_button,.sl_address_search_form button{grid-column:2!important;width:82px!important;height:44px!important;padding:0 8px!important;font-size:14px!important}
.board_search{padding:12px!important}
.board_search_hero_inner{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 76px!important;gap:8px!important}
.board_search_hero_inner:before{content:'🔍';position:absolute;z-index:2;left:13px;top:22px;transform:translateY(-50%);font-size:17px;pointer-events:none}
.board_search_hero_inner>.search_input{grid-column:1!important;height:44px!important}
.board_search_hero_inner .search_input input{height:44px!important;padding-left:42px!important}
.board_search_hero_inner>.board_search_hero_btn{grid-column:2!important;width:76px!important;height:44px!important;padding:0 8px!important;font-size:14px!important}
}
@media(max-width:430px){
.sl_header{height:88px!important;min-height:88px!important}
.sl_header_in{height:88px!important;min-height:88px!important;padding:12px 14px 8px!important}
.sl_logo_image{width:170px!important;max-height:56px!important}
.sl_nav,.sl_nav>.sl_in,.sl_gnb,.sl_gnb>li{height:48px!important}
.sl_gnb>li>a{height:48px!important;font-size:13px!important}
.sl_home_search_form{grid-template-columns:minmax(0,1fr) 72px!important}
.sl_address_search_form{grid-template-columns:minmax(0,1fr) 72px!important}
.sl_address_search_button,.sl_address_search_form button{width:72px!important}
.board_search_hero_inner{grid-template-columns:minmax(0,1fr) 68px!important}
.board_search_hero_inner>.board_search_hero_btn{width:68px!important}
}

/* extra compact mobile chrome and unified sub search v33 */
@media (max-width:767px){
.sl_header{height:72px!important;min-height:72px!important}
.sl_header_in{height:72px!important;min-height:72px!important;padding:8px 14px 6px!important}
.sl_logo_image{width:148px!important;max-width:46vw!important;max-height:48px!important}
.sl_nav{height:46px!important;padding:5px 0!important;background:#f4f7fb!important;border:0!important}
.sl_nav>.sl_in{height:36px!important;padding:0 8px!important}
.sl_gnb{height:36px!important;gap:4px!important;background:transparent!important}
.sl_gnb>li{height:36px!important;border:0!important;background:#fff!important}
.sl_gnb>li>a{height:36px!important;padding:0 3px!important;border:0!important;font-size:12px!important;line-height:36px!important}
.sl_gnb>li.active,.sl_gnb>li.is-active,.sl_gnb>li.on{background:#ff8f00!important}
.sl_gnb>li.active>a,.sl_gnb>li.is-active>a,.sl_gnb>li.on>a{color:#fff!important;background:#ff8f00!important}
.sl_body>.sl_in{padding-top:15px!important}
.sl_home_search_panel,.board_search,.sl_address_search_form{padding:12px!important;border:0!important;border-radius:3px!important;background:#fff!important;box-shadow:0 1px 4px rgba(18,56,95,.10)!important}
.sl_home_search_form,.board_search_hero_inner,.sl_address_search_form{grid-template-columns:minmax(0,1fr) 74px!important;gap:7px!important}
.sl_home_search_form button,.board_search_hero_inner>.board_search_hero_btn,.sl_address_search_button,.sl_address_search_form button{width:74px!important;height:44px!important;padding:0 6px!important;color:#fff!important;background:#ff8f00!important;border:0!important;font-size:13px!important;box-shadow:none!important}
.sl_home_search_form input[type=text],.board_search_hero_inner>.search_input,.board_search_hero_inner .search_input input,.sl_address_search_input,.sl_address_search_form input{height:44px!important;background:#fff!important}
.board_heading{margin-bottom:5px!important;padding-top:54px!important;padding-bottom:14px!important}
.board_heading h1{font-size:26px!important;line-height:1.28!important}
.board_heading p{margin-top:8px!important;font-size:14px!important;line-height:1.6!important}
.board_heading+.board_search,.board_search+.board_list,.board_search+.board_list--list,.board_list+.list_footer,.board_list--list+.list_footer{margin-top:5px!important}
.board_search{margin-bottom:5px!important}
.board_list--list{margin-top:5px!important}
.sl_address_intro>*+*,.sl_home_feature_panel>*+*,.board>*+*{margin-top:max(5px,var(--mobile-section-margin,5px))}
}
@media(max-width:430px){
.sl_header{height:66px!important;min-height:66px!important}
.sl_header_in{height:66px!important;min-height:66px!important;padding:7px 12px 5px!important}
.sl_logo_image{width:138px!important;max-height:44px!important}
.sl_nav{height:44px!important;padding:5px 0!important}
.sl_nav>.sl_in,.sl_gnb,.sl_gnb>li,.sl_gnb>li>a{height:34px!important}
.sl_gnb>li>a{font-size:11px!important;line-height:34px!important}
.sl_home_search_form,.board_search_hero_inner,.sl_address_search_form{grid-template-columns:minmax(0,1fr) 66px!important}
.sl_home_search_form button,.board_search_hero_inner>.board_search_hero_btn,.sl_address_search_button,.sl_address_search_form button{width:66px!important;font-size:12px!important}
}

/* remove legacy 108px header override and excess mobile whitespace v34 */
@media (max-width:767px){
.sl_header{height:58px!important;min-height:58px!important;border:0!important;box-shadow:none!important}
.sl_header .sl_in,.sl_header>.sl_in,.sl_header_in{height:58px!important;min-height:58px!important;padding:4px 12px!important;border:0!important;box-sizing:border-box!important}
.sl_logo,.sl_logo>a{height:50px!important;min-height:0!important}
.sl_logo_image{width:132px!important;max-width:42vw!important;max-height:46px!important}
.sl_header:after,.sl_header .sl_in:after{display:none!important;content:none!important}
.sl_nav{height:40px!important;padding:4px 0!important;border:0!important;border-top:0!important;box-shadow:none!important}
.sl_nav>.sl_in{height:32px!important;padding:0 8px!important}
.sl_gnb,.sl_gnb>li,.sl_gnb>li>a{height:32px!important}
.sl_gnb>li>a{line-height:32px!important}
.sl_body>.sl_in{padding-top:8px!important}
.sl_home_search_panel{margin:0 0 10px!important;padding:8px!important}
.sl_home_search_form input[type=text],.sl_home_search_form button{height:40px!important}
.sl_home_search_form:before{left:11px!important;font-size:15px!important}
.sl_home_search_form input[type=text]{padding-left:36px!important}
.sl_home_feature_head{margin:0 0 5px!important;padding:0 4px 4px!important}
.sl_home_feature_panel{margin:0!important;padding:0!important}
.sl_home_address_grid{margin-top:5px!important}
.board_heading{margin-top:0!important;margin-bottom:5px!important}
.board_search,.sl_address_search_form{margin-top:5px!important;margin-bottom:5px!important;padding:8px!important}
.board_search_hero_inner>.search_input,.board_search_hero_inner .search_input input,.board_search_hero_inner>.board_search_hero_btn,.sl_address_search_input,.sl_address_search_form input,.sl_address_search_button,.sl_address_search_form button{height:40px!important}
.board_search_hero_inner:before{top:20px!important}
}
@media(max-width:430px){
.sl_header{height:54px!important;min-height:54px!important}
.sl_header .sl_in,.sl_header>.sl_in,.sl_header_in{height:54px!important;min-height:54px!important;padding:3px 10px!important}
.sl_logo,.sl_logo>a{height:48px!important}
.sl_logo_image{width:126px!important;max-height:42px!important}
.sl_nav{height:38px!important;padding:4px 0!important}
.sl_nav>.sl_in,.sl_gnb,.sl_gnb>li,.sl_gnb>li>a{height:30px!important}
.sl_gnb>li>a{line-height:30px!important}
.sl_body>.sl_in{padding-top:7px!important}
}

/* unified mobile search component and detached action buttons v35 */
@media (max-width:767px){
.sl_home_search_panel,.board_search,.sl_address_search_form{width:100%!important;margin:5px 0 10px!important;padding:8px!important;border:0!important;border-radius:3px!important;background:#fff!important;box-shadow:0 1px 4px rgba(18,56,95,.10)!important;box-sizing:border-box!important}
.sl_home_search_box{display:block!important;width:100%!important}
.sl_home_search_form,.board_search_hero_inner,.sl_address_search_form{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 74px!important;gap:7px!important;align-items:center!important}
.sl_home_search_form input[type=text],.board_search_hero_inner>.search_input,.board_search_hero_inner .search_input input,.sl_address_search_input,.sl_address_search_form input{grid-column:1!important;width:100%!important;min-width:0!important;height:40px!important;margin:0!important;padding:0 10px 0 36px!important;border:1px solid #c7d3e1!important;border-radius:3px!important;background:#fff!important;box-sizing:border-box!important}
.sl_home_search_form button,.board_search_hero_inner>.board_search_hero_btn,.sl_address_search_button,.sl_address_search_form button{grid-column:2!important;width:74px!important;min-width:74px!important;height:40px!important;margin:0!important;padding:0 5px!important;color:#fff!important;background:#ff8f00!important;border:0!important;border-radius:3px!important;box-shadow:none!important;font-size:13px!important;font-weight:700!important}
.sl_home_search_form:before,.board_search_hero_inner:before{left:11px!important;top:20px!important;transform:translateY(-50%)!important;font-size:15px!important}
.sl_address_search_form:before{left:19px!important;top:28px!important;transform:translateY(-50%)!important;font-size:15px!important}
.list_footer{margin-top:5px!important;padding:10px!important;background:#fff!important;box-sizing:border-box!important}
.btnArea{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important}
.btnArea .btn{height:40px!important;margin:0!important;border-radius:3px!important}
.board_list--list+.list_footer,.board_list+.list_footer{margin-top:5px!important}
}
@media(max-width:430px){
.sl_home_search_form,.board_search_hero_inner,.sl_address_search_form{grid-template-columns:minmax(0,1fr) 66px!important;gap:6px!important}
.sl_home_search_form button,.board_search_hero_inner>.board_search_hero_btn,.sl_address_search_button,.sl_address_search_form button{width:66px!important;min-width:66px!important;font-size:12px!important}
.list_footer{padding:10px!important}
.btnArea{gap:7px!important}
}

/* two-column compact mobile address categories v36 */
@media (max-width:767px){
.sl_home_address_grid,.sl_address_grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.sl_home_address_card,.sl_home_address_card:nth-child(n+5){display:block!important;min-width:0!important;height:auto!important;padding:9px!important}
.sl_home_address_card_head{display:flex!important;align-items:center!important;gap:7px!important;min-height:28px!important;margin:0 0 5px!important;padding:0!important}
.sl_home_address_icon,.sl_home_address_icon img{flex:0 0 26px!important;width:26px!important;height:26px!important;margin:0!important}
.sl_home_address_card_head>div{display:block!important;min-width:0!important;padding:0!important;border:0!important}
.sl_home_address_card_head h3{overflow:hidden!important;margin:0!important;font-size:15px!important;line-height:26px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.sl_home_address_list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;margin:0!important}
.sl_home_address_list>li,.sl_home_address_list>li:nth-child(n+5),.sl_home_address_pending{display:flex!important;min-height:30px!important;margin:0!important;padding:3px 0!important;border:0!important;border-bottom:0!important;box-shadow:none!important}
.sl_home_address_list a{width:100%!important;min-height:30px!important;padding:2px 0!important;border:0!important;border-bottom:0!important;box-shadow:none!important;font-size:13px!important}
.sl_home_address_list a:after{font-size:17px!important}
.sl_home_address_badge{flex:0 0 22px!important;width:22px!important;height:22px!important;font-size:11px!important}
.sl_address_card{min-width:0!important;height:auto!important;padding:9px!important;border:0!important;border-top:2px solid #ff9800!important;box-shadow:0 1px 4px rgba(18,56,95,.10)!important}
.sl_address_card_head{display:flex!important;align-items:center!important;gap:7px!important;min-height:28px!important;margin:0 0 5px!important;padding:0!important;border:0!important;border-bottom:0!important}
.sl_address_icon,.sl_address_icon img{flex:0 0 26px!important;width:26px!important;height:26px!important;margin:0!important}
.sl_address_card_title,.sl_address_card_title h2{min-width:0!important;margin:0!important;font-size:15px!important;line-height:26px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sl_address_card_more{display:none!important}
.sl_address_list_item{display:grid!important;grid-template-columns:22px minmax(0,1fr) 14px!important;gap:5px!important;min-height:30px!important;margin:0!important;padding:3px 0!important;border:0!important;border-bottom:0!important;box-shadow:none!important}
.sl_address_rank{width:22px!important;height:22px!important;font-size:11px!important}
.sl_address_item_info strong{font-size:13px!important}
.sl_address_list_item>a{overflow:hidden!important;width:14px!important;font-size:0!important;color:#52657a!important}
.sl_address_list_item>a:after{content:'›';font-size:18px!important;line-height:1!important}
}
@media(max-width:430px){
.sl_home_address_grid,.sl_address_grid{gap:7px!important}
.sl_home_address_card,.sl_home_address_card:nth-child(n+5),.sl_address_card{padding:8px!important}
.sl_home_address_card_head h3,.sl_address_card_title,.sl_address_card_title h2{font-size:14px!important}
.sl_home_address_list a,.sl_address_item_info strong{font-size:12px!important}
}