@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

html {font-size: 10px;}
* {margin: 0; padding: 0; list-style: none; box-sizing: border-box;}
label, button, summary {cursor: pointer; font-family: inherit; color: inherit;}
img, input {display: block; font-family: inherit; color: inherit;}
.visually-hidden {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0;}
body {font-family: "Pretendard", "Noto Sans KR", "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: var(--text); line-height: 1.6; background: #f5f7fa;}

.color-y {color: #F4A51C;}
.color-g {color: #019188;}

.notice_page {padding: 36px 20px 20px;}
.container {max-width: 900px; margin: 0 auto;}

.notice_header {text-align: center; margin-bottom: .8rem; word-break: keep-all;}
.notice_type{
    display: inline-block;
    color:#666;
    font-weight:700;
    font-size: 1.5rem;
}
.notice_header h1 {font-size: 3.6rem; margin-bottom: 2.4rem; line-height: 1.3;}
.notice_header p {color: #666; font-size: 1.8rem; text-align: left;}

.notice_box {font-size: 1.7rem; margin-bottom: 1.6rem;}
.notice_box strong {color:#007e76; font-weight: 700;}

.notice_guide {padding: 1.6rem 3.2rem; background-color: #fff; border-radius: 16px; display: flex; flex-direction: column; gap: 1.6rem; border:1px solid #d9e2e8; word-break: keep-all; font-size: 1.6rem;}
.guide_card h2 {font-size: 2rem; color:#007e76;}
.guide_card .info_list {margin-top: .4rem; display: flex; flex-direction: column; gap: .4rem;}
.info_list div {display: flex; gap: .8rem; font-size: 1.7rem; align-items:flex-start;}
.info_list div dt {font-weight: 600; white-space: nowrap;}
.guide_card:first-child div:first-child dd {font-weight: 600;}
.info_list div dd strong {
    display: inline-block;
    padding: .8rem 1.6rem;
    background:#fff9ee;
    border:1px solid #eacb8e;
    border-radius: 8px;
    font-weight:600;
}

.notice_message {margin-top: 1.6rem; font-size: 1.7rem;}
.notice_message p {
    color: #555;
}
.notice_message p + p {margin-top: .4rem;}
.notice_message p:first-child {
    font-weight: 600;
    color: #333;
}

.contact_box {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: 1px solid #d9e2e8;
    color:#222;
}
.contact_box h2 {font-size: 2rem; color: #333;}
.contact_box h2 + p {
    margin-top: .4rem;
    font-size: 1.5rem;
    color: #666;
}
.contact_box .email {
    color: inherit; 
    text-decoration: none; 
    font-size: 2.4rem;
    font-weight: 700;
    position: relative;
}
.contact_box .email::after {
    content: "";
    height: 2px;
    background: #003b37;
    left: 0;
    right: 100%;
    position: absolute;
    bottom: 0;
    transition: all .15s;
}
.contact_box .email:hover {color: #003b37;}
.contact_box .email:hover::after {right: 0;}
.team {color: #666; font-size: 1.5rem; text-align: right;}

@media (max-width: 767px) {
    html {font-size: 9.5px;}
    .notice_guide {padding: 16px 24px;}
}