.page-about_work { background-color: #FDFBF4; }
.page-about_brl { background-color: #000; }
.page-about_brl *{color: #fff; border-color: #fff;}
.page-about_brl .wa_section{border-color: #fff;}
.wa_section{border-bottom: 1px solid #000;}
.wa_1 { padding: 9.2vw 3.733vw 4vw; position: relative; }
/*.wa_1 h1*/.wa_1 .fade-cw { font-size: 5.698vw; font-weight: 500; line-height: 1.05; margin-bottom: 4vw; }
sssss
.wa_1 .fade-slice { width: 100%; display: block; }
.wa_1 span { font-size: 1.067vw; font-weight: 400; line-height: 1.6; font-family: 'Pretendard Variable'; }
.wa_1 a { font-size: 1.333vw; font-weight: 400; line-height: 1.3; border: 1px solid #000; padding: 0.35vw 0 0; position: absolute; right: 3.733vw; bottom: 4.4vw; width: 12.133vw; height: 2.667vw; display: flex; align-items: center; justify-content: center; }

.flex{display: flex; padding: 6.70vw 56px;}
.flex_left, .flex_right{width: 50%; position: relative;}
.wa_title{font-size: 2.41vw; line-height: 1.3; font-weight: 500;}
.wa_2 .flex_left{font-size: 2.41vw; line-height: 1.3; font-weight: 500;}
.wa_2 .flex_right{display: flex; flex-direction: column; gap: 2.68vw; text-transform: capitalize;}
.wa_2 .fade-slice, .wa_2 .fade-slice *{font-size: 1.07vw; font-weight: 400; line-height: 1.6; font-family: 'Pretendard Variable';}
.wa_3_li{border-bottom: 1px solid #000; padding: 1.34vw 0 1.21vw; display: flex; align-items: flex-start; height: 2.01vw; box-sizing: unset; transition: ease 0.3s height, ease 0.3s padding; overflow: hidden; cursor: pointer;}
.wa_3_li:last-child{border-bottom: 0;}
.wa_3_li:not(.active){height: 2.01vw!important;}
.wa_3_li > div{width: 50%;}
.wa_3_li.active{padding-bottom: 3.35vw;}
.list_btn{font-size: 1.34vw; line-height: 1; font-weight: bold; display: flex; align-items: center; gap: 0.54vw;}
.list_btn span{padding-top: 0.40vw;}
.list_btn .plus{position: relative; width: 0.80vw; height: 0.80vw; display: flex; align-items: center; justify-content: center;}
.list_btn .plus::before{content: ''; display: block; left: 50%; top: 50%; width: 100%; height: 2px; background-color: #000; position: absolute; transform: translate(-50%, -50%);}
.list_btn .plus::after{content: ''; display: block; left: 50%; top: 50%; width: 2px; height: 100%; background-color: #000; position: absolute; transform: translate(-50%, -50%); transition: ease 0.3s height;}
.wa_3_li.active .list_btn .plus::after{height: 0%;}
.wa_3_li .fade_txt_w{height: fit-content; font-size: 16px; line-height: 1.6;}
.wa_3_li .fade_txt_w .fade_txt{position: relative; overflow: hidden;}
.wa_3_li .fade_txt_w .fade_txt div{transform: translateY(130%); transition: transform ease 0.5s;}
.wa_3_li.active .fade_txt_w .fade_txt div{transform: translateY(00%);}
.wa_3_li .fade_txt_w .fade_txt:nth-child(1) div{transition-delay: 0.0s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(2) div{transition-delay: 0.05s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(3) div{transition-delay: 0.1s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(4) div{transition-delay: 0.15s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(5) div{transition-delay: 0.2s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(6) div{transition-delay: 0.25s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(7) div{transition-delay: 0.3s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(8) div{transition-delay: 0.35s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(9) div{transition-delay: 0.4s;}
.wa_3_li:not(.active) .fade_txt_w .fade_txt div{transition-delay: 0s!important;}
.wa_3_li .fade_txt_w{height: fit-content; font-size: 1.07vw; line-height: 1.6;}
.wa_4{padding: 6.70vw 56px 10.73vw;}
.wa_4 img{margin-top: 9.79vw; width: 100%;}
.page-about_work .wa_4 img{mix-blend-mode: darken;}
.flex_right .fade-slice{width: 100%; display: block; font-size: 1.1vw;}

/*
.flex{display: flex; padding: 100px 56px;}
.flex_left, .flex_right{width: 50%; position: relative;}
.wa_title{font-size: 36px; line-height: 1.3; font-weight: 500;}
.wa_2 .flex_left{font-size: 36px; line-height: 1.3; font-weight: 500;}
.wa_2 .flex_right{display: flex; flex-direction: column; gap: 40px;}
.wa_2 .fade-slice, .wa_2 .fade-slice *{font-size: 16px; font-weight: 400; line-height: 1.6; font-family: 'Pretendard Variable'; }
.wa_3_ul{}
.wa_3_li{border-bottom: 1px solid #000; padding: 20px 0 18px; display: flex; align-items: flex-start; height: 30px; box-sizing: unset; transition: ease 0.3s height, ease 0.3s padding; overflow: hidden; cursor: pointer;}
.wa_3_li:not(.active){height: 30px!important;}
.wa_3_li > div{width: 50%;}

.wa_3_li.active{padding-bottom: 50px;}
.wa_3_li.active .fade-cw *{transform: translateY(0); opacity: 1;}
.list_btn{font-size: 20px; line-height: 1; font-weight: bold; display: flex; align-items: center; gap: 8px;}
.list_btn span{padding-top: 6px;}
.list_btn .plus{position: relative; width: 12px; height: 12px; display: flex; align-items: center; justify-content: center;}
.list_btn .plus::before{content: ''; display: block; left:50%; top:50%; width: 100%; height: 2px; background-color: #000; position: absolute; transform: translate(-50%,-50%);}
.list_btn .plus::after{content: ''; display: block; left:50%; top:50%; width:2px; height: 100%; background-color: #000; position: absolute; transform: translate(-50%,-50%); transition: ease 0.3s height;}
.wa_3_li.active .list_btn .plus::after{height: 0%;}
.wa_3_li .fade_txt_w{height: fit-content; font-size: 16px; line-height: 1.6;}
.wa_3_li .fade_txt_w .fade_txt{position: relative; overflow: hidden;}
.wa_3_li .fade_txt_w .fade_txt div{transform: translateY(130%); transition: transform ease 0.5s;}
.wa_3_li.active .fade_txt_w .fade_txt div{transform: translateY(00%);}
.wa_3_li .fade_txt_w .fade_txt:nth-child(1) div{transition-delay: 0.0s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(2) div{transition-delay: 0.05s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(3) div{transition-delay: 0.1s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(4) div{transition-delay: 0.15s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(5) div{transition-delay: 0.2s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(6) div{transition-delay: 0.25s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(7) div{transition-delay: 0.3s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(8) div{transition-delay: 0.35s;}
.wa_3_li .fade_txt_w .fade_txt:nth-child(9) div{transition-delay: 0.4s;}
.wa_3_li:not(.active) .fade_txt_w .fade_txt div{transition-delay: 0s!important;}

.wa_4{padding: 100px 56px 160px;}
.wa_4 img{margin-top: 146px;}
.flex_right .fade-slice{width: 100%; display: block;}*/
@media(min-width:1920px){
  .wa_1{padding:178px 56px 78px; position: relative;}
  .wa_1 .fade-cw{font-size: 110px; font-weight: 500; line-height: 1.05; margin-bottom: 70px;}
  .wa_1 .fade-slice{width: calc((100% / 12) * 5); display: block;}
  .wa_1 span{font-size: 21px; font-weight: 400; line-height: 1.6; font-family: 'Pretendard Variable'; }
  .wa_1 a{font-size: 20px; font-weight: 400; line-height: 1.3; border: 1px solid #000; padding: 6px 12px 0; position: absolute; right: 56px; bottom: 60px; width: unset; height: 40px; display: flex; align-items: center; justify-content: center;}

  .flex{display: flex; padding: 100px 56px;}
  .flex_left, .flex_right{width: 50%; position: relative;}
  .wa_title{font-size: 48px; line-height: 1.3; font-weight: 500;}
  .wa_2 .flex_left{font-size: 36px; line-height: 1.3; font-weight: 500;}
  .wa_2 .flex_right{display: flex; flex-direction: column; gap: 40px;}
  .wa_2 .fade-slice, .wa_2 .fade-slice *{font-size: 21px; font-weight: 400; line-height: 1.6; font-family: 'Pretendard Variable'; }
  .wa_3_ul{}
  .wa_3_li{border-bottom: 1px solid #000; padding: 20px 0 18px; display: flex; align-items: flex-start; height: 30px; box-sizing: unset; transition: ease 0.3s height, ease 0.3s padding; overflow: hidden; cursor: pointer;}
  
  .wa_3_li:not(.active){height: 30px!important;}
  .wa_3_li > div{width: 50%;}

  .wa_3_li.active{padding-bottom: 50px;}
  .wa_3_li.active .fade-cw *{transform: translateY(0); opacity: 1;}
  .list_btn{font-size: 20px; line-height: 1; font-weight: bold; display: flex; align-items: center; gap: 8px;}
  .list_btn span{padding-top: 6px;}
  .list_btn .plus{position: relative; width: 12px; height: 12px; display: flex; align-items: center; justify-content: center;}
  .list_btn .plus::before{content: ''; display: block; left:50%; top:50%; width: 100%; height: 2px; background-color: #000; position: absolute; transform: translate(-50%,-50%);}
  .list_btn .plus::after{content: ''; display: block; left:50%; top:50%; width:2px; height: 100%; background-color: #000; position: absolute; transform: translate(-50%,-50%); transition: ease 0.3s height;}
  .wa_3_li.active .list_btn .plus::after{height: 0%;}
  .wa_3_li .fade_txt_w{height: fit-content; font-size: 16px; line-height: 1.6;}
  .wa_3_li .fade_txt_w .fade_txt{position: relative; overflow: hidden;}
  .wa_3_li .fade_txt_w .fade_txt div{transform: translateY(130%); transition: transform ease 0.5s;}
  .wa_3_li.active .fade_txt_w .fade_txt div{transform: translateY(00%);}
  .wa_3_li .fade_txt_w .fade_txt:nth-child(1) div{transition-delay: 0.0s;}
  .wa_3_li .fade_txt_w .fade_txt:nth-child(2) div{transition-delay: 0.05s;}
  .wa_3_li .fade_txt_w .fade_txt:nth-child(3) div{transition-delay: 0.1s;}
  .wa_3_li .fade_txt_w .fade_txt:nth-child(4) div{transition-delay: 0.15s;}
  .wa_3_li .fade_txt_w .fade_txt:nth-child(5) div{transition-delay: 0.2s;}
  .wa_3_li .fade_txt_w .fade_txt:nth-child(6) div{transition-delay: 0.25s;}
  .wa_3_li .fade_txt_w .fade_txt:nth-child(7) div{transition-delay: 0.3s;}
  .wa_3_li .fade_txt_w .fade_txt:nth-child(8) div{transition-delay: 0.35s;}
  .wa_3_li .fade_txt_w .fade_txt:nth-child(9) div{transition-delay: 0.4s;}
  .wa_3_li:not(.active) .fade_txt_w .fade_txt div{transition-delay: 0s!important;}

  .wa_4{padding: 100px 56px 160px;}
  .wa_4 img{margin-top: 146px;}
  
  .flex_right .fade-slice{width: 100%; display: block; font-size: 22px;}

}

@media (max-width: 1024px) {
  .wa_1 { padding: 27.778vw 20px 11.111vw; display: flex; flex-direction: column; align-items: flex-end; }
  .wa_1 .fade-cw { width: 100%; }
  .wa_1 .fade-cw { font-size: 11.111vw; }
  .wa_1 span { font-size: 3.611vw; }
  .wa_1 .fade-slice { width: 100%; }
  .wa_1 a { font-size: 3.056vw; width: 28.333vw; height: 8.889vw; position: unset; margin-top: 11.111vw; padding-top: 1vw; }
  .flex { padding: 16.667vw 20px; flex-direction: column; gap: 11.111vw; }
  .flex_left, .flex_right { width: 100%; position: relative; }
  .wa_title { font-size: 6.667vw; }
  .wa_2 .flex_right { gap: 11.111vw; }
  .wa_2 .fade-slice{ font-size: 3.8vw; }
  .wa_2 .fade-slice * { font-size: 3.611vw; }
  .list_btn { font-size: 4.167vw; gap: 2.222vw; padding-bottom: 5.556vw; }
  .list_btn span { font-size: 4.167vw; padding-top: 1.111vw; }
  .list_btn .plus { width: 3.333vw; height: 3.333vw; }
  .wa_3_li { padding: 5.556vw 0 0; flex-direction: column; }
  .wa_3_li.active { padding-bottom: 5.556vw; }
  .wa_3_li:not(.active) { height: 11.111vw!important; }
  .wa_3_li > div { width: unset; }
  .wa_3_li .fade_txt_w { font-size: 3.611vw; }
  .wa_4 { padding: 16.667vw 20px; }

  /*.flex{padding: 60px 20px; flex-direction: column; gap: 40px;}
  .flex_left, .flex_right{width: 100%; position: relative;}
  .wa_title{font-size: 24px;}
  .wa_2 .flex_right{gap: 40px;}
  .wa_2 .fade-slice, .wa_2 .fade-slice *{font-size: 13px;}

  .list_btn{font-size: 15px; gap: 8px; padding-bottom: 20px;}
  .list_btn span{font-size: 15px; padding-top: 4px;}
  .list_btn .plus{width: 12px; height: 12px;}
  .wa_3_li{padding: 20px 0 0; flex-direction: column;}
  .wa_3_li.active{padding-bottom: 20px;}
  .wa_3_li:not(.active){height: 40px!important;}
  .wa_3_li > div{width: unset;}
  .wa_3_li .fade_txt_w{font-size: 13px;}
  .wa_4{padding: 60px 20px;}*/
}

.ba_1_txt_w{display: block; margin-top: 2.68vw;}
.ba_1_txt{display: flex; align-items: flex-start;}
.ba_1_txt:first-child { border-bottom: 0.067vw solid #fff; padding-bottom: 2.68vw; margin-bottom: 2.68vw; }
.ba_1_txt h4 { font-size: 1.34vw; font-weight: bold; padding-top: 0.40vw; width: calc(((100% / 6) * 2) + 1.34vw); }
.ba_1_txt .fade-cw{line-height: 2; font-size: 1.07vw;}
.wa_4 .ba_4_img{padding: 0 calc((100% / 12));}

@media(min-width:1920px){
  .ba_1_txt:first-child{border-bottom: 1px solid #fff; padding-bottom: 40px; margin-bottom: 40px;}
.ba_1_txt h4{font-size: 20px; font-weight: bold; padding-top: 6px; width: calc(((100% / 6) * 2) + 20px);}
.ba_1_txt .fade-cw{line-height: 2; font-size: 16px;}
}

@media (max-width: 1024px) {
  /*
  .wa_4 .ba_4_img{padding: 0;}
  .ba_1_txt{flex-direction: column; gap: 20px;}
  .ba_1_txt h4{width: 100%; font-size: 15px;}
  .ba_1_txt .fade-cw{font-size: 13px; line-height: 1.6;}
  .ba_1_txt:first-child{padding-bottom: 32px; margin-bottom: 32px;}
  */
  .wa_4 .ba_4_img { padding: 0; }
  .ba_1_txt { flex-direction: column; gap: 5.556vw; }
  .ba_1_txt h4 { width: 100%; font-size: 4.167vw; }
  .ba_1_txt .fade-cw { font-size: 3.611vw; line-height: 1.6; }
  .ba_1_txt:first-child { padding-bottom: 8.889vw; margin-bottom: 8.889vw; }
}