@charset "UTF-8";

/* privacy */
.privacy{padding: 120px 0; color: #333; font-size: 1rem; line-height: 1.7; word-break: keep-all;}
.privacy a{color: #22c3ff; text-decoration: underline; word-break: break-all;}
.privacy p{font-size: 1.0625rem;}

/* header */
.privacy .doc-header{padding-bottom: 40px; margin-bottom: 60px; border-bottom: 1px solid #d9d9d9;}
.privacy .doc-header__title{font-size: 2.375rem; font-weight: 800; color: #6a6a6a; line-height: 1.3; margin-bottom: 12px;}
.privacy .doc-header__meta{font-size: 1rem; font-weight: 700; color: #22c3ff; margin-bottom: 24px;}
.privacy .doc-header__desc{font-size: 1.125rem; color: #333;}
.privacy .doc-header__desc + .doc-header__desc{margin-top: 8px;}

/* section */
.privacy .section{margin-bottom: 70px;}
.privacy .section:last-child{margin-bottom: 0;}
.privacy .section > p{margin-bottom: 16px;}
.privacy .section__title{font-size: 1.5rem; font-weight: 800; color: #222; padding-bottom: 14px; margin-bottom: 24px; border-bottom: 2px solid #222;}

/* subsection */
.privacy .subsection{margin-top: 32px;}
.privacy .subsection:first-of-type{margin-top: 0;}
.privacy .section > p + .subsection,
.privacy .section > ul + .subsection{margin-top: 32px;}
.privacy .subsection__title{font-size: 1.25rem; font-weight: 800; color: #6a6a6a; margin-bottom: 10px;}
.privacy .subsection__basis{font-size: 1rem; color: #6a6a6a; margin-bottom: 12px;}
.privacy .subsection > p{margin-bottom: 12px;}

/* info-list */
.privacy .info-list{border-top: 2px solid #6a6a6a;}
.privacy .info-list__item{display: grid; grid-template-columns: 260px 1fr; border-bottom: 1px solid #d9d9d9;}
.privacy .info-list__key{padding: 16px 20px; font-size: 1rem; font-weight: 700; color: #333; background: #f5f5f5;}
.privacy .info-list__value{padding: 16px 20px; font-size: 1.0625rem;}

/* bullet-list */
.privacy .bullet-list{display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px;}
.privacy .bullet-list li{position: relative; padding-left: 14px; font-size: 1.0625rem;}
.privacy .bullet-list li::before{content: ""; position: absolute; left: 0; top: .8em; width: 4px; height: 4px; border-radius: 50%; background: #22c3ff;}

/* note */
.privacy .note{margin-top: 14px; padding: 16px 20px; background: #f5f5f5; border-radius: 10px;}
.privacy .note p{font-size: .9375rem; color: #6a6a6a;}

/* contact-list */
.privacy .contact-list{display: flex; flex-direction: column; gap: 6px;}
.privacy .contact-list li{font-size: 1.0625rem;}

/* clause-list (이용약관 조항) */
.privacy .clause-list{display: flex; flex-direction: column; gap: 10px;}
.privacy .clause-list li{font-size: 1.0625rem;}
.privacy .clause-list .clause-list{gap: 6px; margin-top: 10px; padding: 14px 20px; background: #f5f5f5; border-radius: 10px;}
.privacy .clause-list .clause-list li{font-size: 1rem; color: #555;}
.privacy .section > p + .clause-list{margin-top: 4px;}
.privacy .note + .bullet-list{margin-top: 16px;}
/* privacy */

@media screen and (max-width:992px) {
    .privacy{padding: 100px 0;}
    .privacy .info-list__item{grid-template-columns: 200px 1fr;}
}
@media screen and (max-width:768px) {
    .privacy{padding: 80px 0;}
    .privacy .doc-header{padding-bottom: 30px; margin-bottom: 40px;}
    .privacy .doc-header__title{font-size: 1.75rem;}
    .privacy .doc-header__desc{font-size: 1rem;}
    .privacy .section{margin-bottom: 50px;}
    .privacy .section__title{font-size: 1.25rem;}
    .privacy .subsection__title{font-size: 1.125rem;}
    .privacy p,
    .privacy .clause-list li,
    .privacy .info-list__value,
    .privacy .bullet-list li,
    .privacy .contact-list li{font-size: .9375rem;}
    .privacy .info-list__key{font-size: .875rem;}
    .privacy .info-list__key,
    .privacy .info-list__value{padding: 12px 14px;}
    .privacy .info-list__item{grid-template-columns: 150px 1fr;}
}
@media screen and (max-width:480px) {
    .privacy{padding: 40px 0;}
    .privacy .doc-header__title{font-size: 1.5rem;}
    .privacy .info-list__item{grid-template-columns: 1fr;}
    .privacy .info-list__key{padding-bottom: 8px;}
    .privacy .info-list__value{padding-top: 8px;}
    .privacy .note{padding: 12px 14px;}
    .privacy .clause-list .clause-list{padding: 12px 14px;}
}