/* 안내 유의사항의 접기 동작과 새 이미지 표시를 고객·편집 화면에서 함께 사용한다. */
details.g-callout > summary.g-callout-head { list-style: none; cursor: pointer; }
details.g-callout > summary.g-callout-head::-webkit-details-marker { display: none; }
details.g-callout > summary.g-callout-head::after { content: ''; flex: none; width: 8px; height: 8px; margin: 0 3px 0 auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
details.g-callout[open] > summary.g-callout-head::after { transform: rotate(225deg); }
details.g-callout > summary.g-callout-head:has(> .fradmin-details-toggle)::after { display: none; }
details.g-callout:not([open]) > summary.g-callout-head { margin-bottom: 0; }
/* 유의사항 상자(12px 16px) 안의 질문형 접기에는 일반 FAQ의 위아래 14px를 겹쳐 주지 않는다. 일반 FAQ(.guide-faqs > .gfaq)는 그대로. */
.guide-content-notice > .gfaq { padding-block: 0; }
/* 한 유의사항 상자에 항목이 여러 개면 사이 경계선 위아래에 12px(상자 안쪽·제목–본문과 같은 리듬)을 둔다. 첫 항목 위·마지막 항목 아래는 0 유지.
   details로 한정해 Friends의 .guide-sect .guide-content-notice .gfaq { padding-bottom: 0 }보다 우선한다. */
.guide-content-notice > details.gfaq:not(:last-child) { padding-bottom: 12px; }
.guide-content-notice > details.gfaq + details.gfaq { padding-top: 12px; }
figure.guide-content-image { min-width: 0; margin: 16px 0; }
figure.guide-content-image > img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.guide-instable > figure.guide-content-image { margin: 16px 28px; }
@media (max-width: 640px) {
  .guide-instable > figure.guide-content-image { margin: 14px 18px; }
}