@charset "utf-8";
/* CSS Document */
/* CSS Information ----------------------------------------

Site Name : 반응형 고급형 B
Part : 레이아웃
Last edit : 2020.07.07
Author : Gautech(PDH)

관련폰트 :
font-family:'Noto Sans SC', sans-serif; (100,300,400,500,600,700,900)
font-family:'Noto Sans SC', sans-serif; (200,300,400,500,700,900)
font-family:'Noto Sans SC', sans-serif; (400,500,700,900)
font-family:'Noto Sans SC', sans-serif; (200,300,400,700)
font-family:'Noto Sans SC', sans-serif; (300,400,500,700,900)

--------------------------------------------------------- */
/* 전체 wrap -------------------------------------- */
#wrap { position:relative; width:100%; min-width:1200px; }

/* 시멘틱 기본 값 */
header { position:absolute; top:0; left:0; width:100%; height:120px; z-index:200; }

section { width:100%; }

section>h2 { display:none; }

footer { width:100%; }

/* 1024 ~ 768까지 태블릿 설정 */
@media screen and (max-width:1024px) {
	/* 전체 wrap -------------------------------------- */
	#wrap { position:relative; width:100%; min-width:auto; }
	/* 시멘틱 기본 값 */
	header { width:100%; height:80px; }
	section { width:100%; }
	footer { width:100%; }
}

/* 767 ~ 320까지 모바일 설정 */
@media screen and (max-width:767px) {
	/* 전체 wrap -------------------------------------- */
	#wrap { position:relative; width:100%; min-width:320px; }
	/* 시멘틱 기본 값 */
	header { width:100%; height:60px; }
	section { width:100%; }
	footer { width:100%; }
}