* {margin: 0;padding: 0; box-sizing: border-box; }
a {text-decoration: none; color: inherit;}
li {list-style: none;}
img {width: 100%; height: 100%; object-fit: cover; display: block;}
html,body {margin: 0; color: var(--font_color_light); background-color: rgb(240, 243, 248); font-family: system-ui, sans-serif;}

.inner {
    max-width: 1680px;
    margin: auto;
}

#section {
    padding: 100px 0;
    width: 100%;
    color: var(--font_color_dark);
}

.section_title {
    font-size: 80px;
    color: var(--font_color_dark);
    font-weight: 700;
    margin-top: 50px;
}

:root {
  --font_color_dark: #101013;
  --font_color_light: #f7f7f7;
  --font_color_gray: #777777;
  --point_color_1: #ff5a00;
  --dark_color_1: #09090a;
}

/* 프리텐다드 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
body {
font-family: Pretendard, Noto Sans KR, sans-serif;
}

/* 로보토 */
@import url('https://fonts.googleapis.com/css2?family=Caprasimo&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playwrite+AU+NSW:wght@100..400&family=Playwrite+HU:wght@100..400&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.item.newin h3{
 font-family: Roboto, Noto Sans KR, sans-serif;   
}