@charset "utf-8"; .container-fluid {position: relative; background: #fff; /*z-index: 999; overflow:hidden;*/} .signature_lgcom_wrap {background: #000;} .signature_lgcom_wrap a:hover {text-decoration:none;}/* 210625 Fix gnb hover error */ a:hover{text-decoration: none !important;} button:focus {outline:none !important;} .signature_lgcom_wrap .signature_lgcom_kv_wrap {width:100%; height:100vh; position:fixed; left:0; top:0; z-index:0; background:#000;} .signature_lgcom_wrap.ended .signature_lgcom_kv_wrap {position:absolute; top: auto; bottom: 0;} .signature_lgcom_wrap.ended.rchTop .signature_lgcom_kv_wrap {position:absolute; top: 0; bottom: auto;}/* 210625 Fix ended error */ .signature_lgcom_wrap .signature_lgcom_kv {width:100%; height:100%; position:relative;} .signature_lgcom_wrap .signature_lgcom_kv_sld, .signature_lgcom_wrap .signature_lgcom_kv_sld_txt {width:100%; height:100%;} .signature_lgcom_wrap .signature_lgcom_kv_sld_txt {position:absolute; left:0; top:0; opacity:0; pointer-events:none;} .signature_lgcom_wrap .kv_inner {overflow:hidden;} .signature_lgcom_wrap .kv_sld_bg {display:block; width:auto; height: 100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0} .signature_lgcom_wrap .kv_dim {width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); pointer-events:none; z-index:1;} .signature_lgcom_wrap .kv_sld_next, .signature_lgcom_wrap .kv_sld_prev {width: 25px; height: 44px; opacity:0.25; transition:opacity 0.3s; z-index:2;} .signature_lgcom_wrap.rchTop .kv_sld_next, .signature_lgcom_wrap.rchTop .kv_sld_prev {opacity:0.75;} .signature_lgcom_wrap.rchTop .kv_sld_next:hover, .signature_lgcom_wrap.rchTop .kv_sld_prev:hover {opacity:1;} .signature_lgcom_wrap .kv_sld_next:after, .signature_lgcom_wrap .swiper-container-rtl .kv_sld_prev:after, .signature_lgcom_wrap .kv_sld_prev:after, .signature_lgcom_wrap .swiper-container-rtl .kv_sld_next:after {content:'';} .signature_lgcom_wrap .kv_sld_prev {left:51px; background:url('/de/lg-signature/images/kv/kv_sld_btn_l.png?v=2') no-repeat center center / contain;} .signature_lgcom_wrap .kv_sld_next {right:51px; background:url('/de/lg-signature/images/kv/kv_sld_btn_r.png?v=2') no-repeat center center / contain;} .signature_lgcom_wrap .kv_sld_txt_wrap {width:80%; max-width: 1220px; position:absolute; left:50%; bottom:141px; transform:translateX(-50%); text-align: center; color:#fff; z-index:1;} .signature_lgcom_wrap .kv_sld_txt_wrap.more {bottom:121px;} .signature_lgcom_wrap .kv_sld_txt_wrap.short {bottom:208px;} .signature_lgcom_wrap .kv_sld_txt_wrap h2 {line-height: 1.53125; text-transform: uppercase;} .signature_lgcom_wrap .kv_sld_txt_wrap h2 span {text-transform:capitalize;} .signature_lgcom_wrap .kv_sld_txt_wrap p {margin-top:4px; line-height: 1.66666667;} .signature_lgcom_wrap .kv_sld_txt_wrap a {display:inline-block; margin-top: 20px; padding:15px 26px; font-family: 'Gotham Medium', sans-serif; font-size: 15px; line-height: 1; border:solid 1px #fff; color:#000; background:#fff; transition:color 0.3s, background 0.3s;} .signature_lgcom_wrap .kv_sld_txt_wrap a:hover {color:#fff; background:#000;} .signature_lgcom_wrap .signature_lgcom_kv_sld_scroll {width:30.77px; position:absolute; left:50%; bottom:33px; transform:translateX(-50%); z-index:1;} .signature_lgcom_wrap .kv_sld_scroll_img {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; animation:signature_lgcom_wrap_ani_kv_sld_scroll 2s infinite;} @keyframes signature_lgcom_wrap_ani_kv_sld_scroll {0%,100%{transform:translateY(0%);} 50%{transform:translateY(50%);}} .signature_lgcom_wrap .signature_lgcom_sc {width:100%; position:relative; margin-top:120vh;} /* 210702 Remove display:none and Add width100% */ .signature_lgcom_wrap.rchTop .signature_lgcom_sc {pointer-events: none;} /* s: 210625 style change due to sc1 internal slider */ .signature_lgcom_wrap .signature_lgcom_sc1 {} /* 210702 Remove unused codes about signature_lgcom_sc1 */ .signature_lgcom_wrap .sc1_con_wrap {width:100%; position:relative; padding:163px 0 175px; background: #000; overflow: hidden; pointer-events:auto;} /* e: 210625 style change due to sc1 internal slider */ .signature_lgcom_wrap .sc1_inner {width:90%; max-width:1100px; position:relative; margin:0 auto;} .signature_lgcom_wrap .sc1_subtit {font-size:25px; line-height: 1.5; text-align: left;}/* 210625 style change */ .signature_lgcom_wrap .sc1_tit {text-align: left;} .signature_lgcom_wrap .sc1_tit + .sc1_subtit {margin-top:4.5px;}/* 210625 Modification due to order change */ .signature_lgcom_wrap .sc1_txt {text-align: left;} .signature_lgcom_wrap .sc1_tit + .sc1_txt, .signature_lgcom_wrap .sc1_subtit + .sc1_txt {margin-top:10px;}/* 210625 Modification due to order change */ .signature_lgcom_wrap .sc1_tit span, .signature_lgcom_wrap .sc1_txt span {display:inline-block;} .signature_lgcom_wrap .sc1_con1 {width:100%; position:relative; overflow:hidden;} .signature_lgcom_wrap .sc1_con1 .sc1_inner {max-width:896px;}/* 210625 Added maximum width limit */ .signature_lgcom_wrap .sc1_con1 .sc1_tit, .signature_lgcom_wrap .sc1_con1 .sc1_txt {text-align:center;} .signature_lgcom_wrap .sc1_con2_1 .sc1_tit, .signature_lgcom_wrap .sc1_con2_2 .sc1_tit, .signature_lgcom_wrap .sc1_con2_3 .sc1_tit {font-size: 18px;}/* 210624 Style Modification */ .signature_lgcom_wrap .sc1_con1_vdo_play {position:relative; margin-top:6.454545455%; cursor:pointer;}/* 210625 Remove sc1_con1_vdo_play's inner styles */ /* 210625 remove sc1_con1_btm */ .signature_lgcom_wrap .sc1_con2 {width:100%; position:relative; padding:114px 0 115px;} .signature_lgcom_wrap .sc1_con2_0 {margin-top: 170px; padding:0; background: #262626; overflow: hidden;}/* 210624 Modification due to Add anchor again */ .signature_lgcom_wrap .sc1_con2_0 .sc1_inner {max-width:896px; margin:120px auto 97px;}/* 210624 Modification due to Add anchor again */ .signature_lgcom_wrap .sc1_con2_0 .sc1_tit, .signature_lgcom_wrap .sc1_con2_0 .sc1_txt {text-align:center;} /* s: 210624 Add anchor again */ .signature_lgcom_wrap .sc1_con2_nav_wrap {width:100%; height:65px; position:relative;} .signature_lgcom_wrap .sc1_con2_nav {width:100%; position:absolute; left:0; top:0; background:#262626;} .signature_lgcom_wrap.sc1con2On .sc1_con2_nav {position:fixed; z-index:98;} .signature_lgcom_wrap.sc1con2On .signature_lgcom_header, .signature_lgcom_wrap.sc1con2On.scrU.sc1scrAni .signature_lgcom_header {display:none;} .signature_lgcom_wrap.sc1con2On.scrU .signature_lgcom_header {display:block;} .signature_lgcom_wrap .sc1_con2_nav_list_wrap {width: 100%; max-width: 1118px; position:relative; margin: 0 auto; text-align:center; font-size: 0;} .signature_lgcom_wrap .sc1_con2_nav_list {display:inline-block; width:25%; position:relative;} .signature_lgcom_wrap .sc1_con2_nav_list + .sc1_con2_nav_list {margin-left:12.5%;} .signature_lgcom_wrap .btn_sc1_con2 {display:inline-block; width:100%; position:relative; padding-bottom:9px; border-bottom:solid 2px rgba(255, 255, 255, 0); box-sizing:border-box; transition:all 0.3s; font-family: 'Gotham Medium', sans-serif; font-size: 20px; line-height: 2.7; letter-spacing: -0.005em; text-align: center; color: rgba(255, 255, 255, 0.4); cursor:pointer;} .signature_lgcom_wrap .btn_sc1_con2.on {color:#fff; border-bottom:solid 2px rgba(255, 255, 255, 1);} .signature_lgcom_wrap.sc1con2On .btn_sc1_con2 {padding-top:9px;} /* e: 210624 Add anchor again */ .signature_lgcom_wrap .sc1_con2_1 {background:#1C1C1C;} .signature_lgcom_wrap .sc1_con2_2 {background:#262626;} .signature_lgcom_wrap .sc1_con2_3 {background:#1C1C1C;} .signature_lgcom_wrap .sc1_con2_list_wrap {width:100%; margin-top:6.681818182%;/*73.5*/ font-size:0;} .signature_lgcom_wrap .sc1_con2_list_wrap.mobile {width:1px; height:1px; position:absolute; left:-999px; top:-999px; opacity:0; overflow:hidden; pointer-events:none;}/* 210625 Add mobile mode */ /* 210729 추가 - 타이틀 두줄로 됐을때 떨어지는 현상 수정 */ .signature_lgcom_wrap .sc1_con2_list_wrap_in {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} .signature_lgcom_wrap .sc1_con2_list_wrap_in .sc1_con2_list {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column;} .signature_lgcom_wrap .sc1_con2_list {display:inline-block; width:32.18%; font-size:0; vertical-align:top;} .signature_lgcom_wrap .sc1_con2_list + .sc1_con2_list {margin-left:1.7%;}/* 210625 Remove wide mode */ .signature_lgcom_wrap .sc1_con2_list.bin {padding-top: 39px;} .signature_lgcom_wrap .sc1_con2_list_tit {width:100%; position:relative; font-family: 'Gotham Medium', sans-serif; font-size: 18px; line-height: 2.22; color: #FFFFFF;} .signature_lgcom_wrap .sc1_con2_list_tit:before {content:''; display:block; width:100%; height:1px; position:absolute; left:0; top:50%; background:#555;} .signature_lgcom_wrap .sc1_con2_list_tit span {display:inline-block; position:relative; padding-right:17px; vertical-align:top; line-height:1.56;} .signature_lgcom_wrap .sc1_con2_1 .sc1_con2_list_tit span {background:#1C1C1C;} .signature_lgcom_wrap .sc1_con2_2 .sc1_con2_list_tit span {background:#262626;} .signature_lgcom_wrap .sc1_con2_3 .sc1_con2_list_tit span {background:#1C1C1C;} .signature_lgcom_wrap .sc1_con2_list_img {display:block; width:100%; position:relative;}/* 210625 Change display and remove wide mode */ .signature_lgcom_wrap .sc1_con2_list_txt {position:absolute; left:7.627118644%; bottom:0; font-family: 'Gotham Book', sans-serif; font-size: 16px; line-height: 3.37; letter-spacing: -0.005em; color: #FFFFFF;} .signature_lgcom_wrap .sc1_con3 {overflow: hidden;} .signature_lgcom_wrap .sc1_con3 .sc1_inner {width: 80%; max-width:896px;}/* 210625 Add sc1_con3's sc1_inner style */ .signature_lgcom_wrap .sc1_con3 .sc1_tit {margin-top:11.16071428571429%; text-align:center;}/* 210625 change margin */ .signature_lgcom_wrap .sc1_con3 .sc1_txt {width:100%; max-width:636px; margin:10px auto 6.636363636%; text-align:center;} /* s: 210625 Add sc1_con3_img_wrap */ .signature_lgcom_wrap .sc1_con3_img_wrap {position:relative;} .signature_lgcom_wrap .sc1_con3_sld_wrap {width:100%;} .signature_lgcom_wrap .sc1_con3_sldCnt {width:100%;} .signature_lgcom_wrap .sc1_con3_sld_btn {width:50px; height:50px; position:absolute; top:50%; margin-top: -25px; transform: translateY(-150%); opacity: 0.8; transition: opacity 0.3s; cursor:pointer; z-index:2;} .signature_lgcom_wrap .sc1_con3_sld_btn:hover {opacity: 1;} .signature_lgcom_wrap .sc1_con3_sld_btn.prev {left:-10%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_prev.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc1_con3_sld_btn.next {right:-10%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_next.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc1_con3_btn_wrap {margin-top: 20px; text-align:center; font-size:0;} .signature_lgcom_wrap .sc1_con3_btn_wrap.mobile {width:1px; height:1px; position:absolute; left:-999px; top:-999px; opacity:0; overflow:hidden; pointer-events:none;} .signature_lgcom_wrap .sc1_con3_btn {display:inline-block; width: calc(20% - 16px); margin: 0 10px; opacity:0.5; cursor:pointer;} .signature_lgcom_wrap .sc1_con3_btn:first-child {margin-left:0;} .signature_lgcom_wrap .sc1_con3_btn:last-child {margin-right:0;} .signature_lgcom_wrap .sc1Con3On1 .sc1_con3_btn1, .signature_lgcom_wrap .sc1Con3On2 .sc1_con3_btn2, .signature_lgcom_wrap .sc1Con3On3 .sc1_con3_btn3, .signature_lgcom_wrap .sc1Con3On4 .sc1_con3_btn4, .signature_lgcom_wrap .sc1Con3On5 .sc1_con3_btn5, .signature_lgcom_wrap .sc1_con3_btn:hover {opacity:1;} /* e: 210625 Add sc1_con3_img_wrap */ .signature_lgcom_wrap .sc1_con4{width:90%;max-width:1360px;position:relative;margin:12.42647059% auto 0;} .signature_lgcom_wrap .sc1_con4_banner_txt{position:absolute;left:9.191176471%;top:21.81303116%;line-height:1.53;} .signature_lgcom_wrap .sc1_con4_banner_txt:after{content:'';display:block;width:12px;height:19px;position:absolute;right:-10px;top:50%;transform:translate(100%,-50%);background:url('/de/lg-signature/images/sc1/sc1_con4_banner_icon.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc1_con4_banner_txt .sc1_con4_banner {display:block;width:100%;position:relative; color:#fff;} .signature_lgcom_wrap .sc1_con1_vdo_pop {display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index: 999;} .signature_lgcom_wrap .sc1_con1_vdo_pop_inner {width:90%; max-width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size: 0;} .signature_lgcom_wrap .sc1_con1_vdo {width:100%; max-height: 70vh;} .signature_lgcom_wrap .sc1_con1_vdo_pop_close_btn {display:block; width:70px; height:70px; position:absolute; right:0; top:0; transform:translateY(-100%); cursor:pointer; background:#000 url('/de/lg-signature/images/common/signature_lgcom_pop_close_btn.svg?v=0') no-repeat center center / contain;} /* 210630 추가 - 메인 비디오 플레이어 변경 */ .sc1_con1_vdo_pop_in {padding-bottom:53.75%; padding-top: 30px;height: 0;} .main_video {max-width:896px; width:100%; margin-top:6.454545455%;} .main_video .unit {position:relative;} .main_video .player {position:absolute; left:0; top:0; width:100%; height:100%;} .main_video .btn_play {position:absolute; left:50%; top:50%; width:61px; height:61px; margin:-30px 0 0 -30px; z-index:1;} .main_video .btn_play a {display:block; height:100%; border:2px solid #fff; border-radius:50%; box-sizing: border-box;} .main_video .btn_play a:before {content: ""; display: block; position: absolute; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 0; height: 0; background: #fff; -moz-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);} .main_video .btn_play a:after {content: ""; display: block; position: static; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 2px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 12.18px; border-color: transparent transparent transparent #fff; -moz-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition: all 0.1s; transition: all 0.1s;} .main_video .btn_close {display:none; position:absolute; right:0; top:0;} .main_video .btn_close a {display:block; width:70px; height:70px; position:absolute; right: 0; top:0; transform: translateY(-100%); cursor: pointer; background: #000 url(/de/lg-signature/images/common/signature_lgcom_pop_close_btn.svg) no-repeat center center / contain; z-index:100;} .main_video.on .btn_close {display:block;} .signature_lgcom_wrap .sc1_con2_2 .sc1_con2_list:nth-child(3) .sc1_con2_list_tit span{letter-spacing: -0.03vw;} .signature_lgcom_wrap .sc1_con3 .sc1_con3_desc {margin:10px 20px;font-family:'LG Smart RU',sans-serif;font-size:15px;line-height:1.56;letter-spacing:-0.005em;color:#fff;text-align:right;} .signature_lgcom_wrap .signature_lgcom_sc2 {} /* 210702 Remove unused codes about signature_lgcom_sc2 */ .signature_lgcom_wrap .sc2_con_wrap {width:100%; position:relative; padding:163px 0 160px; background: #000;} .signature_lgcom_wrap .sc2_con_inner {width:90%; max-width:1148px; position:relative; margin:0 auto; font-size:0; text-align:left;}/* 210624 Change style for empty element */ .signature_lgcom_wrap .sc2_tit {margin-bottom: 10px; text-align: left;} .signature_lgcom_wrap .sc2_txt {margin-bottom: 6.18466899%; text-align: left;} .signature_lgcom_wrap .sc2_con_box_wrap {width:100%; position:relative;} .signature_lgcom_wrap .sc2_con_box {display:inline-block; width: 30.8362369%; margin-right: 3.7456446%; margin-bottom:4.96515679%; vertical-align:top;} .signature_lgcom_wrap .sc2_con_box.rightLine {margin-right:0;} .signature_lgcom_wrap .sc2_con_box.lastLine {margin-bottom:0;} .signature_lgcom_wrap .sc2_con_link {display:block;} .signature_lgcom_wrap .sc2_con_imgWrap {width:100%; position:relative; overflow:hidden;}/* 210625 remove cursor:pointer */ .signature_lgcom_wrap .sc2_con_imgWrap:after {content:''; display:block; width:96.19047619%; height:96.19047619%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:solid 1px rgba(255,255,255,0.3); box-sizing:border-box; transition: width 0.3s, height 0.3s, border 0.3s; pointer-events: none;}/* 210625 add pointer-events: none */ .signature_lgcom_wrap .sc2_con_link:hover .sc2_con_imgWrap:after {content:''; display:block; width:100%; height:100%; border:solid 1px rgba(255,255,255,1);} .signature_lgcom_wrap .sc2_con_imgCv {opacity:0; transition:opacity 0.5s;} .signature_lgcom_wrap .sc2_con_link:hover .sc2_con_imgCv {opacity:1;} .signature_lgcom_wrap .sc2_con_imgTxt {width:100%; position:absolute; left:0%; bottom:8.86075949%; text-align: center; opacity:0; transition:opacity 0.5s;} .signature_lgcom_wrap .sc2_con_link:hover .sc2_con_imgTxt {opacity:1;} .signature_lgcom_wrap .sc2_con_imgTxt span {padding-bottom:4px; font-family: 'Gotham Medium', sans-serif; font-size: 15px; line-height:1.13333333; color:#fff; border-bottom:solid 1px;} /* s: 210624 Add CTA style */ .signature_lgcom_wrap .sc2_con_imgTxt .link {display:inline-block; padding:9px 20px; font-family: 'Gotham Medium', sans-serif; font-size: 18px; line-height:1.13333333; color:#000; border-bottom:none; background:#fff;} .signature_lgcom_wrap .sc2_con_imgTxt .link + .link {margin-left:8px;} /* e: 210624 Add CTA style */ .signature_lgcom_wrap .sc2_con_txt {position:relative; margin-top:23px; font-family: 'Gotham Medium', sans-serif; font-size: 20px; line-height: 1.1; text-align:left; color:#fff;} .signature_lgcom_wrap .signature_lgcom_sc3 {} /* 210702 Remove unused codes about signature_lgcom_sc3 */ .signature_lgcom_wrap .sc3_con_wrap {width:100%; position:relative; padding:160px 0 0; background: #000; overflow: hidden; pointer-events:auto;}/* 211007 Remove padding-bottom */ .signature_lgcom_wrap .sc3_con_inner {width:100%; max-width:1920px; position:relative; margin:0 auto;} .signature_lgcom_wrap .sc3_con {width:90%; max-width:1515px; position:relative; float:right;} .signature_lgcom_wrap .sc3_con:after {content:''; display:block; width:19%; max-width:290px; height:100%; position:absolute; right:0; top:0; pointer-events:none; background: linear-gradient(270deg,#000,rgba(0,0,0,0)); z-index:1;} .signature_lgcom_wrap .sc3_tit {z-index: 3;} .signature_lgcom_wrap .sc3_txt {max-width: 670px; margin:10px 0 98px; text-align: left; z-index: 2;} .signature_lgcom_wrap .sc3_nav_wrap {width:100%; position:relative;} .signature_lgcom_wrap .sc3_nav_wrap:before {content:''; display:block; width:100%; height:2px; position:absolute; left:0; bottom:0; background:rgba(255, 255, 255, 0.3);} .signature_lgcom_wrap .sc3_nav_sldCnt {width:100%; position:relative;} .signature_lgcom_wrap .sc3_nav_sldWrp {width:100%; position:relative;} .signature_lgcom_wrap .sc3_nav_sld {width: auto; min-width: 100%; font-size:0;} .signature_lgcom_wrap .sc3_article_category {display:inline-block; padding:0 20px 11px; box-sizing:border-box; font-family: 'Gotham Medium', sans-serif; font-size: 24px; line-height: 2.25; letter-spacing: -0.005em; color: #757575; cursor:pointer; transition: color .3s}/* 211027 Add color transition */ .signature_lgcom_wrap .sc3_article_category.on {border-bottom: 2px solid #FFFFFF; color:#fff;} .signature_lgcom_wrap .sc3_article_category:hover {color:#fff;}/* 211027 Add hover styles */ .signature_lgcom_wrap .sc3_article_category_bin {display:inline-block; width:200px; height:10px;} .signature_lgcom_wrap .sc3_article_category span {position:relative; top:-3px; margin-left:6px; padding: .25em 1em; vertical-align: middle; font-size:15px; border:solid 2px; border-radius:.5em; box-sizing:border-box; transition: color .3s, border .3s, background .3s;}/* 211027 Edit styles */ .signature_lgcom_wrap .sc3_article_category:hover span, .signature_lgcom_wrap .sc3_article_category.on span {border-color:#fff; background:#fff; color:#000;}/* 211027 Add hover and on styles */ .signature_lgcom_wrap .sc3_article_cat_info {position: relative; margin:25px 0 55px; font-family: 'Gotham Book', sans-serif; font-size: 18px; line-height: 1.56; letter-spacing: -0.005em; text-align:left; color: #FFFFFF; z-index: 2;} .signature_lgcom_wrap .sc3_article_cat_info span {display: inline-block;} .signature_lgcom_wrap .sc3_article_sld_wrap {width:100%; position:relative; clear: both;}/* 211007 Add clear */ .signature_lgcom_wrap .sc3_article_sldCnt {width:100%; padding-bottom:72px;}/* 211007 Add padding-bottom */ /* s: 211007 Edit magazine's layout - Add sc3_article_sldCnt's side shadow */ .signature_lgcom_wrap .sc3_article_sldCnt:before, .signature_lgcom_wrap .sc3_article_sldCnt:after {content:''; display:block; width: 30%; max-width: 430px; height:100%; position:absolute; right:0; top:0; pointer-events:none; z-index:2;} .signature_lgcom_wrap .sc3_article_sldCnt:before {left:0; background: linear-gradient(90deg,#000,rgba(0,0,0,0));} .signature_lgcom_wrap .sc3_article_sldCnt:after {right:0; background: linear-gradient(270deg,#000,rgba(0,0,0,0));} /* e: 211007 Edit magazine's layout - Add sc3_article_sldCnt's side shadow */ .signature_lgcom_wrap .sc3_article_sldWrp {min-height: 300px; padding-right:30px;} /* 211007 Edit magazine's layout - Remove sc3_article_sld's styles .signature_lgcom_wrap .sc3_article_sld {width:30%; max-width: 342px; position:relative; margin-right:1.58415842%;} .signature_lgcom_wrap .sc3_article_sld:last-child {margin-right:23%;}/* 210625 Edit margin*/ .signature_lgcom_wrap .sc3_article_box {display:block; width:100%; position:relative; color:#fff; overflow: hidden;}/* s: 211007 Add overflow */ .signature_lgcom_wrap .sc3_article_cat {font-family: 'Gotham Bold', sans-serif; font-size: 14px; line-height: 2.29; color: #9C9C9C;}/* 211007 Edit font styles *//* 211027 Delete margin-bottom */ /* s: 211007 Edit magazine's layout - Edit sc3_article_img */ .signature_lgcom_wrap .sc3_article_img {width:100%; position:relative; padding-top:155%; background-repeat:no-repeat; background-position:center center; background-size:auto 80%; transition: background-size .4s; transition-delay:.15s;} .signature_lgcom_wrap .swiper-slide-active .sc3_article_img, .signature_lgcom_wrap .swiper-slide-duplicate-active .sc3_article_img {background-size:auto 100%; transition-delay:0s;} /* e: 211007 Edit magazine's layout - Edit sc3_article_img */ /* 211007 Edit magazine's layout - Remove sc3_article_img's after .signature_lgcom_wrap .sc3_article_img:after {content:''; display:block; width:94.73684211%; height:95.83333333%; position:absolute; left:2.631578947%; top:2.314814815%; border:solid 1px rgba(255, 255, 255, 0.5); box-sizing:border-box; transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s;} .signature_lgcom_wrap .sc3_article_box:hover .sc3_article_img:after {width:100%; height:100%; left:0%; top:0%; border: 1px solid rgba(255, 255, 255, 1);}*/ .signature_lgcom_wrap .sc3_article_tit {min-height: 3.1em; margin-bottom: 21px; font-family: 'Gotham Medium', sans-serif; font-size: 16px; line-height: 1.5; color:#BCBCBC; transition:color .3s;}/* 211007 Edit color *//* 211027 Edit color & Add transition */ .signature_lgcom_wrap .swiper-slide-active .sc3_article_tit, .signature_lgcom_wrap .swiper-slide-duplicate-active .sc3_article_tit {margin-bottom: 10px; font-size: 20px; color: #000000;}/* 211027 Add Title branch */ .signature_lgcom_wrap .sc3_article_txt {font-size:0;} .signature_lgcom_wrap .sc3_article_txt span {font-family: 'Gotham Book', sans-serif; font-size: 15px; line-height: 1.7; color: #000000;}/* 211007 Edit styles */ .signature_lgcom_wrap .sc3_article_txt span + span:before {content:''; display:inline-block; width:1px; height:0.8em; position:relative; margin:0.5em 0.8em 0; vertical-align: top; background:#6a6a6a;}/* 211007 Edit styles */ .signature_lgcom_wrap .sc3_article_sld_btn {width:70px; height:70px; position:absolute; top:50%; transform: translateY(-100%); opacity: 0.8; transition: opacity 0.3s; cursor:pointer; z-index:2;}/* 211007 Edit transform */ .signature_lgcom_wrap .sc3_article_sld_btn:hover {opacity: 1;} .signature_lgcom_wrap .dnnSldBtn .sc3_article_sld_btn {opacity: 0; pointer-events:none; transition:none;} .signature_lgcom_wrap .sc3_article_sld_btn.prev {left:9.768976898%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_prev.svg?v=0') no-repeat center center / contain;}/* 211007 Edit left */ .signature_lgcom_wrap .sc3_article_sld_btn.next {right:9.768976898%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_next.svg?v=0') no-repeat center center / contain;} /* s: 211007 Edit magazine's layout */ .signature_lgcom_wrap .sc3_article_txt_wrap {width:100%; position:absolute; left:0; bottom:0; transform: translateY(25%); padding: 15px 28px calc(8% + 15px); box-sizing: border-box; opacity:0; background:rgba(0,0,0,.4); transition: transform .3s, opacity .3s, padding .3s, background .3s;}/* 211027 Edit styles and Add padding·background transition */ .signature_lgcom_wrap .swiper-slide-prev .sc3_article_txt_wrap, .signature_lgcom_wrap .swiper-slide-next .sc3_article_txt_wrap, .signature_lgcom_wrap .swiper-slide-duplicate-prev .sc3_article_txt_wrap, .signature_lgcom_wrap .swiper-slide-duplicate-next .sc3_article_txt_wrap, .signature_lgcom_wrap .swiper-slide-active .sc3_article_txt_wrap, .signature_lgcom_wrap .swiper-slide-duplicate-active .sc3_article_txt_wrap, .signature_lgcom_wrap .prevPrev .sc3_article_txt_wrap, .signature_lgcom_wrap .nextNext .sc3_article_txt_wrap {transform: translateY(0%); opacity:1; transition: transform .4s, opacity .4s;}/*211027 Add prev and next *//* 211028 Add prevPrev, nextNext */ .signature_lgcom_wrap .swiper-slide-active .sc3_article_txt_wrap, .signature_lgcom_wrap .swiper-slide-duplicate-active .sc3_article_txt_wrap {padding: 15px 28px 17px; background:rgba(255,255,255,.85);}/*211027 Add background branch */ /* s: 211027 Add Text branch */ .signature_lgcom_wrap .sc3_article_cat, .signature_lgcom_wrap .sc3_article_txt {display:none;} .signature_lgcom_wrap .swiper-slide-active .sc3_article_cat, .signature_lgcom_wrap .swiper-slide-duplicate-active .sc3_article_cat, .signature_lgcom_wrap .swiper-slide-active .sc3_article_txt, .signature_lgcom_wrap .swiper-slide-duplicate-active .sc3_article_txt {display:block;} /* e: 211027 Add Text branch */ .signature_lgcom_wrap .swiper-pagination-fraction {font-family: 'Gotham Medium', sans-serif; font-size:18px; color:#757575;} .signature_lgcom_wrap .swiper-pagination-current {color:#fff;} .signature_lgcom_wrap .sc3_article_more_btn_wrap {width:100%; height:250px; text-align:center;}/* 211008 Add wrap */ /* s: 211008 Add inner */ .signature_lgcom_wrap .sc3_article_more_btn_inner {width:100%; position:relative; text-align:center; background:#000;} .signature_lgcom_wrap .sc3_article_more_btn_inner.fixed {position:fixed; left:0; top:0; z-index:2;}/* 211008 Add inner */ .signature_lgcom_wrap .sc3_article_more_btn_inner.ended {position:absolute; top:auto; bottom:0; z-index:2;} /* e: 211008 Add inner */ .signature_lgcom_wrap .sc3_article_more_btn {display: inline-block; min-width: 17.8em; max-width: 90%; position:relative; margin: 90px auto 40px; padding:13px 3em; border: 1px solid #B4B4B4; box-sizing: border-box; font-family: 'Gotham Medium', sans-serif; font-size: 20px; line-height: 1; letter-spacing: -0.005em; text-align:center; color: #B4B4B4; cursor:pointer; transition:background .3s, color .3s;}/* 211008 Edit styles */ .signature_lgcom_wrap .sc3_article_more_btn.on {text-indent: 0em;}/* 211008 Delete text-indent */ .signature_lgcom_wrap .sc3_article_more_btn:before {content:''; display:block; width:54px; height:54px; position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(0deg); background:url('/de/lg-signature/images/common/signature_lgcom_sc3_article_more.svg?v=0') no-repeat right 20px center / 17.5px;} .signature_lgcom_wrap .sc3_article_more_btn.on:before {transform:translateY(-50%) rotate(180deg);} .signature_lgcom_wrap .sc3_article_more_btn:hover {background:#fff; color:#000;}/* 211008 Add hover styles */ .signature_lgcom_wrap .sc3_article_more_btn span {display: inline-block; margin-left: 0.3em; margin-top: 0.1em; font-size: 0.8em; vertical-align: top;}/* 211008 Add counting span */ .signature_lgcom_wrap .sc3_article_more_btn.on span {padding-right: 0.8em;}/* 211008 Add counting span */ .signature_lgcom_wrap .sc3_article_more_wrap {display:none; width:100%; background: #262626;} .signature_lgcom_wrap .sc3_article_more_inner {width: 82%; max-width: 1560px; position:relative; margin:0 auto; padding:240px 0 180px;}/* 211008 Edit padding*/ /* 211027 Edit width & Add max-width */ .signature_lgcom_wrap .sc3_article_more_sctit {padding-bottom:70px; font-family: 'Gotham Medium', sans-serif; font-size: 32px; line-height: 1.69; letter-spacing: -0.005em; color: #FFFFFF;} .signature_lgcom_wrap .sc3_article_more_list_wrap {width:100%;} .signature_lgcom_wrap .sc3_article_more_list {display: inline-block; width:29.23076923%; margin-right:6.153846154%; margin-top:90px; vertical-align: top;}/* 211027 Edit width, margin-right */ .signature_lgcom_wrap .sc3_article_more_list:nth-child(3n) {margin-right:0%;}/* 211027 right edge target change 4n -> 3n */ .signature_lgcom_wrap .sc3_article_more_list:nth-child(1), .signature_lgcom_wrap .sc3_article_more_list:nth-child(2), .signature_lgcom_wrap .sc3_article_more_list:nth-child(3) {margin-top:0px;}/* 211027 Edit first line targets 1234->123 */ .signature_lgcom_wrap .sc3_article_more_box {display:block; width:100%; position:relative; color:#fff;} .signature_lgcom_wrap .sc3_article_more_cat {margin-bottom: 0.625em; font-family: 'Gotham Medium', sans-serif; font-size: 16px; line-height: 2; color: #9C9C9C;}/* 211027 Edit margin-bottom */ .signature_lgcom_wrap .sc3_article_more_img {width:100%; min-height:120px; position:relative; margin-bottom: 17px;}/* 211027 Add min-height */ .signature_lgcom_wrap .sc3_article_more_img:after {content:''; display:block; width:94.73684211%; height:91.47058824%; position:absolute; left:2.631578947%; top:4.117647059%; border:solid 1px rgba(255, 255, 255, 0.5); box-sizing:border-box; transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s;}/* 211027 Edit height, top */ .signature_lgcom_wrap .sc3_article_more_box:hover .sc3_article_more_img:after {width:100%; height:100%; left:0%; top:0%; border: 1px solid rgba(255, 255, 255, 1);} .signature_lgcom_wrap .sc3_article_more_tit {min-height: 3.1em; margin-bottom: 8px; font-family: 'Gotham Book', sans-serif; font-size: 18px; line-height: 1.55; color: #FFFFFF;}/* 211027 Edit styles */ .signature_lgcom_wrap .sc3_article_more_box:hover .sc3_article_more_tit {text-decoration:underline;} .signature_lgcom_wrap .sc3_article_more_txt {font-size:0;} .signature_lgcom_wrap .sc3_article_more_txt span {font-family: 'Gotham Book', sans-serif; font-size: 16px; line-height: 2; color: #9C9C9C;} .signature_lgcom_wrap .sc3_article_more_txt span + span:before {content:''; display:inline-block; width:1px; height:12px; position:relative; margin:10px 17px 0; vertical-align: top; background:#9c9c9c;} /* e: 211007 Edit magazine's layout */ .signature_lgcom_wrap .signature_lgcom_sc4 {} /* 210702 Remove unused codes about signature_lgcom_sc4 */ .signature_lgcom_wrap .sc4_con_wrap {width:100%; position:relative; padding:0; background: #000; overflow:hidden; pointer-events: auto;}/* 211130 Edit padding */ /* s: LOUNGE floating bar */ .signature_lgcom_wrap .sc4_floating_bar {display:none; width:60px; position: fixed; bottom: 80px; right: 40px; transform: translateX(0%); opacity:1; text-align: right; font-size: 14px; line-height: 60px; overflow:hidden; font-family: 'Gotham Book', sans-serif; border:solid 2px #666; color: #fff; pointer-events: auto; z-index: 98; transition: width 0.3s ease-out, transform 0.3s ease-out, opacity 0.3s ease-out;}/* 210625 Edit border width */ /* s: 210624 Change border-width */ .signature_lgcom_wrap.sldOn4 .sc4_floating_bar {display:block;} .signature_lgcom_wrap .sc4_floating_bar:hover, .signature_lgcom_wrap .sc4_floating_bar.focus {width:160px;} .signature_lgcom_wrap .sc4_bar_menu_wrap {width: 160px; margin-right: -100px; text-align: left; -webkit-transition: margin .3s ease-out; transition: margin 0.3s ease-out;} .signature_lgcom_wrap .sc4_floating_bar:hover .sc4_bar_menu_wrap, .signature_lgcom_wrap .sc4_floating_bar.focus .sc4_bar_menu_wrap {margin-right: 0px;} .signature_lgcom_wrap .sc4_bar_menu {width: 100%; background-color: #000;} .signature_lgcom_wrap .sc4_bar_menu_inner {position: relative; width: 100%; height: 60px; border-bottom: 2px solid #666666; box-sizing: content-box;}/* s: 210624 Change border-width */ .signature_lgcom_wrap .sc4_bar_menu:last-child .sc4_bar_menu_inner {border:none;} .signature_lgcom_wrap .sc4_bar_menu_link {display: block; width: 100%; height: 100%; color: inherit; text-decoration: none;} .signature_lgcom_wrap .sc4_bar_menu_icon {width: 26px; height:60px; display: inline-block; line-height: 60px; padding-left:17px; box-sizing: content-box; vertical-align: top;} .signature_lgcom_wrap .sc4_bar_menu_tit {width:110px; display: inline-block; vertical-align: middle; text-align:center;} /* e: LOUNGE floating bar */ .signature_lgcom_wrap .sc4_white_btn {display:inline-block; padding:14px 37px; border:solid 1px #fff; box-sizing:border-box; font-family: 'Gotham Medium', sans-serif; font-size: 15px; line-height: 1.13; letter-spacing: -0.005em; color: #000000; background:#fff; transition:color 0.3s, background 0.3s;} .signature_lgcom_wrap .sc4_white_btn.gold {color: #8c5c30; background:#fff;}/* 211130 Add gold version */ .signature_lgcom_wrap .sc4_info {width:90%; max-width:1360px; position:relative; margin:0 auto 227px; padding:73px 0 100px; border-top: 1px solid #A0A0A0; border-bottom: 1px solid #A0A0A0; box-sizing: border-box; text-align: center;} .signature_lgcom_wrap .sc4_info:before, .signature_lgcom_wrap .sc4_info:after {content:''; display:block; width:calc(100% - 20px); height: 1px; position:absolute; left:10px; background:#666;} .signature_lgcom_wrap .sc4_info:before {top:10px;} .signature_lgcom_wrap .sc4_info:after {bottom:10px;} .signature_lgcom_wrap .sc4_tit {} .signature_lgcom_wrap .sc4_txt {max-width:745px; margin:10px auto 0;} /* 210114 Delete .sc4_program_wrap style */ .signature_lgcom_wrap .sc4_sns_wrap {width:100%; position:relative; padding:106px 0 124px; overflow:hidden; background:#1E1E1E;}/* 211130 Edit background */ /* 211201 Edit background */ /*220116 Edit background */ .signature_lgcom_wrap .sc4_con_tit{text-align: center} .signature_lgcom_wrap .sc4_sns_inner {width:90%; max-width:1064px; position:relative; margin:62px auto 0; font-size:0; text-align:center;} .signature_lgcom_wrap .sc4_sns_inner:before {content:''; display:block; width:2px; height:100%; position:absolute; left:calc(50% - 1px); top:0; background:#999;} .signature_lgcom_wrap .sc4_sns_box {display:inline-block; width:44.17293233%; position:relative; text-align:left; vertical-align:top;} .signature_lgcom_wrap .sc4_sns_box + .sc4_sns_box {margin-left:11.65413534%;} .signature_lgcom_wrap .sc4_sns_profile_wrap {padding-top:3.404255319%;} .signature_lgcom_wrap .sc4_sns_profile_img {display:inline-block; width: 37.0212766%; margin-left: 7.8%; margin-right: 8.4%; vertical-align:top;} .signature_lgcom_wrap .sc4_sns_profile_txt_wrap {display:inline-block; width:46.1%; vertical-align:top;} .signature_lgcom_wrap .sc4_sns_profile_txt_wrap h3 {font-family: 'Gotham Book', sans-serif; font-size: 28px; line-height: 1.14; letter-spacing: -0.005em; color: #FFFFFF;} .signature_lgcom_wrap .sc4_sns_profile_txt_wrap p {margin-top:10px; font-family: 'Gotham Book', sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: -0.005em; color: #FFFFFF;} .signature_lgcom_wrap .sc4_sns_profile_txt_wrap a {margin-top:23px; padding: 14px 17px;}/* 211130 Edit padding */ .signature_lgcom_wrap .sc4_sns_profile_txt_wrap a:hover {color:#fff; background:#000;} .signature_lgcom_wrap .sc4_sns_con_wrap {margin-top:12.12765957%;} .signature_lgcom_wrap .sc4_sns_btn {display:inline-block; width:47.65957447%; letter-spacing: -0.005em; text-align: left; vertical-align: top; color: #FFFFFF; cursor:pointer;}/* 211130 Add vertical-align */ .signature_lgcom_wrap .sc4_sns_btn + .sc4_sns_btn {margin-left:4.680851064%;} .signature_lgcom_wrap .sc4_sns_con_img {position: relative;} .signature_lgcom_wrap .sc4_sns_con_img_txt {width:100%; position:absolute; left:0; top:0; padding:7.589285714% 7.589285714% 0; box-sizing: border-box; font-family: 'Gotham Medium', sans-serif; font-size: 16px; line-height: 1.25; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);} .signature_lgcom_wrap .sc4_sns_con_img_txt span {display:inline-block;} .signature_lgcom_wrap .sc4_sns_con_tit {margin-top:15px; font-family: 'Gotham Medium', sans-serif; font-size: 19.6px; line-height: 1.5;} .signature_lgcom_wrap .sc4_sns_con_tit span {display:inline-block;}/* 211130 Add span */ .signature_lgcom_wrap .sc4_sns_con_tit small {display:block; font-family: 'Gotham Book', sans-serif; font-size:18px;} .signature_lgcom_wrap .sc4_vdo_banner_wrap {position:relative; width:90%; max-width:1360px; margin:140px auto 100px;}/* 211206 Edit margin */ /* s: 211130 Add sc4_vdo_banner's title */ .signature_lgcom_wrap .sc4_vdo_banner_tit_new {text-align:center; margin-bottom:62px;} .signature_lgcom_wrap .sc4_vdo_banner_tit_new span {display:inline-block;} .signature_lgcom_wrap .sc4_vdo_banner_box {width:100%; position:relative;} /* e: 211130 Add sc4_vdo_banner's title */ .signature_lgcom_wrap .sc4_vdo_banner_inner {display:block; width:100%; position: relative;} .signature_lgcom_wrap .sc4_vdo_banner_txt_wrap {width:100%; position:absolute; left:0; top:0; text-align:center;} .signature_lgcom_wrap .sc4_vdo_banner_txt_wrap h3 {margin-top: 9.4%; font-family: 'Edwardian Script ITC', serif; font-size: 100px;}/* 211130 Edit margin-top, font-family */ /* s: 210623 Modification due to wording change */ .signature_lgcom_wrap .sc4_vdo_banner_txt_wrap p {width: 90%; max-width: 28em; margin: 0.5% auto 0;} .signature_lgcom_wrap .sc4_vdo_banner_txt_wrap p span {display:inline-block;} .signature_lgcom_wrap .sc4_vdo_banner_txt_wrap .sc4_white_btn {margin-top: 0%;}/* 211130 Edit margin-top */ /* e: 210623 Modification due to wording change */ .signature_lgcom_wrap .sc4_vdo_banner_inner:hover .sc4_white_btn {color: #fff; background:#000;} .signature_lgcom_wrap .sc4_vdo_banner_inner:hover .sc4_white_btn.gold {color: #fff; background:#8c5c30;}/* 211130 Add gold version */ .signature_lgcom_wrap .sc4_benefit_wrap {width:80%; max-width:1105px; margin:156px auto 0;} .signature_lgcom_wrap .sc4_benefit_wrap .sc4_con_tit {text-align:left;} .signature_lgcom_wrap .sc4_benefit_inner {width:100%; margin-top:65px; padding:5.972850679% 0 6.696832579%; font-size:0; text-align:center; background:#1E1E1E;} .signature_lgcom_wrap .sc4_benefit_box {display:inline-block; width:20.8144796%; position:relative; margin-left:2.44343891403%; vertical-align:top;} .signature_lgcom_wrap .sc4_benefit_box:nth-child(1) {margin-left:0;} .signature_lgcom_wrap .sc4_benefit_box .img_base {width:60.8695652%; margin:0 auto;}/* 210625 Add image width */ .signature_lgcom_wrap .sc4_benefit_tit {margin:30px 0 20px; font-family: 'Gotham Medium', sans-serif; font-size: 20px; line-height: 1.2; letter-spacing: -0.005em; color: #FFFFFF;} .signature_lgcom_wrap .sc4_benefit_link {padding-bottom:3px; font-family: 'Gotham Medium', sans-serif; font-size: 15px; line-height: 1.13; text-align: center; color: rgba(255, 255, 255, 0.6); border-bottom:solid 1px; transition:color 0.3s;} .signature_lgcom_wrap .sc4_benefit_link:hover {color: rgba(255, 255, 255, 1);} .signature_lgcom_wrap .sc4_concierge_wrap {width:80%; max-width:1104px; margin:154px auto 0;} .signature_lgcom_wrap .sc4_concierge_inner {width:100%; margin-top:68px; font-size:0; text-align:center;} .signature_lgcom_wrap .sc4_concierge_box {display:inline-block; width:31.52173913%; position:relative; margin-left:2.717391304%; padding:58px 0 104px; border: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; vertical-align:top; transition:border 0.3s;} .signature_lgcom_wrap .sc4_concierge_box:hover {border: 1px solid rgba(255, 255, 255, 1);} .signature_lgcom_wrap .sc4_concierge_box:nth-child(1) {margin-left:0;} .signature_lgcom_wrap .sc4_concierge_img {width:80%; max-width:174px; margin:0 auto;} .signature_lgcom_wrap .sc4_concierge_tit {margin:8px 0 21px; font-family: 'Gotham Medium', sans-serif; font-size: 28px; line-height: 0.86; letter-spacing: -0.005em; color: #FFFFFF;} .signature_lgcom_wrap .sc4_concierge_link {padding-bottom:3px; font-family: 'Gotham Medium', sans-serif; font-size: 15px; line-height: 1.13; text-align: center; color: rgba(255, 255, 255, 0.6); border-bottom:solid 1px; transition:color 0.3s;} .signature_lgcom_wrap .sc4_concierge_box:hover .sc4_concierge_link {color: rgba(255, 255, 255, 1);} .signature_lgcom_wrap .sc4_comm_btn.sc4_comm_large:after, .signature_lgcom_wrap .sc4_comm_img:after, .signature_lgcom_wrap .sc4_insta_img:after {content:''; display:block; width:70px; height:70px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url('/de/lg-signature/images/sc4/sc4_vdo_play_icon.svg?v=1') no-repeat center center / contain; opacity:0.7; pointer-events:none; transition:opacity 0.3s;} .signature_lgcom_wrap .sc4_comm_img:after {width: 50px; height: 50px;} .signature_lgcom_wrap .sc4_comm_btn.sc4_comm_large:hover:after, .sc4_comm_btn:hover .sc4_comm_img:after, .sc4_insta_btn:hover .sc4_insta_img:after {opacity:1;} .signature_lgcom_wrap .sc4_pop_close_btn {display:block; width:70px; height:70px; position:absolute; right:0; top:0; transform:translateY(-100%); cursor:pointer; background:#000 url('/de/lg-signature/images/common/signature_lgcom_pop_close_btn.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .signature_lgcom_sc4_ytb_pop {display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index: 999;} .signature_lgcom_wrap .sc4_ytb_pop_inner {width:90%; max-width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size: 0;} .signature_lgcom_wrap .sc4_ytb_pop_inner:before {content:''; display:block; width:100%; position:relative; padding-top:56.25%;} .signature_lgcom_wrap #sc4_ytb_player {width:100%; height:100%; position:absolute; left:0; top:0;} .signature_lgcom_wrap .sc4_ytb_pop_close_btn {} .signature_lgcom_wrap .signature_lgcom_sc4_insta_pop {display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index: 999;} .signature_lgcom_wrap .sc4_insta_pop_inner {width:auto; height:80%; max-height:720px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size: 0;} .signature_lgcom_wrap.sc4InstaOn1 .sc4_insta_pop_inner {width:90%; max-width:1000px; height:auto;} .signature_lgcom_wrap .sc4_sns_vdo {display:none; width:auto; height:100%; position:relative;} .signature_lgcom_wrap.sc4InstaOn1 .sc4_sns_vdo {width:100%; height:auto;} .signature_lgcom_wrap.sc4InstaOn1 .sc4_sns_vdo1, .signature_lgcom_wrap.sc4InstaOn2 .sc4_sns_vdo2, .signature_lgcom_wrap.sc4InstaOn3 .sc4_sns_vdo3 {display:block;} .signature_lgcom_wrap .sc4_insta_pop_close_btn {} /* s: 211130 Add contents */ .signature_lgcom_wrap .sc4_jl_wrap {width:100%; background-color:#510b0b; background-repeat:no-repeat; background-position:center top; background-size:1920px auto;}/* 211206 Edit background-color */ .signature_lgcom_wrap .sc4_jl_wrap.top {background-image:url('/de/lg-signature/images/sc4/sc4_jl_bg_top.jpg?v=2');}/* 211201 Version update due to file change */ .signature_lgcom_wrap .sc4_jl_wrap.btm {}/* 211201 Edit background-image *//* 211206 Edit image's version & padding-bottom */ /* 220203 Delete background-image, padding-bottom */ @media (min-width:1920px) { .signature_lgcom_wrap .sc4_jl_wrap {background-size:100vw auto;} } .signature_lgcom_wrap .sc4_jl_partnership {width:100%; position:relative; padding-bottom:8.06451613%;} .signature_lgcom_wrap .sc4_jl_pns_quote {width:100%; position:relative; padding:220px 0 100px; box-sizing:border-box; text-align: left;} .signature_lgcom_wrap .sc4_jl_pns_quote_inner {width:100%; max-width:1240px; position:relative; margin:0 auto;} .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics {width: 73%; position:relative; padding-left:10.08064516%; box-sizing:border-box; font-family: 'Gotham Medium', sans-serif; font-size: 38.21px; letter-spacing: -0.02em; line-height: 1.35; font-style: italic; color:#fff;} .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_in {position:relative;}/* 211206 Add sc4_jl_pns_quote_lyrics_in's styles from CNS */ .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_inb {display:inline-block;} .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm {position: absolute; left: 0%; top: 0%; transform: translate(50%,-26.5%); font-size: 11.29vw; line-height: 1; font-style: normal;} /* s: 211206 Add sc4_jl_pns_quote_lyrics_qm2's styles from CNS */ .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm2 {left:auto; top:auto; transform:translate(0%,0%); right:-198%; bottom:-40%;} @media (max-width: 948px) { .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm2 {right:-70%; bottom:-40%;} } @media (max-width: 908px) { .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm2 {bottom:-33%;} } @media (max-width: 784px) { .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm2 {right:-15%; bottom:-9%;} } @media (max-width: 752px) { .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm2 {right:-31%; bottom:-7%;} } @media (max-width: 720px) { .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm2 {right:-196%; bottom:-40%;} } /* e: 211206 Add sc4_jl_pns_quote_lyrics_qm2's styles from CNS */ .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_color {color:#ba8748;} .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_info {position:relative; padding:2em 10.08064516% 0; box-sizing:border-box; font-family: 'Gotham Book', sans-serif; font-size:18px; color:#fff;} .signature_lgcom_wrap .sc4_jl_pns_info {width:100%; position:relative; padding:70px 0 100px; box-sizing:border-box; background:rgba(149,118,71,0.56);}/* 211201 Edit background */ .signature_lgcom_wrap .sc4_jl_pns_info_inner {width:100%; max-width:1240px; position:relative; margin:0 auto; box-sizing:border-box; text-align:left; overflow:hidden;} .signature_lgcom_wrap .sc4_jl_pns_info_tit {width: 82%; padding-left:10.08064516%; box-sizing:border-box; line-height: 1.3;} .signature_lgcom_wrap .sc4_jl_pns_info_tit span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_pns_info_txt {width:71%; margin-top: 1.5em; padding-left:10.08064516%; box-sizing:border-box;} .signature_lgcom_wrap .sc4_jl_pns_info_txt span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_pns_info_link {display:inline-block; margin-left:10.08064516%; margin-top:2.6em; padding:0.7em 1.8em; font-family: 'Gotham Medium', sans-serif; font-size: 18px; line-height: 1.1; text-align: center; color:#916938; background:#fff; border:solid 1px #fff; transition:color 0.3s, background 0.3s;} .signature_lgcom_wrap .sc4_jl_pns_info_link:hover {color: #fff; background:#8c5c30;} .signature_lgcom_wrap .sc4_jl_pns_image {display:block; width:49.51612903%; position:absolute; left:50%; bottom:0; transform:translateX(32.0846906%); pointer-events: none;} @media (min-width:1240px) { .signature_lgcom_wrap .sc4_jl_partnership {padding-bottom:100px;} .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm {font-size: 140px;} .signature_lgcom_wrap .sc4_jl_pns_image {width:614px;} } .signature_lgcom_wrap .sc4_jl_vdo_wrap {width:100%; overflow: hidden;} .signature_lgcom_wrap .sc4_jl_mv {width:90%; max-width:998px; position:relative; margin:115px auto 78px; text-align:center;} .signature_lgcom_wrap .sc4_jl_mv_tit {} .signature_lgcom_wrap .sc4_jl_mv_txt {width: 95%; margin: 0 auto; padding: 0.28em 0 2.78em;} .signature_lgcom_wrap .sc4_jl_mv_txt span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_mv_box {width:100%; position:relative;} .signature_lgcom_wrap .sc4_jl_mv_box:before {content:''; display:block; width:calc(100% + 28px); height:calc(100% + 28px); position:absolute; left:-14px; top:-14px; border: 1px solid #ba8749; border-image: repeating-linear-gradient(79.66deg, #C09157 -0.36%, #D6B792 50.64%, #BE8F53 100%) 60; box-sizing:border-box; pointer-events: none;} /* 220203 Edit .signature_lgcom_wrap .sc4_jl_mv_btn_play */ .signature_lgcom_wrap .sc4_jl_mv_btn_play{position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;} .signature_lgcom_wrap .sc4_jl_mv_btn_play::after{content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("/de/lg-signature/images/sc4/sc4_vdo_play_icon.svg?v=0") no-repeat center / cover; width: 70px; height: 70px;} /* .signature_lgcom_wrap .sc4_jl_mv_btn_play {display:block; width:61px; height:61px; position:absolute; left:50%; top:50%; transform:translate(-50%,-25%); border:2px solid #fff; border-radius:50%; box-sizing: border-box; cursor: pointer;} .signature_lgcom_wrap .sc4_jl_mv_btn_play:before {content: ""; display: block; position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 0; height: 0; background: #fff; transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);} .signature_lgcom_wrap .sc4_jl_mv_btn_play:after {content: ""; display: block; position: static; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: 2px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 12.18px; border-color: transparent transparent transparent #fff; transition: all 0.1s;} */ .signature_lgcom_wrap .sc4_jl_mv_pop {display:none; width:100%; height:100%; position:fixed; left:0; top:0; background: rgba(0,0,0,0.8); z-index: 999;} .signature_lgcom_wrap .sc4_jl_mv_inner {width: 90%; max-width: 1200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 0;} .signature_lgcom_wrap .sc4_jl_mv_inner:before {content:''; display:block; width:100%; position:relative; padding-top:56.25%;} .signature_lgcom_wrap .sc4_jl_mv_vdo {display:block; width:100%; position:absolute; left:0; top:0;} .signature_lgcom_wrap iframe.sc4_jl_mv_vdo {height:100%;} .signature_lgcom_wrap .sc4_jl_mv_btn_close {display:block; width:70px; height:70px; position:absolute; right:0; top:0; transform: translateY(-100%); background:#000 url('/de/lg-signature/images/common/signature_lgcom_pop_close_btn.svg') no-repeat center center / contain; cursor: pointer;} .signature_lgcom_wrap .sc4_jl_mv_box.mode_iframe:after {content:''; display:block; width:100%; position:relative; padding-top:56.25%; pointer-events:none;}/* 211206 Add mode_iframe */ .signature_lgcom_wrap .sc4_jl_mv_iframe {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}/* 211206 Add sc4_jl_mv_iframe */ .signature_lgcom_wrap .sc4_jl_mv_link_wrap {width:100%; margin-top:62px; font-size: 0;} /* s: 211206 Edit styles for hover */ .signature_lgcom_wrap .sc4_jl_mv_link {display: inline-block; width:16.0555556em; margin:10px 12px 0; padding: 0.7em; box-sizing:border-box; font-family: 'Gotham Medium', sans-serif; font-size: 18px; line-height: 1.2; text-align: center; color: #916938; background: #fff; border:solid 1px #fff; transition:color 0.3s, background 0.3s;} .signature_lgcom_wrap .sc4_jl_mv_link:hover {color: #fff; background:#8c5c30;} .signature_lgcom_wrap .sc4_jl_mv_link.color {color: #000; background: #ba8748; border:solid 1px #ba8748;} .signature_lgcom_wrap .sc4_jl_mv_link.color:hover {color: #916938; background:#fff;} /* s: 211206 Edit styles for hover */ .signature_lgcom_wrap .sc4_jl_mv_link span {display: inline-block;} .signature_lgcom_wrap .sc4_jl_mv_behind {width: 100%; position: relative; margin: 0 auto; text-align:center;} .signature_lgcom_wrap .sc4_jl_mv_behind_tit {width: 80%; max-width: 954px; margin: 0px auto; padding-top:78px;} .signature_lgcom_wrap .sc4_jl_mv_behind_txt {width: 76%; max-width: 906px; margin: 0 auto; padding-top: 0.28em;} .signature_lgcom_wrap .sc4_jl_mv_behind_txt span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_mv_behind_btn_wrap {width:90%; max-width:1360px; height:1px; position:relative; margin:95px auto 34px; background:#cccccc;} .signature_lgcom_wrap .sc4_jl_mv_behind_btn_open {display:block; width:46px; height:46px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:100px; background:#fff; cursor:pointer;} .signature_lgcom_wrap .sc4_jl_mv_behind_btn_bar {display: block; width: 14px; height: 2px; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -1px; background: #000; opacity:1; transition:opacity .3s, transform .3s; z-index:1;} .signature_lgcom_wrap .sc4_jl_mv_behind_btn_bar:nth-child(2) {transform:rotate(90deg);} .signature_lgcom_wrap .sc4_jl_mv_behind.on .sc4_jl_mv_behind_btn_bar {transform:rotate(90deg); opacity:0;} .signature_lgcom_wrap .sc4_jl_mv_behind.on .sc4_jl_mv_behind_btn_bar:nth-child(2) {transform:rotate(180deg); opacity:1;} .signature_lgcom_wrap .sc4_jl_mv_behind_gallery {display:none; width: 80%; max-width: 954px; position:relative; margin: 83px auto 0;} .signature_lgcom_wrap .sc4_jl_mv_behind.on .sc4_jl_mv_behind_gallery {display:block;} .signature_lgcom_wrap .sc4_jl_mv_behind_sld_btn {width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; opacity: 0.8; transition: opacity 0.3s; cursor: pointer; z-index: 2;} .signature_lgcom_wrap .sc4_jl_mv_behind_sld_btn.prev {left: -10%; background: url('/de/lg-signature/images/common/signature_lgcom_sld_prev.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc4_jl_mv_behind_sld_btn.next {right: -10%; background: url('/de/lg-signature/images/common/signature_lgcom_sld_next.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc4_jl_mv_behind_sld_wrap {width: 100%;} .signature_lgcom_wrap .sc4_jl_mv_behind_sldCnt {width: 100%;} .signature_lgcom_wrap .sc4_jl_mv_behind_btnsld_wrap {margin-top: 20px; text-align: center; font-size: 0;} .signature_lgcom_wrap .sc4_jl_mv_behind_btnsld {width: calc(20% - 12.8px); margin-right: 16px;} .signature_lgcom_wrap .sc4_jl_mv_behind_btn {cursor: pointer; background:#000;} .signature_lgcom_wrap .sc4_jl_mv_behind_btn .img_base {opacity: 0.5; cursor: pointer;} .signature_lgcom_wrap .sc4_jl_mv_behind_btnsld.swiper-slide-active .sc4_jl_mv_behind_btn .img_base, .signature_lgcom_wrap .sc4_jl_mv_behind_btn:hover .img_base {opacity: 1;} .signature_lgcom_wrap .sc4_program_sld_btn{position: absolute; top: 235px; left: 0; right: 0; margin: 0 auto; z-index: 3;} .signature_lgcom_wrap .sc4_program_sld_btn button {width: 70px; height: 70px; position:absolute; opacity: .6; transition: opacity 0.3s;} .signature_lgcom_wrap .sc4_program_sld_btn button:hover, .signature_lgcom_wrap .sc4_program_sld_btn button:focus{opacity: 1;} .signature_lgcom_wrap .sc4_program_sld_btn .swiper-button-prev {left: 9.583333333%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_prev.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc4_program_sld_btn .swiper-button-next {right: 9.583333333%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_next.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc4_jl_singalong {margin:189px auto 0; padding-bottom: 100px; text-align:center;} .signature_lgcom_wrap .sc4_jl_singalong_txt {width: 95%; margin: 0 auto; padding: 0.28em 0 2.3em;} .signature_lgcom_wrap .sc4_jl_singalong_txt span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_singalong_vdo_wrap {width: 80%; max-width:998px; position:relative; margin:0 auto;} .signature_lgcom_wrap .sc4_jl_singalong_vdo_wrap:before {content:''; display:block; width:100%; position:relative; padding-top:56.25%;} .signature_lgcom_wrap .sc4_jl_singalong_vdo {display:block; width:100%; height:100%; position:absolute; left:0; top:0;} .signature_lgcom_wrap .sc4_jl_singalong_link {display:inline-block; margin-top:72px; padding:0.7em 1.8em; font-family: 'Gotham Medium', sans-serif; font-size: 18px; line-height: 1.1; text-align: center; color:#916938; background:#fff; border:solid 1px #fff; transition:color 0.3s, background 0.3s;} .signature_lgcom_wrap .sc4_jl_singalong_link:hover {color: #fff; background:#8c5c30;} .signature_lgcom_wrap .sc4_jl_card {width: 100%; position: relative; padding: 82px 0 153px; text-align:center;} .signature_lgcom_wrap .sc4_jl_card_tit {width: 95%; max-width:905px; margin: 0 auto;} .signature_lgcom_wrap .sc4_jl_card_txt {width: 95%; max-width:905px; margin: 0 auto; padding: 0.28em 0 2.3em;} .signature_lgcom_wrap .sc4_jl_card_box {display: block; width: 90%; max-width: 453px; position: relative; margin: 0px auto;} .signature_lgcom_wrap .sc4_jl_card_box:before {content:''; display:block; width:100%; position:relative; padding-top:177.777778%;} .signature_lgcom_wrap .sc4_jl_card_iframe {display:block; width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;} .signature_lgcom_wrap .sc4_jl_gallery {width: 100%; position: relative; margin: 0 auto; padding:150px 0 123px; text-align:center;}/* 211206 Edit padding */ .signature_lgcom_wrap .sc4_jl_gallery_tit {width: 95%; max-width:905px; margin: 0 auto;} .signature_lgcom_wrap .sc4_jl_gallery_txt {width: 95%; max-width:905px; margin: 0 auto; padding: 0.3em 0 3em;}/* 211130 Edit padding */ .signature_lgcom_wrap .sc4_jl_gallery_txt span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_gallery_inner {width: 80%; max-width: 954px; position: relative; margin: 0 auto;} .signature_lgcom_wrap .sc4_jl_gallery_btn_main {width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; opacity: 0.8; transition: opacity 0.3s; cursor: pointer; z-index: 2;} .signature_lgcom_wrap .sc4_jl_gallery_btn_main.prev {left: -10%; background: url('/de/lg-signature/images/common/signature_lgcom_sld_prev.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc4_jl_gallery_btn_main.next {right: -10%; background: url('/de/lg-signature/images/common/signature_lgcom_sld_next.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc4_jl_gallery_sld_wrap {width: 100%;} .signature_lgcom_wrap .sc4_jl_gallery_sldCnt {width: 100%;} .signature_lgcom_wrap .sc4_jl_gallery_sldWrp {} .signature_lgcom_wrap .sc4_jl_gallery_sld {} .signature_lgcom_wrap .sc4_jl_gallery_info {text-align: center; color:#fff;} .signature_lgcom_wrap .sc4_jl_gallery_info_tit {margin-top:1.23em; font-family: 'Gotham Medium', sans-serif; font-size: 26px; line-height: 1.1;} .signature_lgcom_wrap .sc4_jl_gallery_info_txt {margin: 0.5em 0 0.7em; font-family: 'Gotham Book', sans-serif; font-size: 18px; line-height: 1.3;} .signature_lgcom_wrap .sc4_jl_gallery_info_link {display: inline-block; position:relative; padding: 0.3em 0.5em; font-family: 'Gotham Medium', sans-serif; font-size: 18px; line-height: 1.1; color:#ba8748;} .signature_lgcom_wrap .sc4_jl_gallery_info_link:hover {color:#d9a86b;} .signature_lgcom_wrap .sc4_jl_gallery_info_link:after {content:''; display:block; width:calc(100% - 1em); position:absolute; left: .5em; bottom:.2em; border-bottom:solid 1px;} .signature_lgcom_wrap .sc4_jl_gallery_btn_wrap {margin-top: 35px; text-align: center; font-size: 0;} .signature_lgcom_wrap .sc4_jl_gallery_btn_wrap.mobile {width:1px; height:1px; position:absolute; left:-999px; top:-999px; opacity:0; overflow:hidden; pointer-events:none;} .signature_lgcom_wrap .sc4_jl_gallery_btnsldCnt {} .signature_lgcom_wrap .sc4_jl_gallery_btnsldWrp {} .signature_lgcom_wrap .sc4_jl_gallery_btnsld {} .signature_lgcom_wrap .sc4_jl_gallery_btn {display: inline-block; width: calc(20% - 13px); margin: 0 8px; cursor: pointer; background:#000;} .signature_lgcom_wrap .sc4_jl_gallery_btn:first-child {margin-left: 0;} .signature_lgcom_wrap .sc4_jl_gallery_btn:last-child {margin-right: 0;} .signature_lgcom_wrap .sc4_jl_gallery_btn .img_base {opacity: 0.5;} .signature_lgcom_wrap .sc4_jl_gallery.on1 .sc4_jl_gallery_btn1 .img_base, .signature_lgcom_wrap .sc4_jl_gallery.on2 .sc4_jl_gallery_btn2 .img_base, .signature_lgcom_wrap .sc4_jl_gallery.on3 .sc4_jl_gallery_btn3 .img_base, .signature_lgcom_wrap .sc4_jl_gallery.on4 .sc4_jl_gallery_btn4 .img_base, .signature_lgcom_wrap .sc4_jl_gallery.on5 .sc4_jl_gallery_btn5 .img_base, .signature_lgcom_wrap .sc4_jl_gallery_btn:hover .img_base {opacity: 1;} .signature_lgcom_wrap .sc4_outro_wrap {width:100%; position:relative; margin:240px auto 0; text-align:center;}/* 211206 Edit margin */ .signature_lgcom_wrap .sc4_outro_tit {margin-bottom: 1em;} .signature_lgcom_wrap .sc4_outro_tit span {display:inline-block;} /* s: 211206 Add sc4_outro_box */ .signature_lgcom_wrap .sc4_outro_box {display:inline-block; width:90%; max-width:999px; position:relative; margin: 32px 0 10px; color:#fff; text-align:center; vertical-align:top;} .signature_lgcom_wrap .sc4_outro_wrap.mode2 .sc4_outro_box {width: 33.0208333%; max-width: 634px;} .signature_lgcom_wrap .sc4_outro_wrap.mode2 .sc4_outro_box + .sc4_outro_box {margin-left: 3.8%;} .signature_lgcom_wrap .sc4_outro_con_subtit {font-family: 'Gotham Book', sans-serif; font-size: 20px; line-height: 1.55;} .signature_lgcom_wrap .sc4_outro_con_tit {font-family: 'Gotham Medium', sans-serif; font-size:26px; line-height:1.3;} /* s: 211206 Add sc4_outro_box */ .signature_lgcom_wrap .sc4_outro {width:100%; position: relative; margin-top: 40px;}/* 211206 Edit styles */ .signature_lgcom_wrap .sc4_outro:before {content:''; display:block; width:calc(100% + 28px); height:calc(100% + 28px); position:absolute; left:-14px; top:-14px; border: 1px solid #ba8749; border-image: repeating-linear-gradient(79.66deg, #C09157 -0.36%, #D6B792 50.64%, #BE8F53 100%) 60; box-sizing:border-box; pointer-events: none;} /* .signature_lgcom_wrap .sc4_outro.mode_vdo:before {content:''; display:block; width:100%; position:relative; padding-top:56.25%; background:rgba(0,0,0,.63);} *//* 211206 Delete mode_vdo's before styles */ .signature_lgcom_wrap .sc4_outro.mode_vdo:after {content:''; display:block; width:100%; position:relative; padding-top:56.25%; pointer-events: none;}/* 211206 Add mode_vdo's before styles */ .signature_lgcom_wrap .sc4_outro_info {width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); font-family: 'Gotham Medium', sans-serif; font-size:32px; line-height:1.5; color:#fff; text-align:center;} .signature_lgcom_wrap .sc4_outro_vdo {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}/* 211206 Add sc4_outro_vdo's styles */ /* e: 211130 Add contents */ /* s: 220203 Add Contents*/ .signature_lgcom_wrap .sc4_comm_wrap{color: #fff; font-family: "Gotham Medium", sans-serif; font-size: 16px; word-break: keep-all;} .signature_lgcom_wrap .sc4_comm_vip_event{padding: 130px 0; background: linear-gradient(to bottom, #000, #1d1d1d); width:100%; position:relative; overflow:hidden;} .signature_lgcom_wrap .sc4_comm_vip_event:before {content:''; display:block; width:30%; height:100%; position:absolute; left:0%; top:0; pointer-events:none;background: linear-gradient(450deg,#000,rgba(0,0,0,0)); z-index:2;} .signature_lgcom_wrap .sc4_comm_vip_event:after {content:''; display:block; width:30%; height:100%; position:absolute; right:0; top:0; pointer-events:none; background: linear-gradient(270deg,#000,rgba(0,0,0,0)); z-index:2;} .signature_lgcom_wrap .sc4_comm_tit{padding: 0 0 1%; text-align: center;} .signature_lgcom_wrap .sc4_comm_tit h2{font-size: 32px; font-family: "Gotham Medium", sans-serif; line-height: 1.5;} .signature_lgcom_wrap .sc4_comm_se_txt{width: 800px; margin: 0 auto;} .signature_lgcom_wrap .sc4_comm_se_txt strong{font-size: 20px; color: #999; padding-top: 2em; display: block;} .signature_lgcom_wrap .sc4_comm_se_txt h3{font-size: 26px; padding: 1em 0; line-height: 1.5;} .signature_lgcom_wrap .sc4_comm_se_txt p{font-size: 18px; line-height: 1.5; font-family: "Gotham Book", sans-serif; padding-bottom: 1em;} .signature_lgcom_wrap .btn_discover_more{font-size: 15px; color: #000; background: #fff; padding: 1em 1.8em; display: inline-block; text-align: center; border: 1px solid transparent; transition: all 0.3s;} .signature_lgcom_wrap .btn_discover_more:hover, .signature_lgcom_wrap .btn_discover_more:focus{background: #000; color: #fff; border: 1px solid #fff;} .signature_lgcom_wrap .sc4_comm_slider_wrap{width: 100%; position: relative;} .signature_lgcom_wrap .sc4_comm_slider_wrap .swiper-button-prev, .signature_lgcom_wrap .sc4_comm_slider_wrap .swiper-button-next{background: none;} .signature_lgcom_wrap .sc4_comm_slider .swiper-slide img{width: 100%;} /* s: 220524 Add a newsletter */ .signature_lgcom_wrap .sc4_newsletter .sc4_comm_tit{padding-top: 8.1em; padding-bottom: 0.5em; text-align: center} /* e: 220524 Add a newsletter */ .signature_lgcom_wrap .sc4_comm_slider_wrap .swiper-pagination-fraction{color: #fff; top: 106%; bottom: auto; font-family: "Gotham Book", sans-serif !important; font-size: 20px; width: 800px; text-align: right; left: 50%; transform: translateX(-50%);} .signature_lgcom_wrap .sc4_comm_slider_wrap .swiper-pagination-current{font-family: 'Gotham Medium', sans-serif;} .signature_lgcom_wrap .sc4_comm_ambassador{padding: 130px 0; width: 90%; max-width: 1360px; margin: 0 auto;} .signature_lgcom_wrap .sc4_comm_abs_con_wrap{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between;} .signature_lgcom_wrap .sc4_comm_abs_con{width: calc(100% / 3); box-sizing: border-box;} .signature_lgcom_wrap .sc4_comm_abs_con:first-child, .signature_lgcom_wrap .sc4_comm_abs_con:nth-child(2){margin-right: 2.1875%;} .signature_lgcom_wrap .sc4_comm_abs_con:last-child, .signature_lgcom_wrap .sc4_comm_abs_con:nth-child(2){margin-left: 2.1875%;} .signature_lgcom_wrap .sc4_comm_abs_con h3{font-size: 22px; padding: 2em 0 1em 0; font-family: "Gotham Book", sans-serif;} .signature_lgcom_wrap .sc4_comm_abs_main{position: relative; width: 100%; margin-bottom: 34px;} .signature_lgcom_wrap .sc4_comm_abs_btn_play{position: relative; cursor: pointer; color: #fff; font-family: 'Gotham Medium', sans-serif;} .signature_lgcom_wrap .sc4_comm_abs_btn_play::after{content:""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background: url("/de/lg-signature/images/sc4/sc4_vdo_play_icon.svg?v=0") no-repeat center / cover; z-index: 1; opacity: .7; transition: opacity 0.4s;} .signature_lgcom_wrap .sc4_comm_abs_main h4{position: absolute; left: 4.68627451%; bottom: 9.411764706%; font-size: 25px; text-align: center; font-family: "Gotham Book", sans-serif; line-height: 1.4;} .signature_lgcom_wrap .sc4_comm_abs_con:first-child .sc4_comm_abs_main h4{text-align: left; left: 5.5%; bottom: 6.411764706%;} .signature_lgcom_wrap .sc4_abs_behind_btn_open{position: relative; width: 100%; height: 1px; background: #ffffff80;} .signature_lgcom_wrap .sc4_abs_behind_btn_open button{position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -23px; width: 46px; height: 46px; background: #fff; border-radius: 50%; cursor: pointer; transition: background 0.3s, transform 1s;} .signature_lgcom_wrap .sc4_abs_behind_btn_open button:hover, .signature_lgcom_wrap .sc4_abs_behind_btn_open button:focus{background: #ddd; transform: rotate(360deg);} .signature_lgcom_wrap .sc4_abs_behind_btn_open button::before, .signature_lgcom_wrap .sc4_abs_behind_btn_open button::after{content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 30.4348%; height: 2px; background: #000; margin-top: -1px; margin-left: -15%;} .signature_lgcom_wrap .sc4_abs_behind_btn_open button::after{transform: rotate(90deg);} .signature_lgcom_wrap .sc4_abs_behind_btn_open.active button::after{transform: rotate(0deg);} /* .signature_lgcom_wrap .sc4_comm_abs_behind_sub{visibility: hidden; max-height: 0; opacity: 0;} */ .signature_lgcom_wrap .sc4_comm_abs_behind_sub ul{padding: 30px 0;} .signature_lgcom_wrap .sc4_comm_abs_behind_sub ul li{padding: 28px 0; border-bottom: 1px solid #ffffff20;} .signature_lgcom_wrap .sc4_comm_abs_behind_sub ul li:first-child{padding: 14px 0 28px;} .signature_lgcom_wrap .sc4_comm_abs_behind_sub ul li:last-child{border-bottom: 2px solid #ffffff60;} .signature_lgcom_wrap .sc4_comm_abs_sub{position: relative; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; cursor: pointer;} .signature_lgcom_wrap .sc4_comm_con_txt{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; width: 50%; min-height: 163px; text-align: left;} .signature_lgcom_wrap .sc4_comm_con_txt strong{font-family: "Gotham Medium", sans-serif; color: #999; font-size: 13px; display: inline-block; text-align: left;} .signature_lgcom_wrap .sc4_comm_con_txt h4{font-family: "Gotham Medium", sans-serif; color: #fff; font-size: 18px; line-height: 1.35; padding-top: 0.4em; text-align: left;} .signature_lgcom_wrap .sc4_comm_sub_txt{color: #999; font-size: 15px;} .signature_lgcom_wrap .sc4_comm_sub_txt span{display: block; font-family: 'Gotham Book', sans-serif; line-height: 1.5; text-align: left;} .signature_lgcom_wrap .sc4_comm_con_img{position: relative; overflow: hidden; text-align: right;} .signature_lgcom_wrap .sc4_comm_con_img::after{content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background: url("/de/lg-signature/images/sc4/sc4_vdo_play_icon.svg") no-repeat center / cover;} .signature_lgcom_wrap .sc4_obs_wrap{padding: 130px 0; text-align: center;} .signature_lgcom_wrap .sc4_obs_banner{position: relative; width: 90%; max-width: 1360px; margin: 0 auto; color: #fff; box-sizing: border-box} .signature_lgcom_wrap .sc4_obs_banner img{max-width: 100%;} .signature_lgcom_wrap .sc4_obs_txt{position: absolute; top: 10%; left: 50%; transform: translateX(-50%);} .signature_lgcom_wrap .sc4_obs_txt h2{font-size: 32px; font-family: 'Gotham Medium', sans-serif;} .signature_lgcom_wrap .sc4_obs_txt p{font-size: 18px; padding: 1.5em 0 1.8em; font-family: 'Gotham Book', sans-serif;} .signature_lgcom_wrap .sc4_obs_txt a{font-size: 15px; background: #fff; color: #000; padding: 15px 20px; display: inline-block; border: 1px solid transparent; font-family: 'Gotham Medium', sans-serif; transition: all 0.3s;} .signature_lgcom_wrap .sc4_obs_txt a:hover, .signature_lgcom_wrap .sc4_obs_wrap a:focus{background: #000; color: #fff; border: 1px solid #fff;} .signature_lgcom_wrap .sc4_hover_img{overflow: hidden;} .signature_lgcom_wrap .sc4_hover_img img{transition: all 0.5s; max-width: 100%;} .signature_lgcom_wrap .sc4_hover_img:hover img, .signature_lgcom_wrap .sc4_hover_img:focus img{transform: scale(1.05);} .signature_lgcom_wrap .sc4_hover_img:hover::after, .signature_lgcom_wrap .sc4_hover_img:focus::after{opacity: 1;} /* 220203 Move .sc4_program_wrap style -> .sc4_comm_vip_event */ @media (min-width: 1920px) { /* 220203 Move .signature_lgcom_wrap .sc4_program_wrap:before, .sc4_program_wrap:after ->.signature_lgcom_wrap .sc4_comm_vip_event */ } .signature_lgcom_wrap .sc4_program_wrap{min-height: 760px;} .signature_lgcom_wrap .sc4_program_inner {width:100%; max-width:1920px; position:relative; margin:0 auto;} .signature_lgcom_wrap .sc4_program_con {/* width:90%; max-width:1515px; float:right; */ position:relative;} .signature_lgcom_wrap .sc4_program_tit {position:relative; z-index:2;} .signature_lgcom_wrap .sc4_program_txt {position:relative; z-index:2;} .signature_lgcom_wrap .sc4_program_sld_wrap {width:100%; margin:3.630363036% 0 0;} .signature_lgcom_wrap .sc4_program_sldCnt {width:100%; overflow: visible;} .signature_lgcom_wrap .sc4_program_sldWrp {min-height: 300px; padding-right:30px;} .signature_lgcom_wrap .sc4_program_sld {width:566px; max-width: 566px; position:relative; margin: 0 40px; pointer-events: none;} /* .signature_lgcom_wrap .sc4_program_sld:last-child {margin-right:23%;}210625 Edit margin */ .signature_lgcom_wrap .sc4_program_sld.swiper-slide-active a{pointer-events: auto} .signature_lgcom_wrap .sc4_program_sld.swiper-slide-active a > *:not(.sc4_program_box_img), .signature_lgcom_wrap .sc4_program_sld.swiper-slide-active .swiper-pagination-fraction.onM{opacity: 1; visibility: visible; max-height: fit-content; width: 120%;} .signature_lgcom_wrap .sc4_program_sld.swiper-slide-active .swiper-pagination-fraction.onM{margin-top: 2em;} .signature_lgcom_wrap .sc4_program_sld a > *:not(.sc4_program_box_img), .signature_lgcom_wrap .swiper-pagination-fraction.onM{opacity: 0; visibility: hidden; max-height: 0;} .signature_lgcom_wrap .sc4_program_sld a{pointer-events: none} .signature_lgcom_wrap .sc4_program_box {display:block; width:100%; position:relative; color:#fff;} .signature_lgcom_wrap .sc4_program_box_img {margin-bottom:17px; position:relative; overflow:hidden;} .signature_lgcom_wrap .sc4_program_box_img .sc4_program_jl_ytb_pop_btn_open{} /* 220203 program john legend video popup */ #jlVideoDim{width: 100%; height: 100vh; background: #000; opacity: .7; position: fixed; top:0; left:0; z-index: 100} .sc4_program_jl_ytb_pop{position: fixed; z-index: 101; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: hidden;} .signature_lgcom_wrap .sc4_program_box_img img {transform-origin: center center; transform: scale(1); transition: transform 0.5s;} .signature_lgcom_wrap .sc4_program_box:hover .sc4_program_box_img img {transform: scale(1.05);} .signature_lgcom_wrap .sc4_program_box.comingup:hover .sc4_program_box_img img, .signature_lgcom_wrap .sc4_program_box.closed:hover .sc4_program_box_img img {transform: scale(1);}/* 210625 Add comingup mode */ .signature_lgcom_wrap .sc4_program_box.closed .sc4_program_box_img:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background: rgba(78, 78, 78, 0.74); z-index:2;} .signature_lgcom_wrap .sc4_program_box.closed .sc4_program_box_img:after {content:'*Closed'; display:block; width:100%; position:absolute; left:0; top:35.56149733%; font-family: 'Gotham Medium', sans-serif; font-size: 32px; line-height: 1; text-align: center; color: #FFFFFF; z-index:2;} .signature_lgcom_wrap .sc4_program_box_top_cat{font-size: 18px; padding-bottom: 15px; max-height: fit-content !important; font-family: 'Gotham Medium', sans-serif; color: #7c7c7c;} .signature_lgcom_wrap .sc4_program_box_cat {font-family: 'Gotham Medium', sans-serif; font-size: 16px; line-height: 2; color: #9C9C9C;} /* s: 210623 Modification due to program list structure change */ .signature_lgcom_wrap .sc4_program_box_tit {margin-bottom: 0.7em; font-family: 'Gotham Medium', sans-serif; font-size: 20px; line-height: 1.55; color: #FFFFFF;} .signature_lgcom_wrap .sc4_program_box_txt {margin-bottom: 3em; font-family: 'Gotham Book', sans-serif; font-size: 16px; line-height: 1.75; color: #757575;} .signature_lgcom_wrap .sc4_program_box_btn {} .signature_lgcom_wrap .sc4_program_box:hover .sc4_program_box_btn {color: #fff; background:#000;} .signature_lgcom_wrap .sc4_program_sld_btn button{background-image: none} .signature_lgcom_wrap .sc4_program_box_txt_wrap{} .signature_lgcom_wrap .sc4_con_wrap .swiper-pagination-fraction{position: relative; text-align: center; width: 100%; padding-top: 6em; color: #fff; letter-spacing: -0.095em;} /* e: 210623 Modification due to program list structure change */ .signature_lgcom_wrap .sc4_program_sld_btn:hover {opacity: 1;} /* s: 220624 Add DE's SEO Section */ .signature_lgcom_wrap .sc4_de_txt_wrap{font-family: 'Gotham Book', sans-serif; font-size: 18px; line-height: 1.5; text-align: center; color: #fff;} .signature_lgcom_wrap .sc4_comm_wrap .sc4_de_txt_wrap{max-width: 890px; width: 80vw; margin: 0 auto 5em; letter-spacing: -0.005em;} .signature_lgcom_wrap .sc4_comm_wrap + .sc4_de_txt_wrap{max-width: 920px; width: 80vw; margin: 7em auto 5em; letter-spacing: -0.025em;} .signature_lgcom_wrap .sc4_de_txt_wrap p{padding-bottom: 1.5em;} .signature_lgcom_wrap .sc4_de_product_navigator{background-color: #161616;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display: flex; max-width: 1360px; width: 90vw; margin: 0 auto; padding: 5.6em 0 7em;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list a{display: block; text-align: center;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list img{max-width: 100%;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list span{display: block; padding-top: 1em; font-family: 'Gotham Medium', sans-serif; font-size: 22px; color: #fff; text-align: center;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list li:not(:last-child){margin-right: 20px;} /* e: 220624 Add DE's SEO Section */ @media (max-width: 720px) { .signature_lgcom_wrap .sc4_program_wrap{min-height: 580px;} .signature_lgcom_wrap .signature_lgcom_kv_sld_scroll {bottom: 10%;} .signature_lgcom_wrap .kv_sld_bg#kv_sld_bg4 {left: 0%;} .signature_lgcom_wrap .signature_lgcom_kv_sld_txt {opacity:1; pointer-events:auto;} /* 210702 Delete codes */ .signature_lgcom_wrap .kv_sld_txt_wrap p{padding-top: 1em;} .signature_lgcom_wrap .sc4_comm_tit{text-align: left; padding: 0 20px; line-height: 1.5;} .signature_lgcom_wrap .sc4_comm_tit h2{font-size: 23px} .signature_lgcom_wrap .sc4_comm_tit p{font-size: 16px; padding-top: 0.5em;} .signature_lgcom_wrap .sc4_comm_slider{width: calc(276px * 3); margin-left: calc((316px * 3) / -2);} .signature_lgcom_wrap .sc4_comm_slider .swiper-slide{width: 276px !important; height: 255px;} .signature_lgcom_wrap .sc4_comm_slider .swiper-slide img{max-width: 100%;} .signature_lgcom_wrap .sc4_comm_slider_wrap .swiper-pagination-fraction{font-size: 14px; top: 103%; width: 276px; text-align: center;} .signature_lgcom_wrap .sc4_comm_slider_wrap .swiper-button-prev{background: url("/de/lg-signature/images/sc4/sc4_comm_btn_prev.svg") no-repeat center / cover; width: 31px; height: 31px; left: 3.5%} .signature_lgcom_wrap .sc4_comm_slider_wrap .swiper-button-next{background: url("/de/lg-signature/images/sc4/sc4_comm_btn_next.svg") no-repeat center / cover; width: 31px; height: 31px; right: 5%} .signature_lgcom_wrap .sc4_comm_vip_event{padding: 80px 0 60px;} .signature_lgcom_wrap .sc4_comm_vip_event:before {width:0; max-width: 0; background: transparent;} .signature_lgcom_wrap .sc4_comm_vip_event:after {width:0; max-width: 0; background: transparent;} .signature_lgcom_wrap .sc4_comm_special_event{margin-top: 70px;} .signature_lgcom_wrap .sc4_comm_se_txt{width: 1064px; width: 90%; margin: 0 auto;} .signature_lgcom_wrap .sc4_comm_se_txt strong{font-size: 15px;} .signature_lgcom_wrap .sc4_comm_se_txt h3{font-size: 22px; line-height: 1.5;} .signature_lgcom_wrap .sc4_comm_se_txt p{font-size: 17.5px; line-height: 1.5;} .signature_lgcom_wrap .btn_discover_more{font-size: 13.5px; padding: 0.8em 1em;} .signature_lgcom_wrap .sc4_comm_ambassador{padding: 73px 0 54.6875px;} .signature_lgcom_wrap .sc4_comm_ambassador .sc4_comm_tit{padding: 0;} .signature_lgcom_wrap .sc4_comm_abs_con h3{font-family: "Gotham Book", sans-serif; font-size: 17px; padding: 1em 0 2em 0;} .signature_lgcom_wrap .sc4_comm_abs_con_wrap{flex-direction: column; -webkit-flex-direction: column;} .signature_lgcom_wrap .sc4_comm_abs_con{width: 100%;} .signature_lgcom_wrap .sc4_comm_abs_con:not(.signature_lgcom_wrap .sc4_comm_abs_con1){padding-top: 30px} .signature_lgcom_wrap .sc4_comm_abs_con:first-child, .signature_lgcom_wrap .sc4_comm_abs_con:nth-child(2){padding-right: 0;} .signature_lgcom_wrap .sc4_comm_abs_con:last-child, .signature_lgcom_wrap .sc4_comm_abs_con:nth-child(2){padding-left: 0;} .signature_lgcom_wrap .sc4_comm_abs_con:last-child .sc4_comm_abs_main h4{padding-top: 20px;} .signature_lgcom_wrap .sc4_comm_abs_btn_play::after{width: 80px; height: 80px;} .signature_lgcom_wrap .sc4_comm_abs_main{text-align: center;} .signature_lgcom_wrap .sc4_comm_abs_main h4{font-size: 21.875px; left: 0; text-align: center; width: 100%;} .signature_lgcom_wrap .sc4_abs_behind_btn_open button{width: 29px; height: 29px; margin: -14.5px 0 0 -14.5px} .signature_lgcom_wrap .sc4_abs_behind_btn_open button::before, .signature_lgcom_wrap .sc4_abs_behind_btn_open button::after{height: 1px;} .signature_lgcom_wrap .sc4_comm_abs_behind_sub ul{padding: 30px 0 0;} .signature_lgcom_wrap .sc4_comm_con_txt{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; width: 50%; min-height: 160px;} .signature_lgcom_wrap .sc4_comm_con_txt strong{font-size: 12px;} .signature_lgcom_wrap .sc4_comm_con_txt h4{font-size: 16px; padding-top: 0.5em;} .signature_lgcom_wrap .sc4_comm_sub_txt span{font-size: 13.5px;} .signature_lgcom_wrap .sc4_comm_con_img{width: 50%;} .signature_lgcom_wrap .sc4_comm_abs_behind_sub ul li{padding: 25px 0;} .signature_lgcom_wrap .sc4_comm_abs_behind_sub ul li:first-child{padding: 13px 0 25px} .signature_lgcom_wrap .sc4_obs_wrap{padding: 73px 0;} .signature_lgcom_wrap .sc4_obs_txt{position: static; transform: none;} .signature_lgcom_wrap .sc4_obs_txt h2{font-size: 21.875px; padding: 1em 0 0.5em;} .signature_lgcom_wrap .sc4_obs_txt p{font-size: 14px; line-height: 1.5; text-align: left;} .signature_lgcom_wrap .sc4_obs_txt a{font-size: 13.5px; padding: 10px 15px;} .signature_lgcom_wrap .sc4_program_txt {margin-top:15px;} /* 220203 Delete background .signature_lgcom_wrap .sc4_program_wrap {background: linear-gradient(180deg, #000000 0%, #1D1D1D 100%);} */ .signature_lgcom_wrap .sc4_program_con {width: 100%;} .signature_lgcom_wrap .sc4_program_sld {width: 54.8245614%; margin: 1.853070175%;}/* 210623 Modification due to program list structure change */ .signature_lgcom_wrap .sc4_program_sld:last-child {margin-right: 40%;}/* 210625 Add last-child's style */ .signature_lgcom_wrap .sc4_program_box_img {position: relative; margin-bottom: 2em;} .signature_lgcom_wrap .sc4_program_sld.swiper-slide-prev .sc4_program_box_img::before, .signature_lgcom_wrap .sc4_program_sld.swiper-slide-next .sc4_program_box_img::before{content:''; display:block; width:100%; height:100%; position:absolute; pointer-events:none; pointer-events:none; top: 0; z-index:2;} .signature_lgcom_wrap .sc4_program_sld.swiper-slide-prev .sc4_program_box_img::before {left: 50%; background: linear-gradient(450deg,#000,rgba(0,0,0,0.8),rgba(0,0,0,0.3)); transform: translateX(-50%);} .signature_lgcom_wrap .sc4_program_sld.swiper-slide-next .sc4_program_box_img::before {left: 0; background: linear-gradient(270deg,#000,rgba(0,0,0,0.8),rgba(0,0,0,0.3));} .signature_lgcom_wrap .sc4_program_box_cat {margin-bottom: 1em; font-size: 14.54166667px; line-height: 1.23;} /* s: 210623 Modification due to program list structure change */ .signature_lgcom_wrap .sc4_program_box_tit {font-size: 21.875px; letter-spacing: -0.005em;} .signature_lgcom_wrap .sc4_program_box_txt {margin-bottom: 24px; font-size: 14px; font-family: "Gotham Book", san-selif; line-height: 1.38; color: #999;} .signature_lgcom_wrap .sc4_white_btn{font-size: 14px; padding: 0.7em 1.3em;} /* e: 210623 Modification due to program list structure change */ .signature_lgcom_wrap .sc4_comm_wrap .swiper-pagination-fraction{padding-top: 4em; font-size: 14px; font-family: "Gotham Book", san-selif;} .signature_lgcom_wrap .sc4_comm_wrap .swiper-pagination-fraction .swiper-pagination-current{font-family: "Gotham Medium", san-selif;} /* .signature_lgcom_wrap .sc4_program_sld_btn */ .signature_lgcom_wrap .sc4_program_sld_btn{position: absolute; top: 44.531574vw;} .signature_lgcom_wrap .sc4_program_sld_btn button {width: 30px; height: 30px; position:absolute;} .signature_lgcom_wrap .sc4_program_sld_btn .swiper-button-prev {left: 12.5%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_prev.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc4_program_sld_btn .swiper-button-next {right:12.5%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_next.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc4_program_box_txt_wrap{width: 150% !important; margin-top: 0; margin-left: -17vw;} .signature_lgcom_wrap .sc4_program_box_top_cat{font-size: 18.75px; padding: 1.5em 0 1.8em; margin-left: -17vw;} /* s: 220624 Add DE's SEO Section */ .signature_lgcom_wrap .sc4_comm_wrap .sc4_de_txt_wrap, .signature_lgcom_wrap .sc4_comm_wrap + .sc4_de_txt_wrap{width: 100%; margin: 5em auto 3em; padding: 0 20px; font-size: 15px; text-align: left;} .signature_lgcom_wrap .sc4_comm_wrap .sc4_de_txt_wrap{margin: 1em auto 5em;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list{flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; padding: 3em 0 5em;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list li{width: calc(100% / 2);} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list li:not(:last-child){margin-right: 0;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list li:nth-child(n+3){margin-top: 4em;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list img{width: 137.5px;} .signature_lgcom_wrap .sc4_de_product_navigator .sc4_de_product_list span{font-size: 16px; margin-top: 0;} /* e: 220624 Add DE's SEO Section */ } /* e: 220203 Add Contents*/ .signature_lgcom_wrap .sc5_con_wrap {width:100%; position:relative; padding:183px 0 10vh; background: #000; pointer-events:auto;} /* s: 220530 Remove existing showroom style and add new teaser page style */ .signature_lgcom_wrap .sc5_inner { width: 90%; max-width: 1100px; position: relative; margin: 0 auto; text-align: center} .signature_lgcom_wrap .sc5_inner .signature_lgcom_txt{margin-top: 10px} .signature_lgcom_wrap .sc5_inner .main_video{position: relative; margin: 6.454545455% auto 4%;} .signature_lgcom_wrap .sc5_inner .main_video img{max-width: 100%;} .signature_lgcom_wrap .signature_lgcom_sc5_ytb_pop{display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 999;} .signature_lgcom_wrap .sc5_ytb_pop_inner { width: 90%; max-width: 1200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 0;} .signature_lgcom_wrap .sc5_ytb_pop_inner:before{content: ""; display: block; width: 100%; position: relative; padding-top: 56.25%;} .signature_lgcom_wrap #sc5YtbPlayer{width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .signature_lgcom_wrap .sc5_inner .btn_close_ytb_pop{position: absolute; top: -70px; right: 0; width: 70px; height: 70px; cursor: pointer; background: url("/de/lg-signature/images/common/signature_lgcom_pop_close_btn.svg") no-repeat center / cover} /* e: 220530 Remove existing showroom style and add new teaser page style */ .signature_lgcom_wrap .signature_lgcom_sc6 {display:block; height:1px; position:absolute; left:0; top:-1px; opacity:0; overflow:hidden; pointer-events:none;} .signature_lgcom_wrap.sldOn6 .signature_lgcom_sc6 {height:auto; position:relative; left:0; top:0; opacity:1;} .signature_lgcom_wrap .sc6_con_wrap {width:100%; position:relative; padding:159px 0 0;background:#000; overflow:hidden; pointer-events: auto;} /* 210624 Change menu order */ .signature_lgcom_wrap .sc6_con_wrap .signature_lgcom_tit, .signature_lgcom_wrap .sc6_con_wrap .signature_lgcom_txt {text-align:center;}/* 210625 change only codes location */ .signature_lgcom_wrap .sc6_h4 {font-family: 'Gotham Medium', sans-serif; font-size: 15px; line-height: 1; color:rgba(255, 255, 255, 0.7);} .signature_lgcom_wrap .sc6_h3 {font-family: 'Gotham Medium', sans-serif; font-size: 20px; line-height: 26px; color: #FFFFFF;} .signature_lgcom_wrap .sc6_h4 + .sc6_h3, .signature_lgcom_wrap .sc6_h3 + .sc6_h4 {margin-top:5px;}/* 210625 Add another mode */ .signature_lgcom_wrap .sc6_span {display:inline-block; position:relative; padding-bottom:5px; font-family: 'Gotham Medium', sans-serif; font-size: 15px; line-height: 1.13; text-align: center; color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(255, 255, 255, 0.7);}/* 210625 Edit padding */ .signature_lgcom_wrap .sc6_h3 + .sc6_span, .signature_lgcom_wrap .sc6_h4 + .sc6_span {margin-top:20px;}/* 210625 Add another mode */ .signature_lgcom_wrap .sc6_con4_list .sc6_span {position:absolute; left:50%; bottom:40px; margin-left:-52px;} .signature_lgcom_wrap .sc6_con4_list .sc6_h3 + .sc6_span, .signature_lgcom_wrap .sc6_con4_list .sc6_h4 + .sc6_span {margin-top:0;} .signature_lgcom_wrap .sc6_con1 {width:95%; max-width:1667px; position:relative; margin:0 auto;} .signature_lgcom_wrap .sc6_con1_list_wrap {width:100%; position:relative; margin-top:69px; font-size:0;} .signature_lgcom_wrap .sc6_con1_list {display:inline-block; width:19.00973227%; margin:0 0.36%; vertical-align:top;} .signature_lgcom_wrap .sc6_con1_list:nth-child(2n) {margin-top:3.000084002%;} .signature_lgcom_wrap .sc6_con1_link {display: block; width: 100%; position:relative; overflow:hidden;} .signature_lgcom_wrap .sc6_con1_link .img_cv {opacity:0; transition:opacity 0.3s;} .signature_lgcom_wrap .sc6_con1_link:hover .img_cv {opacity:1;} .signature_lgcom_wrap .sc6_con1_txt_wrap {width:100%; position:absolute; left:0; top:0; padding:30px 30px 0; box-sizing: border-box;} .sc6_con1_txt_wrap h4 {} .sc6_con1_txt_wrap h3 {} .sc6_con1_txt_wrap span {} .signature_lgcom_wrap .sc6_con2 {width:80%; max-width:1355px; position:relative; margin:156px auto 126px;}/* 211027 Edit width */ /* s: 211027 Add sc6_con2_sld_btn */ .signature_lgcom_wrap .sc6_con2_sld_btn {width:70px; height:70px; position:absolute; top: 40%; transform: translateY(-50%); opacity: 0.8; transition: opacity 0.3s; cursor:pointer; z-index:2;} .signature_lgcom_wrap .sc6_con2_sld_btn:hover {opacity: 1;} .signature_lgcom_wrap .sc6_con2_sld_btn.prev {left:-9.768976898%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_prev.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc6_con2_sld_btn.next {right:-9.768976898%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_next.svg?v=0') no-repeat center center / contain;} /* s: 211027 Add sc6_con2_sld_btn */ .signature_lgcom_wrap .sc6_con2_list_wrap {width:100%; position:relative; margin-top:51px; font-size:0;} .signature_lgcom_wrap .sc6_con2_list {display:inline-block; /*width:23.1884058%;*/ vertical-align:top;}/* 211027 Remove width */ .signature_lgcom_wrap .sc6_con2_list + .sc6_con2_list {/*margin-left:1.8%;*/}/* 211027 Remove margin */ .signature_lgcom_wrap .sc6_con2_link {display: block; width: 100%; position:relative; text-align:center; overflow:hidden;} .signature_lgcom_wrap .sc6_con2_img {position:relative; margin-bottom:19px; overflow:hidden;} .signature_lgcom_wrap .sc6_con2_img:after {content:''; display:block; width:calc(100% - 20px); height:calc(100% - 20px); position:absolute; left:10px; top:10px; border: 1px solid rgba(255, 255, 255, 0.5); box-sizing:border-box; transition:width 0.3s, height 0.3s, left 0.3s, top 0.3s, border 0.3s;} .signature_lgcom_wrap .sc6_con2_link:hover .sc6_con2_img:after {width:100%; height:100%; left:0px; top:0px; border: 1px solid rgba(255, 255, 255, 1);} /* s: 210625 Style change by changing sc6_con3_list */ .signature_lgcom_wrap .sc6_con3 {width:100%; position:relative; padding:116px 0 20px; background: linear-gradient(120.62deg, #1E1E1E 19.67%, #131313 75.49%);} .signature_lgcom_wrap .sc6_con3_inner {width:95%; max-width:1155px; position:relative; margin:0 auto;} .signature_lgcom_wrap .sc6_con3_list_wrap {width:100%; position:relative; margin-top:51px; font-size:0; text-align: center;} .signature_lgcom_wrap .sc6_con3_list {display:inline-block; width:30.65%; margin-right:4%; margin-bottom:8.658008658%; vertical-align:top;} .signature_lgcom_wrap .sc6_con3_list:nth-child(3n) {margin-right:0;} .signature_lgcom_wrap .sc6_con3_link {display: block; width: 100%; position:relative; overflow:hidden;} .signature_lgcom_wrap .sc6_con3_img {margin-bottom:20px; position:relative; overflow:hidden;} .signature_lgcom_wrap .sc6_con3_img img {transform-origin: center center; transform: scale(1); transition: transform 0.5s;} .signature_lgcom_wrap .sc6_con3_link:hover .sc6_con3_img img {transform: scale(1.05);} .signature_lgcom_wrap .sc6_con3 .sc6_h4 {color:#757575;} .signature_lgcom_wrap .sc6_con3 .sc6_span {margin-top: 14px; color: #B4B4B4; border-bottom-color: #B4B4B4;} /* e: 210625 Style change by changing sc6_con3_list */ .signature_lgcom_wrap .sc6_con4 {width:95%; max-width:1357px; position:relative; margin:0 auto 156px;}/* 210624 Change menu order */ .signature_lgcom_wrap .sc6_con4 .signature_lgcom_tit {text-align:center;} .signature_lgcom_wrap .sc6_con4 .signature_lgcom_txt {max-width:655px; margin:10px auto 50px; text-align:center;} .signature_lgcom_wrap .sc6_con4_list_wrap {width:100%; position:relative; border:solid 1px #4F4F4F; font-size:0;} /* s: 210625 The overall style has been changed and added by changing the sc6_con4_list. */ .signature_lgcom_wrap .sc6_con4_list_bar_ver {width:1px; height:100%; position:absolute; top:0; background:#4F4F4F;} .signature_lgcom_wrap .sc6_con4_list_bar_ver1 {left:25%;} .signature_lgcom_wrap .sc6_con4_list_bar_ver2 {left:50%;} .signature_lgcom_wrap .sc6_con4_list_bar_ver3 {left:75%;} .signature_lgcom_wrap .sc6_con4_list_inner{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; position:relative; font-size:0;} .signature_lgcom_wrap .sc6_con4_list{display:inline-block; width:25%; position:relative; vertical-align:top; border-top:solid 1px #4F4F4F; box-sizing:content-box; text-align:center;} .signature_lgcom_wrap .sc6_con4_list:nth-child(1),.signature_lgcom_wrap .sc6_con4_list:nth-child(2),.signature_lgcom_wrap .sc6_con4_list:nth-child(3),.signature_lgcom_wrap .sc6_con4_list:nth-child(4){border-top:none;} .signature_lgcom_wrap .sc6_con4_list:after{content:''; display:block; width:calc(100% + 1px); height:calc(100% + 1px); position:absolute; left:0; top:0; border:solid 1px #fff; box-sizing:border-box; opacity:0; transition:opacity 0.3s; pointer-events:none; z-index:1;} .signature_lgcom_wrap .sc6_con4_list:hover:after{opacity:1;} .signature_lgcom_wrap .sc6_con4_link {display:block; width:100%; padding-bottom:40px; overflow: hidden;}/* 210623 padding-bottom modification due to the addition of descriptive text */ .signature_lgcom_wrap .sc6_con4_list .sc6_con4_link {padding-bottom:83px;} .signature_lgcom_wrap .sc6_con4_img {display:block; width:100%; max-width:180px; margin:60px auto 35px;} .signature_lgcom_wrap .sc6_con4_list .sc6_h3 {width: 87%; margin: 0 auto; min-height: 52px;} @media (min-width: 721px) and (max-width: 944px) { .signature_lgcom_wrap .sc6_con4_list .sc6_h3 {min-height: 3.9em;} } /* s: 210623 Modification due to the addition of descriptive text */ .signature_lgcom_wrap .sc6_con4_list .sc6_h4 {width: 90%; min-height: 3em; line-height: 1.5; margin: 5px auto 0;} @media (min-width: 721px) and (max-width: 1020px) { .signature_lgcom_wrap .sc6_con4_list .sc6_h4 {min-height: 4.5em;} } /* e: 210623 Modification due to the addition of descriptive text */ .signature_lgcom_wrap .sc6_con4_list .sc6_h3 + .sc6_span {margin-top: 15px;} .signature_lgcom_wrap .sc6_con4_list .sc6_span {transition:color 0.3s, border 0.3s;} .signature_lgcom_wrap .sc6_con4_list .sc6_span.null {border-bottom: none;}/* 210624 Add null status */ .signature_lgcom_wrap .sc6_con4_list:hover .sc6_span {color:#fff; border-color:#fff;}/* 210623 margin-top modification due to the addition of descriptive text */ /* e: 210625 The overall style has been changed and added by changing the sc6_con4_list. */ @media (min-aspect-ratio: 1920/1080) { .signature_lgcom_wrap .kv_sld_bg {width:100%; height: auto;} } /* 210625 Add media query for showroom area */ @media (min-width: 721px) and (max-width: 1300px) { .signature_lgcom_wrap .sc5_con_nav_wrap {width: 300px;} .signature_lgcom_wrap .sc5_con_sty {font-size: 32px;} .signature_lgcom_wrap .sc5_sld_wrap {width:calc(100% - 300px); margin-left:300px;} } /* 210625 Add media query for showroom area */ @media (max-width: 720px) { .signature_lgcom_wrap .kv_sld_bg#kv_sld_bg4 {left: 50%;}/* 211130 Edit left */ .signature_lgcom_wrap .signature_lgcom_kv_sld_txt {opacity:1; pointer-events:auto;} /* 210702 Delete codes */ .signature_lgcom_wrap .signature_lgcom_kv_sld_txt .kv_dim, .signature_lgcom_wrap .signature_lgcom_kv_sld_txt .kv_sld_txt_wrap, .signature_lgcom_wrap .signature_lgcom_kv_sld_txt .kv_sld_next, .signature_lgcom_wrap .signature_lgcom_kv_sld_txt .kv_sld_prev {display:block;} .signature_lgcom_wrap .kv_sld_next, .signature_lgcom_wrap .kv_sld_prev {width:4%;} .signature_lgcom_wrap .kv_sld_prev {left: 3%;} .signature_lgcom_wrap .kv_sld_next {right: 3%;} .signature_lgcom_wrap.rchTop .kv_sld_next, .signature_lgcom_wrap.rchTop .kv_sld_prev {opacity:1;} .signature_lgcom_wrap .kv_sld_txt_wrap {width: 76%; left: 12%; top: 50%; transform: translateY(-50%); bottom: auto;} .signature_lgcom_wrap .kv_sld_txt_wrap h2 {font-size: 23px;} .signature_lgcom_wrap .kv_sld_txt_wrap p {font-size: 14px;} .signature_lgcom_wrap .kv_sld_txt_wrap a {padding: 12px 24px; font-size: 12px;} .signature_lgcom_wrap .sc1_con1_vdo_pop_close_btn {width: 50px; height: 50px;} .signature_lgcom_wrap .sc1_con_wrap {padding: 30% 0 20%;}/* 210625 Change margin */ .signature_lgcom_wrap .sc1_con2_1 .sc1_tit, .signature_lgcom_wrap .sc1_con2_2 .sc1_tit, .signature_lgcom_wrap .sc1_con2_3 .sc1_tit {font-size: 16px;}/* 210625 Modification due to order change */ .signature_lgcom_wrap .sc1_subtit + .sc1_tit {margin-top: 15px;} .signature_lgcom_wrap .sc1_subtit {font-size: 20px;}/* 210625 Add sc1_subtit */ .signature_lgcom_wrap .sc1_tit + .sc1_txt {margin-top: 23px;} .signature_lgcom_wrap .sc1_con1_vdo_play {margin-top: 5%;}/* 210625 Edit margin and remove sc1_con1_vdo_play's inner elemets */ .signature_lgcom_wrap .sc1_con2 {padding: 11.97916667% 0 20%;}/* 210625 Edit padding */ .signature_lgcom_wrap .sc1_con2_0 {padding: 0;} .signature_lgcom_wrap .sc1_con2_0 .sc1_inner {margin: 13.02083333% auto 14.32291667%;}/* 210625 Edit margin */ /* s: 210624 Add anchor again */ .signature_lgcom_wrap .sc1_con2_nav_wrap {height: 39px;} .signature_lgcom_wrap.sc1con2On.scrU .sc1_con2_nav {top:61px;} .signature_lgcom_wrap.sc1con2On.scrU.sc1scrAni .sc1_con2_nav {top:0;} .signature_lgcom_wrap.sc1con2On.scrU .logo_wrap {background:#000;} .signature_lgcom_wrap .sc1_con2_nav_list {width: auto; max-width: 33.3333%;} .signature_lgcom_wrap .sc1_con2_nav_list + .sc1_con2_nav_list {margin-left: 11px;}/* 210625 Add style */ .signature_lgcom_wrap .btn_sc1_con2 {font-size: 12px;}/* 210625 Edit font and remove color */ .signature_lgcom_wrap .btn_sc1_con2, .signature_lgcom_wrap .btn_sc1_con2.on {padding: 0 4px 6px; border-width:1px; box-sizing:content-box;}/* 210625 Edit padding */ /* e: 210624 Add anchor again */ .signature_lgcom_wrap .sc1_con2_list_wrap {margin-top: 20%;}/* 210625 Edit margin */ /* s: 210625 Add mobile mode */ .signature_lgcom_wrap .sc1_con2_list_wrap.mobile {width:100%; height:auto; position:relative; left:0; top:0; padding-bottom: 30px; opacity:1; overflow:hidden; pointer-events:auto;} .signature_lgcom_wrap .sc1_con2_sld_btn {width:30px; height:30px; position:absolute; top:25.65104167vw; margin-top: 0; transform: translateY(-50%); opacity: 0.8; cursor:pointer; z-index:2;} .signature_lgcom_wrap .sc1_con2_sld_btn.prev {left:0; background:url('/de/lg-signature/images/common/signature_lgcom_sld_prev.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc1_con2_sld_btn.next {right:0; background:url('/de/lg-signature/images/common/signature_lgcom_sld_next.svg?v=0') no-repeat center center / contain;} .signature_lgcom_wrap .sc1_con2_list {display: block; width:100%; text-align: center;} .signature_lgcom_wrap .sc1_con2_list + .sc1_con2_list {margin-left: 0;} .signature_lgcom_wrap .sc1_con2_list:nth-child(2n) {margin-left:0;} .signature_lgcom_wrap .sc1_con2_1 .sc1_con2_list:nth-child(2n) {margin-left: 0;} .signature_lgcom_wrap .sc1_con2_list.bin {padding-top: 0;} .signature_lgcom_wrap .sc1_con2_list_tit {width:70%; margin: 1em auto 0; font-size: 21px; line-height: 1.523809523809524;} .signature_lgcom_wrap .sc1_con2_list_tit:before {display:none;} .signature_lgcom_wrap .sc1_con2_list_tit span {padding-right:0; line-height:1.19;} .signature_lgcom_wrap .sc1_con2_list_img {width: 56.13425926%; margin: 0 auto; overflow: hidden;} .signature_lgcom_wrap .sc1_con2_list_txt {position:relative; left:0; line-height:1.5;} .signature_lgcom_wrap .sc1_con2_sld_pag {bottom:0;} .signature_lgcom_wrap .sc1_con2_sld_pag .swiper-pagination-bullet {width: 10px; height: 10px; background: #424242; opacity: 1;} .signature_lgcom_wrap .swiper-container-horizontal>.swiper-pagination-bullets.sc1_con2_sld_pag .swiper-pagination-bullet {margin: 0 5px;} .signature_lgcom_wrap .sc1_con2_sld_pag .swiper-pagination-bullet-active {background: #c4c4c4;} /* e: 210625 Add mobile mode */ /* s: 210625 Overall fix for sc1_con3 */ .signature_lgcom_wrap .sc1_con3 .sc1_inner {width: 100%;} .signature_lgcom_wrap .sc1_con3 .sc1_tit {width: 90%; margin: 13.02083333% auto 0;} .signature_lgcom_wrap .sc1_con3 .sc1_txt {width: 90%; margin: 23px auto 11%;} .signature_lgcom_wrap .sc1_con3_img_wrap {width: 100%; margin: 0 auto;} .signature_lgcom_wrap .sc1_con3_sld_wrap {width:90%; margin:0 auto;} .signature_lgcom_wrap .sc1_con3_sld_btn {width: 30px; height: 30px; top: auto; bottom: 16vw; margin-top: 0; transform: translateY(50%);} .signature_lgcom_wrap .sc1_con3_sld_btn.next {right: 5%;} .signature_lgcom_wrap .sc1_con3_btn_wrap {margin-top: 13px;} .signature_lgcom_wrap .sc1_con3_btn_wrap.mobile {width:95%; height:auto; position:relative; left:0; top:0; margin-left:5%; opacity:1; overflow:hidden; pointer-events:auto;} .signature_lgcom_wrap .sc1_con3_btn_wrap.mobile:after {content:''; display:block; width:25%; height:100%; position:absolute; right:0; top:0; background: linear-gradient(270deg,rgba(0,0,0,0.7),rgba(0,0,0,0)); pointer-events:none; z-index:1;} .signature_lgcom_wrap .sc1_con3_btnsld {width: 35%; margin-right:13px;} .signature_lgcom_wrap .sc1_con3_btn {width:100%; margin:0;} .signature_lgcom_wrap .sc1Con3On1 .sc1_con3_btn1, .signature_lgcom_wrap .sc1Con3On2 .sc1_con3_btn2, .signature_lgcom_wrap .sc1Con3On3 .sc1_con3_btn3, .signature_lgcom_wrap .sc1Con3On4 .sc1_con3_btn4, .signature_lgcom_wrap .sc1Con3On5 .sc1_con3_btn5, .signature_lgcom_wrap .sc1_con3_btn:hover {opacity:0.5;} .signature_lgcom_wrap .sc1_con3_btnsld.swiper-slide-active .sc1_con3_btn {opacity:1;} /* e: 210625 Overall fix for sc1_con3 */ .signature_lgcom_wrap .sc1_con4 {margin-top:14.46759259%;} .signature_lgcom_wrap .sc1_con4_banner_txt{left:0.5em;top:0.5em;} .signature_lgcom_wrap .sc2_con_wrap {padding: 30% 0 25%;} .signature_lgcom_wrap .sc2_con_inner {width: 90%; text-align:left;} .signature_lgcom_wrap .sc2_tit {width: 90%; font-size: 24.5px; margin-bottom: 7px;} .signature_lgcom_wrap .sc2_txt {margin-bottom: 8%;} .signature_lgcom_wrap .sc2_con_box {width: 48%; margin-right: 4% !important; margin-bottom: 8%;} .signature_lgcom_wrap .sc2_con_box:nth-child(2n) {margin-right: 0% !important;} .signature_lgcom_wrap .sc2_con_box.lastLine {margin-bottom: 8%;} .signature_lgcom_wrap .sc2_con_txt {margin-top: 12px; font-size: 15px; letter-spacing: -0.01em; line-height: 1.3;} .signature_lgcom_wrap .sc2_con_imgTxt .link {font-size: 16px; padding:4px 10px;}/* 10624 Add CTA style */ .signature_lgcom_wrap .sc3_con_wrap {padding: 30% 0 0;}/* 211007 Remove padding-bottom */ .signature_lgcom_wrap .sc3_con {width: 95%;} .signature_lgcom_wrap .sc3_con:after {width: 25%;} .signature_lgcom_wrap .sc3_txt {max-width: 95%; margin: 8px 0 10%;} .signature_lgcom_wrap .sc3_nav_wrap {margin-bottom: 5%;} .signature_lgcom_wrap .sc3_article_category {padding: 0 15px 3px; font-size: 16px;} .signature_lgcom_wrap .sc3_article_category_bin {width:70px;} .signature_lgcom_wrap .sc3_article_category span {font-size: 13px; padding: .2em 0.7em; border-width: 1px; border-radius: .3em;}/* 211027 Edit styles */ .signature_lgcom_wrap .sc3_article_cat_info {margin: 4.111842105% 0 12.33552632%; font-size: 15px;} .signature_lgcom_wrap .sc3_article_sld_wrap {margin-left: 0%;}/* 211007 Remove margin-left */ .signature_lgcom_wrap .sc3_article_sld {width: 52.90570175%; margin-right: 4.385964912%;} .signature_lgcom_wrap .sc3_article_sld:last-child {margin-right: 40%;}/* 210624 Add last-child's style */ .signature_lgcom_wrap .sc3_article_cat {margin-bottom: 2px; font-size: 10px; line-height: 1.6;}/* 211007 Edit styles */ .signature_lgcom_wrap .sc3_article_img {margin-bottom: 0px; padding-top:158.7090909090909%;}/* 211007 Delete margin-bottom & Add padding-top */ .signature_lgcom_wrap .sc3_article_tit {font-size: 8px;}/* 211007 Edit styles */ /* 211027 Delete and Edit styles */ .signature_lgcom_wrap .swiper-slide-active .sc3_article_tit, .signature_lgcom_wrap .swiper-slide-duplicate-active .sc3_article_tit {font-size: 15px;}/* 211027 Add Title branch */ .signature_lgcom_wrap .sc3_article_txt span {font-size: 11px; line-height: 1.23;}/* 211007 Add line-height */ .signature_lgcom_wrap .sc3_article_txt span + span:before {height: 10px; margin: 2px 8px 0;}/* 211007 Edit styles */ .signature_lgcom_wrap .sc3_article_sld_btn {width: 30px; height: 30px; top: 45vw;} .signature_lgcom_wrap .sc3_article_sld_btn.prev {left: 5.208333333%;}/* 211007 Edit left */ .signature_lgcom_wrap .sc3_article_sld_btn.next {right:5.208333333%;}/* 211007 Edit right */ /* s: 211007 Edit magazine's layout */ .signature_lgcom_wrap .sc3_article_sldCnt {padding-bottom:54px;} .signature_lgcom_wrap .sc3_article_txt_wrap {padding: 9px 10px calc(7% + 8px);}/* 211027 Edit padding */ .signature_lgcom_wrap .swiper-slide-active .sc3_article_txt_wrap, .signature_lgcom_wrap .swiper-slide-duplicate-active .sc3_article_txt_wrap {padding:15px 12px 13px;}/* 211027 Add padding */ .signature_lgcom_wrap .swiper-pagination-fraction {font-size: 13px; line-height: 2;} .signature_lgcom_wrap .sc3_article_more_btn_wrap {height:150px;}/* 211008 Add wrap */ .signature_lgcom_wrap .sc3_article_more_btn {min-width:auto; margin: 56px auto 24px; padding: 11px 2.5em; font-size: 14px;}/* 211008 Edit styles */ .signature_lgcom_wrap .sc3_article_more_btn:before {width: 2.8em; height: 2.8em; background-position: center; background-size: .7em;} .signature_lgcom_wrap .sc3_article_more_btn:hover {background:#000; color: #B4B4B4;}/* 211007 Add hover - delete hover on mobile */ .signature_lgcom_wrap .sc3_article_more_inner {width: 89.84375%; padding: 11.71875% 0 20%;} .signature_lgcom_wrap .sc3_article_more_sctit {padding-bottom: 2.142857142857143em; font-size: 21px; line-height: 1.52;} .signature_lgcom_wrap .sc3_article_more_list {width:47.82608696%; margin-right:4.057971014%; margin-top:9.420289855%;} .signature_lgcom_wrap .sc3_article_more_list:nth-child(3n) {margin-right:4.057971014%;}/* 211027 Add 3n styles*/ .signature_lgcom_wrap .sc3_article_more_list:nth-child(2n) {margin-right:0%;} .signature_lgcom_wrap .sc3_article_more_list:nth-child(1), .signature_lgcom_wrap .sc3_article_more_list:nth-child(2) {margin-top:0;} .signature_lgcom_wrap .sc3_article_more_list:nth-child(3), .signature_lgcom_wrap .sc3_article_more_list:nth-child(4) {margin-top:9.420289855%;} .signature_lgcom_wrap .sc3_article_more_cat {margin-bottom: 8px; font-size: 13px; line-height: 1.23;} .signature_lgcom_wrap .sc3_article_more_img {min-height:80px; margin-bottom: 8px;}/* 211027 Add min-height */ .signature_lgcom_wrap .sc3_article_more_box:hover .sc3_article_more_img:after {width: 94.73684211%; height: 91.47058824%; left: 2.631578947%; top: 4.117647059%; border: solid 1px rgba(255, 255, 255, 0.5);}/* 211027 Edit height, top */ .signature_lgcom_wrap .sc3_article_more_tit {min-height: 3.06em; margin-bottom: 14px; font-size: 14.5px;line-height: 1.53;}/* 211027 Edit margin-bottom, font-size */ .signature_lgcom_wrap .sc3_article_more_box:hover .sc3_article_more_tit {text-decoration: none;} .signature_lgcom_wrap .sc3_article_more_txt span {font-size: 10px; line-height: 2;} .signature_lgcom_wrap .sc3_article_more_txt span + span:before {height: 1em; margin: 0.4em 0.8em 0;} /* e: 211007 Edit magazine's layout */ .signature_lgcom_wrap .sc4_con_wrap {padding: 0;}/* 211130 Edit padding */ /* s: LOUNGE floating bar */ .signature_lgcom_wrap .sc4_floating_bar {width: 50px; right: 10px; bottom: 80px; line-height: 50px;} .signature_lgcom_wrap .sc4_floating_bar.ended {transform: translateX(100%); opacity:0; pointer-events:none;}/* 210625 Add ended style */ .signature_lgcom_wrap .sc4_bar_menu_inner {height: 50px;} .signature_lgcom_wrap .sc4_bar_menu_icon {width: 24px; height: 50px; line-height: 50px; padding-left: 13px;} /* e: LOUNGE floating bar */ .signature_lgcom_wrap .sc4_info {margin: 0 auto 11.71875%; padding: 30px 0;} .signature_lgcom_wrap .sc4_info:before {top: 5px;} .signature_lgcom_wrap .sc4_info:after {bottom: 5px;} .signature_lgcom_wrap .sc4_txt {margin: 23px auto 0;} /* 210114 Delete .sc4_program_wrap */ /* 210114 Edit .sc4_comm_wrap */ /* s: 210114 sc4_charity_wrap style */ /* e: 210114 sc4_charity_wrap style */ .signature_lgcom_wrap .sc4_sns_wrap {padding: 13.02083333% 0; background:#1E1E1E}/* 211130 Edit background *//* 211201 Edit background */ /* 220203 Edit background */ .signature_lgcom_wrap .sc4_sns_inner {margin-top:7.682291667%;} .signature_lgcom_wrap .sc4_sns_inner:before {display:none;} .signature_lgcom_wrap .sc4_sns_box {width: 100%;} .signature_lgcom_wrap .sc4_sns_box + .sc4_sns_box {margin-left: 0;} .signature_lgcom_wrap .sc4_sns_box + .sc4_sns_box:before {content:''; display:block; width:100%; height:1px; position:relative; margin: 11.62790698% auto; background:#999;} .signature_lgcom_wrap .sc4_sns_profile_wrap {padding:0;} .signature_lgcom_wrap .sc4_sns_profile_img {width: 37.9%; margin-left: 3.6%; margin-right: 5.1%;} .signature_lgcom_wrap .sc4_sns_profile_txt_wrap {width: 53.4%;} .signature_lgcom_wrap .sc4_sns_profile_txt_wrap h3 {font-size: 18px;} .signature_lgcom_wrap .sc4_sns_profile_txt_wrap p {margin-top: 8px; font-size: 13px;} .signature_lgcom_wrap .sc4_sns_profile_txt_wrap a {margin-top: 15px; padding: 13px 12px;}/* 210625 Edit padding *//* 211130 Edit padding */ .signature_lgcom_wrap .sc4_sns_btn {width: 47.9%;} .signature_lgcom_wrap .sc4_sns_btn + .sc4_sns_btn {margin-left:4.2%;} .signature_lgcom_wrap .sc4_sns_con_tit {margin-top:6%;} .signature_lgcom_wrap .sc4_sns_con_tit, .signature_lgcom_wrap .sc4_sns_con_tit small {font-size: 14px;} .signature_lgcom_wrap .sc4_sns_con_img_txt {padding: 6.8181818% 6.8181818% 0; font-size: 12px;} .signature_lgcom_wrap .sc4_insta_profile_wrap {width: 85%;} .signature_lgcom_wrap .sc4_insta_link {position: relative;} .signature_lgcom_wrap .sc4_insta_btn {width: 100%; margin-right: 0;} .signature_lgcom_wrap .sc4_insta_btn + .sc4_insta_btn {margin-top:5%;} .signature_lgcom_wrap .sc4_insta_pop_inner {width:90%; max-width:1000px; height:auto;} .signature_lgcom_wrap .sc4_ytb_pop_close_btn, .signature_lgcom_wrap .sc4_insta_pop_close_btn {width: 50px; height: 50px;} .signature_lgcom_wrap .sc4_sns_vdo {width:100%; height:auto;} .signature_lgcom_wrap .sc4_vdo_banner_wrap {width:100%; margin: 0; padding:22.91667% 5% 0; box-sizing:border-box; background: #641b12 url('/de/lg-signature/images/sc4/sc4_vdo_banner_bg.jpg?v=1') no-repeat center top / 100% 100%;}/* 211130 Edit and Add styles *//* 211201 Edit background */ .signature_lgcom_wrap .sc4_vdo_banner_tit_new {margin-bottom: 7.54716981%;}/* 211130 Add title */ .signature_lgcom_wrap .sc4_vdo_banner_box.mode_img {padding-bottom: 64px;}/* 211130 Add mode_img */ .signature_lgcom_wrap .sc4_vdo_banner_txt_wrap {position:relative;} .signature_lgcom_wrap .sc4_vdo_banner_box.mode_img .sc4_vdo_banner_txt_wrap {height: 100%; position:absolute;}/* 211130 Add mode_img */ .signature_lgcom_wrap .sc4_vdo_banner_txt_wrap h3 {margin-top: 0.35em; font-size: 48.8px; letter-spacing: 0; padding-right: 3%; box-sizing: border-box;}/* 211130 Edit styles */ .signature_lgcom_wrap .sc4_vdo_banner_box.mode_img .sc4_vdo_banner_inner {position: absolute; left: 0; bottom: 0;}/* 211130 Add mode_img */ /* s: 210623 Modification due to wording change */ .signature_lgcom_wrap .sc4_vdo_banner_txt_wrap p {width:100%; margin-top: 0.3846153846153846em; font-size: 13px;} .signature_lgcom_wrap .sc4_vdo_banner_txt_wrap .sc4_white_btn {margin-top: 0;}/* 211130 Edit margin */ /* e: 210623 Modification due to wording change */ .signature_lgcom_wrap .sc4_benefit_wrap {width: 90%; margin: 18.22916667% auto 0;} .signature_lgcom_wrap .sc4_benefit_wrap .sc4_con_tit {text-align:center;} .signature_lgcom_wrap .sc4_benefit_inner {margin-top: 20px; padding: 5% 0 10%;} .signature_lgcom_wrap .sc4_benefit_box {width: 47%; margin-left: 0%; margin-top: 11.28472222%;}/* 210625 Edit width */ .signature_lgcom_wrap .sc4_benefit_box:nth-child(1), .signature_lgcom_wrap .sc4_benefit_box:nth-child(2) {margin-top: 0%;} .signature_lgcom_wrap .sc4_benefit_box .img_base {width: 69.3274854%; margin: 0 auto;}/* 210625 Edit width */ .signature_lgcom_wrap .sc4_benefit_tit {font-size: 15px; margin: 2px 0 9px;} .signature_lgcom_wrap .sc4_benefit_link {font-size: 13px; color: #757575;} .signature_lgcom_wrap .sc4_concierge_wrap {width: 90%; margin: 19.40104167% auto 0;} /* s: 210625 Edit sc4_concierge_box's mobile style */ .signature_lgcom_wrap .sc4_concierge_inner {position:relative; margin-top: 6%;} .signature_lgcom_wrap .sc4_concierge_inner:before, .signature_lgcom_wrap .sc4_concierge_inner:after {content:''; display:block; width:1px; height:50%; position:absolute; top:50%; transform:translateY(-50%); background:#757575;} .signature_lgcom_wrap .sc4_concierge_inner:before{left:32.5%;} .signature_lgcom_wrap .sc4_concierge_inner:after {left:67.5%;} .signature_lgcom_wrap .sc4_concierge_box {width: 28.93518519%; margin-left: 0; padding: 0; border: none; box-sizing: content-box;} .signature_lgcom_wrap .sc4_concierge_box + .sc4_concierge_box {margin-left: 6.076388889%;} .signature_lgcom_wrap .sc4_concierge_box:hover {border:none;} .signature_lgcom_wrap .sc4_concierge_img {width: 100%;} .signature_lgcom_wrap .sc4_concierge_tit {margin: 1.1em 0 0.5333333333333333em; font-size: 15px;} .signature_lgcom_wrap .sc4_concierge_link, .signature_lgcom_wrap .sc4_concierge_box:hover .sc4_concierge_link {font-size: 13px; color:#757575;} /* e: 210625 Edit sc4_concierge_box's mobile style */ /* s: 211130 Add contents */ .signature_lgcom_wrap .sc4_jl_wrap {background: #000;} .signature_lgcom_wrap .sc4_jl_wrap.top {background: #000;} .signature_lgcom_wrap .sc4_jl_wrap.btm {background: #641b12; padding-bottom: 0;} .signature_lgcom_wrap .sc4_jl_partnership {padding-bottom: 0; background: #590d0f url('/de/lg-signature/images/sc4/sc4_jl_partnership_bg.jpg?v=2') no-repeat center top / 100% 100%;}/* 211201 Edit background *//* 211206 Edit image's version */ .signature_lgcom_wrap .sc4_jl_pns_quote {padding: 22% 0 0;}/* 211206 Edit padding */ .signature_lgcom_wrap .sc4_jl_pns_quote_inner {} .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics {width: 100%; padding-left: 13.02083333%; padding-right: 6.770833333%; font-size: 4.5vw;}/* 211206 Edit font-size */ .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm {transform: translate(60%,-20%); font-size: 14vw;} .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_qm2 {transform:translate(0%,0%);}/* 211206 Add sc4_jl_pns_quote_lyrics_qm2's styles from CNS */ .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_color {} .signature_lgcom_wrap .sc4_jl_pns_quote_lyrics_info {padding: 1.5em 13.02083333% 12.5%; font-size: 12.6953125px; opacity: 0.9;} .signature_lgcom_wrap .sc4_jl_pns_info {padding: 7.6% 0 14.84375%; background: #7d4f35 url('/de/lg-signature/images/sc4/sc4_jl_pns_info_bg.jpg?v=1') no-repeat center top / 100% 100%;}/* 211201 Edit background *//* 211206 Edit image's version */ .signature_lgcom_wrap .sc4_jl_pns_info_inner {text-align: center;} .signature_lgcom_wrap .sc4_jl_pns_info_tit {width: 100%; padding: 0 5.208333333%; text-align: center;} .signature_lgcom_wrap .sc4_jl_pns_info_tit span {} .signature_lgcom_wrap .sc4_jl_pns_info_txt {width: 100%; margin: 1.53846154em auto 0; padding: 0 5.208333333%; font-size: 12.6953125px; text-align: left;} .signature_lgcom_wrap .sc4_jl_pns_info_txt span {display: inline;} .signature_lgcom_wrap .sc4_jl_pns_info_link {margin-left: 0; margin-top: 2.03846154em; font-size: 12.6953125px;} .signature_lgcom_wrap .sc4_jl_pns_info_link:hover {color:#916938; background:#fff;} .signature_lgcom_wrap .sc4_jl_pns_image {width: 63.54166667%; position: relative; left: 0; bottom: 0; transform: none; margin: 0 auto;} .signature_lgcom_wrap .sc4_jl_vdo_wrap {background: #590d0f url('/de/lg-signature/images/sc4/sc4_jl_vdo_wrap_bg.jpg?v=3') no-repeat center top / 100% auto;}/* 211201 Edit background *//* 211206 Edit image's version */ .signature_lgcom_wrap .sc4_jl_mv {width: 89.71354167%; margin: 9.5% auto 0;} .signature_lgcom_wrap .sc4_jl_mv_tit {letter-spacing: -0.04em;} .signature_lgcom_wrap .sc4_jl_mv_txt {width: 100%; padding: 0.28em 0 2.3em; font-size: 12.6953125px;}/* 211206 Edit width */ .signature_lgcom_wrap .sc4_jl_mv_box {width: 94.3396226%; margin: 0 auto;} .signature_lgcom_wrap .sc4_jl_mv_box:before {width: calc(100% + 12px); height: calc(100% + 12px); left: -6px; top: -6px;} .signature_lgcom_wrap .sc4_jl_mv_btn_play {} .signature_lgcom_wrap .sc4_jl_mv_btn_play:before {} .signature_lgcom_wrap .sc4_jl_mv_btn_play:after { width: 36.45833333px; height: 36.45833333px;} .signature_lgcom_wrap .sc4_jl_mv_pop {} .signature_lgcom_wrap .sc4_jl_mv_inner {} .signature_lgcom_wrap .sc4_jl_mv_inner:before {} .signature_lgcom_wrap .sc4_jl_mv_vdo {} .signature_lgcom_wrap .sc4_jl_mv_btn_close {} .signature_lgcom_wrap .sc4_jl_mv_link_wrap {margin-top: 7.83744557%;} .signature_lgcom_wrap .sc4_jl_mv_link {width: auto; margin: 0; font-size: 12.6953125px; letter-spacing: -0.04em; line-height: 1.4; padding: 0.7em 1.8em;}/* 211206 Edit styles */ .signature_lgcom_wrap .sc4_jl_mv_link + .sc4_jl_mv_link {margin-top:3%;}/* 211206 Add sc4_jl_mv_link margin-top */ .signature_lgcom_wrap .sc4_jl_mv_behind {width: 100%;} .signature_lgcom_wrap .sc4_jl_mv_behind_tit {width: 100%; padding-top: 17.05729167%;} .signature_lgcom_wrap .sc4_jl_mv_behind_txt {width: 95%; font-size: 12.6953125px;} .signature_lgcom_wrap .sc4_jl_mv_behind_btn_wrap {margin: 15.49479167% auto 0;} .signature_lgcom_wrap .sc4_jl_mv_behind_btn_open {transform: scale(0.7) translate(-70%,-70%);} .signature_lgcom_wrap .sc4_jl_mv_behind_gallery {width: 100%;} .signature_lgcom_wrap .sc4_jl_mv_behind.on .sc4_jl_mv_behind_gallery {margin-top: 13.15104167%;} .signature_lgcom_wrap .sc4_jl_mv_behind_sld_btn {width: 30px; height: 30px; top: auto; bottom: 16vw; margin-top: 0; transform: translateY(50%);} .signature_lgcom_wrap .sc4_jl_mv_behind_sld_btn.next {right: 5%;} .signature_lgcom_wrap .sc4_jl_mv_behind_sld_wrap {width: 90%; margin: 0 auto;} .signature_lgcom_wrap .sc4_jl_mv_behind_sldCnt {} .signature_lgcom_wrap .sc4_jl_mv_behind_sldWrp {} .signature_lgcom_wrap .sc4_jl_mv_behind_sld {} .signature_lgcom_wrap .sc4_jl_mv_behind_btnsld_wrap {width: 95%; margin-left: 5%;} .signature_lgcom_wrap .sc4_jl_mv_behind_btnsld_wrap:after {content: ''; display: block; width: 25%; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(270deg,rgba(0,0,0,0.7),rgba(0,0,0,0)); pointer-events: none; z-index: 1;} .signature_lgcom_wrap .sc4_jl_mv_behind_btnsldCnt {} .signature_lgcom_wrap .sc4_jl_mv_behind_btnsldWrp {} .signature_lgcom_wrap .sc4_jl_mv_behind_btnsld {width: 35%; margin-right: 13px;} .signature_lgcom_wrap .sc4_jl_mv_behind_btn {width: 100%; margin: 0;} .signature_lgcom_wrap .sc4_jl_mv_behind_gallery.on1 .sc4_jl_mv_behind_btn1, .signature_lgcom_wrap .sc4_jl_mv_behind_gallery.on2 .sc4_jl_mv_behind_btn2, .signature_lgcom_wrap .sc4_jl_mv_behind_gallery.on3 .sc4_jl_mv_behind_btn3, .signature_lgcom_wrap .sc4_jl_mv_behind_gallery.on4 .sc4_jl_mv_behind_btn4, .signature_lgcom_wrap .sc4_jl_mv_behind_gallery.on5 .sc4_jl_mv_behind_btn5, .signature_lgcom_wrap .sc4_jl_mv_behind_btn:hover {opacity: 0.5;} .signature_lgcom_wrap .sc4_jl_mv_behind_btnsld.swiper-slide-active .sc4_jl_mv_behind_btn {opacity: 1;} .signature_lgcom_wrap .sc4_jl_singalong {margin: 20.44270833% auto 0; padding-bottom: 13.15104167%;} .signature_lgcom_wrap .sc4_jl_singalong_tit {} .signature_lgcom_wrap .sc4_jl_singalong_tit span {display: inline-block;}/* 211206 Add span's display */ .signature_lgcom_wrap .sc4_jl_singalong_txt {font-size: 12.6953125px;} .signature_lgcom_wrap .sc4_jl_singalong_vdo_wrap {width: 84.63541667%;} .signature_lgcom_wrap .sc4_jl_singalong_vdo_wrap:before {} .signature_lgcom_wrap .sc4_jl_singalong_vdo {} .signature_lgcom_wrap .sc4_jl_singalong_link {margin-top: 2em; padding: 0.75em 1.8em; font-size: 12.6953125px; line-height: 1.4;} .signature_lgcom_wrap .sc4_jl_singalong_link:hover {color: #916938; background:#fff;} .signature_lgcom_wrap .sc4_jl_card {padding: 11% 0 0;} .signature_lgcom_wrap .sc4_jl_card_tit span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_card_txt {font-size: 12.6953125px;} .signature_lgcom_wrap .sc4_jl_card_txt span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_card_box {width: 100%;} .signature_lgcom_wrap .sc4_jl_gallery {width: 100%; padding: 16.53645833% 0 0; background: #641b12 url('/de/lg-signature/images/sc4/sc4_jl_gallery_bg_mo.jpg?v=1') no-repeat center top / 100% 100%;}/* 211201 Edit background */ .signature_lgcom_wrap .sc4_jl_gallery_tit {width: 90%; line-height: 1.3;} .signature_lgcom_wrap .sc4_jl_gallery_tit span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_gallery_txt {width: 85%; padding: 0.5em 0 2.3em; font-size: 12.6953125px;} .signature_lgcom_wrap .sc4_jl_gallery_txt span {display: inline;} .signature_lgcom_wrap .sc4_jl_gallery_txt span.inb {display: inline-block;} .signature_lgcom_wrap .sc4_jl_gallery_inner {width: 100%;} .signature_lgcom_wrap .sc4_jl_gallery_btn_main {width: 30px; height: 30px; top: auto; bottom: 16vw; margin-top: 0; transform: translateY(50%);} .signature_lgcom_wrap .sc4_jl_gallery_btn_main.next {right: 5%;} .signature_lgcom_wrap .sc4_jl_gallery_sld_wrap {width: 90%; margin: 0 auto;} .signature_lgcom_wrap .sc4_jl_gallery_sldCnt {} .signature_lgcom_wrap .sc4_jl_gallery_sldWrp {} .signature_lgcom_wrap .sc4_jl_gallery_sld {} .signature_lgcom_wrap .sc4_jl_gallery_info {} .signature_lgcom_wrap .sc4_jl_gallery_info_tit {margin-top: 5.224963716%; font-size:14.6484375px;} .signature_lgcom_wrap .sc4_jl_gallery_info_txt {margin: 0.5em 0 1em; font-size: 12.6953125px;} .signature_lgcom_wrap .sc4_jl_gallery_info_txt span {display:inline-block;} .signature_lgcom_wrap .sc4_jl_gallery_info_link {font-size: 12.6953125px;} .signature_lgcom_wrap .sc4_jl_gallery_btn_wrap.mobile {width:95%; height:auto; position:relative; left:0; top:0; margin-left: 5%; margin-top: 7.8125%; opacity:1; pointer-events:auto;} .signature_lgcom_wrap .sc4_jl_gallery_btn_wrap.mobile:after {content: ''; display: block; width: 25%; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(270deg,rgba(0,0,0,0.7),rgba(0,0,0,0)); pointer-events: none; z-index: 1;} .signature_lgcom_wrap .sc4_jl_gallery_btnsldCnt {} .signature_lgcom_wrap .sc4_jl_gallery_btnsldWrp {} .signature_lgcom_wrap .sc4_jl_gallery_btnsld {width: 35%; margin-right: 13px;} .signature_lgcom_wrap .sc4_jl_gallery_btn {width: 100%; margin: 0;} .signature_lgcom_wrap .sc4_jl_gallery.on1 .sc4_jl_gallery_btn1, .signature_lgcom_wrap .sc4_jl_gallery.on2 .sc4_jl_gallery_btn2, .signature_lgcom_wrap .sc4_jl_gallery.on3 .sc4_jl_gallery_btn3, .signature_lgcom_wrap .sc4_jl_gallery.on4 .sc4_jl_gallery_btn4, .signature_lgcom_wrap .sc4_jl_gallery.on5 .sc4_jl_gallery_btn5, .signature_lgcom_wrap .sc4_jl_gallery_btn:hover {opacity: 0.5;} .signature_lgcom_wrap .sc4_jl_gallery_btnsld.swiper-slide-active .sc4_jl_gallery_btn {opacity: 1;} .signature_lgcom_wrap .sc4_outro_wrap {width: 100%; margin: 0; padding:23% 6.38020835% 21%; box-sizing: border-box; background-color:#ddd; background-image: url('/de/lg-signature/images/sc4/sc4_outro_bg_mo.jpg?v=2'), url('/de/lg-signature/images/sc4/sc4_outro_bg_mo_rp.jpg?v=1'); background-repeat: no-repeat, repeat-y; background-position: center bottom, center top; background-size:100% auto, 100% auto;}/* 211201 Edit background *//* 211206 Edit styles */ .signature_lgcom_wrap .sc4_outro_tit {margin-bottom: 0%;}/* 211206 Edit margin */ /* s: 211206 Add sc4_outro_box */ .signature_lgcom_wrap .sc4_outro_box, .signature_lgcom_wrap .sc4_outro_wrap.mode2 .sc4_outro_box {width: 97%; margin-top: 8%;} .signature_lgcom_wrap .sc4_outro_wrap.mode2 .sc4_outro_box + .sc4_outro_box {margin-left: 0;} .signature_lgcom_wrap .sc4_outro_con_subtit {font-size: 13.54166667px;} .signature_lgcom_wrap .sc4_outro_con_tit {font-size: 15.625px;} /* e: 211206 Add sc4_outro_box */ .signature_lgcom_wrap .sc4_outro {width: 100%; margin: 5.5% 0 0; border-width: 2px; font-size: 14.6484375px; letter-spacing: -0.01em;} .signature_lgcom_wrap .sc4_outro:before {width: calc(100% + 12px); height: calc(100% + 12px); left: -6px; top: -6px;} .signature_lgcom_wrap .sc4_outro span {} /* e: 211130 Add contents */ /* s: 220530 Remove existing showroom style and add new teaser page style */ .signature_lgcom_wrap.sldOn5 .kv_sld_txt_wrap{width: 90%; left: 50%; transform: translate(-50%, -50%);} .signature_lgcom_wrap .sc5_con1 .sc5_inner{max-width: 896px;} /* e: 220530 Remove existing showroom style and add new teaser page style */ .signature_lgcom_wrap .sc6_con_wrap {padding: 30% 0 0%;}/* 210624 Change menu order */ /* s: 210625 Editing and repositioning sc6_con's text */ .signature_lgcom_wrap .sc6_con_wrap .signature_lgcom_txt {margin-top: 23px;} .signature_lgcom_wrap .sc6_con_wrap .signature_lgcom_txt span {display:inline-block;} .signature_lgcom_wrap .sc6_con1 {width: 95%; margin-left:5%;} .signature_lgcom_wrap .sc6_h4 {font-size: 13px; line-height: 1.23; color: #F1F1F1;} .signature_lgcom_wrap .sc6_h3 {font-size: 21px; line-height: 1.43;} .signature_lgcom_wrap .sc6_h4 + .sc6_h3 {margin-top: 6px;} .signature_lgcom_wrap .sc6_span {padding-bottom: 2px; font-size: 13px; color: #757575; border-bottom-color: #757575;} .signature_lgcom_wrap .sc6_h3 + .sc6_span {margin-top: 10px;} .signature_lgcom_wrap .sc6_con4_list .sc6_span {padding-bottom: 3px;} .signature_lgcom_wrap .sc6_con4_list .sc6_h3 + .sc6_span, .signature_lgcom_wrap .sc6_con4_list .sc6_h4 + .sc6_span {bottom:24px; margin-left:-45px;} .signature_lgcom_wrap .sc6_con1 .signature_lgcom_tit, .signature_lgcom_wrap .sc6_con1 .signature_lgcom_txt {width: 94.7368421%;} /* e: 210625 Editing and repositioning sc6_con's text */ .signature_lgcom_wrap .sc6_con1_list_wrap {margin-top: 13.54166667%; margin-left: 12.74671053%;}/* 211027 Edit margin-left */ .signature_lgcom_wrap .sc6_con1_list_wrap:after {content:''; display:block; width:25%; max-width:290px; height:100%; position:absolute; right:5%; top:0; pointer-events:none; background: linear-gradient(270deg,#000,rgba(0,0,0,0)); z-index:1;} .signature_lgcom_wrap .sc6_con1_list {width: 68.25657895%; margin-right: 9.594298246%;} .signature_lgcom_wrap .sc6_con1_list:nth-child(2n) {margin-top:0;} .signature_lgcom_wrap .swiper-slide-active .sc6_con1_link .img_cv {opacity:1; transition-delay:0.3s;} .signature_lgcom_wrap .sc6_con1_link:hover .img_cv {opacity:0;} .signature_lgcom_wrap .sc6_con1_txt_wrap {padding: 8.032128514% 8.032128514% 0;} /* 210625 repositioning over elements that were in sc6_con1_txt_wrap */ .signature_lgcom_wrap .sc6_con1_sld_btn {width:30px; height:30px; position:absolute; top:50%; margin-top:0; transform: translateY(-50%); opacity: 0.8; transition: opacity 0.3s; cursor:pointer; z-index:2;} .signature_lgcom_wrap .sc6_con1_list .sc6_span {color: #F1F1F1; border-bottom-color: #F1F1F1;}/* 210625 Add sc6_con1_list's sc6_span style */ .signature_lgcom_wrap .sc6_con1_sld_btn:hover {opacity: 1;} .signature_lgcom_wrap .sc6_con1_sld_btn.prev {left:-12.5%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_prev.svg?v=0') no-repeat center center / contain;}/* 211027 Edit left */ .signature_lgcom_wrap .sc6_con1_sld_btn.next {right:17.5%; background:url('/de/lg-signature/images/common/signature_lgcom_sld_next.svg?v=0') no-repeat center center / contain;}/* 211027 Edit right */ .signature_lgcom_wrap .sc6_con2, .signature_lgcom_wrap .sc6_con3_inner, .signature_lgcom_wrap .sc6_con4 {width: 90%;} .signature_lgcom_wrap .sc6_con2 {width: 95%; margin: 19.27083333% 0 27.47395833% 5%;}/* 210625 Remove signature_lgcom_txt's style *//* 211027 Edit styles */ .signature_lgcom_wrap .sc6_con2 .signature_lgcom_tit, .signature_lgcom_wrap .sc6_con2 .signature_lgcom_txt {width: 94.7368421%;}/* 211027 Add title's styles */ /* s: 211027 Add sc6_con2_sld_btn */ .signature_lgcom_wrap .sc6_con2_sld_btn {width:30px; height:30px;} .signature_lgcom_wrap .sc6_con2_sld_btn.prev {left:-12.5%;} .signature_lgcom_wrap .sc6_con2_sld_btn.next {right:17.5%;} /* e: 211027 Add sc6_con2_sld_btn */ .signature_lgcom_wrap .sc6_con2_list_wrap {width: 100%; margin-top: 15.91435185%; margin-left: 12.74671053%;}/* 211027 Edit styles */ .signature_lgcom_wrap .sc6_con2_list_wrap:after {content:''; display:block; width:25%; max-width:290px; height:100%; position:absolute; right:5%; top:0; pointer-events:none; background: linear-gradient(270deg,#000,rgba(0,0,0,0)); z-index:1;}/* 211027 Add sc6_con2_list_wrap's after */ .signature_lgcom_wrap .sc6_con2_list {width: 68.25657895%; margin-left: 0%; margin-right: 9.594298246%;}/* 211027 Edit styles */ /* s: 211027 Remove sc6_con2_list's styles */ /*.signature_lgcom_wrap .sc6_con2_list + .sc6_con2_list {margin-left:0;} .signature_lgcom_wrap .sc6_con2_list:nth-child(2), .signature_lgcom_wrap .sc6_con2_list:nth-child(3) {margin-left: 4.2%;} .signature_lgcom_wrap .sc6_con2_list:nth-child(3) {margin-top: 20.254629634%; float:right;} .signature_lgcom_wrap .sc6_con2_list:nth-child(4) {margin-top: 3.761574074%;}*/ /* s: 211027 Remove sc6_con2_list's styles */ .signature_lgcom_wrap .sc6_con2_img {margin-bottom: 0;} .signature_lgcom_wrap .sc6_con2_img:after {width: calc(100% - 10px); height: calc(100% - 10px); left: 5px; top: 5px;} .signature_lgcom_wrap .sc6_con2_list .sc6_h3 {font-size: 15px; margin: 1em 0 .8em;}/* 211027 Edit styles */ .signature_lgcom_wrap .sc6_con2_list .sc6_span {font-size: 13px; line-height: 1;}/* 210625 Remove color, border-bottom-color styles */ .signature_lgcom_wrap .sc6_con2_list .sc6_h3 + .sc6_span {margin-top: 0;} .signature_lgcom_wrap .sc6_con3 {padding: 0; background: transparent;} .signature_lgcom_wrap .sc6_con3_list_wrap {margin-top: 8%;} /* s: 210625 Edit sc6_con3_list's style */ .signature_lgcom_wrap .sc6_con3_list {width: 47.74305556%; margin-right:4.163773148%; margin-bottom: 10.12731481%;} .signature_lgcom_wrap .sc6_con3_list:nth-child(3n) {margin-right:4.163773148%;} .signature_lgcom_wrap .sc6_con3_list:nth-child(2n) {margin-right: 0;} .signature_lgcom_wrap .sc6_con3_img {margin-bottom: 10px;} .signature_lgcom_wrap .sc6_con3_list .sc6_h3 {font-size: 14.2px; letter-spacing: -0.005em;} .signature_lgcom_wrap .sc6_con3_list .sc6_h4 {min-height:3.08em; line-height: 1.54;} /* e: 210625 Edit sc6_con3_list's style */ /* s: 210625 The overall style has been changed and added by changing the sc6_con4_list. */ .signature_lgcom_wrap .sc6_con4 {margin: 0 auto 19.27083333%;}/* 210624 Change menu order */ .signature_lgcom_wrap .sc6_con4 .signature_lgcom_txt {margin: 1.4375em auto 17%;} .signature_lgcom_wrap .sc6_con4_list {width: 50%;} .signature_lgcom_wrap .sc6_con4_list:nth-child(3), .signature_lgcom_wrap .sc6_con4_list:nth-child(4) {border-top: solid 1px #4F4F4F;} .signature_lgcom_wrap .sc6_con4_list:after {display:none;} .signature_lgcom_wrap .sc6_con4_link {padding-bottom: 24px;} /* 210623 Modification due to the addition of descriptive text */ .signature_lgcom_wrap .sc6_con4_img {width: 65%; margin: 20px auto;} .signature_lgcom_wrap .sc6_con4_list .sc6_h3 {width: 90%; min-height: 2.66em; font-size: 15px; line-height: 1.33;} .signature_lgcom_wrap .sc6_con4_list .sc6_h3 + .sc6_span {margin-top: 15px; font-size: 13px; color: #757575; border-color: #757575;} .signature_lgcom_wrap .sc6_con4_list .sc6_h4 {width: 87%; min-height: 4.5em;} /* 210623 Modification due to the addition of descriptive text */ .signature_lgcom_wrap .sc6_con4_list .sc6_con4_link {padding-bottom:61px;} /* e: 210625 The overall style has been changed and added by changing the sc6_con4_list. */ } @media (max-width: 720px) and (orientation: landscape) { .signature_lgcom_wrap .kv_sld_bg#kv_sld_bg4 {left: 50%;} .signature_lgcom_wrap .sc4_concierge_wrap {width: 80%;} .signature_lgcom_wrap .sc5_con_spc {width:27%; margin-top:0;} .signature_lgcom_wrap .sc5_con_spc + .sc5_con_spc {margin-left: 3%; margin-top:0;} .signature_lgcom_wrap .sc5_sld_wrap {margin: 6% auto 0;} /* 210625 Remove sc6_con4_list_wrap's styles */ }