/*
 * 기존 콘텐츠용 스타일.
 *
 * Astra 의 Customizer "추가 CSS"에 있던 내용을 그대로 옮겼다.
 * 추가 CSS 는 테마별로 저장되므로 테마를 바꾸면 사라진다.
 * 글 본문(쿠폰 표, 다운로드 버튼, 쿠폰앱 카드)이 이 스타일에 의존하고 있어
 * 원본을 유지한다. WDS 토큰을 쓰지 않는 유일한 예외다.
 *
 * 원본에서 바꾼 것은 하나뿐이다. 전역 `a` 선택자를 본문 안으로 좁혔다.
 * 그대로 두면 히어로·카드 같은 새 섹션 링크까지 밑줄과 굵은 글씨가 붙는다.
 */

div#ez-toc-container ul li {
     line-height: 2;
}

/* 기본 링크 스타일 — 글 본문에만 적용한다 */
.gcp-entry__content a {
  text-decoration: underline; /* 링크에 밑줄 추가 */
  font-weight: bold;          /* 링크를 굵은 글씨로 표시 */
}


  @media (max-width: 768px) {
    .vlp-link-image img {
      max-width: 110px !important;
    }
		
		.vlp-link-text {
			padding-top: 5px !important;
			padding-bottom: 8px !important;
		}
  }

.action-button {
  background-color: rgb(240, 36, 0);
  color: white;
  padding: 13.5px 13.5px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
  width: 95%; /* Set width to 80% */
	height: 70px; /* Adjust the height value as needed */
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4);
  border-radius: 17px; /* Adds roundness */
  font-size: 32px; /* Increases font size */
font-weight:bold;
	
/*  line-height: 1.5; */ /* Adjust line height as needed */
  text-align: center; /* Centers the text horizontally */
  white-space: nowrap; /* Prevents the text from wrapping to multiple lines */
  overflow: hidden; /* Hides any overflowed text */
  display: block; /* Converts the button into a block-level element */
	font-family: 'GmarketSansMedium';
	margin-left: auto;
  margin-right: auto;
}

.action-button:hover {
  background-color: #FDB900;
	  color: black;

  transform: scale(1.1);
}

.action-button.most-likely-to-click {
  padding: 20px 30px; /* Increase padding to make the button bigger */
  font-size: 50px; /* Increase font size for the most likely to click button */
}

@media only screen and (max-width: 600px) {
  .action-button {
    font-size: 20px; /* Decreases font size for mobile devices */
		width: 90%; /* Set width to 90% */
		height: 60px; /* Adjust the height value as needed */	
  }
	
	.arrow.down {
		font-size: 20px;
	}
}

    .arrow {
        font-size: 30px;
        margin-left: 3px;
        display: inline-block;
        animation: moveArrow 0.7s ease-in-out infinite; /* 애니메이션 적용 */
    }

    .arrow.down:before {
        content: '▼'; /* 아래 방향 화살표 */
    }

    @keyframes moveArrow {
        0% {
            transform: translateY(-5px);
        }
        50% {
            transform: translateY(5px); /* 아래로 이동 */
        }
        100% {
            transform: translateY(-5px); /* 원래 위치로 돌아옴 */
        }
    }

.shiny-container {
    position: relative; /* 부모 요소에 상대 위치 설정 */
    overflow: hidden;  /* 자식 요소가 부모를 넘지 않도록 설정 */
}

.shiny-container:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #f1f1f1;
    animation: shiny-btn1 2.0s ease-in-out infinite;
}

.aniRightLeft {
	font-size: 30px;
        display: inline-block;
        animation: moveRightLeft 0.8s ease-in-out infinite; /* 애니메이션 적용 */
}



@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

    @keyframes moveRightLeft {
        0% {
            transform: translateX(-5px);
        }
        50% {
            transform: translateX(5px); /* 우로 이동 */
        }
        100% {
            transform: translateX(-5px); /* 원래 위치로 돌아옴 */
        }
    }