@charset "utf-8";

.subpage-page-title, .subpage-breadcrumb, .subpage-sidebar, .subpage-content-title {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
}
.subpage-page-title {
    margin: 0;
    padding: 8px 0 0 25px;
    color: #111;
    font-size: 22px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    line-height: 36px;
    letter-spacing: -1px;
}
.subpage-breadcrumb {
    padding: 10px 20px 0 0;
    color: #555;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
}
.subpage-breadcrumb a { color: #555; }
.subpage-breadcrumb span { margin: 0 7px; color: #999; }
.subpage-sidebar { width: 172px; }
.subpage-sidebar a:link, .subpage-sidebar a:visited {
    display: block;
    box-sizing: border-box;
    position: relative;
    min-height: 32px;
    padding: 7px 15px 7px 21px;
    border: 1px solid #3e69d4;
    border-top-color: #819eff;
    border-radius: 10px 0 10px 0;
    background: linear-gradient(to bottom, #7798ff 0%, #3865dc 48%, #4b79e0 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.5px;
    text-decoration: none;
}
.subpage-sidebar a::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 9px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
}
.subpage-sidebar a:hover { filter: brightness(1.06); }
.subpage-sidebar a:focus-visible { outline: 2px solid #234aaa; outline-offset: 3px; }
.subpage-content-title {
    margin: 0 0 20px;
    color: #111;
    font-size: 22px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: -.8px;
}
.subpage-sidebar a:not([aria-current="page"]):link,
.subpage-sidebar a:not([aria-current="page"]):visited {
    border: 0;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    color: #555;
}
.subpage-sidebar a:not([aria-current="page"])::before { background: #aaa; }
.subpage-sidebar a:not([aria-current="page"]):hover { background: #f5f7fc; color: #2859ca; }
.subpage-content-description {
    margin: -12px 0 20px;
    color: #555;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.5px;
}