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.2;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; text-align: right;}
.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("../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; margin-left:15px;}
/* .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-right:auto;margin-left: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("../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("../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-left: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("../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-left: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.25;  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.2; 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-left: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.2;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:right;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.2; 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:right;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; line-height:1.2}
.scene8 .textBox .txt{font-size:28px; margin-bottom:60px; line-height:1.2}
.scene8 .textBox .disclaimer{color:#fff;  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.2; margin-bottom:30px;}
.scene9_txt .textBox2 .learn{border:2px solid #fff; 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:#000; 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:#fff;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:absolute; left: 0; top: 50%; transform: translate(0, 0); opacity: 0; width: 100%;}
.scene10 .ulti_sizer{margin-bottom:60px; max-width:1920px; max-height: 1050px;}
.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; transform:rotate(270deg)}
.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.2}
.scene11 .textBox .disclaimer{font-size:16px;color:#fff;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.2}
@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}
}


/* mobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobile */
/* mobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobile */
/* mobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobile */
@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:80%;width:100%}
.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;}
.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:450px; 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 .eyebrow .nvidia{font-size:16px; margin-bottom:24px; margin-left:10px;}
.scene3 .textBox2 .eyebrow .amd{font-size:16px; margin-bottom:24px;}
.scene3 .textBox2 .logo_wrap{margin-top:0;}
.scene3 .textBox2 .logo_wrap .nvidia_logo{width:130px;}
.scene3 .textBox2 .logo_wrap.on .amd_logo{width:130px;}

.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)}
.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 .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}
.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-bottom:120px; position:relative; }
.scene7 .textBox{opacity:0; transform:translate(0)}
.scene7 .textBox h2{font-size:36px;}
.scene7 .textBox .eyebrow{font-size:14px; margin-bottom:24px;}
.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;right: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:0}
body section.scene9_txt{margin-bottom:50px;}
.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 #fff; 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 p.txt{font-size:16px;line-height:1.2;margin-bottom:24px;}
.scene10.ultimate .textBox .learn{border:1px solid #b2b2b2;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 .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;}
.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;}

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






@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:100vh}
}
@media screen and (max-width:550px){
  .main_visual_game{margin-bottom:0}
.scene11{padding:0 20px}
.scene12{padding:0 20px}
}

@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%);}
}