@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

*{  /* 전체선택자 */
	margin:0;
	padding:0;	
}
html{
	/* ************************************************************
		종류:overflow(가로,세로)/overflow-x(가로)/overflow-y(세로)
		표현방식:auto/scroll/hidden 
	    ************************************************************ */
	overflow-y:scroll; /* 문서전체에 세로 스크롤바자국 항상 표시 */
	overflow-x:hidden; /* 문서전체에 가로 스크롤바자국 항상 숨김 */
	font-family: "Noto Sans KR", sans-serif;
	color: #333;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
	display:block; 
	/*시맨틱태그를 지원하지 않은 브라우저 
	-> 인식하지 못하는 태그를 인라인으로 인식하기때문에 강제로 블럭으로 설정함*/
}
li{list-style:none;}   /*목록에 점 없애기 */
a{
	text-decoration:none; /* 하이퍼링크 밑줄없앰 */
	color:#333;
}  
body{
	font-size:16px;
	font-family: "Noto Sans KR", sans-serif;
	color: #333;
}
img{
	vertical-align:top;
	font-size:0;
	border:0; /* 이미지 링크시 기본적으로 나타나는 테두리 제거 */
	backface-visibility: hidden;
}
table{border-collapse:collapse;} /* 칸사이의 기본 여백 제거 및 중첩 테두리 상쇄 효과 */
input{
	vertical-align:middle;
	text-indent:5px;
	border:1px solid #E4E4E4;
	box-sizing: border-box;
	border-radius: 0;
	outline:none;
	font-size:16px;
	font-family: "Noto Sans KR", sans-serif;
	color: #666;
}
input[type=text] { /*텍스트인풋박스*/
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
input::-ms-input-placeholder{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
select{
	vertical-align:middle;
	text-indent:2px;
	border:1px solid #E4E4E4;
	box-sizing: border-box;
	border-radius: 0;
	outline:none;
	font-size:16px;
	font-family: "Noto Sans KR", sans-serif;
	background: #ffffff;
	color: #666;
}
button{
	background:none;
	border:0;
	border-radius: 0;
	font-size:16px;
	font-family:"Noto Sans KR", sans-serif;
	cursor:pointer;
	color: #666;
}
textarea{
	border:1px solid #cccccc;
	box-sizing: border-box;
	border-radius: 0;
	outline: 0;
	font-family: "Noto Sans KR", sans-serif;
	color: #666;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.clear:after{    /* 자식이 모두 float 을 사용할때 부모가 높이를 갖게하기 위함 */
	content:"";
	display:block;
	clear:both;
	*zoom:1;  /* IE8 이하버전 대응 */
}
.indent{     /* 글자 안보이게 밀어놓기 */
	display:block;
	text-indent:-9999px;
}
.hidden{display:none;}

html, body{
	-webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
	-ms-text-size-adjust : none;  /* IE */
	-moz-text-size-adjust : none;  /* 파이어폭스 */
	-o-text-size-adjust : none;  /* 오페라 구버전 */
  }