/* ===============================
   common.css
================================ */

/* PRETENDARD
================================ */
@font-face {font-family:'Pretendard'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2'); font-weight:100; font-display:swap;}
@font-face {font-family:'Pretendard'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2'); font-weight:200; font-display:swap;}
@font-face {font-family:'Pretendard'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2'); font-weight:300; font-display:swap;}
@font-face {font-family:'Pretendard'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2'); font-weight:400; font-display:swap;}
@font-face {font-family:'Pretendard'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2'); font-weight:500; font-display:swap;}
@font-face {font-family:'Pretendard'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap;}
@font-face {font-family:'Pretendard'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2'); font-weight:700; font-display:swap;}
@font-face {font-family:'Pretendard'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2'); font-weight:800; font-display:swap;}
@font-face {font-family:'Pretendard'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2'); font-weight:900; font-display:swap;}

/* RESET
================================ */
*, *::before, *::after {box-sizing:border-box; margin:0; padding:0;}

html {font-size:16px; scroll-behavior:smooth;}

body {
  font-family:'Pretendard', sans-serif;
  color:#1a1208;
  background:#fff;
  line-height:1.7;
  word-break:keep-all;
  overflow-x:hidden;
}

img {display:block; max-width:100%; height:auto;}

a {color:inherit; text-decoration:none;}

ul, ol {list-style:none;}

address {font-style:normal;}

/* VARIABLES
================================ */
:root {
  --color-dark:  #1a1208;
  --color-red:   #ff2424;
  --color-brown: #cfb39b;
  --color-gold:  #c9a96e;
  --color-white: #ffffff;

  --font-main: 'Pretendard', sans-serif;

  --inner-width: 1400px;
  --header-h:    0px;
}

/* INNER
================================ */
.inner {max-width:var(--inner-width); margin:0 auto; padding:0 40px;}

/* HEADER
================================ */
#header {}

/* FOOTER
================================ */
#footer {}