/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

:root {
  --pr : #ffcc00;
  --black : #000;
  --black_2d : #2d2d2d;
  --gray_60 : #606060;
  --wt : #fff;
}

body {font-family: 'Pre'; background: var(--black);}
.container {max-width: 1180px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {padding: 90px 0;}
section:nth-of-type(even) {background: var(--black_2d);}

/* tit-box */
.tit-box {margin-bottom: 70px; text-align: center;}
.tit-box .tit {margin-bottom: 30px; font-size: 50px; font-weight: bold; line-height: 1.2; color: var(--pr); text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);}
.tit-box .sub {font-size: 24px; font-weight: 200; line-height: 1.21; color: var(--wt); text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);}