/* ===========================================PC 기본 스타일====================================================*/

/*큰 테두리 둥글게*/
  body, html { margin:0; padding:0; font-family:'NanumGothic', sans-serif; }
   
/* 네비게이션 바(네모)*/
	nav {	background:#212529; 
			/* background:#212529; 검정색*/
			color:#fff; 
			padding:2rem; 
			display:flex; 
			flex-wrap: wrap; /* 모바일에서 메뉴 줄바꿈 */
			justify-content:center; 
		}
		
/*네비게이션 바 메뉴 가로로(HOME, 부스바..)*/	
	.nav-menu {
				display: flex;           		/* 가로 배열 */
				flex-wrap: nowrap;       		/* 한 줄 고정 */
				justify-content: flex-start; 	/* 왼쪽 정렬 */
				width: auto;             		/* 메뉴 폭에 맞춤 */
				}

/*네비게이션 메뉴 가로로(HOME, 부스바..)*/	
	nav .nav-item { 
					margin:0 1rem; 
					font-size: 1.4rem;
					font-weight: bold;
					}
					
/*네비게이션 메뉴 글씨 크기 간격(HOME, 부스바..)*/		
	nav .nav-item a {
					color: #fff;            /* 글자 색상 흰색 유지 */
					text-decoration: none;   /* 밑줄 제거 */
					font-weight: bold;       /* 원하면 글자 굵게 */
					}		
					
/*네비게이션 메뉴 마우스호버(HOME, 부스바..)*/			
	nav .nav-item a:hover {
							color: #27ae60;   /* 마우스 올리면 색상 변경 가능 */
							}
							
/*네비게이션 회사명 CSS */
	.nav-logo {
			  position: absolute;
			  left: 2rem;
			  top : 1.5rem;
			  display: flex;
			  align-items: center;
			  font-size: 2rem;
			  font-weight: bold;
			  } 
			  
/*네비게이션 EPM CSS */
	.logo-e {
			color: green;
			}
	.logo-p {
			color: red;
			}
	.logo-m {
			color: blue;
			}


 /*footer*/
	footer p {
				line-height: 1.1;            /* 줄간격 줄이기 */
				}
    footer p span {
					line-height: 1.1;
					}
footer {
  background:#212529;
  color:#fff;
  text-align:center;
  padding:0.1rem 1rem;
  font-size:1rem;
  line-height:1.2;
}



/* ===========================================PC 기본 스타일 끝.================================================*/



/* ========================================== 모바일 전용 CSS ================================================= */

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

/*네비게이션 바 위치 글자 */
	nav {
        flex-direction: row;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
        align-items: center;
        padding: 1rem;
        width: 100%;
		}

/*네비게이션 메뉴 가로로(HOME, 부스바..)*/
    nav .nav-item { 
					flex: 0 0 auto;  /* 한 줄 고정 */
					font-size: 1rem; 
					margin: 0 0.3rem; 
					white-space: nowrap;    /* 아이템 내부 줄바꿈 방지 */
		
					}

/*네비게이션 메뉴 길면 가로 스크롤 생기게(현재 글자크기 맞춰놔서 필요없음)*/
	.nav-menu {
				display: flex;
				flex-wrap: nowrap;       /* 한 줄 고정 */
				justify-content: center; /* 가운데 정렬 */
				overflow-x: auto;        /* 화면 좁으면 가로 스크롤 */
				}			

/*네비게이션 회사명 CSS*/
    .nav-logo {
				position: relative;
				font-size: 1rem; /* 로고 전체 크기 축소 */
				left: 0;
				top: 0;
				margin-bottom: 0.5rem;
				}

/*네비게이션 로고(E,P,M)글자 크기 */
    .nav-logo span {
					font-size: 1rem; /* E,P,M 개별 글자 크기 */
					}


 
/*footer(모바일) 크기 */    
    footer p {
				margin: 0.1rem 0;           /* 문단 간격 줄이기 */
				padding: 0;                  /* 불필요한 패딩 제거 */
				font-size: 0.7rem;          /* 글자 크기 축소 */
				line-height: 1.1;            /* 줄간격 줄이기 */
				}
		

  }
  
/* =========================================== 모바일 전용 CSS ==================================== */