<!-- gnn_broad.php -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>찾으시는 페이지가 없습니다</title>

    <meta name="title" content="페이지없음">
    <meta name ="keywords" content="페이지없음">
    <meta name ="description" content="페이지 없음 안내 페이지">

    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png?v=GvJlKqalQO">
    <link rel="icon" type="image/png" href="/images/favicon/favicon-32x32.png?v=GvJlKqalQO" sizes="32x32">
    <link rel="icon" type="image/png" href="/images/favicon/favicon-16x16.png?v=GvJlKqalQO" sizes="16x16">
    <link rel="manifest" href="/images/favicon/manifest.json?v=GvJlKqalQO">
    <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg?v=GvJlKqalQO" color="#07a8c0">
    <link rel="shortcut icon" href="/images/favicon/favicon.ico?v=GvJlKqalQO">
    <meta name="apple-mobile-web-app-title" content="기쁜소식선교회">
    <meta name="application-name" content="기쁜소식선교회">
    <meta name="theme-color" content="#ffffff">

    <!-- og tag --->
    <meta property="og:title" content="기쁜소식선교회">
    <meta property="og:url" content="http://www.goodnews.or.kr">
    <meta property="og:image" content="http://www.goodnews.or.kr/images/common/goodnews_mission_og_image.jpg">
    <meta property="og:description" content="페이지 없음">

    <link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

    <style>
        body {background-color:#f6f6f6;font-size: 1em; }
        body, ul, li, h1, p {margin:0; padding:0; list-style:none; font-family:dotum, dotumche, gullim; }
        a:link {color:#868686; text-decoration:underline; }
        a:hover {color:#000000; }
        a:active {color:#000000; }
        a:visited {color:#868686; }
        img {vertical-align: inherit;}
        .header {background:#e4e4e4; height:80px; }
        .header .headerarea { margin:0 auto; }
        .header .headerarea h1 {float:left; color:#616161; padding:1.2em 0; font-size:1.7em;  }
        .header .headerarea p {width:25%; height:80px; font-size:1.7em;  float:right; background:#5da8c5; font-weight:bold; }
        .header .headerarea p a:link {display:block; padding:1.7em 0 1.5em 2.2em; color:#fff; text-decoration:none; background:url("/images/intro/intro_btn_icon.png") 10em 19px no-repeat; }
        .header .headerarea p:hover {background:#2d8cb1;}
        .header .headerarea p a:visited {color:#fff; }
        #contents { font-weight:bold;  }
        .qlink {overflow:hidden; margin: 0 auto;width: 100%; }
        .qlink li {float: left; width:310px; padding:0px 13px 60px 13px; min-height: 200px; color:#868686; }
        .qlink li a {display:block;  font-size:1.8em; }
        .qlink li a img {border: 1px solid #cccccc; margin-bottom:15px; }
        .qlink li a img:hover {border: 1px solid #000000; }

        @media (min-width: 1200px){
            .container { max-width: 960px; 	}
            #contents { padding:50px 0;}
        }
        @media (max-width: 480px ){
            .header .headerarea p {width:100%; }
            .header .headerarea p a:link {display:block; padding:1.7em 0 1.5em 2.2em; color:#fff; text-decoration:none; background:url("/images/intro/intro_btn_icon.png") right 19px no-repeat; }
            .qlink {overflow:hidden; margin: 0 auto;width: 310px; }
            .qlink li {float: left; width:310px; padding:0px 13px 20px 13px; min-height: 200px; color:#868686; }
        }
        @media (min-width: 481px ) and (max-width:630px){
            .header .headerarea p {width:100%; }
            .header .headerarea p a:link {display:block; padding:1.7em 0 1.5em 2.2em; color:#fff; text-decoration:none; background:url("/images/intro/intro_btn_icon.png") right 19px no-repeat; }
            .qlink {overflow:hidden; margin: 0 auto;width: 310px; }
            .qlink li {float: left; width:310px; padding:0px 13px 20px 13px; min-height: 200px; color:#868686; }
        }
        @media (min-width: 631px ) and (max-width:799px){
            .header .headerarea p {  }
            .header .headerarea p a:link {display:block; padding:1.7em 0 1.5em 0.8em; color:#fff; text-decoration:none; background:url("/images/intro/intro_btn_icon.png") right 19px no-repeat; }
            .qlink {overflow:hidden; margin: 0 auto;width: 650px; }
            .qlink li {float: left; width:310px; padding:0px 13px 20px 13px; min-height: 200px; color:#868686; }
        }
        @media (min-width: 800px ) and (max-width:1000px){
            .header .headerarea p {width:100%; }
            .header .headerarea p a:link {display:block; padding:1.7em 0 1.5em 2.2em; color:#fff; text-decoration:none; background:url("/images/intro/intro_btn_icon.png") right 19px no-repeat; }
            .qlink {overflow:hidden; margin: 0 auto;width: 650px; }
            .qlink li {float: left; width:310px; padding:0px 13px 20px 13px; min-height: 200px; color:#868686; }
        }
        @media (min-width: 1001px ) and (max-width:1200px){
            #contents { padding:50px 0;}

        }
    </style>

</head>

<body>
<nav class="navbar navbar-default" role="navigation">
    <div class="header">
        <div class="headerarea container">
            <h1>
                <img src="/images/main/intro/intro_logo.png" alt="기쁜소식선교회"> 페이지를 찾을 수 없습니다.
            </h1>
            <p>
                <a href="/">메인으로 이동하기</a>
            </p>
        </div>
    </div>
</nav>
<div class="container" id='contents'>
    <iframe src="https://editor.p5js.org/jplee/embed/GXktXpkte" style="width: 100%; height:600px; max-width: 900px; margin-left:30px"></iframe>
</div>
</body>

</html>