@font-face{font-family:BongiBrush;src:url('/main/bongi/deoksu-brush.ttf') format('truetype');font-display:swap;font-weight:400}
.bongi-body.b-harbor{--ink:#24251f;--olive:#666448;--gold:#a18454;--paper:#eee7d6;--line:#cfc5ae;--white:#faf6eb;background:#242b29 url('/main/bongi/busan-harbor-v2.webp') center center/cover fixed;color:#26271f}
.b-harbor:before{content:"";position:fixed;inset:0;background:rgba(20,25,23,.57);z-index:-1;pointer-events:none}
.b-harbor .b-header{background:rgba(26,30,27,.96);border-bottom:1px solid #ffffff25;color:#f2ead6;height:94px}
.b-harbor .b-header-inner{width:calc(100% - 96px);max-width:1440px}
.b-harbor .b-brand{color:inherit;gap:15px;white-space:nowrap}
.b-brand-word{font-family:BongiBrush,"궁서",serif;font-size:48px;line-height:1;letter-spacing:-1px;transform:rotate(-3deg);display:block}
.b-brand-sub{font:500 11px/1.5 Pretendard,sans-serif;letter-spacing:3px;border-left:1px solid currentColor;padding-left:15px;opacity:.75}
.b-harbor .b-login{color:#f2ead6;border-color:#e2d6be5c;border-radius:0}
.b-harbor .b-desktop-nav{font-size:15px;color:#f1e8d7}
.b-harbor .b-menu-button{color:#f2ead6}
.b-harbor .b-mobile-menu{background:#252b27;color:#f2ead6;border-bottom:1px solid #ffffff26}
.b-harbor .b-mobile-bottom{background:#242b28;color:#f1e8d7;border-color:#ad997b50}
.b-harbor .b-mobile-bottom a.b-nav-main{background:#dbbc81;color:#29271f;border-radius:0;font-weight:700}
.b-harbor .b-mobile-bottom a.active{color:#e8c783}
.b-homepage .b-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(#151a19bb,#151a193d);z-index:50}
.b-harbor-hero{position:relative;isolation:isolate;overflow:hidden;min-height:830px;height:100svh;max-height:1100px;background:url('/main/bongi/busan-harbor-v2.webp') center 56%/cover no-repeat;color:#f7f0df}
.b-harbor-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,20,.79),rgba(15,24,23,.34) 46%,rgba(15,20,18,.10)),linear-gradient(0deg,#1d2422 0%,transparent 25%);z-index:-1}
.b-harbor-copy{position:relative;z-index:3;width:48%;max-width:650px;margin-left:max(6.5vw,calc((100vw - 1350px)/2));padding-top:190px;padding-bottom:145px;text-shadow:0 2px 20px #12201c60}
.b-harbor-copy .b-eyebrow{font-size:13px;color:#d5c6a6;letter-spacing:.12em;margin-bottom:25px;font-weight:400}
.b-harbor-copy h1{font-family:BongiBrush,"궁서",serif;font-weight:400;font-size:clamp(74px,7.8vw,118px);letter-spacing:-3px;line-height:1.08;white-space:nowrap;margin:0 0 24px}
.b-harbor-slogan{font-family:var(--serif);font-size:21px;color:#e8d2ab;margin:0 0 22px;letter-spacing:-.5px}
.b-harbor-intro{font-size:17px;line-height:1.95;font-weight:400;color:#ede7d9;max-width:380px}
.b-harbor-copy .b-harbor-cta{margin-top:30px;max-width:325px;background:#ddc38c;color:#26291f;border:1px solid #f4e6c1;border-radius:0;min-height:65px;font-size:17px;box-shadow:0 8px 30px #08100d33;text-shadow:none}
.b-harbor-copy .b-harbor-cta:hover{background:#f0d9a2}
.b-harbor-small{font-size:13px;color:#d8cbb4;margin-top:14px;letter-spacing:.03em}
.b-harbor-person{position:absolute;right:-2%;bottom:-6%;width:57%;height:103%;z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 84%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 15%,#000 73%,transparent 98%);mask-composite:intersect}
.b-harbor-person img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:sepia(.24) saturate(.75) brightness(.79);display:block}
.b-harbor-caption{position:absolute;right:48px;top:125px;color:#f0e4ccaa;font-size:13px;line-height:1.8;letter-spacing:3px;z-index:4;text-align:right}
.b-harbor-caption span{font-size:10px;letter-spacing:1px}
.b-harbor-scroll{position:absolute;bottom:27px;left:6.5%;font-size:12px;color:#dccfb6;letter-spacing:2px;z-index:4;display:flex;align-items:center;gap:28px}
.b-harbor-scroll span{font-size:24px}
.b-homepage .b-quote-band{background:#1d2422;color:#eee5d0;padding:85px 20px 90px;border:0}
.b-homepage .b-quote-band h2{font:400 45px/1.6 var(--serif);letter-spacing:-2px}
.b-homepage .b-quote-band .b-eyebrow{color:#c5ae7d}
.b-homepage .b-quote-band p{color:#b9bdb1;line-height:2;font-size:16px}
.b-homepage .b-quote-band .b-sign{font-family:BongiBrush,serif;font-size:42px;color:#c2af85}
.b-homepage .b-story{padding:110px 50px;color:#f0e7d4;max-width:1180px;background:rgba(26,32,29,.76);margin-top:80px;margin-bottom:80px;gap:70px}
.b-homepage .b-story h2{font-size:36px;line-height:1.65;color:#f4ecda}
.b-homepage .b-story-year{color:#c0a976;border-left:1px solid #a38b60;padding-left:18px;line-height:1.8}
.b-homepage .b-story-text{color:#d8d7c9;font-size:18px;line-height:2}
.b-homepage .b-story .b-small{color:#a0a797;font-size:12px;line-height:1.9}
.b-homepage .b-story .b-eyebrow{color:#d8bf90}
.b-homepage .b-contents{background:#e8e0ce;background-image:linear-gradient(90deg,#63563305 1px,transparent 1px);background-size:6px 6px;border-block:1px solid #f8efd990}
.b-homepage .b-topic-grid article{border-color:#bdb39d}
.b-homepage .b-topic-grid article>span{color:#9b7846;font-family:var(--serif)}
.b-homepage .b-sample{color:#f1e9d7;background:#242b27ec;padding:75px 55px;margin-block:80px;gap:65px}
.b-homepage .b-sample .b-eyebrow,.b-homepage .b-sample .b-text-link{color:#d9ba7e}
.b-homepage .b-sample .b-sample-page{background:#f0e7d3;color:#2c2d23;border:1px solid #c0ac84;box-shadow:8px 8px 0 #10171388;transform:rotate(1deg)}
.b-homepage .b-sample .b-sample-page header{color:#8a7752;border-color:#b6a17a}
.b-homepage .b-method{background:#eae3d3;padding:75px 50px}
.b-homepage .b-price-section{background:linear-gradient(90deg,#18221ddb,#18221d40);color:#ece5d2;padding:100px 0}
.b-homepage .b-price-section .b-eyebrow{color:#d7ba81}
.b-homepage .b-price-card{background:#efe6d1;color:#2c2d22;border:1px solid #d6c39b;border-radius:0;box-shadow:15px 15px 0 #101c1680}
.b-homepage .b-price-card .b-button{background:#333c2e;color:#f7f0df;border-radius:0}
.b-homepage .b-faq{background:#ece5d5;padding:65px 50px;margin-top:65px;margin-bottom:65px}
.b-homepage .b-final-invite{background:#1e2824df;color:#f0e6cd;padding:90px 24px;border-block:1px solid #ac96614a}
.b-homepage .b-final-invite .b-button{background:#ddc38c;color:#252a21;border-radius:0}
.b-homepage .b-final-invite>p{color:#c8b287}
.b-harbor .b-footer{background:#1b221f;color:#b8bbaa;border-top:1px solid #ffffff19}
.b-harbor .b-footer-top .b-brand{color:#e8dfca}
.b-harbor .b-footer nav,.b-harbor .b-business{color:#d4ccba}
.b-harbor .b-footer .b-disclaimer{color:#a4ac9e}
.b-harbor .b-form-page,.b-harbor .b-info-page{background:#eee7d8;margin:45px auto 70px;box-shadow:0 12px 65px #10191650}
.b-harbor .b-form-page{max-width:800px;padding:40px 45px 55px}
.b-harbor .b-form-card{background:#faf6eb;border-radius:0;border-color:#cfc4ac;box-shadow:4px 4px 0 #d4c8ad70}
.b-harbor .b-form-page .b-button{background:#343d2f;border-radius:0}
.b-harbor .b-reader-intro{color:#f0e6ce;padding-top:48px}
.b-harbor .b-reader-intro .b-eyebrow{color:#d0b685}
.b-harbor .b-reader-intro>p:last-child,.b-harbor .b-report-meta,.b-harbor .b-report-meta strong{color:#d2d4c2}
.b-harbor .b-reader-intro img{border:1px solid #ceb582;padding:4px;border-radius:50%}
.b-harbor .b-toc{color:#e6dfc9;background:#253026e6;border:1px solid #8e977553;padding:24px 18px}
.b-harbor .b-toc>p{color:#d5bd88}
.b-harbor .b-toc a{color:#dfddcb}
.b-harbor .b-toc a.active{background:#dcc18a;color:#222a20}
.b-harbor .b-toc small{color:#aeb7a5}
.b-harbor .b-reader-tools{background:#ede5d3}
.b-harbor .b-reading-page{background:#faf6ea;color:#282e24;border-color:#ded1b6}
.b-harbor .b-takeaway{background:#e9e0c9;border-left:3px solid #83704e}
.b-harbor .b-letter{background:#eee4cd}
.b-harbor .b-reader-end{color:#e2d9bd}
.b-harbor .b-loader,.b-harbor .b-report-error{background:#f4ecda;border:1px solid #cfc4ac}
.b-harbor .b-sample-banner{background:#dfc793;color:#333425}
.b-harbor .app-main{background:#eee7d8;padding:45px 40px 70px;margin:45px auto 70px;box-shadow:0 12px 65px #10191650}
.b-harbor .b-admin{background:#eee7d8;margin-block:40px;padding:40px}
.b-harbor .b-reader-layout{padding-bottom:50px}
@media(min-width:1500px){.b-harbor-person{width:54%;right:2%}.b-harbor-copy{padding-top:220px}}
@media(max-width:1050px){.b-harbor .b-header-inner{width:calc(100% - 52px)}.b-harbor-copy{margin-left:5%;width:50%;padding-top:175px}.b-harbor-copy h1{font-size:84px}.b-harbor-caption{right:25px;font-size:11px}.b-homepage .b-story{padding:60px 35px;gap:35px}.b-homepage .b-sample{padding:55px 35px;gap:35px}.b-homepage .b-method,.b-homepage .b-faq{padding:55px 35px}}
@media(max-width:760px){
.b-harbor .b-header{height:82px}.b-harbor .b-header-inner{width:calc(100% - 38px)}.b-brand-word{font-size:41px}.b-brand-sub{font-size:9px;padding-left:10px;letter-spacing:2px}.b-harbor .b-brand{gap:10px}.b-harbor .b-login{font-size:12px;padding:0}.b-harbor .b-menu-button{font-size:23px}
.b-harbor-hero{height:auto;min-height:1000px;max-height:none;background-position:43% center}
.b-harbor-vignette{background:linear-gradient(180deg,#17231ab8 0%,#17231a6b 36%,#17231a22 58%,#1d2422 100%),linear-gradient(90deg,#15221c44,transparent)}
.b-harbor-copy{margin-left:25px;margin-right:25px;width:auto;padding-top:127px;padding-bottom:480px}
.b-harbor-copy .b-eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:22px}
.b-harbor-copy h1{font-size:clamp(66px,18.5vw,86px);letter-spacing:-2px;line-height:1.1;margin-bottom:18px}
.b-harbor-slogan{font-size:16px;margin-bottom:18px}
.b-harbor-intro{font-size:15px;line-height:1.95;max-width:310px}
.b-harbor-copy .b-harbor-cta{max-width:100%;min-height:59px;margin-top:24px;font-size:16px}
.b-harbor-small{font-size:12px;margin-top:12px}
.b-harbor-person{width:112%;right:-17%;height:530px;bottom:1%;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 80%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 17%,#000 75%,transparent 100%)}
.b-harbor-person img{object-position:center 43%;filter:sepia(.28) saturate(.74) brightness(.82)}
.b-harbor-caption{top:auto;bottom:125px;left:23px;right:auto;text-align:left;font-size:12px;writing-mode:vertical-rl;line-height:2;letter-spacing:3px}.b-harbor-caption span{display:none}
.b-harbor-scroll{bottom:25px;left:25px;font-size:11px;letter-spacing:1px}
.b-homepage .b-quote-band{padding:58px 24px}.b-homepage .b-quote-band h2{font-size:27px;line-height:1.8;letter-spacing:-1px}.b-homepage .b-quote-band p{font-size:14px}
.b-homepage .b-story{padding:42px 25px;margin-block:30px;max-width:none;width:calc(100% - 32px)}
.b-homepage .b-story h2{font-size:27px;line-height:1.7}.b-homepage .b-story-text{font-size:16px;line-height:2}.b-homepage .b-story .b-eyebrow{font-size:12px}
.b-homepage .b-sample{padding:38px 25px;margin-block:30px;width:calc(100% - 32px)}.b-homepage .b-sample .b-sample-page{transform:none}
.b-homepage .b-method{width:100%;padding:50px 25px}
.b-homepage .b-price-section{padding:55px 0}.b-homepage .b-price-card{box-shadow:6px 6px 0 #101c1680}
.b-homepage .b-faq{padding:38px 24px;margin-block:30px;width:calc(100% - 32px)}
.b-homepage .b-final-invite{padding:60px 24px}
.b-harbor .b-form-page{margin:22px 12px 30px;padding:28px 16px 35px}.b-harbor .b-form-intro h1{font-size:25px}.b-harbor .b-form-card{padding:25px 19px}.b-harbor .b-info-page{margin:22px 12px 35px}
.b-harbor .b-reader-intro{padding-top:34px}.b-harbor .b-reader-intro h1{font-size:27px}.b-harbor .b-reading-page{padding:30px 24px}
.b-harbor .app-main{margin:22px 12px 35px;padding:30px 20px 40px}.b-harbor .b-admin{padding:30px 20px;margin:22px 12px 35px;width:auto}
}
@media print{.bongi-body.b-harbor{background:white}.b-harbor:before{display:none}.b-harbor .b-reader-intro,.b-harbor .b-report-meta,.b-harbor .b-report-meta strong{color:#222}.b-harbor .b-reading-page{background:white}}


/* Footer spans the harbor edge to edge. */
.b-harbor .b-footer{width:100%;max-width:none;margin:0;padding-left:max(40px,calc((100% - 1120px)/2));padding-right:max(40px,calc((100% - 1120px)/2))}@media(max-width:760px){.b-harbor .b-footer{padding-left:22px;padding-right:22px}}

.b-harbor .b-login-page{max-width:560px!important;width:calc(100% - 36px);margin:55px auto!important;padding:35px!important}.b-login-page .login-wrap{width:100%;max-width:none;margin:0;padding:0}.b-login-page .login-card{width:100%;max-width:none;margin:25px 0 0}.b-login-page .helper-row,.b-login-page .register-cta{font-size:14px;line-height:1.8}.b-login-page .agree-row{font-size:14px}.b-login-page .page-intro h1{font-size:30px}@media(max-width:760px){.b-harbor .b-login-page{padding:25px 20px!important;margin:22px auto!important}}