html,body{margin:0;padding:0;height:100%}
*{box-sizing:border-box}
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,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,button,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,select,keygen,xmp,plaintext,listing{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box; 
	margin:0; 
	padding:0; 
	outline:0; 
	font-family: 'Spoqa Han Sans Neo', 'Malgun Gothic',dotum,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
a {text-decoration: none; cursor:pointer;}
i,img {vertical-align:middle;}
ul,ol {list-style:none;}

h1 { font-weight: 500; }
h2 { font-weight: 500; }
h3 { font-weight: 500; }
h4 { font-weight: 500; }
h5 { font-weight: 500; }

html.sfunds_web body {
	background:#262d33;
	line-height: inherit;
    font-size: inherit;
}

select,input {
	border:1px solid #dbdbdb;
	width: 100%;
	width: -webkit-fill-available;
	box-sizing: border-box;
	padding:8px 0 8px 5px;
	font-family: 'Spoqa Han Sans Neo', 'Malgun Gothic',dotum,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
input[type='text'], input[type='password']  {
	border-radius:4px;
	padding:0.5rem 0.75rem;
	font-size:0.9375rem;
}
input[type='text'].dark {
	background:rgba(0,0,0,0.2);
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.3);
	color:#FFF;
	font-size:0.9375rem;
}

::placeholder {
	color: var(--color-gray_05);
	font-weight: 300;
}
textarea {
	background:transparent;
	border-radius:4px;
	border:1px solid rgba(0,0,0,0.1);
	width:100%;
	padding:5px;
	font-family:'Spoqa Han Sans Neo','Malgun Gothic',dotum,'Helvetica Neue',Helvetica,Arial,sans-serif;
	resize: none;
}
select {
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url('/img/icon_select_arrow.png') no-repeat right center;  /* 화살표 모양의 이미지 */
	border-radius:3px;
	box-sizing: border-box;
}
select:hover {
	border:1px solid rgba(0,0,0,0.5);
	transition: all 0.15s ease-in-out;
}


button:hover {
	/* border:1px solid rgba(0,0,0,0.5) ; */
	transition: all 0.15s ease-in-out;
}

.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
	font-size: 24px;
	display: inline-block;
}