/* 전체 스타일 */
.event * { margin: 0; padding: 0; box-sizing: border-box; }
.event .din {margin-right: auto;margin-left: auto;}
.event h1, .event h2, .event h3, .event h4, .event h5, .event h6 { margin-bottom: 20px; font-weight: 700; }
.event p { margin-bottom: 15px; }
.event hr { margin: 30px 0; border: 0; border-top: 1px solid #eee; }
.event ul, .event ol { margin-left: 20px; margin-bottom: 20px; }
.event table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.event th, .event td { padding: 10px; text-align: left; border-bottom: 1px solid #eee; font-size: 15px;}
.event th { background-color: #f9f9f9; font-weight: 600; }
.event a { color: #e74c3c; text-decoration: none; }
.event a:hover { text-decoration: underline; }

/* 네비게이션 */
.event .nav { display: flex; justify-content: center; background-color: #f8f8f8; padding: 15px 0; margin-bottom: 50px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.event .nav ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; }
.event .nav li { margin: 0 10px; }
.event .nav a { color: #333; font-weight: 500; padding: 5px 12px; border-radius: 3px; transition: all 0.3s;font-size: 16px; }
.event .nav a:hover { background-color: #e74c3c; color: white; text-decoration: none; }
.event .nav a.active { background-color: #e74c3c; color: white; }

/* 헤더 스타일 */
.event .privacy-list-header { font-size: 16px; line-height: 1.8; color: #555; margin-bottom: 30px; padding: 20px; background-color: #f9f9f9; border-radius: 5px; }
.event .privacy-list-groups { display: flex; flex-wrap: wrap; height:fit-content;}
.event .privacy-list-groups li { margin-bottom: 10px; width: 100%; }
.event .privacy-list-groups a { display: block; padding: 10px; background-color: #f9f9f9;color: #e74c3c; border-radius: 3px; transition: all 0.3s; }
.event .privacy-list-groups a:hover { background-color: #e74c3c; color: white; text-decoration: none; }

/* 섹션 스타일 */
.event .privacy-group {padding:60px 30px 0;}
.event .privacy-group-title { font-size: 20px; color: #333; padding-bottom: 10px; border-bottom: 2px solid #e74c3c; margin-bottom: 20px; }
.event .privacy-group-summary { font-size: 16px; color: #555; margin-bottom: 15px; }
.event .privacy-group-list { margin-left: 20px;color: #222;font-size: 17px;}
.event .privacy-group-list li { margin-bottom: 10px; }

/* 매체소개 페이지 스타일 */
.event .heading { position: relative; padding: 50px 0; text-align: center; margin-bottom: 40px; }
.event .heading .user-point { color: #e74c3c; font-size: 32px; font-weight: 700; }
.event .company-title { font-size: 32px; font-weight: 700; text-align: center; margin: 30px 0; color: #333; }
.event .content { font-size: 16px; line-height: 1.8; }
.event .content p { margin-bottom: 20px; }

/* Greetings 박스 스타일 */
.event .greetings-container { display: flex; margin-bottom: 50px; flex-direction: column; }
.event .greetings-left { width: 100%; background-color: #f5f5f5; padding: 30px 20px; text-align: center; }
.event .greetings-left h2 { color: #e74c3c; font-size: 32px; font-weight: 700; margin-bottom: 10px; }
.event .greetings-right { width: 100%; padding: 30px 20px; }
.event .greetings-right h3 { font-size: 24px; margin-bottom: 15px; color: #e74c3c; font-weight: 700; }
.event .greetings-right h4 { font-size: 20px; margin-bottom: 15px; color: #333; line-height: 1.4; }
.event .greetings-right p { margin-bottom: 20px; color: #666; line-height: 1.6; }
.event .welcome-box { text-align: center; margin-bottom: 30px; }
.event .welcome-box .company-name { color: #e74c3c; font-size: 28px; font-weight: 700; margin-bottom: 15px; display: block; }
.event .welcome-box .welcome-text { font-size: 22px; line-height: 1.5; margin-bottom: 20px; color: #333; }
.event .welcome-box .sub-text { font-size: 17px; color: #777; line-height: 1.6; margin-bottom: 30px; }
.event .welcome-box .divider { width: 100%; height: 1px; background: #ddd; margin: 30px 0; }

/* 인용구 스타일 */
.event .quote-section { position: relative; padding: 30px 200px; }
.event .quote-mark { color: #eee; font-size: 80px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0.6; font-family: Georgia, serif; }
.event .quote-text { font-size: 17px; line-height: 1.8; color: #222; margin-bottom: 20px; padding: 0 15px; text-align: center;word-break: keep-all;}
.event .quote { padding: 15px; background-color: #f9f9f9; margin: 20px 0; border-left: 4px solid #e74c3c; font-style: italic; }
.event .building-image { max-width: 100%; height: auto; margin: 30px 0; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }

/* 지도 스타일 */
.event #map { width: 100%; margin: 30px 0; }
.event .root_daum_roughmap { width: 100% !important; }

/* 저작권보호정책 스타일 */
.event .com-content { padding: 20px 0; }
.event .com-titles { font-size: 24px; color: #333; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 2px solid #e74c3c; }
.event .table-responsive { overflow-x: auto; }
.event .mary-20 { margin-top: 20px; margin-bottom: 20px; }
.event .marbtm-0 { margin-bottom: 0; }
.event .button { display: inline-block; padding: 5px 10px; background-color: #e74c3c; color: white; border-radius: 3px; }
.event .button.small { font-size: 14px; padding: 3px 8px; }
.event .button:hover { background-color: #c0392b; text-decoration: none; color: white; }

/* 반응형 스타일 - PC (1025px 이상) */
@media (min-width: 1025px) {
  .event .privacy-list-groups { display: flex; justify-content: space-between; }
  .event .privacy-list-groups.columns { width: 48%; }
  .event .row.expanded.large-up-2 { display: flex; flex-wrap: wrap; }
  .event .row.expanded.large-up-2 > ul { width: 48%;height: fit-content;}
  .event .greetings-container { flex-direction: row; }
  .event .greetings-left { width: 30%; padding: 50px 30px; }
  .event .greetings-right { width: 70%; padding: 50px 40px; }
  .event .greetings-left h2 { font-size: 36px; }
  .event .greetings-right h3 { font-size: 28px; }
  .event .welcome-box .company-name { font-size: 32px; }
}

/* 반응형 스타일 - 태블릿 (481px ~ 1024px) */
@media (min-width: 481px) and (max-width: 1024px) {
  .event h1 { font-size: 26px; }
  .event .nav ul { flex-wrap: wrap; justify-content: center; }
  .event .nav li { margin: 5px 10px; }
  .event .greetings-container { flex-direction: column; }
  .event .greetings-left, .event .greetings-right { width: 100%; padding: 30px 20px; }
  .event .greetings-left h2 { font-size: 30px; }
  .event .greetings-right h3 { font-size: 22px; }
  .event .privacy-group {padding-right:0;padding-left: 0;}
  .event .privacy-list-groups { flex-direction: row; flex-wrap: wrap; margin-bottom: 0; margin-left: 0; width: 100%; }
  .event .privacy-list-groups li { width: 100%; margin-bottom: 8px; }
  .event .row.expanded.large-up-2 { display: flex; flex-direction: row; }
  .event .row.expanded.large-up-2 > ul.columns { width: 100%; margin-right: 0; }
  .event .privacy-group-title { font-size: 18px; }
  .event table { overflow-x: auto; display: block; }
  .event .company-title { font-size: 28px; }
  .event .welcome-box .company-name { font-size: 24px; }
  .event .welcome-box .welcome-text { font-size: 20px; }
  .event .quote-section { padding: 30px 50px; }
}

/* 반응형 스타일 - 모바일 (480px 이하) */
@media (max-width: 480px) {
  .event h1 { font-size: 22px; margin-bottom: 15px; }
  .event .nav { padding: 10px 0; }
  .event .nav ul { text-align: center; }
  .event .nav li { margin: 5px 0; }
  .event .nav a { display: block;padding: 3px 8px;font-size: 15px;}
  .event .greetings-container { flex-direction: column; }
  .event .greetings-left, .event .greetings-right { width: 100%; padding: 20px; }
  .event .greetings-left h2 { font-size: 28px; }
  .event .greetings-right h3 { font-size: 20px; }
  .event .privacy-group {padding-right:0;padding-left: 0;}
  .event .privacy-list-header { font-size: 14px; padding: 15px; }
  .event .privacy-group-list {font-size:15px;}
  .event .privacy-list-groups { flex-direction: column;  margin-bottom: 0;margin-left: 0;}
  .event .privacy-list-groups li { width: 100%; }
  .event .privacy-group-title { font-size: 16px; }
  .event .privacy-group-summary { font-size: 14px; }
  .event table { overflow-x: auto; display: block; }
  .event th, td { padding: 8px; font-size: 14px; }
  .event .quote { padding: 10px; font-size: 14px; }
  
  /* 모바일 매체소개 스타일 */
  .event .company-title { font-size: 24px; margin: 20px 0; }
  .event .welcome-box { padding: 0 10px; }
  .event .welcome-box .company-name { font-size: 22px; }
  .event .welcome-box .welcome-text { font-size: 18px; line-height: 1.4; }
  .event .welcome-box .sub-text { font-size: 14px; color: #666; }
  .event .welcome-box .divider { margin: 20px 0; }
  .event .quote-section { padding: 15px 0; }
  .event .quote-mark { font-size: 60px; }
  .event .quote-text { font-size: 14px; padding: 0 10px; }
}