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


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

Site Name : 반응형 고급형 D
Part : 기본세팅
Last edit : 2020.07.29
Author : Gautech(PDH)

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (200,300,400,500,600,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'NanumSquareRound', sans-serif; (300,400,700,800)
font-family: 'NanumBarunGothic', sans-serif; (200,300,400,700)

--------------------------------------------------------- */




/* 전체 wrap -------------------------------------- */

#wrap { position:relative; width:100%; min-width:1100px; overflow:hidden;}




/* 시멘틱 기본 값 */

header { position:fixed; top:0; width:100%; height:85px; z-index:200;}
section { width:100%;}
footer { width:100%; height:auto;}





/* 1100 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1100px){



/* 전체 wrap -------------------------------------- */

#wrap { position:relative; width:100%; min-width:auto;}




/* 시멘틱 기본 값 */

header { width:100%; height:80px;}
section { width:100%;}
footer { width:100%; height:auto;}




}



/* 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%; height:auto;}




}