@charset "utf-8";

/*
 * File    : rwd-privacy-policy.css
 * Author  : STUDIO-JT
 *
 * SUMMARY :
 * 860px
 * 540px
 *
 * 개인정보처리방침·이용약관 공용 (.privacy-policy*: privacy-policy.php / terms-of-use.php / single-policy.php).
 * 본문 830rem 고정폭은 860 블록(기준폭 768)부터 뷰포트를 넘어선다: 가로 오버플로가 생기면
 * 실기기에서 가로 팬이 생겨, absolute 헤더의 햄버거·닫기 버튼이 화면 밖으로 밀려난다.
 */



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    .privacy-policy { padding: 170rem 0 120rem; }

    .privacy-policy__revision { margin-top: 44rem; }

    .privacy-policy__body { width: auto; margin: 80rem 24rem 0; }

    /* LIST: 들여쓰기 단위를 28 → 20 으로 (좁은 폭에서 3단까지 내려가면 본문 폭이 남지 않는다).
       불릿 위치도 같이 당겨야 한다: 패딩만 줄이면 불릿이 본문에 붙는다. */
    .privacy-policy__blocks ol.wp-block-list { padding-left: 20rem; }
    .privacy-policy__blocks ul.wp-block-list > li { padding-left: 20rem; }
    .privacy-policy__blocks ul.wp-block-list > li:before { left: 6rem; }

    /* TABLE: 열 압축 대신 가로 스크롤 */
    .privacy-policy__blocks .wp-block-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .privacy-policy__blocks .wp-block-table table { min-width: 640rem; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    .privacy-policy { padding: 150rem 0 100rem; }

    .privacy-policy__revision { margin-top: 36rem; }

    /* 모바일 거터 16 */
    .privacy-policy__body { margin: 64rem 16rem 0; }

}