/* Noto Sans KR */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(/css/fonts/notokr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/css/fonts/notokr/NotoSansKR-Thin.woff) format('woff'),
       url(/css/fonts/notokr/NotoSansKR-Thin.otf) format('opentype');
 }
 @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(/css/fonts/notokr/NotoSansKR-Light.woff2) format('woff2'),
       url(/css/fonts/notokr/NotoSansKR-Light.woff) format('woff'),
       url(/css/fonts/notokr/NotoSansKR-Light.otf) format('opentype');
 }
 @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(/css/fonts/notokr/NotoSansKR-Regular.woff2) format('woff2'),
       url(/css/fonts/notokr/NotoSansKR-Regular.woff) format('woff'),
       url(/css/fonts/notokr/NotoSansKR-Regular.otf) format('opentype');
 }
 @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(/css/fonts/notokr/NotoSansKR-Medium.woff2) format('woff2'),
       url(/css/fonts/notokr/NotoSansKR-Medium.woff) format('woff'),
       url(/css/fonts/notokr/NotoSansKR-Medium.otf) format('opentype');
 }

 @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(/css/fonts/notokr/NotoSansKR-Bold.woff2) format('woff2'),
       url(/css/fonts/notokr/NotoSansKR-Bold.woff) format('woff'),
       url(/css/fonts/notokr/NotoSansKR-Bold.otf) format('opentype');
 }

 @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(/css/fonts/notokr/NotoSansKR-Black.woff2) format('woff2'),
       url(/css/fonts/notokr/NotoSansKR-Black.woff) format('woff'),
       url(/css/fonts/notokr/NotoSansKR-Black.otf) format('opentype');
 }



/* paybooc */
@font-face {
   font-family: 'paybooc';
   font-style: normal;
   font-weight: 300;
   src: url(/css/fonts/paybooc/paybooc-Light.otf) format('opentype'),
      url(/css/fonts/paybooc/paybooc-Lightm.ttf) format('ttf');
}

 @font-face {
   font-family: 'paybooc';
   font-style: normal;
   font-weight: 500;
   src: url(/css/fonts/paybooc/paybooc-Medium.otf) format('opentype'),
      url(/css/fonts/paybooc/paybooc-Medium.ttf) format('ttf');
}

 @font-face {
   font-family: 'paybooc';
   font-style: normal;
   font-weight: 700;
   src: url(/css/fonts/paybooc/paybooc-Bold.otf) format('opentype'),
      url(/css/fonts/paybooc/paybooc-Bold.ttf) format('ttf');
}

@font-face {
   font-family: 'paybooc';
   font-style: normal;
   font-weight: 800;
   src: url(/css/fonts/paybooc/paybooc-ExtraBold.otf) format('opentype'),
      url(/css/fonts/paybooc/paybooc-ExtraBold.ttf) format('ttf');
}



/* roboto-mono */
@font-face {
   font-family: 'Roboto Mono';
   font-style: normal;
   font-weight: 300;
   src: url(/css/fonts/roboto-mono/RobotoMono-Light.ttf) format('ttf');
}

@font-face {
   font-family: 'Roboto Mono';
   font-style: normal;
   font-weight: 400;
   src: url(/css/fonts/roboto-mono/RobotoMono-Regular.ttf) format('ttf');
}

@font-face {
   font-family: 'Roboto Mono';
   font-style: normal;
   font-weight: 500;
   src: url(/css/fonts/roboto-mono/RobotoMono-Medium.ttf) format('ttf');
}

@font-face {
   font-family: 'Roboto Mono';
   font-style: normal;
   font-weight: 700;
   src: url(/css/fonts/roboto-mono/RobotoMono-Bold.ttf) format('ttf');
}


/* Roboto */
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 100;
   src: url(/css/fonts/Roboto/Roboto-Thin.ttf) format('ttf');
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 300;
   src: url(/css/fonts/Roboto/Roboto-Light.ttf) format('ttf');
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   src: url(/css/fonts/Roboto/Roboto-Regular.ttf) format('ttf');
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 500;
   src: url(/css/fonts/Roboto/Roboto-Medium.ttf) format('ttf');
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   src: url(/css/fonts/Roboto/Roboto-Bold.ttf) format('ttf');
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 900;
   src: url(/css/fonts/Roboto/Roboto-Black.ttf) format('ttf');
}


 
 /* reset */
 *{line-height: 1;margin: 0;padding: 0;text-decoration: none;list-style: none;box-sizing: border-box;}
 a{text-decoration: none;color: inherit;}
 body{font-size: 15px;font-family: 'Noto Sans KR';font-weight: 400; position: relative;text-align: center;color: #1E2A52;word-break: keep-all;}
 table{border-collapse: collapse;}
 textarea{resize: none}
 button{cursor: pointer;border: 0;background-color: #fff;}
 table {width: 100%;border-collapse: collapse;vertical-align: middle;}
 table caption{font-size: 0;}
 img{display: block;}
 input[type=text]:focus, select:focus, input[type=date]:focus, input[type=password]:focus, input[type=tel]:focus{outline: none;}