348 lines
18 KiB
HTML
348 lines
18 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes">
|
||
<title>소통참여-묻고답하기-글쓰기</title>
|
||
<link rel="stylesheet" href="/publish/css/reset.css">
|
||
<link rel="stylesheet" href="/publish/css/font.css">
|
||
<link rel="stylesheet" href="/publish/css/common.css">
|
||
<link rel="stylesheet" href="/publish/css/common_media.css">
|
||
<link rel="stylesheet" href="/publish/css/content.css">
|
||
<link rel="stylesheet" href="/publish/css/content_media.css">
|
||
<link rel="stylesheet" href="/publish/css/board.css">
|
||
<link rel="stylesheet" href="/publish/css/board_media.css">
|
||
|
||
<script src="/publish/js/jquery-3.5.0.js"></script>
|
||
<script src="/publish/js/common.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- top -->
|
||
<div class="skip_menu">
|
||
<a href="#main">본문 바로가기</a>
|
||
<a href="#header">주메뉴 바로가기</a>
|
||
<a href="#footer">푸터 바로가기</a>
|
||
</div>
|
||
<div class="allMenu"><button class="closeBtn" onclick="allMenuClose();"><img src="/publish/image/common/allMenuClose.png" alt=""></button>
|
||
<h1><img src="/publish/image/common/logoWhite.png" alt=""></h1>
|
||
<ul class="amn">
|
||
<li><a href="#">재단소개</a>
|
||
<ul class="amnDeth2">
|
||
<li><a href="#">이사장 인사말</a></li>
|
||
<li><a href="#">설립목적·비전</a></li>
|
||
<li><a href="#">연혁</a></li>
|
||
<li><a href="#">조직도</a></li>
|
||
<li><a href="#">CI·정관</a></li>
|
||
<li><a href="#">오시는 길</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">정책·지원</a>
|
||
<ul class="amnDeth2">
|
||
<li><a href="#">정책연구</a></li>
|
||
<li><a href="#">대학교육</a></li>
|
||
<li><a href="#">R&D</a></li>
|
||
<li><a href="#">국제협력</a></li>
|
||
<li><a href="#">기금관리·운용</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">안전·교육</a>
|
||
<ul class="amnDeth2">
|
||
<li><a href="#">종사자 안전관리</a></li>
|
||
<li><a href="#">원전기기 성능검증</a></li>
|
||
<li><a href="#">종사자 교육</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">알림·정보</a>
|
||
<ul class="amnDeth2">
|
||
<li><a href="#">재단소식</a></li>
|
||
<li><a href="#">공지사항</a></li>
|
||
<li><a href="#">인재채용</a></li>
|
||
<li><a href="#">전자조정안전 동향</a></li>
|
||
<li><a href="#">자료실</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">소통·참여</a>
|
||
<ul class="amnDeth2">
|
||
<li><a href="#">자주하는 질문</a></li>
|
||
<li><a href="#">묻고답하기</a></li>
|
||
<li><a href="#">개인정보처리방침</a></li>
|
||
<li><a href="#">고객헌장</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">정보공개</a>
|
||
<ul class="amnDeth2">
|
||
<li><a href="#">정보공개제도</a></li>
|
||
<li><a href="#">사전정보공표</a></li>
|
||
<li><a href="#">정보공개청구<img src="/publish/image/common/linkIconWhite.png" alt=""></a></li>
|
||
<li><a href="#">경영공시</a></li>
|
||
<li><a href="#">공공데이터개방<img src="/publish/image/common/linkIconWhite.png" alt=""></a></li>
|
||
<li><a href="#">사업실명제</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<header id="header">
|
||
<div class="hdInner">
|
||
<h1 class="logo"><a href="/publish/index.html"><img src="/publish/image/common/topLogo.png" alt="한국전자조정안전재단 로고"></a></h1>
|
||
<nav id="mainMenu">
|
||
<ul class="gnb">
|
||
<li><a href="#" tabindex="1">재단소개</a>
|
||
<div class="depth2">
|
||
<ul class="subMenu">
|
||
<li><a href="#" tabindex="1">이사장 인사말</a></li>
|
||
<li><a href="#" tabindex="1">설립목적·비전</a></li>
|
||
<li><a href="#" tabindex="1">연혁</a></li>
|
||
<li><a href="#" tabindex="1">조직도</a></li>
|
||
<li><a href="#" tabindex="1">CI·정관</a></li>
|
||
<li><a href="#" tabindex="1">오시는 길</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><a href="#" tabindex="1">정책·지원</a>
|
||
<div class="depth2">
|
||
<ul class="subMenu">
|
||
<li><a href="#" tabindex="1">정책연구</a></li>
|
||
<li><a href="#" tabindex="1">대학교육</a></li>
|
||
<li><a href="#" tabindex="1">R&D</a></li>
|
||
<li><a href="#" tabindex="1">국제협력</a></li>
|
||
<li><a href="#" tabindex="1">기금관리·운용</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><a href="#" tabindex="1">안전·교육</a>
|
||
<div class="depth2">
|
||
<ul class="subMenu">
|
||
<li><a href="#" tabindex="1">종사자 안전관리</a></li>
|
||
<li><a href="#" tabindex="1">원전기기 성능검증</a></li>
|
||
<li><a href="#" tabindex="1">종사자 교육</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><a href="#" tabindex="1">알림·정보</a>
|
||
<div class="depth2">
|
||
<ul class="subMenu">
|
||
<li><a href="#" tabindex="1">재단소식</a></li>
|
||
<li><a href="#" tabindex="1">공지사항</a></li>
|
||
<li><a href="#" tabindex="1">인재채용</a></li>
|
||
<li><a href="#" tabindex="1">전자조정안전 동향</a></li>
|
||
<li><a href="#" tabindex="1">자료실</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><a href="#" tabindex="1">소통·참여</a>
|
||
<div class="depth2">
|
||
<ul class="subMenu">
|
||
<li><a href="#" tabindex="1">자주하는 질문</a></li>
|
||
<li><a href="#" tabindex="1">묻고답하기</a></li>
|
||
<li><a href="#" tabindex="1">개인정보처리방침</a></li>
|
||
<li><a href="#" tabindex="1">고객헌장</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><a href="#" tabindex="1">정보공개</a>
|
||
<div class="depth2">
|
||
<ul class="subMenu">
|
||
<li><a href="#" tabindex="1">정보공개제도</a></li>
|
||
<li><a href="#" tabindex="1">사전정보공표</a></li>
|
||
<li><a href="#" tabindex="1">정보공개청구<img src="/publish/image/common/linkIcon.png" alt=""></a></li>
|
||
<li><a href="#" tabindex="1">경영공시</a></li>
|
||
<li><a href="#" tabindex="1">공공데이터개방<img src="/publish/image/common/linkIcon.png" alt=""></a></li>
|
||
<li><a href="#" tabindex="1">사업실명제</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<div class="hdRight">
|
||
<button><img src="/publish/image/common/serchBtn.png" alt="돋보기 버튼"></button>
|
||
<button onclick="allMenu();"><img src="/publish/image/common/menuIcon.png" alt="메뉴 버튼"></button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- //top -->
|
||
<div class="subContWrap sub5">
|
||
<div class="subVisWrap">
|
||
<div class="subVisTxt">
|
||
<p>전자조정안전을 바로 세우는 든든한 디딤돌</p>
|
||
<h2 class="subTit">소통·참여</h2>
|
||
</div>
|
||
<div class="subTab">
|
||
<ul class="pcTab tab4">
|
||
<li><a href="#">자주하는 질문</a></li>
|
||
<li class="tabOn"><a href="#">묻고답하기</a></li>
|
||
<li><a href="#">개인정보처리방침</a></li>
|
||
<li><a href="#">고객헌장</a></li>
|
||
</ul>
|
||
<div class="mTab">
|
||
<h5 onclick="snbTg();">묻고답하기</h5>
|
||
<div class="snb">
|
||
<ul>
|
||
<li><a href="#">자주하는 질문</a></li>
|
||
<li class="active"><a href="#">묻고답하기</a></li>
|
||
<li><a href="#">개인정보처리방침</a></li>
|
||
<li><a href="#">고객헌장</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="subUtil">
|
||
<div class="utilWrap">
|
||
<div class="subLocation">
|
||
<ul class="inline">
|
||
<li><a href="#"><img src="/publish/image/homeIcon.png" alt="집아이콘"></a></li>
|
||
<li><a href="#">소통·참여</a></li>
|
||
<li><a href="#">묻고답하기</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="utilBtn">
|
||
<ul class="inline">
|
||
<li><button><img src="/publish/image/shareIcon.png" alt="공유 아이콘"> SHARE</button></li>
|
||
<li><button><img src="/publish/image/printIcon.png" alt="프린트 아이콘">PRINT</button></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- contents 영역 -->
|
||
<div class="subCont">
|
||
<h3 class="contTit">글쓰기</h3>
|
||
<!-- write 영역 -->
|
||
<div class="contentWrap board">
|
||
<table class="tbType2">
|
||
<caption>게시판</caption>
|
||
<colgroup>
|
||
<col data-write="th" style="width:25%">
|
||
<col data-write="td" style="width:75%">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr>
|
||
<th scope="row">
|
||
<span class="reqArea"></span>
|
||
<label for="title">제목</label>
|
||
</th>
|
||
<td>
|
||
<input type="text" name="title" class="text" title="제목" id="titleBasicWrite">
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th scope="row">
|
||
<span class="reqArea"></span>
|
||
<label for="name">작성자</label>
|
||
</th>
|
||
<td>
|
||
<input type="text" name="name" readonly title="작성자" disabled size="20" id="nameBasicWrite">
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th scope="row">
|
||
<span class="reqArea"></span>
|
||
<label for="pwNumber">비밀글 암호</label>
|
||
</th>
|
||
<td>
|
||
<div>
|
||
<input type="checkbox" id="secret" title="비밀글여부" class="checkbox">
|
||
<label for="secret" class="secret"></label>
|
||
<label for="secret" class="secret">비밀글 사용</label>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th scope="row">첨부파일</th>
|
||
<td>
|
||
<!--<div> // 기존 첨부파일
|
||
<input type="text" readonly="readonly" disabled title="첨부파일" size="20" id="atFileBasicWrite">
|
||
<input type="button" class="inputFile" value="파일선택">
|
||
<span class="inputFileInfo">첨부파일 가능 용량은 10BM입니다</span>
|
||
</div>-->
|
||
<div class="fileTable fileAfter">
|
||
<table>
|
||
<colgroup>
|
||
<col style="width: 60%">
|
||
<col style="width: 10%">
|
||
<col style="width: 20%">
|
||
<col style="width: 10%">
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th>파일명</th>
|
||
<th>크기</th>
|
||
<th>등록일시</th>
|
||
<th>삭제</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="/publish/image/jpgFile.png" alt="jpg파일"><p>subIntro.png</p></td>
|
||
<td>794.01KB</td>
|
||
<td>2020-10-10 12:10:03</td>
|
||
<td><button><img src="/publish/image/delBtn.png" alt="삭제버튼"></button></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="/publish/image/jpgFile.png" alt="jpg파일"><p>subIntro.png</p></td>
|
||
<td>794.01KB</td>
|
||
<td>2020-10-10 12:10:03</td>
|
||
<td><button><img src="/publish/image/delBtn.png" alt="삭제버튼"></button></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="fileInfo">
|
||
<ul class="flex cont2">
|
||
<li><p><span class="c_1d397d fwBold">1</span>개 ｜ <span class="c_1d397d fwBold">794.01KB</span></p></li>
|
||
<li><p>최대<span class="c_f40000 fwBold">1</span>개 ｜ <span class="c_f40000 fwBold">50MB</span>제한</p></li>
|
||
</ul>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table> <!-- //tbType2 -->
|
||
<div class="writeWrap">
|
||
<textarea title="텍스트입력"></textarea>
|
||
</div>
|
||
<!-- btnWrap -->
|
||
<div class="btnWrap">
|
||
<button type="button" class="btnType btnType1 w80">저장</button>
|
||
<button type="button" class="btnType btnType2 w80">취소</button>
|
||
<button type="button" class="btnType btnType3 w80">목록</button>
|
||
</div><!-- //btnWrap -->
|
||
</div>
|
||
<!--//wirte 영역 -->
|
||
</div>
|
||
<!--//contents 영역 -->
|
||
</div>
|
||
|
||
<!-- footer -->
|
||
<footer>
|
||
<div class="footerWrap">
|
||
<h1><img src="/publish/image/common/footerLogo.png" alt="한국전자조정안전재단 CI"></h1>
|
||
<div class="infoWrap">
|
||
<div class="infoTop">
|
||
<ul class="inline">
|
||
<li><a href="#">개인정보처리방침</a></li>
|
||
<li><a href="#">이메일무단수집거부</a></li>
|
||
<li><a href="#">오시는길</a></li>
|
||
</ul>
|
||
</div>
|
||
<adress>
|
||
주소 : 경기도 성남시 분당구 대왕판교로644번길 49(삼평동, DTC타워 1관 7층) 대표자 : 김혜정 사업자등록번호 : 120-82-10910 <br>
|
||
대표전화 : 031-626-6121 대표Fax : 031-626-6010 E-mail : kofons@kofons.or.kr <br>
|
||
COPYRIGHT © 2014 한국전자조정안전재단. All Rights Reserved.
|
||
</adress>
|
||
</div>
|
||
<div class="ftRight">
|
||
<select name="" id="">
|
||
<option value="">유관기관1</option>
|
||
<option value="">유관기관2</option>
|
||
<option value="">유관기관3</option>
|
||
<option value="">유관기관4</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- //footer -->
|
||
</body>
|
||
|
||
</html> |