You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

77 lines
2.5 KiB

7 years ago
  1. <!DOCTYPE html>
  2. <html lang="ko">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>404 Page Not Found</title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <style type="text/css">
  9. ::selection { background-color: #E13300; color: white; }
  10. ::-moz-selection { background-color: #E13300; color: white; }
  11. body {
  12. background-color: #fff;
  13. margin: 60px 40px;
  14. font: 13px/20px normal Helvetica, Arial, sans-serif;
  15. color: #4F5155;
  16. }
  17. .error_contents {display:table; margin:0 auto; border:1px solid #eee;}
  18. .error_contents .img-responsive {display: table-cell; vertical-align: middle;}
  19. .error_contents .text-box{display: table-cell; vertical-align: middle; }
  20. .error_contents h2 {font-size:50px; line-height:1.35; padding-right:40px;}
  21. .error_contents h2 > strong {color:#d6040d;}
  22. .img-responsive {max-width:100%;}
  23. a.button{
  24. background-color: #f7f7f7;
  25. color: #747474;
  26. display: inline-block;
  27. margin-bottom: 15px;
  28. cursor: pointer;
  29. border: 0;
  30. -webkit-border-radius: 5px;
  31. border-radius: 5px;
  32. position: relative;
  33. overflow: hidden;
  34. -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
  35. box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
  36. background-image: url('/assets/images/common/box_shadow_button.png');
  37. background-repeat: repeat-x;
  38. }
  39. a.button .button_icon {
  40. display: block;
  41. float: left;
  42. background: rgba(0,0,0,.05);
  43. padding:11px 11px;
  44. }
  45. a.button .button_label {
  46. display: block;
  47. float: left;
  48. position: relative;
  49. z-index: 2;
  50. padding:11px 20px;
  51. }
  52. @media (max-width: 800px) {
  53. .error_contents .img-responsive {display: table; vertical-align: middle;}
  54. .error_contents .text-box{display: table; vertical-align: middle; margin:0 auto; }
  55. .error_contents h2 {font-size:24px; line-height:1.35; padding-right:0px; text-align:center; text-align: center;}
  56. }
  57. </style>
  58. </head>
  59. <body>
  60. <article class="container" id="container">
  61. <div class="error_contents">
  62. <img src="/assets/images/common/error_img.png" alt="" class="img-responsive">
  63. <div class="text-box">
  64. <h2><strong>404</strong><br>Page Not Found</h2>
  65. <a class="button button_left button_size_2 button_js kill_the_icon" href="https://www.wheeparam.com/">
  66. <span class="button_icon"><img src="/assets/images/common/error_arr.png" alt="" class="img-responsive"></span>
  67. <span class="button_label">HOME</span>
  68. </a>
  69. </div>
  70. </div>
  71. </article>
  72. </body>
  73. </html>