@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * {
    font-family: 'Noto Sans KR', sans-serif;
}

body {
    font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'APPLE SD Gothic NEO, Roboto', sans-serif;
}

.m-1 {
    margin: 10px;
}

.m-2 {
    margin: 20px;
}

.m-3 {
    margin: 30px;
}

.m-4 {
    margin: 40px;
}

.m-5 {
    margin: 50px;
}

.m-6 {
    margin: 60px;
}

.m-7 {
    margin: 70px;
}

.m-8 {
    margin: 80px;
}

.m-9 {
    margin: 90px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.mt-5 {
    margin-top: 50px;
}

.mt-6 {
    margin-top: 60px;
}

.mt-7 {
    margin-top: 70px;
}

.mt-8 {
    margin-top: 80px;
}

.mt-9 {
    margin-top: 90px;
}

.mt-10 {
    margin-top: 100px;
}

.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.mb-5 {
    margin-bottom: 50px;
}

.mb-6 {
    margin-bottom: 60px;
}

.mb-7 {
    margin-bottom: 70px;
}

.mb-8 {
    margin-bottom: 80px;
}

.mb-9 {
    margin-bottom: 90px;
}

.mb-10 {
    margin-bottom: 100px;
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: 10px;
}

.p-2 {
    padding: 20px;
}

.p-3 {
    padding: 30px;
}

.p-4 {
    padding: 40px;
}

.p-5 {
    padding: 50px;
}

.p-6 {
    padding: 60px;
}

.p-7 {
    padding: 70px;
}

.p-8 {
    padding: 80px;
}

.p-9 {
    padding: 90px;
}

.p-10 {
    padding: 100px;
}

.pt-1 {
    padding-top: 10px;
}

.pt-2 {
    padding-top: 20px;
}

.pt-3 {
    padding-top: 30px;
}

.pt-4 {
    padding-top: 40px;
}

.pt-5 {
    padding-top: 50px;
}

.pt-6 {
    padding-top: 60px;
}

.pt-7 {
    padding-top: 70px;
}

.pt-8 {
    padding-top: 80px;
}

.pt-9 {
    padding-top: 90px;
}

.pt-10 {
    padding-top: 100px;
}


.pb-1 {
    padding-bottom: 10px;
}

.pb-2 {
    padding-bottom: 20px;
}


.pb-3 {
    padding-bottom: 30px;
}


.pb-4 {
    padding-bottom: 40px;
}


.pb-5 {
    padding-bottom: 50px;
}


.pb-6 {
    padding-bottom: 60px;
}


.pb-7 {
    padding-bottom: 70px;
}


.pb-8 {
    padding-bottom: 80px;
}


.pb-9 {
    padding-bottom: 90px;
}


.pb-10 {
    padding-bottom: 100px;
}

.font-10 {
    font-size: 10px
}

.font-12 {
    font-size: 12px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px
}

.btn-black {
    background: #000;
    color: #fff
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active {
    color: #fff;
}

.btn-yellow {
    background: #ffcc00;
    color: #000
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active {
    color: #000;
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
    margin: 1px 0 0;
    line-height: normal;
}

a:focus,
a:hover {
    color: #000;
    text-decoration: none;
}

.bg-gray {
    background: #fafafa;
}