First Commit

web/html/theme/AT_WEB01/mobile/_common.php

@@ -0,0 +1,3 @@
+<?php
+include_once('../../../common.php');
+?>

web/html/theme/AT_WEB01/mobile/group.php

@@ -0,0 +1,35 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+if(!$is_admin && $group['gr_device'] == 'pc')
+    alert($group['gr_subject'].' 그룹은 PC에서만 접근할 수 있습니다.');
+
+include_once(G5_THEME_MOBILE_PATH.'/head.php');
+?>
+
+<!-- 메인화면 최신글 시작 -->
+<?php
+//  최신글
+$sql = " select bo_table, bo_subject
+            from {$g5['board_table']}
+            where gr_id = '{$gr_id}'
+              and bo_list_level <= '{$member['mb_level']}'
+              and bo_device <> 'pc' ";
+if(!$is_admin)
+    $sql .= " and bo_use_cert = '' ";
+$sql .= " order by bo_order ";
+$result = sql_query($sql);
+for ($i=0; $row=sql_fetch_array($result); $i++) {
+    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
+    // 스킨은 입력하지 않을 경우 관리자 > 환경설정의 최신글 스킨경로를 기본 스킨으로 합니다.
+
+    // 사용방법
+    // latest(스킨, 게시판아이디, 출력라인, 글자수);
+    echo latest('theme/basic', $row['bo_table'], 5, 70);
+}
+?>
+<!-- 메인화면 최신글 끝 -->
+
+<?php
+include_once(G5_THEME_MOBILE_PATH.'/tail.php');
+?>

web/html/theme/AT_WEB01/mobile/head.php

@@ -0,0 +1,192 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+include_once(G5_THEME_PATH.'/head.sub.php');
+include_once(G5_LIB_PATH.'/latest.lib.php');
+include_once(G5_LIB_PATH.'/outlogin.lib.php');
+include_once(G5_LIB_PATH.'/poll.lib.php');
+include_once(G5_LIB_PATH.'/visit.lib.php');
+include_once(G5_LIB_PATH.'/connect.lib.php');
+include_once(G5_LIB_PATH.'/popular.lib.php');
+?>
+
+<header id="hd">
+    <h1 id="hd_h1"><?php echo $g5['title'] ?></h1>
+
+    <div class="to_content"><a href="#container">본문 바로가기</a></div>
+
+    <?php
+    if(defined('_INDEX_')) { // index에서만 실행
+        include G5_MOBILE_PATH.'/newwin.inc.php'; // 팝업레이어
+    } ?>
+
+    <div id="hd_wrapper">
+
+        <div id="logo">
+            <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/m_logo.png" alt="<?php echo $config['cf_title']; ?>"></a>
+        </div>
+
+        <button type="button" id="gnb_open" class="hd_opener"><i class="fa fa-bars" aria-hidden="true"></i><span class="sound_only"> 메뉴열기</span></button>
+
+        <div id="gnb" class="hd_div">
+            <button type="button" id="gnb_close" class="hd_closer"><span class="sound_only">메뉴 </span>닫기</button>
+
+            <ul id="gnb_1dul">
+            <?php
+            $sql = " select *
+                        from {$g5['menu_table']}
+                        where me_mobile_use = '1'
+                          and length(me_code) = '2'
+                        order by me_order, me_id ";
+            $result = sql_query($sql, false);
+
+            for($i=0; $row=sql_fetch_array($result); $i++) {
+            ?>
+                <li class="gnb_1dli">
+                    <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
+                    <?php
+                    $sql2 = " select *
+                                from {$g5['menu_table']}
+                                where me_mobile_use = '1'
+                                  and length(me_code) = '4'
+                                  and substring(me_code, 1, 2) = '{$row['me_code']}'
+                                order by me_order, me_id ";
+                    $result2 = sql_query($sql2);
+
+                    for ($k=0; $row2=sql_fetch_array($result2); $k++) {
+                        if($k == 0)
+                            echo '<button type="button" class="btn_gnb_op">하위분류</button><ul class="gnb_2dul">'.PHP_EOL;
+                    ?>
+                        <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><span></span><?php echo $row2['me_name'] ?></a></li>
+                    <?php
+                    }
+
+                    if($k > 0)
+                        echo '</ul>'.PHP_EOL;
+                    ?>
+                </li>
+            <?php
+            }
+
+            if ($i == 0) {  ?>
+                <li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하세요.<?php } ?></li>
+            <?php } ?>
+            </ul>
+
+            <div id="hd_sch">
+                <h2>사이트 내 전체검색</h2>
+                <form name="fsearchbox" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);" method="get">
+                <input type="hidden" name="sfl" value="wr_subject||wr_content">
+                <input type="hidden" name="sop" value="and">
+                <input type="text" name="stx" id="sch_stx" placeholder="검색어(필수)" required maxlength="20">
+                <button type="submit" value="검색" id="sch_submit"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+                </form>
+
+                <script>
+                function fsearchbox_submit(f)
+                {
+                    if (f.stx.value.length < 2) {
+                        alert("검색어는 두글자 이상 입력하십시오.");
+                        f.stx.select();
+                        f.stx.focus();
+                        return false;
+                    }
+
+                    // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
+                    var cnt = 0;
+                    for (var i=0; i<f.stx.value.length; i++) {
+                        if (f.stx.value.charAt(i) == ' ')
+                            cnt++;
+                    }
+
+                    if (cnt > 1) {
+                        alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
+                        f.stx.select();
+                        f.stx.focus();
+                        return false;
+                    }
+
+                    return true;
+                }
+                </script>
+            </div>
+        </div>
+
+        <button type="button" id="user_btn" class="hd_opener"><i class="fa fa-user" aria-hidden="true"></i><span class="sound_only">사용자메뉴</span></button>
+        <div class="hd_div" id="user_menu">
+            <button type="button" id="user_close" class="hd_closer"><span class="sound_only">메뉴 </span>닫기</button>
+
+            <?php echo outlogin('theme/basic'); // 외부 로그인 ?>
+
+            <ul id="hd_nb">
+                <li class="hd_nb1"><a href="<?php echo G5_BBS_URL ?>/qalist.php" id="snb_qa"><i class="fa fa-comments" aria-hidden="true"></i><br>1:1문의</a></li>
+                <li class="hd_nb2"><a href="<?php echo G5_BBS_URL ?>/faq.php" id="snb_faq"><i class="fa fa-question-circle" aria-hidden="true"></i><br>FAQ</a></li>
+                <li class="hd_nb3"><a href="<?php echo G5_BBS_URL ?>/current_connect.php" id="snb_cnt"><i class="fa fa-users" aria-hidden="true"></i><br>접속자 <span><?php echo connect('theme/basic'); // 현재 접속자수 ?></span></a></li>
+                <li class="hd_nb4"><a href="<?php echo G5_BBS_URL ?>/new.php" id="snb_new"><i class="fa fa-history" aria-hidden="true"></i><br>새글</a></li>
+                
+            </ul>
+
+            <div id="text_size">
+            <!-- font_resize('엘리먼트id', '제거할 class', '추가할 class'); -->
+                <button id="size_down" onclick="font_resize('container', 'ts_up ts_up2', '', this);" class="select"><img src="<?php echo G5_URL; ?>/img/ts01.png" width="20" alt="기본"></button>
+                <button id="size_def" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up', this);"><img src="<?php echo G5_URL; ?>/img/ts02.png" width="20" alt="크게"></button>
+                <button id="size_up" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up2', this);"><img src="<?php echo G5_URL; ?>/img/ts03.png" width="20" alt="더크게"></button>
+            </div>
+        </div>
+
+        <script>
+        $(function () {
+            //폰트 크기 조정 위치 지정
+            var font_resize_class = get_cookie("ck_font_resize_add_class");
+            if( font_resize_class == 'ts_up' ){
+                $("#text_size button").removeClass("select");
+                $("#size_def").addClass("select");
+            } else if (font_resize_class == 'ts_up2') {
+                $("#text_size button").removeClass("select");
+                $("#size_up").addClass("select");
+            }
+
+            $(".hd_opener").on("click", function() {
+                var $this = $(this);
+                var $hd_layer = $this.next(".hd_div");
+
+                if($hd_layer.is(":visible")) {
+                    $hd_layer.hide();
+                    $this.find("span").text("열기");
+                } else {
+                    var $hd_layer2 = $(".hd_div:visible");
+                    $hd_layer2.prev(".hd_opener").find("span").text("열기");
+                    $hd_layer2.hide();
+
+                    $hd_layer.show();
+                    $this.find("span").text("닫기");
+                }
+            });
+
+            $("#container").on("click", function() {
+                $(".hd_div").hide();
+
+            });
+
+            $(".btn_gnb_op").click(function(){
+                $(this).toggleClass("btn_gnb_cl").next(".gnb_2dul").slideToggle(300);
+                
+            });
+
+            $(".hd_closer").on("click", function() {
+                var idx = $(".hd_closer").index($(this));
+                $(".hd_div:visible").hide();
+                $(".hd_opener:eq("+idx+")").find("span").text("열기");
+            });
+        });
+        </script>
+        
+    </div>
+</header>
+
+
+
+<div id="wrapper">
+
+    <div id="container">
+    <?php if (!defined("_INDEX_")) { ?><h2 id="container_title" class="top" title="<?php echo get_text($g5['title']); ?>"><?php echo get_head_title($g5['title']); ?></h2><?php } ?>

web/html/theme/AT_WEB01/mobile/index.php

@@ -0,0 +1,30 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+include_once(G5_THEME_MOBILE_PATH.'/head.php');
+?>
+
+<!-- 메인화면 최신글 시작 -->
+<?php
+//  최신글
+$sql = " select bo_table
+            from `{$g5['board_table']}` a left join `{$g5['group_table']}` b on (a.gr_id=b.gr_id)
+            where a.bo_device <> 'pc' ";
+if(!$is_admin)
+    $sql .= " and a.bo_use_cert = '' ";
+$sql .= " order by b.gr_order, a.bo_order ";
+$result = sql_query($sql);
+for ($i=0; $row=sql_fetch_array($result); $i++) {
+    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
+    // 스킨은 입력하지 않을 경우 관리자 > 환경설정의 최신글 스킨경로를 기본 스킨으로 합니다.
+
+    // 사용방법
+    // latest(스킨, 게시판아이디, 출력라인, 글자수);
+    echo latest('theme/basic', $row['bo_table'], 5, 25);
+}
+?>
+<!-- 메인화면 최신글 끝 -->
+
+<?php
+include_once(G5_THEME_MOBILE_PATH.'/tail.php');
+?>

web/html/theme/AT_WEB01/mobile/skin/board/basic/list.skin.php

@@ -0,0 +1,215 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// 선택옵션으로 인해 셀합치기가 가변적으로 변함
+$colspan = 2;
+
+if ($is_checkbox) $colspan++;
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
+?>
+
+<?php if ($rss_href || $write_href) { ?>
+<ul class="<?php echo isset($view) ? 'view_is_list btn_top' : 'btn_top top';?>">
+    <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?>
+    <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin"><i class="fa fa-user-circle" aria-hidden="true"></i><span class="sound_only">관리자</span></a></li><?php } ?>
+    <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
+</ul>
+<?php } ?>
+<!-- 게시판 목록 시작 -->
+<div id="bo_list">
+
+    <?php if ($is_category) { ?>
+    <nav id="bo_cate">
+        <h2><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']) ?> 카테고리</h2>
+        <ul id="bo_cate_ul">
+            <?php echo $category_option ?>
+        </ul>
+    </nav>
+    <?php } ?>
+
+    <div id="bo_list_total">
+        <span>전체 <?php echo number_format($total_count) ?>건</span>
+        <?php echo $page ?> 페이지
+    </div>
+
+
+    <form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
+    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+    <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
+    <input type="hidden" name="stx" value="<?php echo $stx ?>">
+    <input type="hidden" name="spt" value="<?php echo $spt ?>">
+    <input type="hidden" name="sst" value="<?php echo $sst ?>">
+    <input type="hidden" name="sod" value="<?php echo $sod ?>">
+    <input type="hidden" name="page" value="<?php echo $page ?>">
+    <input type="hidden" name="sw" value="">
+
+    <div class="list_01">
+        <?php if ($is_checkbox) { ?>
+        <div scope="col">
+            <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
+            <label for="chkall"><span class="sound_only">현재 페이지 게시물 </span>전체선택</label>
+        </div>
+        <?php } ?>
+        <ul>
+            <?php
+            for ($i=0; $i<count($list); $i++) {
+            ?>
+            <li class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">
+                <?php if ($is_checkbox) { ?>
+                <div class="bo_chk">
+                    <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
+                    <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
+                </div><?php } ?>
+
+                <div class="bo_subject">
+
+                    <?php
+                    if ($is_category && $list[$i]['ca_name']) {
+                    ?>
+                    <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
+                    <?php } ?>
+
+                    <a href="<?php echo $list[$i]['href'] ?>" class="bo_subject">
+                        <?php echo $list[$i]['icon_reply']; ?>
+                        <?php if ($list[$i]['is_notice']) { ?><strong class="notice_icon"><i class="fa fa-volume-up" aria-hidden="true"></i>공지</strong><?php } ?> 
+                        <?php echo $list[$i]['subject'] ?>
+                        <?php
+                        // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
+
+                        if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];
+                        if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
+                        if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
+                        if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
+                        if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
+
+                        ?>
+                    </a>
+
+                </div>
+                <div class="bo_info">
+                    <span class="sound_only">작성자</span><?php echo $list[$i]['name'] ?>
+                    
+
+                    <span class="bo_date"><?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><i class="fa fa-commenting-o" aria-hidden="true"></i><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?> <i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
+                
+                </div>
+                
+            </li><?php } ?>
+            <?php if (count($list) == 0) { echo '<li class="empty_table">게시물이 없습니다.</li>'; } ?>
+        </ul>
+    </div>
+
+    <?php if ($list_href || $is_checkbox || $write_href) { ?>
+    <div class="bo_fx">
+        <ul class="btn_bo_adm">
+            <?php if ($list_href) { ?>
+            <li><a href="<?php echo $list_href ?>" class="btn_b01 btn"> 목록</a></li>
+            <?php } ?>
+            <?php if ($is_checkbox) { ?>
+            <li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sound_only">선택삭제</span></button></li>
+            <li><button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value" class="btn"><i class="fa fa-files-o" aria-hidden="true"></i><span class="sound_only">선택복사</span></button></li>
+            <li><button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value" class="btn"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sound_only">선택이동</span></button></li>
+            <?php } ?>
+        </ul>
+    </div>
+    <?php } ?>
+    </form>
+</div>
+
+<?php if($is_checkbox) { ?>
+<noscript>
+<p>자바스크립트를 사용하지 않는 경우<br>별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p>
+</noscript>
+<?php } ?>
+
+<!-- 페이지 -->
+<?php echo $write_pages; ?>
+
+<fieldset id="bo_sch">
+    <legend>게시물 검색</legend>
+
+    <form name="fsearch" method="get">
+    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+    <input type="hidden" name="sca" value="<?php echo $sca ?>">
+    <input type="hidden" name="sop" value="and">
+    <label for="sfl" class="sound_only">검색대상</label>
+    <select name="sfl" id="sfl">
+        <option value="wr_subject"<?php echo get_selected($sfl, 'wr_subject', true); ?>>제목</option>
+        <option value="wr_content"<?php echo get_selected($sfl, 'wr_content'); ?>>내용</option>
+        <option value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>제목+내용</option>
+        <option value="mb_id,1"<?php echo get_selected($sfl, 'mb_id,1'); ?>>회원아이디</option>
+        <option value="mb_id,0"<?php echo get_selected($sfl, 'mb_id,0'); ?>>회원아이디(코)</option>
+        <option value="wr_name,1"<?php echo get_selected($sfl, 'wr_name,1'); ?>>글쓴이</option>
+        <option value="wr_name,0"<?php echo get_selected($sfl, 'wr_name,0'); ?>>글쓴이(코)</option>
+    </select>
+    <input name="stx" value="<?php echo stripslashes($stx) ?>" placeholder="검색어(필수)" required id="stx" class="sch_input" size="15" maxlength="20">
+    <button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i> <span class="sound_only">검색</span></button>
+    </form>
+</fieldset>
+
+<?php if ($is_checkbox) { ?>
+<script>
+function all_checked(sw) {
+    var f = document.fboardlist;
+
+    for (var i=0; i<f.length; i++) {
+        if (f.elements[i].name == "chk_wr_id[]")
+            f.elements[i].checked = sw;
+    }
+}
+
+function fboardlist_submit(f) {
+    var chk_count = 0;
+
+    for (var i=0; i<f.length; i++) {
+        if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
+            chk_count++;
+    }
+
+    if (!chk_count) {
+        alert(document.pressed + "할 게시물을 하나 이상 선택하세요.");
+        return false;
+    }
+
+    if(document.pressed == "선택복사") {
+        select_copy("copy");
+        return;
+    }
+
+    if(document.pressed == "선택이동") {
+        select_copy("move");
+        return;
+    }
+
+    if(document.pressed == "선택삭제") {
+        if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다."))
+            return false;
+
+        f.removeAttribute("target");
+        f.action = "./board_list_update.php";
+    }
+
+    return true;
+}
+
+// 선택한 게시물 복사 및 이동
+function select_copy(sw) {
+    var f = document.fboardlist;
+
+    if (sw == 'copy')
+        str = "복사";
+    else
+        str = "이동";
+
+    var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");
+
+    f.sw.value = sw;
+    f.target = "move";
+    f.action = "./move.php";
+    f.submit();
+}
+</script>
+<?php } ?>
+<!-- 게시판 목록 끝 -->

web/html/theme/AT_WEB01/mobile/skin/board/basic/style.css

@@ -0,0 +1,279 @@
+@charset "utf-8";
+
+/* ### 기본 스타일 커스터마이징 시작 ### */
+
+/* 게시판 버튼 */
+/* 목록 버튼 */
+#bo_list a.btn_b01 {}
+#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {}
+#bo_list a.btn_b02 {}
+#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
+#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
+#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}
+.chk_all{margin:10px 0}
+/* 읽기 버튼 */
+#bo_v a.btn_b01 {}
+#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
+#bo_v a.btn_b02 {}
+#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
+#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
+#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
+
+/* 쓰기 버튼 */
+#bo_w .btn_confirm {} /* 서식단계 진행 */
+#bo_w .btn_submit {}
+#bo_w .btn_cancel {}
+#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */
+
+
+/* 게시판 목록 */
+#bo_list .td_chk {width:30px;text-align:center}
+#bo_list .td_group {width:100px;text-align:center}
+#bo_list .td_board {width:120px;text-align:center}
+#bo_list .td_num {width:50px;text-align:center}
+#bo_list .td_numbig {width:80px;text-align:center}
+#bo_list .td_mb_id {width:100px;text-align:center}
+#bo_list .td_nick {width:100px;text-align:center}
+#bo_list .td_name {width:100px;text-align:left}
+#bo_list .td_date {width:60px;text-align:center}
+#bo_list .td_datetime {width:150px;text-align:center}
+#bo_list .td_mng {width:80px;text-align:center}
+#bo_list .notice_icon{display: inline-block;background: #ff6f6f;padding: 0 5px;line-height: 20px;border-radius: 5px;font-weight: normal;font-size:11px;color: #fff;}
+#bo_list .notice_icon i{color:#fff}
+#bo_list .bo_subject .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
+#bo_list .bo_subject .fa-link{width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
+#bo_list .bo_subject .fa-heart{color:#ff0000;;text-align:center;font-size:10px;border-radius:2px}
+#bo_list .bo_subject .new_icon{display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed}
+#bo_list .bo_tit .fa-lock{color:#666}
+
+
+#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
+#bo_cate ul {margin: 10px;padding-left:1px;zoom:1}
+#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
+#bo_cate li{display:inline-block;float:left;margin:3px 5px 3px 0}
+#bo_cate a {display:block;line-height:24px;padding:0 10px;border-radius:13px;background:#fff;}
+#bo_cate #bo_cate_on {background:#4162ff;color:#fff;
+-webkit-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+-moz-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+box-shadow: 0 0 8px  rgba(65,98,255,0.8);}
+
+/* 관리자일 때 */
+#bo_list_admin th label {position:absolute;font-size:0;line-height:0;overflow:hidden}
+
+#bo_list_admin th:nth-of-type(1) {width:40px}
+#bo_list_admin th:nth-of-type(3) {width:100px}
+
+#bo_list_admin td:nth-of-type(1) {text-align:center}
+#bo_list_admin td:nth-of-type(3) {text-align:center}
+
+/* 관리자가 아닐 때 */
+#bo_list th:nth-of-type(2) {width:100px}
+#bo_list td:nth-of-type(2) {text-align:center}
+
+/* 게시판 목록 공통 */
+.bo_fx {margin-bottom:5px;padding:0 10px}
+.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_fx ul {margin:0;padding:0;list-style:none}
+#bo_list_total{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
+.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
+.btn_bo_user li {float:left;margin-left:5px}
+.btn_bo_adm {text-align:center}
+.btn_bo_adm li {display:inline-block;}
+.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}
+.bo_notice td {background:#f7f7f7}
+.bo_notice td a {font-weight:bold}
+.td_num strong {color:#000}
+.bo_cate_link {;color:#3ca1ff !important;font-weight:normal;text-decoration:none;font-size:0.92em} /* 글제목줄 분류스타일 */
+.bo_subject{display:block;font-size:1.083em;font-weight:bold;margin:5px 0}
+.bo_subject i{color: #8d96c2;font-size:12px}
+.bo_subject  .fa-heart{color:#ff0000}
+.bo_current {color:#e8180c}
+.bo_info{border-top: 1px solid #eee;margin: 10px 0 0;line-height: 20px;color: #666;position: relative;padding-top: 10px;vertical-align:top}
+.bo_info .comment_icon{background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
+.bo_info .bo_date{position:absolute;top:10px;right:0;font-style: italic;}
+.bo_info .cnt_cmt {display:inline-block;margin: 0 5px 0 3px;}
+.bo_info .profile_img img{border-radius:50%;vertical-align:top}
+
+#bo_sch {background:#fff;border:1px solid #bdc2d8;position:relative;margin:10px;border-radius:3px}
+#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
+#bo_sch select{border:0;;margin:9px 0;height:20px;border-right:1px solid #ddd;float:left;width:40%}
+#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
+#bo_sch .sch_btn{height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}
+
+.view_is_list.btn_top{position:relative;z-index:auto;top:0;left:0}
+.view_is_list{margin:8px 10px 0;height:50px;padding:10px;line-height:30px;border-radius:3px;border-bottom:1px solid #ccc;background:#fff;color:#333;text-align:right}
+.view_is_list li{display:inline-block}
+
+#bo_list{margin:10px 0}
+
+/* 게시판 쓰기 */
+#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}
+
+#char_count_desc {display:block;margin:0 0 5px;padding:0}
+#char_count_wrap {margin:5px 0 0;text-align:right}
+#char_count {font-weight:bold}
+
+#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}
+
+/* 게시판 읽기 */
+#bo_v {padding:20px 10px 10px;background:#fff
+;-webkit-box-shadow:  0 1px 4px #ddd;
+-moz-box-shadow:  0 1px 4px #ddd;
+box-shadow: 0 1px 4px #ddd;}
+
+#bo_v_table {padding: 10px;color:#999;font-size:0.9em;font-weight:bold}
+
+#bo_v_title {;text-align:center}
+.bo_v_cate{display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;font-weight:normal;
+-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+box-shadow: 0 0 8px rgba(65,98,255,0.8);}
+.bo_v_tit{display:block;font-size:1.5em;margin:10px 0 0}
+#bo_v header p{font-size:0.92em;color:#777;font-style:italic ;text-align:center;margin:10px 0 0 }
+
+#bo_v_info {padding:15px 0px 10px;border-bottom:1px solid #eee;text-align:center;color:#666;line-height:20px;}
+#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_info strong {display:inline-block;font-weight:normal;margin:0 5px}
+#bo_v_info .profile_img img{border-radius:50%;vertical-align:top}
+#bo_v_info .icon_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
+#bo_v_info .icon_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
+
+#bo_v_file {margin:10px 0}
+#bo_v_file h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
+#bo_v_file ul {margin:0;padding:0;list-style:none}
+#bo_v_file li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
+#bo_v_file a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
+#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
+#bo_v_file a strong{color:#3497d9;text-decoration:underline}
+.bo_v_file_cnt {font-size:0.92em}
+
+#bo_v_link{margin:10px 0}
+#bo_v_link h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
+#bo_v_link ul {margin:0;padding:0;list-style:none}
+#bo_v_link li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
+#bo_v_link a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
+#bo_v_link a strong{color:#3497d9;text-decoration:underline}
+#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
+.bo_v_link_cnt {font-size:0.92em}
+
+#bo_v_top {margin:10px 0;}
+#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_top ul {margin:0;padding:0;list-style:none}
+#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_top ul li{display:inline-block;}
+.bo_v_left{float:left}
+.bo_v_right{float:right}
+
+#bo_v_bot {padding:0 10px}
+#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_bot ul {margin:0;padding:0;list-style:none}
+
+.bo_v_nb{margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;position:relative;}
+.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_v_nb li {}
+.bo_v_nb li a{display:inline-block;padding:10px;color:#777}
+.bo_v_nb .bo_v_next{;position:absolute;top:0;right:0;}
+.bo_v_nb .bo_v_prev{;position:absolute;top:0;left:0;}
+
+#bo_v_atc {min-height:200px}
+#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}
+
+#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
+#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_img a.view_image{display:block}
+#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}
+
+#bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden}
+#bo_v_con a {color:#000;text-decoration:underline}
+#bo_v_con img {max-width:100%;height:auto}
+
+#bo_v_act {margin-bottom:30px;text-align:center}
+#bo_v_act .bo_v_act_gng {position:relative}
+#bo_v_act a {margin-right:5px;vertical-align:middle}
+#bo_v_act a:hover{background-color:#f3f3f3}
+#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
+#bo_v_act .bo_v_good{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_nogood{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i{font-size:18px;}
+#bo_v_share{position:relative;margin:20px 0;text-align:right}
+#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_share .btn_scrap{display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:60px;font-weight:bold;text-align:center;float:left;border-radius:3px}
+
+.btn_share{display:none;}
+.bo_v_snswr{position:relative;float:right}
+#bo_v_sns {;padding:0;list-style:none;zoom:1}
+#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_sns li {float:left;width:50px;text-align:center;margin-left:3px}
+#bo_v_sns li a{height:40px;padding:10px 0;}
+#bo_v_sns li .sns_f{display:block;background:#415b92;border-radius:3px}
+#bo_v_sns li .sns_t{display:block;background:#35b3dc;border-radius:3px}
+#bo_v_sns li .sns_g{display:block;background:#d5503a;border-radius:3px}
+#bo_v_sns li .sns_k{display:block;background:#fbe300;border-radius:3px}
+#bo_v_sns li img{vertical-align:top}
+
+/* 게시판 댓글 */
+.cmt_btn{background:url('./img/cmt_btn.png') no-repeat right 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.167em;margin: 20px 0 10px;padding:0  0 10px ;border-bottom:1px solid #e8e8e8}
+.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat right  -23px}
+
+#bo_vc {}
+#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_vc article {margin:0 0 15px}
+#bo_vc header {position:relative;padding:0 0 0 50px;height:40px;line-height:20px}
+#bo_vc .comment_profile_img{position:absolute;top:0;left:0}
+#bo_vc .comment_profile_img img, #bo_vc .profile_img img{border-radius:50%}
+#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
+.bo_vc_hdinfo {display:inline-block;color:#777;font-style:italic}
+#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
+#bo_vc .cmt_contents {padding:10px 15px ;margin:5px 0 0 ;border-radius:5px;background:#f6f6f6;line-height:1.8em}
+#bo_vc .cmt_contents  p{font-size:1.083em}
+#bo_vc p a {text-decoration:underline}
+#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
+#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
+#bo_vc #bo_vc_winfo {float:left}
+#bo_vc footer {zoom:1}
+#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
+
+.bo_vc_act {text-align:right;;margin:0;list-style:none}
+.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_act li {display:inline-block;margin:0 2px}
+.bo_vc_act li a{color:#3497d9;text-decoration:underline}
+
+.bo_vc_w {position:relative;margin:10px 0;display:block;}
+.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
+.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px}
+#wr_secret{}
+.bo_vc_w_info{margin:5px 0}
+.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w_info .frm_input{float:left;;width:49.5%;margin: 0 0 5px 0}
+.bo_vc_w_info #wr_password{float:right;}
+.bo_vc_w_info #captcha{;display:block;clear:both}
+.bo_vc_w .btn_confirm{margin-top:5px;clear:both}
+.bo_vc_w .icon_lock{display:inline-block;font-size:17px;padding: 5px;margin-right:5px;}
+.bo_vc_w .btn_submit{height:50px;width:100%;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
+.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w  .bo_vc_secret{float:right;display:block;}
+
+#bo_vc_send_sns{display:block;float:left}
+#bo_vc_sns {display:block;margin:0;padding:0;list-style:none;zoom:1}
+#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_vc_sns li {float:left;margin:0 5px 0 0}
+#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;;padding: 10px 0 10px 10px}
+#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;;padding: 10px 0 10px 10px}
+#bo_vc_sns .sns_li_off{background:#bbb}
+#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
+#bo_vc_sns input {margin:0 5px 0 0 }
+
+/*글쓰기*/
+#bo_w .bo_w_select select{border:1px solid #3497d9;background:#fff;width:100%}
+#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center}
+#bo_w .bo_w_link .frm_input{padding-left:50px}
+#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center}
+#bo_w .bo_w_flie .frm_file{padding-left:50px;}
+#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
+#bo_w .bo_w_flie .frm_input{margin:5px 0 0 }
+

web/html/theme/AT_WEB01/mobile/skin/board/basic/view.skin.php

@@ -0,0 +1,278 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+include_once(G5_LIB_PATH.'/thumbnail.lib.php');
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
+?>
+
+<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
+
+<!-- <div id="bo_v_table"><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']); ?></div> -->
+    <div class="btn_top top"> 
+        <?php if ($reply_href) { ?><a href="<?php echo $reply_href ?>" class="btn_b01"><i class="fa fa-reply" aria-hidden="true"></i> 답변</a><?php } ?>
+        <?php if ($write_href) { ?><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a><?php } ?>
+
+    </div>
+<article id="bo_v" style="width:<?php echo $width; ?>">
+    <header>
+        <h2 id="bo_v_title">
+            <?php if ($category_name) { ?>
+            <span class="bo_v_cate"><?php echo $view['ca_name']; // 분류 출력 끝 ?></span> 
+            <?php } ?>
+            <span class="bo_v_tit">
+            <?php
+            echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력
+            ?></span>
+        </h2>
+        <p><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></p>
+    </header>
+
+    <section id="bo_v_info">
+        <h2>페이지 정보</h2>
+        <span class="sound_only">작성자 </span><?php echo $view['name'] ?><span class="ip"><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></span>
+        <span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
+        <span class="sound_only">댓글</span><strong><i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</strong>
+    </section>
+
+    <div id="bo_v_top">
+        <?php
+        ob_start();
+         ?>
+        <ul class="bo_v_left">
+            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01 btn"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 수정</a></li><?php } ?>
+            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01 btn" onclick="del(this.href); return false;"><i class="fa fa-trash-o" aria-hidden="true"></i> 삭제</a></li><?php } ?>
+            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-files-o" aria-hidden="true"></i> 복사</a></li><?php } ?>
+            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-arrows" aria-hidden="true"></i> 이동</a></li><?php } ?>
+            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01 btn">검색</a></li><?php } ?>
+
+        </ul>
+
+        <?php
+        $link_buttons = ob_get_contents();
+        ob_end_flush();
+         ?>
+    </div>
+
+    <section id="bo_v_atc">
+        <h2 id="bo_v_atc_title">본문</h2>
+
+        <?php
+        // 파일 출력
+        $v_img_count = count($view['file']);
+        if($v_img_count) {
+            echo "<div id=\"bo_v_img\">\n";
+
+            for ($i=0; $i<=count($view['file']); $i++) {
+                if ($view['file'][$i]['view']) {
+                    //echo $view['file'][$i]['view'];
+                    echo get_view_thumbnail($view['file'][$i]['view']);
+                }
+            }
+
+            echo "</div>\n";
+        }
+         ?>
+
+        <div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>
+        <?php //echo $view['rich_content']; // {이미지:0} 과 같은 코드를 사용할 경우 ?>
+
+        <?php if ($is_signature) { ?><p><?php echo $signature ?></p><?php } ?>
+
+        <?php if ( $good_href || $nogood_href) { ?>
+        <div id="bo_v_act">
+            <?php if ($good_href) { ?>
+            <span class="bo_v_act_gng">
+                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button"  class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><br><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></a>
+                <b id="bo_v_act_good">이 글을 추천하셨습니다</b>
+            </span>
+            <?php } ?>
+            <?php if ($nogood_href) { ?>
+            <span class="bo_v_act_gng">
+                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="bo_v_nogood"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><br><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
+                <b id="bo_v_act_nogood"></b>
+            </span>
+            <?php } ?>
+        </div>
+        <?php } else {
+            if($board['bo_use_good'] || $board['bo_use_nogood']) {
+        ?>
+        <div id="bo_v_act">
+            <?php if($board['bo_use_good']) { ?><span class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><br><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_nogood']) { ?><span class="bo_v_nogood"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><br><span class="sound_only">비추천</span> <strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
+        </div>
+        <?php
+            }
+        }
+        ?>
+
+        <div id="bo_v_share">
+            <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class=" btn_scrap" onclick="win_scrap(this.href); return false;"><i class="fa fa-thumb-tack" aria-hidden="true"></i> 스크랩</a><?php } ?>
+
+            <?php
+            include_once(G5_SNS_PATH."/view.sns.skin.php");
+            ?>
+        </div>
+    </section>
+
+
+    
+    <?php
+    if ($view['file']['count']) {
+        $cnt = 0;
+        for ($i=0; $i<count($view['file']); $i++) {
+            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])
+                $cnt++;
+        }
+    }
+     ?>
+
+    <?php if($cnt) { ?>
+    <section id="bo_v_file">
+        <h2>첨부파일</h2>
+        <ul>
+        <?php
+        // 가변 파일
+        for ($i=0; $i<count($view['file']); $i++) {
+            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
+         ?>
+            <li>
+                <a href="<?php echo $view['file'][$i]['href'];  ?>" class="view_file_download">
+                    <i class="fa fa-download" aria-hidden="true"></i>
+                    <strong><?php echo $view['file'][$i]['source'] ?></strong>
+                    <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
+                </a>
+                <span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드</span> |
+                <span>DATE : <?php echo $view['file'][$i]['datetime'] ?></span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <?php } ?>
+
+    <?php if(isset($view['link'][1]) && $view['link'][1]) { ?>
+    <!-- 관련링크 시작 { -->
+    <section id="bo_v_link">
+        <h2>관련링크</h2>
+        <ul>
+        <?php
+        // 링크
+        $cnt = 0;
+        for ($i=1; $i<=count($view['link']); $i++) {
+            if ($view['link'][$i]) {
+                $cnt++;
+                $link = cut_str($view['link'][$i], 70);
+         ?>
+            <li>
+                <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
+                    <i class="fa fa-link" aria-hidden="true"></i>
+                    <strong><?php echo $link ?></strong>
+                </a>
+                <span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <!-- } 관련링크 끝 -->
+    <?php } ?>
+
+    <?php if ($prev_href || $next_href) { ?>
+    <ul class="bo_v_nb">
+        <?php if ($prev_href) { ?><li class="bo_v_prev"><a href="<?php echo $prev_href ?>"><i class="fa fa-caret-left" aria-hidden="true"></i> 이전글</a></li><?php } ?>
+        <?php if ($next_href) { ?><li class="bo_v_next"><a href="<?php echo $next_href ?>">다음글 <i class="fa fa-caret-right" aria-hidden="true"></i></a></li><?php } ?>
+        <li><a href="<?php echo $list_href ?>" class="btn_list"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></li>
+
+    </ul>
+    <?php } ?>
+    <?php
+    // 코멘트 입출력
+    include_once(G5_BBS_PATH.'/view_comment.php');
+     ?>
+
+</article>
+
+<script>
+<?php if ($board['bo_download_point'] < 0) { ?>
+$(function() {
+    $("a.view_file_download").click(function() {
+        if(!g5_is_member) {
+            alert("다운로드 권한이 없습니다.\n회원이시라면 로그인 후 이용해 보십시오.");
+            return false;
+        }
+
+        var msg = "파일을 다운로드 하시면 포인트가 차감(<?php echo number_format($board['bo_download_point']) ?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?";
+
+        if(confirm(msg)) {
+            var href = $(this).attr("href")+"&js=on";
+            $(this).attr("href", href);
+
+            return true;
+        } else {
+            return false;
+        }
+    });
+});
+<?php } ?>
+
+function board_move(href)
+{
+    window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
+}
+</script>
+
+<!-- 게시글 보기 끝 -->
+
+<script>
+$(function() {
+    $("a.view_image").click(function() {
+        window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
+        return false;
+    });
+
+    // 추천, 비추천
+    $("#good_button, #nogood_button").click(function() {
+        var $tx;
+        if(this.id == "good_button")
+            $tx = $("#bo_v_act_good");
+        else
+            $tx = $("#bo_v_act_nogood");
+
+        excute_good(this.href, $(this), $tx);
+        return false;
+    });
+
+    // 이미지 리사이즈
+    $("#bo_v_atc").viewimageresize();
+});
+
+function excute_good(href, $el, $tx)
+{
+    $.post(
+        href,
+        { js: "on" },
+        function(data) {
+            if(data.error) {
+                alert(data.error);
+                return false;
+            }
+
+            if(data.count) {
+                $el.find("strong").text(number_format(String(data.count)));
+                if($tx.attr("id").search("nogood") > -1) {
+                    $tx.text("이 글을 비추천하셨습니다.");
+                    $tx.fadeIn(200).delay(2500).fadeOut(200);
+                } else {
+                    $tx.text("이 글을 추천하셨습니다.");
+                    $tx.fadeIn(200).delay(2500).fadeOut(200);
+                }
+            }
+        }, "json"
+    );
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/board/basic/view_comment.skin.php

@@ -0,0 +1,328 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+?>
+
+<script>
+// 글자수 제한
+var char_min = parseInt(<?php echo $comment_min ?>); // 최소
+var char_max = parseInt(<?php echo $comment_max ?>); // 최대
+</script>
+
+<button type="button" class="cmt_btn"><i class="fa fa-commenting" aria-hidden="true"></i> 댓글목록</button>
+
+<!-- 댓글 리스트 -->
+<section id="bo_vc">
+    <h2>댓글목록</h2>
+    <?php
+    for ($i=0; $i<count($list); $i++) {
+        $comment_id = $list[$i]['wr_id'];
+        $cmt_depth = ""; // 댓글단계
+        $cmt_depth = strlen($list[$i]['wr_comment_reply']) * 20;
+            $str = $list[$i]['content'];
+            if (strstr($list[$i]['wr_option'], "secret"))
+                $str = $str;
+            $str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $str);
+    ?>
+    <article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
+        <header>
+            <h2><?php echo get_text($list[$i]['wr_name']); ?>님의 댓글<?php if ($cmt_depth) { ?><span class="sound_only">의 댓글</span><?php } ?></h2>
+            <span class="comment_profile_img"><?php echo get_member_profile_img($list[$i]['mb_id'], 40, 40); ?></span> <?php echo $list[$i]['name'] ?>
+            
+            <?php if ($is_ip_view) { ?>
+            <span class="sound_only">아이피</span>
+            <span class="bo_vc_hdinfo">(<?php echo $list[$i]['ip']; ?>)</span>
+            <?php } ?>
+            <br>
+            <span class="sound_only">작성일</span>
+            <span class="bo_vc_hdinfo"><time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
+            <?php
+            include(G5_SNS_PATH."/view_comment_list.sns.skin.php");
+            ?>
+        </header>
+        <div class="cmt_contents">
+            <!-- 댓글 출력 -->
+            <p>
+                <?php if (strstr($list[$i]['wr_option'], "secret")) echo "<img src=\"".$board_skin_url."/img/icon_secret.gif\" alt=\"비밀글\">"; ?>
+                <?php echo $str ?>
+            </p>
+
+            <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
+                $query_string = clean_query_string($_SERVER['QUERY_STRING']);
+
+                if($w == 'cu') {
+                    $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
+                    $cmt = sql_fetch($sql);
+                    if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
+                        $cmt['wr_content'] = '';
+                    $c_wr_content = $cmt['wr_content'];
+                }
+
+                $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
+                $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
+            ?>
+                <ul class="bo_vc_act">
+                    <?php if ($list[$i]['is_reply']) { ?><li><a href="<?php echo $c_reply_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;">답변</a></li><?php } ?>
+                    <?php if ($list[$i]['is_edit']) { ?><li><a href="<?php echo $c_edit_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;">수정</a></li><?php } ?>
+                    <?php if ($list[$i]['is_del'])  { ?><li><a href="<?php echo $list[$i]['del_link']; ?>" onclick="return comment_delete();">삭제</a></li><?php } ?>
+                </ul>
+            <?php } ?>
+        </div>
+            <span id="edit_<?php echo $comment_id ?>"></span><!-- 수정 -->
+            <span id="reply_<?php echo $comment_id ?>"></span><!-- 답변 -->
+        <input type="hidden" id="secret_comment_<?php echo $comment_id ?>" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>">
+        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
+
+    </article>
+    <?php } ?>
+    <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>
+
+</section>
+
+<?php if ($is_comment_write) {
+        if($w == '')
+            $w = 'c';
+    ?>
+    <aside id="bo_vc_w">
+        <h2>댓글쓰기</h2>
+        <form name="fviewcomment" id="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off" class="bo_vc_w">
+        <input type="hidden" name="w" value="<?php echo $w ?>" id="w">
+        <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+        <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
+        <input type="hidden" name="comment_id" value="<?php echo $c_id ?>" id="comment_id">
+        <input type="hidden" name="sca" value="<?php echo $sca ?>">
+        <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
+        <input type="hidden" name="stx" value="<?php echo $stx ?>">
+        <input type="hidden" name="spt" value="<?php echo $spt ?>">
+        <input type="hidden" name="page" value="<?php echo $page ?>">
+        <input type="hidden" name="is_good" value="">
+
+        <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
+        <textarea id="wr_content" name="wr_content" required title="댓글 내용"
+        <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?> placeholder="댓글내용을 입력해주세요"><?php echo $c_wr_content; ?></textarea>
+        <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
+                
+        <div class="bo_vc_w_wr">
+            <div class="bo_vc_w_info">
+                <?php if ($is_guest) { ?>
+                <label for="wr_name" class="sound_only">이름<strong> 필수</strong></label>
+                <input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="frm_input required" size="25" placeholder="이름">
+                <label for="wr_password" class="sound_only">비밀번호<strong> 필수</strong></label>
+                <input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="25"  placeholder="비밀번호">
+                <?php
+                }
+                ?>
+                <?php if ($is_guest) { ?>
+                    <?php echo $captcha_html; ?>
+                <?php } ?>
+                <?php
+                if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) {
+                ?>
+                <span class="sound_only">SNS 동시등록</span>
+                <span id="bo_vc_send_sns"></span>
+                <?php } ?>
+
+                <span class="bo_vc_secret">
+                    <input type="checkbox" name="wr_secret" value="secret" id="wr_secret">
+                    <label for="wr_secret" class="icon_lock"><i class="fa fa-lock" aria-hidden="true"></i><span class="sound_only">비밀글사용</span></label>
+                </span>
+
+            </div>
+            <div class="btn_confirm">
+                <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
+            </div>
+
+        </div>
+        </form>
+    </aside>
+
+    <script>
+    var save_before = '';
+    var save_html = document.getElementById('bo_vc_w').innerHTML;
+
+    function good_and_write()
+    {
+        var f = document.fviewcomment;
+        if (fviewcomment_submit(f)) {
+            f.is_good.value = 1;
+            f.submit();
+        } else {
+            f.is_good.value = 0;
+        }
+    }
+
+    function fviewcomment_submit(f)
+    {
+        var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
+
+        f.is_good.value = 0;
+
+        /*
+        var s;
+        if (s = word_filter_check(document.getElementById('wr_content').value))
+        {
+            alert("내용에 금지단어('"+s+"')가 포함되어있습니다");
+            document.getElementById('wr_content').focus();
+            return false;
+        }
+        */
+
+        var subject = "";
+        var content = "";
+        $.ajax({
+            url: g5_bbs_url+"/ajax.filter.php",
+            type: "POST",
+            data: {
+                "subject": "",
+                "content": f.wr_content.value
+            },
+            dataType: "json",
+            async: false,
+            cache: false,
+            success: function(data, textStatus) {
+                subject = data.subject;
+                content = data.content;
+            }
+        });
+
+        if (content) {
+            alert("내용에 금지단어('"+content+"')가 포함되어있습니다");
+            f.wr_content.focus();
+            return false;
+        }
+
+        // 양쪽 공백 없애기
+        var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
+        document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
+        if (char_min > 0 || char_max > 0)
+        {
+            check_byte('wr_content', 'char_count');
+            var cnt = parseInt(document.getElementById('char_count').innerHTML);
+            if (char_min > 0 && char_min > cnt)
+            {
+                alert("댓글은 "+char_min+"글자 이상 쓰셔야 합니다.");
+                return false;
+            } else if (char_max > 0 && char_max < cnt)
+            {
+                alert("댓글은 "+char_max+"글자 이하로 쓰셔야 합니다.");
+                return false;
+            }
+        }
+        else if (!document.getElementById('wr_content').value)
+        {
+            alert("댓글을 입력하여 주십시오.");
+            return false;
+        }
+
+        if (typeof(f.wr_name) != 'undefined')
+        {
+            f.wr_name.value = f.wr_name.value.replace(pattern, "");
+            if (f.wr_name.value == '')
+            {
+                alert('이름이 입력되지 않았습니다.');
+                f.wr_name.focus();
+                return false;
+            }
+        }
+
+        if (typeof(f.wr_password) != 'undefined')
+        {
+            f.wr_password.value = f.wr_password.value.replace(pattern, "");
+            if (f.wr_password.value == '')
+            {
+                alert('비밀번호가 입력되지 않았습니다.');
+                f.wr_password.focus();
+                return false;
+            }
+        }
+
+        <?php if($is_guest) echo chk_captcha_js(); ?>
+
+        set_comment_token(f);
+
+        document.getElementById("btn_submit").disabled = "disabled";
+
+        return true;
+    }
+
+    function comment_box(comment_id, work)
+    {
+        var el_id,
+        form_el = 'fviewcomment',
+        respond = document.getElementById(form_el);
+
+        // 댓글 아이디가 넘어오면 답변, 수정
+        if (comment_id)
+        {
+            if (work == 'c')
+                el_id = 'reply_' + comment_id;
+            else
+                el_id = 'edit_' + comment_id;
+        }
+        else
+            el_id = 'bo_vc_w';
+
+        if (save_before != el_id)
+        {
+            if (save_before)
+            {
+                document.getElementById(save_before).style.display = 'none';
+            }
+
+            document.getElementById(el_id).style.display = '';
+            document.getElementById(el_id).appendChild(respond);
+            //입력값 초기화
+            document.getElementById('wr_content').value = '';
+
+            // 댓글 수정
+            if (work == 'cu')
+            {
+                document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;
+                if (typeof char_count != 'undefined')
+                    check_byte('wr_content', 'char_count');
+                if (document.getElementById('secret_comment_'+comment_id).value)
+                    document.getElementById('wr_secret').checked = true;
+                else
+                    document.getElementById('wr_secret').checked = false;
+            }
+
+            document.getElementById('comment_id').value = comment_id;
+            document.getElementById('w').value = work;
+
+            if(save_before)
+                $("#captcha_reload").trigger("click");
+
+            save_before = el_id;
+        }
+    }
+
+    function comment_delete()
+    {
+        return confirm("이 댓글을 삭제하시겠습니까?");
+    }
+
+    comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)
+
+    <?php if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) { ?>
+    $(function() {
+    // sns 등록
+        $("#bo_vc_send_sns").load(
+            "<?php echo G5_SNS_URL; ?>/view_comment_write.sns.skin.php?bo_table=<?php echo $bo_table; ?>",
+            function() {
+                save_html = document.getElementById('bo_vc_w').innerHTML;
+            }
+        );
+
+
+           
+    });
+    <?php } ?>
+
+    $(function() {            
+        //댓글열기
+        $(".cmt_btn").click(function(){
+            $(this).toggleClass("cmt_btn_op");
+            $("#bo_vc").toggle();
+        });
+    });
+    </script>
+    <?php } ?>

web/html/theme/AT_WEB01/mobile/skin/board/basic/write.skin.php

@@ -0,0 +1,247 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
+?>
+
+<section id="bo_w">
+    <form name="fwrite" id="fwrite" action="<?php echo $action_url ?>" onsubmit="return fwrite_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off">
+    <input type="hidden" name="w" value="<?php echo $w ?>">
+    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+    <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
+    <input type="hidden" name="sca" value="<?php echo $sca ?>">
+    <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
+    <input type="hidden" name="stx" value="<?php echo $stx ?>">
+    <input type="hidden" name="spt" value="<?php echo $spt ?>">
+    <input type="hidden" name="sst" value="<?php echo $sst ?>">
+    <input type="hidden" name="sod" value="<?php echo $sod ?>">
+    <input type="hidden" name="page" value="<?php echo $page ?>">
+    <?php
+    $option = '';
+    $option_hidden = '';
+    if ($is_notice || $is_html || $is_secret || $is_mail) {
+        $option = '';
+        if ($is_notice) {
+            $option .= PHP_EOL.'<input type="checkbox" id="notice" name="notice" value="1" '.$notice_checked.'>'.PHP_EOL.'<label for="notice">공지</label>';
+        }
+
+        if ($is_html) {
+            if ($is_dhtml_editor) {
+                $option_hidden .= '<input type="hidden" value="html1" name="html">';
+            } else {
+                $option .= PHP_EOL.'<input type="checkbox" id="html" name="html" onclick="html_auto_br(this);" value="'.$html_value.'" '.$html_checked.'>'.PHP_EOL.'<label for="html">html</label>';
+            }
+        }
+
+        if ($is_secret) {
+            if ($is_admin || $is_secret==1) {
+                $option .= PHP_EOL.'<input type="checkbox" id="secret" name="secret" value="secret" '.$secret_checked.'>'.PHP_EOL.'<label for="secret">비밀글</label>';
+            } else {
+                $option_hidden .= '<input type="hidden" name="secret" value="secret">';
+            }
+        }
+
+        if ($is_mail) {
+            $option .= PHP_EOL.'<input type="checkbox" id="mail" name="mail" value="mail" '.$recv_email_checked.'>'.PHP_EOL.'<label for="mail">답변메일받기</label>';
+        }
+    }
+
+    echo $option_hidden;
+    ?>
+    <div class="form_01 write_div">
+        <h2 class="sound_only"><?php echo $g5['title'] ?></h2>
+
+        <?php if ($is_category) { ?>
+        <div class="bo_w_select write_div">
+            <label for="ca_name" class="sound_only">분류<strong>필수</strong></label>
+            <select id="ca_name" name="ca_name" required>
+                <option value="">선택하세요</option>
+                <?php echo $category_option ?>
+            </select>
+        </div>
+        <?php } ?> 
+        
+        <?php if ($is_name) { ?>
+        <div class="write_div">
+            <label for="wr_name" class="sound_only">이름<strong>필수</strong></label>
+            <input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input full_input required" maxlength="20" placeholder="이름">
+        </div>
+        <?php } ?>
+
+        <?php if ($is_password) { ?>
+        <div class="write_div">
+            <label for="wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
+            <input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input full_input <?php echo $password_required ?>" maxlength="20" placeholder="비밀번호">
+        </div>
+        <?php } ?>
+
+        <?php if ($is_email) { ?>
+        <div class="write_div">
+            <label for="wr_email" class="sound_only">이메일</label>
+            <input type="email" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input full_input  email" maxlength="100" placeholder="이메일">
+        </div>
+        <?php } ?>
+
+        <?php if ($is_homepage) { ?>
+        <div class="write_div">
+            <label for="wr_homepage" class="sound_only">홈페이지</label>
+            <input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input full_input " placeholder="홈페이지">
+        </div>
+        <?php } ?>
+
+        <?php if ($option) { ?>
+        <div class="write_div">
+            <span class="sound_only">옵션</span>
+            <?php echo $option ?>
+        </div>
+        <?php } ?>
+
+        <div class="bo_w_tit write_div">
+            <label for="wr_subject" class="sound_only">제목<strong>필수</strong></label>
+            <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input full_input required" placeholder="제목">
+        </div>
+
+        <div class="write_div">
+            <label for="wr_content" class="sound_only">내용<strong>필수</strong></label>
+            <?php if($write_min || $write_max) { ?>
+            <!-- 최소/최대 글자 수 사용 시 -->
+            <p id="char_count_desc">이 게시판은 최소 <strong><?php echo $write_min; ?></strong>글자 이상, 최대 <strong><?php echo $write_max; ?></strong>글자 이하까지 글을 쓰실 수 있습니다.</p>
+            <?php } ?>
+            <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
+            <?php if($write_min || $write_max) { ?>
+            <!-- 최소/최대 글자 수 사용 시 -->
+            <div id="char_count_wrap"><span id="char_count"></span>글자</div>
+            <?php } ?>
+        </div>
+
+
+        <?php for ($i=1; $is_link && $i<=G5_LINK_COUNT; $i++) { ?>
+        <div class="bo_w_link write_div">
+            <label for="wr_link<?php echo $i ?>"><i class="fa fa-link" aria-hidden="true"></i> <span class="sound_only">링크 #<?php echo $i ?></span></label>
+            <input type="text" name="wr_link<?php echo $i ?>" value="<?php if($w=="u"){echo $write['wr_link'.$i];} ?>" id="wr_link<?php echo $i ?>" class="frm_input wr_link">
+        </div>
+        <?php } ?>
+
+        
+        <?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
+        <div class="bo_w_flie write_div">
+            <div class="file_wr write_div">
+                <label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only">파일 #<?php echo $i+1 ?></span></label>
+                <input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file ">
+            </div>
+            <?php if ($is_file_content) { ?>
+            <input type="text" name="bf_content[]" value="<?php echo ($w == 'u') ? $file[$i]['bf_content'] : ''; ?>" title="파일 설명을 입력해주세요." class="full_input frm_input" size="50" placeholder="파일 설명을 입력해주세요.">
+            <?php } ?>
+
+            <?php if($w == 'u' && $file[$i]['file']) { ?>
+            <span class="file_del">
+                <input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i;  ?>]" value="1"> <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')';  ?> 파일 삭제</label>
+            </span>
+            <?php } ?>
+            
+        </div>
+        <?php } ?>
+
+        <?php if ($is_use_captcha) { //자동등록방지 ?>
+        <div class="write_div">
+            <span class="sound_only">자동등록방지</span>
+            <?php echo $captcha_html ?>
+            
+        </div>
+        <?php } ?>
+
+    </div>
+
+    <div class="btn_top top write_div">
+        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel">취소</a>
+        <input type="submit" value="작성완료" id="btn_submit" class="btn_submit" accesskey="s">
+    </div>
+    </form>
+</section>
+
+<script>
+<?php if($write_min || $write_max) { ?>
+// 글자수 제한
+var char_min = parseInt(<?php echo $write_min; ?>); // 최소
+var char_max = parseInt(<?php echo $write_max; ?>); // 최대
+check_byte("wr_content", "char_count");
+
+$(function() {
+    $("#wr_content").on("keyup", function() {
+        check_byte("wr_content", "char_count");
+    });
+});
+
+<?php } ?>
+function html_auto_br(obj)
+{
+    if (obj.checked) {
+        result = confirm("자동 줄바꿈을 하시겠습니까?\n\n자동 줄바꿈은 게시물 내용중 줄바뀐 곳을<br>태그로 변환하는 기능입니다.");
+        if (result)
+            obj.value = "html2";
+        else
+            obj.value = "html1";
+    }
+    else
+        obj.value = "";
+}
+
+function fwrite_submit(f)
+{
+    <?php echo $editor_js; // 에디터 사용시 자바스크립트에서 내용을 폼필드로 넣어주며 내용이 입력되었는지 검사함   ?>
+
+    var subject = "";
+    var content = "";
+    $.ajax({
+        url: g5_bbs_url+"/ajax.filter.php",
+        type: "POST",
+        data: {
+            "subject": f.wr_subject.value,
+            "content": f.wr_content.value
+        },
+        dataType: "json",
+        async: false,
+        cache: false,
+        success: function(data, textStatus) {
+            subject = data.subject;
+            content = data.content;
+        }
+    });
+
+    if (subject) {
+        alert("제목에 금지단어('"+subject+"')가 포함되어있습니다");
+        f.wr_subject.focus();
+        return false;
+    }
+
+    if (content) {
+        alert("내용에 금지단어('"+content+"')가 포함되어있습니다");
+        if (typeof(ed_wr_content) != "undefined")
+            ed_wr_content.returnFalse();
+        else
+            f.wr_content.focus();
+        return false;
+    }
+
+    if (document.getElementById("char_count")) {
+        if (char_min > 0 || char_max > 0) {
+            var cnt = parseInt(check_byte("wr_content", "char_count"));
+            if (char_min > 0 && char_min > cnt) {
+                alert("내용은 "+char_min+"글자 이상 쓰셔야 합니다.");
+                return false;
+            }
+            else if (char_max > 0 && char_max < cnt) {
+                alert("내용은 "+char_max+"글자 이하로 쓰셔야 합니다.");
+                return false;
+            }
+        }
+    }
+
+    <?php echo $captcha_js; // 캡챠 사용시 자바스크립트에서 입력된 캡챠를 검사함  ?>
+
+    document.getElementById("btn_submit").disabled = "disabled";
+
+    return true;
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/board/gallery/list.skin.php

@@ -0,0 +1,242 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+include_once(G5_LIB_PATH.'/thumbnail.lib.php');
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
+?>
+
+<script src="<?php echo G5_JS_URL; ?>/jquery.fancylist.js"></script>
+
+<?php if ($rss_href || $write_href) { ?>
+<ul class="<?php echo isset($view) ? 'view_is_list btn_top' : 'btn_top top';?>">
+    <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?>
+    <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin"><i class="fa fa-user-circle" aria-hidden="true"></i><span class="sound_only">관리자</span></a></li><?php } ?>
+    <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
+</ul>
+<?php } ?>
+
+<!-- 게시판 목록 시작 -->
+<div id="bo_gall">
+
+    <?php if ($is_category) { ?>
+    <nav id="bo_cate">
+        <h2><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']) ?> 카테고리</h2>
+        <ul id="bo_cate_ul">
+            <?php echo $category_option ?>
+        </ul>
+    </nav>
+    <?php } ?>
+
+    <div class="sound_only">
+        <span>전체 <?php echo number_format($total_count) ?>건</span>
+        <?php echo $page ?> 페이지
+    </div>
+
+    <form name="fboardlist"  id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
+    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+    <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
+    <input type="hidden" name="stx" value="<?php echo $stx ?>">
+    <input type="hidden" name="spt" value="<?php echo $spt ?>">
+    <input type="hidden" name="sst" value="<?php echo $sst ?>">
+    <input type="hidden" name="sod" value="<?php echo $sod ?>">
+    <input type="hidden" name="page" value="<?php echo $page ?>">
+    <input type="hidden" name="sw" value="">
+
+    <h2>이미지 목록</h2>
+
+    <?php if ($is_checkbox) { ?>
+    <div id="gall_allchk">
+        <label for="chkall" class="sound_only">현재 페이지 게시물 전체</label>
+        <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
+    </div>
+    <?php } ?>
+
+    <ul id="gall_ul">
+        <?php for ($i=0; $i<count($list); $i++) {
+        ?>
+        <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>">
+            <div class="gall_li_wr">
+                
+                <?php if ($is_checkbox) { ?>
+                <span class="gall_li_chk">
+                    <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
+                    <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
+                </span>
+                <?php } ?>
+                <span class="sound_only">
+                    <?php
+                    if ($wr_id == $list[$i]['wr_id'])
+                        echo "<span class=\"bo_current\">열람중</span>";
+                    else
+                        echo $list[$i]['num'];
+                    ?>
+                </span>
+                
+                <a href="<?php echo $list[$i]['href'] ?>" class="gall_img">
+                <?php
+                if ($list[$i]['is_notice']) { // 공지사항 ?>
+                    <strong style="width:<?php echo $board['bo_mobile_gallery_width'] ?>px;height:<?php echo $board['bo_mobile_gallery_height'] ?>px">공지</strong>
+                <?php
+                } else {
+                    $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_mobile_gallery_width'], $board['bo_mobile_gallery_height']);
+
+                    if($thumb['src']) {
+                        $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_mobile_gallery_width'].'" height="'.$board['bo_mobile_gallery_height'].'">';
+                    } else {
+                        $img_content = '<span class="no-img">no image</span>';
+                    }
+
+                    echo $img_content;
+                }
+                ?>
+                </a>
+                <div class="gall_text_href">
+                    <?php
+                    // echo $list[$i]['icon_reply']; 갤러리는 reply 를 사용 안 할 것 같습니다. - 지운아빠 2013-03-04
+                    if ($is_category && $list[$i]['ca_name']) {
+                    ?>
+                    <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
+                    <?php } ?>
+                    <a href="<?php echo $list[$i]['href'] ?>" class="gall_li_tit">
+                        <?php echo $list[$i]['subject'] ?>
+                        <?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?>
+                    </a>
+                    <?php
+                    // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
+
+                    if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];
+                    if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
+                    //if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
+                    //if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
+                    //if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
+                    ?>
+                    <span class="sound_only">작성자 </span><?php echo $list[$i]['name'] ?>
+                    <div class="gall_info">
+                        <span class="sound_only">조회 </span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo $list[$i]['wr_hit'] ?></strong>
+                        <?php if ($is_good) { ?><span class="sound_only">추천</span><strong><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <?php echo $list[$i]['wr_good'] ?></strong><?php } ?>
+                        <?php if ($is_nogood) { ?><span class="sound_only">비추천</span><strong><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <?php echo $list[$i]['wr_nogood'] ?></strong><?php } ?>
+                        <span class="sound_only">작성일 </span><span class="date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
+                    </div>
+                </div>
+            </div>
+        </li>
+        <?php } ?>
+        <?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?>
+    </ul>
+
+    <?php if ($list_href || $is_checkbox || $write_href) { ?>
+    <div class="bo_fx">
+        <ul class="btn_bo_adm">
+            <?php if ($list_href) { ?>
+            <li><a href="<?php echo $list_href ?>" class="btn_b01 btn"> 목록</a></li>
+            <?php } ?>
+            <?php if ($is_checkbox) { ?>
+            <li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sound_only">선택삭제</span></button></li>
+            <li><button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value" class="btn"><i class="fa fa-files-o" aria-hidden="true"></i><span class="sound_only">선택복사</span></button></li>
+            <li><button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value" class="btn"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sound_only">선택이동</span></button></li>
+            <?php } ?>
+        </ul>
+    </div>
+    <?php } ?>
+
+    </form>
+</div>
+
+
+<?php if($is_checkbox) { ?>
+<noscript>
+<p>자바스크립트를 사용하지 않는 경우<br>별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p>
+</noscript>
+<?php } ?>
+
+<!-- 페이지 -->
+<?php echo $write_pages; ?>
+
+<fieldset id="bo_sch">
+    <legend>게시물 검색</legend>
+
+    <form name="fsearch" method="get">
+    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+    <input type="hidden" name="sca" value="<?php echo $sca ?>">
+    <input type="hidden" name="sop" value="and">
+    <label for="sfl" class="sound_only">검색대상</label>
+    <select name="sfl">
+        <option value="wr_subject"<?php echo get_selected($sfl, 'wr_subject', true); ?>>제목</option>
+        <option value="wr_content"<?php echo get_selected($sfl, 'wr_content'); ?>>내용</option>
+        <option value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>제목+내용</option>
+        <option value="mb_id,1"<?php echo get_selected($sfl, 'mb_id,1'); ?>>회원아이디</option>
+        <option value="mb_id,0"<?php echo get_selected($sfl, 'mb_id,0'); ?>>회원아이디(코)</option>
+        <option value="wr_name,1"<?php echo get_selected($sfl, 'wr_name,1'); ?>>글쓴이</option>
+        <option value="wr_name,0"<?php echo get_selected($sfl, 'wr_name,0'); ?>>글쓴이(코)</option>
+    </select>
+    <input name="stx" value="<?php echo stripslashes($stx) ?>" placeholder="검색어(필수)" required id="stx" class="sch_input" size="15" maxlength="20">
+    <button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i> <span class="sound_only">검색</span></button>
+    </form>
+</fieldset>
+
+
+<?php if ($is_checkbox) { ?>
+<script>
+function all_checked(sw) {
+    var f = document.fboardlist;
+
+    for (var i=0; i<f.length; i++) {
+        if (f.elements[i].name == "chk_wr_id[]")
+            f.elements[i].checked = sw;
+    }
+}
+
+function fboardlist_submit(f) {
+    var chk_count = 0;
+
+    for (var i=0; i<f.length; i++) {
+        if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
+            chk_count++;
+    }
+
+    if (!chk_count) {
+        alert(document.pressed + "할 게시물을 하나 이상 선택하세요.");
+        return false;
+    }
+
+    if(document.pressed == "선택복사") {
+        select_copy("copy");
+        return;
+    }
+
+    if(document.pressed == "선택이동") {
+        select_copy("move");
+        return;
+    }
+
+    if(document.pressed == "선택삭제") {
+        if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다."))
+            return false;
+
+        f.removeAttribute("target");
+        f.action = "./board_list_update.php";
+    }
+
+    return true;
+}
+
+// 선택한 게시물 복사 및 이동
+function select_copy(sw) {
+    var f = document.fboardlist;
+
+    if (sw == 'copy')
+        str = "복사";
+    else
+        str = "이동";
+
+    var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");
+
+    f.sw.value = sw;
+    f.target = "move";
+    f.action = "./move.php";
+    f.submit();
+}
+</script>
+<?php } ?>
+<!-- 게시판 목록 끝 -->

web/html/theme/AT_WEB01/mobile/skin/board/gallery/style.css

@@ -0,0 +1,302 @@
+@charset "utf-8";
+
+/* ### 기본 스타일 커스터마이징 시작 ### */
+
+/* 게시판 버튼 */
+/* 목록 버튼 */
+#bo_gall a.btn_b01 {}
+#bo_gall a.btn_b01:focus, #bo_gall .btn_b01:hover {}
+#bo_gall a.btn_b02 {}
+#bo_gall a.btn_b02:focus, #bo_gall .btn_b02:hover {}
+#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
+#bo_gall a.btn_admin:focus, #bo_gall a.btn_admin:hover {}
+
+/* 읽기 버튼 */
+#bo_v a.btn_b01 {}
+#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
+#bo_v a.btn_b02 {}
+#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
+#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
+#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
+
+/* 쓰기 버튼 */
+#bo_w .btn_confirm {} /* 서식단계 진행 */
+#bo_w .btn_submit {}
+#bo_w .btn_cancel {}
+#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */
+
+/* 기본테이블 */
+/* 읽기 내 테이블 */
+#bo_v .tbl_head01 {}
+#bo_v .tbl_head01 caption {}
+#bo_v .tbl_head01 thead th {}
+#bo_v .tbl_head01 thead a {}
+#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
+#bo_v .tbl_head01 tfoot th {}
+#bo_v .tbl_head01 tfoot td {}
+#bo_v .tbl_head01 tbody th {}
+#bo_v .tbl_head01 td {}
+#bo_v .tbl_head01 a {}
+#bo_v td.empty_table {}
+
+/* 쓰기 테이블 */
+#bo_w table {}
+#bo_w caption {}
+#bo_w .frm_address {}
+#bo_w .frm_file {}
+#bo_w .frm_info {}
+
+#bo_w .tbl_frm01 {}
+#bo_w .tbl_frm01 caption {}
+#bo_w .tbl_frm01 th {}
+#bo_w .tbl_frm01 td {}
+#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
+#bo_w .tbl_frm01 textarea {}
+/*
+#bo_w .tbl_frm01 #captcha {}
+#bo_w .tbl_frm01 #captcha input {}
+*/
+#bo_w .tbl_frm01 a {}
+
+#bo_w .required, #bo_w textarea.required {}
+
+/* ### 기본 스타일 커스터마이징 끝 ### */
+
+/* 갤러리 목록 */
+#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
+
+#bo_gall #gall_allchk {margin:0 10px}
+
+#bo_gall #gall_ul {margin:10px 0 0;padding:0 10px;list-style:none}
+#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
+
+#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
+#bo_cate ul {margin: 10px;padding-left:1px;zoom:1}
+#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
+#bo_cate li{display:inline-block;float:left;margin:3px 5px 3px 0}
+#bo_cate a {display:block;line-height:24px;padding:0 10px;border-radius:13px;background:#fff;}
+#bo_cate #bo_cate_on {background:#4162ff;color:#fff;
+-webkit-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+-moz-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+box-shadow: 0 0 8px  rgba(65,98,255,0.8);}
+
+
+#bo_gall .gall_li {float:left;;width:50%;padding:5px}
+#bo_gall .gall_li_wr{background:#fff;position:relative;}
+#bo_gall .gall_li_chk{display:inline-block;padding:5px;position:absolute;top:0;left:0}
+#bo_gall .gall_li:nth-child(2n+1) {clear:both}
+#bo_gall .gall_li .gall_img img{width:100%;height:auto}
+#bo_gall .gall_li .gall_img .no-img{display:block;background:#ddd;text-align:center;padding:30% 0}
+
+#bo_gall .gall_now .gall_text_href a {color:#ff3061}
+
+#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
+#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}
+
+#bo_gall .gall_text_href {padding:10px;display:block}
+#bo_gall .gall_li_tit{display:block;margin:5px 0;font-weight:bold}
+#bo_gall .bo_cate_link {display:inline-block;color:#3ca1ff !important} 
+#bo_gall .profile_img img{border-radius:50%}
+#bo_gall .gall_info{padding:5px 0 0;margin:10px 0 0 ;color:#777;font-size:0.92em;border-top:1px solid #eee;}
+#bo_gall .gall_info:after {display:block;visibility:hidden;clear:both;content:""} 
+#bo_gall .gall_info strong{display:inline-block;margin-right:3px}
+#bo_gall .date{float:right}
+
+/* 게시판 목록 공통 */
+.bo_fx {margin-bottom:5px;padding:5px 10px}
+.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_fx ul {margin:0;padding:0;list-style:none}
+#bo_list_total {float:left;padding:0;height:2.5em;line-height:2.5em}
+.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
+.btn_bo_user li {float:left;margin-left:5px}
+.btn_bo_adm {text-align:center}
+.btn_bo_adm li {display:inline-block;}
+.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}.bo_notice td {background:#f7f7f7}
+.bo_notice td a {font-weight:bold}
+.td_num strong {color:#000}
+.bo_current {color:#e8180c}
+.td_subject img {margin-left:3px}
+.cnt_cmt {font-weight:bold}
+
+#bo_sch {background:#fff;border:1px solid #bdc2d8;position:relative;margin:10px;border-radius:3px}
+#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
+#bo_sch select{border:0;;margin:9px 0;height:20px;border-right:1px solid #ddd;float:left;width:40%}
+#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
+#bo_sch .sch_btn{height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}
+
+.view_is_list.btn_top{position:relative;z-index:auto;top:0;left:0}
+.view_is_list{margin:8px 10px 0;height:50px;padding:10px;line-height:30px;border-radius:3px;border-bottom:1px solid #ccc;background:#fff;color:#333;text-align:right}
+.view_is_list li{display:inline-block}
+
+#bo_gall li.empty_list {padding:30px 0;text-align:center}
+
+/* 게시판 쓰기 */
+#char_count_desc {display:block;margin:0 0 5px;padding:0}
+#char_count_wrap {margin:5px 0 0;text-align:right}
+#char_count {font-weight:bold}
+
+#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}
+
+/* 게시판 읽기 */
+#bo_v {padding:20px 10px 10px;background:#fff
+;-webkit-box-shadow:  0 1px 4px #ddd;
+-moz-box-shadow:  0 1px 4px #ddd;
+box-shadow: 0 1px 4px #ddd;}
+
+#bo_v_table {padding: 10px;color:#999;font-size:0.9em;font-weight:bold}
+
+#bo_v_title {;text-align:center}
+.bo_v_cate{display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;font-weight:normal;
+-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+box-shadow: 0 0 8px rgba(65,98,255,0.8);}
+.bo_v_tit{display:block;font-size:1.5em;margin:10px 0 0}
+#bo_v header p{font-size:0.92em;color:#777;font-style:italic ;text-align:center;margin:10px 0 0 }
+
+#bo_v_info {padding:15px 0px 10px;border-bottom:1px solid #eee;text-align:center;color:#666}
+#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_info strong {display:inline-block;font-weight:normal;margin:0 5px}
+#bo_v_info .profile_img img{border-radius:50%}
+#bo_v_info .icon_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
+#bo_v_info .icon_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
+#bo_v_info .ip{vertical-align:middle}
+
+#bo_v_file {margin:10px 0}
+#bo_v_file h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
+#bo_v_file ul {margin:0;padding:0;list-style:none}
+#bo_v_file li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
+#bo_v_file a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
+#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
+#bo_v_file a strong{color:#3497d9;text-decoration:underline}
+.bo_v_file_cnt {font-size:0.92em}
+
+#bo_v_link{margin:10px 0}
+#bo_v_link h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
+#bo_v_link ul {margin:0;padding:0;list-style:none}
+#bo_v_link li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
+#bo_v_link a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
+#bo_v_link a strong{color:#3497d9;text-decoration:underline}
+#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
+.bo_v_link_cnt {font-size:0.92em}
+
+#bo_v_top {margin:10px 0;}
+#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_top ul {margin:0;padding:0;list-style:none}
+#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_top ul li{display:inline-block;}
+.bo_v_left{float:left}
+.bo_v_right{float:right}
+
+#bo_v_bot {padding:0 10px}
+#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_bot ul {margin:0;padding:0;list-style:none}
+
+.bo_v_nb{margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;position:relative;}
+.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_v_nb li {}
+.bo_v_nb li a{display:inline-block;padding:10px;color:#777}
+.bo_v_nb .bo_v_next{;position:absolute;top:0;right:0;}
+.bo_v_nb .bo_v_prev{;position:absolute;top:0;left:0;}
+
+#bo_v_atc {min-height:200px}
+#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}
+
+#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
+#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_img a.view_image{display:block}
+#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}
+
+#bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden}
+#bo_v_con a {color:#000;text-decoration:underline}
+#bo_v_con img {max-width:100%;height:auto}
+
+#bo_v_act {margin-bottom:30px;text-align:center}
+#bo_v_act .bo_v_act_gng {position:relative}
+#bo_v_act a {margin-right:5px;vertical-align:middle}
+#bo_v_act a:hover{background-color:#f3f3f3}
+#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
+#bo_v_act .bo_v_good{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_nogood{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i{font-size:18px;}
+#bo_v_share{position:relative;margin:20px 0;text-align:right}
+#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_share .btn_scrap{display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:60px;font-weight:bold;text-align:center;float:left;border-radius:3px}
+
+.btn_share{display:none;}
+.bo_v_snswr{position:relative;float:right}
+#bo_v_sns {;padding:0;list-style:none;zoom:1}
+#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_sns li {float:left;width:50px;text-align:center;margin-left:3px}
+#bo_v_sns li a{height:40px;padding:10px 0;}
+#bo_v_sns li .sns_f{display:block;background:#415b92;border-radius:3px}
+#bo_v_sns li .sns_t{display:block;background:#35b3dc;border-radius:3px}
+#bo_v_sns li .sns_g{display:block;background:#d5503a;border-radius:3px}
+#bo_v_sns li .sns_k{display:block;background:#fbe300;border-radius:3px}
+#bo_v_sns li img{vertical-align:top}
+
+/* 게시판 댓글 */
+.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 79px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.167em;margin: 20px 0 10px;padding:0  0 10px ;border-bottom:1px solid #e8e8e8}
+.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 79px  -23px}
+
+#bo_vc {}
+#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_vc article {margin:0 0 15px}
+#bo_vc header {position:relative;padding:0 0 0 50px;height:40px;line-height:20px}
+#bo_vc .comment_profile_img{position:absolute;top:0;left:0}
+#bo_vc .comment_profile_img img, #bo_vc .profile_img img{border-radius:50%}
+#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
+.bo_vc_hdinfo {display:inline-block;color:#777;font-style:italic}
+#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
+#bo_vc .cmt_contents {padding:10px 15px ;margin:5px 0 0 ;border-radius:5px;background:#f6f6f6;line-height:1.8em}
+#bo_vc .cmt_contents  p{font-size:1.083em}
+#bo_vc p a {text-decoration:underline}
+#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
+#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
+#bo_vc #bo_vc_winfo {float:left}
+#bo_vc footer {zoom:1}
+#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
+
+.bo_vc_act {text-align:right;;margin:0;list-style:none}
+.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_act li {display:inline-block;margin:0 2px}
+.bo_vc_act li a{color:#3497d9;text-decoration:underline}
+
+.bo_vc_w {position:relative;margin:10px 0;display:block;}
+.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
+.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px}
+#wr_secret{}
+.bo_vc_w_info{margin:5px 0}
+.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w_info .frm_input{float:left;;width:49.5%;margin: 0 0 5px 0}
+.bo_vc_w_info #wr_password{float:right;}
+.bo_vc_w_info #captcha{;display:block;clear:both}
+.bo_vc_w .btn_confirm{margin-top:5px;clear:both}
+.bo_vc_w .icon_lock{display:inline-block;font-size:17px;padding: 5px;margin-right:5px;}
+.bo_vc_w .btn_submit{height:50px;width:100%;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
+.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w  .bo_vc_secret{float:right;display:block;}
+
+#bo_vc_send_sns{display:block;float:left}
+#bo_vc_sns {display:block;margin:0;padding:0;list-style:none;zoom:1}
+#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_vc_sns li {float:left;margin:0 5px 0 0}
+#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;;padding: 10px 0 10px 10px}
+#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;;padding: 10px 0 10px 10px}
+#bo_vc_sns .sns_li_off{background:#bbb}
+#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
+#bo_vc_sns input {margin:0 5px 0 0 }
+
+/*글쓰기*/
+#bo_w .bo_w_select select{border:1px solid #3497d9;background:#fff;width:100%}
+#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center}
+#bo_w .bo_w_link .frm_input{padding-left:50px}
+#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center}
+#bo_w .bo_w_flie .frm_file{padding-left:50px;}
+#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
+#bo_w .bo_w_flie .frm_input{margin:5px 0 0 }
+

web/html/theme/AT_WEB01/mobile/skin/board/gallery/view.skin.php

@@ -0,0 +1,278 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+include_once(G5_LIB_PATH.'/thumbnail.lib.php');
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
+?>
+
+<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
+
+<!-- <div id="bo_v_table"><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']); ?></div> -->
+    <div class="btn_top top"> 
+        <?php if ($reply_href) { ?><a href="<?php echo $reply_href ?>" class="btn_b01"><i class="fa fa-reply" aria-hidden="true"></i> 답변</a><?php } ?>
+        <?php if ($write_href) { ?><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a><?php } ?>
+
+    </div>
+<article id="bo_v" style="width:<?php echo $width; ?>">
+    <header>
+        <h2 id="bo_v_title">
+            <?php if ($category_name) { ?>
+            <span class="bo_v_cate"><?php echo $view['ca_name']; // 분류 출력 끝 ?></span> 
+            <?php } ?>
+            <span class="bo_v_tit">
+            <?php
+            echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력
+            ?></span>
+        </h2>
+        <p><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></p>
+    </header>
+
+    <section id="bo_v_info">
+        <h2>페이지 정보</h2>
+        <span class="sound_only">작성자 </span><?php echo $view['name'] ?><span class="ip"><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></span>
+        <span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
+        <span class="sound_only">댓글</span><strong><i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</strong>
+    </section>
+
+    <div id="bo_v_top">
+        <?php
+        ob_start();
+         ?>
+        <ul class="bo_v_left">
+            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01 btn"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 수정</a></li><?php } ?>
+            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01 btn" onclick="del(this.href); return false;"><i class="fa fa-trash-o" aria-hidden="true"></i> 삭제</a></li><?php } ?>
+            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-files-o" aria-hidden="true"></i> 복사</a></li><?php } ?>
+            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-arrows" aria-hidden="true"></i> 이동</a></li><?php } ?>
+            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01 btn">검색</a></li><?php } ?>
+
+        </ul>
+
+        <?php
+        $link_buttons = ob_get_contents();
+        ob_end_flush();
+         ?>
+    </div>
+
+    <section id="bo_v_atc">
+        <h2 id="bo_v_atc_title">본문</h2>
+
+        <?php
+        // 파일 출력
+        $v_img_count = count($view['file']);
+        if($v_img_count) {
+            echo "<div id=\"bo_v_img\">\n";
+
+            for ($i=0; $i<=count($view['file']); $i++) {
+                if ($view['file'][$i]['view']) {
+                    //echo $view['file'][$i]['view'];
+                    echo get_view_thumbnail($view['file'][$i]['view']);
+                }
+            }
+
+            echo "</div>\n";
+        }
+         ?>
+
+        <div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>
+        <?php //echo $view['rich_content']; // {이미지:0} 과 같은 코드를 사용할 경우 ?>
+
+        <?php if ($is_signature) { ?><p><?php echo $signature ?></p><?php } ?>
+
+        <?php if ( $good_href || $nogood_href) { ?>
+        <div id="bo_v_act">
+            <?php if ($good_href) { ?>
+            <span class="bo_v_act_gng">
+                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button"  class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><br><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></a>
+                <b id="bo_v_act_good">이 글을 추천하셨습니다</b>
+            </span>
+            <?php } ?>
+            <?php if ($nogood_href) { ?>
+            <span class="bo_v_act_gng">
+                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="bo_v_nogood"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><br><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
+                <b id="bo_v_act_nogood"></b>
+            </span>
+            <?php } ?>
+        </div>
+        <?php } else {
+            if($board['bo_use_good'] || $board['bo_use_nogood']) {
+        ?>
+        <div id="bo_v_act">
+            <?php if($board['bo_use_good']) { ?><span class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><br><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_nogood']) { ?><span class="bo_v_nogood"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><br><span class="sound_only">비추천</span> <strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
+        </div>
+        <?php
+            }
+        }
+        ?>
+
+        <div id="bo_v_share">
+            <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class=" btn_scrap" onclick="win_scrap(this.href); return false;"><i class="fa fa-thumb-tack" aria-hidden="true"></i> 스크랩</a><?php } ?>
+
+            <?php
+            include_once(G5_SNS_PATH."/view.sns.skin.php");
+            ?>
+        </div>
+    </section>
+
+
+    
+    <?php
+    if ($view['file']['count']) {
+        $cnt = 0;
+        for ($i=0; $i<count($view['file']); $i++) {
+            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])
+                $cnt++;
+        }
+    }
+     ?>
+
+    <?php if($cnt) { ?>
+    <section id="bo_v_file">
+        <h2>첨부파일</h2>
+        <ul>
+        <?php
+        // 가변 파일
+        for ($i=0; $i<count($view['file']); $i++) {
+            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
+         ?>
+            <li>
+                <a href="<?php echo $view['file'][$i]['href'];  ?>" class="view_file_download">
+                    <i class="fa fa-download" aria-hidden="true"></i>
+                    <strong><?php echo $view['file'][$i]['source'] ?></strong>
+                    <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
+                </a>
+                <span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드</span> |
+                <span>DATE : <?php echo $view['file'][$i]['datetime'] ?></span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <?php } ?>
+
+    <?php if(isset($view['link'][1]) && $view['link'][1]) { ?>
+    <!-- 관련링크 시작 { -->
+    <section id="bo_v_link">
+        <h2>관련링크</h2>
+        <ul>
+        <?php
+        // 링크
+        $cnt = 0;
+        for ($i=1; $i<=count($view['link']); $i++) {
+            if ($view['link'][$i]) {
+                $cnt++;
+                $link = cut_str($view['link'][$i], 70);
+         ?>
+            <li>
+                <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
+                    <i class="fa fa-link" aria-hidden="true"></i>
+                    <strong><?php echo $link ?></strong>
+                </a>
+                <span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <!-- } 관련링크 끝 -->
+    <?php } ?>
+
+    <?php if ($prev_href || $next_href) { ?>
+    <ul class="bo_v_nb">
+        <?php if ($prev_href) { ?><li class="bo_v_prev"><a href="<?php echo $prev_href ?>"><i class="fa fa-caret-left" aria-hidden="true"></i> 이전글</a></li><?php } ?>
+        <?php if ($next_href) { ?><li class="bo_v_next"><a href="<?php echo $next_href ?>">다음글 <i class="fa fa-caret-right" aria-hidden="true"></i></a></li><?php } ?>
+        <li><a href="<?php echo $list_href ?>" class="btn_list"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></li>
+
+    </ul>
+    <?php } ?>
+    <?php
+    // 코멘트 입출력
+    include_once(G5_BBS_PATH.'/view_comment.php');
+     ?>
+
+</article>
+
+<script>
+<?php if ($board['bo_download_point'] < 0) { ?>
+$(function() {
+    $("a.view_file_download").click(function() {
+        if(!g5_is_member) {
+            alert("다운로드 권한이 없습니다.\n회원이시라면 로그인 후 이용해 보십시오.");
+            return false;
+        }
+
+        var msg = "파일을 다운로드 하시면 포인트가 차감(<?php echo number_format($board['bo_download_point']) ?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?";
+
+        if(confirm(msg)) {
+            var href = $(this).attr("href")+"&js=on";
+            $(this).attr("href", href);
+
+            return true;
+        } else {
+            return false;
+        }
+    });
+});
+<?php } ?>
+
+function board_move(href)
+{
+    window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
+}
+</script>
+
+<!-- 게시글 보기 끝 -->
+
+<script>
+$(function() {
+    $("a.view_image").click(function() {
+        window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
+        return false;
+    });
+
+    // 추천, 비추천
+    $("#good_button, #nogood_button").click(function() {
+        var $tx;
+        if(this.id == "good_button")
+            $tx = $("#bo_v_act_good");
+        else
+            $tx = $("#bo_v_act_nogood");
+
+        excute_good(this.href, $(this), $tx);
+        return false;
+    });
+
+    // 이미지 리사이즈
+    $("#bo_v_atc").viewimageresize();
+});
+
+function excute_good(href, $el, $tx)
+{
+    $.post(
+        href,
+        { js: "on" },
+        function(data) {
+            if(data.error) {
+                alert(data.error);
+                return false;
+            }
+
+            if(data.count) {
+                $el.find("strong").text(number_format(String(data.count)));
+                if($tx.attr("id").search("nogood") > -1) {
+                    $tx.text("이 글을 비추천하셨습니다.");
+                    $tx.fadeIn(200).delay(2500).fadeOut(200);
+                } else {
+                    $tx.text("이 글을 추천하셨습니다.");
+                    $tx.fadeIn(200).delay(2500).fadeOut(200);
+                }
+            }
+        }, "json"
+    );
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/board/gallery/view_comment.skin.php

@@ -0,0 +1,328 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+?>
+
+<script>
+// 글자수 제한
+var char_min = parseInt(<?php echo $comment_min ?>); // 최소
+var char_max = parseInt(<?php echo $comment_max ?>); // 최대
+</script>
+
+<button type="button" class="cmt_btn"><i class="fa fa-commenting" aria-hidden="true"></i> 댓글목록</button>
+
+<!-- 댓글 리스트 -->
+<section id="bo_vc">
+    <h2>댓글목록</h2>
+    <?php
+    for ($i=0; $i<count($list); $i++) {
+        $comment_id = $list[$i]['wr_id'];
+        $cmt_depth = ""; // 댓글단계
+        $cmt_depth = strlen($list[$i]['wr_comment_reply']) * 20;
+            $str = $list[$i]['content'];
+            if (strstr($list[$i]['wr_option'], "secret"))
+                $str = $str;
+            $str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $str);
+    ?>
+    <article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
+        <header>
+            <h2><?php echo get_text($list[$i]['wr_name']); ?>님의 댓글<?php if ($cmt_depth) { ?><span class="sound_only">의 댓글</span><?php } ?></h2>
+            <span class="comment_profile_img"><?php echo get_member_profile_img($list[$i]['mb_id'], 40, 40); ?></span> <?php echo $list[$i]['name'] ?>
+            
+            <?php if ($is_ip_view) { ?>
+            <span class="sound_only">아이피</span>
+            <span class="bo_vc_hdinfo">(<?php echo $list[$i]['ip']; ?>)</span>
+            <?php } ?>
+            <br>
+            <span class="sound_only">작성일</span>
+            <span class="bo_vc_hdinfo"><time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
+            <?php
+            include(G5_SNS_PATH."/view_comment_list.sns.skin.php");
+            ?>
+        </header>
+        <div class="cmt_contents">
+            <!-- 댓글 출력 -->
+            <p>
+                <?php if (strstr($list[$i]['wr_option'], "secret")) echo "<img src=\"".$board_skin_url."/img/icon_secret.gif\" alt=\"비밀글\">"; ?>
+                <?php echo $str ?>
+            </p>
+
+            <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
+                $query_string = clean_query_string($_SERVER['QUERY_STRING']);
+
+                if($w == 'cu') {
+                    $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
+                    $cmt = sql_fetch($sql);
+                    if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
+                        $cmt['wr_content'] = '';
+                    $c_wr_content = $cmt['wr_content'];
+                }
+
+                $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
+                $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
+            ?>
+                <ul class="bo_vc_act">
+                    <?php if ($list[$i]['is_reply']) { ?><li><a href="<?php echo $c_reply_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;">답변</a></li><?php } ?>
+                    <?php if ($list[$i]['is_edit']) { ?><li><a href="<?php echo $c_edit_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;">수정</a></li><?php } ?>
+                    <?php if ($list[$i]['is_del'])  { ?><li><a href="<?php echo $list[$i]['del_link']; ?>" onclick="return comment_delete();">삭제</a></li><?php } ?>
+                </ul>
+            <?php } ?>
+        </div>
+            <span id="edit_<?php echo $comment_id ?>"></span><!-- 수정 -->
+            <span id="reply_<?php echo $comment_id ?>"></span><!-- 답변 -->
+        <input type="hidden" id="secret_comment_<?php echo $comment_id ?>" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>">
+        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
+
+    </article>
+    <?php } ?>
+    <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>
+
+</section>
+
+<?php if ($is_comment_write) {
+        if($w == '')
+            $w = 'c';
+    ?>
+    <aside id="bo_vc_w">
+        <h2>댓글쓰기</h2>
+        <form name="fviewcomment" id="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off" class="bo_vc_w">
+        <input type="hidden" name="w" value="<?php echo $w ?>" id="w">
+        <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+        <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
+        <input type="hidden" name="comment_id" value="<?php echo $c_id ?>" id="comment_id">
+        <input type="hidden" name="sca" value="<?php echo $sca ?>">
+        <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
+        <input type="hidden" name="stx" value="<?php echo $stx ?>">
+        <input type="hidden" name="spt" value="<?php echo $spt ?>">
+        <input type="hidden" name="page" value="<?php echo $page ?>">
+        <input type="hidden" name="is_good" value="">
+
+        <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
+        <textarea id="wr_content" name="wr_content" required title="댓글 내용"
+        <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?> placeholder="댓글내용을 입력해주세요"><?php echo $c_wr_content; ?></textarea>
+        <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
+                
+        <div class="bo_vc_w_wr">
+            <div class="bo_vc_w_info">
+                <?php if ($is_guest) { ?>
+                <label for="wr_name" class="sound_only">이름<strong> 필수</strong></label>
+                <input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="frm_input required" size="25" placeholder="이름">
+                <label for="wr_password" class="sound_only">비밀번호<strong> 필수</strong></label>
+                <input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="25"  placeholder="비밀번호">
+                <?php
+                }
+                ?>
+                <?php if ($is_guest) { ?>
+                    <?php echo $captcha_html; ?>
+                <?php } ?>
+                <?php
+                if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) {
+                ?>
+                <span class="sound_only">SNS 동시등록</span>
+                <span id="bo_vc_send_sns"></span>
+                <?php } ?>
+
+                <span class="bo_vc_secret">
+                    <input type="checkbox" name="wr_secret" value="secret" id="wr_secret">
+                    <label for="wr_secret" class="icon_lock"><i class="fa fa-lock" aria-hidden="true"></i><span class="sound_only">비밀글사용</span></label>
+                </span>
+
+            </div>
+            <div class="btn_confirm">
+                <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
+            </div>
+
+        </div>
+        </form>
+    </aside>
+
+    <script>
+    var save_before = '';
+    var save_html = document.getElementById('bo_vc_w').innerHTML;
+
+    function good_and_write()
+    {
+        var f = document.fviewcomment;
+        if (fviewcomment_submit(f)) {
+            f.is_good.value = 1;
+            f.submit();
+        } else {
+            f.is_good.value = 0;
+        }
+    }
+
+    function fviewcomment_submit(f)
+    {
+        var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
+
+        f.is_good.value = 0;
+
+        /*
+        var s;
+        if (s = word_filter_check(document.getElementById('wr_content').value))
+        {
+            alert("내용에 금지단어('"+s+"')가 포함되어있습니다");
+            document.getElementById('wr_content').focus();
+            return false;
+        }
+        */
+
+        var subject = "";
+        var content = "";
+        $.ajax({
+            url: g5_bbs_url+"/ajax.filter.php",
+            type: "POST",
+            data: {
+                "subject": "",
+                "content": f.wr_content.value
+            },
+            dataType: "json",
+            async: false,
+            cache: false,
+            success: function(data, textStatus) {
+                subject = data.subject;
+                content = data.content;
+            }
+        });
+
+        if (content) {
+            alert("내용에 금지단어('"+content+"')가 포함되어있습니다");
+            f.wr_content.focus();
+            return false;
+        }
+
+        // 양쪽 공백 없애기
+        var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
+        document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
+        if (char_min > 0 || char_max > 0)
+        {
+            check_byte('wr_content', 'char_count');
+            var cnt = parseInt(document.getElementById('char_count').innerHTML);
+            if (char_min > 0 && char_min > cnt)
+            {
+                alert("댓글은 "+char_min+"글자 이상 쓰셔야 합니다.");
+                return false;
+            } else if (char_max > 0 && char_max < cnt)
+            {
+                alert("댓글은 "+char_max+"글자 이하로 쓰셔야 합니다.");
+                return false;
+            }
+        }
+        else if (!document.getElementById('wr_content').value)
+        {
+            alert("댓글을 입력하여 주십시오.");
+            return false;
+        }
+
+        if (typeof(f.wr_name) != 'undefined')
+        {
+            f.wr_name.value = f.wr_name.value.replace(pattern, "");
+            if (f.wr_name.value == '')
+            {
+                alert('이름이 입력되지 않았습니다.');
+                f.wr_name.focus();
+                return false;
+            }
+        }
+
+        if (typeof(f.wr_password) != 'undefined')
+        {
+            f.wr_password.value = f.wr_password.value.replace(pattern, "");
+            if (f.wr_password.value == '')
+            {
+                alert('비밀번호가 입력되지 않았습니다.');
+                f.wr_password.focus();
+                return false;
+            }
+        }
+
+        <?php if($is_guest) echo chk_captcha_js(); ?>
+
+        set_comment_token(f);
+
+        document.getElementById("btn_submit").disabled = "disabled";
+
+        return true;
+    }
+
+    function comment_box(comment_id, work)
+    {
+        var el_id,
+        form_el = 'fviewcomment',
+        respond = document.getElementById(form_el);
+
+        // 댓글 아이디가 넘어오면 답변, 수정
+        if (comment_id)
+        {
+            if (work == 'c')
+                el_id = 'reply_' + comment_id;
+            else
+                el_id = 'edit_' + comment_id;
+        }
+        else
+            el_id = 'bo_vc_w';
+
+        if (save_before != el_id)
+        {
+            if (save_before)
+            {
+                document.getElementById(save_before).style.display = 'none';
+            }
+
+            document.getElementById(el_id).style.display = '';
+            document.getElementById(el_id).appendChild(respond);
+            //입력값 초기화
+            document.getElementById('wr_content').value = '';
+
+            // 댓글 수정
+            if (work == 'cu')
+            {
+                document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;
+                if (typeof char_count != 'undefined')
+                    check_byte('wr_content', 'char_count');
+                if (document.getElementById('secret_comment_'+comment_id).value)
+                    document.getElementById('wr_secret').checked = true;
+                else
+                    document.getElementById('wr_secret').checked = false;
+            }
+
+            document.getElementById('comment_id').value = comment_id;
+            document.getElementById('w').value = work;
+
+            if(save_before)
+                $("#captcha_reload").trigger("click");
+
+            save_before = el_id;
+        }
+    }
+
+    function comment_delete()
+    {
+        return confirm("이 댓글을 삭제하시겠습니까?");
+    }
+
+    comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)
+
+    <?php if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) { ?>
+    $(function() {
+    // sns 등록
+        $("#bo_vc_send_sns").load(
+            "<?php echo G5_SNS_URL; ?>/view_comment_write.sns.skin.php?bo_table=<?php echo $bo_table; ?>",
+            function() {
+                save_html = document.getElementById('bo_vc_w').innerHTML;
+            }
+        );
+
+
+           
+    });
+    <?php } ?>
+
+    $(function() {            
+        //댓글열기
+        $(".cmt_btn").click(function(){
+            $(this).toggleClass("cmt_btn_op");
+            $("#bo_vc").toggle();
+        });
+    });
+    </script>
+    <?php } ?>

web/html/theme/AT_WEB01/mobile/skin/board/gallery/write.skin.php

@@ -0,0 +1,247 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
+?>
+
+<section id="bo_w">
+    <form name="fwrite" id="fwrite" action="<?php echo $action_url ?>" onsubmit="return fwrite_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off">
+    <input type="hidden" name="w" value="<?php echo $w ?>">
+    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+    <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
+    <input type="hidden" name="sca" value="<?php echo $sca ?>">
+    <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
+    <input type="hidden" name="stx" value="<?php echo $stx ?>">
+    <input type="hidden" name="spt" value="<?php echo $spt ?>">
+    <input type="hidden" name="sst" value="<?php echo $sst ?>">
+    <input type="hidden" name="sod" value="<?php echo $sod ?>">
+    <input type="hidden" name="page" value="<?php echo $page ?>">
+    <?php
+    $option = '';
+    $option_hidden = '';
+    if ($is_notice || $is_html || $is_secret || $is_mail) {
+        $option = '';
+        if ($is_notice) {
+            $option .= PHP_EOL.'<input type="checkbox" id="notice" name="notice" value="1" '.$notice_checked.'>'.PHP_EOL.'<label for="notice">공지</label>';
+        }
+
+        if ($is_html) {
+            if ($is_dhtml_editor) {
+                $option_hidden .= '<input type="hidden" value="html1" name="html">';
+            } else {
+                $option .= PHP_EOL.'<input type="checkbox" id="html" name="html" onclick="html_auto_br(this);" value="'.$html_value.'" '.$html_checked.'>'.PHP_EOL.'<label for="html">html</label>';
+            }
+        }
+
+        if ($is_secret) {
+            if ($is_admin || $is_secret==1) {
+                $option .= PHP_EOL.'<input type="checkbox" id="secret" name="secret" value="secret" '.$secret_checked.'>'.PHP_EOL.'<label for="secret">비밀글</label>';
+            } else {
+                $option_hidden .= '<input type="hidden" name="secret" value="secret">';
+            }
+        }
+
+        if ($is_mail) {
+            $option .= PHP_EOL.'<input type="checkbox" id="mail" name="mail" value="mail" '.$recv_email_checked.'>'.PHP_EOL.'<label for="mail">답변메일받기</label>';
+        }
+    }
+
+    echo $option_hidden;
+    ?>
+    <div class="form_01 write_div">
+        <h2 class="sound_only"><?php echo $g5['title'] ?></h2>
+
+        <?php if ($is_category) { ?>
+        <div class="bo_w_select">
+            <label for="ca_name" class="sound_only">분류<strong>필수</strong></label>
+            <select id="ca_name" name="ca_name" required>
+                <option value="">선택하세요</option>
+                <?php echo $category_option ?>
+            </select>
+        </div>
+        <?php } ?> 
+        
+        <?php if ($is_name) { ?>
+        <div class="write_div">
+            <label for="wr_name" class="sound_only">이름<strong>필수</strong></label>
+            <input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input full_input required" maxlength="20" placeholder="이름">
+        </div>
+        <?php } ?>
+
+        <?php if ($is_password) { ?>
+        <div class="write_div">
+            <label for="wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
+            <input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input full_input <?php echo $password_required ?>" maxlength="20" placeholder="비밀번호">
+        </div>
+        <?php } ?>
+
+        <?php if ($is_email) { ?>
+        <div class="write_div">
+            <label for="wr_email" class="sound_only">이메일</label>
+            <input type="email" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input full_input  email" maxlength="100" placeholder="이메일">
+        </div>
+        <?php } ?>
+
+        <?php if ($is_homepage) { ?>
+        <div class="write_div">
+            <label for="wr_homepage" class="sound_only">홈페이지</label>
+            <input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input full_input " placeholder="홈페이지">
+        </div>
+        <?php } ?>
+
+        <?php if ($option) { ?>
+        <div class="write_div">
+            <span class="sound_only">옵션</span>
+            <?php echo $option ?>
+        </div>
+        <?php } ?>
+
+        <div class="bo_w_tit write_div">
+            <label for="wr_subject" class="sound_only">제목<strong>필수</strong></label>
+            <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input full_input required" placeholder="제목">
+        </div>
+
+        <div class="write_div">
+            <label for="wr_content" class="sound_only">내용<strong>필수</strong></label>
+            <?php if($write_min || $write_max) { ?>
+            <!-- 최소/최대 글자 수 사용 시 -->
+            <p id="char_count_desc">이 게시판은 최소 <strong><?php echo $write_min; ?></strong>글자 이상, 최대 <strong><?php echo $write_max; ?></strong>글자 이하까지 글을 쓰실 수 있습니다.</p>
+            <?php } ?>
+            <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
+            <?php if($write_min || $write_max) { ?>
+            <!-- 최소/최대 글자 수 사용 시 -->
+            <div id="char_count_wrap"><span id="char_count"></span>글자</div>
+            <?php } ?>
+        </div>
+
+
+        <?php for ($i=1; $is_link && $i<=G5_LINK_COUNT; $i++) { ?>
+        <div class="bo_w_link write_div">
+            <label for="wr_link<?php echo $i ?>"><i class="fa fa-link" aria-hidden="true"></i> <span class="sound_only">링크 #<?php echo $i ?></span></label>
+            <input type="text" name="wr_link<?php echo $i ?>" value="<?php if($w=="u"){echo $write['wr_link'.$i];} ?>" id="wr_link<?php echo $i ?>" class="frm_input wr_link">
+        </div>
+        <?php } ?>
+
+        
+        <?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
+        <div class="bo_w_flie write_div">
+            <div class="file_wr write_div">
+                <label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only">파일 #<?php echo $i+1 ?></span></label>
+                <input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file ">
+            </div>
+            <?php if ($is_file_content) { ?>
+            <input type="text" name="bf_content[]" value="<?php echo ($w == 'u') ? $file[$i]['bf_content'] : ''; ?>" title="파일 설명을 입력해주세요." class="full_input frm_input" size="50" placeholder="파일 설명을 입력해주세요.">
+            <?php } ?>
+
+            <?php if($w == 'u' && $file[$i]['file']) { ?>
+            <span class="file_del">
+                <input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i;  ?>]" value="1"> <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')';  ?> 파일 삭제</label>
+            </span>
+            <?php } ?>
+            
+        </div>
+        <?php } ?>
+
+        <?php if ($is_use_captcha) { //자동등록방지 ?>
+        <div class="write_div">
+            <span class="sound_only">자동등록방지</span>
+            <?php echo $captcha_html ?>
+            
+        </div>
+        <?php } ?>
+
+    </div>
+
+    <div class="btn_top top write_div">
+        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel">취소</a>
+        <input type="submit" value="작성완료" id="btn_submit" class="btn_submit" accesskey="s">
+    </div>
+    </form>
+</section>
+
+<script>
+<?php if($write_min || $write_max) { ?>
+// 글자수 제한
+var char_min = parseInt(<?php echo $write_min; ?>); // 최소
+var char_max = parseInt(<?php echo $write_max; ?>); // 최대
+check_byte("wr_content", "char_count");
+
+$(function() {
+    $("#wr_content").on("keyup", function() {
+        check_byte("wr_content", "char_count");
+    });
+});
+
+<?php } ?>
+function html_auto_br(obj)
+{
+    if (obj.checked) {
+        result = confirm("자동 줄바꿈을 하시겠습니까?\n\n자동 줄바꿈은 게시물 내용중 줄바뀐 곳을<br>태그로 변환하는 기능입니다.");
+        if (result)
+            obj.value = "html2";
+        else
+            obj.value = "html1";
+    }
+    else
+        obj.value = "";
+}
+
+function fwrite_submit(f)
+{
+    <?php echo $editor_js; // 에디터 사용시 자바스크립트에서 내용을 폼필드로 넣어주며 내용이 입력되었는지 검사함   ?>
+
+    var subject = "";
+    var content = "";
+    $.ajax({
+        url: g5_bbs_url+"/ajax.filter.php",
+        type: "POST",
+        data: {
+            "subject": f.wr_subject.value,
+            "content": f.wr_content.value
+        },
+        dataType: "json",
+        async: false,
+        cache: false,
+        success: function(data, textStatus) {
+            subject = data.subject;
+            content = data.content;
+        }
+    });
+
+    if (subject) {
+        alert("제목에 금지단어('"+subject+"')가 포함되어있습니다");
+        f.wr_subject.focus();
+        return false;
+    }
+
+    if (content) {
+        alert("내용에 금지단어('"+content+"')가 포함되어있습니다");
+        if (typeof(ed_wr_content) != "undefined")
+            ed_wr_content.returnFalse();
+        else
+            f.wr_content.focus();
+        return false;
+    }
+
+    if (document.getElementById("char_count")) {
+        if (char_min > 0 || char_max > 0) {
+            var cnt = parseInt(check_byte("wr_content", "char_count"));
+            if (char_min > 0 && char_min > cnt) {
+                alert("내용은 "+char_min+"글자 이상 쓰셔야 합니다.");
+                return false;
+            }
+            else if (char_max > 0 && char_max < cnt) {
+                alert("내용은 "+char_max+"글자 이하로 쓰셔야 합니다.");
+                return false;
+            }
+        }
+    }
+
+    <?php echo $captcha_js; // 캡챠 사용시 자바스크립트에서 입력된 캡챠를 검사함  ?>
+
+    document.getElementById("btn_submit").disabled = "disabled";
+
+    return true;
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/connect/basic/connect.skin.php

@@ -0,0 +1,8 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+// 회원수는 $row['mb_cnt'];
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">', 0);
+?>
+<?php echo $row['total_cnt'] ?>

web/html/theme/AT_WEB01/mobile/skin/connect/basic/current_connect.skin.php

@@ -0,0 +1,32 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">', 0);
+?>
+
+<div id="current_connect">
+    <ul>
+
+    <?php
+    for ($i=0; $i<count($list); $i++) {
+        $location = conv_content($list[$i]['lo_location'], 0);
+        // 최고관리자에게만 허용
+        // 이 조건문은 가능한 변경하지 마십시오.
+        if ($list[$i]['lo_url'] && $is_admin == 'super') $display_location = "<a href=\"".$list[$i]['lo_url']."\">".$location."</a>";
+        else $display_location = $location;
+    ?>
+        <li>
+            <div class="crt_wr">
+                <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
+                <span class="crt_name"><?php echo get_member_profile_img($list[$i]['mb_id']); ?><br><?php echo $list[$i]['name'] ?></span>
+                <span class="crt_lct"><?php echo $display_location ?></span>
+            </div>
+        </li>
+    <?php
+    }
+    if ($i == 0)
+        echo "<li class=\"empty_li\">현재 접속자가 없습니다.</li>";
+    ?>
+    </ul>
+</div>

web/html/theme/AT_WEB01/mobile/skin/connect/basic/style.css

@@ -0,0 +1,17 @@
+@charset "utf-8";
+/* SIR 지운아빠 */
+
+/* 현재접속자 */
+#current_connect{margin:0;padding:5px;}
+#current_connect li {padding:5px;float:left;width:50%;text-align:center;}
+#current_connect li:nth-child(2n+1){clear:both}
+#current_connect .crt_name {padding:20px 0;display:block}
+#current_connect .crt_name img{ border-radius:50%;margin: 0 0 5px}
+#current_connect .crt_wr{background:#fff;position:relative;
+-webkit-box-shadow: 0 1px 4px #cbd1df;
+   -moz-box-shadow: 0 1px 4px #cbd1df;
+        box-shadow: 0 1px 4px #cbd1df;}
+#current_connect .crt_lct{display:block;text-align:center;border-top:1px solid #ddd;padding:10px 5px;line-height:1.4em}
+#current_connect .crt_lct a{color:#3ca1ff}
+#current_connect .crt_num{position:absolute;top:10px;left:10px;color:#777;font-weight:bold}
+#current_connect .empty_li{width:100%;padding:100px 0;color:#777}

web/html/theme/AT_WEB01/mobile/skin/content/basic/content.skin.php

@@ -0,0 +1,18 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$content_skin_url.'/style.css">', 0);
+
+?>
+
+<article id="ctt" class="ctt_<?php echo $co_id; ?>">
+    <header>
+        <h1><?php echo $g5['title']; ?></h1>
+    </header>
+
+    <div id="ctt_con">
+        <?php echo $str; ?>
+    </div>
+
+</article>

web/html/theme/AT_WEB01/mobile/skin/content/basic/style.css

@@ -0,0 +1,9 @@
+@charset "utf-8";
+
+/* 내용관리 */
+#ctt {margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
+.ctt_admin {margin:0 5px;text-align:right}
+#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
+#ctt_con {padding:10px 0}
+.ctt_img {text-align:center}

web/html/theme/AT_WEB01/mobile/skin/faq/basic/list.skin.php

@@ -0,0 +1,124 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$faq_skin_url.'/style.css">', 0);
+?>
+
+<!-- FAQ 시작 { -->
+<?php
+// 상단 HTML
+echo '<div id="faq_hhtml">'.conv_content($fm['fm_mobile_head_html'], 1).'</div>';
+?>
+
+<?php
+if( count($faq_master_list) ){
+?>
+
+<div id="faq_sch">
+    <form name="faq_search_form" method="get">
+    <input type="hidden" name="fm_id" value="<?php echo $fm_id;?>">
+    <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
+    <input type="text" name="stx" value="<?php echo $stx;?>" required id="stx" class="frm_input" size="15" maxlength="15">
+    <button type="submit" value="검색" class="btn_submit"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+    </form>
+</div>
+
+<nav id="bo_cate">
+    <h2>자주하시는질문 분류</h2>
+    <ul id="bo_cate_ul">
+        <?php
+        foreach( $faq_master_list as $v ){
+            $category_msg = '';
+            $category_option = '';
+            if($v['fm_id'] == $fm_id){ // 현재 선택된 카테고리라면
+                $category_option = ' id="bo_cate_on"';
+                $category_msg = '<span class="sound_only">열린 분류 </span>';
+            }
+        ?>
+        <li><a href="<?php echo $category_href;?>?fm_id=<?php echo $v['fm_id']?>" <?php echo $category_option;?> ><?php echo $category_msg.$v['fm_subject'];?></a></li>
+        <?php
+        }
+        ?>
+    </ul>
+</nav>
+<?php } ?>
+
+<div id="faq_wrap" class="faq_<?php echo $fm_id; ?>">
+    <?php // FAQ 내용
+    if( count($faq_list) ){
+    ?>
+    <section id="faq_con">
+        <h2><?php echo $g5['title']; ?> 목록</h2>
+        <ol>
+            <?php
+            foreach($faq_list as $key=>$v){
+                if(empty($v))
+                    continue;
+            ?>
+            <li>
+                <h3><span class="faq_alp faq_alp_q">Q</span><a href="#none" onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1); ?></a></h3>
+                <div class="con_inner">
+                    <span class="faq_alp faq_alp_a">A</span>
+                    <?php echo conv_content($v['fa_content'], 1); ?>
+                    <div class="con_closer"><button type="button" class="closer_btn">닫기</button></div>
+                </div>
+            </li>
+            <?php
+            }
+            ?>
+        </ol>
+    </section>
+    <?php
+
+    } else {
+        if($stx){
+            echo '<p class="empty_list">검색된 게시물이 없습니다.</p>';
+        } else {
+            echo '<div class="empty_table">등록된 FAQ가 없습니다.';
+            if($is_admin)
+                echo '<br><a href="'.G5_ADMIN_URL.'/faqmasterlist.php">FAQ를 새로 등록하시려면 FAQ관리</a> 메뉴를 이용하십시오.';
+            echo '</div>';
+        }
+    }
+    ?>
+</div>
+
+<?php echo get_paging($page_rows, $page, $total_page, $_SERVER['SCRIPT_NAME'].'?'.$qstr.'&amp;page='); ?>
+
+<?php
+// 하단 HTML
+echo '<div id="faq_thtml">'.conv_content($fm['fm_mobile_tail_html'], 1).'</div>';
+?>
+
+
+<!-- } FAQ 끝 -->
+
+<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
+<script>
+$(function() {
+    $(".closer_btn").on("click", function() {
+        $(this).closest(".con_inner").slideToggle();
+    });
+});
+
+function faq_open(el)
+{
+    var $con = $(el).closest("li").find(".con_inner");
+
+    if($con.is(":visible")) {
+        $con.slideUp();
+    } else {
+        $("#faq_con .con_inner:visible").css("display", "none");
+
+        $con.slideDown(
+            function() {
+                // 이미지 리사이즈
+                $con.viewimageresize2();
+            }
+        );
+    }
+
+    return false;
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/faq/basic/style.css

@@ -0,0 +1,34 @@
+@charset "utf-8";
+
+#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
+#bo_cate ul {margin: 10px;padding-left:1px;zoom:1}
+#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
+#bo_cate li{display:inline-block;float:left;margin:3px 5px 3px 0}
+#bo_cate a {display:block;line-height:24px;padding:0 10px;border-radius:13px;background:#fff;}
+#bo_cate #bo_cate_on {background:#4162ff;color:#fff;
+-webkit-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+-moz-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+box-shadow: 0 0 8px  rgba(65,98,255,0.8);}
+
+#faq_wrap {margin:10px 10px 60px}
+#faq_wrap h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+.faq_admin {margin:0 5px;text-align:right}
+#faq_wrap p {line-height:1.8em}
+#faq_wrap ol {margin:0;padding:0;list-style:none}
+#faq_wrap  li{margin:10px 0;background:#fff;border-radius:3px;
+-webkit-box-shadow: 0 1px 4px #cbd1df;
+   -moz-box-shadow: 0 1px 4px #cbd1df;
+        box-shadow: 0 1px 4px #cbd1df;}
+#faq_con h3{position:relative;padding-left:30px;}
+#faq_con h3 a {display:block;padding:10px;}
+#faq_con .faq_alp{position:absolute;top:10px;left:10px;display:inline-block;background:#333;border-radius:50%;width:20px;height:20px;line-height:20px;text-align:center;color:#fff}
+#faq_con .faq_alp_a{background:#aaa}
+#faq_con .con_inner {;position:relative;display:none;padding:10px;padding-left:40px;line-height:1.8em;border-top:1px solid #eee;}
+#faq_con .con_closer {margin:10px 0 0;text-align:right}
+#faq_con .closer_btn {margin:0;padding:0 5px;line-height:24px;border:0;background:#666;color:#fff}
+.faq_tolist {padding:0 10px;text-align:right}
+.faq_img {text-align:center}
+
+#faq_sch {text-align:center;margin:10px;position:relative}
+#faq_sch .frm_input {width:100%}
+#faq_sch .btn_submit{position:absolute;top:0;right:0;width:40px;height:40px;background:none;color:#000;font-size:15px}

web/html/theme/AT_WEB01/mobile/skin/latest/basic/latest.skin.php

@@ -0,0 +1,44 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
+?>
+
+<div class="lt list_01">
+    <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_title"><i class="fa fa-list-ul" aria-hidden="true"></i> <strong><?php echo $bo_subject ?></strong></a>
+    <ul>
+    <?php for ($i=0; $i<count($list); $i++) { ?>
+        <li>
+            <?php
+            if ($list[$i]['icon_secret']) echo "<i class=\"fa fa-lock\" aria-hidden=\"true\"></i> ";
+            //echo $list[$i]['icon_reply']." ";
+            echo "<a href=\"".$list[$i]['href']."\" class=\"lt_tit\">";
+            if ($list[$i]['is_notice'])
+                echo "<strong>".$list[$i]['subject']."</strong>";
+            else
+                echo $list[$i]['subject'];
+
+                // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
+                // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
+
+            if ($list[$i]['icon_new']) echo " <span class=\"new_icon\">NEW</span>";
+            if ($list[$i]['icon_file']) echo " <i class=\"fa fa-download\" aria-hidden=\"true\"></i>" ;
+            if ($list[$i]['icon_link']) echo " <i class=\"fa fa-link\" aria-hidden=\"true\"></i>" ;
+            if ($list[$i]['icon_hot']) echo " <i class=\"fa fa-heart\" aria-hidden=\"true\"></i>";
+
+            echo "</a>";
+
+            ?>
+            <div class="lt_info">
+                <?php echo $list[$i]['name'] ?>
+                <span class="lt_date"><?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><i class="fa fa-commenting-o" aria-hidden="true"></i><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?> 
+                <i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
+            </div>
+        </li>
+    <?php } ?>
+    <?php if (count($list) == 0) { //게시물이 없을 때 ?>
+    <li class="empty_li">게시물이 없습니다.</li>
+    <?php } ?>
+    </ul>
+</div>

web/html/theme/AT_WEB01/mobile/skin/latest/basic/style.css

@@ -0,0 +1,19 @@
+@charset "utf-8";
+
+/* 최근게시물 스킨 (latest) */
+.lt {position:relative;padding:15px 10px ;}
+.lt ul {margin:10px 0 0 ;padding:0;list-style:none}
+.lt .lt_title {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;border-bottom:1px solid #ccc;}
+.lt .lt_more {position:absolute;top:5px;right:10px}
+.lt .cnt_cmt {display:inline-block;margin:0 5px 0 3px;}
+.lt .lt_info{border-top: 1px solid #eee;margin: 10px 0 0;line-height: 20px;color: #666;position: relative;padding-top: 10px;vertical-align:top}
+.lt .profile_img img{border-radius:50%;vertical-align:top}
+.lt .lt_tit{display: block;font-size: 1.083em;font-weight: bold;margin: 5px 0;}
+.lt li .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
+.lt li .fa-link{width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
+.lt li .fa-heart{color:#ff0000;}
+.lt li .new_icon{display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed}
+.lt .lt_tit .fa-heart{color: #fe4560;}
+.lt .lt_date{position:absolute;top:10px;right:0;color:#666;font-style:italic}
+.lt .comment_icon{background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
+.lt .empty_li{text-align:center;padding:40px 0;color:#777}

web/html/theme/AT_WEB01/mobile/skin/member/basic/formmail.skin.php

@@ -0,0 +1,94 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="formmail" class="new_win">
+    <h1 id="win_title"><?php echo $name ?>님께 메일보내기</h1>
+
+    <form name="fformmail" action="./formmail_send.php" onsubmit="return fformmail_submit(this);" method="post" enctype="multipart/form-data" style="margin:0px;">
+    <input type="hidden" name="to" value="<?php echo $email ?>">
+    <input type="hidden" name="attach" value="2">
+    <?php if ($is_member) { // 회원이면 ?>
+    <input type="hidden" name="fnick" value="<?php echo get_text($member['mb_nick']); ?>">
+    <input type="hidden" name="fmail" value="<?php echo $member['mb_email'] ?>">
+    <?php } ?>
+
+    <div class="form_01">
+        <h2 class="sound_only">메일쓰기</h2>
+        <ul>
+            <?php if (!$is_member) { ?>
+            <li>
+                <label for="fnick" class="sound_only">이름<strong>필수</strong></label>
+                <input type="text" name="fnick" id="fnick" required class="frm_input required" placeholder="이름">
+            </li>
+            <li>
+                <label for="fmail" class="sound_only">E-mail<strong>필수</strong></label>
+                <input type="email" name="fmail" id="fmail" required class="frm_input required" placeholder="E-mail">
+            </li>
+            <?php } ?>
+            <li>
+                <label for="subject" class="sound_only">제목<strong>필수</strong></label>
+                <input type="text" name="subject" id="subject" required class="frm_input required" placeholder="제목">
+            </li>
+            <li>
+                형식
+                
+                    <input type="radio" name="type" value="0" id="type_text" checked> <label for="type_text">TEXT</label>
+                    <input type="radio" name="type" value="1" id="type_html"> <label for="type_html">HTML</label>
+                    <input type="radio" name="type" value="2" id="type_both"> <label for="type_both">TEXT+HTML</label>
+                
+            </li>
+            <li>
+                <label for="content" class="sound_only">내용<strong>필수</strong></label>
+                <textarea name="content" id="content" required class="required" placeholder="내용"></textarea>
+            </li>
+            <li class="file_wr">
+                <label for="file1" class="lb_icon">첨부 1</label>
+                <input type="file" name="file1" id="file1" class="frm_file">
+            </li>
+            <li class="file_wr">
+                <label for="file2" class="lb_icon">첨부 2</label>
+                <input type="file" name="file2" id="file2" class="frm_file">
+            </li>
+            <li>
+                자동등록방지
+                <?php echo captcha_html(); ?>
+            </li>
+        </ul>
+
+        <div class="win_btn">
+            <input type="submit" value="메일발송" id="btn_submit" class="btn_submit">
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+        </div>
+    </div>
+
+
+    </form>
+</div>
+
+<script>
+with (document.fformmail) {
+    if (typeof fname != "undefined")
+        fname.focus();
+    else if (typeof subject != "undefined")
+        subject.focus();
+}
+
+function fformmail_submit(f)
+{
+    <?php echo chk_captcha_js(); ?>
+
+    if (f.file1.value || f.file2.value) {
+        // 4.00.11
+        if (!confirm("첨부파일의 용량이 큰경우 전송시간이 오래 걸립니다.\n\n메일보내기가 완료되기 전에 창을 닫거나 새로고침 하지 마십시오."))
+            return false;
+    }
+
+    document.getElementById('btn_submit').disabled = true;
+
+    return true;
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/member/basic/login.skin.php

@@ -0,0 +1,58 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="mb_login" class="mbskin">
+    <h1><?php echo $g5['title'] ?></h1>
+
+    <form name="flogin" action="<?php echo $login_action_url ?>" onsubmit="return flogin_submit(this);" method="post" id="flogin">
+    <input type="hidden" name="url" value="<?php echo $login_url ?>">
+
+    <div id="login_frm">
+        <label for="login_id" class="sound_only">아이디<strong class="sound_only"> 필수</strong></label>
+        <input type="text" name="mb_id" id="login_id" placeholder="아이디(필수)" required class="frm_input required" maxLength="20">
+        <label for="login_pw" class="sound_only">비밀번호<strong class="sound_only"> 필수</strong></label>
+        <input type="password" name="mb_password" id="login_pw" placeholder="비밀번호(필수)" required class="frm_input required" maxLength="20">
+        <div>
+            <input type="checkbox" name="auto_login" id="login_auto_login">
+            <label for="login_auto_login">자동로그인</label>
+        </div>
+       <input type="submit" value="로그인" class="btn_submit">
+    </div>
+
+    <?php
+    // 소셜로그인 사용시 소셜로그인 버튼
+    @include_once(get_social_skin_path().'/social_login.skin.php');
+    ?>
+
+    <section class="mb_login_join">
+        <h2>회원로그인 안내</h2>
+        
+        <div>
+            <a href="<?php echo G5_BBS_URL ?>/password_lost.php" target="_blank" id="login_password_lost">회원정보찾기</a>
+            <a href="./register.php">회원 가입</a>
+        </div>
+    </section>
+
+
+    </form>
+
+</div>
+
+<script>
+$(function(){
+    $("#login_auto_login").click(function(){
+        if (this.checked) {
+            this.checked = confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?");
+        }
+    });
+});
+
+function flogin_submit(f)
+{
+    return true;
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/member/basic/login_check.skin.php

@@ -0,0 +1,5 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 
+
+// 자신만의 코드를 넣어주세요.
+?>

web/html/theme/AT_WEB01/mobile/skin/member/basic/member_confirm.skin.php

@@ -0,0 +1,42 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="mb_confirm" class="mbskin">
+    <h1><?php echo $g5['title'] ?></h1>
+
+    <p>
+        <strong>비밀번호를 한번 더 입력해주세요.</strong>
+        <?php if ($url == 'member_leave.php') { ?>
+        비밀번호를 입력하시면 회원탈퇴가 완료됩니다.
+        <?php }else{ ?>
+        회원님의 정보를 안전하게 보호하기 위해 비밀번호를 한번 더 확인합니다.
+        <?php }  ?>
+    </p>
+
+    <form name="fmemberconfirm" action="<?php echo $url ?>" onsubmit="return fmemberconfirm_submit(this);" method="post">
+    <input type="hidden" name="mb_id" value="<?php echo $member['mb_id'] ?>">
+    <input type="hidden" name="w" value="u">
+
+    <fieldset>
+        회원아이디
+        <span id="mb_confirm_id"><?php echo $member['mb_id'] ?></span>
+        <input type="password" name="mb_password" id="mb_confirm_pw" placeholder="비밀번호(필수)" required class="frm_input" size="15" maxLength="20">
+        <input type="submit" value="확인" id="btn_submit" class="btn_submit">
+    </fieldset>
+
+    </form>
+
+</div>
+
+<script>
+function fmemberconfirm_submit(f)
+{
+    document.getElementById("btn_submit").disabled = true;
+
+    return true;
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/member/basic/memo.skin.php

@@ -0,0 +1,45 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="memo_list" class="new_win">
+    <h1 id="win_title"><?php echo $g5['title'] ?></h1>
+
+    <ul class="win_ul">
+        <li><a href="./memo.php?kind=recv" class="<?php if ($kind == 'recv') {  ?>selected<?php }  ?>">받은쪽지</a></li>
+        <li><a href="./memo.php?kind=send" class="<?php if ($kind == 'send') {  ?>selected<?php }  ?>">보낸쪽지</a></li>
+        <li><a href="./memo_form.php">쪽지쓰기</a></li>
+    </ul>
+    <div class="new_win_con">
+        <div class="win_desc">
+            전체 <?php echo $kind_title ?>쪽지 <?php echo $total_count ?>통<br>
+        </div>
+
+        <ul id="memo_list_ul">
+            <?php for ($i=0; $i<count($list); $i++) { ?>
+            <li>
+                <a href="<?php echo $list[$i]['view_href'] ?>" class="memo_link"><?php echo $list[$i]['mb_nick'] ?></a>
+                <span class="memo_date">
+                    <?php echo $list[$i]['send_datetime'] ?><span class="sound_only"> 에 <?php echo  ($kind == "recv") ? "받은" : "보낸";  ?> 쪽지</span> - 
+                    <?php echo $list[$i]['read_datetime'] ?>
+                </span>
+                <a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;" class="memo_del">삭제</a>
+            </li>
+            <?php } ?>
+            <?php if ($i==0) { echo "<li class=\"empty_list\">자료가 없습니다.</li>"; } ?>
+        </ul>
+
+        <!-- 페이지 -->
+        <?php echo $write_pages; ?>
+
+        <p class="win_desc">
+            쪽지 보관일수는 최장 <strong><?php echo $config['cf_memo_del'] ?></strong>일 입니다.
+        </p>
+        <div class="win_btn">
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+        </div>
+    </div>
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/memo_form.skin.php

@@ -0,0 +1,54 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="memo_write" class="new_win">
+    <h1 id="win_title">쪽지보내기</h1>
+
+    <ul class="win_ul">
+        <li><a href="./memo.php?kind=recv">받은쪽지</a></li>
+        <li><a href="./memo.php?kind=send">보낸쪽지</a></li>
+        <li><a href="./memo_form.php" class="selected">쪽지쓰기</a></li>
+    </ul>
+    <form name="fmemoform" action="./memo_form_update.php" onsubmit="return fmemoform_submit(this);" method="post" autocomplete="off">
+    <div class="form_01">
+        <h2 class="sound_only">쪽지쓰기</h2>
+        <ul>
+            <li>
+                <label for="me_recv_mb_id" class="sound_only">받는 회원아이디<strong>필수</strong></label>
+                
+                <input type="text" name="me_recv_mb_id" value="<?php echo $me_recv_mb_id ?>" id="me_recv_mb_id" required class="frm_input required" placeholder="받는 회원아이디">
+                <span class="frm_info">여러 회원에게 보낼때는 컴마(,)로 구분하세요.</span>
+                <?php if ($config['cf_memo_send_point']) { ?>
+                <br ><span class="frm_info">쪽지 보낼때 회원당 <?php echo number_format($config['cf_memo_send_point']); ?>점의 포인트를 차감합니다.</span>
+                <?php } ?>
+            </li>
+            <li>
+                <label for="me_memo" class="sound_only">내용</label>
+                <textarea name="me_memo" id="me_memo" required><?php echo $content ?></textarea>
+            </li>
+            <li>
+                <span class="sound_only">자동등록방지</span>
+                <?php echo captcha_html(); ?>
+            </li>
+        </ul>
+    </div>
+
+    <div class="win_btn">
+        <input type="submit" value="보내기" id="btn_submit" class="btn_submit">
+        <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+    </div>
+    </form>
+</div>
+
+<script>
+function fmemoform_submit(f)
+{
+    <?php echo chk_captcha_js(); ?>
+
+    return true;
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/member/basic/memo_view.skin.php

@@ -0,0 +1,57 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+$nick = get_sideview($mb['mb_id'], $mb['mb_nick'], $mb['mb_email'], $mb['mb_homepage']);
+if($kind == "recv") {
+    $kind_str = "보낸";
+    $kind_date = "받은";
+}
+else {
+    $kind_str = "받는";
+    $kind_date = "보낸";
+}
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="memo_view" class="new_win">
+    <h1 id="win_title"><?php echo $g5['title'] ?></h1>
+
+    <ul class="win_ul">
+        <li><a href="./memo.php?kind=recv" class="selected">받은쪽지</a></li>
+        <li><a href="./memo.php?kind=send">보낸쪽지</a></li>
+        <li><a href="./memo_form.php">쪽지쓰기</a></li>
+    </ul>
+    <div class="new_win_con">
+        <article id="memo_view_contents">
+            <header>
+                <h1>쪽지 내용</h1>
+            </header>
+            <ul id="memo_view_ul">
+                <li class="memo_view_li">
+                    <span class="memo_view_subj"><?php echo $kind_str ?>사람</span>
+                    <strong><?php echo $nick ?></strong>
+                </li>
+                <li class="memo_view_li">
+                    <span class="memo_view_subj"><?php echo $kind_date ?>시간</span>
+                    <strong><?php echo $memo['me_send_datetime'] ?></strong>
+                </li>
+            </ul>
+            <p>
+                <?php echo conv_content($memo['me_memo'], 0) ?>
+            </p>
+        </article>
+
+        <div class="win_btn">
+            <?php if ($kind == 'recv') { ?><a href="./memo_form.php?me_recv_mb_id=<?php echo $mb['mb_id'] ?>&amp;me_id=<?php echo $memo['me_id'] ?>" class="btn_submit">답장</a><?php } ?>
+            <?php if($prev_link) { ?>
+            <a href="<?php echo $prev_link ?>" class="btn_b03 btn">이전쪽지</a>
+            <?php } ?>
+            <?php if($next_link) { ?>
+            <a href="<?php echo $next_link ?>" class="btn_b03 btn">다음쪽지</a>
+            <?php } ?>
+            <a href="<?php echo $list_link ?>" class="btn_b03 btn">목록보기</a>
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+        </div>
+    </div>
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/password.skin.php

@@ -0,0 +1,44 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+$delete_str = "";
+if ($w == 'x') $delete_str = "댓";
+if ($w == 'u') $g5['title'] = $delete_str."글 수정";
+else if ($w == 'd' || $w == 'x') $g5['title'] = $delete_str."글 삭제";
+else $g5['title'] = $g5['title'];
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="pw_confirm" class="mbskin">
+    <h1><?php echo $g5['title'] ?></h1>
+    <p>
+        <?php if ($w == 'u') { ?>
+        <strong>작성자만 글을 수정할 수 있습니다.</strong>
+        작성자 본인이라면, 글 작성시 입력한 비밀번호를 입력하여 글을 수정할 수 있습니다.
+        <?php } else if ($w == 'd' || $w == 'x') { ?>
+        <strong>작성자만 글을 삭제할 수 있습니다.</strong>
+        작성자 본인이라면, 글 작성시 입력한 비밀번호를 입력하여 글을 삭제할 수 있습니다.
+        <?php } else { ?>
+        <strong>비밀글 기능으로 보호된 글입니다.</strong>
+        작성자와 관리자만 열람하실 수 있습니다. 본인이라면 비밀번호를 입력하세요.
+        <?php } ?>
+    </p>
+
+    <form name="fboardpassword" action="<?php echo $action; ?>" method="post">
+    <input type="hidden" name="w" value="<?php echo $w ?>">
+    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+    <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
+    <input type="hidden" name="comment_id" value="<?php echo $comment_id ?>">
+    <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
+    <input type="hidden" name="stx" value="<?php echo $stx ?>">
+    <input type="hidden" name="page" value="<?php echo $page ?>">
+
+    <fieldset>
+        <input type="password" name="wr_password" id="pw_wr_password"  placeholder="비밀번호(필수)" required class="frm_input required" maxLength="20">
+        <input type="submit" class="btn_submit" value="확인">
+    </fieldset>
+    </form>
+
+
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/password_lost.skin.php

@@ -0,0 +1,47 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="find_info" class="new_win">
+    <h1 id="win_title">아이디/비밀번호 찾기</h1>
+    <div class="new_win_con">
+        <form name="fpasswordlost" action="<?php echo $action_url ?>" onsubmit="return fpasswordlost_submit(this);" method="post" autocomplete="off">
+        <fieldset id="info_fs">
+            <p>
+                회원가입 시 등록하신 이메일 주소를 입력해 주세요.<br>
+                해당 이메일로 아이디와 비밀번호 정보를 보내드립니다.
+            </p>
+            <input type="email" id="mb_email" name="mb_email" placeholder="이메일주소(필수)" required class="frm_input email">
+        </fieldset>
+
+        <?php echo captcha_html(); ?>
+
+        <div class="win_btn">
+            <input type="submit" class="btn_submit" value="정보찾기">
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+        </div>
+        </form>
+    </div>
+</div>
+
+<script>
+function fpasswordlost_submit(f)
+{
+    <?php echo chk_captcha_js(); ?>
+
+    return true;
+}
+
+$(function() {
+    var sw = screen.width;
+    var sh = screen.height;
+    var cw = document.body.clientWidth;
+    var ch = document.body.clientHeight;
+    var top  = sh / 2 - ch / 2 - 100;
+    var left = sw / 2 - cw / 2;
+    moveTo(left, top);
+});
+</script>

web/html/theme/AT_WEB01/mobile/skin/member/basic/point.skin.php

@@ -0,0 +1,82 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="point" class="new_win">
+    <h1 id="win_title"><i class="fa fa-database" aria-hidden="true"></i> <?php echo $g5['title'] ?></h1>
+    <div class="list_01">
+        <ul id="point_ul">
+            <?php
+            $sum_point1 = $sum_point2 = $sum_point3 = 0;
+
+            $sql = " select *
+                        {$sql_common}
+                        {$sql_order}
+                        limit {$from_record}, {$rows} ";
+            $result = sql_query($sql);
+            for ($i=0; $row=sql_fetch_array($result); $i++) {
+                $point1 = $point2 = 0;
+                if ($row['po_point'] > 0) {
+                    $point1 = '+' .number_format($row['po_point']);
+                    $sum_point1 += $row['po_point'];
+                } else {
+                    $point2 = number_format($row['po_point']);
+                    $sum_point2 += $row['po_point'];
+                }
+
+                $po_content = $row['po_content'];
+
+                $expr = '';
+    //            if($row['po_expired'] == 1)
+                    $expr = ' txt_expired';
+            ?>
+            <li>
+                <div class="point_wrap01">
+                    <span class="point_log"><?php echo $po_content; ?></span>
+                    <span class="point_date"><?php echo conv_date_format('y-m-d H시', $row['po_datetime']); ?></span>
+                </div>
+                <div class="point_wrap02">
+                    <span class="point_inout"><?php if ($point1) echo $point1; else echo $point2; ?></span>
+                    <span class=" point_date point_expdate<?php echo $expr; ?>">
+                        <?php if ($row['po_expired'] == 1) { ?>
+                        만료: <?php echo substr(str_replace('-', '', $row['po_expire_date']), 2); ?>
+                        <?php } else echo $row['po_expire_date'] == '9999-12-31' ? '&nbsp;' : $row['po_expire_date']; ?>
+                    </span>
+                </div>
+            </li>
+            <?php
+            }
+
+            if ($i == 0)
+                echo '<li class="empty_list">자료가 없습니다.</li>';
+            else {
+                if ($sum_point1 > 0)
+                    $sum_point1 = "+" . number_format($sum_point1);
+                $sum_point2 = number_format($sum_point2);
+            }
+            ?>
+        </ul>
+
+        <div id="point_sum">
+            <div class="sum_row">
+                <span class="sum_tit">지급</span>
+                <b class="sum_val"><?php echo $sum_point1; ?></b>
+            </div>
+            <div class="sum_row">
+                <span class="sum_tit">사용</span>
+                <b class="sum_val"><?php echo $sum_point2; ?></b>
+            </div>
+            <div class="sum_row">
+                <span class="sum_tit">보유</span>
+                <b class="sum_val"><?php echo number_format($member['mb_point']); ?></b>
+            </div>
+        </div>
+
+        <?php echo get_paging(G5_IS_MOBILE ? $config['cf_mobile_pages'] : $config['cf_write_pages'], $page, $total_page, $_SERVER['SCRIPT_NAME'].'?'.$qstr.'&amp;page='); ?>
+
+        <div class="win_btn"><button type="button" onclick="javascript:window.close();" class="btn_close">창닫기</button></div>
+    </div>
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/profile.skin.php

@@ -0,0 +1,48 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="profile" class="new_win">
+    <h1 id="win_title"><?php echo $mb_nick ?>님의 프로필</h1>
+
+    <div class="new_win_con">
+        <table>
+        <tbody>
+        <tr>
+            <th scope="row">회원권한</th>
+            <td><?php echo $mb['mb_level'] ?></td>
+        </tr>
+        <tr>
+            <th scope="row">포인트</th>
+            <td><?php echo number_format($mb['mb_point']) ?></td>
+        </tr>
+        <?php if ($mb_homepage) { ?>
+        <tr>
+            <th scope="row">홈페이지</th>
+            <td><a href="<?php echo $mb_homepage ?>" target="_blank"><?php echo $mb_homepage ?></a></td>
+        </tr>
+        <?php } ?>
+        <tr>
+            <th scope="row">회원가입일</th>
+            <td><?php echo ($member['mb_level'] >= $mb['mb_level']) ?  substr($mb['mb_datetime'],0,10) ." (".number_format($mb_reg_after)." 일)" : "알 수 없음"; ?></td>
+        </tr>
+        <tr>
+            <th scope="row">최종접속일</th>
+            <td><?php echo ($member['mb_level'] >= $mb['mb_level']) ? $mb['mb_today_login'] : "알 수 없음"; ?></td>
+        </tr>
+        </tbody>
+        </table>
+    </div>
+
+    <section>
+        <h2>인사말</h2>
+        <p><?php echo $mb_profile ?></p>
+    </section>
+
+    <div class="win_btn">
+        <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+    </div>
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/register.skin.php

@@ -0,0 +1,105 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div class="mbskin">
+
+    <?php
+    // 소셜로그인 사용시 소셜로그인 버튼
+    @include_once(get_social_skin_path().'/social_register.skin.php');
+    ?>
+
+    <form name="fregister" id="fregister" action="<?php echo $register_action_url ?>" onsubmit="return fregister_submit(this);" method="POST" autocomplete="off">
+
+    <div class="chk_all">
+        <input type="checkbox" name="chk_all" id="chk_all">
+        <label for="chk_all">전체동의</label>
+
+    </div>
+    <section id="fregister_term">
+        <h2>회원가입약관</h2>
+        <textarea readonly><?php echo get_text($config['cf_stipulation']) ?></textarea>
+        <fieldset class="fregister_agree">
+            <input type="checkbox" name="agree" value="1" id="agree11">
+            <label for="agree11">회원가입약관의 내용에 동의합니다.</label>
+        </fieldset>
+    </section>
+
+    <section id="fregister_private">
+        <h2>개인정보처리방침안내</h2>
+        <div class="tbl_head01 tbl_wrap">
+            <table>
+                <caption>개인정보처리방침안내</caption>
+                <thead>
+                <tr>
+                    <th colspan="2">목적</th>
+                </tr>
+                <tr>
+                    <th>항목</th>
+                    <th>보유기간</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td  colspan="2">이용자 식별 및 본인여부 확인</td>
+                </tr>
+                <tr>
+                    <td>아이디, 이름, 비밀번호</td>
+                    <td>회원 탈퇴 시까지</td>
+                </tr>
+                <tr>
+                    <td colspan="2">고객서비스 이용에 관한 통지,<br>CS대응을 위한 이용자 식별</td>
+                </tr>
+                <tr>
+                    <td>연락처 (이메일, 휴대전화번호)</td>
+                    <td>회원 탈퇴 시까지</td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+        <fieldset class="fregister_agree">
+            <input type="checkbox" name="agree2" value="1" id="agree21">
+             <label for="agree21">개인정보처리방침안내의 내용에 동의합니다.</label>
+       </fieldset>
+    </section>
+
+    <div class=" btn_top">
+        <input type="submit" class="btn_submit" value="회원가입">
+    </div>
+
+    </form>
+
+    <script>
+    function fregister_submit(f)
+    {
+        if (!f.agree.checked) {
+            alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
+            f.agree.focus();
+            return false;
+        }
+
+        if (!f.agree2.checked) {
+            alert("개인정보처리방침안내의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
+            f.agree2.focus();
+            return false;
+        }
+
+        return true;
+    }
+
+    jQuery(function($){
+        // 모두선택
+        $("input[name=chk_all]").click(function() {
+            if ($(this).prop('checked')) {
+                $("input[name^=agree]").prop('checked', true);
+            } else {
+                $("input[name^=agree]").prop("checked", false);
+            }
+        });
+    });
+    </script>
+
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/register_form.skin.php

@@ -0,0 +1,465 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div>
+    <script src="<?php echo G5_JS_URL ?>/jquery.register_form.js"></script>
+    <?php if($config['cf_cert_use'] && ($config['cf_cert_ipin'] || $config['cf_cert_hp'])) { ?>
+    <script src="<?php echo G5_JS_URL ?>/certify.js?v=<?php echo G5_JS_VER; ?>"></script>
+    <?php } ?>
+
+    <form name="fregisterform" id="fregisterform" action="<?php echo $register_action_url ?>" onsubmit="return fregisterform_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off">
+    <input type="hidden" name="w" value="<?php echo $w ?>">
+    <input type="hidden" name="url" value="<?php echo $urlencode ?>">
+    <input type="hidden" name="agree" value="<?php echo $agree ?>">
+    <input type="hidden" name="agree2" value="<?php echo $agree2 ?>">
+    <input type="hidden" name="cert_type" value="<?php echo $member['mb_certify']; ?>">
+    <input type="hidden" name="cert_no" value="">
+    <?php if (isset($member['mb_sex'])) { ?><input type="hidden" name="mb_sex" value="<?php echo $member['mb_sex'] ?>"><?php } ?>
+    <?php if (isset($member['mb_nick_date']) && $member['mb_nick_date'] > date("Y-m-d", G5_SERVER_TIME - ($config['cf_nick_modify'] * 86400))) { // 닉네임수정일이 지나지 않았다면 ?>
+    <input type="hidden" name="mb_nick_default" value="<?php echo get_text($member['mb_nick']) ?>">
+    <input type="hidden" name="mb_nick" value="<?php echo get_text($member['mb_nick']) ?>">
+    <?php } ?>
+
+    <div class="form_01">
+        <h2>사이트 이용정보 입력</h2>
+        <li>
+            <label for="reg_mb_id" class="sound_only">아이디<strong>필수</strong></label>
+            <input type="text" name="mb_id" value="<?php echo $member['mb_id'] ?>" id="reg_mb_id" class="frm_input full_input <?php echo $required ?> <?php echo $readonly ?>" minlength="3" maxlength="20" <?php echo $required ?> <?php echo $readonly ?> placeholder="아이디">
+            <span id="msg_mb_id"></span>
+            <span class="frm_info">영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요.</span>
+        </li>
+        <li>
+            <label for="reg_mb_password" class="sound_only">비밀번호<strong>필수</strong></label>
+            <input type="password" name="mb_password" id="reg_mb_password" class="frm_input full_input <?php echo $required ?>" minlength="3" maxlength="20" <?php echo $required ?> placeholder="비밀번호">
+        </li>
+        <li>
+            <label for="reg_mb_password_re" class="sound_only">비밀번호 확인<strong>필수</strong></label>
+            <input type="password" name="mb_password_re" id="reg_mb_password_re" class="frm_input full_input <?php echo $required ?>" minlength="3" maxlength="20" <?php echo $required ?>  placeholder="비밀번호확인">
+        </li>
+    </div>
+
+    <div class="form_01">
+        
+        <h2>개인정보 입력</h2>
+        <li class="rgs_name_li">
+            <label for="reg_mb_name" class="sound_only">이름<strong>필수</strong></label>
+            <input type="text" id="reg_mb_name" name="mb_name" value="<?php echo get_text($member['mb_name']) ?>" <?php echo $required ?> <?php echo $readonly; ?> class="frm_input full_input <?php echo $required ?> <?php echo $readonly ?>" placeholder="이름">
+            <?php
+            if($config['cf_cert_use']) {
+                if($config['cf_cert_ipin'])
+                    echo '<button type="button" id="win_ipin_cert" class="btn_frmline btn">아이핀 본인확인</button>'.PHP_EOL;
+                if($config['cf_cert_hp'])
+                    echo '<button type="button" id="win_hp_cert" class="btn_frmline btn">휴대폰 본인확인</button>'.PHP_EOL;
+
+                echo '<noscript>본인확인을 위해서는 자바스크립트 사용이 가능해야합니다.</noscript>'.PHP_EOL;
+            }
+            ?>
+            <?php
+            if ($config['cf_cert_use'] && $member['mb_certify']) {
+                if($member['mb_certify'] == 'ipin')
+                    $mb_cert = '아이핀';
+                else
+                    $mb_cert = '휴대폰';
+            ?>
+            <?php if ($config['cf_cert_use']) { ?>
+            <span class="frm_info">아이핀 본인확인 후에는 이름이 자동 입력되고 휴대폰 본인확인 후에는 이름과 휴대폰번호가 자동 입력되어 수동으로 입력할수 없게 됩니다.</span>
+            <?php } ?>
+            <div id="msg_certify">
+                <strong><?php echo $mb_cert; ?> 본인확인</strong><?php if ($member['mb_adult']) { ?> 및 <strong>성인인증</strong><?php } ?> 완료
+            </div>
+            <?php } ?>
+            
+        </li>
+        <?php if ($req_nick) { ?>
+        <li>
+            <label for="reg_mb_nick" class="sound_only">닉네임<strong>필수</strong></label>
+            
+            <span class="frm_info">
+                공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br>
+                닉네임을 바꾸시면 앞으로 <?php echo (int)$config['cf_nick_modify'] ?>일 이내에는 변경 할 수 없습니다.
+            </span>
+            <input type="hidden" name="mb_nick_default" value="<?php echo isset($member['mb_nick'])?get_text($member['mb_nick']):''; ?>">
+            <input type="text" name="mb_nick" value="<?php echo isset($member['mb_nick'])?get_text($member['mb_nick']):''; ?>" id="reg_mb_nick" required class="frm_input full_input required nospace" maxlength="20" placeholder="닉네임">
+            <span id="msg_mb_nick"></span>
+            
+        </li>
+        <?php } ?>
+
+        <li>
+            <label for="reg_mb_email" class="sound_only">E-mail<strong>필수</strong></label>
+            
+                <?php if ($config['cf_use_email_certify']) {  ?>
+                <span class="frm_info">
+                    <?php if ($w=='') { echo "E-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; }  ?>
+                    <?php if ($w=='u') { echo "E-mail 주소를 변경하시면 다시 인증하셔야 합니다."; }  ?>
+                </span>
+                <?php }  ?>
+                <input type="hidden" name="old_email" value="<?php echo $member['mb_email'] ?>">
+                <input type="email" name="mb_email" value="<?php echo isset($member['mb_email'])?$member['mb_email']:''; ?>" id="reg_mb_email" required class="frm_input email required" size="50" maxlength="100" placeholder="E-mail">
+            
+        </li>
+
+        <?php if ($config['cf_use_homepage']) { ?>
+        <li>
+            <label for="reg_mb_homepage" class="sound_only">홈페이지<?php if ($config['cf_req_homepage']){ ?><strong>필수</strong><?php } ?></label>
+            <input type="text" name="mb_homepage" value="<?php echo get_text($member['mb_homepage']) ?>" id="reg_mb_homepage" class="frm_input full_input <?php echo $config['cf_req_homepage']?"required":""; ?>" maxlength="255" <?php echo $config['cf_req_homepage']?"required":""; ?> placeholder="홈페이지">
+        </li>
+        <?php } ?>
+
+        <?php if ($config['cf_use_tel']) { ?>
+        <li>
+            <label for="reg_mb_tel" class="sound_only">전화번호<?php if ($config['cf_req_tel']) { ?><strong>필수</strong><?php } ?></label>
+            <input type="text" name="mb_tel" value="<?php echo get_text($member['mb_tel']) ?>" id="reg_mb_tel" class="frm_input full_input <?php echo $config['cf_req_tel']?"required":""; ?>" maxlength="20" <?php echo $config['cf_req_tel']?"required":""; ?> placeholder="전화번호">
+        </li>
+        <?php } ?>
+
+        <?php if ($config['cf_use_hp'] || $config['cf_cert_hp']) {  ?>
+        <li>
+            <label for="reg_mb_hp" class="sound_only">휴대폰번호<?php if ($config['cf_req_hp']) { ?><strong>필수</strong><?php } ?></label>
+            
+            <input type="text" name="mb_hp" value="<?php echo get_text($member['mb_hp']) ?>" id="reg_mb_hp" <?php echo ($config['cf_req_hp'])?"required":""; ?> class="frm_input full_input <?php echo ($config['cf_req_hp'])?"required":""; ?>" maxlength="20" placeholder="휴대폰번호">
+            <?php if ($config['cf_cert_use'] && $config['cf_cert_hp']) { ?>
+            <input type="hidden" name="old_mb_hp" value="<?php echo get_text($member['mb_hp']) ?>">
+            <?php } ?>
+            
+        </li>
+        <?php } ?>
+
+        <?php if ($config['cf_use_addr']) { ?>
+        <li>
+            <span class="frm_label">주소<?php if ($config['cf_req_addr']) { ?><strong class="sound_only">필수</strong><?php } ?></span>
+            <label for="reg_mb_zip" class="sound_only">우편번호<?php echo $config['cf_req_addr']?'<strong class="sound_only"> 필수</strong>':''; ?></label>
+            <input type="text" name="mb_zip" value="<?php echo $member['mb_zip1'].$member['mb_zip2']; ?>" id="reg_mb_zip" <?php echo $config['cf_req_addr']?"required":""; ?> class="frm_input <?php echo $config['cf_req_addr']?"required":""; ?>" size="5" maxlength="6" placeholder="우편번호">
+            <button type="button" class="btn_frmline btn" onclick="win_zip('fregisterform', 'mb_zip', 'mb_addr1', 'mb_addr2', 'mb_addr3', 'mb_addr_jibeon');">주소 검색</button><br>
+            <label for="reg_mb_addr1" class="sound_only">주소<?php echo $config['cf_req_addr']?'<strong class="sound_only"> 필수</strong>':''; ?></label>
+            <input type="text" name="mb_addr1" value="<?php echo get_text($member['mb_addr1']) ?>" id="reg_mb_addr1" <?php echo $config['cf_req_addr']?"required":""; ?> class="frm_input frm_address <?php echo $config['cf_req_addr']?"required":""; ?>" size="50" placeholder="주소"><br>
+            <label for="reg_mb_addr2" class="sound_only">상세주소</label>
+            <input type="text" name="mb_addr2" value="<?php echo get_text($member['mb_addr2']) ?>" id="reg_mb_addr2" class="frm_input frm_address" size="50" placeholder="상세주소">
+            <br>
+            <label for="reg_mb_addr3" class="sound_only">참고항목</label>
+            <input type="text" name="mb_addr3" value="<?php echo get_text($member['mb_addr3']) ?>" id="reg_mb_addr3" class="frm_input frm_address" size="50" readonly="readonly" placeholder="참고항목">
+            <input type="hidden" name="mb_addr_jibeon" value="<?php echo get_text($member['mb_addr_jibeon']); ?>">
+            
+        </li>
+        <?php } ?>
+    </div>
+
+    <div class="form_01">
+        
+        <h2>기타 개인설정</h2>
+        <?php if ($config['cf_use_signature']) { ?>
+        <li>
+            <label for="reg_mb_signature" class="sound_only">서명<?php if ($config['cf_req_signature']){ ?><strong>필수</strong><?php } ?></label>
+            <textarea name="mb_signature" id="reg_mb_signature" class="<?php echo $config['cf_req_signature']?"required":""; ?>" <?php echo $config['cf_req_signature']?"required":""; ?> placeholder="서명"><?php echo $member['mb_signature'] ?></textarea>
+        </li>
+        <?php } ?>
+
+        <?php if ($config['cf_use_profile']) { ?>
+        <li>
+            <label for="reg_mb_profile" class="sound_only">자기소개</label>
+            <textarea name="mb_profile" id="reg_mb_profile" class="<?php echo $config['cf_req_profile']?"required":""; ?>" <?php echo $config['cf_req_profile']?"required":""; ?> placeholder="자기소개"><?php echo $member['mb_profile'] ?></textarea>
+        </li>
+        <?php } ?>
+
+        <?php if ($config['cf_use_member_icon'] && $member['mb_level'] >= $config['cf_icon_level']) { ?>
+        <li>
+            <label for="reg_mb_icon" class="frm_label">회원아이콘</label>
+            <input type="file" name="mb_icon" id="reg_mb_icon">
+            <span class="frm_info">
+                이미지 크기는 가로 <?php echo $config['cf_member_icon_width'] ?>픽셀, 세로 <?php echo $config['cf_member_icon_height'] ?>픽셀 이하로 해주세요.<br>
+                gif, jpg, png파일만 가능하며 용량 <?php echo number_format($config['cf_member_icon_size']) ?>바이트 이하만 등록됩니다.
+            </span>
+            <?php if ($w == 'u' && file_exists($mb_icon_path)) { ?>
+            <img src="<?php echo $mb_icon_url ?>" alt="회원아이콘">
+            <input type="checkbox" name="del_mb_icon" value="1" id="del_mb_icon">
+            <label for="del_mb_icon">삭제</label>
+            <?php } ?>
+            
+        </li>
+        <?php } ?>
+
+        <?php if ($member['mb_level'] >= $config['cf_icon_level'] && $config['cf_member_img_size'] && $config['cf_member_img_width'] && $config['cf_member_img_height']) {  ?>
+        <li class="reg_mb_img_file">
+            <label for="reg_mb_img" class="frm_label">회원이미지</label>
+            <input type="file" name="mb_img" id="reg_mb_img" >
+            <span class="frm_info">
+                이미지 크기는 가로 <?php echo $config['cf_member_img_width'] ?>픽셀, 세로 <?php echo $config['cf_member_img_height'] ?>픽셀 이하로 해주세요.<br>
+                gif, jpg, png파일만 가능하며 용량 <?php echo number_format($config['cf_member_img_size']) ?>바이트 이하만 등록됩니다.
+            </span>
+            <?php if ($w == 'u' && file_exists($mb_img_path)) {  ?>
+            <img src="<?php echo $mb_img_url ?>" alt="회원아이콘">
+            <input type="checkbox" name="del_mb_img" value="1" id="del_mb_img">
+            <label for="del_mb_img">삭제</label>
+            <?php }  ?>
+
+        </li>
+        <?php } ?>
+
+        <li>
+            <label for="reg_mb_mailling" class="frm_label">메일링서비스</label>
+            <input type="checkbox" name="mb_mailling" value="1" id="reg_mb_mailling" <?php echo ($w=='' || $member['mb_mailling'])?'checked':''; ?>>정보 메일을 받겠습니다.
+            
+        </li>
+
+        <?php if ($config['cf_use_hp']) { ?>
+        <li>
+            <label for="reg_mb_sms" class="frm_label">SMS 수신여부</label>
+            
+            <input type="checkbox" name="mb_sms" value="1" id="reg_mb_sms" <?php echo ($w=='' || $member['mb_sms'])?'checked':''; ?>>
+                휴대폰 문자메세지를 받겠습니다.
+            
+        </li>
+        <?php } ?>
+
+        <?php if (isset($member['mb_open_date']) && $member['mb_open_date'] <= date("Y-m-d", G5_SERVER_TIME - ($config['cf_open_modify'] * 86400)) || empty($member['mb_open_date'])) { // 정보공개 수정일이 지났다면 수정가능 ?>
+        <li>
+            <label for="reg_mb_open" class="frm_label">정보공개</label>
+            <input type="checkbox" name="mb_open" value="1" id="reg_mb_open" <?php echo ($w=='' || $member['mb_open'])?'checked':''; ?>>
+            다른분들이 나의 정보를 볼 수 있도록 합니다.
+            <span class="frm_info">
+                정보공개를 바꾸시면 앞으로 <?php echo (int)$config['cf_open_modify'] ?>일 이내에는 변경이 안됩니다.
+            </span>
+            <input type="hidden" name="mb_open_default" value="<?php echo $member['mb_open'] ?>">
+            
+        </li>
+        <?php } else { ?>
+        <li>
+            <span  class="frm_label">정보공개</span>
+            <input type="hidden" name="mb_open" value="<?php echo $member['mb_open'] ?>">
+            
+            <span class="frm_info">
+                정보공개는 수정후 <?php echo (int)$config['cf_open_modify'] ?>일 이내, <?php echo date("Y년 m월 j일", isset($member['mb_open_date']) ? strtotime("{$member['mb_open_date']} 00:00:00")+$config['cf_open_modify']*86400:G5_SERVER_TIME+$config['cf_open_modify']*86400); ?> 까지는 변경이 안됩니다.<br>
+                이렇게 하는 이유는 잦은 정보공개 수정으로 인하여 쪽지를 보낸 후 받지 않는 경우를 막기 위해서 입니다.
+            </span>
+            
+        </li>
+        <?php } ?>
+
+        <?php
+        //회원정보 수정인 경우 소셜 계정 출력
+        if( $w == 'u' && function_exists('social_member_provider_manage') ){
+            social_member_provider_manage();
+        }
+        ?>
+
+        <?php if ($w == "" && $config['cf_use_recommend']) { ?>
+        <li>
+            <label for="reg_mb_recommend" class="sound_only">추천인아이디</label>
+            <input type="text" name="mb_recommend" id="reg_mb_recommend" class="frm_input full_input" placeholder="추천인아이디">
+        </li>
+        <?php } ?>
+
+        <li class="is_captcha_use">
+            <span  class="frm_label">자동등록방지</span>
+            <?php echo captcha_html(); ?>
+        </li>
+        
+    </div>
+
+    <div class="btn_top top">
+        <a href="<?php echo G5_URL; ?>/" class="btn_cancel">취소</a>
+        <input type="submit" value="<?php echo $w==''?'회원가입':'정보수정'; ?>" id="btn_submit" class="btn_submit" accesskey="s">
+    </div>
+    </form>
+
+    <script>
+    $(function() {
+        $("#reg_zip_find").css("display", "inline-block");
+
+        <?php if($config['cf_cert_use'] && $config['cf_cert_ipin']) { ?>
+        // 아이핀인증
+        $("#win_ipin_cert").click(function(e) {
+            if(!cert_confirm())
+                return false;
+
+            var url = "<?php echo G5_OKNAME_URL; ?>/ipin1.php";
+            certify_win_open('kcb-ipin', url, e);
+            return;
+        });
+
+        <?php } ?>
+        <?php if($config['cf_cert_use'] && $config['cf_cert_hp']) { ?>
+        // 휴대폰인증
+        $("#win_hp_cert").click(function(e) {
+            if(!cert_confirm())
+                return false;
+
+            <?php
+            switch($config['cf_cert_hp']) {
+                case 'kcb':
+                    $cert_url = G5_OKNAME_URL.'/hpcert1.php';
+                    $cert_type = 'kcb-hp';
+                    break;
+                case 'kcp':
+                    $cert_url = G5_KCPCERT_URL.'/kcpcert_form.php';
+                    $cert_type = 'kcp-hp';
+                    break;
+                case 'lg':
+                    $cert_url = G5_LGXPAY_URL.'/AuthOnlyReq.php';
+                    $cert_type = 'lg-hp';
+                    break;
+                default:
+                    echo 'alert("기본환경설정에서 휴대폰 본인확인 설정을 해주십시오");';
+                    echo 'return false;';
+                    break;
+            }
+            ?>
+
+            certify_win_open("<?php echo $cert_type; ?>", "<?php echo $cert_url; ?>", e);
+            return;
+        });
+        <?php } ?>
+    });
+
+    // 인증체크
+    function cert_confirm()
+    {
+        var val = document.fregisterform.cert_type.value;
+        var type;
+
+        switch(val) {
+            case "ipin":
+                type = "아이핀";
+                break;
+            case "hp":
+                type = "휴대폰";
+                break;
+            default:
+                return true;
+        }
+
+        if(confirm("이미 "+type+"으로 본인확인을 완료하셨습니다.\n\n이전 인증을 취소하고 다시 인증하시겠습니까?"))
+            return true;
+        else
+            return false;
+    }
+
+    // submit 최종 폼체크
+    function fregisterform_submit(f)
+    {
+        // 회원아이디 검사
+        if (f.w.value == "") {
+            var msg = reg_mb_id_check();
+            if (msg) {
+                alert(msg);
+                f.mb_id.select();
+                return false;
+            }
+        }
+
+        if (f.w.value == '') {
+            if (f.mb_password.value.length < 3) {
+                alert('비밀번호를 3글자 이상 입력하십시오.');
+                f.mb_password.focus();
+                return false;
+            }
+        }
+
+        if (f.mb_password.value != f.mb_password_re.value) {
+            alert('비밀번호가 같지 않습니다.');
+            f.mb_password_re.focus();
+            return false;
+        }
+
+        if (f.mb_password.value.length > 0) {
+            if (f.mb_password_re.value.length < 3) {
+                alert('비밀번호를 3글자 이상 입력하십시오.');
+                f.mb_password_re.focus();
+                return false;
+            }
+        }
+
+        // 이름 검사
+        if (f.w.value=='') {
+            if (f.mb_name.value.length < 1) {
+                alert('이름을 입력하십시오.');
+                f.mb_name.focus();
+                return false;
+            }
+        }
+
+        <?php if($w == '' && $config['cf_cert_use'] && $config['cf_cert_req']) { ?>
+        // 본인확인 체크
+        if(f.cert_no.value=="") {
+            alert("회원가입을 위해서는 본인확인을 해주셔야 합니다.");
+            return false;
+        }
+        <?php } ?>
+
+        // 닉네임 검사
+        if ((f.w.value == "") || (f.w.value == "u" && f.mb_nick.defaultValue != f.mb_nick.value)) {
+            var msg = reg_mb_nick_check();
+            if (msg) {
+                alert(msg);
+                f.reg_mb_nick.select();
+                return false;
+            }
+        }
+
+        // E-mail 검사
+        if ((f.w.value == "") || (f.w.value == "u" && f.mb_email.defaultValue != f.mb_email.value)) {
+            var msg = reg_mb_email_check();
+            if (msg) {
+                alert(msg);
+                f.reg_mb_email.select();
+                return false;
+            }
+        }
+
+        <?php if (($config['cf_use_hp'] || $config['cf_cert_hp']) && $config['cf_req_hp']) {  ?>
+        // 휴대폰번호 체크
+        var msg = reg_mb_hp_check();
+        if (msg) {
+            alert(msg);
+            f.reg_mb_hp.select();
+            return false;
+        }
+        <?php } ?>
+
+        if (typeof f.mb_icon != "undefined") {
+            if (f.mb_icon.value) {
+                if (!f.mb_icon.value.toLowerCase().match(/.(gif|jpe?g|png)$/i)) {
+                    alert("회원아이콘이 이미지 파일이 아닙니다.");
+                    f.mb_icon.focus();
+                    return false;
+                }
+            }
+        }
+
+        if (typeof f.mb_img != "undefined") {
+            if (f.mb_img.value) {
+                if (!f.mb_img.value.toLowerCase().match(/.(gif|jpe?g|png)$/i)) {
+                    alert("회원이미지가 이미지 파일이 아닙니다.");
+                    f.mb_img.focus();
+                    return false;
+                }
+            }
+        }
+
+        if (typeof(f.mb_recommend) != 'undefined' && f.mb_recommend.value) {
+            if (f.mb_id.value == f.mb_recommend.value) {
+                alert('본인을 추천할 수 없습니다.');
+                f.mb_recommend.focus();
+                return false;
+            }
+
+            var msg = reg_mb_recommend_check();
+            if (msg) {
+                alert(msg);
+                f.mb_recommend.select();
+                return false;
+            }
+        }
+
+        <?php echo chk_captcha_js(); ?>
+
+        document.getElementById("btn_submit").disabled = "disabled";
+
+        return true;
+    }
+    </script>
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/register_result.skin.php

@@ -0,0 +1,45 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+<div id="reg_result">
+    <h2><strong>회원가입이 완료</strong>되었습니다.</h2>
+    <div class="reg_result_wr">
+        <p class="reg_cong">
+            <strong><?php echo get_text($mb['mb_name']); ?></strong>님의 회원가입을 진심으로 축하합니다.<br>
+        </p>
+
+        <?php if (is_use_email_certify()) { ?>
+        <p>
+            회원 가입 시 입력하신 이메일 주소로 인증메일이 발송되었습니다.<br>
+            발송된 인증메일을 확인하신 후 인증처리를 하시면 사이트를 원활하게 이용하실 수 있습니다.
+        </p>
+        <div id="result_email">
+            <span>아이디</span>
+            <strong><?php echo $mb['mb_id'] ?></strong><br>
+            <span>이메일 주소</span>
+            <strong><?php echo $mb['mb_email'] ?></strong>
+        </div>
+        <p>
+            이메일 주소를 잘못 입력하셨다면, 사이트 관리자에게 문의해주시기 바랍니다.
+        </p>
+        <?php } ?>
+
+        <p>
+            회원님의 비밀번호는 아무도 알 수 없는 암호화 코드로 저장되므로 안심하셔도 좋습니다.<br>
+            아이디, 비밀번호 분실시에는 회원가입시 입력하신 이메일 주소를 이용하여 찾을 수 있습니다.
+        </p>
+
+        <p>
+            회원 탈퇴는 언제든지 가능하며 일정기간이 지난 후, 회원님의 정보는 삭제하고 있습니다.<br>
+            감사합니다.
+        </p>
+    </div>
+
+    <div class="btn_confirm">
+        <a href="<?php echo G5_URL ?>/"">메인으로</a>
+    </div>
+
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/scrap.skin.php

@@ -0,0 +1,27 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="scrap" class="new_win">
+    <h1 id="win_title"><?php echo $g5['title'] ?></h1>
+
+    <ul id="scrap_ul" class="list_01">
+        <?php for ($i=0; $i<count($list); $i++) { ?>
+        <li>
+            <a href="<?php echo $list[$i]['opener_href'] ?>" target="_blank" class="scrap_board" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href'] ?>'; return false;"><i class="fa fa-list-alt" aria-hidden="true"></i> <?php echo $list[$i]['bo_subject'] ?></a>
+            <a href="<?php echo $list[$i]['opener_href_wr_id'] ?>" target="_blank" class="scrap_link" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href_wr_id'] ?>'; return false;"><?php echo $list[$i]['subject'] ?></a>
+            <a href="<?php echo $list[$i]['del_href']; ?>" class="scrap_del" onclick="del(this.href); return false;">삭제</a>
+        </li>
+        <?php } ?>
+        <?php if ($i == 0) echo "<li class=\"empty_list\">자료가 없습니다.</li>"; ?>
+    </ul>
+
+    <?php echo get_paging($config['cf_mobile_pages'], $page, $total_page, "?$qstr&amp;page="); ?>
+
+    <div class="win_btn">
+        <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+    </div>
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/scrap_popin.skin.php

@@ -0,0 +1,38 @@
+<?php
+if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
+?>
+
+<div id="scrap_do" class="new_win">
+    <h1 id="win_title">스크랩하기</h1>
+
+    <form name="f_scrap_popin" action="./scrap_popin_update.php" method="post">
+    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+    <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
+    
+    <div class="form_01">
+        <h2 class="sound_only">제목 확인 및 댓글 쓰기</h2>
+        <ul>
+            <li class="scrap_tit">
+                <span class="sound_only">제목</span>
+                <?php echo get_text(cut_str($write['wr_subject'], 255)) ?>
+            </li>
+            <li>
+                <label for="wr_content">댓글</label>
+                <textarea name="wr_content" id="wr_content""></textarea>
+            </li>
+        </ul>
+        
+        <p class="win_desc">
+            스크랩을 하시면서 감사 혹은 격려의 댓글을 남기실 수 있습니다.
+        </p>
+
+        <div class="win_btn">
+            <input type="submit" class="btn_submit" value="스크랩 확인">
+        </div>
+    </div>
+
+    </form>
+</div>

web/html/theme/AT_WEB01/mobile/skin/member/basic/style.css

@@ -0,0 +1,242 @@
+@charset "utf-8";
+/* ### 기본 스타일 커스터마이징 시작 ### */
+.mbskin{text-align:center;padding:10px}
+.mbskin h1{font-size:1.75em;margin:40px 0 25px}
+.mbskin p {padding-bottom:20px;border-bottom:1px solid #c8c8c8}
+.mbskin p strong{color:#4162ff;padding-bottom:5px;display:block;font-size:1.083em}
+
+/* 버튼 */
+.mbskin a.btn01 {}
+.mbskin a.btn01:focus, .mbskin a.btn01:hover {}
+.mbskin a.btn02 {}
+.mbskin a.btn02:focus, .mbskin .btn02:hover {}
+.mbskin .btn_confirm {} /* 서식단계 진행 */
+.mbskin .btn_submit {}
+.mbskin .btn_cancel {}
+.mbskin .btn_frmline {} /* 우편번호검색버튼 등 */
+.mbskin .win_btn {} /* 새창용 */
+.mbskin .win_btn a {}
+.mbskin .win_btn button {}
+.mbskin .win_btn input {}
+/* 게시판용 버튼 */
+.mbskin a.btn_b01 {}
+.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
+.mbskin a.btn_b02 {}
+.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
+.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
+.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}
+
+/* 기본테이블 */
+.mbskin .tbl_head01 {}
+.mbskin .tbl_head01 caption {}
+.mbskin .tbl_head01 thead th {}
+.mbskin .tbl_head01 thead a {}
+.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
+.mbskin .tbl_head01 tfoot th {}
+.mbskin .tbl_head01 tfoot td {}
+.mbskin .tbl_head01 tbody th {}
+.mbskin .tbl_head01 td {}
+.mbskin .tbl_head01 a {}
+.mbskin td.empty_table {}
+
+/* 폼 테이블 */
+.mb_skin table {}
+.mb_skin caption {}
+.mb_skin .frm_info {}
+.mb_skin .frm_file {}
+
+.mbskin .tbl_frm01 {}
+.mbskin .tbl_frm01 caption {}
+.mbskin .tbl_frm01 th {}
+.mbskin .tbl_frm01 td {}
+.mbskin .tbl_frm01 textarea, .mbskin .frm_input {}
+.mbskin .tbl_frm01 textarea {}
+/*
+.mbskin .tbl_frm01 #captcha {}
+.mbskin .tbl_frm01 #captcha input {}
+*/
+.mbskin .tbl_frm01 a {}
+
+.mbskin .required, .mbskin textarea.required {} /* 필수입력 */
+
+/* 테이블 항목별 정의 */
+.mbskin .td_board {}
+.mbskin .td_chk {}
+.mbskin .td_date {}
+.mbskin .td_datetime {}
+.mbskin .td_group {}
+.mbskin .td_mb_id {}
+.mbskin .td_mng {}
+.mbskin .td_name {}
+.mbskin .td_nick {}
+.mbskin .td_num {}
+.mbskin .td_numbig {}
+
+/* ### 기본 스타일 커스터마이징 끝 ### */
+
+/* 회원가입 약관 */
+#fregister section {background:#fff;margin:10px 0;border:1px solid #dbdbdb;
+-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
+-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
+box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
+#fregister .chk_all{text-align:left}
+#fregister h2 {text-align:left;border-bottom:1px solid #dbdbdb;padding:10px 15px;line-height:1.7em;font-size:1.167em}
+#fregister textarea {display:block;padding:10px;width:100%;border:0;background:#fff;height:180px;line-height:1.5em;color:#555}
+.fregister_agree {border-top:1px solid #dbdbdb;padding:10px 15px;line-height:1.7em;text-align:left;font-size:1.083em}
+.fregister_agree label {display:inline-block;margin-right:5px}
+#fregister p {border:0;padding:0 0 5px;}
+#fregister .btn_confirm {margin:15px 0}
+#fregister_private .tbl_head01 {padding:20px;margin:0}
+#fregister_private .tbl_head01 caption{position:absolute;font-size:0;line-height:0;overflow:hidden;top:0;color:#fff}
+
+/* 회원가입 입력 */
+#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%}
+#fregisterform textarea {width:100%;height:50px}
+#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
+#fregisterform .frm_address {margin:5px 0 0}
+#fregisterform #mb_addr3 {display:block;margin:5px 0 0}
+#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
+#fregisterform  .form_01{margin-bottom: 30px}
+#fregisterform .form_01 h2{font-size:1.167em;margin:0 0 5px}
+#fregisterform .frm_label{display:block;font-size:1.083em;margin:15px 0 5px;color:#555}
+#fregisterform .btn_frmline {height:40px;padding:0 10px}
+#fregisterform .rgs_name_li button{margin:5px 0 0 }
+#fregisterform .reg_mb_img_file img{max-width:100%;height:auto}
+
+/* 회원가입 완료 */
+#reg_result {padding:20px 10px 10px}
+#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
+#reg_result #result_email span {display:inline-block;width:150px}
+#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
+#reg_result h2{text-align:center;font-size:1.25em;margin:0 0 10px}
+#reg_result h2 strong{color:#ed6478}
+#reg_result p {line-height:1.7em}
+#reg_result .btn_confirm {margin:20px 0 30px}
+#reg_result .reg_result_wr{background:#fff;padding:10px 20px}
+#reg_result .reg_cong{margin:10px 0;font-size:1.083em;font-weight:bold}
+#reg_result .reg_cong strong{color:#3497d9}
+#reg_result .btn_confirm a{display:inline-block;padding:0 20px;height:40px;line-height:38px;border:1px solid #ed6478;color:#ed6478;border-radius:3px;font-weight:bold}
+
+/* 아이디/비밀번호 찾기 */
+/*#find_info #info_fs {margin:0 20px 10px}*/
+#find_info #info_fs p {margin:0 0 10px;line-height:1.5em;font-size:0.92em;color:#4162ff}
+#find_info #info_fs #mb_email {width:100%}
+#find_info #captcha{margin:5px 0 }
+
+/* 로그인 */
+#mb_login {margin:40px auto 10px;;max-width:500px;padding:20px;}
+#mb_login h1 {font-size:2em;text-align:center;margin:0 0 20px}
+#mb_login h2 {margin:0}
+#mb_login p {padding:10px 0;line-height:1.5em}
+#mb_login #login_frm {position:relative}
+#mb_login #login_frm div {padding:10px 0 ;text-align:right}
+#mb_login .frm_input {width:100%;margin:5px 0}
+#mb_login .btn_submit {width:100%;border-radius:3px;height:40px;margin:5px 0;font-size:1.083em;font-weight:bold}
+#mb_login .mb_login_join{border-top:1px solid #ddd;margin:20px 0 0 ;padding:10px 0}
+#mb_login .mb_login_join:after {display:block;visibility:hidden;clear:both;content:""}
+#mb_login .mb_login_join h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
+#mb_login .mb_login_join a{display:block;float:left;width:50%;}
+#login_password_lost{border-right:1px solid #cdcdcd;}
+
+#flogin{background:#fff;padding:20px;margin:20px 0;border-bottom:1px solid #ddd;}
+
+#mb_login_notmb{background:#fff;border-bottom:1px solid #ccc;padding:20px;}
+#mb_login_notmb h2{font-size:1.25em;padding:10px;background:#f3f3f3}
+#mb_login_notmb p{border:0;padding:0;margin:10px;color:#}
+#guest_privacy p{border:1px solid #ddd;background:#fff;color:#666;min-height:20px;height:200px;padding:10px;text-align:left;overflow-y:auto;margin:10px 0}
+#mb_login_notmb .btn_submit{width:100%;display:block;height:40px;line-height:40px}
+
+#mb_login_od_wr{background:#fff;border-bottom:1px solid #ccc;padding:20px;}
+#mb_login_od_wr p{border:0;text-align:left;}
+#mb_login_od_wr p strong{display:inline}
+#mb_login_odinfo{margin:10px 0 0 ;background:#f3f3f3;padding:10px}
+#mb_login_odinfo h2{font-size:1.167em}
+/* 쪽지 */
+#memo_view_contents {}
+#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#memo_view_ul {margin:0 0 3px;background:#fff;padding:5px 10px;border-radius:3px;
+-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
+-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
+box-shadow: 0 1px 5px rgba(50,50,50,0.2);}
+.memo_view_li {position:relative;padding:2px 0}
+.memo_view_subj {display:inline-block;width:60px;font-size:0.92em;color:#777}
+#memo_view_ul a {}
+#memo_view p {padding:10px 15px;border-radius:3px;;min-height:150px;height:auto !important;height:150px;line-height:1.8em;background:#fff;
+-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
+-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
+box-shadow: 0 1px 5px rgba(50,50,50,0.2);}
+
+#memo_list_ul {}
+#memo_list_ul li {position:relative;background:#fff;margin:10px 0;border-radius:3px;padding:10px 15px;
+-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
+-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
+box-shadow: 0 1px 5px rgba(50,50,50,0.2);}
+
+#memo_list_ul .memo_link {display:block;font-weight:bold;font-size:1.083em;margin:0 0 5px}
+#memo_list_ul .memo_date{font-size:0.92em;color:#777;font-style:italic}
+#memo_list_ul .memo_del{display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}
+
+#memo_write #me_recv_mb_id {width:100%}
+#memo_write textarea {width:100%;height:100px}
+#memo_write .win_btn{margin:10px;}
+
+/* 스크랩 */
+#scrap_ul li{position:relative;}
+#scrap_ul .scrap_board {display:block;color:#4162ff;margin:0 0 5px}
+#scrap_ul .scrap_del {display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}
+#scrap_ul .scrap_link{font-weight:bold;font-size:1.083em;}
+.scrap_tit{font-weight:bold;border-bottom:1px solid #d7d7d7;padding:0 0 10px;font-size:1.167em}
+#scrap_do #wr_content{margin-top:5px}
+#scrap_do label{color:#666}
+
+/* 포인트 */
+#point_ul {;padding:0;border-top:1px solid #e9e9e9;list-style:none}
+#point_ul li {position:relative;}
+#point_ul li:after {display:block;visibility:hidden;clear:both;content:""}
+#point_ul .point_wrap01 {float:left}
+#point_ul .point_wrap02 {float:right;text-align:right}
+#point_ul .point_log{display:block;font-weight:bold;margin:0 0 5px;font-size:1.083em}
+#point_ul .point_inout{display:block;font-weight:bold;margin:0 0 5px;color:#4162ff;font-size:1.083em}
+#point_ul .point_date{font-style:italic}
+
+#point_sum{margin:10px 0 20px}
+#point_sum:after {display:block;visibility:hidden;clear:both;content:''}
+#point_sum .sum_row {float:left;width:33.333%;text-align:center;background:#939db8;color:#fff;}
+#point_sum .sum_row:nth-child(even){background:#8490af}
+#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px}
+#point_sum .sum_tit {}
+#point_sum .sum_val {}
+
+/* 회원 비밀번호 확인 */
+#mb_confirm {margin:30px 0}
+#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
+#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
+#mb_confirm p strong {display:block}
+#mb_confirm fieldset {position:relative;margin:20px 0;text-align:left;color:#555}
+#mb_confirm_id{font-weight:bold;display:block;font-size:1.083em;margin:5px 0}
+#mb_confirm_pw {display:block;margin-top:10px;width:100%}
+#mb_confirm .btn_submit {width:100%;height:40px;border-radius:3px;margin:10px 0}
+
+/* 비밀글 비밀번호 확인 */
+#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:15px 0;border-top:1px solid #fffefe}
+#pw_wr_password {width:100%}
+#pw_confirm .btn_submit {margin:5px 0;width:100%;border-radius:3px;height:45px;font-weight:bold;font-size:1.083em}
+
+/* 폼메일 */
+#formmail #subject {width:100%}
+#formmail textarea {width:100%;height:100px}
+#formmail .frm_file{padding-left:50px;}
+#formmail .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;}
+#formmail .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;overflow:hidden;text-indent:-999px;background:url(./img/icon_file.gif) no-repeat 50% 50% #eee}
+
+/* 자기소개 */
+#profile section {margin:10px; }
+#profile h2 {margin:0}
+#profile .sv_wrap a {color:#fdff2f}
+#profile table{width:100%;border-collapse:collapse}
+#profile table th{background:#fff;padding:10px;width:90px;text-align:left;border-bottom:1px solid #eee}
+#profile table td{background:#fff;padding:10px;border-bottom:1px solid #eee}
+#profile p{background:#fff;padding:10px;margin:10px 0;
+-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
+-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
+box-shadow: 0 1px 5px rgba(50,50,50,0.2);}

web/html/theme/AT_WEB01/mobile/skin/new/basic/new.skin.php

@@ -0,0 +1,58 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$new_skin_url.'/style.css">', 0);
+?>
+
+<!-- 전체게시물 검색 시작 { -->
+<fieldset id="new_sch">
+    <legend>상세검색</legend>
+    <form name="fnew" method="get">
+    <?php echo $group_select ?>
+    <label for="view" class="sound_only">검색대상</label>
+    <select name="view" id="view" onchange="select_change()">
+        <option value="">전체게시물
+        <option value="w">원글만
+        <option value="c">코멘트만
+    </select>
+    <input type="text" name="mb_id" value="<?php echo $mb_id ?>" id="mb_id" placeholder="검색어(필수)" required class="frm_input ">
+    <button type="submit" value="검색" class="btn_submit"><i class="fa fa-search" aria-hidden="true"></i></button>
+    </form>
+    <script>
+    function select_change()
+    {
+        document.fnew.submit();
+    }
+    document.getElementById("gr_id").value = "<?php echo $gr_id ?>";
+    document.getElementById("view").value = "<?php echo $view ?>";
+    </script>
+</fieldset>
+<!-- } 전체게시물 검색 끝 -->
+
+<!-- 전체게시물 목록 시작 { -->
+<div class="list_01" id="new_list">
+    <ul>
+
+    <?php
+    for ($i=0; $i<count($list); $i++)
+    {
+        $gr_subject = cut_str($list[$i]['gr_subject'], 20);
+        $bo_subject = cut_str($list[$i]['bo_subject'], 20);
+        $wr_subject = get_text(cut_str($list[$i]['wr_subject'], 80));
+    ?>
+    <li>
+        <a href="<?php echo $list[$i]['href'] ?>" class="new_tit"><?php echo $list[$i]['comment'] ?><?php echo $wr_subject ?></a>
+        <a href="./board.php?bo_table=<?php echo $list[$i]['bo_table'] ?>" class="new_board"><i class="fa fa-list-alt" aria-hidden="true"></i> <?php echo $bo_subject ?></a>
+        <span class="new_date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
+    </li>
+    <?php } ?>
+
+    <?php if ($i == 0)
+        echo '<li class="empty_table">게시물이 없습니다.</li>';
+    ?>
+    </ul>
+</div>
+
+<?php echo $write_pages ?>
+<!-- } 전체게시물 목록 끝 -->

web/html/theme/AT_WEB01/mobile/skin/new/basic/style.css

@@ -0,0 +1,11 @@
+@charset "utf-8";
+
+/* 새글 */
+#new_sch {margin:10px;border:1px solid #bdc2d8;background:#fff;position:relative}
+#new_sch select{float:left;width:50%;border:0;height:40px}
+#new_sch #view{border-left:1px solid #e2e2e2}
+#new_sch .frm_input {border:0;border-top:1px solid #e2e2e2;width:100% }
+#new_sch .btn_submit {position:absolute;bottom:0;right:0;width:40px;height:40px;background:none;color:#000;font-size:15px}
+#new_list .new_tit{display:block;font-weight:bold;margin:0 0 5px;font-size:1.083em}
+#new_list .new_date{float:right;color:#666;font-style:italic}
+#new_list .new_board{color:#3ca1ff}

web/html/theme/AT_WEB01/mobile/skin/outlogin/basic/outlogin.skin.1.php

@@ -0,0 +1,72 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">', 0);
+?>
+
+<aside id="ol_before" class="ol">
+    <h2>회원로그인</h2>
+    <!-- 로그인 전 외부로그인 시작 -->
+    <form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
+    <fieldset>
+        <input type="hidden" name="url" value="<?php echo $outlogin_url ?>">
+        <input type="text" name="mb_id" id="ol_id" placeholder="아이디" required maxlength="20">
+        <input type="password" id="ol_pw" name="mb_password" placeholder="비밀번호" required  maxlength="20">
+        <div id="ol_svc">
+            <input type="checkbox" id="auto_login" name="auto_login" value="1">
+            <label for="auto_login" id="auto_login_label">자동로그인</label>
+
+        </div>
+        <input type="submit" id="ol_submit" value="로그인" class="btn_submit">
+        <div class="ol_before_btn">
+            <a href="<?php echo G5_BBS_URL ?>/register.php"><b>회원가입</b></a>
+            <a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">정보찾기</a>
+        </div>
+    </fieldset>
+
+    <?php
+    // 소셜로그인 사용시 소셜로그인 버튼
+    @include_once(get_social_skin_path().'/social_outlogin.skin.1.php');
+    ?>
+
+    </form>
+</aside>
+
+<script>
+<?php if (!G5_IS_MOBILE) { ?>
+$omi = $('#ol_id');
+$omp = $('#ol_pw');
+$omp.css('display','inline-block').css('width',104);
+$omi_label = $('#ol_idlabel');
+$omi_label.addClass('ol_idlabel');
+$omp_label = $('#ol_pwlabel');
+$omp_label.addClass('ol_pwlabel');
+$omi.focus(function() {
+    $omi_label.css('visibility','hidden');
+});
+$omp.focus(function() {
+    $omp_label.css('visibility','hidden');
+});
+$omi.blur(function() {
+    $this = $(this);
+    if($this.attr('id') == "ol_id" && $this.attr('value') == "") $omi_label.css('visibility','visible');
+});
+$omp.blur(function() {
+    $this = $(this);
+    if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');
+});
+<?php } ?>
+
+$("#auto_login").click(function(){
+    if (this.checked) {
+        this.checked = confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?");
+    }
+});
+
+function fhead_submit(f)
+{
+    return true;
+}
+</script>
+<!-- 로그인 전 외부로그인 끝 -->

web/html/theme/AT_WEB01/mobile/skin/outlogin/basic/outlogin.skin.2.php

@@ -0,0 +1,53 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">', 0);
+?>
+
+<!-- 로그인 후 외부로그인 시작 -->
+<aside id="ol_after" class="ol">
+   
+    <h2>나의 회원정보</h2>
+    <div id="ol_after_hd">
+        <span class="profile_img">
+            <?php echo get_member_profile_img($member['mb_id']); ?>
+            <a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="ol_after_info" title="정보수정">정보수정</a>
+        </span>
+        <strong><?php echo $nick ?>님</strong>
+    </div>
+
+    <div id="ol_after_btn">
+        <?php if ($is_admin == 'super' || $is_auth) { ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin">관리자</a><?php } ?>
+        <a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout">로그아웃</a>
+    </div>
+
+    <ul id="ol_after_private">
+        <li id="ol_after_memo">
+            <a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank">
+                <span class="sound_only">안 읽은 쪽지</span>
+                <strong><?php echo $memo_not_read ?></strong>
+            </a>
+        </li>
+        <li id="ol_after_pt">
+            <a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank">
+                <span class="sound_only"> 포인트</span>
+                <strong><?php echo $point ?></strong>
+            </a>
+        </li>
+        <li id="ol_after_scrap">
+            <a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank">스크랩</a>
+        </li>
+    </ul>
+
+</aside>
+
+<script>
+// 탈퇴의 경우 아래 코드를 연동하시면 됩니다.
+function member_leave()
+{
+    if (confirm("정말 회원에서 탈퇴 하시겠습니까?"))
+        location.href = "<?php echo G5_BBS_URL ?>/member_confirm.php?url=member_leave.php";
+}
+</script>
+<!-- 로그인 후 외부로그인 끝 -->

web/html/theme/AT_WEB01/mobile/skin/outlogin/basic/style.css

@@ -0,0 +1,29 @@
+@charset "utf-8";
+.ol {position:relative;margin:0 0 10px;padding:20px;background:#292929;text-align:center;}
+.ol h2 {width:0;height:0;overflow:hidden}
+
+#ol_before{padding:20px 30px 30px}
+#ol_before input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}
+#ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.083em; }
+#ol_svc {text-align:left;color:#dadada;font-size:0.92em;margin:5px 0 20px}
+.ol_before_btn{margin:15px 0 0;color:#aaa;line-height:1em}
+.ol_before_btn a{color:#fff;display:inline-block;width:50%;float:left}
+#ol_password_lost{border-left:1px solid #777}
+
+#ol_after_hd strong {display:block;color:#fff;}
+#ol_after_hd .btn_admin {display:block;padding:0 !important;text-align:center}
+#ol_after_hd .profile_img{display:inline-block;position:relative;margin:0 0 10px}
+#ol_after_hd  .profile_img img{border-radius:50%;}
+#ol_after_info{position:absolute;bottom:-5px;right:-5px;background:url(./img/icon_edit.png) no-repeat 50% 50% #292929;background-size:15px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;border-radius:50%}
+
+#ol_after_private {margin:0;padding:0;list-style:none}
+#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
+#ol_after_private li {float:left;width:33.333%}
+#ol_after_memo {background:url(./img/icon_memo.png) no-repeat 36px 22px #2c2d2e;background-size:19px}
+#ol_after_pt {background:url(./img/icon_point.png) no-repeat 38px 24px #313334;background-size:16px}
+#ol_after_scrap {background:url(./img/icon_scrap.png) no-repeat 38px 22px #2c2d2e;background-size:18px}
+#ol_after_private a {color:#fff;height:90px;display:block;padding-top:60px}
+
+#ol_after_btn {margin:15px 0}
+#ol_after_btn a{display:inline-block;padding:0 10px;line-height:25px;border-radius:15px;font-weight:bold}
+#ol_after_logout{background:#fff;color:#555}

web/html/theme/AT_WEB01/mobile/skin/poll/basic/poll.skin.php

@@ -0,0 +1,65 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$poll_skin_url.'/style.css">', 0);
+?>
+
+<form name="fpoll" action="<?php echo G5_BBS_URL ?>/poll_update.php" onsubmit="return fpoll_submit(this);" method="post">
+<input type="hidden" name="po_id" value="<?php echo $po_id ?>">
+<input type="hidden" name="skin_dir" value="<?php echo urlencode($skin_dir); ?>">
+<aside id="poll">
+    <header>
+        <h2><i class="fa fa-bar-chart" aria-hidden="true"></i> 설문조사</h2>
+        <?php if ($is_admin == "super") { ?><a href="<?php echo G5_ADMIN_URL ?>/poll_form.php?w=u&amp;po_id=<?php echo $po_id ?>" class="btn_admin">설문조사 관리</a><?php } ?>
+        <p><?php echo $po['po_subject'] ?></p>
+    </header>
+    <ul>
+        <?php for ($i=1; $i<=9 && $po["po_poll{$i}"]; $i++) { ?>
+        <li><input type="radio" name="gb_poll" value="<?php echo $i ?>" id="gb_poll_<?php echo $i ?>"> <label for="gb_poll_<?php echo $i ?>"><?php echo $po['po_poll'.$i] ?></label></li>
+        <?php } ?>
+    </ul>
+    <footer>
+        <input type="submit" value="투표하기" class="btn btn_b02">
+        <a href="<?php echo G5_BBS_URL."/poll_result.php?po_id=$po_id&amp;skin_dir=".urlencode($skin_dir); ?>" target="_blank" onclick="poll_result(this.href); return false;" class="btn btn_b01">결과보기</a>
+    </footer>
+</aside>
+</form>
+
+<script>
+function fpoll_submit(f)
+{
+    <?php
+    if ($member['mb_level'] < $po['po_level'])
+        echo " alert('권한 {$po['po_level']} 이상의 회원만 투표에 참여하실 수 있습니다.'); return false; ";
+    ?>
+
+    var chk = false;
+    for (i=0; i<f.gb_poll.length;i ++) {
+        if (f.gb_poll[i].checked == true) {
+            chk = f.gb_poll[i].value;
+            break;
+        }
+    }
+
+    if (!chk) {
+        alert("투표하실 설문항목을 선택하세요");
+        return false;
+    }
+
+    var new_win = window.open("about:blank", "win_poll", "width=616,height=500,scrollbars=yes,resizable=yes");
+    f.target = "win_poll";
+
+    return true;
+}
+
+function poll_result(url)
+{
+    <?php
+    if ($member['mb_level'] < $po['po_level'])
+        echo " alert('권한 {$po['po_level']} 이상의 회원만 결과를 보실 수 있습니다.'); return false; ";
+    ?>
+
+    win_poll(url);
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/poll/basic/poll_result.skin.php

@@ -0,0 +1,113 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$poll_skin_url.'/style.css">', 0);
+?>
+
+<div id="poll_result" class="new_win">
+    <h1 id="win_title"><?php echo $g5['title'] ?></h1>
+    <div  class="new_win_con">
+        <span class="poll_all">전체 <?php echo $nf_total_po_cnt ?>표</span>
+        <section id="poll_result_list">
+            <h2><?php echo $po_subject ?> 결과</h2>
+            <ol>
+            <?php for ($i=1; $i<=count($list); $i++) { ?>
+                <li>
+                    <span><?php echo $list[$i]['content'] ?></span>
+                    <span class="poll_percent"><?php echo number_format($list[$i]['rate'], 1) ?> %</span>
+                    <div class="poll_result_graph">
+                        <span style="width:<?php echo number_format($list[$i]['rate'], 1) ?>%"><strong class="poll_cnt"><?php echo $list[$i]['cnt'] ?> 표</strong></span>
+                    </div>
+                </li>
+            <?php } ?>
+            </ol>
+        </section>
+
+        <?php if ($is_etc) { ?>
+        <section id="poll_result_cmt">
+            <h2>이 설문에 대한 기타의견</h2>
+
+            <?php for ($i=0; $i<count($list2); $i++) { ?>
+            <article>
+                <header>
+                    <h2><?php echo $list2[$i]['pc_name'] ?><span class="sound_only">님의 의견</span></h2>
+                    <?php echo $list2[$i]['name'] ?>
+                    <span class="poll_datetime"><?php echo $list2[$i]['datetime'] ?>
+                    <span class="poll_cmt_del"><?php if ($list2[$i]['del']) { echo $list2[$i]['del']."<i class=\"fa fa-times-circle\" aria-hidden=\"true\"></i><span class=\"sound_only\">삭제</span></a>"; } ?></span></span>
+
+                </header>
+                <p>
+                    <?php echo $list2[$i]['idea'] ?>
+                </p>
+                   
+            </article>
+            <?php } ?>
+
+            <?php if ($member['mb_level'] >= $po['po_level']) { ?>
+            <form name="fpollresult" method="post" action="./poll_etc_update.php" onsubmit="return fpollresult_submit(this);" autocomplete="off">
+            <input type="hidden" name="po_id" value="<?php echo $po_id ?>">
+            <input type="hidden" name="w" value="">
+            <input type="hidden" name="skin_dir" value="<?php echo urlencode($skin_dir); ?>">
+            <?php if ($is_member) { ?><input type="hidden" name="pc_name" value="<?php echo get_text(cut_str($member['mb_nick'],255)); ?>"><?php } ?>
+            <h3><?php echo $po_etc ?></h3>
+
+            <div class="tbl_frm01 tbl_wrap">
+                <table id="poll_result_wcmt">
+                <tbody>
+                <?php if ($is_guest) { ?>
+                <tr>
+                    <td><input type="text" name="pc_name" id="pc_name" class="frm_input full_input required" required placeholder="이름(필수)"></td>
+                </tr>
+                <?php } ?>
+                <tr>
+                    <td><input type="text" name="pc_idea" id="pc_idea" class="frm_input full_input required" required maxlength="100" placeholder="의견(필수)"></td>
+                </tr>
+                <?php if ($is_guest) { ?>
+                <tr>
+                    <td><?php echo captcha_html(); ?></td>
+                </tr>
+                <?php } ?>
+                </tbody>
+                </table>
+            </div>
+
+            <div class="btn_confirm">
+                <input type="submit" class="btn_submit" value="의견남기기">
+            </div>
+            </form>
+            <?php } ?>
+
+        </section>
+        <?php } ?>
+
+        <aside id="poll_result_oth" class="list_01">
+            <h2>다른 투표 결과 보기</h2>
+            <ul>
+                <?php for ($i=0; $i<count($list3); $i++) {  ?>
+                <li><a href="./poll_result.php?po_id=<?php echo $list3[$i]['po_id'] ?>&amp;skin_dir=<?php echo urlencode($skin_dir); ?>"> <?php echo $list3[$i]['subject'] ?> </a><span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list3[$i]['date'] ?></span></li>
+                <?php }  ?>
+            </ul>
+        </aside>
+
+        <div class="win_btn">
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+        </div>
+    </div>
+</div>
+
+<script>
+$(function() {
+    $(".poll_delete").click(function() {
+        if(!confirm("해당 기타의견을 삭제하시겠습니까?"))
+            return false;
+    });
+});
+
+function fpollresult_submit(f)
+{
+    <?php if ($is_guest) { echo chk_captcha_js(); } ?>
+
+    return true;
+}
+</script>

web/html/theme/AT_WEB01/mobile/skin/poll/basic/style.css

@@ -0,0 +1,103 @@
+@charset "utf-8";
+/* SIR 지운아빠 */
+
+/* ### 기본 스타일 커스터마이징 시작 ### */
+
+#poll a.btn_admin {} /* 관리자 전용 버튼 */
+#poll a.btn_admin:focus, #poll a.btn_admin:hover {}
+
+/* 폼 테이블 */
+#poll .tbl_frm table {}
+#poll .tbl_frm .frm_address {}
+#poll .tbl_frm .frm_file {}
+#poll .tbl_frm .frm_info {}
+
+#poll .tbl_frm01 {}
+#poll .tbl_frm01 caption {}
+#poll .tbl_frm01 th {}
+#poll .tbl_frm01 td {}
+#poll .tbl_frm01 textarea, #poll .frm_input {}
+#poll .tbl_frm01 textarea {}
+/*
+#poll .tbl_frm01 #captcha {}
+#poll .tbl_frm01 #captcha input {}
+*/
+#poll .tbl_frm01 a {}
+
+#poll .required, #poll textarea.required {}
+
+#poll .btn_confirm {} /* 서식단계 진행 */
+#poll .btn_submit {}
+#poll .btn_cancel {}
+#poll .btn_frmline {} /* 우편번호검색버튼 등 */
+#poll .win_btn {} /* 새창용 */
+#poll .win_btn a {}
+#poll .win_btn button {}
+#poll .win_btn input {}
+
+/* ### 기본 스타일 커스터마이징 끝 ### */
+
+/* 설문조사 스킨 */
+#poll {margin:30px 10px }
+#poll header {position:relative;}
+#poll h2 {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;margin:0 0 10px;
+-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+box-shadow: 0 0 8px rgba(65,98,255,0.8); 
+}
+#poll header .btn_admin {display:block;margin:0 0 5px;color:#fff;text-align:center;text-decoration:none;line-height:2em;vertical-align:middle}
+#poll header p {padding:0;font-weight:bold}
+#poll li {background:#fff;margin: 8px 0;padding:10px;
+    -webkit-box-shadow: 0 1px 4px #cbd1df;
+    -moz-box-shadow: 0 1px 4px #cbd1df;
+    box-shadow: 0 1px 4px #cbd1df;}
+#poll footer:after {display:block;visibility:hidden;clear:both;content:""}
+#poll footer input {float:right;font-weight:bold;}
+#poll footer a {display:inline-block;float:left;background:#c6c6d2;color:#333;font-weight:bold}
+#poll footer a:focus, #poll footer a:hover {text-decoration:none !important}
+
+/* 설문조사 결과 (새창) */
+#poll_result {}
+#poll_result section {margin:0 0 20px;padding:25px;border:1px solid #dbdbdb;background:#fff;
+-webkit-box-shadow: 0 0 5px rgba(55,55,5,0.1));
+   -moz-box-shadow: 0 0 5px rgba(55,55,5,0.1));
+        box-shadow: 0 0 5px rgba(55,55,5,0.1); }
+#poll_result .tbl_wrap {margin:0}
+#poll_result h2 {}
+#poll_result a {}
+#poll_result .sv_member,
+#poll_result .sv_guest {font-weight:bold}
+#poll_result .poll_all{float:right;display:inline-block;padding:0 5px;margin:0 0 10px;line-height:26px;border:1px solid #ddd;border-radius:3px;font-size:0.92em;background:#fff}
+#poll_result .btn_confirm{text-align:right;margin:5px 0 0}
+#poll_result_list {margin:0 auto 20px;clear:both}
+#poll_result_list h2 {margin:0;font-size:1.083em;padding: 0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:center;}
+#poll_result_list dt {margin-right:5%;color:#e8180d;text-align:right}
+#poll_result_list ol {margin:0;padding:0}
+#poll_result_list li {margin:20px 0;position:relative;list-style-position:inside}
+#poll_result_list .poll_percent{position:absolute;top:0;right:0;color:#415b72;font-weight:bold}
+.poll_result_graph {position:relative;margin-right:5%;margin:5px 0  ;height:15px;background:#f4f4f4;border-radius:10px 10px}
+.poll_result_graph span {position:absolute;top:0;left:0;height:15px;background:#ae99da;border-radius:10px 10px}
+.poll_result_graph span .poll_cnt {display:none;position:absolute;top:18px;right:0;font-size:0.92em;text-align:right;background:#333;color:#fff;padding:0 7px;line-height:22px;border-radius:3px}
+.poll_result_graph span:hover .poll_cnt {display:block;white-space: nowrap;}
+.poll_result_graph span .poll_cnt:before{content: "";position: absolute;top: -6px;left: 50%;margin-left:-4px;width: 0;height: 0;border-style: solid;border-width: 0 4px 6px 4px;border-color: transparent transparent #333 transparent;}
+#poll_result_cmt {}
+#poll_result_cmt h2 {;font-size:1.083em;}
+#poll_result_cmt h3 {margin:0;font-size:1.083em;padding: 0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:center;}
+#poll_result_cmt article {margin:15px 0 ;position:relative;}
+#poll_result_cmt h2 {position:absolute;margin:0;padding:0;border:0;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#poll_result_cmt header{margin:0 0 5px}
+#poll_result_cmt .poll_datetime{display:inline-block;position:absolute;top:0;right:0;font-size:0.92em;color:#777;font-style:italic}
+#poll_result_cmt .profile_img img{border-radius:50%}
+#poll_result_cmt p {padding:10px;background:#f6f6f6;border-radius:5px;}
+#poll_result_cmt fieldset {margin-bottom:0;text-align:left}
+#poll_result_cmt fieldset p {margin:0 0 15px;padding:3px 0 0px;text-align:left}
+#poll_result_cmt footer {text-align:right}
+#poll_result_cmt .btn_submit {height:40px;padding:0 20px}
+
+.poll_cmt_del a {display:inline-block;margin-left:5px;color:#49857c;font-size:16px;}
+.poll_cmt_del a:hover{color:#98ca69}
+#poll_result_oth {padding:0}
+#poll_result_oth ul {margin:0;padding:0;list-style:none;}
+#poll_result_oth li{position:relative}
+#poll_result_oth li:after {display:block;visibility:hidden;clear:both;content:""}
+#poll_result_oth li span{float:right;color:#777;font-size:0.92em;font-style:italic}

web/html/theme/AT_WEB01/mobile/skin/popular/basic/popular.skin.php

@@ -0,0 +1,21 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+
+// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
+add_stylesheet('<link rel="stylesheet" href="'.$popular_skin_url.'/style.css">', 0);
+?>
+
+<aside id="popular">
+    <h2><i class="fa fa-star-o" aria-hidden="true"></i> 인기검색어</h2>
+    <div>
+    <?php
+    if( isset($list) && is_array($list) ){
+        for ($i=0; $i<count($list); $i++) {
+    ?>
+        <a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&amp;sop=and&amp;stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?php echo get_text($list[$i]['pp_word']); ?></a>
+    <?php
+        }   //end for
+    }   //end if
+    ?>
+    </div>
+</aside>

web/html/theme/AT_WEB01/mobile/skin/popular/basic/style.css

@@ -0,0 +1,10 @@
+@charset "utf-8";
+
+/* 인기검색어 */
+#popular {margin:30px 10px }
+#popular h2 {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;margin:0 0 10px;
+-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+box-shadow: 0 0 8px rgba(65,98,255,0.8); }
+#popular a{display:inline-block;height:22px;line-height:22px;background:#b9bdd3;color:#fff;margin:2px 0;padding: 0 5px;border-radius:3px}
+#popular a:hover{background:#646982}