@charset "utf-8";

#subWrap { min-height: calc(100vh - 740px); padding-top: var(--header-H); }
#sv { padding-top: 80px; }
#location { display: flex; justify-content: center; align-items: center; gap: 36px; }
#location > li { position: relative; }
#location > li > a { font-size: 17px; font-weight: 500; color: #444; }
#location > li.home > a { position: relative; padding-left: 28px; }
#location > li.home > a img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
#location > li::before { content: ""; position: absolute; left: -18px; top: 50%; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #DDD; transform: translate(-50%, -50%); }
#location > li:first-child::before { display: none; }
.sv-title { margin-top: 24px; font-family: var(--font-Rubik); font-size: 68px; font-weight: 700; text-align: center; opacity: 0; animation: svTitleAni 0.6s ease-in both; }
#lnbBox { margin-top: 100px; border-top: 1px solid #DDD; }
#lnbBox .lnb__list { display: flex; }
#lnbBox .lnb__list > li { flex: 1; height: 60px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#lnbBox .lnb__list > li:last-child { border-right: none; }
#lnbBox .lnb__list > li > a { display: flex; justify-content: center; align-items: center; height: 100%; font-size: 18px; font-weight: 500; color: #5B5454; background-color: #fff; } 
#lnbBox .lnb__list > li:has(a.on) { border-bottom: 1px solid var(--main-color); } 
#lnbBox .lnb__list > li > a.on { color: #fff; background-color: var(--main-color); }
.container { overflow-x: hidden; }
.container.no-overflow { overflow: initial; }
.container .content { padding: 120px 0 160px; }
.content-title { font-size: 56px; font-weight: 700; color: #fff; }
#sv .sv-bg { position: relative; display: flex; justify-content: center; align-items: center; height: 465px; }
#sv .sv-bg::before { content: ""; position: absolute; right: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 1; transform: scaleX(1); transform-origin: right center; background-color: #fff; animation: svBgAni 1s ease-in both; }
#sv.sv01, #sv.sv04 { padding-bottom: 100px; }

/* machine */
.container.line { position: relative; }
.container.line::before { content: ""; position: absolute; left: 50%; top: 0; display: inline-block; width: calc(100% - 40px); max-width: 1600px; height: 1px; background-color: #DDD; transform: translateX(-50%); }
.machine__list > li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 40px; }
.machine__list > li + li { margin-top: 120px; }
.machine__list .img-box { overflow: hidden; position: relative; width: 38.75%; height: auto; border-radius: 40px 240px 240px 40px; }
.machine__list .img-box::before { content: ""; display: block; padding-top: 100%; }
.machine__list .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.machine__list .info-box { width: 55%; }
.machine__list .info-box .text-box .title { font-size: 56px; font-weight: 700; }
.machine__list .info-box .text-box .text { margin-top: 24px; font-size: 18px; line-height: 1.7; font-weight: 300; color: #444; }
.machine__list .info-box .btn-hover { margin-top: 68px; }
.machine__list .list-swiper__wrap { margin-top: 77px; }
.list-swiper__wrap .top-box { display: flex; justify-content: space-between; align-items: center; }
.list-swiper__wrap .sub-title { font-family: var(--font-Rubik); font-size: 28px; font-weight: 500; }
.list-swiper__wrap .swiper-navi__area { display: flex; align-items: center; gap: 7px; }
.list-swiper__wrap .swiper-navi__area .line { display: inline-block; width: 2px; height: 12px; background-color: #DDD; }
.list-swiper__wrap .swiper-navi__area .swiper-button-lock + .line { display: none; }
.list-swiper__wrap .swiper-navi__area .swiper-btn { position: static; width: 24px; height: 24px; margin: 0; background: no-repeat center center/contain; transition: 0.2s ease-in; }
.list-swiper__wrap .swiper-navi__area .swiper-btn::after { display: none; }
.list-swiper__wrap .swiper-navi__area .swiper-button-next { background-image: url('/img/sub/swiper_next.svg'); }
.list-swiper__wrap .swiper-navi__area .swiper-button-prev { background-image: url('/img/sub/swiper_prev.svg'); }
.list-swiper__wrap .swiper-navi__area .swiper-button-next:hover { background-image: url('/img/sub/swiper_next_on.svg'); }
.list-swiper__wrap .swiper-navi__area .swiper-button-prev:hover { background-image: url('/img/sub/swiper_prev_on.svg'); }
.list-swiper { margin-top: 24px; }
.list-swiper .swiper-slide { width: calc((100% - 40px) / 3); }
.list-swiper .swiper-slide > a { display: block; }
.list-swiper .list-img-box { overflow: hidden; position: relative; width: 100%; border-radius: 20px; background-color: #F5F5F5; }
.list-swiper .list-img-box::before { content: ""; display: block; padding-top: 100%; }
.list-swiper .list-img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.list-swiper .list-img-box .icon { position: absolute; right: 16px; bottom: 16px; display: flex; justify-content: center; align-items: center; width: 68px; height: 68px; border-radius: 12px; opacity: 0; transition: 0.3s ease-in; }
.list-swiper .list-img-box .icon::before { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; border-radius: 12px; background-color: var(--main-color); transform: translate(-50%, -50%) scale(0.5); opacity: 0; transition: 0.3s ease-in; }
.list-swiper .list-img-box .icon::after { content: ""; position: relative; display: block; width: 20px; height: 20px; background: url("/img/main/icon_plus.svg") no-repeat center center/contain; transition: 0.3s ease-in; z-index: 3; }
.list-swiper .name { margin-top: 16px; font-size: 20px; font-weight: 500; color: #444; transition: 0.3s ease-in; }
.list-swiper .swiper-slide > a:hover .icon { opacity: 1; }
.list-swiper .swiper-slide > a:hover .icon::before { transform: translate(-50%, -50%) scale(1); opacity: 1; }
.list-swiper .swiper-slide > a:hover .name { color: var(--main-color); }
.detail__wrap { --img-size: 620px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.detail__wrap .p-img__area { width: var(--img-size); position: sticky; top: 80px; height: 100%; }
.img-swiper .swiper-slide { overflow: hidden; position: relative; border-radius: 8px; background-color: #F5F5F5; }
.img-swiper .swiper-slide::before { content: ""; display: block; padding-top: 100%; }
.img-swiper .swiper-slide img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.thumbs-box { display: flex; gap: 8px; margin-top: 16px; }
.thumbs-swiper { width: calc(100% - 100px); margin: 0; }
.thumbs-swiper .swiper-slide { overflow: hidden; position: relative; width: calc((100% - 24px)/4); border-radius: 4px; background-color: #F5F5F5; cursor: pointer; }
.thumbs-swiper .swiper-slide::before { content: ""; display: block; padding-top: 100%; }
.thumbs-swiper .swiper-slide::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #444; border-radius: 4px; opacity: 0; box-sizing: border-box; transition: 0.2s ease-in; }
.thumbs-swiper .swiper-slide.swiper-slide-thumb-active::after { opacity: 1; } 
.thumbs-swiper .swiper-slide img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.thumbs-box .swiper-button-prev, .thumbs-box .swiper-button-next { position: static; transform: none; width: 42px; height: auto; border: 2px solid #E1E1E1; border-radius: 4px; margin: 0; }
.thumbs-box .swiper-button-prev::after, .thumbs-box .swiper-button-next::after { display: none; }
.thumbs-box .swiper-button-prev::before, .thumbs-box .swiper-button-next::before { content: ""; display: inline-block; width: 20px; height: 20px; background: no-repeat center center/contain; }
.thumbs-box .swiper-button-prev::before { background-image: url("/img/sub/machine/thumbs_prev.svg"); }
.thumbs-box .swiper-button-next::before { background-image: url("/img/sub/machine/thumbs_next.svg"); }
.thumbs-box .swiper-button-lock { display: flex; cursor: auto; pointer-events: none; }
.detail__wrap .p-info__area { width: calc(100% - var(--img-size) - 120px); }
.p-info__area #location { margin-bottom: 60px; justify-content: left; }
.p-info__area .info-box .title { padding-bottom: 32px; font-size: 56px; font-weight: 700; border-bottom: 1px solid #1B1B1B; }
.p-info__area .info-box .text-box { margin-top: 60px; }
.p-info__area .info-box .text-box .sub-title { font-family: var(--font-Rubik); font-size: 36px; font-weight: 600; letter-spacing: 0; }
.p-info__area .info-box .text-box .text { margin-top: 16px; font-size: 20px; line-height: 1.7; font-weight: 300; color: #444; }
.p-info__area .info-box .btn-view-video { display: flex; justify-content: center; align-items: center; gap: 12px; width: 260px; height: 60px; margin-top: 32px; border: 2px solid #ED2F2A; border-radius: 12px; font-family: var(--font-Rubik); font-size: 18px; line-height: 1; font-weight: 500; letter-spacing: 0; color: #ED2F2A; background-color: #fff; transition: 0.2s ease-in; }
.p-info__area .info-box .btn-view-video .icon { width: 28px; height: 20px; background: url("/img/sub/machine/icon_youtube.svg") no-repeat center center/contain; transition: 0.2s ease-in; }
.p-info__area .info-box .btn-view-video:hover { color: #fff; background-color: var(--main-color); }
.p-info__area .info-box .btn-view-video:hover .icon { background-image: url("/img/sub/machine/icon_youtube_on.svg"); }
.p-info__area .info-list { margin-top: 60px; }
.p-info__area .info-list > li + li { margin-top: 48px; }
.p-info__area .info-list > li .title { padding-bottom: 16px; border-bottom: 1px solid #1B1B1B; font-family: var(--font-Rubik); font-size: 24px; font-weight: 500; letter-spacing: 0; color: #1B1B1B; }
.p-info__area .info-list .desc { margin-top: 20px; }
.p-info__area .info-list .desc > li { position: relative; padding-left: 1em; font-size: 18px; font-weight: 300; line-height: 1.7; color: #444; }
.p-info__area .info-list .desc > li + li { margin-top: 4px; }
.p-info__area .info-list .desc > li::before { content: ""; position: absolute; left: 0; top: 0.69em; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main-color); }
.p-info__area .button__wrap { gap: 12px; margin-top: 60px; }
.p-info__area .button__wrap .btn { width: calc(50% - 6px); height: 72px; }
.p-info__area .btn-hover:hover::before { animation: btnMoreHover2 0.3s ease-in both; } 

.modal { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; z-index: 1000; }
.modal .dim-layer { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.modal-video .modal__wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); max-width: 800px; z-index: 5; }
.modal-video .modal__wrap .btn-close { position: absolute; right: -16px; top: 0; display: flex; gap: 4px; align-items: center; border: none; font-family: var(--font-Rubik); font-size: 16px; font-weight: 500; color: #fff; writing-mode: sideways-rl; background-color: transparent; transform: translateX(100%); }
.modal-video .modal__wrap .btn-close::before { content: ""; display: inline-block; width: 24px; height: 24px; background: url("/img/sub/icon_modal_close.svg") no-repeat center center/contain; }
.modal .video-box { overflow: hidden; position: relative; width: 100%; border-radius: 20px; }
.modal .video-box::before { content: ""; display: block; padding-top: 56.25%; }
.modal .video-box iframe { position: absolute; left: 50%; top: 50%; width: 100.5%; height: 100%; transform: translate(-50%, -50%); }

/* support */
.sv02 .sv-bg[data-bg="2-1"] { background: url("/img/sub/support/sv_bg_inquiry.jpg") no-repeat center center/cover; }
.sv02 .sv-bg[data-bg="2-2"] { background: url("/img/sub/support/sv_bg_tech.jpg") no-repeat center center/cover; }
.support-form .button__wrap { margin-top: 120px; gap: 20px; }
.inquiry__area + .inquiry__area { margin-top: 120px; }
.inquiry__area .title-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; padding-bottom: 24px; border-bottom: 1px solid #444444; }
.inquiry__area .title-box .title { font-size: 28px; font-weight: 500; }
.inquiry__area .title-box .text { font-size: 16px; font-weight: 300; color: #777777; }
.inquiry__area .title-box .text .req { color: var(--main-color); }
.terms-box { overflow: hidden; position: relative; height: 200px; border-radius: 8px; padding: 8px; background-color: #F5F5F5; }
.terms-box::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 44px); background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%); pointer-events: none; }
.terms-box * { font-size: 18px; line-height: 1.7; color: #444; }
.terms-box .terms-text { height: 100%; padding: 14px 20px; overflow-y: auto; }
.terms-box .terms-text .privacy { padding-bottom: 40px; }
.terms-box .terms-text .privacy > p + dl { margin-top: 40px; }
.terms-box .terms-text .privacy > dl + dl { margin-top: 40px; }
.terms-box .terms-text .privacy > dl > dt { font-size: 1em; }
.terms-box .terms-text .privacy > dl > dd { padding-top: 1em; }
.privacy > dl > dd p + ul { margin-top: 1em; }
.scroll-box.os-theme-dark > .os-scrollbar-vertical { padding: 0 1px; }
.scroll-box.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: #DBDBDB; }
.terms-box + .chk__box { margin-top: 20px; }
.chk__label { display: block; width: fit-content; cursor: pointer; }
.chk__label .chk__item { display: flex; align-items: center; gap: 8px; }
.chk__label .chk__item .icon-check { width: 24px; height: 24px; border: 2px solid #E1E1E1; border-radius: 4px; }
.chk__label .chk__item .icon-radio { width: 24px; height: 24px; border: 2px solid #E1E1E1; border-radius: 50%; }
.chk__label .chk__item .text { font-size: 18px; font-weight: 300; color: #444; }
.chk__label:hover .chk__item .icon-check, .chk__label:hover .chk__item .icon-radio { border-color: var(--main-color); }
.chk__label input:checked + .chk__item .icon-check { border-color: var(--main-color); background: url("/img/sub/icon_check.svg") no-repeat center center/66% var(--main-color); }
.chk__label input:checked + .chk__item .icon-radio { border-color: var(--main-color); background-color: var(--main-color); box-shadow: inset 0 0 0 6px #fff; }
.form__list { --input-h: 68px; --input-pd: 26px; --input-fsz: 18px; }
.form__list > li { display: flex; justify-content: space-between; gap: 60px; }
.form__list > li + li { margin-top: 60px; }
.form__list > li .box { width: 100%; }
.form__list > li.col-2 .box { width: calc(50% - 30px); } 
.form__list > li .box .input__box { width: 100%; }
.form__list > li .form-label { margin-bottom: 20px; display: inline-block; font-size: 22px; font-weight: 500; color: #111; }
.form__list > li .form-label .req { color: var(--main-color); }
.form__list .chk__label .chk__item .text { font-size: var(--input-fsz); }
.form-input { width: 100%; height: var(--input-h); padding: 0 var(--input-pd); border: 2px solid transparent; border-radius: 8px; font-size: var(--input-fsz); font-weight: 300; color: #444; background-color: #F5F5F5; }
.form-input::placeholder { color: #AAAAAA; }
.form-input:focus { background-color: #fff; border-color: var(--main-color); }
.form-select { appearance: none; }
.form-select { width: 100%; height: var(--input-h); padding: 0 var(--input-pd); border: 2px solid #E1E1E1; border-radius: 8px; font-size: var(--input-fsz); font-weight: 300; color: #444; background: url("/img/sub/icon_select_arrow.svg") no-repeat calc(100% - var(--input-pd)) center/auto; }
.form-select:focus { border-color: var(--main-color); }
.form-select.size-m { max-width: 516px; }
.form-textarea { width: 100%; height: 200px; padding: calc(var(--input-pd) - 4px) calc(var(--input-pd) + 2px); border: 2px solid transparent; border-radius: 8px; font-size: var(--input-fsz); font-weight: 300; color: #444; background-color: #F5F5F5; }
.form-textarea::placeholder { color: #AAAAAA; }
.form-textarea.focus { background-color: #fff; border-color: var(--main-color); }
.form-textarea .os-scrollbar-vertical { right: 8px; }
.form-textarea.os-theme-dark > .os-scrollbar-vertical { padding: 8px 0; }
.input__box.type-c { display: flex; align-items: center; gap: 12px; }
.input__box.type-c .sub { font-size: var(--input-fsz); font-weight: 300; color: #AAAAAA; }
.input__box .chk__box { display: flex; align-items: center; gap: 10px 30px; height: var(--input-h); }
.input__box .file-box { display: flex; justify-content: space-between; align-items: center; gap: 12px; height: var(--input-h); border: 2px solid transparent; border-radius: 8px; background-color: #F5F5F5; }
.input__box .file-box .form-input { width: calc(100% - 164px); height: 100%; padding: 0 var(--input-pd); border: none; font-size: var(--input-fsz); font-weight: 300; color: #444; background-color: transparent; }
.input__box .file-box .btn-file { display: flex; justify-content: center; align-items: center; width: 160px; height: calc(var(--input-h) - 8px); margin-right: 2px; border-radius: 8px; padding: 0 5px; font-size: 20px; font-weight: 500; color: #fff; background-color: #111; cursor: pointer; }
.kcaptcha-box { display: flex; gap: 12px; }
.kcaptcha-box .kcaptcha-img { overflow: hidden; position: relative; border-radius: 8px; }
.kcaptcha-box .kcaptcha-img::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #E1E1E1; border-radius: 8px; box-sizing: border-box; }
.kcaptcha-box .kcaptcha-img img { width: fit-content; height: var(--input-h); }
.kcaptcha-input { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: calc(100% - 175px); height: var(--input-h); border: 2px solid transparent; border-radius: 8px; background-color: #F5F5F5; }
.kcaptcha-input .form-input { width: calc(100% - 64px); }
#btnKcaptcha { width: calc(var(--input-h) - 8px); height: calc(var(--input-h) - 8px); margin-right: 2px; border: none; border-radius: 8px; background: url("/img/sub/icon_refresh.svg") no-repeat center center/33% #111; }
.input__box .file-box .form-input:focus, .kcaptcha-input .form-input:focus { background-color: transparent; border-color: transparent; }
.kcaptcha-input:has(.form-input:focus) { border-color: var(--main-color); background-color: #fff; }

/* company */
.sv03 .sv-bg[data-bg="3-1"] { background: url("/img/sub/company/sv_bg_history.jpg") no-repeat center center/cover; }
.sv03 .sv-bg[data-bg="3-2"] { background: url("/img/sub/company/sv_bg_organization.jpg") no-repeat center center/cover; }
.sv03 .sv-bg[data-bg="3-3"] { background: url("/img/sub/company/sv_bg_map.jpg") no-repeat center center/cover; }
.sv03 .sv-bg[data-bg="3-4"] { background: url("/img/sub/company/sv_bg_notice.jpg") no-repeat center center/cover; }
.sv03 .sv-bg[data-bg="3-5"] { background: url("/img/sub/company/sv_bg_partners.jpg") no-repeat center center/cover; }
.sec-history .inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
.sec-history .title-box { position: sticky; top: 120px; width: 360px; height: 100%; }
.sec-history .title-box .title { font-size: 48px; font-weight: 700; }
.sec-history .title-box .since { margin-top: 12px; display: inline-block; font-family: var(--font-Rubik); font-size: 24px; font-weight: 500; color: var(--main-color); }
.history__wrap{ position: relative; width: calc(100% - 400px); max-width: 1200px; }
.history__wrap .line { position: absolute; left: -1px; top: 0; width: 2px; height: 100%; background-color: #EDEFF1;}
.history__wrap .line .bar { position: absolute; left: 0; top: 0; width: 100%; height: var(--line-H); max-height: 100%; background-color: var(--main-color); transition: height 0.3s ease-out; }
.history__wrap .line .bar .circle{ position: absolute; left: 0; bottom: 0; display: block; width: 24px; height: 24px; border: 4px solid var(--main-color); border-radius: 50%; background: url("/img/sub/company/history_line_icon.svg") no-repeat center center/auto var(--main-color); transform: translateX(-50%); }
.history__wrap .line .bar .circle::before { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: calc(100% + 56px); height: calc(100% + 56px); border-radius: 50%; background-color: rgba(243, 44, 41, 0.1); transform: translate(-50%, -50%); }
.year__list { padding-left: 13.3%; }
.year__list .year__item { --year-w: 243px; --date-w: 92px; display: flex; flex-wrap: wrap; padding: 60px 0; border-top: 1px solid #DCDFE4; }
.year__list .year__item .year { width: var(--year-w); padding-left: 40px; font-family: var(--font-Rubik); font-size: 28px; font-weight: 500; color: var(--main-color); }
.year__list .year__item .history__list { width: calc(100% - var(--year-w)); }
.history__list > li { display: flex; font-size: 20px; }
.history__list > li + li { margin-top: 20px; }
.history__list > li .date { width: var(--date-w); font-family: var(--font-Rubik); font-weight: 500; line-height: 1.7; }
.history__list > li .text-box { width: calc(100% - var(--date-w)); }
.history__list > li .text { position: relative; padding-left: 1em; line-height: 1.7; font-weight: 300; color: #444; }
.history__list > li .text::before { content: ""; position: absolute; left: 0; top: 0.65em; display: inline-block; width: 6px; height: 6px; background-color: var(--main-color); }
.history__list > li .text + .text { margin-top: 8px; }
.organization-box { text-align: center; }
.organization-box .mo-img { display: none; }
.sec-map .inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 40px; }
.sec-map .map-box { overflow: hidden; width: 50%; height: 600px; border-radius: 20px; transform: translateX(-100px); opacity: 0; transition: 0.4s ease-in; transition-property: transform, opacity; }
.sec-map .map-box iframe { width: 100%; height: 100%; }
.sec-map .map-info { width: 42.5%; transform: translateX(100px); opacity: 0; transition: 0.4s ease-in; transition-property: transform, opacity; }
.sec-map .map-info .address-box { padding-bottom: 33px; border-bottom: 1px solid #444444; }
.sec-map .map-info .address-box .title { position: relative; display: flex; align-items: center; gap: 8px; font-family: var(--font-Rubik); font-size: 24px; font-weight: 500; color: var(--main-color); }
.sec-map .map-info .address-box .title::before { content: ""; display: inline-block; width: 34px; height: 34px; background: url("/img/sub/company/icon_marker.svg") no-repeat center center/contain;  }
.sec-map .map-info .address-box .text { margin-top: 16px; font-size: 28px; font-weight: 500; line-height: 1.7; }
.sec-map .contact-box { margin-top: 60px; }
.contact-box > ul > li { display: flex; align-items: center; }
.contact-box > ul > li + li { margin-top: 16px; }
.contact-box dl { display: flex; align-items: center; gap: 12px; font-size: 20px; color: #444; }
.contact-box dt { display: flex; align-items: center; gap: 16px; min-width: fit-content; font-family: var(--font-Rubik); font-weight: 500; white-space: nowrap; }
.contact-box dd { font-family: var(--font-Rubik); font-weight: 300; word-break: break-all; }
.sec-map.aos-animate .map-box { transform: translateX(0); opacity: 1; }
.sec-map.aos-animate .map-info { transform: translateX(0); opacity: 1; }
.search_box { --pd: 26px; --fsz: 18px; display: flex; justify-content: center; margin-bottom: 100px; height: 68px; gap: 10px; }
.search_box select { appearance: none; width: 320px; height: 100%; border: 2px solid #E1E1E1; border-radius: 12px; padding: 0 var(--pd); font-size: var(--fsz); font-weight: 300; color: #444; background: url("/img/sub/icon_select_arrow.svg") no-repeat calc(100% - var(--pd)) center/auto; }
.search_box .search-input { width: 872px; height: 100%; border: 2px solid #E1E1E1; border-radius: 12px; padding: 0 var(--pd); font-size: var(--fsz); font-weight: 300; color: #444; }
.search_box .search-input::placeholder { color: #AAAAAA; }
.search_box .btn-search { --btn-size: 68px; width: var(--btn-size); min-width: var(--btn-size); height: var(--btn-size); border: none; border-radius: 12px; background: url("/img/sub/icon_search.svg") no-repeat center center/35.29% #111; }
.board__list { border-top: 1px solid #444444; }
.board__list > li { --date-w: 260px; position: relative; display: flex; flex-wrap: wrap; height: 120px; border-bottom: 1px solid #DDDDDD; text-align: center; font-size: 16px; font-weight: 300; color: #777; }
.board__list > li::after {content:""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background-color: var(--main-color); transition: 0.3s ease-in;}
.board__list > li .link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.board__list .title-box { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: calc(100% - var(--date-w)); height: 100%; }
.board__list .title-box { height: 100%; padding-left: 40px; font-size: 20px; font-weight: 500; }
.board__list .title-box .title { overflow: hidden; max-width: 100%; color: #111; text-overflow: ellipsis; white-space: nowrap; }
.board__list .title-box .tag { color: var(--main-color); }
.board__list .date-box { display: flex; justify-content: space-between; align-items: center; width: var(--date-w); padding: 0 40px; }
.board__list .date-box .date { font-family: var(--font-Rubik); }
.board__list .date-box .icon { display: inline-block; width: 60px; min-width: fit-content; height: 60px; background: url("/img/sub/company/board_arrow.svg") no-repeat center center/contain; -webkit-filter: brightness(0) invert(0.86); filter: brightness(0) invert(0.86); transition: 0.3s ease-in; }
.board__list > li:hover::after { width: 100%; }
.board__list > li:hover .date-box .icon { transform: rotate(45deg); -webkit-filter: none; filter: none; }
.paging { --mg-gap: 8px; display:flex; align-items:center; justify-content:center; margin-top: 100px; }
.paging .arr{ display:flex; }
.paging .arr a { background-color: #F5F5F5; }
.paging .arr a i { width: 7px; height: 10px; background: no-repeat center center/contain; }
.paging .arr a i.xi-angle-left-min { background-image: url("/img/common/paging_prev.svg"); }
.paging .arr a i.xi-angle-right-min { background-image: url("/img/common/paging_next.svg"); }
.paging .arr a i::before { display: none; }
.paging .arr a.last i,
.paging .arr a.first i{ -webkit-transform:translateX(0px); transform:translateX(0px); }
.paging .arr a:not(:last-child) { margin-right: var(--mg-gap); }
.paging a{ display:flex; align-items:center; justify-content:center; border: none; border-radius: 50%; width: 40px; height: 40px; font-size: 16px; font-weight: 300; }
.paging ul{ display:flex; align-items:center; margin: 0 var(--mg-gap); }
.paging ul li:not(:last-child) { margin-right: var(--mg-gap); }
.paging ul li.on a { font-weight: 500; background-color: #111; }
.view_ctn { max-width: 1000px; margin: 0 auto; }
.view_ctn .tit{ text-align: center; padding-bottom: 67px; border-bottom: 1px solid #444444; }
.view_ctn .tit .board-title { font-size: 40px; font-weight: 500; line-height: 1.4; }
.view_ctn .tit .board-title .tag { display: inline-block; margin-right: 12px; line-height: inherit; color: var(--main-color); }
.view_ctn .tit ul{ display:flex; justify-content: center; gap: 41px; margin-bottom: 40px; }
.view_ctn .tit ul li { position: relative; font-family: var(--font-Rubik); font-size: 18px; font-weight: 300; color: #777; }
.view_ctn .tit ul li.category { font-weight: 500; color: var(--main-color); }
.view_ctn .tit ul li::before { content: ""; position: absolute; left: -21px; top: 50%; display: inline-block; width: 1px; height: 16px; background-color: #DDD; transform: translateY(-50%); }
.view_ctn .tit ul li:first-child::before { display: none; }
.view_ctn .info-top { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; font-size: 16px; color: #777777; }
.view_ctn .file__box { position: relative; }
.view_ctn .file__box .btn-file-list { position: relative; padding-right: 24px; border: none; background-color: transparent; font-size: 16px; color: #808796; }
.view_ctn .file__box .btn-file-list::after { content: ""; position: absolute; right: 0; top: 50%; display: block; width: 20px; height: 20px; background: url("/img/common/icon_file_download.svg") no-repeat center center/contain; transform: translateY(-50%); }
.view_ctn .file__box .btn-file-list .num { font-weight: 500; color: var(--main-color); }
.view_ctn .file__box .file-list__box { display: none; position: absolute; right: 0; top: calc(100% + 20px); width: max-content; max-width: 370px; padding: 20px 60px 20px 20px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); background-color: #fff; }
.view_ctn .file__box .file-list__box.on { display: block; }
.view_ctn .file__box .file__list > li { position: relative; padding-left: 26px; font-size: 14px; color: #777; }
.view_ctn .file__box .file__list > li::before { content: ""; position: absolute; left: 0; top: -1px; display: block; width: 20px; height: 20px; background: url("/img/common/icon_file.svg") no-repeat center center/contain; }
.view_ctn .file__box .file__list > li + li { margin-top: 8px; }
.view_ctn .file__box .file__list > li a {  overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  }
.view_ctn .file__box .btn-file-close { position: absolute; right: 8px; top: 8px; width: 20px; height: 20px; border: none; background: url("/img/common/icon_file_close.svg") no-repeat center center/contain; }
.view_ctn .info-box { padding: 40px 0 67px; font-size: 16px; color: #444; }
.view_ctn .pages{ border-top: 1px solid #444444; }
.view_ctn .pages dl { display: flex; align-items: center; height: 64px; border-bottom: 1px solid #DDDDDD; font-size: 18px; }
.view_ctn .pages dl dt { display: flex; align-items: center; gap: 20px; width: 130px; padding: 0 20px; font-weight: 500; color: #444444; }
.view_ctn .pages dl dt .icon { display: inline-block; width: 24px; height: 24px; background: no-repeat center center/contain; -webkit-filter: brightness(0) invert(0.26); filter: brightness(0) invert(0.26); }
.view_ctn .pages dl dt .icon.page-up { background-image: url("/img/common/pages_up.svg"); }
.view_ctn .pages dl dt .icon.page-down { background-image: url("/img/common/pages_down.svg"); }
.view_ctn .pages dl dd { width: calc(100% - 130px); height: 100%; padding: 0 25px; }
.view_ctn .pages dl dd a{ display: flex; align-items: center; width: 100%; height: 100%; font-size: inherit; font-weight: 300; color: #444444; }
.view_ctn .pages dl dd a > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; }
.view_ctn .pages dl:hover dt { color: var(--main-color); }
.view_ctn .pages dl:hover dt .icon { -webkit-filter: none; filter: none; }
.view_ctn .button__wrap { margin-top: 80px; }
.partners__list { display: flex; flex-wrap: wrap; gap: 20px; }
.partners__list > li { overflow: hidden; position: relative; width: calc((100% - 80px)/5); border-radius: 12px; }
.partners__list > li::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #EEEEEE; border-radius: 12px; box-sizing: border-box; }

@keyframes svTitleAni {
    0%{ opacity: 0; letter-spacing: -0.3em; }
    100%{ opacity: 1; letter-spacing: -0.03em; }
}

@keyframes svBgAni {
    0%{ opacity: 1; transform: scaleX(1); }
    100%{ opacity: 0; transform: scaleX(0); }
}

@media screen and (max-width: 1640px) {
    #subWrap { min-height: calc(100vh - 500px); }
    #sv .sv-bg { height: 28.3vw; min-height: 200px; }
    .sv-title { font-size: 4.14vw; }
    .content-title { font-size: 3.41vw; }
}

@media screen and (max-width: 1400px) {
    .machine__list .info-box .text-box .title { font-size: 40px; }
    .machine__list .info-box .text-box .text { font-size: 16px; }
    .machine__list .list-swiper__wrap { margin-top: 60px; }
    .list-swiper__wrap .sub-title { font-size: 22px; }
    .list-swiper .name { font-size: 16px; }
    .list-swiper .list-img-box .icon { width: 40px; height: 40px; }
    .list-swiper .list-img-box .icon::after { width: 15px; height: 15px; }
    .detail__wrap { --img-size: 500px; }
    .detail__wrap .p-img__area { top: 60px; }
    .p-info__area .info-box .title { font-size: 48px; }
    .p-info__area .info-box .text-box .sub-title { font-size: 30px; }

    .sec-history .title-box .title { font-size: 38px; }
    .sec-history .title-box .since { font-size: 20px; }
    .sec-history .title-box { width: 230px; }
    .history__wrap { width: calc(100% - 280px); }
    .year__list { padding-left: 10%; }
    .year__list .year__item { padding: 40px 0; }
    .year__list .year__item { --year-w: 160px; --date-w: 80px; }
    .year__list .year__item .year { padding-left: 20px; font-size: 22px; }
    .history__list > li { font-size: 18px; }

    .sec-map .map-box { height: 500px; }
    .sec-map .map-info { width: 45%; }
    .sec-map .map-info .address-box .title { gap:6px; font-size: 20px; }
    .sec-map .map-info .address-box .title::before { width: 30px; height: 30px; }
    .sec-map .map-info .address-box .text { margin-top: 14px; font-size: 24px; }
    .sec-map .contact-box { margin-top: 40px; }
    .contact-box > ul > li .icon { width: 40px; }
    .contact-box dl { font-size: 18px; }
}

@media screen and (max-width: 1200px) {
    #subWrap { min-height: calc(100vh - 400px); }
    #lnbBox { margin-top: 60px; }
    #lnbBox .lnb__list > li { height: 50px; }
    #lnbBox .lnb__list > li > a { font-size: 16px; }
    .detail__wrap { --img-size: 400px; }
    .detail__wrap .p-img__area { top: calc(var(--header-H) + 40px); }
    .detail__wrap .p-info__area { width: calc(100% - var(--img-size) - 60px); }
    .p-info__area .info-box .title { font-size: 40px; }
    .p-info__area .info-box .text-box .text { font-size: 18px; }
    .p-info__area .info-box .btn-view-video { width: 200px; height: 45px; gap: 10px; font-size: 16px; border-radius: 10px; }
    .p-info__area .info-box .btn-view-video .icon { width: 24px; height: 17px; }
    .p-info__area .info-list > li .title { font-size: 20px; }
    .p-info__area .info-list .desc > li { font-size: 16px; }
    .p-info__area .info-list .desc > li::before { width: 5px; height: 5px; }

    .sec-history .title-box { top: calc(var(--header-H) + 40px); }
    .inquiry__area .title-box { margin-bottom: 40px; padding-bottom: 15px; }
    .inquiry__area .title-box .title { font-size: 24px; }
    .terms-box * { font-size: 16px; }
    .chk__label .chk__item .icon-check, .chk__label .chk__item .icon-radio { width: 20px; height: 20px; }
    .chk__label input:checked + .chk__item .icon-radio { box-shadow: inset 0 0 0 4px #fff; }
    .chk__label .chk__item .text { font-size: 16px; }
    .form__list { --input-h: 55px;--input-pd: 16px; --input-fsz: 16px; }
    .form__list > li { gap: 40px; }
    .form__list > li .form-label { font-size: 20px; }
    .form__list > li + li { margin-top: 40px; }
    .form__list > li.col-2 .box { width: calc(50% - 20px); }
    .input__box .file-box .form-input { width: calc(100% - 144px); }
    .input__box .file-box .btn-file { width: 140px; font-size: 18px; }

    .search_box { --pd: 16px; --fsz: 16px; height: 55px; margin-bottom: 60px; }
    .search_box .btn-search { --btn-size: 55px; }
    .board__list > li { --date-w: 180px; height: 100px; font-size: 15px; }
    .board__list .title-box { padding-left: 20px; font-size: 18px; }
    .board__list .date-box { padding: 0 20px; }
    .board__list .date-box .icon { width: 50px; height: 50px; }
    .partners__list > li { width: calc((100% - 60px)/4); }
}

@media screen and (max-width: 1024px) {
    #sv { padding-top: 50px; }
    #sv.sv01, #sv.sv04 { padding-bottom: 60px; }
    #location { gap: 30px; }
    #location > li::before { left: -15px; }
    #location > li > a { font-size: 15px; }
    #location > li.home > a { padding-left: 24px; }
    #location > li.home > a img { width: 14px; height: 14px; }
    .container .content { padding: 60px 0 100px; }
    .sv-title { margin-top: 20px; font-size: 38px; }
    .content-title { font-size: 30px; }
    .machine__list > li + li { margin-top: 100px; } 
    .machine__list .img-box, .machine__list .info-box { width: 100%; }
    .machine__list .img-box { border-radius: 20px 200px 200px 20px; }
    .machine__list .img-box::before { padding-top: 50%; }
    .machine__list .info-box .text-box .title { font-size: 32px; }
    .machine__list .info-box .text-box .text { font-size: 15px; }
    .machine__list .list-swiper__wrap { margin-top: 40px; }
    .machine__list .info-box .btn-hover { margin-top: 40px; }
    .detail__wrap { position: relative; row-gap: 40px; padding-top: 50px; }
    .detail__wrap .p-img__area, .detail__wrap .p-info__area { width: 100%; }
    .detail__wrap .p-img__area { position: static; }
    .img-swiper { max-width: 500px; margin: 0 auto; }
    .p-info__area .location-2 { position: absolute; left: 0; top: 0; }
    .p-info__area .info-box .title { padding-bottom: 20px; font-size: 32px; }
    .p-info__area .info-box .text-box { margin-top: 30px; }
    .p-info__area .info-box .text-box .sub-title { font-size: 24px; }
    .p-info__area .info-box .text-box .text { margin-top: 12px; font-size: 16px; }
    .p-info__area .info-list > li + li { margin-top: 40px; }
    .p-info__area .button__wrap { max-width: 800px; margin-top: 40px; }
    .modal .video-box { border-radius: 15px; }
    .modal-video .modal__wrap .btn-close { right: 0; top: -6px; font-size: 14px; writing-mode: initial; transform: translate(0, -100%); }
    .modal-video .modal__wrap .btn-close::before { width: 18px; height: 18px; }
    
    .form__list > li.m-flex { flex-wrap: wrap; }
    .form__list > li.m-flex .box { width: 100%; max-width: 500px; }
    .support-form .button__wrap { margin-top: 80px; }

    .sec-history .title-box { top: calc(var(--header-H) + 30px); }
    .sec-history .title-box .title { font-size: 32px; }
    .sec-history .title-box .since { margin-top: 8px; font-size: 16px; }
    .sec-history .title-box { width: 120px; }
    .history__wrap { width: calc(100% - 160px); }
    .year__list { padding-left: 40px; }
    .year__list .year__item { padding: 30px 0; }
    .year__list .year__item { --year-w: 140px; --date-w: 60px; }
    .year__list .year__item .year { padding-left: 15px; font-size: 20px; }
    .history__list > li { font-size: 16px; }
    .history__list > li + li { margin-top: 15px; }
    .history__wrap .line .bar .circle { width: 20px; height: 20px; background-size: 9px; }
    .history__wrap .line .bar .circle::before { width: calc(100% + 40px); height: calc(100% + 40px); }
    .history__list > li .text::before { width: 4px; height: 4px; }
    .sec-map .map-box, .sec-map .map-info { width: 100%; }
    .organization-box .pc-img { display: none; }
    .organization-box .mo-img { display: inline; width: 100%; max-width: 350px; }
    .search_box { margin-bottom: 30px; }
    .board__list > li { --date-w: 150px; height: 80px; font-size: 14px; }
    .board__list .title-box { padding-left: 15px; font-size: 16px; }
    .board__list .date-box { padding: 0 15px; }
    .board__list .date-box .icon { width: 40px; height: 40px; }
    .paging { margin-top: 60px; }
    .paging a { width: 30px; height: 30px; font-size: 14px; }
    .paging .arr a i { width: 6px; height: 9px; }

    .view_ctn .tit ul { margin-bottom: 30px; }
    .view_ctn .tit ul li { font-size: 16px; }
    .view_ctn .tit .board-title { font-size: 32px; }
    .view_ctn .tit { padding-bottom: 50px; }
    .view_ctn .pages dl { height: 55px; font-size: 16px; }
    .view_ctn .pages dl dt { width: 110px; gap: 15px; padding: 0 10px; }
    .view_ctn .pages dl dd { width: calc(100% - 110px); padding: 0 15px; }
    .view_ctn .button__wrap { margin-top: 50px; }
}
@media screen and (max-width: 768px) {
    #location > li > a { font-size: 14px; }
    .sv-title { font-size: 36px; }
    .content-title { font-size: 28px; }
    #lnbBox { margin-top: 40px; }
    #lnbBox .lnb__list { flex-wrap: wrap; }
    #lnbBox .lnb__list > li { flex: none; width: calc(100%/3); height: 45px; }
    #lnbBox .lnb__list > li:last-child { border-right: 1px solid #DDD; }
    #lnbBox .lnb__list > li > a { font-size: 14px; }
    #lnbBox.item-2 .lnb__list > li { width: 50%; }
    .machine__list > li { row-gap: 30px; }
    .machine__list > li + li { margin-top: 60px; } 
    .machine__list .info-box .text-box .title { font-size: 24px; }
    .machine__list .info-box .text-box .text { margin-top: 15px; }
    .machine__list .info-box .btn-hover { margin-top: 30px; }
    .machine__list .list-swiper__wrap { margin-top: 30px; }
    .list-swiper { margin-top: 15px; }
    .list-swiper .swiper-slide { width: calc(50% - 10px); }
    .list-swiper .name { margin-top: 10px; font-size: 14px; }
    .thumbs-box .swiper-button-prev, .thumbs-box .swiper-button-next { width: 30px; }
    .thumbs-swiper {  width: calc(100% - 68px); }
    .p-info__area .info-box .title { padding-bottom: 15px; font-size: 28px; }
    .p-info__area .info-box .text-box { margin-top: 20px; }
    .p-info__area .info-box .text-box .sub-title { font-size: 22px; }
    .p-info__area .info-box .text-box .text { font-size: 15px; }
    .p-info__area .info-box .btn-view-video { margin-top: 20px; }
    .p-info__area .info-list { margin-top: 40px; }
    .p-info__area .info-list > li .title { padding-bottom: 10px; font-size: 18px; }
    .p-info__area .info-list > li + li { margin-top: 30px; }
    .p-info__area .info-list .desc { margin-top: 15px; }
    .p-info__area .info-list .desc > li { font-size: 14px; }
    .p-info__area .info-list .desc > li + li { margin-top: 2px; }
    .p-info__area .info-list .desc > li::before { width: 4px; height: 4px; }
    .p-info__area .button__wrap .btn { height: 55px; }

    .terms-box * { font-size: 14px; }
    .terms-box .terms-text { padding: 10px 12px; }
    .terms-box .terms-text .privacy > p + dl { margin-top: 30px; }
    .terms-box .terms-text .privacy > dl + dl { margin-top: 30px; }
    .chk__label .chk__item .text { font-size: 15px; }
    .form__list { --input-h: 50px;--input-pd: 12px; --input-fsz: 15px; }
    .form__list > li .form-label { margin-bottom: 15px; font-size: 18px; }
    .form__list > li.col-2 { flex-wrap: wrap; }
    .form__list > li.col-2 .box { width: 100%; }
    .form__list > li.m-flex .box { max-width: initial; }
    .inquiry__area .title-box .text { font-size: 14px; }
    .input__box.type-c { gap: 4px; }
    .input__box .chk__box { flex-wrap: wrap; height: auto; padding: 10px 0; gap: 10px 20px; }
    .input__box .chk__box .chk__label { width: calc((100% - 60px)/4); min-width: 100px; }
    .input__box .file-box .form-input { width: calc(100% - 104px); }
    .input__box .file-box .btn-file { width: 100px; font-size: 15px; }
    .form__list > li .email-box .input__box { flex-wrap: wrap; }
    .email-box .form-input { flex: 1; }
    .email-box .form-select { width: 100%; }
    .support-form .button__wrap { gap: 12px; }

    .sec-history .title-box { position: static; width: 100%; height: auto; margin-bottom: 40px;}
    .history__wrap { width: 100%; margin-left: 30px; }
    .year__list .year__item { --year-w: 100%; --date-w: 40px; row-gap: 20px; padding: 20px 0; }
    .year__list .year__item .year { padding-left: 0; font-size: 18px; }
    .year__list .year__item .history__list { width: 100%; }
    .history__list > li { font-size: 15px; }
    .sec-map .map-box { height: 350px; border-radius: 15px; }
    .sec-map .map-info .address-box { padding-bottom: 25px; }
    .sec-map .map-info .address-box .title { font-size: 18px; }
    .sec-map .map-info .address-box .title::before { width: 26px; height: 26px; }
    .sec-map .map-info .address-box .text { margin-top: 10px; font-size: 20px; }
    .sec-map .contact-box { margin-top: 25px; }
    .contact-box > ul > li .icon { width: 36px; }
    .contact-box dl { gap: 10px; font-size: 16px; }
    .contact-box dt { gap: 12px; }
    .search_box { --pd: 12px; --fsz: 14px; height: 50px; gap: 5px; }
    .search_box select { width: 30%; background-size: 20px; }
    .search_box .search-input { width: calc(70% - 10px - 50px); height: 50px; }
    .search_box .btn-search { --btn-size: 50px; }
    .board__list > li { --date-w: 100%; height: auto; padding: 15px 40px 15px 0; font-size: 14px; }
    .board__list .title-box { width: 100%; padding-left: 10px; font-size: 15px; }
    .board__list .date-box { margin-top: 5px; padding: 0 10px; }
    .board__list .date-box .icon { position: absolute; right: 10px; top: 50%; width: 30px; height: 30px; transform: translateY(-50%); }
    .board__list > li:hover .date-box .icon { transform: translateY(-50%) rotate(45deg); }
    .paging { --mg-gap: 5px; margin-top: 50px; }
    .view_ctn .tit ul { gap: 31px; margin-bottom: 20px; }
    .view_ctn .tit ul li { font-size: 14px; }
    .view_ctn .tit ul li::before { left: -16px; height: 14px; }
    .view_ctn .tit .board-title { font-size: 24px; }
    .view_ctn .tit { padding-bottom: 30px; }
    .view_ctn .info-top { font-size: 14px; }
    .view_ctn .file__box .btn-file-list { padding-right: 20px; font-size: 14px; }
    .view_ctn .file__box .btn-file-list::after { width: 16px; height: 16px; }
    .view_ctn .file__box .file-list__box { top: calc(100% + 10px); max-width: 300px; padding: 20px 35px 15px 15px; }
    .view_ctn .file__box .file__list > li { padding-left: 24px; font-size: 13px; }
    .view_ctn .file__box .file__list > li::before { width: 18px; height: 18px; }
    .view_ctn .info-box { padding: 30px 0 50px; }
    .view_ctn .pages dl { height: 50px; font-size: 14px; }
    .view_ctn .pages dl dt { width: 90px; gap: 10px; padding: 0 10px; }
    .view_ctn .pages dl dt .icon { width: 20px; height: 20px; }
    .view_ctn .pages dl dd { width: calc(100% - 90px); padding: 0 10px; }
    .partners__list { gap: 10px; }
    .partners__list > li { width: calc((100% - 20px)/3); }
}

@media screen and (max-width: 640px) {
    .thumbs-swiper .swiper-slide { width: calc((100% - 16px)/3); }
    .partners__list > li { width: calc(50% - 5px); }
}