.click-me-button {
  display: inline-block;
  background-color: #101E4A; /* 배경색 */
  border: none;
  color: white !important; /* 글자색 */
  text-align: center;
  font-size: 16px;
  padding: 15px 20px; /* 버튼 크기 */
  border-radius: 10px;
  transition-duration: 0.4s;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none; /* 링크 밑줄 제거 */
}


.click-me-button:hover {
  background-color: #FFDD4A; /* 마우스 호버시 배경색 */
  color: #101E4A !important; /* 마우스 호버시 텍스트 색상 변경 */
  font-weight: bold; 
}
/* Style for single post paragraphs in GeneratePress */
/* 제너레이트프레스 테마의 포스트 본문 문단 서식 */
.single .entry-content p {
font-size: 1.2em;
line-height: 1.8em;
margin-bottom: 1.5em;
}
.single-featured-image-header {
display: none;
}
/* 워드프레스 GeneratePress 테마 소제목 헤딩 스타일 변경하기 */

.single .entry-content h2 {
    font-size: 1.5em;
    margin: 1.15em 0 0.6em 0;
    font-weight: normal;
    position: relative;
    text-shadow: 0 -1px rgba(0,0,0,0.6);
    line-height: 40px;
    background: #355681;
    background: rgba(53,86,129, 0.8);
    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.5);
    font-family: 'Muli', sans-serif;
}


.single .entry-content h3 {
    margin: 1em 0 0.65em 0;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
    position: relative;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
    font-size: 22px;
    line-height: 40px;
    color: #355681;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(53,86,129, 0.3);
}

.single .entry-content h4 {
   padding: 3px 9px;
      border-left: 5px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px;
}

.myButton {
	background-color:#79bbff;
	border-radius:28px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.myButton:hover {
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}
/* 제너레이트프레스 테마에 심플한 메가 메뉴 구성하기 */
/* To build a simple Mega Menu in GeneratePress */

@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}
.gb-button {
      color: #ffffff !important; /* 버튼 텍스트 색상 */
      transition: all 0.15s ease-in-out; /* 버튼 축소 속도 */
}
.gb-button:hover {
      cursor: pointer; /* 마우스 위치 시 포인터로 표시 */
      transform: scale(1.05); /* 마우스 위치 시 버튼 확대 크기*/
      transition: all 0.20s ease-in-out; /* 버튼 확대 속도 */
}
/* CTA 전체 래퍼 */
.stock-cta-wrap {
  text-align: center;
  margin: 40px 0;
}

/* 사회적 증거 텍스트 */
.stock-cta-meta {
  font-size: 13px;
  color: #666;
  margin-bottom: 10px;
}

/* CTA 버튼 본체 */
.stock-cta-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 14px;
  background: linear-gradient(120deg, #5f2cff, #2b7cff);
  background-size: 200% 200%;
  transition: 
    transform 0.25s ease-out,
    box-shadow 0.25s ease-out,
    background-position 0.6s ease;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

/* 화살표 */
.stock-cta-btn .arrow {
  display: inline-block;
  transition: transform 0.25s ease-out;
}

/* Hover 효과 (PC) */
@media (hover: hover) {
  .stock-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);
    background-position: 100% 0;
  }

  .stock-cta-btn:hover .arrow {
    transform: translateX(6px);
  }
}

/* 클릭 리플 효과 */
.stock-cta-btn:active .ripple {
  animation: ripple-effect 0.6s ease-out;
}

/* 리플 원 */
.stock-cta-btn .ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  transform: scale(0);
  pointer-events: none;
}

/* 리플 애니메이션 */
@keyframes ripple-effect {
  0% {
    transform: scale(0);
    opacity: 0.6;
  }
  100% {
    transform: scale(18);
    opacity: 0;
  }
}

/* 모바일 최적화 */
@media (max-width: 768px) {
  .stock-cta-btn {
    width: 100%;
    justify-content: center;
    font-size: 15px;
    padding: 16px;
  }
}
/* =========================
   CTA 버튼 은은한 흔들림
   ========================= */

/* 기본 상태: 3초마다 살짝 움직임 */
.idle-pulse {
  animation: idlePulse 3.2s ease-in-out infinite;
}

/* 마우스 올리면 자동 흔들림 중지 */
@media (hover: hover) {
  .idle-pulse:hover {
    animation: none;
  }
}

/* 모바일에서는 자동 흔들림 제거 */
@media (max-width: 768px) {
  .idle-pulse {
    animation: none;
  }
}

/* 흔들림 애니메이션 */
@keyframes idlePulse {
  0% {
    transform: translateY(0);
  }
  92% {
    transform: translateY(0);
  }
  96% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}
/* =========================
   결론부 전용 Strong Pulse
   ========================= */

.strong-pulse {
  animation: strongPulse 6s ease-in-out infinite;
}

/* PC: hover 시 즉시 중단 */
@media (hover: hover) {
  .strong-pulse:hover {
    animation: none;
  }
}

/* 모바일: 자동 반복 금지 (1회만) */
@media (max-width: 768px) {
  .strong-pulse {
    animation: strongPulseMobile 1.2s ease-out 1;
  }
}

/* PC용 강한 Pulse */
@keyframes strongPulse {
  0% {
    transform: translateY(0) scale(1);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
  }
  90% {
    transform: translateY(0) scale(1);
  }
  94% {
    transform: translateY(-6px) scale(1.04);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35);
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
  }
}

/* 모바일 1회용 Pulse */
@keyframes strongPulseMobile {
  0% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
/* 기본 버튼 스타일 */
.btn {
    display: inline-block;
    padding: 18px 45px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    /* 텍스트 렌더링 최적화 - 글자가 선명하게 보이도록 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* GPU 가속 활성화 - 애니메이션이 부드럽게 */
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* 파티클 쉐이크 버튼 스타일 */
.btn-particle {
    background: #000;
    color: #ffff00;
    border: 2px solid #ffff00;
    /* 네온 효과는 유지하되 텍스트는 선명하게 */
    text-shadow: 0 0 8px rgba(255, 255, 0, 0.8);
    box-shadow: 0 0 20px rgba(255, 255, 0, 0.3);
}

.btn-particle:hover {
    /* 개선된 흔들림 효과 - 더 부드럽고 선명하게 */
    animation: shake-smooth 0.8s ease-in-out infinite;
    box-shadow: 
        0 0 30px rgba(255, 255, 0, 0.8),
        0 0 60px rgba(255, 255, 0, 0.5);
    /* 호버 시에도 텍스트 선명도 유지 */
    text-rendering: optimizeLegibility;
}

/* 개선된 흔들림 애니메이션 */
@keyframes shake-smooth {
    0%, 100% { 
        transform: translate3d(0, 0, 0); 
    }
    10%, 30%, 50%, 70%, 90% { 
        transform: translate3d(-3px, 0, 0); 
    }
    20%, 40%, 60%, 80% { 
        transform: translate3d(3px, 0, 0); 
    }
}