@charset "utf-8";

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

	--color:#37be00;
	--color2:#ff7700;
	--color-btn:#37be00;/*00a650*/

	--font-color:#222;
	--font-size:14px;
	--font-size-b:16px;

	--h:50px;
	--h2:40px;

	--lh:48px;
	--lh2:38px;
	--lh-side:46px;

	--bdr:solid 1px #ddd;
	--bdr-focus:solid 1px #15aacf;

	--rad:5px;
	--rad5:5px;
	--rad10:10px;

	--content-w:1440px;

	--font:'Pretendard';
	--font2:'Plus Jakarta Sans';
	--font3: 'Noto Serif KR';
}

@media screen and (max-width:980px) {
	:root{
		--font-size:14px;
		--font-size-b:16px;
	}
}


/* 초기화 */
html {width:100%;height:100%;}
body {width:100%;height:100%;margin:0;padding:0;font-family:'Pretendard','Malgun Gothic','dotum','Sans-serif';color:#111;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','dotum','Sans-serif';color:#111;font-size:14px;}
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:#111;font-size:14px;font-weight:300;outline:none;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre, xmp {overflow-x:scroll;font-family:'Pretendard','Malgun Gothic','dotum','Sans-serif';font-size:14px;font-weight:300;line-height:140%;}
a {color:#111;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:var(--color);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 {background:#fff;border:solid 1px #ddd;border-radius:0px;}
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%;}

.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) {
}