.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: 25px;
	margin-top: 15px;
	margin-bottom: 2px;
	padding-left: 0.75rem;
	text-indent: 0.1em; /* Add left indentation to the text */
	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%; /* Adjust the background width */
	border-radius: 15px 15px 0 0;
	border-left: 5px solid #f44336;
	border-bottom: 3px solid #f44336;
/*background-color: #ffebee; border-left: 4px solid #f44336; padding: 15px; margin: 20px 0; border-radius: 0 8px 8px 0;*/
}
.entry-content h3 {
  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:20px;line-height:35px;color:#333
}

.entry-header h1 {
	font-size: 2.2rem; font-weight: bold; color: #000; margin-top: 1.5em; margin-bottom: 0.8em; line-height: 1.2; border-bottom: 3px solid #f44336; padding-bottom: 0.3em; font-family: 'Noto Sans KR', sans-serif;
}

@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;
	}

}