@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/*
=========================================================================
theme color
=========================================================================
*/
:root {
  --black:   #0a0a0a;
  --dark:    #111111;
  --dark2:   #1a1a1a;
  --red:     #E31212;
  --red-hover: #c40f0f;
  --white:   #ffffff;
  --offwhite:#f7f7f7;
  --gray1:   #f2f2f2;
  --gray2:   #e5e5e5;
  --gray3:   #999999;
  --gray4:   #555555;
  --text-dark: #1a1a1a;

  --radius: 2px;
  --ease:   cubic-bezier(.4,0,.2,1);

  --f-disp: 'GMarketSans', sans-serif;
  --f-sub-en:'Inter', sans-serif;
  --f-body: 'Noto Sans KR', sans-serif;

  --max-cont: 1500px;
  --min-cont: 350px;
  --pad-lr:   40px;
}

@media (max-width:900px) { 
  :root{--pad-lr: 20px;} 
}
@media (max-width:600px) { 
  :root{--pad-lr: 15px;} 
}

body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;}
body,input,textarea,button,select {font-family:var(--f-body);}
html,body {font-size:18px;line-height:1.6;}

@media (max-width:900px) {
  html,body{font-size:17px;}
}

*,*::before,*::after {box-sizing:border-box;}
body {background:var(--white);color:var(--text-dark);min-height:100vh;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {font-size:1em;}
img,fieldset,button {border:0;}
textarea {overflow:auto;}
input[type=submit],input[type=button],button {cursor:pointer;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;background:none;}
img {max-width:100%;display:block;width:100%;height:100%;object-fit:cover;}
address,em {font-style:normal;}
table {border-spacing:0;border-collapse:collapse;}
caption {overflow:hidden;line-height:0;text-indent:-2000em;}
legend,.hidden {padding:0;margin:0;overflow:hidden !important;text-indent:100%;white-space:nowrap;font-size:0;}
i {font-style:normal;}
select {background:var(--white);}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
figure {padding:0;margin:0;}
a {color:inherit;}
a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;}
ul,ol,li {list-style:none;}
input::placeholder,textarea::placeholder {color:var(--gray3);}
html {scroll-behavior:smooth;}
::-webkit-scrollbar {width:4px;}
::-webkit-scrollbar-track {background:#f0f0f0;}
::-webkit-scrollbar-thumb {background:var(--red);border-radius:2px;}