main.main.product-vacuum-robot section.section-hero{background-color:var(--grey)}
main.main.product-rehabilitation-robot section.section-hero{background-color:var(--green)}
main.main.product-agv-amr section.section-hero{background-color:var(--sky)}
main.main.product-entertainment section.section-hero{background-color:var(--lemon)}

/*---- Products :: Hero Banner -----*/
main.main section.section-hero .hero-banner .banner-wrap .banner-container .banner-item .typography-content{padding-bottom:120px}
main.main section.section-hero .hero-banner .banner-wrap .banner-container .banner-item .typography-content h2.headline{font-size:74px;line-height:80px}
main.main section.section-hero .hero-banner .banner-wrap .banner-container .banner-item .typography-content p.description{font-size:18px;letter-spacing:-1.5px;line-height:32px}
section.section-products{position:relative;background-color:var(--white)}
section.section-products .sticky-wrap .sticky-container{min-height:780px}
section.section-products .sticky-wrap .sticky-timeline .track{min-height:780px}
section.section-products .sticky-wrap .sticky-container .feature-wrap{position:absolute;z-index:50;width:100%}
section.section-products .sticky-wrap .sticky-container .feature-wrap .feature-item{display:-webkit-box;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;-webkit-box-align:center;align-items:center}
section.section-products .sticky-wrap .sticky-container .feature-wrap .feature-item.selected{opacity:1;pointer-events:auto}
/*section.section-products .sticky-wrap .sticky-container .feature-wrap .feature-item .content-area{padding-top:380px;padding-bottom:200px}*/
section.section-products .sticky-wrap .sticky-container .image-wrap{pointer-events:none;min-height:780px}
section.section-products .sticky-wrap .sticky-container .image-wrap{pointer-events:none}
section.section-products .sticky-wrap .sticky-container .image-wrap .figure-sequence{position:relative;width:1280px;height:100%;margin-right:auto;margin-left:auto}
section.section-products .sticky-wrap .sticky-container .image-wrap .figure-sequence canvas{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
section.section-products .sticky-wrap .sticky-container .image-wrap .figure-sequence canvas.pos-bottom{top:initial;bottom:-100px;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none}
section.section-products .sticky-wrap .sticky-container .image-wrap .figure-sequence canvas.pos-fit{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%)}
section.section-products .tab-wrap{position:absolute;z-index:100;top:0;right:0;left:0;height:163px;margin-top:calc(var(--gn-minimal-height) + 59px);background-image:url(/assets/img/products/glow.png)}
section.section-products .tab-wrap::before{content:'';display:block;position:absolute;right:0;left:0;top:calc((var(--gn-minimal-height) + 59px) * -1);height:calc(var(--gn-minimal-height) + 60px);background-color:var(--white)}
section.section-products .tab-wrap .tab-area{display:-webkit-box;display:flex;position:relative;width:1280px;margin-right:auto;margin-left:auto;-webkit-box-pack:center;justify-content:center}
section.section-products .tab-wrap .tab-area .tabs{position:relative;z-index:1}
section.section-products .tab-wrap .tabs ul{display:-webkit-box;display:flex}
section.section-products .tab-wrap .tabs ul li.tab-item{}
section.section-products .tab-wrap .tabs ul li.tab-item a.tab-label{display:block;padding:8px 20px;color:var(--grey-tab);text-transform:uppercase;font-size:17px;line-height:24px;cursor:pointer;transition:color 180ms 120ms ease-in-out;-webkit-transition:color 180ms 120ms ease-in-out;-moz-transition:color 180ms 120ms ease-in-out;-o-transition:color 180ms 120ms ease-in-out}
section.section-products .tab-wrap .tabs ul li.tab-item.selected a.tab-label{color:var(--white);cursor:default;pointer-events:none}
section.section-products .tab-wrap .tabs ul li.tab-item a.tab-label span{display:inline-block;vertical-align:top}
section.section-products .tab-wrap .tabs .tab-selection{display:block;position:absolute;z-index:-1;top:0;left:0;width:0;height:40px;border-radius:40px;transition:left 220ms ease-in-out,width 220ms ease-in-out;-webkit-transition:left 220ms ease-in-out,width 220ms ease-in-out;-moz-transition:left 220ms ease-in-out,width 220ms ease-in-out;-o-transition:left 220ms ease-in-out,width 220ms ease-in-out}
main.main.product-vacuum-robot section.section-products .tab-wrap .tabs .tab-selection{background-color:var(--grey-tab)}
main.main.product-rehabilitation-robot section.section-products .tab-wrap .tabs .tab-selection{background-color:var(--green)}
main.main.product-agv-amr section.section-products .tab-wrap .tabs .tab-selection{background-color:var(--sky)}
main.main.product-entertainment section.section-products .tab-wrap .tabs .tab-selection{background-color:var(--lemon)}
section.section-products .feature-wrap .feature-item{width:100%;height:100vh;min-height:780px}
section.section-products .feature-wrap .feature-item .content-area{display:-webkit-box;display:flex;position:relative;width:1280px;margin-right:auto;margin-left:auto;min-height:587px;padding-top:180px;padding-right:40px;padding-left:40px;-webkit-box-orient:vertical;flex-direction:column}
html[lang=en] section.section-products .feature-wrap .feature-item .content-area{}
section.section-products .feature-wrap .feature-item h2.headline{text-transform:uppercase;font-size:26px;font-weight:800;letter-spacing:-0.6px;line-height:19px}
section.section-products .feature-wrap .feature-item h2.headline.align-right{margin-left:50%}
section.section-products .feature-wrap .feature-item p.description{color:var(--note);font-family:var(--font-noto-sans-kr);font-size:21px;font-weight:400;letter-spacing:-1.8px;line-height:42px}
section.section-products .feature-wrap .feature-item h2.headline + .content-list{margin-top:20px}
section.section-products .feature-wrap .feature-item .content-list{position:relative}
main.product-vacuum-robot section.section-products .feature-wrap .feature-item .content-list{height:126px}
html[lang=en] main.product-vacuum-robot section.section-products .feature-wrap .feature-item .content-list{height:210px}
section.section-products .feature-wrap .feature-item .content-list.align-right{margin-left:50%}
section.section-products .feature-wrap .feature-item .content-list .content-item{position:absolute;top:0;left:0;opacity:0;transition:opacity 80ms ease-in-out;-webkit-transition:opacity 80ms ease-in-out;-moz-transition:opacity 80ms ease-in-out;-o-transition:opacity 80ms ease-in-out}
section.section-products .feature-wrap .feature-item .content-list .content-item.selected{opacity:1}
section.section-products .feature-wrap .feature-item .content-list .content-item p.description b{color:var(--black);font-weight:500}
section.section-products .feature-wrap .feature-item .content-list .content-item p.note{color:var(--note);font-size:15px;letter-spacing:-0.5px;line-height:22px}
section.section-products .feature-wrap .feature-item .content-list .content-item p.description + p.note{margin-top:30px}
section.section-products .feature-wrap .feature-item .content-list .content-item p.util{}
section.section-products .feature-wrap .feature-item .content-list .content-item p.util a{display:inline-block;position:relative;vertical-align:top;width:134px;height:62px;padding:20px 15px;background-color:var(--white);border-radius:31px;text-align:center}
section.section-products .feature-wrap .feature-item .content-list .content-item p.util a:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--year);border-radius:31px}
section.section-products .feature-wrap .feature-item .content-list .content-item p.util a span{color:var(--dark);font-size:15px;font-weight:500;letter-spacing:-0.4px;line-height:22px}
section.section-products .feature-wrap .feature-item .content-list .content-item p.note + p.util{margin-top:26px}
section.section-products .feature-wrap .feature-item .tech-specs{margin-top:min(80px, 5%)}
html[lang=en] section.section-products .feature-wrap .feature-item .tech-specs{margin-top:min(40px, 5%)}
section.section-products .feature-wrap .feature-item .tech-specs .spec-view{width:600px;margin:-15px -10px}
section.section-products .feature-wrap .feature-item .tech-specs .spec-view .spec-row{display:-webkit-box;display:flex;padding-top:15px;padding-bottom:15px}
section.section-products .feature-wrap .feature-item .tech-specs .spec-view .spec-row .column{position:relative;width:300px;padding-top:17px;padding-right:10px;padding-left:10px}
section.section-products .feature-wrap .feature-item .tech-specs .spec-view .spec-row .column::before{content:'';position:absolute;top:0;right:10px;left:10px;border-bottom:1px solid var(--border)}
section.section-products .feature-wrap .feature-item .tech-specs .spec{display:-webkit-box;display:flex}
section.section-products .feature-wrap .feature-item .tech-specs .spec .spec-item{}
section.section-products .feature-wrap .feature-item .tech-specs .spec .spec-item + .spec-item{margin-left:10px}
section.section-products .feature-wrap .feature-item .tech-specs .spec .spec-item span{display:inline-block;vertical-align:bottom}
section.section-products .feature-wrap .feature-item .tech-specs .spec .spec-item span.number{font-size:30px;letter-spacing:-1.5px;line-height:35px}
section.section-products .feature-wrap .feature-item .tech-specs .spec .spec-item span.unit{padding-bottom:2px;color:var(--note);font-size:17px;letter-spacing:-0.9px;line-height:27px}
section.section-products .feature-wrap .feature-item .tech-specs .spec .spec-item span.number + span.unit{margin-left:4px}
section.section-products .feature-wrap .feature-item .tech-specs p.note{color:var(--note);font-family:var(--font-noto-sans-kr);font-size:14px;letter-spacing:-0.4px;line-height:20px}
section.section-products .feature-wrap .feature-item .tech-specs .spec + p.note{margin-top:4px}

@media only screen and (max-width: 768px) {
    main.main section.section-hero{height:initial}
    main.main section.section-hero .hero-banner-m{height:0;padding-bottom:97.22%}
    main.main section.section-hero .hero-banner-m .banner-wrap .banner-container .banner-item .typography-content h2.headline{font-size:26px;letter-spacing:-0.5px;line-height:28px}
    main.main section.section-hero .hero-banner-m .banner-wrap .banner-container .banner-item .typography-content h2.headline + p.description{margin-top:10px}
    main.main section.section-hero .hero-banner-m .banner-wrap .banner-container .banner-item .typography-content p.description{font-size:18px;letter-spacing:-1.35px;line-height:28px}
    section.section-products-m{padding-top:15px}
    section.section-products-m .nav-wrap{display:-webkit-box;display:flex;position:sticky;z-index:100;top:var(--gn-height);width:100%;height:55px;padding:10px 20px;background-color:var(--white)}
    section.section-products-m .nav-wrap .headlines{position:relative;width:50%;height:100%}
    section.section-products-m .nav-wrap .headlines .headline-item{position:absolute;top:50%;left:0;opacity:0;pointer-events:none;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
    section.section-products-m .nav-wrap .headlines .headline-item.selected{opacity:1;pointer-events:auto}
    section.section-products-m .nav-wrap .headlines .headline-item h2.headline{text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:-0.2px;line-height:19px}
    section.section-products-m .nav-wrap .selection{margin-left:auto}
    section.section-products-m .nav-wrap .selection .form-select{position:relative;height:36px}
    section.section-products-m .nav-wrap .selection .form-select .form-select-control{position:relative;z-index:20;width:100%;min-width:160px;height:36px;padding:7px 50px 7px 15px;text-align:left}
    main.main.product-entertainment section.section-products-m .nav-wrap .selection .form-select .form-select-control{min-width:220px}
    section.section-products-m .nav-wrap .selection .form-select .form-select-control::before{border-top:1px solid var(--border)}
    section.section-products-m .nav-wrap .selection .form-select .form-select-control span.current{display:inline-block;vertical-align:top;text-transform:uppercase;color:var(--dark);font-size:14px;letter-spacing:-0.5px;line-height:20px}
    main.main.product-vacuum-robot section.section-products-m .nav-wrap .selection .form-select .form-select-control span.current{color:var(--dark)}
    main.main.product-rehabilitation-robot section.section-products-m .nav-wrap .selection .form-select .form-select-control span.current{color:var(--green)}
    main.main.product-agv-amr section.section-products-m .nav-wrap .selection .form-select .form-select-control span.current{color:var(--sky)}
    main.main.product-entertainment section.section-products-m .nav-wrap .selection .form-select .form-select-control span.current{color:var(--lemon)}
    section.section-products-m .nav-wrap .selection .form-select .form-select-control span.arrow{display:block;position:absolute;top:50%;right:15px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
    section.section-products-m .nav-wrap .selection .form-select.open .form-select-control span.arrow{transform:translateY(-50%) rotate(-180deg);-webkit-transform:translateY(-50%) rotate(-180deg);-moz-transform:translateY(-50%) rotate(-180deg);-o-transform:translateY(-50%) rotate(-180deg)}
    section.section-products-m .nav-wrap .selection .form-select .form-select-control span.arrow svg{display:block;width:12px;height:8px}
    section.section-products-m .nav-wrap .selection .form-select .form-select-control span.arrow svg polygon{fill:var(--dark)}
    main.main.product-vacuum-robot section.section-products-m .nav-wrap .selection .form-select .form-select-control span.arrow svg polygon{fill:var(--grey-tab)}
    main.main.product-rehabilitation-robot section.section-products-m .nav-wrap .selection .form-select .form-select-control span.arrow svg polygon{fill:var(--green)}
    main.main.product-agv-amr section.section-products-m .nav-wrap .selection .form-select .form-select-control span.arrow svg polygon{fill:var(--sky)}
    main.main.product-entertainment section.section-products-m .nav-wrap .selection .form-select .form-select-control span.arrow svg polygon{fill:var(--lemon)}
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu{overflow:hidden;position:absolute;z-index:10;top:0;right:0;left:0;height:36px;background-color:var(--white);border-radius:17px;-webkit-box-shadow:0 0 1px var(--black-10);box-shadow:0 0 1px rgba(0,0,0,0.1);transition:height 200ms ease-in-out,opacity 200ms ease-in-out;-webkit-transition:height 200ms ease-in-out,opacity 200ms ease-in-out;-moz-transition:height 200ms ease-in-out,opacity 200ms ease-in-out;-o-transition:height 200ms ease-in-out,opacity 200ms ease-in-out}
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box{position:relative;white-space:nowrap}
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu::before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--dark);border-radius:17px}
    main.main.product-vacuum-robot section.section-products-m .nav-wrap .selection .form-select .dropdown-menu::before{border-color:var(--grey-tab)}
    main.main.product-rehabilitation-robot section.section-products-m .nav-wrap .selection .form-select .dropdown-menu::before{border-color:var(--green)}
    main.main.product-agv-amr section.section-products-m .nav-wrap .selection .form-select .dropdown-menu::before{border-color:var(--sky)}
    main.main.product-entertainment section.section-products-m .nav-wrap .selection .form-select .dropdown-menu::before{border-color:var(--lemon)}
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list{padding:38px 15px 10px}
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item{height:20px}
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item + li.dropdown-menu-item{margin-top:10px}
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item a{display:block;text-transform:uppercase;color:var(--select);font-size:14px;letter-spacing:-0.5px;line-height:20px}
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item:hover a,
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item.selected a{color:var(--dark)}
    main.main.product-vacuum-robot section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item:hover a,
    main.main.product-vacuum-robot section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item.selected a{color:var(--dark)}
    main.main.product-rehabilitation-robot section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item:hover a,
    main.main.product-rehabilitation-robot section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item.selected a{color:var(--green)}
    main.main.product-agv-amr section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item:hover a,
    main.main.product-agv-amr section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item.selected a{color:var(--sky)}
    main.main.product-entertainment section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item:hover a,
    main.main.product-entertainment section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item.selected a{color:var(--lemon)}
    section.section-products-m .nav-wrap .selection .form-select .dropdown-menu .dropdown-menu-box ul.dropdown-menu-list li.dropdown-menu-item.selected a span{text-decoration:underline}
    section.section-products-m .nav-wrap .selection .form-select.open .dropdown-menu{height:158px;opacity:1;pointer-events:auto}
    main.main.product-rehabilitation-robot section.section-products-m .nav-wrap .selection .form-select.open .dropdown-menu{height:128px}
    section.section-products-m .feature-wrap .feature-item{display:none;width:100%;padding-top:100px;padding-bottom:100px;pointer-events:none}
    section.section-products-m .feature-wrap .feature-item.selected{display:block;pointer-events:auto}
    section.section-products-m .feature-wrap .feature-item .content-area{display:-webkit-box;display:flex;position:relative;width:100%;padding-right:20px;padding-left:20px;-webkit-box-orient:vertical;flex-direction:column}
    section.section-products-m .feature-wrap .feature-item h2.headline{text-transform:uppercase;font-size:16px;font-weight:500;letter-spacing:-0.6px;line-height:19px}
    section.section-products-m .feature-wrap .feature-item p.description{color:var(--note);font-family:var(--font-noto-sans-kr);font-size:22px;font-weight:500;letter-spacing:-1.1px;line-height:32px}
    section.section-products-m .feature-wrap .feature-item h2.headline + .content-list{margin-top:20px}
    section.section-products-m .feature-wrap .feature-item .content-list{position:relative}
    section.section-products-m .feature-wrap .feature-item .content-list .content-item{}
    section.section-products-m .feature-wrap .feature-item .content-list .content-item + .content-item{margin-top:60px}
    section.section-products-m .feature-wrap .feature-item .content-list .content-item p.description b{color:var(--black);font-weight:500}
    section.section-products-m .additional-wrap .additional-item{display:none}
    section.section-products-m .additional-wrap .additional-item.selected{display:block}
    section.section-products-m .additional-wrap .additional-item .content-area{padding-top:30px;padding-bottom:80px}
    section.section-products-m .additional-wrap .additional-item p.note{text-align:center;color:var(--note);font-size:14px;letter-spacing:-0.47px;line-height:20px}
    section.section-products-m .additional-wrap .additional-item p.util{text-align:center}
    section.section-products-m .additional-wrap .additional-item p.util a{display:inline-block;position:relative;vertical-align:top;width:134px;height:62px;padding:20px 15px;border-radius:31px;text-align:center}
    section.section-products-m .additional-wrap .additional-item p.util a:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--year);border-radius:31px}
    section.section-products-m .additional-wrap .additional-item p.util a span{color:var(--dark);font-size:15px;font-weight:500;letter-spacing:-0.4px;line-height:22px}
    section.section-products-m .additional-wrap .additional-item p.note + p.util{margin-top:26px}
    section.section-products-m .feature-wrap .feature-item .tech-specs{margin-top:60px}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec-view{width:calc(100% + 10px);margin:-6px -5px}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec-view .spec-row{display:-webkit-box;display:flex;padding-top:6px;padding-bottom:6px}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec-view .spec-row .column{position:relative;width:50%;padding-top:9px;padding-right:5px;padding-left:5px}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec-view .spec-row .column::before{content:'';position:absolute;top:0;right:5px;left:5px;border-bottom:1px solid var(--border)}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec{display:-webkit-box;display:flex;flex-wrap:wrap}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec .spec-item{display:-webkit-box;display:flex;margin-right:5px}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec .spec-item span{display:inline-block;vertical-align:bottom}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec .spec-item span.number{font-size:18px;letter-spacing:-1px;line-height:24px}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec .spec-item span.unit{padding-bottom:2px;color:var(--note);font-size:13px;letter-spacing:-0.65px;line-height:24px}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec .spec-item span.number + span.unit{margin-left:2px}
    section.section-products-m .feature-wrap .feature-item .tech-specs p.note{color:var(--note);font-family:var(--font-noto-sans-kr);font-size:12px;letter-spacing:-0.4px;line-height:17px}
    section.section-products-m .feature-wrap .feature-item .tech-specs .spec + p.note{margin-top:2px}
    section.section-products-m .sticky-wrap{--timeline-height:100vh}
    section.section-products-m .sticky-wrap .sticky-container{top:calc(var(--gn-height) + 55px)}
    section.section-products-m .sticky-wrap .sticky-container,
    section.section-products-m .sticky-wrap .sticky-container .image-wrap,
    section.section-products-m .sticky-wrap .sticky-timeline .track{height:var(--timeline-height)}
    section.section-products-m .sticky-wrap .sticky-timeline{margin-top:calc(var(--timeline-height) * -1)}
    section.section-products-m .sticky-wrap .sticky-container .image-wrap{}
    section.section-products-m .sticky-wrap .sticky-container .image-wrap .figure-sequence canvas{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
    section.section-products-m .sticky-wrap .sticky-container .image-wrap .figure-sequence canvas.pos-bottom{top:initial;bottom:0;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none}
}