@charset "utf-8";

@font-face {
    font-family: 'notokr';
    font-style: normal;
    font-weight: 100;
    src: local('NotoSansKR Thin'), local('NotoSansKR-Thin'), local('NotoSansKR Thin');
    src: url(/fonts/notokr-thin.eot);
    src: url(/fonts/notokr-thin.woff) format('woff'),
         url(/fonts/notokr-thin.woff2) format('woff2');
}

@font-face {
    font-family: 'notokr';
    font-style: normal;
    font-weight: 300;
    src: local('NotoSansKR Light'), local('NotoSansKR-Light'), local('NotoSansKR Light');
    src: url(/fonts/notokr-light.eot);
    src: url(/fonts/notokr-light.woff) format('woff'),
         url(/fonts/notokr-light.woff2) format('woff2');
}

@font-face {
    font-family: 'notokr';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansKR Regular'), local('NotoSansKR-Regular'), local('NotoSansKR Regular');
    src: url(/fonts/notokr-regular.eot);
    src: url(/fonts/notokr-regular.woff) format('woff'),
         url(/fonts/notokr-regular.woff2) format('woff2');
}

@font-face {
    font-family: 'notokr';
    font-style: normal;
    font-weight: 500;
    src: local('NotoSansKR Medium'), local('NotoSansKR-Medium'), local('NotoSansKR Medium');
    src: url(/fonts/notokr-medium.eot);
    src: url(/fonts/notokr-medium.woff) format('woff'),
         url(/fonts/notokr-medium.woff2) format('woff2');
}

@font-face {
    font-family: 'notokr';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSansKR Bold'), local('NotoSansKR-Bold'), local('NotoSansKR Bold');
    src: url(/fonts/notokr-bold.eot);
    src: url(/fonts/notokr-bold.woff) format('woff'),
         url(/fonts/notokr-bold.woff2) format('woff2');
}

@font-face {
    font-family: 'notokr';
    font-style: normal;
    font-weight: 900;
    src: local('NotoSansKR Black'), local('NotoSansKR-Black'), local('NotoSansKR Black');
    src: url(/fonts/notokr-black.eot);
    src: url(/fonts/notokr-black.woff) format('woff'),
         url(/fonts/notokr-black.woff2) format('woff2');
}

body {
    font-family: 'notokr';
    word-break: keep-all;
}

.main-logo { 
    font-size:2.3rem;

}
.logo-color {
    color:#00377B;
    font-weight:900;
}
.logo-thik {
    font-weight:900;
}
.logo-light {
    font-weight:300;
}
.logo-thin {
    font-weight:100;
}
.btn-secondary {
    background-color: #00377B;
    border-color:#00377B;
}

.btn-secondary:hover {
    background-color: #00366B;
    border-color: #00366B;
}
.btn-secondary:active, .btn-secondary:focus {
    background-color: #00366B;
    border-color: #00366B;
}
.fixed-footer {
    background-color: #232323;
    position:fixed;
    width:100%;
    bottom:0;
}

footer {
    margin-bottom:2rem;
}
#introLogo {
    display: none;;
}
@media (min-width: 720px) {
    #introLogo {
        display: block;

    }    
}