.elementor-kit-14{--e-global-color-primary:#F15383;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FD004D;--e-global-typography-primary-font-family:"Pretendard";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Pretendard";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Pretendard";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Pretendard";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-astglobalcolor4 );}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button{bottom:5%;z-index:9999;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}/* Start custom CSS *//* 1. 기본 폰트 설정 (Pretendard) */ @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css'); /* 2. 우커머스 & 플러그인 스타일 수정 */ /* WooCommerce 별점 아이콘 폰트 깨짐 현상 복구 */ .woocommerce-js .star-rating span::before { font-family: 'star', 'WooCommerce' !important; /* 'WooCommerce' 아이콘 폰트를 우선 적용 */ } /* 리뷰 정렬 드롭다운에서 '오래된순'과 '비추천순' 옵션 함께 숨기기 */ select[name="msreview-sorting"] option[value="old"], select[name="msreview-sorting"] option[value="unlike"] { display: none; } /* 리뷰 목록에서 상품 옵션 숨기기 */ .msreview-list .product-options { display: none !important; } /* ================================================================= 3. 레이아웃 & 반응형 설정 ================================================================= */ /* 엘리멘터의 특정 컨테이너를 강제로 전체 너비로 만들기 */ /* #main-content-area ID는 본인 사이트에 맞게 확인 후 사용하세요. */ #main-content-area { max-width: none !important; width: 100vw !important; position: relative; left: 50%; transform: translateX(-50%); } /* 모바일 화면에서만 좌우에 20px의 내부 여백(패딩)을 추가 */ @media (max-width: 767px) { .elementor-section.elementor-top-section { padding-left: 20px !important; padding-right: 20px !important; } } /* 하단구매바 시작 */ /* 하단 구매 바 - 모든 기기 공통 스타일 */ #sticky-purchase-bar { position: fixed; bottom: -150px; z-index: 1000; transition: bottom 0.4s ease-in-out; } #sticky-purchase-bar.visible { bottom: 0; } /* 데스크톱 (PC) 화면 전용 스타일 - 화면이 1025px 이상일 때 적용됩니다. */ @media (min-width: 1025px) { #sticky-purchase-bar { width: 100%; max-width: 956px; /* 확인하신 콘텐츠 너비 */ left: 50%; transform: translateX(-50%); /* 중앙 정렬 */ } } /* 태블릿 및 모바일 화면 전용 스타일 - 화면이 1024px 이하일 때 적용됩니다. */ @media (max-width: 1024px) { #sticky-purchase-bar { width: 100%; /* 화면 전체 너비 */ left: 0; transform: none; /* 중앙 정렬 트릭 해제 */ } } /* Elementor 편집 화면에서 하단 바를 '무조건' 보이게 하는 최종 코드 */ .elementor-editor-active #sticky-purchase-bar { display: flex !important; /* 컨테이너가 flexbox이므로 flex로 설정 */ opacity: 1 !important; /* 투명도를 100%로 강제 */ transform: none !important; /* 위치 이동 효과를 모두 제거 */ position: fixed !important; /* 위치를 fixed로 강제 */ bottom: 0 !important; /* 하단에 고정 */ } /* 하단구매바 끝 */ /* WooCommerce 제품 이미지 흐림/돋보기 효과 제거 */ .woocommerce div.product div.images .woocommerce-product-gallery__image { opacity: 1 !important; transition: none !important; /* 애니메이션 효과 제거 */ } /* --- 로그인 상태에 따른 아이콘 표시 제어 --- */ /* 1. 기본 상태 설정 (로그아웃 상태) */ /* 평소에는 '내 계정' 아이콘을 숨깁니다. */ .my-account-icon { display: none; } /* '로그인' 아이콘은 평소에 보이도록 둡니다. */ /* (기본값이 보이도록 되어 있으므로 별도 코드는 필요 없습니다.) */ /* 2. 로그인 했을 때의 상태 변경 */ /* 사용자가 로그인하면('body' 태그에 '.logged-in' 클래스가 생기면) */ body.logged-in .my-account-icon { display: flex; /* 또는 block; 아이콘 위젯의 기본 표시 유형에 맞게 조정 */ } body.logged-in .login-icon { display: none; /* 로그인 아이콘을 숨깁니다. */ } /* ================================================== WooCommerce 알림 팝업 플러그인 스타일링 (최종본) ================================================== */ /* 1. 페이지 본문에 중복으로 뜨는 공지사항 숨기기 (팝업 플러그인이 이 클래스를 사용하지 않아야 함) .woocommerce-notices-wrapper { display: none !important; } */ /* 2. 팝업 전체 컨테이너 (흰색 박스) */ .ltt-pnwc-container { padding: 25px 30px !important; /* 내부 여백 늘리기 */ border-radius: 12px !important; /* 모서리 둥글게 */ box-shadow: 0 5px 25px rgba(0,0,0,0.15) !important; /* 그림자 효과 */ border: none !important; /* 기본 테두리 제거 */ max-width: 550px !important; /* 팝업이 너무 넓어지지 않게 */ } /* 3. 팝업 내용물 (텍스트 + 버튼 정렬) */ .ltt-pnwc-content .woocommerce-message { display: flex; align-items: center; /* 텍스트와 버튼 수직 중앙 정렬 */ padding-left: 0 !important; /* 아이콘 숨김에 따른 여백 제거 */ padding-top: 10px !important; padding-bottom: 10px !important; } /* 4. "장바구니 보기" 버튼 (핵심 디자인) */ .ltt-pnwc-content .button.wc-forward { background-color: #f15383 !important; /* ★테마 핑크색 */ color: #ffffff !important; /* 흰색 글씨 */ border-radius: 8px !important; /* 버튼 모서리 둥글게 */ padding: 10px 20px !important; /* 버튼 크기 */ margin-left: auto !important; /* ★버튼을 오른쪽 끝으로 밀기 */ font-weight: bold; text-decoration: none; white-space: nowrap; /* 버튼 줄바꿈 방지 */ transition: background-color 0.2s; } /* 버튼에 마우스 올렸을 때 */ .ltt-pnwc-content .button.wc-forward:hover { background-color: #d83c6c !important; /* 더 진한 핑크 */ } /* 5. 팝업 내부 아이콘(V 체크) 숨기기 */ .ltt-pnwc-content .woocommerce-message::before { display: none !important; } /* 6. 닫기 (X) 버튼 위치 */ .ltt-pnwc-modal-close { top: 15px !important; right: 15px !important; } /* ================================================== 계정 정보 수정 (/mypage/edit-account/) 하단 필드 숨기기 ================================================== */ /* 하단 Fieldset 내부 '이름'(name="first_name") 필드 숨기기 */ .woocommerce-account .woocommerce-MyAccount-content fieldset p:has(input[name="first_name"]) { display: none !important; } /* 하단 Fieldset 내부 '휴대폰번호'(name="phone_number") 필드 숨기기 */ .woocommerce-account .woocommerce-MyAccount-content fieldset p:has(input[name="phone_number"]) { display: none !important; } /* 1. '포토 / 83 건' 메인 라벨 텍스트 변경 */ .msreview-viewer-wrapper .description p.label { font-size: 0; /* '포토 / 83 건' 텍스트 숨기기 */ } .msreview-viewer-wrapper .description p.label::before { content: "포토리뷰"; /* '포토리뷰' 텍스트 새로 삽입 */ font-size: 15px; /* 폰트 크기 재설정 (기존 크기에 맞게 조절하세요) */ /* 만약 폰트 굵기나 색상이 다르다면 아래에 추가하세요 */ /* font-weight: 600; */ /* color: #333; */ } /* 2. '전체보기' 팝업창의 제목 텍스트 변경 (수정본) */ .list-of-all-reviews-header .list-of-all-reviews-title { font-size: 0 !important; /* 기존 "포토 / 83 건" 텍스트를 강제로 숨깁니다. */ color: transparent; /* 만일을 대비해 투명하게 만듭니다. */ } .list-of-all-reviews-header .list-of-all-reviews-title::before { content: "포토리뷰"; /* '포토리뷰' 텍스트 새로 삽입 */ font-size: 18px; /* 폰트 크기 재설정 (기존 팝업 제목 크기에 맞게 조절하세요) */ color: #ffffff; /* 폰트 색상 재설정 (사이트 디자인에 맞게 조절하세요) */ /* font-weight: 600; */ /* 폰트 굵기가 다르면 이 주석을 해제하세요 */ } /* KBoard 게시판의 '조회' 및 '조회수' 정보 숨기기 (전역 적용) */ /* 1. 게시글 상세 페이지의 '조회' 상세 정보 숨기기 (detail-view 컨테이너) */ .detail-attr.detail-view { display: none !important; } /* 2. 게시글 목록 페이지의 '조회' 열(Column) 숨기기 */ #kboard-default-list .kboard-list table thead td.kboard-list-view, #kboard-default-list .kboard-list table tbody tr td.kboard-list-view { display: none !important; } /* 사이트 전역 적용: 관리자가 아닌 사용자에게 추천리뷰투표 영역 숨김 */ /* 1. 기본적으로 모든 투표/댓글 액션 영역을 숨깁니다. (로그인 여부 무관) */ .vote-wrapper { display: none !important; visibility: hidden !important; } /* 2. 관리자(Administrator)에게만 보이게 합니다. */ /* 현재 body 클래스 목록에는 'role-administrator'가 없으므로, 'logged-in' 클래스와 'admin-bar' 클래스가 동시에 붙은 상태를 관리자 상태로 간주하여 처리합니다. (대부분의 관리자만 admin-bar를 봅니다.) */ body.logged-in.admin-bar .vote-wrapper { /* 원래의 display 속성으로 복원 */ display: block !important; visibility: visible !important; opacity: 1 !important; } /* 펄스 애니메이션 정의 (전역 CSS에 저장) */ @keyframes pulse { 0% { transform: scale(0.9); /* 버튼 배경색과 일치하도록 RGBA 색상 조정 */ box-shadow: 0 0 0 0 rgba(255, 192, 203, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(255, 192, 203, 0); } 100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(255, 192, 203, 0); } } /* 제품 상세 페이지의 이미지 마진 제거 */ /* 이미지를 감싸는

태그의 상하 마진을 0으로 설정하여 공백을 제거합니다. */ .single-product p { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; /* 혹시 모를 패딩도 제거 */ } /* 추가 보완: 이미지 자체에 display: block을 적용하여 불필요한 공백을 추가로 제거 */ .single-product img { display: block; line-height: 0; /* 이미지 아래에 생길 수 있는 작은 라인 높이 공백 제거 */ } /* 시향지 아이콘 시작 */ /* --- 1. 아이콘 공통 스타일 및 초기 숨김 (모든 기기) --- */ #sticky-blotter-icon { /* 고정 위치 설정 (필수) */ position: fixed; z-index: 1001; /* 아이콘 크기 고정 */ width: 180px; height: 180px; /* 초기 상태: 화면 밖으로 내림 (아이콘 높이만큼) */ bottom: -180px; /* 애니메이션 설정: 슬라이드와 투명도 모두 적용 */ transition: bottom 0.4s ease-in-out, opacity 0.4s ease; /* JS가 제어하기 전까지 완전히 숨김 */ visibility: hidden; opacity: 0; } /* --- 2. .visible 클래스 추가 시 나타나는 스타일 --- */ #sticky-blotter-icon.visible { /* 나타나는 위치는 아래 미디어 쿼리에서 지정 */ /* 나타나게 설정 */ visibility: visible; opacity: 1; } /* --- 3. PC 전용 위치 및 최종 등장 위치 (1025px 이상) --- */ @media (min-width: 1025px) { #sticky-blotter-icon { /* 위치: 우측 25% */ right: 25%; left: auto; } #sticky-blotter-icon.visible { /* 스크롤 후 최종 등장 위치: 하단 7% */ bottom: 7%; } } /* --- 4. 모바일 전용 위치 및 최종 등장 위치 (1024px 이하) --- */ @media (max-width: 1024px) { #sticky-blotter-icon { /* 위치: 우측 -10% */ right: -10%; } #sticky-blotter-icon.visible { /* 스크롤 후 최종 등장 위치: 하단 -0.5% */ bottom: -0.5%; } } /* --- 5. Elementor 편집 화면 편의성 코드 --- */ .elementor-editor-active #sticky-blotter-icon { /* PC 위치 기준으로 편집 화면에서 표시되도록 강제 */ opacity: 1 !important; position: fixed !important; bottom: 7% !important; /* PC 하단 위치로 강제 */ right: 25% !important; /* PC 우측 위치로 강제 */ visibility: visible !important; /* 편집 시 애니메이션을 제거하고 바로 보이게 합니다. */ transition: none !important; } /* 시향지 아이콘 끝 */ /* 리뷰그래프 좌측쏠림*/ /* msreview-histogram-list의 왼쪽 마진 충돌 해결 */ .msreview-histogram-list { margin-left: 0 !important; /* 마진을 0으로 설정하여 왼쪽 정렬을 확실히 함 */ /* 또는, 원래 의도하신 대로 unset을 사용하여 초기값으로 되돌릴 수 있습니다: */ /* margin-left: unset !important; */ /* 목록의 왼쪽 여백을 완전히 제거하려면 패딩도 함께 제거하는 것이 좋습니다. */ padding-left: 0 !important; } /* 내 계정 페이지에서 '성(Last Name)' 입력칸 숨김 */ .woocommerce-account .woocommerce-form-row label[for="account_last_name"], .woocommerce-account .woocommerce-form-row #account_last_name { display: none !important; } /* 이름 필드가 50% 너비만 차지하고 있으면 100%로 넓혀주기 (선택사항) */ .woocommerce-account .woocommerce-form-row.form-row-first { width: 100% !important; } /* 제품썸네일관련사항 */ /* 1. 썸네일 박스 크기 및 여백 설정 (4개 기준) */ .woocommerce div.product .flex-control-thumbs li { /* 전체 100%에서 여백(5px * 3개 = 15px)을 뺀 나머지를 4로 나눔 */ width: calc((100% - 15px) / 4) !important; margin-right: 5px !important; /* 우측 여백 5px */ margin-bottom: 10px !important; /* 하단 여백 5px */ float: left !important; /* 가로 정렬 강제 */ box-sizing: border-box; } /* 2. 매 4번째(줄의 마지막) 썸네일은 우측 여백 제거 */ .woocommerce div.product .flex-control-thumbs li:nth-child(4n) { margin-right: 0 !important; } /* 3. 이미지가 박스에 꽉 차게 설정 (여백 발생 방지) */ .woocommerce div.product .flex-control-thumbs li img { width: 100% !important; height: auto !important; display: block; /* 선택사항: 썸네일 테두리가 둥글게 필요하면 아래 주석 해제 */ /* border-radius: 4px; */ } /* 🚀 모바일 제품 이미지 스와이프 성능 최적화 */ /* 1. 터치 영역 최적화: 브라우저의 스크롤 간섭을 줄임 */ .woocommerce-product-gallery .flex-viewport { touch-action: pan-y pinch-zoom; /* 수직 스크롤과 줌은 허용, 수평은 즉시 반응 */ -webkit-overflow-scrolling: touch; /* iOS 관성 스크롤 활성화 */ } /* 2. GPU 하드웨어 가속 강제: CPU 대신 그래픽 카드가 처리하여 60fps 부드러움 보장 */ .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper, .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; /* 뒷면 깜빡임 방지 */ backface-visibility: hidden; perspective: 1000px; } /* 3. 선택 사항: 이미지를 잡고 끄는 동안의 커서 모양 변경 (PC/모바일 겸용) */ .woocommerce-product-gallery .flex-viewport:active { cursor: grabbing; cursor: -webkit-grabbing; } /* 제품썸네일관련사항 END *//* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://ovilab.co.kr/wp-content/uploads/2025/10/Pretendard-Thin.subset.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://ovilab.co.kr/wp-content/uploads/2025/10/Pretendard-ExtraLight.subset.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://ovilab.co.kr/wp-content/uploads/2025/10/Pretendard-Light.subset.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://ovilab.co.kr/wp-content/uploads/2025/10/Pretendard-Regular.subset.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://ovilab.co.kr/wp-content/uploads/2025/10/Pretendard-Medium.subset.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://ovilab.co.kr/wp-content/uploads/2025/10/Pretendard-SemiBold.subset.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://ovilab.co.kr/wp-content/uploads/2025/10/Pretendard-Bold.subset.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://ovilab.co.kr/wp-content/uploads/2025/10/Pretendard-ExtraBold.subset.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://ovilab.co.kr/wp-content/uploads/2025/10/Pretendard-Black.subset.woff2') format('woff2'); } /* End Custom Fonts CSS */