/* digital-cover page */
.all-news-wrapper {
  background: #1A1818;
  background-image: url(img_bg/digital-cover-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.all-search-wrap {
  width:25%;
}
.all-news-article-first {
    width: 25%;
}
.all-news-article-main {
    width: 50%;
}
.all-news-img-first {
    width: 94%;
	margin-bottom: 16px;
}
.news-main-img {
	width: 100%;
	margin-bottom: 16px;
}

.all-news-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: auto;
  padding-top: 155px;
  padding-bottom: 154px;
  position: relative; 
}

.img-digital-01 {
  width: 443px;
  height: 128px;
  position: absolute;
  top: 18%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  z-index: 1; 
}

.img-digital-02 {
  width: 324px;
  height: 439px;
  z-index: 2; 
}

.img-digital-03 {
  width: 881px;
  height: 284px;
  position: absolute;
  top: 43%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  z-index: 3; 
}

/* bubbling 
.img-bubbling-03 {
  width: 881px;
  height: 284px;
  position: absolute;
  top: 45%; 
  left: 49%; 
  transform: translate(-50%, -50%); 
  z-index: 3; 
}
*/

/* approved imgs */
.img-approved-01 {
  max-width: 492px;
  width: 100%;
  max-height: 239px;
  height: 100%;
  position: absolute;
  top: 36%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  z-index: 5; 
}

.img-approved-02{
  max-width: 324px;
  width: 100%;
  max-height: 439px;
  height: 100%;
  z-index: 4; 
}

.img-approved-03 {
  max-width: 1336px;
  width: 100%;
  max-height: 284px;
  height: 100%;
  position: absolute;
  top: 75%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  z-index: 1; 
}


/* main */
.all-news-main {
  background: #1A1818;
  width: 100%;
  padding-top: 60px;
}

.all-main-container {
  display: flex;
  flex-direction: column;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 35px 93px 35px;
}

.all-wrap-line {
  display: flex;
}

.all-news-article {
	WIDTH:25%;
/*  max-height: 489px; */
}


.all-news-img {
  width: 359px;
  height: 400px;
  margin-bottom: 20px;
  object-fit: cover;
}

.news-main-img {

  height: 836px;
  margin-bottom: 20px;
  object-fit: cover;
}

.all-news-title{
  max-width: 359px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  padding-bottom: 5px;
}

.all-news-title a {
  max-width: 359px;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; 
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.all-news-title:hover a {
  color: var(--red, #9E2929);
  transition: .5s;
} 

.all-news-date {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; 
  opacity: 0.5;
  padding: 0;
  margin: 0;  
}
/* transform style for hover  */
.all-news-article:hover .all-news-title a {
  color: var(--red, #9E2929);
  transition: 0.5s;
}

.all-news-article-main:hover .all-news-title a {
  color: var(--red, #9E2929);
  transition: 0.5s;
} 

.nava-article:hover .all-news-title a {
  color: var(--red, #9E2929);
  transition: 0.5s;
}
/* end transform */

.all-news-article-main {
   width:50%
}
.all-news-article-first {
   width:25%
}
.all-second-line {
  margin-top: 35px;
}

.news-article-second:first-child {
  margin-left: 394px;
}

.news-article-second:last-child {
  margin-left: 429px;
}

.all-third-line {
  margin-top: 100px;
  margin-bottom: 50px;
}

.news-article-third:last-child {
  margin-left: 429px;
}

/* search group */

.form-search-all {
  display: flex;
  align-items: center;
  max-width: 358px;
  margin: 0 auto;
}

.search-group-all {
  display: flex;
  align-items: center;
  background: inherit;
  border-radius: 65px;
  border: 1px solid #424242;
  overflow: hidden;
  width: 354px;
}

.search-icon-all {
  width: 35px;
  height: 35px;
  padding: 10px;
}

.search-icon-all svg {
  width: 100%;
  height: 100%;
}

.search-all-news {
  width: 100%;
  height: 45px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  font-family: 'General Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  border: none;
  outline: none;
}

.forth-line-article {
  width: 359px;
  max-height: 489px;
  margin-left: 18px;
  margin-right: 18px;
  margin-bottom: 559px;
}

.btn-all-news {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 100%;

  background: inherit;
  border: none;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; 

  border-top: 1px solid #424242;
  border-bottom: 1px solid #424242;
  padding: 29px 0 29px 0;
}

.btn-all-news:hover {
  background: rgba(var(--red, 158, 41, 41), 0.7);
  transition: 0.5s;
}

.nava-article {width:25%; float:left;margin-left:25%;margin-right:0;height:500px; margin-bottom: 50px;}
.nava-article:nth-child(4n+3){margin-right:25%;margin-left:0}
.nava-article:nth-child(4n+4){margin-right:25%;margin-left:0}
/* break points */
@media (min-width: 1920px) {
  .all-news-header {
    padding-top: 185px;
    padding-bottom: 196px;
  }

  .img-digital-01 {
    max-width: 527px;
    width: 100%;
    max-height: 152px;
    height: 100%;
  }

  .img-digital-02 {
    max-width: 386px;
    width: 100%;
    max-height: 522px;
    height: 100%;
  }

  .img-approved-02{
    max-width: 386px;
    width: 100%;
    max-height: 522px;
    height: 100%;
  }

  .img-digital-03 {
    max-width: 1051px;
    width: 100%;
    max-height: 339px;
    height: 100%;
  }

  .all-news-main {
    padding-top: 72px;
  }

  .all-main-container {
    padding: 0 42px 113px 42px;
  }

  .all-news-article {
    max-height: 584px;
  }

  .all-news-img {
    width: 428px;
    height: 477px;
    margin-bottom: 24px;
  }

  .news-main-img {

    height: 997px;
    margin-bottom: 24px;
  }

  .all-news-title{
    max-width: 428px;
  }

  .all-news-title a {
    font-size: 24px;
  }
  
  .all-news-date {
    font-size: 17px;
  }

  .all-news-article-main {
    max-width: 895px;
  }
  .all-news-article-first {
    width: 25%;

  }

  .form-search-all {
    max-width: 427px;
  }

  .search-group-all {
    border-radius: 77px;
    width: 420px;
  }

  .search-icon-all {
    width: 42px;
    height: 42px;
    padding: 12px;
  }

  .search-all-news {
    height: 54px;
    font-size: 17px;
  }

  .all-second-line {
    margin-top: 40px;
  }

  .news-article-second:first-child {
    margin-left: 470px;
  }

  .news-article-second:last-child {
    margin-left: 512px;
  }

  .all-third-line {
    margin-top: 150px;
    margin-bottom: 80px;
  }
  
  .news-article-third:last-child {
    margin-left: 512px;
  }

  .btn-all-news {
    font-size: 24px;
    padding: 34px 0 35px 0;
  }
    
  .nava-article {
	margin-bottom: 120px;
  }
}

@media (min-width: 1440px) and (max-width: 1599px) {
  .all-news-header {
    padding-top: 139px;
    padding-bottom: 146px;
  }

  .img-digital-01 {
    max-width: 397px;
    width: 100%;
    max-height: 114px;
    height: 100%;
  }

  .img-digital-02 {
    max-width: 290px;
    width: 100%;
    max-height: 393px;
    height: 100%;
  }

  .img-approved-01 {
    max-width: 430px;
  }

  .img-approved-02{
    max-width: 290px;
    width: 100%;
    max-height: 393px;
    height: 100%;
  }

  .img-approved-03 {
    max-width: 1100px;
  }

  .img-digital-03 {
    max-width: 788px;
    width: 100%;
    max-height: 254px;
    height: 100;
  }

  .all-news-main {
    padding-top: 54px;
  }

  .all-main-container {
    padding: 0 31px 76px 31px;
  }


  .all-news-img {
    width: 100%;

    height: 358px;
    margin-bottom: 18px;
  }
.all-news-img-first {
    width: 94%;
    }
  .news-main-img {
    width: 100%;
    margin-bottom: 18px;
  }

  .all-news-title  {
    max-width: 321px;
  }

  .all-news-title a {
    font-size: 18px;
  }
  
  .all-news-date {
    font-size: 14px;
  }

  .all-news-article-main {
    width:50%;
  }
    
 .all-news-article-first {
     width:25%;

    }
    
  .form-search-all {
      padding-left:31px;
    max-width: 320px;
  }

  .search-group-all {
    border-radius: 58px;
    width: 315px;
  }

  .search-icon-all {
    width: 31px;
    height: 31px;
    padding: 9px;
  }

  .search-all-news {
    height: 39px;
    font-size: 14px;
  }

  .all-second-line {
    margin-top: 30px;
  }

  .news-article-second:first-child {
    margin-left: 352px;
  }

  .news-article-second:last-child {
    margin-left: 384px;
  }

  .all-third-line {
    margin-top: 90px;
    margin-bottom: 40px;
  }
  
  .news-article-third:last-child {
    margin-left: 384px;
  }

  .btn-all-news {
    font-size: 18px;
    padding: 26px 0 26px 0;
  }


   .nava-article {
	margin-bottom: 20px;
  }
}

@media (max-width: 1439px) {
	
	.all-news-article {
		WIDTH:25%; 
   }
.all-news-img {
    width: 100%;
    }	
    
.all-news-img-first {
    width: 94%;
    }	
    
  .all-news-header {
    padding-top: 123px;
    padding-bottom: 130px;
  }

  .img-digital-01 {
    max-width: 352px;
    width: 100%;
    max-height: 101px;
    height: 100%;
  }

  .img-digital-02 {
    max-width: 258px;
    width: 100%;
    max-height: 349px;
    height: 100%;
  }

  .img-approved-01 {
    max-width: 390px;
  }

  .img-approved-02{
    max-width: 258px;
    width: 100%;
    max-height: 349px;
    height: 100%;
  }

  .img-approved-03 {
    max-width: 980px;
  }

  .img-digital-03 {
    max-width: 700px;
    width: 100%;
    max-height: 226px;
    height: 100%;
  }

  .all-news-main {
    padding-top: 48px;
  }

  .all-main-container {
    padding: 0 28px 67px 27px;
  }

  .all-news-img {
    width: 285px;
	  WIDTH:100%;
/*    height: 318px; */
    margin-bottom: 16px;
  }

  .news-main-img {
    width: 100%;
    margin-bottom: 16px;
  }

  .all-news-title {
    max-width: 285px;
  }

  .all-news-title a {
    font-size: 16px;
  }
  
  .all-news-article-main {
    width:50%;
  }

  .all-search-wrap {
    padding-bottom: 710px;
  }

  .form-search-all {
    max-width: 285px;
  }

  .search-group-all {
    border-radius: 51px;
    width: 250px;
	margin: 0 auto;
  }

  .search-icon-all {
    width: 28px;
    height: 28px;
    padding: 8px;
  }

  .search-all-news {
    height: 36px;
  }

  .all-second-line {
    margin-top: 25px;
  }

  .news-article-second:first-child {
/*   margin-left: 313px; */
	     
  }

  .news-article-second:last-child {
     margin-left: 341px;
  }

  .all-third-line {
    margin-top: 80px;
    margin-bottom: 30px;
  }
  
  .news-article-third:last-child {
    margin-left: 341px;
  }

  .btn-all-news {
    font-size: 17px;
    padding: 22px 0 25px 0;
  }
    
   .nava-article {
	 margin-bottom: 20px;
  }
}

@media (max-width: 1280px) {
		.all-news-article {

   }
	
  .all-main-container {
    padding: 0 20px 60px 20px;
  }

  .img-approved-01 {
    max-width: 280px;
    max-height: 170px;
  }

  .img-approved-03 {
    max-width: 650px;
    max-height: 190px;
  }

  .all-wrap-line {
    margin: auto;
    justify-content: center;
  }

  .news-article-second:last-child {
    display: none;
  }
    .all-news-img-first {
    width: 94%;
    }	
   
   .nava-article {
	 margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
	.all-wrap-line {
    margin: 0;
	}
    .all-news-article-main{
    width:50%;
	height:500px
    }
    
    .all-news-article-first{
    width:50%;
	height:500px
}
    
    .all-news-img-first {
	height: 400px;
    width: 99%;
	object-fit:cover;
    }
	
    .news-main-img {
    width: 99%;
	height: 400px;
	object-fit:cover;
    }
	.all-news-img {
    width: 99%;
    }	
  .all-search-wrap {
    display: none;
  }
    .nava-article:nth-child(4n+3){margin:0}
    .nava-article:nth-child(4n+4){margin:0}
    .nava-article{width:50%}
    .nava-article:nth-child(3n+1){margin:0;}
    .nava-article:nth-child(3n+2){margin:0;}
    .nava-article:nth-child(3n+3){margin:0;}
}
    
@media (max-width: 950px) {

  .news-article-second:last-child {
    display: block;
  }

  .all-news-article-main {
    width: 50%;
    margin-bottom: 20px;
  }
  .all-news-article-main {
    width: 50%;

  }

  .all-news-title{
    max-width: 100%;
  }

  .all-news-img {
   max-width: 100%;
   width: 99%;
/*   max-height: 396px; */
  }

  .news-main-img {
    max-width: 99%;
    width: 100%;
/*    max-height: 396px; */
  }

  .all-news-article-main {
    width: 50%;
  }
  
  .all-news-article-first{
  width: 50%;

  }

  .all-second-line {
    margin-top: 0;
  }

  .all-third-line {
    margin: 0;
  }

  .news-article-second:first-child {
    margin: auto;
  }

  .news-article-second:last-child {
    margin: auto;
  }

  .news-article-third:last-child {
    margin: auto;
  }
}

@media (max-width: 767px) {
  .all-news-header {
    padding-top: 92px;
    padding-bottom: 93px;
  }

  .img-digital-01 {
    max-width: 197px;
    width: 100%;
    max-height: 51px;
    height: 100%;
  }

  .img-digital-02 {
    max-width: 131px;
    width: 100%;
    max-height: 177px;
    height: 100%;
  }

  .img-approved-02{
    max-width: 131px;
    width: 100%;
    max-height: 177px;
    height: 100%;
  }

  .img-digital-03 {
    max-width: 356px;
    width: 100%;
    max-height: 115px;
    height: 100%;
  } 

  .search-group-all {
    width: 100%;
    max-width: 357px;
    margin-right: 10px;
  }
}

/* bubbling */
.news-wrapper-bubbling {
  height: 66vh;
}

.all-news-bubbling {
  display: flex;
  margin: auto;
  justify-content: center;
}
.all-news-bubbling img{
  max-width: 1262px;
  width: 100%;
  max-height: 284px;
  height: 100%;
}

/* YSL */
.img-ysl-01 {
  max-width: 210px;
  width: 100%;
  max-height: 128px;
  height: 100%;
  position: absolute;
  top: 36%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  z-index: 6; 
}

.img-ysl-02 {
  max-width: 409px;
  max-height: 627px;
  z-index: 1; 
}

.img-ysl-03 {
  max-width: 584px;
  width: 100%;
  max-height: 284px;
  position: absolute;
  top: 59%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  z-index: 3; 
}
@media (max-width: 540px) {
  .all-news-article-main {
    width: 100%;
  }
  
  .all-news-article-first{
  width: 100%;
  padding-right:0;
  }
  .all-main-container {
    gap: 40px;
  }

  .all-wrap-line {
    flex-direction: column;
    gap: 40px;
  }

  .all-news-article {
    margin: auto;
  }
  .all-news-img-first {
    width: 100%;
  }
    .nava-article{width:100%;margin:0}
    .nava-article:nth-child(3n+1){margin:0}
    .nava-article:nth-child(3n+2){margin:0}
    .nava-article:nth-child(3n+3){margin:0}
}


/* music pages */
.music-all-news {
  background: #1A1818;
  padding: 70px 0 30px 50px;
  border-bottom: 1px solid #424242;
  max-width: 1920px;
  margin: auto;
}

.music-all-title {
  color: #FFF;
  font-size: clamp(30px, 10vw, 59px);
  font-style: normal;
  font-weight: 500;
  line-height: 120%; 
}