/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* 전체 섹션 공통 스타일 */
.section1, .section2, .section3, .section4, .section5, .section6 {
  margin-bottom: 40px;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 이미지 스타일 */
.section1 img, .section2 img, .section3 img, .section4 img, .section5 img, .section6 img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
  border-radius: 5px;
}

/* 제목 스타일 업그레이드 */
.chatgin-title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  background: linear-gradient(145deg, #ffffff, #f2f2f2);
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
}

/* 부제목 스타일 */
.chatgin-subtitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #000;
}

/* 문단 스타일 */
.section1 p, .section2 p, .section3 p, .section4 p, .section5 p, .section6 p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 15px;
  color: #555;
}

/* 강조 스타일 */
.section1 strong, .section2 strong, .section3 strong, .section4 strong, .section5 strong, .section6 strong {
  font-weight: bold;
  color: #333;
  background: linear-gradient(transparent 60%, #ffdd57 60%);
}

.section1 i, .section2 i, .section3 i, .section4 i, .section5 i, .section6 i {
  font-style: italic;
  color: #666;
}

.section1 u, .section2 u, .section3 u, .section4 u, .section5 u, .section6 u {
  text-decoration: underline;
  color: #444;
}

/* 기본 형광펜 밑줄 효과 */
.section1 u, .section1 b, .section1 span, .section2 u, .section2 b, .section2 span, .section3 u, .section3 b, .section3 span, .section4 u, .section4 b, .section4 span, .section5 u, .section5 b, .section5 span, .section6 u, .section6 b, .section6 span {
  text-decoration: none;
  display: inline;
  box-shadow: inset 0 -4px 0 #F5B7B1; /* 핑크색 (u), 밑줄 두께 조정 */
  color: #000;
}

.section1 b, .section2 b, .section3 b, .section4 b, .section5 b, .section6 b {
  box-shadow: inset 0 -4px 0 #AED6F1; /* 파스텔 하늘색 (b), 밑줄 두께 조정 */
}

.section1 span u, .section1 span b, .section2 span u, .section2 span b, .section3 span u, .section3 span b, .section4 span u, .section4 span b, .section5 span u, .section5 span b, .section6 span u, .section6 span b {
  box-shadow: inset 0 -4px 0 #FFDD57; /* 노란색, 밑줄 두께 조정 */
}

/* 목록 스타일 */
.section1 ul, .section2 ul, .section3 ul, .section4 ul, .section5 ul, .section6 ul {
  margin-bottom: 15px;
  padding-left: 20px;
}

.section1 li, .section2 li, .section3 li, .section4 li, .section5 li, .section6 li {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 5px;
  color: #555;
}

/* 표 스타일 */
.chatgin-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.chatgin-table th, .chatgin-table td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.chatgin-table th {
  background-color: #f5f5f5;
  font-weight: bold;
  color: #333;
}

/* 인용구 카드 스타일 */
blockquote {
  margin: 20px auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  max-width: 600px;
  border-left: 4px solid #4CAF50; /* 왼쪽 테두리에 초록색 추가 */
}

blockquote p {
  margin-bottom: 5px;
  font-style: italic; /* 기울임꼴 추가 */
  color: #555;
}

blockquote footer {
  font-size: 14px;
  color: #999;
  text-align: right; /* 오른쪽 정렬 */
}

/* 질문과 답변 카드 스타일 업그레이드 */
.faq-item {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  margin-bottom: 20px;
  padding: 20px;
  transition: box-shadow 0.3s ease, transform 0.3s ease; /* 호버 시 변형 효과 추가 */
}

.faq-item:hover {
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
  transform: translateY(-5px); /* 호버 시 위로 살짝 이동 */
}

.chatgin-question {
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
  background-color: #E8F5E9; /* 배경색 연한 초록색으로 변경 */
  padding: 10px;
  border-radius: 4px;
}

.chatgin-answer {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.05);
}

/* SEO-friendly 푸터 스타일 */
.site-footer {
  text-align: center;
  font-size: 14px;
  color: #666;
  background-color: #f8f8f8;
  padding: 20px 0;
}