.vs-contact{bottom: 30% !important;}

/*work */
.work-list-wrap .work-project{display: flex;flex-wrap: wrap;gap:7.8125rem 6.875rem ;margin-top: 2.1875rem;}
.work-list-wrap .work-project .item{display: flex;flex-direction: column;gap: 1.875rem;width: calc((100% -  15.625rem) / 3);opacity:0;transform:translateY(120px);}
.work-list-wrap .work-project .work-thumb{height: 26.875rem;overflow: hidden;}
.work-list-wrap .work-project .work-thumb img{width: 100%;height: 100%;object-fit: cover;transform:scale(1.2);}
.work-list-wrap .work-project .project-title{display: flex;flex-direction: column;gap: .625rem;}
.work-list-wrap .work-project .project-title .en{color: #FFF;font-family: "Albert Sans";font-size: 1.0625rem;font-weight: 400;letter-spacing: -0.02125rem;text-transform: uppercase;}
.work-list-wrap .work-project .project-title .kr{color: var(--gray-600, #666);font-size: 1rem;font-weight: 500;letter-spacing: -0.04rem;text-transform: uppercase;}
.work-list-wrap .work-project .item:nth-child(3n+2){margin-top:7.8125rem;}

/* work-detail */
.work-detail-hero{height: 41.5rem;overflow: hidden;}
.work-detail-hero img{width: 100%;height: 100%;object-fit: cover;}
.work-detail-hero.left-top img{object-position: left top;}
.work-detail-header{display: flex;flex-direction: column;gap: 2.1875rem;margin:10.375rem 0 9.375rem 0 ;}
.work-detail-header .work-detail-label{color: #739CF2;font-family: "Albert Sans";font-size: 1rem;font-weight: 300;line-height: 100%;letter-spacing: -0.02rem;text-transform: uppercase;}
.work-detail-header .work-detail-desc{color: #FFF;font-size: 1.125rem;font-weight: 400;line-height: 160%;letter-spacing: -0.045rem;word-break: keep-all;}
.work-detail-header .btn-wrap{display: flex;justify-content: center;margin-top:4.375rem;}
.work-site{display: flex;padding: 0.9375rem 0;justify-content: center;align-items: center;gap: 0.375rem;border-bottom: 1px solid var(--gray-600, #666);transition: all 0.3s;color: #FFF;font-family: "Albert Sans";font-size: 0.9375rem;font-weight: 400;}
.work-site::before{content: '';width: 16px;height: 16px;background: url(../../images/sub/ico_link.svg) center;transition: transform 0.4s ease;}
.work-site:hover::before {transform: rotate(360deg);}
.reboot-title{color: #FFF;text-align: center;font-family: "Albert Sans";font-size: 4.5625rem;font-weight: 300;line-height: 100%; letter-spacing: -0.27375rem;opacity: 0.12;margin: 9.375rem 0;}





/* work > 세코 */
.work-detail-gallery {background: linear-gradient(90deg, #D0D0D0 0.11%, #A7A2A5 99.83%);;padding:10.625rem 0 0 0;}
.work-detail-gallery .inner{display: flex;flex-direction: column;gap: .625rem;}
.work-detail-gallery ul{display:flex;gap: .625rem;width: 100%;}
.work-detail-gallery li{border-radius: 1rem;overflow: hidden;display: flex;} 
.work-detail-gallery li:not(.phone){height: 15.125rem;border: 2px solid #292929;max-width:400px;justify-self:center;}
.work-detail-gallery li.phone{width: 241px;border-radius: 0;transform:translateY(7px);flex-shrink:0}
.work-detail-gallery li img{width:100%;height:100%;object-fit:cover;display:block;}

.work-detail-hero{overflow: hidden;}
.work-detail-hero img{transform: scale(1.2);will-change: transform;}
.work-detail-header > *{opacity: 0;transform: translateY(50px);will-change: transform, opacity;}
.work-detail-gallery li{opacity: 0;transform: translateY(60px);will-change: transform, opacity;}

@media screen and (max-width:1024px) {
  .work-list-wrap .work-project{gap: 3.4375rem 2.75rem;}
  .work-list-wrap .work-project .item{width: calc((100% -  2.75rem) / 2);}
  .work-list-wrap .work-project .item:nth-child(3n+2){margin-top: 0;}
}


@media screen and (max-width:768px) {
  .work-list-wrap .work-project{flex-direction: column;}
  .work-list-wrap .work-project .item{width: 100%;}
  .work-detail-gallery li:not(.phone){max-width: 100%;}
  .work-detail-gallery li.phone{width: 9.375rem;}
  .work-list-wrap .work-project .work-thumb{height: 18.75rem;}
  .work-detail-hero{height: 20rem;}
  .work-detail-header{margin: 5rem 0 4.375rem 0;gap: 1.5625rem;}
  .work-detail-header .work-detail-desc{font-size: 1rem;}
  .reboot-title{font-size: 2rem;margin: 4.375rem auto;letter-spacing: -0.125rem;}
  .work-detail-gallery ul{flex-direction: column;}
  .work-detail-gallery .bottom{flex-direction: column-reverse;align-items: center;}
}

/* work > yk */
.yk-detail-gallery{position: relative;}
.yk-detail-gallery:before{content: '';display: block;width:100%;background: linear-gradient(90deg, #D0D0D0 0.11%, #A7A2A5 99.83%);height: 53.75rem;position: absolute;left: 0;top: 17rem;}
.yk-detail-gallery .inner{position: relative;z-index: 5;}
.yk-detail-gallery .inner ul {column-count: 2;column-gap: 6.25rem; }
.yk-detail-gallery .inner ul li {break-inside: avoid;margin-bottom: .625rem;border-radius: 0.875rem;overflow: hidden;}
.yk-detail-gallery .inner ul li img {width: 100%;display: block;object-fit: cover;}

.show-item li{opacity: 0;transform: translateY(60px);will-change: transform, opacity;}

.yk-m-detail{margin-top: 11.375rem;}
.yk-m-detail .yk-m-detail-area{display: flex;gap: 5rem;padding-left: 9.375rem;padding-right: 5rem;}
.yk-m-detail-area ul{display: flex;flex-direction: column;gap: 2.5rem;flex: 1 1;}
.yk-m-detail-area ul li{max-width: 21.875rem;}
.yk-m-detail-area ul li img{width: 100%;}
.yk-m-detail-area ul:nth-child(1){margin-top: 19.0625rem;}
.yk-m-detail-area ul:nth-child(3){margin-top: 19.75rem;}

@media screen and (max-width:1440px) {
  .yk-m-detail .yk-m-detail-area{padding-left: 0;padding-right: 0;}
}

@media screen and (max-width:768px) {
  .yk-detail-gallery:before{top: 5rem;height: 25rem;}
  .yk-detail-gallery .inner ul{gap: 1.875rem;}
  .yk-m-detail .yk-m-detail-area{gap: 1.875rem;}
  .yk-m-detail-area ul:nth-child(1){margin-top:6.25rem}
  .yk-m-detail-area ul{gap: 1.25rem;}
.yk-m-detail-area ul:nth-child(3){margin-top: 6.875rem;}

}

/* work > 광동병원 */
.kd-detail-gallery{position: relative;}
.kd-detail-gallery:before{content: '';display: block;width:100%;background:#EC6215;height: 53.75rem;position: absolute;left: 0;top: 17rem;}
.kd-detail-gallery .inner{max-width: 1250px;width: calc(100% - 40px);}
.kd-detail-gallery ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 3.625rem 6.25rem;}
.kd-detail-gallery ul li{width: fit-content;}
.kd-detail-gallery ul li.pc{border-radius: 0.875rem;overflow: hidden;width: 65.3125rem;}
.kd-detail-gallery ul li:not(.pc){width: 21.875rem;}
.kd-detail-gallery ul li img{width: 100%;height: 100%;}

@media screen and (max-width:1024px) {
  .kd-detail-gallery ul{gap: 2.5rem 3.75rem;}
  .kd-detail-gallery ul li.pc{width: 100%;}
  .kd-detail-gallery ul li:not(.pc){width: calc((100% - 15rem) / 3);}
}

@media screen and (max-width:768px) {
  .kd-detail-gallery:before{top: 5rem;height: 25rem;}
  .kd-detail-gallery .inner ul{gap: 1.875rem;}
  .kd-detail-gallery ul li:not(.pc){width: calc((100% - 8rem) / 3);}

}
.line{overflow: hidden;}

.work-detail .go-list{max-width: 1440px;margin: 8.125rem auto 0 auto;width: calc(100% - 40px);}
.work-detail .go-list .listScroll{display: flex;flex-direction: column;gap: 1.25rem;width: max-content;margin-left: auto;transition: all 0.5s ease-in;}
.work-detail .listScroll span{display: flex;gap: 10px;align-items: center;color: #FFF;font-family: "Albert Sans";font-size: 1rem;font-weight: 700;text-transform: uppercase;}
.work-detail .listScroll span::before{content: '';width: 10px;height: 10px;background: url(../../images/sub/ico_golist.svg) no-repeat center;}

.work-detail .listScroll h3{font-family: "Albert Sans";font-family: "Albert Sans";font-weight: 800;line-height: 100%;letter-spacing: -0.0875rem;font-size: 4.375rem;text-transform: uppercase;opacity: 0.2;
  background: var(--gradient, linear-gradient(90deg, #ECECEC -6.44%, #739CF2 106.2%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
transition: all 0.5s ease-in;}
.work-detail .listScroll:hover h3{opacity: 0.8;}
.work-detail .listScroll:hover{transform: translateY(-0.625rem);}

@media screen and (max-width:768px) {
  .work-detail .listScroll h3{font-size: 2.5rem;}
}





/* work > 세코그룹 */
.seco-detail-gallery{position: relative;}
.seco-detail-gallery:before{content: '';display: block;width:100%;background:linear-gradient(90deg, #E10061 0.11%, #E5006C 99.83%);height: 53.75rem;position: absolute;left: 0;top: 17rem;}
.seco-detail-gallery .inner{display: flex;gap: 6.25rem;}
.seco-detail-gallery .left{display: flex;flex-direction: column;gap: 7.3125rem;position: relative;z-index: 5;}
.seco-detail-gallery ul {flex: 1 1;}
.seco-detail-gallery li:not(.m){border-radius: 0.875rem;overflow: hidden;}
.seco-detail-gallery li img{width: 100%;height: 100%;}
.seco-detail-gallery .m{display: flex;gap: 6px;}
.seco-detail-gallery .m .img{flex: 1 1;}
.seco-detail-gallery .right{display: flex;flex-direction: column;gap: 1.9375rem;margin-top: 36.1875rem;}
.seco-detail-gallery .right .no-margin{margin-left: -7.5rem;border-radius: 0 0.875rem 0.875rem 0;}

@media screen and (max-width:1024px) {
  .seco-detail-gallery .inner{gap: 3.125rem;}
  .seco-detail-gallery .right{margin-top: 12.5rem;}
}

@media screen and (max-width:768px) {
  .seco-detail-gallery:before{top: 5rem;height: 25rem;}
  .seco-detail-gallery .inner{gap: 1.875rem;}
  .seco-detail-gallery .inner ul{gap: 1.875rem;}
  .seco-detail-gallery .right .no-margin{margin-left: -64px;}

}

/* work > 주성 */
.js-detail-pc{position: relative;}
.js-detail-pc::before{content: '';display: block;width: 100%;height: 53.75rem;background: url(../../images/sub/bg_jusung.png) no-repeat center;position: absolute;left: 0;top: 17.25rem;background-size: cover; transform: translateY(var(--bgY,0));}
.js-detail-pc .inner{position: relative;z-index: 5;}
.js-detail-pc-area{display: flex;gap: 3.4375rem;position: relative;align-items: flex-start;}
.js-detail-pc-area .long{width: 55.56%;}
.js-detail-pc-area .img{border-radius: 10px;overflow: hidden;}
.js-detail-pc-area .img img{width: 100%;display: block;}
.js-detail-pc-area ul{position: relative;;flex: 1 1;flex-direction: column;gap: 1.25rem;padding-top: 90.625rem;display: flex;}
.js-detail-pc-area ul:after{content: '';display: block;position: absolute;z-index: 9;width: 100%;height: 220px;background: url(../../images/sub/bgtext_jusung.png)no-repeat top left;background-size: 100%;left: 0;top: 29.625rem;}

.js-sub-detail .img{border-radius: 14px;overflow: hidden;}
.js-sub-detail img{width: 100%;display: block;}
.js-sub-detail-middel{display: flex;flex-direction: column;margin-top: 9.375rem;}
.js-sub-detail-middel .pc-phone{display: flex;justify-content: flex-end;position: relative;width: fit-content;}
.js-sub-detail-middel .pc-phone .pc{width: 100%;}
.js-sub-detail-middel .pc-phone .phone{position: absolute;z-index: 5;width: 350px;}
.js-sub-detail-middel .pc-phone:nth-child(1) {width: 100%;margin-bottom: 20.625rem;}
.js-sub-detail-middel .pc-phone:nth-child(1) .phone{right: -140px;bottom:90px;transform: translateX(-50%);}
.js-sub-detail-middel .pc-phone:nth-child(1) .pc{margin:0 auto 0 3.125rem;max-width: 1123px;}
.js-sub-detail-middel .pc-phone:nth-child(2) .pc{margin-left: auto;max-width: 976px;}
.js-sub-detail-middel .pc-phone:nth-child(2) .phone{left: -50px;top:-220px;transform:translateX(-175px)}
.js-sub-detail-middel .pc-phone:nth-child(2){margin-left: auto;}
.js-sub-detail-middel .bottom-img{display: flex;margin: .625rem 0 0 auto;gap: .625rem;max-width: 976px;}


.js-chart-detail{background: url(../../images/sub/bg_jusung02.png) no-repeat top left #EFEFEF;background-size: cover;padding: 7.5rem 0 1.875rem 0;}
.js-chart-detail .img{border-radius: 14px;overflow: hidden;}
.js-chart-detail .img img{width: 100%;display: block;}
.js-chart-detail ul{display: flex;flex-direction: column;}
.js-chart-detail-area{display: flex;gap: 5px;}
.js-chart-detail .left{gap: 3rem;width: 54.86%;}
.js-chart-detail .right{gap: .3125rem;flex: 1 1;}

.js-detail-gallery {padding: 7.5rem 0 0 0;}
.js-detail-gallery .inner{display: flex;justify-content: center;gap:5.625rem;margin: auto;max-width: 1210px;}
.js-detail-gallery .img img{max-width: 100%;}
.js-detail-gallery ul{display: flex;flex-direction: column;gap: 5rem;}

@media screen and (max-width:1440px) {
  .js-sub-detail-middel .pc-phone .phone{width: 200px;}
  .js-sub-detail-middel .pc-phone:nth-child(1) .pc{margin:0 150px 0 auto}
  .js-sub-detail-middel .pc-phone:nth-child(2) .pc{margin:0 auto 0 150px}
  .js-sub-detail-middel .pc-phone:nth-child(1) .phone{right: 0;transform: none;}
  .js-sub-detail-middel .pc-phone:nth-child(2) .phone{left: 0;transform: none;}
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {
  .js-detail-pc-area{gap: 1.875rem;}
  .js-detail-pc-area .long{width: 50%;}
  .js-detail-pc::before{top: 5rem;height: 40rem;}
  .js-detail-pc-area ul{padding-top: 45rem;}
  .js-detail-pc-area ul:after{top: 13rem;}

  .js-sub-detail-middel .pc-phone .phone{width: 8.125rem;}
  .js-sub-detail-middel{margin-top: 6.25rem;}
  .js-sub-detail-middel .pc-phone:nth-child(1){margin-bottom: 12.5rem;}
  .js-sub-detail-middel .pc-phone:nth-child(1) .pc{margin: 0 4.375rem 0 auto;}
  .js-sub-detail-middel .pc-phone:nth-child(2) .pc{margin: 0 auto 0 4.375rem;}
  .js-sub-detail-middel .pc-phone:nth-child(1) .phone{bottom: 2.8125rem;}
  .js-sub-detail-middel .pc-phone:nth-child(2) .phone{top: -9.375rem;}
  .js-chart-detail{padding-top: 5rem;}
  .js-detail-gallery .inner{gap: 1.25rem;}
}

@media screen and (max-width:480px) {
  .js-detail-gallery{padding: 4.375rem 0;}
  .js-detail-pc-area{gap: 1.25rem;}
  .js-detail-pc-area ul{gap: .9375rem;}
  .js-detail-pc-area ul:after{top: 100px;}
  .js-detail-pc-area ul{padding-top: 200px;}

  .js-sub-detail-middel .pc-phone .phone{width: 5.9375rem;}
  .js-sub-detail-middel .pc-phone:nth-child(1) .pc{margin: 0 3.125rem 0 auto;}
  .js-sub-detail-middel .pc-phone:nth-child(2) .pc{margin: 0 auto 0 3.125rem;}
}

/* work > 이마트 */
/* 이마트 아이콘 */
.chat-desc {margin-bottom: 9.375rem;}
.chat-desc .ico-list{display: flex;gap: 5px;justify-content: center;margin-bottom: 1.25rem;}
.chat-desc .ico-list li{width: 8.125rem;height: 8.125rem;border-radius: 1rem;display: flex;justify-content: center;align-items: center;}
.chat-desc .ico-list li.ico01{background: #FFD64F}
.chat-desc .ico-list li.ico02{background: #813DB5}
.chat-desc .desc{text-align: center;color: #FFF;font-size: 1.25rem;font-weight: 500;line-height: 160%;letter-spacing: -0.05rem;word-break: keep-all;}

@media screen and (max-width:768px) {
  .chat-desc .ico-list li{width: 5rem;height: 5rem;}
  .chat-desc .ico-list li img{max-width: 75%;max-height: 70%;}
  .chat-desc .desc{font-size: 1.125rem;}
}

.emart-detail-gallery{position: relative;margin: 23.6875rem 0 7.5rem 0;}
.emart-detail-gallery:before{content: '';display: block;width:100%;background:url(../../images/sub/bg_emart01.png) no-repeat center;background-size: cover;height: 53.75rem;position: absolute;left: 0;top: 0;}
.emart-detail-gallery-area{position: relative;display: flex;margin-left: 127px;}
.emart-detail-gallery-area ul{display: flex;flex-direction: column;gap: 1.125rem;align-items: flex-start;}
.emart-detail-gallery-area  img:not(.logo){width: 100%;display: block;}
.emart-detail-gallery-area .etc-list{margin-top: 44.8125rem;display: flex;gap: .625rem;flex: 1 1;}
.emart-detail-gallery-area .etc-list ul{flex: 1 1;}
.emart-detail-gallery-area ul.first-item{margin-top: -14.25rem;width: 350px;margin-right: 2.125rem;}
.emart-detail-gallery-area .addText{display: flex;flex-direction: column;justify-content: flex-start;font-family: 'Nanum Square Round';position: absolute;left: calc((350px + 150px + 127px));top: 151px;transform: translateX(-50%);align-items: flex-start;}
.emart-detail-gallery-area .addText h3{margin: 1rem 0  .625rem 0;color: #FFF;;font-size: 2.4375rem;font-weight: 800;line-height: 3.8125rem;letter-spacing: -0.14625rem;background: #000;padding: 1px 10px;white-space: nowrap;}
.emart-detail-gallery-area .addText p{color: #000;font-size: 1.625rem;font-weight: 400;line-height: 2.375rem;letter-spacing: -0.08125rem;}

.emart-sub-gallery{display: flex;flex-wrap: wrap;gap: 7.5rem 1.875rem;align-items: flex-start;justify-content: center;padding: 0 4.6875rem;}
.emart-sub-gallery img{width: 100%;display: block;}
.emart-sub-gallery li{width: calc((100% - (1.875rem * 3)) / 4);}

@media screen and (max-width:1440px) {
  .emart-detail-gallery-area{margin-left: 0;}
}

@media screen and (max-width:1024px) {
  .emart-detail-gallery{margin: 13.75rem 0 7.5rem 0;}
  .emart-detail-gallery-area ul.first-item{width: 15.625rem;margin-right: .9375rem;margin-top: -10.625rem;}
  .emart-detail-gallery-area .addText{left:calc((15.625rem + 250px));top:100px}
  .emart-detail-gallery-area .addText h3{word-break: keep-all;text-align: center;}

  .emart-sub-gallery{padding: 0;}  
}
@media screen and (max-width:768px) {
  .emart-detail-gallery{margin: 0 0 4.375rem 0;}
  .emart-detail-gallery::before{height: 40rem;}
  .emart-detail-gallery-area .addText img{width: 100px}
  .emart-detail-gallery-area{flex-wrap: wrap;align-items:flex-start}
  .emart-detail-gallery-area .addText{left:50px;top: 100px;width: fit-content;transform: none;}
  .emart-detail-gallery-area .addText h3{font-size: 1.375rem;line-height: 3rem;}
  .emart-detail-gallery-area .addText p{font-size: 1.125rem;line-height: 140%;}
  .emart-detail-gallery-area ul.first-item{width: 100%;flex-direction: row;justify-content: center;margin-top: 25.625rem;}
  .emart-detail-gallery-area ul.first-item li{max-width: 200px;flex: 1 1;}
  .emart-detail-gallery-area .etc-list{margin-top: 4.375rem;}
  .emart-sub-gallery{gap: 2.5rem 1.25rem;}
  .emart-sub-gallery li{width: calc((100% - (1.25rem * 3)) / 4);}
  
}

@media screen and (max-width:480px) {
  .emart-detail-gallery::before{height: 30rem;}
  .emart-detail-gallery-area .addText{top: 50px;}
  .emart-detail-gallery-area ul.first-item{margin-top: 20rem;}
}

/* work > 이마트 aicc */
.emartAi-detail-gallery{position: relative;}
.emartAi-detail-gallery:before{content: '';display: block;width: 100%;height: 53.75rem;background: linear-gradient(90deg, #D0D0D0 0.11%, #A7A2A5 99.83%);position: absolute;top: 6.875rem;}
.emartAi-detail-area{display: flex;flex-direction: column;gap: 1.875rem;padding: 0 5.8125rem 0 7.1875rem;} 
.emartAi-detail-area .row{display: flex;gap: .625rem;}
.emartAi-detail-area .item{max-width: 426px;width: calc((100% - 1.25rem) / 3);border-radius: 1rem;overflow: hidden;border: 3px solid #292929;}
.emartAi-detail-area .item img{display: block;width: 100%;}
.emartAi-detail-area .center{justify-content: center;}
.emartAi-detail-area .right{justify-content: flex-end;}
.emartAi-detail-area .left{justify-content: flex-start;}

@media screen and (max-width:1024px) {
  .emartAi-detail-area{padding: 0;}
}

@media screen and (max-width:768px) {
  .emartAi-detail-area{gap: .625rem  }
  .careers-detail-area .row{gap: .3125rem;}
  .emartAi-detail-gallery::before{height: 15rem;top:3rem}
  .emartAi-detail-area .item{border: 2px solid #292929;border-radius: .625rem;}
}

/* work > GS네오텍 */
.gs-detail-top {position: relative;padding-top: 22.125rem;}
.gs-detail-top .pc-top{max-width: 1007px;width: calc(100% - 40px);border-radius: .875rem;overflow: hidden;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.gs-detail-top .pc-top img{width: 100%;display: block;}
.gs-detail-top .pc-bottom{background: url(../../images/sub/img_gsneotach03.png) no-repeat center bottom;padding-bottom: 7.5rem;padding-top: 16rem;background-size: cover;}
.pc-bottom .gs-area{display: flex;gap: 1.25rem;}
.pc-bottom .gs-area .item{flex: 1 1;text-align: center;display: flex;flex-direction: column;gap: 2.5rem;align-items: center;}
.pc-bottom .gs-area .item .kpi-value{display: flex;align-items: flex-end;color: #fff;}
.pc-bottom .gs-area .item .kpi-value strong{font-family: Poppins;color: #FFF;font-size: 3.75rem;font-weight: 600;}
.pc-bottom .gs-area .item .kpi-value span{font-family: Poppins;color: #FFF;font-size: 1.875rem;font-weight: 400;}
.pc-bottom .gs-area .item .txt{display: flex;flex-direction: column;gap: .625rem;}
.pc-bottom .gs-area .item .tit{color: #FFF;font-size: 1.5rem;font-weight: 500;text-transform: capitalize;}
.pc-bottom .gs-area .item .desc{color: #FFF;font-size: 1rem;font-weight: 400;line-height: 1.5rem;letter-spacing: -0.04rem;
  text-transform: uppercase;opacity: 0.76;word-break: keep-all;}
.gs-partner:before{content: '';display: block;width: 1px;height: 30px;background: #fff;margin: 6.375rem auto 3rem auto;} 
.gs-partner{display: flex;flex-direction: column;gap: .3125rem;text-align: center;}
.gs-partner .tit{color: #FFF;font-size: 1.75rem;font-family: Poppins;font-weight: 600;letter-spacing: -0.07rem;line-height: 140%;}
.gs-partner .desc{color: rgba(255, 255, 255, 0.60);font-family: Poppins;font-size: 1rem;font-weight: 275;word-break: keep-all;}

.gs-detail-middle{margin-top: -3.125rem;}
.gs-detail-middle .item{border-radius: .875rem;overflow: hidden;}
.gs-detail-middle .item img{display: block;width: 100%;}
.gs-detail-middle .gs-middel-area{display: flex;gap: 9.8125rem;}
.gs-detail-middle .gs-middel-area .left{width: 49.65%;}
.gs-detail-middle .gs-middel-area .right{flex: 1 1;display: flex;flex-direction: column;gap: 1.25rem;}
.gs-detail-middle .gs-middel-area .phone{transform: translateX(-6.0625rem);margin-top: 13.625rem;width: 350px;}
.gs-detail-middle .gs-middel-area .phone img{width: 100%;display: block;}
.gs-detail-middle .gs-middel-area .right .item:nth-child(2){margin-top: -6.25rem;}

.gs-bottom-area{margin-top: 5.875rem;display: flex;gap: 1.25rem;}
.gs-bottom-area .item{border-radius: 10px;overflow: hidden;}
.gs-bottom-area .item img{width: 100%;display: block;}
.gs-bottom-area .mnpc{position: relative;width: 58%;display: flex;flex-direction: column;}
.gs-bottom-area .mnpc .phone{width: 350px;transform: translateX(100px);}
.gs-bottom-area .mnpc .phone img{width: 100%;display: block;}
.gs-bottom-area .mnpc .item{margin-top: -6.25rem;max-width: 584px;margin-left: auto;}
.gs-bottom-area .right{flex: 1 1;margin-top: 10rem;}

@media screen and (max-width:1440px) {
  .gs-detail-middle .gs-middel-area .phone{width: 250px;}
  .gs-bottom-area .mnpc .phone{width: 250px;transform: translateX(50px);}
  .gs-bottom-area .mnpc .item{margin-top: -4rem;}
}

@media screen and (max-width:1024px) {
  .pc-bottom .gs-area{gap: .9375rem;}
  .pc-bottom .gs-area .item .kpi-value strong{font-size: 3rem;}
  .pc-bottom .gs-area .item .kpi-value span{font-size: 1.5rem;}

  .gs-detail-middle .gs-middel-area{gap: 3.125rem;}
  .gs-detail-middle .gs-middel-area .phone{transform: translateX(-2.0625rem);}
}

@media screen and (max-width:768px) {
  .gs-detail-gallery{position: relative;}
  .gs-detail-top{padding-top: 12rem;}
  .pc-bottom .gs-area{flex-wrap: wrap;gap: 3.125rem .9375rem;}
  .pc-bottom .gs-area .item{width: calc((100% - .9375rem) / 2);flex: none;}

  .gs-detail-middle .gs-middel-area .phone{width: 150px;margin-top: 9.375rem;}
  .gs-bottom-area{margin-top: 4.375rem;}
  .gs-bottom-area .mnpc .phone{width: 150px;transform: translateX(20px);}
}

@media screen and (max-width:480px) {
  .gs-detail-top{padding-top: 9rem;}
  .gs-detail-top .pc-bottom{padding-top: 10rem;}
  .pc-bottom .gs-area{flex-direction: column;}
  .pc-bottom .gs-area .item{width: 100%;}
  .pc-bottom .gs-area .item .kpi-value strong{font-size: 1.625rem;}
  .pc-bottom .gs-area .item .kpi-value span{font-size: 1.25rem;}
  .pc-bottom .gs-area .item .tit{font-size: 1.25rem;}
  .gs-partner:before{margin: 4.375rem auto 3rem auto;}

  .gs-detail-middle .gs-middel-area .phone{width: 5.625rem;margin-top: 6.25rem;}
  .gs-bottom-area .mnpc .phone{width:5.625rem;transform: translateX(20px);}

  
}

/* work > 현대하자보수 */
.hd-detail-gallery{position: relative;}
.hd-detail-gallery::before{content: '';display: block;width: 100%;height: 53.75rem;background: linear-gradient(90deg, #D0D0D0 0.11%, #A7A2A5 99.83%);position: absolute;left: 0;top: 8.8125rem;}
.hd-detail-gallery-area{display: flex;gap: 6.9375rem;}
.hd-detail-gallery-area ul{flex: 1 1;}
.hd-detail-gallery-area .left{display: flex;gap:3.75rem;flex-direction: column;}
.hd-detail-gallery-area .left .phone-all{position: relative;display: flex;flex-direction: column;}
.hd-detail-gallery-area .left .phone{width: 350px;}
.hd-detail-gallery-area .left .phone img{width: 100%;display: block;}
.hd-detail-gallery-area .left .phone:nth-child(1){position: relative;z-index: 2;}
.hd-detail-gallery-area .left .phone:nth-child(2){margin-left: auto;margin-top: -19.875rem;transform: translateX(20px);}
.hd-detail-gallery-area .item{border-radius: .875rem;overflow: hidden;}
.hd-detail-gallery-area .item img{display: block;width: 100%;}
.hd-detail-gallery-area .right{display: flex;flex-direction: column;gap: .625rem;}
.hd-detail-gallery-area .right .item:nth-child(n+3){margin-bottom: .625rem;}

@media screen and (max-width:1024px) {
  .hd-detail-gallery-area .left{gap: 1.5625rem;}
  .hd-detail-gallery-area .left .phone{width: 60%;max-width: 350px;}
  
}

@media screen and (max-width:768px) {
  .hd-detail-gallery::before{height: 40rem;}
  .hd-detail-gallery-area{gap: 3.125rem;}
  .hd-detail-gallery-area .left .phone:nth-child(2){margin-top: -50%;}
}

@media screen and (max-width:480px) {
  .hd-detail-gallery-area{gap: 1.875rem;}
  .hd-detail-gallery-area .left .phone{width: 55%;}
  .hd-detail-gallery-area .left .phone:nth-child(2){transform: none;}
 
}

/* work > 현대 홈충전기 */
.hdHome-detail-gallery{position: relative;}
.hdHome-detail-gallery .item{border-radius: .875rem;overflow: hidden;}
.hdHome-detail-gallery .item img{width: 100%;display: block;}
.hdHome-detail-gallery::before{content: '';display: block;width: 100%;height: 53.75rem;position: absolute;top: 10.3125rem;background:
  linear-gradient(180deg, #FFF 0%, #999 100%);left: 0;}
.hdHome-detail-gallery::after{content: '';position: absolute;width: 100%;height: 53.75rem;top: 10.3125rem;background: url(../../images/sub/bg_hyundeaiHome.svg) no-repeat right bottom;left: 0;}
.hdHome-detail-gallery .hdHome-detail-top{position: relative;}
.hdHome-detail-gallery .hdHome-detail-top .item{max-width: 1045px;width: calc(100% - 21.875rem);position: relative;z-index: 2;}
.hdHome-detail-gallery .hdHome-detail-top:after{content: '';display: block;width: 331px;height: 698px;position: absolute;right: 26px;bottom: -350px;background: url(../../images/sub/bg_hyundeaiHome02.png) no-repeat center;z-index: 55;}
.hdHome-detail-gallery-area{display: flex;gap: 5.875rem;position: relative;z-index: 5;}
.hdHome-detail-gallery-area .left{margin-top: 2.0625rem;gap: .9375rem;width: 43.5%;display: flex;flex-direction: column;}
.hdHome-detail-gallery-area .right{flex: 1 1;display: flex;margin-top: 30rem;gap: 20px;}
.hdHome-detail-gallery-area .right .phone{flex: 1 1;}
.hdHome-detail-gallery-area .right .phone img{width: 100%;display: block;}

@media screen and (max-width:1024px) {
  .hdHome-detail-gallery::before{height: 45rem;}
  .hdHome-detail-gallery::after{height: 45rem;background-size:800px}
  .hdHome-detail-gallery .hdHome-detail-top .item{width: calc(100% - 200px);}
  .hdHome-detail-gallery .hdHome-detail-top:after{width: 200px;height: 400px;background-size: 200px;bottom: -400px;}
}

@media screen and (max-width:768px) {
  .hdHome-detail-gallery .hdHome-detail-top .item{width: 100%;}
  .hdHome-detail-gallery-area{gap: 1.875rem;}
  .hdHome-detail-gallery .hdHome-detail-top:after{display: none;}
  .hdHome-detail-gallery-area .right{margin-top: 3.125rem;}
  .hdHome-detail-gallery::after{height: 30rem;background-size: 300px;}
  .hdHome-detail-gallery::before{height: 30rem;}
}

/* work > 텍스랩 */
.taxlab-detail-gallery{position: relative;}
.taxlab-detail-gallery .item{border-radius: .875rem;overflow: hidden;}
.taxlab-detail-gallery .item img{width: 100%;display: block;}
.taxlab-detail-gallery .phone{width: 350px;}
.taxlab-detail-gallery .phone img{display: block;width: 100%;}
.taxlab-detail-gallery:before{content: '';display: block;width: 100%;height: 53.75rem;position: absolute;top: 8.625rem;left: 0;background: linear-gradient(180deg, #FFF 0%, #999 100%);}
.taxlab-detail-gallery .taxlab-detail-area{display: flex;gap: 1.4375rem;}
.taxlab-detail-area .left{width: 56.5%;display: flex;flex-direction: column;gap: 5.4375rem;}
.taxlab-detail-area .phone-wrap{display: flex;gap: 1.75rem;}
.taxlab-detail-area .phone-wrap .phone02{margin-top: 14.875rem;}
.taxlab-detail-area  .right{display: flex;flex-direction: column;gap: 1.25rem;flex: 1 1;}
.taxlab-detail-area  .right .phone{margin-bottom: 3.6875rem;}

@media screen and (max-width:1024px){
  .taxlab-detail-gallery .phone{max-width: 250px;}
  .taxlab-detail-area .phone-wrap div{flex: 1 1;}
}

@media screen and (max-width:768px){
  .taxlab-detail-gallery .phone{max-width: 6.25rem;}
  .taxlab-detail-area .left{gap: 3.125rem;}
  .taxlab-detail-area .phone-wrap .phone02{margin-top: 3.125rem;}
  .taxlab-detail-area .phone-wrap{gap: 1.5625rem;}
}

/* work > Kbi 메탈 */
.kbi-detail-gallery{position: relative;width: 100%;}
.kbi-detail-gallery .item{border-radius: .875rem;overflow: hidden;}
.kbi-detail-gallery .item img{width: 100%;display: block;}
.kbi-detail-gallery .phone{width: 350px;}
.kbi-detail-gallery .phone img{display: block;width: 100%;}
.kbi-detail-gallery:before{content: '';display: block;width: 100%;height: 53.75rem;position: absolute;top: 8.625rem;left: 0;background: linear-gradient(90deg, #D0D0D0 0.11%, #A7A2A5 99.83%);}
.kbi-detail-gallery:after{content: '';display: block;width: 1264px;height: 904px;background: url(../../images/sub/bg_kbi01.svg) no-repeat center;position: absolute;top:387px;right: 7.9375rem;}
.kbi-detail-gallery .kbi-detail-area{display: flex;gap: 1.875rem;}
.kbi-detail-area {position: relative;z-index: 5;}
.kbi-detail-area .left{width: 55.56%;display: flex;flex-direction: column;gap: 1.25rem;}
.kbi-detail-area .phone-wrap{display: flex;gap: 1.25rem;margin-top: 2.5rem;}
.kbi-detail-area  .right{display: flex;flex-direction: column;gap: 1.25rem;flex: 1 1;margin-top: 50%;}
.kbi-detail-area  .right .phone{margin-bottom: 2.5rem;}

@media screen and (max-width:1024px){
  .kbi-detail-gallery .phone{max-width: 250px;}
  .kbi-detail-area .phone-wrap div{flex: 1 1;}
  .kbi-detail-gallery:after{width: 700px;height: 500px;background-size: 700px;top: 36.5625rem;right: 2.5rem;}
}

@media screen and (max-width:768px){
  .kbi-detail-gallery:before{height: 40rem;}
  .kbi-detail-gallery:after{width: 300px;height: 400px;background-size: 300px;top: 28.125rem;}
  .kbi-detail-gallery .phone{max-width: 6.25rem;}
  .kbi-detail-area .phone-wrap{gap: 1.5625rem;}
}

/* work > Kbi 코스모링크 */
.cos-detail-gallery.kbi-detail-gallery:after{display: none;}

/* work > 세코 인재채용 */
.career-detail-gallery{position: relative;}
.career-detail-gallery .careers-top-img{max-width: 1045px;width: 100%;border-radius: .875rem;overflow: hidden;margin: 0 auto 4rem auto;position: relative;z-index: 5;}
.career-detail-gallery .careers-top-img img{width: 100%;display: block;}
.career-detail-gallery:before{content: '';display: block;width: 100%;height: 53.75rem;background: linear-gradient(90deg, #D0D0D0 0.11%, #A7A2A5 99.83%);position: absolute;top: 8.75rem;left: 0;}
.careers-detail-area{display: flex;flex-direction: column;gap: 1.875rem;} 
.careers-detail-area .row{display: flex;gap: .625rem;}
.careers-detail-area .item{max-width: 426px;width: calc((100% - 1.25rem) / 3);border-radius: 1rem;overflow: hidden;border: 3px solid #292929;}
.careers-detail-area .item img{display: block;width: 100%;}
.careers-detail-area .center{justify-content: center;}
.careers-detail-area .right{justify-content: flex-end;}
.careers-detail-area .left{justify-content: flex-start;}

@media screen and (max-width:1024px) {
  .careers-detail-area{padding: 0;}
}

@media screen and (max-width:768px) {
  .career-detail-gallery::before{height: 30rem;top:3rem}
  .careers-detail-area{gap: .625rem;}
  .careers-detail-area .row{gap: .3125rem;}
  .careers-detail-area .item{border: 2px solid #292929;border-radius: .625rem;}
}

/* 서비스 */
.service-intro .desc{color: var(--gray-100, #E5E5E5);text-align: center;font-size: 1.125rem;font-weight: 400;line-height: 160%;letter-spacing: -0.045rem;margin-bottom: .625rem;}
.service-intro .vedio_wrap video{width: 100%;}
.vedio_wrap {
  position: relative;
  overflow: hidden;
}
.vedio_wrap::after {content: '';position: absolute;inset: 0;background: radial-gradient(
    ellipse at center,
    transparent 40%,
    rgba(0, 0, 0, 0.55) 100%
  );pointer-events: none;z-index: 2;
}

.video-tint {position: absolute;inset: 0;background: linear-gradient(
    135deg,
    rgba(115, 156, 242, 0.08) 0%,
    rgba(0, 0, 0, 0)          50%,
    rgba(115, 156, 242, 0.05) 100%
  );mix-blend-mode: screen;pointer-events: none;z-index: 3;opacity: 0;
}

.video-light{position:absolute;top:0;left:0;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle, rgba(115, 156, 242, 0.25) 0%, transparent 65%);pointer-events:none;z-index:4;opacity:0;transition:opacity 0.5s ease;will-change:transform;}

.vedio_wrap video {will-change: transform, filter; transform-origin: center center;}

.service-overview{padding:16.25rem 0 5rem 0;}
.service-overview-title{display: flex;flex-direction: column;text-align: center;gap: 2.8125rem;margin-bottom: 4.375rem;position: sticky;top: 15%;z-index: 1;width: 100%;}
.service-overview-title h3{font-family: "Albert Sans";font-size: 6.875rem;font-weight: 500;line-height: 100%;letter-spacing: -0.1375rem;text-transform: uppercase;background: var(--gradient, linear-gradient(90deg, #ECECEC -6.44%, #739CF2 106.2%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.service-overview-title p{color: #FFF;font-size: 1.0625rem;font-weight: 400;line-height: 140%;letter-spacing: -0.0425rem;text-transform: uppercase;}
.service-overview-list{display: flex;flex-direction: column;perspective: 1000px;position: relative;z-index: 2; background: var(--background-color, #000); margin-top: 50vh; }
.service-overview-list li{display: flex;padding: 5rem 2rem 10rem 2rem;flex-direction: column;justify-content: center;align-items: center;border-radius: 6.25rem 6.25rem 0 0;text-align: center;border-top: 1px solid var(--gray-800, #333);border-right: 1px solid var(--gray-800, #333);border-left: 1px solid var(--gray-800, #333);background: #000;gap: 1.25rem;margin-top: -5.625rem;transition: background 0.4s ease;will-change: transform, opacity;cursor: default;transform-style: preserve-3d;perspective: 1000px;}
.service-overview-list li:nth-child(1){margin-top: 0;}
.service-overview-list li:last-child{padding: 5rem 2rem;border: 1px solid var(--gray-800, #333);border-radius: 6.25rem 6.25rem;}
.service-overview-list .title{color: #FFF;font-family: "Albert Sans";font-size: 3.375rem;font-weight: 900;line-height: 100%;letter-spacing: -0.135rem;text-transform: uppercase;transition: all 0.4s ease;}
.service-overview-list .desc{color: var(--gray-450, #8C8C8C);font-size: 1.125rem;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: -0.045rem;text-transform: uppercase;transition: all 0.4s ease;}
.service-overview-list li:hover{background: #111;}
.service-overview-list li:hover .title{background: var(--gradient, linear-gradient(90deg, #ECECEC -6.44%, #739CF2 106.2%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transform: scale(1.05);}
.service-overview-list li:hover .desc{color: #eee;}




.service-approach{margin: 12.5rem 0 15.625rem 0;}
.service-approach-title{display: flex;flex-direction: column;gap: 1.25rem;margin-bottom:6.875rem ;}
.service-approach-title h3{color: #739CF2;font-family: "Albert Sans";font-size: 2.5rem;font-weight: 500;line-height: 100%;letter-spacing: -0.05rem;text-transform: uppercase;}
.service-approach-title p{color: #FFF;font-size: 1.0625rem;font-weight: 400;line-height: 140%;letter-spacing: -0.0425rem;text-transform: uppercase;}
.service-approach-list{display: flex;gap: 1.75rem;width: 100%;}
.service-approach-list li{display: flex;flex-direction: column;gap: .625rem;padding: 11.5rem 1.875rem;align-items: center;justify-content: center;position: relative;flex: 1 1;cursor: default;}
.service-approach-list li:after{content: '';width:100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px solid transparent;background-image: linear-gradient(#000, #000), linear-gradient(to right, rgba(51, 51, 51, 0) 0%, var(--gray-700) 100%);background-origin: border-box;background-clip: content-box, border-box;border-radius: 17rem;z-index: -1;}
.service-approach-list li h5{color: #FFF;font-family: "Albert Sans";font-size: 5.625rem;font-weight: 200;letter-spacing: -0.1125rem;}
.service-approach-list li p{color: #FFF;font-size: 1.125rem;font-weight: 300;line-height: 160%;letter-spacing: -0.045rem;}

.service-why-title{display: flex;flex-direction: column;gap: 2.5rem;color: #fff;}
.service-why{display: flex;flex-direction: column;gap: 2.5rem;}
.service-why-title h2{font-family: "Albert Sans";font-size: 12.5rem;font-weight: 100;line-height: normal;letter-spacing: -0.5rem;line-height:1.1;overflow:hidden;}
.service-why-title .en{font-family: "Albert Sans";font-size: 3.75rem;font-weight: 400;letter-spacing: -0.15rem;}
.service-why-title .kr{font-size: 1.125rem;font-weight: 300;line-height: 160%;letter-spacing: -0.045rem;}
.service-why-img{max-width: 1000px;width: 100%;height: 22.5rem;overflow: hidden;}
.service-why-img img{width: 100%;height: 100%;object-fit: cover;}
.service-why a{display: flex;gap: 12px;color: #FFF;font-family: "Albert Sans";font-size: 0.875rem;font-weight: 300;line-height: 160%;text-transform: uppercase;align-items: center;}
.service-why a:after{content: '';display: block;width: 77px;height: 5px;background: url(../../images/sub/ico_goProject.svg) no-repeat center;transition: all 0.5s;}
.service-why a:hover:after{margin-left: 4.375rem;}

@media screen and (max-width:1200px) {
  .service-approach-list{gap: 1.25rem;}
  .service-overview-title h3{font-size: 6rem;}
  .service-approach-list li h5{font-size: 4.375rem;}
}

@media screen and (max-width:1024px) {
.sub-main-title{font-size: 7rem;}
.service-overview-title h3{font-size: 3rem;}
.service-overview-list{margin-top: 0;}
.service-overview-list .title{font-size: 2.5rem;}
.service-approach-list{flex-direction: column;}
.service-approach-list li{padding: 4.375rem 0;}
.service-approach-list li h5{font-size: 3.125rem;}

.service-why-title h2{font-size: 5.625rem;}



}

@media screen and (max-width:768px) {
  .sub-main-title{font-size: 2.5rem;letter-spacing: -0.125rem;margin-bottom: 4.375rem;}
  .service-overview-title h3{font-size: 1.875rem;}
  .service-overview-list .title{font-size: 1.75rem;letter-spacing: -1px;}
  .service-overview-list .desc{font-size: 1rem;}
  .service-overview-list li{padding: 3.125rem 1.875rem 6.25rem 1.875rem;}
  .service-overview-list li:last-child{padding: 3.125rem 1.875rem;}
  .service-overview-title{gap: 1.25rem;margin-bottom: 1.875rem;}
  .service-approach-title{margin-bottom: 1.875rem;}
  .service-approach{margin: 4.375rem 0;}
  .service-approach-list li h5{font-size: 2.5rem;letter-spacing: -0.0625rem}

  .service-why-title{gap: 1.25rem;}
  .service-why-title h2{font-size: 3.125rem;letter-spacing: -0.0625rem;}
  .service-why-title .en{font-size: 1.875rem;letter-spacing: -0.0625rem;}
  .service-why-img{height: 15.625rem;}
  
}

/* about */
.about{width: 100%;overflow-x: hidden;}
.about .sub-main-title{margin-bottom: 0;margin-right: 2.5rem;}
.about-intro{display: flex;gap: 2rem;}
.about-intro .video{max-width: 1200px;width: 60%;position: relative;}
.about-intro .video video{width: 100%;}
/* ── about-belief WebGL Video ── */
#stage-wrap {position: relative;width: 100%;aspect-ratio: 16/9;overflow: hidden;}
canvas#glCanvas {display: block;width: 100%;height: 100%;position: absolute;inset: 0;z-index: 2;}
#rippleCanvas {position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;z-index: 5;opacity: 0.6;}

.hud {position: absolute;inset: 0;pointer-events: none;z-index: 10;}
.hud-corner {position: absolute;width: 20px;height: 20px;opacity: 0.4;}
.hud-corner.tl {top: 16px;left: 16px;border-top: 1px solid rgba(255,255,255,0.5);border-left: 1px solid rgba(255,255,255,0.5);}
.hud-corner.tr {top: 16px;right: 16px;border-top: 1px solid rgba(255,255,255,0.5);border-right: 1px solid rgba(255,255,255,0.5);}
.hud-corner.bl {bottom: 16px;left: 16px;border-bottom: 1px solid rgba(255,255,255,0.5);border-left: 1px solid rgba(255,255,255,0.5);}
.hud-corner.br {bottom: 16px;right: 16px;border-bottom: 1px solid rgba(255,255,255,0.5);border-right: 1px solid rgba(255,255,255,0.5);}

/* 커스텀 커서 — stage-wrap 진입시만 표시 */
.video-cursor-dot {position: fixed;pointer-events: none;z-index: 9999;width: 5px;height: 5px;background: #fff;border-radius: 50%;transform: translate(-50%,-50%);opacity: 0;transition: opacity 0.2s ease;}
.video-cursor-dot.active {opacity: 1;}
.video-cursor-ring.active {opacity: 1;}
.about-intro .txt{flex: 1 1;padding: 3.875rem 0 0 1.25rem;display: flex;justify-content: flex-end;}
.about-intro .txt p{color: var(--gray-100, #E5E5E5);font-size: 1.125rem;font-weight: 400;line-height: 160%;letter-spacing: -0.045rem;}

.about-belief{margin: 16.25rem 0;}
.about-belief-title{display: flex;flex-direction: column;gap:2.8125rem;align-items: flex-start;margin-bottom: 3.375rem;width:fit-content;margin: 0 auto 3.375rem auto;}
.about-belief-title h3{font-family: "Albert Sans";font-size: 5.625rem;font-weight: 500;line-height: 100%;letter-spacing: -0.1125rem;text-transform: uppercase;background: var(--gradient, linear-gradient(90deg, #ECECEC -6.44%, #739CF2 106.2%));background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.about-belief-title p{color: #FFF;font-size: 1.0625rem;font-weight: 400;line-height: 140%;letter-spacing: -0.0425rem;text-transform: uppercase;word-break: keep-all;}
.about-belief .video video{width: 100%;}
#stage-wrap{overflow:hidden;clip-path: inset(100% 0 0 0); backdrop-filter: blur(40px);;transform: scale(1.1);}

.about-reboot{margin:16.875rem  0 25rem 0;}
.about-reboot-title{display: flex;flex-direction: column;gap:2.8125rem;margin-bottom:8.125rem ;}
.about-reboot-title h3{color: #636363;font-family: "Albert Sans";font-size: 6.25rem;font-weight: 500;line-height: 100%; letter-spacing: -0.125rem;text-transform: uppercase;}
.about-reboot-title p{color: #FFF;font-size: 1.0625rem;font-weight: 400;line-height: 140%;letter-spacing: -0.0425rem;text-transform: uppercase;word-break: keep-all;}
.about-reboot-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 3.8125rem 5.3125rem;margin: auto;align-items: center;}

.about-reboot-list li {width: max-content;color: #B3BDC5;text-align: center;font-family: "Albert Sans";font-size: 2.5rem;font-weight: 300;line-height: 110%;letter-spacing: -0.1rem;text-transform: uppercase;display: flex;align-items: center;gap: .375rem;cursor: default;flex-direction: column;padding-left: 5.3125rem;}
.about-reboot-list li.white{color: #fff;}
.about-reboot-list li span{color: #FFF;font-family: "Albert Sans";font-size: 1rem;font-weight: 300;line-height: 110%;letter-spacing: -0.04rem;text-transform: uppercase;width: 100%;}
.about-reboot-list li:after{content: '';width:26px;height: 1px;transform: rotate(45deg) translateY(-50%);background: #739CF2;position: absolute;left: 0;top: 50%;}
.about-reboot-list li:first-child{padding-left: 0;}
.about-reboot-list li:first-child:before{display: none;}

.about-proof-title-wrap{display: flex;flex-direction: column;gap: 1.875rem;align-items: flex-end;}
.about-proof-title{display: flex;flex-direction: column;text-align: right;align-items: flex-end;}
.about-proof-title h3{font-family: "Albert Sans";font-size: 3.75rem;font-weight: 800;line-height: 100%;letter-spacing: -0.075rem;text-transform: uppercase;background: linear-gradient(90deg, #ECECEC 20%, #739CF2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.about-proof-title p{color: var(--gray-800, #333);font-family: "Albert Sans";font-size: 5.625rem;font-weight: 500;line-height: 100%;letter-spacing: -0.225rem;text-transform: uppercase;}
.about-proof-title-wrap .img{width: 400px;height: 240px;background: linear-gradient(180deg, #A87E7E 0%, #B64B54 100%);}
.about-proof-title-wrap .img img{width: 100%;height: 100%;object-fit: cover;}
.about-proof-area{display: flex;flex-direction: column;gap: 12.5rem;margin-top: -10rem;color: #FFF;}
.about-proof-area .item{display: flex;flex-direction: column;gap: 1.6875rem;cursor: default;}
.about-proof-area .item dt{display: flex;align-items: center;font-family: "Albert Sans";font-size: 15rem;font-weight: 100;line-height: 100%;letter-spacing: -0.6rem;text-transform: uppercase;gap: .625rem;}
.about-proof-area .item dt span{font-size: 1.875rem;font-weight: 400;letter-spacing: 0;}
.about-proof-area .item dt strong{font-weight: 100;}
.about-proof-area .item dd{font-size: 1.125rem;font-weight: 400;line-height: 160%;letter-spacing: -0.045rem;text-transform: uppercase;word-break: keep-all;}

#stage-wrap .hud-corner {
  display: none !important;
}

@media screen and (max-width:1440px) {
  .about .sub-main-title{margin-right: 20px;}

  .about-reboot-list{gap:3.8125rem 5.3125rem}
  .about-reboot-list li{gap: 2rem;}
}

@media screen and (max-width:1024px) {
  .about-intro{flex-direction: column;}
  .about-intro .video{max-width: 100%;width:90%;margin-left: auto;}
}

@media screen and (max-width:768px) {
  .about-belief,
  .about-reboot{margin: 4.375rem 0;}
  .about-belief-title,
  .about-reboot-title{gap: 1.5625rem;}
  .about-belief-title h3,
  .about-reboot-title h3{font-size: 2.25rem;}

  .about-reboot-list{gap:2.5rem .9375rem;flex-direction: column;}
  .about-reboot-title{margin-bottom: 3.125rem;}
  .about-reboot-list li{font-size: 1.625rem;gap: .9375rem;padding-left: 0;}
  .about-reboot-list li br{display: none;;}
  .about-reboot-list li::after{width: 16px;flex-shrink: 0;position: static;transform: rotate(45deg);margin-top: .9375rem;}

  .about-proof-title h3{font-size: 2rem;}
  .about-proof-title p{font-size: 3rem;}
  .about-proof-title-wrap .img{width: 18.75rem;height: 8.75rem;}
  .about-proof-area{gap: 3.125rem;margin-top: 0;}

  .about-proof-area .item{gap: 1.5625rem;}
  .about-proof-area .item dt{font-size: 4rem;gap: 10px;letter-spacing: -1px;margin-bottom: 1.875rem;}
  .about-proof-area .item dt{flex-direction: column-reverse;gap: 1.25rem;align-items: flex-start;}
  .about-proof-area .item dt strong{font-size: 8rem;}
  .about-proof-area .item dt span{font-size: 1.375rem;}
}

@media screen and (max-width:480px) {
  .about-reboot-list {flex-direction: column;}
  .about-proof-area .item dt{font-size: 2.5rem;}
  .about-proof-area .item dt span{font-size: 1.125rem;}
  .about-proof-title p{font-size: 2rem;}
}

/* contact */
.contact-sub-visual{margin: 15.625rem auto 7.5rem auto;display: flex;flex-direction: column;gap: 2rem;}
.contact-sub-visual h3{color: #FFF;font-family: "Albert Sans";font-size: 12.5rem;font-weight: 100;line-height: 100%;letter-spacing: -0.5rem;}
.split-title .char{display:inline-block;will-change: transform;}
.contact-sub-visual p{color: #FFF;font-size: 1.125rem;font-weight: 300;line-height: 160%;letter-spacing: -0.045rem;}
.contact_inner{max-width: 950px;margin-left: auto;}

.contact-write{display: flex;flex-direction: column;gap: 4.6875rem;}
.contact-write .item{display: flex;flex-direction: column;gap: 2.5rem;}
.contact-write h4,
.contact-write h4 label{color: #FFF;font-size: 1.375rem;font-weight: 500;line-height: 100%;letter-spacing: -0.055rem;text-transform: uppercase;display: flex;gap: 14px;align-items: center;}
.contact-write h4.required:after{content: '';width: 12px;height: 12px;background: url(../../images/sub/ico_reauired.svg) no-repeat center;}
.contact-write .input-list{display: flex;flex-wrap: wrap;gap: 1.25rem;}
.contact-write .input-list li{width: calc((100% - 1.25rem)/2);}
.add-text{display: flex;flex-direction: column;gap: 0.75rem;color: var(--gray-400, #999);font-size: 1rem;font-weight: 400;line-height: 100%;letter-spacing: -0.04rem;text-transform: uppercase;align-items: flex-end;}
.add-text .go-web{display: flex;align-items: center;gap: 1.125rem}
.add-text .go-web a{display: flex;align-items: center;color: var(--gray-0, #FFF);font-size: 0.9375rem;font-weight: 400;line-height: 120%;letter-spacing: -0.0375rem;gap: .625rem;transform: all 0.3s;}
.add-text .go-web a::before{content: '';display: block;width: 18px;height: 5px;background: url(../../images/sub/ico_arrow02.svg) no-repeat center;}
.add-text .go-web a:hover{font-weight: 500;}

.contact-write input[type=text], 
.contact-write input[type=email], 
.contact-write input[type=password]{padding: 1.4375rem 1.25rem;max-width: 100%;color: #FFF;font-size: 1.125rem;font-weight: 300; line-height: 100%;letter-spacing: -0.045rem;border-radius: 0.5rem;background: #1C1C1C;border: 0;}
.contact-write input[type=text]::placeholder, 
.contact-write input[type=email]::placeholder, 
.contact-write input[type=password]::placeholder{color: #999}

.btn-list{display: flex;flex-wrap: wrap;gap: .3125rem;}

.btn-list input[type="radio"] {display: none; }

.btn-list label {padding:.9375rem 2.5rem;border-radius: 2.375rem;border: 1px solid var(--gray-800, #333);color: #FFF;font-size: 1.125rem;font-weight: 300;line-height: 100%;letter-spacing: -0.045rem;display: flex;gap: 1.125rem;align-items: center;white-space: nowrap;cursor: pointer;transition: all 0.3s;}
.btn-list input[type="radio"]:checked + label,
.btn-list label:hover {background-color: #fff;color: #000;}

.btn-list label:hover input[type=text]{color: #777;}
.btn-list label input[type=text]{border: none;background: none;color: #fefefe;font-size: 1.125rem;font-weight: 400;line-height: 100%;letter-spacing: -0.045rem;text-transform: uppercase;flex-shrink:initial;padding: 0;height: 20px;border-radius: 0;transition: all 0.5s;}
.etc_btn{flex: 1 1;}
.etc_btn input[type=text]{width: 100%;}
.btn-list label input[type=text]::placeholder{color: #808080}
.btn-list label {position: relative;}

.btn-list label.active {background-color: white;color: #000;}
.btn-list label.active input[type=text]{color: #777;}
.url-input-wrap{display: flex;flex-direction: column;gap: .9375rem;}
.url-input-wrap .urlList{display: flex;flex-direction: column;gap: .9375rem;}
.url-input-area,
.url-input-area .file-box {display: flex;gap: 1.25rem;}
.url-input-area input[type=text]{flex: 1 1;}

.url-input-area .urlBtn,
.contact_board .file-box .urlBtn{color: #FFF;font-size: 1.0625rem;font-weight: 500;line-height: 100%;letter-spacing: -0.0425rem;text-transform: uppercase;width: 6.25rem;display: flex;justify-content: center;align-items: center;border-radius: 0.5rem;border: 1px solid var(--gray-400, #999);background: #000;height: auto;transition: all 0.3s;}
.url-input-area .urlBtn:hover,
.contact_board .file-box .urlBtn:hover{background: #fff;color: #000;}


/* 파일선택 */
.contact_board .file-box {position: relative;gap: 1.25rem;} 
.contact_board .file-box .file-upload { display: none; flex:1; }  
.contact_board .file-box input[type=text]:read-only{background: #1C1C1C !important;border: none !important;color: #fff;}
.contact_board .file-box input[type=text]{flex: 1 1;}
.contact_board .attached-file a { text-decoration: underline; } 

/* textarea */
.contact_board .textarea{padding: 1.25rem 1.875rem;height: 15rem;border-radius: 0.5rem;background: #1C1C1C;color: #fff;font-size: 1.125rem;font-weight: 400;line-height: 150%;letter-spacing: -0.045rem;border:none;resize: none;}
.contact_board .textarea::placeholder{color: var(--gray-400, #999);}
/* 스크롤바 */
.contact_board .textarea::-webkit-scrollbar {width: 6px;}
.contact_board .textarea::-webkit-scrollbar-track {background: transparent;}
.contact_board .textarea::-webkit-scrollbar-thumb {background: #555;border-radius: 10px;}
.contact_board .textarea::-webkit-scrollbar-thumb:hover {background: #777;}

/* 자동등록방지코드 */
.prevent{display: flex;gap: .625rem;align-items: center;}
.prevent input[type=text]{max-width: 310px !important;width: 100%;}
.prevent .key{color: var(--gray-400, #999);font-size: 1.125rem;font-weight: 400;line-height: 100%;letter-spacing: -0.045rem;text-transform: uppercase;}
.prevent .key span{color: var(--gray-0, #FFF);font-size: 1.125rem;font-weight: 400;letter-spacing: -0.045rem;text-transform: uppercase;}

.prevent .img{width: 130px;height: 46px;border-radius: 0.5rem;overflow: hidden;}
.prevent .img img{width: 100%;height: 100%;}

@media screen and (max-width:768px) {
  .prevent{flex-wrap:wrap}
  .prevent input[type=text]{max-width: 100%;}
  .prevent .key{width: 100%;margin-top: .3125rem;}
}

/* 동의 */
.agree-check input {position: absolute;opacity: 0;}
.agree-check label {position: relative;padding-left: 36px;cursor: pointer;color: var(--gray-0, #FFF);font-size: 1.125rem;font-weight: 400;line-height: 150%;letter-spacing: -0.045rem;}
.agree-check label::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1.625rem;height: 1.625rem;border-radius: 0.3125rem;background: #D9D9D9;transition: all 0.2s;}
.agree-check input:checked + label::before {background: #fff;}
.agree-check input:checked + label::after {content: "";position: absolute;left: .625rem;top: 50%;width: 6px;height: 12px;border: solid #000;border-width: 0 2px 2px 0;transform: translateY(-60%) rotate(45deg);}
.contact_board .btn{color: var(--gray-0, #FFF);font-size: 1.125rem;font-weight: 500;line-height: 100%;letter-spacing: -0.045rem;text-transform: uppercase;padding: 1.125rem;width:160px;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 0.5rem !important;border: 0 !important;height: auto !important;transition: all 0.3s;}
.contact_board .btn-history-back{background: var(--gray-500, #808080) !important;color: #fff !important;}
.contact_board .btn-history-back:hover{background: var(--gray-500, #808080) !important;color: #fff !important;}
.contact_board .btn.fill{background: #739CF2;}
.contact_board .btn:hover{transform: translateY(-5px);}
.contact_wrap{position: relative;padding-bottom: 8.125rem;overflow: hidden;}
.contact_wrap:after{content:"Reboot your web presence";display: block;position: absolute;left: 50%;bottom: 0;color: var(--gray-800, #333);font-family: "Albert Sans";font-size: 6.25rem;font-style: normal;font-weight: 500;line-height: 100%;letter-spacing: -0.25rem;text-transform: uppercase;transform: translateX(-50%);max-width:1420px;width: calc(100% - 40px);white-space: nowrap;text-align: right;}

@media screen and (max-width:1440px) {
  .contact-sub-visual h3{font-size: 6.25rem;letter-spacing: -1px;}
}

@media screen and (max-width:1024px) {
  .contact-sub-visual h3{font-size: 4.375rem;}
  .contact_wrap:after{font-size: 5rem;}
}

@media screen and (max-width:768px) {
  .contact-sub-visual{margin: 0 auto 4.375rem auto;}
  .contact-sub-visual h3{font-size: 2.5rem;}
  .contact-write{gap: 3.125rem;}
  .contact-write .item{gap: 1.875rem;}
  .contact-write h4, .contact-write h4 label{font-size: 1.125rem;}
  .contact-write .input-list{flex-direction: column;}
  .contact-write .input-list li{width: 100%;}
  .btn-list label{padding: .9375rem 1.25rem;font-size: .9375rem;letter-spacing: -1px;}
  .etc_btn{width: 100%;flex: none;}
  .contact-write input[type=text], .contact-write input[type=email], .contact-write input[type=password],.contact_board .textarea,.btn-list label input[type=text]{font-size: .9375rem;}
  .url-input-area, .url-input-area .file-box{gap: .9375rem;}
  .url-input-area .urlBtn, .contact_board .file-box .urlBtn{width:75px;font-size: .9375rem;}
  .add-text{word-break: keep-all;}
  .contact_board .textarea{padding: 1.25rem .625rem}
  .add-text{font-size: .9375rem;line-height: 140%;}

  .contact-write input[type=text], .contact-write input[type=email], .contact-write input[type=password]{padding: 1.25rem 10px;}

  .contact_wrap .board .btn-wrap{flex-direction: row;justify-content: center;}
  .contact_board .btn{max-width: 160px;width: max-content;flex:  1 1;}
  .prevent .key{font-size: .875rem;}

  .prevent input[type=text]{max-width: 155px;}
  .prevent .key span{font-size: .9375rem;}

  .contact_wrap:after{font-size: 3rem;white-space:normal;letter-spacing: -0.0625rem;}
  
}