/* ÆùÆ® Àû¿ë */
body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
    background-color: #f5f7fa; /* ¾ÆÁÖ ¿¬ÇÑ È¸»ö ¹è°æ */
    color: #333;
}

/* Ä«µå °øÅë ½ºÅ¸ÀÏ */
.custom-card {
    background: #ffffff;
    border: 1px solid #eaedf1;
    border-radius: 16px; /* µÕ±Û°Ô */
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease;
}

/* ¸Þ´º ¸®½ºÆ® ½ºÅ¸ÀÏ */
.list-group-item {
    font-size: 0.95rem;
    color: #555;
    transition: all 0.2s;
}

    .list-group-item:hover {
        background-color: #f8f9fa;
        color: #0d6efd; /* ÆĶõ»ö ÇÏÀ̶óÀÌÆ® */
        padding-left: 1.2rem !important; /* »ì¦ ¿À¸¥ÂÊÀ¸·Î À̵¿ È¿°ú */
    }

/* ±¤°í ¹è³Ê ½ºÅ¸ÀÏ */
.ad-banner {
    background-color: #fff;
    border: 1px dashed #dee2e6;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    position: sticky;
    top: 20px;
}

/* ¸µÅ© ¹ØÁÙ Á¦°Å */
a {
    text-decoration: none;
}

/* ¾ÆÀÌÄÜ Å©±â °­Á¦ °íÁ¤ (È­»ìÇ¥°¡ ¹ÌÃÄ ³¯¶Ù´Â °Í ¹æÁö) */
.fa, .fas, .fa-solid, .fa-regular, .fa-brands {
    font-size: inherit; /* ºÎ¸ð ÆùÆ® »çÀÌÁî µû¶ó°¨ */
    line-height: inherit;
}

/* ±Û¾²±â ¹öÆ° Àß º¸ÀÌ°Ô */
.btn-primary {
    background-color: #0d6efd !important; /* ¸ÇÑ ÆĶõ»ö */
    color: white !important;
    border: none;
}

/* ¿¡µðÅÍ Å׵θ®¸¦ ¾ø¾Ö°í ¹è°æÀ» Èò»öÀ¸·Î °­Á¦ */
.note-editor.note-frame {
    border: none !important;
    box-shadow: none !important;
}

.note-editor .note-statusbar {
    display: none !important; /* ÇÏ´Ü Å©±âÁ¶Àý ¹Ù ¼û±è (±ò²ûÇÏ°Ô) */
}
/* ================================================================= */
/* [Mobile Patch] Glink ¸ð¹ÙÀÏ ÅëÇÕ ½ºÅ¸ÀÏ Á¤»óÈ­ (vFinal)           */
/* ================================================================= */
@media (max-width: 991px) {

    /* 1. ·¹À̾ƿô °­Á¦ º¸Á¤ (°¡·Î ½ºÅ©·Ñ ¹æÁö & ²Ë Âù È­¸é) */
    .container, .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important;
    }

    /* °íÁ¤ ³Êºñ(px)·Î ÄÚµùµÈ Ä«µåµéÀ» °­Á¦·Î 100%·Î º¯°æ */
    .custom-card, .card,
    [style*="width: 500px"], [style*="width: 600px"], [style*="width: 450px"],
    [style*="width: 900px"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Æеù ÃÖÀûÈ­ (PCÀÇ p-5´Â ¸ð¹ÙÀÏ¿¡¼­ ³Ê¹« Å­) */
    .p-5 {
        padding: 1.5rem !important;
    }

    .p-4 {
        padding: 1.25rem !important;
    }

    /* ========================================================= */
    /* 2. °Ô½ÃÆÇ ¸ñ·Ï: ÀÓ¿µ¿õ ÆÒÄ«Æä ½ºÅ¸ÀÏ (Flexbox Reordering) */
    /* ========================================================= */
    .fixed-board-table {
        display: block;
    }

        .fixed-board-table thead {
            display: none;
        }
        /* Çì´õ ¼û±è */
        .fixed-board-table tbody {
            display: block;
        }

            .fixed-board-table tbody tr {
                display: flex !important; /* Flexbox µµÀÔ */
                flex-wrap: wrap !important; /* ÁÙ¹Ù²Þ Çã¿ë */
                border-bottom: 1px solid #f0f0f0;
                padding: 12px 5px; /* »óÇÏ Æеù */
                align-items: center; /* ¼öÁ÷ Áß¾Ó Á¤·Ä */
            }

        .fixed-board-table td {
            border: none;
            padding: 0 !important;
            background: none !important;
        }

            /* [1Çà] Á¦¸ñ (°¡Àå Å©°Ô, ÇÑ ÁÙ µ¶Á¡) */
            .fixed-board-table td:nth-child(2) {
                width: 100% !important; /* 1Çà Àüü Â÷Áö */
                order: 1 !important; /* ¼ø¼­ 1¹ø */
                display: block !important;
                font-size: 1.05rem;
                font-weight: bold;
                margin-bottom: 6px; /* 2Çà°úÀÇ °£°Ý */
                color: #333;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

            /* [2Çà °øÅë ½ºÅ¸ÀÏ] ¸»¸Ó¸®, ÀÛ¼ºÀÚ, ³¯Â¥, Á¶È¸¼ö */
            .fixed-board-table td:nth-child(1), /* ¸»¸Ó¸® */
            .fixed-board-table td:nth-child(3), /* ÀÛ¼ºÀÚ */
            .fixed-board-table td:nth-child(4), /* ³¯Â¥ */
            .fixed-board-table td:nth-child(6) /* Á¶È¸¼ö */ {
                width: auto !important;
                order: 2 !important;
                display: flex !important; /* ³»ºÎ ¿ä¼Ò Á¤·ÄÀ» À§ÇØ Flex »ç¿ë */
                align-items: center !important;
                font-size: 0.8rem !important;
                color: #999;
                white-space: nowrap !important; /* ÁÙ¹Ù²Þ Àý´ë ±ÝÁö */
            }

                /* [2Çà µðÅ×ÀÏ] ±¸ºÐ¼±(|) Ãß°¡ ¸ÅÁ÷ */
                .fixed-board-table td:nth-child(1)::after,
                .fixed-board-table td:nth-child(3)::after,
                .fixed-board-table td:nth-child(4)::after {
                    content: "|" !important;
                    display: inline-block;
                    margin: 0 6px;
                    color: #e0e0e0;
                    font-size: 0.7rem;
                }

                /* [¸»¸Ó¸®] ¹îÁö ½ºÅ¸ÀÏ Á¦°Å */
                .fixed-board-table td:nth-child(1) .badge {
                    background-color: transparent !important;
                    color: #666 !important;
                    padding: 0 !important;
                    font-weight: normal !important;
                    font-size: 0.8rem !important;
                    border: none !important;
                }

            /* [ÀÛ¼ºÀÚ] °­Á¶ */
            .fixed-board-table td:nth-child(3) {
                color: #555 !important;
            }

            /* [³¯Â¥] ¿©±â°¡ ÇÙ½É ¼öÁ¤ Æ÷ÀÎÆ®! */
            .fixed-board-table td:nth-child(4) {
                display: inline-flex !important; /* ³»ºÎ spanµéÀ» °¡·Î·Î °­Á¦ Á¤·Ä */
                gap: 4px; /* ³¯Â¥¿Í ½Ã°£ »çÀÌ °£°Ý */
            }

                .fixed-board-table td:nth-child(4) br {
                    display: none !important;
                }
                /* ÁÙ¹Ù²Þ »èÁ¦ */
                .fixed-board-table td:nth-child(4) span {
                    display: inline-block !important;
                    font-size: 0.8rem !important; /* ÆùÆ® Å©±â °­Á¦ ÅëÀÏ */
                    margin: 0 !important;
                }

            /* [Á¶È¸¼ö] ¾ÆÀÌÄÜ Ãß°¡ */
            .fixed-board-table td:nth-child(6)::before {
                content: "view " !important;
                font-size: 0.7rem;
                margin-right: 2px;
            }

            /* [Ãßõ¼ö & ¹øÈ£] ¼û±è */
            .fixed-board-table td:nth-child(5),
            .fixed-board-table td:nth-child(1) span:not(.badge) /* ¹øÈ£ ÅؽºÆ®¸¸ ¼û±è */ {
                display: none !important;
            }

    /* 3. º»¹® À̹ÌÁö ÃÖÀûÈ­ (È­¸é ¶Õ°í ³ª°¡´Â °Í ¹æÁö) */
    .custom-card img, .note-editable img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px;
    }

    /* 4. ½æ¸Ó³ëÆ® ¿¡µðÅÍ ³ôÀÌ Á¶Àý */
    .note-editable {
        height: 200px !important;
    }

    /* 5. °ü¸®ÀÚ ÆäÀÌÁö Å×ÀÌºí ½ºÅ©·Ñ Çã¿ë */
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}