:root{
  --page-width:940px;--page-max:1440px;--header-height:78px;--ink:#151515;--muted:#6f6f6f;--line:#dfdfdf;--soft:#f7f7f6;
  --hero-image:url("portfolio-assets/projects/prugio-castle-a-32/living-overview.webp");
  --card-1:url("portfolio-assets/projects/prugio-castle-a-32/cover-card.webp");
  --card-2:url("portfolio-assets/projects/geochang-prugio-34/cover-card.webp");
  --card-3:url("portfolio-assets/projects/bonggok-hyunjin-36/cover-card.webp");
  --card-4:url("portfolio-assets/projects/imeun-kolon-35/cover-card.webp");
  --trust-sprite:url("website-assets/trust-icons.png");
  --process-sprite:url("website-assets/process-icons.svg");
  --insta-sprite:url("website-assets/instagram.jpg");
  --misc-sprite:url("website-assets/misc-icons.svg");
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}.reference-home{min-width:320px}.shell{width:min(calc(100% - 84px),var(--page-width));margin:0 auto}.header{height:var(--header-height);background:#fff;border-bottom:1px solid #ededed;position:sticky;top:0;z-index:40}.header-inner{height:100%;display:grid;grid-template-columns:180px 1fr 126px;align-items:center;gap:20px}.brand{text-decoration:none;line-height:1}.brand-ko{display:block;font-size:18px;font-weight:800;letter-spacing:-.055em}.brand-en{display:block;margin-top:7px;font-size:7px;font-weight:700;letter-spacing:.26em;color:#6f6f6f}.nav{display:flex;justify-content:center;align-items:center;gap:34px;white-space:nowrap}.nav a{text-decoration:none;font-size:11px;font-weight:650;letter-spacing:-.02em}.quote-btn{width:126px;height:37px;border:0;background:#111;color:#fff;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:11px}.quote-btn:after{content:"→";font-size:13px;font-weight:400}.quote-btn:hover{background:#2a2a2a}
.hero{height:clamp(484px,47vw,650px);position:relative;background:#171717;overflow:hidden}.hero-visual{height:calc(100% - 82px);position:relative;background-image:linear-gradient(90deg,rgba(16,16,16,.28) 0%,rgba(20,20,20,.16) 30%,rgba(20,20,20,.05) 55%,rgba(20,20,20,0) 75%),var(--hero-image);background-repeat:no-repeat;background-size:cover;background-position:center center}.hero-visual:before{content:"";position:absolute;left:30px;top:166px;width:340px;height:58px;background:linear-gradient(90deg,rgba(22,21,20,.92),rgba(28,27,25,.68) 72%,rgba(28,27,25,0));z-index:1;pointer-events:none}.hero-copy{position:absolute;left:max(48px,calc((100% - min(calc(100% - 84px),var(--page-width)))/2 + 6px));top:55%;transform:translateY(-48%);z-index:2;width:390px;color:#fff}.hero h1{margin:0;font-size:34px;line-height:1.23;font-weight:600;letter-spacing:-.055em;text-shadow:0 1px 2px rgba(0,0,0,.16)}.hero-sub{margin-top:18px;font-size:15px;font-weight:520;letter-spacing:-.025em}.hero-rule{width:276px;height:1px;background:rgba(255,255,255,.52);margin:22px 0 19px}.hero-desc{font-size:11px;line-height:1.75;color:rgba(255,255,255,.92);margin:0}.hero-cta{margin-top:27px;width:148px;height:40px;background:#111;color:#fff;border:0;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;font-weight:700}.hero-cta:after{content:"→";font-size:13px;font-weight:400}.hero-trust{height:82px;background-image:linear-gradient(rgba(36,35,33,.83),rgba(36,35,33,.83)),var(--hero-image);background-size:auto,cover;background-position:center,bottom;position:absolute;left:0;right:0;bottom:0;color:#fff}.trust-grid{height:100%;display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{display:flex;align-items:center;gap:12px;padding:0 28px;min-width:0}.trust-item:first-child{padding-left:28px}.trust-icon{width:50px;height:50px;flex:0 0 50px;background-image:var(--trust-sprite);background-repeat:no-repeat;background-size:200px 50px}.trust-icon.i1{background-position:0 0}.trust-icon.i2{background-position:-50px 0}.trust-icon.i3{background-position:-100px 0}.trust-icon.i4{background-position:-150px 0}.trust-copy b{display:block;font-size:10.5px;font-weight:700;letter-spacing:-.02em;margin-bottom:5px}.trust-copy span{display:block;font-size:8.5px;line-height:1.55;color:rgba(255,255,255,.82);white-space:nowrap}
.portfolio-section{height:clamp(416px,40.6vw,540px);padding:36px 0 28px;background:#fff}.portfolio-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.portfolio-head h2,.process-head h2{font-size:22px;line-height:1;margin:0 0 10px;font-weight:760;letter-spacing:-.045em}.portfolio-head p,.process-head p{font-size:11px;margin:0;color:#4d4d4d}.more-btn{height:35px;min-width:166px;padding:0 17px;border:1px solid #868686;background:#fff;color:#202020;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:14px;font-size:9px;font-weight:600}.more-btn:after{content:"→";font-size:12px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portfolio-card{height:281px;border:1px solid #e4e4e4;border-radius:6px;overflow:hidden;background:#fff;text-decoration:none;display:block;position:relative}.portfolio-photo{height:181px;background-repeat:no-repeat;background-size:400% 100%;background-position:center;overflow:hidden}.portfolio-card.sample:nth-child(1) .portfolio-photo{background-image:var(--cards-sprite);background-position:0 0}.portfolio-card.sample:nth-child(2) .portfolio-photo{background-image:var(--cards-sprite);background-position:33.333% 0}.portfolio-card.sample:nth-child(3) .portfolio-photo{background-image:var(--cards-sprite);background-position:66.666% 0}.portfolio-card.sample:nth-child(4) .portfolio-photo{background-image:var(--cards-sprite);background-position:100% 0}.portfolio-photo img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-body{height:100px;padding:15px 15px 11px;position:relative}.portfolio-title{font-size:15px;font-weight:740;letter-spacing:-.04em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-kind{font-size:10.5px;font-weight:550;margin-top:10px}.portfolio-tags{font-size:8.5px;color:#7d7d7d;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-arrow{position:absolute;right:14px;bottom:11px;font-size:14px;font-weight:300}.portfolio-card:hover{border-color:#b8b8b8}
.process-section{height:184px;background:#fff;padding:16px 0 19px}.process-head{margin-bottom:22px}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.process-step{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;min-width:0}.process-icon{width:44px;height:44px;background-image:var(--process-sprite);background-repeat:no-repeat;background-size:264px 44px}.process-icon.p1{background-position:0 0}.process-icon.p2{background-position:-44px 0}.process-icon.p3{background-position:-88px 0}.process-icon.p4{background-position:-132px 0}.process-icon.p5{background-position:-176px 0}.process-icon.p6{background-position:-220px 0}.process-text b{display:block;font-size:12.5px;font-weight:720;line-height:1.2;margin:3px 0 7px;white-space:nowrap}.process-text span{display:block;font-size:9.6px;line-height:1.55;color:#4f4f4f}
.footer-panels{height:289px}.footer-panel-grid{height:100%;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dedede}.panel{padding:38px 29px 25px;border-right:1px solid #dedede;overflow:hidden}.panel:last-child{border-right:0}.panel-title{font-size:10.5px;font-weight:600;margin-bottom:25px}.panel.about{background:linear-gradient(135deg,#202020,#151515);color:#fff;border-color:#202020}.about .panel-title{color:#fff}.about-name{font-size:21px;font-weight:650;letter-spacing:-.045em;margin-bottom:20px}.about-copy{font-size:11.3px;line-height:1.8;color:#f0f0f0;margin:0 0 23px}.outline-light{width:158px;height:35px;border:1px solid rgba(255,255,255,.7);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:13px;font-size:9px}.outline-light:after{content:"→"}.phone-row{display:flex;align-items:center;gap:11px;margin:0 0 24px}.misc-icon{background-image:var(--misc-sprite);background-repeat:no-repeat}.phone-icon{width:28px;height:28px;background-size:168px 28px;background-position:0 0;flex:0 0 28px}.phone-number{font-size:21px;font-weight:630;letter-spacing:-.025em;white-space:nowrap}.hours{font-size:11.2px;line-height:1.8;color:#515151;margin-bottom:24px}.kakao-btn,.insta-btn{width:100%;height:35px;border:1px solid #cfcfcf;background:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;font-weight:600}.kakao-icon{width:20px;height:20px;background-size:120px 20px;background-position:-20px 0}.insta-sheet{width:100%;aspect-ratio:153/90;background-image:var(--insta-sprite);background-size:cover;background-position:center;margin-bottom:15px}.insta-btn:after{content:"→";font-size:12px}.quick-links{display:grid}.quick-links a{height:35px;border-bottom:1px solid #ececec;text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:580}.quick-links a:after{content:"›";font-size:15px;font-weight:300;color:#444}
.footer-bottom{height:85px;background:#fff}.footer-bottom-inner{height:100%;display:grid;grid-template-columns:180px 1fr 160px;align-items:center;gap:20px}.footer-brand .brand-ko{font-size:18px}.legal{font-size:9.5px;color:#777;line-height:1.8}.socials{display:flex;justify-content:flex-end;align-items:center;gap:9px}.social-icon{width:23px;height:23px;background-image:var(--misc-sprite);background-repeat:no-repeat;background-size:138px 23px;display:block}.social-icon.instagram{background-position:-46px 0}.social-icon.blog{background-position:-69px 0}.social-icon.naver{background-position:-92px 0}.social-icon.up{width:30px;height:30px;background-size:180px 30px;background-position:-150px 0;margin-left:21px}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(10,10,10,.58);padding:22px}.modal.open{display:flex}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.24)}.modal-head{padding:30px 34px 20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;gap:20px}.modal-head h3{font-size:25px;margin:0;letter-spacing:-.04em}.modal-head p{font-size:11px;color:#777;margin:8px 0 0}.close{border:0;background:none;font-size:27px;line-height:1;cursor:pointer}.form{padding:28px 34px 34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:800;color:#5f5f5f}.field input,.field textarea,.field select{width:100%;border:1px solid #d8d8d8;background:#fff;padding:12px 13px;outline:none;border-radius:0;color:#222}.field input:focus,.field textarea:focus,.field select:focus{border-color:#333}.field textarea{min-height:105px;resize:vertical}.privacy{display:flex;gap:9px;align-items:flex-start;font-size:10px;color:#696969;line-height:1.5;margin:18px 0}.privacy input{margin-top:2px}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e5e5e5;padding-top:20px}.submit{border:0;background:#111;color:#fff;padding:14px 23px;font-size:12px;font-weight:850;cursor:pointer}.submit[disabled]{opacity:.55;cursor:wait}.result{font-size:11px;color:#59534d;min-height:17px}.result.success{color:#1e6d43}.result.error{color:#a13737}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(min-width:1180px){.shell{width:min(calc(100% - 120px),var(--page-max))}.header-inner{grid-template-columns:210px 1fr 150px}.quote-btn{width:150px}.nav{gap:42px}.nav a{font-size:12px}.hero-copy{left:max(60px,calc((100% - min(calc(100% - 120px),var(--page-max)))/2));width:480px}.hero h1{font-size:44px}.hero-desc{font-size:12px}.portfolio-section{height:auto;min-height:500px;padding-top:46px}.portfolio-card{height:auto}.portfolio-photo{height:auto;aspect-ratio:226/181}.process-section{height:auto;min-height:205px;padding:28px 0}.footer-panels{height:auto;min-height:330px}.panel{padding-top:44px}.footer-bottom{height:92px}}
@media(max-width:900px){.shell{width:calc(100% - 40px)}.header-inner{grid-template-columns:1fr auto}.nav{display:none}.quote-btn{width:116px}.hero{height:auto}.hero-visual{height:500px}.hero-copy{left:20px;width:min(390px,calc(100% - 40px))}.hero h1{font-size:35px}.hero-trust{position:relative;height:auto}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{height:82px;padding:0 20px}.portfolio-section{height:auto;padding:48px 0}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-card{height:auto}.portfolio-photo{height:auto;aspect-ratio:226/181}.process-section{height:auto;padding:34px 0}.process-grid{grid-template-columns:repeat(3,1fr);gap:28px}.footer-panels{height:auto}.footer-panel-grid{grid-template-columns:1fr 1fr}.panel{min-height:290px;border-bottom:1px solid #dedede}.footer-bottom{height:auto;padding:26px 0}.footer-bottom-inner{grid-template-columns:1fr auto}.legal{grid-column:1/-1;grid-row:2}.socials{grid-column:2;grid-row:1}.footer-brand{grid-column:1}}
@media(max-width:560px){.shell{width:calc(100% - 28px)}.header{height:68px}.brand-ko{font-size:15px}.brand-en{font-size:6px}.quote-btn{height:34px;font-size:9px}.hero-visual{height:470px;background-position:62% center}.hero-copy{left:14px;top:45%;width:calc(100% - 28px)}.hero h1{font-size:31px}.hero-sub{font-size:13px}.hero-rule{width:230px}.hero-desc{font-size:10px}.trust-grid{grid-template-columns:1fr}.trust-item{height:76px}.portfolio-head{align-items:flex-start;gap:16px}.more-btn{min-width:130px;padding:0 10px}.portfolio-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.footer-panel-grid{grid-template-columns:1fr}.panel{min-height:270px;border-right:0}.footer-bottom-inner{display:flex;flex-direction:column;align-items:flex-start}.socials{align-self:stretch;justify-content:flex-start}.social-icon.up{margin-left:auto}.form{padding:22px 20px 28px}.modal-head{padding:24px 20px 17px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.submit-row{align-items:stretch;flex-direction:column}.submit{width:100%}}

.local-service-summary{padding:38px 0;border-bottom:1px solid #e7e7e7;background:#f7f7f6}.local-service-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:center}.local-service-kicker{display:block;font-size:9px;font-weight:750;letter-spacing:.18em;color:#777;margin-bottom:10px}.local-service-summary h2{margin:0;font-size:20px;line-height:1.5;letter-spacing:-.04em}.local-service-summary dl{display:grid;gap:9px;margin:0}.local-service-summary dl div{display:grid;grid-template-columns:105px 1fr;gap:14px}.local-service-summary dt{font-size:10px;font-weight:750}.local-service-summary dd{margin:0;font-size:10px;line-height:1.55;color:#555}@media(max-width:900px){.local-service-inner{grid-template-columns:1fr;gap:24px}}@media(max-width:560px){.local-service-summary{padding:30px 0}.local-service-summary h2{font-size:17px}.local-service-summary dl div{grid-template-columns:1fr;gap:3px}}
.faq-section{padding:48px 0;border-bottom:1px solid #e7e7e7;background:#fbfbfa}.faq-inner{max-width:820px}.faq-list{display:grid;gap:10px;margin-top:24px}.faq-list details{background:#fff;border:1px solid #e2e2df;padding:0 18px}.faq-list summary{cursor:pointer;padding:18px 0;font-size:13px;font-weight:700;list-style-position:inside}.faq-list p{margin:0;padding:0 0 18px;font-size:11px;line-height:1.7;color:#555}

.local-project-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;justify-content:initial;white-space:normal}.local-project-links a{display:block;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;font-size:12px;font-weight:650;line-height:1.6}.local-project-links span{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:400}.local-project-links a:hover{color:#555}.local-project-links a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(max-width:560px){.local-project-links{grid-template-columns:1fr;gap:0}}

.search-guide-links{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;padding-top:28px;padding-bottom:28px;font-size:14px;line-height:1.7}.search-guide-links a{color:inherit;text-underline-offset:4px}.search-guide-links strong{font-size:15px}@media(max-width:650px){.search-guide-links strong{width:100%}}

.reference-home,.portfolio-page{font-family:"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}