/********** 기본 폰트 설정 **********/
@font-face {
    font-family: 'notokr';
    src: url('../fonts/notokr-thin.eot');
    src: url('../fonts/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-thin.woff2') format('woff2'),
         url('../fonts/notokr-thin.woff') format('woff'),
         url('../fonts/notokr-thin.ttf') format('truetype'),
         url('../fonts/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'notokr';
    src: url('../fonts/notokr-light.eot');
    src: url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-light.woff2') format('woff2'),
         url('../fonts/notokr-light.woff') format('woff'),
         url('../fonts/notokr-light.ttf') format('truetype'),
         url('../fonts/notokr-light.svg#notokr-light') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'notokr';
    src: url('../fonts/notokr-demilight.eot');
    src: url('../fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-demilight.woff2') format('woff2'),
         url('../fonts/notokr-demilight.woff') format('woff'),
         url('../fonts/notokr-demilight.ttf') format('truetype'),
         url('../fonts/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'notokr';
    src: url('../fonts/notokr-regular.eot');
    src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-regular.woff2') format('woff2'),
         url('../fonts/notokr-regular.woff') format('woff'),
         url('../fonts/notokr-regular.ttf') format('truetype'),
         url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'notokr';
    src: url('../fonts/notokr-medium.eot');
    src: url('../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-medium.woff2') format('woff2'),
         url('../fonts/notokr-medium.woff') format('woff'),
         url('../fonts/notokr-medium.ttf') format('truetype'),
         url('../fonts/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'notokr';
    src: url('../fonts/notokr-bold.eot');
    src: url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-bold.woff2') format('woff2'),
         url('../fonts/notokr-bold.woff') format('woff'),
         url('../fonts/notokr-bold.ttf') format('truetype'),
         url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'notokr';
    src: url('../fonts/notokr-black.eot');
    src: url('../fonts/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-black.woff2') format('woff2'),
         url('../fonts/notokr-black.woff') format('woff'),
         url('../fonts/notokr-black.ttf') format('truetype'),
         url('../fonts/notokr-black.svg#notokr-black') format('svg');
    font-weight: 700;
    font-style: normal;
}

/********** 웹브라우저 해상도(뷰포트) 기준 미디어쿼리 적용 (디바이스 해상도 아님) **********/

/* iphone 5 */
@media (max-width:320px) { html { font-size: 10px; } }

/* galaxy S3·4·5, galaxy note·3, galaxy alpha, nexus5, sony xperia, LG G2·G3 */
@media screen and (min-width: 360px) and (orientation: portrait) { html { font-size: 10px; }}

/* iphone6, iphone6S */
@media screen and (min-width: 375px) and (orientation: portrait) { html { font-size: 10px; }}

/* LG Optimus G, nexus4 */
@media screen and (min-width: 384px) and (orientation: portrait) { html { font-size: 12px; }}

/* galaxy note7, nexus 5x, nexus 6p */
@media screen and (min-width: 412px) and (orientation: portrait) { html { font-size: 12.875px; }}

/* iphone6+ */
@media screen and (min-width: 414px) and (orientation: portrait) { html { font-size: 12.9375px; }}

/* galaxy tab, nexus7, 킨들파이어 HD8.9 */
@media screen and (min-width: 600px) and (orientation: portrait) { html { font-size: 18.75px; }}

/* galaxy tab, nexus7, 킨들파이어 HD7 */
@media screen and (min-width: 604px) and (orientation: portrait) { html { font-size: 18.875px; }}

/* MS 서피스프로 */
@media screen and (min-width: 720px) and (orientation: portrait) { html { font-size: 22.5px; }}

/* iPad retina (iPad mini2.3, iPad 3·4·air) */
@media screen and (min-width: 768px) and (orientation: portrait) { html { font-size: 24px; }}

/* galaxy tab Pro, galaxy tab(8.9 inch), galaxy tab(10 inch), nexus10 */
@media (min-width: 800px) and (orientation:portrait) { html { font-size: 25px; } }

/* iPad pro */
@media (min-width: 1024px) { html { font-size: auto; } }