.black-body .blheader span{font-weight:500;} .black-body .wrapper_black_detail { margin-top: 0; padding-bottom: 12rem; background: #fff; } .black-body .detailHeader { position: absolute; top: 0; left: 0; width: 100%; height: 3.77rem; z-index: 100; padding: 0 0.68rem 0 0.37rem; background: linear-gradient(rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);} .black-body .detailHeader > div { height: 100%; float: left;} .black-body .detailHeader .back { float: left; width: 3.77rem; } .black-body .detailHeader button { font-size:0; line-height:0; width:0px; height:0px; background-size: 100%; background-color: inherit; width: 3.77rem; height: 3.77rem; display: inline-block; } .black-body .detailHeader .back .btn { background-image: url(https://files.heally.co.kr/web-images/common/top_left_arrow.webp); width: 100%; height: 100%; background-color: inherit; background-size:1.49rem;} .black-body .detailHeader .home { float: left; width: 1.55rem; } .black-body .detailHeader .home .btn{background-image: url(https://files.heally.co.kr/web-images/common/top_home_icon.webp);width: 100%;height: 100%;background-color: inherit;background-size:1.63rem;} .black-body .detailHeader .btnWrap { float: right; padding: 0.76rem 0.49rem 0 0; } .black-body .detailHeader .btnWrap div,.black-body .detailHeader .leftbtnWrap div { float: left; width: 2.25rem; height: 2.25rem; border-radius: 2.25rem; margin-left:0.49rem; overflow: hidden; background-color: rgba(0,0,0,0.1); } .black-body .detailHeader .btnWrap button,.black-body .detailHeader .leftbtnWrap button { transition: transform 0.6s ease-in-out; /* 천천히 커졌다 돌아오기 */ transform-origin: center center; /* 가운데 기준으로 확대 */ } .black-body .detailHeader .btnWrap button:active,.black-body .detailHeader .leftbtnWrap button:active { transform: scale(2.7); /* 눌렀을 때 최대 크기 */ } .black-body .detailHeader .leftbtnWrap { float: left; padding: 0.76rem 0.49rem 0 0; } .black-body .detailHeader .btnWrap button { width: 100%; height: 100%; background-size:2.71rem; } .black-body .detailHeader .btnWrap .share { background-image: url(https://files.heally.co.kr/web-images/detail/header_share_icon.png); } .black-body .detailHeader .btnWrap .favorites { background-image: url(https://files.heally.co.kr/web-images/detail/header_favorites_off_icon.png); } .black-body .detailHeader .btnWrap .favorites.on { background-image: url(https://files.heally.co.kr/web-images/detail/header_favorites_on_icon.png); } .black-body .detailHeader .name { display: none } .black-body .detailHeader.scroll { z-index: 101; background: #fff; position: absolute; top: 0; -webkit-transition-duration:0.5s; transition-duration:0.2s; box-shadow: 0rem 0.27rem 0.54rem rgb(0 0 0 / 10%); } /* .black-body .detailHeader.scroll .home {display: none;} */ .black-body .detailHeader.scroll .leftbtnWrap div.back{width:3.1rem;margin-left:0.2rem;} .black-body .detailHeader.scroll .leftbtnWrap div.home{width:2rem;} .black-body .detailHeader.scroll .home .btn{background-image: url(https://files.heally.co.kr/web-images/common/top_home_black_icon.webp);width: 100%;height: 100%;background-color: inherit; background-size:2rem;} .black-body .detailHeader.scroll .btnWrap div { background-color: #fff; } .black-body .detailHeader.scroll .btnWrap button {background-size:1.63rem; } .black-body .detailHeader.scroll .btnWrap button.favorites.on { width: 100%; height: 100%; background-size:2.71rem; } .black-body .detailHeader.scroll .leftbtnWrap div { float: left;width:3.77rem;background-color:#fff;margin-left:0rem; } .black-body .detailHeader.scroll .btnWrap .share { background-image: url(https://files.heally.co.kr/web-images/detail/header_share_icon_scroll_black.png); } .black-body .detailHeader.scroll .btnWrap .favorites { background-image: url(https://files.heally.co.kr/web-images/detail/header_favorites_off_icon_scroll.png); } .black-body .detailHeader.scroll .btnWrap .favorites.on { background-image: url(https://files.heally.co.kr/web-images/detail/header_favorites_on_icon.png); } .black-body .detailHeader.scroll .name { line-height: 3.77rem; font-size: 1.22rem; font-weight: 600; display: block; width: 12.93rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left:0.7rem;} .black-body .detailHeader.scroll .back .btn { background-image: url(https://files.heally.co.kr/web-images/detail/header_back_icon_scroll.png); background-size:3.4rem;} /*.black-body .detailHeader.scroll { position: absolute; top: 0rem; z-index: 101 } */ .wrapper_black_detail .storeInfor .timeWrap ul li.off { font-weight: 400; display: inline-block; padding-right: 1.36rem; background-size: 0.81rem; background-position: right 55%;} .wrapper_black_detail .storeInfor .timeWrap ul li.on.more { background-image: url(https://files.heally.co.kr/web-images/_arrow/up_b.png); display: inline-block; padding-right: 1.36rem; background-size: 0.81rem; background-position: right 55%;} .wrapper_black_detail .storeInfor .timeWrap ul li {font-weight: 500; font-size: var(--28); line-height: 1.36rem; transition: 0.5s all;} .wrapper_black_detail .storeInfor .timeWrap ul li.more { background-image: url(https://files.heally.co.kr/web-images/_arrow/down_b.png);} .wrapper_black_detail .storeInfor .timeWrap ul li.hide{display: none; } .wrapper_black_detail .storeInfor .timeWrap input:checked + ul li:nth-child(1){background-image: url(https://files.heally.co.kr/web-images/_arrow/up_b.png);display: inline-block;} .wrapper_black_detail .storeInfor .timeWrap input:checked + ul li{display: block;} .wrapper_black_detail .storeInfor .timeWrap input {position: absolute; left: 0; top: 0; opacity: 0;} .wrapper_black_detail .storeInfor .timeWrap ul li.once { background-image: none;} .wrapper_black_detail .storeInfor .timeWrap input:checked + ul li.once{background-image: none;} .wrapper_black_detail .storeInfor .timeWrap .notSalesTime {font-size: 0.84rem; color: #ff2f74;} .wrapper_black_detail .storeInfor ._timeWrap { position: relative; } .wrapper_black_detail .storeInfor ._timeWrap img { position: absolute; left: 0; top: 0; /* 또는 원하는 고정 위치 */ } .wrapper_black_detail .storeInfor .timeWrap { margin-left: 1.79rem; /* 이미지 공간만큼 여백 */ } .wrapper_black_detail .storeInfor .txt.arrow .sub_addr { margin-left: 1.79rem; /* 이미지 공간만큼 여백 */ font-size:0.98rem; } .wrapper_black_detail .storeInfor .sub_addr::after { content: ''; display: inline-block; width: 0.54rem; height: 0.68rem; margin-left: 0.27rem; background-image: url('https://files.heally.co.kr/web-images/_arrow/right_b.png'); background-size: contain; background-repeat: no-repeat; } .wrapper_black_detail .store_thumb { position: relative; overflow: hidden; width: 100%; height: var(--640); overflow: hidden; } .wrapper_black_detail .store_thumb .swiper-wrapper img { width: 100%; height: 100%; object-fit: cover; } .wrapper_black_detail .store_thumb .swiper-pagination { position: absolute; top:initial; right: var(--20); width: initial; left: initial; font-size: 0.9rem; height: 1.28rem; bottom:var(--20); height: 1.58rem; line-height:1.63rem; padding: 0 0.68rem; background-color: rgba(0,0,0,0.2); border-radius: 1.36rem; color: #fff; padding: 0 0.81rem; } .wrapper_black_detail .thumb_swiper_black { height: 100%; } .wrapper_black_detail .thumb_swiper_black .swiper-wrapper { height: 100%; } .wrapper_black_detail .store_thumb.store_close { z-index: 11; } .wrapper_black_detail .store_thumb.store_close .store_close { display: block; } .wrapper_black_detail .store_thumb.store_close { background-color: #000; } .wrapper_black_detail .store_thumb.store_close .thumb_swiper_black { opacity:0.2 } .wrapper_black_detail .store_thumb.store_close .store_close { position: absolute; width: 100%; top: 0; left: 0; height: 100%; } .wrapper_black_detail .store_thumb.store_close .wrap { position: absolute; top: 50%; text-align: center; width: 100%; z-index: 2; color: #fff; transform: translateY(-60%); display: block; } .wrapper_black_detail .store_thumb.store_close .wrap .tit { font-size: 1.51rem; font-weight: 600; margin-bottom: 0.54rem; } .wrapper_black_detail .store_thumb.store_close .wrap .txt { font-size:1.13rem; } .wrapper_black_detail .store_thumb.store_close .wrap .txt span{border: 1px solid #fff; padding: var(--5) var(--16); border-radius: var(--10); line-height: calc(var(--48) - 2px); margin: 0 var(--16); overflow: hidden;} .wrapper_black_detail .storeInfor { padding: var(--36) 0 var(--14); } .wrapper_black_detail .storeInfor .inforWrap { padding: 0 var(--30); } .wrapper_black_detail .storeInfor .inforWrap .category { display: flex; gap: var(--12); margin-bottom: var(--30); } .wrapper_black_detail .storeInfor .inforWrap .category div { font-size: var(--26); line-height: var(--26); position: relative; padding-right: var(--18); } .wrapper_black_detail .storeInfor .inforWrap .category div:last-child { padding: 0; } .wrapper_black_detail .storeInfor .inforWrap .category div:last-child:after { display: none; } .wrapper_black_detail .storeInfor .inforWrap .category div:after { content: ""; display: block; width: var(--6); height: var(--6); border-radius: var(--6); background-color: #000;; position: absolute; top: 50%; transform: translateY(-50%); right: 0;; } .wrapper_black_detail .storeInfor .inforWrap .name { font-size: var(--48); font-weight: 600; line-height: var(--42); margin-bottom: var(--24); } .wrapper_black_detail .storeInfor .inforWrap ._infoDetail { margin-bottom: var(--30); } .wrapper_black_detail .storeInfor .inforWrap ._labelList { margin-bottom: var(--40); } .wrapper_black_detail .storeInfor .info { display: flex; flex-direction: column; gap: var(--24); } .wrapper_black_detail .storeInfor .info li { display: flex; align-items: center; gap: var(--20); } .wrapper_black_detail .storeInfor .info li img { width: var(--28); } .wrapper_black_detail .storeInfor .info li .txt { font-size: var(--28); line-height: var(--28); } .wrapper_black_detail .storeInfor .info li .txt.arrow { padding-right: var(--30); background-position: right; background-size: var(--10); } .wrapper_black_detail .storeInfor .reviewSlid { overflow: scroll; padding: 1.36rem 0; margin-top: var(--20); } .wrapper_black_detail .storeInfor .reviewSlid ul:after { content: ""; display: block; clear: both; } .wrapper_black_detail .storeInfor .reviewSlid ul { padding-left: 1.36rem; display: -webkit-inline-box; } .wrapper_black_detail .storeInfor .reviewSlid::-webkit-scrollbar { display: none; } .wrapper_black_detail .storeInfor .reviewSlid ul li { width: 16.96rem; padding: 1.09rem; margin-right: 0.94rem; background-color: #fafafa; border:1px solid #fff; border-radius: 0.37rem; box-shadow:0px 0.27rem 0.95rem 0 rgba(0, 0, 0, 0.11); } .wrapper_black_detail .storeInfor .reviewSlid ul li .txt { font-weight: 500; font-size: 0.98rem; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; } .wrapper_black_detail .storeInfor .reviewSlid ul li .day { color: #797979; font-size: 0.83rem; padding-top: 0.33rem; } .wrapper_black_detail .storeInfor .reviewSlid ul li.moreBtn { box-shadow:none; border:1px solid #f0f0f0; width: 5.28rem; padding: 0; } .wrapper_black_detail .storeInfor .reviewSlid ul li.moreBtn button { width: 100%; height: 100%; text-align: center; padding-top: 40%; background-image: url(https://files.heally.co.kr/web-images/main/more_arrow_btn.png); font-size: 0.98rem; background-position: center 30%; background-size: 1.17rem; } .wrapper_black_detail .navTab { position: relative; height: 3.77rem; background-color: #fff; width: 100%; background-color: #fff; } .wrapper_black_detail .navTab:after { content: ''; display: block; clear: both; } .wrapper_black_detail .navTab li { float: left; width: calc(100% /5); text-align: center; line-height: 3.77rem; border-bottom:1px solid #000; position: relative; } .wrapper_black_detail .navTab li span { font-size: 1.06rem; } .wrapper_black_detail .navTab li.on span { font-weight: 600; } .wrapper_black_detail .navTab li.on:after { content: ""; display: block; width: 100%; position: absolute; bottom: 0; height: 0.19rem; left: 0; background-color: #000; } .wrapper_black_detail .navTab li:before { content: ""; display: block; width: 1px; background-color: #e5e5e5; height: 0.75rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .wrapper_black_detail .navTab li:last-child:before { display: none; } .wrapper_black_detail .navTab.scroll { position: absolute; top:3.53rem; left: 0; height: 3.77rem; z-index:10; } .wrapper_black_detail ._contWrap { background-color: #fff; position: relative; z-index: 100; } .wrapper_black_detail .storeEvent .eventList > div { border-radius: var(--10); background-color: #fafafa; line-height: var(--80); margin-bottom: var(--12); padding-left: var(--80); position: relative; overflow: hidden; } .wrapper_black_detail .storeEvent .eventList > div .tit { font-size: var(--26); font-weight: 400; letter-spacing: -0.03rem; } .wrapper_black_detail .storeEvent .eventList > div .tit span { color: var(--colP); font-weight: 600; } .wrapper_black_detail .storeEvent .eventList > div .right { position: absolute; right: 0; top: 0; line-height: var(--80); font-size: var(--24); padding-right: var(--20); } .wrapper_black_detail .storeEvent .eventList > div .right { padding-right: var(--40); color: #b2b2b2; } .wrapper_black_detail .storeEvent .eventList > div .img.icon { padding: 0; padding: var(--8); } .wrapper_black_detail .storeEvent .eventList > div .img { position: absolute; left: 0; top: 0; width:var(--80); height: var(--80); padding: var(--20); } .wrapper_black_detail .storeEvent .eventList > div .img img { width: 100%; } .wrapper_black_detail .storeEvent .eventList > .arriveFirst, .wrapper_black_detail .storeEvent .eventList > .review, .wrapper_black_detail .storeEvent .eventList > .reserve, .wrapper_black_detail .storeEvent .eventList > .groupReserve, .wrapper_black_detail .storeEvent .eventList > .firstPayment, .wrapper_black_detail .storeEvent .eventList > .daytime { background-image: url(https://files.heally.co.kr/web-images/_arrow/down_right_dg.png); padding-right: var(--40); background-position: calc(100% - var(--20)); background-size: var(--8); background-color: #fff; } .wrapper_black_detail .storeEvent .eventList > .arriveFirst { border:1px solid #d5d5d5 } .wrapper_black_detail .storeEvent .eventList > .review { border:1px solid #d5d5d5 } .wrapper_black_detail .storeEvent .eventList > .reserve { border:1px solid #d5d5d5 } .wrapper_black_detail .storeEvent .eventList > .groupReserve { border:1px solid #d5d5d5 } .wrapper_black_detail .storeEvent .eventList > .firstPayment { border:1px solid #d5d5d5 } .wrapper_black_detail .storeEvent .eventList > .daytime { border:1px solid #d5d5d5; background-image: none; } .wrapper_black_detail .storeEvent .eventList > .daytime .right { padding-right:var(--20); background-image: none; } .wrapper_black_detail .sectionWrap section { border-top: 0.53rem solid #f6f6f6; border-bottom: 1px solid #e6e6e6; padding-bottom: 2.17rem; } .wrapper_black_detail .sectionWrap section .titWrap:after { content: ""; display: block; clear: both; } .wrapper_black_detail .sectionWrap section .titWrap { padding: 1.88rem 1.36rem 1.63rem 1.36rem; } .wrapper_black_detail .sectionWrap section .titWrap .tit { float: left; font-size: 1.36rem; line-height: 1.36rem; font-weight: 600; } .wrapper_black_detail .sectionWrap section .titWrap .right { float: right; line-height: 1.36rem; } .wrapper_black_detail .sectionWrap section .titWrap .right .moreBtn { color: #797979; font-size: 0.9rem; background-image: url(https://files.heally.co.kr/web-images/_arrow/down_right_dg.png); padding-right:0.81rem; background-position: right; background-size: 0.46rem; height: 1.36rem; } .wrapper_black_detail .sectionWrap section .cont { padding: 1.36rem; padding-top: 0; } /*회원가혜택안내*/ .wrapper_black_detail section.sell .cont .benefits { padding: 1.71rem 1.36rem; border-bottom: 1px solid #e6e6e6; } .wrapper_black_detail section.sell .cont .benefits > .tit { background-image: url(https://files.heally.co.kr/web-images/detail/infor_icon.png); background-position: left; padding-left: 1.49rem; font-weight:600; font-size: 1.05rem; background-size: 1.03rem; margin-bottom: 0.95rem } /* .wrapper_black_detail section.sell .cont .benefits .benefitsBox { margin-bottom: var(--30); } */ .wrapper_black_detail section.sell .cont .benefits .benefitsBox li { border-radius:var(--10); margin-bottom: var(--20); position: relative; padding:var(--36) var(--36) var(--36) var(--120); } .wrapper_black_detail section.sell .cont .benefits .benefitsBox li .tit { font-size:var(--28); font-weight: 600; margin-bottom: var(--18); line-height: var(--28); } .wrapper_black_detail section.sell .cont .benefits .benefitsBox li .tit span { font-size:var(--28); color: var(--colP); font-weight: 600; } .wrapper_black_detail section.sell .cont .benefits .benefitsBox li .txt { font-size: var(--24); color: #797979; line-height: var(--32); } .wrapper_black_detail section.sell .cont .benefits .benefitsBox li:after { content: ""; display: block; width: var(--70); box-sizing: border-box; height: var(--70); position: absolute; top: 0; left: var(--20); border-radius:0 0 var(--8) var(--8); } .wrapper_black_detail section.sell .cont .benefits .benefitsBox li.member { background-color: #fff4f8; } .wrapper_black_detail section.sell .cont .benefits .benefitsBox li.certify { background-color: #fff9e5; } .wrapper_black_detail section.sell .cont .benefits .benefitsBox li.member:after { background-color: var(--colP); color: #fff; font-size: var(--25); text-align: center; line-height: var(--25); font-weight: 500; content: "힐리\A회원"; padding-top: var(--9); } .wrapper_black_detail section.sell .cont .benefits .benefitsBox li.certify:after { background-color:#ffe8aa; background-image: url(https://files.heally.co.kr/web-images/detail/certify_icon.png); background-size: var(--36); background-position: center; background-repeat: no-repeat; } .wrapper_black_detail section.sell .cont .benefits > .txt { color: #797979; font-size: var(--24); padding-left: var(--12); position: relative; } .wrapper_black_detail section.sell .cont .benefits > .txt:after { content: ""; display: block; width:var(--5); height: var(--5); background-color: #797979; border-radius: var(--10); position: absolute; left:0; top: 50%; transform: translateY(-50%); } .wrapper_black_detail section.storeEvent { padding-bottom: 0 } .wrapper_black_detail section.storeEvent .cont { padding-bottom: 2.17rem; } .wrapper_black_detail section.storeEvent .cont li:after { content: ""; display: block; clear: both; } .wrapper_black_detail section.storeEvent .cont li { padding: 0.27rem 0; } .wrapper_black_detail section.storeEvent .cont li > div { float: left; } .wrapper_black_detail section.storeEvent .cont li .txt { padding-left: 0.81rem; font-size: 0.94rem; position: relative; } .wrapper_black_detail section.storeEvent .cont li ._labelList { margin-left: 0.33rem } .wrapper_black_detail section.storeEvent .cont li .txt:after { content: ""; width: 0.19rem; height: 0.19rem; background-color: #000; position: absolute; left: 0; top: 0.68rem; } .wrapper_black_detail .sectionWrap section.sell .storeIntroduce { border-top: 0.53rem solid #f6f6f6; padding-bottom: 2.17rem; position: relative; } .wrapper_black_detail .sectionWrap section.sell .storeIntroduce .cont { background-image: url(https://files.heally.co.kr/web-images/detail/quotes_up.png),url(https://files.heally.co.kr/web-images/detail/quotes_down.png); background-position: left top,right bottom; font-size: 0.9rem; padding: 1.09rem 1.36rem 1.36rem; background-size: 1.36rem; width: calc(100% - 2.71rem); margin: 0 auto; } .wrapper_black_detail .sectionWrap section.sell .storeIntroduce .cont .txt { color: #595959; line-height: 1.63rem; font-weight: 500; } .wrapper_black_detail section.useInfor { padding-bottom: 0; } .wrapper_black_detail section.useInfor .cont { padding-left: 0; padding-right: 0; padding-bottom:0; } .wrapper_black_detail section.useInfor .cont .txtWrap { margin-bottom: 1.36rem; padding: 0 1.36rem } .wrapper_black_detail section.useInfor .cont .txtWrap .tit { font-size: 1.06rem; font-weight: 600; margin-bottom: 0.81rem } .wrapper_black_detail section.useInfor .cont .txtWrap .txt { font-size: 0.94rem; position: relative; padding: 0.14rem 0 0.14rem 0.81rem } .wrapper_black_detail section.useInfor .cont .txtWrap .txt:after { content: ""; width: 0.19rem; height: 0.19rem; background-color: #000; position: absolute; left: 0; top: 0.68rem; } .wrapper_black_detail section.useInfor .cont .location { height: 13.57rem } .wrapper_black_detail section.useInfor .cont .map .txtWrap { background-color: #fafafa; padding-top: 1.51rem; margin-bottom: 0; padding-bottom: 3.02rem; } .wrapper_black_detail section.useInfor .cont .map { border-bottom:1px solid #e6e6e6 } .wrapper_black_detail section.service > .cont { border-bottom: 1px solid #e6e6e6; } .wrapper_black_detail section.service .cont { padding-bottom: 0; } /*매장위치*/ .black-body .wrapper_black_detail section.map { padding-bottom: 0; } .black-body .wrapper_black_detail section.map .location { height: var(--360); overflow: hidden; } .black-body .wrapper_black_detail section.map .mapTrans { position: absolute; left: 0px; width: 100%; height: var(--360); opacity: 0; z-index: 3;} .black-body .wrapper_black_detail section.map .addr { padding:0 var(--36); margin-top: var(--26); } .black-body .wrapper_black_detail section.map .addr span { font-size: var(--28); background-image: url(https://files.heally.co.kr/web-images/common/searchresult_location_b.png); padding-left: var(--36); background-position: left var(--6); background-size:var(--26); display: block; line-height: var(--40); } .black-body .wrapper_black_detail section.map .addr button { width: 100%; height: var(--86); border-radius: var(--10); background-color: #f0f0f0; margin-top: var(--26); font-size: var(--28); font-weight: 500; } .black-body .wrapper_black_detail section.map .txtWrap { padding:var(--50) var(--36) var(--36); margin-top: var(--30); background-color: #fafafa; } .black-body .wrapper_black_detail section.map .txtWrap .tit { font-size: var(--28); line-height: var(--28); } .black-body .wrapper_black_detail section.map .txtWrap .txt { margin-top: var(--20); font-weight:500; } .black-body .wrapper_black_detail section.map .txtWrap .txt span { margin-bottom: var(--16); display: block; position: relative; line-height: var(--36); font-size: var(--25); padding-left: var(--24); } .black-body .wrapper_black_detail section.map .txtWrap .txt span:after { content: ""; display: block; width: var(--5); height: var(--5); background-color: #000; border-radius: var(--8); position: absolute; left: 0; top: var(--16); } .wrapper_black_detail section.review .cont { padding-bottom: 0 } .wrapper_black_detail section.review { padding-bottom: 0 } .wrapper_black_detail section.review .titWrap .reviewCount { clear: both; margin-top: 2.41rem; } .wrapper_black_detail section.review .titWrap { padding-bottom: 0.81rem } /* .wrapper_black_detail section.review .titWrap .reviewCount:after { content: ""; display: block; clear: both; } */ /* .wrapper_black_detail section.review .titWrap .reviewCount ._userCountWrap { float: left; } */ .wrapper_black_detail section.review .cont .txtBox { border-top: 1px solid var(--colP); text-align: center; border-bottom: 1px solid var(--colP); line-height: var(--86); margin-top: var(--40); position: relative; } .wrapper_black_detail section.review .cont .txtBox::before, .wrapper_black_detail section.review .cont .txtBox::after { content: ""; display: block; width: var(--10); height: var(--10); border-radius: var(--10); position: absolute; top: 50%; background-color: var(--colP); transform: translateY(-50%); } .wrapper_black_detail section.review .cont .txtBox::before { left: 0; } .wrapper_black_detail section.review .cont .txtBox::after { right: 0; } .wrapper_black_detail section.review .cont .txtBox span { font-size:var(--26); letter-spacing: -0.01rem; } .wrapper_black_detail section.review .cont .txtBox span span { color: var(--colP); } .wrapper_black_detail section.review .titWrap .reviewCount ._userCountWrap ._review { font-size: 1.06rem; font-weight: 500; color: #ff2a75; line-height: 2.41rem; padding-left: 1.36rem; border-right: 0; margin-right: 0; padding-right: 0; } .wrapper_black_detail section.review .titWrap .reviewCount ._userCountWrap ._review span { color: #000; } .wrapper_black_detail section.review .titWrap .reviewCount .reviewBtn { float: right; height: 2.41rem; padding: 0 0.81rem; border:1px solid #d9d9d9; border-radius: 2.17rem; font-size: 1.06rem; } .wrapper_black_detail section.review .titWrap .reviewCount .reviewWriteBtn { width: 100%; border:1px solid #ff2a75; height: 3.24rem; border-radius: 0.37rem; margin-bottom: 0.81rem } .wrapper_black_detail section.review .titWrap .reviewCount .reviewWriteBtn button { width: 100%; height: 100%; } .wrapper_black_detail section.review .titWrap .reviewCount .reviewWriteBtn button span { font-size: 1.05rem; color: #ff2a75; font-weight: 500; background-position: left; padding-left: 1.36rem; background-size: 0.94rem; background-image: url(https://files.heally.co.kr/web-images/common/count_review_icon.png); } .wrapper_black_detail .sectionWrap section.service .md { border-top: 0.53rem solid #f6f6f6; } .wrapper_black_detail .sectionWrap section.service .md .cont { padding-bottom: 0; } .wrapper_black_detail .sectionWrap section.service .md .cont .imgWrap { width: 100%; height: calc(var(--380) + var(--8)); border-radius: var(--16); overflow: hidden; } .wrapper_black_detail .sectionWrap section.service .md .cont .imgWrap img { width: 100%; height: 100%; object-fit: cover; } .wrapper_black_detail .sectionWrap section.service .md .txtList { padding-top: var(--36); } .wrapper_black_detail .sectionWrap section.service .md .txtList li { font-size: var(--25); font-weight: 500; padding-left: var(--26); position: relative; line-height: var(--44); margin-bottom: var(--36); } .wrapper_black_detail .sectionWrap section.service .md .txtList li:after { content: ""; display: block; width: var(--8); height: var(--8); background-color: #000; border-radius: var(--8); position: absolute; left: 0; top:var(--18) } .wrapper_black_detail .sectionWrap section.service .md .txtList li:last-child { margin-bottom: 0; } .wrapper_black_detail .sectionWrap section.useInfor .managerInfor .inforWrap .tit { margin-bottom: 0; } .wrapper_black_detail .sectionWrap section.useInfor .managerInfor .cont { padding: 0 1.36rem; } .wrapper_black_detail .managerInfor { padding-bottom: var(--60); border-top: 0.53rem solid #f6f6f6; } .wrapper_black_detail .managerInfor .wrap { background-color:#fafafa; border-radius: var(--10); position: relative; padding:0 var(--30); } .wrapper_black_detail .managerInfor .wrap input { position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; opacity: 0; left: 0; } .wrapper_black_detail .managerInfor .wrap .tit { background-image: url(https://files.heally.co.kr/web-images/common/manager_icon.png); background-position: left; background-size: var(--36); padding-left: var(--50); line-height: var(--80); font-weight: 500; position: relative; font-size: var(--26); } .wrapper_black_detail .managerInfor .wrap .tit:after { content: ""; display: block; width: var(--22); height: 100%; position: absolute; right: 0; top: 0; background-position: center; background-repeat: no-repeat; background-image: url(https://files.heally.co.kr/web-images/_arrow/down_g.png); } .wrapper_black_detail .managerInfor .wrap .txt { padding: var(--30) 0; font-size: var(--25); font-weight: 500; display: none; border-top: 1px solid #f0f0f0;; line-height: var(--46); } .wrapper_black_detail .managerInfor .wrap input:checked + .inforWrap .txt { display: block; } .wrapper_black_detail .managerInfor .wrap input:checked + .inforWrap .tit:after { background-image: url(https://files.heally.co.kr/web-images/_arrow/up_g.png); } .black-body .guidance { background: #f1f1f1; font-size: 0.68rem; color:#6b6b6b; padding: 1.36rem; line-height: 1.09rem; } .black-body .questionBtn { z-index: 104; width: 100%;position: absolute;bottom: 0;background: #fff;box-shadow: 0 0px 0.27rem 0.27rem rgba(0,0,0,0.05);} .black-body .questionBtn button{width: 50%; color: #fff;background-color:#ff2f74;height: 3.77rem;font-size:1.09rem;font-weight: 600;background-image: url(https://files.heally.co.kr/web-images/detail/detail_call_w.png);background-repeat: no-repeat;background-position: 1.36rem;background-size: 1.63rem;} .black-body .questionBtn .reserve{color: #ff176e;border:1px solid #ff176e;background: #fff;float: left;background-image: url(https://files.heally.co.kr/web-images/detail/detail_reserve.png);background-repeat: no-repeat;padding-left: 0.81rem;background-position: 1.36rem;background-size: 1.63rem;} .black-body .questionBtn .sms{color: #ff176e;border:1px solid #ff176e;background: #fff;float: left;background-image: url(https://files.heally.co.kr/web-images/detail/detail_sms.png);background-repeat: no-repeat;padding-left: 0.81rem;background-position: 1.36rem;background-size: 1.63rem;} .black-body .questionBtn .sms:disabled{background-color: #d4d4d4;border:0;color:#fff;float: left;background-image:none; background-repeat: no-repeat;padding-left: 0.81rem;background-position: 1.36rem;background-size: 1.63rem;} .black-body .questionBtn .reserve:disabled{background-color: #d4d4d4;border:0;color:#fff;background-image: url(https://files.heally.co.kr/web-images/detail/detail_reserve_w.png);} .black-body .questionBtn .msg,.black-body .questionBtn .home{float: left;} .black-body .questionBtn .home{background-color:#fff;color:#ff176e;background-image:none;border:1px solid #ff176e} .black-body .questionBtn .around{background-image:none} .black-body .questionBtn .call:disabled{background-color: #fff; color:#ff176e; filter: grayscale(1); opacity: 0.4;} .black-body .questionBtn .call,.black-body .questionBtn .around{float: right; } .black-body .questionBtn .reserve.big{background-position: 6.79rem; width: 100%;}/*베이직 업체 신규 정책(24.05.09)*/ .black-body .questionBtn .sms{color: #ff176e;border:1px solid #ff176e;background: #fff;float: left;background-image: url(https://files.heally.co.kr/web-images/detail/detail_sms.png);background-repeat: no-repeat;padding-left: 0.81rem;background-position: 1.36rem;background-size: 1.63rem;} .black-body .questionBtn .msginfor{ position: absolute;top: -2.17rem;left: 0.54rem; background-color: #ff3f4d;color: #fff;font-size: 0.79rem;padding: 0.41rem 0.54rem;border-radius: 0.37rem;} .black-body .questionBtn .msginfor.wh{ background-color: #fff;color: #ff3f4d;border:1px solid #ff3f4d} .black-body .questionBtn .msginfor:after{content: "";display: block;width: 0.41rem;height: 0.26rem;background-image: url(https://files.heally.co.kr/web-images/detail/msginfor.png);position: absolute;bottom: -0.26rem;left: 2.71rem;background-size: 100%;} .wrapper_black_detail .navTab.scroll { position: absolute; top: 3.77rem; } .black-body .visitPop { display: none; position: absolute; width: 100%; height: 100%; top: 0; z-index: 101; left: 0; } .black-body .visitPop .dim { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .black-body .visitPop .wrap { position: absolute; bottom: 0; height: 21.71rem; background-color: #fff; width: 100%; border-radius: 0.98rem 0.98rem 0 0; text-align: center; background-repeat: no-repeat;} .black-body .visitPop .wrap { background-image: url(https://files.heally.co.kr/web-images/detail/visit_img.png); background-size: 6.79rem; background-position: center 2.26rem; padding-top:10.31rem; } .black-body .visitPop .wrap .txt { font-size: 1.13rem; font-weight: 600; text-align: center; } .black-body .visitPop .wrap .closeBtn { position: absolute; width: 3.77rem; font-size: 0; height: 3.77rem; background-image: url(https://files.heally.co.kr/web-images/common/pop_close_icon.png); opacity: 0.3; background-size: 1.02rem; top: 0; right: 0; } .wrapper_black_detail ._shop.typeM { width: calc(100% - var(--40)); margin-left: var(--20); padding-top: var(--30); } .wrapper_black_detail ._shop.typeM .inforWrap { height: var(--260); } .wrapper_black_detail ._shop.typeM .inforWrap .wrapBottom .course { padding: var(--10) 0; padding-top: 0; margin-bottom: 0; } .wrapper_black_detail ._shop.typeM ._priceWrap div.salePrice { margin-top: 0; } .wrapper_black_detail ._shop.typeM ._priceWrap div.percent { margin-top: 0; } .wrapper_black_detail ._shop.typeM .storeName { padding-top: 0; font-weight: 600; padding-bottom: var(--32); } .wrapper_black_detail ._shop.typeM .imgWrap .img { width: var(--260); } .wrapper_black_detail ._shop.typeM .imgWrap img { width: var(--260); height: var(--260); } .wrapper_black_detail ._shop.typeM:last-child { margin-bottom: 0; } .wrapper_black_detail ._priceWrap div.salePrice span { font-size: var(--32); } /*요금 및 프로그램*/ .wrapper_black_detail .sectionWrap section.sell .titWrap:after { display: none; } .wrapper_black_detail section.sell .titWrap { display: flex; align-items: center; width: 100%; justify-content: space-between; } .wrapper_black_detail section.sell .titWrap .tit { float: initial; } .wrapper_black_detail section.sell .titWrap .dotLabel { display: flex; gap: var(--18); } .wrapper_black_detail section.sell .titWrap .dotLabel span { position: relative; padding-left:var(--22); font-size:var(--24); } .wrapper_black_detail section.sell .titWrap .dotLabel span:after { content: ''; display: block; width:var(--14); height: var(--14); border-radius:var(--14); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .wrapper_black_detail section.sell .titWrap .dotLabel span.normal:after { background-color: #c4c4c4; } .wrapper_black_detail section.sell .titWrap .dotLabel span.member:after { background-color: #000; } .wrapper_black_detail section.sell .titWrap .dotLabel span.discount:after { background-color: #ff3333; } .wrapper_black_detail section.sell .cont { padding: 0 } .wrapper_black_detail section.sell .cont .sellList .tit { background-color: #f6f6f6; line-height:var(--64); font-size:var(--32); padding: 0 var(--36); font-weight: 500; } .wrapper_black_detail section.sell .cont .sellList .list { padding: 0 var(--36); padding-top: var(--36); } .wrapper_black_detail section.sell .cont .sellList .list { display: flex; flex-direction: column; gap: var(--36); } .wrapper_black_detail section.sell .cont .sellList .list li { display: flex; flex-direction: column; padding: 0px 0px var(--36); gap: var(--12); border-bottom: 1px solid #F0F0F0; } .wrapper_black_detail section.sell .cont .sellList .list li .reserveLabel span { padding: 0 var(--6); line-height: var(--20); height: var(--34); border-radius: var(--5); display: inline-flex; font-size: var(--20); align-items: center; } .wrapper_black_detail section.sell .cont .sellList .list li .reserveLabel.reserveFull span { color: #FF4646; border:1px solid #FF4646; } .wrapper_black_detail section.sell .cont .sellList .list li .reserveLabel.best span { color: #fff; background-color: #FF4646; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox { display: flex;; align-items: center; justify-content: space-between; gap: var(--26); } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .nameWrap { display: flex; flex-direction: column; gap: var(--12); width: 42%; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .nameWrap .name { font-size: var(--32); line-height: var(--32); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .nameWrap .sub { font-size: var(--24); line-height: var(--40); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.03rem; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap { display: flex; gap: var(--30); } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box { display: flex; flex-direction: column; gap: var(--12); } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box .time { font-size: var(--22); line-height: var(--32); color:#797979; text-align: right; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box .sellPrice { display: flex; justify-content: flex-end; align-items: center; gap: var(--10); } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box .sellPrice .percent { font-size: var(--22); color: var(--colP); font-weight: 600; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box .sellPrice .cost { font-size: var(--22); text-decoration-line: line-through; font-weight: 500; color: #AAAAAA; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box .salePrice { font-size:var(--20); display: flex; height: var(--32); align-items: center; gap: var(--2); justify-content: flex-end; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box .salePrice span { font-size:var(--30); font-weight: 600; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box ._maxDiscount { align-items: center;; display: flex; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box ._maxDiscount .txt { font-size: var(--28); line-height: var(--32); } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box ._maxDiscount .txt span { font-size: var(--22); } .wrapper_black_detail section.sell .cont .timeInfor:after { content: ""; display: block; clear: both; } .wrapper_black_detail section.sell .cont .timeInfor { background-color: #f6f6f6; padding: 1.36rem 0.54rem; } .wrapper_black_detail section.sell .cont .timeInfor > div { float: left; width: calc(70% /2); position: relative; font-size: 0.9rem; font-weight: 500; text-align: center; } .wrapper_black_detail section.sell .cont .timeInfor > div div { font-weight: 500 } .wrapper_black_detail section.sell .cont .timeInfor > div:last-child:after { content: ""; width: 1px; height: 100%; background-color: #dfdfdf; position: absolute; left: 0; top: 0; } .wrapper_black_detail section.sell .cont .timeInfor > div .tit { color: #797979; } .wrapper_black_detail section.sell .cont .timeInfor > div.day { line-height: 2.58rem; width: 30%; } .wrapper_black_detail section.sell .cont .timeInfor.hide {display: none;} .wrapper_black_detail section.sell .cont .btn_folding {margin-top:-10px;background-image: url(https://files.heally.co.kr/web-images/_arrow/down_b.png);height: 1.09rem;background-size: 0.81rem;background-position: center;position: absolute;width: 100%;left: 0;background-color: #f6f6f6;} .wrapper_black_detail section.sell .cont .btn_folding.on{background-image: url(https://files.heally.co.kr/web-images/_arrow/up_b.png);} .top_banner .ban_btn_21 {background-image: url(https://files.heally.co.kr/web-images/detail/pdp_banner202508_01.webp);background-size: 100%;width: 24.43rem;height: 6.79rem;display: inline-block;font-size: 0;background-position: center;background-size: 100%;margin-top: 0.81rem;margin-bottom: -1.09rem;} .black-body section.sell .cont .benefits .benefitsBox .txt{margin-top:0.1rem;} .black-body section.sell .cont .benefits .benefitsBox .txt._one { color: #797979; font-size: var(--24); padding-left: var(--12); position: relative; } .black-body section.sell .cont .benefits .benefitsBox .txt._one span {color: var(--colP);} .black-body section.sell .cont .benefits .benefitsBox .txt._one:after { content: ""; display: block; width:var(--5); height: var(--5); background-color: #797979; border-radius: var(--10); position: absolute; left:0; top: 50%; transform: translateY(-50%); } .black-body section.sell .cont .benefits .benefitsBox .txt._two { color: #797979; font-size: var(--24); padding-left: var(--12); position: relative; margin-bottom: 1.2rem; } .black-body section.sell .cont .benefits .benefitsBox .txt._two span {color: var(--colP);} .black-body section.sell .cont .benefits .benefitsBox .txt._two:after { content: ""; display: block; width:var(--5); height: var(--5); background-color: #797979; border-radius: var(--10); position: absolute; left:0; top: 50%; transform: translateY(-50%); } /********블랙 상세********/ .wrapper_black_detail .storeInfor { padding: var(--42) var(--36) var(--50) var(--30); display: flex; flex-direction: column; gap: var(--42); } .wrapper_black_detail .storeInfor .inforWrap { padding: 0; display: flex; flex-direction: column; } .wrapper_black_detail .storeInfor .inforWrap > div { margin: 0; } .wrapper_black_detail .storeInfor .inforWrap .category div { font-size: var(--26); line-height: var(--26); } .wrapper_black_detail .storeInfor .inforWrap .name { font-size: var(--42); line-height: var(--42); letter-spacing: -0.03rem; } .wrapper_black_detail .storeInfor .inforWrap ._infoDetail { margin: 0; } /* .wrapper_black_detail .sectionWrap section .titWrap { padding: var(--50) var(--36) var(--42) var(--36); } */ .wrapper_black_detail button.colPLine { font-size:var(--28); border: 1px solid var(--colP); color:var(--colP); font-weight: 500; width: 100%; height: var(--86); border-radius: var(--10); } /*업체이벤트*/ .wrapper_black_detail section.storeEvent .eventList { display: flex; flex-direction: column; gap: var(--10); } .wrapper_black_detail section.storeEvent .eventList > div { border-radius: var(--10); background-color: transparent; line-height: var(--80); margin-bottom:0; padding:0 var(--20); border:1px solid #d5d5d5 } .wrapper_black_detail section.storeEvent .eventList > div { display: flex; justify-content: space-between; } .wrapper_black_detail section.storeEvent .eventList > div button { font-size: var(--24); color: #b2b2b2; padding-right: var(--20); background-image: url(https://files.heally.co.kr/web-images/_arrow/down_right_dg.webp); background-position: right; background-size: var(--10); } .wrapper_black_detail section.storeEvent .eventTxt { display: flex; flex-direction: column; gap: var(--12); background-color: #fafafa; border-radius: var(--10); padding: var(--30); margin-top: var(--30); } .wrapper_black_detail section.storeEvent .eventTxt li { font-size: var(--26); padding: 0 var(--26); position: relative; color:#404040; line-height: var(--34); } .wrapper_black_detail section.storeEvent .eventTxt li:after { content: ""; display: block; width: var(--6); height: var(--6); border-radius: var(--6); position: absolute; background-color:#404040; position: absolute; left: 0; top: var(--14); } .wrapper_black_detail section.storeEvent .cont { padding-bottom: var(--50); } /*시설및 테마*/ .wrapper_black_detail section.blackService { padding-bottom: 0; } .wrapper_black_detail .sectionWrap section.blackService .cont { padding-right: 0; } .wrapper_black_detail .blackService ul { display: flex; gap: var(--36); overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding-right: var(--36); } .wrapper_black_detail .blackService ul li { display: flex; flex: 0 0 auto; flex-direction:column; align-items: center; gap: var(--10); } .wrapper_black_detail .blackService ul li img { width: var(--44); } .wrapper_black_detail .blackService ul li span { font-size: var(--24); color: #404040; letter-spacing: -0.01rem; } /*업체소개*/ .wrapper_black_detail .sectionWrap section.blackStoreIntroduce .cont { padding: 0; } .wrapper_black_detail .blackStoreIntroduce .top { padding: var(--50) 0; display: flex; flex-direction: column; gap: var(--60); align-items: center; text-align: center; } .wrapper_black_detail .blackStoreIntroduce .top .blackLogo { display: flex; flex-direction: column; gap: var(--10); } .wrapper_black_detail .blackStoreIntroduce .top .blackLogo .txt { font-size: var(--26); line-height: var(--28); } .wrapper_black_detail .blackStoreIntroduce .top .blackLogo img { width: var(--180); } .wrapper_black_detail .blackStoreIntroduce .top .storeName { display: flex; flex-direction: column; gap: var(--20); } .wrapper_black_detail .blackStoreIntroduce .top .storeName div { font-size: var(--42); line-height: var(--42); padding-bottom:var(--20); font-weight: 600; letter-spacing: -0.03rem; border-bottom: 1px solid #000; } .wrapper_black_detail .blackStoreIntroduce .top .storeName span { font-size: var(--28); line-height: var(--28); color: #696969; } .wrapper_black_detail .blackStoreIntroduce .list { display: flex; flex-direction: column; gap: var(--60); } .wrapper_black_detail .blackStoreIntroduce .list li { display: flex; gap: var(--20); flex-direction: column; } .wrapper_black_detail .blackStoreIntroduce .list li .tit { padding: 0 var(--36); position: relative; padding-left: var(--64); font-size: var(--32); line-height: var(--44);font-weight:600; } .wrapper_black_detail .blackStoreIntroduce .list li .tit:after { content: ""; display: block; left: 0; top: 50%; transform: translateY(-50%); height: calc(100% - var(--12)); width: var(--6); background-color: #000; position: absolute; left: var(--36); } .wrapper_black_detail .blackStoreIntroduce .list li img { width: 100%; } .wrapper_black_detail .blackStoreIntroduce .list li .txt { padding: 0 var(--36); font-size: var(--26); line-height: var(--40); color: #555555; } /*주요 특징*/ .wrapper_black_detail .sectionWrap section.feature .cont { padding-bottom: 0; } .wrapper_black_detail .feature ul { display: flex; flex-direction: column; gap: var(--60); } .wrapper_black_detail .feature ul li .imgWrap { display: flex; overflow: auto; gap: var(--20); -ms-overflow-style: none;scrollbar-width: none; } .wrapper_black_detail .feature ul li .imgWrap::-webkit-scrollbar {display: none;} .wrapper_black_detail .feature ul li { display: flex; flex-direction: column; gap: var(--30); } .wrapper_black_detail .feature ul li .imgWrap img { height: var(--300); } .wrapper_black_detail .feature ul li .txtBox .tit { padding: 0 var(--26); position: relative; letter-spacing: -0.01rem; font-size: var(--32); line-height: var(--44); font-weight:600;} .wrapper_black_detail .feature ul li .txtBox .tit:after { content: ""; display: block; left: 0; top: 50%; transform: translateY(-50%); height: calc(100% - var(--16)); width: var(--6); background-color: #000; position: absolute; left: 0 } .wrapper_black_detail .feature ul li .txtBox .txt { font-size: var(--26); color:#555555; letter-spacing: -0.01rem;padding-top:0.54rem; } /*요금 및 프로그램*/ .wrapper_black_detail section.sell .categoryTit { background-color: #fafafa; padding: var(--36); display: flex; flex-direction: column; gap: var(--16); } .wrapper_black_detail section.sell .cont .sellList .categoryTit .tit { padding: 0; background-color: transparent; font-size: var(--30); line-height: var(--28); font-weight:600;} .wrapper_black_detail section.sell .cont .sellList .categoryTit .txt { font-size: var(--24); line-height: var(--34); color: #767676; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .nameWrap .name { font-size: var(--30); } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .nameWrap .sub { color:#767676; } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box .salePrice span { font-size: var(--32); line-height: var(--32); } .wrapper_black_detail section.sell .cont .sellList .list li .sellBox .priceWrap .box .salePrice { align-items: baseline;; gap: var(--6); } .wrapper_black_detail section.sell .cont .benefits { display: flex; flex-direction: column; padding: var(--30) var(--36); padding-bottom: 0; gap: var(--20); border:0 } .wrapper_black_detail section.sell .cont .benefits > .tit { font-size: var(--28); line-height: var(--28); margin-bottom: 0; } .wrapper_black_detail section.sell .cont .benefits .txtBox { font-size: var(--26); line-height: var(--46); } .wrapper_black_detail section.sell .cont .benefits .txtBox span { color: var(--colP); } /*이용안내*/ .wrapper_black_detail section.useInfor .cont { display: flex; flex-direction: column; gap: var(--52); padding-bottom: var(--50); } .wrapper_black_detail section.useInfor .cont .txtWrap { padding: 0; display: flex; flex-direction: column; gap: var(--30); margin: 0; } .wrapper_black_detail section.useInfor .cont .txtWrap .tit { line-height: var(--58); font-size: var(--26); font-weight: 600; padding: 0 var(--36); margin: 0; background-color: #fafafa; } .wrapper_black_detail section.useInfor .cont .txtWrap .txt { display: flex; padding: 0; gap: var(--12); flex-direction: column; padding:0 var(--36); } .wrapper_black_detail section.useInfor .cont .txtWrap .txt:after { display: none; } .wrapper_black_detail section.useInfor .cont .txtWrap .txt div { font-size: var(--26); line-height: var(--38); color: #767676; padding-left: var(--16); position: relative; } .wrapper_black_detail section.useInfor .cont .txtWrap .txt div:after { content: ""; display: block; width: var(--6); height: var(--6); background-color: #767676; position: absolute; left: 0; top: var(--16); border-radius: var(--6); } /*메장지도*/ .wrapper_black_detail .sectionWrap section.map .cont { padding: 0; padding-bottom: var(--50); } .wrapper_black_detail section.map .location { height: var(--320); } .wrapper_black_detail section.map .addr { margin-top:0; padding: var(--36); padding-bottom: 0; } .wrapper_black_detail section.map .addr .txt { display: flex; flex-direction: column; gap: var(--8); margin-top: var(--36); } .wrapper_black_detail section.map .addr .txt div { font-size:var(--26); color: #767676; line-height: var(--38); position: relative; padding-left: var(--16); } .wrapper_black_detail section.map .addr .txt div:after { content: ""; display: block; width: var(--6); height: var(--6); background-color: #767676; position: absolute; left: 0; top: var(--16); border-radius: var(--6); } .wrapper_black_detail section.map .addr button { margin-top: var(--36); } /*블로그 후기*/ .wrapper_black_detail .sectionWrap section.blogReviews .cont { padding-bottom: 0; } .wrapper_black_detail .blogReviews ul { display: flex;; flex-direction: column; gap: var(--42); } .wrapper_black_detail .blogReviews li { display: flex; gap: var(--24); } /* .wrapper_black_detail .blogReviews li img { width: var(--180); height: var(--200); object-fit: cover; } */ .wrapper_black_detail .blogReviews li img { width: 8rem; height: 8rem; object-fit: cover; border-radius:0.5rem; } .wrapper_black_detail .blogReviews li .txtBox { display: flex; flex-direction: column; gap: var(--20); } .wrapper_black_detail .blogReviews li .txtBox .tit { font-size: var(--26); line-height: var(--34); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;} .wrapper_black_detail .blogReviews li .txtBox .txt { font-size: var(--24); color: #939393; line-height: var(--34); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;} .wrapper_black_detail .blogReviews li .txtBox .sub { font-size: var(--24); line-height: var(--24); color: #404040; } .wrapper_black_detail .blogReviews button.colPLine { margin-top: var(--42); } /*이용후기*/ .black-body section.review .cont{padding-bottom: 0} .black-body section.review {padding-bottom: 0} .black-body section.review .titWrap .reviewCount{margin-top: 2.41rem;display: flex;justify-content: space-between;} .black-body section.review .titWrap .reviewCount .rateAuth{color:#666;font-size:0.9rem} .black-body section.review .titWrap .reviewCount .rateAuth span{color:#ff2a75;} .black-body section.review .titWrap .reviewCount ._userCountWrap ._review{font-size: 0.92rem;font-weight: 500;color: #ff2a75;padding-left: 1.36rem} .black-body section.review .titWrap .reviewCount ._userCountWrap ._review span{color: #000;} .black-body section.review .titWrap .reviewCount .reviewBtn{font-size:0.99rem; line-height: 0.99rem; color:#000;border: 1px solid #ddd;padding: 0.49rem 1.09rem;border-radius: 1.09rem;font-weight: 500;box-shadow: 0.11rem 0.11rem 0.27rem #ddd;} .black-body section.review .titWrap .reviewCount .writeBtnWrap{text-align:right;} .black-body .wrapper_black_detail .review .cont .reviewDetailBtn{width: 100%;border:0.07rem solid #fc1a75;border-radius: 0.38rem;text-align: center;line-height: 2.71rem;margin-bottom:2.17rem} .black-body .wrapper_black_detail .review .cont .reviewDetailBtn a{color:#fc1a75;display: inline-block;width: 100%;font-size: 1.05rem;font-weight: 500;} .black-body .popUp.share .wrap{padding:2.26rem 1.51rem 1.88rem;border-radius: 0.37rem;} .black-body .popUp.share .wrap .tit{margin-bottom: 1.81rem;font-size: 1.28rem;font-weight: 500;} .black-body .popUp.share .wrap button{width: 100%;height: 3.77rem;margin-bottom: 0.75rem;border-radius: 0.37rem;font-size: 1.05rem;background-position: 7%;background-size: 1.51rem;font-weight: 400;} .black-body .popUp.share .wrap button.kakao{background-image: url(https://files.heally.co.kr/web-images/detail/sns_kakao.png);background-color: #fddc3f;} .black-body .popUp.share .wrap button.msg{background-image: url(https://files.heally.co.kr/web-images/detail/sns_msg.png);background-color: #5792bc;color: #fff;} .black-body .popUp.share .wrap button.popClose{margin-bottom: 0; height: 3.02rem;background-color: #f1f1f1;margin-top: 0.54rem;font-weight: 500;} .wrapper_black_detail .noreview{text-align:center;margin:2.71rem 0;font-size:0.9rem;color:#666} .wrapper_black_detail .reviewBox {display: flex;flex-direction: row;overflow-x: auto;gap: var(--10);} .wrapper_black_detail .reviewBox .imgBox {display: flex;gap: var(--10); -ms-overflow-style: none;} .wrapper_black_detail .reviewBox .imgBox::-webkit-scrollbar{ display:none;} .wrapper_black_detail .reviewBox .imgBox img {width: 6.79rem;height: 6.79rem;flex-shrink: 0;object-fit: cover;border-radius: var(--10);} .black-body .popUp.course .wrap{padding:1rem 1.63rem;border-radius: 0.37rem;} .black-body .popUp.course .wrap .closeBtn { position: absolute; width: 3.77rem; font-size: 0; height: 3.77rem; background-image: url(https://files.heally.co.kr/web-images/common/pop_close_icon.png); opacity: 0.3; background-size: 1.02rem; top: 0; right: 0; } .black-body .popUp.course .wrap .tit{margin-bottom: 0.54rem;font-size: 1.22rem;font-weight: 600;text-align:left;border-bottom: 1px solid #777777;padding-bottom: 0.54rem;} .black-body .popUp.course .wrap .txt{margin-bottom: 1.81rem;font-size: 1.01rem;font-weight: 400;text-align:left;color:#767676;line-height:1.63rem;color:#555555;} .black-body .popUp.course .wrap .txt .subtit{color:#000;font-weight:600;} .black-body .popUp.course .wrap .txt .subtxt{word-wrap: break-word;} .black-body .popUp.course .wrap button.popClose{margin-bottom: 0; height: 3.02rem;background-color: #f1f1f1;margin-top: 0.54rem;font-weight: 500;} .black-body .store_thumb.store_close .store_close { position: absolute; /* swiper 위에 겹치도록 */ top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; /* 터치/클릭은 swiper로 통과 */ display: flex; justify-content: center; align-items: center; } .black-body .store_thumb.store_close .store_close .wrap { pointer-events: auto; /* wrap 내부는 클릭 가능 */ } .wrapper_black_detail .user .comcnt{display: inline-block;font-size: 0.73rem;padding-left: 0.54rem;color: #797979;} .wrapper_black_detail .user .elite{display: inline-block;font-size: 0.73rem;padding-left: 0.54rem;color: #FE6320;} .wrapper_black_detail .user .elite{ border-radius: 0.19rem; font-weight: 500; width: fit-content; padding-left: 1.3rem; background-image: url(https://files.heally.co.kr/web-images/common/elite_mark.png); background-size: 0.9rem; background-position: 2% center; margin-left:0.54rem; } .wrapper_black_detail .user .comcnt .dot { display: inline-block; width: 0.5em; height: 0.5em; background-color: #000; border-radius: 50%; margin-bottom: 0.14rem; background-color: #797979; vertical-align: middle; } .black-body .wrapper_black_detail .map .mWrp{padding:0 1.36rem;} .black-body .wrapper_black_detail .map .mWrp .location{border-radius: 8px;border: 1px solid #E4E4E4;} .black-body .wrapper_black_detail .reviewList li .shopKeywordWrap{margin-top:1.5rem;} .black-body .wrapper_black_detail .reviewList li .shopKeywordWrap > span{font-size:0.8rem;border: 1px solid #fff;background-size:0.9rem;margin-right: 0.28rem;margin-bottom: 0.4rem; background-position: 0.8rem;padding: 0 0.81rem 0 2rem;} .black-body .wrapper_black_detail .bottom-company-wrap {position:relative;background-color:#eee;padding:0 1.36rem;padding-bottom:2.71rem} .black-body .wrapper_black_detail .bottom-company-wrap .g_logo{height:3.53rem;display:flex;align-items:center;} .black-body .wrapper_black_detail .bottom-company-wrap .g_logo img{width:4.67rem;margin-top:0.54rem} .black-body .wrapper_black_detail .bottom-company-wrap .terms ul{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;padding-bottom:0.81rem} .black-body .wrapper_black_detail .bottom-company-wrap .terms ul li{font-size:0.81rem;color:#666;margin-top:0.54rem} .black-body .wrapper_black_detail .bottom-company-wrap .terms ul li a{font-size:0.81rem;color:#666;} .black-body .wrapper_black_detail .bottom-company-wrap .terms ul li.b a{font-weight:500} .black-body .wrapper_black_detail .bottom-company-wrap .terms ul li:not(:last-child){margin-right:1.09rem} .black-body .wrapper_black_detail .bottom-company-wrap .customer_center{padding:0.81rem 0;display:flex;border-bottom: 1px solid #ddd;} .black-body .wrapper_black_detail .bottom-company-wrap .customer_center .btn_wrap{flex-shrink: 0;} .black-body .wrapper_black_detail .bottom-company-wrap .customer_center button{width: 5.16rem; height: 2.88rem; border: 1px solid #ccc; border-radius: 0.43rem; background-color: #fff; margin-right: 0.54rem; position: relative; font-size: 0.76rem; font-weight: 500; padding-left: 1.09rem;} .black-body .wrapper_black_detail .bottom-company-wrap .customer_center button.call:before { content: ""; background-image: url(https://files.heally.co.kr/web-images/common/foot_call.png); background-size: 1.09rem;opacity: 0.5;position: absolute;width: 1.36rem;height: 1.63rem;top: 0.81rem;left: 0;z-index: 1;background-repeat: no-repeat;margin-left: 0.38rem;} .black-body .wrapper_black_detail .bottom-company-wrap .customer_center button.katalk:before { content: ""; background-image: url(https://files.heally.co.kr/web-images/common/foot_kakao.png); background-size: 1.09rem;opacity: 0.5;position: absolute;width: 1.36rem;height: 1.63rem;top: 0.87rem;left: 0;z-index: 1;background-repeat: no-repeat;margin-left: 0.38rem;} .black-body .wrapper_black_detail .bottom-company-wrap .customer_center .working_time{display:flex;flex-wrap:wrap;align-items:center} .black-body .wrapper_black_detail .bottom-company-wrap .customer_center .working_time div{width:75%;font-size:0.76rem;letter-spacing:-1px} .black-body .wrapper_black_detail .bottom-company-wrap .customer_center .working_time div:nth-child(odd){width:24%} .black-body .wrapper_black_detail .cummunity_channel{padding:0.81rem 0;border-bottom:1px solid #ddd;display:flex} .black-body .wrapper_black_detail .cummunity_channel > div:first-child{margin-right:1.09rem;flex-shrink:0} .black-body .wrapper_black_detail .cummunity_channel button.faq{border-radius: 1.09rem;background-image: url(https://files.heally.co.kr/web-images/common/foot_qna.png);background-size: 1.03rem;background-position: 12% center;background-color: #fff;border: 1px solid #ccc;font-size: 0.76rem;padding: 0.38rem 0.81rem;font-weight: 500;padding-left: 2.17rem;} .black-body .wrapper_black_detail .cummunity_channel .sns button{font-size:0;padding:0.95rem;background-size:1.09rem;background-position:center center;border:1px solid #ddd; border-radius:50%;background-color:#fff;margin-right:0.41rem} .black-body .wrapper_black_detail .cummunity_channel .sns button.youtube{background-image:url(https://files.heally.co.kr/web-images/common/footer_icon_yoytube.webp)} .black-body .wrapper_black_detail .cummunity_channel .sns button.store{background-image:url(https://files.heally.co.kr/web-images/common/footer_icon_googleplay.webp)} .black-body .wrapper_black_detail .cummunity_channel .sns button.blog{background-image:url(https://files.heally.co.kr/web-images/common/footer_icon_naverblog.webp)} .black-body .wrapper_black_detail .cummunity_channel .sns button.instagram{background-image:url(https://files.heally.co.kr/web-images/common/footer_icon_instagram.webp)} .black-body .wrapper_black_detail .cummunity_channel .sns button.cafe{background-image:url(https://files.heally.co.kr/web-images/common/footer_icon_navercafe.webp)} .black-body .wrapper_black_detail .cummunity_channel .sns button.facebook{background-image:url(https://files.heally.co.kr/web-images/common/footer_icon_facebook.webp)} .black-body .wrapper_black_detail .company_info{padding:0.81rem 0.54rem 1.36rem 0.54rem} .black-body .wrapper_black_detail .company_info .company_name{font-size:0.81rem;font-weight:600;} .black-body .wrapper_black_detail .company_info .company_name label{background-image: url(https://files.heally.co.kr/web-images/_arrow/down_b.png);background-position: right 60%;padding-right: 1.22rem;background-size: 0.71rem;font-weight:600;} .black-body .wrapper_black_detail .company_info #companyToggleBtn{display:none} .black-body .wrapper_black_detail .company_info #companyToggleBtn:checked + label{background-image: url(https://files.heally.co.kr/web-images/_arrow/up_b.png);} .black-body .wrapper_black_detail .company_info .company_detail {display:none} .black-body .wrapper_black_detail .company_info .company_detail ul{padding-top:0.68rem} .black-body .wrapper_black_detail .company_info .company_detail ul li{font-size:0.81rem;color:#666;margin:0.27rem 0} .black-body .wrapper_black_detail .company_info .txt{ font-size: 0.81rem;color: #999;padding-top: 1.09rem;margin-bottom: 0.81rem;letter-spacing: -0.1v} .black-body .wrapper_black_detail .company_info .copyright{font-size:0.81rem;color:#999;margin-top:0.54rem;margin-bottom:1.36rem} .black-body .wrapper_black_detail{padding-bottom:0;}