html,body{background:#000;color:#fff;line-height:1.3;}
body{max-width:1920px;}
#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;}
}
body{line-height:1;}

/* section control  */
body section.scene_key{max-width:1920px; margin:0 auto}

body section.scene1{max-width:1920px; margin:0 auto}
body section.scene2{}
body section.scene3{}
body section.scene4_txt{max-width:1920px; margin:0 auto}
body section.scene4{max-width:1920px; margin:0 auto}
body section.scene5{max-width:1920px; margin:0 auto}


body section.scene_key *{font-weight:600}
body section.scene1 *{font-weight:600}
body section.scene2 *{font-weight:600}
body section.scene3 *{font-weight:600}
body section.scene4_txt *{font-weight:600}
body section.scene5 *{font-weight:600}

/* pc vid fix  */
.notouch{
  touch-action: none !important;   
  overflow: hidden !important;
  -webkit-overflow-scrolling: none !important;
  overscroll-behavior: none !important;
  pointer-events: none !important;
}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
.container-fluid{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
/* 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 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;}
}


.ic_pl{width:auto;position:relative;padding:5px;border:2px solid #fff;border-radius:50%;}
.hiddenTxt{opacity:0;display:block;position:absolute;text-indent:9999px;top:9999px;width:1px;}



.visual{position:relative;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;}
.visual .part1{position:relative;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}
.visual .kvImgWrap{position:relative;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.visual .kvImgWrap img{width:100%; object-fit:cover; position:absolute;top:54px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0); visibility:hidden;}
/* .visual .kvImgWrap .kvd{width:100%;position:absolute;top:54px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);} */
/* .visual .kvImgWrap .kvd2{width:100%;position:absolute;top:54px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);} */
/* .visual .kvImgWrap .kvdm{width:100%;position:absolute;top:54px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);} */
.visual .kvImgWrap img.kv0{visibility:visible}
.visual .textBox1{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-30%);transform:translate(-50%,-30%);opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.visual .textBox2{font-size: 74px;font-weight:600;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-30%);transform:translate(-50%,-30%);opacity:0; white-space: nowrap;}
.visual .kvlogo{width:auto; margin-bottom:32px;}
.visual .visual_txt{font-size:74px;letter-spacing:0.05em;font-weight:600;text-align:center;line-height:1; white-space: nowrap;}
.visual .part2{background:#000; position:absolute;width:100%;height:auto;z-index:3;top:50%; background:#000; transform:translateY(calc(100% + 677px)); }
.visual .part2 .eyebrowwrap{width:656px; margin:0 auto;}
.visual .part2 .eyebrow{ font-size:15px;border:2px solid #fff;border-radius:7px;padding:6px 8px;font-weight:600;position:relative;left:3px;margin-bottom:26px;display:inline-block;}
.visual .part2 .txt{    display:inline-block;transform:translateX(-50%);left:50%;font-size:100px;font-weight:600;line-height:1;position:relative; margin-bottom:30px;}
.visual .part2 .bottom{font-size:28px;font-weight:600;position:relative;left:50%;margin-bottom:30px; line-height:1.14}
.visual .part2 .textBox{width:100%; position:absolute; bottom:99%; padding-bottom:130px; padding-top:80px; background:#000;}
.visual .part2 .bottom{opacity:0;}
/* 0428 st  */
.visual .part2 .onmore{display:inline-block; color:#fff; text-decoration:none; padding: 15px 20px; border-radius:12px; border:2px solid #4c4c4c; background:rgba(255,255,255,0.2); font-size:18px}
.visual .part2 .onmore:hover{background:#fff; border:2px solid #fff;}
.visual .part2 .onmore img{width:29px; height:14px; transform: translateY(-2px); }
.scene2 .onmore{display:inline-block; color:#fff; text-decoration:none; padding: 15px 20px; border-radius:12px; border:2px solid #b2b2b2; background:rgba(0,0,0,0.2); font-size:18px}
.scene2 .onmore img{width:29px; height:14px; transform: translateY(-2px); }
.scene3 .onmore{display:inline-block; color:#fff; text-decoration:none; padding: 15px 20px; border-radius:12px; border:2px solid #b2b2b2; background:rgba(0,0,0,0.4); font-size:18px}
.scene3 .onmore img{width:29px; height:14px; transform: translateY(-2px); }
.scene4_txt .onmore{display:inline-block; color:#fff; text-decoration:none; padding: 15px 20px; border-radius:12px; border:2px solid #4c4c4c; background:rgba(255,255,255,0.2); font-size:18px; font-weight:600;}
.scene4_txt .onmore img{width:29px; height:14px; transform: translateY(-2px); }
.scene5 .onmore{display:inline-block; color:#fff; text-decoration:none; padding: 15px 20px; border-radius:12px; border:2px solid #4c4c4c; background:rgba(255,255,255,0.2); font-size:18px}
.scene5 .onmore img{width:29px; height:14px; transform: translateY(-2px); }
/* 0428 ed  */
.visual .part2 .textBox .textfirstwrap{opacity:0;}
/* .visual .part2 .selfpls{left:50%;} */

.visual .part2 .overVid{height:100vh; margin:0 auto;position:relative;left:50%;transform:translateX(-50%);}
.visual .part2 .overVid img{position:absolute; height:100%; width:100%; object-fit:contain; margin:0 auto;left:50%; top:50%; transform:translate(-50%,-50%);}
.visual .part2 .overVid img.selfVid{visibility:hidden;}
.visual .part2 .overVid img.selfVid.self1{visibility:visible;}

.visual .part3{opacity:0; width:100%;position:absolute;top:120%;left:0;right:0;z-index:4;overflow:visible;background:#000; height: auto;}
.visual .part3 .part3dimmed{opacity:1;position:absolute;width:100%;height:200px;left:0;right:0;background:black;bottom:-200px;background:-webkit-gradient(linear,left top,left bottom,from(black),color-stop(79%,rgba(0,0,0,0.933211)),to(rgba(0,0,0,0.361782)));background:linear-gradient(to bottom,black 0%,rgba(0,0,0,0.933211) 79%,rgba(0,0,0,0.361782) 100%);}
.visual .part3 .part3insetwrap{z-index:4;position:relative; background:#000; border:none; box-sizing:border-box; width:100%; height:auto;}
.visual .part3 .ice.pc{width:1300px;position:relative;transform:translateX(-50%);left:50%;top:0}
/* 0704 ver3.0  */
.part4{position:relative; width:100%;height:100vh;bottom:0;left:0;right:0;z-index:2;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
/* .part4 img{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;} */
.part4 .textBox{position:relative;z-index:2;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:1;}
.part4 .textBox .head{font-size: 60px;font-weight:600;text-align:center;line-height:1;}
.part4 video{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;}
/* //0704 ver3.0  */

/* 0704 ver3.0  */
.visual .part1_2{opacity:0; z-index:2; width:100%; height:100vh; position:absolute; bottom:0; left:50%; transform:translateX(-50%); object-fit: cover; display: flex; justify-content: center; align-items: center;}
.visual .part1_2 .visual_video{width:100%; height:100vh; object-fit: cover;}
.visual .part1_2 .visual_txt{position:absolute; left:50%; transform:translate(-50%,15%); opacity:0;}
/* //0704 ver3.0  */.visual .part4 video{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;}
.visual .part4 .textBox{position:relative;z-index:2;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;}
.visual .part4 .textBox .head{font-size: 60px;font-weight:600;text-align:center;line-height:1;}

.scene1{width:100%;height:100vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:100px;}
.scene1 .textBox1{position:absolute;top:10%;left:18%;font-size:45px;font-weight:600;line-height:1.1;}
.scene1 .textBox1 h2{font-size:60px;font-weight:600; line-height:1; margin-bottom:7px}
.scene1 .textBox1 p.disclaimer{color:#adadad;font-size:16px; font-weight:400;}
.scene1 .tvWrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:800px;height:500px;top:120px;}
.scene1 .tvWrap .sz{text-align:center;position:absolute;left:50%;bottom:0;}
.scene1 .tvWrap .sz img{width:auto;}
.scene1 .tvWrap .shadow{position:absolute;left:50%;bottom:-50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.scene1 .tvWrap .tvBlur{position:absolute; left:0; opacity:0; top:0;}


.scene1 .tvWrap .size1{opacity:1;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.scene1 .tvWrap .size2{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:12px;}
.scene1 .tvWrap .size3{opacity:0;bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:100%;}
.scene1 .tvWrap .size4{opacity:0;bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:100%;}
.scene1 .tvWrap .size5{opacity:0;bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:100%;}
.scene1 .tvWrap .size6{opacity:0;bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:100%;}
.scene1 .tvWrap .size7{opacity:0;bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:100%;}
.scene1 .tvWrap .size8{opacity:0;bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:100%;}

.scene2{width:100%;height:100vh;position:relative;overflow:hidden;}
.scene2 .textBox{text-align:center;position:relative;z-index:4;padding-top:120px;top:54px;}
.scene2 .textBox .eyebrow{font-size:15px;border:2px solid #fff;border-radius:7px;display:inline-block;padding:6px 8px;font-weight:600;margin-bottom:30px;}
.scene2 .textBox p.head{font-size:60px;font-weight:600;margin-bottom:26px; margin-left:20px; margin-right:20px;}
.scene2 .textBox .bottom{  font-size:28px; font-weight:600;line-height:1.14;letter-spacing:-0.02em;margin-bottom:30px;}
.scene2 .textBox .ic_pl{left:0;}
.scene2 .sc2part1{position:relative;z-index:3;width:100%;height:100vh;top:0;left:0;bottom:0;right:0;overflow:hidden;}
.scene2 .sc2part1 .dolby{opacity:0; height:32px; width:auto; position:absolute; left:50%; transform:translateX(-50%); bottom:50px; z-index:3;}
.scene2 .sc2part1 .dolby.mo{height:32px;}
.scene2 .room1{z-index:1;border-radius:40px; overflow:hidden; position:absolute;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;top:54px;-webkit-transform:scale(0.58);transform:scale(0.58);left:0;right:0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%;}
.scene2 .room2{z-index:2;opacity:0;position:absolute;top:54px;left:0;right:0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-webkit-clip-path:inset(0% 0% 100% 0%);clip-path:inset(0% 0% 100% 0%);}
/* 0428 st  */
.scene2 .visionLogoWrap.pc{position:absolute; left:0; display:flex; justify-content: center; bottom:50px; z-index:3; width:100%; height:auto; }
.scene2 .visionLogo.pc{opacity:0; height:32px;width:auto;z-index:3;transform:scale(0.58); transform-origin:bottom center;}
.scene2 p.disclaimer{font-size:16px;color:#adadad;line-height:1.5;font-weight:400; margin-bottom:30px;}
/* 0428 ed  */
.scene2 img.roomb{z-index:3;visibility:hidden;position:absolute;top:54px;left:0;right:0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%;}

.scene2 .roomVid.pc{visibility:hidden; position:absolute;top:54px;left:0;right:0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%;}
.scene2 .sc2part2{position:absolute;z-index:6;width:100%;bottom:calc(-150% - 200px);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#000; padding:140px 0}
.scene2 .sc2part2 .textBox2{width:540px;margin-bottom:40px;}
.scene2 .sc2part2 .textBox2 .eyebrow{padding-left:10px;font-size:36px;font-weight:600;line-height:1.14;}
.scene2 .sc2part2 .aiVid.pc{position:relative;opacity:1;}
.scene2 .sc2part2 .aiLearn{padding:0 24px;height:56px;border-radius: 12px;border:2px solid #4c4c4c; 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:30px;}

.scene3{width:100%;height:100vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.scene3 .textBox{opacity:0;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-30%);transform:translate(-50%,-50%);}
.scene3 .textBox .eyebrow{font-size:15px;border:2px solid #fff;border-radius:7px;display:inline-block;padding:6px 8px;font-weight:600;margin-bottom:30px;}
.scene3 .textBox p.head{font-size:60px;font-weight:600;margin-bottom:26px;}
.scene3 .textBox .bottom{font-size:28px; font-weight:600;line-height:1.14;letter-spacing:-0.02em;margin-bottom:30px;}
.scene3 .textBox .ic_pl{left:0;}
.scene3 .tearVid{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.scene3 .gameVideoLogoWrap{position:absolute; left:50%; bottom:5%; transform:translateX(-50%); width:100%; text-align: center; }
.scene3 .gameVideoLogoWrap img{width:120px; height:auto;}
.scene3 .gameVideoLogoWrap img:first-child{margin-right:20px;}

.scene4_txt{opacity:0; position:relative; display:flex; justify-content: center; align-items: center; margin-top:150px; transform:translateY(30px); z-index:5}
.scene4_txt .textBox{text-align:center; z-index:5;}
.scene4_txt .textBox .eyebrow{font-size:15px;border:2px solid #fff;border-radius:7px;display:inline-block;padding:6px 8px;font-weight:600;margin-bottom:30px;}
.scene4_txt .textBox p.head{font-size:60px;font-weight:600;margin-bottom:26px;}
.scene4_txt .textBox .bottom{margin-bottom:30px;font-size:28px; font-weight:600;line-height:1.14;letter-spacing: -0.02em;}
.scene4_txt .textBox .ic_pl{left:0;}
.scene4{width:100%;height:100vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.scene4 .sc4sqWrap .imgwrap{width:100%; height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover;}
.scene4 .sc4sqWrap .imgwrap img{width:100%; height:100%; position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden;  object-fit:cover;}
.scene4 .sc4sqWrap .imgwrap img.design1{visibility:visible;}
.scene4 .sc4sqWrap .textBox2{ font-size:30px;left:30%;position:absolute;bottom:-50vh;line-height:1.14;font-weight:600;}



/* 0704 ver3.0  */
.scene4 .cards.first{position:absolute;width:100%;height:100%;object-fit:cover; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;}
.scene4 .cards.first .lifeimg{position:absolute;opacity:1;width:100%; height:100%; object-fit: cover; top:50%;left:50%;-webkit-clip-path:inset(0% 100% 0% 0%);clip-path:inset(0% 100% 0% 0%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%; height:100%; background:url('../images/overview/wall_bright.jpg') no-repeat; background-size:cover; background-position:center;}
.scene4 .cards.first .fCard{width:100%; height:100vh; position:absolute;opacity:1;width:100%;bottom:-200%;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%; background:url('../images/overview/design_card_img01.jpg') no-repeat; background-size:cover; background-position:center; }
/* .scene4 .cards.second{width:462px;height:640px; position:absolute;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);bottom:-150%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;}
.scene4 .cards.second .fCard{border-radius:22px; opacity:1;width:462px;height:640px; position: absolute; top:50%; transform:translateY(-50%);}
.scene4 .cards.third{width:462px;height:640px; position:absolute;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);bottom:-150%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;}
.scene4 .cards.third .fCard{border-radius:22px; opacity:1;width:462px;height:640px; position: absolute; top:50%; transform:translateY(-50%);} */
body section.scene4{margin-bottom:60px;}
section.scene4_2 {margin-top: 30px;}
/* //0704 ver3.0  */



.scene5{width:100%;margin-top:10vh;text-align:center;}
.scene5 .textBox{text-align:center;position:relative;z-index:4;padding-top:120px;top:94px;margin-bottom:50px;opacity:0;}
.scene5 .textBox .eyebrow{font-size: 15px;border:2px solid #fff;border-radius:7px;display:inline-block;padding:6px 8px;font-weight:600;margin-bottom:30px;}
.scene5 .textBox p.head{font-size:60px;font-weight:600;line-height:1;letter-spacing:-0.03em;margin-bottom:26px;}
.scene5 .textBox .earth{width:60px;margin-right:10px;}
.scene5 .textBox .bottom{margin-bottom:30px;font-size:28px; font-weight:600;line-height:1.14;letter-spacing: -0.02em;}
.scene5 .textBox .ic_pl{left:0;}

.scene5 .webos.pc{width:100%;}
.scene5 .earthVid.pc{width:850px;margin:0 auto; height:850px;}
.scene5 .textBox2{text-align:center;position:relative;margin-top:15px; padding-bottom:120px;}
.scene5 .textBox2 .eyebrow{display:inline-block;font-size:15px;border:2px solid #fff;border-radius:7px;display:inline-block;padding:6px 8px;font-weight:600;margin-bottom:30px;}
.scene5 .textBox2 p.head{font-size: 60px;font-weight:600;margin-bottom:26px;}
.scene5 .textBox2 .bottom{margin-bottom:30px;font-size:28px; font-weight:600;line-height:1.14;letter-spacing: -0.02em;}
.scene5 .textBox2 a.learnmore{padding:0 24px;height:56px;border-radius: 12px;border:2px solid #4c4c4c; margin-top:15px;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;}
.scene5 .textBox2 .ic_learn_arrow{width:24px;height:24px; ;margin-left:2px;}
.scene5 .videoBox2{margin-top:100px;width:100%; position:relative;}
.scene5 .videoBox2 img.webos0{position:static; visibility:visible}
.scene5 .videoBox2 img{position:absolute; top:0; left:0; visibility:hidden;}
.ic_learn_arrow{width:24px;height:24px; ;margin-left:2px;}

.scene3 .textBox{z-index:5;}

@media screen and (max-width:1200px){
  .visual .kvImgWrap .kvd{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
  .visual .kvImgWrap .kvd2{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
}


/* onmore hover  */
@media screen and (min-width:1024px){
  /* 0428 st  */
  .onmore{left:50%;position:relative;}
  .visual .part2 .onmore:hover{color:#000}
  .scene2 .onmore:hover{color:#000}
  .scene3 .onmore:hover{color:#000;}
  .scene4_txt .onmore:hover{color:#000;}
  .scene5 .onmore:hover{color:#000;}
  .onmore:hover{background:#fff; border:2px solid #000;}
  .onmore:hover .ic_arrow{display:none}
  .onmore .ic_arrow.black{display:none}
  .onmore:hover .ic_arrow.black{display:inline-block}
  
  
  .scene2 .onmore{left:0;}
  .scene3 .onmore{left:0}
  .scene2 .sc2part2 .aiLearn:hover{background:#fff; color:#000; border:2px solid #000;}
  .scene2 .sc2part2 .aiLearn:hover .ic_learn_arrow.white{display:none}
  .scene2 .sc2part2 .aiLearn .ic_learn_arrow.black{display:none}
  .scene2 .sc2part2 .aiLearn:hover .ic_learn_arrow.black{display:block}
  .scene4_txt .onmore{left:0;}
  
  .scene5 .onmore{left:0;}
  
  .scene5 .textBox2 a.learnmore:hover{background:#fff; color:#000; border:2px solid #000;}
  .scene5 .textBox2 a.learnmore:hover .ic_learn_arrow.white{display:none;}
  .scene5 .textBox2 a.learnmore:hover .ic_learn_arrow.black{display:block;}
  .scene5 .textBox2 a.learnmore .ic_learn_arrow.black{display:none;}
  /* 0428 ed  */
.buying_box .discover_btn:hover{background:#fff; color:#000; border:2px solid #000; }
.buying_box .discover_btn:hover::after{background:url(../images/common/PC/icon_arrow_link.svg) 0 0 no-repeat;background-size:cover; }
}


/* mobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobile */
/* mobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobile */
/* mobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobilemobile */
@media screen and (max-width:1023px){
  .bt_disclaimer{font-size:12px;}

/* ios scrollbounce  */
html,body,#viewport{width:100%;height:100%;-webkit-overflow-scrolling:touch;}
#content { -webkit-overflow-scrolling:touch;overflow:auto;}

.contents{overflow:hidden;}
/* .visual{overflow:hidden;} */
.scene1{overflow:hidden;}
.scene2{overflow:hidden;}
.scene3{overflow:hidden;}
.scene5{overflow:hidden;}
.visual .visual_txt{font-size:28px;}
.visual .kvlogo{width:50%; margin-bottom:24px;}
.visual .kvImgWrap .kvimg.mo{width:100%; height:100%; object-fit:cover; object-position:center top; top:80px;}
.visual .kvImgWrap .kvdm{position:absolute;width:100%;height:100%;object-fit:contain;top:80px;}
.visual .kvImgWrap .kvdm2{position:absolute; width:100%;height:100%;object-fit:cover; object-position:center top;top:80px;}
.visual .textBox2{font-size:28px;padding:0 18px;line-height:1.1; width:100%;}
.visual .part2{display:flex; justify-content: center; align-items: center; height:100vh; top:0; }
.visual .part2 .overVid{left:0; transform:translate(0,0);}
.visual .part2 .txt{font-size:45px; line-height:1;margin-bottom:16px; padding:0 10px;}
.scene_key .part2 .textBox .textfirstwrap{opacity:0; transform:translateY(30px);}
.scene_key .part2 .textBox .bottom{opacity:0; transform:translateY(30px);}
/* 0428 st  */
.scene_key .part2 .textBox .onmore{opacity:0; left:45%; position:relative; border:1px solid #4c4c4c;line-height:36px;height:39px;padding:0 17px;font-size:14px;font-weight:600;border-radius:6px;}
.visual .part2 .onmore img.mo{display:inline-block !important; width:20px; height:9px; }
/* 0428 ed  */
.visual .part2 .eyebrowwrap{width:312px; padding-left:10px;}
.visual .part2 .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border-radius:4px; border:1px solid #fff;}
.visual .part2 .bottom{font-size:20px; line-height:1.2; width:50%; left:45%;}
.visual .part2 .selfpls{left:45%;}
.visual .part3 .ice.mo{width:100%;position:relative;transform:translateX(-50%);left:50%;}
/* .visual .part3{height:100vh;} */

/* 0704 ver3.0 */
.part4 .textBox .head{font-size:36px; text-align:center;}
/* //0704 ver3.0 */
.scene1{padding-top:80px;overflow:hidden;}
.scene1 .tvWrap{top:auto;}
.scene1 .textBox1 h2{font-size:36px; margin-bottom:5px;}
.scene1 .textBox1 p.disclaimer{font-size:14px; font-weight:400;}
.scene1 .tvWrap .size1{bottom:12px;}
.scene1 .tvWrap .shadow{width:500px;bottom:-56px;}
.scene1 .tvWrap .size1 .tvBlur{left:-40px}
.scene1 .tvWrap .size2 .tvBlur{left:0}
.scene1 .tvWrap .size3 .tvBlur{left:0}
.scene1 .tvWrap .size4 .tvBlur{left:0}
.scene1 .tvWrap .size5 .tvBlur{left:-50px}
.scene1 .tvWrap .size6 .tvBlur{left:-80px}
.scene1 .tvWrap .size7 .tvBlur{left:-100px}

.roomVid.mo{visibility:hidden; position:absolute;left:0;right:0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%; top:0}
.scene2 .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border-radius:4px; border:1px solid #fff;}
.scene2 img.room1{top:0;}
.scene2 img.room2{top:0;}
.scene2 img.roomb{top:0;}
/* 0428 st  */
.scene2 p.disclaimer{font-size:14px; padding:0 10px;}
.scene2 .visionLogoWrap.mo{position:absolute; left:0; display:flex !important; justify-content: center; bottom:50px; z-index:3; width:100%; height:auto; }
.scene2 .visionLogo.mo{opacity:0;height:32px;width:auto;z-index:3;transform:scale(0.58); transform-origin:bottom center;}
.scene2 .textBox .onmore{position:relative; border:1px solid #b2b2b2;line-height:36px;height:39px;padding:0 17px;font-size:14px;font-weight:600;border-radius:6px;}
.scene2 .onmore img.mo{display:inline-block !important; width:20px; height:9px; }
/* 0428 ed  */
.scene2 .sc2part2{top:150vh;bottom:auto;padding:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; height:auto;}
.scene2 .sc2part2 video{padding:0 20vw;}
.scene2 .sc2part2 .textBox2{width:100%;margin:40px 0 30px; padding:0 20vw;}
.scene2 .sc2part2 .textBox2 .eyebrow{margin-top:60px; font-size:23px; white-space: nowrap;}
.scene2 .sc2part2 .aiLearn{border:1px solid #4c4c4c; margin-bottom:30px; height:39px; padding:0 17px; font-size:14px; font-weight:600; border-radius:6px;}
.ic_learn_arrow{width:18px; height:18px;}
.scene3 .textBox{opacity:1; width:100%;}
.scene3 .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; }
.scene3 .textBox p.head{width:100%; font-size:32px; margin-bottom:16px;}
.scene3 .textBox .bottom{font-size:16px; line-height:1.2; margin-bottom:24px; font-weight:600;}
.scene3 .gameVideoLogoWrap img{width:90px}
/* 0428 st  */
.scene3 .textBox .onmore{position:relative; border:1px solid #b2b2b2;line-height:36px;height:39px;padding:0 17px;font-size:14px;font-weight:600;border-radius:6px;}
.scene3 .onmore img.mo{display:inline-block !important; width:20px; height:9px; }
/* 0428 ed  */
.scene4 .textBox{white-space:nowrap;}
.scene4 .sc4sqWrap video{width:100%; height:auto; object-fit: contain;}
.scene4_txt .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border-radius:4px; border:1px solid #fff;}
.scene4_txt .textBox p.head{font-size:32px; margin-bottom:16px;}
.scene4_txt .textBox .bottom{font-size:16px; line-height:1.2; margin-bottom:24px; font-weight:600;}
/* 0428 st  */
.scene4_txt .textBox .onmore{position:relative; border:1px solid #4c4c4c;line-height:36px;height:39px;padding:0 17px;font-size:14px;font-weight:600;border-radius:6px;}
.scene4_txt .onmore img.mo{display:inline-block !important; width:20px; height:9px; }
.scene5_part1 .textBox .onmore{position:relative; border:1px solid #4c4c4c;line-height:36px;height:39px;padding:0 17px;font-size:14px;font-weight:600;border-radius:6px;}
.scene5_part1 .onmore img.mo{display:inline-block !important; width:20px; height:9px; }
/* 0428 ed  */


.scene4 .cards.first .lifeimg{ object-fit: contain; left:50%;top:50%;transform:translate(-50%,-50%);background:url('../images/overview_mo/design_img01.webp') no-repeat;background-size:100vw;background-position:center;}

.scene4 .cards.first .fCard{width:100%; height:auto; left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%); background:url('../images/overview_mo/design_card_img01.jpg') no-repeat; background-size:cover; background-position:center;}
/* 0704 ver3.0  */
/* .scene4 .cards.second{width:310px; height:439.5px;}
.scene4 .cards.second .fCard{width:310px; height:439.5px; position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) ;transform:translate(-50%,-50%);}
.scene4 .cards.third{width:310px; height:439.5px;}
.scene4 .cards.third .fCard{width:310px; height:439.5px; position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} */
/* //0704 ver3.0  */


.scene4 .sc4sqWrap .textBox2{left:0; padding:0 10%; font-size:22px; white-space: normal;}
.scene4 .sc4sqWrap .imgwrap img{height:auto; width:100vw;}
.scene5{height:auto; padding-bottom:150px;}
.scene5 .textBox p.head{font-size:32px; margin-bottom:16px;}
.scene5 .textBox .bottom{font-size:16px; line-height:1.2; margin-bottom:24px; font-weight:600;}
.earthVid.mo{width:auto;margin:0 auto;}
.webos.mo{width:100%;}
.scene5 .textBox2 a.learnmore{border:1px solid #4c4c4c; margin-top:0; height:39px; padding:0 17px; font-size:14px; font-weight:600; border-radius:6px; }
.scene5 .textBox2 .ic_learn_arrow{width:18px; height:18px;}
.scene5 .textBox2{margin-top:-40px;padding:0 24px;}
.scene2 .sc2part1{overflow:visible;}
.scene2 .textBox p.head{line-height:1; font-size:32px; margin-bottom:16px;}
.scene2 .textBox .bottom{font-size:16px; line-height:1.2; margin-bottom:24px; font-weight:600;}
.aiVid.mo{width:100%;}
.scene5 .textBox .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border-radius:4px; border:1px solid #fff;}
.scene5 .textBox .earth{width:32px; margin-right:5px;}
.scene5 .textBox2 .eyebrow{font-size:10px; padding:5px; margin-bottom:24px; border-radius:4px; border:1px solid #fff;}
.scene5 .textBox2 p.head{font-size:32px; margin-bottom:16px;}
.scene5 .textBox2 .bottom{font-size:16px; line-height:1.2; margin-bottom:30px; font-weight:600;}
}
@media screen and (max-width:860px){
  .scene1 .tvWrap{-webkit-transform:scale(0.85);transform:scale(0.85);}

}

@media screen and (max-width:720px){.scene1 .tvWrap{-webkit-transform:scale(0.8);transform:scale(0.8);}
.scene1{height:80vh;}
.earthVid.mo{width:100%;}
.scene1 .tvWrap .size1 .tvBlur{left:-60px}
.scene1 .tvWrap .size2 .tvBlur{left:0}
.scene1 .tvWrap .size3 .tvBlur{left:0}
.scene1 .tvWrap .size4 .tvBlur{left:-50px}
.scene1 .tvWrap .size5 .tvBlur{left:-90px}
.scene1 .tvWrap .size6 .tvBlur{left:-100px}
.scene1 .tvWrap .size7 .tvBlur{left:-120px}

}
@media screen and (max-width:700px){
.visual .part2 .overVid{height:100vh;width:100%;}
}
@media screen and (max-width:680px){
.scene2 .textBox{top:20px;}
.scene2 img.room1{top:0;}
.scene2 img.room2{top:0;}
.scene1 .textBox1{left:10%;}
}
@media screen and (max-width:600px){
.scene1 .tvWrap{-webkit-transform:scale(0.7);transform:scale(0.7);}
.scene1{height:80vh;margin-bottom:0;}
.scene1 .tvWrap{margin-top:180px;}

}
@media screen and (max-width:550px){
  .scene1 .tvWrap .size1 .tvBlur{left:-100px}
  .scene1 .tvWrap .size2 .tvBlur{left:-48px}
  .scene1 .tvWrap .size3 .tvBlur{left:-60px}
  .scene1 .tvWrap .size4 .tvBlur{left:-110px}
  .scene1 .tvWrap .size5 .tvBlur{left:-150px}
  .scene1 .tvWrap .size6 .tvBlur{left:-170px}
  .scene1 .tvWrap .size7 .tvBlur{left:-220px}

.scene1 .textBox1{left:5%;}

}
@media screen and (max-width:500px){.visual .kvImgWrap img{width:100%;height:auto;}

.scene1 .tvWrap{-webkit-transform:scale(0.6);transform:scale(0.6);}


}
@media screen and (max-width:450px){
.scene2 .sc2part2 .textBox2 .eyebrow{font-size:25px;}

.scene4 .textBox p.head{font-size:36px;}


}
@media screen and (max-width:430px){
.scene1 .tvWrap{-webkit-transform:scale(0.55);transform:scale(0.55);}

.scene5 .textBox2{margin-top:-70px;}
/* 0704 ver3.0 */
.part4 .textBox .head{font-size:36px;}
/* //0704 ver3.0 */
.scene1 .textBox1{font-size:38px;}

.scene2 .sc2part2{padding:0;}
.scene2 .sc2part2 .textBox2{margin:40px 0 40px; padding:0 15vw;}
.scene2 .sc2part2 video{padding:0 15vw;}

.scene1 .tvWrap .size1 .tvBlur{left:-120px}
.scene1 .tvWrap .size2 .tvBlur{left:-70px}
.scene1 .tvWrap .size3 .tvBlur{left:-110px}
.scene1 .tvWrap .size4 .tvBlur{left:-140px}
.scene1 .tvWrap .size5 .tvBlur{left:-170px}
.scene1 .tvWrap .size6 .tvBlur{left:-180px}
.scene1 .tvWrap .size7 .tvBlur{left:-215px}
}

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

.visual .part2 .bottom{font-size:16px;padding-right:15px;margin-bottom:10px;}
.scene2 .textBox{top:3px;}
.ic_pl{padding:0;}
}


/* @media screen and (min-width:1800px){
  .scene4 .cards.first .fCard{height:1000px}
  .scene4 .cards.second .fCard{height:1000px}
  .scene4 .cards.third .fCard{height:1000px}
}

@media screen and (min-width:1921px){
  .scene4 .cards.first .fCard{height:1200px}
  .scene4 .cards.second .fCard{height:1200px}
  .scene4 .cards.third .fCard{height:1200px}
} */




/* Buying Guide */
.buying_guide_wrap{padding:120px 0 60px 0;width:100%;background-color:#fff;color:#000;}
.buying_guide{max-width:1280px;min-width:360px;margin:0 auto;}
.buying_guide .headline{font-size:4.375vw;text-align:center;font-weight:600;margin-bottom:75px;}
.buying_guide ul{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}
.buying_guide ul li{width:calc(33.36% - 11px);margin:0 15px 15px 0;max-width:417px;min-width:290px;max-height:700px;min-height:487px;height:54.68vw;}
.buying_guide ul li:nth-of-type(3){margin-right:0;}
.buying_guide .buying_box{background-color:#f4f4f4;border-radius:20px;overflow:hidden;height:100%;position:relative;}
.buying_box .tx_info1{padding:30px;height:calc(100% - 45%);}
.buying_box .tx_info1 .buying_tit{font-size:2.031vw;font-weight:600;margin-bottom:20px;}
.buying_box .tx_info1 .buying_txt{font-size:1.562vw;color:#666;line-height:1.2;}
.buying_box .discover_btn{display:inline-flex;justify-content:center;align-items:center;background-color:#000;color:#fff;font-size:1.171vw;border-radius:12px;min-height:56px;padding:10px 24px;position:absolute;bottom:30px;left:30px;max-width:calc(100% - 60px);font-weight:600;}
.buying_box .discover_btn::after{content:'';display:inline-block;clear:both;width:1.953vw;height:1.953vw;background:url(../images/common/PC/icon_arrow_link_white.svg) 0 0 no-repeat;background-size:cover;margin:0 -7px 0 2px;}
.buying_box .buying_disc{font-size:1.171vw;color:#888;margin:15px 0 0 0;line-height:1.25;}
/* media */
@media all and (max-width:1023px){
  
.buying_guide_wrap{padding:60px 0 10px 25px;}
.buying_guide .headline{margin-bottom:30px;}
.buying_guide ul{flex-wrap:nowrap;width:1540px;}
.buying_guide ul li{width:calc(20% - 15px); margin:0;}
/* .buying_guide ul li:nth-of-type(3){margin-right:15px;} */
.buying_guide ul li:last-child{    width: calc(20% + 40px - 15px); padding-right: 40px;}
.buying_guide .headline{font-size:29px;}
.buying_guide .buying_box{border-radius:12px;}
.buying_box .tx_info1 .buying_tit{font-size:20px;margin-bottom:16px;}
.buying_box .tx_info1 .buying_txt{font-size:14px;}
.buying_box .discover_btn{min-height:39px;font-size:12px;padding:5px 17px;border-radius:6px;bottom:25px;left:25px;max-width:calc(100% - 50px);}
.buying_box .discover_btn::after{margin:0 -6px 0 0;width:18px;height:18px;background:url(../images/common/MO/icon_arrow_link_white.svg) 0 0 no-repeat;background-size:cover;}
.buying_box .tx_info1{padding:24px;height:calc(100% - 230px);}
.buying_box .buying_disc{margin:16px 0 0 0;font-size:11px;}
}
@media all and (min-width:1280px){.buying_guide .headline{font-size:56px;}
.buying_box .tx_info1 .buying_tit{font-size:26px;}
.buying_box .tx_info1 .buying_txt{font-size:20px;}
.buying_guide .buying_box{height:700px;}
.buying_box .discover_btn{font-size:18px;}
.buying_box .discover_btn::after{width:24px;height:24px;}
.buying_box .buying_disc{font-size:15px;}
.buying_box .tx_info1{padding:30px;height:calc(100% - 315px);}
}
/* //Buying Guide */


.bt_disclaimer ol {
  max-width: 1280px;
  margin: 0 auto;}