@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap);
html {
    font-size: 14px;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif;
    color: #212529;
    background-color: #F8F9FA;
}

main {
    margin: 0 auto;
    padding: 4rem 2rem 0;
    width: 1000px;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #343A40;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
}

section {
    padding: 4rem;
    background-color: white;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    word-break: keep-all;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    color: #495057;
    word-break: keep-all;
}

li:not(:first-of-type) {
    margin-top: 1rem;
}

ul li > ul {
    margin-top: 0.5rem;
    padding-left: 1.5rem;
}

ul li > ul li {
    list-style: disc;
}

ul li > ul li > ul {
    padding-left: 0;
}

ul li > ul li > ul li {
    list-style: none;
}

ul li > i + ul li {
    list-style: none;
}

ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

ol>li {
    display: table;
    counter-increment: item;
}

ol>li:before {
    content: counters(item, ".") ".";
    display: table-cell;
    padding-right: 0.6em;
}

ol>li.none-list:before {
    display: none;
}

li ol {
    margin-top: 0.5rem;
}

li ol>li {
    margin: 0;
}

li ol>li:before {
    content: counters(item, ".") " ";
}

section p {
    color: #495057;
}

section p + ol,
section ol + p,
section p + p  {
    margin-top: 1rem;
}

a {
    color: #005EEA;
}

a:hover {
    color: #004EC3;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.5rem;
    border: 1px solid #DEE2E6;
}

th {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem;
    border-right: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6;
}

td {
    font-size: 0.875rem;
    padding: 0.5rem;
    border-right: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6;
    vertical-align: top;
}

h1 {
    font-size: 1.714rem;
}

h2 {
    margin-top: 2.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.286rem;
}

h3 {
    font-weight: 500;
    font-size: 1rem;
}

h3 + h3 {
    margin-top: 1.5rem;
}

li > p {
    margin-top: 0.5rem;
}

.mt-0 {
    margin-top: 0;
}

.mt-40 {
    margin-top: 2.5rem;
}

footer {
    padding: 3.5rem 0.5rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 0.875rem;
    color: #CED4DA;
}

footer > article {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem 0;
}

footer .link {
    display: flex;
    align-items: center;
    gap: 0 1rem;
}

footer .link a {
    text-decoration: none;
    color: #ADB5BD;
}

footer .link a:hover {
    color: #495057;
}

footer .divider {
    height: 1px;
    background-color: #E9ECEF;
}

footer.en p {
    margin-top: 0.5rem;
}

.logo {
    width: 204px;
    height: 42px;
    background:  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0IiBoZWlnaHQ9IjQyIiB2aWV3Qm94PSIwIDAgMjA0IDQyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTU5LjQyMDcgMTEuMDUzOUM2Mi41OTc1IDExLjA1MzkgNjUuMjY2IDEyLjM3MjMgNjcuNDI2MyAxNS4wMDlWMy44NTg0M0M2NS45MDE0IDMuMjIzMDcgNjQuNDQwMSAyLjc2MjQzIDYzLjA0MjMgMi40NzY1MkM2MS42NzYzIDIuMTU4ODQgNjAuMjc4NSAyIDU4Ljg0ODkgMkM1Ni4zMzkyIDIgNTMuOTQwNyAyLjQ3NjUyIDUxLjY1MzQgMy40Mjk1NkM0OS4zNjYxIDQuMzUwODMgNDcuMzQ4OSA1LjY1MzMyIDQ1LjYwMTYgNy4zMzcwM0M0My44ODYyIDguOTg4OTcgNDIuNTA0MiAxMC45NzQ1IDQxLjQ1NTkgMTMuMjkzNUM0MC40MzkzIDE1LjU4MDggMzkuOTMxIDE4LjEwNjQgMzkuOTMxIDIwLjg3MDJDMzkuOTMxIDIzLjYzNCA0MC40NTUyIDI2LjE5MTQgNDEuNTAzNiAyOC41NDIyQzQyLjU1MTkgMzAuODYxMyA0My45MzM4IDMyLjg3ODUgNDUuNjQ5MyAzNC41OTRDNDcuMzk2NSAzNi4yNzc3IDQ5LjM5NzkgMzcuNTk2MSA1MS42NTM0IDM4LjU0OTFDNTMuOTQwNyAzOS40NzA0IDU2LjMyMzMgMzkuOTMxIDU4LjgwMTIgMzkuOTMxQzYwLjAwODQgMzkuOTMxIDYxLjIzMTUgMzkuODA0IDYyLjQ3MDUgMzkuNTQ5OEM2My43MDk0IDM5LjMyNzQgNjUuMDQzNyAzOC45NjIxIDY2LjQ3MzIgMzguNDUzOEw2Ny40MjYzIDM4LjEyMDJWMjcuMDY1QzY1LjA0MzcgMjkuNjA2NCA2Mi4zNTkzIDMwLjg3NzEgNTkuMzczMSAzMC44NzcxQzU4LjAwNzEgMzAuODc3MSA1Ni43MzYzIDMwLjYyMyA1NS41NjA5IDMwLjExNDdDNTQuMzg1NSAyOS42MDY0IDUzLjM1MyAyOC45MDc1IDUyLjQ2MzUgMjguMDE4QzUxLjYwNTggMjcuMTI4NSA1MC45MjI4IDI2LjA4MDIgNTAuNDE0NSAyNC44NzNDNDkuOTM4IDIzLjY2NTggNDkuNjk5NyAyMi4zNDc0IDQ5LjY5OTcgMjAuOTE3OUM0OS42OTk3IDE5LjUyMDEgNDkuOTM4IDE4LjIxNzYgNTAuNDE0NSAxNy4wMTA0QzUwLjkyMjggMTUuODAzMiA1MS42MDU4IDE0Ljc3MDcgNTIuNDYzNSAxMy45MTNDNTMuMzIxMyAxMy4wMjM1IDU0LjMzNzggMTIuMzI0NiA1NS41MTMzIDExLjgxNjNDNTYuNzIwNCAxMS4zMDggNTguMDIyOSAxMS4wNTM5IDU5LjQyMDcgMTEuMDUzOVpNMjAuODIyNiAyNC44NzNMMTIuMTQ5OSAzLjAwMDY5SDJMMTcuMTA1NyAzOC45MzAzSDI0LjUzOTRMMzkuNjkyOCAzLjAwMDY5SDI5LjU0MjlMMjAuODIyNiAyNC44NzNaTTk0LjAzNzcgMjUuNTg3OEw4OS44NDQzIDEzLjYyNzFMODUuNjUwOSAyNS41ODc4SDk0LjAzNzdaTTk2LjUxNTYgMzIuNjg3OUg4My4xNzNMODEuMDI4NyAzOC45MzAzSDcxLjA2OTRMODQuNzQ1NSAzLjAwMDY5SDk0Ljk0MzFMMTA4LjYxOSAzOC45MzAzSDk4LjY1OTlMOTYuNTE1NiAzMi42ODc5Wk0xMjQuODI0IDM4LjkzMDNWMTAuOTEwOUgxMzIuNDk1VjMuMDAwNjlIMTA3LjgxMlYxMC45MTA5SDExNS40ODRWMzguOTMwM0gxMjQuODI0Wk0xNzMuNjkzIDI1LjU4NzhMMTY5LjQ5OSAxMy42MjcxTDE2NS4zMDYgMjUuNTg3OEgxNzMuNjkzWk0xNzYuMTcxIDMyLjY4NzlIMTYyLjgyOEwxNjAuNjg0IDM4LjkzMDNIMTUwLjcyNEwxNjQuNDAxIDMuMDAwNjlIMTc0LjU5OEwxODguMjc0IDM4LjkzMDNIMTc4LjMxNUwxNzYuMTcxIDMyLjY4NzlaTTIwMiAzOC45MzAzVjMuMDAwNjlIMTkyLjY2VjM4LjkzMDNIMjAyWk0xMzguNTg3IDM5LjkxNzNDMTQxLjY1MiAzOS45MTczIDE0NC4xMzYgMzcuNDMyOCAxNDQuMTM2IDM0LjM2ODFDMTQ0LjEzNiAzMS4zMDMzIDE0MS42NTIgMjguODE4OCAxMzguNTg3IDI4LjgxODhDMTM1LjUyMiAyOC44MTg4IDEzMy4wMzggMzEuMzAzMyAxMzMuMDM4IDM0LjM2ODFDMTMzLjAzOCAzNy40MzI4IDEzNS41MjIgMzkuOTE3MyAxMzguNTg3IDM5LjkxNzNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=") center center no-repeat;
    background-size: 100%
}

@media screen and (max-width:1200px) {
    html {
        font-size: 13px;
    }
    main {
        padding: 3.5rem 2rem 0;
        width: auto;
    }
    section {
        padding: 2rem;
    }
    footer {
        padding: 3rem 0.5rem 3.5rem;
    }
    .logo {
        width: 170px;
        height: 35px;
    }
}

@media screen and (max-width:600px) {
    html {
        font-size: 12px;
    }
    header {
        align-items: center;
    }
    main {
        padding: 3rem 1.5rem 0;
        width: auto;
    }
    section {
        padding: 1.5rem;
    }
    footer {
        padding: 2rem 0.5rem 3rem;
    }
    footer.en {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1.5rem 0;
    }
    .logo {
        width: 136px;
        height: 28px;
    }
}