이용약관 개인정보처리방침 동의 화면

src/main/java/com/lemon/lifecenter/common/CommonController.java

@@ -5,11 +5,21 @@ import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestMethod;
 import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.web.servlet.ModelAndView;
 
 @Controller
 @RequestMapping("/common")
-public class CommonController {
+public class CommonController extends LifeCenterController {
+    // 이용 약관 및 개인정보 활용 동의
+    @RequestMapping( value="/accept" )
+    public ModelAndView accept() {
+        
+        ModelAndView mv = setMV( "common/accept" );
+        
+        return mv;
+    }
     
+    // 패스워드 규칙 체크
     @RequestMapping( value="/passwordCheck", method=RequestMethod.POST )
     @ResponseBody
     public String passwordCheck( @RequestParam(value="password", required=true) String password ) {

src/main/java/com/lemon/lifecenter/controller/MobileMenuController.java

@@ -54,4 +54,12 @@ public class MobileMenuController extends LifeCenterController {
         ModelAndView mv = setMobileMV("menu/guide");
         return mv;
     }
+    
+    // 약관 동의 개발 
+    @RequestMapping("/accept")
+    public ModelAndView accept(
+            HttpServletRequest request, HttpServletResponse response) {
+        ModelAndView mv = setMobileMV("menu/accept");
+        return mv;
+    }
 }

src/main/webapp/resources/css/mobile/style.css

@@ -453,4 +453,36 @@ div.symptom-eng{margin-left:29px;font-size:12px;}
 .mt30{margin-top:30px;}
 .mt20{margin-top:20px;}
 .mt10{margin-top:10px;}
-input[readonly]{background:#EDEDED;outline:none;}
+input[readonly]{background:#EDEDED;outline:none;}
+
+
+
+/* ACCEPT LIST */
+.accept-wrap{padding:20px;}
+.accept-wrap .list { list-style:none; padding:0; width: 100%; }
+.accept-wrap .list li {box-shadow:0 0 8px -1px #DBDBDB;}
+.accept-wrap .list li a {margin-bottom:20px; position: relative; display: block; border: 1px solid #dddddd; color: #393939; font-size: 17px;text-align: left;padding: 20px 35px 20px 15px}
+.accept-wrap .list li a span.detail {float:right; display: inline-block; font-weight: 900; color:#4276DC;text-decoration: underline;}
+.accept-wrap .list li a span.check input{display: inline-block;width:30px;height:30px;margin-right:10px;}
+.accept-wrap .list li .answer { background-color: #F2F2F2; font-size: 15px; line-height: 21px; color:#666666; padding: 10px; border-bottom: 1px solid #DDDDDD; }
+.accept-wrap .list li label{font-size:16px;}
+.accept-wrap .list li div.content-wrap{position:fixed;top:0;left:0;right:0;bottom:0;background:#FFFFFF;z-index:9999;}
+.accept-wrap .list li div.content-wrap div.relative{height:100%;width:100%;overflow-y:scroll;}
+.accept-wrap .list li div.content-wrap div.relative .title{font-size:25px;font-weight:600;margin:30px;}
+.accept-wrap .list li div.content-wrap div.relative .content{white-space:pre-line;margin:30px;line-height:25px;margin-bottom:80px;}
+.accept-wrap .list li div.content-wrap div.relative .ok{position:absolute;bottom:0;right:0;left:0;height:50px;text-align:center;font-size:15px;color:#FFFFFF;background:#427BDC;font-weight:700;width:100%;}
+.accept-wrap .list li div.content-wrap div.relative .ok .check{
+    background-repeat: no-repeat;
+    background-image: url(../../images/mobile/btn_check_icon.png);
+    padding-left: 30px;
+    background-position: left center;
+}
+.accept-wrap .list li div.content-wrap div.relative .title .close{
+    width:30px;height:30px;
+    float:right;
+    background-image: url(../../images/mobile/icon_close.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size:30px;
+}
+button.not-accept{background-color:#CCCCCC !important;}