+
+
+
+
+
+
고객지원
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | 번호 |
+ 제목 |
+ 작성일 |
+ 조회수 |
+
+
+
+
+
+ | 공 |
+ 대탐험 전국영위원회 운영위원 초빙 |
+ 2019.03.05 |
+ 30 |
+
+
+ | 공 |
+ 2019년 탐정아카데미 신입 |
+ 020204 |
+ 30 |
+
+
+ | 12 |
+ 2019년 탐정아카데미 신입33 |
+ 2019.05.30 |
+ 30 |
+
+
+ | 11 |
+ 2019년 탐정아카데미 신입3333 |
+ 2019.06.30 |
+ 30 |
+
+
+ | 10 |
+ 2019년 탐정아카데미 신입4444 |
+ 2019.07.30 |
+ 30 |
+
+
+ | 9 |
+ 2019년 탐정아카데미 신입5555 |
+ 2019.08.30 |
+ 30 |
+
+
+ | 8 |
+ 2019년 탐정아카데미 신입6663 |
+ 2019.09.30 |
+ 30 |
+
+
+ | 7 |
+ 2019년 탐정아카데미 신입7777 |
+ 2019.10.30 |
+ 30 |
+
+
+ | 6 |
+ 2019년 탐정아카데미 신입8888 |
+ 2019.11.30 |
+ 30 |
+
+
+ | 5 |
+ 2019년 탐정아카데미 신입9999 |
+ 2019.12.30 |
+ 30 |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/html/notice_list.html b/src/html/notice_list.html
new file mode 100644
index 0000000..d56c628
--- /dev/null
+++ b/src/html/notice_list.html
@@ -0,0 +1,155 @@
+@@include("./include/meta.html", {"pageTitle" : "메인 페이지"})
+@@include("./include/header.html")
+
+
+
+
+
+
고객지원
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | 번호 |
+ 제목 |
+ 작성일 |
+ 조회수 |
+
+
+
+
+
+ | 공 |
+ 대탐험 전국영위원회 운영위원 초빙 |
+ 2019.03.05 |
+ 30 |
+
+
+ | 공 |
+ 2019년 탐정아카데미 신입 |
+ 020204 |
+ 30 |
+
+
+ | 12 |
+ 2019년 탐정아카데미 신입33 |
+ 2019.05.30 |
+ 30 |
+
+
+ | 11 |
+ 2019년 탐정아카데미 신입3333 |
+ 2019.06.30 |
+ 30 |
+
+
+ | 10 |
+ 2019년 탐정아카데미 신입4444 |
+ 2019.07.30 |
+ 30 |
+
+
+ | 9 |
+ 2019년 탐정아카데미 신입5555 |
+ 2019.08.30 |
+ 30 |
+
+
+ | 8 |
+ 2019년 탐정아카데미 신입6663 |
+ 2019.09.30 |
+ 30 |
+
+
+ | 7 |
+ 2019년 탐정아카데미 신입7777 |
+ 2019.10.30 |
+ 30 |
+
+
+ | 6 |
+ 2019년 탐정아카데미 신입8888 |
+ 2019.11.30 |
+ 30 |
+
+
+ | 5 |
+ 2019년 탐정아카데미 신입9999 |
+ 2019.12.30 |
+ 30 |
+
+
+
+
+
+
+
+
+@@include("./include/footer.html")
+@@include("./include/tail.html")
\ No newline at end of file
diff --git a/src/scss/pages/main.scss b/src/scss/pages/main.scss
index c67dae9..d096e32 100644
--- a/src/scss/pages/main.scss
+++ b/src/scss/pages/main.scss
@@ -465,4 +465,147 @@
}
}
}
-}
\ No newline at end of file
+}
+
+//---------NOTICE-LIST
+
+.notice--visual {
+ background-image: url("../images/notice-visual.png");
+ background-repeat: no-repeat;
+ background-size: cover;
+ .container {
+ height: 333px;
+ .summary {
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ .select-group {
+ display: flex;
+ align-items: center;
+ position: absolute;
+ width: 100%;
+ background: #fff;
+ left: 0;
+ bottom: 0;
+ border-bottom: 1px solid #ebebeb;
+ .select-list {
+ display: flex;
+ align-items: center;
+ height: 100%;
+ .sub-depth-1 {
+ position: relative;
+ width: 252px;
+ padding: 18px 26px 18px 17px;
+ border-right: 1px solid #ebebeb;
+ background-image: url("../images/notice-drop-btn.png");
+ background-repeat: no-repeat;
+ background-position-x: 92%;
+ background-position-y: center;
+ &:hover {
+ .sub-depth-2 {display: block;}
+ }
+ .sub-depth-2 {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ background-color: #fff;
+ width: 100%;
+ border: 1px solid #cccccc;
+ li {
+ a{
+ display: inline-block;
+ padding: 10px 0 10px 17px;
+ &:first-child {padding-top: 15px;}
+ &:last-child {padding-bottom: 15px;}
+ }
+
+ &:hover {
+ background: #eaeaef;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+//---검색창
+
+.search-form {
+ .container {
+ height: 281px;
+ border-bottom: 1px solid red;
+ .search-notice {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 60px 0;
+ h2 {
+ font-size: 36px;
+ letter-spacing: -0.04em;
+ line-height: 0.7em;
+ }
+ }
+ }
+ #search {
+ display: flex;
+ justify-content: center;
+ background-color: #f7f8f9;
+ padding: 26px 0;
+ }
+}
+
+//---게시판--
+
+.board {
+ .container {
+ .post_list {
+ width: 100%;
+
+ thead {
+ tr {
+ th {
+ padding: 15px;
+ text-align: center;
+ }
+ }
+ }
+
+ .tbody {
+ tr {
+ border-bottom: 1px solid #e9e9e9;
+
+ td {
+ padding: 15px;
+ letter-spacing: -0.02em;
+ &:not(.table-left) {
+ text-align: center;
+ }
+ }
+ }
+ }
+ }
+ }
+ .noti-pagi-wrap {
+ .container {
+ .notice--pagination {
+ display: flex;
+ justify-content: center;
+ margin-top: 30px;
+ margin-bottom: 90px;
+ li {
+ display: flex;
+ align-items: center;
+ a {
+ padding: 10px;
+ }
+ }
+ }
+ }
+ }
+}
+
+ 
