/* 성동마을 LG빌리지 1차 재건축추진위원회 — 2차 디자인(2026-11-06, 아파트 단지 홈페이지형) */
:root{--lg-blue:#1d5f95;--lg-blue2:#0f4c81;--lg-accent:#e8a33d;--lg-line:#dcdfe4;--lg-txt:#222;--lg-sub:#777}
body{background:#fff!important;color:var(--lg-txt);word-break:keep-all;font-family:'Pretendard','Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:14px}
#wrapper,#hd,#ft{min-width:0!important}
.lg-in{max-width:1180px;margin:0 auto;padding:0 20px;box-sizing:border-box}
a{color:inherit}
/* 상단 띠 */
#lg-top{background:#2b2b2b;color:#ddd;font-size:12px}
#lg-top .lg-in{display:flex;justify-content:flex-end;gap:14px;height:34px;align-items:center}
#lg-top a{color:#eee;text-decoration:none}
#lg-top a+a:before{content:"";display:inline-block;width:1px;height:10px;background:#777;margin-right:14px;vertical-align:middle}
.lg-hello{color:#9fd0ff}
/* 머리글 */
#lg-hd{background:#fff}
.lg-hd-row{display:flex;align-items:center;justify-content:space-between;height:92px}
.lg-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--lg-blue2)}
.lg-brand span{display:flex;flex-direction:column;line-height:1.2}
.lg-brand b{font-size:23px;font-weight:800;letter-spacing:-.8px}
.lg-brand small{font-size:13px;color:#555;font-weight:600;letter-spacing:-.2px}
.lg-search{display:flex;border:1px solid #bbb;height:40px;width:300px}
.lg-search input{flex:1;border:0;padding:0 12px;font-size:14px;outline:none;min-width:0}
.lg-search button{width:44px;border:0;background:#fff;cursor:pointer;font-size:16px}
.lg-burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;padding:8px}
.lg-burger span{display:block;height:2px;background:#222;margin:5px 0}
/* 메뉴 바 */
#lg-nav{border-top:1px solid var(--lg-line);border-bottom:1px solid var(--lg-line);background:#fff;position:relative;z-index:50}
#lg-nav .lg-in{display:flex;align-items:stretch}
.lg-allmenu{border:0;border-left:1px solid var(--lg-line);border-right:1px solid var(--lg-line);background:#fff;font-weight:700;font-size:15px;padding:0 26px;height:48px;cursor:pointer}
.lg-gnb{display:flex;flex:1;margin:0;padding:0;list-style:none}
.lg-gnb>li{position:relative;flex:1;text-align:center}
.lg-gnb>li>a{display:block;line-height:48px;font-weight:700;font-size:15px;text-decoration:none;color:#222}
.lg-gnb>li>a:hover{color:var(--lg-blue)}
.lg-gnb ul{display:none;position:absolute;left:0;right:0;top:48px;background:#fff;border:1px solid var(--lg-line);border-top:2px solid var(--lg-blue);list-style:none;margin:0;padding:6px 0}
.lg-gnb>li:hover ul{display:block}
.lg-gnb ul a{display:block;padding:8px 10px;text-decoration:none;color:#444;font-size:14px}
.lg-gnb ul a:hover{color:var(--lg-blue);background:#f4f8fc}
/* 전체 메뉴 */
#lg-drawer{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000}
body.lg-open #lg-drawer{display:block}
.lg-drawer-in{position:absolute;right:0;top:0;bottom:0;width:min(340px,86vw);background:#fff;overflow:auto;padding:0 0 20px}
.lg-drawer-hd{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--lg-blue2);color:#fff;font-size:16px}
.lg-drawer-hd button{background:none;border:0;color:#fff;font-size:20px;cursor:pointer}
#lg-drawer dl{margin:0;padding:14px 20px;border-bottom:1px solid #eee}
#lg-drawer dt a{font-weight:800;font-size:16px;text-decoration:none;color:#111}
#lg-drawer dd{margin:8px 0 0 10px}#lg-drawer dd a{text-decoration:none;color:#555}
.lg-drawer-ft{padding:16px 20px;color:var(--lg-blue)}.lg-drawer-ft a{text-decoration:none;font-weight:700}
.lgv1-wait{background:#fff7e6;border-bottom:1px solid #f3d9a4;color:#7a5200;padding:10px 16px;text-align:center;font-size:14px}
/* 본문 */
#container.lg-in{padding-top:24px;padding-bottom:30px;float:none;width:auto}
.lg-ptitle{font-size:24px;font-weight:800;border-bottom:2px solid #222;padding:4px 0 14px;margin:0 0 20px;background:none;height:auto;line-height:1.3;color:#111}
.lg-row{display:flex;gap:16px;margin-bottom:24px}
.lg-box{border:1px solid var(--lg-line);background:#fff;box-sizing:border-box}
.lg-hero{flex:2.15;min-height:380px;background-size:cover;background-position:center;position:relative}
.lg-hero-cap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:18px 26px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font-size:20px;font-weight:600;letter-spacing:-.6px;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.lg-login{flex:1;padding:22px 18px}
.lg-login-t{font-size:15px;margin:0 0 14px}.lg-login-t b{color:var(--lg-blue)}
.lg-login-s{color:#555;line-height:1.6}
.lg-login input[type=text],.lg-login input[type=password]{display:block;width:100%;box-sizing:border-box;height:38px;border:1px solid #ccc;background:#f3f3f3;margin-bottom:8px;padding:0 10px;font-size:14px}
.lg-auto{display:block;font-size:13px;margin:4px 0 10px;color:#444}
.lg-btn{display:inline-block;background:var(--lg-blue);color:#fff!important;border:0;padding:10px 18px;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;text-align:center}
.lg-btn-line{background:#fff;color:var(--lg-blue)!important;border:1px solid var(--lg-blue);margin-left:6px}
.lg-btn-block{display:block;width:100%;height:42px;font-size:15px}
.lg-login-btns{margin-top:18px}
.lg-login-help{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #eee;font-size:12px;color:#666}
.lg-login-help li{display:flex;justify-content:space-between;margin-bottom:8px}
.lg-login-help a{border:1px solid #ccc;padding:1px 6px;text-decoration:none;color:#555;font-size:11px}
.lg-board{flex:1;padding:0 20px 14px}
.lg-board h3{font-size:17px;font-weight:800;margin:0 -20px 10px;padding:16px 20px;border-bottom:1px solid var(--lg-line);position:relative}
.lg-board h3 small{font-size:12px;font-weight:400;color:#666;margin-left:6px}
.lg-plus{position:absolute;right:18px;top:15px;width:20px;height:20px;border:1px solid #bbb;line-height:18px;text-align:center;text-decoration:none;color:#777;font-weight:400}
.lgl-list{list-style:none;margin:0;padding:0}
.lgl-list li{display:flex;justify-content:space-between;gap:10px;padding:7px 0 7px 10px;position:relative;font-size:14px}
.lgl-list li:before{content:"";position:absolute;left:0;top:15px;width:3px;height:3px;background:#555}
.lgl-list a{text-decoration:none;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lgl-list a:hover{color:var(--lg-blue)}
.lgl-date{flex:none;color:#888;font-size:12px}
.lgl-new{color:#e03b3b;font-style:normal;font-size:11px;font-weight:700}
.lgl-cmt{color:var(--lg-blue);font-size:12px}
.lgl-empty{color:#999;justify-content:center!important}.lgl-empty:before{display:none}
.lg-lock{text-align:center;padding:28px 10px;color:#555}.lg-lock b{font-size:16px;color:var(--lg-blue2)}.lg-lock p{margin:8px 0 16px}
.lg-service{margin-bottom:24px}
.lg-service h3{font-size:17px;font-weight:800;padding:0 0 12px 14px;border-bottom:2px solid #333;margin:0}
.lg-service-row{display:flex;align-items:center;border-bottom:1px solid var(--lg-line);padding:24px 0}
.lg-icons{display:flex;flex:1.3}
.lg-icons a{flex:1;text-align:center;text-decoration:none;color:#444;font-size:14px;border-right:1px solid #e3e3e3}
.lg-icons svg{display:block;width:42px;height:42px;margin:0 auto 10px}
.lg-icons a:hover{color:var(--lg-blue)}
.lg-contact{flex:1;padding-left:34px;display:flex;flex-wrap:wrap;gap:6px 40px}
.lg-contact div span{display:block;color:#555;font-size:14px;margin-bottom:6px}
.lg-contact div b{font-size:20px;color:var(--lg-blue);font-weight:600}.lg-contact .lg-gray{color:#333}
.lg-contact p{width:100%;margin:8px 0 0;color:#666;font-size:13px}
.lg-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#20262f 0%,#2c3e55 60%,var(--lg-blue) 100%);color:#fff;text-decoration:none;padding:28px 30px;margin-bottom:10px}
.lg-banner span{font-size:22px;letter-spacing:-.8px}.lg-banner b{color:#ffcf7a}
.lg-banner em{font-style:normal;border:1px solid #fff;padding:8px 16px;font-weight:700;white-space:nowrap}
/* 바닥글 */
#lg-ft{margin-top:30px}
.lg-ft-links{border-top:1px solid var(--lg-line);border-bottom:1px solid var(--lg-line);background:#f7f7f7}
.lg-ft-links .lg-in{display:flex;gap:18px;height:40px;align-items:center;font-size:12px}
.lg-ft-links a{text-decoration:none;color:#444}
.lg-ft-info{padding:20px 20px 40px;color:#666;font-size:12px;line-height:1.8}
.lg-ft-info b{color:#333;font-size:14px}.lg-ft-info p{margin:4px 0 0}.lg-copy{color:#999}
/* 내용 페이지(1차 유지) */
.lgv1-page{background:#fff;border:1px solid var(--lg-line);padding:28px;font-size:16px;line-height:1.8}
.lgv1-page h2{font-size:22px;font-weight:800;color:var(--lg-blue2);margin:0 0 16px}
.lgv1-sign{text-align:right;font-weight:700;margin-top:24px}
.lgv1-draft{color:#b06a00;font-size:13px;margin-top:20px}
.lgv1-table{width:100%;border-collapse:collapse}
.lgv1-table th,.lgv1-table td{border-bottom:1px solid var(--lg-line);padding:12px 10px;text-align:left;vertical-align:top}
.lgv1-table th{width:140px;color:#4a5869;background:#f8fafc}
.lgv1-terms{white-space:pre-wrap;font-family:inherit;font-size:15px;line-height:1.8;margin:0}
.lgv1-btn{display:inline-block;padding:10px 18px;background:var(--lg-blue);color:#fff!important;text-decoration:none;font-weight:700;margin:4px 6px 4px 0}
/* 모바일 */
@media (max-width:900px){
 .lg-search,#lg-nav{display:none}
 .lg-burger{display:block}
 .lg-hd-row{height:66px}
 .lg-brand svg{width:36px;height:36px}.lg-brand b{font-size:18px}.lg-brand small{font-size:12px}
 #container.lg-in{padding:14px 14px 20px}
 .lg-row{flex-direction:column;gap:14px;margin-bottom:16px}
 .lg-hero{min-height:220px;flex:none}
 .lg-hero-cap{font-size:15px;padding:14px 16px}
 .lg-login{padding:18px 16px}
 .lg-service-row{flex-direction:column;align-items:stretch;padding:18px 0}
 .lg-icons a{font-size:13px}.lg-icons svg{width:34px;height:34px}
 .lg-contact{padding:18px 6px 0;gap:6px 24px}.lg-contact div b{font-size:17px}
 .lg-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.lg-banner span{font-size:17px}
 .lgv1-page{padding:18px;font-size:15px}.lgv1-table th{width:96px}
 .lg-ptitle{font-size:20px}
 #lg-top .lg-in{padding:0 14px}
}
#wrapper.lg-wrapper{width:auto!important;margin:0!important;float:none!important}
#container.lg-in{margin:0 auto!important;float:none!important;width:100%!important;max-width:1180px!important}