@charset "utf-8";

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

	--color:#15aacf;
	--color2:#3f424b;
	--color-btn:#3f424b;

	--font-color:#222;

	--h:40px;

	--lh:38px;

	--border:solid 1px #ddd;

	--radius:5px;
}



/* 초기화 */
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0;padding:0;font-family:'Pretendard','Malgun Gothic',"Noto Sans TC",'dotum','Sans-serif';color:#222;font-size:14px;font-weight:300;background:#fff;}
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',"Noto Sans TC",'dotum','Sans-serif';color:#222;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',"Noto Sans TC",'dotum','Sans-serif';font-size:14px;font-weight:300;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard','Malgun Gothic',"Noto Sans TC",'dotum','Sans-serif';color:#222;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:#222;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:#222;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],input[type=file], textarea, select {background:#fff;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:#eee;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) {
}