/* 매장찾기 */ .search-store-wrap { display:flex;height:calc(100dvh - 103px);align-items:stretch; } .search-store-wrap .store-list { display:flex;flex-direction:column;max-width:530px;padding:0 40px 0 40px;/*width:33.125%;*/width:530px; } .search-store-wrap .store-list .title-wrap { min-height:82px;margin-bottom:var(--spacing-10, 10px);padding:var(--spacing-14, 14px) 0 var(--spacing-14, 14px);text-align:left;justify-content:flex-start; } .search-store-wrap .store-list .opt-wrap { position:relative; } .search-store-wrap .store-list .opt-wrap .btn-search-type { display:none; } .search-store-wrap .store-list .opt-wrap .btn { position:absolute;right:0;top:50%;transform:translateY(-50%);} .search-store-wrap .store-list .opt-wrap .btn-nearby:before { content:'';display:block;margin:-6px 8px -6px -6px;width:24px;height:24px;/*background:url(/kr/bestshop/images/renewal/icon/target_24x24.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMyAyMnYtMS4zMzFBOC43IDguNyAwIDAgMSAzLjMzIDEyLjdIMmEuNy43IDAgMCAxIDAtMS40aDEuMzNhOC43IDguNyAwIDAgMSA3Ljk3LTcuOTdWMmEuNy43IDAgMCAxIDEuNCAwdjEuMzNhOC43IDguNyAwIDAgMSA3Ljk3IDcuOTdIMjJhLjcuNyAwIDAgMSAwIDEuNGgtMS4zM2E4LjcgOC43IDAgMCAxLTcuOTcgNy45NjlWMjJhLjcuNyAwIDAgMS0xLjQgMG0wLTE2LjV2LS43NjdBNy4zIDcuMyAwIDAgMCA0LjczNCAxMS4zSDUuNWEuNy43IDAgMCAxIDAgMS40aC0uNzY2YTcuMyA3LjMgMCAwIDAgNi41NjYgNi41NjZWMTguNWEuNy43IDAgMCAxIDEuNCAwdi43NjZhNy4zIDcuMyAwIDAgMCA2LjU2Ni02LjU2NkgxOC41YS43LjcgMCAwIDEgMC0xLjRoLjc2NkE3LjMgNy4zIDAgMCAwIDEyLjcgNC43MzNWNS41YS43LjcgMCAwIDEtMS40IDAiIGZpbGw9IiM0MDQwM2YiLz48cGF0aCBkPSJNMTQgMTJhMiAyIDAgMSAxLTQgMCAyIDIgMCAwIDEgNCAwIiBmaWxsPSIjNDA0MDNmIi8+PC9zdmc+) no-repeat center center; } .search-store-wrap .store-list .opt-wrap .btn-nearby.on { background-color:var(--color-set-text-primary, #111);border-color:var(--color-set-text-primary, #111);color:var(--color-set-text-inverse, #fff); } .search-store-wrap .store-list .opt-wrap .btn-nearby.on:before { filter:brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(7460%) hue-rotate(285deg) brightness(125%) contrast(112%); } .search-store-wrap .search-map { position:relative;margin-top:0;flex:1; } .search-store-wrap .search-map > div { height:100%; } .search-store-wrap .search-map .btn-area-search { position:absolute;left:50%;bottom:53px;padding:0 30px;transform:translateX(-50%);z-index:5;border-color:var(--color-set-brand-teal);color:#035A6F; } .search-store-wrap .search-map .btn-area-search:active, .search-store-wrap .search-map .btn-area-search:focus, .search-store-wrap .search-map .btn-area-search:hover { background-color:var(--color-set-brand-teal);color:var(--color-set-text-inverse); } .search-store-wrap .map-search-wrap { display:flex;padding:0;background-color:#fff;align-items:center;gap:var(--spacing-8, 8px); } .search-store-wrap .map-search-wrap .search-wrap { display:flex;width:100%;padding:0;align-items:center;flex:1; } .search-store-wrap .map-search-wrap .input-wrap { flex:1; } .search-store-wrap .map-search-wrap .search-wrap .sltBox { flex:1;min-width:0; } .search-store-wrap .map-search-wrap .search-wrap .sltBox + .sltBox { margin-left:var(--spacing-8); } .search-store-wrap .map-search-wrap .btn-filter { position:relative;width:48px;height:48px;border-radius:var(--border-radius-full, 1000px);border:1px solid var(--color-set-line-gray100, #D6D6D5);/*background:var(--color-set-bg-white, #fff) url(/kr/bestshop/images/renewal/icon/filter_24x24.svg) no-repeat center center;*/background:var(--color-set-bg-white, #fff) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgN0gxMG00IDEwSDRtMTMgM2EzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZaTTcgMTBhMyAzIDAgMSAwIDAtNiAzIDMgMCAwIDAgMCA2WiIgc3Ryb2tlPSIjMTExIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat center center; } .search-store-wrap .map-search-wrap .btn-filter .count {display:flex;overflow:hidden;position:absolute;right:-3px;top:-4px;width:17px;height:17px;background-color:var(--color-set-brand-red, #FC312E);border-radius:50%;font-size:var(--fs-10, 10px);font-weight:var(--fw--600, 600);line-height:14px;color:var(--color-set-text-inverse, #fff);align-items:center;justify-content:center;text-align:center;} .search-store-wrap .tab-content-group-wrap { display:flex;position:relative;padding-top:var(--spacing-16, 16px);align-items:flex-start; } .search-store-wrap .tab-content-group-wrap .tab-content-group { flex:1;width:calc(100% - 56px); } .search-store-wrap .filter-control { padding-left:var(--spacing-8, 8px); } .search-store-wrap .filter-control .btn-filter { position:relative;width:48px;height:48px;border-radius:var(--border-radius-full, 1000px);border:1px solid var(--color-set-line-gray100, #D6D6D5);/*background:var(--color-set-bg-white, #fff) url(/kr/bestshop/images/renewal/icon/filter_24x24.svg) no-repeat center center;*/background:var(--color-set-bg-white, #fff) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgN0gxMG00IDEwSDRtMTMgM2EzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZaTTcgMTBhMyAzIDAgMSAwIDAtNiAzIDMgMCAwIDAgMCA2WiIgc3Ryb2tlPSIjMTExIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat center center; } .search-store-wrap .filter-control .btn-filter .count {display:flex;overflow:hidden;position:absolute;right:-3px;top:-4px;width:17px;height:17px;background-color:var(--color-set-brand-red, #FC312E);border-radius:50%;font-size:var(--fs-10, 10px);font-weight:var(--fw--600, 600);line-height:14px;color:var(--color-set-text-inverse, #fff);align-items:center;justify-content:center;text-align:center;} .search-store-wrap .filter-wrap { margin:var(--spacing-16) 0 0; } .search-store-wrap .filter-wrap .chip-wrap.multi-line .inner { padding:0; } .search-store-wrap .filter-wrap .chip-item.on .chip-label { border-color:var(--color-set-line-gray100, #D6D6D5); } .search-bottom-sheet { overflow:hidden;overflow-y:auto;margin-top:var(--spacing-24, 24px);height:100%;margin-right:calc(var(--spacing-40) * -1);flex:1;display:flex;flex-direction:column;transition:border 0.3s ease; } /* .search-bottom-sheet .btn-layer-control { display:none;width:100%;height:28px;padding:var(--spacing-12) 0;touch-action:none;-webkit-user-select:none;user-select:none; } .search-bottom-sheet .btn-layer-control:before { content:'';display:block;width:40px;height:4px;margin:0 auto;background-color:#EEE;border-radius:100px; } */ .search-bottom-sheet .mCSB_inside > .mCSB_container { margin-right:var(--spacing-40); } .search-bottom-sheet.active { border-radius:0; } .search-store-wrap .search-result-wrap { padding-top:17px;padding-bottom:17px; } .store-list .tab-content-group .tab-content.active { display:flex;flex-direction:column;height:100%; } .store-list-wrap { position:relative;height:100%;/*padding-bottom:var(--spacing-40);*/padding-top:1px;overflow-y:auto; } .store-list-wrap:before{ content:'';position:absolute;left:0;top:0;width:calc(100% - 40px);height:1px;background-color:#DEE1E5; } .store-list-wrap ul { border-bottom:0; } .store-list-wrap ul > li { padding:var(--spacing-16) 0;border-top:1px solid var(--color-set-line-gray100); } .store-list-wrap ul > li:first-child { border-top:0; } .store-list-wrap ul > li > div > strong { display:flex;font-size:var(--fs-18);font-weight:var(--fw--600);line-height:var(--lh-24);letter-spacing:var(--ls-03);align-items:center; } .store-list-wrap ul > li > div > strong a { display:inline-block; } .store-list-wrap ul > li > div > strong .btn-favorite { margin-left:var(--spacing-6);padding:var(--spacing-4) var(--spacing-8) var(--spacing-4) 0;width:var(--h32);height:var(--h32);/*background:url(/kr/bestshop/images/renewal/icon/star_20x20.svg) no-repeat left center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuMDc1IDMuMzE2LjAzNy4wMDRjLjQ4OC4wNS45MjYuMzExIDEuMi43MWwuMTA3LjE3OC4wMDUuMDA5IDEuODY5IDMuNzQ5LjAwMi4wMDRjLjAzLjA2MS4wOS4xMDUuMTYuMTE2bDQuMTguNjA0YTEuNjcgMS42NyAwIDAgMSAxLjMuOTk1bC4wNDQuMTA4LjAwNC4wMTMuMDMyLjExNGExLjYyIDEuNjIgMCAwIDEtLjQ2NyAxLjU3NmwtMy4xNDMgMi45NjNhLjIuMiAwIDAgMC0uMDYuMTc1bC43NDggNC4xMjJhMS42MiAxLjYyIDAgMCAxLS42NzggMS42MjQgMS42NSAxLjY1IDAgMCAxLTEuNzM1LjEwOWwtMy43MjItMS45MzMtLjAwNi0uMDAzYS4yLjIgMCAwIDAtLjA0Ny0uMDE5bC0uMDU1LS4wMDhoLS4xMTNsLTMuNzE4IDEuOTQtLjAxMi4wMDZjLS4zMTguMTYtLjY4LjIxNy0xLjAzNS4xNmwtLjAyLS4wMDRhMS42NSAxLjY1IDAgMCAxLTEuMzI2LTEuODg2bC4wMDItLjAxMS43NDgtNC4xMTdhLjIyLjIyIDAgMCAwLS4wNjMtLjE5MmwtMy4wMzgtMi45M2ExLjYyIDEuNjIgMCAwIDEtLjQwNS0xLjY5OWMuMi0uNTguNzA2LTEuMDA2IDEuMzE4LTEuMTAyaC4wMDdsNC4xODYtLjYwNS4wMy0uMDA0YS4yMi4yMiAwIDAgMCAuMTctLjExOGwxLjg0LTMuNzU5LjAwNS0uMDA4LjAwNS0uMDA4Yy4wNzctLjE0Ny4xNzktLjI5LjMwNy0uNDEzbC4wMjgtLjAyNi4wMy0uMDIzLjA0LS4wMzJhMS4zIDEuMyAwIDAgMSAuMjUtLjE4OWwuMDU1LS4wMzIuMDYtLjAyMS4wODUtLjAzMi4xMjMtLjA1MS4xMzItLjA1NHoiIGZpbGw9IiNkNmQ2ZDUiIHN0cm9rZT0iIzhhOGE4OSIvPjwvc3ZnPg==) no-repeat left center;background-size:20px; } .store-list-wrap ul > li > div > strong .btn-favorite.on { /*filter:brightness(0) saturate(100%) invert(37%) sepia(91%) saturate(1538%) hue-rotate(353deg) brightness(103%) contrast(101%);*//*background-image:url(/kr/bestshop/images/renewal/icon/star_active.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuMDc1IDMuMzE2LjAzNy4wMDRjLjQ4OC4wNS45MjYuMzExIDEuMi43MWwuMTA3LjE3OC4wMDUuMDA5IDEuODY5IDMuNzQ5LjAwMi4wMDRjLjAzLjA2MS4wOS4xMDUuMTYuMTE2bDQuMTguNjA1YTEuNjcgMS42NyAwIDAgMSAxLjMuOTk0bC4wNDQuMTA4LjAwNC4wMTMuMDMyLjExNGExLjYyIDEuNjIgMCAwIDEtLjQ2NyAxLjU3NmwtMy4xNDMgMi45NjRhLjIuMiAwIDAgMC0uMDYuMTc0bC43NDggNC4xMjJhMS42MiAxLjYyIDAgMCAxLS42NzggMS42MjQgMS42NSAxLjY1IDAgMCAxLTEuNzM1LjEwOWwtMy43MjItMS45MzMtLjAwNi0uMDAzYS4yLjIgMCAwIDAtLjA0Ny0uMDE5bC0uMDU1LS4wMDhoLS4xMTNsLTMuNzE4IDEuOTQtLjAxMi4wMDZjLS4zMTguMTYtLjY4LjIxNy0xLjAzNS4xNmwtLjAyLS4wMDRhMS42NSAxLjY1IDAgMCAxLTEuMzI2LTEuODg2bC4wMDItLjAxMS43NDgtNC4xMTdhLjIyLjIyIDAgMCAwLS4wNjMtLjE5MmwtMy4wMzgtMi45M2ExLjYyIDEuNjIgMCAwIDEtLjQwNS0xLjY5OWMuMi0uNTguNzA2LTEuMDA2IDEuMzE4LTEuMTAyaC4wMDdsNC4xODYtLjYwNS4wMy0uMDA0YS4yMi4yMiAwIDAgMCAuMTctLjExOGwxLjg0LTMuNzU5LjAwNS0uMDA4LjAwNS0uMDA4Yy4wNzctLjE0Ny4xNzktLjI5LjMwNy0uNDEzbC4wMjgtLjAyNi4wMy0uMDIzLjA0LS4wMzJhMS4zIDEuMyAwIDAgMSAuMjUtLjE4OWwuMDU1LS4wMzIuMDYtLjAyMS4wODUtLjAzMi4xMjMtLjA1MS4xMzItLjA1NHoiIGZpbGw9IiNmZjVjMTAiLz48L3N2Zz4=); } .store-list-wrap ul > li > div .info-wrap { display:flex;margin-top:var(--spacing-6);align-items:stretch; } .store-list-wrap ul > li > div .info-wrap .img { display:block;position:relative;overflow:hidden;margin:0 var(--spacing-12) 0 0;min-width:134px;width:134px;height:100px;border-radius:var(--border-radius-8); } .store-list-wrap ul > li > div .info-wrap .img > a { display:block;position:relative;width:100%;height:100%; } .store-list-wrap ul > li > div .info-wrap .img > a:focus-visible img { /*outline:2px solid #111;outline-offset:-2px;border-radius:var(--border-radius-8);*/ } .store-list-wrap ul > li > div .info-wrap .img > a:focus-visible:after { content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-8);box-shadow:inset 0 0 0 3px #ffffff, inset 0 0 0 6px #000000; } .store-list-wrap ul > li > div .info-wrap .img img { position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%); } .store-list-wrap ul > li > div .info-wrap .info { display:flex;flex-direction:column;font-size:var(--fs-15);line-height:var(--lh-20);letter-spacing:var(--ls-02);color:var(--color-set-brand-teal, #047F9D);flex:1; } .store-list-wrap ul > li > div .info-wrap .info .flag { display:flex;font-size:var(--fs-15);line-height:var(--lh-20);font-weight:var(--fw--500);letter-spacing:var(--ls-02);align-items:center;gap:0 var(--spacing-8, 8px);flex-wrap:wrap; } .store-list-wrap ul > li > div .info-wrap .info .flag > span { display:flex;align-items:center; } .store-list-wrap ul > li > div .info-wrap .info .flag > span:after { content:'';display:block;margin-left:8px;width:1px;height:10px;background-color:var(--color-set-line-gray100, #D6D6D5); } .store-list-wrap ul > li > div .info-wrap .info .flag > span:last-child:after{display:none;} .store-list-wrap ul > li > div .info-wrap .info p { margin:var(--spacing-8) 0;flex:1;color:var(--color-set-text-tertiary);word-break:break-word;word-wrap:break-word; } .store-list-wrap ul > li > div .info-wrap .info > a { flex:1; } .store-list-wrap ul > li > div .info-wrap .ext { display:flex;align-items:center; } .store-list-wrap ul > li > div .info-wrap .ext p { margin:0;flex:1;color:var(--color-set-text-primary); } .store-list-wrap ul > li > div .info-wrap .ext p a { font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px);pointer-events:none; } .store-list-wrap ul > li > div .info-wrap .ext .btn-location { display:flex;align-items:center; } .store-list-wrap ul > li > div .info-wrap .ext .btn-location span { font-size:var(--fs-16, 16px);font-weight:var(--fw--500, 500);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px);color:var(--color-set-text-secondary, #40403F); } .store-list-wrap ul > li > div .info-wrap .ext .btn-location:after { content:'';display:block;margin-left:var(--spacing-4, 4px);width:24px;height:24px;/*background:url(/kr/bestshop/images/renewal/icon/marker_24x24.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuMjAyIDNhNy4zODggNy4zODggMCAwIDEgNS42MSAxMi4xOTRMMTIgMjEuNWwtNS44MTItNi4zMDZBNy4zODggNy4zODggMCAwIDEgMTEuNzk3IDN6TTEyIDcuNWEyLjUgMi41IDAgMSAwIDAgNSAyLjUgMi41IDAgMCAwIDAtNSIgZmlsbD0iIzZmNmY2ZSIvPjwvc3ZnPg==) no-repeat center center;filter:brightness(0) saturate(100%) invert(0%) sepia(11%) saturate(1211%) hue-rotate(8deg) brightness(119%) contrast(87%); } .store-list-wrap ul > li > div .info-wrap .ext .btn-location.on:after { filter:brightness(0) saturate(100%) invert(27%) sepia(74%) saturate(3818%) hue-rotate(346deg) brightness(103%) contrast(97%); } .store-list-wrap ul > li > .btn-group { margin-top:var(--spacing-16); } /* .store-list-wrap .no-data { border-top:1px solid #DEE1E5; } */ .store-list-wrap .btn-more-wrap { margin-top:var(--spacing-8, 8px);padding-bottom:var(--spacing-40, 40px); } .map-balloon { position:relative;min-height:var(--h36);padding:calc(var(--spacing-6) - 1px) calc(var(--spacing-12) - 1px);border:1px solid var(--color-set-line-gray900);border-radius:var(--border-radius-full);background-color:var(--color-set-bg-white); } .map-balloon:after { content:'';position:absolute;left:50%;top:100%;margin-left:-8px;width:16px;height:9px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMjggOSIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTEzLjYxMTkgNS42OTkxNUMxMy44MTIgNS45NDU0MiAxNC4xODc5IDUuOTQ1NDIgMTQuMzg4IDUuNjk5MTVMMTguMzMzMyAwLjg0MzQyNEwxOC45OTk2IDBIOC45OTk2M0w5LjY2NjYzIDAuODQzNDI0TDEzLjYxMTkgNS42OTkxNVoiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTkgMC44NDM0MjRIOS42NjY5OUwxMy42MTIzIDUuNjk5MTVDMTMuODEyNCA1Ljk0NTQyIDE0LjE4ODMgNS45NDU0MiAxNC4zODg0IDUuNjk5MTVMMTguMzMzNyAwLjg0MzQyNEgxOSIgc3Ryb2tlPSIjMTExMTExIi8+Cjwvc3ZnPg==) no-repeat center top;} .map-balloon p{ font-size:var(--fs-14);line-height:var(--lh-20);color:var(--color-set-text-primary); } .map-balloon.active { background-color:transparent;border-color:transparent; } .map-balloon.active p { color:transparent; } .map-balloon.active:after { top:auto;bottom:0;width:12px;height:12px;margin-left:-6px;border:2px solid var(--color-set-brand-red);border-radius:50%;background:var(--color-set-bg-white); } /* 선택된 매장 마커 (말풍선 → 원형 핀) */ .map-marker-dot { position:relative;display:block;width:12px;height:12px;border-radius:50%;background-color:#FD312E;box-sizing:border-box; } .map-marker-dot::after { content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background-color:#fff; } .overlay { padding:calc(var(--spacing-20) - 1px);width:100%;background-color:var(--color-set-bg-white);border:1px solid var(--color-set-line-gray900);border-radius:var(--border-radius-20);box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.08), 0 12px 64px 0 rgba(0, 0, 0, 0.14); } .overlay:after { content:'';position:absolute;left:50%;top:calc(100% - 1px);width:44px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDQ0IDE0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTIxLjYxOTUgOC44MTc4M0MyMS44MTkxIDkuMDUyMzggMjIuMTgxMyA5LjA1MjM4IDIyLjM4MSA4LjgxNzgzTDI4LjgwOTggMS4yNjUxNEwyOS44NTY5IDBIMTQuMTQyNkwxNS4xOTA3IDEuMjY1MTRMMjEuNjE5NSA4LjgxNzgzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE0LjE0MzEgMS4yNjQ2NUgxNS4xOTEyTDIxLjYyIDguODE3MzRDMjEuODE5NiA5LjA1MTg5IDIyLjE4MTggOS4wNTE4OSAyMi4zODE1IDguODE3MzRMMjguODEwMiAxLjI2NDY1SDI5Ljg1NzQiIHN0cm9rZT0iIzExMTExMSIvPgo8L3N2Zz4=) no-repeat center top;transform:translateX(-50%);z-index:2 } .overlay .overlay-header { position:relative; } .overlay .overlay-header > div { display:flex;align-items:center;} .overlay .overlay-header > div strong { font-size:var(--fs-16);font-weight:var(--fw--600);line-height:var(--lh-20);letter-spacing:var(--ls-02); } .overlay .overlay-header > div .btn-favorite { overflow:hidden;width:20px;height:20px;margin-left:var(--spacing-8);text-indent:-9999px;/*background:url(/kr/bestshop/images/renewal/icon/star_20x20.svg) no-repeat left center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuMDc1IDMuMzE2LjAzNy4wMDRjLjQ4OC4wNS45MjYuMzExIDEuMi43MWwuMTA3LjE3OC4wMDUuMDA5IDEuODY5IDMuNzQ5LjAwMi4wMDRjLjAzLjA2MS4wOS4xMDUuMTYuMTE2bDQuMTguNjA0YTEuNjcgMS42NyAwIDAgMSAxLjMuOTk1bC4wNDQuMTA4LjAwNC4wMTMuMDMyLjExNGExLjYyIDEuNjIgMCAwIDEtLjQ2NyAxLjU3NmwtMy4xNDMgMi45NjNhLjIuMiAwIDAgMC0uMDYuMTc1bC43NDggNC4xMjJhMS42MiAxLjYyIDAgMCAxLS42NzggMS42MjQgMS42NSAxLjY1IDAgMCAxLTEuNzM1LjEwOWwtMy43MjItMS45MzMtLjAwNi0uMDAzYS4yLjIgMCAwIDAtLjA0Ny0uMDE5bC0uMDU1LS4wMDhoLS4xMTNsLTMuNzE4IDEuOTQtLjAxMi4wMDZjLS4zMTguMTYtLjY4LjIxNy0xLjAzNS4xNmwtLjAyLS4wMDRhMS42NSAxLjY1IDAgMCAxLTEuMzI2LTEuODg2bC4wMDItLjAxMS43NDgtNC4xMTdhLjIyLjIyIDAgMCAwLS4wNjMtLjE5MmwtMy4wMzgtMi45M2ExLjYyIDEuNjIgMCAwIDEtLjQwNS0xLjY5OWMuMi0uNTguNzA2LTEuMDA2IDEuMzE4LTEuMTAyaC4wMDdsNC4xODYtLjYwNS4wMy0uMDA0YS4yMi4yMiAwIDAgMCAuMTctLjExOGwxLjg0LTMuNzU5LjAwNS0uMDA4LjAwNS0uMDA4Yy4wNzctLjE0Ny4xNzktLjI5LjMwNy0uNDEzbC4wMjgtLjAyNi4wMy0uMDIzLjA0LS4wMzJhMS4zIDEuMyAwIDAgMSAuMjUtLjE4OWwuMDU1LS4wMzIuMDYtLjAyMS4wODUtLjAzMi4xMjMtLjA1MS4xMzItLjA1NHoiIGZpbGw9IiNkNmQ2ZDUiIHN0cm9rZT0iIzhhOGE4OSIvPjwvc3ZnPg==) no-repeat left center;background-size:16px; } .overlay .overlay-header > div .btn-favorite.on { /*filter:brightness(0) saturate(100%) invert(37%) sepia(91%) saturate(1538%) hue-rotate(353deg) brightness(103%) contrast(101%);*//*background-image:url(/kr/bestshop/images/renewal/icon/star_active.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuMDc1IDMuMzE2LjAzNy4wMDRjLjQ4OC4wNS45MjYuMzExIDEuMi43MWwuMTA3LjE3OC4wMDUuMDA5IDEuODY5IDMuNzQ5LjAwMi4wMDRjLjAzLjA2MS4wOS4xMDUuMTYuMTE2bDQuMTguNjA1YTEuNjcgMS42NyAwIDAgMSAxLjMuOTk0bC4wNDQuMTA4LjAwNC4wMTMuMDMyLjExNGExLjYyIDEuNjIgMCAwIDEtLjQ2NyAxLjU3NmwtMy4xNDMgMi45NjRhLjIuMiAwIDAgMC0uMDYuMTc0bC43NDggNC4xMjJhMS42MiAxLjYyIDAgMCAxLS42NzggMS42MjQgMS42NSAxLjY1IDAgMCAxLTEuNzM1LjEwOWwtMy43MjItMS45MzMtLjAwNi0uMDAzYS4yLjIgMCAwIDAtLjA0Ny0uMDE5bC0uMDU1LS4wMDhoLS4xMTNsLTMuNzE4IDEuOTQtLjAxMi4wMDZjLS4zMTguMTYtLjY4LjIxNy0xLjAzNS4xNmwtLjAyLS4wMDRhMS42NSAxLjY1IDAgMCAxLTEuMzI2LTEuODg2bC4wMDItLjAxMS43NDgtNC4xMTdhLjIyLjIyIDAgMCAwLS4wNjMtLjE5MmwtMy4wMzgtMi45M2ExLjYyIDEuNjIgMCAwIDEtLjQwNS0xLjY5OWMuMi0uNTguNzA2LTEuMDA2IDEuMzE4LTEuMTAyaC4wMDdsNC4xODYtLjYwNS4wMy0uMDA0YS4yMi4yMiAwIDAgMCAuMTctLjExOGwxLjg0LTMuNzU5LjAwNS0uMDA4LjAwNS0uMDA4Yy4wNzctLjE0Ny4xNzktLjI5LjMwNy0uNDEzbC4wMjgtLjAyNi4wMy0uMDIzLjA0LS4wMzJhMS4zIDEuMyAwIDAgMSAuMjUtLjE4OWwuMDU1LS4wMzIuMDYtLjAyMS4wODUtLjAzMi4xMjMtLjA1MS4xMzItLjA1NHoiIGZpbGw9IiNmZjVjMTAiLz48L3N2Zz4=); } .overlay .overlay-header .btn-overlay-close, .overlay .btn-overlay-close { overflow:hidden;position:absolute;right:0;top:50%;margin-top:-8px;width:16px;height:16px;/*background:url(/kr/bestshop/images/renewal/icon/overlay_close_16x16.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNCA0IDggOG0wLTgtOCA4IiBzdHJva2U9IiMxMTEiLz48L3N2Zz4=) no-repeat center center;text-indent:-9999px; } .overlay .overlay-content { padding-top:var(--spacing-12); } .overlay .overlay-content p { font-size:var(--fs-14);line-height:var(--lh-20);color:#444; } .overlay .overlay-content p + p { margin-top:var(--spacing-10); } .overlay .overlay-content .info { margin-top:var(--spacing-10);padding:var(--spacing-10) var(--spacing-16);border-radius:var(--border-radius-16);background-color:#f3f5f7; } .overlay .overlay-content .info dl {display:flex;font-size:var(--fs-14);line-height:var(--lh-20);color:var(--color-set-text-primary);} .overlay .overlay-content .info dl dt {width:70px;color:var(--color-set-text-tertiary);} .overlay .overlay-content .info dl dd {margin-left:var(--spacing-10);flex:1;} .overlay .overlay-content .info dl + dl { margin-top:var(--spacing-4); } .overlay .btn-group { margin-top:var(--spacing-20); } .overlay > .btn-overlay-close { top:22px;right:20px;margin:0; } .overlay.compact { max-width:240px;padding:calc(var(--spacing-12, 12px) - 1px) calc(var(--spacing-12, 12px) - 1px);border-radius:var(--border-radius-12, 12px); } .overlay.compact strong { display:block;font-size:var(--fs-16, 16px);font-weight:var(--fw--600, 600);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px); } .overlay.compact strong + p { margin-top:var(--spacing-2, 2px); } .overlay.compact p { font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px);color:var(--color-set-text-secondary, #40403F); } .overlay.compact:after { width:28px;height:8px;background-size:28px 8px; } @media screen and (max-width: 1199px) { .search-store-wrap { height:calc(100dvh - 154px); } } @media screen and (max-width: 767px) { .search-store-wrap { position:relative;height:calc(100dvh - 56px - 56px);flex-direction:column; } .search-store-wrap .store-list { /*position:relative;*/width:100%;padding:0;flex:0 1 auto;max-width:none; } .search-store-wrap .store-list .title-wrap { position:absolute;z-index:10;width:1px;height:1px;overflow:hidden;font-size:inherit;line-height:inherit;word-break:break-all;clip:rect(0,0,0,0);-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);white-space:nowrap;transform:scale(.01); } .search-store-wrap .store-list .opt-wrap { display:flex;position:relative;padding:var(--spacing-10, 10px) var(--spacing-20, 20px);justify-content:space-between;align-items:center; } .search-store-wrap .store-list .opt-wrap .btn-search-type { display:flex;height:100%;font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);align-items:center; } .search-store-wrap .store-list .opt-wrap .btn-search-type:after { content:'';display:block;margin-left:var(--spacing-4, 4px);width:24px;height:24px;/*background:url(/kr/bestshop/images/renewal/icon/arrow_down_20x20.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNCA3IDYgNiA2LTYiIHN0cm9rZT0iIzExMSIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48L3N2Zz4=) no-repeat center center;background-size:24px; } .search-store-wrap .store-list .opt-wrap .btn { position:static;transform:none; } .search-store-wrap .store-list .opt-wrap .btn-nearby:before { width:20px;height:20px;margin-right:6px;background-size:100%; } .search-store-wrap .store-list .opt-wrap .tab-wrap { display:none;position:absolute;left:var(--spacing-20, 20px);top:var(--spacing-10, 10px);width:171px;height:146px;border-radius:var(--border-radius-20, 20px);border:1px solid var(--color-set-brand-black, #111);background-color:var(--color-set-bg-white, #fff);z-index:4; } .search-store-wrap .store-list .opt-wrap .tab-wrap .tabs { width:100%;padding:0;flex-wrap:wrap;vertical-align:top;text-align:left; } .search-store-wrap .store-list .opt-wrap .tab-wrap .tabs > li { width:100%;margin:0;flex:none; } .search-store-wrap .store-list .opt-wrap .tab-wrap .tabs > li a { color:var(--color-set-text-primary, #111); } .search-store-wrap .store-list .opt-wrap .tab-wrap .tabs > li a > span { padding:14px 15px; } .search-store-wrap .store-list .opt-wrap .tab-wrap .tabs > li a > span:after { display:none; } .search-store-wrap .store-list .opt-wrap .tab-wrap .tabs > li.on a { font-weight:700; } .search-store-wrap .store-list .opt-wrap .tab-wrap .tabs > li a:hover, .search-store-wrap .store-list .opt-wrap .tab-wrap .tabs > li a:focus {background-color:#F3F5F7;} .search-store-wrap .tab-content-group-wrap { padding:var(--spacing-8, 8px) var(--spacing-20, 20px); } .search-store-wrap .tab-content-group-wrap .tab-content-group { width:calc(100% - 48px); } .search-store-wrap .search-map { display:block;width:100%;height:100%;margin-top:0;z-index:0; } .search-store-wrap .filter-wrap { position:relative;margin:0;padding:var(--spacing-8, 8px) 0 var(--spacing-12);box-shadow:0 1px 6px 0 rgba(0, 0, 0, 0.08);z-index:3; } .search-store-wrap .filter-wrap:before { content:'';position:absolute;left:0;bottom:100%;width:100%;height:8px;background-color:var(--color-set-bg-white); } .search-store-wrap .filter-wrap .btn-filter + .chip-wrap { margin-right:calc(var(--spacing-20) * -1); } .search-store-wrap .filter-wrap .inner { flex-wrap:nowrap; } .search-store-wrap .filter-wrap .chip-wrap.multi-line .inner { padding-left:var(--spacing-20, 20px);padding-right:var(--spacing-20, 20px); } .search-store-wrap .filter-wrap .chip-wrap:after { display:none; } .search-store-wrap .filter-wrap.no-item { padding-top:0;padding-bottom:var(--spacing-4, 4px); } .search-store-wrap .filter-wrap.no-item:before { height:4px; } .search-store-wrap .filter-control { padding-top:0; } .search-store-wrap .filter-control .btn-filter { width:40px;height:40px;background-size:20px; } /* .search-store-wrap .map-search-wrap .search-wrap .sltBox > a { display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap; } */ .search-bottom-sheet { overflow:hidden;position:fixed;position:absolute;left:0;/*top:calc(100% - 82px);top:272px;*/bottom:0;margin-top:0;width:100%;height:82px;background-color:var(--color-set-bg-white);z-index:2;border-top-left-radius:var(--border-radius-20);border-top-right-radius:var(--border-radius-20);transition:border 0.5s ease; } .search-bottom-sheet .btn-layer-control { display:block; } .search-bottom-sheet .mCSB_inside > .mCSB_container { margin-right:0; } .search-bottom-sheet.active { border-top-left-radius:0;border-top-right-radius:0; } .search-bottom-sheet .store-list-wrap { overflow:hidden; } .search-bottom-sheet.active .store-list-wrap { overflow:auto; } .search-store-wrap .search-result-wrap { min-height:auto;padding:5px var(--spacing-20) 11px; } .search-store-wrap .search-result-wrap.btn-layer-control { padding:var(--spacing-12) var(--spacing-20) 11px; } .search-store-wrap .search-result-wrap.btn-layer-control:before { content:'';display:block;width:40px;height:4px;margin:0 auto 17px;background-color:#8A8A89;border-radius:100px; } .store-list .tab-content-group { overflow:visible;flex:none; } .store-list .tab-content-group .tab-content.active { display:flex;flex-direction:column;height:100%; } .store-list-wrap { padding-top:0; } .store-list-wrap:before { display:none;} .store-list-wrap ul { border-top:0 !important;border-bottom:0 !important;padding:0 var(--spacing-20);overflow:hidden;height:inherit; } .search-bottom-sheet.active .store-list-wrap ul { height:auto; } .store-list-wrap ul > li { border-color:var(--color-set-line-gray50); } .store-list-wrap ul > li > div > strong { font-size:var(--fs-16);line-height:var(--lh-22);letter-spacing:var(--ls-02); } .store-list-wrap ul > li > div > strong .btn-favorite { margin-left:var(--spacing-8); } .store-list-wrap ul > li > div .info-wrap { margin-top:var(--spacing-4); } .store-list-wrap ul > li > div .info-wrap .img { min-width:131px;width:131px;height:98px; } .store-list-wrap ul > li > div .info-wrap .info { display:flex;flex-direction:column;font-size:var(--fs-15);line-height:var(--lh-20);letter-spacing:var(--ls-02); } .store-list-wrap ul > li > div .info-wrap .info .flag { font-size:var(--fs-13);line-height:var(--lh-18);font-weight:var(--fw--500);letter-spacing:0; } .store-list-wrap ul > li > div .info-wrap .info p { margin:var(--spacing-4) 0 0;font-size:var(--fs-13);line-height:var(--lh-18); } .store-list-wrap ul > li > div .info-wrap .ext { padding-bottom:0;justify-content:flex-end;align-items:flex-end; } .store-list-wrap ul > li > div .info-wrap .ext p a { display:inline-block;padding:6px 9px;border-radius:var(--border-radius-8, 8px);border:1px solid var(--color-set-line-gray100, #D6D6D5);background:var(--color-set-bg-white, #FFF);font-weight:var(--fw--500, 500);font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px);letter-spacing:0;vertical-align:top;pointer-events:auto; } .store-list-wrap ul > li > div .info-wrap .ext .btn-location span { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);letter-spacing:0; } .store-list-wrap ul > li > div .info-wrap .ext .btn-location:after { width:20px;height:20px;background-size:100%; } .store-list-wrap .no-data { margin-top:var(--spacing-16);/*border-top:0;*/ } .store-list-wrap .btn-more-wrap { margin:var(--spacing-16) var(--spacing-20) 0; } .search-store-wrap .search-map .btn-area-search { bottom:98px;padding-left:var(--spacing-20, 20px);padding-right:var(--spacing-20, 20px); } .overlay { max-width:300px; } .overlay .btn-group { margin-top:calc(var(--spacing-20) - 2px);gap:var(--spacing-4); } .overlay.compact { max-width:224px;padding:calc(var(--spacing-10, 10px) - 1px) calc(var(--spacing-12, 12px) - 1px); } .overlay.compact strong { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px); } .overlay.compact p { font-size:var(--fs-12, 12px);line-height:var(--lh-16, 16px);letter-spacing:0; } } /* 오픈 행사, 지점 행사, 이벤트 홀 */ .store-event-wrap .my-info { display:flex;padding-top:var(--spacing-8, 8px);justify-content:center;gap:var(--spacing-40, 40px);flex:1 1 100%; } .store-event-wrap .my-info dl { display:flex;font-size:var(--fs-18, 18px);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);color:var(--color-set-text-tertiary, #6F6F6E);} .store-event-wrap .my-info dl dt { margin-right:var(--spacing-8, 8px); } .store-event-wrap .my-info dl dd { color:var(--color-set-text-secondary, #40403F); } @media all and (min-width: 768px) { .store-event-map {width: 376px;height: 611px;} .store-event-list > .tab-cont-wrap {flex-grow: 1;overflow: hidden;} /* .store-event-list .event-list-ul {padding-right: 8px;} */ .store-event-list .content-box .event-list-ul::-webkit-scrollbar {width: 8px;} .store-event-list .content-box .event-list-ul::-webkit-scrollbar-thumb {background: #ccc;border-radius: 8px;} .store-event-list .content-box .event-list-ul::-webkit-scrollbar-track {background: #f4f4f4;} .store-event-list .store-event-banner {max-height: 215px;} } @media all and (min-width: 768px) and (max-width: 1024px) { .store-event-map {width: auto;flex-grow: 1;max-width: 50%;} .store-event-list .event-list-ul > li {width: 100%;} .store-event-content .store-event-map {width: auto;flex-grow: 1;max-width: 100%;} } @media (min-width: 768px) { .store-event-content .store-event-map {width: auto;height: 611px;} .store-event-list .store-event-banner {flex-shrink: 0;} } @media all and (min-width: 540px) and (max-width: 768px) { #mo-eventStoreMapPopup .popup-container .store-map-wrap {margin: 8px auto;/*height: 580px;*/} #mo-eventStoreMapPopup .store-map-wrap {width: 100%;} #mo-eventStoreMapPopup .store-map-wrap .store-event-map.depth1 img {width: auto;max-width: 100%;max-height: none;overflow: hidden;height: 580px;margin: 0 auto;} #mo-eventStoreMapPopup .store-map-wrap .store-event-map.depth1 map {margin: 0 auto;} #mo-eventStoreMapPopup .store-map-wrap .store-event-map.depth1 .mo-maptxt-list {width: 536px;} } .store-event-wrap .content { padding-bottom:0; } .store-event-content { display:flex;position:relative;/*margin-top:var(--spacing-32, 32px);*/padding:var(--spacing-40, 40px) 0;align-items:flex-start;background-color:#F3F5F7; } .store-event-content img { max-width:100%; } .store-event-content .store-event-inner { display:flex;position:relative;width:100%;max-width:1460px;padding:0 var(--spacing-40, 40px);margin:0 auto;align-items:flex-start;gap:26px; } .store-event-content .store-map-wrap { position:relative;width:490px; } .store-event-content .store-event-map.title {height: auto;} .store-event-content .store-map-wrap {width: 490px;display: flex;flex-direction: column;gap: 16px;justify-content: flex-start;align-items: flex-start;} .store-event-content .store-map-wrap .depth2 {position: relative;} .store-event-content .store-map-wrap .depth2 .store-event-maplist {position: relative;top: -160px;max-width: 400px;width: 400px;max-height: 140px;height: 140px;overflow-y: auto;padding-right: 8px;} .store-event-content .store-map-wrap .depth2 .store-event-maplist ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);justify-content: flex-start;align-items: flex-start;gap: 10px 8px;overflow-y: auto;flex-wrap: wrap;} .store-event-content .store-map-wrap .depth2 .store-event-maplist ul li {width: 120px;max-width: 120px;height: 40px;background: #FFFFFF 0% 0% no-repeat padding-box;border-radius: 28px;border: 1px solid #DDDDDD;font-size: 14px;font-weight: normal;display: flex;align-items: center;justify-content: center;} .store-event-content .store-map-wrap .depth2 .store-event-maplist ul li:hover {cursor: pointer;} .store-event-content .store-map-wrap .depth2 .store-event-maplist ul li.selected {background: #000 0% 0% no-repeat padding-box;border-radius: 28px;font-weight: normal;color: #FFFFFF;} .store-event-content .store-map-wrap .store-event-map.depth1 {height: 611px;} .store-event-content .store-map-wrap.pc-hidden .store-event-map.depth1 {height: 100%;} .store-event-content .store-map-wrap .store-event-map.depth1 img {max-height: 546px;overflow: hidden;} .store-event-content .store-map-wrap .store-event-map .title {font-size: 18px;font-weight: 600;line-height:24px;padding: 12px 0;} .store-event-content .store-map-wrap .store-event-map .sub-title {font-size: 18px;font-weight: 700;color: #000000;line-height: 27px;} .store-event-content .store-map-wrap .store-event-map .caption {font-size: 16px;color: #666666;} .store-event-content .store-map-wrap .store-event-map.depth2 .depth2-wrap {width: 100%;position: absolute;top: 55px; top:0;right: 0px;z-index: 8;display: flex;justify-content: center;align-items: center;gap: 8px;height: 80px;flex-direction: column;} .store-event-content .store-map-wrap .store-event-map.depth2 .btn-back {position: absolute;z-index: 9;display: flex;justify-content: center;align-items: center;width: 67px;height: 36px;top: 81px;top:26px;left: 16px;font-size: 14px;font-weight: 500;color: #000;border: 1px solid #000;border-radius: 20px;line-height: 24px;text-align: center;background-color: #fff;padding-right: 7px;} .store-event-content .store-map-wrap .store-event-map.depth2 .btn-back::before {content: '';display: inline-block;width: 16px;height: 16px;margin-right: 4px;/*background: url('/kr/bestshop/images/renewal/icon/btn_arrow_right_16.svg') no-repeat 0 0;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YnRuX2Fycm93X3JpZ2h0XzMyPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDE2aDE2VjBIMHoiLz48cGF0aCBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im02IDExLjUgNC00LTQtNCIvPjwvZz48L3N2Zz4=) no-repeat 0 0;background-size: contain;vertical-align: middle;rotate: 180deg;} .store-event-content .store-map-wrap .store-event-map.depth2 .btn-back:hover {cursor: pointer;} .store-event-content .store-map-wrap .store-event-map.depth2 .area-list a {font-size: 14px;font-weight: 700;background-color: white;} .store-event-content .store-map-wrap .store-event-map.depth2 .area-list a.disable {font-size: 12px;font-weight: 500;color: #848484;pointer-events: none;} .store-event-content .store-map-wrap .store-event-map.depth2 .area-list a.selected {font-size: 14px;color: #BF0C3F;text-decoration: underline;} .store-event-content .store-map-wrap .store-event-map.depth2 .area-list a:hover {cursor: pointer;color: #BF0C3F;} .store-event-content .store-map-wrap .store-event-map.depth2 .area-list a.disable:hover {cursor: default;color: #848484;} .store-event-content .store-map-wrap .store-event-map.depth2 .area-list a.selected:hover {cursor: pointer;color: #BF0C3F;} .store-event-content .store-event-list { flex:1; } .store-event-content .store-event-list .sub-tab-wrap .tabs { padding-top:0;padding-bottom:0; } .store-event-map {position: relative;} .store-event-map img {display: block;width: 100%;} .store-event-map map area {cursor: pointer;} .store-event-map .induce-click-map {display: none;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);} .store-event-map .induce-click-map > p {padding: 20px;background-color: yellow;} .store-event-map .induce-click-map.active {display: flex;} .store-event-list { /*height:947px;height:708px;*/flex: 1;align-self: stretch;display: flex;gap: 16px 0;flex-direction: column;} .store-event-list :is(strong, p, span, li) {word-break: keep-all;} /* .store-event-list > .tab-cont-wrap { border-radius:var(--border-radius-24, 24px);background-color:var(--color-set-bg-white, #fff); } */ .store-event-list .content-box {display: none;overflow:hidden;height: 100%;padding:var(--spacing-24, 24px) 0;border-radius:var(--border-radius-24, 24px);background-color:var(--color-set-bg-white, #fff); } .store-event-list .content-box.on {display: flex;flex-direction: column;} .store-event-list .content-box {/*gap: 24px 0;*/height:690px;} /* .store-event-list .content-box.branch-event { height:734px;} */ .store-event-list .custom-scroll { /*flex-grow: 1;*/overflow-y: auto;position: relative; } .store-event-list .custom-scroll .mCSB_container { margin-right:0;padding-bottom:1px; } .store-event-list .total { margin-top:calc(var(--spacing-24, 24px) * -1);padding:var(--spacing-24, 24px) var(--spacing-24, 24px) var(--spacing-16, 16px); } .store-event-list .total p { font-size:var(--fs-16, 16px);font-weight:var(--fw--600, 600);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px); } .store-event-list .total p .count { color:var(--color-set-brand-red, #FC312E); } .store-event-list .event-list-ul {flex-grow: 1;padding:0 var(--spacing-24, 24px);overflow-y: auto;position: relative;margin: 0; } .store-event-list .event-list-ul .no-data {padding: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .store-event-list .event-list-ul {display: flex;flex-wrap: wrap;gap: 24px;justify-content: flex-start;align-items: stretch;align-content: flex-start; display:grid;grid-template-columns:repeat(auto-fill, minmax(min(256px, 100%), 1fr)); } .store-event-list .event-list-ul > li {overflow: hidden;box-shadow: none;position: relative;width:100%;/*max-width:256px;*/min-height:280px;border-radius:16px;flex:1 1 256px; } /* .store-event-list .event-list-ul > li:hover {box-shadow: 1px 1px 6px rgba(58,58,58,0.1);} */ .store-event-list .event-list-ul > li > a {display:block;width:100%;height:100%;border-radius:16px;} .store-event-list .event-list-ul > li > a:hover, .store-event-list .event-list-ul > li > a:focus, .store-event-list .event-list-ul > li > a:focus-visible { outline-offset:-2px; } .store-event-list .event-list-ul .badge { display:flex;position:absolute;left:8px;top:8px;padding:2px;width:60px;height:60px;border-radius:var(--border-radius-full, 1000px);align-items:center;justify-content:center;text-align:center;font-size:var(--fs-12, 12px);font-weight:var(--fw--600, 600);line-height:var(--lh-16, 16px);color:var(--color-set-text-inverse, #fff);z-index:1; } .store-event-list .event-list-ul .badge.grand { background-color:var(--color-set-brand-red, #FC312E); } .store-event-list .event-list-ul .badge.year1 { border:1px solid var(--color-set-brand-red, #FC312E);background-color:var(--color-set-bg-white, #fff);color:var(--color-set-brand-red, #FC312E); } .store-event-list .event-list-ul .badge.renew { background-color:var(--color-set-brand-teal, #047F9D); } .store-event-list .event-list-ul .badge.renew.year1 { border:1px solid var(--color-set-brand-teal, #047F9D);background-color:var(--color-set-bg-white, #fff);color:var(--color-set-brand-teal, #047F9D); } .store-event-list .event-list-ul .badge.hot { border:1px solid var(--color-set-line-gray900, #111);background-color:var(--color-set-bg-white, #fff);color:var(--color-set-text-primary, #111); } .store-event-list .event-list-ul .text-box { display:inline-block;width:100%;padding:12px 16px 16px;flex:1;vertical-align:top;} .store-event-list .event-list-ul .text-box > span {display: block;word-break: keep-all;} .store-event-list .event-list-ul .text-box .info { display:flex;position:relative;/*min-height:38px;*/padding-top:var(--spacing-8, 8px);margin:0 0 var(--spacing-12, 12px);align-items:center; } .store-event-list .event-list-ul .text-box .info > span { word-break: keep-all; } .store-event-list .branch-event .event-list-ul .text-box .info { padding:8px 0 0;max-height:52px;align-items:flex-start; } .store-event-list .event-list-ul .text-box .region {display:flex;margin-right:4px;font-size: 14px;line-height: 20px;font-weight: 600;color: #FC312E;align-items:center;} .store-event-list .event-list-ul .text-box .region:after { content:'';display:block;margin-left:4px;width:3px;height:3px;border-radius:var(--border-radius-full, 1000px);background-color:var(--color-set-text-tertiary, #6F6F6E); } .store-event-list .event-list-ul .text-box .branch {font-size: 16px;font-weight: 600;line-height: 22px;letter-spacing:-0.2px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;order:1;} .store-event-list .event-list-ul .text-box .flag { overflow:hidden;position:relative;margin-left:4px;width:20px;height:20px;border-radius:50%;text-indent:-9999px; } .store-event-list .event-list-ul .text-box .flag.new { /*background:#FFEAEA url(/kr/bestshop/images/renewal/icon/new.svg) no-repeat center center;*/background:#FFEAEA url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNTE4IDB2OS44OThINi4zNDRMMi42NjYgNC41NTNoLS4wNjh2NS4zNDVIMFYwaDIuMjE1bDMuNjIzIDUuMzE4aC4wODJWMHoiIGZpbGw9IiNmYzMxMmUiLz48L3N2Zz4=) no-repeat center center;order:2; } .store-event-list .event-list-ul .text-box .flag.deadline { position:absolute;right:calc(var(--spacing-8, 8px) * -1);bottom:calc(100% + var(--spacing-20, 20px));margin:0;padding:0 calc(var(--spacing-10, 10px) - 1px) 0 var(--spacing-10, 10px);text-indent:0;width:auto;min-width:64px;height:26px;border-radius:var(--border-radius-8, 8px);background-color:#111;font-size:var(--fs-13, 13px);font-weight:var(--fw--600, 600);line-height:26px;color:var(--color-set-text-inverse, #fff); } .store-event-list .event-list-ul .text-box .period {font-size: 14px;line-height: 20px;color:var(--color-set-text-secondary, #40403F); } .store-event-list .event-list ul > li {margin: 0 !important;margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;} .store-event-list .event-list-ul .img-box {overflow:hidden;position:relative;/*height: 182px;*/padding-bottom:75%;border-radius:var(--border-radius-24, 24px);} .store-event-list .event-list-ul .img-box:before { content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.08);} .store-event-list .event-list-ul .img-box :is(video, img) {display: inline-block;width: auto;max-width: 100%;height: 100%;} .store-event-list .event-list-ul .img-box img { position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%); } .store-event-list .event-list-ul .img-box video {border: none;outline: 0;} .store-event-list .store-event-banner {display: block;width: 100%;border-radius: 8px;overflow: hidden;} .store-event-list .store-event-banner .banner {width: 100%;} .store-event-list .store-event-banner .banner.active {display: block;} .store-event-list .btn-group { margin-top:var(--spacing-16, 16px);padding:var(--spacing-24, 24px) 0 var(--spacing-16, 16px); } .store-event-list .btn-group .btn-more { margin:0 auto;max-width:250px; } .content-box.event-list ul li a .info .date {padding-right: 0;} .area.seoul .area-list li:nth-child(1) a {position: absolute;top: 263px;left: 239px;} .area.seoul .area-list li:nth-child(2) a {position: absolute;top: 293px;left: 260px;} .area.seoul .area-list li:nth-child(3) a {position: absolute;top: 327px;left: 240px;} .area.seoul .area-list li:nth-child(4) a {position: absolute;top: 301px;left: 303px;} .area.seoul .area-list li:nth-child(5) a {position: absolute;top: 309px;left: 351px;} .area.seoul .area-list li:nth-child(6) a {position: absolute;top: 266px;left: 307px;} .area.seoul .area-list li:nth-child(7) a {position: absolute;top: 241px;left: 356px;} .area.seoul .area-list li:nth-child(8) a {position: absolute;top: 239px;left: 276px;} .area.seoul .area-list li:nth-child(9) a {position: absolute;top: 192px;left: 269px;} .area.seoul .area-list li:nth-child(10) a {position: absolute;top: 167px;left: 292px;} .area.seoul .area-list li:nth-child(11) a {position: absolute;top: 192px;left: 337px;} .area.seoul .area-list li:nth-child(12) a {position: absolute;top: 211px;left: 183px;} .area.seoul .area-list li:nth-child(13) a {position: absolute;top: 270px;left: 179px;} .area.seoul .area-list li:nth-child(14) a {position: absolute;top: 297px;left: 162px;} .area.seoul .area-list li:nth-child(15) a {position: absolute;top: 339px;left: 102px;} .area.seoul .area-list li:nth-child(16) a {position: absolute;top: 281px;left: 72px;} .area.seoul .area-list li:nth-child(17) a {position: absolute;top: 369px;left: 92px;} .area.seoul .area-list li:nth-child(18) a {position: absolute;top: 416px;left: 165px;} .area.seoul .area-list li:nth-child(19) a {position: absolute;top: 337px;left: 156px;} .area.seoul .area-list li:nth-child(20) a {position: absolute;top: 361px;left: 206px;} .area.seoul .area-list li:nth-child(21) a {position: absolute;top: 404px;left: 206px;} .area.seoul .area-list li:nth-child(22) a {position: absolute;top: 387px;left: 270px;} .area.seoul .area-list li:nth-child(23) a {position: absolute;top: 377px;left: 331px;} .area.seoul .area-list li:nth-child(24) a {position: absolute;top: 356px;left: 380px;} .area.seoul .area-list li:nth-child(25) a {position: absolute;top: 293px;left: 413px;} .area.gyeonggi .area-list li:nth-child(1) a {position: absolute;top: 386px;left: 174px;} .area.gyeonggi .area-list li:nth-child(2) a {position: absolute;top: 343px;left: 212px;} .area.gyeonggi .area-list li:nth-child(3) a {position: absolute;top: 238px;left: 184px;} .area.gyeonggi .area-list li:nth-child(4) a {position: absolute;top: 345px;left: 149px;} .area.gyeonggi .area-list li:nth-child(5) a {position: absolute;top: 315px;left: 94px;} .area.gyeonggi .area-list li:nth-child(6) a {position: absolute;top: 325px;left: 138px;} .area.gyeonggi .area-list li:nth-child(7) a {position: absolute;top: 476px;left: 173px;} .area.gyeonggi .area-list li:nth-child(8) a {position: absolute;top: 177px;left: 192px;} .area.gyeonggi .area-list li:nth-child(9) a {position: absolute;top: 378px;left: 115px;} .area.gyeonggi .area-list li:nth-child(10) a {position: absolute;top: 258px;left: 119px;} .area.gyeonggi .area-list li:nth-child(11) a {position: absolute;top: 328px;left: 178px;} .area.gyeonggi .area-list li:nth-child(12) a {position: absolute;top: 281px;left: 228px;} .area.gyeonggi .area-list li:nth-child(13) a {position: absolute;top: 248px;left: 246px;} .area.gyeonggi .area-list li:nth-child(14) a {position: absolute;top: 424px;left: 190px;} .area.gyeonggi .area-list li:nth-child(15) a {position: absolute;top: 353px;left: 103px;} .area.gyeonggi .area-list li:nth-child(16) a {position: absolute;top: 363px;left: 146px;} .area.gyeonggi .area-list li:nth-child(17) a {position: absolute;top: 358px;left: 184px;} .area.gyeonggi .area-list li:nth-child(18) a {position: absolute;top: 310px;left: 247px;} .area.gyeonggi .area-list li:nth-child(19) a {position: absolute;top: 408px;left: 246px;} .area.gyeonggi .area-list li:nth-child(20) a {position: absolute;top: 201px;left: 110px;} .area.gyeonggi .area-list li:nth-child(21) a {position: absolute;top: 400px;left: 313px;} .area.gyeonggi .area-list li:nth-child(22) a {position: absolute;top: 469px;left: 266px;} .area.gyeonggi .area-list li:nth-child(23) a {position: absolute;top: 255px;left: 48px;} .area.gyeonggi .area-list li:nth-child(24) a {position: absolute;top: 423px;left: 138px;} .area.gyeonggi .area-list li:nth-child(25) a {position: absolute;top: 345px;left: 269px;} .area.gyeonggi .area-list li:nth-child(26) a {position: absolute;top: 211px;left: 174px;} .area.gyeonggi .area-list li:nth-child(27) a {position: absolute;top: 160px;left: 249px;} .area.gyeonggi .area-list li:nth-child(28) a {position: absolute;top: 381px;left: 378px;} .area.gyeonggi .area-list li:nth-child(29) a {position: absolute;top: 124px;left: 179px;} .area.gyeonggi .area-list li:nth-child(30) a {position: absolute;top: 211px;left: 304px;} .area.gyeonggi .area-list li:nth-child(31) a {position: absolute;top: 313px;left: 346px;} .area.incheon .area-list li a[title='영종구'], .area.incheon .area-list li a[data-open-city-code='28155'] {position: absolute;top: 380px;left: 217px;} .area.incheon .area-list li a[title='제물포구'], .area.incheon .area-list li a[data-open-city-code='28125'] {position: absolute;top: 385px;left: 318px;} .area.incheon .area-list li a[title='미추홀구'], .area.incheon .area-list li a[data-open-city-code='28177'] {position: absolute;top: 402px;left: 356px;} .area.incheon .area-list li a[title='연수구'], .area.incheon .area-list li a[data-open-city-code='28185'] {position: absolute;top: 430px;left: 361px;} .area.incheon .area-list li a[title='남동구'], .area.incheon .area-list li a[data-open-city-code='28200'] {position: absolute;top: 416px;left: 408px;} .area.incheon .area-list li a[title='부평구'], .area.incheon .area-list li a[data-open-city-code='28237'] {position: absolute;top: 357px;left: 390px;} .area.incheon .area-list li a[title='계양구'], .area.incheon .area-list li a[data-open-city-code='28245'] {position: absolute;top: 306px;left: 407px;} .area.incheon .area-list li a[title='검단구'], .area.incheon .area-list li a[data-open-city-code='28290'] {position: absolute;top: 285px;left: 353px;} .area.incheon .area-list li a[title='서구'], .area.incheon .area-list li a[data-open-city-code='28260'] {position: absolute;top: 330px;left: 358px;} .area.incheon .area-list li a[title='강화군'], .area.incheon .area-list li a[data-open-city-code='28710'] {position: absolute;top: 188px;left: 213px;} .area.incheon .area-list li a[title='옹진군'], .area.incheon .area-list li a[data-open-city-code='28720'] {position: absolute;top: 357px;left: 41px;} .area.gangwon .area-list li:nth-child(1) a {position: absolute;top: 256px;left: 140px;} .area.gangwon .area-list li:nth-child(2) a {position: absolute;top: 406px;left: 159px;} .area.gangwon .area-list li:nth-child(3) a {position: absolute;top: 321px;left: 354px;} .area.gangwon .area-list li:nth-child(4) a {position: absolute;top: 461px;left: 366px;} .area.gangwon .area-list li:nth-child(5) a {position: absolute;top: 207px;left: 286px;} .area.gangwon .area-list li:nth-child(6) a {position: absolute;top: 437px;left: 406px;} .area.gangwon .area-list li:nth-child(7) a {position: absolute;top: 302px;left: 199px;} .area.gangwon .area-list li:nth-child(8) a {position: absolute;top: 357px;left: 199px;} .area.gangwon .area-list li:nth-child(9) a {position: absolute;top: 441px;left: 265px;} .area.gangwon .area-list li:nth-child(10) a {position: absolute;top: 354px;left: 265px;} .area.gangwon .area-list li:nth-child(11) a {position: absolute;top: 402px;left: 318px;} .area.gangwon .area-list li:nth-child(12) a {position: absolute;top: 172px;left: 68px;} .area.gangwon .area-list li:nth-child(13) a {position: absolute;top: 196px;left: 132px;} .area.gangwon .area-list li:nth-child(14) a {position: absolute;top: 186px;left: 192px;} .area.gangwon .area-list li:nth-child(15) a {position: absolute;top: 232px;left: 243px;} .area.gangwon .area-list li:nth-child(16) a {position: absolute;top: 156px;left: 270px;} .area.gangwon .area-list li:nth-child(17) a {position: absolute;top: 251px;left: 308px;} .area.gangwon .area-list li:nth-child(18) a {position: absolute;top: 378px;left: 386px;} .area.chungbuk .area-list li:nth-child(1) a {position: absolute;top: 291px;left: 101px;} .area.chungbuk .area-list li:nth-child(2) a {position: absolute;top: 162px;left: 206px;} .area.chungbuk .area-list li:nth-child(3) a {position: absolute;top: 135px;left: 285px;} .area.chungbuk .area-list li:nth-child(4) a {position: absolute;top: 341px;left: 165px;} .area.chungbuk .area-list li:nth-child(5) a {position: absolute;top: 399px;left: 138px;} .area.chungbuk .area-list li:nth-child(6) a {position: absolute;top: 456px;left: 184px;} .area.chungbuk .area-list li:nth-child(7) a {position: absolute;top: 243px;left: 118px;} .area.chungbuk .area-list li:nth-child(8) a {position: absolute;top: 214px;left: 82px;} .area.chungbuk .area-list li:nth-child(9) a {position: absolute;top: 247px;left: 189px;} .area.chungbuk .area-list li:nth-child(10) a {position: absolute;top: 185px;left: 118px;} .area.chungbuk .area-list li:nth-child(11) a {position: absolute;top: 175px;left: 349px;} .area.chungnam .area-list li:nth-child(1) a {position: absolute;top: 181px;left: 327px;} .area.chungnam .area-list li:nth-child(2) a {position: absolute;top: 289px;left: 285px;} .area.chungnam .area-list li:nth-child(3) a {position: absolute;top: 357px;left: 155px;} .area.chungnam .area-list li:nth-child(4) a {position: absolute;top: 181px;left: 256px;} .area.chungnam .area-list li:nth-child(5) a {position: absolute;top: 198px;left: 122px;} .area.chungnam .area-list li:nth-child(6) a {position: absolute;top: 406px;left: 307px;} .area.chungnam .area-list li:nth-child(7) a {position: absolute;top: 368px;left: 316px;} .area.chungnam .area-list li:nth-child(8) a {position: absolute;top: 150px;left: 169px;} .area.chungnam .area-list li:nth-child(9) a {position: absolute;top: 423px;left: 400px;} .area.chungnam .area-list li:nth-child(10) a {position: absolute;top: 383px;left: 226px;} .area.chungnam .area-list li:nth-child(11) a {position: absolute;top: 431px;left: 186px;} .area.chungnam .area-list li:nth-child(12) a {position: absolute;top: 315px;left: 219px;} .area.chungnam .area-list li:nth-child(13) a {position: absolute;top: 269px;left: 159px;} .area.chungnam .area-list li:nth-child(14) a {position: absolute;top: 234px;left: 218px;} .area.chungnam .area-list li:nth-child(15) a {position: absolute;top: 197px;left: 60px;} .area.sejong .area-list li:nth-child(1) a {position: absolute;top: 295px;left: 200px;} .area.daejeon .area-list li:nth-child(1) a {position: absolute;top: 321px;left: 320px;} .area.daejeon .area-list li:nth-child(2) a {position: absolute;top: 356px;left: 241px;} .area.daejeon .area-list li:nth-child(3) a {position: absolute;top: 383px;left: 158px;} .area.daejeon .area-list li:nth-child(4) a {position: absolute;top: 242px;left: 145px;} .area.daejeon .area-list li:nth-child(5) a {position: absolute;top: 200px;left: 274px;} .area.gyeongbuk .area-list > li:nth-child(1) a {position: absolute;right: 125px;top: 337px;} .area.gyeongbuk .area-list > li:nth-child(2) a {position: absolute;right: 126px;top: 425px;} .area.gyeongbuk .area-list > li:nth-child(3) a {position: absolute;left: 81px;top: 362px;} .area.gyeongbuk .area-list > li:nth-child(4) a {position: absolute;left: 223px;top: 224px;} .area.gyeongbuk .area-list > li:nth-child(5) a {position: absolute;left: 143px;top: 332px;} .area.gyeongbuk .area-list > li:nth-child(6) a {position: absolute;left: 172px;top: 153px;} .area.gyeongbuk .area-list > li:nth-child(7) a {position: absolute;right: 185px;top: 378px;} .area.gyeongbuk .area-list > li:nth-child(8) a {position: absolute;left: 78px;top: 276px;} .area.gyeongbuk .area-list > li:nth-child(9) a {position: absolute;left: 99px;top: 204px;} .area.gyeongbuk .area-list > li:nth-child(10) a {position: absolute;right: 219px;top: 430px;} .area.gyeongbuk .area-list > li:nth-child(11) a {position: absolute;left: 204px;top: 343px;} .area.gyeongbuk .area-list > li:nth-child(12) a {position: absolute;left: 191px;top: 291px;} .area.gyeongbuk .area-list > li:nth-child(13) a {position: absolute;right: 164px;top: 289px;} .area.gyeongbuk .area-list > li:nth-child(14) a {position: absolute;right: 159px;top: 199px;} .area.gyeongbuk .area-list > li:nth-child(15) a {position: absolute;right: 114px;top: 260px;} .area.gyeongbuk .area-list > li:nth-child(16) a {position: absolute;right: 228px;top: 469px;} .area.gyeongbuk .area-list > li:nth-child(17) a {position: absolute;left: 122px;top: 448px;} .area.gyeongbuk .area-list > li:nth-child(18) a {position: absolute;left: 113px;top: 406px;} .area.gyeongbuk .area-list > li:nth-child(19) a {position: absolute;left: 162px;top: 378px;} .area.gyeongbuk .area-list > li:nth-child(20) a {position: absolute;left: 158px;top: 205px;} .area.gyeongbuk .area-list > li:nth-child(21) a {position: absolute;left: 248px;top: 142px;} .area.gyeongbuk .area-list > li:nth-child(22) a {position: absolute;right: 125px;top: 131px;} .area.gyeongbuk .area-list > li:nth-child(23) a {position: absolute;right: 44px;top: 95px;} .area.gyeongnam .area-list > li:nth-child(1) a {position: absolute;right: 167px;top: 303px;} .area.gyeongnam .area-list > li:nth-child(2) a {position: absolute;left: 165px;top: 315px;} .area.gyeongnam .area-list > li:nth-child(3) a {position: absolute;left: 234px;top: 403px;} .area.gyeongnam .area-list > li:nth-child(4) a {position: absolute;left: 143px;top: 356px;} .area.gyeongnam .area-list > li:nth-child(5) a {position: absolute;right: 102px;top: 287px;} .area.gyeongnam .area-list > li:nth-child(6) a {position: absolute;right: 125px;top: 226px;} .area.gyeongnam .area-list > li:nth-child(7) a {position: absolute;right: 152px;top: 408px;} .area.gyeongnam .area-list > li:nth-child(8) a {position: absolute;right: 56px;top: 254px;} .area.gyeongnam .area-list > li:nth-child(9) a {position: absolute;left: 206px;top: 250px;} .area.gyeongnam .area-list > li:nth-child(10) a {position: absolute;left: 239px;top: 286px;} .area.gyeongnam .area-list > li:nth-child(11) a {position: absolute;left: 252px;top: 214px;} .area.gyeongnam .area-list > li:nth-child(12) a {position: absolute;left: 210px;top: 365px;} .area.gyeongnam .area-list > li:nth-child(13) a {position: absolute;left: 121px;top: 442px;} .area.gyeongnam .area-list > li:nth-child(14) a {position: absolute;left: 80px;top: 332px;} .area.gyeongnam .area-list > li:nth-child(15) a {position: absolute;left: 103px;top: 267px;} .area.gyeongnam .area-list > li:nth-child(16) a {position: absolute;left: 60px;top: 204px;} .area.gyeongnam .area-list > li:nth-child(17) a {position: absolute;left: 103px;top: 147px;} .area.gyeongnam .area-list > li:nth-child(18) a {position: absolute;left: 169px;top: 206px;} .area.daegu .area-list > li:nth-child(1) a {position: absolute;left: 267px;top: 242px;} .area.daegu .area-list > li:nth-child(2) a {position: absolute;right: 128px;top: 167px;} .area.daegu .area-list > li:nth-child(3) a {position: absolute;left: 229px;top: 232px;} .area.daegu .area-list > li:nth-child(4) a {position: absolute;left: 259px;top: 273px;} .area.daegu .area-list > li:nth-child(5) a {position: absolute;left: 252px;top: 184px;} .area.daegu .area-list > li:nth-child(6) a {position: absolute;right: 141px;top: 273px;} .area.daegu .area-list > li:nth-child(7) a {position: absolute;left: 202px;top: 278px;} .area.daegu .area-list > li:nth-child(8) a {position: absolute;left: 204px;top: 356px;} .area.ulsan .area-list > li:nth-child(1) a {position: absolute;left: 309px;top: 240px;} .area.ulsan .area-list > li:nth-child(2) a {position: absolute;left: 337px;top: 294px;} .area.ulsan .area-list > li:nth-child(3) a {position: absolute;right: 57px;top: 300px;} .area.ulsan .area-list > li:nth-child(4) a {position: absolute;right: 90px;top: 203px;} .area.ulsan .area-list > li:nth-child(5) a {position: absolute;left: 184px;top: 250px;} .area.busan .area-list > li:nth-child(1) a {position: absolute;left: 225px;top: 366px;} .area.busan .area-list > li:nth-child(2) a {position: absolute;left: 210px;top: 347px;} .area.busan .area-list > li:nth-child(3) a {position: absolute;left: 236px;top: 341px;} .area.busan .area-list > li:nth-child(4) a {position: absolute;left: 247px;top: 386px;} .area.busan .area-list > li:nth-child(5) a {position: absolute;left: 224px;top: 305px;} .area.busan .area-list > li:nth-child(6) a {position: absolute;left: 255px;top: 261px;} .area.busan .area-list > li:nth-child(7) a {position: absolute;left: 275px;top: 347px;} .area.busan .area-list > li:nth-child(8) a {position: absolute;left: 216px;top: 248px;} .area.busan .area-list > li:nth-child(9) a {position: absolute;left: 315px;top: 287px;} .area.busan .area-list > li:nth-child(10) a {position: absolute;left: 180px;top: 375px;} .area.busan .area-list > li:nth-child(11) a {position: absolute;left: 260px;top: 218px;} .area.busan .area-list > li:nth-child(12) a {position: absolute;left: 103px;top: 351px;} .area.busan .area-list > li:nth-child(13) a {position: absolute;left: 257px;top: 284px;} .area.busan .area-list > li:nth-child(14) a {position: absolute;left: 287px;top: 304px;} .area.busan .area-list > li:nth-child(15) a {position: absolute;left: 181px;top: 316px;} .area.busan .area-list > li:nth-child(16) a {position: absolute;right: 109px;top: 179px;} .area.jeonbuk .area-list > li:nth-child(1) a {position: absolute;left: 221px;top: 250px;} .area.jeonbuk .area-list > li:nth-child(2) a {position: absolute;left: 119px;top: 200px;} .area.jeonbuk .area-list > li:nth-child(3) a {position: absolute;left: 183px;top: 173px;} .area.jeonbuk .area-list > li:nth-child(4) a {position: absolute;left: 156px;top: 328px;} .area.jeonbuk .area-list > li:nth-child(5) a {position: absolute;right: 137px;top: 398px;} .area.jeonbuk .area-list > li:nth-child(6) a {position: absolute;left: 152px;top: 249px;} .area.jeonbuk .area-list > li:nth-child(7) a {position: absolute;left: 246px;top: 200px;} .area.jeonbuk .area-list > li:nth-child(8) a {position: absolute;right: 146px;top: 243px;} .area.jeonbuk .area-list > li:nth-child(9) a {position: absolute;right: 65px;top: 207px;} .area.jeonbuk .area-list > li:nth-child(10) a {position: absolute;right: 113px;top: 318px;} .area.jeonbuk .area-list > li:nth-child(11) a {position: absolute;left: 248px;top: 338px;} .area.jeonbuk .area-list > li:nth-child(12) a {position: absolute;left: 218px;top: 398px;} .area.jeonbuk .area-list > li:nth-child(13) a {position: absolute;left: 71px;top: 388px;} .area.jeonbuk .area-list > li:nth-child(14) a {position: absolute;left: 81px;top: 306px;} .area.jeonnam .area-list > li a[title='목포시'], .area.jeonnam .area-list > li a[data-open-city-code='46110'], .area.jeonnam .area-list > li a[data-open-city-code='12110'] {position: absolute;left: 142px;top: 305px;} .area.jeonnam .area-list > li a[title='여수시'], .area.jeonnam .area-list > li a[data-open-city-code='46130'], .area.jeonnam .area-list > li a[data-open-city-code='12130'] {position: absolute;right: 33px;top: 313px;} .area.jeonnam .area-list > li a[title='순천시'], .area.jeonnam .area-list > li a[data-open-city-code='46150'], .area.jeonnam .area-list > li a[data-open-city-code='12150'] {position: absolute;right: 98px;top: 255px;} .area.jeonnam .area-list > li a[title='나주시'], .area.jeonnam .area-list > li a[data-open-city-code='46170'], .area.jeonnam .area-list > li a[data-open-city-code='12170'] {position: absolute;left: 201px;top: 252px;} .area.jeonnam .area-list > li a[title='광양시'], .area.jeonnam .area-list > li a[data-open-city-code='46230'], .area.jeonnam .area-list > li a[data-open-city-code='12190'] {position: absolute;right: 36px;top: 242px;} .area.jeonnam .area-list > li a[title='담양군'], .area.jeonnam .area-list > li a[data-open-city-code='46710'], .area.jeonnam .area-list > li a[data-open-city-code='12710'] {position: absolute;left: 261px;top: 164px;} .area.jeonnam .area-list > li a[title='곡성군'], .area.jeonnam .area-list > li a[data-open-city-code='46720'], .area.jeonnam .area-list > li a[data-open-city-code='12720'] {position: absolute;right: 125px;top: 179px;} .area.jeonnam .area-list > li a[title='구례군'], .area.jeonnam .area-list > li a[data-open-city-code='46730'], .area.jeonnam .area-list > li a[data-open-city-code='12730'] {position: absolute;right: 69px;top: 185px;} .area.jeonnam .area-list > li a[title='고흥군'], .area.jeonnam .area-list > li a[data-open-city-code='46770'], .area.jeonnam .area-list > li a[data-open-city-code='12740'] {position: absolute;right: 125px;top: 375px;} .area.jeonnam .area-list > li a[title='보성군'], .area.jeonnam .area-list > li a[data-open-city-code='46780'], .area.jeonnam .area-list > li a[data-open-city-code='12750'] {position: absolute;right: 153px;top: 309px;} .area.jeonnam .area-list > li a[title='화순군'], .area.jeonnam .area-list > li a[data-open-city-code='46790'], .area.jeonnam .area-list > li a[data-open-city-code='12760'] {position: absolute;left: 272px;top: 252px;} .area.jeonnam .area-list > li a[title='장흥군'], .area.jeonnam .area-list > li a[data-open-city-code='46800'], .area.jeonnam .area-list > li a[data-open-city-code='12770'] {position: absolute;left: 247px;top: 322px;} .area.jeonnam .area-list > li a[title='강진군'], .area.jeonnam .area-list > li a[data-open-city-code='46810'], .area.jeonnam .area-list > li a[data-open-city-code='12780'] {position: absolute;left: 215px;top: 354px;} .area.jeonnam .area-list > li a[title='해남군'], .area.jeonnam .area-list > li a[data-open-city-code='46820'], .area.jeonnam .area-list > li a[data-open-city-code='12790'] {position: absolute;left: 165px;top: 388px;} .area.jeonnam .area-list > li a[title='영암군'], .area.jeonnam .area-list > li a[data-open-city-code='46830'], .area.jeonnam .area-list > li a[data-open-city-code='12800'] {position: absolute;left: 182px;top: 312px;} .area.jeonnam .area-list > li a[title='무안군'], .area.jeonnam .area-list > li a[data-open-city-code='46840'], .area.jeonnam .area-list > li a[data-open-city-code='12810'] {position: absolute;left: 145px;top: 272px;} .area.jeonnam .area-list > li a[title='함평군'], .area.jeonnam .area-list > li a[data-open-city-code='46860'], .area.jeonnam .area-list > li a[data-open-city-code='12820'] {position: absolute;left: 157px;top: 212px;} .area.jeonnam .area-list > li a[title='영광군'], .area.jeonnam .area-list > li a[data-open-city-code='46870'], .area.jeonnam .area-list > li a[data-open-city-code='12830'] {position: absolute;left: 141px;top: 175px;} .area.jeonnam .area-list > li a[title='장성군'], .area.jeonnam .area-list > li a[data-open-city-code='46880'], .area.jeonnam .area-list > li a[data-open-city-code='12840'] {position: absolute;left: 211px;top: 161px;} .area.jeonnam .area-list > li a[title='완도군'], .area.jeonnam .area-list > li a[data-open-city-code='46890'], .area.jeonnam .area-list > li a[data-open-city-code='12850'] {position: absolute;left: 194px;top: 443px;} .area.jeonnam .area-list > li a[title='진도군'], .area.jeonnam .area-list > li a[data-open-city-code='46900'], .area.jeonnam .area-list > li a[data-open-city-code='12860'] {position: absolute;left: 95px;top: 410px;} .area.jeonnam .area-list > li a[title='신안군'], .area.jeonnam .area-list > li a[data-open-city-code='46910'], .area.jeonnam .area-list > li a[data-open-city-code='12870'] {position: absolute;left: 60px;top: 305px;} .area.jeonnam .area-list > li a[title='전남광주'], .area.jeonnam .area-list > li a[data-open-city-code='12210,12240,12270,12300,12330'] {position: absolute;left: 224px;top: 206px;} .area.gwangju .area-list > li:nth-child(1) a {position: absolute;right: 92px;top: 336px;} .area.gwangju .area-list > li:nth-child(2) a {position: absolute;left: 263px;top: 310px;} .area.gwangju .area-list > li:nth-child(3) a {position: absolute;right: 177px;top: 368px;} .area.gwangju .area-list > li:nth-child(4) a {position: absolute;right: 137px;top: 229px;} .area.gwangju .area-list > li:nth-child(5) a {position: absolute;left: 146px;top: 273px;} .area.jeju .area-list > li:nth-child(1) a {position: absolute;left: 202px;top: 230px;} .area.jeju .area-list > li:nth-child(2) a {position: absolute;left: 254px;top: 300px;} /* 오픈매장 메인 */ .info-store .content-group-tit .btn-link.btn-abs {position: absolute;} .main-eventStore-map {position: relative;max-width: 1460px;padding: 0 40px;margin: 0 auto;} .main-eventStore-map .img-box {display: flex;justify-content: center;} .main-eventStore-map .img-box img:hover {cursor: pointer;} .main-eventStore-map .img-box.m-hidden img {max-width: 1380px;border-radius: 20px;} .main-eventStore-map .img-box video {width: 100%;} .main-eventStore-map .btn-eventshop-wrap {width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 30px;} .main-eventStore-map .btn-eventshop-abs {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);z-index: 8;background: rgba(0, 0, 0, 0.7);} .main-eventStore-map .btn-eventshop:hover .btn-link {color: #fff !important;} .main-eventStore-map .btn-eventshop {padding: 0 12px 0 16px;} .main-eventStore-map .btn-eventshop .btn-link {text-decoration: none;vertical-align: baseline;font-size: 13px;} .main-eventStore-map .btn-eventshop:hover .btn-link:after {/*background: url("/kr/bestshop/images/renewal/icon/btn-arrow-right-white-20.svg") center;*/background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJtNSAyIDYgNi02IDYiIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) center; background-size: 15px;} /* // 오픈매장 메인 */ .store-event-list .event-list-ul .is-flag {display: flex !important;align-items: center;gap: 8px;min-width: 0;} .store-event-list .event-list-ul .flag-img {width: 100px;position: relative;top: -2px;} .store-event-list .no-data {width: 100%;display:none;justify-content: center;align-items: center;flex-direction:column;gap:0;flex:1;} .store-event-list .no-data a.btn-link {cursor: pointer;text-decoration: none;} .store-event-list .no-data a.btn-link:hover {text-decoration: underline;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li {position: absolute;z-index: 1;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li a {font-size: clamp(13px, 4.5vw, 32px);line-height: clamp(15px, 4.5vw, 32px);text-shadow: -2px 0px #ffffff, 0px 2px #ffffff, 2px 0px #ffffff, 0px -2px #ffffff;font-weight: 700;color: #666;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(1) {top: 19.8%;left: 33%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(2) {top: 25.1%;left: 37.8%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(3) {top: 22.8%;left: 24.2%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(4) {top: 18.5%;left: 53%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(5) {top: 33%;left: 46%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(6) {top: 42.3%;left: 29%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(7) {top: 38.5%;left: 37.5%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(8) {top: 44.5%;left: 39.5%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(9) {top: 42.5%;left: 59.5%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(10) {top: 61.5%;left: 49%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(11) {top: 52.5%;left: 59.8%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(12) {top: 58.2%;left: 69.5%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(13) {top: 64.5%;left: 66.5%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(14) {top: 55.4%;left: 34.5%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(15) {top: 68%;left: 28%;} #mo-eventStoreMapPopup .popup-container .store-map-wrap .mo-maptxt-list li:nth-child(16) {top: 88.5%;left: 33.4%;} .store-event-list .tab01 { display:flex;position:relative;align-items:center;justify-content:space-between;} .store-event-list .tab01 .checkbox-wrap {position: absolute;bottom: 10px;right: 0;line-height: 26px;font-size: 18px;font-weight: 400;} .input-wrap.search-round .btn-search-map { overflow:hidden;position:relative;width:100%;height:var(--h48to40);border:0;padding:10px 56px 10px 20px;background-color:#F3F5F7;border-radius:var(--border-radius-full, 1000px);font-size:var(--fs-14, 14px);font-weight:var(--fw--400, 400);color:var(--color-set-text-tertiary, #6F6F6E);text-align:left;white-space:nowrap;text-overflow:ellipsis; } .input-wrap.search-round .btn-search-map.active { font-weight:var(--fw--600, 600);color:var(--color-set-text-primary, #111); } .input-wrap.search-round .btn-search-map:after { content:'';position:absolute;right:16px;top:0;width:24px;height:100%;/*background:url(/kr/bestshop/images/renewal/icon/search_24x24.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuODM1IDExLjExYTYuNzI1IDYuNzI1IDAgMSAwLTEzLjQ1IDAgNi43MjUgNi43MjUgMCAwIDAgMTMuNDUgMG0xLjM4NSAwYzAgMS45OS0uNzE5IDMuODExLTEuOTA4IDUuMjIybDMuNDg1IDMuNDg2YS42OTMuNjkzIDAgMCAxLS45OC45OGwtMy40ODUtMy40ODZhOC4wNyA4LjA3IDAgMCAxLTUuMjIyIDEuOTA4IDguMTEgOC4xMSAwIDEgMSA4LjExLTguMTEiIGZpbGw9IiMxMTEiLz48L3N2Zz4=) no-repeat center center;text-indent:-9999px;overflow:hidden; } .btn_mylct { display:block;position:absolute;bottom:-128px;margin:10px;width:30px;height:30px;border:1px solid #444;background-color:#fff; } .btn_mylct:hover, .btn_mylct:focus { background-color:#fff; } .btn_mylct .spr_trff { display:block;overflow:hidden;width:100%;height:100%;/*background:url(/kr/bestshop/images/renewal/icon/position.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDEyYTguNSA4LjUgMCAxIDEgMTcgMCA4LjUgOC41IDAgMCAxLTE3IDBaIiBzdHJva2U9IiM2NTY1NjUiIHN0cm9rZS13aWR0aD0iMS40Ii8+PHBhdGggZD0iTTEyLjIgMTcuN3YyaC0uNHYtMnptMC0xMy41djJoLS40di0yem0tNiA4aC0ydi0uNGgyem0xMy41IDBoLTJ2LS40aDJ6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiM2NTY1NjUiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxIiBmaWxsPSIjNjU2NTY1Ii8+PC9zdmc+) no-repeat center center;text-indent:-9999px; } @media all and (max-width: 1280px) { .store-map-wrap.pc-hidden .store-event-map.depth1 {width: calc(100% + 32px);} .store-event-list .event-list-ul > li {width: 100%;} } @media all and (max-width: 1179px) { .store-event-content .store-event-inner { gap:24px; } } @media all and (max-width: 1024px) { /* .store-event-list { height:602px;} */ } @media all and (max-width: 1023px) { .store-event-content, .store-event-content .store-event-inner {flex-direction: column;} .store-event-content .store-event-inner { padding:0 var(--spacing-20, 20px); } .store-event-list { gap:8px; } .store-event-list .content-box {padding:0;height:auto;border-radius:0;background-color:transparent;} .store-event-list .content-box.branch-event { height:auto; } .store-event-list .total { margin-top:0;padding:var(--spacing-12, 12px) 0; } .store-event-list .event-list-ul {gap: 12px;padding:0;height: auto;} .store-event-list .event-list-ul > li {width: 100%;max-width:none;min-height:0;flex:0 1 calc(50% - 6px);} .store-event-list .event-list-ul > li > a { display:flex;overflow:hidden;gap:12px;padding:var(--spacing-6, 6px) var(--spacing-12, 12px) var(--spacing-6, 6px) var(--spacing-6, 6px);border-radius:var(--border-radius-16, 16px);background-color:var(--color-set-bg-white, #fff); } .store-event-list .event-list-ul > li > a > span {font-size: 12px;line-height: 16px;} .store-event-list .event-list-ul .no-data {height: 200px;padding: 0;} .store-event-list .event-list-ul .text-box {display:flex;overflow:hidden;flex:1;padding:0;flex-direction:column;justify-content:center;} .store-event-list .event-list-ul .text-box .info { margin:0;flex-wrap: wrap; } .store-event-list .event-list-ul .text-box .region { display:inline-flex;margin-right:7px;vertical-align:middle; } .store-event-list .event-list-ul .text-box .region:after {display:none;} .store-event-list .event-list-ul .text-box .branch {margin: 4px 0 0;min-height:38px;order:2;flex:1 1 100%;} .store-event-list .branch-event .event-list-ul .text-box .info { padding-bottom:var(--spacing-8, 8px);min-height:0; } .store-event-list .branch-event .event-list-ul .text-box .info .branch { min-height:44px;margin-bottom:var(--spacing-10, 10px);} .store-event-list .event-list-ul .text-box .flag { display:inline-flex;margin:0;order:1;vertical-align:middle; } .store-event-list .event-list-ul .text-box .flag.new { width:16px;height:16px;background-size:8px auto; } .store-event-list .event-list-ul .text-box .flag.deadline { position:static;min-width:50px;height:18px;padding:0 5px 0 6px;border-radius:6px;font-size:11px;line-height:18px;} .store-event-list .event-list-ul .text-box .period {font-size:12px;line-height:16px;} .store-event-list :is(.open-event, .branch-event) .event-list-ul .img-box {width: 100%;min-width:153px;max-width: 153px;height:115px;} .store-event-list .event-list-ul .img-box { border-radius:var(--border-radius-12, 12px);width:153px;height:115px;padding-bottom:0;margin:0; } .store-event-list .event-list-ul .badge { left:14px;top:14px;width:46px;height:46px;font-size:11px;line-height:14px;} .store-event-content .store-map-wrap { width:100%;} .store-event-content .store-map-wrap .store-event-map:not(.title) { width:490px;margin:0 auto; } } @media all and (max-width: 767px) { .store-event-wrap .my-info { display:none; } .store-event-wrap{ display:flex;flex-direction:column; } .store-event-wrap .btn-wrap { padding:var(--spacing-24, 24px) 0; } .store-event-content {flex:1;flex-direction: column;margin-top:0;gap: 32px 0;} .store-event-content .store-event-inner { padding:var(--spacing-24, 24px) var(--spacing-20, 20px) var(--spacing-40, 40px);gap:0; } .store-event-content .store-event-list .sub-tab-wrap .tabs { margin-left:0;margin-right:0;padding:var(--spacing-8, 8px) 0; } .store-event-map {position: relative;left: -16px;width: calc(100% + 32px);height: auto;} .store-event-list {height: auto;padding: 0;gap:0;} .store-event-list .content-box {gap: 0;} .store-event-list .store-event-banner {height: auto;} .store-event-list .store-event-banner + .sltBox {margin-top: 16px;} .store-event-list .store-event-banner .banner {display: none;} .store-event-list .slt.border-type {width: 100%;} .store-event-list .slt.border-type select {background-color: #fff;} .store-event-list > .tab-cont-wrap {flex: 0 0 auto;} .content-group .content-group-tit.po-rel {position: relative;} .info-store .content-group-tit.po-rel .btn-link.btn-abs {text-decoration: none;position: absolute;bottom: 0px;right: 16px;font-weight: normal;font-size: 12px;color: #222;} .info-store .content-group-tit.po-rel .btn-link:after {width: 12px;height: 12px;background-size: 12px auto;top: 6px;padding-right: 15px;} .main-eventStore-map {padding:0; } .main-eventStore-map .btn-eventshop {bottom: 40px;} .store-event-content .store-map-wrap {width: 100%;} .store-event-list .no-data {height: 276px;padding: 0;flex:none;} .store-event-list .branch-event .event-list-ul .text-box .info .branch { margin-top:0; } .store-event-content {flex-direction: column;padding: 0;gap: 0;} .store-event-content .store-event-map {position: relative;left: 0px;width: calc(100% + 32px);height: auto;} .store-event-content .btn-wrap { width: 100%;} .store-event-content .btn-wrap.pc-hidden .btnPopOpen {width: 100%;display: flex;justify-content: space-between;align-items: center;border: 1px solid #ddd;padding: 13px 18px;border-radius: 8px;font-size: 14px;height: 46px;min-width: 0;} .store-event-content .btnPopOpen .txt {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;flex: 1 1 auto;line-height: 24px;} .store-event-content .btnPopOpen .icon-arrow {display: inline-block;width: 16px;height: 16px;margin-left: 2px;/*background: url(/kr/bestshop/images/renewal/icon/icon-arrow-r-000.svg) no-repeat 0 0 / cover;*/background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgOCA4KSIgc3R5bGU9ImZpbGw6dHJhbnNwYXJlbnQiIGQ9Ik0wIDBoMTZ2MTZIMHoiLz48cGF0aCBkPSJNOCA0IDQgMCAwIDQiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMgNykiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjJweDtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 0 0 / cover;flex: 0 0 auto;} .store-map-wrap.pc-hidden .store-event-map.depth1 {width: 100%;height: 100%;object-fit: contain;position: relative;} .store-map-wrap.pc-hidden .store-event-map.depth2 {width: 100%;} .store-map-wrap.pc-hidden .store-event-map.depth2 {padding: 0px;} #mo-eventStoreMapPopup .pop-wrap {height: auto;max-height: 90%;width: 100%;} #mo-eventStoreMapPopup .popup-container {padding: 0px;max-height: none;} #mo-eventStoreMapPopup .popup-container .store-map-wrap {margin:0 auto;padding:0 var(--spacing-20, 20px) 28px;position: initial;} #mo-eventStoreMapPopup .store-map-wrap {width: 100%;} #mo-eventStoreMapPopup .store-map-wrap .store-event-map.depth1 img {width: auto;max-width: 100%;max-height: none;overflow: hidden;} #mo-eventStoreMapPopup .store-map-wrap .store-event-map.depth1 map {margin: 0 auto;} #mo-eventStoreMapPopup .store-map-wrap .depth2 .btn-back::before {content: '';display: inline-block;width: 16px;height: 16px;margin-right: 4px;/*background: url('/kr/bestshop/images/renewal/icon/btn_arrow_right_16.svg') no-repeat 0 0;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YnRuX2Fycm93X3JpZ2h0XzMyPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDE2aDE2VjBIMHoiLz48cGF0aCBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im02IDExLjUgNC00LTQtNCIvPjwvZz48L3N2Zz4=) no-repeat 0 0;background-size: contain;vertical-align: middle;rotate: 180deg;} #mo-eventStoreMapPopup .store-event-map.depth2 .store-event-map {width: 100%;} #mo-eventStoreMapPopup .store-map-wrap .depth2 .store-event-maplist {top: 0px;max-width: 100%;width: auto;height: 308px;max-height: 308px;} #mo-eventStoreMapPopup .store-map-wrap .depth2 .store-event-maplist p {width: 100%;height: 100%;max-height: 308px;display: flex;justify-content: center;align-items: center;} #mo-eventStoreMapPopup .store-map-wrap .depth2 .store-event-maplist ul {grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);gap: 8px;} #mo-eventStoreMapPopup .store-map-wrap .depth2 .store-event-maplist ul li {width: 100%;max-width: none;height: 40px;border-radius:12px;border-color:var(--color-set-line-gray100, #D6D6D5);font-size:13px;line-height:18px;color:#111;} #mo-eventStoreMapPopup .store-map-wrap .depth2 .store-event-maplist ul li.selected { border-color:var(--color-set-line-gray900, #111);background-color:var(--color-set-bg-white, #fff);font-weight:var(--fw--600, 600); } #mo-eventStoreMapPopup .store-map-wrap .store-event-map .caption {font-size: 11px;} #mo-eventStoreMapPopup .store-event-map.depth2 .depth2-btn-wrap {display: flex;justify-content: space-between;align-items: center;} #mo-eventStoreMapPopup .control { padding:0 var(--spacing-20, 20px) var(--spacing-16, 16px); } #mo-eventStoreMapPopup .control .depth2-btn-wrap { display:flex;padding:var(--spacing-16, 16px);height:52px;border-radius:var(--border-radius-16, 16px);background-color:#F3F5F7;align-items:center; } #mo-eventStoreMapPopup .control .depth2-btn-wrap .btn-back { display:inline-flex;margin-right:4px;font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);font-weight:var(--fw--600, 600);color:var(--color-set-text-primary, #111);align-items:center;gap:4px; } #mo-eventStoreMapPopup .control .depth2-btn-wrap .btn-back:after { content:'';display:block;width:16px;height:16px;/*background:url(/kr/bestshop/images/renewal/icon/arrow_right_16x16.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS45MiAxMy4xMzQtLjU4Ni0uNTQ3IDQuMDItNC4zNTMtNC4wMi00LjM2LjU4Ni0uNTQgNC41MiA0Ljl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat center center; } #mo-eventStoreMapPopup .control .depth2-btn-wrap .result { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);color:var(--color-set-text-tertiary, #6F6F6E);flex:1; } #mo-eventStoreMapPopup .control .depth2-btn-wrap .caption { display:inline-flex;font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px);font-weight:var(--fw--500, 500);color:var(--color-set-text-tertiary, #6F6F6E);align-items:center;gap:4px; } #mo-eventStoreMapPopup .control .depth2-btn-wrap .caption:before { content:'';display:block;width:3px;height:3px;border-radius:50%;background-color:var(--color-set-text-tertiary, #6F6F6E); } #mo-eventStoreMapPopup .control.depth2 .btn-back { text-decoration:underline;text-underline-offset:3px; } #mo-eventStoreMapPopup .control.depth2 .result { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw--600, 600);color:var(--color-set-text-primary, #111); } #mo-eventStoreMapPopup .control.addItem .caption { display:none; } #mo-eventStoreMapPopup .store-map-wrap .store-event-map.depth2 .btn-back {border: none;border-radius: 0px;background-color: transparent;position: relative;top: 0px;left: 0px;padding-left: 0px;justify-content: flex-start;padding-right: 0px;} #mo-eventStoreMapPopup .popup-btn-wrap {display: flex;justify-content: center;align-items: center;} #mo-eventStoreMapPopup .popup-btn-wrap button {width: 100%;} #mo-eventStoreMapPopup-tab2 .pop-wrap {height: auto;max-height: 684px;} #mo-eventStoreMapPopup-tab2 .popup-container {padding: 0px;overflow-y: hidden;} #mo-eventStoreMapPopup-tab2 .popup-container .store-map-wrap {margin-top: 16px;} .store-event-list .event-list-ul > li { flex:none; } .store-event-list .event-list-ul > li > a { gap:12px;padding:var(--spacing-6, 6px); } .store-event-list .event-list-ul .is-flag {gap: 6px;} .store-event-list .event-list-ul .flag-img {top: -4px;} .store-event-list .tab01 .checkbox-wrap {bottom: 5px;padding-right: 16px;font-size: 15px;} .store-event-list .btn-group { margin-top:var(--spacing-12, 12px);padding:var(--spacing-20, 20px) 0 0; } .store-event-list .btn-group .btn-more { max-width:none; } } /* 우수매장 */ .list-wrap { width:100%; } .list-wrap ul { display:grid;grid-template-columns:repeat(4, 1fr);gap:24px; } .list-wrap ul > li a { position:relative;display:flex;overflow:hidden;width:100%;height:100%;padding:var(--spacing-8, 8px) var(--spacing-8, 8px) var(--spacing-16, 16px);border-radius:var(--border-radius-24, 24px);background: var(--color-set-bg-white, #FFF);flex-direction:column; } .list-wrap ul > li a .img-wrap { position:relative;overflow:hidden;width:100%;padding-bottom:74.92%;border-radius:var(--border-radius-20, 20px); } .list-wrap ul > li a .img-wrap:before { content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.08);z-index: 1; } .list-wrap ul > li a .img-wrap img { position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover; } .list-wrap ul > li a .text-wrap { display:flex;margin-top:var(--spacing-12, 12px);padding:var(--spacing-8, 8px) var(--spacing-8, 8px) 0;flex-direction:column;flex:1; } .list-wrap ul > li a .text-wrap .area { display:flex;align-items:center;gap:8px;flex-wrap:wrap; } .list-wrap ul > li a .text-wrap .area .tag-red { display:flex;margin-right:clac(var(--spacing-8, 8px) - 1px);font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);font-weight:var(--fw--600, 600);letter-spacing:var(--lh-02, -0.2px);color:var(--color-set-brand-red, #FC312E);align-items:center; } .list-wrap ul > li a .text-wrap .area .tag-red:after { content:'';display:block;margin-left:var(--spacing-8, 8px);width:3px;height:3px;border-radius:50%;background-color:var(--color-set-text-tertiary, #6F6F6E);} .list-wrap ul > li a .text-wrap .area .tit { font-size:var(--fs-18, 18px);line-height:var(--lh-24, 24px);font-weight:var(--fw--600, 600);letter-spacing:var(--ls-03, -0.3px);order:1; } .list-wrap ul > li a .text-wrap .area .flag { overflow:hidden;display:block;width:20px;height:20px;border-radius:var(--border-radius-full, 1000px);background-color:#FFEAEA;text-indent:-9999px;order:2; } .list-wrap ul > li a .text-wrap .area .flag.new { /*background-image:url(/kr/bestshop/images/renewal/icon/new.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNTE4IDB2OS44OThINi4zNDRMMi42NjYgNC41NTNoLS4wNjh2NS4zNDVIMFYwaDIuMjE1bDMuNjIzIDUuMzE4aC4wODJWMHoiIGZpbGw9IiNmYzMxMmUiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center; } .list-wrap ul > li a .text-wrap .detail { display:-webkit-box;overflow:hidden;margin-top:var(--spacing-14, 14px);max-height:40px;font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;color:var(--color-set-text-tertiary, #6F6F6E); } .list-wrap ul > li a .text-wrap .date { margin-top:var(--spacing-12, 12px);font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);color:var(--color-set-text-secondary, #40403F);flex:1; } .list-wrap ul > li a .text-wrap .date + .tag { margin-top:var(--spacing-12, 12px); } .list-wrap ul > li a .text-wrap .tag { display:flex;overflow:hidden;margin-top:var(--spacing-20, 20px);max-height:24px;flex-wrap:wrap;gap:var(--spacing-4, 4px); } .list-wrap ul > li a .text-wrap .tag p { display:flex;border-radius:var(--border-radius-8, 8px);background-color:#EBF5F7;padding:2px 6px 2px 7px;font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);font-weight:var(--fw--500, 500);color:var(--color-set-brand-teal, #047F9D);align-items:center; } .list-wrap .btn-group { max-width:250px;margin:0 auto;padding:var(--spacing-40, 40px) 0; } /* 우수매장 상세 */ .page-header { padding:48px 0 var(--spacing-24, 24px);margin-bottom:var(--spacing-32, 32px );border-bottom:1px solid var(--color-set-line-gray50, #EDEDEB);text-align:center; } .page-header .branch { font-size:var(--fs-18, 18px);font-weight:var(--fw--500, 500);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);color:var(--color-set-brand-red, #FC312E); } .page-header .branch > span { display:inline-flex;align-items:center;vertical-align:top; } .page-header .branch > span + span { margin-left:2px; } .page-header .branch > span + span:before { content:'';display:block;margin-right:6px;width:1px;height:10px;background-color:var(--color-set-line-gray100, #D6D6D5); } .page-header .title { display:inline-flex;position:relative;margin-top:var(--spacing-8, 8px);font-size:var(--fs-32, 32px);font-weight:var(--fw--600, 600);line-height:var(--lh-44, 44px);letter-spacing:var(--ls-05, -0.5px);align-items:center; } .page-header .title .btn-share { position:static;margin-left:var(--spacing-8, 8px);min-width:32px;width:32px;height:32px;/*background:url(/kr/bestshop/images/renewal/icon/share.svg) no-repeat center center / 28px 28px;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI1LjczNSIgY3k9IjkuOTA2IiByPSIyLjIzNSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjEzLjg2NCIgY3k9IjUuNDM2IiByPSIyLjIzNSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjEzLjg2NCIgY3k9IjE0LjM3NyIgcj0iMi4yMzUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48cGF0aCBkPSJtMTIuMDM1IDE0LjE3My00Ljg3Ny0zLjI1MW00Ljg3Ny01LjI4Mkw3LjE1OCA4Ljg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS4yIi8+PC9zdmc+) no-repeat center center / 28px 28px;filter:brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(801%) hue-rotate(123deg) brightness(97%) contrast(87%); } .page-header .date { margin-top:var(--spacing-8, 8px);font-size:var(--fs-18, 18px);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);color:var(--color-set-text-secondary, #40403F); } .page-header .best-info { display:flex;margin-top:var(--spacing-8, 8px);align-items:center;gap:40px; } .page-header .best-info dl { display:flex;font-size:var(--fs-18, 18px);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);color:var(--color-set-text-secondary, #40403F); } .page-header .best-info dl dt { color:var(--color-set-text-tertiary, #6F6F6E); } .page-header .best-info dl dd { margin-left:var(--spacing-8, 8px); } .page-header .best-info .date { margin-top:0; } .event-detail .page-header { border-bottom:0;margin-bottom:0; } .event-detail .page-header, .best-detail .page-header { text-align:left; } .event-detail img { max-width:100%; } .cont-wrap.tag { display:flex;padding:var(--spacing-32, 32px) 0 var(--spacing-40, 40px);align-items:center;justify-content:center;gap:var(--spacing-8, 8px);flex-wrap:wrap; } .cont-wrap.tag p { padding:2px 6px 2px 7px;height:24px;border-radius:var(--border-radius-8, 8px);background-color:#EBF5F7;font-size:var(--fs-14, 14px);font-weight:var(--fw--500, 500);line-height:var(--lh-20, 20px);color:var(--color-set-brand-teal, #047F9D); } .content.best-detail .btn-group, .content.event-detail .btn-group {position:relative;margin:var(--spacing-12, 12px) 0;min-height:48px;} .content.best-detail .btn-group .btn:not(.to-list), .content.event-detail .btn-group .btn:not(.to-list) { margin:0 auto;flex:0 1 350px; } .content.best-detail .btn-group .to-list, .content.event-detail .btn-group .to-list { position:absolute;right:0;top:0;min-width:150px; } .content.best-detail .btn-group .floating-info-panel { display:block;position:fixed;left:50%;bottom:57px;width:100%;transform:translateX(-50%);z-index:3; } .content.best-detail .btn-group .floating-info-panel > div { padding:0 135px; } .content.best-detail .btn-group .floating-info-panel .inner { display:flex;margin:0 auto;max-width:650px;padding:var(--spacing-16, 16px) var(--spacing-24, 24px) var(--spacing-16, 16px) var(--spacing-16, 16px);border-radius:var(--border-radius-16, 16px);background:rgba(0, 0, 0, 0.60);backdrop-filter:blur(20px);gap:var(--spacing-12, 12px);align-items:center; } .content.best-detail .btn-group .floating-info-panel .inner .img { overflow:hidden;width:112px;height:84px;border-radius:var(--Spacing-8, 8px);border:1px solid #fff;background:var(--color-set-bg-white, #fff); } .content.best-detail .btn-group .floating-info-panel .inner .img img { max-width:100%;} .content.best-detail .btn-group .floating-info-panel .inner .info { flex:1;color:var(--color-set-text-inverse, #fff); } .content.best-detail .btn-group .floating-info-panel .inner .info .tit { font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--lh-03, -0.3px); } .content.best-detail .btn-group .floating-info-panel .inner .info .detail { display:-webkit-box;overflow:hidden;max-height:40px;font-size:var(--fs-14, 14px);font-weight:var(--fw--500, 500);line-height:var(--lh-20, 20px);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis; } .content.best-detail .btn-group .floating-info-panel .inner .btn-group { width:200px; } .content.best-detail .btn-group .floating-info-panel.is-hidden { display:none; } .content.best-detail .btn-group + .full-bleed-bg { margin-top:var(--spacing-40, 40px);} .bottom-fix { position:sticky;left:0;bottom:0;z-index:3;min-height:112px; } .bottom-fix .btn-group { margin:0 !important;padding:var(--spacing-32, 32px) 0;background:rgba(255, 255, 255, 0.80);backdrop-filter:blur(15px); } .bottom-fix .btn-group .btn { position:static;width:100%;max-width:350px;margin:0 auto;transform:none; } .bottom-fix .btn { position:absolute;right:0;top:50%;min-width:150px;transform:translateY(-50%); } .bottom-fix.is-sticky .btn-group .btn { display:flex; } .bottom-fix.is-sticky .btn { display:none; } .bottom-fix.is-not-sticky { position:relative; } .bottom-fix + .full-bleed-bg { margin-top:var(--spacing-40, 40px); } .full-bleed-bg {width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background-color:#F3F5F7;} .full-bleed-bg .content {max-width:1460px;margin:0 auto;padding:0 40px;} .bestOfBest-swiper { position:relative;padding:80px 0;margin:0 18px; } .bestOfBest-swiper .swiper-slide > a { display:block;overflow:hidden;padding:var(--spacing-8, 8px) var(--spacing-8, 8px) var(--spacing-16, 16px);border-radius:var(--border-radius-24, 24px);background:var(--color-set-bg-white, #FFF); } .bestOfBest-swiper .swiper-slide .img-wrap { position:relative;overflow:hidden;width:100%;padding-bottom:75%;border-radius:18px; } .bestOfBest-swiper .swiper-slide .img-wrap:before { content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.08);z-index:1; } .bestOfBest-swiper .swiper-slide .img-wrap img { position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover; } .bestOfBest-swiper .swiper-slide .text-wrap { padding-top:var(--spacing-12, 12px); } .bestOfBest-swiper .swiper-slide .text-wrap .area { display:flex;padding:var(--spacing-8, 8px);align-items:center; } .bestOfBest-swiper .swiper-slide .text-wrap .area .tag-red { display:flex;margin-right:var(--spacing-4, 4px);font-size:var(--fs-14, 14px);font-weight:var(--fw--600, 600);line-height:var(--lh-20, 20px);color:var(--color-set-brand-red, #FC312E);align-items:center; } .bestOfBest-swiper .swiper-slide .text-wrap .area .tag-red:after{ content:'';display:block;margin-left:var(--spacing-4, 4px);width:3px;height:3px;border-radius:var(--border-radius-full, 1000px);background-color:var(--color-set-text-tertiary, #6F6F6E);} .bestOfBest-swiper .swiper-slide .text-wrap .area .tit { overflow:hidden;font-size:var(--fs-16, 16px);font-weight:var(--fw--600, 600);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px);white-space:nowrap;text-overflow:ellipsis;flex:1; } .bestOfBest-swiper .swiper-button-next, .bestOfBest-swiper .swiper-button-prev { margin-top:-30px; } .bestOfBest-swiper .swiper-button-next { right:-30px; } .bestOfBest-swiper .swiper-button-prev { left:-30px; } .content.event-detail .btn-group { margin:var(--spacing-40, 40px) 0; } .full-bleed-bg.top { margin-top:var(--spacing-32, 32px); } .full-bleed-bg.top .content { padding:88px var(--spacing-20, 20px); } .full-bleed-bg.top .content .title { font-size:var(--fs-36, 36px);font-weight:var(--fw--700, 700);line-height:50px;letter-spacing:var(--ls-05, -0.5px);text-align:center; } .full-bleed-bg.top .content .desc { font-size:var(--fs-28, 28px);font-weight:var(--fw--500, 500);line-height:38px;letter-spacing:var(--ls-05, -0.5px);text-align:center; } .full-bleed-bg + .title-wrap { margin-top:var(--spacing-40, 40px);padding:var(--spacing-40, 40px) 0;min-height:124px; } .title-wrap + .event-hall-wrap { margin-top:var(--spacing-40, 40px); } .event-hall-wrap { padding:var(--spacing-32, 32px) 0 var(--spacing-40, 40px); } .event-hall-wrap .title-wrap { min-height:124px;margin-bottom:var(--spacing-40, 40px); } .event-hall-wrap ol > li { display:flex;overflow:hidden;padding:var(--spacing-16, 16px) var(--spacing-40, 40px) var(--spacing-16, 16px) var(--spacing-16, 16px);border-radius:var(--border-radius-24, 24px);background-color:var(--color-set-bg-white, #fff);/*box-shadow:var(--elevation-1, 0 1px 6px 0 rgba(0, 0, 0, 0.08));*/gap:var(--spacing-40, 40px);align-items:center; } .event-hall-wrap ol > li:nth-child(even) { padding:var(--spacing-16, 16px) var(--spacing-16, 16px) var(--spacing-16, 16px) var(--spacing-40, 40px);flex-direction:row-reverse; } .event-hall-wrap ol > li + li { margin-top:var(--spacing-40, 40px); } .event-hall-wrap ol + * { margin-top:var(--spacing-40, 40px); } .event-hall-wrap .img { overflow:hidden;position:relative;flex:1 1 670px;height:368px;border-radius:var(--border-radius-16, 16px); } .event-hall-wrap .img img { position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%); } .event-hall-wrap .info { flex:1 1 614px; } .event-hall-wrap .info .num { display:block;font-size:60px;font-weight:var(--fw--400, 400);line-height:72px;letter-spacing:var(--ls-05, -0.5px);color:var(--color-set-text-tertiary, #6F6F6E); } .event-hall-wrap .info strong { display:block;margin:var(--spacing-16, 16px) 0;font-size:var(--fs-24, 24px);font-weight:var(--fw--500, 500);line-height:var(--lh-32, 32px);letter-spacing:var(--ls-05, -0.5px); } .event-hall-wrap .info p { font-size:var(--fs-18, 18px);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);color:var(--color-set-text-secondary, #40403F); } .event-hall-wrap .sub-title { font-size:var(--fs-16, 16px);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px); } .event-hall-wrap .sub-title + .list-bullet { margin-top:var(--spacing-12, 12px); } .event-hall-wrap .btn-group { margin-top:var(--spacing-40, 40px);padding:var(--spacing-40, 40px) 0; } .event-hall-wrap .btn-group .btn { width:100%;max-width:350px;margin:0 auto; } @media all and (max-width: 1023px) { .list-wrap ul { grid-template-columns:repeat(3, 1fr); } .store-event-list .event-list-ul { display:flex; } .store-event-list .event-list-ul .text-box .info { padding-top:0;margin-bottom:var(--spacing-16, 16px); } .store-event-list .event-list-ul .text-box .branch { min-height:0; } .store-event-list .branch-event .event-list-ul .text-box .info { padding:0;margin-bottom:18px; } .store-event-list .branch-event .event-list-ul .text-box .info .branch { margin:0;min-height:0;max-height:44px; } .content.best-detail .btn-group .floating-info-panel .inner .btn-group { width:120px; } .full-bleed-bg .content {padding:0 20px;} } @media all and (max-width: 767px) { /* 우수매장 */ .list-wrap ul { grid-template-columns:repeat(2, 1fr);grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px; } .list-wrap ul > li a { padding:var(--spacing-6, 6px); } /* .list-wrap ul > li a .img-wrap { padding-bottom:75.16%; } */ .list-wrap ul > li a .text-wrap { padding:0 var(--spacing-8, 8px) var(--spacing-6, 6px); } .list-wrap ul > li a .text-wrap .area { display:block; } .list-wrap ul > li a .text-wrap .area .tag-red { display:inline-flex;font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);letter-spacing:0;vertical-align:middle; } .list-wrap ul > li a .text-wrap .area .tag-red:after { display:none; } .list-wrap ul > li a .text-wrap .area .tit { display:block;margin-top:var(--spacing-4, 4px);font-size:var(--fs-16, 16px);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px); } .list-wrap ul > li a .text-wrap .area .flag { display:inline-flex;width:16px;height:16px;vertical-align:middle; } .list-wrap ul > li a .text-wrap .area .flag.new { background-size:8px auto; } .list-wrap ul > li a .text-wrap .detail { max-height:36px;margin-top:var(--spacing-8, 8px);font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px); } .list-wrap ul > li a .text-wrap .date { margin-top:var(--spacing-12, 12px);font-size:var(--fs-12, 12px);line-height:var(--lh-16, 16px); } .list-wrap .btn-group { padding:var(--spacing-24, 24px) 0 0;max-width:none; } .list-wrap ul > li a .text-wrap .date + .tag { margin-top:var(--spacing-8, 8px); } .list-wrap ul > li a .text-wrap .tag { margin-top:var(--spacing-12, 12px);max-height:18px;gap:var(--spacing-4, 4px); } .list-wrap ul > li a .text-wrap .tag p { border-radius:6px;padding:1px 4px 1px 5px;font-size:var(--fs-12, 12px);line-height:var(--lh-16, 16px); } /* 우수매장 상세 */ .page-header { padding:var(--spacing-24, 24px) 0;margin-bottom:var(--spacing-20, 20px );text-align:left; } .page-header .branch { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);letter-spacing:0; } .page-header .title { display:flex;font-size:var(--fs-18, 18px);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);justify-content:space-between; } .page-header .title .btn-share { background-size:24px 24px;} .page-header .date { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);letter-spacing:0; } .page-header .best-info { justify-content:flex-start; } .page-header .best-info dl { display:none; } .event-detail .page-header { margin:0 calc(var(--spacing-20, 20px) * -1);padding-left:var(--spacing-20, 20px);padding-right:var(--spacing-20, 20px);border-bottom:1px solid var(--color-set-line-gray50, #EDEDEB); } .event-detail .cont-wrap { padding-top:var(--spacing-20, 20px);padding-bottom:var(--spacing-40, 40px); } .cont-wrap.tag { display:flex;padding:var(--spacing-24, 24px) 0;justify-content:flex-start; } .content.best-detail .btn-group, .content.event-detail .btn-group {position:sticky;bottom:56px;margin:0 calc(var(--spacing-20, 20px) * -1);padding:var(--spacing-12, 12px) var(--spacing-20, 20px);background:linear-gradient(0deg, #FFF 83.33%, rgba(255, 255, 255, 0.01) 100%);backdrop-filter: blur(3px);z-index:5; } .content.best-detail .btn-group .btn:not(.to-list), .content.event-detail .btn-group .btn:not(.to-list) { flex:1; } .content.best-detail .btn-group .to-list, .content.event-detail .btn-group .to-list { display:none; } .content.best-detail .btn-group .floating-info-panel, .content.event-detail .btn-group .floating-info-panel { display:none; } .content.best-detail .btn-group + .full-bleed-bg { margin-top:var(--spacing-24, 24px);} .bottom-fix { display:flex;bottom:56px;min-height:72px;padding:var(--spacing-12, 12px) var(--spacing-20, 20px);padding-bottom:calc(env(safe-area-inset-bottom) + 12px);margin:0 calc(var(--spacing-20, 20px) * -1);gap:var(--spacing-8, 8px);flex-direction:row-reverse;background:linear-gradient(0deg, #FFF 83.33%, rgba(255, 255, 255, 0.01) 100%);backdrop-filter:blur(3px); } .bottom-fix .btn-group { margin:0 !important;padding:0 !important;background:linear-gradient(0deg, #FFF 83.33%, rgba(255, 255, 255, 0.01) 100%);backdrop-filter:blur(3px);flex:7 1 232px;transition:all 0.3s ease; } .bottom-fix .btn-group .btn { display:flex;max-width:none;font-size:var(--fs-16, 16px); } .bottom-fix .btn { /*display:none;*/position:static;transform:none;min-width:auto;flex:3 1 110px; } .bottom-fix.is-sticky .btn { display:none; } .bottom-fix.is-sticky .btn-group .btn { display:flex; } .bottom-fix.is-not-sticky { bottom:0; } .bottom-fix + .full-bleed-bg { margin-top:var(--spacing-24, 24px);/*margin-top:88px;*/ } .full-bleed-bg .content {padding:0 20px;} .bestOfBest-swiper { padding:var(--spacing-40, 40px) 0;margin:0; } .bestOfBest-swiper .swiper-slide > a { padding:var(--spacing-6, 6px) var(--spacing-6, 6px) var(--spacing-12, 12px);border-radius:var(--border-radius-16, 16px); } .bestOfBest-swiper .swiper-slide .img-wrap { /*padding-bottom:75.16%;*/border-radius:var(--border-radius-12, 12px); } .bestOfBest-swiper .swiper-slide .text-wrap .area { display:block;padding:0 var(--spacing-8, 8px) var(--spacing-8, 8px); } .bestOfBest-swiper .swiper-slide .text-wrap .area .tag-red { margin-right:0; } .bestOfBest-swiper .swiper-slide .text-wrap .area .tag-red:after{ display:none; } .bestOfBest-swiper .swiper-slide .text-wrap .area .tit { display:block;margin-top:var(--spacing-4, 4px); } .bestOfBest-swiper .swiper-button-next, .bestOfBest-swiper .swiper-button-prev { margin-top:-47px; } .bestOfBest-swiper .swiper-button-next { right:-8px; } .bestOfBest-swiper .swiper-button-prev { left:-8px; } .full-bleed-bg.top { margin-top:0; } .full-bleed-bg.top .content { display:flex;min-height:185px;padding:var(--spacing-24, 24px) var(--spacing-20, 20px) var(--spacing-16, 16px);align-items:flex-start;justify-content:center;flex-direction:column; } .full-bleed-bg.top .content .title { font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);text-align:left; } .full-bleed-bg.top .content .desc { font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);text-align:left; } .full-bleed-bg + .title-wrap { margin-top:var(--spacing-24, 24px);padding:0;min-height:0; } .title-wrap + .event-hall-wrap { margin-top:var(--spacing-24, 24px); } .event-hall-wrap { padding:var(--spacing-24, 24px) 0 var(--spacing-40, 40px); } .event-hall-wrap .title-wrap { display:none; } .event-hall-wrap ol { padding-bottom:var(--spacing-24, 24px); } .event-hall-wrap ol > li { display:block;padding:var(--spacing-8, 8px) var(--spacing-8, 8px) var(--spacing-24, 24px);gap:var(--spacing-24, 24px);align-items:center; } .event-hall-wrap ol > li:nth-child(even) { padding:var(--spacing-8, 8px) var(--spacing-8, 8px) var(--spacing-24, 24px);flex-direction:row; } .event-hall-wrap ol + * { margin-top:var(--spacing-24, 24px); } .event-hall-wrap .img { height:auto;padding-bottom:89.821%; } .event-hall-wrap .info { padding:var(--spacing-24, 24px) var(--spacing-16, 16px) 0; } .event-hall-wrap .info > div { display:flex;align-items:center;gap:var(--spacing-8, 8px); } .event-hall-wrap .info .num { font-size:30px;line-height:36px;font-weight:var(--fw--500, 500); } .event-hall-wrap .info strong { margin:0;font-size:var(--fs-16, 16px);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px); } .event-hall-wrap .info p { margin-top:var(--spacing-8, 8px);font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);letter-spacing:0; } .event-hall-wrap .sub-title { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);letter-spacing:0; } .event-hall-wrap .btn-group { margin-top:48px;padding:var(--spacing-12, 12px) 0 0; } } @media all and (max-width: 359px) { .list-wrap ul { grid-template-columns:repeat(1, 1fr); } }