/* UNIONLED.ASIA DESIGN UPGRADE v3 */

.c_v_home_dft {
    width: 936px !important;
    margin: 0 auto;
    position: relative;
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.08);
}

/* Header */
#menuBg { display: none !important; }

/* Navigation Menu */
#v-wdg-nav, .menu.dragable {
    left: 0 !important;
    width: 936px !important;
    top: 55px !important;
    height: 44px !important;
    z-index: 300 !important;
}
.menu, .mainmenu {
    background: #1a1a2e !important;
    height: 44px !important;
}
.mainmenu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
}
.menu ul.mainmenu li {
    top: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
}
.menu ul.mainmenu li a {
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 14px !important;
    color: #e0e0e0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px;
    transition: all 0.2s ease;
    font-family: "Noto Sans KR", "Malgun Gothic", sans-serif !important;
}
.menu ul.mainmenu li a:hover,
.menu ul.mainmenu > li:hover > a {
    color: #fff !important;
    background: rgba(255,255,255,0.12) !important;
}
.menu ul.submenu {
    left: 0 !important;
    top: 44px !important;
    z-index: 999 !important;
    min-width: 180px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    border-radius: 0 0 6px 6px;
    overflow: hidden;
}
.menu ul.submenu li {
    background: #fff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    width: auto !important;
    min-width: 180px;
    padding: 0 !important;
}
.menu ul.submenu li:last-child { border-bottom: none !important; }
.menu ul.submenu li a {
    color: #333 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 0 16px !important;
    height: 38px !important;
    line-height: 38px !important;
    background: #fff !important;
}
.menu ul.submenu li a:hover {
    background: #f5f7fa !important;
    color: #1a1a2e !important;
    padding-left: 22px !important;
}

/* Index Banner: full width, fixed height to prevent overlap */
#v_home_dft_new_component_1499 {
    left: 0 !important;
    width: 936px !important;
    height: 297px !important;
    overflow: hidden !important;
}
#v_home_dft_new_component_1499 img {
    width: 936px !important;
    height: auto !important;
    object-fit: cover;
}

/* Sub-page Banner */
#subbg {
    left: 0 !important;
    width: 936px !important;
}
#subbg img {
    width: 936px !important;
    height: auto !important;
}

/* Section title text: always above green bars (z-index:9) */
#v_home_dft_copy_13155331944034727,
#v_home_dft_copy_13155334116515134,
#v_home_dft_copy_13155351928621082,
#v_home_dft_copy_13155355414848744,
#v_home_dft_copy_13155373460465776,
#v_home_dft_copy_13155368321959059,
#v_home_dft_copy_1315537485983106,
#index_new_t2,
#v_home_dft_copy_13153943402701223 {
    z-index: 20 !important;
}

/* Sidebar */
.sidemenucont {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.sidemenucont li.title {
    background: #1a1a2e !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 16px 20px !important;
    font-family: "Noto Sans KR", sans-serif;
}
.sidemenucont li {
    background: none !important;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 !important;
}
.sidemenucont li.botimg { display: none; }
.sidemenucont li a {
    display: block !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.5 !important;
    padding: 11px 20px !important;
    color: #444 !important;
    font-size: 13px !important;
    background: none !important;
    transition: all 0.2s ease;
}
.sidemenucont li a:hover {
    background: #f8f9fa !important;
    color: #1a1a2e !important;
    padding-left: 26px !important;
    font-weight: 600 !important;
}

/* Content Title */
#cntheader h1 {
    color: #1a1a2e !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    font-family: "Noto Sans KR", sans-serif !important;
    border-bottom: 3px solid #1a1a2e;
    padding-bottom: 8px;
    display: inline-block;
}
#cntheaderimg { display: none !important; }

/* Footer */
#wowasp_footer_content {
    left: 0 !important;
    width: 936px !important;
    background: #1a1a2e !important;
    padding: 24px 30px !important;
    box-sizing: border-box !important;
}
#wowasp_footer_content hr { display: none; }
#wowasp_footer_content table { width: 100%; }
#wowasp_footer_content td { vertical-align: middle; padding: 8px; }
#wowasp_footer_content img {
    filter: none;
    opacity: 0.8;
    max-width: 200px !important;
    height: auto !important;
}
#wowasp_footer_content span,
#wowasp_footer_content dd,
#wowasp_footer_content font,
#wowasp_footer_content a {
    color: #adb5bd !important;
    background-color: transparent !important;
    font-size: 12px !important;
    line-height: 1.8;
}
#wowasp_footer_content a:hover { color: #fff !important; }
#wowasp_footer_content strong { color: #e0e0e0 !important; }

/* Gallery thumbnails */
.boardPlugin img {
    border-radius: 4px;
    transition: transform 0.2s ease;
}
.boardPlugin img:hover {
    transform: scale(1.03);
}

/* Typography */
body {
    font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif !important;
    background: #f0f2f5 !important;
    -webkit-font-smoothing: antialiased;
}
a { transition: color 0.2s ease; }
html { scroll-behavior: smooth; }

/* Board Detail */
.board-detail { padding: 15px 20px; }
.board-header { border-bottom: 2px solid #1a1a2e; padding-bottom: 12px; margin-bottom: 16px; }
.board-title { font-size: 18px; font-weight: 700; color: #1a1a2e; }
.board-meta { font-size: 12px; color: #999; margin-top: 4px; }
.board-content { line-height: 1.8; color: #333; min-height: 100px; padding: 10px 0; }
.board-photos img { max-width: 100%; height: auto; border: 1px solid #ddd; border-radius: 4px; }
.board-nav { border-top: 1px solid #eee; padding-top: 15px; margin-top: 20px; text-align: center; }
.board-nav a {
    display: inline-block; padding: 8px 24px; background: #1a1a2e;
    color: #fff !important; text-decoration: none; border-radius: 4px; font-size: 13px;
}
.board-nav a:hover { background: #2d2d4e; }

/* ===== SECTION BARS: unified dark navy design ===== */

/* Long green bars → dark navy with subtle gradient */
#v_home_dft_new_component_8273,
#v_home_dft_copy_13155333882623238,
#v_home_dft_copy_13155351485628466,
#v_home_dft_copy_13155354586358381,
#v_home_dft_copy_13155371089437825 {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border-radius: 4px !important;
    height: 38px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(26,26,46,0.3);
}
#v_home_dft_new_component_8273 img,
#v_home_dft_copy_13155333882623238 img,
#v_home_dft_copy_13155351485628466 img,
#v_home_dft_copy_13155354586358381 img,
#v_home_dft_copy_13155371089437825 img {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Short section bars (index_nt_bg1, index_nt_bg2) → dark navy */
#index_nt_bg1,
#index_nt_bg2 {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border-radius: 4px !important;
    height: 38px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(26,26,46,0.3);
}
#index_nt_bg1 img,
#index_nt_bg2 img {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Blue short bars → dark navy */
#v_home_dft_new_component_62,
#v_home_dft_copy_13155374616157218 {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border-radius: 4px !important;
    height: 38px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(26,26,46,0.3);
}
#v_home_dft_new_component_62 img,
#v_home_dft_copy_13155374616157218 img {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Section title text on bars: right arrow indicator */
#v_home_dft_copy_13155373460465776,
#v_home_dft_copy_13155331944034727,
#v_home_dft_copy_13155334116515134,
#v_home_dft_copy_13155351928621082,
#v_home_dft_copy_13155355414848744 {
    z-index: 20 !important;
}
#v_home_dft_copy_13155373460465776 a,
#v_home_dft_copy_13155331944034727 a,
#v_home_dft_copy_13155334116515134 a,
#v_home_dft_copy_13155351928621082 a,
#v_home_dft_copy_13155355414848744 a {
    color: #fff !important;
    text-decoration: none !important;
    font-family: "Noto Sans KR", sans-serif !important;
}
#v_home_dft_copy_13155373460465776 span,
#v_home_dft_copy_13155331944034727 span,
#v_home_dft_copy_13155334116515134 span,
#v_home_dft_copy_13155351928621082 span,
#v_home_dft_copy_13155355414848744 span {
    color: #fff !important;
}

/* Top section bars (고객님명단, QNA) title text */
#index_new_t2 a span,
#v_home_dft_copy_13153943402701223 a span {
    color: #fff !important;
    font-family: "Noto Sans KR", sans-serif !important;
}
#index_new_t2 a span span {
    color: #fff !important;
}

/* 작업용VMS 전광판 label */
#v_home_dft_copy_13155368321959059 span {
    background-color: #1a1a2e !important;
    color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    font-family: "Noto Sans KR", sans-serif !important;
}
#v_home_dft_copy_13155368321959059 span span {
    color: #fff !important;
    background-color: transparent !important;
}

/* 풀칼라 전광판 label */
#v_home_dft_copy_1315537485983106 span {
    color: #fff !important;
    font-family: "Noto Sans KR", sans-serif !important;
}
#v_home_dft_copy_1315537485983106 span span {
    color: #fff !important;
}

/* Right arrow on long section bars */
#v_home_dft_new_component_8273 a::after,
#v_home_dft_copy_13155333882623238 a::after,
#v_home_dft_copy_13155351485628466 a::after,
#v_home_dft_copy_13155354586358381 a::after,
#v_home_dft_copy_13155371089437825 a::after {
    content: "▶" !important;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,0.5);
    font-size: 10px;
}
#v_home_dft_new_component_8273 a,
#v_home_dft_copy_13155333882623238 a,
#v_home_dft_copy_13155351485628466 a,
#v_home_dft_copy_13155354586358381 a,
#v_home_dft_copy_13155371089437825 a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

/* Right arrow on short section bars */
#index_nt_bg1 a::after,
#index_nt_bg2 a::after {
    content: "▶" !important;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,0.5);
    font-size: 10px;
}
#index_nt_bg1 a,
#index_nt_bg2 a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

/* ===== LAYOUT: align content to banner width (936px) ===== */

/* Sidebar column: left:0, width:220px */
#v_home_dft_new_component_518 {
    left: 0 !important;
    width: 220px !important;
}
#v_home_dft_new_component_62 {
    left: 0 !important;
    width: 220px !important;
}
#v_home_dft_copy_13155368321959059 {
    left: 0 !important;
    width: 220px !important;
    text-align: center !important;
}
#v_home_dft_new_component_9758 {
    left: 10px !important;
    width: 200px !important;
}
#v_home_dft_copy_13155374616157218 {
    left: 0 !important;
    width: 220px !important;
}
#v_home_dft_copy_1315537485983106 {
    left: 0 !important;
    width: 220px !important;
    text-align: center !important;
}
#v_home_dft_new_component_4325 {
    left: 10px !important;
    width: 200px !important;
}
#v_home_dft_new_component_1345 {
    left: 0 !important;
    width: 220px !important;
}
#v_home_dft_new_component_1783 {
    left: 60px !important;
}

/* Short section bars: 2 columns, fill from 230px to 936px */
#index_nt_bg2 {
    left: 230px !important;
    width: 345px !important;
}
#index_nt_bg1 {
    left: 581px !important;
    width: 355px !important;
}
#index_new_t2 {
    left: 247px !important;
    width: 310px !important;
}
#v_home_dft_copy_13153943402701223 {
    left: 598px !important;
    width: 300px !important;
}

/* Board list: 고객님명단 */
#v_home_dft_new_component_5856 {
    left: 247px !important;
    width: 328px !important;
}
/* Board list: QNA */
#v_home_dft_new_component_7615 {
    left: 598px !important;
    width: 338px !important;
}

/* Long section bars: full content width */
#v_home_dft_new_component_8273,
#v_home_dft_copy_13155333882623238,
#v_home_dft_copy_13155351485628466,
#v_home_dft_copy_13155354586358381,
#v_home_dft_copy_13155371089437825 {
    left: 230px !important;
    width: 706px !important;
}

/* Section title text: align to content left */
#v_home_dft_copy_13155373460465776,
#v_home_dft_copy_13155331944034727,
#v_home_dft_copy_13155334116515134,
#v_home_dft_copy_13155351928621082,
#v_home_dft_copy_13155355414848744 {
    left: 247px !important;
    width: 280px !important;
}

/* Gallery thumbnails: fill from 230px to 936px */
#v_home_dft_new_component_8145 {
    left: 230px !important;
    width: 706px !important;
}
#v_home_dft_new_component_9307 {
    left: 230px !important;
    width: 706px !important;
}
#v_home_dft_new_component_4347 {
    left: 230px !important;
    width: 706px !important;
}
#v_home_dft_new_component_4682 {
    left: 230px !important;
    width: 706px !important;
}
#v_home_dft_new_component_6712 {
    left: 230px !important;
    width: 706px !important;
}

/* Bottom section */
#v_home_dft_new_component_5932 {
    left: 0 !important;
    width: 936px !important;
}
/* sub_tt_1 positioning moved to style-index.html.css */

/* ===== GALLERY THUMBNAILS: fill 706px width (4 items) ===== */
#v_home_dft_new_component_8145 > div,
#v_home_dft_new_component_9307 > div,
#v_home_dft_new_component_4347 > div,
#v_home_dft_new_component_4682 > div,
#v_home_dft_new_component_6712 > div {
    width: 168px !important;
    margin: 0 4px !important;
}
#v_home_dft_new_component_8145 > div img,
#v_home_dft_new_component_9307 > div img,
#v_home_dft_new_component_4347 > div img,
#v_home_dft_new_component_4682 > div img,
#v_home_dft_new_component_6712 > div img {
    width: 164px !important;
    height: 117px !important;
    object-fit: cover !important;
}
#v_home_dft_new_component_8145 > div > div,
#v_home_dft_new_component_9307 > div > div,
#v_home_dft_new_component_4347 > div > div,
#v_home_dft_new_component_4682 > div > div,
#v_home_dft_new_component_6712 > div > div {
    width: 164px !important;
}

/* ===== LAYOUT SHIFT: push sections down to prevent overlap ===== */

/* Section 2: Outdoor (+25px) */
#v_home_dft_copy_13155333882623238 { top: 751px !important; }
#v_home_dft_copy_13155331944034727 { top: 762px !important; }
#v_home_dft_new_component_62 { top: 753px !important; }
#v_home_dft_copy_13155368321959059 { top: 762px !important; }
#v_home_dft_new_component_9307 { top: 804px !important; }
#v_home_dft_new_component_9758 { top: 804px !important; }

/* Section 3: On-Demand (+50px) */
#v_home_dft_copy_13155351485628466 { top: 965px !important; }
#v_home_dft_copy_13155334116515134 { top: 976px !important; }
#v_home_dft_new_component_4347 { top: 1011px !important; }

/* Sidebar: 풀칼라 large thumb area (+50px) */
#v_home_dft_copy_13155374616157218 { top: 1081px !important; }
#v_home_dft_copy_1315537485983106 { top: 1091px !important; }

/* Section 4: Gas Station (+75px) */
#v_home_dft_copy_13155354586358381 { top: 1180px !important; }
#v_home_dft_copy_13155351928621082 { top: 1192px !important; }
#v_home_dft_new_component_4682 { top: 1224px !important; }
#v_home_dft_new_component_4325 { top: 1164px !important; }

/* Section 5: Full Color (+100px) */
#v_home_dft_copy_13155371089437825 { top: 1394px !important; }
#v_home_dft_copy_13155355414848744 { top: 1404px !important; }
#v_home_dft_new_component_6712 { top: 1439px !important; }
#v_home_dft_new_component_1345 { top: 1415px !important; }

/* Bottom section (+125px) */
#v_home_dft_new_component_5932 { top: 1614px !important; }
/* moved to style-index.html.css */

/* Footer: push down (+125px) */
/* index footer top moved to index-specific selector */

/* ===== Sidebar large thumbnails: match bar width (220px) ===== */
#v_home_dft_new_component_9758,
#v_home_dft_new_component_4325 {
    left: 0 !important;
    width: 220px !important;
}
#v_home_dft_new_component_9758 > div,
#v_home_dft_new_component_4325 > div {
    width: 220px !important;
    margin: 0 !important;
}
#v_home_dft_new_component_9758 > div img,
#v_home_dft_new_component_4325 > div img {
    width: 220px !important;
    height: 220px !important;
    object-fit: cover !important;
}
#v_home_dft_new_component_9758 > div > div,
#v_home_dft_new_component_4325 > div > div {
    width: 220px !important;
}

/* ===== TRUST BANNER: full width redesign ===== */
#v_home_dft_new_component_5932 {
    left: 0 !important;
    width: 936px !important;
    height: auto !important;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%) !important;
    border-radius: 6px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: block !important;
}
#v_home_dft_new_component_5932 img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
}
#v_home_dft_new_component_5932::after {
    display: none !important;
}

/* sub_tt_1: index-only - hidden via style-index.html.css instead */
/* Removed global sub_tt_1 hiding to avoid breaking other pages */
#v_home_dft_new_component_1499 ~ #sub_tt_1_disabled_placeholder {
    display: none;
}
/* sub_tt_1 table/h1 hiding moved to style-index.html.css */

/* ===== FULL-WIDTH BACKGROUNDS: menu, banner, footer ===== */

body {
    overflow-x: hidden !important;
}

/* Container must not clip pseudo-elements */
.c_v_home_dft {
    overflow: visible !important;
}

/* Menu: full-width background */
#v-wdg-nav::before,
.menu.dragable::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #1a1a2e;
    z-index: -1;
}

/* Banner: full-width dark background */
#v_home_dft_new_component_1499::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #111;
    z-index: -1;
}

/* Footer: full-width background */
#wowasp_footer_content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #1a1a2e;
    z-index: -1;
}