@charset "utf-8"; 

/* font */
@import url(font/font.css);


/* reset */
html {overflow-y:scroll; font-size:62.5%;}
body {/*overflow-x:hidden !important;*/ margin:0;padding:0;font-size:1.6rem;color:#333;height:100%;font-family:'Pretendard','Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; font-weight:400; letter-spacing:-0.025em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;letter-spacing:-0.025em;}
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:'Pretendard','Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; font-weight:400; letter-spacing:-0.025em;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:'Pretendard','Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; font-weight:400; letter-spacing:-0.025em;}
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:#333;}

/* .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:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

input[type=text]::-webkit-input-placeholder {color:#d0d0d0;}
input[type=text]::-webkit-input-placeholder {color:#d0d0d0;}
input[type=text]::-moz-placeholder {color:#d0d0d0; } /* firefox 19+ */
input[type=text]:-ms-input-placeholder {color:#d0d0d0;} /* ie */
input[type=text]:-moz-placeholder {color:#d0d0d0;}
textarea::placeholder {color:#666;}

/* 고정 */
/* html.fixed, html.fixed body {overflow:hidden !important; margin:0; height:100%;position: fixed; width: 100%;} */
html.fixed, html.fixed body {overflow:hidden !important;}



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

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

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

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