/******* work *********************************************/
.sub_work{margin-bottom:40px;padding:24px;}
.sub_work .category{flex-shrink: 0;height: 80px;padding:12px 20px;display:flex;align-items:center;justify-content:center;z-index:99;}

.sub_work .category .box{display: flex;justify-content: center;align-items: center;gap: 20px}
.sub_work .category .box::-webkit-scrollbar{display:none;width: 0;  /* Remove scrollbar space */
    height: 0;
    background: transparent;  /* Optional: just make scrollbar invisible */
    -webkit-appearance: none;
}
.sub_work .category .box a{/*height: 28px;*/height:80px;align-self: stretch;color: var(--line_text-FFFFFF, #FFF);text-align: center;font-family: Urbane;font-size: 20px;font-style: normal;font-weight: 200;line-height: 140%; /* 28px */text-transform: uppercase;display: flex;padding: 8px 0px 4px 0px;flex-direction: column;justify-content: center;align-items: center;gap: 10px;}
.sub_work .category .box a:hover{/*text-decoration: underline;*/}
.sub_work .category .box a.active{color:#BDFF00;position:relative;}
.sub_work .category .box a.active::after{content:"";border-bottom:2px solid #BDFF00;position:absolute;left:0px;top:60px;width:100%;}

.sub_work .list-wrap{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;width:100%;}
.sub_work .list-wrap .item{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;margin-bottom:80px;}
.sub_work .list-wrap .item .cover_wrap{width:100%;/*height:100%;*/overflow:hidden;position:relative;}
.sub_work .list-wrap .item .cover_wrap img,.sub_work .list-wrap .item .cover_wrap .video-wrap{width:100%;height:100%;object-fit: cover;aspect-ratio: 16 / 10.4;transition: all 0.4s linear;}
.sub_work .list-wrap .item .cover_wrap video{width:100%;height:100%;object-fit: cover;}
.sub_work .list-wrap .item:hover .cover_wrap img {transform: scale(1.05);}
.video-play-btn{position :absolute;width:100px;height:100px;transform: translate(-50%, -50%);left:50%;top:50%;z-index:999;mix-blend-mode: difference;z-index:1;}

.sub_work .list-wrap .item .title_wrap{color: #FFF;font-family: "Pretendard-Regular";font-size: 24px;font-style: normal;font-weight: 400;line-height: 140%; /* 33.6px */letter-spacing: -0.6px;}
.sub_work .list-wrap .item:hover .title_wrap{color:#BDFF00;text-decoration: underline;}


@media(max-width:768px) {
    .video-play-btn{width:48px !important;height:48px !important;}
    /*.sub_work .list-wrap .item .cover_wrap img{aspect-ratio: 16 / 9;}*/
    .sub_work .list-wrap .item .title_wrap{font-size:16px;}
    .sub_work .list-wrap .item{gap: 8px;}
    .sub_work .category{padding:12px 0px;}

    .sub_work .category .box a:first-child{margin-left:20px;}
    .sub_work .category .box a:last-child{margin-right:20px;}
}

@media(max-width:768px) {
    .sub_work{padding:24px 16px;}
    .sub_work .category{height:60px;}
    .sub_work .list-wra p{padding:16px;}
    .sub_work .list-wrap{grid-template-columns: 1fr;}
    .sub_work .list-wrap .item{margin-bottom:24px;}
    .sub_work .category .box{overflow-y:hidden;overflow-x:scroll;/*gap: 16px;*/justify-content: flex-start;}
}

.sub_work .work-detail-wrapper{position:fixed;left:0px;bottom:-100%;z-index:9999;width:100%;height:100%;overflow-y:auto;transition-duration:0.4s;background-color:#111;overflow:hidden;}
.sub_work .work-detail-wrapper.active{transition-duration:0.4s;bottom:0;}
/*
.sub_work_detail .detail-top-bar{position:absolute;left:0px;top:0px;z-index:999;width:100%;text-align:right;}
.sub_work_detail .detail-top-bar img{mix-blend-mode: difference;margin:16px 24px;width:48px;}
 */
.sub_work_detail .detail_close_btn{position:fixed;top:16px;right:32px;z-index:9999;width:48px;mix-blend-mode: difference;}


.sub_about{position: relative;}
.sub_about .bg-video__content {height: 100vh;width: 100vw;object-fit: cover;display:block;}
.sub_about .bg-video{position:relative;overflow:hidden;}
.sub_about .bg-video::after{content: '';width:100%;height:100%;background:#000;opacity: 0.4;z-index: 0;position: absolute;top:0;left: 0;right: 0;bottom:0;}
.sub_about .bg-video .text{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width:100%;z-index:1;}
.sub_about .bg-video .text h1{color: #FFF;font-family: Pretendard;font-size: 64px;font-style: normal;font-weight: 600;line-height: 140%; /* 89.6px */letter-spacing: -1.6px;align-self: stretch; /* mix-blend-mode: difference; white-space:nowrap; */}
.sub_about .bg-video .text span{max-width: 667px;display:inline-block;color: #FFF;text-align: center;font-family: Urbane;font-size: 24px;font-style: normal;font-weight: 300;line-height: 140%;}

.sub_about .staff{margin-top:295px;padding:0px 24px 0px 24px;margin-bottom:215px;}
.sub_about .staff .ttl{color: var(--line_text-FFFFFF, #FFF);font-family: Urbane;font-size: 64px;font-style: normal;font-weight: 300;line-height: 140%;}

.sub_about .staff_wrap{overflow:hidden;margin-top:40px;/*padding: 42px 24px;*/position:relative;background: var(--BG-111111, #111);}
.sub_about .staff_wrap .emoji{}
.sub_about .staff_wrap .emoji img,.sub_about .staff_wrap .emoji video{width:100%;height:100%;object-fit: cover;}
.sub_about .staff_wrap .card-text{margin-top:42px;}
.sub_about .staff_wrap .card-text h4{color: #FFF;font-family: Urbane;font-size: 24px;font-style: normal;font-weight: 300;line-height: 140%; /* 33.6px */text-transform: uppercase;margin-bottom:2px;}
.sub_about .staff_wrap .card-text span{display:block;color: #767676;font-family: Urbane;font-size: 16px;font-style: normal;font-weight: 300;line-height: 140%; letter-spacing:-0.4px;/* 22.4px */}

@media(max-width:768px) {
    .sub_about .staff{margin-top:120px;padding:0px 16px 0px 16px;margin-bottom:120px;}
    /*.sub_about .staff_wrap{padding: 42px 16px;}*/
    .sub_work_detail .detail_close_btn{right:16px;width:34px;}
    .sub_about .staff .ttl{font-size:48px;}
    .sub_about .staff_wrap{margin-top:20px;}
}

.sub_about .howto{display: flex;padding: 40px 24px 120px 24px;justify-content: space-between;align-items: flex-start;align-content: flex-start;row-gap: 800px;flex-wrap: wrap;/*border-top: 1px solid var(--line_text-767676, #767676);*/background: var(--BG-111111, #111);flex: 1 0 0;}
.sub_about .howto .cont_l{color: var(--line_text-FFFFFF, #FFF);font-family: Urbane;font-size: 64px;font-style: normal;font-weight: 300;line-height: 140%; /* 89.6px */width:50%;}
.sub_about .howto .cont_r{width:50%;display: flex;flex-direction: column;align-items: flex-start;gap: 24px;flex: 1 0 0;}
.sub_about .howto .cont_r .title{color: var(--line_text-767676, #767676);font-family: Urbane;font-size: 36px;font-style: normal;font-weight: 700;line-height: 140%; /* 50.4px */}
.sub_about .howto .cont_r .cont{color: var(--line_text-FFFFFF, #FFF);text-align: justify;font-family: Pretendard;font-size: 20px;font-style: normal;font-weight: 500;line-height: 160%; /* 28px */letter-spacing: -0.5px;}

@media(max-width:768px) {
    .sub_about .howto{width:100%;flex-direction: column;align-items: flex-start;gap: 20px;padding: 40px 16px 120px 16px;}
    .sub_about .howto .cont_l,.sub_about .howto .cont_r{width:100%;}
    .sub_about .howto .cont_l{font-size: 48px;}
    .sub_about .howto .cont_r .title{font-size: 24px;}
    .sub_about .howto .cont_r .cont{font-size: 16px;}

}

.sub_about .wecando{display: flex;padding: 0px 24px 120px 24px;justify-content: space-between;align-items: flex-start;align-content: flex-start;row-gap: 800px;flex-wrap: wrap;background: var(--BG-111111, #111);flex: 1 0 0;}
.sub_about .wecando .cont_l{color: var(--line_text-FFFFFF, #FFF);font-family: Urbane;font-size: 64px;font-style: normal;font-weight: 300;line-height: 140%; /* 89.6px */width:50%;}
.sub_about .wecando .cont_r{width:50%;display: flex;flex-direction: column;align-items: flex-start; /*gap: 24px;*/flex: 1 0 0;}
.sub_about .wecando .cont_r .item{display: flex;width:100%; /*width: 1258px;*/min-width: 320px;/*max-width: 1258px;*/flex-direction: column;align-items: flex-start;}

.sub_about .wecando .cont_r .item .title{
    display: flex;
    padding: 23px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;

    border-top: 1px solid var(--line_text-767676, #767676);
    border-bottom: 1px solid var(--line_text-767676, #767676);
    background: var(--BG-111111, #111);

    color: var(--line_text-767676, #767676);
    font-family: Urbane;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 50.4px */
}

.sub_about .wecando .cont_r .item:first-child .title{
    border-top:0px;
}

.sub_about .wecando .cont_r .item .title:hover{color: #fff;}

.sub_about .wecando .cont_r .item.active .title{
    display: flex;
    /*padding: 24px;*/
    padding: 24px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;

    color: var(--sub-BDFF00, #BDFF00);
    font-family: Urbane;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 50.4px */
}

.sub_about .wecando .cont_r .item .title span.arrow{display:inline-block;background:url(../img/about/arrow_dn.svg);background-repeat:no-repeat;background-size:cover;width:56px;height:56px;transition:transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);}
.sub_about .wecando .cont_r .item .title:hover span.arrow{background:url(../img/about/arrow_over.svg);}
.sub_about .wecando .cont_r .item.active .title span.arrow{background:url(../img/about/arrow_up.svg);transform:rotate(180deg);}
.sub_about .wecando .cont_r .item .cont_wrap{display:flex;padding:0 24px;flex-direction:column;height:0;overflow:hidden;opacity:0;transform:translateY(30px);transition:all 0.4s cubic-bezier(0.33, 1, 0.68, 1);background:var(--line_text-272727,#272727);}
.sub_about .wecando .cont_r .item .cont{transform:translateY(30px);opacity:0;transition:all 0.4s cubic-bezier(0.33, 1, 0.68, 1);}
.sub_about .wecando .cont_r .item.active .cont_wrap{transform:translateY(0);opacity:1;height:auto !important;padding:48px 24px;}
.sub_about .wecando .cont_r .item.active .cont{transform:translateY(0);opacity:1;transition-delay:0.01s;margin-bottom:40px;}
.sub_about .wecando .cont_r .item.active .cont:last-child{margin-bottom:0px;}

.sub_about .wecando .cont_r .item .cont_wrap .cont .sub_title{color:var(--line_text-767676,#767676);font-family:Urbane;font-size:20px;font-style:normal;font-weight:700;line-height:140%;margin-bottom:14px;}
.sub_about .wecando .cont_r .item .cont_wrap .cont .sub_cont{color:var(--BG-F8F8F8,#F8F8F8);text-align:justify;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:160%;letter-spacing:-0.4px;}
.sub_about .wecando .cont_r .item .cont_wrap .cont .sub_cont_ul{width:100%;}
.sub_about .wecando .cont_r .item .cont_wrap .cont .sub_cont_ul ul{display:flex;padding:20px 0px;align-items:center;align-content:center;gap:12px;align-self:stretch;flex-wrap:wrap;border-top:1px solid var(--line_text-767676,#767676);}
.sub_about .wecando .cont_r .item .cont_wrap .cont .sub_cont_ul ul li{color:var(--BG-F8F8F8,#F8F8F8);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-0.4px;margin-right:0px;list-style-type:square;list-style-position:inside;}
.sub_about .wecando .cont_r .item .cont_wrap .cont .sub_cont_ul ul li span{margin-left:-8px !important;}
.sub_about .wecando .cont_r .item .cont_wrap .cont small{color:var(--line_text-767676,#767676);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-0.35px;}

.sub_about .slide-control{position:Absolute;right:0px;/*transform: translate(0%, -100%);*/top:calc(50% - 72px);z-index:5}
.sub_about .slide-control .swiper-button-prev{position:relative;float:left;left:0px;right:0px;width:56px;height:56px;}
.sub_about .slide-control .swiper-button-next{position:relative;float:left;left:0px;right:0px;width:56px;height:56px;}

.sub_about .swiper-button-next:after,.sub_about  .swiper-button-prev:after{color:#fff;font-size:32px;display:inline-block;text-align:center;}

@media(max-width:768px) {

    .sub_about .wecando .cont_r .item .title,.sub_about .wecando .cont_r .item.active .title{font-size:32px;}

    .sub_about .slide-control{display:none;}

    .sub_about .bg-video .text h1{font-size: 24px;font-weight: 600;line-height: 140%; /* 33.6px */letter-spacing: -0.6px;}
    .sub_about .bg-video .text span{font-size: 16px;font-weight: 300;line-height: 140%; /* 22.4px */}

    .sub_about .wecando{display: flex;width: 100%;padding: 0px 16px 120px;flex-direction: column;align-items: flex-start;gap: 20px;}
    .sub_about .wecando .cont_l,.sub_about .wecando .cont_r{width:100%;}
    .sub_about .wecando .cont_l{color: var(--line_text-FFFFFF, #FFF);font-family: Urbane;font-size: 48px;font-style: normal;font-weight: 300;line-height: 140%; /* 67.2px */}


}


.sub_work.column{padding-top:160px;}
@media(max-width:768px) {
    .sub_work.column {padding-top: 120px;}
    .sub_work.column footer {margin:0px -16px;}
}
/*.sub_work.column .work-detail-wrapper{background:#fff;}*/