.single .entry-content h1 { font-weight: 700; font-size: 32px; line-height: 1.5; color: #1a202c;transition: all .4s ease-in-out; }
.single .entry-content h2 { margin: 1.15em 0 0.6em 0; font-weight: normal; position: relative; font-size: 25px; line-height: 40px; background: linear-gradient(to right, #FF4081, #F06292); border: 1px solid #fff; padding: 5px 15px; color: white; border-radius: 0 10px 0 10px; box-shadow: inset 0 0 5px rgba(53, 86, 129, 0); transition: all 0.4s ease-in-out; }
.single .entry-content h3 { color: #124875; padding-bottom: 10px; text-align: left; border-left: #FF4081 10px solid; padding: 3px 9px; margin: 30px 0 20px 0; background-color: #FFF; border-bottom: 2px solid #FF4081; font-size: 1.2em; font-weight: 700;transition: all .4s ease-in-out; }
.single .entry-content h4 { padding: 3px 9px; border-left: 5px solid #FF4081; border-bottom: 1px solid #FF4081; margin-bottom: 15px;transition: all .4s ease-in-out; }
.single .entry-content h5 { padding: 3px 9px; border-left: 0; border-bottom: 1px solid #FF4081; margin-bottom: 15px; transition: all 0.4s ease-in-out; }
/* 워드프레스 제너레이트 테마 링크 스타일 */

.single .entry-content p:not(.btn-theme):not(.wpml-banner) a, 
.single .entry-content #ftwp-postcontent > ul li a,
.single .entry-content #ftwp-postcontent > ol li a {
word-break: break-all;
color: #3e5898;
transition: color .25s ease-in;
color: #3E5898;
background-repeat: no-repeat;
background-size: 100% 0.2em;
background-position: 0 100%;
background-image: linear-gradient(to right,#00BCD4,#5C6BC0);
transition: all .25s ease-in;
padding: 2px 0;

}


.single .entry-content p:not(.btn-theme):not(.wpml-banner) a:hover,
.single .entry-content #ftwp-postcontent > ul li a:hover,
.single .entry-content #ftwp-postcontent > ol li a:hover {
background-size: 100% 100% !important;
color: #fff !important;
border-radius: 10px !important;
}

/* =========================================
   [수정됨] 상단 메뉴 디자인 코드 (화살표 중복 해결)
   ========================================= */

/* 1. 상단 메인 메뉴 (GNB) 스타일 */
.main-navigation .main-nav > ul > li > a {
    font-weight: 700;       /* 글자 굵게 강조 */
    font-size: 17px;        /* 시원한 크기 */
    color: #333333;         /* 가독성 좋은 진한 회색 */
    padding: 0 30px;        /* 메뉴 간 간격 넓게 확보 */
}

/* 2. [수정] 기존 테마 화살표 색상만 초록색으로 변경 */
.main-navigation .main-nav ul li a .dropdown-menu-toggle {
    color: #2e7d32;         /* 브랜드 컬러 (초록색) */
    font-size: 12px;        /* 화살표 크기 살짝 조정 */
    vertical-align: middle;
}
/* 기존에 있던 가짜 화살표(content: \25BC) 코드는 삭제했습니다 */


/* 3. 드롭다운(서브메뉴) 박스 디자인 */
.main-navigation ul ul {
    background-color: #ffffff;
    width: 240px;           /* 서브메뉴 가로 폭 넓게 */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); /* 그림자 */
    border-top: 4px solid #2e7d32; /* 상단 초록색 포인트 줄 */
    border-radius: 0 0 8px 8px;    /* 하단 둥근 모서리 */
    padding-top: 10px;
    padding-bottom: 10px;
}

/* 4. 드롭다운 내부 항목 스타일 */
.main-navigation ul ul li a {
    font-size: 15px;
    color: #555555;
    padding: 12px 20px;
    border-bottom: 1px dashed #eeeeee; /* 항목 사이 점선 구분 */
}

/* 5. 마우스 올렸을 때 (Hover) 효과 */
.main-navigation .main-nav ul ul li:hover > a {
    background-color: #f1f8e9;  /* 연한 연두색 배경 */
    color: #2e7d32;             /* 글자색 초록 */
    padding-left: 25px;         /* 애니메이션 효과 */
    transition: all 0.2s ease;
}

/* 6. 모바일 메뉴(햄버거) 최적화 */
@media (max-width: 768px) {
    .main-navigation .main-nav ul ul li a {
        background-color: #f9f9f9; 
        padding-left: 40px;
    }
}

/* ==================================================
   [추가] 배경색 흰색 통일 및 그림자 제거 (Flat Design)
   ================================================== */

/* 1. 사이트 전체 배경을 흰색으로 변경 */
body, 
.site-content {
    background-color: #ffffff !important;
}

/* 2. (선택사항) 글 상자 테두리의 그림자 제거 
   배경이 흰색일 때 그림자가 있으면 지저분해 보일 수 있어 제거를 추천합니다. */
.inside-article, 
.sidebar .widget, 
.comments-area {
    box-shadow: none !important;
    border: none !important;
}

/* 3. 좌우 여백 배경도 확실하게 흰색 처리 */
.site-container {
    background-color: #ffffff !important;
}