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&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.