@charset "utf-8";
/* Reset */
* { box-sizing: border-box; }
*::after, *::before { box-sizing: border-box; }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption { padding: 0; margin: 0; }
html,body { width: 100%; }
html { height: 100%; overflow: hidden; overflow-y: auto; font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
body { min-width: 360px; width: 100%; background: #fff; word-break: keep-all; word-wrap: break-word; font-size: 1.5rem; line-height: 1; -webkit-text-size-adjust: none;font-family: 'Pretendard'; font-weight: 400;color:#616161; line-height: 2.25rem;}
body,input,select,textarea,button { border: none; color: #616161; }
input[type="text"], input[type="password"] { margin:0; } 
ul,ol,li { list-style: none; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
img,fieldset { max-width: 100%; height: auto; border: 0; vertical-align: top; }
address,cite,code,em,i { font-weight: normal; font-style: normal; }
label,img,input,select,textarea,button { vertical-align: middle; }
.hide,caption,legend { overflow: hidden; font-size: 1px; line-height: 0; }
hr { display: none; }
main,header,section,nav,footer,aside,article,figure { display: block; }
a { color: #616161; text-decoration: none; }
label { display: inline-block; cursor: pointer; }
button,input[type="submit"] { cursor: pointer; }
button { background-color: transparent; }
sub,sup { position: relative; font-size: 75%; line-height: 0; }
.clear { clear: both; }
.clear::after { display: block; content: ""; clear: both; }
#skip { position: relative; z-index: 9999; }
#skip a { position: absolute; top: -40px; left: 0; width: 100%; padding: 5px 0; background-color: #182733; font-size: 16px; color: #fff; line-height: 30px; text-align: center; transition: all 0.4s; }
#skip a:hover, #skip a:focus, #skip a:active { top: 0; text-decoration: none; }
.txt-left { text-align: left !important; }
.txt-center { text-align: center !important; }
.txt-right { text-align: right !important; }
.sr-only, .hide { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip-path: polygon(0 0, 0 0, 0 0); }

.w50 { width: 50% !important; }
.w100 { width: 100% !important; }

/* 스크롤바 커스텀 */
::-webkit-scrollbar { width: 8px; height: 8px;}
::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #182733;}
::-webkit-scrollbar-track { background-color: transparent; }
html { scrollbar-width: thin; scrollbar-color: #0556BA transparent; }

/* 전체 */
@media (max-width:1600px) {
  html { font-size: 9px; }
}
@media (max-width:1400px) {
  html { font-size: 8px; }
}
@media (max-width:1280px) {
  html { font-size: 7px; }
}