diff --git a/src/main/webapp/WEB-INF/jsp/nlib/bbs/insertQnaForm.jsp b/src/main/webapp/WEB-INF/jsp/nlib/bbs/insertQnaForm.jsp index 5c2886b4..535e71a5 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/bbs/insertQnaForm.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/bbs/insertQnaForm.jsp @@ -39,15 +39,12 @@ 등록 - - + + - + @@ -297,21 +294,20 @@ function fn_downloadFile(attachFileId, fileSn) {
- Q&A 작성

* 표시는 필수 입력 항목입니다.

+
+
+ Q&A 작성 + + + + + + + +
    - - - - - - - - - - -
  • 제목
    @@ -320,8 +316,6 @@ function fn_downloadFile(attachFileId, fileSn) {
  • - - checked /> @@ -340,9 +334,13 @@ function fn_downloadFile(attachFileId, fileSn) {
    • -
    - +
+
+
+ +
+
  • 첨부파일
    @@ -354,7 +352,6 @@ function fn_downloadFile(attachFileId, fileSn) {
    -
@@ -375,9 +372,9 @@ function fn_downloadFile(attachFileId, fileSn) {
- - - - - + + + + +
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp b/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp index 0c77c8ed..4e120fc0 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp @@ -181,17 +181,17 @@
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 2e977506..e5952d67 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -252,6 +252,8 @@ transition: all 0.2s ease-in-out; /********** 메인섹션6 **********/ .sec6 {padding:100px 0px 100px;} .sec6 .inner {width:100%;position: relative;} +.sec6 .inner .more-btn {position:absolute;right:30px;top:30px;} +.sec6 .inner .more-btn a {background:#666;color:#fff;padding:5px 20px;border-radius:3px;} .sec6 .onlineSwiper::before {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;box-shadow:30px 0px 30px rgba(255,255,255,1.0);} .sec6 .onlineSwiper::after {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;box-shadow:-30px 0px 30px rgba(255,255,255,1.0);} .sec6 .onlineSwiper .swiper-slide {height:auto;background: #ccc;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);} @@ -525,8 +527,13 @@ transform: rotate(45deg); .join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:30%;padding:3% 35%;border-radius: 3px;border:1px solid #ddd;} .join.connect .inner .row-bottom .join-box .success .box::before {background: #f0f0f0;border-top:1px solid #ddd;border-left:1px solid #ddd;} .join.connect .inner .row-bottom .join-box .success .box .icon {float:left;margin-right:10px;} +.join-box .success .box .icon.kakao {background: #ffeb00;border-radius:50%;} +.join-box .success .box .icon.naver {background: #19ce60;border-radius:50%;} +.join-box .success .box .icon.google {background: #fff;border-radius:50%;} .join.connect .inner .row-bottom .join-box .success .box .text {float:left;} -.join.connect .inner .row-bottom .join-box .success .box .icon img {background: #ffeb00;padding:8px;border-radius: 50%;max-width:16px;margin-top:7px;} +.join.connect .inner .row-bottom .join-box .success .box .icon.kakao img {padding:8px;max-width:16px;} +.join.connect .inner .row-bottom .join-box .success .box .icon.naver img {padding:8px;max-width:16px;} +.join.connect .inner .row-bottom .join-box .success .box .icon.google img {padding:8px;max-width:16px;} .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(1) {text-align:left;font-size: 14px;font-weight:500;margin-bottom:0;} .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) {text-align:left;} .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span{font-size: 12px;font-weight: 400;color:#666;} @@ -707,7 +714,7 @@ transform: rotate(45deg);} .cart .inner .tabs_item .compl-box .compl-icon {margin-bottom: 10px;} .cart .inner .tabs_item .compl-box .compl-text {font-size:24px;font-weight: 300;} .cart .inner .tabs_item .compl-box .compl-text span {color:#d47b1c;font-weight: 500;} -.cart .inner .visit-confirm .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;} +.cart .inner .visit-confirm .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;} .cart .inner .visit-confirm .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:64%;} /********** 소장자료 **********/ @@ -796,7 +803,7 @@ transform: rotate(45deg);} .data .inner .tabs_item .list-cart-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:75px;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;} @@ -821,7 +828,7 @@ transform: rotate(45deg);} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin {padding:0;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p {padding-top:0px;} -.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;} .data .inner .tabs_item .list-cart-wrap .list-data div.list.resu {height:auto;} @@ -869,8 +876,8 @@ transform: rotate(45deg);} .data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;} .data.detail .inner .row-top .center .right .con-1 button.share {text-indent: -99999px;background:url(/images/icon/icon-data-share.png) no-repeat center #f5f5f5;} .data.detail .inner .row-top .center .right .con-2 {} -.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;} -.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;} +.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;} +.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;} .data.detail .inner .row-top .center .right .con-2 .de-data ul li {float:left;width:100%;margin:0px 0px 12px;} .data.detail .inner .row-top .center .right .con-2 .de-data ul li span {font-size:14px;color:#fff;} .data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;} @@ -892,7 +899,7 @@ transform: rotate(45deg);} .data.detail .inner .row-bottom .con-1 .text-box {display:inline-block;width:96%;padding:10px 2%;background:#f4f4f4;text-align: left;} .data.detail .inner .row-bottom .con-1 .text-box p {font-size:12px;} .data.detail .inner .row-bottom .con-2 {display:inline-block;width:100%;border-top:1px solid #333;border-bottom:1px solid #ddd;margin:0px 0px 100px;} -.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;} +.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;} .data.detail .inner .row-bottom .con-2 .top h3 span {color: #376795;} .data.detail .inner .row-bottom .con-2 .top .down-btn {position: absolute;top:0px;right:0px;text-indent: -999999px;background:url(/images/icon/icon-data-downarr2.png) no-repeat center;width:60px;height:60px;} .data.detail .inner .row-bottom .con-2 .top .down-btn.on {background:url(/images/icon/icon-data-downarr2-on.png) no-repeat center;} @@ -901,7 +908,7 @@ transform: rotate(45deg);} .data.detail .inner .row-bottom .con-2 .bottom p span {margin-right:15px;} .data.detail .inner .row-bottom .con-3 {width:100%;display:inline-block;border-top:1px solid #333;border-bottom:0px solid #ddd;margin:0px 0px 100px;} .data.detail .inner .row-bottom .con-3 .top {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;} -.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;} +.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;} .data.detail .inner .row-bottom .con-3 .top h3 span {color: #376795;} .data.detail .inner .row-bottom .DetailSwiper1 {display: inline-block;width:100%;} .data.detail .inner .row-bottom .DetailSwiper1 .swiper-wrapper {margin-top:15px;} @@ -1121,7 +1128,7 @@ transform: rotate(45deg);} .interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:87px;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;} @@ -1139,7 +1146,7 @@ transform: rotate(45deg);} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;display: block;margin:3px auto;} -.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;} +.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt p {padding:0px 0px 15px;} .interested-data .inner .data-box .list-data-wrap .btn-box {display: inline-block;float:left;margin-top:-30px;} @@ -1364,7 +1371,8 @@ transform: rotate(45deg);} .community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;} .community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;} -.qna-write-table {border-top: 2px solid #000;border-bottom: 1px solid #000;} +.qna-write-table {} +.community-write fieldset {border-top:1px solid #000;} .qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;} .w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;} .w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;}