@charset "UTF-8";
@import url('font.css');
@import url('main.css');


html {scroll-behavior: smooth;}
:lang(en) * {letter-spacing: 0!important;}

/* reset */
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,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,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font-size:100%;word-break:keep-all;box-sizing:border-box;outline:0 none;line-height:1.5;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:inherit;}
html {width:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
body {-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style:none;}
em,i,address {font-style:normal;}
img {display:inline-block;max-width:100%;border:0; outline:none;}
video {min-width:100%;max-width:100%;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;empty-cells:show;word-wrap:break-word;}
caption {overflow:hidden; width:0px; height:0px; font-size:0px; line-height:0px;}
legend {font-size:0;display: none;opacity: 0;}
input,textarea,select,button,label {display:inline-block;vertical-align:top;outline:0 none;}
button {overflow:hidden; padding:0; margin:0; border:none; background:transparent;}
label {cursor:pointer;}
iframe, object, video, embed {position:relative; top:0; left:0; max-width:100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;padding:0;}
address, em, var, i {font-style:normal;}

/* link */
a {cursor:pointer;}
a,a:hover {text-decoration:none;}
a,button,input {-webkit-tap-highlight-color:rgba(255,255,255,0);}
a, a:hover, a:active, a:focus, button, input, [role="button"], [tabindex="0"], a[tabindex] {outline:0 solid transparent;}
*:hover {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

/* 숨기기 */
hr, .hide {position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;}

/* form */
input {max-width:100%;border: 1px solid #d1d1d1;color: #000;background: #fff;}
input::-webkit-input-placeholder {color:#888;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="price"],
input[type="search"],
input[type="email"],
input[type="time"],
input[type="month"],
input[type="date"],
input[type="url"],
input[type="image"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="price"],
{-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:0;border-radius:0;box-sizing:border-box;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;}
input[type="button"],
input[type="submit"],
input[type="reset"],
button {padding:0;line-height:normal !important;}
input[type="button"] {width:auto;background-color:transparent;}
input[type="file"] {width:100%;height:100%;opacity:0;}

select{-webkit-appearance: none;  /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;border-radius:0;outline: none;width: auto;max-width:100%;}

select[multiple] {overflow:auto;}
button {border:0;background:transparent;cursor:pointer;}
button[disabled] {cursor:default;}

input[type="hidden"],
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}

textarea {border:1px solid #e2e2e2;background:#fff;color:#333;padding:10px;border-radius:3px;font-size:13px;}
textarea::-webkit-input-placeholder {color:#888;}

input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 8px #ccc;-moz-box-shadow:  0 0 8px #ccc;box-shadow: 0 0 8px rgba(0 0 0 / 30%);border: 1px solid #000 !important;}

input[readonly='readonly']:focus,
input[readonly]:focus {border:1px solid #D9D9D9 !important;box-shadow:none !important;}


/* input 높이 */
input[type="text"],
input[type="date"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="data"],
input[type="time"],
select {height: 45px;box-sizing: border-box;}

/* 스크롤바 */
::-webkit-scrollbar { width: 8px;height: 8px;}
/* 스크롤바의 width */
::-webkit-scrollbar-track { background-color: #efefef; }
/* 스크롤바의 전체 배경색 */
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #bfbfbf, #a9a9a9);
}