위젯 썸네일 DB

<!--스테이위드 2주 1007-1022 (6/7오픈)--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/0659035b-a4d1-4e95-9442-7eb83edafb64' " class="collection_item_bottom"><img class="img_item" loading="lazy"" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F86cd14f2-b5bf-4fac-af30-10c7e28020fa%2F096.jpg&blockId=3331f617-4bab-402e-901e-605a2afdecdd"></div> <div class="card_text"><a class="tag1">유럽2주</a> <a class="tag2">!NEW!</a><br><b>[16일]스테이위드 2주</b><br>파리부터 로마까지 여유롭게 2주</div> </div> <!--스테이위드 2주 1014-1029 (6/7오픈)--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/5c25d7a5-1253-4921-8ed2-5019d836e7c8' " class="collection_item_bottom"><img class="img_item" loading="lazy"" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F49e8e8e2-c01b-411e-98e8-e8787f006d3e%2F097.jpg&blockId=191169ef-1de9-44b7-85ef-d249aa25449a"></div> <div class="card_text"><a class="tag1">유럽2주</a> <a class="tag2">!NEW!</a><br><b>[16일]스테이위드 2주</b><br>주요도시마다 더 여유롭게</div> </div> <!--스테이위드 3주 1022-1112 (6/7오픈)--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/b3e66e6a-f1c5-4d21-b666-b5ddf9d93d30' " class="collection_item_bottom"><img class="img_item" loading="lazy"" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F504eab30-976c-48f7-9629-6aa9c6d248a8%2F095.jpg&blockId=f599f0ac-cd58-4a99-848b-58d570a73c79"></div> <div class="card_text"><a class="tag1">유럽3주</a> <a class="tag2">!NEW!</a><br><b>[22일]스테이위드 3주</b><br>더 여유롭고 편안하게 3주 유럽일주</div> </div>

<!--오로라사전신청--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/91347324-0063-46b1-bcbe-2c7fc6fd0796' " class="collection_item_bottom"><img class="img_item" loading="lazy" style="width: 100%; height: 100%;" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F7217c032-776b-43d5-8520-0135cb93631d%2F%25EC%25A0%259C%25EB%25AA%25A9%25EC%259D%2584-%25EC%259E%2585%25EB%25A0%25A5%25ED%2595%25B4%25EC%25A3%25BC%25EC%2584%25B8%25EC%259A%2594_-031.jpg&blockId=4e6ff704-5a4c-4d39-ad49-303f18c5feb2"></div> <div class="card_text"><a class="tag1">오로라</a> <a class="tag3">사전신청</a><br><b>[사전신청]오로라헌팅</b><br>인생에 한 번 쯤은 오로라</div> </div> <!--일본 사전신청--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/b0ffc22c-d04b-4397-aac3-b0afa00c6e95' " class="collection_item_bottom"><img class="img_item" loading="lazy" style="width: 100%; height: 100%;" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fd7f61ec5-a5c4-47d0-bb2d-825658a0da65%2F%25EC%25A0%259C%25EB%25AA%25A9%25EC%259D%2584-%25EC%259E%2585%25EB%25A0%25A5%25ED%2595%25B4%25EC%25A3%25BC%25EC%2584%25B8%25EC%259A%2594_-032_(1).jpg&blockId=43fc97c8-8938-40c4-8b92-b23629295673"></div> <div class="card_text"><a class="tag1">일본</a> <a class="tag3">사전신청</a><br><b>[사전신청]일본</b><br>가까운 곳을 새롭게 보는 방법</div> </div> <!--호주 사전신청 (0604 썸넬변경)--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/e6ee08d9-de53-44f4-8b09-9273b42756b4' " class="collection_item_bottom"><img class="img_item" loading="lazy" style="width: 100%; height: 100%;" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fb24b58e8-b01e-412f-895c-18c5c1943db2%2F%25EC%25A0%259C%25EB%25AA%25A9%25EC%259D%2584-%25EC%259E%2585%25EB%25A0%25A5%25ED%2595%25B4%25EC%25A3%25BC%25EC%2584%25B8%25EC%259A%2594_-040_(1).jpg&blockId=1fd7ada6-e8dc-4f3c-bc57-2fe55f1c2430"></div> <div class="card_text"><a class="tag1">호주</a> <a class="tag3">사전신청</a><br><b>[사전신청]호주</b><br>가을 호주여행</div> </div>

<!--뉴욕사전신청--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/ae94384b-26ac-4074-95f8-b4f5a3f3bba8'" class="collection_item_bottom"><img class="img_item" loading="lazy" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F2efaf67c-c8cf-4861-b12c-b0bd5ccdf498%2F%25EC%25A0%259C%25EB%25AA%25A9%25EC%259D%2584-%25EC%259E%2585%25EB%25A0%25A5%25ED%2595%25B4%25EC%25A3%25BC%25EC%2584%25B8%25EC%259A%2594_-032.jpg&blockId=ad27580d-db40-4f97-a6e9-fef3b10e228e"></div> <div class="card_text"><a class="tag1">뉴욕</a> <a class="tag3">사전신청</a><br><b>[사전신청]뉴욕</b><br>뉴요커처럼 일주일 살기</div> </div> <!--스위스 사전신청--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/57d06a72-4100-4c51-a97a-02b9c75a72f6'" class="collection_item_bottom"><img class="img_item" loading="lazy" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F47f55c1a-edc8-4270-a9c5-124641d00e62%2F%25EC%25A0%259C%25EB%25AA%25A9%25EC%259D%2584-%25EC%259E%2585%25EB%25A0%25A5%25ED%2595%25B4%25EC%25A3%25BC%25EC%2584%25B8%25EC%259A%2594_-033.jpg&blockId=6860a0b4-f0a1-4a4c-aad8-b40fb4c1d5c1"></div> <div class="card_text"><a class="tag1">스위스</a> <a class="tag3">사전신청</a><br><b>[사전신청]스위스</b><br>스위스 일주일 살기</div> </div> <!--프랑스 사전신청--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/02533d69-e8eb-4cab-8c80-168892f4f025'" class="collection_item_bottom"><img class="img_item" loading="lazy" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F1ed14787-58be-4072-ab72-8d938a6cd01a%2F%25EC%25A0%259C%25EB%25AA%25A9%25EC%259D%2584-%25EC%259E%2585%25EB%25A0%25A5%25ED%2595%25B4%25EC%25A3%25BC%25EC%2584%25B8%25EC%259A%2594_-034.jpg&blockId=eeeef470-b49b-430b-acec-f76a5ef5795f"></div> <div class="card_text"><a class="tag1">프랑스</a> <a class="tag3">사전신청</a><br><b>[사전신청]프랑스</b><br>낭만가득 파리지앵 일주일</div> </div>

<button type="button" onclick="location.href='https://yeswecan.oopy.io/progrem/besteurope' " class="collection_item_pro"> <img loading="lazy" onclick="location.href='https://yeswecan.oopy.io/progrem/besteurope' " src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F8b0717cc-bc20-412d-afb7-39d9a8e08ed5%2F002.jpg&blockId=aaba96d7-15d2-4a55-9e77-93ec7de5b7e2" style="quality: 50%; width: 100%; height: 100%;"></button> <button type="button" onclick="location.href='https://yeswecan.oopy.io/progrem/fallin' " class="collection_item_pro"> <img loading="lazy" onclick="location.href='https://yeswecan.oopy.io/progrem/fallin' " src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F2d8128dd-bdf9-4650-8223-145a5bbc4f56%2F004.jpg&blockId=7893da9d-9c0d-4bbd-b4d6-d223f1b3d9e6" style="width: 100%; height: 100%;"></button> <button type="button" onclick="location.href='https://yeswecan.oopy.io/progrem/staywith' " class="collection_item_pro"> <img loading="lazy" onclick="location.href='https://yeswecan.oopy.io/progrem/staywith' " src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fefa0f683-119f-4dff-9231-c8e58fd89308%2F001.jpg&blockId=2096c6e3-9dce-4738-b14b-9d1a814e3178" style="width: 100%; height: 100%;"></button> <button type="button" onclick="location.href='https://yeswecan.oopy.io/progrem/challengers' " class="collection_item_pro"> <img loading="lazy" onclick="location.href='https://yeswecan.oopy.io/progrem/challengers' " src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F8987ee32-51d3-43b8-85b4-4a0e396e3372%2F003.jpg&blockId=1002f8a9-1edb-4aab-86b1-b7669cc2579c" style="width: 100%; height: 100%;"></button> <button type="button" onclick="location.href='https://yeswecan.oopy.io/progrem/likefri' " class="collection_item_pro"> <img loading="lazy" onclick="location.href='https://yeswecan.oopy.io/progrem/likefri' " src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fa2057b94-3a47-419c-88be-6d56da03b25c%2F005.jpg&blockId=c7831cd7-5fe4-4b93-92f2-f041104566a7" style="width: 100%; height: 100%;"></button> best src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F8b0717cc-bc20-412d-afb7-39d9a8e08ed5%2F002.jpg&blockId=aaba96d7-15d2-4a55-9e77-93ec7de5b7e2" stay src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fefa0f683-119f-4dff-9231-c8e58fd89308%2F001.jpg&blockId=2096c6e3-9dce-4738-b14b-9d1a814e3178" challengers src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F8987ee32-51d3-43b8-85b4-4a0e396e3372%2F003.jpg&blockId=1002f8a9-1edb-4aab-86b1-b7669cc2579c" fallin src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F2d8128dd-bdf9-4650-8223-145a5bbc4f56%2F004.jpg&blockId=7893da9d-9c0d-4bbd-b4d6-d223f1b3d9e6" like src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fa2057b94-3a47-419c-88be-6d56da03b25c%2F005.jpg&blockId=c7831cd7-5fe4-4b93-92f2-f041104566a7"

<style> /*전체*/ .collection_block{ display: flex; } .tag1{ background-color:#ffffff; border: solid #4096FF 1px; color: #4096FF; border-radius: 4px; padding: 2px 8px; } .tag2{ background-color:#ECECEC; color: #5841D7; border-radius: 4px; padding: 2px 8px; } /*마감임박*/ .tag3{ white-space:nowrap; background-color:#FFDED9; color: #FF4F4B; border-radius: 4px; padding: 2px 8px; } /*1줄*/ .slide{ display: grid; position: relative; width: 100%; height: 100%; /*한 줄에 노출될 카드의 개수 repeat(노출될 카드 개수,비율(고정)) */ grid-template-columns: repeat(4, 1fr); row-gap: 12px; column-gap: 12px; padding-top: 16px; padding-bottom: 4px; margin: 0 auto; /* 중앙 정렬 */ } .img_item:hover{ filter: brightness(0.8); } /*카드 세로 안적으면 이미지 크기 고정됨*/ .collection_card_list{ width: 100%; height: 100%; display: flex; flex-direction: column; /* 추가: 열 방향으로 정렬 */ align-items: center; /* 추가: 가운데 정렬 */ } /*이미지*/ .collection_item_bottom{ display: block; overflow: hidden; transition: background 100ms ease-out; position: static; width: 100%; background-color: white; border: none; } /*텍스트박스*/ .card_text { width: 100%; padding: 6px; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; font-size:12px; line-height: 20px; heihgt: 50px; font-family: "Gmarket Sans"; } @media screen and (max-width: 800px) { .slide{ /*한 줄에 노출될 카드의 개수 repeat(노출될 카드 개수,비율(고정)) */ grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 600px) { .slide{ /*한 줄에 노출될 카드의 개수 repeat(노출될 카드 개수,비율(고정)) */ grid-template-columns: repeat(2, 1fr); } } </style>

<div class="collection_block spring"> <div class="slide"> <!--8/8 라이커프라이데이 올림픽 파리8(썸네일0612수정)--> <div class="collection_card_list"> <div onclick="location.href='https://wannago.oopy.io/587f3be8-b22e-4e8d-ad48-45ba73e90c7c' " class="collection_item_bottom"><img class="img_item" loading="lazy" style="width: 100%; height: 100%;" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F83ef11b8-cea8-4697-b7c9-e1e96ad78215%2F%25EC%258D%25B8%25EB%2584%25A4%25EC%259D%25BC%25EA%25B5%2590%25EC%25B2%25B4%25EC%259A%25A9-048.jpg&blockId=df85cf25-31d7-4790-a445-9e6bec79c2e8"></div> <div class="card_text"><a class="tag1">파리1주</a> <a class="tag2">!NEW!</a><br><b>[8일]라이커프라이데이 파리</b><br>여유롭게 파리★림픽까지</div> </div> </div> </div>

<div class="collection_block spring"> <div class="slide"> <!--7/27 런파--> src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fca3fb2cc-db96-4c47-bdd4-0eed94157f19%2F005.jpg&blockId=4b185adc-366e-40c6-8372-3d00b875f480"></div> <!--8/2 스테이--> src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fa2bd84d5-89be-484d-890d-a1e16516a12d%2F004.jpg&blockId=4b2b1098-7364-4444-8932-cee1d6eb5602"></div> <!--8/4 파스프--> src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fd8d013a2-72b6-442f-a0b2-ae89ccd3b98b%2F006.jpg&blockId=a1fc0773-7223-4d4b-b578-7d57bba1747b"></div> <!--8/4 파스--> src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F0ca2525a-eeb8-496b-8894-d1a081ad421f%2F007.jpg&blockId=13469c04-8a7f-4636-845d-5204770b8a07"></div> </div> </div>