글자 길어질시 ... 변경

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

@@ -28,7 +28,7 @@ section .popup .pop .pop_line .itp_label_area label {margin:0;font-size: 14px; t
 section .popup .pop .pop_line .itp_info_area {width:calc(100% - 100px); margin:0; padding:6px;}
 section .popup .pop .pop_line div {text-align: right; float: right; font-size: 16px; margin-right: 10px; width: auto;}
 section .popup .pop .popup_btn { position: absolute; background-color: #ccc; bottom: 0; width: 100%; height: 40px; border-top: 2px solid #000;}
-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;}
+section .popup .pop .popup_btn button { position: relative; float: left; width: 100%; height: 38px; margin:0; font-size: 14px; font-weight: 100; border-radius: 0px; border: none;}
 section .popup .pop .popup_btn button.ok { width: 64%; border-left: 2px solid #000;}
 section .popup .pop .popup_btn button.cancel {width: 36%;}
 
@@ -93,12 +93,12 @@ section .popup2 .pop .popup_scroll li .left .thick {float: left; margin: 12px 0
 section .popup2 .pop .popup_scroll li .left .nomal {float: left; margin: 15px 0px 0px 15px; font-size: 1.2rem; text-align: left; width: 100%;}
 section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
 section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
-section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid;}
-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;}
-section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:3px;}
+section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid; width:50%;}
+section .popup2 .pop .popup_scroll li .scroll_left div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; float: left; font-size: 18px; font-weight: 100; width: 100%; margin:8px 6px -6px 10px;}
+section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:0px;}
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0;}
-section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 8px 2px 0px 2px;}
-.type_hide {display:block;}
+section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:46%; margin:0; padding: 8px 2px 0px 2px;}
+section .popup2 .pop .popup_scroll li .scroll_left .mg_0 .type_hide {width:auto;}
 section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14pt; color:gray;}
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:14pt; color:#b88278;}
 section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
@@ -317,7 +317,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
   padding-top: 45px;
   font-size: 16px;
 }
-.content {position:relative; z-index: 10; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
+.content {position:relative; z-index: 10; width:100%; background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
 .content .header {width:100% !important; margin:0 !important;}
 .content .line {position: relative; display: inline-block; width: 332px; margin:0 auto; height: 40px; margin-bottom: -10px;}
 .content .line.mt5 {margin-top:5px;}
@@ -331,20 +331,20 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .search_wrap select {float:right; width:50%; height:27px; margin-right:10px;}
 .content .line div.itp_search_header {height:40px; font-weight:100;padding:11px 10px 5px 10px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;font-size:14pt;}
 .content .line div.itp_search_header img{width:14px; top:-2px; position:relative;}
-.content .line label {min-width:125px; color:#898989; font-size: 14pt; float: left; text-align: left; margin-top: 9px; font-weight:100;}
+.content .line label {min-width:125px; color:#898989; font-size: 14pt; float: left; text-align: left; margin-top: 7px; font-weight:100;}
 .content .line label.pay_label {margin:20px 1%; width:98%;}
 .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;}
 .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;}
-.content .line .float_left {float: left; margin-top:2px; width:168px;;}
+.content .line .float_left {float: left; width:168px;;}
 .content .line .float_left.name {width:60%;}
-.content .line .float_left button {float:right; left:-2px; position:relative; background:transparent; border:none; width:34px; height:34px; padding:0;} 
+.content .line .float_left button {float:right; left:-2px; top:-2px; position:relative; background:transparent; border:none; width:34px; height:34px; padding:0;} 
 .content .line .float_left button img {width:18px;}
 .content .line .float_left input {width:100%; font-size:14pt;}
 .content .line .float_left.note {width: 100%; padding: 10px;}
 .content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #aaa; text-align: left; font-size:14px;}
 .content .line .float_left div {font-size: 1rem; margin-top: 8px;}
 .content .line .float_left .itp_input_btn {top:5px; margin:0; position:absolute; width:168px;}
-.content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
+.content .line .float_right_btn {float: left; margin-top: 3px; margin-left: 5px;}
 .content .line .float_right_btn button {padding:0; width:34px; height:34px; border-radius:5px; border:1px solid #aaa;}
 .content .line .float_right_btn button img {width:18px; height:18px;}
 .content .line .float_left select {float: left; width: 100%; height: 27px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;}
@@ -436,7 +436,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area .itp_non_data {margin:35% auto;}
 
 .scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
-.scroll_area li.check {background:#E6EFF4;}
+.scroll_area li.check {background:#f5f6f6;}
 .scroll_area li.list-row {display: inline-flex; height:76px;}
 .scroll_area li.list-row2 {height:130px; padding-top:8px;}
 
@@ -518,7 +518,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .right {margin: 22px 10px 22px 0; position: relative; display: flex; height:30px; font-size: 1.4rem; font-weight: 700; float: right;}
 .scroll_area li .right .num {padding:6px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB; background:#fff;}
 .scroll_area li .right .fnnum {margin:10px 30px;}
-.scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
+.scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 16px; border-radius: 0px;}
 .scroll_area li .right button:hover {background:#FCD5C1;}
 
 /* ITP_FOOTER */