/*Noto Sans*/
@font-face{
  font-family: NotoSansKR-Light;
  src: url(font/NotoSansKR-Light.otf);
}
@font-face{
  font-family: NotoSansKR-Regular;
  src: url(font/NotoSansKR-Regular.otf);
}
@font-face{
  font-family: NotoSansKR-Medium;
  src: url(font/NotoSansKR-Medium.otf);
}
@font-face{
  font-family: NotoSansKR-Bold;
  src: url(font/NotoSansKR-Bold.otf);
}

/*Avenir Roman*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3acd33");
@font-face {font-family: 'AvenirLTPro-Light';src: url('font/3ACD33_0_0.eot');src: url('font/3ACD33_0_0.eot?#iefix') format('embedded-opentype'),url('font/3ACD33_0_0.woff2') format('woff2'),url('font/3ACD33_0_0.woff') format('woff'),url('font/3ACD33_0_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTPro-Roman';src: url('font/3ACD33_1_0.eot');src: url('font/3ACD33_1_0.eot?#iefix') format('embedded-opentype'),url('font/3ACD33_1_0.woff2') format('woff2'),url('font/3ACD33_1_0.woff') format('woff'),url('font/3ACD33_1_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTPro-Heavy';src: url('font/3ACD33_2_0.eot');src: url('font/3ACD33_2_0.eot?#iefix') format('embedded-opentype'),url('font/3ACD33_2_0.woff2') format('woff2'),url('font/3ACD33_2_0.woff') format('woff'),url('font/3ACD33_2_0.ttf') format('truetype');}


.headline1 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 44px;
}
.headline2 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 44px;
}
.title1 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 32px;
    letter-spacing: -0.064px;
}
.title2 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 24px;
}
.title3 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 32px;
}
.title4 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 18px;
}
.title5 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 20px;
}
.title6 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 24px;
}
.title7 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 18px;
}
.title8 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 18px;
}
.title9 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 20px;
}
.title10 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 18px;
}
.title11 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 32px;
}
.body1 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 16px;
}
.body2 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 14px;
}
.body3 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 13px;
}
.body4 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 12px;
}
.subtitle1 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 15px;
}
.description1 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 11px;
}
.selectbar1 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 13px;
}
.btn1 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 12px;
}
.btn2 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 14px;
}
.btn3 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 14px;
}
.text_btn1 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 12px;
}
.text_btn2 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 13px;
}
.slogan1 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 136px;
    line-height: 115px;
}
.slogan2 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 30px;
    line-height: 36px;
}
.slogan3 {
    font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
    font-size: 50px;
}
.slogan4 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 44px;
}
.text_btn4 {
    font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
    font-size: 13px;
}
.caption{
    font-family: NotoSansKR-Regular, AvenirLTPro-Roman;
    font-size: 11px;
}

@media screen and (max-width: 680px) {
    .headline1 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 28px;
        letter-spacing: -1.4px;
    }
    .headline2 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 28px;
    }
    .title1 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 24px;
    }
    .title2 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 22px;
    }
    .title3 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 18px;
    }
    .title3_mobile {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 20px;
    }
    .title4 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 18px;
    }
    .title5 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 14px;
    }
    .title6 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 18px;
    }
    .title7 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 18px;
    }
    .title8 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 14px;
    }
    .title9 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 14px;
    }
    .title10 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 14px;
    }
    .title11 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 28px;
    }
    .body1 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 16px;
    }
    .body2 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 14px;
    }
    .body2_mobile {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 14px;
    }
    .body3 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 13px;
    }
    .body4 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 12px;
    }
    .subtitle1 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 15px;
    }
    .description1 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 11px;
    }
    .selectbar1 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 14px;
    }
    .btn1 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 16px;
    }
    .btn2 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 14px;
    }
    .btn3 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 16px;
    }
    .text_btn1 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 14px;
    }
    .text_btn2 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 13px;
    }
    .slogan1 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 72px;
        line-height: 70px;
    }
    .slogan2 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 26px;
    }
    .slogan3 {
        font-family: AvenirLTPro-Heavy, NotoSansKR-Medium;
        font-size: 26px;
    }
    .slogan4 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 22px;
    }
    .text_btn4 {
        font-family: AvenirLTPro-Roman, NotoSansKR-Regular;
        font-size: 18px;
    }
}