.ri-a-ld{margin:6px 0 18px}
.ri-a-ld__h{font-size:19px;font-weight:800;color:#000000;margin:0 0 4px;letter-spacing:-.4px}
.ri-a-ld__hs{font-size:13.5px;color:#333333;margin:0 0 14px;line-height:1.55}
.ri-a-ld__chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px}
/* 🚨 아이콘은 글자 «옆»에 둔다. 위에 얹지 않는다 (2026-09-24 사장님 지시) */
.ri-a-ld__chip{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;
  min-height:66px;padding:12px 18px;background:#fff;border:1px solid #000000;border-radius:0;cursor:pointer;
  font-family:inherit;line-height:1.25;color:#000000;text-align:left;
  -webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background .15s ease,color .15s ease}
/* 아이콘 — 갈래마다 내용에 맞는 선 아이콘. 굵기를 하나로 맞춘다 */
.ri-a-ld__chip svg{width:23px;height:23px;flex:0 0 23px;display:block;fill:none;stroke:#333333;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s ease}
.ri-a-ld__chip b{font-family:inherit;font-weight:700;font-size:13.5px;letter-spacing:-.3px;display:block}
.ri-a-ld__chip small{font-family:inherit;font-weight:600;font-size:11px;color:#333333;display:block;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 글자 두 줄(이름·설명)을 한 덩이로 묶어 아이콘 오른쪽에 세운다 */
.ri-a-ld__chip>b,.ri-a-ld__chip>small{min-width:0}
.ri-a-ld__chiptx{display:flex;flex-direction:column;gap:1px;min-width:0}
/* 🚨 골라진 칸에 inset 그림자를 쓰면 «테두리가 두 겹»이 되어 선이 두꺼워 보인다.
   2026-09-24 사장님 지적. 선은 1px 한 겹만 쓰고, 골라진 것은 «색과 바탕»으로 표시한다. */
.ri-a-ld__chip.is-on{border-color:#000000;background:#f2f6fd;color:#333333}
.ri-a-ld__chip.is-on svg{stroke:#333333;stroke-width:1.9}
.ri-a-ld__chip.is-on small{color:#333333}
.ri-a-ld__chip:focus-visible{outline:2px solid #000000;outline-offset:2px}
.ri-a-ld__f{border:1px solid #000000;border-radius:0;padding:16px;background:#fff}
.ri-a-ld__f--navy{background:#000000;border-color:#000000}
.ri-a-ld__f--navy .ri-a-ld__t{color:#fff}
.ri-a-ld__f--navy .ri-a-ld__d,.ri-a-ld__f--navy .ri-a-ld__d2{color:#333333}
.ri-a-ld__f--navy .ri-a-ld__ag span b{color:#fff}
.ri-a-ld__f--navy .ri-a-ld__ag span small{color:#333333}
.ri-a-ld__f--navy .ri-a-ld__t2{color:#fff}
.ri-a-ld__t{font-size:16px;font-weight:800;color:#000000;margin:0 0 4px;letter-spacing:-.3px}
.ri-a-ld__free{font-style:normal;font-size:11.5px;font-weight:700;color:#333333;background:#f4f4f4;
  border-radius:0;padding:2px 8px;margin-left:5px;vertical-align:2px}
.ri-a-ld__d,.ri-a-ld__d2{font-size:12.5px;color:#333333;margin:0 0 12px;line-height:1.55}
.ri-a-ld__f input,.ri-a-ld__f select,.ri-a-ld__f textarea{width:100%;min-height:46px;padding:0 12px;
  border:1px solid #000000;border-radius:0;background:#fff;color:#000000;
  font-family:inherit;font-size:16px;line-height:1.5;margin:0 0 8px;-webkit-appearance:none;appearance:none}
.ri-a-ld__f textarea{min-height:88px;padding:11px 12px;resize:vertical}
/* 고르는 칸임을 알 수 있게 꺾쇠를 그린다. 안 그리면 입력칸과 구별이 안 된다 */
.ri-a-ld__f select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6472' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center;background-size:18px;padding-right:36px}
/* 아직 안 고른 칸은 «빈 칸»처럼 흐리게 — 고르면 진해진다 */
.ri-a-ld__f select:has(option[value=""]:checked){color:#333333}
.ri-a-ld__f input:focus,.ri-a-ld__f select:focus,.ri-a-ld__f textarea:focus{outline:none;border-color:#000000;box-shadow:0 0 0 3px rgba(11,58,160,.12)}
.ri-a-ld__row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ri-a-ld__hp{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important}
.ri-a-ld__ag{display:flex;gap:9px;align-items:flex-start;margin:2px 0 12px;cursor:pointer}
.ri-a-ld__ag input{width:22px !important;height:22px !important;min-height:22px !important;margin:2px 0 0 !important;
  flex:0 0 22px;padding:0 !important;-webkit-appearance:checkbox;appearance:auto;border-radius:0}
.ri-a-ld__ag span{font-size:12.5px;line-height:1.55;color:#333333}
.ri-a-ld__ag span b{display:block;font-size:13.5px;color:#000000;margin-bottom:2px}
.ri-a-ld__ag span small{font-size:11.5px;line-height:1.5;display:block}
.ri-a-ld__ag a{color:#333333}
.ri-a-ld__go,.ri-a-ld__go2{width:100%;min-height:50px;border:0;border-radius:0;background:#000000;color:#fff;
  font-family:inherit;font-weight:800;font-size:15.5px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ri-a-ld__f--navy .ri-a-ld__go,.ri-a-ld__f--navy .ri-a-ld__go2{background:#000000}
.ri-a-ld__go[disabled],.ri-a-ld__go2[disabled]{opacity:.55;cursor:default}
.ri-a-ld__go:focus-visible,.ri-a-ld__go2:focus-visible{outline:2px solid #000000;outline-offset:2px}
.ri-a-ld__msg{font-size:13px;margin:10px 0 0;line-height:1.55;color:#333333;font-weight:700}
.ri-a-ld__msg.is-err{color:#333333}
.ri-a-ld__f--navy .ri-a-ld__msg{color:#333333}
.ri-a-ld__s2{margin-top:14px;padding-top:14px;border-top:1px solid #000000}
.ri-a-ld__f--navy .ri-a-ld__s2{border-top-color:rgba(255,255,255,.2)}
.ri-a-ld__t2{font-size:14.5px;font-weight:800;color:#000000;margin:0 0 3px}
/* PC — 칸 하나가 1,200px 로 늘어나면 허전하다. 가로로 나눠 담는다 */
@media (min-width:821px){
  .ri-a-ld__f{padding:20px 22px}
  .ri-a-ld__s1,.ri-a-ld__s2gr{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:10px;align-items:start}
  /* 반쪽 칸 묶음은 «투명하게» 만들어 바깥 격자에 그대로 참여시킨다 */
  .ri-a-ld__s1 .ri-a-ld__row2,.ri-a-ld__s2gr .ri-a-ld__row2{display:contents}
  .ri-a-ld__f input,.ri-a-ld__f select{margin:0}
  .ri-a-ld__f textarea{grid-column:1/-1;margin:0}
  .ri-a-ld__ag{margin-top:14px}
  .ri-a-ld__go,.ri-a-ld__go2{max-width:340px;margin-left:auto;margin-right:auto;display:block}
  .ri-a-ld__msg{text-align:center}
}
@media (max-width:820px){
  .ri-a-ld__chips{grid-template-columns:1fr 1fr}
  .ri-a-ld__h{font-size:17.5px}
}
@media (max-width:360px){
  .ri-a-ld__chip{font-size:12.5px;min-height:52px}
  .ri-a-ld__chip small{font-size:10.5px}
}