@charset "utf-8";
/* @import url(font.css);*/
@import url(../fonts/fonts.css);
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;line-height:1.4;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-break:inherit;-ms-word-break:inherit;
}
html,body{font-size:14px;font-family:'Noto Sans Korean',sans-serif}
body{overflow-X:hidden}
html[lang="ko"]{word-break:keep-all;-ms-word-break:keep-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,small{display:block}
blockquote,q{quotes:none}
h1{font-size:1.5rem}
h2{font-size:1.5rem}
h3{font-size:1.17rem}
h4{font-size:inherit}
h5{font-size:0.83rem}
h6{font-size:0.67rem}
mark{background-color:#ff9;color:#333;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img,fieldset{border:0;vertical-align:middle}
ul,ol{list-style:none}
em,address{font-style:normal}
table{border-collapse:collapse;border-spacing:0;table-layout:auto}
a{text-decoration:none;color:inherit;vertical-align:baseline}
a:hover,a:active,a:focus{text-decoration:none}
a:focus,
button:focus,
select:focus,
textarea:focus,
input:focus,
button:hover,
select:hover,
textarea:hover,
input:hover{outline:none}
input[type=text], input[type=button], input[type=submit], input[type=reset], button, select, textarea, input[type=color], input[type=date], input[type=datetime-local], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=email], input[type=week]{appearance:none;-webkit-appearance:none;-moz-appearance:none;-moz-appearance:none;border-radius:0}
input::-ms-clear{display:none}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset}
input[type=button], input[type=submit], button{cursor:pointer;-webkit-appearance:none}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
::placeholder{color:#b7b7b7;opacity:1}
:-ms-input-placeholder{color:#b7b7b7}


small{font-size:11px;padding-left:10px}
.blind{overflow:hidden;position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0}
caption.blind{position:static}

::selection{background:rgba(237, 159, 20, .2)}
*::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}
*::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.15);background-color:#fff}
*::-webkit-scrollbar-thumb{background-color:#ed9f14}


/* width
-----------------------------------------------*/
.wd5{width:5%}
.wd10{width:10%}
.wd15{width:15%}
.wd20{width:20%}
.wd25{width:25%}
.wd30{width:30%}
.wd35{width:35%}
.wd40{width:40%}
.wd45{width:45%}
.wd50{width:50%}
.wd55{width:55%}
.wd60{width:60%}
.wd65{width:65%}
.wd70{width:70%}
.wd75{width:75%}
.wd80{width:80%}
.wd85{width:85%}
.wd90{width:90%}
.wd95{width:95%}
.wd100{width:100%}

body *{-webkit-tap-highlight-color:rgba(0,0,0,0)}

/* @media screen and (max-width:1024px){
    html,body{font-size:14px}
}
@media screen and (max-width:768px){
    html,body{font-size:12px}
} */