/* SLWEB v2 common design system. Existing Gnuboard markup and URLs are preserved. */
:root { --slw-ink:#171717; --slw-muted:#6b6b6b; --slw-line:#e6e6e6; --slw-point:#5258ff; --slw-soft:#f6f6f8; }
body { color:var(--slw-ink); font-family:"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif; letter-spacing:-.025em; }
#header, #right-side, #open-button { display:none!important; }
#footer, footer:not(.slw-footer):not(.slw-v2-footer), .fixed_quick { display:none!important; }
#wrap { min-height:0!important; padding:0!important; }
.slw-v2-header { position:relative; z-index:30; display:flex; align-items:center; justify-content:space-between; min-height:80px; padding:0 clamp(24px,5.5vw,112px); border-bottom:1px solid var(--slw-line); background:#fff; }
.slw-v2-brand { display:inline-flex; align-items:center; }.slw-v2-brand img { display:block; max-width:156px; max-height:38px; width:auto; height:auto; }.slw-v2-menu { display:flex; align-items:stretch; align-self:stretch; margin-left:auto; }.slw-v2-menu > li { position:relative; display:flex; align-items:center; }.slw-v2-menu > li > a { display:block; padding:0 clamp(14px,1.55vw,31px); font-size:15px; font-weight:500; color:var(--slw-ink); }.slw-v2-menu > li:hover > a { color:var(--slw-point); }.slw-v2-sub { display:none; position:absolute; top:79px; left:0; min-width:190px; padding:12px 0; border:1px solid var(--slw-line); background:#fff; box-shadow:0 14px 28px rgba(0,0,0,.08); }.slw-v2-menu > li:hover .slw-v2-sub { display:block; }.slw-v2-sub a { display:block; padding:10px 17px; color:#555; font-size:14px; white-space:nowrap; }.slw-v2-sub a:hover { background:var(--slw-soft); color:var(--slw-point); }.slw-v2-tools { display:flex; gap:9px; margin-left:22px; }.slw-v2-utility { padding:11px 13px; border:1px solid var(--slw-line); background:#fff; color:var(--slw-ink)!important; font-size:12px; font-weight:600; white-space:nowrap; }.slw-v2-utility.primary { border-color:var(--slw-ink); background:var(--slw-ink); color:#fff!important; }.slw-v2-toggle { display:none; padding:8px; border:0; background:none; font-size:21px; }
.slw-v2-page { width:min(100% - clamp(40px,11vw,224px),1440px); margin:0 auto; padding:86px 0 120px; }.slw-v2-page h1, .slw-v2-page h2 { letter-spacing:-.06em; }.sub_visual, .category-wrap, .sub_navI_warp { max-width:none!important; }.sub_visual { min-height:220px!important; background:#f5f5f7!important; }.sub_visual .title_wrap { width:min(100% - clamp(40px,11vw,224px),1440px)!important; margin:0 auto!important; }.sub_visual h2 { color:var(--slw-ink)!important; font-size:clamp(32px,3.5vw,54px)!important; }.sub_visual p { color:var(--slw-muted)!important; }.category-wrap { width:min(100% - clamp(40px,11vw,224px),1440px)!important; border:0!important; border-bottom:1px solid var(--slw-line)!important; border-radius:0!important; }
#bo_list, #bo_v, #bo_w, #bo_gall, .board_tab, .latest-wrap { width:min(100% - clamp(40px,11vw,224px),1440px)!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; }.board_tab ul { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 28px!important; }.board_tab li { margin:0!important; }.board_tab a { display:block; padding:10px 15px; border:1px solid var(--slw-line); color:#555; font-size:14px; }.board_tab .on a, .board_tab a:hover { border-color:var(--slw-ink); background:var(--slw-ink); color:#fff; }.tbl_head01 thead th, .tbl_head01 tbody td { border-color:var(--slw-line)!important; }.tbl_head01 thead th { background:#fafafa!important; color:#555!important; }.tbl_head01 a:hover { color:var(--slw-point)!important; }.bo_v_title, #bo_v_title { font-size:clamp(25px,2.4vw,38px)!important; line-height:1.35!important; color:var(--slw-ink)!important; }.bo_v_info, .bo_v_info { border-color:var(--slw-line)!important; color:var(--slw-muted)!important; }.btn_01, .btn_02, .btn_b01, .btn_b02, .bo_link { border-radius:0!important; box-shadow:none!important; }.btn_01, .btn_b01 { background:var(--slw-ink)!important; border-color:var(--slw-ink)!important; }.btn_02, .btn_b02 { border-color:var(--slw-line)!important; background:#fff!important; color:var(--slw-ink)!important; }.pg_current { background:var(--slw-ink)!important; border-color:var(--slw-ink)!important; }.pg_page { border-color:var(--slw-line)!important; color:#555!important; }
.slw-v2-footer { margin-top:0; padding:52px clamp(24px,5.5vw,112px); background:#171717; color:#fff; }.slw-v2-footer-inner { display:grid; grid-template-columns:minmax(190px,.75fr) minmax(360px,1.5fr) auto; gap:clamp(32px,5vw,90px); }.slw-v2-footer p { margin:14px 0 0; color:#999; font-size:13px; line-height:1.8; }.slw-v2-footer-label { margin:4px 0 17px!important; color:#aeb1ff!important; font-size:11px!important; font-weight:600; letter-spacing:.1em; }.slw-v2-company-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 28px; margin:0; }.slw-v2-company-fields div { display:flex; gap:8px; min-width:0; }.slw-v2-company-fields dt,.slw-v2-company-fields dd { margin:0; font-size:12px; line-height:1.6; word-break:keep-all; }.slw-v2-company-fields dt { flex:0 0 auto; color:#888; }.slw-v2-company-fields dd { color:#d1d1d1; word-break:break-all; }.slw-v2-footer-links { display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-end; gap:20px; padding-top:8px; }.slw-v2-footer-links a { color:#c9c9c9; font-size:13px; }
.main_wrap > .sub_visual { display:flex!important; align-items:flex-end; min-height:300px!important; margin:0!important; padding:56px clamp(24px,5.5vw,112px)!important; background:linear-gradient(118deg,#171717 0%,#171717 54%,#32364e 54%,#5258ff 100%)!important; }.main_wrap > .sub_visual .title_warp { position:relative!important; z-index:2!important; width:min(100%,1440px)!important; height:auto!important; margin:0 auto!important; }.main_wrap > .sub_visual .table-cell { display:block!important; text-align:left!important; vertical-align:baseline!important; }.main_wrap > .sub_visual h3 { margin:0!important; color:#fff!important; font-size:clamp(38px,5vw,74px)!important; font-weight:800!important; line-height:1.05!important; letter-spacing:-.075em!important; }.main_wrap > .sub_visual .sub_title { max-width:650px; margin:17px 0 0!important; color:rgba(255,255,255,.72)!important; font-size:16px!important; line-height:1.7!important; }.main_wrap > .sub_visual .cover, .main_wrap > .sub_visual .bg { display:none!important; }.main_wrap > .sub_visual #btn-mng-head { right:clamp(24px,5.5vw,112px)!important; bottom:18px!important; border-radius:0!important; background:#fff!important; color:#171717!important; }
.main_wrap > .category-wrap { width:100%!important; max-width:none!important; height:auto!important; margin:0!important; border:0!important; border-bottom:1px solid var(--slw-line)!important; border-radius:0!important; background:#fff!important; }.main_wrap > .category-wrap .sub_navI_warp, .main_wrap > .category-wrap .all-wrap, .main_wrap > .category-wrap .loca-wrap { width:100%!important; max-width:1440px!important; height:64px!important; margin:0 auto!important; }.main_wrap > .category-wrap .loca-wrap { display:flex!important; align-items:stretch!important; justify-content:space-between!important; }.main_wrap > .category-wrap .loca-area { display:flex!important; float:none!important; height:64px!important; }.main_wrap > .category-wrap .loca-area > i { display:flex!important; align-items:center!important; justify-content:center!important; width:60px!important; height:64px!important; margin:0!important; border-right:1px solid var(--slw-line)!important; color:#171717!important; }.main_wrap > .category-wrap .loca-area > i a { display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; }.main_wrap > .category-wrap .loca-area > ul { display:flex!important; float:none!important; margin:0!important; }.main_wrap > .category-wrap .loca-area > ul > li { width:auto!important; min-width:180px!important; height:64px!important; margin:0!important; }.main_wrap > .category-wrap .loca-area > ul > li button { width:100%!important; height:64px!important; padding:0 42px 0 20px!important; border:0!important; border-right:1px solid var(--slw-line)!important; background-color:#fff!important; background-position:right 18px center!important; }.main_wrap > .category-wrap .loca-area > ul > li button span { padding:0!important; color:#171717!important; font-size:14px!important; font-weight:600!important; }.main_wrap > .category-wrap .loca-area > ul > li div ul { z-index:20!important; border:1px solid var(--slw-line)!important; background:#fff!important; }.main_wrap > .category-wrap .loca-area > ul > li div ul li a { height:auto!important; min-height:42px!important; padding:11px 18px!important; border-bottom:1px solid var(--slw-line)!important; background:#fff!important; color:#555!important; line-height:1.4!important; }.main_wrap > .category-wrap .share-area { display:flex!important; align-items:center!important; float:none!important; padding:0 8px 0 0!important; }.main_wrap > .category-wrap .share-btn { width:42px!important; height:42px!important; margin:0!important; padding:0!important; border:1px solid var(--slw-line)!important; background-color:#fff!important; background-position:center!important; }.main_wrap > .content_wrap { width:min(100% - clamp(40px,11vw,224px),1440px)!important; margin:0 auto!important; }
@media(max-width:860px) { .slw-v2-header { min-height:66px; }.slw-v2-menu { display:none; position:absolute; top:65px; left:0; right:0; padding:12px 20px 18px; background:#fff; border-bottom:1px solid var(--slw-line); }.slw-v2-menu.is-open { display:block; }.slw-v2-menu > li { display:block; }.slw-v2-menu > li > a { padding:13px 0; }.slw-v2-sub { display:block; position:static; min-width:0; padding:0 0 8px 12px; border:0; box-shadow:none; }.slw-v2-sub a { padding:8px 0; font-size:13px; }.slw-v2-tools { display:none; }.slw-v2-toggle { display:block; }.slw-v2-page { padding:56px 0 75px; }.slw-v2-footer-inner { display:block; }.slw-v2-company-info,.slw-v2-footer-links { margin-top:30px; }.slw-v2-footer-links { justify-content:flex-start; } }
@media(max-width:560px) { .slw-v2-company-fields { grid-template-columns:1fr; gap:8px; } }
@media(max-width:640px) { .main_wrap > .sub_visual { min-height:230px!important; padding:42px 24px!important; background:linear-gradient(145deg,#171717 0%,#171717 63%,#5258ff 63%,#5258ff 100%)!important; }.main_wrap > .sub_visual h3 { font-size:42px!important; }.main_wrap > .sub_visual .sub_title { margin-top:12px!important; font-size:14px!important; }.main_wrap > .category-wrap .sub_navI_warp, .main_wrap > .category-wrap .all-wrap, .main_wrap > .category-wrap .loca-wrap { height:56px!important; }.main_wrap > .category-wrap .loca-area > i { display:none!important; }.main_wrap > .category-wrap .loca-area { width:100%!important; }.main_wrap > .category-wrap .loca-area > ul { width:100%!important; }.main_wrap > .category-wrap .loca-area > ul > li { min-width:0!important; flex:1 1 50%; height:56px!important; }.main_wrap > .category-wrap .loca-area > ul > li button { height:56px!important; padding:0 28px 0 14px!important; background-position:right 12px center!important; }.main_wrap > .category-wrap .share-area { display:none!important; } }
.main_wrap:has(.sub_visual) { width:100%!important; max-width:none!important; }
.main_wrap .sub_visual { display:flex!important; align-items:flex-end!important; width:100vw!important; max-width:none!important; min-height:300px!important; height:auto!important; margin:0 0 0 calc(50% - 50vw)!important; padding:56px clamp(24px,5.5vw,112px)!important; overflow:visible!important; border:0!important; border-radius:0!important; background:linear-gradient(118deg,#171717 0%,#171717 54%,#32364e 54%,#5258ff 100%)!important; }
.main_wrap .sub_visual .title_warp { position:relative!important; z-index:2!important; display:block!important; width:min(100%,1440px)!important; max-width:1440px!important; height:auto!important; margin:0 auto!important; padding:0!important; background:transparent!important; }
.main_wrap .sub_visual .title_warp .table-cell { display:block!important; width:100%!important; max-width:none!important; height:auto!important; padding:0!important; background:transparent!important; text-align:left!important; vertical-align:baseline!important; }
.main_wrap .sub_visual h3 { position:relative!important; margin:0!important; padding:0!important; color:#fff!important; font-size:clamp(38px,5vw,74px)!important; font-weight:800!important; line-height:1.05!important; letter-spacing:-.075em!important; }
.main_wrap .sub_visual .sub_title { max-width:650px!important; margin:17px 0 0!important; padding:0!important; color:rgba(255,255,255,.72)!important; font-size:16px!important; line-height:1.7!important; }
.main_wrap .category-wrap { width:100vw!important; max-width:none!important; height:auto!important; margin:0 0 0 calc(50% - 50vw)!important; border:0!important; border-bottom:1px solid var(--slw-line)!important; border-radius:0!important; background:#fff!important; }
.main_wrap .category-wrap .sub_navI_warp, .main_wrap .category-wrap .all-wrap, .main_wrap .category-wrap .loca-wrap { width:min(100% - clamp(40px,11vw,224px),1440px)!important; max-width:1440px!important; margin:0 auto!important; }
.main_wrap .content_wrap { width:min(100% - clamp(40px,11vw,224px),1440px)!important; max-width:1440px!important; margin:0 auto!important; }
@media(max-width:640px) { .main_wrap .sub_visual { min-height:230px!important; padding:42px 24px!important; background:linear-gradient(145deg,#171717 0%,#171717 63%,#5258ff 63%,#5258ff 100%)!important; }.main_wrap .sub_visual h3 { font-size:42px!important; }.main_wrap .sub_visual .sub_title { margin-top:12px!important; font-size:14px!important; }.main_wrap .category-wrap .sub_navI_warp, .main_wrap .category-wrap .all-wrap, .main_wrap .category-wrap .loca-wrap { height:56px!important; }.main_wrap .category-wrap .loca-area > i { display:none!important; }.main_wrap .category-wrap .loca-area { width:100%!important; }.main_wrap .category-wrap .loca-area > ul { width:100%!important; }.main_wrap .category-wrap .loca-area > ul > li { min-width:0!important; flex:1 1 50%; height:56px!important; }.main_wrap .category-wrap .loca-area > ul > li button { height:56px!important; padding:0 28px 0 14px!important; background-position:right 12px center!important; }.main_wrap .category-wrap .share-area { display:none!important; } }
.main_wrap { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; }
.main_wrap .sub_visual { margin-top:0!important; }
.main_wrap .category-wrap .sub_navI_warp, .main_wrap .category-wrap .all-wrap, .main_wrap .category-wrap .loca-wrap { width:100%!important; max-width:none!important; padding-left:clamp(24px,5.5vw,112px)!important; padding-right:clamp(24px,5.5vw,112px)!important; }
.main_wrap .content_wrap, .content_wrap { width:100%!important; max-width:none!important; margin:0!important; padding:80px clamp(24px,5.5vw,112px) 120px!important; }
@media(max-width:640px) { .main_wrap .category-wrap .sub_navI_warp, .main_wrap .category-wrap .all-wrap, .main_wrap .category-wrap .loca-wrap { padding-left:0!important; padding-right:0!important; }.main_wrap .content_wrap, .content_wrap { padding:56px 24px 80px!important; } }
.main_wrap .sub_visual .title_warp { width:100%!important; max-width:none!important; margin:0!important; padding-left:0!important; padding-right:0!important; }
.main_wrap .category-wrap .sub_navI_warp, .main_wrap .category-wrap .all-wrap { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; }
.main_wrap .category-wrap .loca-wrap { width:100%!important; max-width:none!important; margin:0!important; padding-left:clamp(24px,5.5vw,112px)!important; padding-right:clamp(24px,5.5vw,112px)!important; }
.main_wrap .content_wrap, .content_wrap { padding-left:clamp(24px,5.5vw,112px)!important; padding-right:clamp(24px,5.5vw,112px)!important; }
.main_wrap .content_wrap #bo_list, .main_wrap .content_wrap #bo_v, .main_wrap .content_wrap #bo_w, .main_wrap .content_wrap #bo_gall, .main_wrap .content_wrap .board_tab { width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; }
@media(max-width:640px) { .main_wrap .category-wrap .loca-wrap, .main_wrap .content_wrap, .content_wrap { padding-left:24px!important; padding-right:24px!important; }.main_wrap .category-wrap .loca-wrap { padding-left:0!important; padding-right:0!important; } }
.main_wrap .sub_visual { isolation:isolate; background:#171717!important; }
.main_wrap .sub_visual .bg { display:block!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; z-index:0!important; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important; filter:grayscale(.15) contrast(.9) brightness(.62); }
.main_wrap .sub_visual::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(16,16,16,.92) 0%,rgba(16,16,16,.74) 47%,rgba(49,53,85,.48) 67%,rgba(82,88,255,.45) 100%); }
.main_wrap .sub_visual .title_warp, .main_wrap .sub_visual #btn-mng-head { z-index:2!important; }

/* Typography is deliberately restrained across the renewed theme. */
body, button, input, select, textarea { font-weight:400; }
body strong, body b { font-weight:500; }
.main_wrap .sub_visual h3,
.main_wrap > .sub_visual h3 { font-size:clamp(40px,4vw,60px)!important; font-weight:400!important; line-height:1.12!important; letter-spacing:-.065em!important; }
.main_wrap .sub_visual .sub_title { font-weight:400!important; }
.slw-v2-menu > li > a,
.slw-v2-utility,
.main_wrap .category-wrap .loca-area > ul > li button span { font-weight:500!important; }
.slw-v2-page h1, .slw-v2-page h2, .slw-v2-page h3,
#bo_v .bo_v_title, #bo_v .subject .tit, #bo_w h1, #bo_w h2, #bo_w h3 { font-weight:500!important; }