@charset "utf-8";

/*
 * 리셋
 * ※ Google Fonts @import 금지 — @import는 이 파일의 html{font-size} 적용을
 *   뒤쪽 스타일시트(common 반응형 7px)보다 늦게 밀어넣어, 페이지마다
 *   rem 스케일이 갈라질 수 있음 (내정보 헤더 padding 15px vs 메인 10.5px).
 *   본문 폰트는 Pretendard(font.css). Nunito는 미사용.
 */

html, body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
}

html { font-size: 10px; }

*{box-sizing: border-box; -webkit-tap-highlight-color: transparent}
*::before, *::after{box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin: 0; padding: 0}
body {
    overflow: visible;
    top: 0 !important;
    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;
    font-size: 1.7rem;
    line-height: 1.7;
    width: 100%;
    /*height: 100vh;*/
    transform-origin: left top; /* 왼쪽 상단을 기준으로 확대 */
    color: #3c3c3c;
}
fieldset,img{border: 0 none; vertical-align: middle}
img{max-width: 100%}
svg{overflow: visible;}
dl,ul,ol,li{list-style: none}
blockquote, q{quotes: none}
blockquote::before, blockquote::after,q::before, q::after{content: ''; content: none}
input,select,textarea,button{font-size: inherit; font-family: inherit; vertical-align: middle}

input{-webkit-appearance: none; -webkit-border-radius: 0; outline: none; border: none;}
textarea::placeholder,
input::placeholder {color: var(--txtGray1);}

input[type='checkbox'], input[type='radio']{clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px !important;}
textarea{-webkit-appearance: none; -webkit-border-radius: 0; resize: vertical; width: 100%; outline: none; font-family: inherit}
button{background: none; color: #000;}
table{border-collapse: collapse; border-spacing: 0}
button{border: 0 none; cursor: pointer; color: inherit; text-transform: inherit;}
a{color: inherit; text-decoration: none}
a:active, a:hover{text-decoration: none}
address,caption,cite,code,dfn,em,var{font-style: normal; font-weight: normal}
caption{overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; white-space: nowrap; border: 0}
legend{overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; white-space: nowrap; border: 0}
h1, h2, h3, h4, h5, h6{font-weight: 400}
strong, b{font-weight: bold}
pre{font-family: inherit;}