@charset "utf-8";
/* @import url(common.css); */

:root {
  --swiper-navigation-size: 1.563vw;
  --swiper-theme-color: #000;
}

* {margin: 0; padding: 0;}
body {background: #EFECE4; }
img {width: 100%;border: 0;}
ul, li {list-style: none;}
button {border: 0; outline: 0;}
strong {font-weight: 700 !important;}
video {width: 100%;}
.cmp-breadcrumb__item-link {font-weight: 400 !important;} /* monthly breadcrumb */

.pc_only {display: block !important;}
.mo_only {display: none !important;}
.blind {overflow: hidden; border: 0; left: -100%; position: absolute; z-index: -1; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}

.align_center {text-align: center !important;}

.bold {font-weight: 700 !important;}
.normal {font-weight: normal !important;}

.highlight {display: inline-block;position: relative;/* width: 25.104vw; */cursor: pointer;z-index: 0;text-decoration: none !important;color: #000 !important;}
.highlight::after{display: inline-block;content: "";width: 100%;height: 2.083vw;background: url('../assets/image/monthly-lg-highlight-d.png') no-repeat 0 0;background-size: 100%;position: absolute;bottom: -0.521vw;left:0;z-index:-1;/* transition: 0.2s all;  */clip-path: inset(0 100% 0 0);}
.underline {text-decoration: underline;}


.monthly__container {position: relative; max-width: 100vw; margin: 0 auto;}
.scroll_section {position: relative; width: 100%;}
.monthly_inner {position: relative; z-index: 1;}

.key_visual {position: relative;padding: 0;}
/* .key_visual .ball {position: absolute; top: 9.563vw; right: 20.333vw; width: 20.635vw; height: 20.375vw; z-index: 2;} */
.key_visual .ball {position: absolute; top: 9.563vw; right: 35.333vw; width: 9.635vw; height: 9.375vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-ball.png') no-repeat 0 0; background-size: contain; z-index: 2;}

.kv_img {position: relative;}
.kv_img .bg {position: relative; width: 100%; height: 41.667vw;}
.kv_img .bg .pattern {width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-1-d.jpg') no-repeat 0 0; background-size: cover;}
.kv_img .bg .left {position: absolute; top: 0; left: 0; width: 30.625vw; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-2-d.png') no-repeat 0 0; background-size: contain;}
.kv_img .bg .right {position: absolute; top: 0; left: auto; right: 0; width: 28.646vw; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-3-d.png') no-repeat 0 0; background-size: contain;}
.kv_tit {}
.kv_tit h1 {position: absolute; left: 0; top: 1.0vw; width: 100%;height: 100%;font-size: 1.042vw;line-height: 1.5;}
.kv_tit h1 > span {display: inline-block; position: absolute; text-align: center; z-index: 1;}
.kv_tit h1 > span::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -1;}
.kv_tit h1 span:nth-child(1) {transform: rotate(-4deg); top: 1.458vw; left: 36.25vw; width: 19.438vw; height: 6.615vw; font-size: 3.698vw; color: #fff; line-height: 6.615vw;}
.kv_tit h1 span:nth-child(1)::before {}
.kv_tit h1 > span:nth-child(2) {transform: rotate(4deg);top: 7.646vw; left: 30.375vw; width: 25.594vw; height: 9.813vw; }
.kv_tit h1 span:nth-child(2)::before {display: none;}
.kv_tit h1 span:nth-child(2) i {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; z-index: -1; }
.kv_tit h1 > span:nth-child(2) span {background: linear-gradient(354deg, rgba(100,49,133,1) 0%, rgba(249,38,111,1) 57%, rgba(255,134,68,1) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 7.552vw; line-height: 9.813vw;}
.kv_tit h1 > span:nth-child(3) {bottom: 14.250vw; left: 27.646vw; width: 32.521vw; height: 10.156vw; text-align: left;}
.kv_tit h1 span:nth-child(3)::before {display: none;}
.kv_tit h1 span:nth-child(3) i {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; z-index: -1;}
.kv_tit h1 > span:nth-child(3) span {background: linear-gradient(354deg, rgba(100,49,133,1) 0%, rgba(249,38,111,1) 57%, rgba(255,134,68,1) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 7.552vw; box-sizing: border-box; padding-left: 2.083vw;}
.kv_tit h1 > span:nth-child(4) {transform: rotate(-2deg);bottom: 16.208vw; right: 26.448vw; width: 16.044vw; height: 6.927vw; font-size: 1.875vw; color: #fff; padding: 0.729vw 0.625vw 0; box-sizing: border-box;}
.kv_tit h1 > span:nth-child(4)::before {background: #d62626; }
.kv_tit p {position: absolute; bottom: 2.604vw; left: 50%; transform: translateX(-50%); width: 42.188vw; height: auto; font-size: 1.458vw; line-height: 1.875vw; text-align: center;}
.kv_tit .highlight::after {bottom: -0.821vw;}

.coupon {background: #f0ece3; padding: 4.167vw 0 5.208vw;}
.coupon h2 {margin-bottom: 4.167vw; text-align: center; font-size: 2.813vw; text-transform: none; font-family: inherit; font-weight: 700;}
.coupon h2 span {display: block; line-height: 1;}
.coupon h2 .date {display: inline-block; background: #f0443b; padding: 0.260vw 2.083vw; color: #fff; font-size: 1.458vw; border-radius: 1.302vw; font-weight: 400;}
/* .coupon .coupon_area {margin-top: 4.167vw;} */
.coupon_area {position: relative; width: 63.229vw; height: 24.583vw; margin: 0 auto;}
.coupon_area::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-shadow-d.png') no-repeat 0 0; background-size: contain;}
.coupon_area .coupon_inner {display: flex; justify-content: space-between; position: relative; margin: 0 auto; width: 62.5vw; height: 23.958vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-bg-d.png') no-repeat 0 0; background-size: contain; padding: 0 1.615vw; box-sizing: border-box;}
.coupon_area .left {width: 44.167vw; padding: 0.781vw 1.771vw 0.781vw 1.042vw; box-sizing: border-box;}
.coupon_area .left .title {display: flex; align-items: center; margin-top: 0.938vw; padding-bottom: 0.521vw;}
.coupon_area .left .title strong {font-size: 2.083vw; color: #ea1917; font-family: "Montserrat"; text-transform: uppercase; font-weight: 800 !important;}
.coupon_area .left .title span {position: relative; flex: 1; margin-left: 0.781vw; padding-left: 0.781vw; font-size: 1.042vw; line-height: 1.250vw; letter-spacing: -0.02em; }
.coupon_area .left .title span::before {display: block; content: '*'; position: absolute; top: 0; left: 0; font-size: 1.042vw;}
.coupon_area .left .prd_list {display: flex; position: relative; width: 100%; padding-top: 0.521vw;}
.coupon_area .left .prd_list::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0.156vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-border-dotted.png') repeat-x 0 0; background-size: contain; }
.coupon_area .left .prd_list > div {width: 14.74vw;}
.coupon_area .left .prd_list > div > .tit {display: block; height: 2.083vw; background: #4a4649; text-align: center; font-size: 1.146vw; line-height: 2.083vw; color: #fff; font-weight: 600; border-radius: 0.417vw;}
.coupon_area .left .prd_list > div:nth-child(2) {width: 11.458vw;}
.coupon_area .left .prd_list > div + div {margin-left: 0.26vw;}
.coupon_area .left .prd_list .list_wrap {position: relative; height: 14.219vw; margin-top: 0.208vw; padding-top: 0.208vw; text-align: center; box-sizing: border-box;}
.coupon_area .left .prd_list .list_wrap::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #4a4649; opacity: .15; border-radius: 0.417vw;}
.coupon_area .left .prd_list .list_wrap * {position: relative; z-index: 1;}
.coupon_area .left .prd_list .list_wrap li {font-size: 1.042vw;}
.coupon_area .left .prd_list .list_wrap li:first-child {color: #ea1917; font-weight: 600;}
.coupon_area .left .prd_list .list_wrap li + li {margin-top: 0.156vw;}
.coupon_area .left .prd_list > div .img_area {position: absolute; bottom: 0.833vw; left: 50%; transform: translateX(-50%);}
.coupon_area .left .prd_list > div:nth-child(1) .img_area {width: 9.115vw;}
.coupon_area .left .prd_list > div:nth-child(2) .img_area {width: 2.656vw;}
.coupon_area .left .prd_list > div:nth-child(3) .img_area {width: 8.073vw; bottom: 2.083vw;}
.coupon_area .right {position: relative; width: 15.625vw; text-align: center; box-sizing: border-box;}
.coupon_area .right .txt_area {}
.coupon_area .right .txt_area p {}
.coupon_area .right .txt_area > p:nth-child(1) {margin-top: 4.583vw; padding-bottom: 1.042vw; font-size: 1.979vw; font-weight: 600;  letter-spacing: 0.04em; font-family: "Montserrat";}
.coupon_area .right .txt_area > p:nth-child(2) {position: relative; margin: 0 1.458vw 0 1.823vw; padding-top: 0.833vw; font-size: 1.302vw; letter-spacing: -0.02em; line-height: 1; }
.coupon_area .right .txt_area > p:nth-child(2)::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0.156vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-border-dotted.png') repeat-x 0 0; background-size: contain; }
.coupon_area .right .txt_area > p:nth-child(2) span {display: block; color: #ea1917; font-weight: 700; margin-top: 0.208vw;}
.coupon_area .right .txt_area > p > strong {display: block; margin-bottom: 0.938vw; font-size: 8.854vw; color: #ea1917; line-height: 2.604vw; letter-spacing: -0.1em; font-weight: 700;}
.coupon_area .right .txt_area > p > strong span {display: inline-block; margin-left: 0.521vw; font-size: 5.208vw; letter-spacing: 0; font-weight: 600; font-family: "Montserrat";}
.coupon_area .btn_copy {display: inline-block; width: 6.146vw; height: 3.333vw; background: #ea1917; margin-top: 1.042vw; border-radius: 1.823vw; font-size: 1.25vw; color: #fff; line-height: 3.333vw; text-align: center; text-decoration: none;}
.coupon_area .btn_copy:hover {text-decoration: none;}
/* 쿠폰 dimmed */
.coupon_dimmed {position: absolute; top: 0; left: -0.45vw; width: 16.635vw; height: 100%; background: #000000cc; color: #fff; border-radius: 0.925vw 1.590vw 1.590vw 0.925vw ; text-align: center;}
.coupon_dimmed > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.875vw;}

/*지민: min으로 수정*/
/*지민: 전체구조 수정*/
.intro {position: relative; height: 65.26vw; padding: min(100px, 5.365vw) 0 6.771vw; text-align: center; box-sizing: border-box; background-color: #f0ece3;}
.intro .monthly_inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 65.26vw;
  width: 100%;
  padding: min(100px, 5.365vw) 0 6.771vw; 
}
.intro .monthly_inner.intro_1 {
  background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-bg-d.png') no-repeat center 0; background-size: cover;
}
.intro .monthly_inner.intro_2 {
  /* transition-property: all;
  transition-duration: .2s; */
  opacity:0; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-with-friends-bg-d.png') no-repeat center 0; background-size: cover;
}
.intro .intro_area .img_area {position: relative; height: 25.521vw;}
/* .intro .intro_area .img_area::before {display: block; content: ''; position: absolute; top: 22.135vw; left: 2.344vw; width: calc(100% - 4.583vw); height: 0.573vw; background: #fff;} */
.intro .intro_area .img_area .intro_img {position: relative; width: 25.521vw; height: 25.521vw; margin: 0 auto;}
.intro .intro_area .img_area .intro_img picture {display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%;}
.intro .intro_area .img_area .intro_img picture:nth-child(2) {display: none;}
.intro .intro_area .txt_area {position: relative;}
.intro .intro_area .txt_area > div {position: absolute;top: 0; left: 50%; transform: translateX(-50%);display: flex; width: 83.333vw; margin: 2.646vw auto 0; color: #fff;}
.intro .intro_area .txt_area > div:nth-child(2) {display: flex; opacity: 0;}
.intro .intro_area .txt_area p {flex: 1; text-align: left;}
.intro .intro_area .txt_area .left_area {font-weight: 400; font-size: 2.604vw; line-height: 3.125vw; margin-top: -0.221vw; font-family: 'Montserrat';}  
.intro .intro_area .txt_area .right_area {font-weight: 400; font-size: 1.042vw; line-height: 1.979vw; padding-left: 3.125vw; font-family: 'Montserrat';} }
.intro .intro_area .img_area .intro_img picture {display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%;}
.intro .intro_area .img_area .intro_img picture:nth-child(2) {display: block;overflow: hidden; bottom:0;}

.point {color: #ff443b; font-weight: 700;}

h2 { font-weight: 700;}
h2 span {font-family: inherit;}
.cont h2 .title {display: block; font-size: 4.167vw; color: #fff; line-height: 1; font-family: "Montserrat";}
.cont h2 .s_txt {display: inline-block; padding: 0 2.604vw; margin-top: 0.313vw; font-size: 2.917vw; background: #ff443b; color: #000; line-height: 1.07; font-weight: 400; font-family: "Montserrat";}
.cont .txt_area {width: 62.5vw; margin: 0 auto; box-sizing: border-box;}
.cont .txt_area .title {width: 41.417vw; margin: 0 auto; font-size: 2.5vw; font-weight: 700; line-height: 2.917vw;  font-family: "Montserrat"; letter-spacing: -0.02em;}
.cont .txt_area .title span {font-family: "Montserrat"; }
.cont .txt_area .txt {margin-top: 1.354vw; font-size: 1.458vw; line-height: 1.979vw; text-align: center;}
.cont .txt_area.ltr {display:flex; width: 88.021vw;}
.cont .txt_area.ltr p {box-sizing: border-box;}
.cont .txt_area.ltr .title {width: 39.583vw;}
.cont .txt_area.ltr .txt {width: calc(100% - 39.583vw); margin-top: 0; text-align: left;}
.cont .txt_area.rtl {}
.cont .col2_cont {display: flex; max-width: 88.021vw; margin: 0 auto;}
.cont .col2_cont .left {box-sizing: border-box;}
.cont .col2_cont .right {}
.cont .txt_area .title {text-align: center;}
.cont .txt_area .title span.box {display: inline-block; background: #ff443b; padding: 0 2.604vw; margin-bottom: 0.365vw; color: #fff; text-align: center; font-size: 2.604vw; line-height: 3.646vw; border-radius: 1.823vw;}
.cont .txt_area .title span:nth-child(2) {display: block;  line-height: 1.01;}
.video_area {position: relative;}
.btn_play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.552vw; height: 4.167vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-btn-play.png') no-repeat 0 0; background-size: contain; z-index: 2; cursor: pointer;}
.btn_pause {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.552vw; height: 4.167vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-btn-pause.png') no-repeat 0 0; background-size: contain; z-index: 2; cursor: pointer;}

.graphic {position: absolute;}
.graphic span {display: block;}

.gallery_1{position: relative;}
.gallery_1 .swiper-slide img{width:100%}
/* .gallery_1 .swiper {width: 35.469vw;} */
.gallery_1 .ui{position: relative;margin: 1.042vw auto 0 auto;width: 10.075vw;height: 2.083vw;z-index: 2;}
.gallery_1 .ui .swiper-pagination{z-index: 9;font-style: italic;font-size: 1.979vw;bottom: 0.156vw;line-height: 1;}
.gallery_1 .ui .swiper-pagination-bullet {background: #fff; opacity: .5;}
.gallery_1 .ui .swiper-pagination-bullet-active {opacity: 1;}

#scroll-section04::before {z-index: 0;content: '';display: block;position: absolute;top: -9.98vw;left:0; max-width: 100vw; width: 100%;height: 10vw;background: #f0ece3;clip-path: polygon(100% 50%, 0% 100%, 100% 100%);}
#scroll-section04 {z-index: 0;background: #f0ece3; padding: 6.771vw 0 10.885vw;}
/* #scroll-section04::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg04.png') no-repeat 0 0; background-size: cover; } */
#scroll-section04 .g1 {top: 5.417vw; left: -1.342vw;}
/* #scroll-section04 .g1 .arrow {width: 28.896vw; } */
#scroll-section04 .g1 .arrow {width: 24.896vw; height: 17.656vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-1-d.png') no-repeat 0 0; background-size: contain;}

#scroll-section04 .g2 {top: -17.813vw; right: 0;}
#scroll-section04 .g2 .pattern {width: 21.146vw; height: 26.615vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-pattern-1-d.png') no-repeat 0 0; background-size: contain;}
#scroll-section04 .title_area {text-align: center; margin-top: 3.281vw;}
#scroll-section04 .title_area h2 {width: 58.208vw; margin: 0 auto; font-size: 4.167vw; line-height: 1; font-weight: 800; letter-spacing: -0.02em; font-family: "Montserrat";}
#scroll-section04 .title_area h2 span {display: inline-block; width: 4.427vw; height: 4.427vw; background: #ff443b; margin-right: 0.521vw; border-radius: 50%; color: #fff; font-family: "Montserrat";}
#scroll-section04 .title_area .box {display: inline-block; width: auto; height: 3.646vw; background: #ff443b; padding: 0 2.604vw; margin-top: 1.042vw; font-size: 2.604vw; text-transform: none; border-radius: 1.823vw; color: #fff; letter-spacing: -0.02em; line-height: 3.385vw;}
#scroll-section04 .title_area  + .txt_area {margin: 9.375vw auto 0;}
/* #scroll-section04 .txt_area .title {display: flex; justify-content: center; width: auto; } */
#scroll-section04 .video_area {width: 61.979vw; height: 39.063vw; margin: 2.604vw auto 0;}
#scroll-section04 .video_area + .txt_area {margin-top: 10.417vw;}
#scroll-section04 .txt_area .title
#scroll-section04 .txt_area .txt {margin-top: 2.604vw;}
#scroll-section04 .img_area {width: 88.021vw; margin: 3.646vw auto 0;}
#scroll-section04 .img_area.flex {display: flex; justify-content: center; width: 77.031vw; margin-top: 1.302vw;}
#scroll-section04 .img_area.flex .img_box {width: 25.521vw;}
#scroll-section04 .img_area.flex .img_box + .img_box {margin-left: 0.26vw;}
#scroll-section04 .txt_area {margin-top: 4.688vw;}
#scroll-section04 .g3 {bottom: 37.438vw; right: 7.396vw;}
#scroll-section04 .g4 {bottom: 17.708vw; left: 4.583vw;}
#scroll-section04 .g3, 
#scroll-section04 .g4 {display: flex;}
#scroll-section04 .g3 .arrow,
#scroll-section04 .g4 .arrow {width: 3.594vw; height: 6.146vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-4-d.png') no-repeat 0 0; background-size: contain;}
#scroll-section04 .graphic .ar2, #scroll-section04 .graphic .ar3  {margin-left: -0.521vw;}


#scroll-section05 {background: linear-gradient(350deg, rgba(94,2,169,1) 0%, rgba(131,23,94,1) 100%); }
#scroll-section05::before {display: block; content: ''; position: absolute; top: -5.938vw; left: 0; width: 100%; height: 5.938vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-1-d.png') no-repeat 0 0; background-size: cover;}
/* #scroll-section05::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02_1.jpg') no-repeat 0 0; background-size: cover; } */
#scroll-section05 .monthly_inner {z-index: 1;}
#scroll-section05 .g5 {top: -12.135vw; right: 0; padding-left: 10vw;}
#scroll-section05 .g5::after {display: block; content: ''; clear: both;}
/* #scroll-section05 .g5 .dash {width: 16.24vw; height: 31.042vw; } */
/* #scroll-section05 .g5 .circle {float: right; width: 5.208vw; height: 5.208vw; margin: 0.521vw 0 0 0; border-radius: 50%; border: 0.26vw solid #fff; transform: translateX(-8.333vw);} */
#scroll-section05 .g5 .dash {width: 12.24vw; height: 21.042vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-dash-d.png') no-repeat 0 0; background-size: contain;}
#scroll-section05 .g5 .circle {float: right; width: 5.208vw; height: 5.208vw; margin: 0.521vw 0 0 0; border-radius: 50%; border: 0.26vw solid #fff; transform: translateX(-8.333vw);}

#scroll-section05 .txt_area {padding-top: 8.698vw; color: #fff;}
#scroll-section05 .txt_area .title span:nth-child(2) {color: #fff;}
#scroll-section05 .video_area + .txt_area {padding-top: 4.1667vw}
#scroll-section05 .video_area + .txt_area .txt {margin-top: 0;}
#scroll-section05 .col2_cont {display: flex; justify-content: space-between; width: 88.021vw; height: 36.875vw; padding: 0 1.042vw; margin-top: 3.385vw; box-sizing: border-box;}
#scroll-section05 .col2_cont .right {width: 56.250vw;}
#scroll-section05 .col2_cont .right.gallery_1 .swiper {width: 100%;}
#scroll-section05 .slide_area {margin-top: 12.813vw;}
#scroll-section05 .col2_cont + .txt_area {margin-top: 6.771vw; padding-top: 0; color: #fff;}
#scroll-section05 .g6 {bottom: -8.594vw; left: 0;}
#scroll-section05 .g6 .pattern {width: 21.146vw; height: 26.615vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-pattern-2-d.png') no-repeat 0 0; background-size: contain;}
#scroll-section05 .products_swiper .ui .swiper-pagination {color: #fff;}
#scroll-section05 .products_swiper .ui .swiper-button-prev,
#scroll-section05 .products_swiper .ui .swiper-button-next {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(245deg) brightness(107%) contrast(105%);}

.vi_area {display: flex; justify-content: center; align-items: center; width: 86.458vw; margin: 4.167vw auto 0;}
.vi_area > div + div {margin-left: 1.771vw;}
.vi_area .left {width: 30.677vw;}
.vi_area .left .img_box:nth-child(1) {width: 25vw; margin-left: 5.625vw;}
.vi_area .left .img_box:nth-child(2) {width: 100%; margin-top: 1.927vw;}
.vi_area .center {width: 23.438vw;}
.vi_area .center .video_area {width: 100%; height: 34.896vw;}
.vi_area .center .img_box {width: 100%; margin-top: 1.823vw;}
.vi_area .right {width: 28.802vw;}
.vi_area .right .img_box:nth-child(1) {width: 28.802vw;}
.vi_area .right .img_box:nth-child(2) {width: 17.083vw; margin-top: 1.927vw;}

#scroll-section06 {background: #f0ece3; padding: 6.771vw 0 3.646vw;}
/* #scroll-section06::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg05.png') no-repeat 0 0; background-size: cover; } */
#scroll-section06::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5.885vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-2-d.png') no-repeat 0 0; background-size: cover; }
#scroll-section06 .col2_cont {padding-top: 6.25vw;}
#scroll-section06 .txt_area {width: 100%; color: #fff; }
#scroll-section06 .txt_area .txt { text-align: left;}
#scroll-section06 .left {width: 47.813vw;}
/* #scroll-section06 .left .txt_area .txt {width: 100%; padding: 0 3.125vw 0 7.031vw; box-sizing: border-box;} */
#scroll-section06 .right .txt_area {padding-left: 4.167vw; color: #000; }
#scroll-section06 .right .txt_area .title {text-align: left;}
#scroll-section06 .right .txt_area .txt {margin-top: 3.125vw; padding-right: 2.865vw;}
#scroll-section06 .col2_cont + .col2_cont {margin-top: 9.896vw;}
#scroll-section06 .gallery_1 .ui .swiper-pagination-bullet {background: #000; opacity: .3;}
#scroll-section06 .gallery_1 .ui .swiper-pagination-bullet-active {opacity: 1;}

.outro {background: #f0ece3; padding: 5.208vw 0 4.688vw;}
/* .outro::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6.771vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02.png') no-repeat 0 0; background-size: cover; transform: scaleX(-1);} */
.outro .g7 {top: -9.417vw; right: 0;}
.outro .g7 .arrow {width: 18.792vw; height: 17.813vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-2-d.png') no-repeat 0 0; background-size: contain; }

/* .outro .g7 .arrow {width: 21.792vw; transform: rotateY(180deg);} */
.outro h2 {width: 64.583vw; margin: 0 auto; text-align: center; font-size: 4.167vw; line-height: 4.688vw; font-family: "Montserrat";}
.outro h2 span {display: inline-block; background: #fff; padding: 0 1.875vw; color: #ff443b; border-radius: 2.292vw; font-weight: 700; font-family: "Montserrat";}
.outro .img_area {margin-top: 5.208vw; width: 100%;}
.outro .gallery_1 {margin-top: 4.948vw;}
.outro .gallery_1 .ui .swiper-pagination-bullet {background: #000;}
.outro .txt_area {width: 66.927vw; margin: 3.125vw auto 0; text-align: center; font-size: 1.4583vw;}

.video {background: #f0ece3;  padding: 4.688vw 0 5.208vw;}
.video .title_area {text-align: center; margin-bottom: 1.563vw;}
.video h2 { font-size: 2.50vw; line-height: 3.125vw; margin-bottom: 1.042vw; font-family: "Montserrat";}
.video h2 span {display: inline-block; background: #fff; padding: 0 1.875vw; color: #ff443b; border-radius: 2.292vw; font-family: "Montserrat";}
.video .title_area > span {font-size: 1.458vw;}
.video .video_area {width: 61.979vw; margin: 0 auto;}
.video + .coupon {padding: 5.208vw 0 5.208vw;}

/* 제품 슬라이드 */
.products_swiper{overflow: hidden;}
.products_swiper .swiper{overflow:visible;margin: 7.292vw 12.24vw 2.083vw 12.24vw;}
.products_swiper .thumb{width: 13.021vw;height: 11.615vw;min-width: 7.25vw;}
.products_swiper .thumb > img{width:100%;height:100%;object-fit:cover;object-position: center;}
.products_swiper .swiper-wrapper{}
.products_swiper .swiper-slide{display:flex;gap: 2.083vw;background-color:#fff;border-radius:2.083vw;box-shadow: 0.208vw 0.208vw 0.417vw 0.417vw rgba(0, 0, 0, .03);overflow: hidden;padding: 1.563vw;box-sizing: border-box;}
.products_swiper .swiper-slide > .cont > * + *{display:block;margin-top: 0.208vw;}
.products_swiper .swiper-slide > .cont > em{font-style: normal;color: #646464;font-size: 0.797vw;}
.products_swiper .swiper-slide > .cont .price{margin-top:0.521vw;line-height: 1;}
.products_swiper .swiper-slide > .cont .price > strong{font-size:1.354vw;font-weight:bold}
.products_swiper .swiper-slide > .cont .price > * + *{margin-left: 0.417vw;}
.products_swiper .swiper-slide > .cont .promotion{font-size:0.99vw}
.products_swiper .swiper-slide > .cont > strong{font-weight:bold;line-height: 1.2em;height: 3.6em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 1.25vw;margin-bottom: 0.6vw;}
.products_swiper .swiper-slide > .cont sup{/* vertical-align: super; */}
.products_swiper .swiper-slide .cont{display: flex;flex-direction: column;width: 100%;}
.products_swiper .swiper-slide .btnWrap{display:flex;margin-top: auto;padding-top: 0.781vw;gap: 0.781vw;}
.products_swiper .swiper-slide .btnWrap > a{height: 2.604vw;border-radius: 1.302vw;border: 0.052vw solid #333;padding: 0.417vw 1.042vw;display: flex;flex:1;align-items: center;box-sizing: border-box;justify-content: center;text-align: center;font-size: 0.833vw;transition: .3s ease;}
.products_swiper .swiper-slide .btnWrap > a.red{background-color:#ff0000;color:#fff;border-color:#ff0000}
.products_swiper .swiper-slide .btnWrap > a:hover{text-decoration:none;background-color:#ff0000;color:#fff;border-color:#ff0000}
.products_swiper .swiper-slide .btnWrap > a.red:hover{text-decoration:none;background-color:#fff;color:#000;border-color:#333}
.products_swiper .ui{display: flex;position:absolute;align-items: center;top: -4.167vw;right:0;gap: 0.208vw;}
.products_swiper .ui .swiper-button-next,
.products_swiper .ui .swiper-button-prev,
.products_swiper .ui .swiper-pagination{position:relative;top:unset;left:unset;right:unset;margin: unset;bottom: unset;}
.products_swiper .ui .swiper-pagination{width: 6.167vw;}
.products_swiper .ui .swiper-button-next{width:3.333vw;height:3.333vw;background:url("/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speake-arrow.png");background-size: 100%;}
.products_swiper .ui .swiper-button-prev{width:3.333vw;height:3.333vw;background:url("/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speake-arrow.png");transform: rotate(180deg);background-size: 100%;}
.products_swiper .ui .swiper-button-next:after,
.products_swiper .ui .swiper-button-prev:after{display:none}

/* 카드 컴포넌트 버튼색상 */
.c-button[class*=-default].highlight, .c-button[class*=-default]:hover {
  background: #ff0000 !important;
  border-color: #ff0000 !important;
  color: #fff !important;
}
.c-button[class*=-default].highlight:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #646464 !important;
}

/* 하단 배너 컴포넌트 로딩바 숨김 */
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, 
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {display: none;}

/* cta */
.btn_plus {position: absolute; width: 3.646vw; height: 3.646vw; border-radius: 50%; background: #ea1917; border: 0; cursor: pointer; z-index: 20;}
.btn_plus::before, .btn_plus::after {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 1.667vw; height: 0.104vw; background: #fff; transform: translate(-50%, -50%); }
.btn_plus::after {transform: translate(-50%, -50%) rotate(90deg);}

.q_box {position: relative;background-color:#fff;border-radius:1.042vw;padding: 1.042vw;display: flex;box-shadow: 0.208vw 0.208vw 0.417vw 0.417vw rgba(0, 0, 0, .03);max-width: 30vw;}
.q_box .thumb{width:9.375vw;height:9.375vw;min-width: 9.375vw;}
.q_box .thumb img{object-fit: cover;animation: none !important;opacity: 1;}
.q_box .cont{display:flex;flex-direction:column;align-items: flex-start;}
.q_box .cont > em{font-size: 0.781vw;font-style: normal;}
.q_box .cont > strong{line-height: 1.3em;font-size: 1.042vw;height: 3.9em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-bottom: 0.521vw;margin-top: 0.26vw;font-weight: bold;}
.q_box .cont > a{margin-top: auto;height: 2.604vw;max-height: 2.604vw;border-radius: 1.302vw;/* border: 0.052vw solid #333; */padding: 0.417vw 1.042vw;display: flex;flex: 1;align-items: center;box-sizing: border-box;justify-content: center;text-align: center;font-size: 0.833vw;/* font-weight: bold; */width: 100%;background-color: #fff;color: #333;border:1px solid #333;transition:.4s ease}
.q_box .cont > a:hover{text-decoration:none;background-color:#ff0000;border-color:#ff0000;color:#fff}
.q_box:after{position: absolute;top: 50%;right: -2.604vw;transform: translateY(-50%);content:"";display:inline-block;width: 0;height: 0;border-bottom: 1.563vw solid transparent;border-top: 1.563vw solid transparent;border-left: 1.563vw solid white;border-right: 1.563vw solid transparent;}
.q_box.left:after{right:unset;left: -3vw;border-top: 2vw solid transparent;border-left: 2vw solid transparent;border-right: 2vw solid white;}

#scroll-section05 .img_box {position: relative;}
#scroll-section05 .btn_plus {bottom: 17vw; right: 1.146vw;}
#scroll-section05 .q_box{position: absolute; right: 6.75vw; bottom: 13vw;display: none;}
#scroll-section05 .q_box.left::after {left: unset; right: -3vw; transform: translateY(-50%) rotate(180deg);}
#scroll-section05 .btn_plus_hover_wrap:hover .q_box {display: flex;}
#scroll-section06 .btn_plus_hover_wrap:hover .q_box, 
#scroll-section07 .btn_plus_hover_wrap:hover .q_box {display: flex; opacity: 1 !important; animation: none !important;}

#scroll-section06 .btn_plus {top: 5vw; left: 10.313vw;}
#scroll-section06 .q_box{position: absolute; left: 15.813vw; top: 0.8vw; display: none;}

#scroll-section07 .btn_plus {top: 4vw; left: 35.313vw;}
#scroll-section07 .q_box{position: absolute; left: 40.813vw; top: 0.104vw; display: none;}


/* 모션관련 css */
#scroll-section01 {
  position: fixed;
  left: 0;
  top: 0;
}
#scroll-section01 .kv_img .left {
  transform: translate(-100%, -100%)
}
#scroll-section01 .kv_img .right {
  transform: translate(100%, 100%)
}
#scroll-section01 .ball {
  opacity: 0;
}
#scroll-section01 .kv_tit > p {
  opacity: 0;
}
#scroll-section01 .kv_tit > h1 > span {
  opacity: 0;
}

/*지민 : 마진 -> 패딩 */
.pinned-section{
  position: relative;
  padding-top: 41.667vw;
  background: linear-gradient(0deg, rgba(239,236,228,1) 0%, rgba(239,236,228,1) 82%,rgba(0,0,0,0) 83%, rgba(0,0,0,0) 100%);
  /*이부분 추가*/
  @media screen and (max-width: 720px){
    padding-top:163.472vw;

  }
}
/* #scroll-section05::before {top: -7.917vw; height: 7.917vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02_1_mo.png');} */


#scroll-section03 .slices {
  position: absolute;
  background-size: cover;
  z-index: 1;
  width: 100%;
  top: 0; height: calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8); background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-with-friends-bg-d.png'); 
  transition: all 1s ease-in-out;
}

#scroll-section03.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: -70px;
}

#scroll-section03 .slice-1 {
  background-position: 0px 0;
  transform: translateY(0);
  opacity: 0;
}
#scroll-section03 .slice-2 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8));
  opacity: 0;
}
#scroll-section03 .slice-3 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 2);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 2));
  opacity: 0;
}
#scroll-section03 .slice-4 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 3);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 3));
  opacity: 0;
}
#scroll-section03 .slice-5 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 4);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 4));
  opacity: 0;
}
#scroll-section03 .slice-6 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 5);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 5));
  opacity: 0;
}
#scroll-section03 .slice-7 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 6);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 6));
  opacity: 0;
  height: calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 - 25px);
}
#scroll-section03 .slice-8 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 7);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 7));
  opacity: 0;
}
/* #scroll-section03 .slice-2 {
  transform: translateY(40px);
}
#scroll-section03 .slice-4 {
  transform: translateY(40px);
}
#scroll-section03 .slice-6 {
  transform: translateY(40px);
}
#scroll-section03 .slice-8 {
  transform: translateY(40px);
} */

#scroll-section07 {
  background: #EFECE4;
}
#scroll-section02 .monthly_inner h2 {
  opacity: 0;
}
#scroll-section02 .monthly_inner h2.ani {
  animation: slideUp 1.5s ease 0s forwards;opacity: 0;
}

#scroll-section02 .monthly_inner .coupon_area {
  opacity: 0;
}

#scroll-section02 .monthly_inner .coupon_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}

#scroll-section04 .monthly_inner .title_area {
  opacity: 0;
}
#scroll-section04 .monthly_inner .g1 .arrow {
  clip-path: inset(0 100% 0 0);
}
#scroll-section04 .monthly_inner .g1.ani .arrow {
  animation: clipLeft 1s ease-in-out forwards;clip-path: inset(0 100% 0 0);
}
#scroll-section04 .monthly_inner .title_area.ani {
  animation: slideUp 1.5s ease 0s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .video_area {
  opacity: 0;
}
#scroll-section04 .monthly_inner .video_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar3 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar3.ani {
  animation: appear 0s linear .0s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar2 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar2.ani {
  animation: appear 0s linear .3s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar1 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar1.ani {
  animation: appear 0s linear .6s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar2 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar2.ani {
  animation: appear 0s linear .5s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar1 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar1.ani {
  animation: appear 0s linear .8s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar3 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar3.ani {
  animation: appear 0s linear .11s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .txt_area .title {
  opacity: 0;
}
#scroll-section04 .monthly_inner .txt_area .title.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .txt_area .txt {
  opacity: 0;
}
#scroll-section04 .monthly_inner .txt_area .txt.ani {
  animation: slideUp 1.5s ease .4s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .img_area {
  opacity: 0;
}
#scroll-section04 .monthly_inner .img_area.ani {
  animation: slideUp 1.5s ease .1s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .img_area.flex {
  opacity: 0;
}

#scroll-section04 .monthly_inner .img_area.flex.ani {
  animation: slideUp 1.5s ease .4s forwards;opacity: 0;
}
#scroll-section05 .monthly_inner .txt_area .title {
  opacity: 0;
}
#scroll-section05 .monthly_inner .txt_area .title.ani {
  animation: slideUp 1.5s ease .0s forwards;opacity: 0;
}
#scroll-section05 .monthly_inner .col2_cont {
  opacity: 0;
}
#scroll-section05 .monthly_inner .col2_cont.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section05 .monthly_inner .txt_area .txt {
  opacity: 0;
}
#scroll-section05 .monthly_inner .txt_area .txt.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section05 .monthly_inner .graphic.g5 {
  clip-path: inset(0 0 100% 0);
}
#scroll-section05 .monthly_inner.ani .graphic.g5 {
  animation: clipTop 1.5s ease-in-out 0s forwards;clip-path: inset(0 0 100% 0);
}
#scroll-section06 .monthly_inner .col2_cont .left {
  opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .left.ani {
  animation: slideUp 1.5s ease .0s forwards;opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .right .txt_area .title {
  opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .right .txt_area .title.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .right .txt_area .txt {
  opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .right .txt_area .txt.ani {
  animation: slideUp 1.5s ease .6s forwards;opacity: 0;
}

#scroll-section07 .monthly_inner .g7 .arrow {
  clip-path: inset(0 0% 0 100%);
}
#scroll-section07 .monthly_inner .g7.ani .arrow {
  animation: clipRight 1s ease-in-out forwards;clip-path: inset(0 0% 0 100%);
}
#scroll-section07 .monthly_inner > h2 {
  opacity: 0;
}
#scroll-section07 .monthly_inner > h2.ani {
  animation: slideUp 1.5s ease .0s forwards;opacity: 0;
}
#scroll-section07 .monthly_inner .img_area {
  opacity: 0;
}
#scroll-section07 .monthly_inner .img_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section07 .monthly_inner .txt_area {
  opacity: 0;
}
#scroll-section07 .monthly_inner .txt_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section07 .monthly_inner .gallery_1 {
  opacity: 0;
}
#scroll-section07 .monthly_inner .gallery_1.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section08 .title_area > h2 {
  opacity: 0;
}
#scroll-section08 .title_area > h2.ani {
  animation: slideUp 1.5s ease .0s forwards;opacity: 0;
}
#scroll-section08 .title_area > span {
  opacity: 0;
}
#scroll-section08 .title_area > span.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section08 .video_area {
  opacity: 0;
}
#scroll-section08 .video_area.ani {
  animation: slideUp 1.5s ease .6s forwards;opacity: 0;
}
#scroll-section09 .monthly_inner .coupon_area {
  opacity: 0;
}
#scroll-section09 .monthly_inner .coupon_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}

@keyframes weggle1{
  0%{transform: translate(20%,20%);opacity:0}
  100%{transform: translate(0,0);opacity:1}
}
@keyframes weggle2{
  0%{transform: rotate(-3deg)}
  50%{transform: rotate(3deg)}
  100%{transform:rotate(0deg)}
}
@keyframes weggle3{
  0%{transform: rotate(-1deg)}
  50%{transform: rotate(1deg)}
  100%{transform:rotate(0deg)}
}
@keyframes pathAni {
  0%{stroke-dashoffset: 400;}
  100%{stroke-dashoffset: 100;}
}
@keyframes clipRight{
  0%{clip-path: inset(0 0 0 100%)}
  100%{clip-path: inset(0 0 0 0)}
}
@keyframes clipTop{
  0%{clip-path: inset(0 0 100% 0)}
  100%{clip-path: inset(0 0 0 0)}
}
@keyframes clipLeft{
  0%{clip-path: inset(0 100% 0 0)}
  100%{clip-path: inset(0 0 0 0)}
}
@keyframes appear {
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes slideUp {
  0%{transform: translateY(20%);opacity: 0;}
  100%{transform: translateY(0);opacity: 1;}
}

@keyframes slideDown {
  0%{transform:translateY(-20%);opacity: 0;}
  100%{transform:translateY(0);opacity: 1;}
}
@keyframes slideRight {
  0%{transform:translateX(-20%);opacity: 0;}
  100%{transform:translateX(0);opacity: 1;}
}
@keyframes spinFade {
  0%{transform:rotateX(100deg) scale(1.2)}
  100%{transform:rotateX(0deg) scale(1)}
}
@keyframes fade {
  0%{opacity:0}
  100%{opacity:1}
}


@media screen and (max-width: 720px){
  :root {
    --swiper-navigation-size: 3vw;
    --swiper-theme-color: #000;
  }

  .pc_only {display: none !important;}
  .mo_only {display: block !important;}
  

  .highlight {width: 52.639vw;}
  .highlight::after{height: 4.444vw; background-image: url('../assets/image/monthly-lg-highlight-m.png'); bottom: 0; /* transition: 0.2s all;  */}
  /* .underline {display: inline-block;}
  .underline::after {bottom: 4px;} */


  .monthly__container {max-width: 100%;box-sizing: border-box;width: -webkit-fill-available;margin: auto;}
  .scroll_section.key_visual{}

  .btn_play, .btn_pause {display: none !important;}

  .key_visual {width: 100%; height: 161.472vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-1-m.jpg') repeat-y 0 0; background-size: contain;}
  .key_visual .ball {top: 65.028vw; right: 9.278vw; width: 20.139vw; height: 19.444vw; }
  .kv_img {position: relative; height: 70vw;}
  .kv_img .bg {height: 100%;}
  .kv_img .bg .pattern {background: none;}
  .kv_img .bg .left {width: 51.944vw; height: 100%; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-2-m.png');}
  .kv_img .bg .right {width: 50.833vw; height: 65.278vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-3-m.png');}
  .kv_tit {position: relative; height: calc(100% - 70vw);}
  .kv_tit h1 {position: absolute; left: 0; top: 1.0vw; width: 100%;}
  .kv_tit h1 > span {display: inline-block; position: absolute; text-align: center; z-index: 1;}
  .kv_tit h1 > span::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -1;}
  .kv_tit h1 span:nth-child(1) {top: -20.833vw; left: auto; right: 25.528vw; width: 40.306vw; height: 13.833vw; font-size: 7.778vw; color: #fff; line-height: 13.833vw;}
  .kv_tit h1 span:nth-child(1)::before {transform: rotate(-4deg);}
  .kv_tit h1 > span:nth-child(2) {top: -8.111vw; left: 14.444vw; width: 57.833vw; height: 21.361vw; text-align: left; padding-left: 6.944vw; box-sizing: border-box;}
  .kv_tit h1 span:nth-child(2)::before {display: none;}
  .kv_tit h1 span:nth-child(2) i {}
  .kv_tit h1 > span:nth-child(2) span {font-size: 15.972vw; line-height: 21.361vw;}
  .kv_tit h1 > span:nth-child(3) {top: 13.5vw; bottom: auto; left: 16.333vw; width: 65.611vw; height: 21.806vw; text-align: center;}
  .kv_tit h1 span:nth-child(3)::before {display: none;}
  .kv_tit h1 span:nth-child(3) i {}
  .kv_tit h1 > span:nth-child(3) span {font-size: 15.972vw; line-height: normal; padding-left: 0;}
  .kv_tit h1 > span:nth-child(4) {top: 33.917vw; bottom: auto; right: 12.361vw; width: 38.472vw; height: 14.861vw; font-size: 3.889vw; color: #fff; padding: 1.778vw 0 0; box-sizing: border-box;}
  .kv_tit h1 > span:nth-child(4)::before {background: #d62626; transform: rotate(-2deg);}
  .kv_tit p {position: relative; bottom: auto; left: 0; transform: translateX(0); width: auto; margin: 0 4.167vw; padding-top: 51.917vw; font-size: 3.889vw; line-height: 5.278vw; text-align: center;}
  
  .coupon {padding: 13.194vw 0 11.111vw;}
  .coupon h2 {margin-bottom: 6.944vw; text-align: center; font-size: 6.944vw; }
  .coupon h2 .date {padding: 0.833vw 4.861vw; font-size: 3.889vw; border-radius: 3.472vw;}
  .coupon_area {width: 71.806vw; height: 150.278vw;}
  .coupon_area::before {left: 1.272vw; width: 100%; height: 100%; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-shadow-m.png');}
  .coupon_area .coupon_inner {display: block; width: 75vw; height: 148.056vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-bg-m.png'); padding: 0 6.667vw; }
  .coupon_area .left {width: 100%; padding: 6.25vw 0 ; text-align: center;}
  .coupon_area .left .title {display: block; margin-top: 0; padding-bottom: 0.833vw;}
  .coupon_area .left .title strong {display: block; position: relative; font-size: 5.556vw; color: #ea1917; font-family: "Montserrat"; }
  .coupon_area .left .title strong::after {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.417vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-border-dotted.png') repeat-x 0 0; background-size: contain; }
  .coupon_area .left .title span {display: block; margin-left: 0; padding-top: 1.250vw; padding-left: 0; font-size: 2.778vw; line-height: 3.333vw; }
  .coupon_area .left .title span::before {display: inline-block; position: relative; font-size: 2.778vw;}
  .coupon_area .left .prd_list {display: flex; flex-wrap: wrap; position: relative; width: 100%; padding-top: 4.167vw;}
  .coupon_area .left .prd_list::before {display: none; }
  .coupon_area .left .prd_list > div,
  .coupon_area .left .prd_list > div:nth-child(2) {width: calc((100% - 0.556vw)/2);}
  .coupon_area .left .prd_list > div:nth-child(3) {width: 100%; margin-top: 0.694vw; margin-left: 0;}
  .coupon_area .left .prd_list > div > .tit {height: 5.556vw; font-size: 3.056vw; line-height: 5.556vw; border-radius: 1.389vw;}  
  .coupon_area .left .prd_list > div + div {margin-left: 0.556vw;}
  .coupon_area .left .prd_list > div:nth-child(3) .list_wrap {display: flex; align-items: center; height: 31.25vw; margin-top: -4.028vw; padding-top: 4.028vw;}
  .coupon_area .left .prd_list > div .img_area {bottom: 2.778vw; }
  .coupon_area .left .prd_list > div:nth-child(1) .img_area {width: 24.306vw;}
  .coupon_area .left .prd_list > div:nth-child(2) .img_area {width: 7.083vw;}
  .coupon_area .left .prd_list > div:nth-child(3) .list_wrap ul {width: 30.556vw; margin-bottom: 0;}
  .coupon_area .left .prd_list > div:nth-child(3) .img_area {position: relative; bottom: auto; left: 0; transform: translateX(0); width: 20.694vw; height: 7.083vw; margin-left: 4.306vw;}
  .coupon_area .left .prd_list .list_wrap {height: 37.917vw; margin-top: 0.556vw; padding-top: 0.556vw;}
  .coupon_area .left .prd_list .list_wrap::before {border-radius: 1.389vw;}
  .coupon_area .left .prd_list .list_wrap li {font-size: 2.778vw;}
  .coupon_area .left .prd_list .list_wrap li + li {margin-top: 0.556vw;}
  .coupon_area .right {width: 100%; padding: 3.611vw 0 1.944vw;}
  .coupon_area .right .txt_area {display: flex; align-items: flex-start; padding-top: 3.611vw;}
  .coupon_area .right .txt_area > p:nth-child(1) {width: 38.889vw; font-size: 5.278vw; margin-top: 2.639vw; padding-bottom: 0; letter-spacing: -0.04em;}
  .coupon_area .right .txt_area .tl strong {display: inline-block; font-size: 23.611vw; margin-bottom: 0; line-height: 6.944vw;}
  .coupon_area .right .txt_area .tl strong span {font-size: 13.889vw; margin-left: 1.389vw;}
  .coupon_area .right .txt_area .tr {position: relative; width: 25.556vw;}
  .coupon_area .right .txt_area .tr::before {display: block; content: ''; position: absolute; top: 50%; left: -50%; width: 26.389vw; height: 0.417vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-border-dotted.png') repeat-x 0 0; background-size: contain; transform: rotate(90deg) translateY(1.667vw);}
  .coupon_area .right .txt_area .tr p {font-size: 3.472vw; line-height: 1;}
  .coupon_area .right .txt_area .tr p .prm_code {display: block; margin-top: 1.389vw; color: #ea1917; font-weight: 700;}
  .coupon_area .btn_copy {width: 16.389vw; height: 8.889vw; background: #ea1917; margin-top: 2.361vw; border-radius: 4.444vw; font-size: 3.056vw; line-height: 8.889vw; text-align: center; text-decoration: none;}
  .coupon_area .btn_copy:hover {text-decoration: none;}
  /* 쿠폰 dimmed */
  .coupon_dimmed {position: absolute; top: 0; left: -2.3vw; width: calc(100% + 4.5vw); height: 100%; background: #000000cc; color: #fff; border-radius: 0.925vw 1.590vw 1.590vw 0.925vw ; text-align: center;}
  .coupon_dimmed > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3.472vw;}

  .intro {height: 230.944vw; padding: 26.25vw 0 7.778vw;}
  .intro .monthly_inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 230.944vw;
    width: 100%;
    padding: 26.25vw 0 7.778vw;
  }
  
  .intro .intro_1 {
    background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-bg-m.png'); 
  }
  .intro .intro_2 {
    background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-with-friends-bg-m.png'); 
  }
  .intro .intro_area .img_area {position: relative; height: 70.278vw;}
  .intro .intro_area .img_area .intro_img {width: 70.278vw; height: 70.278vw; margin: 0 auto;}
  .intro .intro_area .img_area .intro_img picture {display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%;}
  .intro .intro_area .img_area .intro_img picture:nth-child(2) {display: none;}
  .intro .intro_area .txt_area {position: relative;}
  .intro .intro_area .txt_area > div {display: block; width: 100%; margin-top: 5.556vw; padding: 0 6.944vw; box-sizing: border-box;}
  .intro .intro_area .txt_area > div:nth-child(2) {display: block; opacity: 0;}
  .intro .intro_area .txt_area p {flex: 1; text-align: left;}
  .intro .intro_area .txt_area .left_area {font-size: 6.944vw; line-height: 8.333vw; font-weight: 400; margin-top: 0;} 
  .intro .intro_area .txt_area .right_area {font-size: 3.889vw; line-height: 5.278vw; margin-top: 5.556vw; padding-left: 0;} 

  .point {color: #ff443b; font-weight: 700;}

  h2 {font-family: "Montserrat"; font-weight: 700;}
  h2 span {font-family: inherit;}
  .cont h2 .title {display: block; font-size: 4.167vw; color: #fff; line-height: 1;}
  .cont h2 .s_txt {display: inline-block; padding: 0 2.604vw; margin-top: 0.313vw; font-size: 2.917vw; background: #ff443b; color: #000; line-height: 1.07; font-weight: 400;}
  .cont .txt_area {width: 77.778vw; padding: 0;}
  .cont .txt_area .title {width: 100%; margin: 0 auto; font-size: 2.5vw; font-weight: 700; line-height: 2.917vw;  font-family: "Montserrat"; }
  .cont .txt_area .title span {}
  .cont .txt_area .title + .txt {margin-top: 5.556vw;}
  .cont .txt_area .txt {margin-top: 0; font-size: 3.889vw; line-height: 5.833vw;}
  .cont .txt_area.ltr {display:flex; width: 88.021vw;}
  .cont .txt_area.ltr p {box-sizing: border-box;}
  .cont .txt_area.ltr .title {width: 39.583vw;}
  .cont .txt_area.ltr .txt {width: calc(100% - 39.583vw); margin-top: 0; text-align: left;}
  .cont .txt_area.rtl {}
  .cont .col2_cont {display: flex; max-width: 100%;}
  .cont .col2_cont .left {box-sizing: border-box;}
  .cont .col2_cont .right {}
  .cont .txt_area .title {text-align: center; font-size: 6.389vw;}
  .cont .txt_area .title span.box {padding: 0 4.861vw; margin-bottom: 0.365vw; font-size: 6.389vw; line-height: 8.333vw; border-radius: 4.167vw;}
  .cont .txt_area .title span:nth-child(2) {margin-top: 1.389vw;}
  .btn_play, .btn_pause {width: 6.806vw; height: 11.111vw;}

  .graphic {position: absolute;}
  .graphic span {display: block;}

  #scroll-section04 {padding: 10.556vw 0 7.917vw;}
  #scroll-section04 .g1 {top: 60.639vw; left: 0;}
  #scroll-section04 .g1 .arrow {width: 23.333vw; height: 28.472vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-1-m.png')}
  #scroll-section04 .g2 {top: -40.556vw; right: 0;}
  #scroll-section04 .g2 .pattern {width: 31.806vw; height: 46.944vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-pattern-1-m.png') no-repeat 0 0; background-size: contain;}
  #scroll-section04 .title_area {text-align: center; margin-top: 3.281vw;}
  #scroll-section04 .title_area h2 {width: 100%; font-size: 10.833vw; line-height: 11.806vw; font-weight: 800; letter-spacing: -0.02em;}
  #scroll-section04 .title_area h2 span {width: 12.639vw; height: 12.639vw; border-radius: 50%; color: #fff;}
  #scroll-section04 .title_area .box {height: 20vw; padding: 0.417vw 0 0; margin: 5.556vw 7.222vw 0; font-size: 7.222vw; border-radius: 10vw; line-height: 9.028vw;}
  #scroll-section04 .txt_area {width: 100%; padding: 0 4.167vw; box-sizing: border-box;}
  #scroll-section04 .title_area  + .txt_area {margin-top: 19.444vw;}
  /* #scroll-section04 .txt_area .title {display: flex; justify-content: center; width: auto; } */
  #scroll-section04 .video_area {width: 83.333vw; height: 52.5vw; margin-top: 5.556vw;}
  #scroll-section04 .video_area + .txt_area {margin-top: 26.389vw;}
  #scroll-section04 .txt_area .title
  #scroll-section04 .txt_area .txt {margin-top: 2.604vw;}
  #scroll-section04 .img_area {width: 100%; margin-top: 4.167vw;}
  #scroll-section04 .img_area.flex {width: 100%; margin-top: 3.472vw;}
  #scroll-section04 .img_area.flex .img_box {width: 32.639vw;}
  #scroll-section04 .img_area.flex .img_box + .img_box {margin-left: 1.111vw;}
  #scroll-section04 .txt_area {margin-top: 9.167vw;}
  #scroll-section04 .g3 {bottom: 159.944vw; right: 4.028vw; /* bottom: auto; top: 339.167vw; */}
  #scroll-section04 .g4 {bottom: 72.667vw; left: 9.583vw;}
  #scroll-section04 .g3 .arrow,
  #scroll-section04 .g4 .arrow {width: 7.778vw; height: 12.5vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-4-m.png');}
  #scroll-section04 .graphic .ar2, #scroll-section04 .graphic .ar3  {margin-left: -0.521vw;}
  #scroll-section04 .products_swiper {margin-top: 0;}

  #scroll-section05 {padding-bottom: 5.556vw;}
  #scroll-section05::before {top: -7.917vw; height: 7.917vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-1-m.png');}
  /* #scroll-section05::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02_1.jpg') no-repeat 0 0; background-size: cover; } */
  #scroll-section05 .monthly_inner {z-index: 1;}
  #scroll-section05 .g5 {top: -43.611vw; left: 0; padding-left: 0; pointer-events: none;}
  #scroll-section05 .g5 .dash {width: 22.222vw; height: 54.861vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-dash-m.png');}
  #scroll-section05 .g5 .circle {float: none; width: 8.75vw; height: 8.75vw; margin-top: -0.972vw; border-width: 0.694vw; transform: translateX(6.667vw);}
  #scroll-section05 .txt_area {padding-top: 12.917vw;}
  #scroll-section05 .txt_area + .gallery_1 {margin-top: 5.556vw;}
  #scroll-section05 .swiper-button-next, 
  #scroll-section05 .swiper-button-prev {color: #fff;}
  #scroll-section05 .swiper-pagination-fraction {color: #fff;}
  #scroll-section05 .video_area {width: 76.389vw; margin: 5.556vw auto 5.556vw;}
  #scroll-section05 .video_area + .txt_area {padding: 0 4.167vw; width: 100%; }
  #scroll-section05 .col2_cont {display: flex; justify-content: space-between; width: 88.021vw; height: 36.875vw; padding: 0 1.042vw; margin-top: 3.385vw; box-sizing: border-box;}
  #scroll-section05 .col2_cont .right {width: 56.250vw;}
  #scroll-section05 .col2_cont .right.gallery_1 .swiper {width: 100%;}
  #scroll-section05 .slide_area {margin-top: 12.813vw;}
  #scroll-section05 .col2_cont + .txt_area {margin-top: 6.771vw; padding-top: 0; color: #fff;}
  #scroll-section05 .g6 {bottom: -28.75vw; left: auto; right: 0;}
  #scroll-section05 .g6 .pattern {width: 38.889vw; height: 51.944vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-pattern-2-m.png');}
  #scroll-section05 .products_swiper .ui .swiper-pagination {color: #fff;}
  #scroll-section05 .products_swiper .ui .swiper-button-prev,
  #scroll-section05 .products_swiper .ui .swiper-button-next {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(245deg) brightness(107%) contrast(105%);}

  #scroll-section06 {padding: 6.771vw 0 0;}
  /* #scroll-section06::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg05.png') no-repeat 0 0; background-size: cover; } */
  #scroll-section06::before {height: 7.778vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-2-m.png'); }
  #scroll-section06 .col2_cont {display: block; padding-top: 13.889vw;}
  #scroll-section06 .col2_cont .txt_area .title {color: #000; text-align: left; padding: 0 6.944vw;}
  #scroll-section06 .left {width: 100%; margin-top: 5.556vw;}
  #scroll-section06 .right .txt_area {padding-left: 4.167vw; padding-right: 4.167vw;}
  #scroll-section06 .right .txt_area .txt {margin-top: 5.556vw; padding-right: 0;}
  #scroll-section06 .col2_cont + .col2_cont {margin-top: 9.896vw;}
  #scroll-section06 .gallery_1 .ui .swiper-pagination-bullet {background: #000; opacity: .3;}
  #scroll-section06 .gallery_1 .ui .swiper-pagination-bullet-active {opacity: 1;}

  .outro {padding: 13.889vw 0;}
  /* .outro::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6.771vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02.png') no-repeat 0 0; background-size: cover; transform: scaleX(-1);} */
  .outro .g7 {top: -21.111vw; right: 0;}
  .outro .g7 .arrow {width: 12.5vw; height: 54.306vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-4-m.png'); display: none;}
  .outro h2 {width: 100%; padding: 0 4.167vw; font-size: 9.722vw; line-height: 10.833vw; box-sizing: border-box; letter-spacing: -0.02em;}
  .outro h2 span {height: 11.111vw; padding: 0 9.444vw; border-radius: 5.556vw; font-weight: 700;}
  .outro .img_area {margin-top: 5.208vw; width: 100%;}
  .outro .gallery_1 {margin-top: 8.333vw;}
  .outro .gallery_1 .ui .swiper-pagination-bullet {background: #000;}
  .outro .txt_area {width: 100%; padding: 0 4.167vw; margin-top: 5.556vw; box-sizing: border-box; font-size: 3.889vw; line-height: 5.833vw;}

  .video {padding: 13.889vw 0 8.333vw;}
  .video .title_area {margin: 0 2.5vw 5.833vw;}
  .video h2 { font-size: 7.222vw; line-height: 8.611vw; margin-bottom: 5.556vw; letter-spacing: -0.02em;}
  .video h2 span {width: 90%; height: 18.75vw; padding: 0 1.875vw; border-radius: 9.306vw;white-space: nowrap; letter-spacing: -2px;}
  .video .title_area > span {font-size: 3.889vw; line-height: 5.833vw; padding: 0 3.889vw;}
  .video .video_area {width: 100%;}
  .video + .coupon {padding-top: 8.333vw;}

  /* 이미지 슬라이드 */  
  .gallery_1 .ui{margin-top: 5.556vw; width: 20vw; height: 2.222vw;}
  .gallery_1 .ui .swiper-pagination{}
  .gallery_1 .ui .swiper-pagination-bullet {width: 2.222vw; height: 2.222vw; margin: 0 1.667vw;}
  .gallery_1 .ui .swiper-pagination-bullet-active {}
  
  .gallery_1 .ui{height: 4vw;}
  .gallery_1 .ui .swiper-pagination{font-size: 3vw;bottom: 1vw;}
  
  /* 제품슬라이드 */
  .products_swiper .ui .swiper-button-prev,
  .products_swiper .ui .swiper-button-next{width: 10vw;height: 10vw;}
  .products_swiper .ui{top: -14.722vw;gap: 1vw;}
  .products_swiper .ui .swiper-pagination {display: none;}
  .products_swiper .thumb > img{object-fit:contain;}
  .products_swiper .swiper{margin: 20.139vw 8vw 13.889vw 8vw;}
  .products_swiper .swiper-slide{padding: 5vw 5vw 14.5vw 5vw;}
  .products_swiper .swiper-slide > .cont > em {font-size: 2.5vw;}
  .products_swiper .swiper-slide > .cont > strong{height: 4.8em;-webkit-line-clamp: 4;margin-bottom: 4vw;font-size: 3.8vw;}
  .products_swiper .swiper-slide > .cont .price > strong{display: block;order: 3;width: 100%;font-size: 6.333vw;}
  .products_swiper .swiper-slide > .cont .price > * + *{margin-left: 0;}
  .products_swiper .swiper-slide > .cont .price{display: flex;flex-wrap: wrap;}
  .products_swiper .swiper-slide > .cont .promotion{font-size: 2.5vw;margin-top: 1vw;}
  .products_swiper .swiper-slide .btnWrap {position: absolute;bottom: 0;width: auto;left: 0;right: 0;padding: 2.778vw;gap: 1.5vw;}
  .products_swiper .swiper-slide .btnWrap > a {height: 8vw;border-radius: 4vw;font-size: 2.8vw;}
  .products_swiper .thumb{width: 23vw;min-width: 23vw;height: auto;}

  /* cta */
  .btn_plus {width: 9.722vw; height: 9.722vw;}
  .btn_plus::before, .btn_plus::after {width: 4.444vw; height: 0.278vw;}

  .q_box{min-height: 30vw;min-width: 58vw;max-width: 58vw;padding: 3vw;left: 10vw;top: 2vw;border-radius: 4vw;}
  .washtower .q_box{left: 20vw;top: 36vw;}
  .q_box .thumb{width: 15vw;height: 20vw;min-width: 15vw;}
  .q_box .cont > em{font-size:2vw;margin-bottom:.5vw}
  .q_box .cont > strong{font-size: 3vw;}
  .q_box .cont > a{height: 6vw;min-height: 6vw;font-size: 3vw;border-radius: 3vw;margin-top: 5vw;position: absolute;left: 0;bottom: 0;margin: 2.5vw;width: -webkit-fill-available;}
  .q_box.left:after{left: -3.5vw;}

  #scroll-section05 .btn_plus {bottom: unset; right: 26.146vw; top: 9.333vw;}
  #scroll-section05 .q_box{right: unset; bottom: unset; top: 0; left: 2.778vw; height: 27.778vw;}
  #scroll-section05 .q_box.left::after {right: -3.5vw;}  
  #scroll-section05 .btn_plus_hover_wrap:hover .q_box {opacity: 1 !important; animation: none !important;}
 
  #scroll-section06 .btn_plus {top: 10.5vw; left: 17.313vw;}
  #scroll-section06 .q_box{left: 30.813vw; top: -5.556vw; }

  #scroll-section07 .btn_plus {top: 10vw; left: 28.313vw;}
  #scroll-section07 .q_box{left: 40.813vw; top: 0.104vw; } 
}
@charset "utf-8";
/* @import url(common.css); */

:root {
  --swiper-navigation-size: 1.563vw;
  --swiper-theme-color: #000;
}

* {margin: 0; padding: 0;}
body {background: #EFECE4; }
img {width: 100%;border: 0;}
ul, li {list-style: none;}
button {border: 0; outline: 0;}
strong {font-weight: 700 !important;}
video {width: 100%;}
.cmp-breadcrumb__item-link {font-weight: 400 !important;} /* monthly breadcrumb */

.pc_only {display: block !important;}
.mo_only {display: none !important;}
.blind {overflow: hidden; border: 0; left: -100%; position: absolute; z-index: -1; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}

.align_center {text-align: center !important;}

.bold {font-weight: 700 !important;}
.normal {font-weight: normal !important;}

.highlight {display: inline-block;position: relative;/* width: 25.104vw; */cursor: pointer;z-index: 0;text-decoration: none !important;color: #000 !important;}
.highlight::after{display: inline-block;content: "";width: 100%;height: 2.083vw;background: url('../assets/image/monthly-lg-highlight-d.png') no-repeat 0 0;background-size: 100%;position: absolute;bottom: -0.521vw;left:0;z-index:-1;/* transition: 0.2s all;  */clip-path: inset(0 100% 0 0);}
.underline {text-decoration: underline;}


.monthly__container {position: relative; max-width: 100vw; margin: 0 auto;}
.scroll_section {position: relative; width: 100%;}
.monthly_inner {position: relative; z-index: 1;}

.key_visual {position: relative;padding: 0;}
/* .key_visual .ball {position: absolute; top: 9.563vw; right: 20.333vw; width: 20.635vw; height: 20.375vw; z-index: 2;} */
.key_visual .ball {position: absolute; top: 9.563vw; right: 35.333vw; width: 9.635vw; height: 9.375vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-ball.png') no-repeat 0 0; background-size: contain; z-index: 2;}

.kv_img {position: relative;}
.kv_img .bg {position: relative; width: 100%; height: 41.667vw;}
.kv_img .bg .pattern {width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-1-d.jpg') no-repeat 0 0; background-size: cover;}
.kv_img .bg .left {position: absolute; top: 0; left: 0; width: 30.625vw; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-2-d.png') no-repeat 0 0; background-size: contain;}
.kv_img .bg .right {position: absolute; top: 0; left: auto; right: 0; width: 28.646vw; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-3-d.png') no-repeat 0 0; background-size: contain;}
.kv_tit {}
.kv_tit h1 {position: absolute; left: 0; top: 1.0vw; width: 100%;height: 100%;font-size: 1.042vw;line-height: 1.5;}
.kv_tit h1 > span {display: inline-block; position: absolute; text-align: center; z-index: 1;}
.kv_tit h1 > span::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -1;}
.kv_tit h1 span:nth-child(1) {transform: rotate(-4deg); top: 1.458vw; left: 36.25vw; width: 19.438vw; height: 6.615vw; font-size: 3.698vw; color: #fff; line-height: 6.615vw;}
.kv_tit h1 span:nth-child(1)::before {}
.kv_tit h1 > span:nth-child(2) {transform: rotate(4deg);top: 7.646vw; left: 30.375vw; width: 25.594vw; height: 9.813vw; }
.kv_tit h1 span:nth-child(2)::before {display: none;}
.kv_tit h1 span:nth-child(2) i {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; z-index: -1; }
.kv_tit h1 > span:nth-child(2) span {background: linear-gradient(354deg, rgba(100,49,133,1) 0%, rgba(249,38,111,1) 57%, rgba(255,134,68,1) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 7.552vw; line-height: 9.813vw;}
.kv_tit h1 > span:nth-child(3) {bottom: 14.250vw; left: 27.646vw; width: 32.521vw; height: 10.156vw; text-align: left;}
.kv_tit h1 span:nth-child(3)::before {display: none;}
.kv_tit h1 span:nth-child(3) i {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; z-index: -1;}
.kv_tit h1 > span:nth-child(3) span {background: linear-gradient(354deg, rgba(100,49,133,1) 0%, rgba(249,38,111,1) 57%, rgba(255,134,68,1) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 7.552vw; box-sizing: border-box; padding-left: 2.083vw;}
.kv_tit h1 > span:nth-child(4) {transform: rotate(-2deg);bottom: 16.208vw; right: 26.448vw; width: 16.044vw; height: 6.927vw; font-size: 1.875vw; color: #fff; padding: 0.729vw 0.625vw 0; box-sizing: border-box;}
.kv_tit h1 > span:nth-child(4)::before {background: #d62626; }
.kv_tit p {position: absolute; bottom: 2.604vw; left: 50%; transform: translateX(-50%); width: 42.188vw; height: auto; font-size: 1.458vw; line-height: 1.875vw; text-align: center;}
.kv_tit .highlight::after {bottom: -0.821vw;}

.coupon {background: #f0ece3; padding: 4.167vw 0 5.208vw;}
.coupon h2 {margin-bottom: 4.167vw; text-align: center; font-size: 2.813vw; text-transform: none; font-family: inherit; font-weight: 700;}
.coupon h2 span {display: block; line-height: 1;}
.coupon h2 .date {display: inline-block; background: #f0443b; padding: 0.260vw 2.083vw; color: #fff; font-size: 1.458vw; border-radius: 1.302vw; font-weight: 400;}
/* .coupon .coupon_area {margin-top: 4.167vw;} */
.coupon_area {position: relative; width: 63.229vw; height: 24.583vw; margin: 0 auto;}
.coupon_area::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-shadow-d.png') no-repeat 0 0; background-size: contain;}
.coupon_area .coupon_inner {display: flex; justify-content: space-between; position: relative; margin: 0 auto; width: 62.5vw; height: 23.958vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-bg-d.png') no-repeat 0 0; background-size: contain; padding: 0 1.615vw; box-sizing: border-box;}
.coupon_area .left {width: 44.167vw; padding: 0.781vw 1.771vw 0.781vw 1.042vw; box-sizing: border-box;}
.coupon_area .left .title {display: flex; align-items: center; margin-top: 0.938vw; padding-bottom: 0.521vw;}
.coupon_area .left .title strong {font-size: 2.083vw; color: #ea1917; font-family: "Montserrat"; text-transform: uppercase; font-weight: 800 !important;}
.coupon_area .left .title span {position: relative; flex: 1; margin-left: 0.781vw; padding-left: 0.781vw; font-size: 1.042vw; line-height: 1.250vw; letter-spacing: -0.02em; }
.coupon_area .left .title span::before {display: block; content: '*'; position: absolute; top: 0; left: 0; font-size: 1.042vw;}
.coupon_area .left .prd_list {display: flex; position: relative; width: 100%; padding-top: 0.521vw;}
.coupon_area .left .prd_list::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0.156vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-border-dotted.png') repeat-x 0 0; background-size: contain; }
.coupon_area .left .prd_list > div {width: 14.74vw;}
.coupon_area .left .prd_list > div > .tit {display: block; height: 2.083vw; background: #4a4649; text-align: center; font-size: 1.146vw; line-height: 2.083vw; color: #fff; font-weight: 600; border-radius: 0.417vw;}
.coupon_area .left .prd_list > div:nth-child(2) {width: 11.458vw;}
.coupon_area .left .prd_list > div + div {margin-left: 0.26vw;}
.coupon_area .left .prd_list .list_wrap {position: relative; height: 14.219vw; margin-top: 0.208vw; padding-top: 0.208vw; text-align: center; box-sizing: border-box;}
.coupon_area .left .prd_list .list_wrap::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #4a4649; opacity: .15; border-radius: 0.417vw;}
.coupon_area .left .prd_list .list_wrap * {position: relative; z-index: 1;}
.coupon_area .left .prd_list .list_wrap li {font-size: 1.042vw;}
.coupon_area .left .prd_list .list_wrap li:first-child {color: #ea1917; font-weight: 600;}
.coupon_area .left .prd_list .list_wrap li + li {margin-top: 0.156vw;}
.coupon_area .left .prd_list > div .img_area {position: absolute; bottom: 0.833vw; left: 50%; transform: translateX(-50%);}
.coupon_area .left .prd_list > div:nth-child(1) .img_area {width: 9.115vw;}
.coupon_area .left .prd_list > div:nth-child(2) .img_area {width: 2.656vw;}
.coupon_area .left .prd_list > div:nth-child(3) .img_area {width: 8.073vw; bottom: 2.083vw;}
.coupon_area .right {width: 15.625vw; text-align: center; box-sizing: border-box;}
.coupon_area .right .txt_area {}
.coupon_area .right .txt_area p {}
.coupon_area .right .txt_area > p:nth-child(1) {margin-top: 4.583vw; padding-bottom: 1.042vw; font-size: 1.979vw; font-weight: 600;  letter-spacing: 0.04em; font-family: "Montserrat";}
.coupon_area .right .txt_area > p:nth-child(2) {position: relative; margin: 0 1.458vw 0 1.823vw; padding-top: 0.833vw; font-size: 1.302vw; letter-spacing: -0.02em; line-height: 1; }
.coupon_area .right .txt_area > p:nth-child(2)::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0.156vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-border-dotted.png') repeat-x 0 0; background-size: contain; }
.coupon_area .right .txt_area > p:nth-child(2) span {display: block; color: #ea1917; font-weight: 700; margin-top: 0.208vw;}
.coupon_area .right .txt_area > p > strong {display: block; margin-bottom: 0.938vw; font-size: 8.854vw; color: #ea1917; line-height: 2.604vw; letter-spacing: -0.1em; font-weight: 700;}
.coupon_area .right .txt_area > p > strong span {display: inline-block; margin-left: 0.521vw; font-size: 5.208vw; letter-spacing: 0; font-weight: 600; font-family: "Montserrat";}
.coupon_area .btn_copy {display: inline-block; width: 6.146vw; height: 3.333vw; background: #ea1917; margin-top: 1.042vw; border-radius: 1.823vw; font-size: 1.25vw; color: #fff; line-height: 3.333vw; text-align: center; text-decoration: none;}
.coupon_area .btn_copy:hover {text-decoration: none;}

/*지민: min으로 수정*/
/*지민: 전체구조 수정*/
.intro {position: relative; height: 65.26vw; padding: min(100px, 5.365vw) 0 6.771vw; text-align: center; box-sizing: border-box; background-color: #f0ece3;}
.intro .monthly_inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 65.26vw;
  width: 100%;
  padding: min(100px, 5.365vw) 0 6.771vw; 
}
.intro .monthly_inner.intro_1 {
  background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-bg-d.png') no-repeat center 0; background-size: cover;
}
.intro .monthly_inner.intro_2 {
  /* transition-property: all;
  transition-duration: .2s; */
  opacity:0; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-with-friends-bg-d.png') no-repeat center 0; background-size: cover;
}
.intro .intro_area .img_area {position: relative; height: 25.521vw;}
/* .intro .intro_area .img_area::before {display: block; content: ''; position: absolute; top: 22.135vw; left: 2.344vw; width: calc(100% - 4.583vw); height: 0.573vw; background: #fff;} */
.intro .intro_area .img_area .intro_img {position: relative; width: 25.521vw; height: 25.521vw; margin: 0 auto;}
.intro .intro_area .img_area .intro_img picture {display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%;}
.intro .intro_area .img_area .intro_img picture:nth-child(2) {display: none;}
.intro .intro_area .txt_area {position: relative;}
.intro .intro_area .txt_area > div {position: absolute;top: 0; left: 50%; transform: translateX(-50%);display: flex; width: 83.333vw; margin: 2.646vw auto 0; color: #fff;}
.intro .intro_area .txt_area > div:nth-child(2) {display: flex; opacity: 0;}
.intro .intro_area .txt_area p {flex: 1; text-align: left;}
.intro .intro_area .txt_area .left_area {font-weight: 400; font-size: 2.604vw; line-height: 3.125vw; margin-top: -0.221vw; font-family: 'Montserrat';}  
.intro .intro_area .txt_area .right_area {font-weight: 400; font-size: 1.042vw; line-height: 1.979vw; padding-left: 3.125vw; font-family: 'Montserrat';} }
.intro .intro_area .img_area .intro_img picture {display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%;}
.intro .intro_area .img_area .intro_img picture:nth-child(2) {display: block;overflow: hidden; bottom:0;}

.point {color: #ff443b; font-weight: 700;}

h2 { font-weight: 700;}
h2 span {font-family: inherit;}
.cont h2 .title {display: block; font-size: 4.167vw; color: #fff; line-height: 1; font-family: "Montserrat";}
.cont h2 .s_txt {display: inline-block; padding: 0 2.604vw; margin-top: 0.313vw; font-size: 2.917vw; background: #ff443b; color: #000; line-height: 1.07; font-weight: 400; font-family: "Montserrat";}
.cont .txt_area {width: 62.5vw; margin: 0 auto; box-sizing: border-box;}
.cont .txt_area .title {width: 41.417vw; margin: 0 auto; font-size: 2.5vw; font-weight: 700; line-height: 2.917vw;  font-family: "Montserrat"; letter-spacing: -0.02em;}
.cont .txt_area .title span {font-family: "Montserrat"; }
.cont .txt_area .txt {margin-top: 1.354vw; font-size: 1.458vw; line-height: 1.979vw; text-align: center;}
.cont .txt_area.ltr {display:flex; width: 88.021vw;}
.cont .txt_area.ltr p {box-sizing: border-box;}
.cont .txt_area.ltr .title {width: 39.583vw;}
.cont .txt_area.ltr .txt {width: calc(100% - 39.583vw); margin-top: 0; text-align: left;}
.cont .txt_area.rtl {}
.cont .col2_cont {display: flex; max-width: 88.021vw; margin: 0 auto;}
.cont .col2_cont .left {box-sizing: border-box;}
.cont .col2_cont .right {}
.cont .txt_area .title {text-align: center;}
.cont .txt_area .title span.box {display: inline-block; background: #ff443b; padding: 0 2.604vw; margin-bottom: 0.365vw; color: #fff; text-align: center; font-size: 2.604vw; line-height: 3.646vw; border-radius: 1.823vw;}
.cont .txt_area .title span:nth-child(2) {display: block;  line-height: 1.01;}
.video_area {position: relative;}
.btn_play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.552vw; height: 4.167vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-btn-play.png') no-repeat 0 0; background-size: contain; z-index: 2; cursor: pointer;}
.btn_pause {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.552vw; height: 4.167vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-btn-pause.png') no-repeat 0 0; background-size: contain; z-index: 2; cursor: pointer;}

.graphic {position: absolute;}
.graphic span {display: block;}

.gallery_1{position: relative;}
.gallery_1 .swiper-slide img{width:100%}
/* .gallery_1 .swiper {width: 35.469vw;} */
.gallery_1 .ui{position: relative;margin: 1.042vw auto 0 auto;width: 10.075vw;height: 2.083vw;z-index: 2;}
.gallery_1 .ui .swiper-pagination{z-index: 9;font-style: italic;font-size: 1.979vw;bottom: 0.156vw;line-height: 1;}
.gallery_1 .ui .swiper-pagination-bullet {background: #fff; opacity: .5;}
.gallery_1 .ui .swiper-pagination-bullet-active {opacity: 1;}

#scroll-section04::before {z-index: 0;content: '';display: block;position: absolute;top: -9.98vw;left:0; max-width: 100vw; width: 100%;height: 10vw;background: #f0ece3;clip-path: polygon(100% 50%, 0% 100%, 100% 100%);}
#scroll-section04 {z-index: 0;background: #f0ece3; padding: 6.771vw 0 10.885vw;}
/* #scroll-section04::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg04.png') no-repeat 0 0; background-size: cover; } */
#scroll-section04 .g1 {top: 5.417vw; left: -1.342vw;}
/* #scroll-section04 .g1 .arrow {width: 28.896vw; } */
#scroll-section04 .g1 .arrow {width: 24.896vw; height: 17.656vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-1-d.png') no-repeat 0 0; background-size: contain;}

#scroll-section04 .g2 {top: -17.813vw; right: 0;}
#scroll-section04 .g2 .pattern {width: 21.146vw; height: 26.615vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-pattern-1-d.png') no-repeat 0 0; background-size: contain;}
#scroll-section04 .title_area {text-align: center; margin-top: 3.281vw;}
#scroll-section04 .title_area h2 {width: 58.208vw; margin: 0 auto; font-size: 4.167vw; line-height: 1; font-weight: 800; letter-spacing: -0.02em; font-family: "Montserrat";}
#scroll-section04 .title_area h2 span {display: inline-block; width: 4.427vw; height: 4.427vw; background: #ff443b; margin-right: 0.521vw; border-radius: 50%; color: #fff; font-family: "Montserrat";}
#scroll-section04 .title_area .box {display: inline-block; width: auto; height: 3.646vw; background: #ff443b; padding: 0 2.604vw; margin-top: 1.042vw; font-size: 2.604vw; text-transform: none; border-radius: 1.823vw; color: #fff; letter-spacing: -0.02em; line-height: 3.385vw;}
#scroll-section04 .title_area  + .txt_area {margin: 9.375vw auto 0;}
/* #scroll-section04 .txt_area .title {display: flex; justify-content: center; width: auto; } */
#scroll-section04 .video_area {width: 61.979vw; height: 39.063vw; margin: 2.604vw auto 0;}
#scroll-section04 .video_area + .txt_area {margin-top: 10.417vw;}
#scroll-section04 .txt_area .title
#scroll-section04 .txt_area .txt {margin-top: 2.604vw;}
#scroll-section04 .img_area {width: 88.021vw; margin: 3.646vw auto 0;}
#scroll-section04 .img_area.flex {display: flex; justify-content: center; width: 77.031vw; margin-top: 1.302vw;}
#scroll-section04 .img_area.flex .img_box {width: 25.521vw;}
#scroll-section04 .img_area.flex .img_box + .img_box {margin-left: 0.26vw;}
#scroll-section04 .txt_area {margin-top: 4.688vw;}
#scroll-section04 .g3 {bottom: 37.438vw; right: 7.396vw;}
#scroll-section04 .g4 {bottom: 17.708vw; left: 4.583vw;}
#scroll-section04 .g3, 
#scroll-section04 .g4 {display: flex;}
#scroll-section04 .g3 .arrow,
#scroll-section04 .g4 .arrow {width: 3.594vw; height: 6.146vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-4-d.png') no-repeat 0 0; background-size: contain;}
#scroll-section04 .graphic .ar2, #scroll-section04 .graphic .ar3  {margin-left: -0.521vw;}


#scroll-section05 {background: linear-gradient(350deg, rgba(94,2,169,1) 0%, rgba(131,23,94,1) 100%); }
#scroll-section05::before {display: block; content: ''; position: absolute; top: -5.938vw; left: 0; width: 100%; height: 5.938vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-1-d.png') no-repeat 0 0; background-size: cover;}
/* #scroll-section05::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02_1.jpg') no-repeat 0 0; background-size: cover; } */
#scroll-section05 .monthly_inner {z-index: 1;}
#scroll-section05 .g5 {top: -12.135vw; right: 0; padding-left: 10vw;}
#scroll-section05 .g5::after {display: block; content: ''; clear: both;}
/* #scroll-section05 .g5 .dash {width: 16.24vw; height: 31.042vw; } */
/* #scroll-section05 .g5 .circle {float: right; width: 5.208vw; height: 5.208vw; margin: 0.521vw 0 0 0; border-radius: 50%; border: 0.26vw solid #fff; transform: translateX(-8.333vw);} */
#scroll-section05 .g5 .dash {width: 12.24vw; height: 21.042vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-dash-d.png') no-repeat 0 0; background-size: contain;}
#scroll-section05 .g5 .circle {float: right; width: 5.208vw; height: 5.208vw; margin: 0.521vw 0 0 0; border-radius: 50%; border: 0.26vw solid #fff; transform: translateX(-8.333vw);}

#scroll-section05 .txt_area {padding-top: 8.698vw; color: #fff;}
#scroll-section05 .txt_area .title span:nth-child(2) {color: #fff;}
#scroll-section05 .video_area + .txt_area {padding-top: 4.1667vw}
#scroll-section05 .video_area + .txt_area .txt {margin-top: 0;}
#scroll-section05 .col2_cont {display: flex; justify-content: space-between; width: 88.021vw; height: 36.875vw; padding: 0 1.042vw; margin-top: 3.385vw; box-sizing: border-box;}
#scroll-section05 .col2_cont .right {width: 56.250vw;}
#scroll-section05 .col2_cont .right.gallery_1 .swiper {width: 100%;}
#scroll-section05 .slide_area {margin-top: 12.813vw;}
#scroll-section05 .col2_cont + .txt_area {margin-top: 6.771vw; padding-top: 0; color: #fff;}
#scroll-section05 .g6 {bottom: -8.594vw; left: 0;}
#scroll-section05 .g6 .pattern {width: 21.146vw; height: 26.615vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-pattern-2-d.png') no-repeat 0 0; background-size: contain;}
#scroll-section05 .products_swiper .ui .swiper-pagination {color: #fff;}
#scroll-section05 .products_swiper .ui .swiper-button-prev,
#scroll-section05 .products_swiper .ui .swiper-button-next {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(245deg) brightness(107%) contrast(105%);}

.vi_area {display: flex; justify-content: center; align-items: center; width: 86.458vw; margin: 4.167vw auto 0;}
.vi_area > div + div {margin-left: 1.771vw;}
.vi_area .left {width: 30.677vw;}
.vi_area .left .img_box:nth-child(1) {width: 25vw; margin-left: 5.625vw;}
.vi_area .left .img_box:nth-child(2) {width: 100%; margin-top: 1.927vw;}
.vi_area .center {width: 23.438vw;}
.vi_area .center .video_area {width: 100%; height: 34.896vw;}
.vi_area .center .img_box {width: 100%; margin-top: 1.823vw;}
.vi_area .right {width: 28.802vw;}
.vi_area .right .img_box:nth-child(1) {width: 28.802vw;}
.vi_area .right .img_box:nth-child(2) {width: 17.083vw; margin-top: 1.927vw;}

#scroll-section06 {background: #f0ece3; padding: 6.771vw 0 3.646vw;}
/* #scroll-section06::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg05.png') no-repeat 0 0; background-size: cover; } */
#scroll-section06::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5.885vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-2-d.png') no-repeat 0 0; background-size: cover; }
#scroll-section06 .col2_cont {padding-top: 6.25vw;}
#scroll-section06 .txt_area {width: 100%; color: #fff; }
#scroll-section06 .txt_area .txt { text-align: left;}
#scroll-section06 .left {width: 47.813vw;}
/* #scroll-section06 .left .txt_area .txt {width: 100%; padding: 0 3.125vw 0 7.031vw; box-sizing: border-box;} */
#scroll-section06 .right .txt_area {padding-left: 4.167vw; color: #000; }
#scroll-section06 .right .txt_area .title {text-align: left;}
#scroll-section06 .right .txt_area .txt {margin-top: 3.125vw; padding-right: 2.865vw;}
#scroll-section06 .col2_cont + .col2_cont {margin-top: 9.896vw;}
#scroll-section06 .gallery_1 .ui .swiper-pagination-bullet {background: #000; opacity: .3;}
#scroll-section06 .gallery_1 .ui .swiper-pagination-bullet-active {opacity: 1;}

.outro {background: #f0ece3; padding: 5.208vw 0 4.688vw;}
/* .outro::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6.771vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02.png') no-repeat 0 0; background-size: cover; transform: scaleX(-1);} */
.outro .g7 {top: -9.417vw; right: 0;}
.outro .g7 .arrow {width: 18.792vw; height: 17.813vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-2-d.png') no-repeat 0 0; background-size: contain; }

/* .outro .g7 .arrow {width: 21.792vw; transform: rotateY(180deg);} */
.outro h2 {width: 64.583vw; margin: 0 auto; text-align: center; font-size: 4.167vw; line-height: 4.688vw; font-family: "Montserrat";}
.outro h2 span {display: inline-block; background: #fff; padding: 0 1.875vw; color: #ff443b; border-radius: 2.292vw; font-weight: 700; font-family: "Montserrat";}
.outro .img_area {margin-top: 5.208vw; width: 100%;}
.outro .gallery_1 {margin-top: 4.948vw;}
.outro .gallery_1 .ui .swiper-pagination-bullet {background: #000;}
.outro .txt_area {width: 66.927vw; margin: 3.125vw auto 0; text-align: center; font-size: 1.4583vw;}

.video {background: #f0ece3;  padding: 4.688vw 0 5.208vw;}
.video .title_area {text-align: center; margin-bottom: 1.563vw;}
.video h2 { font-size: 2.50vw; line-height: 3.125vw; margin-bottom: 1.042vw; font-family: "Montserrat";}
.video h2 span {display: inline-block; background: #fff; padding: 0 1.875vw; color: #ff443b; border-radius: 2.292vw; font-family: "Montserrat";}
.video .title_area > span {font-size: 1.458vw;}
.video .video_area {width: 61.979vw; margin: 0 auto;}
.video + .coupon {padding: 5.208vw 0 5.208vw;}

/* 제품 슬라이드 */
.products_swiper{overflow: hidden;}
.products_swiper .swiper{overflow:visible;margin: 7.292vw 12.24vw 2.083vw 12.24vw;}
.products_swiper .thumb{width: 13.021vw;height: 11.615vw;min-width: 7.25vw;}
.products_swiper .thumb > img{width:100%;height:100%;object-fit:cover;object-position: center;}
.products_swiper .swiper-wrapper{}
.products_swiper .swiper-slide{display:flex;gap: 2.083vw;background-color:#fff;border-radius:2.083vw;box-shadow: 0.208vw 0.208vw 0.417vw 0.417vw rgba(0, 0, 0, .03);overflow: hidden;padding: 1.563vw;box-sizing: border-box;}
.products_swiper .swiper-slide > .cont > * + *{display:block;margin-top: 0.208vw;}
.products_swiper .swiper-slide > .cont > em{font-style: normal;color: #646464;font-size: 0.797vw;}
.products_swiper .swiper-slide > .cont .price{margin-top:0.521vw;line-height: 1;}
.products_swiper .swiper-slide > .cont .price > strong{font-size:1.354vw;font-weight:bold}
.products_swiper .swiper-slide > .cont .price > * + *{margin-left: 0.417vw;}
.products_swiper .swiper-slide > .cont .promotion{font-size:0.99vw}
.products_swiper .swiper-slide > .cont > strong{font-weight:bold;line-height: 1.2em;height: 3.6em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 1.25vw;margin-bottom: 0.6vw;}
.products_swiper .swiper-slide > .cont sup{/* vertical-align: super; */}
.products_swiper .swiper-slide .cont{display: flex;flex-direction: column;width: 100%;}
.products_swiper .swiper-slide .btnWrap{display:flex;margin-top: auto;padding-top: 0.781vw;gap: 0.781vw;}
.products_swiper .swiper-slide .btnWrap > a{height: 2.604vw;border-radius: 1.302vw;border: 0.052vw solid #333;padding: 0.417vw 1.042vw;display: flex;flex:1;align-items: center;box-sizing: border-box;justify-content: center;text-align: center;font-size: 0.833vw;transition: .3s ease;}
.products_swiper .swiper-slide .btnWrap > a.red{background-color:#ff0000;color:#fff;border-color:#ff0000}
.products_swiper .swiper-slide .btnWrap > a:hover{text-decoration:none;background-color:#ff0000;color:#fff;border-color:#ff0000}
.products_swiper .swiper-slide .btnWrap > a.red:hover{text-decoration:none;background-color:#fff;color:#000;border-color:#333}
.products_swiper .ui{display: flex;position:absolute;align-items: center;top: -4.167vw;right:0;gap: 0.208vw;}
.products_swiper .ui .swiper-button-next,
.products_swiper .ui .swiper-button-prev,
.products_swiper .ui .swiper-pagination{position:relative;top:unset;left:unset;right:unset;margin: unset;bottom: unset;}
.products_swiper .ui .swiper-pagination{width: 6.167vw;}
.products_swiper .ui .swiper-button-next{width:3.333vw;height:3.333vw;background:url("/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speake-arrow.png");background-size: 100%;}
.products_swiper .ui .swiper-button-prev{width:3.333vw;height:3.333vw;background:url("/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speake-arrow.png");transform: rotate(180deg);background-size: 100%;}
.products_swiper .ui .swiper-button-next:after,
.products_swiper .ui .swiper-button-prev:after{display:none}

/* 카드 컴포넌트 버튼색상 */
.c-button[class*=-default].highlight, .c-button[class*=-default]:hover {
  background: #ff0000 !important;
  border-color: #ff0000 !important;
  color: #fff !important;
}
.c-button[class*=-default].highlight:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #646464 !important;
}

/* 하단 배너 컴포넌트 로딩바 숨김 */
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, 
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {display: none;}

/* cta */
.btn_plus {position: absolute; width: 3.646vw; height: 3.646vw; border-radius: 50%; background: #ea1917; border: 0; cursor: pointer; z-index: 20;}
.btn_plus::before, .btn_plus::after {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 1.667vw; height: 0.104vw; background: #fff; transform: translate(-50%, -50%); }
.btn_plus::after {transform: translate(-50%, -50%) rotate(90deg);}

.q_box {position: relative;background-color:#fff;border-radius:1.042vw;padding: 1.042vw;display: flex;box-shadow: 0.208vw 0.208vw 0.417vw 0.417vw rgba(0, 0, 0, .03);max-width: 30vw;}
.q_box .thumb{width:9.375vw;height:9.375vw;min-width: 9.375vw;}
.q_box .thumb img{object-fit: cover;animation: none !important;opacity: 1;}
.q_box .cont{display:flex;flex-direction:column;align-items: flex-start;}
.q_box .cont > em{font-size: 0.781vw;font-style: normal;}
.q_box .cont > strong{line-height: 1.3em;font-size: 1.042vw;height: 3.9em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-bottom: 0.521vw;margin-top: 0.26vw;font-weight: bold;}
.q_box .cont > a{margin-top: auto;height: 2.604vw;max-height: 2.604vw;border-radius: 1.302vw;/* border: 0.052vw solid #333; */padding: 0.417vw 1.042vw;display: flex;flex: 1;align-items: center;box-sizing: border-box;justify-content: center;text-align: center;font-size: 0.833vw;/* font-weight: bold; */width: 100%;background-color: #fff;color: #333;border:1px solid #333;transition:.4s ease}
.q_box .cont > a:hover{text-decoration:none;background-color:#ff0000;border-color:#ff0000;color:#fff}
.q_box:after{position: absolute;top: 50%;right: -2.604vw;transform: translateY(-50%);content:"";display:inline-block;width: 0;height: 0;border-bottom: 1.563vw solid transparent;border-top: 1.563vw solid transparent;border-left: 1.563vw solid white;border-right: 1.563vw solid transparent;}
.q_box.left:after{right:unset;left: -3vw;border-top: 2vw solid transparent;border-left: 2vw solid transparent;border-right: 2vw solid white;}

#scroll-section05 .img_box {position: relative;}
#scroll-section05 .btn_plus {bottom: 17vw; right: 1.146vw;}
#scroll-section05 .q_box{position: absolute; right: 6.75vw; bottom: 13vw;display: none;}
#scroll-section05 .q_box.left::after {left: unset; right: -3vw; transform: translateY(-50%) rotate(180deg);}
#scroll-section05 .btn_plus_hover_wrap:hover .q_box {display: flex;}
#scroll-section06 .btn_plus_hover_wrap:hover .q_box, 
#scroll-section07 .btn_plus_hover_wrap:hover .q_box {display: flex; opacity: 1 !important; animation: none !important;}

#scroll-section06 .btn_plus {top: 5vw; left: 10.313vw;}
#scroll-section06 .q_box{position: absolute; left: 15.813vw; top: 0.8vw; display: none;}

#scroll-section07 .btn_plus {top: 4vw; left: 35.313vw;}
#scroll-section07 .q_box{position: absolute; left: 40.813vw; top: 0.104vw; display: none;}


/* 모션관련 css */
#scroll-section01 {
  position: fixed;
  left: 0;
  top: 0;
}
#scroll-section01 .kv_img .left {
  transform: translate(-100%, -100%)
}
#scroll-section01 .kv_img .right {
  transform: translate(100%, 100%)
}
#scroll-section01 .ball {
  opacity: 0;
}
#scroll-section01 .kv_tit > p {
  opacity: 0;
}
#scroll-section01 .kv_tit > h1 > span {
  opacity: 0;
}

/*지민 : 마진 -> 패딩 */
.pinned-section{
  position: relative;
  padding-top: 41.667vw;
  background: linear-gradient(0deg, rgba(239,236,228,1) 0%, rgba(239,236,228,1) 82%,rgba(0,0,0,0) 83%, rgba(0,0,0,0) 100%);
  /*이부분 추가*/
  @media screen and (max-width: 720px){
    padding-top:163.472vw;

  }
}
/* #scroll-section05::before {top: -7.917vw; height: 7.917vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02_1_mo.png');} */


#scroll-section03 .slices {
  position: absolute;
  background-size: cover;
  z-index: 1;
  width: 100%;
  top: 0; height: calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8); background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-with-friends-bg-d.png'); 
  transition: all 1s ease-in-out;
}

#scroll-section03.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: -70px;
}

#scroll-section03 .slice-1 {
  background-position: 0px 0;
  transform: translateY(0);
  opacity: 0;
}
#scroll-section03 .slice-2 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8));
  opacity: 0;
}
#scroll-section03 .slice-3 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 2);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 2));
  opacity: 0;
}
#scroll-section03 .slice-4 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 3);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 3));
  opacity: 0;
}
#scroll-section03 .slice-5 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 4);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 4));
  opacity: 0;
}
#scroll-section03 .slice-6 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 5);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 5));
  opacity: 0;
}
#scroll-section03 .slice-7 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 6);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 6));
  opacity: 0;
  height: calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 - 25px);
}
#scroll-section03 .slice-8 {
  background-position: 0 calc(-1 * (65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 7);
  transform: translateY(calc((65.26vw + min(100px, 5.365vw) + 6.771vw) / 8 * 7));
  opacity: 0;
}
/* #scroll-section03 .slice-2 {
  transform: translateY(40px);
}
#scroll-section03 .slice-4 {
  transform: translateY(40px);
}
#scroll-section03 .slice-6 {
  transform: translateY(40px);
}
#scroll-section03 .slice-8 {
  transform: translateY(40px);
} */

#scroll-section07 {
  background: #EFECE4;
}
#scroll-section02 .monthly_inner h2 {
  opacity: 0;
}
#scroll-section02 .monthly_inner h2.ani {
  animation: slideUp 1.5s ease 0s forwards;opacity: 0;
}

#scroll-section02 .monthly_inner .coupon_area {
  opacity: 0;
}

#scroll-section02 .monthly_inner .coupon_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}

#scroll-section04 .monthly_inner .title_area {
  opacity: 0;
}
#scroll-section04 .monthly_inner .g1 .arrow {
  clip-path: inset(0 100% 0 0);
}
#scroll-section04 .monthly_inner .g1.ani .arrow {
  animation: clipLeft 1s ease-in-out forwards;clip-path: inset(0 100% 0 0);
}
#scroll-section04 .monthly_inner .title_area.ani {
  animation: slideUp 1.5s ease 0s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .video_area {
  opacity: 0;
}
#scroll-section04 .monthly_inner .video_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar3 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar3.ani {
  animation: appear 0s linear .0s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar2 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar2.ani {
  animation: appear 0s linear .3s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar1 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g3 .ar1.ani {
  animation: appear 0s linear .6s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar2 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar2.ani {
  animation: appear 0s linear .5s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar1 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar1.ani {
  animation: appear 0s linear .8s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar3 {
  opacity: 0;
}
#scroll-section04 .monthly_inner .graphic.g4 .ar3.ani {
  animation: appear 0s linear .11s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .txt_area .title {
  opacity: 0;
}
#scroll-section04 .monthly_inner .txt_area .title.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .txt_area .txt {
  opacity: 0;
}
#scroll-section04 .monthly_inner .txt_area .txt.ani {
  animation: slideUp 1.5s ease .4s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .img_area {
  opacity: 0;
}
#scroll-section04 .monthly_inner .img_area.ani {
  animation: slideUp 1.5s ease .1s forwards;opacity: 0;
}
#scroll-section04 .monthly_inner .img_area.flex {
  opacity: 0;
}

#scroll-section04 .monthly_inner .img_area.flex.ani {
  animation: slideUp 1.5s ease .4s forwards;opacity: 0;
}
#scroll-section05 .monthly_inner .txt_area .title {
  opacity: 0;
}
#scroll-section05 .monthly_inner .txt_area .title.ani {
  animation: slideUp 1.5s ease .0s forwards;opacity: 0;
}
#scroll-section05 .monthly_inner .col2_cont {
  opacity: 0;
}
#scroll-section05 .monthly_inner .col2_cont.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section05 .monthly_inner .txt_area .txt {
  opacity: 0;
}
#scroll-section05 .monthly_inner .txt_area .txt.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section05 .monthly_inner .graphic.g5 {
  clip-path: inset(0 0 100% 0);
}
#scroll-section05 .monthly_inner.ani .graphic.g5 {
  animation: clipTop 1.5s ease-in-out 0s forwards;clip-path: inset(0 0 100% 0);
}
#scroll-section06 .monthly_inner .col2_cont .left {
  opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .left.ani {
  animation: slideUp 1.5s ease .0s forwards;opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .right .txt_area .title {
  opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .right .txt_area .title.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .right .txt_area .txt {
  opacity: 0;
}
#scroll-section06 .monthly_inner .col2_cont .right .txt_area .txt.ani {
  animation: slideUp 1.5s ease .6s forwards;opacity: 0;
}

#scroll-section07 .monthly_inner .g7 .arrow {
  clip-path: inset(0 0% 0 100%);
}
#scroll-section07 .monthly_inner .g7.ani .arrow {
  animation: clipRight 1s ease-in-out forwards;clip-path: inset(0 0% 0 100%);
}
#scroll-section07 .monthly_inner > h2 {
  opacity: 0;
}
#scroll-section07 .monthly_inner > h2.ani {
  animation: slideUp 1.5s ease .0s forwards;opacity: 0;
}
#scroll-section07 .monthly_inner .img_area {
  opacity: 0;
}
#scroll-section07 .monthly_inner .img_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section07 .monthly_inner .txt_area {
  opacity: 0;
}
#scroll-section07 .monthly_inner .txt_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section07 .monthly_inner .gallery_1 {
  opacity: 0;
}
#scroll-section07 .monthly_inner .gallery_1.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section08 .title_area > h2 {
  opacity: 0;
}
#scroll-section08 .title_area > h2.ani {
  animation: slideUp 1.5s ease .0s forwards;opacity: 0;
}
#scroll-section08 .title_area > span {
  opacity: 0;
}
#scroll-section08 .title_area > span.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}
#scroll-section08 .video_area {
  opacity: 0;
}
#scroll-section08 .video_area.ani {
  animation: slideUp 1.5s ease .6s forwards;opacity: 0;
}
#scroll-section09 .monthly_inner .coupon_area {
  opacity: 0;
}
#scroll-section09 .monthly_inner .coupon_area.ani {
  animation: slideUp 1.5s ease .3s forwards;opacity: 0;
}

@keyframes weggle1{
  0%{transform: translate(20%,20%);opacity:0}
  100%{transform: translate(0,0);opacity:1}
}
@keyframes weggle2{
  0%{transform: rotate(-3deg)}
  50%{transform: rotate(3deg)}
  100%{transform:rotate(0deg)}
}
@keyframes weggle3{
  0%{transform: rotate(-1deg)}
  50%{transform: rotate(1deg)}
  100%{transform:rotate(0deg)}
}
@keyframes pathAni {
  0%{stroke-dashoffset: 400;}
  100%{stroke-dashoffset: 100;}
}
@keyframes clipRight{
  0%{clip-path: inset(0 0 0 100%)}
  100%{clip-path: inset(0 0 0 0)}
}
@keyframes clipTop{
  0%{clip-path: inset(0 0 100% 0)}
  100%{clip-path: inset(0 0 0 0)}
}
@keyframes clipLeft{
  0%{clip-path: inset(0 100% 0 0)}
  100%{clip-path: inset(0 0 0 0)}
}
@keyframes appear {
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes slideUp {
  0%{transform: translateY(20%);opacity: 0;}
  100%{transform: translateY(0);opacity: 1;}
}

@keyframes slideDown {
  0%{transform:translateY(-20%);opacity: 0;}
  100%{transform:translateY(0);opacity: 1;}
}
@keyframes slideRight {
  0%{transform:translateX(-20%);opacity: 0;}
  100%{transform:translateX(0);opacity: 1;}
}
@keyframes spinFade {
  0%{transform:rotateX(100deg) scale(1.2)}
  100%{transform:rotateX(0deg) scale(1)}
}
@keyframes fade {
  0%{opacity:0}
  100%{opacity:1}
}


@media screen and (max-width: 720px){
  :root {
    --swiper-navigation-size: 3vw;
    --swiper-theme-color: #000;
  }

  .pc_only {display: none !important;}
  .mo_only {display: block !important;}
  

  .highlight {width: 52.639vw;}
  .highlight::after{height: 4.444vw; background-image: url('../assets/image/monthly-lg-highlight-m.png'); bottom: 0; /* transition: 0.2s all;  */}
  /* .underline {display: inline-block;}
  .underline::after {bottom: 4px;} */


  .monthly__container {max-width: 100%;box-sizing: border-box;width: -webkit-fill-available;margin: auto;}
  .scroll_section.key_visual{}

  .btn_play, .btn_pause {display: none !important;}

  .key_visual {width: 100%; height: 161.472vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-1-m.jpg') repeat-y 0 0; background-size: contain;}
  .key_visual .ball {top: 65.028vw; right: 9.278vw; width: 20.139vw; height: 19.444vw; }
  .kv_img {position: relative; height: 70vw;}
  .kv_img .bg {height: 100%;}
  .kv_img .bg .pattern {background: none;}
  .kv_img .bg .left {width: 51.944vw; height: 100%; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-2-m.png');}
  .kv_img .bg .right {width: 50.833vw; height: 65.278vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-kv-bg-3-m.png');}
  .kv_tit {position: relative; height: calc(100% - 70vw);}
  .kv_tit h1 {position: absolute; left: 0; top: 1.0vw; width: 100%;}
  .kv_tit h1 > span {display: inline-block; position: absolute; text-align: center; z-index: 1;}
  .kv_tit h1 > span::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -1;}
  .kv_tit h1 span:nth-child(1) {top: -20.833vw; left: auto; right: 25.528vw; width: 40.306vw; height: 13.833vw; font-size: 7.778vw; color: #fff; line-height: 13.833vw;}
  .kv_tit h1 span:nth-child(1)::before {transform: rotate(-4deg);}
  .kv_tit h1 > span:nth-child(2) {top: -8.111vw; left: 14.444vw; width: 57.833vw; height: 21.361vw; text-align: left; padding-left: 6.944vw; box-sizing: border-box;}
  .kv_tit h1 span:nth-child(2)::before {display: none;}
  .kv_tit h1 span:nth-child(2) i {}
  .kv_tit h1 > span:nth-child(2) span {font-size: 15.972vw; line-height: 21.361vw;}
  .kv_tit h1 > span:nth-child(3) {top: 13.5vw; bottom: auto; left: 16.333vw; width: 65.611vw; height: 21.806vw; text-align: center;}
  .kv_tit h1 span:nth-child(3)::before {display: none;}
  .kv_tit h1 span:nth-child(3) i {}
  .kv_tit h1 > span:nth-child(3) span {font-size: 15.972vw; line-height: normal; padding-left: 0;}
  .kv_tit h1 > span:nth-child(4) {top: 33.917vw; bottom: auto; right: 12.361vw; width: 38.472vw; height: 14.861vw; font-size: 3.889vw; color: #fff; padding: 1.778vw 0 0; box-sizing: border-box;}
  .kv_tit h1 > span:nth-child(4)::before {background: #d62626; transform: rotate(-2deg);}
  .kv_tit p {position: relative; bottom: auto; left: 0; transform: translateX(0); width: auto; margin: 0 4.167vw; padding-top: 51.917vw; font-size: 3.889vw; line-height: 5.278vw; text-align: center;}
  
  .coupon {padding: 13.194vw 0 11.111vw;}
  .coupon h2 {margin-bottom: 6.944vw; text-align: center; font-size: 6.944vw; }
  .coupon h2 .date {padding: 0.833vw 4.861vw; font-size: 3.889vw; border-radius: 3.472vw;}
  .coupon_area {width: 71.806vw; height: 150.278vw;}
  .coupon_area::before {left: 1.272vw; width: 100%; height: 100%; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-shadow-m.png');}
  .coupon_area .coupon_inner {display: block; width: 75vw; height: 148.056vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-bg-m.png'); padding: 0 6.667vw; }
  .coupon_area .left {width: 100%; padding: 6.25vw 0 ; text-align: center;}
  .coupon_area .left .title {display: block; margin-top: 0; padding-bottom: 0.833vw;}
  .coupon_area .left .title strong {display: block; position: relative; font-size: 5.556vw; color: #ea1917; font-family: "Montserrat"; }
  .coupon_area .left .title strong::after {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.417vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-border-dotted.png') repeat-x 0 0; background-size: contain; }
  .coupon_area .left .title span {display: block; margin-left: 0; padding-top: 1.250vw; padding-left: 0; font-size: 2.778vw; line-height: 3.333vw; }
  .coupon_area .left .title span::before {display: inline-block; position: relative; font-size: 2.778vw;}
  .coupon_area .left .prd_list {display: flex; flex-wrap: wrap; position: relative; width: 100%; padding-top: 4.167vw;}
  .coupon_area .left .prd_list::before {display: none; }
  .coupon_area .left .prd_list > div,
  .coupon_area .left .prd_list > div:nth-child(2) {width: calc((100% - 0.556vw)/2);}
  .coupon_area .left .prd_list > div:nth-child(3) {width: 100%; margin-top: 0.694vw; margin-left: 0;}
  .coupon_area .left .prd_list > div > .tit {height: 5.556vw; font-size: 3.056vw; line-height: 5.556vw; border-radius: 1.389vw;}  
  .coupon_area .left .prd_list > div + div {margin-left: 0.556vw;}
  .coupon_area .left .prd_list > div:nth-child(3) .list_wrap {display: flex; align-items: center; height: 31.25vw; margin-top: -4.028vw; padding-top: 4.028vw;}
  .coupon_area .left .prd_list > div .img_area {bottom: 2.778vw; }
  .coupon_area .left .prd_list > div:nth-child(1) .img_area {width: 24.306vw;}
  .coupon_area .left .prd_list > div:nth-child(2) .img_area {width: 7.083vw;}
  .coupon_area .left .prd_list > div:nth-child(3) .list_wrap ul {width: 30.556vw; margin-bottom: 0;}
  .coupon_area .left .prd_list > div:nth-child(3) .img_area {position: relative; bottom: auto; left: 0; transform: translateX(0); width: 20.694vw; height: 7.083vw; margin-left: 4.306vw;}
  .coupon_area .left .prd_list .list_wrap {height: 37.917vw; margin-top: 0.556vw; padding-top: 0.556vw;}
  .coupon_area .left .prd_list .list_wrap::before {border-radius: 1.389vw;}
  .coupon_area .left .prd_list .list_wrap li {font-size: 2.778vw;}
  .coupon_area .left .prd_list .list_wrap li + li {margin-top: 0.556vw;}
  .coupon_area .right {width: 100%; padding: 3.611vw 0 1.944vw;}
  .coupon_area .right .txt_area {display: flex; align-items: flex-start; padding-top: 3.611vw;}
  .coupon_area .right .txt_area > p:nth-child(1) {width: 38.889vw; font-size: 5.278vw; margin-top: 2.639vw; padding-bottom: 0; letter-spacing: -0.04em;}
  .coupon_area .right .txt_area .tl strong {display: inline-block; font-size: 23.611vw; margin-bottom: 0; line-height: 6.944vw;}
  .coupon_area .right .txt_area .tl strong span {font-size: 13.889vw; margin-left: 1.389vw;}
  .coupon_area .right .txt_area .tr {position: relative; width: 25.556vw;}
  .coupon_area .right .txt_area .tr::before {display: block; content: ''; position: absolute; top: 50%; left: -50%; width: 26.389vw; height: 0.417vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-special-offer-coupon-border-dotted.png') repeat-x 0 0; background-size: contain; transform: rotate(90deg) translateY(1.667vw);}
  .coupon_area .right .txt_area .tr p {font-size: 3.472vw; line-height: 1;}
  .coupon_area .right .txt_area .tr p .prm_code {display: block; margin-top: 1.389vw; color: #ea1917; font-weight: 700;}
  .coupon_area .btn_copy {width: 16.389vw; height: 8.889vw; background: #ea1917; margin-top: 2.361vw; border-radius: 4.444vw; font-size: 3.056vw; line-height: 8.889vw; text-align: center; text-decoration: none;}
  .coupon_area .btn_copy:hover {text-decoration: none;}

  .intro {height: 230.944vw; padding: 26.25vw 0 7.778vw;}
  .intro .monthly_inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 230.944vw;
    width: 100%;
    padding: 26.25vw 0 7.778vw;
  }
  
  .intro .intro_1 {
    background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-bg-m.png'); 
  }
  .intro .intro_2 {
    background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-enzo-gardini-with-friends-bg-m.png'); 
  }
  .intro .intro_area .img_area {position: relative; height: 70.278vw;}
  .intro .intro_area .img_area .intro_img {width: 70.278vw; height: 70.278vw; margin: 0 auto;}
  .intro .intro_area .img_area .intro_img picture {display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%;}
  .intro .intro_area .img_area .intro_img picture:nth-child(2) {display: none;}
  .intro .intro_area .txt_area {position: relative;}
  .intro .intro_area .txt_area > div {display: block; width: 100%; margin-top: 5.556vw; padding: 0 6.944vw; box-sizing: border-box;}
  .intro .intro_area .txt_area > div:nth-child(2) {display: block; opacity: 0;}
  .intro .intro_area .txt_area p {flex: 1; text-align: left;}
  .intro .intro_area .txt_area .left_area {font-size: 6.944vw; line-height: 8.333vw; font-weight: 400; margin-top: 0;} 
  .intro .intro_area .txt_area .right_area {font-size: 3.889vw; line-height: 5.278vw; margin-top: 5.556vw; padding-left: 0;} 

  .point {color: #ff443b; font-weight: 700;}

  h2 {font-family: "Montserrat"; font-weight: 700;}
  h2 span {font-family: inherit;}
  .cont h2 .title {display: block; font-size: 4.167vw; color: #fff; line-height: 1;}
  .cont h2 .s_txt {display: inline-block; padding: 0 2.604vw; margin-top: 0.313vw; font-size: 2.917vw; background: #ff443b; color: #000; line-height: 1.07; font-weight: 400;}
  .cont .txt_area {width: 77.778vw; padding: 0;}
  .cont .txt_area .title {width: 100%; margin: 0 auto; font-size: 2.5vw; font-weight: 700; line-height: 2.917vw;  font-family: "Montserrat"; }
  .cont .txt_area .title span {}
  .cont .txt_area .title + .txt {margin-top: 5.556vw;}
  .cont .txt_area .txt {margin-top: 0; font-size: 3.889vw; line-height: 5.833vw;}
  .cont .txt_area.ltr {display:flex; width: 88.021vw;}
  .cont .txt_area.ltr p {box-sizing: border-box;}
  .cont .txt_area.ltr .title {width: 39.583vw;}
  .cont .txt_area.ltr .txt {width: calc(100% - 39.583vw); margin-top: 0; text-align: left;}
  .cont .txt_area.rtl {}
  .cont .col2_cont {display: flex; max-width: 100%;}
  .cont .col2_cont .left {box-sizing: border-box;}
  .cont .col2_cont .right {}
  .cont .txt_area .title {text-align: center; font-size: 6.389vw;}
  .cont .txt_area .title span.box {padding: 0 4.861vw; margin-bottom: 0.365vw; font-size: 6.389vw; line-height: 8.333vw; border-radius: 4.167vw;}
  .cont .txt_area .title span:nth-child(2) {margin-top: 1.389vw;}
  .btn_play, .btn_pause {width: 6.806vw; height: 11.111vw;}

  .graphic {position: absolute;}
  .graphic span {display: block;}

  #scroll-section04 {padding: 10.556vw 0 7.917vw;}
  #scroll-section04 .g1 {top: 60.639vw; left: 0;}
  #scroll-section04 .g1 .arrow {width: 23.333vw; height: 28.472vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-1-m.png')}
  #scroll-section04 .g2 {top: -40.556vw; right: 0;}
  #scroll-section04 .g2 .pattern {width: 31.806vw; height: 46.944vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-pattern-1-m.png') no-repeat 0 0; background-size: contain;}
  #scroll-section04 .title_area {text-align: center; margin-top: 3.281vw;}
  #scroll-section04 .title_area h2 {width: 100%; font-size: 10.833vw; line-height: 11.806vw; font-weight: 800; letter-spacing: -0.02em;}
  #scroll-section04 .title_area h2 span {width: 12.639vw; height: 12.639vw; border-radius: 50%; color: #fff;}
  #scroll-section04 .title_area .box {height: 20vw; padding: 0.417vw 0 0; margin: 5.556vw 7.222vw 0; font-size: 7.222vw; border-radius: 10vw; line-height: 9.028vw;}
  #scroll-section04 .txt_area {width: 100%; padding: 0 4.167vw; box-sizing: border-box;}
  #scroll-section04 .title_area  + .txt_area {margin-top: 19.444vw;}
  /* #scroll-section04 .txt_area .title {display: flex; justify-content: center; width: auto; } */
  #scroll-section04 .video_area {width: 83.333vw; height: 52.5vw; margin-top: 5.556vw;}
  #scroll-section04 .video_area + .txt_area {margin-top: 26.389vw;}
  #scroll-section04 .txt_area .title
  #scroll-section04 .txt_area .txt {margin-top: 2.604vw;}
  #scroll-section04 .img_area {width: 100%; margin-top: 4.167vw;}
  #scroll-section04 .img_area.flex {width: 100%; margin-top: 3.472vw;}
  #scroll-section04 .img_area.flex .img_box {width: 32.639vw;}
  #scroll-section04 .img_area.flex .img_box + .img_box {margin-left: 1.111vw;}
  #scroll-section04 .txt_area {margin-top: 9.167vw;}
  #scroll-section04 .g3 {bottom: 159.944vw; right: 4.028vw; /* bottom: auto; top: 339.167vw; */}
  #scroll-section04 .g4 {bottom: 72.667vw; left: 9.583vw;}
  #scroll-section04 .g3 .arrow,
  #scroll-section04 .g4 .arrow {width: 7.778vw; height: 12.5vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-4-m.png');}
  #scroll-section04 .graphic .ar2, #scroll-section04 .graphic .ar3  {margin-left: -0.521vw;}
  #scroll-section04 .products_swiper {margin-top: 0;}

  #scroll-section05 {padding-bottom: 5.556vw;}
  #scroll-section05::before {top: -7.917vw; height: 7.917vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-1-m.png');}
  /* #scroll-section05::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02_1.jpg') no-repeat 0 0; background-size: cover; } */
  #scroll-section05 .monthly_inner {z-index: 1;}
  #scroll-section05 .g5 {top: -43.611vw; left: 0; padding-left: 0; pointer-events: none;}
  #scroll-section05 .g5 .dash {width: 22.222vw; height: 54.861vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-dash-m.png');}
  #scroll-section05 .g5 .circle {float: none; width: 8.75vw; height: 8.75vw; margin-top: -0.972vw; border-width: 0.694vw; transform: translateX(6.667vw);}
  #scroll-section05 .txt_area {padding-top: 12.917vw;}
  #scroll-section05 .txt_area + .gallery_1 {margin-top: 5.556vw;}
  #scroll-section05 .swiper-button-next, 
  #scroll-section05 .swiper-button-prev {color: #fff;}
  #scroll-section05 .swiper-pagination-fraction {color: #fff;}
  #scroll-section05 .video_area {width: 76.389vw; margin: 5.556vw auto 5.556vw;}
  #scroll-section05 .video_area + .txt_area {padding: 0 4.167vw; width: 100%; }
  #scroll-section05 .col2_cont {display: flex; justify-content: space-between; width: 88.021vw; height: 36.875vw; padding: 0 1.042vw; margin-top: 3.385vw; box-sizing: border-box;}
  #scroll-section05 .col2_cont .right {width: 56.250vw;}
  #scroll-section05 .col2_cont .right.gallery_1 .swiper {width: 100%;}
  #scroll-section05 .slide_area {margin-top: 12.813vw;}
  #scroll-section05 .col2_cont + .txt_area {margin-top: 6.771vw; padding-top: 0; color: #fff;}
  #scroll-section05 .g6 {bottom: -28.75vw; left: auto; right: 0;}
  #scroll-section05 .g6 .pattern {width: 38.889vw; height: 51.944vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-pattern-2-m.png');}
  #scroll-section05 .products_swiper .ui .swiper-pagination {color: #fff;}
  #scroll-section05 .products_swiper .ui .swiper-button-prev,
  #scroll-section05 .products_swiper .ui .swiper-button-next {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(245deg) brightness(107%) contrast(105%);}

  #scroll-section06 {padding: 6.771vw 0 0;}
  /* #scroll-section06::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg05.png') no-repeat 0 0; background-size: cover; } */
  #scroll-section06::before {height: 7.778vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-2-m.png'); }
  #scroll-section06 .col2_cont {display: block; padding-top: 13.889vw;}
  #scroll-section06 .col2_cont .txt_area .title {color: #000; text-align: left; padding: 0 6.944vw;}
  #scroll-section06 .left {width: 100%; margin-top: 5.556vw;}
  #scroll-section06 .right .txt_area {padding-left: 4.167vw; padding-right: 4.167vw;}
  #scroll-section06 .right .txt_area .txt {margin-top: 5.556vw; padding-right: 0;}
  #scroll-section06 .col2_cont + .col2_cont {margin-top: 9.896vw;}
  #scroll-section06 .gallery_1 .ui .swiper-pagination-bullet {background: #000; opacity: .3;}
  #scroll-section06 .gallery_1 .ui .swiper-pagination-bullet-active {opacity: 1;}

  .outro {padding: 13.889vw 0;}
  /* .outro::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6.771vw; background: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/bg02.png') no-repeat 0 0; background-size: cover; transform: scaleX(-1);} */
  .outro .g7 {top: -21.111vw; right: 0;}
  .outro .g7 .arrow {width: 12.5vw; height: 54.306vw; background-image: url('/content/dam/channel/wcms/mx/monthly-lg/2024/monthly-lg-july/images/monthly-lg-bringing-football-to-life-with-oled-tv-and-xboom-speaker-graphic-arrow-4-m.png'); display: none;}
  .outro h2 {width: 100%; padding: 0 4.167vw; font-size: 9.722vw; line-height: 10.833vw; box-sizing: border-box; letter-spacing: -0.02em;}
  .outro h2 span {height: 11.111vw; padding: 0 9.444vw; border-radius: 5.556vw; font-weight: 700;}
  .outro .img_area {margin-top: 5.208vw; width: 100%;}
  .outro .gallery_1 {margin-top: 8.333vw;}
  .outro .gallery_1 .ui .swiper-pagination-bullet {background: #000;}
  .outro .txt_area {width: 100%; padding: 0 4.167vw; margin-top: 5.556vw; box-sizing: border-box; font-size: 3.889vw; line-height: 5.833vw;}

  .video {padding: 13.889vw 0 8.333vw;}
  .video .title_area {margin: 0 2.5vw 5.833vw;}
  .video h2 { font-size: 7.222vw; line-height: 8.611vw; margin-bottom: 5.556vw; letter-spacing: -0.02em;}
  .video h2 span {width: 90%; height: 18.75vw; padding: 0 1.875vw; border-radius: 9.306vw;white-space: nowrap; letter-spacing: -2px;}
  .video .title_area > span {font-size: 3.889vw; line-height: 5.833vw; padding: 0 3.889vw;}
  .video .video_area {width: 100%;}
  .video + .coupon {padding-top: 8.333vw;}

  /* 이미지 슬라이드 */  
  .gallery_1 .ui{margin-top: 5.556vw; width: 20vw; height: 2.222vw;}
  .gallery_1 .ui .swiper-pagination{}
  .gallery_1 .ui .swiper-pagination-bullet {width: 2.222vw; height: 2.222vw; margin: 0 1.667vw;}
  .gallery_1 .ui .swiper-pagination-bullet-active {}
  
  .gallery_1 .ui{height: 4vw;}
  .gallery_1 .ui .swiper-pagination{font-size: 3vw;bottom: 1vw;}
  
  /* 제품슬라이드 */
  .products_swiper .ui .swiper-button-prev,
  .products_swiper .ui .swiper-button-next{width: 10vw;height: 10vw;}
  .products_swiper .ui{top: -14.722vw;gap: 1vw;}
  .products_swiper .ui .swiper-pagination {display: none;}
  .products_swiper .thumb > img{object-fit:contain;}
  .products_swiper .swiper{margin: 20.139vw 8vw 13.889vw 8vw;}
  .products_swiper .swiper-slide{padding: 5vw 5vw 14.5vw 5vw;}
  .products_swiper .swiper-slide > .cont > em {font-size: 2.5vw;}
  .products_swiper .swiper-slide > .cont > strong{height: 4.8em;-webkit-line-clamp: 4;margin-bottom: 4vw;font-size: 3.8vw;}
  .products_swiper .swiper-slide > .cont .price > strong{display: block;order: 3;width: 100%;font-size: 6.333vw;}
  .products_swiper .swiper-slide > .cont .price > * + *{margin-left: 0;}
  .products_swiper .swiper-slide > .cont .price{display: flex;flex-wrap: wrap;}
  .products_swiper .swiper-slide > .cont .promotion{font-size: 2.5vw;margin-top: 1vw;}
  .products_swiper .swiper-slide .btnWrap {position: absolute;bottom: 0;width: auto;left: 0;right: 0;padding: 2.778vw;gap: 1.5vw;}
  .products_swiper .swiper-slide .btnWrap > a {height: 8vw;border-radius: 4vw;font-size: 2.8vw;}
  .products_swiper .thumb{width: 23vw;min-width: 23vw;height: auto;}

  /* cta */
  .btn_plus {width: 9.722vw; height: 9.722vw;}
  .btn_plus::before, .btn_plus::after {width: 4.444vw; height: 0.278vw;}

  .q_box{min-height: 30vw;min-width: 58vw;max-width: 58vw;padding: 3vw;left: 10vw;top: 2vw;border-radius: 4vw;}
  .washtower .q_box{left: 20vw;top: 36vw;}
  .q_box .thumb{width: 15vw;height: 20vw;min-width: 15vw;}
  .q_box .cont > em{font-size:2vw;margin-bottom:.5vw}
  .q_box .cont > strong{font-size: 3vw;}
  .q_box .cont > a{height: 6vw;min-height: 6vw;font-size: 3vw;border-radius: 3vw;margin-top: 5vw;position: absolute;left: 0;bottom: 0;margin: 2.5vw;width: -webkit-fill-available;}
  .q_box.left:after{left: -3.5vw;}

  #scroll-section05 .btn_plus {bottom: unset; right: 26.146vw; top: 9.333vw;}
  #scroll-section05 .q_box{right: unset; bottom: unset; top: 0; left: 2.778vw; height: 27.778vw;}
  #scroll-section05 .q_box.left::after {right: -3.5vw;}  
  #scroll-section05 .btn_plus_hover_wrap:hover .q_box {opacity: 1 !important; animation: none !important;}
 
  #scroll-section06 .btn_plus {top: 10.5vw; left: 17.313vw;}
  #scroll-section06 .q_box{left: 30.813vw; top: -5.556vw; }

  #scroll-section07 .btn_plus {top: 10vw; left: 28.313vw;}
  #scroll-section07 .q_box{left: 40.813vw; top: 0.104vw; } 
}