@charset "UTF-8"; /** * font: HIMaum * -------------- */ @font-face { font-family: "HIMaum"; font-style: normal; font-weight: 400; src: local("HIMaumR"), local("HIMaumR"), local("HIMaumR"); src: url("../base/new_fonts/HIMaum/HIMaumR.eot"); src: url("../base/new_fonts/HIMaum/HIMaumR.eot?#iefix") format("embedded-opentype"), url("../base/new_fonts/HIMaum/HIMaumR.woff") format("woff"), url("../base/new_fonts/HIMaum/HIMaumR.otf") format("truetype"); } /** * Page.main * ------------------ */ .new_direct [data-category^="main"] .header_wrap { padding-right: 20px; } .new_direct [data-category^="main"] .header_logo { width: 120px; height: 15px; background: url("data:image/svg+xml,%3Csvg width='119' height='15' viewBox='0 0 119 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.9337 1.08252V3.35784H58.6255V5.14952H56.9337V7.79857H54.8328V1.08252H56.9337Z' fill='%23003070'/%3E%3Cpath d='M49.0276 11.3716C49.0276 9.48101 50.6862 7.93115 52.942 7.93115C55.1977 7.93115 56.8563 9.48101 56.8563 11.3716C56.8563 13.2622 55.1867 14.8231 52.942 14.8231C50.6973 14.8231 49.0276 13.2622 49.0276 11.3716ZM52.9199 13.0973C53.9371 13.0973 54.7665 12.3389 54.7665 11.3716C54.7665 10.4043 53.9371 9.66787 52.9199 9.66787C51.9026 9.66787 51.1175 10.4043 51.1175 11.3716C51.1175 12.3389 51.9026 13.0973 52.9199 13.0973Z' fill='%23003070'/%3E%3Cpath d='M47.9214 1.09375C47.9214 2.98436 47.8109 4.53421 45.0354 5.82027L46.0416 7.35913C47.2359 7.01838 48.5849 5.97415 49.1046 5.05083C49.6243 5.97415 50.9733 7.00739 52.1675 7.35913L53.1848 5.82027C50.3983 4.52322 50.3099 2.97336 50.2988 1.09375H47.9104H47.9214Z' fill='%23003070'/%3E%3Cpath d='M24.9227 4.26014H23.817V1.11646H21.8376V14.6805H23.817V6.23868H24.9227V14.6805H26.9684V1.11646H24.9227V4.26014Z' fill='%23003070'/%3E%3Cpath d='M40.8118 4.26014H39.8498V1.11646H37.8484V14.6805H39.8498V6.23868H40.8118V14.6805H42.8685V1.11646H40.8118V4.26014Z' fill='%23003070'/%3E%3Cpath d='M3.22705 10.0081H5.38328V12.7011H11.8188V14.4598H3.22705V10.0081Z' fill='%23003070'/%3E%3Cpath d='M9.71802 8.28269H8.12573V6.53498H9.71802V5.35885H8.12573V3.61113H9.71802V1.10498H11.819V11.0856H9.71802V8.28269Z' fill='%23003070'/%3E%3Cpath d='M32.6849 0.51123V1.58844H30.2854V3.24821H31.4686C30.7609 3.72087 30.3517 4.6222 30.3517 5.5785C30.3517 7.22728 31.7782 8.63424 33.7464 8.63424C35.7147 8.63424 37.1411 7.22728 37.1411 5.5785C37.1411 4.6222 36.732 3.73186 36.0243 3.24821H37.2074V1.58844H34.808V0.51123H32.6849ZM35.1728 5.54552C35.1728 6.27099 34.5536 6.96348 33.7464 6.96348C32.9392 6.96348 32.32 6.25999 32.32 5.54552C32.32 4.83105 32.9392 4.12757 33.7464 4.12757C34.5536 4.12757 35.1728 4.83105 35.1728 5.54552Z' fill='%23003070'/%3E%3Cpath d='M2.70736 0.522461V1.59967H0.0424805V3.25944H1.5242C0.827569 3.71011 0.429496 4.60046 0.429496 5.44683C0.429496 7.09562 1.85592 8.43663 3.82417 8.43663C5.79242 8.43663 7.21885 7.10661 7.21885 5.44683C7.21885 4.61145 6.82078 3.7211 6.12415 3.25944H7.61693V1.59967H4.94099V0.522461H2.6963H2.70736ZM5.26166 5.40286C5.26166 6.12833 4.64244 6.75487 3.83523 6.75487C3.02803 6.75487 2.4088 6.12833 2.4088 5.40286C2.4088 4.6774 3.02803 4.05086 3.83523 4.05086C4.64244 4.05086 5.26166 4.6774 5.26166 5.40286Z' fill='%23003070'/%3E%3Cpath d='M21.1187 8.42515H17.6908V3.26995H20.4994V1.48926H15.5457V10.2058H21.1187V8.42515Z' fill='%23003070'/%3E%3Cpath d='M74.5988 5.99512V11.8915C74.5988 12.2182 74.4962 12.4683 74.291 12.6419C74.0859 12.8257 73.8396 12.9176 73.5524 12.9176C73.2652 12.9176 73.0241 12.8308 72.8292 12.6572C72.6035 12.4734 72.4906 12.2182 72.4906 11.8915V8.24645C72.1726 8.64464 71.7777 8.94584 71.3058 9.15004C70.8441 9.35424 70.0542 9.5176 68.9361 9.64013C68.023 9.74223 67.2588 9.78307 66.6433 9.76265C65.7405 9.73202 65.084 9.50229 64.6736 9.07347C64.2633 8.64464 64.0581 7.98609 64.0581 7.09781V1.14022H69.9978V2.80957H66.1201V7.03655C66.1201 7.51643 66.3355 7.82783 66.7664 7.97078C66.9715 8.03204 67.3921 8.06267 68.0282 8.06267C69.3926 8.06267 70.3107 7.9912 70.7826 7.84825C71.9213 7.4909 72.4906 6.86298 72.4906 5.96449V0.849234H74.5988V4.32577H76.7685V5.99512H74.5988Z' fill='%23F18D00'/%3E%3Cpath d='M89.254 11.8915C89.254 12.2182 89.1514 12.4734 88.9463 12.6572C88.7411 12.841 88.5 12.9329 88.223 12.9329C87.9358 12.9329 87.6896 12.841 87.4844 12.6572C87.2895 12.4734 87.192 12.2182 87.192 11.8915V0.818604H89.254V11.8915ZM85.7456 5.1681C85.7456 6.44437 85.3763 7.46027 84.6377 8.21582C83.899 8.96115 82.8988 9.33382 81.637 9.33382C80.3752 9.33382 79.3699 8.96115 78.621 8.21582C77.8824 7.46027 77.5131 6.44437 77.5131 5.1681C77.5131 3.90205 77.8824 2.89636 78.621 2.15102C79.3699 1.39547 80.3752 1.0177 81.637 1.0177C82.8988 1.0177 83.899 1.39547 84.6377 2.15102C85.3763 2.89636 85.7456 3.90205 85.7456 5.1681ZM83.5913 5.1681C83.5913 4.39214 83.4066 3.78464 83.0373 3.3456C82.6783 2.9372 82.2115 2.733 81.637 2.733C81.0626 2.733 80.5958 2.9372 80.2367 3.3456C79.8572 3.78464 79.6674 4.39214 79.6674 5.1681C79.6674 5.94407 79.852 6.54647 80.2214 6.97529C80.5907 7.40412 81.0626 7.61853 81.637 7.61853C82.2115 7.61853 82.6783 7.40412 83.0373 6.97529C83.4066 6.54647 83.5913 5.94407 83.5913 5.1681Z' fill='%23F18D00'/%3E%3Cpath d='M97.3233 8.15456C96.4923 8.5017 95.3434 8.67527 93.8764 8.67527C93.6199 8.67527 93.3737 8.67017 93.1378 8.65996C92.5428 8.62933 92.1273 8.49149 91.8913 8.24645C91.6657 8.00141 91.5528 7.593 91.5528 7.02124V5.0609C91.5528 4.37682 91.8657 4.03478 92.4915 4.03478H94.815C94.9792 4.03478 95.0612 3.9531 95.0612 3.78974V2.59516H91.8298V1.04833H96.8924V4.46361C96.8924 4.84138 96.8052 5.11195 96.6308 5.27531C96.4667 5.42846 96.1897 5.50504 95.7999 5.50504H93.8302C93.6045 5.50504 93.4917 5.61735 93.4917 5.84197V6.56178C93.4917 6.74556 93.5225 6.86808 93.584 6.92935C93.6456 6.99061 93.7841 7.03655 93.9995 7.06718C94.3175 7.10802 94.7586 7.10802 95.3228 7.06718C95.9281 7.02634 96.4308 6.94466 96.8309 6.82214C96.9437 6.7813 97.0463 6.76088 97.1386 6.76088C97.354 6.76088 97.5233 6.82724 97.6464 6.95998C97.7695 7.09271 97.8311 7.25096 97.8311 7.43475C97.8311 7.77168 97.6618 8.01162 97.3233 8.15456ZM101.57 8.13924V0.849234H103.401V8.13924C103.401 8.46596 103.309 8.72122 103.124 8.905C102.95 9.08878 102.735 9.18067 102.478 9.18067C102.232 9.18067 102.017 9.08878 101.832 8.905C101.658 8.72122 101.57 8.46596 101.57 8.13924ZM98.8005 8.01672V4.98432H97.154V3.3456H98.8005V0.849234H100.601V8.01672C100.601 8.35365 100.509 8.61401 100.324 8.79779C100.149 8.97136 99.9392 9.05815 99.693 9.05815C99.457 9.05815 99.2467 8.96626 99.0621 8.78248C98.8877 8.5987 98.8005 8.34344 98.8005 8.01672ZM103.401 13.9131C103.401 14.2398 103.299 14.495 103.094 14.6788C102.889 14.8626 102.647 14.9545 102.37 14.9545C102.093 14.9545 101.852 14.8626 101.647 14.6788C101.442 14.495 101.339 14.2398 101.339 13.9131V11.8915C101.339 11.6158 101.201 11.4779 100.924 11.4779H93.9687V9.82391H102.278C103.027 9.82391 103.401 10.1966 103.401 10.9419V13.9131Z' fill='%23F18D00'/%3E%3Cpath d='M104.946 12.2743V10.605H117.333C117.59 10.605 117.79 10.6918 117.934 10.8653C118.087 11.0287 118.164 11.2227 118.164 11.4473C118.164 11.6719 118.087 11.8659 117.934 12.0293C117.79 12.1927 117.59 12.2743 117.333 12.2743H104.946ZM115.61 4.09604V5.62756H108.747V6.60773C108.747 6.83235 108.798 6.97529 108.901 7.03655C108.973 7.07739 109.086 7.09781 109.239 7.09781H111.332C113.312 7.09781 114.6 7.01103 115.195 6.83745C115.307 6.80682 115.41 6.79151 115.502 6.79151C115.728 6.79151 115.908 6.86298 116.041 7.00592C116.174 7.14886 116.241 7.31222 116.241 7.49601C116.241 7.83294 116.067 8.06777 115.718 8.2005C115.318 8.34344 114.605 8.47107 113.579 8.58338C112.686 8.67527 111.943 8.72122 111.348 8.72122H108.439C107.824 8.72122 107.378 8.58849 107.101 8.32302C106.834 8.04735 106.7 7.60321 106.7 6.99061V1.06365H115.856V2.68705H108.747V4.09604H115.61Z' fill='%23F18D00'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; background-size: auto 15px; } .new_direct [data-category^="main"] #content .content_wrap { padding-bottom: 0; } .new_direct [data-category^="main"][data-category="main_tip"] #content .content_wrap { padding-bottom: 152px; } .new_direct [data-category^="main"][data-category="main_tip"] #content .content_footer { margin-top: 40px; } .new_direct.main { scroll-behavior: auto; } .new_direct.main .footer#footer { padding-bottom: 72px; } .new_direct [data-category="main_prd"] { background-color: #f9f9fb; } .new_direct [data-category="main_prd"] .navbar { background-color: #f9f9fb; } .new_direct [data-category="main_prd"] .navbar { background-color: #f9f9fb; } /* 메인 팝업 여백 수정 */ .new_direct [data-category="main_prd"] .modal.bottom .modal_body { padding-bottom: 0; } /* 0811 상품 > 장바구니 팝업 수정 */ /* .new_direct [data-category=main_prd] [data-bg]{padding: 40px 0;} */ .new_direct [data-category="main_prd"] [data-bg="white"], .new_direct [data-category="main_prd"] [data-bg="gray"], .new_direct [data-category="main_prd"] [data-bg="none"] { padding: 40px 0; } .new_direct [data-category="main_prd"] .modal[data-bg="gray"] { padding: 0; } .new_direct [data-category="main_prd"] [data-bg] .comp > .prd_title { font-family: "HIMaum", "Noto Sans"; font-size: 24px; line-height: 1.3em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct [data-category="main_prd"] [data-bg] .banner { margin-top: 0 !important; } .new_direct [data-category="main_prd"] [data-bg]:last-child { padding-bottom: 120px; } .new_direct [data-category="main_prd"] [data-bg="white"] { background-color: #fff; } .new_direct [data-category="main_prd"] [data-bg="white"] .prd_list li a { background-color: #f9f9fb; } .new_direct [data-category="main_prd"] [data-bg="gray"] { background-color: #f1f1f3; } /* .new_direct [data-category=main_prd] [data-bg=gray] .tab{margin: 0 -20px; padding: 0 0 0 20px;} */ .new_direct [data-category="main_prd"] [data-bg="gray"] .tab_content { margin-top: 16px; background-color: transparent; } .new_direct [data-category="main_prd"] .main_governing { padding-top: 32px; margin-bottom: 32px; } .new_direct [data-category="main_prd"] .main_governing img { position: absolute; top: 20px; left: 30px; width: 88px; object-fit: cover; height: auto; } /* 202404 수정 */ .new_direct [data-category="main_prd"] .main_governing .governing_title { overflow: hidden; padding-left: 110px; font-family: "HIMaum", "Noto Sans"; font-size: 20px; font-weight: 400; line-height: 1.5em; text-align: left; white-space: pre; } /* 202404 수정 */ .new_direct [data-category="main_prd"] [data-slider="card2"] .swiper-slide { max-width: 320px; } .new_direct [data-category="main_prd"] .top_banner { display: block; overflow: hidden; position: relative; padding: 14px 16px; border-radius: 12px; font-size: 0; background-color: #4458f6; padding-right: 40px; } .new_direct [data-category="main_prd"] .top_banner span { display: inline-block; max-width: calc(100% - 10px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .new_direct [data-category="main_prd"] .top_banner:after { width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_180_12341)'%3E%3Cpath d='M17.4444 9.5H6.55556C5.69645 9.5 5 10.4768 5 11.6818V19.3182C5 20.5232 5.69645 21.5 6.55556 21.5H17.4444C18.3036 21.5 19 20.5232 19 19.3182V11.6818C19 10.4768 18.3036 9.5 17.4444 9.5Z' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5V5.83482C7.999 5.00865 8.37033 4.21164 9.04192 3.59852C9.71351 2.9854 10.6374 2.5999 11.6343 2.51687C12.6313 2.43384 13.63 2.6592 14.4367 3.1492C15.2435 3.6392 15.8006 4.35888 16 5.16853' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='11.5' y='14' width='1' height='4' rx='0.5' fill='white' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_180_12341'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .new_direct [data-category="main_prd"] .top_banner span { display: inline-block; font-size: 12px; line-height: 1.5em; letter-spacing: -0.04em; vertical-align: middle; color: #fff; } .new_direct [data-category="main_prd"] .top_banner .new { margin-right: 8px; font-size: 11px; font-weight: 500; line-height: 1.4em; } .new_direct [data-category="main_prd"] .top_banner .d_day { position: absolute; top: 50%; right: 40px; width: 30px; font-size: 11px; font-weight: 500; line-height: 1.4em; text-align: right; color: #80d5ff; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .new_direct [data-category="main_prd"] .top_banner:after { content: ""; position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .new_direct [data-category="main_prd"] .top_banner.after { padding-right: 76px; } .new_direct [data-category="main_prd"] .top_banner.after span { display: inline-block; max-width: calc(100% - 32px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .new_direct [data-category="main_prd"] .top_banner.after:after { width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4L10 8L6 12' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .new_direct [data-category="main_prd"] .top_banner + .top_banner { margin-top: 32px; } .new_direct [data-category="main_prd"] .section.anchor { scroll-margin-top: 50px; } .new_direct [data-category="main_prd"] .comp.change:after { content: ""; display: block; position: fixed; right: 0; top: 49px; left: 0; z-index: 12; height: 1px; background-color: #efeff1; } .new_direct [data-category="main_prd"].sticky .navbar.nav_down { top: -52px; } .new_direct [data-category="main_prd"].sticky .prd_category { display: block; overflow-x: auto; position: fixed; top: 0; right: 0; left: 0; padding: 0 20px 0 0; z-index: 11; background-color: #fff; white-space: nowrap; -webkit-transition: top 0.1s; transition: top 0.1s; -ms-overflow-style: none; scrollbar-width: none; } .new_direct [data-category="main_prd"].sticky .prd_category::-webkit-scrollbar { display: none; } .new_direct [data-category="main_prd"].sticky .prd_category li { position: relative; display: inline-block; width: auto; margin-left: 20px; vertical-align: top; } .new_direct [data-category="main_prd"].sticky .prd_category li a { height: 50px; padding: 14px 0 15px !important; color: #767678; font-size: 14px; font-weight: 400; background: #fff; border-radius: 0; } /* 202404 수정 */ .new_direct [data-category="main_prd"].sticky .prd_category li.on a { font-weight: 500; color: #1f1f21; letter-spacing: -0.02em; } .new_direct [data-category="main_prd"].sticky .prd_category li.on:before { content: ""; position: absolute; left: 0; right: 0; bottom: 1px; height: 1px; background-color: #1f1f21; } .new_direct [data-category="main_prd"] [data-slider="card2"] { padding-right: 20px; overflow: visible; margin-bottom: -8px; } .new_direct .prd_category { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .new_direct .prd_category li { width: calc(33.3333333333% - 7px); } .new_direct .prd_category li:nth-child(1) { width: calc(66.6666666667% - 3px); } .new_direct .prd_category li:nth-child(1) a { height: 120px; color: #fff; background-color: #f57932; } .new_direct .prd_category li:nth-child(2) a { height: 120px; color: #fff; background-color: #4c95f7; } .new_direct [data-category="main_prd"]:not(.sticky) .prd_category li:nth-child(n + 3) a { box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); } /* 상단메뉴 box-shadow 추가 /2403 SHKIM */ .new_direct .prd_category a { display: block; overflow: hidden; height: 110px; padding: 12px 14px !important; border-radius: 12px; font-size: 14px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; background-color: #fff; background-repeat: no-repeat; } .new_direct .prd_category a[data-bg="type02"] { font-size: 16px; background-image: url("../../images/new/main/img_prd02.png"); background-size: 52px auto; background-position: calc(100% - 10px) calc(100% - 10px); } /* 202404 수정 */ .new_direct .prd_category a[data-bg="type03"] { background-image: url("../../images/new/main/img_prd03.png"); background-size: 52px auto; background-position: calc(100% - 10px) calc(100% - 10px); } .new_direct .prd_category a[data-bg="type01"] { background-image: url("../../images/new/main/img_prd01.png"); background-size: 210px auto; background-position: 100% bottom; } /* 우측정렬 /240319 SHKIM*/ .new_direct .prd_category a[data-bg="type04"] { background-image: url("../../images/new/main/img_prd04.png"); background-size: 52px auto; background-position: calc(100% - 10px) calc(100% - 10px); } .new_direct .prd_category a[data-bg="type05"] { background-image: url("../../images/new/main/img_prd05.png"); background-size: 52px auto; background-position: calc(100% - 10px) calc(100% - 10px); } .new_direct .prd_category a[data-bg="type06"] { background-image: url("../../images/new/main/img_prd06.png"); background-size: 52px auto; background-position: calc(100% - 10px) calc(100% - 10px); } .new_direct .prd_category a[data-bg="type07"] { background-image: url("../../images/new/main/img_prd07.png"); background-size: 52px auto; background-position: calc(100% - 10px) calc(100% - 10px); } /* 2404_cat 수정 이미지 수정 */ .new_direct .prd_category a[data-bg="type08"] { background-image: url("../../images/new/main/img_top_petcat_1.png"); background-size: 52px auto; background-position: calc(100% - 10px) calc(100% - 10px); } /* 202404 추가 */ .new_direct .prd_category .first_box { display: block; overflow: hidden; height: 120px; padding: 12px 14px !important; border-radius: 12px; font-size: 14px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; background-color: #f57932; background-repeat: no-repeat; } .new_direct .prd_category .first_box[data-bg="type01"] { background-image: url("../../images/new/main/img_prd1n.png"); background-size: 92px auto; background-position: calc(100% - 10px) calc(100% - 10px); } /* 202404 수정 */ .new_direct .prd_category .first_box strong { color: #fff; font-size: 16px; } .new_direct .prd_category .first_box a { background-color: #fff !important; color: #555 !important; height: 40px !important; line-height: 1.2rem !important; width: 60px !important; flex: none !important; } .new_direct .prd_category .first_box .btn_area { margin-top: 12px; } .new_direct .prd_category .first_box .btn_area .btn { width: calc(100% - 100px) !important; height: 26px !important; border-radius: 5px; display: flex; font-size: 12px; align-items: center; justify-content: center; } .new_direct .prd_category .first_box .btn_area .btn.fill01 { background: #fff; color: #f57932 !important; margin-bottom: 6px; } .new_direct .prd_category .first_box .btn_area .btn.line01 { border: 1px solid #fff; font-weight: 700; color: #fff !important; background-color: #f57932 !important; margin-left: 0; } .new_direct .prd_category .item .first_box + a { display: none; } .new_direct [data-category="main_prd"].sticky .item .first_box { display: none; } .new_direct [data-category="main_prd"].sticky .item .first_box + a { display: block; } .new_direct .benefit_title { padding-top: 12px; font-size: 15px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; } .new_direct [data-slider="benefit"] { margin: -8px -20px 20px; padding: 0 20px; } .new_direct [data-slider="benefit"] .swiper-slide a { display: block; } .new_direct [data-slider="benefit"] .swiper-slide img { width: 100%; } .new_direct [data-slider="benefit"] .swiper-pagination { width: auto !important; top: 7px; right: 30px; bottom: auto; left: auto; } .new_direct [data-slider="benefit"] .swiper-pagination .swiper-pagination-bullet { margin-left: 6px; } .new_direct [data-slider="benefit"] .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0; } .new_direct [data-slider="benefit"] .swiper-pagination .swiper-pagination-bullet-active { width: 6px; } .new_direct .prd_text { margin-top: 12px; font-size: 14px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #3f3f41; } .new_direct .prd_text_sub { margin-top: 6px; width: 100%; font-size: 12px; line-height: 1.3em; letter-spacing: -0.04em; color: #767678; } .new_direct .visual_prd { margin-top: 16px; border-radius: 16px; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); } .new_direct .visual_prd .visual_area { position: relative; height: 240px; border-radius: 16px 16px 0 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .new_direct .visual_prd .visual_area p { position: absolute; top: 10px; right: -6px; padding: 12px 14px; border-radius: 22px; font-size: 13px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; color: #1f1f21; background-color: #fff; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } .new_direct .visual_prd .visual_area p span { display: inline-block; font-size: 13px; color: #ff2d55; } .new_direct .visual_prd .visual_area p::after { content: ""; position: absolute; left: -4px; bottom: 0; width: 20px; height: 22px; background: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.59165 12.3175V0C13.6949 3.31115 24.2937 11.2049 17.863 16.2908C11.4322 21.3768 3.27473 22.1185 -0.000175476 21.8536C6.07329 19.6285 7.59165 14.569 7.59165 12.3175Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .new_direct .visual_prd .visual_area[data-visual="type01"] { background-image: url("../../images/new/main/bg_visual01.png"); background-color: #f57932; } .new_direct .visual_prd .visual_area[data-visual="type02"] { background-image: url("../../images/new/main/bg_visual02.png"); background-color: #4c95f7; } .new_direct .visual_prd .visual_area[data-visual="type03"] { background-image: url("../../images/new/main/bg_visual03.png"); background-color: #a6daff; } .new_direct .visual_prd .visual_area[data-visual="type04"] { background-image: url("../../images/new/main/bg_visual04.png"); background-color: #a6aaff; } .new_direct .visual_prd .visual_area[data-visual="type05"] { background-image: url("../../images/new/main/bg_visual05.png"); background-color: #ffd5a6; } .new_direct .visual_prd .visual_area[data-visual="type06"] { background-image: url("../../images/new/main/bg_visual06.png"); background-color: #a5deff; } .new_direct .visual_prd .visual_area[data-visual="type07"] { background-image: url("../../images/new/main/bg_visual07.png"); background-color: #ffc0a5; } .new_direct .visual_prd .visual_area[data-visual="type08"] { background-image: url("../../images/new/main/bg_visual08.png"); background-color: #ffe0a5; } .new_direct .visual_prd .visual_btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .new_direct .visual_prd .visual_btn button { position: relative; width: 100%; height: 58px; padding: 18px 10px 17px; font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .visual_prd .visual_btn button + button { border-left: 1px solid #efeff1; } /* 모바일 상품안내 visual_btn 화살표추가/2404 */ .new_direct .visual_btn button:after { content: ""; position: absolute; top: 50%; right: 20px; width: 24px; height: 24px; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.5L14.5 13L10 17.5' stroke='%23C8C8CA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .visual_btn button span { margin-left: -8px; } .new_direct .prd_list { margin-top: 32px; } .new_direct .prd_list li a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; min-height: 66px; padding: 20px 10px 20px 72px; border-radius: 16px; background-color: #fff; -ms-flex-wrap: wrap; flex-wrap: wrap; } .new_direct .prd_list li i { position: absolute; top: 20px; left: 10px; width: 46px; height: 46px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 46px 46px; } .new_direct .prd_list li i[data-icon="icon01"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16.9999V32.9999C8 35.209 9.79086 36.9999 12 36.9999H34C36.2091 36.9999 38 35.209 38 32.9999V16.9999C38 14.7907 36.2091 12.9999 34 12.9999H12C9.79086 12.9999 8 14.7907 8 16.9999Z' fill='white' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 19.9999C10.2786 21.1502 14.3779 22.5214 19.42 22.9999M38 19.9999C34.1762 21.7435 30.3492 22.65 26.7403 22.9999' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Crect x='28' y='20.9999' width='5' height='10' rx='2.5' transform='rotate(90 28 20.9999)' fill='%23C8C8CA'/%3E%3Cpath d='M25.5 25.9999V25.9999C26.8807 25.9999 28 24.8806 28 23.4999V23.4999C28 22.1192 26.8807 20.9999 25.5 20.9999L20.5 20.9999C19.1193 20.9999 18 22.1192 18 23.4999V23.4999C18 24.8806 19.1193 25.9999 20.5 25.9999V25.9999L23.5278 25.9999' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M14 11.9999V11.3683C14 9.50798 15.5081 7.99988 17.3684 7.99988H28.6316C30.4919 7.99988 32 9.50798 32 11.3683V11.9999' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon02"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 8.15C27 9.06433 26.1391 9.91042 25.6667 10.6C24.9405 11.6598 25.005 12 23.6667 12C21.4575 12 20 11.5196 20 9.2C20 6.8804 21.7909 5 24 5C26.2091 5 27 5.8304 27 8.15Z' fill='%23C8C8CA'/%3E%3Ccircle cx='23' cy='8' r='4' stroke='%231F1F21' stroke-width='1.4'/%3E%3Cpath d='M19 8L14 8' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M32 8L27 8' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M31 33.8519V20.4445C31 16.0262 27.4183 12.4445 23 12.4445C18.5817 12.4445 15 16.0262 15 20.4445V33.8519C15 36.7974 17.3878 39.1852 20.3333 39.1852H25.6667C28.6122 39.1852 31 36.7974 31 33.8519Z' fill='white'/%3E%3Cpath d='M20.3333 39.1852V39.1852C17.3878 39.1852 15 36.7974 15 33.8519V20.4445C15 16.0262 18.5817 12.4445 23 12.4445V12.4445C27.4183 12.4445 31 16.0262 31 20.4445V33.8519C31 36.7974 28.6122 39.1852 25.6667 39.1852V39.1852' stroke='%231F1F21' stroke-width='1.4'/%3E%3Crect x='20' y='32' width='6' height='10' rx='3' fill='white' stroke='%231F1F21' stroke-width='1.4'/%3E%3Cpath d='M23 18V23' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon03"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23' cy='25' r='15' fill='%23F9F9FB'/%3E%3Cpath d='M37 25C37 33.2843 32.5595 36.7779 26.8026 40C18.6274 40 12 33.2843 12 25C12 16.7157 18.6274 10 26.8026 10C34.0946 14.2223 37 16.7157 37 25Z' fill='white'/%3E%3Cpath d='M36 26C36 24.2928 35.6637 22.6023 35.0104 21.0251C34.3571 19.4479 33.3995 18.0148 32.1924 16.8076C30.9852 15.6005 29.5521 14.6429 27.9749 13.9896C26.3977 13.3363 24.7072 13 23 13L23 26H36Z' fill='%23C8C8CA'/%3E%3Ccircle cx='23' cy='25' r='15' stroke='%231F1F21' stroke-width='1.53333'/%3E%3Cpath d='M36 15.5L37.5 14' stroke='%231F1F21' stroke-width='1.53333' stroke-linecap='round'/%3E%3Cpath d='M18 5H28' stroke='%231F1F21' stroke-width='1.53333' stroke-linecap='round'/%3E%3Cpath d='M23 5V10' stroke='%231F1F21' stroke-width='1.53333'/%3E%3Cpath d='M32 26H23V16' stroke='%231F1F21' stroke-width='1.53333' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon04"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_323_11098)'%3E%3Crect width='46' height='46' rx='4' fill='%23FF0000' fill-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_323_11098'%3E%3Crect width='46' height='46' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon05"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_323_11098)'%3E%3Crect width='46' height='46' rx='4' fill='%23FF0000' fill-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_323_11098'%3E%3Crect width='46' height='46' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon06"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2388 9.28913C22.1283 8.13296 23.8717 8.13296 24.7612 9.28913L26.5281 11.5855C27.011 12.2131 27.7913 12.5364 28.5765 12.434L31.4497 12.0596C32.8962 11.871 34.129 13.1038 33.9404 14.5503L33.566 17.4235C33.4636 18.2087 33.7869 18.989 34.4145 19.4719L36.7109 21.2388C37.867 22.1283 37.867 23.8717 36.7109 24.7612L34.4145 26.5281C33.7869 27.011 33.4636 27.7913 33.566 28.5765L33.9404 31.4497C34.129 32.8962 32.8962 34.129 31.4497 33.9404L28.5765 33.566C27.7913 33.4636 27.011 33.7869 26.5281 34.4145L24.7612 36.7109C23.8717 37.867 22.1283 37.867 21.2388 36.7109L19.4719 34.4145C18.989 33.7869 18.2087 33.4636 17.4235 33.566L14.5503 33.9404C13.1038 34.129 11.871 32.8962 12.0596 31.4497L12.434 28.5765C12.5364 27.7913 12.2131 27.011 11.5855 26.5281L9.28913 24.7612C8.13296 23.8717 8.13296 22.1283 9.28913 21.2388L11.5855 19.4719C12.2131 18.989 12.5364 18.2087 12.434 17.4235L12.0596 14.5503C11.871 13.1038 13.1038 11.871 14.5503 12.0596L17.4235 12.434C18.2087 12.5364 18.989 12.2131 19.4719 11.5855L21.2388 9.28913Z' fill='white'/%3E%3Cpath d='M21.2388 9.28913C22.1283 8.13296 23.8717 8.13296 24.7612 9.28913L26.5281 11.5855C27.011 12.2131 27.7913 12.5364 28.5765 12.434L31.4497 12.0596C32.8962 11.871 34.129 13.1038 33.9404 14.5503L33.566 17.4235C33.4636 18.2087 33.7869 18.9891 34.4145 19.4719L36.7109 21.2388C37.867 22.1283 37.867 23.8717 36.7109 24.7612L34.4145 26.5281C33.7869 27.011 33.4636 27.7913 33.566 28.5765L33.9404 31.4497C34.129 32.8962 32.8962 34.129 31.4497 33.9404L28.5765 33.566C27.7913 33.4636 27.011 33.7869 26.5281 34.4145L24.7612 36.7109C23.8717 37.867 22.1283 37.867 21.2388 36.7109L19.4719 34.4145C18.989 33.7869 18.2087 33.4636 17.4235 33.566L14.5503 33.9404C13.1038 34.129 11.871 32.8962 12.0596 31.4497L12.434 28.5765C12.5364 27.7913 12.2131 27.011 11.5855 26.5281L9.28913 24.7612C8.13296 23.8717 8.13296 22.1283 9.28913 21.2388L11.5855 19.4719C12.2131 18.989 12.5364 18.2087 12.434 17.4235L12.0596 14.5503C11.871 13.1038 13.1038 11.871 14.5503 12.0596L17.4235 12.434C18.2087 12.5364 18.989 12.2131 19.4719 11.5855L21.2388 9.28913Z' stroke='%231F1F21' stroke-width='1.4'/%3E%3Ccircle cx='25.8572' cy='20.1429' r='2.14286' fill='%23C8C8CA' stroke='%231F1F21'/%3E%3Ccircle cx='22.9999' cy='27.2857' r='1.21429' stroke='%231F1F21'/%3E%3Ccircle cx='18.5357' cy='23.5357' r='0.535714' stroke='%231F1F21'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon07"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.5471 8H32.2964C34.5055 8 36.2964 9.79086 36.2964 12V37C36.2964 39.2091 34.5055 41 32.2964 41H14.2964C12.0872 41 10.2964 39.2091 10.2964 37V12C10.2964 9.79086 12.0872 8 14.2964 8H17.0457' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.2964 7.81481C17.2964 6.26024 18.5566 5 20.1112 5H26.4816C28.0362 5 29.2964 6.26024 29.2964 7.81481V8.2963C29.2964 8.68494 28.9813 9 28.5927 9H18.0001C17.6114 9 17.2964 8.68494 17.2964 8.2963V7.81481Z' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.7222 18H24.5556C23.9113 18 23.3889 18.5223 23.3889 19.1667V23.25H19.3056C18.6613 23.25 18.1389 23.7723 18.1389 24.4167V25.5833C18.1389 26.2277 18.6613 26.75 19.3056 26.75H23.3889V30.8333C23.3889 31.4777 23.9113 32 24.5556 32H25.7222C26.3666 32 26.8889 31.4777 26.8889 30.8333V26.75L30.9722 26.75C31.6166 26.75 32.1389 26.2277 32.1389 25.5833V24.4167C32.1389 23.7723 31.6166 23.25 30.9722 23.25L26.8889 23.25V19.1667C26.8889 18.5223 26.3666 18 25.7222 18Z' fill='%23C8C8CA'/%3E%3Cpath d='M29.2686 25.75C29.913 25.75 30.4353 25.2277 30.4353 24.5833V23.4167C30.4353 22.7723 29.913 22.25 29.2686 22.25L25.1853 22.25V18.1667C25.1853 17.5223 24.663 17 24.0186 17H22.852C22.2076 17 21.6853 17.5223 21.6853 18.1667V22.25H17.602C16.9576 22.25 16.4353 22.7723 16.4353 23.4167L16.4353 24.5833C16.4353 25.2277 16.9576 25.75 17.602 25.75H21.6853V29.8333C21.6853 30.4777 22.2076 31 22.852 31H24.0186C24.663 31 25.1853 30.4777 25.1853 29.8333V25.75H26.5853' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon08"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.5471 8H32.2964C34.5055 8 36.2964 9.79086 36.2964 12V37C36.2964 39.2091 34.5055 41 32.2964 41H14.2964C12.0872 41 10.2964 39.2091 10.2964 37V12C10.2964 9.79086 12.0872 8 14.2964 8H17.0457' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.2964 7.81481C17.2964 6.26024 18.5566 5 20.1112 5H26.4816C28.0362 5 29.2964 6.26024 29.2964 7.81481V8.2963C29.2964 8.68494 28.9813 9 28.5927 9H18.0001C17.6114 9 17.2964 8.68494 17.2964 8.2963V7.81481Z' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.7222 18H24.5556C23.9113 18 23.3889 18.5223 23.3889 19.1667V23.25H19.3056C18.6613 23.25 18.1389 23.7723 18.1389 24.4167V25.5833C18.1389 26.2277 18.6613 26.75 19.3056 26.75H23.3889V30.8333C23.3889 31.4777 23.9113 32 24.5556 32H25.7222C26.3666 32 26.8889 31.4777 26.8889 30.8333V26.75L30.9722 26.75C31.6166 26.75 32.1389 26.2277 32.1389 25.5833V24.4167C32.1389 23.7723 31.6166 23.25 30.9722 23.25L26.8889 23.25V19.1667C26.8889 18.5223 26.3666 18 25.7222 18Z' fill='%23C8C8CA'/%3E%3Cpath d='M29.2686 25.75C29.913 25.75 30.4353 25.2277 30.4353 24.5833V23.4167C30.4353 22.7723 29.913 22.25 29.2686 22.25L25.1853 22.25V18.1667C25.1853 17.5223 24.663 17 24.0186 17H22.852C22.2076 17 21.6853 17.5223 21.6853 18.1667V22.25H17.602C16.9576 22.25 16.4353 22.7723 16.4353 23.4167L16.4353 24.5833C16.4353 25.2277 16.9576 25.75 17.602 25.75H21.6853V29.8333C21.6853 30.4777 22.2076 31 22.852 31H24.0186C24.663 31 25.1853 30.4777 25.1853 29.8333V25.75H26.5853' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon09"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_323_11098)'%3E%3Crect width='46' height='46' rx='4' fill='%23FF0000' fill-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_323_11098'%3E%3Crect width='46' height='46' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon10"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1547_3856)'%3E%3Cpath d='M38 17.6087C38 25.929 23 37.6957 23 37.6957C23 37.6957 8 25.929 8 17.6087C8 7.5653 21.125 6.30971 23 13.8424C24.5625 6.30971 38 7.56534 38 17.6087Z' fill='white'/%3E%3Cpath d='M40 23C40 25.7626 37.7608 28 35 28C32.2392 28 30 25.7608 30 23C30 20.2392 32.2392 18 35 18C37.7608 18 40 20.2392 40 23Z' fill='%23C8C8CA'/%3E%3Cpath d='M23 37.6957L22.5437 38.2773C22.8116 38.4875 23.1884 38.4875 23.4563 38.2773L23 37.6957ZM23 37.6957C23.4563 38.2773 23.4564 38.2772 23.4567 38.277L23.4574 38.2765L23.4598 38.2746L23.4687 38.2675L23.5025 38.2408C23.532 38.2174 23.5752 38.183 23.6313 38.1379C23.7435 38.0479 23.907 37.9154 24.1147 37.7443C24.5299 37.4022 25.1217 36.9051 25.8312 36.283C27.2492 35.0395 29.1424 33.292 31.0382 31.2791C32.9312 29.2691 34.8426 26.9778 36.285 24.6463C37.718 22.3298 38.7393 19.8925 38.7393 17.6087C38.7393 12.1782 35.0707 9.0875 31.2145 8.40651C28.0413 7.84613 24.5469 8.91619 22.967 11.7938C21.2996 8.92494 17.826 7.84267 14.6669 8.40674C10.8391 9.09023 7.26071 12.1894 7.26071 17.6087C7.26071 19.8925 8.28197 22.3298 9.71504 24.6463C11.1574 26.9778 13.0688 29.2691 14.9618 31.2791C16.8576 33.292 18.7508 35.0395 20.1688 36.283C20.8783 36.9051 21.4701 37.4022 21.8853 37.7443C22.093 37.9154 22.2565 38.0479 22.3687 38.1379C22.4248 38.183 22.468 38.2174 22.4975 38.2408L22.5313 38.2675L22.5402 38.2746L22.5426 38.2765L22.5433 38.277C22.5436 38.2772 22.5437 38.2773 23 37.6957Z' stroke='%231F1F21' stroke-width='1.47857' stroke-linejoin='round'/%3E%3Cpath d='M5 23.3333H13.6667L16.3333 16L21.6667 28L24.3333 20.6667L26.3333 24L29.6667 16L32.3333 23.3333H41' stroke='%231F1F21' stroke-width='1.47857' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1547_3856'%3E%3Crect width='46' height='46' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon11"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2388 9.28913C22.1283 8.13296 23.8717 8.13296 24.7612 9.28913L26.5281 11.5855C27.011 12.2131 27.7913 12.5364 28.5765 12.434L31.4497 12.0596C32.8962 11.871 34.129 13.1038 33.9404 14.5503L33.566 17.4235C33.4636 18.2087 33.7869 18.989 34.4145 19.4719L36.7109 21.2388C37.867 22.1283 37.867 23.8717 36.7109 24.7612L34.4145 26.5281C33.7869 27.011 33.4636 27.7913 33.566 28.5765L33.9404 31.4497C34.129 32.8962 32.8962 34.129 31.4497 33.9404L28.5765 33.566C27.7913 33.4636 27.011 33.7869 26.5281 34.4145L24.7612 36.7109C23.8717 37.867 22.1283 37.867 21.2388 36.7109L19.4719 34.4145C18.989 33.7869 18.2087 33.4636 17.4235 33.566L14.5503 33.9404C13.1038 34.129 11.871 32.8962 12.0596 31.4497L12.434 28.5765C12.5364 27.7913 12.2131 27.011 11.5855 26.5281L9.28913 24.7612C8.13296 23.8717 8.13296 22.1283 9.28913 21.2388L11.5855 19.4719C12.2131 18.989 12.5364 18.2087 12.434 17.4235L12.0596 14.5503C11.871 13.1038 13.1038 11.871 14.5503 12.0596L17.4235 12.434C18.2087 12.5364 18.989 12.2131 19.4719 11.5855L21.2388 9.28913Z' fill='white'/%3E%3Cpath d='M21.2388 9.28913C22.1283 8.13296 23.8717 8.13296 24.7612 9.28913L26.5281 11.5855C27.011 12.2131 27.7913 12.5364 28.5765 12.434L31.4497 12.0596C32.8962 11.871 34.129 13.1038 33.9404 14.5503L33.566 17.4235C33.4636 18.2087 33.7869 18.9891 34.4145 19.4719L36.7109 21.2388C37.867 22.1283 37.867 23.8717 36.7109 24.7612L34.4145 26.5281C33.7869 27.011 33.4636 27.7913 33.566 28.5765L33.9404 31.4497C34.129 32.8962 32.8962 34.129 31.4497 33.9404L28.5765 33.566C27.7913 33.4636 27.011 33.7869 26.5281 34.4145L24.7612 36.7109C23.8717 37.867 22.1283 37.867 21.2388 36.7109L19.4719 34.4145C18.989 33.7869 18.2087 33.4636 17.4235 33.566L14.5503 33.9404C13.1038 34.129 11.871 32.8962 12.0596 31.4497L12.434 28.5765C12.5364 27.7913 12.2131 27.011 11.5855 26.5281L9.28913 24.7612C8.13296 23.8717 8.13296 22.1283 9.28913 21.2388L11.5855 19.4719C12.2131 18.989 12.5364 18.2087 12.434 17.4235L12.0596 14.5503C11.871 13.1038 13.1038 11.871 14.5503 12.0596L17.4235 12.434C18.2087 12.5364 18.989 12.2131 19.4719 11.5855L21.2388 9.28913Z' stroke='%231F1F21' stroke-width='1.4'/%3E%3Ccircle cx='25.8572' cy='20.1429' r='2.14286' fill='%23C8C8CA' stroke='%231F1F21'/%3E%3Ccircle cx='22.9999' cy='27.2857' r='1.21429' stroke='%231F1F21'/%3E%3Ccircle cx='18.5357' cy='23.5357' r='0.535714' stroke='%231F1F21'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon12"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_323_10560)'%3E%3Cpath d='M32.0372 23.5795C33.2702 23.5795 34.3545 22.7862 34.6723 21.6405C35.1386 19.9567 35.4184 18.4554 35.4184 17.3841C35.4184 12.6581 32.2743 10.6213 28.9975 10.6213C26.9663 10.6213 25.5642 11.2261 24.7912 11.6866C24.3534 11.9479 23.808 11.9479 23.3702 11.6866C22.5972 11.2261 21.1951 10.6213 19.1639 10.6213C15.8855 10.6213 12.7415 13.279 12.7415 17.3841C12.7415 18.4554 13.0212 19.9567 13.4876 21.6405C13.8037 22.7862 14.8897 23.5795 16.1226 23.5795H32.0372Z' fill='%23C8C8CA'/%3E%3Cpath d='M22.2641 10.146C22.7171 10.4268 23.2813 10.4268 23.7343 10.146C24.534 9.65129 25.9847 9.00146 28.0862 9.00146C31.4781 9.00146 36 11.8228 36 16.9023C36 21.9801 30.348 36.0885 27.522 36.0885C26.3919 36.0885 25.826 35.5236 25.826 32.1389C25.826 29.836 26.3919 25.8864 23 25.8864C19.6081 25.8864 20.174 29.836 20.174 32.1389C20.174 35.5252 19.6081 36.0885 18.478 36.0885C15.652 36.0885 10 21.9817 10 16.9023C10 11.8228 14.522 9.00146 17.9138 9.00146C20.0153 9.00146 21.466 9.65129 22.2657 10.146H22.2641Z' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.7175 13.4668C20.7175 13.4668 22.8851 15.7224 25.0369 13.3579' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_323_10560'%3E%3Crect width='46' height='46' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon13"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 36V12C36 9.79086 34.2091 8 32 8H29.8074C29.4634 8 29.1462 8.18529 28.9771 8.48485C28.8081 8.78441 28.4909 8.9697 28.1469 8.9697H23.2036H18.3839C17.9487 8.9697 17.5317 8.79502 17.2265 8.48485C16.9212 8.17467 16.5042 8 16.0691 8H14C11.7909 8 10 9.79086 10 12V36C10 38.2091 11.7909 40 14 40H32C34.2091 40 36 38.2091 36 36Z' fill='white'/%3E%3Cpath d='M29.2507 8H32C34.2091 8 36 9.79086 36 12V36C36 38.2091 34.2091 40 32 40H14C11.7909 40 10 38.2091 10 36V12C10 9.79086 11.7909 8 14 8H16.7493' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.2964 7.81481C17.2964 6.26024 18.5566 5 20.1112 5H26.4816C28.0362 5 29.2964 6.26024 29.2964 7.81481V8.2963C29.2964 8.68494 28.9813 9 28.5927 9H18.0001C17.6114 9 17.2964 8.68494 17.2964 8.2963V7.81481Z' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.7222 18H24.5556C23.9113 18 23.3889 18.5223 23.3889 19.1667V23.25H19.3056C18.6613 23.25 18.1389 23.7723 18.1389 24.4167V25.5833C18.1389 26.2277 18.6613 26.75 19.3056 26.75H23.3889V30.8333C23.3889 31.4777 23.9113 32 24.5556 32H25.7222C26.3666 32 26.8889 31.4777 26.8889 30.8333V26.75L30.9722 26.75C31.6166 26.75 32.1389 26.2277 32.1389 25.5833V24.4167C32.1389 23.7723 31.6166 23.25 30.9722 23.25L26.8889 23.25V19.1667C26.8889 18.5223 26.3666 18 25.7222 18Z' fill='%23C8C8CA'/%3E%3Cpath d='M29.2686 25.75C29.913 25.75 30.4353 25.2277 30.4353 24.5833V23.4167C30.4353 22.7723 29.913 22.25 29.2686 22.25L25.1853 22.25V18.1667C25.1853 17.5223 24.663 17 24.0186 17H22.852C22.2076 17 21.6853 17.5223 21.6853 18.1667V22.25H17.602C16.9576 22.25 16.4353 22.7723 16.4353 23.4167L16.4353 24.5833C16.4353 25.2277 16.9576 25.75 17.602 25.75H21.6853V29.8333C21.6853 30.4777 22.2076 31 22.852 31H24.0186C24.663 31 25.1853 30.4777 25.1853 29.8333V25.75H26.5853' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon14"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_323_11098)'%3E%3Crect width='46' height='46' rx='4' fill='%23FF0000' fill-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_323_11098'%3E%3Crect width='46' height='46' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon15"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2 14.2308L20 10H30V40H10V25L11.2 14.2308Z' fill='white'/%3E%3Cpath d='M25.4536 18.4536H23.4536V21.4536' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.4536 25.4536H23.4536V28.4536' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4536 25.4536H15.4536V28.4536' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 40H39' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M30 40V11.567C30 10.7016 29.2984 10 28.433 10H24.3478M10 40V22.5676' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M36 40V23.567C36 22.7016 35.2984 22 34.433 22H32' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 16.6122C6.00006 19.6523 8.30455 21.9542 9.68729 22.7398C14.2963 22.7398 17.7533 20.2259 18.9056 18.969C21.6711 15.6694 18.9056 13.784 17.9838 12.3699C17.2463 11.2387 18.9056 9.0704 19.8274 8.12768C17.9838 8.12768 15.372 11.2701 14.2965 12.8413C16.8776 7.93914 14.1429 3.5712 12.4529 2C13.8356 9.0704 5.9999 11.4272 6 16.6122Z' fill='white'/%3E%3Cpath d='M6.10707 15.8286C5.44002 19.1817 8.05264 21.976 9.44233 22.9539C20.2819 23.7924 16.5298 12.8945 15.696 13.7328C14.8621 14.571 10.6931 15.8286 12.7776 12.4756C14.8621 9.12248 11.5269 5.7694 11.11 7.44594C10.6931 9.12248 6.94088 11.6373 6.10707 15.8286Z' fill='%23C8C8CA'/%3E%3Cpath d='M9.66033 23C8.28771 22.2045 6.00006 19.8738 6 16.7955C5.9999 11.5455 13.7783 9.15909 12.4057 2C14.0833 3.59091 16.7981 8.01364 14.2359 12.9773C15.3035 11.3864 17.8962 8.20455 19.7264 8.20455C18.8113 9.15909 17.1641 11.3545 17.8962 12.5C18.8113 13.9318 21.5565 15.8409 18.8113 19.1818' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon16"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 19H20C19.4477 19 19 19.4477 19 20V31C19 31.5523 19.4477 32 20 32H26C26.5523 32 27 31.5523 27 31V20C27 19.4477 26.5523 19 26 19Z' fill='white'/%3E%3Cpath d='M27 30.0001V21.9096C27 21.5697 26.7245 21.2942 26.3846 21.2942C22.3062 21.2942 19 24.6004 19 28.6788V31.1765C19 31.6314 19.3687 32.0001 19.8235 32.0001H25C25.9428 32.0001 26.4142 32.0001 26.7071 31.7072C27 31.4143 27 30.9429 27 30.0001Z' fill='%23C8C8CA'/%3E%3Cpath d='M27 32V20C27 19.4477 26.5523 19 26 19H20C19.4477 19 19 19.4477 19 20V32' stroke='%231F1F21' stroke-width='1.4'/%3E%3Cpath d='M35.9413 31.6962L35.998 16.6579C35.9993 16.3309 35.8406 16.024 35.573 15.836L23.575 7.40408C23.23 7.16164 22.77 7.16164 22.425 7.40408L10.4255 15.837C10.1588 16.0244 10.0002 16.3301 10.0005 16.6561L10.0147 32' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M33.3 11C33.3 11.3866 33.6134 11.7 34 11.7C34.3866 11.7 34.7 11.3866 34.7 11H33.3ZM30 6.7H33V5.3H30V6.7ZM33.3 7V11H34.7V7H33.3ZM29.7 11V7H28.3V11H29.7ZM33 6.7C33.1657 6.7 33.3 6.83431 33.3 7H34.7C34.7 6.06112 33.9389 5.3 33 5.3V6.7ZM30 5.3C29.0611 5.3 28.3 6.06112 28.3 7H29.7C29.7 6.83431 29.8343 6.7 30 6.7V5.3Z' fill='%231F1F21'/%3E%3Cpath d='M6 34.8C6.36957 35.3333 7.47826 36.4 8.95652 36.4C10.8043 36.4 11.913 34 14.1304 34C16.3478 34 16.7174 36.4 19.3043 36.4C21.8913 36.4 21.8913 34 24.4783 34C27.0652 34 26.6957 36.4 29.6522 36.4C32.6087 36.4 31.8696 34 34.8261 34C37.7826 34 37.0435 36.4 40 36.4' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 37.8C6.36957 38.3333 7.47826 39.4 8.95652 39.4C10.8043 39.4 11.913 37 14.1304 37C16.3478 37 16.7174 39.4 19.3043 39.4C21.8913 39.4 21.8913 37 24.4783 37C27.0652 37 26.6957 39.4 29.6522 39.4C32.6087 39.4 31.8696 37 34.8261 37C37.7826 37 37.0435 39.4 40 39.4' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon17"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1547_3886)'%3E%3Cpath d='M10 14L20 10H30V40H10V25V14Z' fill='white'/%3E%3Cpath d='M25.4536 18.4536H23.4536V21.4536' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.4536 25.4536H23.4536V28.4536' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4536 25.4536H15.4536V28.4536' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 40H39' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M30 40V11.567C30 10.7016 29.2984 10 28.433 10H24.3478M10 40V18.5' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M36 40V23.567C36 22.7016 35.2984 22 34.433 22H32' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M4 14.7681C4 17.4123 6.16393 17.8041 7.2459 18H16.9836C18.5574 18 22 17.8824 22 13.8868C22 9.89114 17.7705 8.6964 15.8033 8.89231C14.623 6.83577 11.9672 5.07315 9.01639 6.54211C6.65574 7.71728 6.45902 10.1655 6.65574 11.2428C5.77049 11.5366 4 12.6528 4 14.7681Z' fill='white'/%3E%3Cpath d='M4 14.8566C4 16.9521 5.80328 17.2626 6.70492 17.4178H14.8197C16.1311 17.4178 19 17.3246 19 14.1581C19 10.9915 15.4754 10.0447 13.8361 10.1999C12.8525 8.5701 11.125 6.44483 8.125 7.90774C6.81126 8.54837 6.08607 9.98022 6.25 10.8339C5.5123 11.0668 4 11.9313 4 14.8566Z' fill='%23C8C8CA'/%3E%3Cpath d='M4 14.7681C4 17.4123 6.16393 17.8041 7.2459 18H16.9836C18.5574 18 22 17.8824 22 13.8868C22 9.89114 17.7705 8.6964 15.8033 8.89231C14.623 6.83577 11.9672 5.07315 9.01639 6.54211C6.65574 7.71728 6.45902 10.1655 6.65574 11.2428C5.77049 11.5366 4 12.6528 4 14.7681Z' stroke='%231F1F21' stroke-width='1.4'/%3E%3Cpath d='M11.5173 18.5383L12.5441 19.5651' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M14.1648 20.9733L15.1916 22.0001' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M15.1475 18.5383L16.1743 19.5651' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M17.7949 20.9733L18.8217 22.0001' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1547_3886'%3E%3Crect width='46' height='46' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon18"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1547_2226)'%3E%3Cpath d='M6.3877 29.7541L13.3841 32.8635L16.882 40.2484L19.214 38.6936V30.5314L38.6478 11.4863C39.1661 10.7089 39.8916 8.92103 38.6478 7.9882C37.4041 7.05538 36.0567 7.59953 35.5384 7.9882L15.7159 27.422H8.33108L6.3877 29.7541Z' fill='white'/%3E%3Cpath d='M14.3111 33.732L14.9387 35.1965L17.2708 40.2493L19.2142 38.3059V30.5324L39.0367 10.3212C38.1038 9.38839 36.8342 9.93254 36.3159 10.3212L14.7475 31.5178C14.1597 32.0954 13.9865 32.9745 14.3111 33.732Z' fill='%23C8C8CA'/%3E%3Cpath d='M30.291 19.6428L33.8019 35.8816L31.6805 39.4171L23.2199 26.7139' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.509 23.8608L32.3877 25.9822' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.509 30.9319L33.0948 32.3461' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.731 16.0825L10.4922 12.5717L6.95665 14.693L13.3083 18.9233L16.4841 21.0384' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5129 11.8645L20.3916 13.9858' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4419 11.8645L14.0277 13.2787' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.9529 23.8608L16.1245 26.6893L8.34628 27.3964L6.22496 29.5177L11.1747 31.639' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.4884 20.3254L34.5093 8.30465C35.0576 7.75628 37.0928 6.64549 38.3982 7.95092C39.7036 9.25635 38.5932 11.2919 38.0449 11.8402C30.5496 19.3355 27.1554 22.7297 19.6601 30.225L18.9529 38.0031L16.8316 40.1245L14.7103 35.1747' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1547_2226'%3E%3Crect width='46' height='46' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon19"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 21.7059L13 19.5882L18 18L23 19.5882L28 18L33 19.5882L38 21.7059V39L30.1429 35.4706L23 38.6471L15.8571 35.1176L8 38.6471V21.7059Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 28C23.8 28 31 18.3509 31 13.7193C31 9.45605 27.4183 6 23 6C18.5817 6 15 9.45605 15 13.7193C15 18.3509 22.2 28 23 28ZM23 17C24.6569 17 26 15.6569 26 14C26 12.3431 24.6569 11 23 11C21.3431 11 20 12.3431 20 14C20 15.6569 21.3431 17 23 17Z' fill='%23C8C8CA'/%3E%3Cpath d='M30.3571 13.7193C30.3571 14.7392 29.9526 16.1101 29.2745 17.6448C28.6039 19.1624 27.6963 20.7735 26.7574 22.2518C25.8189 23.7293 24.8578 25.0603 24.087 26.0165C23.7004 26.4962 23.3697 26.8714 23.1193 27.1213C23.0756 27.165 23.0358 27.2032 23 27.2365C22.9642 27.2032 22.9244 27.165 22.8807 27.1213C22.6303 26.8714 22.2996 26.4962 21.913 26.0165C21.1422 25.0603 20.1811 23.7293 19.2426 22.2518C18.3037 20.7735 17.3961 19.1624 16.7255 17.6448C16.0474 16.1101 15.6429 14.7392 15.6429 13.7193C15.6429 9.83254 18.9149 6.64286 23 6.64286C27.0851 6.64286 30.3571 9.83254 30.3571 13.7193Z' stroke='%231F1F21' stroke-width='1.28571'/%3E%3Ccircle cx='23' cy='14' r='2.35714' stroke='%231F1F21' stroke-width='1.28571'/%3E%3Cpath d='M13 18.9998L8 21.1816V38.6361L15 34.9998L23 38.6361L31 35.4998L38 38.9998V21.1816L33 18.9998' stroke='%231F1F21' stroke-width='1.28571' stroke-linecap='round'/%3E%3Cpath d='M15 25.9998V34.9998' stroke='%231F1F21' stroke-width='1.28571' stroke-linecap='round'/%3E%3Cpath d='M31 25.9998V34.9998' stroke='%231F1F21' stroke-width='1.28571' stroke-linecap='round'/%3E%3Cpath d='M23 32.9998V37.9998' stroke='%231F1F21' stroke-width='1.28571' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon20"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 23V10C38 8.89543 37.1046 8 36 8H32.4737H28.5263H23H10C8.89543 8 8 8.89543 8 10V23C8 24.1046 8.89543 25 10 25H36C37.1046 25 38 24.1046 38 23Z' fill='white'/%3E%3Cpath d='M8.78947 8H13.5263C13.2105 11.5619 9.71053 12.7222 8 12.8571V9.61905C8 8.64762 8.52632 8.13492 8.78947 8Z' fill='%23C8C8CA'/%3E%3Cpath d='M8.78947 25H13.5263C13.2105 21.4381 9.71053 20.2778 8 20.1429V23.381C8 24.3524 8.52632 24.8651 8.78947 25Z' fill='%23C8C8CA'/%3E%3Cpath d='M37.2105 8H32.4737C32.7895 11.5619 36.2895 12.7222 38 12.8571V9.61905C38 8.64762 37.4737 8.13492 37.2105 8Z' fill='%23C8C8CA'/%3E%3Cpath d='M37.2105 25H32.4737C32.7895 21.4381 36.2895 20.2778 38 20.1429V23.381C38 24.3524 37.4737 24.8651 37.2105 25Z' fill='%23C8C8CA'/%3E%3Cpath d='M28.5263 8H23H10C8.89543 8 8 8.89543 8 10V23C8 24.1046 8.89543 25 10 25H36C37.1046 25 38 24.1046 38 23V10C38 8.89543 37.1046 8 36 8H32.4737' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M13.5263 8.39453C13.1316 10.7629 11.1579 12.7366 8 12.7366' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M13.5263 24.5789C13.1316 22.2104 11.1579 20.2368 8 20.2368' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M32.4739 8.39453C32.8687 10.7629 34.8423 12.7366 38.0002 12.7366' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M32.4739 24.5789C32.8687 22.2104 34.8423 20.2368 38.0002 20.2368' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M18.0002 13L20.5002 20L23.0002 13L25.5002 20L28.0002 13' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 15H29' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M3 33.9998C3 33.9998 9.4 28 11 28.0002C12.671 28.0004 20.4129 28.0002 25.1661 28.0002C25.9583 28.0002 27.8 28.2252 27.8 29.6002C27.8 30.9752 25.9583 31.0001 25.1661 31.0001H18.0363C17.5081 31.0001 16.4519 31.0044 16.4519 32.224C16.4519 33.4436 17.5081 33.4436 18.0363 33.4436H26.7505C27.1466 33.4436 28.3349 33.1184 29.9193 31.8175C31.5038 30.5166 33.5476 29.0843 35 28.0002C35.6602 27.5937 37.0493 26.5242 38 27.4999C39.1691 28.6998 37.6602 30.3225 37 31.0001L30 37.0001C29.6039 37.2711 28.3349 38.0001 26.7505 38.0001C25.1661 38.0001 19.0368 37.9998 16 37.9998C15.3398 37.9998 13 38.0785 11.4 39.2785C9.75997 40.5085 8.66017 41.4577 8 41.9998' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .new_direct .prd_list li i[data-icon="icon21"] { background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 19C11.2367 16.8985 6.95918 16.6716 5 17C8.82041 9.64486 17.8571 7.16416 21.898 7.16408C15.7265 8.47751 13.3673 15.9353 13 19Z' fill='%23C8C8CA'/%3E%3Cpath d='M33 19C30.9429 10.3315 25.3265 7.16416 23 7.16408C31.5224 5.85065 38.551 13.388 41 17C38.3551 15.6866 34.7143 17.9055 33 19Z' fill='%23C8C8CA'/%3E%3Cpath d='M13 19C13 10.8118 20.3333 7.58824 23.5 7C30.8077 8.41176 32.8782 15.5882 33 19C25.6923 15.8941 16.2885 17.7059 13 19Z' fill='white'/%3E%3Cpath d='M23 7V5' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23 7C11.8327 7 6.34694 13.5882 5 16.8824C8.82041 15.7529 11.7755 17.8235 13 19C22.1102 15.8941 30.4286 17.7059 33 19C34.7633 16.4588 38.9184 16.5294 41 16.8824C39.6531 13.5882 34.1673 7 23 7Z' stroke='%231F1F21' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M23 6.99976C20.2335 7.61831 13.2766 10.6864 13 18.9998' stroke='%231F1F21' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M23 6.99976C25.997 7.61831 32.7003 10.6864 33 18.9998' stroke='%231F1F21' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M23 18V20' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 36.8182C19 37.5455 19.4 39 21 39C22.6 39 23 37.5455 23 36.8182V35' stroke='%231F1F21' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='28' r='7.3' fill='white' stroke='%231F1F21' stroke-width='1.4'/%3E%3Cpath d='M19 26L21 31L23 26L25 31L27 26' stroke='%231F1F21' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 28L28 28' stroke='%231F1F21' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } /* 2404_cat 수정 배경이미지 수정 */ .new_direct .prd_list li i[data-icon="icon22"] { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='레이어_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56 54' style='enable-background:new 0 0 56 54;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%231F1F21;%7D .st2%7Bfill:%23C8C8CA;%7D .st3%7Bfill:%231F1F1F;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M46.6,18.2c1.4-8,0.2-13.5,0.2-13.5c-4.3,0-10,3.8-12.2,5.3c-1.9-0.5-3.9-0.8-5.9-0.8c-2.2,0-4.2,0.3-6.2,0.9 c-2.1-1.5-7.9-5.4-12.3-5.4c0,0-1.2,5.7,0.3,13.9c-2.2,3.2-3.5,7.1-3.5,11.3c0,11.4,9.7,20.7,21.8,20.7c12,0,21.8-9.3,21.8-20.7 C50.4,25.6,49,21.5,46.6,18.2z'/%3E%3Cpath class='st1' d='M28.7,51.5C16.1,51.5,6,41.8,6,29.9c0-4.1,1.2-8,3.5-11.5C8,10.3,9.2,4.8,9.2,4.5c0.1-0.4,0.5-0.7,0.9-0.7 c4.4,0,10,3.5,12.5,5.3c3.8-1,7.9-1,11.8-0.1c2.5-1.8,8.1-5.2,12.4-5.2c0.4,0,0.8,0.3,0.9,0.7c0,0.2,1.2,5.6-0.1,13.4 c2.5,3.5,3.8,7.7,3.8,12C51.3,41.8,41.2,51.5,28.7,51.5z M10.9,5.7c-0.3,1.8-0.7,6.5,0.4,12.8c0,0.2,0,0.5-0.1,0.7 C9,22.4,7.8,26.1,7.8,29.9c0,10.9,9.4,19.8,20.9,19.8c11.5,0,20.9-8.9,20.9-19.8c0-4-1.3-7.9-3.7-11.2c-0.1-0.2-0.2-0.5-0.2-0.7 c1-6,0.6-10.6,0.3-12.3c-4.1,0.4-9.3,4-10.9,5.1c-0.2,0.2-0.5,0.2-0.8,0.1c-3.8-1-7.9-1-11.7,0.1c-0.3,0.1-0.6,0-0.8-0.1 C20.3,9.7,15,6.1,10.9,5.7z'/%3E%3C/g%3E%3Cpath class='st1' d='M45.3,33c-0.5,0-0.9-0.4-0.9-0.9c0-0.5,0.3-0.9,0.8-1l9.7-0.7c0.5,0,0.9,0.3,1,0.8c0,0.5-0.3,0.9-0.8,1L45.3,33 C45.3,33,45.3,33,45.3,33z'/%3E%3Cpath class='st1' d='M53.5,38.8c-0.1,0-0.1,0-0.2,0l-8.6-1.9c-0.5-0.1-0.8-0.6-0.7-1.1c0.1-0.5,0.6-0.8,1.1-0.7l8.6,1.9 c0.5,0.1,0.8,0.6,0.7,1.1C54.3,38.5,53.9,38.8,53.5,38.8z'/%3E%3Cg%3E%3Cpath class='st2' d='M43.3,15.7c0,0-3.2-2.5-5-3.3c0,0,2.9-2.3,5.3-3.2C43.6,9.2,43.6,13,43.3,15.7z'/%3E%3Cpath class='st2' d='M43.3,16.6c-0.2,0-0.4-0.1-0.6-0.2c0,0-3.1-2.4-4.8-3.2c-0.3-0.1-0.5-0.4-0.5-0.7c0-0.3,0.1-0.6,0.3-0.8 c0.1-0.1,3-2.4,5.5-3.3c0.3-0.1,0.6-0.1,0.8,0.1c0.2,0.2,0.4,0.5,0.4,0.8c0,0.2,0,3.9-0.3,6.6c0,0.3-0.2,0.6-0.6,0.7 C43.5,16.6,43.4,16.6,43.3,16.6z M40,12.3c0.9,0.5,1.8,1.2,2.5,1.7c0.1-1.2,0.1-2.4,0.1-3.4C41.7,11.2,40.7,11.8,40,12.3z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M13.9,15.7c0,0,3.2-2.5,5-3.3c0,0-2.9-2.3-5.3-3.2C13.5,9.2,13.5,13,13.9,15.7z'/%3E%3Cpath class='st2' d='M13.9,16.6c-0.1,0-0.2,0-0.4-0.1c-0.3-0.1-0.5-0.4-0.6-0.7c-0.3-2.7-0.3-6.5-0.3-6.6c0-0.3,0.1-0.6,0.4-0.8 c0.2-0.2,0.6-0.2,0.8-0.1c2.5,1,5.4,3.2,5.5,3.3c0.2,0.2,0.4,0.5,0.3,0.8c0,0.3-0.2,0.6-0.5,0.7c-1.6,0.8-4.8,3.2-4.8,3.2 C14.3,16.6,14.1,16.6,13.9,16.6z M14.5,10.6c0,0.9,0.1,2.2,0.1,3.4c0.7-0.5,1.7-1.2,2.5-1.7C16.4,11.8,15.5,11.2,14.5,10.6z'/%3E%3C/g%3E%3Cpath class='st1' d='M21.7,29.7c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2C20.9,27.7,21.7,28.6,21.7,29.7z'/%3E%3Cg%3E%3Cpath class='st1' d='M32.7,42.3c-2.5,0-4.5-1.9-4.5-4.2c0-0.5,0.4-0.9,0.9-0.9s0.9,0.4,0.9,0.9c0,1.3,1.2,2.4,2.7,2.4 s2.7-1.1,2.7-2.4c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9C37.3,40.4,35.2,42.3,32.7,42.3z'/%3E%3Cpath class='st1' d='M25.4,42.3c-2.5,0-4.5-1.9-4.5-4.2c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9c0,1.3,1.2,2.4,2.7,2.4 c1.5,0,2.7-1.1,2.7-2.4c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9C30,40.4,27.9,42.3,25.4,42.3z'/%3E%3Cg%3E%3Cline class='st0' x1='29.1' y1='38.2' x2='29.1' y2='36.3'/%3E%3Cpath class='st3' d='M29.1,39.1c-0.5,0-0.9-0.4-0.9-0.9v-1.9c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9v1.9 C30,38.7,29.6,39.1,29.1,39.1z'/%3E%3C/g%3E%3Cpath class='st1' d='M32.1,36.1c0,0.7-1.3,1.3-3,1.3c-1.7,0-3-0.6-3-1.3c0-0.7,1.3-1.3,3-1.3C30.8,34.8,32.1,35.4,32.1,36.1z'/%3E%3C/g%3E%3Cpath class='st1' d='M12.4,33C12.4,33,12.4,33,12.4,33l-9.8-0.7c-0.5,0-0.9-0.5-0.8-1c0-0.5,0.5-0.9,1-0.8l9.7,0.7 c0.5,0,0.9,0.5,0.8,1C13.3,32.6,12.9,33,12.4,33z'/%3E%3Cpath class='st1' d='M4.2,38.8c-0.4,0-0.8-0.3-0.9-0.7c-0.1-0.5,0.2-1,0.7-1.1l8.6-1.9c0.5-0.1,1,0.2,1.1,0.7c0.1,0.5-0.2,1-0.7,1.1 l-8.6,1.9C4.3,38.8,4.3,38.8,4.2,38.8z'/%3E%3Cpath class='st1' d='M39.9,29.7c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2C39,27.7,39.9,28.6,39.9,29.7z'/%3E%3C/svg%3E%0A"); } /* 202404_2 추가 */ .new_direct .prd_list li i[data-icon="icon30"] { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56 54' style='enable-background:new 0 0 56 54;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;fill:%23FFFFFF;stroke:%231F1F21;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;%7D .st2%7Bdisplay:inline;fill:none;stroke:%231F1F21;stroke-width:1.8;stroke-linecap:round;%7D .st3%7Bdisplay:inline;fill:%23C8C8CA;%7D .st4%7Bdisplay:inline;fill:none;stroke:%231F1F21;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;%7D .st5%7Bdisplay:inline;%7D .st6%7Bfill:%23FFFFFF;stroke:%231F1F21;stroke-width:0.5;stroke-miterlimit:10;%7D .st7%7Bfill:%231F1F21;stroke:%231F1F21;stroke-width:0.5;stroke-miterlimit:10;%7D .st8%7Bfill:%23C8C8CA;%7D .st9%7Bfill:%231F1F21;%7D .st10%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='레이어_1' class='st0'%3E%3Cpath class='st1' d='M5,18v25c0,3.3,2.7,6,6,6h34c3.3,0,6-2.7,6-6V18c0-3.3-2.7-6-6-6H11C7.7,12,5,14.7,5,18z'/%3E%3Cpath class='st2' d='M5,22c3.5,1.9,9.8,4.2,17.5,5 M51,22c-5.9,2.9-11.7,4.4-17.3,5'/%3E%3Cpath class='st3' d='M36,27L36,27c0,2.2-1.8,4-4,4h-8c-2.2,0-4-1.8-4-4l0,0c0-2.2,1.8-4,4-4h8C34.2,23,36,24.8,36,27z'/%3E%3Cpath class='st2' d='M32,31L32,31c2.2,0,4-1.8,4-4l0,0c0-2.2-1.8-4-4-4h-8c-2.2,0-4,1.8-4,4l0,0c0,2.2,1.8,4,4,4l0,0h4.8'/%3E%3Cpath class='st4' d='M14,11V9c0-2.2,1.8-4,4-4h20c2.2,0,4,1.8,4,4v2'/%3E%3Cg class='st5'%3E%3Cg%3E%3Cpath class='st6' d='M105.7,55.4V39.1h-8.2c0,0-2.6,3.8-4.9,9.4h-1.8c0,0-1.6,0.6-1.7,2.4c0,0.3,0,0.5,0,0.6v13.1H103v0h35.1 v-9.2H105.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st7' d='M138.1,65.1H103c0,0-0.1,0-0.1,0H89.1c-0.3,0-0.5-0.2-0.5-0.5V51.5l0-0.6c0.1-2.1,1.9-2.8,2-2.9 c0.1,0,0.1,0,0.2,0h1.4c2.2-5.5,4.7-9,4.8-9.2c0.1-0.1,0.3-0.2,0.4-0.2h8.2c0.3,0,0.5,0.2,0.5,0.5v15.8h31.9 c0.3,0,0.5,0.2,0.5,0.5v9.2C138.7,64.9,138.4,65.1,138.1,65.1z M103.1,64h34.5v-8.1h-31.9c-0.3,0-0.5-0.2-0.5-0.5V39.6h-7.4 c-0.6,0.9-2.8,4.3-4.7,9.1C93,48.9,92.8,49,92.6,49h-1.7c-0.3,0.1-1.2,0.7-1.2,1.9l0,0.6l0,12.5L103.1,64 C103,64,103.1,64,103.1,64z'/%3E%3C/g%3E%3C/g%3E%3Cg class='st5'%3E%3Cg%3E%3Cpolygon class='st8' points='102.9,42.1 98.6,42.1 95.4,48.1 102.9,48.1 '/%3E%3C/g%3E%3Cg%3E%3Cpath class='st9' d='M102.9,48.6h-7.5c-0.2,0-0.4-0.1-0.5-0.3c-0.1-0.2-0.1-0.4,0-0.5l3.3-6c0.1-0.2,0.3-0.3,0.5-0.3h4.2 c0.3,0,0.5,0.2,0.5,0.5l0,6c0,0.1-0.1,0.3-0.2,0.4C103.2,48.6,103.1,48.6,102.9,48.6z M96.3,47.5h6.1l0-4.9H99L96.3,47.5z'/%3E%3C/g%3E%3C/g%3E%3Cg class='st5'%3E%3Cg%3E%3Cg%3E%3Cpath class='st10' d='M93.5,64.8c0,3,2.4,5.3,5.4,5.3c3,0,5.3-2.4,5.3-5.3c0-3-2.4-5.4-5.3-5.4C95.9,59.5,93.5,61.9,93.5,64.8z' /%3E%3C/g%3E%3Cg%3E%3Cpath class='st9' d='M98.9,70.8c-3.3,0-6-2.7-6-6c0-3.3,2.7-6,6-6c3.3,0,6,2.7,6,6C104.9,68.1,102.2,70.8,98.9,70.8z M98.9,60.1 c-2.6,0-4.7,2.1-4.7,4.7c0,2.6,2.1,4.7,4.7,4.7c2.6,0,4.7-2.1,4.7-4.7C103.6,62.2,101.5,60.1,98.9,60.1z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st8' d='M96,64.8c0,1.6,1.3,2.9,2.9,2.9c1.6,0,2.9-1.3,2.9-2.9c0-1.6-1.3-2.9-2.9-2.9C97.3,61.9,96,63.2,96,64.8z' /%3E%3C/g%3E%3Cg%3E%3Cpath class='st9' d='M98.9,68.4c-2,0-3.6-1.6-3.6-3.5c0-2,1.6-3.6,3.6-3.6c2,0,3.6,1.6,3.6,3.6C102.4,66.8,100.8,68.4,98.9,68.4 z M98.9,62.5c-1.3,0-2.3,1-2.3,2.3c0,1.3,1,2.3,2.3,2.3c1.3,0,2.3-1,2.3-2.3C101.2,63.6,100.1,62.5,98.9,62.5z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st5'%3E%3Cg%3E%3Cg%3E%3Cpath class='st10' d='M123.4,64.8c0,3,2.4,5.3,5.4,5.3c3,0,5.3-2.4,5.3-5.3c0-3-2.4-5.4-5.3-5.4 C125.8,59.5,123.4,61.9,123.4,64.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st9' d='M128.8,70.8c-3.3,0-6-2.7-6-6c0-3.3,2.7-6,6-6c3.3,0,6,2.7,6,6C134.8,68.1,132.1,70.8,128.8,70.8z M128.8,60.1c-2.6,0-4.7,2.1-4.7,4.7c0,2.6,2.1,4.7,4.7,4.7c2.6,0,4.7-2.1,4.7-4.7C133.5,62.2,131.4,60.1,128.8,60.1z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st8' d='M125.9,64.8c0,1.6,1.3,2.9,2.9,2.9c1.6,0,2.9-1.3,2.9-2.9c0-1.6-1.3-2.9-2.9-2.9 C127.2,61.9,125.9,63.2,125.9,64.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st9' d='M128.8,68.4c-2,0-3.6-1.6-3.6-3.5c0-2,1.6-3.6,3.6-3.6c2,0,3.5,1.6,3.5,3.6 C132.3,66.8,130.7,68.4,128.8,68.4z M128.8,62.5c-1.3,0-2.3,1-2.3,2.3c0,1.3,1,2.3,2.3,2.3c1.3,0,2.3-1,2.3-2.3 C131,63.6,130,62.5,128.8,62.5z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st5'%3E%3Cg%3E%3Cg%3E%3Cpath class='st10' d='M138.2,40.1v-3.8c0-1.2-1-1-2.2-1h-28.4c-1.2,0-2.2-0.2-2.2,1v17.8c0,1.2,1,2.2,2.2,2.2H136 c1.2,0,2.2-1,2.2-2.2V50'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st9' d='M138.2,57h-32.9c-0.3,0-0.5-0.2-0.5-0.5V35.3c0-0.3,0.2-0.5,0.5-0.5h32.9c0.3,0,0.5,0.2,0.5,0.5v4.3 c0,0.3-0.2,0.5-0.5,0.5l0,0c-0.3,0-0.5-0.2-0.5-0.5v-3.2c0-0.3-0.2-0.5-0.5-0.5h-30.7c-0.3,0-0.5,0.2-0.5,0.5v18.9 c0,0.3,0.2,0.5,0.5,0.5h30.7c0.3,0,0.5-0.2,0.5-0.5v-4.8c0-0.3,0.2-0.5,0.5-0.5l0,0c0.3,0,0.5,0.2,0.5,0.5v5.9 C138.8,56.7,138.5,57,138.2,57z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Crect x='134.3' y='42.5' class='st9' width='9.4' height='1.1'/%3E%3C/g%3E%3Cg%3E%3Crect x='134.3' y='46.9' class='st9' width='6.9' height='1.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='레이어_2'%3E%3Cg%3E%3Cg%3E%3Cpath class='st10' d='M12.5,17.2l-3.2,8.7c-1.5,0-2.9,0.8-3.9,2.1c-1,1.3-1.7,3.1-1.7,5.1v7.2h5.7h6.7h7.1v-23H12.5z'/%3E%3Cpath class='st9' d='M23.2,41.4H3.6c-0.5,0-0.9-0.5-0.9-1.1v-7.2c0-2.2,0.7-4.3,2-5.9c1.1-1.3,2.5-2.2,4-2.3l3-8 c0.1-0.4,0.5-0.7,0.8-0.7h10.7c0.5,0,0.9,0.5,0.9,1.1v23C24.1,40.9,23.6,41.4,23.2,41.4z M4.5,39.1h17.7V18.4H13l-2.9,8 C9.9,26.8,9.6,27,9.3,27C8,27,6.9,27.6,6,28.8c-0.9,1.1-1.4,2.7-1.4,4.3V39.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st8' d='M16.1,41.2c0,2.6-2.1,4.6-4.6,4.6c-2.5,0-4.6-2.1-4.6-4.6c0-2.6,2.1-4.6,4.6-4.6 C14,36.5,16.1,38.6,16.1,41.2z'/%3E%3Cpath class='st9' d='M11.5,46.8c-3.1,0-5.6-2.5-5.6-5.6c0-3.1,2.5-5.6,5.6-5.6c3.1,0,5.6,2.5,5.6,5.6 C17,44.2,14.5,46.8,11.5,46.8z M11.5,37.5c-2,0-3.7,1.7-3.7,3.7s1.6,3.7,3.7,3.7c2,0,3.7-1.7,3.7-3.7S13.5,37.5,11.5,37.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st10' d='M48.8,9H25.3c-1.4,0-2.6,1.5-2.6,3.2v6v22.2h11h15.2c1.4,0,2.6-1.5,2.6-3.2V12.2C51.4,10.4,50.2,9,48.8,9z' /%3E%3Cpath class='st9' d='M49.3,41.4H23.2c-0.5,0-0.9-0.5-0.9-1.1V12.1c0-2.4,1.6-4.4,3.5-4.4h23.6c1.9,0,3.5,2,3.5,4.4V37 C52.8,39.4,51.2,41.4,49.3,41.4z M24.1,39.1h25.2c0.9,0,1.7-0.9,1.7-2.1V12.1c0-1.2-0.7-2.1-1.7-2.1H25.7c-0.9,0-1.7,0.9-1.7,2.1 V39.1z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st8' d='M49.6,42.1c0,2.6-2.1,4.6-4.6,4.6c-2.5,0-4.6-2.1-4.6-4.6c0-2.6,2.1-4.6,4.6-4.6 C47.5,37.5,49.6,39.5,49.6,42.1z'/%3E%3Cpath class='st9' d='M45,47.7c-3.1,0-5.6-2.5-5.6-5.6c0-3.1,2.5-5.6,5.6-5.6c3.1,0,5.6,2.5,5.6,5.6C50.5,45.2,48,47.7,45,47.7z M45,38.4c-2,0-3.7,1.7-3.7,3.7s1.6,3.7,3.7,3.7c2,0,3.7-1.7,3.7-3.7S47,38.4,45,38.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st9' d='M47,19H28c-0.5,0-0.9-0.5-0.9-1.1c0-0.6,0.4-1.1,0.9-1.1H47c0.5,0,0.9,0.5,0.9,1.1C47.9,18.5,47.5,19,47,19 z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st9' d='M47,25.7H28c-0.5,0-0.9-0.5-0.9-1.1c0-0.6,0.4-1.1,0.9-1.1H47c0.5,0,0.9,0.5,0.9,1.1 C47.9,25.2,47.5,25.7,47,25.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st9' d='M47,32.3H28c-0.5,0-0.9-0.5-0.9-1.1c0-0.6,0.4-1.1,0.9-1.1H47c0.5,0,0.9,0.5,0.9,1.1 C47.9,31.8,47.5,32.3,47,32.3z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 40px 40px; } .new_direct .prd_list li .prd_tag { position: absolute; top: 12px; right: 12px; padding: 0 6px; border-radius: 28px; font-size: 11px; line-height: 20px; letter-spacing: -0.04em; color: #de5400; background-color: #fff3f0; } /* 2024웹접근성2차_4 */ .new_direct .prd_list li .prd_tag.blue { background-color: #f6f9ff; color: #007cd4; } /* 2024웹접근성2차_4 */ .new_direct .prd_list li .prd_tag.gray { background-color: #efeff1; color: #3f3f41; } .new_direct .prd_list li .prd_tag.green { background-color: #f3ffed; color: #2e8d00; } /* 2024웹접근성2차_4 */ .new_direct .prd_list li .prd_title { width: calc(100% - 60px); font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .prd_list li .prd_text { width: 100%; margin-top: 4px; font-size: 12px; color: #767678; } .new_direct .prd_list li + li { margin-top: 8px; } .new_direct .prd_list + .etc_area { margin: 10px 0 0; } .new_direct .etc_area .item { display: inline-block; position: relative; width: fit-content; padding: 15px 25px 15px 15px; border: 1px solid #ffdfc3; border-radius: 30px; } .new_direct .etc_area .item span { display: block; padding: 0 0 0 28px; color: #1f1f21; font-weight: 500; } .new_direct .etc_area .item::after { display: block; position: absolute; top: 50%; right: 2px; width: 24px; height: 25px; transform: translateY(-50%); content: ""; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.5L14.5 13L10 17.5' stroke='%23C8C8CA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .new_direct .etc_area .shortterm:before { display: block; position: absolute; top: 50%; left: 12px; width: 25px; height: 25px; content: ""; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='8.5' r='5' fill='%23BBBBC3'/%3E%3Cpath d='M16 15.5C9.59505 15.5 4.27196 21.011 3.19772 26.5134C2.98607 27.5975 3.89543 28.5 5 28.5H27C28.1046 28.5 29.0139 27.5975 28.8023 26.5134C27.728 21.011 22.4049 15.5 16 15.5Z' fill='%23BBBBC3'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23F8670D'/%3E%3Cpath d='M26.8571 20.7857L23.4286 24.7857L21.1429 22.5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center; } .new_direct .notice_title { font-size: 22px; font-weight: 700; line-height: 1.4em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .notice_list { margin: top 16px; } .new_direct .notice_list li { border-bottom: 1px solid #efeff1; } .new_direct .notice_list a { display: block; padding: 16px 0; } .new_direct .notice_list a .title { font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .notice_list a .date { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .notice_list ~ .btn_area { margin-top: 10px; text-align: center; } .new_direct .notice_list ~ .btn_area .more_notice { display: inline-block; width: 116px; height: 44px; border: 1px solid #b7b7b9; border-radius: 40px; font-size: 16px; font-weight: 500; line-height: 42px; letter-spacing: -0.02em; color: #3f3f41; } .new_direct .card_prd { display: block; position: relative; max-width: 320px; padding: 24px; height: 171px; border-radius: 24px; border: 1px solid #dfdfe1; background-color: #fff; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } .new_direct .card_prd::after { content: ""; position: absolute; top: 24px; right: 24px; width: 26px; height: 26px; background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.5' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M12 9L15.5 12.6923L12 17' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .new_direct .card_prd_title { margin-top: -8px; margin-bottom: 16px; font-size: 17px; font-weight: 700; line-height: 1.4em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .card_prd_header { min-height: 58px; } .new_direct .card_prd_header .title { padding-right: 30px; font-size: 16px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .card_prd_header .date { display: block; margin-top: 12px; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .card_prd_header + .card_prd_body { margin-top: 20px; padding-top: 20px; border-top: 1px solid #efeff1; } .new_direct .card_prd_body { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .new_direct .card_prd_body .name { font-size: 13px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #f8670d; } .new_direct .card_prd_body .price { font-size: 17px; font-weight: 700; line-height: 1.4em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .card_prd.nodata { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .card_prd.nodata::after { display: none; } .new_direct .card_prd [class^="icon"] { position: absolute; top: 8px; right: 0; width: 32px; height: 32px; background-position: 50% 50%; background-size: 100% 100%; background-repeat: no-repeat; } .new_direct .card_prd .icon_car { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9998 2.66663C23.3638 2.66663 29.3332 8.63596 29.3332 16C29.3332 23.364 23.3638 29.3333 15.9998 29.3333C8.63584 29.3333 2.6665 23.364 2.6665 16C2.6665 8.63596 8.63584 2.66663 15.9998 2.66663ZM10.6665 17.3333L5.41584 17.3346C5.71289 19.6842 6.78308 21.8683 8.45786 23.5428C10.1326 25.2174 12.3168 26.2872 14.6665 26.584V21.3333C13.6056 21.3333 12.5882 20.9119 11.8381 20.1617C11.0879 19.4116 10.6665 18.3942 10.6665 17.3333ZM26.5838 17.3346L21.3332 17.3333C21.3332 18.3942 20.9117 19.4116 20.1616 20.1617C19.4115 20.9119 18.394 21.3333 17.3332 21.3333L17.3345 26.584C19.6839 26.287 21.8678 25.217 23.5423 23.5425C25.2169 21.868 26.2868 19.684 26.5838 17.3346ZM15.9998 5.33329C13.4017 5.33334 10.8929 6.28154 8.94417 7.99996C6.99548 9.71839 5.74089 12.0889 5.41584 14.6666H10.6665C10.6665 14.313 10.807 13.9739 11.057 13.7238C11.3071 13.4738 11.6462 13.3333 11.9998 13.3333H19.9998C20.3535 13.3333 20.6926 13.4738 20.9426 13.7238C21.1927 13.9739 21.3332 14.313 21.3332 14.6666H26.5838C26.2588 12.0889 25.0042 9.71839 23.0555 7.99996C21.1068 6.28154 18.598 5.33334 15.9998 5.33329Z' fill='%23444444'/%3E%3C/svg%3E%0A"); } .new_direct .card_prd .icon_overseastrip { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9706 15.5092L7.95726 6.07983L10.5319 5.38916L19.7999 13.9492L26.8159 12.0692C27.3283 11.932 27.8742 12.0039 28.3336 12.2692C28.7929 12.5345 29.1281 12.9714 29.2653 13.4838C29.4025 13.9962 29.3305 14.5421 29.0652 15.0015C28.7999 15.4608 28.363 15.796 27.8506 15.9332L7.88792 21.2798L6.85326 17.4158L7.17459 17.3292L10.4639 20.5892L6.96259 21.5278C6.67548 21.6048 6.37087 21.5836 6.09717 21.4677C5.82346 21.3517 5.59635 21.1476 5.45192 20.8878L1.95459 14.5865L3.88659 14.0692L7.17459 17.3292L13.9706 15.5078V15.5092ZM5.33326 25.3332H26.6666V27.9998H5.33326V25.3332Z' fill='%2361BFF9'/%3E%3C/svg%3E%0A"); } .new_direct [data-category="main_my"][data-login="false"] #content .content_wrap { padding-bottom: 124px; } .new_direct [data-category="main_my"] .content_wrap .section[data-bg] { padding: 40px 0; } .new_direct [data-category="main_my"] .content_wrap .section[data-bg].small { padding: 24px 0; border-bottom: 12px solid #f9f9fb; } .new_direct [data-category="main_my"] .content_wrap .section[data-bg][data-bg="dark_gray"] { background-color: #767678; } .new_direct [data-category="main_my"] .content_wrap .section.service { padding: 0; } .new_direct [data-category="main_my"] .content_wrap .section.service .comp { margin-top: 0; } .new_direct [data-category="main_my"] .content_wrap .section.service .comp + .comp { padding-top: 12px; } .new_direct [data-category="main_my"] .content_wrap .section.service .comp + .comp:after { content: ""; position: absolute; top: 0; right: -20px; left: -20px; height: 12px; background-color: #f9f9fb; } .new_direct [data-category="main_my"] .content_wrap .tab { padding-top: 0; } .new_direct [data-category="main_my"] .content_wrap .tab.tab_bar { margin-bottom: 20px; } .new_direct [data-category="main_my"] .content_wrap .tab.tab_bar li a { min-height: 0; padding: 0; } .new_direct [data-category="main_my"] .content_wrap .tab_content .comp { padding: 40px 0; } .new_direct [data-category="main_my"] .content_wrap .btn_plus { width: 40px; height: 40px; background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_591_1617)'%3E%3Cpath d='M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z' fill='%23F5F5F7'/%3E%3Cpath d='M20 14V26' stroke='%23909090' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 20H26' stroke='%23909090' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_591_1617'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 0 0; background-size: 100%; } .new_direct [data-category="main_my"] .content_wrap .section.small .tag_scroll { position: relative; margin: 0 !important; padding: 0 20px !important; } .new_direct [data-category="main_my"] .content_wrap .section.small .tag_scroll li:first-child { padding: 0 6px 0 0; } .new_direct [data-category="main_my"] .content_wrap .section.small .tag_scroll .tag_wrap { padding-right: 0; } .new_direct [data-category="main_my"] .content_wrap .section.small .tag_scroll .tag_wrap .no_date { padding: 9px 0 10px 0; text-align: center; color: #767678; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: -0.04em; color: #1f1f21; font-weight: 400; color: #555557; } .new_direct [data-category="main_my"] .content_wrap .main_governing { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 32px; margin-bottom: 32px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .new_direct [data-category="main_my"] .content_wrap .main_governing .governing_title { font-family: "HIMaum", "Noto Sans"; font-size: 22px; font-weight: 400; line-height: 1.4em; text-align: left; } .new_direct [data-category="main_my"] .content_wrap .main_governing .btn.text { vertical-align: top; background: none; } .new_direct [data-category="main_my"] .content_wrap .btn_area.more .btn.more { margin-top: 18px; background: none; } .new_direct .onboarding { margin-top: 80px; } .new_direct .onboarding .title { font-size: 22px; font-weight: 700; line-height: 1.4em; letter-spacing: -0.02em; text-align: center; color: #1f1f21; } .new_direct .onboarding .img_area { margin-top: 30px; text-align: center; } .new_direct .onboarding .img_area img { max-width: 220px; } .new_direct .onboarding + .btn_area { margin-top: 34px; } .new_direct .onboarding + .btn_area .btn { width: 100%; } .new_direct .main_alarm { display: block; } .new_direct .main_alarm > .title { position: relative; padding-left: 32px; padding-right: 112px; font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .main_alarm > .title span { color: #f8670d; } .new_direct .main_alarm > .title:after { content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin-top: -12px; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.3832' cy='18' r='3' fill='%23F3B24E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3833 2C7.96498 2 4.38326 5.58172 4.38326 10V14L3.10686 16.5528C2.77441 17.2177 3.25791 18 4.00129 18H20.7652C21.5086 18 21.9921 17.2177 21.6596 16.5528L20.3833 14V10C20.3833 9.724 20.3693 9.45126 20.342 9.18245C19.8979 9.38633 19.4039 9.5 18.8833 9.5C16.9503 9.5 15.3833 7.933 15.3833 6C15.3833 4.89249 15.8977 3.90513 16.7006 3.2638C15.4551 2.46392 13.9734 2 12.3833 2Z' fill='%23F7CF6C'/%3E%3Ccircle cx='18.8832' cy='6' r='2.5' fill='%23FF2D55'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 24px 24px; } .new_direct .main_alarm .box { margin-top: 10px; } .new_direct .main_alarm .box_title { font-size: 15px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .main_alarm .box_content { margin-top: 8px; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #555557; } .new_direct .main_alarm .box:after { content: ""; position: absolute; top: -68px; right: 24px; width: 88px; height: 88px; background: url("../../images/new/apng/hi_welcome_mo.png") 50% 50% no-repeat; background-size: 88px 88px; } /* 최근 계산한 상품 /2404 */ .new_direct .comp_lately_area { position: relative; min-height: 84px; padding: 20px; background: #f2f2f7; } .new_direct .comp_lately_area .accordion { border: none; } .new_direct .comp_lately_area .swiper[data-slider^="pagination"] { margin: 0; padding: 0 0 15px; } .new_direct .comp_lately_area .fold_header h3 { display: block; height: 44px; color: #1f1f21; font-size: 1.6rem; font-weight: 700; line-height: 44px; } .new_direct .comp_lately_area .fold_header .btn_close { position: absolute; top: 50%; right: 0; width: 38px; height: 38px; transform: translateY(-50%); content: ""; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 44px; border: 1px solid #c8c8ca; background-size: 22px 22px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21L20 5C20 3.89543 19.1046 3 18 3L6 3C4.89543 3 4 3.89543 4 5L4 21C4 22.1046 4.89543 23 6 23L18 23C19.1046 23 20 22.1046 20 21Z' stroke='black' stroke-width='1.4' stroke-miterlimit='10'/%3E%3Crect x='7' y='6' width='10' height='4' rx='1' fill='black'/%3E%3Crect x='7' y='13' width='2' height='2' rx='1' fill='black'/%3E%3Crect x='11' y='13' width='2' height='2' rx='1' fill='black'/%3E%3Crect x='15' y='13' width='2' height='2' rx='1' fill='black'/%3E%3Crect x='7' y='17' width='2' height='2' rx='1' fill='black'/%3E%3Crect x='11' y='17' width='2' height='2' rx='1' fill='black'/%3E%3Crect x='15' y='17' width='2' height='2' rx='1' fill='black'/%3E%3C/svg%3E%0A"); } .new_direct .comp_lately_area .fold_header .btn_close span { position: absolute; display: inline-block; width: 1px; height: 1px; font-size: 1px; padding: 0; margin: -1px; visibility: hidden; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0); } .new_direct .comp_lately_area .item .fold_header a { position: absolute; top: 50%; right: 0; width: 38px; height: 38px; padding: 0; transform: translateY(-50%); } .new_direct .comp_lately_area .item.on .fold_header .btn_close { background-position: 49.8% 50%; background-size: inherit; background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6256 0.625582C12.1531 0.153102 11.387 0.153166 10.9144 0.625723L6.92349 4.61668L3.0089 0.702095C2.53643 0.229615 1.77032 0.229679 1.29776 0.702236C0.825206 1.17479 0.825143 1.9409 1.29762 2.41338L5.2122 6.32796L1.22125 10.3189C0.748691 10.7915 0.748628 11.5576 1.22111 12.0301C1.69359 12.5025 2.45969 12.5025 2.93225 12.0299L6.9232 8.03896L10.8378 11.9535C11.3103 12.426 12.0764 12.426 12.5489 11.9534C13.0215 11.4808 13.0215 10.7147 12.5491 10.2423L8.63449 6.32768L12.6254 2.33672C13.098 1.86417 13.0981 1.09806 12.6256 0.625582Z' fill='%231F1F21'/%3E%3C/svg%3E%0A"); } .new_direct .comp_lately_area .accordion.lately .fold_body { margin: 10px 0 0; padding: 0; } .new_direct .comp_lately_area .fold_body .contract_item { box-shadow: none; border: 1px solid #dfdfe1; } .new_direct .comp_lately_area .lately_list .no_data { display: flex; justify-content: center; align-items: center; height: 70px; border: 1px solid #dedede; border-radius: 20px; } /* 마이페이지 배너 추가 /2403 */ .new_direct [data-category="main_my"] .comp_banner .banner { display: block; margin-top: 10px; text-align: center; } .new_direct [data-category="main_my"] .comp_banner .banner img { width: 100%; } .new_direct [data-category="main_my"] .comp_banner + .tab.tab_line { margin-top: 25px; } .new_direct .main_contract_title { font-size: 14px; line-height: 1.5em; letter-spacing: -0.04em; color: #555557; } .new_direct .main_contract_list { margin-top: 20px; } .new_direct .main_contract_list + .main_contract_list { margin-top: 16px; } .new_direct .main_contract_item { position: relative; padding: 24px 24px 24px 24px; border-radius: 16px; background-color: #fff; -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1); } .new_direct .main_contract_item + .main_contract_item { margin-top: 16px; } .new_direct .main_contract_item .info, .new_direct .main_contract_item .date, .new_direct .main_contract_item .btn_area { padding-right: 100px; } .new_direct .main_contract_item.application { padding-right: 24px; background: #fff url("../../images/new/main/bg_contract_application.png") calc(100% - 8px) calc(100% - 16px) no-repeat; background-size: 107px 77px; } .new_direct .main_contract_item .tip { position: absolute; top: -16px; right: -16px; padding: 12px 44px 12px 40px; border-radius: 24px; background-color: #f8670d; -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1); } .new_direct .main_contract_item .tip:before { content: ""; position: absolute; top: 50%; left: 16px; width: 20px; height: 20px; margin-top: -10px; background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8333 15H3.5V13.6667H4.16667V9.02067C4.16667 5.69533 6.85333 3 10.1667 3C13.48 3 16.1667 5.69533 16.1667 9.02067V13.6667H16.8333V15ZM8.5 15.6667H11.8333C11.8333 16.1087 11.6577 16.5326 11.3452 16.8452C11.0326 17.1577 10.6087 17.3333 10.1667 17.3333C9.72464 17.3333 9.30072 17.1577 8.98816 16.8452C8.67559 16.5326 8.5 16.1087 8.5 15.6667V15.6667Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .main_contract_item .tip:after { content: ""; position: absolute; bottom: -6px; left: 50%; width: 17px; height: 14px; margin-left: -8px; background: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14L0.5 0.5H16.5L8.5 14Z' fill='%23F8670D'/%3E%3C/svg%3E%0A"); } .new_direct .main_contract_item .tip p { font-size: 12px; font-weight: 700; line-height: 1em; letter-spacing: -0.04em; color: #fff; } .new_direct .main_contract_item .tip button { position: absolute; top: 50%; right: 16px; width: 20px; height: 20px; margin-top: -10px; background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 6L14.5 14' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M14.5 6L6.5 14' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .main_contract_item .title { font-size: 14px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .main_contract_item .name { font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; word-break: break-all; } .new_direct .main_contract_item .info { margin-top: 8px; font-size: 16px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; } .new_direct .main_contract_item .info_amount { margin-top: 16px; } .new_direct .main_contract_item .info_amount::after { display: block; content: ""; clear: both; } .new_direct .main_contract_item .info_amount .item { float: left; } .new_direct .main_contract_item .info_amount .item + .item { margin-left: 24px; } .new_direct .main_contract_item .info_amount .title { font-size: 12px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .main_contract_item .info_amount .content { margin-top: 2px; font-size: 16px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .main_contract_item .date { margin-top: 8px; font-size: 12px; line-height: 1.5em; letter-spacing: -0.04em; color: #909090; } .new_direct .main_contract_item .btn_area { margin-top: 16px; font-size: 0; } .new_direct .main_contract_item .btn_area .btn { margin-left: 0; margin-right: 16px; } .new_direct .main_contract_item .btn_area .btn:last-child { margin-right: 0; } .new_direct .main_contract_item .img { overflow: hidden; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 24px; right: 24px; width: 110px; height: 80px; border-radius: 16px; } .new_direct .main_contract_item .img img { width: 100%; } .new_direct .service_anchor { display: block; position: relative; margin: 0 -20px; padding: 32px; } .new_direct .service_anchor .title { font-size: 19px; font-weight: 500; line-height: 1.4em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .service_anchor .text { margin-top: 8px; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .service_anchor i[class^="icon"] { position: absolute; top: 50%; right: 32px; width: 72px; height: 72px; margin-top: -36px; border-radius: 28px; background-size: 100% 100%; background-repeat: no-repeat; } .new_direct .service_anchor i[class^="icon"].icon01 { background-image: url("../../images/new/main/icon_service01.png"); } .new_direct .service_anchor i[class^="icon"].icon02 { background-image: url("../../images/new/main/icon_service02.png"); } .new_direct .service_anchor i[class^="icon"].icon03 { background-image: url("../../images/new/main/icon_service03.png"); } .new_direct .service .title_area { margin-top: 0; padding: 0 12px; } .new_direct .service .title_area .title { display: inline-block; font-size: 17px; font-weight: 700; line-height: 1.4em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .service .title_area .title.point_color { position: relative; padding-right: 30px; } .new_direct .service .title_area a.title { position: relative; padding-right: 20px; } .new_direct .service .title_area a.title:after { content: ""; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -8px; background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00008 4.5L10.0001 8.5L6.00008 12.5' stroke='%23767678' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .service .title_area > span { font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .service .diagnosis, .new_direct .service .total_reference, .new_direct .service .today_steps { padding: 32px 0; } .new_direct .diagnosis_info { padding: 20px 24px; border-radius: 16px; background-color: #f9f9fb; } .new_direct .diagnosis_header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .new_direct .diagnosis_header .title { font-size: 14px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .diagnosis_header .state { font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.02em; } .new_direct .diagnosis_header .state strong { font-weight: 700; } .new_direct .diagnosis_header .state:after { content: ""; display: inline-block; width: 28px; height: 28px; margin-left: 6px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; vertical-align: bottom; } .new_direct .diagnosis_header .state.good { color: #028ced; } .new_direct .diagnosis_header .state.good:after { background-image: url("../../images/new/apng/icon_emoji_good.png"); } .new_direct .diagnosis_header .state.normal { color: #febf00; } .new_direct .diagnosis_header .state.normal:after { background-image: url("../../images/new/apng/icon_emoji_normal.png"); } .new_direct .diagnosis_header .state.bad { color: #ff2d55; } .new_direct .diagnosis_header .state.bad:after { background-image: url("../../images/new/apng/icon_emoji_bad.png"); } .new_direct .diagnosis_body { margin-top: 16px; padding-top: 16px; border-top: 1px solid #dfdfe1; } .new_direct .diagnosis_body a { display: inline-block; position: relative; padding-right: 18px; font-size: 14px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .diagnosis_body a:after { content: ""; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -8px; background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00008 4.5L10.0001 8.5L6.00008 12.5' stroke='%23767678' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .diagnosis_body .tag_list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; } .new_direct .diagnosis_body .tag_list span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 0 16px; border-radius: 99px; font-size: 12px; font-weight: 500; line-height: 30px; letter-spacing: -0.04em; color: #f8670d; background-color: #ffeede; } .new_direct .recommend_prd { margin-top: 12px; padding: 24px; border-radius: 16px; border: 1px solid #efeff1; } .new_direct .recommend_prd .title { font-size: 14px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .recommend_prd .title strong { color: #f8670d; } .new_direct .recommend_prd dl { margin-top: 24px; } .new_direct .recommend_prd dl::after { display: block; content: ""; clear: both; } .new_direct .recommend_prd dl dt { float: left; width: 50%; margin-top: 12px; font-size: 13px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .recommend_prd dl dd { float: right; width: 50%; margin-top: 12px; text-align: right; } .new_direct .recommend_prd dl dd a { position: relative; display: inline-block; padding-right: 18px; font-size: 13px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .recommend_prd dl dd a:after { content: ""; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -8px; background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00008 4.5L10.0001 8.5L6.00008 12.5' stroke='%23767678' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .total_reference .governing.nodata[data-icon="nodata2"] { margin-top: 16px; margin-bottom: 0; padding-bottom: 16px; } .new_direct .total_reference_list { margin-top: 24px; } .new_direct .total_reference_list .item { position: relative; padding: 24px; border-radius: 16px; background-color: #fff; -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1); } .new_direct .total_reference_list .item .name { padding-right: 40px; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .total_reference_list .item .name ~ .info { margin-top: 8px; } .new_direct .total_reference_list .item .info { padding-right: 40px; font-size: 16px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .total_reference_list .item .date { margin-top: 9px; font-size: 12px; line-height: 1.5em; letter-spacing: -0.04em; color: #909090; } .new_direct .total_reference_list .item .btn.arrow { position: absolute; right: 24px; bottom: 24px; } .new_direct .total_reference_list .item .img { position: absolute; top: 24px; right: 24px; width: 32px; } .new_direct .total_reference_list .item .img img { width: 100%; } .new_direct .total_reference_list .item + .item { margin-top: 16px; } .new_direct .total_reference_list .tip { position: absolute; top: -16px; right: -16px; padding: 12px 44px 12px 40px; border-radius: 24px; background-color: #f8670d; -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1); } .new_direct .total_reference_list .tip:before { content: ""; position: absolute; top: 50%; left: 16px; width: 20px; height: 20px; margin-top: -10px; background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8333 15H3.5V13.6667H4.16667V9.02067C4.16667 5.69533 6.85333 3 10.1667 3C13.48 3 16.1667 5.69533 16.1667 9.02067V13.6667H16.8333V15ZM8.5 15.6667H11.8333C11.8333 16.1087 11.6577 16.5326 11.3452 16.8452C11.0326 17.1577 10.6087 17.3333 10.1667 17.3333C9.72464 17.3333 9.30072 17.1577 8.98816 16.8452C8.67559 16.5326 8.5 16.1087 8.5 15.6667V15.6667Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .total_reference_list .tip:after { content: ""; position: absolute; bottom: -6px; left: 50%; width: 17px; height: 14px; margin-left: -8px; background: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14L0.5 0.5H16.5L8.5 14Z' fill='%23F8670D'/%3E%3C/svg%3E%0A"); } .new_direct .total_reference_list .tip p { font-size: 12px; font-weight: 700; line-height: 1em; letter-spacing: -0.04em; color: #fff; } .new_direct .total_reference_list .tip button { position: absolute; top: 50%; right: 16px; width: 20px; height: 20px; margin-top: -10px; background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 6L14.5 14' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M14.5 6L6.5 14' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .total_reference .uol_list { margin-top: 24px; } .new_direct .total_reference .uol_list li { font-size: 12px; } .new_direct .total_reference .uol_list li::before { background-color: #555557; } .new_direct .total_reference .uol_list li + li { margin-top: 6px; } .new_direct .today_steps .refresh { position: absolute; top: 50%; right: 0; width: 22px; height: 22px; margin-top: -11px; background: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11.5' r='11' fill='%23FBDEC2'/%3E%3Cpath d='M16.25 8.125V10.375H14' stroke='%23F8670D' stroke-width='1.05001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.75 14.8746V12.6245H8' stroke='%23F8670D' stroke-width='1.05001' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75506 9.99985C7.00864 9.28323 7.43963 8.64253 8.00779 8.13752C8.57596 7.63252 9.26279 7.27968 10.0042 7.11192C10.7456 6.94417 11.5174 6.96696 12.2477 7.17818C12.9779 7.3894 13.6427 7.78217 14.1801 8.31982C15.0861 9.17118 15.344 9.52322 16.25 10.3746M5.75 12.6246L7.82006 14.6799C8.35743 15.2176 9.02225 15.6104 9.75247 15.8216C10.4827 16.0328 11.2545 16.0556 11.9959 15.8878C12.7373 15.7201 13.4242 15.3672 13.9923 14.8622C14.5605 14.3572 14.9915 13.7165 15.2451 12.9999' stroke='%23F8670D' stroke-width='1.05001' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; background-size: 100% 100%; } .new_direct .today_steps .refresh:after { content: ""; position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; } .new_direct .steps_graph { margin-top: 41px; padding: 0 12px; } .new_direct .steps_graph .bar_wrap { position: relative; height: 10px; border-radius: 5px; background-color: #f3f4f6; } .new_direct .steps_graph .bar_wrap .bar { position: absolute; top: 0; left: 0; width: 0; max-width: 100%; height: 100%; border-radius: 5px; background: -webkit-gradient( linear, right top, left top, color-stop(11.11%, #ff4d14), to(#ff9814) ); background: linear-gradient(270deg, #ff4d14 11.11%, #ff9814 100%); } .new_direct .steps_graph .bar_wrap .bar:after { content: ""; position: absolute; top: -25px; right: 0; z-index: 1; width: 23px; height: 22px; background: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1905 6.1863C9.20855 6.6822 7.14152 4.2257 6.40926 2.72823C6.0646 2.13271 5.17359 2.4801 4.95318 2.72823L1.61347 6.38769C1.54933 6.45797 1.49703 6.53773 1.44767 6.61906C1.02366 7.31767 -0.0216217 8.08284 1.10773 9.7771C1.13675 9.82064 1.17088 9.8625 1.20698 9.90039L11.5426 20.7516C11.696 20.9126 11.905 21.019 12.1249 21.0514C21.7941 22.4765 22.4262 21.4709 22.7792 19C23.2654 15.5961 15.0121 14.3007 13.7771 12.292C13.71 12.183 13.6896 12.0543 13.6896 11.9263L13.6896 7.28353C13.6896 6.55005 12.914 6.06597 12.1905 6.1863Z' fill='%23FFC4B0'/%3E%3Cmask id='mask0_377_16710' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='2' width='7' height='10'%3E%3Cpath d='M5.42601 11.5451C7.46351 8.4097 6.45862 5.13792 5.32527 3.27245C5.02454 2.77744 4.3479 2.74112 3.94438 3.15663C-1.95372 9.22989 1.55613 11.4791 4.55955 11.935C4.89982 11.9866 5.23848 11.8337 5.42601 11.5451Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_377_16710)'%3E%3Cpath d='M14.3716 3.59029C11.0621 4.53075 8.76186 1.91785 7.98063 0.365461C7.63592 -0.213297 7.10886 0.124311 6.88842 0.365461L2.1555 5.42959C1.28173 6.29773 1.79143 7.23821 2.1555 7.59993L12.3495 18.4516C13.8058 19.8985 15.262 20.5918 17.8105 19.5368C22.1794 17.7282 20.8445 14.3521 19.995 12.3023L15.7021 4.10014C15.4555 3.62879 14.8834 3.44487 14.3716 3.59029Z' fill='%23FF7D05'/%3E%3C/g%3E%3Cpath d='M13.4809 4.38051C10.2632 5.29659 8.02716 2.67917 7.26579 1.12167C6.92854 0.538745 6.41289 0.878782 6.19722 1.12167L2.94601 4.74945C2.57762 5.16051 2.77008 5.78386 2.75254 6.33556C2.7447 6.58213 2.62542 6.83959 2.48522 7.17607C2.3465 7.50897 2.42978 7.88644 2.67339 8.15237L12.0966 18.4391C12.1992 18.5511 12.3257 18.6385 12.4675 18.6928C15.941 20.022 19.8287 20.5439 21.2791 20C25.2791 18.5 19.8512 15.2089 19.0201 13.1444L14.8297 4.90196C14.5846 4.41981 14.0012 4.23241 13.4809 4.38051Z' fill='%23FF612D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9787 8.18573C16.9268 7.85846 16.6194 7.63526 16.2921 7.6872L12.831 8.23653C12.5038 8.28847 12.2806 8.59589 12.3325 8.92317C12.3844 9.25044 12.6919 9.47364 13.0191 9.4217L16.4802 8.87237C16.8075 8.82043 17.0307 8.51301 16.9787 8.18573Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5964 10.6428C18.5444 10.3155 18.237 10.0923 17.9098 10.1442L14.4487 10.6936C14.1214 10.7455 13.8982 11.0529 13.9502 11.3802C14.0021 11.7075 14.3095 11.9307 14.6368 11.8787L18.0979 11.3294C18.4251 11.2775 18.6483 10.97 18.5964 10.6428Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8772 13.2062C19.8252 12.879 19.5178 12.6558 19.1905 12.7077L15.7295 13.257C15.4022 13.309 15.179 13.6164 15.2309 13.9437C15.2829 14.2709 15.5903 14.4941 15.9176 14.4422L19.3786 13.8929C19.7059 13.8409 19.9291 13.5335 19.8772 13.2062Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; background-size: 100% 100%; } .new_direct .steps_graph .max_steps { position: absolute; top: -21px; right: 0; font-size: 11px; line-height: 1.4em; letter-spacing: -0.04em; color: #909090; } .new_direct .insurance_tips { position: relative; } .new_direct .insurance_tips .title { font-size: 19px; font-weight: 500; line-height: 1.4em; letter-spacing: -0.04em; color: #fff; } .new_direct .insurance_tips .swiper { margin: 24px -20px 0; padding: 0 20px; } .new_direct .insurance_tips .swiper-slide { overflow: hidden; max-width: 296px; border-radius: 28px; background-color: #f5f5f7; } .new_direct .insurance_tips .swiper-slide .img img { width: 100%; } .new_direct .insurance_tips .swiper-slide .contents { padding: 20px 24px 24px; } .new_direct .insurance_tips .swiper-slide .contents p { font-size: 17px; line-height: 1.4em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .insurance_tips .swiper-slide .contents span { display: inline-block; margin-top: 8px; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; vertical-align: top; color: #767678; } .new_direct .insurance_tips .btn_more { position: absolute; top: 0; right: 0; padding-right: 34px; font-size: 14px; line-height: 26px; letter-spacing: -0.04em; color: #fff; } .new_direct .insurance_tips .btn_more:after { content: ""; position: absolute; top: 50%; right: 0; width: 26px; height: 26px; margin-top: -13px; background: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13.5' r='12.5' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M12 9.5L15.5 13.1923L12 17.5' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .more_link .title { font-size: 19px; font-weight: 500; line-height: 1.4em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .more_link .list { margin-top: 30px; margin-bottom: 60px; border-bottom: none; } .new_direct .more_link .item a { display: block; position: relative; min-height: 40px; padding: 9px 0 0 48px; font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #3f3f41; } .new_direct .more_link .item a:after { content: ""; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; margin-top: -20px; background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; } .new_direct .more_link .item a[data-icon="type01"]:after { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Crect x='10.25' y='9.5' width='15' height='21' rx='1.5' fill='%23DFDFE1'/%3E%3Cpath d='M14 14H22.25' stroke='%23BBBBC4' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 17H20.75' stroke='%23BBBBC4' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='26' cy='24.5' r='6' fill='%23028CED'/%3E%3Cpath d='M24.143 21.5L23.6866 23.3295L25.5161 23.7859' stroke='white' stroke-width='1.05' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.3317 25.3508C24.2491 25.0299 23.922 24.8367 23.6011 24.9193C23.2801 25.0019 23.087 25.329 23.1695 25.6499L24.3317 25.3508ZM28.3999 24.8337C28.3999 25.9751 27.4747 26.9003 26.3333 26.9003V28.1003C28.1374 28.1003 29.5999 26.6378 29.5999 24.8337H28.3999ZM26.3333 22.767C27.4747 22.767 28.3999 23.6923 28.3999 24.8337H29.5999C29.5999 23.0295 28.1374 21.567 26.3333 21.567V22.767ZM24.7831 23.4668C25.1627 23.0368 25.7161 22.767 26.3333 22.767V21.567C25.3575 21.567 24.4811 21.9956 23.8834 22.6727L24.7831 23.4668ZM26.3333 26.9003C25.3711 26.9003 24.5611 26.2423 24.3317 25.3508L23.1695 25.6499C23.5322 27.0587 24.8103 28.1003 26.3333 28.1003V26.9003Z' fill='white'/%3E%3C/svg%3E%0A"); } .new_direct .more_link .item a[data-icon="type02"]:after { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath d='M23.9943 10.25H16.0057C15.4382 10.25 15.0763 10.8559 15.3453 11.3556L19.3396 18.7736C19.6228 19.2995 20.3772 19.2995 20.6604 18.7736L24.6547 11.3556C24.9237 10.8559 24.5618 10.25 23.9943 10.25Z' fill='%2331AE65'/%3E%3Cpath d='M29.75 23.75C29.75 29.1348 27.6348 30.125 20 30.125C11.6152 30.125 10.25 29.1348 10.25 23.75C10.25 18.3652 14.6152 14 20 14C25.3848 14 29.75 18.3652 29.75 23.75Z' fill='%2354B97E'/%3E%3Cpath d='M16.25 20L18.125 25.25L20 20L21.875 25.25L23.75 20' stroke='white' stroke-width='1.05' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.625 22.25H14.75' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3Cpath d='M24.875 22.25H23' stroke='white' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .new_direct .more_link .item a[data-icon="type03"]:after { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' transform='matrix(-1 0 0 1 40 0)' fill='white'/%3E%3Cpath d='M29 13.25C29 12.0074 27.9926 11 26.75 11H13.25C12.0074 11 11 12.0074 11 13.25V23.375L13.625 26L16.625 29H26.75C27.9926 29 29 27.9926 29 26.75V13.25Z' fill='%23EB5050'/%3E%3Cpath d='M16.625 29L11 23.375H15.875C16.2892 23.375 16.625 23.7108 16.625 24.125V29Z' fill='%23EB5050'/%3E%3Cpath d='M16.625 29L11 23.375H15.875C16.2892 23.375 16.625 23.7108 16.625 24.125V29Z' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M21.5 16.25C21.5 15.8358 21.1642 15.5 20.75 15.5H19.25C18.8358 15.5 18.5 15.8358 18.5 16.25V23.75C18.5 24.1642 18.8358 24.5 19.25 24.5H20.75C21.1642 24.5 21.5 24.1642 21.5 23.75V16.25Z' fill='white'/%3E%3Cpath d='M16.25 18.5C15.8358 18.5 15.5 18.8358 15.5 19.25L15.5 20.75C15.5 21.1642 15.8358 21.5 16.25 21.5L23.75 21.5C24.1642 21.5 24.5 21.1642 24.5 20.75L24.5 19.25C24.5 18.8358 24.1642 18.5 23.75 18.5L16.25 18.5Z' fill='white'/%3E%3C/svg%3E%0A"); } .new_direct .more_link .item a[data-icon="type04"]:after { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Ccircle cx='19.6429' cy='19.6429' r='11.1429' fill='%23F8670D'/%3E%3Cpath d='M15.3571 17.0713L17.5 23.0713L19.6428 17.0713L21.7857 23.0713L23.9285 17.0713' stroke='white' stroke-width='1.37143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.7857 19.6426H13.6429' stroke='white' stroke-width='1.37143' stroke-linecap='round'/%3E%3Cpath d='M25.2143 19.6426H23.0714' stroke='white' stroke-width='1.37143' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .new_direct .more_link .item a[data-icon="type05"]:after { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath d='M20 26.75C19.5858 26.75 19.25 27.0858 19.25 27.5C19.25 27.9142 19.5858 28.25 20 28.25V26.75ZM25.25 18.5V20H26.75V18.5H25.25ZM25.25 20V21.9286H26.75V20H25.25ZM14.75 20V18.5H13.25V20H14.75ZM20.4286 26.75H20V28.25H20.4286V26.75ZM25.25 21.9286C25.25 24.5914 23.0914 26.75 20.4286 26.75V28.25C23.9198 28.25 26.75 25.4198 26.75 21.9286H25.25ZM20 13.25C22.8995 13.25 25.25 15.6005 25.25 18.5H26.75C26.75 14.7721 23.7279 11.75 20 11.75V13.25ZM20 11.75C16.2721 11.75 13.25 14.7721 13.25 18.5H14.75C14.75 15.6005 17.1005 13.25 20 13.25V11.75Z' fill='%235C5C5C'/%3E%3Cpath d='M25.25 18.2857C25.25 17.9898 25.4898 17.75 25.7857 17.75C27.5609 17.75 29 19.1891 29 20.9643V21.2857C29 23.0609 27.5609 24.5 25.7857 24.5C25.4898 24.5 25.25 24.2602 25.25 23.9643V18.2857Z' fill='%23FA5F2E'/%3E%3Cpath d='M14.75 18.2857C14.75 17.9898 14.5102 17.75 14.2143 17.75C12.4391 17.75 11 19.1891 11 20.9643V21.2857C11 23.0609 12.4391 24.5 14.2143 24.5C14.5102 24.5 14.75 24.2602 14.75 23.9643V18.2857Z' fill='%23FA5F2E'/%3E%3Ccircle cx='17' cy='20.75' r='0.75' fill='%23545454'/%3E%3Ccircle cx='20' cy='20.75' r='0.75' fill='%23545454'/%3E%3Ccircle cx='23' cy='20.75' r='0.75' fill='%23545454'/%3E%3C/svg%3E%0A"); } .new_direct .more_link .item.item { margin-top: 12px; } .new_direct [data-category="main_benefits"] .tab.tab_line { padding-top: 32px; height: 83px; margin: 0 -20px; } .new_direct [data-category="main_benefits"].sticky .navbar.nav_down { top: -52px; } .new_direct [data-category="main_benefits"].sticky .tab_section .tab_wrap { position: fixed; top: 0; left: 0; right: 0; z-index: 1; margin: 0; background-color: #fff; } .new_direct [data-category="main_benefits"] .section.anchor { scroll-margin-top: 50px; padding: 40px 0; } .new_direct [data-category="main_benefits"] .section.anchor .btn.text { position: absolute; top: 5px; right: 0; padding-right: 18px; background-color: transparent; } .new_direct [data-category="main_benefits"] .section.anchor .btn.text:after { content: ""; position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00009 4.5L10.0001 8.5L6.00009 12.5' stroke='%23767678' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .new_direct [data-category="main_benefits"] .benefit_title { margin-bottom: 32px; padding-top: 0; font-size: 22px; font-weight: 700; line-height: 1.4em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct [data-category="main_benefits"] .benefit_title ~ .tab { margin: 0 -20px; padding: 0 0 0 20px; } .new_direct [data-category="main_benefits"] .benefit_title ~ .tab li a { background-color: #fff; } .new_direct [data-category="main_benefits"] .benefit_title ~ .tab li.on a { background-color: #1f1f21; } .new_direct [data-category="main_benefits"] .benefit_title ~ .tab_content { margin-top: 0; } .new_direct [data-category="main_benefits"] .btn_area.event { font-size: 0; } .new_direct [data-category="main_benefits"] .btn_area.event a { font-size: 14px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct [data-category="main_benefits"] .btn_area.event a.single { display: block; position: relative; padding-right: 30px; } .new_direct [data-category="main_benefits"] .btn_area.event a.single:after { content: ""; position: absolute; top: 50%; right: 0; width: 26px; height: 26px; margin-top: -13px; background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.5' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M12 9L15.5 12.6923L12 17' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct [data-category="main_benefits"] .btn_area.event a.multi { display: inline-block; font-size: 0; } .new_direct [data-category="main_benefits"] .btn_area.event a.multi span { display: inline-block; font-size: 14px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct [data-category="main_benefits"] .btn_area.event a.multi strong { display: inline-block; margin-left: 6px; font-size: 14px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.04em; color: #f8670d; } .new_direct [data-category="main_benefits"] .btn_area.event a.multi + .multi { position: relative; margin-left: 10px; padding-left: 11px; } .new_direct [data-category="main_benefits"] .btn_area.event a.multi + .multi:after { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; margin-top: -8px; background-color: #efeff1; } .new_direct [data-category="main_benefits"] .donation { margin-top: 32px; } .new_direct [data-category="main_benefits"] .donation_item + .donation_item { margin-top: 16px; } .new_direct [data-category="main_benefits"] .card_benefits_list { margin-top: 32px; padding-bottom: 60px; } .new_direct .main_event .event_list { margin-top: 32px; } .new_direct .main_event .event_item a { display: block; } .new_direct .main_event .event_item .thumb { overflow: hidden; border-radius: 24px; } .new_direct .main_event .event_item .thumb img { width: 100%; } .new_direct .main_event .event_item .title { margin-top: 16px; font-size: 16px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .main_event .event_item .content { margin-top: 8px; min-height: 40px; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #555557; } .new_direct .main_event .event_item .date { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .main_event .event_item + .event_item { margin-top: 32px; } .new_direct .main_event .btn_area.more .btn.more { margin-top: 32px; } .new_direct .service_list { margin-top: 32px; } .new_direct .service_item .title, .new_direct .service_item .content { padding: 0 8px; } .new_direct .service_item a { display: block; } .new_direct .service_item .thumb { overflow: hidden; border-radius: 24px; } .new_direct .service_item .thumb img { width: 100%; } .new_direct .service_item .title { margin-top: 24px; font-size: 16px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .service_item + .service_item { margin-top: 32px; } .new_direct .service_item.autooasis .content { margin-top: 24px; } .new_direct .service_item.autooasis .content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 0px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .new_direct .service_item.autooasis .content > * { width: calc(50% - 0px); } .new_direct .service_item.autooasis .content.no_pad { gap: 0; } .new_direct .service_item.autooasis .content.no_pad > * { width: 50%; } .new_direct .service_item.autooasis .content .item { position: relative; padding-left: 30px; } .new_direct .service_item.autooasis .content .item i { position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin-top: -12px; background-position: 50% 50% R; background-size: 100% 100%; background-repeat: no-repeat; } .new_direct .service_item.autooasis .content .item i[data-icon="icon_01"] { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_225_75940)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5881 1.94773C12.2421 1.67702 11.7579 1.67702 11.4119 1.94773C11.311 2.02669 11.2046 2.11105 11.0932 2.20064C10.2367 2.8897 9.09665 3.88268 7.9593 5.09885C5.65324 7.56474 3.5 10.7977 3.5 14.19C3.5 18.7795 7.30555 22.5 12 22.5C16.6944 22.5 20.5 18.7793 20.5 14.19C20.5 10.7977 18.3468 7.56474 16.0407 5.09885C14.9034 3.88268 13.7633 2.8897 12.9068 2.20064C12.7954 2.11105 12.689 2.02669 12.5881 1.94773Z' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 9.5L10 13.5H14L12 17.5' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_225_75940'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .service_item.autooasis .content .item i[data-icon="icon_02"] { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_225_75945)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5881 1.94773C12.2421 1.67702 11.7579 1.67702 11.4119 1.94773C11.311 2.02669 11.2046 2.11105 11.0932 2.20064C10.2367 2.8897 9.09665 3.88268 7.9593 5.09885C5.65324 7.56474 3.5 10.7977 3.5 14.19C3.5 18.7795 7.30555 22.5 12 22.5C16.6944 22.5 20.5 18.7793 20.5 14.19C20.5 10.7977 18.3468 7.56474 16.0407 5.09885C14.9034 3.88268 13.7633 2.8897 12.9068 2.20064C12.7954 2.11105 12.689 2.02669 12.5881 1.94773Z' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 9.5L10 13.5H14L12 17.5' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_225_75945'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .service_item.autooasis .content .item strong { display: block; font-size: 13px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .service_item.autooasis .content .item span { display: block; margin-top: 4px; font-size: 12px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .service_item.best .content { margin-top: 24px; padding-bottom: 24px; } .new_direct .service_item.best .content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 0px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .new_direct .service_item.best .content > * { width: calc(20% - 0px); } .new_direct .service_item.best .content.no_pad { gap: 0; } .new_direct .service_item.best .content.no_pad > * { width: 20%; } .new_direct .service_item.best .content .item { position: relative; padding-top: 29px; text-align: center; } .new_direct .service_item.best .content .item i { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; background-position: 50% 50%; background-size: 100% 100%; background-repeat: no-repeat; } .new_direct .service_item.best .content .item i[data-icon="icon_01"] { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7477 21.6441C12.2232 21.8856 12.7768 21.8856 13.2523 21.6441C15.2435 20.6327 20.5 17.4829 20.5 12.4167V6.49092C20.5 5.6672 19.995 4.92772 19.2277 4.62801L13.2277 2.28426C12.7598 2.10148 12.2402 2.10148 11.7723 2.28426L5.7723 4.62801C5.00503 4.92772 4.5 5.6672 4.5 6.49092V12.4167C4.5 17.4829 9.75649 20.6327 11.7477 21.6441Z' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 11.4545L11.9 14L15.5 10' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .new_direct .service_item.best .content .item i[data-icon="icon_02"] { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_225_75966)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0881 1.94773C12.7421 1.67702 12.2579 1.67702 11.9119 1.94773C11.811 2.02669 11.7046 2.11105 11.5932 2.20064C10.7367 2.8897 9.59665 3.88268 8.4593 5.09885C6.15324 7.56474 4 10.7977 4 14.19C4 18.7795 7.80555 22.5 12.5 22.5C17.1944 22.5 21 18.7793 21 14.19C21 10.7977 18.8468 7.56474 16.5407 5.09885C15.4034 3.88268 14.2633 2.8897 13.4068 2.20064C13.2954 2.11105 13.189 2.02669 13.0881 1.94773Z' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 14C17.5 16.7614 15.2614 19 12.5 19' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_225_75966'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .service_item.best .content .item i[data-icon="icon_03"] { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_225_75972)'%3E%3Cpath d='M20.4537 5.5V4.8H19.0537V5.5H20.4537ZM19.7537 14.8434H19.0537C19.0537 15.23 19.3671 15.5434 19.7537 15.5434V14.8434ZM21.9215 17.7695L21.243 17.5972L21.2418 17.6022L21.9215 17.7695ZM20.3458 19.3897L20.5273 20.0657L20.5282 20.0655L20.3458 19.3897ZM18.2 17.1607C18.2 16.7741 17.8866 16.4607 17.5 16.4607C17.1134 16.4607 16.8 16.7741 16.8 17.1607H18.2ZM19.0537 5.5V14.8434H20.4537V5.5H19.0537ZM19.7537 15.5434C20.7169 15.5434 21.5253 16.4856 21.243 17.5972L22.5999 17.9418C23.1006 15.9703 21.6554 14.1434 19.7537 14.1434V15.5434ZM21.2418 17.6022C21.1109 18.1335 20.6785 18.5748 20.1634 18.7139L20.5282 20.0655C21.541 19.7921 22.35 18.957 22.6012 17.9369L21.2418 17.6022ZM20.1642 18.7136C19.1469 18.9868 18.2 18.2125 18.2 17.1607H16.8C16.8 19.0547 18.5461 20.5977 20.5273 20.0657L20.1642 18.7136Z' fill='black'/%3E%3Cpath d='M4.5 19H6V12.3251C6 12.1194 6.09256 11.9246 6.25205 11.7946L18.2437 2.02364C18.9357 1.45979 19.9547 1.56839 20.5123 2.26542C21.0603 2.95037 20.9573 3.94828 20.2811 4.50693L10.2181 12.8198C10.08 12.9339 10 13.1037 10 13.2829V19H11.5C12.3284 19 13 19.6716 13 20.5C13 21.3284 12.3284 22 11.5 22H4.5C3.67157 22 3 21.3284 3 20.5C3 19.6716 3.67157 19 4.5 19Z' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_225_75972'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .service_item.best .content .item i[data-icon="icon_04"] { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_225_75975)'%3E%3Cpath d='M14.1983 6.80252C14.0151 6.9894 13.9125 7.24065 13.9125 7.50234C13.9125 7.76402 14.0151 8.01527 14.1983 8.20215L15.7978 9.80174C15.9847 9.98491 16.236 10.0875 16.4977 10.0875C16.7593 10.0875 17.0106 9.98491 17.1975 9.80174L20.5576 6.44159C20.7553 6.24391 21.0889 6.30559 21.1792 6.5702C21.5082 7.53527 21.5867 8.5716 21.4028 9.58094C21.1843 10.7805 20.6053 11.885 19.7431 12.7472C18.8809 13.6095 17.7764 14.1884 16.5768 14.407C15.3772 14.6256 14.1395 14.4734 13.0286 13.9706L6.12038 20.8788C5.72265 21.2766 5.18323 21.5 4.62077 21.5C4.0583 21.5 3.51888 21.2766 3.12116 20.8788C2.72344 20.4811 2.5 19.9417 2.5 19.3792C2.5 18.8168 2.72344 18.2773 3.12116 17.8796L10.0294 10.9714C9.52665 9.86053 9.37444 8.62281 9.59301 7.42321C9.81158 6.22361 10.3905 5.11911 11.2528 4.2569C12.115 3.3947 13.2195 2.81573 14.4191 2.59716C15.4284 2.41325 16.4647 2.49184 17.4298 2.82084C17.6944 2.91105 17.7561 3.24469 17.5584 3.44238L14.2083 6.79252L14.1983 6.80252Z' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_225_75975'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .new_direct .service_item.best .content .item i[data-icon="icon_05"] { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 13C14.1569 13 15.5 11.6569 15.5 10C15.5 8.34315 14.1569 7 12.5 7C10.8431 7 9.5 8.34315 9.5 10C9.5 11.6569 10.8431 13 12.5 13Z' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6729 3.66468C11.5529 2.38126 13.4471 2.38126 14.3271 3.66468V3.66468C14.7724 4.31399 15.5287 4.67823 16.314 4.62148V4.62148C17.8661 4.50931 19.0471 5.99027 18.5924 7.4785V7.4785C18.3623 8.23142 18.5491 9.04988 19.0831 9.62842V9.62842C20.1385 10.772 19.717 12.6187 18.2699 13.1911V13.1911C17.5378 13.4806 17.0144 14.137 16.895 14.9152V14.9152C16.659 16.4533 14.9523 17.2752 13.6026 16.5007V16.5007C12.9198 16.1089 12.0802 16.1089 11.3974 16.5007V16.5007C10.0477 17.2752 8.34104 16.4533 8.10502 14.9152V14.9152C7.98561 14.137 7.46219 13.4806 6.73009 13.1911V13.1911C5.28303 12.6187 4.86152 10.772 5.91694 9.62842V9.62842C6.4509 9.04988 6.63771 8.23142 6.40765 7.4785V7.4785C5.95291 5.99027 7.13394 4.50931 8.68604 4.62148V4.62148C9.47128 4.67823 10.2276 4.31399 10.6729 3.66468V3.66468Z' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M8.92 16.5066L7.5 22L12.5 20.0263L17.5 22L16.5 16.5' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .new_direct .service_item.best .content .item strong { display: block; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .modal_event_tab { padding-top: 32px; } .new_direct .modal .main_event .event_list { margin-top: 40px; } .new_direct .modal .main_event .event_item { padding: 24px 24px 32px 24px; border-radius: 16px; background-color: #fff; -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); } .new_direct .tip_search { margin: 32px 0 32px; } .new_direct .tip_search .form_search { border-radius: 16px; background-color: #f3f4f6; } .new_direct .tip_search .form_search input[type="text"] { font-size: 17px; font-weight: 500; color: #1f1f21; } .new_direct .tip_search .keyword_area { margin-top: 8px; padding: 0 8px; font-size: 0; } .new_direct .tip_search .keyword_area button { font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #3f3f41; } .new_direct .tip_search .keyword_area button + button { margin-left: 12px; } .new_direct .tip_tab { padding-top: 0; } .new_direct .tip_tab ~ .tab_content { margin-top: 0; } .new_direct .tip_tab ~ .tab_content .tab { margin: 0 -20px; padding: 16px 20px 0; } .new_direct .tip_tab ~ .tab_content .tab.tab_scroll li:first-child { padding-left: 0; } .new_direct .tip_tab.tab_line.tab_left .tab_wrap { margin: 0 -20px; } .new_direct .contnts_list { margin-top: 32px; } .new_direct .contnts_list li .thumb { overflow: hidden; border-radius: 24px; } .new_direct .contnts_list li .thumb img { width: 100%; } .new_direct .contnts_list li .contents { padding: 16px 8px; } .new_direct .contnts_list li .category { display: block; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #f8670d; } .new_direct .contnts_list li .title { margin-top: 8px; font-size: 16px; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .contnts_list li .date { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .contnts_list li + li { margin-top: 16px; } .new_direct .contnts_list ~ .btn_area.more .btn.more { margin-top: 16px; } .new_direct .category_select { margin-top: 32px; font-size: 0; } .new_direct .category_select button { display: inline-block; position: relative; padding: 6px 34px 6px 14px; border-radius: 8px; font-size: 14px; line-height: 1.5em; letter-spacing: -0.04em; color: #028ced; background-color: #f5f5f7; } .new_direct .category_select button:after { content: ""; position: absolute; top: 50%; right: 14px; width: 16px; height: 16px; margin-top: -8px; background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 7.5L8 11.5L4 7.5' stroke='%23028CED' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .category_select button + button { margin-left: 10px; } .new_direct .accordion.qna.tip { margin-top: 16px; border: none; } .new_direct .accordion.qna.tip .item { margin: 0 -20px; padding: 0 20px; border: none; } .new_direct .accordion.qna.tip .item + .item { margin-top: 8px; } .new_direct .accordion.qna.tip .item.on { background-color: #f9f9fb; border: 1px solid #efeff1; border-width: 1px 0; } .new_direct .accordion.qna.tip .item .fold_header a { padding: 24px 24px 16px 26px; } .new_direct .accordion.qna.tip .item .fold_header a .title { width: calc(100% - 24px); } .new_direct .accordion.qna.tip .item .fold_header a .title em { display: block; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .accordion.qna.tip .item .fold_header a .title strong { margin-top: 8px; font-size: 15px; line-height: 1.5em; letter-spacing: -0.04em; } .new_direct .accordion.qna.tip .item .fold_body { padding: 0 24px 24px 26px; } .new_direct .accordion.qna.tip .item .fold_body > * { display: block; position: relative; font-size: 14px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct [data-category="hi_step"] .section .comp:first-child { margin-top: 40px; } .new_direct .hi_step .sub_title { font-size: 14px; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .hi_step .title { margin-top: 4px; font-size: 0; } .new_direct .hi_step .title span, .new_direct .hi_step .title strong { display: inline-block; font-size: 27px; line-height: 1.4em; letter-spacing: -0.02em; color: #1f1f21; } .new_direct .hi_step .title strong { font-weight: 500; } .new_direct .hi_step .title span { margin-left: 2px; } .new_direct .hi_step .text { margin-top: 12px; font-size: 14px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .hi_step .text strong { font-weight: 500; color: #1f1f21; } .new_direct .hi_step dl { margin-top: 32px; padding: 24px; border-radius: 16px; border: 1px solid #efeff1; } .new_direct .hi_step dl::after { display: block; content: ""; clear: both; } .new_direct .hi_step dl dt, .new_direct .hi_step dl dd { font-size: 14px; line-height: 1.5em; letter-spacing: -0.04em; color: #555557; } .new_direct .hi_step dl dt ~ .new_direct .hi_step dl dt, .new_direct .hi_step dl dt ~ .new_direct .hi_step dl dd, .new_direct .hi_step dl dd ~ .new_direct .hi_step dl dt, .new_direct .hi_step dl dd ~ .new_direct .hi_step dl dd { margin-top: 12px; } .new_direct .hi_step dl dt { float: left; width: 100px; } .new_direct .hi_step dl dt ~ dt { margin-top: 12px; } .new_direct .hi_step dl dd { float: right; width: calc(100% - 100px); text-align: right; } .new_direct .hi_step dl dd ~ dd { margin-top: 12px; } .new_direct .horizontal_graph { margin-top: 57px; } .new_direct .horizontal_graph .graph_wrap { position: relative; height: 10px; border-radius: 5px; background-color: #f3f4f6; } .new_direct .horizontal_graph .graph_wrap .graph { position: relative; max-width: 100%; height: 10px; border-radius: 5px; background: -webkit-gradient( linear, right top, left top, from(#ff4d14), to(#ff9814) ); background: linear-gradient(270deg, #ff4d14 0%, #ff9814 100%); } .new_direct .horizontal_graph .graph_wrap .graph:after { content: ""; position: absolute; top: -25px; right: 0; z-index: 1; width: 23px; height: 22px; background: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1905 6.1863C9.20855 6.6822 7.14152 4.2257 6.40926 2.72823C6.0646 2.13271 5.17359 2.4801 4.95318 2.72823L1.61347 6.38769C1.54933 6.45797 1.49703 6.53773 1.44767 6.61906C1.02366 7.31767 -0.0216217 8.08284 1.10773 9.7771C1.13675 9.82064 1.17088 9.8625 1.20698 9.90039L11.5426 20.7516C11.696 20.9126 11.905 21.019 12.1249 21.0514C21.7941 22.4765 22.4262 21.4709 22.7792 19C23.2654 15.5961 15.0121 14.3007 13.7771 12.292C13.71 12.183 13.6896 12.0543 13.6896 11.9263L13.6896 7.28353C13.6896 6.55005 12.914 6.06597 12.1905 6.1863Z' fill='%23FFC4B0'/%3E%3Cmask id='mask0_1191_28286' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='2' width='7' height='10'%3E%3Cpath d='M5.42601 11.5451C7.46351 8.4097 6.45862 5.13792 5.32527 3.27245C5.02454 2.77744 4.3479 2.74112 3.94438 3.15663C-1.95372 9.22989 1.55613 11.4791 4.55955 11.935C4.89982 11.9866 5.23848 11.8337 5.42601 11.5451Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1191_28286)'%3E%3Cpath d='M14.3716 3.59029C11.0621 4.53075 8.76186 1.91785 7.98063 0.365461C7.63592 -0.213297 7.10886 0.124311 6.88842 0.365461L2.1555 5.42959C1.28173 6.29773 1.79143 7.23821 2.1555 7.59993L12.3495 18.4516C13.8058 19.8985 15.262 20.5918 17.8105 19.5368C22.1794 17.7282 20.8445 14.3521 19.995 12.3023L15.7021 4.10014C15.4555 3.62879 14.8834 3.44487 14.3716 3.59029Z' fill='%23FF7D05'/%3E%3C/g%3E%3Cpath d='M13.4809 4.38051C10.2632 5.29659 8.02716 2.67917 7.26579 1.12167C6.92854 0.538745 6.41289 0.878782 6.19722 1.12167L2.94601 4.74945C2.57762 5.16051 2.77008 5.78386 2.75254 6.33556C2.7447 6.58213 2.62542 6.83959 2.48522 7.17607C2.3465 7.50897 2.42978 7.88644 2.67339 8.15237L12.0966 18.4391C12.1992 18.5511 12.3257 18.6385 12.4675 18.6928C15.941 20.022 19.8287 20.5439 21.2791 20C25.2791 18.5 19.8512 15.2089 19.0201 13.1444L14.8297 4.90196C14.5846 4.41981 14.0012 4.23241 13.4809 4.38051Z' fill='%23FF612D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9787 8.18573C16.9268 7.85846 16.6194 7.63526 16.2921 7.6872L12.831 8.23653C12.5038 8.28847 12.2806 8.59589 12.3325 8.92317C12.3844 9.25044 12.6919 9.47364 13.0191 9.4217L16.4802 8.87237C16.8075 8.82043 17.0307 8.51301 16.9787 8.18573Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5964 10.6428C18.5444 10.3155 18.237 10.0923 17.9098 10.1442L14.4487 10.6936C14.1214 10.7455 13.8982 11.0529 13.9502 11.3802C14.0021 11.7075 14.3095 11.9307 14.6368 11.8787L18.0979 11.3294C18.4251 11.2775 18.6483 10.97 18.5964 10.6428Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.877 13.2062C19.8251 12.879 19.5177 12.6558 19.1904 12.7077L15.7293 13.257C15.4021 13.309 15.1789 13.6164 15.2308 13.9437C15.2828 14.2709 15.5902 14.4941 15.9174 14.4422L19.3785 13.8929C19.7058 13.8409 19.929 13.5335 19.877 13.2062Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .horizontal_graph .graph_wrap span { position: absolute; top: -21px; right: 0; font-size: 11px; line-height: 1.4em; letter-spacing: -0.04em; color: #909090; } .new_direct .vertical_graph { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-top: 32px; padding: 0 40px; gap: 0 12px; } .new_direct .vertical_graph:after { content: ""; position: absolute; top: 60px; right: 0; left: 0; height: 1px; background: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23B7B7B9FF' stroke-width='1' stroke-dasharray='4%2c 2' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e"); } .new_direct .vertical_graph .graph_wrap { position: relative; width: 100%; height: 120px; margin-bottom: 41px; } .new_direct .vertical_graph .graph_wrap.on .graph { background-color: #fbdec2; } .new_direct .vertical_graph .graph_wrap:last-of-type .graph { z-index: 9; background: -webkit-gradient( linear, left top, left bottom, from(#ff4d14), to(#ff9814) ), #dfdfe1; background: linear-gradient(180deg, #ff4d14 0%, #ff9814 100%), #dfdfe1; } .new_direct .vertical_graph .graph { position: absolute; bottom: 0; left: 50%; width: 12px; max-height: 120px; min-height: 1px; margin-left: -6px; border-radius: 4px; background-color: #f3f4f6; } .new_direct .vertical_graph .day { position: absolute; left: 50%; bottom: -41px; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } .new_direct .vertical_graph .day span { display: block; } .new_direct .vertical_graph .day .week { font-size: 14px; line-height: 1.5em; letter-spacing: -0.04em; color: #3f3f41; } .new_direct .vertical_graph .day .date { font-size: 10px; line-height: 1.4em; letter-spacing: -0.02em; color: #767678; } .new_direct .btn_step { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .new_direct .step_tooltip { display: none; position: absolute; top: -40px; left: 50%; z-index: 10; padding: 8px 12px; border-radius: 6px; background-color: #3f3f41; font-size: 12px; line-height: 1.5em; letter-spacing: -0.04em; color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .new_direct .step_tooltip.on { display: block; } .new_direct .step_tooltip:after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 10px; height: 6px; margin-left: -5px; background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L10 0L5.76822 5.07813C5.36843 5.55789 4.63157 5.55789 4.23178 5.07814L0 0Z' fill='%233F3F41'/%3E%3C/svg%3E%0A"); } .new_direct .step_calendar { margin-top: 32px; } .new_direct .step_calendar .step_header { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 12px; border-radius: 99px; background-color: #f9f9fb; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .new_direct .step_calendar .step_header .date { font-size: 15px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color: #1f1f21; } .new_direct .step_calendar .step_header button { width: 26px; height: 26px; background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.5' transform='matrix(-1 0 0 1 26 0)' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M14 9L10.5 12.6923L14 17' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: 100% 100%; } .new_direct .step_calendar .step_header button.next { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .new_direct .step_calendar .step_body { padding-top: 12px; padding-bottom: 16px; border-bottom: 1px solid #efeff1; } .new_direct .step_calendar .step_body .day { position: relative; width: 30px; height: 35px; text-align: center; } .new_direct .step_calendar .step_body .day.on:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 5px; height: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; background-color: #f8670d; } .new_direct .step_calendar .step_body .day.today span { font-weight: 700; color: #1f1f21; } .new_direct .step_calendar .step_body .day.none .btn_step, .new_direct .step_calendar .step_body .day.none .step_tooltip, .new_direct .step_calendar .step_body .day.disabled .btn_step, .new_direct .step_calendar .step_body .day.disabled .step_tooltip { display: none; } .new_direct .step_calendar .step_body .day.disabled span { color: #c8c8ca; } .new_direct .step_calendar .step_body .day span { display: block; font-size: 13px; line-height: 30px; letter-spacing: -0.04em; color: #555557; } .new_direct .step_calendar .step_body .day .btn_step { bottom: 10px; height: auto; } .new_direct .step_calendar .step_body .week_wrap .item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 12px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .new_direct .step_calendar .step_body .week_wrap .item + .item { margin-top: 10px; } .new_direct .step_info { position: relative; margin-top: 24px; padding-left: 13px; } .new_direct .step_info i { position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #f8670d; } .new_direct .step_info span { display: block; font-size: 13px; line-height: 1.5em; letter-spacing: -0.04em; color: #767678; } .new_direct .notice_view_cont ~ .sns_list { width: 216px; margin-top: 32px; } .new_direct .notice_view_cont ~ .sns_list .sns_anchor + .sns_anchor { margin-left: 24px; }