@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

/* reset element */
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,button,
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 auto; padding:0;}
 h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:inherit;}

 /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {display:block;}
body {line-height:1;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

/* align, border, input */
img, fieldset, a {border:none;}
img {vertical-align:middle;}
table, thead, tbody, tfoot {border-collapse:collapse; border-spacing:0; border:0 none;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, button, form img, label {vertical-align:middle; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; background-color:none; height:28px;}
button, input {outline:0;}

/* anchor */
a {text-decoration:none;}
a:link {color:#444;}
a:visited {color:#444;}
a:hover {color:#444;}
a:focus {color:#444;}

html, body {margin:0; padding:0; max-width: 100%; overflow-x: hidden;}
body {margin:0; padding:0; overflow: hidden; width: 100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Nanum Gothic', sans-serif; /*letter-spacing:-1px;*/ white-space:normal; word-wrap:break-word;}

*, *::before, *::after {-webkit-text-size-adjust:none; box-sizing: border-box; box-sizing: border-box;}
.dp_none {display:none;}
.hdd, legend {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden; position:absolute; top:0; left:0;}
caption {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.clear:after {content:""; display:block; clear:both;}
hr {display:none;}

textarea:focus {outline: none;}
button:focus {outline: none;}
input:focus {outline: none;}
select:focus {outline: none;}

input, textarea {-webkit-appearance: none;-moz-appearance: none; appearance: none; border-radius: 0px;}  /* ¸ð¹ÙÀÏ input ¹Ú½º µÕ±Ù¸ð¼­¸®, ±×¸²ÀÚ Á¦°Å */
input, select, textarea {border:1px solid #ccc; height:28px; padding:0 5px; box-sizing: border-box; resize: vertical; outline:none; background-color:#fff; color:#666; background:#fff; font-size:9pt;}  /* °øÅë border, ³ôÀÌ°ª, padding°ª */
ul {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
button {cursor: pointer;}


/* header, contents, footer  °øÅë */
.header {overflow: hidden; width:100%; height:auto; padding:0; margin:0 auto; text-align:center;}
.content {width:100%; height: auto; text-align:center; margin:0 auto; padding:0;}
.footer {width:100%; height:auto; padding: 0; margin:0 auto; text-align:center;}
#screenshot{ position:absolute;	 border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; z-index:1000;}
.imeactive {-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;}
.imeinactive {-webkit-ime-mode:inactive;-moz-ime-mode:inactive;-ms-ime-mode:inactive;ime-mode:inactive;}