Startsida Utforska Hjälp
Registrera dig Logga in
orderqueen
/
oqpo-view
Bevaka 3
Stjärnmärk 0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Träd: e2c79eef3a
Grenar Taggar
oqpo-view
/
src
/
main
/
webapp
/
mobile
/
css
/
style.css

style.css 40 KB
Historik Rå

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566 
  1. @font-face {
    2. 

  2.     font-family: 'GmarketSansMedium';
    3. 

  3.     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    4. 

  4.     font-weight: normal;
    5. 

  5.     font-style: normal;
    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. 

  9. body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';
    10. 

  10. 	overflow:scroll-y; 
    11. 

  11. 	-webkit-overflow-scrolling:touch;}
    12. 

  12. body .login {position:fixed;}
    13. 

  13. .color-gray {color:#aaa;}
    14. 

  14. /* 팝업 */
    15. 

  15. section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
    16. 

  16. section .popup .pop {position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 360px; padding-top: 20px; background: #fff; border: 2px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
    17. 

  17. section .popup .pop.short {height:260px;}
    18. 

  18. section .popup .pop label.pop_label {position:relative; top:10px; font-size: 16px;}
    19. 

  19. section .popup .pop div.pop_msg {padding:0 5%; text-align:left; position:relative; top:10px; font-size: 16px;}
    20. 

  20. section .popup .pop .pop_line {width: 90%; margin:0 5%; display:flex; border:1px solid #aaa; border-bottom:none;}
    21. 

  21. section .popup .pop .pop_line.border {border-bottom:1px solid #aaa;}
    22. 

  22. section .popup .pop .pop_line .itp_label_area {height:35px; padding:8px; width:100px; margin:0; background:#eee; border-right:1px solid #aaa;}
    23. 

  23. section .popup .pop .pop_line .itp_label_area label {margin:0;font-size: 14px; text-align:left; float: left; min-width: 100px;}
    24. 

  24. section .popup .pop .pop_line .itp_info_area {width:calc(100% - 100px); margin:0; padding:6px;}
    25. 

  25. section .popup .pop .pop_line div {text-align: right; float: right; font-size: 16px; margin-right: 10px; width: auto;}
    26. 

  26. section .popup .pop .popup_btn { position: absolute; background-color: #ccc; bottom: 0; width: 100%; height: 40px; border-top: 2px solid #000;}
    27. 

  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;}
    28. 

  28. section .popup .pop .popup_btn button.ok { width: 64%; border-left: 2px solid #000;}
    29. 

  29. section .popup .pop .popup_btn button.cancel {width: 36%;}
    30. 

  30. 

  31. 

  32. section .popup2 {position: fixed; width: 100%; height: 100%; background: rgba(200, 200,200, 0.8); z-index: 11;}
    33. 

  33. section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
    34. 

  34. section .popup2 .barcode {width: 100%;}
    35. 

  35. section .popup2 .barcode_area {width: 300px; height: 300px; margin: auto; background: #fff; border: 1px solid #000; margin-top: 10%;}
    36. 

  36. section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 20px; margin:auto; margin-top: 20%;}
    37. 

  37. section .popup2 .btn_barcode {margin-top: 20%;}
    38. 

  38. section .popup2 .btn_barcode button {width: 35%; height: 50px; font-size: 15px; font-weight:100;}
    39. 

  39. 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;}
    40. 

  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;}
    41. 

  41. section .popup2 .pop .header .header_left {padding-top: 12px;}
    42. 

  42. section .popup2 .pop .header .header_left label {font-size: 18px; font-weight:100;} 
    43. 

  43. section .popup2 .pop .header .header_right {float: right; padding-right: 10px; position:relative; top:-44px;}
    44. 

  44. section .popup2 .pop .header .header_right button {border: none; background: transparent;}
    45. 

  45. section .popup2 .pop .header .header_right button img {width:22px;}
    46. 

  46. section .popup2 .pop .select_btn {position:relative; top:-25px; left:55px; width:100%; height: 20px;}
    47. 

  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. 

  48. section .popup2 .pop .select_btn img {width:12px;}
    49. 

  49. section .popup2 .pop .search_bar {width: 100%; height: 60px; padding:10px;}
    50. 

  50. section .popup2 .pop .search_bar input {width: 90%; margin:0 5%; height: 27px; position:relative; top:-37px; font-size:14px;}
    51. 

  51. section .popup2 .pop .search_bar button {position:relative; top:-64px; background:transparent; margin-right:5%; float: right; border: none; padding-top:3px;}
    52. 

  52. section .popup2 .pop .search_bar button img {width: 18px;}
    53. 

  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;}
    54. 

  54. section .popup2 .pop .search_item_bar {width:98%;margin:5px auto; display:flex;}
    55. 

  55. section .popup2 .pop .search_item_bar input {width:40%; border-radius:5px; margin:0;}
    56. 

  56. section .popup2 .pop .search_item_bar select {width:22%;border-radius:5px; margin-right:5px;}
    57. 

  57. section .popup2 .pop .search_btn_bar {width:100%; height:50px; margin-top:10px; margin-right:10px;}
    58. 

  58. section .popup2 .pop .search_btn_bar .btn_right {float:right; margin-right:10px;}
    59. 

  59. section .popup2 .pop .search_btn_bar .btn_right button img{width:18px; height:18px; margin-right:2px;}
    60. 

  60. section .popup2 .pop .search_btn_bar .btn_right button {height:30px; padding:5px 12px; font-size:12px; font-weight:100; border-radius:3px; border:1px solid #333;}
    61. 

  61. 

  62. section .popup2 .pop .table{width:98%; margin:0 auto; border:1px solid #aaa; border-bottom:none;}
    63. 

  63. section .popup2 .pop .table .table_tr {display:flex;}
    64. 

  64. section .popup2 .pop .table .table_tr .tabel_th{width:23%;; height:30px; border-left:1px solid #aaa; background:#eee;}
    65. 

  65. section .popup2 .pop .table .table_tr .tabel_th label {font-size:14px; font-weight:100;}
    66. 

  66. section .popup2 .pop .table .table_tr .tabel_th .chkAll {margin:-2px;}
    67. 

  67. 

  68. section .popup2 .pop .table_body{width:98%; margin:0 auto; border:1px solid #aaa; border-bottom: none;}
    69. 

  69. section .popup2 .pop .table_body .table_tr {display:flex; height:31px; border-bottom:1px solid #aaa;}
    70. 

  70. section .popup2 .pop .table_body .table_tr .table_td{width:23%;; height:30px; padding-top:5px; border-left:1px solid #aaa; background:#fff;}
    71. 

  71. section .popup2 .pop .table_body .table_tr .table_td div {font-size:14px; font-weight:100;}
    72. 

  72. section .popup2 .pop .table_body .table_tr .table_td .chkItem {margin:-7px;}
    73. 

  73. 

  74. section .popup2 .pop .popup_scroll ul.mb_0 {margin-bottom:0 !important;}
    75. 

  75. section .popup2 .pop .popup_scroll {position: relative; top:-25px; width: 100%;height: 540px; overflow: auto; border-top:1px solid #E0B8AB;}
    76. 

  76. section .popup2 .pop .popup_scroll li {list-style: none; width: 100%; height: 50px; border-bottom: 1px solid #E0B8AB;}
    77. 

  77. section .popup2 .pop .popup_scroll li.row_2 {height: 90px;}
    78. 

  78. 

  79. section .popup2 .pop .popup_scroll li .left {position: relative; float: left;}
    80. 

  80. section .popup2 .pop .popup_scroll li .left .check_box {width:30px; float:left; height:80px; padding-left:5px; padding-top:20px;}
    81. 

  81. section .popup2 .pop .popup_scroll li .left div {display: inline-block;}
    82. 

  82. section .popup2 .pop .popup_scroll li .left label{font-size: 2.5rem;}
    83. 

  83. section .popup2 .pop .popup_scroll li .left .thick {float: left; margin: 12px 0 0 10px; font-size: 1rem; text-align: left; width: 140px; font-weight: 600;}
    84. 

  84. section .popup2 .pop .popup_scroll li .left .nomal {float: left; margin: 15px 0px 0px 15px; font-size: 1.2rem; text-align: left; width: 100%;}
    85. 

  85. section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
    86. 

  86. section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
    87. 

  87. section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid;}
    88. 

  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;}
    89. 

  89. section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:8px;}
    90. 

  90. section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14px; color:gray;}
    91. 

  91. section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:16px; color:#b88278;}
    92. 

  92. section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
    93. 

  93. 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;}
    94. 

  94. section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:24px; height:38px;}
    95. 

  95. section .popup2 .pop .popup_scroll li .right button {padding: 5px; font-size: 22px; width:30px;}
    96. 

  96. 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);}
    97. 

  97. section .popup2 .pop .content .line button {width: 40%; height: 35px;font-size: 14px; font-weight:100; padding-top: 7px; margin: 0 10px;}
    98. 

  98. section .popup2	.list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
    99. 

  99. section .popup2 .border {border-bottom: 1px solid #000 !important;}
    100. 

  100. section .popup2 .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
    101. 

  101. section .popup2 .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:17px; border-left:none; border-bottom:none;}
    102. 

  102. section .popup2 .list_line .list_info input{width:90%;}
    103. 

  103. section .popup2 .list_line .mail input {width:30%;}
    104. 

  104. section .popup2 .list_line .mail select {width:30%;}
    105. 

  105. section .popup2 .list_line .list_info .pay_info {text-align:left; padding-left:17px;}
    106. 

  106. section .popup_scroll li .right .num {padding:8px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
    107. 

  107. section .popup_scroll li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
    108. 

  108. section .popup2 .list_line .line_right {float:right; width:70%;}
    109. 

  109. section .popup2 .list_line .line_right select {width:200px; float:right;}
    110. 

  110. section .popup2 .list_line .line_right input {width:200px; float:right;}
    111. 

  111. section .popup2 .list_line .info{width:30%; padding-top:10px; padding-left:20px; text-align:left;}
    112. 

  112. 

  113. section .popup2 .search .left {width:20%; float:left; margin-left:20px;}
    114. 

  114. section .popup2 .search .right {width:20%; float:right; margin-right:20px;}
    115. 

  115. 

  116. section .popup2 .search .left button,
    117. 

  117. section .popup2 .search .right button {width:100%;}
    118. 

  118. 

  119. section .popup3 { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
    120. 

  120. section .popup3 .content {position: fixed; z-index: 10; width:100%; height:596px; background: #fff;}
    121. 

  121. section .popup3 .content label{width:120px; margin-top:7px;}
    122. 

  122. section .popup3 .content div{font-weight:100;}
    123. 

  123. section .popup3 .pop { position: absolute; top: 37%; left: 50%; transform: translate(-50%,-40%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
    124. 

  124. section .popup3 .pop .header {position: relative; height: 50px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
    125. 

  125. section .popup3 .pop .header .header_left {float: left; padding-top: 5px; padding-left: 20px;}
    126. 

  126. section .popup3 .pop .header .header_left label {font-size: 1.4rem;} 
    127. 

  127. section .popup3 .pop .header .header_right {float: right; padding-right: 10px;}
    128. 

  128. section .popup3 .pop .header .header_right button {border: none; background: transparent;}
    129. 

  129. section .popup3 .pop .header .header_right button img {width:30px; height:30px;}
    130. 

  130. /* 버튼 */
    131. 

  131. button {background-color: #fff; padding: 10px;}
    132. 

  132. button.btn-primary  {color: #fff; background-color: #8f9fc4; border: 1px solid #000;font-weight: 700;}
    133. 

  133. button.btn-yellow   {color: #fff; background-color: rgb(255, 183, 0); border: 1px solid #000;font-weight: 700;}
    134. 

  134. button.btn-gray     {color: #fff; background-color: gray; border: 1px solid #000;font-weight: 700;}
    135. 

  135. button.btn-danger   {color: #fff; background-color: rgb(247, 76, 76); border: 1px solid #000;font-weight: 700;}
    136. 

  136. button.btn-green	{color: #fff; background-color: #5cb85c; border: 1px solid #000;font-weight: 700;}
    137. 

  137. button:hover {background: rgb(229, 248, 202); color: #000;}
    138. 

  138. 

  139. /* 실행,로딩 */
    140. 

  140. body.eee {height: 700px; background: #eee;}
    141. 

  141. .app_run {background: #ccc; width: 100%; height: 100%;}
    142. 

  142. .app_run .loding .start {position: absolute; width: 100%; top: 20%;}
    143. 

  143. .app_run .loding .start h2 {font-size: 1rem;}
    144. 

  144. .app_run .loding .start h1 {font-size: 2rem;}
    145. 

  145. .app_run .loding .cap {position: absolute; width: 100%; top: 50%; transform: translateY(50%);}
    146. 

  146. .app_run .loding .cap h3 {font-size: 1rem; color: #666;}
    147. 

  147. .brand_name {position: absolute; width: 100%; bottom: 0%; font-size: 1.6rem;}
    148. 

  148. 

  149. /* 업그레이드 , */
    150. 

  150. .upgrade { padding-top: 50%;}
    151. 

  151. .upgrade .info { position: relative; background-color: #fff; margin: 0 auto; width: 70%; height: 150px; padding: 20px; border: 1px solid #000; border-bottom: none; border-top-left-radius: 10px; border-top-right-radius: 10px;}
    152. 

  152. .upgrade .info h1 { position: relative; font-size: 1rem; margin: 5px; top: 20%;}
    153. 

  153. .upgrade .info h2 { position: relative; font-size: 0.8rem; margin: 5px; top: 30%;}
    154. 

  154. .upgrade .btn { position: relative; display: block; background-color: #fff; margin: 0 auto; width: 70%; height: 50px;}
    155. 

  155. .upgrade .btn button {border-radius: 0px;position: relative;border: 1px solid #000; padding: 0; float: left;display: block;height: 50px;font-size: 1.2rem;}
    156. 

  156. .upgrade .btn .info_btn1 button{border-right: none;width: 35%;color: #000;background-color: #f5f5f5;}
    157. 

  157. .upgrade .btn .info_btn2 button {width: 65%;color: #ccc;background-color: blue;}
    158. 

  158. 

  159. /* 로그인 */
    160. 

  160. .bg_gray {width:100%; height:180px; background:#ecebea; border-bottom-left-radius:50%; border-bottom-right-radius:50%;}
    161. 

  161. #ITP_LOGIN {
    162. 

  162.     transform: translateX(-50%);
    163. 

  163.     max-width: 500px;
    164. 

  164.     left: 50%;
    165. 

  165.     position: fixed;}
    166. 

  166. #ITP_LOGIN .login_popup {position: relative; width: 350px; text-align: center;}
    167. 

  167. #ITP_LOGIN .login_popup h1 { font-size: 1.5rem; color: #333; font-weight: 700;}
    168. 

  168. #ITP_LOGIN .login_popup input { position: relative; height: 30px; font-size: 2.2rem;}
    169. 

  169. #ITP_LOGIN .login_popup .login_info {position:relative; top:-50px;}
    170. 

  170. #ITP_LOGIN .login_popup .login_info img {width:100px; margin-bottom:10px;}
    171. 

  171. #ITP_LOGIN .login_popup .num_area { position: relative; width: 100%;  margin-bottom: 40px;}
    172. 

  172. #ITP_LOGIN .login_popup .num_area .input_area {margin-bottom: 10px;}
    173. 

  173. #ITP_LOGIN .login_popup .num_area .input_area input {width:50%; font-size: 0.8rem; }
    174. 

  174. #ITP_LOGIN .login_popup .num_area .input_area button {margin-left: 0.1%; width: 19.5%; height: 45px; background-color: #f7b014; color: #eee; font-size: 16px; padding: 0; border:3px solid #fbd896; border-radius: 10px;}
    175. 

  175. #ITP_LOGIN .login_popup .itp_del_btn.reg_no {width:50px; right:123px; top:4px;}
    176. 

  176. #ITP_LOGIN .login_popup .itp_del_btn.reg_no button {width:45px; border:none; background:transparent;}
    177. 

  177. #ITP_LOGIN .login_popup .itp_del_btn {position:absolute; top:12px; right:66px;}
    178. 

  178. #ITP_LOGIN .login_popup .itp_del_btn button {width:25px; border:none; padding:0;}
    179. 

  179. #ITP_LOGIN .login_popup .itp_del_btn button img{width:18px;}
    180. 

  180. #ITP_LOGIN .login_popup .num_area .brand_list select {padding-left: 10px; width: 70%; height: 45px; font-size: 0.8rem; border:2px solid #ddd; border-radius:10px; background: url(../img/downarrow.png)no-repeat 95% 50%/20px auto; -webkit-appearance:none; appearance:none;}
    181. 

  181. #ITP_LOGIN .login_popup .num_area .brand_list select option {text-align: left; width: 70%; height: 50px; border: 1px solid #000; font-size: 20px;} 
    182. 

  182. 

  183. #ITP_LOGIN .login_page {position: relative; width: 100%;  margin-bottom: 30px;}
    184. 

  184. 

  185. #ITP_LOGIN .input_area {position: relative; width: 100%;  margin-bottom: 10px;}
    186. 

  186. #ITP_LOGIN .input_area input {width: 70%; height: 45px; position: relative; padding: 10px; text-align: left; border:2px solid #ddd; border-radius:10px; font-size: 0.7rem; color: #000; outline: none; margin:0;}
    187. 

  187. #ITP_LOGIN .input_area label {position: absolute; left: 18%; top: 14px; font-size: 15px; transition: all .5s ease; color:#666;}
    188. 

  188. #ITP_LOGIN .input_area input:focus + label,
    189. 

  189. #ITP_LOGIN .input_area input:valid + label {top: 4px; left: 18%; font-size: 0.6rem; color: blue;}
    190. 

  190. #ITP_LOGIN .error {margin: 0 auto; height:70px;}
    191. 

  191. #ITP_LOGIN .error label {font-size: 1rem;}
    192. 

  192. #ITP_LOGIN .login_btn {position: relative; top: -20px; left: 0;}
    193. 

  193. #ITP_LOGIN .login_btn button {
    194. 

  194.   font-weight: nomal;
    195. 

  195.   border:3px solid #fbd896; border-radius: 10px;
    196. 

  196.   color: #eee;
    197. 

  197.   background-color: #f7b014;
    198. 

  198.   width: 70%;
    199. 

  199.   height: 50px;
    200. 

  200.   font-size: 20px;
    201. 

  201. }
    202. 

  202. 

  203. /* 메인화면 */
    204. 

  204. 

  205. 

  206. @media screen and (min-width:300px) and (max-width:430px) {
    207. 

  207.   .footer button {margin: 0 15px;}
    208. 

  208. }
    209. 

  209. 

  210. .main {margin-top: 70px; height: 500px;}
    211. 

  211. .main .wicon label {font-size: 1.2rem;}
    212. 

  212. .main .wicon {width: 380px; margin: 0 auto;}
    213. 

  213. .main .wicon  button {border: 1px solid #333; margin: 8px 20px; background-color: #ccc; width: 150px; height:150px;border-radius: 30px;}
    214. 

  214. .main .wicon .icon_left {float: left;}
    215. 

  215. 

  216. 

  217. input {font-size:14px; margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 27px;text-align: left; padding:0 10px;}
    218. 

  218. input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
    219. 

  219. 

  220. select {border: 1px solid #aaa; border-radius:5px; height: 35px; font-size: 12px; text-align: left; padding:0 15px;}
    221. 

  221. input .day {margin: 18%; width: 45%; height: 80px; float: right;}
    222. 

  222. 

  223. /* 공통화면 */
    224. 

  224. 

  225. #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;}
    226. 

  226. #ITP_WRAPPER header .header_wrap {width: 100%; height: 55px; margin: 0 auto; display: inline-flex;}
    227. 

  227. #ITP_WRAPPER header .header_wrap .menu_logo {width:100px; height:45px;}
    228. 

  228. #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;}
    229. 

  229. #ITP_WRAPPER header .header_wrap .menu_logo button img {width: 25px; height: 20px; margin: 0; border-radius: 0; border: none;}
    230. 

  230. #ITP_WRAPPER header .header_wrap img.brand {float: right; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
    231. 

  231. #ITP_WRAPPER header .header_wrap label{ margin-top: 15px; width: 50px; height: 25px; font-size: 1rem;float: left; color: #fff;}
    232. 

  232. #ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 160px); height:45px; display:inline-flex;}
    233. 

  233. #ITP_WRAPPER header .header_wrap .name_info div {width: 100%; font-size: 20px; color:#eee; margin-top:12px;}
    234. 

  234. 

  235. #ITP_WRAPPER header .header_wrap .logout {float: right; width: 60px;}
    236. 

  236. #ITP_WRAPPER header .header_wrap .logout button {margin: -2px 10px; width: 50px; height: 50px; border:none; font-size: 0.8rem;background: transparent;}
    237. 

  237. #ITP_WRAPPER header .header_wrap .logout button img {width:22px;}
    238. 

  238. 

  239. /* 메뉴바 */
    240. 

  240. #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;}
    241. 

  241. #ITP_MENU .menu_area button {float: right; width: 50px; height: 50px; padding: 0; background: transparent; border: none;}
    242. 

  242. #ITP_MENU .menu_area button img {float: right; width: 40px; height: 40px; margin: 7px;}
    243. 

  243. #ITP_MENU .menu_bar {position: fixed; width: 70%; height: 100%; left: -0%; top: 0; background: #fff; opacity: 1; z-index: 13; transition: all 0.5s;}
    244. 

  244. #ITP_MENU .menu_bar .menu_header {width: 100%; height: 100px; border-bottom: 1px solid #000 ;}
    245. 

  245. #ITP_MENU .menu_bar .menu_header .brand_img {position: absolute; width: 50px; height: 50px; margin: 20px 0 0 20px;}
    246. 

  246. #ITP_MENU .menu_bar .menu_header .brand_img img {width: 50px; height: 50px; border: 1px solid #000; border-radius: 5px;}
    247. 

  247. #ITP_MENU .menu_bar .menu_header .user_info {position: absolute; width: 120px; margin-left: 70px; margin-top: 20px; float: left;}
    248. 

  248. #ITP_MENU .menu_bar .menu_header .user_info div {position: absolute; width: 70px; margin-right: 10px; font-weight: 700;}
    249. 

  249. #ITP_MENU .menu_bar .menu_header .user_info div.id {font-weight: normal; color: #666; margin-left: 10px; margin-top: 5px;}
    250. 

  250. #ITP_MENU .menu_bar .menu_header .user_info label {width: auto; margin-left: 58px;}
    251. 

  251. #ITP_MENU .menu_bar .menu_header .setting {float: right;}
    252. 

  252. #ITP_MENU .menu_bar .menu_header .setting button {width: 30px; height: 30px; padding: 0; background: #666; border-radius: 5px; margin: 30px 20px 0 0;}
    253. 

  253. #ITP_MENU .menu_bar .menu_header .setting button img {width: 20px; height: 20px;}
    254. 

  254. 

  255. 

  256. /* ITP_SIDEBAR */
    257. 

  257. #ITP_SIDEBAR {width:0px; float:left; margin-left:-2px; height:calc(100vh - 68px); background:#ddd; transition:all .25s ease; border-style:solid; border-color:#ddd; border-width:0 1px 1px 1px;}
    258. 

  258. #ITP_SIDEBAR.itp_open_nav {width: 100%; height: 100%;}
    259. 

  259. #ITP_SIDEBAR .itp_nav {list-style:none; margin:0; padding:0; height:80%; overflow-y:scroll; overflow-x:hidden; visibility:hidden;}
    260. 

  260. #ITP_SIDEBAR.itp_open_nav .itp_nav {visibility:visible;}
    261. 

  261. #ITP_SIDEBAR.itp_open_nav .itp_nav::-webkit-scrollbar{display:none;}
    262. 

  262. #ITP_SIDEBAR .itp_nav.panel-group .panel+.panel {margin-top:0;}
    263. 

  263. #ITP_SIDEBAR .itp_nav .panel-heading {padding:0;}
    264. 

  264. #ITP_SIDEBAR .itp_nav .panel-title {line-height:1.1; border-bottom:1px solid #ddd;}
    265. 

  265. #ITP_SIDEBAR .itp_nav .panel-title a {font-size:20px; display:block; padding:13px 15px; color:#333; text-decoration: none;}
    266. 

  266. #ITP_SIDEBAR .itp_nav .panel-title a .glyphicon {font-size:12px;}
    267. 

  267. #ITP_SIDEBAR .itp_nav .panel-default {margin-bottom:0; border:none;}
    268. 

  268. #ITP_SIDEBAR .itp_nav * {border-radius:0; border-width:1px 0 1px 0;}
    269. 

  269. 

  270. #ITP_SIDEBAR .itp_nav .itp_svgs_body {padding:0; border-top:0; border-bottom:1px solid #ddd;}
    271. 

  271. #ITP_SIDEBAR .itp_nav .itp_svgs {display:flex; align-content:flex-start; flex-direction:column; flex-wrap:wrap; overflow:auto;}
    272. 

  272. #ITP_SIDEBAR .itp_nav .itp_svgs .itp_svg_in {position:relative;}
    273. 

  273. #ITP_SIDEBAR .itp_nav .itp_svgs li {width:100%; height:47px;}
    274. 

  274. #ITP_SIDEBAR .itp_nav .itp_svgs li a {display:block; width:100%; color:#333; padding:5px 10px 5px 17px;}
    275. 

  275. #ITP_SIDEBAR .itp_nav .itp_svgs li:first-child a {padding-top:10px;}
    276. 

  276. #ITP_SIDEBAR .itp_nav .itp_svgs li:last-child a {padding-bottom:10px;}
    277. 

  277. #ITP_SIDEBAR .itp_nav .itp_svgs li a:hover, #ITP_SIDEBAR .itp_nav .itp_svgs li a:active {color:#000; font-weight:bold;}
    278. 

  278. #ITP_SIDEBAR .itp_nav .itp_svgs li a .glyphicon {font-size:9px; float:left; margin:4px 6px 0 0;}
    279. 

  279. #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_icon {font-size:9px; float:left; margin:4px 6px 0 15px;}
    280. 

  280. #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_icon_5 {font-size:9px; float:left; margin:4px 6px 0 25px;}
    281. 

  281. #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_tt {float:left;}
    282. 

  282. 

  283. #ITP_SIDEBAR.itp_open_nav .nav_bottom {position: fixed; width: 70%; left: -0%; background: #eee; opacity: 1; z-index: 13; transition: all 0.5s;}
    284. 

  284. #ITP_SIDEBAR.itp_open_nav .nav_bottom .fnMenuNm {color:#0000ff;}
    285. 

  285. #ITP_SIDEBAR.itp_open_nav .nav_bottom .fnVersion {color:#0000ff;}
    286. 

  286. 

  287. /* 컨텐츠 화면 */
    288. 

  288. 

  289. 

  290. .fix {
    291. 

  291.   width: 100%;
    292. 

  292.   padding-top: 45px;
    293. 

  293.   font-size: 16px;
    294. 

  294. }
    295. 

  295. .content {position:fixed; z-index: 10; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
    296. 

  296. .content .header {width:100% !important; margin:0 !important;}
    297. 

  297. .content .line {position: relative; display: inline-block; width: 99%; height: 28px; margin:auto 1%; margin-bottom: -10px;}
    298. 

  298. .content .line .pop_right {width:50%; height:46px; float:right;}
    299. 

  299. .content .line .pop_right div {float:right; margin-right:10px; padding-top:8px; text-align:right; font-size:16px;}
    300. 

  300. .content .line .search_wrap input {float:right; width:50%; margin-right:10px;}
    301. 

  301. .content .line .search_wrap select {float:right; width:50%; margin-right:10px;}
    302. 

  302. .content .line div.itp_search_header {font-weight:100;padding:5px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;font-size:14px;}
    303. 

  303. .content .line div.itp_search_header img{width:14px; top:-2px; position:relative;}
    304. 

  304. .content .line label {min-width:92px; color:#666; font-size: 14px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
    305. 

  305. .content .line label.pay_label {margin:20px 1%; width:98%;}
    306. 

  306. .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;}
    307. 

  307. .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;}
    308. 

  308. .content .line .float_left {float: left; margin-top:2px; width:50%;}
    309. 

  309. .content .line .float_left.name {width:60%;}
    310. 

  310. .content .line .float_left button {float:right; left:-5px; position:relative; background:transparent; border:none; width:27px; height:27px; padding:0;} 
    311. 

  311. .content .line .float_left button img {width:18px;}
    312. 

  312. .content .line .float_left input {width:100%; font-size:14px;}
    313. 

  313. .content .line .float_left.note {width: 100%; padding: 10px;}
    314. 

  314. .content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #aaa; text-align: left; font-size:14px;}
    315. 

  315. .content .line .float_left div {font-size: 1rem; margin-top: 8px;}
    316. 

  316. .content .line .float_left .itp_input_btn {top:5px; margin:0; position:absolute; width:50%;}
    317. 

  317. .content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
    318. 

  318. .content .line .float_right_btn button {padding:0; width:27px; height:27px; border-radius:5px; border:1px solid #aaa;}
    319. 

  319. .content .line .float_right_btn button img {width:18px; height:18px;}
    320. 

  320. .content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;}
    321. 

  321. .content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:50%}
    322. 

  322. .content .line .line_right div {float: right; font-size: 16px; margin-top: 12px; margin-right:3%; color:#555;}
    323. 

  323. .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
    324. 

  324. .content .line .line_right input.m9 {margin-right:93px;}
    325. 

  325. .content .line .line_right input.left {text-align: left;}
    326. 

  326. .content .line .line_right input.mg0 {margin-right:10px;}
    327. 

  327. .content .line .line_right input.date{width:140px; margin-right:132px; height:35px;} 
    328. 

  328. .content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
    329. 

  329. .content .line input.date {width: 50%; 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;}
    330. 

  330. .content .line input.full {width: 100%;}
    331. 

  331. .content .line div.date_to {display:flex; width:60%; float: left; margin-right:0px;}
    332. 

  332. .content .line div.date_to input {font-weight:100; width:47%; font-size:14px;}
    333. 

  333. 

  334. .content .line div.date_to div.at {width: 6%;  font-size: 16px; padding-top:12px; float: right;}
    335. 

  335. .content .line .search {width: 100%; height: 50px; padding-top:8px;}
    336. 

  336. .content .line .search button {width: 50%; height: 35px; font-size: 14px; font-weight:100; padding: 0;}
    337. 

  337. .content .line .search button.col_3 {width: 25%; margin:0 10px;}
    338. 

  338. .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
    339. 

  339. .content .border {border-bottom: 1px solid #000 !important;}
    340. 

  340. .content .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
    341. 

  341. .content .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:15px; border-left:none; border-bottom:none;}
    342. 

  342. 

  343. .content .list_line .list_info input{width:90%;}
    344. 

  344. 

  345. .content .list_line .mail input {width:30%;}
    346. 

  346. .content .list_line .mail select {width:30%; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
    347. 

  347. .content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:15px;}
    348. 

  348. .content .table_header {margin-top: 10px; width: 100%; height: 36px;}
    349. 

  349. .content .table_header h1 {margin: 10px; font-size: 14px; float: left; color: #000; font-weight: 700;}
    350. 

  350. .content .table_header button {float: right; width: 68px; height:24px; font-size: 12px; font-weight: 100; padding:0px; margin: 5px; border-radius:15px;}
    351. 

  351. 

  352. .detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
    353. 

  353. .detail_content .detail_header {width: 100%; height: 80px; padding-top:65px}
    354. 

  354. .detail_content .detail_header .detail_logo {float: left;}
    355. 

  355. .detail_content .detail_header .detail_logo img {width: 70px; margin-left: 15px;}
    356. 

  356. .detail_content .detail_header .detail_ok {float: left;}
    357. 

  357. .detail_content .detail_header .detail_ok label {margin-left: 50px; font-size: 1.6rem; font-weight: 700;}
    358. 

  358. .detail_content .detail_confirmation {height: 260px; }
    359. 

  359. .detail_content .detail_confirmation .detail_col {float: left; width: 100%; display: inline-flex; margin-left: 15px; margin-bottom: 10px;}
    360. 

  360. .detail_content .detail_confirmation .detail_col label{font-size: 1rem; font-weight: 700; float: left; width: 100px; text-align: left;}
    361. 

  361. .detail_content .detail_confirmation .detail_col i{font-size: 1rem; font-style:normal; width: 1%; text-align: right; margin-right: 10px;}
    362. 

  362. .detail_content .detail_confirmation .detail_col div{font-size: 1rem; width: auto; text-align: left;}
    363. 

  363. .detail_content .detail_company_info {height:150px;}
    364. 

  364. .detail_content .detail_company_info label{font-size: 1rem; font-weight: 600;}
    365. 

  365. .detail_content .detail_company_info .weight {margin-bottom: 20px;}
    366. 

  366. .detail_content .detail_company_info .weight label{font-size: 1.2rem; font-weight: 700;}
    367. 

  367. .detail_content .detail_company_info div{font-size: 1rem;}
    368. 

  368. .detail_content .detail_company_info .info_left {width: 50%; height: 150px; float: left;}
    369. 

  369. .detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 15px; margin-top:3px;}
    370. 

  370. .detail_content .table_header {margin: 0% auto; width: 100%; height: 45px; background-color: skyblue; align-items: center; position: fixed; z-index: 10;}
    371. 

  371. .detail_content .table_header h1 {margin-top: 12px; margin-left: 15px; font-size: 1.2rem; float: left;}
    372. 

  372. .detail_content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}
    373. 

  373. 

  374. /* select.stcd {
    375. 

  375.   float: left;
    376. 

  376.   width: 300px;
    377. 

  377.   height: 60px;
    378. 

  378.   border: 1px solid #000;
    379. 

  379.   font-size: 1.8rem;
    380. 

  380. } */
    381. 

  381. 

  382. .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;}
    383. 

  383. .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;}
    384. 

  384. .button_bar button.btn-gray {border-radius: 0px; background-color: #666; color: #eee;}
    385. 

  385. .button_bar button.btn {height: 120px;}
    386. 

  386. .button_bar button.btn_col_3 {width: 35%;}
    387. 

  387. .button_bar button.btn_col_6 {width: 65%;}
    388. 

  388. .button_bar button.btn_col_3,
    389. 

  389. .button_bar button.btn_col_6 {border: 1px solid #000; float: left; height: 60px; font-size: 16px; font-weight: 100; border-radius: 0px;}
    390. 

  390. .button_bar button.col_12 {font-weight:100; width: 100%; height: 60px; font-size: 18px;}
    391. 

  391. 

  392. /* scroll_area 조정 */
    393. 

  393. .scroll_area {position: absolute; width: 100%; height: 456px;border-bottom:2px solid #000; bottom: 30px; overflow: auto; background: #fff;}
    394. 

  394. 

  395. .row-1{top: 225px;}
    396. 

  396. .row-1-1{top:363px;}
    397. 

  397. .row-2{top: 345px;}
    398. 

  398. .row-2-1{top:317px;}
    399. 

  399. .row-3{top: 395px;}
    400. 

  400. .row-3-2{top:393px;}
    401. 

  401. .row-3-1{top: 355px;}
    402. 

  402. .row-4{top: 435px;}
    403. 

  403. .row-4-1 {top: 400px;}
    404. 

  404. .row-5{top: 418px;}
    405. 

  405. .row-5-1{top: 391px;}
    406. 

  406. .row-6{top: 621px;}
    407. 

  407. .row-7{top: 533px;}
    408. 

  408. .row-9{top: 383px;}
    409. 

  409. .row-10{top: 349px;}
    410. 

  410. .row-11{top: 309px;}
    411. 

  411. 

  412. .col-4{width:35% !important;}
    413. 

  413. .col-6{width:60% !important;}
    414. 

  414. .col-4 .thick{width:100% !important;}
    415. 

  415. .col-6 .thick{width:100% !important;}
    416. 

  416. 

  417. .scroll_area ul.mb_0 {margin-bottom:0 !important;}
    418. 

  418. .scroll_area .itp_non_data {margin:35% auto;}
    419. 

  419. .scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
    420. 

  420. 

  421. .scroll_area li.list-row {display: inline-flex; height:60px;}
    422. 

  422. .scroll_area li.list-row2 {height:130px; padding-top:8px;}
    423. 

  423. 

  424. .scroll_area li .left_info {width: calc(100% - 100px); float:left; margin-top:4px;}
    425. 

  425. .scroll_area li .left_info div {display: inline-block; font-size:14px;}
    426. 

  426. .scroll_area li .left_info span {font-size: 14px;}
    427. 

  427. .scroll_area li .left_info label{font-size: 16px; font-weight:100; margin-left:10px;}
    428. 

  428. .scroll_area li .left_info .check_box {padding:10px; height:72px; float:left; width:30px;}
    429. 

  429. .scroll_area li .left_info .thick {float:left; margin-top: 2px; font-size: 18px; text-align: left; width: 200px; height:20px; font-weight: 100;}
    430. 

  430. .scroll_area li .left_info .thick .itp_item {color:gray;}
    431. 

  431. .scroll_area li .left_info .thick .itp_gram {color:#aaa; font-size:14px;}
    432. 

  432. .scroll_area li .left_info .thick .itp_amt {color:#b88278; margin-top: 4px;}
    433. 

  433. .scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
    434. 

  434. .scroll_area li .left_info .history input{width: 150px;}
    435. 

  435. .scroll_area li.history_list {height: 140px; padding-top:8px;}
    436. 

  436. .scroll_area li.history_list .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
    437. 

  437. .scroll_area li.history_list .scroll_btn {width:10%; height:130px; margin-top:-5px; display:inline-flex;}
    438. 

  438. 

  439. 

  440. .scroll_area li.history_list4 .button_right {float: right; display: grid;}
    441. 

  441. .scroll_area li.history_list4 .button_right button {width: 65px; height: 74px; font-size: 15px; font-weight:100; margin: 0; border-radius: 0;}
    442. 

  442. 

  443. .scroll_area li.history_list1 {height: 230px;}
    444. 

  444. .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
    445. 

  445. .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
    446. 

  446. .scroll_area li.history_list3 {height: 160px; padding-top:5px;}
    447. 

  447. .scroll_area li.history_list3 .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
    448. 

  448. .scroll_area li.history_list4 {height: 150px;}
    449. 

  449. .scroll_area li.history_list5 {height: 100px; padding-top:5px;}
    450. 

  450. .scroll_area li.history_list6 {height: 110px; padding-top:5px;}
    451. 

  451. .scroll_area li .history_info {width: auto;}
    452. 

  452. .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
    453. 

  453. .scroll_area li .btn_list {width:calc(100% - 65px); height:35px; padding-top:12px;}
    454. 

  454. .scroll_area li .left div {display: inline-block;}
    455. 

  455. .scroll_area li .left label{font-size: 1.1rem;}
    456. 

  456. .scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 50%; font-weight: 600;}
    457. 

  457. .scroll_area li .left .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
    458. 

  458. .scroll_area li .left .history input{width: 150px;}
    459. 

  459. 

  460. .scroll_area li .detail_line {width: 100%; height:25px; display: inline-block;}
    461. 

  461. .scroll_area li .detail_left {float: left;}
    462. 

  462. .scroll_area li .detail_left .detail_info {margin: 5px 10px;}
    463. 

  463. .scroll_area li .detail_left .detail_info div {width: auto; font-size: 14px; font-weight: 700;}
    464. 

  464. .scroll_area li .detail_left .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
    465. 

  465. .scroll_area li .detail_left .detail_info label {position:absolute; width: auto;  font-size: 14px;}
    466. 

  466. .scroll_area li .detail_right {float: right;}
    467. 

  467. .scroll_area li .detail_right .detail_info {margin: 5px 25px;}
    468. 

  468. .scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
    469. 

  469. .scroll_area li .detail_right .detail_info div {width: auto; font-size: 14px; font-weight: 100;}
    470. 

  470. .scroll_area li .detail_right .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
    471. 

  471. .scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 1.2rem;}
    472. 

  472. .scroll_area li .left .nomal .half {float:left;}
    473. 

  473. .scroll_area li .left .nomal .half label {min-width:auto;}
    474. 

  474. .scroll_area li .left .nomal .half div {min-width:auto; margin-right:5px; margin-top:0;}
    475. 

  475. .scroll_area li .left .nomal  input{width: 85px; height:30px; margin-top:-3px;}
    476. 

  476. 

  477. .scroll_area li .scroll_btn {width:10%; height:158px; margin-top:-5px; display:inline-flex;}
    478. 

  478. 

  479. .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
    480. 

  480. .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
    481. 

  481. .scroll_area li .left .nomal span {margin:0 5px; font-size:16px; font-weight:700;}
    482. 

  482. 

  483. .scroll_area li .left .nomal .btn_bar{position: relative; width: auto; font-size: 2.2rem;}
    484. 

  484. .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
    485. 

  485. .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
    486. 

  486. 

  487. .scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:90px; text-align:left;}
    488. 

  488. .scroll_area li .left .nomal label.sub_info{min-width: auto; display: inline-flex;}
    489. 

  489. 

  490. .scroll_area li .left .nomal label.col_2{width: 95px;}
    491. 

  491. 

  492. .scroll_area li .left .nomal i{width: 50px; text-align: center;}
    493. 

  493. .scroll_area li .left .nomal div{ display: inline-flex; font-weight: 100; font-size: 15px;}
    494. 

  494. .scroll_area li .left .nomal .col_5{min-width:50px;}
    495. 

  495. 

  496. .scroll_area li .right {margin: 12px 10px 0 0; position: relative; display: flex; height:35px; font-size: 1.4rem; font-weight: 700; float: right;}
    497. 

  497. .scroll_area li .right .num {padding:8px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
    498. 

  498. .scroll_area li .right .fnnum {margin:10px 30px;}
    499. 

  499. .scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
    500. 

  500. 

  501. /* ITP_FOOTER */
    502. 

  502. #ITP_FOOTER .itp_modal {z-index:10000;}
    503. 

  503. #ITP_FOOTER .itp_modal .modal-header {padding:12px 15px 12px 15px; background:#337ab7; cursor:move;}
    504. 

  504. #ITP_FOOTER .itp_modal .modal-header .close {color:#fff; opacity:1;}
    505. 

  505. #ITP_FOOTER .itp_modal .modal-title {font-size:16px; color:#fff;}
    506. 

  506. #ITP_FOOTER .itp_modal .itp_alert_txt {font-size:15px; padding:15px 0 10px 0;}
    507. 

  507. #ITP_FOOTER .itp_modal .itp_form .form-group {margin-bottom:10px;}
    508. 

  508. #ITP_FOOTER .itp_modal .itp_form .form-control {font-size:13px; color:#333;}
    509. 

  509. #ITP_FOOTER .itp_modal .itp_form .itp_lb {font-size:13px; padding-top:5px; padding-right:0; color:#333; position:relative;}
    510. 

  510. #ITP_FOOTER .itp_modal .itp_form .itp_ip {padding-left:0; padding-right:0;}
    511. 

  511. #ITP_FOOTER .itp_modal .itp_form .itp_ip_offset {padding-left:15px;}
    512. 

  512. #ITP_FOOTER .itp_modal .itp_form .itp_input {height:28px; padding:3px 9px;}
    513. 

  513. #ITP_FOOTER .itp_modal .itp_form .itp_check {margin-top:7px;}
    514. 

  514. #ITP_FOOTER .itp_modal .itp_form select.itp_input  {padding-left:4px; margin-top:-2px;}
    515. 

  515. #ITP_FOOTER .itp_modal .itp_form .itp_btn {padding:4px 10px; background:#fff;}
    516. 

  516. #ITP_FOOTER .itp_modal .itp_form .input-daterange .input-group-addon {padding:3px 5px;}
    517. 

  517. #ITP_FOOTER .itp_modal .itp_form .itp_date_to {background:#fff;}
    518. 

  518. #ITP_FOOTER .itp_modal .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
    519. 

  519. #ITP_FOOTER .modal.in .modal-dialog {
    520. 

  520.   -webkit-transform:translate(0, calc(50vh - 50%));
    521. 

  521.   -ms-transform:translate(0, 50vh) translate(0, -50%);
    522. 

  522.   -o-transform:translate(0, calc(50vh - 50%));
    523. 

  523.   transform:translate(0, 50vh) translate(0, -50%);
    524. 

  524. }
    525. 

  525. /* 수발주 결제 테이블 css */
    526. 

  526. #ITP_FOOTER .itp_modal .itp_mg_btm {margin-bottom:0 !important;}
    527. 

  527. #ITP_FOOTER .itp_modal .itp_pd_none {padding:0;} 
    528. 

  528. #ITP_FOOTER .itp_modal .itp_mg_top {margin-top: 10px;} 
    529. 

  529. #ITP_FOOTER .itp_modal .itp_form .itp_mlb {font-size:13px; height:42px; text-align:left; padding:12px 5px 8px 10px; color:#333; border:1px solid #ccc;}
    530. 

  530. #ITP_FOOTER .itp_modal .itp_form .itp_mip {padding: 8px 5px 4px 12px; height:42px; text-align: left; font-size: 16px; border:1px solid #ccc;}
    531. 

  531. 

  532. @media screen and (min-width: 550px) {
    533. 

  533. 	.content .line input.date {width: 70%;}
    534. 

  534. 	.content .line input.full {width: 100%;}
    535. 

  535. 	
    536. 

  536. 	.content .line .line_right {width:80%}
    537. 

  537. 	.content .line .float_left .itp_input_btn {width:70%;}
    538. 

  538. 	.content .line .float_left {width:70%;}
    539. 

  539. 	.content .line div.date_to {width:70%;}
    540. 

  540. 	.content .line div.date_to input {width:47%}
    541. 

  541. 	.content .line .float_left.name {width:76%;}
    542. 

  542. 	.modal-dialog {margin:auto 20% !important;}
    543. 

  543. 	.scroll_area li .left_info .thick {width: 90%;}
    544. 

  544. 	.content .line .search_wrap input {width:78%;}
    545. 

  545. 	.content .line .search_wrap select {width:78%;}	
    546. 

  546. }
    547. 

  547. @media screen and (max-height: 720px) {
    548. 

  548. 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}
    549. 

  549. 	.bg_gray {position:relative; top:-90px;}
    550. 

  550. 	.scroll_area {height: 400px;}
    551. 

  551. 	
    552. 

  552. 	}
    553. 

  553. /* 알림 팝업 추가 */
    554. 

  554. .modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0;}
    555. 

  555. .itp_modal {z-index: 10000;}
    556. 

  556. .modal-dialog {position: relative; width: auto; margin: 10px;}
    557. 

  557. .modal-content {position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; box-shadow: 0 3px 9px rgb(0 0 0 / 50%);}
    558. 

  558. .modal-header {min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5; padding: 12px 15px 12px 15px; background: #337ab7; cursor: move;}
    559. 

  559. .modal-header .close { margin-top: -2px; color: #fff; opacity: 1;}
    560. 

  560. button.close {-webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;}
    561. 

  561. .close {float: right; font-size: 21px; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 #fff;}
    562. 

  562. .modal-body {position: relative; padding: 15px;}
    563. 

  563. .modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;}
    564. 

  564. .modal-footer .btn {border-radius:6px; padding: 6px 12px;}
    565. 

  565. 

  566.