@charset "utf-8";

/* font */
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.eot),
    url(../fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/NotoSansKR-Regular-Hestia.eot),
    url(../fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/NotoSansKR-Medium-Hestia.eot),
    url(../fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/NotoSansKR-Bold-Hestia.eot),
    url(../fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/NotoSansKR-Black-Hestia.eot),
    url(../fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

* {
    font-family: 'Noto Sans Korean','Helvetica Neue','Roboto','sans-serif';
}

/* HTML Default */

html {
    font-size: 62.5%;
}

body {
    word-break: keep-all;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

fieldset, img {
    border: 0 none;
}

dl, ul, ol, menu, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

input, select, textarea, button {
    border-radius: 0;
    vertical-align: middle;
}

    input::-ms-clear {
        display: none;
    }

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
}

body {
    background: #fff;
    direction: ltr;
    -webkit-text-size-adjust: none;
}

body, th, td, input, select, textarea, button {
    font-size: 1.4rem;
    line-height: 1.5;
    color: #222;
    letter-spacing: -0.5px;
    font-weight: 400;
}

.os_mac body, .os_mac th, .os_mac td, .os_mac input, .os_mac select, .os_mac textarea, .os_mac button {
    letter-spacing: 0
}

a {
    color: #222;
    text-decoration: none;
}

    a:hover {
        color: none;
        text-decoration: none;
    }

address, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, textarea, a:focus {
    outline: none;
}

button:focus {
    outline: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select::-ms-expand {
        display: none;
    }

    select:focus {
        outline: none;
    }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.flex{display: flex;}
.flex_center{display: flex;align-items: center;}
.flex_jcenter{display: flex;justify-content: center;}

.pt5{padding-top: 0.5rem;}
.pt10{padding-top: 1rem;}
.pt15{padding-top: 1.5rem;}
.pt20{padding-top: 2rem;}
.pt25{padding-top: 2.5rem;}
.pt30{padding-top: 3rem;}
.pt35{padding-top: 3.5rem;}
.pt40{padding-top: 4rem;}
.pl5{padding-left: 0.5rem;}
.pl10{padding-left: 1rem;}
.pl15{padding-left: 1.5rem;}
.pl20{padding-left: 2rem;}
.pl25{padding-left: 2.5rem;}
.pl30{padding-left: 3rem;}
.pl35{padding-left: 3.5rem;}
.pl40{padding-left: 4rem;}
.pr5{padding-right: 0.5rem;}
.pr10{padding-right: 1rem;}
.pr15{padding-right: 1.5rem;}
.pr20{padding-right: 2rem;}
.pr25{padding-right: 2.5rem;}
.pr30{padding-right: 3rem;}
.pr35{padding-right: 3.5rem;}
.pr40{padding-right: 4rem;}
.pb5{padding-bottom: 0.5rem;}
.pb10{padding-bottom: 1rem;}
.pb15{padding-bottom: 1.5rem;}
.pb20{padding-bottom: 2rem;}
.pb25{padding-bottom: 2.5rem;}
.pb30{padding-bottom: 3rem;}
.pb35{padding-bottom: 3.5rem;}
.pb40{padding-bottom: 4rem;}
.mt5{margin-top: 0.5rem;}
.mt10{margin-top: 1rem;}
.mt15{margin-top: 1.5rem;}
.mt20{margin-top: 2rem;}
.mt25{margin-top: 2.5rem;}
.mt30{margin-top: 3rem;}
.mt35{margin-top: 3.5rem;}
.mt40{margin-top: 4rem;}
.mt50{margin-top: 5rem;}
.mt55{margin-top: 5.5rem;}
.mt60{margin-top: 6rem;}
.ml5{margin-left: 0.5rem;}
.ml10{margin-left: 1rem;}
.ml15{margin-left: 1.5rem;}
.ml20{margin-left: 2rem;}
.ml25{margin-left: 2.5rem;}
.ml30{margin-left: 3rem;}
.ml35{margin-left: 3.5rem;}
.ml40{margin-left: 4rem;}
.mr5{margin-right: 0.5rem;}
.mr10{margin-right: 1rem;}
.mr15{margin-right: 1.5rem;}
.mr20{margin-right: 2rem;}
.mr25{margin-right: 2.5rem;}
.mr30{margin-right: 3rem;}
.mr35{margin-right: 3.5rem;}
.mr40{margin-right: 4rem;}
.mb5{margin-bottom: 0.5rem;}
.mb10{margin-bottom: 1rem;}
.mb15{margin-bottom: 1.5rem;}
.mb20{margin-bottom: 2rem;}
.mb25{margin-bottom: 2.5rem;}
.mb30{margin-bottom: 3rem;}
.mb35{margin-bottom: 3.5rem;}
.mb40{margin-bottom: 4rem;}

.t_color1{color: #1675F2 !important;}


@media screen and (max-width:370px){
    html {
        font-size: 62.5%;
    }
}