@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* Reset */
html { height: 100%; }
body { margin: 0; padding: 0; font-size: 0.75em; height: 100%; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 400; word-break: keep-all; overflow-x: hidden; }
html,h1,h2,h3,h4,h5,h6,form,fieldset,img,dl,dt,dd,p { margin: 0; padding: 0; border: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 1em; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
header ul,nav ul,footer ul { margin: 0; padding: 0; list-style: none; }
legend { position: absolute; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }
label,input,button,select,img { vertical-align: middle; }
input,button { margin: 0; padding: 0; font-size: 1em; }
button,input[type='button'],input[type='submit'] { cursor: pointer; }
input[type='text'],input[type='password'],input[type='submit'],input[type='image'],button { border-radius: 0; -webkit-appearance: none; }
textarea,select { font-size: 1em; }
textarea { border-radius: 0; -webkit-appearance: none; resize: none; }
p { margin: 0; padding: 0; word-break: break-all; }
pre { overflow-x: scroll; font-size: 1.1em; }
a:link,a:visited { color: inherit; text-decoration: none; }
ul,ol,li { list-style: none; padding: 0; margin: 0; }
input,button,textarea,select { font-family: 'pretendard', sans-serif; outline: none; }
hr { content: ''; display: block; padding: 0; border: 0; margin: 0; }


/*safari input style reset*/
input[type='text'],input[type='password'],input[type='button'],input[type='submit'],textarea { -webkit-appearance: none; -webkit-border-radius: 0; }


/*scrollbar style*/
* {
    scrollbar-arrow-color: #e8e6e3;
    scrollbar-base-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-face-color: #e8e6e3;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-track-color: transparent;
}
*::-webkit-scrollbar { width: 4px; height: 4px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { width: 4px; height: 4px; border-radius: 2px; box-sizing: border-box; background: #e8e6e3; }


/*drag style*/
::selection { background: #15357a; color: #fff; }
::-moz-selection { background: #15357a; color: #fff; }


/*contenteditable style*/
[contenteditable] { outline: 0px solid transparent; }


/*모바일 웹 개발 시, 특정 사이즈 이상의 모바일 화면에서 font-size가 크게 보이는 경우가 있음
아이폰의 경우 뷰포트가 변경이 되면 자동으로 폰트 크기를 조절하기 때문
(ex iOS iphone8+, X에서 폰트 크기가 커짐/ 안드로이드는 상관 없음
https://blog.naver.com/dlaskarud2/221437725863)*/
.adjust {
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none;  /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}