.ySSNZW_wrap{justify-content:space-between;margin:3.7037vw auto;display:flex;overflow:hidden}.ySSNZW_txt_wrap ul{position:sticky;top:3.7037vw;left:0}.ySSNZW_txt_wrap ul li{padding-top:1.3889vw}.ySSNZW_txt_wrap ul li button{color:var(--font-gray-300)}.ySSNZW_txt_wrap ul li.ySSNZW_active button{color:#091434;position:relative}.ySSNZW_txt_wrap ul li button:after{width:0}.ySSNZW_txt_wrap ul li.ySSNZW_active button:after{width:100%}.ySSNZW_txt_wrap ul li:not(:first-child){margin-top:16px}.ySSNZW_tab{overflow-x:scroll}.ySSNZW_tab::-webkit-scrollbar{display:none}.ySSNZW_tab{-ms-overflow-style:none;scrollbar-width:none}.ySSNZW_box_wrap{justify-content:flex-end;gap:var(--content-margin);flex-wrap:wrap;width:100%;margin-left:8.5069vw;transition:all 1s ease-in-out;display:flex}.ySSNZW_box_wrap .ySSNZW_box:nth-child(4n),.ySSNZW_box_wrap .ySSNZW_box:nth-child(4n+1){width:calc(50% - var(--content-margin))}.ySSNZW_box_wrap .ySSNZW_box:nth-child(4n+2),.ySSNZW_box_wrap .ySSNZW_box:nth-child(4n+3){width:50%}.ySSNZW_box_wrap .ySSNZW_box{transition:width 1s ease-in-out}.ySSNZW_box_wrap.ySSNZW_active .ySSNZW_box:nth-child(4n),.ySSNZW_box_wrap.ySSNZW_active .ySSNZW_box:nth-child(4n+1){width:calc(100% / 3 - var(--content-margin))}.ySSNZW_box_wrap.ySSNZW_active .ySSNZW_box:nth-child(4n+2),.ySSNZW_box_wrap.ySSNZW_active .ySSNZW_box:nth-child(4n+3){width:66.6667%}.ySSNZW_box{cursor:pointer;border-radius:var(--radius);width:100%;min-width:176px;height:26.5046vw;position:relative;overflow:hidden;box-shadow:0 8px 23px -6px #4e4e4e33}.ySSNZW_box:last-child{margin-right:auto}.ySSNZW_box img{object-fit:cover;transition:transform .2s ease-in-out;transform:scale(1)}.ySSNZW_box:hover img{transform:scale(1.1)}.ySSNZW_project_container{flex-direction:column;padding:12.5vw 0 4.5833vw;display:flex}.ySSNZW_project_container .ySSNZW_txt_wrap li:first-of-type{margin-top:1.6667vw;padding-top:0}.ySSNZW_project_container .ySSNZW_txt_wrap li:not(:first-of-type){margin-top:.2604vw;padding-top:0}.ySSNZW_project_container .ySSNZW_txt_wrap>p{color:var(--font-gray-200);margin-top:1.6667vw}.ySSNZW_project_wrap{align-items:center;gap:var(--content-margin);width:69.4522vw;height:100%;padding:1.6667vw 0 4.1667vw;display:flex}.ySSNZW_box{cursor:pointer;border-radius:var(--radius);width:100%;transition:flex .5s ease-in-out;position:relative;overflow:hidden}.ySSNZW_box1,.ySSNZW_box2,.ySSNZW_box3{flex:1 1 0}.ySSNZW_project_container{padding:6.25vw 0 2.0833vw}.ySSNZW_project_container .ySSNZW_txt_wrap{flex-direction:column;display:flex}.ySSNZW_project_container .ySSNZW_txt_wrap ul{position:initial;flex-direction:column;display:flex}.ySSNZW_project_container .ySSNZW_txt_wrap li:first-of-type{margin-top:1.6667vw}.ySSNZW_project_container .ySSNZW_txt_wrap li:not(:first-of-type){margin-top:.2604vw}.ySSNZW_project_container .ySSNZW_txt_wrap li span:nth-child(2){margin-left:1.25vw}.ySSNZW_project_container .ySSNZW_txt_wrap>p{margin-top:1.6667vw}.ySSNZW_project_container .ySSNZW_project_wrap{align-items:center;gap:var(--content-margin);width:100%;height:100%;padding:1.6667vw 0 0;display:flex}.ySSNZW_project_container a{text-align:left;font-size:1.6667vw;font-weight:600;line-height:2vw}.ySSNZW_project_container a:last-child{margin-left:2.9167vw}.ySSNZW_project_container a span{position:relative}.ySSNZW_project_container a span:nth-child(2){display:block}.ySSNZW_project_container a span:after{content:"";background-color:#000;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.ySSNZW_project_container a:hover span:after{width:100%}.ySSNZW_project_container .ySSNZW_box:hover{flex:2 1 0}@media (max-width:768px){.ySSNZW_wrap{flex-direction:column;margin-top:0}.ySSNZW_txt_wrap ul{position:initial;column-gap:24px;padding:24px 0;display:flex}.ySSNZW_txt_wrap ul li:not(:first-child){margin-top:0}.ySSNZW_box_wrap{margin-left:0}.ySSNZW_box{height:13.75rem;max-width:initial;min-width:initial}.ySSNZW_project_container{padding:120px 0 236px}.ySSNZW_project_container .ySSNZW_project_wrap{grid-template-columns:repeat(3,1fr);padding-top:24px;display:grid}.ySSNZW_project_container .ySSNZW_txt_wrap ul{padding:0}.ySSNZW_project_container .ySSNZW_txt_wrap ul h3{font-size:18px}.ySSNZW_project_container .ySSNZW_txt_wrap ul li,.ySSNZW_project_container .ySSNZW_txt_wrap>p{font-size:12px}.ySSNZW_project_container .ySSNZW_txt_wrap ul li:first-of-type{margin-top:16px}.ySSNZW_project_container .ySSNZW_txt_wrap ul li:not(:first-of-type){margin-top:4px}.ySSNZW_project_container .ySSNZW_project_wrap a:nth-child(2){grid-column:2/5}.ySSNZW_project_container .ySSNZW_project_wrap a:nth-child(3){grid-column:1/3}.ySSNZW_project_container a{font-size:16px;line-height:24px}.ySSNZW_project_container a:last-child{margin-left:0}.ySSNZW_project_container a span:after{height:1px}}
