2026-Spring-Homeless/inquiry.html at main · 4RG0S/2026-Spring-Homeless · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="ko">

<head>
  <!-- Basic -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <!-- Mobile Metas -->
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <!-- Site Metas -->
  <meta name="keywords" content="ARGOS, 충남대, 정보보안, 동아리, 가입문의" />
  <meta name="description" content="충남대학교 정보보안 동아리 ARGOS 가입 문의" />
  <meta name="author" content="ARGOS" />
  <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/4RG0S/2024-Spring-Homeless@main/images/logo_circle.png" type="image/png">

  <title>가입 문의 - ARGOS</title>

  <!-- bootstrap core css -->
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
  <!-- inquiry (recruit style) -->
  <link rel="stylesheet" href="css/inquiry.css">

  <!-- fonts style -->
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap" rel="stylesheet">

  <!-- font awesome style -->
  <link href="css/font-awesome.min.css" rel="stylesheet" />

  <!-- Custom styles for this template -->
  <link href="css/style.css" rel="stylesheet" />
  <link href="css/responsive.css" rel="stylesheet" />

</head>

<body class="sub_page inquiry-page no_banner">

  <div class="hero_area">
    <div class="hero_bg_box">
      <div class="bg_img_box">
        <img src="images/hero-bg.png" alt="">
      </div>
    </div>

    <!-- header section -->
    <header class="header_section">
      <div class="container-fluid">
        <nav class="navbar navbar-expand-lg custom_nav-container ">
          <a class="navbar-brand" href="index.html">
            <span>ARGOS</span>
          </a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class=""> </span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav  ">
              <li class="nav-item">
                <a class="nav-link" href="index.html">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="education.html">동아리 활동</a>
                <ul>
                  <li><a href="seminar.html" class="nav-link">정기 세미나</a></li>
                  <li><a href="hack.html" class="nav-link">해킹 시연회</a></li>
                  <li><a href="hackathon.html" class="nav-link">SOGRA Hackathon</a></li>
                </ul>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="history.html">연혁</a>
              </li>
              <li class="nav-item active">
                <a class="nav-link" href="inquiry.html">가입 문의 <span class="sr-only">(current)</span></a>
              </li>
            </ul>
          </div>
        </nav>
      </div>
    </header>
    <!-- end header section -->
  </div>

  <!-- page title (recruit style) -->
  <div class="inquiry-page-title">
    <p class="inquiry-title-en">RECRUIT</p>
    <h1 class="inquiry-title-ko">가입 문의</h1>
    <p class="inquiry-title-desc">충남대학교 컴퓨터인공지능학부 정보보안 동아리 ARGOS</p>
    <a href="https://docs.google.com/forms/d/e/1FAIpQLSd2cjmo6gE8bt1TZuyy3JSSUU_ZOPR5cBadr53eMoWRxi3Gfw/viewform" target="_blank" rel="noopener noreferrer" class="inquiry-apply-btn">
      <img src="images/icon-apply.svg" alt="" class="inquiry-apply-icon" aria-hidden="true">
      <span>입부신청하기</span>
    </a>
  </div>

  <!-- QnA section -->
  <section class="inquiry-qna">
    <div class="container">
      <h3 class="inquiry-qna-title">자주 묻는 질문</h3>
      <div class="inquiry-qna-list">
        <div class="inquiry-qna-item">
          <div class="inquiry-qna-q">누가 ARGOS에 가입할 수 있나요?</div>
          <div class="inquiry-qna-a">충남대학교 재학생이라면 학년·학과에 관계없이 누구나 지원할 수 있습니다.</div>
        </div>
        <div class="inquiry-qna-item">
          <div class="inquiry-qna-q">정보보안을 몰라도 가입할 수 있나요?</div>
          <div class="inquiry-qna-a">네, 가능합니다. 정보보안에 관심과 열정이 있다면 누구나 환영합니다. 동아리 활동을 통해 함께 배워 나가실 수 있습니다.</div>
        </div>
        <div class="inquiry-qna-item">
          <div class="inquiry-qna-q">어떤 친목행사가 있나요?</div>
          <div class="inquiry-qna-a">개강총회, 막동, 사계절 MT, 멘토-멘티 등 여러분의 대학생활을 즐겁게 할 여러 친목행사가 준비되어 있습니다.</div>
        </div>
        <div class="inquiry-qna-item">
          <div class="inquiry-qna-q">지원 방법은 어떻게 되나요?</div>
          <div class="inquiry-qna-a">위의 입부신청하기 버튼을 클릭해 구글 폼을 작성해 주세요. 신청서 제출 후 회비를 납부하시면 됩니다. 회비 납부가 확인되면 카카오톡 단체 채팅방으로 초대해 드립니다.</div>
        </div>
        <div class="inquiry-qna-item">
          <div class="inquiry-qna-q">회비는 얼마인가요?</div>
          <div class="inquiry-qna-a">회비는 15,000원입니다. 4학년 이상은 면제됩니다. 카카오뱅크 7942-18-73146 (예금주 정성헌)으로 입금해 주시고, 입금자명은 학번+이름 (예: 26홍길동) 형식으로 기재해 주세요.</div>
        </div>
      </div>
    </div>
  </section>

  <!-- 문의처 section -->
  <section class="inquiry-contact">
    <div class="container">
      <div class="inquiry-contact-card">
        <h3 class="inquiry-contact-title">문의처</h3>
        <div class="inquiry-contact-channels">
          <a href="https://www.instagram.com/cnu_argos/" target="_blank" rel="noopener noreferrer" class="inquiry-contact-item">
            <i class="fa fa-instagram" aria-hidden="true"></i>
            <span>@cnu_argos</span>
          </a>
          <a href="https://map.naver.com/p/entry/place/21033930?c=15.00,0,0,0,dh" target="_blank" rel="noopener noreferrer" class="inquiry-contact-item">
            <i class="fa fa-map-marker" aria-hidden="true"></i>
            <span>충남대학교 공과대학 5호관, 315호</span>
          </a>
        </div>
        <hr class="inquiry-contact-divider">
        <div class="inquiry-contact-personnel">
          <div class="inquiry-contact-row">
            <span class="inquiry-contact-name">회장 정명섭</span>
            <a href="tel:010-7624-2088" class="inquiry-contact-phone">010-7624-2088</a>
          </div>
          <div class="inquiry-contact-row">
            <span class="inquiry-contact-name">부회장 김민재</span>
            <a href="tel:010-4866-1221" class="inquiry-contact-phone">010-4866-1221</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- info section -->
  <section class="info_section layout_padding2">
    <div class="container">
      <div class="row">
        <div class="col-6 col-md-6 col-lg-3 info_col">
          <div class="info_contact">
            <h4>Address</h4>
            <div class="contact_link_box">
              <a href="https://map.naver.com/p/entry/place/21033930?c=15.00,0,0,0,dh" target="_blank" rel="noopener noreferrer">
                <i class="fa fa-map-marker" aria-hidden="true"></i>
                <span>대전광역시 유성구 대학로 99 공과대학 5호관</span>
              </a>
              <a href="mailto:we.represent.argos@gmail.com">
                <i class="fa fa-envelope" aria-hidden="true"></i>
                <span>we.represent.argos@gmail.com</span>
              </a>
            </div>
          </div>
          <div class="info_social">
            <a href="https://www.instagram.com/cnu_argos/" target="_blank" rel="noopener noreferrer" aria-label="인스타그램">
              <i class="fa fa-instagram" aria-hidden="true"></i>
            </a>
          </div>
        </div>

        <div class="col-6 col-md-6 col-lg-2 mx-auto info_col">
          <div class="info_link_box">
            <h4>Links</h4>
            <div class="info_links">
              <a class="" href="index.html">Home</a>
              <a class="" href="education.html">동아리 활동</a>
              <a class="" href="history.html">연혁</a>
              <a class="" href="inquiry.html">가입 문의</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- footer section -->
  <section class="footer_section">
    <div class="container">
      <p>&copy; <span id="displayYear"></span> All Rights Reserved By <a href="https://html.design/">Free Html Templates</a></p>
    </div>
  </section>

  <!-- jQery -->
  <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  <script type="text/javascript" src="js/bootstrap.js"></script>
  <script type="text/javascript" src="js/custom.js"></script>
  <script>
    (function () {
      var header = document.querySelector('.header_section');
      var ticking = false;
      function updateHeader() {
        if (window.scrollY >= 10) { header.classList.add('scrolled'); }
        else { header.classList.remove('scrolled'); }
        ticking = false;
      }
      window.addEventListener('scroll', function () {
        if (!ticking) { requestAnimationFrame(updateHeader); ticking = true; }
      }, { passive: true });
      updateHeader();
    })();
  </script></body>

</html>