.hero{padding:100px 20px 120px;text-align:center}.hero .small{color:#9ca3af;font-size:16px;font-weight:400;line-height:135%;text-align:center}.hero h3{color:#fff;margin:4px 0 12px;text-align:center}section.hero .desc{color:#9ca3af}.hero .hero_tab{background-color:#1f2937;border-radius:12px;display:inline-flex;gap:2px;margin-top:48px;padding:6px}.hero .hero_tab li{align-items:center;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;font-weight:500;height:45px;justify-content:center;line-height:160%;padding:0 31.75px;transition:.2s ease}.hero .hero_tab li.active{background-color:#fff;color:#030712}.hero .tab_contents{background-color:#1f2937;border-radius:24px;margin-top:24px;padding:56px 56px 56px 64px}.hero .tab_contents .content_item{align-items:center;display:flex;gap:80px;justify-content:space-between;text-align:left}.hero .tab_contents .content_item .left_area i{align-items:center;background-color:#05bc63;border-radius:8px;display:flex;height:48px;justify-content:center;width:48px}.hero .tab_contents .content_item .left_area .stitle{color:#9ca3af;font-size:15px;font-weight:400;letter-spacing:0;line-height:160%;margin-top:24px}.hero .tab_contents .content_item .left_area h4{color:#fff;font-size:28px;font-weight:600;line-height:140%;margin:8px 0 40px}.hero .check_item{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:500;gap:6px;line-height:160%;padding:6px 0}.hero .check_item span{display:flex;padding:5.33px}.hero .tab_contents .content_item .img_area{border-radius:12px;flex-shrink:0;line-height:0;overflow:hidden;width:480px}.hero .tab_contents .content_item .img_area img{width:100%}.hero .tab_contents .content_item{display:none}.hero .tab_contents .content_item.active{animation:hero-fade .3s ease;display:flex}@keyframes hero-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.hero .hero_tab li:not(.active):hover{background-color:#374151}}@media (max-width:1024px){.hero{overflow-x:hidden;padding:48px 20px 24px}.hero h2{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:130%;margin:8px 0 12px}.hero .small{font-size:14px}.hero .hero_tab{margin-top:24px}.hero .hero_tab li{font-size:15px;height:40px;line-height:150%;padding:0 10.12px}.hero .tab_contents{background-color:transparent;border-radius:12px;display:block;margin:16px auto 0;overflow:visible;padding:0;position:relative;touch-action:pan-y;width:fit-content}.hero .tab_contents .content_item{background-color:#1f2937;border-radius:12px;cursor:grab;gap:0;height:320px;overflow:hidden;transition:transform .25s ease;width:655px;will-change:transform}.hero .tab_contents .content_item.is-dragging{cursor:grabbing;transition:none}.hero .tab_contents .content_item .img_area{border-radius:0;flex-shrink:unset;height:320px;order:-1;width:320px}.hero .tab_contents .content_item .img_area img{width:100%}.hero .tab_contents .content_item .left_area{height:320px;padding:24px 0 24px 24px;width:335px}.hero .tab_contents .content_item .left_area .stitle{font-size:14px;line-height:150%;margin-top:12px}.hero .tab_contents .content_item .left_area i{height:40px;width:40px}.hero .tab_contents .content_item .left_area h4{font-size:20px;margin:8px 0 27px}.hero .check_item{align-items:center;display:flex;font-size:14px;font-weight:400;gap:6px;height:24px;letter-spacing:0;line-height:150%;margin:6px 0}.hero .check_item span{display:flex;padding:4px}}@media (max-width:692px){.hero .tab_contents{width:auto}}@media (max-width:350px){.hero{padding:48px 12px 24px}}