:root{--ink:#20272b;--muted:#7b7f80;--gold:#c6a367;--gold-light:#e4c78e;--paper:#f5f4f0;--line:#e5e4df;--header:#1c2225}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.cp-home h1,.cp-home h2,.cp-home h3,.cp-home p{margin:0}.cp-home ul{margin:0;padding:0;list-style:none}.cp-container{max-width:1200px;width:calc(100% - 80px);margin:0 auto}
.site-header{background:var(--header);color:#fff;border-bottom:1px solid #ffffff10}.header-inner{max-width:1360px;padding:0 36px;min-height:80px;display:flex;align-items:center;gap:40px;margin:auto}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-seal{width:37px;height:40px;display:grid;place-items:center;border:1px solid #b6975b90;border-radius:3px;color:var(--gold-light);font-family:Batang,serif;font-size:25px}.brand-name{font-size:22px;font-weight:700;letter-spacing:-1px;line-height:1.2}.brand-name small{display:block;color:var(--gold);font-size:8px;font-weight:500;letter-spacing:3px;margin-top:6px}.main-nav{display:flex;align-items:center;gap:27px;flex:1;justify-content:center;white-space:nowrap}.main-nav a{height:80px;display:flex;align-items:center;color:#ddd;font-size:14px;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--gold-light)}.main-nav a.active:after{position:absolute;content:'';height:2px;bottom:0;width:100%;background:var(--gold)}.header-actions{display:flex;gap:24px;align-items:center;flex-shrink:0}.login-link{font-size:12px;color:#b9bec0}.header-download{border:1px solid #c6a36780;border-radius:5px;color:var(--gold-light);font-size:13px;padding:9px 15px;display:flex;gap:13px;align-items:center}.header-download:hover{background:#c6a36718}
.hero{position:relative;background:#1c2526;isolation:isolate;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--cp-hero-image,url('../../../img/g_news.webp'));background-size:cover;background-position:68% 36%;filter:saturate(.7);transform:scale(1.02)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#172023fa 0%,#172023dc 32%,#17202355 63%,#17202310 100%),linear-gradient(0deg,#172023aa,transparent 35%)}.hero-inner{height:350px;display:flex;align-items:center;justify-content:space-between;color:#fff}.hero-copy{padding:22px 0 25px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold-light);margin-bottom:14px}.hero h1{font-size:42px;font-weight:700;line-height:1.25;letter-spacing:-1.8px}.hero h1 span{color:#e5c991}.hero-description{font-size:13px;line-height:1.8;color:#c0c5c7;margin-top:15px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:24px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;border-radius:5px;padding:12px 20px;font-size:13px;font-weight:700}.button-gold{background:var(--gold-light);color:#292820;box-shadow:0 2px 14px #0002}.button-gold:hover{background:#f0d8a5}.hero-guide{font-size:12px;color:#eee;display:flex;gap:11px;align-items:center}.hero-guide:hover{color:var(--gold-light)}.hero-caption{align-self:flex-end;text-align:right;padding-bottom:27px;text-shadow:0 2px 8px #000;color:#eee7}.hero-caption span{font-size:8px;letter-spacing:2px}.hero-caption small{display:block;font-size:12px;letter-spacing:3px;margin-top:4px;color:#fff9}
.shortcut-wrap{background:#fff;border-bottom:1px solid var(--line)}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.shortcuts>a{display:flex;align-items:center;gap:17px;padding:0 26px;border-right:1px solid var(--line);font-size:14px;font-weight:600}.shortcuts>a:first-child{padding-left:0}.shortcuts>a:last-child{border-right:0;padding-right:0}.shortcut-symbol{color:#a48652;font-family:Georgia,serif;font-size:29px;line-height:1;font-weight:400;min-width:27px;text-align:center}.shortcuts small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}.shortcut-arrow{font-size:15px;color:#a6aaab;margin-left:auto}.shortcuts>a:hover{color:#957646}.shortcuts>a:hover .shortcut-arrow{color:#957646}
.news-section{padding-top:35px;padding-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:20px}.section-kicker{font-size:9px;letter-spacing:2px;color:#a18657;margin-bottom:4px;font-weight:600}.section-heading h2,.community-section h2{font-size:23px;letter-spacing:-.8px}.heading-caption{font-size:11px;color:#898b88;padding-bottom:3px}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:22px}.news-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.news-panel{background:white;border:1px solid var(--line);border-radius:8px;padding:20px 22px;min-height:214px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e9e8e3}.panel-heading h3{font-size:15px;letter-spacing:-.4px}.panel-heading>a{color:#929590;font-size:10px}.panel-heading>a:hover{color:#957646}.post-list li+li{border-top:1px solid #f2f1ee}.post-list a{display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:48px;font-size:12px}.post-list a:hover .post-title{color:#9b773c}.post-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-list time{font-size:10px;color:#93978f;white-space:nowrap;font-variant-numeric:tabular-nums}.post-badge{font-size:9px;display:inline-block;vertical-align:1px;background:#f4eee2;color:#9a7438;border-radius:3px;padding:2px 5px;margin-right:7px}.empty-posts{color:var(--muted);padding:24px 0;font-size:12px}.start-panel{border:1px solid #dfd6c4;border-radius:8px;background:#ede8dd;padding:19px 22px}.start-label{color:#a0875e;letter-spacing:1.4px;font-size:8px;font-weight:600}.start-panel h3{font-size:19px;letter-spacing:-.7px;margin:5px 0}.start-panel p{color:#8a8275;font-size:11px;line-height:1.7;margin-bottom:11px}.start-panel>a{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:6px 0;color:#49473e}.start-panel>a:hover{color:#96713a}.start-panel b{font-weight:400;color:#a58d67;font-size:9px;margin-right:8px;font-variant-numeric:tabular-nums}
.community-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;padding:27px 0 34px;align-items:center}.community-section h2{font-size:18px}.community-section p{font-size:11px;color:var(--muted);margin-top:4px}.community-section>a{background:#fff;border:1px solid var(--line);border-radius:6px;padding:17px 21px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.community-section>a:hover{border-color:#c6a367}.community-section small{display:block;font-size:10px;color:#95978f;font-weight:400;margin-top:3px}.community-section>a>span:last-child{color:#a58d67}
.site-footer{background:#22292c;color:#bac0c1;padding:23px 0 16px}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:15px;color:#eee;font-weight:600;letter-spacing:-.5px}.footer-brand>span{font-size:8px;font-weight:400;color:#8c989c;letter-spacing:1.5px;margin-left:14px}.footer-inner nav{display:flex;gap:23px;font-size:10px;color:#a4acae}.preview-note{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#859194;margin-top:17px;padding-top:13px;border-top:1px solid #ffffff10}.preview-note a{color:#c6ae83}
.board-main{min-height:65vh;padding-top:33px;padding-bottom:55px}.breadcrumbs{font-size:11px;display:flex;gap:15px;color:#929791;margin-bottom:23px}.board-main h1{font-size:31px;letter-spacing:-1px}.text-link{font-size:11px;color:#9d7c47;padding-bottom:5px}.board-panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.board-top{padding:20px 28px;display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:600}.board-help{font-size:11px;color:#92978f;font-weight:400}.board-table{padding:0 28px 24px}.board-row{display:grid;grid-template-columns:60px 1fr 120px;align-items:center;gap:20px;min-height:63px;border-bottom:1px solid #eeede7;font-size:14px}.board-table-head{background:#f8f8f5;min-height:40px;font-size:11px;color:#92958d;border-top:1px solid var(--line);padding:0 8px}.board-number{text-align:center;color:#94998f;font-size:12px}.board-subject{line-height:1.7}.board-row time{font-size:11px;text-align:right;color:#989c94;font-variant-numeric:tabular-nums}.board-row:hover .board-subject{color:#987645}.back-home{display:inline-block;font-size:12px;color:#898e84;margin-top:23px}
@media(min-width:1600px){.hero:before{background-position:center 35%}.hero-inner{height:360px}}
@media(max-width:1180px){.header-inner{padding:0 26px;gap:25px}.main-nav{gap:19px}.header-actions{gap:16px}.login-link{display:none}.cp-container{width:calc(100% - 56px)}.news-layout{grid-template-columns:minmax(0,1fr) 225px;gap:16px}.news-columns{gap:16px}.news-panel{padding:18px}.shortcuts>a{padding:0 20px;gap:12px}}
@media(max-width:920px){.header-inner{flex-wrap:wrap;gap:0;min-height:72px;justify-content:space-between;padding:16px 24px 0}.brand-name{font-size:20px}.brand-seal{width:31px;height:35px;font-size:22px}.header-actions{padding-bottom:16px}.brand{padding-bottom:16px}.main-nav{order:3;flex-basis:100%;justify-content:space-between;border-top:1px solid #ffffff0d;gap:20px;overflow:auto}.main-nav a{height:43px;font-size:12px}.hero-inner{height:330px}.hero:before{background-position:66% center}.news-layout{grid-template-columns:1fr}.start-panel{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:20px;align-items:center}.start-label,.start-panel h3,.start-panel p{grid-column:1/-1}.start-panel p br{display:none}.start-panel p{margin-bottom:7px}.shortcuts>a{padding:0 13px;gap:9px;font-size:12px}.shortcuts small{font-size:9px}.shortcut-symbol{font-size:23px;min-width:18px}.shortcut-arrow{display:none}.community-section{gap:16px}.community-section p{max-width:220px}.hero-caption{display:none}}
@media(max-width:600px){.cp-container{width:calc(100% - 36px)}.header-inner{padding:13px 18px 0}.brand-seal{width:29px;height:33px;font-size:20px}.brand{gap:9px;padding-bottom:13px}.brand-name{font-size:19px}.brand-name small{font-size:7px}.header-actions{padding-bottom:13px}.header-download{font-size:11px;padding:7px 11px}.main-nav{gap:24px;justify-content:flex-start}.main-nav a{font-size:11px;height:40px}.hero-inner{height:305px}.hero h1{font-size:34px;letter-spacing:-1.5px}.eyebrow{font-size:8px;margin-bottom:12px;letter-spacing:2.6px}.hero-description{font-size:11px;color:#c8cdd0;max-width:265px}.hero:before{background-position:66% center;opacity:.65}.hero:after{background:linear-gradient(90deg,#172023ef,#17202377 80%)}.hero-actions{gap:21px;margin-top:21px}.button{padding:11px 14px;font-size:11px;gap:14px}.hero-guide{font-size:10px}.shortcuts{grid-template-columns:repeat(2,1fr);padding:8px 0}.shortcuts>a{padding:12px 10px!important;border-right:0;font-size:12px;gap:13px}.shortcuts>a:nth-child(odd){padding-left:0!important;border-right:1px solid var(--line)}.shortcuts>a:nth-child(even){padding-left:18px!important}.shortcuts>a:nth-child(-n+2){border-bottom:1px solid #f0efeb}.shortcuts small{font-size:9px}.shortcut-symbol{font-size:24px;min-width:24px}.news-section{padding-top:25px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:21px}.heading-caption{display:none}.news-columns{grid-template-columns:1fr}.news-panel{padding:18px;min-height:auto}.post-list a{font-size:12px;min-height:47px}.start-panel{display:block;padding:19px}.start-panel p br{display:initial}.start-panel>a{padding:9px 0;font-size:12px}.community-section{grid-template-columns:1fr 1fr;padding:23px 0 28px}.community-section>div{grid-column:1/-1}.community-section p{max-width:none}.community-section>a{padding:15px 13px;font-size:12px}.footer-inner{gap:20px;align-items:flex-start}.footer-inner nav{gap:11px;font-size:9px}.footer-brand{font-size:12px}.footer-brand>span{display:block;margin:4px 0 0;font-size:7px}.preview-note{font-size:8px;gap:12px}.board-main{padding-top:24px;padding-bottom:35px}.board-main h1{font-size:26px}.board-top{padding:18px;font-size:12px}.board-help{display:none}.board-table{padding:0 18px 20px}.board-row{grid-template-columns:1fr 75px;gap:12px;font-size:12px;min-height:65px}.board-number,.board-table-head>span:first-child{display:none}.board-row time{font-size:9px}.board-table-head{font-size:10px;min-height:37px}.text-link{font-size:10px}}

@media(max-width:920px){.main-nav{scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}}
.hero-description{word-break:keep-all}

/* Integration with the existing GnuBoard theme and board skins. */
body.cp-renewal,body.cp-renewal.is-pc{font-size:14px;line-height:1.6;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif}
.cp-renewal h1,.cp-renewal h2,.cp-renewal h3,.cp-renewal h4,.cp-renewal small{font-family:inherit}
.cp-renewal .site-header{position:relative;inset:auto;height:auto;z-index:100}
.cp-renewal .header-inner{gap:25px;max-width:1440px}
.cp-renewal .main-nav{gap:19px}
.cp-renewal .main-nav .nav-parent{font-size:13px}
.cp-renewal .header-actions{gap:17px}
.cp-renewal .brand-seal{font-family:Batang,serif}
.cp-renewal .cp-container{padding-left:0;padding-right:0}
.cp-home h3:before,.cp-inner-body h3:before{content:none;display:none}
.cp-home ul,.site-header ul,.site-footer ul{padding:0;list-style:none}
.cp-home h1,.cp-home h2,.cp-home h3,.cp-home p{margin:0}
.cp-home .eyebrow{margin-bottom:14px}
.cp-home .hero-description{margin-top:15px}
.cp-home .start-panel h3{margin:5px 0}
.cp-home .start-panel p{margin-bottom:11px}
.cp-home .section-kicker{margin-bottom:4px}
.cp-home .community-section p{margin-top:4px}
.cp-home .hero h1{font-weight:700;line-height:1.25}
.cp-home .hero h1 span{display:inline;color:#e5c991}
.nav-group{position:relative}
.nav-submenu{display:none;position:absolute;top:100%;left:-17px;min-width:155px;padding:9px;background:#222a2e;border:1px solid #ffffff15;border-top:2px solid var(--gold);border-radius:0 0 6px 6px;box-shadow:0 10px 24px #0002;z-index:105}
.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu{display:block}
.main-nav .nav-submenu a{height:auto;min-height:38px;font-size:12px;padding:8px 12px;color:#d0d6d7}
.main-nav .nav-submenu a:hover,.main-nav .nav-submenu a:focus-visible{background:#ffffff09;color:var(--gold-light)}
.mobile-menu-toggle{display:none;color:var(--gold-light);background:transparent;border:1px solid #c6a36750;border-radius:5px;min-width:35px;min-height:35px;font-size:18px;cursor:pointer}
.account-link{color:#c2c9cb;font-size:11px;white-space:nowrap}.account-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}
.cp-renewal .cp-inner-body{min-height:calc(100vh - 230px);height:auto;padding-bottom:50px}
.cp-page-heading{padding-top:30px!important;padding-bottom:25px!important}
.cp-page-heading .breadcrumbs{margin-bottom:17px}
.cp-page-heading h1{font-size:29px;font-weight:700;letter-spacing:-1px;margin-top:4px}
/* The original skins keep their forms and content, with a shared heading above. */
.cp-renewal .at-body>div:has(>.x-title){display:none}
.cp-renewal .at-body>.at-container{max-width:1200px;width:calc(100% - 80px);padding:0!important}
.cp-renewal .at-container-custom{font-size:15px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:26px 30px}
.cp-renewal .at-content{padding:0;min-width:0}
.cp-renewal .at-content blockquote{height:auto;background:none;color:var(--ink);padding:0 0 20px;margin:0 0 23px;border-bottom:1px solid var(--line)}
.cp-renewal .at-content blockquote h3{font-size:22px;line-height:1.5;font-weight:700;letter-spacing:-.6px;color:var(--ink);margin:0}
.cp-renewal #fboardlist .table{--bs-table-bg:#fff;--bs-table-border-color:#eeede7;--bs-table-color:var(--ink);margin:0}
.cp-renewal #fboardlist .table thead th{background:#f7f7f3;padding:13px 12px;font-size:12px;font-weight:500;color:#7b8279;border-top:1px solid var(--line)}
.cp-renewal #fboardlist .table tbody td{padding:16px 12px;font-size:14px;line-height:1.8;vertical-align:middle}
.cp-renewal #fboardlist .table tbody tr{line-height:1.8!important}
.cp-renewal #fboardlist .table-dark{--bs-table-bg:#faf7f0;--bs-table-border-color:#eeede7;border-top:0}
.cp-renewal #fboardlist a.text-dark:hover,.cp-renewal #fboardlist a.text-light:hover{color:#94703a!important}
.cp-renewal .nav-tabs{border-bottom:1px solid var(--line);margin-bottom:24px;gap:6px}
.cp-renewal .nav-tabs .nav-link{color:#848a82;border:0;padding:9px 15px;font-size:13px;border-radius:5px}
.cp-renewal .nav-tabs .nav-link.active{color:#916f3b;background:#f3eee3;font-weight:600}
.cp-renewal .btn-primary{--bs-btn-color:#302a1f;--bs-btn-bg:#e4c78e;--bs-btn-border-color:#d2b37a;--bs-btn-hover-color:#302a1f;--bs-btn-hover-bg:#eddaad;--bs-btn-hover-border-color:#d2b37a;--bs-btn-active-color:#302a1f;--bs-btn-active-bg:#d9bb82;--bs-btn-active-border-color:#c0a16c}
.cp-renewal .badge.bg-primary{background:#f0e7d8!important;color:#957442!important;font-weight:500}
.cp-renewal .form-control:focus,.cp-renewal .form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .15rem #c6a36730}
.cp-renewal .pg_current,.cp-renewal .page-item.active .page-link{background:var(--gold-light);border-color:var(--gold);color:#393026}
.cp-renewal #bo_v_con{line-height:1.85;min-width:0;overflow-wrap:anywhere}
.cp-renewal #bo_v_con img{max-width:100%;height:auto}
.cp-renewal #bo_v_con .guide-message{font-size:16px;padding:20px}
.cp-renewal #bo_v_con table{max-width:100%}
.cp-renewal .mb_login{background:#fff;border:1px solid var(--line);border-radius:9px;padding:32px;max-width:440px;margin:42px auto}
.cp-renewal .site-footer{position:relative}
.footer-legal{padding-top:16px;margin-top:18px;border-top:1px solid #ffffff10;font-size:10px;color:#8f999c;line-height:1.8}
.footer-legal .fa{display:none}
#sidebar-box .sider-top{background:#1c2225}
#sidebar-box .ca-head>a{padding:16px 20px}
#sidebar-box .ca-head>a:hover{color:#9b773c}
@media(max-width:1180px){
.cp-renewal .header-inner{gap:18px;padding-left:26px;padding-right:26px}
.cp-renewal .main-nav{gap:13px}
.cp-renewal .main-nav .nav-parent{font-size:12px}
.cp-renewal .header-actions{gap:13px}
.cp-renewal .at-body>.at-container{width:calc(100% - 56px)}
}
@media(max-width:1000px) and (min-width:921px){.cp-renewal .brand-name{font-size:19px}.cp-renewal .brand-seal{width:31px;height:35px}.cp-renewal .header-inner{gap:14px}.cp-renewal .main-nav{gap:11px}.cp-renewal .header-download{padding:8px 11px;font-size:12px}}
@media(max-width:920px){
.cp-renewal .header-inner{gap:0}
.cp-renewal .main-nav{gap:24px;justify-content:flex-start;scrollbar-width:none}
.cp-renewal .main-nav .nav-parent{height:43px;font-size:12px}
.main-nav .nav-submenu{display:none!important}
.mobile-menu-toggle{display:block}
.cp-renewal .header-actions{gap:10px}
.cp-renewal .login-link{display:block;font-size:11px}
.cp-renewal .cp-home .hero-description{word-break:keep-all}
}
@media(max-width:600px){
.cp-renewal .header-inner{padding:13px 18px 0}
.cp-renewal .brand-name{font-size:19px}
.cp-renewal .header-actions{gap:8px}
.cp-renewal .login-link{font-size:10px}
.cp-renewal .header-download{font-size:10px;padding:7px 9px;gap:6px}
.cp-renewal .account-name{display:none}
.cp-renewal .main-nav .nav-parent{height:40px;font-size:11px}
.cp-renewal .cp-home .eyebrow{margin-bottom:12px}
.cp-renewal .cp-home .hero-description{margin-top:15px}
.cp-renewal .at-body>.at-container{width:calc(100% - 36px)}
.cp-renewal .at-container-custom{padding:18px 16px;font-size:14px}
.cp-page-heading{padding-top:23px!important;padding-bottom:20px!important}
.cp-page-heading h1{font-size:25px}
.cp-renewal .at-content blockquote h3{font-size:18px}
.cp-renewal .at-content blockquote{padding-bottom:15px;margin-bottom:18px}
.cp-renewal #fboardlist .table tbody td{padding:15px 4px;font-size:13px;line-height:1.7}
.cp-renewal #bo_v_con .guide-message{padding:12px;font-size:14px}
.cp-renewal #bo_v_con th,.cp-renewal #bo_v_con td{padding:8px 5px;font-size:12px}
.cp-renewal .mb_login{margin:26px 18px;padding:25px;max-width:none}
.footer-legal{font-size:9px}
}

/* Keep board tables inside the mobile content panel. */
@media(max-width:767px){
.cp-renewal #fboardlist .xs-full{width:100%;max-width:100%;position:static;left:auto;margin-left:0}
.cp-renewal #fboardlist .table tbody td a{overflow-wrap:anywhere}
}

/* Readability refinements: keep Noto Sans KR and give Korean text more space. */
body, body.cp-renewal, body.cp-renewal.is-pc{font-size:16px;line-height:1.75}
.main-nav a,.cp-renewal .main-nav .nav-parent{font-size:15px}
.main-nav .nav-submenu a{font-size:14px;min-height:44px}
.login-link,.account-link,.cp-renewal .login-link{font-size:14px}
.header-download,.cp-renewal .header-download{font-size:15px}
.brand-name small{font-size:10px;letter-spacing:2px}
.hero-description{font-size:16px;line-height:1.85;color:#d5dadb}
.button{font-size:15px;padding:13px 22px}
.hero-guide{font-size:15px}
.eyebrow{font-size:12px;letter-spacing:2px}
.shortcuts>a{font-size:16px}.shortcuts small{font-size:13px;color:#69736c}
.section-kicker,.start-label{font-size:11px;letter-spacing:1.6px}
.section-heading h2,.community-section h2{font-size:26px}
.heading-caption{font-size:14px;color:#68736b}
.news-layout{grid-template-columns:minmax(0,1fr) 280px}
.news-panel{padding:22px;min-height:240px}.panel-heading h3{font-size:19px}
.panel-heading>a,.text-link{font-size:13px;color:#727970;white-space:nowrap}
.post-list a{font-size:15px;min-height:56px;gap:10px}
.post-list time{font-size:13px;color:#737d73}.post-badge{font-size:11px}
.empty-posts{font-size:15px}.start-panel h3{font-size:23px}
.start-panel p{font-size:14px;color:#6b665c}.start-panel>a{font-size:15px;padding:9px 0}
.start-panel b{font-size:12px}.community-section{gap:22px}
.community-section p{font-size:14px;color:#68736b}.community-section>a{font-size:16px}
.community-section small{font-size:13px;color:#727a70}
.footer-inner nav{font-size:13px}.footer-brand{font-size:17px}
.footer-brand>span{font-size:10px}.preview-note,.footer-legal{font-size:12px}
.breadcrumbs{font-size:13px}.cp-page-heading h1{font-size:32px}
.cp-renewal .at-container-custom{font-size:16px;line-height:1.8}
.cp-renewal .at-content blockquote h3{font-size:25px}
.cp-renewal #fboardlist .table tbody td{font-size:16px}
.cp-renewal #fboardlist .table thead th{font-size:14px}
.cp-renewal .nav-tabs .nav-link{font-size:15px}
.cp-renewal #bo_v_con{font-size:16px;line-height:1.9}
.cp-renewal #bo_v_con .guide-message{font-size:18px}
.cp-renewal .btn,.cp-renewal .form-control,.cp-renewal .form-select{font-size:15px}
.board-row{font-size:16px}.board-row time,.board-number{font-size:13px}
.board-table-head,.board-help{font-size:13px}.board-top{font-size:16px}
@media(max-width:1100px){
 .header-inner,.cp-renewal .header-inner{flex-wrap:wrap;gap:0;justify-content:space-between;padding:16px 24px 0}
 .brand,.header-actions{padding-bottom:16px}
 .main-nav,.cp-renewal .main-nav{order:3;flex-basis:100%;justify-content:flex-start;gap:24px;border-top:1px solid #ffffff12;overflow:auto;scrollbar-width:none}
 .main-nav::-webkit-scrollbar{display:none}
 .main-nav a,.cp-renewal .main-nav .nav-parent{height:48px;font-size:15px}
 .main-nav .nav-submenu{display:none!important}.mobile-menu-toggle{display:block}
 .cp-renewal .header-actions{gap:12px}
 .news-layout{grid-template-columns:1fr}
 .start-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
 .start-panel .start-label,.start-panel h3,.start-panel p{grid-column:1/-1}
 .start-panel p br{display:none}
}
@media(max-width:600px){
 body,body.cp-renewal,body.cp-renewal.is-pc{font-size:16px}
 .header-inner,.cp-renewal .header-inner{padding:13px 18px 0}
 .brand,.header-actions{padding-bottom:13px}.brand-name small{font-size:9px}
 .main-nav a,.cp-renewal .main-nav .nav-parent{font-size:14px;height:46px}
 .header-download,.cp-renewal .header-download{font-size:14px;padding:8px 10px;gap:7px}
 .login-link,.cp-renewal .login-link{font-size:13px}
 .cp-renewal .header-actions{gap:8px}
 .hero-inner{height:350px}.hero h1{font-size:36px}
 .hero-description{font-size:15px;max-width:300px}.eyebrow{font-size:11px}
 .button{font-size:14px;padding:12px 15px}.hero-guide{font-size:14px}
 .hero-actions{gap:17px}.shortcuts>a{font-size:15px}.shortcuts small{font-size:12px}
 .section-heading h2,.community-section h2{font-size:24px}
 .news-panel{padding:20px 17px}.panel-heading h3{font-size:18px}
 .panel-heading>a{font-size:12px}.post-list a{font-size:15px;min-height:55px}
 .post-list time{font-size:12px}.start-panel{display:block;padding:20px}
 .start-panel>a{font-size:15px;padding:10px 0}.start-panel p{font-size:14px}
 .community-section>a{font-size:15px;padding:16px 13px}.community-section small{font-size:12px}
 .footer-inner{flex-wrap:wrap;gap:17px}.footer-inner nav{font-size:13px;gap:17px}
 .footer-brand{font-size:16px}.footer-brand>span{font-size:9px}
 .preview-note,.footer-legal{font-size:11px}.cp-page-heading h1{font-size:28px}
 .cp-renewal .at-container-custom{font-size:16px}.cp-renewal .at-content blockquote h3{font-size:22px}
 .cp-renewal #fboardlist .table tbody td{font-size:15px;padding:15px 6px}
 .cp-renewal #bo_v_con .guide-message{font-size:16px}
 .cp-renewal #bo_v_con th,.cp-renewal #bo_v_con td{font-size:14px}
 .board-row{font-size:15px}.board-row time{font-size:12px}
}

/* Screenshot gallery and section-specific layouts. */
.screenshot-section{padding:8px 0 38px}
.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.screenshot-card{display:block;min-width:0;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.screenshot-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.screenshot-card .screenshot-info{padding:16px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.screenshot-card strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.screenshot-card time{font-size:13px;color:#747d74;white-space:nowrap}
.screenshot-card:hover{border-color:var(--gold)}
.screenshot-placeholder{aspect-ratio:16/10;background:#e9e5dc;display:grid;place-items:center;color:#8a795c;font-size:42px}
.screenshot-empty{display:grid;grid-template-columns:1.35fr 1fr;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:255px}
.screenshot-empty>img{width:100%;height:100%;max-height:300px;object-fit:cover;object-position:center 45%}
.screenshot-empty-copy{padding:30px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.screenshot-empty-copy .section-kicker{margin-bottom:8px}.screenshot-empty h3{font-size:24px;line-height:1.45}
.screenshot-empty p{font-size:15px;color:#70796d;margin-top:12px;line-height:1.8;word-break:keep-all}
.screenshot-empty .text-link{font-size:15px;margin-top:18px;color:#94713d}
.cp-page-description{font-size:16px;color:#6b756c;margin:12px 0 0;word-break:keep-all}
.cp-section-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.cp-section-nav a{font-size:16px;padding:10px 25px;border:1px solid #deded5;border-radius:6px;background:#fff;color:#69736a}
.cp-section-nav a[aria-current]{background:#273034;border-color:#273034;color:#e8d2a5;font-weight:600}
.cp-section-nav a:hover{border-color:var(--gold);color:#9a743b}
.cp-renewal .cp-powerbook .category_item{margin-bottom:22px;overflow:visible}
.cp-powerbook .category_item>img{display:none}
.cp-renewal .cp-powerbook .category_item table{margin:0;border:1px solid var(--line);border-radius:7px;border-collapse:separate;border-spacing:0;overflow:hidden;width:100%}
.cp-renewal .cp-powerbook .category_item table tr td{padding:10px 14px!important;border-bottom:1px solid var(--line)!important;background:#fff;color:var(--ink);font-size:15px!important;line-height:2}
.cp-renewal .cp-powerbook .category_item .it_1,.cp-renewal .cp-powerbook .category_item .it_2{background:#f4f0e7!important;width:130px;color:#877047;font-weight:600}
.cp-powerbook .category_item .it_img{display:none}
.cp-renewal .cp-powerbook .category_item td a{display:inline-block;padding:5px 12px!important;margin:3px 2px;border-radius:5px;font-size:15px;color:#586456!important;line-height:1.6;text-decoration:none}
.cp-renewal .cp-powerbook .category_item td a:hover{background:#f4eee2;color:#886a38!important}
.cp-renewal .cp-powerbook .category_item td a[aria-current]{background:#ead8b4!important;color:#5b4727!important;font-weight:600}
.cp-powerbook .category_item td>span{display:none}
.cp-renewal .cp-powerbook .search_item{height:auto;background:none;margin:0 0 24px}
.cp-powerbook .search_item form{margin:0!important}
.cp-powerbook .search_item .form-group{display:flex;gap:10px;max-width:560px;margin-left:auto;align-items:center}
.cp-renewal .cp-powerbook .search_item_input{width:100%;flex:1;min-width:0;height:46px;margin:0;border:1px solid #d9ddd3;border-radius:6px;background:#fff;color:#303c30;font-size:16px;padding:10px 14px}
.cp-renewal .cp-powerbook .search_button{background:#273034;color:#fff;border:1px solid #273034;border-radius:6px;font-size:15px;padding:10px 22px;min-height:46px}
.cp-renewal .cp-powerbook #fboardlist .item-table{border:1px solid var(--line);border-radius:7px;border-collapse:separate;border-spacing:0;overflow:visible}
.cp-renewal .cp-powerbook #fboardlist .table_th th{background:#f1f1eb!important;color:#687266!important;padding:14px 12px;font-size:14px!important;font-weight:600;border-top:0;border-bottom:1px solid var(--line)}
.cp-renewal .cp-powerbook #fboardlist .item-table>tbody>tr>td{font-size:16px!important;color:#394538!important;padding:17px 12px!important;line-height:1.75}
.cp-renewal .cp-powerbook #fboardlist td a{color:#3f513d}
.cp-powerbook #fboardlist .item_list_tr:hover{background:#faf8f2}
.cp-powerbook #fboardlist td img{width:45px;height:45px;object-fit:contain;max-width:none}
.cp-powerbook #fboardlist .table-responsive{overflow-x:auto}
.cp-support-intro{font-size:16px;color:#6d776b;margin:0 0 25px;line-height:1.8}
.cp-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cp-contact-card{background:#f9faf6;border:1px solid #e1e5da;border-radius:9px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.cp-contact-card img{width:62px;height:62px;object-fit:cover;border-radius:16px;margin-bottom:20px}
.cp-contact-card h3{font-size:24px;font-weight:700;margin:0 0 10px}
.cp-contact-card p{font-size:16px;color:#6b7668;margin:0 0 22px;line-height:1.8}
.cp-contact-card .button{margin-top:auto;gap:20px;min-height:48px;font-size:16px}
.cp-contact-unavailable{color:#7e837a;font-size:14px;padding:12px 0}
.cp-support-note{margin-top:25px;padding:22px 25px;background:#f2eee4;border:1px solid #e5ddcb;border-radius:7px;font-size:15px;color:#72664f;line-height:1.8}
.cp-support-note strong{display:block;color:#655537;margin-bottom:5px;font-size:17px}
.cp-renewal .hongbo-guide{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:20px;margin-bottom:24px!important}
.cp-renewal .hongbo-link-box,.cp-renewal .hongbo-reward-box{border:1px solid var(--line);border-radius:8px;padding:25px;margin:0;min-height:0}
.cp-renewal .hongbo-link-title{font-size:20px;color:#303d30;text-align:left;line-height:1.7;margin-bottom:20px;word-break:keep-all}
.cp-renewal .hongbo-link-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;justify-content:start}
.cp-renewal .hongbo-link-button{min-width:0;min-height:46px;background:#f5f5ef;border:1px solid #dfe1d6;color:#56634d!important;font-size:15px;font-weight:500;padding:10px;line-height:1.5}
.cp-renewal .hongbo-link-button:hover{background:#f0e6d2;border-color:#cbb486;color:#7e602f!important}
.cp-renewal .hongbo-reward-box{background:#f3efe4;border-color:#e1d7bf}
.cp-renewal .hongbo-reward-box h3{color:#877043;font-size:22px;margin-bottom:15px}
.cp-renewal .hongbo-reward-content{font-size:16px;font-weight:400;line-height:1.85;color:#60543b}
.cp-renewal .hongbo-copy-area{grid-column:1/-1;margin:0}
.cp-renewal .hongbo-copy-button{background:#273034;color:#e8d2a5;font-size:17px;min-height:54px;border-radius:6px}
.cp-renewal .hongbo-copy-button:hover{background:#3c474b;color:#fff}
.cp-renewal .hongbo-post-body{background:#fafbf7;border-color:#e4e6dc;border-radius:8px;padding:28px;font-size:16px}
.cp-renewal .hongbo-post-body p{margin-bottom:10px}
@media(max-width:767px){
 .screenshot-section{padding-top:0;padding-bottom:30px}.screenshot-grid{grid-template-columns:1fr;gap:17px}
 .screenshot-empty{grid-template-columns:1fr}.screenshot-empty>img{height:210px;max-height:none}
 .screenshot-empty-copy{padding:24px}.screenshot-empty h3{font-size:23px}
 .cp-section-nav{gap:8px;margin-top:20px}.cp-section-nav a{font-size:15px;padding:9px 17px}
 .cp-page-description{font-size:15px}.cp-renewal .cp-powerbook .category_item table td{display:block;width:auto!important;border-bottom:0!important;padding:8px 10px!important;text-align:left!important}
 .cp-powerbook .category_item table tr{display:block;border-bottom:1px solid var(--line)}
 .cp-renewal .cp-powerbook .category_item .it_1,.cp-renewal .cp-powerbook .category_item .it_2{padding:10px 14px!important}
 .cp-renewal .cp-powerbook .category_item td a{font-size:14px;padding:6px 9px!important}
 .cp-powerbook #fboardlist .table-responsive:not(.category_item) .item-table{min-width:760px}
 .cp-renewal .cp-powerbook #fboardlist .item-table>tbody>tr>td{font-size:15px!important}
 .cp-contact-grid{grid-template-columns:1fr;gap:17px}.cp-contact-card{padding:24px}
 .cp-contact-card h3{font-size:23px}.cp-support-note{padding:20px;font-size:15px}
 .cp-renewal .hongbo-guide{grid-template-columns:1fr;gap:17px}
 .cp-renewal .hongbo-link-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cp-renewal .hongbo-link-box,.cp-renewal .hongbo-reward-box,.cp-renewal .hongbo-post-body{padding:22px 18px}
 .cp-renewal .hongbo-link-title{font-size:18px}.cp-renewal .hongbo-link-button{font-size:15px}
}

.cp-powerbook .category_item .link-row .diff{display:none}
.cp-renewal .cp-powerbook .category_item .link-row a{font-size:16px}

.cp-powerbook .popup{max-width:calc(100vw - 36px);max-height:80vh;overflow:auto;border:1px solid #ddd9ca;border-radius:9px}
.cp-powerbook .popup-header{font-size:22px}.cp-powerbook .popup-content{font-size:16px;line-height:1.8}
.cp-powerbook .craft-btn,.cp-powerbook .drop-btn,.cp-powerbook .view-btn{display:inline-block;font-size:15px;border-radius:5px;padding:8px 12px!important;background:#e8d4b0;color:#65502e}
.cp-powerbook .craft-btn:hover,.cp-powerbook .drop-btn:hover,.cp-powerbook .view-btn:hover{background:#d9bf90}
@media(max-width:767px){.cp-powerbook .category_item thead{display:none}}

/* Allow long Korean titles to shrink within the mobile news grid. */
.news-layout,.news-columns,.news-panel{min-width:0}
@media(max-width:600px){.news-columns{grid-template-columns:minmax(0,1fr)}}

.brand-name{max-width:260px;overflow-wrap:anywhere}.brand-name small{overflow-wrap:anywhere;white-space:normal}.cp-home .eyebrow{overflow-wrap:anywhere}
@media(max-width:600px){.brand-name{max-width:115px;font-size:18px}.brand-name small{letter-spacing:1px}.header-inner{row-gap:8px}}

/* Administrator-uploaded logos retain their proportions. */
.cp-renewal .brand-logo{display:block;width:auto;height:auto;max-width:180px;max-height:48px;object-fit:contain;flex-shrink:0}
.cp-renewal .brand-has-logo:not(.brand-logo-only) .brand-logo{max-width:52px}
.cp-renewal .footer-brand{display:flex;align-items:center;gap:12px}
.cp-renewal .footer-logo{display:block;width:auto;height:auto;max-width:160px;max-height:38px;object-fit:contain;flex-shrink:0}
.cp-renewal .footer-brand-name>span{font-size:10px;font-weight:400;color:#8c989c;letter-spacing:1.5px;margin-left:14px}
@media(max-width:600px){
 .cp-renewal .brand-logo{max-width:120px;max-height:38px}
 .cp-renewal .brand-has-logo:not(.brand-logo-only) .brand-logo{max-width:40px;max-height:36px}
 .cp-renewal .footer-logo{max-width:120px;max-height:32px}
 .cp-renewal .footer-brand-name>span{display:block;margin:4px 0 0;font-size:9px}
 .cp-renewal .footer-inner{flex-wrap:wrap}
}