/* Loaded only when the legacy portfolio needs its missing desktop skin fallback. */
#container > #container_title {
    display: block !important;
    position: static; width: calc(100% - 48px); max-width: 1180px;
    height: auto; margin: 36px auto 0 !important; padding: 0; overflow: visible !important;
    font-size: 28px; line-height: 1.4; color: #f5f0e8;
}
#container > .ing_bnr_Wrap { display: none; }
#bo_gall, #bo_v, #bo_w {
    box-sizing: border-box; float: none; width: calc(100% - 48px) !important;
    max-width: 1180px; margin: 28px auto 48px; padding: 28px;
    border: 1px solid #dbe1e8; border-radius: 12px; background: #fff; color: #243240;
}
#bo_gall a, #bo_v a { color: #1f3447; }
#bo_gall #gall_ul {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px 20px; width: auto; margin: 24px 0; padding: 0;
}
#bo_gall #gall_ul::after { display: none; }
#bo_gall .gall_row .gall_li { float: none; width: auto; min-width: 0; padding: 0; }
#bo_gall .gall_box { margin: 0; }
#bo_gall .gall_text_href a, #bo_v_con { overflow-wrap: anywhere; }
#bo_gall .bo_tit { color: #142b42; }
#bo_gall .bo_cnt, #bo_gall #bo_list_total, #bo_gall .gall_info { color: #526171; }
#bo_gall .gall_img img { display: block; width: 100%; max-width: 100%; height: auto !important; }
#bo_v #bo_v_atc, #bo_v #bo_v_con { color: #243240; }
#bo_v img, #bo_v iframe, #bo_v video { max-width: 100%; }
@media (max-width: 900px) {
    #bo_gall #gall_ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    #container > #container_title { width: calc(100% - 24px); margin-top: 24px; font-size: 24px; }
    #bo_gall, #bo_v, #bo_w { width: calc(100% - 24px) !important; margin: 20px auto 32px; padding: 16px; }
    #bo_gall #gall_ul { gap: 20px 12px; }
    #bo_gall .bo_tit { font-size: 15px; line-height: 1.5; }
}
