@charset "utf-8";

/*iframe 용 세무지식, 현황, 및 기타 페이지 용 css*/

@media screen and (max-width: 767px) {
  /* text 정의 */
  .sectionTit {font-size: 2.4rem;}
  .sectionTit .pointColor {display: block;}
  .graysubTit {font-size: 1.6rem;}

  /* 버튼 */
  /* heading 버튼 */
  .headingBtn {height: 5.2rem; padding: 0 3.6rem;}
  .headingBtn span {font-size: 2rem;}
  .headingBtn .rightIcon {display: none;}
  /* 링크이동 프라이머리 버튼 */
  .moveLinkBtn {padding: 0; height: 4rem;}
  .moveLinkBtn span {font-size: 1.8rem;}
  .secondaryBtn {height: 5.2rem;}
  .secondaryBtn span {font-size: 1.8rem;}
  /* tertiaryBtn 버튼 */
  .tertiaryBtn {height: 5.2rem;}
  .tertiaryBtn span {font-size: 1.8rem;}

   /* common */
  #insightPage .inner {padding: 8rem 2rem;}
  .inner {padding: 2rem;}
  
    /* newsletter */
  .newsletter .inner .sectionTit {margin-bottom: 4rem;}
  .newsletter .inner .newletterContents .newsletter-list-container {max-height: 70vh; max-width: 70vw; padding: 0rem 2.5rem;}
  .newsletter .inner .newletterContents .newletterList {grid-template-columns: repeat(2, 1fr); gap: 2rem;}
  .newsletter .inner .newletterContents .areaBtn {margin-top: 5rem;}
  

  /* newsletterDetail */
  .newsletterDetail .inner {padding-top: 2rem;}
  .newsletterDetail .inner .detailOrder {margin-bottom: 2rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .profile {gap: 1rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .profile .profileImg {width: 4rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .profile .postInfo .author {font-size: 1.8rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .views {gap: 0.4rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .views span {font-size: 1.4rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .views em {font-size: 1.4rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContents .newsletterTitle {margin-bottom: 2rem; font-size: 2.8rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContents .newsletterHero {border-radius: 2rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContents .newsletterDesc .newsletterSubTit {margin-bottom: 2rem; font-size: 2.2rem;}
  .newsletterDetail .inner .areaBtn {margin-top: 1rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContents .newsletterDesc {padding:0rem 0rem;}
  
  /* live */
  .live .inner {padding: 0 !important;}
  .live .inner .news .newsList {margin-top: 1.4rem;}
  .live .inner .news .newsList > li {background-position: top left; flex-direction: column; justify-content: start; align-items: initial; gap: 0.4rem;}
  .live .inner .news .newsList > li .state {font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
  .live .inner .news .newsList > li .date {font-size: 1.6rem;}
 }

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

}

@media (min-width: 768px) and (max-width: 1023px) {
  /* text 정의 */
  .sectionTit {font-size: 3.2rem;}
  .graysubTit {font-size: 1.6rem;}

  /* 버튼 */
  /* heading 버튼 */
  .headingBtn {gap: 1rem; height: 5.2rem; padding: 0 1.9rem;}
  .headingBtn span {font-size: 2rem;}
  .headingBtn .rightIcon {width: 1.8rem;}

  /* common */
  .inner {padding: 8rem 4rem;}  

  /* newsletterDetail */
  .newsletterDetail .inner .detailOrder {margin-bottom: 2rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .profile {gap: 1rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .profile .profileImg {width: 4rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .profile .postInfo .author {font-size: 1.8rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .views {gap: 0.4rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .views span {font-size: 1.4rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContentsInfo .views em {font-size: 1.4rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContents .newsletterTitle {margin-bottom: 2rem; font-size: 2.8rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContents .newsletterHero {border-radius: 2rem;}
  .newsletterDetail .inner .detailContentsWrap .detailContents .newsletterDesc .newsletterSubTit {margin-bottom: 2rem; font-size: 2.2rem;}
  .newsletterDetail .inner .areaBtn {margin-top: 2rem;}
  
  /* live */
  .live .inner {padding: 0rem 0rem !important;}    
  .live .inner .news .newsTit {font-size: 25px;}
  .live .inner .news .newsList > li {background-position: top left;}
  .live .inner .news .newsList > li .state {font-size: 16px;}
  .live .inner .news .newsList > li .date {font-size: 15px;}
 
}
@media (max-width: 1200px) {
 
}

@media screen and (max-width: 515px) {
    /* newsletter */
  .newsletter .inner .sectionTit span {display: block;}
  .newsletter .inner .newletterContents .newsletter-list-container {max-height: 72vh; max-width: 70vw; padding: 0rem 2.5rem;}
  .newsletter .inner .newletterContents .newletterList {grid-template-columns: repeat(1, 1fr); gap: 2rem;}
  .newsletter .inner .newletterContents .areaBtn {max-width: 52vw; margin-top: 5rem;}  
}