.wrap{background-color: #000; text-align: center; color: #fff; padding: 280px 40px 60px;}
.wrap:not(:first-child) header{display: none;}
.page_title{font-size: 72px; line-height: 1; margin:20px 0 40px; text-transform: uppercase;}
.sec_title{font-size: 48px; line-height: 1; margin-bottom: 80px;}

.section_1{ font-size: 24px; line-height: 1; display: flex; flex-direction: column; align-items: center; margin-bottom: 120px;}
.section_2{display: flex; flex-direction: column; align-items: center;}
.section_1 h1{margin: 20px 0 40px; font-size: 72px; line-height: 1; font-weight: bolder; text-transform: uppercase;}
.sec_1_img_1{width: calc((100% / 12) * 2); margin-bottom: 80px;}
.sec_1_img_2{width: calc((100% / 12) * 4); margin: 0 auto 80px;}
.sec_1_img_w{display: flex; gap: 20px;}
.sec_1_img_w img{width: calc((100% - 100px) / 6);}
.section_2{margin-bottom: 200px;}
.fade-slice{margin:auto; font-size: 16px; line-height: 1.5; width: 50%; text-align: justify; display: block; flex-direction: column; align-items: center;}
/*.section_2 img{width: calc((100% / 12) * 2.5); margin: 120px auto 0;}*/
.phone_video_w{width: calc((100% / 12) * 2.5); margin: 120px auto 0; font-size: 0; position: relative;}
.phone_video_w img{position: relative; left: 0; top:0; width: 100%; display: block;}
.phone_video_w div{position: absolute; width: 96%; left: 2%; border-radius: 8px; font-size: 0; bottom: 5%; overflow: hidden;}
.phone_video_w iframe{padding: 0; /*pointer-events: none;*/}

.section_3{margin-bottom:200px;}

.blink_img { position:relative; width:calc(100% / 3); aspect-ratio: 8 / 10; margin:0 auto 80px;}
.blink_img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0;}
.blink_img img.active{opacity: 1;}

.video_w{width: 50%; margin:0 auto 0; border: 1px solid #fff; font-size: 0;}
.video_w:last-child{margin-bottom: 0;}
.video_w > div:not(.video_dots){width: 100%; position: relative;}
/*.video_w iframe{pointer-events: none;}*/
.video_dots{padding: 11px 20px; display: flex; gap: 8px; border-bottom: 1px solid #fff;}
.video_dots div{width: 6px; height: 6px; border-radius: 100%; background-color: #fff;}

.section_4 .sec_4_video_w{width: calc((100% / 12) * 2.8); margin: 0 auto 200px; position: relative; font-size: 0;}
.section_4 .sec_4_video_w div{width: 100%; position: absolute; left: 0; bottom: 2%; padding: 2%;}
.section_4 .sec_4_video_w img{position: relative; width: 100%; z-index: 1; pointer-events: none;}

.section_4{width: calc(100% + 00px); left: -00px; position: relative;  margin-bottom: 200px;}
.section_5{margin-bottom: 200px;}
.sec4_seeding{width: 200%; display: flex; padding: 0 40px; font-size: 0;}
.sec4_seeding img{width: 100%; animation: toLeft 20s linear infinite;}


.page_am180 .sec_4_video_w div{width: 100%; position: absolute; left: 0; bottom: 2%; padding: 2%;}
.page_am180 .sec_4_video_w img{position: relative; width: 100%; z-index: 1; pointer-events: none;}

.flex_new{display: flex; gap: 2vw; padding: 0 calc(100% / 12);}
.flex_new .flex_50{width: 95%; padding: 0; gap: 2vw;}
.flex_new .sec_4_video_w{width: 14%; position: relative;}
@keyframes toLeft {
  0%   { transform: translateX(0); }
  50% { transform: translateX(-100%); }
  100% { transform: translateX(000%); }
}
@keyframes toRight {
  0%   { transform: translateX(0); }
  100% { transform: translateX(100%); }
}

@media(max-width:1024px){
  .flex_new{flex-direction: column; gap: 40px;}
  .flex_new .flex_50{width: 100%; gap: unset;}
  .flex_new .sec_4_video_w{width: 66.666%; margin: auto;}

  .sec_title{font-size: 24px; margin-bottom: 60px;}
  .wrap{padding: 166px 20px 140px;}
  .section_1{font-size: 12px; margin-bottom: 80px;}
  .page_title{font-size: 32px; line-height: 1.2; margin: 16px auto 32px;}
  .sec_1_img_1{width: 33.333%; margin-bottom: 60px;}
  .sec_1_img_2{width: 66.666%; margin-bottom: 60px;}
  .sec_1_img_w{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
  .sec_1_img_w img{width: 100%;}

  .fade-slice{width: calc(100% + 00px); font-size: 12px; line-height: 1.5;}
  .phone_video_w{width: 50%; margin: 80px auto 0;}

  .section_3{margin-bottom: 120px;}
  .sec_3_1_img{width: 66.666%;}

  .video_w{width: 100%; border-radius: 8px; overflow: hidden; margin-bottom: 40px;}
  .section_2{margin-bottom: 120px;}
  .section_4{margin-bottom: 120px; left: 0; width: 100%;}
  .section_5{margin-bottom: 120px;}
  .section_4 .sec_4_video_w{width: 50%; margin-bottom: 120px;}
  .sec4_seeding{width: 600%;}
}

.img_grid_w{display: flex; gap: 1.3vw; width: 100%;}
.img_grid_w .img_grid{width: 50%; grid-template-columns: repeat(2, 1fr);}
.img_grid{display: grid;  gap: 1.3vw; grid-auto-flow: dense; }
.img_grid.img_gridx3{grid-template-columns: repeat(3, 1fr); width: 100%;}
.img_grid img, .img_grid video, .img_grid_iframe_w{width: 100%; height: 100%; object-fit: cover; border-radius: 16px; }
.img_grid > div{overflow: hidden; border-radius:1.2vw;}
.img_grid_iframe_w{pointer-events: none;}
.img_grid iframe{pointer-events: none;}
/* iframe 전용 */
.img_grid .iframe_w{
  position:relative;
  width:100%;
  height:100%;
  pointer-events:none;
}

.img_grid .iframe_w iframe{
  position:absolute;
  top:50%;
  left:50%;
  width:107%;
  height:100%;
  transform:translate(-50%,-50%);
}
.next_project{display: flex; margin-top: 160px; overflow: hidden; width: calc(100% + 80px); margin-left: -40px;}
.next_project *{font-size: 48px; animation: toLeft 6s linear infinite; color: #fff;}
@media(max-width:1024px){
  .img_grid_w{flex-direction: column; gap: 10px;}
  .img_grid_w .img_grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; width: calc(100% + 20px); position: relative; left: -10px;}
  .img_grid > div, .img_grid img, .img_grid video, .img_grid_iframe_w{border-radius: 2.3vw;}

.blink_img{width: 66.666%;}

}

.repeat_w{display: flex; width: calc(100% + 80px); overflow: hidden; margin-left: -40px;}
.repeat_inner{gap: 20px; display:flex; padding-left: 20px; animation: toLeft 10s linear infinite; width: 200vw;}
.repeat_inner img{width: 100%;}
.slide_w{}
.slide_w{width: 200%; display: flex;  font-size: 0;}
.slide_w img{width: 100%; animation: toLeft 20s linear infinite;}
.sec_2_1_img_w img{  width: 25vw;  flex-shrink: 0; margin-top: 120px;}

@media(max-width:1024px){
  .repeat_w{width: calc(100% + 40px); margin-left: -20px;}
}


.page_am95 .section_1{margin-bottom: 120px;}
/*.page_am95 .section_2 .grid_4x2{margin-top: 120px;}*/

.page_am95 .section_3 .grid_4x2 img{border-radius: 0px;}
.page_jm .section_1 .fade-slice{margin: 120px auto 200px;}
.page_jm .section_1 .ani{width: 100%;}
/*.page_jm .section_2{width: calc(100% + 80px); margin-left: -40px; overflow: hidden;}*/


@media(min-width:1025px){
  .page_jm .title_logo.sec_1_img_1{width: 12%; margin-bottom: 100px;}
  .page_jm .section_1{margin-bottom: 200px;}
}
@media(max-width:1024px){
  .page_jm .section_1{margin-bottom: 120px;}
}

.grid_2x2{display: grid; gap: 40px; grid-template-columns: repeat(2, 1fr);}
.grid_2x2 img{width: 100%;}
.grid_3x2{display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); width: 50%;}
.grid_3x2 img{width: 100%;}
.grid_4x2{display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); width: 100%;}
.grid_4x2 img{width: 100%;}
.grid_5x2{display: grid; gap: 20px; grid-template-columns: repeat(5, 1fr); width: 100%;}
.grid_5x2 img{width: 100%;}


.grid_4x2.img_12_9{gap: 2.564vw 6.410vw;}
.flex_50{display: flex; gap: 40px; padding: 0 calc(100% / 12);}
.flex_50 > *{width: 50%;}

.img_12_9{width: calc((100% / 12) * 9); margin:100px auto 0;}


.wrap.page_am95{padding-top: 0;}
.page_am95 .flex_50{padding: 0 calc((100% / 12) * 2);}
.flex_am95_fixed{}
.flex_am95_fixed > *:nth-child(1){width: 47.5%;}
.flex_am95_fixed > *:nth-child(2){width: 52.5%;}

/*.page_am95xworksout iframe{pointer-events: none;}*/
.page_am95xworksout .sec_1_img_1{width: calc((100% / 12) * 3.5);}
.page_am95xworksout section{display: flex; flex-direction: column; align-items: center; width: 100%;}
.page_am95xworksout .section_2 .grid_5x2{ padding: 0 calc(100% / 12);}
.page_am95xworksout .section_5 .sec5_flex{width: 100%; display: flex; align-items: center; padding:0 calc(100% / 12);}
.page_am95xworksout .section_5 .sec5_flex > *{width: 50%;}
.page_am95xworksout .section_5 .sec5_flex > *:first-child{margin-right: calc(100% / 12);}    
.width_50{width: 50%;}
.mb-80{margin-bottom: 80px;}
.mb-120{margin-bottom: 120px;}
.mb-200{margin-bottom: 200px;}
.video_width_50{width: 50%; padding-top: calc(56.25% / 2); position: relative;}
.width_12x3{width: calc(100% / 3); margin-left: auto; margin-right: auto;}
.width_12x4{width: calc(100% / 4); margin-left: auto; margin-right: auto;}

.sec_2_video_grid{display: flex; padding: 0 calc(100% / 12); gap: 40px; position: relative; width: 100%;}
.sec_2_video_grid_el{width: 50%; position: relative; margin-bottom: 6%;}
.sec_2_video_grid_el > img{position: absolute; width: 52%; right: 0; bottom: -10%;}
.sec_2_video_grid_el .phone_video_w_2{width: 55%;}
.phone_video_w_2{width: calc((100% / 12) * 3); font-size: 0; position: relative;}
.phone_video_w_2 img{position: relative; left: 0; top:0; width: 100%; display: block;}
.phone_video_w_2 div{position: absolute; width: 94%; left: 3%; border-radius: 0.8vw; font-size: 0; bottom: 9%; overflow: hidden; padding-top: 169%;}
.phone_video_w_2 iframe{padding: 0; pointer-events: none;}

.flex_sec_3{display: flex; justify-content: center; gap: 80px; align-items: center;}
.flex_sec_3 > img{width: calc((100% / 12) * 3);}
.phone_video_w_3{width: calc((100% / 12) * 1.8); margin: 0;}
@media(max-width:1024px){
  
  .video_width_50{width: 100%; padding-top: calc(56.25% / 1);}
  .grid_2x2{display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr);}
  .grid_3x2{display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); width: 100%;}
  .grid_4x2{display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); width: 100%;}
  .grid_5x2{display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); width: 100%;}
  .grid_4x2.img_12_9{gap: 20px; margin-top: 0;}
  .flex_50{flex-direction: column; padding: 0;}
  .flex_50 > *{width: 100%;}
  .flex_am95_fixed > *:nth-child(1){width: 100%;}
  .flex_am95_fixed > *:nth-child(2){width: 100%;}
  .page_am95 .flex_50{padding: 0; gap: 20px;}

  .page_am95xworksout .section_2 .grid_5x2{padding: 0; grid-template-columns: repeat(5, 1fr); margin-bottom: 20px;}
  .width_12x3, .width_12x4{width: 100%;}
  .sec_2_video_grid{flex-direction: column; padding: 0;}
  .sec_2_video_grid_el{width: 100%; margin-bottom: 12%;}
  .page_am95xworksout .section_5 .sec5_flex{flex-direction: column;padding: 0;}
  .page_am95xworksout .section_5 .sec5_flex > *{width: 100%;}
  .page_am95xworksout .section_5 .sec5_flex > *:first-child{margin-right: 0; margin-bottom: 80px; padding-top: 98%!important;}
  .flex_sec_3{flex-direction: column;}
  .flex_sec_3 .phone_video_w_3{width: 50%;}
  .mob_flex_50.mob{display: flex; width: 100%; gap: 20px;}
  .mob_flex_50.mob img{width: calc(50% - 10px);}
}
.title_logo{transform: translateY(40px); opacity: 0; transition: all 1s cubic-bezier(0,0,.43,1.06); transition-delay: 0.6s;}
.ani.active .title_logo{transform: translateY(0); opacity: 1;}
.page_ava .section_1 .title_logo{width: 200px;}

.ava_flex_w{display: grid; grid-template-columns: repeat(11, 1fr); padding-left: calc(100% / 12); gap: 20px;}
.ava_flex_w_el{ display: grid; align-content: space-between;}
.ava_flex_w img{width: 100%;}

.ava_flex_w > *:nth-child(1){grid-column: span 3; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.ava_flex_w > *:nth-child(1) img:nth-child(1){grid-column: span 2;  grid-row: 1;}
.ava_flex_w > *:nth-child(1) img:nth-child(2){grid-column: 2 / span 2; grid-row: 2;}
.ava_flex_w > *:nth-child(1) img:nth-child(3){grid-column: span 2; grid-row: 3;}


.ava_flex_w > *:nth-child(2){grid-column: span 4;}
.ava_flex_w > *:nth-child(3){grid-column: span 4;}

.ava_flex_w > *:nth-child(3){grid-column: span 4; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.ava_flex_w > *:nth-child(3) img:nth-child(1){grid-column: 3 / span 2; grid-row: 1;}
.ava_flex_w > *:nth-child(3) img:nth-child(2){grid-column: 1 / span 2; grid-row: 2;}
.ava_flex_w > *:nth-child(3) img:nth-child(3){grid-column: 3/ span 2; grid-row: 3;}


.page_ava .section_3 .grid_4x2{/*pointer-events: none;*/ width: calc((100% / 12) * 9); margin: auto; gap: 2vw 6vw;}
.page_ava .section_3 .grid_4x2 .ava_sec_3_el{ padding-top: 200%; position: relative;/*padding:216.67% 0 32.8% 0;position:relative; border-radius: 2vw; border:1px solid #A5A5A5;*/}
/*.page_ava .section_3 .grid_4x2 .ava_sec_3_el iframe{position: po;}*/
/*.page_ava .section_3 .grid_4x2 .ava_sec_3_el::after{content: ''; position: absolute; top: 2.5%; left: 50%; transform: translateX(-50%); width: 30%; height: 0; padding-top: 2.5%; background-color: #fff; border-radius: 6vw;}*/
.end_logo{width: calc((100% / 12) * 2.5); margin: 0 auto; opacity: 1!important; transform: unset!important;}
.end_logo{margin: 0 auto;}
@media(max-width:1024px){
  .ava_flex_w{display: flex; flex-direction: column; padding-left: 0;}
  .page_ava .section_3 .grid_4x2{width: 100%; gap: 20px;}
/*  .page_ava .section_3 .grid_4x2 .ava_sec_3_el{padding: 230% 0 5.8vw 0; border-radius: 5vw;}
  .page_ava .section_3 .grid_4x2 .ava_sec_3_el::after{content: ''; position: absolute; top: 2vw; left: 50%; transform: translateX(-50%); width: 30%; height: 0; padding-top: 3%; background-color: #fff; border-radius: 6vw;}*/
  .title_logo.end_logo{width: 50%!important; margin-bottom: 0;}
  .end_section{margin-bottom: 00px;}
}

.nls_sec_1_flex{display: flex; width: calc((100% / 12) * 8); gap: 20px;}
.nls_sec_1_flex img{width: calc(50% - 10px);}
.nls_sec_1_video{width: calc((100% / 12) * 8);}
.img_grid_iframe_w_100{margin: 1.3vw 0; width: 100%;}
.img_grid_iframe_w_100 .img_grid_iframe_w{width: 100%; overflow: hidden; border-radius: 16px; pointer-events: none; }

@media(max-width:1024px){
  .img_grid_iframe_w_100{margin: 10px 0; width: calc(100% + 20px); position: relative; left: -10px;}
  .nls_sec_1_flex{flex-direction: column; width: 66.666%;}
  .nls_sec_1_flex img{width: 100%;}
  .nls_sec_1_video{width: 100%; padding-top: 56.25%!important;}
}

.jm_sec_2_logo{width: calc((100% / 12) * 1.2);}

.jm_sec_2_flex{display: flex; width: calc((100% / 12) * 8); gap: 20px;}
.jm_sec_2_flex img{width: calc(50% - 10px);}

.kis_sec_2_flex{display: flex; gap: 40px; padding: 0 calc(100% / 12);}
.kis_sec_2_flex .video_w{width: calc(50% - 20px); margin-bottom: 0;}
.kis_sec_2_flex .video_w img{width: 100%;}

.kis_grid_5x2{width: 100%; padding: 0 calc(100% / 12); display: grid; grid-template-columns: repeat(5, 1fr); gap: 4.64%;}
.kis_grid_5x2 video{width: 100%;}



.page_kis .phone_video_w{width: 100%; font-size: 0; position: relative; margin-top: 0;}
.page_kis .phone_video_w img{position: relative; left: 0; top:0; width: 100%; display: block;}
.page_kis .phone_video_w video{position: absolute; width: 92%; left: 4%; border-radius: 1%; font-size: 0; bottom: unset; top: 51%; transform: translateY(-50%); overflow: hidden;}

.page_kis iframe{pointer-events: none;}

@media(max-width:1024px){
  .kis_sec_2_flex{flex-direction: column; padding: 0;}
  .kis_sec_2_flex .video_w{width: 100%;}
  .kis_grid_5x2{grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 0;}
  .page_kis .phone_video_w{margin-top: 0;}

  .jm_sec_2_flex{width: 100%; }
  /*.jm_sec_2_flex img{width: 100%;}*/
  .title_logo{width: 33.333%!important; margin-bottom: 60px;}
  .kis_grid_5x2 .video_w{transform: translateX(calc(50% + 10px));}
}

.page_mr iframe{pointer-events: none;}
.page_mr .phone_video_w{margin-top: 0;}
.page_main{padding-top: 140px;}
.page_main .grid_3x2{width: 100%;}
.page_main .grid_3x2 img{aspect-ratio: 1 / 1; object-fit: cover;}
.page_main .m_g_el{position: relative; cursor: pointer; overflow: hidden;}
.page_main h4{font-weight:800;font-size:2.0vw;line-height:1.0;position:absolute;bottom:0.769vw;left:0.769vw; text-transform: uppercase; color: #04ff00; opacity: 0; transform: translateY(20px); transition: ease 0.5s opacity, ease 0.5s transform; text-align: left; text-wrap: balance; font-family: 'Nike Futura ND';}
.page_main .m_g_el:hover h4{opacity: 1; transform: translateY(00px);}
 

.page_jm .page_title_sub{margin: 20px auto 40px; font-size: 24px;}
.date{font-size: 24px;}
.end_logo_nikelab{width: calc((100% / 12) * 3.5);}
@media(max-width:1024px){
  .page_main{padding-top: 80px;}
  .page_main .grid_3x2{grid-template-columns: repeat(1, 1fr);}
  .page_main h4{font-size: 5.8vw; bottom: 2vw; left: 2vw; }
  .page_main .m_g_el h4{opacity: 1; transform: translateY(00px);}
  .page_jm .page_title_sub{font-size: 18px;}
  section:has(+ .end_section) {
    margin-bottom: 0;
  }
  .end_section{padding-top: 120px;}
  .end_logo{min-width: 220px;}
  .end_logo_nikelab{min-width: 280px;}
.date{font-size: 12px;}
}

.page_nls .img_grid_w .img_item iframe{height: 105%;}
.phone_video_w .instead_video{position: absolute; width: 92%; left: 4%; border-radius: 8px; font-size: 0; bottom: 5%; top: unset;}
.grid_4x2.img_12_9 .phone_video_w{margin-top: 0; width: 100%;}

.ava_grid iframe{position: relative!important;}
.grid_iframe_w iframe{position: unset!important; height: unset!important; pointer-events: none; aspect-ratio: 35 / 76; border-radius: 1.2vw;}
@media(max-width:1024px){
    .grid_iframe_w iframe{border-radius:4vw;}
}

.end_logo_txt{font-size: 24px; position: relative;}
.end_logo_txt a{position: absolute; top: 50%; transform: translateY(-50%); right: 80px; color: #fff; font-weight: 800;}


.ava_iframe{position: relative;}
.ava_iframe iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.end_next{position: absolute; right: 80px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 1.5vw; font-weight: 800; font-family: 'Nike Futura ND';}

.mr_grid_4{width: 100%; padding: 0 calc(100% / 12); display: grid; grid-template-columns: repeat(4, 1fr); gap: 3vw 4.64%;}
.mr_grid_4 video{width: 100%;}
.mr_grid_4 .img_cont{position: absolute!important; width: 92%!important; left: 4%!important; border-radius: 0.8vw; font-size: 0; bottom: unset; top: 51%!important; transform: translateY(-50%);}

@media(max-width:1024px){
  .end_next{top: 180px; left: 50%; transform: translateX(-50%); font-size: 16px;}
  .mr_grid_4{grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 0;}
  .mr_grid_4 .img_cont{border-radius: 1.6vw;}
}
@media(max-width:1023px) and (min-width:550px){
  .end_next{font-size: 3.6vw;}
}