@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 {
  --navy: #0b1120;
  --navy2: #111827;
  --blue: #3C73FF;
  --blue-hover: #3362da;
  --sky: #3c94ff;
  --white: #fff;
  --gray1: #f1f5f9;
  --gray2: #e2e8f0;
  --gray3: #64748b;
  --bg: #fff;
  --text: #1e293b;
  --radius: 2px;
  --ease: cubic-bezier(.4,0,.2,1);

  --f-disp-kr: 'GMarketSans', sans-serif;
  --f-disp-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;
  }
}
/*
=========================================================================
base CSS Document
=========================================================================
*/
/* reset */
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.5;}

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

*,*::before,*::after {box-sizing:border-box; margin:0; padding:0;}
body {background:var(--bg); color:var(--text); min-height:100vh; overflow-x:hidden; transition:background var(--transition), color var(--transition);}
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;}
table,th,td {border:none;}
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(--bg);}
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;}

/* placeholder */
input::placeholder,input::-webkit-input-placeholder,input:-ms-input-placeholder,
textarea::placeholder,textarea::-webkit-input-placeholder,textarea:-ms-input-placeholder {color:var(--fgDim);}

/* scrollbar */
html{scroll-behavior:smooth;}
::-webkit-scrollbar{width: 4px;}
::-webkit-scrollbar-track{background: rgba(0,0,0,.5);}
::-webkit-scrollbar-thumb{background: var(--blue); border-radius: 2px;}

/* lang=en: display font override */
html[lang="en"] {--f-disp-kr: var(--f-disp-en);}