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.active .logo>a:before { 1210 background: url(https://daymer.co.kr/theme/basic/images/main/logo1.png) no-repeat 0 0 !important; 1211 } 1212 1213 #header .logo>a:before { 1214 background: url(https://daymer.co.kr/theme/basic/images/main/logo2.png) no-repeat 0 0 !important; 1215 } 1216 1217 #header #gnb-pc .gnb-li>a>span { 1218 color: #fff; 1219 } 1220 1221 #header.white .mob-menu-btn i { 1222 color: #fff; 1223 } 1224 1225 .mob-menu-btn i { 1226 color: #fff; 1227 } 1228 1229 @media (max-width:768px) { 1230 .mob_nav_btn span { 1231 background: #fff; 1232 } 1233 1234 .mob_nav_btn span:before, 1235 .mob_nav_btn span:after { 1236 background: #fff; 1237 } 1238 } 1239 1240 body { 1241 overflow-x: hidden; 1242 } 1243 1244 @media screen and (max-width:820px) { 1245 .header__video { 1246 margin-top: 50px; 1247 position: relative; 1248 width: 100%; 1249 padding-bottom: 56.25%; 1250 } 1251 1252 .header__background iframe { 1253 position: absolute; 1254 width: 100%; 1255 height: 100%; 1256 } 1257 } 1258 1259 .video_wrap { 1260 position: relative; 1261 overflow: hidden; 1262 width: 100vw; 1263 height: 100vh; 1264 } 1265 1266 .video { 1267 position: absolute; 1268 top: 50%; 1269 left: 50%; 1270 width: 100vw; 1271 height: 100vh; 1272 transform: translate(-50%, -50%); 1273 } 1274 1275 @media (min-aspect-ratio: 16/9) { 1276 .video { 1277 /* height = 100 * (9 / 16) = 56.25 */ 1278 height: 56.25vw; 1279 } 1280 } 1281 1282 @media (max-aspect-ratio: 16/9) { 1283 .video { 1284 /* width = 100 / (9 / 16) = 177.777777 */ 1285 width: 177.78vh; 1286 } 1287 } 1288 1289</style> 1290<div class="preload" style=""> 1291 <div class="pre_preview"> 1292 <div><span><img src="https://daymer.co.kr/theme/basic/images/main/prelogo.png" alt=""></span></div> 1293 </div> 1294
1294<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script>
1294 1295
1295<script> 1296 function init() { 1297 const tl = gsap.timeline({ 1298 ease: "power1.out" 1299 }); 1300 tl.fromTo( 1301 ".pre_preview span", { 1302 y: "100%", 1303 opacity: 0 1304 }, { 1305 duration: .8, 1306 stagger: 0.50, 1307 y: "0%", 1308 opacity: 1 1309 } 1310 ) 1311 .fromTo( 1312 ".preload", { 1313 height: "100vh" 1314 }, { 1315 height: "0%" 1316 }, 1317 "+=0.5" 1318 ) 1319 .fromTo( 1320 ".pre_preview", { 1321 opacity: 1, 1322 }, { 1323 duration: 0.7, 1324 opacity: 0, 1325 }, 1326 "+=0.5" 1327 ) 1328 .fromTo( 1329 ".pre_preview", { 1330 height: "100vh" 1331 }, { 1332 height: "0%" 1333 }, 1334 "+=0.5" 1335 ); 1336 1337 } 1338 1339 window.addEventListener("load", () => init()); 1340 1341 </script>
1341 1342</div> 1343 1344<div class="video_wrap"> 1345 <iframe class="video" src="https://player.vimeo.com/video/939451995?muted=1&autoplay=1&loop=1&title=0&autopause=0&background=1" width="100%" height="100vh" frameborder="0" allow="autoplay; picture-in-picture" allowfullscreen> 1346 </iframe> 1347</div>
1348<script src="https://player.vimeo.com/api/player.js"></script>
1348 1349 1350</div> 1351 1352<style> 1353 #footer { 1354 padding: 80px 0; 1355 background: #000 url(https://daymer.co.kr/theme/basic/images/sub/ftr-bg.png) bottom center no-repeat; 1356 text-align: center; 1357 background-position: 50% 154%; 1358 } 1359 1360 #footer .top-ftr ul { 1361 font-size: 0; 1362 1363 } 1364 1365 #footer .top-ftr ul li { 1366 display: inline-block; 1367 margin-left: 20px; 1368 } 1369 1370 #footer .top-ftr ul li:first-child { 1371 margin-left: 20px; 1372 } 1373 1374 #footer .top-ftr ul li:nth-child(2) a { 1375 color: #b9a48d; 1376 } 1377 1378 #footer .top-ftr ul li a { 1379 font-size: 15px; 1380 color: #6d5d4f; 1381 } 1382 1383 #footer .mid-ftr { 1384 margin-top: 24px; 1385 } 1386 1387 #footer .mid-ftr p { 1388 font-size: 15px; 1389 color: #6d5d4f; 1390 border-bottom: 1px solid #181818; 1391 padding-bottom: 40px; 1392 } 1393 1394 #footer .mid-ftr p a { 1395 font-size: 15px; 1396 color: #b9a48d; 1397 } 1398 1399 #footer .bot-ftr .dflx { 1400 overflow: hidden; 1401 padding: 0 40px; 1402 position: relative; 1403 z-index: 9999999; 1404 margin-top: 30px; 1405 } 1406 1407 #footer .bot-ftr .dflx .left { 1408 float: left; 1409 } 1410 1411 #footer .bot-ftr .dflx .left p { 1412 font-size: 15px; 1413 color: #857769; 1414 } 1415 1416 #footer .bot-ftr .dflx .right { 1417 float: right; 1418 } 1419 1420 #footer .bot-ftr .dflx .right ul { 1421 font-size: 0; 1422 } 1423 1424 #footer .bot-ftr .dflx .right ul li { 1425 display: inline-block; 1426 margin-left: 12px; 1427 } 1428 1429 #footer .bot-ftr .dflx .right ul li:first-child { 1430 margin-left: 0; 1431 } 1432 1433 #footer .bot-ftr .dflx .right ul li a { 1434 display: inline-block; 1435 width: 40px; 1436 height: 40px; 1437 line-height: 38px; 1438 border-radius: 40px; 1439 /* background: #fff;*/ 1440 } 1441 1442 #footer .bot-ftr .dflx .right ul li a img { 1443 width: 23px; 1444 } 1445 1446 /* 1447 #footer .bot-ftr .dflx .right ul li a i { 1448 font-size: 22px; 1449 color: #9d9d9d; 1450 transition: all .3s; 1451 } 1452 1453 #footer .bot-ftr .dflx .right ul li a:hover i { 1454 color: #fff; 1455 } 1456*/ 1457 1458 @media screen and (max-width:768px) { 1459 #footer { 1460 padding: 80px 20px; 1461 background-size: 420px; 1462 } 1463 1464 #footer .mid-ftr p { 1465 line-height: 1.5; 1466 word-break: keep-all; 1467 } 1468 1469 #footer .bot-ftr .dflx .left { 1470 float: none; 1471 } 1472 1473 #footer .bot-ftr .dflx .right { 1474 float: none; 1475 margin-top: 30px; 1476 } 1477 1478 #footer .top-ftr ul li a { 1479 font-size: 13px; 1480 } 1481 1482 #footer .top-ftr ul li { 1483 margin-left: 12px; 1484 } 1485 1486 #footer .mid-ftr p { 1487 font-size: 13px; 1488 } 1489 } 1490 1491 .right_quick { 1492 width: 95px; 1493 position: fixed; 1494 right: 35px; 1495 top: 62%; 1496 box-sizing: border-box; 1497 z-index: 100; 1498 transition: border 0.3s; 1499 } 1500 1501 .right_quick.active:after { 1502 content: ''; 1503 position: absolute; 1504 width: 100%; 1505 height: 1px; 1506 background-color: #ddd; 1507 left: 0; 1508 top: 99px; 1509 } 1510 1511 .right_quick.active2:after { 1512 content: ''; 1513 position: absolute; 1514 width: 100%; 1515 height: 1px; 1516 background-color: #ddd; 1517 left: 0; 1518 top: 99px; 1519 } 1520 1521 .right_content { 1522 width: 100%; 1523 height: 760px; 1524 position: absolute; 1525 left: 0; 1526 top: 0; 1527 bottom: 0; 1528 margin: auto; 1529 transform: translateY(45px); 1530 } 1531 1532 .right_menu { 1533 width: 100%; 1534 text-align: center; 1535 box-sizing: border-box; 1536 } 1537 1538 .right_notice { 1539 width: 100%; 1540 height: 120px; 1541 border-radius: 60px 60px 0 0; 1542 background: #335f5b; 1543 font-weight: 400; 1544 overflow: hidden; 1545 letter-spacing: -0.5px; 1546 } 1547 1548 .right_notice a { 1549 width: 100%; 1550 height: 100%; 1551 display: block; 1552 padding-top: 60px; 1553 box-sizing: border-box; 1554 } 1555 1556 .right_notice h6 { 1557 font-size: 11px; 1558 line-height: 14px; 1559 color: #c3a085; 1560 } 1561 1562 .right_notice h5 { 1563 font-size: 12px; 1564 line-height: 18px; 1565 color: #fff; 1566 margin-top: 12px; 1567 font-weight: 500; 1568 } 1569 1570 .right_menu ul { 1571 width: 100%; 1572 border-radius: 60px; 1573 background: #7E3336; 1574 border: 5px solid #7E3336; 1575 box-sizing: border-box; 1576 padding: 40px 0; 1577 } 1578 1579 .right_menu ul li { 1580 position: relative; 1581 display: inline-block; 1582 margin-bottom: 50px; 1583 } 1584 1585 .right_menu ul li:last-child { 1586 margin-bottom: 0; 1587 } 1588 1589 .right_menu ul li a { 1590 width: 100%; 1591 height: 100%; 1592 display: block; 1593 transition: all .3s; 1594 } 1595 1596 .right_menu ul li a:hover span i { 1597 color: #fff; 1598 transition: all .3s; 1599 } 1600 1601 .right_menu ul li a span i { 1602 font-size: 24px; 1603 color: #d0c8ab; 1604 } 1605 1606 .right_menu ul li .right_icon {} 1607 1608 .right_menu ul li h5 { 1609 margin-top: 10px; 1610 font-size: 12px; 1611 line-height: 100%; 1612 color: #d0c8ab; 1613 font-weight: 400; 1614 letter-spacing: -0.5px; 1615 } 1616 1617 body.main .right_menu ul { 1618 border: 1px solid #fff; 1619 } 1620 1621 .right_open { 1622 margin-top: 25px; 1623 } 1624 1625 .right_open ul {} 1626 1627 .right_open ul li { 1628 width: 95px; 1629 height: 95px; 1630 position: relative; 1631 border-radius: 100%; 1632 box-sizing: border-box; 1633 overflow: hidden; 1634 box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%); 1635 } 1636 1637 .right_open ul li:nth-child(1) { 1638 background-color: #7E3336; 1639 } 1640 1641 .right_open ul li:nth-child(1) p { 1642 position: absolute; 1643 left: 0; 1644 right: 0; 1645 top: 0; 1646 bottom: 0; 1647 margin: auto; 1648 text-align: center; 1649 font-size: 14px; 1650 line-height: 1.4; 1651 font-weight: 600; 1652 color: #fff; 1653 padding-top: 28px; 1654 z-index: 999; 1655 1656 } 1657 1658 .right_open ul li:nth-child(1) span { 1659 font-size: 12px; 1660 position: relative; 1661 top: -1px; 1662 1663 } 1664 1665 .pulsating-circle { 1666 position: absolute; 1667 left: 50%; 1668 top: 50%; 1669 transform: translateX(-50%) translateY(-50%); 1670 width: 95px; 1671 height: 95px; 1672 border-radius: 95px; 1673 } 1674 1675 .pulsating-circle:before { 1676 content: ""; 1677 position: relative; 1678 display: block; 1679 width: 300%; 1680 height: 300%; 1681 box-sizing: border-box; 1682 margin-left: -100%; 1683 margin-top: -100%; 1684 border-radius: 45px; 1685 background-color: #7E3336; 1686 -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; 1687 animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; 1688 } 1689 1690 .pulsating-circle:after { 1691 content: ""; 1692 position: absolute; 1693 left: 0; 1694 top: 0; 1695 display: block; 1696 width: 100%; 1697 height: 100%; 1698 background-color: #8e3e41; 1699 border-radius: 100%; 1700 box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); 1701 -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03,
17010.515, 0.955) -0.4s infinite; 1702 animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; 1703 } 1704 1705 @-webkit-keyframes pulse-ring { 1706 0% { 1707 transform: scale(0.33); 1708 } 1709 1710 80%, 1711 100% { 1712 opacity: 0; 1713 } 1714 } 1715 1716 @keyframes pulse-ring { 1717 0% { 1718 transform: scale(0.33); 1719 } 1720 1721 80%, 1722 100% { 1723 opacity: 0; 1724 } 1725 } 1726 1727 @-webkit-keyframes pulse-dot { 1728 0% { 1729 transform: scale(0.8); 1730 } 1731 1732 50% { 1733 transform: scale(1); 1734 } 1735 1736 100% { 1737 transform: scale(0.8); 1738 } 1739 } 1740 1741 @keyframes pulse-dot { 1742 0% { 1743 transform: scale(0.8); 1744 } 1745 1746 50% { 1747 transform: scale(1); 1748 } 1749 1750 100% { 1751 transform: scale(0.8); 1752 } 1753 } 1754 1755 @media screen and (max-width:1024px) { 1756 .right_quick { 1757 display: none; 1758 } 1759 } 1760 1761</style> 1762 1763 1764<div class="right_quick" style=""> 1765 <div class="right_content"> 1766 <div class="right_menu"> 1767 <ul> 1768 <li> 1769 <a href="https://daymer.co.kr/bbs/write.php?bo_table=qa"> 1770 <span><i class="lni lni-checkmark-circle"></i></span> 1771 <h5>ì°½ì ë¹ì©íì¸</h5> 1772 </a> 1773 </li> 1774 <!-- 1775 <li> 1776 <a href=""> 1777 <span><i class="lni lni-empty-file"></i></span> 1778 <h5>ê°ë§¹ë¬¸ì</h5> 1779 </a> 1780 </li> 1781--> 1782 <li> 1783 <a href="https://open.kakao.com/o/sBXFd6Ve" target="_blank"> 1784 <span><i class="lni lni-pencil-alt"></i></span> 1785 <h5>ì¹´ì¹´ì¤í¡ë¬¸ì</h5> 1786 </a> 1787 </li> 1788 <li> 1789 <a href="https://www.instagram.com/daymer_official/" target="_blank"> 1790 <span><i class="lni lni-instagram-original"></i></span> 1791 <h5>ì¸ì¤í</h5> 1792 </a> 1793 </li> 1794 </ul> 1795 </div> 1796 <div class="right_open"> 1797 <ul> 1798 <li> 1799 <div class="pulsating-circle"> 1800 <p> 1801 GRAND<br> 1802 OPEN 1803 </p> 1804 </div> 1805 </li> 1806 </ul> 1807 </div> 1808 </div> 1809</div> 1810<div id="footer"> 1811 <div class="top-ftr"> 1812 <ul> 1813 <li><a href="https://daymer.co.kr/theme/basic/sub1_1.php">ë¸ëëìê°</a></li> 1814 <li><a href="https://daymer.co.kr/privacy_view.php">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 1815 <li><a href="https://daymer.co.kr/guide.php">ê°ë§¹ìë´</a></li> 1816 </ul> 1817 </div> 1818 <div class="mid-ftr"> 1819 <p>ìí¸ : ë°ì´ë©ë¥´ ê³ ê°ì¼í° : 1660-1379 주ì : 경기 ê¹í¬ì ê¸í¬ë¡ 1231 건물ì ì²´ <a href="https://map.naver.com/v5/search/%EB%8D%B0%EC%9D%B4%EB%A9%94%EB%A5%B4/place/1454047017?placePath=%2Fphoto%3Fentry=pll%26from=nx%26fromNxList=true&c=14103263.3217650,4530681.4863478,15,0,0,0,dh" target="_blank">[ì§ë보기]</a> 24ìê° ìì </p> 1820 </div> 1821 <div class="bot-ftr"> 1822 <div class="dflx"> 1823 <div class="left"> 1824 <p>© DAYMER. All rights reserved.</p> 1825 </div> 1826 <div class="right"> 1827 <ul> 1828 <li> 1829 <a href="https://www.instagram.com/daymer_gimpo/" target="_blank"> 1830 <img src="https://daymer.co.kr/theme/basic/images/ic/ic_insta_c.png" alt=""> 1831 </a> 1832 </li> 1833 <li> 1834 <a href="https://map.naver.com/v5/search/%EB%8D%B0%EC%9D%B4%EB%A9%94%EB%A5%B4/place/1454047017?placePath=%3Fentry=pll%26from=nx%26fromNxList=true&c=14121057.7335699,4512476.0648317,15,0,0,0,dh" target="_blank">
1835 <img src="https://daymer.co.kr/theme/basic/images/ic/ic_youtube_c.png" alt=""> 1836 </a> 1837 </li> 1838 </ul> 1839 </div> 1840 </div> 1841 </div> 1842</div>
1843<script> 1844 $(".nav_on").on("click", function(e) { 1845 e.preventDefault(); 1846 const nav_idx = $(this).parent().index(); 1847 $(".sub_nav:not(.depth" + nav_idx + ")").removeClass("on"); 1848 $(this).parent().toggleClass("on"); 1849 }); 1850 1851 $(document).mouseup(function(e) { 1852 if ($(".sub_nav").has(e.target).length === 0) { 1853 $(".sub_nav").removeClass("on"); 1854 } 1855 }); 1856 1857 1858 1859 $(function() { 1860 Splitting(); 1861 }); 1862 1863</script>
1863 1864 1865 1866<!-- ie6,7ìì ì¬ì´ëë·°ê° ê²ìí 목ë¡ìì ìë ì¬ì´ëë·°ì ê°ë ¤ì§ë íì ìì --> 1867<!--[if lte IE 7]>
1868<script> 1869$(function() { 1870 var $sv_use = $(".sv_use"); 1871 var count = $sv_use.length; 1872 1873 $sv_use.each(function() { 1874 $(this).css("z-index", count); 1875 $(this).css("position", "relative"); 1876 count = count - 1; 1877 }); 1878}); 1879</script>
1879 1880<![endif]--> 1881 1882</body> 1883</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.