PageSourceSearch

https://daymer.co.kr/

html daymer.co.kr collected 2026-10-05 20:46:14 UTC 53,342 bytes, 1,883 lines download raw bytes

1<!doctype html>
2<html lang="ko">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
7    <meta http-equiv="imagetoolbar" content="no">
8<meta http-equiv="X-UA-Compatible" content="IE=edge">
9    <title>김포 풀파티 데이메르 X Party Room Daymer</title>
10    <link rel="stylesheet" href="https://daymer.co.kr/theme/basic/css/default.css?ver=171222">
11    <meta name="HandheldFriendly" content="true">
12    <meta http-equiv="X-UA-Compatible" content="IE=edge">
13    <meta name="format-detection" content="telephone=no">
14    <meta name="naver-site-verification" content="7c746d0dcec396b8fad85b9a1bf889875d53e586" />
15    <link rel="apple-touch-icon" sizes="57x57" href="/farvicon/apple-icon-57x57.png">
16    <link rel="apple-touch-icon" sizes="60x60" href="/farvicon/apple-icon-60x60.png">
17    <link rel="apple-touch-icon" sizes="72x72" href="/farvicon/apple-icon-72x72.png">
18    <link rel="apple-touch-icon" sizes="76x76" href="/farvicon/apple-icon-76x76.png">
19    <link rel="apple-touch-icon" sizes="114x114" href="/farvicon/apple-icon-114x114.png">
20    <link rel="apple-touch-icon" sizes="120x120" href="/farvicon/apple-icon-120x120.png">
21    <link rel="apple-touch-icon" sizes="144x144" href="/farvicon/apple-icon-144x144.png">
22    <link rel="apple-touch-icon" sizes="152x152" href="/farvicon/apple-icon-152x152.png">
23    <link rel="apple-touch-icon" sizes="180x180" href="/farvicon/apple-icon-180x180.png">
24    <link rel="icon" type="image/png" sizes="192x192" href="/farvicon/android-icon-192x192.png">
25    <link rel="icon" type="image/png" sizes="32x32" href="/farvicon/favicon-32x32.png">
26    <link rel="icon" type="image/png" sizes="96x96" href="/farvicon/favicon-96x96.png">
27    <link rel="icon" type="image/png" sizes="16x16" href="/farvicon/favicon-16x16.png">
28    <link rel="manifest" href="/farvicon/manifest.json">
29    <meta name="msapplication-TileColor" content="#ffffff">
30    <meta name="msapplication-TileImage" content="/farvicon/ms-icon-144x144.png">
31    <meta name="theme-color" content="#ffffff">
32
33    <meta name="title" content="김포 풀파티 데이메르 X Party Room Daymer">
34    <meta name="author" content="김포 풀파티 데이메르 X Party Room Daymer">
35    <meta name="keywords" content="데이메르,daymer,소자본창업,은퇴창업,청년창업,프랜차이즈,프렌차이즈,풀파티,워터룸,여자창업,청년창업,키즈풀,김포키즈풀">
36    <meta name="description" content="경기도 김포 운양동 풀파티 전문업체 : 김포본점 데이메르 풀파티 / 김포풀파티, 운양동키즈카페, 풍무동실내수영장, 경기도풀빌라, 김포키즈풀, 키즈풀">
37    <meta itemprop="name" content="김포 풀파티 데이메르 X Party Room Daymer">
38    <meta property="og:url" content="https://daymer.co.kr/">
39    <meta itemprop="description" content="경기도 김포 운양동 풀파티 전문업체 : 김포본점 데이메르 풀파티 / 김포풀파티, 운양동키즈카페, 풍무동실내수영장, 경기도풀빌라, 김포키즈풀, 키즈풀">
40    <meta itemprop="keywords" content="데이메르,daymer,소자본창업,은퇴창업,청년창업,프랜차이즈,프렌차이즈,풀파티,워터룸,여자창업,청년창업,키즈풀,김포키즈풀">
41    <meta http-equiv="Expires" content="-1">
42    <meta property="og:locale" content="ko_KR">
43    <meta property="og:type" content="website">
44    <meta property="og:site_name" content="김포 풀파티 데이메르 X Party Room Daymer">
45    <meta property="og:title" content="김포 풀파티 데이메르 X Party Room Daymer">
46    <meta property="og:description" content="경기도 김포 운양동 풀파티 전문업체 : 김포본점 데이메르 풀파티 / 김포풀파티, 운양동키즈카페, 풍무동실내수영장, 경기도풀빌라, 김포키즈풀, 키즈풀">
47    <meta property="og:url" content="https://daymer.co.kr/">
48    <meta property="og:image" content="https://daymer.co.kr/theme/basic/images/main/og_img.jpg">
49
50    
50<script type="application/ld+json">
51        {
52            "@context": "http://schema.org",
53            "@type": "Person",
54            "name": "김포 풀파티 데이메르 X Party Room Daymer",
55            "url": "https://daymer.co.kr/",
56            "sameAs": [
57                "https://www.instagram.com/daymer_gimpo/"
58            ]
59        }
60
61    </script>
61
62
63    <!--[if lte IE 8]>
64<script src="https://daymer.co.kr/js/html5.js"></script>
64
65<![endif]-->
66
67    <!--  basic  -->
68    <link rel="stylesheet" href="https://daymer.co.kr/theme/basic/css/default.css">
69    <link rel="stylesheet" href="https://daymer.co.kr/theme/basic/css/layout.css">
70    <link rel="stylesheet" href="https://daymer.co.kr/theme/basic/css/fonts.css">
71    <link rel="stylesheet" href="https://daymer.co.kr/theme/basic/css/bo_cm.css">
72    <!--  plugin  -->
73    <link rel="stylesheet" href="https://daymer.co.kr/theme/basic/plugin/fullpage/jquery.fullpage.css">
74    <!--  swiper  -->
75    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/css/swiper.min.css">
76    <!--  link  -->
77    <link rel="stylesheet" href="https://cdn.rawgit.com/daneden/animate.css/v3.1.0/animate.min.css">
78    <link rel="stylesheet" href="https://cdn.lineicons.com/3.0/lineicons.css">
79    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" />
80    <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@1,600&amp;display=swap" rel="stylesheet">
81    <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;1,500&display=swap" rel="stylesheet">
82
83    <!--[if lte IE 9]>
83<script src="https://daymer.co.kr/js/html5.js"></script>
83<script src="https://daymer.co.kr/theme/basic/js/respond.js"></script>
83<![endif]-->
84    
84<script>
85        // 자바스크립트에서 사용하는 전역변수 선언
86        var g5_url = "https://daymer.co.kr";
87        var g5_bbs_url = "https://daymer.co.kr/bbs";
88        var g5_is_member = "";
89        var g5_is_admin = "";
90        var g5_is_mobile = "";
91        var g5_bo_table = "";
92        var g5_sca = "";
93        var g5_editor = "";
94        var g5_cookie_domain = "";
95
96    </script>
96
97
98    <!--  basic  -->
99    
99<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
99
100    
100<script src="https://daymer.co.kr/js/jquery.menu.js?ver=171222"></script>
100
101    
101<script src="https://daymer.co.kr/js/common.js?ver=171222"></script>
101
102    
102<script src="https://daymer.co.kr/js/wrest.js?ver=171222"></script>
102
103    
103<script src="https://daymer.co.kr/js/placeholders.min.js"></script>
103
104    
104<script src="https://daymer.co.kr/theme/basic/js/main.js"></script>
104
105    <!--  plugin  -->
106    
106<script src="https://daymer.co.kr/theme/basic/plugin/loader/loading.js"></script>
106
107    <!--
108    
108<script src="https://daymer.co.kr/theme/basic/plugin/split/SplitText3.min.js"></script>
108
109    
109<script src="https://daymer.co.kr/theme/basic/plugin/gsap/gsap.min.js"></script>
109
110-->
111    
111<script src="https://daymer.co.kr/theme/basic/plugin/fullpage/jquery.fullpage.js"></script>
111
112    <!--  swiper  -->
113    
113<script src="https://kudago.github.io/swiper-fullscreen/build.js"></script>
113
114    
114<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/js/swiper.min.js"></script>
114
115    <!--  link  -->
116    
116<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
116
117    
117<script src="https://cdn.rawgit.com/matthieua/WOW/1.0.1/dist/wow.min.js"></script>
117
118    
118<script src="https://daymer.co.kr/theme/basic/plugin/splitting/splitting.min.js"></script>
118
119
120
121    </head>
122<body>
123    
124<style>
125    /******* 헤더 *******/
126
127    a {
128        color: $text-base-color;
129        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
130        # or transparent;
131
132        &:hover,
133        &focus {
134            color: $black;
135        }
136    }
137
138    #header {
139        position: fixed;
140        top: 0;
141        left: 0;
142        width: 100%;
143        z-index: 10;
144        height: 100px;
145        background: transparent;
146        transition: background .3s;
147        -webkit-transition: background .3s;
148    }
149
150    #header:before {
151        position: absolute;
152        top: 100px;
153        left: 0;
154        width: 100%;
155        height: 0;
156        background: #fff;
157        border-top: 1px solid #ddd;
158        border-bottom: 1px solid #ddd;
159        content: '';
160        opacity: 0;
161        transition: opacity .3s, height .3s;
162        -webkit-transition: opacity .3s, height .3s;
163    }
164
165    #header.white {
166        background: rgba(126, 51, 54, 0.92);
167    }
168
169    #header.white .top-call p {
170        color: #fff;
171    }
172
173    #header.active .top-call p {
174        color: #203D39;
175    }
176
177    #header.white.active .logo>a:before {
178        background: url(https://daymer.co.kr/theme/basic/images/main/logo1.png) no-repeat 0 0;
179    }
180
181    #header.active .logo>a:before {
182        background: url(https://daymer.co.kr/theme/basic/images/main/logo1.png) no-repeat 0 0;
183    }
184
185    #header.white .logo>a:before {
186        position: absolute;
187        top: 0;
188        left: 0;
189        width: 100%;
190        height: 100%;
191        content: '';
192        background: url(https://daymer.co.kr/theme/basic/images/main/logo2.png) no-repeat 0 0;
193    }
194
195
196    #header.white #gnb-pc .gnb-li>a>span {
197        color: #fff;
198    }
199
200    #header.active.white .top-call p {
201        color: #203D39;
202    }
203
204    #header.active.white #gnb-pc .gnb-li>a>span {
205        color: #203D39;
206    }
207
208    #header .header-wrap {
209        position: relative;
210        height: 100%;
211        margin: auto;
212        width: 100%;
213        padding: 0 40px;
214    }
215
216    #header .logo {
217        position: absolute;
218        z-index: 10;
219        top: 32px;
220        left: 40px;
221    }
222
223    #header .logo>a {
224        position: relative;
225        display: inline-block;
226        width: 150px;
227        height: 46px;
228        vertical-align: middle;
229    }
230
231    #header .logo>a:before {
232        position: absolute;
233        top: 0;
234        left: 0;
235        width: 100%;
236        height: 100%;
237        content: '';
238        background: url(https://daymer.co.kr/theme/basic/images/main/logo1.png) no-repeat 0 0;
239    }
240
241
242    #header .nav-wrap {
243        position: relative;
244        z-index: 2;
245    }
246
247
248    #header #gnb-pc {
249        display: flex;
250        justify-content: center;
251        margin: 0 auto;
252        height: 100px;
253        line-height: 100px;
254        max-width: 900px;
255    }
256
257    #header #gnb-pc .gnb-li {
258
259        width: 158px;
260        height: 100px;
261        color: #000;
262    }
263
264    #header #gnb-pc .gnb-li>a {
265        position: relative;
266        display: inline-block;
267        text-align: center;
268        width: 100%;
269        font-weight: 500;
270    }
271
272    #header.active #gnb-pc .gnb-li>a>span {
273        color: #111;
274    }
275
276    #header #gnb-pc .gnb-li>a>span {
277        position: relative;
278        display: block;
279        font-size: 18px;
280        color: #fff;
281    }
282
283    #header #gnb-pc .gnb-li>a>span:before {
284        position: absolute;
285        z-index: 1;
286        bottom: -2px;
287        left: 50%;
288        transform: translateX(-50%);
289        -webkit-transform: translateX(-50%);
290        width: 0;
291        height: 3px;
292        background: #7E3336;
293        content: '';
294        opacity: 0;
295        transition: width .3s, opacity .3s;
296        -webkit-transition: width .3s, opacity .3s;
297    }
298
299    #header.active #gnb-pc .gnb-li>a:hover>span:before,
300    #header.active #gnb-pc .gnb-li>a:focus>span:before,
301    #header.active #gnb-pc .gnb-li.active>a>span:before {
302        width: 100%;
303        opacity: 1;
304    }
305
306    #header #gnb-pc .gnb-li>a:hover>span,
307    #header #gnb-pc .gnb-li>a:focus>span,
308    #header #gnb-pc .gnb-li.active>a>span {
309        color: #7E3336;
310    }
311
312    #header #gnb-pc .dph2 {
313        position: relative;
314        overflow: hidden;
315        margin: 0 !important;
316        opacity: 0;
317        width: 100%;
318        height: 0;
319        border-left: 1px solid #ddd;
320        transition: opacity .3s, height .3s;
321        -webkit-transition: opacity .3s, height .3s;
322    }
323
324    #header #gnb-pc .gnb-li:last-of-type .dph2 {
325        border-right: 1px solid #ddd;
326    }
327
328    #header #gnb-pc .dph2:hover {
329        transition: all .3s;
330        background: rgba(126, 51, 54, 0.05);
331    }
332
333    #header #gnb-pc .sub-dph2 {
334        color: #767676;
335        text-align: center;
336        line-height: 2.5;
337        font-weight: 300;
338
339        transition: color .3s;
340        -webkit-transition: color .3s;
341    }
342
343    #header #gnb-pc .sub-dph2>a>span {
344        position: relative;
345        display: inline-block;
346        font-size: 15px;
347    }
348
349    #header #gnb-pc .sub-dph2>a>span:before {
350        position: absolute;
351        bottom: 8px;
352        left: 0;
353        width: 0;
354        height: 1px;
355        background: #555;
356        content: '';
357        -webkit-transition: width .3s;
358        transition: width .3s;
359    }
360
361    #header #gnb-pc .sub-dph2:hover,
362    #header #gnb-pc .sub-dph2:focus,
363    #header #gnb-pc .sub-dph2.active {
364        color: #555;
365    }
366
367    #header #gnb-pc .sub-dph2:hover>a>span:before,
368    #header #gnb-pc .sub-dph2:focus>a>span:before,
369    #header #gnb-pc .sub-dph2.active>a>span:before {
370        width: 100%;
371    }
372
373    #header.active {
374        background: #fff;
375    }
376
377    #header.active:before {
378        opacity: 1;
379        height: 280px;
380    }
381
382    #header.active:after {
383        opacity: 1;
384        height: 240px;
385    }
386
387    /*
388    #header.onscr .header-wrap {
389        border-bottom: 1px solid #eee;
390    }
391*/
392
393    #header.active #gnb-pc .gnb-li>a {
394        color: #000;
395    }
396
397    #header.active #gnb-pc .dph2 {
398        padding-top: 32px;
399        opacity: 1;
400        height: 280px;
401    }
402
403    .dim {
404        position: fixed;
405        top: 105px;
406        left: 0;
407        width: 100%;
408        height: 100%;
409        background: rgba(0, 0, 0, .3);
410        z-index: -1;
411        display: none;
412    }
413
414    .dim.active {
415        display: block;
416    }
417
418    .top-call {
419        position: absolute;
420        top: 36px;
421        right: 40px;
422    }
423
424    .top-call p {
425        font-size: 22px;
426        color: #fff;
427        font-weight: 600;
428        font-family: 'Spoqa Han Sans Neo', 'sans-serif';
429    }
430
431    #header.active #gnb-pc .gnb-li.active .dph2 {
432        background: #f9f9f9;
433        border-bottom: 1px solid #ddd;
434    }
435
436
437    @media screen and (max-width:1600px) {
438        #header #gnb-pc .gnb-li {
439            width: 138px;
440        }
441    }
442
443    @media screen and (max-width:1400px) {
444        #header #gnb-pc .gnb-li {
445            width: 120px;
446        }
447    }
448
449    @media screen and (max-width:1220px) {
450        #header #gnb-pc .gnb-li {
451            width: 118px;
452        }
453    }
454
455    @media screen and (max-width:1200px) {
456        .nav-wrap {
457            display: none;
458        }
459
460    }
461
462    @media screen and (max-width:780px) {
463        #header {
464            height: 85px;
465        }
466
467        #header .logo {
468            top: 30px;
469            left: 22px;
470        }
471
472    }
473
474    @media screen and (max-width:1200px) {
475
476        .top-call {
477            right: 120px;
478        }
479
480        .top-call {
481            display: none;
482        }
483    }
484
485    @media screen and (max-width:660px) {}
486
487
488    #header.white .mob-menu-btn {
489        transition: all .3s;
490    }
491    
492    .mob-menu-btn i {
493        color: #fff;
494        font-size: 32px;
495    }
496
497    #header.white.active .mob-menu-btn i {
498        color: #fff;
499    }
500
501    #header.active .mob-menu-btn i {
502        color: #111;
503    }
504
505    #header.on .mob-menu-btn i {
506        color: #111;
507    }
508
509    #header.white .mob-menu-btn i {
510        color: #fff;
511    }
512
513    .mob-side-bar {
514        position: fixed;
515        background: rgb(245 245 245 / 92%);
516        width: 100%;
517        height: 100%;
518        position: fixed;
519        top: 0;
520        right: -100%;
521        display: block;
522        overflow-y: auto;
523        transition: .5s ease;
524        transition-property: right;
525        padding: 30px;
526        z-index: 999;
527    }
528
529    .mob-side-bar.active {
530        right: 0;
531    }
532
533    .mob-menu .side-dim {
534        position: fixed;
535        width: 100%;
536        height: 100%;
537        background: rgba(0, 0, 0, .44);
538        top: 0;
539        right: 0;
540        z-index: 30;
541        display: none;
542        transition: all .9s ease;
543    }
544
545    .mob-menu .side-dim.active {
546        display: block;
547        transition: all .6s ease;
548    }
549
550    .mob-side-bar .menu {
551        width: 100%;
552        margin-top: 240px;
553    }
554
555    .mob-side-bar .menu .item {
556        position: relative;
557        cursor: pointer
558    }
559
560    .mob-side-bar .menu .item a {
561        color: #fff;
562        background: #323335;
563        font-size: 16px;
564        display: block;
565        padding: 5px 30px;
566        line-height: 60px;
567    }
568
569    .mob-side-bar .menu .item a:hover {
570        background: #393939;
571        transition: .3s ease;
572    }
573
574    .mob-side-bar .menu .item a i {
575        margin-right: 15px;
576        font-size: 15px;
577    }
578
579    .mob-side-bar .menu .item .dropdown {
580        position: absolute;
581        right: 0;
582        margin: 20px;
583        transition: .3s ease;
584    }
585
586    .mob-side-bar .menu .item .sub-menu {
587        background: rgba(255, 255, 255, .1);
588        display: none;
589    }
590
591    .mob-side-bar .menu .item .sub-menu a {
592        padding-left: 80px;
593    }
594
595    .rotate {
596        transform: rotate(90deg);
597    }
598
599    .mob-close-btn {
600        position: absolute;
601        top: 10px;
602        right: 0;
603        cursor: pointer;
604    }
605
606
607    .mob-close-btn i {
608        font-size: 30px;
609        color: #333;
610    }
611
612    .mob-menu-btn {
613        position: absolute;
614        cursor: pointer;
615        right: 40px;
616        top: 35px;
617        z-index: 20;
618    }
619
620
621
622    .menu .ft_1dpth {
623        display: flex;
624        justify-content: space-between;
625        max-width: 1200px;
626        margin: 0 auto;
627    }
628
629    .menu .ft_1dpth h3 {
630        color: #333;
631        margin-bottom: 32px;
632        font-size: 32px;
633    }
634
635    .menu .ft_1dpth a {
636        color: #888;
637        font-size: 18px;
638    }
639
640    .menu .ft_1dpth a:hover {
641        color: #000;
642    }
643
644    .menu .ft_2dpth li {
645        padding: 4px 0;
646    }
647
648    .menu .tit {
649        position: relative;
650        max-width: 1200px;
651        margin: 0 auto 80px;
652    }
653
654    .menu .tit h2 {
655        font-size: 72px;
656        color: #7E3336;
657    }
658
659
660
661    .mob_nav_btn {
662        display: block;
663        position: fixed;
664        top: 50px;
665        right: 10px;
666        width: 30px;
667        height: 30px;
668        transform: translate(-50%, -50%);
669        z-index: 11;
670    }
671
672    .mob-con-wrap .dim {
673        position: fixed;
674        top: 0;
675        right: 0;
676        width: 100%;
677        height: 100%;
678        background: rgba(0, 0, 0, .5);
679        z-index: 10;
680        transition: all .3s ease-in-out;
681        display: none;
682    }
683
684    .mob_nav_btn span {
685        display: block;
686        position: absolute;
687        top: 50%;
688        width: 100%;
689        height: 2px;
690        background: #fff;
691        color: transparent;
692        transform: translate(0, -50%);
693        transition: all .5s;
694    }
695
696    .mob_nav_btn span:before,
697    .mob_nav_btn span:after {
698        content: "";
699        position: absolute;
700        left: 0;
701        top: 0;
702        width: 100%;
703        height: 2px;
704        background: #fff;
705        transition: all .5s;
706    }
707
708    @media (max-width:768px) {
709        .mob_nav_btn  {
710            top: 45px;
711        }
712        
713        .mob_nav_btn.white span {
714            background: #fff;
715        }
716        
717           .mob_nav_btn.white span:before,
718       .mob_nav_btn.white span:after {
719            background: #fff;
720        }
721    }
722    
723    .mob_nav_btn span:before {
724        top: -8px;
725    }
726
727    .mob_nav_btn span:after {
728        top: 8px;
729    }
730
731    .mob-con-wrap .mob_con {
732        position: absolute;
733        top: 0;
734        right: 0;
735        width: 400px;
736        height: 100%;
737        background: #fff;
738        z-index: 5;
739    }
740
741    .mob-con-wrap .menu_list {
742        display: flex;
743        flex-direction: column;
744        width: 100%;
745        padding: 50px 20px 0 20px;
746    }
747
748    .mob-con-wrap .menu_list>li {
749        position: relative;
750        display: block;
751        width: 100%;
752        margin: 0;
753        border-bottom: 1px solid #eee;
754    }
755
756
757    .mob-con-wrap .menu_list>li>a {
758        display: block;
759        width: 100%;
760        height: 100%;
761        padding: 18px 30px;
762        line-height: 60px;
763        position: relative;
764    }
765
766    .mob-con-wrap .menu_list .sub_list {
767        padding: 18px 30px;
768    }
769
770    .mob-con-wrap .menu_list>li>a>span {
771        display: flex;
772        align-items: center;
773        font-size: 18px;
774        font-weight: 700;
775        transform: translateX(0%);
776        line-height: 1;
777    }
778
779    .mob-con-wrap .menu_list .sub_list {
780        display: none;
781        opacity: 1;
782    }
783
784    .mob-con-wrap .menu_list .sub_list>li {
785        line-height: 1;
786        margin-bottom: 20px;
787    }
788
789    .mob-con-wrap .menu_list .sub_list>li>a {
790        font-size: 18px;
791        font-weight: 400;
792        line-height: 1;
793    }
794
795    .mob_nav_btn.show span {
796        background: transparent !important;
797    }
798
799    .mob_nav_btn.show span:before {
800        top: 0px;
801        transform: rotate(45deg);
802        background: #111;
803    }
804
805    .mob_nav_btn.show span:after {
806        top: 0px;
807        transform: rotate(-45deg);
808        background: #111;
809    }
810
811    .mob-con-wrap .dim.show {
812        display: block;
813    }
814
815    .mob-con-wrap .menu_list a .dropdown {
816        position: absolute;
817        right: 0;
818        margin: 0;
819        top: 20px;
820        transition: .3s ease;
821        transform: rotate(0);
822    }
823
824    .mob-con-wrap .menu_list a.on .dropdown {
825        transform: rotate(90deg);
826    }
827
828
829    .mob-con-wrap .call-bnn {
830        height: 160px;
831        background: url(https://daymer.co.kr/theme/basic/images/main/mbg.jpg) top center no-repeat;
832        background-size: cover;
833        padding: 60px 30px;
834    }
835
836    .mob-con-wrap .call-bnn p {
837        font-size: 13px;
838        line-height: 1;
839        margin-bottom: 8px;
840        color: #fff;
841    }
842
843    .mob-con-wrap .call-bnn .mcall {
844        color: #fff;
845        font-size: 28px;
846        font-family: 'Spoqa Han Sans Neo', 'sans-serif';
847        font-weight: bold;
848    }
849
850    @media screen and (min-width:1024px) {
851        .mob_nav_btn {
852            display: none;
853        }
854    }
855
856    @media screen and (max-width:1024px) {
857        .mob-menu-btn {
858            display: none;
859        }
860
861        .mob_nav_btn {
862            display: block;
863        }
864    }
865
866</style>
867
868<header id="header" class="">
869    <div class="dim"></div>
870    <div class="header-wrap">
871        <h1 class="logo"><a href="https://daymer.co.kr/"></a></h1>
872        <div class="nav-wrap">
873            <nav>
874                <ul id="gnb-pc">
875                    <li class="gnb-li">
876                        <a href="https://daymer.co.kr/theme/basic/sub1_1.php"><span>브랜드소개</span></a>
877                        <ul class="dph2">
878                            <li class="sub-dph2">
879                                <a href="https://daymer.co.kr/theme/basic/sub1_1.php"><span>
879데이메르</span></a>
880                            </li>
881                            <li class="sub-dph2">
882                                <a href="https://daymer.co.kr/theme/basic/sub1_2.php"><span>CEO인사말</span></a>
883                            </li>
884                            <li class="sub-dph2">
885                                <a href="https://daymer.co.kr/theme/basic/sub1_3.php"><span>CI</span></a>
886                            </li>
887                        </ul>
888                    </li>
889                    <li class="gnb-li">
890                        <a href="https://daymer.co.kr/type.php"><span>타입안내</span></a>
891                        <ul class="dph2">
892                            <li class="sub-dph2">
893                                <a href="https://daymer.co.kr/atype.php"><span>SUPERIOR</span></a>
894                            </li>
895                            <li class="sub-dph2">
896                                <a href="https://daymer.co.kr/btype.php"><span>DELUXE</span></a>
897                            </li>
898                            <li class="sub-dph2">
899                                <a href="https://daymer.co.kr/ctype.php"><span>SUITE</span></a>
900                            </li>
901                            <li class="sub-dph2">
902                                <a href="https://daymer.co.kr/stype.php"><span>PENTHOUSE</span></a>
903                            </li>
904                        </ul>
905                    </li>
906                    <li class="gnb-li">
907                        <a href="https://daymer.co.kr/guide.php"><span>가맹안내</span></a>
908                        <ul class="dph2">
909                            <li class="sub-dph2">
910                                <a href="https://daymer.co.kr/guide.php"><span>가맹안내</span></a>
911                            </li>
912                                                        <li class="sub-dph2">
913                                <a href="https://daymer.co.kr/theme/basic/daymer_list.php"><span>가맹현황</span></a>
914                            </li>
915                            <!--
916                            <li class="sub-dph2">
917                                <a href="https://daymer.co.kr/bbs/board.php?bo_table=brand"><span>제휴 브랜드</span></a>
918                            </li>
919-->
920                        </ul>
921                    </li>
922                    <li class="gnb-li">
923                        <a href="https://daymer.co.kr/theme/basic/insta.php"><span>마케팅</span></a>
924                        <ul class="dph2">
925                            <li class="sub-dph2">
926                                <a href="https://daymer.co.kr/theme/basic/insta.php"><span>인스타 </span></a>
927                            </li>
928                            <li class="sub-dph2">
929                                <a href="https://daymer.co.kr/bbs/board.php?bo_table=notice"><span>유튜브 </span></a>
930                            </li>
931                        </ul>
932                    </li>
933                    <li class="gnb-li">
934                        <a href="https://daymer.co.kr/bbs/write.php?bo_table=qa"><span>창업견적내기</span></a>
935                        <ul class="dph2">
936                            <li class="sub-dph2">
937                                <a href="https://daymer.co.kr/bbs/write.php?bo_table=qa"><span>창업견적내기 </span></a>
938                            </li>
939                        </ul>
940                    </li>
941                </ul>
942            </nav>
943        </div>
944        <div class="mob-menu-btn">
945            <i class="lni lni-menu"></i>
946        </div>
947
948    </div>
949</header>
950<a href="#a" class="mob_nav_btn" style="">
951    <span class="line"></span>
952</a>
953<div class="mob-menu">
954    <div class="side-dim"></div>
955    <div class="mob-side-bar">
956
957        <div class="menu">
958            <div class="menu_inner">
959                <div class="tit">
960                    <h2>SITE MAP</h2>
961                    <div class="mob-close-btn">
962                        <i class="lni lni-cross-circle"></i>
963                    </div>
964                </div>
965                <nav>
966                    <ul class="ft_1dpth">
967                        <li>
968                            <h3>브랜드소개</h3>
969                            <ul class="ft_2dpth">
970                                <li>
971                                    <a href="https://daymer.co.kr/theme/basic/sub1_1.php">데이메르소개</a>
972                                </li>
973                                <li>
974                                    <a href="https://daymer.co.kr/theme/basic/sub1_2.php">CEO인사말</a>
975                                </li>
976                                <li>
977                                    <a href="https://daymer.co.kr/theme/basic/sub1_3.php">CI</a>
978                                </li>
979                            </ul>
980                        </li>
981                        <li>
982                            <h3>타입안내</h3>
983                            <ul class="ft_2dpth">
984                                <li>
985                                    <a href="https://daymer.co.kr/atype.php">SUPERIOR</a>
986                                </li>
987                                <li>
988                                    <a href="https://daymer.co.kr/btype.php">DELUXE</a>
989                                </li>
990                                <li>
991                                    <a href="https://daymer.co.kr/ctype.php">SUITE</a>
992                                </li>
993                                <li>
994                                    <a href="https://daymer.co.kr/stype.php">PENTHOUSE</a>
995                                </li>
996                            </ul>
997                        </li>
998                        <li>
999                            <h3>가맹안내</h3>
1000                            <ul class="ft_2dpth">
1001                                <li>
1002                                    <a href="https://daymer.co.kr/guide.php">가맹안내</a>
1003                                </li>
1004                                <li>
1005                                    <a href="https://daymer.co.kr/theme/basic/daymer_list.php">가맹현황</a>
1006                                </li>
1007                                <!--
1008                                <li>
1009                                    <a href="https://daymer.co.kr/bbs/board.php?bo_table=brand">제휴 브랜드</a>
1010                                </li>
1011-->
1012                            </ul>
1013                        </li>
1014                        <li>
1015                            <h3>마케팅</h3>
1016                            <ul class="ft_2dpth">
1017                                <li>
1018                                    <a href="https://daymer.co.kr/theme/basic/insta.php">마케팅</a>
1019                                </li>
1020                            </ul>
1021                        </li>
1022                        <li>
1023                            <h3>창업견적내기</h3>
1024                            <ul class="ft_2dpth">
1025                                <li>
1026                                    <a href="https://daymer.co.kr/bbs/write.php?bo_table=qa">창업견적내기</a>
1027                                </li>
1028                            </ul>
1029                        </li>
1030                    </ul>
1031                </nav>
1032            </div>
1033        </div>
1034    </div>
1035</div>
1036
1037<div class="mob-con-wrap" style="">
1038    <div class="dim">
1039        <div class="mob_con">
1040            <div class="call-bnn">
1041                <p>설렘이 가득한 제주, 리체힐아라</p>
1042                <a href="tel:0647219167" class="mcall">064-721-9167</a>
1043            </div>
1044            <nav class="menu_wrap">
1045                <ul class="menu_list">
1046                    <li class="">
1047                        <a href="#" class="">
1048                            <span class="">브랜드소개</span>
1049                            <i class="lni lni-chevron-right dropdown"></i>
1050                        </a>
1051                        <ul class="sub_list" style="">
1052                            <li class="">
1053                                <a href="https://daymer.co.kr/theme/basic/sub1_1.php"><span>
1053데이메르</span></a>
1054                            </li>
1055                            <li class="">
1056                                <a href="https://daymer.co.kr/theme/basic/sub1_2.php"><span>CEO인사말</span></a>
1057                            </li>
1058                            <li class="">
1059                                <a href="https://daymer.co.kr/theme/basic/sub1_3.php"><span>CI</span></a>
1060                            </li>
1061                        </ul>
1062                    </li>
1063                    <li class="">
1064                        <a href="#" class="">
1065                            <span class="">타입안내</span>
1066                            <i class="lni lni-chevron-right dropdown"></i>
1067                        </a>
1068                        <ul class="sub_list" style="">
1069                            <li class="">
1070                                <a href="https://daymer.co.kr/atype.php"><span>SUPERIOR</span></a>
1071                            </li>
1072                            <li class="">
1073                                <a href="https://daymer.co.kr/btype.php"><span>DELUXE</span></a>
1074                            </li>
1075                            <li class="">
1076                                <a href="https://daymer.co.kr/ctype.php"><span>SUITE</span></a>
1077                            </li>
1078                            <li class="">
1079                                <a href="https://daymer.co.kr/stype.php"><span>PENTHOUSE</span></a>
1080                            </li>
1081                        </ul>
1082                    </li>
1083                    <li class="">
1084                        <a href="#" class="">
1085                            <span class="">가맹안내</span>
1086                            <i class="lni lni-chevron-right dropdown"></i>
1087                        </a>
1088                        <ul class="sub_list" style="">
1089                            <li class="">
1090                                <a href="https://daymer.co.kr/guide.php"><span>가맹안내 </span></a>
1091                            </li>
1092                            <li class="">
1093                                <a href="https://daymer.co.kr/theme/basic/daymer_list.php"><span>가맹현황 </span></a>
1094                            </li>
1095                            <!--
1096                            <li class="">
1097                                <a href="https://daymer.co.kr/bbs/board.php?bo_table=brand"><span>제휴 브랜드 </span></a>
1098                            </li>
1099-->
1100                        </ul>
1101                    </li>
1102                    <li class="">
1103                        <a href="#" class="">
1104                            <span class="">마케팅</span>
1105                            <i class="lni lni-chevron-right dropdown"></i>
1106                        </a>
1107                        <ul class="sub_list" style="">
1108                            <li class="">
1109                                <a href="https://daymer.co.kr/theme/basic/insta.php"><span>마케팅</span></a>
1110                            </li>
1111                        </ul>
1112                    </li>
1113                    <li class="">
1114                        <a href="#" class="">
1115                            <span class="">창업견적내기</span>
1116                            <i class="lni lni-chevron-right dropdown"></i>
1117                        </a>
1118                        <ul class="sub_list" style="">
1119                            <li class="">
1120                                <a href="https://daymer.co.kr/bbs/write.php?bo_table=qa"><span>창업견적내기 </span></a>
1121                            </li>
1122                        </ul>
1123                    </li>
1124                </ul>
1125            </nav>
1126        </div>
1127    </div>
1128</div>
1129<script>
1130    $(document).ready(function() {
1131        $("#gnb-pc").on("focusin mouseenter", function(event) {
1132            $(this).parents("#header").addClass('active');
1133            $(".dim").addClass("active");
1134            event.preventDefault();
1135        });
1136        $("#gnb-pc").on("focusout mouseleave", function(event) {
1137            $(this).parents("#header").removeClass('active');
1138            $(".dim").removeClass("active");
1139            event.preventDefault();
1140        });
1141        $("#gnb-pc > li > a").on("click", function() {
1142            $(this).parent().addClass('active').siblings().removeClass('active');
1143        });
1144    });
1145
1146    $(window).scroll(function() {
1147        var scroll = $(this).scrollTop();
1148
1149        if (scroll >= 1) {
1150            $("#header").addClass("white");
1151            $(".mob_nav_btn").addClass("white");
1152        } else {
1153            $("#header").removeClass("white");
1154            $(".mob_nav_btn").removeClass("white");
1155        }
1156    });
1157
1158
1159    $(document).ready(function() {
1160        $('.sub-btn').click(function() {
1161            $(this).next('.sub-menu').slideToggle();
1162            $(this).find('.dropdown').toggleClass('rotate');
1163        });
1164
1165        $('.mob-menu-btn').click(function() {
1166            $('.mob-side-bar').addClass('active');
1167            $('.side-dim').addClass('active');
1168            $('.mob-menu-btn').css("visibiliry", "hidden");
1169        });
1170
1171        $('.mob-close-btn').click(function() {
1172            $('.mob-side-bar').removeClass('active');
1173            $('.side-dim').removeClass('active');
1174            $('.mob-menu-btn').css("visibiliry", "visible");
1175        });
1176    });
1177
1178
1179    $(document).ready(function() {
1180        $(".mob_nav_btn").click(function() {
1181            if ($('.mob_nav_btn').hasClass('show')) {
1182                $('.mob_nav_btn').removeClass('show');
1183                $('.dim').removeClass('show');
1184            } else {
1185                $('.mob_nav_btn').addClass('show');
1186                $('.dim').addClass('show');
1187            }
1188        });
1189
1190        $('.menu_list>li>a').on('click', function() {
1191
1192            function slideDown(target) {
1193                slideUp();
1194                $(target).addClass('on').next().slideDown();
1195            }
1196
1197            function slideUp() {
1198                $('.menu_list>li>a').removeClass('on').next().slideUp();
1199            };
1200            $(this).hasClass('on') ? slideUp() : slideDown($(this));
1201
1202        });
1203
1204    });
1205
1206</script>
1206
1207
1208<style>
1209    #header.active .logo>a:before {
1210        background: url(https://daymer.co.kr/theme/basic/images/main/logo1.png) no-repeat 0 0 !important;
1211    }
1212
1213    #header .logo>a:before {
1214        background: url(https://daymer.co.kr/theme/basic/images/main/logo2.png) no-repeat 0 0 !important;
1215    }
1216
1217    #header #gnb-pc .gnb-li>a>span {
1218        color: #fff;
1219    }
1220
1221    #header.white .mob-menu-btn i {
1222        color: #fff;
1223    }
1224
1225    .mob-menu-btn i {
1226        color: #fff;
1227    }
1228
1229    @media (max-width:768px) {
1230        .mob_nav_btn span {
1231            background: #fff;
1232        }
1233
1234        .mob_nav_btn span:before,
1235        .mob_nav_btn span:after {
1236            background: #fff;
1237        }
1238    }
1239
1240    body {
1241        overflow-x: hidden;
1242    }
1243
1244    @media screen and (max-width:820px) {
1245        .header__video {
1246            margin-top: 50px;
1247            position: relative;
1248            width: 100%;
1249            padding-bottom: 56.25%;
1250        }
1251
1252        .header__background iframe {
1253            position: absolute;
1254            width: 100%;
1255            height: 100%;
1256        }
1257    }
1258
1259    .video_wrap {
1260        position: relative;
1261        overflow: hidden;
1262        width: 100vw;
1263        height: 100vh;
1264    }
1265
1266    .video {
1267        position: absolute;
1268        top: 50%;
1269        left: 50%;
1270        width: 100vw;
1271        height: 100vh;
1272        transform: translate(-50%, -50%);
1273    }
1274
1275    @media (min-aspect-ratio: 16/9) {
1276        .video {
1277            /* height = 100 * (9 / 16) = 56.25 */
1278            height: 56.25vw;
1279        }
1280    }
1281
1282    @media (max-aspect-ratio: 16/9) {
1283        .video {
1284            /* width = 100 / (9 / 16) = 177.777777 */
1285            width: 177.78vh;
1286        }
1287    }
1288
1289</style>
1290<div class="preload" style="">
1291    <div class="pre_preview">
1292        <div><span><img src="https://daymer.co.kr/theme/basic/images/main/prelogo.png" alt=""></span></div>
1293    </div>
1294    
1294<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script>
1294
1295    
1295<script>
1296        function init() {
1297            const tl = gsap.timeline({
1298                ease: "power1.out"
1299            });
1300            tl.fromTo(
1301                    ".pre_preview span", {
1302                        y: "100%",
1303                        opacity: 0
1304                    }, {
1305                        duration: .8,
1306                        stagger: 0.50,
1307                        y: "0%",
1308                        opacity: 1
1309                    }
1310                )
1311                .fromTo(
1312                    ".preload", {
1313                        height: "100vh"
1314                    }, {
1315                        height: "0%"
1316                    },
1317                    "+=0.5"
1318                )
1319                .fromTo(
1320                    ".pre_preview", {
1321                        opacity: 1,
1322                    }, {
1323                        duration: 0.7,
1324                        opacity: 0,
1325                    },
1326                    "+=0.5"
1327                )
1328                .fromTo(
1329                    ".pre_preview", {
1330                        height: "100vh"
1331                    }, {
1332                        height: "0%"
1333                    },
1334                    "+=0.5"
1335                );
1336
1337        }
1338
1339        window.addEventListener("load", () => init());
1340
1341    </script>
1341
1342</div>
1343
1344<div class="video_wrap">
1345    <iframe class="video" src="https://player.vimeo.com/video/939451995?muted=1&autoplay=1&loop=1&title=0&autopause=0&background=1" width="100%" height="100vh" frameborder="0" allow="autoplay; picture-in-picture" allowfullscreen>
1346    </iframe>
1347</div>
1348<script src="https://player.vimeo.com/api/player.js"></script>
1348
1349
1350</div>
1351
1352<style>
1353    #footer {
1354        padding: 80px 0;
1355        background: #000 url(https://daymer.co.kr/theme/basic/images/sub/ftr-bg.png) bottom center no-repeat;
1356        text-align: center;
1357        background-position: 50% 154%;
1358    }
1359
1360    #footer .top-ftr ul {
1361        font-size: 0;
1362
1363    }
1364
1365    #footer .top-ftr ul li {
1366        display: inline-block;
1367        margin-left: 20px;
1368    }
1369
1370    #footer .top-ftr ul li:first-child {
1371        margin-left: 20px;
1372    }
1373
1374    #footer .top-ftr ul li:nth-child(2) a {
1375        color: #b9a48d;
1376    }
1377
1378    #footer .top-ftr ul li a {
1379        font-size: 15px;
1380        color: #6d5d4f;
1381    }
1382
1383    #footer .mid-ftr {
1384        margin-top: 24px;
1385    }
1386
1387    #footer .mid-ftr p {
1388        font-size: 15px;
1389        color: #6d5d4f;
1390        border-bottom: 1px solid #181818;
1391        padding-bottom: 40px;
1392    }
1393
1394    #footer .mid-ftr p a {
1395        font-size: 15px;
1396        color: #b9a48d;
1397    }
1398
1399    #footer .bot-ftr .dflx {
1400        overflow: hidden;
1401        padding: 0 40px;
1402        position: relative;
1403        z-index: 9999999;
1404        margin-top: 30px;
1405    }
1406
1407    #footer .bot-ftr .dflx .left {
1408        float: left;
1409    }
1410
1411    #footer .bot-ftr .dflx .left p {
1412        font-size: 15px;
1413        color: #857769;
1414    }
1415
1416    #footer .bot-ftr .dflx .right {
1417        float: right;
1418    }
1419
1420    #footer .bot-ftr .dflx .right ul {
1421        font-size: 0;
1422    }
1423
1424    #footer .bot-ftr .dflx .right ul li {
1425        display: inline-block;
1426        margin-left: 12px;
1427    }
1428
1429    #footer .bot-ftr .dflx .right ul li:first-child {
1430        margin-left: 0;
1431    }
1432
1433    #footer .bot-ftr .dflx .right ul li a {
1434        display: inline-block;
1435        width: 40px;
1436        height: 40px;
1437        line-height: 38px;
1438        border-radius: 40px;
1439        /*        background: #fff;*/
1440    }
1441
1442    #footer .bot-ftr .dflx .right ul li a img {
1443        width: 23px;
1444    }
1445
1446    /*
1447    #footer .bot-ftr .dflx .right ul li a i {
1448        font-size: 22px;
1449        color: #9d9d9d;
1450        transition: all .3s;
1451    }
1452
1453    #footer .bot-ftr .dflx .right ul li a:hover i {
1454        color: #fff;
1455    }
1456*/
1457
1458    @media screen and (max-width:768px) {
1459        #footer {
1460            padding: 80px 20px;
1461            background-size: 420px;
1462        }
1463
1464        #footer .mid-ftr p {
1465            line-height: 1.5;
1466            word-break: keep-all;
1467        }
1468
1469        #footer .bot-ftr .dflx .left {
1470            float: none;
1471        }
1472
1473        #footer .bot-ftr .dflx .right {
1474            float: none;
1475            margin-top: 30px;
1476        }
1477
1478        #footer .top-ftr ul li a {
1479            font-size: 13px;
1480        }
1481
1482        #footer .top-ftr ul li {
1483            margin-left: 12px;
1484        }
1485
1486        #footer .mid-ftr p {
1487            font-size: 13px;
1488        }
1489    }
1490
1491    .right_quick {
1492        width: 95px;
1493        position: fixed;
1494        right: 35px;
1495        top: 62%;
1496        box-sizing: border-box;
1497        z-index: 100;
1498        transition: border 0.3s;
1499    }
1500
1501    .right_quick.active:after {
1502        content: '';
1503        position: absolute;
1504        width: 100%;
1505        height: 1px;
1506        background-color: #ddd;
1507        left: 0;
1508        top: 99px;
1509    }
1510
1511    .right_quick.active2:after {
1512        content: '';
1513        position: absolute;
1514        width: 100%;
1515        height: 1px;
1516        background-color: #ddd;
1517        left: 0;
1518        top: 99px;
1519    }
1520
1521    .right_content {
1522        width: 100%;
1523        height: 760px;
1524        position: absolute;
1525        left: 0;
1526        top: 0;
1527        bottom: 0;
1528        margin: auto;
1529        transform: translateY(45px);
1530    }
1531
1532    .right_menu {
1533        width: 100%;
1534        text-align: center;
1535        box-sizing: border-box;
1536    }
1537
1538    .right_notice {
1539        width: 100%;
1540        height: 120px;
1541        border-radius: 60px 60px 0 0;
1542        background: #335f5b;
1543        font-weight: 400;
1544        overflow: hidden;
1545        letter-spacing: -0.5px;
1546    }
1547
1548    .right_notice a {
1549        width: 100%;
1550        height: 100%;
1551        display: block;
1552        padding-top: 60px;
1553        box-sizing: border-box;
1554    }
1555
1556    .right_notice h6 {
1557        font-size: 11px;
1558        line-height: 14px;
1559        color: #c3a085;
1560    }
1561
1562    .right_notice h5 {
1563        font-size: 12px;
1564        line-height: 18px;
1565        color: #fff;
1566        margin-top: 12px;
1567        font-weight: 500;
1568    }
1569
1570    .right_menu ul {
1571        width: 100%;
1572        border-radius: 60px;
1573        background: #7E3336;
1574        border: 5px solid #7E3336;
1575        box-sizing: border-box;
1576        padding: 40px 0;
1577    }
1578
1579    .right_menu ul li {
1580        position: relative;
1581        display: inline-block;
1582        margin-bottom: 50px;
1583    }
1584
1585    .right_menu ul li:last-child {
1586        margin-bottom: 0;
1587    }
1588
1589    .right_menu ul li a {
1590        width: 100%;
1591        height: 100%;
1592        display: block;
1593        transition: all .3s;
1594    }
1595
1596    .right_menu ul li a:hover span i {
1597        color: #fff;
1598        transition: all .3s;
1599    }
1600
1601    .right_menu ul li a span i {
1602        font-size: 24px;
1603        color: #d0c8ab;
1604    }
1605
1606    .right_menu ul li .right_icon {}
1607
1608    .right_menu ul li h5 {
1609        margin-top: 10px;
1610        font-size: 12px;
1611        line-height: 100%;
1612        color: #d0c8ab;
1613        font-weight: 400;
1614        letter-spacing: -0.5px;
1615    }
1616
1617    body.main .right_menu ul {
1618        border: 1px solid #fff;
1619    }
1620
1621    .right_open {
1622        margin-top: 25px;
1623    }
1624
1625    .right_open ul {}
1626
1627    .right_open ul li {
1628        width: 95px;
1629        height: 95px;
1630        position: relative;
1631        border-radius: 100%;
1632        box-sizing: border-box;
1633        overflow: hidden;
1634        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
1635    }
1636
1637    .right_open ul li:nth-child(1) {
1638        background-color: #7E3336;
1639    }
1640
1641    .right_open ul li:nth-child(1) p {
1642        position: absolute;
1643        left: 0;
1644        right: 0;
1645        top: 0;
1646        bottom: 0;
1647        margin: auto;
1648        text-align: center;
1649        font-size: 14px;
1650        line-height: 1.4;
1651        font-weight: 600;
1652        color: #fff;
1653        padding-top: 28px;
1654        z-index: 999;
1655
1656    }
1657
1658    .right_open ul li:nth-child(1) span {
1659        font-size: 12px;
1660        position: relative;
1661        top: -1px;
1662
1663    }
1664
1665    .pulsating-circle {
1666        position: absolute;
1667        left: 50%;
1668        top: 50%;
1669        transform: translateX(-50%) translateY(-50%);
1670        width: 95px;
1671        height: 95px;
1672        border-radius: 95px;
1673    }
1674
1675    .pulsating-circle:before {
1676        content: "";
1677        position: relative;
1678        display: block;
1679        width: 300%;
1680        height: 300%;
1681        box-sizing: border-box;
1682        margin-left: -100%;
1683        margin-top: -100%;
1684        border-radius: 45px;
1685        background-color: #7E3336;
1686        -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
1687        animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
1688    }
1689
1690    .pulsating-circle:after {
1691        content: "";
1692        position: absolute;
1693        left: 0;
1694        top: 0;
1695        display: block;
1696        width: 100%;
1697        height: 100%;
1698        background-color: #8e3e41;
1699        border-radius: 100%;
1700        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
1701        -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 
17010.515, 0.955) -0.4s infinite;
1702        animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
1703    }
1704
1705    @-webkit-keyframes pulse-ring {
1706        0% {
1707            transform: scale(0.33);
1708        }
1709
1710        80%,
1711        100% {
1712            opacity: 0;
1713        }
1714    }
1715
1716    @keyframes pulse-ring {
1717        0% {
1718            transform: scale(0.33);
1719        }
1720
1721        80%,
1722        100% {
1723            opacity: 0;
1724        }
1725    }
1726
1727    @-webkit-keyframes pulse-dot {
1728        0% {
1729            transform: scale(0.8);
1730        }
1731
1732        50% {
1733            transform: scale(1);
1734        }
1735
1736        100% {
1737            transform: scale(0.8);
1738        }
1739    }
1740
1741    @keyframes pulse-dot {
1742        0% {
1743            transform: scale(0.8);
1744        }
1745
1746        50% {
1747            transform: scale(1);
1748        }
1749
1750        100% {
1751            transform: scale(0.8);
1752        }
1753    }
1754
1755    @media screen and (max-width:1024px) {
1756        .right_quick {
1757            display: none;
1758        }
1759    }
1760
1761</style>
1762
1763
1764<div class="right_quick" style="">
1765    <div class="right_content">
1766        <div class="right_menu">
1767            <ul>
1768                <li>
1769                    <a href="https://daymer.co.kr/bbs/write.php?bo_table=qa">
1770                        <span><i class="lni lni-checkmark-circle"></i></span>
1771                        <h5>창업비용확인</h5>
1772                    </a>
1773                </li>
1774                <!--
1775                <li>
1776                    <a href="">
1777                        <span><i class="lni lni-empty-file"></i></span>
1778                        <h5>가맹문의</h5>
1779                    </a>
1780                </li>
1781-->
1782                <li>
1783                    <a href="https://open.kakao.com/o/sBXFd6Ve" target="_blank">
1784                        <span><i class="lni lni-pencil-alt"></i></span>
1785                        <h5>카카오톡문의</h5>
1786                    </a>
1787                </li>
1788                <li>
1789                    <a href="https://www.instagram.com/daymer_official/" target="_blank">
1790                        <span><i class="lni lni-instagram-original"></i></span>
1791                        <h5>인스타</h5>
1792                    </a>
1793                </li>
1794            </ul>
1795        </div>
1796        <div class="right_open">
1797            <ul>
1798                <li>
1799                    <div class="pulsating-circle">
1800                        <p>
1801                            GRAND<br>
1802                            OPEN
1803                        </p>
1804                    </div>
1805                </li>
1806            </ul>
1807        </div>
1808    </div>
1809</div>
1810<div id="footer">
1811    <div class="top-ftr">
1812        <ul>
1813            <li><a href="https://daymer.co.kr/theme/basic/sub1_1.php">브랜드소개</a></li>
1814            <li><a href="https://daymer.co.kr/privacy_view.php">개인정보처리방침</a></li>
1815            <li><a href="https://daymer.co.kr/guide.php">가맹안내</a></li>
1816        </ul>
1817    </div>
1818    <div class="mid-ftr">
1819        <p>상호 : 데이메르 고객센터 : 1660-1379 주소 : 경기 김포시 금포로 1231 건물전체 <a href="https://map.naver.com/v5/search/%EB%8D%B0%EC%9D%B4%EB%A9%94%EB%A5%B4/place/1454047017?placePath=%2Fphoto%3Fentry=pll%26from=nx%26fromNxList=true&c=14103263.3217650,4530681.4863478,15,0,0,0,dh" target="_blank">[지도보기]</a> 24시간 영업 </p>
1820    </div>
1821    <div class="bot-ftr">
1822        <div class="dflx">
1823            <div class="left">
1824                <p>© DAYMER. All rights reserved.</p>
1825            </div>
1826            <div class="right">
1827                <ul>
1828                    <li>
1829                        <a href="https://www.instagram.com/daymer_gimpo/" target="_blank">
1830                            <img src="https://daymer.co.kr/theme/basic/images/ic/ic_insta_c.png" alt="">
1831                        </a>
1832                    </li>
1833                    <li>
1834                        <a href="https://map.naver.com/v5/search/%EB%8D%B0%EC%9D%B4%EB%A9%94%EB%A5%B4/place/1454047017?placePath=%3Fentry=pll%26from=nx%26fromNxList=true&c=14121057.7335699,4512476.0648317,15,0,0,0,dh" target="_blank">
1835                            <img src="https://daymer.co.kr/theme/basic/images/ic/ic_youtube_c.png" alt="">
1836                        </a>
1837                    </li>
1838                </ul>
1839            </div>
1840        </div>
1841    </div>
1842</div>
1843<script>
1844    $(".nav_on").on("click", function(e) {
1845        e.preventDefault();
1846        const nav_idx = $(this).parent().index();
1847        $(".sub_nav:not(.depth" + nav_idx + ")").removeClass("on");
1848        $(this).parent().toggleClass("on");
1849    });
1850
1851    $(document).mouseup(function(e) {
1852        if ($(".sub_nav").has(e.target).length === 0) {
1853            $(".sub_nav").removeClass("on");
1854        }
1855    });
1856
1857
1858
1859    $(function() {
1860        Splitting();
1861    });
1862
1863</script>
1863
1864
1865
1866<!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
1867<!--[if lte IE 7]>
1868<script>
1869$(function() {
1870    var $sv_use = $(".sv_use");
1871    var count = $sv_use.length;
1872
1873    $sv_use.each(function() {
1874        $(this).css("z-index", count);
1875        $(this).css("position", "relative");
1876        count = count - 1;
1877    });
1878});
1879</script>
1879
1880<![endif]-->
1881
1882</body>
1883</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.