
/* =========== // WEBFONT =========== */
/* Montserrat(SIL OFL 1.1, fonts/OFL.txt)에서 라틴 문자만 서브셋하고 글리프의 겹친 컨투어를 병합한 파일.
   배포본 그대로 쓰면 -webkit-text-stroke 아웃라인에서 획이 만나는 자리에 경계선이 드러난다. */
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
/* =========== WEBFONT // =========== */

/* =========== // CSS RESET =========== */
html,body { height:100%;}
body { -webkit-text-size-adjust:none;}
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; font-size: 100%; box-sizing:border-box;vertical-align:baseline;}
body,input,select,textarea,button,table { font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 100%; color: #222; font-weight:400; word-break:keep-all; word-wrap:break-word;letter-spacing: -0.01em;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6 { font-weight:inherit; font-size:inherit; }
iframe, fieldset { border:0; }
img { width: 100%; border:0; vertical-align:middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
dl,ul,ol,menu,li { list-style:none; }
em,address { font-style:normal; }
a { color:inherit; text-decoration:none; }
a:hover,a:active,a:focus { text-decoration:none; }
input,select,textarea,button { 
    border: 0; vertical-align:middle; background:transparent;
    &:focus { 
        outline:none; box-shadow: none; 
    }
}
button { cursor:pointer; width:auto; overflow:visible; color:inherit; font-size:inherit; vertical-align:middle; background:transparent; border:0; }
button[disabled="disabled"] { cursor:default; }
sup { line-height:1; font-size:0.4em; }
table { border-collapse:separate; border-spacing:0; table-layout:fixed; width:100%; empty-cells:show; }
caption,legend { visibility:hidden; font-size:0; width:0; height:0; line-height:0; }
input[type='text']::-ms-clear, input[type='password']::-ms-reveal { display:none; }
input[disabled="disabled"], input[readonly="readonly"], select[disabled="disabled"], input.disabled, input.readonly { background-color:#f5f5f5; cursor:default; border-color:#ddd; }
select { vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; }
select::-ms-expand { display:none; }
::-webkit-input-placeholder { color:#888 !important; font-weight:normal; }
::-moz-placeholder { color:#888 !important; font-weight:normal; }
:-ms-input-placeholder { color:#888 !important; font-weight:normal !important; }
:-moz-placeholder { color:#888 !important; font-weight:normal; }
select.placeholder { color:#888 !important; font-weight:normal; }
th, td { text-indent:0; }
/* =========== CSS RESET // =========== */