|
@@ -1,12 +1,16 @@
|
1
|
|
-@font-face {
|
|
1
|
+/* @font-face {
|
|
2
|
+ font-family: 'GmarketSansMedium';
|
|
3
|
+ src: url("../main/webapp/mobile/fonts/KoPubWorld Dotum Medium.ttf") format('woff');
|
|
4
|
+} */
|
|
5
|
+/* @font-face {
|
2
|
6
|
font-family: 'GmarketSansMedium';
|
3
|
7
|
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
|
4
|
8
|
font-weight: normal;
|
5
|
9
|
font-style: normal;
|
6
|
|
-}
|
7
|
|
-* {margin: 0; padding: 0;letter-spacing: -1px; box-sizing: border-box; text-align: center; font-family: 'GmarketSansMedium', 'serif'; list-style: none;}
|
|
10
|
+} */
|
|
11
|
+* {margin: 0; padding: 0;letter-spacing: -1px; box-sizing: border-box; text-align: center; font-family: 'KoPub Dotum', 'serif'; list-style: none;}
|
8
|
12
|
section {}
|
9
|
|
-body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';
|
|
13
|
+body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'KoPub Dotum';
|
10
|
14
|
overflow:scroll-y;
|
11
|
15
|
-webkit-overflow-scrolling:touch;}
|
12
|
16
|
body .login {position:fixed;}
|
|
@@ -96,7 +100,9 @@ section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding:
|
96
|
100
|
section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14px; color:gray;}
|
97
|
101
|
section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:14px; color:#b88278;}
|
98
|
102
|
section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
|
|
103
|
+section .popup2 .pop .popup_scroll li .scroll_right input[type=checkbox]{margin:18px 11px 0 11px;}
|
99
|
104
|
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;}
|
|
105
|
+section .popup2 .pop .popup_scroll li .scroll_right button:hover {background:#708cd1;}
|
100
|
106
|
section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:16px; height:38px;}
|
101
|
107
|
section .popup2 .pop .popup_scroll li .right button {padding: 5px; font-size: 22px; width:24px;}
|
102
|
108
|
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);}
|
|
@@ -111,6 +117,8 @@ section .popup2 .list_line .mail select {width:30%;}
|
111
|
117
|
section .popup2 .list_line .list_info .pay_info {text-align:left; padding-left:17px;}
|
112
|
118
|
section .popup_scroll li .right .num {padding:8px 12px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
|
113
|
119
|
section .popup_scroll li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
|
|
120
|
+section .popup_scroll li .right button:hover {background:#FCD5C1;}
|
|
121
|
+section .popup_scroll li .right button:checked {background:#ccc;}
|
114
|
122
|
section .popup2 .list_line .line_right {float:right; width:70%;}
|
115
|
123
|
section .popup2 .list_line .line_right select {width:200px; float:right; height:27px; margin-top:6px;}
|
116
|
124
|
section .popup2 .list_line .line_right input {width:200px; float:right;}
|
|
@@ -140,8 +148,10 @@ section .popup3 .pop .header .header_right button img {width:30px; height:30px;}
|
140
|
148
|
/* 버튼 */
|
141
|
149
|
button {background-color: #fff; padding: 10px;}
|
142
|
150
|
button.btn-primary {color: #fff; background-color: #8f9fc6; border: 1px solid #cacfe3;}
|
|
151
|
+button.btn-primary:active{background-color: #708cd1;}
|
143
|
152
|
button.btn-yellow {color: #fff; background-color: #f9c03c; border: 1px solid #cacfe3;}
|
144
|
|
-button.btn-orange {color: #fff; background-color: #f0831e; border: 1px solid #cacfe3;}
|
|
153
|
+button.btn-m-orange {color: #fff; background-color: #f0831e; border: 1px solid #cacfe3;}
|
|
154
|
+button.btn-m-orange:hover {border:3px solid #f0831e !important; background-color: #fff; color:#B7B8B8;}
|
145
|
155
|
button.btn-gray {color: #fff; background-color: #a89d9c; border: 1px solid #cacfe3;}
|
146
|
156
|
button.btn-danger {color: #fff; background-color: #c8989d; border: 1px solid #cacfe3;}
|
147
|
157
|
button.btn-green {color: #fff; background-color: #5cb85c; border: 1px solid #cacfe3;}
|
|
@@ -172,6 +182,7 @@ body.eee {height: 700px; background: #eee;}
|
172
|
182
|
#ITP_LOGIN {
|
173
|
183
|
transform: translateX(-50%);
|
174
|
184
|
max-width: 500px;
|
|
185
|
+ height:100%;
|
175
|
186
|
left: 50%;
|
176
|
187
|
position: fixed;}
|
177
|
188
|
#ITP_LOGIN .login_popup {position: relative; width: 350px; text-align: center;}
|
|
@@ -241,8 +252,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
241
|
252
|
#ITP_WRAPPER header .header_wrap img.brand {float: right; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
|
242
|
253
|
#ITP_WRAPPER header .header_wrap label{ margin-top: 15px; width: 50px; height: 25px; font-size: 1rem;float: left; color: #fff;}
|
243
|
254
|
#ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 120px); height:49px; display:inline-flex;}
|
244
|
|
-#ITP_WRAPPER header .header_wrap .name_info .bn {text-overflow:ellipsis; padding-top:0; text-align:right; width:115%; font-size:18px;}
|
245
|
|
-#ITP_WRAPPER header .header_wrap .name_info div {text-overflow:ellipsis; padding-left:3px; padding-top:2px; text-align:left; width: 85%; font-size: 15px; color:#fff; margin-top:14px;}
|
|
255
|
+#ITP_WRAPPER header .header_wrap .name_info .bn {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-top:0; text-align:right; width:115%; height:22px; font-size:18px;}
|
|
256
|
+#ITP_WRAPPER header .header_wrap .name_info div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:3px; padding-top:2px; text-align:left; width: 85%; font-size: 15px; color:#fff; margin-top:14px;}
|
246
|
257
|
|
247
|
258
|
#ITP_WRAPPER header .header_wrap .logout {float: right; width: 40px;}
|
248
|
259
|
#ITP_WRAPPER header .header_wrap .logout button {margin-top: 15px; margin-right:20px; padding:0; width: 20px; height: 20px; border:none; font-size: 0.8rem;background: transparent;}
|
|
@@ -363,9 +374,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
363
|
374
|
.content .list_line .mail select {width:30%; height:27px; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
|
364
|
375
|
.content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:15px;}
|
365
|
376
|
.content .table_header {margin-top: 6px; width: 100%; height: 36px;}
|
366
|
|
-.content .table_header h1 {margin-left: 15px; margin-top:16px; font-size: 13px; float: left; color: #000; font-weight: 100;}
|
|
377
|
+.content .table_header h1 {margin-left: 15px; margin-top:16px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
|
367
|
378
|
.content .table_header button {float: right; width: 68px; height:26px; font-size: 12px; font-weight: 100; padding:0px; margin: 4px 12px 6px 0; border-radius:15px;}
|
368
|
|
-
|
369
|
379
|
.detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
|
370
|
380
|
.detail_content .detail_header {width: 100%; height: 80px; padding-top:65px}
|
371
|
381
|
.detail_content .detail_header .detail_logo {float: left;}
|
|
@@ -399,7 +409,10 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
399
|
409
|
.button_bar {width: 100%; height: 47px; background: #ccc; position: fixed; bottom: 0px; z-index: 10;}
|
400
|
410
|
.button_bar button.col_3{float: left; height: 47px; font-size: 14px; margin: 0; width: 33.3%; font-weight: 100; border: none;}
|
401
|
411
|
.button_bar button.btn-gray {border-radius: 0px; background-color: #858076; color: #eee;}
|
|
412
|
+.button_bar button.btn-gray:active {border:3px solid #858076; background-color: #fff; color:#B7B8B8;}
|
402
|
413
|
.button_bar button.btn-w-gray{border-radius: 0px; background-color: #b6b8b8; color: #eee;}
|
|
414
|
+.button_bar button.btn-w-gray:active{border:3px solid #b6b8b8; background-color: #fff; color:#B7B8B8;}
|
|
415
|
+
|
403
|
416
|
.button_bar button.btn {height: 120px;}
|
404
|
417
|
.button_bar button.btn_col_3 {width: 35%;}
|
405
|
418
|
.button_bar button.btn_col_6 {width: 65%;}
|
|
@@ -408,8 +421,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
408
|
421
|
.button_bar button.col_12 {font-weight:100; width: 100%; height: 40px; font-size: 16px;}
|
409
|
422
|
|
410
|
423
|
/* scroll_area 조정 */
|
411
|
|
-.scroll_area {position: relative; top:0; width: 100%; height: 456px;border-bottom:2px solid #000; bottom: 30px; overflow: auto; background: #fff;}
|
412
|
|
-
|
|
424
|
+.scroll_area {position: relative; top:0; width: 100%; height: 456px;border-bottom:2px solid #000; margin-bottom:47px; overflow: auto; background: #fff;}
|
|
425
|
+.scroll_area ul {display:grid;}
|
413
|
426
|
|
414
|
427
|
|
415
|
428
|
.col-4{width:35% !important;}
|
|
@@ -419,19 +432,20 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
419
|
432
|
|
420
|
433
|
.scroll_area ul.mb_0 {margin-bottom:0 !important;}
|
421
|
434
|
.scroll_area .itp_non_data {margin:35% auto;}
|
422
|
|
-.scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
|
423
|
435
|
|
|
436
|
+.scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
|
|
437
|
+.scroll_area li.check {background:#E6EFF4;}
|
424
|
438
|
.scroll_area li.list-row {display: inline-flex; height:76px;}
|
425
|
439
|
.scroll_area li.list-row2 {height:130px; padding-top:8px;}
|
426
|
440
|
|
427
|
441
|
.scroll_area li .left_info {width: calc(100% - 100px); float:left; margin-top:4px;}
|
428
|
|
-.scroll_area li .left_info div {display: inline-block; font-size:14px;}
|
429
|
|
-.scroll_area li .left_info span {font-size: 14px;}
|
430
|
|
-.scroll_area li .left_info label{font-size: 14px; font-weight:100; margin-left:10px;}
|
|
442
|
+.scroll_area li .left_info div {display: inline-block; font-size:14pt;}
|
|
443
|
+.scroll_area li .left_info span {font-size: 14pt;}
|
|
444
|
+.scroll_area li .left_info label{font-size: 14pt; font-weight:100; margin-left:10px;}
|
431
|
445
|
.scroll_area li .left_info .check_box {padding-top:8px; height:50px; float:left; width:22px;}
|
432
|
|
-.scroll_area li .left_info .thick {float:left; margin-top: 2px; font-size: 18px; text-align: left; width: 200px; height:20px; font-weight: 100;}
|
|
446
|
+.scroll_area li .left_info .thick {float:left; margin-top: 6px; font-size: 18px; text-align: left; width: 200px; height:20px; font-weight: 100;}
|
433
|
447
|
.scroll_area li .left_info .thick .itp_item {color:gray;}
|
434
|
|
-.scroll_area li .left_info .thick .itp_gram {color:#aaa; font-size:14px;}
|
|
448
|
+.scroll_area li .left_info .thick .itp_gram {color:#aaa; font-size:14pt;}
|
435
|
449
|
.scroll_area li .left_info .thick .itp_amt {color:#b88278; margin-top: 4px;}
|
436
|
450
|
.scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
|
437
|
451
|
.scroll_area li .left_info .history input{width: 150px;}
|
|
@@ -499,10 +513,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
499
|
513
|
.scroll_area li .left .nomal div{display: inline-flex; font-weight: 700; font-size: 15px;}
|
500
|
514
|
.scroll_area li .left .nomal .col_5{min-width:50px;}
|
501
|
515
|
|
502
|
|
-.scroll_area li .right {margin: 12px 10px 0 0; position: relative; display: flex; height:30px; font-size: 1.4rem; font-weight: 700; float: right;}
|
503
|
|
-.scroll_area li .right .num {padding:6px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
|
|
516
|
+.scroll_area li .right {margin: 22px 10px 22px 0; position: relative; display: flex; height:30px; font-size: 1.4rem; font-weight: 700; float: right;}
|
|
517
|
+.scroll_area li .right .num {padding:6px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB; background:#fff;}
|
504
|
518
|
.scroll_area li .right .fnnum {margin:10px 30px;}
|
505
|
519
|
.scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
|
|
520
|
+.scroll_area li .right button:hover {background:#FCD5C1;}
|
506
|
521
|
|
507
|
522
|
/* ITP_FOOTER */
|
508
|
523
|
#ITP_FOOTER .itp_modal {z-index:10000;}
|
|
@@ -558,7 +573,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
558
|
573
|
@media screen and (max-height: 720px) {
|
559
|
574
|
#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}
|
560
|
575
|
.bg_gray {position:relative; top:-90px;}
|
561
|
|
- .scroll_area {height: 400px;}
|
|
576
|
+ .scroll_area {height: 58vh;}
|
562
|
577
|
section .popup2 .pop .popup_scroll {height: 65%;}
|
563
|
578
|
}
|
564
|
579
|
@media screen and (max-height: 550px) {
|