.custom-button{position:relative;font-family:'NanumGothicCodingBold';display:block;max-width:600px;width:90%;margin:20px auto;padding:16px 24px;background-color:#f00;color:#fff!important;text-align:center;text-decoration:none!important;border-radius:8px;font-weight:bold!important;font-size:25px;transition:background-color .3s ease,color .3s ease,transform .3s ease;animation:pulse 2s infinite;box-sizing:border-box;  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4);-webkit-tap-highlight-color:transparent;outline:none;user-select:none;overflow:hidden;z-index:1}
@media (hover:hover) and (pointer:fine){.custom-button:hover{background-color:#ffeb3b;color:#000!important;transform:scale(1.05)}}
.custom-button::before{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:shine 2.5s infinite;z-index:0;pointer-events:none}
@keyframes shine{0%{left:-30%}100%{left:100%}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.9}}
@media(max-width:480px){.custom-button{font-size:20px;padding:14px 18px}}
@media(min-width:481px) and (max-width:768px){.custom-button{font-size:24px;padding:16px 24px}}
@media(min-width:769px){.custom-button{font-size:36px;padding:20px 30px}}
.custom-button i{margin-left:10px;z-index:1;position:relative}


.entry-content h2 {
/*
font-size: 1.8rem; font-weight: bold; color: #4a148c; margin-top: 1.5em; margin-bottom: 0.8em; line-height: 1.2; border-left: 5px solid #9c27b0; padding-left: 0.8em; font-family: 'Noto Sans KR', sans-serif;
border-bottom: 3px solid #9c27b0;
 padding-bottom: 15px;
*/
font-family:'NanumGothicCodingBold';
	font-size: 27px;
	margin-top: 15px;
	margin-bottom: 2px;
	padding-left: 0.75rem;
	text-indent: 0.1em; 
	font-weight: 600 !important;
	line-height: 1.9;
	word-break: normal;
	word-wrap: break-word;
	color: rgb(8, 8, 8);
	background: linear-gradient(to right, #ffebee 50%, #ff0026);
	background-size: 150% 100%; 
	border-radius: 15px 15px 0 0;
	border-left: 5px solid #9c27b0;
	border-bottom: 3px solid #9c27b0;
/*background-color: #ffebee; border-left: 4px solid #f44336; padding: 15px; margin: 20px 0; border-radius: 0 8px 8px 0;*/
}
.entry-content h3 {

            background: linear-gradient(135deg, #8a2be2, #9932cc);
            color: white;
            padding: 15px 20px;
            border-radius: 12px;
            margin: 30px 0 20px;
            font-size: 20px;
            font-weight: 600;
            box-shadow: 0 8px 25px rgba(138, 43, 226, 0.3);
            position: relative;
            overflow: hidden;
}
.entry-content h3::after {
            content: '';
            position: absolute;
            top: 0;
            right: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            animation: shimmer 3s infinite;
        }

/* font-size: 1.5rem; font-weight: bold; color: #ffffff; background-color: #6a1b9a; padding: 0.5em 1em; border-radius: 4px; width: 100%; box-sizing: border-box; margin-top: 1.5em; margin-bottom: 0.8em; line-height: 1.2; font-family: 'Noto Sans KR', sans-serif; */
/*
  display: flex;
  align-items: center;
  background-color: #f8f8f8;
  border-radius: 0px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  padding: 10px 10px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 21px;
  font-weight: bold;
  color: #222;
  position: relative;
  margin: 10px 0;
border-left: 5px solid #333;
	border-bottom: 1px solid #333;
*/

/*
	font-size: 23px; color: #1a73e8; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #eaeaea;
	*/
}
.entry-content p {
	font-size:19px;line-height:35px;color:#333
}

@media only screen and (max-width: 600px) {

	.entry-header h1 {
		font-size: 27px;
	}
	.entry-content h2 {
		font-size: 23px;
	}
	.entry-content h3 {
		font-size: 21px;
	}
	.entry-content p {
		font-size: 19px;
	}

}


.fixed-banner {
  position: fixed;
  right: 300px;
  bottom: 250px;
  width: 280px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  z-index: 9999;
  font-family: 'Noto Sans KR', sans-serif;
  text-decoration: none; /* ✅ 밑줄 제거 */
  color: inherit;
}

.fixed-banner * {
  text-decoration: none !important; /* ✅ 내부 모든 요소에서 밑줄 제거 */
}

@media (max-width: 768px) {
  .fixed-banner {
    left: 20px;
    right: auto;
    bottom: 50px;
    transform: none;
  }
}

.banner-top {
  color: white;
  padding: 12px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  animation: blinkColor 0.4s infinite;
}

@keyframes blinkColor {
  0%   { background-color: #FF0000; }
  50%  { background-color: #0000FF; }
  100% { background-color: #d32f2f; }
}

.banner-button {
  display: block;
  background-color: #e0e0e0;
  color: #a50045;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.4s;
}

.banner-button:hover {
  background-color: #d5d5d5;
}
