@charset "UTF-8"/
/*font_basic_01*/

/* 서체 사용법에 대한 이해
	font-weight: 굵기 100~900,light, thin, normal, regular bold, black;
				: 기본형 normal-400, light-300; bold -600
	font-sytle	:기울기 (italic), 기본형(normal);
	line-height : 행간 (기본 120%) 단위를 입력하지 않아도 동작 (1을 100%)로 인지;
	font-family : 서체이름 하나의 서체를 지정하고 해당서체가 없는 경우 ,로 구분하여, 여러개 서체를 지정 ;
	letter-spacing :글자와 글자 사이의 간격 (기본 0) 자간이 작을 경우 -값으로 간격을 넓히려면 +값으로;
	word-spacing : 단어와 단어 사이의 간격 (기본0);
	text-indent : 들여쓰기 => 첫줄 들여쓰기;
	text-align : 글자의 정력
		left (왼쪽정렬)/ right (오론쪽 정렬) center(가운데 정렬) justify(양쪽정력);

	text-transform 영문의 경우 강제로 대문자/소문자로 변환해야하는 경우
		lowercase(소문자 변환) uppercase(대문자변환) captitalize (각 단어 첫글자만 대문자)
	text-decoration-coloe - 줄 표기에 대한 생삭변경ㅇ
	text-decoration 텍스트 줄 표기 underline(밑줄) overline윗줄 none
	font-stretch 장평 글자 하나의 넓이 (일부 브라우저에서만 동작)
	color (글자색)
	word -break 일정 영역을 넘쳣을 경우 처리방법
	normal break -all 
	=============슈터 코드 : css이미지만 아직 일만 지원=============
	;
	::first-letter 첫글자에 대한 설정
	::first-line 첫줄에 대한 설정

	효과주기: 그림자 효과
	text-shadow; :x축 y축 번짐(blur) 색상 ;
	*/

	h2 {border-bottom: 2px solid #333;}
	h4 {margin-top: 2rem;}
	p {padding: 1rem; background-color: #fcc;}

	.font_01 {font-weight: 900;}
	.font_02 {font-style: italic;}
	.font_03 {line-height: 2;}
	.font_04 {letter-spacing: 1.5px;}
	.font_05 {word-spacing: -0.125rem;}
	.font_06 {font-family: serif;}
	/*.font_07 {font: weight style size / line-height family}
		weight style 생략가능
	*/
	.font_07 {font: bold italic 1.3rem/130% "myriad pro";}
	.font_08 {text-indent: 3rem;}
	/*.font_08 {padding-left: 2rem;} 전체 들여쓰기 할려면*/
	/*.font_09 {-webkit-font-stretch: condensed;}*/
		/*모든브라우저가 지원은 하지않는다. */
	.font_09 {word-break: normal; text-align: justify;
		text-transform: capitalize;}
	/*break-all normal keep-all*/
	.font_10::first-letter {text-transform: uppercase; color: #ccc;
		font-weight: bold;
		-webkit-initial-letter:4;}
	
	.font_10 {color: #fff; font-size: 3rem; font-weight: bold;
		text-shadow: 0.3rem 0.1rem 0.2rem #fa0, 
		0.5rem 0.3rem 0.2rem #f00,
		-0.1rem -0.1rem 0.1rem rgba(0,0,0,0.5);

		box-shadow: 0.5rem 0.5rem 0.5rem #333 inset, 
		0.3rem 0.1rem 0.2rem #000
		;

		margin-bottom: 3rem;}

		/*그림자 여러개 가능하다.*/