@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* reset - 브라우저 기본 style을 모두 초기화 */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, address, blockquote, header, main, section, article, aside, figure, figcaption, nav, footer, table, caption, tr, th, td, thead, tbody, tfoot, form, fieldset, legend {margin: 0; padding: 0;}

header, main, section, article, aside, figure, figcaption, nav, footer {display: block;}
/* 위에 적은 태그들은 기본적으로 모두 block 속성을 가지고 있지만, header ~ footer 는 html 5부터 생긴 구조화 태그. 하위 브라우저(주로 업데이트가 느린 지방관공서 등에서 오류가 생길 가능성이 있음)에서 인식되지 않을 가능성이 있으므로 혹시 모를 상황을 대비해 display: block 선언으로 처리해둠. */

button {cursor: pointer;}
li {list-style-type: none;} /* 글머리기호 초기화 */
a { text-decoration: none; color: inherit}
em, i , cite, address {font-style: normal;} /* 기본 font-style: italic 이기 때문에, normal 선언으로 초기화 시켜줌.*/
table {border-collapse: collapse;} /* 칸마다 들어가있는 border를 합침 */

.blind {
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
} /* caption, alt 대신 쓴 span 등의 정보들을 블라인드 처리할 때 쓰기 위한 클래스 설정. 웹접근성 프로그램에서 접근할 때 읽을 수 있는 텍스트가 있어야 하는데 display: none; 처리를 해버리면 정보값을 아예 인식하지 않기 때문에 블라인드 설정을 따로 씀. */

.clear:before,
.clear:after {
    content: '';
    display: block;
    clear: both;
} /* float 해제를 위한 클래스 설정. clear: both;에 필요한 설정을 모아둠. */

body {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 400;
}