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


/* CSS Information ----------------------------------------

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

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,600,700,900)
font-family: 'Noto Serif KR', serif; (200,300,400,500,700,900)
font-family: 'NanumSquareRound', sans-serif; (400,500,700,900)
font-family: 'NanumBarunGothic', sans-serif; (200,300,400,700)
font-family: 'Roboto', 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%;}




}