/*.page-work{background-color: #FDFBF4;}
.img_list_sec_1{padding:138px 56px 60px; position: relative;}
.img_list_sec_1 h1{font-size: 128px; font-weight: 500; line-height: 1.05; margin-bottom: 60px;}
.img_list_sec_1 .fade-slice{width: calc((100% / 12) * 5); display: block;}
.img_list_sec_1 span{font-size: 16px; font-weight: 400; line-height: 1.6; font-family: 'Pretendard Variable'; }
.img_list_sec_1 a{font-size: 20px; font-weight: 400; line-height: 1.3; border: 1px solid #000; padding: 7px 0px 0px; position: absolute; right: 56px; bottom: 60px; width: 182px; height: 40px; display: flex; align-items: center; justify-content: center;}

.img_list_sec_2 img{width: 100%; height: 100%; object-fit: cover; transition: ease 0.5s transform; transform: scale(1.0); position: absolute; }
.img_list_sec_2 img:hover{transform: scale(1.1);}
.img_w_l, .img_w_s{aspect-ratio: 3 / 2; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.img_grid{display: grid; grid-template-columns: 1fr 1fr;}
*/

.page-work { background-color: #FDFBF4; }

.img_list_sec_1 { padding: 9.2vw /*3.733vw*/ 56px 4vw; position: relative; }
.img_list_sec_1 .h1 { font-size: 5.698vw; font-weight: 500; line-height: 1.05; margin-bottom: 4.5vw; }
.img_list_sec_1 .fade-slice { width: calc((100% / 12) * 5); display: block; font-size: 1.067vw; font-weight: 300; line-height: 1.3; font-family: "FFF Acid Grotesk" ,"Pretendard Variable", sans-serif;} 
.img_list_sec_1 span { font-size: 1.067vw; font-weight: 400; line-height: 1.6; font-family: "FFF Acid Grotesk" ,"Pretendard Variable", sans-serif; }
.img_list_sec_1 a { border: 1px solid #000; /*padding: 0.35vw 0 0;*/ position: absolute; right: 3.733vw; bottom: 4.4vw;}

.img_list_sec_2 img { width: 100%; height: 100%; object-fit: cover; transition: ease 0.5s transform; transform: scale(1.0); position: absolute; }
.img_list_sec_2 a:hover > img, .img_list_sec_2 span:hover > img { transform: scale(1.1); }
.img_w_l, .img_w_s { aspect-ratio: 3 / 2; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.img_grid { display: grid; grid-template-columns: 1fr 1fr; }

.txt_w{display: none;}
.page-brl{background-color: #000;}
.page-brl > section *{color: #fff;}
.page-brl .img_list_sec_1 a{border-color: #fff; /*padding: 0.267vw 0 0;*/}


@media(min-width:1920px){
  .page-work{background-color: #FDFBF4;}
  .img_list_sec_1{padding:156px 56px 100px; position: relative; margin:auto;}
  .img_list_sec_1 .h1{font-size:110px; font-weight:500; line-height:1.05; margin-bottom:50px;}
  .img_list_sec_1 .fade-slice{width:calc((100% / 12) * 5); display:block; font-size:21px;}
  .img_list_sec_1 span{font-size:21px; font-weight:400; line-height:1.6; font-family:"FFF Acid Grotesk" ,"Pretendard Variable", sans-serif;} 
  .img_list_sec_1 a{position:absolute; right:56px; bottom:77px;}

.page-brl .img_list_sec_1 a{border-color: #fff;}

.img_list_sec_2 img{width: 100%; height: 100%; object-fit: cover; transition: ease 0.5s transform; transform: scale(1.0); position: absolute; }
.img_list_sec_2 a:hover > img{transform: scale(1.1);}
.img_w_l, .img_w_s{aspect-ratio: 3 / 2; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.img_grid{display: grid; grid-template-columns: 1fr 1fr;}
}

@media (max-width: 1024px) {
  /*.img_list_sec_1{padding: 100px 20px 40px; display: flex; flex-direction: column; align-items: flex-end;}
  .img_list_sec_1 .fade-cw{width: 100%;}
  .img_list_sec_1 h1{font-size: 40px;}
  .img_list_sec_1 span{font-size: 13px;}
  .img_list_sec_1 .fade-slice{width: 100%;}
  .img_list_sec_1 a{font-size: 11px; width: 102px; height: 32px; position: unset; margin-top: 40px;}
  .img_list_sec_2{padding-bottom: 12px;}
  .img_list_sec_2 img{position: unset; aspect-ratio: 3 / 2;}
  .img_list_sec_2 img:hover { transform: scale(1.0); }
  .img_w_l, .img_w_s{display: flex; flex-direction: column; aspect-ratio: unset;}
  .txt_w{display: flex; align-items: center; padding: 8px 20px 5px; justify-content: space-between; width: 100%;}
  .txt_w h4{font-size: 13px; line-height: 1.4;}
  .txt_w span{color: #838383; font-size: 10px; font-weight: 400; line-height: 1.4;}
  .img_grid {display: block;}*/
  .img_list_sec_1 { padding: 27.778vw 5.556vw 6.556vw; display: flex; flex-direction: column; align-items: flex-end; }
  .img_list_sec_1 .fade-cw { width: 100%; }
  .img_list_sec_1 .h1 { font-size: 11.111vw; }
  .img_list_sec_1 span { font-size: 3.611vw; }
  .img_list_sec_1 .fade-slice { width: 100%; font-size: 3.611vw; }
  .img_list_sec_1 a { position: unset; margin-top: 11.111vw;}
  .img_list_sec_2 { padding-bottom: 3.333vw; border-bottom: 1px solid #DEDBCF;}
  .img_list_sec_2 img { position: unset; aspect-ratio: 3 / 2; }
  .img_list_sec_2 img:hover { transform: scale(1.0); }
  .img_w_l, .img_w_s { display: flex; flex-direction: column; aspect-ratio: unset; }
  .txt_w { display: flex; align-items: center; padding: 4vw 5.556vw /*1.389vw*/ 4vw; justify-content: space-between; width: 100%; gap: 8vw;}
  .txt_w h4 { font-size: 3.611vw; line-height: 1.4;  font-weight: 400;}
  .txt_w span { color: #838383!important; font-size: 2.778vw; font-weight: 400; line-height: 1.4; }
  .img_grid { display: block; }

  a.pfItem > img, span.pfItem > img{transform: none!important;}

}


@media (max-width: 1024px) {
  .page-brl .img_list_sec_1 a {}
  .pfItem > img:nth-child(1){position: relative!important;}
  .pfItem > img.on{height: calc(100% - 10.2vw);}
}

  .pfItem > img:nth-child(1){position: relative!important; opacity: 1;}
  .pfItem > img:nth-child(2){opacity: 0; position: absolute; aspect-ratio: 3 / 2;}
  .pfItem > img.on{height: unset;}