@charset "utf-8";html{scroll-behavior:smooth;}
/* common */
.design .moView{display:none;}
.design video{width:100%}
.design section{position:relative;overflow:hidden;}
.design section .inner{overflow:hidden;max-width:1920px;width:100%;margin:0 auto;}
.design section.full .inner{max-width:100%;}
.design .hide{display:none;}
/* text area & btn */
.design .txt_area{position:relative;top:0;left:0;z-index:10;width:100%;color:#fff;margin-top:54px;text-align:center;opacity:0;transform:translateY(30%);transition:all 0.5s;}
.design .txt_area.absolute{position:absolute;transform:translateY(30%);}
.design .bg_white .txt_area{color:#000;}
.design .txt_area .txt{font-weight:600;}
.design .txt_area .txt em{display:inline-block;white-space:nowrap;}
.design .txt_area.type01{position:relative;top:0;width:100%;color:#fff;opacity:0;text-align:center;transition:all 0.3s;}
.design .txt_area.type01 .txt{display:block;}
.design .badge{display:inline-block;line-height:1.6666667;font-size:15px;font-weight:600;color:#fff;padding:0 14px;margin-bottom:30px;border:2px solid #fff;border-radius:4px;}
.design .bg_white .badge{color:#000;border:2px solid #000}
.design .btn_go{display:inline-flex;align-items:center;justify-content:center;margin:0 auto;white-space:nowrap;height:56px;color:#000;font-weight:600;padding:0 24px;font-size:18px;margin:90px auto 80px;border:2px solid #000;border-radius:10px;}
.design .btn_go span{display:flex;align-items:center;}
.design .btn_go span:after{content:'';display:block;width:24px;height:24px;margin-left:2px;background:url('/content/dam/lge/pa/migration/why-lgoled/images/common/PC/icon_arrow_link.svg') no-repeat center center;background-size:100% auto;}
.design .btn_go:hover{color:#fff;background-color:#000;}
.design .btn_go:hover span:after{background:url('/content/dam/lge/pa/migration/why-lgoled/images/common/PC/icon_arrow_link_white.svg') no-repeat center center;}
.design .sec_view_go{color:#fff;}
.design .bg_white .sec_view_go{color:#000;}
/* section */
.design section.bg_white{background:#fff;margin-top:-2px;}
.design section.bg_white .txt_area,.design section.bg_white .txt_area01{color:rgb(54,49,49);}
.design section.bg_white .txt_area01 .badge{color:#000;border:2px solid #000;}
.design .sec00 .txt_area{padding-top:4.6875%;}
.design .sec00 .txt_area .txt_65{letter-spacing:1.7px;}
.design .sec01 .video_area{position:relative;height:62.5vw;}
.design .sec01 .video_area video{position:relative;top:54px;}

.design .sec02 .txt_area .txt_20{margin-bottom:40px;}
.design .sec02,.design .sec06{display:flex;align-items:center;height:100vh;}
.design .sec01 .txt_area,.design .sec03 .txt_area{position:relative;top:0;}
.design .sec03 .txt_area{margin:0 auto;text-align:left;}
.design .sec03 .txt_area .badge{margin-left:24.895833%;}
.design .sec03 .txt_area .txt{padding-left:24.895833%; color:#fff;}
.design .sec03 .txt_area .txt_r{width:38.05673758865%;margin-left:auto;}
.design .sec03 .txt_area .txt_r .txt{padding-left:0;}
.design .sec03 .img_slimmer{position:relative;margin-top:-23%;}
.design .sec03 .img_slimmer .img_shadow{content:'';position:absolute;top:0;left:0;display:block;width:130%;height:130%;background:linear-gradient(transparent 0%,#000 30%);transform:translate(-30%,0) rotate(-45deg);}
.design .sec03 .img_slimmer.show .img_shadow{background:linear-gradient(135deg,transparent 0,#000 100%)}
.design .sec04 .txt_area.type01 .txt.txt_28{margin-left:auto;margin-right:auto;width:50%;}
.design .sec04 .img_box{height:52.348214vw;}
.design .sec05 .inner{position:relative;display:flex;align-items:center;width:100%;height:100vh;}
.design .sec05 .video_area02{position:relative;width:100%;margin:0 auto;height:100vh;}
.design .sec05 .video_area02 img{position:absolute;top:50%;height:100vh;object-fit:cover;transform:translateY(-54.5%);visibility:hidden;}
.design .sec05 .video_area02 img.video02_img59{visibility:visible;top:100%; transform:translateY(5%)}
.design .sec05 .video_area02 img:first-child{visibility:visible;}
.design .sec05 .inner .img_cut_area{position:absolute;top:0;left:0;z-index:10;display:flex;align-items:center;overflow:hidden;height:100vh;width:100%;clip-path:inset(0% 100% 0% 0%);}
.design .sec05 .inner .img_cut02{position:relative;overflow:hidden;display:flex;width:100%;}
.design .sec05 .inner .img_cut02 img{width:100%;height:100vh;object-fit:cover;}
.design .sec06{display:flex;align-items:center;}
.design .sec07 .inner{max-width:100%;}
.design .sec07 .txt_area .txt_28{width:58%;margin:0 auto;}
.design .sec07 .txt_area .txt_14{margin-left:auto;margin-right:auto;width:70%;margin-bottom:40px;}
.design .sec07 .txt_area .txt_14 span + span{display:block;}
.design .sec07 .img_box_wall.pcView{position:relative;width:100%;height:100vh;}
.design .sec07 .img_box_wall_cont{z-index:2;display:flex;width:100%;height:100vh;}
.design .sec07 .img_box_wall_cont .img_box_wall_item{width:50%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.design .sec07 .img_box_wall_cont.ht_move{position:absolute;overflow:hidden;top:0;width:100%;height:100vh;transform:translate(0,100%);}
.design .sec07 .img_box_wall_cont.ht_move .img_box_wall_item{transform:translate(0,-100%);}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img01{background-image:url('/content/dam/lge/pa/migration/why-lgoled/images/design/PC/img_wallmount01.jpg');}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img02{background-image:url('/content/dam/lge/pa/migration/why-lgoled/images/design/PC/img_wallmount02.jpg');}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img03{background-image:url('/content/dam/lge/pa/migration/why-lgoled/images/design/PC/img_wallmount03.jpg');}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img04{background-image:url('/content/dam/lge/pa/migration/why-lgoled/images/design/PC/img_wallmount04.jpg');}
.design .sec08 .vid_area{padding:0 9.375%;height:47.8125vw;max-height:902px; display:flex; justify-content: center;}
.design .sec08 .txt_area .txt_28{width:77%;margin-left:auto;margin-right:auto;}
.design .sec08 .video_play03{height:100%; width:auto;}
.design .sec09 .inner{text-align:center}
.design .sec09 .txt_area .txt_28{width:66%;margin-left:auto;margin-right:auto;}
.design .sec09 .img_area{height:40.922619vw;}
.design .sec09 .img_box{margin:4.6875em auto 0;padding:0 9.375%;max-width:1920px;}
.design .sec09 .img_box .img_box_item{display:flex;justify-content:space-between;align-items:center;}
.design .sec09 .img_box .img_box_item li{position:relative;width:51.282051%;max-width:800px;padding-top:68.208333%;}
.design .sec09 .img_box .img_box_item li img,.design .sec09 .img_box .img_box_item li video{position:absolute;top:50%;left:0;transform:translateY(-50%);}
.design .sec09 .img_box .img_box_item li + li{width:42.628205%;}
.design .sec10{margin-bottom:-2px;}
/* bottom disclaimer */
.bt_disclaimer{width:100%;max-width:1280px;color:#888;font-size:18px;line-height:1.6;margin:0 auto 90px;padding:94px 0 0 22px;background:#fff;}
.bt_disclaimer li{list-style-type:decimal;}
sup{cursor:pointer;}
/* common */
.design .txt_sb{font-weight:600;}
.design .txt_b{font-weight:700;}
.design .txt_14{font-size:16px;font-weight:400!important;line-height:1.5;color:#adadad;margin-top:30px;}
.design .txt_14 span + span{margin-top:12px;}
.design .txt_20{font-size:1.041667vw;margin-bottom:32px;}
.design .txt_28{font-size:28px;line-height:1.14;letter-spacing:-0.02em;margin-top:26px;margin-bottom:30px;}
.design .txt_60{font-size:60px;margin-bottom:26px;}
.design .txt_65{font-size:74px;}
.design .txt_130{font-size:6.79052vw;}
@media all and (min-width:1920px){.design .badge{font-size:15px;}
.design .txt_14{font-size:14px;}
.design .txt_20{font-size:20px;}
.design .txt_28{font-size:28px;}
.design .txt_60{font-size:60px;}
.design .txt_65{font-size:74px;}
.design .txt_130{font-size:130px;}
}
@media all and (min-width:1410px){
  /* .design .sec09{height:260vw;max-height:7000px;} */
}
@media all and (max-width:1023px){/* section */
 .design .sec01 .txt_area .txt_28{width:78%;margin-left:auto;margin-right:auto;}
.design .sec03 .txt_area .txt_r{width:48.056738%;}
.design .sec04 .txt_area.type01 .txt.txt_28{width:84%; padding:0 24px;}
.design .sec07 .txt_area .txt_28{width:87%; padding:0 24px;}
.bt_disclaimer{font-size:12px;padding:175px 7% 0 9%;margin:-130px auto 45px;}
.design .sec03 .txt_area .txt_r .txt{padding-right:10px;}
/* height */
 .design .sec01{height:96.864583vw;}
.design .sec04{height:93.260417vw;}
.design .sec08{height:96.196667vw;}
/* txt */
 .design .badge{font-size:1.464844vw;line-height:1.777777;border:1px solid #fff;}
.design .bg_white .badge{border:1px solid #000}
.design .btn_go{height:5.606258vw;border-radius:5px;font-size:1.825293vw;}
.design .txt_14{font-size:14px;margin-bottom:30px;}
.design .txt_20{font-size:1.757812vw;}
.design .txt_28{font-size:16px;line-height:1.2;margin-bottom:24px;}
.design .txt_60{font-size:32px;margin-bottom:16px;}
.design .txt_65{font-size:4.492188vw;}
.design .txt_130{font-size:7vw;}
}
@media all and (max-width:962px){/* section */
 .design .sec00 .txt_area{padding-top:11.6875%;}
.design .sec01 .txt_area{padding:0 12.2777778%;}
.design .sec01 .txt_area .txt > span{display:block;}
.design .sec03 .inner{padding-top:4.166667%;}
.design .sec03 .txt_area .badge{margin-left:27.770535%;}
.design .sec03 .txt_area .txt{padding-left:27.770535%;}
.design .sec03 .txt_area .txt_r{width:55.056738%;}
.design .sec03 .img_slimmer .img_shadow{height:160%;}
.design .sec03 .img_slimmer{margin-top:-12%;}
.design .sec04 .txt_area.type01 .txt.txt_28{width:60%;}
.design .sec04 .img_box{padding:0 29.791395%;}
.design .sec05 .video_area02 img{height:auto;transform:translateY(-100%);}
.design .sec05 .inner .img_cut_area{top:51.25%;height:auto;transform:translateY(-100%);}
.design .sec05 .inner .img_cut02 img{height:auto;}
.design .sec07 .txt_area .txt_28{width:73%;}
.design .sec07 .txt_area .txt_14{width:95%;}
.design .sec09 .txt_area .txt_28{width:88%;}
.design .sec09 .inner > .img_area{height:35.528031vw;}
/* txt */
 .design .badge{font-size:1.559252vw;}
.design .txt_20{font-size:1.825293vw;}
.design .txt_65{font-size:4.10691vw;}
/* height */
 .design .sec01{height:auto;}
}
@media all and (max-width:768px){.design .pcView{display:none;}
.design .moView{display:block;}
/* section */
 .design .sec00 img{width:213.055556%;transform:translateX(-26.5319426%);}
.design .sec00 .txt_area{top:10%}
.design .sec00 .txt_area .txt_65{letter-spacing:0;}
.design .sec01 .video_area{height:138.8888889vw;}
.design .sec01 .txt_area .txt_28{width:100%;}
.design .sec03 .txt_area .badge{margin-left:5.555555555%;}
.design .sec03 .txt_area .txt{padding-left:5.555555555%;}
.design .sec03 .txt_area .txt_r{width:65%}
.design .sec03 .img_slimmer{width:213.055556%;transform:translateX(-26.5319426%);}
.design .sec03 .img_slimmer .img_shadow{margin-top:19%;}
.design .sec04 .txt_area.type01 .txt.txt_28{width:100%;}
.design .sec04 .img_box{padding:0 6.9444444%;height:auto;}
.design .sec05 .video_area02{width:100%;}
.design .sec05 .video_area02 img{height:auto;transform:translateY(-52.6%);}
.design .sec05 .inner .img_cut_area{top:50%;width:205.055556%;transform:translate(-25.5319426%,-50%);}
.design .sec05 .inner .img_cut02 img{height:auto;}
.design .sec06 .txt_area .txt_65{margin:0 auto;width:90%}
.design .sec07 .inner{padding-top:17.777778%}
.design .sec07 .txt_area .txt_28{width:100%}
.design .sec07 .txt_area .txt_14{width:75%;}
.design .sec07 .txt_area .txt_14 span + span{margin-top:2.5%;}
.design .sec07 .img_box_wall.moView{height:120.850622vw;}
.design .sec07 .img_box_wall_cont{position:relative;flex-direction:column;transform:translateY(120.850622vw);}
.design .sec07 .img_box_wall_cont .img_box_wall_item{padding-top:120.850622vw;width:100%;}
.design .sec07 .img_box_wall_cont .img_box_wall_item:first-child{transform:translateY(-120.850622vw);}
.design .sec07 .img_box_wall_cont .img_box_wall_item + .img_box_wall_item{position:absolute;transform:translateY(120.850622vw);}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img01{background-image:url('/content/dam/lge/pa/migration/why-lgoled/images/design/MO/img_wallmount01.jpg');}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img02{background-image:url('/content/dam/lge/pa/migration/why-lgoled/images/design/MO/img_wallmount02.jpg');}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img03{background-image:url('/content/dam/lge/pa/migration/why-lgoled/images/design/MO/img_wallmount03.jpg');}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img04{background-image:url('/content/dam/lge/pa/migration/why-lgoled/images/design/MO/img_wallmount04.jpg');}
.design .sec08 .vid_area{padding:0 6.944444%;height:49.444444vw;}
.design .sec08 video{padding:0}
.design .sec08 .txt_area .txt_28{width:90%;margin-left:auto;margin-right:auto;}
.design .sec09 .inner > .img_area{width:213.055556%;height:75.694444vw;transform:translateX(-26.5319426%);}
.design .sec09 .img_box{padding:0 6.944444%;}
.design .sec09 .img_box .img_box_item{flex-direction:column;}
.design .sec09 .img_box .img_box_item li{position:relative;width:100%;padding-top:132.36715%;}
.design .sec09 .img_box .img_box_item li + li{width:100%;padding-top:128.145873%;}
.design .sec09 .img_box .img_box_item li + li img,.design .sec09 .img_box .img_box_item li + li video{top:0;transform:translateY(0%);padding:52px 25px 0;}
.design .sec09 .img_box .img_box_item:last-of-type li + li{padding-top:78%;margin-bottom:15px;}
.design .sec09 .img_box .img_box_item:first-of-type li + li{padding-top:144.145873%;}
/* height */
 .design .sec01,.design .sec04,.design .sec08,.design .sec09{height:auto;}
/* txt */
 .design .badge{font-size:2.08333vw;margin-bottom:24px;}
.design .btn_go{height:39px;font-size:14px;padding:0 17px;margin:52px auto 40px;border:1px solid #000;}
.design .btn_go span:after{width:18px;height:18px;}
.design .btn_go:hover span:after{background-size:100% auto;}
.design .txt_14{margin-top:24px;}
.design .txt_14 span + span{margin-top:14px;}
.design .txt_area .txt.txt_14 em{display:unset;white-space:unset;}
.design .txt_20{font-size:3.33333333vw;margin-bottom:24px;}
.design .txt_28{margin-top:16px;}
.design .txt_65{font-size:10vw;}
.design .txt_130{font-size:32px;margin-bottom:16px;}
}
@media all and (max-width:360px){/* section */
 .design .sec03 .txt_area .badge{margin-left:20px;}
.design .sec03 .txt_area .txt{padding-left:20px;}
.design .sec04 .img_box{padding:0 25px;}
.design .sec05 .inner .img_cut_area{width:213.055556%;transform:translate(-27.5319426%,0);}
.design .sec08 video,.design .sec09 .img_box{padding:0 25px;}
/* txt */
 .design .badge{font-size:7.5px;}
.design .btn_go{height:43px;font-size:14px;margin:50px auto 40px}
.design .txt_20{font-size:12px;}
.design .txt_65{font-size:36px;}
.design .txt_130{font-size:38px;}
}
@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;}
}