<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,body{background:#000;color:#fff}
#allWrap{position:relative}
h1, h2, h3, h4, h5, h6{font-weight:600;}
.mo{display:none !important}
@media screen and (max-width:1023px){.mo{display:block !important}
.pc{display:none !important}
}
/* video fix (not included in game page ) */
.notouch{touch-action: none !important;   
  overflow: hidden !important;
  height: 100% !important; 
  -webkit-overflow-scrolling: none !important;
  overscroll-behavior: none !important;
}
body{line-height:1;}
*{box-sizing:border-box}

/* section control  */
body section.main_visual_game{}
body section.scene1{max-width:1920px; margin:0 auto; padding:0;}
body section.scene2 {}
body section.scene3{max-width:1920px; margin:0 auto;}
body section.scene4 {}
body section.scene5 {max-width:1920px; margin:0 auto;}
body section.scene6 {max-width:1920px; margin:0 auto;}
body section.scene7 {}
body section.scene8{margin-bottom:140px;}
body section.scene9{max-width:1920px; margin:0 auto;}
/* body section.scene9_mo{} */
body section.scene9_txt{max-width:1920px; margin:0 auto 150px;}
body section.scene10{}
body section.scene11{max-width:1920px; margin:0 auto 120px;}
body section.scene12{max-width:1920px; margin:0 auto;}

body section.main_visual_game *{font-weight:600}
body section.scene1 *{font-weight:600}
body section.scene2 *{font-weight:600}
body section.scene3 *{font-weight:600}
body section.scene4 *{font-weight:600}
body section.scene5 *{font-weight:600}
body section.scene6 *{font-weight:600}
body section.scene7 *{font-weight:600}
body section.scene8 *{font-weight:600}
body section.scene9 *{font-weight:600}
body section.scene9_mo *{font-weight:600}
body section.scene9_txt *{font-weight:600}
body section.scene10 *{font-weight:600}
body section.scene11 *{font-weight:600}
body section.scene12 *{font-weight:600}

.container-fluid{margin:0;padding:0;overflow:hidden}
.eyebrow{font-size:15px;font-weight:600;margin-bottom:30px}
.eyebrow.vis{font-size:15px;font-weight:600;margin-bottom:40px}
.textBox{text-align:center}

.textBox h3.eyebrow{font-size:15px;font-weight:600;letter-spacing:0;margin-bottom:30px}
p.head{font-size:60px;font-weight:600}
.txt{line-height:1.14;font-size:28px}
section{margin-bottom:70px;padding-top:54px}
span.videoCopy{visibility:hidden;font-size:.1px}


/* bottom disclaimer */
.bt_disclaimer{width:100%;color:#888;font-size:18px;line-height:1.6;margin:0 auto;padding:94px 0 90px 22px; background:#fff; position:relative; top:-3px;}
.bt_disclaimer .bottom_dis_line_fix{width:100%; height:10px; position:absolute; bottom:-4px; content:''; background:#fff; z-index:2; left:0; }
.bt_disclaimer ol{max-width:1280px; margin:0 auto}
.bt_disclaimer li{list-style-type:decimal;}

sup{cursor:pointer;}

.header{position:fixed;top:0;z-index:10;width:100%;height:80px;background:#f7f7f7;}

.header .inner{display:flex;align-items:center;margin:0 auto;max-width:962px;height:40px}
.header .logo_lgoled{display:flex;align-items:center;overflow:hidden;width:110px;height:40px;text-indent:-9999999em;background-image:url("/content/dam/lge/ch/migration/why-lgoled/images/common/MO/LGOLED_logo.png");background-position:center center;background-repeat:no-repeat;background-size:70px auto}
.header .gnb{position:absolute;top:40px;left:0;width:100%;font-size:13px;border-top:1px solid rgba(0,0,0,.08);overflow:hidden}
.header .gnb ul{position:relative;display:flex;align-items:center;margin-left:-4px;width:auto}
.header .gnb a{display:flex;align-items:center;justify-content:center;height:40px;padding:0 4px;font-weight:600;color:#777;transition:all .2s;-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}
.header .gnb li{position:relative;word-wrap:normal;word-break:normal}
/* .header .gnb li+li{margin-left:12px} */
.header .gnb li.on a{color:#000}
.header.windowOff .gnb li.on a::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:3px;background:#ac183c}
.header.windowOn .gnb li.on a::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:3px;background:#fff}
.header.windowOff .inner{border-bottom:1px solid #f6f6f6;}
.header.windowOn .inner{border-bottom:1px solid #151515;}
.header .btn{display:flex;align-items:center;order:3;margin-left:auto;margin-right:20px;min-width:60px;height:30px;padding:0 16px;font-size:13px;text-align:center;color:#fff;font-weight:600;background:#ac183c;border-radius:4px}
.bg_blank{background:#000;transition:all 1s}
.bg_blank .header{background:rgba(0,0,0,.8);transition:all 1s}
.bg_blank .header .logo_lgoled{background-image:url("/content/dam/lge/ch/migration/why-lgoled/images/common/MO/LGOLED_logo_w.png");transition:all 1s}
.bg_white .header{background:rgba(255,255,255,.9);transition:all 1s}
@media all and (min-width:962px){
.header{height:54px;min-width:962px}
.header .inner{max-width:1600px;height:54px}
.header .logo_lgoled{width:155px;height:54px;background-image:url("/content/dam/lge/ch/migration/why-lgoled/images/common/PC/LGOLED_logo.png");background-position:38px center;background-size:87px auto}
.header .gnb{position:relative;top:0;width:auto;font-size:1em;border-top:none}
.header .gnb ul{margin-left:0px}
.header .gnb a{height:54px;padding:0 10px}
.header .gnb .bar{height:4px;margin-left:0;background:#ac183c}
.header .btn{order:3;margin-right:30px;min-width:72px;height:34px;padding:0 18px;font-size:1em}
.oled_tvs_contents{min-width:962px}
.bg_blank .header .logo_lgoled{background-image:url("/content/dam/lge/ch/migration/why-lgoled/images/common/PC/LGOLED_logo_w.png")}
.bg_blank .header .gnb .bar{background:#fff}
.bg_white .header .gnb .bar{background:#000}
.oled_tvs_contents{min-width:962px}
}
.allWrap.wrap{position:relative}
.header{position:absolute;top:0;transition:all .2s;box-sizing:border-box;left:0;right:0}
.bg_white .header{background:#f7f7f7}
.header .gnb a{color:#727272}
.bg_white .header .gnb .bar{background:#ac183c}
/* @media screen and (max-width:500px){.gnb.frame .slidee{width:500px}
} */
@media screen and (min-width:1024px){
  .bg_blank .header .gnb a:hover,.bg_blank .header .gnb li.on a{color:#fff;transition:all 1s}
.windowOff.header .gnb a:hover{color:#000 !important}
.windowOn.header .gnb a:hover{color:#f7f7f7 !important}
.header.windowOff .gnb a:hover::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:3px;background:#ac183c}
.header.windowOn .gnb a:hover::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:3px;background:#fff}
.header .gnb a:hover{color:#000}
header.header{top:0 !important}
}
@media screen and (max-width:1023px){
  header.header .keen-slider__slide.number-slide6{padding-right:40px;}
  .header .gnb li{white-space: nowrap;}
  .header .gnb li a{white-space: nowrap;}
}



.main_visual_game{position:relative;top:0}
.main_visual_game img{width:100%}
.main_visual_game .textBox{position:absolute;left:50%;top:50%;transform:translate(-50%);opacity:0}
.main_visual_game .textBox .eyebrow{font-size:15px;font-weight:600;margin-bottom:32px}
.main_visual_game .textBox p{font-size:74px;font-weight:600}
.scene1{text-align:center;transform:translateY(100px)}
.scene1 .textBox{padding:0 7vw}
.scene1 .textBox h2{font-size:20px;margin-bottom:30px; font-weight:600;}
.scene1 .textBox p.txt{font-size:28px;font-weight:600;margin-bottom:30px;line-height:1.14;  white-space: nowrap;}
.scene1 .textBox p.disclaimer{font-size:16px;color:#fff;margin-bottom:60px; line-height:1.6; font-weight:400}
.scene1 img.intertekLogo{width:auto}
.scene1 img.kvlogo{width:auto; margin-right:10px;}
.scene2{width:100%;height:70vh;display:flex;justify-content:center;align-items:center}
.scene2 .textBox{transform:translateY(80%);opacity:0}
.scene2 .textBox h2{font-size:74px; font-weight:600;}
.scene3{text-align:center}
.scene3 .textBox{margin-bottom:60px}
.scene3 .textBox .eyebrow{display:inline-block; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene3 .textBox h3{font-size:60px;font-weight:600; margin-bottom:26px}
.scene3 .textBox .txt{font-size:28px; margin-bottom:30px;line-height:1.14; font-weight:600;}
.scene3 .textBox .disclaimer{font-size:16px;color:#fff; line-height:1.5;font-weight:400}
.scene3 .textBox2{margin-top:50px; margin-bottom:60px; padding-bottom:100px; height:520px}
.scene3 .textBox2 .eyebrow{display:flex;align-items:center;justify-content:center;margin-bottom:30px}
.scene3 .textBox2 .eyebrow h4.on{font-weight:700; border:2px solid #fff;border-radius:30px;padding:10px 20px; }
.scene3 .textBox2 .eyebrow .nvidia{font-size:28px; margin-right:30px; cursor:pointer}
.scene3 .textBox2 .eyebrow .nvidia.off{color:#adadad; font-weight:600;}
.scene3 .textBox2 .eyebrow .amd{font-size:28px; cursor:pointer}
.scene3 .textBox2 .eyebrow .amd.off{color:#adadad; font-weight:600;}
.scene3 .textBox2 .txt{font-size:28px; margin-bottom:30px;line-height:1.14;display:none; font-weight: 600}
.scene3 .textBox2 .txt.on{display:block}
.scene3 .textBox2 .disclaimer{font-size:16px;color:#fff;display:none; font-weight:400}
.scene3 .textBox2 .disclaimer.on{display:block; font-weight:400}
.scene3 .textBox2 .logo_wrap{padding:20px;border:2px solid #fff;border-radius:15px;display:inline-block;margin-top:45px;display:none}
.scene3 .textBox2 .logo_wrap .nvidia_logo{width:auto}
.scene3 .textBox2 .logo_wrap.on{display:inline-block}
.scene3 .textBox2 .logo_wrap.on .amd_logo{width:auto}
.scene3 .tearVideo{width:100%}
.scene4{position:relative;z-index:2;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden; padding:0; z-index:5;}
.scene4 .textBox{left:0;text-align:left;padding-left:15vw;position:absolute;top:50%;transform:translateY(150%); opacity:0;}
.scene4 .textBox .eyebrow{display:inline-block; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene4 .textBox p.head{font-size:60px; margin-bottom:26px}
.scene4 .textBox .txt{font-size:28px; margin-bottom:60px}
.scene4 .textBox .dolby_logo{width:auto}
.scene4 p.disclaimer{font-size:14px;margin-bottom:40px; font-weight:400}
.scene4.dolby .dolbyimg.dimmed{position:absolute; width:100%; opacity:0;}

.scene5_text{margin-top:100px}
.scene5_text .textBox{position:relative;z-index:3}
.scene5_text .textBox .eyebrow{display:inline-block;font-weight:600; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene5_text .textBox p.head{font-size:60px; margin-bottom:26px}
.scene5{transform:translateY(-200px);z-index:2;position:relative;height:100vh}
.scene5 .part1{position:relative;z-index:3;background:#000;padding:0; top:0;}
.scene5 .part1 .textBox h3.eyebrow{display:inline-block;border:2px solid #fff;border-radius:7px;padding:7px 10px;margin-bottom:30px;}
.scene5 .part1 .textBox p.head{font-size:60px;margin-bottom:26px;}

.scene5 .hgig_img_wrap{width:100%;position:relative;opacity:.6;z-index:1;overflow:hidden}
.scene5 .hgig_img_wrap .hgig{position:relative;width:100%;top:0;left:0;right:0;bottom:0;transform-origin:50% 0;transform:scale(1.5)}
.scene5 .hgig_img_wrap .hgig_dimmed{width:100%;height:100vh;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;background:linear-gradient(black 0%,black 27%,rgba(0,0,0,0.73) 61%,rgba(0,0,0,0) 100%)}
.scene5 .part2{position:absolute;left:0;top:0;width:100%;z-index:2;padding-top:54px;opacity:0}
.scene5 .scene6{text-align:center;background:#000;top:0;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column; padding:0;}
.scene5 .scene6 video{height:90vh;}
.scene5 .scene6 .textBox2{position:relative;z-index:3;transform:translateY(-60px)}
.scene5 .scene6 .textBox2 .eyebrow{display:inline-block;font-weight:600; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene5 .scene6 .textBox2 p.head{font-size:60px; margin-bottom:26px}
.scene5 .scene6 .textBox2 .txt{font-size:28px; line-height:1.14; margin-bottom:30px}
.scene5 .scene6 .textBox2 .disclaimer{font-size:16px;color:#fff; line-height:1.5; font-weight:400}
.scene5 .part2dimmed{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;background:#000;background:linear-gradient(to top,black 0%,rgba(0,0,0,0.6699054622) 100%);z-index:3}
.scene5 .textBox{background:#000;padding-bottom:50px}
.scene5 .textBox .txt{font-size:28px; margin-bottom:60px; font-weight:600;}
.scene5 .textBox .hgig_logo{width:auto}
.scene5 .textBox p.disclaimer{font-size:14px;color:#adadad;margin-bottom:20px; font-weight:400}
.scene7{width:100%;height:50vh;display:flex;justify-content:center;align-items:center}
.scene7 .textBox{transform:translateY(200px);opacity:0}
.scene7 .textBox .eyebrow{font-size:15px;font-weight:600; margin-bottom:40px;}
.scene7 .textBox h2{font-size:74px; font-weight:600;}
.scene8{position:relative;z-index:3;height:100vh;display:flex;justify-content:center;align-items:center;background:#000; overflow:hidden;}
.scene8 .xbox_part1{width:100%;top:0;left:0;right:0;height:100vh;z-index:4;display:flex;justify-content:center;align-items:center;background:#000; }
.scene8 .textBox{text-align:left;position:absolute;right:7%;bottom:-100%; transform:translateY(50%);opacity:0;}
.scene8 .textBox .eyebrow{font-size:15px;display:inline-block;font-weight:600; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene8 .textBox h2{font-size:60px; margin-bottom:26px;}
.scene8 .textBox .txt{font-size:28px; margin-bottom:60px; line-height:1.14}
.scene8 .textBox .disclaimer{color:#adadad;  font-size:16px;margin-bottom:60px; font-weight:400}
.scene8 .textBox .xbox_logo{width:auto}
.scene8 .textBox_cloud{text-align:center;height:150px}
.scene8 .xboximg.normal{}
.scene8 .xboximg.dimmed{position:absolute; opacity:0;}
.scene8 .eyebrow{font-size:15px;display:inline-block;font-weight:600; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene8 h2{font-size:45px; margin-bottom:20px;line-height:1;margin-bottom:50px;font-weight:600}


.scene9{position:relative;z-index:3;height:100vh;display:flex;justify-content:center;align-items:center;background:#000; margin-top:100px; height:900px}
.scene9 .cloud_part2{position:absolute;width:100%;height:100vh;top:0;left:0;z-index:3;}
.scene9 .cloud_part2 .textBox_cloud{position:relative;text-align:center;}
.scene9 .cloud_part2 .textBox_cloud .eyebrow{font-size:15px;display:inline-block;font-weight:600; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene9 .cloud_part2 .textBox_cloud p.head{font-size:60px; margin-bottom:26px;line-height:1}
.scene9 .cloud_part2 .monitorImgWrap{text-align:center; position:relative; height:663px;}
.scene9 .cloud_part2 .monitorImgWrap .monitor{width:1243px;}
.scene9 .wf{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:600px;opacity:0}
.scene9_txt{margin-bottom:120px; padding-top: 0px !important;}
.scene9_txt .textBox2{text-align:center;}
.scene9_txt .textBox2 .txt{margin-bottom:30px;font-size:28px;line-height:1.14; margin-bottom:30px;}
.scene9_txt .textBox2 .learn{border:2px solid #4c4c4c; padding:0 24px;height:56px;border-radius: 12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:600;color:#fff;background:rgba(255,255,255,0.2); display:inline-flex; justify-content: center; align-items: center; font-size: 18px;}
.scene9_txt .textBox2 .learn .ic_learn_arrow.black{display:none;}


.scene9_txt .textBox2 .ic_learn_arrow{padding:0;width:24px;height:24px; margin-left:2px;}


.scene9_txt .textBox2 .cloud_logo_wrap{margin-top:60px}
.scene9_txt .textBox2 .cloud_logo_wrap img{width:auto}
.scene9_txt .textBox2 .cloud_logo_wrap img:first-child{margin-right:60px}
.scene9_txt .textBox2 p.disclaimer{font-size:14px;color:#adadad;margin-top:50px; font-weight:400}

/* 0428 st  */
.scene10{position:relative;width:100%;background:#000;display:flex;justify-content:center;align-items:center; overflow:hidden; margin-bottom:100px; flex-direction: column;}
.scene10 .ultimate_img{width:100%}
.scene10.ultimate .eyebrow{font-size:15px;display:inline-block;font-weight:600; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene10.ultimate p.head{font-size:60px; margin-bottom:26px;line-height:1}
.scene10.textBox{position:relative;}
.scene10 .ulti_sizer{margin-bottom:60px; max-width:1920px; max-height:1050px; }
.scene10.ultimate .textBox{position:absolute; top:50%; opacity:0; }
.scene10.ultimate .textBox .learn{border:2px solid #b2b2b2; padding:0 24px;height:56px;border-radius: 12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:600;color:#fff;background:rgba(0,0,0,0.2); display:inline-flex; justify-content: center; align-items: center; font-size: 18px;}
.scene10.ultimate .textBox .learn:hover{color:#000;background:#fff;border:2px solid #000;}
.scene10.ultimate .textBox .ic_learn_arrow{padding:0;width:24px;height:24px; margin-left:2px;}
.scene10.ultimate .textBox .ic_learn_arrow.black{display:none;}
.scene10.ultimate .textBox .learn:hover .ic_learn_arrow.black{display:block;}
.scene10.ultimate .textBox .learn:hover .ic_learn_arrow{display:none;}
.scene10.ultimate .textBox p.txt{margin-bottom:30px;}
/* 0428 ed  */


.scene10 .textBox h2{font-size:15px;font-weight:600; margin-bottom:40px;}
.scene11{margin-top:250px;margin-bottom:75px; height:1100px; text-align:center; display:flex; align-items: center; flex-direction: column;}
.scene11 .optVideo{width:1260px; height:700px;}
.scene11 .textBox{margin-top:30px;position:relative;top:100px;opacity:0;transition:.5s all}
.scene11 .textBox .eyebrow{font-size:15px;display:inline-block;font-weight:600; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene11 .textBox p.head{font-size:60px; margin-bottom:26px;line-height:1}
.scene11 .textBox .txt{font-size:28px; margin-bottom:30px; line-height:1.14}
.scene11 .textBox .disclaimer{font-size:16px;color:#adadad;margin-bottom:30px; font-weight:400}
.scene12{text-align:center;margin-bottom:60px; display:flex; align-items: center; flex-direction: column;}
.scene12 .dashVideo{width:1370px; height:822px;}
.scene12 .textBox{padding-bottom:80px;position:relative;top:100px;opacity:0;transition:.5s all}
.scene12 .textBox .eyebrow{font-size:15px;display:inline-block;font-weight:600; border:2px solid #fff; border-radius:7px;padding:7px 10px;margin-bottom:30px}
.scene12 .textBox p.head{font-size:60px; margin-bottom:26px;line-height:1}
.scene12 .textBox .txt{font-size:28px; margin-bottom:30px; line-height:1.14}

/* 0921 st */
.scene13 {max-width: 1920px; margin: 0 auto 70px; position: relative; z-index: 5;}
.scene13 .stadia {display: flex; justify-content: center; align-items: center;}
.scene13 .stadia .imgBox {margin-right: 5%; width: 50%; text-align: right;}
.scene13 .stadia .imgBox img {object-fit: contain; max-width: 614px;  height: auto;}
.scene13 .stadia .textBox {text-align: left; width: 50%; margin: 0 0 0 5%; padding: 70px 4% 0 4%;}
.scene13 .stadia .textBox .eyebrow {font-size: 30px; margin-bottom: 20px;}
.scene13 .stadia .textBox p.txt {margin-top: 20px;} 
.scene13 .textBox .learn{border:2px solid #4c4c4c; padding:0 24px;height:56px;border-radius: 12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:600;color:#fff;background: rgba(255,255,255,0.2); display:inline-flex; justify-content: center; align-items: center; font-size: 18px; margin-top: 35px;}
.scene13 .textBox .ic_learn_arrow{padding:0;width:24px;height:24px; margin-left:2px;}
.scene13 .textBox .ic_learn_arrow.black{display:none;}
.scene13 .disclaimer {line-height: 1.5; margin: 100px auto 0; padding: 0 7%;}
/* 0921 ed */

@media screen and (max-width:1700px){
  section.scene8{margin-bottom:0}
}
@media screen and (max-width:1400px){
  .scene8 .wf{width:70%}
}
@media screen and (max-width:1243px){
  .scene9 .cloud_part2 .monitorImgWrap .monitor{position: relative; left:50%; transform:translateX(-50%);}
}

@media screen and (max-width:1100px){
  .scene8 .wf{width:86%}
}



/* button hover pc  */
@media screen and (min-width:1024px){
.scene9_txt .textBox2 .learn:hover{color:#000; background:#fff; border:2px solid #000;}
.scene9_txt .textBox2 .learn:hover .ic_learn_arrow.white{display:none}
.scene9_txt .textBox2 .learn:hover .ic_learn_arrow.black{display:block}
/* 0921 st */
.scene13 .textBox .learn:hover{color:#000;background:#fff;border:2px solid #000;}
.scene13 .textBox .learn:hover .ic_learn_arrow.black{display:block;}
.scene13 .textBox .learn:hover .ic_learn_arrow{display:none;}
/* 0921 ed */
}


/* mobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobile */
/* mobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobile */
/* mobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobile */
/* 230322 st */
@media screen and (max-width:1023px){
  
  .bt_disclaimer {
    font-size: 12px;
    padding: 75px 7% 70px 9%;
    margin: 0 auto 0;
  }
  
/* ios scrollbounce  */
html,
body {
  -webkit-overflow-scrolling: touch;
}
.contents, #viewport, #content {  
  -webkit-overflow-scrolling: touch; /* enables â€œmomentumâ€ (smooth) scrolling */}

.eyebrow{font-weight:600}
p.head{padding:0 30px}
.main_visual_game{top:0; height:auto; padding-top:80px;}
.main_visual_game .textBox .eyebrow{font-size:14px; margin-bottom:24px;}
.main_visual_game .textBox{top:75%;width:100%; opacity: 1;}
.main_visual_game .textBox p{font-size:36px;}
.scene1{padding-top:0; transform:translate(0)}
.scene1 .textBox{padding:0 24px;}
.scene1 .textBox p.txt{font-size:16px; line-height:1.2; margin-bottom:24px; white-space:normal}
.scene1 .textBox p.disclaimer{font-size:14px;}
.scene2{height:40vh; padding-top: 120px;}
.scene2 .textBox {transform: none; opacity: 1;}
.scene2 .textBox h2{font-size:32px}
.scene1 img.kvlogo{width:250px; margin-bottom:15px;}
.scene3{margin-bottom:0;}
.scene3 .textBox{padding:0 24px}
.scene3 .textBox h3{font-size:32px; margin-bottom:16px;}
.scene3 .textBox .txt{font-size:16px; line-height:1.2; margin-bottom:24px;}
.scene3 .textBox .disclaimer{font-size:14px;padding:0 30px; line-height:1.2}
.scene3 .textBox2{margin-bottom:100px; height:auto; padding:0;}
.scene3 .textBox2 .disclaimer{font-size:14px;padding:0 30px; margin-bottom:30px;}
.scene3 .textBox2 .txt.on{font-size:16px; line-height:1.2; margin-bottom:24px; padding:0 30px}
.scene3 .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border:1px solid #fff; border-radius:4px;}
.scene3 .textBox2 .amd_box {padding-top: 60px;}
.scene3 .textBox2 .eyebrow .nvidia{font-size:16px; margin-right: 0;}
.scene3 .textBox2 .eyebrow .amd{font-size:16px;}
.scene3 .textBox2 .logo_wrap{margin-top:0;}
.scene3 .textBox2 .logo_wrap .nvidia_logo{width:130px;}
.scene3 .textBox2 .logo_wrap.on .amd_logo{width:130px;}
.scene3 .tearVideo_sizer {position: relative;}

.scene4{flex-direction: column; padding-top:0; margin-bottom:0; justify-content: flex-start; height:auto; margin-bottom:120px;}
.scene4.dolby .dolbyimg.mo{position:relative;width:100%; height:auto; margin:0 auto; }
.scene4.dolby .dolby_sizer{margin-bottom:40px;}
.scene4 .textBox{position:relative;padding-left:0; padding:0 24px; text-align:center; top:0; transform:translate(0); opacity:1;}
.scene4 .textBox .txt{font-size:16px; line-height:1.2; margin-bottom:30px;}
.scene4 .textBox .dolby_logo{width:100px; margin:0 auto}
.scene4 .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border-radius:4px; border:1px solid #fff;}
.scene4 .textBox p.head{padding:0; font-size:32px; margin-bottom:16px;}

.scene5{margin-bottom:0; padding-top:0; transform:translate(0); height: auto;}
.scene5_text{margin:0}
.scene5_text .textBox{height:300px;}
.scene5_text .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px;}
.scene5_text .textBox p.head{font-size:32px; margin-bottom:16px;}

.scene5 .hgig_img_wrap {opacity: 1;}
.scene5 .hgig_dimmed {display: none;}
.scene5 .hgig_img_wrap .hgig {transform: none; transform-origin: 0;}
.scene5 .textBox .hgig_logo{margin:0 auto}
.scene5 .textBox p.disclaimer{margin-bottom:40px;padding:0 30px;line-height:1.2}
.scene5 .part2{padding-top:80px; position: relative; opacity: 1;}
.scene5 .scene6{padding:0}
.scene5 .scene6 video.mo{padding:30px 5vw 0; width:100%; height:auto;}
.scene5 .scene6 .textBox2 .txt{padding:0 24px}
.scene5 .scene6 .textBox2 .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border-radius:4px; border: 1px solid #fff;}
.scene5 .scene6 .textBox2 p.head{font-size:32px; margin-bottom:16px;}
.scene5 .scene6 .textBox2 .txt{font-size:16px; line-height:1.2; margin-bottom:30px;}
.scene5 .scene6 .textBox2 .disclaimer{font-size:14px;}
.scene5 .part1 .textBox h3.eyebrow{font-size:10px; padding:5px; margin-bottom:24px; margin-top:40px; border:1px solid #fff; border-radius:4px;}
.scene5 .part1 .textBox p.head{font-size:32px; margin-bottom:16px;}
.scene5 .textBox .txt{font-size:16px; line-height:1.2; margin-bottom:30px; padding:0 24px;}
.scene7{height:auto; padding:0; margin:120px 0 100px; position:relative; }
.scene7 .textBox{opacity:1; transform:translate(0)}
.scene7 .textBox h2{font-size:36px;}
.scene7 .textBox .eyebrow{font-size:14px; margin-bottom:24px;}
body section.scene8 {margin-bottom: 0;}
.scene8{flex-direction:column;height:auto}
.scene8 .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border:1px solid #fff; border-radius:4px;}
.scene8 .textBox h2{font-size:32px; margin-bottom:16px;}
.scene8 .textBox .txt{font-size:16px; line-height:1.2; margin-bottom:24px;}
.scene8 .xbox_part1{height:auto;}
.scene8 .textBox{position:relative;text-align:center;display:block;transform:none;left:0;top:0;margin-top:40px;padding:0 24px; opacity:1;}
.scene8 .xbox_part1{flex-direction:column;}
.scene8 .textBox .disclaimer{color:#adadad;font-size:14px;margin-bottom:30px;}
.scene8 .textBox .xbox_logo{margin:0 auto; width: 50%; max-width: 222px;}
.scene8 .cloud_part2{position:relative}
.scene9_mo{margin-bottom:0}
.scene9_mo .monitorImgWrap{text-align:center; position:relative; padding-bottom:20px;}
.scene9_mo .textBox_cloud{text-align:center;height:150px;margin-bottom:60px}
.scene9_mo .eyebrow{font-size:10px;padding:5px; display:inline-block;font-weight:600; border:1px solid #fff; border-radius:4px;margin-bottom:24px}
.scene9_mo p.head{font-size:32px; margin-bottom:16px;}
.scene9_mo .wf{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;opacity:1}
body section.scene9_txt{margin-bottom:120px;}
.scene9_txt .textBox2{margin-top:0}
.scene9_txt .textBox2 .txt{font-size:16px; line-height:1.2; margin-bottom:30px; padding:0 30px}
.scene9_txt .textBox2 .cloud_logo_wrap{display:flex;justify-content:center;align-items:center; margin:0 ;}
.scene9_txt .textBox2 .cloud_logo_wrap img{display:inline-block !important}
.scene9_txt .textBox2 .learn{border:1px solid #4c4c4c; margin-bottom:30px; height:39px; padding:0 17px; font-size:14px; font-weight:600; border-radius:6px; }
.scene9_txt .textBox2 .ic_learn_arrow{width:18px; height:18px;}
.scene9_txt .textBox2 .cloud_logo_wrap img:first-child{margin-right:15px;}
.scene10{padding:0;}
.scene10 .textBox h2{font-size:14px;margin-bottom:24px}
.scene10 p.head{font-size:36px; white-space:nowrap}

/* 0428 st  */
.scene10.ultimate .eyebrow{font-size:10px;padding:5px;margin-bottom:24px;border:1px solid #fff;border-radius:4px; margin-top:30px;}
.scene10.ultimate p.head{font-size:32px;margin-bottom:16px;}
.scene10.ultimate .textBox {position: initial; opacity: 1;}
.scene10.ultimate .textBox p.txt{font-size:16px;line-height:1.2;margin-bottom:24px; padding:0 10px;}
.scene10.ultimate .textBox .learn{border:1px solid #fff;margin-bottom:30px;height:39px;padding:0 17px;font-size:14px;font-weight:600;border-radius:6px;}
.scene10.ultimate .textBox .learn:hover{color:#fff;background:#000;border:1px solid #fff;}
.scene10.ultimate .textBox .learn:hover .ic_learn_arrow.black{display:none;}
.scene10.ultimate .textBox .learn:hover .ic_learn_arrow{display:block;}
/* 0428 ed  */

.scene11{padding:0 7vw;margin-top:50px; height:auto;}
.scene12{padding:0 7vw; height:auto;}
.scene11 .optVideo{width:100%; height:auto;}
.scene11 .textBox {opacity: 1; position: initial;}
.scene11 .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border:1px solid #fff; border-radius:4px;}
.scene11 .textBox p.head{font-size:32px; margin-bottom:16px;}
.scene11 .textBox .txt{font-size:16px; line-height:1.2; margin-bottom:24px;}
.scene12 .dashVideo{width:100%; height:auto;}
.scene11 .textBox .disclaimer{font-size:16px;line-height:1.2}
.scene12 .textBox{padding-bottom:0; opacity: 1; position: initial;}
.scene12 .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border-radius:4px; border:1px solid #fff;}
.scene12 .textBox p.head{font-size:32px; margin-bottom:16px;}
.scene12 .textBox .txt{font-size:16px; line-height:1.2; margin-bottom:24px;}

.scene11 .optVideo_sizer, .scene12 .dashVideo_sizer {position: relative;}

.textBox h3.eyebrow{font-weight:600}
body section.scene12{margin-bottom:120px;}
.scene1 img.intertekLogo{width:200px}

/* 0921 st */
.scene13 {margin: 100px 0 0; padding: 0; max-width: 1920px;}
.scene13 .stadia {display: block;}
.scene13 .stadia .imgBox {width: 100%; text-align: center; margin-right: 0;}
.scene13 .stadia .imgBox img {max-width: 100%;}
.scene13 .stadia .textBox {width: 100%; text-align: center; margin: 45px 0 0; padding: 0 5%;}
.scene13 .stadia .textBox .eyebrow {font-size: 4.166vw;}
.scene13 .stadia .textBox p.head {font-size: 6.770vw;}
.scene13 .stadia .textBox p.txt {font-size: 4.166vw; margin-top: 15px;}
.scene13 .disclaimer {padding: 0 5%; margin-top: 60px;}
.scene13 .stadia .learn{border:1px solid #4c4c4c; height:39px; padding:0 17px; font-size:14px; font-weight:600; border-radius:6px; margin-top: 25px;}
.scene13 .stadia .ic_learn_arrow{width:18px; height:18px;}
/* 0921 ed */

}
/* 230322 ed */


@media screen and (max-width:900px){
.scene11{padding:0 4vw}
.scene12{padding:0 4vw}
}
@media screen and (max-width:700px){
.scene5 .scene6 .textBox2{transform:translateY(0)}
.scene11{padding:0 30px}
.scene12{padding:0 30px}

}
@media screen and (max-width:650px){
/* .scene8 .textBox{margin-bottom:50px} */
.scene10{height:auto}
}
@media screen and (max-width:550px){
  .main_visual_game{margin-bottom:0}
.scene11{padding:0 20px}
.scene12{padding:0 20px}
/* 0921 st */
.scene13 .stadia .textBox .eyebrow {font-size: 16px;}
.scene13 .stadia .textBox p.head {font-size: 26px;}
.scene13 .stadia .textBox p.txt {font-size: 16px;}
/* 0921 ed */
}

@media screen and (max-width:400px){

.scene9_txt .textBox2 .cloud_logo_wrap img:first-child{margin-right:5px}

}

/* high resolution  */
@media screen and (min-width: 1921px){
  .scene4 .textBox{transform: translateY(250%)}
  .scene5 .scene6 video{height:90vh; width:100%; object-fit:contain;}
  .scene12 .textBox{top:0; opacity:1;}
  .tearVideo_sizer{left:50%; transform:translateX(-50%);}
}

/* 1026 flex css st */
/* 1026 st----------------------------------------------------------------------------------------------*/
body section.scene15{max-width:1920px;margin:0 auto;height:100vh;}
.scene14{width:100%;height:auto;padding:0;margin-top:280px;position:relative;}
.scene14.flexKv{width:100%;height:100vh;}
.scene14 .textBox{transform:translateY(200px);opacity:0}
.scene14 .textBox .eyebrow{font-size:15px;font-weight:600;margin-bottom:40px;}
.scene14 .textBox h2{font-size:74px;font-weight:600;}
.scene14 .imgBox{width:100%;height:100vh;position:relative;}
.scene14 .imgBox img{width:100%;visibility:hidden;position:absolute;bottom:0;}
.scene14 .imgBox .flexKvImg.P1{width:100%;visibility:visible;}
.scene14 .kvtextBox{position:absolute;bottom:28%;width:100%;text-align:center;}
.scene14 .kvtextBox p{position:absolute;font-size:38px;visibility:hidden;opacity:0;width:100%;bottom:0;}
.scene14 .kvtextBox p.s_txt1{visibility:visible;opacity:1;}
.scene15{position:relative;z-index:2;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;}
.scene15 .textBox{margin-top:40px;flex:1;}
.scene15 .textBox h3{font-size:38px;font-weight:600;}
.scene15 .textBox .txt{font-size:18px;margin-bottom:12px;line-height:1.14;font-weight:600;}
.scene15 .textBox .disclaimer{font-size:12px;color:#fff;line-height:1.5;font-weight:400}
.scene15 .imgBox.flexDp{flex:2;}
.scene15 .imgBox.flexDp img{width:100%;visibility:hidden;position:absolute;left:50%;transform:translateX(-50%);max-width:786px;}
.scene15 .imgBox.flexDp img.D1{width:100%;visibility:visible;}
.scene15 .textBox .eyebrow{display:inline-block;border:2px solid #fff;border-radius:7px;padding:7px 10px;font-size:12px;margin-bottom:12px;}
.scene15 .btn_go{display:inline-flex;align-items:center;justify-content:center;margin:0 auto;white-space:nowrap;height:56px;color:#fff;font-weight:600;padding:0 24px;font-size:18px;margin:20px auto;border:2px solid #fff;border-radius:10px;}
.scene15 .btn_go span{display:flex;align-items:center;}
.scene15 .btn_go span:after{content:'';display:block;width:24px;height:24px;margin-left:2px;background:url('/content/dam/lge/ch/migration/why-lgoled/images/common/PC/icon_arrow_link_white.svg') no-repeat center center;background-size:100% auto;}
.scene15 .btn_go:hover{color:#000;background-color:#fff;}
.scene15 .btn_go:hover span:after{background:url('/content/dam/lge/ch/migration/why-lgoled/images/common/PC/icon_arrow_link.svg') no-repeat center center;}
.imgBox.flexDp::after{content:"";display:block;clear:both;}
.scene15 .disclaimer{width:100%;text-align:center;position:absolute;bottom:20px;}
body section.scene16{max-width:1920px;margin:150px auto 400px;}
body section.scene17{max-width:1920px;margin:0 auto;padding-top:60px;}
body section.scene16 *{font-weight:600;}
body section.scene17 *{font-weight:600;}
.scene16 *,.scene17 *{word-wrap:break-word;word-break:keep-all;}
/* PC */
.scene16{width:100%;height:100%;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;align-content:center;}
.uxArea{width:100%;margin-top:10px;height:1800px;padding-top:60px;}
.angleArea{width:1260px;height:1500px;padding-top:80px;}
#video01{padding-top:20px;}
#video01&gt;video{width:1260px;max-width:1920px;}
#video01,#video02{margin:0px auto;display:flex;align-content:center;flex-direction:column;justify-content:flex-start;align-items:center;}
.scene16 .textBox{margin:10px 0;position:relative;top:10px;opacity:1;transition:0.5s all;}
.scene16 .textBox .eyebrow{font-size:15px;display:inline-block;font-weight:600;border:2px solid #fff;border-radius:7px;padding:7px 10px;margin-bottom:30px;}
.scene16 .textBox p.head{font-size:60px;margin-bottom:26px;line-height:1;}
.scene16 .textBox .txt{font-size:28px;margin-bottom:30px;line-height:1.14;}
.scene16 .textBox .disclaimer{font-size:16px;color:#adadad;margin-bottom:30px;font-weight:400;}
.scene16 .bt_txt{margin:40px 0 0;opacity:0;transition:0.5s all;}
.scene17{width:100%;max-width:1240px;margin-top:400px;margin-bottom:4000px;height:100%;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;align-content:center;background:#000;padding-bottom:300px;}
.scene17 .sar_video .pc{width:100%;max-width:1260px;height:700px;margin:0 auto;}
.scene17 .textBox{max-width:1240px;/* margin-top:30px;*/
 position:relative;top:45px;opacity:0;transition:0.5s all;transform:translateY(0px);}
.scene17 .textBox .eyebrow{font-size:15px;display:inline-block;font-weight:600;border:2px solid #fff;border-radius:7px;padding:7px 10px;margin-bottom:30px;}
.scene17 .textBox p.head{font-size:60px;margin-bottom:26px;line-height:1;}
.scene17 .textBox .txt{font-size:28px;margin-bottom:30px;line-height:1.14;}
.scene17 .textBox .disclaimer{font-size:16px;color:#adadad;margin-bottom:30px;font-weight:400;}
/* MO */
@media screen and (max-width:1240px){
}
@media screen and (max-width:1023px){
.scene14{width:100%;height:auto; margin-top: 120px;}
.scene14 .textBox h2{font-size:38px;}
.scene14 .imgBox {height: auto;position:initial;margin-bottom: 20px;}
.scene14 .imgBox .flexKvImg.P1{visibility:visible;}
.scene14 .imgBox img {visibility: visible; position: initial;}
.scene14 .kvtextBox {position: initial;}
.scene14 .kvtextBox p{font-size:13px; visibility: visible; opacity: 1; position: initial;}
.scene14 .textBox{opacity:1;visibility:visible;z-index:3;position:relative;transform: none;}
body section.scene15{height:100%;padding-top:200px;}
.scene15 .textBox h3{font-size:32px;margin-bottom:5px;}
.scene15_mSq .imgBox.flexDp img{width:100%;visibility:hidden;position:absolute;left:50%;top:50%;margin-top:50px;transform:translate(-50%,-50%);max-width:600px;}
.scene15_mSq .imgBox.flexDp img.D1{width:100%;visibility:visible;}
.scene15 .disclaimer{visibility:hidden;padding-top:10px;text-align:center;opacity:1;width:100%;visibility:visible;position:relative;bottom:-50px;}
.scene15 .imgBox.flexDp.mo{height:100%;min-height:490px;max-height:510px;}
.scene15 .btn_go{display:inline-flex;align-items:center;justify-content:center;margin:0 auto;white-space:nowrap;height:56px;color:#fff;font-weight:600;padding:0 24px;font-size:18px;margin:20px auto;border:2px solid #fff;border-radius:10px;}
.scene15 .btn_go span{display:flex;align-items:center;}
.scene15 .btn_go span:after{content:'';display:block;width:24px;height:24px;margin-left:2px;background:url('/content/dam/lge/ch/migration/why-lgoled/images/common/PC/icon_arrow_link_white.svg') no-repeat center center;background-size:100% auto;}
.scene15 .btn_go:hover{color:#fff;background-color:#000;}
body section.scene15{display:block;flex-direction:unset;justify-content:unset;margin:0;padding:0;padding-top:100px;}
.scene15 .textBox{flex:unset;margin:0;padding:0 5%;}
.scene15 .imgBox.flexDp{flex:unset;margin:0;padding:0;}
.scene15 .imgBox.flexDp img{max-width:400px; position: initial; visibility: visible; transform: none;}
.scene16 *,.scene17 *{ max-width:100%;}
body section.scene16{margin:50px 0px;}
body section.scene16 .UXVideo_sizer, body section.scene16 .angleVideo_sizer  {position: relative;}
body section.scene17 .sar_video_sizer {position: relative;}
.scene16{padding:0 7vw;margin-top:50px;height:100%;}
.uxArea{margin-top:10px;height:fit-content;padding-top:80px;}
.angleArea{height:fit-content;padding-top:20px;}
#video01,#video02{width:100%;margin-bottom:20px;}
.scene16 .textBox{margin:10px 0;}
.scene16 .bt_txt{opacity:1;}
.scene16 .textBox .eyebrow{font-size:10px;padding:5px;margin-bottom:24px;border:1px solid #fff;border-radius:4px;}
.scene16 .textBox p.head{font-size:32px;margin-bottom:16px;}
.scene16 .textBox .txt{font-size:16px;line-height:1.2;margin-bottom:24px;}
.scene16 .textBox .disclaimer{font-size:16px;line-height:1.2;}
.scene17{width:100%;padding:0 7vw;margin-top:50px;height:auto;}
.scene17 .textBox{/* top:40px;*/
 opacity:1;transition:0.5s all;transform:translateY(0);}
.scene17 .sar_video .mo{width:100%;height:auto;}
.scene17 .textBox .eyebrow{font-size:10px;padding:5px;margin-bottom:24px;border:1px solid #fff;border-radius:4px;}
.scene17 .textBox p.head{font-size:32px;margin-bottom:16px;}
.scene17 .textBox .txt{font-size:16px;line-height:1.2;margin-bottom:24px;}
.scene17 .textBox .disclaimer{font-size:16px;line-height:1.2;}
}
@media screen and (max-width:900px){.scene16{padding:0 4vw;}
.scene17{padding:0 4vw;}
}
@media screen and (max-width:700px){.scene16{padding:0 30px;}
.scene17{padding:0 30px;}
}
@media screen and (max-width:550px){.scene16{padding:0 20px;}
.scene17{padding:0 20px;}
}
@media screen and (min-width:2280px){.scene15 .textBox h3{font-size:46px;margin-bottom:10px;}
.scene15 .textBox .txt{font-size:26px;}
}
@media screen and (min-width:2500px){.scene15 .textBox{margin-top:70px;}
.scene15 .imgBox.flexDp img{max-width:1160px;}
}
@media screen and (min-width:3500px){.scene15 .textBox{margin-top:120px;}
.scene14 .kvtextBox p{font-size:46px;}
.scene14 .imgBox img{bottom:0;height:100vh;left:50%;transform:translateX(-50%);width:auto;}
.scene14 .imgBox .flexKvImg.P1{bottom:0;height:100vh;left:50%;transform:translateX(-50%);width:auto;}
.scene15 .imgBox.flexDp img{max-width:1480px;}
}
/* 1026 flex css end */

/* uppercase */
.textBox .eyebrow,
.eyebrow,
.header .gnb a
{ text-transform: uppercase;}
@media screen and (max-width: 720px){
  .scene9_txt .textBox2 .learn{ width: 77%; }
  .scene10 .textBox {padding: 0 20px;}
  .scene10 .learn{ width: 80%; }
}</pre></body></html>