/* jangsin responsive theme: isolate from gnuboard legacy defaults */
:root{--js-navy:#152c45;--js-gold:#af8c51;--js-line:#e5e6e8}body{margin:0}.js-site,.js-site *{box-sizing:border-box}.js-site{font-family:'Noto Sans KR',Arial,sans-serif;color:#273444;font-size:16px;line-height:1.65;background:#fff}.js-site a{text-decoration:none;color:inherit}.js-site button{cursor:pointer;font:inherit}.js-wrap{max-width:1240px;margin:auto;padding:0 24px}.js-skip{position:absolute;top:-100px}.js-skip:focus{top:0;background:white;z-index:9999}.js-top{background:var(--js-navy);color:#fff;font-size:12px}.js-top .js-wrap{display:flex;justify-content:space-between;padding-top:7px;padding-bottom:7px}.js-top a{margin-left:18px}.js-header{background:white;border-bottom:1px solid var(--js-line);position:relative;z-index:100}.js-header-row{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:25px}.js-logo img{display:block;max-width:285px;width:100%;height:auto}.js-desktop-nav>ul{display:flex;gap:27px;align-items:center;margin:0;padding:0;list-style:none}.js-menu-item{position:relative;list-style:none}.js-desktop-nav>.js-menu-item{display:block}.js-desktop-nav .js-menu-item>a{display:block;padding:18px 4px;font-weight:650;color:#1a2c3d;white-space:nowrap}.js-menu-item.active>a,.js-menu-item>a:hover{color:var(--js-gold)}.js-submenu{display:none;position:absolute;top:100%;left:0;min-width:195px;background:white;padding:9px 0;margin:0;box-shadow:0 10px 30px #0002;border-top:2px solid var(--js-gold);z-index:150}.js-submenu .js-submenu{top:0;left:100%}.js-submenu .js-menu-item>a{padding:9px 16px;font-size:14px}.js-desktop-nav .js-menu-item:hover>.js-submenu,.js-desktop-nav .js-menu-item:focus-within>.js-submenu{display:block}.js-sub-toggle{display:none}.js-mobile-open{display:none;border:0;background:none;font-size:29px}.js-mobile-nav{position:fixed;right:0;top:0;bottom:0;width:min(370px,88vw);background:white;z-index:1002;transform:translateX(102%);transition:transform .25s;overflow:auto}.js-mobile-nav.open{transform:translateX(0)}.js-mobile-backdrop{position:fixed;inset:0;background:#0009;z-index:1001}.js-mobile-head{display:flex;justify-content:space-between;align-items:center;background:var(--js-navy);color:white;padding:19px 24px}.js-mobile-close{background:none;border:0;color:white;font-size:30px}.js-mobile-nav ul{padding:0;margin:0;list-style:none}.js-mobile-nav .js-menu-item{border-bottom:1px solid #eee}.js-mobile-nav .js-menu-item>a{display:block;padding:14px 24px;font-weight:600}.js-mobile-nav .js-sub-toggle{display:block;position:absolute;right:8px;top:8px;border:0;background:#f4f5f6;padding:5px 13px}.js-mobile-nav .js-submenu{position:static;box-shadow:none;border:0;background:#f5f6f8;padding:0;display:none}.js-mobile-nav .js-menu-item.expanded>.js-submenu{display:block}.js-mobile-nav .js-submenu a{padding-left:38px;font-weight:400}.js-mobile-nav .js-submenu .js-submenu a{padding-left:50px}.js-hero{position:relative;height:clamp(300px,40vw,560px);background:var(--js-navy);overflow:hidden}.js-slides,.js-slide{position:absolute;inset:0}.js-slide{opacity:0;transition:opacity .7s}.js-slide.on{opacity:1}.js-slide img{height:100%;width:100%;object-fit:cover;object-position:center}.js-slide-prev,.js-slide-next{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#122a45a8;color:white;width:46px;height:56px;font-size:35px}.js-slide-prev{left:18px}.js-slide-next{right:18px}.js-slide-dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:7px}.js-slide-dots button{width:8px;height:8px;border-radius:50%;background:#fff8;border:0;padding:0}.js-slide-dots button.on{background:white;width:25px;border-radius:8px}.js-quick{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-1px;padding-top:0;padding-bottom:0}.js-quick a{background:#17334e;color:#fff;padding:27px 25px;display:flex;flex-direction:column;border-right:1px solid #ffffff24}.js-quick a:nth-child(even){background:#203e59}.js-quick small{color:#c9aa70}.js-quick b{font-size:20px;margin:5px 0}.js-quick span{font-size:13px;color:#d7e0e8}.js-section{padding:88px 0}.js-section-head small,.js-feature-text small{color:var(--js-gold);font-size:13px;letter-spacing:.13em;font-weight:700}.js-section-head h2{font-size:34px;color:var(--js-navy);margin:10px 0 28px}.js-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.js-news-title{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--js-navy)}.js-news-title h3{font-size:20px;margin:0 0 13px}.js-news-title>a{font-size:13px}.js-news-list>a{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--js-line);font-size:14px}.js-news-list span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.js-news-list time{white-space:nowrap;color:#8b939d}.js-feature{display:grid;grid-template-columns:1fr 1fr;min-height:385px;background:var(--js-navy);color:white}.js-feature-photo{background:url('../images/heritage.jpg') center/cover}.js-feature-text{align-self:center;max-width:590px;padding:60px 55px}.js-feature-text h2{font-size:32px;line-height:1.45}.js-feature-text p{color:#d8e1e8}.js-program-section{background:#f7f8fa}.js-program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.js-program-grid>div{background:white;border-top:3px solid var(--js-gold);padding:35px 26px;min-height:170px}.js-program-grid b{font-size:21px;color:var(--js-navy)}.js-program-grid p{font-size:14px}.js-subhero{background:linear-gradient(110deg,#17334f,#2e4c63);color:white;padding:64px 0}.js-subhero span{font-size:12px;color:#d5c39e;letter-spacing:.1em}.js-subhero h1{font-size:38px;margin:7px 0}.js-subhero p{font-size:12px}.js-inner{max-width:1240px;margin:0 auto;padding:55px 24px 100px;min-height:380px}.js-inner img{max-width:100%;height:auto}.js-footer{background:#14283d;color:#d4dce5;padding:55px 0 20px}.js-footer-grid{display:flex;justify-content:space-between;gap:30px}.js-footer img{width:230px;max-width:100%;background:#fff;padding:7px}.js-footer p{font-size:13px;line-height:1.9}.js-footer-grid>div:last-child a{margin-left:16px;font-size:13px}.js-copyright{border-top:1px solid #ffffff22;padding-top:18px;margin-top:30px;font-size:12px;color:#b7c3d0}
@media(max-width:1100px){.js-desktop-nav>ul{gap:12px}.js-desktop-nav .js-menu-item>a{font-size:14px}.js-logo img{max-width:220px}}@media(max-width:900px){.js-desktop-nav{display:none}.js-mobile-open{display:block}.js-header-row{min-height:75px}.js-quick{grid-template-columns:repeat(2,1fr)}.js-news-grid{gap:25px}.js-section{padding:65px 0}}@media(max-width:600px){.js-wrap{padding-left:18px;padding-right:18px}.js-top{font-size:11px}.js-logo img{max-width:220px}.js-hero{height:280px}.js-slide-prev,.js-slide-next{width:30px;height:42px;font-size:25px}.js-quick a{padding:18px 14px}.js-quick b{font-size:16px}.js-quick span{font-size:12px}.js-section-head h2{font-size:26px}.js-news-grid,.js-feature,.js-program-grid{grid-template-columns:1fr}.js-feature-photo{height:220px}.js-feature-text{padding:35px 22px}.js-feature-text h2{font-size:25px}.js-section{padding:48px 0}.js-subhero{padding:38px 0}.js-subhero h1{font-size:27px}.js-inner{padding:30px 18px 65px}.js-footer-grid{flex-direction:column}.js-footer-grid>div:last-child a{margin:0 15px 0 0}}

/* Gnuboard default.css legacy fixed-width/float container reset. */
html,body{width:100%;max-width:100%;overflow-x:clip}
.js-site{width:100%;max-width:100%;min-width:0;display:flow-root}
.js-site > main#container{display:block;position:relative;float:none;clear:both;width:100%;max-width:none;min-width:0;margin:0;padding:0;height:auto;min-height:0;zoom:normal}
.js-site > main#container.js-inner{max-width:1240px;margin:0 auto;padding:55px 24px 100px;min-height:380px}
.js-site > main#container.js-home{overflow:visible}
.js-site > .js-footer{clear:both;float:none;width:100%;position:relative}
.js-site .js-wrap{width:100%;box-sizing:border-box}
@media(max-width:600px){.js-site > main#container.js-inner{padding:30px 18px 65px}}

/* 메인 슬라이드: 원본 1200×356 비율을 보존하고 텍스트가 잘리지 않게 표시 */
.js-site .js-hero{height:auto;aspect-ratio:1200/356;max-width:1200px;margin:0 auto;overflow:hidden;background:#142c44}
.js-site .js-slide img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.js-site .js-slide{visibility:hidden;pointer-events:none}
.js-site .js-slide.on{visibility:visible;pointer-events:auto}
.js-site .js-slide-dots{z-index:3}
.js-site .js-slide-prev,.js-site .js-slide-next{z-index:3}
@media(max-width:600px){.js-site .js-hero{height:auto;aspect-ratio:1200/356;min-height:0}.js-site .js-slide-prev,.js-site .js-slide-next{width:28px;height:36px;font-size:22px}.js-site .js-slide-dots{bottom:5px}.js-site .js-slide-dots button{width:6px;height:6px}.js-site .js-slide-dots button.on{width:16px}}

/* Main-page parity with approved renewal mockup — isolated overrides */
.js-site .js-top{background:#173b33}.js-site .js-header-row{min-height:86px}
.js-site .js-hero{height:auto!important;max-height:none!important;background:#102e27;overflow:visible;position:relative;padding:0 0 0}
.js-site .js-hero-stage{max-width:1200px;margin:0 auto;position:relative;aspect-ratio:1200/356}
.js-site .js-slides,.js-site .js-slide{position:absolute;inset:0}
.js-site .js-slide{pointer-events:none}.js-site .js-slide.on{pointer-events:auto}
.js-site .js-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.js-site .js-hero-controls{min-height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;color:white}
.js-site .js-hero-actions{display:flex;align-items:center;gap:10px}
.js-site .js-slide-prev,.js-site .js-slide-next{position:static;transform:none;width:35px;height:35px;border:1px solid #ffffff55;background:transparent;color:white;font-size:23px;line-height:1}
.js-site .js-slide-count{font-size:12px;white-space:nowrap}.js-site .js-slide-count b{color:white;font-size:14px}
.js-site .js-slide-pause,.js-site .js-slide-enlarge{border:1px solid #ffffff55;background:transparent;color:white;min-height:35px;padding:4px 11px;font-size:12px}
.js-site .js-slide-enlarge{justify-self:end}.js-site .js-slide-dots{position:static;display:flex;gap:7px;align-items:center;justify-content:center}
.js-site .js-slide-dots button{height:8px;width:8px;min-width:8px;border-radius:50%;padding:0;background:#ffffff77;border:0}
.js-site .js-slide-dots button.on{width:22px;border-radius:8px;background:#fff}
.js-site .js-quick{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e1e5e5}
.js-site .js-quick a,.js-site .js-quick a:nth-child(even){background:#fff;color:#152c45;padding:26px 22px;border-right:1px solid #e1e5e5}
.js-site .js-quick a:last-child{border-right:0}.js-site .js-quick small{color:#b68c4c}.js-site .js-quick b{font-size:19px}.js-site .js-quick span{color:#77818a}
.js-site .js-hero-mobile-copy{display:none}
.js-site .js-media-section{padding:10px 0 82px}.js-site .js-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.js-site .js-youtube{display:block;min-width:0;overflow:hidden}.js-site .js-youtube img{display:block;width:100%;height:100%;max-height:360px;object-fit:contain;background:#f3f4f4}
.js-site .js-banner{border:1px solid #e1e5e5;padding:20px 22px;min-width:0}.js-site .js-banner-heading h3{font-size:21px;margin:0}.js-site .js-banner-heading p{font-size:13px;margin:2px 0 13px;color:#78818a}
.js-site .js-banner-viewport{height:205px;overflow:hidden}.js-site .js-banner-list{transition:transform .4s}.js-site .js-banner-list a{height:205px;display:flex;align-items:center;justify-content:center}.js-site .js-banner-list img{max-width:100%;max-height:100%;object-fit:contain}
.js-site .js-banner-controls{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#78818a;margin-top:12px}.js-site .js-banner-controls button{border:1px solid #d4d8da;background:white;color:#243d4d;width:32px;height:30px}
.js-site .js-feature-photo{background:none;overflow:hidden}.js-site .js-feature-photo img{width:100%;height:100%;object-fit:cover;display:block}.js-site .js-feature-link{display:inline-block;border:1px solid #ffffff66;padding:9px 16px;margin-top:14px;color:white}
.js-site .js-slide-modal[hidden]{display:none}.js-site .js-slide-modal{position:fixed;inset:0;z-index:3000;background:#000e;display:flex;align-items:center;justify-content:center;padding:55px 20px 20px}.js-site .js-slide-modal img{max-width:100%;max-height:100%;object-fit:contain}.js-site .js-slide-modal-close{position:absolute;top:12px;right:22px;color:white;background:transparent;border:0;font-size:35px}
@media(max-width:900px){.js-site .js-hero-controls{grid-template-columns:1fr auto;row-gap:8px;padding-top:10px;padding-bottom:10px}.js-site .js-slide-dots{grid-column:1/-1;grid-row:2}.js-site .js-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.js-site .js-media-grid{grid-template-columns:1fr}.js-site .js-youtube img{height:auto;max-height:none}.js-site .js-feature-photo img{min-height:260px}.js-site .js-slide-enlarge{grid-column:2;grid-row:1}}
@media(max-width:540px){.js-site .js-hero-mobile-copy{display:block;color:white;padding:14px 22px 24px;text-align:center}.js-site .js-hero-mobile-copy strong{font-size:19px}.js-site .js-hero-mobile-copy p{font-size:13px;margin:7px 0}.js-site .js-hero-controls{gap:8px}.js-site .js-slide-count{font-size:11px}.js-site .js-slide-prev,.js-site .js-slide-next{width:31px;height:31px}.js-site .js-quick a,.js-site .js-quick a:nth-child(even){padding:19px 15px}.js-site .js-quick b{font-size:16px}.js-site .js-media-section{padding-bottom:50px}.js-site .js-banner{padding:16px}}

/* 그룹별 서브메뉴: 게시판 검색허용 및 출력순서 연동 */
.js-site .js-local-nav{background:#fff;border-bottom:1px solid #dfe4e5;position:relative;z-index:2}
.js-site .js-local-nav .js-wrap{max-width:1240px}
.js-site .js-local-nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin:0;padding:0;list-style:none}
.js-site .js-local-nav li{margin:0;padding:0;list-style:none}
.js-site .js-local-nav a{display:block;padding:19px 15px 17px;border-bottom:3px solid transparent;color:#22374b;font-size:14px;white-space:nowrap;text-decoration:none}
.js-site .js-local-nav a:hover,.js-site .js-local-nav a.active{color:#a77937;border-bottom-color:#bc975c}
.js-site .js-inner{width:100%;max-width:1240px;margin:0 auto;box-sizing:border-box;float:none;clear:both}
.js-site .js-inner #bo_v_atc,.js-site .js-inner #bo_v_con{max-width:100%;min-width:0;overflow-wrap:anywhere}
.js-site .js-inner #bo_v_con img,.js-site .js-inner #bo_v_img img{max-width:100%;height:auto}
@media(max-width:700px){.js-site .js-local-nav .js-wrap{padding:0 12px}.js-site .js-local-nav ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.js-site .js-local-nav a{padding:15px 11px 13px;font-size:13px}.js-site .js-inner{padding:28px 16px 60px}}