@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{position:relative;font-size:10px;-webkit-text-size-adjust:none;text-size-adjust: 100%;-webkit-touch-callout:none;/* -webkit-user-select:none;*/-webkit-tap-highlight-color:transparent;}
body{background:#2B3443;font-size:1.3rem;font-family:"Pretendard";word-break:break-all;letter-spacing:0rem;line-height: 2rem;color:#2d2d2d;}/* chrome에서 pull to refresh 안되게 */

/* 로그인 배경 & 스크롤바 */
html.login-page {background: url(/static/images/etc/bg-login.png)no-repeat top/cover;scrollbar-gutter: stable;overflow-y: scroll;}
html.login-page body {background: transparent !important;}
html.login-page ::-webkit-scrollbar {width: 0.4rem;background: #fff;}
html.login-page ::-webkit-scrollbar-thumb { background: #fff;border-radius: 1rem;}

/* 모바일 배경 */
html.mobile-page{scrollbar-gutter: stable;}
html.mobile-page body{background: #FFF;} 
html.mobile-page ::-webkit-scrollbar {width: 0.4rem;background: #fff;}
html.mobile-page ::-webkit-scrollbar-thumb { background: #767676;border-radius: 1rem;}

html,body{-webkit-overflow-scrolling:touch;touch-action: pan-y;height:100vh;}

img,fieldset{line-height:0;vertical-align:middle;}
img{width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimizeQuality;object-fit:contain;}
ul,ol{list-style:none;}
a{display:inline-block;text-decoration:none;color:#2d2d2d}
em{font-style:normal;}
hr{border: none;}

table{border-collapse:collapse;border-spacing:0;}
th,td{vertical-align:middle;text-align:center;}

button,input,select,textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none;border:none;color:#2d2d2d;font-size:1.3rem;font-family:"Pretendard" !important;}
button{background-color: transparent;color:#2d2d2d;cursor: pointer;}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-calendar-picker-indicator { opacity: 0; display: none; text-align: left;}


select::-ms-expand,
input::-ms-clear,
input::-ms-reveal {
	display: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
    display:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	-webkit-text-fill-color: #2d2d2d !important;
	transition: background-color 5000s ease-in-out 0s;
}
input::-webkit-date-and-time-value{ text-align:left; }

caption{overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin-top:-1px;margin-left:-1px;}


header,footer,nav,aside,section,div,main,video,audio,canvas{display:block;}
object{width:100%;height:100%;pointer-events:none;}
object{position:absolute;top:-999px;height:0;}

@media (max-width: 1280px) {
  html {
    font-size: 8px;
  }
	html.mobile-page {
    font-size: 10px;
  }
}