/*
 * CREW / SPRING VILLAGE — 2026-09-06
 * Presentation only. Loaded after board skins; no permission or game logic changes.
 * Chat stays first in DOM and left on desktop. Interior account panel stays top-right.
 */
body[data-crew-design="spring"] {
  --cr-ink:#223e43; --cr-muted:#596d70; --cr-green:#23645e;
  --cr-line:#dce6e2; --cr-gold:#c39448; --cr-paper:#f5f8f5;
  background:var(--cr-paper);color:var(--cr-ink);
  font-family:Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;
  font-size:16px;line-height:1.6;word-break:keep-all;min-width:0;
}
body[data-crew-design="spring"]:before{display:none}
html{height:auto!important;min-height:100%;background:#f5f8f5}
body[data-crew-design="spring"]{height:auto!important;min-height:100vh;overflow-x:clip!important;overflow-y:visible!important}
body[data-crew-design="spring"] *{box-sizing:border-box}
body[data-crew-design="spring"] a{transition:color .15s,background-color .15s,box-shadow .15s}
body[data-crew-design="spring"] a:focus-visible,body[data-crew-design="spring"] button:focus-visible,
body[data-crew-design="spring"] input:focus-visible{outline:3px solid #d08e28;outline-offset:3px}
body[data-crew-design="spring"] input,body[data-crew-design="spring"] textarea,body[data-crew-design="spring"] select{font:inherit}
body[data-crew-design="spring"] ::selection{background:#cfe8dc;color:#173d38}
/* Shared identity and desktop navigation. */
body #hd.crew-header{background:#fff;border:0;box-shadow:0 3px 18px #21443a08}
body .crew-header #tnb{background:#214b47;border:0;height:30px}
body .crew-header #tnb .inner{width:calc(100% - 64px);max-width:1480px;height:30px}
body .crew-header .crew-kicker{color:#e1eee6;font-size:11px;font-weight:600;letter-spacing:.05em}
body .crew-header .crew-kicker:after{display:none}
body .crew-header #hd_qnb li{line-height:30px}
body .crew-header #hd_qnb li a{font-size:12px;color:#e1eee6}
body .crew-header #hd_wrapper{width:calc(100% - 64px);max-width:1480px;height:96px;background:#fff}
body .crew-header #logo{top:23px;left:0}
body .crew-wordmark{gap:12px!important}
body .crew-wordmark-crest{background:#edf5eb!important;border:1px solid #a8c2a6!important;box-shadow:0 0 0 4px #f5f7eb!important}
body .crew-wordmark-crest:before{color:#39715a!important}
body .crew-wordmark-crest:after{border-color:#c2d5b5!important}
body .crew-wordmark-main{font-family:"Malgun Gothic",sans-serif;font-size:30px!important;font-weight:900;letter-spacing:-.08em;color:#254d45}
body .crew-wordmark-main:after,body .crew-footer-brand-main:after{display:none!important}
body .crew-wordmark-sub{color:#5b7770!important;font-size:9px!important;letter-spacing:.3em!important}
body .crew-header .hd_sch_wr{top:21px;left:50%;width:390px;margin-left:-195px}
body .crew-header #hd_sch{height:44px;border:1px solid #dbe5df;background:#f4f7f3;box-shadow:none}
body .crew-header #hd_sch #sch_stx{height:42px;width:calc(100% - 52px);color:#294841;font-size:14px;background:transparent}
body .crew-header #hd_sch #sch_stx::placeholder{color:#647971}
body .crew-header #hd_sch #sch_submit{height:42px;width:50px;border:0;color:#3f6b5e}
body .crew-header #popular{margin-top:3px}
body .crew-header #popular li a{font-size:11px;color:#65786f}
body .crew-header .hd_login{top:30px;right:0}
body .crew-header .hd_login li a{font-size:13px;padding:9px 15px;color:#3c5b51;border-color:#d5e2da;background:#fff;box-shadow:none}
body .crew-header .hd_login .crew-login-primary a,body .crew-header .hd_login .tnb_admin a{background:#23645e;border-color:#23645e;color:#fff;box-shadow:none}
body .crew-header #gnb{background:#fff;border-top:1px solid #edf1ed;border-bottom:1px solid #dde7df}
body .crew-header #gnb .gnb_wrap{width:calc(100% - 64px);max-width:1480px;min-width:0}
body .crew-header #gnb #gnb_1dul{height:62px;width:100%;margin:auto}
body .crew-header #gnb .gnb_1dli{line-height:62px}
body .crew-header .gnb_1da{font-size:16px;padding:0 24px;color:#314f47;font-weight:700}
body .crew-header .gnb_1dli:hover>.gnb_1da,body .crew-header .gnb_1dli:focus-within>.gnb_1da,
body .crew-header .gnb_1dli.crew-current>.gnb_1da{color:#14746a}
body .crew-header .gnb_1dli.crew-current>.gnb_1da:after{background:#3d8d72}
body .crew-header #gnb .gnb_menu_btn{width:62px;height:62px;border:0;background:#f0f6ef;color:#326451}
body .crew-header .gnb_2dul .gnb_2dul_box{border:1px solid #d5e2d8;border-top:3px solid #3d8d72;background:#fff;box-shadow:0 10px 30px #25483216}
body .crew-header .gnb_2da{color:#314f47;font-size:14px}
body .crew-header a.gnb_2da:hover{background:#f0f7f0;color:#136953}
body .crew-header .gnb_1dli:focus-within .gnb_2dul{display:block}
body .crew-header #gnb_all{background:#fff;color:#28493d;border-color:#c6d9cb;box-shadow:0 12px 35px #183f3820}
body .crew-header #gnb_all h2{color:#254a3d;border-color:#dce7dc}
body .crew-header #gnb_all .gnb_al_li .gnb_al_a,body .crew-header #gnb_all a{color:#2e5347}
body .crew-header #gnb_all .gnb_al_li li a{color:#516d5f;font-size:14px}
/* Home: native-flow layout with an uncropped illustration. No animation loops. */
body #wrapper.crew-home-wrapper,body #wrapper.crew-home-wrapper #container_wr,body #wrapper.crew-home-wrapper #container{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;float:none!important}
.crew-portal{background:linear-gradient(180deg,#edf5f0 0,#f9faf6 650px,#fff 100%);color:#223e43;padding:28px 0 70px}
.cp-width{width:calc(100% - 64px);max-width:1480px;margin:0 auto}
.cp-top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:stretch}
.cp-hero{position:relative;isolation:isolate;min-width:0;min-height:588px;overflow:hidden;border:1px solid #d9e7de;border-radius:22px;background:#eaf6f8}
.cp-hero-art{position:absolute;inset:0;z-index:-2}
.cp-hero-art img{width:100%;height:100%;object-fit:cover;object-position:64% center;display:block}
.cp-hero:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8fbf1e8 0,#f8fbf1b8 32%,#f8fbf100 62%);content:"";pointer-events:none}
.cp-hero-copy{padding:60px 40px 80px;max-width:630px}
.cp-eyebrow{font-size:14px;letter-spacing:.08em;color:#3b7160;font-weight:800;margin:0 0 22px}
.cp-hero h2{font-size:clamp(40px,3.65vw,61px);line-height:1.22;letter-spacing:-.07em;color:#244c44;font-weight:900}
.cp-hero h2 em{color:#246f5f;font-style:normal}
.cp-intro{font-size:17px;color:#445f53;line-height:1.8;margin-top:21px}
.cp-hero-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}
.cp-hero-tags span{border:1px solid #abc9b6;border-radius:6px;background:#ffffffaa;padding:5px 9px;color:#41614f;font-size:12px;font-weight:700}
.cp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.crew-portal .cp-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:13px 22px;border-radius:10px;font-size:16px;font-weight:800;text-decoration:none;line-height:1.4}
.crew-portal .cp-primary{color:#fff;background:#226658;border:1px solid #226658;box-shadow:0 6px 14px #23645e20}
.crew-portal .cp-primary:hover{background:#154e44;box-shadow:0 6px 20px #23645e30}
.crew-portal .cp-secondary{color:#285848;background:#fffffff2;border:1px solid #becfc2}
.crew-portal .cp-secondary:hover{background:#eff8ed}
.cp-hero-caption{position:absolute;bottom:20px;left:40px;right:30px;font-size:11px;color:#4f6b5b;letter-spacing:.04em}
.cp-hero-caption span{font-size:10px;font-weight:800;letter-spacing:.18em;margin-right:12px}
/* Existing realtime-chat protocol, inputs, roles and onboarding remain intact. */
body .crew-portal .crew-chat-panel{display:flex;grid-column:auto;grid-row:auto;position:relative;flex-direction:column;width:100%;height:588px;margin:0;align-self:stretch;order:0;border:1px solid #cfdfd5;border-radius:18px;background:#fff;box-shadow:0 8px 28px #21483b08;backdrop-filter:none;-webkit-backdrop-filter:none}
body .crew-portal .crew-chat-header{flex:0 0 79px;padding:0 16px;border-bottom:1px solid #dde8df;background:#f6faf3}
body .crew-portal .crew-chat-icon{width:34px;height:34px;flex-basis:34px;border:0;border-radius:12px;background:#dfedde;color:#3c7451;box-shadow:none;font-size:16px}
body .crew-portal .crew-chat-title h2{font-size:19px;color:#254e43;line-height:1.3}
body .crew-portal .crew-chat-title p{font-size:11px;color:#5e7468;white-space:normal;line-height:1.5}
body .crew-portal .crew-chat-live{font-size:9px;background:#e9f6eb;color:#2c7450;padding:5px}
body .crew-portal .crew-chat-messages{overflow-y:auto;min-height:0;padding:16px 12px;background:#fff;gap:15px;scrollbar-color:#bacfbd transparent}
body .crew-portal .crew-chat-avatar{background:#f0f5ef;color:#417354;border:1px solid #d7e4d6;box-shadow:none}
body .crew-portal .crew-chat-nick{font-size:13px;color:#365a46}
body .crew-portal .crew-chat-time{font-size:11px;color:#677d70}
body .crew-portal .crew-chat-bubble{font-size:14px;line-height:1.65;color:#324d3f;background:#f1f6ee;border:1px solid #e3ecde;box-shadow:none;overflow-wrap:anywhere;word-break:normal}
body .crew-portal .crew-chat-message.is-gm .crew-chat-bubble{background:#e6f4ec;color:#225445;border-color:#c7e1d1}
body .crew-portal .crew-chat-gm{color:#275b3c;background:#d9ebd2;font-size:9px}
body .crew-portal .crew-chat-message.is-system{background:#fff5db;border:1px solid #e0c17b;box-shadow:none;padding:10px;border-radius:9px}
body .crew-portal .crew-chat-message.is-system .crew-chat-bubble{color:#624719;background:none;border:0;font-size:13px}
body .crew-portal .crew-chat-message.is-system .crew-chat-nick{color:#795a22}
body .crew-portal .crew-chat-welcome{color:#634518;background:#f0d593;font-size:8px}
body .crew-portal .crew-chat-first-required{margin:10px 10px 0;padding:12px;border:2px solid #dca233;background:#fff1ce;border-radius:8px;box-shadow:none}
body .crew-portal .crew-chat-first-required strong{font-size:15px;color:#984416}
body .crew-portal .crew-chat-first-required span{font-size:14px;color:#694e1e}
body .crew-portal .crew-chat-first-required span b{font-size:16px;color:#963c16}
body .crew-portal .crew-chat-form,body .crew-portal .crew-chat-login{padding:13px 12px;background:#f6faf4;border-top:1px solid #dce7d9}
body .crew-portal .crew-chat-input-wrap{display:flex;gap:6px}
body .crew-portal .crew-chat-input-wrap input{min-width:0;height:44px;background:#fff;color:#274e3d;border:1px solid #c5d9c8;border-radius:7px;font-size:16px}
body .crew-portal .crew-chat-input-wrap button{width:42px;min-width:42px;height:44px;background:#286b54;border:0;border-radius:7px;color:#fff}
body .crew-portal .crew-chat-form>p{font-size:10px;color:#5e7364;margin-top:7px}
body .crew-portal .crew-chat-form>p strong{color:#31573f}
body .crew-portal .crew-chat-login p{font-size:13px;color:#526b59}
body .crew-portal .crew-chat-login a{display:block;padding:10px;background:#276751;color:#fff;border-radius:7px;font-size:14px}
body .crew-portal .crew-chat-loading,body .crew-portal .crew-chat-notice{font-size:13px;color:#526b59}
body .crew-portal .crew-chat-mobile-toggle{display:none;background:#eef5e9;border-color:#d8e4d3;color:#48683e;font-size:13px}
/* News & pathways. */
.cp-news,.cp-journey{margin-top:54px}
.cp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.cp-overline{display:block;color:#567464;font-size:11px;letter-spacing:.18em;font-weight:800}
.cp-section-head h2{font-size:29px;font-weight:800;color:#23473c;line-height:1.4;letter-spacing:-.06em;margin-top:5px}
.cp-section-head p,.cp-text-link{color:#5a7263;font-size:14px}
.cp-news-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.cp-news-card{min-width:0;background:#fff;border:1px solid #dce6da;border-radius:14px;padding:24px}
.cp-news-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dce7db;padding-bottom:18px}
.cp-news-card h3{font-size:19px;color:#2d5143;white-space:nowrap}
.cp-news-card h3 i{color:#659475;margin-right:6px;font-size:17px}
.cp-news-card>header>a{font-size:12px;color:#5c7164;white-space:nowrap}
body .crew-portal .crew-notice-list ul{padding:0;margin:0}
body .crew-portal .crew-notice-list li{border-color:#e7ede4}
body .crew-portal .crew-notice-list li>a{display:grid;grid-template-columns:minmax(0,1fr) 43px;gap:10px;min-height:59px;color:#304b3e}
body .crew-portal .crew-notice-badge,body .crew-portal .crew-notice-list li i{display:none}
body .crew-portal .crew-notice-list li strong{grid-column:1;grid-row:1;font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap}
body .crew-portal .crew-notice-date{grid-column:2;grid-row:1;color:#677b6b;font-size:12px;text-align:right}
body .crew-portal .crew-notice-list li>a:hover strong{color:#18724e}
body .crew-portal .crew-board-mini-latest ul{padding:0}
body .crew-portal .crew-board-mini-latest li{border-color:#e7ede4}
body .crew-portal .crew-board-mini-latest li>a{min-height:55px;grid-template-columns:minmax(0,1fr) 40px;gap:8px;color:#304b3e}
body .crew-portal .crew-board-mini-dot{display:none}
body .crew-portal .crew-board-mini-latest strong{font-size:15px;line-height:1.5;font-weight:600}
body .crew-portal .crew-board-mini-latest time{font-size:12px;color:#677b6b}
.cp-event-link{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:12px;margin-top:14px;border-radius:8px;background:#f9f1df;color:#795a2b;font-size:13px;font-weight:700}
.cp-event-link i{margin-right:5px}
.cp-guest-note{font-size:13px;color:#5b705f;margin-top:14px}
.cp-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cp-journey-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:25px;border:1px solid #d9e5d6;border-radius:14px;background:#edf5e9;color:#31543e;overflow:hidden}
.cp-journey-card:hover{box-shadow:0 10px 24px #21483b12;text-decoration:none}
.cp-card-number{font-size:10px;letter-spacing:.16em;font-weight:800;color:#52765b}
.cp-journey-card>i{font-size:33px;line-height:1;margin:26px 0 18px;color:#649a74}
.cp-journey-card h3{font-size:21px;font-weight:800;letter-spacing:-.05em}
.cp-journey-card p{font-size:14px;line-height:1.8;margin:10px 0 23px;color:#59705d}
.cp-card-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #76955d30;padding-top:16px;font-size:14px;font-weight:800;margin-top:auto}
.cp-card-rank{background:#fcf4e0;border-color:#ece1c4;color:#75562c}.cp-card-rank>i,.cp-card-rank .cp-card-number{color:#a9853f}.cp-card-rank p{color:#7b6947}
.cp-card-gallery{background:#edf5f7;border-color:#d5e4e9;color:#3a6170}.cp-card-gallery>i,.cp-card-gallery .cp-card-number{color:#668f9e}.cp-card-gallery p{color:#597681}
.cp-card-promo{background:#fcf0ef;border-color:#eeddd9;color:#855b5e}.cp-card-promo>i,.cp-card-promo .cp-card-number{color:#b27777}.cp-card-promo p{color:#886f70}
.cp-start{margin-top:48px}
.cp-start-banner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px 48px;border:1px solid #c4d9cb;border-radius:18px;background:linear-gradient(115deg,#e3eee1,#f7f9ed);color:#294e3a}
.cp-start h2{font-size:30px;line-height:1.45;letter-spacing:-.045em;margin:8px 0 10px}
.cp-start h2 br{display:none}
.cp-start p{font-size:15px;color:#5b725f}
.cp-start-links{display:flex;gap:12px;flex-wrap:wrap}
.cp-help-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 32px;margin-top:24px}
.cp-help-links a{font-size:14px;color:#536d5d}.cp-help-links i{margin-right:6px;color:#769179}
/* Interior layout: board and outlogin are separate columns, never a floated tail. */
body #wrapper:not(.crew-home-wrapper){background:#f2f6f2;color:#263e35;padding:36px 0 68px}
body #wrapper:not(.crew-home-wrapper) #container_wr{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:26px;align-items:start;width:calc(100% - 64px);max-width:1480px;min-width:0;margin:0 auto;padding:0!important;border:0!important;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body #wrapper:not(.crew-home-wrapper) #container{grid-column:1;grid-row:1;float:none;min-width:0;width:100%;margin:0;padding:28px;background:#fff;border:1px solid #d8e3d9;border-radius:14px;color:#2f463b;overflow-wrap:break-word}
body #wrapper:not(.crew-home-wrapper) #aside{display:block;grid-column:2;grid-row:1;float:none;width:248px;margin:0;padding:0;position:static}
body #wrapper:not(.crew-home-wrapper) #container_title{width:auto;min-height:0;margin:-28px -28px 26px;padding:29px 28px;border:0;border-bottom:1px solid #d6e5d5;border-radius:14px 14px 0 0;background:linear-gradient(115deg,#e8f1e3,#f6f8ed);color:#284e39;font-size:29px;line-height:1.5;height:auto;text-shadow:none;letter-spacing:-.055em}
body #wrapper:not(.crew-home-wrapper) #container a{color:#2f5c4b}
body #wrapper:not(.crew-home-wrapper) #aside .ol,body #wrapper:not(.crew-home-wrapper) #aside .poll{background:#fff;border:1px solid #d8e3d9;border-radius:14px;color:#304b3d;box-shadow:0 6px 18px #213c3007;overflow:hidden}
body #wrapper:not(.crew-home-wrapper) #aside .ol a{color:#2e5b45}
body #wrapper:not(.crew-home-wrapper) #aside .ol h2{font-size:17px;color:#2c4e3a}
body #wrapper:not(.crew-home-wrapper) #aside .ol input{max-width:100%;background:#fff;color:#27432e;border-color:#cfdfce}
body #wrapper:not(.crew-home-wrapper) #aside .ol button[type=submit]{background:#28664c;color:#fff}
body #wrapper #bo_list,body #wrapper #bo_gall,body #wrapper #bo_v,body #wrapper #bo_w{width:100%!important;max-width:100%;min-width:0}
body #wrapper #bo_list_total{font-size:13px;color:#5b6e5f}
body #wrapper:not(.crew-home-wrapper) .tbl_head01 thead th,body #wrapper:not(.crew-home-wrapper) .tbl_head02 thead th{background:#eaf1e7!important;border-color:#d8e4d2!important;color:#365442!important;font-size:14px;font-weight:700;padding:15px 8px}
body #wrapper:not(.crew-home-wrapper) .tbl_head01 td,body #wrapper:not(.crew-home-wrapper) .tbl_head02 td{padding:18px 8px;font-size:15px;line-height:1.65;border-color:#e3e9df!important;color:#34483a!important;background:#fff!important}
body #wrapper:not(.crew-home-wrapper) .tbl_head01 tbody tr:nth-child(even) td,body #wrapper:not(.crew-home-wrapper) .tbl_head02 tbody tr:nth-child(even) td{background:#fafcf8!important}
body #wrapper:not(.crew-home-wrapper) .tbl_head01 tbody tr:hover td,body #wrapper:not(.crew-home-wrapper) .tbl_head02 tbody tr:hover td{background:#f0f7ed!important}
body #wrapper #bo_list .bo_tit a,body #wrapper #bo_list .bo_tit{color:#273f30!important;font-size:16px;line-height:1.6}
body #wrapper .btn_bo_user li{background:#f4f8f0!important;border-color:#ccdcc5;border-radius:6px}
body #wrapper .btn_bo_user li a,body #wrapper .btn_bo_user li button{color:#345b40!important}
body #wrapper .btn_bo_user li:hover{background:#e3efdc!important}
body #wrapper .pg_page{background:#f5f8f1;border:1px solid #d9e3d0;color:#40623f;min-width:36px;min-height:36px;line-height:34px;border-radius:6px}
body #wrapper .pg_current{background:#366e49;border:1px solid #366e49;color:#fff;min-width:36px;min-height:36px;line-height:34px;border-radius:6px}
body #wrapper .frm_input,body #wrapper textarea,body #wrapper select{background:#fff!important;color:#273f30!important;border-color:#bccfb6!important;font-size:16px}
body #wrapper .btn_submit,body #wrapper a.btn_submit,body #wrapper .btn_confirm .btn_submit{color:#fff;background:#2a654c;border-color:#2a654c}
body #wrapper #bo_v{padding:24px 0;border:0;border-radius:0;box-shadow:none;background:#fff!important;color:#293d30}
body #wrapper #bo_v_title .bo_v_tit{font-size:28px;line-height:1.5;color:#24412f!important}
body #wrapper #bo_v_info{color:#61725e;border-color:#dbe4d5;font-size:13px}
body #wrapper #bo_v_con{font-size:17px;line-height:1.95;color:#273c2e!important;background:#fff;overflow-wrap:anywhere;word-break:normal}
body #wrapper #bo_v_con a{color:#16725a!important;text-decoration:underline;text-underline-offset:3px}
body #wrapper #bo_v_con img,body #wrapper #bo_v_img img,body #wrapper a.view_image img{display:block;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;margin-left:auto;margin-right:auto}
body #wrapper #bo_v_con iframe,body #wrapper #bo_v_con video{max-width:100%}
body #wrapper #bo_vc article{background:#f8fbf5;border:1px solid #dbe5d4;border-radius:10px;padding:20px;margin:12px 0}
body #wrapper #bo_vc .cmt_contents{font-size:15px;line-height:1.8;color:#334932!important;overflow-wrap:anywhere}
body #wrapper .cmt_btn{background:#fff;border-color:#dbe4d3;color:#2f503a;font-size:17px}
body #wrapper #bo_v_file li,body #wrapper #bo_v_link li,body #wrapper .bo_v_nb li{background:#f7faf3;border-color:#dce5d4}
body #wrapper #bo_gall #gall_ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:20px 0}
body #wrapper #bo_gall #gall_ul:after{display:none}
body #wrapper #bo_gall .gall_li{float:none!important;width:auto!important;min-width:0;padding:0!important;clear:none!important}
body #wrapper #bo_gall .gall_box{height:100%;margin:0;padding:10px;border:1px solid #dce5d7;border-radius:11px;background:#fff;box-shadow:none}
body #wrapper #bo_gall .gall_img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:4/3;background:#eef3ec;border-color:#e1e7dc!important;border-radius:6px}
body #wrapper #bo_gall .gall_img a{width:100%;height:100%;background:#eef3ec}
body #wrapper #bo_gall .gall_img img,body #wrapper #bo_gall .gall_img video{width:100%!important;height:100%!important;max-height:100%;object-fit:contain!important;background:#eef3ec}
body #wrapper #bo_gall .gall_text_href a{font-size:16px!important;line-height:1.5;color:#304a33!important;display:block;white-space:normal;overflow-wrap:anywhere}
body #wrapper #bo_gall .gall_info{font-size:12px;color:#62765f;line-height:1.6}
/* Footer is a quiet anchor, with the same legible navigation on every page. */
body #ft.crew-footer{background:#234b40;border:0;color:#e9f2e7;padding:38px 24px}
body .crew-footer #ft_wr{width:100%;max-width:1480px;padding:0;margin:auto}
body .crew-footer-brand-main{font-family:"Malgun Gothic",sans-serif;font-size:25px!important;color:#f0f6e9;letter-spacing:-.06em}
body .crew-footer-brand-sub{color:#c4d9bc;letter-spacing:.2em}
body .crew-footer-nav{gap:16px 26px;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:center}
body .crew-footer-nav a{font-size:14px;color:#e3eedc}
body .crew-footer-copy{color:#b5ccb0;font-size:12px}
body #top_btn{background:#fff;border:1px solid #bccfb2;color:#36613d;border-radius:12px;box-shadow:0 4px 12px #23482c20}
/* Mobile template and narrow desktop fallback use identical content hierarchy. */
body #hd.crew-mobile-header{background:#fff;border-bottom:1px solid #dce7d4;box-shadow:0 2px 10px #25482f07}
body .crew-mobile-header #hd_wrapper{height:77px;background:#fff}
body .crew-mobile-header #logo{top:17px;left:18px}
body .crew-mobile-header .crew-wordmark-main{font-size:25px!important}
body .crew-mobile-header .crew-wordmark-crest{width:39px!important;height:39px!important;flex-basis:39px!important}
body .crew-mobile-header .hd_opener{color:#315b41;background:#f0f6eb;border-color:#d4e2cb;border-radius:9px}
body .crew-mobile-header .hd_div{background:#fff;color:#304b37;border-color:#cfdfc5;box-shadow:0 12px 30px #203b2925}
body .crew-mobile-header #gnb{background:#fff}
body .crew-mobile-header .crew-drawer-brand{background:#f1f7ed;border-color:#d9e6d0}
body .crew-mobile-header .crew-drawer-brand small{color:#66845e}
body .crew-mobile-header .gnb_1da{color:#36533e;font-size:16px;border-color:#e0e9d9}
body .crew-mobile-header .gnb_2da{color:#4c6a45;font-size:14px;background:#f8fbf4}
body .crew-mobile-header #gnb .ol{background:#f7fbf1;color:#344d35;border-color:#dae6ce}
body .crew-mobile-header #gnb .ol a{color:#3b6341}
body #hd.crew-mobile-header{height:77px!important}
body #hd.crew-mobile-header #gnb_open,body #hd.crew-mobile-header #user_btn{top:16px!important;border:1px solid #d3e1c9!important;border-radius:12px!important;background:#eff6e9!important;color:#436c42!important}
body .crew-mobile-header #gnb_1dul,body .crew-mobile-header .gnb_2dul,body .crew-mobile-header #user_menu{background:#fff;color:#345436}
body .crew-mobile-header .crew-current>.gnb_1da{background:#edf6e6;color:#346233;border-left-color:#82ad66}
body .crew-mobile-header .gnb_1dli{border-color:#e0ead7}
body #wrapper #aside #ol_submit{background:#28664c;color:#fff;border:0;border-radius:6px;height:40px}
body #wrapper:not(.crew-home-wrapper) #aside .ol #ol_submit{background:#28664c;color:#fff}
body #wrapper:not(.crew-home-wrapper) #container_title{font-family:inherit}
body .crew-portal .crew-chat-message.is-operator .crew-chat-bubble{background:#e5f2e5;border-color:#c9dfc1;color:#315435}
body .crew-portal .crew-chat-message.is-operator .crew-chat-nick{color:#3f6e37}
/* Keep verified GM badges, but remove continuous glow and pale text on light surfaces. */
body[data-crew-design="spring"] .crew-gm-text{background:none!important;-webkit-text-fill-color:#85601d!important;color:#85601d!important;text-shadow:none!important;animation:none!important}
body[data-crew-design="spring"] .crew-gm-name[data-crew-role="developer-gm"] .crew-gm-text{-webkit-text-fill-color:#21655b!important;color:#21655b!important}
body[data-crew-design="spring"] .crew-gm-name:before{display:none}
body[data-crew-design="spring"] .crew-gm-crown,body[data-crew-design="spring"] .crew-gm-badge{animation:none!important}
body[data-crew-design="spring"] .crew-webpush-toggle{background:#285e47;border-color:#94b696;box-shadow:0 5px 18px #1f3c2b24}
body[data-crew-design="spring"] .crew-webpush-toggle:hover{background:#1b4935}
body[data-crew-design="spring"] .mbskin{max-width:calc(100% - 32px);color:#294a35}
body[data-crew-design="spring"] .mbskin .mbskin_box{background:#fff;border:1px solid #d5e2d0;border-radius:16px;box-shadow:0 10px 35px #284a3010}
body[data-crew-design="spring"] .mbskin .btn_submit{background:#2c684a;border-color:#2c684a;color:#fff;border-radius:8px}
body[data-crew-design="spring"] .mbskin .frm_input{background:#fff;color:#29482e;border:1px solid #c4d7ba;font-size:16px;min-height:48px}
body[data-crew-design="spring"] .crew-member-heading h1{color:#315935}
body[data-crew-design="spring"] .crew-member-heading p{color:#5c7158;font-size:15px}
body[data-crew-design="spring"] .crew-member-mark{background:#edf5e4;color:#60814d;border-color:#ccddb9;box-shadow:none}
body[data-crew-design="spring"] .crew-member-eyebrow{color:#628152}
body[data-crew-design="spring"] .crew-member-heading{background:linear-gradient(130deg,#eef5e8,#f9fbf3);border-color:#d5e3ca;box-shadow:none}
body[data-crew-design="spring"] .crew-member-heading h1{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;font-size:28px!important;line-height:1.45!important;margin:12px 0!important;color:#315935;letter-spacing:-.05em}
body[data-crew-design="spring"] #mb_login #login_fs .btn_submit{background:#2e694b!important;color:#fff;border:1px solid #2e694b;box-shadow:0 5px 13px #2e694b18}
body[data-crew-design="spring"] #mb_login .mb_log_cate h2{color:#356244;border-color:#80a46e}
body[data-crew-design="spring"] #mb_login .mb_log_cate h2:after{background:#6d985c}
body[data-crew-design="spring"] #mb_login .crew-login-note{background:#f2f8ed;color:#59704c;border-color:#dce6d3}
body[data-crew-design="spring"] #fregister p{height:auto;min-height:50px;line-height:1.7;padding:15px;background:#fff0d7;color:#795121}
body[data-crew-design="spring"] #fregister p:before{background:#d3a454;height:100%}
body[data-crew-design="spring"] #fregister section,body[data-crew-design="spring"] .register_form_inner{border-color:#d5e2ce;background:#fafcf7;color:#345333}
body[data-crew-design="spring"] #fregister textarea{font-size:15px;color:#3d5438}
body #wrapper #bo_v_con [style*="font-size:14px"],body #wrapper #bo_v_con [style*="font-size: 14px"],
body #wrapper #bo_v_con [style*="font-size:13px"],body #wrapper #bo_v_con [style*="font-size: 13px"],
body #wrapper #bo_v_con [style*="font-size:12px"],body #wrapper #bo_v_con [style*="font-size: 12px"],
body #wrapper #bo_v_con [style*="font-size:10pt"],body #wrapper #bo_v_con [style*="font-size: 10pt"]{font-size:16px!important}
body #hd.crew-mobile-header #gnb .crew-current>.gnb_1da{background:#edf6e6;color:#346233;border-left-color:#82ad66}
body #hd.crew-mobile-header #gnb .gnb_1da>i,body #hd.crew-mobile-header #gnb .crew-mobile-subnav i{color:#678565}
body #hd.crew-mobile-header #gnb .gnb_2dul{background:#f6faf1}
body #hd.crew-mobile-header #gnb .gnb_2da{background:#f6faf1;color:#3f6142}
body #hd.crew-mobile-header #gnb_close,body #hd.crew-mobile-header #user_close{background:#e2edda;color:#385e35;border-radius:10px}
body #hd.crew-mobile-header #gnb #ol_after_hd .btn_admin{background:#365f3f;color:#fff}
body #hd.crew-mobile-header #gnb #ol_after_logout{background:#e6efdd;color:#3c6037}
@media(max-width:1023px){
  body #wrapper #container .btn_top{position:static!important;display:flex;justify-content:flex-end;flex-wrap:wrap;float:none;width:100%;margin:0 0 12px;padding:0;gap:5px}
  body #wrapper #container .btn_top>li{float:none;margin:0;position:relative}
  body #wrapper #container .btn_top>li>a,body #wrapper #container .btn_top>li>button{width:43px;height:43px;line-height:41px}
  body #wrapper #bo_v>header{padding:0}
  body #wrapper #bo_v_atc{padding:18px 0}
  body #wrapper #bo_v_con table th,body #wrapper #bo_v_con table td{padding-left:5px!important;padding-right:5px!important}
}
@media (max-width:1439px) and (min-width:1024px){
  .cp-top{grid-template-columns:280px minmax(0,1fr);gap:18px}
  .cp-hero-copy{padding-left:30px;padding-right:20px}
  .cp-hero h2{font-size:46px}.cp-intro{font-size:16px}
  .cp-hero-art img{object-position:60% center}
  body .crew-header .gnb_1da{padding:0 18px;font-size:15px}
  .cp-news-card{padding:20px}.cp-news-card h3{font-size:17px}
  .cp-journey-card{padding:21px}.cp-journey-card h3{font-size:19px}
  .cp-start-banner{padding:32px}.cp-start-links{flex-direction:column}
}
@media (min-width:1024px) and (max-width:1279px){
  body #hd.crew-header #gnb{overflow:visible}
  body #hd.crew-header #gnb #gnb_1dul{width:100%!important;max-width:100%!important;padding:0;height:58px}
  body #hd.crew-header #gnb .gnb_1dli{line-height:58px}
  body #hd.crew-header #gnb .gnb_menu_btn{display:block;height:58px;width:48px}
  body #hd.crew-header .gnb_1da{padding:0 12px;font-size:14px}
  body #hd.crew-header #gnb .gnb_2dul{white-space:normal}
  body #wrapper:not(.crew-home-wrapper) #container_wr{width:calc(100% - 40px)!important;grid-template-columns:minmax(0,1fr) 230px;gap:20px}
  body #wrapper:not(.crew-home-wrapper) #aside{width:230px}
  .cp-top{grid-template-columns:270px minmax(0,1fr)}
  .cp-hero-copy{padding:45px 24px 70px}.cp-hero h2{font-size:40px}
  .cp-actions{flex-direction:column;align-items:flex-start}.cp-hero{min-height:588px}
}
@media(max-width:1023px){
  .cp-width{width:calc(100% - 32px)}
  .crew-portal{padding:16px 0 42px}
  .cp-top{display:flex;flex-direction:column;gap:18px}
  body .crew-portal .crew-chat-panel{height:374px;order:0;border-radius:14px}
  body .crew-portal .crew-chat-panel.is-expanded{height:620px;height:min(78vh,680px)}
  body .crew-portal .crew-chat-header{flex-basis:66px}
  body .crew-portal .crew-chat-mobile-toggle{display:flex;min-height:36px;flex:0 0 36px;justify-content:center;align-items:center}
  body .crew-portal .crew-chat-messages{overflow-y:auto;overscroll-behavior-y:contain}
  .cp-hero{min-height:0;display:flex;flex-direction:column;background:#f1f8ef;border-radius:16px}
  .cp-hero-art{position:static;z-index:auto;order:0;display:block}
  .cp-hero-art img{height:auto;width:100%;object-fit:contain}
  .cp-hero:after{display:none}
  .cp-hero-copy{max-width:none;padding:28px 30px 32px;order:1}
  .cp-eyebrow{font-size:12px;margin-bottom:13px}.cp-hero h2{font-size:42px}
  .cp-intro{margin-top:16px;font-size:16px}
  .cp-hero-tags{margin-top:17px}.cp-actions{margin-top:22px}
  .cp-hero-caption{display:none}
  .cp-news,.cp-journey{margin-top:34px}
  .cp-section-head{align-items:flex-start;gap:8px;flex-direction:column;margin-bottom:18px}
  .cp-section-head h2{font-size:25px}.cp-section-head p{font-size:13px}
  .cp-news-grid{grid-template-columns:1fr 1fr;gap:16px}.cp-community-card{grid-column:1/-1}
  .cp-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .cp-start-banner{padding:28px;align-items:flex-start;flex-direction:column;gap:22px}
  .cp-start h2{font-size:27px}.cp-start h2 br{display:block}
  .cp-start-links{width:100%}.cp-start-links .cp-button{flex:1}
  .cp-help-links{gap:14px 22px}
  body #wrapper:not(.crew-home-wrapper){padding:18px 0 40px}
  body #wrapper:not(.crew-home-wrapper) #container_wr{display:block;width:calc(100% - 28px)!important;padding:0!important}
  body #wrapper:not(.crew-home-wrapper) #container{width:100%!important;padding:20px;border-radius:12px}
  body #wrapper:not(.crew-home-wrapper)>#container{width:calc(100% - 28px)!important;margin:0 auto}
  body #wrapper:not(.crew-home-wrapper) #container_title{margin:-20px -20px 22px;padding:23px 20px;font-size:25px;line-height:1.5;border-radius:12px 12px 0 0;position:static}
  body #wrapper:not(.crew-home-wrapper) #aside{display:none}
  body #wrapper #bo_v_con{font-size:16px;line-height:1.85}
  body #wrapper #bo_v_title .bo_v_tit{font-size:23px}
  body #wrapper #bo_gall #gall_ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  body #wrapper #bo_gall .gall_text_href a{font-size:15px!important}
  body #hd.crew-header #gnb{overflow:visible}
  body #hd.crew-header #gnb .gnb_wrap{width:100%}
  body #hd.crew-header #gnb #gnb_1dul{display:flex;flex-wrap:wrap;width:100%!important;height:auto;min-height:54px;white-space:normal;padding:4px 10px}
  body #hd.crew-header #gnb .gnb_1dli{line-height:43px}
  body #hd.crew-header .gnb_1da{padding:0 13px;font-size:14px}
  body #hd.crew-header #gnb .gnb_mnal{display:none}
}
@media(max-width:599px){
  .cp-news-grid{grid-template-columns:minmax(0,1fr)}
  .cp-news-card{padding:20px}.cp-news-card h3{font-size:19px}
  .cp-hero-copy{padding:24px 22px 28px}.cp-hero h2{font-size:37px}
  .cp-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .crew-portal .cp-button{min-height:51px;font-size:15px;padding:12px 15px}
  .cp-journey-card{padding:18px 15px}.cp-journey-card>i{font-size:28px;margin:23px 0 16px}
  .cp-journey-card h3{font-size:17px}.cp-journey-card p{font-size:13px;line-height:1.75;margin-bottom:18px}
  .cp-card-cta{font-size:13px}.cp-card-number{font-size:9px}
  .cp-start-banner{padding:25px 22px}.cp-start h2{font-size:25px}.cp-start p{font-size:14px}
  .cp-start-links{flex-direction:column}.cp-help-links{justify-content:flex-start;gap:14px 18px;padding:0 6px}
  .cp-help-links a{font-size:13px}
  body #wrapper:not(.crew-home-wrapper) #container{padding:16px}
  body #wrapper:not(.crew-home-wrapper) #container_title{margin:-16px -16px 18px;padding:22px 16px;font-size:23px}
  body #wrapper #bo_v{padding:15px 0}
  body #wrapper #bo_gall #gall_ul{gap:10px}
  body #wrapper #bo_gall .gall_box{padding:6px}
  body #wrapper #bo_gall .gall_text_href a{font-size:14px!important}
  body #wrapper #bo_v_con table{max-width:100%}
  body .crew-footer-nav{gap:12px 20px}
  body .crew-footer-nav a{font-size:13px}
}
@media(prefers-reduced-motion:reduce){body[data-crew-design="spring"] *,body[data-crew-design="spring"] *:before,body[data-crew-design="spring"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}