.sec3_3_container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #e1e1e1;
}
.sec3_3_text-icons-section {
    width: 50%;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}
.sec3_3_text-icons-section h2 {
    margin-bottom: 20px;
}

.sec3_3_title {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -1px;
}
.sec3_3_title-section {
    display: 1;
}
.sec3_3_icons {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec3_3_icon {
    margin: 10px;
/* 아이콘 이미지 크기에 맞게 조절 */
}
.sec3_3_icon img {
    width: 100px; /* 실제 이미지 크기에 맞게 조절 */
    height: auto;
}
.sec3_3_icon-label {
    display: block;
    margin-top: 5px;
}
.sec3_3_phone-interface-section {
    width: 50%;
    flex: 1;
    text-align: center;
}
.sec3_3_phone-interface-section img {
    width: 500px; /* 실제 이미지 크기에 맞게 조절 */
    height: auto;
}

.sec4_1_title {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec4_1_icon {
    display: flex;
    align-items: end;
}


.sec4_3_container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #e1e1e1;
}
.sec4_3_text-icons-section {
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.sec4_3_text-icons-section h2 {
    margin-bottom: 20px;
}
.sec4_3_icons {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec4_3_icon {
    margin: 10px;
/* 아이콘 이미지 크기에 맞게 조절 */
}
.sec4_3_icon img {
    width: 400px; /* 실제 이미지 크기에 맞게 조절 */
    height: auto;
}
.sec4_3_icon-label {
    display: block;
    margin-top: 5px;
}
.sec4_3_phone-interface-section {
    flex: 1;
    text-align: center;
}
.sec4_3_phone-interface-section img {
    width: 500px; /* 실제 이미지 크기에 맞게 조절 */
    height: auto;
}


.container {
    width: 80%;
    margin: auto;
    text-align: center; /* 중앙 정렬 */
}

.header {
    margin-bottom: 20px;
    /* 헤더 스타일 */
}

.content {
    /* 컨텐츠 영역 스타일 */
}

.emoji {
    display: inline-block;
    margin-right: 10px;
    /* 이모지 스타일 */
}

.text-list {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #aaaaaa;
    /* 텍스트 목록 스타일 */
}

.star {
    display: inline-block;
    /* 별 이미지 스타일 */
}

.like-button {
    display: block;
    margin-top: 20px;
    /* 좋아요 버튼 스타일 */
}

.sec_reserve_title {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 66px;
    letter-spacing: -3px;
    font-weight: 500;
    color: #646464;
}


.grid-container2 {
    display: grid;
    grid-template-columns: repeat(10, 1fr); /* 3개의 열을 만들고, 각 열은 사용 가능한 공간을 균등하게 차지 */
    grid-template-rows: repeat(5, 120px); /* 3개의 행을 만들고, 각 행의 높이를 100px로 설정 */
    gap: 0px; /* 그리드 아이템 사이의 간격을 10px로 설정 */
}

.grid-item2 {
    background-color: #ffffff;
    border: 0px solid #ccc;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
}

.item1-1 {
    grid-column: 1 / 8; /* 1번 아이템이 첫 번째와 두 번째 열을 차지하도록 설정 */
    grid-row: 1; /* 첫 번째 행에 위치 */
}
.item1-2 {
    grid-column: 8; /* 1번 아이템이 첫 번째와 두 번째 열을 차지하도록 설정 */
    grid-row: 1; /* 첫 번째 행에 위치 */
}
.item1-3 {
    grid-column: 9 / 11; /* 1번 아이템이 첫 번째와 두 번째 열을 차지하도록 설정 */
    grid-row: 1; /* 첫 번째 행에 위치 */
}
/* .item2-1 {
    grid-column: 1/ 9;
    grid-row: 2;
    margin-top: 45px;
    margin-bottom: 20px;
    font-size: 40px;
    letter-spacing: -3px;
    font-weight: 500;
    color: #646464;
} */
.item2-1-1 {
    grid-column: 1/ 4;
    grid-row: 2;
    margin-top: 45px;
    margin-bottom: 20px;
    font-size: 40px;
    letter-spacing: -3px;
    font-weight: 500;
    color: #646464;
}
.item2-1-2 {
    grid-column: 4/ 9;
    grid-row: 2;
    margin-top: 45px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 40px;
    letter-spacing: -3px;
    font-weight: 500;
    color: #646464;
}
.item2-2 {
  grid-column: 9;
  grid-row: 2;
}
.item2-3 {
  grid-column: 10;
  grid-row: 2;
}
.item3-1 {
  grid-column: 1/4;
  grid-row: 3;
  display: inline-block;
    text-align: left;
    vertical-align: top;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #aaaaaa;
}
.item3-2 {
    grid-column: 4/11;
    grid-row: 3;
    display: inline-block;
      text-align: left;
      vertical-align: top;
      font-size: 30px;
      font-weight: 300;
      letter-spacing: 1px;
      color: #aaaaaa;
}
.item4-1 {
  grid-column: 1/7;
  grid-row: 4 / 6;
}
.item4-2 {
  grid-column: 7 / 9;
  grid-row: 4 / 6;
}
.item4-3 {
  grid-column: 9/ 11;
  grid-row: 4 / 6;
}