.news_view { width: 100%; max-width: 1000px; margin: 5px auto; padding: 0px; }
#d_newsletter { max-width: 1000px; padding: 5px; font-family: 'GamtanRoad Dotum' !important }

/* Header positioning */
.news_header { 
  position: relative;
  margin-bottom: 10px;
}

.header_right_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 29%;
  height: 100%;
  text-align: center;
  color: white;
  line-height: 1.3;
}

.doc_type {	 
  font-size: clamp(18px, 3.7vw, 45px);
  font-weight: bold;  
  letter-spacing: 0.2em;
  margin-top: 7%;      
  padding-left: 0.1em
}

.publish_info {
  /* Increased font size by 30% */
  font-size: clamp(7px, 1.6vw, 22px);
  line-height: 1.4;
}

.publish_info strong {
  font-weight: bold;
}

/* Rest of your CSS */
.org_name { display: inline-block; background: #2C2E3D; color: #fff; padding: 0px 12px; text-align: center; border-radius: 7px; }
.title_area { margin-top: 20px; font-family: "GamtanRoad Tantan" !important; }
.main_title { font-size: 44px; line-height: 1.1; font-family: "GamtanRoad Tantan" !important; font-weight: normal;}
.sub_title { font-size: 31px; line-height: 1.1; font-family: "GamtanRoad Tantan" !important; font-weight: normal; }
.main_title, .sub_title {margin: 10px 0;	display: block;	letter-spacing: normal; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
.main_title + .main_title {margin-top: 0;}
.img_area { text-align: left; margin: 10px 0; }
.img_area img { width: 100%; max-width: 100%; height: auto; border-radius: 7px; }
.img_caption { font-size: 14px; color: #333; margin-top: 8px; text-align: left; }
.view_content { margin: 10px 0; line-height: 1.3; min-height: 300px; background: #fff; padding: 10px; border: 10px solid #5B55C1; color: #333; font-family: 'GamtanRoad Dotum'; font-size: clamp(16px, 2vw, 24px); }
.view_content p {margin: 18px 0}
.view_content p:first-child {margin-top: 0}
.view_content p:last-child {margin-bottom: 0}
.logo_area { text-align: center; }
.logo_area img { max-width: 100%; height: auto; }
.btn_img_save {border-radius: 5px; padding: 8px 15px; transition: all 0.2s ease;}
#saveLayoutBtn {border-radius: 5px !important;}

@media (max-width: 768px) {
	#d_newsletter {padding:10px}
  .news_header { margin-bottom: 0; font-size: 14px; flex-wrap: wrap; }
  .header_center {margin-bottom: 2px;}
  .org_name {padding: 2px 7px;}
  .news_type, .date_box { padding: 2px 7px; font-size: 14px; margin-bottom: 5px; }
  .title_area { margin: 7px 0; }
  .view_content { margin: 7px 0; border-width: 6px; padding: 8px; }
  .img_area {margin: 6px 0; }
  .view_content p {margin: 15px 0}
  #saveLayoutBtn {position:absolute; top:230px; right: 10px}
  .main_title, .sub_title {margin: 5px 0;	}
  .nt-container {padding: 0 .4rem !important;}
  
  .doc_type {	 	  
	  margin-top: 9%;      	  
	}
}

@media (max-width: 480px) {
  .news_header { font-size: 12px; }
  .view_content { border-width: 4px; }
  .org_name {padding: 2px 5px;}
  .news_type, .date_box { padding: 2px 5px; font-size: 12px; margin-bottom: 3px; }
  .img_caption { font-size: 12px;}
}

.toast-message { position: fixed; bottom: 20px; left: 20px; background-color: #28a745; color: white; padding: 10px 20px; border-radius: 4px; z-index: 9999; display: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }