#gnb_top_set .gnb_top_set_menu li:not(#gnb_user_dd) {
    padding-top: 9px !important;
}
#gnb_top_set #gnb_user_dd {
    position: relative;
    padding-top: 9px !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    padding-bottom: 6px !important;
}
#gnb_top_set li.gnb_dd_pc:has(a img) {
    line-height: 1;
}
#gnb_top_set .gnb_dd_pc a img {
    vertical-align: top;
    position: relative;
    top: -3px;
}
#gnb_top_set .gnb_top_set_menu li.gnb_dd_mobile {
    display: none;
}
/* GNB 위쪽 칸: header.php 인라인 꾸김을 옮겨옴 (2026-10-30) */
#gnb_top_set .gnb_login input[type="image"] {
    border: 0;
}
#gnb_top_set .gnb_login .gnb_login_plabel {
    color: #7e88a2;
}
#gnb_top_set .gnb_login .gnb_login_pw {
    width: 90px;
}
#gnb_top_set .gnb_login .gnb_login_id {
    width: 120px;
}
#gnb_top_set .gnb_dd_mobile a.gnb_premium {
    color: #4361ee !important;
    font-weight: bold;
    font-size: 1.1em;
}
#gnb_top_set .gnb_hello {
    color: #7e88a2;
}
/* 인사 문구에서 이름만 파란색으로 (2026-10-30, PC 머리말) */
#gnb_top_set li.gnb_dd_pc b a:link,
#gnb_top_set li.gnb_dd_pc b a:visited {
    color: #1a73e8 !important;
}
#gnb_top_set .gnb_dd_pc a.gnb_mychart {
    color: royalblue !important;
    font-weight: bold;
    font-size: 1.1em;
}
#gnb_top_set .gnb_dd_pc a.gnb_product {
    color: red !important;
    font-weight: bold;
    font-size: 1.1em;
}
#gnb_top_set .gnb_dd_pc a.gnb_admin {
    color: #aaa !important;
}
/* 상단 회원가입 글자 색: 사이트 대표 파랑(로그인·이름 링크와 같은 색) (2026-10-30) */
#gnb_top_set .gnb_top_set_menu li.gnb_join a.gnb_join_btn {
    color: #1a73e8 !important;
    font-weight: bold;
}
#gnb_top_set .gnb_top_set_menu li.gnb_join a.gnb_join_btn:hover {
    text-decoration: underline;
}
/* 모바일에서는 회원가입 파랑 빼고 윗줄 다른 글자와 같은 회색으로 (2026-10-31) */
@media (max-width: 760px) {
    #gnb_top_set .gnb_top_set_menu li.gnb_join a.gnb_join_btn {
        color: #7e88a2 !important;
    }
}
/* PC 닉네임에 마우스를 올리면 밑줄 대신 색을 초록으로 (2026-10-30) */
#gnb_top_set #gnb_pc_dd_btn:hover {
    color: #15803d !important;
}
/* 이름 앞 사람 아이콘: 글자색(파랑)을 그대로 따라감 (2026-10-30) */
#gnb_top_set li.gnb_dd_pc b a svg.gnb_name_ico {
    fill: currentColor;
    vertical-align: -2px;
    margin-right: 3px;
}
#gnb_user_dd_btn {
    /* 높이만 고정하고 세로 정렬은 flex 가운데로 고정 — 기기(아이폰/PC)마다 글자metrics가 달라도 위아래가 어긋나지 않는다 (2026-10-30) */
    display: inline-flex;
    align-items: center;
    max-width: 120px;
    height: 26px;
    padding: 0px 13px 0px 10px;
    box-sizing: border-box;
    background: #353535;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    line-height: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .28);
    transition: box-shadow .15s ease, transform .15s ease;
}
/* 눌리는 느낌까지 주어 실제 단추처럼 (2026-10-31) */
#gnb_user_dd_btn:active {
    transform: translateY(1px);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .22);
}
#gnb_user_dd_btn svg {
    flex: none;
    display: block;
    margin-right: 5px;
}
#gnb_user_dd_btn > span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
}
#gnb_user_dd_btn > span > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* iOS만: 상용 한글 글자가 글상자 안에서 조금 위로 그려진다 — 글자만 1px 아래로 (2026-10-30) */
@supports (-webkit-touch-callout: none) {
    #gnb_user_dd_btn > span > span {
        position: relative;
        top: 1px;
    }
}
/* 닉네임 드롭다운: 목록은 화면에 하나(#gnb_dd_menu). 열 때 스크립트가 fixed 좌표를 눌러진 단추 아래로 넣는다 (2026-10-31 — 모바일·PC 두 ul를 하나로 합침) */
/* 노련한 제품 메뉴 느낌으로: 두루뭉술한 볼드와 화려한 호버를 걷어내고, 옅은 구분선·차분한 회색 글자·이중 그림자로 정리 (2026-10-31) */
#gnb_top_set #gnb_dd_menu {
    display: none;
    position: fixed;
    z-index: 100;
    margin: 0;
    padding: 6px 0;
    min-width: 148px;
    list-style: none;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px -4px rgba(16, 24, 40, .14);
    text-align: left;
    float: none;
}
#gnb_top_set #gnb_dd_menu li {
    padding: 0;
    float: none;
}
#gnb_dd_menu li a {
    display: block;
    padding: 7px 16px;
    color: #3f4654 !important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -.3px;
    line-height: 1.7;
    transition: background-color .12s ease, color .12s ease;
}
#gnb_dd_menu li a:hover {
    background: #f4f5f7;
    color: #111827 !important;
}
#gnb_dd_menu li.dd_admin a {
    color: #a2a9b6 !important;
}
#gnb_dd_menu li.dd_logout {
    border-top: 1px solid #eee;
    margin-top: 5px;
    padding-top: 5px;
}
#gnb_dd_menu li.dd_logout a {
    color: #b05269 !important;
}
#gnb_dd_menu li.dd_logout a:hover {
    color: #8f3a50 !important;
}
#gnb_menu_logo img {
    height: 55px;
}
#theme_rank_slide > div {
    height: 42px;
    line-height: 40px;
}
a.bc-gnb-link.gnb_insight {
    color: chartreuse !important;
}
.main_pop {
    width: 390px;
    position: absolute;
    left: -19px;
    top: 8px;
}
.banner_03_slide {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: 334px;
    height: 320px;
}
#contents_main .chart_box_03.main_pair {
    width: 1024px;
}
.main_pair .chart_L,
.main_pair .chart_R {
    width: 507px;
}
.chart_area {
    width: 100%;
    height: 364px;
    overflow: hidden;
}
.main_lb3 {
    margin-bottom: 10px;
    float: left;
}
.banner_02_pair {
    width: 335px;
    height: 152px;
    margin-top: -2px;
}

.bc-gnb-toggle {
    display: none;
    float: right;
    width: 42px;
    height: 40px;
    padding: 9px 10px;
    margin: 0 6px;
    background: none;
    border: 0;
    cursor: pointer;
}
.bc-gnb-toggle span {
    display: block;
    height: 2px;
    margin: 4px 0;
    background: #fff;
    border-radius: 1px;
}

.gnb_mobile_toggle {
    display: none;
    width: 42px;
    height: 40px;
    padding: 9px 10px;
    background: none;
    border: 0;
    border-radius: 9px;
    cursor: pointer;
}
.gnb_mobile_toggle span {
    display: block;
    height: 3px;
    margin: 5px 0 0;
    background: #464e65;
    border-radius: 99px;
    transition: transform .25s ease, opacity .2s ease, background-color .2s ease;
}
.gnb_mobile_toggle span:first-child {
    margin-top: 3px;
}
.gnb_mobile_toggle:hover {
    background: rgba(91, 121, 184, .09);
}
.gnb_mobile_toggle:hover span {
    background: #5b79b8;
}
/* 메뉴가 열리면 세 줄이 X로 바뀌고 가운데 줄은 사라진다 (JS에서 .on을 같이 붙인다) */
.gnb_mobile_toggle.on span {
    background: #5b79b8;
}
.gnb_mobile_toggle.on span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
.gnb_mobile_toggle.on span:nth-child(2) {
    opacity: 0;
}
.gnb_mobile_toggle.on span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.gnb_mobile_login {
    display: none;
}

#gnb_top_set {
    height: auto;
    padding: 0 0 3px;
}
#gnb_top_set .top_slogan {
    float: left;
    color: #7e88a2;
    padding-top: 8px !important;
}
#gnb_top_set .gnb_login li {
    padding: 2px 0 2px 6px;
}
#gnb_top_set .gnb_top_set_menu li {
    padding: 5px 12px 2px 2px;
}
#gnb_top_set iframe {
    display: block;
    height: 0;
}

@media (min-width: 761px) {
    #footer .footer_infor03 {
        margin-left: 120px;
    }
}

@media (max-width: 1519px) {
    #leftAd {
        display: none;
    }
    #rightAd {
        display: none;
    }
}

@media (max-width: 1279px) {
    #gnb_top_set_W {
        min-width: 0;
    }
    #gnb_top_set {
        width: 100%;
        height: auto;
        padding: 0 10px;
        box-sizing: border-box;
    }
    #gnb_menu_bar_W {
        min-width: 0;
    }
    #gnb_menu {
        width: 100%;
        height: auto;
        padding: 10px;
        box-sizing: border-box;
    }
    #gnb_menu .family_site {
        display: none;
    }
    #gnb_menu .search_b {
        float: right;
        margin: 14px 0 0;
    }
    #gnb_menu .search_b .search_b_input {
        width: 260px;
    }
    #gnb_menu .next_premium_but {
        float: none !important;
        clear: both;
        margin: 10px 0 0 !important;
    }

    .bc-gnb-inner {
        padding: 0 4px;
    }
    .bc-gnb-nav {
        grid-template-columns: repeat(7, auto);
        overflow-x: auto;
    }

    #contents_W {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    #contents_main {
        float: none;
        width: 100%;
    }
    #contents_main .chart_box_01 {
        width: 100%;
    }
    #contents_main .main_slide_icontbox {
        width: 100%;
    }
    #contents_main .chart_box_03.main_pair,
    #contents_main .chart_box_03 {
        width: 100%;
    }
    #contents_main .main_pair .chart_L,
    #contents_main .main_pair .chart_R {
        float: left;
        width: calc(50% - 6px);
        box-sizing: border-box;
    }
    #contents_main .main_pair .chart_R {
        float: right;
    }
    .chart_area {
        height: 320px;
    }

    #bottomAd {
        width: 100%;
    }
    #bottomAd ins {
        max-width: 100%;
    }
    #bottomAd img {
        max-width: 100%;
        height: auto;
    }

    #footer {
        width: 100%;
        height: auto;
        padding: 25px 15px;
        box-sizing: border-box;
    }
    #footer .footer_infor01,
    #footer .footer_infor02,
    #footer .footer_infor03 {
        width: 33.3%;
    }
}

@media (min-width: 761px) and (max-width: 1279px) {
    #gnb_top_set_W {
        min-width: 1260px;
    }
    #gnb_menu_bar_W {
        min-width: 1260px;
    }
    #gnb_menu .family_site {
        display: block;
    }
    #contents_W {
        width: 1260px;
        padding: 0;
        margin: 0 auto;
        box-sizing: content-box;
    }
    #contents_main {
        float: left;
        width: 1025px;
    }
    #contents_main .chart_box_03 {
        width: 720px;
    }
    #contents_main .chart_box_03.main_pair {
        width: 1024px;
    }
    #contents_main .main_pair .chart_L,
    #contents_main .main_pair .chart_R {
        float: left;
        width: 507px;
        margin: 0 10px 0 0;
        box-sizing: content-box;
    }
    #contents_main .main_pair .chart_R {
        margin-right: 0;
    }
    #contents_main .chart_area {
        height: 364px;
    }
    #bottomAd {
        width: 1025px;
    }
    #footer {
        width: 1260px;
        height: 160px;
        margin: 0 auto;
        padding: 30px 0;
        box-sizing: content-box;
        overflow: hidden;
    }
    #footer .footer_infor01,
    #footer .footer_infor02,
    #footer .footer_infor03 {
        width: auto;
    }
}

@media (max-width: 760px) {
    #gnb_top_set .top_slogan {
        display: block;
        padding-top: 6px !important;
        font-size: 12px;
        line-height: normal;
        white-space: nowrap;
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #gnb_top_set .top_blog_cnt {
        display: none;
    }
    #gnb_top_set .gnb_login {
        display: none;
    }
    #gnb_top_set .gnb_top_set_menu {
        float: right !important;
    }
    #gnb_top_set .gnb_top_set_menu li {
        padding: 9px 8px 2px 0;
    }
    .gnb_mobile_login {
        display: block;
        float: right;
        padding: 6px 0 0;
        font-size: 12px;
    }
    .gnb_mobile_login::before {
        content: "|";
        color: #b9c0cf;
        margin: 0 8px 0 4px;
    }
    .gnb_mobile_login a {
        color: #1a73e8;
        text-decoration: none;
        font-weight: bold;
        font-size:12px
    }
    #gnb_top_set .top_find_id {
        display: none;
    }
    #gnb_top_set .gnb_top_set_menu li.gnb_dd_mobile {
        display: list-item !important;
    }
    #gnb_top_set .gnb_top_set_menu li.gnb_dd_pc {
        display: none !important;
    }
    #gnb_top_set .gnb_top_set_menu li:not(#gnb_user_dd) {
        padding-top: 6px !important;
    }
    /* 닉네임 단추(세로 가운데 정렬된 높이 26 통)도 글자 중심(~15)에 맞춤 (2026-10-30) */
    #gnb_top_set #gnb_user_dd {
        padding-top: 2px !important;
    }

    #gnb_menu_logo {
        float: left;
        margin: 0;
    }
    #gnb_menu .search_b {
        float: none;
        clear: none;
        text-align: right;
        padding-top: 8px;
    }
    #gnb_menu .search_b form {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        max-width: 100%;
    }
    #gnb_menu .search_b form > span:first-child {
        display: none;
    }
    #gnb_menu .search_b.mobile_open {
        clear: both;
        width: 100%;
        margin-top: 6px;
    }
        #gnb_menu .search_b.mobile_open form {
            display: flex;
        }
    #gnb_menu .search_b.mobile_open form > span:first-child {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
    }
    #gnb_menu .search_b .search_b_input {
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
        height: 34px;
        line-height: normal;
        padding: 0 8px;
        text-indent: 0;
        font-weight: normal;
        border-radius: 4px;
        -webkit-appearance: none;
        appearance: none;
        border: 0;
        box-shadow: 0 0 0 1px #aeb5c7;
        outline: none;
    }
    #gnb_menu .search_b .search_b_input:focus {
        box-shadow: 0 0 0 1px #5b79b8;
    }
    #gnb_menu .next_premium_but {
        display: none;
    }

    .gnb_mobile_toggle {
        display: block;
        float: right;
        margin-top: 7px;
    }
    .bc-gnb-bar {
        height: auto;
    }
    .bc-gnb-toggle {
        display: none;
    }
    .bc-gnb-nav {
        display: flex;
        grid-template-columns: none;
        height: auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .bc-gnb-nav::-webkit-scrollbar {
        display: none;
    }
    .bc-gnb-item {
        border-top: 0;
        height: auto;
        text-align: left;
        min-width: 0;
        width: auto;
        flex: 0 0 auto;
    }
    a.bc-gnb-link {
        justify-content: center;
        height: auto;
        padding: 11px 14px;
        box-sizing: border-box;
        font-size: 13px;
    }
    .bc-gnb-bar.mobile_open .bc-gnb-nav {
        flex-direction: column;
        overflow-x: visible;
    }
    .bc-gnb-bar.mobile_open .bc-gnb-item {
        width: 100%;
        border-top: 1px solid #565f78;
    }
    .bc-gnb-bar.mobile_open a.bc-gnb-link {
        justify-content: flex-start;
        padding: 12px 16px;
    }

    #contents_main .chart_box_01 {
        height: auto;
    }
    #contents_main .main_slide_icontbox {
        display: block;
        margin-bottom: 15px;
    }
    .banner_01,
    .banner_02,
    .banner_03 {
        float: none;
        width: 100% !important;
        margin: 0 0 10px;
    }
    .banner_01 img,
    .banner_02 img,
    .main_lb3 img {
        max-width: 100%;
        height: auto;
    }
    .banner_02 .item {
        height: auto;
    }
    .banner_02-2 {
        display: flex;
        gap: 8px;
        width: 100%;
        height: auto;
    }
    .banner_02-1 .item,
    .banner_02-2 .item {
        float: none;
        flex: 1;
        width: auto;
        min-width: 0;
        margin: 0 !important;
        box-sizing: border-box;
    }
    .banner_02-1 .item img,
    .banner_02-2 .item img {
        display: block;
        width: 100%;
        height: auto;
    }
    .banner_02 .item .thum {
        width: 100%;
        height: auto;
    }
    .banner_02 .item .thum .layer,
    .banner_02 .item .thum:hover .layer {
        width: 100%;
        height: 100%;
    }
    .banner_02 .main_span {
        width: auto;
    }
    .banner_02-1 img,
    .main_lb3 img {
        display: block;
        width: 100%;
        height: auto;
    }
    .main_lb3 {
        float: none;
        width: 100%;
    }
    .ban01_num {
        font-size: 26px;
    }
    .banner_padding {
        float: none;
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 8px 15px 15px;
        overflow: hidden;
    }
    .banner_01 .banner_padding:nth-of-type(2) {
        display: none;
    }
    #slideBannerA {
        left: auto !important;
        position: static !important;
        width: 100% !important;
        white-space: normal;
    }
    #slideBannerA a:not(:first-child) {
        display: none;
    }
    #slideBannerA a,
    #slideBannerA img {
        display: block;
        width: 100%;
        height: auto;
    }
    .banner_03_slide {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto 10px;
    }
    .bannerArrowBtn {
        display: none !important;
    }

    .main_slide_icontbox {
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
    }
    .main_slide_iconbox {
        width: 100%;
        margin-left: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        position: static !important;
    }
    .main_slide_pre,
    .main_slide_next {
        display: none;
    }
    .main_board1 .main_board1_t { table-layout: fixed; }
    .main_board1 .main_board1_t col:first-child { width: 100%; }
    .main_board1 .main_board1_t col:last-child { display: none; }
    .main_board1 .main_board1_t td:last-child { display: none; }
    .main_board2 .main_board1_t col:first-child { width: auto; }
    .main_board2 .main_board1_t col:last-child { width: 1%; }
    .main_board2 .main_board1_t td:last-child {
        width: 1%;
        white-space: nowrap;
        padding-left: 0;
    }
    .main_board1 .main_board1_t td > span:first-child {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .main_board1 .main_board1_t td > span:first-child + br {
        display: none;
    }

    .main_pop {
        left: 10px;
        right: 10px;
        width: auto;
    }
    .main_board1_t td {
        padding-left: 10px;
    }
    #contents_main .main_pair .chart_L,
    #contents_main .main_pair .chart_R {
        float: none;
        width: 100%;
        margin: 0 0 15px;
    }
    #contents_main .main_pair > .chart_L:last-child,
    #contents_main .main_pair > .chart_R:last-child {
        margin-bottom: 0;
    }
    .table_B_01,
    .table_B_02 {
        padding-right: 10px;
        box-sizing: border-box;
    }
    .main_more_btn {
        right: 10px;
    }

    #footer .footer_infor01,
    #footer .footer_infor02,
    #footer .footer_infor03 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }
    #footer .f_logo {
        display: none;
    }
    #footer img {
        max-width: 100%;
        height: auto;
    }

    #sideBanner {
        display: none;
    }
    #bottomAd {
        display: block;
        width: 100%;
    }
    #bottomAd img {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media (max-width:760px){.main_lb3,.banner_03,.banner_02-1{display:none}}

#gnb_menu .search_b {
    display: none;
}

#gnb_menu {
    overflow: hidden;
}

.main_talk_slot {
    display: none;
}
#ad_mid_mobile {
    display: none;
}
@media (max-width: 760px) {
    .main_talk_row {
        display: none;
    }
    .main_pair.has_talk_slot .main_talk_slot {
        display: block;
    }
    #ad_mid_mobile {
        display: block;
        clear: both;
        width: 100%;
        margin: 0 0 15px;
        text-align: center;
        overflow: hidden;
    }
    .main_trend_list {
        margin-top: 20px;
    }
    .main_trend_item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 20px;
        border-top: 2px solid #f4f4f4;
    }
    .main_trend_item:first-child {
        border-top: 0;
    }
    .main_trend_item:hover {
        text-decoration: none;
    }
    .main_trend_thumb {
        position: relative;
        flex: 0 0 90px;
        width: 90px;
        height: 68px;
        border-radius: 6px;
        overflow: hidden;
    }
    .main_trend_thumb img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .main_trend_rank {
        position: absolute;
        left: 0;
        top: 0;
        font-style: normal;
        font-size: 10px;
        color: #fff;
        background: rgba(48, 213, 176, 0.9);
        padding: 2px 5px;
        border-radius: 0 0 6px 0;
    }
    .main_trend_text {
        min-width: 0;
        flex: 1;
    }
    .main_trend_text b {
        display: block;
        font-size: 15px;
        color: #454e65;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .main_trend_text p {
        font-size: 12.5px;
        color: #bcc2d3;
        margin-top: 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.week_cate_toggle_wrap {
    display: none;
    text-align: center;
    margin-top: 8px;
}
.week_row_cate {
    display: none;
}
.week_cate_toggle {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c6ccdb;
    background: #fff;
    color: #7e88a2;
    font-size: 12px;
    border-radius: 4px;
    padding: 5px 18px;
}
.week_cate_arrow {
    font-size: 16px;
    vertical-align: -1px;
}
.week_title_Date {
    position: relative;
}
.week_title_Date span img {
    vertical-align: middle;
    position: relative;
    top: -3px;
}
.week_date_list {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    width: 190px;
    margin-top: 6px;
    padding: 4px 0;
    background: #fff;
    border: 1px solid #dce0e9;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.week_date_list.open {
    display: block;
}
.week_date_list a {
    display: block;
    padding: 8px 16px;
    font-size: 13px;
    color: #464e65;
    text-align: center;
    white-space: nowrap;
}
.week_date_list a:hover {
    background: #fbfbfb;
}
.week_date_list a.on {
    color: #5d9cec;
    font-weight: bold;
    background: #f5f8ff;
}
@media (max-width: 1279px) {
    .week_01,
    .week_02,
    .themebox,
    .theme_chart_0102_02,
    .pinkbox100,
    .mem_agr_txt,
    .member_agreed2_contents {
        width: 100%;
        box-sizing: border-box;
    }
    .blog_renking_banner ins,
    .blog_renking_banner iframe,
    ins.adsbygoogle {
        max-width: 100%;
    }
    .login_search_list ul li {
        width: calc(50% - 10px);
        box-sizing: border-box;
    }
    .login_search_list_step a {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 760px) {
    .week_01,
    .week_02 {
        padding: 12px 10px;
    }
    .week_title_Date span {
        font-size: 14px;
        padding: 0 8px;
    }
    .Category_list_table {
        width: 100%;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .Category_list_table::-webkit-scrollbar {
        display: none;
    }
    .Category_list_table tbody,
    .Category_list_table tr {
        display: inline;
        font-size: 0;
    }
    .Category_list_table td {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 41px;
        padding: 0 7px;
        box-sizing: border-box;
        border: 1px solid #e6eaf4;
        margin-right: -1px;
        white-space: nowrap;
    }
    .Category_list_table td:last-child {
        margin-right: 0;
    }
    .Category_list_table td a {
        width: auto;
        height: auto;
        display: inline-block;
        padding: 0;
        font-size: 11px;
        line-height: normal;
        overflow: visible;
        white-space: nowrap;
        text-overflow: clip;
    }
    .week_cate_toggle_wrap {
        display: block;
    }
    .week_cate_toggle {
        padding: 6px 0;
    }
    .week_Category_list {
        margin-bottom: 6px;
    }
    .Category_list_table.expanded {
        overflow-x: visible;
        white-space: normal;
    }
    .Category_list_table.expanded td {
        margin-bottom: -1px;
    }
    .week_02_table {
        table-layout: fixed;
    }
    .week_02_table th:nth-child(3),
    .week_02_table td:nth-child(3),
     .week_02_table th:nth-child(5),
     .week_02_table td:nth-child(5) {
        display: none;
    }
    .week_02_table col:nth-child(1) { width: 15%; }
    .week_02_table col:nth-child(2) { width: 66%; }
     .week_02_table col:nth-child(3) { width: 19%; }
    .week_02_table col:nth-child(4) { width: 0; }
     .week_02_table col:nth-child(5) { width: 0; }
    .week_row_cate {
        display: flex;
        align-items: center;
        line-height: 18px;
        font-size: 13px;
        color: #7e88a2;
    }
    .week_blog_URl.naver,
    .week_blog_URl.tistory,
    .week_blog_URl.egloos,
    .week_blog_URl.daum,
    .week_blog_URl.cyworld,
    .week_blog_URl.etc {
        list-style-image: none;
        padding-left: 0;
    }
    .week_row_cate.naver::before   { content: url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogN.png'); }
    .week_row_cate.tistory::before { content: url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogT.png'); }
    .week_row_cate.egloos::before  { content: url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogE.png'); }
    .week_row_cate.daum::before    { content: url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogD.png'); }
    .week_row_cate.cyworld::before { content: url('//img.blogchart.co.kr/bc/ss2/img/def/img_logoC.png'); }
    .week_row_cate.etc::before     { content: url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogB.png'); }
    .week_row_cate::before {
        flex: none;
        height: 16px;
        margin-right: 5px;
    }
    .week_02_table th {
        padding: 10px 0;
        font-size: 12px;
    }
    .week_02_table td {
        padding: 10px 4px;
    }
    .week_blog_URl {
        word-break: break-all;
        font-size: 13px;
        line-height: 18px;
        margin-top: -3px;
    }
    .week_ranking_number {
        font-size: 15px;
    }
    .paging {
        font-size: 14px;
        margin-top: 20px;
    }
    .paging span {
        padding: 5px 7px;
    }
}

@media (max-width: 760px) {
    .themebox {
        padding: 12px 10px;
    }
    .theme_subtitle {
        padding-bottom: 20px;
    }
    .theme_list {
        display: contents;
        font-size: 0;
    }
    .theme_list li {
        width: 33.333%;
        padding: 3px;
        box-sizing: border-box;
    }
    .theme_list li a {
        font-size: 12px;
    }
    .theme_box_style {
        width: 100%;
        height: 80px;
        box-sizing: border-box;
    }
    .theme_list_boxtext {
        width: auto;
        padding: 7px 0 0 10px;
        font-size: 12px;
        line-height: 18px;
    }
    .theme_list_img {
        width: 44px;
    }
    .theme_list_img img {
        max-width: 100%;
        height: auto;
    }
    .theme_chart_0102_02 {
        padding: 12px 10px;
    }
    .theme_chart_0102_02_table {
        table-layout: fixed;
    }
    .theme_chart_0102_02_table th:nth-child(3),
    .theme_chart_0102_02_table td:nth-child(3),
    .theme_chart_0102_02_table th:nth-child(5),
    .theme_chart_0102_02_table td:nth-child(5) {
        display: none;
    }
    .theme_chart_0102_02_table col:nth-child(1) { width: 15%; }
    .theme_chart_0102_02_table col:nth-child(2) { width: 66%; }
    .theme_chart_0102_02_table col:nth-child(3) { width: 19%; }
    .theme_chart_0102_02_table col:nth-child(4) { width: 0; }
    .theme_chart_0102_02_table col:nth-child(5) { width: 0; }
    .theme_chart_0102_02_table th {
        padding: 10px 0;
        font-size: 12px;
    }
    .theme_chart_0102_02_table td {
        padding: 10px 4px;
    }
    .theme_chart_0102_02 .week_blog_URl {
        list-style-image: none;
        padding-left: 0;
        word-break: break-all;
        font-size: 13px;
        line-height: 18px;
        margin-top: -3px;
    }
    .theme_chart_0102_ranking_number {
        font-size: 15px;
    }
}

/* 표 폭은 넓은 화면에서만 원래 값으로 지킨다. 좁은 화면에서는 통 폭을 따라간다 (2026-10-30) */
@media (min-width: 900px) {
    .agreed2_join {
        min-width: 780px;
    }
}
.agreed2_join .join_id,
.agreed2_join .join_nick {
    width: 186px;
}
/* 가입 폼 세로 쌓기는 폭 기준으로만 분기한다 (2026-10-30 반응형 바로잡기) */
@media (max-width: 760px) {
    .agreed2_join {
        table-layout: fixed;
        width: 100%;
        min-width: 0;
    }
    .agreed2_join tr {
        display: block;
        height: auto !important;
        overflow: visible;
    }
    .agreed2_join th {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 0 2px;
        text-align: left;
    }
    .agreed2_join td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 4px 0;
        text-align: left;
    }
    .agreed2_join td.join_birthday {
        display: flex;
        flex-wrap: nowrap;
        gap: 6px;
        align-items: center;
    }
    .agreed2_join .join_birthday select {
        margin: 0;
        height: auto;
        padding: 7px 24px 7px 8px;
        font-size: 16px;
        box-sizing: border-box;
        color: #333;
        -webkit-appearance: none;
        appearance: none;
        background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237e88a2'/%3E%3C/svg%3E") no-repeat right 8px center;
    }
    .agreed2_join .join_birthday_y { width: auto; flex: 2 1 96px; min-width: 96px; }
    .agreed2_join .join_birthday_m,
    .agreed2_join .join_birthday_d { width: auto; flex: 1 1 64px; min-width: 64px; }
    .agreed2_join .join_birthday select:only-child { width: 100%; }
    .agreed2_join .join_id,
    .agreed2_join .join_nick,
    .agreed2_join .join_pass,
    .agreed2_join .join_name {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 16px;
    }
    .agreed2_join input[type="text"],
    .agreed2_join input[type="password"],
    .agreed2_join input[type="tel"] {
        height: auto;
        padding: 7px 8px;
        box-sizing: border-box;
    }
    /* 중복확인 단추 행: 입력칸+단추를 flex로 묶어 중심을 맞춘다 (2026-10-30) */
    .agreed2_join tr.join_skinny_01 td:nth-child(2),
    .agreed2_join tr.join_skinny_05 td:nth-child(2) {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .agreed2_join .join_id,
    .agreed2_join .join_nick {
        float: none;
        display: block;
        flex: 1 1 0;
        min-width: 0;
        width: auto;
    }
    .agreed2_join .join_overlap {
        float: none;
        display: block;
        flex: none;
        margin: 0;
        box-sizing: border-box;
    }
    .agreed2_join td:nth-child(3) {
        display: none;
    }
    /* 생년월일 안내는 좁은 화면에서 입력칸 아래로 */
    .agreed2_join td.join_tip_cell {
        display: block;
        padding-top: 6px;
        font-size: 13px;
        color: #98a0ad;
    }
    /* 비밀번호 설명은 입력칸 아래로 */
    .agreed2_join .join_tip {
        display: block;
    }
    /* 이메일 수신 동의는 입력칸 아래줄에 보여 준다 */
    .agreed2_join tr.join_skinny_01 td:nth-child(3) {
        display: block;
        padding-top: 8px;
    }
    .agreed2_join tr.join_skinny_01 .join_id_check {
        margin-left: 0;
        vertical-align: middle;
    }
    .agreed2_join tr.join_skinny_01 td:nth-child(3) label {
        font-size: 14px;
    }
}

@media (max-width: 760px) {
    .id_search {
        width: 100%;
        box-sizing: border-box;
    }
    .id_search th {
        padding-right: 10px;
        white-space: nowrap;
    }
    .id_search input[type="text"] {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 7px 8px;
        font-size: 16px;
        box-sizing: border-box;
    }
    .id_search td.id_search_02_birthday {
        display: flex;
        flex-wrap: nowrap;
        gap: 6px;
        align-items: center;
    }
    .id_search td.id_search_02_birthday select {
        margin: 0;
        height: auto;
        padding: 7px 24px 7px 8px;
        font-size: 16px;
        box-sizing: border-box;
        color: #333;
        -webkit-appearance: none;
        appearance: none;
        background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237e88a2'/%3E%3C/svg%3E") no-repeat right 8px center;
    }
    .id_search .id_search_02_birthday_y { width: auto; flex: 2 1 96px; min-width: 96px; margin-right: 0; }
    .id_search .id_search_02_birthday_m { width: auto; flex: 1 1 64px; min-width: 64px; margin-right: 0; }
    .id_search .id_search_02_birthday_d { width: auto; flex: 1 1 64px; min-width: 64px; }
    #plzDiv {
        left: 10px !important;
        right: 10px;
        width: auto !important;
        height: auto !important;
        padding: 20px 0;
    }
    #plzDiv h2 {
        margin: 10px 0 0 0 !important;
        font-size: 16px;
    }
}

/* ---- 블로그 인증 (/user/blog_add) — 2026-10-31 ---- */
/* 흰 박스와 푸터가 들러붙지 않게 아래 여백 (이 박스는 이 화면에서만 쓰인다) */
.my_blog_connect { margin-bottom:40px; }

/* 인증코드 옆 복사 단추 (button 요소: 확인 단추 줄 규칙(a 태그)과 안 겹쳐 specificity 올림 불필요) */
button.ccopy_btn { display:inline-block; margin-left:10px; width:auto; padding:6px 14px; border:0; border-radius:15px; background:#30d5b0; color:#fff; font-size:12px; font-weight:bold; line-height:1; cursor:pointer; vertical-align:2px; transition:background .15s; }
button.ccopy_btn:hover { background:#1eb892; }
button.ccopy_btn.on { background:#7e88a2; }

/* 인증 화면 아래 단추: 확인 옆 뒤로가기를 나란히 (style.css의 세로 블록 단추를 여기서 가로로 덮음) */
.contents_certification_03 { display:flex; justify-content:center; gap:10px; }
.contents_certification_03 a { display:block; width:84px; margin:0; float:none; }
.contents_certification_03 a.cert_back_btn { background-color:#7e88a2; text-align:center; }
.contents_certification_03 a.cert_back_btn:hover { background-color:#68718a; }

/* 등록 완료(Step.3) 안내: 옛 gif 대신 확인 원+문구+단추 (모양은 회원가입완료 카드 기준) */
.ba_done { text-align:center; padding:20px 0 10px; }
.ba_done_icon { display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; background:#e8faf5; }
.ba_done_icon svg { display:block; }
.ba_done_tit { margin:22px 0 0; font-size:20px; font-weight:bold; color:#222; line-height:1.4; }
.ba_done_sub { margin:10px 0 0; font-size:14px; color:#7b8190; line-height:1.7; }
.ba_done_btns { margin:34px 0 0; display:flex; justify-content:center; gap:10px; }
.ba_done_main { display:block; width:220px; height:44px; line-height:44px; border-radius:6px; background:cadetblue; color:#fff !important; font-size:15px; font-weight:bold; text-align:center; transition:background .15s ease; }
.ba_done_main:hover { color:#fff !important; background:#556270; text-decoration:none; }
.ba_done_home { display:block; width:120px; height:44px; line-height:44px; border-radius:6px; border:1px solid #dfe4ec; color:#7b8190 !important; font-size:14px; text-align:center; box-sizing:border-box; transition:border-color .15s ease, color .15s ease; }
.ba_done_home:hover { color:#556270 !important; border-color:#b9c2d0; text-decoration:none; }
@media (max-width: 760px) {
    .ba_done_btns { flex-direction:column; align-items:stretch; padding:0 14px; }
    .ba_done_main, .ba_done_home { width:100%; }
}

/* 중간 폭(1279 이하): 세 칸 단계 안내판이 414px 고정이라 넘친다 → flex로 나란히 줄임 */
@media (max-width: 1279px) {
    .cartification_list ul { display:flex; }
    .cartification_list ul li { flex:1 1 0; min-width:0; }
    .cartification_Step, .cartification_Step.on { width:auto; font-size:13px; letter-spacing:-.3px; white-space:nowrap; overflow:hidden; }
    .cartification_Step a { width:auto; }
}

@media (max-width: 760px) {
    /* 단계 안내판: 칸 사이 간격을 기본 9px보다 좁힘 (첫 칸은 아래 흰 박스와 좌측 정렬 유지) */
    .cartification_list ul li { margin-left:4px !important; }
    .cartification_list ul li:first-child { margin-left:0 !important; }
    /* 단계 안내판: 글자 줄이고 칸 안에서 'Step.N'과 이름을 두 줄로 쌓음 */
    .cartification_Step, .cartification_Step.on { height:auto; padding:9px 3px; line-height:1.3; white-space:normal; font-size:11px; border-radius:8px 8px 0 0; }
    .cartification_Step a { height:auto; }
    .cartification_Step nobr { display:block; white-space:normal; }
    .my_blog_connect { padding:32px 14px; }
    /* Step1 · Step2 본문 여백 줄이기 */
    .contents_connect_01 p, .contents_certification_01 p { padding:0 8px; }
    .contents_connect_02 { padding-top:32px; padding-bottom:28px; }
    .contents_certification_02 { padding-top:32px; padding-bottom:28px; }
    .contents_connect_02 input { width:calc(100% - 66px); max-width:400px; }
    .contents_certification_02 input { width:calc(100% - 66px); max-width:400px; }
    .contents_certification_02_ex { padding:10px 8px 0; }
    .contents_certification_02_ex p { overflow-wrap:break-word; }
    .contents_certification_02_ex p[style] { font-size:16px !important; }
    .contents_certification_02_ex a { font-size:11px; word-break:break-all; }
    .contents_certification_03 { padding-top:15px; padding-bottom:30px; }
    /* 서비스별 확인표: LOGO / 이름 / 설명을 세 줄로 쌓기 */
    .contents_certification_04 table { width:100%; }
    .contents_certification_04 tbody, .contents_certification_04 tr, .contents_certification_04 th, .contents_certification_04 td { display:block; width:auto; }
    .contents_certification_04 tr { margin-bottom:18px; }
    .contents_certification_04 tr:last-child { margin-bottom:0; }
    .contents_certification_04 td:first-child img { display:block; }
    .contents_certification_04 th { padding:8px 0 4px; text-align:left; }
    .contents_certification_04 td { padding:0; line-height:1.5; }
}

/* ---- 아이디 / 비밀번호 찾기 (/user/find_id · /user/find_pw) — 2026-10-31 (블로그 인증 카드 기준을 따름) ---- */
/* 위 탭을 블로그 인증 단계 탭과 같은 모양으로 (위 두 모서리만 10px 둥글게) */
.login_search_list_step a { border-radius:10px 10px 0 0; }

/* 탭 두 칸을 블로그 인증 단계 탭처럼 flex로 채움 (float+계산 폭은 오른쪽에 10px 틈이 남았다) */
@media (max-width: 1279px) {
    .login_search_list ul { display:flex; }
    .login_search_list ul li { flex:1 1 0; min-width:0; width:auto; }
}

.fs_guide { text-align:center; color:#7e88a2; font-size:14px; line-height:1.6; margin-bottom:36px; }
.fs_form_rows { max-width:620px; margin:0 auto; padding:6px 0 40px; border-bottom:1px solid #dce0e9; }
.fs_row { text-align:center; margin-bottom:24px; line-height:1.4; }
.fs_row:last-child { margin-bottom:0; }
.fs_lab { display:inline-block; width:110px; text-align:left; font-size:15px; font-weight:bold; color:#464e65; vertical-align:middle; }
.fs_inp { width:312px; height:32px; padding:0 8px; box-sizing:border-box; border:0; border-bottom:2px solid #30d5b0; color:#464e65; font-size:16px; font-weight:bold; vertical-align:middle; }
.fs_sel { width:88px; height:34px; padding-left:10px; box-sizing:border-box; border:1px solid #dce0e9; border-radius:3px; color:#464e65; font-size:15px; background:#fff; vertical-align:middle; }
.fs_sel_y { width:112px; }
.fs_sel + .fs_sel { margin-left:8px; }
.fs_birthday { vertical-align:middle; }
.fs_but { padding-top:40px; text-align:center; }
.fs_but a { display:inline-block; width:280px; height:46px; line-height:46px; border-radius:6px; background:#30d5b0; color:#fff !important; font-size:16px; font-weight:bold; text-align:center; transition:background .15s ease; }
.fs_but a:hover { color:#fff !important; background:#1eb892; }

/* 결과 화면: 등록 완료 카드를 따라 씀 (원·단추는 ba_done 계열 그대로 재사용) */
.fs_done { text-align:center; padding:10px 0 6px; }
.fs_done_lines { margin-top:22px; }
.fs_done_id { margin:14px 0; font-size:26px; font-weight:bold; color:#464e65; letter-spacing:-.5px; word-break:break-all; }
.fs_done_mail { color:#464e65; font-weight:bold; }

/* 데스크톱 '처리중' 팝업: 인라인 left:370px를 지우고 가운데로 */
@media (min-width: 761px) {
    #plzDiv { left:50% !important; margin-left:-250px; border-color:#dce0e9; box-shadow:0 6px 24px rgba(43,51,69,.12); }
}

@media (max-width: 760px) {
    .login_search_contents { padding:40px 14px; }
    /* 탭 두 칸 사이 간격을 좁힘 (flex라 칸 폭은 알아서 채워짐) */
    .login_search_list ul li { margin-left:5px !important; }
    .login_search_list ul li:first-child { margin-left:0 !important; }
    .fs_guide { margin-bottom:26px; }
    /* 입력 무리를 흰 박스 가운데에 놓되, 항목 이름은 안에서 왼쪽 정렬 (넓은 모바일 폭에서 왼쪽으로 안 치우침) */
    .fs_form_rows { max-width:400px; }
    /* 모바일: 항목 이름과 입력칸을 왼쪽으로 맞추고, 단추만 가운데로 */
    .fs_row { text-align:left; }
    .fs_lab { display:block; width:auto; text-align:left; margin-bottom:10px; }
    .fs_inp { width:100%; max-width:400px; height:36px; }
    .fs_birthday { display:flex; justify-content:flex-start; gap:8px; max-width:400px; }
    .fs_sel { width:auto; min-width:0; height:40px; padding-left:8px; font-size:16px; }
    .fs_sel + .fs_sel { margin-left:0; }
    .fs_sel_y { flex:2 1 96px; width:auto; }
    .fs_sel:not(.fs_sel_y) { flex:1 1 64px; }
    .fs_but { padding-top:30px; }
    .fs_but a { width:100%; max-width:400px; }
    .fs_done_id { font-size:20px; }
}