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



@font-face {
font-family: 'Hyperspace Race Light';
font-style: normal;
font-weight: normal;
src: url('/pub/font/HyperspaceRace-Light.otf') format('opentype');
}


@font-face {
font-family: 'Hyperspace Race Heavy';
font-style: normal;
font-weight: normal;
src: url('/pub/font/HyperspaceRace-Heavy.otf') format('opentype');
}


@font-face {
font-family: 'Hyperspace Race Bold';
font-style: normal;
font-weight: normal;
src: url('/pub/font/HyperspaceRace-Bold.otf') format('opentype');
}

@font-face {
font-family: 'Hyperspace Race Extended Bold';
font-style: normal;
font-weight: normal;
src: url('/pub/font/HyperspaceRaceExtended-Bold.otf') format('opentype');
}

@font-face {
font-family: 'Hyperspace Race Extended Regular';
font-style: normal;
font-weight: normal;
src: url('/pub/font/HyperspaceRaceExtended-Regular.otf') format('opentype');
}

@font-face {
font-family: 'hyperspacerace-expandedbold';
font-style: normal;
font-weight: normal;
src: url('/pub/font/hyperspacerace-expandedbold.otf') format('opentype');
}





body {font-family:'Noto Sans KR';font-size:16px;}
input,select,textarea,button {font-family:inherit; vertical-align:middle; box-sizing:border-box;}
img,form,iframe,fieldset,table,table th,table td {border:0 none;}
img {max-width:100%; vertical-align:middle; -ms-interpolation-mode:bicubic;}
ul,ol {list-style:none;}
i,em,address {font-style:normal;}
h1,h2,h3,h4,h5,h6,th,strong,b {font-weight:500;}
iframe {display:block;}
sub,sup {position:relative; vertical-align:baseline; font-size:75%; line-height:0;}
sub {bottom:-5px;}
sup {top:-5px;}
table {table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
legend,hr,[hidden],template,caption {display:none;}
textarea {resize:none;}
label,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="image"] {cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
button,input[type="button"],input[type="reset"],input[type="submit"],input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="search"],textarea {border-radius:0; -webkit-appearance:none; -moz-appearance:none;}
button,input[type="button"]{display: inline-block; font-family: inherit; vertical-align: middle; cursor: pointer; white-space: nowrap; text-decoration: none; background: transparent; border: none; outline: 0}

/* Border */
.nbd {border:none !important;}
.nbd_t {border-top:none !important;}
.nbd_b {border-bottom:none !important;}
.nbd_l {border-left:none !important;}
.nbd_r {border-right:none !important;}
.tr_nbd th,.tr_nbd td {border-bottom:none !important;}

/* Align */
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}

/* Padding */
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}

/* Margin */
.mg {margin:0 !important;}
.mt {margin-top:18px !important;} /* default margin top = default line height */
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}
.ml4 {margin-left:4px !important;}
.ml6 {margin-left:6px !important;}
.mr4 {margin-right:4px !important;}
.mr6 {margin-right:6px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt150 {margin-top:150px !important;}
.mt180 {margin-top:180px !important;}
.mt200 {margin-top:200px !important;}

.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb170 {margin-bottom:170px !important;}
.mb250 {margin-bottom:250px !important;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100 {padding-bottom:100px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}


.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}


.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}


.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w140 {width:140px !important;}
.w160 {width:160px !important;}
.w180 {width:180px !important;}
.w200 {width:200px !important;}
.w220 {width:220px !important;}
.w300 {width:300px !important;}
.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w35p {width:35% !important;}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}


.font10 {font-size:10px !important;}
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}



.fr{float:right !important;}
.fl{float:left !important;}
.clear{clear:both;}

.dpl_ib {display:inline-block !important;}
.dpl_n {display:none !important;}
.dpl_b {display:block !important; }
.dpl_i {display:inline !important;}

.font_w300 {font-weight:300 !important;}
.font_w400 {font-weight:400 !important;}
.font_w500 {font-weight:500 !important;}
.font_w600 {font-weight:600 !important;}

input:focus, select:focus {outline:none;}
select {cursor:pointer;}

input {font-size:14px !important;}