{"title":"기획전_time_sale","description":"\u003cstyle\u003e\n  :is(body, h1, h2, h3, h4, p, figure, blockquote, input, button, legend, textarea, ul, li, ul ul, ol ul, ul ol, ol ol, p) {\n    padding: 0;\n    margin: 0;\n  }\n  ul,\n  ol {\n    list-style: none;\n  }\n\n  .events-page img {\n    display: block;\n    width: 100%;\n  }\n  .mardi__mobile {\n    display: none !important;\n  }\n  .events-page a:not(.keyword__category-link) {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .timesale-page {\n    background-color: #dedede;\n  }\n\n  \/* 카운터 *\/\n  .counter-article {\n    background-color: #393636;\n    padding: 114px 0 75px;\n  }\n  .counter {\n    display: flex;\n    justify-content: center;\n    gap: 175px;\n  }\n  .counter__box {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 60px;\n  }\n  .counter__num {\n    font-size: 80px;\n    font-weight: 900;\n    color: #fff;\n  }\n  .counter__text {\n    font-size: 30px;\n    color: #fff;\n  }\n  .dot {\n    font-size: 80px;\n    font-weight: 400;\n    color: #fff;\n  }\n\n  .swiper {\n    height: fit-content;\n  }\n\n  .events-time-sale-swiper {\n    padding: 90px 0 160px !important;\n    background-color: #000;\n  }\n\n  \/* 아이템 리스트 *\/\n  .sale-item__list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 52px 18px;\n    padding: 80px 22px;\n    background-color: #000;\n  }\n  .sale-item {\n    width: calc((100% - (18px * 4)) \/ 5);\n    color: #fff;\n  }\n\n  @media all and (max-width: 1920px) {\n    \/* scroll none *\/\n    body:has(.event-tab-page) {\n      -ms-overflow-style: none;\n    }\n    body:has(.event-tab-page)::-webkit-scrollbar {\n      display: none;\n    }\n\n    \/* 카운터 *\/\n    .counter-article {\n      padding: calc(100vw * (114 \/ 1920)) 0 calc(100vw * (75 \/ 1920));\n    }\n    .counter {\n      gap: calc(100vw * (175 \/ 1920));\n    }\n    .counter__box {\n      gap: calc(100vw * (60 \/ 1920));\n    }\n    .counter__num {\n      font-size: calc(100vw * (80 \/ 1920));\n    }\n    .counter__text {\n      font-size: calc(100vw * (30 \/ 1920));\n    }\n    .dot {\n      font-size: calc(100vw * (80 \/ 1920));\n    }\n\n    \/* 아이템 리스트 *\/\n    .sale-item__list {\n      gap: calc(100vw * (52 \/ 1920)) calc(100vw * (18 \/ 1920));\n      padding: calc(100vw * (80 \/ 1920)) calc(100vw * (22 \/ 1920));\n    }\n    .sale-item {\n      width: calc((100% - (calc(100vw * (18 \/ 1920)) * 4)) \/ 5);\n    }\n  }\n\n  @media all and (max-width: 1099px) {\n    \/* scroll none *\/\n    body:has(.influencer__content) {\n      -ms-overflow-style: none;\n    }\n    body:has(.influencer__content)::-webkit-scrollbar {\n      display: none;\n    }\n    .mardi__pc {\n      display: none !important;\n    }\n    .mardi__mobile {\n      display: block !important;\n    }\n\n    \/* 카운터 *\/\n    .counter-article {\n      padding: calc(100vw * (79 \/ 1350)) 0 calc(100vw * (56 \/ 1350));\n    }\n    .counter {\n      gap: calc(100vw * (125 \/ 1350));\n    }\n    .counter__box {\n      gap: calc(100vw * (45 \/ 1350));\n    }\n    .counter__num {\n      font-size: calc(100vw * (77 \/ 1350));\n    }\n    .counter__text {\n      font-size: calc(100vw * (29 \/ 1350));\n    }\n    .dot {\n      font-size: calc(100vw * (77 \/ 1350));\n    }\n\n    .events-time-sale-swiper {\n      padding: calc(100vw * (90 \/ 1350)) 0 calc(100vw * (160 \/ 1350)) !important;\n    }\n\n    \/* 아이템 리스트 *\/\n    .sale-item__list {\n      gap: calc(100vw * (33 \/ 1350)) calc(100vw * (18 \/ 1350));\n      padding: calc(100vw * (80 \/ 1350)) calc(100vw * (22 \/ 1350));\n    }\n    .sale-item {\n      width: calc((100% - (calc(100vw * (18 \/ 1350)) * 1)) \/ 2);\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"events-page timesale-page\"\u003e\n  \u003c!-- BANNER --\u003e\n  \u003cfigure\u003e\u003cimg class=\"mardi__pc\" src=\"https:\/\/mardimercredi.com\/web\/upload\/spring%20festa\/oneday\/main_pc_01.jpg\" alt=\"TIME SALE\"\u003e\u003cimg class=\"mardi__mobile\" src=\"https:\/\/mardimercredi.com\/web\/upload\/spring%20festa\/oneday\/main_mo_01.jpg\" alt=\"TIME SALE\"\u003e\u003c\/figure\u003e\n\n  \u003c!-- ITEM --\u003e\n  \u003cfigure\u003e\n    \u003cimg class=\"mardi__pc\" src=\"https:\/\/mardimercredi.com\/web\/upload\/spring%20festa\/oneday_main\/NEW_0316_PC.jpg\" alt=\"TIME SALE\"\u003e\n    \u003cimg class=\"mardi__mobile\" src=\"https:\/\/mardimercredi.com\/web\/upload\/spring%20festa\/oneday_main\/0316_M3.jpg\" alt=\"TIME SALE\"\u003e\n    \u003cimg class=\"mardi__pc\" src=\"https:\/\/mardi9993.cafe24.com\/web\/upload\/spring%20festa\/oneday\/pc_000.jpg\" alt=\"TIME SALE\"\u003e\n    \u003cimg class=\"mardi__mobile\" src=\"https:\/\/mardi9993.cafe24.com\/web\/upload\/spring%20festa\/oneday\/MO_000.jpg\" alt=\"TIME SALE\"\u003e\n  \u003c\/figure\u003e\n\n  \u003c!-- COUNTER --\u003e\n  \u003carticle class=\"counter-article\"\u003e\n    \u003cdiv class=\"counter\"\u003e\n      \u003cdiv class=\"counter__box\"\u003e\n        \u003cspan class=\"counter__num hours\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"counter__text\"\u003eHOURS\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dot\"\u003e:\u003c\/span\u003e\n      \u003cdiv class=\"counter__box\"\u003e\n        \u003cspan class=\"counter__num minutes\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"counter__text\"\u003eMINUTES\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dot\"\u003e:\u003c\/span\u003e\n      \u003cdiv class=\"counter__box\"\u003e\n        \u003cspan class=\"counter__num seconds\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"counter__text\"\u003eSECONDS\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/article\u003e\n\u003c\/div\u003e\n\u003cscript defer\u003e\n  const hourBox = document.querySelector(\".counter .hours\");\n  const minutesBox = document.querySelector(\".counter .minutes\");\n  const secondsBox = document.querySelector(\".counter .seconds\");\n  function getCounter() {\n    \/\/ 시간 설정하는 곳\n    const newYearDate = new Date(\"November 28, 2025 00:00:00\");\n    const now = new Date();\n    const distance = newYearDate - now;\n    const date = String(Math.floor(distance \/ (1000 * 60 * 60 * 24))).padStart(2, \"0\");\n    const hours = String(Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60))).padStart(2, \"0\");\n    const minutes = String(Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60))).padStart(2, \"0\");\n    const seconds = String(Math.floor((distance % (1000 * 60)) \/ 1000)).padStart(2, \"0\");\n    hourBox.innerText = `${hours}`;\n    minutesBox.innerText = `${minutes}`;\n    secondsBox.innerText = `${seconds}`;\n  }\n  getCounter();\n  setInterval(getCounter, 1000);\n\u003c\/script\u003e\n","products":[],"url":"https:\/\/mardimercredi.jp\/collections\/time-sale.oembed","provider":"Mardi Mercredi JP","version":"1.0","type":"link"}