@CHARSET "UTF-8";

/* MGothic font */
@font-face {
  font-family: '210MGothic010';
  src: url('/cloud/resources/font/210MGothic010.eot');
  src: url('/cloud/resources/font/210MGothic010.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic010.woff2') format('woff2');
}
@font-face {
  font-family: '210MGothic020';
  src: url('/cloud/resources/font/210MGothic020.eot');
  src: url('/cloud/resources/font/210MGothic020.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic020.woff2') format('woff2');
}
@font-face {
  font-family: '210MGothic030';
  src: url('/cloud/resources/font/210MGothic030.eot');
  src: url('/cloud/resources/font/210MGothic030.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic030.woff2') format('woff2');
}
@font-face {
  font-family: '210MGothic040';
  src: url('/cloud/resources/font/210MGothic040.eot');
  src: url('/cloud/resources/font/210MGothic040.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic040.woff2') format('woff2');
}
@font-face {
  font-family: '210MGothic050';
  src: url('/cloud/resources/font/210MGothic050.eot');
  src: url('/cloud/resources/font/210MGothic050.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic050.woff2') format('woff2');
}
@font-face {
  font-family: '210MGothic060';
  src: url('/cloud/resources/font/210MGothic060.eot');
  src: url('/cloud/resources/font/210MGothic060.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic060.woff2') format('woff2');
}
@font-face {
  font-family: '210MGothic070';
  src: url('/cloud/resources/font/210MGothic070.eot');
  src: url('/cloud/resources/font/210MGothic070.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic070.woff2') format('woff2');
}
@font-face {
  font-family: '210MGothic080';
  src: url('/cloud/resources/font/210MGothic080.eot');
  src: url('/cloud/resources/font/210MGothic080.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic080.woff2') format('woff2');
}
@font-face {
  font-family: '210MGothic090';
  src: url('/cloud/resources/font/210MGothic090.eot');
  src: url('/cloud/resources/font/210MGothic090.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic090.woff2') format('woff2');
}
@font-face {
  font-family: '210MGothic100';
  src: url('/cloud/resources/font/210MGothic100.eot');
  src: url('/cloud/resources/font/210MGothic100.woff') format('woff');
  src: url('/cloud/resources/font/210MGothic100.woff2') format('woff2');
}

/* font */
@font-face {
  font-family: '210Gothic010';
  src: url('/cloud/resources/font/210Gothic010.eot');
  src: url('/cloud/resources/font/210Gothic010.woff') format('woff');
  src: url('/cloud/resources/font/210Gothic010.woff2') format('woff2');
}
@font-face {
  font-family: '210Gothic020';
  src: url('/cloud/resources/font/210Gothic020.eot');
  src: url('/cloud/resources/font/210Gothic020.woff') format('woff');
  src: url('/cloud/resources/font/210Gothic020.woff2') format('woff2');
}
@font-face {
  font-family: '210Gothic030';
  src: url('/cloud/resources/font/210Gothic030.eot');
  src: url('/cloud/resources/font/210Gothic030.woff') format('woff');
  src: url('/cloud/resources/font/210Gothic030.woff2') format('woff2');
}
@font-face {
  font-family: '210Gothic040';
  src: url('/cloud/resources/font/210Gothic040.eot');
  src: url('/cloud/resources/font/210Gothic040.woff') format('woff');
  src: url('/cloud/resources/font/210Gothic040.woff2') format('woff2');
}
@font-face {
  font-family: '210Gothic050';
  src: url('/cloud/resources/font/210Gothic050.eot');
  src: url('/cloud/resources/font/210Gothic050.woff') format('woff');
  src: url('/cloud/resources/font/210Gothic050.woff2') format('woff2');
}

/* 마루고딕  */
@font-face {
  font-family: "210MaruGothic050";
  src: url('/cloud/resources/font/210MaruGothic050.woff2') format('woff2');
}
@font-face {
  font-family: "210MaruGothic060";
  src: url('/cloud/resources/font/210MaruGothic060.woff2') format('woff2');
}
@font-face {
  font-family: "210MaruGothic070";
  src: url('/cloud/resources/font/210MaruGothic070.woff2') format('woff2');
}
@font-face {
  font-family: "210MaruGothic080";
  src: url('/cloud/resources/font/210MaruGothic080.woff2') format('woff2');
}
@font-face {
  font-family: "210MaruGothic090";
  src: url('/cloud/resources/font/210MaruGothic090.woff2') format('woff2');
}
@font-face {
  font-family: "210MaruGothic100";
  src: url('/cloud/resources/font/210MaruGothic100.woff2') format('woff2');
}

.font-10 { font-family: '210Gothic010'; font-weight: normal; }
.font-20 { font-family: '210Gothic020'; font-weight: normal; }
.font-30 { font-family: '210Gothic030'; font-weight: normal; }
.font-40 { font-family: '210Gothic040'; font-weight: normal; }
.font-50 { font-family: '210Gothic050'; font-weight: normal; }

.font-color-ffffff { color: #ffffff; }
.font-color-000000 { color: #000000; }
.font-color-b2b2b2 { color: #b2b2b2; }
.font-color-58595b { color: #58595b; }
.font-color-d4d4d4 { color: #d4d4d4; }
.font-color-bcbec0 { color: #bcbec0; }
.font-color-bfd730 { color: #bfd730; }

.font-size-50 { font-size: 50px; }
.font-size-45 { font-size: 45px; }
.font-size-40 { font-size: 40px; }
.font-size-35 { font-size: 35px; }
.font-size-30 { font-size: 30px; }
.font-size-25 { font-size: 25px; }
.font-size-20 { font-size: 20px; }
.font-size-17 { font-size: 17px; }
.font-size-16 { font-size: 16px; }
.font-size-14 { font-size: 14px; }
.font-size-13 { font-size: 13px; }
.font-size-12 { font-size: 12px; }