PageSourceSearch

https://fivepro.co.kr/bbs/login.php

html fivepro.co.kr collected 2026-10-09 23:12:57 UTC 231,147 bytes, 3,500 lines download raw bytes

1<!doctype html>
2<html lang="ko">
3<head>
4<!-- Meta Tags: 기본 정보 및 SEO 메타태그 -->
5<meta charset="utf-8">
6  <meta id="resResponsiveViewport" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
7
8<meta http-equiv="imagetoolbar" content="no">
9<meta http-equiv="X-UA-Compatible" content="IE=Edge">
10<meta name="naver-site-verification" content="e47e0e664f1188ddf221f940acfc4afbd196d8ca" />
11<meta name="title" content="로그인 | 파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션" />
12<meta name="publisher" content="파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션" />
13<meta name="author" content="파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션" />
14<!-- sense:PATCH FIVESENSES.Corp. [SeoPort1Core] -->
15<meta name="robots" content="index,follow" />
16<meta name="keywords" content="FIVEPRO, 파이브프로, 웹사이트 제작, 쇼핑몰 제작, 브랜드 홈페이지, 브랜드 웹사이트, 노코드 웹빌더, 노코드 솔루션, 웹솔루션, 리브랜딩 사이트, 반응형 웹사이트, 웹에이전시, 파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션" />
17<meta name="description" content="파이브프로 - 브랜드 전략 기반 맞춤형 홈페이지 제작 웹에이전시. 디자인부터 AI 개발까지 맞춤 구조적 설계로 웹어워드 코리아 대상 수상. 지금 브랜드에 꼭 맞는 맞춤형 웹사이트를 만나보세요!" />
18<meta name="twitter:card" content="summary_large_image" />
19<meta property="og:title" content="로그인 | 파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션" />
20<meta property="og:site_name" content="파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션" />
21<meta property="og:author" content="파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션" />
22<meta property="og:type" content="" />
23<meta property="og:image" content="https://fivepro.co.kr/data/apms/seo/seo_20250821123021.png" />
24<meta property="og:description" content="파이브프로 - 브랜드 전략 기반 맞춤형 홈페이지 제작 웹에이전시. 디자인부터 AI 개발까지 맞춤 구조적 설계로 웹어워드 코리아 대상 수상. 지금 브랜드에 꼭 맞는 맞춤형 웹사이트를 만나보세요!" />
25<meta property="og:url" content="https://fivepro.co.kr/bbs/login.php" />
26<link rel="image_src" href="https://fivepro.co.kr/data/apms/seo/seo_20250821123021.png" />
27<!-- sense:PATCH FIVESENSES.Corp. [SeoPort1Core] -->
28<link rel="canonical" href="https://fivepro.co.kr/bbs/login.php" />
29<link rel="shortcut icon" href="https://fivepro.co.kr/data/apms/seo/seo_250728165108.ico" />
30<script type="application/ld+json">
31{
32    "@context": "https://schema.org",
33    "@graph": [
34        {
35            "@type": "WebSite",
36            "name": "파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션",
37            "url": "https://fivepro.co.kr/"
38        },
39        {
40            "@type": "Organization",
41            "name": "파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션",
42            "url": "https://fivepro.co.kr/",
43            "logo": "https://fivepro.co.kr/data/apms/seo/seo_20250821123021.png"
44        },
45        {
46            "@type": "SiteNavigationElement",
47            "name": "FIVEpro 소개",
48            "url": "https://fivepro.co.kr/page/introduce"
49        },
50        {
51            "@type": "SiteNavigationElement",
52            "name": "제작 서비스",
53            "url": "https://fivepro.co.kr/page/website_function"
54        },
55        {
56            "@type": "SiteNavigationElement",
57            "name": "포트폴리오",
58            "url": "https://fivepro.co.kr/portfolio"
59        },
60        {
61            "@type": "SiteNavigationElement",
62            "name": "고객 인터뷰",
63            "url": "https://fivepro.co.kr/interview"
64        },
65        {
66            "@type": "SiteNavigationElement",
67            "name": "제작 플랜",
68            "url": "https://fivepro.co.kr/page/website_pricing"
69        },
70        {
71            "@type": "SiteNavigationElement",
72            "name": "블로그",
73            "url": "https://fivepro.co.kr/blog_tip"
74        },
75        {
76            "@type": "SiteNavigationElement",
77            "name": "유지보수",
78            "url": "https://fivepro.co.kr/page/upkeeping"
79        },
80        {
81            "@type": "SiteNavigationElement",
82            "name": "고객지원",
83            "url": "https://fivepro.co.kr/page/website_inquiry"
84        },
85        {
86            "@type": "SiteNavigationElement",
87            "name": "자주 묻는 질문",
88            "url": "https://fivepro.co.kr/faq"
89        },
90        {
91            "@type": "SiteNavigationElement",
92            "name": "프로젝트 관리",
93            "url": "https://pms.fivesense.co.kr"
94        },
95        {
96            "@type": "SiteNavigationElement",
97            "name": "견적문의",
98            "url": "https://fivepro.co.kr/page/website_inquiry"
99        }
100    ]
101}</script>
101
102
103<link rel="shortcut icon" href="https://fivepro.co.kr/data/apms/seo/seo_250728165108.ico" type="image/x-icon" />
104<link rel="icon" href="https://fivepro.co.kr/data/apms/seo/seo_250728165108.ico" type="image/x-icon" />
105<title>로그인 | 파이브프로 | 브랜드 독립형 홈페이지·쇼핑몰 제작 솔루션</title>
106<link rel="stylesheet" href="https://fivepro.co.kr/css/default.css?ver=171014">
107<link rel="stylesheet" href="https://fivepro.co.kr/css/apms.css?ver=171014">
108<link rel="stylesheet" href="https://fivepro.co.kr/data/css/b1ecf0f2447cad1bcf86ebd695b5496bf.css">
109<link rel="stylesheet" href="https://fivepro.co.kr/skin/header/basic/css/HDSL7.css?ver=171014" media="(min-width: 768px)">
110<link rel="stylesheet" href="https://fivepro.co.kr/data/css/b352ed9708699c0726125db22158d1872.css">
111<link rel="stylesheet" href="https://fivepro.co.kr/skin/footer/basic/css/FT5.css?ver=171014" media="(min-width: 768px)">
112<link rel="stylesheet" href="https://fivepro.co.kr/skin/footer/basic/css/MFT5.css?ver=171014" media="(max-width: 767px)">
113<link rel="stylesheet" href="https://fivepro.co.kr/data/css/b64e471e6b61315a840aab763a152d454.css">
114<!-- sense:PATCH FIVESENSES.Corp. [FontLoadOpt] preload — CSS 파싱 후에야 시작되던 폰트 요청을 병렬 선반입 -->
115<!-- Pretendard 전 페이지 공통 조각 16개. font-display:optional 이 유예 안에 성공하도록 보장 -->
116<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.71.woff2" crossorigin>
117<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.77.woff2" crossorigin>
118<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.78.woff2" crossorigin>
119<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.79.woff2" crossorigin>
120<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.80.woff2" crossorigin>
121<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.81.woff2" crossorigin>
122<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.82.woff2" crossorigin>
123<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.83.woff2" crossorigin>
124<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.84.woff2" crossorigin>
125<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.85.woff2" crossorigin>
126<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.86.woff2" crossorigin>
127<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.87.woff2" crossorigin>
128<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.88.woff2" crossorigin>
129<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.89.woff2" crossorigin>
130<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.90.woff2" crossorigin>
131<link rel="preload" as="font" type="font/woff2" href="/font/pretendard-subset/PretendardVariable.subset.91.woff2" crossorigin>
132<!-- FontAwesome — 아이콘 표시 지연 완화 -->
133<link rel="preload" as="font" type="font/woff2" href="https://fivepro.co.kr/css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0" crossorigin>
134<!-- preconnect 힌트: 외부 CDN 사전 연결 -->
135<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
136<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
137<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
138<!-- 외부 폰트 CDN -->
139<!-- SUIT 웹폰트 -->
140<link rel="preload" as="style" href="https://fivepro.co.kr/css/suit.css?ver=171014" onload="this.onload=null;this.rel='stylesheet';">
141<noscript><link rel="stylesheet" href="https://fivepro.co.kr/css/suit.css?ver=171014"></noscript>
142<!-- Open Sans -->
143<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=optional" onload="this.onload=null;this.rel='stylesheet';">
144<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=optional"></noscript>
145<!-- Slick CSS / AOS CSS -->
146<style>
147			/* sense:PATCH FIVESENSES.Corp. [FontLoadOpt] 시작 — 솔루션 원본 수정분, 업데이트 시 재적용 필요 */
148		/* sense:PATCH FIVESENSES.Corp. [FontLoadOpt] — Pretendard Variable dynamic-subset (공식 v1.3.9 자가호스팅). 통짜 9종 6.45MB 를 쓰인 글자 조각만 받는 92분할로 교체 */
149		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.0.woff2') format('woff2-variations'); unicode-range: U+f9ca-fa0b, U+ff03-ff05, U+ff07, U+ff0a-ff0b, U+ff0d-ff19, U+ff1b, U+ff1d, U+ff20-ff5b, U+ff5d, U+ffe0-ffe3, U+ffe5-ffe6 }
150		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.1.woff2') format('woff2-variations'); unicode-range: U+d723-d728, U+d72a-d733, U+d735-d748, U+d74a-d74f, U+d752-d753, U+d755-d757, U+d75a-d75f, U+d762-d764, U+d766-d768, U+d76a-d76b, U+d76d-d76f, U+d771-d787, U+d789-d78b, U+d78d-d78f, U+d791-d797, U+d79a, U+d79c, U+d79e-d7a3, U+f900-f909, U+f90b-f92e }
151		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.2.woff2') format('woff2-variations'); unicode-range: U+d679-d68b, U+d68e-d69e, U+d6a0, U+d6a2-d6a7, U+d6a9-d6c3, U+d6c6-d6c7, U+d6c9-d6cb, U+d6cd-d6d3, U+d6d5-d6d6, U+d6d8-d6e3, U+d6e5-d6e7, U+d6e9-d6fb, U+d6fd-d717, U+d719-d71f, U+d721-d722 }
152		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.3.woff2') format('woff2-variations'); unicode-range: U+d5bc-d5c7, U+d5ca-d5cb, U+d5cd-d5cf, U+d5d1-d5d7, U+d5d9-d5da, U+d5dc, U+d5de-d5e3, U+d5e6-d5e7, U+d5e9-d5eb, U+d5ed-d5f6, U+d5f8, U+d5fa-d5ff, U+d602-d603, U+d605-d607, U+d609-d60f, U+d612-d613, U+d616-d61b, U+d61d-d637, U+d63a-d63b, U+d63d-d63f, U+d641-d647, U+d64a-d64c, U+d64e-d653, U+d656-d657, U+d659-d65b, U+d65d-d666, U+d668, U+d66a-d678 }
153		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.4.woff2') format('woff2-variations'); unicode-range: U+d507, U+d509-d50b, U+d50d-d513, U+d515-d53b, U+d53e-d53f, U+d541-d543, U+d545-d54c, U+d54e, U+d550, U+d552-d557, U+d55a-d55b, U+d55d-d55f, U+d561-d564, U+d566-d567, U+d56a, U+d56c, U+d56e-d573, U+d576-d577, U+d579-d583, U+d585-d586, U+d58a-d5a4, U+d5a6-d5bb }
154		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.5.woff2') format('woff2-variations'); unicode-range: U+d464-d477, U+d47a-d47b, U+d47d-d47f, U+d481-d487, U+d489-d48a, U+d48c, U+d48e-d4e7, U+d4e9-d503, U+d505-d506 }
155		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.6.woff2') format('woff2-variations'); unicode-range: U+d3bf-d3c7, U+d3ca-d3cf, U+d3d1-d3eb, U+d3ee-d3ef, U+d3f1-d3f3, U+d3f5-d3fb, U+d3fd-d400, U+d402-d45b, U+d45d-d463 }
156		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.7.woff2') format('woff2-variations'); unicode-range: U+d2ff, U+d302-d304, U+d306-d30b, U+d30f, U+d311-d313, U+d315-d31b, U+d31e, U+d322-d324, U+d326-d327, U+d32a-d32b, U+d32d-d32f, U+d331-d337, U+d339-d33c, U+d33e-d37b, U+d37e-d37f, U+d381-d383, U+d385-d38b, U+d38e-d390, U+d392-d397, U+d39a-d39b, U+d39d-d39f, U+d3a1-d3a7, U+d3a9-d3aa, U+d3ac, U+d3ae-d3b3, U+d3b5-d3b7, U+d3b9-d3bb, U+d3bd-d3be }
157		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.8.woff2') format('woff2-variations'); unicode-range: U+d257-d27f, U+d281-d29b, U+d29d-d29f, U+d2a1-d2ab, U+d2ad-d2b7, U+d2ba-d2bb, U+d2bd-d2bf, U+d2c1-d2c7, U+d2c9-d2ef, U+d2f2-d2f3, U+d2f5-d2f7, U+d2f9-d2fe }
158		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional;
158 src: url('/font/pretendard-subset/PretendardVariable.subset.9.woff2') format('woff2-variations'); unicode-range: U+d1b4, U+d1b6-d1f3, U+d1f5-d22b, U+d22e-d22f, U+d231-d233, U+d235-d23b, U+d23d-d240, U+d242-d256 }
159		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.10.woff2') format('woff2-variations'); unicode-range: U+d105-d12f, U+d132-d133, U+d135-d137, U+d139-d13f, U+d141-d142, U+d144, U+d146-d14b, U+d14e-d14f, U+d151-d153, U+d155-d15b, U+d15e-d187, U+d189-d19f, U+d1a2-d1a3, U+d1a5-d1a7, U+d1a9-d1af, U+d1b2-d1b3 }
160		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.11.woff2') format('woff2-variations'); unicode-range: U+d04b-d04f, U+d051-d057, U+d059-d06b, U+d06d-d06f, U+d071-d073, U+d075-d07b, U+d07e-d0a3, U+d0a6-d0a7, U+d0a9-d0ab, U+d0ad-d0b3, U+d0b6, U+d0b8, U+d0ba-d0bf, U+d0c2-d0c3, U+d0c5-d0c7, U+d0c9-d0cf, U+d0d2, U+d0d6-d0db, U+d0de-d0df, U+d0e1-d0e3, U+d0e5-d0eb, U+d0ee-d0f0, U+d0f2-d104 }
161		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.12.woff2') format('woff2-variations'); unicode-range: U+cfa2-cfc3, U+cfc5-cfdf, U+cfe2-cfe3, U+cfe5-cfe7, U+cfe9-cff4, U+cff6-cffb, U+cffd-cfff, U+d001-d003, U+d005-d017, U+d019-d033, U+d036-d037, U+d039-d03b, U+d03d-d04a }
162		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.13.woff2') format('woff2-variations'); unicode-range: U+cef0-cef3, U+cef6, U+cef9-ceff, U+cf01-cf03, U+cf05-cf07, U+cf09-cf0f, U+cf11-cf12, U+cf14-cf1b, U+cf1d-cf1f, U+cf21-cf2f, U+cf31-cf53, U+cf56-cf57, U+cf59-cf5b, U+cf5d-cf63, U+cf66, U+cf68, U+cf6a-cf6f, U+cf71-cf84, U+cf86-cf8b, U+cf8d-cfa1 }
163		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.14.woff2') format('woff2-variations'); unicode-range: U+ce3c-ce57, U+ce5a-ce5b, U+ce5d-ce5f, U+ce61-ce67, U+ce6a, U+ce6c, U+ce6e-ce73, U+ce76-ce77, U+ce79-ce7b, U+ce7d-ce83, U+ce85-ce88, U+ce8a-ce8f, U+ce91-ce93, U+ce95-ce97, U+ce99-ce9f, U+cea2, U+cea4-ceab, U+cead-cee3, U+cee6-cee7, U+cee9-ceeb, U+ceed-ceef }
164		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.15.woff2') format('woff2-variations'); unicode-range: U+cd92-cd93, U+cd96-cd97, U+cd99-cd9b, U+cd9d-cda3, U+cda6-cda8, U+cdaa-cdaf, U+cdb1-cdc3, U+cdc5-cdcb, U+cdcd-cde7, U+cde9-ce03, U+ce05-ce1f, U+ce22-ce34, U+ce36-ce3b }
165		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.16.woff2') format('woff2-variations'); unicode-range: U+ccef-cd07, U+cd0a-cd0b, U+cd0d-cd1a, U+cd1c, U+cd1e-cd2b, U+cd2d-cd5b, U+cd5d-cd77, U+cd79-cd91 }
166		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.17.woff2') format('woff2-variations'); unicode-range: U+cc3f-cc43, U+cc46-cc47, U+cc49-cc4b, U+cc4d-cc53, U+cc55-cc58, U+cc5a-cc5f, U+cc61-cc97, U+cc9a-cc9b, U+cc9d-cc9f, U+cca1-cca7, U+ccaa, U+ccac, U+ccae-ccb3, U+ccb6-ccb7, U+ccb9-ccbb, U+ccbd-cccf, U+ccd1-cce3, U+cce5-ccee }
167		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.18.woff2') format('woff2-variations'); unicode-range: U+cb91-cbd3, U+cbd5-cbe3, U+cbe5-cc0b, U+cc0e-cc0f, U+cc11-cc13, U+cc15-cc1b, U+cc1d-cc20, U+cc23-cc27, U+cc2a-cc2b, U+cc2d, U+cc2f, U+cc31-cc37, U+cc3a, U+cc3c }
168		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.19.woff2') format('woff2-variations'); unicode-range: U+caf4-cb47, U+cb4a-cb90 }
169		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.20.woff2') format('woff2-variations'); unicode-range: U+ca4a-ca4b, U+ca4e-ca4f, U+ca51-ca53, U+ca55-ca5b, U+ca5d-ca60, U+ca62-ca83, U+ca85-cabb, U+cabe-cabf, U+cac1-cac3, U+cac5-cacb, U+cacd-cad0, U+cad2, U+cad4-cad8, U+cada-caf3 }
170		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.21.woff2') format('woff2-variations'); unicode-range: U+c996-c997, U+c99a-c99c, U+c99e-c9bf, U+c9c2-c9c3, U+c9c5-c9c7, U+c9c9-c9cf, U+c9d2, U+c9d4, U+c9d7-c9d8, U+c9db, U+c9de-c9df, U+c9e1-c9e3, U+c9e5-c9e6, U+c9e8-c9eb, U+c9ee-c9f0, U+c9f2-c9f7, U+c9f9-ca0b, U+ca0d-ca28, U+ca2a-ca49 }
171		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.22.woff2') format('woff2-variations'); unicode-range: U+c8e9-c8f4, U+c8f6-c8fb, U+c8fe-c8ff, U+c901-c903, U+c905-c90b, U+c90e-c910, U+c912-c917, U+c919-c92b, U+c92d-c94f, U+c951-c953, U+c955-c96b, U+c96d-c973, U+c975-c987, U+c98a-c98b, U+c98d-c98f, U+c991-c995 }
172		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.23.woff2') format('woff2-variations'); unicode-range: U+c841-c84b, U+c84d-c86f, U+c872-c873, U+c875-c877, U+c879-c87f, U+c882-c884, U+c887-c88a, U+c88d-c8c3, U+c8c5-c8df, U+c8e1-c8e8 }
173		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.24.woff2') format('woff2-variations'); unicode-range: U+c779-c77b, U+c77e-c782, U+c786, U+c78b, U+c78d, U+c78f, U+c792-c793, U+c795, U+c797, U+c799-c79f, U+c7a2, U+c7a7-c7ab, U+c7ae-c7bb, U+c7bd-c7c0, U+c7c2-c7c7, U+c7c9-c7dc, U+c7de-c7ff, U+c802-c803, U+c805-c807, U+c809, U+c80b-c80f, U+c812, U+c814, U+c817-c81b, U+c81e-c81f, U+c821-c823, U+c825-c82e, U+c830-c837, U+c839-c83b, U+c83d-c840 }
174		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.25.woff2') format('woff2-variations'); unicode-range: U+c6bb-c6bf, U+c6c2, U+c6c4, U+c6c6-c6cb, U+c6ce-c6cf, U+c6d1-c6d3, U+c6d5-c6db, U+c6dd-c6df, U+c6e1-c6e7, U+c6e9-c6eb, U+c6ed-c6ef, U+c6f1-c6f8, U+c6fa-c703, U+c705-c707, U+c709-c70b, U+c70d-c716, U+c718, U+c71a-c71f, U+c722-c723, U+c725-c727, U+c729-c734, U+c736-c73b, U+c73e-c73f, U+c741-c743, U+c745-c74b, U+c74e-c750, U+c752-c757, U+c759-c773, U+c776-c777 }
175		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.26.woff2') format('woff2-variations'); unicode-range: U+c5f5-c5fb, U+c5fe, U+c602-c605, U+c607, U+c609-c60f, U+c611-c61a, U+c61c-c623, U+c626-c627, U+c629-c62b, U+c62d, U+c62f-c632, U+c636, U+c638, U+c63a-c63f, U+c642-c643, U+c645-c647, U+c649-c652, U+c656-c65b, U+c65d-c65f, U+c661-c663, U+c665-c677, U+c679-c67b, U+c67d-c693, U+c696-c697, U+c699-c69b, U+c69d-c6a3, U+c6a6, U+c6a8, U+c6aa-c6af, U+c6b2-c6b3, U+c6b5-c6b7, U+c6b9-c6ba }
176		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.27.woff2') format('woff2-variations'); unicode-range: U+c517-c527, U+c52a-c52b, U+c52d-c52f, U+c531-c538, U+c53a, U+c53c, U+c53e-c543, U+c546-c547, U+c54b, U+c54d-c552, U+c556, U+c55a-c55b, U+c55d, U+c55f, U+c562-c563, U+c565-c567, U+c569-c56f, U+c572, U+c574, U+c576-c
17657b, U+c57e-c57f, U+c581-c583, U+c585-c586, U+c588-c58b, U+c58e, U+c590, U+c592-c596, U+c599-c5b3, U+c5b6-c5b7, U+c5ba, U+c5be-c5c3, U+c5ca-c5cb, U+c5cd, U+c5cf, U+c5d2-c5d3, U+c5d5-c5d7, U+c5d9-c5df, U+c5e1-c5e2, U+c5e4, U+c5e6-c5eb, U+c5ef, U+c5f1-c5f3 }
177		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.28.woff2') format('woff2-variations'); unicode-range: U+c475-c4ef, U+c4f2-c4f3, U+c4f5-c4f7, U+c4f9-c4ff, U+c502-c50b, U+c50d-c516 }
178		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.29.woff2') format('woff2-variations'); unicode-range: U+c3d0-c3d7, U+c3da-c3db, U+c3dd-c3de, U+c3e1-c3ec, U+c3ee-c3f3, U+c3f5-c42b, U+c42d-c463, U+c466-c474 }
179		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.30.woff2') format('woff2-variations'); unicode-range: U+c32b-c367, U+c36a-c36b, U+c36d-c36f, U+c371-c377, U+c37a-c37b, U+c37e-c383, U+c385-c387, U+c389-c3cf }
180		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.31.woff2') format('woff2-variations'); unicode-range: U+c26a-c26b, U+c26d-c26f, U+c271-c273, U+c275-c27b, U+c27e-c287, U+c289-c28f, U+c291-c297, U+c299-c29a, U+c29c-c2a3, U+c2a5-c2a7, U+c2a9-c2ab, U+c2ad-c2b3, U+c2b6, U+c2b8, U+c2ba-c2bb, U+c2bd-c2db, U+c2de-c2df, U+c2e1-c2e2, U+c2e5-c2ea, U+c2ee, U+c2f0, U+c2f2-c2f5, U+c2f7, U+c2fa-c2fb, U+c2fd-c2ff, U+c301-c307, U+c309-c30c, U+c30e-c312, U+c315-c323, U+c325-c328, U+c32a }
181		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.32.woff2') format('woff2-variations'); unicode-range: U+c1bc-c1c3, U+c1c5-c1df, U+c1e1-c1fb, U+c1fd-c203, U+c205-c20c, U+c20e, U+c210-c217, U+c21a-c21b, U+c21d-c21e, U+c221-c227, U+c229-c22a, U+c22c, U+c22e, U+c230, U+c233-c24f, U+c251-c257, U+c259-c269 }
182		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.33.woff2') format('woff2-variations'); unicode-range: U+c101-c11b, U+c11f, U+c121-c123, U+c125-c12b, U+c12e, U+c132-c137, U+c13a-c13b, U+c13d-c13f, U+c141-c147, U+c14a, U+c14c-c153, U+c155-c157, U+c159-c15b, U+c15d-c166, U+c169-c16f, U+c171-c177, U+c179-c18b, U+c18e-c18f, U+c191-c193, U+c195-c19b, U+c19d-c19e, U+c1a0, U+c1a2-c1a4, U+c1a6-c1bb }
183		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.34.woff2') format('woff2-variations'); unicode-range: U+c049-c057, U+c059-c05b, U+c05d-c05f, U+c061-c067, U+c069-c08f, U+c091-c0ab, U+c0ae-c0af, U+c0b1-c0b3, U+c0b5, U+c0b7-c0bb, U+c0be, U+c0c2-c0c7, U+c0ca-c0cb, U+c0cd-c0cf, U+c0d1-c0d7, U+c0d9-c0da, U+c0dc, U+c0de-c0e3, U+c0e5-c0eb, U+c0ed-c0f3, U+c0f6, U+c0f8, U+c0fa-c0ff }
184		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.35.woff2') format('woff2-variations'); unicode-range: U+bfa7-bfaf, U+bfb1-bfc4, U+bfc6-bfcb, U+bfce-bfcf, U+bfd1-bfd3, U+bfd5-bfdb, U+bfdd-c048 }
185		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.36.woff2') format('woff2-variations'); unicode-range: U+bf07, U+bf09-bf3f, U+bf41-bf4f, U+bf52-bf54, U+bf56-bfa6 }
186		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.37.woff2') format('woff2-variations'); unicode-range: U+be56, U+be58, U+be5c-be5f, U+be62-be63, U+be65-be67, U+be69-be74, U+be76-be7b, U+be7e-be7f, U+be81-be8e, U+be90, U+be92-bea7, U+bea9-becf, U+bed2-bed3, U+bed5-bed6, U+bed9-bee3, U+bee6-bf06 }
187		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.38.woff2') format('woff2-variations'); unicode-range: U+bdb0-bdd3, U+bdd5-bdef, U+bdf1-be0b, U+be0d-be0f, U+be11-be13, U+be15-be43, U+be46-be47, U+be49-be4b, U+be4d-be53 }
188		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.39.woff2') format('woff2-variations'); unicode-range: U+bd03, U+bd06, U+bd08, U+bd0a-bd0f, U+bd11-bd22, U+bd25-bd47, U+bd49-bd58, U+bd5a-bd7f, U+bd82-bd83, U+bd85-bd87, U+bd8a-bd8f, U+bd91-bd92, U+bd94, U+bd96-bd98, U+bd9a-bdaf }
189		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.40.woff2') format('woff2-variations'); unicode-range: U+bc4e-bc83, U+bc86-bc87, U+bc89-bc8b, U+bc8d-bc93, U+bc96, U+bc98, U+bc9b-bc9f, U+bca2-bca3, U+bca5-bca7, U+bca9-bcb2, U+bcb4-bcbb, U+bcbe-bcbf, U+bcc1-bcc3, U+bcc5-bccc, U+bcce-bcd0, U+bcd2-bcd4, U+bcd6-bcf3, U+bcf7, U+bcf9-bcfb, U+bcfd-bd02 }
190		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.41.woff2') format('woff2-variations'); unicode-range: U+bb90-bba3, U+bba5-bbab, U+bbad-bbbf, U+bbc1-bbf7, U+bbfa-bbfb, U+bbfd-bbfe, U+bc01-bc07, U+bc09-bc0a, U+bc0e, U+bc10, U+bc12-bc13, U+bc1
1907, U+bc19-bc1a, U+bc1e, U+bc20-bc23, U+bc26, U+bc28, U+bc2a-bc2c, U+bc2e-bc2f, U+bc32-bc33, U+bc35-bc37, U+bc39-bc3f, U+bc41-bc42, U+bc44, U+bc46-bc48, U+bc4a-bc4d }
191		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.42.woff2') format('woff2-variations'); unicode-range: U+bae6-bafb, U+bafd-bb17, U+bb19-bb33, U+bb37, U+bb39-bb3a, U+bb3d-bb43, U+bb45-bb46, U+bb48, U+bb4a-bb4f, U+bb51-bb53, U+bb55-bb57, U+bb59-bb62, U+bb64-bb8f }
192		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.43.woff2') format('woff2-variations'); unicode-range: U+ba30-ba37, U+ba3a-ba3b, U+ba3d-ba3f, U+ba41-ba47, U+ba49-ba4a, U+ba4c, U+ba4e-ba53, U+ba56-ba57, U+ba59-ba5b, U+ba5d-ba63, U+ba65-ba66, U+ba68-ba6f, U+ba71-ba73, U+ba75-ba77, U+ba79-ba84, U+ba86, U+ba88-baa7, U+baaa, U+baad-baaf, U+bab1-bab7, U+baba, U+babc, U+babe-bae5 }
193		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.44.woff2') format('woff2-variations'); unicode-range: U+b96e-b973, U+b976-b977, U+b979-b97b, U+b97d-b983, U+b986, U+b988, U+b98a-b98d, U+b98f-b9ab, U+b9ae-b9af, U+b9b1-b9b3, U+b9b5-b9bb, U+b9be, U+b9c0, U+b9c2-b9c7, U+b9ca-b9cb, U+b9cd, U+b9d2-b9d7, U+b9da, U+b9dc, U+b9df-b9e0, U+b9e2, U+b9e6-b9e7, U+b9e9-b9f3, U+b9f6, U+b9f8, U+b9fb-ba2f }
194		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.45.woff2') format('woff2-variations'); unicode-range: U+b8bf-b8cb, U+b8cd-b8e0, U+b8e2-b8e7, U+b8ea-b8eb, U+b8ed-b8ef, U+b8f1-b8f7, U+b8fa, U+b8fc, U+b8fe-b903, U+b905-b917, U+b919-b91f, U+b921-b93b, U+b93d-b957, U+b95a-b95b, U+b95d-b95f, U+b961-b967, U+b969-b96c }
195		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.46.woff2') format('woff2-variations'); unicode-range: U+b80d-b80f, U+b811-b817, U+b81a, U+b81c-b823, U+b826-b827, U+b829-b82b, U+b82d-b833, U+b836, U+b83a-b83f, U+b841-b85b, U+b85e-b85f, U+b861-b863, U+b865-b86b, U+b86e, U+b870, U+b872-b8af, U+b8b1-b8be }
196		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.47.woff2') format('woff2-variations'); unicode-range: U+b74d-b75f, U+b761-b763, U+b765-b774, U+b776-b77b, U+b77e-b77f, U+b781-b783, U+b785-b78b, U+b78e, U+b792-b796, U+b79a-b79b, U+b79d-b7a7, U+b7aa, U+b7ae-b7b3, U+b7b6-b7c8, U+b7ca-b7eb, U+b7ee-b7ef, U+b7f1-b7f3, U+b7f5-b7fb, U+b7fe, U+b802-b806, U+b80a-b80b }
197		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.48.woff2') format('woff2-variations'); unicode-range: U+b6a7-b6aa, U+b6ac-b6b0, U+b6b2-b6ef, U+b6f1-b727, U+b72a-b72b, U+b72d-b72e, U+b731-b737, U+b739-b73a, U+b73c-b743, U+b745-b74c }
198		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.49.woff2') format('woff2-variations'); unicode-range: U+b605-b60f, U+b612-b617, U+b619-b624, U+b626-b69b, U+b69e-b6a3, U+b6a5-b6a6 }
199		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.50.woff2') format('woff2-variations'); unicode-range: U+b55f, U+b562-b583, U+b585-b59f, U+b5a2-b5a3, U+b5a5-b5a7, U+b5a9-b5b2, U+b5b5-b5ba, U+b5bd-b604 }
200		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.51.woff2') format('woff2-variations'); unicode-range: U+b4a5-b4b6, U+b4b8-b4bf, U+b4c1-b4c7, U+b4c9-b4db, U+b4de-b4df, U+b4e1-b4e2, U+b4e5-b4eb, U+b4ee, U+b4f0, U+b4f2-b513, U+b516-b517, U+b519-b51a, U+b51d-b523, U+b526, U+b528, U+b52b-b52f, U+b532-b533, U+b535-b537, U+b539-b53f, U+b541-b544, U+b546-b54b, U+b54d-b54f, U+b551-b55b, U+b55d-b55e }
201		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.52.woff2') format('woff2-variations'); unicode-range: U+b3f8-b3fb, U+b3fd-b40f, U+b411-b417, U+b419-b41b, U+b41d-b41f, U+b421-b427, U+b42a-b42b, U+b42d-b44f, U+b452-b453, U+b455-b457, U+b459-b45f, U+b462-b464, U+b466-b46b, U+b46d-b47f, U+b481-b4a3 }
202		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.53.woff2') format('woff2-variations'); unicode-range: U+b342-b353, U+b356-b357, U+b359-b35b, U+b35d-b35e, U+b360-b363, U+b366, U+b368, U+b36a-b36d, U+b36f, U+b372-b373, U+b375-b377, U+b379-b37f, U+b381-b382, U+b384, U+b386-b38b, U+b38d-b3c3, U+b3c6-b3c7, U+b3c9-b3ca, U+b3cd-b3d3, U+b3d6, U+b3d8, U+b3da-b3f7 }
203		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.54.woff2') format('woff2-variations'); unicode-range: U+b27c-b283, U+b285-b28f, U+b292-b293, U+b295-b297, U+b29a-b29f, U+b2a1-b2a4, U+b2a7-b2a9, U+b2ab, U+b2ad-b2c7, U+b2ca-b2cb, U+b2cd-b2cf, U+b2d1-b2d7, U+b2da, U+b2dc, U+b2de-b2e3, U+b2e7, U+b2e9-b2ea, U+b2ef-b2f3, U+b2f6, U+b2f8, U+b2fa-b2fb, U+b2fd-b2fe, U+b302-b303, U+b305-b307, U+b309-b30f, U+b312, U+b316-b31b, U+b31d-b341 }
204		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.55.woff2') format('woff2-variations');
204 unicode-range: U+b1d6-b1e7, U+b1e9-b1fc, U+b1fe-b203, U+b206-b207, U+b209-b20b, U+b20d-b213, U+b216-b21f, U+b221-b257, U+b259-b273, U+b275-b27b }
205		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.56.woff2') format('woff2-variations'); unicode-range: U+b120-b122, U+b126-b127, U+b129-b12b, U+b12d-b133, U+b136, U+b138, U+b13a-b13f, U+b142-b143, U+b145-b14f, U+b151-b153, U+b156-b157, U+b159-b177, U+b17a-b17b, U+b17d-b17f, U+b181-b187, U+b189-b18c, U+b18e-b191, U+b195-b1a7, U+b1a9-b1cb, U+b1cd-b1d5 }
206		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.57.woff2') format('woff2-variations'); unicode-range: U+b05f-b07b, U+b07e-b07f, U+b081-b083, U+b085-b08b, U+b08d-b097, U+b09b, U+b09d-b09f, U+b0a2-b0a7, U+b0aa, U+b0b0, U+b0b2, U+b0b6-b0b7, U+b0b9-b0bb, U+b0bd-b0c3, U+b0c6-b0c7, U+b0ca-b0cf, U+b0d1-b0df, U+b0e1-b0e4, U+b0e6-b107, U+b10a-b10b, U+b10d-b10f, U+b111-b112, U+b114-b117, U+b119-b11a, U+b11c-b11f }
207		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.58.woff2') format('woff2-variations'); unicode-range: U+afac-afb7, U+afba-afbb, U+afbd-afbf, U+afc1-afc6, U+afca-afcc, U+afce-afd3, U+afd5-afe7, U+afe9-afef, U+aff1-b00b, U+b00d-b00f, U+b011-b013, U+b015-b01b, U+b01d-b027, U+b029-b043, U+b045-b047, U+b049, U+b04b, U+b04d-b052, U+b055-b056, U+b058-b05c, U+b05e }
208		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.59.woff2') format('woff2-variations'); unicode-range: U+af03-af07, U+af09-af2b, U+af2e-af33, U+af35-af3b, U+af3e-af40, U+af44-af47, U+af4a-af5c, U+af5e-af63, U+af65-af7f, U+af81-afab }
209		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.60.woff2') format('woff2-variations'); unicode-range: U+ae56-ae5b, U+ae5e-ae60, U+ae62-ae64, U+ae66-ae67, U+ae69-ae6b, U+ae6d-ae83, U+ae85-aebb, U+aebf, U+aec1-aec3, U+aec5-aecb, U+aece, U+aed0, U+aed2-aed7, U+aed9-aef3, U+aef5-af02 }
210		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.61.woff2') format('woff2-variations'); unicode-range: U+ad9c-ada3, U+ada5-adbf, U+adc1-adc3, U+adc5-adc7, U+adc9-add2, U+add4-addb, U+addd-addf, U+ade1-ade3, U+ade5-adf7, U+adfa-adfb, U+adfd-adff, U+ae02-ae07, U+ae0a, U+ae0c, U+ae0e-ae13, U+ae15-ae2f, U+ae31-ae33, U+ae35-ae37, U+ae39-ae3f, U+ae42, U+ae44, U+ae46-ae49, U+ae4b, U+ae4f, U+ae51-ae53, U+ae55 }
211		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.62.woff2') format('woff2-variations'); unicode-range: U+ace2-ace3, U+ace5-ace6, U+ace9-acef, U+acf2, U+acf4, U+acf7-acfb, U+acfe-acff, U+ad01-ad03, U+ad05-ad0b, U+ad0d-ad10, U+ad12-ad1b, U+ad1d-ad33, U+ad35-ad48, U+ad4a-ad4f, U+ad51-ad6b, U+ad6e-ad6f, U+ad71-ad72, U+ad77-ad7c, U+ad7e, U+ad80, U+ad82-ad87, U+ad89-ad8b, U+ad8d-ad8f, U+ad91-ad9b }
212		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.63.woff2') format('woff2-variations'); unicode-range: U+ac25-ac2c, U+ac2e, U+ac30, U+ac32-ac37, U+ac39-ac3f, U+ac41-ac4c, U+ac4e-ac6f, U+ac72-ac73, U+ac75-ac76, U+ac79-ac7f, U+ac82, U+ac84-ac88, U+ac8a-ac8b, U+ac8d-ac8f, U+ac91-ac93, U+ac95-ac9b, U+ac9d-ac9e, U+aca1-aca7, U+acab, U+acad-acaf, U+acb1-acb7, U+acba-acbb, U+acbe-acc0, U+acc2-acc3, U+acc5-acdf }
213		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.64.woff2') format('woff2-variations'); unicode-range: U+99df, U+99ed, U+99f1, U+99ff, U+9a01, U+9a08, U+9a0e-9a0f, U+9a19, U+9a2b, U+9a30, U+9a36-9a37, U+9a40, U+9a43, U+9a45, U+9a4d, U+9a55, U+9a57, U+9a5a-9a5b, U+9a5f, U+9a62, U+9a65, U+9a69-9a6a, U+9aa8, U+9ab8, U+9ad3, U+9ae5, U+9aee, U+9b1a, U+9b27, U+9b2a, U+9b31, U+9b3c, U+9b41-9b45, U+9b4f, U+9b54, U+9b5a, U+9b6f, U+9b8e, U+9b91, U+9b9f, U+9bab, U+9bae, U+9bc9, U+9bd6, U+9be4, U+9be8, U+9c0d, U+9c10, U+9c12, U+9c15, U+9c25, U+9c32, U+9c3b, U+9c47, U+9c49, U+9c57, U+9ce5, U+9ce7, U+9ce9, U+9cf3-9cf4, U+9cf6, U+9d09, U+9d1b, U+9d26, U+9d28, U+9d3b, U+9d51, U+9d5d, U+9d60-9d61, U+9d6c, U+9d72, U+9da9, U+9daf, U+9db4, U+9dc4, U+9dd7, U+9df2, U+9df8-9dfa, U+9e1a, U+9e1e, U+9e75, U+9e79, U+9e7d, U+9e7f, U+9e92-9e93, U+9e97, U+9e9d, U+9e9f, U+9ea5, U+9eb4
213-9eb5, U+9ebb, U+9ebe, U+9ec3, U+9ecd-9ece, U+9ed4, U+9ed8, U+9edb-9edc, U+9ede, U+9ee8, U+9ef4, U+9f07-9f08, U+9f0e, U+9f13, U+9f20, U+9f3b, U+9f4a-9f4b, U+9f4e, U+9f52, U+9f5f, U+9f61, U+9f67, U+9f6a, U+9f6c, U+9f77, U+9f8d, U+9f90, U+9f95, U+9f9c, U+ac02-ac03, U+ac05-ac06, U+ac09-ac0f, U+ac17-ac18, U+ac1b, U+ac1e-ac1f, U+ac21-ac23 }
214		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.65.woff2') format('woff2-variations'); unicode-range: U+338c-339c, U+339f-33a0, U+33a2-33cb, U+33cf-33d0, U+33d3, U+33d6, U+33d8, U+33db-33dd, U+4e01, U+4e03, U+4e07-4e08, U+4e11, U+4e14-4e15, U+4e18-4e19, U+4e1e, U+4e32, U+4e38-4e39, U+4e42-4e43, U+4e45, U+4e4d-4e4f, U+4e56, U+4e58-4e59, U+4e5d-4e5e, U+4e6b, U+4e6d, U+4e73, U+4e76-4e77, U+4e7e, U+4e82, U+4e86, U+4e88, U+4e8e, U+4e90-4e92, U+4e94-4e95, U+4e98, U+4e9b, U+4e9e, U+4ea1-4ea2, U+4ea4-4ea6, U+4ea8, U+4eab, U+4ead-4eae, U+4eb6, U+4ec0-4ec1, U+4ec4, U+4ec7, U+4ecb, U+4ecd, U+4ed4-4ed5, U+4ed7-4ed9, U+4edd, U+4edf, U+4ee4, U+4ef0, U+4ef2, U+4ef6-4ef7, U+4efb, U+4f01, U+4f09, U+4f0b, U+4f0d-4f11, U+4f2f, U+4f34, U+4f36, U+4f38, U+4f3a, U+4f3c-4f3d }
215		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.66.woff2') format('woff2-variations'); unicode-range: U+3136, U+3138, U+313a-3140, U+3143-3144, U+3150, U+3152, U+3154-3156, U+3158-315b, U+315d-315f, U+3162, U+3164-318c, U+318e, U+3200-321b, U+3231, U+3239, U+3251-325a, U+3260-327b, U+327e-327f, U+328a-3290, U+3294, U+329e, U+32a5, U+3380-3384, U+3388-338b }
216		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.67.woff2') format('woff2-variations'); unicode-range: U+2f7d, U+2f7f-2f8b, U+2f8e-2f90, U+2f92-2f97, U+2f99-2fa0, U+2fa2-2fa3, U+2fa5-2fa9, U+2fac-2fb1, U+2fb3-2fbc, U+2fc1-2fca, U+2fcd-2fd4, U+3003, U+3012-3019, U+301c, U+301e-3020, U+3036, U+3041, U+3043, U+3045, U+3047, U+3049, U+304e, U+3050, U+3052, U+3056, U+305a, U+305c, U+305e, U+3062, U+3065, U+306c, U+3070-307d, U+3080, U+3085, U+3087, U+308e, U+3090-3091, U+30a1, U+30a5, U+30a9, U+30ae, U+30b1-30b2, U+30b4, U+30b6, U+30bc-30be, U+30c2, U+30c5, U+30cc, U+30d2, U+30d4, U+30d8-30dd, U+30e4, U+30e6, U+30e8, U+30ee, U+30f0-30f2, U+30f4-30f6, U+3133, U+3135 }
217		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.68.woff2') format('woff2-variations'); unicode-range: U+2541-254b, U+25a4-25a9, U+25b1, U+25b5, U+25b9, U+25bf, U+25c1, U+25c3, U+25c9-25ca, U+25cc, U+25ce, U+25d0-25d1, U+25e6, U+25ef, U+260f, U+261d, U+261f, U+262f, U+2660, U+2664, U+2667-2669, U+266d, U+266f, U+2716, U+271a, U+273d, U+2756, U+2776-277f, U+278a-2793, U+2963, U+2965, U+2ac5-2ac6, U+2acb-2acc, U+2f00, U+2f04, U+2f06, U+2f08, U+2f0a-2f0b, U+2f11-2f12, U+2f14, U+2f17-2f18, U+2f1c-2f1d, U+2f1f-2f20, U+2f23-2f26, U+2f28-2f29, U+2f2b, U+2f2d, U+2f2f-2f32, U+2f38, U+2f3c-2f40, U+2f42-2f4c, U+2f4f-2f52, U+2f54-2f58, U+2f5a-2f66, U+2f69-2f70, U+2f72-2f76, U+2f78, U+2f7a-2f7c }
218		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.69.woff2') format('woff2-variations'); unicode-range: U+2479-2487, U+249c-24d1, U+24d3-24d7, U+24d9-24e9, U+24eb-24f4, U+2500-2501, U+2503, U+250c-2513, U+2515-2516, U+2518-2540 }
219		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.70.woff2') format('woff2-variations'); unicode-range: U+215b-215e, U+2162-2169, U+2170-2179, U+2195-2199, U+21b0-21b4, U+21bc, U+21c0, U+21c4-21c5, U+21cd, U+21cf-21d4, U+21e0-21e3, U+21e6-21e9, U+2200, U+2202-2203, U+2206-2209, U+220b-220c, U+220f, U+2211, U+2213, U+221a, U+221d-2220, U+2222, U+2225-2227, U+2229-222c, U+222e, U+2234-2237, U+223d, U+2243, U+2245, U+2248, U+2250-2253, U+225a, U+2260-2262, U+2264-2267, U+226a-226b, U+226e-2273, U+2276-2277, U+2279-227b, U+2280-2287, U+228a-228b, U+2295-2297, U+22a3-22a5, U+22bb-22bc, U+22ce-22cf, U+22da-22db, U+22ee-22ef, U+2306, U+2312, U+2314, U+2467-2478 }
220		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.71.woff2') format('woff2-variations'); unicode-range: U+81-82, U+84, U+a2-a5, U+a7-a8, U+aa, U+ac, U+b1-b3, U+b6, U+b8-ba, U+bc-be, U+c0, U+c2, U+c6-cb, U+ce-d0, U+d4, U+d8-d9, U+db-dc, U+de-df, U+e6, U+eb, U+ee-f0, U+f4, U+f7-f9, U+fb, U+fe-ff, U+111, U+126-127, U+132-133, U+138, U+13f-142, U+149-14b, U+152-153, U+166-167, U+2bc, U+2c7, U+2d0, U+2d8-2d9, U+2db-2dd, U+391-394, U+396-3a1, U+3a3-3a9, U+3b2-3b6, U+3b8, U+3bc, U+3be-3c1, U+3c3-3c9, U+2010, U+2015-2016, U+2018-2019, U+201b, U+201f-2021, U+2025, U+2030, U+2033-2036, U+203c, U+203e, U+2042, U+2074, U+207a-207f, U+2081-2084, U+2109, U+2113, U+2116, U+2121, U+2126, U+212b, U+2153-2154 }
221		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.72.woff2') format('woff2-variations'); unicode-range: U+e8, U+2da, U+2160, U+2194, U+3054, U+3058, U+306d, U+3086, U+308d, U+30ac, U+30bb, U+30c4, U+30cd-30ce, U+30e2, U+3132, U+3146, U+3149, U+339d, U+4e3b, U+4f0a, U+4fdd, U+4fe1, U+5409, U+540c, U+5834, U+592a-592b, U+5b9a, U+5dde, U+5e0c, U+5e73, U+5f0f, U+60f3, U+653f, U+661f, U+662f, U+667a, U+683c, U+6b4c, U+6c11, U+767c, U+76ee, U+76f4, U+77f3, U+79d1, U+7a7a, U+7b2c, U+7d22, U+8207, U+8a00, U+8a71, U+9280, U+9580, U+958b, U+96c6, U+9762, U+98df, U+9ed1, U+ac2d, U+adc8, U+add3, U+af48, U+b014, U+b134-b135, U+b158, U+b2aa, U+b35f, U+b6a4, U+b9cf, U+bb63, U+bd23, U+be91, U+c29b, U+c3f4, U+c42c, U+c55c, U+c573, U+c58f, U+c78c, U+c7dd, U+c8f5, U+cad1, U+cc48, U+cf10, U+cf20, U+d03c, U+d07d, U+d2a0, U+d30e, U+d38d, U+d3a8, U+d3c8, U+d5e5, U+d5f9, U+d6e4, U+f90a, U+ff02, U+ff1c }
222		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.73.woff2') format('woff2-variations'); unicode-range: U+3b1, U+2466, U+25a1, U+25a3, U+261c, U+3008-3009, U+305b, U+305d, U+3069, U+30a7, U+30ba, U+30cf, U+30ef, U+3151, U+3157, U+4e4b, U+4e5f, U+4e8c, U+4eca, U+4ed6, U+4f5b, U+50cf, U+5149, U+5165, U+5171, U+5229, U+529b, U+5316, U+539f, U+53f2, U+571f, U+5728, U+58eb, U+591c, U+5b78, U+5c11, U+5c55, U+5ddd, U+5e02, U+5fb7, U+60c5, U+610f, U+611f, U+6625, U+66f8, U+6797, U+679c, U+682a, U+6d2a, U+706b, U+7406, U+767b, U+76f8, U+77e5, U+7acb, U+898b, U+8a69, U+8def, U+8fd1, U+901a, U+90e8, U+91cd, U+975e, U+ae14, U+ae6c, U+aec0, U+afc7, U+afc9, U+b01c, U+b028, U+b308, U+b311, U+b314, U+b31c, U+b524, U+b560, U+b764, U+b920, U+b9e3, U+bd48, U+be7d, U+c0db, U+c231, U+c270, U+c2e3, U+c37d, U+c3ed, U+c530, U+c6a5, U+c6dc, U+c7a4, U+c954, U+c974, U+d000, U+d565, U+d667, U+d6c5, U+d79d, U+ff1e }
223		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.74.woff2') format('woff2-variations'); unicode-range: U+131, U+2032, U+2465, U+2642, U+3048, U+3051, U+3083-3084, U+308f, U+30c0, U+30d1, U+30d3, U+30d6, U+30df, U+30e7, U+3153, U+4e16, U+4e8b, U+4ee5, U+5206, U+52a0, U+52d5, U+53e4, U+53ef, U+54c1, U+57ce, U+597d, U+5b8c, U+5ea6, U+5f8c, U+5f97, U+6210, U+6240, U+624b, U+6728, U+6bd4, U+7236, U+7269, U+7279, U+738b, U+7528, U+7530, U+767e, U+798f, U+8005, U+8a18, U+90fd, U+91cc, U+9577, U+9593, U+98a8, U+ac20, U+acf6, U+ad90, U+af5d, U+af80, U+afcd, U+aff0, U+b0a1, U+b0b5, U+b1fd, U+b2fc, U+b380, U+b51b, U+b584, U+b5b3, U+b8fd, U+b93c, U+b9f4, U+bb44, U+bc08, U+bc27, U+bc49, U+be55, U+be64, U+bfb0, U+bfc5, U+c178, U+c21f, U+c314, U+c4f1, U+c58d, U+c664, U+c698, U+c6a7, U+c6c1, U+c9ed, U+cac0, U+cacc, U+cad9, U+ccb5, U+cdcc, U+d0e4, U+d143, U+d320, U+d330, U+d54d, U+ff06, U+ff1f, U+ff5e }
224		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.75.woff2') format('woff2-variations'); unicode-range: U+b4, U+20a9, U+20ac, U+2190, U+24d8, U+2502, U+2514, U+2592, U+25c7-25c8, U+2663, U+3060, U+3064, U+3081, U+3088, U+30a3, U+30a6, U+30aa, U+30b5, U+30c7, U+30ca-30cb, U+30d0, U+30e3, U+30e5, U+339e, U+4e09, U+4eac, U+4f5c, U+5167-5168, U+516c, U+51fa, U+5408, U+540d, U+591a, U+5b57, U+6211, U+6
2245b9, U+660e, U+6642, U+6700, U+6b63, U+6e2f, U+7063, U+7532, U+793e, U+81ea, U+8272, U+82b1, U+897f, U+8eca, U+91ce, U+ac38, U+ad76, U+ae84, U+aecc, U+b07d, U+b0b1, U+b215, U+b2a0, U+b310, U+b3d7, U+b52a, U+b618, U+b775, U+b797, U+bcd5, U+bd59, U+be80, U+bea8, U+bed1, U+bee4-bee5, U+c060, U+c2ef, U+c329, U+c3dc, U+c597, U+c5bd, U+c5e5, U+c69c, U+c9d6, U+ca29, U+ca5c, U+ca84, U+cc39, U+cc3b, U+ce89, U+cee5, U+cf65, U+cf85, U+d058, U+d145, U+d22d, U+d325, U+d37d, U+d3ad, U+d769, U+ff0c }
225		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.76.woff2') format('woff2-variations'); unicode-range: U+2161, U+2228, U+2299, U+2464, U+2517, U+2640, U+3042, U+304a, U+3053, U+3061, U+307f, U+3082, U+308c, U+3092, U+30a8, U+30ab, U+30ad, U+30b0, U+30b3, U+30b7, U+30c1, U+30c6, U+30c9, U+30d5, U+30d7, U+30de, U+30e0-30e1, U+30ec-30ed, U+4e0b, U+4e0d, U+4ee3, U+53f0, U+548c, U+5b89, U+5bb6, U+5c0f, U+611b, U+6771, U+6aa2, U+6bcd, U+6c34, U+6cd5, U+6d77, U+767d, U+795e, U+8ecd, U+9999, U+9ad8, U+ac07, U+ac1a, U+ac40, U+ad0c, U+ad88, U+ada4, U+ae01, U+ae65, U+aebd, U+aec4, U+afe8, U+b139, U+b205, U+b383, U+b38c, U+b42c, U+b461, U+b55c, U+b78f, U+b8fb, U+b9f7, U+bafc, U+bc99, U+bed8, U+bfcd, U+c0bf, U+c0f9, U+c167, U+c204, U+c20f, U+c22f, U+c258, U+c298, U+c2bc, U+c388, U+c501, U+c50c, U+c5b9, U+c5ce, U+c641, U+c648, U+c73d, U+ca50, U+ca61, U+cc4c, U+ceac, U+d0d4, U+d5f7, U+d6d7, U+ff1a }
226		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.77.woff2') format('woff2-variations'); unicode-range: U+2103, U+2463, U+25c6, U+25cb, U+266c, U+3001, U+300a, U+3046, U+304c-304d, U+304f, U+3055, U+3059, U+3063, U+3066-3068, U+306f, U+3089, U+30b8, U+30bf, U+314f, U+4e0a, U+570b, U+5730, U+5916, U+5929, U+5c71, U+5e74, U+5fc3, U+601d, U+6027, U+63d0, U+6709, U+6734, U+751f, U+7684, U+82f1, U+9053, U+91d1, U+97f3, U+ac2f, U+ac4d, U+adc4, U+ade4, U+ae41, U+ae4d-ae4e, U+aed1, U+afb9, U+b0e0, U+b299, U+b365, U+b46c, U+b480, U+b4c8, U+b7b4, U+b819, U+b918, U+baab, U+bab9, U+be8f, U+bed7, U+c0ec, U+c19f, U+c1a5, U+c3d9, U+c464, U+c53d, U+c553, U+c570, U+c5cc, U+c633, U+c6a4, U+c7a3, U+c7a6, U+c886, U+c9d9-c9da, U+c9ec, U+ca0c, U+cc21, U+cd1b, U+cd78, U+cdc4, U+cef8, U+cfe4, U+d0a5, U+d0b5, U+d0ec, U+d15d, U+d188, U+d23c, U+d2ac, U+d729, U+d79b, U+ff01, U+ff08-ff09, U+ff5c }
227		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.78.woff2') format('woff2-variations'); unicode-range: U+2039-203a, U+223c, U+25b3, U+25b7, U+25bd, U+25cf, U+266a, U+3002, U+300b, U+304b, U+3057, U+305f, U+306a-306b, U+307e, U+308a-308b, U+3093, U+30a2, U+30af, U+30b9, U+30c3, U+30c8, U+30e9-30eb, U+33a1, U+4e00, U+524d, U+5357, U+5b50, U+7121, U+884c, U+9751, U+ac94, U+aebe, U+aecd, U+af08, U+af41, U+af49, U+b010, U+b053, U+b109, U+b11b, U+b128, U+b154, U+b291, U+b2e6, U+b301, U+b385, U+b525, U+b5b4, U+b729, U+b72f, U+b738, U+b7ff, U+b837, U+b975, U+ba67, U+bb47, U+bc1f, U+bd90, U+bfd4, U+c27c, U+c324, U+c379, U+c3e0, U+c465, U+c53b, U+c58c, U+c610, U+c653, U+c6cd, U+c813, U+c82f, U+c999, U+c9e0, U+cac4, U+cad3, U+cbd4, U+cc10, U+cc22, U+ccb8, U+ccbc, U+cda5, U+ce84, U+cea3, U+cf67, U+cfe1, U+d241, U+d30d, U+d31c, U+d391, U+d401, U+d479, U+d5c9, U+d5db, U+d649, U+d6d4 }
228		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.79.woff2') format('woff2-variations'); unicode-range: U+b0, U+e9, U+2193, U+2462, U+260e, U+261e, U+300e-300f, U+3044, U+30a4, U+30fb-30fc, U+314d, U+5973, U+6545, U+6708, U+7537, U+ac89, U+ac9c, U+acc1, U+ad04, U+ad75, U+ad7d, U+ae45, U+ae61, U+af42, U+b0ab, U+b0af, U+b0b3, U+b12c, U+b194, U+b1a8, U+b220, U+b258, U+b284, U+b2ff, U+b315, U+b371, U+b3d4-b3d5, U+b460, U+b527, U+b534, U+b810, U+b818, U+b98e, U+ba55, U+bbac, U+bc0b, U+bc40, U+bca1, U+bccd, U+bd93, U+be54, U+be5a, U+bf08, U+bf50, U+bf55, U+bfdc, U+c0c0, U+c0d0, U+c0f4, U+c100, U+c11e, U+c170, U+c20d, U+c274, U+c290, U+c308, U+c369, U+c539, U+c587, U+c5ff, U+c6ec, U+c70c, U+c7ad, U+c7c8, U+c83c, U+c881, U+cb48, U+cc60, U+ce69, U+ce6b, U+ce75, U+cf04, U+cf08, U+cf55, U+cf70, U+cffc, U+d0b7, U+d1a8, U+d2c8, U+d384, U+d47c, U+d48b, U+d5dd, U+d5e8, U+d720, U+d759, U+f981 }
229		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.80.woff2') format('woff2-variations'); unicode-range: U+e0, U+e2, U+395, U+3b7, U+3ba, U+2460-2461, U+25a0, U+3010-3011, U+306e, U+30f3, U+314a, U+314c, U+5927, U+65b0, U+7e41, U+97d3, U+9ad4, U+ad49, U+ae0b, U+ae0d, U+ae43, U+ae5d, U+aecf, U+af3c, U+af64, U+afd4, U+b080, U+b084, U+b0c5, U+b10c, U+b1e8, U+b2ac, U+b36e, U+b451, U+b51
2295, U+b540, U+b561, U+b6ab, U+b6b1, U+b72c, U+b730, U+b744, U+b800, U+b8ec, U+b8f0, U+b904, U+b968, U+b96d, U+b987, U+b9d9, U+bb36, U+bb49, U+bc2d, U+bc43, U+bcf6, U+bd89, U+be57, U+be61, U+bed4, U+c090, U+c130, U+c148, U+c19c, U+c2f9, U+c36c, U+c37c, U+c384, U+c3df, U+c575, U+c584, U+c660, U+c719, U+c816, U+ca4d, U+ca54, U+cabc, U+cb49, U+cc14, U+cff5, U+d004, U+d038, U+d0b4, U+d0d3, U+d0e0, U+d0ed, U+d131, U+d1b0, U+d31f, U+d33d, U+d3a0, U+d3ab, U+d514, U+d584, U+d6a1, U+d6cc, U+d749, U+d760, U+d799 }
230		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.81.woff2') format('woff2-variations'); unicode-range: U+24, U+60, U+3b9, U+3bb, U+3bd, U+2191, U+2606, U+300c-300d, U+3131, U+3134, U+3139, U+3141-3142, U+3148, U+3161, U+3163, U+321c, U+4eba, U+5317, U+ac31, U+ac77, U+ac9f, U+acb9, U+acf0-acf1, U+acfd, U+ad73, U+af3d, U+b00c, U+b04a, U+b057, U+b0c4, U+b188, U+b1cc, U+b214, U+b2db, U+b2ee, U+b304, U+b4ed, U+b518, U+b5bc, U+b625, U+b69c-b69d, U+b7ac, U+b801, U+b86c, U+b959, U+b95c, U+b985, U+ba48, U+bb58, U+bc0c, U+bc38, U+bc85, U+bc9a, U+bf40, U+c068, U+c0bd, U+c0cc, U+c12f, U+c149, U+c1e0, U+c22b, U+c22d, U+c250, U+c2fc, U+c300, U+c313, U+c370, U+c3d8, U+c557, U+c580, U+c5e3, U+c62e, U+c634, U+c6f0, U+c74d, U+c783, U+c78e, U+c796, U+c7bc, U+c92c, U+ca4c, U+cc1c, U+cc54, U+cc59, U+ce04, U+cf30, U+cfc4, U+d140, U+d321, U+d38c, U+d399, U+d54f, U+d587, U+d5d0, U+d6e8, U+d770 }
231		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.82.woff2') format('woff2-variations'); unicode-range: U+d7, U+ea, U+fc, U+2192, U+25bc, U+3000, U+3137, U+3145, U+315c, U+7f8e, U+ac13, U+ac71, U+ac90, U+acb8, U+ace7, U+ad7f, U+ae50, U+aef4, U+af34, U+afbc, U+b048, U+b09a, U+b0ad, U+b0bc, U+b113, U+b125, U+b141, U+b20c, U+b2d9, U+b2ed, U+b367, U+b369, U+b374, U+b3cb, U+b4ec, U+b611, U+b760, U+b81b, U+b834, U+b8b0, U+b8e1, U+b989, U+b9d1, U+b9e1, U+b9fa, U+ba4d, U+ba78, U+bb35, U+bb54, U+bbf9, U+bc11, U+bcb3, U+bd05, U+bd95, U+bdd4, U+be10, U+bed0, U+bf51, U+c0d8, U+c232, U+c2b7, U+c2eb, U+c378, U+c500, U+c52c, U+c549, U+c568, U+c598, U+c5c9, U+c61b, U+c639, U+c67c, U+c717, U+c78a, U+c80a, U+c90c-c90d, U+c950, U+c9e7, U+cbe4, U+cca9, U+cce4, U+cdb0, U+ce78, U+ce94, U+ce98, U+cf8c, U+d018, U+d034, U+d0f1, U+d1b1, U+d280, U+d2f8, U+d338, U+d380, U+d3b4, U+d610, U+d69f, U+d6fc, U+d758 }
232		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.83.woff2') format('woff2-variations'); unicode-range: U+e7, U+2022, U+203b, U+25c0, U+2605, U+2661, U+3147, U+318d, U+672c, U+8a9e, U+acaa, U+acbc, U+ad1c, U+ae4a, U+ae5c, U+b044, U+b054, U+b0c8-b0c9, U+b2a6, U+b2d0, U+b35c, U+b364, U+b428, U+b454, U+b465, U+b4b7, U+b4e3, U+b51c, U+b5a1, U+b784, U+b790, U+b7ab, U+b7f4, U+b82c, U+b835, U+b8e9, U+b8f8, U+b9d8, U+b9f9, U+ba5c, U+ba64, U+babd, U+bb18, U+bb3b, U+bbff, U+bc0d, U+bc45, U+bc97, U+bcbc, U+be45, U+be75, U+be7c, U+bfcc, U+c0b6, U+c0f7, U+c14b, U+c2b4, U+c30d, U+c4f8, U+c5bb, U+c5d1, U+c5e0, U+c5ee, U+c5fd, U+c606, U+c6c5, U+c6e0, U+c708, U+c81d, U+c820, U+c824, U+c878, U+c918, U+c96c, U+c9e4, U+c9f1, U+cc2e, U+cd09, U+cea1, U+cef5, U+cef7, U+cf64, U+cf69, U+cfe8, U+d035, U+d0ac, U+d230, U+d234, U+d2f4, U+d31d, U+d575, U+d578, U+d608, U+d614, U+d718, U+d751, U+d761, U+d78c, U+d790 }
233		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.84.woff2') format('woff2-variations'); unicode-range: U+2665, U+3160, U+4e2d, U+6587, U+65e5, U+ac12, U+ac14, U+ac16, U+ac81, U+ad34, U+ade0, U+ae54, U+aebc, U+af2c, U+afc0, U+afc8, U+b04c, U+b08c, U+b099, U+b0a9, U+b0ac, U+b0ae, U+b0b8, U+b123, U+b179, U+b2e5, U+b2f7, U+b4c0, U+b531, U+b538, U+b545, U+b550, U+b5a8, U+b6f0, U+b728, U+b73b, U+b7ad, U+b7ed, U+b809, U+b864, U+b86d, U+b871, U+b9bf, U+b9f5, U+ba40, U+ba4b, U+ba58, U+ba87, U+baac, U+bbc0, U+bc16, U+bc34, U+bd07, U+bd99, U+be59, U+bfd0, U+c058, U+c0e4, U+c0f5, U+c12d, U+c139, U+c228, U+c529, U+c5c7, U+c635, U+c637, U+c735, U+c77d, U+c787, U+c789, U+c8c4, U+c989, U+c98c, U+c9d0, U+c9d3, U+cc0c, U+cc99, U+cd0c, U+cd2c, U+cd98, U+cda4, U+ce59, U+ce60, U+ce6d, U+cea0, U+d0d0-d0d1, U+d0d5, U+d14d, U+d1a4, U+d29c, U+d2f1, U+d301, U+d39c, U+d3bc, U+d4e8, U+d540, U+d5ec, U+d640, U+d750 }
234		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.85.woff2') format('woff2-variations'); unicode-range: U+5e, U+25b2, U+25b6, U+314e, U+ac24, U+ace1, U+ace4, U+ae68, U+af2d, U+b0d0, U+b0e5, U+b150, U+b155, U+b193, U+b2c9, U+b2dd, U+b3c8, U+b3fc, U+b410, U+b458, U+b4dd, U+b5a0, U+b5a4, U+b5bb, U+b7b5, U+b838, U+b840, U+b86f, U+b8f9, U+b960, U+b9e5, U+bab8, U+bb50, U+bc1d, U+bc24-bc25, U+bc
234a8, U+bcbd, U+bd04, U+bd10, U+bd24, U+be48, U+be5b, U+be68, U+c05c, U+c12c, U+c140, U+c15c, U+c168, U+c194, U+c219, U+c27d, U+c2a8, U+c2f1, U+c2f8, U+c368, U+c554-c555, U+c559, U+c564, U+c5d8, U+c5fc, U+c625, U+c65c, U+c6b1, U+c728, U+c794, U+c84c, U+c88c, U+c8e0, U+c8fd, U+c998, U+c9dd, U+cc0d, U+cc30, U+ceec, U+cf13, U+cf1c, U+cf5c, U+d050, U+d07c, U+d0a8, U+d134, U+d138, U+d154, U+d1f4, U+d2bc, U+d329, U+d32c, U+d3d0, U+d3f4, U+d3fc, U+d56b, U+d5cc, U+d600-d601, U+d639, U+d6c8, U+d754, U+d765 }
235		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.86.woff2') format('woff2-variations'); unicode-range: U+3c-3d, U+2026, U+24d2, U+314b, U+ac11, U+acf3, U+ad74, U+ad81, U+adf9, U+ae34, U+af43, U+afb8, U+b05d, U+b07c, U+b110, U+b118, U+b17c, U+b180, U+b18d, U+b192, U+b2cc, U+b355, U+b378, U+b4a4, U+b4ef, U+b78d, U+b799, U+b7a9, U+b7fd, U+b807, U+b80c, U+b839, U+b9b4, U+b9db, U+ba3c, U+bab0, U+bba4, U+bc94, U+be4c, U+c154, U+c1c4, U+c26c, U+c2ac, U+c2ed, U+c4f4, U+c55e, U+c561, U+c571, U+c5b5, U+c5c4, U+c654-c655, U+c695, U+c6e8, U+c6f9, U+c724, U+c751, U+c775, U+c7a0, U+c7c1, U+c874, U+c880, U+c9d5, U+c9f8, U+cabd, U+cc29, U+cc2c, U+cca8, U+ccab, U+ccd0, U+ce21, U+ce35, U+ce7c, U+ce90, U+cee8, U+cef4, U+cfe0, U+d070, U+d0b9, U+d0c1, U+d0c4, U+d0c8, U+d15c, U+d1a1, U+d2c0, U+d300, U+d314, U+d3ed, U+d478, U+d480, U+d48d, U+d508, U+d53d, U+d5e4, U+d611, U+d61c, U+d68d, U+d6a8, U+d798 }
236		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.87.woff2') format('woff2-variations'); unicode-range: U+23, U+25, U+5f, U+a9, U+ac08, U+ac78, U+aca8, U+acac, U+ace8, U+ad70, U+adc0, U+addc, U+b137, U+b140, U+b208, U+b290, U+b2f5, U+b3c5, U+b3cc, U+b420, U+b429, U+b529, U+b530, U+b77d, U+b79c, U+b7a8, U+b7c9, U+b7f0, U+b7fc, U+b828, U+b860, U+b9ad, U+b9c1, U+b9c9, U+b9dd-b9de, U+b9e8, U+ba38-ba39, U+babb, U+bc00, U+bc8c, U+bca0, U+bca4, U+bcd1, U+bcfc, U+bd09, U+bdf0, U+be60, U+c0ad, U+c0b4, U+c0bc, U+c190, U+c1fc, U+c220, U+c288, U+c2b9, U+c2f6, U+c528, U+c545, U+c558, U+c5bc, U+c5d4, U+c600, U+c644, U+c6c0, U+c6c3, U+c721, U+c798, U+c7a1, U+c811, U+c838, U+c871, U+c904, U+c990, U+c9dc, U+cc38, U+cc44, U+cca0, U+cd1d, U+cd95, U+cda9, U+ce5c, U+cf00, U+cf58, U+d150, U+d22c, U+d305, U+d328, U+d37c, U+d3f0, U+d551, U+d5a5, U+d5c8, U+d5d8, U+d63c, U+d64d, U+d669, U+d734, U+d76c }
237		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.88.woff2') format('woff2-variations'); unicode-range: U+26, U+2b, U+3e, U+40, U+7e, U+ac01, U+ac19, U+ac1d, U+aca0, U+aca9, U+acb0, U+ad8c, U+ae09, U+ae38, U+ae40, U+aed8, U+b09c, U+b0a0, U+b108, U+b204, U+b298, U+b2d8, U+b2eb-b2ec, U+b2f4, U+b313, U+b358, U+b450, U+b4e0, U+b54c, U+b610, U+b780, U+b78c, U+b791, U+b8e8, U+b958, U+b974, U+b984, U+b9b0, U+b9bc-b9bd, U+b9ce, U+ba70, U+bbfc, U+bc0f, U+bc15, U+bc1b, U+bc31, U+bc95, U+bcc0, U+bcc4, U+bd81, U+bd88, U+c0c8, U+c11d, U+c13c, U+c158, U+c18d, U+c1a1, U+c21c, U+c4f0, U+c54a, U+c560, U+c5b8, U+c5c8, U+c5f4, U+c628, U+c62c, U+c678, U+c6cc, U+c808, U+c810, U+c885, U+c88b, U+c900, U+c988, U+c99d, U+c9c8, U+cc3d-cc3e, U+cc45, U+cd08, U+ce20, U+cee4, U+d074, U+d0a4, U+d0dd, U+d2b9, U+d3b8, U+d3c9, U+d488, U+d544, U+d559, U+d56d, U+d588, U+d615, U+d648, U+d655, U+d658, U+d65c }
238		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.89.woff2') format('woff2-variations'); unicode-range: U+d, U+7c, U+ac10, U+ac15, U+ac74, U+ac80, U+ac83, U+acc4, U+ad11, U+ad50, U+ad6d, U+adfc, U+ae00, U+ae08, U+ae4c, U+b0a8, U+b124, U+b144, U+b178, U+b274, U+b2a5, U+b2e8, U+b2f9, U+b354, U+b370, U+b418, U+b41c, U+b4f1, U+b514, U+b798, U+b808, U+b824-b825, U+b8cc, U+b978, U+b9d0, U+b9e4, U+baa9, U+bb3c, U+bc18, U+bc1c, U+bc30, U+bc84, U+bcf5, U+bcf8, U+bd84, U+be0c, U+be14, U+c0b0, U+c0c9, U+c0dd, U+c124, U+c2dd, U+c2e4, U+c2ec, U+c54c, U+c57c-c57d, U+c591, U+c5c5-c5c6, U+c5ed, U+c608, U+c640, U+c6b8, U+c6d4, U+c784, U+c7ac, U+c800-c801, U+c9c1, U+c9d1, U+cc28, U+cc98, U+cc9c, U+ccad, U+cd5c, U+cd94, U+cd9c, U+cde8, U+ce68, U+cf54, U+d0dc, U+d14c, U+d1a0, U+d1b5, U+d2f0, U+d30c, U+d310, U+d398, U+d45c, U+d50c, U+d53c, U+d560, U+d568, U+d589, U+d604, U+d6c4, U+d788 }
239		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.90.woff2') format('woff2-variations'); unicode-range: U+ac04, U+ac1c, U+ac70, U+ac8c, U+acbd, U+acf5, U+acfc, U+ad00, U+ad6c, U+adf8, U+b098, U+b0b4, U+b294, U+b2c8, U+b300, U+b3c4, U+b3d9, U+b4dc, U+b4e4, U+b77c, U+b7ec, U+b85d, U+b97c, U+b9c8, U+b9cc, U+ba54, U+ba74, U+ba85, U+baa8, U+bb34, U+bb38, U+bbf8, U+bc14, U+bc29, U+bc88, U+bcf4, U+bd80, U+be44, U+c0c1, U+c11c, U+c120, U+c131, U+c138, U+c18c, U+c218, U+c2b5, U+c2e0, U+c544, U+c548, U+c5b4, U+c5d0, U+c5ec, U+c5f0, U+c601, U+c624, U+c694, U+c6a9, U+c6b0, U+c6b4, U+c6d0, U+c704, U+c720, U+c73c, U+c740, U+c744, U+c74c, U+c758, U+c77c, U+c785, U+c788, U+c790-c791, U+c7a5, U+c804, U+c815, U+c81c, U+c870, U+c8fc, U+c911, U+c9c4, U+ccb4, U+ce58, U+ce74, U+d06c, U+d0c0, U+d130, U+d2b8, U+d3ec, U+d504, U+d55c, U+d569, U+d574, U+d638, U+d654, U+d68c }
240		@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 45 920; font-display: optional; src: url('/font/pretendard-subset/PretendardVariable.subset.91.woff2') format('woff2-variations'); unicode-range: U+20-22, U+27-2a, U+2c-39, U+3a-3b, U+3f, U+41-4e, U+4f-5d, U+61-7b, U+7d, U+a0-a1, U+ab, U+ad-ae, U+b7, U+bb, U+bf, U+2013-2014, U+201c-201d, U+2122, U+ac00, U+ace0, U+ae30, U+b2e4, U+b85c, U+b9ac, U+c0ac, U+c2a4, U+c2dc, U+c774, U+c778, U+c9c0, U+d558 }
241		/* sense:PATCH FIVESENSES.Corp. [FontLoadOpt] 끝 */
242	
243    /* 폰트 종류(공통) */
244    /* sense:PATCH FIVESENSES.Corp. [FontLoadOpt] — optional 폴백 노출 대비, default.css 의 dotum 대신 시스템 한글 글꼴 지정 */
245    .commonFont{font-family:'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important; font-weight: 400}
246    .commonFont_w100{font-weight: 100 !important;}
247    .commonFont_w200{font-weight: 200 !important;}
248    .commonFont_w300{font-weight: 300 !important;}
249    .commonFont_w400{font-weight: 400 !important;}
250    .commonFont_w500{font-weight: 500 !important;}
251    .commonFont_w600{font-weight: 600 !important;}
252    .commonFont_w700{font-weight: 700 !important;}
253    .commonFont_w800{font-weight: 800 !important;}
254    .commonFont_w900{font-weight: 900 !important;}
255
256    /* 폰트 컬러(공통) */
257    .point_color {color: #235bf5 !important;}
258
259    :root {
260        /* 텍스트 */
261        --main-point-color: #1b1b1b; /*폰트 컬러*/
262        --main-point-color-hover: #235bf5; /*폰트 호버컬러, 포인트컬러*/
263
264        /* 버튼이 아닌 색깔영역 - 인풋, 아이콘 등 */
265        --main-point-box-color: #1b1b1b; /*박스 폰트 컬러 - 미사용*/
266        --main-point-box-color-hover: #ffffff; /*박스 폰트 호버, 포인트 컬러*/
267        --main-point-bg-color: #ffffff; /*박스 배경 컬러 - 미사용*/
268        --main-point-bg-color-hover: #235bf5; /*박스 배경 호버, 포인트 컬러*/
269        --main-point-line-color: #e1e1e1; /*박스 라인 컬러 - 미사용*/
270        --main-point-line-color-hover: #235bf5; /*박스 라인 호버, 포인트 컬러*/
271        --main-point-bg-soft-color: #f4f0fe; /*연한 박스 배경 컬러 - 검색창 추천검색어, 지도C 호버, 예약C 예약 액티브, 예약C 예약완료 배경, 마이페이지 정보수정 호버, 모바일 상품필터, 쿠폰존 모바일 스티커*/
272
273        --main-point-bg-soft-color-active:  #235bf5; /* 액티브 배경 컬러 - 서브페이지탭, 모바일 쿠폰내역 탭*/
274
275        /* 버튼 */
276        --main-point-btn-bg-color-hover: #235bf5; /*버튼 배경 호버, 포인트 컬러*/
277        --main-point-btn-line-color-hover: #235bf5; /*버튼 라인호버 컬러, 포인트 컬러*/
278		
279        /* 스크롤 */
280        --main-scroll-color: #235bf5; /* 스크롤 컬러 */
281        /* 모바일브라우저색상 */
282        --browser-color: #235bf5;
283    }   
284
285    /* 2024-09-23 (주)파이브센스_FIVESENSES.Corp.*/
286    /* 드래그 컬러 */
287    *::selection{ color: #ffffff !important; background-color: #235bf5 !important;}
288
289
290    /* 웹폰트 전체적용 */
291    html, body, div, span, applet, object, iframe,
292    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
293    a, abbr, acronym, address, big, cite, code,
294    del, dfn, em, img, ins, kbd, q, s, samp,
295    small, strike, strong, sub, sup, tt, var,
296    b, u, i, center,
297    dl, dt, dd, ol, ul, li,
298    fieldset, form, label, legend,
299    table, caption, tbody, tfoot, thead, tr, th, td,
300    article, aside, canvas, details, embed, 
301    figure, figcaption, footer, header, hgroup, 
302    menu, nav, output, ruby, section, summary,
303    time, mark, audio, video, button, input[type='button'], input[type='submit'], input[type='text'], option  {
304        font-family:'Pretendard';
305        /* font-weight: 400; */
306    }
307	
308	/* 2025-02-27 (주)파이브센스_FIVESENSES.Corp. 프로알라 하위에서는 css 먹혀야하니까 추가 */
309		/*
310	.fr-view {
311		all: unset; 
312	}
313	*/
314	</style>
315<!-- JavaScript Libraries -->
316
317<script>
318  (function(){var w=window;if(w.ChannelIO){return w.console.error("ChannelIO script included twice.");}var ch=function(){ch.c(arguments);};ch.q=[];ch.c=function(args){ch.q.push(args);};w.ChannelIO=ch;function l(){if(w.ChannelIOInitialized){return;}w.ChannelIOInitialized=true;var s=document.createElement("script");s.type="text/javascript";s.async=true;s.src="https://cdn.channel.io/plugin/ch-plugin-web.js";var x=document.getElementsByTagName("script")[0];if(x.parentNode){x.parentNode.insertBefore(s,x);}}if(document.readyState==="complete"){l();}else{w.addEventListener("DOMContentLoaded",l);w.addEventListener("load",l);}})();
319
320  ChannelIO('boot', {
321    "pluginKey": "4938bdb8-20cb-4e3a-bed4-0d3344b2de4b"
322  });
323</script>
323
324
325<!--[if lte IE 8]>
326<script src="https://fivepro.co.kr/js/html5.js"></script>
326
327<![endif]-->
328
329<!-- Global Variables: 전역 변수 선언 -->
330<script>
331// 자바스크립트에서 사용하는 전역변수 선언
332var g5_url       = "https://fivepro.co.kr";
333var g5_bbs_url   = "https://fivepro.co.kr/bbs";
334var g5_shop_url  = "https://fivepro.co.kr/shop";
335var g5_is_member = "";
336var g5_is_admin  = "";
337var g5_is_mobile = "";
338var g5_bo_table  = "";
339var g5_sca       = "";
340var g5_pim       = "";
341var g5_editor    = "";
342var g5_responsive    = "1";
343var g5_cookie_domain = "";
344var g5_purl = "https://fivepro.co.kr/bbs/login.php";
345var g5_kakao_js_key = "";
346</script>
346
347
348<!-- Core Libraries: jQuery & 기본 라이브러리 -->
349<script src="https://fivepro.co.kr/js/jquery-1.11.3.min.js"></script>
vendor: 1 bytes, line 349
349
350<script src="https://fivepro.co.kr/js/jquery-migrate-1.2.1.min.js"></script>
vendor: 1 bytes, line 350
350
351<script src="https://fivepro.co.kr/lang/korean/lang.js?ver=171014" defer></script>
vendor: 1 bytes, line 351
351
352<script src="https://fivepro.co.kr/js/common.js?ver=171014&ut=20260714-1755" defer></script>
vendor: 1 bytes, line 352
352
353<script src="https://fivepro.co.kr/js/wrest.js?ver=171014" defer></script>
vendor: 1 bytes, line 353
353
354<script src="https://fivepro.co.kr/js/apms.js?ver=171014" defer></script>
354
355
356<style>.all_menu_a.custom-alert-trigger{cursor:pointer;}</style>
357
358<!-- jQuery Plugins: 슬라이더, 애니메이션 플러그인 -->
359<script src="https://fivepro.co.kr/js/slick.min.js" defer></script>
vendor: 1 bytes, line 359
359
360<script src="/js/aos.js?ver=171014" defer></script>
vendor: 1 bytes, line 360
360
361<script>
362    $(document).ready(function(){
363        $('.main_mb21 .img_container').addClass('on');
364        AOS.init({once: true,});
365    });
366</script>
366
367
368<!-- Third-party Scripts: 카카오, 네이버페이 등 -->
369
370<!-- Tracking Scripts: 분석 및 마케팅 스크립트 (body 하단에 출력됨) -->
371
372<script src="https://fivepro.co.kr/js/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 372
372
373<script src="https://fivepro.co.kr/js/plugins.js" defer></script>
vendor: 1 bytes, line 373
373
374<script src="https://fivepro.co.kr/js/sly.min.js" defer></script>
vendor: 1 bytes, line 374
374
375<script src="https://fivepro.co.kr/plugin/apms/js/jquery.mobile.swipe.min.js"></script>
375
376</head>
377<body class="responsive is-pc">
378<!-- assets/thema.php 확인 후 css파일로 분리 -->
379<style>
380		.at-container {max-width:1200px;}
381	.no-responsive .wrapper, .no-responsive .at-container-wide { min-width:1200px; }
382	.no-responsive .boxed.wrapper, .no-responsive .at-container { width:1200px; }
383	.at-menu .nav-height { height:44px; line-height:44px !important; }
384	.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height { height:44px; }
385	.pc-menu .nav-top.nav-float .menu-a, .pc-menu .nav-mega .menu-a { padding:0px 25px; }
386	.pc-menu .nav-top.nav-float .sub-1div::before { left: 25px; }
387	.pc-menu .nav-full-first, .pc-menu .nav-full-last, .pc-menu .nav-full.on .sub-1div { height: 400px; }
388	.pc-menu .nav-full.on, .pc-menu .nav-full.on .at-container { height:444px; }
389	.pc-menu .subm-w { width:170px; }
390	.pc-menu .nav-content, .pc-menu .nav-cw { width:170px; }
391	.pc-menu .nav-content-height { height:400px; }
392	.pc-menu .nav-content .sub-content { width:860px; left:170px; }
393	@media all and (min-width:1200px) {
394		.responsive .boxed.wrapper { max-width:1200px; }
395	}
396</style>
397<!-- S: 상단 배너 영역 -->
398<!-- page/top_top_banner.php 확인 후 css파일로 분리 -->
399<style>
400	.top_banner {min-height: 41px; background: #fff; text-align: center; font-size: 15px; font-weight: 300; color: #fff; line-height: 38px;}
401    .top_banner .pc .tp_reject {right: 18.5%;}
402
403    @media (max-width: 991px) {
404        .top_banner {min-height: 36px; font-size: 12px; line-height: 38px;}
405        /* .top_banner .mobile .tp_reject img {width: auto; height: 13px;} */
406    }
407</style>
408
409<div id="fs_topbanner" class="HDSL7 " role="banner" aria-label="상단 배너">
410</div>
411<script>
412$(function() {
413    $(".tp_reject").click(function() {
414		var id = $(this).attr("data-id");
415		var ck_name = "tp_"+id;
416		var exp_time = parseInt(24);
417		$("#"+ck_name).css("display", "none");
418        $('.at-header.fixed.function').css('top', '0');
419		set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
420    });
421});
422</script>
422
423<!-- E: 상단 배너 영역 -->
424<!-- S: 테마 영역-->
425<div class="at-html commonFont  ">
426	<div id="thema_wrapper" class="wrapper  ko">		
427				
428		
429		<div class="at-wrapper">
430						<!-- S: 헤더 영역-->
431			<div class="hidden-xs hidden-sm" id="pcHead">
432	<div id="pc_search_box" class="busi_search">
433	<form name="tsearch" method="get" onsubmit="return tsearch_submit(this);" role="form" class="form" autocomplete="off">
434		<input type="hidden" name="url"	value="https://fivepro.co.kr/bbs/search.php">
435		<div class="search_bot">
436			<div class="pc_search_preview_box">
437				<div class="pc_search_section" data-mode="최근검색어">
438					<div class="pc_search_preview_top">
439						<h3 class="preview_top_title">
440							최근 검색어
441						</h3>
442						<button type="button" class="all_delete_btn hidden">
443							모두 지우기
444						</button>
445					</div>
446					<div class="pc_search_preview_mid">
447						<ul class="preview_list">
448													</ul>
449					</div>
450				</div>
451				<div class="pc_search_section" data-mode="추천검색어">
452					<div class="pc_search_recommend_top">
453						<h3 class="recommend_top_title">
454							추천 검색어
455						</h3>
456					</div>
457					<div class="pc_search_recommend_mid">
458						<ul class="recommend_list">
459														<li>
460								<a href="https://fivepro.co.kr/bbs/search.php?stx=추천" class="point_color">추천</a>
461							</li>
462														<li>
463								<a href="https://fivepro.co.kr/bbs/search.php?stx=검색어" class="point_color">검색어</a>
464							</li>
465														<li>
466								<a href="https://fivepro.co.kr/bbs/search.php?stx=설정" class="point_color">설정</a>
467							</li>
468														<li>
469								<a href="https://fivepro.co.kr/bbs/search.php?stx=진행" class="point_color">진행</a>
470							</li>
471														<li>
472								<a href="https://fivepro.co.kr/bbs/search.php?stx=해주세요" class="point_color">해주세요</a>
473							</li>
474													</ul>
475					</div>
476				</div>
477				<div class="pc_search_section" data-mode="인기검색어">				
478					<div class="pc_search_preview_bot">
479						<h3 class="keyword_rank_box_title">
480							인기 검색어
481						</h3>
482						<div class="rank_box">
483							<ul class="rank_list">
484																<li class="rank_li">
485																		<span class="rank_a">
486																				<span class="num">
487											1										</span>
488										<span class="keyword load_text load_blink"></span>
489										<span class="status "></span>
490									</span>
491								</li>
492																<li class="rank_li">
493																		<span class="rank_a">
494																				<span class="num">
495											2										</span>
496										<span class="keyword load_text load_blink"></span>
497										<span class="status "></span>
498									</span>
499								</li>
500																<li class="rank_li">
501																		<span class="rank_a">
502																				<span class="num">
503											3										</span>
504										<span class="keyword load_text load_blink"></span>
505										<span class="status "></span>
506									</span>
507								</li>
508																<li class="rank_li">
509																		<span class="rank_a">
510																				<span class="num">
511											4										</span>
512										<span class="keyword load_text load_blink"></span>
513										<span class="status "></span>
514									</span>
515								</li>
516																<li class="rank_li">
517																		<span class="rank_a">
518																				<span class="num">
519											5										</span>
520										<span class="keyword load_text load_blink"></span>
521										<span class="status "></span>
522									</span>
523								</li>
524															</ul>
525						</div>
526					</div>
527				</div>
528			</div>
529		</div>
530	</form>
531</div>
532
533<script>
534	var pc_check = 2;
535	
536	// 최근검색어
537	function pc_search_recently(){
538		$.ajax({
539			url: 'https://fivepro.co.kr/skin/addon/busi-search/ajax.search_list.php',
540			dataType:'html',
541			type:'POST',
542			data:{'mode':'list', 'item_rows':10},
543			success:function(str){
544				if (str){
545					$('#pc_search_box .pc_search_section[data-mode="최근검색어"] .preview_list').html(str);
546					$('#pc_search_box .pc_search_section[data-mode="최근검색어"] .all_delete_btn').removeClass('hidden');
547				} else {
548					$('#pc_search_box .pc_search_section[data-mode="최근검색어"] .preview_list').html('<li><div class="list_off">최근 검색어가 없어요.</div></li>');
549					$('#pc_search_box .pc_search_section[data-mode="최근검색어"] .all_delete_btn').addClass('hidden');
550				}
551			}, 
552		});
553	}// end function 
554	
555	// 인기검색어
556	function pc_search_popular(){
557		$.ajax({
558			url: 'https://fivepro.co.kr/skin/addon/busi-search/ajax.popular.php',
559			dataType:'html',
560			type:'POST',
561			data:{},
562			success:function(str){
563				$('#pc_search_box .pc_search_section[data-mode="인기검색어"] .rank_list').html(str);
564			}, 
565		});
566	}// end function 
567	
568	// 검색어 입력전
569	function pc_search_before(){
570		pc_search_recently();
571		pc_search_popular();
572		
573		setTimeout(function(){
574			var copy = $('#pc_search_box').clone();
575			$("#pcHead .search_preview_box .search_preview_list").html(copy);
576			if (!$("#pcHead .search_preview_box").hasClass('active')) {
577				$("#pcHead .search_preview_box").addClass("active");	
578				$("#pcHead .search_preview_box").css('height', 'auto');		
579			}
580		}, 0);
581	}// end function 
582	
583	function pc_search(){
584		var sc = $('#pcHead .header_search input[name="stx"]');
585	
586		var sc_text = sc.val().trim();
587		if (sc_text.length < pc_check) {
588			pc_search_before();
589			return;
590		}
591        /*
592		$.ajax({
593			url: 'https://fivepro.co.kr/skin/addon/busi-search/ajax.search_item.php',
594			dataType:'html',
595			type:'POST',
596			data:{'device':'pc', 'stx':sc_text},
597			success:function(str){
598				if (str) {
599					$("#pcHead .search_preview_box .search_preview_list").html(str);
600					if (!$("#pcHead .search_preview_box").hasClass('active')) {
601						$("#pcHead .search_preview_box").addClass("active");
602						$("#pcHead .search_preview_box").css('height', '490px');
603					}
604				}
605			},
606			beforeSend: function () {
607				pc_search_before();
608			}
609		});	
610			*/
611	}// end function 
612	
613	// PC 검색어
614	$(document).on({
615		click: function (e) {
616			pc_search();
617		},
618		keyup: function(e){		
619			pc_search();
620		},
621		keydown: function(e){
622			if (e.keyCode == 13) 
623				$("#pcHead .search_box form").submit();
624		},
625	}, '#pcHead .header_search input');
626	
627	$(document).on({
628		click: function(e){
629			if ($(e.target).closest('.search_preview_box').length > 0 
630				|| ($(e.target).closest('.header_search').length > 0 && $(e.target).closest('.header_search.search_drop').length == 0)) {
631				return;
632			} else {
633				$("#pcHead .search_preview_box").removeClass("active");	
634				$("#pcHead .search_preview_box").css('height', '0');			
635			}
636		},
637	}, 'body');
638	
639	// 최근검색어 전체삭제
640	$(document).on('click', '#pcHead .all_delete_btn', function(){
641		$.ajax({
642			url: 'https://fivepro.co.kr/skin/addon/busi-search/ajax.search_list.php',
643			dataType:'html',
644			type:'POST',
645			data:{'mode':'reset'},
646			success:function(str){
647				pc_search_recently();
648			}, 
649		});
650		return false;		
651	});
652	
653	// 최근검색어 개별삭제	
654	$(document).on('click', '#pcHead .right', function(){
655		var sc_id = $(this).data('id');
656		$.ajax({
657			url: 'https://fivepro.co.kr/skin/addon/busi-search/ajax.search_list.php',
658			dataType:'html',
659			type:'POST',
660			data:{'mode':'delete', 'id':sc_id},
661			success:function(str){
662				pc_search_recently();
663			}, 
664		});
665		return false;
666	});	
667	
668	// 검색창 공통
669    $(document).on('click', '#pcHead .search_btn', function(){
670		$.ajax({
671			url: 'https://fivepro.co.kr/skin/addon/busi-search/ajax.recommend.php',
672			dataType:'html',
673			type:'POST',
674			data: {'recommend':"추천,검색어,설정,진행,해주세요"},
675			success:function(str){
676				$('#pcHead .header_search .popular_keyword').html(str);
677			}, 
678		});
679        $(".search_drop").addClass("active");
680    });
681    $(document).on('click', '#pcHead .header_search_close', function(){
682        $(".search_drop").removeClass("active");
683    });
684</script>
684<header class="at-header busi header20  pc">
685    	<!-- 검색박스 -->
686    <div class="search_drop header_search">
687        <a class="header_search_close">
688            <span></span>
689            <span></span>
690        </a>
691        <div class="container_fix">
692            <form name="tsearch" method="get" onsubmit="return tsearch_submit(this);" role="form" autocomplete="off" class="form">
693                <input type="hidden" name="url"	value="https://fivepro.co.kr/bbs/search.php">
694                <div class="search element_box">
695                    <input type="text" class="" name="stx" value="" placeholder="검색어를 입력해주세요.">
696                    <button type="submit">
697                        <div>
698                            <span class="circle"></span>
699                            <span class="line"></span>
700                        </div>
701                    </button>
702                    <div class="search_preview_box">
703                        <ul class="search_preview_list">
704                        </ul>
705                    </div>
706                                    </div>
707            </form>
708            <div class="popular_keyword">
709				<h4>추천 검색어</h4>
710				<ul class="rank_ul">
711										<li class="rank_li">
712						<span class="rank_a"><span class="load_text load_blink"></span></span> 										</li>
713										<li class="rank_li">
714						<span class="rank_a"><span class="load_text load_blink"></span></span> 										</li>
715										<li class="rank_li">
716						<span class="rank_a"><span class="load_text load_blink"></span></span> 										</li>
717										<li class="rank_li">
718						<span class="rank_a"><span class="load_text load_blink"></span></span> 										</li>
719										<li class="rank_li">
720						<span class="rank_a"><span class="load_text load_blink"></span></span> 										</li>
721									</ul>
722                            </div>
723        </div>
724    </div>
725    <!-- 메뉴 시작 -->
726    <div class="header-menu FM1_on">
727        <div class="pc-menu">
728                        <!-- 2025-06-05 (주)파이브센스_FIVESENSES.Corp. 이미지설명 드롭메뉴 -->
729            <div class="nav-visible DMS06">
730                <div class="container_fix">
731                    <div class="nav-top nav-both nav-slide">
732                        <div class="menu_ul_left">
733                            <div class="logo_box element_box">
734                                <a href="https://fivepro.co.kr">
735                                    <img src="https://fivepro.co.kr/data/apms/seo/logo1_250611143929.png" alt="(주)파이브센스" class="logo_b">
736                                    <img src="https://fivepro.co.kr/data/apms/seo/logo2_250630083529.png" alt="(주)파이브센스" class="logo_w">
737                                </a>
738                                                            </div>
739							<!-- S: navigation -->
740							<nav class="">
741                            <ul class="menu_ul_01 menu-ul element_box">
742                                                                <li class="menu-li off">
743                                    <a href="https://fivepro.co.kr/page/website_function" class="menu-a">
744                                                                                    <span class="new"></span>
745                                                                                <span>제작 서비스</span>
746                                                                                                                            <span class="menu_arr"></span>
747                                                                            </a>
748                                                                        <div class="sub-1div">
749                                        <div class="sub-1div-con">
750                                            <h4 class="sub-1div-con-text">무엇이 궁금하신가요?</h4>
751                                        </div>
752                                        <ul class="sub-1dul">
753                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
754                                                <a href="https://fivepro.co.kr/page/website_function" class="sub-1da">
755                                                                                                        <div class="img_box">
756                                                        <img src="https://fivepro.co.kr/data/header/1935545628_mZyxKs0l_07858a637860be12b0d7d2fbe08550b2b53fc42d.png" alt="홈페이지 제작">
757                                                    </div>
758                                                                                                        <div class="text_box">
759                                                        <div class="text_top">
760                                                            <span>홈페이지 제작</span>
761                                                                                                                        <!-- 스티커 여러개일 경우 콤마로 구분 -->
762                                                                                                                        <div class="menu_sticker_wrap">
763                                                                <span class="menu_sticker" style="color:#979797; background:#f1f1f1; border-color:#f1f1f1;">브랜드</span><span class="menu_sticker" style="color:#979797; background:#f1f1f1; border-color:#f1f1f1;">기업</span><span class="menu_sticker" style="color:#979797; background:#f1f1f1; border-color:#f1f1f1;">기관</span>                                                                                                                            </div>
764                                                            																                                                        </div>
765                                                        <div class="text_bot">
766                                                            <p class="menu_text">브랜드 가치를 높이는 웹사이트</p>
767                                                        </div>
768                                                    </div>
769                                                </a>
770                                            </li>
771                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
772                                                <a href="https://fivepro.co.kr/page/shop_function" class="sub-1da">
773                                                                                                        <div class="img_box">
774                                                        <img src="https://fivepro.co.kr/data/header/1935545628_go5Rx74M_64bb82116c75be1ea05dbd40a043a3e3f3b95a9d.png" alt="쇼핑몰 제작">
775                                                    </div>
776                                                                                                        <div class="text_box">
777                                                        <div class="text_top">
778                                                            <span>쇼핑몰 제작</span>
779                                                                                                                        <!-- 스티커 여러개일 경우 콤마로 구분 -->
780                                                                                                                        <div class="menu_sticker_wrap">
781                                                                <span class="menu_sticker" style="color:#979797; background:#f1f1f1; border-color:#f1f1f1;">이커머스</span>                                                                                                                            </div>
782                                                            																                                                        </div>
783                                                        <div class="text_bot">
784                                                            <p class="menu_text">B2C, B2B 비즈니스 최적화 쇼핑몰</p>
785                                                        </div>
786                                                    </div>
787                                                </a>
788                                            </li>
789                                                                                    </ul>
790                                    </div>
791                                                                    </li>
792                                                                <li class="menu-li off">
793                                    <a href="https://fivepro.co.kr/portfolio" class="menu-a">
794                                                                                    <sp
794an class="new"></span>
795                                                                                <span>포트폴리오</span>
796                                                                                                                            <span class="menu_arr"></span>
797                                                                            </a>
798                                                                        <div class="sub-1div">
799                                        <div class="sub-1div-con">
800                                            <h4 class="sub-1div-con-text">FIVEpro 전문가가 함께합니다.</h4>
801                                        </div>
802                                        <ul class="sub-1dul">
803                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
804                                                <a href="https://fivepro.co.kr/portfolio" class="sub-1da">
805                                                                                                        <div class="img_box">
806                                                        <img src="https://fivepro.co.kr/data/header/1935545628_iyYCzJSW_824c6990d8588cf0ee7f233ace9381cd3d8ef070.png" alt="제작사례">
807                                                    </div>
808                                                                                                        <div class="text_box">
809                                                        <div class="text_top">
810                                                            <span>제작사례</span>
811                                                                                                                        <!-- 스티커 여러개일 경우 콤마로 구분 -->
812                                                                                                                        <div class="menu_sticker_wrap">
813                                                                <span class="menu_sticker" style="color:#ffffff; background:#151515; border-color:#151515;"> <img src="https://fivepro.co.kr/img/submenu2_sticker1.png" alt="제작사례 스티커 아이콘">웹어워드 | 대상</span>                                                                                                                            </div>
814                                                            																                                                        </div>
815                                                        <div class="text_bot">
816                                                            <p class="menu_text">FIVEpro와 함께한 브랜드 성공 사례</p>
817                                                        </div>
818                                                    </div>
819                                                </a>
820                                            </li>
821                                                                                    </ul>
822                                    </div>
823                                                                    </li>
824                                                                <li class="menu-li off">
825                                    <a href="https://fivepro.co.kr/interview" class="menu-a">
826                                                                                    <span class="new"></span>
827                                                                                <span>고객 인터뷰</span>
828                                                                                                                            <span class="menu_arr"></span>
829                                                                            </a>
830                                                                        <div class="sub-1div">
831                                        <div class="sub-1div-con">
832                                            <h4 class="sub-1div-con-text">고객이 직접 들려주는 솔직한 이야기</h4>
833                                        </div>
834                                        <ul class="sub-1dul">
835                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
836                                                <a href="https://fivepro.co.kr/interview" class="sub-1da">
837                                                                                                        <div class="img_box">
838                                                        <img src="https://fivepro.co.kr/data/header/1935545628_v8aOCItK_9472d293ac1fa05680a3d70e9665e9429691e476.png" alt="고객 인터뷰">
839                                                    </div>
840                                                                                                        <div class="text_box">
841                                                        <div class="text_top">
842                                                            <span>고객 인터뷰</span>
843                                                                                                                        <!-- 스티커 여러개일 경우 콤마로 구분 -->
844                                                                                                                        <div class="menu_sticker_wrap">
845                                                                <span class="menu_sticker" style="color:#235bf5; background:#f2f8ff; border-color:#3077f9;">실제경험</span>                                                                                                                            </div>
846                                                            																                                                        </div>
847                                                        <div class="text_bot">
848                                                            <p class="menu_text">FIVEpro와 함께한 고객님의 솔직한 인터뷰</p>
849                                                        </div>
850                                                    </div>
851                                                </a>
852                                            </li>
853                                                                                    </ul>
854                                    </div>
855                                                                    </li>
856                                                                <li class="menu-li off">
857                                    <a href="https://fivepro.co.kr/page/website_pricing" class="menu-a">
858                                                                                    <span class="new"></span>
859                                                                                <span>제작 플랜</span>
860                                                                                                                            <span class="menu_arr"></span>
861                                                                            </a>
862                                                                        <div class="sub-1div">
863                                        <div class="sub-1div-con">
864                                            <h4 class="sub-1div-con-text">맞춤형 플랜 제공</h4>
865                                        </div>
866                                        <ul class="sub-1dul">
867                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
868                                                <a href="https://fivepro.co.kr/page/website_pricing" class="sub-1da">
869                                                                                                        <div class="img_box">
870                                                        <img src="https://fivepro.co.kr/data/header/1935545628_6k72GLPu_f092febccdf13297041905a7f79f9b44b1f1e4a9.png" alt="웹사이트">
871                                                    </div>
872                                                                                                        <div class="text_box">
873                                                        <div class="text_top">
874                                                            <span>웹사이트</span>
875                                                                                                                        <!-- 스티커 여러개일 경우 콤마로 구분 -->
876                                                                                                                        <div class="menu_sticker_wrap">
877                                                                <span class="menu_sticker" style="color:#979797; background:#f1f1f1; border-color:#f1f1f1;">브랜드</span><span class="menu_sticker" style="color:#979797; background:#f1f1f1; border-color:#f1f1f1;">기업</span><span class="menu_sticker" style="color:#979797; background:#f1f1f1; border-color:#f1f1f1;">기관</span>                                                                                                                            </div>
878                                                            																                                                        </div>
879                                                        <div class="text_bot">
880                                                            <p class="menu_text">기업 규모별 최적의 웹사이트 가격 플랜</p>
881                                                        </div>
882                                                    </div>
883                                                </a>
884                                            </li>
885                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
886                                                <a href="https://fivepro.co.kr/page/shop_pricing" class="sub-1da">
887                                                                                                        <div class="img_box">
888                                                        <img src="https://fivepro.co.kr/data/header/1935545628_7mDqgI0N_9d9267c411ab67091b91e3c9ae8e6caeff54d6e3.png" alt="쇼핑몰">
889                                                    </div>
890                                                                                                        <div class="text_box">
891                                                        <div class="text_top">
892                                                            <span>쇼핑몰</span>
893                                                                                                                        <!-- 스티커 여러개일 경우 콤마로 구분 -->
894                                                                                                                        <div class="menu_sticker_wrap">
895                                                                <span class="menu_sticker" style="color:#979797; background:#f1f1f1; border-color:#f1f1f1;">이커머스</span>                                                                                                                            </div>
896                                                            																                                                        </div>
897                                                        <div class="text_bot">
898                                                            <p class="menu_text">이커머스 창업을 위한 단계별 가격 플랜</p>
899                                                        </div>
900                                                    </div>
901                                                </a>
902                                            </li>
903                                                                                    </ul>
904                                    </div>
905                                                                    </li>
906                                                                <li class="menu-li off">
907                                    <a href="https://fivepro.co.kr/blog_tip" class="menu-a">
908                                                                                    <span class="new"></span>
909                                                                                <span>블로그</span>
910                                                                                                                            <span class="menu_arr"></span>
911                                                                            </a>
912                                                                        <div class="sub-1div">
913                                        <div class="sub-1div-con">
914                                            <h4 class="sub-1div-con-text">최신 디지털 인사이트</h4>
915                                        </div>
916                                        <ul class="sub-1dul">
917                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
918                                                <a href="https://fivepro.co.kr/blog_tip" class="sub-1da">
919                                                                                                        <div class="img_box">
920                                                        <img src="https://fivepro.co.kr/data/header/1935545628_Z7dk3rvT_4adb3c797917a5446d997e9744bd09b1f179ce20.png" alt="성공적인 웹사이트 제작 팁">
921                                                    </div>
922                                                                                                        <div class="text_box">
923                                                        <div class="text_top">
924                                                            <span>성공적인 웹사이트 제작 팁</span>
925                                                            																                                                        </div>
926                                                        <div class="text_bot">
927                                                            <p class="menu_text">성공적인 브랜드 웹사이트, 무엇이 다를까?</p>
928                                                        </div>
929                                                    </div>
930                                                </a>
931                                            </li>
932                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
933                                                <a href="https://fivepro.co.kr/blog_trend" class="sub-1da">
934                                                                                                        <div class="img_box">
935                                                        <img src="https://fivepro.co.kr/data/header/1935545628_rSKUN5PY_5b8af8f10fa1824a58ebddc417d714b681eaa9ce.png" alt="최신 웹 트렌드">
936                                                    </div>
937                                                                                                        <div class="text_box">
938                                                        <div class="text_top">
939                                                            <span>최신 웹 트렌드</span>
940                                                            																                                                        </div>
941                                                        <div class="text_bot">
942                                                            <p class="menu_text">2026년 주목해야 할 웹사이트 트렌드</p>
943                                                        </div>
944                                                    </div>
945                                                </a>
946                                            </li>
947                                                                                    </ul>
948                                    </div>
949                                                                    </li>
950                                                                <li class="menu-li off">
951                                    <a href="https://fivepro.co.kr/page/upkeeping" class="menu-a">
952                                                                                    <span class="new"></span>
953                                                                                <span>유지보수</span>
954                                                                                                                            <span class="menu_arr"></span>
955                                                                            </a>
956                                                                        <div class="sub-1div">
957                                        <div class="sub-1div-con">
958                                            <h4 class="sub-1div-con-text">웹사이트 운영, 걱정 없이 전문가가 지원합니다.</h4>
959                                        </div>
960                                        <ul class="sub-1dul">
961                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
962                                                <a href="https://fivepro.co.kr/page/upkeeping" class="sub-1da">
963                                                                                                        <div class="img_box">
964                                                        <img src="https://fivepro.co.kr/data/header/1935545628_KubGfIia_3878a72ea3cb9a5b33e5f68df778dc88f046b53b.png" alt="유지보수">
965                                                    </div>
966                                                                                                        <div class="text_box">
967                                                        <div class="text_top">
968                                                            <span>유지보수</span>
969                                                            																                                                        </div>
970                                                        <div class="text_bot">
971                                                            <p class="menu_text">FIVEpro 유지보수 서비스, 이렇게 진행됩니다</p>
972                                                        </div>
973                                                    </div>
974                                                </a>
975                                            </li>
976                                                                                    </ul>
977                                    </div>
978                                                                    </li>
979                                                                <li class="menu-li off">
980                                    <a href="/page/website_inquiry" class="menu-a">
981                                                                                    <span class="new"></span>
982                                                                                <span>고객지원</span>
983                                                                                                                            <sp
983an class="menu_arr"></span>
984                                                                            </a>
985                                                                        <div class="sub-1div">
986                                        <div class="sub-1div-con">
987                                            <h4 class="sub-1div-con-text">궁금하신 점이 있으신가요?</h4>
988                                        </div>
989                                        <ul class="sub-1dul">
990                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
991                                                <a href="/page/website_inquiry" class="sub-1da">
992                                                                                                        <div class="img_box">
993                                                        <img src="https://fivepro.co.kr/data/header/1935545628_qyQ6RwZO_ef749d3185a122aea47aeb96b1e0e1ba2551d775.png" alt="제작문의">
994                                                    </div>
995                                                                                                        <div class="text_box">
996                                                        <div class="text_top">
997                                                            <span>제작문의</span>
998                                                            																                                                        </div>
999                                                        <div class="text_bot">
1000                                                            <p class="menu_text">FIVEpro가 맞춤 견적서를 준비해드려요</p>
1001                                                        </div>
1002                                                    </div>
1003                                                </a>
1004                                            </li>
1005                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
1006                                                <a href="https://fivepro.co.kr/faq" class="sub-1da">
1007                                                                                                        <div class="img_box">
1008                                                        <img src="https://fivepro.co.kr/data/header/1935545628_fW9VyYtd_b664e094d795d6b017d02102948c3be3f6b8d8ff.png" alt="자주묻는질문">
1009                                                    </div>
1010                                                                                                        <div class="text_box">
1011                                                        <div class="text_top">
1012                                                            <span>자주묻는질문</span>
1013                                                            																                                                        </div>
1014                                                        <div class="text_bot">
1015                                                            <p class="menu_text">웹사이트 제작, 궁금한 점 해결하기</p>
1016                                                        </div>
1017                                                    </div>
1018                                                </a>
1019                                            </li>
1020                                                                                        <li class="sub-1dli off" onmouseenter="onMouseEnterSub($(this))" onmouseleave="onMouseLeaveSub($(this))">
1021                                                <a href="https://fivepro.co.kr/news" class="sub-1da">
1022                                                                                                        <div class="img_box">
1023                                                        <img src="https://fivepro.co.kr/data/header/1935545628_5EzCYpGa_fc88514a556f84550be862f017b7cdf90331ce98.png" alt="FIVEpro 소식">
1024                                                    </div>
1025                                                                                                        <div class="text_box">
1026                                                        <div class="text_top">
1027                                                            <span>FIVEpro 소식</span>
1028                                                            																                                                        </div>
1029                                                        <div class="text_bot">
1030                                                            <p class="menu_text">더 나은 서비스를 위해, FIVEpro가 변화합니다</p>
1031                                                        </div>
1032                                                    </div>
1033                                                </a>
1034                                            </li>
1035                                                                                    </ul>
1036                                    </div>
1037                                                                    </li>
1038                                    
1039                                                            </ul>
1040							</nav>
1041							<!-- E: navigation -->
1042                        </div>
1043                        <!-- 헤더 우측 메뉴 커스텀 -->
1044                        <ul class="menu_ul_02 menu-ul">
1045                            <li class="tel-li">
1046                                <p class="tel">02-713-8250</p>
1047                                <p class="email">[email protected]</p>
1048                                <div class="tel-li-hover">
1049                                    <img src="https://fivepro.co.kr/img/icon1.png" alt="말풍선 아이콘">
1050                                    <p>브랜드</p>
1051                                                                                                                <span>&nbsp;홈페이지&nbsp;</span>
1052                                                                        <p>제작,&nbsp;</p>
1053                                    <span>전문가가 직접 상담</span>
1054                                    <p>해드려요</p>
1055                                </div>
1056                            </li>
1057                                                        <li class="menu-li off">
1058                                                                <a href="https://pms.fivesense.co.kr" class="menu-a" target="">
1059                                    <span>프로젝트 관리</span>
1060                                                                            <span class="link_icon">
1061                                            <img src="https://fivepro.co.kr/img/DMS_link_icon_1.png" alt="">
1062                                        </span>
1063                                                                                                        </a>
1064                                <div class="menu-li-hover">
1065                                    <img src="https://fivepro.co.kr/img/icon1.png" alt="말풍선 아이콘">
1066                                                                            <span> FIVEpro 고객전용</span>
1067                                        <p>, 웹사이트 ONE-STOP 관리 시스템</p>
1068                                                                    </div>
1069                            </li>
1070                                                        <li class="menu-li off">
1071                                                                <a href="https://fivepro.co.kr/page/website_inquiry" class="menu-a" target="_self">
1072                                    <span>견적문의</span>
1073                                                                                                        </a>
1074                                <div class="menu-li-hover">
1075                                    <img src="https://fivepro.co.kr/img/icon1.png" alt="말풍선 아이콘">
1076                                                                            <span> 맞춤형 웹사이트&nbsp;</span>
1077                                        <p>제작,&nbsp;</p>
1078                                        <span>파이브프로</span>
1079                                        <p>와 시작하세요!</p>
1080                                                                    </div>
1081                            </li>
1082                                                                                </ul>
1083                    </div>
1084                </div>
1085            </div>
1086            <!-- 이미지설명 드롭메뉴 끝 -->		
1087			        </div>
1088    </div>
1089    <!-- 메뉴 끝 -->
1090
1091    <!-- 전체메뉴 -->
1092            <div class="all_menu_container FM1">
1093            <div class="container_fix">
1094                <ul class="all_menu_ul">
1095                                                            <li class="all_menu_li off">
1096                        <a href="https://fivepro.co.kr/page/introduce" class="all_menu_a">FIVEpro 소개</a>
1097                                                <div class="all_sub_div">
1098                            <ul class="all_sub_ul">
1099                                                                <li class="all_sub_li off">
1100                                    <a href="https://fivepro.co.kr/page/introduce" class="all_sub_a">
1101                                        <span class="all_sub_text">
1102                                            FIVEpro 소개                                                                                    </span>
1103                                    </a>
1104                                </li>
1105                                                            </ul>
1106                        </div>
1107                                            </li>
1108                                                            <li class="all_menu_li off">
1109                        <a href="https://fivepro.co.kr/page/website_function" class="all_menu_a">제작 서비스</a>
1110                                                <div class="all_sub_div">
1111                            <ul class="all_sub_ul">
1112                                                                <li class="all_sub_li off">
1113                                    <a href="https://fivepro.co.kr/page/website_function" class="all_sub_a">
1114                                        <span class="all_sub_text">
1115                                            홈페이지 제작                                                                                    </span>
1116                                    </a>
1117                                </li>
1118                                                                <li class="all_sub_li off">
1119                                    <a href="https://fivepro.co.kr/page/shop_function" class="all_sub_a">
1120                                        <span class="all_sub_text">
1121                                            쇼핑몰 제작                                                                                    </span>
1122                                    </a>
1123                                </li>
1124                                                            </ul>
1125                        </div>
1126                                            </li>
1127                                                            <li class="all_menu_li off">
1128                        <a href="https://fivepro.co.kr/portfolio" class="all_menu_a">포트폴리오</a>
1129                                                <div class="all_sub_div">
1130                            <ul class="all_sub_ul">
1131                                                                <li class="all_sub_li off">
1132                                    <a href="https://fivepro.co.kr/portfolio" class="all_sub_a">
1133                                        <span class="all_sub_text">
1134                                            제작사례                                                                                    </span>
1135                                    </a>
1136                                </li>
1137                                                            </ul>
1138                        </div>
1139                                            </li>
1140                                                            <li class="all_menu_li off">
1141                        <a href="https://fivepro.co.kr/interview" class="all_menu_a">고객 인터뷰</a>
1142                                                <div class="all_sub_div">
1143                            <ul class="all_sub_ul">
1144                                                                <li class="all_sub_li off">
1145                                    <a href="https://fivepro.co.kr/interview" class="all_sub_a">
1146                                        <span class="all_sub_text">
1147                                            고객 인터뷰                                                                                    </span>
1148                                    </a>
1149                                </li>
1150                                                            </ul>
1151                        </div>
1152                                            </li>
1153                                                            <li class="all_menu_li off">
1154                        <a href="https://fivepro.co.kr/page/website_pricing" class="all_menu_a">제작 플랜</a>
1155                                                <div class="all_sub_div">
1156                            <ul class="all_sub_ul">
1157                                                                <li class="all_sub_li off">
1158                                    <a href="https://fivepro.co.kr/page/website_pricing" class="all_sub_a">
1159                                        <span class="all_sub_text">
1160                                            웹사이트                                                                                    </span>
1161                                    </a>
1162                                </li>
1163                                                                <li class="all_sub_li off">
1164                                    <a href="https://fivepro.co.kr/page/shop_pricing" class="all_sub_a">
1165                                        <span class="all_sub_text">
1166                                            쇼핑몰                                                                                    </span>
1167                                    </a>
1168                                </li>
1169                                                            </ul>
1170                        </div>
1171                                            </li>
1172                                                            <li class="all_menu_li off">
1173                        <a href="https://fivepro.co.kr/blog_tip" class="all_menu_a">블로그</a>
1174                                                <div class="all_sub_div">
1175                            <ul class="all_sub_ul">
1176                                                                <li class="all_sub_li off">
1177                                    <a href="https://fivepro.co.kr/blog_tip" class="all_sub_a">
1178                                        <span class="all_sub_text">
1179                                            성공적인 웹사이트 제작 팁                                                                                    </span>
1180                                    </a>
1181                                </li>
1182                                                                <li class="all_sub_li off">
1183                                    <a href="https://fivepro.co.kr/blog_trend" class="all_sub_a">
1184                                        <span class="all_sub_text">
1185                                            최신 웹 트렌드                                                                                    </span>
1186                                    </a>
1187                                </li>
1188                                                            </ul>
1189                        </div>
1190                                            </li>
1191                                                            <li class="all_menu_li off">
1192                        <a href="https://fivepro.co.kr/page/upkeeping" class="all_menu_a">유지보수</a>
1193                                                <div class="all_sub_div">
1194                            <ul class="all_sub_ul">
1195                                                                <li class="all_sub_li off">
1196                                    <a href="https://fivepro.co.kr/page/upkeeping" class="all_sub_a">
1197                                        <span class="all_sub_text">
1198                                            유지보수                                                                                    </span>
1199                                    </a>
1200                                </li>
1201                                                            </ul>
1202                        </div>
1203                                            </li>
1204                                                            <li class="all_menu_li off">
1205                        <a href="/page/website_inquiry" class="all_menu_a">고객지원</a>
1206                                                <div class="all_sub_div">
1207                            <ul class="all_sub_ul">
1208                                                                <li class="all_sub_li off">
1209                                    <a href="/page/website_inquiry" class="all_sub_a">
1210                                        <span class="all_sub_text">
1211                                            제작문의                                                                                        <span class="link_icon">
1212                                                <img src="https://fivepro.co.kr/img/DMA1_link_icon_2.png" alt="">
1213                                            </span>
1214                                                                                    </span>
1215                                    </a>
1216                                </li>
1217                                                                <li class="all_sub_li off">
1218                                    <a href="https://fivepro.co.kr/faq" class="all_sub_a">
1219                                        <span class="all_sub_text">
1220                                            자주묻는질문                                                                                    </span>
1221                                    </a>
1222                                </li>
1223                                                                <li class="all_sub_li off">
1224                                    <a href="https://fivepro.co.kr/news" class="all_sub_a">
1225                                        <span class="all_sub_text">
1226                                            FIVEpro 소식                                                                                    </span>
1227                                    </a>
1228                                </li>
1229                                                            </ul>
1230                        </div>
1231                                            </li>
1232                                                            <li class="all_menu_li off">
1233                        <a href="/faq" class="all_menu_a">자주 묻는 질문</a>
1234                                                <div class="all_sub_div">
1235                            <ul class="all_sub_ul">
1236                                                                <li class="all_sub_li off">
1237                                    <a href="/faq" class="all_sub_a">
1238                                        <span class="all_sub_text">
1239                                            자주 묻는 질문                                                                                        <span class="link_icon">
1240                                                <img src="https://fivepro.co.kr/img/DMA1_link_icon_2.png" alt="">
1241                                            </span>
1242                                                                                    </span>
1243                                    </a>
1244                                </li>
1245                                                            </ul>
1246                        </div>
1247                                            </li>
1248                                                            <li class="all_menu_li off">
1249                        <a class="all_menu_a custom-alert-trigger" role="button" tabindex="0">파트너 센터</a>
1250                                            </li>
1251                                                            <li class="all_menu_li off">
1252                        <a href="https://pms.fivesense.co.kr" class="all_menu_a">프로젝트 관리</a>
1253                                            </li>
1254                                                            <li class="all_menu_li off">
1255                        <a href="https://fivepro.co.kr/page/website_inquiry" class="all_menu_a">견적문의</a>
1256                                                <div class="all_sub_div">
1257                            <ul class="all_sub_ul">
1258                                                                <li class="all_sub_li off">
1259                                    <a href="https://fivepro.co.kr/page/website_inquiry" class="all_sub_a">
1260                                        <span class="all_sub_text">
1261                                            웹 사이트                                                                                    </span>
1262                                    </a>
1263                                </li>
1264                                                                <li class="all_sub_li off">
1265                                    <a href="https://fivepro.co.kr/page/shop_inquiry" class="all_sub_a">
1266                                        <span class="all_sub_text">
1267                                            쇼핑몰                                                                                    </span>
1268                                    </a>
1269                                </li>
1270                                                            </ul>
1271                        </div>
1272                                            </li>
1273                                    </ul>
1274            </div>
1275        </div>
1276        <!-- 전체메뉴 끝 -->
1277</header>
1278<div class="header-placeholder"></div>
1279
1280<script>
1281	
1282$(document).ready(function(){
1283            // 이미지 설명 드롭 (2차메뉴 노출)
1284        // 2025-06-05 (주)파이브센스_FIVESENSES.Corp. 이미지설명 드롭메뉴
1285        // 2차메뉴
1286        $(document).on({
1287            mouseenter: function () {
1288                $(this).find(".sub-1div").stop().fadeIn(100);
1289            },
1290            mouseleave: function () {
1291                $(this).find(".sub-1div").stop().fadeOut(100);                
1292            }
1293        }, '.at-header.pc .header-menu .menu-li');
1294    	
1295			// 전체메뉴1
1296        $(document).on('click', '.at-header.pc .ham_btn', function(){
1297            if ( $(".pc-menu").hasClass("on") ){
1298
1299                $(".at-header.pc .all_menu_wrap").stop().slideUp();
1300                $(".at-header.pc .all_menu_container").stop().slideUp();
1301                $(".at-header.pc").stop().removeClass("active");
1302                $(".pc-menu").stop().removeClass("on");
1303            } else {
1304                $(".at-header.pc .all_menu_container").stop().slideDown();
1305                $(".at-header.pc").stop().addClass("active");
1306                $(".pc-menu").stop().addClass("on");
1307                
1308            }
1309        });
1310        // 리스트에 호버 시 메뉴 액티브
1311        $(document).on({
1312            mouseenter: function () {
1313                const $in = $(this).index();
1314                $(".at-header.pc .menu-li").eq($in).addClass("hover");
1315            },
1316            mouseleave: function () {
1317                $(".at-header.pc .menu-li").removeClass("hover");
1318                
1319            }
1320        }, '.all_menu_container .all_menu_li');
1321	  
1322});
1323	
1324	
1325    // 스크롤 감지 효과
1326    $(window).on("wheel", function(e) {
1327        if(!$('html, body').hasClass("popup") && $(window).scrollTop() > 0 ){
1328            // 마우스 휠을 내린것
1329            if(e.originalEvent.wheelDelta < 0) {
1330                $(".pc.hd_scroll").stop().addClass("up");
1331            } else {
1332                $(".pc.hd_scroll").stop().removeClass("up");
1333            }
1334        }
1335    });
1336    // end 스크롤 감지 효과
1337
1338    
1339
1340
1341// 신버전 - 스크롤 헤더 애니메이션
1342$(document).ready(function() {
1343    // 스크롤 방향 감지 및 헤더 애니메이션 처리
1344    $(window).scroll(function() {
1345        // plan_container 영역 내에 있을 때는 헤더 로직 실행하지 않음
1346        if (window.isPlanContainerActive) {
1347            return;
1348        }
1349        
1350        const isScrollTopHDSL7 = $(window).scrollTop();
1351        const isAtWrapperTopHDSL7 = $(".at-wrapper").offset().top;
1352        const adminHeaderHeight = $('.admin__header').outerHeight();
1353        let isAtHeaderBottomHDSL7 = 0;
1354        if ($(".at-header").hasClass("admin-H")) { // 관리자 로그인
1355            isAtHeaderBottomHDSL7 = $(".at-header").offset().top - adminHeaderHeight;
1356        } else { // 관리자 비로그인
1357            isAtHeaderBottomHDSL7 = $(".at-header").offset().top + 1;
1358        }
1359        
1360        // 스크롤 방향 감지를 위한 변수 초기화
1361        if (typeof window.lastScrollTopHDSL7 === 'undefined') {
1362            window.lastScrollTopHDSL7 = isScrollTopHDSL7;
1363        }
1364        
1365        // 1. 스크롤이 .at-wrapper 위치에 도달했을 때
1366        if (isScrollTopHDSL7 >= isAtWrapperTopHDSL7) {
1367            // position을 fixed로 변경
1368            $(".DMS06").css("position", "fixed");
1369            
1370            // 스크롤 방향에 따른 애니메이션
1371            if (isScrollTopHDSL7 > window.lastScrollTopHDSL7) { // 스크롤 다운
1372                
1373                // 스크롤 다운: 헤더를 위로 숨김
1374                if(!$(".DMS06").hasClass('endSection')) {
1375                    $(".DMS06").css("transform", "translate(-50%, -100%)");
1376                    setTimeout(function() {
1377                        $(".DMS06").addClass("initAni");
1378                    }, 50);
1379                }
1380            } else { // 스크롤 업
1381                
1382                // 스크롤 업: 헤더를 아래로 보임
1383                if ($(".at-header").hasClass("admin-H")) { // 관리자 로그인
1384                    $(".DMS06").css("transform", "translate(-50%, " + adminHeaderHeight + "px)");
1385                } else { // 관리자 비로그인
1386                    $(".DMS06").css("transform", "translate(-50%, 0%)");
1387                }
1388            }
1389            
1390            window.lastScrollTopHDSL7 = isScrollTopHDSL7;
1391            
1392        } else {
1393            if (isScrollTopHDSL7 <= isAtHeaderBottomHDSL7) {
1394                // 2. 스크롤이 .at-wrapper 위치보다 위에 있을 때
1395                // position을 absolute로 변경하고 원래 위치로 복원
1396                $(".DMS06").removeClass("initAni");
1397                $(".DMS06").css("position", "absolute");
1398                $(".DMS06").css("transform", "translate(-50%, 0%)");
1399                window.lastScrollTopHDSL7 = 0;    
1400            }
1401        }
1402    });
1403});
1404
1405
1406function onMouseEnterSub(target) {
1407    target.addClass('hover').find('.sub-1da').css('background-color', '#f2f4f6');
1408    target.siblings('.sub-1dli').find('.sub-1da').css('background-color', '#fff');
1409}
1410function onMouseLeaveSub(target) {
1411    target.removeClass('hover').find('.sub-1da').css('background-color', '#fff');
1412}
1413</script>
1413</div>
1414<div class="hidden-md hidden-lg" id="mobHead">
1415</div>
1416
1417<script>
1418	function adjust_mainHeight(){
1419		setTimeout(function(){
1420			var mc01H = $(".mc01_visual").height();
1421			if ($('#pcHead .pc-menu .all_menu_box.fm4_in').length > 0) {
1422				$('#pcHead .pc-menu .all_menu_box.fm4_in .all_ul').css({height:"calc(" + mc01H + "px - 5px )"});
1423				$('#pcHead .pc-menu .all_menu_box.fm4_in .all_sub_div').css('height', "calc(" + mc01H + "px - 3px )");
1424				$('#pcHead .pc-menu .all_menu_box.fm4_in .all_sub_div2').css('height', "calc(" + mc01H + "px - 3px )");
1425			}	
1426		},0);
1427	}// end function 
1428
1429	adjust_mainHeight();
1430	$(document).resize(function(){
1431		adjust_mainHeight();
1432	});
1433	window.addEventListener("resize", function() {
1434		adjust_mainHeight();
1435	})
1436	$(document).ready(function(){
1437		// PC 대메뉴 선액티브
1438        // 2025-04-11 (주)파이브센스_FIVESENSES.Corp.
1439		$(document).on('click', '.at-header.pc .menu-a', function(){
1440            if(!$(this).parent('li').hasClass("ham_btn") && !$(this).parent('li').hasClass("all_category_btn") && !$(this).parent('div').hasClass("all_category_btn")) {
1441                $('.at-header.pc .menu-a').removeClass('active');
1442                $(this).addClass('active');
1443                
1444                $('.at-header.pc .menu-li').removeClass('on');
1445                $(this).parent('.menu-li').addClass('on');
1446            }
1447		});
1448		
1449		/*
1450		setTimeout(function(){
1451			var load_pmn = true;
1452			if (load_pmn) {
1453				var edit_pmn = $("#pcHead .element_box").hasClass('on');
1454				$("#pcHead .header-menu").load(document.location.href + ' #pcHead .pc-menu', {'reload':'1'}, function(){
1455					if (edit_pmn) $("#pcHead .element_box").addClass('on');
1456					
1457					adjust_mainHeight();
1458					load_pmn = false;
1459				});
1460			}
1461			
1462			var load_mmn = true;
1463			if (load_mmn) {
1464				$("#mobHead .header-menu").load(document.location.href + ' #mobHead .mob-menu', {'reload':'1'}, function(){
1465					load_mmn = false;
1466				});
1467			}
1468		}, 1000);
1469		*/
1470
1471		// MOB 대메뉴 선액티브
1472		$(document).on('click', '.at-header.mob #mobile_nav a', function(){
1473			$('.at-header.mob #mobile_nav li').removeClass('active');
1474			$(this).parent('li').addClass('active');
1475		});	
1476	});
1477</script>
1477			<!-- E: 헤더 영역-->
1478			
1479							<!-- 마이페이지에 해당하는 페이지들만 노출 -->
1480
1481<!-- 탭배너 공통 -->
1482<style>
1483    .at-body.test > .container_fix{max-width: 100%; padding: 0;}
1484    /*.sub_text{margin: 0;}*/
1485</style>
1486
1487<!-- 서브 상단배너(공통) -->
1488	
1489
1490<!-- 2024-09-03 (주)파이브센스_FIVESENSES.Corp. -->
1491	<div class="sub_text ">
1492		<div class="container_fix">
1493			<h1 class="">로그인</h1>
1494		</div>
1495	</div>
1496	
1496<script>
1497				if ($('.banner_wrap').length > 0)
1498			$('.sub_text').remove();
1499	</script>
1499
1500
1501
1502<!-- Modal -->
1503<div class="modal view_modal viewModalCustom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
1504    <div class="modal_top_container">
1505        <ul class="link_container">
1506                        <li>
1507                <a href="https://fivepro.co.kr/page/website_inquiry">
1508                    제작문의
1509                    <span class="link_icon">
1510                        <img src="https://fivepro.co.kr/img/portfolio_link_w.png" alt="">
1511                    </span>
1512                </a>
1513            </li>
1514        </ul>
1515        <div class="close_btn">
1516            <img src="https://fivepro.co.kr/img/portfolio_close.png" alt="닫기 아이콘">
1517        </div>
1518    </div>
1519    <div class="view_modal_inner">
1520	</div>
1521	<div class="view_modal_temp_inner hidden">
1522        <div class="temp_template" data-design="">
1523            <section itemscope="" itemtype="http://schema.org/NewsArticle" class="skeleton_modal">
1524	<article itemprop="articleBody">
1525        <div class="top_container container_fix">
1526            <div class="view_container">
1527                <div class="award_list hidden-xs hidden-sm">
1528                    <div class="keyword-list">
1529                        <span class="load_text load_blink"></span>
1530                    </div>
1531                </div>
1532				<div itemprop="headline" content="" class="view_title hidden-sm hidden-xs">
1533                    <div class="view_subject">
1534						<h2><span class="load_text load_blink"></span></h2>
1535                    </div>
1536                </div>
1537                <div class="view-padding">
1538                    <div itemprop="description" class="view-content">
1539						<div class="hidden-sm hidden-xs">
1540														<span class="load_text load_blink"></span>
1541														<span class="load_text load_blink"></span>
1542														<span class="load_text load_blink"></span>
1543														<span class="load_text load_blink"></span>
1544														<span class="load_text load_blink"></span>
1545														<span class="load_text load_blink"></span>
1546														<span class="load_text load_blink"></span>
1547														<span class="load_text load_blink"></span>
1548														<span class="load_text load_blink"></span>
1549														<span class="load_text load_blink"></span>
1550														<span class="load_text load_blink"></span>
1551														<span class="load_text load_blink"></span>
1552														<span class="load_text load_blink"></span>
1553														<span class="load_text load_blink"></span>
1554														<span class="load_text load_blink"></span>
1555														<span class="load_text load_blink"></span>
1556													</div>
1557                        <div class="hidden-lg hidden-md">
1558														<span class="load_text load_blink"></span>
1559														<span class="load_text load_blink"></span>
1560														<span class="load_text load_blink"></span>
1561														<span class="load_text load_blink"></span>
1562														<span class="load_text load_blink"></span>
1563														<span class="load_text load_blink"></span>
1564														<span class="load_text load_blink"></span>
1565														<span class="load_text load_blink"></span>
1566														<span class="load_text load_blink"></span>
1567														<span class="load_text load_blink"></span>
1568														<span class="load_text load_blink"></span>
1569														<span class="load_text load_blink"></span>
1570														<span class="load_text load_blink"></span>
1571														<span class="load_text load_blink"></span>
1572														<span class="load_text load_blink"></span>
1573														<span class="load_text load_blink"></span>
1574													
1575                        </div>
1576                    </div>
1577                </div>
1578            </div>
1579            <div class="view_banner">
1580				<div itemprop="headline" content="" class="view_title hidden-lg hidden-md">
1581					<div class="view_subject">
1582						<h2><span class="load_text load_blink"></span></h2>
1583					</div>
1584				</div>
1585				<ul class=" hasWr">
1586					<li>
1587						<p class="title"><span class="load_text load_blink"></span></p>
1588						<p class="text"><span class="load_text load_blink"></span></p>
1589					</li>
1590					<li>
1591						<p class="title"><span class="load_text load_blink"></span></p>
1592						<p class="text"><span class="load_text load_blink"></span></p>
1593					</li>
1594					<li>
1595						<p class="title"><span class="load_text load_blink"></span></p>
1596						<p class="text"><span class="load_text load_blink"></span></p>
1597					</li>
1598					<li>
1599						<p class="title"><span class="load_text load_blink"></span></p>
1600						<div class="text">
1601							<div class="keyword-list">
1602                                <p class="text"><span class="load_text load_blink"></span></p>
1603							</div>
1604						</div>
1605					</li>
1606				</ul>
1607            </div>
1608        </div>
1609              
1610        
1611        <div class="bot_container container_fix">
1612            <div class="view-img">
1613                <div class="thumb load_blink"></div>
1614			</div>
1615		</div>
1616	</article>
1617</section>
1618        </div>
1619        <div class="temp_template" data-design="신규">
1620            <section itemscope="" itemtype="http://schema.org/NewsArticle" 
1620class="skeleton_modal">
1621	<article itemprop="articleBody">
1622        <div class="temp_section temp_sec01 container_fix">
1623            <div class="img-container">
1624                <div class="thumb load_blink"></div>
1625            </div>
1626            <div class="txt-container">
1627                <span class="load_text load_blink"></span>
1628                <span class="load_text load_blink"></span>
1629                <span class="load_text load_blink"></span>
1630            </div>
1631        </div>
1632        <div class="temp_section temp_sec02 container_fix">
1633            <div class="txt-container">
1634                <span class="load_text load_blink"></span>
1635            </div>
1636            <div class="img-container">
1637                <div class="thumb load_blink"></div>
1638                <ul class="box-container">
1639                    <span class="load_text load_blink"></span>
1640                    <span class="load_text load_blink"></span>
1641                    <span class="load_text load_blink"></span>
1642                    <span class="load_text load_blink"></span>
1643                </ul>
1644            </div>
1645        </div>
1646        <div class="temp_section temp_sec03 container_fix">
1647            <div class="top-container">
1648                <div class="thumb load_blink"></div>
1649                <div class="txt-container">
1650                    <span class="load_text load_blink"></span>
1651                    <span class="load_text load_blink"></span>
1652                </div>
1653            </div>
1654            <div class="bot-container">
1655                <div class="thumb load_blink"></div>
1656                <div class="thumb load_blink"></div>
1657            </div>
1658        </div>
1659        <div class="temp_section temp_sec04 container_fix">
1660            <div class="left-container">
1661                <div class="txt-container">
1662                    <span class="load_text load_blink"></span>
1663                    <span class="load_text load_blink"></span>
1664                </div>
1665                <div class="thumb load_blink"></div>
1666            </div>
1667            <div class="right-container">
1668                <div class="thumb load_blink"></div>
1669            </div>
1670        </div>
1671        <div class="temp_section temp_sec05 container_fix">
1672            <span class="load_text load_blink"></span>
1673            <div class="thumb load_blink"></div>
1674        </div>
1675        <div class="temp_section temp_sec05 container_fix">
1676            <span class="load_text load_blink"></span>
1677            <div class="thumb load_blink"></div>
1678        </div>
1679	</article>
1680</section>
1681        </div>
1682	</div>
1683</div>
1684 
1685<style>
1686    .gage-bar {position: fixed;top: 0;left: 0;width: 0%;height: 5px;background: var(--main-point-bg-color-hover); transition: width 0.1s ease-out;z-index: 100000000;}
1687</style>
1688<script>
1689    function lockScroll() {
1690        $('html, body').addClass('modal_open');
1691    }
1692
1693    function unlockScroll() {
1694        $('html, body').removeClass('modal_open');
1695    }
1696
1697    $(document).ready(function() {
1698		//$('.open_viewModal').on('click', function(e) {
1699		$(document).on('click', '.open_viewModal', function(e){
1700          
1701            e.preventDefault();
1702            var url = $(this).attr('href');
1703            
1704            // list-row의 data-design 값을 가져와서 viewModalCustom에 설정
1705            var designValue = $(this).closest('.list-row').attr('data-design') || $(this).closest('.list-row').data('design') || '';
1706            $('.viewModalCustom').attr('data-design', designValue);
1707            
1708            // data-design 값에 따라 .new 요소 show/hide
1709            if (designValue === '신규') {
1710                $('.viewModalCustom .modal_top_container').addClass('new');
1711            } else {
1712                $('.viewModalCustom .modal_top_container').removeClass('new');
1713            }
1714
1715            // 모달 열기 전에 스크롤 위치 초기화 (모든 가능한 스크롤 요소)
1716            $('.viewModalCustom').scrollTop(0);
1717            $('.viewModalCustom')[0].scrollTop = 0;
1718            $('.viewModalCustom .view_modal_inner').scrollTop(0);
1719            $('.viewModalCustom .view_modal_inner')[0].scrollTop = 0;
1720            
1721            // 모든 스크롤 가능한 요소 초기화
1722            $('.viewModalCustom *').each(function() {
1723                if (this.scrollTop !== undefined) {
1724                    this.scrollTop = 0;
1725                }
1726            });
1727            
1728            // 스크롤 진행바
1729            $("body").append('<div class="gage-bar"></div>'); 
1730
1731            // 스크롤 진행바 업데이트 함수
1732            function updateScrollProgress() {
1733                let scrollTop, scrollHeight, scrollPercentage;
1734                
1735                // 모달이 열려있는지 확인
1736                if ($('.viewModalCustom').is(':visible')) {
1737                    // 모달 자체 스크롤 (overflow: auto가 설정되어 있음)
1738                    let modal = $('.viewModalCustom');
1739                    scrollTop = modal.scrollTop();
1740                    let modalScrollHeight = modal[0].scrollHeight;
1741                    let modalClientHeight = modal.height();
1742                    scrollHeight = modalScrollHeight - modalClientHeight;
1743                    
1744                    if (scrollHeight > 0) {
1745                        scrollPercentage = (scrollTop / scrollHeight) * 100;
1746                    } else {
1747                        scrollPercentage = 0;
1748                    }
1749                } else {
1750                    // 메인 페이지 스크롤
1751                    scrollTop = $(document).scrollTop(); 
1752                    scrollHeight = $(document).height() - $(window).height(); 
1753                    scrollPercentage = (scrollTop / scrollHeight) * 100;
1754                }
1755
1756                // 진행바 업데이트
1757                $(".gage-bar").css("width", scrollPercentage + "%");
1758            }
1759
1760            // 메인 페이지 스크롤 이벤트
1761            $(window).scroll(function () {
1762                if (!$('.viewModalCustom').is(':visible')) {
1763                    updateScrollProgress();
1764                }
1765            });
1766
1767            // 모달 스크롤 이벤트 - 여러 방법으로 시도
1768            $(document).on('scroll', '.viewModalCustom', function() {
1769                if ($('.viewModalCustom').is(':visible')) {
1770                    updateScrollProgress();
1771                }
1772            });
1773            
1774            // 모달 내부 요소들의 스크롤 이벤트도 감지
1775            $(document).on('scroll', '.viewModalCustom *', function() {
1776                if ($('.viewModalCustom').is(':visible')) {
1777                    updateScrollProgress();
1778                }
1779            });
1780            
1781            // window 스크롤 이벤트에서도 모달 상태 확인
1782            $(window).scroll(function() {
1783                if ($('.viewModalCustom').is(':visible')) {
1784                    updateScrollProgress();
1785                }
1786            });
1787			
1788			$.ajax({
1789                url: url,
1790				dataType:'html',
1791				beforeSend: function() {
1792                    // designValue에 따라 적절한 템플릿 선택
1793                    var selectedTemplate = '';
1794                    if (designValue === '신규') {
1795                        selectedTemplate = $('.view_modal_temp_inner .temp_template[data-design="신규"]').html();
1796                    } else {
1797                        selectedTemplate = $('.view_modal_temp_inner .temp_template[data-design=""]').html();
1798                    }
1799                    
1800                    // 선택된 템플릿이 없으면 기본 템플릿 사용
1801                    if (!selectedTemplate) {
1802                        selectedTemplate = $('.view_modal_temp_inner .temp_template').first().html();
1803                    }
1804                    
1805                    $('.viewModalCustom .view_modal_inner').html(selectedTemplate);
1806						
1807					lockScroll();
1808					$('.viewModalCustom').css({opacity: 0, display: 'block'}).animate({opacity: 1}, 200);
1809					
1810					// 모달 열림 시 진행바 초기화
1811					setTimeout(function() {
1812						updateScrollProgress();
1813					}, 100);
1814				},
1815				success:function(html){
1816                    
1817                    // 모든 스크롤 가능한 요소 초기화
1818                    $('.viewModalCustom *').each(function() {
1819                        if (this.scrollTop !== undefined) {
1820                            this.scrollTop = 0;
1821                        }
1822                    });
1823
1824                    setTimeout(function() {
1825                        // 페이지에서 특정 클래스(.portfolio-content)의 내용만 추출
1826                        var content = $(html).find('#sectionViewModal').html();
1827                        if (content) {
1828                            $('.viewModalCustom .view_modal_inner').html(content);
1829                        } else {
1830                            $('.viewModalCustom .view_modal_inner').html("필요한 내용을 찾을 수 없습니다.");
1831                        }
1832                    }, 100);
1833					
1834					// 컨텐츠 로드 후 진행바 업데이트 및 스크롤 이벤트 바인딩
1835					setTimeout(function() {
1836						updateScrollProgress();
1837						
1838						// 모달에 직접 스크롤 이벤트 바인딩
1839						$('.viewModalCustom').off('scroll.modalProgress').on('scroll.modalProgress', function() {
1840							updateScrollProgress();
1841						});
1842						
1843						// 모달 내부 요소들에도 스크롤 이벤트 바인딩
1844						$('.viewModalCustom *').off('scroll.modalProgress').on('scroll.modalProgress', function() {
1845							updateScrollProgress();
1846						});
1847						
1848						// AOS 초기화 - 모달 내부 스크롤에 맞게 재설정
1849						if (typeof AOS !== 'undefined') {
1850							// 모달 내부의 모든 AOS 요소를 찾아서 초기화
1851							var $aosElements = $('.viewModalCustom [data-aos]');
1852							
1853							// 모든 AOS 요소의 애니메이션 클래스 제거 (초기 상태로 리셋)
1854							$aosElements.each(function() {
1855								var $el = $(this);
1856								$el.removeClass('aos-animate');
1857							});
1858							
1859							// 모달 스크롤에 따라 AOS 요소 체크하는 함수
1860							function checkAosElements() {
1861								var modalEl = $('.viewModalCustom')[0];
1862								if (!modalEl) return;
1863								
1864								var modalRect = modalEl.getBoundingClientRect();
1865								var modalTop = modalRect.top;
1866								var modalBottom = modalRect.bottom;
1867								
1868								$aosElements.each(function() {
1869									var $el = $(this);
1870									// 이미 애니메이션이 실행된 요소는 스킵
1871									if ($el.hasClass('aos-animate')) return;
1872									
1873									var elRect = $el[0].getBoundingClientRect();
1874									var elTop = elRect.top;
1875									var elBottom = elRect.bottom;
1876									
1877									// 요소가 모달 뷰포트 내에 있는지 확인 (약간의 여유 공간 포함)
1878									var offset = 100; // 뷰포트 상단에서 100px 전에 애니메이션 시작
1879									if (elTop < modalBottom - offset && elBottom > modalTop + offset) {
1880										var delay = parseInt($el.attr('data-aos-delay')) || 0;
1881										setTimeout(function() {
1882											$el.addClass('aos-animate');
1883										}, delay);
1884									}
1885								});
1886							}
1887							
1888							// 모달 스크롤 이벤트에 바인딩
1889							$('.viewModalCustom').off('scroll.aos').on('scroll.aos', function() {
1890								checkAosElements();
1891							});
1892							
1893							// 모달이 열릴 때 초기 뷰포트에 보이는 요소들 체크
1894							setTimeout(function() {
1895								checkAosElements();
1896							}, 200);
1897						}
1898					}, 200);
1899				}, 
1900				fail: function(){
1901                    $('.viewModalCustom .view_modal_inner').html("페이지를 불러올 수 없습니다.");
1902					lockScroll();
1903					$('.viewModalCustom').css({opacity: 0, display: 'block'}).animate({opacity: 1}, 200);
1904                }
1905			});
1906        });
1907        
1908        $('.viewModalCustom .close_btn').on('click', function() {
1909            $('.viewModalCustom').scrollTop(0);
1910
1911            $('.viewModalCustom').animate({opacity: 0}, 200, function () {
1912                $(this).css('display', 'none');
1913                
1914                // 모든 스크롤 가능한 요소 초기화
1915                $('.viewModalCustom *').each(function() {
1916                    if (this.scrollTop !== undefined) {
1917                        this.scrollTop = 0;
1918                    }
1919                });
1920                
1921                // 모달 스크롤 이벤트 정리
1922                $('.viewModalCustom').off('scroll.modalProgress');
1923                $('.viewModalCustom *').off('scroll.modalProgress');
1924                
1925                // AOS 애니메이션 초기화 - 모든 AOS 요소의 애니메이션 클래스 제거
1926                if (typeof AOS !== 'undefined') {
1927                    var $aosElements = $('.viewModalCustom [data-aos]');
1928                    $aosElements.each(function() {
1929                        var $el = $(this);
1930                        $el.removeClass('aos-animate');
1931                    });
1932                    // AOS 스크롤 이벤트 정리
1933                    $('.viewModalCustom').off('scroll.aos');
1934                }
1935                
1936                // 게이지바 숨기기
1937                $('.gage-bar').hide();
1938            });
1939            unlockScroll();
1940        });
1941
1942        $(window).on('resize', function () {
1943            if ($('.viewModalCustom').is(':visible')) {
1944                lockScroll();
1945            }
1946        });
1947    });
1948</script>
1948						<style>
1949    .wing-right { width: auto; position: fixed; top: auto; right:32px; bottom:100px; transition: all .2s;}
1950    .wing-right.wing-banner-open {bottom:280px; opacity: 0; visibility: hidden; transition: bottom .2s, opacity .2s, visibility .2s;}
1951    .wing-right.wing-banner-open.wing-visible {opacity: 1; visibility: visible;}
1952    .wing-right .wing_bot #stv {width: 81px; border: 1px solid #f1f1f1; border-radius: 50px; padding: 30px 0;}
1953    .wing-right #stv #stv_list ul{width: 53px;}
1954    /* 2024-08-01 (주)파이브센스_FIVESENSES.Corp. */
1955    .wing-right .wing_bot #stv #stv_list li{display: none; position: relative;}
1956    .wing-right .wing_bot #stv #stv_list .wing_title {font-size: 11px; color: #666666; margin: 0 auto; padding-top: 30px; background: url(/img/quick_product.png) no-repeat top center; margin-bottom: 12px; font-family: "Pretendard";}
1957    .wing-right #stv_btn{margin: 8px 0 0;}
1958    .wing-right #stv_btn button{width: auto; height: auto; line-height: 1; top: -1px;}
1959    .wing-right #stv_btn button:first-child:after{display: none;}
1960    .wing-right #stv_btn button#up{left: -8px;}
1961    .wing-right #stv_btn button#down{right: -8px;}
1962    .wing-right #stv_btn #stv_pg{color: #888888; font-size: 12px; font-family: "Pretendard"; letter-spacing: .16em; line-height: 14px; position: relative; top: 1px;}
1963    .wing-right #stv_btn #stv_pg .cur_number{color: #666666;}
1964    .wing-right #stv_btn #stv_pg .tot_number{color: #999999;}
1965    .wing-right .stv_item .prd_img{border: 1px solid transparent; height: 52px;box-sizing: border-box; transition: 0.2s;}
1966    .wing-right .wing_bot #stv #stv_list li:hover .prd_img{border: 1px solid #dddddd;}
1967    .wing-right .stv_item img{height: 100%; object-fit: cover;}
1968    .wing-right .stv_item .prd_delete{position: absolute; top: 0; right: 0; background-color: #ddd; width: 12px; height: 12px; z-index: 1; opacity: 0; transition: 0.2s;}
1969    .wing-right .wing_bot #stv #stv_list li:hover .prd_delete{opacity: 1;}
1970    .wing-right .stv_item .prd_delete::before,
1971    .wing-right .stv_item .prd_delete::after{content: ''; display: block; width: 8px; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%;}
1972    .wing-right .stv_item .prd_delete::before{transform: translate(-50%,-50%) rotate(45deg);}
1973    .wing-right .stv_item .prd_delete::after{transform: translate(-50%,-50%) rotate(-45deg);}
1974
1975    .wing_top{ visibility: hidden; opacity: 0;  transform: translateY(20px); transition: all .2s;}
1976    .wing_top.active {visibility: visible; opacity: 1; transform: translateY(0);}
1977    /* 2024-08-01 (주)파이브센스_FIVESENSES.Corp. */
1978    .wing-right .wing_event{width: 53px; margin: 0 auto; overflow: hidden; margin-top: 15px;}
1979    .wing-right .wing_event img{width: 100%; display: block; transition: all .5s;}
1980    .wing-right .wing_event:hover img{transform: scale(1.2);}
1981    /* .wing-right .event_banner{width: 53px; margin: 0 auto; overflow: hidden; margin-top: 15px;}
1982    .wing-right .event_banner img{width: 100%; display: block; transition: all .5s;}
1983    .wing-right .event_banner:hover img{transform: scale(1.2);} */
1984    .wing-right .topbtn{width: 56px; height: 56px;}
1985
1986  
1987    /* 기존 CSS */
1988    .wing-wrap { position:relative; overflow:visible !important;}
1989    .at-html.login-intro .wing-wrap{display: none;}
1990    /* .wing-wrap img { display:block; width:100%; margin-bottom:15px;} */
1991    .wing-left { position:absolute; width:160px; left:-170px; top:0px; }
1992
1993    .boxed .wing-left { left:-180px; }
1994    .boxed .wing-right { right:-180px; }
1995    .h6{color:#0055a5; font-weight:bold; font-size:13px;}
1996
1997    .wing_bottom_btn {display: flex; justify-content: flex-end; margin-top:15px;}
1998    .wing_bottom_btn .wing_7 {display: flex; justify-content: center; align-items: center; width: 50px; height:50px; border-radius:50%; background-color: #f2f2f2; box-shadow: 0px 4px 14px rgba(80, 95, 112, 0.04);}
1999    .wing_bottom_btn .wing_7 img {transform: rotate(0deg); transition: all .2s;}
2000    .wing_bottom_btn .wing_7.active img {transform: rotate(45deg); transition: all .2s;}
2001
2002    /* 251114 퀵메뉴 커스텀 */
2003    .wing-right .wing_top {
2004        width: 160px;
2005    }
2006    .wing-right .wing_top ul {
2007        display: flex;
2008        flex-direction: column;
2009        width: 100%;
2010        border: 1px solid #e1e1e1;
2011        border-radius: 17px;
2012        background-color: #fff;
2013        padding: 0 15px;
2014    }
2015
2016    .wing-right .wing_top ul li {
2017        display: flex;
2018        align-items: center;
2019        justify-content: center;
2020        gap: 5px;
2021        height: 50px;
2022        border-bottom: 1px solid #ededed;
2023    }
2024
2025    .wing-right .wing_top ul li:last-child {
2026        border-bottom: none;
2027    }
2028
2029    .wing-right .wing_top ul li .wing_txt {
2030        font-size: 13px;
2031        font-weight: 400;
2032        color: #0c0c0c;
2033    }
2034
2035    .wing-right .wing_top .wing_inquiry {
2036        display: flex;
2037        align-items: center;
2038        justify-content: center;
2039        width: 100%;
2040        height: 50px;
2041        margin-top: 10px;
2042        background-color: #235bf5;
2043        border-radius: 15px;
2044        box-shadow: 0px 4px 23px rgba(0, 92, 255, 0.35);
2045        transition: 0.3s;
2046    }
2047
2048    .wing-right .wing_top .wing_inquiry:hover {
2049        background-color:#4171f5;
2050        transition: 0.3s;
2051    }
2052
2053    .wing-right .wing_top .wing_inquiry > a {
2054        display: flex;
2055        align-items: center;
2056        justify-content: center;
2057        gap: 9px;
2058        width: 100%;
2059        height: 100%;
2060    }
2061
2062    .wing-right .wing_top .wing_inquiry .wing_txt {
2063        font-size: 15px;
2064        font-weight: 500;
2065        color: #fff;
2066    }
2067
2068    .wing-right .wing_top .wing_txt {
2069        margin-top: 1px;
2070    }
2071
2072</style>
2073
2074<!-- 오늘 본 상품 시작 { -->
2075<!--<div class="container_fix wing-wrap">-->
2076<div class="wing-wrap wing_quick_menu">
2077    <p></p>
2078	<div class="wing-right " style="z-index:5;">
2079        <div class="wing_top">
2080            <ul>
2081                <li>
2082                    <div class="wing_img">
2083                        <img src="https://fivepro.co.kr/img/Q_img1.png" alt="퀵메뉴 이미지">
2084                    </div>
2085                </li>
2086                <li>
2087                    <div class="wing_img">
2088                        <img src="https://fivepro.co.kr/img/Q_img2.png" alt="퀵메뉴 이미지">
2089                    </div>
2090                    <span class="wing_txt">쇼핑몰분야 대상</span>
2091                </li>
2092                <li>
2093                    <div class="wing_img">
2094                        <img src="https://fivepro.co.kr/img/Q_img2.png" alt="퀵메뉴 이미지">
2095                    </div>
2096                    <span class="wing_txt">금융일반분야 대상</span>
2097                </li>
2098                <li>
2099                    <div class="wing_img">
2100                        <img src="https://fivepro.co.kr/img/Q_img3.png" alt="퀵메뉴 이미지">
2101                    </div>
2102                    <span class="wing_txt">IT솔루션분야 대상</span>
2103                </li>
2104                <li>
2105                    <div class="wing_img">
2106                        <img src="https://fivepro.co.kr/img/Q_img3.png" alt="퀵메뉴 이미지">
2107                    </div>
2108                    <span class="wing_txt">UI/UX분야 대상</span>
2109                </li>
2110            </ul>
2111            <div class="wing_inquiry">
2112                <a href="https://fivepro.co.kr/page/website_inquiry" >
2113                    <div class="wing_img">
2114                        <img src="https://fivepro.co.kr/img/Q_img4.png" alt="퀵메뉴 이미지">
2115                    </div>
2116                    <span class="wing_txt">빠른 견적문의</span>
2117                </a>
2118            </div>
2119        </div>
2120        <div class="wing_bottom_btn">
2121            <a class="wing_7">
2122                <img src="https://fivepro.co.kr/img/Q2_plus_off.png" alt="퀵메뉴 플러스 버튼">
2123            </a>
2124        </div>
2125	</div>
2126</div>
2127
2128
2129
2130<!-- } 오늘 본 상품 끝 -->
2131
2132<script>
2133
2134// 탑버튼 스크립트
2135$("#go-btn").on("click", function(){
2136	$("body, html").animate({scrollTop:"0"}, 600);
2137});
2138
2139// + 버튼
2140$(".wing_7").on("click", function () {
2141    var $wingTop = $(".wing_top");
2142    var isActive = $wingTop.hasClass("active");
2143    
2144    if (isActive) {
2145        $wingTop.removeClass("active");
2146        $(this).removeClass("active");
2147        // 사용자가 직접 닫았음을 표시
2148        if (typeof isManuallyClosed !== 'undefined') {
2149            isManuallyClosed = true;
2150        }
2151    } else {
2152        $wingTop.addClass("active");
2153        $(this).addClass("active");
2154        // 사용자가 직접 열었으므로 플래그 해제
2155        if (typeof isManuallyClosed !== 'undefined') {
2156            isManuallyClosed = false;
2157        }
2158    }
2159});
2160
2161// 우측 퀵메뉴 스크립트
2162var $wingQuickMenu = $('.wing_quick_menu .wing_top');
2163var $wingBottomBtn = $('.wing_quick_menu .wing_bottom_btn .wing_7');
2164var $wingRight = $('.wing_quick_menu .wing-right');
2165var TRANSITION_DURATION = 200; // CSS transition 시간
2166
2167// isManuallyClosed 전역 변수 초기화 (없으면 생성)
2168if (typeof isManuallyClosed === 'undefined') {
2169    var isManuallyClosed = false;
2170}
2171
2172// active 클래스 제어 함수
2173function setActiveMenu(isActive) {
2174    if (isActive) {
2175        $wingQuickMenu.addClass("active");
2176        $wingBottomBtn.addClass("active");
2177    } else {
2178        $wingQuickMenu.removeClass("active");
2179        $wingBottomBtn.removeClass("active");
2180    }
2181}
2182
2183// wing-banner-open 제거 후 active 제거
2184function removeActiveAfterTransition() {
2185    setTimeout(function() {
2186        setActiveMenu(false);
2187    }, TRANSITION_DURATION);
2188}
2189
2190// wing-banner-open 추가 후 active 추가
2191function addActiveAfterTransition() {
2192    if (!isManuallyClosed) {
2193        setTimeout(function() {
2194            setActiveMenu(true);
2195        }, TRANSITION_DURATION);
2196    }
2197}
2198
2199// 스크롤 이벤트로 퀵메뉴 active 제어 (서브페이지용, 메인페이지는 main-shop-basic-wide.php에서 처리)
2200$(window).on('scroll', function () {
2201    // 메인페이지(wing-banner-open이 있는 경우)는 main-shop-basic-wide.php에서 처리하므로 무시
2202    if ($wingRight.hasClass('wing-banner-open')) {
2203        return;
2204    }
2205    
2206    var scrollTop = $(this).scrollTop();
2207
2208    if (scrollTop === 0) {
2209        // 꼭대기에서는 숨김
2210        setActiveMenu(false);
2211    } else {
2212        // 스크롤 중이면 계속 보임
2213        if (!isManuallyClosed) {
2214            setActiveMenu(true);
2215        }
2216    }
2217});
2218
2219
2220</script>
2220<script>
2221// 최근본상품삭제
2222$(document).on('click', '.wing-wrap .prd_delete', function(){
2223	var it_id = $(this).data('item'); 
2224	var li = $(this).closest('li');
2225	
2226	$.ajax({
2227		url:'https://fivepro.co.kr/skin/addon/sense-wing/remove.php',
2228		dataType:'json',
2229		type:'POST',
2230		data:{'it_id':it_id},
2231		async: false,
2232		success:function(result){
2233			if (result == 'OK') li.remove();
2234		}
2235	});
2236});
2237</script>
2237						<!-- S: 메인 영역-->
2238			<main role="main" aria-label="메인 콘텐츠" id="main-content">
2239			<div class="at-body non_function">
2240													<div class="container_fix">
2241											<div class="at-content ">
2242									
2243<div class="custom-login">
2244	<div class="login-header hidden">
2245		<h2 class="login-page-title">로그인</h2>
2246	</div>
2247	<div class="login-body">
2248								<div class="member-login">
2249												<div class="tab-content">
2250					<div class="tab-pane active" id="tab-1">
2251						<div class="login-form">
2252							<form class="form" role="form" name="flogin" action="https://fivepro.co.kr/bbs/login_check.php" onsubmit="return flogin_submit(this);" method="post">
2253								<input type="hidden" name="url" value='https%3A%2F%2Ffivepro.co.kr'>
2254								<div class="form-group">
2255									<input type="text" name="mb_id" id="login_id" required class="form-control input-sm" size="20"  placeholder="아이디">
2256									<input type="password" name="mb_password" id="login_pw" required class="form-control input-sm" size="20" maxLength="20" placeholder="비밀번호">
2257								</div>
2258								<div class="login-opt">
2259									<div>
2260										<input type="checkbox" name="save_id" id="save_id">
2261										<label for="save_id">아이디 저장</label>
2262									</div>
2263									<div>
2264										<input type="checkbox" name="auto_login" id="auto_login">
2265										<label for="auto_login">자동 로그인</label>
2266									</div>
2267								</div>
2268																<div class="login-btn">
2269									<button type="submit">로그인</button>
2270								</div>
2271								<div class="lost-box">
2272									<a href="https://fivepro.co.kr/bbs/register.php">회원가입</a>
2273									<a href="#" class="info-find" data-mode="id">아이디·비밀번호 찾기</a>
2274								</div>
2275							</form>
2276						</div>
2277													<h1 class="or">또는</h1>
2278							<span class="floating">3초만에 빠른 회원가입</span>
2279							
2280<div id="sns_login" class="sns_login login-sns sns-wrap-32 sns-wrap-over">
2281			<a href="https://fivepro.co.kr/plugin/social/popup.php?provider=kakao&amp;url=%2Fbbs%2Flogin.php" class="sns_btn social_link kakao" title="카카오">
2282			<img src="https://fivepro.co.kr/img/kakao_login.png" />
2283			카카오톡으로 계속하기		</a>
2284	
2285			<a href="https://fivepro.co.kr/plugin/social/popup.php?provider=naver&amp;url=%2Fbbs%2Flogin.php" class="sns_btn social_link naver" title="네이버">
2286			<img src="https://fivepro.co.kr/img/naver_login.png" alt=""/>
2287			네이버로 계속하기		</a>
2288	
2289		
2290	
2291	
2292		
2292<script>
2293		jQuery(function($){
2294			$("#sns_login").on("click", "a.social_link", function(e){
2295				e.preventDefault();
2296
2297				var pop_url = $(this).attr("href");
2298				var newWin = window.open(
2299					pop_url, 
2300					"social_sing_on", 
2301					"location=0,status=0,scrollbars=1,width=600,height=500"
2302				);
2303
2304				if(!newWin || newWin.closed || typeof newWin.closed=='undefined')
2305					 alert(aslang[175]);
2306
2307				return false;
2308			});
2309		});
2310	</script>
2310
2311	</div>											</div>
2312
2313					<div class="tab-pane" id="tab-2">
2314						<div class="login-wrap">
2315							<div class="login-wrap-1">
2316								<div class="login-form">
2317									<form class="form" role="form" name="forderinquiry" method="post" action="https://fivepro.co.kr/shop/orderinquiry.php" autocomplete="off">
2318										<div class="form-group">
2319											<input type="text" name="od_id" value="" id="od_id" required class="form-control input-sm" size="20"  placeholder="주문번호">
2320										</div>
2321										<div class="form-group">
2322											<input type="password" name="od_pwd" size="20" id="od_pwd" required class="form-control input-sm" placeholder="비밀번호" >
2323										</div>
2324										<div class="login-btn">
2325											<button type="submit">확인</button>
2326										</div>
2327									</form>
2328								</div>
2329							</div>
2330							<div class="login-wrap-2 ">
2331								<div class="login-foot ">
2332									<div class="foot-description hidden">
2333										<p>아직 회원이 아니신가요?</p>
2334										<p>회원가입시 즉시 사용 가능한 1만원 쿠폰을 드립니다.</p>
2335									</div>
2336								</div>
2337							</div>
2338						</div>
2339													<!-- 주문하기, 신청하기 -->
2340																		</div>
2341				</div>
2342							</div>
2343			<div class="clearfix"></div>
2344			</div>
2345</div>
2346<!-- 2024-08-12 (주)파이브센스_FIVESENSES.Corp. -->
2347<style>
2348#display_pay_process {
2349    padding: 20px;
2350    text-align: center;
2351}
2352</style>
2353<div id="display_pay_process" class="order_loading_wrap" style="display:none;">
2354	<div class="container_fix">
2355		<div class="order_loading">
2356			<div class="donut"></div>
2357			<div class="text">이메일 전송 중입니다.<br />잠시만 기다려주세요.</div>
2358		</div>
2359	</div>
2360</div>
2361<script>
2362	// 위치조정으로 스크립트 추가
2363	var a = $('#display_pay_process').clone();
2364	$('#display_pay_process').remove();
2365	a.insertBefore('#thema_wrapper');
2366</script>
2366
2367
2368<!-- 비밀번호 찾기 -->
2369<div class="lost-modal" id="lost-modal">
2370		</div>
2371<!-- 90일 모달창 -->
2372<div class="change-modal" id="change-modal">
2373    <div class="back modal-close"></div>
2374    <form method="post" action="https://fivepro.co.kr/bbs/password_form_update.php" class="change-form" role="form" autocomplete="off">
2375		<input type="hidden" name="mb_id" value="">
2376        <div class="change-modal-inner">
2377            <div class="option_btn"></div>
2378            <div class="change-close modal-close" onclick="document.location.reload();">
2379                <span></span>
2380            </div>
2381            <div class="top">
2382                <h1>비밀번호 변경 안내</h1>
2383            </div>
2384            <div class="bot">
2385                <div class="password_icon">
2386                    <img src="https://fivepro.co.kr/img/password_icon.png" alt="비밀번호" class="hidden-sm hidden-xs">
2387                    <img src="https://fivepro.co.kr/img/m_password_icon.png" alt="비밀번호" class="hidden-lg hidden-md">
2388                </div>
2389                <div class="text_row text_row01">
2390                    <p>
2390소중한 계정 보호를 위해<br>비밀번호를 변경해 주세요.</p>
2391                </div>
2392                <div class="text_row text_row02">
2393                    <span class="name">홍*동</span> 회원님은 <span class="day">3개월</span> 이상 비밀번호를 변경하지 않으셨습니다.<br>
2394                    소중한 개인정보 보호를 위해 비밀번호를 변경해 주세요.<br><br>
2395
2396                    비밀번호를 주기적으로 변경하면<br>
2397                    개인정보를 더 안전하게 보호할 수 있습니다.
2398                </div>
2399                <div class="btn_wrap">
2400                    <button type="submit" name="btn_action" value="st" class="btn regbtn btn_reg_custom"><span class="day">3개월</span> 연장</button>
2401                    <a href="https://fivepro.co.kr/bbs/password_form.php" class="btn now_btn">지금 변경</a>
2402                </div>
2403            </div>
2404        </div>
2405    </form>
2406</div>
2407<!-- 비밀번호 실패 알럿창 ver1 -->
2408<div class="alert_custom_wrap pas_alert pas_alert_v1 ">
2409	<div class="custom_box">
2410		<div class="custom_cont">
2411			<div class="alert_close_wrap">
2412				<div class="alert_close">
2413					<span></span>
2414					<span></span>
2415				</div>
2416			</div>
2417			<div class="alert_cont">
2418				<!--<p>비밀번호 5회 실패</p>
2419				계정이 잠금 상태로 설정되었습니다. <br>
2420				관리자에게 문의해주세요.-->
2421			</div>
2422		</div>
2423		<div class="alert_custom_btn">
2424			<button class="alert_btn alert_close point_color">확인</button>
2425		</div>
2426	</div>
2427	<div class="alert_custom_bg"></div>
2428</div>
2429<!-- 비밀번호 실패 알럿창 ver2 -->
2430<div class="alert_custom_wrap pas_alert pas_alert_v2 ">
2431	<div class="custom_box ">
2432		<div class="option_btn"></div>
2433		<div class="custom_cont">
2434			<div class="alert_close_wrap">
2435				<div class="alert_close">
2436					<span></span>
2437					<span></span>
2438				</div>
2439			</div>
2440			<div class="alert_cont">
2441				<!--<p>비밀번호 5회 실패</p>
2442				계정이 잠금 상태로 설정되었습니다.<br>
2443				본인인증을 통해 비밀번호를 재설정해주세요.-->
2444			</div>
2445		</div>
2446		<div class="alert_custom_btn">
2447			<a class="alert_btn alert_close info-find" data-mode="password">비밀번호 재설정</a>
2448		</div>
2449	</div>
2450	<div class="alert_custom_bg "></div>
2451</div>
2452
2453
2454<script>
2455function flogin_submit(f) {
2456					
2457	// 아이디 저장
2458	if (typeof f.save_id != 'undefined') {
2459		if (f.save_id.checked) {// 7일간 저장한다
2460			set_cookie("ck_login_id", f.mb_id.value, 7, g5_cookie_domain);
2461		} else {
2462			set_cookie("ck_login_id", f.mb_id.value, 0, g5_cookie_domain);
2463		}
2464	}
2465	
2466	$.ajax({
2467		url: g5_bbs_url+'/ajax.login_check.php',
2468		dataType:'json',
2469		data: $(f).serialize(),
2470		type:'POST',
2471		async: false,
2472		success:function(res){
2473			if (res.error) {
2474				if (typeof res.error_type != 'undefined') {
2475					switch (res.error_type){
2476						case 'email_cert':// 이메일인증
2477							if (confirm(res.msg)) document.location.href = res.link;
2478							else document.location.href = g5_url;
2479							break;
2480						case 'password_90':// 비밀번호 90일 지남
2481							$('.change-form input[name="mb_id"]').val(f.mb_id.value);
2482							$('.change-form .name').text(res.name);
2483							$('.change-form .day').text(res.day);
2484							$('.change-modal').addClass('active');
2485							break;
2486						case 'password_lock':// 비밀번호 차단
2487							$('.pas_alert_v1 .custom_box .alert_cont').html('<p>비밀번호 5회 실패</p>계정이 잠금 상태로 설정되었습니다. <br>관리자에게 문의해주세요.');
2488							$('.pas_alert_v1 .custom_box').addClass('open');
2489							$('.pas_alert_v1 .alert_custom_bg').addClass('open');
2490							break;
2491						case 'password_cert':// 비밀번호 차단
2492							$('.pas_alert_v2 .custom_box .alert_cont').html('<p>비밀번호 5회 실패</p>계정이 잠금 상태로 설정되었습니다.<br>본인인증을 통해 비밀번호를 재설정해주세요.');
2493							$('.pas_alert_v2 .custom_box').addClass('open');
2494							$('.pas_alert_v2 .alert_custom_bg').addClass('open');
2495							break;
2496						case 'admin_check':// 관리자 추가인증
2497							$.ajax({
2498								url: g5_bbs_url+'/ajax.admin_cert.php',
2499								dataType:'html',
2500								data: $(f).serialize(),
2501								type:'POST',
2502								async: false,
2503								success:function(str){
2504									$('.pas_alert_admin .custom_box .wrap').html(str);
2505									$('.pas_alert_admin input[type="radio"]').eq(0).attr('checked', true);
2506									$('.pas_alert_admin .custom_box').addClass('open');
2507									$('.pas_alert_admin .alert_custom_bg').addClass('open');	
2508								}
2509							});	
2510							break;
2511						case 'password_captcha':// 캡챠 (새로고침 후 적용 가능)
2512							document.location.href = document.location.href + "&c=183e03cff21f8a9ab68bcc70418c310b";
2513							//document.location.reload();
2514							break;
2515					}// end switch
2516				} else {
2517											alert_open(res.msg.replace(/\\n/g, "\n"));
2518									}
2519			} else {
2520				document.location.href = res.link;
2521			}
2522		}
2523	});
2524	return false;
2525}// end function 
2526
2527// 2024-08-07 (주)파이브센스_FIVESENSES.Corp.
2528	
2529function find_skin(mode, opt){
2530	$('#lost-modal input[name="mode"]').val(mode);
2531	$('#lost-modal input[name="opt"]').val(opt);
2532	
2533	$.ajax({
2534		url: g5_bbs_url+'/ajax.password_lost.php',
2535		dataType:'html',
2536		data: {'mode':mode, 'opt':opt},
2537		type:'POST',
2538		//async: false,
2539		success:function(res){
2540			$('#lost-modal .tab_cont.on .cer_li.on').html(res);
2541			//$('#lost-modal').html(res);
2542		}
2543	});	
2544	return false;
2545}// end function 
2546
2547// 아이디/비밀번호 찾기 모달창 노출
2548$(document).on('click', '.info-find', function(){
2549	$.ajax({
2550		url: g5_bbs_url+'/ajax.password_lost.php',
2551		dataType:'html',
2552		data: {'ck_mode':$(this).data('mode')},
2553		type:'POST',
2554		async: false,
2555		success:function(res){
2556			$('#lost-modal').html(res);
2557			$('#lost-modal').addClass('active');
2558		}
2559	});
2560	return false;
2561});
2562$(document).on('click', '.lost-close', function(){
2563	$('.lost-modal').removeClass('active');
2564	$('.lost-modal').empty();
2565});
2566
2567// 알럿창 닫기
2568$(document).on('click', '.alert_close', function(){
2569	$('.custom_box').removeClass('open');
2570	$('.alert_custom_bg').removeClass('open');
2571});
2572
2573// 비밀번호 실패 모달창 > 재설정
2574function lost_pw_modal() {
2575	$('#lost-modal').addClass("active");
2576	$(".alert_custom_wrap .custom_box").removeClass("open");
2577	$(".alert_custom_wrap .alert_custom_bg").removeClass("open");
2578}
2579
2580// 메인탭 선택
2581$(document).on('click', '.lost-modal .tab_btn > ul > li', function(){
2582	$('.lost-modal .tab_btn > ul > li').not( $(this) ).removeClass("on");
2583	$(this).addClass("on");
2584
2585	// 무조건 서브 첫번째 탭 고정
2586	$('.lost-modal .tab_cont.on .sub_tab > ul > li').removeClass("on");
2587	$('.lost-modal .tab_cont.on .sub_tab > ul > li').eq(0).addClass("on");
2588
2589	var mode = $('.lost-modal .tab_btn > ul > li.on').data('mode');
2590	var opt = $('.lost-modal .tab_cont.on .sub_tab > ul > li.on').data('opt');
2591	find_skin(mode, opt);
2592});
2593// 서브탭 선택
2594$(document).on('click', '.lost-modal .tab_cont.on .sub_tab > ul > li', function(){
2595	$('.lost-modal .tab_cont.on .sub_tab > ul > li').not( $(this) ).removeClass("on");
2596	$(this).addClass("on");
2597
2598	var mode = $('.lost-modal .tab_btn > ul > li.on').data('mode');
2599	var opt = $(this).data('opt');
2600	find_skin(mode, opt);
2601});
2602// 비밀번호 찾기 > 아이디 찾기 버튼 클릭
2603$(document).on('click', '.lost-modal .id_ch_btn', function(){
2604	$('.lost-modal .tab_btn > ul > li').removeClass('on');
2605	$('.lost-modal .tab_btn > ul > li').eq(0).addClass('on');
2606	var mode = $('.lost-modal .tab_btn > ul > li').eq(0).data('mode');
2607	
2608	$('.lost-modal .tab_cont.on .sub_tab > ul > li').removeClass('on');
2609	$('.lost-modal .tab_cont.on .sub_tab > ul > li').eq(0).addClass('on');
2610	var opt = $('.lost-modal .tab_cont.on .sub_tab > ul > li').eq(0).data('opt');
2611	find_skin(mode, opt);
2612});
2613
2614</script>
vendor: 1 bytes, line 2614
2614
2615<script>
2616// sense:PATCH FIVESENSES.Corp. [RenderBlockCssJs] get_cookie() 는 js/common.js 가 정의한다.
2617// head.sub.php 에서 common.js 에 defer 를 걸었으므로 파싱 중에는 아직 없다.
2618// defer 스크립트는 DOMContentLoaded 보다 먼저 끝나므로 ready 시점으로 미루면 안전하다.
2619/* 원본:
2620// 아이디 불러오기
2621if (get_cookie("ck_login_id")) { 
2622	document.flogin.mb_id.value = get_cookie("ck_login_id");
2623	document.flogin.save_id.checked = true;
2624}
2625*/
2626// 아이디 불러오기
2627$(function(){
2628	if (get_cookie("ck_login_id")) {
2629		document.flogin.mb_id.value = get_cookie("ck_login_id"); //input 이름이 id인곳에 getCookie("id")값을 넣어줌
2630		document.flogin.save_id.checked = true; // 체크는 체크됨으로
2631	}
2632});
2633// 자동로그인 클릭
2634$(document).on('click', '#auto_login', function(){
2635	if (this.checked) this.checked = confirm(aslang[17]);
2636});
2637</script>
2637
2638<!-- } 로그인 끝 --><!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 2638-2639
2638
2639<script async src="https://www.googletagmanager.com/gtag/js?id=
2639AW-369008044
vendor: 13 bytes, line 2639
2639"></script>
2640<script>
2641  
vendor: 138 bytes, lines 2641-2645
2641window.dataLayer = window.dataLayer || [];
2642  function gtag(){dataLayer.push(arguments);}
2643  gtag('js', new Date());
2644
2645  gtag('config', '
2645AW-369008044
vendor: 5 bytes, line 2645
2645');
2646</script>
2646															</div>										</div>							</div>			</main>
2647			<!-- E: 메인 영역-->
2648						
2649						<!-- S: 푸터 영역-->
2650			<footer role="contentinfo" aria-label="사이트 푸터" id="site-footer">
2651				
2652<div class="hidden-xs hidden-sm" id="pcFooter">
2653	
2654<div class="fix_footer fix_footer05  pc  login_footer">
2655    <div class="container_fix">
2656        <div class="footer_menu_top">
2657            <div class="top_left">
2658                <div class="menu_title">FIVEpro</div>
2659                <div class="footer_menu_box">
2660                    <ul class="footer_menu_ul">
2661                                                <li class="all_menu_li off">
2662                                                        <a href="https://fivepro.co.kr/page/introduce" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">FIVEpro 소개</a>
2663                                                        <div class="all_sub_div hidden">
2664                                <ul class="all_sub_ul">
2665                                                                        <li class="all_sub_li off">
2666                                        <a href="https://fivepro.co.kr/page/introduce" class="all_sub_a">
2667                                            <span>FIVEpro 소개</span>
2668                                                                                    </a>
2669                                    </li>
2670                                                                    </ul>
2671                            </div>
2672                                                    </li>
2673                                                <li class="all_menu_li off">
2674                                                        <a href="https://fivepro.co.kr/page/website_function" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">제작 서비스</a>
2675                                                        <div class="all_sub_div hidden">
2676                                <ul class="all_sub_ul">
2677                                                                        <li class="all_sub_li off">
2678                                        <a href="https://fivepro.co.kr/page/website_function" class="all_sub_a">
2679                                            <span>홈페이지 제작</span>
2680                                                                                    </a>
2681                                    </li>
2682                                                                        <li class="all_sub_li off">
2683                                        <a href="https://fivepro.co.kr/page/shop_function" class="all_sub_a">
2684                                            <span>쇼핑몰 제작</span>
2685                                                                                    </a>
2686                                    </li>
2687                                                                    </ul>
2688                            </div>
2689                                                    </li>
2690                                                <li class="all_menu_li off">
2691                                                        <a href="https://fivepro.co.kr/portfolio" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">포트폴리오</a>
2692                                                        <div class="all_sub_div hidden">
2693                                <ul class="all_sub_ul">
2694                                                                        <li class="all_sub_li off">
2695                                        <a href="https://fivepro.co.kr/portfolio" class="all_sub_a">
2696                                            <span>제작사례</span>
2697                                                                                    </a>
2698                                    </li>
2699                                                                    </ul>
2700                            </div>
2701                                                    </li>
2702                                                <li class="all_menu_li off">
2703                                                        <a href="https://fivepro.co.kr/interview" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">고객 인터뷰</a>
2704                                                        <div class="all_sub_div hidden">
2705                                <ul class="all_sub_ul">
2706                                                                        <li class="all_sub_li off">
2707                                        <a href="https://fivepro.co.kr/interview" class="all_sub_a">
2708                                            <span>고객 인터뷰</span>
2709                                                                                    </a>
2710                                    </li>
2711                                                                    </ul>
2712                            </div>
2713                                                    </li>
2714                                                <li class="all_menu_li off">
2715                                                        <a href="https://fivepro.co.kr/page/website_pricing" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">제작 플랜</a>
2716                                                        <div class="all_sub_div hidden">
2717                                <ul class="all_sub_ul">
2718                                                                        <li class="all_sub_li off">
2719                                        <a href="https://fivepro.co.kr/page/website_pricing" class="all_sub_a">
2720                                            <span>웹사이트</span>
2721                                                                                    </a>
2722                                    </li>
2723                                                                        <li class="all_sub_li off">
2724                                        <a href="https://fivepro.co.kr/page/shop_pricing" class="all_sub_a">
2725                                            <span>쇼핑몰</span>
2726                                                                                    </a>
2727                                    </li>
2728                                                                    </ul>
2729                            </div>
2730                                                    </li>
2731                                                <li class="all_menu_li off">
2732                                                        <a href="https://fivepro.co.kr/blog_tip" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">블로그</a>
2733                                                        <div class="all_sub_div hidden">
2734                                <ul class="all_sub_ul">
2735                                                                        <li class="all_sub_li off">
2736                                        <a href="https://fivepro.co.kr/blog_tip" class="all_sub_a">
2737                                            <span>성공적인 웹사이트 제작 팁</span>
2738                                                                                    </a>
2739                                    </li>
2740                                                                        <li class="all_sub_li off">
2741                                        <a href="https://fivepro.co.kr/blog_trend" class="all_sub_a">
2742                                            <span>최신 웹 트렌드</span>
2743                                                                                    </a>
2744                                    </li>
2745                                                                    </ul>
2746                            </div>
2747                                                    </li>
2748                                                <li class="all_menu_li off">
2749                                                        <a href="https://fivepro.co.kr/page/upkeeping" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">유지보수</a>
2750                                                        <div class="all_sub_div hidden">
2751                                <ul class="all_sub_ul">
2752                                                                        <li class="all_sub_li off">
2753                                        <a href="https://fivepro.co.kr/page/upkeeping" class="all_sub_a">
2754                                            <span>유지보수</span>
2755                                                                                    </a>
2756                                    </li>
2757                                                                    </ul>
2758                            </div>
2759                                                    </li>
2760                                                <li class="all_menu_li off">
2761                                                        <a href="/page/website_inquiry" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">고객지원</a>
2762                                                        <div class="all_sub_div hidden">
2763                                <ul class="all_sub_ul">
2764                                                                        <li class="all_sub_li off">
2765                                        <a href="/page/website_inquiry" class="all_sub_a">
2766                                            <span>제작문의</span>
2767                                                                                        <span class="link_icon">
2768                                                <img src="https://fivepro.co.kr/img/footer_link_icon.png" alt="">
2769                                            </span>
2770                                                                                    </a>
2771                                    </li>
2772                                                                        <li class="all_sub_li off">
2773                                        <a href="https://fivepro.co.kr/faq" class="all_sub_a">
2774                                            <span>자주묻는질문</span>
2775                                                                                    </a>
2776                                    </li>
2777                                                                        <li class="all_sub_li off">
2778                                        <a href="https://fivepro.co.kr/news" class="all_sub_a">
2779                                            <span>FIVEpro 소식</span>
2780                                                                                    </a>
2781                                    </li>
2782                                                                    </ul>
2783                            </div>
2784                                                    </li>
2785                                            </ul>
2786                    <ul class="footer_menu_ul">
2787                                                <li class="all_menu_li off">
2788                                                                                                                                                                                                    	<a href="/faq" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
2789                                                            자주 묻는 질문                                                            </a>                        </li>
2790                                                <li class="all_menu_li off">
2791                                                                                                                                                                                                    	<button type="button" class="all_menu_a custom-alert-trigger" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
2792                                                            파트너 센터                                                            </button>                        </li>
2793                                                <li class="all_menu_li off">
2794                                                                                                                                                                                                    	<a href="https://pms.fivesense.co.kr" class="all_menu_a" target="_blank" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
2795                                                            프로젝트 관리                                                                    <span class="link_icon">
2796                                        <img src="https://fivepro.co.kr/img/DMS_link_icon_1.png" alt="">
2797                                    </span>
2798                                                            </a>                        </li>
2799                                                <li class="all_menu_li off">
2800                                                                                                                                                                                                    	<a href="https://fivepro.co.kr/page/website_inquiry" class="all_menu_a" target="_self" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
2801                                                            견적문의                                                            </a>                        </li>
2802                                            </ul>
2803                </div>
2804            </div>
2805            <div class="top_right">
2806                <div class="menu_title">고객지원</div>
2807                <ul>
2808                    <li><span>운영시간 : 평일 10:00 - 17:00 (주말 및 공휴일 휴무)</span></li>
2809                    <li><span>
2809전화번호 : 02-713-8250</span></li>
2810                </ul>
2811            </div>
2812        </div>
2813        <div class="footer_menu_bot">
2814            <div class="fix_infos_container">
2815                <ul class="info_inner hover">
2816                                        <li class="off" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
2817                        <a href="https://fivepro.co.kr/page/provision">
2818                            <span>이용약관</span>
2819                        </a>
2820                    </li>
2821                                        <li class="off" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
2822                        <a href="https://fivepro.co.kr/page/solution_provision">
2823                            <span>솔루션 약관</span>
2824                        </a>
2825                    </li>
2826                                        <li class="off" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
2827                        <a href="https://fivepro.co.kr/page/privacy">
2828                            <span>개인정보처리방침</span>
2829                        </a>
2830                    </li>
2831                                        <li><span>개인정보보호책임자</span> 박현화</li>
2832                </ul>
2833                                <ul class="info_inner">
2834                    <li>(주)파이브센스</li>
2835                    <li><span>대표</span> 백승민</li>
2836                </ul>
2837                <ul class="info_inner">
2838                    <li>서울특별시 금천구 가산디지털1로 88 IT프리미어타워 1401호</li>
2839                    <li><span>사업자등록번호</span> 520-86-01244</li>
2840                    <li><span>통신판매업신고번호</span> 2018-서울금천-1560</li>
2841                </ul>
2842                <div class="info_inner">
2843                    <h4>Copyright<span class="copyright-mark">&copy;</span> FIVESENSES. All Right Reserved</h4><!-- sense:PATCH FIVESENSES.Corp. [FontLoadOpt] 저작권기호 1자 때문에 FontAwesome 176KB 수신, 문자로 대체 -->
2844                                    </div>
2845            </div>
2846                    </div>   
2847    </div>
2848</div>
2849
2850<script>
2851    $(document).on({
2852        mouseenter: function (){
2853            $(this).addClass("hover");
2854        },
2855        mouseleave: function () {
2856            $(this).removeClass("hover");
2857        }
2858    }, '.ft_sns_cont a');
2859    
2860    // 패밀리 사이트
2861    $(document).on('click', '.fix_footer.pc .family_site_box_btn', function(){
2862        $(this).next(".family_site_list").slideToggle();
2863        $(this).toggleClass("on");
2864    });
2865
2866    // 마우스 올렸을 때
2867    function onMouseEnterFT5(target) {
2868        target.addClass('on')
2869    }
2870
2871    // 마우스 내렸을 때
2872    function onMouseLeaveFT5(target) {
2873        target.removeClass('on')
2874    }
2875
2876</script>
2876</div>
2877<div class="hidden-md hidden-lg" id="mobFooter">
2878
2879<div class="fix_footer fix_footer05  mob  login_footer ">
2880        <div class="footer_container">
2881        <div class="container_fix">
2882            <div class="footer_menu_top">
2883                <div class="top_left">
2884                    <div class="menu_title">FIVEpro</div>
2885                    <div class="footer_menu_box">
2886                        <ul class="footer_menu">
2887                                                        <li class="all_menu_li off">
2888                                <a href="https://fivepro.co.kr/page/introduce" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">FIVEpro 소개</a>
2889                                                                <div class="all_sub_div hidden">
2890                                    <ul class="all_sub_ul">
2891                                                                                <li class="all_sub_li off">
2892                                            <a href="https://fivepro.co.kr/page/introduce" class="all_sub_a">
2893                                                <span>FIVEpro 소개</span>
2894                                                                                            </a>
2895                                        </li>
2896                                                                            </ul>
2897                                </div>
2898                                                            </li>
2899                                                        <li class="all_menu_li off">
2900                                <a href="https://fivepro.co.kr/page/website_function" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">제작 서비스</a>
2901                                                                <div class="all_sub_div hidden">
2902                                    <ul class="all_sub_ul">
2903                                                                                <li class="all_sub_li off">
2904                                            <a href="https://fivepro.co.kr/page/website_function" class="all_sub_a">
2905                                                <span>홈페이지 제작</span>
2906                                                                                            </a>
2907                                        </li>
2908                                                                                <li class="all_sub_li off">
2909                                            <a href="https://fivepro.co.kr/page/shop_function" class="all_sub_a">
2910                                                <span>쇼핑몰 제작</span>
2911                                                                                            </a>
2912                                        </li>
2913                                                                            </ul>
2914                                </div>
2915                                                            </li>
2916                                                        <li class="all_menu_li off">
2917                                <a href="https://fivepro.co.kr/portfolio" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">포트폴리오</a>
2918                                                                <div class="all_sub_div hidden">
2919                                    <ul class="all_sub_ul">
2920                                                                                <li class="all_sub_li off">
2921                                            <a href="https://fivepro.co.kr/portfolio" class="all_sub_a">
2922                                                <span>제작사례</span>
2923                                                                                            </a>
2924                                        </li>
2925                                                                            </ul>
2926                                </div>
2927                                                            </li>
2928                                                        <li class="all_menu_li off">
2929                                <a href="https://fivepro.co.kr/interview" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">고객 인터뷰</a>
2930                                                                <div class="all_sub_div hidden">
2931                                    <ul class="all_sub_ul">
2932                                                                                <li class="all_sub_li off">
2933                                            <a href="https://fivepro.co.kr/interview" class="all_sub_a">
2934                                                <span>고객 인터뷰</span>
2935                                                                                            </a>
2936                                        </li>
2937                                                                            </ul>
2938                                </div>
2939                                                            </li>
2940                                                        <li class="all_menu_li off">
2941                                <a href="https://fivepro.co.kr/page/website_pricing" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">제작 플랜</a>
2942                                                                <div class="all_sub_div hidden">
2943                                    <ul class="all_sub_ul">
2944                                                                                <li class="all_sub_li off">
2945                                            <a href="https://fivepro.co.kr/page/website_pricing" class="all_sub_a">
2946                                                <span>웹사이트</span>
2947                                                                                            </a>
2948                                        </li>
2949                                                                                <li class="all_sub_li off">
2950                                            <a href="https://fivepro.co.kr/page/shop_pricing" class="all_sub_a">
2951                                                <span>쇼핑몰</span>
2952                                                                                            </a>
2953                                        </li>
2954                                                                            </ul>
2955                                </div>
2956                                                            </li>
2957                                                        <li class="all_menu_li off">
2958                                <a href="https://fivepro.co.kr/blog_tip" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">블로그</a>
2959                                                                <div class="all_sub_div hidden">
2960                                    <ul class="all_sub_ul">
2961                                                                                <li class="all_sub_li off">
2962                                            <a href="https://fivepro.co.kr/blog_tip" class="all_sub_a">
2963                                                <span>성공적인 웹사이트 제작 팁</span>
2964                                                                                            </a>
2965                                        </li>
2966                                                                                <li class="all_sub_li off">
2967                                            <a href="https://fivepro.co.kr/blog_trend" class="all_sub_a">
2968                                                <span>최신 웹 트렌드</span>
2969                                                                                            </a>
2970                                        </li>
2971                                                                            </ul>
2972                                </div>
2973                                                            </li>
2974                                                        <li class="all_menu_li off">
2975                                <a href="https://fivepro.co.kr/page/upkeeping" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">유지보수</a>
2976                                                                <div class="all_sub_div hidden">
2977                                    <ul class="all_sub_ul">
2978                                                                                <li class="all_sub_li off">
2979                                            <a href="https://fivepro.co.kr/page/upkeeping" class="all_sub_a">
2980                                                <span>유지보수</span>
2981                                                                                            </a>
2982                                        </li>
2983                                                                            </ul>
2984                                </div>
2985                                                            </li>
2986                                                        <li class="all_menu_li off">
2987                                <a href="/page/website_inquiry" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">고객지원</a>
2988                                                                <div class="all_sub_div hidden">
2989                                    <ul class="all_sub_ul">
2990                                                                                <li class="all_sub_li off">
2991                                            <a href="/page/website_inquiry" class="all_sub_a">
2992                                                <span>제작문의</span>
2993                                                                                                <span class="link_icon">
2994                                                    <img src="https://fivepro.co.kr/img/footer_link_icon.png" alt="">
2995                                                </span>
2996                                                                                            </a>
2997                                        </li>
2998                                                                                <li class="all_sub_li off">
2999                                            <a href="https://fivepro.co.kr/faq" class="all_sub_a">
3000                                                <span>자주묻는질문</span>
3001                                                                                            </a>
3002                                        </li>
3003                                                                                <li class="all_sub_li off">
3004                                            <a href="https://fivepro.co.kr/news" class="all_sub_a">
3005                                                <span>FIVEpro 소식</span>
3006                                                                                            </a>
3007                                        </li>
3008                                                                            </ul>
3009                                </div>
3010                                                            </li>
3011                                                    </ul>
3012                        <ul class="footer_menu">
3013                                                        <li class="all_menu_li off">
3014                                                                                                                                                                	<a href="/faq" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
3015                                                                    자주 묻는 질문                                                                    </a>                            </li>
3016                                                        <li class="all_menu_li off">
3017                                                                                                                                                                	<button type="button" class="all_menu_a custom-alert-trigger" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
3018                                                                    파트너 센터                                                                    </button>                            </li>
3019                                                        <li class="all_menu_li off">
3020                                                                                                                                                                	<a href="https://pms.fivesense.co.kr" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
3021                                                                    프로젝트 관리                                                                            <sp
3021an class="link_icon">
3022                                            <img src="https://fivepro.co.kr/img/DMS_link_icon_1.png" alt="">
3023                                        </span>
3024                                                                    </a>                            </li>
3025                                                        <li class="all_menu_li off">
3026                                                                                                                                                                	<a href="https://fivepro.co.kr/page/website_inquiry" class="all_menu_a" onmouseenter="onMouseEnterFT5($(this))" onmouseleave="onMouseLeaveFT5($(this))">
3027                                                                    견적문의                                                                    </a>                            </li>
3028                                                    </ul>
3029                    </div>
3030                </div>
3031                <div class="top_right">
3032                    <div class="menu_title">고객지원</div>
3033                    <ul>
3034                        <li><span>운영시간 : 평일 10:00 - 17:00 (주말 및 공휴일 휴무)</span></li>
3035                        <li><span>전화번호 : 02-713-8250</span></li>
3036                    </ul>
3037                </div>
3038            </div>
3039        </div>
3040        <div class="container_fix">
3041            <div class="footer_menu_bot">
3042                <div class="fix_infos_container">
3043                    <ul class="info_inner">
3044                        <li>(주)파이브센스</li>
3045                        <li><span>대표</span> 백승민</li>
3046                    </ul>
3047                    <ul class="info_inner">
3048                        <li>서울특별시 금천구 가산디지털1로 88 IT프리미어타워 1401호</li>
3049                        <li><span>사업자등록번호</span> 520-86-01244</li>
3050                        <li><span>통신판매업신고번호</span> 2018-서울금천-1560</li>
3051                        <li><span>개인정보보호책임자</span> 박현화</li>
3052                    </ul>
3053                    <ul class="info_inner">
3054                                                <li class="off">
3055                            <a href="https://fivepro.co.kr/page/provision">
3056                                <span>이용약관</span>
3057                            </a>
3058                        </li>
3059                                                <li class="off">
3060                            <a href="https://fivepro.co.kr/page/solution_provision">
3061                                <span>솔루션 약관</span>
3062                            </a>
3063                        </li>
3064                                                <li class="off">
3065                            <a href="https://fivepro.co.kr/page/privacy">
3066                                <span>개인정보처리방침</span>
3067                            </a>
3068                        </li>
3069                                            </ul>
3070                    <div class="info_inner">
3071                        <h4>Copyright<span class="copyright-mark">&copy;</span> FIVESENSES. All Right Reserved</h4><!-- sense:PATCH FIVESENSES.Corp. [FontLoadOpt] 저작권기호 1자 때문에 FontAwesome 176KB 수신, 문자로 대체 -->
3072                    </div>
3073                </div>
3074                            </div>  
3075        </div>
3076    </div>
3077</div>
3078
3079<script>
3080    $(document).on({
3081        mouseenter: function (){
3082            $(this).addClass("hover");
3083        },
3084        mouseleave: function () {
3085            $(this).removeClass("hover");
3086        }
3087    }, '.ft_sns_cont a');
3088
3089    // 
3090    $(document).on('click', '.fix_footer.fix_footer05.mob .logo_m', function(){
3091        
3092    });
3093
3094    // 푸터 열기
3095    function clickedFooter(target) {
3096        target.next(".footer_container");
3097        target.toggleClass("open");
3098        
3099        if (target.next(".footer_container").is(":visible")) {
3100            target.next(".footer_container").slideUp();
3101        } else {
3102            target.next(".footer_container").slideDown();
3103        }
3104    }
3105
3106    // 패밀리 사이트
3107    function clickedFamilySite(target) {
3108        target.next(".family_site_list").slideToggle();
3109        target.toggleClass("on");
3110    }
3111</script>
3111</div>	
3112			</footer>
3113			<!-- E: 푸터 영역-->
3114					</div>	</div></div><!-- E: 테마 영역-->
3115<div class="pc_share_popup share_popup_wrap">
3116	
3117<div class="it_share_popup">
3118	<div class="share_title">
3119		<p class="title">공유하기</p>
3120	</div>
3121	<div class="share_content">
3122		<input type="hidden" id="share_id" value="" >
3123		<ul class="share_ul">
3124			<li>
3125												<button type="button" class="share_btn" onclick="share_sns('facebook')">
3126					<img src="https://fivepro.co.kr/img/share_facebook.png" alt="페이스북">
3127				</button>
3128			</li>
3129			<li>
3130												<button type="button" class="share_btn" onclick="share_sns('twitter')">
3131					<img src="https://fivepro.co.kr/img/share_twitter.png" alt="트위터">
3132				</button>
3133			</li>
3134			<li>
3135												<button type="button" class="share_btn" onclick="share_sns('naverband')">
3136					<img src="https://fivepro.co.kr/img/share_band.png" alt="네이버밴드">
3137				</button>
3138			</li>
3139			<li>
3140				<input type="text" id="url_address" class="input_url" style="display:block;">
3141												<button type="button" class="btn_url_copy share_btn">
3142					<img src="https://fivepro.co.kr/img/share_url.png" alt="url복사">
3143				</button>
3144			</li>
3145		</ul>
3146	</div>
3147	<span class="btn_close">
3148		<img src="https://fivepro.co.kr/img/share_close.png" alt="닫기">
3149	</span>
3150</div>
3151</div>
3152<div class="dim_layer"></div>
3153
3154<!-- 알럿창 커스텀 -->
3155<div class="alert_custom_wrap">
3156	<div class="custom_box">
3157		<div class="custom_cont">
3158			<div class="alert_close_wrap">
3159				<div class="alert_close">
3160					<span></span>
3161					<span></span>
3162				</div>
3163			</div>
3164			<div class="alert_cont">
3165				로그인하셔야 본 서비스를 이용하실 수 있습니다.
3166			</div>
3167		</div>
3168		<div class="alert_custom_btn">
3169			<a class="alert_btn alert_a hidden"></a>
3170			<button class="alert_btn alert_close">확인</button>
3171		</div>
3172	</div>
3173	<div class="alert_custom_bg"></div>
3174</div>
3175
3176
3177<!-- 푸터 파트너센터 준비중 알럿창 -->
3178<div class="alert_custom_wrap alert_custom_wrap_2">
3179	<div class="custom_box">
3180		<div class="custom_cont">
3181			<div class="alert_close_wrap">
3182				<div class="alert_close">
3183					<span></span>
3184					<span></span>
3185				</div>
3186			</div>
3187			<div class="alert_cont">
3188				아직 준비중이에요.<br>잠시만 기다려주세요.
3189			</div>
3190		</div>
3191		<div class="alert_custom_btn">
3192			<a class="alert_btn alert_a hidden"></a>
3193			<button class="alert_btn alert_close">확인</button>
3194		</div>
3195	</div>
3196	<div class="alert_custom_bg"></div>
3197</div>
3198
3199<script>
3200        // 커스텀 알럿창 열기
3201        function showCustomAlert() {
3202        $(".alert_custom_wrap_2 .custom_box").addClass('open');
3203        $(".alert_custom_wrap_2 .alert_custom_bg").addClass('open');
3204    }
3205
3206    // 커스텀 알럿창 닫기
3207    function closeCustomAlert() {
3208        $(".alert_custom_wrap_2 .custom_box").removeClass('open');
3209        $(".alert_custom_wrap_2 .alert_custom_bg").removeClass('open');
3210    }
3211
3212    // 커스텀 알럿창 이벤트
3213    $(document).ready(function() {
3214        // 커스텀 알럿창 트리거 클릭 이벤트
3215        $(document).on('click', '.custom-alert-trigger', function(e) {
3216            e.preventDefault();
3217            showCustomAlert();
3218        });
3219
3220        // 커스텀 알럿창 닫기 이벤트
3221        $(document).on('click', '.alert_custom_wrap_2 .alert_close, .alert_custom_wrap_2 .alert_custom_bg', function() {
3222            closeCustomAlert();
3223        });
3224    });
3225</script>
3225
3226
3227<!--[if lt IE 9]>
3228<script type="text/javascript" src="https://fivepro.co.kr/thema/FIVESENSES/assets/js/respond.js"></script>
3228
3229<![endif]-->
3230
3231<!-- JavaScript -->
3232<script>
3233var sub_show = "";
3234var sub_hide = "";
3235var menu_startAt = "0" -1;
3236var menu_sub = "";
3237var menu_subAt = "0";
3238</script>
vendor: 1 bytes, line 3238
3238
3239<script type="text/javascript" src="https://fivepro.co.kr/js/solution.js"></script>
vendor: 1 bytes, line 3239
3239
3240<script type="text/javascript" src="https://fivepro.co.kr/thema/FIVESENSES/assets/bs3/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 3240
3240
3241<script type="text/javascript" src="https://fivepro.co.kr/thema/FIVESENSES/assets/js/sly.min.js"></script>
vendor: 1 bytes, line 3241
3241
3242<script type="text/javascript" src="https://fivepro.co.kr/thema/FIVESENSES/assets/js/custom.js"></script>
vendor: 1 bytes, line 3242
3242
3243<script type="text/javascript" src="https://fivepro.co.kr/js/jquery.rwdImageMaps.min.js"></script>
vendor: 1 bytes, line 3243
3243
3244<script type="text/javascript" src="https://fivepro.co.kr/js/imageMapResizer.min.js"></script>
vendor: 1 bytes, line 3244
3244
3245<script type="text/javascript">
3246
3247//헤더 > 카테고리 서브 메뉴 높이값 및 노출 스크립트
3248$(".all_li").hover(function(){
3249	$(this).find(".all_sub_div").stop().show();
3250}, function(){
3251	$(".all_sub_div").stop().hide();
3252});
3253
3254//2차 분류에 맞춰서 3차 분류 높이 설정
3255$(".all_sub_div").each(function(){
3256	var parentHeight = $(this).parents(".all_menu").outerHeight();
3257	$(this).css({'min-height':parentHeight});
3258});
3259
3260
3261
3262//모바일 푸터 메뉴 클릭 스크립트
3263$(window).resize(function(){
3264	//아이템 슬라이드 장바구니 아이콘 마우스 오버 시 이미지 스크립트
3265	$(".foot_li").hover(function(){
3266		if($(window).width() > 991) {
3267			var cartImg = $(this).find("img");
3268			cartImg.attr('src', cartImg.attr('src').replace('_off', '_on'));
3269
3270		} else {
3271			//모바일은 호버 효과 X
3272		}
3273	},function(){
3274		if($(window).width() > 991) {
3275			var cartImg = $(this).find("img");
3276			cartImg.attr('src', cartImg.attr('src').replace('_on', '_off'));
3277		} else {
3278			//모바일은 호버 효과 X
3279		}
3280	});
3281
3282	function f_img_off(){
3283		$(".foot_li img").attr('src').replace('_on', '_off');
3284		$(".foot_li.home_f img").attr('src',"https://fivepro.co.kr/img/ft_menu_icon01_off.png");
3285		$(".foot_li.cart_f img").attr('src',"https://fivepro.co.kr/img/ft_menu_icon04_off.png");
3286		$(".foot_li.mypage_f img").attr('src',"https://fivepro.co.kr/img/ft_menu_icon05_off.png");
3287	}
3288	function f_img_on(){
3289		$(".foot_li img").attr('src').replace('_on', '_off');
3290		$(".foot_li.home_f img").attr('src',"https://fivepro.co.kr/img/ft_menu_icon01_on.png");
3291		$(".foot_li.cart_f img").attr('src',"https://fivepro.co.kr/img/ft_menu_icon04_on.png");
3292		$(".foot_li.mypage_f img").attr('src',"https://fivepro.co.kr/img/ft_menu_icon05_on.png");
3293	}
3294
3295	$(".foot_li").click(function(){
3296		var cartImg = $(this).find("img");
3297		f_img_off()
3298		cartImg.attr('src', cartImg.attr('src').replace('_off', '_on'));
3299	})
3300
3301	$(".sidebar-wing-close").click(function(){
3302		f_img_on()
3303		$(".foot_li.mcategory_f img").attr('src',"https://fivepro.co.kr/img/ft_menu_icon02_off.png");
3304	});
3305
3306	$(".m_search_box .close_btn").click(function(){
3307		f_img_on()
3308		$(".foot_li.search_f img").attr('src',"https://fivepro.co.kr/img/ft_menu_icon03_off.png");
3309	});
3310});
3311
3312//이미지맵 반응형 리사이징 스크립트
3313$(document).ready(function(e) {
3314	$('img[usemap]').rwdImageMaps();
3315});
3316
3317
3318function comment_height(){
3319	var left_height = $(".comment_cell").height();
3320	var right_height = $(".comment-submit").height();
3321	if(left_height > right_height){
3322		$(".comment-submit").css({"height":left_height, "line-height":left_height+"px"});
3323	}
3324			
3325}
3326
3327comment_height();
3328$(window).on("resize", function(){
3329	comment_height();
3330});
3331
3332//푸터 로고클릭시 정보 나오게
3333$('.mob_logo').on('click', function(){
3334	if($(this).hasClass('active')){
3335		$(this).next().stop().slideUp();
3336		$(this).removeClass('active');
3337	}else{
3338		$(this).next().stop().slideDown();
3339		$(this).addClass('active');
3340	}
3341});						
3342
3343
3344// 모바일 상품노출순서
3345$(".sort_box .close_btn").click(function(){
3346	$(".sort_box").hide();
3347});
3348$(".list_sort .dropdown #sortLabel").click(function(){
3349	$(".sort_box").show();
3350	$(".dropdown-backdrop").hide();
3351});
3352
3353
3354// 탑배너 팝업 삭제 시 모바일 검색창 상단으로 이동
3355$(document).ready(function(e) {
3356	$(".search_btn").click(function(){
3357		if($("#fs_topbanner").children().length == 0) {
3358			$(".m_search_box").addClass("no_banner");
3359		}
3360	});
3361	$(".tp_reject").click(function(){
3362		$(".m_search_box").addClass("no_banner");
3363	});
3364});
3365
3366// 모바일 상품 상세페이지 > 요약정보 드롭다운
3367$(".item_detail.item-wrap .tab_etc .item_delivery .tbox-head").click(function(){
3368	$(this).toggleClass("on");
3369});
3370$(".item_detail.item-wrap .tab_etc .item_table_tt").click(function(){
3371	$(this).toggleClass("on");
3372	$(this).parent(".item_delivery").find(".tbox-body").toggle();
3373});
3374
3375// 장바구니 아이콘
3376$(document).on('click', '.btn_cart', function(){
3377    $(this).addClass("on");
3378});
3379$(document).on('click', '.alert_close', function(){
3380    $('.btn_cart').removeClass("on");
3381});
3382
3383// 일체형 헤더 탑배너 공간 확보 및 라이브러리 순서 변경 시 위치 고정을 위한 스크립트
3384$(document).ready(function () {
3385    $(window).scroll(function () {
3386        if ($(window).scrollTop() != 0) {
3387            $(".at-html").addClass("fixed");
3388        } else {
3389            $(".at-html").removeClass("fixed");
3390        }
3391    });
3392});
3393
3394//로그인 완료 시 알럿창
3395</script>
3395
3396
3397
3398<script>
3399var sidebar_url = "https://fivepro.co.kr/thema/FIVESENSES/widget/miso-sidebar";
3400var sidebar_time = "0";
3401</script>
vendor: 1 bytes, line 3401
3401
3402<script src="https://fivepro.co.kr/thema/FIVESENSES/widget/miso-sidebar/sidebar.js"></script>
3402
3403
3404<!-- sidebar Box -->
3405<aside id="sidebar-box" style="left:-480px" class="ko">
3406	<!-- sidebar Content -->
3407	<div id="sidebar-content" class="sidebar-content">
3408		<div class="sidebar">
3409			<div class="sidebar_header">
3410				<div class="sidebar_log_box">
3411					                        <p><span class="line">로그인</span>을 하고,<br> <span>다양한 서비스</span>를 사용해보세요!</p>
3412						<a href="https://fivepro.co.kr/bbs/login.php" class="login" rel="nosublink">로그인</a>
3413						<a href="https://fivepro.co.kr/bbs/register_form.php" class="" rel="nosublink">회원가입</a>
3414									</div>
3415				
3416				<!--  -->
3417
3418				<div class="sidebar-wing-close sidebar-close sidebar_close" title="닫기">
3419					<span></span>
3420				</div>
3421			</div>
3422			<div class="sidebar_qmenu">
3423				<ul class="sidebar_qmenu_li">
3424										<li>
3425						<a href="https://fivepro.co.kr/shop/mypage.php" rel="nosublink">
3426							<img src="https://fivepro.co.kr/img/icon_side_mypage.png" alt="마이페이지" class="hidden-sm hidden-xs">
3427							<img src="https://fivepro.co.kr/img/icon_side_mypage_m.png" alt="마이페이지" class="hidden-lg hidden-md">
3428							<span class="tit">마이페이지</span>
3429						</a>
3430					</li>
3431				</ul>
3432			</div>
3433		</div>
3434		<!-- Menu -->
3435		<div id="sidebar-menu" class="sidebar-item">
3436					</div>
3437		
3438		<!-- Search -->
3439		<div id="sidebar-search" class="sidebar-item">
3440					</div>
3441						<!-- Cart -->
3442		<div id="sidebar-cart" class="sidebar-item">
3443			<div id="sidebar-cart-list"></div>
3444		</div>
3445				<div class="h30"></div>
3446	</div>
3447
3448</aside>
3449<div id="sidebar-box-mask-bg" class="sidebar-close"></div>
3450
3451<script>
3452// 2024-01-30 FIVESENSES.Corp. 
3453setTimeout(function(){
3454	$.ajax({
3455		url:'https://fivepro.co.kr/thema/FIVESENSES/widget/miso-sidebar/menu.php',
3456		dataType:'html',
3457		type:'POST',
3458		data: {
3459			'menu_id': 'sidebar_menu',
3460			'bo_table': '',
3461			'sca': '',
3462			'ca_id': '',
3463			'hid': '',
3464			'pid': 'login',
3465		},
3466		success:function(str){
3467			$('#sidebar-menu').html(str);
3468		}
3469	});
3470}, 1);
3471</script>
3471
3472
3473
3474
3475<!-- FIVEPRO 2.0.1 -->
3476
3477<!-- Tracking Scripts: 렌더 블로킹 방지를 위해 body 하단에 배치 -->
3478<!-- Smartlog -->
3479<script type="text/javascript">
3480	var hpt_info={'_account':'UHPT-32873', '_server': 'a29'};
3481</script>
vendor: 1 bytes, line 3481
3481
3482<script async language="javascript" src="//cdn.smlog.co.kr/core/smart.js" charset="utf-8"></script>
3482
3483<!-- sense:PATCH FIVESENSES.Corp. [SeoAeoQuickfix] -->
3484<noscript><img src="//a29.smlog.co.kr/smart_bda.php?_account=32873" style="display:none;width:0;height:0;" border="0" alt=""/></noscript>
3485
3486<!-- 카카오모먼트 및 카카오키워드 -->
3487<script async type="text/javascript" charset="UTF-8" src="//t1.daumcdn.net/kas/static/kp.js"
3488    onload="if(window.kakaoPixel){ kakaoPixel('6924592911035644638').pageView(); kakaoPixel('5616082702875933257').pageView(); }"></script>
3488
3489
3490<!-- 네이버 WCS -->
3491<script type="text/javascript">
3492if (!window.wcs_add) var wcs_add={};
3493wcs_add["wa"] = "s_29163d7e8e45";
3494if (!window._nasa) var _nasa={};
3495</script>
vendor: 1 bytes, line 3495
3495
3496<script async type="text/javascript" src="//wcs.naver.net/wcslog.js"
3497    onload="if(window.wcs){ wcs.inflow(); wcs_do(); }"></script>
3497
3498
3499</body>
3500</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.