@charset "UTF-8";

.rentalcare-service-wrap{max-width:1380px;margin:0 auto 60px;padding:65px 20px;color:#232323;text-align:center;background:#ebe7e2;}
.rentalcare-service-wrap h2 em{font-weight:700;}
.rentalcare-service-wrap [class$="-cont"]{width:100%;max-width:900px;margin:34px auto 0;}
.rentalcare-service-wrap [class$="-mov"]{display:none;}
.rentalcare-service-wrap [class$="-tit"]{font-size:34px;font-weight:700;line-height:1.2;}
.rentalcare-service-wrap [class$="-cont"] + [class$="-tit"]{margin-top:60px;}
.rentalcare-service-wrap [class$="-list"]{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;margin: 0 auto;}
.rentalcare-service-wrap [class$="-list"] li{display:flex;align-items:center;border-radius:18px;background:#fff;}
.rentalcare-service-wrap [class$="-list"] [class$="-img"]{margin-right:18px;}
.rentalcare-service-wrap [class$="-list"] img{max-width:115px;border-radius:18px;}
.rentalcare-service-wrap [class$="-list"] [class$="-desc"]{font-size:22px;line-height:1.4;letter-spacing:-0.4px;text-align:left;}
.rentalcare-service-wrap [class$="-list"] [class$="-desc"] em{font-weight:700;}
.rentalcare-service-wrap [class$="-btns"]{margin-top:40px;}
.rentalcare-service-wrap [class$="-btns"] a{position:relative;display:flex;justify-content:center;align-items:center;max-width:330px;margin:0 auto;padding:15px;color:#232323;font-size:25px;line-height:1.2;font-weight:400;border-radius:30px;border:2px solid #232323;}
.rentalcare-service-wrap [class$="-btns"] a:hover,
.rentalcare-service-wrap [class$="-btns"] a:focus-visible{color:#fff;background:#232323;outline:2px auto #101010;outline-offset:-2px;}
.rentalcare-service-wrap [class$="-btns"] + h2{margin-top:60px;}
.rentalcare-service-wrap [class$="-btns"] a::after{content:'';width:16px;height:16px;margin-left:10px;border-top:2px solid #232323;border-right:2px solid #232323;transform:rotate(45deg);}
.rentalcare-service-wrap [class$="-btns"] a.on::after{border-top-color:#fff;border-right-color:#fff;}
.rentalcare-service-wrap [class$="-btns"] a::focus-visible::after{border-top-color:#fff;border-right-color:#fff;}
.rentalcare-service-wrap [class*="-disc"]{position:relative;margin-top:13px;padding-left:11px;color:#666;font-size:15px;line-height:1.4;letter-spacing:-0.25px;text-align:left;}
.rentalcare-service-wrap [class*="-disc"]:before{content:"*";position:absolute;top:4px;left:0;}
.rentalcare-service-wrap [class*="-disc-s"]{font-weight:700;font-size:14px;line-height:1.285;}
.rentalcare-service-wrap [class$="-timeline"]{max-width:900px;margin:36px auto 0;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs{position:relative;display:inline-flex;justify-content:center;align-items:center;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:60px;background:#dad5ca;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs > span{z-index:1;position:absolute;top:0;left:0;width:171px;height:100%;border-radius:60px;background:#242223;transition:left 0.5s cubic-bezier(0.56, 0, 0.28, 1);}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs span[class $= "-01"]{left:0;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs span[class $= "-02"]{left:170px;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs span[class $= "-03"]{left:340px;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs span[class $= "-04"]{left:510px;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs > a{z-index:2;position:relative;display:inline-block;width:171px;height:100%;color:#444;font-weight:700;font-size:22px;line-height:2.19;text-align:center;border-radius:60px;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs > a.tab-active{color:#fff;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs > a.tab-active:focus{outline:2px solid #e59700;outline-offset:1px;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabconts{display:block;margin-top:24px;overflow:hidden;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabconts .tabcont{display:none;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabconts .tabcont.cont-active{display:block;}
.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabconts .tabcont.cont-active:focus{outline:1px solid #000;outline-offset:-1px;border-radius:1rem;}

.rentalcare-service-wrap.type-mov [class$="-cont"]{display:flex;justify-content:space-around;max-width:900px;margin:34px auto 0;align-items: stretch;}
.rentalcare-service-wrap.type-mov [class$="-cont"] > ul,
.rentalcare-service-wrap.type-mov [class$="-cont"] > div{width: calc(50% - 12px);}
.rentalcare-service-wrap.type-mov [class$="-list"]{grid-template-columns:repeat(1, 1fr);}
.rentalcare-service-wrap.type-mov [class$="-tits"]{font-size:24px;font-weight:normal;text-align:left;}
.rentalcare-service-wrap.type-mov [class$="-mov"]{display:grid;align-content:center;padding:25px;background:#fff;border-radius:18px;}
.rentalcare-service-wrap.type-mov [class*="-vid-area"]{position:relative;margin-top:13px;}
.rentalcare-service-wrap.type-mov [class*="-vid-area"] video{width:100%;height:auto;border-radius:18px;}
.rentalcare-service-wrap.type-mov [class*="-vid-area"] .btn-vid-play{position:absolute;top:50%;left:50%;z-index:1;width:50px;height:50px;transform:translate(-50%,-50%);visibility:visible;}
.rentalcare-service-wrap.type-mov [class*="-vid-area"] .btn-vid-play img{width:100%;}
.rentalcare-service-wrap.type-mov [class*="-vid-area"] .btn-vid-play:focus-visible:before,
.rentalcare-service-wrap.type-mov [class*="-vid-area"] .btn-vid-play:hover:before{content:"";display:block;width:100%;height:100%;background:url('/kr/images/common/pdp_rentalcare/images/play_btn_on.svg') no-repeat 0 0;}
.rentalcare-service-wrap.type-mov [class*="-vid-area"] .btn-vid-play:focus-visible img,
.rentalcare-service-wrap.type-mov [class*="-vid-area"] .btn-vid-play:hover img{display:none;}
.rentalcare-service-wrap.type-mov [class*="-vid-area"] .btn-vid-play::after{content:"동영상 재생";margin:-1px;font-size:1px;line-height:1px;color:transparent;clip:rect(0, 0, 0, 0);}
.rentalcare-service-wrap.type-mov [class*="-vid-area"].active .btn-vid-play{visibility:hidden;}

.care-solution-info,.subRenewPdpWrap:has(.rentalcare-service-wrap) .care-solution-info .btn-area{display:none} 

/* 비디오 태그 영역 + 자막 */
[data-caption].rentalcare-cont{max-width: 570px;}
[data-caption].rentalcare-cont .video{position: relative;}
[data-caption].rentalcare-cont video{ width: 100%; border-radius: 25px;}
[data-caption].rentalcare-cont.active .play-btn{visibility: hidden;}
[data-caption].rentalcare-cont .play-btn{position: absolute;top: 50%;left: 50%;z-index: 1;width: 50px;height: 50px;transform: translate(-50%, -50%);visibility: visible;}
[data-caption].rentalcare-cont .play-btn img{width: 100%;}
[data-caption].rentalcare-cont .play-btn:focus-visible:before,
[data-caption].rentalcare-cont .play-btn:hover:before{content:"";display:block;width:100%;height:100%;background:url('/kr/images/common/pdp_rentalcare/images/play_btn_on.svg') no-repeat 0 0;}
[data-caption].rentalcare-cont .play-btn:focus-visible img,
[data-caption].rentalcare-cont .play-btn:hover img{display:none;}
[data-caption].rentalcare-cont .video-controls-button{display: none;}
[data-caption].rentalcare-cont .rentalcare-vid-area.active .video-controls-button{display: block;}
[data-caption].rentalcare-cont .video-controls-button .left{right: 16px; bottom: 16px;}
[data-caption].rentalcare-cont .video-controls-button .right{left: 16px; bottom: 16px;}
[data-caption].rentalcare-cont .video-controls-button .video-play-button,[data-caption].rentalcare-cont .video-controls-button .video-sound-button{position: absolute; width: 32px; height: 32px; pointer-events: all; z-index: 2;}
[data-caption].rentalcare-cont .video-controls-button .video-play-button.pause{background: no-repeat center/contain url(https://brand.lge.co.kr/lg5-common/images/GRS/ic_pause_52.svg);}
[data-caption].rentalcare-cont .video-controls-button .video-play-button{background: no-repeat center/contain url(https://brand.lge.co.kr/lg5-common/images/GRS/ic_play_52.svg);}
[data-caption].rentalcare-cont .video-controls-button .video-sound-button.muted{background:no-repeat center/contain url(https://brand.lge.co.kr/lg5-common/images/GRS/ic_sound_off_52.svg);}
[data-caption].rentalcare-cont .video-controls-button .video-sound-button{background: no-repeat center/contain url(https://brand.lge.co.kr/lg5-common/images/GRS/ic_sound_on_52.svg);}
[data-caption="false"].rentalcare-cont .video-caption-button,[data-caption="false"].rentalcare-cont .video-caption{display: none;}
[data-caption="true"].rentalcare-cont .video-caption-button{position: absolute; top: 24px; right: 24px;}
[data-caption="true"].rentalcare-cont .caption-btn{padding: 4px 10px; font-size: 13px;font-weight: 400;line-height: 20px;border-radius: 16px;background: rgba(35, 35, 35, 1);color: #fff;outline-offset: -1px;}
[data-caption="true"].rentalcare-cont .caption-btn:focus-visible,
[data-caption="true"].rentalcare-cont .caption-btn:hover{background: rgba(255, 255, 255, 1);color:#232323;}
[data-caption="true"].rentalcare-cont .video-caption{display: none;position: relative;margin-top: 24px;padding: 24px;border: 1px solid #ddd;border-radius: 8px;background: #fff;}
[data-caption="true"].rentalcare-cont .video-caption.active{display: block;}
[data-caption="true"].rentalcare-cont .caption-title{padding-right: 32px;font-size: 15px;line-height: 22px;font-weight: 700;text-align: left;}
[data-caption="true"].rentalcare-cont .caption-text{margin-top: 10px;height: 48px;max-height: 48px;font-size: 14px;line-height: 24px;text-align: left;white-space: pre-line;padding: 5px;width: 100%; overflow-y: scroll;}
[data-caption="true"].rentalcare-cont .caption-close-btn{display: block;position: absolute;top: 20px;right: 20px;width: 16px;height: 16px;background: url(/kr/images/common/pdp_rentalcare/images/common//btn-close-24-black.svg) no-repeat;background-size: 100% 100%;}

@media screen and (max-width: 767px){
	.rentalcare-service-wrap [class$="-cont"]{margin-top:25px;}
	.rentalcare-service-wrap [class$="-list"]{grid-template-columns: repeat(1, 1fr);}
	.rentalcare-service-wrap [class$="-tit"]{font-size:24px;}
	.rentalcare-service-wrap [class$="-list"]{gap:8px;}
	.rentalcare-service-wrap [class$="-list"] li{border-radius:10px;}
	.rentalcare-service-wrap [class$="-list"] img{max-width:calc(144px /2);}
	.rentalcare-service-wrap [class$="-list"] [class$="-desc"]{font-size:15px;}
	.rentalcare-service-wrap [class$="-btns"]{margin-top:32px;}
	.rentalcare-service-wrap [class$="-btns"] a{max-width:226px;padding:10px 24px;font-size:16px;}
	.rentalcare-service-wrap [class$="-btns"] a::after{margin-left:5px;width:10px;height:10px;}
	.rentalcare-service-wrap [class*="-disc"]{margin-left:17px;font-size:10px;}
    .rentalcare-service-wrap [class$="-cont"] + [class$="-tit"]{margin-top:46px;}
    .rentalcare-service-wrap [class$="-timeline"]{margin-top:17px;}
    .rentalcare-service-wrap [class*="-disc-s"]{margin-top:16px;margin-left:6px;font-size:13px;line-height:1.4615;}
    .rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs > a{width:calc(224px / 2);font-size:13px;line-height:2.769;}
    .rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs > span{width:calc(224px / 2);}
    .rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabs span[class $= "-02"]{left:calc(224px / 2);}
    .rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabconts{margin-top:22px;}
	.rentalcare-service-wrap [class$="-timeline"] .rentalcare-tabconts .tabcont img{width:100%}

	.rentalcare-service-wrap.type-mov [class$="-cont"]{flex-direction:column;}
	.rentalcare-service-wrap.type-mov [class$="-cont"] > ul,
	.rentalcare-service-wrap.type-mov [class$="-cont"] > div{width:100%;}
	.rentalcare-service-wrap.type-mov [class$="-tits"]{font-size:15px;text-align:center;}
	.rentalcare-service-wrap.type-mov [class$="-mov"]{margin-top:8px;padding:20px 5px;border-radius:10px;}
	.rentalcare-service-wrap.type-mov [class$="-vid-area"]{margin-top:15px;}
	.rentalcare-service-wrap.type-mov [class$="-vid-area"] video{border-radius:10px;}
 
 	/* 비디오 태그 영역 + 자막 */
	 [data-caption].rentalcare-cont{margin-top: 30px;}
	 [data-caption].rentalcare-cont video{border-radius: 12px;}
	 [data-caption].rentalcare-cont .video-caption-button{top: 16px;right: 16px;}
	 [data-caption="true"].rentalcare-cont .caption-btn{font-size: 12px; padding: 2px 8px;}
	 [data-caption].rentalcare-cont .video-title-info{font-size: 12px; line-height: 19px; letter-spacing: -.4px; bottom: 0;left: 0;text-align: left; margin-top: 8px;position: relative;}
	 [data-caption].rentalcare-cont .video-caption{margin-top: 12px;padding: 12px; border-radius: 12px;}
	 [data-caption].rentalcare-cont .caption-text{margin-top: 6px;height: 84px;max-height: 84px;font-size: 12px;line-height: 20px;}
	 [data-caption].rentalcare-cont .video-controls-button .video-play-button,[data-caption].rentalcare-cont .video-controls-button .video-sound-button{width: 24px; height: 24px;}
}