@charset "utf-8";

@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css");

@font-face {
  font-family: "a2";
  font-style: normal;
  font-weight: 500;
  src: local("/font/a2"), /* computer */
    url("/font/a2.eot"), /* IE9 Compat Modes */
    url("/font/a2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
    url("/font/a2.woff") format("woff"), /* Modern Browsers */
    url("/font/a2.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'DOSIyagiMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/DOSIyagiMedium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* 초기화 */
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0;padding:0;font-family:'Pretendard','Malgun Gothic','dotum','Sans-serif';color:#ddd;font-size:13px;font-weight:300;background:#232626;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-family:'Pretendard','Malgun Gothic','dotum','Sans-serif';color:#cbcbcb;font-size:14px;font-weight:600;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, li, dl, dt, dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:13px;outline:none;}
input, button {margin:0;padding:0;font-family:'Pretendard','Malgun Gothic','dotum','Sans-serif';font-size:14px;font-weight:300;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard','Malgun Gothic','dotum','Sans-serif';color:#cbcbcb;font-size:13px;font-weight:300;outline:none;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:14px}
a {color:#cbcbcb;text-decoration:none;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a:hover {color:#fff;text-decoration:none;}

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

/* input focus */
input[type=text],input[type=password], textarea {color:#ddd;}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {background:#202324;border: solid 1px #00ef8a;}

.placeholdersjs {color:#999 !important}
input::placeholder {color:#999;}
input::-webkit-input-placeholder {color:#999;}
input::-ms-input-placeholder {color:#999;}
textarea::placeholder {color:#999;}
textarea::-webkit-input-placeholder {color:#999;}
textarea::-ms-input-placeholder {color:#999;}


/* scrollbar */
::-webkit-scrollbar {width:4px;height:2px;}
::-webkit-scrollbar-thumb {background-color:#4a5354;border-radius:2px;}
::-webkit-scrollbar-track {background-color:#292d2e;}

.scroll::-webkit-scrollbar {width:2px;height:2px;}
.scroll::-webkit-scrollbar-thumb {background-color:#4a5354;border-radius:2px;}
.scroll::-webkit-scrollbar-track {background-color:#292d2e;}


/* drag */
::-moz-selection {color:#fff;background:#f00001;}
::selection {color:#fff;background:#cc29298a;}