제3차 퍼블 변경 사항

This commit is contained in:
KNKIM 2021-10-25 08:27:15 +09:00
parent 23ed51822f
commit 72428962ec
4 changed files with 653 additions and 234 deletions

View File

@ -29,7 +29,7 @@ a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;} a:hover{text-decoration:none;}
input {border:0;outline:0;} input {border:0;outline:0;}
strong {font-weight:500;} strong {font-weight:500;}
h3 {font-weight: 500;}
.eff { .eff {
-webkit-transition : all 0.3s ease; -webkit-transition : all 0.3s ease;
-moz-transition : all 0.3s ease; -moz-transition : all 0.3s ease;

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,214 @@
<!DOCTYPE html>
<html lang="ko">
<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">
<meta name="format-detection" content="telephone=no" />
<title>소장자료관 - QnA</title>
<link rel="shortcut icon" type="image/x-icon" href="#">
<link href="/css/common.css" rel="stylesheet">
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
<link href="/css/swiper.min.css" rel="stylesheet">
<link href="/css/default.css" rel="stylesheet">
<script src="/js/jquery-1.11.2.min.js"></script>
<script src="/js/jquery.mCustomScrollbar.js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/default.js"></script>
</head>
<body>
<div class="wrap sub">
<!-- 헤더 -->
<header id="header">
<h2 class="blind">헤더영역</h2>
<div class="inner">
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
<div class="search-wrap">
<h2 class="blind">검색</h2>
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
<fieldset>
<legend>검색</legend>
<div class="search-input">
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
</div>
<div class="condition_sear">
<select name="searchField" id="searchField1" class="sear_depth">
<option value="" selected="selected">전체</option>
<option value="TITLE">제목</option>
</select>
</div>
</fieldset>
</form>
</div>
<div class="log">
<ul>
<li><a href="javascript:;" class="login-btn">로그인</a></li>
<li><a href="javascript:;" class="member-btn">회원증</a></li>
<li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
<li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
</ul>
</div>
</div>
</header>
<div class="nav-wrap">
<div class="inner">
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
<nav id="primary-nav" class="dropdown cf">
<ul class="dropdown menu">
<li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
<ul class="sub-menu">
<li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
<li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
<li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
</ul>
</li>
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
<ul class="sub-menu">
<li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
<li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
<li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
</ul>
</li>
<li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
<ul class="sub-menu">
<li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
<li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
<li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
<li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<!-- Q&amp;A 섹션 -->
<div class="location qna-data">
<h2 class="blind">Q&amp;A 섹션영역</h2>
<div class="inner">
<div class="row-top">
<div class="location-box">
<ul class="loc">
<li>HOME</li>
<li>고객지원</li>
<li class="on">Q&amp;A</li>
</ul>
<ul class="tit">
<li><span>Q&amp;A</span></li>
</ul>
</div>
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
</div>
<div class="contents row-bottom">
<div class="community qna">
<div class="contents-frame inner-center">
<div class="view-qna">
<div class="view-tit">
<h2><span class="type"><span>공지</span></span>질문의 제목이 들어갑니다.<span><img src="/images/icon/icon-secret.png" alt="자물쇠 아이콘"></span></h2>
<span class="v-info">
<em>관리자</em>
<em>2021-08-21</em>
</span>
</div>
<div class="file-box">
<div class="file-list">
<span><img src="/images/icon/icon-file.png" alt="파일 아이콘"></span>
<span>경주문화원 첨부파일 명칭 양식.hwp</span>
<span><button type="button">다운로드</button></span>
</div>
<div class="file-list">
<span><img src="/images/icon/icon-file.png" alt="파일 아이콘"></span>
<span>경주문화원 첨부파일 명칭 양식.hwp</span>
<span><button type="button">다운로드</button></span>
</div>
</div>
<div class="view-body">
<div class="view-con">
<div class="view-txt">
<p>
경주시 사회적 거리두기 3단계로 인한 인원제한으로 부득이 사전접수자만 참석 가능함을 양해부탁드립니다.<br>
추후 경주문화원 유투브에 영상을 업로드해드릴 예정이오니 많은 시청바랍니다. 감사합니다.<br>
<br>
공지사항 내용이 들어갑니다.<br>
관리시스템을 통해 관리자가 입력한 공지사항 내용이 들어갑니다. 관리시스템을 통해 관리자가 입력한 공지사항 내용이 들어갑니다.<br>
관리시스템을 통해 관리자가 입력한 공지사항 내용이 들어갑니다.<br>
관리시스템을 통해 관리자가 입력한 공지사항 내용이 들어갑니다.<br>
</p>
</div>
</div>
<div class="answer">
<div class="answer-top">
<span class="left">답변</span>
<span class="right">2021-08-21</span>
</div>
<div class="answer-con">
<p>
답변 내용이 들어갑니다.<br>
관리자가 작성한 답변 내용이 들어갑니다. 관리자가 작성한 답변 내용이 들어갑니다. 관리자가 작성한 답변 내용이 들어갑니다.<br>
관리자가 작성한 답변 내용이 들어갑니다. 관리자가 작성한 답변 내용이 들어갑니다.<br>
관리자가 작성한 답변 내용이 들어갑니다.<br>
</p>
</div>
</div>
</div>
<div class="btn-box">
<div class="left">
<button type="button" class="btn btn-gray" onclick="">수정</button>
<button class="btn btn-lightgray" onclick="">삭제</button>
</div>
<div class="right">
<button type="button" class="btn btn-black" onclick="">목록보기</button>
</div>
</div>
</div>
</div><!-- //contents-frame -->
</div>
</div>
</div>
</div>
<footer id="footer">
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
<div class="inner">
<div class="row-top">
<div class="footer-logo">
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
</div>
<div class="family_site">
<p class="site_name">관련 사이트</p>
<ul class="site_depth">
<li><a href="/" target="_blank">01</a></li>
<li><a href="/" target="_blank">02</a></li>
</ul>
</div>
</div>
<div class="row-bottom">
<div class="left-side">
<ul class="fnb">
<li><a href="/">이용약관</a></li>
<li><a href="/">개인정보처리방침</a></li>
<li><a href="/">찾아오시는 길</a></li>
</ul>
<p class="copy">
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
</p>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>

View File

@ -0,0 +1,213 @@
<!DOCTYPE html>
<html lang="ko">
<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">
<meta name="format-detection" content="telephone=no" />
<title>소장자료관 - QnA</title>
<link rel="shortcut icon" type="image/x-icon" href="#">
<link href="/css/common.css" rel="stylesheet">
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
<link href="/css/swiper.min.css" rel="stylesheet">
<link href="/css/default.css" rel="stylesheet">
<script src="/js/jquery-1.11.2.min.js"></script>
<script src="/js/jquery.mCustomScrollbar.js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/default.js"></script>
</head>
<body>
<div class="wrap sub">
<!-- 헤더 -->
<header id="header">
<h2 class="blind">헤더영역</h2>
<div class="inner">
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
<div class="search-wrap">
<h2 class="blind">검색</h2>
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
<fieldset>
<legend>검색</legend>
<div class="search-input">
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
</div>
<div class="condition_sear">
<select name="searchField" id="searchField1" class="sear_depth">
<option value="" selected="selected">전체</option>
<option value="TITLE">제목</option>
</select>
</div>
</fieldset>
</form>
</div>
<div class="log">
<ul>
<li><a href="javascript:;" class="login-btn">로그인</a></li>
<li><a href="javascript:;" class="member-btn">회원증</a></li>
<li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
<li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
</ul>
</div>
</div>
</header>
<div class="nav-wrap">
<div class="inner">
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
<nav id="primary-nav" class="dropdown cf">
<ul class="dropdown menu">
<li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
<ul class="sub-menu">
<li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
<li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
<li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
</ul>
</li>
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
<ul class="sub-menu">
<li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
<li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
<li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
</ul>
</li>
<li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
<ul class="sub-menu">
<li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
<li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
<li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
<li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<!-- Q&amp;A 섹션 -->
<div class="location qna-data">
<h2 class="blind">Q&amp;A 섹션영역</h2>
<div class="inner">
<div class="row-top">
<div class="location-box">
<ul class="loc">
<li>HOME</li>
<li>고객지원</li>
<li class="on">Q&amp;A</li>
</ul>
<ul class="tit">
<li><span>Q&amp;A</span></li>
</ul>
</div>
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
</div>
<div class="contents row-bottom">
<div class="community qna">
<div class="contents-frame inner-center">
<div class="community-write">
<fieldset>
<legend>Q&amp;A 작성</legend>
<p class="required-text"><span>*</span> 표시는 필수 입력 항목입니다.</p>
<div class="qna-write-table">
<ul>
<li class="wt-title fl">
<div class="w-tit">
<label for="">제목</label>
</div>
<div class="w-form">
<input type="text" class="grid-1" maxlength="2000" id="" name="" placeholder="제목을 입력하세요.">
</div>
</li>
<li class="wt-secret fl check">
<div class="w-tit">
<input type="checkbox" id="chk-1" name="" value="N">
<label for="chk-1">비밀글</label>
</div>
</li>
<li class="wt-mail check">
<div class="w-tit">
답변메일 수신여부
</div>
<div class="w-form">
<input type="checkbox" id="chk-2" name="" value="N">
<label for="chk-2">(답변 수신메일 주소는 내 정보에서 수정하실 수 있습니다.)</label>
</div>
</li>
<li class="wt-question">
<div class="w-tit">
<label for="">내용</label>
</div>
<div class="w-form">
<textarea name="" id="" placeholder="질문하실 내용을 입력하세요."></textarea>
</div>
</li>
<li class="wt-attachments">
<div class="w-tit">
<label for="">첨부파일</label>
</div>
<div class="w-form">
<button type="button" class="attachments-btn">파일첨부</button>
<div class="file">
<span class="icon"><img src="/images/icon/icon-file.png" alt="파일 아이콘"></span>
<span class="text">20210821_문의사항_첨부이미지.jpg<em>(3.7 MB)</em></span>
<button class="close"><img src="/images/btn/btn-close-maplayer.png" alt="닫기 아이콘"></button>
</div>
</div>
</li>
</ul>
</div>
<div class="btn-wrap">
<button type="submit" class="btn btn-color" onclick="">저장</button>
<button type="reset" class="btn btn-gray" onclick="">취소</button>
</div>
</fieldset>
</div>
</div><!-- //contents-frame -->
</div>
</div>
</div>
</div>
<footer id="footer">
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
<div class="inner">
<div class="row-top">
<div class="footer-logo">
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
</div>
<div class="family_site">
<p class="site_name">관련 사이트</p>
<ul class="site_depth">
<li><a href="/" target="_blank">01</a></li>
<li><a href="/" target="_blank">02</a></li>
</ul>
</div>
</div>
<div class="row-bottom">
<div class="left-side">
<ul class="fnb">
<li><a href="/">이용약관</a></li>
<li><a href="/">개인정보처리방침</a></li>
<li><a href="/">찾아오시는 길</a></li>
</ul>
<p class="copy">
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
</p>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>