/* @charset "utf-8"; */


/* Reset */
html,body,
h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,
ul,ol,li,nav,section,article,header,footer,main,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,
form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption,a { margin:0;padding:0; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Lato, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-weight: 400; color : #222222; word-break: keep-all; border: none; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;} 
/* body,input,select,textarea,button,img,fieldset { border: none; }  */
ul,ol,li,summary { list-style: none; } 
table { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; } 
address,cite,code,em,i { font-style: normal; font-weight: normal; } 
label,img,input,select,textarea,button,a { font-size: 1rem; vertical-align: middle; background: unset; } 
u,ins,a { text-decoration: none; } 
button { cursor: pointer; } 
a { cursor: pointer; }
legend,
caption {
     position: absolute;
     width: 1px;
     height: 1px;
     overflow: hidden;
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
}


/* Normalize */
select { appearance:none;}
select::-ms-expand { display:none;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none;}
input[type="number"]{ -moz-appearance:textfield;}
input[type="number"],
input[type="text"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0;
     border:1px solid #d5d5d5; height: 3.8rem; box-sizing: border-box; background-color: #fff; padding: 0 0 0 1.5rem;
}
select { padding: 0 3.7rem 0 1.5rem; height: 3.8rem; border: 1px solid #d5d5d5; font-size: 1.5rem; color:#111; background: url(/base/img/images/common/arrow_bottom.svg) no-repeat right 1.2rem center #fff; background-size: 2.4rem;}
input::placeholder { font-size: 1.4rem; color:#888;}


/*  */
.hide { overflow: hidden; display: block; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); } 


/* È­¸é³¶µ¶±â »ç¿ëÀÚ¿ë */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden; } 
.skip { position: absolute; left: 0; right: 0; top:-100%; transition: all .5s; line-height: 5rem; background: #000; color:#fff; text-align: center; z-index: 100; } 
.skip:focus { top: 0; } 


.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}



:root { 
    /* Color */
    --navy: #060F3D; 
    --purple: #8382FF;
    --turkey: #44DEB8;
    --black: #000000;
    --white: #ffffff; 
    --grayf2: #f2f2f6;
    --grayf5: #f5f5f5;
    --grayf6: #f6f6fa;
    --graybb: #bbbbbb;  /* Å×À̺í td ¶óÀÎ */ 
    --gray99: #999999;
    --gray76: #767676;
    --gray50: #505050;
    --gray55: #555555;
    --gray42: #424242;  /* td font color */
    --gray22: #222222;  


  }