/* HTML 페이지(어드민 > 부가서비스 관리에서 시안 HTML·CSS 를 그대로 올린 안내 페이지)의 바탕.
   시안은 빈 브라우저 화면을 기준으로 만들어진다. 사이트 공용 CSS(style.css 등)가 태그에 박아 둔 값을 브라우저 기본값으로 되돌린다.
   :where() 로 우선순위를 낮춰 두어, 시안 CSS(서버가 #service_html_page 를 붙인다)가 같은 우선순위로 이긴다.
   all: revert 는 쓰지 않는다. img 의 width 속성까지 무시하게 만든다.
   공개 화면(info_page/view.htm)과 어드민 미리보기(service_page_management.php)가 같이 쓴다. 고치면 두 곳의 ?v= 를 함께 올린다. */

/* 시안 CSS 는 #service_html_page 와 그 안만 고를 수 있다. 바깥 상자는 못 건드리므로 여기서 가둔다.
   contain: paint — 상자 밖으로 그리지 못하고, position: fixed 도 화면이 아니라 이 상자를 기준으로 한다.
   isolation — 안쪽 z-index 가 사이트 헤더 위로 올라오지 못한다. */
.service-html-guard {
    contain: paint;
    isolation: isolate;
    clear: both;
}

#service_html_page {
    display: block;
    font-family: "Pretendard", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: start;
    text-indent: 0;
    text-transform: none;
    white-space: normal;
    color: #000;
}

#service_html_page :where(*),
#service_html_page :where(*)::before,
#service_html_page :where(*)::after {
    margin: revert;
    padding: revert;
    box-sizing: revert;
}
#service_html_page :where(div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, th, td, figure, figcaption) {
    color: revert;
    font-size: revert;
    line-height: revert;
    font-family: revert;
}
#service_html_page :where(ul, ol, li) { list-style: revert; }
#service_html_page :where(a) { color: revert; line-height: revert; text-decoration: revert; outline: revert; }
#service_html_page :where(table) { table-layout: revert; border-collapse: revert; border-spacing: revert; }
#service_html_page :where(em) { font-style: revert; }
#service_html_page :where(img) { vertical-align: revert; border: revert; }

/* 어드민 미리보기의 휴대폰 화면에서 따로 정한 글자 크기(부모 대비 비율). PC 크기는 같은 글자의 style 에 em 으로 들어 있고,
   휴대폰 값이 없으면 그 비율을 그대로 따라간다. 인라인 style 을 이기려고 !important 를 쓴다. */
@media (max-width: 767px) {
    #service_html_page [style*="--oc-m-size"] { font-size: calc(var(--oc-m-size) * 1em) !important; }
}