.

html/css/common.css

@@ -447,6 +447,9 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
   .mo-sub .solution-skill ul li{flex:0 0 48%}
   .mo-sub .work-slide h6{text-align: center;}
   .mo-sub .solution-box .txt{padding-right:0}
+  .mo-sub .message .checkbox{margin:14px 0 40px 0;}
+  .mo-sub .bg-arrow::after{right:10px;font-size:25px}
+  .mo-sub .employ .employ-box-2n ul li{flex:0 0 50%;}
 
 }
 @media screen and (max-width:520px){
@@ -512,5 +515,15 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
   .mo-sub .work-slide .work-txt{font-size:0.875rem}
   .mo-sub .skill-txt{padding-top:30px;font-size:0.875rem}
   .mo-sub .solution-skill ul li div{height:300px}
+  .mo-sub .btn{min-width:160px}
+  .mo-sub .sub-p b{font-size:1.5rem}
+  .mo-sub .sub-p{font-size:0.875rem}
+  .mo-sub .bg-arrow::after{display:none}
+  .mo-sub .employ-box + .employ-box{margin-top:0}
+  .mo-sub .employ-box ul {flex-direction: column}
+  .mo-sub .employ .employ-box ul li{flex:0 0 100%;margin-bottom:40px}
+  .mo-sub .employ-txt .ti{font-size:1rem}
+  .mo-sub .employ-txt .txt{font-size:0.875rem}
+  .table_st02 tr th, .table_st02 tr td{font-size:0.875rem;padding:10px 2px}
 }
 

html/employ.html

@@ -56,7 +56,7 @@
   <a class="topBtn" href="#home">
     <i class="xi-arrow-up"></i>
   </a>
-  <div class="sub-inner">
+  <div class="pc-sub sub-inner">
     <div class="sub-ti">
       <div class="breadcrumbs">
         <ul>
@@ -157,6 +157,110 @@
       </div>
     </div>
   </div>
+
+  <div class="mo-sub">
+    <div class="sub-inner">
+      <div class="sub-ti">
+        <div class="breadcrumbs">
+          <ul>
+            <li><a href="index.html"><i class="xi-home"></i>Home</a></li>
+            <li class="on"><a href="employ.html">채용정보</a></li>
+          </ul>
+        </div>
+        <h4 data-aos="fade-down">채용정보</h4>
+      </div>
+      <div class="design-line-ti"></div> 
+      <div class="sub-cont employ">
+        <p class="sub-p">
+          <b>&#147;팔네트웍스와 함께 성장하실 분을 찾습니다.&#148;</b>
+          새로운 비전을 창조하고 무한한 열정과 잠재력으로 미래를 함께 할 인재를 기다리고 있습니다.<br/>
+          같이 성장 하고 싶은, 같이 성장 할 수 있는 귀한 인재분들의 연락을 기다립니다.
+           
+        </p>
+        <div class="employ-box">
+          <ul>
+            <li class="bg-arrow">
+              <div>
+                <span class="icon"><i class="xi-library-books-o"></i></span>
+                <span class="employ-txt">
+                  <span class="ti">01</span>
+                  <span class="txt">서류전형</span>
+                </span>
+              </div>
+            </li>
+            <li class="bg-arrow">
+              <div>
+                <span class="icon"><i class="xi-users-o"></i></span>
+                <span class="employ-txt">
+                  <span class="ti">02</span>
+                  <span class="txt">임원면접</span>
+                </span>
+              </div>
+            </li>
+            <li>
+              <div>
+                <span class="icon"><i class="xi-star-o"></i></span>
+                <span class="employ-txt">
+                  <span class="ti">03</span>
+                  <span class="txt">최종합격</span>
+                </span>
+              </div>
+            </li>
+          </ul>
+        </div>
+        <div class="employ-box employ-box-2n">
+          <ul>
+            <li>
+              <div>
+                <span class="icon"><i class="xi-time-o"></i></span>
+                <span class="employ-txt">
+                  <span class="ti">근무시간</span>
+                  <span class="txt">평일 09:00 ~ 18:00<br/>(주 5일근무, 유연근무제)</span>
+                </span>
+              </div>
+            </li>
+            <li>
+              <div>
+                <span class="icon"><i class="xi-mail-read-o"></i></span>
+                <span class="employ-txt">
+                  <span class="ti">채용문의</span>
+                  <span class="txt">Tel. 032-727-5909<br/>E-mail. [email protected]</span>
+                </span>
+              </div>
+            </li>
+          </ul>
+        </div>
+        <div class="employ-box">
+          <table class="table_st02 center">
+            <tbody><tr>
+              <th>구분</th>
+              <th>직종명</th>
+              <th style="width:40%;">제목</th>
+              <th>마감일</th>
+            </tr>
+            <tr>
+              <td>채용공고</td>
+              <td>개발자</td>
+              <td>상시채용</td>
+              <td>-</td>
+            </tr>
+            <tr>
+              <td>채용공고</td>
+              <td>연구</td>
+              <td>드론 제작 연구</td>
+              <td>2022.12.31</td>
+            </tr>
+            <tr>
+              <td>채용공고</td>
+              <td>연구</td>
+              <td>항공 정비 연구</td>
+              <td>2022.12.31</td>
+            </tr>
+          </tbody></table>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 <!--//main-->
 <footer id="footer" class="ft-sub"></footer>

html/index.html

@@ -120,7 +120,7 @@ body,html{
         </h4>
         <ul class="wow fadeInUp">
           <li class="box">
-            <a href="#none">
+            <a href="solution02.html">
               <div class="list-box">
                 <span class="icon"><img src="images/mainicon02.png"></span>
                 <span class="ti">항공예약 플랫폼</span>
@@ -141,7 +141,7 @@ body,html{
             </a>
           </li>
           <li class="box">
-            <a href="#none">
+            <a href="solution03.html">
               <div class="list-box">
                 <span class="icon"><img src="images/mainicon01.png"></span>
                 <span class="ti">스마트 관광 예약 플랫폼</span>
@@ -183,7 +183,7 @@ body,html{
             </a>
           </li>
           <li class="box">
-            <a href="#none">
+            <a href="solution01.html">
               <div class="list-box">
                 <span class="icon"><img src="images/mainicon05.png"></span>
                 <span class="ti">상황관제 시스템</span>
@@ -205,7 +205,7 @@ body,html{
             </a>
           </li>
           <li class="box">
-            <a href="#none">
+            <a href="solution04.html">
               <div class="list-box">
                 <span class="icon"><img src="images/mainicon03.png"></span>
                 <span class="ti">클라우드</span>

html/message.html

@@ -57,6 +57,228 @@
   <a class="topBtn" href="#home">
     <i class="xi-arrow-up"></i>
   </a>
+  <div class="pc-sub sub-inner">
+    <div class="sub-ti">
+      <div class="breadcrumbs">
+        <ul>
+          <li><a href="index.html"><i class="xi-home"></i>Home</a></li>
+          <li class="on"><a href="message.html">문의하기</a></li>
+        </ul>
+      </div>
+      <h4 data-aos="fade-down" data-aos-duration="1000">문의하기</h4>
+    </div>
+    <div class="design-line-ti"></div>
+    <div class="sub-cont message">
+      <form id="formMsg">
+        <div class="message-box">
+          <div class="privacy-box">
+            <p>
+              '주식회사 팔네트웍스'는(이하 '회사'는) 고객님의 개인정보를 중요시하며, “개인정보보호법” 및 "정보통신망
+              이용촉진 및 정보보호에 관한 법률”을 준수하고 있습니다. 회사는 개인정보취급방침을 통하여 고객님께서 제공하시는
+              개인정보가 어떠한 용도와 방식으로 이용되고 있으며, 개인정보보호를 위해 어떠한 조치가 취해지고 있는지 알려드립니다.
+              회사는 개인정보취급방침을 개정하는 경우 웹사이트 공지사항(또는 개별공지)을 통하여 공지할 것입니다.
+              <br/><br/>
+              제 1조. 수집하는 개인정보 항목
+              회사는 서비스 신청, 상담, 문의 등을 위해 아래와 같은 개인정보를 수집하고 있습니다.
+              <br/><br/>
+              가. 수집항목 : 성명, 회사명, 전화번호 혹은 휴대폰번호, 이메일 주소, 접속 로그<br/>
+              나. 개인정보 수집방법 : 웹사이트(온라인 문의, 고객 관리 목적의 영업활동
+              <br/><br/>
+              제 2조. 개인정보의 수집 및 이용목적<br/>
+              회사는 수집한 개인정보를 다음의 목적을 위해 활용합니다.
+              <br/><br/>
+              가. 서비스 문의 : 정확한 문의 내용 파악 및 확인, 문의에 대한 답변 진행, 답변 발송, 문의 고객과의 원활한 의사소통<br/>
+              나. 고객 관리 : 기술 지원 및 영업담당자 정보, 계약 정보 등의 정보 제공<br/>
+              다. 마케팅 및 광고에 활용 : 서비스〮제품〮세미나 및 이벤트 등 광고성 정보 전달, 인구통계 학적 특성에 따른 서비스 제공 및 광고 게재, 뉴스레터 메일 발송
+              <br/><br/>
+              제 3조. 개인정보의 보유 및 이용기간<br/>
+              회사는 개인정보의 수집 및 이용목적이 달성된 후에는 해당 정보를 지체 없이 파기합니다. 단, 다음의 정보에 대해서는 아래의 이유로 명시한 기간 동안 보존합니다.관련법령에 의한 정보보유 사유
+              전자상거래 등에서의 소비자보호에 관한 법률, 상법 등 법령의 규정에 의하여 보존할 필요가 있는 경우에는 회사는 관계법령에서 정한 일정한 기간 동안 회원정보를 보관하며, 이 경우 보관하는
+              정보를 그 보관의 목적으로만 이용하며 보존기간은 아래와 같습니다.
+              <br/><br/>
+              가 보존 항목 : 성명, 회사명, 전화번호 혹은 휴대폰번호, 이메일 주소, 접속 로그
+              <br/>
+              나 보존 근거 : 이용약관 및 전자상거래 등에서의 소비자보호에 관한 법률
+              <br/>
+              다 보존 기간 : 5년(단, 수집일로 부터 5년이 경과하여도 계약에 관련된 정보주체의 정보는 계약 기간 동안 보존)
+              <br/>
+              제 4조. 개인정보의 파기절차 및 방법<br/>
+              회사는 원칙적으로 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체 없이 파기합니다. 파기절차 및 방법은 다음과 같습니다.
+              <br/><br/>
+              가. 파기절차<br/>
+              입력된 정보는 목적이 달성된 후 별도의 DB로 옮겨져(종이의 경우 별도의 서류함) 내부 방침 및 기타 관련 법령에 의한 정보 보호 사유에 따라(보유 및 이용기간 참조) 일정 기간 저장된 후
+              파기합니다. 별도 DB로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 보유 이외의 다른 목적으로 이용되지 않습니다.
+              <br/><br/>
+              나. 파기방법<br/>
+              전자적 파일형태로 저장된 개인정보는 기록을 재생할 수 없는 기술적 방법을 사용하여 삭제합니다.
+              <br/><br/>
+              제 5조. 개인정보의 이용<br/>
+              1. 회사가 수집하는 개인정보는 서비스의 제공에 필요한 최소한으로 하되, 필요한 경우 자세한 정보를 요구할 수 있습니다.<br/>
+              2. 회사는 이용자의 동의 하에 개인정보를 제3자에게 제공할 수 있습니다. 이러한 경우에도 개인정보의 제3자 제공은 이용자의 동의 하에서만 이루어지며 개인정보가 제공되는 것을 원하지 않는
+              경우에는, 특정 서비스를 이용하지 않거나 특정한 형태의 판촉이나 이벤트에 참여하지 않으면 됩니다(단, 이 경우 별도 공지함)
+              <br/><br/>
+              제 6조. 수집한 개인정보의 위탁<br/>
+              회사가 외부업체(이하, ‘위탁 받는 업체’)에 상기 특정서비스의 제공을 위탁하는 경우, 서비스 제공에 필요한 회원의 개인정보를 회원의 동의를 받아 위탁 받는 업체에 제공할 수 있으며, 이
+              경우 서비스 위탁 사실을 명시 합니다. 위탁 받는 업체는 제공 받은 회원의 개인정보의 수집, 취급, 관리에 있어 위탁 받은 목적 외의 용도로 이를 이용하거나 제3자에게 제공하지 않습니다.
+              <br/>
+              회사는 서비스 이행을 위해 아래와 같이 외부업체에 개인정보를 위탁하여 운영하고 있습니다. 회사의 개인정보 위탁처리 기관 및 위탁업무 내용은 아래와 같습니다.
+              <br/><br/>
+              제 7조. 이용자 및 법정대리인의 권리와 그 행사 방법<br/>
+              1. 회사는 고객의 개인정보를 보호하고 개인정보와 관련한 불만을 처리하기 위하여 아래와 같이 관련 부서 및 개인정보관리책임자를 지정하고 있습니다.
+              <br/>
+              가. 이용자는 회사의 개인정보 관리책임자에게 서면, 전화 또는 이메일로 연락하여 열람•수정•삭제를 요청할 수 있습니다.
+              <br/>
+              나. 이용자가 개인정보의 오류에 대한 정정을 요청한 경우에는 정정을 완료하기 전까지 당해 개인정보를 이용 또는 제공하지 않습니다. 또한 잘못된 개인정보를 제3자에게 이미 제공한 경우에는 정정
+              처리결과를 제3자에게 지체 없이 통지하여 정정이 이루어지도록 하겠습니다.
+              <br/>
+              다. 회사는 이용자의 요청에 의해 해지 또는 삭제된 개인정보는 제 3조에 따라 처리하고 그 외의 용도로 열람 또는 이용할 수 없도록 처리하고 있습니다.
+              <br/>
+              <br/>
+              2. 이용자의 개인정보를 최신의 상태로 정확하게 입력하여 불의의 사고를 예방해 주시기 바랍니다. 이용자가 입력한 부정확한 정보로 인해 발생하는 사고의 책임은 이용자 자신에게 있으며 타인
+              정보의 도용 등 허위정보를 입력할 경우 회원자격이 상실될 수 있습니다.
+              <br/>
+              3. 이용자는 개인정보를 보호 받을 권리와 함께 스스로를 보호하고 타인의 정보를 침해하지 않을 의무도 가지고 있습니다. 이용자의 개인정보가 유출되지 않도록 조심하시고 게시물을 포함한 타인의
+              개인정보를 훼손하지 않도록 유의해 주십시오. 만약 이 같은 책임을 다하지 못하고 타인의 정보 및 존엄성을 훼손할 시에는 「정보통신망 이용촉진 및 정보보호 등에 관한 법률」등에 의해 처벌 받을
+              수 있습니다.
+              <br/><br/>
+              제 8조. 개인정보 자동수집 장치의 설치, 운영 및 그 거부에 관한 사항<br/>
+              회사는 귀하의 정보를 수시로 저장하고 찾아내는 '쿠키(cookie)' 등을 운용하지 않습니다.
+              <br/><br/>
+              제 9조. 기타 개인정보 취급에 관한 방침<br/>
+              1. 개인정보보호를 위한 기술 및 관리적 대책<br/>
+              회사는 이용자의 개인정보를 취급함에 있어 개인정보가 분실, 도난, 누출, 변조 또는 훼손되지 않도록 안전성 확보를 위하여 다음과 같은 기술적 대책을 강구하고 있습니다.
+              <br/><br/>
+              가. 이용자의 개인정보는 비밀번호에 의해 보호되며, 파일 및 전송 데이터를 암호화하여거나 파일 잠금기능(Lock)을 사용하여 중요한 데이터는 별도의 보안기능을 통해 보호되고 있습니다.
+              <br/>
+              나. 회사는 백신프로그램을 이용하여 컴퓨터바이러스에 의한 피해를 방지 하기 위한 조치를 취하고 있습니다. 백신프로그램은 주기적으로 업데이트되며 갑작스런 바이러스가 출현할 경우 백신이 나오는
+              즉시 이를 제공함으로써 개인 정보가 침해되는 것을 방지하고 있습니다.
+              <br/>
+              다. 해킹 등 외부침입에 대비하여 각 서버마다 침입차단시스템 및 취약점 분석 시스템 등을 이용하여 보안에 만전을 기하고 있습니다.
+              <br/><br/>
+              회사는 이용자의 개인정보를 취급함에 있어 개인정보가 분실, 도난, 누출, 변조 또는 훼손되지 않도록 안전성 확보를 위하여 다음과 같은 관리적 대책을 강구하고 있습니다.
+              <br/>
+              가. 회사는 이용자의 개인정보에 대한 접근권한을 이용자를 직접 상대로 하여 마케팅 업무를 수행하는 자, 개인정보관리책임자 및 담당자 등 개인정보관리업무를 수행하는 자, 기타 업무상 개인정보의
+              취급이 불가피한 자로 제한하고 있습니다.
+              <br/>
+              나. 개인정보를 취급하는 직원을 대상으로 새로운 보안 기술 습득 및 개인정보 보호 의무 등에 관해 사내 교육을 실시하고 있습니다.
+              <br/>
+              나. 개인정보 관련 취급자의 업무 인수인계는 보안이 유지된 상태에서 철저하게 이뤄지고 있으며 입사 및 퇴사 후 개인정보 사고에 대한 책임을 명확화하고 있습니다.
+              <br/>
+              다. 회사는 이용자 개인의 실수나 기본적인 인터넷의 위험성 때문에 일어나는 일들에 대해 책임을 지지 않습니다.
+              <br/>
+              라. 그 외 내부 관리자의 실수나 기술관리상의 사고로 인해 개인정보의 상실, 유출, 변조, 훼손이 유발될 경우 회사는 즉각 이용자께 사실을 알리고 적절한 대책과 보상을 강구할 것입니다.
+              <br/><br/>
+              2. 링크사이트 제공 방침<br/>
+              회사는 이용자에게 다른 회사의 웹사이트 또는 자료에 대한 링크를 제공할 수 있습니다. 이 경우 회사는 외부사이트 및 자료에 대한 아무런 통제권이 없으므로 그로부터 제공받는 서비스나 자료의
+              유용성에 대해 책임질 수 없으며 보증할 수 없습니다. 회사가 포함하고 있는 링크를 클릭하여 타 사이트의 페이지로 옮겨갈 경우 해당 사이트의 개인정보보호정책은 회사와 무관하므로 새로 방문한
+              사이트의 정책을 검토해 보시기 바랍니다.
+              <br/><br/>
+              3. 게시물 운영 방침<br/>
+              회사는 이용자의 게시물을 소중하게 생각하며 변조, 훼손, 삭제되지 않도록 최선을 다하여 보호합니다. 그러나 다음의 경우는 그렇지 아니합니다.
+              <br/>가. 스팸(spam)성 게시물 (예 : 행운의 편지, 8억 메일, 특정사이트 광고 등)
+              <br/>나. 타인을 비방할 목적으로 허위 사실을 유포하여 타인의 명예를 훼손하는 게시물
+              <br/>다. 동의 없는 타인의 신상공개 게시물
+              <br/>라. 회사 또는 제3자의 지적재산권 등 권리를 침해하는 내용의 게시물
+              <br/>마. 기타 게시판 주제와 다른 내용의 게시물
+              <br/>바. 회사는 바람직한 게시판 문화를 활성화하기 위하여 동의 없는 타인의 신상 공개 시 특정 부분을 삭제하거나 기호 등으로 수정하여 게시할 수 있으며, 다른 주제의 게시판으로 이동
+              가능한 내용일 경우 해당 게시물에 이동 경로를 밝혀 오해가 없도록 하고 있습니다.
+              <br/>사. 그 외의 경우 명시적 또는 개별적인 경고 후 삭제 조치할 수 있습니다.
+              <br/>아. 근본적으로 게시물에 관련된 제반 권리와 책임은 작성자 개인에게 있습니다. 또 게시물을 통해 자발적으로 공개된 정보는 보호받기 어려우므로 정보 공개 전에 심사 숙고하시기
+              바랍니다.
+              <br/><br/>
+              4. 이메일 무단수집 거부 방침<br/>
+              회사는 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단 수집되는 것을 거부합니다. 이를 위반 시 「정보통신망 이용촉진 및 정보보호 등에 관한 법률」 등에
+              의해 처벌 받을 수 있습니다.
+              <br/><br/>
+              5. 광고성 정보의 전송<br/>
+              회사는 이용자의 명시적인 수신거부의사에 반하여 영리목적의 광고성 정보를 전송하지 않습니다. 회사는 이용자가 상품정보 안내, 뉴스레터 등 전자우편 전송에 대한 동의를 한 경우, 전자우편의
+              제목란 및 본문란에 다음 사항과 같이 이용자가 쉽게 알아 볼 수 있도록 조치합니다.
+              <br/>
+              가. 전자우편의 제목란<br/>
+              - (광고)라는 문구를 제목란에 표시하지 않을 수 있으며 전자우편 본문란의 주요 내용을 표시합니다.
+              <br/>
+              나. 전자우편의 본문란<br/>
+              - 이용자가 수신거부의 의사표시를 할 수 있는 전송자의 명칭, 전자우편주소를 명시합니다.<br/>
+              - 이용자가 수신 거부의 의사를 쉽게 표시할 수 있는 방법을 명시합니다.
+              <br/><br/>
+              제 10조. 개인정보에 관한 민원서비스<br/>
+              회사는 고객의 개인정보를 보호하고 개인정보와 관련한 불만을 처리하기 위하여 아래와 같이 관련 부서 및 개인정보관리책임자를 지정하고 있습니다. 회사의 서비스를 이용하시며 발생하는 모든
+              개인정보보호 관련 민원을 개인정보관리책임자 혹은 담당부서로 신고하실 수 있습니다. 회사는 이용자들의 신고사항에 대해 신속하게 충분한 답변을 드릴 것입니다.
+              <br/><br/>
+              고객서비스담당 부서:
+              전화번호 :
+              이메일:
+              개인정보관리책임자 성명:
+              전화번호:
+              이메일:
+              <br/><br/>
+              기타 개인정보침해에 대한 신고나 상담이 필요하신 경우에는 아래 기관에 문의하시기 바랍니다.
+              <br/><br/>
+              1. 개인정보분쟁조정위원회 : (국번없이) 1833-6972 (www.kopico.go.kr)
+              <br/><br/>
+              2. 개인정보침해신고센터 : (국번없이) 118 (privacy.kisa.or.kr)
+              <br/><br/>
+              3. 대검찰청 : (국번없이) 1301 (www.spo.go.kr)
+              <br/><br/>
+              4. 경찰청 : (국번없이) 182 (ecrm.cyber.go.kr)
+              <br/><br/>
+              제 11조. 고지의 의무<br/>
+              현 개인정보취급방침 내용 추가, 삭제 및 수정이 있을 시에는 개정 최소 7일전부터 웹사이트를 통해 고지합니다. 개인정보의 수집 및 활용, 제3자의 제공 등과 같이 이용자 권리의 중요한 변경이
+              있을 경우에는 최소 30일 전에 고지합니다.
+              <br/><br/>
+              공고일자: 2022년 05월 26일<br/>
+              시행일자: 2022년 05월 26일
+            </p>
+          </div>
+          <div class="checkbox">
+            <input type="checkbox" id="agreePrivacy" name="agreePrivacy"/>
+            <label for="agreePrivacy"><span>개인정보처리방침에 동의합니다.</span></label>
+          </div>
+          <div class="write">
+            <div class="list-input-box list-2n">
+              <div class="list-input">
+                <label for="wrName" class="write-label">이름<strong>필수</strong></label>
+                <input type="text" name="wrName" value="" id="wrName" required="" class="input-st required"
+                       placeholder="이름">
+              </div>
+              <div class="list-input">
+                <label for="wrEmail" class="write-label">이메일<strong>필수</strong></label>
+                <input type="text" name="wrEmail" value="" id="wrEmail" required="" class="input-st required"
+                       placeholder="이메일">
+              </div>
+            </div>
+            <div class="list-input-box list-2n">
+              <div class="list-input">
+                <label for="wrCall" class="write-label">연락처</label>
+                <input type="text" name="wrCall" value="" id="wrCall" class="input-st" placeholder="연락처">
+              </div>
+              <div class="list-input">
+                <label for="wrHomepage" class="write-label">홈페이지</label>
+                <input type="text" name="wrHomepage" value="" id="wrHomepage" class="input-st" placeholder="홈페이지">
+              </div>
+            </div>
+            <div class="list-input-box list-1n">
+              <div class="list-input">
+                <label for="wrTitle" class="write-label">제목</label>
+                <input type="text" name="wrTitle" value="" id="wrTitle" class="input-st required" placeholder="제목">
+              </div>
+            </div>
+            <div class="list-input-box list-1n">
+              <div class="list-input">
+                <textarea class="textarea-st required" name="wrContent" placeholder="내용"></textarea>
+              </div>
+            </div>
+            <div class="btn-box">
+              <button type="button" id="btnSubmit" class="btn blue">문의하기</button>
+              <button type="button" id="btnCancel" class="btn ">취소하기</button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <div class="mo-sub">
     <div class="sub-inner">
       <div class="sub-ti">
         <div class="breadcrumbs">
@@ -278,6 +500,7 @@
       </div>
     </div>
   </div>
+</div>
 <!--//main-->
 <footer id="footer" class="ft-sub"></footer>
 <script>