@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo&display=swap');

*{  /* 전체선택자 */
	margin:0;
	padding:0;	
}
html,body{
	width:100%; 
}
html{
	/* ************************************************************
		종류:overflow(가로,세로)/overflow-x(가로)/overflow-y(세로)
		표현방식:auto/scroll/hidden 
	    ************************************************************ */
	overflow-x:hidden; /* 문서전체에 가로 스크롤바자국 항상 숨김 */
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
	display:block; 
	/*시맨틱태그를 지원하지 않은 브라우저 
	-> 인식하지 못하는 태그를 인라인으로 인식하기때문에 강제로 블럭으로 설정함*/
}
li{list-style:none;}   /*목록에 점 없애기 */
a{text-decoration:none;}  /* 하이퍼링크 밑줄없앰 */

input,textarea{
	font-size:14px;
	font-weight:400; /* IE8 이하버전 대응 */
	font-family: 'Noto Sans'; 
}
img{
	vertical-align:top;
	font-size:0;
	border:0; /* 이미지 링크시 기본적으로 나타나는 테두리 제거 */
}
table{border-collapse:collapse;} /* 칸사이의 기본 여백 제거 및 중첩 테두리 상쇄 효과 */
input,select{vertical-align:middle;border:1px solid #ddd;} /*세로정렬 가운데 */

.clearfix:after{    /* 자식이 모두 float 을 사용할때 부모가 높이를 갖게하기 위함 */
	content:"";
	display:block;
	clear:both;
}
.indent{     /* 글자 안보이게 밀어놓기 */
	display:block;
	text-indent:-9999px;
}
.hidden{display:none;}