/* BASIC css start */
#info-group > .h_title > h3 {font-size: 16px;}

#content {padding: 15px 15px 0 15px;}

/* ========================================
   청소년 보호정책
======================================== */

/* 약관 스크롤 영역 */
#content #contract {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    background: #fff;
    color: #222;
    font-size: 13px;
    line-height: 1.45;
    word-break: keep-all;
}

#content #contract * {
    box-sizing: border-box;
}

/* 본문 영역 */
#content #contract .youth-policy-text {
    margin: 0;
    padding: 0;
}

/* 일반 문단 */
#content #contract .youth-policy-text p {
    margin: 0 0 8px;
    padding: 0;
    color: #333;
    font-size: inherit;
    line-height: inherit;
}

/* 각 조항 제목 */
#content #contract .youth-policy-text h2 {
    margin: 25px 0 8px;
    padding: 0;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
}

/* 청소년 관련 민원처리부서 */
#content #contract .youth-policy-contact {
    margin: 18px 0 0;
    padding: 15px 17px;
    border: 1px solid #ddd;
    background-color: #fafafa;
}

/* 민원처리부서 제목 */
#content #contract .youth-policy-contact > strong {
    display: block;
    margin: 0 0 9px;
    color: #222;
    font-size: 13px;
    font-weight: 700;
}

/* 민원처리부서 목록 */
#content #contract .youth-policy-contact dl {
    margin: 0;
    padding: 0;
}

#content #contract .youth-policy-contact dl > div {
    display: flex;
    margin: 3px 0 0;
    padding: 0;
    line-height: 1.7;
}

#content #contract .youth-policy-contact dl > div:first-child {
    margin-top: 0;
}

/* 담당부서, 전자우편 등의 항목명 */
#content #contract .youth-policy-contact dt {
    position: relative;
    flex: 0 0 75px;
    margin: 0;
    padding: 0 0 0 10px;
    color: #555;
    font-weight: normal;
}

#content #contract .youth-policy-contact dt::before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}

/* 연락처 내용 */
#content #contract .youth-policy-contact dd {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #333;
    font-weight: normal;
}

/* 링크 */
#content #contract a {
    color: inherit;
    text-decoration: none;
}

#content #contract a:hover {
    text-decoration: underline;
}

/* ========================================
   청소년보호책임자 및 담당자 표
======================================== */

#content #contract .youth-policy-table-wrap {
    width: 100%;
    margin: 18px 0 0;
    padding: 0;
}

#content #contract .youth-policy-table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    color: #333;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

/* 접근성을 위한 표 제목 */
#content #contract .youth-policy-table caption {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

/* 표 열 너비 */
#content #contract .youth-policy-table-label {
    width: 20%;
}

#content #contract .youth-policy-table-value {
    width: 40%;
}

/* 표 공통 셀 */
#content #contract .youth-policy-table th,
#content #contract .youth-policy-table td {
    height: 42px;
    padding: 10px 7px;
    border: 1px solid #d8d8d8;
    vertical-align: middle;
}

/* 표 상단 제목 행 */
#content #contract .youth-policy-table thead th {
    background-color: #f3f3f3;
    color: #222;
    font-weight: 700;
}

/* 표 왼쪽 항목명 */
#content #contract .youth-policy-table tbody th {
    background-color: #fafafa;
    color: #333;
    font-weight: 400;
}

/* 표 내용 */
#content #contract .youth-policy-table tbody td {
    overflow-wrap: anywhere;
    background-color: #fff;
    font-weight: 400;
    letter-spacing: -0.9px;
}

/* BASIC css end */