@charset "utf-8"; 

/* font */
@import url(font/font.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

.font-bebas {font-family:'Bebas Neue';}


/* reset */
html {overflow-y:scroll; font-size:62.5%;}
body {overflow-x:hidden !important; margin:0;padding:0;font-size:1.6rem;color:#211e1f;height:100%;font-family:'Roboto','Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; font-weight:400; letter-spacing:0;}
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}
h1, h2, h3, h4, h5, h6, strong, em {font-weight:400;}
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; font-weight:400;  font-size:1.5rem; letter-spacing:0;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; font-weight:400; letter-spacing:0; font-size:1.5rem;}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:keep-all;}
hr {display:none}
pre {overflow-x:scroll;}
a:link, a:visited {text-decoration:none}
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%;}

a {color:#211e1f;}

.div-wrap {overflow-x:hidden;}

* {
	word-break: keep-all; /* 전체 단어단위로 잘리도록 적용 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	box-sizing:border-box; 
}
*, :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:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

/* 고정 */
html.fixed, html.fixed body {overflow:hidden !important;}



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

@media ( max-width: 1024px ) {
}

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

@media all and (max-width:500px) {
	html {font-size:53%;}
}