@charset "utf-8";

html,body {font-size: 16px;}  
@media screen and (max-width: 1024px) {
  html,body {font-size: 13px;}  
}
/* color */
:root {
    --bsx-gr: linear-gradient(70deg,#00a0e9 0%, #8F71F5 50%, #e62e8b 100%);
    --bsx-gr-hover: linear-gradient(70deg,hsl(199, 100%, 36%) 0%, hsl(254, 87%, 60%) 50%, hsl(330, 79%, 44%) 100%);
    --pink:#e62e8b;
    --blue:#00a0e9;
    --purple:#8F71F5;
    --orange:rgb(255, 62, 0);
    --yellow:rgb(255, 204, 0);
    --green:rgb(52, 199, 89);
    --x-bg-black: #212126;
    --x-bg-purple: #17172A;
    --x-bg-light-purple: #44447D;
    --blk-gr: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 90%);
    --black: #171a20;
    --bg-gray: #F5F5F7;
    --border: #DEDEDE;
    --shadow:2px 2px 8px 1px rgba(0, 0, 0, 0.1);
    --mb-vertical-padding: 5rem;
    --mb-horizontal-padding: 1.846rem;
    --pc-vertical-padding: 10rem;
}
.pink { color: var(--pink); }
.blue { color: var(--blue); }
.purple { color: var(--purple); }
.txt-white { color: #fff;}
.bg-white { background: #fff;}

/* default */
button{ border: none; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: unset;}
button:hover { cursor: pointer; }
.mb-0x {
  margin-bottom: 0.5rem;
}

.mb-1x {
    margin-bottom: 1rem;
}

.mb-2x {
  margin-bottom: 2rem;
}

.mb-3x {
  margin-bottom: 3rem;
}

.mb-4x {
  margin-bottom: 4rem;
}
.mb-5x {
  margin-bottom: 5rem;
}
.mb-6x {
  margin-bottom: 6rem;
}
.mb-7x {
  margin-bottom: 7rem;
}
.mb-8x {
  margin-bottom: 8rem;
}
.mb-9x {
  margin-bottom: 9rem;
}
.mb-10x {
  margin-bottom: 10rem;
}
@media (max-width: 576px) {
  .mb-4x {
    margin-bottom: 2rem;
  }
}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.w100 {width: 100%;}

.new-prod-wrap {font-size: 1.125rem;}
.new-prod-wrap dd,
.new-prod-wrap p { line-height: 1.675;font-size: 1.125rem;}
.new-prod-wrap .btn {line-height: 1.375;}

.new-prod-wrap .sub-indicator > ul > li {line-height: 17px;}
.new-prod-wrap .dark-section {background: #000; color: #fff;}
.new-prod-wrap .dark-section *:not(.btn-white, .material-icons) {color: #fff;}

.new-prod-wrap .btn-primary {background: var(--bsx-gr); color: #fff;}
.new-prod-wrap .btn-primary:hover {background: var(--bsx-gr-hover); }

.new-prod-wrap .sub-max-inner {max-width: 1440px;}
.btn-grp a + a {margin-left: 1rem;}
.btn-grp a {box-sizing: border-box;}

.new-prod-wrap * {box-sizing: border-box;}
.break-all {word-break: break-all;}

@media screen and (max-width: 1440px) {
  #product_wrap.new-prod-wrap.lang-jp {word-break: break-all;}
}

@media screen and (max-width: 480px) {
  #product_wrap.new-prod-wrap.lang-de {word-break: break-all;}
}

@media screen and (max-width: 1500px) {
  .new-prod-wrap .sub-max-inner {width: 100%; padding: 0 var(--mb-horizontal-padding);}
}

/* Typography */
.new-prod-wrap .level-2-tit {font-size: 4rem;font-weight: 700; line-height: 1.25;}
.new-prod-wrap .level-3-tit {font-size: 3rem;font-weight: 600;}
.new-prod-wrap .level-4-tit {font-size: 2rem;font-weight: 600;}
.new-prod-wrap .level-5-tit {font-size: 1.5rem;font-weight: 500;} 
.new-prod-wrap .section-download #download,
.new-prod-wrap .high-light { text-transform: uppercase;font-size: 1.575rem; font-weight: 600; display: block; color: var(--blue);}
 

@media screen and (max-width: 576px){
  .new-prod-wrap .level-2-tit {font-size: 2.75rem;}
}

/* section */
.new-prod-wrap section {padding-top: var(--pc-vertical-padding); padding-bottom: var(--pc-vertical-padding); margin: 0; height: auto;}
#product_wrap.new-prod-wrap section.section-gray {background: var(--bg-gray);}
#product_wrap.new-prod-wrap section.section-black {background: #000; color: #fff;}
#product_wrap.new-prod-wrap section.section-black p {color: inherit;}
.new-prod-wrap section .inner-section {margin-top: 9.375rem;}

.new-prod-wrap section .row.tit-grp {align-items: center;}
.new-prod-wrap section .tit-grp .desc-limit {max-width: 790px;margin: 0 auto;}
.new-prod-wrap section .card {text-align: left; padding: 2.25rem; border-radius: 1rem; height: 100%;}

@media screen and (max-width: 1024px) {
  .new-prod-wrap section {padding: var(--mb-vertical-padding) 0;}
}

/* video section */
.new-prod-wrap .video-wrapper {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 1rem;
  overflow: hidden;    
  position: relative;
}
.new-prod-wrap .video-wrapper.video-square {
    height: auto;
    aspect-ratio: 1 / 1;
}
.new-prod-wrap .video-wrapper iframe {
  width: 100%;
  height: 100%;  
  background: #222;
}

@media screen and (max-width: 890px) {
  .new-prod-wrap .video-wrapper {
    height: auto;
    aspect-ratio: 1 / 1;
    /* 또는 aspect-ratio: 1.7778; */
  }
  .new-prod-wrap .video-wrapper.video-square {
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

/* Hero Section */
.new-prod-wrap .new-hero-section.product_swiper .swiper-container-product_visual {width: 100%; /* min-width: 1024px;  */height: 100vh; position: relative; overflow: hidden; text-align: center;}
.new-prod-wrap .new-hero-section .txt_white{width: 100%; position: absolute; top: 80vh; left: 0; color: #fff;z-index: 2;}
.new-prod-wrap .new-hero-section .txt_white .inner-copy {max-width: 1440px; margin: 0 auto; display: flex;justify-content: space-between; align-items: flex-end;text-align: left;}
.new-prod-wrap .new-hero-section h1 {font-size: 2rem; font-weight: 700;}
.new-prod-wrap .new-hero-section h2 {font-size: 3rem; font-weight: 400; line-height: 1.2;}
.new-prod-wrap .new-hero-section .btn-grp {display: flex; align-items: center;}
.new-prod-wrap .new-hero-section .bg-gradient {position:absolute; width:100%; height: 100%;background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);}

.new-prod-wrap .bg-video {display: flex ;align-items: center; justify-content: center; height: 100%; }
.new-prod-wrap .bg-video video {width: 100%; height: 100%; object-fit: cover;}
.new-prod-wrap .swiper-slide .bg {height: 100%;}
.new-prod-wrap .swiper-slide .bg img {height: 100%; object-fit: cover;object-position: left;}

.new-prod-wrap .product_swiper.fixed-img .swiper-slide .bg img {object-position: left;}

@media screen and (max-width: 1500px) {
  .new-prod-wrap .new-hero-section .txt_white .inner-copy {width: 100%;max-width: 100%; padding: 0 var(--mb-horizontal-padding);}
}
@media screen and (max-width: 890px) {
  .new-prod-wrap .new-hero-section.product_swiper .swiper-container-product_visual {height: auto; min-width: unset;}
  .new-prod-wrap .new-hero-section .txt_white {bottom: 2rem; padding: 2rem var(--mb-horizontal-padding);top: unset;} 
  .new-prod-wrap .new-hero-section .txt_white .inner-copy {flex-direction: column;align-items: center;}
  .new-prod-wrap .new-hero-section .txt_white .inner-copy .hero-tit {margin-bottom: 2rem;}
  .new-prod-wrap .new-hero-section .btn-grp .btn {padding: 1rem; font-size: 1rem; white-space: nowrap;min-width: 120px;}
  .new-prod-wrap .new-hero-section .bg-gradient {background: linear-gradient(360deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70%);}
}

@media screen and (max-width: 576px) {
  .new-prod-wrap .new-hero-section .btn-grp {width: 100%;}
}

/* sticky-menu */
.new-prod-wrap .sticky-menu { position:relative; left:0; top:0; display:block; width:100%; height:80px; margin:0 auto; background: #fff; box-sizing:border-box; z-index:10; font-size: 1rem;border-bottom: 1px solid var(--border);}
.new-prod-wrap .sticky-menu a { display:inline-block; line-height:78px; letter-spacing:-0.025em; vertical-align:middle; }
.new-prod-wrap .sticky-menu .left_link { float:left; width:75%; }
.new-prod-wrap .sticky-menu .left_link a { padding-right:1.875rem; font-weight:500; transition:all .5s; }
.new-prod-wrap .sticky-menu .left_link.narrow a {padding-right:1.25rem;}
.new-prod-wrap .sticky-menu .left_link a:last-child {padding-right: 0;}
.new-prod-wrap .sticky-menu .left_link a:hover { font-weight:600; color:#a12642; }
.new-prod-wrap .sticky-menu .right_link { float:right; text-align:right; color: #222;}
.new-prod-wrap .sticky-menu .right_link .btn_inquiry, .new-prod-wrap .sticky-menu .right_link .whertobuy { width:10.875rem; height:2.625rem; line-height:2.625rem; font-size:1em; font-weight:500; color:#222; text-align:center; border:0.0625rem solid #222; border-radius:1.3125rem; transition:all .5s; }
.new-prod-wrap .sticky-menu .right_link .btn_inquiry:hover, .new-prod-wrap .sticky-menu .right_link .whertobuy:hover { color:#fff; background: #222; }
.new-prod-wrap .sticky-menu .right_link .btn_share { margin-left:0.625rem; font-size:1.875rem; }

.new-prod-wrap .sticky-menu .right_link .share_area { position:absolute; display:none; right:0; top:5rem; padding: 1.875rem; background: #fff; box-shadow: 30px rgba(0,0,0,0.3); z-index:7;}
.new-prod-wrap .sticky-menu .right_link .share_area a { line-height:2.75rem;}

@media screen and (max-width: 1024px) {
  .new-prod-wrap .sticky-menu { display: none;}
}
/* section-prod-slide */
.new-prod-wrap .section-prod-slide {
  padding: 0;
  min-height: 600px;
}
.new-prod-wrap .section-prod-slide .product-section01-wrap {
  width: 100%;
  display: flex;
  align-items: stretch;
  position: relative;
  min-height: 600px;
}
.new-prod-wrap .section-prod-slide .product-slider {
  width: calc(100% - 40rem);
  overflow: hidden;
  position: relative;
  background: var(--bg-gray);
  height: auto;
}
.new-prod-wrap .section-prod-slide .product-slider .top-product-swiper {height: 100%;overflow: hidden;position: relative;}
.new-prod-wrap .section-prod-slide .product-slider .img-wrap {width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;}
.new-prod-wrap .section-prod-slide .product-slider .img-fixed img { width: auto; height: 500px; }
.new-prod-wrap .section-prod-slide .product-slider .img-full {background: #000;}
.new-prod-wrap .section-prod-slide .product-slider .img-full img {width: 100%; height: 100%; object-fit: cover; max-width: 1910px;}

.wrap-product-thumbs-swiper {
  position: absolute;
  bottom: 50px;
  width: 100%;
  padding: 0 5rem;
}
.product-thumbs-swiper .swiper-wrapper {justify-content: center; gap: 1rem;}
.product-thumbs-swiper .swiper-slide { 
  max-width: 210px;   
  height: 90px;  
  cursor: pointer;  
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  flex: 1;
}
.product-thumbs-swiper .swiper-slide-thumb-active {
  border: 1px solid var(--pink);
  box-shadow: var(--shadow);
}
.product-thumbs-swiper img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-prod-slide .product-spec { width: 640px; padding: 7rem 4.5rem;}
.section-prod-slide .spec-toggle { display: flex; gap: 8px; margin: 36px 0; background: #222; border-radius: 32px;overflow: hidden;width: 100%; border: 6px solid #222;}
.section-prod-slide .spec-toggle .toggle-btn { flex:1; padding: 8px 20px; cursor: pointer; background: #222; color: #666; border-radius: 32px;}
.section-prod-slide .spec-toggle .toggle-btn.active { background: #fff; color: #222;font-weight: 600;}

.section-prod-slide .spec-list {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  margin: 1.75rem 0 1.5rem 0;
}
.section-prod-slide .spec-item {
  background: var(--bg-gray);
  border-radius: 1.5rem;
  padding: 0.75rem 0;
  text-align: center;  
  transition: background 0.2s;
}
.section-prod-slide .spec-disabled {
  color: #ccc;
  background: #f7f7fa;
  font-weight: 500;
  text-decoration: line-through;
}
.section-prod-slide .spec-footer {
  margin-top: 0.75rem;
  text-align: center;
  color: #222;
  font-size: 0.98rem;
  opacity: 0.7;
}
.btn-mute {position: absolute; bottom: 1rem;right: 1rem;}
.vimeo-control-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border: none;
  margin: 0 4px;
  font-size: 24px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  outline: none;
}
.vimeo-control-btn.unmuteBtn {display: none;}
.vimeo-control-btn .material-icons {
  font-size: 28px;
  line-height: 1;
}
.vimeo-control-btn:hover, .vimeo-control-btn.active {
  background: #ff2d55;
  color: #fff;
}
@media screen and (min-width: 1921px) {
  .new-prod-wrap .section-prod-slide .product-section01-wrap {max-height: 930px;}
}
@media screen and (max-width: 1440px) {
  .section-prod-slide .product-section01-wrap { flex-direction: column-reverse;}
  .section-prod-slide .product-spec { width: 100%;padding: var(--mb-vertical-padding) var(--mb-horizontal-padding);}
  .new-prod-wrap .section-prod-slide .product-slider { width: 100%;}
  .new-prod-wrap .section-prod-slide .product-slider .img-fixed {padding: 100px 0;}
  .new-prod-wrap .section-prod-slide .product-slider .img-fixed img {height: 300px;}
  .new-prod-wrap .section-prod-slide .product-slider .img-full img {height: 500px;}
  .wrap-product-thumbs-swiper {padding: 0 1rem;}
  .product-thumbs-swiper .swiper-slide {height: 45px;}
  .product-thumbs-swiper .swiper-wrapper {gap: 0.5rem;}
}

/* project-form  */
.section-prod-slide .project-form-overlay {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; z-index: 2;text-align: right;
}
.section-prod-slide .project-form-overlay form {height: 100%;}
.section-prod-slide .project-form-overlay .project-form-wrap {width: 40rem; height: 100%;background: #fff; display: flex;justify-content: end;align-items: center;margin-left: auto;}
.section-prod-slide .project-form {width: 100%; height: auto; padding: 2.5rem 4.5rem; position: relative; text-align: left;}
.section-prod-slide .close-btn { position: absolute; right: 1rem; top: 1rem; background: none; border: none; font-size: 1.5rem; cursor: pointer; }
.section-prod-slide .estimate-form-fields {
  display: grid;
  gap: 1rem 1.125rem;
  grid-template-columns: 1fr 1fr;
  max-width: 100%;
  font-size: 0.875rem;
}
.section-prod-slide .project-form .validation-message {margin-top: 4px; font-weight: 600;}

@media screen and (max-width: 1024px) {
  .section-prod-slide .project-form-overlay .project-form-wrap {width: 100%;}
  .section-prod-slide .project-form {padding: var(--mb-vertical-padding) var(--mb-horizontal-padding);}
  .section-prod-slide .project-form-overlay {height: auto;}
}

.section-prod-slide .grid-span-2 {
  grid-column: 1/3;
}

.section-prod-slide .estimate-form-fields input[type=text],
.section-prod-slide .estimate-form-fields input[type=email],
.section-prod-slide .estimate-form-fields select {
  width: 100%;
  margin-top: 0.375rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid #ccc;
  border-radius: 0.375rem;
}

.label-strong {
  font-weight: 600;
}

.privacy-row {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
}

.privacy-label {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  cursor: pointer;
  font-size: 0.875rem;
}

.privacy-label input[type=checkbox] {
  height: 1rem;
  accent-color: linear-gradient(70deg, #00a0e9 0%, #8F71F5 50%, #e62e8b 100%);
  margin: 0;
  flex: 0 0 1rem;
}

.privacy-link {
  color: #222;
  text-decoration: underline;
  font-weight: 600;
}

.estimate-form-actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.75rem;
}

/* section-credentials */
.credentials-barcode-list { display: flex; justify-content: center; gap: 1.125rem; flex-wrap: wrap; }
.credentials-barcode-list .barcode-btn { flex: 1; cursor: pointer; min-width: 7.5rem;  }

.credentials-barcode-list .barcode-btn .img-wrap {margin-bottom: 1.5rem;padding: 2.625rem 0;transition: border 0.2s, background 0.2s;border-radius: 0.625rem; min-height: 188px;}
.credentials-barcode-list .barcode-btn img { width: auto; height: 5.625rem; margin-bottom: 0.625rem; }
.credentials-barcode-list .barcode-btn h5 {text-align: center;}
.credentials-barcode-list .barcode-btn.active .img-wrap {box-shadow: var(--shadow);}

.credentials-barcode-list .barcode-btn.bg-blue h5 {color: var(--blue);}
.credentials-barcode-list .barcode-btn.bg-blue .img-wrap {background: rgba(0,160,233, 0.1); color: var(--blue);}
.credentials-barcode-list .barcode-btn.bg-blue:hover .img-wrap {background: rgba(0,160,233, 0.2);}
.credentials-barcode-list .barcode-btn.bg-blue.active .img-wrap {border: 2px solid var(--blue);}
.credentials-barcode-list .barcode-btn.bg-pink h5 {color: var(--pink);}
.credentials-barcode-list .barcode-btn.bg-pink .img-wrap {background: rgba(230,46,139, 0.1); color: var(--pink);}
.credentials-barcode-list .barcode-btn.bg-pink:hover .img-wrap {background: rgba(230,46,139, 0.2);}
.credentials-barcode-list .barcode-btn.bg-pink.active .img-wrap {border: 2px solid var(--pink);}
.credentials-barcode-list .barcode-btn.bg-orange h5 {color: var(--orange);}
.credentials-barcode-list .barcode-btn.bg-orange .img-wrap {background: rgba(255,62,0, 0.1); color: var(--orange);}
.credentials-barcode-list .barcode-btn.bg-orange:hover .img-wrap {background: rgba(255,62,0, 0.2);}
.credentials-barcode-list .barcode-btn.bg-orange.active .img-wrap {border: 2px solid var(--orange);}
.credentials-barcode-list .barcode-btn.bg-yellow h5 {color: var(--yellow);}
.credentials-barcode-list .barcode-btn.bg-yellow .img-wrap {background: rgba(255,204,0, 0.1); color: var(--yellow);}
.credentials-barcode-list .barcode-btn.bg-yellow:hover .img-wrap {background: rgba(255,204,0, 0.2);}
.credentials-barcode-list .barcode-btn.bg-yellow.active .img-wrap {border: 2px solid var(--yellow);}
.credentials-barcode-list .barcode-btn.bg-green h5 {color: var(--green);}
.credentials-barcode-list .barcode-btn.bg-green .img-wrap {background: rgba(52,199,89, 0.1); color: var(--green);}
.credentials-barcode-list .barcode-btn.bg-green:hover .img-wrap {background: rgba(52,199,89, 0.2);}
.credentials-barcode-list .barcode-btn.bg-green.active .img-wrap {border: 2px solid var(--green);}
.credentials-barcode-desc { margin-top: 1.125rem; min-height: 2.75rem; }
.credentials-barcode-desc .barcode-desc { color: #333; min-height: 64px;}

@media screen and (max-width: 890px) {
  .credentials-barcode-list .barcode-btn {padding: 1rem;}  
  .credentials-barcode-list .barcode-btn.active {background: var(--bg-gray);}
  .credentials-barcode-list .barcode-btn.bg-blue.active {border-top: 2px solid var(--blue);}
  .credentials-barcode-list .barcode-btn.bg-pink.active {border-top: 2px solid var(--pink);}
  .credentials-barcode-list .barcode-btn.bg-orange.active {border-top: 2px solid var(--orange);}
  .credentials-barcode-list .barcode-btn.bg-yellow.active {border-top: 2px solid var(--yellow);}
  .credentials-barcode-list .barcode-btn.bg-green.active {border-top: 2px solid var(--green);}
}

@media screen and (max-width: 576px) {
  .credentials-barcode-list {gap: 0; justify-content: flex-start;}
  .credentials-barcode-list .barcode-btn:not(:last-child) {flex: 0 0 50%; max-width: 50%;}  
  .credentials-barcode-list .barcode-btn {border-bottom: 1px solid var(--bg-gray);}  
  .credentials-barcode-list .barcode-btn:nth-child(odd) { border-right: 1px solid var(--bg-gray);}  
}


/* wrap-credenSwiper */
.new-prod-wrap .wrap-credenSwiper {padding-left: calc(50vw - 720px);position: relative; overflow: hidden; padding-right: 100px;padding-bottom: 100px;}
.new-prod-wrap .wrap-credenSwiper .slide {flex:0 0 374px; max-width: 374px; height: auto; position: relative;}

.new-prod-wrap .wrap-credenSwiper .slide .bg {position: relative; z-index: 1;top: 0;width: 100%;text-align: left; border-radius: 1rem;overflow: hidden;}
.new-prod-wrap .wrap-credenSwiper .slide .bg figure img {height: auto; object-fit: cover;width: 100%;}
.new-prod-wrap .wrap-credenSwiper .slide .txt-creden { position: relative; display: flex; align-items: flex-end; flex-wrap: wrap;}
.new-prod-wrap .wrap-credenSwiper .slide .txt-notice {position: absolute; top: 1.5rem;right: 1.5rem; color: var(--pink);}
.new-prod-wrap .wrap-credenSwiper .slide .bg .badge-wrap {position: absolute; bottom: 1.5rem; left: 1.5rem;}
.new-prod-wrap .wrap-credenSwiper .slide .bg .badge-wrap .badge {display: inline-block; padding: 0.15625rem 0.46875rem; margin: 0.25rem 0.125rem; border-radius: 0.375rem;}
.new-prod-wrap .wrap-credenSwiper .slide .bg .badge-wrap.badge-white .badge {background:#fff; color: #222;}
.new-prod-wrap .wrap-credenSwiper .slide .bg .badge-wrap.badge-pink .badge {background: var(--pink); color: #fff;}
.new-prod-wrap .wrap-credenSwiper .slide .mb_img {display: none;}


.slider-container .slider { display: flex; transition: transform 0.5s ease-in-out; user-select: none; -webkit-user-select: none;-ms-user-select: none; -moz-user-select: none;}
.slider-container .slide + .slide {margin-left: 1.25rem;}
.slider-container .btn-grp {text-align: right; margin-top: 1.5rem;}

.slider-container .btn-grp .btn {width: 3rem; height: 3rem; line-height: 3rem; color: #000;background: #fff; border-radius: 50%; border: none; padding: 0;} 
.slider-container .btn-grp .btn.prev:disabled,
.slider-container .btn-grp .btn.next:disabled { opacity: 0.5; cursor: default;}



/* swiper slide */
.new-prod-wrap .wrap-credenSwiper {padding-left: calc(50vw - 720px);position: relative; overflow: hidden; }
.new-prod-wrap .wrap-credenSwiper .swiper-slide {flex:0 0 374px; max-width: 374px; position: relative;}

.new-prod-wrap .wrap-credenSwiper .swiper-slide .bg {position: relative; z-index: 1;top: 0;width: 100%;text-align: left; border-radius: 1rem;overflow: hidden;}
.new-prod-wrap .wrap-credenSwiper .swiper-slide .bg figure img {height: auto; object-fit: cover;width: 100%;}
.new-prod-wrap .wrap-credenSwiper .swiper-slide .txt-creden { position: relative; display: flex; align-items: flex-end; flex-wrap: wrap;}
.new-prod-wrap .wrap-credenSwiper .swiper-slide .txt-notice {position: absolute; top: 1.5rem;right: 1.5rem; color: var(--pink);}
.new-prod-wrap .wrap-credenSwiper .swiper-slide .bg .badge-wrap {position: absolute; bottom: 1.5rem; left: 1.5rem;}
.new-prod-wrap .wrap-credenSwiper .swiper-slide .bg .badge-wrap .badge {display: inline-block; padding: 0.15625rem 0.46875rem; margin: 0.25rem 0.125rem; border-radius: 0.375rem;}
.new-prod-wrap .wrap-credenSwiper .swiper-slide .bg .badge-wrap.badge-white .badge {background:#fff; color: #222;}
.new-prod-wrap .wrap-credenSwiper .swiper-slide .bg .badge-wrap.badge-pink .badge {background: var(--pink); color: #fff;}
.new-prod-wrap .wrap-credenSwiper .swiper-slide .mb_img {display: none;}

.new-prod-wrap .wrap-credenSwiper .swiper-button-prev {bottom: 0;top: unset;left: unset;right: 80px; background: var(--bg-gray); width: 50px; height: 50px;line-height: 50px;border-radius: 50%;color: #888;}
.new-prod-wrap .wrap-credenSwiper .swiper-button-next {bottom: 0;top: unset;background: var(--bg-gray); width: 50px; height: 50px;line-height: 50px;border-radius: 50%;color: #888;}


.slider-container .slider { display: flex; transition: transform 0.5s ease-in-out; user-select: none; -webkit-user-select: none;-ms-user-select: none; -moz-user-select: none;}
.slider-container .slide + .slide {margin-left: 1.25rem;}
.slider-container .btn-grp {text-align: right; margin-top: 1.5rem;}

.slider-container .btn-grp .btn {width: 3rem; height: 3rem; line-height: 3rem; color: #000;background: #fff; border-radius: 50%; border: none; padding: 0;} 
.slider-container .btn-grp .btn.prev:disabled,
.slider-container .btn-grp .btn.next:disabled { opacity: 0.5; cursor: default;}

@media screen and (max-width: 1500px){
  .new-prod-wrap .wrap-credenSwiper {padding-left: var(--mb-horizontal-padding);}
}
@media screen and (max-width: 890px){
    .new-prod-wrap .wrap-credenSwiper .slide .txt-creden .tit {padding: 0;}
}

@media screen and (min-width: 577px){
.new-prod-wrap .wrap-credenSwiper .slide.slide-long{flex: 0 0 768px; max-width: 768px;}
}

@media screen and (max-width: 576px){   
    .new-prod-wrap .wrap-credenSwiper .slide .pc_img {display: none;}
    .new-prod-wrap .wrap-credenSwiper .slide .mb_img {display: block;}
    .new-prod-wrap .wrap-credenSwiper .slide { flex: 0 0 70vw;max-width: 70vw;}    
    .new-prod-wrap .wrap-credenSwiper .slide .txt-creden {padding: 1rem;}
}

@media screen and (max-width: 1440px){
    .new-prod-wrap .wrap-credenSwiper {padding-left: var(--mb-horizontal-padding);}
  }
  @media screen and (max-width: 890px){
      .new-prod-wrap .wrap-credenSwiper .slide-long .txt-creden .tit {padding: 0;}
  }
  
  @media screen and (min-width: 577px){
  .new-prod-wrap .wrap-credenSwiper .swiper-slide.slide-long{flex: 0 0 768px; max-width: 768px;}
  }
  
  @media screen and (max-width: 576px){   
      .new-prod-wrap .wrap-credenSwiper .swiper-slide {flex:0 0 70vw; max-width: 70vw; position: relative;}
      .new-prod-wrap .wrap-credenSwiper .slide-long .pc_img {display: none;}
      .new-prod-wrap .wrap-credenSwiper .slide-long .mb_img {display: block;}      
      .new-prod-wrap .wrap-credenSwiper .swiper-slide .txt-creden {padding: 1rem;}
  }

/* section-vertical */
.new-prod-wrap .section-vertical {padding: 0;overflow-x: hidden;}
.new-prod-wrap .section-vertical .col.right-side {background: #e8e8ed;}
.new-prod-wrap .section-vertical .vertical-grp {padding: var(--pc-vertical-padding) 5rem;}
.new-prod-wrap .section-vertical img {height: 90px;}

@media screen and (max-width: 890px){
  .new-prod-wrap .section-vertical .vertical-grp .col + .col {margin-top: 5rem;}
  .new-prod-wrap .section-vertical .vertical-grp {padding: var(--mb-vertical-padding) var(--mb-horizontal-padding);}
}

/* section-design */
.new-prod-wrap .product-swiper{overflow: hidden;border-radius: 1rem;position: relative;}
.new-prod-wrap .swiper-button-next,
.new-prod-wrap .swiper-button-prev {background-image: none;position: absolute; top: 50%; z-index: 10; color: #fff; font-family: "Material Icons";  cursor: pointer; background: none; text-align: center;transform: translateX(-50%);}

.new-prod-wrap .swiper-button-black {color: #000;}

.new-prod-wrap .swiper-button-next:after {content: "\e5e1";}
.new-prod-wrap .swiper-button-prev:after {content: "\e2ea";}
.new-prod-wrap .swiper-button-prev {left: 1rem;}
.new-prod-wrap .swiper-button-next {right: 1rem;}
.new-prod-wrap .swiper-button-disabled {opacity: 0.5;}

@media screen and (max-width: 890px){
  .new-prod-wrap .swiper-button-prev,.new-prod-wrap .swiper-button-next {display: block;}
}

.new-prod-wrap .section-design .swiper-pagination {padding: 24px;width: 100%;bottom: 0;}
.new-prod-wrap .swiper-pagination.type-line {display: flex; gap: 8px;}
.new-prod-wrap .swiper-pagination.type-line .swiper-pagination-bullet-active {background: #fff;}
.section-design .swiper-pagination-bullet {flex: 1; height: 6px; border-radius: 6px; background: #fff;}
.section-design .slide-img-box.pc_img {position: relative;}
.section-design .angled-label-wrap {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
}
.section-design .angled-label-glass {
  padding: 14px 2rem;
  border-radius: 2rem;
  background: rgba(230, 46, 139, 0.2);
  color: #fff;
  font-weight: 300;
  font-size: 1.25rem;
  box-shadow: 0 2px 16px 2px rgba(80,0,40,0.15);
  backdrop-filter: saturate(180%) blur(5px);
  border: 1px solid rgba(255,159,208,0.2);
  position: relative;
  z-index: 3;
}
.section-design .slide-1 .angled-label-wrap.left-txt {left: 13.5%; top: 27.01%;}
.section-design .slide-1 .angled-label-wrap.right-txt {left: 63%; top: 69.17%;}
.section-design .slide-2 .angled-label-wrap {left: 15.69%; top: 51.48%;}
.section-design .slide-3 .angled-label-wrap.left-txt {left: 12.5%; top: 46.6%;}
.section-design .slide-3 .angled-label-wrap.right-txt {left: 65.5%; top: 47.3%;}
.section-design .slide-4 .angled-label-wrap {right: 10.28%; top: 51.48%;}
.section-design .slide-img-box.mb_img {display: none;}
.section-design .mb_img .level-4-tit {position: absolute; bottom: 0; left: 0; width: 100%; font-weight: 300; padding: 4rem 2rem;}
.section-design .mb_img .level-4-tit:before {content: ""; width: 2.5rem; height: 4px; background: var(--pink); display: block; margin-bottom:2rem ;}


@media screen and (max-width: 768px){
.section-design .slide-img-box.mb_img {display: block;}
.section-design .slide-img-box.pc_img {display: none;}
}


/* section-spec */
.new-prod-wrap .section-spec .bg{background: #000 url('/en/asset/images/01_product/xpass-q2-spec-main.webp') no-repeat center 150px / auto 869px; }
.new-prod-wrap .spec-high-light {padding-top: 50px;}
.spec-high-light .row {justify-content: end;}

.new-prod-wrap .section-spec .spec-feature {display: flex; gap: 24px;}
.new-prod-wrap .section-spec .spec-feature img {height: 60px;width: auto;}
.new-prod-wrap .section-spec .spec-feature-list {margin-top: 500px;}

@media screen and (min-width: 891px) {
  .spec-high-light .row .col {padding-left: 60%;}
}

@media screen and (max-width: 768px) {
  .new-prod-wrap .section-spec .bg {background: #000 url('/en/asset/images/01_product/xpass-q2-spec-main-m.webp') no-repeat center 150px / auto 730px;}
  .new-prod-wrap .spec-high-light {padding-top: 450px;}
  .new-prod-wrap .section-spec .spec-feature-list {margin-top: 5rem;}
  
}

@media screen and (max-width: 576px) {
  .new-prod-wrap .section-spec .bg {background: #000 url('/en/asset/images/01_product/xpass-q2-spec-main-m.webp') no-repeat center 100px / auto 730px;}
}

/* section-spec-1 */
.video-wrapper-box {border-radius: 1rem;overflow: hidden;background: #fff; }
.section-spec-1 .video-wrapper.video-square {border-radius: 0;}
.video-desc-box{padding: 3rem; display: flex; align-items: center;height: 100%;}
.spec-grid .spec-icon-list {background: #fff; padding: 3rem; border-radius: 1rem;height: 100%;}
.spec-grid .spec-icon {display: flex;justify-content: space-between;align-items: center;}
.spec-grid .spec-icon .level-2-tit span {font-size: 0.5em;}

@media screen and (max-width: 890px) {
  .spec-grid .col + .col {margin-top: 2rem;}
  .video-desc-box {padding: 3rem var(--mb-horizontal-padding);}
}

/* section-spec-2 */
.new-prod-wrap .spec-prod-wrap img {   
  width: auto;
  height: 378px;
}
.new-prod-wrap .spec-list-wrap .spec-key-list{padding: 1.65625rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);height: 100%; text-align: left;}
.new-prod-wrap .spec-list-wrap .spec-key-list dt {font-weight: 400; color: rgba(255, 255, 255, 0.5);margin-bottom: 0.3125rem;}
.new-prod-wrap .spec-list-wrap .spec-key-list dd {font-weight: 500; color: #fff;}

@media only screen and (max-width: 768px) {
  .new-prod-wrap .spec-prod-wrap figure {padding: 3rem 0;}
}

/* section-spec-4 */
.new-prod-wrap .section-spec-4 .card {background: #fff; text-align: center;padding: 3.25rem 5rem;}


@media only screen and (max-width: 890px) {
  .new-prod-wrap .section-spec-4 .card {padding: 2.875rem var(--mb-horizontal-padding);}
  .new-prod-wrap .section-spec-4 .card img {height: 80px;}
  .new-prod-wrap .section-spec-4 .col {flex: 0 0 50%; max-width: 50%;}
  .new-prod-wrap .section-spec-4 .col:nth-child(3),.new-prod-wrap .section-spec-4 .col:nth-child(4) {margin-top: 2rem;}
  
}

/* section-config */
.new-prod-wrap .wrap-config {text-align: center;height: auto;border: 1px solid var(--border); position: relative;}
.new-prod-wrap .wrap-config img {max-width: none;}
@media only screen and (max-width: 1440px) {
  .new-prod-wrap .wrap-config {
      overflow-x: auto;
      height: auto;
      text-align: center;
  }
}
.new-prod-wrap .tooltip {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 890px) {
  .new-prod-wrap .tooltip {
      display: block;
  }
}

/* section-download */
.section-download .sticky_anchor {font-size: 2.5rem; font-weight: 700; margin-bottom: 2rem;}
.section-download .sticky_anchor.scroll_Tit {display: none;}
.section-download .scroll_exTit{width:100%; margin:0 auto 15px; font-size:1rem; color:#9c2c49; text-align:right; display:none;}
.section-download .scroll_exTit.on{display:block;}
.section-download .table_topScrollx,
.section-download .table_inner {width: 100%;}
.section-download .spec_table .spec_table_main {width: 440px;}
.section-download .spec_table.spec_content {width: 500px;}
.section-download .spec-footnote {margin-bottom: 150px;margin-top: 1rem;}
.section-download #board_wrapper .board_containe ul > li > .down a.btn_down {background: var(--black);}
.section-download #board_wrapper .board_containe ul > li > .down a {border-color: var(--black);}
.section-download #board_wrapper .board_containe ul > li > .down a.btn_share {color: var(--black);}
.section-download #board_wrapper .board_containe ul > li > .cate {color: #666;}

@media screen and (max-width:1024px){
    .product_info .scroll_exTit{padding:0 1rem; box-sizing:border-box;} 
}