@charset 'UTF-8';

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); /*font-family: 'Pretendard';*/

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


/* 모바일 다크모드 강제 막기*/
:root {
  color-scheme: light only;
}

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, table, tr, td, th, form, fieldset, legend, input, select, textarea, button, label, address, img, a, header,  main, section, nav, article, footer, div, span { margin: 0; padding: 0;}

ol, ul, li, dl, dd, dt {list-style: none;}
i, em, address { font-style:normal; }

/* 이미지, 필드셋 테두리 제거 */
/* iE 10에서 링크가 걸렸을 때 테두리 제거*/
img, fieldset { border: 0 none;}

/* 아이폰 css 적용*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  html,
  body {
    font-size: 62.5%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
  }
}
html,
body {
  font-size: 62.5%;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

html { scroll-behavior: smooth;}

body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea, button {font-family: 'SUIT Variable', sans-serif;  'Pretendard' , 'Pretendard Variable'; font-size: 1.6rem; word-break: keep-all; color: var(--color-base);  line-height: normal; font-weight: 300;  font-style: normal;  letter-spacing: -0.04em;  -webkit-text-size-adjust: 100%; /* ios 방향 변경시 글꼴 크기 조정 방지 */}

button, input, optgroup, select, option, textarea { font-family: inherit; font-size: 100%; line-height: 1;}

a, a:active, a:hover { text-decoration: none; color: inherit; background: transparent; /* IE10에서 배경색 그레이 방지 */}

.clearfix::after { content: ""; display: block; clear: both;}

.blind { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

*, *::before, *::after {box-sizing: border-box;}

img { vertical-align: top;}
input, button, select, option, optgroup, textarea { vertical-align: middle;}

/* iE에서 block 처리 */
main { display: block; }

/* Firefox, Edge, iE 에서 스타일 매칭*/
hr { height: 0;   overflow: visible;}

/* Chrome ,Edge, Safari에서 스타일 매칭*/
b, strong {font-weight: bolder;}


/*--------------------------------------------------*/
img { width: 100%; height: auto;}

table { border-collapse: collapse; border-spacing: 0;}

button { border: 0 none; background: transparent; cursor: pointer;}