@charset "utf-8";

:root{
	--content-w:1440px;

	--color:#ae54dc;
	--color2:#666875;
	--color3:#497ced;
	--color4:#6be9f4;
	--color5:#33cc00;
	--color-btn:#3f424b;

	--font-color:#fff;

	--h:50px;

	--lh:48px;

	--border:solid 1px #666;

	--radius:10px;

	--gradient:linear-gradient(to right,  rgba(73,124,237,1) 0%,rgba(107,233,244,1) 49%,rgba(174,84,220,1) 100%);
	--gradient135:linear-gradient(135deg,  rgba(73,124,237,1) 0%,rgba(107,233,244,1) 49%,rgba(174,84,220,1) 100%);
	--gradient180:linear-gradient(180deg,  rgba(73,124,237,1) 0%,rgba(107,233,244,1) 49%,rgba(174,84,220,1) 100%);
}


@import url('https://fonts.cdnfonts.com/css/ds-digital');


/* 초기화 */
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0;padding:0;font-family:'Pretendard','Malgun Gothic','dotum','Sans-serif';color:#fff;font-size:14px;font-weight:300;background:#111;}
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:#fff;font-size:14px;font-weight:300;}
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:14px;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:#fff;font-size:14px;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:#fff;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:#ae54dc;text-decoration:none;}

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

input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

/* input focus */
input[type=text],input[type=password], textarea, select {color:#fff;background:#111;border:var(--border);border-radius:var(--radius);}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border:solid 1px var(--color);}
textarea {display:block;width:100%;padding:10px;line-height:160%;border:var(--border);border-radius:var(--radius);}

.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:4px;}
::-webkit-scrollbar-thumb {background-color:#eee;border-radius:2px;}
::-webkit-scrollbar-track {background-color:none;}*/

.scroll::-webkit-scrollbar {width:4px;}
.scroll::-webkit-scrollbar-thumb {background-color:#222;border-radius:2px;}
.scroll::-webkit-scrollbar-track {background-color:none;}


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



@media screen and (max-width:1440px) {
}



@media screen and (max-width:1280px) {
}



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



@media screen and (max-width:768px) {
}



@media screen and (max-width:640px) {
}



@media screen and (max-width:480px) {
}