/* reset */


* { margin: 0; padding: 0; border: 0; box-sizing: border-box; } 
html, body { width: 100%; height: 100%; } 
html { font-size: 62.5%; -ms-touch-action: none;} /* -webkit-user-select:none; 모바일 드래그 막기 */
body { position: relative; min-width: 320px; width:100%; max-width: 1024px; margin: 0 auto; background-color: #f5f7f8; color: #000; font-family: 'Pretendard'; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.030em; box-sizing: border-box; overflow-x: hidden; } 
body.no-scroll { overflow: hidden; } 
body > div { background: #fff; border-left: 1px solid #ededed; border-right: 1px solid #ededed; overflow-x: hidden; } 
ol,ul,li { list-style: none; } 
table,th,td { border-collapse: collapse; /*border-spacing: 0; */ } 
input { font-family: 'Pretendard'; -webkit-tap-highlight-color :transparent; font-size: 1.6rem; } 
input:focus { outline:none; } 
input[type=text]::-ms-clear,
input[type=tel]::-ms-clear { display: none; } 
input:-webkit-autofill { -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } 
select { color: var(--color-g-s-tit); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; } 
select::-ms-expand { display: none; } /*IE 10, 11의 네이티브 화살표 숨기기 */
div { outline: none; } 
label { cursor: pointer; } 
label img { pointer-events: none; } 
a { text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(0,0,0,0);     -webkit-tap-highlight-color: transparent; /* For some Androids */ } 
img { display: block; border: 0; max-width: 100%; width: 100%; } 
p { word-break: keep-all; } 
i { font-style: normal; } 
.icon { display: inline-block; width: auto; max-width: 100%; } 
button { position: relative; background-color: transparent; font-family: 'Pretendard'; } 
button::before { display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; min-width: 3.6rem; min-height: 3.6rem; background: transparent; content: ''; transform: translate(-50%, -50%); } 

@media all and (max-width: 1200px) { 
 body { max-width: 100%; } 
 body > div { border-left: 0; border-right:0; } 
 } 

@media all and (max-width: 500px) { 
 html { font-size: 65.5%; } 
 }