/* 홈 서비스 탭 매장 */
/* 23.09 생성 */

/* common */
.home-service a {display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.home-service .hm-content-area {padding-bottom: 40px;}
.home-service .hm-content-area:nth-of-type(1) {padding-bottom: 63px;}
.home-service .hm-content-area.full-bg:nth-of-type(1) {padding-bottom: 0;}
.home-service .hm-content-area.full-bg:nth-of-type(2) {padding-bottom: 20px;}
.home-service .hm-content-area.full-bg:nth-of-type(3) {padding-bottom: 31px;}
.home-service .hm-content-area.full-bg {background-color: var(--hi-bg-gray);}
.home-service .rolling-bottom-sheet-box .rolling__list,
.home-service .rolling-review-box .rolling__list {position: relative; top: 0; height: auto;}

/* main */
.home-service .title-box {padding: 40px 0 24px;}
.home-service .title-box .logo-hs {display: block; width: 117px; height: 40px; margin: 0 auto 24px;}
.home-service .title-box .logo-hs + .title__txt {text-align: center;}
.home-service .title-box .title__sub {margin-top: 6px; text-align: center;}
.home-service .title-box + .category-box {margin-top: 0;}
.home-service .title-box .logo-hs.type2 {display: block; width: 148px; height: auto; margin: 0 auto 16px;}

.home-service .spot-box {margin: 0 -22px; font-size:var(--hi-fs-detail4); line-height: 0;}

.home-service .video-box .video__touch-layer {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999;}
.home-service .video-box .video__touch-layer--play {bottom: 60px;}
.home-service .video-box .video__thumb {overflow: hidden; position: relative; height: 49.6vw; border-radius: 9px; z-index: 1;}
.home-service .video-box .video__thumb img {height: 100%;}
.home-service .video-box .button--icon-play {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: var(--hi-black-dim-80);}
.home-service .video-box .button--icon-play::before {content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background: url(../img/icon/ico_play_20_white.svg); background-size: 100% auto;}
.home-service .video-box .video__run-time {position: absolute; top: 12px; right: 12px; padding: 4px 8px; border-radius: 100px; background-color: var(--hi-black-dim-80); font-size: var(--hi-fs-detail1); font-weight: var(--hi-font-w700); line-height: var(--hi-fs-detail1); color: var(--hi-text-white); z-index: 100;}
.home-service .video-box .video__info {margin: 12px 0 0; padding: 0 4px;}
.home-service .video-box .video__title {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.home-service .video-box .video__title strong {display:block;max-width:calc(100% - 18px);line-height:16px;font-size: var(--hi-fs-body2); color: var(--hi-text-gray7);}
.home-service .video-box .video__title-arrow {display:block;width:16px;height:16px;margin-left:2px;vertical-align:top;background:url(../img/icon/ico_arrow_right_16.svg) center center no-repeat;}
.home-service .video-box .video__summary {margin: 4px 0 0; font-size: var(--hi-fs-body3); font-weight: var(--hi-font-w400); line-height: 21px; color: var(--hi-text-gray5);}

.home-service .video-box .video-swiper {position: relative;padding:0 22px 40px;margin:0 -22px;overflow:hidden;}
.home-service .video-box .swiper-pagination-progress {overflow: hidden; top: auto; bottom: 16px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: 0.3s opacity; width: 105px; border-radius: 4px; background-color: var(--hi-gray1);}
.home-service .video-box .swiper-pagination-progressbar {border-radius: 4px; background-color: var(--hi-real-black);}
.home-service .video-box .swiper-pagination-progressbar:not([style="transform: translate3d(0%, 0px, 0px) scaleX(1) scaleY(1); transition-duration: 300ms;"]) {border-radius: 4px 0 0 4px;}

.home-service .rolling-banner-box {padding: 24px 22px 0;margin:0 -22px;overflow:hidden;}
.rolling-banner-box .rolling__list.original {-webkit-animation: rollingLeft1 20s linear infinite; animation: rollingLeft1 20s linear infinite;}
.rolling-banner-box .rolling__list.clone {-webkit-animation: rollingLeft2 20s linear infinite; animation: rollingLeft2 20s linear infinite;}
.home-service .rolling-banner-box .rolling__item {width: 161px; height: 128px; padding: 16px 12px 12px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--hi-bg-white); color: var(--hi-text-gray4);}
.home-service .rolling-banner-box .rolling__item-txt {margin-top: 4px;}
.home-service .rolling-banner-box .rolling__item-img {position: absolute; right: 12px; bottom: 12px; width: 56px; height: 40px;}

.home-service .rolling-banner-box + .button-box {font-size:var(--hi-fs-detail4); line-height: 0;}

.home-service .rolling-bottom-sheet-box.type-line {border: 1px solid var(--hi-gray2); background-color: var(--hi-bg-white);}
.home-service .rolling__btn img {display: inline-block; width: 18px; height: auto; margin-right: 4px; vertical-align: -4px;}

.home-service .button--guarantee {display: block; width: 100%; padding: 18px 0; border: none; outline: none; background-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.home-service .button--guarantee .button__txt {font-size: var(--hi-fs-body3); font-weight:var(--hi-font-w400); line-height: var(--hi-fs-body3); color: var(--hi-text-gray4);}
.home-service .button--guarantee::before {content: ""; display: inline-block; width: 16px; height: 16px; margin: -1px 3px 0 0; background: url(../img/icon/ico_info_16_blue.svg) no-repeat 0 0; background-size: 100% auto; vertical-align: top;}
.home-service .button--guarantee::after {content: ""; display: inline-block; width: 12px; height: 12px; margin: 1px 0 0 4px; background: url(../img/icon/ico_arrow_down_12_gray4.svg) no-repeat 0 0; background-size: 100% auto; vertical-align: top;}

.home-service .banner-slide-box {font-size:var(--hi-fs-detail4); line-height: 0;padding:0 22px;margin:0 -22px;overflow:hidden;}
.home-service .banner-slide-box .swiper-slide {overflow: hidden; border-radius: 10px;}

.home-service .category-box {margin: 32px 0 20px;}
.home-service .category-box .category__list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size:var(--hi-fs-detail4); line-height: 0;}
.home-service .category-box .category__item {overflow: hidden; width: calc(50% - 4.5px); height: 42.933333vw; border-radius: 9px;}
.home-service .category-box .category__item:nth-of-type(n+3) {margin-top: 9px;}
.home-service .category-box a {position: relative; padding: 4.8vw 3.2vw 3.2vw 4.8vw; -webkit-box-sizing: border-box; box-sizing: border-box; color: var(--hi-icon-white);}
.home-service .category-box a::after {content: ""; position: absolute; top: 4.8vw; right: 3.2vw; width: 4.26667vw; height: 4.26667vw; background: url(../img/icon/ico_arrow_right_16_gray0.svg) no-repeat 0 0; background-size: 100% auto;}
.home-service .category-box .category__title {display: inline-block; padding-right: 4.26667vw; font-size: var(--hi-fs-body2); font-weight:var(--hi-font-w700); line-height: 20px;}
.home-service .category-box .category__txt {margin: 9px 0 0; font-size: var(--hi-fs-body3); font-weight:var(--hi-font-w400); line-height: 18px;}
.home-service .category-box .category__item-img {position: absolute; right: 2.66667vw; bottom: 2.66667vw; width: 13.86667vw; height: 13.86667vw;}

.home-service .category__list.even .category__item:last-child {height: 21.06667vw;}
.home-service .category__list.even .category__item:last-child .category__title br {display: none;}
.home-service .category__list.even .category__item:last-child .category__txt {margin-top: 2px;}
.home-service .category__list.even .category__item:last-child .category__txt br {display: none;}
.home-service .category__list.even .category__item:last-child img {display: none;}

.home-service .hm-banner-area {padding-bottom: 40px;}
.home-service .hm-banner-area .hm-inner {margin: 0 -22px;}
.home-service .hm-banner-area a {display: block; height: 100%;}

.home-service .rolling-review-box {position: relative;}
.home-service .rolling-review-box .rolling-review__thumb {position: relative; overflow: hidden; width: 88.26667vw; height: 110.4vw; border-radius: 15px;}
.home-service .rolling-review-box .rolling-review__thumb::after {content: ""; position: absolute; top: 234px; left: 0; right: 0; bottom: 0; background: linear-gradient(0deg, rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.39) 40%, rgba(0,0,0,0) 100%);}
.home-service .rolling-review {position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; height: 180px; border-radius: 15px; -webkit-mask-image: linear-gradient(180deg, transparent 5%, #000 25%, #000 75%, transparent 95%); mask-image: linear-gradient(180deg, transparent 5%, #000 25%, #000 75%, transparent 95%);}
.home-service .rolling-review .rolling__item {height: 180px; padding: 39px 25px 28px; -webkit-box-sizing: border-box; box-sizing: border-box; color: var(--hi-text-white);}
.home-service .rolling-review .star-point {display: inline-block; font-size: var(--hi-fs-body2); font-weight:var(--hi-font-w700); line-height: var(--hi-fs-body2);}
.home-service .rolling-review .star-point::before {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 3px; background: url(../img/icon/ico_star_16_white.svg) no-repeat 0 0; background-size: 100% auto; vertical-align: -1px;}
.home-service .rolling-review .review {display: block; display: -webkit-box; overflow: hidden; max-height: 54px; line-height: 27px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; word-wrap: break-word; margin-top: 15px; font-family: "HimartHama", sans-serif; font-size: var(--hi-fs-hm-heading4); font-weight: var(--hi-font-w500);}
.home-service .rolling-review .nickname {display: inline-block; margin-top: 10px; font-size: var(--hi-fs-body3); font-weight:var(--hi-font-w400); line-height: var(--hi-fs-body3); color: var(--hi-text-gray1);}

.home-service .hash-tag-box {margin-top: 23px; border: none;}
.home-service .hash-tag-box + .button-box {margin-top: 23px;}

.home-service .product-box {margin:23px -22px 0;padding:0 22px;overflow:hidden;}
.home-service .product-box a {font-size:var(--hi-fs-detail4); line-height: 0;}
.home-service .product-box .product__thumb {-webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; max-width: 80px; width: 21.33333vw; max-height: 80px; height: 21.33333vw; border-radius: 9px;}
.home-service .product-box .product__info {-ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 100%; margin-left: 12px;}
.home-service .product-box .product__brand,
.home-service .product-box .product__title {width: 58.67143vw;}
.home-service .product-box .product__title {margin-top: 4px;}
.home-service .product__price-info {margin-top: 8px;}

.home-service .product-box + .button-box {margin: 20px auto 0;}
.home-service .button-box .button--tertiary.button--icon-arrow-right::after {content: ""; display: inline-block; width: 16px; height: 16px; margin: -1px 0 0 2px; background: url(../img/icon/ico_arrow_right_16.svg) no-repeat 50% 50%; background-size: 7px 12px; vertical-align: top;}

.home-service .product-swiper .swiper-slide {display: -webkit-box; display: -ms-flexbox; display: flex;}

.home-service .content-swiper .swiper-slide {width: 88.26667vw;}
.home-service .content-box .content__thumb {overflow: hidden; height: 52.53333vw; border-radius: 15px;}
.home-service .content-box .content__info {margin-top: 20px;}
.home-service .content-box .content__title {display: block; padding-right: 21px; font-size: var(--hi-fs-heading6); font-weight:var(--hi-font-w700); line-height: var(--hi-fs-heading6);}
.home-service .content-box .content__txt {display: block; margin: 8px 0 0 0; padding-right: 35px; font-size: var(--hi-fs-body2); font-weight:var(--hi-font-w400); line-height: var(--hi-fs-body2);}

.home-service .hm-notice-area {padding-top: 20px;}
.home-service .hm-notice-area .hm-inner {margin: 0 -22px; padding: 32px 0 2px; background-color: #f7f7f7; text-align: center;}
.home-service .hm-notice-area .notice__title {font-size: var(--hi-fs-body2); font-weight:var(--hi-font-w700); line-height: var(--hi-fs-body2); color: var(--hi-text-gray7);}
.home-service .hm-notice-area .notice__txt {margin: 7px 0 0; font-size: var(--hi-fs-detail1); font-weight:var(--hi-font-w400); line-height: 20px; color: var(--hi-text-gray3)}
.home-service .hm-notice-area .notice__service {margin-top: 8px; font-size: var(--hi-fs-body4); font-weight:var(--hi-font-w700); line-height: var(--hi-fs-body4); color: var(--hi-text-gray7);}
.home-service .hm-notice-area .notice__accordion {padding: 16px 22px 12px;}
.home-service .hm-notice-area .notice__accordion-content {position: relative; overflow: hidden; height: 112px; text-align: left;}
.home-service .hm-notice-area .notice__accordion-content::after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 72px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 0.00)), to(rgba(247, 247, 247, 0.80))); background: -o-linear-gradient(top, rgba(247, 247, 247, 0.00) 0%, rgba(247, 247, 247, 0.80) 100%); background: linear-gradient(180deg, rgba(247, 247, 247, 0.00) 0%, rgba(247, 247, 247, 0.80) 100%);}
.home-service .hm-notice-area .notice__accordion-content--active {height: auto;}
.home-service .hm-notice-area .notice__accordion-content--active::after {display: none;}
.home-service .hm-notice-area .notice__accordion-content--active + .notice__accordion-btn::after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.home-service .hm-notice-area .notice__list li {position: relative; padding-left: 16px; font-size: var(--hi-fs-detail1); font-weight:var(--hi-font-w400); line-height: 20px; color: var(--hi-text-gray3); word-wrap: break-word; word-break: break-all;}
.home-service .hm-notice-area .notice__list li + li {margin-top: 4px;}
.home-service .hm-notice-area .notice__list li::before {content: ""; position: absolute; top: 8px; left: 8px; width: 3px; height: 3px; border-radius: 100%; background-color: var(--hi-text-gray3);}
.home-service .hm-notice-area .notice__list-sub-title {display: block; margin: 16px 0 4px; font-size: var(--hi-fs-detail1); font-weight:var(--hi-font-w400); line-height: 20px; color: var(--hi-real-black);}
.home-service .hm-notice-area .notice__accordion-btn {position: relative; z-index: 1; display: block; width: 100%; margin-top: 12px; padding: 0; border: none; outline: none; background-color: transparent; font-size: var(--hi-fs-detail1); font-weight:var(--hi-font-w400); line-height: 20px; color: var(--hi-text-gray4); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.home-service .hm-notice-area .notice__accordion-btn::after {content: ""; display: inline-block; width: 12px; height: 12px; margin: 3px 0 0 2px; background: url(../img/icon/ico_arrow_down_12_gray4.svg) no-repeat 0 0; background-size: 100% auto; vertical-align: top;}

/* 홈 서비스 특장점 바텀시트 */
.hm-bottomSheet__home-service .hm-layer-popup {max-height: calc(100% - 56px);} /* 추후 바텀시트 2개로 사용 시 해당 css 제거 */
.hm-bottomSheet__home-service .home-service__logo {width: 117px; height: 40px; margin: 0 auto 24px;}
.hm-bottomSheet__home-service .home-service__title {margin: 0; font-family: "HimartHama", sans-serif; font-size: var(--hi-fs-hm-heading3); font-weight: var(--hi-font-w500); text-align: center; line-height: 33px;}
.hm-bottomSheet__home-service .home-service__sub-txt {margin: 5px 0 0; font-size: var(--hi-fs-body2); font-weight:var(--hi-font-w400); line-height: 18px; color: var(--hi-gray10); word-wrap: break-word; word-break: keep-all;}
.hm-bottomSheet__home-service .home-service__content {text-align: center;}
.hm-bottomSheet__home-service .home-service__content:first-of-type {padding-bottom: 60px;}
.hm-bottomSheet__home-service .home-service__content:last-of-type {padding-bottom: 20px;}
.hm-bottomSheet__home-service .home-service__content .home-service__img--review {display: inline-block; max-width: 662px; margin-top: 28px;}
.hm-bottomSheet__home-service .home-service__content .home-service__list {margin-top: 28px;}
.hm-bottomSheet__home-service .home-service__content .home-service__list-thumb {overflow: hidden; border-radius: 15px; height: 56.533333vw;}
.hm-bottomSheet__home-service .home-service__list-thumb img {height: 100%;}
.hm-bottomSheet__home-service .home-service__content .home-service__list-info {margin-top: 24px; font-size:var(--hi-fs-detail4); line-height: 0;}
.hm-bottomSheet__home-service .home-service__content .home-service__list-icon {display: inline-block; width: 20px; height: auto;}
.hm-bottomSheet__home-service .home-service__content .home-service__list-title {display: block; margin-top: 12px; font-size: var(--hi-fs-heading6); font-weight:var(--hi-font-w700); line-height: 27px; color: var(--hi-real-black);}
.hm-bottomSheet__home-service .home-service__content .home-service__list-txt {margin: 10px 0 0; font-size: var(--hi-fs-body3); font-weight:var(--hi-font-w400); line-height: 21px; color: var(--hi-text-gray5);}
.hm-bottomSheet__home-service .home-service__list li + li {margin-top: 50px;}
.hm-bottomSheet__home-service .title-logo {margin: 0 auto 34px;text-align:center;}
.hm-bottomSheet__home-service .logo-home {width:auto;height:90px;margin:0 auto;}

.hm-bottomSheet__home-service .home-service__title + .home-service__box {margin-top: 24px;}
.hm-bottomSheet__home-service .home-service__box {padding: 22px 16px; border-radius: 10px; background-color: var(--hi-bg-gray);}
.hm-bottomSheet__home-service .home-service__category-list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.hm-bottomSheet__home-service .home-service__category-item {position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 47%; flex: 1 0 47%; margin-top: 9px; padding: 14px 12px 52px 14px; -webit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; background-color: var(--hi-bg-white); color: var(--hi-text-gray4);}
.hm-bottomSheet__home-service .home-service__category-title {font-size: var(--hi-fs-detail1); font-weight:var(--hi-font-w400); line-height: var(--hi-fs-detail1);}
.hm-bottomSheet__home-service .home-service__category-txt {margin: 4px 0 0; font-size: var(--hi-fs-body4); font-weight:var(--hi-font-w700); line-height: 19px; word-wrap: break-word; word-break: keep-all;}
.hm-bottomSheet__home-service .home-service__category-img {position: absolute; right: 12px; bottom: 12px; width: 56px; height: 40px;}
.hm-bottomSheet__home-service .home-service__category-item:first-child {-webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0 !important; padding: 18px 12px 18px 18px;}
.hm-bottomSheet__home-service .home-service__category-item:first-child .home-service__category-img {bottom: 18px;}
.hm-bottomSheet__home-service .home-service__category-item:nth-child(2n + 1) {margin-left: 9px;}
.hm-bottomSheet__home-service .home-service__notice-list {margin-top: 30px;}
.hm-bottomSheet__home-service .home-service__notice-list li {position: relative; padding-left: 14px; font-size: var(--hi-fs-body4); font-weight:var(--hi-font-w400); line-height: 20px; color: var(--hi-text-gray5); word-wrap: break-word; word-break: break-all;}
.hm-bottomSheet__home-service .home-service__notice-list li + li {margin-top: 6px;}
.hm-bottomSheet__home-service .home-service__notice-list li::before {content: ""; position: absolute; top: 9px; left: 7px; width: 3px; height: 3px; border-radius: 100%; background-color: var(--hi-text-gray4);}
.hm-bottomSheet__home-service .home-service__notice-sub-title {display: block; margin: 16px 0 4px; font-size: var(--hi-fs-detail1); font-weight:var(--hi-font-w400); line-height: 20px; color: var(--hi-real-black);}
.hm-bottomSheet__home-service .home-service__notice-sub-title + .home-service__notice-list {margin-top: 0;}

/* 홈 서비스 특장점 바텀시트 24.01 ver */
.home-service__point {padding:11px 10px;text-align:center;border:1px solid #23AC38;border-radius:9px;font-family:var(--hi-ff-hama);font-weight:var(--hi-font-w500);}
.home-service__point span {display:inline-block;height:20px;line-height:22px;color:var(--hi-real-black);font-size:var(--hi-fs-body4);}
.home-service__point span.point {color:#23AC38;}
.home-service__introduction {margin-top:9px}
.home-service__introduction ul {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;}
.home-service__introduction li {margin-top:9px;width:calc(50% - 4.5px);padding:17px 0 13px;text-align:center;border-radius:9px;background-color:#4EBB5F;}
.home-service__introduction li strong {display:block;margin-bottom:2px;line-height:var(--hi-fs-body1);font-size:var(--hi-fs-body3);font-weight: var(--hi-font-w500);font-family:var(--hi-ff-hama);}
.home-service__introduction li p {margin:0;font-size:var(--hi-fs-detail1);line-height:var(--hi-fs-heading6);color:var(--hi-real-white);}
.home-service__add-info {margin-top:18px;}
.home-service__add-list li {position:relative;padding-left:20px;font-size:var(--hi-fs-detail1);font-weight:var(--hi-font-w400);line-height:20px;color:var(--hi-text-gray5);word-wrap:break-word;word-break:break-all;}
.home-service__add-list li + li {margin-top: 3px;}
.home-service__add-list li::before {content: "";position:absolute;top:0;left:0;width:16px;height:20px;background:url(/resources/native/assets/img/icon/ico_info_mark_black.svg) center center no-repeat;background-size:12px auto;}
.home-service__add-title {display:block;margin:16px 0 4px;font-size:var(--hi-fs-detail1);font-weight:var(--hi-font-w400);line-height:20px;color:var(--hi-real-black);}
.home-service__add-title + .home-service__add-list {margin-top:0;}
.home-service__category-content .title {margin-top:17px;padding:0 22px;font-size:var(--hi-fs-heading4);line-height:var(--hi-fs-heading4);}
.home-service__category-content .sub-title {margin-top:12px;padding:0 22px;font-size:var(--hi-fs-body1);line-height:var(--hi-fs-body1);}
.home-service__add-dompensation {margin-top:37px;}
.home-service__add-dompensation .title {padding:12px;font-size:var(--hi-fs-detail1);line-height:var(--hi-fs-detail1);font-weight:var(--hi-font-w700);color:var(--hi-real-white);text-align:center;border-top-left-radius:13px;border-top-right-radius:13px;background-color:rgba(36, 172, 56, 0.8);}
.home-service__add-dompensation .infomation {padding:20px 14px;margin-bottom:20px;border-bottom-left-radius:13px;border-bottom-right-radius:13px;background:var(--hi-bg-gray);}
.home-service__add-dompensation .info-title {padding:9px;margin-bottom:10px;border-radius:4px;background:var(--hi-bg-white);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;}
.home-service__add-dompensation .info-title span {margin-right:11px;color:var(--hi-text-gray3);font-size:var(--hi-fs-detail2);line-height:var(--hi-fs-detail1);font-weight:var(--hi-font-w600);}
.home-service__add-dompensation .info-title strong {flex:1;font-size:var(--hi-fs-detail2);line-height:var(--hi-fs-detail1);font-weight:var(--hi-font-w700);}
.home-service__add-dompensation .info-text {padding:0 5px;font-size:var(--hi-fs-detail2);line-height:var(--hi-fs-body1);}
.home-service__add-dompensation .info-text + .info-text {margin-top:4px;}
.home-service__add-dompensation .info-text + .info-title {margin-top:20px;}
.home-service__add-etc {margin:20px 0;}
.home-service__add-etc .title {padding:12px;font-size:var(--hi-fs-detail1);line-height:var(--hi-fs-detail1);font-weight:var(--hi-font-w700);text-align:center;border-top-left-radius:13px;border-top-right-radius:13px;background-color:var(--hi-text-gray1);}
.home-service__add-etc .list {padding:18px 10px;border-bottom-left-radius:13px;border-bottom-right-radius:13px;background-color:var(--hi-gray0);}
.home-service__add-etc .list li {position:relative;padding-left:14px;font-size:var(--hi-fs-detail2);line-height:var(--hi-fs-body3);margin-top:12px;}
.home-service__add-etc .list li:first-child {margin-top:0;}
.home-service__add-etc .list li:before {content:'';position:absolute;top:6px;left:6px;width:2px;height:2px;border-radius:2px;background-color:var(--hi-primary-black);}

/* 홈서비스 24.01 ver */
.home-service .hm-quick-wrap {padding-top:32px;padding-bottom:55px;}
.home-service .hm-quick-menu ul li span {height:36px;line-height:var(--hi-fs-body1);-webkit-line-clamp:2;word-break: keep-all;white-space:normal;}
.ios .home-service .hm-quick-menu ul li {vertical-align:top;}

/* 보유 상품 리스트 */
.my-service__wrap {margin-top:-40px;}
.my-service__swiper {margin:0 -22px;padding:0 22px;overflow:hidden;}
.my-service__item {border:1px solid #E9ECEF;border-radius:9px;}
.my-service__item .my-service__link {position:relative;display:block;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;}
.my-service__item .my-service__link:after {content:'';position:absolute;top:50%;right:12px;width:16px;height:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/resources/native/assets/img/icon/ico_arrow_right_16_gray1.svg) no-repeat;}
.my-service__item .button--tertiary{font-weight:var(--hi-font-w400);}
.my-service__thumb {position:relative;margin:0 12px 0 0;border-radius:5px;width:64px;height:64px;overflow:hidden;}
.my-service__thumb:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--hi-black-dim-3);}
.my-service__info {-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:40px;font-weight:var(--hi-font-w400);}
.my-service__info-title {color:#121f26;display:block;line-height:var(--hi-fs-body3);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all;word-wrap:break-word;}
.my-service__info-date {display:block;margin:8px 0 0;color:var(--hi-text-gray4);font-size:var(--hi-fs-detail1);line-height:var(--hi-fs-detail1);}
.my-service__info-date em {color:var(--hi-cyan5);font-style:normal;font-weight:var(--hi-font-w400);}
.my-service__login {position:relative;display:block;padding:19px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;}
.my-service__login-text {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;color:#121F26;font-size:var(--hi-fs-body3);line-height:21px;}
.my-service__noitem a {position:relative;padding:20px 20px;height:40px;}
.my-service__noitem-text {display:block;margin:3px 0 7px;color:#121F26;font-size:var(--hi-fs-body3);line-height:var(--hi-fs-body3);}
.my-service__noitem-go {display:inline-block;padding-bottom:2px;color:var(--hi-text-gray4);font-size:var(--hi-fs-detail1);line-height:var(--hi-fs-body4);border-bottom:1px solid var(--hi-text-gray3);vertical-align:top;}
.my-service__noitem a:after {content:'';position:absolute;top:50%;right:12px;width:16px;height:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/resources/native/assets/img/icon/ico_arrow_right_16_gray1.svg) no-repeat;}

/* 카테고리 영역 */
.hm-category-tab {position:relative;margin:0;background:var(--hi-bg-white);margin:0 -22px;padding-bottom:40px;}
.hm-category-tab .hm-tab__nav {position:-webkit-sticky;position:sticky;top:56px;z-index:20;background-color:var(--hi-bg-white);height:55px;}
.hm-category-tab .hm-tab__nav .swiper-container {padding:6px 22px 0;}
.hm-category-tab .hm-tab__nav-item {padding:16px 0 0px;width:auto;height:auto;line-height:20px;background:var(--hi-bg-white);}
.hm-category-tab .nav-item__emphasis {display:inline-block;max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:2px;left:0;font-size:var(--hi-fs-detail2);font-weight:var(--hi-font-w600);line-height:12px;height:12px;color:var(--hi-secondary-red);}
.hm-category-tab .nav-item__title {display:inline-block;font-size:var(--hi-fs-body2);line-height:16px;font-weight:var(--hi-font-w400);color:var(--hi-text-gray3);width:auto;padding-bottom:12px;}
.hm-category-tab .hm-tab__nav-item--active .nav-item__title {color:var(--hi-primary-black);font-weight:var(--hi-font-w700);border-bottom:3px solid #222226;}
.hm-category-tab .hm-tab__content-item {margin-top:0;}
.hm-category-tab .middle-category-box {width:100%;height:55px;background-color:var(--hi-bg-white);position:-webkit-sticky;position:sticky;top:110px;z-index:19;}
.hm-category-tab .middle-category-box .hm-inner {position:relative;padding-top:3px;}
.hm-category-tab .middle-category-box .middle-category__btn {position:absolute;top:11px;right:0;width:76px;text-align:center;z-index:10;}
.hm-category-tab .middle-category__content {position:relative;height:52px;background-color:var(--hi-bg-gray);overflow:hidden;}
.hm-category-tab .middle-category__swiper {padding:8px 76px 8px 22px;}
.hm-category-tab .middle-category__item {display:inline-block;width:auto;height:auto;}
.hm-category-tab .middle-category__item .chips{display:inline-block;padding:9px 15px;border-radius:61px;background-color:var(--hi-bg-white);border:var(--hi-border-e3);color:var(--hi-text-gray4);font-size: var(--hi-fs-body3);line-height:var(--hi-fs-body2);text-align:center;}
.hm-category-tab .middle-category__item.middle-category__item--active .chips{font-weight:var(--hi-font-w700);background-color:var(--hi-btn-navy);color:var(--hi-text-white);border-color:var(--hi-real-white);}
.hm-category-tab .middle-category__btn {position:absolute;top:8px;right:0;width:76px;text-align:center;z-index:10;}
.hm-category-tab .middle-category__btn::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);background:linear-gradient(90deg, #F8F9FA 68.38%, rgba(248, 249, 250, 0) 94.85%);z-index:-1;}
.hm-category-tab .middle-category__btn button {padding:5px;border-radius:100px;background-color:var(--hi-bg-white);border:var(--hi-border-e3);width:36px;height:36px;}
.hm-category-tab .middle-category__btn button::before {content:"";display:block;width:12px;height:12px;margin:0 auto;background: url(../img/icon/ico_arrow_down_28.svg) no-repeat 0 0;background-size:100% auto;transition:all 0.3s;}
.hm-category-tab .middle-category__content--active {height:auto;}
.hm-category-tab .middle-category__content--active .middle-category__swiper {padding:0 76px 8px 22px;}
.hm-category-tab .middle-category__content--active .swiper-wrapper {flex-wrap:wrap;-webkit-transform:translate3d(0, 0, 0) !important;transform:translate3d(0, 0, 0) !important;}
.hm-category-tab .middle-category__content--active .middle-category__item {margin-top:8px;}
.hm-category-tab .middle-category__content--active + .middle-category__btn button::before {-webkit-transform:rotate(180deg);transition:all 0.3s;transform:rotate(180deg);transition:all 0.3s;}

/* 상품리스트 */
.category-product__box {position:relative;z-index:10;}
.category-product__box.mid-cate__active {margin-top:72px;}
.category-product__list {padding:14px 22px 0;}
.category-product__item-inner {display:flex;flex-wrap:wrap;justify-content:space-between;}
.category-product__item {width:calc(50% - 4.5px);margin-bottom:40px;}
.category-product__link {display:block;}
.category-product__thumbnail {display:block;position:relative;overflow:hidden;padding-bottom:100%;border-radius:9px;}
.category-product__thumbnail .hm-item-soldout {width:80px;height:80px;margin:-40px 0 0 -40px;font-size:var(--hi-fs-body3);}
.category-product__thumbnail .hmn-thumb {position:absolute;left:0;top:0;width:100%;}
.category-product__thumbnail::after {content: "";width:100%;height:100%;position:absolute;top:0;right:0;top:0;background-color:var(--hi-black-dim-4);}
.category-product__thumbnail .product__tagAD {position:absolute;top:6px;left:6px;padding:2.5px 2px;border-radius:4px;background-color:var(--hi-black-dim-20);font-size:var(--hi-fs-detail2);font-weight:var(--hi-font-w500);line-height:13px;color:var(--hi-white-dim-80);z-index:1;}
.category-product__thumbnail .product__tagAD::before {content:"";display:inline-block;width:12.8px;height:12.8px;margin-right:1px;background:url(../img/icon/ico_exclamation_16_white.svg) 50% 50% no-repeat;background-size:100% auto;vertical-align:top;opacity:0.8;}
.category-product__thumbnail .product__tagEvent {position:absolute;bottom:6px;left:6px;padding:0px 6px;border-radius:3px;font-size:var(--hi-fs-detail1);max-width:calc(100% - 25px);height:20px;color:var(--hi-text-white);z-index:1;background-color:var(--hi-indigo5);font-weight:var(--hi-font-w400);line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;}
.category-product__infomation-container {display:block;margin-top:10px;}
.category-product__brand {display:inline-block;font-size:var(--hi-fs-body4);font-weight:var(--hi-font-w700);margin-bottom:6px;color:var(--hi-text-gray6);}
.category-product__name {display:block;max-height:36px;font-size:var(--hi-fs-body3);font-weight:var(--hi-font-w400);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.category-product__price {display:block;font-size:var(--hi-fs-detail4);margin-top:5px;}
.category-product__price .product__discount-rate {display:inline-block;font-size:var(--hi-fs-body1);font-weight:var(--hi-font-w700);line-height:18px;vertical-align:top;color:var(--hi-secondary-red);margin:4px 4px 0 0;}
.category-product__price .product__unit {display: inline-block;font-size:var(--hi-fs-body1);font-weight:var(--hi-font-w700);line-height:18px;vertical-align:top;}
.category-product__price > b {position:relative; bottom:-1px; font-size:var(--hi-fs-body1);}
.category-product__price .price_won {font-size:var(--hi-fs-body4);}
.category-product__price .maximum-price {display:block;font-size:var(--hi-fs-body1);line-height:18px;font-weight:var(--hi-font-w700);color:var(--hi-secondary-red);word-break:keep-all;padding-top:2px;}
.category-product__price .maximum-price__text {font-size:var(--hi-fs-body4);font-weight:var(--hi-font-w400);vertical-align:middle;}

/* 자세히 알아보기 */
.category-product__benefit-guide {border-radius:9px;background-color:var(--hi-bg-gray);margin:25px 22px 15px;padding:15px 12px;}
.category-product__benefit-guide button {display:flex;position:relative;width:100%;min-height:18px;text-align:left;padding:0;border:0;background-color:transparent;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:var(--hi-black-dim-0);border-radius:0;cursor:pointer;}
.category-product__benefit-guide button span {padding-right:16px;font-size:var(--hi-fs-body3);font-weight:var(--hi-font-w400);color:var(--hi-primary-black);}
.category-product__benefit-guide button::after {content:"";display:inline-block;width:16px;height:16px;background:url(../img/icon/ico_arrow_down_16_gray.svg) no-repeat 0 0;background-size:100% auto;vertical-align:top;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.category-product__benefit-guide-icon {width:18px;height:18px;display:inline-block;margin-right:8px;}

/* 매장 상담하러 가기 버튼 */
.hm-tab__content-item .button-box {margin:0 22px 28px;}
.hm-tab__content-item .button-box .button--tertiary {font-weight:var(--hi-font-w400);}

/* 상품평 */
.content-review__wrap {position:relative;margin:15px 22px;}
.content-review__image {position:relative;}
.content-review__image figure {position:relative;margin:0;padding-top:98.934vw;border-radius:13px;overflow:hidden;}
.content-review__image figure:after {content:'';position:absolute;top:0;left:0;right:0;width:100%;height:80px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.09) 0.3%, rgba(0, 0, 0, 0.0585) 49.52%, rgba(0, 0, 0, 0) 99.77%);}
.content-review__image figure img {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover;}
.content-review__tags {position:absolute;top:0;left:0;right:0;width:100%;padding:12px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.content-review__tags span {margin:4px;padding:4px 8px;color:var(--hi-text-white);font-size:var(--hi-fs-detail1);line-height:18px;border-radius:6px;background-color:var(--hi-black-dim-25);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content-review__list {position:absolute;bottom:16px;left:16px;right:16px;width:calc(100% - 32px);border-radius:9px;box-sizing:border-box;background:var(--hi-white-dim-50);overflow:hidden;isolation:isolate;z-index:2;}
.content-review__list:after {content: '';position:absolute;bottom:0;left:0;right:0;width:100%;height:113px;border-radius:9px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;}
.content-review__list .swiper-container {margin:0 12px;z-index:9;}
.content-review__link {padding:12px 0;}
.content-review__scope {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:16px;line-height:16px;margin-bottom:8px;}
.content-review__star {color:var(--hi-text-gray6);font-weight:var(--hi-font-w700);padding-left:22px;background:url(../img/icon/ico_star_red.svg) 0 center no-repeat;background-size:16px 16px;}
.content-review__star:after {content:" /5";color:var(--hi-text-gray4);font-weight:var(--hi-font-w400);}
.content-review__nickname {color:var(--hi-text-gray4);}
.content-review__contents {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;}
.content-review__contents img {width:65px;height:65px;border-radius:4px;}
.content-review__contents span {margin-left:12px;width:calc(100% - 77px);color:var(--hi-text-gray6);line-height:21px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-all;word-wrap:break-word;}

/* 상품 새로보기 */
.button--more-produce {padding:13px 16px;border:var(--hi-border-e3);border-radius:100px;outline:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;line-height:var(--hi-fs-body2);}
.button--more-produce .button--name {display:inline-block;padding:0 4px;font-size:var(--hi-fs-body2);height:var(--hi-fs-body2);line-height:var(--hi-fs-body2);}
.button--more-produce .button--page {font-size:var(--hi-fs-body2);line-height:var(--hi-fs-body2);}
.button--more-produce .button--page:after {content:'';display:inline-block;width:16px;height:16px;vertical-align:top;background:url(/resources/native/assets/img/icon/ico_refresh_16.svg) center center no-repeat;}
.button--more-produce .button--page .total {color:var(--hi-text-gray3);font-style:normal;}
.button--more-produce.active .button--page:after {animation:moreRefresh .6s linear infinite;}
@keyframes moreRefresh {
    100% {transform:rotate(1turn)}
}

/* 상담 예약 안내 영역 */
.reservation-expert {margin:0 0 20px;text-align:center;}
.reservation-expert__image {display:inline-block;width:80px;height:80px;border-radius:100%;overflow:hidden;isolation:isolate;}
.reservation-expert__link {display:block;margin-top:20px;}
.reservation-expert__link strong {display:block;margin-bottom:10px;font-size:var(--hi-fs-body2);line-height:var(--hi-fs-body2);color:var(--hi-bg-black2);}
.reservation-expert__link span {padding-right:10px;color:var(--hi-btn-navy);font-size:var(--hi-fs-detail1);background: url(/resources/native/assets/img/icon/href_arrow_right_8a8a8a.svg) right center no-repeat;}

/* 행사 상품 */
.hm-content-area:has(.hm-today-hotdeal) {padding-bottom:12px;}
.hm-today-hotdeal {margin:0 -22px;padding:9px 0 0;}
.hm-today-hotdeal:before,
.hm-today-hotdeal:after {display:none;}
.hm-today-hotdeal-swiper {margin-top:0;}
.hm-today-hotdeal-thumb:after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--hi-black-dim-4);}
.hm-today-hotdeal-info-price {margin:8px 0 0;}
.hm-today-hotdeal-info-point {display:inline-block;margin:8px 0 0;}

/* 하이홈스 컨텐츠 */
.category-product__item-homes {margin:0 -22px 40px;padding:0 22px;width:100%;background-color:var(--hi-bg-gray);}
.category-product__item-homes .title-box {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;align-items:center;}
.category-product__item-homes .title {flex:1;}
.category-homes__list {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;}
.category-homes__item {width:calc(50% - 4.5px);margin-bottom:40px;}
.category-homes__thumbnail {position:relative;display:block;padding-top:100%;}
.category-homes__thumbnail img {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:12px;object-fit:cover;}
.category-homes__name {display:block;margin:12px 0 0;height:42px;line-height:21px;color:#121F26;font-weight:var(--hi-font-w700);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.category-homes__tags {display:block;margin:4px 0 0;color:#949FA6;line-height:var(--hi-fs-detail1);font-size:var(--hi-fs-detail1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hm-app__layer-popup .category-homes__list {padding:24px 22px;}
.hm-app__content--new {overflow:initial !important;}
div[class*="cateDivStart"] {height:55px;margin-top:-55px;}
.content-box .content-swiper {margin:0 -22px;padding:0 22px;overflow:hidden;}
#hm-bottomSheet__home-service1 .bottom-sheet-body {padding-bottom:0;}
.theme-area .theme__prd-title.title-black {color:var(--hi-primary-black);}

/* 홈서비스 24.02 ver */
/* header */
.hm-app__top-nav--new .hm-app__top-nav-inner {background-color:transparent;}
.hm-app__top-nav--new .hm-top-nav__back::after {background:url(../img/common/icon_header_back-white.svg) no-repeat 0 0;}
.hm-app__top-nav--new .hm-top-nav__new-home {position:absolute;top:14px;left:14px;width:28px;height:28px;font-size:var(--hi-fs-detail4);z-index:10;}
.hm-app__top-nav--new .hm-top-nav__new-home::after {content:"";position:absolute;top:0;left:0;width:28px;height:28px;background: url(../img/common/icon_header_home-white.svg) no-repeat 0 0;background-size:100%;}
.hm-app__top-nav--new .hm-top-nav__new-home::before {content:"";position:absolute;top:50%;right:-6px;transform: translateY(-50%);width:1px;height:18px;background-color: var(--hi-gray3);}
.hm-app__top-nav--new .hm-top-nav__title .btn__menu-drop-down::after {background: url(../img/icon/ico_circle_arrow_bottom_wh.svg) no-repeat 0 0;background-size: 100% auto;content: "";display: block;width: 20px;height: 20px;}
.hm-app__top-nav--new .hm-app__top-nav-inner.down {background: linear-gradient(0deg, rgba(153, 153, 153, 0.51), rgba(153, 153, 153, 0.51)),linear-gradient(0deg, var(--hi-white-dim-5), var(--hi-white-dim-5));-webkit-backdrop-filter: blur(40px);backdrop-filter: blur(40px);}
.hm-app__top-nav--new .hm-top-nav__title > img {-webkit-filter:invert(100%);filter:invert(100%);}
.hm-app__top-nav--new .hm-top-nav__home {background-image:url(../img/common/icon_header_home-white.svg);}
.hm-app__top-nav--new .hm-top-nav__search {background-image:url(../img/common/icon_header_search-white.svg);}
.hm-app__top-nav--new .hm-top-nav__cart {background-image:url(../img/common/icon_header_cart-white.svg);}
.hm-app__top-nav--new .hm-top-nav__mycare {background-image:url(../img/common/icon_header_mycare-white.svg);}
.hm-app__top-nav--new .hm-app__top-nav-inner.default,
.body-freezing .hm-app__top-nav-inner {background:var(--hi-bg-white);}
.hm-app__top-nav--new .default .hm-top-nav__title > img,
.body-freezing .hm-app__top-nav--new .hm-top-nav__title > img {-webkit-filter:invert(0);filter:invert(0);}
.hm-app__top-nav--new .default .hm-top-nav__back:after,
.body-freezing .hm-app__top-nav--new .hm-top-nav__back:after {background-image:url(../img/common/icon_header_back.svg);}
.hm-app__top-nav--new .default .hm-top-nav__home,
.body-freezing .hm-app__top-nav--new .hm-top-nav__home {background-image:url(../img/common/icon_header_home.svg);}
.hm-app__top-nav--new .default .hm-top-nav__search,
.body-freezing .hm-app__top-nav--new .hm-top-nav__search {background-image:url(../img/common/icon_header_search.svg);}
.hm-app__top-nav--new .default .hm-top-nav__cart,
.body-freezing .hm-app__top-nav--new .hm-top-nav__cart {background-image:url(../img/common/icon_header_cart.svg);}
.hm-app__top-nav--new .default .hm-top-nav__mycare,
.body-freezing .hm-app__top-nav--new .hm-top-nav__mycare {background-image:url(../img/common/icon_header_mycare.svg);}
.hm-app__top-nav--new .default .hm-top-nav__new-home::after,
.body-freezing .hm-app__top-nav--new .hm-top-nav__new-home::after {background-image:url(../img/common/icon_header_home.svg);}
.hm-app__top-nav--new .default .hm-top-nav__title .btn__menu-drop-down::after,
.body-freezing .hm-app__top-nav--new .hm-top-nav__title .btn__menu-drop-down::after {background-image:url(../img/icon/ico_circle_arrow_bottom_bk.svg);}

/* 홈 서비스 빌보드 */
.home-service {margin-top:-100px;}
.billboard-box {position:relative;margin-top:-56px;}
.billboard-box:after {content:'';position:absolute;top:44px;left:0;right:0;height:110px;-webkit-mask:linear-gradient(to bottom,rgba(0, 0, 0, 1) 50%,rgba(0, 0, 0, 0) 100%);mask:linear-gradient(to bottom,rgba(0, 0, 0, 1) 50%,rgba(0, 0, 0, 0) 100%);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);z-index:1;}
.billboard-box:before {content:'';position:absolute;top:0;left:0;right:0;height:44px;background-color:var(--hi-bg-white);z-index:2;}
.billboard-box .tcs .main-slide__item {transition: 0s;}
.billboard-box .main-slide__item figure,
.billboard-box .main-slide__item-video {padding-top:125.33333%;}

/* ==========================================================================
   홈서비스 전용 Bottom floating button
   ========================================================================== */
.hm-bottom-floating__link-top {margin:0 9px;}
.hm-bottom-floating__e-catalog {position:relative;margin-top:12px;display:flex;justify-content:flex-end;align-items:center;}
.hm-bottom-floating__link-e-catalog {width:56px;height:56px;border-radius:28px;background-color:var(--hi-bg-black);opacity:0.9;}
.hm-bottom-floating__link-e-catalog span {display:block;width:100%;font-size:9px;color:var(--hi-text-white);padding-top:35px;text-align:center;background:url(/resources/native/assets/img/icon/floating_btn_ecatalog.svg) center 10px no-repeat;}
.hm-bottom-floating__link-e-catalog span:after {content:'';width:24px;height:24px;}
.hm-bottom-floating__link-e-catalog-tooltip {position:relative;padding:4px 12px;margin-right:12px;line-height:20px;font-size:var(--hi-fs-detail1);color:#fff;border-radius:8px;background-color:#3C3C3C;animation-duration:1s;animation-name:floatTooltip;animation-delay:3s;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
.hm-bottom-floating__link-e-catalog-tooltip:after {content:'';position:absolute;right:-9px;top:4px;width:9px;height:20px;background:url(/resources/native/assets/img/icon/floating_btn_ecatalog-arr.svg) no-repeat;}
.hm-bottom-floating__link-e-catalog-tooltip em {color:var(--hi-secondary-mint);font-style:normal;}
@keyframes floatTooltip {
    50% {
        opacity: 1;
        left: 0;
    }
    100% {
        opacity: 0;
        left: 24px;
    }
}

/* 콘텐츠 상세 */
.hm-home-service .hm-app__content--new {padding:0;}
.theme-area .theme__main-banner {position: sticky;top: 56px;}
.theme-area .main-banner__img-area {position: relative;font-size:var(--hi-fs-detail4);max-width: 100%;overflow: hidden;}
.theme-area .main-banner__img-area::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;background: var(--hi-bg-black2);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.48) 100%);}
.theme-area .main-banner__img-area .logo-img {position:absolute;top: 20px;left: 0;z-index: 15;width: 100%;min-width: 100%;height: auto;}
.theme-area .main-banner__img-area .banner-img {max-height: calc(100vh - 56px);object-fit: cover;-webkit-transform: scale(1);transform: scale(1);transition: transform 500ms;}
.theme-area .main-banner__img-area.zoom .banner-img {-webkit-transform: scale(1.15);transform: scale(1.15);transition: transform 500ms;}
.theme-area .main-banner__text-area {position: absolute;bottom: 46px;left: 22px;z-index: 15;}
.theme-area .main-banner__text-area .text-tag {display: inline-block;line-height: 12px;border-radius: 100px;color: var(--hi-text-white);font-size:var(--hi-fs-detail1);font-weight: var(--hi-font-w700);background-color: var(--hi-black-dim-60);padding: 6px 8px;}
.theme-area .main-banner__text-area .text-title {display: block;font-size: 32px;font-weight: var(--hi-font-w700);color: var(--hi-text-white);padding-top: 14px;}
.theme-area .main-banner__text-area .text-duration {display: block;font-size:var(--hi-fs-body3);color: var(--hi-text-white);font-weight: var(--hi-font-w700);padding-top: 12px;}
.theme-area .theme__main-content {position: relative;padding: 0px 23px 60px;background-color: var(--hi-text-white);z-index: 20;}
.theme-area p {margin: 0;}
.theme-area .theme__main-text {padding: 80px 0 30px;}
.theme-area .theme__main-text + .theme__main-text {padding: 30px 0 30px;}
.theme-area .theme__main-text:nth-of-type(1) {padding: 30px 0 30px;}
.theme-area .theme__top {font-size:var(--hi-fs-body2);font-weight: var(--hi-font-w400);color: var(--hi-gray8);line-height: 28px;}
.theme-area .theme__sub-title {font-size:var(--hi-fs-body1);font-weight: var(--hi-font-w300);color: var(--hi-gray6);font-family: var(--hi-ff-hama);}
.theme-area .theme__prd-title{font-size: 23px;font-weight: var(--hi-font-w500);color: var(--hi-text-gray6);padding-top: 6px;font-family: var(--hi-ff-hama);}
.theme-area .theme__authorship {font-size:var(--hi-fs-body4);font-weight: var(--hi-font-w300);color: #B8B8B8;line-height: 28px;padding: 20px 0 9px;}
.theme-area .theme__prd-collection {margin-left: -23px;margin-right: -23px;}
.theme-area .theme__prd-collection .prd-collection-list {display: flex;flex-wrap: wrap;}
.theme-area .theme__prd-collection .prd-collection-list__item {width: 100%;}
.theme-area .theme__prd-collection .prd-collection-list__item a {display: block;width: 100%;height: 100%;}
.theme-area .theme__prd-collection .prd-collection-list__img img {width: 100%;height: 100%;object-fit: cover;}
.theme-area .theme__prd-collection .prd-collection-list__text {padding:30px 22px 0;font-size:var(--hi-fs-body2);font-weight: var(--hi-font-w400);color: var(--hi-gray8);line-height: 28px;}
.theme-area .theme__slide-content__title {padding-top: 68px;}
.theme-area .theme__slide-content > .theme__slide-content {padding-top: 0px !important;}
.theme-area .theme__slide-content + .theme__slide-content {padding-top: 40px}
.theme-area .theme__slide-content .theme__slide-wrap {margin: 0 -23px;}
.theme-area .theme__slide-content .theme__slide-wrap .swiper-container {padding: 0 22px;}
.theme-area .theme__slide-content .theme__slide-wrap .slide__img-box {position: relative;font-size:var(--hi-fs-detail4);overflow: hidden;border-radius: 15px;}
.theme-area .theme__slide-content .theme__slide-wrap .slide__video-box {position: relative;font-size:var(--hi-fs-detail4);overflow: hidden;border-radius: 15px;height:96vw;background-color:var(--hi-bg-gray);}
.theme-area .theme__slide-content .theme__slide-wrap .slide__video-box video {width:100%;height:100%;object-fit:cover;}
.theme-area .theme__slide-content .theme__slide-wrap .point-btn {position: absolute;width: 30px;height: 30px;padding: 0;border: 0;outline: none;background-color: transparent;}
.theme-area .theme__slide-content .theme__slide-wrap .point-btn::after {content: "";position: absolute;top: 50%;left: 50%;width: 12px;height: 12px;background-color: var(--hi-text-white);border-radius: 100px;transform: translate(-50%, -50%);box-shadow: 0px 4px 4px 0 rgba(0 0 0 / 25%); -webkit-box-shadow: 0px 4px 4px 0 rgb(0 0 0 / 25%);}
.theme-area .theme__slide-content .theme__slide-wrap .point-btns__item {position: absolute;top: 0;left: 0;width: 74%;border-radius: 9px;overflow: hidden;background-color: var(--hi-white-dim-50);padding: 6px 20px 6px 6px;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}
.theme-area .theme__slide-content .theme__slide-wrap .point-btns__item .point-btns__item-link {display: flex;align-items: center;}
.theme-area .theme__slide-content .theme__slide-wrap .point-btns__item .point-btns__img-box {margin-right: 9px;background: var(--hi-bg-white);border-radius: 7px;width: 48px;height: 48px;min-width: 48px;overflow: hidden;}
.theme-area .theme__slide-content .theme__slide-wrap .point-btns__item .point-btns__img-box img {display: block;width: 100%;height: 100%;}
.theme-area .theme__slide-content .theme__slide-wrap .point-btns__item .point-btns__cont-box {padding: 3px 0px;}
.theme-area .theme__slide-content .theme__slide-wrap .point-btns__item .point-btns__item-model {width: auto;max-height: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size:var(--hi-fs-detail1);font-weight: var(--hi-font-w500);color: #121F26;line-height: 18px;}
.theme-area .theme__slide-content .theme__slide-wrap .point-btns__item .point-btns__item-price {font-size:var(--hi-fs-body3);font-weight: var(--hi-font-w700);color: var(--hi-real-black);line-height: 22px;}
.theme-area .theme__slide-content .theme__slide-wrap .slide__content-box {padding: 30px 20px 20px 0;font-size:var(--hi-fs-body2);color: var(--hi-gray8);}
.theme-area .theme__slide-content .theme__slide-wrap .slide__content-title {font-weight: var(--hi-font-w700);line-height: 28px;}
.theme-area .theme__slide-content .theme__slide-wrap .slide__content-text {font-weight: var(--hi-font-w400);line-height: 28px;}
.theme-area .product-detail {padding-top: 40px;}
.theme-area .product-detail__img {font-size:var(--hi-fs-detail4);}
.theme-area .product-detail__text {padding: 30px 9px 0px 0;}
.theme-area .product-detail__text span {font-size:var(--hi-fs-body2);font-weight: var(--hi-font-w400);line-height: 28px;color: var(--hi-gray8);}
.theme-area .theme__product-item__title {padding-top: 88px;}
.theme-area .theme__product-item .prd-list__inner {padding:0;}
.theme-area .theme__product-item .prd-list__inner:after {content: ""; display: table; clear: both;}
.theme-area .theme__product-item .prd-list__item {position: relative; padding: 0 0 17px; border-bottom:var(--hi-border-ec);}
.theme-area .theme__product-item .prd-list__item:nth-child(n+2) {padding: 17px 0 17px;}
.theme-area .theme__product-item .prd-list__link {display: flex;align-items: center;}
.theme-area .theme__product-item .prd-list__thumbnail-container {display: block;width: 23.19%;border-radius:5px;overflow:hidden;}
.theme-area .theme__product-item .prd-list__infomation-container {display: block;width: calc(76.81% - 12px); margin-left: 12px;}
.theme-area .theme__product-item .prd-list__brand {display: block;font-size:var(--hi-fs-body4);font-weight: var(--hi-font-w700);line-height: 13px;color: var(--hi-text-gray6);margin-bottom: 4px;}
.theme-area .theme__product-item .prd-list__name {display: block;font-size:var(--hi-fs-body3);line-height: 18px;font-weight: var(--hi-font-w400);color: var(--hi-primary-black);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;margin-bottom: 8px;}
.theme-area .theme__product-item .prd-list__information-middle { display: block; margin-top: 7px; }
.theme-area .theme__product-item .prd-list__price {display: block;font-size:var(--hi-fs-detail4);}
.theme-area .theme__product-item .prd-list__discount-rate {display: inline-block;font-size:var(--hi-fs-body1);font-weight: var(--hi-font-w700);line-height: 18px;vertical-align: top;color: var(--hi-secondary-red);margin: 1px 4px 0 0;}
.theme-area .theme__product-item .prd-list__discount-rate .product__unit {display: inline-block;font-size:var(--hi-fs-body1);font-weight: var(--hi-font-w700);line-height: 18px;vertical-align: top;}
.theme-area .theme__product-item .prd-list__price-item {display: inline-block;line-height: 18px;font-size:var(--hi-fs-body1);font-weight: var(--hi-font-w700);}
.theme-area .theme__product-item .prd-list__price-item b {position: relative;bottom: -1px;}
.theme-area .theme__product-item .prd-list__price-item .price-won {font-size:var(--hi-fs-body4);font-weight: var(--hi-font-w400);}
.theme-area .theme__product-item .prd-list__max-price {display: block;font-size:var(--hi-fs-body1);font-weight: var(--hi-font-w700);color: var(--hi-secondary-red);}
.theme-area .theme__product-item .prd-list__max-price b {position: relative;bottom: -1px;}
.theme-area .theme__product-item .prd-list__max-price .max-price__text {font-size:var(--hi-fs-body4);font-weight: var(--hi-font-w400);color: var(--hi-secondary-red);}
.theme-area .theme__product-btn__wrap {width: 100%;height: 52px;background-color: var(--hi-bg-black2);border-radius: 8px;margin-top: 40px;}
.theme-area .theme__product-btn {display: block;width: 100%;height: auto;font-size:var(--hi-fs-body2);font-weight: var(--hi-font-w700);color: var(--hi-text-white);text-align: center;line-height: 52px;}
.theme-area .theme__event-banner__wrap {padding-top: 85px;}
.theme-area .theme__event-banner__wrap .theme__prd-title {font-size:var(--hi-fs-heading5);padding-bottom: 24px;}
.theme-area .theme__event-banner__wrap .event-banner__link {display: block;width: 100%;height: auto;}
.theme-area .event-banner-btn__wrap {text-align: center;padding-top: 24px;}
.theme-area .event-banner-btn {position: relative;display: inline-block;padding: 0px 36px 0px 20px;border-radius: 100px;border: var(--hi-border-e3);font-size:var(--hi-fs-body2);font-weight: var(--hi-font-w400);color: var(--hi-primary-black);height: 44px;line-height: 43px;box-sizing: border-box;}
.theme-area .event-banner-btn::after {content: "";display: inline-block;width: 16px;height: 16px;background: url(../img/icon/ico_arrow_right_24_gray1.svg) no-repeat 0 0;background-size: 100% auto;vertical-align: top;position: absolute;right: 16px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.theme-area {position:relative;margin-bottom:10px;}
.theme__text-wrap {padding:30px 0;}
.theme__text-box {font-size:var(--hi-fs-body2);font-weight: var(--hi-font-w400);line-height: 28px;color: var(--hi-gray8);}
.event-banner {margin:0 -23px;}
.event-banner .swiper-container {padding:0 23px;}
.hm-comments__wrapper,
.detailComments {position:relative;background-color:var(--hi-bg-white);z-index:11;}

/* 다른 컨텐츠 */
.theme__recommend-wrap {position:relative;background-color:var(--hi-bg-white);z-index:11;padding:80px 23px 60px}
.theme__recommend-list {margin:0 -23px;padding:24px 0 0;}
.theme__recommend-list ul { overflow-y: hidden;overflow-x: auto;font-size:var(--hi-fs-detail4);-webkit-overflow-scrolling: touch;white-space: nowrap;padding:0 22px;}
.theme__recommend-list ul::-webkit-scrollbar {display:none;}
.theme__recommend-item {display: inline-block;margin-left:9px;vertical-align: top;}
.theme__recommend-item:first-child{margin-left:0;}
.theme__recommend-item a {display:block;width:134px;word-break: break-all;}
.theme__recommend-item a img {border-radius:10px;}
.theme__recommend-title {display:block;padding:0 2px;margin-top:8px;font-size:var(--hi-fs-body3);line-height:21px;color:var(--hi-primary-black);font-weight:var(--hi-font-w700);display:-webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;}
.theme__recommend-tag {display:block;padding:0 2px;font-size:var(--hi-fs-detail1);line-height:var(--hi-fs-heading6);color:var(--hi-icon-gray4);display:-webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;}

@media screen and (max-width: 320px) {
    .home-service .category-box .category__title {font-size: var(--hi-fs-body4); line-height: 17px;}
    .home-service .category-box .category__txt {margin-top: 6px; font-size: var(--hi-fs-detail2); line-height: 15px;}
    .home-service .hash-tag__list li {font-size:var(--hi-fs-body3);}
    .hm-bottomSheet__home-service .home-service__title {font-size: var(--hi-fs-heading6);}
}

@media screen and (min-width: 375px) {
    .home-service .rolling-review-box .rolling-review__thumb {width: 100%;}
    .home-service .product-box .product__brand,
    .home-service .product-box .product__title {width: 63.73333vw;}
}

@media screen and (min-width: 768px) {
    .home-service .category-box a {padding: 22px 18px;}
    .home-service .category-box a::after {top: 22px; right: 12px; width: 16px; height: 16px;}
    .home-service .category__list.even .category__item:last-child a {padding: 20px 18px;}
} 
