/*
 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
*/

.chatgin-a {
  text-align: center;
  margin-top: 20px;
}

.chatgin-a a {
  display: inline-block;
  padding: 16px 32px;
  background-color: #ff0000;
  color: #ffffff;
  text-decoration: none;
  border-radius: 50px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.chatgin-a a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  transition: all 0.5s ease;
  z-index: 1;
}

.chatgin-a a:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}

.chatgin-a a:hover:before {
  left: 100%;
}

.chatgin-a a span {
  position: relative;
  z-index: 2;
}


/* ÀüÃ¼ ¼½¼Ç °øÅë ½ºÅ¸ÀÏ */
.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 b, .section2 b, .section3 b, .section4 b, .section5 b, .section6 b {
  font-weight: bold;
  color: #333;
}

.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);
}