/**********************************************************
                         FONT
***********************************************************/

@font-face {
   font-family: 'Pretendard';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}
@font-face {
   font-family: 'Pretendard';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}
@font-face {
   font-family: 'Pretendard';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
   font-weight: 200;
   font-style: normal;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-SemiBold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Black.woff") format("woff");
  font-weight: 800;
  font-display: swap;
}




/**********************************************************
                         COMMON
***********************************************************/
body {
   min-width: 320px;
   margin: 0 auto;
   font-size: 14px;
   font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
   font-weight: normal;
   letter-spacing: -0.5px;
   color: #000;
   background-color: #fff;
   line-height: 1.2;
   overflow-x: hidden;
}

.header,
.nav,
.section,
.footer {
   width: 100%;
}

/**********************************************************
                       COMMON CLASS
***********************************************************/
.name {
   position: relative;
   width: 100%;
   max-width: 1240px;
   margin: 0 auto;
   text-align: left;
}
.name_full {
   position: relative;
   width: 100%;
   text-align: left;
}
.name_pd {
   position: relative;
   width: 100%;
   padding: 0 100px;
   text-align: left;
}

.text_left {
   text-align: left;
}
.text_center {
   text-align: center;
}
.text_right {
   text-align: right;
}

.bg_white {
   background: #fff;
}
.bg_black {
   background: #000;
}
.col_white {
   color: #fff;
}
.col_black {
   color: #000;
}

.fw_light {
   font-weight: lighter;
}
.fw_normal {
   font-weight: normal;
}
.fw_bold {
   font-weight: bold;
}

.dp_pc {
   display: block;
}
.dp_mo {
   display: none;
}

/*font*/
.font_pre {
   font-family: "Pretendard", sans-serif !important;
}

/**********************************************************
                        RESPONSIVE
***********************************************************/
@media screen and (max-width: 1023px) {
   .dp_pc {
      display: none;
   }
   .dp_mo {
      display: block;
   }
}
@media screen and (max-width: 799px) {
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 499px) {
}
@media screen and (max-width: 399px) {
}