/* reset, 폰트*/

/************************************* reset *************************************/
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, enter, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, textarea { margin: 0; padding: 0; border: 0; background: transparent; vertical-align: baseline; letter-spacing: -0.04em; font-family: 'Pretendard'; line-height: 1em}
html, body { width: 100%; height: 100%; font-style: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6{color: #000;}
ul, ol, li { list-style: none; font-style: normal;}
a { text-decoration: none; color: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
hr { border: none; }

button { border:none; background: transparent; font-family: inherit; font-size: inherit; text-align: left; cursor: pointer; }
button:active { outline: none; }
button:focus { outline: none; }






/* 
font-family: '3MCircularTT';
font-family: 'Pretendard';

*/




/************************************* font *************************************/
/* Italianno폰트 */
@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
/* font-family: "Italianno", cursive;*/
@font-face {
  font-family: 'Italianno';
  src: url('/font/Italianno-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}


/* 3M폰트 */
@font-face {
    font-family: '3MCircularTT';
    src: url('/font/3MCircularTT-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: '3MCircularTT';
    src: url('/font/3MCircularTT-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: '3MCircularTT';
    src: url('/font/3MCircularTT-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: '3MCircularTT';
    src: url('/font/3MCircularTT-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: '3MCircularTT';
    src: url('/font/3MCircularTT-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: '3MCircularTT';
    src: url('/font/3MCircularTT-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: '3MCircularTT';
    src: url('/font/3MCircularTT-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}



  /* montserrat-300 - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('/font/Montserrat-Light.ttf') format('truetype'); 
  }
  /* montserrat-400 - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/font/Montserrat-Regular.ttf') format('truetype'); 
  }
  /* montserrat-500 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('/font/Montserrat-Medium.ttf') format('truetype');
  }
  /* montserrat-600 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/font/Montserrat-SemiBold.ttf') format('truetype');
  }
  /* montserrat-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('/font/Montserrat-Bold.ttf') format('truetype');
  }
  /* montserrat-900 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('/font/Montserrat-Black.ttf') format('truetype');
  }
  

/* Pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");




@font-face {
  font-display: swap;
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 300;
  src: url('/font/Pretendard-Light.woff') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  src: url('/font/Pretendard-Regular.woff') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  src: url('/font/Pretendard-Medium.woff') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 600;
  src: url('/font/Pretendard-SemiBold.woff') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  src: url('/font/Pretendard-Bold.woff') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 900;
  src: url('/font/Pretendard-Black.woff') format('woff2');
}