.noscroll {overflow:hidden;}

.teaser-container {width:100%; min-height:100vh; position:relative; visibility:hidden; background:#F0ECE4;}
.teaser-container .scroll-icon {width:2.25rem; height:2.938rem; position:fixed; left:calc(50% - 1.125rem); bottom:1.5rem; z-index:99;}
.teaser-container .scroll-icon img {width:100%; height:100%; object-fit:contain;}

.teaser-section01 {width:100%; min-height:100vh;}
.teaser-section01 .phone-wrap {width:100%; min-height:100vh; position:relative; overflow:hidden; background-color:#F0ECE4;}
.teaser-section01 .phone-wrap .chat-wrap {width:100%; height:100%; padding:4rem 1.5rem 0; position:absolute; bottom:calc(-50% + 4rem);}
.teaser-section01 .phone-wrap .chat-wrap .chat-time {font-size:1rem; color:#848380; text-align:center; margin-bottom:2.5rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box {display:flex; align-items:flex-end; position:relative; gap:0.625rem; margin-bottom:2rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.chat-step-box {flex-direction:column; align-items:flex-start;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.chat-step-box .step-box { display:flex; align-items:flex-end; gap:0.625rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.chat-link-box {margin-bottom:0.5rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .profile {width:2rem; height:2rem; border-radius:50%; flex-shrink:0;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .profile img {width:100%; height:100%; object-fit:contain;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-txt {width:auto; max-width:18rem; padding:0.75rem 0.875rem; border-radius:1.4375rem; font-size:1rem; line-height:1.125rem; font-weight:400;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .like-Emoji {width:2.625rem; height:1.875rem; background:#E0DCD5; display:flex; align-items:center; justify-content:center; font-size:1.125rem; color:#FE2C2C; border-radius:1.25rem; position:absolute; left:2.625rem; bottom:-1.375rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.chat-TB .chat-txt {background:#fff; border-bottom-left-radius:0.5rem; position:relative;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.chat-TB .chat-txt::before {content:''; width:0.6875rem; height:0.6875rem; background:url('/content/dam/lge/global/lifesgood/2024-teaser/img/tb_tail.png') no-repeat; background-size:contain; display:flex; position:absolute; left:0; bottom:0; transform:translateX(-50%);}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.chat-my .chat-txt {background:#FE2C2C; border-bottom-right-radius:0; margin-left:auto; color:#fff;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.chat-my .chat-txt::before {content:''; width:0.6875rem; height:0.6875rem; background:url('/content/dam/lge/global/lifesgood/2024-teaser/img/my_tail.png') no-repeat; background-size:contain; display:flex; position:absolute; right:0; bottom:0; transform:translateX(50%);}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.loading-box .chat-txt {display:flex; align-items:center; gap:0.25rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.loading-box .chat-txt span {width:0.5rem; height:0.5rem; background:#262626; display:flex; border-radius:50%; margin:0.5rem 0;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.chat-TB.chat-step-box .step-box:not(:first-child):not(:last-child) .chat-txt {border-top-left-radius:0.5rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box.chat-TB.chat-step-box .step-box:not(:last-child) .chat-txt::before {display:none;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-link {width:12.5rem; border-radius:0.5rem 1rem 1rem 0.5rem; background:#fff;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-link .chat-link-img {width:100%; height:10rem; background:url('/content/dam/lge/global/lifesgood/2024-teaser/img/area.png') no-repeat; background-size:cover;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-link .chat-link-text {width:100%; padding:0.75rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-link .chat-link-text .chat-link-text-title {font-size:1rem; font-weight:600; line-height:1.25rem; margin-bottom:0.375rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-link .chat-link-text .chat-link-text-site {font-size:0.875rem; font-weight:550; color:#000; line-height:1rem; display:flex; align-items:flex-start; font-family:'LGEI Headline';}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-link .chat-link-text .chat-link-text-site::before {content:''; width:1rem; height:1rem; background:url('/content/dam/lge/global/lifesgood/2024-teaser/img/ico-union.png') no-repeat; background-size:contain; display:flex; margin-right:0.125rem; flex-shrink:0;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-link-share {width:2.5rem; height:2.5rem; align-self:center; margin-left:0.125rem;}
.teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-link-share img {width:100%; height:100%; object-fit:contain;}

.teaser-section02 {width:100%; min-height:100vh; position:relative;}
.teaser-section02 .concept {width:100%; height:100%; position:absolute; padding:2.5rem;}
.teaser-section02 .concept01 {background:url(/content/dam/lge/global/lifesgood/2024-teaser/img/concept01.png) no-repeat; background-size:cover; }
.teaser-section02 .concept01 .concept-title {font-size:2.25rem; line-height:2.625rem; font-weight:550; color:#fff; text-align:center; font-family:'LGEI Headline';}
.teaser-section02 .concept02 {background:url(/content/dam/lge/global/lifesgood/2024-teaser/img/concept02_new.png) no-repeat; background-size:cover;}
.teaser-section02 .concept02 .concept-text {font-size:1.5rem; color:#fff; line-height:1.75rem; text-align:center; font-family:'LGEI Headline';}
.teaser-section02 .concept03 {background:url(/content/dam/lge/global/lifesgood/2024-teaser/img/concept03_new.png) no-repeat; background-size:cover; display:flex; align-items:center; flex-direction:column; gap:0.5rem;}
.teaser-section02 .concept03 .concept-img-text {font-size:1.5rem; color:#000; font-weight:550; line-height:1.75rem; text-align:center; font-family:'LGEI Headline';} 

.teaser-section03 {width:100%; position:relative; padding:5rem 0; background:#F0ECE4;}
.teaser-section03 .teaser-title {text-align:center;margin-bottom:1rem;}
.teaser-section03 .teaser-title .change-text {position:relative;}
.teaser-section03 .teaser-title .change-text .random-text {font-size:3.75rem; font-family:'LGEI Headline'; font-weight:600; white-space:nowrap; position:absolute; text-align:center; width:100%; left:0; bottom:0; color:#FD312E;}
.teaser-section03 .teaser-title .change-text .teaser-title-svg {width:14.75rem; margin:0 auto;}
.teaser-section03 .teaser-title .change-text .teaser-title-svg svg {width:100%; height:auto;}
.teaser-section03 .teaser-title .teaser-title-text {font-size:3rem; font-family:'LGEI Headline'; font-weight:600; white-space:nowrap; margin-bottom:1rem;}
.teaser-section03 .teaser-title .teaser-subcopy {font-size:1.25rem; font-family:'LGEI Headline'; font-weight:400; line-height:1.4375rem; color:#6A6965;}
.teaser-section03 .shape-slide {width:100%; overflow:hidden; margin:1rem 0; display:flex; align-items:center;}
.teaser-section03 .shape-slide .shape-slide-wrap {width:fit-content; display:flex; align-items:center;}
.teaser-section03 .shape-slide .shape-slide-wrap .shape {flex-shrink:0;}
.teaser-section03 .shape-slide .shape-slide-wrap .shape img {width:100%; height:100%; object-fit:contain;}
.teaser-section03 .shape-slide .shape-slide-wrap .shape01 {width:13.5rem; height:14.125rem;}
.teaser-section03 .shape-slide .shape-slide-wrap .shape02 {width:11.625rem; height:11.625rem;}
.teaser-section03 .shape-slide .shape-slide-wrap .shape03 {width:13.5rem; height:13.5rem;}
.teaser-section03 .shape-slide .shape-slide-wrap .shape04 {width:15.3125rem; height:15.625rem;}
.teaser-section03 .shape-slide .shape-slide-wrap .shape05 {width:16.25rem; height:13.5rem;}
.teaser-section03 .join-text {font-size:1.5rem; font-family:'LGEI Headline'; font-weight:550; text-align:center; color:#4A4946; margin-bottom:2rem;}
.teaser-section03 .join-text span {color:#FD312E; font-family: inherit;}
.teaser-section03 .sns-box {width:21.375rem; padding:2rem 0; background:#E6E1D6; border-radius:1.25rem; margin:0 auto;}
.teaser-section03 .follow-text {font-size:1.5rem; font-family:'LGEI Headline'; font-weight:550; line-height:1.75rem; text-align:center; margin-bottom:1rem;}
.teaser-section03 .sns-link {display:flex; align-items:center; justify-content:center; margin:0 auto; gap:1rem; list-style:none;padding-left: 0;}
.teaser-section03 .sns-link li {width:3rem; height:3rem;}
.teaser-section03 .sns-link li img {width:100%; height:100%; object-fit:contain;}

.teaser-section04 {width:100%; padding-bottom:5rem;}
.teaser-section04 .last-campaign {width:21.375rem; height:30rem; margin:0 auto; position:relative; display:flex; align-items:center; flex-direction:column; padding-top:19.25rem; background:url(/content/dam/lge/global/lifesgood/2024-teaser/img/last_campaign_new.png) no-repeat; background-size:100%;}
.teaser-section04 .last-text {font-size:1rem; text-align:center; color:#fff; line-height:1.125rem; margin-bottom:1.5rem;}
.teaser-section04 .teaser-btn {width:fit-content; padding:0.875rem 1.25rem; display:flex; align-items:center; justify-content:center; border-radius:6.25rem; font-size:1rem; font-weight:600; color:#fff; background:#ea1917;}


@media all and (min-width:768px){
  .teaser-container {background:#000;}
  .teaser-container .scroll-icon {width:64px; height:90px; left:calc(50% - 32px); bottom:40px;}

  .teaser-section01 {background:url('/content/dam/lge/global/lifesgood/2024-teaser/img/section01_bg.png') no-repeat top center; background-size:cover; padding-top:80px;}
  .teaser-section01 .phone-wrap {max-width:520px; margin:0 auto; background:url('/content/dam/lge/global/lifesgood/2024-teaser/img/Phone_new.png') no-repeat; background-size:100%; padding-top:122px; position:relative; border-radius:77px 77px 0 0;}
  .teaser-section01 .phone-wrap::after {content:''; width:100%; height:100%; background:#F0ECE4; display:flex; position:absolute; top:0; left:0; z-index:-2;}
  .teaser-section01 .phone-wrap .chat-wrap {z-index:-1;}
  .teaser-section01 .phone-wrap .chat-wrap .chat-box {margin-bottom:40px;}
  .teaser-section01 .phone-wrap .chat-wrap .chat-box .chat-txt {max-width:400px; padding:12px 16px; font-size:20px; line-height:23px;}

  .teaser-section02 .concept {padding:64px 0;}
  .teaser-section02 .concept01 {background:url(/content/dam/lge/global/lifesgood/2024-teaser/img/concept01_pc.png) no-repeat top center; background-size:cover; }
  .teaser-section02 .concept01 .concept-title {font-size:48px; line-height:56px;}
  .teaser-section02 .concept02 {background:url(/content/dam/lge/global/lifesgood/2024-teaser/img/concept02_pc.png) no-repeat top center; background-size:cover; }
  .teaser-section02 .concept02 .concept-text {font-size:28px; line-height:32px;}
  .teaser-section02 .concept02 .concept-text br:nth-child(odd) {display:none;}
  .teaser-section02 .concept02 .concept-text br.pc-br {display:block;}
  .teaser-section02 .concept03 {background:url(/content/dam/lge/global/lifesgood/2024-teaser/img/concept03_pc_new.png) no-repeat top center; background-size:cover; }
  .teaser-section02 .concept03 .concept-img-text {font-size:28px; line-height:28px;} 
  .teaser-section02 .concept03 img {width:220px; height:auto; margin-top:12px;}
  
  
  .teaser-section03 {padding:120px 0;}
  .teaser-section03 .teaser-title .change-text .teaser-title-svg {width:365px; margin:0 auto;}
  .teaser-section03 .teaser-title .teaser-title-text {font-size:72px;font-weight:550; margin-bottom:26px;}
  .teaser-section03 .teaser-title .teaser-subcopy {font-size:28px; line-height:32px;}
  .teaser-section03 .teaser-title .teaser-subcopy br {display:none;}
  .teaser-section03 .shape-slide {margin:24px 0;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape01 {width:341px; height:356px;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape02 {width:300px; height:300px;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape03 {width:340px; height:340px;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape04 {width:390px; height:400px;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape05 {width:450px; height:342px;}
  .teaser-section03 .join-text {font-size:40px; margin-bottom:48px;}
  .teaser-section03 .sns-box {width:calc(100% - 80px); margin:0 auto; padding:48px; border-radius:32px;}
  .teaser-section03 .follow-text {font-size:40px; line-height:46px; text-align:center; margin-bottom:32px;}
  .teaser-section03 .sns-link {gap:24px;}
  .teaser-section03 .sns-link li {width:88px; height:88px;}
  
  .teaser-section04 {padding-bottom:120px; background:#f0ece4;}
  .teaser-section04 .last-campaign {width:calc(100% - 80px); height:39.0625vw; background:url('/content/dam/lge/global/lifesgood/2024-teaser/img/last_campaign_tab.png') no-repeat; background-size:100%; align-items:flex-start; justify-content:flex-end; padding:0 40px 40px;}
  .teaser-section04 .last-text {font-size:20px; line-height:23px; margin-bottom:24px; text-align:left;}
  .teaser-section04 .last-text br:last-child {display:none;}
  .teaser-section04 .last-text br.pc-br {display:block;}
  .teaser-section04 .teaser-btn {padding:14px 20px; border-radius:100px; font-size:16px;}
}

@media all and (min-width:1440px) {
  .teaser-section02 .concept01 .concept-title {font-size:56px; line-height:64px;}
  .teaser-section02 .concept02 .concept-text {font-size:36px; line-height:42px;}
  .teaser-section02 .concept03 .concept-img-text {font-size:36px; line-height:42px;} 
  .teaser-section02 .concept03 img {width:290px; height:auto; margin-top:20px;}

  .teaser-section03 .teaser-title .change-text .teaser-title-svg {width:437px; margin:0 auto;}
  .teaser-section03 .teaser-title .teaser-title-text {font-size:88px;font-weight:550; margin-bottom:28px;}
  .teaser-section03 .teaser-title .teaser-subcopy {font-size:36px; line-height:42px;}
  .teaser-section03 .shape-slide {margin:32px 0;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape01 {width:410px; height:430px;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape02 {width:360px; height:360px;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape03 {width:410px; height:410px;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape04 {width:470px; height:480px;}
  .teaser-section03 .shape-slide .shape-slide-wrap .shape05 {width:540px; height:410px;}
  .teaser-section03 .join-text {font-size:56px; margin-bottom:64px;}
  .teaser-section03 .sns-box {width:calc(100% - 320px); max-width:1440px; padding:80px; border-radius:40px; display:flex; align-items:center; justify-content:space-between;}
  .teaser-section03 .follow-text {font-size:56px; line-height:64px; text-align:left; margin-bottom:0;}
  .teaser-section03 .sns-link {gap:24px; margin:0;}

  .teaser-section04 {padding:0 160px 120px; background:#f0ece4;}
  .teaser-section04 .last-campaign {width:100%; max-width:1440px; height:25vw; max-height:480px; background:url('/content/dam/lge/global/lifesgood/2024-teaser/img/last_campaign_pc.png') no-repeat; background-size:100%; align-items:flex-start; justify-content:flex-end; padding:0 80px 58px;}
  .teaser-section04 .last-text {font-size:24px; line-height:28px;}
}

@media all and (min-width:1920px) {
  .teaser-section04 .last-campaign {border-radius:32px; background-size:cover; background-position:center;}
}