diff --git a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
index a9dc8a5c..fc8c9a20 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
@@ -326,7 +326,7 @@ function fn_listPops(typeDivCd) {
커뮤니티 섹션영역
-
+
공지사항
@@ -340,9 +340,10 @@ function fn_listPops(typeDivCd) {
+
-
+
Q&A
@@ -368,6 +369,7 @@ function fn_listPops(typeDivCd) {
+
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css
index f5185711..da6fea3b 100644
--- a/src/main/webapp/css/default.css
+++ b/src/main/webapp/css/default.css
@@ -316,7 +316,7 @@ transition: all 0.2s ease-in-out;
/********** 메인섹션7 **********/
.sec7 {background:#f5f5f5;padding:100px 0px 100px;display: inline-block;width:100%;height:auto;}
.sec7 .inner {width:1400px;margin:0 auto;position: relative;}
-.sec7 .inner .Fl {float:left;width:47.5%;margin-right:5%;}
+.sec7 .inner .Fl {float:left;width:47.5%;margin-right:5%;position:relative;}
.sec7 .inner .Fl:last-child {margin-right:0;}
.sec7 .inner .Fl .ti {margin-bottom:5px;display:inline-block;width:100%;}
.sec7 .inner .Fl .ti span {float:left;font-size:24px;font-weight:500;}
@@ -337,6 +337,7 @@ transition: all 0.2s ease-in-out;
.sec7 .inner .Fl .con .list .answer.suc p {background:#4a7ba6;color:#fff;}
.sec7 .inner .notice .con .list .box {background: #2e899c;}
.sec7 .inner .qna .con .list .box {background: #4a7ba6;}
+.sec7 .inner .Fl .more {position:absolute;right:0%;top:10px;}
/********** 푸터 **********/
@@ -1637,7 +1638,7 @@ transform: rotate(45deg);
.pop-sharing .pop-wrap .Qr .inner .Qrtext p {padding:0;font-size:16px;}
.pop-sharing .pop-wrap .Qr .inner .Qrtext p strong {color:#ffc71e;}
.pop-sharing .pop-wrap .Qr .inner .Qrimg img {width:100%;}
-.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {width:100% !important;height:100% !important;}
+.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {width:100% !important;height:100% !important;max-width:120px;max-height:120px;}
/* 서지정보 팝업 */
diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css
index d17c224a..4334625a 100644
--- a/src/main/webapp/css/media.css
+++ b/src/main/webapp/css/media.css
@@ -284,6 +284,10 @@ footer .inner {width:100%;}
.sec7 .inner .Fl .con .list .text p { align-items: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right:20px; }
.sec7 .inner .Fl .con .list .text p img { margin: 0;margin-left:5px; }
.sec7 .inner .Fl .con .list .answer { display: none; }
+ .sec7 .inner .Fl .more {position:absolute;right:0%;top:5px;}
+ .sec7 .inner .Fl .more a span img {width:22px;}
+ .sec7 .inner .Fl .more a span > span {display:none;}
+
footer { padding: 20px 0px 16px; position: relative; height: auto; box-sizing: border-box; }
footer .inner { width: 100%; box-sizing: border-box; }
footer .row-top { display: flex; flex-direction: column; align-items: center; }
@@ -1213,3 +1217,12 @@ footer .inner {width:100%;}
footer .family_site .site_name:after {background: url(/images/icon/icon-up-arr.png) no-repeat right top;}
footer .family_site.on .site_name:after {background: url(/images/icon/icon-down-arr.png) no-repeat right top;}
}
+
+@media all and (max-width: 350px) {
+ /* 공유하기 팝업 */
+ .popup .pop-wrap { width: 90%; margin:0% 5%; height: auto; top: 2%; left: auto;transform:none;}
+ /* 알림 팝업 */
+ .pop-notice { width: 90%; margin:0% 5%; top: 2%; left: auto; }
+ /* 회원증 팝업 */
+ .pop-member { width: 90%; margin:0% 5%; height: auto; top: 2%; left: auto; }
+}