diff --git a/src/main/resources/templates/system/provider/list.html b/src/main/resources/templates/system/provider/list.html
index e69de29..9f2b1f0 100644
--- a/src/main/resources/templates/system/provider/list.html
+++ b/src/main/resources/templates/system/provider/list.html
@@ -0,0 +1,290 @@
+<!DOCTYPE html>
+<html xmlns:th="http://thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout/cmsLayout}">
+<body>
+<section layout:fragment="Content">
+    <div class="w-100" style="margin-bottom: .3rem;">
+        <div th:replace="~{common/fragments/searchBox :: SearchBoxFragment(~{ :: #searchBoxContent}, ~{ :: #searchBoxFooter})}">
+            <div id="searchBoxContent">
+                <div class="row px-2">
+                    <div class="col-lg-4 col-sm-6 col-xs-12 pb-1">
+                        <div class="input-group">
+                            <span class="input-group-text" style="width:140px">충전사업자명</span>
+                            <input type="text" id="providerNmLike" name="providerNmLike" class="form-control" placeholder="충전사업자 명 입력" maxlength="50">
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 col-xs-12 pb-1">
+                        <div class="input-group">
+                            <span class="input-group-text" style="width:140px">사업자번호</span>
+                            <input type="text" id="bizTaxIdLike" name="bizTaxIdLike" class="form-control" placeholder="사업자번호 입력" maxlength="50">
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 col-xs-12 pb-1">
+                        <div class="input-group">
+                            <span class="input-group-text" style="width:140px">대표자</span>
+                            <input type="text" id="ceoLike" name="ceoLike" class="form-control" placeholder="대표자 입력" maxlength="50">
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 col-xs-12 pb-1">
+                        <div class="input-group">
+                            <span class="input-group-text" style="width:140px">전화번호</span>
+                            <input type="text" id="telLike" name="telLike" class="form-control" placeholder="전화번호 입력" maxlength="50">
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 col-xs-12 pb-1">
+                        <div class="input-group">
+                            <span class="input-group-text" style="width:140px">팩스번호</span>
+                            <input type="text" id="faxLike" name="faxLike" class="form-control" placeholder="팩스번호 입력" maxlength="50">
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div id="searchBoxFooter">
+                <div class="row float-end">
+                    <div class="col-xs-12 ">
+                        <button type="button" class="btn btn-sm btn-info" id="searchBtn">검색</button>
+                        <button type="button" class="btn btn-sm btn-info" id="resetBtn">리셋</button>
+                        <th:block th:if="${menuRole?.roleWrite eq true}">
+                            <button type="button" class="btn btn-sm btn-primary pl-2" onclick="showModal(ModalMode.REGISTER, {}, '');">등록</button>
+                        </th:block>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="w-100">
+        <div class="box box-primary">
+            <div class="form">
+                <table id="datatable" class="table table-striped table-hover dataTable" style="width:100%;"></table>
+            </div>
+        </div>
+    </div>
+    <script th:inline="none">
+        const rootPath = "/cms/provider/";
+        let datatable;
+
+
+        $(document).ready(function() {
+            const className = "dt-head-center dt-body-center";
+            datatable = newDataTable(
+                "#datatable",
+                rootPath + "list.json",
+                function(d) {
+                    if (strUtil.isNotEmpty($('#providerNmLike').val())) {d.providerNm = $('#providerNmLike').val();}
+                    if (strUtil.isNotEmpty($('#bizTaxIdLike').val())) {d.bizTaxId = $('#bizTaxIdLike').val();}
+                    if (strUtil.isNotEmpty($('#ceoLike').val())) {d.ceo = $('#ceoLike').val();}
+                    if (strUtil.isNotEmpty($('#telLike').val())) {d.tel = $('#telLike').val();}
+                    if (strUtil.isNotEmpty($('#faxLike').val())) {d.fax = $('#faxLike').val();}
+                    return d;
+                },
+                {
+                    order: [],
+                    columns: [
+                        {title: "충전사업자 명", name: "PROVIDER_NM", data: "providerNm", className, orderable: false},
+                        {title: "사업자번호", name: "biz_tax_id", data: "bizTaxId", className, orderable: false},
+                        {title: "대표자", name: "CEO", data: "ceo", className, orderable: false},
+                        {title: "전화번호", name: "TEL", data: "tel", className, orderable: false},
+                        {title: "팩스번호", name: "FAX", data: "fax", className, orderable: false},
+                    ],
+                    allCheck: false,
+                });
+        });
+
+
+        const showModal = (mode, ids, title) => {
+            if(!checkRole(mode)) { alert("권한이 없습니다."); return; }
+
+            let modalInputArray = [
+                new ModalInput({
+                    inputType: ModalInputType.hidden,
+                    inputId: "providerId",
+                    inputName: "providerId",
+                    hasOldPk: true,
+                    inputLabel: "provider_id",
+                    inputPlaceholder: "provider_id",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 20,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.text,
+                    inputId: "providerNm",
+                    inputName: "providerNm",
+                    inputLabel: "충전사업자 명",
+                    inputPlaceholder: "충전사업자 명",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 50,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.text,
+                    inputId: "bizTaxId",
+                    inputName: "bizTaxId",
+                    inputLabel: "사업자번호",
+                    inputPlaceholder: "사업자번호",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 20,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.text,
+                    inputId: "ceo",
+                    inputName: "ceo",
+                    inputLabel: "대표자",
+                    inputPlaceholder: "대표자",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 50,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.text,
+                    inputId: "tel",
+                    inputName: "tel",
+                    inputLabel: "전화번호",
+                    inputPlaceholder: "전화번호",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 30,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.text,
+                    inputId: "fax",
+                    inputName: "fax",
+                    inputLabel: "팩스번호",
+                    inputPlaceholder: "팩스번호",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 30,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.textarea,
+                    inputId: "email",
+                    inputName: "email",
+                    inputLabel: "이메일",
+                    inputPlaceholder: "이메일",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 250,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.text,
+                    inputId: "mgrNm",
+                    inputName: "mgrNm",
+                    inputLabel: "담당자 명",
+                    inputPlaceholder: "담당자 명",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 50,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.text,
+                    inputId: "mgrTel",
+                    inputName: "mgrTel",
+                    inputLabel: "담당자 전화번호",
+                    inputPlaceholder: "담당자 전화번호",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 30,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.text,
+                    inputId: "emgncyTel",
+                    inputName: "emgncyTel",
+                    inputLabel: "긴급 전화번호",
+                    inputPlaceholder: "긴급 전화번호",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 30,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.text,
+                    inputId: "zipCode",
+                    inputName: "zipCode",
+                    inputLabel: "우편번호",
+                    inputPlaceholder: "우편번호",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 7,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.textarea,
+                    inputId: "addrRdM",
+                    inputName: "addrRdM",
+                    inputLabel: "주소 도로명 메인",
+                    inputPlaceholder: "주소 도로명 메인",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 255,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.textarea,
+                    inputId: "addrRdD",
+                    inputName: "addrRdD",
+                    inputLabel: "주소 도로명 상세",
+                    inputPlaceholder: "주소 도로명 상세",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 255,
+                }),
+                new ModalInput({
+                    inputType: ModalInputType.textarea,
+                    inputId: "remark",
+                    inputName: "remark",
+                    inputLabel: "비고",
+                    inputPlaceholder: "비고",
+                    isReq: false,
+                    isEnable: true,
+                    minLen: 0,
+                    maxLen: 250,
+                })
+            ];
+            if(!rootPath){ alert("rootPath를 지정하십시요."); return; }
+            const insertUrl = rootPath+"insert.json";
+            const updateUrl = rootPath+"update.json";
+            const loadUrl = rootPath+"view.json";
+            const deleteUrl = rootPath+"delete.json";
+            const modalWidth = 500;
+            const labelWidth = '90px';
+            if(mode === ModalMode.REGISTER) {
+                newModal(new ModalInfo({modalTitle: "등록", inputArray: modalInputArray, modalWidth}), mode, 'main', {insertUrl, labelWidth, callBack: () => { defaultCallback(); }})
+            } else if(mode===ModalMode.VIEW || mode===ModalMode.VIEW_ONLY || mode===ModalMode.MODIFY) {
+                newModal(new ModalInfo({modalTitle: "상세정보", inputArray: modalInputArray, modalWidth}), mode, 'main', {loadUrl, updateUrl, ids, labelWidth, callBack: () => { defaultCallback(); }})
+            } else if(mode === ModalMode.DELETE) {
+                newDelete(deleteUrl, ids, title, () => { defaultCallback(); });
+            }
+            const defaultCallback = () => {
+                datatable.ajax.reload();
+            }
+
+        };
+
+
+        $("#searchBtn").click(function() {
+            datatable.ajax.reload();
+        });
+
+        $("#resetBtn").click(function() {
+            $("#providerNmLike").val("");
+            $("#bizTaxIdLike").val("");
+            $("#ceoLike").val("");
+            $("#telLike").val("");
+            $("#faxLike").val("");
+            datatable.ajax.reload();
+        });
+    </script>
+</section>
+</body>
+</html>
