/* [임시] 유의사항 제거 */
.care-solution-info{display: none;}

/* 영역별 마진 패딩 */
.subscribe-wrap{width: 100%;max-width: 1380px;margin: 0 auto; margin-top: 80px;margin-bottom: 80px;}
.subscribe-wrap [class*='subscribe-banner']:not(:first-child){padding-bottom: 80px;padding-top: 80px;border-bottom: 2px solid #ddd;}
.subscribe-wrap [class*='subscribe-banner']:not(:first-child):last-child{padding-bottom: 0;}
.subscribe-wrap [class*='subscribe-banner']:last-child{border: none;}
.subscribe-banner-top{margin-bottom: 80px;}

/* 컬러 */
[data-subscribe-color]{--color-red:#C90000;--color-blue:#00838F;--color-orange:#D44100;--bg-red:#F5ECEC;--bg-blue:#E4EFF0;--bg-orange:#F7ECE2;}
[data-subscribe-color][data-paint="background-color"], [data-subscribe-color] [data-paint="background-color"] {background-color: var(--bg);}
[data-subscribe-color] [data-paint="reverse-color"] {background-color: var(--color);}
[data-subscribe-color][data-paint="reverse-color"] {background-color: var(--color);}
[data-subscribe-color] [data-paint="color"] {color: var(--color);}
[data-subscribe-color][data-paint="border"] {border-color: var(--color);}
[data-subscribe-color="red"] {--color: var(--color-red);--bg: var(--bg-red);}
[data-subscribe-color="orange"] {--color: var(--color-orange);--bg: var(--bg-orange);}
[data-subscribe-color="blue"] {--color: var(--color-blue);--bg: var(--bg-blue);}

/* 공통 배너 타이틀 */
[data-component="banner-title"].subscribe-banner-title{display: flex; margin-bottom: 60px;}
[data-component="banner-title"].subscribe-banner-title .banner-logo{display: flex; flex-direction: column; align-items: center;justify-content: end; margin-right: 40px;}
[data-component="banner-title"].subscribe-banner-title .banner-logo img{min-width: 62px;min-height: 62px;}
[data-component="banner-title"].subscribe-banner-title .banner-text-point{margin-top: 20px;font-size: 16px;color: #fff;border-radius: 32px; width: 100px;height: 32px;display: flex;align-items: center;justify-content: center; font-family: "pretendard", sans-serif; font-weight: bold;}
[data-component="banner-title"].subscribe-banner-title .title-main{font-size: 34px;font-weight: bold;line-height: 48px;}
[data-component="banner-title"].subscribe-banner-title .title-sub{font-size: 18px; line-height: 24px;color: #666;margin-top: 8px;}
[data-component="banner-title"].subscribe-banner-title .text-point{font-weight: 400; color: #444;}

/* SUBSCRIBE 및 제목 */
[data-component="main-title"].subscribe-title{text-align: center;}
[data-component="main-title"].subscribe-title .subscribe-tag{max-width: 410px;width: 100%;}
[data-component="main-title"].subscribe-title .subscribe-text{font-size: 34px; line-height: 46px;margin-top: 20px; color: #444;}
[data-component="main-title"].subscribe-title .text-point{font-weight: bold; color: #000;}

/* 카드 형태 영역 */
[data-component="card"].subscribe-card-list{display: flex;column-gap: 24px; margin-top: 60px; position: relative;justify-content: center;}
[data-component="card"].subscribe-card-list .subscribe-card{max-width: 444px; height: 384px; flex: 1 1 0%; border-radius: 25px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
[data-component="card"].subscribe-card-list .subscribe-card img{min-width: 62px; min-height: 62px;}
[data-component="card"].subscribe-card-list .card-text-point{margin-top: 32px;font-size: 16px;color: #fff;border-radius: 32px;display: flex;align-items: center;justify-content: center; font-family: "pretendard", sans-serif; font-weight: bold;width: 100px;height: 32px;}
[data-component="card"].subscribe-card-list .card-desc {text-align: center;font-size: 28px;font-weight: bold;line-height: 38px;letter-spacing: -0.4px;margin-top: 16px;}

/* 카드 형태 영역 - 정수기 전용 */
[data-component="purifiers-card"].subscribe-card-list{display: flex;column-gap: 24px; margin-top: 60px; position: relative;}
[data-component="purifiers-card"].subscribe-card-list .subscribe-card{max-width: 444px; height: 220px; flex: 1 1 0%; border-radius: 25px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
[data-component="purifiers-card"].subscribe-card-list .subscribe-card img{min-width: 62px; min-height: 62px;}
[data-component="purifiers-card"].subscribe-card-list .card-text-point{font-size: 16px;color: #fff;border-radius: 32px;display: flex;align-items: center;justify-content: center; font-family: "pretendard", sans-serif; font-weight: bold;padding: 7px 20px;}
[data-component="purifiers-card"].subscribe-card-list .card-desc {text-align: center;font-size: 28px;font-weight: bold;line-height: 38px;letter-spacing: -0.4px;margin-top: 16px;}

/* 특징 영역 - 정수기 전용 */
[data-component="feature-purifiers"].subscribe-feature{display: flex;column-gap: 48px;padding-top: 80px;}
[data-component="feature-purifiers"].subscribe-feature .feature-item{flex: 1 1 0%;position: relative;}
[data-component="feature-purifiers"].subscribe-feature .title-box{position: relative;}
[data-component="feature-purifiers"].subscribe-feature .title-box .number{font-size: 20px;font-weight: bold;}
[data-component="feature-purifiers"].subscribe-feature .title-box .title{font-size: 24px;line-height: 32px; font-weight: bold;margin-top: 10px;}
[data-component="feature-purifiers"].subscribe-feature .content{padding-top: 20px; margin-top: 20px; border-top: 1px solid #DDDDDD;}
[data-component="feature-purifiers"].subscribe-feature .content .text{font-size: 18px;line-height: 24px; color: #666666;}
[data-component="feature-purifiers"].subscribe-feature .feature-item .icon{ width: 64px;height: 64px; display: inline-block;border-radius: 50%; position: absolute; top: 0; right: 0;
}
[data-component="feature-purifiers"].subscribe-feature .icon-1{
background: url(/kr/images/common/pdp_rentalcare/images/common/purifiers-common-icon-1.svg) center no-repeat #F5F5F5;
}
[data-component="feature-purifiers"].subscribe-feature .icon-2{
background: url(/kr/images/common/pdp_rentalcare/images/common/purifiers-common-icon-2.svg) center no-repeat #F5F5F5;
}
[data-component="feature-purifiers"].subscribe-feature .icon-3{
background: url(/kr/images/common/pdp_rentalcare/images/common/purifiers-common-icon-3.svg) center no-repeat #F5F5F5;
}
[data-component="feature-purifiers"].subscribe-feature .icon-4{
background: url(/kr/images/common/pdp_rentalcare/images/common/purifiers-common-icon-4.svg) center no-repeat #F5F5F5;
}
[data-component="feature-purifiers"].subscribe-feature .icon-5{
background: url(/kr/images/common/pdp_rentalcare/images/common/purifiers-common-icon-5.svg) center no-repeat #F5F5F5;
}

/* 디스클라이머 */
[data-component="disclaimer"].dot-list{margin-top: 12px;margin-left: 24px; font-size: 14px; line-height: 24px; color: #666666;}
[data-component="disclaimer"].dot-list.no-left{margin-left: 0;}
[data-component="disclaimer"].dot-list.absol{position: absolute;left: 0;bottom: -2rem;}
[data-component="disclaimer"].dot-list.absol.line-2{bottom: -4rem;}
[data-component="disclaimer"].dot-list.absol.line-3{bottom: -5rem;}
[data-component="disclaimer"].dot-list [class*='deco-']{margin-left: 0.5em; text-indent: -0.5em;}
[data-component="disclaimer"].dot-list .deco-star::before{content: "*";}
[data-component="disclaimer"].dot-list .deco-dot::before{content: "\00B7";}

/* 스와이퍼 슬라이드(pc 카드 / mo 슬라이드) */
[data-component="swiper-slide"].subscribe-carousel-list .subscribe-swiper{position: relative;}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-wrapper{display: flex;}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-slide{position: relative; flex: 1 1 0%;}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-slide img{width: 100%; border-radius: 25px;}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-button-next, [data-component="swiper-slide"].subscribe-carousel-list .swiper-button-prev{filter: drop-shadow(3px 3px 10px rgba(0,0,0,30%));}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-button-next{background-image:url(/kr/images/common/pdp_rentalcare/images/common/swiper-button-next.svg); right: 0;}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-button-prev{background-image:url(/kr/images/common/pdp_rentalcare/images/common/swiper-button-prev.svg); left: 0;}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-button-next:after, [data-component="swiper-slide"].subscribe-carousel-list .swiper-button-prev:after{display: none;}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-pagination{position: relative; bottom: inherit; justify-content: center; margin-top: 13px;}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-pagination-bullet-active{background: #EA1917; width: 22px; border-radius: 5px;}
[data-component="swiper-slide"].subscribe-carousel-list .swiper-pagination, [data-component="swiper-slide"].subscribe-carousel-list [class*="swiper-button"], [data-component="swiper-slide"].subscribe-carousel-list .swiper-notification{display: none;} 

[data-component="swiper-slide"].subscribe-carousel-list .inner-title{position: absolute; top: 0; margin-top: 24px; margin-left: 24px;}
[data-component="swiper-slide"].subscribe-carousel-list .inner-title-main{font-size: 24px; line-height: 32px; font-weight: bold;}
[data-component="swiper-slide"].subscribe-carousel-list .inner-title-sub{font-size: 18px; line-height: 24px; color:#666666; margin-top: 5px;}

/* 서브텍스트 - 회수관리  */
[data-component="banner-sub-text"]{display: flex; column-gap: 30px; align-items: flex-start; border-top: 2px #efefef solid; padding-top: 24px;margin-bottom: 40px;margin-top: 60px;}
[data-component="banner-sub-text"] .sub-icon{display: flex; column-gap: 8px; align-items: center;}
[data-component="banner-sub-text"] .sub-icon .text{font-size: 22px; font-weight: bold;line-height: 32px;letter-spacing: -.5px;}
[data-component="banner-sub-text"] .text-wrap .text{font-size: 18px; color: #666; line-height: 24px;}

/* 아이템 격자 리스트 */
[data-component="flex"].subscribe-flex-list .flex-item-wrap{display: flex; flex-wrap: wrap; row-gap: 40px;}
[data-component="flex"].subscribe-flex-list .flex-item{width: 100%; max-width: 50%; display: flex;column-gap: 35px;}
[data-component="flex"].subscribe-flex-list .flex-item.extra-text{position: relative;}
[data-component="flex"].subscribe-flex-list .flex-item.extra-text::after{content: "해당 이미지는 이해를 돕기 위한 이미지입니다." / "" ;position: absolute;font-size: 14px;bottom: -1.5rem;color: #999;left: 24px; line-height: 20px;}
[data-component="flex"].subscribe-flex-list .img{width: 100%; max-width: 327px;}
[data-component="flex"].subscribe-flex-list img{width: 100%;}
[data-component="flex"].subscribe-flex-list .inner-title-main{font-size: 24px; line-height: 32px; font-weight: bold;}
[data-component="flex"].subscribe-flex-list .inner-title-sub{font-size: 18px; line-height: 24px; color:#666666; margin-top: 5px;}
[data-component="flex"].subscribe-flex-list .inner-title [data-component="disclaimer"].dot-list{color:#949494;}

/* 모달 버튼 */
[data-component="flex"].subscribe-flex-list .modal-btn{margin-top: 12px;}
[data-component="flex"].subscribe-flex-list .modal-btn button{font-size: 14px; border: 1px solid #222; border-radius: 30px; font-weight: bold; padding: 6px 30px; line-height: 24px;}

/* 모달 창*/
html:has(body.modal-open),body.modal-open {overflow: hidden}
.modal-container {position: fixed;inset: 0;z-index: 1000;}
.modal-dim {position: absolute;inset: 0;background: rgba(0,0,0,.7);}
.modal-box {position: relative;width: 90%;max-width: 900px;max-height: 90vh;margin: auto;background: #fff;border-radius: 12px;overflow-y: auto;padding: 28px 40px 48px;top: 50%; transform: translateY(-50%);}
.modal-top {display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #000;padding-bottom: 17px; margin-bottom: 48px;}
.modal-title {font-size: 20px;font-weight: 700;line-height: 32px;}
.modal-close{background: url(/kr/images/common/pdp_rentalcare/images/common/modal-close.svg) no-repeat center;width: 24px;height: 24px;}
.modal-subtitle{font-size: 14px; line-height: 24px; margin-bottom: 15px; color: #333;}
.modal-list li {font-size: 14px; line-height: 24px; color: #333;}
.modal-list:has(+ *), .modal-table:has(+ *){margin-bottom: 30px;}
.modal-table{width: 100%;}
.modal-table table{width: 100%;padding: 0;border: 0;border-spacing: 0px;border-collapse: collapse;display: inherit;}
.modal-table thead{background-color: #eee;}
.modal-table th,.modal-table td{font-weight: normal; border: 1px solid #CFCFCF;padding: 12px;font-size: 14px;color: #000;text-align: center;}

/* 주기표 css */
[data-component="period"] {margin-top: 80px;}
[data-component="period"] .title{text-align: center; padding: 40px 0; }
[data-component="period"] .title p{font-size: 34px; line-height: 1;font-weight: bold;}
[data-component="period"] .period-service{margin-top: 40px;}
[data-component="period"] .period-tab-wrap{display: flex;justify-content: center;}
[data-component="period"] .period-tab{width: 100%;max-width: 699px;display: flex;padding: 10px; border-radius: 100px; background-color: #F7F7F7;}
[data-component="period"] .period-tab .tab{width: 100%; border-radius: inherit;text-align: center;padding: 12px;}
[data-component="period"] .period-tab .tab:not(.on){background-color: transparent;}
[data-component="period"] .period-tab .tab:not(.on) .tab-title{color: #666;}
[data-component="period"] .period-tab .tab:not(.on) .tab-text{color: #767676;}
[data-component="period"] .period-tab .tab a{height: 63px; display: flex; flex-direction: column; justify-content: space-between;}
[data-component="period"] .period-tab .tab .tab-title{color: #fff; font-weight: bold;line-height: 1.4; font-size: 26px;}
[data-component="period"] .period-tab .tab .tab-text{color: #fff; line-height: 1.3; font-size: 18px; letter-spacing: -0.5px;}
[data-component="period"] .period-table .dot-list{padding: 31.5px 0px 31.5px 50px}
[data-component="period"] .period-content{margin-top: 60px;}
[data-component="period"] img{width: auto; max-width: 100%; height: auto;}

/* 주기표 아코디언 */
.period_accordion.accordion-wrap>ul>.lists .head{display: flex;justify-content: center;margin-top: 80px;}
.period_accordion.accordion-wrap>ul>.lists .head .accord-btn{padding: 15px 77px 15px 53px; border: 1px solid #818181; border-radius: 50px; }
.period_accordion.accordion-wrap>ul>.lists .accord-cont{padding: 0;color: inherit;}
.period_accordion.accordion-wrap>ul>.lists.on{box-shadow: none;}
.period_accordion.accordion-wrap>ul>.lists .head .accord-btn .title{font-size: 16px; font-weight: 500;}
.period_accordion.accordion-wrap>ul>.lists .head .accord-btn::after{border: none;background: url(/kr/images/common/pdp_rentalcare/images/common/accordion-btn.svg) no-repeat center;width: 11px;height: 7px;right: 54px;top: 54%; user-select: none;}


/* 움직이는 GIF 이미지, mp4 */
[data-component="hover-image"].subscribe-gallery-list{margin-bottom: 35px;}
[data-component="hover-image"].subscribe-gallery-list [class*="subscribe-gallery"]{position: relative;}
[data-component="hover-image"].subscribe-gallery-list img, [data-component="hover-image"].subscribe-gallery-list video{width: 100%; display: flex;}
[data-component="hover-image"].subscribe-gallery-list .gallery-jpg{display: none;}
[data-component="hover-image"].subscribe-gallery-list [class*="subscribe-gallery"]:hover .gallery-gif,[data-component="hover-image"].subscribe-gallery-list [class*="subscribe-gallery"]:focus-visible .gallery-gif,[data-component="hover-image"].subscribe-gallery-list [class*="subscribe-gallery"]:hover .gallery-video,[data-component="hover-image"].subscribe-gallery-list [class*="subscribe-gallery"]:focus-visible .gallery-video{display: none;}
[data-component="hover-image"].subscribe-gallery-list [class*="subscribe-gallery"]:hover .gallery-jpg, [data-component="hover-image"].subscribe-gallery-list [class*="subscribe-gallery"]:focus-visible .gallery-jpg{display: block;}

/* 비디오 배너 영역 */
[data-component="video-banner"].subscribe-video-list{display: flex; justify-content: space-between; align-items: center; border-radius: 25px; position: relative;padding: 32px;}
[data-component="video-banner"].subscribe-video-list .video-title{margin-left: 52px;}
[data-component="video-banner"].subscribe-video-list .video-title-tag{font-size: 20px; line-height: 30px; font-weight: bold;}
[data-component="video-banner"].subscribe-video-list .video-title-main{font-size: 24px; line-height: 32px;margin-top: 4px; font-weight: bold;}
[data-component="video-banner"].subscribe-video-list .video-title-sub{font-size: 18px; line-height: 24px; margin-top: 20px; color: #444;}
[data-component="video-banner"].subscribe-video-list .video-title-link{font-size: 16px; line-height: 24px; color: #232323; position: relative; display: inline-block; border:2px solid #232323; border-radius: 25px; padding: 6px 24px;margin-top: 25px; justify-self: center;}
[data-component="video-banner"].subscribe-video-list .video-title-link:hover,
[data-component="video-banner"].subscribe-video-list .video-title-link:focus-visible{color: #fff; background-color: #000;outline:2px auto #101010;outline-offset:-3px;}
[data-component="video-banner"].subscribe-video-list .video-title-link::after{content: ""; background: url('/kr/images/common/pdp_rentalcare/images/common/arrow-right-black.svg') no-repeat 100%; display: inline-block; width: 8px;height: 13px; margin-left: 6px;}
[data-component="video-banner"].subscribe-video-list .video-title-link:hover::after,[data-component="video-banner"].subscribe-video-list .video-title-link:focus-visible::after{background-image: url('/kr/images/common/pdp_rentalcare/images/common/arrow-right-white.svg');}
[data-component="video-banner"].subscribe-video-list .video-title-info{font-size: 14px;line-height: 24px; color: #666; position: absolute; bottom: 25px;}

/* 비디오 태그 영역 + 자막 */
[data-caption].video-item{max-width: 570px;}
[data-caption].video-item .video{position: relative;}
[data-caption].video-item video{ width: 100%; border-radius: 25px;}
[data-caption].video-item.active .play-btn{visibility: hidden;}
[data-caption].video-item .play-btn{position: absolute;top: 50%;left: 50%;z-index: 1;width: 50px;height: 50px;transform: translate(-50%, -50%);visibility: visible;}
[data-caption].video-item .play-btn img{width: 100%;}
[data-caption].video-item .play-btn:focus-visible:before,
[data-caption].video-item .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].video-item .play-btn:focus-visible img,
[data-caption].video-item .play-btn:hover img{display:none;}
[data-caption].video-item .video-controls-button{display: none;}
[data-caption].video-item.active .video-controls-button{display: block;}
[data-caption].video-item .video-controls-button .left{right: 16px; bottom: 16px;}
[data-caption].video-item .video-controls-button .right{left: 16px; bottom: 16px;}
[data-caption].video-item .video-controls-button .video-play-button,[data-caption].video-item .video-controls-button .video-sound-button{position: absolute; width: 32px; height: 32px; pointer-events: all; z-index: 2;}
[data-caption].video-item .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].video-item .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].video-item .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].video-item .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"].video-item .video-caption-button,[data-caption="false"].video-item .video-caption{display: none;}
[data-caption="true"].video-item .video-caption-button{position: absolute; top: 24px; right: 24px;}
[data-caption="true"].video-item .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"].video-item .caption-btn:focus-visible,
[data-caption="true"].video-item .caption-btn:hover{background: rgba(255, 255, 255, 1);color:#232323;}
[data-caption="true"].video-item .video-caption{display: none;position: relative;margin-top: 24px;padding: 24px;border: 1px solid #ddd;border-radius: 8px;background: #fff;}
[data-caption="true"].video-item .video-caption.active{display: block;}
[data-caption="true"].video-item .caption-title{padding-right: 32px;font-size: 15px;line-height: 22px;font-weight: 700;text-align: left;}
[data-caption="true"].video-item .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"].video-item .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%;}

/* 비디오 없이 텍스트 영역 */
[data-component="text-banner"].subscribe-text-list{display: flex; column-gap: 16px;}
[data-component="text-banner"].subscribe-text-list .text-banner-title{border-radius: 20px;}
[data-component="text-banner"].subscribe-text-list .text-title-main{font-size: 22px; line-height: 30px; font-weight: bold;color: #fff;padding: 35px;justify-content: center;min-width: 202px; height: 100%; display: flex; align-items: center;text-align: center;}
[data-component="text-banner"].subscribe-text-list .text-content{font-size: 18px; line-height: 24px;padding: 40px;}
[data-component="text-banner"].subscribe-text-list .text-banner-sub{border-radius: 20px; display: flex;align-items: center;flex: 1 1 0%;}
[data-component="text-banner"].subscribe-text-list .text-content span{font-weight: bold;}
[data-component="text-banner"].subscribe-text-list:has(+ .dot-list){margin-bottom: 28px;}

/* 단순 이미지 배너 영역 */
[data-component="image-banner"].subscribe-image-list .question-wrap{display: flex; column-gap: 24px;position: relative;--ir-w: 1380;--ir-w-m: 656;}
[data-component="image-banner"].subscribe-image-list img{width: 100%; padding: 0 28px;}
[data-component="image-banner"].subscribe-image-list .question-link {display: block;position: absolute;top:0;}
[data-component="image-banner"]:has(+ .dot-list) .question-item img{padding-bottom: 14px;}

/* 배너 링크 */
[data-component="image-banner"].subscribe-image-list .question-link{left: calc(var(--left) / var(--ir-w) * 100%);width: calc(var(--width) / var(--ir-w) * 100%);margin-top: calc(var(--top) / var(--ir-w) * 100%);padding-bottom: calc(var(--height) / var(--ir-w) * 100%);}

/* a11y 대체텍스트 */
.a11y25-relative{position: relative;}
.a11y25-screenout{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;width: 100%;height: 100%;clip: rect(0, 0, 0, 0);}



@media screen and (max-width: 768px){
    /* 로컬작업시 */
    .subscribe-wrap{padding-left: 16px;padding-right: 16px;}
    /* 로컬작업시 */
    .subscribe-wrap{margin-top: 40px;margin-bottom: 40px;}
    .subscribe-wrap [class*='subscribe-banner']:not(:first-child){border-width: 1px; padding-bottom: 60px; padding-top: 60px;}
    .subscribe-banner-top{margin-bottom: 20px;}

    [data-component="main-title"].subscribe-title .subscribe-tag{width: 291px;}
    [data-component="main-title"].subscribe-title .subscribe-text{font-size: 24px;line-height: 28px;margin-top: 14px;}
    [data-component="main-title"].subscribe-title .text-point{font-size: 27px; line-height: 34px;}

    [data-component="card"].subscribe-card-list{flex-direction: column;row-gap: 16px;margin-top: 30px;}
    [data-component="card"].subscribe-card-list .subscribe-card{padding: 37px 0 30px;max-width: inherit;}
    [data-component="card"].subscribe-card-list .subscribe-card:has(.absol) + *{margin-top: 2rem;}
    [data-component="card"].subscribe-card-list .subscribe-card:has(.absol.line-2) + *{margin-top: 3rem;}
    [data-component="card"].subscribe-card-list .subscribe-card:has(.absol.line-3) + *{margin-top: 5rem;}
    [data-component="card"].subscribe-card-list .subscribe-card img{width: 50px; height: 50px;}
    [data-component="card"].subscribe-card-list .card-text-point{font-size: 10px;line-height: 17px;margin-top: 12px;height: 24px;width: 74px;}
    [data-component="card"].subscribe-card-list .card-desc{font-size: 24px; line-height: 32px;}

    [data-component="purifiers-card"].subscribe-card-list{flex-direction: column;row-gap: 16px;margin-top: 30px;}
    [data-component="purifiers-card"].subscribe-card-list .subscribe-card{max-width: inherit;flex: none;height: 163px;}
    [data-component="purifiers-card"].subscribe-card-list .subscribe-card:has(.absol) + *{margin-top: 2rem;}
    [data-component="purifiers-card"].subscribe-card-list .subscribe-card:has(.absol.line-2) + *{margin-top: 3rem;}
    [data-component="purifiers-card"].subscribe-card-list .subscribe-card:has(.absol.line-3) + *{margin-top: 5rem;}
    [data-component="purifiers-card"].subscribe-card-list .subscribe-card img{width: 50px; height: 50px;}
    [data-component="purifiers-card"].subscribe-card-list .card-text-point{font-size: 10px;line-height: 17px;padding: 6px 17px;}
    [data-component="purifiers-card"].subscribe-card-list .card-desc{font-size: 24px; line-height: 32px;}

    [data-component="feature-purifiers"].subscribe-feature .feature-item:not(:first-of-type){padding-top: 30px;margin-top: 30px; border-top: 1px solid #ddd;}
    [data-component="feature-purifiers"].subscribe-feature .title-box{position: initial;}
    [data-component="feature-purifiers"].subscribe-feature{column-gap: 0;flex-direction: column;}
    [data-component="feature-purifiers"].subscribe-feature .title-box .number{font-size: 18px;}
    [data-component="feature-purifiers"].subscribe-feature .title-box .title{font-size: 20px;margin-top: 5px;}
    [data-component="feature-purifiers"].subscribe-feature .content{border: none;padding-top: 0;margin-top: 8px;}
    [data-component="feature-purifiers"].subscribe-feature .content .text{font-size: 14px; line-height: 18px;}
    [data-component="feature-purifiers"].subscribe-feature .feature-item .icon{bottom: 0; top: initial;}

    [data-component="disclaimer"].dot-list{margin-left: 0;font-size: 12px; line-height: 19px;}
    [data-component="disclaimer"].dot-list.mt-30{margin-top: 30px;}
    [data-component="disclaimer"].dot-list.absol.line-2{bottom: -3rem;}

    [data-component="banner-title"].subscribe-banner-title{flex-direction: column; margin-bottom: 30px;}
    [data-component="banner-title"].subscribe-banner-title .banner-logo{margin-right: 0;}
    [data-component="banner-title"].subscribe-banner-title .title-main{font-size: 20px; line-height: 27px; text-align: center;margin-top: 12px;}
    [data-component="banner-title"].subscribe-banner-title .title-sub{font-size: 14px; line-height: 18px;text-align: center;margin-top: 7px;}
    
    [data-component="swiper-slide"].subscribe-carousel-list [class*="swiper-button"]{display: block;}
    [data-component="swiper-slide"].subscribe-carousel-list .swiper-pagination{display: flex;}
    [data-component="swiper-slide"].subscribe-carousel-list .swiper-slide{padding: 0 36px; flex: none;}
    [data-component="swiper-slide"].subscribe-carousel-list .inner-title-main{font-size: 20px; line-height: 16px;}
    [data-component="swiper-slide"].subscribe-carousel-list .inner-title-sub{font-size: 14px; line-height: 18px; margin-top: 10px;}
    
    [data-component="banner-sub-text"]{flex-direction: column;align-items: center;row-gap: 12px;}
    [data-component="banner-sub-text"] .sub-icon .text{font-size: 20px; line-height: 29px;}
    [data-component="banner-sub-text"] .text-wrap .text{text-align: center;font-size: 14px;line-height: 19px;}

    [data-component="flex"].subscribe-flex-list .flex-item-wrap{row-gap: 30px;}
    [data-component="flex"].subscribe-flex-list .flex-item{max-width: initial; flex-direction: column; row-gap: 18px;}
    [data-component="flex"].subscribe-flex-list .flex-item.extra-text{margin-bottom: 30px;}
    [data-component="flex"].subscribe-flex-list .flex-item.extra-text::after{font-size: 12px;line-height: 19px; left: 0;color: #666;bottom: -2rem;}
    [data-component="flex"].subscribe-flex-list .inner-title{padding: 0 10px;}
    [data-component="flex"].subscribe-flex-list .inner-title-main{font-size: 20px; line-height: 16px;}
    [data-component="flex"].subscribe-flex-list .inner-title-sub{font-size: 14px; line-height: 18px; margin-top: 10px;}
    [data-component="flex"].subscribe-flex-list .img{max-width: initial;}


    [data-component="video-banner"].subscribe-video-list{flex-direction: column;padding: 20px 16px;}
    [data-component="video-banner"].subscribe-video-list .video-title{margin-left: 0; text-align: center;}
    [data-component="video-banner"].subscribe-video-list .video-title-tag{font-size: 16px; line-height: 18px;}
    [data-component="video-banner"].subscribe-video-list .video-title-main{font-size: 20px; line-height: 27px;}
    [data-component="video-banner"].subscribe-video-list .video-title-sub{font-size: 14px; line-height: 18px; margin-top: 12px;}
    [data-component="video-banner"].subscribe-video-list .video-title-link{font-size: 14px; line-height: 12px; padding: 6px 16px; display: flex;align-items: center; margin-top: 20px;}
    
    [data-component="image-banner"].subscribe-image-list img,[data-component="image-banner"]:has(+ .dot-list) .question-item img{padding: 0;}
    
    /* 비디오 태그 자막 */
    [data-caption].video-item{margin-top: 30px;}
    [data-caption].video-item video{border-radius: 12px;}
    [data-caption].video-item .video-caption-button{top: 16px;right: 16px;}
    [data-caption="true"].video-item .caption-btn{font-size: 12px; padding: 2px 8px;}
    [data-caption].video-item .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].video-item .video-caption{margin-top: 12px;padding: 12px; border-radius: 12px;}
    [data-caption].video-item .caption-text{margin-top: 6px;height: 84px;max-height: 84px;font-size: 12px;line-height: 20px;}
    [data-caption].video-item .video-controls-button .video-play-button,[data-caption].video-item .video-controls-button .video-sound-button{width: 24px; height: 24px;}
    
    [data-component="image-banner"].subscribe-image-list .question-wrap{flex-direction: column; row-gap: 20px;}

    /* 비디오 없이 텍스트 영역 */
    [data-component="text-banner"].subscribe-text-list{row-gap: 14px; flex-direction: column;}
    [data-component="text-banner"].subscribe-text-list .text-banner-title{border-radius: 14px;}
    [data-component="text-banner"].subscribe-text-list .text-title-main{font-size: 18px; line-height: 16px;padding: 16px 0;}
    [data-component="text-banner"].subscribe-text-list .text-banner-sub{border-radius: 14px;}
    [data-component="text-banner"].subscribe-text-list .text-content{font-size: 14px; line-height: 20px;padding: 20px 24px;}
    [data-component="text-banner"].subscribe-text-list:has(+ .dot-list){margin-bottom: 18px;border-radius: 24px;}

    /* 로보킹 CSS */
    .vacuum-cleaners [data-component="main-title"].subscribe-title .text-point{font-size: 22px; line-height: 30px;}
    /* 로보킹 CSS */

    /* 배너 링크 */
    [data-component="image-banner"].subscribe-image-list .question-link{left: calc(var(--left-m) / var(--ir-w) * 100%);width: calc(var(--width-m) / var(--ir-w) * 100%);margin-top: calc(var(--top-m) / var(--ir-w) * 100%);padding-bottom: calc(var(--height-m) / var(--ir-w) * 100%);}

    /* 모달 버튼*/
    [data-component="flex"].subscribe-flex-list .modal-btn button{font-size: 13px;padding: 8px 33px;line-height: 12px;}

    /* 모달 창*/
    .modal-box{width: 100%;height: 100vh; max-height: 100vh; border-radius: 0;padding: 24px 16px 60px;}
    .modal-top{margin-bottom: 32px;}
    .modal-title{font-size: 16px;line-height: 16px;}

    /* 주기 */
    [data-component="period"]{margin-top: 40px;}
    [data-component="period"] .period-service{margin-top: 20px;}
    [data-component="period"] .title{padding: 20px 0;}
    [data-component="period"] .title p{font-size: 20px; line-height: 1.3;}
    [data-component="period"] .period-tab{padding: 4px;}
    [data-component="period"] .period-tab .tab{padding: 8px;}
    [data-component="period"] .period-tab .tab a{height: auto;}
    [data-component="period"] .period-tab .tab .tab-title{font-size: 14px;line-height: 1.5;}
    [data-component="period"] .period-tab .tab .tab-text{font-size: 12px;line-height: 1.5;}

    [data-component="period"] .period-content{margin-top: 30px;}
    .period_accordion.accordion-wrap>ul>.lists .head{margin-top: 40px;}
    .period_accordion.accordion-wrap>ul>.lists .head .accord-btn{padding: 9px 42.5px 9px 25px;}
    .period_accordion.accordion-wrap>ul>.lists .head .accord-btn .title{font-size: 13px;}
    .period_accordion.accordion-wrap>ul>.lists .head .accord-btn::after{right: 24px;}

}