PageSourceSearch

https://daymer.co.kr/type.php

html daymer.co.kr collected 2026-10-05 20:46:16 UTC 57,409 bytes, 2,047 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 .logo>a:before {
1210        background: url(https://daymer.co.kr/theme/basic/images/main/logo2.png) no-repeat 0 0;
1211    }
1212
1213    #header #gnb-pc .gnb-li>a>span {
1214        color: #fff;
1215    }
1216
1217    .mob-menu-btn i {
1218        color: #fff;
1219    }
1220    
1221    .mob_nav_btn span {
1222        background: #fff;
1223    }
1224    
1225    .mob_nav_btn span:before, .mob_nav_btn span:after {
1226        background: #fff;
1227    }
1228
1229    .right_quick {
1230        display: none;
1231    }
1232
1233    body {
1234        overflow-x: hidden;
1235        background: #eee;
1236    }
1237
1238    .list ul {
1239        display: flex;
1240        height: 100%;
1241    }
1242
1243    .list ul li {
1244        width: 25%;
1245        height: 100vh;
1246
1247        transition: all .3s;
1248        overflow: hidden;
1249    }
1250
1251    .list ul li .imgbx {
1252        display: flex;
1253        justify-content: center;
1254        align-items: center;
1255        height: 100vh;
1256        text-align: center;
1257    }
1258
1259    .list ul li .imgbx .over {
1260        overflow: hidden;
1261    }
1262
1263    .list ul li .imgbx .txt {
1264        position: relative;
1265        z-index: 2;
1266    }
1267
1268    .list ul li .imgbx .txt strong {
1269        color: #fff;
1270    }
1271
1272    .list ul li .imgbx .txt h2 {
1273        font-size: 32px;
1274        line-height: 1;
1275        color: #fff;
1276        margin-top: 16px;
1277    }
1278
1279    /*
1280    .list ul li .bg {
1281        position: absolute;
1282        top: 0;
1283        left: 0;
1284        width: 100%;
1285        height: 100%;
1286        overflow: hidden;
1287
1288    }
1289*/
1290
1291    .list ul li .imgbx {
1292        transform: scale(1.15);
1293        transition: all 0.5s;
1294    }
1295
1296    .list ul li:nth-child(1) .imgbx {
1297        background: url(https://daymer.co.kr/theme/basic/images/sub/rooma.jpg) top center no-repeat;
1298        background-size: cover;
1299    }
1300
1301    .list ul li:nth-child(2) .imgbx {
1302        background: url(https://daymer.co.kr/theme/basic/images/sub/roomb.jpg) top center no-repeat;
1303        background-size: cover;
1304
1305    }
1306
1307    .list ul li:nth-child(3) .imgbx {
1308        background: url(https://daymer.co.kr/theme/basic/images/sub/roomc.jpg) top center no-repeat;
1309        background-size: cover;
1310
1311    }
1312
1313    .list ul li:nth-child(4) .imgbx {
1314        background: url(https://daymer.co.kr/theme/basic/images/sub/rooms.jpg) top center no-repeat;
1315        background-size: cover;
1316
1317    }
1318
1319    .list ul li a:hover .imgbx {
1320        transform: scale(1.05);
1321        transition: all 0.7s;
1322    }
1323
1324    /*mask*/
1325    .list ul li .mask {
1326        display: block;
1327        position: absolute;
1328        top: 0;
1329        width: 1px;
1330        height: 100%;
1331        background: rgba(255, 255, 255, 0.35);
1332        z-index: 3;
1333    }
1334
1335    .list ul li .mask.a {
1336        left: 0%;
1337    }
1338
1339    .list ul li .mask.b {
1340        left: 25%;
1341    }
1342
1343    .list ul li .mask.c {
1344        left: 50%;
1345    }
1346
1347    .list ul li .mask.d {
1348        left: 75%;
1349    }
1350
1351    /*2.마스크애니*/
1352    @keyframes mask {
1353        0% {
1354            width: 25%;
1355            background: #843639;
1356        }
1357
1358        50% {
1359            width: 25%;
1360            background: #843639;
1361        }
1362
1363        99% {
1364            background: #843639;
1365        }
1366    }
1367
1368    .list .mask.a {
1369        animation-name: mask;
1370        animation-duration: 0.6s;
1371    }
1372
1373    .list .mask.b {
1374        animation-name: mask;
1375        animation-duration: 0.8s;
1376    }
1377
1378    .list .mask.c {
1379        animation-name: mask;
1380        animation-duration: 1s;
1381    }
1382
1383    .list .mask.d {
1384        animation-name: mask;
1385        animation-duration: 1.2s;
1386    }
1387
1388    @media screen and (max-width:1600px) {
1389        .list ul li .imgbx .txt h2 {
1390            font-size: 24px;
1391        }
1392    }
1393
1394    @media screen and (max-width:1420px) {
1395        .list .mask {
1396            display: none !important;
1397        }
1398
1399        .list ul {
1400            flex-direction: column;
1401        }
1402
1403        .list ul li {
1404            width: 100%;
1405            height: 350px;
1406        }
1407
1408        .list ul li .imgbx {
1409            height: 350px;
1410        }
1411
1412        .list ul li:nth-child(1) .imgbx {
1413            background: url(https://daymer.co.kr/theme/basic/images/sub/m_rooma.jpg) top center no-repeat;
1414            background-size: cover;
1415        }
1416
1417        .list ul li:nth-child(2) .imgbx {
1418            background: url(https://daymer.co.kr/theme/basic/images/sub/m_roomb.jpg) top center no-repeat;
1419            background-size: cover;
1420        }
1421
1422        .list ul li:nth-child(3) .imgbx {
1423            background: url(https://daymer.co.kr/theme/basic/images/sub/m_roomc.jpg) top center no-repeat;
1424            background-size: cover;
1425        }
1426
1427        .list ul li:nth-child(4) .imgbx {
1428            background: url(https://daymer.co.kr/theme/basic/images/sub/m_rooms.jpg) top center no-repeat;
1429            background-size: cover;
1430        }
1431
1432
1433    }
1434
1435</style>
1436
1437<!-- 빠른 가맹 문의 모달창  -->
1438<div class="type-wrap">
1439    <div class="inner">
1440        <!--
1441        <div class="tit">
1442            <p>THE PRIVATE ISLAND</p>
1443        </div>
1444-->
1445
1446        <div class="list">
1447            <ul>
1448                <li>
1449                    <div class="over">
1450                        <a href="https://daymer.co.kr/atype.php">
1451                            <div class="imgbx">
1452                                <div class="txt">
1453                                    <strong>SUPERIOR</strong>
1454                                    <h2>A타입 슈페리얼</h2>
1455                                </div>
1456                            </div>
1457                            <div class="bg"></div>
1458                        </a>
1459                    </div>
1460                    <span class="mask a"></span>
1461                </li>
1462                <li>
1463                    <div class="over">
1464                        <a href="https://daymer.co.kr/btype.php">
1465                            <div class="imgbx">
1466                                <div class="txt">
1467                                    <strong>DELUXE</strong>
1468                                    <h2>B타입 디럭스</h2>
1469                                </div>
1470                            </div>
1471                        </a>
1472                        <div class="bg"></div>
1473                    </div>
1474                    <span class="mask b"></span>
1475                </li>
1476                <li>
1477                    <div class="over">
1478                        <a href="https://daymer.co.kr/ctype.php">
1479                            <div class="imgbx">
1480                                <div class="txt">
1481                                    <strong>SUITE</strong>
1482                                    <h2>C타입 SUITE</h2>
1483                                </div>
1484                            </div>
1485                        </a>
1486                        <div class="bg"></div>
1487                    </div>
1488                    <span class="mask c"></span>
1489                </li>
1490                <li>
1491                    <div class="over">
1492                        <a href="https://daymer.co.kr/stype.php">
1493                            <div class="imgbx">
1494                                <div class="txt">
1495                                    <strong>PENTHOUSE</strong>
1496                                    <h2>S타입 PENTHOUSE</h2>
1497                                </div>
1498                            </div>
1499                        </a>
1500                        <div class="bg"></div>
1501                    </div>
1502                    <span class="mask d"></span>
1503                </li>
1504            </ul>
1505        </div>
1506    </div>
1507</div>
1508
1509
1510<script>
1511    new WOW().init();
1512
1513</script>
1513
1514</div>
1515
1516<style>
1517    #footer {
1518        padding: 80px 0;
1519        background: #000 url(https://daymer.co.kr/theme/basic/images/sub/ftr-bg.png) bottom center no-repeat;
1520        text-align: center;
1521        background-position: 50% 154%;
1522    }
1523
1524    #footer .top-ftr ul {
1525        font-size: 0;
1526
1527    }
1528
1529    #footer .top-ftr ul li {
1530        display: inline-block;
1531        margin-left: 20px;
1532    }
1533
1534    #footer .top-ftr ul li:first-child {
1535        margin-left: 20px;
1536    }
1537
1538    #footer .top-ftr ul li:nth-child(2) a {
1539        color: #b9a48d;
1540    }
1541
1542    #footer .top-ftr ul li a {
1543        font-size: 15px;
1544        color: #6d5d4f;
1545    }
1546
1547    #footer .mid-ftr {
1548        margin-top: 24px;
1549    }
1550
1551    #footer .mid-ftr p {
1552        font-size: 15px;
1553        color: #6d5d4f;
1554        border-bottom: 1px solid #181818;
1555        padding-bottom: 40px;
1556    }
1557
1558    #footer .mid-ftr p a {
1559        font-size: 15px;
1560        color: #b9a48d;
1561    }
1562
1563    #footer .bot-ftr .dflx {
1564        overflow: hidden;
1565        padding: 0 40px;
1566        position: relative;
1567        z-index: 9999999;
1568        margin-top: 30px;
1569    }
1570
1571    #footer .bot-ftr .dflx .left {
1572        float: left;
1573    }
1574
1575    #footer .bot-ftr .dflx .left p {
1576        font-size: 15px;
1577        color: #857769;
1578    }
1579
1580    #footer .bot-ftr .dflx .right {
1581        float: right;
1582    }
1583
1584    #footer .bot-ftr .dflx .right ul {
1585        font-size: 0;
1586    }
1587
1588    #footer .bot-ftr .dflx .right ul li {
1589        display: inline-block;
1590        margin-left: 12px;
1591    }
1592
1593    #footer .bot-ftr .dflx .right ul li:first-child {
1594        margin-left: 0;
1595    }
1596
1597    #footer .bot-ftr .dflx .right ul li a {
1598        display: inline-block;
1599        width: 40px;
1600        height: 40px;
1601        line-height: 38px;
1602        border-radius: 40px;
1603        /*        background: #fff;*/
1604    }
1605
1606    #footer .bot-ftr .dflx .right ul li a img {
1607        width: 23px;
1608    }
1609
1610    /*
1611    #footer .bot-ftr .dflx .right ul li a i {
1612        font-size: 22px;
1613        color: #9d9d9d;
1614        transition: all .3s;
1615    }
1616
1617    #footer .bot-ftr .dflx .right ul li a:hover i {
1618        color: #fff;
1619    }
1620*/
1621
1622    @media screen and (max-width:768px) {
1623        #footer {
1624            padding: 80px 20px;
1625            background-size: 420px;
1626        }
1627
1628        #footer .mid-ftr p {
1629            line-height: 1.5;
1630            word-break: keep-all;
1631        }
1632
1633        #footer .bot-ftr .dflx .left {
1634            float: none;
1635        }
1636
1637        #footer .bot-ftr .dflx .right {
1638            float: none;
1639            margin-top: 30px;
1640        }
1641
1642        #footer .top-ftr ul li a {
1643            font-size: 13px;
1644        }
1645
1646        #footer .top-ftr ul li {
1647            margin-left: 12px;
1648        }
1649
1650        #footer .mid-ftr p {
1651            font-size: 13px;
1652        }
1653    }
1654
1655    .right_quick {
1656        width: 95px;
1657        position: fixed;
1658        right: 35px;
1659        top: 62%;
1660        box-sizing: border-box;
1661        z-index: 100;
1662        transition: border 0.3s;
1663    }
1664
1665    .right_quick.active:after {
1666        content: '';
1667        position: absolute;
1668        width: 100%;
1669        height: 1px;
1670        background-color: #ddd;
1671        left: 0;
1672        top: 99px;
1673    }
1674
1675    .right_quick.active2:after {
1676        content: '';
1677        position: absolute;
1678        width: 100%;
1679        height: 1px;
1680        background-color: #ddd;
1681        left: 0;
1682        top: 99px;
1683    }
1684
1685    .right_content {
1686        width: 100%;
1687        height: 760px;
1688        position: absolute;
1689        left: 0;
1690        top: 0;
1691        bottom: 0;
1692        margin: auto;
1693        transform: translateY(45px);
1694    }
1695
1696    .right_menu {
1697        width: 100%;
1698        text-align: center;
1699        box-sizing: border-box;
1700    }
1701
1702    .right_notice {
1703        width: 100%;
1704        height: 120px;
1705        border-radius: 60px 60px 0 0;
1706        background: #335f5b;
1707        font-weight: 400;
1708        overflow: hidden;
1709        letter-spacing: -0.5px;
1710    }
1711
1712    .right_notice a {
1713        width: 100%;
1714        height: 100%;
1715        display: block;
1716        padding-top: 60px;
1717        box-sizing: border-box;
1718    }
1719
1720    .right_notice h6 {
1721        font-size: 11px;
1722        line-height: 14px;
1723        color: #c3a085;
1724    }
1725
1726    .right_notice h5 {
1727        font-size: 12px;
1728        line-height: 18px;
1729        color: #fff;
1730        margin-top: 12px;
1731        font-weight: 500;
1732    }
1733
1734    .right_menu ul {
1735        width: 100%;
1736        border-radius: 60px;
1737        background: #7E3336;
1738        border: 5px solid #7E3336;
1739        box-sizing: border-box;
1740        padding: 40px 0;
1741    }
1742
1743    .right_menu ul li {
1744        position: relative;
1745        display: inline-block;
1746        margin-bottom: 50px;
1747    }
1748
1749    .right_menu ul li:last-child {
1750        margin-bottom: 0;
1751    }
1752
1753    .right_menu ul li a {
1754        width: 100%;
1755        height: 100%;
1756        display: block;
1757        transition: all .3s;
1758    }
1759
1760    .right_menu ul li a:hover span i {
1761        color: #fff;
1762        transition: all .3s;
1763    }
1764
1765    .right_menu ul li a span i {
1766        font-size: 24px;
1767        color: #d0c8ab;
1768    }
1769
1770    .right_menu ul li .right_icon {}
1771
1772    .right_menu ul li h5 {
1773        margin-top: 10px;
1774        font-size: 12px;
1775        line-height: 100%;
1776        color: #d0c8ab;
1777        font-weight: 400;
1778        letter-spacing: -0.5px;
1779    }
1780
1781    body.main .right_menu ul {
1782        border: 1px solid #fff;
1783    }
1784
1785    .right_open {
1786        margin-top: 25px;
1787    }
1788
1789    .right_open ul {}
1790
1791    .right_open ul li {
1792        width: 95px;
1793        height: 95px;
1794        position: relative;
1795        border-radius: 100%;
1796        box-sizing: border-box;
1797        overflow: hidden;
1798        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
1799    }
1800
1801    .right_open ul li:nth-child(1) {
1802        background-color: #7E3336;
1803    }
1804
1805    .right_open ul li:nth-child(1) p {
1806        position: absolute;
1807        left: 0;
1808        right: 0;
1809        top: 0;
1810        bottom: 0;
1811        margin: auto;
1812        text-align: center;
1813        font-size: 14px;
1814        line-height: 1.4;
1815        font-weight: 600;
1816        color: #fff;
1817        padding-top: 28px;
1818        z-index: 999;
1819
1820    }
1821
1822    .right_open ul li:nth-child(1) span {
1823        font-size: 12px;
1824        position: relative;
1825        top: -1px;
1826
1827    }
1828
1829    .pulsating-circle {
1830        position: absolute;
1831        left: 50%;
1832        top: 50%;
1833        transform: translateX(-50%) translateY(-50%);
1834        width: 95px;
1835        height: 95px;
1836        border-radius: 95px;
1837    }
1838
1839    .pulsating-circle:before {
1840        content: "";
1841        position: relative;
1842        display: block;
1843        width: 300%;
1844        height: 300%;
1845        box-sizing: border-box;
1846        margin-left: -100%;
1847        margin-top: -100%;
1848        border-radius: 45px;
1849        background-color: #7E3336;
1850        -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
1851        animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
1852    }
1853
1854    .pulsating-circle:after {
1855        content: "";
1856        position: absolute;
1857        left: 0;
1858        top: 0;
1859        display: block;
1860        width: 100%;
1861        height: 100%;
1862        background-color: #8e3e41;
1863        border-radius: 100%;
1864        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
1865        -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 
18650.515, 0.955) -0.4s infinite;
1866        animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
1867    }
1868
1869    @-webkit-keyframes pulse-ring {
1870        0% {
1871            transform: scale(0.33);
1872        }
1873
1874        80%,
1875        100% {
1876            opacity: 0;
1877        }
1878    }
1879
1880    @keyframes pulse-ring {
1881        0% {
1882            transform: scale(0.33);
1883        }
1884
1885        80%,
1886        100% {
1887            opacity: 0;
1888        }
1889    }
1890
1891    @-webkit-keyframes pulse-dot {
1892        0% {
1893            transform: scale(0.8);
1894        }
1895
1896        50% {
1897            transform: scale(1);
1898        }
1899
1900        100% {
1901            transform: scale(0.8);
1902        }
1903    }
1904
1905    @keyframes pulse-dot {
1906        0% {
1907            transform: scale(0.8);
1908        }
1909
1910        50% {
1911            transform: scale(1);
1912        }
1913
1914        100% {
1915            transform: scale(0.8);
1916        }
1917    }
1918
1919    @media screen and (max-width:1024px) {
1920        .right_quick {
1921            display: none;
1922        }
1923    }
1924
1925</style>
1926
1927
1928<div class="right_quick" style="">
1929    <div class="right_content">
1930        <div class="right_menu">
1931            <ul>
1932                <li>
1933                    <a href="https://daymer.co.kr/bbs/write.php?bo_table=qa">
1934                        <span><i class="lni lni-checkmark-circle"></i></span>
1935                        <h5>창업비용확인</h5>
1936                    </a>
1937                </li>
1938                <!--
1939                <li>
1940                    <a href="">
1941                        <span><i class="lni lni-empty-file"></i></span>
1942                        <h5>가맹문의</h5>
1943                    </a>
1944                </li>
1945-->
1946                <li>
1947                    <a href="https://open.kakao.com/o/sBXFd6Ve" target="_blank">
1948                        <span><i class="lni lni-pencil-alt"></i></span>
1949                        <h5>카카오톡문의</h5>
1950                    </a>
1951                </li>
1952                <li>
1953                    <a href="https://www.instagram.com/daymer_official/" target="_blank">
1954                        <span><i class="lni lni-instagram-original"></i></span>
1955                        <h5>인스타</h5>
1956                    </a>
1957                </li>
1958            </ul>
1959        </div>
1960        <div class="right_open">
1961            <ul>
1962                <li>
1963                    <div class="pulsating-circle">
1964                        <p>
1965                            GRAND<br>
1966                            OPEN
1967                        </p>
1968                    </div>
1969                </li>
1970            </ul>
1971        </div>
1972    </div>
1973</div>
1974<div id="footer">
1975    <div class="top-ftr">
1976        <ul>
1977            <li><a href="https://daymer.co.kr/theme/basic/sub1_1.php">브랜드소개</a></li>
1978            <li><a href="https://daymer.co.kr/privacy_view.php">개인정보처리방침</a></li>
1979            <li><a href="https://daymer.co.kr/guide.php">가맹안내</a></li>
1980        </ul>
1981    </div>
1982    <div class="mid-ftr">
1983        <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>
1984    </div>
1985    <div class="bot-ftr">
1986        <div class="dflx">
1987            <div class="left">
1988                <p>© DAYMER. All rights reserved.</p>
1989            </div>
1990            <div class="right">
1991                <ul>
1992                    <li>
1993                        <a href="https://www.instagram.com/daymer_gimpo/" target="_blank">
1994                            <img src="https://daymer.co.kr/theme/basic/images/ic/ic_insta_c.png" alt="">
1995                        </a>
1996                    </li>
1997                    <li>
1998                        <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">
1999                            <img src="https://daymer.co.kr/theme/basic/images/ic/ic_youtube_c.png" alt="">
2000                        </a>
2001                    </li>
2002                </ul>
2003            </div>
2004        </div>
2005    </div>
2006</div>
2007<script>
2008    $(".nav_on").on("click", function(e) {
2009        e.preventDefault();
2010        const nav_idx = $(this).parent().index();
2011        $(".sub_nav:not(.depth" + nav_idx + ")").removeClass("on");
2012        $(this).parent().toggleClass("on");
2013    });
2014
2015    $(document).mouseup(function(e) {
2016        if ($(".sub_nav").has(e.target).length === 0) {
2017            $(".sub_nav").removeClass("on");
2018        }
2019    });
2020
2021
2022
2023    $(function() {
2024        Splitting();
2025    });
2026
2027</script>
2027
2028
2029
2030<!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
2031<!--[if lte IE 7]>
2032<script>
2033$(function() {
2034    var $sv_use = $(".sv_use");
2035    var count = $sv_use.length;
2036
2037    $sv_use.each(function() {
2038        $(this).css("z-index", count);
2039        $(this).css("position", "relative");
2040        count = count - 1;
2041    });
2042});
2043</script>
2043
2044<![endif]-->
2045
2046</body>
2047</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.