.elementor-16887 .elementor-element.elementor-element-3b94711{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16887 .elementor-element.elementor-element-08e3a18{width:100%;max-width:100%;}.elementor-16887 .elementor-element.elementor-element-61263d7{width:100%;max-width:100%;}.elementor-16887 .elementor-element.elementor-element-8fe553e{width:100%;max-width:100%;text-align:center;}.elementor-16887 .elementor-element.elementor-element-8fe553e.elementor-element{--align-self:center;}.elementor-16887 .elementor-element.elementor-element-7916789{--display:flex;}.elementor-16887 .elementor-element.elementor-element-4284c0c{--display:flex;}/* Start custom CSS for html, class: .elementor-element-be0da00 *//* 트립메이트 프로 섹션 최종 개선 디자인 */
/* 1. 데스크톱 기본 스타일 */
.tripmate-pro.enhanced {
  background-color: #FFFFFF;
  text-align: center;
  padding: 100px 50px; 
  border-radius: 25px; 
  box-shadow: 
    0 20px 60px rgba(0, 0, 0, 0.08), 
    0 0 0 1px rgba(0, 0, 0, 0.03);
  max-width: 1000px; 
  margin: 100px auto;
  transition: all 0.5s ease-in-out; 
  position: relative; 
  z-index: 1;
}

.tripmate-pro.enhanced:hover {
  box-shadow: 
    0 30px 80px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(0, 0, 0, 0.05);
  transform: translateY(-8px);
}

/* 메인 제목 스타일 */
.tripmate-pro.enhanced h2 {
  color: #212121; 
  /* 폰트 추천: Pretendard나 Spoqa Han Sans Neo 계열을 엘리멘터 Typography에서 설정하는 것을 강력 추천합니다. */
  font-size: 44px; 
  font-weight: 800; 
  letter-spacing: -1.5px;
  line-height: 1.3;
  margin-bottom: 20px;
}

/* 제목 하이라이트 부분 (오렌지색 유지) */
.tripmate-pro.enhanced h2 .highlight {
  color: #E64A19; 
  font-weight: 900;
}

/* 부제 및 설명 텍스트 (가독성 개선) */
.tripmate-pro.enhanced .sub-heading {
  color: #333333; /* 진한 색으로 가독성 향상 */
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 30px;
}

.tripmate-pro.enhanced .desc {
  color: #424242; /* 진한 색으로 가독성 향상 */
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 60px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

/* 핵심 키워드 배경색 강조 스타일 */
.tripmate-pro.enhanced .desc .keyword-highlight {
  background-color: #E3F2FD; /* 연한 파란색 배경 */
  padding: 3px 8px;
  border-radius: 5px;
  color: #1976D2; 
  font-weight: 600;
  white-space: nowrap; /* 줄 바꿈 방지 */
}


/* CTA 버튼 래퍼 */
.tripmate-pro.enhanced .cta-wrapper {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap; 
}

/* CTA 버튼 스타일 */
.tripmate-pro.enhanced .cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px 45px; 
  border-radius: 12px; 
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: none; 
  transition: all 0.3s ease;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap; /* 데스크톱에서는 줄 바꿈 방지 */
}

/* 버튼 색상 */
.tripmate-pro.enhanced .cta-button.primary {
  background: #3B97E9; 
  color: #fff;
  box-shadow: 0 8px 25px rgba(59, 151, 233, 0.5); 
}

.tripmate-pro.enhanced .cta-button.primary:hover {
  background: #2D7AD4; 
  box-shadow: 0 12px 30px rgba(59, 151, 233, 0.7);
  transform: translateY(-3px);
}

/* 2. 모바일 반응형 스타일 (모든 버그 및 크기 조정 통합) */
@media (max-width: 767px) {
    .tripmate-pro.enhanced {
        padding: 50px 20px; /* 좌우 패딩 여유 확보 */
        margin: 60px auto; 
        max-width: 100%; /* 너비 100% 확보 */
        border-radius: 18px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); 
        transform: none !important;
    }
    
    .tripmate-pro.enhanced h2 {
        /* ✅ 최종 수정된 모바일 제목 크기: 20px로 변경하여 두 줄 정렬 확정 */
        font-size: 20px; 
        letter-spacing: -1px;
    }
    
    .tripmate-pro.enhanced .sub-heading {
        font-size: 17px;
        margin-bottom: 25px;
    }

    .tripmate-pro.enhanced .desc {
        font-size: 15px;
        margin-bottom: 40px;
    }
    
    .tripmate-pro.enhanced .desc .keyword-highlight {
        padding: 2px 6px; 
        font-size: 15px; /* 본문 크기에 맞게 조정 */
    }

    .tripmate-pro.enhanced .cta-wrapper {
        flex-direction: column; 
        gap: 15px; 
        display: block; /* 버튼 정렬 문제 해결 */
        padding-top: 20px;
    }

    .tripmate-pro.enhanced .cta-button {
        display: block; /* 버튼 잘림 문제 해결 */
        padding: 16px 30px;
        font-size: 17px;
        width: 100%; 
        box-shadow: 0 5px 15px rgba(59, 151, 233, 0.3);
        margin: 0 auto;
        white-space: normal; /* 모바일에서 버튼 텍스트가 줄 바꿈 되도록 허용 */
    }
    
    .tripmate-pro.enhanced .cta-button:hover {
        transform: none;
        box-shadow: 0 5px 15px rgba(59, 151, 233, 0.3);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b94711 */.tripmate-section {
  background:#F5F7FA;
  padding:60px 20px;
  text-align:center;
  border-radius:12px;
  box-shadow:0 4px 15px rgba(0,0,0,0.05);
  margin-top:60px;
}
.tripmate-section h2 {
  color:#1E88E5;
  font-size:28px;
  font-weight:700;
  margin-bottom:20px;
}
.tripmate-section p {
  color:#37474F;
  font-size:17px;
  line-height:1.7;
  margin-bottom:30px;
}
.tripmate-section .sub {
  color:#607D8B;
  font-size:16px;
  margin-bottom:40px;
}
.tripmate-section a.button {
  background:#1E88E5;
  color:#fff;
  padding:16px 36px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  font-size:18px;
  transition:all 0.3s ease;
  display:inline-block;
}
.tripmate-section a.button:hover {
  background:#1565C0;
}

/* ✅ 모바일 대응 (미디어쿼리) */
@media screen and (max-width: 768px) {
  .tripmate-section { padding:40px 16px; }
  .tripmate-section h2 { font-size:22px; line-height:1.4; }
  .tripmate-section p { font-size:15px; }
  .tripmate-section .sub { font-size:14px; }
  .tripmate-section a.button { font-size:16px; padding:14px 28px; }
}/* End custom CSS */