리스크관리 / 발송통계 추가

frontend/src/assets/css/error.css

@@ -0,0 +1,72 @@
+@charset "utf-8";
+/* CSS Document */
+
+@font-face {
+  font-family: 'SpoqaHanSansNeo';
+  src: url('../font/SpoqaHanSansNeo-Thin.woff2') format('woff2');
+  font-weight: 100;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'SpoqaHanSansNeo';
+  src: url('../font/SpoqaHanSansNeo-Light.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'SpoqaHanSansNeo';
+  src: url('../font/SpoqaHanSansNeo-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'SpoqaHanSansNeo';
+  src: url('../font/SpoqaHanSansNeo-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'SpoqaHanSansNeo';
+  src: url('../font/SpoqaHanSansNeo-Bold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+}
+
+
+.error-wrap {background: #fff; text-align: center; padding:0; margin: 0 auto; font-family: 'SpoqaHanSansNeo';
+	width:90vw; height:90vh; position: relative;  }
+.error-body { width:450px; max-width: 98%; margin: 0 auto; text-align: center; position: absolute; top:50%;transform: translate(0, -50%); left:calc(50% - 225px);  }
+.error-body > .header { font-weight: 700; font-size: 2.5em; margin: 30px 0 20px 0;}
+.error-body > .message { font-weight: 400; font-size:1em; line-height: 150%;}
+.error-body > .error-btns { width:100%; display: flex;text-align: center; margin-top: 3em; }
+.error-body > .error-btns a:nth-child(1) {background: #eb008b; border:1px solid #eb008b; font-weight: 400; font-size:1em; line-height: 150%; border-radius: 5px; color:#fff; text-decoration:none;padding: 10px 0; width: 50%; }
+.error-body > .error-btns a:nth-child(2) { display: inline-block; background: #fff; border:1px solid #282828; font-weight: 400; font-size:1em; line-height: 150%; border-radius: 5px; color:#000; text-decoration:none;  padding: 10px 0; width: 50%; margin-left: 10px; }
+
+
+
+@media only screen and (max-width: 550px) {
+	.error-body  {  max-width: 98%; margin: 0 auto; text-align: center; position: relative; top:3em; left:auto; transform: none;}
+}
+
+
+
+@media only screen and (max-width: 414px) {
+	.error-body > img { width:6em;}
+	.error-body > .header  {font-size: 1.6em; letter-spacing: -0.05em; margin: 20px 0 10px 0;}
+	.error-body > .message {font-size:0.9em; letter-spacing: -0.05em;}
+}
+
+
+@media only screen and (max-width: 280px) {
+	.error-body > img { width:6em;}
+	.error-body > .header  {font-size: 1.35em; letter-spacing: -0.05em; margin: 20px 0 10px 0;}
+	.error-body > .message {font-size:0.9em; letter-spacing: -0.05em; line-height: 140%;}
+	.error-body > .error-btns { margin-top: 2em; }
+}
+
+
+
+
+
+
+

frontend/src/assets/css/style.css

@@ -539,95 +539,62 @@ header .user_wrap .user_info .logout {
 }
 
 /* input cal + search-box*/
-/*.w35{width:35%;}*/
-/*.contents .table.table_form.m50{margin-bottom: 50px;}*/
+.w35{width:35%;}
+.contents .table.table_form.m50{margin-bottom: 50px;}
 
-/*.contents .input_box.cal{*/
-/*	display: inline-block;*/
-/*	width: 27.34%;*/
-/*}*/
-
-/*.contents .input_box.cal label {*/
-/*    display: block;*/
-/*}*/
-
-/*.contents .input_box.cal .txt{*/
-/*	display: inline-block;*/
-/*}*/
-
-/*.contents .input_box.cal p{*/
-/*	display: inline-flex;*/
-/*	margin-left: 10px;*/
-/*}*/
-
-/*.contents .input_box.cal input {*/
-/*    display: inline-block;*/
-/*    width: 48%;*/
-/*    float: left;*/
-/*	background: #fff url(../images/icon-calender.png) no-repeat right 6% center;*/
-/*}*/
-
-/*.contents .input_box.cal input {*/
-/*  display: inline-block;*/
-/*  width: 48%;*/
-/*  float: left;*/
-/*  background: #fff url(../images/icon-calender.png) no-repeat right 6% center;*/
-/*}*/
-
-/*.contents .input_box.cal span {*/
-/*  display: inline-block;*/
-/*  width: 48%;*/
-/*  float: left;*/
-/*  background: #fff url(../images/icon-calender.png) no-repeat right 6% center;*/
-/*}*/
-
-.custom_input.icon_date input[type="text"] {
-  width: 52%;
-  float: left;
-  background: #fff url(../images/icon-calender.png) no-repeat right 6% center;
-}
-.custom_input.icon_date input[type="text"]:focus {
-  border-color: #cccccc;
-  background-color: #f6f6f6;
-  color: #898989;
+.contents .input_box.cal{
+	display: inline-block;
+	width: 27.34%;
 }
 
-.contents .input_box.cal span + input{
+.contents .input_box.cal label {
+    display: block;
+} 
+
+.contents .input_box.cal .txt{
+	display: inline-block;
+}
+
+.contents .input_box.cal p{
+	display: inline-flex;
+	margin-left: 10px;
+}
+
+.contents .input_box.cal input {
+    display: inline-block;
+    width: 48%;
+    float: left;
+	background: #fff url(../images/icon-calender.png) no-repeat right 6% center;
+}
+.contents .input_box.cal input + input{
 	margin-left: 5%;
 }
 
-
-.vdp-datepicker__calendar header {
-  display: block;
-  line-height: 40px;
-  height: 40px;
+.contents .input_box.cal.one{
+	width: 13.67%;
 }
 
-/*.contents .input_box.cal input + input{*/
-/*	margin-left: 5%;*/
-/*}*/
+.contents .input_box.cal.one input{
+	width: 100%;
+}
 
-/*.contents .input_box.cal.one{*/
-/*	width: 13.67%;*/
-/*}*/
+.contents .input_box.cal.one + .btn-a{
+	margin-right: 10px;
+}
 
-/*.contents .input_box.cal.one input{*/
-/*	width: 100%;*/
-/*}*/
+.contents .input_box.cal .term{
+	display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
 
-/*.contents .input_box.cal.one + .btn-a{*/
-/*	margin-right: 10px;*/
-/*}*/
+.contents .input_box.cal .term input:nth-child(1){
+	margin-right: 4%;
+}
 
-/*.contents .input_box.cal .term{*/
-/*	display: flex;*/
-/*    justify-content: space-around;*/
-/*    align-items: center;*/
-/*}*/
+.vdp-datepicker__calendar div {margin-top:80px;}
 
-/*.contents .input_box.cal .term input:nth-child(1){*/
-/*	margin-right: 4%;*/
-/*}*/
+/*.vdp-datepicker__calendar div*/
 
 .contents .input_box .search-box {
   background: #fff url(../images/icon-search.png) no-repeat 6% center/14px auto;	
@@ -904,6 +871,8 @@ header .user_wrap .user_info .logout {
 
 /*contents table 추가*/
 
+/* arrow_box 반려사유 삭제 */
+/*
 .contents .table table .arrow_box {
 	display: none;
 	background-color: #fff; 
@@ -946,6 +915,7 @@ header .user_wrap .user_info .logout {
 	width: 0; 
 	z-index: 1;
 }
+*/
 
 .contents .table.calculate table td, .contents .table.calculate table th{
 	border-left: 1px solid #dadae6;
@@ -976,10 +946,6 @@ header .user_wrap .user_info .logout {
 
 .contents .table table td span {cursor: pointer;}
 
-.contents .table table td .linkstyle {cursor: pointer; text-decoration: underline;}
-.contents .table table td .linkstyle:hover {color:#eb008b;}
-
-
 .contents .table table td span:hover + p.arrow_box {
   display: block;
 }
@@ -1593,10 +1559,10 @@ header .user_wrap .user_info .logout {
 	background: url(../images/icon-add-b.png) no-repeat center center;
 }
 
-/*.popup.popup_form.register .input_add div:nth-child(2){*/
-/*	width: 89%;*/
-/*    padding-top: 5px;*/
-/*}*/
+.popup.popup_form.register .input_add div:nth-child(2){
+	width: 89%;
+    padding-top: 5px;
+}
 
 .popup .button.white{
 	background-color: #fff;