@charset "utf-8";

@import url("lib/font.css");

/* font-family    
    //  rem 버전
    font-family: 'SpoqaHanSansNeo';
*/

/* HTML Default */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; line-height:1.4; box-sizing:border-box; font-weight:normal; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-overflow-scrolling:touch;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section { display: block; }
body {padding:0;margin:0;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 { font-weight:600; } 
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
a:link, a:visited, a:hover, a,active, a:focus { text-decoration:none; cursor:pointer; color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}
legend, caption { display:none; }
textarea { resize:vertical; font:inherit; overflow-y:auto; }
input, select { color:inherit; font:inherit; vertical-align: middle;}
address, i { font-style:normal; }
table { border-collapse:collapse; table-layout:fixed; }
img, select, input, button { vertical-align:middle; }
em { font-style:normal; }

/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999; font-weight: normal; text-align: left;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999; font-weight: normal; text-align: left;
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(153,153,153,1); font-weight: normal; text-align: left;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999; font-weight: normal; text-align: left;
}

/* ie, edge 대응 */
select::-ms-expand {display:none;}
.select, input {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  }
input[disabled='disabled'], 
input[readonly='readonly'], 
textarea[readonly='readonly'] {background-color: transparent; color: initial; -webkit-text-fill-color: initial; opacity:1;}
input[type='text']::-ms-clear {display:none;}

/* ios 대응 */
input { appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select { appearance: none; -webkit-appearance: none; -moz-appearance: none;  }

/* 스크롤바 */
.scrollbar {overflow-y: auto;}
.scrollbar::-webkit-scrollbar {width: 4px;}
.scrollbar::-webkit-scrollbar-thumb {background-color: rgba(221,221,221,1); border: 1px solid transparent;border-radius: 4px;}
.scrollbar::-webkit-scrollbar-track {background-color: transparent;}
.scrollbar::-webkit-scrollbar-corner {background-color: transparent;}