@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: linear-gradient(to bottom, #f7fbff 0%, #eef4fb 100%);
    color: var(--text-900);
}

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

.sl_header {
    height: 115px;
    border-bottom: 1px solid #bdd0e5;
    background: linear-gradient(to bottom, #f8fbff 0%, #eaf2fb 100%);
    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: linear-gradient(to bottom, #ffb62f, #ff9200);
    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: linear-gradient(90deg, #ff9716 0 44%, #ff9716 44% 50%, #274464 50% 100%);
    -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: linear-gradient(to bottom, #ffffff, #f4f7fb);
    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: linear-gradient(to bottom, #ffbd39 0%, #ff9700 100%);
    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: 5px;
    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: 5px;
    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: linear-gradient(to bottom, #ffffff 0%, #f1f5fa 100%);
    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: linear-gradient(to bottom, #ffb52f, #ff9200);
    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_home_mockup {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sl_home_search_panel,
.sl_home_feature_panel,
.sl_home_lower_panel {
    border: 1px solid #b8cbe1;
    border-radius: 5px;
    background: linear-gradient(to bottom, #f8fbff, #edf4fb);
    box-shadow: 0 1px 3px rgba(26, 64, 105, 0.1);
    overflow: hidden;
}

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

.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: 4px 0 0 4px;
    background: linear-gradient(to bottom, #fff, #edf3f9);
    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: linear-gradient(to bottom, #ffb833 0%, #ff8f00 100%);
    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;
}

.sl_home_search_form button:hover {
    background: linear-gradient(to bottom, #ffc550, #f58400);
}

.sl_home_search_keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-top: 10px;
    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: 12px;
}

.sl_home_feature_head,
.sl_home_lower_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    border-bottom: 1px solid #c8d6e7;
    background: linear-gradient(to bottom, #ffffff 0%, #f1f5fa 100%);
}

.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: 10px;
    padding: 12px;
}

.sl_home_popular_card {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 94px;
    padding: 13px;
    border: 1px solid #c8d6e7;
    border-radius: 4px;
    background: linear-gradient(to bottom, #fff, #fbfcfe);
    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: 8px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    background: linear-gradient(to bottom, #67b547, #2d8a2d);
}

.sl_home_popular_card.is-youtube .sl_home_popular_mark {
    background: linear-gradient(to bottom, #ff4a43, #e01010);
}

.sl_home_popular_card.is-coupang .sl_home_popular_mark {
    background: linear-gradient(to bottom, #ff8e39, #ea5d00);
}

.sl_home_popular_card.is-instagram .sl_home_popular_mark {
    background: linear-gradient(to bottom, #b14edd, #e84a74 60%, #f18b3e 100%);
}

.sl_home_popular_card.is-daum .sl_home_popular_mark {
    background: linear-gradient(to bottom, #ffd14d, #f2a700);
    color: #2d4a79;
}

.sl_home_popular_card.is-nate .sl_home_popular_mark {
    background: linear-gradient(to bottom, #ff5d3b, #ec2d16);
}

.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: linear-gradient(to bottom, #ffe900, #ffd300);
    color: #2d64d2;
}

.sl_home_popular_card.is-netflix .sl_home_popular_mark {
    background: linear-gradient(to bottom, #111, #000);
}

.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: 12px;
}

.sl_home_lower_panel {
    background: #fff;
    border: 1px solid #c8d6e7;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(31, 66, 105, 0.08);
}

.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: linear-gradient(135deg, #f4b400 0%, #ff8a00 100%);
    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: linear-gradient(to bottom, #f6f9fd 0%, #eef4fb 100%);
    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;
    }
}

@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: 4px 0 0 4px;
    }

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

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

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

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