<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>모바일 오피스</title>
    <!-- kakao -->
    <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=d8f0492fdcdb3a01f838641f06c2846c&libraries=services"></script>
    <!-- css -->
    <link type="text/css" rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@200;300;400;500;600;700&family=Noto+Sans+KR&display=swap">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
    <link type="text/css" rel="stylesheet" href="css/loading.css" rel="stylesheet" type="text/css">
    <link type="text/css" rel="stylesheet" href="css/content.css" rel="stylesheet" type="text/css">
    <link type="text/css" rel="stylesheet" href="css/custom.css" rel="stylesheet" type="text/css">    
    <link type="text/css" rel="stylesheet" href="css/jquery-ui.css">

    <link rel="stylesheet" href="css/swiper-bundle.min.css" />

    <link rel="stylesheet" type="text/css" href="summernote/summernote-lite.css">
    <link rel="stylesheet" href="css/attendance.css">

    <style>
        /* 아이콘 그리드 설정 */
        .main_cont .icons {
            position: relative;
            width: 100%;
            /* 원하는 너비 */
        }

        .main_cont .icons::before {
            content: "";
            display: block;
            padding-top: 66.7%;
        }

        .mainSwiper {
            width: 100%;
            height: calc(100% + 20px);
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding-bottom: 20px;
        }

        .mainSwiper .swiper-slide {
            text-align: center;
            height: calc((100% - 8px) / 2) !important;
            display: block;
            justify-content: center;
            align-items: center;
        }

        .mainSwiper .swiper-pagination {
            bottom: 0 !important;
        }

        .boardSwiper {
            width: 100%;
            height: 40px;
        }

        .boardSwiper .swiper-slide {
            display: block;
            justify-content: center;
            align-items: center;
            width: auto !important;
        }
    </style>

    <!-- js -->
    <script type="text/javascript" src="cordova.js"></script>
    <script src="js/jquery-3.7.1.min.js"></script>
    <script src="js/jquery-ui-1.13.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/datepicker.js"></script>
    <script src="js/define.js"></script>
    <script src="js/common.js"></script>
    <script src="js/main.js"></script>
    <script src="js/treeeditor.js"></script>
    <script src="js/jquery.font-accessibility.js"></script>
    <!-- Swiper JS -->
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <script src="js/dragsort.js"></script>
    <script src="content/js/content-organization.js"></script>
    <script src="js/custom.js"></script>

</head>

<body>
	<div class="loaderWrap none">
        <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
    </div>
    <!-- loading // -->
    <div class="loading none">
        <div class="progressbar-container">
            <div class="tt">
                파일 다운로드
            </div>
            <div class="progressbar-back">
                <div class="progressbar"></div>
            </div>
            <div class="progress-value">
                <span id="progress_value">0</span>
            </div>
        </div>
    </div>
    <!-- // loading -->

    <div class="wrap theme00 font_basic">
        <!-- theme: theme00 ~ theme08 / font: font_small, font_basic, font_big (테마설정에서 스킨,글자크기 선택에 따라 add class 필요함-->
        <div class="header main">
            <h1>
                <p class="home">
                    <a href="javascript:" class="gohome none">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M2.5192 7.82274C2 8.77128 2 9.91549 2 12.2039V13.725C2 17.6258 2 19.5763 3.17157 20.7881C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.7881C22 19.5763 22 17.6258 22 13.725V12.2039C22 9.91549 22 8.77128 21.4808 7.82274C20.9616 6.87421 20.0131 6.28551 18.116 5.10812L16.116 3.86687C14.1106 2.62229 13.1079 2 12 2C10.8921 2 9.88939 2.62229 7.88403 3.86687L5.88403 5.10813C3.98695 6.28551 3.0384 6.87421 2.5192 7.82274ZM11.25 18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V15C12.75 14.5858 12.4142 14.25 12 14.25C11.5858 14.25 11.25 14.5858 11.25 15V18Z"
                                fill="none" />
                        </svg>
                    </a>
                </p>
                <p class="logo"><img src="images/logo_w.png"></p>
                <p class="header-main-title none">통합검색</p>
                <p class="set">
                    <a href="javascript:" class="setting" data-title="설정">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M14.2788 2.15224C13.9085 2 13.439 2 12.5 2C11.561 2 11.0915 2 10.7212 2.15224C10.2274 2.35523 9.83509 2.74458 9.63056 3.23463C9.53719 3.45834 9.50065 3.7185 9.48635 4.09799C9.46534 4.65568 9.17716 5.17189 8.69017 5.45093C8.20318 5.72996 7.60864 5.71954 7.11149 5.45876C6.77318 5.2813 6.52789 5.18262 6.28599 5.15102C5.75609 5.08178 5.22018 5.22429 4.79616 5.5472C4.47814 5.78938 4.24339 6.1929 3.7739 6.99993C3.30441 7.80697 3.06967 8.21048 3.01735 8.60491C2.94758 9.1308 3.09118 9.66266 3.41655 10.0835C3.56506 10.2756 3.77377 10.437 4.0977 10.639C4.57391 10.936 4.88032 11.4419 4.88029 12C4.88026 12.5581 4.57386 13.0639 4.0977 13.3608C3.77372 13.5629 3.56497 13.7244 3.41645 13.9165C3.09108 14.3373 2.94749 14.8691 3.01725 15.395C3.06957 15.7894 3.30432 16.193 3.7738 17C4.24329 17.807 4.47804 18.2106 4.79606 18.4527C5.22008 18.7756 5.75599 18.9181 6.28589 18.8489C6.52778 18.8173 6.77305 18.7186 7.11133 18.5412C7.60852 18.2804 8.2031 18.27 8.69012 18.549C9.17714 18.8281 9.46533 19.3443 9.48635 19.9021C9.50065 20.2815 9.53719 20.5417 9.63056 20.7654C9.83509 21.2554 10.2274 21.6448 10.7212 21.8478C11.0915 22 11.561 22 12.5 22C13.439 22 13.9085 22 14.2788 21.8478C14.7726 21.6448 15.1649 21.2554 15.3694 20.7654C15.4628 20.5417 15.4994 20.2815 15.5137 19.902C15.5347 19.3443 15.8228 18.8281 16.3098 18.549C16.7968 18.2699 17.3914 18.2804 17.8886 18.5412C18.2269 18.7186 18.4721 18.8172 18.714 18.8488C19.2439 18.9181 19.7798 18.7756 20.2038 18.4527C20.5219 18.2105 20.7566 17.807 21.2261 16.9999C21.6956 16.1929 21.9303 15.7894 21.9827 15.395C22.0524 14.8691 21.9088 14.3372 21.5835 13.9164C21.4349 13.7243 21.2262 13.5628 20.9022 13.3608C20.4261 13.0639 20.1197 12.558 20.1197 11.9999C20.1197 11.4418 20.4261 10.9361 20.9022 10.6392C21.2263 10.4371 21.435 10.2757 21.5836 10.0835C21.9089 9.66273 22.0525 9.13087 21.9828 8.60497C21.9304 8.21055 21.6957 7.80703 21.2262 7C20.7567 6.19297 20.522 5.78945 20.2039 5.54727C19.7799 5.22436 19.244 5.08185 18.7141 5.15109C18.4722 5.18269 18.2269 5.28136 17.8887 5.4588C17.3915 5.71959 16.7969 5.73002 16.3099 5.45096C15.8229 5.17191 15.5347 4.65566 15.5136 4.09794C15.4993 3.71848 15.4628 3.45833 15.3694 3.23463C15.1649 2.74458 14.7726 2.35523 14.2788 2.15224ZM12.5 15C14.1695 15 15.5228 13.6569 15.5228 12C15.5228 10.3431 14.1695 9 12.5 9C10.8305 9 9.47716 10.3431 9.47716 12C9.47716 13.6569 10.8305 15 12.5 15Z"
                                fill="none" />
                        </svg>
                    </a>
                </p>
            </h1>
            <div class="search">
                <div class="inp">
                    <input id="inp_main_search" type="text" class="header_search" placeholder="통합검색">
                    <div class="func">
                        <button id="btn_main_search" type="button" class="srch" data-title="통합검색"></button>
                    </div>
                </div>
            </div>
        </div>
        <div class="header board none">
            <h1>
                <p class="home">
                    <a href="javascript:" class="gohome">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M2.5192 7.82274C2 8.77128 2 9.91549 2 12.2039V13.725C2 17.6258 2 19.5763 3.17157 20.7881C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.7881C22 19.5763 22 17.6258 22 13.725V12.2039C22 9.91549 22 8.77128 21.4808 7.82274C20.9616 6.87421 20.0131 6.28551 18.116 5.10812L16.116 3.86687C14.1106 2.62229 13.1079 2 12 2C10.8921 2 9.88939 2.62229 7.88403 3.86687L5.88403 5.10813C3.98695 6.28551 3.0384 6.87421 2.5192 7.82274ZM11.25 18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V15C12.75 14.5858 12.4142 14.25 12 14.25C11.5858 14.25 11.25 14.5858 11.25 15V18Z"
                                fill="none" />
                        </svg>
                    </a>
                </p>
                <p id="header_board_name"></p>
                <p class="set">
                    <a href="javascript:" class="setting" data-title="설정">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M14.2788 2.15224C13.9085 2 13.439 2 12.5 2C11.561 2 11.0915 2 10.7212 2.15224C10.2274 2.35523 9.83509 2.74458 9.63056 3.23463C9.53719 3.45834 9.50065 3.7185 9.48635 4.09799C9.46534 4.65568 9.17716 5.17189 8.69017 5.45093C8.20318 5.72996 7.60864 5.71954 7.11149 5.45876C6.77318 5.2813 6.52789 5.18262 6.28599 5.15102C5.75609 5.08178 5.22018 5.22429 4.79616 5.5472C4.47814 5.78938 4.24339 6.1929 3.7739 6.99993C3.30441 7.80697 3.06967 8.21048 3.01735 8.60491C2.94758 9.1308 3.09118 9.66266 3.41655 10.0835C3.56506 10.2756 3.77377 10.437 4.0977 10.639C4.57391 10.936 4.88032 11.4419 4.88029 12C4.88026 12.5581 4.57386 13.0639 4.0977 13.3608C3.77372 13.5629 3.56497 13.7244 3.41645 13.9165C3.09108 14.3373 2.94749 14.8691 3.01725 15.395C3.06957 15.7894 3.30432 16.193 3.7738 17C4.24329 17.807 4.47804 18.2106 4.79606 18.4527C5.22008 18.7756 5.75599 18.9181 6.28589 18.8489C6.52778 18.8173 6.77305 18.7186 7.11133 18.5412C7.60852 18.2804 8.2031 18.27 8.69012 18.549C9.17714 18.8281 9.46533 19.3443 9.48635 19.9021C9.50065 20.2815 9.53719 20.5417 9.63056 20.7654C9.83509 21.2554 10.2274 21.6448 10.7212 21.8478C11.0915 22 11.561 22 12.5 22C13.439 22 13.9085 22 14.2788 21.8478C14.7726 21.6448 15.1649 21.2554 15.3694 20.7654C15.4628 20.5417 15.4994 20.2815 15.5137 19.902C15.5347 19.3443 15.8228 18.8281 16.3098 18.549C16.7968 18.2699 17.3914 18.2804 17.8886 18.5412C18.2269 18.7186 18.4721 18.8172 18.714 18.8488C19.2439 18.9181 19.7798 18.7756 20.2038 18.4527C20.5219 18.2105 20.7566 17.807 21.2261 16.9999C21.6956 16.1929 21.9303 15.7894 21.9827 15.395C22.0524 14.8691 21.9088 14.3372 21.5835 13.9164C21.4349 13.7243 21.2262 13.5628 20.9022 13.3608C20.4261 13.0639 20.1197 12.558 20.1197 11.9999C20.1197 11.4418 20.4261 10.9361 20.9022 10.6392C21.2263 10.4371 21.435 10.2757 21.5836 10.0835C21.9089 9.66273 22.0525 9.13087 21.9828 8.60497C21.9304 8.21055 21.6957 7.80703 21.2262 7C20.7567 6.19297 20.522 5.78945 20.2039 5.54727C19.7799 5.22436 19.244 5.08185 18.7141 5.15109C18.4722 5.18269 18.2269 5.28136 17.8887 5.4588C17.3915 5.71959 16.7969 5.73002 16.3099 5.45096C15.8229 5.17191 15.5347 4.65566 15.5136 4.09794C15.4993 3.71848 15.4628 3.45833 15.3694 3.23463C15.1649 2.74458 14.7726 2.35523 14.2788 2.15224ZM12.5 15C14.1695 15 15.5228 13.6569 15.5228 12C15.5228 10.3431 14.1695 9 12.5 9C10.8305 9 9.47716 10.3431 9.47716 12C9.47716 13.6569 10.8305 15 12.5 15Z"
                                fill="none" />
                        </svg>
                    </a>
                </p>
            </h1>
            <div class="search">
                <div class="swiper boardSwiper">
                    <div class="swiper-wrapper">
                    </div>
                </div>
                <div class="inp">
                    <input id="inp_board_search" type="text" class="header_search" placeholder="">
                    <div>
                        <a id="btn_board_search_term_pop" href="javascript:void(0);" class="calendar"></a>
                        <button class="srch"></button>
                    </div>
                </div>
            </div>
        </div>

        <div class="main_cont active">
            <div class="icons">
                <div class="swiper mainSwiper">
                    <div class="swiper-wrapper">
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="article_list">
                <h3>
                    신규게시물
                    <a href="javascript:" class="more" data-id="article"
                        data-file="content/content-article.html">+more</a>
                </h3>
                <ul>
                    <!-- <li>
                        <a href="article_view.html">
                            <p class="title">제24회 인천시 전국청소년연극제 안내 <span class="new"></span></p>
                        </a>
                    </li>
                    <li>
                        <a href="article_view.html">
                            <p class="title">2025년 여성복지센터 제3기 교육과정모집 <span class="new"></span></p>
                        </a>
                    </li>
                    <li>
                        <a href="article_view.html">
                            <p class="title">마동석 주무관 인사발령 <span class="new"></span></p>
                        </a>
                    </li>
                    <li>
                        <a href="article_view.html">
                            <p class="title">홍길동 주무관 부친상 부고 알림 <span class="new"></span></p>
                        </a>
                    </li>
                    <li>
                        <a href="article_view.html">
                            <p class="title">에너지 탄소중립포인트 참여 안내 <span class="new"></span></p>
                        </a>
                    </li> -->
                </ul>
            </div>
        </div>
        <div class="sub_cont active none" data-id="article">
        </div>
        <div class="call_cont active none">
        </div>
        <div class="dial_cont active none">
        </div>
        <div class="view_cont detail active none">
            <div class="for_board_view">
                <div class="board_view">
                    <p class="title"><span id="detail_title"></span></p>
                    <p class="date"><span id="detail_span_info"></span><input type="checkbox" id="detail_inp_attach"
                            name="" /> <label for="detail_inp_attach">첨부파일</label></p>
                    <ul id="detail_ul_attach" class="att_list none"></ul>
                </div>
                <div id="font-setting-buttons" class="func">
                    <div class="comm-group">
                        <a href="javascript:" class="comments_open none"><i class="bi bi-chat-dots-fill"></i> 댓글 <span
                                id="detail_reply_count"></span></a>
                    </div>
                    <div id="font-setting-buttons" class="btn-group">
                        <button type="button" class="decrease"><i class="bi bi-dash"></i></button>
                        <button type="button" class="reset"><sub>가</sub>가</button>
                        <button type="button" class="increase"><i class="bi bi-plus"></i></button>
                    </div>
                </div>
                <div id="detail_board_cont" class="detail_board_cont"></div>
            </div>
            <div class="for_board_edit">
                <div class="board_edit">
                    <dl>
                        <dt>제목</dt>
                        <dd><input type="text" name="" id="edit_board_title" placeholder="제목을 입력해주세요."></dd>
                    </dl>
                    <dl>
                        <dt>기간</dt>
                        <dd class="bw">
                            <span id="edit_board_term" class=""></span>
                            <a id="btn_edit_term_open" href="javascript:" class="set"><i class="bi bi-gear"></i></a>
                        </dd>
                    </dl>
                    <dl id="dl_board_edit_category">
                        <dt>유형</dt>
                        <dd class="rd">
                            <input type="radio" name="edit_notice_type" id="edit_notice_type_notice" value="N"
                                checked><label for="edit_notice_type_notice">일반</label>
                            <input type="radio" name="edit_notice_type" id="edit_notice_type_event" value="E"><label
                                for="edit_notice_type_event">경조사</label>
                            <input type="radio" class="none" name="edit_notice_type" id="edit_notice_type_carfull" value="C">
                        </dd>
                    </dl>
                    <dl id="dl_board_edit_trgt">
                        <dt>대상</dt>
                        <dd class="rd bw">
                            <div>
                                <input type="radio" name="edit_notice_target" id="edit_notice_target_all" value="ALL"
                                    checked><label for="edit_notice_target_all">전체</label>
                                <input type="radio" name="edit_notice_target" id="edit_notice_target_dept"
                                    value="DEPT"><label for="edit_notice_target_dept">부서</label>
                                <input type="radio" name="edit_notice_target" id="edit_notice_target_exmg"
                                    value="EXMG"><label for="edit_notice_target_exmg">전체(현직자)</label>
                            </div>
                            <a href="javascript:" class="set none" id="btn_edit_open_dept"><i
                                    class="bi bi-gear"></i></a>
                        </dd>
                    </dl>
                    <div class="editor">
                        <div class="parts edit_trgt_dept none">
                            <!-- <span class="part">부서1 <a href="javascript:"><i class="bi bi-x"></i></a></span>
                            <span class="part">부서2 <a href="javascript:"><i class="bi bi-x"></i></a></span> -->
                        </div>
                        <textarea id="edit_board_cont" placeholder="내용을 입력해주세요."></textarea>
                    </div>
                </div>
            </div>
            <div class="for_setting"></div>
        </div>

        <div class="foot_btn active none">
            <div class="foot_div_first none">
                <a class="foot_btn_back_history" href="javascript:" title="취소"><i
                        class="bi bi-arrow-left-short"></i></a>
                <a href="javascript:" class="foot_btn_to_list"><i class="bi bi-list"></i></a>
                <a href="javascript:void(0)" class="comments_open none"><i class="bi bi-chat-dots-fill"></i></a>
            </div>
            <div class="foot_div_second none">
                <a href="javascript:" class="foot_btn_modify edit none">수정</a>
                <a href="javascript:" id="btn_prev_content"><i class="bi bi-arrow-left-short"></i></a>
                <a href="javascript:" id="btn_next_content"><i class="bi bi-arrow-right-short"></i></a>
                <a href="javascript:" class="foot_btn_reg edit">등록</a>
                <a href="javascript:" class="foot_btn_save save">저장</a>
            </div>
        </div>

        <div class="mcaller_menu active">
            <a href="javascript:" class="menu" data-id="dial" data-file="content/content-dial.html">
                <i class="bi bi-grid-3x3-gap"></i>
                <p>다이얼</p>
            </a>
            <a href="javascript:" class="menu" data-id="history" data-file="content/content-history.html">
                <i class="bi bi-clock"></i>
                <p>통화목록</p>
            </a>
            <a href="javascript:" class="toggle"></a>
            <a href="javascript:" class="menu" data-id="organization" data-file="content/content-organization.html">
                <i class="bi bi-diagram-3"></i></i>
                <p>조직도</p>
            </a>
            <a href="javascript:" class="menu" data-id="address" data-file="content/content-address.html">
                <i class="bi bi-journal-bookmark"></i>
                <p>주소록</p>
            </a>
        </div>
    </div>

    <div class="dim_bg alert_pop none">
        <div class="popup">
            <h3>알림</h3>
            <span class="popup_close"></span>
            <div class="popup_container">
                <form method="post" action="">
                    <div class="cont_box">
                        <p class="txt">알럿창입니다. 경고문구를 넣어주세요.</p>
                    </div>
                    <p class="popup_btn">
                        <button type="button" class="btn blue btn_ok">확인</button>
                    </p>
                </form>
            </div>
        </div>
    </div>

    <div class="dim_bg confirm_pop none">
        <div class="popup">
            <h3>확인</h3>
            <span class="popup_close"></span>
            <div class="popup_container">
                <form method="post" action="">
                    <div class="cont_box">
                        <p class="txt">컨펌창입니다.<br>실행하시겠습니까?</p>
                    </div>
                    <p class="popup_btn">
                        <button type="button" class="btn blue btn_ok">확인</button>
                        <button type="button" class="btn btn_cancel">취소</button>
                    </p>
                </form>
            </div>
        </div>
    </div>

    <!-- 댓글팝업// fadein/fadeout 효과를 위해 class none 사용안함.-->
    <div class="dim_bg comments" style="display: none;">
        <div class="popup bottom_up">
            <h3 class="comm">댓글 <span class="num">7</span></h3>
            <span class="popup_close wh fade_action"></span>
            <div class="iframe_wrap">
                <iframe id="iframe_comments" title="" class="scroll_box" src="comments.html"></iframe>
            </div>
        </div>
    </div>
    <!-- //댓글팝업 -->

    <div class="dim_bg term_pop none">
        <div class="popup">
            <h3>공지 기간 설정</h3>
            <span class="popup_close"></span>
            <div class="popup_container">
                <form method="post" action="">
                    <div class="cont_box">
                        <ul class="term">
                            <li><input type="text" class="date form-control full" id="term_pop_start_date" name=""
                                    placeholder="공지 시작일" autocomplete="off" readonly></li>
                            <li><input type="text" class="date form-control full" id="term_pop_end_date" name=""
                                    placeholder="공지 종료일" autocomplete="off" readonly></li>
                            <li><input type="checkbox" id="term_pop_limitless"><label for="term_pop_limitless">기간 제한
                                    없음</label></li>
                        </ul>
                    </div>
                    <p class="popup_btn">
                        <a id="term_pop_btn_ok" href="javascript:" class="btn blue">확인</a>
                        <a href="javascript:" class="btn pop_btn_close">취소</a>
                    </p>
                </form>
            </div>
        </div>
    </div>

    <div class="dim_bg term_pop_for_search none">
        <div class="popup">
            <h3>검색 기간 설정</h3>
            <span class="popup_close"></span>
            <div class="popup_container">
                <div class="cont_box">
                    <ul class="term">
                        <li><input type="text" class="date form-control full" id="term_pop_for_search_start_date"
                                placeholder="검색 시작일" autocomplete="off" readonly></li>
                        <li><input type="text" class="date form-control full" id="term_pop_for_search_end_date"
                                placeholder="검색 종료일" autocomplete="off" readonly></li>
                    </ul>
                </div>
                <p class="popup_btn">
                    <a id="term_pop_for_search_btn_ok" href="javascript:" class="btn blue">확인</a>
                    <a id="term_pop_for_search_btn_reset" href="javascript:" class="btn">초기화</a>
                </p>
            </div>
        </div>
    </div>

    <div class="dim_bg organ_pop none">
        <div class="popup">
            <h3>부서 검색</h3>
            <span class="popup_close"></span>
            <div class="popup_container">
                <div class="cont_box" style="height: 500px; padding: 10px;">
                    <!-- 조직도는 쓰던 걸로 써주세요. -->
                    <ul class="tree">

                    </ul>
                </div>
                <p class="popup_btn">
                    <a id="organ_pop_btn_ok" href="javascript:" class="btn blue">확인</a>
                    <a href="javascript:" class="btn pop_btn_close">취소</a>
                </p>
            </div>
        </div>
    </div>

    <div class="dim_bg call_pop none">
        <div class="popup" role="dialog" aria-modal="true">
            <h3 class="call_title"></h3>
            <span class="popup_close" aria-label="닫기"></span>
            <div class="popup_container">
                <div class="cont_box">
                    <ul class="call_num" id="call_num_list"></ul>
                </div>
                <p class="popup_btn">
                    <button type="button" class="btn blue none" id="call_pop_btn_callback">CallBack</button>
                    <button type="button" class="btn blue none" id="call_pop_btn_callthrough">안심통화</button>
                    <button type="button" class="btn blue none" id="call_pop_btn_clicktocall">휴대폰 통화</button>
                </p>
            </div>
        </div>
    </div>

    <!-- 레이어팝업// -->
    <div class="dim_bg password_pop none">
        <div class="popup">
            <h3>비밀번호 변경</h3>
            <span class="popup_close"></span>
            <div class="popup_container">
                <form method="post" action="">
                    <div class="cont_box">
                        <ul class="term">
                            <li><input id="pop_password_inp_org_password" type="password" class="form-control full" id="" name="" placeholder="기존 비밀번호"></li>
                            <li><input id="pop_password_inp_new_password" type="password" class="form-control full" id="" name="" placeholder="변경 비밀번호"></li>
                            <li><input id="pop_password_inp_confirm_password" type="password" class="form-control full" id="" name="" placeholder="변경 비밀번호 확인"></li>
                        </ul>
                    </div>
                    <p class="popup_btn">
                        <button type="button" class="btn blue btn_ok">확인</button>
                        <button type="button" class="btn pop_btn_close">취소</button>
                    </p>
                </form>
            </div>
        </div>
    </div>

    <div class="dim_bg detail_info none">
        <div class="popup">
            <span class="popup_close"></span>
            <div class="popup_head">
                <div id="pop_detail_div_user_photo" class="photo" style="background-image:url('images/thumb.png')"><!-- 프로필 이미지는 배경으로 깔아줍니다 --></div>
                <div class="profile">
                    <p id="pop_detail_p_user_position" class="role"><!--지방행정사무관--></p>
                    <p id="pop_detail_p_user_name" class="name"><!--홍길동--></p>
                    <p id="pop_detail_p_user_type" class="type"><!--ICT(3)--></p>
                </div>
                <span id="pop_detail_add_contact" class="bookmark"></span>
            </div>
            <div class="popup_container">
                <div class="cont_box">
                    <dl>
                        <dt>부서명</dt>
                        <dd id="pop_detail_dd_user_dept"><!--기획조정실 정보통신담당관--></dd>
                    </dl>
                    <dl>
                        <dt>직급</dt>
                        <dd id="pop_detail_dd_user_class"><!--지방행정사무관--></dd>
                    </dl>
                    <dl>
                        <dt>직위</dt>
                        <dd id="pop_detail_dd_user_position"><!--정보기획파트장--></dd>
                    </dl>
                    <dl>
                        <dt>행정전화</dt>
                        <dd class="pd1">
                            <span id="pop_detail_span_user_tel"><!--032-211-2612--></span>
                            <div class="menu">
                                <a id="pop_detail_btn_tell" href="javascript:" class="tel"></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>이메일</dt>
                        <dd class="pd1">
                            <span id="pop_detail_span_user_email"><!--hong@mail.com>--></span>
                            <div class="menu">
                                <a id="pop_detail_btn_email" href="javascript:" class="mail"></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>휴대전화</dt>
                        <dd class="pd2">
                            <span id="pop_detail_span_user_mobile"><!--010-8323-1234--></span>
                            <div class="menu">
                                <a id="pop_detail_btn_cell" href="javascript:" class="cell"></a>
                                <a id="pop_detail_btn_sms" href="javascript:" class="msg"></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>담당업무</dt>
                        <dd id="pop_detail_dd_user_desc">
                            <!-- <p>- 지역정보화 업무 추진</p>
                            <p>- 지능정보화위원회 구성 및 운영</p>
                            <p>- 한국지역정보개발원 이사회 관련업무</p>
                            <p>- 정보화 관련 법령 및 제도 개선</p> -->
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>

    <script id="template_main_swiper" type="text/html">
        <div class="swiper-slide">
            <a href="javascript:" class="item" data-id="{{id}}" data-file="{{filepath}}" data-boardseq="{{boardseq}}">
                <span class="num {{none}}">{{count}}</span>
                <img src="{{icon}}">
                <p>{{name}}</p>
            </a>
        </div> 
    </script>
    <script id="template_board_swiper" type="text/html">
        <div class="swiper-slide">
            <a href="javascript:" class="tab" data-id="{{id}}" data-file="{{filepath}}">{{name}}</a>
        </div>
    </script>
    <script id="board_item_template" type="text/html">
        <li>
            <a href="javascript:" data-docseq="{{doc_seq}}" data-boardseq="{{board_seq}}" class="{{visited}}">
                <p class="title">{{title}} <span class="new {{is_new}}"></span></p>
                <span class="date">{{user_name}} / {{dept_name}} / {{update_date}}</span>
            </a>
        </li>
    </script>
    <script id="main_article_list_template" type="text/html">
        <li class="main_view_detail_article" data-docseq="{{doc_seq}}" data-boardseq="{{board_seq}}" data-updatedate="{{update_date}}" data-prevboardseq="{{prev_board_seq}}" data-prevdocseq="{{prev_doc_seq}}" data-nextboardseq="{{next_board_seq}}" data-nextdocseq="{{next_doc_seq}}">
            <a href="javascript:">
                <p class="title">{{title}}{{visited}}</p>
            </a>
        </li>
    </script>
    <script id="header_board_inp_template" type="text/html">
        <input id="inp_board_search" type="text" class="header_search" placeholder="게시물 검색"> 
        <div>
            <a id="btn_board_search_term_pop" href="javascript:void(0);" class="calendar"></a>
            <button id="btn_board_search" data-pageid="main" type="button" class="srch"></button>
        </div>
    </script>
    <script id="address_header_inp_template" type="text/html">
        <input id="inp_board_search_address" type="text" class="header_search" placeholder="이름, 연락처 검색"> 
        <div>
            <!-- <a id="inp_board_search_term_pop" href="javascript:void(0);" class="calendar"></a> -->
            <button id="btn_search_address" type="button" class="srch"></button>
        </div>
    </script>

    <script id="history_header_inp_template" type="text/html">
        <input id="inp_board_search_history" type="text" class="header_search" placeholder="이름, 연락처 검색"> 
        <div>
            <button id="btn_search_history" type="button" class="srch"></button>
        </div>
    </script>
    <script id="organization_header_inp_template" type="text/html">
        <input id="inp_board_search_organization" type="text" class="organization_search" placeholder="부서명, 이름, 연락처 검색">
        <div>
            <button id="btn_search_organization" type="button" class="srch"></button>
        </div>
    </script>
    <script id="li_address_item_template" type="text/template">
        <li data-id="{{id}}">
            <div class="accordion_list">
                <div class="fav">
                    <input type="checkbox" id="{{favInputId}}" class="favchk" {{checkedAttr}}>
                    <label for="{{favInputId}}" class="favbtn" aria-label="즐겨찾기"></label>
                </div>
                <div class="thumb" style="background-image:url('{{thumb}}')"></div>
                <div class="who">
                    <div class="name">{{name}}</div>
                    <div class="num">{{num}}</div>
                </div>
            </div>
            <a href="javascript:" class="call" aria-label="통화"></a>
        </li>
    </script>

    <script id="board_reply_template" type="text/html">
        <li>
            <a href="javascript:" data-uid="{{uid}}" data-category="{{category}}" class="type-reply {{visited}}" data-creator="{{creator}}">
                <p class="title">{{title}} <!--<span class="new"></span> --></p>
                <p class="sub_title">
                    <span class="date">{{name}} / {{date}} 
                        <strong class="{{show_reply}}"><i class="bi bi-chat-dots-fill"></i> {{reply_count}}</strong>
                    </span>
                </p>
                <p class="edit">
                    <span class="{{my_content}}"> <!-- 내가 쓴 글인 경우 보임 -->
                        <button class="btn-send" type="button"></button>
                        <button class="btn-edit" type="button"></button>
                        <button class="btn-delete" type="button"></button>
                    </span>
                </p>
            </a>
        </li>
    </script>
    <script id="board_notice_template" type="text/html">
        <li>
            <a href="javascript:" data-uid="{{uid}}" data-category="{{category}}" class="item-swipe type-notice {{visited}}" data-creator="{{creator}}">
                <p class="title">{{title}} <!--<span class="new {{is_new}}"></span>--></p>
                <p class="sub_title">
                    <span class="date">{{name}}{{dept_name}}{{date}}</span>
                </p>
                <p class="edit">
                    <span class="{{my_content}}"> <!-- 내가 쓴 글인 경우 보임 -->
                        <button class="btn-send" type="button"></button>
                        <button class="btn-edit" type="button"></button>
                        <button class="btn-delete" type="button"></button>
                    </span>
                </p>
            </a>
        </li>
    </script>

    <script id="tree_group_template" type="text/template">
        <li data-deptcode="{{dept_code}}" data-type="dept">
            <div class="checktree arrow collapsed"></div>
            <div class="checktree checkbox {{fav_checked}} {{show_fav}}"></div>
            <input type="checkbox" class="none" {{fav_checked}}>
            <label class="{{nocheckbox}}"><span>{{dept_name}}</span></label>
            <ul data-deptcode="{{dept_code}}" class="none"></ul>
        </li>
    </script>

    <script id="tree_group_person_template" type="text/template">
        <li data-userid="{{user_id}}" data-type="user">
            <div class="checktree checkbox {{fav_checked}} {{show_fav}}" style="top: 16px;"></div>
            <input type="checkbox" value="" style="display: none;">
            <label class="detail_info_open {{nocheckbox}}">
                <span class="thumb" style="{{user_photo}}"></span> 
                <span>{{user_name}}</span>
            </label>
        </li>
    </script>

    <script id="tree_group_person_search_template" type="text/template">
        <li data-userid="{{user_id}}" data-type="user">
            <div class="checktree checkbox {{fav_checked}} {{show_fav}}" style="top: 16px;"></div>
            <input type="checkbox" value="" style="display: none;">
            <label class="detail_info_open {{nocheckbox}}">
                <span class="thumb" style="{{user_photo}}"></span> 
                <span>{{user_name}} [{{clss}}]</span>
                <br><sub>{{user_group}}</sub>
            </label>
        </li>
    </script>
</body>
</html>