{"title":"기획전_small_video","description":"\u003c!-- Stylesheet for the event page layout and styling. It applies global styles to reset padding and margins \n     for various elements and provides specific styles for the event's tab page, images, and video content. \n     The styles include positioning for video wrappers, list styles, and responsive design adjustments for \n     different screen sizes, ensuring the page is optimized for both desktop and mobile views. --\u003e\n\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  .event-tab-page ul,\n  .event-tab-page 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  .link-container {\n    position: relative;\n  }\n\n  \/* NEW YEAR PAGE *\/\n  .event-tab-page {\n    width: 100%;\n    margin: 0 auto;\n  }\n  .event-tab-page a {\n    \/* background-color: rgba(0, 0, 200, 0.8); *\/\n  }\n\n  .events__list {\n    position: relative;\n  }\n  .sub-list \u003e li {\n    position: relative;\n  }\n  .events__link {\n    position: absolute;\n  }\n\n  .event-content {\n    position: relative;\n  }\n\n  .side-video-page .pc-video-wrap {\n    position: absolute;\n    right: calc(100vw * (78 \/ 1280));\n    bottom: calc(100vw * (80 \/ 1280));\n    width: calc(100vw * (360 \/ 1280));\n    z-index: 1;\n  }\n  .side-video-page .video-wrap figure {\n    position: relative;\n    padding-top: 68.5%;\n    height: 0;\n  }\n\n  .side-video-page .mobile-video-wrap {\n    padding: 0 32px;\n  }\n\n  .side-video-page .video-wrap iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\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  @media all and (max-width: 1099px) {\n    .mardi__pc {\n      display: none !important;\n    }\n    .mardi__mobile {\n      display: block !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"events-page side-video-page\"\u003e\n  \u003c!-- PC --\u003e\n  \u003csection class=\"mardi__pc\"\u003e\n    \u003carticle class=\"event-content\"\u003e\n      \u003cfigure class=\"event-imgs\"\u003e\n        \u003cimg src=\"https:\/\/mardimercredi.com\/web\/upload\/0317_PC.jpg\" alt=\"momoirs\"\u003e\n      \u003c\/figure\u003e\n      \u003cdiv class=\"video-wrap pc-video-wrap\"\u003e\n        \u003cfigure\u003e\n          \u003ciframe src=\"https:\/\/streamable.com\/e\/zep56x?autoplay=1\u0026amp;muted=1\u0026amp;nocontrols=1\" width=\"640\" height=\"564\" frameborder=\"0\" allow=\"autoplay; fullscreen\"\u003e\u003c\/iframe\u003e\n        \u003c\/figure\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n    \u003cfigure class=\"event-imgs\"\u003e\n      \u003cimg src=\"https:\/\/mardimercredi.com\/web\/upload\/0317_LOOKBOOK.jpg\" alt=\"denim\"\u003e\n    \u003c\/figure\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 모바일 --\u003e\n  \u003csection class=\"mardi__mobile\"\u003e\n    \u003carticle class=\"event-content\"\u003e\n      \u003cdiv class=\"event-imgs\"\u003e\n        \u003cimg src=\"https:\/\/mardimercredi.com\/web\/upload\/0317_M.jpg\" alt=\"momoirs1\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"video-wrap mobile-video-wrap\"\u003e\n        \u003cfigure\u003e\n          \u003ciframe src=\"https:\/\/streamable.com\/e\/zep56x?autoplay=1\u0026amp;muted=1\u0026amp;nocontrols=1\" width=\"640\" height=\"564\" frameborder=\"0\" allow=\"autoplay; fullscreen\"\u003e\u003c\/iframe\u003e\n        \u003c\/figure\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n    \u003cfigure class=\"event-imgs\"\u003e\n      \u003cimg src=\"https:\/\/mardimercredi.com\/web\/upload\/0317_LOOKBOOK.jpg\" alt=\"denim2\"\u003e\n    \u003c\/figure\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n","products":[],"url":"https:\/\/mardimercredi.jp\/collections\/side-video.oembed","provider":"Mardi Mercredi JP","version":"1.0","type":"link"}