@charset "utf-8"; 
@import url(font/font.css);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

/* reset */
html {overflow-y:scroll; font-size:62.5%; height:100%}
body {margin:0;padding:0;font-size:100%;height:100%;font-family:'Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; letter-spacing:-0.1rem;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:100%}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select,img{vertical-align:middle}
input, button {margin:0;padding:0;}
button,input[type=submit]{cursor:pointer;font-family:'Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; letter-spacing:-0.1rem;outline:none}
input[type=text], input[type=password], input[type=submit], input[type=image], input[type=button], button {border-radius:0;-webkit-appearance:none;}
textarea, select {font-family:'Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; letter-spacing:-0.1rem;}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
 a:hover,a:focus{color:#5f2c13;}
ul,li,ol,dt,dd,dl{list-style:none;padding:0;margin:0;}

button:focus, input:focus, textarea:focus, select:focus {outline:0;}

table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
img {max-width:100%;}

.wrap {overflow:hidden;}

*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-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=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}


/** media size setting **/
@media ( max-width: 1300px ) {
	html {font-size:57%;}
}

@media ( max-width: 768px ) {
	html {font-size:54%;}
}

@media all and (max-width:500px) {

}