1 2<!doctype html> 3 4<html lang="ko"> 5 6<head> 7 8 <meta charset="UTF-8" /> 9 10 <meta 11 name="viewport" 12 content="width=device-width, initial-scale=1.0" 13 /> 14 15 <meta 16 http-equiv="X-UA-Compatible" 17 content="ie=edge" 18 /> 19 20 <title>ìì문íì¬ë¨ ì¸í¸ë¡</title> 21 22 23 <link 24 rel="stylesheet" 25 href="/hlfl/resources/styles/style.css" 26 /> 27 28 29 <!-- Google Analytics -->
vendor: 85 bytes, lines 29-33
29 30 31 <script 32 async 33 src="https://www.googletagmanager.com/gtag/js?id=
33G-9RCYZHG1D0
vendor: 23 bytes, lines 33-37
33" 34 ></script> 35 36 37
37<script> 38 39
vendor: 202 bytes, lines 39-49
39window.dataLayer = window.dataLayer || []; 40 41 function gtag() { 42 dataLayer.push(arguments); 43 } 44 45 gtag("js", new Date()); 46 47 gtag( 48 "config", 49 "
49G-9RCYZHG1D0
vendor: 18 bytes, lines 49-52
49" 50 ); 51 52
52</script>
52 53 54 55 56<style> 57html, 58body { 59 width: 100% !important; 60 height: 100% !important; 61 min-height: 0 !important; 62 margin: 0 !important; 63 padding: 0 !important; 64 background: #00151f !important; 65} 66 67body.intro-bg { 68 overflow: hidden !important; 69 background: #00151f !important; 70 background-image: none !important; 71} 72 73a { 74 color: #fff; 75 text-decoration: none; 76} 77 78.intro { 79 position: relative !important; 80 width: 100% !important; 81 height: 100vh !important; 82 min-height: 0 !important; 83 margin: 0 !important; 84 padding: 0 !important; 85 overflow: hidden !important; 86} 87 88.intro-contents { 89 position: relative !important; 90 width: 100% !important; 91 height: 100% !important; 92 margin: 0 !important; 93 padding: 0 !important; 94} 95 96.intro-container { 97 position: relative !important; 98 width: 100% !important; 99 max-width: none !important; 100 height: 100% !important; 101 margin: 0 !important; 102 padding: 0 !important; 103} 104 105.intro .wrap { 106 position: relative !important; 107 display: flex !important; 108 align-items: center !important; 109 justify-content: center !important; 110 width: 100% !important; 111 height: 100% !important; 112 margin: 0 !important; 113 padding: 0 !important; 114 line-height: 0 !important; 115} 116 117 118/* ========================================== 119 PC ì´ë¯¸ì§ 120========================================== */ 121 122.loading-web { 123 display: block !important; 124 width: 100% !important; 125 height: 100vh !important; 126 max-width: none !important; 127 max-height: 100vh !important; 128 margin: 0 !important; 129 padding: 0 !important; 130 object-fit: contain !important; 131 object-position: center center !important; 132 vertical-align: top !important; 133} 134 135.loading-mob { 136 display: none !important; 137} 138 139 140/* ========================================== 141 PC ë²í¼ 142========================================== */ 143 144.intro-btn { 145 position: absolute !important; 146 147 top: 66vh !important; 148 left: 58% !important; 149 150 z-index: 99999 !important; 151 152 display: flex !important; 153 align-items: center !important; 154 justify-content: center !important; 155 156 width: 160px !important; 157 height: 61px !important; 158 159 padding: 12px !important; 160 box-sizing: border-box !important; 161 162 background: rgba(5, 24, 38, 0.9) !important; 163 164 border: 1px solid #fff !important; 165 border-radius: 30px !important; 166 167 color: #fff !important; 168 -webkit-text-fill-color: #fff !important; 169 170 font-size: 18px !important; 171 font-weight: 600 !important; 172 line-height: 1.2 !important; 173 174 text-align: center !important; 175 text-indent: 0 !important; 176 white-space: nowrap !important; 177 178 opacity: 1 !important; 179 visibility: visible !important; 180 181 text-decoration: none !important; 182 pointer-events: auto !important; 183 184 transform: translate(-170px, -50%) !important; 185} 186 187.intro-btn-ri { 188 top: 66vh !important; 189 left: 59% !important; 190 transform: translate(10px, -50%) !important; 191} 192 193.intro-btn:hover, 194.intro-btn:focus { 195 background: #fff !important; 196 color: #071d2c !important; 197 -webkit-text-fill-color: #071d2c !important; 198} 199 200.intro-btn::before, 201.intro-btn::after { 202 display: none !important; 203 content: none !important; 204} 205 206 207/* ========================================== 208 ìì PC 209========================================== */ 210 211@media (min-width: 769px) and (max-width: 1200px) { 212 213 .intro-btn { 214 top: 60vh !important; 215 216 width: 140px !important; 217 height: 54px !important; 218 219 padding: 10px !important; 220 221 font-size: 16px !important; 222 223 transform: translate(-150px, -50%) !important; 224 } 225 226 .intro-btn-ri { 227 top: 60vh !important; 228 transform: translate(10px, -50%) !important; 229 } 230} 231 232 233/* ========================================== 234 모ë°ì¼ 235========================================== */ 236 237@media (max-width: 768px) { 238 239 html, 240 body { 241 width: 100% !important; 242 height: auto !important; 243 min-height: 0 !important; 244 245 margin: 0 !important; 246 padding: 0 !important; 247 248 background: #00151f !important; 249 } 250 251 body.intro-bg { 252 height: auto !important; 253 min-height: 0 !important; 254 255 overflow-x: hidden !important; 256 overflow-y: auto !important; 257 258 background: #00151f !important; 259 background-image: none !important; 260 } 261 262 .intro { 263 position: relative !important; 264 265 width: 100% !important; 266 height: auto !important; 267 268 min-height: 0 !important; 269 max-height: none !important; 270 271 margin: 0 !important; 272 padding: 0 !important; 273 274 overflow: hidden !important; 275 } 276 277 .intro-contents, 278 .intro-container { 279 position: relative !important; 280 281 width: 100% !important; 282 height: auto !important; 283 284 min-height: 0 !important; 285 max-height: none !important; 286 287 margin: 0 !important; 288 padding: 0 !important; 289 } 290 291 .intro .wrap { 292 position: relative !important; 293 294 display: block !important; 295 296 width: 100% !important; 297 height: auto !important; 298 299 min-height: 0 !important; 300 max-height: none !important; 301 302 margin: 0 !important; 303 padding: 0 !important; 304 305 line-height: 0 !important; 306 } 307 308 .loading-web { 309 display: none !important; 310 } 311 312 .loading-mob { 313 display: block !important; 314 315 width: 100% !important; 316 height: auto !important; 317 318 max-width: none !important; 319 max-height: none !important; 320 321 margin: 0 !important; 322 padding: 0 !important; 323 324 object-fit: initial !important; 325 vertical-align: top !important; 326 } 327 328 329 /* ========================================== 330 모ë°ì¼ ë²í¼ 331 ========================================== */ 332 333 .intro-btn { 334 position: absolute !important; 335 336 top: 542px !important; 337 bottom: auto !important; 338 339 left: 9% !important; 340 341 width: 37% !important; 342 height: 46px !important; 343 344 padding: 8px 4px !important; 345 346 display: flex !important; 347 align-items: center !important; 348 justify-content: center !important; 349 350 box-sizing: border-box !important; 351 352 background: rgba(5, 24, 38, 0.9) !important; 353 354 border: 1px solid #fff !important; 355 border-radius: 25px !important; 356 357 color: #fff !important; 358 -webkit-text-fill-color: #fff !important; 359 360 font-size: 14px !important; 361 font-weight: 600 !important; 362 line-height: 1 !important; 363 364 text-align: center !important; 365 white-space: nowrap !important; 366 367 transform: none !important; 368 } 369 370 .intro-btn-ri { 371 top: 542px !important; 372 left: auto !important; 373 right: 10% !important; 374 transform: none !important; 375 } 376 377 .intro-btn:hover, 378 .intro-btn:focus { 379 background: #fff !important; 380 color: #071d2c !important; 381 -webkit-text-fill-color: #071d2c !important; 382 } 383} 384 385</style> 386 387</head> 388 389 390 391<body class="intro-bg"> 392 393 394<main class="intro"> 395 396 397 <section class="intro-contents"> 398 399 400 <div class="intro-container"> 401 402 403 <div class="wrap"> 404 405 406 <!-- PC ì¸í¸ë¡ ì´ë¯¸ì§ --> 407 408 <img 409 src="/hlfl/resources/images/loading_web.png" 410 alt="" 411 class="loading-web" 412 /> 413 414 415 <!-- 모ë°ì¼ ì¸í¸ë¡ ì´ë¯¸ì§ --> 416 417 <img 418 src="/hlfl/resources/images/loading_mob.jpg" 419 alt="" 420 class="loading-mob" 421 /> 422 423 424 <!-- ì¶ì ííì´ì§ --> 425 426 <a 427 href="/hlfl/index.php?p=1" 428 target="_blank" 429 title="íë§í´ë§ ììíì± ííì´ì§ ìì°½ ì´ë¦¼" 430 class="intro-btn" 431 > 432 ì¶ì ííì´ì§ 433 </a> 434 435 436 <!-- ìì문íì¬ë¨ ííì´ì§ --> 437 438 <a 439 href="/?p=1&goMain=1" 440 target="_blank" 441 title="ìì문íì¬ë¨ ííì´ì§ ìì°½ ì´ë¦¼" 442 class="intro-btn intro-btn-ri" 443 > 444 ì¬ë¨ ííì´ì§ 445 </a> 446 447 448 </div> 449 450 451 </div> 452 453 454 </section> 455 456 457</main> 458 459 460
461<script 462 src="/hlfl/resources/script/jquery.min.js" 463 charset="utf-8" 464></script>
464 465 466
467<script 468 src="/hlfl/resources/script/slick.min.js" 469 charset="utf-8" 470></script>
470 471 472
473<script 474 src="/hlfl/resources/script/script.js" 475 charset="utf-8" 476></script>
476 477 478 479</body> 480 481</html> 482 483
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.