@charset "utf-8";

/* Base */
.subpage {padding-top: 90px;}
.sp-head {padding-block: 54px 125px;}
.sp-article {padding-bottom: 145px;}
.sp-article--2 {padding-block: 180px;}
.sp-article--3 {padding-block: 75px;}
.sp-article__head {margin-bottom: 70px;}

.svg_prd_logo {max-width: 100%; object-fit: contain;}

.breadcrumb {display: flex; justify-content: flex-end; font-size: 14px; color: #878787; text-align: right; font-family: var(--font-sub1); font-weight: 500; margin-bottom: 62px;}
.breadcrumb__item {line-height: 1; display: flex; align-items: center;}
.breadcrumb__item:not(:last-child)::after {display: block; content: ''; width: 0; height: 0; border-left: 10px solid #878787; border-block: 5px solid transparent; margin: 0 10px;}
.breadcrumb__item:first-child {font-weight: 600;}
.breadcrumb__item:last-child {color: #000;}

.sbj_tag {font-family: var(--font-sub1); color: var(--sky-blue); font-weight: 600; display: block; margin-bottom: 0.3em;}
.sbj_tag {font-size: 34px;}
.sbj_tag.sml {font-size: 27px;}
.sp-subject--1 {font-size: 60px; color: var(--navy); line-height: 1.3; font-family: var(--font-sub1); word-break: keep-all;}
.sp-subject--1 small {display: block; color: #656565; font-size: 30px; font-weight: 600; margin-bottom: 0.5em;}

.ag-button {--base: var(--navy); --hover: var(--sky-blue); display: inline-block; position: relative; overflow: hidden; padding: 1.11em 1.78em; background: var(--base); border-radius: 15px; font-size: 18px; color: #fff; font-weight: 700; line-height: 1.2; word-break: keep-all; text-align: center;}
.ag-button.block {display: block;}
.ag-button:has(.icon) {display: inline-flex; align-items: center; justify-content: space-between; gap: 1em;}
.ag-button:has(.icon):is(.block) {display: flex;}
.ag-button:has(.icon) .icon {}
.ag-button:has(.icon) .icon svg {display: block;}
.ag-button.type--transparent {background: none; border: 1px solid var(--hover); color: var(--hover);}
.ag-button.type--dark {--base: var(--dark1);}
.ag-button.type--gray {--base: var(--gray1); --hover: var(--dark1);}
.ag-button.theme--orange {--base: var(--orange);}

ul.bullet {--theme: var(--gray3); font-size: 19px;}
ul.bullet.p1 {font-size: 20px;}
ul.bullet.p2 {font-size: 19px;}
ul.bullet.p3 {font-size: 18px;}
ul.bullet.sky-blue {--theme: var(--sky-blue);}
ul.bullet.blue {--theme: var(--blue);}
ul.bullet.navy {--theme: var(--navy);}
ul.bullet.orange {--theme: var(--orange);}
ul.bullet.cyan {--theme: var(--cyan);}
ul.bullet > li {position: relative;padding: 0 0 0.5em 1em;text-align: left;font-weight: 400;line-height: 150%;margin-bottom: 0;}
ul.bullet > li:last-child {padding-bottom: 0 !important;}
ul.bullet > li:before {display: block;content: '';width: 4px;height: 4px;border-radius: 100%;background-color: var(--theme);position: absolute;top: 0.75em;left: 0;transform: translateY(-50%);}
ul.bullet.tiny > li:before {width: 2px;height: 2px;}
ul.bullet.big > li:before {width: 8px; height: 8px;}
ul.bullet.square > li:before {width: 8px;height: 8px;border-radius: 0; background: var(--theme);}
ul.bullet.hyphen > li:before {width: 5px;height: 1px;border-radius: 0;background-color: #333;}
ul.bullet.plus > li {padding-left: 1.2em;}
ul.bullet.plus > li:before {content: '+'; color: var(--theme); font-weight: 700; background: none; width: auto; height: auto;}
ul.bullet.arw > li:before {width: 0; height: 0; border-left: .4em solid var(--theme); border-block: .3em solid transparent; border-radius: 0; background: none;}
ul.bullet.disc > li {padding-left: 1.2em;}
ul.bullet.disc > li:before {border: 3px solid var(--theme); background: none;}
ul.bullet.star > li {}
ul.bullet.star > li:before {content: '*'; width: auto; height: auto; background: none; border-radius: 0; font-weight: inherit; color: inherit;}

.cert_ls {display: grid; grid-template-columns: repeat(4, 1fr); gap: 55px;}
.cert_item a {display: flex; flex-direction: column;}
.cert_item .thumb {display: block; border-radius: 10px; box-shadow: 0 3px 6px rgb(0,0,0,.1); width: 100%;}
.cert_item .cont {padding-top: 25px;}
.cert_item .cont .tit {display: block; font-size: 18px; font-weight: 600; font-family: var(--font-sub1); margin-bottom: 0.3em;}
.cert_item .cont .desc {font-size: 16px;}
.cert_item .cont .more {display: inline-flex; align-items: center; gap: 1em; color: #B5B5B5; font-size: 20px; font-weight: 600; padding-bottom: 0.2em; border-bottom: 1px solid #b5b5b5; margin-top: 0.8em;}
.cert_item .cont .more svg path {stroke: #b5b5b5;}

@media (hover: hover) {
  .cert_item a:hover .cont .more {color: var(--sky-blue); border-color: var(--sky-blue);}
  .cert_item a:hover .cont .more svg path {stroke: var(--sky-blue);}
}

.cert-carausel {position: relative; overflow: visible;}
.cert-carausel .cert_ls {display: flex; gap: 0;}
.cert-carausel .carausel__nav {display: flex; justify-content: space-between; align-items: center; position: absolute; top: 45%; left: 50%; width: calc(100% + 280px); transform: translate(-50%, -50%); z-index: 10; pointer-events: none;}
.cert-carausel .carausel__nav button {pointer-events: initial; padding: 0;}
.cert-carausel .carausel__nav button.swiper-button-disabled {opacity: .2; pointer-events: none;}
.cert-carausel .carausel__nav button:hover svg :where(path, .circle) {stroke: var(--theme1);}


.downloads {display: grid; grid-template-columns: repeat(4, 1fr); gap: 85px;}
.downloads__item {display: flex; flex-direction: column; gap: 30px;}
.downloads__item .thumb {display: block; width: calc(100% - 32px); aspect-ratio: 1 / 1.41; object-fit: cover; box-shadow: 5px 5px 15px rgb(0,0,0,.1); margin: 0 auto; border-radius: 5px;}
.downloads__item .ag-button {height: 100%;}
.downloads.flexed {display: flex; justify-content: center; flex-wrap: wrap;}
.downloads.flexed .downlaods__item {width: 260px; max-width: 100%;}

.ag-carausel {position: relative; --paging-theme: var(--dark1)}
.ag-carausel .swiper {width: 980px; margin: 0 auto; border-radius: 15px;}
.ag-carausel nav {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; pointer-events: none; z-index: 10;}
.ag-carausel nav button {padding: 0; pointer-events: initial;}
.ag-carausel nav button.swiper-button-disabled {opacity: .5; pointer-events: none;}
.ag-carausel nav button svg {width: 76px; height: 76px;}
.ag-carausel .paging {position: absolute; top: 100%; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; padding-top: 30px; gap: 24px;}
.ag-carausel .paging .swiper-pagination-bullet {opacity: 1; border: 1px solid #BFBFBF; width: 12px; height: 12px; background: transparent; margin: 0;}
.ag-carausel .paging .swiper-pagination-bullet-active {border: none; background: var(--paging-theme);}

@media (hover: hover) {
  .ag-button:hover {background: var(--hover);}
  .ag-button.type--transparent:hover {background: var(--hover); color: #fff;}

  .ag-carausel nav button:hover svg :where(path, .circle) {stroke: var(--sky-blue);}
}
@media screen and (max-width: 1399px) {
  .subpage {padding-top: 80px;}
  .sp-head {padding-bottom: 95px;}
  .sp-article {padding-bottom: 90px;}
  .sp-article--2 {padding-block: 110px;}
  .sp-article--3 {padding-block: 45px;}
  .sp-article__head {margin-bottom: 50px;}

  .sbj_tag {font-size: 24px;}
  .sbj_tag.sml {font-size: 20px;}
  .sp-subject--1 {font-size: 42px; word-break: keep-all;}
  .sp-subject--1 small {font-size: 20px;}

  .ag-button {font-size: 16px;}

  ul.bullet {font-size: 16px;}
  ul.bullet.p1 {font-size: 18px;}
  ul.bullet.p2 {font-size: 17px;}
  ul.bullet.p3 {font-size: 16px;}

  .cert_ls {grid-template-columns: repeat(3, 1fr); gap: 50px 30px;}
  .cert_item .cont {padding-top: 20px;}
  .cert_item .cont .tit {font-size: 16px;}
  .cert_item .cont .desc {font-size: 14px;}
  .cert_item .cont .more {font-size: 14px;}
  .cert_item .cont .more svg {width: .7em; height: auto;}

  .cert-carausel .carausel__nav {position: relative; top: 0; left: 0; width: 100%; transform: none; padding-top: 30px;}
  .cert-carausel .carausel__nav button svg {width: 40px; height: auto;}

  .downloads {gap: 50px 20px;}
  .downloads__item {gap: 20px;}
  .downloads__item .thumb {width: 100%;}
  .downloads.flexed {display: grid; grid-template-columns: repeat(3, 1fr);}
  .downloads.flexed .ag-button {justify-content: center;}
  .downloads.flexed .ag-button .icon {display: none;}

  .ag-carausel {margin-bottom: 50px;}
  .ag-carausel .swiper {width: 100%;}
  .ag-carausel nav {top: auto; align-items: flex-end; height: auto; padding-top: 20px;}
  .ag-carausel nav button svg {width: 40px; height: 40px;}
  .ag-carausel .paging {padding-top: 42px; gap: 15px;}
}
@media screen and (max-width: 767px) {
  .subpage {padding-top: 60px;}
  .sp-head {padding-bottom: 65px;}
  .sp-article {padding-bottom: 70px;}
  .sp-article--2 {padding-block: 90px;}
  .sp-article--3 {padding-block: 35px;}
  .sp-article__head {margin-bottom: 35px;}

  .sbj_tag {font-size: 20px;}
  .sbj_tag.sml {font-size: 18px;}
  .sp-subject--1 {font-size: 32px;}
  .sp-subject--1 small {font-size: 19px;}

  .breadcrumb {display: none;}
  .ag-button {font-size: 15px; display: flex; width: 100%; justify-content: center; padding: .8em 1.4em; border-radius: 10px;}

  ul.bullet {font-size: 16px;}
  ul.bullet.p1 {font-size: 17px;}
  ul.bullet.p2 {font-size: 16px;}
  ul.bullet.p3 {font-size: 15px;}

  .cert_ls {grid-template-columns: repeat(2, 1fr); gap: 30px 10px;}
  .cert_item .cont {padding-top: 15px;}
  .cert_item .cont .tit {font-size: 14px;}
  .cert_item .cont .desc {font-size: 13px;}
  .cert_item .cont .more {font-size: 13px;}

  .downloads {display: grid!important; grid-template-columns: repeat(2, 1fr)!important; gap: 40px 10px;}
  .downloads__item {gap: 10px;}
  .downloads__item .thumb {border-radius: 15px;}

  .ag-carausel .paging {gap: 5px;}
  .ag-carausel .paging .swiper-pagination-bullet {width: 8px; height: 8px;}
}




/* Hero */
.ag-hero--1 {position: relative; overflow: hidden; color: #fff;}
.ag-hero--1 .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.ag-hero--1 .bg.fixed {background-attachment: fixed;}
.ag-hero--1 .container {min-height: 970px; display: flex; align-items: center; padding: 120px 0;}
.ag-hero--1 .content {width: 100%;}
.ag-hero--1 .content .tag {display: block; opacity: .7;}
.ag-hero--1 .content .title {font-size: 80px; font-family: var(--font-sub1); font-weight: 600; line-height: 1.2; margin-bottom: 0.5em;}

@media screen and (max-width: 1399px) {
  .ag-hero--1 .container {min-height: 700px;}
  .ag-hero--1 .content .title {font-size: 50px;}
}
@media screen and (max-width: 767px) {
  .ag-hero--1 .bg {background-attachment: local!important;}
  .ag-hero--1 .container {min-height: 400px;}
  .ag-hero--1 .content {text-align: center;}
  .ag-hero--1 .content .title {font-size: 36px;}
}



/* Wearable: Overview */
.pg--introduce.pg--overview .subpage {background: #f4f4f4;}
#hist_of_wr .container--m {display: flex; gap: 80px; justify-content: space-between; align-items: flex-end; padding-bottom: 54px;}
#hist_of_wr .visual {width: 460px; flex-shrink: 0;}
#hist_of_wr .visual img {display: block; width: 100%;}
#hist_of_wr .content {width: 100%;}
#cybathlon .head {margin-bottom: 60px;}
#cybathlon .body {padding-block: 40px 145px; background: #fff;}
#cybathlon .body .content {display: flex; gap: 40px 74px; align-items: center; padding-top: 120px;}
#cybathlon .body .content .visual {width: 53%; min-height: 486px; flex-shrink: 0;}
#cybathlon .body .content .cont {width: 100%;}
#cybathlon .body .content .cont .title {margin-bottom: 0.7em;}
#cybathlon .body .content .cont .desc {margin-bottom: 4em;}
#app_of_wr {background: #f4f4f4; padding-block: 90px 0;}
#app_of_wr .head {margin-bottom: 120px;}
#app_of_wr .carausel_track {height: 400vh; margin-top: -20vh;}
#app_of_wr .body {position: sticky; top: 0; overflow: hidden; height: 100vh; padding-block: 50px; display: flex; align-items: center;}
.app_of_wr__main_carausel {height: 270px; overflow: visible; pointer-events: none;}
.app_of_wr__main_carausel .swiper-slide {transition: opacity .5s;}
.app_of_wr__main_carausel .swiper-slide:not(.swiper-slide-active) {opacity: .1;}
.app_of_wr__main_carausel .swiper-slide .container--m {display: flex; justify-content: flex-end; align-items: center; height: 100%;}
.app_of_wr__main_carausel .swiper-slide .content {width: 577px; padding-left: 125px;}
.app_of_wr__main_carausel .swiper-slide .content .inner {display: flex; width: 100%; gap: 25px;}
.app_of_wr__main_carausel .swiper-slide .content .inner .num {--theme: var(--gray1); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--theme); color: #fff; font-size: 19px; font-weight: 500; flex-shrink: 0;}
.app_of_wr__main_carausel .swiper-slide:nth-child(1) .content .inner .num {--theme: var(--sky-blue);}
.app_of_wr__main_carausel .swiper-slide:nth-child(2) .content .inner .num {--theme: var(--cyan);}
.app_of_wr__main_carausel .swiper-slide:nth-child(3) .content .inner .num {--theme: var(--orange);}
.app_of_wr__main_carausel .swiper-slide:nth-child(4) .content .inner .num {--theme: var(--blue);}
.app_of_wr__main_carausel .swiper-slide .content .inner .cont {}
.app_of_wr__visual_carausel {width: calc(50% + 200px); max-width: 1160px; height: calc(100% - 100px); max-height: 643px; position: absolute; top: 50%; left: 50%; transform: translate(calc(-100% + 100px), -50%); border-radius: 30px;}

@media screen and (max-width: 1399px) {
  #hist_of_wr .container--m {align-items: flex-start; gap: 40px;}
  #hist_of_wr .visual {width: 300px;}
  #cybathlon .body .content {gap: 40px;}
  #cybathlon .body .content .visual {min-height: 435px;}
  .app_of_wr__main_carausel .swiper-slide .content {width: 50%; padding-left: 50px;}
  .app_of_wr__main_carausel .swiper-slide .content .inner {gap: 15px;}
  .app_of_wr__main_carausel .swiper-slide .content .inner .num {font-size: 15px; width: 20px; height: 20px;}
  .app_of_wr__visual_carausel {width: 50%; max-height: 500px; left: 0; transform: translate(0, -50%); border-radius: 0 30px 30px 0;}
}
@media screen and (max-width: 767px) {
  #hist_of_wr .visual {display: flex; justify-content: center; align-items: center; width: 100%; padding: 0 20px; border-radius: 20px;}
  #hist_of_wr .visual img {max-width: 350px;}
  #hist_of_wr .container--m {flex-direction: column;}
  #cybathlon .head {margin-bottom: 20px;}
  #cybathlon .body {padding-block: 20px 65px;}
  #cybathlon .body .content {padding-top: 80px; flex-direction: column; align-items: stretch;}
  #cybathlon .body .content .visual {width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 9;}
  #cybathlon .body .content .cont .title {text-align: center;}
  #cybathlon .body .content .cont .desc {margin-bottom: 2em;}
  #cybathlon .body .content .cont .ag-button {display: flex; width: 100%; justify-content: center;}
  #app_of_wr {padding-block: 60px 0;}
  #app_of_wr .head {margin-bottom: 40px;}
  #app_of_wr .carausel_track {margin-top: 0;}
  .app_of_wr__main_carausel {width: 100%; height: 240px;}
  .app_of_wr__main_carausel .swiper-slide .content {width: 100%; padding: 0;}
  .app_of_wr__main_carausel .swiper-slide .content .inner {flex-direction: column; align-items: center; text-align: center; color: #fff;}
  .app_of_wr__main_carausel .swiper-slide .content .inner .cont {color: #fff!important;}
  .app_of_wr__visual_carausel {z-index: 0; left: 0; width: 100%; height: 100%; max-height: none; border-radius: 0;}
  .app_of_wr__visual_carausel::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; display: block; background: rgb(0,0,0,.6); z-index: 10; mix-blend-mode: multiply;}
}




/* Wearable: Technology */
#tech_of_wr {background: linear-gradient(to bottom, #000047, #00000E); color: #fff; padding: 140px 0;}
#tech_of_wr .head {margin-bottom: 140px;}
#tech_of_wr .body {display: flex; align-items: flex-start; gap: 40px 68px;}
#tech_of_wr .body .visual {width: 50%; flex-shrink: 0; min-width: 250px;}
#tech_of_wr .body .cont {display: flex; flex-direction: column; gap: 10px; width: 100%;}
#tech_of_wr .body .cont__item {background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 40px 40px 40px 50px; gap: 20px; overflow: hidden;}
#tech_of_wr .body .cont__item .wrap {}
#tech_of_wr .body .cont__item .wrap .tag {}
#tech_of_wr .body .cont__item .wrap .tit {line-height: 1.4;}
#tech_of_wr .body .cont__item .wrap .desc {color: var(--dark2);}
#tech_of_wr .body .cont__item .icon {}
@media screen and (max-width: 1399px) {
  #tech_of_wr {padding-block: 100px;}
  #tech_of_wr .head {margin-bottom: 80px;}
  #tech_of_wr .body {flex-direction: column; align-items: center;}
}
@media screen and (max-width: 767px) {
  #tech_of_wr .body .cont__item {flex-direction: column; align-items: center; text-align: center; padding: 25px; gap: 15px;}
  #tech_of_wr .body .cont__item .wrap {width: calc(100% - 0px); order: 1;}
  #tech_of_wr .body .cont__item .wrap .tit {white-space: nowrap;}
  #tech_of_wr .body .cont__item .icon {order: 0; width: 150px; object-fit: cover;}
  #tech_of_wr .body .cont__item:nth-child(2) .icon {width: 120px;}
  #tech_of_wr .body .cont__item:nth-child(3) .icon {width: 180px;}
}



/* Wearable: Brands */
.pg--introduce.pg--brands {background: #f4f4f4;}
.brand_acordien {display: flex; gap: 6px;}
.brand_acordien__item {border-radius: 10px; background: #fff; overflow: hidden; width: 25%; height: 610px; transition: width .4s, background .4s;}
.brand_acordien__item:nth-child(1) {--theme: var(--sky-blue);}
.brand_acordien__item:nth-child(2) {--theme: var(--cyan);}
.brand_acordien__item:nth-child(3) {--theme: var(--orange);}
.brand_acordien__item:nth-child(4) {--theme: var(--gray2);}
.brand_acordien__item > a {display: block; padding: 20px; position: relative; height: 100%;}
.brand_acordien__item > a .head {transform: translate(0, 60px); transition: transform .4s;}
.brand_acordien__item > a .head .svg_brand {transform-origin: left bottom; transition: transform .4s; width: auto; height: 26px;}
.brand_acordien__item > a .head .svg_brand :where(.svg_brand__symbol, .svg_brand__typo) {fill: #838383; transition: fill .4s;}
.brand_acordien__item > a .head .tit {color: #878787; transition: color .4s, transform .4s; transform-origin: top left; font-size: 20px; line-height: 1.4; margin-top: 0.5em; white-space: nowrap;}
.brand_acordien__item > a .head .tit .val {}
.brand_acordien__item > a .thumb {position: absolute; right: 0; top: 0; max-width: none; transform: translate(50%) scale(.7); transform-origin: bottom center; transition: transform .4s;}
@media screen and (min-width: 1400px) {
  .brand_acordien__item.active {width: 90%; background: var(--theme);}
  .brand_acordien__item.active > a .thumb {transform: translate(10%) scale(1);}
  .brand_acordien__item.active > a .head {transform: translate(10px, 110%);}
  .brand_acordien__item.active > a .head .svg_brand {transform: scale(1.61);}
  .brand_acordien__item.active > a .head .svg_brand :where(.svg_brand__symbol, .svg_brand__typo) {fill: rgb(255,255,255,.7);}
  .brand_acordien__item.active > a .head .tit {color: #fff; transform: scale(2.25);}
}

.pg--introduce.pg--brands footer {position: relative; z-index: 100;}
.ag_brands {position: relative;}
.ag_brands__paging {position: sticky; top: 0; bottom: calc(var(--vh, 1vh) * 100); width: 100%; height: 0; z-index: 10;}
.ag_brands__paging .container {position: relative;}
.ag_brands__paging .wrap {display: flex; flex-direction: column; gap: 30px; position: absolute; left: calc(100% + 50px); top: calc(var(--vh, 1vh) * 50); transform: translate(0, -50%);}
.ag_brands__paging .item {font-family: var(--font-sub1); font-weight: 600; font-size: 20px; color: #878787; transition: color .4s, background .4s; text-transform: uppercase; width: 4.3em; height: 1.85em; border-radius: 10px; overflow: hidden; padding: 0;}
.ag_brands__paging .item:nth-child(1) {--theme: var(--sky-blue);}
.ag_brands__paging .item:nth-child(2) {--theme: var(--cyan);}
.ag_brands__paging .item:nth-child(3) {--theme: var(--orange);}
.ag_brands__paging .item:nth-child(4) {--theme: var(--gray2);}
.ag_brands__paging .item.active {background: var(--theme); color: #fff;}
.ag_brands__section {position: relative; top: 0; background: linear-gradient(-35deg, #E8E8E8 10%, #E8E8E8, #ffffff); overflow: hidden;}
.ag_brands__section:last-of-type {margin-bottom: 0;}
.ag_brands__section .container {height: calc(var(--vh, 1vh) * 100); padding: 150px 0; display: flex; align-items: center; gap: 125px;}
.ag_brands__section .content {width: 50%;}
.ag_brands__section .content .tit {margin-block: .3em .8em;}
.ag_brands__section .visual {width: 50%; text-align: center;}
.ag_brands__section .visual .tag {color: #fff; font-size: 28px; font-weight: 700; text-align: center; background: var(--gray2); border-radius: 100px; padding: .3em 1.3em; display: inline-block; margin-bottom: 0.8em;}
.ag_brands__section .visual img {display: block; width: 100%;}
.ag_brands__section:nth-of-type(even) {background: linear-gradient(70deg, #E8E8E8 10%, #E8E8E8, #ffffff);}
.ag_brands__section:nth-of-type(even) .content {order: 1;}
.ag_brands__section:nth-of-type(even) .visual {order: 0;}

@media screen and (max-width: 1399px) {
  .ag_brands_page_head {position: relative; z-index: 20; padding-bottom: 70px; background: #EBEBEB;}
  #ag_brand_list {padding-bottom: 30px;}
  .brand_acordien {display: grid; grid-template-columns: repeat(2, 1fr);}
  .brand_acordien__item {width: 100%; height: 200px;}
  .brand_acordien__item > a .head {transform: none;}
  .brand_acordien__item > a .head .svg_brand {width: auto; height: 30px;}
  .brand_acordien__item > a .thumb {height: 100%; width: auto; transform: translate(0);}

  
  .pg--introduce.pg--brands footer {margin-top: -100px;}
  .ag_brands__paging {position: fixed; top: auto; bottom: 0; height: auto; z-index: 500;}
  .ag_brands__paging .container {justify-content: center;}
  .ag_brands__paging .wrap {width: 100%; flex-direction: row; justify-content: center; position: static; transform: none; gap: 20px; padding: 20px 20px 20px 20px; background: rgb(255,255,255,.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 20px 20px 0 0;}
  .ag_brands__paging .item {background: #fff;}
  .ag_brands__section .container {gap: 50px; height: auto;}
  .ag_brands__section:last-of-type .container {padding-bottom: 250px;}
  .ag_brands__section .visual .tag {font-size: 16px;}

}
@media screen and (max-width: 767px) {
  .pg--introduce.pg--brands .quick_link {padding-bottom: 80px;}
  .pg--introduce.pg--brands .sp-head {padding-bottom: 35px;}
  .pg--introduce.pg--brands .footer {position: relative; z-index: 100;}
  .brand_acordien__item {height: auto;}
  .brand_acordien__item > a {padding-inline: 10px;}
  .brand_acordien__item > a .head .svg_brand {height: 20px;}
  .brand_acordien__item > a .thumb {position: static; width: 80%; max-width: 150px; height: auto; margin-bottom: -25px; margin-right: -25px; margin-left: auto; display: block;}
  .brand_acordien__item > a .head .tit {font-size: 18px; margin-top: 0.3em;}
  #ag_brand_list {padding-bottom: 0;}
  .ag_brands__section {background: #fff!important;}
  .ag_brands__section .container {padding: 70px 0 30px 0; flex-direction: column; gap: 45px;}
  .ag_brands__section .visual {order: 1!important; width: 100%;}
  .ag_brands__section .visual img {display: block;}
  .ag_brands__section .visual .tag {font-size: 14px; padding: .5em 1.5em;}
  .ag_brands__section .content {width: 100%; order: 0!important;}
  .ag_brands__section .content .svg_brand {height: 30px; width: auto;}
  /* .ag_brands__section .content .tit {font-size: 26px;} */
  .ag_brands__paging .wrap {gap: 10px;}
  .ag_brands__paging .item {font-size: 15px; line-height: 1; border-radius: 5px;}
}




/* Wearable: Future */
.ag-future-carausel {padding: 140px 0; overflow: hidden;}
.ag-future-carausel .carausel {width: 1030px; overflow: visible;}
.ag-future-carausel .carausel__slide {display: flex; align-items: center; justify-content: center; transition: opacity .7s; height: auto;}
.ag-future-carausel .carausel__slide::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px; content: ''; display: block; background: #8585d6; opacity: 0.2; transform: translate(0, 30px); filter: blur(20px); transition: opacity .7s;}
.ag-future-carausel .carausel__slide:not(.swiper-slide-active) {opacity: .5;}
.ag-future-carausel .carausel__slide:not(.swiper-slide-active)::before {opacity: 0;}
.ag-future-carausel .carausel__slide.theme--sky-blue {--theme: var(--sky-blue);}
.ag-future-carausel .carausel__slide.theme--cyan {--theme: var(--cyan);}
.ag-future-carausel .carausel__slide.theme--orange {--theme: var(--orange);}
.ag-future-carausel .carausel__slide.theme--gray {--theme: var(--gray2);}
.ag-future-carausel .carausel__slide.theme--pink {--theme: #EE3A9A;}
.ag-future-carausel .carausel__slide .visual {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px; overflow: hidden;}
.ag-future-carausel .carausel__slide .visual img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 20px); height: calc(100% + 20px); object-fit: cover;}
.ag-future-carausel .carausel__slide .visual.padded {padding: 15px;}
.ag-future-carausel .carausel__slide .visual.padded img {width: 450px;}
.ag-future-carausel .carausel__slide .content {position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;  width: 100%; height: 620px; padding: 40px; text-align: center; color: #fff;}
.ag-future-carausel .carausel__slide .content .num {color: var(--theme); font-family: var(--font-sub1); font-weight: 600; line-height: 1; display: block;}
.ag-future-carausel .carausel__slide .content .title {display: block; line-height: 1.3; margin-bottom: 0.1em; color: white;}
.ag-future-carausel .carausel__slide .content .subtitle {display: block; color: var(--theme); font-family: var(--font-sub1); line-height: 1.3; font-weight: 600; margin-bottom: 0.5em;}
.ag-future-carausel .carausel__slide .content .desc {line-height: 1.4; color: #BFBFBF; line-height: 1.8;}
.ag-future-carausel .carausel__slide .content .hashtag {display: flex; justify-content: center; gap: .5em; font-weight: 500; color: white; margin-top: 5em;}
.ag-future-carausel .carausel__slide .content .hashtag span::before {content: '#';}
.ag-future-carausel .carausel__nav {padding-top: 80px; display: flex; justify-content: center; text-align: center;}
.ag-future-carausel .carausel__nav .pagination {position: relative;}
.ag-future-carausel .carausel__nav .pagination .gears {position: relative; display: flex; align-items: center; padding: 0 20px; z-index: 0;}
.ag-future-carausel .carausel__nav .pagination .gears span {opacity: .3; transition: opacity .7s, box-shadow .7s;  border-radius: 50%; position: relative;}
.ag-future-carausel .carausel__nav .pagination .gears span svg {display: block;}
.ag-future-carausel .carausel__nav .pagination .gears .sml {opacity: .8;}
.ag-future-carausel .carausel__nav .pagination .gears .big::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: var(--sky-blue); filter: blur(30px); content: ''; opacity: 0; transition: opacity .7s; mix-blend-mode: overlay; z-index: 1;}
.ag-future-carausel .carausel__nav .pagination .gears .big.active {opacity: 1;}
.ag-future-carausel .carausel__nav .pagination .gears .big.active::before {opacity: .7;}
.ag-future-carausel .carausel__nav .pagination .gears .big .svg_icon_gear {width: 106px; height: 106px;}
.ag-future-carausel .carausel__nav .pagination .gears .sml .svg_icon_gear {width: 40px; height: 40px;}
.ag-future-carausel .carausel__nav .pagination .gears span .svg_icon_gear {transition: transform .7s;}
.ag-future-carausel .carausel__nav .pagination .gears span.big .svg_icon_gear {transform: rotate(calc(72deg * var(--spinning)));}
.ag-future-carausel .carausel__nav .pagination .gears span.sml .svg_icon_gear {transform: rotate(calc(-216deg * var(--spinning)));}
.ag-future-carausel .carausel__nav .pagination .bullets {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 10;}
.ag-future-carausel .carausel__nav .pagination__bullet {all: unset; color: #fff; width: 146px; opacity: .5; font-size: 18px; transition: transform .7s; cursor: pointer; padding-block: 10px;}
.ag-future-carausel .carausel__nav .pagination__bullet.swiper-pagination-bullet-active {opacity: 1; font-weight: 700; transform: scale(1.11);}
.ag-future-carausel .carausel__nav .pagination::before {position: absolute; top: 50%; left: 0; width: 100%; height: 63px; border-radius: 63px; border: 1px solid var(--sky-blue); content: ''; display: block; z-index: 1; transform: translate(0, -50%); background: rgb(0, 0, 54, .7);}

.ag-banner {padding: 60px 0; background: #ebebeb;}
.ag-banner .container {display: flex; align-items: flex-end; gap: 30px 50px; justify-content: space-between;}
.ag-banner .container .ag-button {flex-shrink: 0;}

@media screen and (max-width: 1399px) {
  .ag-future-carausel {padding: 100px 0;}
  .ag-future-carausel .carausel {width: 720px; margin: 0 auto;}
  .ag-future-carausel .carausel__slide .content {height: 500px;}
}
@media screen and (max-width: 767px) {
  .ag-future-carausel {padding: 40px 0 90px 0;}
  .ag-future-carausel .carausel {width: 100%; display: flex; flex-direction: column;}
  .ag-future-carausel .carausel .swiper-wrapper {order: 1;}
  .ag-future-carausel .carausel__slide {flex-direction: column; justify-content: flex-start; padding: 0; border-radius: 20px; overflow: hidden;}
  .ag-future-carausel .carausel__slide::before {display: none;}
  .ag-future-carausel .carausel__slide .visual {position: relative; width: 100%; height: auto;}
  .ag-future-carausel .carausel__slide .visual img {position: static; transform: none; width: 100%; height: auto; display: block;}
  .ag-future-carausel .carausel__slide .visual.padded {padding: 0;}
  .ag-future-carausel .carausel__slide .visual.padded img {object-fit: cover;}
  .ag-future-carausel .carausel__slide .content {width: calc(100% - 40px); height: auto; margin-top: -25px; background: #fff; border-radius: 15px; overflow: hidden; padding: 40px 20px; box-shadow: 0 0 10px rgb(0,0,0,.15);}
  .ag-future-carausel .carausel__slide .content .title {color: #1b1b1b;}
  .ag-future-carausel .carausel__slide .content .desc {color: #333; word-break: keep-all;}
  .ag-future-carausel .carausel__slide .content .hashtag {color: #1b1b1b; margin-top: 2em; flex-wrap: wrap;}
  .ag-future-carausel .carausel__nav {order: 0; padding-bottom: 50px; padding-top: 30px;}
  .ag-future-carausel .carausel__nav .pagination .gears {width: 100%; justify-content: center; padding: 0 10px; gap: 0;}
  .ag-future-carausel .carausel__nav .pagination .gears .sml {display: none;}   
  .ag-future-carausel .carausel__nav .pagination .gears .big .svg_icon_gear {width: 90px; height: 90px;}
  .ag-future-carausel .carausel__nav .pagination .bullets {flex-wrap: wrap; align-items: center; justify-content: center; width: 100%;}
  .ag-future-carausel .carausel__nav .pagination .bullets .pagination__bullet {width: 90px; height: 80px; padding: 10px; font-size: 15px; white-space: wrap; word-break: keep-all; box-sizing: border-box; line-height: 1.3;}
  .ag-future-carausel .carausel__nav .pagination::before {border-radius: 100px; width: calc(100% - 20px); opacity: .8; left: 50%; transform: translate(-50%, -50%);}

  .ag-banner .container {flex-direction: column; align-items: center; text-align: center;}
  .ag-banner .container .content {width: 100%;}
}




/* Product: Base */
.pg--products .subpage {padding-top: 0;}
.pg--products.pg--medi {--theme1: var(--sky-blue);}
.pg--products.pg--suit {--theme1: var(--cyan);}
.pg--products.pg--gear {--theme1: var(--orange);}
.pg--products.pg--kit {--theme1: var(--gary2)}

.fc--theme1 {color: var(--theme1);}
.pg--products ul.bullet {--theme: var(--theme1);}
.pg--products .sbj_tag {color: var(--theme1);}

.prod_overview_hero {height: 927px; padding: 150px 0;}
.prod_overview_hero .container {height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.prod_overview_hero .container .content .title {margin-bottom: 70px;}
.prod_overview_hero .container .content .title .svg_brand {width: auto; height: 85px; display: block; margin: 0 auto;}
.prod_overview_hero .container .content .title .svg_brand .svg_brand__typo {fill: #fff;}
.prod_overview_hero .container .content .subtitle {font-size: 80px; line-height: 1.12; font-family: var(--font-sub2); font-weight: 800;}
.prod_overview_hero .container .content .subtitle .prd-name {font-size: 0.8em; display: block; margin-top: 0.5em; font-weight: 800;}

.ag-lnb {display: flex; align-items: center; justify-content: center; border-radius: 15px; background: var(--theme1); color: #fff; height: 88px; margin-top: -44px; margin-bottom: 150px;}
.ag-lnb .item {position: relative; padding-inline: 55px; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 35px; color: #fff; font-weight: 700; white-space: nowrap;}
.ag-lnb .item svg {display: block; height: 27px; width: auto;}
.ag-lnb .item svg :where(path, rect) {fill: #fff!important;}
.ag-lnb .item:not(:last-child)::after {position: absolute; top: 50%; right: 0; content: ''; display: block; width: 1px; height: 35%; background: rgb(255,255,255,.5); transform: translate(0, -50%);}

.ag-lnb--tabs {display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 100px;}
.ag-lnb--tabs a {font-size: 20px; padding: 1em; text-align: center; line-height: 1.4; border: 1px solid var(--gray3); margin: -1px 0 0 -1px; word-break: keep-all; display: flex; align-items: center; justify-content: center;}
.ag-lnb--tabs a small {color: #BFBFBF; font-size: .9em;}
.ag-lnb--tabs a.active {color: #fff; background: var(--sky-blue); border-color: var(--sky-blue);}
.ag-lnb--tabs a.active small {color: #fff;}

.prod_hero {height: 970px; background: url('../images/products/hero_bg.svg') no-repeat center / cover; overflow: hidden; padding-top: 90px;}
.prod_hero .container {position: relative; display: flex; flex-direction: column; height: 100%;}
.prod_hero__content {display: flex; align-items: flex-end; justify-content: space-between; height: 100%; padding-bottom: 134px;}
.prod_hero__content .txtbox {padding-bottom: 137px; position: relative; z-index: 1;}
.prod_hero__content .noti {padding-bottom: 40px; margin-right: -70px; font-size: 14px; color:#878787; line-height: 1.8;}
.prod_hero__content .txtbox .title {font-size: 36px; font-family: var(--font-sub1); color: var(--orange); font-weight: 700; line-height: 1; margin-bottom: 1.0em;}
.prod_hero__content .txtbox .title svg {height: 30px; width: auto;}
.prod_hero__content .txtbox .title .svg_prd_logo_symbol {height: 47px;}
.prod_hero__content .txtbox .subtitle {font-size: 70px; line-height: 1.2; margin-bottom: .93em; color: #000; font-family: var(--font-sub2); font-weight: 800;}
.prod_hero__content .txtbox .subtitle b {font-weight: 800; font-size: 0.6em; margin-top: 0.5em; display: block;}
.prod_hero__content .txtbox .subtitle .tip {font-size: 18px; color:#878787; display: block; padding-top: 20px;}
.prod_hero__content .visual {position: absolute; top: 50%; right: 35px; transform: translate(0, -50%);}
.prod_hero__content .visual img {display: block;}
.prod_hero__content .visual .notice {position: absolute; bottom: 200px; right: -100px; display: flex; gap: .5em; font-size: 14px; color: var(--gray1);}
.prod_hero__content .visual .notice::before {content: '*';}
.prod_hero__icons {position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: calc(100% + 180px); height: 134px; flex-shrink: 0; background: var(--theme1); border-radius: 15px 15px 0 0; display: flex; justify-content: center; align-items: center; color: #fff; word-break: keep-all;}
.prod_hero__icons .item {display: flex; align-items: center; gap: 33px; padding-inline: 70px;}
.prod_hero__icons .item:not(:last-child) {border-right: 1px solid #fff;}
.prod_hero__icons .item .cont {font-size: 18px; font-weight: 700; line-height: 1.4;}

@media screen and (min-width: 1400px) {
  .prod_hero:has(.prod_hero__icons) .txtbox {padding-bottom: 190px;}
  .prod_hero:has(.prod_hero__icons) .visual {padding-bottom: 150px;}

  .ag-lnb .item svg.svg_gear_x {height: 34px;}
  .ag-lnb .item svg.type2 {height: 35px;}
  .prod_hero__content .txtbox .title .svg_prd_logo_symbol.svg_gear_x_symbol {height: 41px;}
}

.prod_intro {text-align: center; background: radial-gradient(ellipse, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%);}
.prod_intro .container {display: flex; align-items: center; justify-content: center; padding-block: 120px;}
.prod_intro__title {margin-bottom: 44px;}
.prod_intro__title svg {display: block; margin: 0 auto; height: 61px; width: auto; object-fit: contain; max-width: 100%;}
.prod_intro__desc {color: #878787; font-weight: 700;}
.prod_intro__desc strong {color: #000;}

.prd-article {padding-block: 180px;}
.prd-article__title {margin-bottom: 100px;}
.prd-article__title .subtitle {display: block; font-size: .44em; margin-top: 15px;}
.prd-article__head {margin-bottom: 100px;}
.prd-article__head:has(.prd-article__desc) {margin-bottom: 160px;}
.prd-article__head:has(.prd-article__desc) .prd-article__title {margin-bottom: .5em;}
.prd-article__head:not(:has(.prd-article__desc)) .prd-article__title {margin-bottom: 0;}

.vr-content .toggle-button {display: flex; justify-content: center; margin-bottom: 85px;}
.vr-content .toggle-button .wrap {position: relative; display: flex; width: 425px; height: 77px; border-radius: 77px; overflow: hidden; background: #F3F3F3; border: 2px solid #F3F3F3; padding-inline: 7px;}
.vr-content .toggle-button .wrap .item {position: relative; z-index: 1; width: 50%; font-size: 23px; color: #BFBFBF; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0; line-height: 1; height: 100%; transition: color .4s;}
.vr-content:not(.active) .toggle-button .wrap .item:nth-child(1),
.vr-content.active .toggle-button .wrap .item:nth-child(2) {color: #fff; font-weight: 600;}
.vr-content .toggle-button .wrap::before {position: absolute; top: 0; left: 0; width: 227px; height: 100%; border-radius: 77px; background: var(--theme1); content: ''; display: block; transition: transform .4s var(--cubic-pop1);}
.vr-content.active .toggle-button .wrap::before {transform: translate(calc(100% - 32px));}
.vr-content .toggle-content {display: none;}
.vr-content:not(.active) .toggle-content:nth-child(1),
.vr-content.active .toggle-content:nth-child(2) {display: block;}
.vr-content .carausel {position: relative;}
.vr-content .carausel__slide {background: #fff;}
.vr-content .carausel__slide img {display: block;}
.vr-content .carausel__slide .disk {position: absolute; bottom: 0; left: 0; z-index: -1; display: block; width: 100%;}
.vr-content .carausel__nav {display: flex; justify-content: space-between; align-items: center; position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); z-index: 10; pointer-events: none;}
.vr-content .carausel__nav button {pointer-events: initial;}
.vr-content .carausel__nav button:hover svg :where(path, .circle) {stroke: var(--theme1);}
.vr-content .description {padding-top: 62px; text-align: center; color: #878787;}
.vr-content .description .tit {font-size: 27px; margin-bottom: 0.3em;}
.vr-content .description .desc {font-size: 16px;}
.prd-vr .prd-article__title {margin-bottom: 45px;}

.prd-feature_cards {display: flex; flex-wrap: wrap; gap: 35px; justify-content: center; padding: 0 60px; text-align: center; justify-items: center;}
.prd-feature_card {display: flex; flex-direction: column; align-items: center; width: calc((100% - 70px) / 3); background: #fff; border-radius: 15px; padding: 36px 20px; box-shadow: 5px 5px 15px rgb(0,0,0,.1); word-break: keep-all; position: relative; overflow: hidden; min-height: 480px;}
.prd-feature_card .no {margin-bottom: 25px; font-size: 28px; font-family: var(--font-sub1); font-weight: 700; color: var(--gray2);}
.prd-feature_card .icon {margin-bottom: 20px;}
.prd-feature_card .tit {font-size: 27px; font-weight: 700; line-height: 1.3; margin-bottom: 0.4em;}
.prd-feature_card .desc {font-size: 16px; line-height: 1.5;}

.prd-alternate-layout__row {display: grid; grid-template-columns: 1fr 610px; gap: 120px; padding: 120px 0; border-bottom: 1px solid #505050;}
.prd-alternate-layout .prd-alternate-layout__row:nth-child(even) {grid-template-columns: 610px 1fr;}
.prd-alternate-layout__row:first-child {padding-top: 0;}
.prd-alternate-layout__row:last-child {border-bottom: none; padding-bottom: 0;}
.prd-alternate-layout__row .m_visual {display: none;}
.prd-alternate-layout__visual {border-radius: 30px; overflow: hidden;}
.prd-alternate-layout__visual img {display: block; border-radius: 30px;}
.prd-alternate-layout__row:nth-child(even) .prd-alternate-layout__content {order: 1;}
.prd-alternate-layout__row:nth-child(even) .prd-alternate-layout__visual {order: 0;}
.prd-alternate-layout__visual.has_slide {border-radius: 30px; overflow: hidden;}
.prd-alternate-layout__visual.has_slide img {border-radius: 0; width: 100%;}
.prd-alternate-layout__visual.has_slide .pagination {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; display: flex; justify-content: center; gap: 20px; padding: 24px;}
.prd-alternate-layout__visual.has_slide .pagination .swiper-pagination-bullet {width: 15px; height: 15px; background: transparent; border: 2px solid var(--orange); opacity: 1;}
.prd-alternate-layout__visual.has_slide .pagination .swiper-pagination-bullet-active {background: var(--orange);}
.prd-alternate-layout__content .figures {display: flex; gap: 17px;}
.prd-alternate-layout__content .figures figure {}
.prd-alternate-layout__content .figures figure img {display: block; border-radius: 10px;}

.prd-downloads {}
.prd-downloads .prd-article__head {margin-bottom: 80px;}

.prd_structure_content {position: relative;}
.prd_structure_content .visual {position: relative; width: 610px; margin: 0 auto;}
.prd_structure_content .visual img {display: block; position: relative; z-index: 1;}
.prd_structure_content .visual .circles {position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; z-index: 10;}
.prd_structure_content .visual .circles .circle {position: absolute; background: var(--theme1); opacity: 0; width: 154px; aspect-ratio: 1 / 1; border-radius: 50%; transform: translate(-50%, -50%) scale(1.2); transition: transform .4s var(--cubic-pop1), opacity .4s;}

.prd_structure_content:has(.content .cards:nth-child(1) .card:nth-child(1):hover) .visual .circles:not(.no-effect) .circle:nth-child(1),
.prd_structure_content:has(.content .cards:nth-child(1) .card:nth-child(2):hover) .visual .circles:not(.no-effect) .circle:nth-child(2),
.prd_structure_content:has(.content .cards:nth-child(1) .card:nth-child(2):hover) .visual .circles:not(.no-effect) .circle:nth-child(7),
.prd_structure_content:has(.content .cards:nth-child(1) .card:nth-child(3):hover) .visual .circles:not(.no-effect) .circle:nth-child(8),
.prd_structure_content:has(.content .cards:nth-child(1) .card:nth-child(3):hover) .visual .circles:not(.no-effect) .circle:nth-child(3),
.prd_structure_content:has(.content .cards:nth-child(2) .card:nth-child(1):hover) .visual .circles:not(.no-effect) .circle:nth-child(4),
.prd_structure_content:has(.content .cards:nth-child(2) .card:nth-child(2):hover) .visual .circles:not(.no-effect) .circle:nth-child(5),
.prd_structure_content:has(.content .cards:nth-child(2) .card:nth-child(3):hover) .visual .circles:not(.no-effect) .circle:nth-child(6) {opacity: .7; transform: translate(-50%, -50%) scale(1);} 

.prd_structure_content .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.prd_structure_content .cards {display: flex; flex-direction: column; gap: 65px;}
.prd_structure_content .cards .card {width: 295px; height: 150px; display: flex; align-items: center; position: relative; padding: 30px 15px 30px 30px; text-align: left;}
.prd_structure_content .cards .card::before {position: absolute; top: 50%; left: 0; width: 100%; height: 150px; border: 1px solid #C3C3C3; border-radius: 20px; background: #fff; content: ''; transform: translate(0, -50%); z-index: 0; transition: background .4s, border .4s, height .4s;}
.prd_structure_content .cards .card .cont {display: flex; flex-direction: column; position: relative; z-index: 1;}
.prd_structure_content .cards .card .cont .tag {font-size: 18px; font-family: var(--font-sub1); font-weight: 600; color: var(--theme1); display: block; line-height: 1; margin-bottom: 0.5em; transition: color .4s;}
.prd_structure_content .cards .card .cont .tit {display: block; font-size: 30px; font-weight: 700; line-height: 1.3; transition: color .4s; color: #1b1b1b;}
.prd_structure_content .cards .card .cont .desc {display: block; font-size: 16px; line-height: 1.5; color: rgb(255,255,255,.8); opacity: 0; margin-bottom: calc(-1 * var(--h)); box-sizing: border-box; transition: opacity .4s, margin .4s, padding .4s;}
.prd_structure_content .cards .card .ico--circle {display: flex; align-items: center; justify-content: center; position: absolute; right: 15px; top: 50%; background: #E8E8E8; border: none; transform: translate(0, -50%); transition: transform .4s;}
.prd_structure_content .cards .card .ico--plus {width: 20px; height: 20px;}
.prd_structure_content .cards .card .ico--plus::before {width: 2px;}
.prd_structure_content .cards .card .ico--plus::after {height: 2px;}

.prd_structure_content.type2 .visual {width: 500px;}
.prd_structure_content.type2 .cards .card {width: 350px;}
.prd_structure_content.type2 .cards .card .cont .tag {transform: scale(1.67); transition: transform .4s, color .4s; transform-origin: left bottom;}
.prd_structure_content.type2 .cards .card .cont .tit {transform: scale(1.33); transition: transform .4s, color .4s; transform-origin: left top;}

.prd-spec {padding-block: 100px 120px;}


.prd_spec_table {width: 100%; table-layout: fixed; font-size: 20px; border-block: 1px solid #000;}
.prd_spec_table.not-fixed {table-layout: auto;}
.prd_spec_table_overflow_container {overflow: auto hidden;}
.prd_spec_table_overflow_container .prd_spec_table {min-width: 720px;}
.prd_spec_table tr {border-bottom: 1px solid #ddd;}
.prd_spec_table tbody:last-child tr:last-child {border-bottom: none;}
.prd_spec_table th,
.prd_spec_table td {padding: 18px 23px 18px 38px; text-align: left; color: #000; line-height: 1.4; vertical-align: middle;}
.prd_spec_table th {background: #F2F2F2; font-weight: 500; width: 234px;}
.prd_spec_table td small {font-size: 0.8em; font-weight: 500; color: #878787; margin-left: 0.5em;}
.prd_spec_table td small.diff {margin-top: 1em;display: block;line-height: 1.6;}
.prd_spec_table td .key {}
.prd_spec_table td .val {font-weight: 500; margin-left: 1em;}
.prd_spec_table td .val.dif {margin-left: 2.2em;}

.prd_spec_table.type2 thead th {border-top: 1px solid #000;}
.prd_spec_table.type2 :where(th, td) {text-align: center; border: 1px solid var(--gray2);}
.prd_spec_table.type2 :where(th:not(.has-border):first-child, td.no-border) {border-left: none;}
.prd_spec_table.type2 :where(th:not(.has-border):last-child, td:last-child) {border-right: none;}
.prd_spec_table.type2 tbody th {background: #fff; font-weight: 700;}

.prd_spec_table.type3 thead th {border-top: 1px solid #000;}
.prd_spec_table.type3 :where(th, td) {text-align: center; border: 1px solid var(--gray2);}
.prd_spec_table.type3 :where(th:not(.has-border):first-child, td.no-border) {border-left: none;}
.prd_spec_table.type3 :where(th:not(.has-border):last-child, td:last-child) {border-right: none;}
.prd_spec_table.type3 tbody th {background: #fbfbfb; color: var(--gray1);}

.prd_spec_bullet_title {--theme: #959595; position: relative; font-size: 32px; font-weight: 700; color: var(--theme); padding-left: 0.8em; margin-bottom: 1em;}
.prd_spec_bullet_title::before {position: absolute; top: 0.65em; left: 0; width: 10px; height: 10px; background: var(--theme); content: ''; transform: translate(0, -50%);}
.prd_spec_table_title {padding: .7em 1em; font-size: 24px; color: #fff; background: #000; font-weight: 700; text-align: center;}

@media screen and (min-width: 1400px) {
  .prd_spec_table.type2 :where(th, td),
  .prd_spec_table.type3 :where(th, td) {padding: 15px 10px;}
}

.prd-lineup--carausel {overflow: hidden;}
.prd-lineup--carausel .container {display: grid; grid-template-columns: 392px calc(100% - 444px); gap: 52px;}
.prd-lineup--carausel .container .head {align-self: center; position: relative; z-index: 1; padding-bottom: 50px;}
.prd-lineup--carausel .container .head .brand_logo {}
.prd-lineup--carausel .container .head .brand_logo svg {height: 39px; width: auto;}
.prd-lineup--carausel .container .head .slogan {margin-top: .8em;}
.prd-lineup--carausel .container .body {width: 100%; position: relative; z-index: 0;}
.prd-lineup--carausel .carausel {width: 100%; overflow: visible;}
.prd-lineup--carausel .carausel::before {position: absolute; top: 0; right: 100%; width: 100vw; height: 100%; content: ''; display: block; background: #fff; z-index: 10;}
.prd-lineup--carausel .carausel__slide a {display: flex; flex-direction: column;}
.prd-lineup--carausel .carausel__slide a .thumb {display: flex; justify-content: center; align-items: center; background: #F0F0F0; border-radius: 20px; overflow: hidden; position: relative;}
.prd-lineup--carausel .carausel__slide a .thumb img {display: block;}
.prd-lineup--carausel .carausel__slide a .thumb .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; background: rgb(0,0,0,.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); opacity: 0; transition: opacity .4s; border-radius: inherit;}
.prd-lineup--carausel .carausel__slide a .thumb .overlay .more {font-size: 23px; font-weight: 500;}
.prd-lineup--carausel .carausel__slide a .thumb .overlay .more i{margin-left: 0.5em;}
.prd-lineup--carausel .carausel__slide a .cont {padding-top: 20px; padding-left: 10px;}
.prd-lineup--carausel .carausel__slide a .cont .desc {display: block; font-size: 23px; line-height: 1.4; margin-bottom: 0.3em; color: #878787;}
.prd-lineup--carausel .carausel__slide a .cont .prd_name {font-size: 30px; display: flex; justify-content: space-between; gap: .5em;}
.prd-lineup--carausel .carausel__slide a .cont .prd_name .more {font-size: 0.67em; opacity: 0.2; display: flex; align-items: center; gap: .5em; border-bottom: 1px solid #000;}
.prd-lineup--carausel .carausel__controls {display: flex; justify-content: space-between; padding-top: 50px;}
.prd-lineup--carausel .carausel__controls .control {padding: 0;}
.prd-lineup--carausel .carausel__controls .control .svg_icon {display: block; width: 38px;height: 38px;}
.prd-lineup--carausel .carausel__controls .control:hover .svg_icon :where(path, .circle) {stroke: var(--blue);}

.prd-lineup--carausel .carausel__slide a:hover .thumb .overlay {opacity: 1;}
.prd-lineup--carausel .carausel__slide a:hover .cont .prd_name .more {opacity: .5;}

.prd-lineup--carausel.type2 {}
.prd-lineup--carausel.type2 .container {display: block;}
.prd-lineup--carausel.type2 .carausel__slide a .cont .prd_name {text-align: center; justify-content: center;}

.prd-lineup--carausel.theme--orange .carausel__slide a .thumb .overlay {background: rgb(238, 123, 58, 0.5); border: 4px solid var(--orange);}
.prd-lineup--carausel.theme--orange .carausel__slide a .thumb .overlay {}

.prd-story-banner {position: relative; height: 1050px;}
.prd-story-banner img.bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.prd-story-banner .content {width: 50%;}

@media (hover: hover) {
  .ag-lnb .item:hover {color: rgb(255,255,255,.5);}
  .ag-lnb .item:hover svg {opacity: .5;}

  .ag-lnb--tabs a:not(.active):hover {background: #f9f8f7;}
}
@media screen and (min-width: 1400px) {
  .prd_structure_content .cards .card .br-non-hover {display: block;}
  .prd_structure_content .cards .card .br-hover {display: none;}
  .prd_structure_content .cards .card:hover .br-non-hover {display: none;}
  .prd_structure_content .cards .card:hover .br-hover {display: block;}
  .prd_structure_content .cards .card:hover::before {background: var(--theme1); border-color: var(--theme1); height: 210px;}
  .pg--suit .prd_structure_content .cards .card:hover::before {background: #009D9D; border-color: #009D9D; height: 210px;}
  .prd_structure_content .cards .card:hover .cont .tag {color: rgb(255,255,255,.7);}
  .prd_structure_content .cards .card:hover .cont .tit {color: #fff;}
  .prd_structure_content .cards .card:hover .cont .desc {opacity: 1; margin-bottom: 0;; padding-top: 1em;}
  .prd_structure_content .cards .card:hover .ico--circle {transform: translate(0, -50%) scale(0);}

  .prd_structure_content.type2 .cards .card:hover .cont .tag {transform: scale(1);}
  .prd_structure_content.type2 .cards .card:hover .cont .tit {transform: scale(1);}
}
@media screen and (max-width: 1399px) {
  .prod_overview_hero {height: 448px; padding: 60px 0;}
  .prod_overview_hero .container .content .title {margin-bottom: 20px;}
  .prod_overview_hero .container .content .title .svg_brand {height: 40px;}
  .prod_overview_hero .container .content .subtitle {font-size: 42px;}

  .ag-lnb {display: grid; grid-template-columns: repeat(2, 1fr); height: auto; flex-direction: column; padding: 15px; gap: 13px; border-radius: 15px; margin-top: -64px; margin-top: -32px; margin-bottom: 70px;}
  .ag-lnb .item {height: 52px; padding: 0 20px; box-shadow: 0 0 10px rgb(0,0,0,.1); border-radius: 8px; width: 100%; font-size: 24px;}
  .ag-lnb .item::after {display: none!important;}
  .ag-lnb .item svg {width: auto; height: 22px;}
  .ag-lnb .item svg.svg_gear_x {height: 26px;}
  .ag-lnb .item svg.type2 {height: 25px;}

  .ag-lnb--tabs {margin-bottom: 70px;}
  .ag-lnb--tabs a {font-size: 16px; padding: .7em 1em;}

  .prod_hero {max-height: none; height: auto;}
  .prod_hero .container {padding: 50px 0 0 0;}
  .prod_hero__content {flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; padding-bottom: 0;}
  .prod_hero__content .txtbox {order: 1; padding-bottom: 50px!important;}
  .prod_hero__content .txtbox .title {font-size: 24px; display: flex; justify-content: center; margin-bottom: 1em;}
  .prod_hero__content .txtbox .title svg {height: 24px;}
  .prod_hero__content .txtbox .title .svg_prd_logo_symbol {height: 32px;}
  .prod_hero__content .txtbox .subtitle {font-size: 36px; margin-bottom: 1em;}
  .prod_hero__content .txtbox .subtitle .tip {font-size: 14px;}
  .prod_hero__content .noti {margin-right: 0;}
  .prod_hero__content .visual {position: static; transform: none!important; order: 0; width: 400px; margin-bottom: 30px;}
  .prod_hero__content .visual img {width: 100%; height: auto;}
  .prod_hero__content .visual .notice {position: static; text-align: center; justify-content: center; margin-bottom: 20px;}
  .prod_hero__icons {position: static; left: 0; transform: none; height: auto; padding: 25px 0; width: 100%; margin-left: 0;}
  .prod_hero__icons .item {padding-inline: 20px; gap: 10px;}
  .prod_hero__icons .item .icon {opacity: .5;}

  .prod_intro {background: linear-gradient(to bottom, #f2f2f2, #f9f9f9);}
  .prod_intro .container {height: auto; min-height: 0; padding: 100px 0;}
  .prod_intro__title {margin-bottom: 34px;}
  .prod_intro__title svg {height: 40px!important;}

  .prd-article {padding-block: 120px;}
  .prd-article__head:has(.prd-article__desc),
  .prd-article__head {margin-bottom: 80px;}
  .prd-article__title {margin-bottom: 60px;}
  .prd-article__title .subtitle {font-size: 0.55em;}

  .vr-content .toggle-button {margin-bottom: 55px;}
  .vr-content .toggle-button .wrap {width: 355px; height: 55px;}
  .vr-content .toggle-button .wrap::before {width: 184px;}
  .vr-content.active .toggle-button .wrap::before {transform: translate(calc(100% - 15px))}
  .vr-content .toggle-button .wrap .item {font-size: 20px;}
  .vr-content .carausel__nav button svg {width: 50px; height: auto;}
  .vr-content .description {padding-top: 32px;}
  .vr-content .description .tit {font-size: 20px;}
  .vr-content .description .desc {font-size: 15px;}
  .prd-vr .prd-article__title {margin-bottom: 35px;}

  .prd-feature_cards {padding: 0; gap: 15px;}
  .prd-feature_card {min-height: 0;}
  .prd-feature_card .no {font-size: 22px; margin-bottom: 5px;}
  .prd-feature_card .icon {width: 60%;}
  .prd-feature_card .tit {font-size: 20px;}
  .prd-feature_card .desc {font-size: 15px;}

  .prd-alternate-layout__row {grid-template-columns: repeat(2, 1fr)!important; gap: 40px; padding: 80px 0; align-items: flex-start;}
  .prd-alternate-layout__visual:not(:has(img)) {min-height: 300px; border-radius: 20px;}
  .prd-alternate-layout__visual img {border-radius: 20px;}

  .prd-structure .prd-article__head {margin-bottom: 40px;}
  .prd_structure_content {display: flex; gap: 50px; align-items: flex-start;}
  .prd_structure_content .visual {position: sticky; top: 60px; width: 300px!important; flex-shrink: 0;}
  .prd_structure_content .visual .circles .circle {width: 80px;}
  .prd_structure_content .content {position: relative; transform: none; top: 0; gap: 10px; flex-direction: column;}
  .prd_structure_content .cards {width: 100%; gap: 10px;}
  .prd_structure_content .cards .card {width: 100%!important; height: auto; align-items: flex-start; word-break: keep-all; padding: 20px 30px;}
  .prd_structure_content .cards .card::before {height: 100%; border-radius: 15px;}
  .prd_structure_content .cards .card:hover::before {border-width: 3px; border-color: var(--theme1); background: #fff; height: 100%;}
  .prd_structure_content .cards .card .cont .tag {font-size: 16px;}
  .prd_structure_content .cards .card .cont .tit {font-size: 20px;}
  .prd_structure_content .cards .card .cont .desc {font-size: 15px; color: var(--dark1); opacity: 1; transition: none; margin: .6em 0 0 0;}
  .prd_structure_content .cards .card .ico--circle {transform: none; top: 15px; right: 15px; width: 30px; height: 30px; display: none;}
  .prd_structure_content .cards .card .ico--plus {width: 50%; height: 50%;}

  .prd_structure_content.type2 .cards .card .cont .tag {transform: none;}
  .prd_structure_content.type2 .cards .card .cont .tit {transform: none;}

  .prd-spec {padding-block: 80px 80px;}
  .prd-spec .section_title {margin-bottom: 0.5em;}
  .prd_spec_table {font-size: 16px;}
  .prd_spec_table th,
  .prd_spec_table td {padding: 10px 20px;}
  .prd_spec_table th {width: 100px; padding-inline: 10px;}

  .prd_spec_table_title {font-size: 18px;}
  .prd_spec_bullet_title {font-size: 20px;}
  .prd_spec_bullet_title::before {width: 6px; height: 6px;}

  .prd-lineup--carausel .container {display: flex; flex-direction: column;}
  .prd-lineup--carausel .container .head {padding-bottom: 0; align-self: start;}
  .prd-lineup--carausel .carausel::before {display: none;}
  .prd-lineup--carausel .carausel__slide a .thumb .overlay .more {font-size: 18px;}
  .prd-lineup--carausel .carausel__slide a .cont .desc {font-size: 18px;}
  .prd-lineup--carausel .carausel__slide a .cont .prd_name {font-size: 22px;}
  .prd-lineup--carausel .carausel__controls {padding-top: 30px;}

  .prd-lineup--carausel.type2 .container .head {margin-bottom: 40px;}

  .prd-story-banner {height: 730px;}
}
@media screen and (max-width: 767px) {
  .prod_overview_hero {height: 600px;}
  .prod_overview_hero .container .content .subtitle {font-size: 36px;}

  .ag-lnb {display: flex; margin-top: -64px;}
  .ag-lnb .item {height: 44px;}
  .ag-lnb .item svg {height: 18px;}
  .ag-lnb .item svg.svg_gear_x {height: 24px;}

  .ag-lnb--tabs {grid-template-columns: repeat(1, 1fr); margin-bottom: 50px;}
  .ag-lnb--tabs a {font-size: 15px; margin: -1px 0 0 0; padding: .5em 1em;}

  .prod_hero {overflow: hidden;}
  .prod_hero__content .visual {height: 270px; width: auto; max-width: none;}
  .prod_hero__content .visual:has(img) {height: auto;}
  .prod_hero__content .visual img {height: 270px; max-width: none; width: auto; margin: 0 auto;}
  .prod_hero__content .txtbox .title svg {height: 22px;} 
  .prod_hero__content .txtbox .title .svg_prd_logo_symbol {height: 30px;}
  .prod_hero__content .txtbox .subtitle {font-size: 32px;}
  .prod_hero__icons {width: calc(100% + 40px); margin-left: -20px; border-radius: 25px 25px 0 0;}
  .prod_hero__icons .item {flex-direction: column; align-items: center; text-align: center; width: 100%; padding-inline: 15px; border-color: rgb(255,255,255,.3)!important; gap: 5px;}
  .prod_hero__icons .item .icon {width: 80px; height: 80px; object-fit: scale-down;}
  .prod_hero__icons .item .cont {font-size: 12px; min-height: 2.8em; display: flex; align-items: center; justify-content: center; text-align: center;}

  .prod_intro .container {padding: 80px 0;}
  .prod_intro__title .prod_bi {height: 27px;} 

  .prd-article {padding-block: 80px;}
  .prd-article__head:has(.prd-article__desc),
  .prd-article__head {margin-bottom: 40px;}
  .prd-article__title {margin-bottom: 40px;}

  .vr-content .toggle-button {margin-bottom: 35px;}
  .vr-content .toggle-button .wrap {width: 280px; height: 45px;}
  .vr-content .toggle-button .wrap::before {width: 145px;}
  .vr-content .toggle-button .wrap .item {font-size: 17px;}
  .vr-content .carausel__slide {display: flex; justify-content: center;}
  .vr-content .carausel__slide img {max-width: none; width: calc(125%);}
  .vr-content .carausel__nav {display: none;}
  .vr-content .description .tit {font-size: 18px;}
  .vr-content .description .desc {font-size: 14px;}
  .prd-vr .prd-article__title {margin-bottom: 25px;}

  .prd-feature_cards {display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px;}
  .prd-feature_card {width: 100%; gap: 15px; flex-direction: row; text-align: left; padding: 20px;}
  .prd-feature_card .no {font-size: 18px; margin-bottom: 0; display: none;}
  .prd-feature_card .icon {width: 100px; height: 100px; object-fit: contain; margin-bottom: 0; flex-shrink: 0; padding: 10px; background: var(--gray5); border-radius: 10px;}
  .prd-feature_card .tit {font-size: 17px; margin-bottom: 0.5em;}
  .prd-feature_card .desc {font-size: 14px;}

  .prd-alternate-layout__row {grid-template-columns: repeat(1, 1fr)!important; padding-block: 50px;}
  .prd-alternate-layout__row .m_visual {display: block; border-radius: 15px; overflow: hidden; margin-bottom: 45px;}
  .prd-alternate-layout__row:has(.m_visual) .prd-alternate-layout__visual {display: none;}
  .prd-alternate-layout__row .m_visual.visual.has_slide {display: block; width: 100%; min-height: 0;}
  .prd-alternate-layout__content .bullet .add-cont {width: calc(100% + 1em); margin-left: -1em;}
  .prd-alternate-layout__content .figures figure img {border-radius: 15px;}
  .prd-alternate-layout__visual,
  .prd-alternate-layout__visual img {border-radius: 15px;}

  .prd_structure_content {flex-direction: column;}
  .prd_structure_content .visual {z-index: 10; top: 0; width: 200px!important; height: auto!important;}
  .prd_structure_content .visual img {display: block; margin: 0 auto;}
  .prd_structure_content .visual:not(:has(.circles)) {position: relative;}
  .prd_structure_content .visual::before {position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100vw); height: calc(100% + 40px); content: ''; display: block; background: linear-gradient(to bottom, #fff 90%, transparent 100%);}

  .prd_structure_content.type2 {gap: 10px;}
  .prd_structure_content.type2 .visual {width: 200px!important;}

  .prd-spec {padding-block: 20px 80px;}
  .prd_spec_table {font-size: 17px;}
  .prd_spec_table th,
  .prd_spec_table td {padding: 10px;}
  .prd_spec_table th {width: 80px; padding-inline: 10px;}
  .prd_spec_table.break_on_mobile tbody {display: block; padding: 10px 0; border-bottom: 1px solid #dfdfdf;}
  .prd_spec_table.break_on_mobile tr {display: flex; flex-wrap: wrap; border: none;}
  .prd_spec_table.break_on_mobile tr th {width: 100%; padding-block: 10px 4px; background: none;}
  .prd_spec_table.break_on_mobile tr td {width: 100%; padding-block: 7px;}

  .prd_spec_table_title {text-align: left;}

  .prd-lineup--carausel .carausel__slide a .thumb .overlay .more {font-size: 15px;}
  .prd-lineup--carausel .carausel__slide a .cont .desc {font-size: 15px;}
  .prd-lineup--carausel .carausel__slide a .cont .prd_name {font-size: 17px; align-items: center;}
  .prd-lineup--carausel .carausel__slide a .cont .prd_name .more {width: 30px; height: 30px; border-radius: 50%; background: var(--gray3); display: flex; align-items: center; justify-content: center;}
  .prd-lineup--carausel .carausel__slide a .cont .prd_name .more .val {display: none;}
  .prd-lineup--carausel .carausel__slide a .cont .prd_name .more svg {width: 40%; height: auto;}
  .prd-lineup--carausel .carausel__controls {display: none;}

  .prd-lineup--carausel.type2 .container .head {margin-bottom: 20px;}

  .prd-story-banner {height: auto; padding-top: 0; background-color: var(--gray5)}
  .prd-story-banner img.bg {position: relative; display: block; z-index: 0;}
  .prd-story-banner .container {position: relative; z-index: 1;}
  .prd-story-banner .content {width: 100%!important; padding: 30px 30px; border-radius: 15px; background: #fff; margin-top: -30px; box-shadow: 0 0 10px rgb(0,0,0,.15);}
  .prd-story-banner .content p {color: inherit!important;}

  .prd_spec_table td .val.dif.tip {display: block; margin-left: 0;}
}



/* Medi: Base */
.pg--medi .svg_prd_logo path {fill: #005BAB;}
.pg--medi .svg_prd_logo .stroke--white {fill: white;}
.pg--medi.pg--overview .ag-lnb .item .svg_angel_legs circle {fill: #fff;}
.pg--medi.pg--overview .ag-lnb .item .svg_angel_legs .stroke--white {fill: var(--theme1)!important;}
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {}



/* Medi: Overview */
#medi_ov_effect .head {padding-bottom: 60px;}
#medi_ov_effect .body {background: linear-gradient(to bottom, #EEEEEE, #fff); padding-block: 130px 150px;}
#medi_ov_effect .body .cert_ls {padding-top: 80px;}
@media screen and (max-width: 1399px) {
  #medi_ov_effect .head {padding-bottom: 40px;}
  #medi_ov_effect .body {padding-block: 70px 140px;}
  #medi_ov_effect .body .cert_ls {padding-top: 40px;}
}
@media screen and (max-width: 767px) {
  #medi_ov_effect .head {padding-bottom: 30px;}
  #medi_ov_effect .body {padding-block: 60px 100px;}
  #medi_ov_effect .body .cert_ls {padding-top: 30px;}
}




/* Medi: Angel legs */
.pg--medi.pg--angel-legs .prod_hero__content .txtbox {padding-bottom: 70px;}
.pg--medi.pg--angel-legs .prod_hero__content .visual {transform: translate(20%, -47%);}
.pg--medi.pg--angel-legs .adv-notice {padding: 30px; display: flex; align-items: center; justify-content: center; background: var(--gray4); border-radius: 10px; color: #878787; font-size: 14px; gap: 1.5em; margin-top: 75px;}
.legs-media-banner {position: relative; overflow: hidden; padding-block: 113px 90px; background-position: left}
.legs-media-banner img.bg {position: absolute; top: 0; left: 0; height: 100%; width: auto; object-fit: cover; z-index: 0;}
.legs-media-banner img.bg--m {display: none;}
.legs-media-banner::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(to left, #000047 20%, rgb(0, 0, 71, .67)); content: ''; mix-blend-mode: multiply;}
.legs-media-banner .container {position: relative; z-index: 2;}
.legs-media-banner .content {width: 660px; margin-left: auto;}
.donation-banner {padding-block: 40px 65px; background: #E8E8E8;}
.donation-banner .content {display: flex; justify-content: space-between; align-items: center; gap: 50px;}
.donation-banner .content .ag-button {flex-shrink: 0;}
#modal-donation .modal__container {height: auto; max-height: calc(100% - 100px);}
#modal-donation .ag-form-foot {gap: 10px;}
#modal-donation .ag-form-foot .ag-button {width: 100%;}
#modal-donation .ag-form-foot .ag-button .icon .svg_arrow_type1_right path {stroke: white;}
#modal-donation .ag-form-indiv-policy .content {padding: 20px; height: 220px;}

@media screen and (min-width: 768px) {
  #modal-donation .modal__container .head {padding-bottom: 20px;}
  #modal-donation .ag-form-table tbody tr :where(th, td) {padding-block: 8px;}
  #modal-donation .ag-form-table colgroup .col--th {width: 100px;}
  #modal-donation .ag-form-indiv-policy {padding-top: 50px;}
  #modal-donation .ag-form-indiv-policy .title {font-size: 20px;}
  #modal-donation .ag-form-indiv-policy .ag-inp {justify-content: flex-start;}
  #modal-donation .indiv_policy .p1 {font-size: 17px;}
  #modal-donation .indiv_policy dl {font-size: 15px;}
}
@media screen and (max-width: 1399px) {
  .pg--medi.pg--angel-legs .adv-notice {flex-direction: column; gap: .5em;}
  .pg--medi.pg--angel-legs .adv-notice .bar {display: none;}
  .pg--medi.pg--angel-legs .adv-notice span {display: block; width: 100%;}
  .legs-media-banner {padding-block: 113px 90px;}
  .legs-media-banner .content {width: 50%;}
  .legs-media-banner img.bg--pc {width: calc(100% + 100px); object-position: -400px;}
}
@media screen and (max-width: 767px) {
  .pg--medi.pg--angel-legs .adv-notice {padding: 20px;}
  .legs-media-banner {padding-block: 60px 0;}
  .legs-media-banner::before { background: linear-gradient(to bottom, #000047, rgb(0, 0, 71, .67));}
  .legs-media-banner .content {width: 100%; text-align: center;}
  .legs-media-banner img.bg--pc {display: none;}
  .legs-media-banner img.bg--m {display: block; position: relative; margin: 0; width: 100%; height: auto; margin-top: 30px; display: block; z-index: 3;}

  .donation-banner {padding-block: 80px;}
  .donation-banner .content {flex-direction: column; text-align: center; gap: 30px;}
  .donation-banner .content .ag-button {flex-shrink: 0; width: auto;}

  #modal-donation .ag-form-foot {flex-direction: column;}
  #modal-donation .ag-form-foot .ag-button {height: 50px;}
}




/* MEDI: MW10 */
.pg--mw10 .prod_hero__content .visual {transform: translate(15%, -47%);}
#mw10_prd_structure .circles {z-index: 10;}
#mw10_prd_structure .circles .circle:nth-child(1) {top: 25%; left: 66%;}
#mw10_prd_structure .circles .circle:nth-child(2) {top: 36%; left: 32%;}
#mw10_prd_structure .circles .circle:nth-child(3) {top: 85%; left: 41%;}
#mw10_prd_structure .circles .circle:nth-child(4) {top: 65%; left: 73%;}
#mw10_prd_structure .circles .circle:nth-child(5) {top: 40%; left: 78%;}
#mw10_prd_structure .circles .circle:nth-child(6) {top: 86%; left: 76%;}
#mw_usage .grid {grid-template-columns: repeat(3, 1fr); gap: 50px;}
@media screen and (max-width: 1399px) {
  #mw_usage .grid {gap: 20px;}
}
@media screen and (max-width: 767px) {
  .prd-structure:has(#mw10_prd_structure) .prd-article__head {position: relative; z-index: 20;}
  #mw10_prd_structure {margin-top: -50px;}
  #mw10_prd_structure .visual {padding-top: 60px;}
  #mw10_prd_structure .circles .circle {width: 60px;}
  #mw10_prd_structure .circles .circle:nth-child(1) {top: 37%;}
  #mw10_prd_structure .circles .circle:nth-child(2) {top: 48%;}
  #mw10_prd_structure .circles .circle:nth-child(3) {top: 87%;}
  #mw10_prd_structure .circles .circle:nth-child(4) {top: 70%;}
  #mw10_prd_structure .circles .circle:nth-child(5) {top: 52%;}
  #mw10_prd_structure .circles .circle:nth-child(6) {top: 88%;}
  #mw_usage .grid {grid-template-columns: repeat(2, 1fr); gap: 10px;}
}




/* SUIT: Base */
.pg--suit .svg_prd_logo path {fill: var(--theme1);}
.pg--suit .sp-article.first {padding-bottom: 100px;}
.pg--suit .sp-article.second {padding-bottom: 170px;}

.pg--suit .sp-article.differ {}
.pg--suit .sp-article.differ .differ-container {display: flex; flex-direction: column; gap: 20px;}
.pg--suit .sp-article.differ .differ-container .item {position: relative;box-shadow: 20px 20px 30px rgba(0,0,0,0.16); border-radius: 20px; overflow: hidden; }
.pg--suit .sp-article.differ .differ-container .item .content {padding: 70px;display: flex; flex-direction: column; gap: 157px;}
.pg--suit .sp-article.differ .differ-container .item .content .sbj {font-size: 48px;}
.pg--suit .sp-article.differ .differ-container .item .content .sbj > span {font-size: 23px; transform: translateY(-25px); display: inline-block;mix-blend-mode: multiply;}
.pg--suit .sp-article.differ .differ-container .item:nth-child(2) .content .sbj > span {mix-blend-mode:initial;}
.pg--suit .sp-article.differ .differ-container .item .content .desc {font-size: 24px;}
.pg--suit .sp-article.differ .differ-container .item .content .desc .sml {font-size: 16px; line-height: 1.5; margin-top: 0.6em;}
.pg--suit .sp-article.differ .differ-container .item .ov-diff-thumb {position: absolute;top:0; left:0;z-index: -1; object-fit: cover;border-radius: 20px; width: 100%; height: 100%;}
.pg--suit .sp-article.differ .differ-container .item:nth-child(1) {background: linear-gradient(120deg ,#E9E9E9,  #FFFFFF );}
.pg--suit .sp-article.differ .differ-container .item .ov-diff-thumb.diff {width: 664px;right: 0;left:auto; z-index: 1;}


@media screen and (max-width: 1399px) {
  .pg--suit .sp-article.first {padding-bottom: 70px;}
  .pg--suit .sp-article.second {padding-bottom: 90px;}
  .pg--suit .sp-article.differ .differ-container .item .content {padding: 30px; gap: 30px;}
  .pg--suit .sp-article.differ .differ-container .item .content .sbj {font-size: 28px;}
  .pg--suit .sp-article.differ .differ-container .item .content .sbj > span {font-size: 16px; transform: translateY(-15px);}
  .pg--suit .sp-article.differ .differ-container .item .content .desc {font-size: 20px;}
  .pg--suit .sp-article.differ .differ-container .item .content .desc .sml {margin-top: 0.3em;}
  .pg--suit .sp-article.differ .differ-container .item .ov-diff-thumb.diff {width: 50%; margin: 0 auto;}
}
@media screen and (max-width: 767px) {
  .pg--suit .prd-effect {background: #fff!important;}
  .pg--suit .sp-article.differ .differ-container .item {display: flex; flex-direction: column-reverse;}
  .pg--suit .sp-article.differ .differ-container .item .ov-diff-thumb {position: static; border-radius: 0; min-height: 200px;object-position: 100%;}
  .pg--suit .sp-article.differ .differ-container .item .content {gap: 10px; padding: 22px 20px;}
  .pg--suit .sp-article.differ .differ-container .item.fc--white {color:initial !important;}
  .pg--suit .sp-article.differ .differ-container .item .content .sbj {font-size: 22px;}
  .pg--suit .sp-article.differ .differ-container .item .content .sbj > span {font-size: 13px;    transform: translateY(-9px);}
  .pg--suit .sp-article.differ .differ-container .item .content .desc {font-size: 18px;}
  .pg--suit .sp-article.differ .differ-container .item .content .desc .sml {margin-top: 0;} 
  .pg--suit .sp-article.differ .differ-container .item .ov-diff-thumb.diff {min-height: 0; width: 300px;}
}




/* SUIT: Overview */
.pg--suit.pg--overview .figures {display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
.pg--suit.pg--overview .figures img {display: block; width: 100%; border-radius: 15px;}

#suit-ov-feat {padding-block: 120px;}
#suit-ov-feat .sbj_tag {font-size: 24px;}
#suit-ov-feat .title {font-size: 47px;}

#suit-ov-app {padding-block: 128px;}
#suit-ov-app .sp-article__head {}
#suit-ov-app .sp-article__head .title {font-size: 47px; padding-bottom: 20px;}
#suit-ov-app .sp-article__head .desc {color:#878787; font-weight: 700;font-size: 19px; }
#suit-ov-app .app-cont {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 10px; }
#suit-ov-app .app-cont .item {display: flex; flex-direction: column; width:calc(100% / 5 - 10px); align-items: center; }
#suit-ov-app .app-cont .item .icon {background: #E8E8E8; border-radius: 16px; height:274px;width: 100%; display: flex; align-items: center; justify-content: center;}
#suit-ov-app .app-cont .item img {display: block;}
#suit-ov-app .app-cont .item .txt {font-size: 18px; padding-top: 10px; display: block;}

#suit-ov-tech {padding: 120px 0 140px;}
#suit-ov-tech .sp-article__head .sbj_tag {font-size: 24px;font-weight: 600;}
#suit-ov-tech .sp-article__head .title {font-size: 47px; padding-bottom: 20px;}
#suit-ov-tech .sp-article__head .desc {color:#878787; font-weight: 700;font-size: 19px; }
#suit-ov-tech .white-board {background: #fff; border-radius:16px; text-align: center; padding: 110px 0 ;margin-bottom: 20px;}
#suit-ov-tech .prd-feature_cards {padding: 0;display: flex;gap: 10px;flex-wrap: nowrap;}
#suit-ov-tech .prd-feature_cards .prd-feature_card {width: 100%; min-height: 344px; padding: 20px;}
#suit-ov-tech .prd-feature_cards .prd-feature_card .icon {margin-bottom: 14px;}
#suit-ov-tech .prd-feature_cards .prd-feature_card .no {font-size: 20px; margin-bottom: 0; align-self: flex-end;}
#suit-ov-tech .prd-feature_cards .prd-feature_card .tit {font-size: 20px; margin-bottom: 0.8em;}

@media screen and (min-width: 1400px) {
  .pg--suit .ag-lnb .item svg {height: 22px;}
  .pg--suit .ag-lnb .item svg.type2 {height: 30px;}
  .pg--suit .ag-lnb .item {padding-inline: 30px;}
}
@media screen and (max-width: 1399px) {
  .pg--suit.pg--overview .figures {gap: 20px;}
  #suit-ov-feat {padding-block: 80px;}
  #suit-ov-feat .title {font-size: 30px;}
  #suit-ov-app {padding-block: 80px;}
  #suit-ov-app .sp-article__head .title {font-size: 32px;}
  #suit-ov-app .app-cont {}
  #suit-ov-app .app-cont .item { width: calc(100% / 3 - 10px); }
  #suit-ov-app .app-cont .item .icon {height: 200px;}
  #suit-ov-tech {padding: 80px 0;}
  #suit-ov-tech .sp-article__head .title {font-size: 32px; padding-bottom: 0;}
  #suit-ov-tech .white-board {padding: 60px 30px;}
  #suit-ov-tech .prd-feature_cards .prd-feature_card {min-height: 0;}
}
@media screen and (max-width: 767px) {
  .pg--suit.pg--overview .figures {grid-template-columns: repeat(1, 1fr); gap: 10px;}
  #suit-ov-app .sp-article__head .title {font-size: 24px; padding-bottom: 12px;}
  #suit-ov-app .sp-article__head .desc {font-size: 16px;}
  #suit-ov-app .app-cont .item .txt {font-size: 16px;}
  #suit-ov-app .app-cont .item {width: calc(100% / 2 - 10px);}
  #suit-ov-app .app-cont .item:last-child {width:100%;}
  #suit-ov-tech .sp-article__head .sbj_tag {font-size: 18px;}
  #suit-ov-tech .sp-article__head .title {font-size: 24px;}
  #suit-ov-tech .sp-article__head .desc {font-size: 16px;}
  #suit-ov-tech .white-board {padding: 20px;}
  #suit-ov-tech .prd-feature_cards {display: grid; grid-template-columns: repeat(1,1fr); gap: 10px;}
  #suit-ov-tech .prd-feature_cards .prd-feature_card .icon {margin-bottom: 0;}
  #suit-ov-tech .prd-feature_cards .prd-feature_card .tit {font-size: 17px;}
}




/* SUIT: Page */
.pg--suit.pg--suit-h10 .prod_hero__content .visual {right: 0;}
.pg--suit.pg--suit-k10 .prod_hero__content .visual {right: 0;}
.pg--suit.pg--walkon-suit .prod_hero__content .visual {right: 0;}
#a10_story .content {margin-left: auto;}
#k10_story .content {margin-left: auto;}
#walkon_story {position: relative; overflow: hidden;}
#walkon_story img.bg {display: block; position: absolute; top: 0; right: 0; height: 100%; width: auto; z-index: -1; max-width: none;}
#walkon_story .content {width: 50%;}
#walkon_feature .prd-article__head {margin-bottom: 60px;}
#walkon_feature_carausel {position: relative;}
#walkon_feature_carausel .swiper {width: 1030px; max-width: calc(100% - 100px); margin: 0 auto;}
#walkon_feature_carausel .controls {position: absolute; top: 50%; left: 0; width: 100%; display: flex; justify-content: space-between; pointer-events: none; padding-inline: 15px;}
#walkon_feature_carausel .control {pointer-events: initial; padding: 0;}
#walkon_feature_carausel .control .arrow {width: 40px; height: 40px; border-color: var(--gray1);}
#walkon_feature_carausel .control.swiper-button-disabled {opacity: .5; pointer-events: none;}
#walkon_feature_carausel .pagination {display: none;}
#walkon_prd_structure .cards .card:has(.thumb) {display: flex; justify-content: space-between; align-items: center;}
#walkon_prd_structure .cards .card .thumb {position: relative; z-index: 1; border-radius: 50%; border: 1px solid var(--gray4);}
#walkon_prd_structure .circles .circle:nth-child(1) {top: 32%; left: 71%;}
#walkon_prd_structure .circles .circle:nth-child(2) {top: 91%; left: 58%;}
#walkon_prd_structure .circles .circle:nth-child(3) {top: 42%; left: 36%;}
#walkon_prd_structure .circles .circle:nth-child(4) {top: 67%; left: 45%;}
#walkon_prd_structure .circles .circle:nth-child(5) {top: 57%; left: 61%;}
#walkon_prd_structure .circles .circle:nth-child(6) {top: 79%; left: 69%;}


/* suit : h10 */
.suit--composition-type2 .visual_container { display: flex; justify-content: space-between; position: relative; margin-top: 150px;}
.suit--composition-type2 .visual_container .visual {position: absolute; top:0; left:100px;z-index:10; pointer-events: none;}
.suit--composition-type2 .visual_container .desc_content {width: 100%; display: flex; flex-direction: column; gap:60px; align-items: flex-end; padding: 74px 0 80px;}
.suit--composition-type2 .visual_container .desc_content .item {display: flex; position: relative; width: calc(100% - 65px); justify-content: flex-end; align-items: center; height: 243px;}
.suit--composition-type2 .visual_container .desc_content .item .card {width: 560px; height: 100%; display: flex; flex-direction: column;  justify-content: center; border:1px solid #C3C3C3; border-radius: 20px; padding: 45px 50px;  background-color: #fff; overflow: hidden; position: relative;transition: 0.4s var(--cubic-pop1);}
.suit--composition-type2 .visual_container .desc_content .item .card .section_title_tag {margin-bottom: 0.3em;}
.suit--composition-type2 .visual_container .desc_content .item .card .section_title {margin-bottom: 0; font-size: 46px; word-break: keep-all;}
.suit--composition-type2 .visual_container .desc_content .item .card .bullet {display: none;}

.suit--composition-type2 .visual_container .desc_content .item .mark {position: absolute; top: 136%; left: 0; width: 150px; aspect-ratio: 1 / 1; border-radius: 50%; background: rgba(13, 208, 208, 0.5); transform: translate(0%, 0%) scale(0); opacity: 0; transition: transform .4s var(--cubic-pop1), opacity .7s var(--cubic-pop1);z-index: 111;}
.suit--composition-type2 .visual_container .desc_content .item .mark.sec {left:20%;}

.suit--composition-type2 .visual_container .desc_content .item:nth-child(2) .mark {width: 240px;top:50%;}
.suit--composition-type2 .visual_container .desc_content .item:nth-child(2) .mark.sec {left:13%;}
.suit--composition-type2 .visual_container .desc_content .item:nth-child(3) .mark {top:-114%; left: 65px;}

.suit--composition-type2 .visual_container .desc_content .item .card .compo_active_img {position: absolute; right: 0; bottom: -1px; opacity: 0; transition: 0.3s ease;}

.suit--composition-type2.type2.bg--gradient {background: linear-gradient(to bottom, #fff , #D2D2D2 );}
.suit--composition-type2.type2 .visual_container {margin-top: 0;}
.suit--composition-type2.type2 .visual_container .visual {right:0;left:auto; top: 50%;  width: 40%; transform: translate(0,-50%); z-index: 111;}
.suit--composition-type2.type2 .visual_container .desc_content {align-items: flex-start;}
.suit--composition-type2.type2 .visual_container .desc_content .item {justify-content: flex-start;}
.suit--composition-type2.type2 .visual_container .desc_content .item .mark { transform: translate(0%, -50%) scale(0);width: 364px; left: auto; right:0;top:50%;  }


@media screen and (min-width: 1400px) {
  #k10_story .content {width: 400px;}
  .pg--suit.pg--walkon-suit .prod_hero:has(.prod_hero__icons) .txtbox {padding-bottom: 100px;}
  #walkon_story .content .title {white-space: nowrap;}
  #walkon_detail .prd-alternate-layout__row {grid-template-columns: 1fr 580px;}
  #walkon_detail .prd-alternate-layout__row:nth-child(even) {grid-template-columns: 580px 1fr;}
  #walkon_detail .prd-alternate-layout__row:nth-child(odd) .prd-alternate-layout__content {padding-left: 74px;}
  #walkon_detail .prd-alternate-layout__row:nth-child(even) .prd-alternate-layout__content {padding-right: 74px;}
  #walkon_prd_structure .cards .card {width: 387px;}
  #walkon_prd_structure .visual {width: 426px;}
  #walkon_prd_structure .cards .card:has(.thumb) .cont {white-space: nowrap; width: 200px;}
  #walkon_prd_structure .cards .card .thumb {transform: scale(.7); opacity: 0; transition: transform .4s, opacity .4s;}
  #walkon_prd_structure .cards .card:hover .thumb {transform: scale(1); opacity: 1;}

  .suit--composition-type2 .visual_container .desc_content .item:is(.active) .mark {transform: translate(0%, 0%) scale(1); opacity: 1;}
  .suit--composition-type2 .visual_container .desc_content .item:is(.active) .mark.sec {transform: translate(0%, 0%) scale(1); opacity: 1;}

  .suit--composition-type2 .visual_container .desc_content .item:is(.active) .card {background:#009D9D; border-color: #C3C3C3;  justify-content: center; padding: 20px 40px; height:300px;}
  .suit--composition-type2 .visual_container .desc_content .item:is(.active) .card .bullet {display: block; padding-top: 20px;}

  .suit--composition-type2 .visual_container .desc_content .item:is(.active) .card * {color: #fff;}
  .suit--composition-type2 .visual_container .desc_content .item:is(.active) .card .section_title {font-size: 30px;}
  .suit--composition-type2 .visual_container .desc_content .item:is(.active) .card .section_title_tag {font-size: 18px;color:#0DD0D0;}
  .suit--composition-type2 .visual_container .desc_content .item:is(.active) .card .compo_active_img {position: absolute; right: 0; bottom: -1px; opacity: 1;}
  .suit--composition-type2 .visual_container .desc_content .item:is(.active) .card .compo_active_img.sec {position: absolute; right: 0; bottom:auto; top:0; opacity: 1;}

  .suit--composition-type2.type2 .visual_container .desc_content .item:is(.active) .mark {  transform: translate(0%, -50%) scale(1);}

}
@media screen and (min-width: 768px) {
  #h10_story .container {height: 100%; display: flex; align-items: center; justify-content: flex-end;}
  #h10_story .container .content {width: 40%;}
  #k10_story .container {height: 100%; display: flex; align-items: center;}
}
@media screen and (max-width: 1399px) {
  #k10_story .content {width: 280px;}
  #walkon_story img.bg {right: -200px;}
  #walkon_feature_carausel .control .arrow {width: 20px; height: 20px;}
  #walkon_prd_structure .cards .card {gap: 15px;}
  #walkon_prd_structure .cards .card .thumb {width: 80px; margin-right: -10px;}
  .suit--composition-type2 .visual_container {margin-top: 80px;}
  .suit--composition-type2 .visual_container .visual  {left: 0;}
  .suit--composition-type2 .visual_container .visual > img {width: 70%; margin: 0 auto; display: block;}
  .suit--composition-type2 .visual_container .desc_content {gap: 10px; padding: 0;}
  .suit--composition-type2 .visual_container .desc_content .item {height: auto;}
  .suit--composition-type2 .visual_container .desc_content .item .card {width: 50%;padding: 20px;}
  .suit--composition-type2 .visual_container .desc_content .item .card .sbj_tag {font-size: 16px;}
  .suit--composition-type2 .visual_container .desc_content .item .card .section_title {font-size: 26px;}

  .suit--composition-type2 .visual_container .desc_content .item .card .bullet {display: block; padding-top: 10px;}
  .suit--composition-type2.type2 .visual_container .visual {width: 54%;}
  .suit--composition-type2.type2 .visual_container .desc_content .item {width: 100%;} 

  #suit-k10-composition.suit--composition-type2 .visual_container .desc_content .item {width: 100%;}
}
@media screen and (max-width: 767px) {
  #walkon_story {padding-bottom: 440px;}
  #walkon_story .content {width: 100%;}
  #walkon_story img.bg {top: auto; bottom: 0; right: -160px; width: 650px; height: auto;}
  #walkon_feature .prd-article__head {margin-bottom: 30px;}
  #walkon_feature_carausel .swiper {max-width: 100%;}
  #walkon_feature_carausel .controls {display: none;}
  #walkon_feature_carausel .pagination {display: flex; justify-content: center; width: 100%; padding-top: 20px;}
  #walkon_feature_carausel .pagination .swiper-pagination-bullet {width: 12px; height: 12px; border: 2px solid var(--theme1); background: none; opacity: 1;}
  #walkon_feature_carausel .pagination .swiper-pagination-bullet-active {background-color: var(--theme1);}
  #walkon_components {background: #fff!important;}
  #walkon_prd_structure .visual {padding-top: 60px;}
  #walkon_prd_structure .circles .circle:nth-child(1) {top: 44%;}
  #walkon_prd_structure .circles .circle:nth-child(2) {top: 91%;}
  #walkon_prd_structure .circles .circle:nth-child(3) {top: 54%;}
  #walkon_prd_structure .circles .circle:nth-child(4) {top: 73%;}
  #walkon_prd_structure .circles .circle:nth-child(5) {top: 68%;}
  #walkon_prd_structure .circles .circle:nth-child(6) {top: 83%;}

  .suit--composition-type2 {padding-bottom: 30px;}
  .suit--composition-type2 .visual_container {margin-top: 20px; gap: 20px;}
  .suit--composition-type2 .visual_container .visual {position: static;}
  .suit--composition-type2 .visual_container .visual > img {width:100px;}
  .suit--composition-type2 .visual_container .desc_content .item {width: 100%;}
  .suit--composition-type2 .visual_container .desc_content .item .card {width: 100%;}

  .suit--composition-type2 .visual_container {flex-direction: column;}
  .suit--composition-type2.type2 {padding-bottom: 80px;}
  .suit--composition-type2.type2 .visual_container .visual  {width: 100%; transform: none; order: 0;}
  .suit--composition-type2.type2 .visual_container .visual > img {width: 200px;}
  .suit--composition-type2.type2 .visual_container .desc_content {order: 1;}
}

/* suit : k10 */

#suit-k10-composition {}
#suit-k10-composition.suit--composition-type2 .visual_container .desc_content .item { width: calc(100% - 80px);}
#suit-k10-composition.suit--composition-type2 .visual_container .desc_content .item .mark {width: 180px; top: 132%; left: 20px;}
#suit-k10-composition.suit--composition-type2 .visual_container .desc_content .item:nth-child(2) .mark {width: 150px; top:105%;}
#suit-k10-composition.suit--composition-type2 .visual_container .desc_content .item:nth-child(2) .mark.sec { left: 16%;}
#suit-k10-composition.suit--composition-type2 .visual_container .desc_content .item:nth-child(3) .mark {width: 150px; top:44%;}
#suit-k10-composition.suit--composition-type2 .visual_container .desc_content .item:nth-child(3) .mark.sec {left: 16%;}

@media screen and (max-width: 1399px) {
#suit-k10-composition.suit--composition-type2 .visual_container .desc_content .item {width: 100%;}
}


/* Gear: Base */
.pg--gear .ag-button.type--dark {--hover: var(--theme1);}

.zig_content .row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px; padding: 120px 0; border-bottom: 1px solid #505050;}
.zig_content .row:first-child {padding-top: 0;}
.zig_content .row:last-child {border-bottom: none; padding-bottom: 0;}
.zig_content .row .m_visual {display: none;}
.zig_content .row .visual {border-radius: 30px; overflow: hidden;}
.zig_content .row .visual img {display: block; border-radius: 30px;}
.zig_content .row:nth-child(2n) .content {order: 1;}
.zig_content .row:nth-child(2n) .visual {order: 0;}
.zig_content.reverse .row:nth-child(2n-1) .content {order: 0;}
.zig_content.reverse .row:nth-child(2n-1) .visual {order: 1;}
.zig_content.reverse .row:nth-child(2n) .content {order: 1;}
.zig_content.reverse .row:nth-child(2n) .visual {order: 0;}
.zig_content .row .visual.has_slide {border-radius: 30px; overflow: hidden;}
.zig_content .row .visual.has_slide img {border-radius: 0; width: 100%;}
.zig_content .row .visual.has_slide .pagination {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; display: flex; justify-content: center; gap: 20px; padding: 24px;}
.zig_content .row .visual.has_slide .pagination .swiper-pagination-bullet {width: 15px; height: 15px; background: transparent; border: 2px solid var(--orange); opacity: 1;}
.zig_content .row .visual.has_slide .pagination .swiper-pagination-bullet-active {background: var(--orange);}

.prod-tech {background: linear-gradient(to bottom, #2D2D2D, #212121);}
.prod-tech-content .boxed_content {padding: 25px; background: #222; border-radius: 10px; margin: 20px 0; color: #707070; position: relative;}
.prod-tech-content .boxed_content .ap-title {color: var(--navy); background: #fff; border-radius: 15px; padding: 10px 30px; font-weight: 700; font-size: 19px; transform: translate(0, -50%); margin: -25px 0 0 0; display: inline-block;}
.prod-tech-content .noti {font-size: 14px; color: #707070; line-height: 1.4;}

.prod-ux-video {}
.prod-ux-video .body {display: flex; align-items: center; justify-content: space-between; gap: 40px;}
.prod-ux-video .body .content {width: 370px; flex-shrink: 0;}
.prod-ux-video .body .video_container {width: 100%; border-radius: 30px; overflow: hidden;}
.prod-ux-split {background: #F2F2F2; display: flex; position: relative; padding: 0;}
.prod-ux-split .prod {position: absolute; top: 50%; left: 50%; transform: translate(-55%, -48%);}
.prod-ux-split .article {position: relative; width: 50%; height: 526px; display: flex; align-items: center; overflow: hidden;}
.prod-ux-split .article::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--orange); display: block; content: ''; transform: scaleX(0); transition: transform .4s var(--cubic-pop1);}
.prod-ux-split .article .wrapper {width: 620px; position: relative; z-index: 1;}
.prod-ux-split .article .wrapper .section_title_tag {transition: color .4s;}
.prod-ux-split .article .wrapper .title {transition: color .4s;}
.prod-ux-split .article .wrapper .desc {height: 0; overflow: hidden; transition: height .4s var(--cubic-pop1); color: #fff;}
.prod-ux-split .article .wrapper .visual {position: absolute; top: 50%; transform: translate(-50%, -50%); transition: transform .4s var(--cubic-pop1), opacity .4s var(--cubic-pop1); opacity: 0;}
.prod-ux-split .article .wrapper .visual .pc {display: block;}
.prod-ux-split .article .wrapper .visual .m {display: none;}
.prod-ux-split .article:nth-of-type(1)::before {transform-origin: right;}
.prod-ux-split .article:nth-of-type(2)::before {transform-origin: left;}
.prod-ux-split .article:nth-of-type(1) .wrapper {margin-left: auto;}
.prod-ux-split .article:nth-of-type(2) .wrapper {margin-right: auto; text-align: right;}
.prod-ux-split .article:nth-of-type(1) .wrapper .visual {right: 0; transform: translate(100%, -50%);}
.prod-ux-split .article:nth-of-type(2) .wrapper .visual {left: 0; transform: translate(-100%, -50%);}

.prod_tech_banner {padding-block: 54px; background: linear-gradient(to right, #F5F5F5, #A8A8A8);}
.prod_tech_banner .container {display: flex; justify-content: space-between; gap: 20px 50px;}
.prod_tech_banner .container .content {}
.prod_tech_banner .container .content .title {font-size: 54px; color: var(--orange); font-family: var(--font-sub1); font-weight: 600; line-height: 1.2;}
.prod_tech_banner .container .content .subtitle {font-size: 24px; font-weight: 700; margin-bottom: 1em; color: #000;}
.prod_tech_banner .container .content .desc {font-weight: 700;}
.prod_tech_banner .container .links {display: flex; flex-direction: column; gap: 23px; width: 325px;}
.prod_tech_banner .container .links .btn--link {font-size: 22px; padding-block: 14px;}

@media screen and (min-width: 1400px) {
  .pg--gear .ag-lnb {padding-inline: 10px;}
  .pg--gear .ag-lnb .item {padding-inline: 30px;}

  .prod-ux-split .article:hover::before {transform: scaleX(1);}
  .prod-ux-split .article:hover .wrapper {}
  .prod-ux-split .article:hover .wrapper .section_title_tag {color: var(--sky-blue);}
  .prod-ux-split .article:hover .wrapper .title {color: #fff;}
  .prod-ux-split .article:hover .wrapper .desc {height: 3em;}
  .prod-ux-split .article:nth-of-type(1):hover .wrapper .visual {transform: translate(50%, -50%); opacity: 1;}
  .prod-ux-split .article:nth-of-type(2):hover .wrapper .visual {transform: translate(-25%, -50%); opacity: 1;}
}
@media screen and (max-width: 1399px) {
  .zig_content .row {gap: 40px; padding: 80px 0; align-items: flex-start;}
  .zig_content .row .visual {min-height: 300px;}

  .prod-tech-content .noti {font-size: 14px;}
  .prod-tech-content .boxed_content {font-size: 15px; padding: 15px; margin-block: 15px;}
  .prod-tech-content .boxed_content .ap-title {font-size: 15px; width: 100%; margin-bottom: 0; text-align: center; padding: 8px 15px;}

  .prod-ux-video .body {gap: 40px;}
  .prod-ux-video .body .content {width: 210px;}

  .prod-ux-split {background: none; width: 720px; min-width: 320px; max-width: calc(100% - 40px); margin: 0 auto; padding-top: 0; gap: 40px;}
  .prod-ux-split .prod {display: none;}
  .prod-ux-split .article {height: auto; align-items: stretch;}
  .prod-ux-split .article .wrapper {display: flex; flex-direction: column; text-align: left!important;}
  .prod-ux-split .article .wrapper .desc {height: auto; color: inherit;}
  .prod-ux-split .article .wrapper .visual {position: static; opacity: 1; transform: none!important; border-radius: 20px; overflow: hidden; margin-top: auto;}
  .prod-ux-split .article .wrapper .visual .pc {display: none;}
  .prod-ux-split .article .wrapper .visual .m {display: block;}

  .prod_tech_banner {background: linear-gradient(125deg, #F5F5F5, #FFFFFF, #D9D9D9); padding-block: 80px;}
  .prod_tech_banner .container {flex-direction: column; text-align: center; gap: 40px;}
  .prod_tech_banner .container .content {}
  .prod_tech_banner .container .content .title {font-size: 18px; margin-bottom: 0.5em;}
  .prod_tech_banner .container .content .subtitle {line-height: 1.3;}
  .prod_tech_banner .container .content .desc {}
  .prod_tech_banner .container .links {margin: 0 auto; gap: 10px;}
  .prod_tech_banner .container .links .btn--link {font-size: 16px; padding-inline: 20px;}
}
@media screen and (max-width: 767px) {
  .zig_content .row {grid-template-columns: repeat(1, 1fr); padding-block: 50px;}
  .zig_content .row .m_visual {display: block; border-radius: 20px; overflow: hidden; margin-bottom: 25px;}
  .zig_content .row .visual {display: none;}
  .zig_content .row .m_visual.visual.has_slide {display: block; width: 100%; min-height: 0;}

  .prod-tech {padding-block: 100px;}

  .prod-ux-video .body {flex-direction: column; gap: 25px;}
  .prod-ux-video .body .content {width: 100%; text-align: center;}
  .prod-ux-video .body .video_container {border-radius: 15px;}

  .prod-ux-split {display: block; padding-top: 0;}
  .prod-ux-split .article {width: 100%; padding-block: 50px; border-top: 1px solid #dfdfdf;}
  .prod-ux-split .article .wrapper {text-align: center!important;}
  .prod-ux-split .article .wrapper .visual {margin-top: 25px; border-radius: 15px;}
}




/* Gear: Overview */
.pg--gear.pg--overview .figures {display: flex; gap:22px;}
.pg--gear.pg--overview .figures img{border-radius: 15px;}
.pg--gear.pg--overview .figures .gear_intro_cont_img1 {width: 553px;}

#gear_ov_tech_banner {background: var(--gray5);}
.gear_ov_tech_grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 35px;}
.gear_ov_tech_imgs {display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}

.lined-icon-card {background: #fff; border-top: 5px solid var(--orange); padding: 30px; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; border-radius: 0 0 15px 15px; overflow: hidden;}
.lined-icon-card .cont {}
.lined-icon-card .cont .tit {font-size: 33px; font-weight: 700; color: black; margin-bottom: 0.5em;}
.lined-icon-card .cont .tit .no {color: var(--orange); font-weight: 500; display: inline-block; margin-right: 0.5em;}
.lined-icon-card .cont .desc {}
.lined-icon-card .icon {width: 150px; aspect-ratio: 1; -webkit-aspect-ratio: 1; border-radius: 50%; background: #F6F6F6;}

#gear_media_banner {background:var(--navy);}
#gear_media_banner .sbj_cont {margin-bottom: 74px;}
#gear_media_banner .intro_title {color:#fff; font-weight: 600;}
#gear_media_banner .intro_desc {font-size:22px; color:#fff;padding: 0 0 14px;}
#gear_media_banner .tip {font-size: 16px;color:#999; font-weight: 700; line-height: 1.6;}
#gear_media_banner .media_cont .btn-cont {margin-top: 56px;text-align: center;}
#gear_media_banner .media_cont .media_ls {display: grid; grid-template-columns: repeat(4,1fr); gap:20px; }
#gear_media_banner .media_cont .media_ls .item {display: flex; flex-direction: column; gap:18px;}
#gear_media_banner .media_cont .media_ls .item .video_box {background: transparent; cursor: pointer;}
#gear_media_banner .media_cont .media_ls .item .txt_cont {padding: 0 29px 14px; border-left: 1px solid #666666;}
#gear_media_banner .media_cont .media_ls .item .txt_cont .num {font-size: 17px; color:var(--orange);}
#gear_media_banner .media_cont .media_ls .item .txt_cont .txt {font-size: 18px; line-height: 1.6; color:#fff;padding-top: 28px;}
#gear_media_banner .ag-button {--base: var(--theme1); --hover: white;}

#gear_find_suit {overflow: hidden; background: var(--gray5);}
#gear_find_suit .container {display: flex;}
#gear_find_suit .container .content {display: flex; flex-direction: column; justify-content: space-between; width: 884px;flex-shrink: 0; padding-block: 150px 120px; padding-right: 80px;}
#gear_find_suit .container .visual {position: relative; width: 752px; flex-shrink: 0;}
#gear_find_suit .container .visual img {display: block; width: 100%; height: 100%; object-fit: cover;}
.finder_container .comming-soon {display: flex; align-items: center; justify-content: center; min-height: 250px; border: 1px solid var(--gray3); padding: 20px; color: var(--gray2); font-size: 24px; font-family: var(--font-sub1);}
.finder_container .head {display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-bottom: 40px;}
.finder_container table {font-size: 18px; width: 100%; table-layout: fixed; border-top: 1px solid #707070; border-bottom: 1px solid #BCBCBC;}
.finder_container table thead {background: #D9D9D9;}
.finder_container table th {font-weight: 400;}
.finder_container table th.fc--navy {color:var(--navy);}
.finder_container table :where(th, td) {padding: 10px; ; border-right: 1px solid #BCBCBC; text-align: center; color:#333333;}
.finder_container table :where(th:last-child, td:last-child) {border-right: none;}

.gear_ov_solution_diagram {position: relative; overflow: hidden;}
.gear_ov_solution_diagram .bg {display: block;}
.gear_ov_solution_diagram .notice {position: absolute; bottom: 40px; right: 40px; text-align: right; color: #ACACAC; z-index: 10;}
.gear_ov_solution_diagram .cont {position: absolute; top: 0; left: 0; width: 1344px; height: 1087px;}

.gear_ov_solution_diagram .cont .item {position: absolute; width: 334px; padding: 30px 26px 10px 26px; background: rgb(0,0,0,0); transition: background .4s; display: flex; flex-direction: column; gap: 15px;}
.gear_ov_solution_diagram .cont .item-wrap {position: relative;}
.gear_ov_solution_diagram .cont .item-wrap .default {position: absolute; top: 0; left: 0; width: 100%; z-index: 9;}
.gear_ov_solution_diagram .cont .item-wrap .default .inner {position: relative; overflow: hidden; padding: 18px; padding-bottom: 0; height: 246px; border: 2px solid #EE7B3A; background: #fff; border-radius: 15px; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.gear_ov_solution_diagram .cont .item-wrap .default .inner .tit {text-align: center; display: block; color: #EE7B3A; font-size: 20px; font-weight: 600;}
.gear_ov_solution_diagram .cont .item-wrap .default .inner .more {color: #acacac; position: absolute; bottom: 10px; right: 20px; font-size: 18px;}

.gear_ov_solution_diagram .cont .item-wrap .overlay {position: relative; z-index: 10; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity .4s;}
.gear_ov_solution_diagram .cont .item-wrap .overlay .inner {position: relative; overflow: hidden; border: 15px;}
.gear_ov_solution_diagram .cont .item-wrap .overlay .inner .tit {position: absolute; top: 18px; left: 20px; font-size: 15px;}
.gear_ov_solution_diagram .cont .item-wrap .overlay .inner img {display: block; width: 100%;}
.gear_ov_solution_diagram .cont .item-wrap .overlay .desc {color: #fff; font-size: 22px; margin-top: 0.5em; text-align: right; display: block;}

.gear_ov_solution_diagram .cont .item .bullet {position: absolute; z-index: 10;}
.gear_ov_solution_diagram .cont .item .bullet .core {width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; background: #ACACAC; overflow: hidden; border-radius: 50%; position: relative; z-index: 10; transition: background .4s;}
.gear_ov_solution_diagram .cont .item .bullet .core .ico--plus {width: 50%; height: 50%;}
.gear_ov_solution_diagram .cont .item .bullet .core .ico--plus::after,
.gear_ov_solution_diagram .cont .item .bullet .core .ico--plus::before {background: #fff;}
.gear_ov_solution_diagram .cont .item .bullet .core .ico--plus::after {height: 2px;}
.gear_ov_solution_diagram .cont .item .bullet .core .ico--plus::before {width: 2px;}
.gear_ov_solution_diagram .cont .item .bullet .line {position: absolute; width: 0; height: 0; top: 50%; left: 50%;}
.gear_ov_solution_diagram .cont .item .bullet .line .bar {height: 200px; width: 0; border-left: 1px dotted #fff; display: block; position: absolute; left: 0; transition: border .4s; pointer-events: none;}
.gear_ov_solution_diagram .cont .item .bullet .line .bar::after {position: absolute; width: 13px; height: 13px; content: ''; display: block; border-radius: 50%; background: #EE7B3A; border: 2px solid #fff; bottom: 0; left: 50%; transform: translate(-50%); pointer-events: none;}
.gear_ov_solution_diagram .cont .item .bullet .info {position: absolute; padding: 10px 20px; background: rgb(0,0,0,0.8); border-radius: 15px; text-align: center; font-size: 40px; font-weight: 700; color: #EE7B3A; opacity: 0; transition: opacity .4s; pointer-events: none;}
.gear_ov_solution_diagram .cont .item .bullet .info small {font-size: 0.65em; display: block; line-height: 1.3; white-space: nowrap;}
.gear_ov_solution_diagram .cont .item .bullet .info strong {display: block; line-height: 1.1;}

.gear_ov_solution_diagram .cont .item:hover {background: rgb(0,0,0,.5);}
.gear_ov_solution_diagram .cont .item:hover .item-wrap .overlay {opacity: 1;}
.gear_ov_solution_diagram .cont .item:hover .bullet .core {background: #EE7B3A;}
.gear_ov_solution_diagram .cont .item:hover .bullet .line .bar {border-left: 1px solid #EE7B3A;}
.gear_ov_solution_diagram .cont .item:hover .bullet .info {opacity: 1; pointer-events: initial;}

.gear_ov_solution_diagram .cont .item-1 {top: 20px; left: 500px;}
.gear_ov_solution_diagram .cont .item-1 .bullet {bottom: -126px; left: 50%; transform: translate(-50%);}
.gear_ov_solution_diagram .cont .item-1 .bullet .line {transform: rotate(180deg);}
.gear_ov_solution_diagram .cont .item-1 .bullet .line .bar {height: 180px;}
.gear_ov_solution_diagram .cont .item-1 .bullet .info {top: 100%; left: 50%; transform: translate(-50%); margin-top: 10px;}

.gear_ov_solution_diagram .cont .item-2 {top: 278px; right: 78px;}
.gear_ov_solution_diagram .cont .item-2 .bullet {bottom: 230px; left: -170px;}
.gear_ov_solution_diagram .cont .item-2 .bullet .line-1 {transform: rotate(-143deg);}
.gear_ov_solution_diagram .cont .item-2 .bullet .line-1 .bar {height: 310px;}
.gear_ov_solution_diagram .cont .item-2 .bullet .line-2 {transform: rotate(-83deg);}
.gear_ov_solution_diagram .cont .item-2 .bullet .line-2 .bar {height: 192px;}
.gear_ov_solution_diagram .cont .item-2 .bullet .info {top: 100%; left: 50%; transform: translate(-50%); margin-top: 10px;}

.gear_ov_solution_diagram .cont .item-3 {top: 278px; left: 94px;}
.gear_ov_solution_diagram .cont .item-3 .bullet {bottom: 290px; right: -170px;}
.gear_ov_solution_diagram .cont .item-3 .bullet .line-1 {transform: rotate(135deg);}
.gear_ov_solution_diagram .cont .item-3 .bullet .line-1 .bar {height: 262px;}
.gear_ov_solution_diagram .cont .item-3 .bullet .line-2 {transform: rotate(67deg);}
.gear_ov_solution_diagram .cont .item-3 .bullet .line-2 .bar {height: 204px;}
.gear_ov_solution_diagram .cont .item-3 .bullet .info {top: 100%; left: 50%; transform: translate(-50%); margin-top: 10px;}


@media (hover: hover) {
  #gear_media_banner .ag-button:hover {color: var(--base);}
}
@media screen and (max-width: 1399px) {
  .gear_ov_tech_grid {gap: 20px;}
  .gear_ov_tech_titlebox {grid-column: span 2;}
  .lined-icon-card {padding: 25px 20px; border-top: none; border-radius: 10px;}
  .lined-icon-card .cont .tit {font-size: 20px;}
  .lined-icon-card .cont .desc {font-size: 16px; word-break: keep-all;}
  .lined-icon-card .icon {width: 80px;}

  #gear_media_banner .intro_desc {padding: 0 0 10px 0;}
  #gear_media_banner .tip {font-size: 14px; text-align: left!important; line-height: 2;}
  #gear_media_banner .media_cont .media_ls {grid-template-columns: repeat(2,1fr);}
  #gear_media_banner .media_cont .media_ls .item .txt_cont {padding: 10px 10px 10px 20px;}
  #gear_media_banner .media_cont .media_ls .item .txt_cont .txt {padding-top: 10px;}

  .pg--gear.pg--overview .figures {flex-direction: column;}
  .pg--gear.pg--overview .figures img{width: 100%!important;}
  #gear_find_suit {padding-bottom: 120px!important;}
  #gear_find_suit .container {flex-direction: column;}
  #gear_find_suit .container .content {width: 100%; padding: 80px 0 50px;}
  #gear_find_suit .container .visual {width: 100%; border-radius: 20px; overflow: hidden;}
}
@media screen and (max-width: 767px) {
  .gear_ov_tech_grid {gap: 10px; grid-template-columns: repeat(1, 1fr);}
  .gear_ov_tech_titlebox {grid-column: span 1;}
  .lined-icon-card {}
  .lined-icon-card .cont .tit {font-size: 18px;}
  .lined-icon-card .cont .desc {font-size: 14px; word-break: keep-all;}
  .lined-icon-card .icon {width: 80px;}
  .gear_ov_tech_imgs {grid-template-columns: repeat(1, 1fr);}

  #gear_media_banner .sbj_cont {margin-bottom: 40px;}
  #gear_media_banner .media_cont .media_ls .item .txt_cont .txt {font-size: 14px;}

  #gear_find_suit .content .titlebox {text-align: center;}
  .finder_container .head {flex-direction: column; align-items: flex-start; gap: 10px; padding-bottom: 15px; text-align: center;}
  .finder_container .head > span {width: 100%;}
  .finder_container .head .select {width: 100%; height: 40px; font-size: 15px;}
  .finder_container table {font-size: 14px;}
  .finder_container table :where(th, td) {line-height: 1.4;}
}




/* Gear: X */
#gear-x-advanced1 {position: relative; color: #fff; min-height: 890px;}
#gear-x-advanced1 .section_title {color: #fff;}
#gear-x-advanced1 .m_visual {display: none;}
#gear-x-advanced1 .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}

#gear-x-advanced2 {padding-bottom: 0; overflow: hidden;}
#gear-x-advanced2 .visual_container {position: relative; width: 920px; margin: 100px auto 0 auto; padding: 100px 0;}
#gear-x-advanced2 .visual_container .visual {position: absolute; left: 0; top: 0; z-index: 10;}
#gear-x-advanced2 .visual_container .visual .model {display: block;}
#gear-x-advanced2 .visual_container .content {display: flex; flex-direction: column; justify-content: center; gap: 42px;}
#gear-x-advanced2 .visual_container .content .item {display: flex; justify-content: flex-end; position: relative;}
#gear-x-advanced2 .visual_container .content .item .card {width: 387px; border-radius: 20px; border: 1px solid #C3C3C3; padding: 30px 45px; transition: background .4s, border .4s;}
#gear-x-advanced2 .visual_container .content .item .tag {display: block; font-size: 24px; color: #878787; transition: color .4s;}
#gear-x-advanced2 .visual_container .content .item .num {display: flex; align-items: flex-end; line-height: 1;  transition: color .4s;}
#gear-x-advanced2 .visual_container .content .item .num .counter {display: block; line-height: 1; font-size: 130px; color: #000; letter-spacing: -5px; white-space: nowrap;}
#gear-x-advanced2 .visual_container .content .item .num .counter small {font-size: 0.385em; margin-left: 0.1em;}
#gear-x-advanced2 .visual_container .content .item .num .arw {margin-left: 20px; margin-bottom: 15px; flex-shrink: 0;}
#gear-x-advanced2 .visual_container .content .item .mark {position: absolute; top: 50%; left: 0; width: 284px; aspect-ratio: 1 / 1; border-radius: 50%; background: var(--orange); transform: translate(-5%, -50%) scale(0); opacity: 0; transition: transform .4s var(--cubic-pop1), opacity .7s var(--cubic-pop1);}

#gear-x-advanced3 {background: linear-gradient(35deg, rgb(205, 206, 210, .5), rgb(255,255,255,.5))}
#gear-x-advanced3 .head {display: flex; align-items: flex-start; gap: 50px; justify-content: space-between; margin-bottom: 90px;}
#gear-x-advanced3 .head .desc {padding-top: 65px;}
#gear-x-advanced3 .body .desc {display: none;}
#gear-x-advanced3 .thumbs {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
#gear-x-advanced3 .thumbs .thumb {position: relative; overflow: hidden; border-radius: 30px;}
#gear-x-advanced3 .thumbs .thumb .num {display: flex; align-items: center; justify-content: center; background:var(--blue); border-radius: 50%; color:#fff; width: 25px; height: 25px; position: absolute; top:14px; left:14px; font-size: 19px;}
#gear-x-advanced3 .thumbs .thumb .cont {display: block;}
#gear-x-advanced3.type2 .head {margin-bottom: 50px;}
#gear-x-advanced3.type2 .body {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
#gear-x-advanced3.type2 .body .thumbs {grid-template-columns: repeat(2, 1fr); gap: 20px;}
#gear-x-advanced3.type2 .body .video {border-radius: 20px; overflow: hidden; position: relative;}
#gear-x-advanced3.type2 .body .video video {object-fit: cover; position: absolute; top: 0; left: 50%; width: 120%; height: 100%; transform: translate(-50%);}

#gear-x-tech .prod-tech-content {margin-top: 120px;}
#gear-x-tech .prod-tech-content .tech-1 .boxed_content {}
#gear-x-tech .prod-tech-content .tech-1 .boxed_content table {width: 100%;}
#gear-x-tech .prod-tech-content .tech-1 .boxed_content table tr {}
#gear-x-tech .prod-tech-content .tech-1 .boxed_content table tr th,
#gear-x-tech .prod-tech-content .tech-1 .boxed_content table tr td {padding-block: 2px;}
#gear-x-tech .prod-tech-content .tech-2 .boxed_content {}
#gear-x-tech .prod-tech-content .tech-2 .boxed_content .graph_label {position: absolute; top: 25px; right: 25px; font-weight: 700; font-size: 14px; display: flex; gap: .5em;}
#gear-x-tech .prod-tech-content .tech-2 .boxed_content .graph_label .red {color: #FF4E00}
#gear-x-tech .prod-tech-content .tech-2 .boxed_content .graph_label .blue {color: #427DFF;}
#gear-x-tech .prod-tech-content .tech-2 .boxed_content .graphs {display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px;}
#gear-x-tech .prod-tech-content .tech-2 .boxed_content .graphs .item {display: flex; flex-direction: column;}
#gear-x-tech .prod-tech-content .tech-2 .boxed_content .graphs .item .tit {font-size: 19px; font-weight: 700; line-height: 1.2; margin-bottom: 0.8em;}
#gear-x-tech .prod-tech-content .tech-2 .boxed_content .graphs .item .tit small {font-size: 0.7em;}
#gear-x-tech .prod-tech-content .tech-2 .boxed_content .graphs .item .graph {margin-top: auto;}
#gear-x-tech .prod-tech-content .tech-3 .content {display: flex; flex-direction: column;}
#gear-x-tech .prod-tech-content .tech-3 .content img {margin-top: auto;}
#gear-x-tech .prod-tech-content .tech-4 .content {display: flex; flex-direction: column;}
#gear-x-tech .prod-tech-content .tech-4 table {table-layout: fixed; width: 100%; border-top: 2px solid #FFFFFF; border-bottom: 1px solid #fff; font-size: 19px; margin-top: auto;}
#gear-x-tech .prod-tech-content .tech-4 table colgroup col:nth-child(1) {width: 148px;}
#gear-x-tech .prod-tech-content .tech-4 table colgroup col:nth-child(2) {width: 140px;}
#gear-x-tech .prod-tech-content .tech-4 table thead {background: #2a2a2a; border-bottom: 1px solid #fff;}
#gear-x-tech .prod-tech-content .tech-4 table thead th {padding: 23px 19px; font-weight: 400; line-height: 1;}
#gear-x-tech .prod-tech-content .tech-4 table thead th:first-child {background: #101010;}
#gear-x-tech .prod-tech-content .tech-4 table tbody tr {border: none;}
#gear-x-tech .prod-tech-content .tech-4 table tbody tr th,
#gear-x-tech .prod-tech-content .tech-4 table tbody tr td {padding: 25px 15px; vertical-align: middle; text-align: center;}
#gear-x-tech .prod-tech-content .tech-4 table tbody tr th {background: rgb(242, 242, 242, .27);}
#gear-x-tech .prod-tech-content .tech-4 table tbody tr td:last-child {text-align: left; font-size: 16px;}
#gear-x-tech .prod-tech-content .tech-4 table tbody tr:not(.active) {border-top: 1px solid #fff;}
#gear-x-tech .prod-tech-content .tech-4 table tbody tr.active {border-block: 1px solid var(--orange);}
#gear-x-tech .prod-tech-content .tech-4 table tbody tr.active th, 
#gear-x-tech .prod-tech-content .tech-4 table tbody tr.active td:first-of-type {color: var(--orange);} 
#gear-x-tech .prod-tech-content .tech-4 .content {display: block;}

@media screen and (min-width: 1400px) {
  .pg--gear-x .prod_hero:has(.prod_hero__icons) .txtbox {padding-bottom: 110px;}

  #gear-x-advanced2 .visual_container .content .item.active .mark {transform: translate(-5%, -50%) scale(1); opacity: 1;}
  #gear-x-advanced2 .visual_container .content .item.active .card {background: var(--theme1); border-color: var(--theme1);}
  #gear-x-advanced2 .visual_container .content .item.active .card * {color: #fff;}
  #gear-x-advanced2 .visual_container .content .item.active .card .arw path {fill: url('#linear-gradient-active');}
}
@media screen and (max-width: 1399px) {
  .pg--gear-x .prod_hero__content .visual img {width: auto; height: 400px; margin: 0 auto;}

  #gear-x-advanced1 {min-height: 550px;}

  #gear-x-advanced2 .visual_container {width: 100%; display: flex; justify-content: center; align-items: flex-start; gap: 100px; padding: 0; margin-top: 50px;}
  #gear-x-advanced2 .visual_container .visual {position: static; width: 150px; margin-bottom: -180px;}
  #gear-x-advanced2 .visual_container .content {padding-top: 50px;}
  #gear-x-advanced2 .visual_container .content .item .card {padding: 0; border: 0; width: 180px;}
  #gear-x-advanced2 .visual_container .content .item .tag {font-size: 18px; position: relative;}
  #gear-x-advanced2 .visual_container .content .item:not(:first-child) .tag::before {position: absolute; top: .84em; right: 100%; margin-right: 1em; width: 170px; height: 1px; background: #878787; content: ''; display: block;}
  #gear-x-advanced2 .visual_container .content .item .num .counter {font-size: 80px;}
  #gear-x-advanced2 .visual_container .content .item .num .arw {width: 50px; margin-bottom: -2px;}

  #gear-x-advanced3 .head {display: block; margin-bottom: 30px;}
  #gear-x-advanced3 .head .desc {padding-top: 0;}
  #gear-x-advanced3 .thumbs {grid-template-columns: repeat(2, 1fr);}
  #gear-x-advanced3 .thumbs .thumb {border-radius: 15px;}
  #gear-x-advanced3 .thumbs .thumb .num {font-size: 13px;}
  #gear-x-advanced3.type2 .head {margin-bottom: 30px;}
  #gear-x-advanced3.type2 .body {gap: 10px;}
  #gear-x-advanced3.type2 .body .thumbs {gap: 10px;}



  #gear-x-tech .prod-tech-content {margin-top: 90px;}
  #gear-x-tech .prod-tech-content .tech-2 .boxed_content .graph_label {position: static; text-align: right; display: block; margin-bottom: 15px; font-size: 12px;}
  #gear-x-tech .prod-tech-content .tech-2 .boxed_content .graphs .item .tit {font-size: 15px;}
  #gear-x-tech .prod-tech-content .tech-2 .boxed_content .graphs {gap: 20px;}
  #gear-x-tech .prod-tech-content .tech-4 table {font-size: 15px;}
  #gear-x-tech .prod-tech-content .tech-4 table colgroup col:nth-child(1) {width: 80px;}
  #gear-x-tech .prod-tech-content .tech-4 table colgroup col:nth-child(2) {width: 80px;}
  #gear-x-tech .prod-tech-content .tech-4 table colgroup col:nth-child(1) {}
  #gear-x-tech .prod-tech-content .tech-4 table thead th {padding: 15px 10px;}
  #gear-x-tech .prod-tech-content .tech-4 table tbody tr th, #gear-x-tech .prod-tech-content .tech-4 table tbody tr td {padding: 15px 10px; font-size: inherit;}
  #gear-x-tech .prod-tech-content .tech-4 table tbody tr td:last-child {font-size: inherit;}
}
@media screen and (max-width: 767px) {
  #gear-x-advanced1 {color: inherit; background: #F3F3F3;}
  #gear-x-advanced1 .prod_section__bg {display: none;}
  #gear-x-advanced1 .section_title {color: #000;}
  #gear-x-advanced1 .m_visual {display: block; border-radius: 25px;}

  #gear-x-advanced2 .sbj_tag,
  #gear-x-advanced2 .section_title,
  #gear-x-advanced2 .desc {text-align: left!important;}
  #gear-x-advanced2 .visual_container {gap: 50px; justify-content: space-between; max-width: 370px; width: 100%;}
  #gear-x-advanced2 .visual_container .visual {width: 110px; margin-bottom: -130px;}
  #gear-x-advanced2 .visual_container .content .item .card {width: 130px;}
  #gear-x-advanced2 .visual_container .content .item .tag {font-size: 12px;}
  #gear-x-advanced2 .visual_container .content .item:not(:first-child) .tag::before {width: 30vw; max-width: 170px;}
  #gear-x-advanced2 .visual_container .content .item .num .counter {font-size: 58px;}
  #gear-x-advanced2 .visual_container .content .item .num .counter small {margin-left: 0.3em;}
  #gear-x-advanced2 .visual_container .content .item .num .arw {width: 30px; margin-bottom: -15px; margin-left: 10px;}

  #gear-x-advanced3 .head .desc {display: none;}
  #gear-x-advanced3 .body .desc {display: block; margin-top: 30px;}
  #gear-x-advanced3 .thumbs {gap: 10px;}
  #gear-x-advanced3 .thumbs .thumb {border-radius: 10px;}
  #gear-x-advanced3 .thumbs .thumb .cont {object-fit: cover;}
  #gear-x-advanced3 .thumbs .thumb .num {top: 8px; left: 8px;}
  #gear-x-advanced3.type2 .head {margin-bottom: 30px;}
  #gear-x-advanced3.type2 .head .desc {display: block;}
  #gear-x-advanced3.type2 .body {grid-template-columns: repeat(1, 1fr);}
  #gear-x-advanced3.type2 .body .thumbs {gap: 10px;}
  #gear-x-advanced3.type2 .body .video video {position: static; width: 100%; height: auto; transform: none; aspect-ratio: 1 / 1.1; -webkit-aspect-ratio: 1 / 1.1;}

  #gear-x-tech .prod-tech-content {margin-top: 60px;}
  #gear-x-tech .prod-tech-content .tech-3 .content img:last-child {width: 200px; margin: 0 auto;}
  #gear-x-tech .prod-tech-content .tech-4 {display: block;}
}




/* Gear: B10 */
#gear-b10_adv1 {min-height: 951px; overflow: hidden;}
#gear-b10_adv1 .container {position: relative;}
#gear-b10_adv1 .desc {color:#000;}
.gear-b10_adv1_model {margin-top: 128px;}
.gear-b10_adv1_prod {position: absolute; top:-50px; right:80px; width: 450px;}
.gear-b10_adv1_prod img {display: block;}
.prod-tech.type2 .zig_content .row {gap:100px; }
.prod-tech.type2 .zig_content .row .visual {height: 535px;}
.prod-tech.type2 .zig_content .content {display: flex; flex-direction: column; justify-content: center; height: 100%;}

@media screen and (max-width:1399px){
  .pg--gear-b10 .prod_hero__content .visual img {width: auto; height: 400px; margin: 0 auto;}

  #gear-b10_adv1 {min-height: 550px;}
  #gear-b10_adv1 .container {display: flex; align-items: flex-end; justify-content: space-between;}
  .gear-b10_adv1_prod {position: static; }
  .gear-b10_adv1_prod img{ width: 250px; display: block; margin: 0 auto;}
  .gear-b10_adv1_model {margin-top: 50px; width: 300px;}
  .prod-tech.type2 .zig_content .row {gap:50px;}
  .prod-tech.type2 .zig_content .row .visual {height: 300px;} 
}

@media screen and (max-width:767px) {
  #gear-b10_adv1 .container {flex-direction: column;gap: 20px;}

  .gear-b10_adv1_model {width: 100%;}
  .gear-b10_adv1_model img {display: block; margin: 0 auto;}
  .gear-b10_adv1_prod {width: 100%; padding: 20px; background:#F2F2F2; border-radius: 20px;}
  .gear-b10_adv1_prod img {width: 200px;}
  .prod-tech.type2 .zig_content .row {gap:40px;}
}





/* Gear: soft B10 */
.pg--gear-soft-b10 .prod_intro__title svg {margin: 0;}
.gear-soft-b10-composition { background:linear-gradient(to bottom, #D2D2D2 10%, #fff 50%); }
.gear-soft-b10-composition:not(.type2) {margin-bottom: 150px;}
.gear-soft-b10-composition .visual_container { display: flex; justify-content: space-between; position: relative; margin-top: 150px;}
.gear-soft-b10-composition .visual_container .visual {position: absolute; top:0; left:-56px;z-index:10; pointer-events: none;}
.gear-soft-b10-composition .visual_container .desc_content {width: 100%; display: flex; flex-direction: column; gap:100px; align-items: flex-end; padding: 80px 0 200px;}
.gear-soft-b10-composition .visual_container .desc_content .item {display: flex; position: relative; width: 100%; justify-content: flex-end; align-items: center; height: 230px;}
.gear-soft-b10-composition .visual_container .desc_content .item .card {width: 387px; display: flex; flex-direction: column;  justify-content: center; border:1px solid #C3C3C3; border-radius: 20px; padding: 30px 50px;  background-color: #fff; height: 185px; overflow: hidden; position: relative;transition: 0.4s var(--cubic-pop1);}
.gear-soft-b10-composition .visual_container .desc_content .item .card .section_title_tag {margin-bottom: 0.3em;}
.gear-soft-b10-composition .visual_container .desc_content .item .card .section_title {margin-bottom: 0;}
.gear-soft-b10-composition.type2 { background:#fff; }
.gear-soft-b10-composition.type2 .visual_container .visual {right:0;left:auto;  text-align: center;}
.gear-soft-b10-composition.type2 .visual_container .desc_content {align-items: flex-start; padding: 128px 0 500px; position: relative;}


.gear_soft_b10_model {vertical-align: bottom;}
#gear_soft_b10_scenario {background:linear-gradient(50deg, rgba(205, 206, 210,0.5) 10%, #fff 60% ); padding-block: 140px 90px;}
#gear_soft_b10_scenario .content {display: flex; gap: 105px;}
#gear_soft_b10_scenario .content .section_title {flex-shrink: 0;}
#gear_soft_b10_scenario .visual_container {display: grid; grid-template-columns: repeat(4, 1fr); gap:60px 20px; display: flex; gap: 10px; padding-bottom: 60px;}
#gear_soft_b10_scenario .visual_container .item {display: flex; flex-direction: column; gap:10px;position: relative; transition: transform .4s var(--cubic-pop1), opacity .7s var(--cubic-pop1);}
#gear_soft_b10_scenario .visual_container .item .num {display: flex; align-items: center; justify-content: center; background:var(--blue); border-radius: 50%; color:#fff; width: 25px; height: 25px; position: absolute; top:14px; left:14px; font-size: 19px;}
#gear_soft_b10_scenario .visual_container .item img {border-radius: 20px;}
#gear_soft_b10_scenario .visual_container .item:nth-child(4) {grid-column: span 3;}
#gear_soft_b10_scenario .visual_container .desc {font-size: 16px; color:#4E4E4E; font-weight: 700; text-align: center; display: block;}
#gear_soft_b10_scenario .wrapper {}
#gear_soft_b10_scenario .wrapper .video-container {width: 100%;  border-radius: 30px; overflow: hidden;}
#gear_soft_b10_scenario .wrapper .video-container .video_box > video {object-fit: cover;width: 101%;height: 101%;}
#gear_soft_b10_scenario .wrapper.type-2 {display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px;}
#gear_soft_b10_scenario .wrapper.type-2 .visual_container {display: grid; grid-template-columns: repeat(2, 1fr); padding-bottom: 0;}
#gear_soft_b10_scenario .wrapper.type-2 .visual_container .item:last-child {grid-column: span 1;}
#gear_soft_b10_scenario .wrapper.type-2 .video-container {border-radius: 0;}
#gear_soft_b10_scenario .wrapper.type-2 .video-container .video_box {height: calc(100% - 36px); border-radius: 20px; overflow: hidden; background: none;}
#gear_soft_b10_scenario .wrapper.type-2 .video-container .video_box > video {width: 100%; height: 100%; display: block;}

#gear-soft-b10-feat .body {width: 100%;}
#gear-soft-b10-feat .body .prd-feat-visual {width: 520px;}
.prd-feat-visual .carausel__controls {display: flex; justify-content: space-between;  width: 200px; margin: 0 auto;}

.gear-soft-b10-composition .visual_container .items {display: flex; flex-direction: column; align-items: flex-end;  position: absolute;top:81%;right: 0;}
.gear-soft-b10-composition .visual_container .items .card {width: 387px; height: 176px; display: flex; flex-direction: column;  justify-content: center; border:1px solid #C3C3C3; border-radius: 20px; padding: 25px 50px;  background-color: #fff;  overflow: hidden; position: relative;transition: 0.4s var(--cubic-pop1);}
.gear-soft-b10-composition .visual_container .items .noti {font-size: 20px; font-weight: 500; color:var(--theme1); transform: translateY(-200px);  transition: .2s var(--cubic-pop1);}
.gear-soft-b10-composition .visual_container .items .hover-card-box {display: flex; gap: 18px; opacity: 0; margin-top: 20px; transition: opacity .4s var(--cubic-pop1); z-index: 11;}
.gear-soft-b10-composition .visual_container .items .hover-card-box .hidden-card {background: rgba(204, 204, 204,0.5); border-radius: 34px; padding: 22px 20px;position: relative; width: 307px; height: 187px;}
.gear-soft-b10-composition .visual_container .items .hover-card-box .hidden-card .txt {font-size: 20px;font-weight: 500;}
.gear-soft-b10-composition .visual_container .items .hover-card-box .hidden-card > img {position: absolute; top:0; right:0;}

.pg--gear-soft-b10 .prod_intro .container {position: relative; padding: 200px 0 270px; justify-content: flex-start;}
.pg--gear-soft-b10 .prod_intro .content {text-align: left;}
.pg--gear-soft-b10 .prod_intro .visual {position: absolute; bottom:0; right: -70px;}
.pg--gear-soft-b10 .prod_intro .visual > img {display: block;}

#gear-soft-b10-feat .zig_content .row {border:none; }

@media screen and (min-width: 1400px) {
  .pg--gear-soft-b10 .prod_hero:has(.prod_hero__icons) .txtbox {padding-bottom: 150px;}
  .gear-soft-b10-composition .visual_container .desc_content .item .mark {position: absolute; top: 50%; left: 0; width: 284px; aspect-ratio: 1 / 1; border-radius: 50%; background: var(--orange); transform: translate(-5%, -50%) scale(0); opacity: 0; transition: transform .4s var(--cubic-pop1), opacity .7s var(--cubic-pop1);}
  .gear-soft-b10-composition .visual_container .desc_content .item .mark.sec {left:34.5%; }
  .gear-soft-b10-composition .visual_container .desc_content .item .card .compo_active_img {position: absolute; right: 0; bottom: -1px; opacity: 0; transition: 0.3s ease;}
  .gear-soft-b10-composition.type2 .visual_container .desc_content .item {justify-content: flex-start;}
  .gear-soft-b10-composition .visual_container .desc_content .item:is(.active) .mark {transform: translate(0%, -50%) scale(1); opacity: 1;}
  .gear-soft-b10-composition .visual_container .desc_content .item:is(.active) .mark.sec {transform: translate(0%, -50%) scale(1); opacity: 1;}
  .gear-soft-b10-composition .visual_container .desc_content .item:is(.active) .card {background: var(--orange); border-color: var(--orange);  justify-content: flex-start; padding: 30px 25px; height: 100%;}
  .gear-soft-b10-composition .visual_container .desc_content .item:is(.active) .card * {color: #fff;}
  .gear-soft-b10-composition .visual_container .desc_content .item:is(.active) .card .section_title {font-size: 40px;}
  .gear-soft-b10-composition .visual_container .desc_content .item:is(.active) .card .section_title_tag {font-size: 18px;color:rgba(255, 255, 255,0.5);}
  .gear-soft-b10-composition .visual_container .desc_content .item:is(.active) .card .compo_active_img {position: absolute; right: 0; bottom: -1px; opacity: 1;}
  .gear-soft-b10-composition .visual_container .desc_content .item:is(.active) .card .compo_active_img.sec {position: absolute; right: 0; bottom:auto; top:0; opacity: 1;}
  
  .gear-soft-b10-composition .visual_container .items:hover .hover-card-box {opacity: 1; }
  .gear-soft-b10-composition .visual_container .items:hover .noti {transform: translateY(0px); padding-top: 20px;}
  .gear-soft-b10-composition .visual_container .items:hover .card {background: var(--orange); border-color: var(--orange);  justify-content: flex-start; padding: 30px 25px; }
  .gear-soft-b10-composition .visual_container .items:hover .card .section_title {font-size: 40px; color:#fff;}
  .gear-soft-b10-composition .visual_container .items:hover .card .section_title_tag {font-size: 18px;color:rgba(255, 255, 255,0.5);}

  #gear_soft_b10_spec .prd_spec_table th, 
  #gear_soft_b10_spec .prd_spec_table td {padding: 18px 23px 18px 32px;}
  
  #gear-soft-b10-purpose {padding: 0;}
  #gear-soft-b10-purpose .prd-article__head {}
  #gear-soft-b10-purpose .container {position: relative;}
  #gear-soft-b10-purpose .content {width: 599px; margin-left: auto;padding: 255px 0 270px;}
  #gear-soft-b10-purpose .visual {position: absolute; top:0; left: -20px;}
  #gear-soft-b10-purpose .visual > img {display: block;}
  #gear-soft-b10-purpose .prd-alternate-layout {padding: 150px 0;}
  #gear-soft-b10-purpose .prd-alternate-layout .prd-alternate-layout__row {padding: 80px 0;}

  #gear-soft-b10-feat {}

  #gear-soft-b10-feat .prd-article__head {margin-bottom: 175px;}
  #gear-soft-b10-feat .prd-article__head .title {padding-top: 54px;}
  #gear-soft-b10-feat .prod-tech-content .content {padding-left: 47px; width: 640px;}
  #gear-soft-b10-feat .prod-tech-content .content .desc {padding-left: 16px; margin-top: 47px; color:#707070; font-size: 19px; line-height: 1.78; font-weight: 700;}
  #gear-soft-b10-feat .prod-tech-content .content .noti {font-size: 15px;}
}


@media screen and (max-width:1399px){
  .subpage--gear-soft-b10 .prod_intro {background: #F3F3F3;}
  .gear-soft-b10-composition {background: #fff;}
  .gear-soft-b10-composition .visual_container {margin-top: 100px; align-items: center;}
  .gear-soft-b10-composition .visual_container .visual {position: static; }
  .gear-soft-b10-composition .visual_container .desc_content {padding: 0px; gap:0px;}
  .gear-soft-b10-composition .visual_container .desc_content .item .card {width: auto; padding: 10px 50px; height: auto; align-items: center;}
  .gear-soft-b10-composition .visual_container .desc_content .item .card .section_title_tag {font-size: 14px;}
  .gear-soft-b10-composition .visual_container .desc_content .item .card .compo_active_img {width: 110px;}
  .gear-soft-b10-composition .visual_container .desc_content .item:before {content:""; display: block; position: absolute; height: 1px; width: 500px; background:#878787; left:-40px; top:30%; transform: translate(-50%,0);}
  .gear-soft-b10-composition .visual_container .desc_content .item:last-child:before {width: 300px; left:60px; top:20%; transform: translate(-50%,0);}
  .gear-soft-b10-composition.type2 .visual_container {margin-top: 0px; padding-bottom: 50px;}
  .gear-soft-b10-composition.type2 .visual_container .visual {display: flex; justify-content: flex-end;}
  .gear-soft-b10-composition.type2 .visual_container .visual img {max-width: none; width: calc(100% + 100px); margin-right: -50px;}
  .gear-soft-b10-composition.type2 .visual_container .desc_content {padding: 50px 0 80px; justify-content: center;}
  .gear-soft-b10-composition.type2 .visual_container .desc_content .item {justify-content: flex-start;}
  .gear-soft-b10-composition.type2 .visual_container .desc_content .item:before {display: none;}
  .gear-soft-b10-tech .zig_content .row {height: auto;} 
  #gear_soft_b10_scenario {padding-block: 100px 80px;}
  #gear_soft_b10_scenario .content {display: block;}
  #gear_soft_b10_scenario .content .section_title {margin-bottom: 1em;}
  #gear_soft_b10_scenario .visual_container {gap: 40px 20px; padding-bottom: 30px;}
  #gear_soft_b10_scenario .visual_container .desc {font-size: 16px;}
  #gear_soft_b10_scenario .visual_container .item:last-child {grid-column: span 3;}
  #gear_soft_b10_scenario .visual_container .item .num {font-size: 13px; left:14px; }
  #gear_soft_b10_scenario .visual_container .item img {border-radius: 15px;}

  .gear-soft-b10-composition .visual_container .items {width: 50%; top:100%; gap: 10px;}
  .gear-soft-b10-composition .visual_container .items .noti {font-size: 17px;  transform: translate(0);}
  .gear-soft-b10-composition .visual_container .items .card {width: 100%;height: auto;padding: 20px 22px;}
  .gear-soft-b10-composition .visual_container .items .card .section_title {font-size: 30px;}
  .gear-soft-b10-composition .visual_container .items .hover-card-box {opacity: 1; width: 100%; margin-top: 0;}
  .gear-soft-b10-composition .visual_container .items .hover-card-box .hidden-card {width: 100%; height: 160px; padding: 10px 20px; border-radius: 20px;}
  .gear-soft-b10-composition .visual_container .items .hover-card-box .hidden-card > img {width: 70%; top: 35px; } 
  .gear-soft-b10-composition .visual_container .items .hover-card-box .hidden-card .txt {font-size: 17px;}
  .gear-soft-b10-composition:not(.type2) {margin-bottom: 250px; padding-top: 0;}

  .pg--gear-soft-b10 .prod_intro .container { padding: 100px 0 0; align-items: flex-start;}
  .pg--gear-soft-b10 .prod_intro .content {width: 60%;}
  .pg--gear-soft-b10 .prod_intro .visual {width: 40%; align-self: flex-end; position: static;}
  #gear-soft-b10-purpose .visual {width: 100%; display: flex; align-items: center; justify-content: center;} 
  #gear-soft-b10-purpose .visual > img {display: block; width: 50%;} 
  #gear-soft-b10-purpose .prd-article__head {margin-bottom: 30px !important;}
  #gear-soft-b10-purpose .prd-article__body {padding: 90px 0 ;}

  #gear-soft-b10-feat .body {width: 100%;}
  #gear-soft-b10-feat .body .prd-feat-visual {width: 300px;}
  #gear-soft-b10-feat .zig_content .row {gap: 20px;}
}

@media screen and (max-width:767px){
  .gear-soft-b10-composition:not(.type2) {padding-bottom: 40px;}
  .gear-soft-b10-composition .visual_container {width: 100%; margin: 50px auto 0; align-items: center; gap:20px; justify-content: center;}
  .gear-soft-b10-composition .visual_container .visual {width: 250px;}
  .gear-soft-b10-composition .visual_container .desc_content {padding: 0; gap:8px; width: auto;}
  .gear-soft-b10-composition .visual_container .desc_content .item {height: auto;}
  .gear-soft-b10-composition .visual_container .desc_content .item .card {width: 130px; border:0; padding: 0; border-radius: 0;align-items: flex-end;}
  .gear-soft-b10-composition .visual_container .desc_content .item .card .section_title {font-size: 22px;}
  .gear-soft-b10-composition .visual_container .desc_content .item .card .section_title_tag {margin-bottom: 0;}
  .gear-soft-b10-composition .visual_container .desc_content .item .card .compo_active_img {width: 70px; }
  .gear-soft-b10-composition .visual_container .desc_content .item:before {display: none;}
  .gear-soft-b10-composition.type2 .visual_container {}
  .gear-soft-b10-composition.type2 .visual_container .visual {width: 250px;}
  .gear-soft-b10-composition.type2 .visual_container .visual img {max-width: none; width: 100%; margin-right: -15px;}
  .gear-soft-b10-composition.type2 .visual_container .desc_content {padding: 0;}
  .gear-soft-b10-composition.type2 .visual_container .desc_content .item .card .compo_active_img {margin: 0;}
  .gear-soft-b10-composition.type2 .visual_container .desc_content .item .card {align-items: flex-start;}
  #gear_soft_b10_scenario {padding-block: 70px;}
  #gear_soft_b10_scenario .visual_container {grid-template-columns: repeat(2,1fr); gap: 10px; display: grid;}
  #gear_soft_b10_scenario .visual_container .item:last-child {grid-column: span 1;}

  #gear_soft_b10_scenario .wrapper.type-2 {grid-template-columns: repeat(1, 1fr);}
  #gear_soft_b10_scenario .wrapper.type-2 .video-container .video_box {padding-bottom: 0; height: auto; aspect-ratio: 1 / 1.5;}

  .pg--gear-soft-b10 .prod_intro .container {flex-direction: column;}
  .pg--gear-soft-b10 .prod_intro .content {width: 100%;}
  .gear-soft-b10-composition .visual_container .items {width: 100%; margin-top: 20px;}
  .gear-soft-b10-composition .visual_container .items .card {padding: 20px;}
  .gear-soft-b10-composition .visual_container .items .card .sbj_tag {font-size: 14px;}
  .gear-soft-b10-composition .visual_container .items .card .section_title {font-size: 22px;}
  .gear-soft-b10-composition .visual_container .items .hover-card-box .hidden-card {height: 146px;}
  .gear-soft-b10-composition .visual_container .items .hover-card-box .hidden-card > img {width: 100px;}
  .gear-soft-b10-composition .visual_container .items .noti {font-size: 15px;}
  .gear-soft-b10-composition:not(.type2) {margin-bottom: 300px;}
  #gear_soft_b10_spec .prd_spec_table .pl--0 {padding-left: 7px !important;}
  #gear-soft-b10-feat .zig_content .row:nth-child(2n) .content {order:0;}
  #gear-soft-b10-feat .body .prd-feat-visual {width: 340px;}
  #gear-soft-b10-feat .body .prd-feat-visual .visual-slide {border:1px solid var(--gray2); border-radius: 20px; overflow: hidden;}

} 





/* Gear: S10 */
.pg--gear-s10 .prod_hero__content .visual {right: -220px;}
#gear-s10-intro .container {position: relative; padding-bottom: 180px;}
#gear-s10-intro .visual {position: absolute; z-index: 0; left: -150px; bottom: 0;}
.gear-s10_adv1 {}
.gear-s10_adv1 .visual_container {position: relative; display: flex; justify-content: space-between; }
.gear-s10_adv1 .visual_container .gear_s10_model {position: absolute; top:60%; left:50%; transform: translate(-50%,-50%); width: 530px; z-index: -1; mix-blend-mode: multiply;}
.gear-s10_adv1 .visual_container .desc_content { display: flex;flex-direction: row;justify-content: space-between; padding: 180px 0 0px; width: 100%;}
.gear-s10_adv1 .visual_container .item_container {display: flex; flex-direction: column; gap:35px;}
.gear-s10_adv1 .visual_container .item_container:last-child .item .card {padding: 30px 50px; justify-content: flex-start;}
.gear-s10_adv1 .item_container .item {}
.gear-s10_adv1 .item_container .item .card {flex-direction: row; align-items: flex-end;display: flex; border:1px solid #C3C3C3; border-radius: 20px; width: 387px; justify-content: center; padding: 30px 20px;}
.gear-s10_adv1 .item_container .item .card .section_title {color: #EE7B3A; font-size: 80px; width: 170px; text-align: right;margin-bottom: 0;}
.gear-s10_adv1 .item_container .item .card .section_title_tag {font-size: 35px; color:#878787;width: 60px;margin-bottom: 0;}
.gear_s10_quote {background: #DFDFDE; overflow: hidden; padding: 0;}
.gear_s10_quote .container {position: relative; padding: 160px 0;}
.gear_s10_quote .container .visual {position: absolute; left:-82px; bottom: 0; width: 484px;}
.gear_s10_quote .container .visual img {display: block;}
.gear_s10_quote .content {width: 775px; margin-left: auto;}
.gear_s10_quote .content .quote_title {display: inline-block; font-size: 45px; color:#000; font-weight: 700; line-height: 1.3;letter-spacing: -0.050em; padding: 30px 0;}
.gear_s10_quote .content .quote_title small{font-size: 32px; }
.gear_s10_quote .content .quote_icon {display: block; margin: 10px 0;}


@media screen and (min-width: 1400px) {
  .pg--gear-s10 .prod_hero:has(.prod_hero__icons) .txtbox {padding-bottom: 110px;}
}
@media screen and (max-width:1399px){
  .pg--gear-s10 .prod_hero__content .visual {margin-top: -100px; margin-bottom: 0;}
  #gear-s10-intro .container {padding-bottom: 100px;}
  #gear-s10-intro .container .content {text-align: left; padding-left: 300px;}
  #gear-s10-intro .prod_intro__title svg {margin-left: 0;}
  #gear-s10-intro .container .visual {left: 0; width: 260px!important;}
  .gear-s10_adv1 {border-top: 1px solid #f3f3f3;}
  .gear-s10_adv1 .visual_container .desc_content .item:before {display: none;}
  .gear-s10_adv1 .visual_container .desc_content {padding: 120px 0 0;}
  .gear-s10_adv1 .visual_container .item_container {gap:15px;}
  .gear-s10_adv1 .visual_container .item_container .item .card {width: auto; padding: 20px;}
  .gear-s10_adv1 .visual_container .item_container .item .card .section_title_tag {font-size: 20px !important;}
  .gear-s10_adv1 .visual_container .item_container .item .card .section_title {font-size: 50px ;width: 117px;}
  .gear-s10_adv1 .visual_container .item_container:last-child .item .card {padding:20px;;}
  .gear-s10_adv1 .visual_container .gear_s10_model {width: 350px; top:60%;}
  .gear_s10_quote {background:#f3f3f3;}
  .gear_s10_quote .container {padding: 80px 0;}
  .gear_s10_quote .container .visual {width: 40%; left: -100px; }
  .gear_s10_quote .content {width: 70%;}
  .gear_s10_quote .content .quote_title {letter-spacing: 0;font-size: 27px; padding: 10px 0;}
  .gear_s10_quote .content .quote_title small {font-size: 20px;}
  .gear_s10_quote .content .quote_icon {width: 20px;}
}

@media screen and (max-width:767px){
  #gear-s10-intro .container {padding-bottom: 0; flex-direction: column;}
  #gear-s10-intro .container .content {text-align: center; padding-left: 0;}
  #gear-s10-intro .prod_intro__title svg {margin-left: auto;}
  #gear-s10-intro .container .visual {position: static; margin: 0 auto; display: block; width: 200px!important;}
  .gear-s10_adv1 {background:#f3f3f3; border-top: none;}
  .gear-s10_adv1 .visual_container {flex-direction: column;}
  .gear-s10_adv1 .visual_container .desc_content {padding: 50px 0;gap:10px;}
  .gear-s10_adv1 .visual_container .item_container {gap:10px; width: 50%;}
  .gear-s10_adv1 .visual_container .item_container .item {justify-content: center;;}
  .gear-s10_adv1 .visual_container .item_container .item .card { border-radius: 5px; padding:17px 10px; justify-content: center; width: 100%; background: #fff;}
  .gear-s10_adv1 .visual_container .item_container:last-child .item .card {justify-content: center; padding: 17px 10px;}
  .gear-s10_adv1 .visual_container .gear_s10_model {position: static; transform:none; display: block; margin: 0 auto; z-index: 0; width: 320px; margin-bottom: -50px;}
  .gear-s10_adv1 .visual_container .item_container .item .card .section_title {font-size: 30px; width:70px;}
  .gear-s10_adv1 .visual_container .item_container .item .card .section_title_tag {font-size: 14px !important; width:50px; }
  .gear_s10_quote {}
  .gear_s10_quote .container {display: flex; flex-direction: column-reverse; padding-block: 50px 0;}
  .gear_s10_quote .container .visual {position: static;}
  .gear_s10_quote .container .visual {width: 70%; max-width: 350px; display: block; margin: 0 auto;}
  .gear_s10_quote .container .visual img {vertical-align: bottom;}
  .gear_s10_quote .content {width: auto; margin: 0 auto;}
  .gear_s10_quote .content .quote_title {font-size: 20px; text-align: center; margin-bottom: 0;}
  .gear_s10_quote .content .quote_title small {font-size: 16px; display: block; margin-bottom: 0.4em;}
  .gear_s10_quote .content .quote_icon {width: 17px;}
  .gear_s10_quote .content .quote_icon {display: inline-block; display: none;}
  .gear_s10_quote .content .quote_icon.starter {margin-left: -20px; transform: translate(0, -50%);}
  .gear_s10_quote .content .quote_icon.closer {margin-bottom: -15px; transform: translate(5px);}
}





/* KIT: Base */
.pg--kit .ag-lnb,
.pg--kit .prod_hero__icons {background: #BFBFBF;}
.pg--kit .prod_hero__icons.kit-type-1 {}
.pg--kit .prod_hero__icons.kit-type-1 .item {gap: 15px;}
.pg--kit .prod_hero__icons.kit-type-1 .item .cont {font-size: 24px;}
.pg--kit .prod_hero__icons.kit-type-1 .item .icon {position: relative; opacity: .5;}
.pg--kit .prod_hero__icons.kit-type-1 .item .icon::before,
.pg--kit .prod_hero__icons.kit-type-1 .item .icon::after {display: block; content: '';}
.pg--kit .prod_hero__icons.kit-type-1 .item .icon::before {width: 30px; height: 30px; border: 4px solid #fff; border-right-color: transparent; border-radius: 50%; transform: rotate(-45deg);}
.pg--kit .prod_hero__icons.kit-type-1 .item .icon::after {position: absolute; top: 50%; left: 50%; width: 20px; height: 10px; border: 4px solid #fff; border-top: none; border-right: none; transform: translate(-25%, -110%) rotate(-45deg);}

.pg--kit.pg--products {--theme1: #bebebe;}
.pg--kit .prd-alternate-layout__row .m_visual,
.pg--kit .prd-alternate-layout__visual,
.pg--kit .prd-alternate-layout__visual img {border-radius: 0;}

.kit-spec-floor-plan {background: #eee; border-radius: 10px; overflow: hidden; padding: 50px; margin-bottom: 70px; display: flex; align-items: center; justify-content: center; gap: 40px; box-shadow: 5px 5px 10px rgb(0,0,0,.15);}
.kit-spec-floor-plan img {mix-blend-mode: multiply;}

@media screen and (min-width: 1400px) {
  .pg--kit .ag-lnb .item {padding-inline: 35px;}

  .pg--kit .prd-alternate-layout__row:nth-child(even),
  .pg--kit .prd-alternate-layout__row:nth-child(odd) {grid-template-columns: repeat(2, 1fr);}
  .pg--kit .prd-alternate-layout__row:nth-child(odd) .prd-alternate-layout__visual img {margin-left: auto;}
  .pg--kit .prd-alternate-layout__row {padding-block: 40px; border: none;}
}
@media screen and (max-width: 1399px) {
  .pg--kit .prod_hero__icons.kit-type-1 .item .cont {font-size: 18px;}
  .pg--kit .prod_hero__icons.kit-type-1 .item .icon::before {width: 24px; height: 24px;}
  .pg--kit .prod_hero__icons.kit-type-1 .item .icon::after {width: 18px; height: 6px;}

  .kit-spec-floor-plan {flex-direction: column; gap: 15px; padding: 40px 20px;}
}
@media screen and (max-width: 767px) {
  .pg--kit .prod_hero__icons.kit-type-1 {align-items: stretch;}
  .pg--kit .prod_hero__icons.kit-type-1 .item .icon {width: auto; height: auto;}
  .pg--kit .prod_hero__icons.kit-type-1 .item .cont {height: auto; min-height: 0; font-size: 16px;}
}




/* KIT: Overview */
.kit-prd-lineup .prd-article {padding-block: 120px;}
.kit-prd-lineup .prd-article:nth-child(odd) {background: var(--gray5);}
.kit-prd-lineup .prd-article:nth-child(odd) .prd-alternate-layout__content {order: 1;}
.kit-prd-lineup .prd-article:nth-child(odd) .prd-alternate-layout__visual {order: 0;}
.kit-prd-lineup .prd-article:nth-child(even) .prd-alternate-layout__content {order: 0;}
.kit-prd-lineup .prd-article:nth-child(even) .prd-alternate-layout__visual {order: 1;}
@media screen and (min-width: 1400px) {
  .kit-prd-lineup .prd-article .prd-alternate-layout__row {gap: 68px;}
  .kit-prd-lineup .prd-article:nth-child(odd) .prd-alternate-layout__row {grid-template-columns: 660px 1fr;}
  .kit-prd-lineup .prd-article:nth-child(even) .prd-alternate-layout__row {grid-template-columns: 1fr 660px;}
  .kit-prd-lineup .prd-article:nth-child(1) .prd-alternate-layout__row {grid-template-columns: 630px 1fr; gap: 0;}
}
@media screen and (max-width: 1399px) {
  .kit-prd-lineup .prd-article {padding-block: 80px;}
  .kit-prd-lineup .prd-alternate-layout__row {align-items: stretch!important;}
  .kit-prd-lineup .prd-alternate-layout__content {padding-block: 30px;}
  .kit-prd-lineup .prd-alternate-layout__visual {display: flex; align-items: center; border: 1px solid var(--gray3);}
}
@media screen and (max-width: 767px) {
  .kit-prd-lineup .prd-article {padding-block: 60px;}
  .kit-prd-lineup .prd-alternate-layout__row {gap: 25px;}
  .kit-prd-lineup .prd-alternate-layout__visual {order: 0!important; background: #fff; padding-block: 15px;}
  .kit-prd-lineup .prd-alternate-layout__content {padding: 0; order: 1!important;}
}




/* KIT: ce10 */
.pg--ce10 {}
.pg--ce10 .prod_hero__content .visual {padding-bottom: 0;}
.pg--ce10 .prod_intro__desc .h9 {font-size: 24px;}
.pg--ce10 .prod-feat-content .content .desc span {color:#878787;}
.pg--ce10 .prod-feat-content .row {display: flex; align-items: center; justify-content: space-between;}
.pg--ce10 .prod-feat-content .row:nth-child(2n) .content {order: 1;}
.pg--ce10 .kit_ce10_feat1_visual_1 {margin-top: -350px; z-index: -1;}
.pg--ce10 .kit_ce10_feat2_visual_1 {margin-left: -100px;}
.pg--ce10 .prd_spec_table td {font-weight: 500;}
.pg--ce10 .prd_spec_table .width--2 {width: 250px;}
.pg--ce10 .prd-lineup--carausel {background: #444444; padding: 60px 0;}
.pg--ce10 .prd-lineup--carausel .carausel::before { background: #444444;}
.pg--ce10 .head .bullet {display: grid; grid-template-columns: repeat(2,1fr); color:#fff;}
.pg--ce10 ul.bullet.square > li { font-weight: 700;}
.pg--ce10 ul.bullet.square > li:before {background: var(--gray2);}
.pg--ce10 .prd-lineup--carausel .container .head {align-self: flex-start;}
.pg--ce10 .prd-lineup--carausel .carausel::after {position: absolute; top:0; left:100%; width: 100vw; height: 100%; content:""; display: block; background: linear-gradient(to right, transparent 0%, #444 10% ); z-index: 10;}
.prd_structure_content.type4 .cards .card {width: 387px;}
.prd_structure_content.type4 .cards .card .cont .tag {font-size: 20px; color:var(--gray2)}
.prd_structure_content.type4 .visual {width: 336px;}
.prd_structure_content.type4 .visual .circles .circle {background: var(--gray2);}

#ce10_prd_composition .circles {z-index: 10;}
#ce10_prd_composition .circles .circle:nth-child(1) {top: 6%; left: 53%;}
#ce10_prd_composition .circles .circle:nth-child(2) {top: 32%; left: 65%; width: 70px;}
#ce10_prd_composition .circles .circle:nth-child(7) {top: 55%; left: 74%; width: 70px;}
#ce10_prd_composition .circles .circle:nth-child(3) {top: 43%; left: 61%; width: 70px; }
#ce10_prd_composition .circles .circle:nth-child(8) {top: 62%; left: 70%; width: 70px;}
#ce10_prd_composition .circles .circle:nth-child(4) {top: 76%; left: 67%; width: 70px;}
#ce10_prd_composition .circles .circle:nth-child(5) {top: 88%; left: 12%;}
#ce10_prd_composition .circles .circle:nth-child(6) {top: 72%; left: 77%;}



@media screen and (min-width: 1400px) {
  .prd_structure_content.type4 .cards .card:hover::before {height: 150px; background: #BFBFBF;}
  .prd_structure_content.type4 .cards .card:hover .cont .tag { color:rgb(255, 255,255, 0.5);}
  .prd_structure_content.type4 .cards .card:hover::before {border:none;}
  
}
@media screen and (max-width: 1399px) {
  .pg--ce10 .prod-feat-content .row { padding: 80px 0; gap: 40px;}
  .pg--ce10 .prod-feat-content .row img {width: 40%;}
  .pg--ce10 .kit_ce10_feat1_visual_1 {margin-top: -100px;;}
  .pg--ce10 .kit_ce10_feat2_visual_1 {margin: 0;}
  .pg--ce10 .prd-lineup--carausel .container .head { width: 100%;}
  .pg--ce10 .head .bullet {grid-template-columns: repeat(3 ,1fr);}
  .pg--ce10 .prd_spec_table .width--1 {width: 120px;}
  .pg--ce10 .prd_spec_table .width--2 {width: 200px;}
}
@media screen and (max-width: 767px) {
  .pg--ce10 .prd_spec_table .width--1 {display: none;}
  .pg--ce10 .prd_spec_table .width--2 {display: none;}
  .pg--ce10 .prod-feat-content .row {flex-direction: column; padding: 50px 0 !important; align-items: flex-start;}
  .pg--ce10 .prod-feat-content .row:nth-child(2n) .content {order: 0;}
  .pg--ce10 .prod-feat-content .row img {display: block; margin: 0 auto; width: 100%;}
  .pg--ce10 .head .bullet {grid-template-columns: repeat(2, 1fr);}
}


/* KIT: am10 */
.pg--am10 .prod_hero__content .visual {padding-bottom: 0;}
#kit-am10-performance {background: linear-gradient(to bottom, #212121, #2D2D2D); padding-block: 100px;}
#kit-am10-performance .prd-alternate-layout__visual .noti {display: block; margin-top: 0.8em;}

@media screen and (min-width: 1400px) {}
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {
  #kit-am10-performance .prd-alternate-layout__visual {display: block;}
}


/* KIT: md */
.pg--md-intro {}
.pg--md-intro .prod_hero {height: auto; padding-top: 240px;}
.pg--md-intro .prod_hero__content .txtbox {padding-bottom: 0; width: 50%;}
.pg--md-intro .prod_hero__content .txtbox .subtitle {margin-bottom: 0!important;}
.pg--md-intro .prod_hero__content .descbox {width: 50%;}

.md-intro-lineup {display: grid; grid-template-columns: repeat(2, 1fr); gap: 55px; padding-top: 80px;}
.md-intro-lineup-item {}
.md-intro-lineup-item .thumb {position: relative; overflow: hidden; border-radius: 15px; background: #e5e5e5; padding: 0 20px;}
.md-intro-lineup-item .thumb img {display: block; margin: 0 auto;}
.md-intro-lineup-item .thumb .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; background: rgb(66, 125, 255, .9); color: #fff; font-size: 28px; font-weight: 700; opacity: 0; transition: opacity .5s;}
.md-intro-lineup-item .thumb .overlay:hover {opacity: 1;}
.md-intro-lineup-item .cont {padding-block: 30px;}
.md-intro-lineup-item .cont .desc {display: none;}
.md-intro-lineup-item .cont svg {height: 34px; display: block; margin: 0 auto;}

.kit-md-spec-1 th {width: auto;}
.kit-md-spec-1 .col--1 {width: 203px;}
.kit-md-spec-1 .col--2 {width: 310px;}
.kit-md-spec-2 .col--1 {width: 203px;}

@media screen and (min-width: 1400px) {
  .pg--md10 .prod_hero__content .visual,
  .pg--md11 .prod_hero__content .visual {padding-bottom: 50px!important;}
}
@media screen and (max-width: 1399px) {
  .pg--md-intro .prod_hero {padding-block: 80px;}
  .pg--md-intro .prod_hero__content .txtbox {order: 0; padding-bottom: 20px!important; width: 100%;}
  .pg--md-intro .prod_hero__content .descbox {width: min(100%, 500px);}

  .md-intro-lineup {padding-top: 60px; gap: 20px;}
  .md-intro-lineup-item .thumb .overlay {display: none;}
  .md-intro-lineup-item .cont .desc {display: block; text-align: center; margin-bottom: 1em; font-weight: 700; color: var(--navy);}

  .pg--md10 .prod_hero__content .visual,
  .pg--md11 .prod_hero__content .visual {transform: translate(5%)!important;}

  .kit-md-spec-2 .col--1,
  .kit-md-spec-1 .col--1 {width: 150px;}
  .kit-md-spec-1 .col--2 {width: 200px;}
}
@media screen and (max-width: 767px) {
  .pg--md-intro .prod_hero {padding-bottom: 30px;}
  .md-intro-lineup {grid-template-columns: repeat(1, 1fr); gap: 40px; padding-top: 30px;}
  .md-intro-lineup-item .cont svg {height: 26px;}

  .kit-md-spec-2 .col--1,
  .kit-md-spec-1 .col--1 {width: 130px;}
  .kit-md-spec-1 .col--2 {width: 150px;}
}



/* Kit: sam10 */
.kit-sam-spec-1 .col--1 {width: 450px;}
.kit-sam-spec-1 th {width: auto;}
@media screen and (min-width: 1400px) {
  .pg--sam10 .prod_hero__content .visual {right: 125px;}
}
@media screen and (max-width: 1399px) {
  .pg--sam10 .prod_hero__content .visual {width: 200px;}
  .kit-sam-spec-1 .col--1 {width: 250px;}
}
@media screen and (max-width: 767px) {
  .kit-sam-spec-1 .col--1 {width: 150px;}
}


/* Kit: im10 */
.kit-im10-spec-1 .col--1 {width: 200px;}
.kit-im10-spec-1 .col--2 {width: 210px;}
.kit-im10-spec-1 th {width: auto;}
@media screen and (min-width: 1400px) {
  .pg--im10 .prod_hero__content .txtbox {padding-bottom: 140px;}
  .pg--im10 .prod_hero__content .visual {right: -50px; padding-bottom: 50px;}
}
@media screen and (max-width: 1399px) {
  .kit-im10-spec-1 .col--1 {width: 150px;}
  .kit-im10-spec-1 .col--2 {width: 150px;}
}




/* Company: Base */
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {}




/* Company: CI */
.slogan-hero .container {position: relative;}
.slogan-hero .container .symbol {display: flex; justify-content: center;}
.slogan-hero .container .symbol svg {display: block;}
.slogan-hero .container .slogan {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 80px; width: 100%; line-height: 1.3; word-break: keep-all;}
.slogan-hero .container .slogan small {display: block; font-size: 0.3125em; line-height: 1.8; margin-bottom: 0.8em;}

.pg--ci .slogan-hero {margin-top: -190px; margin-bottom: 140px;}

#ci-type .ci-type-ls {display: grid; grid-template-columns: 663px 1fr; gap: 160px; padding-block: 50px 100px}
#ci-type .ci-type-ls > li .type_name {margin-bottom: 25px;}
#ci-type .ci-type-ls > li .ci-box {width: 100%; display: flex; padding-inline: 20px;}
#ci-type .ci-type-ls > li .ci-box .ci-img {display: block;}

#ci-banner {position: relative; padding: 100px 0; min-height: 1000px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
#ci-banner .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-attachment: fixed;}
#ci-banner .title {font-family: var(--font-sub1); font-size: 100px; font-weight: 600; text-align: center; margin-bottom: 1.47em;}
#ci-banner .desc {width: 50%; margin-left: auto; color: #C4C4C9; line-height: 1.8;}
#ci-banner .desc b {color: #fff;}

#ci-details {padding-top: 150px; background: #F6F6F6;}
.ci-article {padding-bottom: 150px;}
.ci-article__head {margin-bottom: 50px;}

#ci-system .cards {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
#ci-system .card {background: white; border-radius: 11px; padding: 44px 65px;}
#ci-system .card .desc {color: #878787; margin-bottom: 127px;}
#ci-system .card .cont {display: grid;}
#ci-system .card .cont > li span {display: block; margin-bottom: 1em; color: #656565;}
#ci-system .card .cont > li img {display: block;}
#ci-system .card.ci-sys-symbols .cont {grid-template-columns: repeat(2, 1fr); gap: 20px;}
#ci-system .card.ci-sys-primary .cont {grid-template-columns: repeat(1, 1fr); gap: 50px;}
#ci-system .card.ci-sys-primary .cont > li:nth-child(1) img {padding-left: 12px;}

#color-palettes {display: grid; grid-template-columns: repeat(3, 1fr); gap: 100px 30px;}
#color-palettes section {}
#color-palettes .tit {margin-bottom: .6em;}
#color-palettes .desc {margin-bottom: 1.5em;}
#color-palettes .palette {display: flex;}
#color-palettes .palette.type--1 {display: flex; height: 668px;}
#color-palettes .palette > li {display: flex; flex-direction: column; width: 100%; color: #fff; padding: 20px; position: relative;}
#color-palettes .palette > li .name {margin-bottom: 1em;}
#color-palettes .palette > li .info {opacity: .7;}
#color-palettes section.palette-primary {grid-column: span 2;}
#color-palettes section.palette-primary .palette > li:nth-child(1) {background: var(--navy);}
#color-palettes section.palette-primary .palette > li:nth-child(2) {background: var(--blue);}
#color-palettes section.palette-primary .palette > li:nth-child(3) {background: var(--sky-blue);}
#color-palettes section.palette-primary .palette > li :where(.fade1, .fade2) {position: absolute; left: 0; width: 100%; background: #fff; height: 30px;}
#color-palettes section.palette-primary .palette > li .fade1 {bottom: 30px; opacity: .5;}
#color-palettes section.palette-primary .palette > li .fade2 {bottom: 0; opacity: .7;}
#color-palettes section.palette-gradient .palette > li {justify-content: space-between; align-items: center; font-weight: 600; text-align: center;}
#color-palettes section.palette-gradient .palette > li:nth-child(1) {background: linear-gradient(to bottom, var(--sky-blue), var(--blue));}
#color-palettes section.palette-gradient .palette > li:nth-child(2) {background: linear-gradient(to bottom, var(--navy), var(--blue));}
#color-palettes section.palette-secondary {grid-column: span 3;}
#color-palettes section.palette-secondary .palette > li {padding: 20px 30px;}
#color-palettes section.palette-secondary .palette > li:nth-child(1) {background: var(--cyan);}
#color-palettes section.palette-secondary .palette > li:nth-child(2) {background: var(--pink);}
#color-palettes section.palette-secondary .palette > li:nth-child(3) {background: var(--orange);}

#ci-documents {padding-block: 90px;}
#ci-documents .container {display: grid; grid-template-columns: repeat(3, 1fr);}
#ci-documents section {text-align: center;}
#ci-documents nav {display: flex; gap: 10px; width: 100%;}
#ci-documents section .noti {margin-top: 1em; word-break: keep-all; white-space: nowrap;}
#ci-documents .ag-button {background: rgb(255,255,255,.2); width: 100%; justify-content: center; color: rgb(255,255,255,.7);}
#ci-documents .ag-button svg :where(path, rect) {fill: rgb(255,255,255,.7);}
#ci-documents #ci-download {grid-column: span 2; padding-right: 85px; border-right: 1px solid rgb(255,255,255,.3);}
#ci-documents #ci-brand-guide {padding-left: 85px;}

@media (hover: hover) {
  #ci-documents .ag-button:hover {background: rgb(255,255,255,.6); color: var(--navy);}
  #ci-documents .ag-button:hover svg :where(path, rect) {fill: var(--navy);}
}
@media screen and (max-width: 1399px) {
  .slogan-hero .container .symbol svg {width: 400px; height: auto;}
  .slogan-hero .container .slogan {font-size: 42px;}
  .slogan-hero .container .slogan small {font-size: 0.4em;}

  .pg--ci .slogan-hero {margin-top: -100px; margin-bottom: 50px;}

  #ci-type .ci-type-ls {grid-template-columns: repeat(2, 1fr); gap: 20px; padding-top: 20px;}
  #ci-type .ci-type-ls > li {display: flex; flex-direction: column; gap: 25px;}
  #ci-type .ci-type-ls > li .type_name {order: 1; margin: 0; text-align: center; padding: 0;}
  #ci-type .ci-type-ls > li .type_name::before {display: none;}
  #ci-type .ci-type-ls > li .ci-box {order: 0; border: 1px solid var(--gray2); border-radius: 15px; padding: 30px 40px; justify-content: center; height: 180px; align-items: center;}
  #ci-type .ci-type-ls > li .ci-box .ci-img {width: 100%; height: 100%; object-fit: contain;}

  #ci-banner {padding-block: 200px; min-height: 0;}
  #ci-banner .title {font-size: 70px; margin-bottom: .7em;}

  #ci-details {padding-top: 120px;}
  .ci-article {padding-bottom: 120px;}
  .ci-article__head {margin-bottom: 30px;}

  #ci-system .cards {gap: 20px;}
  #ci-system .card {padding: 30px;}
  #ci-system .card .desc {margin-bottom: 80px;}
  #ci-system .card .cont > li {display: flex; flex-direction: column;}
  #ci-system .card .cont > li span {font-size: 15px; margin-bottom: auto;}
  #ci-system .card .cont > li img {margin-top: 10px;}
  #ci-system .card.ci-sys-symbols .cont {display: flex; gap: 0px; justify-content: flex-start;}
  #ci-system .card.ci-sys-symbols .cont > li {}
  #ci-system .card.ci-sys-symbols .cont > li img {width: 80%;}
  #ci-system .card.ci-sys-primary .cont {gap: 30px;}

  #color-palettes .palette.type--1 {height: 440px;}
  #color-palettes .palette > li .name {font-size: 17px}
  #color-palettes .palette > li .info {font-size: 14px;}
  #color-palettes section.palette-gradient .palette > li {padding-inline: 10px;}

  #ci-documents {padding: 70px 0;}
  #ci-documents .container {grid-template-columns: repeat(1, 1fr);}
  #ci-documents section {grid-column: span 1!important; padding: 50px 0!important; border-right: none!important;}
  #ci-documents section:not(:last-child) {border-bottom: 1px solid rgb(255,255,255,.3);}
  #ci-documents #ci-brand-guide .ag-button {width: auto; margin: 0 auto;}
  #ci-documents section .noti {white-space: initial;}
}
@media screen and (max-width: 767px) {
  .slogan-hero .container .symbol svg {width: 300px;}
  .slogan-hero .container .slogan {font-size: 36px;}
  .slogan-hero .container .slogan small {font-size: 0.5em;}

  .pg--ci .slogan-hero {margin-top: 0px;}

  #ci-type .ci-type-ls {gap: 10px;}
  #ci-type .ci-type-ls > li {gap: 10px;}
  #ci-type .ci-type-ls > li .ci-box {padding: 30px 20px; height: 120px;}
  #ci-type .ci-type-ls > li:nth-child(2) .ci-box {padding-inline: 58px;}

  #ci-banner {padding-block: 150px;}
  #ci-banner .bg {background-attachment: local;}
  #ci-banner .title {font-size: 36px;}
  #ci-banner .desc {width: 100%; text-align: center;}

  #ci-details {padding-top: 100px;}
  .ci-article {padding-bottom: 100px;}
  .ci-article__head {margin-bottom: 25px;}

  #ci-system .cards {grid-template-columns: repeat(1, 1fr); gap: 20px;}
  #ci-system .card {padding: 30px 20px;}
  #ci-system .card .desc {margin-bottom: 50px;}
  #ci-system .card .cont > li span {font-size: 14px;}
  #ci-system .card .cont > li img {width: 100%; padding-left: 10px;}

  #color-system .ci-article__head {margin-bottom: 60px;}
  #color-palettes {grid-template-columns: repeat(1, 1fr); gap: 50px;}
  #color-palettes section {grid-column: span 1!important;}
  #color-palettes .palette {flex-direction: column!important; height: auto!important;}
  #color-palettes section.palette-primary .palette > li :where(.fade1, .fade2) {width: 30px; height: 100%;}
  #color-palettes section.palette-primary .palette > li .fade1 {left: auto; top: 0; right: 30px;}
  #color-palettes section.palette-primary .palette > li .fade2 {left: auto; top: 0; right: 0px;}
  #color-palettes section.palette-gradient .palette > li {padding: 15px; gap: 20px;}
  #color-palettes section.palette-gradient .palette > li:nth-child(1) {background: linear-gradient(to right, var(--sky-blue), var(--blue));}
  #color-palettes section.palette-gradient .palette > li:nth-child(2) {background: linear-gradient(to right, var(--navy), var(--blue));}
  #color-palettes section.palette-gradient .palette > li span {width: 100%;}
  #color-palettes section.palette-gradient .palette > li span.g-start {text-align: left;}
  #color-palettes section.palette-gradient .palette > li span.g-end {text-align: right;}
  #color-palettes section.palette-secondary .palette > li {padding: 20px;}

  #ci-documents nav {flex-direction: column;}
  #ci-documents nav .ag-button {width: auto;}
}




/* Company: Mission */
#ms-vision {}
#ms-vision .container {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px 0;}
#ms-vision .head {grid-column: span 1; padding-right: 50px;}
#ms-vision .head .title {font-size: 80px; margin-top: -0.3em;}
#ms-vision .body {grid-column: span 2;}
#ms-vision .body ol {display: flex; flex-direction: column; width: 100%; gap: 100px;}
#ms-vision .body ol > li {display: flex; gap: 30px;}
#ms-vision .body ol > li .num {font-family: var(--font-sub1); color: var(--sky-blue); font-weight: 600; flex-shrink: 0;}
#ms-vision .body ol > li .cont {width: 100%;}
#ms-vision .body ol > li .cont .tit {margin-bottom: 0.5em;}
#ms-vision .body ol > li .cont .desc {color: var(--dark2); margin-bottom: 0;}

#core-value-container .causes {display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;}
#core-value-container .causes > li .tit {word-break: keep-all;}
#core-value-container .causes > li .subtitle {word-break: keep-all; line-height: 1.4;}
#core-value-container .causes > li .thumb {margin-bottom: 35px;}
#core-value-container .result::before {display: block; content: ''; width: 1px; height: 230px; margin: 30px auto 20px auto; background: linear-gradient(to bottom, transparent, var(--sky-blue));}

@media screen and (max-width: 1399px) {
  #ms-vision .container {grid-template-columns: repeat(4, 1fr);}
  #ms-vision .head .title {font-size: 32px;}
  #ms-vision .body {grid-column: span 3;}

  #core-value-container .causes {gap: 15px;}
  #core-value-container .causes > li .thumb {margin-bottom: 20px;}
  #core-value-container .result::before {height: 120px;}
}
@media screen and (max-width: 767px) {
  #ms-vision .container {grid-template-columns: repeat(1, 1fr);}
  #ms-vision .head {padding-right: 0;}
  #ms-vision .head .title {font-size: 28px; text-align: center;}
  #ms-vision .body {grid-column: span 1; padding-right: 0;}
  #ms-vision .body ol {gap: 50px;}
  #ms-vision .body ol > li {gap: 15px;}

  #core-value-container .causes {grid-template-columns: repeat(1, 1fr); gap: 35px;}
}




/* Company: History */
#ceo_introduce {}
#ceo_introduce .diagram {position: relative; margin-bottom: 130px;}
#ceo_introduce .diagram .core {position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); width: 408px; aspect-ratio: 1 / 1; border-radius: 50%; background: #fff; padding: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #E8E8E8;}
#ceo_introduce .diagram .core .deco {display: block; position: absolute; top: 8px; left: 8px; width: calc(100% - 16px); aspect-ratio: 1 / 1; animation: spin 20s 0s infinite linear;}
@keyframes spin {
  to {transform: rotate(360deg);}
}
#ceo_introduce .diagram .core strong {font-size: 50px; display: block; line-height: 1.3; text-align: center;}

#ceo_introduce .diagram .content {display: flex; background: linear-gradient(to right, var(--blue), var(--sky-blue)); border-radius: 800px;}
#ceo_introduce .diagram .content .profile {--theme: var(--blue); width: 100%; color: #fff; display: flex; align-items: flex-start; justify-content: flex-end; padding-inline: 95px; gap: 20px;}
#ceo_introduce .diagram .content .profile .visual {position: relative; order: 1; width: 298px; aspect-ratio: 1 / 1; border: 8px solid var(--theme); border-radius: 50%;}
#ceo_introduce .diagram .content .profile .visual img {display: block;}
#ceo_introduce .diagram .content .profile .visual .txt {position: absolute; top: 100%; left: 0; width: 100%; text-align: center; padding-top: 30px; color: var(--theme); font-size: 20px; font-weight: 700; line-height: 1.3;}
#ceo_introduce .diagram .content .profile .cont {order: 0; display: flex; flex-direction: column; align-items: flex-end; text-align: right; gap: 10px; padding-top: 62px;}
#ceo_introduce .diagram .content .profile .cont .icon {margin-bottom: 10px;}
#ceo_introduce .diagram .content .profile .cont .tit {font-size: 26px; line-height: 1; font-weight: 600;}
#ceo_introduce .diagram .content .profile .cont .desc {font-size: 20px; opacity: .5; line-height: 1.5;}

#ceo_introduce .diagram .content .profile:nth-child(1) {padding-left: 0;}
#ceo_introduce .diagram .content .profile:nth-child(2) {--theme: var(--sky-blue);}
#ceo_introduce .diagram .content .profile:nth-child(2) .visual {order: 0;}
#ceo_introduce .diagram .content .profile:nth-child(2) .cont {order: 1; text-align: left; align-items: flex-start;}

#history_container {background: linear-gradient(to bottom, #E8E8E8, transparent);}
#history .hist_section {display: grid; grid-template-columns: 1fr 776px; gap: 40px;}
#history .hist_section .head .desc {color: #878787;}
#history .hist_content {display: flex; flex-direction: column; position: relative; gap: 160px;}
#history .hist_section:not(:last-child) .hist_content {padding-bottom: 200px;}
#history .hist_content::before {position: absolute; top: 0; left: 180px; content: ''; display: block; width: 1px; height: 100%; background: #bfbfbf; opacity: .5;}
#history .hist_section:last-child .hist_content::before {background: linear-gradient(to bottom, #bfbfbf calc(100% - 300px), transparent);}
#history .hist_content .yearly {display: flex; gap: 93px;}
#history .hist_content .yearly .year {position: relative; width: 135px; font-size: 60px; font-family: var(--font-sub1); color: black; line-height: 1; font-weight: 600; flex-shrink: 0; transform: translate(0, -.3em);}
#history .hist_content .yearly .year::after {position: absolute; top: .5em; left: calc(100% + 45.5px); content: ''; display: block; width: 9px; aspect-ratio: 1 / 1; border-radius: 50%; background: var(--sky-blue); transform: translate(-50%, -50%); box-sizing: border-box;}
#history .hist_section .hist_content .yearly:first-child .year::after {width: 21px; border: 8px solid var(--sky-blue); background: #fff;}
#history .hist_content .monthly {display: flex; flex-direction: column; gap: 25px; width: 100%;}
#history .hist_content .monthly__item {display: flex; gap: 20px; font-size: 19px; line-height: 1.5;}
#history .hist_content .monthly__item .month {color: #BFBFBF; font-weight: 700; flex-shrink: 0; min-width: 35px; white-space: nowrap;}
#history .hist_content .monthly__item .val {width: 100%; display: block;}

@media screen and (max-width: 1399px) {
  #ceo_introduce .diagram {margin-bottom: 50px;}
  #ceo_introduce .diagram .core {width: 280px;}
  #ceo_introduce .diagram .core strong {font-size: 34px;}

  #ceo_introduce .diagram .content {background: none; gap: 25px;}  
  #ceo_introduce .diagram .content .profile {background: var(--theme); flex-direction: column; width: 50%; gap: 30px; padding: 30px!important; justify-content: flex-start; border-radius: 30px;}
  #ceo_introduce .diagram .content .profile .visual {width: 100%; border: none; order: 0; border: none; margin-bottom: 50px;}
  #ceo_introduce .diagram .content .profile .visual .txt {position: static; color: #fff; margin-top: 1em; display: block; text-align: left; padding: 0;}
  #ceo_introduce .diagram .content .profile .cont {order: 1; padding-top: 0; text-align: left; align-items: flex-start; width: 100%;}

  #ceo_introduce .diagram .content .profile:nth-child(2) .visual {order: 1; display: flex; flex-direction: column; margin-bottom: 0; margin-top: auto;}
  #ceo_introduce .diagram .content .profile:nth-child(2) .visual img {order: 1;}
  #ceo_introduce .diagram .content .profile:nth-child(2) .visual .txt {order: 0; margin-top: 0; margin-bottom: 1em; text-align: right;}
  #ceo_introduce .diagram .content .profile:nth-child(2) .cont {order: 0; align-items: flex-end; padding: 0; text-align: right;}

  #history .hist_section {grid-template-columns: repeat(1, 1fr);}
  #history .hist_content {gap: 100px;}
  #history .hist_content .yearly {gap: 60px;}
  #history .hist_content .yearly .year {font-size: 30px; width: 100px;}
  #history .hist_content::before {left: 115px;}
  #history .hist_content .yearly .year::after {left: calc(100% + 15.5px);}
  #history .hist_section:not(:last-child) .hist_content {padding-bottom: 80px; margin-bottom: 20px;}
  #history .hist_content .monthly__item {font-size: 17px;}
}
@media screen and (max-width: 767px) {
  #ceo_introduce .diagram .core {position: relative; transform: none; top: 0; left: 0; width: calc(100% - 60px); aspect-ratio: initial; padding: 20px; border-radius: 25px; background: #fff; margin: 0 auto; border: none;}
  #ceo_introduce .diagram .core .deco {display: none;}
  #ceo_introduce .diagram .core strong {font-size: 24px;}
  #ceo_introduce .diagram .core strong br {display: none;}
  #ceo_introduce .diagram .content {margin-top: -30px; gap: 0px;}
  #ceo_introduce .diagram .content .profile {padding: 50px 20px 20px 20px!important; gap: 0; justify-content: space-between;}
  #ceo_introduce .diagram .content .profile .visual {margin-bottom: 25px;}
  #ceo_introduce .diagram .content .profile .visual .txt {font-size: 14px;}
  #ceo_introduce .diagram .content .profile .cont .tit {font-size: 16px;}
  #ceo_introduce .diagram .content .profile .cont .desc {font-size: 14px;}
  #ceo_introduce .diagram .content .profile:nth-child(1) {border-top-right-radius: 0; border-bottom-right-radius: 0;}
  #ceo_introduce .diagram .content .profile:nth-child(2) {border-top-left-radius: 0; border-bottom-left-radius: 0;}
  #ceo_introduce .diagram .content .profile:nth-child(2) .cont {margin-bottom: 25px;}

  #history .hist_content {padding-left: 25px;}
  #history .hist_content::before {left: 5px;}
  #history .hist_content .yearly .year {font-size: 20px; width: 100%;}
  #history .hist_section .hist_content .yearly .year::after {left: -18.5px;}
  #history .hist_content .yearly {flex-direction: column; gap: 15px;}
  #history .hist_content .monthly__item {font-size: 16px; gap: 10px;}
}




/* Company: recruit */
.ly-col--1-3 {display: grid; grid-template-columns: 1fr 950px; gap: 40px;}
.ly-col--1-3 .head {}
.ly-col--1-3 .body {}

#recruit_ppp .container .head {display: flex; flex-direction: column; justify-content: space-between;}
#recruit_ppp .container .head .title {}
#recruit_ppp .container .head .title-ppp {font-size: 80px; font-weight: 600; color:rgba(255, 255, 255, 0.5)}
#recruit_ppp .cards {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
#recruit_ppp .cards > li {position: relative; background: #fff; border-radius: 15px; padding: 23px 20px;}
#recruit_ppp .cards > li .icon {display: block; margin: 0 0 0 auto; min-height: 120px;}
#recruit_ppp .cards > li .tit {margin-bottom: 0.1em; line-height: 1;}
#recruit_ppp .cards > li .tit .num {font-size: 23px; color:var(--sky-blue);display: block;padding-bottom: 0.6em; font-family: var(--font-sub1);}
#recruit_ppp .cards > li .subtitle {display: block; font-family: var(--font-sub1); color: #BFBFBF; font-weight: 500; margin-bottom: 1em; text-transform: uppercase;}
#recruit_ppp .cards > li .subtitle b {font-size: 1.25em; font-weight: 600; color:var(--sky-blue);}

#rec_process {display: flex;}
#rec_process > li {position: relative; display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: 25px;}
#rec_process > li::before,
#rec_process > li::after {display: block; content: ''; position: absolute; left: 0; top: 55px;}
#rec_process > li::before {width: 100%; height: 1px; background: #BFBFBF;}
#rec_process > li:last-child::before {width: 100vw;}
#rec_process > li::after {width: 7px; aspect-ratio:  1 / 1; border-radius: 50%; background: var(--sky-blue); transform: translate(0, calc(-50% + 1px));}
#rec_process > li .icon {display: block; transform: translate(-50%);}
#rec_process > li .txt {font-size: 28px; color: #656565; font-weight: 700; line-height: 1; display: flex; flex-direction: column; gap: .3em;margin-bottom: 0.8em;}
#rec_process > li .txt .num {font-size: 0.71em; color: var(--sky-blue); font-weight: 700; line-height: 1; font-family: var(--font-sub1);}

#rec_process > li .text-cont .desc {font-size: 16px;}

#recruit-method {background: #427DFF; color:#fff;}
#recruit-method .thumb-cont {display: flex; border:4px solid #fff; border-radius: 30px;;position: relative;align-items: center; padding-inline:96px; gap: 87px; overflow: hidden;}
#recruit-method .thumb-cont .tit {font-size: 66px; line-height: 1.27; position: relative;}
#recruit-method .thumb-cont .tit > span {color:rgba(255, 255, 255,0.3); }
#recruit-method .thumb-cont .tit .recruit-method-quote-left {position: absolute; right:102%;}
#recruit-method .thumb-cont .tit .recruit-method-quote-right {transform: translate(0px, -25px);}
#recruit-method .thumb-cont .thumb {}
#recruit-method .thumb-cont .thumb .meth-logo {position: absolute;right:50px;top:-53px;}
#recruit-method .thumb-cont .thumb .meth-img {position: relative; z-index: 1; display: block;}
#recruit-method .text-cont {margin-top: 58px;}
#recruit-method .text-cont .head {}
#recruit-method .text-cont .desc-1 {font-size: 25px; font-weight: 700; line-height: 1.28; padding-bottom: 0.3em;}
#recruit-method .text-cont .desc-2 {font-size: 22px; line-height: 1.59;}


#recruit_wf {background: #F8F8F8;}
#recruit_wf .body .wf-ls {}
#recruit_wf .body .wf-ls .item {display: flex;  gap: 100px; padding-block: 50px; border-bottom: 1px solid #E3E3E3;}
#recruit_wf .body .wf-ls .item:last-child {border:none;}
#recruit_wf .body .wf-ls .item .sbj {font-size: 30px; display: flex; gap: 20px; width: 300px; flex-shrink: 0;}
#recruit_wf .body .wf-ls .item .sbj .num {color:var(--sky-blue); font-family: var(--font-sub1); }
#recruit_wf .body .wf-ls .item .desc {display: grid; grid-template-columns: repeat(2,1fr); width: 100%; color:#878787; font-size: 16px;}

#recruit_wf .wf-detail {position: relative;}
#recruit_wf .wf-detail .container {gap:10px 40px; margin-top: 20px;}
#recruit_wf .wf-detail .tit {grid-column: 2;}
#recruit_wf .wf-detail .wf-slide-container {display: flex; overflow: visible;flex-direction: column; width: 100%; grid-column: 2;position: relative;}
#recruit_wf .wf-detail .wf-slide-container:before {position: absolute; top: 0; right: 100%; width: 100vw; height: 100%; content: ''; display: block; background: #F8F8F8; z-index: 10;}
#recruit_wf .wf-detail .wf-slide-container .wf-slide {display: flex; flex-direction: column; }
#recruit_wf .wf-detail .wf-slide-container .wf-slide > img {border-radius: 15px; display: block;}
#recruit_wf .wf-detail .wf-slide-container .wf-slide .txt {font-size: 25px; font-weight: 700; padding-top: 0.8em; letter-spacing: -0.05em;}
#recruit_wf .wf-detail .wf-slide-container .carausel__controls {display: flex; justify-content: space-between; width: 100%;}
#recruit_wf .wf-detail .wf-slide-container .carausel__controls > button {padding: 0 ;}
#recruit_wf .wf-detail .wf-slide-container .pagi-nav {position: relative; margin-top: 67px;}
#recruit_wf .wf-detail .wf-slide-container .progress {transform: translate(0, 20px); background:#BFBFBF; position: relative; width: calc(100% - 166px); margin: 0 auto;}
#recruit_wf .wf-detail .wf-slide-container .progress .swiper-pagination-progressbar-fill {background: #000;}
#recruit-faq {padding-block: 180px;}
#recruit-faq .faq-cate {color:var(--navy); font-weight: 700; text-align: left;}
#recruit-faq .faq-foot {}
#recruit-faq .load-btn {display: flex; justify-content: center; width: 100%; padding: 20px; color: #BFBFBF; gap: 1em; font-size: 19px;}
#recruit-faq .load-btn.disabled {pointer-events: none; opacity: .5;}
#recruit-faq .load-btn .arrow {border-color: #bfbfbf; width: 0.5em; height: 0.5em; margin-top: 0.18em;}
#recruit-faq .faq-ls {padding-bottom: 0; border-bottom: none;}

#recruit-banner {background: #427DFF; color:#fff;overflow: hidden;}
#recruit-banner .container {position: relative;}
#recruit-banner .back-thumb {position: absolute; top:-40px; display: flex; align-items: center; justify-content:flex-end; width: 100%; z-index: 1; pointer-events: none;}
#recruit-banner .back-thumb .recruit-banner-logo {position: absolute; z-index: -1;top:0; right: 0;}
#recruit-banner .back-thumb .recruit-banner-img {display: block; margin-right: 200px;}


#recruit_process .body {display: flex; flex-direction: column;gap: 48px;}
#recruit_process .recruit-btn {font-weight: 700; color:#878787; border:1px solid #C5C5C5; border-radius: 26px; padding: 10px 40px; background: #fff; margin-left: auto; transition: .2s ease;}


@media (hover:hover){
  #recruit-banner .ag-button:hover {background: #0014FF;}
  #recruit_process .recruit-btn:hover {background: var(--sky-blue); color:#fff;} 
  #recruit_process .recruit-btn:hover > span {color:#fff !important;} 
}

@media screen and (max-width: 1399px) {
  .ly-col--1-3 {display: grid; grid-template-columns: 200px 1fr; gap: 20px;}

  #recruit_ppp .container .head .title {font-size: 28px; margin-bottom: 0.2em;}
  #recruit_ppp .container .head .title-ppp {font-size: 48px;}
  #recruit_ppp .cards {grid-template-columns: repeat(1, 1fr);}
  #recruit_ppp .cards > li .icon {width: auto; height: 70px; min-height: auto;}
  #recruit_ppp .cards > li .tit {margin-bottom: 0.1em; line-height: 1;}
  #recruit_ppp .cards > li .subtitle {font-size: 15px; margin-bottom: 0;}
  #recruit_ppp .cards > li .subtitle b {font-size: 1.25em; font-weight: 600;}

  #rec_process > li::before, #rec_process > li::after {top: 47px;}
  #rec_process > li .icon {height: 40px; width: auto;}
  #rec_process > li .txt {font-size: 18px;}

  #recruit-method .thumb-cont {padding-inline:50px 0; gap: 20px;}
  #recruit-method .thumb-cont .tit {font-size: 34px; width: 60%;}
  #recruit-method .thumb-cont .tit > img {width: 17px;}
  #recruit-method .thumb-cont .thumb .meth-logo {right: 10px; top: -35px; width: 53%;}
  #recruit-method .thumb-cont .tit .recruit-method-quote-right {transform: translate(0px, -10px);}
  #recruit-method .text-cont .desc-1 {font-size: 18px;}
  #recruit-method .text-cont .desc-2 {font-size: 16px;}
  #rec_process {gap: 10px;}
  #rec_process > li .text-cont .desc {font-size: 14px;}
  #rec_process > li::before {width: 110%;}
  #recruit_process .body {gap: 40px;}
  #recruit_process .recruit-btn {width: 100%; text-align: center;} 

  #recruit_wf .body .wf-ls .item .sbj {font-size: 20px; width: 210px;}
  #recruit_wf .body .wf-ls .item {gap: 20px; flex-direction: column; padding-block: 30px;}
  #recruit_wf .wf-detail .container {display: flex; flex-direction: column;}
  #recruit_wf .wf-detail .wf-slide-container .wf-slide .txt {font-size: 17px;}
  #recruit_wf .wf-detail .wf-slide-container .progress {width: calc(100% - 100px);}
  #recruit_wf .wf-detail .tit {font-size: 20px;}
  #recruit_wf .wf-detail .wf-slide-container .pagi-nav {margin-top: 30px;}
  #recruit-banner { padding: 80px 0 156px;}
  #recruit-banner .container {gap: 20px;}
  #recruit-banner .back-thumb {top: 0;}
  #recruit-banner .back-thumb .recruit-banner-img {margin-right: 70px ; margin-top: 70px; width: 50%;}
  #recruit-faq {padding-block: 100px;}

}
@media screen and (max-width: 767px) {
  .ly-col--1-3 {display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px;}

  #recruit_ppp .container .head .title {font-size: 32px;}
  #recruit_ppp .cards > li .desc {font-size: 14px;}

  #rec_process > li::before, #rec_process > li::after {display: none;}  
  #rec_process {gap: 10px; display: grid; grid-template-columns: repeat(2, 1fr);}
  #rec_process > li {border: 1px solid var(--gray3); padding: 20px; border-radius: 15px; gap: 15px;}
  #rec_process > li .icon {transform: none;}

  #recruit-method .thumb-cont {flex-direction: column; padding: 30px 20px 0 20px;}
  #recruit-method .thumb-cont .tit {width: 90%;}
  #recruit-method .thumb-cont .thumb .meth-logo {right: 20px; top:auto; bottom:-5px; width: 73%;}
  #rec_process {grid-template-columns: repeat(1, 1fr);}
  #rec_process > li .text-cont .desc > li {word-break: keep-all;}
  #recruit_ppp .container .head .title {font-size: 21px;}
  #recruit_wf .body .wf-ls .item .desc {grid-template-columns: repeat(1,1fr);}
  #recruit-banner {padding: 80px 0;}
  #recruit-banner .back-thumb {position: static; border:4px solid #fff; border-radius: 30px;}
  #recruit-banner .back-thumb .recruit-banner-img {margin: 0; width: 100%;}
  #recruit-banner .content {z-index: 1; position: relative;}
  #recruit-banner .back-thumb .recruit-banner-logo {top: -50px;}
  
}




/* Customer: Purchase guide */
.pch-article {background: linear-gradient(to bottom, rgb(245, 245, 245, .5), white);}
.pch-article .head {margin-bottom: 70px;}
.pch-article .fc--theme {color: var(--theme);}
.pch-article .head .info__item {display: flex; gap: 35px; align-items: center;}
.pch-article .head .info__item:not(:last-child) {margin-bottom: 15px;}
.pch-article .head .info__item .key {min-width: 110px; font-size: 20px; font-weight: 700; flex-shrink: 0;}
.pch-article .head .info__item .val {width: 100%; display: flex; font-size: 18px; color: #878787;}
.pch-article .head .info__item .val__item {display: flex; align-items: center;}
.pch-article .head .info__item .val__item:not(:last-child)::after {display: block; content: ''; width: 1px; height: 1em; background: #878787; margin: 0 20px; opacity: .5;}
.pch-article .head .info__item .val__item b {margin-right: 0.5em;}
.pch-article .process_cards {display: grid; grid-template-columns: repeat(5, 1fr); gap: 19px;}
.pch-article .process_cards .card {position: relative; border-radius: 15px; background: #ccc; padding: 22px 20px 34px 20px; display: flex; flex-direction: column; align-items: flex-start;}
.pch-article .process_cards .card:not(:last-child)::after {position: absolute; content: ''; display: block; width: 17px; height: 32px; background: linear-gradient(to right, transparent, #878787); top: 25px; left: 100%; margin-left: 1px; clip-path: polygon(0 0, 100% 50%, 0 100%);}
.pch-article .process_cards .card .num {font-size: 25px; font-weight: 600; font-family: var(--font-sub1); color: var(--theme); margin-bottom: 50px;}
.pch-article .process_cards .card .icon {margin-bottom: 10px;}
.pch-article .process_cards .card .tit {font-size: 28px; line-height: 1.3; margin-bottom: 0.3em;}
.pch-article .process_cards .card .desc_group {display: flex; gap: 20px; justify-content: flex-start;}
.pch-article .process_cards .card .desc_group .desc_box .tag {display: block; font-size: 18px; font-weight: 700;}
.pch-article .process_cards .card .desc_group .desc_box .desc {letter-spacing: -0.05em;}
.pch-article .process_cards__noti {display: flex; gap: .5em; color: var(--gray3); font-weight: 500; text-align: right; margin-top: 1em; justify-content: flex-end;}
.pch-article .process_cards__noti::before {content: '*';}

#pch_guide--medi {--theme: var(--sky-blue);}
#pch_guide--medi .process_cards .card:nth-child(3) {grid-column: span 2;}
#pch_guide--gear {--theme: var(--orange);}
#pch_guide--gear hr {margin: 100px 0; opacity: .3;}

#pch_guide--gear__video {display: flex; gap: 95px;}
#pch_guide--gear__video .head {width: 186px; flex-shrink: 0;}
#pch_guide--gear__video .body {display: flex; justify-content: space-between; width: 100%; gap: 75px;}
#pch_guide--gear__video .body .box .tit {margin-bottom: 50px; flex-shrink: 0;}
#pch_guide--gear__video .body .box .figures {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
#pch_guide--gear__video .body .box .figures img {display: block; width: 100%;}
#pch_guide--gear__video .body .box .figures figcaption {text-align: center; font-size: 18px; color: var(--gray3); font-weight: 700; line-height: 1.3; padding-top: 0.3em;}
#pch_guide--gear__video .body .box {display: flex; gap: 25px; justify-content: space-between;}
#pch_guide--gear__video .body .box .figures figure img {filter: drop-shadow(20px 15px 20px rgb(0,0,0,.15));}
#pch_guide--gear__video .body .box:nth-child(1) .figures {display: grid; grid-template-columns: repeat(1, 1fr); }
#pch_guide--gear__video .body .box:nth-child(2) .figures {display: flex; width: 100%; gap: 45px;}

@media screen and (max-width: 1399px) {
  .pch-article .head {margin-bottom: 40px;}
  .pch-article .head .info {padding-top: 10px;}
  .pch-article .head .info__item {display: block;}
  .pch-article .head .info__item .key {font-size: 17px; display: block; margin-bottom: 0.3em;}
  .pch-article .head .info__item .val {display: block; font-size: 16px;}
  .pch-article .head .info__item .val__item {display: block;}
  .pch-article .head .info__item .val__item::after {display: none!important;}

  .pch-article .process_cards {grid-template-columns: repeat(2, 1fr);}
  .pch-article .process_cards .card {position: relative; overflow: hidden; flex-direction: row; gap: 25px; grid-column: span 1; padding: 20px;}
  .pch-article .process_cards .card:not(:last-child)::after {display: none;}
  .pch-article .process_cards .card .num {margin: 0; font-size: 20px; line-height: 1.3;}
  .pch-article .process_cards .card .wrap {}
  .pch-article .process_cards .card .wrap .icon {position: absolute; bottom: 0; right: 20px;}
  .pch-article .process_cards .card .wrap .tit {font-size: 20px;}
  .pch-article .process_cards .card .desc_group {gap: 30px;}

  #pch_guide--medi .process_cards .card:nth-child(4) {grid-column: span 2;} 
  #pch_guide--gear .process_cards .card:nth-child(5) {grid-column: span 2!important;} 
  #pch_guide--gear hr {margin: 80px 0;}

   #pch_guide--gear__video {flex-direction: column;gap: 0;}
   #pch_guide--gear__video .head {margin-bottom:1em;width: 100%;}
   #pch_guide--gear__video .body .box {display: block!important;}
   #pch_guide--gear__video .body .box .tit {margin-bottom: 0.8em;}
   #pch_guide--gear__video .body .box .figures {gap: 10px;}
   #pch_guide--gear__video .body .box .figures figcaption {font-size: 14px; padding-top: 0.5em;}
   #pch_guide--gear__video .body .box:nth-child(2) .figures figure {width: 100%;}
}
@media screen and (max-width: 767px) {
  .pch-article .process_cards {gap: 10px;}
  .pch-article .process_cards .card {flex-direction: column; gap: 15px;}
  .pch-article .process_cards .card .wrap .icon {bottom: auto; top: 10px; right: 15px; width: auto; height: 40px;}
  .pch-article .process_cards .card .wrap .tit {margin-bottom: 0.5em;}
  .pch-article .process_cards .card .num {font-size: 16px;}
  .pch-article .process_cards .card .wrap .tit {font-size: 17px; word-break: keep-all;}
  .pch-article .process_cards .card .desc_group .desc_box .tag {font-size: 15px;}
  .pch-article .process_cards .card .wrap .desc {font-size: 14px;}
  .pch-article .process_cards__noti {font-size: 14px; gap: .2em;}

  #pch_guide--gear .process_cards .card {grid-column: span 1!important;} 
  #pch_guide--gear .process_cards .card .wrap .icon {height: 34px;}

  #pch_guide--gear__video {text-align: center;}
  #pch_guide--gear__video .body {flex-direction: column;gap: 42px;}
  #pch_guide--gear__video .body .box:nth-child(1){}
  #pch_guide--gear__video .body .box:nth-child(1) .figures {display: flex; width: 50%; margin: 0 auto;}
  #pch_guide--gear__video .body .box:nth-child(1) .figures figure{width: 100%;}
  #pch_guide--gear__video .body .box:nth-child(2) .figures {gap: 5px;}
}


/* prd-faq */
.prd-faq {padding-block: 100px;}
.prd-faq .faq-cate {font-size: 35px;font-weight: 600; color:var(--sky-blue); text-align: center; margin-bottom: 30px;}
.prd-faq .faq-ls {border-bottom: 1px solid #707070; padding-bottom: 30px;}
.prd-faq .faq-ls--item .question .cont .tit {font-weight: 700;}
.prd-faq .faq-ls--item .answer .content {font-size: 18px; color:#707070;}
.prd-faq .faq-bot {text-align: center;padding: 30px 0;}

@media screen and (max-width: 1399px) {
  .prd-faq .faq-cate {font-size: 24px;}
  .prd-faq .faq-ls--item .question .cont .tit {font-size: 16px;}
  .prd-faq .faq-ls--item .answer .content {font-size: 15px;}
}
@media screen and (max-width: 767px) {
  .prd-faq .faq-cate {font-size: 18px; margin-bottom: 15px;}
  .prd-faq .faq-ls {padding-bottom: 15px;}
  .prd-faq .faq-bot {padding: 15px 0;}
}


/* gear : soft w10 */
:where(.pg--gear-soft-w10, .pg--gear-soft-w11) .prod_hero__content .visual {right: 60px;}
:where(.pg--gear-soft-w10, .pg--gear-soft-w11) .prod_hero:has(.prod_hero__icons) .txtbox {padding-bottom: 100px;}
:where(.pg--gear-soft-w10, .pg--gear-soft-w11) .prod_intro__desc strong {font-size: 28px;}

#soft-w10-purchase {padding-block: 100px;}
#soft-w10-purchase .content {}
#soft-w10-purchase .content .prd-article__title {margin-bottom: 0;color:#fff;}
#soft-w10-purchase .content .prd-article__desc {color:#fff; margin: 50px 0 40px; line-height: 1.8; font-size: 20px;}

#soft-w-shape {}
#soft-w-shape .cards {display: flex; justify-content: center; gap: 27px;}
#soft-w-shape .cards .card {position: relative; max-width: 50%; border-radius: 15px; overflow: hidden;}
#soft-w-shape .cards .card .tit {position: absolute; top: 20px; left: 25px; font-size: 20px; color: #919191;}
#soft-w-shape .cards .card img {display: block;}

#soft-w-feat {background: none;}
#soft-w-feat .prod-tech-content {}
#soft-w-feat .prod-tech-content .row:first-child {padding-top: 0;}
#soft-w-feat .prod-tech-content .row:last-child {padding-bottom: 0;}
#soft-w-feat .prod-tech-content .row {padding: 60px 0;}
#soft-w-feat .prod-tech-content .content {width: 100%;}
#soft-w-feat .prod-tech-content .m_visual,
#soft-w-feat .prod-tech-content .visual {width: 100%; aspect-ratio: 4 / 3; -webkit-aspect-ratio: 4 / 3;}
#soft-w-feat .prod-tech-content video:is(.visual, .m_visual) {object-fit: cover;}
#soft-w-feat .prod-tech-content .border:is(.visual, .m_visual) {border: 1px solid var(--gray1);}

#soft-w-navy-banner {padding-block: 120px; position: relative; overflow: hidden; background: #000047; color: #fff;}
#soft-w-navy-banner .visual {position: absolute; top: 0; left: 45%; height: 100%; width: auto; object-fit: cover; z-index: 0;}
#soft-w-navy-banner .content {position: relative; z-index: 1;}


#soft-w10-feat {}
#soft-w10-feat .prd-article__head .desc {color:#878787;font-weight: 700; }
#soft-w10-feat .prd-article__head .desc b{color:#000;}
#soft-w10-feat .body {display: flex; gap:45px; }
#soft-w10-feat .body .feat-cont {width: 100%; display: flex; flex-direction: column; align-items: center; }
#soft-w10-feat .body .feat-cont .thumb {width: 100%;border-radius: 20px; border:1px solid var(--gray2); overflow: hidden;}
#soft-w10-feat .body .feat-cont .thumb img {display: block; margin: 0 auto;}
#soft-w10-feat .body .feat-cont .title {margin: 30px 0 20px;}
#soft-w10-feat .body .feat-cont .text {text-align: center;font-size: 20px;}

#soft-w-scenario {background: #dedede;}
#soft-w-scenario .content {display: flex; gap: 75px; justify-content: space-between;}
#soft-w-scenario .titlebox {display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0;}
#soft-w-scenario .titlebox .notices {}
#soft-w-scenario .titlebox .notices li {display: flex; gap: 0.3em;}
#soft-w-scenario .titlebox .notices li::before {content: '*';}
#soft-w-scenario .section_title {flex-shrink: 0;}
#soft-w-scenario .visual_container {display: grid; grid-template-columns: repeat(3, 1fr); gap:50px 20px; }
#soft-w-scenario .visual_container .item {display: flex; flex-direction: column; gap:20px;position: relative; transition: transform .4s var(--cubic-pop1), opacity .7s var(--cubic-pop1);}
#soft-w-scenario .visual_container .item .num {display: flex; align-items: center; justify-content: center; background:var(--blue); border-radius: 50%; color:#fff; width: 25px; height: 25px; position: absolute; top:14px; left:14px; font-size: 19px;}
#soft-w-scenario .visual_container .item img {border-radius: 20px; border:1px solid var(--gray2); background: #fff;}
#soft-w-scenario .visual_container .desc {font-size: 16px; color:#4E4E4E; font-weight: 500;  display: block;}
#soft-w-scenario .visual_container .desc .tip {font-weight: 400;}

#soft-w10-feat .body .feat-cont .title > svg {height: 40px;}


@media screen and (min-width: 768px) {
  #soft-w-feat .prod-tech-content .row {border: none; padding: 60px 0;}
  #soft-w-navy-banner.soft-w11 .visual {left: 40%;}
}
@media screen and (max-width: 1399px) {
  #soft-w-feat .prod-tech-content .row {padding: 40px 0;}
  #soft-w10-feat .prod-tech-content .content .title {font-size: 28px;}
  #soft-w-scenario .content {flex-direction: column; gap: 20px;}
  #soft-w-scenario .visual_container .item {gap: 10px;}
  #soft-w-scenario .visual_container .desc .tip {display: block; line-height: 1.3;}
  #soft-w10-feat .body .feat-cont .title > svg {height: 30px;}
}
@media screen and (max-width: 767px) {
  :where(.pg--gear-soft-w10, .pg--gear-soft-w11) .prod_intro__desc > strong {line-height: 1.3; font-size: 20px;} 
  #soft-w10-purchase {padding-block: 80px;}
  #soft-w10-purchase .content .prd-article__title {font-size: 24px;}
  #soft-w10-purchase .content .prd-article__desc {margin: 30px 0 40px; font-size: 17px;}
  #soft-w10-feat .body {flex-direction: column; gap: 40px; }
  #soft-w10-feat .body .feat-cont .title {margin: 20px 0 0;}
  #soft-w10-feat .body .feat-cont .text {font-size: 16px;}
  #soft-w-scenario .visual_container {grid-template-columns: repeat(1,1fr);}
  #soft-w-shape .cards .card {border-radius: 15px;}
  #soft-w-shape .cards .card .tit {font-size: 15px; top: 10px; left: 10px;}
  #soft-w-shape .cards {gap: 10px;}

  #soft-w-navy-banner {padding-block: 80px;}
  #soft-w-navy-banner .visual {left: 0; top: 0; width: 100%; height: 100%;}
  /* #soft-w-navy-banner .visual {position: static; width: 100%; height: auto; display: block; margin-left: -50px; margin-top: 50px; min-width: 320px;}
  #soft-w-navy-banner.soft-w11 .visual {margin-left: 0;} */
}

.prod_hero:has(.prod_hero__icons) .txtbox.type2 .subtitle {font-family: var(--font-sub1); font-weight: 400;}


/* Depth1: Page */
.disclosure-info-frame {background: #f9f8f7; padding: 130px 50px;}
.disclosure-info-frame iframe {display: block; margin-inline: auto; width: 720px; height: 600px; max-width: 100%; transform: scale(1.2);}
@media screen and (max-width: 1399px) {
  .disclosure-info-frame {padding: 50px 0;}
  .disclosure-info-frame iframe {transform: scale(1);}
}
@media screen and (max-width: 767px) {}



/* Depth1: Page */
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {}

/* company - recruit-story */

#recruit-story {}
#recruit-story .head {margin-bottom: 50px;}
#recruit-story .sp-head {position: relative; color:#fff; padding: 130px 0 80px;}
#recruit-story .sp-head .visual-bg {width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: -1;}
#recruit-story .sp-head .sp-subject--1 {text-align: center; font-size: 54px;}
#recruit-story .sp-head .desc-cont {margin-top: 260px;}
#recruit-story .sp-head .desc-cont .sp-desc--1 {font-size: 36px; font-weight: 700; line-height: 1.5; margin-left: -13px;}
#recruit-story .sp-head .desc-cont .sp-desc--1 > span {color:rgba(255, 255, 255, 0.5);}
#recruit-story .sp-head .desc-cont .sp-desc--1 > svg {transform: translateY(-18px); margin: 0 2px;}
#recruit-story .sp-head .desc-cont .sp-desc--2 {font-size: 17px; line-height: 1.76;margin-top: 1.2em;}
#recruit-story .sp-head .desc-cont .sp-desc--3 {font-size: 20px; font-weight: 700;margin-top: 0.8em;}

#story-hww {background: #F5F5F5; }
#story-hww .hww-ls { display: flex;gap: 22px; }
#story-hww .hww-ls > li {}
#story-hww .hww-ls > li .thumb { width: 100%;}
#story-hww .hww-ls > li .text-cont { border-left: 1px solid #BFBFBF; padding-left: 30px;  margin-top: 30px;}
#story-hww .hww-ls > li .tit {font-size: 30px; }
#story-hww .hww-ls > li .tit .num {font-size: 23px; font-family: var(--font-sub1); font-weight: 600; color:var(--sky-blue);display: block; margin-bottom: 0.7em; }
#story-hww .hww-ls > li .subtitle {font-size: 22px; font-family: var(--font-sub1); font-weight: 600; color:var(--sky-blue); text-transform: uppercase;}

#story-interview {}
#story-interview .ri-container {position: relative; padding: 110px 0; overflow: hidden;}
#story-interview .ri-container .ri-bg {width: 100%; height: 100%;position: absolute; top:0; left:0; z-index: -1;}
#story-interview .ri-container .tab-control {position: absolute; top:150px; left: 50%; transform: translate(-50%, 0px); width: 365px; display: flex; justify-content: space-between; z-index: 11111;}
#story-interview .ri-container .tab-control .svg_icon .circle {stroke:#fff;}
#story-interview .ri-container .tab-control .svg_icon path {stroke:#fff;}
#story-interview .ri-container .interview-tab-container {position: relative;}
#story-interview .ri-container .tab-content {opacity: 0; position: absolute; top:0; left:0; width: 100%; pointer-events: none;}
#story-interview .ri-container .tab-content.active {opacity: 1; position:relative; pointer-events: initial;}
#story-interview .ri-container .tab-content .ri-head {display: flex;flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 65px;}
#story-interview .ri-container .tab-content .ri-head .pagi {}
#story-interview .ri-container .tab-content .ri-head .pagi .pagi-num {font-size: 80px; color:var(--sky-blue); font-weight: 600;}
#story-interview .ri-container .tab-content .ri-head .pagi .pagi-num > small {font-size: 25px; color:#BFBFBF !important;}
#story-interview .ri-container .tab-content .ri-head .title {font-size: 64px; color:#fff; font-weight: 400; line-height: 1.15;}
#story-interview .ri-container .tab-content .ri-head .title > small {font-size: 30px;}
#story-interview .ri-container .tab-content .ri-ls-container {position: relative; overflow: visible;}
#story-interview .ri-container .tab-content .ri-ls-container .slide-ls {}
#story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item {background: #fff; border-radius: 15px; box-shadow: 5px 5px 15px rgba(0,0,0,0.16) ; padding: 15px 25px; display: flex; flex-direction: column; min-height: 260px; cursor: pointer; transition: .3s ease;}
#story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item .tag {font-size: 23px; font-weight: 600; color:#878787; font-family: var(--font-sub1); margin-left: auto;}
#story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item .sbj {font-size: 21px;}
#story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item .desc {font-size: 19px; line-height: 1.47; margin-top: 1em;}
#story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item .more-btn {color:#BFBFBF; font-weight: 600; font-size: 15px; text-transform: uppercase; text-decoration: underline; display: inline-block; margin-left: auto; margin-top:auto;transition: .3s ease; }
#story-interview .ri-container .tab-content .ri-ls-container .progress {position: relative; margin-top: 80px; height: 6px; background: rgba(255, 255, 255, 0.2);}

#modal-story-interview .modal__container {height: auto;}
#modal-story-interview .modal__container .head {text-align: center; padding-right: 0; border-bottom: 1px solid #DFDFDF; padding-block: 20px;}
#modal-story-interview .modal__container .head .subtitle {font-size: 28px; color:var(--navy);}
#modal-story-interview .modal__container .head .q-num {display: block;font-size: 28px; color:var(--navy); font-weight: 700;}
#modal-story-interview .modal__container .body {}
#modal-story-interview .modal__container .body .title {font-size: 21px; color:var(--sky-blue); padding: 20px 0 14px;}
#modal-story-interview .modal__container .body .title .tag {font-size: 23px; color:#878787; font-family: var(--font-sub1); font-weight: 600; padding-bottom: 0.5em;display: block;}

#modal-story-interview .modal__container .head .subtitle br {display: none;}
#modal-story-interview .modal__container .head .subtitle small {display: block;}

#story-news {}
#story-news .news-container {display: flex; background: #000047; border-radius: 15px; min-height: 430px;}
#story-news .news-container .thumb {border-radius: 15px; width: 712px; overflow: hidden; flex-shrink: 0;}
#story-news .news-container .thumb > img {display: block; width: 100%; height: 100%; object-fit: cover;}
#story-news .news-container .content {padding: 83px 70px 70px 83px; position: relative; width: 100%;}
#story-news .news-container .content .text-cont {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; z-index: 1  ;}
#story-news .news-container .content .text-cont .tit {font-size: 35px; color:#fff;}
#story-news .news-container .content .story-news-logo {position: absolute; right:10px; bottom:0;}
#story-news .news-container .content .ag-button {background: var(--sky-blue); flex-shrink: 0;transition: .2s ease;}


#story-job {background: var(--sky-blue); padding-top: 100px;}
#story-job .sbj_tag {color:rgba(255, 255, 255, 0.5);}
#story-job .job-container {}
#story-job .job-container .part-tab {display: flex;width: 100%; }
#story-job .job-container .part-tab .btn {color:rgba(255, 255, 255, 0.5);width: 100%; position: relative; padding: 30px 0 20px 0; font-size: 20px; border-bottom: 3px solid rgba(255, 255, 255, 0.3);}
#story-job .job-container .part-tab .btn.active {color:#fff; font-weight: 700;}
#story-job .job-container .part-tab .btn.active::before {content:"";position: absolute;bottom:-2px;height: 2px; width: 100%; background: #fff;display: block; }
#story-job .job-container .part-content {display:grid;grid-template-columns: repeat(2,1fr); gap:36px 30px; margin-top: 50px; opacity: 0;position: absolute;top:0; pointer-events: none;}
#story-job .job-container .part-content.active {opacity: 1; position: relative; pointer-events: initial;}
#story-job .job-container .part-content .item {background: #fff; border-radius: 15px; box-shadow: 5px 5px 15px rgba(0,0,0,0.16); padding: 30px 53px 50px 50px; min-height: 447px; display: flex; flex-direction: column;}
#story-job .job-container .part-content .item .item-head {display: flex; align-items: flex-end; justify-content: space-between;padding-bottom: 22px;}
#story-job .job-container .part-content .item .item-head .sbj {font-size: 40px;}
#story-job .job-container .part-content .item .item-head .sbj .num {font-size: 24px; font-family: var(--font-sub1); font-weight: 600; color:var(--sky-blue); display: block;}
#story-job .job-container .part-content .item .item-head .icon {}
#story-job .job-container .part-content .item .content {border-top: 1px solid #E8E8E8; padding-top: 19px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: 30px;} 
#story-job .job-container .part-content .item .content .desc {font-size: 18px;}
#story-job .job-container .part-content .item .content .hash-tag {font-weight: 500; color:var(--sky-blue);}


@media (hover:hover){
  #story-news .news-container .content .ag-button:hover {background: #fff; color:var(--sky-blue);}
  #story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item:hover { opacity: 0.9;}
  #story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item:hover .more-btn {color:var(--sky-blue);}
}

@media screen and (max-width: 1399px) {
  #recruit-story {padding-top: 60px;}
  #recruit-story .sp-head {padding: 100px 0 65px;}
  #recruit-story .sp-head .visual-bg {filter: brightness(0.8);}
  #recruit-story .sp-head .sp-subject--1 {font-size: 42px;}
  #recruit-story .sp-head .desc-cont {margin-top: 70px;}
  #recruit-story .sp-head .desc-cont .sp-desc--1 {font-size: 28px;}
  #recruit-story .sp-head .desc-cont .sp-desc--1 > svg {width: 5px; transform: translateY(-12px);}
  #recruit-story .sp-head .desc-cont .sp-desc--3 {font-size: 18px;}
  #story-hww .hww-ls > li .tit {font-size: 24px;}
  #story-hww .hww-ls > li .tit .num {font-size: 18px;}
  #story-hww .hww-ls > li .text-cont {padding-left: 20px; margin-top: 20px;}
  #story-hww .hww-ls > li .subtitle {font-size: 15px; line-height: 1.4;}

  #story-news .news-container { min-height: auto;}
  #story-news .news-container .thumb {width: 60%;}
  #story-news .news-container .content {padding: 39px 37px;}
  #story-news .news-container .content .text-cont {}
  #story-news .news-container .content .text-cont .tit {font-size: 23px;}
  #story-news .news-container .content .ag-button {padding: 0.7em 1.78em; border-radius: 9px;}
  #story-news .news-container .content {min-height: 230px; display: flex;}
  #story-news .news-container .content .story-news-logo {width: 80%;}

  #story-job .job-container .part-content {grid-template-columns: repeat(1,1fr);}
  #story-job .job-container .part-content .item { min-height: auto; padding: 30px 40px 50px 40px;}
  #story-job .job-container .part-content .item .item-head .sbj {font-size: 28px;}
  #story-job .job-container .part-content .item .item-head .sbj .num {font-size: 18px;}
  #story-job .job-container .part-tab {display: grid; grid-template-columns: repeat(4,1fr);}
  #story-job .job-container .part-tab .btn {font-size: 17px; padding: 20px 0;}
  #story-job .job-container .part-content .item .item-head .icon {height: 60px;}

  #story-interview .ri-container {padding: 80px 0;}
  #story-interview .ri-container .tab-control {top: 93px;}
  #story-interview .ri-container .tab-content .ri-head .title {font-size: 36px;}
  #story-interview .ri-container .tab-content .ri-head .pagi .pagi-num {font-size: 50px;}
  #story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item {min-height: 250px;}
  #story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item .tag {font-size: 17px;}
  #story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item .sbj {font-size: 19px;}
  #story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item .desc {font-size: 15px;}
  #story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item .more-btn {font-size: 13px;}
  #story-interview .ri-container .tab-content .ri-ls-container .progress {margin-top: 58px;}

  #modal-story-interview .modal__container .head .subtitle {font-size:24px;}
  #modal-story-interview .modal__container .head .q-num {font-size: 20px;}
  #modal-story-interview .modal__container .body .title {padding: 20px 0 5px;}
  #modal-story-interview .modal__container .body .title .tag {font-size: 18px; padding-bottom: 0;}
}
@media screen and (max-width: 767px) {
  #recruit-story .head {margin-bottom: 30px;}
  #recruit-story .sp-head .sp-subject--1 {font-size: 32px;}
  #recruit-story .sp-head .desc-cont {text-align: center;}
  #recruit-story .sp-head .desc-cont .sp-desc--1 {font-size: 21px;}
  #recruit-story .sp-head .desc-cont .sp-desc--2 {font-size: 16px;}
  #recruit-story .sp-head .visual-bg {filter: brightness(0.6);}
  #story-hww .hww-ls {flex-direction: column; gap: 37px;}
  #story-hww .hww-ls > li .tit {font-size: 19px;}
  #story-hww .hww-ls > li .tit .num {font-size: 15px; margin-bottom: 0.3em;}
  #story-hww .hww-ls > li .text-cont {margin-top: 4px;}
  #story-news .news-container .content {min-height: auto; padding: 30px;}
  #story-news .news-container .content .text-cont {flex-direction: column;align-items: flex-start;}
  #story-news .news-container .content .text-cont .tit {font-size: 21px;}
  #story-news .news-container .content .story-news-logo {width: 70%;}
  #story-job .job-container .part-tab .btn {font-size: 15px;}
  #story-job .job-container .part-content {margin-top: 30px;}
  #story-job .job-container .part-content .item {padding: 24px 20px 34px 24px;}
  #story-job .job-container .part-content .item .item-head {padding-bottom: 12px;}
  #story-job .job-container .part-content .item .item-head .sbj {font-size: 22px;}
  #story-job .job-container .part-content .item .item-head .icon {height: 50px;}
  #story-job .job-container .part-content .item .content {padding-top: 15px;}
  #story-job .job-container .part-content .item .content .desc {font-size: 15px;}
  #story-job .job-container .part-content .item .content .hash-tag {font-size: 14px;}

  #story-interview .ri-container .tab-control {top: 80px;}
  #story-interview .ri-container .tab-content .ri-head .title {font-size: 27px;}
  #story-interview .ri-container .tab-content .ri-head .pagi .pagi-num {font-size: 33px;}
  #story-interview .ri-container .tab-content .ri-head .pagi .pagi-num > small {font-size: 17px;}
  #story-interview .ri-container .tab-content .ri-ls-container .slide-ls .item {min-height: auto;}



  #story-news .news-container {flex-direction: column; border-radius: 9px}
  #story-news .news-container .thumb {width: 100%; border-radius: 9px;}
  #story-news .news-container .content .text-cont {gap: 50px;}

  #story-job {padding-block: 75px;}
  #story-job .job-container .part-tab .btn {padding: 20px 0 10px;}
  #story-job .job-container .part-content .item .item-head .sbj .num {line-height: 1.1; font-size: 15px; padding-bottom: 0.5em;}

  #modal-story-interview .modal__container .head {padding-block:10px 20px;}
  #story-interview .ri-container .tab-content .ri-head .title {line-height: 1.4; margin-top: 15px; word-break: keep-all;}
  #story-interview .ri-container .tab-content .ri-head .title br {display: none;}
  #story-interview .ri-container .tab-content .ri-head .title > small {font-size: 18px; display: block;}

}