:root{--primary:#0a3d62;--accent:#2c5878;--light:#f8f9fa;--btn:#6f94d4;--btn-hover:#5a83c8;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Noto Sans KR',sans-serif;background:var(--light);color:#222;line-height:1.45;}
header{background:#fff;border-bottom:1px solid #dee2e6;}
.topbar{max-width:1180px;margin:0 auto;padding:20px 14px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;cursor:pointer;flex:1 1 auto;min-width:180px;}
.logo{height:60px;width:auto;object-fit:contain;}
.title-box{display:flex;flex-direction:column;gap:2px;}
.title-box .kor{font-size:1.3rem;font-weight:700;}
.title-box .eng{font-size:.8rem;color:#666;}
.user-nav{display:flex;gap:12px;flex-shrink:0;}
.user-nav a{font-size:.9rem;color:#444;text-decoration:none;}
.main-nav{background:var(--primary);display:flex;justify-content:center;flex-wrap:wrap;overflow-x:auto;}
.main-nav > a,
.dropbtn{color:#fff;padding:12px 20px;font-size:.95rem;text-decoration:none;white-space:nowrap;flex:0 0 auto;border:none;background:none;cursor:pointer;}
main{max-width:1180px;margin:0 auto;padding:30px 14px;}
.hero{border:3px solid var(--accent);border-radius:6px;display:inline-block;background:#fff;max-width:100%;}
.hero img{max-width:100%;height:auto;border-radius:4px;display:block;}
/* 갤러리 */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;}
.gallery img{width:100%;height:120px;object-fit:cover;border-radius:6px;border:2px solid #c3ccd6;cursor:pointer;transition:transform .2s;}
.gallery img:hover{transform:scale(1.03);}
/* 라이트박스 */
#overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;justify-content:center;align-items:center;z-index:9999;}
#overlay img{max-width:90vw;max-height:90vh;border:4px solid #fff;border-radius:8px;}
/* 게시판 */
.board-table{width:100%;border-collapse:collapse;background:#fff;font-size:.92rem;}
.board-table thead th{background:linear-gradient(#e8eff5,#cfdde9);font-weight:600;border-bottom:2px solid #000;}
.board-table th,.board-table td{padding:9px 8px;border-bottom:1px solid #9ca7b3;text-align:center;}
.board-table td.title{text-align:left;padding-left:14px;}
.write-btn{display:inline-block;background:var(--btn);color:#fff;padding:8px 22px;border:1px solid #4c6eb0;border-radius:4px;font-weight:600;text-decoration:none;}
footer{margin-top:50px;padding:22px 14px;text-align:center;font-size:.85rem;color:#666;background:#fff;border-top:1px solid #dee2e6;}
/* Dropdown */
.dropdown{position:relative;flex:0 0 auto;}
.dropdown-content{display:none;position:absolute;top:100%;left:0;background:var(--primary);min-width:160px;z-index:1000;}
.dropdown-content a{display:block;padding:10px 16px;color:#fff;text-decoration:none;font-size:.9rem;white-space:nowrap;}
.dropdown-content a:hover{background:var(--btn-hover);}
.dropdown:hover .dropdown-content,
.dropdown:focus-within .dropdown-content{display:block;}
@media(max-width:600px){.logo{height:46px;}.gallery img{height:100px;}}
.dropdown.open .dropdown-content{display:block;}
.main-nav{overflow:visible;}
.dropdown-content{z-index:2000;}