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("../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("../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-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("../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:#ffff;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:#ffff;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:#ffff; 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:#ffff;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:#ffff;  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:#ffff;margin-top:50px; font-weight:400}



.scene10{
  position:relative;
  width:100%;
  background:#000;height:100vh;display:flex;justify-content:center;align-items:center; overflow:hidden; margin-bottom:100px; }
    .scene10 .ultimate_img{
      width:100%}
        .scene10 .textBox{
          width:100%;
          position:absolute;
          left:50%;
          top:50%;
          transform:translate(-50%,-20%);
          opacity:0}
      .scene10 .textBox h2{
        font-size:15px;
        font-weight:600;
        margin-bottom:40px;
      }
      .scene10.ultimate p.head{font-size:60px; margin-bottom: 26px; line-height: 1;}
      .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 .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:#fff;background:#fff;border:2px solid #fff; color:#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;}
.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:#ffff;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}
@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-right: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;left:0;top:0;margin-top:40px;padding:0 24px; opacity:1;}
.scene8 .xbox_part1{flex-direction:column;}
.scene8 .textBox .disclaimer{color:#ffff;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 #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 .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%);}
}


/* 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('../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('../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>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) {
  .scene14 .kvtextBox {
    bottom: 26%;
  }

  .scene14 .imgBox img {
    bottom: 5%;
  }
}

@media screen and (max-width: 1023px) {
  .scene14 {
    width: 100%;
    height: 100vh;
  }

  .scene14 .textBox h2 {
    font-size: 38px;
  }

  .scene14 .imgBox img {
    bottom: 0;
  }

  .scene14 .imgBox .flexKvImg.P1 {
    visibility: visible;
  }

  .scene14 .kvtextBox p {
    font-size: 13px;
  }

  .scene14 .imgBox {
    position: absolute;
    bottom: 0;
  }

  .scene14 .textBox {
    opacity: 1;
    visibility: visible;
    margin-top: 140px;
    z-index: 3;
    position: relative;
  }

  .scene14 .kvtextBox {
    bottom: 22%;
  }

  body section.scene15 {
    height: 100%;
    padding-top: 200px;
  }

  .scene15 .textBox h3 {
    font-size: 32px;
  }

  .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('../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;
  }

  .scene15 .imgBox.flexDp {
    flex: unset;
    margin: 0;
    padding: 0;
  }

  .scene15 .imgBox.flexDp img {
    max-width: 400px;
  }

  body section.scene7 {
    height: 100vh;
  }

  .scene16 *,
  .scene17 * {
    /* width: 100%; */
    max-width: 100%;
  }

  body section.scene16 {
    margin: 50px 0px;
  }

  .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: 0;
    transition: 0.5s all;
    transform: translateY(40px);
  }

  .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 */

/*모바일 개선화 작업*/
@media all and (max-width:1023px){
  .main_visual_game .textBox{top: 75%; opacity: 1;}
  .scene2 .textBox{transform: none; opacity: 1;}
  .scene1 img.kvlogo{width: 250px;}
  .scene1 img.intertekLogo{width: 200px;}
  .scene5{height: auto;}
  .scene5 .hgig_img_wrap{opacity: 1;}
  .scene5 .hgig_img_wrap .hgig{transform: none; transform-origin: 0;}
  .scene5 .hgig_dimmed{display: none;}
  .scene7{margin: 120px 0 100px;}
  .scene7 .textBox{opacity: 1;}
  .scene5 .textBox{padding-bottom: 0;}
  body section.scene8{margin-bottom: 0;}
  .scene8 .textBox{margin-bottom: 0;}
  .scene9_mo .wf{opacity: 1;}
  .scene9_txt .textBox2 .learn{border-color: #4c4c4c; background: rgba(255,255,255,0.2);}
  .scene9_txt .textBox2 .learn:hover{background: rgba(255,255,255,0.2); border:1px solid #4c4c4c !important;}
  .scene10.ultimate .textBox{position: initial; opacity: 1; transform: none;}
  .scene10{height: auto; flex-direction: column;}
  .scene11 .textBox{opacity: 1; position: initial;}
  .scene12 .textBox{opacity: 1; position: initial;}
  .scene3 .textBox2{height: auto;}
  .scene3 .textBox2 .amd_box{padding-top: 60px;}
  .scene3 .textBox2 .eyebrow .amd{margin-bottom: 0;}
  .scene3 .textBox2 .eyebrow .nvidia{margin-bottom: 0;}
  .scene5 .part2{position: relative; opacity: 1;}
  body section.scene7{height: auto;}
}