CINXE.COM

충청남도 누리집(홈페이지)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>충청남도 누리집(홈페이지)</title> <!-- src > css, js 연결 --> <link rel="stylesheet" href="/static/cnportal/plugin/swiper/swiper-bundle.min.css"> <link rel="stylesheet" href="/static/cnportal/plugin/aos/aos.css"> <link rel="stylesheet" href="/static/cnportal/plugin/scrollbar/jquery.mCustomScrollbar.min.css"> <link rel="stylesheet" href="/static/cnportal/css/fonts.css"> <link rel="stylesheet" href="/static/cnportal/css/common.css"> <link rel="stylesheet" href="/static/cnportal/css/style.css"> <link rel="stylesheet" href="/static/cnportal/css/normal.css"> <link rel="stylesheet" href="/static/cnportal/css/responsive.css"> <link rel="stylesheet" href="/static/cnportal/css/dark.css"> <script src="/static/cnportal/js/jquery-3.7.0.min.js"></script> <script src="/static/jslibrary/jquery.mousewheel.min.js"></script> <script src="/static/cnportal/plugin/feather.min.js"></script> <!-- <script src="/static/plugin/prefixfree.min.js"></script> --> <script src="/static/cnportal/plugin/matchheight/jquery.matchHeight.js"></script> <script src="/static/cnportal/plugin/scrollbar/jquery.mCustomScrollbar.js"></script> <script src="/static/cnportal/plugin/swiper/swiper-bundle.min.js"></script> <script src="/static/cnportal/plugin/aos/aos.js"></script> <script src="/static/cnportal/js/normal.js" defer></script> <!-- 스타일 --> <style> .sv-error {position: relative; width: 100vw; height: 100vh; background: #ffffff;} .sv-error-inner {position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); width: 950px; max-width: 100%; padding: 0 50px; text-align: center; font-size: 0;} .sv-error-img {display: inline-block; vertical-align: top; width: 176px;} .sv-error-img img {display: block;} .sv-error-content {display: inline-block; vertical-align: top; width: calc(100% - 176px); padding-left: 58px; padding-top: 50px; text-align: left;} .sv-error-title {font-size: 58px; font-weight: bold; color: #0f0f0f; line-height: 1.2;} .sv-error-text {margin-top: 50px; font-size: 24px; font-weight: 500; color: #0f0f0f; line-height: 1.25;} .sv-error-btn-wr {margin-top: 50px; font-size: 0;} .sv-error-btn {display: inline-block; vertical-align: middle; width: 180px; height: 60px; line-height: 60px; border-radius: 5px; font-size: 20px; font-weight: bold; text-align: center;} .sv-error-btn.back {color: #666666; border: 1px solid #666666; background: #ffffff;} .sv-error-btn.home {color: #ffffff; border: none; background: rgb(185,61,70); background: -moz-linear-gradient(262deg, rgba(185,61,70,1) 0%, rgba(145,73,142,1) 100%); background: -webkit-linear-gradient(262deg, rgba(185,61,70,1) 0%, rgba(145,73,142,1) 100%); background: linear-gradient(262deg, rgba(185,61,70,1) 0%, rgba(145,73,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b93d46",endColorstr="#91498e",GradientType=1);} .sv-error-btn ~ .sv-error-btn {margin-left: 20px;} @media screen and (max-width:1024px){ .sv-error-img {display: block; margin: 0 auto;} .sv-error-content {display: block; width: 100%; padding-left: 0; text-align: center;} .sv-error-title {font-size: 52px;} .sv-error-text {margin-top: 30px;} .sv-error-btn-wr {margin-top: 30px;} } @media screen and (max-width:767px){ .sv-error-inner {padding: 0 20px;} .sv-error-img {width: 120px;} .sv-error-content {padding-top: 30px;} .sv-error-title {font-size: 40px;} .sv-error-text {margin-top: 20px; font-size: 20px;} .sv-error-btn-wr {margin-top: 20px;} .sv-error-btn {width: 150px; height: 55px; line-height: 55px; font-size: 18px;} .sv-error-btn ~ .sv-error-btn {margin-left: 15px;} } @media screen and (max-width:500px){ .sv-error-title {font-size: 26px;} .sv-error-text {font-size: 18px;} .sv-error-btn {width: 120px; height: 50px; line-height: 50px; font-size: 16px;} .sv-error-btn ~ .sv-error-btn {margin-left: 10px;} } </style> </head> <body> <section class="sv-error"> <div class="sv-error-inner"> <div class="sv-error-img"> <img src="/static/cnportal/img/icon-sv_error.png" alt="아이콘"> </div> <div class="sv-error-content"> <p class="sv-error-title">페이지를 찾을 수 없습니다.</p> <p class="sv-error-text">페이지가 존재하지 않거나, 사용할 수 없는 페이지입니다.<br/> 입력하신 주소가 정확한지 다시 한번 확인해 주세요. </p> <div class="sv-error-btn-wr"> <button onclick="history.back()" class="sv-error-btn back">이전 페이지</button> <a href="/cnportal/main/main.do" class="sv-error-btn home" title="충청남도 누리집으로 이동">충청남도 누리집</a> </div> </div> </div> </section> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10