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

/* 로고: 셸은 144×18 svg 배경 → 현장 글자 로고 PNG(가로 ≒ 10:1) */
#logo{width:230px !important;height:34px !important}  /* 10/12 도현: 한내들보다 작아 보여 키움(581×86 PNG) */
#logo a{background:url(../img/common/logo_osx_g.png) left center/contain no-repeat !important}
.navi.white #logo a,.navi.over #logo a{background-image:url(../img/common/logo_osx_w.png) !important}
.navi.active #logo a,.navi.white.active #logo a,.navi.mouseover #logo a,.navi.white.mouseover #logo a{background-image:url(../img/common/logo_osx_g.png) !important}
@media (max-width:767px){#logo{width:170px !important;height:25px !important}}

/* 서브 상단 비주얼 = 현장 조감도 */
.sub_top_img{background-image:url(../osx/img/v4/subtop_n.jpg) !important;background-position:center center !important;opacity:.85}  /* 10/13 도현: 서브 상단 = AI 딥블루 파사드(N안) */

/* 본문 이미지 */
.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(18,41,61,.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:#12293d;stroke-width:.3;fill:#12293d;fill-opacity:0;stroke-dasharray:var(--L);stroke-dashoffset:var(--L)}
/* 10/12 Xi 마크 실제 길이 328(getTotalLength) — 종전 240(한내들 값)이라 시작부터 선 일부가 보였다 */
/* 브라우저마다 경로 길이 계산이 달라(사파리) 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}
/* 언론보도 — 셸 news-box-date 카드 그대로 + 자동수집 (10/7) */
.nb-cards{width:100%;max-width:1100px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;gap:22px}
.nb-cards li.news_list{box-sizing:border-box;text-align:left;width:calc((100% - 44px)/3);list-style:none;border:1px solid #ddd;background:#fff;transition:background .2s}
.nb-cards li.news_list:hover{background:#f4f4f4}
.nb-cards li.news_list{display:flex}
.nb-cards li.news_list a{display:flex;flex-direction:column;flex:1;min-height:264px;padding:28px 24px;color:inherit;text-decoration:none;box-sizing:border-box}
.nb-cards .news_list h1{font-size:13px;color:#97714b;padding-bottom:8px;font-weight:600}
.nb-cards .news_list h2{font-size:16px;color:#111;font-weight:700;line-height:1.45;margin-bottom:14px;word-break:keep-all}
.nb-cards .news_list p{font-size:13px;color:#999;line-height:1.65;height:auto !important;margin:0;display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nb-cards .news_list h3{font-size:12px;color:#ff7e00;margin-top:auto;padding-top:18px;font-weight:600}
@media (max-width:1024px){.nb-cards li.news_list{width:calc((100% - 22px)/2)}}
@media (max-width:767px){.nb-cards{gap:14px}.nb-cards li.news_list{width:100%}.nb-cards li.news_list a{min-height:0;padding:22px 20px}}
/* 자주묻는질문 (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:#12293d}
.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 #12293d;outline-offset:-2px}

/* 모바일 입지지도 — 오산 단지가 화면 안에 오도록 (10/12) */
@media (max-width:1024px){.location_map::after{background-position:32% top !important}}

/* 10/12 메인 손글씨 «The Heritage» — 한내들 글씨와 «높이»를 맞춤(가로:세로 3.66 · 한내들 4.93) */
.main_tit img.nb-tcr{width:55rem}
@media (max-width:1280px){.main_tit img.nb-tcr{width:42rem}}

/* 10/12 도현: 입지 3번째 화면 남색(#001141) → 자이 시그니처 청록(오산 자이 공식 홈피 주 색상 #006899) */
.location03{background-color:#006899 !important}

/* 10/12 도현: 사업개요 «사업명»·«주택형»은 한 줄로 — 두 칸을 합쳐 가로 전체를 쓰고 주택형은 맨 아래로 */
.sum_list li:nth-child(1),.sum_list li:nth-child(5){width:100% !important}
.sum_list li:nth-child(5){order:9}
@media (min-width:1025px){.sum_list li:nth-child(1) p,.sum_list li:nth-child(5) p{white-space:nowrap;letter-spacing:-.02em}}

/* 10/12 PREMIUM 5칸 = 타이틀별 이미지(대단지·그린·교통·교육·커뮤니티). 2번 칸은 그란테르 영상 자리 → 사진 칸으로 */
.premium_img.img01::before{background-image:url(../osx/img/v4/aerial_wide.jpg) !important}
.premium_img.img02 .premium_vd_box{display:none !important}
.premium_img.img02::before{content:'';position:absolute;inset:0;background:url(../osx/img/v4/elysian_p.jpg) center/cover no-repeat}
.premium_img.img05::before{background-image:url(../osx/img/v4/clubxian_p.jpg) !important}
.premium_img.img03::before{background-image:url(../osx/img/v4/traffic_a.jpg) !important}
.premium_img.img04::before{background-image:url(../osx/img/v4/edu_a.jpg) !important}


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

/* 10/13 브랜드소개(자이 원본 이식) — 기본 글꼴·폭 */
.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)처럼 점·화살표가 바깥 상자 기준 */

/* 10/13 1단지·2단지 탭 (자이 원본 동·호수 배치도 탭 모양) */
.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}}

/* 지윤 2026-10-15: 이학수와 동일 적용 */
/* 이학수 2026-10-15: RESERVATION(검정 배경 유지) 문구↔버튼 사이 상품권 이벤트 — 6차 팝업의 흰 패널 구성(special gift·상품권·정보표)을 가로 카드로 */
@font-face{font-family:'PretendardNB';src:url(../font/Pretendard-Black.subset.woff2) format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'PretendardNB';src:url(../font/Pretendard-Bold.subset.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'PretendardNB';src:url(../font/Pretendard-Regular.subset.woff2) format('woff2');font-weight:400;font-display:swap}
.nb-cta .nb7{display:flex;align-items:center;gap:2.4rem;width:min(52rem,92vw);margin:2.4rem auto 0;padding:1.8rem 2.4rem;background:#fff;color:#1C2838;text-align:left;font-family:'PretendardNB','Noto Sans KR',sans-serif}
.nb7-card{flex:0 0 15rem;line-height:0}.nb7-card img{width:100%;height:auto;display:block}
.nb7-txt{flex:1;min-width:0}
.nb7-sg{margin:0;font-family:Didot,'Bodoni 72','Playfair Display',Georgia,serif;font-style:italic;font-size:1.5rem;line-height:1;color:#80A6C4}
.nb7-tit{margin:.45rem 0 0;font-size:1.65rem;font-weight:700;letter-spacing:-.03em;color:#1C2838}
.nb7-tit b{font-weight:900;color:#326F9C}
.nb7-info{margin:.9rem 0 0;padding-top:.8rem;border-top:1px solid #CDD6E0;display:grid;gap:.3rem}
.nb7-info>div{display:flex;gap:1.2rem;font-size:.95rem;line-height:1.45}
.nb7-info dt{flex:0 0 4.6rem;font-weight:700;color:#1C2838}.nb7-info dd{margin:0;color:#58606C}
.nb-cta .nb-cta-bt{margin-top:2.2rem}
@media (max-width:767px){
 .nb-cta .nb7{flex-direction:column;gap:1rem;padding:1.4rem 1.1rem;margin-top:1.8rem;text-align:center}
 .nb7-card{flex-basis:auto;width:72%}
 .nb7-sg{font-size:1.3rem}.nb7-tit{font-size:1.3rem}
 .nb7-info{text-align:left}.nb7-info>div{gap:.8rem;font-size:.8125rem}.nb7-info dt{flex-basis:3.9rem}
}
/* 이학수 2026-10-15 도현: 흰 박스 → 투명(검정 배경에 녹임) · 글씨 흰색 계열로 */
.nb-cta .nb7{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.22);color:#fff}
.nb7-sg{color:#9dbcd6}
.nb7-tit{color:#fff}.nb7-tit b{color:#8fbde3}
.nb7-info{border-top-color:rgba(255,255,255,.18)}
.nb7-info dt{color:#fff}.nb7-info dd{color:#c3c8cf}