html, body {
    scroll-behavior: smooth;
    width: 100%;
    height: 100%;
    margin: 0;
}

a {
  text-decoration : none;
  color : #000;
}

*{
  margin : 0;
  padding : 0;
}

ul, ol, li {
  list-style : none;
}
  
  
  
/* navigation bar 공통 시작 */
.nav_logo {
  display: inline-block; 
}

.logo {
  width: 30px;
  height: 20px;
  vertical-align: baseline;
}
/* navigation bar 공통 끝  */


/* intro_section 시작*/

/* 이미지 스타일 */
.main_aerial_view, .birds-eye_view {
  position: absolute;  /* 두 이미지를 동일한 위치에 겹치기 위해 절대 위치 설정 */
  width: 100%;
  height: 100%;
  transition: opacity 1.5s ease-in-out; /* opacity의 부드러운 전환 */
}

/* 초기 상태 */
.main_aerial_view {
  opacity: 1;
}

.birds-eye_view {
  opacity: 0;
}

/* 페이드 아웃 */
.fade-out {
  opacity: 0;
}

/* 페이드 인 */
.fade-in {
  opacity: 1;
}

/*intro_section 끝  */


.brand_section_title {
  font-size: 16px;
  display: inline-block;
  padding: 5px 10px;
  border: 2px solid #000;
  text-align: center;
}

/* subdivision_map section 공통 시작 */
.subdivision_sub_menu {
  justify-content: center;
  display: flex;
  color: grey;
  gap: 10px;
}

.subdivision_map {
  display: block;
  width: 100%;
  margin-top: 34px;
}
/* subdivision_map section 공통 끝 */

/* Architecture sectinon 공통 시작 */
.architecture_section {
    text-align: center;
    width: 100%;
    margin-bottom: 80px;
    margin-top: 40px;
}

.type_menu_bar {
  display: flex;
  width: 50%;
  margin: 40px auto;
  justify-content: space-between;
  
}

.type_menu {
  display: inline-block; /* 각 요소를 네모 모양으로 유지 */
  padding: 5px 10px; /* 안쪽 여백을 추가해 보기 좋게 만듦 */
  border: 1px solid #000; /* 테두리를 검은색으로 설정 */
  text-align: center; /* 텍스트를 가운데 정렬 */
}

.type_detail {
  max-width: 1200px;
  margin: 70px auto;
  
}

.type_head {
  padding-left: 40px;
  display: flex;        
  justify-content: flex-start;
  gap: 20px;   
  margin-top: 70px;
}

.type_image_sec {
  display: flex;
  flex: 1 1 calc(33.33% - 10px); /* 3개 요소를 균등하게 배치 */
  gap: 10px;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 50px;
}

.type_image_block {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.type_image {
  width: 100%; /* 이미지가 부모 요소에 맞게 확장 */
  object-fit: cover; 
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
th, td {
  border: 1px solid #ccc;
  padding: 10px;
}
th {
  background-color: #f4f4f4;
}
td {
  vertical-align: middle;
}
/* Architecture section 공통 끝 */