.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 !important;}

.gate-container {width:100%; background:#F0ECE4;}
.gate-container .gate-keyvisual {width:100%; max-width:1920px; margin:0 auto; position:relative;}
.gate-container .gate-keyvisual .keyvisual-image {width:100%;}
.gate-container .gate-keyvisual .keyvisual-image img {width:100%;}
.gate-container .gate-keyvisual .keyvisual-text {width:100%; max-width:1200px; position:absolute; top:calc(40/16*1rem); left:50%; padding:0 calc(40/16*1rem); transform:translateX(-50%);}
.gate-container .gate-keyvisual .keyvisual-text .gate-keyvisual-heading {font-size:calc(36/16*1rem); font-weight:550; line-height:100%; color:#fff; font-family:'LGEI Headline';}
.gate-container .gate-keyvisual .keyvisual-text .btn-wrap {width:100%; margin-top:calc(20/16*1rem); display:flex; gap:calc(8/16*1rem);}
.gate-container .gate-keyvisual .keyvisual-text .btn-wrap a {height:calc(36/16*1rem); padding:0 calc(16/16*1rem); border-radius:calc(100/16*1rem); display:flex; align-items:center; justify-content:center; font-size:calc(14/16*1rem); line-height:100%; font-weight:600;}
.gate-container .gate-keyvisual .keyvisual-text .btn-wrap .watch-the-film {background:#EA1917; color:#fff;}
.gate-container .gate-keyvisual .keyvisual-text .btn-wrap .watch-the-film:hover {background:#fff; color:#000; border:1px solid #000; text-decoration:none;}
.gate-container .gate-keyvisual .keyvisual-text .btn-wrap .learn-more {background:#fff;}
.gate-container .gate-keyvisual .keyvisual-text .btn-wrap .learn-more:hover {background:#EA1917; color:#fff; text-decoration:none;}
.gate-container .gate-keyvisual .swiper-btns {width:100%; position:absolute; bottom:calc(24/16*1rem); left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; z-index:99;}
.gate-container .gate-keyvisual .swiper-btns * {position:relative;}
.gate-container .gate-keyvisual .swiper-btns .keyvisual-button-wrapper {display:flex; align-items:center; padding:calc(6/16*1rem) calc(10/16*1rem); border-radius:calc(100/16*1rem); background:rgba(0,0,0,0.2)}
.gate-container .gate-keyvisual .swiper-btns .keyvisual-button-next,
.gate-container .gate-keyvisual .swiper-btns .keyvisual-button-prev  {width:calc(7/16*1rem); height:calc(12/16*1rem);}
.gate-container .gate-keyvisual .swiper-btns .keyvisual-button-next {background:url('/content/dam/lge/sa_en/lifesgood/assets2024/gate/img/keyvisual_next.png') no-repeat; background-size:contain;}
html[dir="rtl"] .gate-container .gate-keyvisual .swiper-btns .keyvisual-button-next {transform:rotate(180deg)}
.gate-container .gate-keyvisual .swiper-btns .keyvisual-button-pause {width:calc(16/16*1rem); height:calc(16/16*1rem); background:url('/content/dam/lge/sa_en/lifesgood/assets2024/gate/img/keyvisual_pause.png') no-repeat; background-size:contain; margin:0 calc(16/16*1rem);}
.gate-container .gate-keyvisual .swiper-btns .keyvisual-button-start {width:calc(16/16*1rem); height:calc(16/16*1rem); background:url('/content/dam/lge/sa_en/lifesgood/assets2024/gate/img/keyvisual_start.png') no-repeat; background-size:contain; margin:0 calc(16/16*1rem); display:none;}
.gate-container .gate-keyvisual .swiper-btns .keyvisual-button-prev {background:url('/content/dam/lge/sa_en/lifesgood/assets2024/gate/img/keyvisual_prev.png') no-repeat; background-size:contain;}
html[dir="rtl"] .gate-container .gate-keyvisual .swiper-btns .keyvisual-button-prev {transform:rotate(180deg)}
.gate-container .gate-keyvisual .swiper-btns .swiper-pagination {width:calc(188/16*1rem); height:calc(3/16*1rem); margin-right:calc(40/16*1rem); display:flex; align-items:center; justify-content:space-between; gap:0.25rem; top:initial; bottom:initial;}
html[dir="rtl"] .gate-container .gate-keyvisual .swiper-btns .swiper-pagination {margin-right:0;margin-left:calc(40/16*1rem);}
.gate-container .gate-keyvisual .swiper-btns .swiper-pagination .swiper-pagination-bullet {height:calc(3/16*1rem); background:rgba(255,255,255,0.2); opacity:1; border-radius:calc(3/16*1rem); position:relative;}
.gate-container .gate-keyvisual .swiper-btns .swiper-pagination .swiper-pagination-bullet .swiper-item-name {display:none;}
.gate-container .gate-keyvisual .swiper-btns .swiper-pagination .swiper-pagination-bullet .pagenation-progress {width:0; height:1px; background:#fff; position:absolute; top:50%; left:0;}
.gate-container .gate-layer {display:none;position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; row-gap: 0.625rem; flex-direction: column; align-items: flex-end;}
.gate-container .gate-layer.active {display: flex;}
.gate-container .gate-layer__dimmed {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8)}
.gate-container .gate-layer__container {position: relative; max-width:80rem; width: 100%; padding-bottom: calc(100% * 720 / 1280); margin: auto;}
.gate-container .gate-layer__close-button {position: absolute; top: calc(-40/16*1rem); right: 0; left: auto; display: flex; justify-content: center; align-items: center; width: calc(30/16*1rem); height: calc(30/16*1rem); min-width: calc(30/16*1rem);min-height: calc(30/16*1rem);border: none;padding: 0;margin-right: calc(10/16*1rem);color: #fff;background: none;cursor: pointer;z-index: inherit;}
html[dir="rtl"] .gate-container .gate-layer__close-button {left:0;right:auto;margin-right:0;margin-left: calc(10/16*1rem);}
.gate-container .gate-layer__close-button:before,
.gate-container .gate-layer__close-button:after {content:''; width: 100%; height:1px; background-color:#fff;}
.gate-container .gate-layer__close-button:before {transform:rotate(45deg); margin-right:-50%;}
html[dir="rtl"] .gate-container .gate-layer__close-button:before {margin-right:0;margin-left:-50%;}
.gate-container .gate-layer__close-button:after {transform:rotate(-45deg); margin-left:-50%;}
html[dir="rtl"] .gate-container .gate-layer__close-button:after {margin-left:0; margin-right:-50%;}
.gate-container .gate-layer__close-button:focus-visible {outline-color:#fff}
.gate-container .gate-layer .sr-only {overflow:hidden; clip: rect(0, 0, 0, 0); position:absolute; width:1px; height:1px; margin:-1px; border:0; padding:0; color:#fff; background-color:rgb(0 0 0);}
.gate-container .gate-layer__video {position:absolute;top:0;right:0;bottom:0;left:0; width: 100%; height:100%; background-color:rgba(0, 0, 0, 0.6);}
.gate-container .gate-layer__video iframe {width:100%; height:100%;}

.gate-container .gate-inner {width:100%; max-width:1200px; margin:0 auto;}

.gate-container .gate-section {width:100%; padding:calc(60/16*1rem) calc(24/16*1rem) 0; overflow-x:hidden;}
.gate-container .gate-section:last-child {padding-bottom:calc(60/16*1rem);}
.gate-container .gate-section-heading {font-size:calc(28/16*1rem); font-weight:550; line-height:100%; font-family:'LGEI Headline';}
.gate-container .gate-section .btn-wrap {width:100%; margin-top:calc(16/16*1rem); display:flex;}
.gate-container .gate-section .btn-wrap .learn-more {height:calc(36/16*1rem); padding:0 calc(16/16*1rem); border-radius:calc(100/16*1rem); font-size:calc(14/16*1rem); font-weight:600; line-height:100%; color:#fff; display:flex; align-items:center; justify-content:center; background:#EA1917;}
.gate-container .gate-section .btn-wrap .learn-more:hover {background:#fff; color:#000; border:1px solid #000; text-decoration:none;}
.gate-container .gate-section .btn-wrap .learn-more.white {color:#000; background:#fff;}
.gate-container .gate-section .btn-wrap .learn-more.white:hover {background:#EA1917; color:#fff; text-decoration:none;}
.gate-container .gate-section .swiper-btns {width:100%; position:relative; display:flex; align-items:center; justify-content:flex-end; margin-top:calc(8/16*1rem); gap:calc(8/16*1rem);}
.gate-container .gate-section .swiper-btns .swiper-btn-arrow {width:calc(36/16*1rem); height:calc(36/16*1rem); background:url('/content/dam/lge/sa_en/lifesgood/assets2024/gate/img/swiper_arrow.png') no-repeat; background-size:contain; position:relative; top:initial; left:initial; right:initial; margin-top:0;}
html[dir="rtl"] .gate-container .gate-section .swiper-btns .swiper-btn-arrow {transform:rotate(180deg);}
.gate-container .gate-section .swiper-btns .swiper-btn-arrow::after {display:none;}
.gate-container .gate-section .swiper-btns .stories-pagination {display:none;}
.gate-container .gate-section .swiper-btns .swiper-prev {transform:scaleX(-1);}
html[dir="rtl"] .gate-container .gate-section .swiper-btns .swiper-prev {transform:scaleX(1);}
.gate-container .gate-section .swiper-btns .swiper-button-disabled {opacity:0.3;}
.gate-container .gate-section .swiper-btns .swiper-button-lock {display:none !important;}

.gate-container .gate-section .swiper {width:100%; margin-top:calc(20/16*1rem); overflow:initial; position:relative;}
.gate-container .gate-section .swiper-slide .swiper-slide-bg {border-radius:calc(20/16*1rem); overflow:hidden;}
.gate-container .gate-section .swiper-slide .swiper-slide-bg img {width:100%;}
.gate-container .gate-section .swiper-slide .swiper-slide-text {width:100%; position:absolute; bottom:0; left:0; padding:calc(32/16*1rem) calc(24/16*1rem);}
.gate-container .gate-section .swiper-slide .swiper-slide-text.top {bottom:initial; top:0;}
.gate-container .gate-section .swiper-slide .swiper-slide-text .swiper-slide-item-heading {font-size:calc(24/16*1rem); font-weight:550; line-height:110%; color:#fff; font-family:'LGEI Headline';}
.gate-container .gate-section .swiper-slide .swiper-slide-text.bk .swiper-slide-item-heading {color:#000;}
.gate-container .gate-section .swiper-slide .swiper-slide-text .swiper-slide-item-discription {font-size:calc(16/16*1rem); font-weight:400; line-height:120%; color:#ccc; margin-top:calc(8/16*1rem);}
.gate-container .gate-section .swiper-slide .swiper-slide-text.bk .swiper-slide-item-discription {color:#000;}

.gate-container .gate-section .swiper.product-banner {margin-top:calc(12/16*1rem);}
.gate-container .gate-section .product-banner .swiper-slide {background:#fff; border-radius: calc(20/16*1rem); padding:calc(24/16*1rem); display:flex; align-items:center; row-gap:calc(8/16*1rem);}
.gate-container .gate-section .product-banner .swiper-slide .gate-PDP-imgbox {width:calc(100/16*1rem); height:calc(100/16*1rem);}
.gate-container .gate-section .product-banner .swiper-slide .gate-PDP-imgbox img {width:100%}
.gate-container .gate-section .product-banner .swiper-slide .gate-PDP-textbox {display:flex; flex-direction:column; row-gap:calc(16/16*1rem);}
.gate-container .gate-section .product-banner .swiper-slide .gate-PDP-textbox .gate-PDP-prdname {font-size:calc(24/16*1rem); line-height:100%; font-weight:600;}
.gate-container .gate-section .product-banner .swiper-slide .gate-PDP-textbox .gate-PDP-btnbox {height:calc(36/16*1rem);}
.gate-container .gate-section .product-banner .swiper-slide .gate-PDP-textbox .gate-PDP-btnbox .learn-more {height:100%; border-radius:calc(100/16*1rem);  background:#fff; border:1px solid #646464; padding:calc(11/16*1rem) calc(16/16*1rem); display:flex; align-items:center; justify-content:center; font-size:calc(14/16*1rem); line-height:100%; font-weight:600;}
.gate-container .gate-section .product-banner .swiper-slide .gate-PDP-textbox .gate-PDP-btnbox .learn-more:hover {border:none; background:#EA1917; color:#fff; text-decoration:none;}


.gate-container .gate-section03 .gate-section-discription {font-size:calc(20/16*1rem); font-weight:400; line-height:120%; color:#262626; margin-top:0.5rem;}
.gate-container .gate-section03 .gate-section-discription .click-text {font-size:calc(20/16*1rem); font-weight:600; line-height:120%; color:#FA322F;}

.gate-container .gate-section04 .stories-swiper .swiper-slide .swiper-slide-text .gate-stories-logo-heading {width:calc(219/16*1rem);}
.gate-container .gate-section04 .stories-swiper .swiper-slide .swiper-slide-text .gate-stories-logo-heading img {width:100%;}


@media all and (min-width:768px) {
  .swiper-section-pagination {display:none;}
  .gate-container .mo {display:none;}

  .gate-container .gate-keyvisual .keyvisual-text {top:calc(56/16*1rem); padding:0 calc(40/16*1rem);}
  .gate-container .gate-keyvisual .keyvisual-text .gate-keyvisual-heading {font-size:calc(40/16*1rem);}
  .gate-container .gate-keyvisual .keyvisual-text .btn-wrap a {height:calc(44/16*1rem); padding:0 calc(20/16*1rem); font-size:calc(16/16*1rem);}
  .gate-container .gate-keyvisual .swiper-btns {bottom:calc(32/16*1rem);}
  .gate-container .gate-keyvisual .swiper-btns .swiper-pagination {width:calc(566/16*1rem); margin-right:calc(40/16*1rem); gap:calc(4/16*1rem);}

  .gate-container .gate-inner {padding:0 calc(40/16*1rem);}

  .gate-container .gate-section {padding:calc(72/16*1rem) 0 0; position:relative;}
  .gate-container .gate-section:last-child {padding-bottom:calc(72/16*1rem);}
  .gate-container .gate-section-heading {font-size:calc(32/16*1rem);}
  .gate-container .gate-section .btn-wrap .learn-more {height:calc(36/16*1rem);}
  .gate-container .gate-section .swiper-btns {position:absolute; top:calc(68/16*1rem); right:0; margin-top:0rem;}
  .gate-container .gate-section .swiper-btns .swiper-btn-arrow {width:calc(44/16*1rem); height:calc(44/16*1rem);}

  .gate-container .gate-section .swiper {margin-top:calc(24/16*1rem);}

  .gate-container .gate-section .swiper-slide .swiper-slide-text .swiper-slide-item-heading {font-size:calc(28/16*1rem); line-height:100%;}

  /* .gate-container .gate-section02 .swiper-btns {display:none;}
  .gate-container .gate-section02 .swiper-wrapper {display:flex; flex-wrap:wrap; gap:calc(16/16*1rem);}
  .gate-container .gate-section02 .swiper-slide:not(:first-child) {width:calc(50% - (8/16*1rem));}
  .gate-container .gate-section02 .swiper-slide:first-child .swiper-slide-text.top {width:50%; top:50%; transform:translateY(-50%);} */
  .gate-container .gate-section03 .gate-section-discription {margin-top:calc(12/16*1rem);}

  .gate-container .gate-section04 .swiper-slide .swiper-slide-text {width:50%; max-width:calc(500/16*1rem); top:50%; bottom:initial; transform:translateY(-50%);}
  .gate-container .gate-section04 .stories-swiper .swiper-slide .swiper-slide-text .gate-stories-logo-heading {margin-bottom:calc(16/16*1rem);}
}

@media all and (min-width:1024px) {
  .gate-container .gate-keyvisual .keyvisual-text {width:50%; max-width:calc(600/16*1rem); transform:translateX(-100%);}

  .gate-container .gate-layer__container {height: 100%; max-height: calc(720/16*1rem); padding-bottom:0;}
  .gate-container .gate-layer__video {position:relative;top:auto;right:auto;bottom:auto;left:auto;}
  .gate-container .gate-layer__close-button {top: calc(-66/16*1rem);width: calc(56/16*1rem); height: calc(56/16*1rem);min-width: calc(56/16*1rem);min-height: calc(56/16*1rem);}

  .gate-container .gate-section.gate-section01 .swiper-slide .swiper-slide-bg {height:calc(424/16*1rem);}
  .gate-container .gate-section .swiper-slide .swiper-slide-bg img {height:100%; object-fit:cover;}
}

@media all and (min-width:1440px) {
  .swiper-section-pagination:not(.swiper-pagination-lock) {display:none;}
  .gate-container .gate-keyvisual .keyvisual-text {top:calc(80/16*1rem);}
  .gate-container .gate-keyvisual .keyvisual-text .gate-keyvisual-heading {font-size:calc(48/16*1rem);}
  .gate-container .gate-keyvisual .swiper-btns {bottom:calc(40/16*1rem);}
  .gate-container .gate-keyvisual .swiper-btns .swiper-pagination {width:calc(1144/16*1rem); margin-right:calc(214/16*1rem); gap:calc(8/16*1rem);}
  .gate-container .gate-keyvisual .swiper-btns .swiper-pagination .swiper-pagination-bullet .swiper-item-name {width:100%; align-items:center; justify-content:center; position:absolute; top:calc(34/16*-1rem); left:0; font-size:calc(16/16*1rem); font-weight:400; line-height:112.5%; color:#fff;}
  .gate-container .gate-keyvisual .swiper-btns .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .swiper-item-name {display:flex;}
  
  .gate-container .gate-inner {padding:0;}
  
  .gate-container .gate-section {padding:calc(96/16*1rem) 0 0; position:relative;}
  .gate-container .gate-section:last-child {padding-bottom:calc(96/16*1rem);}
  .gate-container .gate-section-heading {font-size:2.5rem;}
  .gate-container .gate-section .swiper-btns {top:6rem;}
  .gate-container .gate-section .swiper-btns .stories-pagination:not(.swiper-pagination-lock) {display:block; width:fit-content; font-size:1.25rem; color:#646464; margin-right:1rem;}
  html[dir="rtl"] .gate-container .gate-section .swiper-btns .stories-pagination:not(.swiper-pagination-lock) {margin-right:0; margin-left:1rem;}
  .gate-container .gate-section .swiper {margin-top:calc(48/16*1rem);}
  
  .gate-container .gate-section .swiper-slide .swiper-slide-text .swiper-slide-item-heading {font-size:calc(28/16*1rem);}

  .gate-container .gate-section .swiper-slide .swiper-slide-text .swiper-slide-item-discription {font-size:calc(20/16*1rem);}
  .gate-container .gate-section03 .gate-section-discription {margin-top:calc(16/16*1rem);}

  .gate-container .gate-section04 .stories-swiper .swiper-slide .swiper-slide-text .gate-stories-logo-heading {width:calc(320/16*1rem);}
}