|
|
@@ -1,7 +1,12 @@
|
|
1
|
|
-@font-face { font-family: 'NanumBarunGothic';src: url('../fonts/NanumBarunGothic.eot');src: url('../fonts/NanumBarunGothic.eot') format('embedded-opentype'),url('../fonts/NanumBarunGothic.woff') format('woff');}
|
|
2
|
|
-* {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'NanumBarunGothic', 'serif'; list-style: none;}
|
|
|
1
|
+@font-face {
|
|
|
2
|
+ font-family: 'GmarketSansMedium';
|
|
|
3
|
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
|
|
|
4
|
+ font-weight: normal;
|
|
|
5
|
+ font-style: normal;
|
|
|
6
|
+}
|
|
|
7
|
+* {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'GmarketSansMedium', 'serif'; list-style: none;}
|
|
3
|
8
|
section {}
|
|
4
|
|
-body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'NanumBarunGothic';}
|
|
|
9
|
+body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';}
|
|
5
|
10
|
.color-gray {color:#aaa;}
|
|
6
|
11
|
/* 팝업 */
|
|
7
|
12
|
section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
|
|
|
@@ -25,7 +30,7 @@ section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 1.1rem; mar
|
|
25
|
30
|
section .popup2 .btn_barcode {margin-top: 20%;}
|
|
26
|
31
|
section .popup2 .btn_barcode button {width: 35%; height: 50px; font-size: 1rem;}
|
|
27
|
32
|
section .popup2 .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 95%; height: 85%; background: #fff; border: 2px solid #000;}
|
|
28
|
|
-section .popup2 .pop .header {position: relative; height: 50px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
|
|
|
33
|
+section .popup2 .pop .header {position: relative; height: 50px; background: #f0831e; color:#eee; border-bottom: 1px solid #000;}
|
|
29
|
34
|
section .popup2 .pop .header .header_left {float: left; padding-top: 5px; padding-left: 15px;}
|
|
30
|
35
|
section .popup2 .pop .header .header_left label {font-size: 1.4rem;}
|
|
31
|
36
|
section .popup2 .pop .header .header_right {float: right; padding-right: 10px;}
|
|
|
@@ -50,6 +55,7 @@ section .popup2 .pop table tbody input{width:15px;}
|
|
50
|
55
|
section .popup2 .pop .popup_scroll {position: relative; width: 100%;height: 720px; overflow: auto;}
|
|
51
|
56
|
section .popup2 .pop .popup_scroll li {list-style: none; width: 99%; height: 50px; border: 1px solid #000; margin: 0 auto;}
|
|
52
|
57
|
section .popup2 .pop .popup_scroll li.row_2 {height: 80px;}
|
|
|
58
|
+
|
|
53
|
59
|
section .popup2 .pop .popup_scroll li .left {position: relative; float: left;}
|
|
54
|
60
|
section .popup2 .pop .popup_scroll li .left .check_box {width:30px; float:left; height:80px; padding-left:5px; padding-top:20px;}
|
|
55
|
61
|
section .popup2 .pop .popup_scroll li .left div {display: inline-block;}
|
|
|
@@ -100,7 +106,7 @@ section .popup3 .pop .header .header_right button {border: none; background: tra
|
|
100
|
106
|
section .popup3 .pop .header .header_right button img {width:30px; height:30px;}
|
|
101
|
107
|
/* 버튼 */
|
|
102
|
108
|
button {background-color: #fff; padding: 10px;}
|
|
103
|
|
-button.btn-primary {color: #fff; background-color: #337ab7; border: 1px solid #000;font-weight: 700;}
|
|
|
109
|
+button.btn-primary {color: #fff; background-color: #8f9fc4; border: 1px solid #000;font-weight: 700;}
|
|
104
|
110
|
button.btn-yellow {color: #fff; background-color: rgb(255, 183, 0); border: 1px solid #000;font-weight: 700;}
|
|
105
|
111
|
button.btn-gray {color: #fff; background-color: gray; border: 1px solid #000;font-weight: 700;}
|
|
106
|
112
|
button.btn-danger {color: #fff; background-color: rgb(247, 76, 76); border: 1px solid #000;font-weight: 700;}
|
|
|
@@ -176,7 +182,9 @@ body.eee {height: 700px; background: #eee;}
|
|
176
|
182
|
.main .wicon .icon_left {float: left;}
|
|
177
|
183
|
|
|
178
|
184
|
|
|
179
|
|
-input {margin-top: 3px; border: 1px solid #aaa; border-radius:5px; margin-top: -2px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 15px;}
|
|
|
185
|
+input {margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 15px;}
|
|
|
186
|
+input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
|
|
187
|
+
|
|
180
|
188
|
select {border: 1px solid #000; height: 35px; font-size: 1rem; text-align: left; padding:0 15px;}
|
|
181
|
189
|
input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
182
|
190
|
|
|
|
@@ -226,9 +234,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
226
|
234
|
#ITP_SIDEBAR .itp_nav .panel-title a .glyphicon {font-size:12px;}
|
|
227
|
235
|
#ITP_SIDEBAR .itp_nav .panel-default {margin-bottom:0; border:none;}
|
|
228
|
236
|
#ITP_SIDEBAR .itp_nav * {border-radius:0; border-width:1px 0 1px 0;}
|
|
|
237
|
+
|
|
229
|
238
|
#ITP_SIDEBAR .itp_nav .itp_svgs_body {padding:0; border-top:0; border-bottom:1px solid #ddd;}
|
|
230
|
239
|
#ITP_SIDEBAR .itp_nav .itp_svgs {display:flex; align-content:flex-start; flex-direction:column; flex-wrap:wrap; overflow:auto;}
|
|
231
|
240
|
#ITP_SIDEBAR .itp_nav .itp_svgs .itp_svg_in {position:relative;}
|
|
|
241
|
+#ITP_SIDEBAR .itp_nav .itp_svgs li {width:100%; height:47px;}
|
|
232
|
242
|
#ITP_SIDEBAR .itp_nav .itp_svgs li a {display:block; width:100%; color:#333; padding:5px 10px 5px 17px;}
|
|
233
|
243
|
#ITP_SIDEBAR .itp_nav .itp_svgs li:first-child a {padding-top:10px;}
|
|
234
|
244
|
#ITP_SIDEBAR .itp_nav .itp_svgs li:last-child a {padding-bottom:10px;}
|
|
|
@@ -250,22 +260,25 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
250
|
260
|
padding-top: 50px;
|
|
251
|
261
|
font-size: 2rem;
|
|
252
|
262
|
}
|
|
253
|
|
-.content {z-index: 10; margin-top:5px; width:100%; background: #f4f5f4;}
|
|
254
|
|
-.content .line {position: relative; display: inline-block; width: 90%; height: 45px; margin-bottom: 0px;}
|
|
|
263
|
+.content {position:fixed; z-index: 10; padding-top: 10px; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
|
|
|
264
|
+.content .header {width:100% !important; height:55px !important; margin:0 !important;}
|
|
|
265
|
+.content .line {position: relative; display: inline-block; width: 90%; height: 45px; margin:auto 5%; margin-bottom: -10px;}
|
|
255
|
266
|
.content .line div {font-weight: 700;}
|
|
256
|
|
-.content .line label {min-width:110px; color:#555; font-size: 18px; margin-left: 10px; float: left; text-align: left; margin-top: 12px;}
|
|
|
267
|
+.content .line div.itp_search_header {font-weight:100; background:#fff; margin:5px 10px; padding:9px 10px 4px 9px; text-align: left; color:#b88278;border: 1px solid #aaa; border-radius: 5px;}
|
|
|
268
|
+.content .line label {min-width:110px; color:#666; font-size: 18px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
|
|
257
|
269
|
.content .line label.pay_label {margin:38px 1%; width:98%;}
|
|
258
|
270
|
.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;}
|
|
259
|
|
-.content .line .search_nm {float: left; margin-right: 2%;}
|
|
260
|
271
|
.content .line .search_wrap {float:right; margin-right:10px;}
|
|
261
|
|
-.content .line .float_left {float: left; margin-top:2px;}
|
|
262
|
|
-.content .line .float_left button {float: left; border:none;}
|
|
|
272
|
+.content .line .float_left {float: left; margin-top:2px; width:200px;}
|
|
|
273
|
+.content .line .float_left button {top:5px; left:280px; position:absolute; background:transparent; border:none; width:36px; height:36px; padding:0;}
|
|
|
274
|
+.content .line .float_left button img {width:22px;}
|
|
|
275
|
+.content .line .float_left input {width:200px;}
|
|
263
|
276
|
.content .line .float_left.note {width: 100%; padding: 10px;}
|
|
264
|
277
|
.content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #000; text-align: left;}
|
|
265
|
278
|
.content .line .float_left div {font-size: 1rem; margin-top: 8px;}
|
|
266
|
|
-.content .line .float_left_btn {float: left; margin-top: 0px; margin-left: 5px;}
|
|
267
|
|
-.content .line .float_left_btn button {padding:0; width:36px; height:36px; border-radius:5px;}
|
|
268
|
|
-.content .line .float_left_btn button img {width:20px; height:20px;}
|
|
|
279
|
+.content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
|
|
|
280
|
+.content .line .float_right_btn button {padding:0; width:36px; height:36px; border-radius:5px; border:1px solid #aaa;}
|
|
|
281
|
+.content .line .float_right_btn button img {width:20px; height:20px;}
|
|
269
|
282
|
.content .line .float_left select {float: left; width: 150px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem;}
|
|
270
|
283
|
.content .line .line_right {font-size: 2rem; float: right; margin-right: 0%;}
|
|
271
|
284
|
.content .line .line_right div {float: right; font-size: 18px;; margin-top: 12px; margin-right: 30px; color:#555;}
|
|
|
@@ -276,7 +289,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
276
|
289
|
.content .line .line_right select.m9 {margin-right:83px;}
|
|
277
|
290
|
.content .line .line_right input.date{width:140px; margin-right:132px; height:35px;}
|
|
278
|
291
|
.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
|
|
279
|
|
-.content .line input.date {width: 40%; margin: 10px; height: 35px; float: left;}
|
|
|
292
|
+.content .line input.date {width: 200px; 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;}
|
|
280
|
293
|
.content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
|
|
281
|
294
|
.content .line div.date_to {float: right; margin-right:10px;}
|
|
282
|
295
|
.content .line div.date_to input.year {width: 120px; height: 30px;}
|
|
|
@@ -292,9 +305,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
292
|
305
|
.content .list_line .mail input {width:30%;}
|
|
293
|
306
|
.content .list_line .mail select {width:30%;}
|
|
294
|
307
|
.content .list_line .list_info .pay_info {text-align:left; padding-left:17px;}
|
|
295
|
|
-.content .table_header {margin: 0 auto; width: 100%; height: 50px; background-color: #92c7f6; position: fixed; z-index: 10; border-bottom: 1px solid #000; border-top: 1px solid #000;}
|
|
296
|
|
-.content .table_header h1 {margin-top: 12px; margin-left: 10px; font-size: 1.2rem; float: left; color: #fff; font-weight: 100;}
|
|
297
|
|
-.content .table_header button {float: right; width: 111px; font-size: 1rem; padding: 5px 20px; margin: 8px;}
|
|
|
308
|
+.content .table_header {margin-top: 10px; width: 100%; height: 45px;}
|
|
|
309
|
+.content .table_header h1 {margin-left: 12px; font-size: 16px; float: left; color: #000; font-weight: 700;}
|
|
|
310
|
+.content .table_header button {float: right; width: 80px; height:30px; font-size: 12px; font-weight: 100; padding:0px; margin: 8px; border-radius:15px;}
|
|
298
|
311
|
|
|
299
|
312
|
.detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
|
|
300
|
313
|
.detail_content .detail_header {width: 100%; height: 80px; padding-top:65px}
|
|
|
@@ -342,7 +355,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
342
|
355
|
.row-1-1{top:288px;}
|
|
343
|
356
|
.row-2{top: 282px;}
|
|
344
|
357
|
|
|
345
|
|
-.row-3{top: 333px;}
|
|
|
358
|
+.row-3{top: 363px;}
|
|
346
|
359
|
.row-4{top: 377px;}
|
|
347
|
360
|
.row-5{top: 418px;}
|
|
348
|
361
|
.row-6{top: 468px;}
|
|
|
@@ -351,14 +364,22 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
351
|
364
|
.col-4{width:40% !important;}
|
|
352
|
365
|
.col-6{width:60% !important;}
|
|
353
|
366
|
|
|
354
|
|
-
|
|
355
|
|
-.scroll_area li {margin: 5px 3px; list-style: none; width: 99%; height: 85px; border: 1px solid #000; background-color: #fff;}
|
|
356
|
|
-.scroll_area li .left_info {width:50%; float:left; font-size:1rem;}
|
|
|
367
|
+.scroll_area ul.mb_0 {margin-bottom:0;}
|
|
|
368
|
+.scroll_area .itp_non_data {margin:35% auto;}
|
|
|
369
|
+.scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
|
|
|
370
|
+.scroll_area li.list-row {height:110px;}
|
|
|
371
|
+.scroll_area li .left_info {width:35%; float:left; font-size:1rem;}
|
|
357
|
372
|
.scroll_area li .left_info div {display: inline-block;}
|
|
358
|
373
|
.scroll_area li .left_info label{font-size: 1.1rem; font-weight:100; margin-left:10px;}
|
|
359
|
|
-.scroll_area li .left_info .thick {float:left; margin: 8px 0 0 10px; font-size: 1rem; text-align: left; width: 90%; font-weight: 600;}
|
|
|
374
|
+.scroll_area li .left_info .thick {float:left; margin: 2px 0 0 20px; font-size: 18px; text-align: left; width: 90%; font-weight: 100;}
|
|
|
375
|
+.scroll_area li .left_info .thick .itp_item {color:gray;}
|
|
|
376
|
+.scroll_area li .left_info .thick .itp_gram {color:#aaa; font-size:16px;}
|
|
|
377
|
+.scroll_area li .left_info .thick .itp_amt {color:#b88278; margin-top: 4px;}
|
|
360
|
378
|
.scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
|
|
361
|
379
|
.scroll_area li .left_info .history input{width: 150px;}
|
|
|
380
|
+.scroll_area li .md_info{width:35%; float:left; font-size:1rem; margin-top:25px;}
|
|
|
381
|
+.scroll_area li .md_info .thick {float:left; margin: 2px 0 0 20px; font-size: 18px; text-align: left; width: 90%; font-weight: 100;}
|
|
|
382
|
+.scroll_area li .md_info .thick div{color:gray;}
|
|
362
|
383
|
.scroll_area li.history_list {height: 140px; padding-top:8px;}
|
|
363
|
384
|
.scroll_area li.history_list .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
|
|
364
|
385
|
.scroll_area li.history_list .scroll_btn {width:10%; height:130px; margin-top:-5px; display:inline-flex;}
|
|
|
@@ -417,9 +438,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
|
|
417
|
438
|
.scroll_area li .left .nomal div{min-width:90px; display: inline-flex; font-weight: 700; font-size: 1.1rem;}
|
|
418
|
439
|
.scroll_area li .left .nomal .col_5{min-width:50px;}
|
|
419
|
440
|
|
|
420
|
|
-.scroll_area li .right {margin: 30px 20px 0 0; position: relative; display: flex; font-size: 1.4rem; font-weight: 700; float: right;}
|
|
421
|
|
-.scroll_area li .right .num {margin: 0 25px; width: auto;}
|
|
422
|
|
-.scroll_area li .right button {margin: -6px; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
|
|
|
441
|
+.scroll_area li .right {margin: 42px 10px 0 0; position: relative; display: flex; height:35px; font-size: 1.4rem; font-weight: 700; float: right;}
|
|
|
442
|
+.scroll_area li .right .num {padding:8px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
|
|
|
443
|
+.scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
|
|
423
|
444
|
|
|
424
|
445
|
/* ITP_FOOTER */
|
|
425
|
446
|
#ITP_FOOTER .itp_modal {z-index:10000;}
|
