네이버 브랜드검색 프리미엄형(PC)

D-목업-네이버-브랜드검색PC

언제 쓰는가

PC 브랜드검색 지면을 넓은 화면 틀로 보여줄 때. 메인 영상 1, 썸네일 4, 메뉴 5개 기준. 설명 4행. 값 바꾸는 법: 견본 안의 브랜드명·제목·설명 문구와 오른쪽 4행 설명만 교체. 사진 자리는 회색 상자(.g) 유지. 금액은 넣지 않음. 썸네일 4개, 메뉴 5개 기준. 개편 후 PC 템플릿 3종 중 선택한 유형에 맞춰 요소 수 조정.

참고

네이버 브랜드검색 2026년 6월 개편 해설(inside.ampm.co.kr/insight/61037, letter.wepick.kr/post/25200). 화면 구성과 규격만 참고, HTML·CSS 직접 제작. 로고·캡처 이미지 미사용.

조각

<div class="dk dk-mnvbp">
  <div class="lf">
    <div class="fr">
      <div class="pc mock"><div class="cr"><i></i><i></i><i></i><span>search.naver.com</span></div>
<div class="tp"><span class="nvn">N</span><div class="nvq">모닝루틴</div><span class="t10 mu">통합 · 블로그 · 카페 · 쇼핑 · 이미지</span></div>
<div class="bx"><div class="g" style="height:140px">메인 이미지 또는 영상</div>
<div class="col" style="gap:6px"><div class="fx sp"><span class="t13 bd">모닝루틴 공식몰</span><span class="adb">광고</span></div><p class="ttl">세라마이드 수분크림 가을 장벽 케어 기획전</p><p style="color:#444">피부과 테스트를 마친 저자극 처방. 신규 회원 10% 쿠폰과 샘플 3종 증정, 전 상품 무료배송</p><div class="mn"><span>베스트</span><span>신상품</span><span>회원혜택</span><span>매장 안내</span><span>고객 후기</span></div></div></div>
<div style="margin:0 16px"><div class="th"><div><div class="g" style="height:58px"></div><p>수분크림</p></div><div><div class="g" style="height:58px"></div><p>앰플</p></div><div><div class="g" style="height:58px"></div><p>클렌저</p></div><div><div class="g" style="height:58px"></div><p>선케어</p></div></div></div></div>
    </div>
    <p class="cap">구성 예시, 실제 소재 아님</p>
  </div>
  <div class="rt">
    <p class="dk-lb">네이버 · 브랜드검색 PC</p>
    <h3>PC 통합검색 최상단 프리미엄형</h3>
    <dl>
      <div><dt>노출 위치</dt><dd>PC 통합검색 최상단, 브랜드 키워드 검색 시 단독 노출</dd></div>
      <div><dt>과금 방식</dt><dd>선지불 정액, PC와 모바일 별도 계약</dd></div>
      <div><dt>소재 규격</dt><dd>메인 이미지 또는 영상, 제목·설명, 썸네일, 메뉴 링크</dd></div>
      <div><dt>운영 포인트</dt><dd>업무 시간대 PC 검색 비중이 높은 업종에 우선 적용. 메뉴 링크는 전환 페이지로 직결</dd></div>
    </dl>
  </div>
</div>

스타일

.dk-mnvbp{display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:center}
.dk-mnvbp .lf{display:flex;flex-direction:column;align-items:center;gap:10px}
.dk-mnvbp .fr{display:flex;gap:18px;align-items:flex-start}
.dk-mnvbp .fc{display:flex;flex-direction:column;align-items:center;gap:6px}
.dk-mnvbp .fl{font-size:var(--f-cap);font-weight:600;color:var(--ink2);margin:0}
.dk-mnvbp .cap{font-size:var(--f-cap);color:var(--mu);margin:0}
.dk-mnvbp .rt .dk-lb{margin:0 0 4px}
.dk-mnvbp .rt h3{font-size:var(--f-lg);font-weight:700;margin:0 0 var(--s3);letter-spacing:-.02em;line-height:1.35}
.dk-mnvbp .rt dl{margin:0;border-top:1px solid var(--line2)}
.dk-mnvbp .rt dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--s4);padding:13px 0;border-bottom:1px solid var(--line)}
.dk-mnvbp .rt dt{font-size:var(--f-sm);font-weight:600;color:var(--mu);padding-top:2px}
.dk-mnvbp .rt dd{margin:0;font-size:var(--f-body);color:var(--ink2)}
.dk-mnvbp .ph{width:300px;height:372px;border:5px solid var(--ink);border-radius:24px;background:#fff;overflow:hidden;display:flex;flex-direction:column;font-size:11px;line-height:1.4;color:#222;letter-spacing:-.01em;text-align:left;position:relative}
.dk-mnvbp .ph.n{width:232px}
.dk-mnvbp .ph.dkm{background:#242424;color:#fff}
.dk-mnvbp .ph>*{flex:none}
.dk-mnvbp p{margin:0}
.dk-mnvbp .ph b{color:inherit;font-weight:700}
.dk-mnvbp .sb{display:flex;justify-content:space-between;align-items:center;padding:6px 16px 3px;font-size:10px;font-weight:600}
.dk-mnvbp .sb i{display:block;width:16px;height:8px;border:1px solid currentColor;border-radius:2px;opacity:.7}
.dk-mnvbp .g{background:var(--soft);border-radius:4px;flex:none;display:flex;align-items:center;justify-content:center;color:#a39d98;font-size:9px}
.dk-mnvbp .ln{display:block;height:6px;border-radius:3px;background:var(--g1)}
.dk-mnvbp .fx{display:flex;align-items:center;gap:6px}
.dk-mnvbp .col{display:flex;flex-direction:column;gap:2px;min-width:0}
.dk-mnvbp .sp{justify-content:space-between}
.dk-mnvbp .f1{flex:1;min-width:0}
.dk-mnvbp .t9{font-size:9px}
.dk-mnvbp .t10{font-size:10px}
.dk-mnvbp .t12{font-size:12px}
.dk-mnvbp .t13{font-size:13px}
.dk-mnvbp .bd{font-weight:700}
.dk-mnvbp .mu{color:#8b8f94}
.dk-mnvbp .hr{height:6px;background:#f0f1f3}
.dk-mnvbp .pd{padding:8px 12px}
.dk-mnvbp .ic{display:inline-block;width:14px;height:14px;border:1.5px solid currentColor;border-radius:4px;flex:none}
.dk-mnvbp .ic.o{border-radius:50%}
.dk-mnvbp .av{width:22px;height:22px;border-radius:50%;background:var(--g1);flex:none}

.dk-mnvbp .nvh{display:flex;align-items:center;gap:8px;padding:4px 12px 6px}
.dk-mnvbp .nvn{width:20px;height:20px;border-radius:5px;background:#03c75a;color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}
.dk-mnvbp .nvq{flex:1;height:26px;border:1.5px solid #03c75a;border-radius:13px;padding:0 12px;display:flex;align-items:center;font-size:12px;font-weight:600}
.dk-mnvbp .nvt{display:flex;gap:12px;padding:4px 12px 0;border-bottom:1px solid #e9ebee;font-size:11px;color:#666}
.dk-mnvbp .nvt span{padding-bottom:5px}
.dk-mnvbp .nvt .on{color:#03c75a;font-weight:700;border-bottom:2px solid #03c75a}
.dk-mnvbp .adb{font-size:9px;color:#8b8f94;border:1px solid #d5d8dc;border-radius:3px;padding:0 3px;line-height:13px;flex:none}
.dk-mnvbp .ttl{color:#0b53c1;font-size:13px;font-weight:600;line-height:1.3}
.dk-mnvbp .chip{font-size:10px;color:#0b53c1;border:1px solid #dfe3e8;border-radius:11px;padding:1px 8px}
.dk-mnvbp .sec{font-size:12px;font-weight:700;padding:8px 12px 2px}

.dk-mnvbp .pc{width:560px;height:356px;border:1px solid var(--line2);border-radius:10px;background:#fff;overflow:hidden;display:flex;flex-direction:column;font-size:11px;line-height:1.4;color:#222;letter-spacing:-.01em;box-shadow:var(--shadow)}
.dk-mnvbp .pc>*{flex:none}
.dk-mnvbp .pc b{color:inherit;font-weight:700}
.dk-mnvbp .cr{display:flex;align-items:center;gap:5px;height:24px;padding:0 10px;background:var(--soft)}
.dk-mnvbp .cr i{width:7px;height:7px;border-radius:50%;background:var(--g2)}
.dk-mnvbp .cr span{margin-left:10px;flex:1;height:14px;border-radius:7px;background:#fff;font-size:9px;color:#999;padding:0 8px;line-height:14px}

.dk-mnvbp .tp{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid #e9ebee}
.dk-mnvbp .tp .nvq{flex:none;width:260px}
.dk-mnvbp .bx{margin:10px 16px;border:1px solid #e3e6ea;border-radius:8px;padding:12px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}
.dk-mnvbp .mn{display:flex;gap:10px;font-size:10px;color:#0b53c1;flex-wrap:wrap}
.dk-mnvbp .th{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dk-mnvbp .th p{font-size:9px;text-align:center;margin-top:2px}