@charset 'euc-kr';

@font-face {
    font-family: GangwonEduPower;
    src: url(fonts/GangwonEduPower/gangwon-edu-power.woff) format('woff');
    font-weight: 400;
}

@font-face {
    font-family: Noto Sans KR;
    src: url(fonts/NotoSansKR/noto-sans-kr-regular.woff) format('woff');
    font-weight: 400;
}

/* Color */
.blue {
    color: #148AE1 !important;
}

.dark-blue {
    color: #264966 !important;
}

.light-tan {
    color: #CFBE9F !important;
}

.tan {
    color: #B29F7D !important;
}

.red {
    color: #DB4C65 !important;
}

.green {
    color: #5DB049 !important;
}

.white {
    color: #ffffff !important;
}

.pale-gray {
    color: #f3f6fa !important;
}

.light-gray {
    color: #d4dbe4 !important;
}

.weak-gray {
    color: #a3a9b0 !important;
}

.gray {
    color: #a3a9b0 !important;
}

.deep-gray {
    color: #6c6f73 !important;
}

.dark-gray {
    color: #2b2d30 !important;
}

.black {
    color: #000000 !important;
}

/* End Color */

/* Typography */
.ft15 { font-size: 15px; }
.h1 {
    font-family: GangwonEduPower;
    font-style: normal;
    font-weight: normal;
    font-size: 56px;
    line-height: 67px;
    color: #2B2D30;
}

.h2 {
    font-family: GangwonEduPower;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 38px;
    color: #2B2D30;
}

.h3 {
    font-family: GangwonEduPower;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    color: #2B2D30;
}

.h4 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.03em;
}

.h5 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #2B2D30;
}

.h6 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.03em;
    color: #2B2D30;
}

.em1 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 46px;
    /* identical to box height, or 120% */

    letter-spacing: -0.03em;
    color: #2B2D30;
}

.em2 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    /* identical to box height, or 120% */

    letter-spacing: -0.03em;
    color: #2B2D30;
}

.em3 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height, or 150% */

    letter-spacing: -0.03em;
    color: #2B2D30;
}

.em4 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */

    letter-spacing: -0.03em;
    color: #2B2D30;
}

.em5 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    /* identical to box height, or 150% */

    letter-spacing: -0.03em;
    color: #2B2D30;
}

.body1 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height, or 150% */
    color: #6C6F73;
    letter-spacing: -0.03em;
}

.body2 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    color: #6C6F73;
    letter-spacing: -0.03em;
}

.body3 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /* identical to box height, or 150% */
    color: #6C6F73;
    letter-spacing: -0.03em;
}

.body4 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    color: #6C6F73;
    letter-spacing: -0.03em;
}

.body5 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height, or 150% */
    color: #6C6F73;
    letter-spacing: -0.03em;
}

.body6 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    color: #6C6F73;
    letter-spacing: -0.03em;
}

.body7 {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height, or 150% */
    color: #6C6F73;
    letter-spacing: -0.03em;
}

.label1 {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #B29F7D;
}

.label2 {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #B29F7D;
}

.price {
    font-family: 'GangwonEduPower';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #2B2D30;
}

/* End Typography */