body {
    background: #fff;
    font-family: 'Georgia', serif;
}

p,
li {
    line-height: 28px;
}

a {
    text-decoration: none;
    color: #0063D6;
}

li a {
    font-family: 'Unify Sans', Helvetica, Arial, sans-serif;
}

.otnotice-menu {
    width: 260px;
    background: #ffffff;
    border: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 30px;
    padding-left: 20px;
    padding-top: 0px;
}

.otnotice-menu > .otnotice-menu-section {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
}

.otnotice-menu > .otnotice-menu-section a {
    font-family: 'Unify Sans Semibold', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
    color: #303030 !important;
}

.otnotice-menu-section {
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 8px;
}

.otnotice-section-content p {
    margin: 0 0 .1rem;
}

.otnotice-sections > .otnotice-section > h2.otnotice-section-header {
    color: #303030;
    font-family: 'Unify Sans Bold', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
    line-height: 28px;
    margin-left: 40px;
    margin-bottom: 10px;
    font-size: 22px;
}

table p {
    padding: 12px;
}

td strong {
    font-family: 'Unify Sans Bold', Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 850px) {
    .cm-flatpage-card {
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-sections > .otnotice-section > h2.otnotice-section-header {
        margin-left: 48px;
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    .otnotice-sections {
        margin-left: 330px;
        margin-right: 40px;
    }
}