.main-wrapper{max-width: 1180px; margin:24px auto 0; display: flex; gap:40px;}
.main-wrapper-contents{max-width: 850px;}

.main-article .main-news-item {display: flex; align-items: stretch; flex-direction: row-reverse; gap:24px; border-bottom: 1px solid #E3E3E3; padding-bottom: 20px;}
.main-article .main-news-item figure{ width: 485px; height: 285px; overflow: hidden; }
.main-article .main-news-item img { object-fit: cover;}
.main-article .main-news-content{display: flex; flex-direction: column;justify-content: space-between; word-break: keep-all; flex:1}
.main-article .main-news-content h2 {font-size: 2rem; font-weight: 800; margin-bottom: 8px; color:#111; line-height: 1.32; letter-spacing: 0;overflow: hidden;}
.main-article .main-news-content p {font-size: 0.938rem;  color: #666; display: -webkit-box; line-height: 1.5;-webkit-line-clamp: 5; text-overflow: ellipsis; overflow: hidden; letter-spacing: -0.31px; -webkit-box-orient: vertical;}

.article-list{ display: flex;border-bottom: 1px solid #E3E3E3; gap:20px;}
.article-list .news-item{position: relative; width: 50%; margin: 30px 0;}
.article-list .news-item h3{min-height: 50px ;font-size: 1.313rem; font-weight: 700;line-height: 1.25; margin-bottom: 20px;letter-spacing: 0; display: -webkit-box; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.article-list .news-item figure{display: flex; width: 100%; /*height: 174px*/aspect-ratio: 1.52 / 1; overflow: hidden;}
.article-list .news-item img{width: 100%; object-fit: cover;}

.quarter{ display: flex;flex-wrap: wrap; justify-content: space-between; gap:40px 30px; padding:30px 0;}
.quarter-item{ display: flex; align-items: center; gap:20px; width: calc(50% - 20px);}
.quarter-item figure{display: flex; width: 160px; /*height: 96px;*/aspect-ratio: 1.52 / 1; overflow: hidden;}
.quarter-item figure img{width: 100%; object-fit: cover;}
.quarter-content{flex:1;}
.quarter-content b.category{ font-size: 0.875rem; color:#F5821F;}
.quarter-content h4.subtitle{ font-size: 1.125rem; font-weight: 700 ; color:#222; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; margin-top: 6px; word-break: keep-all;}
.quarter-content p{display: none; /*font-size: 0.938rem; color:#666; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.2;*/}


.sidebar{display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 30px;}


.trigger{ display: flex; border-bottom:1px solid #E3E3E3;padding:16px 0 0 0; margin-bottom: 6px; line-height: 1;}
.trigger li{width: 50%; display: flex; align-items: center; justify-content: center; gap:4px; font-size: 1.063rem; padding:0 6px 14px 6px; color:#111; font-weight: 400; text-align: center;cursor: pointer;letter-spacing: -0.43px;}
.trigger li.active{font-weight: 700;border-bottom:3px solid #111;}
.tab-contents{min-height: 270px;}
.tab-contents > div ul{width: 100%;}
.tab-contents > div:nth-child(2){ display:none; }
.tab-contents li{padding-top:14px; margin-top: 14px; border-top: 1px dotted #E3E3E3;}
.tab-contents li:first-child{border-top: 0; padding-top: 0;}
.tab-contents li a{font-size: 1.063rem; font-weight: 500; color:#222; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: -0.4px; line-height: 1.5;}

.only{display: inline-block; font-size: 0.813rem;background-color: #D91919; color:#fff; padding:0px 4px; border-radius: 3px; margin-right: 4px; margin-top: 2px;}

.series-opp {display:flex; flex-direction: column; gap:14px; padding:10px 0;}
.series-opp a{ display: flex; align-items: center; gap:10px;}
.series-opp a figure{display: flex; width: 112px; aspect-ratio: 1.52 / 1; /*width:122px;height: 66px;*/ overflow: hidden;}
.series-opp a figure img{width: 100%; object-fit: cover;}
.series-opp a .subtitle{color:#222; font-size: 1.063rem; font-weight: 700; line-height: 1.38; word-break: keep-all;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; flex:1;}

.aside-nwreport .nwreport-title{display: flex; align-items: center; gap:4px}
.aside-nwreport h4{ display: flex; align-items: center;color:#333; font-size: 1.063rem; font-weight: 700; line-height: 1.6;}
.aside-nwreport ul li{font-size: 1.125rem; font-weight: 600; color:#222; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: -0.4px; margin-top: 8px;}
.aside-nwreport ul li:before{content:"· "}


.series-area .series-left .nwstory ul li .news-image figure,
.section-area .section-area-list ul li .news-image figure,
.issue-focus-area .issue-focus-list .slider-issue-list .news-image figure{width: 100%; aspect-ratio: 1.52 / 1;}
.section-area .section-area-list ul li .news-image{height: auto;}
.issue-focus-list{height: auto;}


.main-banner{position: relative; top:0; display: block; width: 100%;/* max-width: 1180px; background-color: transparent;*/ margin: 0 auto; box-sizing: border-box;}
.main-banner figure img{height: auto; max-height: unset;}

.ad-shot-three{margin: 0px auto!important; padding:20px 0 0 0}


.section-area .section-area-list ul{display: grid; grid-template-columns: repeat(4, 1fr);gap: 32px; padding-bottom: 20px;}
.section-area .section-area-list ul li{ float: none; width: 100%; margin: 0;}


/* Mobile 전용: 0 ~ 639.98px */
@media (max-width: 639.98px) {
  .main-wrapper{ flex-direction: column; padding: 0; gap:60px;}
  .main-wrapper .main-wrapper-contents{ max-width: 100%; }

  .main-article .main-news-item{flex-direction: column; gap:10px; margin-bottom: 30px;}
  .main-article .main-news-item figure{width: 100%; height: auto;}
  .main-article .main-news-content h2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 1.563rem;}
  .main-article .main-news-content p{-webkit-line-clamp:2; word-break: break-word;}
  
  .sidebar{gap: 40px; padding-bottom: 50px;}

  .article-list{flex-direction: column; gap:30px; border-width: 0 0 1px 0; padding-bottom: 30px;}
  .article-list .news-item{display: flex; flex-direction: row-reverse;  width: 100%; margin:0; gap:20px}
  .article-list .news-item h3{font-size: 1.25rem; flex: 1;-webkit-line-clamp: 3; }
  .article-list .news-item figure{width: 129px; height: auto;}

  .tab-contents{min-height: 289px;}
  .series-opp a figure{aspect-ratio: 1.52 / 1; height: auto;}
  .tab-contents li{ margin-top: 18px; padding-top: 18px;}

  
}

/* Tablet 전용: 640 ~ 1199.98px */

@media (min-width: 640px) and (max-width: 1199.98px) {

  .main-wrapper{flex-direction: column;padding: 0 16px;}
  .main-wrapper .main-wrapper-contents{ max-width: 100%; }

  .main-article .main-news-item figure{flex:1; width: auto; height: auto; aspect-ratio: 1.52 / 1;}
  .main-article .main-news-item img { object-fit: cover; width: auto; height: 100%;}
  /* .main-article .main-news-content{ justify-content: flex-start;} */
  .main-article .main-news-content h2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
  .sidebar{gap: 60px; padding-bottom: 40px;}

  .quarter-item figure{flex:1}
 
}

/* PC 전용: 1200px ~ */
@media (min-width: 1200px) {
.ad-long-two{padding-top: 0;border-top:1px solid #ccc;}
}

/* 기존 css 대응 */

@media (min-width: 1025px) and (max-width: 1199px) {
  .ad-long-one {display: none;}
  /* .issue-focus-area, .life-area, .media-area, .shots-area{width: 767px;} */
  /* .main-wrapper, .series-area, .section-area, .ad-shot-three{ width: 747px; min-width: 747px;} */
}

@media (max-width: 1024px){
  .ad-long-one {display: none; }
  .main-banner{height: fit-content; position: fixed; bottom:20px; top:auto; width: 90%; margin: 0 5%;}
  .main-banner i{ right: 30px;}
  .main-banner figure{width: 100%;}
}

@media all and (min-width:768px) and (max-width:1024px){
  
  /* .main-banner{max-width: 747px;} */
  /* .main-banner i{ width: 14px;height: 14px;} */
  
  .main-banner figure img { height: 100px; max-height: 100px; object-fit: contain; }

  .section-area .section-area-list ul{grid-template-columns: repeat(2, 1fr); gap:16px 24px;}
  .section-area .section-area-list ul li{border: 0 none;}
  .section-area .section-area-list ul li .news-image figure,
  .series-area .series-left .nwstory ul li .news-image figure{height: auto;}

}

@media (min-width: 640px) and (max-width: 767px){
  .main-article .main-news-item {flex-direction: column;}

  .article-list{flex-direction: column; gap:30px; border-width: 0 0 1px 0; padding: 30px 0;}
  .article-list .news-item{display: flex; flex-direction: row-reverse;  width: 100%; margin:0; gap:20px}
  .article-list .news-item h3{font-size: 1.25rem; flex: 1; margin-bottom: 0;}
  .article-list .news-item figure{width: 129px; height: auto;}  

  .section-area .section-area-list ul li{float: none; padding:0}
}


@media (max-width: 767px) {
  /* .main-banner{ max-width: 480px;} */
  .main-banner figure{width: 100%;}

  .main-wrapper{padding:0; margin-top:0px}  

  .quarter{ flex-direction: column; padding: 30px 0 0 0; gap: 20px;}
  .quarter-item{ width: 100%;flex-direction: row; gap:20px}
  .quarter-item figure{width: 129px; flex: none;}

  .series-area .series-left .nwstory ul li .news-text .category{margin: 0 0 5px 0;}
  .series-area .series-left .nwstory ul li .news-text .headline{height: auto; margin-left: 0;}

  .section-area .section-area-list ul{grid-template-columns: repeat(2, 1fr); gap:10px 30px;}
  .section-area .section-area-list ul li{padding:0;border: 0 none;}
  .section-area .section-area-list ul li article a{display: flex; flex-direction: column-reverse;}
  .section-area .section-area-list ul li .news-text{margin-bottom: 0;}
  .section-area .section-area-list ul li .news-image{margin-bottom: 10px;}
  .section-area .section-area-list ul li .news-image figure{height: auto;}
}

@media (max-width: 480px) {
  .main-banner{ padding: 0 2.5%;}
  .main-banner i{right:20px;}
  .main-wrapper{ width: 95%; } 

  .article-list .news-item h3{-webkit-line-clamp: 4;margin-bottom: 4px;}

  .section-area .section-area-list ul{grid-template-columns: repeat(1, 1fr); gap:30px;}
  .section-area .section-area-list ul li{border: 0 none;}
  .section-area .section-area-list ul li article a{flex-direction: row-reverse; align-items: center; gap: 20px;}
   .section-area .section-area-list ul li .news-image figure{width: 129px;}
   .section-area .section-area-list ul li .description{display: none;}
}