/* 이미지 스타일 */
.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: 19px;
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: 19px;
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);
}
/* chatgin-a */
.chatgin-a {
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
}
.chatgin-a a {
display: inline-block;
width: 80%;
padding: 20px 30px;
background-color: #ff0000;
color: white !important;
text-align: center;
text-decoration: none !important;
border-radius: 5px;
font-weight: bold !important;
font-size: 1.2em;
transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
animation: pulse 2s infinite;
}
.chatgin-a a:hover {
background-color: #ffeb3b;
color: #000000;
transform: scale(1.05);
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
/* 소제목 꾸미기 */
.single .entry-content h2 {
margin: 2em 0 0.6em 0;
font-weight: bold;
position: relative;
font-size: 25px;
line-height: 40px;
background: #4a90e2; /* 밝은 파란색 */
border: 0px solid #4a90e2;
padding: 7px 15px;
color: #ffffff; /* 흰색 */
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
font-family: inherit; /* 기본 폰트 사용 */
}
.single .entry-content h3 {
color: #2c3e50; /* 진한 남색 */
padding: 2px 10px 10px;
text-align: left;
border-left: #4a90e2 5px solid; /* 밝은 파란색 */
margin: 2em 0 0.5em 0;
background-color: #f0f7ff; /* 매우 연한 파란색 */
border-bottom: 0.1em solid #4a90e2;
font-size: 21px;
font-weight: bold;
font-family: inherit; /* 기본 폰트 사용 */
