모바일 디자인 수정 테스트

src/main/webapp/mobile/app/main.html

@@ -29,7 +29,7 @@
 	<header>
 		<div class="header_wrap">
 			<div class="menu_logo">
-				<button id="ITP_MOBILE_BTN_MENU"><img src="../img/menu.png" alt=""></button>
+				<button id="ITP_MOBILE_BTN_MENU" style="margin-left:20px;"><img src="../img/menu.png" alt=""></button>
 				<button id="ITP_MOBILE_BTN_HOME"><img src="../img/home.png" alt=""></button>
 			</div>
 			<div class="name_info">

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

@@ -4,7 +4,7 @@
     font-weight: normal;
     font-style: normal;
 }
-* {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'GmarketSansMedium', 'serif'; list-style: none;}
+* {margin: 0; padding: 0;letter-spacing: -1px; box-sizing: border-box; text-align: center; font-family: 'GmarketSansMedium', 'serif'; list-style: none;}
 section {}
 body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';
 	overflow:scroll-y; 
@@ -225,7 +225,7 @@ body.eee {height: 700px; background: #eee;}
 .main .wicon .icon_left {float: left;}
 
 
-input {font-size:14px; margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 27px;text-align: left; padding:0 10px;}
+input {font-size:14px; margin-top: 3px; border: 1px solid #aaa; border-radius:4px; height: 34px;text-align: left; padding:0 10px;}
 input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
 
 select {border: 1px solid #aaa; border-radius:5px; height: 35px; font-size: 12px; text-align: left; padding:0 15px;}
@@ -235,18 +235,18 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 #ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 49px;background-color:#F7B014;align-items: center; z-index: 11;}
 #ITP_WRAPPER header .header_wrap {width: 100%; height: 49px; margin: 0 auto; display: inline-flex;}
-#ITP_WRAPPER header .header_wrap .menu_logo {width:85px; height:49px;}
-#ITP_WRAPPER header .header_wrap .menu_logo button {width: 40px; height: 40px; float: left; padding: 0; background: transparent; border: none; margin-top: 2px;}
-#ITP_WRAPPER header .header_wrap .menu_logo button img {width: 25px; height: 20px; margin: 0; border-radius: 0; border: none;}
+#ITP_WRAPPER header .header_wrap .menu_logo {width:80px; height:49px;}
+#ITP_WRAPPER header .header_wrap .menu_logo button {width: 22px; height: 18px; float: left; padding: 0; background: transparent; border: none; margin-left:10px; margin-top: 14px;}
+#ITP_WRAPPER header .header_wrap .menu_logo button img {width: 22px; height: 18px; margin: 0; border-radius: 0; border: none;}
 #ITP_WRAPPER header .header_wrap img.brand {float: right; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
 #ITP_WRAPPER header .header_wrap label{ margin-top: 15px; width: 50px; height: 25px; font-size: 1rem;float: left; color: #fff;}
-#ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 125px); height:49px; display:inline-flex;}
-#ITP_WRAPPER header .header_wrap .name_info .bn {text-align:right; width:110%; font-size:18px;}
-#ITP_WRAPPER header .header_wrap .name_info div {padding-left:3px; text-align:left; width: 90%; font-size: 15px; color:#fff; margin-top:14px;}
+#ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 120px); height:49px; display:inline-flex;}
+#ITP_WRAPPER header .header_wrap .name_info .bn {text-align:right; width:115%; font-size:18px;}
+#ITP_WRAPPER header .header_wrap .name_info div {padding-left:3px; text-align:left; width: 85%; font-size: 15px; color:#fff; margin-top:14px;}
 
-#ITP_WRAPPER header .header_wrap .logout {float: right; width: 49px;}
-#ITP_WRAPPER header .header_wrap .logout button {margin: -3px; width: 45px; height: 45px; border:none; font-size: 0.8rem;background: transparent;}
-#ITP_WRAPPER header .header_wrap .logout button img {width:22px;}
+#ITP_WRAPPER header .header_wrap .logout {float: right; width: 40px;}
+#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;}
+#ITP_WRAPPER header .header_wrap .logout button img {width:17px; height:18px;}
 
 /* 메뉴바 */
 #ITP_MENU .menu_area {position: fixed; width: 100%; height: 100%; top: 0; left: -0%; background: #000; opacity: 0.7; z-index: 12; transition: all 0.5s;}
@@ -306,7 +306,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 }
 .content {position:relative; z-index: 10; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
 .content .header {width:100% !important; margin:0 !important;}
-.content .line {position: relative; display: inline-block; width: 90%; margin:0 5%; height: 28px; margin-bottom: -10px;}
+.content .line {position: relative; display: inline-block; width: 330px; margin:0 5%; height: 40px; margin-bottom: -10px;}
 .content .line.top3 {top:3px;}
 .content .line.top6 {top:6px;}
 .content .line.top9 {top:9px;}
@@ -316,9 +316,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .pop_right div {float:right; margin-right:10px; padding-top:8px; text-align:right; font-size:16px;}
 .content .line .search_wrap input {float:right; width:50%; margin-right:10px;}
 .content .line .search_wrap select {float:right; width:50%; height:27px; margin-right:10px;}
-.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;}
+.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:92px; color:#898989; font-size: 14px; margin-left: 10px; float: left; text-align: left; margin-top: 7px; font-weight:100;}
+.content .line label {min-width:92px; color:#898989; font-size: 14pt; margin-left: 10px; 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;}
@@ -343,7 +343,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .line_right input.mg0 {margin-right:10px;}
 .content .line .line_right input.date{width:140px; margin-right:132px; height:35px;} 
 .content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
-.content .line input.date {width: 55%; height: 27px; float: left; text-align:center; font-size:14px;}
+.content .line input.date {width: 55%; height: 34px; float: left; text-align:center; font-size:14px;}
 .content .line input.full {width: 100%;}
 .content .line div.date_to {display:flex; width:60%; height:27px; float: left; margin-right:0px;}
 .content .line div.date_to input {font-weight:100; width:47%; height:27px; font-size:14px; margin:0;}