qna11.php 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <?
  2. $HEADER_LOC = 'main';
  3. include($_SERVER['DOCUMENT_ROOT']."/design/mobile/usedcar/inc/header.php");
  4. ?>
  5. <main class="">
  6. <section>
  7. <div class="sub--top--visual cscenter">
  8. <div class="contents--inner">
  9. <h2>고객 센터</h2>
  10. <p>이차조아에 대해 궁금하신 점이 있다면 무엇이든 물어보세요.</p>
  11. </div>
  12. </div>
  13. </section>
  14. <section>
  15. <div class="qna--wrapper">
  16. <div class="qna--inner">
  17. <div class="form--wrapper d-flex justify-content-between">
  18. <div>
  19. <label for="">이름</label>
  20. <input type="text" class="form-control"/>
  21. </div>
  22. <div>
  23. <label for="">연락처</label>
  24. <div class="d-flex align-items-center">
  25. <select name="" class="form-control" id="">
  26. <option value="">010</option>
  27. </select>
  28. <label for="" class="ml10 mr10">-</label>
  29. <input type="text" class="form-control"/>
  30. <label for="" class="ml10 mr10">-</label>
  31. <input type="text" class="form-control"/>
  32. </div>
  33. </div>
  34. <div>
  35. <label for="">이메일</label>
  36. <div class="d-flex align-items-center">
  37. <input type="text" class="form-control"/>
  38. <label for="" class="ml10 mr10">@</label>
  39. <select name="" class="form-control" id="">
  40. <option value="">naver.com</option>
  41. </select>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="form--wrapper mt40">
  46. <label for="">문의 사항</label>
  47. <textarea rows="5" class="form-control">문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을 적는 영역입니다. 문의사항을적는 영역입니다.</textarea>
  48. </div>
  49. <div class="agree--wrapper mt35 d-flex justify-content-end">
  50. <input type="checkbox" id="agree" class="ty2" hidden>
  51. <label for="agree">개인정보 수집 및 이용 동의 (필수)</label>
  52. <button class="info--btn btn" data-bs-toggle="modal" data-bs-target="#exampleModal6"></button>
  53. </div>
  54. <div class="btn--wrappers">
  55. <button class="btn btn-primary">문의 하기</button>
  56. </div>
  57. </div>
  58. </div>
  59. </section>
  60. </main>
  61. <!-- 거래 완료 -->
  62. <div class="modal fade type2" id="exampleModal6" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  63. <div class="modal-dialog modal-dialog-centered" style="max-width:800px;">
  64. <div class="modal-content">
  65. <div class="modal-header">
  66. <h1 class="modal-title" id="exampleModalLabel">개인정보 수집 및 이용 동의</h1>
  67. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  68. </div>
  69. <div class="modal-body modal--body pt0">
  70. <div class="date--text">
  71. 수집하는 개인정보의 항목, 개인정보의 수집 및 이용 목적, 개인 정보의 보유 및 이용 기간을 안내 드리오니 자세히 읽은 후 동의하여 주시기 바랍니다.<br/>
  72. <br/>
  73. - 수집 및 이용 목적<br/>
  74. - 상담 접수 및 처리<br/>
  75. - 처리 내역 보관 용도<br/>
  76. - 중복 상담 확인<br/>
  77. <br/>
  78. 항목<br/>
  79. (필수) 이름, 이메일, 연락처<br/>
  80. <br/>
  81. 보관 기간<br/>
  82. 수집·이용 동의일로부터 12개월 (단, 요청시 삭제)<br/>
  83. <br/>
  84. 귀하는 위 개인정보 수집 및 이용을 거부할 수 있으나, 동의를 거부하실 경우 상담을 받으실 수 없습니다.<br/>
  85. <br/>
  86. 귀하의 상담 내용은 원활한 상담을 위하여 보관되며, 홈페이지에 게시된 개인정보처리방침에 따라 처리됩니다.
  87. </div>
  88. </div>
  89. <!--<div class="modal-footer d-flex justify-content-center ty2 ty--2">
  90. <button type="button" class="btn btn-primary" style="max-width:100px;">확인</button>
  91. </div>-->
  92. </div>
  93. </div>
  94. </div>
  95. <script>
  96. $(".faq--wrap li").on("click",function(){
  97. $(this).toggleClass("actv");
  98. });
  99. </script>
  100. <? include($_SERVER['DOCUMENT_ROOT']."/design/mobile/usedcar/inc/footer.php") ?>