/* NOBLUE — 현장 덮어쓰기 CSS (셸 위) 2026-10-12 */
:root{--nb-g:#112346;--nb-g2:#0a1830;--nb-ink:#222;--nb-line:#e3e6e5}

/* 로고: 셸은 144×18 svg 배경 → 현장 글자 로고 PNG(가로 ≒ 10:1) */
#logo{width:250px !important;height:30px !important}  
#logo a{background:url(../gmr/img/logo_c_hd.png) left center/contain no-repeat !important}
.navi.white #logo a,.navi.over #logo a{background-image:url(../gmr/img/logo_w_hd.png) !important}
.navi.active #logo a,.navi.white.active #logo a,.navi.mouseover #logo a,.navi.white.mouseover #logo a{background-image:url(../gmr/img/logo_c_hd.png) !important}
@media (max-width:767px){#logo{width:180px !important;height:22px !important}}

/* 서브 상단 비주얼 = 현장 조감도 */
.sub_top_img{background-image:url(../gmr/img/subtop_lobby.jpg) !important;background-position:center center !important;opacity:.85}  /* 10/17 도현: 서브 상단 = 로비(네이비 벽·펜던트) — 오산 자이와 겹치지 않게 */

/* 본문 이미지 */
.nb-imgs{max-width:1300px;margin:0 auto}
.nb-imgs img{display:block;width:100%;height:auto;margin:0 auto}
.nb-imgs img+img{margin-top:0}

/* 평면 */
.nb-unit{max-width:1100px;margin:2.5rem auto 0}
.nb-unit-head{display:flex;align-items:baseline;gap:14px;border-bottom:2px solid var(--nb-ink);padding-bottom:12px}
.nb-unit-head h3{font-size:44px;font-weight:700;color:var(--nb-g);font-family:'Futura PT','Poppins',sans-serif;letter-spacing:-.5px}
.nb-unit-head h3 small{font-size:20px;color:#555;font-weight:400}
.nb-unit-head p{font-size:18px;color:#333}
.nb-badge{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:20px;background:#c0392b;color:#fff;font-size:13px;vertical-align:middle}
.nb-badge.off{background:#888}
.nb-unit-info{display:flex;gap:40px;align-items:center;margin:24px 0}
.nb-area{flex:1;border-collapse:collapse;font-size:17px}
.nb-area th,.nb-area td{border-bottom:1px solid var(--nb-line);padding:16px 10px;text-align:left}
.nb-area th{color:#666;font-weight:500;width:40%}
.nb-area td{text-align:right;font-weight:700;color:var(--nb-ink)}
.nb-key{width:300px;text-align:center}
.nb-key p{font-size:14px;letter-spacing:2px;color:#888;margin-bottom:8px}
.nb-key img{width:100%;height:auto}
.nb-plan{margin-top:10px;text-align:center}
.nb-plan-tit{text-align:left;font-size:18px;font-weight:700;border-bottom:1px solid var(--nb-line);padding-bottom:10px;margin-bottom:20px}
.nb-plan img{max-width:100%;height:auto}
@media (max-width:767px){.nb-unit-info{flex-direction:column;gap:20px}.nb-key{width:70%}.nb-unit-head h3{font-size:32px}}

/* VR·영상 */
.nb-video{position:relative;width:100%;max-width:1200px;margin:2rem auto 0;aspect-ratio:16/9;background:#000}
.nb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* 오시는 길 지도 */
.nb-maps{display:flex;gap:24px;flex-wrap:wrap}
.nb-maps figure{flex:1 1 360px;margin:0}
.nb-maps img{width:100%;height:auto;border:1px solid var(--nb-line)}
.nb-maps figcaption{margin-top:10px;font-size:16px;font-weight:600;color:var(--nb-g)}

/* 모집공고 PDF */
.nb-pdfs{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;max-width:1100px;margin:2rem auto 0}
.nb-pdf{flex:1 1 320px;display:block;border:1px solid var(--nb-line);padding:40px 32px;text-decoration:none;color:var(--nb-ink);transition:.2s;background:#fff}
.nb-pdf:hover{border-color:var(--nb-g);box-shadow:0 10px 30px rgba(17,35,70,.12)}
.nb-pdf h3{font-size:24px;font-weight:700;margin-bottom:10px}
.nb-pdf p{color:#666;font-size:15px;line-height:1.6;margin-bottom:24px}
.nb-pdf span{display:inline-block;background:var(--nb-g);color:#fff;padding:10px 22px;font-size:15px}

/* 언론보도 */

/* 방문예약 */
.nb-resv{max-width:900px;margin:0 auto}
.nb-resv-tit{text-align:center;margin-bottom:40px}
.nb-resv-tit h2{font-size:48px;letter-spacing:3px;color:var(--nb-g);font-family:'Futura PT','Poppins',sans-serif;font-weight:500}
.nb-resv-tit p{font-size:18px;color:#444;line-height:1.7;margin-top:12px}
.nb-agree h4{font-size:18px;font-weight:700;margin:28px 0 10px}
.nb-agree h4 small{color:var(--nb-g);font-weight:500;font-size:14px}
.nb-agree-box{background:#f6f7f6;border:1px solid var(--nb-line);padding:18px 20px;font-size:14px;color:#555;line-height:1.8}
.nb-agree-box a{color:var(--nb-g);text-decoration:underline}
.nb-radio{display:flex;gap:24px;justify-content:flex-end;margin-top:10px;font-size:15px}
.nb-radio label{cursor:pointer;display:flex;align-items:center;gap:6px}
.nb-fields{margin-top:36px;border-top:2px solid var(--nb-ink)}
.nb-row{display:flex;align-items:center;border-bottom:1px solid var(--nb-line);padding:14px 0}
.nb-row>label{flex:0 0 150px;font-size:16px;font-weight:600;padding-left:12px}
.nb-row input,.nb-row select{height:48px;border:1px solid #ccd2d0;padding:0 14px;font-size:16px;background:#fff;border-radius:0;max-width:100%}
.nb-row>input,.nb-row>select{width:360px}
.nb-tel div{display:flex;gap:8px}
.nb-tel select,.nb-tel input{width:110px}
#nbm_date{cursor:pointer;background:#fff}
.cf-turnstile{display:flex;justify-content:center;margin:30px 0 0}
.nb-btns{display:flex;gap:12px;justify-content:center;margin-top:30px}
.nb-btns input{height:60px;min-width:220px;font-size:18px;font-weight:700;border:0;cursor:pointer;background:var(--nb-g);color:#fff}
.nb-btns .nb-cancel{background:#fff;color:#555;border:1px solid #ccc;min-width:120px;font-weight:500}
@media (max-width:767px){.nb-row{flex-direction:column;align-items:stretch;gap:8px}.nb-row>label{flex:none;padding-left:0}.nb-row>input,.nb-row>select{width:100%}.nb-tel select,.nb-tel input{flex:1;width:auto}.nb-btns input{min-width:0;flex:1}.nb-resv-tit h2{font-size:34px}}
.nbf-toast{position:fixed;top:-120px;left:50%;transform:translateX(-50%);z-index:99999;transition:top .4s cubic-bezier(.16,1,.3,1);pointer-events:none;width:92%;max-width:500px}
.nbf-toast.show{top:110px}
.nbf-toast .box{background:#363e41;color:#fff;padding:14px 20px;border-radius:12px;font-size:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;align-items:center;gap:10px}
.nbf-toast .ic{width:32px;height:32px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}
.nbf-toast .box.error .ic{background:#c0392b}
@keyframes nbshake{0%,100%{transform:translateX(0)}15%,45%,75%{transform:translateX(-7px)}30%,60%,90%{transform:translateX(7px)}}
.nb-shake{animation:nbshake .5s ease}
.flatpickr-calendar{z-index:100000 !important}
.flatpickr-day.selected,.flatpickr-day.selected:hover{background:var(--nb-g);border-color:var(--nb-g)}

/* 푸터 */
.nb-flogo{max-width:260px;height:auto}
.nb-agency li span{line-height:1.6}
.nb-agency a{color:inherit;text-decoration:underline}

/* 메인 방문예약 CTA */
.nb-cta .nb-cta-bt{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.nb-cta .nb-cta-bt a{display:inline-block;padding:18px 36px;font-size:18px;font-weight:700;text-decoration:none}
.nb-cta .nb-cta-main{background:var(--nb-g);color:#fff}
.nb-cta .nb-cta-tel{border:1px solid rgba(255,255,255,.6);color:#fff}
.nb-cta .main_guest_tit_box p{color:#ddd}
/* 인트로 로고 연출 — 더샵처럼 선으로 그린 뒤(intro6) 채워서 현장 로고 완성(intro7). 마크=본사 SVG · 글자=PNG */
.logo_wrap{width:14.5625rem;top:38%}  /* 더샵 로고 폭과 동일 · 우리 조감도는 건물이 높아 위로 */
.logo_svg.nb-mark{overflow:visible}
.logo_svg.nb-mark .path{stroke:#112346;stroke-width:.3;fill:#112346;fill-opacity:0;stroke-dasharray:var(--L);stroke-dashoffset:var(--L)}
/* 인트로 선 그리기 */
/* 브라우저마다 경로 길이 계산이 달라(사파리) pathLength=100 으로 고정 + 그리기 전엔 선 자체를 숨김 */
.logo_svg.nb-mark .path{--L:101;stroke-linecap:butt;stroke-opacity:0}
.main_wrap.intro6 .logo_wrap .logo_svg.nb-mark .path{stroke-opacity:1}
.main_wrap.intro6 .logo_wrap .logo_svg.nb-mark .path{stroke-dashoffset:0;transition:stroke-dashoffset 2.2s cubic-bezier(.65,0,.35,1)}
.main_wrap.intro6 .logo_wrap .logo_svg.nb-mark .frame{stroke-width:.5}
.main_wrap.intro7 .logo_wrap .logo_svg.nb-mark .fill{fill-opacity:1;transition:stroke-dashoffset 2.2s cubic-bezier(.65,0,.35,1),fill-opacity 1s .9s}
.logo_wrap>div h3{width:300%;left:-100%;color:#000;bottom:-4rem}
@media (max-width:1024px){.logo_wrap{width:12rem;top:44%}}
@media (max-width:767px){.logo_wrap{width:9rem}.logo_wrap>div h3{font-size:1.375rem;bottom:-3.2rem}}
/* 손글씨 타이틀 «The Central River» — 더샵 main_txt.png 자리(셸 페이드 연출 그대로) */
@media (max-width:767px){.main_tit img.nb-tcr{content:normal;width:22rem !important;max-width:90vw}}
/* 입지 지도(상담북 벡터 렌더) — 왼쪽에 장소명이 빼곡해 제목과 겹친다 → 제목 쪽만 흰 그라데이션(PC) */
@media (min-width:1025px){.location_map::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.85) 28%,rgba(255,255,255,0) 52%)}}
/* 메인 CONTACT 지도 1장 — 셸 상자 높이(420px)가 우리 약도(1400×964)보다 커서 테두리가 남는다 → 그림에 맞춤 */
.contact_wrap .sub_contact_map_box{height:auto;line-height:0}
.contact_wrap .sub_contact_map_box img{display:block;height:auto}
/* 푸터 주소줄 — 셸은 2항목·line-height 100% 기준이라 우리 3항목이 좁은 칸에서 줄바꿈되며 글자가 겹쳤다 → 항목은 한 줄 유지, 칸이 모자라면 항목 단위로 다음 줄 */
.footer_left .footer_info ul{flex-wrap:wrap;row-gap:.6rem}
.footer_left .footer_info li{white-space:nowrap;line-height:1.4}
.footer_left .footer_info li b{line-height:1.4}
@media (min-width:1025px){.footer>div:first-child{gap:3rem}.footer_left{flex:1 1 auto;min-width:0}.footer_right{flex:0 1 auto;max-width:46%}.footer_right .nb-agency li span{word-break:keep-all}}
#nbFab{transition:opacity .6s}
body.nb-intro #nbFab{opacity:0;pointer-events:none}
/* 서브페이지 등장 연출 — 셸(sub_img·sum_sum)처럼 스크롤로 보이면 아래에서 떠오른다. 셸 trigger 가 [data-active] 에 active 를 붙인다 (10/7) */
.nb-rv{opacity:0;transform:translateY(3rem);transition:opacity .8s,transform .8s}
.nb-rv.active{opacity:1;transform:none;transition:opacity 1.2s .15s,transform 1.2s .15s cubic-bezier(.19,1,.22,1)}
.sub_contact_wrap .sub_contact_map_box{height:auto;line-height:0}
.sub_contact_wrap .sub_contact_map_box img{display:block;height:auto}
/* 언론보도 — 헤이리 오베르원 /media 카드 스타일(회색 바탕·대각 라운드 50px 0·호버 골드 테두리) · 3열 유지 (10/17) */
.nb-cards{width:100%;max-width:1200px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;gap:20px}
.nb-cards li.news_list{box-sizing:border-box;text-align:left;width:calc((100% - 40px)/3);list-style:none;display:flex;background:#f2f2f2;border:5px solid transparent;border-radius:50px 0;transition:border-color .3s}
.nb-cards li.news_list:hover{border-color:#be9f6d}
.nb-cards li.news_list a{display:flex;flex-direction:column;flex:1;min-height:270px;padding:40px 35px;color:#0e2a4c;text-decoration:none;box-sizing:border-box}
.nb-cards .news_list h1{font-size:17px;color:#0e2a4c;font-weight:500;letter-spacing:-.05em;padding:0;margin:0}
.nb-cards .news_list h2{font-size:17px;color:#0e2a4c;font-weight:600;line-height:26px;letter-spacing:-.05em;margin:20px 0;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nb-cards .news_list p{font-size:16px;color:#333;font-weight:300;line-height:23px;letter-spacing:-.05em;height:auto !important;margin:0 0 10px;display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
.nb-cards li.news_list:hover h1,.nb-cards li.news_list:hover h2{color:#111}
.nb-cards .news_list h3{font-size:13px;color:#999;margin-top:auto;padding-top:6px;font-weight:400}
@media (max-width:1024px){.nb-cards li.news_list{width:calc((100% - 20px)/2)}}
@media (max-width:767px){.nb-cards li.news_list{width:100%}.nb-cards li.news_list a{min-height:0;padding:30px}.nb-cards .news_list h2{font-size:19px}}
/* 자주묻는질문 (10/7) */
.nb-faq{max-width:1100px;margin:0 auto;padding:0;border-top:2px solid #111;text-align:left}
.nb-faq-item{list-style:none;border-bottom:1px solid #ddd}
.nb-faq-q{width:100%;display:flex;align-items:center;gap:16px;padding:26px 56px 26px 12px;background:none;border:0;cursor:pointer;font-family:inherit;font-size:17px;font-weight:600;color:#111;text-align:left;position:relative}
.nb-faq-q span,.nb-faq-a span{flex:0 0 auto;font-family:'Poppins',sans-serif;font-size:20px;font-weight:700;color:#112346}
.nb-faq-q i{position:absolute;right:16px;top:50%;width:14px;height:14px;margin-top:-10px;border-right:2px solid #111;border-bottom:2px solid #111;transform:rotate(45deg);transition:.25s}
.nb-faq-item.on .nb-faq-q i{transform:rotate(-135deg);margin-top:-2px}
.nb-faq-a{display:none;gap:16px;padding:22px 24px 26px 12px;background:#f7f8f7}
.nb-faq-a span{color:#999}
.nb-faq-a p{font-size:15.5px;line-height:1.75;color:#444;margin:0}
.nb-faq-item.on .nb-faq-a{display:flex}
@media (max-width:767px){.nb-faq-q{font-size:15px;padding:20px 44px 20px 6px;gap:12px}.nb-faq-a{padding:18px 16px 20px 6px;gap:12px}.nb-faq-a p{font-size:14px}}
.nb-faq-q:focus{outline:none}.nb-faq-q:focus-visible{outline:2px solid #112346;outline-offset:-2px}

/* 모바일 입지지도 위치 */
@media (max-width:1024px){.location_map::after{background-position:32% top !important}}


.main_tit img.nb-tcr{width:55rem}
@media (max-width:1280px){.main_tit img.nb-tcr{width:42rem}}


.location03{background-color:#112346 !important}

/* 10/12 도현: 사업개요 «사업명»·«주택형»은 한 줄로 — 두 칸을 합쳐 가로 전체를 쓰고 주택형은 맨 아래로 */
.sum_list li:nth-child(1),.sum_list li:nth-child(2){width:100% !important}
/* 2026-10-16 대지위치 한 줄(도현) — 단지명·대지위치 전체폭, 면적|세대수, 주택형|공급유형 */
.sum_list li:nth-child(1) p,.sum_list li:nth-child(2) p{white-space:nowrap;letter-spacing:-.02em}


.premium_img.img01::before{background-image:url(../gmr/img/p_aerial3.jpg) !important}
.premium_img.img02 .premium_vd_box{display:none !important}
.premium_img.img02::before{content:'';position:absolute;inset:0;background:url(../gmr/img/p_green3.jpg) center/cover no-repeat}
.premium_img.img05::before{background-image:url(../gmr/img/p_comm3.jpg) !important}
.premium_img.img03::before{background-image:url(../gmr/img/p_traffic4.jpg) !important}
.premium_img.img04::before{background-image:url(../gmr/img/p_edu3.jpg) !important}


/* 10/13 도현: 우측 하단 방문예약 퀵버튼은 모바일·태블릿에서만 (PC 는 헤더에 방문예약 버튼이 있다) */
@media (min-width:1025px){#nbFab{display:none !important}}


.xib{font-family:'Noto Sans KR',sans-serif;color:#222;text-align:left;margin:0 -1px}
.xib img{max-width:100%}
/* 원본은 화면 전체 폭 — 서브페이지 본문 상자(1100px)를 벗어나 100vw 로 */
.xib{width:100vw;max-width:none;position:relative;left:50%;margin-left:-50vw !important}
.sub_con:has(.xib),.sub_wrap:has(.xib){overflow:visible}
.xib *,.xib *::before,.xib *::after{box-sizing:border-box}
.xib-film-pop{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:16px}
.xib-film-pop[hidden]{display:none}
.xib-film-in{position:relative;width:min(960px,100%)}
.xib-film-v{position:relative;padding-top:56.25%}
.xib-film-v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.xib-film-x{position:absolute;right:0;top:-44px;width:40px;height:40px;border:0;background:none;color:#fff;font-size:34px;cursor:pointer}
.xib .section_05 .slide_wrap .swiper-pagination{bottom:0 !important;top:auto !important;width:auto !important;line-height:0}
.xib .section_05 .slide_wrap .swiper-pagination .swiper-pagination-bullet{margin:0 6px !important;vertical-align:middle}
.xib .section_05 .video_slide{position:static !important}  /* 원본(구 Swiper)처럼 점·화살표가 바깥 상자 기준 */


.nb-bltabs{max-width:1100px;margin:0 auto}
.nb-bltab-bar{display:flex;border:1px solid #ddd;background:#f5f5f5;margin-bottom:28px}
.nb-bltab{flex:1;height:48px;border:0;background:none;font-size:15px;color:#555;cursor:pointer;position:relative;font-family:inherit}
.nb-bltab.on{background:#fff;color:#122d43;font-weight:700}
.nb-bltab.on::after{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:#122d43}
.nb-blpanel img{display:block;width:100%;height:auto}
.nb-bltabs{display:grid;grid-template-columns:100%}
.nb-bltab-bar{grid-row:1;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.nb-blpanel{grid-row:2;grid-column:1;opacity:0;visibility:hidden;transform:translateY(40px) scale(.985);transition:opacity .9s ease,transform 1.1s cubic-bezier(.19,1,.22,1),visibility 0s .9s}
.nb-bltabs.in .nb-bltab-bar{opacity:1;transform:none}
.nb-bltabs.in .nb-blpanel.on{opacity:1;visibility:visible;transform:none;transition:opacity .9s ease .15s,transform 1.1s cubic-bezier(.19,1,.22,1) .15s,visibility 0s}
.nb-bltab{transition:background .3s,color .3s}
@media (max-width:767px){.nb-bltab{height:42px;font-size:14px}.nb-bltab-bar{margin-bottom:18px}}

/* 구미: 인트로 로고 = 로제비앙 가로형 로고 이미지 */
.logo_wrap{width:26rem !important}
.logo_wrap .nb-intro-logo{display:block;width:100%;height:auto}
@media (max-width:767px){.logo_wrap{width:16rem !important}}

/* 구미 2026-10-20 도현: 인트로 = 로제비앙 엠블럼을 선으로 그린 뒤 색 채움(더샵 그란테르 방식) */
.logo_wrap{width:9.5rem !important}
.logo_svg.nb-emb .path{stroke:var(--s) !important;fill:var(--f) !important;stroke-width:.12 !important;stroke-opacity:1 !important;fill-opacity:0;stroke-dasharray:var(--L);stroke-dashoffset:var(--L)}
.main_wrap.intro6 .logo_wrap .logo_svg.nb-emb .path{stroke-dashoffset:0;transition:stroke-dashoffset 2.2s cubic-bezier(.65,0,.35,1)}
.main_wrap.intro7 .logo_wrap .logo_svg.nb-emb .path{fill-opacity:1;stroke-opacity:0 !important;transition:fill-opacity 1s,stroke-opacity 1s .4s}
@media (max-width:767px){.logo_wrap{width:7rem !important}}
/* 구미 2026-10-15: 손글씨 «가는 펜»(tcr_pen) — M 첫 획이 윗줄과, y 꼬리가 OF GUMI 와 겹쳐 간격 조정 */
.main_tit.tit01 img.nb-tcr{margin-top:1.75rem !important}
.main_tit.tit01 h4{margin-top:-0.25rem !important}
.main_tit.tit01 h3{top:calc(100% + 1.5rem) !important}
@media (max-width:767px){.main_tit.tit01 img.nb-tcr{margin-top:1rem !important}.main_tit.tit01 h4{margin-top:.6rem !important}}
/* 2026-10-16 입지도 교체(교육자료 p18 위치도 2500px) — PC 는 지도 전체가 보이게 contain + 오른쪽 정렬, 남는 왼쪽은 지도 바탕색 */
@media (min-width:1025px){.location_map{background:#efefee}.location_map::after{background-size:contain !important;background-position:right center !important}}

/* 2026-10-16 사업개요 텍스트화(도현: 한강 overview 처럼 SEO 위해 텍스트) */
.nb-ov{max-width:1200px;margin:0 auto}
.nb-ov-img{position:relative;overflow:hidden;border-radius:4px}
.nb-ov-img img{display:block;width:100%;height:auto}
.nb-ov-img:after{display:none}
.nb-ov-copy{position:absolute;left:0;right:0;top:9%;text-align:center;color:#fff;z-index:2}
.nb-ov-sub{font-size:20px;letter-spacing:.12em;opacity:.9;margin:0 0 10px}
.nb-ov-copy h3{font-size:46px;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.2;color:#fff}
.nb-ov-desc{font-size:17px;opacity:.85;margin:14px 0 0}
.nb-ov-cut{position:absolute;right:14px;bottom:10px;font-size:12px;color:rgba(255,255,255,.85);z-index:2}
.nb-ov-tbl{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;margin:56px auto 0;padding:0}
.nb-ov-tbl>div{display:flex;gap:24px;padding:18px 4px;border-bottom:1px solid #e3e3e3}
.nb-ov-tbl dt{flex:0 0 120px;font-weight:700;color:#112346;font-size:17px}
.nb-ov-tbl dd{margin:0;color:#444;font-size:17px;line-height:1.5}
.nb-ov-tbl>div:nth-child(1),.nb-ov-tbl>div:nth-child(2){grid-column:1/-1}
@media (max-width:768px){
.nb-ov-sub{font-size:13px;margin-bottom:6px}.nb-ov-copy h3{font-size:24px}.nb-ov-desc{font-size:12px;margin-top:8px;padding:0 16px}
.nb-ov-tbl{grid-template-columns:1fr;margin-top:32px}.nb-ov-tbl>div{gap:14px;padding:14px 2px}
.nb-ov-tbl dt{flex-basis:96px;font-size:14px}.nb-ov-tbl dd{font-size:14px}}
.nb-ov-tbl dd{text-align:left}
@media (max-width:768px){.nb-ov-img:after{display:none}.nb-ov-copy{position:static;color:#112346;padding:22px 0 0}.nb-ov-copy h3{color:#112346}.nb-ov-sub{color:#8a6a3c;opacity:1}.nb-ov-desc{color:#666;opacity:1}.nb-ov-img{border-radius:0}.nb-ov-img picture{display:block;border-radius:4px;overflow:hidden}}
.nb-loc{max-width:1200px;margin:0 auto}.nb-loc img{display:block;width:100%;height:auto}

/* 2026-10-16 입지환경 PREMIUM 01~04 텍스트화 */
.nb-pv{max-width:1200px;margin:90px auto 0}
.nb-pv-tit{text-align:center;font-family:'Cormorant Garamond',serif;font-size:72px;letter-spacing:.12em;color:#e9e9e9;font-weight:400;margin:0 0 50px}
.nb-pv ul{display:grid;grid-template-columns:1fr 1fr;gap:70px 60px;padding:0;margin:0;list-style:none}
.nb-pv-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:-14px;position:relative;z-index:1}
.nb-pv-head h4{font-size:28px;font-weight:700;color:#112346;margin:0 0 22px}
.nb-pv-head span{font-family:'Cormorant Garamond',serif;font-size:76px;line-height:.8;color:#e0b689}
.nb-pv img{display:block;width:100%;height:auto}
.nb-pv p{font-size:17px;line-height:1.65;color:#444;margin:18px 0 0;word-break:keep-all}
@media (max-width:768px){.nb-pv{margin-top:56px}.nb-pv-tit{font-size:40px;margin-bottom:28px}.nb-pv ul{grid-template-columns:1fr;gap:44px}.nb-pv-head h4{font-size:20px;margin-bottom:14px}.nb-pv-head span{font-size:52px}.nb-pv p{font-size:14px}}
.nb-pv-cont{margin-top:10px}
.nb-chart{max-width:1200px;margin:0 auto}.nb-chart img{display:block;width:100%;height:auto}