|
|
@@ -6,7 +6,9 @@
|
|
6
|
6
|
}
|
|
7
|
7
|
* {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'GmarketSansMedium', 'serif'; list-style: none;}
|
|
8
|
8
|
section {}
|
|
9
|
|
-body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';}
|
|
|
9
|
+body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';
|
|
|
10
|
+ overflow:scroll-y;
|
|
|
11
|
+ -webkit-overflow-scrolling:touch;}
|
|
10
|
12
|
body .login {position:fixed;}
|
|
11
|
13
|
.color-gray {color:#aaa;}
|
|
12
|
14
|
/* 팝업 */
|
|
|
@@ -21,8 +23,8 @@ section .popup .pop .pop_line .itp_label_area {height:35px; padding:8px; width:1
|
|
21
|
23
|
section .popup .pop .pop_line .itp_label_area label {margin:0;font-size: 14px; text-align:left; float: left; min-width: 100px;}
|
|
22
|
24
|
section .popup .pop .pop_line .itp_info_area {width:calc(100% - 100px); margin:0; padding:6px;}
|
|
23
|
25
|
section .popup .pop .pop_line div {text-align: right; float: right; font-size: 16px; margin-right: 10px; width: auto;}
|
|
24
|
|
-section .popup .pop .popup_btn { position: absolute; background-color: #ccc; bottom: 0; width: 100%; height: 51px; border-top: 2px solid #000;}
|
|
25
|
|
-section .popup .pop .popup_btn button { position: relative; float: left; width: 100%; height: 50px; margin:0; font-size: 18px; font-weight: 100; border-radius: 0px; border: none;}
|
|
|
26
|
+section .popup .pop .popup_btn { position: absolute; background-color: #ccc; bottom: 0; width: 100%; height: 40px; border-top: 2px solid #000;}
|
|
|
27
|
+section .popup .pop .popup_btn button { position: relative; float: left; width: 100%; height: 38px; margin:0; font-size: 18px; font-weight: 100; border-radius: 0px; border: none;}
|
|
26
|
28
|
section .popup .pop .popup_btn button.ok { width: 64%; border-left: 2px solid #000;}
|
|
27
|
29
|
section .popup .pop .popup_btn button.cancel {width: 36%;}
|
|
28
|
30
|
|
|
|
@@ -34,19 +36,20 @@ section .popup2 .barcode_area {width: 300px; height: 300px; margin: auto; backgr
|
|
34
|
36
|
section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 20px; margin:auto; margin-top: 20%;}
|
|
35
|
37
|
section .popup2 .btn_barcode {margin-top: 20%;}
|
|
36
|
38
|
section .popup2 .btn_barcode button {width: 35%; height: 50px; font-size: 15px; font-weight:100;}
|
|
37
|
|
-section .popup2 .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 95%; height: 85%; background: #fff; border: 1px solid #000; border-radius:10px;}
|
|
38
|
|
-section .popup2 .pop .header {position: relative; height: 50px; background: #f0831e; color:#eee; border-bottom: 1px solid #000; border-top-right-radius: 10px; border-top-left-radius: 10px;}
|
|
|
39
|
+section .popup2 .pop { position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); width: 95%; height: 70%; background: #fff; border: 1px solid #000; border-radius:10px;}
|
|
|
40
|
+section .popup2 .pop .header {position: relative; height: 40px; background: #f0831e; color:#eee; border-bottom: 1px solid #000; border-top-right-radius: 10px; border-top-left-radius: 10px;}
|
|
39
|
41
|
section .popup2 .pop .header .header_left {padding-top: 12px;}
|
|
40
|
|
-section .popup2 .pop .header .header_left label {font-size: 18px; font-weight:100;}
|
|
|
42
|
+section .popup2 .pop .header .header_left label {font-size: 16px; font-weight:100;}
|
|
41
|
43
|
section .popup2 .pop .header .header_right {float: right; padding-right: 10px; position:relative; top:-44px;}
|
|
42
|
|
-section .popup2 .pop .header .header_right button {border: none; background: transparent;}
|
|
|
44
|
+section .popup2 .pop .header .header_right button {border: none; background: transparent; margin:3px -5px;}
|
|
43
|
45
|
section .popup2 .pop .header .header_right button img {width:22px;}
|
|
44
|
|
-section .popup2 .pop .select_btn button.btn_blue {float: right; width: 100px; height: 30px; background:#d9baaf; color: #fff; font-size: 13px; padding-top:6px; border: 1px solid #cca597;}
|
|
45
|
46
|
section .popup2 .pop .select_btn {position:relative; top:-25px; left:55px; width:100%; height: 20px;}
|
|
|
47
|
+section .popup2 .pop .select_btn button.btn_blue {float: right; width: 90px; height: 25px; background:#d9baaf; color: #fff; font-size: 12px; padding-top:4px; border: 1px solid #cca597;}
|
|
|
48
|
+section .popup2 .pop .select_btn img {width:12px;}
|
|
46
|
49
|
section .popup2 .pop .search_bar {width: 100%; height: 60px; padding:10px;}
|
|
47
|
|
-section .popup2 .pop .search_bar input {width: 90%; margin:0 5%; height: 40px; position:relative; top:-37px; font-size:14px;}
|
|
48
|
|
-section .popup2 .pop .search_bar button {position:relative; top:-74px; background:transparent; margin-right:5%; float: right; border: none; padding-top:3px;}
|
|
49
|
|
-section .popup2 .pop .search_bar button img {width: 22px;}
|
|
|
50
|
+section .popup2 .pop .search_bar input {width: 90%; margin:0 5%; height: 27px; position:relative; top:-37px; font-size:14px;}
|
|
|
51
|
+section .popup2 .pop .search_bar button {position:relative; top:-64px; background:transparent; margin-right:5%; float: right; border: none; padding-top:3px;}
|
|
|
52
|
+section .popup2 .pop .search_bar button img {width: 18px;}
|
|
50
|
53
|
section .popup2 .pop .search_bar button.search {float: none; width: 50%; height: 35px; background:rgb(46, 46, 248); color: #fff; font-size: 1rem; padding: 0; border: 1px solid #000; margin: 0 auto;}
|
|
51
|
54
|
section .popup2 .pop .search_item_bar {width:98%;margin:5px auto; display:flex;}
|
|
52
|
55
|
section .popup2 .pop .search_item_bar input {width:40%; border-radius:5px; margin:0;}
|
|
|
@@ -69,9 +72,9 @@ section .popup2 .pop .table_body .table_tr .table_td div {font-size:14px; font-w
|
|
69
|
72
|
section .popup2 .pop .table_body .table_tr .table_td .chkItem {margin:-7px;}
|
|
70
|
73
|
|
|
71
|
74
|
section .popup2 .pop .popup_scroll ul.mb_0 {margin-bottom:0 !important;}
|
|
72
|
|
-section .popup2 .pop .popup_scroll {position: relative; top:-25px; width: 100%;height: 540px; overflow: auto; border-top:1px solid #E0B8AB;}
|
|
|
75
|
+section .popup2 .pop .popup_scroll {position: relative; top:-25px; width: 100%;height: 75%; overflow: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
|
|
73
|
76
|
section .popup2 .pop .popup_scroll li {list-style: none; width: 100%; height: 50px; border-bottom: 1px solid #E0B8AB;}
|
|
74
|
|
-section .popup2 .pop .popup_scroll li.row_2 {height: 90px;}
|
|
|
77
|
+section .popup2 .pop .popup_scroll li.row_2 {height: 70px;}
|
|
75
|
78
|
|
|
76
|
79
|
section .popup2 .pop .popup_scroll li .left {position: relative; float: left;}
|
|
77
|
80
|
section .popup2 .pop .popup_scroll li .left .check_box {width:30px; float:left; height:80px; padding-left:5px; padding-top:20px;}
|
|
|
@@ -83,13 +86,16 @@ section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-siz
|
|
83
|
86
|
section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
|
|
84
|
87
|
section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid;}
|
|
85
|
88
|
section .popup2 .pop .popup_scroll li .scroll_left div {text-align:left; float: left; font-size: 18px; font-weight: 100; width: auto; margin:8px 6px -6px 10px;}
|
|
86
|
|
-section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:8px;}
|
|
|
89
|
+section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:3px;}
|
|
|
90
|
+section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0;}
|
|
|
91
|
+section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 8px 8px 0px 2px;}
|
|
|
92
|
+.type_hide {display:block;}
|
|
87
|
93
|
section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14px; color:gray;}
|
|
88
|
|
-section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:16px; color:#b88278;}
|
|
|
94
|
+section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:14px; color:#b88278;}
|
|
89
|
95
|
section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
|
|
90
|
|
-section .popup2 .pop .popup_scroll li .scroll_right button {width: 50px; height: 38px; padding: 0; background:#8f9fc6; border:1px solid #cacfe3; color:#eee; border-radius: 10px; font-size: 14px; margin:25px 10px;}
|
|
91
|
|
-section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:24px; height:38px;}
|
|
92
|
|
-section .popup2 .pop .popup_scroll li .right button {padding: 5px; font-size: 22px; width:30px;}
|
|
|
96
|
+section .popup2 .pop .popup_scroll li .scroll_right button {width: 50px; height: 38px; padding: 0; background:#8f9fc6; border:1px solid #cacfe3; color:#eee; border-radius: 10px; font-size: 14px; margin:16px 10px;}
|
|
|
97
|
+section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:16px; height:38px;}
|
|
|
98
|
+section .popup2 .pop .popup_scroll li .right button {padding: 5px; font-size: 22px; width:24px;}
|
|
93
|
99
|
section .popup2 .pop .popup_scroll li .add button{float: right; width: 60px; height: 55px; margin: 12px 9px; border-radius: 10px; font-size: 1rem; background: rgb(198, 170, 250);}
|
|
94
|
100
|
section .popup2 .pop .content .line button {width: 40%; height: 35px;font-size: 14px; font-weight:100; padding-top: 7px; margin: 0 10px;}
|
|
95
|
101
|
section .popup2 .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
|
|
|
@@ -100,7 +106,7 @@ section .popup2 .list_line .list_info input{width:90%;}
|
|
100
|
106
|
section .popup2 .list_line .mail input {width:30%;}
|
|
101
|
107
|
section .popup2 .list_line .mail select {width:30%;}
|
|
102
|
108
|
section .popup2 .list_line .list_info .pay_info {text-align:left; padding-left:17px;}
|
|
103
|
|
-section .popup_scroll li .right .num {padding:8px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
|
|
|
109
|
+section .popup_scroll li .right .num {padding:8px 12px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
|
|
104
|
110
|
section .popup_scroll li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
|
|
105
|
111
|
section .popup2 .list_line .line_right {float:right; width:70%;}
|
|
106
|
112
|
section .popup2 .list_line .line_right select {width:200px; float:right;}
|
|
|
@@ -211,7 +217,7 @@ body.eee {height: 700px; background: #eee;}
|
|
211
|
217
|
.main .wicon .icon_left {float: left;}
|
|
212
|
218
|
|
|
213
|
219
|
|
|
214
|
|
-input {font-size:14px; margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px;text-align: left; padding:0 10px;}
|
|
|
220
|
+input {font-size:14px; margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 27px;text-align: left; padding:0 10px;}
|
|
215
|
221
|
input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
|
216
|
222
|
|
|
217
|
223
|
select {border: 1px solid #aaa; border-radius:5px; height: 35px; font-size: 12px; text-align: left; padding:0 15px;}
|
|
|
@@ -219,18 +225,18 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
219
|
225
|
|
|
220
|
226
|
/* 공통화면 */
|
|
221
|
227
|
|
|
222
|
|
-#ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 55px;background-color:#F7B014;align-items: center;border-bottom: 1px solid #000;z-index: 11;}
|
|
|
228
|
+#ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 45px;background-color:#F7B014;align-items: center;border-bottom: 1px solid #000;z-index: 11;}
|
|
223
|
229
|
#ITP_WRAPPER header .header_wrap {width: 100%; height: 55px; margin: 0 auto; display: inline-flex;}
|
|
224
|
|
-#ITP_WRAPPER header .header_wrap .menu_logo {width:100px;}
|
|
225
|
|
-#ITP_WRAPPER header .header_wrap .menu_logo button {width: 40px; height: 40px; float: left; padding: 0; background: transparent; border: none; margin-top: 7px; margin-left: 7px;}
|
|
|
230
|
+#ITP_WRAPPER header .header_wrap .menu_logo {width:100px; height:45px;}
|
|
|
231
|
+#ITP_WRAPPER header .header_wrap .menu_logo button {width: 40px; height: 40px; float: left; padding: 0; background: transparent; border: none; margin-top: 2px; margin-left: 3px;}
|
|
226
|
232
|
#ITP_WRAPPER header .header_wrap .menu_logo button img {width: 25px; height: 20px; margin: 0; border-radius: 0; border: none;}
|
|
227
|
233
|
#ITP_WRAPPER header .header_wrap img.brand {float: right; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
|
|
228
|
234
|
#ITP_WRAPPER header .header_wrap label{ margin-top: 15px; width: 50px; height: 25px; font-size: 1rem;float: left; color: #fff;}
|
|
229
|
|
-#ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 160px); height:55px; display:inline-flex;}
|
|
230
|
|
-#ITP_WRAPPER header .header_wrap .name_info div {width: 100%; font-size: 20px; color:#eee; margin-top:17px;}
|
|
|
235
|
+#ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 160px); height:45px; display:inline-flex;}
|
|
|
236
|
+#ITP_WRAPPER header .header_wrap .name_info div {width: 100%; font-size: 20px; color:#eee; margin-top:12px;}
|
|
231
|
237
|
|
|
232
|
238
|
#ITP_WRAPPER header .header_wrap .logout {float: right; width: 60px;}
|
|
233
|
|
-#ITP_WRAPPER header .header_wrap .logout button { margin: 3px 0px; width: 50px; height: 50px; border:none; font-size: 0.8rem;background: transparent;}
|
|
|
239
|
+#ITP_WRAPPER header .header_wrap .logout button {margin: -2px 10px; width: 50px; height: 50px; border:none; font-size: 0.8rem;background: transparent;}
|
|
234
|
240
|
#ITP_WRAPPER header .header_wrap .logout button img {width:22px;}
|
|
235
|
241
|
|
|
236
|
242
|
/* 메뉴바 */
|
|
|
@@ -286,51 +292,54 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
286
|
292
|
|
|
287
|
293
|
.fix {
|
|
288
|
294
|
width: 100%;
|
|
289
|
|
- padding-top: 50px;
|
|
290
|
|
- font-size: 2rem;
|
|
|
295
|
+ padding-top: 45px;
|
|
|
296
|
+ font-size: 16px;
|
|
291
|
297
|
}
|
|
292
|
|
-.content {position:fixed; z-index: 10; padding-top: 10px; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
|
|
293
|
|
-.content .header {width:100% !important; height:55px !important; margin:0 !important;}
|
|
294
|
|
-.content .line {position: relative; display: inline-block; width: 99%; height: 45px; margin:auto 1%; margin-bottom: -10px;}
|
|
|
298
|
+.content {position:fixed; z-index: 10; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
|
|
|
299
|
+.content .header {width:100% !important; margin:0 !important;}
|
|
|
300
|
+.content .line {position: relative; display: inline-block; width: 100%; height: 28px; margin-bottom: -10px;}
|
|
|
301
|
+.content .line.top3 {top:3px;}
|
|
|
302
|
+.content .line.top6 {top:6px;}
|
|
|
303
|
+.content .line.top9 {top:9px;}
|
|
295
|
304
|
.content .line .pop_right {width:50%; height:46px; float:right;}
|
|
296
|
305
|
.content .line .pop_right div {float:right; margin-right:10px; padding-top:8px; text-align:right; font-size:16px;}
|
|
297
|
306
|
.content .line .search_wrap input {float:right; width:50%; margin-right:10px;}
|
|
298
|
307
|
.content .line .search_wrap select {float:right; width:50%; margin-right:10px;}
|
|
299
|
|
-.content .line div.itp_search_header {font-weight:100;padding:9px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;}
|
|
300
|
|
-.content .line div.itp_search_header img{width:22px; top:-2px; position:relative;}
|
|
301
|
|
-.content .line label {min-width:92px; color:#666; font-size: 16px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
|
|
|
308
|
+.content .line div.itp_search_header {font-weight:100;padding:5px 10px 0px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;font-size:14px;}
|
|
|
309
|
+.content .line div.itp_search_header img{width:14px; top:-2px; position:relative;}
|
|
|
310
|
+.content .line label {min-width:92px; color:#666; font-size: 14px; margin-left: 10px; float: left; text-align: left; margin-top: 7px; font-weight:100;}
|
|
302
|
311
|
.content .line label.pay_label {margin:20px 1%; width:98%;}
|
|
303
|
312
|
.content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
|
|
304
|
|
-.content .line .itp_label_select {padding:0;width:116px; color:#666; font-size: 18px; float: left; margin-top: 5px; margin-right:4px; font-weight:100; border:1px solid #aaa; border-radius:5px;}
|
|
305
|
|
-.content .line .float_left {float: left; margin-top:2px; width:50%;}
|
|
|
313
|
+.content .line .itp_label_select {padding:0;width:98px; height:27px; color:#666; font-size: 14px; float: left; margin:0 2.5px; font-weight:100; border:1px solid #aaa; border-radius:5px;}
|
|
|
314
|
+.content .line .float_left {float: left; margin-top:2px; width:55%;}
|
|
306
|
315
|
.content .line .float_left.name {width:60%;}
|
|
307
|
|
-.content .line .float_left button {float:right; left:-5px; position:relative; background:transparent; border:none; width:36px; height:36px; padding:0;}
|
|
308
|
|
-.content .line .float_left button img {width:22px;}
|
|
|
316
|
+.content .line .float_left button {float:right; left:-5px; position:relative; background:transparent; border:none; width:27px; height:27px; padding:0;}
|
|
|
317
|
+.content .line .float_left button img {width:18px;}
|
|
309
|
318
|
.content .line .float_left input {width:100%; font-size:14px;}
|
|
310
|
319
|
.content .line .float_left.note {width: 100%; padding: 10px;}
|
|
311
|
320
|
.content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #aaa; text-align: left; font-size:14px;}
|
|
312
|
321
|
.content .line .float_left div {font-size: 1rem; margin-top: 8px;}
|
|
313
|
|
-.content .line .float_left .itp_input_btn {top:5px; margin:0; position:absolute; width:50%;}
|
|
|
322
|
+.content .line .float_left .itp_input_btn {top:5px; margin:0; position:absolute; width:55%;}
|
|
314
|
323
|
.content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
|
|
315
|
|
-.content .line .float_right_btn button {padding:0; width:36px; height:36px; border-radius:5px; border:1px solid #aaa;}
|
|
316
|
|
-.content .line .float_right_btn button img {width:20px; height:20px;}
|
|
317
|
|
-.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;}
|
|
318
|
|
-.content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:65%}
|
|
319
|
|
-.content .line .line_right div {float: right; font-size: 18px;; margin-top: 12px; color:#555;}
|
|
|
324
|
+.content .line .float_right_btn button {padding:0; width:27px; height:27px; border-radius:5px; border:1px solid #aaa;}
|
|
|
325
|
+.content .line .float_right_btn button img {width:18px; height:18px;}
|
|
|
326
|
+.content .line .float_left select {float: left; width: 100%; height: 27px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;}
|
|
|
327
|
+.content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:57%}
|
|
|
328
|
+.content .line .line_right div {float: right; font-size: 16px; margin-top: 12px; margin-right:3%; color:#555;}
|
|
320
|
329
|
.content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
|
|
321
|
330
|
.content .line .line_right input.m9 {margin-right:93px;}
|
|
322
|
331
|
.content .line .line_right input.left {text-align: left;}
|
|
323
|
332
|
.content .line .line_right input.mg0 {margin-right:10px;}
|
|
324
|
333
|
.content .line .line_right input.date{width:140px; margin-right:132px; height:35px;}
|
|
325
|
334
|
.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
|
|
326
|
|
-.content .line input.date {width: 50%; margin: 5px 0; height: 35px; float: left; text-align:center; font-size:14px;background: url(../img/calender.png)no-repeat 95% 50%/20px auto #fff;}
|
|
|
335
|
+.content .line input.date {width: 55%; margin: 5px 0; height: 27px; float: left; text-align:center; font-size:14px;background: url(../img/calender.png)no-repeat 95% 50%/20px auto #fff;}
|
|
327
|
336
|
.content .line input.full {width: 100%;}
|
|
328
|
|
-.content .line div.date_to {display:flex; width:60%; float: left; margin-right:0px;}
|
|
329
|
|
-.content .line div.date_to input {font-weight:100; width:47%; font-size:14px;}
|
|
|
337
|
+.content .line div.date_to {display:flex; width:60%; height:27px; float: left; margin-right:0px;}
|
|
|
338
|
+.content .line div.date_to input {font-weight:100; width:47%; height:27px; font-size:14px; margin:0;}
|
|
330
|
339
|
|
|
331
|
340
|
.content .line div.date_to div.at {width: 6%; font-size: 16px; padding-top:12px; float: right;}
|
|
332
|
|
-.content .line .search {width: 100%; height: 50px; padding-top:8px;}
|
|
333
|
|
-.content .line .search button {width: 50%; height: 35px; font-size: 14px; font-weight:100; padding: 0;}
|
|
|
341
|
+.content .line .search {width: 100%; height: 50px; padding-top:12px;}
|
|
|
342
|
+.content .line .search button {width: 40%; height: 27px; font-size: 12px; font-weight:100; padding: 0;}
|
|
334
|
343
|
.content .line .search button.col_3 {width: 25%; margin:0 10px;}
|
|
335
|
344
|
.content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
|
|
336
|
345
|
.content .border {border-bottom: 1px solid #000 !important;}
|
|
|
@@ -342,9 +351,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
342
|
351
|
.content .list_line .mail input {width:30%;}
|
|
343
|
352
|
.content .list_line .mail select {width:30%; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
|
|
344
|
353
|
.content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:15px;}
|
|
345
|
|
-.content .table_header {margin-top: 10px; width: 100%; height: 45px;}
|
|
346
|
|
-.content .table_header h1 {margin-left: 12px; font-size: 16px; float: left; color: #000; font-weight: 700;}
|
|
347
|
|
-.content .table_header button {float: right; width: 80px; height:30px; font-size: 12px; font-weight: 100; padding:0px; margin: 8px; border-radius:15px;}
|
|
|
354
|
+.content .table_header {margin-top: 10px; width: 100%; height: 36px;}
|
|
|
355
|
+.content .table_header h1 {margin: 10px; font-size: 14px; float: left; color: #000; font-weight: 700;}
|
|
|
356
|
+.content .table_header button {float: right; width: 68px; height:24px; font-size: 12px; font-weight: 100; padding:0px; margin: 5px 12px 5px 0; border-radius:15px;}
|
|
348
|
357
|
|
|
349
|
358
|
.detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
|
|
350
|
359
|
.detail_content .detail_header {width: 100%; height: 80px; padding-top:65px}
|
|
|
@@ -376,8 +385,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
376
|
385
|
font-size: 1.8rem;
|
|
377
|
386
|
} */
|
|
378
|
387
|
|
|
379
|
|
-.button_bar {width: 100%; height: 60px; background: #ccc; position: fixed; bottom: 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 10;}
|
|
380
|
|
-.button_bar button.col_3{float: left; height: 60px; font-size: 1.4rem; margin: 0; width: 33.3%; font-weight: 700; border: 1px solid #000; border-radius: 0;}
|
|
|
388
|
+.button_bar {width: 100%; height: 40px; background: #ccc; position: fixed; bottom: 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 10;}
|
|
|
389
|
+.button_bar button.col_3{float: left; height: 40px; font-size: 14px; margin: 0; width: 33.3%; font-weight: 100; border: 1px solid #000; border-radius: 0;}
|
|
381
|
390
|
.button_bar button.btn-gray {border-radius: 0px; background-color: #666; color: #eee;}
|
|
382
|
391
|
.button_bar button.btn {height: 120px;}
|
|
383
|
392
|
.button_bar button.btn_col_3 {width: 35%;}
|
|
|
@@ -387,20 +396,20 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
387
|
396
|
.button_bar button.col_12 {font-weight:100; width: 100%; height: 60px; font-size: 18px;}
|
|
388
|
397
|
|
|
389
|
398
|
/* scroll_area 조정 */
|
|
390
|
|
-.scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
|
|
391
|
|
-.row-0{top: 302px;}
|
|
392
|
|
-.row-1{top: 347px;}
|
|
393
|
|
-.row-1-1{top:363px;}
|
|
394
|
|
-.row-2{top: 345px;}
|
|
395
|
|
-.row-2-1{top:317px;}
|
|
396
|
|
-.row-3{top: 395px;}
|
|
|
399
|
+.scroll_area {position: absolute; width: 100%; height: 456px;border-bottom:2px solid #000; bottom: 30px; overflow: auto; background: #fff;}
|
|
|
400
|
+
|
|
|
401
|
+.row-1{top: 225px;}
|
|
|
402
|
+.row-2{top: 233px;}
|
|
|
403
|
+.row-3{top: 226px;}
|
|
|
404
|
+.row-4{top:264px;}
|
|
|
405
|
+.row-4-1{top:253px;}
|
|
|
406
|
+.row-5{top: 293px;}
|
|
|
407
|
+.row-6{top: 291px;}
|
|
397
|
408
|
.row-3-2{top:393px;}
|
|
398
|
409
|
.row-3-1{top: 355px;}
|
|
399
|
|
-.row-4{top: 435px;}
|
|
400
|
|
-.row-4-1 {top: 400px;}
|
|
401
|
|
-.row-5{top: 418px;}
|
|
|
410
|
+
|
|
402
|
411
|
.row-5-1{top: 391px;}
|
|
403
|
|
-.row-6{top: 621px;}
|
|
|
412
|
+
|
|
404
|
413
|
.row-7{top: 533px;}
|
|
405
|
414
|
.row-9{top: 383px;}
|
|
406
|
415
|
.row-10{top: 349px;}
|
|
|
@@ -415,17 +424,17 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
415
|
424
|
.scroll_area .itp_non_data {margin:35% auto;}
|
|
416
|
425
|
.scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
|
|
417
|
426
|
|
|
418
|
|
-.scroll_area li.list-row {display: inline-flex; height:80px;}
|
|
|
427
|
+.scroll_area li.list-row {display: inline-flex; height:60px;}
|
|
419
|
428
|
.scroll_area li.list-row2 {height:130px; padding-top:8px;}
|
|
420
|
429
|
|
|
421
|
|
-.scroll_area li .left_info {width: calc(100% - 100px); float:left; margin-top:6px;}
|
|
|
430
|
+.scroll_area li .left_info {width: calc(100% - 100px); float:left; margin-top:4px;}
|
|
422
|
431
|
.scroll_area li .left_info div {display: inline-block; font-size:14px;}
|
|
423
|
432
|
.scroll_area li .left_info span {font-size: 14px;}
|
|
424
|
433
|
.scroll_area li .left_info label{font-size: 16px; font-weight:100; margin-left:10px;}
|
|
425
|
434
|
.scroll_area li .left_info .check_box {padding:10px; height:72px; float:left; width:30px;}
|
|
426
|
|
-.scroll_area li .left_info .thick {float:left; margin-top: 2px; font-size: 18px; text-align: left; width: 200px;; font-weight: 100;}
|
|
|
435
|
+.scroll_area li .left_info .thick {float:left; margin-top: 2px; font-size: 18px; text-align: left; width: 200px; height:20px; font-weight: 100;}
|
|
427
|
436
|
.scroll_area li .left_info .thick .itp_item {color:gray;}
|
|
428
|
|
-.scroll_area li .left_info .thick .itp_gram {color:#aaa; font-size:16px;}
|
|
|
437
|
+.scroll_area li .left_info .thick .itp_gram {color:#aaa; font-size:14px;}
|
|
429
|
438
|
.scroll_area li .left_info .thick .itp_amt {color:#b88278; margin-top: 4px;}
|
|
430
|
439
|
.scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
|
|
431
|
440
|
.scroll_area li .left_info .history input{width: 150px;}
|
|
|
@@ -469,28 +478,29 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
469
|
478
|
.scroll_area li .left .nomal .half {float:left;}
|
|
470
|
479
|
.scroll_area li .left .nomal .half label {min-width:auto;}
|
|
471
|
480
|
.scroll_area li .left .nomal .half div {min-width:auto; margin-right:5px; margin-top:0;}
|
|
472
|
|
-.scroll_area li .left .nomal input{width: 85px; height:30px; margin-top:-3px;}
|
|
|
481
|
+.scroll_area li .left .nomal input{width: 60px; height:27px; margin-top:-3px;}
|
|
473
|
482
|
|
|
474
|
483
|
.scroll_area li .scroll_btn {width:10%; height:158px; margin-top:-5px; display:inline-flex;}
|
|
475
|
484
|
|
|
476
|
485
|
.scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
|
|
477
|
486
|
.scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
|
|
478
|
|
-.scroll_area li .left .nomal span {margin:0 5px; font-size:16px; font-weight:700;}
|
|
|
487
|
+.scroll_area li .left .nomal span {margin:0 5px; font-size:15px; font-weight:700;}
|
|
479
|
488
|
|
|
480
|
489
|
.scroll_area li .left .nomal .btn_bar{position: relative; width: auto; font-size: 2.2rem;}
|
|
481
|
490
|
.scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
|
|
482
|
491
|
.scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
|
|
483
|
492
|
|
|
484
|
|
-.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:90px; text-align:left;}
|
|
|
493
|
+.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:14px; font-weight:700; min-width:90px; text-align:left;}
|
|
485
|
494
|
.scroll_area li .left .nomal label.sub_info{min-width: auto; display: inline-flex;}
|
|
486
|
|
-
|
|
|
495
|
+.scroll_area li .left .nomal label.col_1{min-width: 45px;}
|
|
|
496
|
+.scroll_area li .left .nomal label.col_3{min-width: 70px;}
|
|
487
|
497
|
.scroll_area li .left .nomal label.col_2{width: 95px;}
|
|
488
|
498
|
|
|
489
|
499
|
.scroll_area li .left .nomal i{width: 50px; text-align: center;}
|
|
490
|
500
|
.scroll_area li .left .nomal div{ display: inline-flex; font-weight: 100; font-size: 15px;}
|
|
491
|
501
|
.scroll_area li .left .nomal .col_5{min-width:50px;}
|
|
492
|
502
|
|
|
493
|
|
-.scroll_area li .right {margin: 20px 10px 0 0; position: relative; display: flex; height:35px; font-size: 1.4rem; font-weight: 700; float: right;}
|
|
|
503
|
+.scroll_area li .right {margin: 12px 10px 0 0; position: relative; display: flex; height:35px; font-size: 1.4rem; font-weight: 700; float: right;}
|
|
494
|
504
|
.scroll_area li .right .num {padding:8px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
|
|
495
|
505
|
.scroll_area li .right .fnnum {margin:10px 30px;}
|
|
496
|
506
|
.scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
|
|
|
@@ -541,11 +551,21 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
541
|
551
|
.content .line .search_wrap input {width:78%;}
|
|
542
|
552
|
.content .line .search_wrap select {width:78%;}
|
|
543
|
553
|
}
|
|
|
554
|
+@media screen and (max-width: 380px) {
|
|
|
555
|
+ section .popup2 .pop .popup_scroll li.row_2 {height: 85px;}
|
|
|
556
|
+ section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100px;}
|
|
|
557
|
+ .type_hide {display:none;}
|
|
|
558
|
+ section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 4px 8px 0px 2px;}
|
|
|
559
|
+}
|
|
544
|
560
|
@media screen and (max-height: 720px) {
|
|
545
|
561
|
#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}
|
|
546
|
562
|
.bg_gray {position:relative; top:-90px;}
|
|
547
|
|
-
|
|
|
563
|
+ .scroll_area {height: 400px;}
|
|
|
564
|
+ section .popup2 .pop .popup_scroll {height: 65%;}
|
|
548
|
565
|
}
|
|
|
566
|
+@media screen and (max-height: 550px) {
|
|
|
567
|
+ section .popup2 .pop .popup_scroll {height: 50%;}
|
|
|
568
|
+}
|
|
549
|
569
|
/* 알림 팝업 추가 */
|
|
550
|
570
|
.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0;}
|
|
551
|
571
|
.itp_modal {z-index: 10000;}
|
